@charset "utf-8";

#wrap {overflow:hidden; width:100%; min-width:1280px;}


@charset "utf-8";

#wrap {}
#skip_nav {position: fixed; left: 0; top: -40px; width: 100%; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 16px; z-index: 10000; transition: top 0.3s;}
#skip_nav:focus {top: 0;}

#header {position:relative; z-index:10; height:194px; background:#06051a;}
#header_top {width:100%; height:117px;}
.header_top_box {position:relative; width:1280px; margin:0 auto; padding-top:1px; }
.header_top_box a+a {margin-left:1px;}
.header_top_box h1 {position:absolute; top:0; left:50%; margin-left:-93px; z-index:100;}
.header_top_box ul {position:absolute; top:17px; right:0; font-size:13px; color:#9a99ab;}
.header_top_box ul li {float:left; line-height:9px; vertical-align:middle;}
.header_top_box ul li a:hover {color:#ffffff;}
.header_top_box ul li+li {height:10px; margin-left:11px; border-left:1px solid #342f45; padding-left:11px; vertical-align:middle;}
.header_top_box ul li.home {position:relative; padding-left:20px; }
.header_top_box ul li.home:before {position:absolute; top:0; left:0; width:13px; height:13px; color:#9a99ab; background:url('../images/common/icon_home.png') no-repeat; content:'';}



.header_top_box .sns_go {position:absolute; top:45px; right:10px; font-size:13px; color:#9a99ab;}
.header_top_box .sns_go li {float:left; line-height:9px; vertical-align:middle;}
.header_top_box .sns_go li a:hover {color:#ffffff;}
.header_top_box .sns_go li+li {height:10px; margin-left:11px; padding-left:11px; vertical-align:middle; border:none;}
.header_top_box .sns_go li.home {position:relative; padding-left:20px; }
.header_top_box .sns_go li.home:before {position:absolute; top:0; left:0; width:13px; height:13px; color:#9a99ab; background:url('../images/common/icon_home.png') no-repeat; content:'';}



#gnb {overflow:hidden; height:77px; position:relative; background:url('../images/common/menu_bg.png') repeat-x; -webkit-transition: all 0.6s ease; transition: all 0.4s ease;}
#gnb.on {height:307px; }
#gnb .gnb_hidden {display:none;}
#gnb > ul {position:relative; width:1280px; margin:0 auto;}
#gnb > a {position:absolute; top:0; left:50%; margin-left:549px;}
#gnb > ul > li {float:left; font-size:17px; }
#gnb > ul > li .sub {display:none;}
#gnb > ul > li > a {display:block;}
#gnb > ul > li > a em {color:#ffffff; line-height:75px; font-weight:400;}
#gnb > ul > li.on > a em {display:inline-block; color:#00bee0; border-bottom:2px solid #00bee0;}
#gnb > ul > li.on .sub {display:block; }
#gnb .sub {position:absolute; top:77px; left:0; width:1280px; color:#ffffff;}
#gnb .sub p {float:left; width:208px; margin-top:38px;}
#gnb .sub p strong {position:relative; padding-bottom:23px; font-size:29px; color:#ffffff; font-weight:400; letter-spacing:-2.5px;}
#gnb .sub p strong:after {position:absolute; bottom:0; left:0; width:43px; height:1px; background:#bbbbbb; content:'';}
#gnb .sub p span {display:block; margin-top:42px; font-size:16px; letter-spacing:-0.4px;}
#gnb .sub ul {float:left; width:480px; height:300px; padding:45px 40px; color:#ffffff; border-left:1px solid #363544; border-right:1px solid #363544; background:#161520;}
#gnb .sub ul.grid3 {width:666px; letter-spacing:-1px;}
#gnb .sub ul li {position:relative; float:left; width:50%; padding-left:13px; padding-bottom:20px; font-size:16px; font-weight:400;}
#gnb .sub ul li:nth-child(2n+1) {margin-left:0;}
#gnb .sub ul li:before {position:absolute; top:5px; left:0; width:7px; height:7px; background:url('../images/common/icon_bar01.png') no-repeat; content:'';}


#gnb ul.grid3 {width:666px;}
#gnb ul.grid2 > li {width:50%;}
#gnb ul.grid3 > li {width:33.3333%;}
#gnb ul.grid5 > li {width:20%;}
#gnb ul.grid6 > li {width:16.6666%;}
#gnb ul.grid7 > li {width:14.2857%;}
#gnb ul.grid8 > li {width:12.5%;}
#gnb ul.grid9 > li {width:11.1111%;}
#gnb ul.grid10 > li {width:10%;}


#gnb > ul.grid7 > li {width:15.4%;}
#gnb > ul.grid8 > li {width:13.5%;}
#gnb > ul.grid9 > li {width:11.7%;}
#gnb > ul.grid10 > li {width:10.3%;}
#gnb > ul.grid11 > li {width:9.3%;}


#total_menu {display:none; position:absolute; top:194px; left:50%; width:1280px; margin-left:-640px; padding-top:60px; padding-left:140px; background:#292933;}
#total_menu .btn_close {position:absolute; top:20px; right:20px;}
#total_menu > ul {overflow:hidden;}
#total_menu > ul > li {float:left; width:275px; height:280px;}
#total_menu > ul > li > a {display:inlin-block; padding-bottom:11px; position:relative; font-size:22px; color:#ffffff; font-weight:400;}
#total_menu > ul > li > a:after {position:absolute; bottom:0; left:0; width:23px; height:1px;  background:#00adcc; content:'';}
#total_menu .sub {padding-top:33px;}
#total_menu .sub a {font-size:16px; color:#c4c6cf; line-height:33px;}
#total_menu .sub a:hover {color:#ffffff;}
#total_menu .sub p,
#total_menu .sub img {display:none;}



#r_banner {position:absolute; top:194px; right:0; z-index:100000; width:105px;}
#r_banner img {display:block;}
#r_banner.fixed_top {position:fixed; top:0 !important;}
#r_banner.top_banner_close {top:194px;}
#r_banner .img_onoff img.on {display:none;}
#r_banner .img_onoff a:hover img.off {display:none;}
#r_banner .img_onoff a:hover img.on {display:block;}


#main {position:relative; }


#sitemap > p {padding:35px 0 30px; font-size:30px; line-height:34px; color:#ffffff; text-align:center;}
#sitemap > p b {font-weight:500;}
#sitemap {height:525px; margin-top:80px; background:url('../images/common/sitemap_bg.jpg') no-repeat center top;}
#sitemap > ul {overflow:hidden; width:1280px; margin:0 auto;}
#sitemap > ul > li {float:left; width:12.5%;}
#sitemap > ul > li > a {display:block; border:1px solid rgba(255,255,255,0.2); font-size:17px; color:#ffffff; line-height:56px; text-align:center;}
#sitemap > ul > li+li > a {margin-left:-1px;}
#sitemap > ul > li .sub {padding:15px 10px;}
#sitemap > ul > li .sub li {margin-bottom:5px;}
#sitemap > ul > li .sub a {display:block; position:relative; padding-left:11px; font-size:14px; color:rgba(255,255,255,0.6); line-height:20px;}
#sitemap > ul > li .sub a:hover {color:#ffffff;}
#sitemap > ul > li .sub a:before {position:absolute; left:0px; top:9px; width:4px; height:4px; background:#c7c7c7; content:'';}
#sitemap .sub p, #sitemap .sub img {display:none;}
#sitemap ul.grid5 > li {width:20%;}
#sitemap ul.grid6 > li {width:16.6666%;}
#sitemap ul.grid7 > li {width:14.2857%;}
#sitemap ul.grid8 > li {width:12.5%;}
#sitemap ul.grid9 > li {width:11.1111%;}
#sitemap ul.grid10 > li {width:10%;}

#footer {position:relative; padding:35px 0 50px; background:#1f1f1f; padding-bottom:150px;}
#footer .footer_cont01 {position:relative; width:1280px; margin:0 auto;}
#footer address {padding-top:20px; font-style:normal; font-size:13px; color:#b7b7b7; line-height:21px;}
#footer address span {display:inline-block; position:relative;}
#footer address span+span {position:relative; padding-left:18px;}
#footer address span+span:before {position:absolute; top:50%; left:9px; width:1px; height:10px; margin-top:-5px; background:#505050; content:'';}
#footer .copyright {padding-top:7px; font-size:13px; color:#b7b7b7; line-height:21px;}

.footer_ban {position:absolute; top:0px; right:0px;}

#b_menu {overflow:hidden; margin-left:-10px;}
#b_menu li {float:left; position:relative;}
#b_menu li+li:after {position:absolute; top:50%; left:0px; width:1px; height:10px; margin-top:-5px; background:#5d5c5d; content:'';}
#b_menu a {display:block; padding:0 10px; font-size:15px; color:#ffffff; line-height:20px;}


.main_cont_t01 {width:1280px; margin:60px auto 0;}
.main_cont_t01 h2 {position:relative; height:136px;}
.main_cont_t01 h2 img {position:absolute; top:0; left:50%; margin-left:-1000px;}
.main_cont_t01 .inwrap {overflow:hidden; margin-left:-25px; margin-top:-25px;}
.main_cont_t01 .inwrap .item {float:left; overflow:hidden; width:410px; margin-left:25px; margin-top:25px;}



/* 상담창 */

#counsel { position:fixed; left:0; right:0; bottom:0; width:100%; height:120px; background:#1c1b27; z-index:100001;}
#counsel:after { content:''; display:block; clear:both; }
#counsel .counsel_inner { position:relative; width:1280px; margin:0 auto; }
#counsel .counsel_inner .counsel_title { position:absolute; left:50%; margin-left:-590px; top:15px;  }
#counsel .counsel_inner .counsel_box { position:absolute; left:50%; margin-left:-140px; }
#counsel .counsel_inner .counsel_box table { margin-top:-3px; }
#counsel .counsel_inner .counsel_box table tr { display:inline-block; height:68px; }
#counsel .counsel_inner .counsel_box table tr td { display:inline-block; margin-right:6px; }
#counsel .counsel_inner .counsel_box table tr td input[type="text"] { display:inline-block; padding:5px; width:254px; height:35px; background:#5e5f6c; color:#fff; }
#counsel .counsel_inner .counsel_box table tr td input[type="image"] { position:relative; top:23px; } 
#counsel .counsel_inner .counsel_box table tr td input::placeholder { color:#fff; }
#counsel .counsel_inner .counsel_box table tr td select { display:inline-block; width:254px; height:35px; background:#5e5f6c; color:#fff; }
#counsel .counsel_inner .counsel_box table tr td label { color:#aaa; }
#counsel .counsel_inner .counsel_box table tr td .btn_privacy { color:#aaa; }

/* 암막팝업 */

.popup {display: table;}
.mask {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none;}
.window {background-color:translate;z-index:99999;display: none;overflow: hidden;border-radius: 5px ;top:80px !important;}

.top_ba {background-color: #translate;padding: 10px;overflow:hidden;}
.top_ba .close {background:url('../images/common/close.png') no-repeat right center; display: inline-block; width: 26px;height: 26px;text-indent: -999em; float: right; position:relative; top:10px; left:-46px; }

.counselPop_wrap { overflow:hidden; background:url('../images/common/pop_bg.png') no-repeat top center; width:1000px; height:672px; /* padding: 30px;text-align: center;*/}
.counselPop_wrap .counselPop_inner { text-align:center; }
.counselPop_wrap .counselPop_inner h2 { padding-top:49px; margin-left:-5px; }
.counselPop_wrap .counselPop_inner .counselPop_section { width:772px; margin:0 auto;/* margin-left:100px; */ padding-top:20px; text-align:center; z-index:100;}
.counselPop_wrap .counselPop_inner .counselPop_section table { width:100%; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr { height:33px; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr .c_title { width:136px; background:#e9e9e9; font-weight:500; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr .c_box_t { position:relative; left:-74px; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr .c_box_b {  position:relative; left:-194px; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr .c_box_b .c_box_b_i { width:200px; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr input[type="text"] { width:73px; height:20px; border:1px solid #ededed; padding-left:5px;}
.counselPop_wrap .counselPop_inner .counselPop_section table tr:first-of-type { border-top:2px solid #000; border-bottom:1px solid #dadada; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr:nth-of-type(2) { border-bottom:1px solid #dadada; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr td { border-right:1px solid #dadada; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr td:last-of-type { border:none; }
.counselPop_wrap .counselPop_inner .counselPop_section table tr:last-of-type { border-bottom:2px solid #000;}
.counselPop_wrap .counselPop_inner .counselPop_section table tr td select { border:1px solid #ededed;  }
.counselPop_wrap .counselPop_inner .counselPop_section table tr td .c_box_f { width:216px;  }

.counselPop_wrap .counselPop_inner .counselPop_bottom { width:772px; margin:0 auto; padding-top:10px; background:#f9f9f9; }
.counselPop_wrap .counselPop_inner .counselPop_bottom h3 { float:left; font-size:15px; font-weight:500; margin-left:20px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom h3:after { content:''; display:block; clear:both; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box { clear:both;width:736px; margin:0 auto; margin-top:20px; padding:12px 20px;background:#fff; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box p { clear:both; float:left; margin-bottom:5px;}
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table { clear:both;  }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr:nth-of-type(1) { border-top:1px solid #d1d1d1; height:31px; background:#f7f7f7; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr:nth-of-type(2) { height:29px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr { border-bottom:1px solid #d1d1d1; font-size:13px;}
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr td:nth-of-type(1) { border-left:1px solid #d1d1d1; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr td { border-right:1px solid #d1d1d1; font-size:13px; letter-spacing:-1px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr .cp_line01 { width:159px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr .cp_line02 { width:342px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box table tr .cp_line03 { width:197px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box_b { width:736px; margin:0 auto; padding-top:6px; padding-bottom:6px; text-align:left; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box_b .agreeTitle { font-size:14px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box_b .agreeText { font-size:14px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box_b .agreeText .ag_color { font-weight:500; color:#7087d7; margin-right:10px; }
.counselPop_wrap .counselPop_inner .counselPop_bottom .counselPop_bottom_box_b .agreeText label { margin-right:10px; }
.counselPop_wrap .counselPop_inner .agreeBtn { padding:20px 0; }