@charset "utf-8";

.nanumsquare { font-family: 'NanumSquare', sans-serif !important; } 


html{ font-size:62.5%;}
@media all and (max-width:765px) {
	html{font-size:51%;}
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ol,ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}
img{max-width:100%; vertical-align:top;}

/* mobile */
/*input, textarea{ -webkit-appearance: none; -webkit-border-radius:0px; border-radius:0px;}*/

/*reset mobile default style*/
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}
::-moz-selection {background: #71d2ff;background: rgba(113, 210, 255, .35); color:#fff;}
::selection {background: #71d2ff;background: rgba(113, 210, 255, .35); color:#fff;}
::-moz-selection {background: #71d2ff;background: rgba(113, 210, 255, .35); color:#fff;}

html, body {/*height: 100%;*/ width:100%;}
body {font-size: 14px;font-family: 'NotoSansKR', sans-serif;}
a {font-size: 14px;color: #333;text-decoration: none;}
a:hover{color:#187338;}
[lang="en"] {font-family: 'Titillium', 'NotoSansKR', sans-serif;}

/* INPUT */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
textarea {-webkit-appearance: none;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: sans-serif;}

input[type=submit],
input[type=button],
button {font-family: 'NotoSansKR', sans-serif;}

input[type=radio] {border-radius: 100%;}

/* PLACEHOLDER */
::-webkit-input-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 13px;color: #666;}
::-moz-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 13px;color: #666;}
:-ms-input-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 13px;color: #666;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;}
.sr_only {position: absolute; height: 1px; width:1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

input, select, textarea, button {font-size:inherit; font-family:inherit; line-height:inherit;}
select {-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;box-sizing:border-box; border:1px solid #dfdfdf; border-radius:0; padding:0 39px 0 5px; height:35px; line-height:34px; padding-bottom:2px; 
	background:#fff url(/design/default/images/selectbox.png) no-repeat 93% 10px !important; 
	font-size:13px;}
select::-ms-expand { display:none; }

/*select.selfSelect{background-color: #fbfbfb}*/
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
textarea {border-radius:0; -webkit-box-sizing:border-box; height:35px; border:1px solid #dfdfdf; padding:0 10px; font-size:13px; -webkit-appearance:none;}
textarea.textareaType01 {padding:10px 19px; height:253px; width:100%;}
.skip, .blind, legend {position:absolute; top:-5000em; width:0; height:0; overflow:hidden; line-height:0; font-size:0;}
/* WRAP */
.full_wrap {width:100%; padding-left: 90px;padding-right: 90px; }
.wrap { max-width:1200px; margin: 0 auto; padding:0 10px;}

.mBr br{display:none;}
@media all and (max-width:1118px) {
	.brNone br{display:none !important;}
	.mBr br{display:block !important;}
}

.vm{vertical-align: middle !important}
.mt0{margin-top:0 !important;}
.mt20{margin-top:20px !important;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inner{width:100%; max-width:1200px; margin:0 auto; position:relative; clear:both;}
.clear{clear:both;}
.alLeft{text-align:left !important;}
.alCenter{text-align:center !important;}
.alRight{text-align:right !important;}

/* 간격 */
.mt0{margin-top:0px !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt65{margin-top:65px !important} .mt70{margin-top:70px !important} .mt75{margin-top:75px !important}.mt80{margin-top:80px !important;}
.ml0{margin-left:0px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml35{margin-left:35px !important} .ml40{margin-left:40px !important} .ml45{margin-left:45px !important} .ml50{margin-left:50px !important} .ml55{margin-left:55px !important}  .ml60{margin-left:60px !important} .ml65{margin-left:65px !important} .ml70{margin-left:70px !important} .ml75{margin-left:75px !important} .ml80{margin-left:80px !important;}
.mr0{margin-right:0px !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px !important} .mr20{margin-right:20px !important} .mr25{margin-right:25px !important} .mr30{margin-right:30px !important} .mr35{margin-right:35px !important} .mr40{margin-right:40px !important} .mr45{margin-right:45px !important} .mr50{margin-right:50px !important} .mr55{margin-right:55px !important} .mr60{margin-right:60px !important} .mr65{margin-right:65px !important} .mr70{margin-right:70px !important} .mr75{margin-right:75px !important} .mr80{margin-right:80px !important;}
.mb0{margin-bottom:0px !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb25{margin-bottom:25px !important} .mb30{margin-bottom:30px !important} .mb35{margin-bottom:35px !important} .mb40{margin-bottom:40px !important} .mb45{margin-bottom:45px !important} .mb50{margin-bottom:50px !important} .mb55{margin-bottom:55px !important} .mb60{margin-bottom:60px !important} .mb65{margin-bottom:65px !important} .mb70{margin-bottom:70px !important} .mb75{margin-bottom:75px !important} .mb80{margin-bottom:80px !important;}

.pt0{padding-top:0px !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important} .pt25{padding-top:25px !important} .pt30{padding-top:30px !important} .pt35{padding-top:35px !important} .pt40{padding-top:40px !important} .pt45{padding-top:45px !important} .pt50{padding-top:50px !important} .pt55{padding-top:55px !important} .pt60{padding-top:60px !important} .pt65{padding-top:65px !important} .pt70{padding-top:70px !important} .pt75{padding-top:75px !important}.pt80{padding-top:80px !important;}
.pl0{padding-left:0px !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl25{padding-left:25px !important} .pl30{padding-left:30px !important} .pl35{padding-left:35px !important} .pl40{padding-left:40px !important} .pl45{padding-left:45px !important} .pl50{padding-left:50px !important} .pl55{padding-left:55px !important}  .pl60{padding-left:60px !important} .pl65{padding-left:65px !important} .pl70{padding-left:70px !important} .pl75{padding-left:75px !important} .pl80{padding-left:80px !important;}
.pr0{padding-right:0px !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr55{padding-right:55px !important} .pr60{padding-right:60px !important} .pr65{padding-right:65px !important} .pr70{padding-right:70px !important} .pr75{padding-right:75px !important} .pr80{padding-right:80px !important;}
.pb0{padding-bottom:0px !important} .pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important} .pb25{padding-bottom:25px !important} .pb30{padding-bottom:30px !important} .pb35{padding-bottom:35px !important} .pb40{padding-bottom:40px !important} .pb45{padding-bottom:45px !important} .pb50{padding-bottom:50px !important} .pb55{padding-bottom:55px !important} .pb60{padding-bottom:60px !important} .pb65{padding-bottom:65px !important} .pb70{padding-bottom:70px !important} .pb75{padding-bottom:75px !important} .pb80{padding-bottom:80px !important;}

.forP{display:block !important;}
.forM{display:none !important;}
@media (max-width: 768px) {
	.forP{display:none !important;}
	.forM{display:block !important;}
}

/* **************************************** *
 * HEADER
 * **************************************** */

#header {z-index: 500;width: 100%;height: 90px; position: fixed; top: 31px !important; left: 0; background:#f1f1f1; /*-webkit-transition: height 300ms, top 290ms, box-shadow 400ms;transition: height 300ms, top 290ms, box-shadow 400ms;*/ }
.header_wrap {height: 100%;margin: 0 auto; /*padding-left: 90px;padding-right: 90px;*/ position: relative;}
.header_wrap:before {content: '';display: block;position: absolute;left: 90px;right: 90px;bottom: 0;top: 0;background: #fff;-webkit-transition: all 300ms;transition: all 300ms;}
.header_inner {width: 100%;height: 100%;position: relative;background: #fff;}


/* LOGO */
#logo {position:relative; z-index: 551; max-width:1180px; margin:0 auto; -webkit-transition: top 300ms;transition: top 300ms;}
#logo a {display: block;width: 195px;height: 53px; position: absolute;left: 10px;top: 16px;z-index: 551;  background: url(/design/default/images/logo.png) no-repeat 0 0;}


/* MENU */
.menu_container {display: block;width: 100%; max-width:1200px; margin:0 auto; position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 550; padding:0 10px; }
.menu_container_bg {position: absolute;top: 90px;left: 0;right: 0;bottom: 0;background: #212121 url(../images/layout/menu-typo.png) no-repeat 95.8% bottom;background: rgba(33, 33, 33, .95) url(../images/layout/menu-typo.png) no-repeat 95.8% bottom;opacity: 0;}
#menu {display: inline-block;vertical-align: top; width:100%; box-sizing: border-box;}
.menu_ko {padding: 0 0px 0 650px;}
.menu_en {padding: 0 0px 0 450px;}
#menu:after {content: '';display: table;clear: both;}
#menu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}

/* 1depth */
#menu > li {display: inline-block;vertical-align: top;position: relative; padding:0 50px 0 10px; }
#menu > li:last-child{padding:0 50px 0 10px;}
#menu > li > a {padding: 30px 0; font-size: 17px; font-weight: 600;color: #222;}
#menu > li:hover > a, #menu > li.current-page-ancestor > a {color: #187338; font-weight: 900;}

/* 2depth */
#menu > li > ul {display: none;width: 100%;position: absolute;left: 0;border-right: 1px solid rgba(237, 239, 241, .05);}
#menu > li:last-child ul {border-right: 0;}
#menu > li > ul > li {display: block;}
#menu > li > ul > li > a {padding: 6.5px 10px;font-size: 13px;font-weight: 400;text-align: center;color: #fff; text-align: left;}
#menu > li > ul > li .dep3 {text-align: left; padding-left:30px;}
#menu > li > ul > li .dep3 a {font-size:14px; color:#fff; padding-left:8px; position:relative;}
#menu > li > ul > li .dep3 a:after {content:""; display:block; width:4px; height:1px; position:absolute; left:0; top:11px; background-color:#888;}
#menu > li > ul > li .dep3 a:hover {color: #f4791f;}
#menu > li > ul > li .dep3 a:hover:after {background-color:#fff;}
#menu > li > ul > li:first-child > a {padding-top: 25px;}
#menu > li > ul > li:last-child > a {padding-bottom: 35px;}
#menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a, #menu > li > ul > li.current-page-ancestor > a {color: #f4791f;}

.menu_container .lang {position: absolute; right:0px; top:-100px;}




.popup_allmenu{ position: fixed; top: 34px; left:50%; display: none;z-index:30;margin-left:-480px;border-top:3px solid #1a2c5e; width:100%; max-width: 960px; background:#ffffff; box-sizing:border-box; overflow:hidden; z-index: 111111111111111111}

.popup_allmenu a.btnClose{ display: block; position: absolute; overflow: hidden;right:20px;top:20px;z-index:20}
.popup_allmenu .allmenu{padding:50px 40px 60px; overflow:hidden; position:relative;}

.popup_allmenu .allmenu .btnArea{ margin-top:80px;}
.popup_allmenu .allmenu .btnArea a{ display: block;height:27px; line-height: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; font-size: 12px; font-family: "NanumGothicBold"; background: url("/images/common/plus_gr.png") no-repeat right center; border-bottom:1px solid #a9d0b8; margin-bottom:7px; color:#1a2c5e; width:auto; text-decoration:none;}

.popup_allmenu #allmenu { margin-left:-80px; }
.popup_allmenu #allmenu > li{float:left; width:33.33%; box-sizing:border-box; padding-left:80px;}
.popup_allmenu #allmenu > li > a {font-size:17px; color:#224e6b; font-weight:bold; padding-left:20px;}
.popup_allmenu #allmenu > li.menu4{margin-top:55px;}
.popup_allmenu #allmenu > li.menu5{margin-top:-122px;}
.popup_allmenu #allmenu > li .sub-menu {border-top:2px solid #224e6b; margin-top:17px;}
.popup_allmenu #allmenu > li .sub-menu > li {border-bottom:1px solid #e8e8e8;}
.popup_allmenu #allmenu > li .sub-menu > li > a{display:block; padding:15px 20px; font-size:14px; color:#224e6b;}
.popup_allmenu #allmenu > li .sub-menu .dep3{padding-bottom:20px;}
.popup_allmenu #allmenu > li .sub-menu .dep3 > li > a{ display:block; padding:6px 13px 6px 35px; font-size:13px; color:#676767; position:relative;}
.popup_allmenu #allmenu > li .sub-menu .dep3 > li > a:after{content:""; display:block; width:4px; height:2px; background-color:#676767; position:absolute; left:20px; top:50%; margin-top:-1px;}

.popup_allmenu #allmenu > li > .dep2Wrap .dep2 .dep3 > li > a:after{content:""; display:block; width:3px; height:3px; background-color:#676767; position:absolute; left:20px; top:50%; margin-top:-2px;}
.popup_allmenu #allmenu > li.promotion {padding-top:50px;}
.allMenuSubBx{display:none;}
.popup_allmenu .allMenuSubBx{display:block; padding:19px 0 19px 60px; background-color:#efefef;}
.popup_allmenu .allMenuSubBx:after{content:""; display:block; clear:both;}
.popup_allmenu .allMenuSubBx a{float:left; font-size:13px; color:#676767; margin-left:24px; padding-left:13px; position:relative;}
.popup_allmenu .allMenuSubBx a:first-child{margin-left:0;}
.popup_allmenu .allMenuSubBx a:after{content:""; display:block; width:3px; height:3px; background-color:#676767; position:absolute; left:0; top:50%; margin-top:-2px;}


.global_nav { display:none; position: absolute; right: 10px; top: 50%; margin-top:-0px;  -webkit-transform:translate(0, -50%); transform:translate(0, -50%);  -ms-transform: translate(0,-50%);}
.global_nav .lang {}
.global_nav button.btnAllmenu{ display: inline-block; vertical-align:middle;  width:32px; height:32px; overflow:hidden; text-indent:-9999px; background:url("/ko/front/image/common/gnb_btn.png") no-repeat 50% 50%; cursor:pointer;}
.global_nav button.btnAllmenu:after{content:""; display:block; width:32px; height:22px; background:url("/design/default/images/btn_all.png") no-repeat 50% 50%; margin:0 auto;}

.dim_bg{ position: fixed; left: 0; top: 0; opacity: 0.6; filter: alpha(opacity=60);  width: 100%; height: 100%; z-index:20; display: none; background-color:#000; z-index: 1211111111}

.lyDim{position:fixed; left:0%; top:0; width:100%; height:100%; background-color:#000; z-index:10000; cursor:pointer; display:none; opacity:.6}
.mobileGnbWrap{top:0 !important;  background:rgba(76,75,73,.6);  position:fixed; left:0; top:0; width:100%; height:100%; box-sizing:border-box;  z-index:29; overflow-y:auto; padding-top:0; padding-top:65px; display:none;}

.mobileGnbWrap .topMenuWrap{ background:#fff;   position:relative; box-sizing:border-box; }
.mobileGnbWrap .topMenuWrap .topMenuInner{ padding:10px; background-color:#f5f5f5; border-bottom:1px solid #dfdfdf; padding-right:0;}
.mobileGnbWrap .topMenuWrap .topMenuInner:after{content:""; display:block; clear:both;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea{ }
.mobileGnbWrap .topMenuWrap .topMenuInner .langBx{float:left;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton{height:30px; border:1px solid #dfdfdf; padding-left:44px; border-radius:50px; width:100px; position:relative; font-size:12px; color:#000; padding-top:2px; background:#fff; text-align:left}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton:after{content:""; display:block; width:9px; height:6px; background:url("/ko/front/image/common/lang_arr.png") no-repeat 0 0; position:absolute; right:10px; top:12px;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton.selKor:before{content:""; display:block; width:23px; height:16px; position:absolute; left:15px; top:50%; margin-top:-8px; background:url("/ko/front/image/common/lang_ko.png") no-repeat 0 0; background-size:23px 16px}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selLayer{display:none;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx {float:left; padding-left:3px; margin-top:-1px;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a {float:left; width:30px; height:30px; margin-left:1px; background-size:30px 30px !important}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-blog{background:url("/ko/front/image/common/sns_blog_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-facebook{background:url("/ko/front/image/common/sns_fb_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-youtube{background:url("/ko/front/image/common/sns_yt_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-naverCafe{background:url("/ko/front/image/common/sns_cf_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-instagram{background:url("/ko/front/image/common/sns_ig_m.png") no-repeat 0 0;}

.mobileGnbWrap .topMenuWrap .headSchBx {padding:10px 40px 10px 10px; background-color:#fff; position:relative;}
.mobileGnbWrap .topMenuWrap .headSchBx input[type="text"] { height:30px; line-height:30px; border:1px solid #dfdfdf; border-radius:50px; padding:0 10px; box-sizing:border-box; width:100%; vertical-align:top; box-sizing:border-box; }
.mobileGnbWrap .topMenuWrap .btnHeadSch{position:absolute; right:5px; top:10px; width:30px; height:30px; background:url("/ko/front/image/common/btn_top_sch_m.png") no-repeat 0 0; background-size:30px 30px;}


.mobileGnbWrap .btnMobleGnbClose{position:absolute; left:10px; top:20px; display:none;}
.mobileGnbWrap .btnMobleGnbClose:after{content:""; display:block; width:33px; height:33px; background:url("/ko/front/image/common/btn_gnb_close.png") no-repeat 0 0; background-size:33px 33px; }


.mobileGnbWrap .allmenu > li{border-bottom:1px solid #dfdfdf; text-align:center;}
.mobileGnbWrap .allmenu > li:first-child{border-top:none;}
.mobileGnbWrap .allmenu > li > a{display:block; font-size:14px;  font-weight:bold; color:#333333;  padding:19px 10px; background:#fff}
.mobileGnbWrap .allmenu > li.menu7{display:none;}
.mobileGnbWrap .sub-menu {display:none;}
.mobileGnbWrap li.on .sub-menu {display:block; border-top:1px solid #0c489d;}
.mobileGnbWrap .sub-menu {background-color:#f7f7f7; }
.mobileGnbWrap .sub-menu > li:first-child{margin-top:0;}
.mobileGnbWrap .sub-menu > li >a{display:block; font-size:14px; color:#444; padding:15px 0; border-top:1px solid #dfdfdf;}
.mobileGnbWrap .sub-menu > li.on >a{font-weight:bold; color:#07255d;}
.mobileGnbWrap .dep3 {margin-top:1px; padding-bottom:13px;}
.mobileGnbWrap .dep3  > li {margin-top:4px;}
.mobileGnbWrap .dep3  > li >a{display:inline-block; font-size:13px; color:#444; position:relative; padding-left:8px; letter-spacing:0;}
.mobileGnbWrap .dep3  > li >a:after{content:""; display:block; height:1px; width:4px; background-color:#828282; position:absolute; left:0; top:10px}
.mobileGnbWrap .dep3  > li.on >a{font-weight:bold; color:#333;}


.location_box{position:relative;  height:60px;  width:100%; margin-top:-0px; z-index: 21; background:#187338;}
.locationWrap{width:100%;}
.locationWrap.fixed{ position:fixed; left:0; top:75px; width:100%; background:#187338;}
.locationArea{ max-width:1180px; margin:0 auto; }
.locationArea .location{height:60px; display: table; table-layout: fixed; width:100%; background:#187338; z-index: 21}
.locationArea .location > li{display: table-cell; vertical-align:middle; position:relative;border-left:1px solid rgba(0, 0, 0, 0.1);}
.locationArea .location > li:first-child{ margin-left:0; border-left:none;}
.locationArea .location > li.home{width:60px;}
.locationArea .location > li.home > a{ background:url("/design/default/images/icn_home.png") no-repeat 50% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; display:block; line-height:60px; font-size:1.5rem; color:#fff; /*position:absolute; left:0; top:0;*/ width:100%; height:100%;}

.locationArea .location > li.locationLink > a{ background:url("/design/default/images/loca_arr_off.png") no-repeat 90% center;padding:0 50px 0 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; display:block; line-height:60px; font-size:1.5rem; color:#fff;}
.locationArea .location > li.locationLink > a.on{background:url("/design/default/images/loca_arr_on.png") no-repeat 90% center;}

.locationArea .location > li.locationLink .selectMenu{ position:absolute; left:-1px; top:60px; width:-webkit-calc(100% + 2px); width:calc(100% + 2px); border:1px solid #e9e9e9; border-top:0; background:#efefef;  display:none; }
.locationArea .location > li.locationLink .selectMenu.open{ display:block;}
.locationArea .location > li.locationLink .selectMenu li{ line-height:18px; border-top:1px solid #dfdfdf;}
.locationArea .location > li.locationLink .selectMenu li:first-child{border-top: none}
.locationArea .location > li.locationLink .selectMenu li a{ display:block;padding:17px 25px; text-decoration:none; font-size:15px; color:#252525;}

.locationArea .ringtBtn{ float:right;}
.locationArea .ringtBtn a{ display:block; float:left; margin-left:15px;}


@media all and (max-width:1200px) {
	#wrap{padding-top:65px;}
	.mainBody #wrap{padding-top:0;}
	.locationWrap{margin-top:0; height:35px; position: fixed; width:100%; top:65px !important;}
	.locationArea .location > li.home {width:32px;}
	.locationArea .location > li.home > a {background-size: 14px auto}
	.locationArea .location > li.null {display:none;}
	.locationArea .location{height:35px;}
	.locationArea .location > li.locationLink > a{line-height:35px; font-size:13px;background:url("/ko/front/image/common/loca_arr_off_m.png") no-repeat 94% center !important; background-size: 6px 10px !important; padding-left:10px; padding-right:14px; letter-spacing:-1px;}
	.locationArea .location > li.locationLink .selectMenu{top:35px;}
	.locationArea .location > li.locationLink .selectMenu li a{padding:10px 10px; font-size:13px;}
}


/* lang */
.lang_container {display: block;position: absolute;top: 35.5px;right: 100px;z-index: 551;-webkit-transition: top 300ms;transition: top 300ms;}
.lang_menu {display: block;}
.lang_menu li {float: left;}
.lang_menu li a {display: block;padding: 0 10.5px;position: relative;font-size: 12px;font-weight: 600;color: #222;}
.lang_menu li a:after {content: '';display: block;width: 1px;height: 8px;position: absolute;top: 50%;right: 0;margin-top: -4px;background: #c7c7c7;}
.lang_menu li:first-child a {padding-left: 0;}
.lang_menu li:last-child a {padding-right: 0;}
.lang_menu li:last-child a:after {display: none;}
.lang_menu li.active a {color: #1c9ad6;}


/* search */
.search_container {position: absolute;top: 38px;right: 50px;z-index: 551;-webkit-transition: top 300ms;transition: top 300ms;}
.search_btn {display: block;width: 20px;height: 20px;position: relative;}
.search_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 20px;line-height: 1;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
.search_btn:hover:after {color: #1c9ad6;}


/* mobile */
#small_menu_btn, #small_menu_close, #small_menu_overlay, #small_menu_container {display: none;}


/* minimize */
.minimize#header {height: 75px;top: 0 !important;box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
body.mo #header {box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
.minimize .header_wrap:before {left: 0;right: 0;}
body.mo .header_wrap:before {left: 0;right: 0;}
.minimize #logo a{top: 14px;}
.minimize #menu > li > a {padding: 22.5px 0/* 32.5px*/;}
.minimize .menu_container_bg {top: 75px;}
.minimize .lang_container {top: 28px;}
.minimize .search_container {top: 27.5px;}

/* single active */
.single-notice #menu > li.menu-item-promote > a, .single-career #menu > li.menu-item-career > a, .single-inquiry #menu > li.menu-item-career > a {color: #1c9ad6;}
.single-notice #menu > li > ul > li.menu-item-news > a, .single-career #menu > li > ul > li.menu-item-employment > a, .single-inquiry #menu > li > ul > li.menu-item-career-inquiry > a {color: #fff;}

/* 다국어 예외처리 */
html:not([lang="ko"]) .search_container {display: none;}
html:not([lang="ko"]) .lang_container {right: 50px;}

/* scroll hide menu error debugging */
body.search_open #header, body.open_menu #header {-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;}

.go_top {display: block;width:59px;height: 59px;position: absolute;top: -22px;right: 90px;cursor: pointer;background: #222;-webkit-transition: opacity 0.3s, background 0.3s;transition: opacity 0.3s, background 0.3s;z-index: 999;}
.go_top:after {display: block;width:100%;height: 100%;position: absolute;top: 0;left: 0;font-family: '';content: '\e900';font-size: 14px;line-height: 59px;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
.go_top:hover {background: #1c9ad6;}
.go_top.js_go_top_fix {position: fixed;top: inherit;bottom: 15px;}
.go_top.js_go_top_hide {opacity: 0;z-index: -1; visibility:hidden;}

@media all and (max-width:1550px) {
	 .go_top {right: 60px;}
}

@media all and (max-width:1400px) {
}


.scroll_down {display: none;width:76px;height: 76px;position: absolute;bottom: 30px;left: 50%;margin-left: -38px;z-index: 120;-webkit-transition: background 300ms;transition: background 300ms;}
.scroll_down > svg {width:76px;height: 76px;position: absolute;top: 0;left: 0;}
.scroll_down:after {display: block; content:""; border: solid #fff; border-width:0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; left:50%; top:50%; width:8px; height:8px; margin: -8px 0 0 -8px;}
.scroll_down:hover {background: #ffffff;background: rgba(255, 255, 255, .15);}
.scroll_down span { position: absolute;height: 1px; width:1px;  overflow: hidden; clip: rect(1px 1px 1px 1px);}


/* **************************************** *
 * SEARCH
 * **************************************** */

/*body.search_open {overflow: hidden;}*/
.search_open #logo {z-index: 10000;}
#search_popup {display: none;width:100%;padding-left: 90px;padding-right: 90px;position: fixed;top: 0;left: 0;right: 0;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, .12);z-index: 10000;}
.search_popup_inner {width:100%;height: 100%;padding: 0 125px 0 250px;position: relative;}
.search_form {width:100%;height: 100%;max-width:1200px;margin: 0 auto;padding: 59px 0 49px 0;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.search_label {display: block;padding-bottom: 18px;font-size: 16px;color: #666;-webkit-transition: padding 300ms;transition: padding 300ms;}
.search_form_input {width:100%;height: 80px;position: relative;}
.search_form_input:after {content: '';display: block;width:0px;height: 4px;position: absolute;bottom: 0;left: 0;background: #222;-webkit-transition: width 400ms ease;transition: width 400ms ease;}
.search_field {font-size: 34px;font-weight: lighter;line-height: 1;color: #222;}
.search_form input.search_field {display: block;width:100%;height: 100%;padding: 0 50px 0 0;position: relative;border: none;background: transparent;outline: none;border-bottom: 4px solid #ddd;}
.search_field::-ms-clear {display: none;width:0;height: 0;}
.search_submit {height: 100%;width:32px;padding: 0;position: absolute;right: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.search_submit .fa-search {display: block;width:100%;height: 100%;position: absolute;top: 0;left: 0; font-size: 33px;line-height: 80px; text-align: center;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.search_form.active .search_form_input:after {width:100%;}
.search_form.active .search_submit .fa-search {color: #222;-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.search_popup_close {display: none;width:50px;height: 50px;position: absolute;top: 45px;right: 35px;opacity: 1;-webkit-transition: top 300ms;transition: top 300ms;}
/*.search_popup_close:after {display: block;width:100%;height: 100%;font-family: '';content: '\e944';font-size: 32px;font-weight: normal;text-align: center;line-height: 50px;color: #222;}*/
.search_popup_close .fas {display: block;width:100%;height: 100%; font-size: 32px; text-align: center; line-height: 50px;color: #222;}
.minimize .search_form {padding-top: 30px;padding-bottom: 40px;}
.minimize .search_label {padding-bottom: 8px;}
.minimize .search_popup_close {top: 16px;}

/* view */
.main_container {min-width: 1241px;}
.search .main_container {background: #f7f7f7;}
.search .jt_pagination {margin-top: 25px;}
.search_info {padding-bottom: 26px;}
.search_info p {font-size: 16px;color: #222;}
.search_info p span {color: #1c9ad6;}
.search_list > li {float: left;width:23.5%;height: 294px;margin-right: 2%;margin-bottom: 2%;background: #fff;box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, .05);}
.search_list > li:nth-child(4n) {margin-right: 0;}
.search_list > li:nth-child(4n+1) {clear: both;}
.search_list > li > a {display: block;width:100%;height: 100%;padding: 34px 29px;position: relative;}
.search_list > li > a:after {content: '';display: block;width:100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #222;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.search_data {width:100%;height: 100%;position: relative;}
.search_data .search_tax {display: block;font-size: 16px;color: #888;}
.search_data .search_title {margin: 11px 0 9px;font-size: 21px;line-height: 1.42;color: #222;max-height: 2.84em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_data .search_desc {font-size: 16px;line-height: 1.75;color: #666;max-height: 3.50em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_data .search_date {display: block;position: absolute;left: 0;bottom: 0;font-size: 16px;color: #666;}
.search_list > li > a:hover:after {opacity: 1;}
.search_nodata {padding: 120px 0;text-align: center;background: #fff;border: 1px solid #ddd;}
.search_nodata p {font-size: 16px;line-height: 1.75;color: #222;}


@media all and (min-width:1921px) {
	.full_bg_section {background-size: 100% 100%;}
}

@media all and (max-width:1280px) {	
	#menu > li {padding:0 20px;}
	#logo a{left:20px;}
	.global_nav{right:20px;}	
}

@media all and (max-width:1050px) {
	#menu{}
	#menu > li {padding:0 10px;}
	#menu > li > a{font-size:15px;}
	#menu > li > ul > li > a{font-size:14px;}
	#menu > li > ul > li .dep3 {padding-left:15px; padding-right:15px;}
	#menu > li > ul > li .dep3 a{font-size:13px;}
}

@media all and (max-width:860px) {
	#logo a {width: 155px; height: 42px; top: 16px; background-size:cover; border:1px solid #fff;}
	#menu {padding: 0 0px 0 180px;}
	#menu > li {padding:0 10px;}
	#menu > li > a{font-size:14px;}
	#menu > li > ul > li > a{font-size:12px;}
}
@media all and  (max-width:777px) {
	.menu_container {height:65px;}
	.menu_container #menu{display:none;}
	.header_wrap{padding:0;}
	#header{top:0 !important; height:65px !important;}
	.minimize#header{height:65px;}
	.menu_container_bg{display:none;}
	#logo a{top:16px !important; width:90px; height:26px; background: url(/design/default/images/logo.png) no-repeat 0 0; background-size: cover; }
	.global_nav { display:block;}
	.global_nav button.btnAllmenu:after{ width:20px; height:15px; background-size:cover; }
	.global_nav .nav_item li {margin-right:15px;}
	.global_nav .nav_item li a{font-size:12px;}	
	.menu_container .lang {position: absolute; right:65px; top:24px;}
}

/* Search */
.search_submit:hover:after { color: #109ad6;}
.search_submit:after { -webkit-transition: 300ms; transition: 300ms;}
.search_popup_close span:after{ -webkit-transition: 300ms; transition: 300ms;}
.search_popup_close:hover span:after{ -webkit-transform: scale(0.9) rotate(0.05deg); -ms-transform: scale(0.9) rotate(0.05deg); transform: scale(0.9) rotate(0.05deg);}




/* ***************** */
/* MAIN */
/* ***************** */

.main_section {padding: 105px 0 120px;}
.main_section_title {display: block;padding-bottom: 66px;font-size: 40px;font-weight: 300;line-height: 1.25;text-align: center;color: #222; font-weight:400;}
/* Video quick debug */

.main_section video { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0);}

/* Load motion */

.main_visual_item_01 .main_visual_bg{-webkit-transform: translateZ(0) scale(1.1);transform: translateZ(0) scale(1.1); -webkit-transition: 1800ms; transition: 1800ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */}

.first_bg_loaded .main_visual_item_01 .main_visual_bg {-webkit-transform: translateZ(0) scale(1);transform: translateZ(0) scale(1);}

/* floating card motion */

.jt_card { -webkit-perspective: 700px; perspective: 700px; }

.jt_card img { -webkit-transition: opacity 0.4s, -webkit-transform 1.2s cubic-bezier(.03, .44, .47, .99); transition: opacity 0.4s, -webkit-transform 1.2s cubic-bezier(.03, .44, .47, .99); transition: transform 1.2s cubic-bezier(.03, .44, .47, .99), opacity 0.4s; transition: transform 1.2s cubic-bezier(.03, .44, .47, .99), opacity 0.4s, -webkit-transform 1.2s cubic-bezier(.03, .44, .47, .99); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; -webkit-transform: translate3d(0, 50%, 100px) rotateX(10deg); transform: translate3d(0, 50%, 100px) rotateX(10deg); opacity: 0; }

.jt_card.jt_animate img { -webkit-transform: translate3d(0, 0, 0) rotateX(0deg); transform: translate3d(0, 0, 0) rotateX(0deg); opacity: 1; }

.main_chemical_list li:nth-child(2) .jt_card img{ -webkit-transition-delay:300ms; transition-delay:300ms}

.main_chemical_list li:nth-child(3) .jt_card img{ -webkit-transition-delay:600ms; transition-delay:600ms}

/* move to sub.css*/

.about_history { position: relative; z-index: 2; }

.about_banner:after { content: ""; height: 100%; width:100%; display: block; background: #fff; position: absolute; bottom: -100%; }

.irregular_grid_img { z-index: 1; }

/* about motion */

html:not(.mobile) .about_banner_pic { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); -webkit-transition: -webkit-transform 1.8s cubic-bezier(.03, .44, .33, 1.18); transition: -webkit-transform 1.8s cubic-bezier(.03, .44, .33, 1.18); transition: transform 1.8s cubic-bezier(.03, .44, .33, 1.18); transition: transform 1.8s cubic-bezier(.03, .44, .33, 1.18), -webkit-transform 1.8s cubic-bezier(.03, .44, .33, 1.18); }

html:not(.mobile) .about_banner_pic img { opacity: 0; -webkit-transition: opacity .8s; transition: opacity .8s; }

html:not(.mobile) .about_banner_pic.jt_animate { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

html:not(.mobile) .about_banner_pic.jt_animate img { opacity: 1; }

/* fix splittext plugin wrong break line */

.jt_animate_txt{ white-space: nowrap; }

html.ie .jt_animate_subtitle,
html.ie .jt_animate_title,
html.ie .jt_animate_txt{-webkit-transform:translateZ(0) rotate(0.1deg);transform:translateZ(0) rotate(0.1deg)}

/* Main slideshow */

.main_visual{ overflow: hidden;}

#lighthouse_light {opacity:0; background: url(../images/main/light.png) center center no-repeat; content: ""; display: block; position: absolute; width:92px; height: 91px; top: 50%;left: 50%; margin-top: -67px; margin-left: 13px; -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;}

.main_visual_item_01 .main_visual_bg canvas{ opacity:0}

.load .main_visual_item_01 .main_visual_bg canvas{ opacity:1}

.main_visual_item_01 .main_visual_bg { background-image: url(../images/main/main-visual-01-motion.jpg);}

html:not(.mobile) .main_visual_item_01 .main_visual_bg.main_visual_lighthouse_fg { background-image: url(../images/main/main-visual-01-fg-motion.png);}

#jt_light_blink { width:100%; height: 100%; background: -webkit-radial-gradient(center ellipse, #000000 0%, #000000 100%); background: radial-gradient(ellipse at center, #000000 0%, #000000 100%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%); }

.main_visual_item_03 video {left: 50%; top: 50%; position: absolute;  -ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); min-width:100%; min-height: 100%; width:auto; height: auto;}

.main_visual_item_01 .wrap{ visibility:hidden;}

.main_visual_item{background: #222;}

html.ie .main_visual_item h2,
html.ie .main_visual_item span {-webkit-transform: rotate(0.1deg);-ms-transform: rotate(0.1deg);transform: rotate(0.1deg)}

/* Main business force motion */

.main_business b{ display:block;}

/* Main business force motion */

.main_chemical_img {  position: relative; z-index: 2;}

/* Main recruit */

.main_info_recruit:after{ display:none}

.main_info_recruit { position: relative;}

.main_info_recruit:after { content: ""; display:block; position: absolute; bottom: -60px; height: 60px; background: #fff;  width:100%;}

/* ***************** */

/* SUB */

/* ***************** */

html.ie .article_title,
html.ie .article_desc,
html.ie .article_sub_title{-webkit-transform: rotate(0.05deg);-ms-transform: rotate(0.05deg);transform: rotate(0.05deg);}

html:not(.mobile) .article_sub_title > div,
html:not(.mobile) .article_title > div,
html:not(.mobile) .article_desc > div {opacity: 0;}

html:not(.mobile) .article_title:after{opacity:0; -webkit-transition: 1200ms; transition:1200ms}

html:not(.mobile) .article_title.completed:after{opacity:1;}

.article_header{ overflow:hidden;}
.article_header .full_wrap{padding-left:0; padding-right:0; margin:0 auto;}

.article_header_bg{-webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg);transform: translateZ(0) scale(1.1) rotate(0.1deg); -webkit-transition: 1800ms; transition: 1800ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* easeOutQuart */}

.bg_loaded .article_header_bg{-webkit-transform: translateZ(0) scale(1) rotate(0deg);transform: translateZ(0) scale(1) rotate(0deg);}





/* value */

.strategy_plan li img{ opacity:0}

.strategy_plan li{background: center top no-repeat;background-size:cover;}

.strategy_plan li:nth-child(1) { background-image : url(../images/sub/value/strategy-01.jpg)}

.strategy_plan li:nth-child(2) { background-image : url(../images/sub/value/strategy-02.jpg)}

.strategy_plan li:nth-child(3) { background-image : url(../images/sub/value/strategy-03.jpg)}

.strategy_plan li:nth-child(4) { background-image : url(../images/sub/value/strategy-04.jpg)}


/* network */
.point_pulse {display: block;width:100%;height: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);background: #c4102f;background: rgba(196, 16, 47, .6);border: 1px solid #c4122e;border-radius: 100%;}


/* environment */
.environment_banner:after { position: absolute; display: block; bottom: -250px; height: 250px; background: white;  width:100%; left: 0; content: "";}


.article_header {width:100%;  height: 300px; position: relative;text-align: left; margin-top:120px;}
.article_header_bg {position:absolute; top:0; bottom:0; left:0; right:0; background:no-repeat center center; background-size:cover; }
.article_header_bg.sv01{background-image: url(/design/default/images/sv01.jpg);}
.article_header_bg.sv02{background-image: url(/design/default/images/sv02.jpg);}
.article_header_bg.sv03{background-image: url(/design/default/images/sv03.jpg);}
.article_header_bg.sv04{background-image: url(/design/default/images/sv04.jpg);}
.article_header_bg.sv05{background-image: url(/design/default/images/sv05.jpg);}
.article_header_bg.sv06{background-image: url(/design/default/images/sv06.jpg);}
.article_header_bg canvas { position: absolute;left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);  top: 0;}
.article_header_inner {height:300px; position: relative; }
.article_header_table {display: table;width:100%;height: 100%;}
.article_header_cell {display: table-cell;width:100%;vertical-align: middle; text-align:center;}
.article_header_cell .wrap{background:rgba(24, 115, 56, 0.7); width:90%; margin:0 auto; max-width:700px; padding:20px 0;}
.article_title {padding: 0px 0 20px;position: relative;font-size: 90px;line-height: 1;font-weight: 200;color: #fff;}
.article_title:after {content: '';display: block;width:30px;height: 1px;position: absolute;left: 50%;bottom: 0;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.article_sub_title {font-size: 3.4rem;font-weight: 200; color: #eedfaf; display:inline-block; text-transform:uppercase; font-family: 'NanumSquare'; }
.article_desc { font-size: 2.4rem;letter-spacing: 0;line-height: 1.5;color: #fff; font-weight:200; text-transform:uppercase; font-family: 'NanumSquare'; }
.article_desc strong{font-weight:600;}
.article_title.secondary {padding-top: 0;}
.article_sub_title.secondary {display: block;padding-bottom: 7px;margin-left: 0;position: relative;font-size: 80px;letter-spacing: 0;}
.article_sub_title.secondary:after {content: '';display: block;width:30px;height: 1px;position: absolute;left: 50%;bottom: 0;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.article_basic_header {padding: 195px 0 75px;}
.article_basic_header h1 {margin-left: 0.2em;font-size: 51px;font-weight: 200;line-height: 1.25;letter-spacing: 0.2em;text-align: center;color: #222;}
@media (max-width:767px) {
	.article_header {margin-top: 65px !important; text-align: center; height: 180px;}
	.article_header_inner {height:180px; padding-top:30px;}
	.location_box{background:none; height:0;}

	.article_header_cell .wrap{padding:10px 0;}
	.article_desc { font-size: 1.8rem;}
	.article_desc, .enM { font-size: 1.5rem;}
}

/* PAGE NAV */
.article_nav {width:100%;height: 47px;position: absolute;left: 0;top: 50%;margin-top: -80px;z-index: 1;}
.article_nav_btn {display: block;height: 100%;position: absolute;top: 0;color: #fff;}
.article_nav_btn:after {content: '';display: table;clear: both;}
.article_nav_pic {width:47px;height: 100%;position: relative;text-indent:-9999px; line-height:0;border: 2px solid #ffffff;border: 2px solid rgba(255, 255, 255, .3);border-radius: 50%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border-color .5s, -webkit-transform .5s;transition: border-color .5s, -webkit-transform .5s;transition: border-color .5s, transform .5s;transition: border-color .5s, transform .5s, -webkit-transform .5s;}
.article_nav_pic:after {display: block;width:100%;height: 100%;position: absolute;content: '';background: no-repeat center center;-moz-box-sizing: border-box;box-sizing: border-box;}
.article_nav_pic:before {content: '';display: block;width:46px;height: 1px;position: absolute;top: 50%;margin-top: -0.5px;background: #fff;-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);transition: all .5s cubic-bezier(.165, .84, .44, 1);-moz-box-sizing: border-box;box-sizing: border-box;}
.article_nav_btn:hover .article_nav_pic { -webkit-transform: scale(0.9) rotate(0.05deg); -ms-transform: scale(0.9) rotate(0.05deg); transform: scale(0.9) rotate(0.05deg);}
.article_nav_btn .article_nav_pic {-webkit-transform: rotate(0.05deg);-ms-transform: rotate(0.05deg);transform: rotate(0.05deg);}
.article_nav_title {width:120px;height: 100%;opacity: 0;-webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1);transition: all .2s cubic-bezier(.165, .84, .44, 1);}
.article_nav_table {display: table;width:100%;height: 100%;}
.article_nav_cell {display: table-cell;vertical-align: middle;}
.article_nav_title p {font-size: 16px;font-weight: 400;line-height: 1.25;color: #fff;}
.article_nav_title p span {display: inline-block;padding: 0 2px;}
.article_nav_pre {left: 0;}
.article_nav_pre .article_nav_pic, .article_nav_pre .article_nav_title {float: left;}
.article_nav_pre .article_nav_pic:after {background-image: url(../images/icon/icon-arrow-left.svg);}
.article_nav_pre .article_nav_pic:before {left: 20px;}
.article_nav_pre .article_nav_title {margin-left: 15px;text-align: left;-webkit-transform: translateX(8px);-ms-transform: translateX(8px);transform: translateX(8px);}
.article_nav_next {right: 0;}
.article_nav_next .article_nav_pic, .article_nav_next .article_nav_title {float: right;}
.article_nav_next .article_nav_pic:after {background-image: url(../images/icon/icon-arrow-right.svg);}
.article_nav_next .article_nav_pic:before {right: 20px;}
.article_nav_next .article_nav_title {margin-right: 15px;text-align: right;-webkit-transform: translateX(-8px);-ms-transform: translateX(-8px);transform: translateX(-8px);}
.article_nav_btn:hover .article_nav_pic {border-color: #fff;}
.article_nav_btn:hover .article_nav_pic:before {width:0px;-webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);transition: all .2s cubic-bezier(.645, .045, .355, 1);}
.article_nav_btn:hover .article_nav_title {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 1;-webkit-transition-delay: 200ms;transition-delay: 200ms;}




/* BREADCRUMB */
.article_breadcrumbs {height: 159px;margin-top: -159px;position: relative; box-sizing: border-box; min-width:auto !important;}
.article_breadcrumbs .wrap{width:auto;}

.article_breadcrumbs_inner {background: #fff;}

.breadcrumb {padding: 59px 30px 60px;}
.breadcrumb:after {content:""; display:block; clear:both;}

.breadcrumb li {float: left;position: relative; padding-right:18px; margin-right:10px;}
.breadcrumb li:after{content:""; display:block; width:6px; height:9px; background: url(/ko/front/image/common/icn_breadcrumb_arr.png) no-repeat 0 0; position:absolute; right:0; top:7px;}
.breadcrumb li:last-child:after{display:none;}

.breadcrumb li a, .breadcrumb li span {display: block;font-size: 15px;font-weight: 400;line-height: 1.4;color: #666;-webkit-transition: color 300ms;transition: color 300ms; position:relative;}

.breadcrumb li a:hover {color: #2e87cc;}

.breadcrumb li.separator {padding: 0 5px;}

.breadcrumb li.separator span:after {display: block;font-family: '';content: '\e93b';font-size: 10px;font-weight: normal;line-height: 22px;color: #aaa;}

.breadcrumb li.home {}

.breadcrumb li.home a {padding-left:14px; overflow:hidden; text-indent: -9999px;}

.breadcrumb li.home a:after {display: block; content:""; width:14px; height:13px; background: url(/ko/front/image/common/icn_breadcrumb_home.png) no-repeat 0 0; position:absolute; left:0; top:3px;}

.breadcrumb li.home + li.separator {display: none;}

@media (max-width:1280px) {/*
	.breadcrumb {padding: 35px 0 33px; border-bottom: 1px solid #eee;}
*/}
@media (max-width:767px) {/*
	.article_breadcrumbs {margin-bottom: 30px;}
    .breadcrumb {padding: 22px 0 20px;}
    .breadcrumb li a, .breadcrumb li span {font-size: 14px;}
    .breadcrumb li.home {margin-right: 7px;}
    .breadcrumb li.home a:after {font-size: 14px;line-height: 19px;}
    .breadcrumb li.separator {padding: 0 3px;}
    .breadcrumb li.separator span:after {line-height: 20px;}
*/
}


/* PC POPUPS */

/* basic popup style */
#jt-easy-popup-container .jtpop-page {position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99999; background:#000; display:none;} 
#jt-easy-popup-container .jt-popup img {box-shadow: 10px 10px 50px #1a1a1a; cursor:move; margin:0;}
#jt-easy-popup-container .jt-popup p {line-height:0;}
#jt-easy-popup-container .jt-popup a {line-height:0;}
#jt-easy-popup-container .jt-popup a:hover {opacity:1;}
#jt-easy-popup-container .jt-popup a img {cursor:pointer;}
#jt-easy-popup-container .jt-popup a:hover img {opacity:1;}

#jt-easy-popup-container .jt-popup img.img_radius_5 {border-radius:5px;}
#jt-easy-popup-container .jt-popup img.img_radius_10 {border-radius:10px;}
#jt-easy-popup-container .jt-popup img.img_radius_15 {border-radius:15px;}

#jt-easy-popup-container .jtpop-bgs{position:absolute; top:0px; left:0px; z-index: 100000; display:none; line-height:0;}
#jt-easy-popup-container .popup_footer{position:absolute; bottom:0px; left:13px; height:25px;}
#jt-easy-popup-container .notoday {display:inline-block;}
#jt-easy-popup-container .notoday p {font-family: '돋움', 'Dotum', sans-serif; font-size:12px; margin:0; cursor:pointer; line-height:1; display:inline-block; z-index:100004;}
#jt-easy-popup-container .notoday p i {font-size:14px; float:left; margin:0px 4px 0 0;}
#jt-easy-popup-container .notoday .close_today_black {color:#242424;}
#jt-easy-popup-container .notoday .close_today_white {color:#f2f2f2;}

#jt-easy-popup-container .popclose {position:absolute; top:4px; right:15px; cursor:pointer; padding:0; z-index:100004;}
#jt-easy-popup-container .popclose p {font-size:26px; margin:0; line-height:1.5;}
#jt-easy-popup-container .popclose .close_black {color:#242424;}
#jt-easy-popup-container .popclose .close_white {color:#f2f2f2;}
#jt-easy-popup-container .popclose .close_black_white_mobile {color:#f2f2f2;}



/* basic popup style2 */
#jt-easy-popup-container .style2 .jt-popup > div {line-height:0;}
#jt-easy-popup-container .style2 .jt-popup img {border-radius:0; padding-bottom:15px;}
#jt-easy-popup-container .style2 .popup_footer {left:0; bottom:-15px; background:#000; height:30px; width:100%;}
#jt-easy-popup-container .style2 .popclose {top:inherit; bottom:-9px; z-index:10; right:10px;}
#jt-easy-popup-container .style2 .popclose p {font-size:20px; line-height:1;}
#jt-easy-popup-container .style2 .notoday p {margin:9px 0 0 10px; line-height:1;}
#jt-easy-popup-container .style2 .notoday p i {margin:-1px 4px 0 0;}

#jt-easy-popup-container .style2 .jt-popup img.img_radius_5 {border-top-left-radius:5px; border-top-right-radius:5px; margin-top:-3px;}
#jt-easy-popup-container .style2 .jt-popup img.img_radius_10 {border-top-left-radius:10px; border-top-right-radius:10px; margin-top:-6px;}
#jt-easy-popup-container .style2 .jt-popup img.img_radius_15 {border-top-left-radius:15px; border-top-right-radius:15px; margin-top:-10px;}

#jt-easy-popup-container .style2 .footer_radius_5 {border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#jt-easy-popup-container .style2 .footer_radius_10 {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#jt-easy-popup-container .style2 .footer_radius_15 {border-bottom-left-radius:15px; border-bottom-right-radius:15px;}



/* no - shadow */
#jt-easy-popup-container .noshadow .jt-popup img {box-shadow:none !important;}
#jt-easy-popup-container .noshadow.style2 {box-shadow:none !important;}



/* mobile popup style */ 
#jt-easy-popup-container .mobile_close {position:fixed; top:0; right:3%; line-height:35px; font-size:24px; height:40px; z-index:100004; color:#fff; display:none;}
#jt-easy-popup-container.mobile .mobile_popup .jt-popup > div > p {margin-bottom:0;}



/* mobile popup slider */
#jt-easy-popup-container .popup_bullet {position:fixed; top:0; left:3%; width:100%; height:40px; line-height:40px; text-align:left; z-index:100002; display:none;}
#jt-easy-popup-container.mobile .popup_bullet {/*display:block;*/}
#jt-easy-popup-container.mobile .popbullet {display:none; width:12px; height:12px; border-radius:6px; background:#fff; margin:0 5px; line-height:30px;}
#jt-easy-popup-container.mobile .popbullet:first-child {margin-left:0;}
#jt-easy-popup-container.mobile .popbullet.view {background-color:#00bcb4;}


/* **************************************** *
 * BUTTON
 * **************************************** */

/* Default */

.jt_btn {display: inline-block;min-width:180px;padding: 21px 29px;position: relative; font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1;border: 1px solid transparent;border-radius: 0px;background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); border-radius: 51px; vertical-align: top}

.jt_btn[lang="en"] {padding: 16.5px 29px;font-size: 15px;letter-spacing: 0.05em; font-weight: 500;}

.jt_btn span {position: relative; line-height:1; vertical-align:top;}

.jt_btn:before {content: '';display: block;width:120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.jt_btn.hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

/* basic style */

.jt_basic_btn {text-align: center;}

.jt_basic_btn.primary {color: #222;border-color: #222;}

.jt_basic_btn.primary:before {background: #222;}
.jt_basic_btn.orange:hover{border-color:#f7931d;}
.jt_basic_btn.orange:before {background: #f7931d;}

.jt_basic_btn.primary:hover {color: #fff;}

.jt_basic_btn.secondary {color: #fff;border-color: #fff;}

.jt_basic_btn.secondary:before {background: #fff;}

.jt_basic_btn.secondary:hover {color: #222;}

/* icon style */

.jt_icon_btn {color: #222;border-color: #222;}

.jt_icon_btn:before {background: #222;}

.jt_icon_btn span {display: block;}

.jt_icon_btn span:after {display: block;width:20px;height: 20px;position: absolute;top: 50%;margin-top: -9px;font-family: '';font-weight: normal;line-height: 20px;text-align: center;-webkit-transition: color 0s cubic-bezier(.52, .08, .18, 1) 0s;transition: color 0s cubic-bezier(.52, .08, .18, 1) 0s;}

.jt_icon_btn:hover {color: #fff;}

.jt_icon_btn:hover span:after {color: #fff;-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);transition: color .55s cubic-bezier(.52, .08, .18, 1);}

.jt_icon_btn.primary span {padding-right: 32px;}

.jt_icon_btn.primary span:after {right: 0;}

.jt_icon_btn.secondary {min-width:inherit;padding-left: 20px;padding-right: 20px;}

.jt_icon_btn.secondary span {padding-left: 19px;}

.jt_icon_btn.secondary span:after {left: -5px;}

.jt_icon_enter span:after {content: '\e930';font-size: 19px;}

.jt_icon_download span:after {content: '\e92f';font-size: 19px;margin-top: -11px;}

.jt_icon_check span:after {content: '\e935';font-size: 12px;}

.jt_icon_remove span:after {content: '\e92e';font-size: 10px;}

.jt_icon_arrow span:after {content: '\e903';font-size: 12px;}

.jt_icon_list span:after {content: '\e92d';font-size: 10px;}

.jt_icon_open span:after {content: '\e931';font-size: 19px;}

.jt_icon_back span:after {content: '\e934';font-size: 13px;}

/* **************************************** *
 * FORM
 * **************************************** */

/* label */

.jt_label {display: inline-block;position: relative;vertical-align: middle;font-size: 16px;line-height: 1;font-weight: 600;color: #222;}

/* input */

.jt_form_field {display: inline-block;width:350px;height: 50px;padding: 8px 18px;vertical-align: middle;font-size: 16px;color: #666;border: 1px solid #f5f5f5;border-radius: 0px;background: #f5f5f5;-webkit-transition: border 300ms, background 300ms;transition: border 300ms, background 300ms;}

textarea.jt_form_field {height: 194px;padding: 14px 18px;overflow: auto;resize: none;}

.jt_form_field:focus {border-color: #1c9ad6;background-color: #fff;}

/* input block */

.jt_form_block_field {display: block;}

/* input block + width:100% */

.jt_form_full_field {display: block;width:100%;}

/* input 설명글 */

.explain {display: block;margin-top: 10px;padding-left: 12px;position: relative;font-size: 14px;color: #666;}

.explain:before {content: '';display: block;width:4px;height: 4px;position: absolute;top: 8px;left: 0;background: #1c9ad6;}

/* file 커스텀 */

.jt_file_upload_input {width:-webkit-calc(100% - 160px);width:calc(100% - 160px);background: #f8f8f8;cursor: pointer;}

.jt_file_upload_button {display: inline-block;width:150px;height: 50px;margin-left: 10px;padding: 0;vertical-align: top;font-family: 'NotoSansKR', sans-serif;font-size: 16px;font-weight: 400;text-align: center;color: #fff;outline: none;border: none;background: #aaa;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;}

label.jt_file_upload_button {line-height: 50px;}

.jt_file_upload_button:hover {background: #888;}

/* icheck */

div[class^="icheckbox"] > input,
div[class^="iradio"] > input {left: 0;}

div[class^="icheckbox"] + span,
div[class^="iradio"] + span {display: inline-block;padding-left: 9px;vertical-align: middle;cursor: pointer;font-size: 16px;font-weight: 400;color: #666;}

/* selectric */

.selectric {width:177px;text-align: left;background: #f5f5f5;border: 1px solid #f5f5f5;-webkit-transition: border 300ms, background 300ms;transition: border 300ms, background 300ms;}

.selectric-hover .selectric, .selectric-focus .selectric {border-color: #f5f5f5;}

.selectric .label {height: 48px;margin: 0 36px 0 18px;font-size: 16px;line-height: 48px;font-weight: 400;color: #666;}

.selectric .button {width:36px;height: 48px;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}

.selectric .button:after {width:100%;font-family: '';content: '\e911';font-size: 10px;color: #212121;border: none;}

.selectric-items ul, .selectric-items li {width:100%;font-size: 15px;}

.selectric-items {background: #fff;border: none;box-shadow: none;opacity: 0;-webkit-transition: all 0.4s;transition: all 0.4s;}

.selectric-items ul {margin: 0;padding: 0;text-align: left;}

.selectric-items li {padding: 13.5px 18px;color: #666;border: solid #e6e6e6;border-width:0 1px 1px 1px;-webkit-transition: background 300ms;transition: background 300ms;}

.selectric-items li:hover {background: #eef9ff;}

.selectric-items li.selected {background: #1c9ad6;border-color: #1c9ad6;color: #fff;}

.selectric-open .selectric {background: #fff;border-color: #1c9ad6;}

.selectric-open .selectric .button {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

.selectric-open .selectric-items {opacity: 1;}

/* 약관동의 */

.jt_agree_rule:after {content: '';display: table;clear: both;}

.jt_agree_rule h2 {padding-bottom: 26px;font-size: 20px;line-height: 1.4;font-weight: 600;color: #222;}

.jt_agree_rule .nicescroll_area_outer {height: 333px;}

.jt_agree_check {padding: 27px 0 34px;text-align: right;}

.jt_agree_check > fieldset > b {padding-right: 34px;vertical-align: top;font-size: 16px;font-weight: 600;color: #222;}

.jt_agree_check > fieldset > b > span {color: #1c9ad6;}

.jt_agree_check_field {display: inline-block;}

/* horizontal_form */

ul.jt_horizontal_form {display: table;width:100%;position: relative;}

ul.jt_horizontal_form:before {content: '';display: block;width:100%;height: 5px;position: absolute;top: -5px;left: 0;background: url(../images/layout/line.png) no-repeat center center;}

ul.jt_horizontal_form > li {display: table-row;width:100%;font-size: 0;}

ul.jt_horizontal_form > li > div {display: table-cell;vertical-align: top;border-bottom: 1px solid #ddd;}

ul.jt_horizontal_form > li > div:first-child {width:9%;padding: 36px 0 0 29px;}

ul.jt_horizontal_form > li > div:first-child + div {width:91%;padding: 20px 30px;}

.jt_horizontal_select_wrap {display: inline-block;width:177px;margin-left: 10px;vertical-align: top;}

.jt_horizontal_select_wrap .wpcf7-form-control-wrap {width:100%;}

.jt_horizontal_select_wrap .selectric {width:100%;}

/* control */

.jt_form_control {padding-top: 40px;text-align: right;}

.jt_form_control_btn_wrap {display: inline-block;position: relative;vertical-align: middle;border: 1px solid #222;background: transparent;overflow: hidden;}

.jt_form_control_btn_wrap:before {content: '';display: block;width:120%;height: 100%;position: absolute;left: 0;top: 0;background: #222;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);transition: transform .55s cubic-bezier(.52, .08, .18, 1);transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.jt_form_control_btn_wrap > i {display: block;position: relative;font-style: normal;}

.jt_form_control_btn_wrap > i:after {display: block;width:20px;height: 20px;position: absolute;top: 50%;right: 27px;margin-top: -9px;font-family: '';content: '\e903';font-weight: normal;font-size: 12px;line-height: 20px;text-align: center;-webkit-transition: color 0.3s cubic-bezier(.52, .08, .18, 1) 0s;transition: color 0.3s cubic-bezier(.52, .08, .18, 1) 0s;}

.jt_form_control_btn_wrap.secondary > i:after {content: '\e935';}

.jt_form_control_btn_wrap input[type="submit"] {display: inline-block;min-width:178px;margin: 0;padding: 21px 29px;position: relative;font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1;text-align: left;color: #222;background: none;border: none;outline: none;-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);transition: color .55s cubic-bezier(.52, .08, .18, 1);cursor: pointer;z-index: 10;}

.jt_form_control_btn_wrap:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

.jt_form_control_btn_wrap:hover input[type="submit"] {color: #fff;}

.jt_form_control_btn_wrap:hover > i:after {color: #fff;-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);transition: color .55s cubic-bezier(.52, .08, .18, 1);}

/* field detail */

.contact_row_name .wpcf7-form-control-wrap {width:350px;}

.contact_row_tel .wpcf7-form-control-wrap {width:119px;}

.tel_desinence {display: inline-block;width:32px;height: 50px;vertical-align: middle;position: relative;}

.tel_desinence:after {content: '';display: block;width:12px;height: 1px;position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -0.5px;background: #222;}

.contact_row_mail .wpcf7-form-control-wrap {width:159px;}

.mail_desinence {display: inline-block;padding: 0 10px;vertical-align: middle;font-size: 16px;font-weight: 400;line-height: 50px;color: #222;text-align: center;}

ul.jt_horizontal_form > li.contact_row_icheck > div:first-child + div {padding-top: 33px;padding-bottom: 33px;}

/* **************************************** *
 * CATEGORY
 * **************************************** */

.jt_category {margin-bottom: 24px;}

.jt_category ul {padding: 0;margin: 0;font-size: 0;background: none;}

.jt_category ul li {display: inline-block;padding-left: 0;position: relative;cursor: pointer;}

.jt_category ul li:before {content: '';display: block;width:1px;height: 14px;position: absolute;top: 50%;margin-top: -7px;left: 0;border: none;border-radius: 0px;background: #d7d7d7;}

.jt_category ul a {padding: 0 13px;font-size: 15px;font-weight: 400;color: #666;border: none;}

.jt_category ul li.active a, .jt_category ul li:hover a {color: #222;}

.jt_category ul li:first-child:before {display: none;}

.jt_category ul li:first-child a {padding-left: 0;}

.jt_category ul li:last-child a {padding-right: 0;}

/* **************************************** *
 * SEARCH
 * **************************************** */

.jt_search {padding: 55px 20px;margin-bottom: 44px;text-align: center;background: #fafafa;}

.jt_search_category {display: inline-block;width:123px;vertical-align: top;}

.jt_search_category .selectric {width:100%;background: #fff;border-color: #ddd;}

.jt_search_category .selectric .label {height: 43px;margin-right: 40px;font-size: 15px;font-weight: 300;line-height: 43px;}

.jt_search_category .selectric .button {width:50px;height: 43px;}

.jt_search_category .selectric .button:after {content: '\e90d';font-size: 12px;color: #383838;}

.jt_search_category .selectric-items li {border-color: #ddd;}

.jt_search_field {display: inline-block;position: relative;vertical-align: top;}

.jt_search_input.jt_form_field {width:353px;height: 45px;margin: 0 10px;vertical-align: top;background: #fff;border-color: #ddd;text-overflow: ellipsis;}

.jt_search_input.jt_form_field:focus {border-color: #1c9ad6;}

.jt_search_button {display: inline-block;vertical-align: top;width:108px;height: 45px;padding: 0;font-size: 16px;font-weight: 400;color: #fff;border: 1px solid #1c9ad6;background: #1c9ad6;outline: none;cursor: pointer;-webkit-transition: background 300ms, border-color 300ms;transition: background 300ms, border-color 300ms;}

.jt_search_button:hover {background: #444;border-color: #444;}

/* **************************************** *
 * PAGINATION
 * **************************************** */

.jt_pagination {display: block;width:100%;margin-top: 50px;font-size: 0;text-align: center;}

.jt_pagination:empty {margin-top: 0;}

.jt_pagination .page-numbers {display: inline-block;min-width:32px;height: 32px;padding: 0 4px;margin: 0 4px;margin-bottom: 4px;position: relative;font-size: 16px;font-weight: 400;line-height: 30px;text-align: center;vertical-align: top;color: #666;-webkit-transition: color 300ms;transition: color 300ms;}

.jt_pagination .page-numbers:after {content: '';display: block;width:100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid transparent;-moz-box-sizing: border-box;box-sizing: border-box;}

.jt_pagination .page-numbers:hover, .jt_pagination .page-numbers.current {color: #1c9ad6;}

.jt_pagination .page-numbers.current:after {border-color: #1c9ad6;}

.jt_pagination .page-numbers.first, .jt_pagination .page-numbers.prev, .jt_pagination .page-numbers.next, .jt_pagination .page-numbers.last {font-size: 0;background: transparent url(../images/icon/icon-pagination.png) no-repeat;border: 1px solid #dedede;}

.jt_pagination .page-numbers.first {margin-left: 0;margin-right: 0;background-position: -22px center;}

.jt_pagination .page-numbers.prev {background-position: -92px center;}

.jt_pagination .page-numbers.next {background-position: -158px center;}

.jt_pagination .page-numbers.last {margin-left: 0;margin-right: 0;background-position: -228px center;}

/* **************************************** *
 * COMMENTS
 * **************************************** */

/*
.comments-area .comments-title {position:relative; padding: 0;font-size: 18px;line-height: 2.6;font-weight: 600;color: #222; padding-left:31px;}
.comments-area .comments-title span {color: #333;}
.comments-area .comments-title:before {content:'\e952'; display:block; width:28px; height:28px; position:absolute; top:12px; left:-3px; font-family:''; font-size:28px; font-weight:400; color:#000; line-height:1;}
.comments-area ol {list-style: none;}
.comment-list {margin-top: 4px;border-top: 2px solid #222;}
.comment-list > li {padding-top: 28px;border-bottom: 1px solid #dedede;}
.comment-list ol.children {margin-bottom: 0;}
.comment-list ol.children > li {padding-top: 20px;background: #f9f9f9;border-top: 1px solid #dedede;}
.comment-inner {position: relative;}
.comment-inner:after {content: '';display: table;clear: both;}
.comment-avatar {width:48px;height: 48px;position: absolute;top: 7px;left: 0;border-radius: 3px;overflow: hidden;}
.comment-avatar img {margin: 0;padding: 0;}
.comment-content {float: left;width:100%;padding: 0 20px 28px 80px;position: relative;}
ol.children .comment-content:before {content: '';display: block;width:12px;height: 12px;position: absolute;top: 26px;left: -51px;background: url(../images/icon/icon-comments-arrow-2x.png) no-repeat center center;background-size: 12px 12px;}
.comment-head {position: relative;}
.comment-head .author-name {font-size: 15px;font-weight: 600;color: #222;}
.comment-head .comment-date {position: absolute;top: 0;right: 0;font-size: 13px;font-weight: 400;color: #222;}
.comment-body {}
.comment-body p {margin: 0;padding: 0;font-size: 15px;font-weight: 400;line-height: 1.93;color: #777;}
.comment-form {position:relative;}
.comment-form-comment, .comment-form .form-submit {display:inline-block; vertical-align:top;}
.comment-form .form-submit {position:absolute; bottom:0px; right:0; padding-bottom:0;}
p.comment-form-comment {width:100%; height:90px; padding-bottom:0; margin-top:0; padding-right:100px;}
.comment-form-comment label {display:none;}
.comment-form-comment textarea {width:100%; max-width:100%; height:100%; max-height:100%; background:#f9f9f9; border:1px solid #dedede; padding:15px;}
.form-submit input {width:90px; height:90px; background:#1e75d6; border-radius:4px; border:2px solid #1e75d6; color:#fff; font-size:15px; -webkit-transition: all 300ms; transition:all 300ms; cursor:pointer;}
.form-submit input:hover {background:transparent; color:#1e75d6;}
*/

/* 대댓글 depth표현 */

/*
.comment-list ol.children .comment-inner {padding-left: 80px;}
.comment-list ol.children .comment-avatar {left: 80px}
.comment-list ol.children ol.children .comment-inner {padding-left: 160px;}
.comment-list ol.children ol.children .comment-avatar {left: 160px}
.comment-list ol.children ol.children ol.children .comment-inner {padding-left: 240px;}
.comment-list ol.children ol.children ol.children .comment-avatar {left: 240px}
.comment-list ol.children ol.children ol.children ol.children .comment-inner {padding-left: 320px;}
.comment-list ol.children ol.children ol.children ol.children .comment-avatar {left: 320px}
*/

/* 소셜로그인 표시 */

/*
.comment-inner.social-user {padding-bottom:10px;}
.comment-inner.social-user .comment-avatar {height: 68px;}
.comment-inner.social-user .comment-avatar:before,
.comment-inner.social-user .comment-avatar:after {content: '';display: block;width:100%;height: 20px;position: absolute;left: 0;bottom: 0;}
.comment-inner.social-user .comment-avatar:before {background: #222;}
.comment-inner.social-user .comment-avatar:after {font-family: '';font-size: 10px;text-align: center;line-height: 20px;font-weight: normal;color: #fff;}
.comment-inner.social-facebook .comment-avatar:before {background: #224b99;}
.comment-inner.social-facebook .comment-avatar:after {content: '\e90c';}
.comment-inner.social-twitter .comment-avatar:before {background: #40bff5;}
.comment-inner.social-twitter .comment-avatar:after {content: '\e90f';}
.comment-inner.social-kakao .comment-avatar:before {background: #fdc300;}
.comment-inner.social-kakao .comment-avatar:after {content: '\e92b';}
.comment-inner.social-naver .comment-avatar:before {background: #1dc800;}
.comment-inner.social-naver .comment-avatar:after {content: '\e92c';}
.comment-form .wp-social-login-widget {position:relative; margin-bottom:22px; padding-left:105px;}
.comment-form .wp-social-login-widget:before {content:'Social Login :'; position:absolute; top:0; left:0; font-size:15px; color:#333; font-weight:600; line-height:30px;}
.comment-form .wp-social-login-provider-list {font-size:0;}
.comment-form .wp-social-login-provider-list > a {display:inline-block; width:30px; height:30px; color:#fff; border-bottom:none; font-size:0; border-radius:4px; margin-left:5px;}
.comment-form .wp-social-login-provider-list > a:first-child {margin-left:0;}
.comment-form .wp-social-login-provider-list > a:after {display:block; width:100%; height:100%; font-family:''; font-size:14px; line-height:30px; text-align:center;}
.comment-form .login_facebook {background: #224b99;}
.comment-form .login_facebook:after {content:'\e90c';}
.comment-form .login_naver {background: #1dc800;}
.comment-form .login_naver:after {content:'\e92c';}
.comment-form .login_kakao {background: #fdc300;}
.comment-form .login_kakao:after {content:'\e92b';}
*/

/* **************************************** *
 * ISOTOPE
 * **************************************** */

/* Hide the container (show with js) */

.jt_isotope {visibility:hidden;}

/* 기본셋팅 : 2컬럼 */

.jt_isotope .isotope_grid_sizer {width:49%;}

.jt_isotope .isotope_gutter_sizer {width:2%;}

.jt_isotope .isotope_item {width:49%;margin-bottom: 2%;}

/* 2컬럼 */

.jt_isotope.isotope_col_2 .isotope_grid_sizer, .jt_isotope.isotope_col_2 .isotope_item {width:49%;}

/* 3컬럼 */

.jt_isotope.isotope_col_3 .isotope_grid_sizer, .jt_isotope.isotope_col_3 .isotope_item {width:32%;}

/* 4컬럼 */

.jt_isotope.isotope_col_4 .isotope_grid_sizer, .jt_isotope.isotope_col_4 .isotope_item {width:23.5%;}

/* 5컬럼 */

.jt_isotope.isotope_col_5 .isotope_grid_sizer, .jt_isotope.isotope_col_5 .isotope_item {width:18.4%;}

/* **************************************** *
 * JT ACCORDION LIST
 * **************************************** */

.jt_accordion {width:100%;position: relative;}

.jt_accordion caption {width:1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.jt_accordion tr {width:100%;}

.jt_accordion th {padding: 13px 0;position: relative;font-size: 15px;text-align: center;font-weight: 500;color: #fff;vertical-align: middle;background: #222;}

.jt_accordion th:before {content: '';display: block;width:1px;height: 12px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #2cacd9;background: rgba(221, 221, 221, .5);}

.jt_accordion th:first-child:before {display: none;}

.jt_accordion td {font-size: 15px;font-weight: 400;line-height: 2;color: #666;text-align: center;}

.jt_accordion tr.jt_accordion_title td {padding: 12px 0;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;}

.jt_accordion tr.jt_accordion_content td {padding: 0;vertical-align: top;background: #f8f8f8;}

.jt_accordion .state {width:97px;}

.jt_accordion td.state span {display: inline-block;padding: 5px 11px;font-size: 13px;line-height: 1;border: 1px solid;border-radius: 3px;}

.jt_accordion tr.jt_accordion_title td.state span {border-color: #ddd;background: #f8f8f8;}

.jt_accordion tr.jt_accordion_content td.state span {color: #fff;border-color: #222;background: #222;}

.jt_accordion .title {width:auto;}

.jt_accordion td.title {text-align: left;}

.jt_accordion tr.jt_accordion_title td.title {padding: 12px 32px 12px 10px;}

.jt_accordion tr.jt_accordion_content td.title {padding: 0 32px;}

.jt_accordion .category {width:88px;text-align: right;}

.jt_accordion tr.jt_accordion_title td.category {vertical-align: top;}

.jt_accordion .category span {display: inline-block;position: relative;color: #222;}

.jt_accordion .category span:after {content: '';display: block;width:100%;height: 1px;position: absolute;left: 0;bottom: 2px;background: #222;}

.jt_accordion .control {width:101px;}

.jt_accordion td.control {font-size: 0;}

.jt_accordion td.control i {display: inline-block;width:22px;height: 22px;border: 1px solid #ddd;position: relative;}

.jt_accordion td.control i:after {display: block;width:100%;height: 100%;position: absolute;top: 0;left: 0;font-family: '';content: '\e914';font-size: 11px;font-style: normal;line-height: 24px;text-align: center;color: #222;}

.jt_accordion tr.active .control i:after {content: '\e91f';color: #222;}

.jt_accordion_content_inner {padding: 20px 0;}

.jt_accordion tr.jt_accordion_content.active td {border-bottom: 1px solid #ddd;}

.jt_accordion tr.jt_accordion_title:not(:first-child) + tr.jt_accordion_content .jt_accordion_content_inner {display: none;}

/* **************************************** *
 * JT BOARD LIST
 * **************************************** */

.jt_board_list {width:100%;position: relative;border-top: 2px solid #1c9ad6;table-layout: fixed;}

.jt_board_list caption {width:1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.jt_board_list tr {width:100%;}

.jt_board_list th {padding: 19px 0;position: relative;font-size: 15px;text-align: center;font-weight: 600;color: #222;vertical-align: middle;border-bottom: 1px solid #dedede;}

.jt_board_list th:before {content: '';display: block;width:1px;height: 13px;position: absolute;top: 50%;left: 0;margin-top: -6.5px;background: #dedede;}

.jt_board_list th:first-child:before {display: none;}

.jt_board_list td {padding: 15px 0;font-size: 14px;font-weight: 400;text-align: center;color: #444;vertical-align: middle;border-bottom: 1px solid #dedede;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;}

.jt_board_list .title_wrap {width:auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}

.jt_board_list .title_wrap * {vertical-align: middle;}

.jt_board_list .title_wrap a {font-size: 15px;color: #444;}

.jt_board_list .jt_board_notice {display: inline-block;width:50px;height: 26px;line-height: 26px;color: #fff;border-radius: 12px;background: #1c9ad6;}

.jt_board_list .direct_link a {display: block;width:30px;height: 30px;position: relative;font-size: 0;margin: 0 auto;border: 1px solid #a6a6a6;border-radius: 50%;}

.jt_board_list .direct_link a:after {display: block;width:100%;height: 100%;position: absolute;top: 0;left: 0;font-family: '';content: '\e903';font-size: 10px;line-height: 28px;font-weight: normal;text-align: center;color: #a4a4a4;}

.jt_board_list tbody tr:hover td {background: #fff;}

.jt_board_list td.jt_board_nothing_found {padding: 20px 0;background: #fff;cursor: default;}

.jt_board_list td.title {padding: 15px 38px;text-align: left;}

.jt_board_list td.author {font-weight: 600;color: #222;}

.jt_board_list .num {width:100px;}

.jt_board_list .title {width:auto;}

.jt_board_list .author {width:198px;}

.jt_board_list .date {width:140px;}

.jt_board_list .direct_link {width:100px;}

/* **************************************** *
 * JT LIST - GLOBAL
 * **************************************** */

.jt_list {position:relative;}

.jt_list:after {content: '';display: table;clear: both;}

.jt_list_item {}

.jt_list_item a {display: block;position: relative;}

.jt_list_item a:after {content: '';border: 2px solid #1c9ad6;opacity: 0;margin: auto;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: 300ms border, 150ms opacity;transition: 300ms border, 150ms opacity;-webkit-transition-delay: 0ms, 100ms;transition-delay: 0ms, 100ms;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 9;}

.jt_list_thumb {display: block;overflow: hidden;}

.jt_list_thumb img {width:100%;vertical-align: middle;}

/*.jt_list_thumb img {width:100%;vertical-align: middle;-ms-transform: scale(1) rotate(0.05deg);-webkit-transform: scale(1) rotate(0.05deg);transform: scale(1) rotate(0.05deg);-webkit-transition: all 1s;transition: all 1s;}*/

.jt_list_content {padding: 23px 35px 48px;position: relative;}

.jt_list_title {font-size: 18px;font-weight: 500;line-height: 1.65;letter-spacing: -0.025em;color: #222;}

.jt_list_title span br {display: none;}

.jt_list_desc {margin-top: 13px;font-size: 15px;font-weight: 400;letter-spacing: -0.025em;line-height: 1.86;color: #666;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 3.72em;overflow: hidden;}

.jt_list_item a:hover:after {border-width:6px;opacity: 1;-webkit-transition: 300ms border, 50ms opacity;transition: 300ms border, 50ms opacity;-webkit-transition-delay: 0ms, 0ms;transition-delay: 0ms, 0ms;}

/*.jt_list_item:hover .jt_list_thumb img {-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}*/

.jt_list_nothing_found {padding: 120px 0;text-align: center;border-top: 3px solid #ddd;border-bottom: 1px solid #ddd;}

.jt_list_nothing_found b {font-size: 32px;font-weight: 600;color: #222;}

.jt_list_nothing_found b span {color: #1c9ad6;}

.jt_list_nothing_found p {padding-top: 15px;font-size: 16px;line-height: 1.75;color: #666;}

.jt_list_nothing_found p span {color: #222;}

/* **************************************** *
 * JT LIST - GRID TYPE
 * **************************************** */

.jt_list_grid .jt_list_item {float: left;width:32%;margin-right: 2%;margin-bottom: 2%;}

.jt_list_grid .jt_list_item:nth-child(3n) {margin-right: 0;}

.jt_list_grid .jt_list_title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.jt_list_grid .jt_list_desc {-webkit-line-clamp: 2;max-height: 3.72em;}

/* **************************************** *
 * JT DETAIL VIEW
 * **************************************** */

/* single */

.board_view {margin-top: 47px;border-top: 2px solid #222;border-left: 1px solid #ddd;}

.board_view:after {content: '';display: table;clear: both;}

.board_attr {float: left;width:100%;position: relative;border-bottom: 1px solid #ddd;}

.board_attr.board_attr_half {width:50%;}

.attr_name {display: block;width:120px;height: 100%;position: absolute;top: 0;left: 0;font-size: 15px;font-weight: 600;line-height: 1.8;color: #222;padding: 16px 20px;border-right: 1px solid #ddd;background-color: #f8f8f8;}

.attr_value {width:100%;height: 100%;font-size: 15px;font-weight: 400;line-height: 1.8;color: #444;padding: 16px 20px 16px 140px;border-right: 1px solid #ddd;}

.board_file .attr_value {min-height:59px;}

.board_preview a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: pre;border: none;color: #444;}

.board_preview a:hover {color: #222;}

.board_content .attr_name {display: none;}

.board_content .attr_value {padding: 32px 32px;}

/* control */

.jt_board_control {padding-top: 40px;font-size: 0;line-height: 1;}

.jt_board_control:after {content: '';display: table;clear: both;}

.jt_board_control_right {float: right;}

.jt_board_control_left {float: left;}

.jt_board_control .jt_btn {margin-left: 10px;}

.jt_board_control .jt_btn:first-child {margin-left: 0;}

/* **************************************** *
 * JT NEWSFEED LIST
 * **************************************** */

.jt_newsfeed_list {display: table;width:100%;table-layout: fixed;}

.jt_newsfeed_item {display: table-row;cursor: pointer;}

.jt_newsfeed_item > div {display: table-cell;vertical-align: middle;border-bottom: 1px solid #ddd;-webkit-transition: border 300ms;transition: border 300ms;}

div.jt_newsfeed_time {width:132px;text-align: center;vertical-align: middle;}

.jt_newsfeed_time b {display: block;padding-right: 2px;font-size: 48px;letter-spacing: -0.01em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}

.jt_newsfeed_time span {display: block;padding-top: 4px;font-size: 18px;letter-spacing: 0.1em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}

div.jt_newsfeed_content {padding: 34px 24px 36px;}

.jt_newsfeed_title {margin-bottom: 9px;overflow: hidden;white-space: nowrap;}

.jt_newsfeed_title h2 {max-width:-webkit-calc(100% - 85px);max-width:calc(100% - 85px);display: inline-block;vertical-align: middle;font-size: 20px;font-weight: 600;line-height: 1.5;color: #333;}

.jt_newsfeed_title h2 span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}

.jt_newsfeed_notice, .jt_newsfeed_category {display: inline-block;vertical-align: middle;width:auto;height: 29px;padding: 0 17px;margin-right: 16px;font-size: 15px;line-height: 29px;text-align: center;letter-spacing: -0.025em;color: #2c629a;border: 1px solid #2c629a;}

.jt_newsfeed_category.end_category {color: #aaa;border-color: #ddd;}

.jt_newsfeed_state {display: inline-block;vertical-align: middle;width:auto;height: 29px;padding: 0 13px;margin-right: 16px;font-size: 15px;line-height: 29px;text-align: center;letter-spacing: -0.025em;color: #aaa;border: 1px solid #ddd;}

.jt_newsfeed_state.complete {color: #1c9ad6;border-color: #1c9ad6;}

.jt_newsfeed_excerpt {display: block;width:100%;}

.jt_newsfeed_excerpt p {font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}

.jt_newsfeed_origin {display: block;padding-top: 21px;}

.jt_newsfeed_origin p {font-size: 15px;color: #666;}

/*
.jt_newsfeed_secret {display: inline-block;vertical-align: middle;margin-right: 3px;position: relative;font-size: 0;}
.jt_newsfeed_secret:after {content: '';display: block;font-family: '';content: '\e94a';font-size: 19px;line-height: 1;font-weight: normal;color: var(--color-primary);}
*/

div.jt_newsfeed_more {width:60px;text-align: right;}

.jt_newsfeed_more a {display: inline-block;vertical-align: middle;width:47px;height: 47px;position: relative;}

.jt_newsfeed_more a:after {display: block; content:""; width:100%;height: 100%;position: absolute;top: 0;left: 0; background: url(/ko/front/image/main/notice_arr.png) no-repeat 50% 50%; background-size: cover;}
.jt_newsfeed_more a:hover:after {}

.jt_newsfeed_item:hover > div {border-bottom-color: #2c629a;}

.jt_newsfeed_item:hover .jt_newsfeed_time b {color: #2c629a;}

.jt_newsfeed_item:hover .jt_newsfeed_time span {color: #2c629a;}

.jt_newsfeed_item:hover .jt_newsfeed_more a:after {background: url(/ko/front/image/main/notice_arr_on.png) no-repeat 50% 50%;  background-size: cover;}

/* **************************************** *
 * JT LOADMORE
 * **************************************** */

.jt_loadmore {text-align: center;}

.jt_loadmore .jt_btn {margin-top: 56px;}

/* **************************************** *
 * NICESCROLL
 * **************************************** */

.nicescroll_area_outer {width:100%;height: 450px;padding: 31px 38px;background: #f5f5f5;border: 1px solid #ddd;overflow: hidden;}

.nicescroll_area {width:100%;height: 100%;padding-right: 65px;position: relative;}


@media all and (max-width:997px) {
  .popup_allmenu{max-width: 100%; left:0; margin-left:0;}
}


/* top button */
.btn_contentTop{ position: fixed;left:50%; margin-left:640px; bottom:30px; z-index:11;-webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out; opacity: 0;}
.btn_contentTop:hover,
.btn_contentTop:focus{ }
.btn_contentTop.ab{bottom:200px;}

@media all and (max-width:737px) {
	.btn_contentTop{display:none;}
}