#hd_top { width:100%; background:#3464c2; height:40px; line-height:40px; float:left;}
#hd_top .wrapper { width:100%; max-width:1200px; margin:0 auto; } 
#hd_top .wrapper .lt { float:left; font-size:13px; color:#dcdcdc; letter-spacing:0px; font-weight:400; } 
#hd_top .wrapper .rt { float:right; font-size:13px; color:#0a583b; letter-spacing:-1px; font-weight:400; } 
#hd_top .wrapper h1 { float:right; font-size:18px; padding:0px 25px; line-height:inherit; margin-left:20px; color:#fff; background:#0b41b4; letter-spacing:-1px; font-weight:600; } 
#hd_top .wrapper h1 i { margin-right:5px;}
#hd_top .wrapper h2 { float:right; margin-left:10px; }
#hd_top .wrapper h2 a { color:#fff; }

#phantom_content_wrap { width:100%; max-width:1200px; margin:0 auto; }

#main { width:100%; background: #3464c2; background: -webkit-linear-gradient(to right, #3464c2, #088ed3); background: linear-gradient(to right, #3464c2, #088ed3); padding:100px 0px; float:left;}
#main .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:center;} 
#main .wrapper .search_submit { width:100%; display:inline-block; border:1px solid #fff; position:relative; font-size:18px; letter-spacing:-1px; color:#bedef9; text-align:left; padding:10px 30px; max-width:600px; margin:60px auto;} 
#main .wrapper .search_submit b { font-size:24px; position:absolute; top:0; right:0; border-left:1px solid #fff; padding:5px 15px; color:#fff;} 
#main .wrapper > h1 { font-size:40px; color:#fff; letter-spacing:-2px; font-weight:600; }
#main .wrapper > h2 { font-size:24px; color:#fff; margin-top:30px; letter-spacing:-1px; font-weight:400; }
#main .wrapper ul { width:100%; display:inline-block; }
#main .wrapper ul li { width:calc(25% - 7.5px); float:left; margin-right:10px; background:#fff; position:relative; z-index:1; transition:0.2s ease all;}
#main .wrapper ul li:hover { margin-top:-10px; transition:0.2s ease all; cursor:pointer;}
#main .wrapper ul li:nth-last-child(1) { margin-right:0px;}
#main .wrapper ul li > img { margin-top:45px; max-height:37px;}
#main .wrapper ul li > h1 { font-size:24px; color:#0462ab; letter-spacing:-1px; font-weight:500; line-height:24px; margin:24px 0px;}
#main .wrapper ul li > h2 { font-size:14px; color:#888; letter-spacing:-0.7px; font-weight:500; line-height:24px; margin-bottom:20px;}
#main .wrapper ul li > h3 { font-size:14px; color:#b1b1b1; letter-spacing:-0.7px; font-weight:400; line-height:24px; margin-bottom:45px;}
#main .wrapper ul li > p.main_li_search { width:100%; border-top:1px solid #dcdcdc; padding:15px 0px; margin:0; display:inline-block;}
#main .wrapper ul li > p.main_li_search b { width:50%; float:left; display:inline-block; font-weight:350; color:#bcbccb; letter-spacing:-1px; font-size:14px; }
#main .wrapper ul li > p.main_li_search b:nth-child(1) { border-right:1px solid #dcdcdc; }
#main .wrapper ul li > p.main_li_search a:nth-child(2n) b {border-right:0;}
#main .wrapper ul li > p.main_li_search b:hover { color:#088ed3; font-weight:600; cursor:pointer;} 
#main_bottom { width:100%; background: #fff; float:left; margin:}
#main_bottom .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:left;} 
#main_bottom .wrapper ul { width:100%; display:inline-block; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
#main_bottom .wrapper ul li { width:50%; float:left;  padding:30px 50px;}
#main_bottom .wrapper ul li:nth-last-child(1) { width:50%; float:left;  padding:30px 50px; border-left:1px solid #dcdcdc;}
#main_bottom .wrapper ul li img { vertical-align:middle; padding-top:5px; }
#main_bottom .wrapper ul li .mb_cont { display:inline-block; padding-top:5px; font-size:20px; letter-spacing:-1px; vertical-align:middle; margin:0px 10px;}
#main_bottom .wrapper ul li .submitbox { float:right; font-size:16px; color:#0462ab; font-weight:500; padding:8px 60px; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 
#main_bottom .wrapper ul li:nth-last-child(1) .submitbox { float:right; font-size:16px; color:#fff; background: #3464c2; background: -webkit-linear-gradient(to right, #3464c2, #088ed3); background: linear-gradient(to right, #3464c2, #088ed3); font-weight:500; padding:8px 60px; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 

