@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-weight: 300;src: url(/font/NotoSansKR-Light.woff2) format('woff2'),url("/font/NotoSansKR-Light.woff") format('woff');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(/font/NotoSansKR-Regular.woff2) format('woff2'),url(/font/NotoSansKR-Regular.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR';font-weight: 500;src: url(/font/NotoSansKR-Medium.woff2) format('woff2'),url(/font/NotoSansKR-Medium.woff) format('woff');} 
@font-face {font-family: 'Noto Sans KR';font-weight: 700;src: url(/font/NotoSansKR-Bold.woff2) format('woff2'),url(/font/NotoSansKR-Bold.woff) format('woff');} 
@font-face {font-family: 'NanumSquare'; src: url(/font/NanumSquareL.woff) format('woff');}

html { font-size: 14px; }
header * {font-family: 'Noto Sans KR', sans-serif; }
/* 최상단 */
header {height: 130px; width: 100%; display: flex; justify-content: space-evenly; top: 0; z-index: 20; background: #555; min-width: 1337px; 
    display: block;}
header .place {width:1337px; position: absolute; padding: 0; margin: 0; 
    position: relative; margin: 0 auto;}
header .logo {width: 10%; position: absolute; z-index: 1000; margin: 0; left:20px;}
header .logo > a {height:130px; background:url("/images/img/logo.png") no-repeat center; background-size: 100% auto; font-size:0; display: block;}
header .logo > a:focus {outline: auto;}

.log_before, .log_after {position: absolute; right: 20px; font-weight: 500; margin-top: 20px; font-size: 0.9rem;}
.log_after .login_userName {color:#43A9FD;}
.log_before ul, .log_after ul { font-size: 0.9rem; margin: 0;}
.log_before ul, .log_before ul > li, .log_after ul, .log_after ul > li {display: inline-block; color:#fff;}
.log_before li > a, .log_after li > a { font-size: inherit; line-height: normal; font-weight: 300; color: #fff;}
.log_before li + li, .log_after li + li {margin-left: 20px; padding-left: 20px;}
.log_before li + li:before, .log_after li + li:before {content: ''; position: absolute; top: 50%; transform: translate(-20px, -50%); width: 2px; height: 9px; background: #888;}
.eng_btn a {color:#fff !important; font-weight: 400 !important; background: #053863; border-radius: 8px; width: 2rem; height: 2rem; padding: 2px 10px;}

/* gnb */
header .gnb_sec {position: absolute; z-index: 20; right:0; transform:translate(0, 60px); background: transparent;}  
header #gnb {min-width:850px; margin: 0;}
#gnb > li {vertical-align: text-top; margin: 0; float: left; }
#gnb > li:before {content: ""; display: block; position: absolute; background: #ccc; margin-top: 25px; margin-left: 150px; width: 1.2rem; height: 0.1rem; transform: rotate(-55deg);}

#gnb > li:last-child::before {content: none;}
#gnb > li > h3 {margin: 1.2rem 1rem 2.4rem 1rem; width: 130px; font-family: 'NanumSquare';}
#gnb > li > h3 > a {position:relative;color:#fff;text-align:center;transition:color 0.4s; display: block; font-size: 1.25rem; font-weight: 600;}
#gnb > li:hover h3 a, #gnb > li h3 a.active {color:#43A9FD;}
#gnb > li h3 a:after {content: ''; width: 100px; height: 3px; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.4s; bottom: -5px; background: #43A9FD; position: absolute;}
#gnb li:hover h3 a:after, #gnb li h3 a.active:after {opacity: 1;}
#gnb:hover .dep2 {height: 405px;}
#gnb .dep2 {width: 100%; background: #555; height: 0; overflow:hidden; transition: all 0.4s; text-align: center; }
#gnb .dep2:last-child {padding-left: 0;}
#gnb .dep2 li {display: block; line-height:normal;}
#gnb .dep2 > li + li {padding: 0.5rem 0;}
#gnb .dep2 > li a {text-align: center; word-break: keep-all; padding: 1rem 0 0; color: #fff; font-weight: 500;}
#gnb .dep2 a:hover, #gnb .dep2 a:focus {color:#43A9FD;}
#mo_gnb {display: none;}


/* SEARCH icon 1001 */
.magnifying_glass {margin-top: 1rem; margin-left: 1rem; cursor: pointer; font-size: 3rem; display: inline-block; width: 0.8rem; height: 0.8rem; border: 0.25rem solid #fff; box-sizing: content-box; position: relative; border-radius: 1rem;}
.magnifying_glass:before {content: ""; display: inline-block; position: absolute; right: -0.5rem; bottom: -0.4rem; border-width: 0; background: #fff; width: 0.7rem; height: 0.3rem; transform: rotate(45deg);}
.magnifying_glass button {font-size: 0; position: absolute; opacity: 0; width: 15px; height: 15px;}

/* SEARCH 1001  */
.m_search {position: absolute; width: 1220px; background: rgba(85,85,85,0.98); padding: 40px; z-index: 135; left: 50%; transform: translate(-50%, 0); border-top: 1px solid #797979;}
.search_close_btn {position:absolute; width: 17px; height: 17px; cursor: pointer; margin-top: -20px; right: 15px; top : 30px;}
.search_close_btn:after {content: ""; display: block; position: absolute; top: 50%; background: #999; width: 18px; height: 2px; transform: rotate(-45deg);}
.search_close_btn:before {content: ""; display: block; position: absolute; top: 50%; background: #999; width: 18px; height: 2px; transform: rotate(45deg);}
.search_close_btn button {font-size: 0; position: absolute; opacity: 0; width: 15px; height: 15px;}
.sch_input { width: 460px; margin: auto; }
.sch_input input {width: calc(100% - 78px); padding: 0 20px; height: 32px; font: 400 1rem 'Noto Sans KR'; line-height: 2.2rem;}
.sch_input button { width: 72px; font: 400 1.1rem 'Noto Sans KR'; height: 32px; color: #fff;transition: all 0.4s;text-align: center; padding: 3px 20px 4px; background: #012b56; border: 1px solid #012b56; margin-left: 1px; }
.sch_input button:focus,.sch_input button:hover {background: #757575; border: 1px solid #757575;}
.sch_sel_area {  width: 460px; margin: auto; margin-top: 40px;}
.sch_sel_area h3 { font-size: 1.17em; color: #fff; font-family: 'NanumSquare'; margin-bottom: 10px;}
.sch_sel_area select {width: calc(50% - 5px); padding: 4px 5px; font: 400 1rem 'Noto Sans KR'; height: 32px; }
.sch_sel_area select + select { margin-left: 6px; }
.sch_sel_area button {font: 400 1.1rem 'Noto Sans KR'; color: #fff;transition: all 0.4s;text-align: center; padding: 3px 20px 4px; background: #012b56; border: 1px solid #012b56;}
.sch_sel_area button:focus,.sch_sel_area button:hover {background: #757575; border: 1px solid #757575;}
.sch_input input:focus , .sch_sel_area select:focus { outline: auto; outline-color: inherit; }


/* 푸터 */
footer {border-top: 2px #211c14 solid; }
footer * { font-family: 'Noto Sans KR', sans-serif; }
.ft_top {padding: 0; margin: auto; width: 100%; max-width: 1280px; line-height: 1rem;}
ul.list_corp {position: absolute; font: 400 1.1rem 'Noto Sans KR'; margin-top: 20px;}
ul.list_corp > li {display: inline-block;  color:#000;}
.list_corp li > a {font: 400 1.1rem 'Noto Sans KR'; color: #000;}
.list_corp li > a:focus {outline: auto; color:#0272ba;}
.list_corp li > a:hover, .list_corp li > a.point {color:#0272ba; font-weight: bold;}
.list_corp li + li {margin-left: 20px; padding-left: 20px;}
.list_corp li + li:before {content: ''; position: absolute; top: 50%; transform: translate(-20px, -50%); width: 2px; height: 9px; background: #999;}
ul.list_sns{float: right; margin: 8px 0;}
ul.list_sns > li {display: inline-block;  color:#000;}

footer hr {display: inherit; position: relative; visibility: visible; width: 100%; border: 1px #dee3eb solid;}

article.sel_go {margin: auto; width: 100%; max-width: 1280px; line-height: 1rem;}
.ft_utill {transform: translate(0, 40px);}
.ft_utill .sel_list {float: right}
.ft_utill .sel_list select {font: 400 1.1rem 'Noto Sans KR'; color: #444; padding-left: 15px; width: 200px; height: 34px;line-height: 32px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px #dee3eb solid; margin-right: -3px; vertical-align: baseline;}
.ft_utill .sel_list select:focus { outline: auto; outline-color: inherit; }
.ft_utill .sel_list > li + li {margin-top: 10px}
.ft_utill .sel_list a {font: 400 1.1rem 'Noto Sans KR'; color: #fff;transition: all 0.4s;text-align: center; padding: 0 13px; background: #757575; border: 1px solid #757575; vertical-align: bottom; display: inline-block; line-height: 33px; min-height: 34px;}
.ft_utill .sel_list > li a:hover, .ft_utill .sel_list > li a:focus {background: #0272ba; border: 1px solid #0272ba;}

.ft_bottom {margin: auto; margin-top: 38px; width: 100%; max-width: 1280px; line-height: 1rem;}
.ft_logo {position: absolute; width: 9%; height:73px; background:url("/images/img/ft_logo.png") no-repeat center; background-size: 100% auto; font-size:0; display: block;}
.ft_camp_list {margin-left: 18%; font: bold 1.1rem 'Noto Sans KR'; color: #000; line-height: 2rem; }
.ft_camp_list li { line-height: 2rem; }
.ft_camp_list li span {color: #666;}
.ft_camp_list li.first {float: left; margin-right: 60px;}

.copyright {margin: 30px 0 60px 18%; font: 400 1.1rem ; color: #666;}
.copyright span {color:#000; font-weight: bold;}

/* Dim */
.dim {display: none; position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:8;}


/* asis css override */
template { display: none; }
.concon { margin-top: 15px; }
.mcon { background: none; }
.sleft * { font-family: 'NanumSquare'; }
.sleft-tit { background: #0674bb;}
.slm > li { border-bottom: none; }
.slm > li > a { font-size: 17px; color: #333; border-bottom: 1px solid #dcdcdc; letter-spacing: -0.5px; }
.slm > li.on { background: none; }
.slm > li.on > a { color: #0674bb; background: none; }
.slm > li.on > div { background: #f5f5f5; }
.dep3th { border-top: none;}
.sleft-tit { height: 80px; }
.sleft-tit > span { font-size: 26px; letter-spacing: -1px; }
.dep3th ul li a { font-size: 15px; line-height: 26px; color: #777; font-weight: 500; letter-spacing: -0.5px; }
.tail { right: -146px; }

.m_search select { appearance: none;  -webkit-appearance: none; -moz-appearance: none; padding-right: 20px; background:#fff url(''/images/img/img_select.png'') right 5px center no-repeat; }
.m_search select::-ms-expand{ display:none; }


/* 메인 기본 모바일 css */
/* @media screen and (max-width:900px) {
    .scroll_stop {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
    html {font-size: 12px;}

	header {height: 50px; width: 100%;}
	header .logo {width: 80px; margin:5px 0 0 5px; left:10px; z-index: 20;}
	header .logo > a {height:40px;}
	header .logo > a:focus {outline: auto;}
    .log_before, .log_after {display: none;}
	

	header .gnb_sec {position: absolute; z-index: 10; left: 0; transform: translate(0, 0);}	
    div.menu {height: 30px; width: 40px; position: fixed; top: 0; right: 0;  z-index: 25; cursor: pointer; display: block;}
    div.x, div.y, div.z {position: absolute; margin: auto; top: 0px; bottom: 0px; background: #fff; border-radius:2px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}		
    div.x, div.y, div.z { height: 4px; width: 26px; }
    div.y{top: 18px;}
    div.z{top: 37px;}
    #mo_gnb {display: block; position: fixed; top: 0; width: 80%; height: 100%; background: #B6B6B6; transition: all 0.6s; transform: translateX(-100%); z-index: 50; overflow-y: auto;}
    #mo_gnb.active {transform: translateX(0%);}
    button.menu_close {position:absolute; right: 5px; top: 5px; font-size: 0; width: 17px; height: 17px; border: none; background: transparent;}
    button.menu_close:after {content: ""; display: block; position: absolute; top: 50%; background: #fff; width: 18px; height: 2px; transform: rotate(-45deg);}
    button.menu_close:before {content: ""; display: block; position: absolute; top: 50%; background: #fff; width: 18px; height: 2px; transform: rotate(45deg);}
    .log_area {background: #000; color: #fff; height: 50px;}
    .log_area .login_user {margin: 12px 0 0 12px; font: 500 1.1rem 'Noto Sans KR'; border: none; color:#43A9FD; background: transparent;}
    .log_area h3 {padding: 12px;}
    .log_area .login_userName {font: 500 1.1rem 'Noto Sans KR'; border: none; color:#43A9FD; background: transparent;}
    button.logout {border: none; background: transparent; margin-left: 10px;}
    button.logout img {width: 13px; height: auto;}
    
    .left_gnb>li{width: 100%;}    
    .left_gnb>li>a{display: block; padding-left: 12px; font: 500 1.1rem 'Noto Sans KR'; line-height: 50px; width: 100%; height: 50px; background-color: #000; color: #fff; border-bottom: 1px #ccc solid;}
    .left_gnb>li>a.on{color: #43A9FD;}
    .left_gnb>li>ul{display: none;}
    .left_gnb>li>ul>li>a{display: block;  padding-left: 30px; line-height: 50px; width: 100%; height: 50px; background-color: #555; color: #fff;}

    .mobile_hide {display: none;}

    .more:after {content: ""; display: block; position: absolute; margin-top: 2px; background: #000; width: 63px; height: 1px;}
    .more:before {content: ""; display: block; position: absolute; margin-top: 14px; margin-left: 50px; background: #000; width: 16px; height: 1px; transform: rotate(45deg);}
    

    .magnifying_glass {position: absolute !important; right: 60px; margin: 15px 0;}
    .m_search {margin-top: 50px; width: 100%; right: 0; text-align: center;}
    .search_close_btn {left: auto; right: 0;}
    .sch_input input {width: 200px; font: 400 1rem 'Noto Sans KR'; line-height: 2.2rem; padding: 2px 20px;}
    .sch_input button {padding: 4px 20px 5px;}
    .sch_sel_area {text-align: center; margin-top: 40px;}
    .sch_sel_area h3 {margin-left: 0;}
    .sch_sel_area select {width: 100px;}

    .dim {display: none; position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5); z-index:30;}
} */