@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700&subset=chinese-simplified');
/*@import url(//db.onlinewebfonts.com/c/67680f2eb947c5cbd58b40961b4a61e9?family=Apple+SD+Gothic+Neo);*/
/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {
    font-family: "Apple SD Gothic Neo";
    src: url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.eot"); /* IE9*/
    src: url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.woff2") format("woff2"), /* chrome firefox */
    url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.woff") format("woff"), /* chrome firefox */
    url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.svg#Apple SD Gothic Neo") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: 'SDGothic';
    font-style: normal;
    font-weight: 400;
    src: url(/css/font/SDDOESGothicNeoaTTF-dRg.eot);
    src: url(/css/font/SDDOESGothicNeoaTTF-dRg.eot?#iefix) format('embedded-opentype'),
        url(/css/font/SDDOESGothicNeoaTTF-dRg.woff) format('woff');
}

@font-face {
    font-family: 'SDGothic';
    font-style: normal;
    font-weight: 600;
    src: url(/css/font/SDDOESGothicNeoaTTF-fSm.eot);
    src: url(/css/font/SDDOESGothicNeoaTTF-fSm.eot?#iefix) format('embedded-opentype'),
    url(/css/font/SDDOESGothicNeoaTTF-fSm.woff) format('woff');
}

@font-face {
	font-family: 'futura-pt','Noto Sans KR', sans-serif;
	font-weight: 400;
}



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}
body{font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; font-size:15px; line-height:1.4; color:#757575; letter-spacing:0px; -webkit-text-size-adjust:none; }
h1,h2,h3,h4,h5,h6,strong{}
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{display:none;}
a{text-decoration:none; color: #777;}
a:hover,a:active{text-decoration:none; color: #333;}
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;}

input[type=button],
input[type=submit],
button{-webkit-appearance:none;cursor:pointer;}
*:focus { outline:none;}
input[type='checkbox'] {width:20px;}

input {font-size: 14px;vertical-align: middle;border: #ccc 1px solid #e4e4e4;}
button { border-radius:0; }
input[type='checkbox'], input[type='radio'] { position:relative; top:-1px; width:16px; height:16px; }
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: 14px ;height: 40px; padding:10px;box-sizing: border-box; }

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

/* */
label {cursor: pointer;}
.radio,
.checkbox { position:relative; display:inline-block; vertical-align:middle; }
.checkbox .icon { display:block; text-indent:-24px; padding-left:24px; }
.hid_chk,
.hid_rdo { position:absolute !important; opacity:0; filter:alpha(opacity=0); top:0; left:0;}
.hid_input { position:absolute !important; opacity:0; filter:alpha(opacity=0); left:0; }
.hid_chk ~ .icon:before,
.hid_rdo ~ .icon:before,
.hid_input ~ .icon:before { content:""; width:24px; height:24px; display:inline-block; vertical-align:middle; position:relative; top:-1px; box-sizing:border-box; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; margin-right:5px; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; cursor:pointer; }
.hid_chk:disabled ~ .icon:before,
.hid_rdo:disabled ~ .icon:before,
.hid_input:disabled ~ .icon:before { opacity:0.7; }
.hid_chk ~ .icon:before,
.hid_input[type='checkbox'] ~ .icon:before { background-position:-265px -180px; background-color:#eee; }
.hid_chk:checked ~ .icon:before,
.hid_input[type='checkbox']:checked ~ .icon:before { background-position:-290px -180px; border-color:#2ea443; }
.hid_chk:focus ~ .icon:before,
.hid_input[type='checkbox']:focus ~ .icon:before { outline:1px dashed transparent; }


/*Radio box*/
/*
input[type="radio"] + .label-text:before{
content:""; width:24px; height:24px; display:inline-block; vertical-align:middle; position:relative; top:-1px; box-sizing:border-box; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; margin-right:5px; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; cursor:pointer;	
background-position:-265px -205px; background-color:#eee;	
	speak: none;
}

input[type="radio"]:checked + .label-text:before{
background-position:-290px -205px; border-color:#2ea443;
}

input[type="radio"]:disabled + .label-text{
background-position:-265px -205px; background-color:#eee;
}

input[type="radio"]:disabled + .label-text:before{
background-position:-265px -205px; background-color:#eee;
}

*/




input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
}

input[type="radio"] + label span {
content:""; width:24px; height:24px; display:inline-block; vertical-align:middle; position:relative; top:-1px; box-sizing:border-box; background-image: url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; margin-right:5px; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; cursor:pointer;	
background-position:-265px -205px; background-color:#fff;	
	speak: none;
}

input[type="radio"]:checked + label span {
background-position:-290px -205px; border-color:#2ea443;
}




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


/*---------------------------------- Skip Menu ----------------------------------*/
.skipMenu {position:absolute; top:0px; left:0; width:100%; z-index:99;}
.skipMenu a{height:1;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'; font-size: 16px;	text-transform: uppercase; position: relative;border: none; padding: 10px 40px; min-width: 150px; display: block;}
.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;
	background: transparent;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
}
.btn:hover {text-decoration: none; }
.btn:hover:after {opacity: 1}
.btn img{vertical-align: middle;}
.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: #e0e0e0;	color: #333;}
.btn.btn-grey:after {	border: solid 2px #bbb}
.btn.btn-grey.no-border:after {	border: none}
.btn.btn-grey:hover {	color: #666}
.btn.btn-white {background: transparent;border: 1px solid #fff; color: #fff; font-weight: 600;}
.btn.btn-white:after {border: solid 1px #fff;}
.btn.btn-white:hover {border:1px solid #eee;}
.btn.btn-line {border: 1px solid #65b8d6; color: #65b8d6; font-weight: 400;}
.btn.btn-line:after {border: solid 1px #65b8d6;}
.btn.btn-line:hover {border:1px solid #41a6ca;}

.btn.btn-gold {background: #b1946e;	color: #fff}
.btn.btn-gold:hover {	background: #c5a389 !important;}
.btn.btn-blue {background: #65b8d6;	color: #fff}
.btn.btn-blue:hover {	background: #41a6ca !important;}
.btn.btn-file {	background: #fff;	color: #333; border:1px solid #bbb}
.btn.btn-file:after {	border: solid 2px #bbb}



.btn-mini{font-size: 14px;text-transform: uppercase; font-weight: normal; background: #a5a5a5; color: #fff!important;	text-align: center;	padding:10px 15px;	text-decoration: none;position: relative; display: inline-block; vertical-align: middle;}
.btn-mini:hover {background: #888 !important;}
.btn-mini.btn-mini-blue{background:#65b8d6;}
.btn-mini.btn-mini-blue:hover{background:#69839f !important;}

button:focus {outline: 0 !important}
button:disabled ,
.btn-mini.btn-mini-blue:disabled{background: #ddd !important; cursor: default} 
.btn-center{margin:0 auto; text-align: center}
.btn.btn-inline{display: inline-block;}

.btn-large {font-size: 20px;padding: 15px 40px; min-width: 200px;}

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


.btnArea{width:95%; max-width: 1200px; min-height: 45px; margin:0 auto; padding: 20px 0; /* text-align: center; */ display: block; clear: both; position: relative;}

/*---------------------------------- COMMON ----------------------------------*/

#wrap{position:relative; width:100%; min-width: 1260px; min-height: 900px; }

.container{width:100%; min-width: 1260px; margin:0 auto; position: relative; display: block; clear: both;padding:0; }
.content{position: relative; width:1200px;  margin:0 auto; vertical-align: top; display: block; clear: both;}

.noticeBox { box-sizing: border-box; border: 1px solid #ddd;padding: 70px 0 90px; text-align: center; color: #666;font-weight: 300;}
.noticeBox p { margin-top: 15px}
.noticeBox .ttl { font-size: 38px; color: #65b8d6; font-weight: 500;  padding-top: 135px; background: url('/images/common/ico_bulb.png')no-repeat center top}
.noticeBox .txt_info {font-size: 18px; color: #777;font-weight: 400;margin-bottom: 15px }

#contents{min-height: 600px; padding-bottom: 60px;}
.pdno{padding:0 !important;}
.gray_wrap{background: #f6f3f2;}
.pd90{padding:90px auto !important;}

.block{display: block}
.inline{display: inline-block}
.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 !important}
.mb30{margin-bottom:30px}
.mb60{margin-bottom:60px;}
.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}
.center{text-align: center; margin:auto auto;}
.ellip {min-height:24px;display:block;-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;}


/* 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 { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.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 0px 3px 10px;
  border:1px solid #e7e7e7;
  border-radius: 0;
  height: 2.68rem;
  vertical-align:middle;
  margin-right: 5px;
  font-size: 14px;
  position: relative;
	-webkit-appearance: none;   /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand { display: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%;min-width: 1260px; height: 80px; box-sizing: border-box; z-index: 13; }

.header > .gnb_web_area {position: relative; top:0; left:0; width: 100%;min-width: 1200px; height: 80px; 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;}
.header > .gnb_web_area > .gnb_bg {position: absolute; top:80px; 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:80px; left:0; display: block; width: 100%; height: 1px;  z-index: 2;  }

.header .gnb_web_area .gnb_box {width:100%; min-width: 1200px; margin:0 auto; position: relative; display: flex; justify-content:space-between}
.header > .gnb_web_area .gnb_box ul li a { color:#fff;}
.header > .gnb_web_area > .gnb_box > h1 {position: relative; height: 80px;width: 240px;}
.header > .gnb_web_area > .gnb_box > h1 > .logo {position: absolute; top:5px; left:20px; display: block; width: 190px; height: 75px; margin-left:0px; background:url("../images/common/ci.svg") 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 {}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 {position:relative; margin:0 auto;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li {position: relative; padding:0px; line-height: 80px;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a {display: block; font-size:18px; margin: 0 30px; font-weight:400; color:#000; height: 80px; text-align: center; box-sizing: border-box; letter-spacing: 0.5; font-family: 'SDGothic','Noto Sans KR', 'Noto Sans SC','Malgun Gothic', '맑은 고딕', "돋움", sans-serif}
.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 > .gnb_box .gnb ul.dep1 > li > a:hover,
.header > .gnb_web_area.active > .gnb_box .gnb ul.dep1 > li > a.hover,
.header > .gnb_web_area.active > .gnb_box .gnb ul.dep1 > li > a.active {border-bottom:3px solid #65b8d6 !important; color:#65b8d6 !important;}


.header > .gnb_web_area.active {height: 500px; 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);}

.header > .gnb_web_area.active > .gnb_bg {top:0;height: 550px;background: rgba(255,255,255,0.9);-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);border-bottom: 1px solid #eee}
.header > .gnb_web_area.active > .gnb_bg:after {opacity: 1;}
.header > .gnb_web_area.active:before {background-color: #eeeeee; opacity:1;}
.header > .gnb_web_area.active > .gnb_box > h1 > .logo {}
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep1 > li > a {}
.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:15px; opacity: 0; display: none}
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep2 {opacity: 1; display: block}
.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:15px; color:#888; padding:5px 0; height: 30px; line-height: 24px; box-sizing: border-box; text-align: center;}
.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:#65b8d6 !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:#999999; 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 > .right_zone {position: relative; width:160px; height: 80px; display:block;margin-left: 40px;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info {float:right;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul {position:relative; margin:0 ;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li {position: relative; height: 80px; line-height: 80px;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a {position: relative; display: block; text-align: center;width: 20px; height: 20px; font-size: 0; padding:30px;}

/* .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 > .right_zone > .info ul li a span{background: url("../images/common/icons.png") center center;background-repeat: no-repeat; background-size: 500px auto;}

.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a.btn01{background-color: #fff;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a.btn01 span{width: 24px; height: 24px; background-position: -55px -15px; display: block; }
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a.btn02{background-color: #65b8d6;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a.btn02 span{width: 20px; height: 20px; background-position: -15px -15px; display: block; }
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a.btn03{background-color: #cc6047;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a.btn03 span{width: 20px; height: 20px; background-position: -95px -50px; display: block; }


/* lang_menu */
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu{height:auto;line-height: 1em;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu .btn_lang{width: 80px;height: 80px;background: #fff ;display: block;cursor: pointer;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu .btn_lang:before {content:"";display:inline-block;width: 36px;height: 23px;background: #fff url('../images/common/lang_ch.svg') no-repeat 50% 50%;background-size: 100%;/* border-radius: 50%; */overflow: hidden;/* border: 1px solid #d1d1d1; */}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu .btn_lang span{font-size:0;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu ul{position:absolute;left:0;top: 80px;/* padding: 7px 0; */background:#fff;display: none;z-index: 9;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu.on ul{display:block; }
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu li{line-height:1;height: auto;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu li a{font-size: 12px;color: #555;width: 90px;height: auto;padding: 10px;text-align: left;cursor: pointer;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu li a:before{content:'';display:inline-block;vertical-align: middle;width: 20px;height: 13px;margin: 0 7px 0 0;background-size: contain;background-repeat:no-repeat;background-position:0 0;border: 1px solid #ddd;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu li a.ico_en:before{ background-image:url('../images/common/lang_en.svg')}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu li a.ico_jp:before{background-image: url('../images/common/lang_jp.svg?v');}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu li a.ico_ch:before{ background-image:url('../images/common/lang_ch.svg')}
.header > .gnb_web_area > .gnb_box > .right_zone > .info .lang_menu li a:hover{ background:#edf3f5; color:#000;}


.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 {width:80px; height: auto;background: #000;float: left; display: block;}
.header > .gnb_web_area > .right_zone > .global ul {position:absolute; display: block; width: 0; height: 0;-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 { display: block; width: 100%; height: 100%; font-size: 0; background: url("../images/common/icon_earth.png") no-repeat center;}
.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/common/icon_earth.png") !important;}
.header > .gnb_web_area.active > .right_zone > .global > a.btn_global {background-image: url("../images/common/icon_earth.png")}
.header > .gnb_web_area.active > .right_zone > .global ul:before {background-color: rgba(0,0,0,0.2);}
*/



.header .global {width:80px; height: 80px; position: absolute; right:80px; top:0;background: #fff; z-index: 100;}
.global ul {position:absolute; top:80px; width: 80px; height: 0; display: none; z-index: 100; }
.global ul:after{-webkit-transition:height 1s; transition:height 1s; transition-timing-function: ease-out;transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
.header .global ul li {position: relative; width:100%; white-space:nowrap; background: #eee; display: block;}
.header .global ul li a { width:100%; height:100%; display: block; font-size:16px; line-height: 35px; color:#666 !important; text-align: center; }
.header .global ul li a.on, .header .global ul li a:hover{color:#000 !important;}
.header .global > a.btn_global {display: block; padding:0; width:100%; height: 100%; font-size: 0; background:url('../images/common/icon_earth.png') no-repeat center; display: block; }
/* .header > .gnb_web_area > .gnb_box > .right_zone > .global > a.btn_global span{width:14px; height: 12px; background:url('../images/common/icons.png')no-repeat; background-position: -190px -30px; display: inline-block; margin-left:5px;} */
.header .global.active > a.btn_global{font-size: 0; }
.header .global.active ul {width: 80px; height: 60px;  display: block; }





.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: 180px; height: 70px; background: url("../images/common/logo.png") no-repeat center right; background-size: 180px auto;}
.header > .gnb_mobile_area > h1 > .logo em {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; }



/* footer */
.right_bn{position: fixed; right:0; bottom:15px; z-index: 100; width:99px; display: block;}


#footer{position: relative; width:100%; display: block; clear: both; padding: 0px 0 20px; }
#footer .f_menu{width:100%; border-bottom: 1px solid #dbdbdb; display: table; position: relative;}
#footer .f_menu li{float: left; padding:30px 0; margin-right:20px;}
#footer .f_menu a{width:100%; height: 100%; display: block; font-size: 14px;}
#footer .f_menu .f_sns{position: absolute;right:0;top:5px;/* width: 250px; */text-align: right;}
#footer .f_menu .f_sns a{display: inline-block; background:url("../images/common/icons.png") center top; background-repeat: no-repeat; background-size:  500px auto;font-size: 0; margin:0 5px;}
#footer .f_menu .f_sns a.f_sns01{width: 30px; height: 35px; background-position: -15px -90px; }
#footer .f_menu .f_sns a.f_sns02{width: 30px; height: 35px; background-position: -45px -90px; }
#footer .f_menu .f_sns a.f_sns03{width: 40px; height: 35px; background-position: -85px -90px; }
#footer .f_menu .f_sns a.f_sns04{width: 40px; height: 35px; background:url("../images/common/ico_blog.png") center center no-repeat;  background-size:auto 100% }
#footer .f_menu .f_sns a.f_sns05{width: 40px; height: 35px; background:url("../images/common/ico_cafe.png") center center no-repeat;  background-size:auto 100% }


/* footer  20200108  */
#footer .f_info{position: relative; display: table; clear: both;width:1200px; margin:0 auto; padding-top:25px;}
#footer .f_info .f_logo{float: left; width:200px; padding:5px 0 30px;}
#footer .f_info .address{font-size: 13px;line-height: 20px; float: left; width:1000px;}
#footer .f_info em{margin:0 11px;width:1px; height:12px ; background: #bdbdbd; content: ''; display: inline-block;}
#footer .f_info .copyright{display: block;position: absolute;right: 0;top: 25px;font-size: 13px; color: #a2a2a2; font-weight: 300}
#footer select {height: 33px;font-size: 13px;color: #666;border-radius: 5px;border-color: #c7c6c6; float: left; z-index: 5}
#footer select.family_site {width: 150px;}

/*** 20200108 f_biz ***/
#f_biz {position: relative; }
#f_biz .biz_bn { background: #fff url(../images/common/ico_plus.png) no-repeat 93%;padding: 3px 0px 3px 10px;border: 1px solid #c7c6c6;vertical-align: middle;height: 33px;width: 180px;font-size: 13px;color: #666;border-radius: 5px;position: relative; text-align: left;line-height: 25px; z-index: 2}
#f_biz .tabSec{ overflow: hidden; position: relative; padding-top: 10px; display: none}
#f_biz .tabSec * { box-sizing: border-box}
#f_biz .tabSec > .tabs{position:relative;padding:0;overflow: hidden;}
#f_biz .tabSec > .tabs > li{float:left;text-align:center; padding-left: 20px}
#f_biz .tabSec > .tabs > li > a {display:block;padding:0;height:35px;line-height:35px;font-size: 14px;color: #666;text-decoration:none;background: #fff;transform:all .3s ease;font-weight: 400; position: relative;}
#f_biz .tabSec > .tabs > li > a:before {content:""; width: 1px; height: 15px; background-color: #bdbdbd; display: block; position: absolute; left: 0; top:50%; margin-top: -7px; margin-left: -10px}
#f_biz .tabSec > .tabs > li:first-child {padding-left:0px}
#f_biz .tabSec > .tabs > li:first-child > a:before { display: none}
#f_biz .tabSec > .tabs > li.on > a,
#f_biz .tabSec > .tabs > li > a:hover {color:#65b8d6; font-weight: 500}
#f_biz .tabSec > .tabs > li > a:after { content:""; position: absolute;left:0; bottom:0;width: 100%;height: 2px;padding:1px 0;border-bottom:2px solid #fff; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, -moz-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px); z-index: 9;}
#f_biz .tabSec > .tabs > li.on > a:after,
#f_biz .tabSec > .tabs > li > a:hover:after	{ opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);border-bottom:2px solid #65b8d6;}
#f_biz .tab_content { display: none; padding: 15px 0}
#f_biz .tabcontent.on {display: block;}

#f_biz .tabs_select {display: none }
#f_biz.on {}
#f_biz.on .biz_bn {background: #65b8d6 url(../images/common/ico_plus_w.png) no-repeat 93%; border-color:#4ea2c1; color: #fff}
#f_biz.on .tabSec { display: block}

/*---------------------------------- 	popup  ----------------------------------*/


/* PC */
#pop_layer * {box-sizing: border-box}
#pop_layer{position: fixed; top:90px; left:20px;  height: auto; width:400px; background: #fff; display: block; z-index: 10000; border: 1px solid #333; box-shadow: 5px 5px 5px rgba(0,0,0,.1);}
#pop_layer .slider{width:100%; height: 100%; margin:0 auto; position: relative; background:#333;display: block;padding-bottom:35px}
#pop_layer .slider .bxslider22{width:400px; height: 400px; overflow: hidden;}
#pop_layer .slider .bxslider22 .item{width:400px;}
#pop_layer .slider .bxslider22 .item img{max-width: 100%}
#pop_layer .slider .bx-default-pager {margin-top:-20px; text-align: center;display: none}
/*#pop_layer .slider .bx-default-pager > div { display: inline-block; background: url("../images/common/main_bullet.png") no-repeat left top; width: 8px; height: 8px; vertical-align: top; margin-right: 17px;}
#pop_layer .slider .bx-default-pager > div > a { display: inline-block; width: 100%; height: 100%; font: 0/0 serif; vertical-align: top;}
#pop_layer .slider .bx-default-pager > div > a.active { background: url("../images/common/main_bullet.png") no-repeat left bottom;}
*/
#pop_layer .slider .bx-prev { width: 34px; height:64px; background: url("../images/common/controls.png") no-repeat; background-position: 0 0; position: absolute; left:0; top:43%; font-size: 0;}
#pop_layer .slider .bx-next { width: 34px; height:64px; background: url("../images/common/controls.png") no-repeat; background-position: -34px 0;  position: absolute; right:0; top:43%;font-size: 0;}

#pop_layer .today {background: #333; padding:0;width: 100%; height: 35px; position: absolute; left: 0; bottom:0; display: block;}
#pop_layer .today li{width:50%; float: left;display: inline-block; position: relative; text-align: center}
#pop_layer .today li:last-child:before {content: '';position: absolute;top: 50%;left:0;width: 1px;height: 1em;margin-top: -0.4em;background-color: #ddd;}
#pop_layer .today li button {color: #fff; width: 100%; font-size: 13px; line-height:33px;font-family: 'Noto Sans KR', 'Noto Sans SC',sans-serif;}
#pop_layer .today li label{ color: #fff;}
#pop_layer .today li [type='checkbox']{border:0;}


/*--------------------------------------------------------------------
                                 C H N 
--------------------------------------------------------------------*/

.chn_foot#footer .f_info .copyright{ position:relative; right:inherit; top:inherit;}


/* 250605 추가*/
a.roll img.over{ display: none;cursor:pointer;}
a.roll:hover img { display: none;cursor:pointer; }
a.roll:hover img.over { display: block;cursor:pointer;}

.newQuick{position: fixed; width: 80px; right: 0; top: 165px; background: rgba(255, 255, 255, 0.8); text-align: center; padding-top: 15px; z-index: 99; }
.newQuick a{display: block; padding: 15px 0; font-size: 14px; color: #6a6a6a}
.newQuick a img{display: block; margin: 0 auto 5px}
.newQuick a + a{background: url(../images/common/newQuick_imgLine.png) top center no-repeat;}
.newQuick a:last-child{background: none; color: #fff; font-weight: 700; background: #65b8d6 }
.newQuick a:last-child img{display: inline-block; vertical-align: middle; margin-right: 5px}
.newQuickM{display: none} 
.newTopM{display: none}
.newQuick2 { display: block !important}
@media (max-width:600px) {
    #footer{ padding: 0px 0 90px !important; }
    .newQuick{display: none !important} 
    .newQuick2 { display: none !important}
    .newQuickM{display: block} 
    .newQuickM{position: fixed; width: 100%; left: 0;bottom: 0;  background: #fff; text-align: center; padding: 15px 0; z-index: 99; font-size: 0; box-shadow: 3px 3px 7px #999; }
.newQuickM a{float: left; font-size: 10px; color: #6a6a6a; width: 19.6%;}
.newQuickM a img{display: block; margin: 0 auto 5px; width: 40%}
.newQuickM a + a{border-left: #eaeaea 1px solid}
    .newTopM{display: block; position: fixed; right: 10px; bottom: 90px; z-index: 99; width: 35px; height: 35px }
    .newTopM a{display: block; background: #65b8d6; font-size: 10px; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; color: #fff; font-weight: 700;  text-align: center}
}