#ft_main { width:100%; background: #252e4f; float:left;}
#ft_main .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:left; color:#8a9c9f; padding:12px 0px;} 
#ft_main .wrapper a { color:#fff; margin:0 10px; }
#ft_main .wrapper a:nth-child(1) { margin-left:0; }
#ft_main .wrapper a:nth-last-child(1) { margin-right:0; }

.gagu_wrapper { width:100%; max-width:1200px; margin:0 auto;} /* 메인 감싸는 부분 */

#ft_tail { width:100%; background:#1b2344; padding:25px 0px; float:left;}
#ft_tail .ft_wrapper { display:inline-block; }
#ft_tail .ft_wrapper .ft_first { width:20%; float:left; } 
#ft_tail .ft_wrapper .ft_second { width:55%; display:flex; justify-content: space-between; float:left; text-align:left; position:relative;}
#ft_tail .ft_wrapper .ft_second::after { content:''; position:absolute; right:-30px; width:1px; height:95px; background:#8a9c9f; top:0px; }
#ft_tail .ft_wrapper .ft_second h1 { font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:inline-block; vertical-align:top; margin-bottom:20px; line-height:24px;} 
#ft_tail .ft_wrapper .ft_second h2 { font-size:14px; word-break:keep-all; letter-spacing:-0.7px; font-weight:350; color:#b9b9b9; display:inline-block; margin-left:20px; line-height:24px;} 
#ft_tail .ft_wrapper .ft_third { width:25%; float:left; text-align:left; padding-left:60px;} 
#ft_tail .ft_wrapper .ft_third h1 { font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:inline-block; vertical-align:top; margin-bottom:20px; line-height:24px;} 
#ft_tail .ft_wrapper .ft_third h2 { font-size:14px; margin-bottom:0px; letter-spacing:-0.7px; font-weight:350; color:#b9b9b9; display:inline-block; line-height:30px;} 
/* footer bar */
bar { position:relative; margin-right:15px;}
bar::after { content:''; position:absolute; margin:0px 7.5px; width:1px; height:12px; background:#dcdcdc; top:5px; }

#snb { border-bottom:1px solid #e1e1e1; width:100%; display:inline-block;}
#snb .wrap { width:100%; max-width:1200px; margin:0 auto; }
#snb .sub_depth { margin:0 0 0 1px }
#snb .sub_depth > li { width:calc(100%/2); margin-left:-1px; float:left; border:1px solid #e1e1e1; border-top:0; border-bottom:0; height:60px; line-height:60px; font-weight:500; font-size:1.2em; padding:0 20px; position:relative; color:#bbb; background:#f6f6f6 }
#snb .sub_depth > li > a { display:block; color:#bbb }
#snb .sub_depth > li .arrow { position:absolute; right:20px; top:0; font-size:14px; }
#snb .sub_depth > li .arrow.on { font-size:1.3em }
#snb .sub_depth > li:nth-child(3) { color:#222; background:#fff; cursor:pointer }
#snb .sub_depth > li.last { background:#fff; color:#222 }
#snb .sub_depth ul { position:absolute; width:calc(100% + 2px); background:#fff; border:1px solid #ddd; left:-1px; z-index:20; display:none }
#snb .sub_depth ul li a { height:50px; line-height:50px; font-size:0.9em; color:#888; padding-left:20px; font-weight:400; border-top:1px solid #e0e0e0; display:block }
#snb .sub_depth ul li:hover a { background:#f9f9f9 }
#snb .sub_depth ul li.on a { background:#f0f0f0; color:#222 }
#snb .sub_depth ul li:first-child a { border:0 }

#sub_visual { width:100%; float:left; color:#fff; height:280px; position:relative; background-position:center; background-size:cover; background: #3464c2; background: -webkit-linear-gradient(to right, #3464c2, #088ed3); background: linear-gradient(to right, #3464c2, #088ed3); }
#sub_visual h2 { text-align:center; font-size:3.5em; color:#fff; padding:120px 0 0 0; text-transform:uppercase; position:relative; line-height:1; animation:up .5s .2s forwards;font-weight:600 }
#sub_visual h2:after { height:2px; width:60px; background:#fff; position:absolute; left:50%; bottom:-20px; margin-left:-30px; content:""; animation:scale .5s .5s forwards; }


/* 간편상담신청 */
#consulting { width:100%; background: #fff; float:left; text-align:center; margin:60px 0px; margin-bottom:0;}
#consulting h1 { display:block; font-size:32px;line-height:30px; color:#000; margin-bottom:30px;font-weight:500; letter-spacing:-1px;  } 
#consulting .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:left;} 
#consulting .wrapper ul { width:100%; display:inline-block; border:1px solid #dcdcdc; border-radius:5px;}
#consulting .wrapper ul li { width:50%; float:left;  padding:30px 50px;}
#consulting .wrapper ul li:nth-last-child(1) { width:50%; float:left;  padding:30px 50px; border-left:1px solid #dcdcdc;}
#consulting .wrapper ul li img { vertical-align:middle; padding-top:5px; }
#consulting .wrapper ul li .mb_cont { display:inline-block; padding-top:5px; font-size:20px; letter-spacing:-1px; vertical-align:middle; margin:0px 10px;}
#consulting .wrapper ul li .submitbox { float:right; font-size:16px; color:#0462ab; font-weight:500; padding:8px 60px; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 
#consulting .wrapper ul li:nth-last-child(1) .submitbox { float:right; font-size:16px; color:#fff; background: #3464c2; background: -webkit-linear-gradient(to right, #3464c2, #088ed3); background: linear-gradient(to right, #3464c2, #088ed3); font-weight:500; padding:8px 60px; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 


.consulting_form {border-radius:5px; width:100%; text-align:center; display:inline-block;}
.consulting_form h1 { font-size:24px; letter-spacing:-1px; color:#000; font-weight:500; line-height:48px;} 
.consulting_form h2 { font-size:16px; letter-spacing:-1px; color:#999; font-weight:350; line-height:24px; margin-bottom:50px;} 
.consulting_form .wrapper { width:100%; max-width:1200px; margin:60px auto; background:#f9f9f9; border:1px solid #dcdcdc; padding:50px;}


.tail_bb { color:#fff; font-size:14px; word-break:keep-all; margin-top:20px; letter-spacing:-1px; }


/* 상단메뉴 */
.phantom-header-type01 { width:100%; font-size:0; display:block; background: #3464c2; background: -webkit-linear-gradient(to right, #3464c2, #088ed3); background: linear-gradient(to right, #3464c2, #088ed3); border-bottom:1px solid #fff; }
.phantom-header-type01 .wrapper { width:100%; display:inline-block; position:relative;} 
.phantom-header-type01 .phantom-header-type01-container { width:100%;  max-width:1200px; margin:0 auto; }
.phantom-header-type01 .phantom-header-type01-container .logo { float:left; line-height:90px; }
.phantom-header-type01 .phantom-header-type01-container .logo img { max-width:250px; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav {  float:right; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav .gnb_empty { display:inline-block; margin-top:16px;}
.phantom-header-type01 .phantom-header-type01-container .phantom-nav .gnb_empty a {  margin-left:0; font-weight:600; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul { display:inline-block; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 { line-height:90px; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul { display:none; line-height:30px; z-index:9999; position:absolute;  box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.3);width:100%; padding:15px; top:90px; left:0; background:#fff; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul li a { color:#222; font-size:14px; line-height:2.5em; text-align:left; margin:0; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul li:hover a { font-weight:600;  }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li { display:inline; margin:0 15px; font-size:18px; letter-spacing:-1px; color:#fff;} 
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li a {display:inline-block; margin:0 15px; font-size:18px; letter-spacing:-1px; color:#fff;}
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li:nth-last-of-type(1) a { margin-right:0; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth2 { width:100%; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth2:nth-child(1) { margin-left:0; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul .ptmenu { width:100%; margin:0 auto; max-width:1200px; text-align:right;}

/* pt_dot */
pt_dot { position:relative; margin-right:10px; width:14px; vertical-align:middle; height:14px; background:#3464c2; display:inline-block; }