@charset "utf-8";

@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 100;
src: url(/pc/images/common/fonts/NotoSansKR-Thin.woff2) format('woff2'),
        url(/pc/images/common/fonts/NotoSansKR-Thin.woff) format('woff'),
        url(/pc/images/common/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 300;
src: url(/pc/images/common/fonts/NotoSansKR-Light.woff2) format('woff2'),
        url(/pc/images/common/fonts/NotoSansKR-Light.woff) format('woff'),
        url(/pc/images/common/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url(/pc/images/common/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/pc/images/common/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/pc/images/common/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: url(/pc/images/common/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/pc/images/common/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/pc/images/common/fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: url(/pc/images/common/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/pc/images/common/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/pc/images/common/fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 900;
    src: url(/pc/images/common/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(/pc/images/common/fonts/NotoSansKR-Black.woff) format('woff'),
        url(/pc/images/common/fonts/NotoSansKR-Black.otf) format('opentype');
}

a:hover {color:#000}
#ie-warning {display:none !important}

/* **************** // font  ******************** */
.w_c_blue {color:#0071a6; font-weight:500 !important;}
.w_c_green {color:#00a696 !important; font-weight:500 !important;}
.w_c_orange {color:#fb5e4f !important; font-weight:500 !important;}
.w_c_cyan {color:#18f0f3 !important; font-weight:500 !important;}

.w_wrap {width:1180px;  margin:0 auto; position:relative;}

.w_header_bar {height:50px; background:#f3f3f3;}
.w_header_bar ul {text-align:right; padding-top:15px;}
.w_header_bar li {display:inline-block; padding-right:20px; position:relative;}
.w_header_bar li:last-child:after {content:none;}
.w_header_bar li:after {content:''; display:inline-block; width:1px; height:10px; border-right:1px solid #bbb; right:7px; top:4px; position:absolute;}
.w_header_bar li a {color:#333}

.w_header_number {padding:15px 0px 20px 0px;}
.w_header_number a {display:block; font-weight:400;}
.w_header_number p {display:block; font-weight:400;}

.w_header_number ul {font-size:0 !important;}
.w_header_number li {display:inline-block; vertical-align:top; width:196px;}  /* 20% => 16% => 196px (197px면 영국센터가 아래줄로 내려감.. */

/*
상단 센터 표시 7개로 확장 (프랑스센터) 24/1/19
*/
.w_header_number7 {padding:15px 0;}
.w_header_number7 a {display:block; font-weight:400;}
.w_header_number7 p {display:block; font-weight:400;}

.w_header_number7 ul {font-size:0 !important;}
.w_header_number7 li {display:inline-block; vertical-align:top; width:163px;}  


.w_number_title strong {font-weight:500; font-size:16px;}
.w_number_title a {display:inline-block; background:#363636; color:#fff; padding:2px 5px; border-radius:2px;}
.w_number_title a:hover {background:#000}

.w_gnb {position:relative; z-index:10; border-top:1px solid #00a696; border-bottom:1px solid #ddd; text-align:center; padding-bottom:20px;}
.w_gnb .w_btn_close {display:inline-block; background:#00a696 url(/pc/images/main/new_images/header_open.png) 6px 8px no-repeat; padding:2px 7px 2px 20px; color:#fff; border-radius:2px 2px 0 0; position:relative; top:-22px; width:67px; font-family: "NotoSansKR", sans-serif !important; /* font-size: 13px !important; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.w_gnb .w_btn_close.on {background:#00a696 url(/pc/images/main/new_images/header_close.png) 4px 4px no-repeat;}
.w_gnb .w_btn_close:hover {background-color:#00D595;}
.w_gnb .w_wrap>* {display:inline-block; vertical-align:top;}
.w_gnb .w_wrap:nth-child(2) {text-align:left;}
.w_gnb .w_wrap:nth-child(2)>ul {padding:20px 0; margin-left:20px;}
.w_gnb ul {}
.w_gnb>div>ul {}
.w_gnb>div>ul>li {display:inline-block; vertical-align:top; position:relative;}
.w_gnb>div>ul>li>a {font-size:18px !important; font-weight:500; color:#000; padding:37px 15px;}
.w_gnb>div>ul>li>a:hover {color:#00a696;}
.w_gnb>div>ul>li>a.on ~ div {display:block;}
.w_gnb>div>ul>li>div {display:none; border:1px solid #ddd; border-top:3px solid #00a696; text-align:center; padding:10px 10px; position:absolute; left:0; top:59px; width:200px; background:#fff;}
.w_gnb>div>ul>li>div>ul {}
.w_gnb>div>ul>li>div>ul>li {}
.w_gnb>div>ul>li>div>ul>li>a {font-size:14px; padding:10px 0; display:inline-block;  word-break:keep-all;}
.w_gnb>div>ul>li>div>ul>li>a:hover {color:#000}

.w_gnb_btn {position:absolute; top:6px; right:0;}
.w_gnb_btn>* {display:inline-block; vertical-align:top;}
.w_gnb_btn .w_search {position:relative; border:2px solid #00a696; height:48px;}
.w_gnb_btn .w_search input {height:44px; border:0; padding-left:10px; display:none;}
.w_gnb_btn .w_search a {display:inline-block; width:44px; height:44px; background:#00a696 url(/pc/images/main/new_images/ico_search.png) 50% no-repeat; }
.w_gnb_btn .w_search a.on {background:url(/pc/images/main/new_images/ico_search_on.png) 50% no-repeat;}

.w_gnb_btn .w_btn_menu {width:48px; height:48px; border:1px solid #00a696; background:url(/pc/images/main/new_images/ico_menu.png) 50% no-repeat; margin-left:3px;}


.w_site_map {display:none !important; border:1px solid #00a696; position:absolute; width:100%; left:0; top:0; background:#fff; box-shadow:0 0 23px rgba(0,0,0,.2)}
.w_site_map.on {display:block !important; z-index:10}
.w_site_map>a {position:absolute; top:20px; right:20px;}
.w_site_map>ul {display:table; width:100%;}
.w_site_map>ul>li {display:table-cell; width:25%; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:50px 25px;}
.w_site_map>ul>li>a {display:inline-block; font-size:20px !important; color:#000; font-weight:500; padding-bottom:20px;}
.w_site_map>ul>li>a:hover {color:#00a696;}
.w_site_map>ul>li>div>ul>li>a {display:inline-block; padding:10px 0 0 20px; font-size:14px !important; background:url(/pc/images/main/new_images/dot.png) 5px 18px no-repeat;}
.w_site_map>ul>li>div>ul>li>a:hover {color:#000}


.w_nav_left {top:50px; left:-150px;}
.w_nav_left p {margin-top:5px;}
.w_nav_left>a {display:block; border:1px solid #eee; padding:15px; text-align:center; background:#fff; border-bottom:0;}
.w_nav_left>a:hover {background:#f5f5f5; color:#000}
.w_nav_left>a:last-child {border-bottom:1px solid #eee;}

.w_nav_right {text-align:center; width:100px; top:50px; right:-140px;}
.w_nav_right p {margin-top:5px;}
.w_nav_right>a {display:block; border:1px solid #eee; padding:15px 5px; text-align:center; background:#fff; border-bottom:0;}
.w_nav_right>a:hover {background:#f5f5f5; color:#000}
.w_nav_right>a:last-child {border-bottom:1px solid #eee;}
.w_nav_right>button {background:#00a696 url(/pc/images/main/new_images/arr_top.png) 27px 14px no-repeat; color:#fff; outline:0; border:0; padding:7px 0 7px 15px; width:100%; cursor:pointer;}
.w_nav_right>button:hover {background-color:#00D595;}

.w_fix {position:absolute; top:50px; z-index:1;}
.w_fixOn {position:fixed;}


.w_footer_bar {background:#535656; padding:15px 0; color:#fff; position:relative; height:50px; overflow:hidden;}
.w_footer_bar .w_wrap {position:relative;}
.w_footer_bar a {display:inline-block; color:#fff; margin-right:10px;}
.w_footer_bar a:after {content:''; display:inline-block; width:1px; height:10px; border-right:1px solid #bbb; padding-right:10px;}
.w_footer_bar a:nth-child(4):after {content:none;}
.w_footer_bar button {padding-right:0; width:100px; color:#fff; border:0; position:absolute; right:0; top:-15px; height:50px; padding:10px 0 10px 20px; background:#00a696 url(/pc/images/main/new_images/footer_top.png) 30px 21px no-repeat;  cursor:pointer;}
.w_footer_bar button:hover {background-color:#00D595;}

.footer {background:#454747; padding:50px 0;}
.footer .w_wrap {}
.footer .w_wrap>* {display:inline-block; vertical-align:top;}
.footer .w_wrap>div {width:170px; padding-top:30px;}
.footer .w_wrap>address {}
.footer .w_wrap>address strong {color:#afafaf; margin-bottom:10px; display:block;}
.footer .w_wrap>address p {color:#afafaf;}
.footer .w_wrap>address span {color:#6d6d6d; display:block; margin-top:20px;}

.w_snb_wrap {position:relative; font-size:0 !important; width:1180px; margin:50px auto; }
.w_snb_wrap>div {display:inline-block; vertical-align:top;}
.w_snb_wrap>div.w_content {width:900px;}

.w_lnb {padding:0; width:230px; margin-right:40px;}
.w_lnb h2 {font-size:32px !important; font-weight:100; color:#000; border-bottom:2px solid #00a696; line-height:1; padding-bottom:30px; font-family: "NotoSansKR", sans-serif !important;}
.w_lnb h2 strong {font-size:32px !important; font-weight:500;}
.w_lnb ul {}
.w_lnb ul li {}
.w_lnb>ul>li>a {display:block; padding:15px 0 15px 5px; border-bottom:1px solid #ddd; font-size:14px !important}
.w_lnb>ul>li>a:hover,
.w_lnb>ul>li.on a {color:#00a696; background:url(/pc/images/main/new_images/lnb_arr.png) 205px 16px no-repeat;}

/*depth_3*/
.w_depth_3 {background:#f5f5f5}
.w_depth_3 dd {padding-bottom:10px;}
.w_depth_3{background-color:#f7f7f7; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.w_depth_3 dd a:link, .w_depth_3 dd a:visited{line-height:24px;}
.w_depth_3 dd a:hover{color:#333; text-decoration:none;}
.w_depth_3 dd a{padding-left:20px; color:#666; width:100%;}
.w_depth_3 .depth_linktop {color:#fff !important; width:180px; background:#727272; width:180px; padding:5px 0 3px 0;  display:block; padding-left:20px; text-decoration:none; margin-bottom:2px; width:100%;}

.w_process li { cursor: pointer; }
.w_process2 li { cursor: pointer; }

@media screen and (max-width:1400px){
	.w_nav_right,
	.w_nav_left {display:none}
}