@charset 'utf-8';

/* 공통 */
/*
font-family: 'Nanum Gothic', sans-serif;
font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css'); /*font-family:'Noto Sans KR', sans-serif; */

#wrap { overflow:hidden;}

.clearfix:after { content:""; display:block; clear:both; }
.inner { max-width:1600px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner2 { max-width:1200px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner3 { max-width:1300px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner4 { max-width:1000px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner14 { max-width:1400px; width:100%; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/* 헤더 */
header { position:fixed; width:100%; left:0; top:0; z-index:9999; *background:url("/img/common/top_backbg.jpg") repeat-y center center;  background:rgba(255,255,255,1);
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header #hd_top { border-bottom:0px solid rgba(255,255,255,0.1); }
header .logo { position:absolute; left:6%; top:15px;}
header nav { text-align:center; }
header nav .gnb { display:inline-block; }
header nav .gnb > li { float:left; position:relative;}
header nav .gnb > li > a {  font-size:1.3rem; font-weight:500; letter-spacing:-0.5px; *text-shadow:2px 2px 2px rgba(0,0,0,0.5); color:#222; font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif; 
                                   text-transform:uppercase; display:block; padding:30px 30px; position:relative;}
header nav .gnb > li > a:after { content:""; width:100%; height:3px; background:#2b916c; display:block; position:absolute; left:0; margin-left:-8px; bottom:-3px; z-index:11;  opacity:0;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header nav .gnb > li:hover > a:after { 
opacity:1;
}
header nav .gnb > li > .depth2 { position:absolute; text-align:left; padding-left:30px; z-index:10; padding-top:25px; display:none; width:100%;}
header nav .gnb > li > .depth2 > li { margin-bottom:12px;}
header nav .gnb > li > .depth2 > li:last-child { margin:0; }
header nav .gnb > li > .depth2 > li > a { color:#ddd; font-size:1.05rem; line-height:1.3em}
header nav .gnb > li > .depth2 > li > a:hover { color:#3fb489; }
header nav .gnb > li .depth3 {display: none;}


header .lang { position:absolute; right:0px; top:0px; padding:1.2em 0 0 1.5em;   width:230px; height:82px; background:#2b916c;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
header .lang p { color:#fff; font-size:0.9rem; opacity:0.8}
header .lang h2 { color:#fff; font-size:1.35rem; margin-top:0.5em;  font-family: 'GmarketSansMedium';}
header .lang ul { }
header .lang ul li { margin-right:16px; float:left;}
header .lang ul li:last-child { margin:0;}
header .lang ul li a {*font-family: 'Kanit', sans-serif; *font-weight:700; color:#bbb; text-transform:uppercase; font-size:15px; }
header .lang ul li.on a { color:#1395e8; }
header .menu_btn {right:230px; width:85px; height:81px; position:absolute; top:0; border-left:1px solid rgba(255,255,255,0.1); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header .menu_btn button { width:100%; height:100%; border:none; background:#fff url("/img/common/menu_btn.png") no-repeat center; }


header.on { *background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2)}
header.on .lang {*display:none; background:#2b916c;}
header.on .lang ul li.on a { color:#1395e8;}
header.on .lang ul li a { color:#666;}
header.on nav .gnb > li > a  { color:#222;}
header.on .menu_btn  {*background:#4e4e50;}
header nav .top { display:none;}
.gnbBg { position:fixed; width:100%; height:238px; background:rgba(0,0,0,0.7); display:none;}

#all_menu { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; padding-top:115px; display:none;}
#all_menu .gnb { }
#all_menu .gnb > li { width:23%; height:200px; padding:0 1%; margin-bottom:5%; float:left; text-align:center;}
#all_menu .gnb > li > a {  color:#fff; font-size:30px; font-family: 'Kanit', sans-serif; display:block; border-bottom:1px solid #515253; padding:0 20px 37px 20px; position:relative;}
#all_menu .gnb > li:hover  > a { color:#0ba06a; }
#all_menu .gnb > li:hover > a:after { content:""; width:160px; height:3px; background:#0ba06a; display:block; position:absolute; left:50%; bottom:-2px; margin-left:-80px;}
#all_menu .gnb > li > .depth2 { text-align:left; padding:30px 0 0 0px;}
#all_menu .gnb > li > .depth2 br {display:none}
#all_menu .gnb > li > .depth2 > li {line-height:1.4; margin-bottom:12px; text-align:center; }
#all_menu .gnb > li > .depth2 > li > a { font-weight:300; color:#eee; font-size:1.2rem;}
#all_menu .gnb > li > .depth2 > li:hover > a { color:#0ba06a; }
#all_menu .close_btn { text-align:center; margin-bottom:96px;}
#all_menu .close_btn button { width:43px; height:43px; background:url("/img/sub/all_close.png") no-repeat center; border:none; display:inline-block; 
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
#all_menu .close_btn button:hover { 
}
#all_menu .depth3 {display: none;}

/* .gnbBg.on {} */

@media screen and (max-width:1680px){
	.inner { padding:0 15px;}
    header nav .gnb > li > a { font-size:1.2rem; padding:31px 20px;}
	header .lang {height:82px}
	header .menu_btn {height:82px}
	header .logo { left:10px; top:15px;}
}

@media screen and (max-width:1400px){
	.inner { padding:0 15px;}
    header nav .gnb > li > a {font-size:1.1rem;padding:31px 16px;}
	header .lang {height:82px;  width:190px; padding:1.2em 0 0 1.0em; }
	header .menu_btn {height:82px; right:190px}
	header .logo {width:210px; left:10px; top:20px;}
}

@media screen and (max-width:1200px){
    .inner2 { padding:0 15px;}
	header .lang  {display:none}
	header { height:70px !important; border-bottom:1px solid rgba(255,255,255,0.15);}
	header .logo { left:10px; top:14px;}
	header .logo  img {width:190px}
	header nav { position:fixed; width:90%; max-width:426px; background:#fff; height:100%; right:0; top:0; z-index:300; padding:30px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  right:-426px;}
	header nav .gnb { display:block; }
	header nav .gnb > li { float:none; text-align:left; border-bottom:1px solid #e1e1e1;}
	header nav .gnb > li > a { font-size:18px; padding:0 40px; height:46px; line-height:46px; }
	header nav .gnb > li.on > a { background:#acacac; color:#fff;}
	header nav .gnb > li > .depth2 { position:static; display:block; padding-top:0; background:#f5f5f5; padding:26px 60px; border-top:1px solid #e1e1e1; display:none;}
	header nav .gnb > li > a:after { display:none; }
	header .lang ul li a, 
	header nav .gnb > li > a {
		color: #222;
    }
	
    header.on .lang ul li.on a {color: #000;}
	header nav .gnb > li > .depth2 > li > a {position:relative; color:#666;}
	header nav .gnb > li > .depth2 > li > a:focus,
	header nav .gnb > li > .depth2 > li > a:hover { font-weight:500;}
	header nav .gnb > li > .depth2 > li > a:hover:before { content:""; width:6px; height:6px; background:#45b6fe; display:block; position:absolute; left:-18px; top:8px; }
	header nav .gnb > li > .depth2 br{display:none}
	header { }
	.gnbBg { height:100%; left:0; top:0;}
	header nav .top {*background:#2b3e64; display:block; position:relative;}
	header nav .top .nav_logo2 { text-align:left; margin:-10px 0 40px 4%}
	header nav .top .nav_logo2 img { width:60%}
	header nav .top .close_btn { position:absolute; right:0; top:10px;}
	header nav .top .close_btn button { width:48px; height:48px; background:url("/img/common/close_btn2.png") no-repeat center; border:none;}

	#all_menu { display:none !important;}
	header .menu_btn {right:0px; top:0px; width:70px; height:70px; }

	header nav .lang {display:none !important; height:0; osition:static; margin:30px 0 7px;}
	/*header nav .lang ul {}
	header nav .lang ul li { margin:0; width:80px; text-align:center; border-right:0px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	header nav .lang ul li:last-child { border:none; }
	header nav .lang ul li a { background:#acacac; color:#fff; height:40px; line-height:40px; display:block;}
	header nav .lang ul li.on a { background:#45b6fe; color:#fff;}
*/

}


/* subTopWrap */
.subTopWrap {position: relative; z-index: 30; }
.subTopWrap .bigTitle {transition:1s all; opacity:0; transform:translate(0,-30px); position: relative; z-index: 1;padding-top:0px; text-align: center; font-size:40px; line-height:40px; color:#ffffff; font-weight:500; text-shadow:2px 2px 8px black;}

.subTopWrap .bgBox {position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
.subTopWrap .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%;  }

body.load .subTopWrap .bigTitle { transform:translate(0,0); opacity:1;}
body.load .subTopWrap .bgBox span { transform:scale(1);}

.subTopWrap .lnbWrap {position: absolute; left:0; bottom:0; width:100%; z-index: 10; border-bottom:1px solid #dddddd; }
.subTopWrap .lnbWrap .in {width:1400px; margin:0 auto;  background:#fff; height:60px; }
.subTopWrap .lnbWrap .btnHome {float:left; width:60px; height: 60px; background:#bd1c25 url('/img/common/btn_home.png') center no-repeat; text-indent:-999em;}
.subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 21%; margin-left:-1px; }
.subTopWrap .lnbWrap .lnbList p a {position: relative; display: block; font-size: 18px;  font-weight:600; height: 60px; line-height:60px; padding-left: 20px; color:#444444;  border-right:1px solid #dddddd; }
.subTopWrap .lnbWrap .lnbList p a:after {content:''; position: absolute; right:20px; top:50%; margin-top:-4px; width: 12px; height: 7px; background:url('/img/common/ico_subn.png') no-repeat;}
.subTopWrap .lnbWrap .lnbList ul {position: absolute; left:0; top:60px; width: calc(100% - 2px);  background:#fff; border:1px solid #dddddd; border-top:none; display: none;}
.subTopWrap .lnbWrap .lnbList ul li {border-top:1px solid #dddddd;}
.subTopWrap .lnbWrap .lnbList ul li:first-child {/* border-top:none; */}
.subTopWrap .lnbWrap .lnbList ul a {display: block; font-size: 16px;  height: 49px; line-height:49px; padding-left: 20px; color:#555555; }
.subTopWrap.active .lnbWrap {position: fixed; left:0; bottom:auto; top:0; background:#fff; width: 100%; transition:.3s all; }
.subTopWrap.active .in {}
.subTopWrap.active  {}

@media all and (max-width:1400px) {
   .subTopWrap .lnbWrap {width: 100%; margin-left: 0; left:0;}
   .subTopWrap .lnbWrap .in {width: 100%; margin:0 auto;  background:#fff; height:60px; }
}

@media all and (max-width:1024px) {
   .subTopWrap .lnbWrap .in {width: 100%; margin:0 auto;  background:#fff; height:40px; }
   .subTopWrap .lnbWrap .btnHome {width:40px; height: 40px; }
   .subTopWrap .lnbWrap .lnbList p a {height: 40px; line-height:40px; padding-left: 20px; font-size: 15px;}
   .subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 30%; margin-left:-1px; }
   .subTopWrap .lnbWrap .lnbList ul a {font-size: 15px;  height: 39px; line-height:39px; padding-left: 20px; }
}

@media all and (max-width:767px) {
   .subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 40%; margin-left:-1px; }
}

/* footer */
footer { background:#222; font-size:15px; }
footer #ft_top { padding:30px 0 20px; border-bottom:1px solid #333; }
footer #ft_top .ft_logo { width:250px; margin-top:-20px}
footer #ft_top address { line-height:1.6; padding-top:20px;
width:calc(100% - 250px);
width:-webkit-calc(100% - 250px);
width:-moz-calc(100% - 250px);
}
footer section { position:relative;}
footer #ft_top address p { margin-bottom:6px; font-size:13px; color:#aaa; line-height:1.6}
footer #ft_top address p a{ color:#aaa !important;}
footer #ft_top address p span { display:inline-block; margin-right:30px; font-size:16px; color:#c5c4c4;}
footer #ft_top address p span:last-child { margin:0; }
footer #ft_top .ft_logo {float:left; margin-top:60px} 
footer #ft_top address {float:left; margin-top:25px} 
footer #ft_top .topBtn { position:absolute; right:0; top:0; }
footer #ft_top .topBtn button { background:url("/img/common/topBtn.png") no-repeat center #666; width:27px; height:27px; border:none;}
footer #ft_top .naver { position:absolute; right:5%; top:60px; }


footer #ft_bot { padding:20px 0 30px;}
footer #ft_bot .copy { text-align:center; font-weight:600; font-size:12px; color:#666; text-transform:uppercase;}
footer #ft_top .ft_menu {position:absolute; left:0; margin:0px 0}
footer #ft_top .ft_menu ul { }
footer #ft_top .ft_menu ul li { float:left; font-size:16px; border-right:1px solid #ccc; margin-right:10px; padding-right:10px;  font-weight:300;  font-family: '맑은 고딕','Malgun Gothic';}
footer #ft_top .ft_menu ul li:last-child { margin:0; padding:0; border-right:0px solid #ccc;}
footer #ft_top .ft_menu ul li a { color:#fff; opacity:0.9; font-weight:400}

@media screen and (max-width:1200px){
    footer #ft_top { padding:30px 0 0px; border-bottom:1px solid #333; }
	footer #ft_top address p span { display:inline-block; margin-right:10px;}
	footer #ft_top .ft_logo, 
	footer #ft_top address { float:none; text-align:left; width:95%; margin:0 auto; padding-top:0px;}
	footer #ft_top address { margin-top:15px;}
	footer #ft_top .ft_menu { position:static; text-align:left; margin-left:10px;}
	footer #ft_top .ft_menu ul { display:inline-block; }
	footer #ft_bot .copy { text-align:left; width:95%; margin:0 auto; padding-top:0px; line-height:1.3em}
	footer #ft_top .naver { position:absolute; right:10%; top:70px; }

	footer #ft_top address p span {margin-right:20px; font-size:14px;}
	footer #ft_top .ft_menu ul li {font-size:14px; margin-right:6px; padding-right:6px;;}
	}

@media screen and (max-width:1200px){
     footer #ft_top .ft_menu ul li {font-size:14px; margin-right:6px; padding-right:6px; margin-bottom:8px}
	}