@charset "utf-8";
/* base */

/* font */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Noto+Sans+KR:wght@300;500;700&display=swap');


@font-face {font-family: 'Libre Baskerville', serif;}
.basker{font-family: 'Libre Baskerville', serif !important;}
.noto {font-family:'Noto Sans KR',sans-serif !important;  }
.roboto{font-family: 'roboto','Noto Sans KR';}


html {word-break:keep-all;}

html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; margin-block-start:0; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; font-weight: 300;}
body{font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; font-size:16px; line-height:1.4; color:#666; letter-spacing:-.5px; -webkit-text-size-adjust:none; font-weight: 300; transition: all .3s;}
fieldset,img,button{border:0;}
img,input,button{vertical-align:top;}

table{border-collapse:collapse;}
address,em{font-style:normal;}
ol,ul{list-style:none;}
hr{border:none;}
a{text-decoration:none; color: #777;}
a:hover, a:active, a:focus{text-decoration:none; color: #000;}
sup{font-size: 1rem !important;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}
h1,h2,h3,h4,h5,h6{font-family: 'Libre Baskerville','Noto Sans KR';font-weight: normal;}
input[type=button],
input[type=submit],
button{/* -webkit-appearance:none;cursor:pointer; */}
*:focus {}

input {font-size: 1rem; font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif; vertical-align: middle;border: #ccc 1px solid;}
button { border-radius:0; }
input[type='checkbox'], input[type='radio'] {width:20px; height: 25px;line-height: 25px;text-align: left; display: inline-block; position: relative; top:-1px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999 !important; }

input,
textarea {
/*    -webkit-appearance:none; */
   -webkit-border-radius: 0;
}
.input{border: #e1e1e1 1px solid; vertical-align: middle;font-size: 1rem ;height:3.5rem; padding:15px; box-sizing: border-box; }

textarea {width: 100%; padding:30px; font-size:1rem; line-height: 1.4; border:1px solid #e1e1e1; box-sizing: border-box; }



.frm{display:inline-block !important;position:relative}
.frm label{display:inline;position:relative;font-size:1rem; line-height: 1.3; padding-left:35px;text-transform:uppercase; color: #000; font-weight: normal; margin-right:10px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.frm label:before {content:'';display:block;position:absolute;left:0;top:0;width:26px;height:26px;background:url("../images/common/spr_form.png") no-repeat;}
.frm input[type=checkbox]:focus+label, .frm input[type=radio]:focus+label {outline:1px dotted #e0e0e0}
.frm input[type=checkbox], .frm input[type=radio]{position:absolute;left:12px;top:16px;width:1px;height:1px;opacity:0}
.frm input[type=checkbox]+label:before{background-position:0 -13px}
.frm input[type=checkbox]:checked+label:before{background-position:-26px -13px}
.frm input[type=radio]+label:before{background-position:-52px -13px}
.frm input[type=radio]:checked+label:before{background-position:-78px -13px}


.frmList{margin-top:-8px}
.frmList > li{margin:8px 0 0 3px}
.frmList .frmCheck, .frmList .frmRadio{display:inline-block;position:relative}
.frmList .frmCheck label, .frmList .frmRadio label{display:inline-block;position:relative;width:165px;max-width:165px;border:1px solid #ccc;z-index:2;box-sizing:border-box;color:#666;background:#fff;padding:9px 35px 11px 15px;font-size:16px;}
.frmList .frmCheck label:before{content:'';display:block;position:absolute;right:12px;top:18px;width:18px;height:13px;background:url("../images/common/spr_form.png") no-repeat 0 0}
.frmList .frmCheck input[type=checkbox], .frmList .frmRadio input[type=radio] {position:absolute;right:0; top:0;width:1px;height:1px;border-color:transparent !important;z-index:1;  overflow: hidden; clip:rect(0,0,0,0);}
.frmList .frmCheck input[type=checkbox]:checked+label, .frmList .frmRadio input[type=radio]:checked+label{border:1px solid #000;color:#000;background:#f9f9f9}
.frmList .frmCheck input[type=checkbox]:checked+label:before{background-position:-18px 0}
.frmList .frmCheck input[type=checkbox]:disabled+label:before{background-position:-36px 0}
.frmList .frmCheck input[type=checkbox]:disabled+label{color:#bfbfbf}
.frmList .frmRadio label{width:219px;max-width:219px;padding:11px 15px 13px;text-align:center}



/* 파일 업로드 스타일 */
.filebox input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	margin-bottom: 3px;
}

.filebox label {
	display: inline-block;
	padding: 13px 20px;
	color: #333;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
  height: 50px;
  font-size:1rem; 
  padding: 0 10px;
	vertical-align: middle;
	background-color: #f5f5f5;
  border: 1px solid #e1e1e1;
  width:73%;
}



.txc-image{max-width: 100%;}

/** placeholder *************************************************/
*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c7c7c7;
}
*::-moz-placeholder { /* Firefox 19+ */
  color: #c7c7c7;
}
*:-ms-input-placeholder { /* IE 10+ */
  color: #c7c7c7;
}
*:-moz-placeholder { /* Firefox 18- */
  color: #c7c7c7;
}


/*---------------------------------- Skip Menu ----------------------------------*/
.skipMenu {position:absolute; top:0px; left:0; width:100%; z-index:99;}
.skipMenu a{height:1px;font-size: 0; color:#eee; display:block;}
.skipMenu a:focus, 
.skipMenu a:active {height:auto; padding:7px 0 10px; background-color:#f0f0f0; color:#333; text-decoration:none; font-size: 15px; font-weight:bold; text-align:center; _float:left; display: block;}

@media (max-width:600px) {
.skipMenu {display: none;}

}

/*---------------------------------- Button----------------------------------*/

.btn {font-family: 'Noto Sans KR', serif; font-weight: bold; font-size: 16px;	text-transform: uppercase; position: relative;border: none; padding: 15px 40px; min-width: 150px; display: block;	-webkit-transition: -webkit-transform .3s, background-color .3s;
	-moz-transition: -moz-transform .3s, background-color .3s;
	transition:background-color .3s, transform .3s;
}
.btn.text-left {text-align: left}
.btn:after {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0;
	z-index: 1;
}
.btn:hover {text-decoration: none; }
.btn:hover:after {opacity: 1}
.btn.btn-dark {background: #333;	color: #fff}
.btn.btn-dark:hover {	background: #555 !important;}
.btn.btn-inline {	display: inline-block;	vertical-align: top}
.btn.btn-grey {	background: #757575;	color: #fff;}
.btn.btn-grey:hover {	background: #424242; color: #fff;}
.btn.btn-grey.no-border:after {	border: none}
.btn.btn-light {	background: #f1f1f1;color: #666;}
.btn.btn-light:hover {	background:#e7e7e7; color: #666;}

.btn.btn-grey:hover {	color: #fff}
.btn.btn-white {background: transparent;	border: 1px solid #fff; color: #fff; font-weight: 600;}
.btn.btn-white:after {border: solid 2px #fff}
.btn.btn-white.no-border:after {	border: none}
.btn.btn-red {background: #cb0007;	color: #fff}
.btn.btn-red:hover {	background: #b40006 !important;}

button:focus {}
.btn-center{margin:0 auto; text-align: center}
.btn.btn-inline{display: inline-block;}
.btn-full{width:100%;}

.btn.round-grey{background: #fff;	color: #333; border:1px solid #333; border-radius: 50px;}
.btn.round-grey:hover{background: #333;	color: #fff;}
.btn.round-nohover{background: #fff;color: #333; border:1px solid #333; border-radius: 50px;}

.btn.round-red{background: #fff;	color: #cb0007; border:1px solid #cb0007; border-radius: 50px;}
.btn.round-red:hover{background: #cb0007;	color: #fff;}


.btn-mini{font-size: 1rem;text-transform: uppercase; font-weight: normal; background: #f1f1f1; color: #666!important;	text-align: center;	padding:15px 20px;	text-decoration: none;position: relative; display: inline-block; vertical-align: middle; border-radius: 10px;}
.btn-mini:hover {background: #e7e7e7 !important;}

.ico_down{background:url('../images/common/ico_down.png')no-repeat; position: relative; content: ''; display: inline-block; width:28px; height: 17px;margin-left:5px;}


.btnArea{width:100%; max-width: 1200px; min-height: 45px; margin:0 auto; padding: 20px 0; display: block; clear: both; position: relative;}
.btnArea.right button{float: right; margin-right:10px;}
.btn-half{display: grid; max-width: 1200px; grid-template-columns: repeat(2, auto); grid-gap: 10px; position: relative; justify-items: space-between;padding: 20px 0;}



/*---------------------------------- COMMON ----------------------------------*/
.section{width:100%; margin:0 auto; position: relative; display: block; clear: both; overflow: hidden;}
.container{position: relative; width:100%; max-width: 1200px; margin:0 auto; vertical-align: top; display: block; clear: both;}

#contents{width:100%; min-height: 800px; position: relative; padding:100px 0;overflow: hidden;}

.no_bottom{padding-bottom: 0 !important;}
.nopd{padding:0;}
.no_mb{margin-bottom: 0px !important;}
.gray_wrap{background: #fbfbfb;}
.pd100{padding:100px 0 !important;}

.block{display: block !important;}
.inline{display: inline !important}
.mt100{margin-top:100px}
.mt90{margin-top:90px}
.mt80{margin-top:80px}
.mt70{margin-top:70px}
.mt60{margin-top:60px}
.mt50{margin-top:50px}
.mt40{margin-top:40px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.mt0{margin-top:0px}
.mb60{margin-bottom:60px;}
.pt100{padding-top: 100px}
.pt90{padding-top: 90px}
.pt80{padding-top: 80px}
.pt70{padding-top: 70px}
.pt60{padding-top: 60px}
.pt50{padding-top: 50px}
.pt40{padding-top: 40px}
.pt30{padding-top: 30px}
.pt20{padding-top: 20px}
.pt10{padding-top: 10px}
.pl10{padding-left: 10px}
.pl20{padding-left: 20px}
.pl30{padding-left: 30px}
.pl50{padding-left: 50px}
.pl90{padding-left: 90px}
.ml20{margin-left: 20px}
.ml30{margin-left: 30px}
.ml50{margin-left: 50px}
.ml60{margin-left: 60px}
.ml70{margin-left: 70px}
.ml80{margin-left: 80px}
.ml90{margin-left: 90px}
.f16{font-size: 16px;}

.c_white{color: #fff !important;}
.c_black{color: #000 !important;}
.c_red{color: #cb0007 !important;}
.c_light{color: #aaa !important;}
.c_gray{color: #c6c6c6 !important;}


.center{text-align: center; margin:auto auto;}
.ellip {max-height:24px;/* height:24px; */display:block;display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.blind {position:absolute; top:0; left:0;width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.right{float: right !important;}
.bold{font-weight: bold; font-weight: 600;}

/* slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { }
.slick-list.dragging { cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


/* 슬라이드 메뉴 내부 스크롤 */
.scroller { height:100%; width:100%; position:relative; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.ftscroller_container {height: 90%; box-sizing: border-box;}


select {
  background-color: rgba(255, 255, 255, 1);
  background:url('../images/common/lnb_arr.png') no-repeat 93%;
  width: 100%;
  padding:3px 10px;
  border:1px solid #e7e7e7;
  border-radius: 0;
  height: 3.5rem;
  vertical-align:middle;
  margin-right: 5px;
  font-size: 1rem;
  position: relative;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}



/* dropdownlist */
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:100%; z-index:9; min-width:100%; box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2); }
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:-1px; background-color:#fff; max-height:300px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }


.clearfix:after {content: ""; display: block; clear: both;}
.clearfix > li {display: block; float:left;}
/*.isDisabled {color: currentColor; cursor: not-allowed; text-decoration: none;}*/



/*---------------------------------- 	NAVIGATION  ----------------------------------*/


/* header */
.header {position: absolute; width: 100%; height: 87px; box-sizing: border-box; z-index: 13; }
.black_mode .header{background:#3a3a3a;}

.header > .gnb_web_area {position: relative; top:0; left:0; width: 100%; height: 87px; margin:0 auto; overflow: hidden;
	-webkit-transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1); z-index: 13;-webkit-transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1); background: rgba(0,0,0,.4);}
.header > .gnb_web_area > .gnb_bg {position: absolute; top:87px; left:0; width: 100%; height: 0; /* -webkit-transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); */}
.header > .gnb_web_area:before {content: ""; position: absolute; top:86px; left:0; display: block; width: 100%; height: 1px; background-color:#fff; z-index: 2; opacity:0.2; }

.header .gnb_web_area .gnb_box {width:100%; margin:0 auto; position: relative; }
.header > .gnb_web_area .gnb_box ul li a { color:#fff;}
.header > .gnb_web_area > .gnb_box > h1 {position: relative; float:left; display: block; width:20%; min-width: 170px; height: 87px; }
.header > .gnb_web_area > .gnb_box > h1 > .logo {position: absolute; top:50%; left:10%; display: block; width: 170px; height: 87px; margin-left:0px; margin-top:-43px; background:url("../images/common/logo.png") no-repeat center center;}
.header > .gnb_web_area > .gnb_box > h1 > .logo em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}
.header > .gnb_web_area > .gnb_box .gnb {position: absolute;right:0; display: table; min-width:1100x;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 {position:relative; margin:0 auto; float: left; width:1100px;}
/*.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li {position: relative; padding:0 1.5rem; line-height: 87px;}*//* 기존 메뉴간격 */
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li {position: relative; padding:0 1.0rem; line-height: 87px;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a {display: block; font-size:17px;font-family: 'Libre Baskerville'; font-weight:600; color:#fff; height: 87px; text-align: center; box-sizing: border-box; }
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a:hover,
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a.hover,
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a.active {border-bottom:3px solid #fff !important; color:#fff !important;}

.header > .gnb_web_area.active, .header > .gnb_web_area:hover { /* 실제 서브 높이 */ height: 87px;  -webkit-transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1); background: rgba(0,0,0,.4);}

.header > .gnb_web_area.active > .gnb_bg {top:0; height: 88px; -webkit-transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);}
.header > .gnb_web_area.active > .gnb_bg:after {opacity: 1;}
.header > .gnb_web_area.active:before, .header > .gnb_web_area:hover:before {background-color: #eeeeee; opacity:0.3;}
.header > .gnb_web_area.active > .gnb_box > h1 > .logo {background-image: url("../images/common/logo.png");}
.header > .gnb_web_area:hover > .gnb_box > .gnb ul.dep1 > li > a,
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep1 > li > a
{color:#fff;}
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep1 > li:after {background-color: #d1d1d1;}

.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 {position:relative; padding-top:29px; opacity: 0}
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep2 {opacity: 1}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li {position: relative; line-height: 40px;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a {display: block; font-size:1rem; color:#fff; padding:8px 0; height: 1.3; line-height: 1.3; box-sizing: border-box;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a:hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a.hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a.active {color:#fff700 !important;}

.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 {position:relative; padding-bottom:9px;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li {position: relative; line-height: 24px;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a {display: block; font-size:14px; color:#fff; padding:3px 0; line-height: 18px; box-sizing: border-box;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a:hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a.hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a.active {color:#c09b7f !important;}

.header > .gnb_web_area > .gnb_box > .gnb > .right_zone {position: relative;width:210px; height: 88px;display:inline-block; float: left; }
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info { width:100%;display: block;}
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul {position:relative; margin:0; display: table;width:100%;}
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li {position: relative;width:auto; height: 88px; line-height: 88px; float:left !important;display: inline-block; background: none;}
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li a {position: relative; display: block; text-align: center;/* width: 35px; height: 25px; */ font-size: 0; /* padding:30px; */background: none;}

/* .header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a:after {content: ""; position: absolute; top:0;width:100%; height: 100%; display: block;   } */

.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li a span{display: inline}

.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn01{background-color: transparent;border-left:1px solid rgba(255,255,255,.2); width:30%; min-width: 88px; height: 88px; box-sizing: border-box; float: left;}
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn01 a { background:url(../images/common/gnb_login.png) no-repeat center center; padding:0 5%; }
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn01.out a { background:url(../images/common/gnb_logout.png) no-repeat center center; padding:0 5%; }

.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn02{float: left; background-color: #fff;width:100%;height: 88px; color: #000; box-sizing: border-box; text-align: center;}
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn02 a{height: 100%; font-size: 16px; font-family: 'Libre Baskerville', serif; line-height: 88px; color: #333; padding:0 15% 0 15%; display: block; box-sizing: border-box; position: relative;}
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn02 i{background:url(../images/common/gnb_allmenu.png) no-repeat left center; width:35px; height: 88px; display: inline-block; content: ''; position: relative; vertical-align: middle;}


.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li.btn03{background-color: #cc6047;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li.btn03 a{width: 20px; height: 20px; background-position: -95px -50px; display: block; }





/*
.nav_gnb .nav_foot ul li a {position: relative; display: block; width: 100%; height: 70px; padding-top:45px; text-align: center; box-sizing: border-box;}
.nav_gnb .nav_foot ul li a em {font-size:13px; line-height: 23px; color:#fff; text-transform:uppercase;}
.nav_gnb .nav_foot ul li a:after {content: ""; position: absolute; top:15px; left:50%; margin-left:-20px; display: block; background: url("../images/common/icons.png") center top; background-repeat: no-repeat; background-size:  500px auto;}
.nav_gnb .nav_foot ul li a.btn_01:after {width: 40px; height: 30px; background-position: -265px -15px;}
.nav_gnb .nav_foot ul li a.btn_02:after {width: 40px; height: 30px; background-position: -305px -15px;}
.nav_gnb .nav_foot ul li a.btn_03:after {width: 40px; height: 30px; background-position: -345px -15px;}

.nav_gnb .nav_foot ul li a.btn_11:after {width: 40px; height: 30px; background-position: -305px -15px;}
.nav_gnb .nav_foot ul li a.btn_12:after {width: 40px; height: 30px; background-position: -265px -50px;}
.nav_gnb .nav_foot ul li a.btn_13:after {width: 40px; height: 30px; background-position: -345px -50px;}
*/


.header > .gnb_web_area > .right_zone > .global {float:left; padding-right:10px;}
.header > .gnb_web_area > .right_zone > .global ul {position:relative; display: inline-block; width: 0; height: 100px; overflow: hidden; margin-left:21px; -webkit-transition:width 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:width 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);}
.header > .gnb_web_area > .right_zone > .global ul:before {content: ""; position: absolute; top:50%; left:0; display: block; width: 1px; height: 11px; margin-top:-6px; background-color: rgba(255, 255, 255, 0.2);}
.header > .gnb_web_area > .right_zone > .global ul li {position: relative; padding:0 6px; height: 100px; line-height: 99px; white-space:nowrap;}
.header > .gnb_web_area > .right_zone > .global ul li a {display: block; font-size:16px; color:#fff;}
.header > .gnb_web_area > .right_zone > .global ul li a:hover,
.header > .gnb_web_area > .right_zone > .global ul li.on a {color:#c09b7f !important;}
.header > .gnb_web_area.active > .right_zone > .global ul li a {color:#333;}
.header > .gnb_web_area > .right_zone > .global > a.btn_global {margin-top:39px; display: block; float:right; width: 19px; height: 19px; text-indent: -999em; background: url("../images/icons/icon_earth.png") no-repeat 0 0; overflow: hidden;}
.header > .gnb_web_area > .right_zone > .global.active ul {width: 68px; padding-left:15px; padding-right:15px;}
.header > .gnb_web_area > .right_zone > .global > a.btn_global:hover,
.header > .gnb_web_area > .right_zone > .global.active > a.btn_global {background-image: url("../images/icons/icon_earth_h.png") !important;}
.header > .gnb_web_area.active > .right_zone > .global > a.btn_global {background-image: url("../images/icons/icon_earth_b.png")}
.header > .gnb_web_area.active > .right_zone > .global ul:before {background-color: rgba(0,0,0,0.2);}

.header > .gnb_web_area .sub_menu {float:left; position: relative; padding-top:100px; margin-left:103px;}
.header > .gnb_web_area .sub_menu .menu_area {position: relative;  padding-left:76px; padding-top:29px; height: 344px; border-left:1px solid #eeeeee; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep1 {display: block; float:left; margin-left:65px;}
.header > .gnb_web_area .sub_menu ul.dep1:first-child {margin-left:0;}
.header > .gnb_web_area .sub_menu ul.dep1 > li {position: relative;}
.header > .gnb_web_area .sub_menu ul.dep1 > li > a {display: block; font-size:16px; color:#333333; padding:8px 0; line-height: 24px; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep1 > li > a:hover,
.header > .gnb_web_area .sub_menu ul.dep1 > li > a.hover,
.header > .gnb_web_area .sub_menu ul.dep1 > li > a.active {color:#c09b7f !important;}

.header > .gnb_web_area .sub_menu ul.dep2 {position:relative; padding-bottom:9px;}
.header > .gnb_web_area .sub_menu ul.dep2 > li > a {display: block; font-size:14px; color:#999999; padding:3px 0; line-height: 18px; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep2 > li > a:hover,
.header > .gnb_web_area .sub_menu ul.dep2 > li > a.hover,
.header > .gnb_web_area .sub_menu ul.dep2 > li > a.active {color:#00aeef !important;}




.header > .gnb_mobile_area {display: none; height: 70px; }
.header > .gnb_mobile_area > h1 {position: absolute; top:0; left:20px; display: block; width:70px; height: 70px;}
.header > .gnb_mobile_area > h1 > .logo {display: block; width: 100px; height: 70px; background: url("../images/common/logo.png") no-repeat center left; background-size: 100px auto; font-size:0;}
.header > .gnb_mobile_area > h1 > .logo em.header > .gnb_web_area > .gnb_box .gnb {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}
.header > .gnb_mobile_area > a.btn_gnb {position: absolute; top:20px; right:20px; display: block; width: 30px; height:40px; background: url("../images/common/icons.png") no-repeat center center ;  background-position: -10px -10px; background-size:500px auto;  }
.header > .gnb_mobile_area > a.btn_gnb em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}



/* */
.gnb_modal { visibility:hidden; opacity:0; position:fixed; top:0; bottom:0; left:0; right:0; z-index:11; background-color:rgba(0,0,0,.4); -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; }
.show_gnb .gnb_modal { opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; }
/*mobile menu */
.nav_gnb { opacity:0; visibility:hidden; position:fixed; right:0; top:0; box-sizing:border-box; max-width:460px; width:100%; height:100%; z-index:100; overflow:hidden; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); -ms-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); transform:translate3d(100%,0,0); background-color: #fff;}

.show_gnb .nav_gnb {opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); transform:translate3d(0,0,0);}

.nav_gnb {letter-spacing: 0; padding-bottom:250px; box-sizing: border-box;}
.nav_gnb .head {position: relative; height: 120px; background: #ca0013;}
.nav_gnb .head .logo {position: relative; top:0; left:20px; width: 100px; height: 70px; text-indent: -999em; background: url("../images/common/logo.png") no-repeat center left; background-size: 100px auto;}
.nav_gnb .head .logo a{width:100%; height: 100%; display: block;}
.nav_gnb .head .btns {position: absolute; top:12px; right:0; padding-right:60px; height: 40px;}
.nav_gnb .head .btns .btn_gnb_close {position: absolute; top:0; right:10px; width: 50px; height: 40px; background: url("../images/common/icons.png") no-repeat -75px 0; background-size:  500px auto; text-indent: -999em;}
.nav_gnb .head .gnb_menu{position: relative; width:100%; padding:0 10px; box-sizing: border-box;}
.nav_gnb .head .gnb_menu a{font-size: 16px; color: #fff; padding:10px 10px;}



.nav_gnb .scroller .ftscroller_y {-webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.nav_gnb .menus {}
.nav_gnb .menu {padding:20px 20px 14px;}
.nav_gnb .menu ul.dep1 > li > a {position: relative; display: block; padding:14px 0; font-size:17px;font-family: 'Libre Baskerville'; font-weight:600;  line-height: 32px; height: 32px; color:#333; border-bottom: 1px solid #eee;}
.nav_gnb .menu ul.dep1 > li > a:before {content: ""; position: absolute; top:0; right:1px; display: block; width: 30px; height: 30px;/*background: url("../images/common/icons.png") no-repeat -125px 0; background-size:  500px auto;*/}
.nav_gnb .menu ul.dep1 > li > a:hover {color:#ca0013;}
.nav_gnb .menu ul.dep1 > li.active > a {color:#333;}
.nav_gnb .menu ul.dep1 > li.active > a:before {background-position: -155px 0;}

.nav_gnb .menu ul.dep2 {display: none;background-color: #f4f4f4; padding:10px 20px; margin-bottom:16px;}
.nav_gnb .menu ul.dep2 > li > a {position: relative; display: block; padding:9px 0; font-size:16px; line-height: 23px; height: 25px; color:#888; }
.nav_gnb .menu ul.dep2 > li > a.menuPlus:after {content: ""; position: absolute; top:7px; right:1px; display: block; width: 30px; height: 30px; background: url("../images/common/icons.png") no-repeat -185px 0; background-size:  500px auto;}
.nav_gnb .menu ul.dep2 > li.active > a {font-weight: bold;}
.nav_gnb .menu ul.dep2 > li.active > a.menuPlus:after {background-position: -215px 0;}
.nav_gnb .menu ul.dep2 > li:first-child > a {border-top:none;}
.nav_gnb .menu ul.dep2 > li.active > a,
.nav_gnb .menu ul.dep2 > li > a:focus,
.nav_gnb .menu ul.dep2 > li > a:hover {font-weight: bold;}
.nav_gnb .menu ul.dep3 {padding-bottom:10px;}
.nav_gnb .menu ul.dep3 > li > a {position: relative; display: block; padding:0 10px; font-size:13px; line-height: 23px; height: 25px; color:#666; }
.nav_gnb .menu.menuSub {padding-top:0; margin-bottom:30px;}

.nav_gnb .nav_foot {position: absolute; bottom:0; left:0; width: 100%; height: 150px; z-index:1; padding:20px 20px; box-sizing: border-box; background: #3a3a3a; }
.nav_gnb .nav_foot ul{width:50%; float: left;}
.nav_gnb .nav_foot a{font-size: 16px; color: #fff; line-height: 1.9; width:100%; height: 100%; display: block;}



/* footer */
#footer{width:100%;  position: relative; display: block; clear: both; background: #3a3a3a; padding: 50px 0 60px;overflow-x: hidden;}
#footer .container{display: table;}
#footer .f_box{float: left; display: inline-block; width:33.333%; height: 100%; min-height: 160px; /* border-right:1px solid #6b6b6b; */ box-sizing: border-box; padding: 0 35px; position: relative;}
#footer .f_box:after{width:1px; height: 100%; background: #6b6b6b; position: absolute; top:0; right:0; display: block; content: '';}
#footer .f_logo h1{width:110px; height: 45px; background: url(../images/common/f_logo.png) no-repeat left; background-size: 110px 45px; display: block; margin-bottom: 25px; font-size: 0;}
#footer .f_logo p{font-size: 16px; color: #b9b9b9;}
#footer .f_box h2{font-family: 'Libre Baskerville', serif; font-size: 30px; color: #fff; font-weight: normal; margin-bottom: 25px;}
#footer .f_contact li{font-size: 16px; color: #b9b9b9;padding: 3px 0 3px 30px; line-height: 1.5; position: relative;}
#footer .f_contact i{width:18px; height: 23px; display:block; margin-right: 5px; position: absolute; left:0; top:6px;}
#footer .f_contact i.f_contact01{background:url('../images/common/f_contact01.png') no-repeat center; background-size: 18px 23px; }
#footer .f_contact i.f_contact02{background:url('../images/common/f_contact02.png') no-repeat center; background-size: 18px 23px; }
#footer .f_contact i.f_contact03{background:url('../images/common/f_contact03.png') no-repeat center; background-size: 18px 23px; }
#footer .f_contact i.f_contact04{background:url('../images/common/f_contact04.png') no-repeat center; background-size: 18px 23px; }
#footer .f_about:after{display: none;}
#footer .f_about ul{width:50%; float: left;}
#footer .f_about a{font-size: 16px; color: #b9b9b9; line-height: 1.9; width:100%; height: 100%; display: block;}
#footer .f_contact a{text-decoration:none; color: #b9b9b9;}



/* swiper 기본 */
.swiper-container {	width:100%;	height:auto; position: relative;}
.swiper-slide {	text-align:center;float: left;display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */	align-items:center; /* 위아래 기준 중앙정렬 */	justify-content:center; /* 좌우 기준 중앙정렬 */}
.swiper-slide img {	width:100%;	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요 */}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
left: 10px;right: auto;}

.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center;background-repeat: no-repeat;}


.swiper-pagination-bullet {width: 17px;height: 17px;line-height: 1;font-size: 0;margin-bottom: 9px 0; opacity: .8;/* background: #fff */}
.swiper-pagination-bullet-active {opacity: 1;}


.youtube { position:relative; width:100%; padding-bottom:56.25% }
.youtube iframe { position:absolute; width:100%; height:100%; }