@charset 'utf-8';

/* 공통 */
.oswald{font-family: 'Oswald', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.w1600{width:100%; max-width:1600px; margin:0 auto;}
.more_btn{position:relative; display:inline-block; vertical-align:top; height:28px; padding-right:44px; font-size:14px; font-weight:400; color:#666; line-height:28px; transition:all .5s;}
.more_btn::before,
.more_btn::after{content:""; position:absolute;}
.more_btn::before{top:0; right:0; width:28px; height:28px; border-radius:50%; background-color:#ccc; transition:all .5s;}
.more_btn::after{top:11px; right:9px; width:11px; height:7px; background:url('/img/main/more_arrow.png') 0 0 no-repeat; background-size:100% 100%;}
.more_btn:hover{color:#01599f;}
.more_btn:hover::before{background-color:#01599f;}


@media all and (max-width:1600px){
    .w1600{width:93.75%; margin:0 auto;}
}


#header{position:fixed; top:0; left:0; width:100%; height:110px; z-index:100; transition:all .3s; text-align:center;}
#header .header_wrap{width:100%; height:110px; overflow:hidden; transition:all .3s;}
#header .header_wrap .inner{position:relative; z-index:12; width:100%; height:110px; padding:0 45px;}
#header .header_wrap::after{content:""; display:block; clear:both;}
#header .header_wrap .logo{float:left; width:170px; height:65px; margin-top:19px;}
#header .header_wrap .logo h1{width:100%; height:100%;}
#header .header_wrap .logo h1 a{display:block; width:100%; height:100%; background:url('/img/common/logo.png') center top no-repeat; background-size:cover;}
#header .header_wrap #gnb{display:inline-block; vertical-align:top; text-align:center;}
#header .header_wrap #gnb .gnb_list{font-size:0;}
#header .header_wrap #gnb .gnb_list .depth1{display:inline-block; vertical-align:top; padding:0 29px;}
#header .header_wrap #gnb .gnb_list .depth1 > a{position:relative; display:block; padding:45px 30px 48px 30px; font-size:17px; font-family: 'Oswald', sans-serif; font-weight:500; color:#fff; text-transform:uppercase;}
#header .header_wrap #gnb .gnb_list .depth1 > a::before,
#header .header_wrap #gnb .gnb_list .depth1 > a::after{content:""; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); background-color:#01599f;}
#header .header_wrap #gnb .gnb_list .depth1 > a::before{bottom:0; width:0; height:1px; transition:width .3s;}
#header .header_wrap #gnb .gnb_list .depth1 > a::after{display:none; width:4px; height:4px; border-radius:50%; bottom:-2px;}
#header .header_wrap #gnb .gnb_list .depth1:hover > a::before,
#header .header_wrap #gnb .gnb_list .depth1.on > a::before{width:100%;}
#header .header_wrap #gnb .gnb_list .depth1:hover > a::after,
#header .header_wrap #gnb .gnb_list .depth1.on > a::after{display:block;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth{width:100%; padding-top:30px;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth > li:nth-of-type(n+2){margin-top:24px;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth > li a{position:relative; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; color:#777; line-height:1;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth > li a:hover{color:#075da1;}
#header .header_wrap .utill{display:flex; align-items:center; float:right; margin-top:32px; font-size:0;}
#header .header_wrap .utill .search a{display:block; width:23px; height:23px; background:url('/img/common/search_icon_white.png') center no-repeat; background-size:auto;}
#header .header_wrap .utill .country{position:relative; margin:0 20px 0 38px}
#header .header_wrap .utill .country a{font-size:15px; font-family: 'Roboto', sans-serif; font-weight:400; color:#fff; padding-right:17px;}
#header .header_wrap .utill .country > a{position:relative;}
#header .header_wrap .utill .country > a::after{content:""; position:absolute; top:4px; right:0; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(135deg);}
#header .header_wrap .utill .country.on a::after{top:7px; transform:rotate(-45deg);}
#header .header_wrap .utill .country .list{display:none; position:absolute; top:21px; left:0; width:100%;}
#header .header_wrap .ham_btn a{display:block; width:30px; height:30px; background:url('/img/common/ham_btn.png') center no-repeat; background-size:auto;}
#header .header_wrap .ham_btn.on a,
#header.scroll .header_wrap .utill .ham_btn.on a,
#header.sub_header .header_wrap .utill .ham_btn.on a{background:url('/img/common/ham_btn_on.png') center no-repeat;}


/*header on scroll*/
#header.on,
#header.scroll,
#header.m_on,
#header.sub_header{background-color:#fff;}
#header.on .header_wrap{height:392px; background-color:#fff;}
#header.on .header_wrap .inner{border-bottom:1px solid #eaeaea;}
#header.on .header_wrap .logo h1 a,
#header.scroll .header_wrap .logo h1 a,
#header.m_on .header_wrap .logo h1 a,
#header.sub_header .header_wrap .logo h1 a{background:url('/img/common/logo_on.png') center top no-repeat; background-size:cover;}
#header.on .header_wrap #gnb .gnb_list .depth1 > a,
#header.scroll .header_wrap #gnb .gnb_list .depth1 > a,
#header.sub_header .header_wrap #gnb .gnb_list .depth1 > a{color:#222;}
#header.on .header_wrap .utill .country a,
#header.scroll .header_wrap .utill .country a,
#header.all_menu_on .header_wrap .utill .country a,
#header.m_on .header_wrap .utill .country a,
#header.sub_header .header_wrap .utill .country a{color:#222;}
#header.on .header_wrap .utill .search a,
#header.scroll .header_wrap .utill .search a,
#header.all_menu_on .header_wrap .utill .search a,
#header.m_on .header_wrap .utill .search a,
#header.sub_header .header_wrap .utill .search a{background:url('/img/common/search_icon_black.png') center no-repeat; background-size:auto;}
#header.on .header_wrap .utill .country > a::after,
#header.scroll .header_wrap .utill .country > a::after,
#header.all_menu_on .header_wrap .utill .country > a::after,
#header.m_on .header_wrap .utill .country > a::after,
#header.sub_header .header_wrap .utill .country > a::after{border-color:#222;}
#header.on .header_wrap .utill .ham_btn a,
#header.scroll .header_wrap .utill .ham_btn a,
#header.sub_header .header_wrap .utill .ham_btn a{background:url('/img/common/ham_btn_black.png') center no-repeat; background-size:auto;}
#header.all_menu_on .header_wrap .logo{display:none;}
#header.all_menu_on .header_wrap #gnb{display:none;}

#header.sub_header{position:relative;}

@media all and (max-width:768px){
  #header .header_wrap .logo h1 a{background:url('/img/common/logo_on.png') center top no-repeat; }
  #header .header_wrap .utill .search a{background:url('/img/common/search_icon_black.png') center no-repeat; }
  #header .header_wrap .utill .country a{color:#222;}
  #header .header_wrap .utill .country > a::after{border-color:#222;}
   #header .header_wrap .utill .ham_btn a,
  #header.on .header_wrap .utill .ham_btn a, #header.scroll .header_wrap .utill .ham_btn a, #header.sub_header .header_wrap .utill .ham_btn a{width: 42px; height: 42px;background:url('/img/common/ham_btn_black_m.png') center no-repeat; background-size:cover;}
  #header .header_wrap .ham_btn.on a, #header.scroll .header_wrap .utill .ham_btn.on a, #header.sub_header .header_wrap .utill .ham_btn.on a{background:url('/img/common/ham_btn_on_m.png') center no-repeat; background-size:cover;}
}



#all_menu{position:fixed; top:0; right:-200%; z-index:11; width:100%; height:100vh; font-size:0; transition:right .5s;}
#all_menu.on{right:0;}
#all_menu > *{display:inline-block; vertical-align:top;}
#all_menu .left_box{position:relative; width:20.8%; height:100%; background-color:#01599f; padding-top:20.5%;}
#all_menu .left_box .menu_logo{width:170px; height:65px; margin:0 auto;}
#all_menu .left_box .sns{position:absolute; bottom:93px; width:100%; font-size:0; text-align:center;}
#all_menu .left_box .sns li{display:inline-block; vertical-align:top; margin:0 15px;}
#all_menu .right_box{width:79.2%; height:100%; padding-top:20.7%; background:url('/img/common/all_menu_bg.jpg') 0 0 no-repeat #f5f5f5; background-size:100% 100%;}
#all_menu .right_box .gnb_list{padding-left:110px; font-size:0; text-align:left;}
#all_menu .right_box .gnb_list .depth1{display:inline-block; vertical-align:top; width:20%;}
#all_menu .right_box .gnb_list .depth1 > a{font-size:30px; font-family: 'Oswald', sans-serif; font-weight:600;  color:#333; line-height:1.1;}
#all_menu .right_box .gnb_list .depth1 .sub_depth{padding-top:50px;}
#all_menu .right_box .gnb_list .depth1 .sub_depth li + li{margin-top:28px;}
#all_menu .right_box .gnb_list .depth1 .sub_depth li a{font-size:17px; font-family: 'Roboto', sans-serif; font-weight:400; color:#666; line-height:1.1;}
#all_menu .right_box .gnb_list .depth1 .sub_depth li a:hover{color:#01599f;}

#header #mobile_menu{position:fixed; top:0; right:-200%; width:100%; height:100%; padding-top:100px; background-color:#fff; transition:right .5s; z-index:0;}
#header #mobile_menu.on{right:0;}
#header #mobile_menu .m_menu_close{position:absolute; top:10px; right:10px; padding:10px;}
#header #mobile_menu .gnb_list{width:100%; height:calc(100% - 60px); overflow-y:scroll;}
#header #mobile_menu .gnb_list .depth1{display: block; transition: all 0.3s;}
#header #mobile_menu .gnb_list .depth1 > a {display: block; padding: 20px 0 20px 30px; font-size: 20px; font-weight:600; text-align: left; transition: all 0.3s; box-sizing: border-box; color:#222;}
#header #mobile_menu .gnb_list .depth1.on > a{background-color:#01599f; color:#fff;}
#header #mobile_menu .gnb_list .depth1 .sub_depth {display: none; text-align:left;}
#header #mobile_menu .gnb_list .depth1 .sub_depth li{border-bottom:1px solid #e1e1e1;}
#header #mobile_menu .gnb_list .depth1 .sub_depth li a {display:block; padding:20px 0 20px 30px; font-size:18px; font-weight:400; color: #333;}

@media all and (max-width:1600px){
    #header .header_wrap .inner{padding:0 15px;}
    #header .header_wrap #gnb .gnb_list .depth1{padding:0 20px;}
    #header .header_wrap #gnb .gnb_list .depth1 > a{padding:45px 10px 48px 10px;}
}
@media all and (max-width:1200px){
    #header .header_wrap #gnb{display:none;}
    #header .header_wrap .utill .country{margin:0 20px;}
}



/******** footer ********/
#footer{width:100%; padding:0 45px; background-color:#222;}
#footer .top_box{position:relative; padding:47px 0 30px; border-bottom:1px solid #393939;}
#footer .top_box::after{content:""; display:block; clear:both;}
#footer .top_box .ft_logo{float:left; width:180px;}
#footer .top_box .ft_logo a{display:block; width:100%; height:100%;}
#footer .top_box .ft_logo a img{width:100%;}
#footer .top_box .address_box{float:left; width:calc(100% - 349px); padding-left:95px;}
#footer .top_box .address_box .box + .box{margin-top:13px;}
#footer .top_box .address_box .box p{display:inline-block; vertical-align:top; margin-right:32px; font-size:14px; font-family: 'Pretendard'; font-weight:200; color:#999; line-height:1.2;}
#footer .top_box .address_box .box p:last-of-type{margin-right:0;}
#footer .top_box .address_box .box p span{font-weight:500;}
#footer .top_box .site_map{position:absolute; top:47px; right:0; z-index:1; width:152px; height:42px;}
#footer .top_box .site_map.on{background-color:#01599f;}
#footer .top_box .site_map > a{position:relative; display:block; width:100%; height:100%; padding-left:23px; border:1px solid #444; font-size:12px; font-weight:400; line-height:42px; color:#999; text-transform: uppercase;}
#footer .top_box .site_map > a::after{content:""; position:absolute; top:18px; right:15px; width:8px; height:6px; background:url('/img/common/site_arrow.png') 0 0 no-repeat; background-size:100% 100%;}
#footer .top_box .site_map.on > a{border-color:#01599f; color:#fff;}
#footer .top_box .site_map.on > a::after{background:url('/img/common/site_arrow_white.png') 0 0 no-repeat;}
#footer .top_box .site_map .list{display:none; position:absolute; bottom:42px; width:100%; padding:13px 0 13px 20px; background-color:#197bca;}
#footer .top_box .site_map.on .list{display:block;}
#footer .top_box .site_map .list li{margin:7px 0;}
#footer .top_box .site_map .list li a{font-size:12px; font-weight:400; letter-spacing:-0.03em; line-height:1.1; color:#fff;}
#footer .bot_box{padding:26px 0 45px;}
#footer .bot_box::after{content:""; display:block; clear:both;}
#footer .bot_box p{float:left; font-size:14px; font-weight:300; color:#999; line-height:1.2;}
#footer .bot_box .sns{float:right; font-size:0;}
#footer .bot_box .sns li{display:inline-block; vertical-align:top; margin-right:28px;}
#footer .bot_box .sns li:last-of-type{margin-right:0;}

@media all and (max-width:1600px){
    #footer{padding:0 15px;}
}

@media all and (max-width:1200px){
    #footer .top_box{padding:30px 0;}
    #footer .top_box .address_box{width:calc(100% - 332px); padding-left:30px;}
    #footer .top_box .address_box .box p{margin-right:5px;}
    #footer .top_box .site_map{top:30px;}
    #footer .bot_box{padding:20px 0 30px;}
}

@media all and (max-width:1000px){
    #footer .top_box .ft_logo{float:none;}
    #footer .top_box .address_box{float:none; width:100%; padding-left:0; margin-top:20px;}
    #footer .top_box .address_box .box + .box{margin-top:10px;}
    #footer .top_box .address_box .box p{display:block; margin-right:0;}
    #footer .top_box .address_box .box p + p{margin-top:10px;}
    #footer .bot_box{padding:20px 0 30px;}
}

@media all and (max-width:768px){
    #footer .top_box .site_map{position:relative; top:0; margin-top:20px; width:100%;}
    #footer .bot_box p{float:none; font-size:14px; font-weight:300; color:#999; line-height:1.2;}
    #footer .bot_box .sns{float:none; width:100%; padding-top:20px; font-size:0; text-align:center;}
    #footer .bot_box .sns li{display:inline-block; vertical-align:top; margin-right:20px;}
    #footer .bot_box .sns li:last-of-type{margin-right:0;}
}


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0;}
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }