@charset "utf-8";
.skip_navigation, .skip_navigation ul {height:0; position:absolute;z-index:200;left:0px;top:0px;width:100%;}
.skip_navigation a{position:absolute; top:-9999px; background:#000; width:100%; height: 30px; text-align: center; color: #fff; line-height: 30px; font-weight: bold; z-index: 100; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0;}
body,html{min-height:100%;min-width:320px;}
body.openAllmenu{overflow:hidden}
html.openAllmenu{overflow:hidden}

.openAllmenu .allmenuWrap{left:0%;height:auto;}
.openAllmenu .background{display: block !important;}
.openAllmenu #wrap{position:relative;overflow: hidden;}

/*.wrap.main{ padding-top:50px;}*/
.noScroll .wrap{height:100%; overflow:hidden;}
.mainBanner {display:none; overflow:hidden;}
.mainBanner ul {width:1000000px; height:100%;}
.mainBanner ul li {width:100vw;}
.mainBanner a {display:block;}
.mainBanner img {width:100%;}
header{ position:fixed; left:0; top:0;width:100%;z-index:32; background:#fff;height:50px;border-bottom:1px solid #e9e9e9;}
header h1{ text-align:center; padding-top:5px;}
header h1 a{ display:inline-block;background:url("/en/m/images/common/logo.png") no-repeat; width:61px; height:45px; -webkit-background-size:auto 45px; background-size:auto 45px; overflow:hidden; text-indent:-9999px; text-align:left;}
header .btnAllmenu{ display:block; position:absolute; left:0; top:0; background:url("/en/m/images/common/btn_allMenu.png") no-repeat left center; width:49px; height:50px; -webkit-background-size:49px auto; background-size:49px auto; overflow:hidden; text-indent:-9999px;}
header .btn_newNotice{ display:block; position:absolute; right:0; top:0; background:#fff url("/en/m/images/common/btn_newNotice.png") no-repeat center center; width:50px; height:50px; -webkit-background-size:auto 100px; background-size:auto 100px; overflow:hidden; text-indent:-9999px; background-position:0 0;}
header .btn_newNotice span{ display:block; position:absolute; right:8px; top:8px; color:#ffffff; font-size:10px; text-align:center; width:16px; height:16px;border-radius:16px; background:#333333; text-indent:0; line-height:16px;}
header .btn_newNotice.open{background-position:0 -45px;}
.topMenu.fix {position:fixed !important; top:0;}
.topMenu.on {position:absolute !important;}

.main .mainBanner {position:relative; display:block;}
.main header {position:relative; margin-bottom:-50px;}
.main .sectionWrap {margin-top:50px;}


/*content*/
.contentWrap{ padding-top:93px;}
.contentWrap.bgf0{ background:#f0f0f0;}
.contentWrap .contentArea{padding:37px 15px;}
.contentArea .STitle{ font-size:26px; color:#333; line-height:30px; text-align:center; padding-bottom:18px; font-weight:normal}
.contentArea .STitle.tal{ text-align:left;}
.contentArea .STitle.tline{ text-align:left;border-top:1px solid #e9e9e9; padding-top:35px;}
.contentArea .STitle.bline{border-bottom:1px solid #e9e9e9; padding-bottom:18px; margin-bottom:20px;}
.contentArea .STitle + .subtxt {padding-bottom:38px; font-size:18px; color:#333; line-height:24px;}
.contentArea .STitle + .subtxt.st01 {margin-top:-3px; padding-bottom:17px; font-size:14px; color:#333; line-height:20px;}
.contentArea .STitle.st01 {font-size:22px; line-height:28px;}
.contentArea .STitle.st01 + .subtxt {font-size:14px; color:#333; line-height:20px; text-align:center;}
.contentArea .bTitle{ font-size:18px; color:#008547; margin-bottom:15px; font-family:"NanumBarunGothicBold"; font-weight:normal; line-height:24px;}
.contentArea .bTitle .txt{ font-size:14px; color:#333333; font-family:"NanumBarunGothic";}
.contentArea .bTitle.table{ margin:20px 0 15px 0;}
.contentArea .bTitle.table2{ margin:35px 0 15px 0;}
.contentArea .bTitle.tline{border-top:1px solid #e9e9e9; padding-top:35px; margin-bottom:20px;}
.contentArea .bTitle.tline2{border-top:1px solid #e9e9e9; padding-top:20px; margin-bottom:20px;}
.contentArea .bTitle.tline3 {border-bottom:2px solid #008547; padding-top:30px; padding-bottom:10px; margin-bottom:30px;}
.contentArea .inTitle{ font-size:16px; color:#333; margin-bottom:18px; font-weight:normal; font-family:"NanumBarunGothicBold"; line-height:22px; position:relative;}
.contentArea .inTitle02 {margin:18px 0 5px 0; font-family:"NanumBarunGothicBold"; font-size:14px; line-height:20px; font-weight:normal;}
.contentArea .inTitle02.em01 {margin-bottom:10px; color:#333;}
.contentArea .inTitle02.em02 {margin-bottom:10px; color:#008449;}
.contentArea .bTitle .rightTxt{ font-size:12px; font-family:"NanumBarunGothic"; color:#008548; float:right;}
.contentArea .inTitle .rightTxt{ font-size:12px; font-family:"NanumBarunGothic"; color:#008548; float:right;}
.contentArea > .img{ margin-bottom:20px;}
.contentArea > .img img{ width:100%;}
.contentArea > .img.border img{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;border:1px solid #e9e9e9}
.contentArea > .topImg{margin:-37px -15px 37px -15px;}
.contentArea > .topImg img{width:100%}
.contentArea .textCon{ line-height:22px; font-size:14px;}
.contentArea .textCon.line{ background:url("/en/m/images/customer/dot_line.png") repeat-x left bottom; -webkit-background-size:auto 1px; background-size:auto 1px; padding-bottom:20px;}
.img img{width:100%;}
.contentArea .textCon.st01 p + p {margin-top:20px;}
.contentArea .textCon02 {margin:13px 0; padding:13px 15px; line-height:22px; font-size:14px; border:1px solid #e9e9e9;}
.contentArea .textCon02 > ol {margin-top:5px;}
.contentArea .textCon02 > .inTitle02:first-child {margin-top:0;}
.contentArea .textCon02 h6 {font-size:14px; font-weight:normal;}
.contentArea .textCon02.st01 p + p {margin-top:12px;}
.contentArea .textCon02.st02 {font-size:12px; line-height:18px;}

.locationWrap{ background: #ffffff; position: fixed; left:0; top:51px;width:100%;border-bottom:1px solid #e9e9e9;z-index:20; height:38px;}
.locationWrap.table{display:table;}
.locationWrap > li{ float:left;display:table; position: relative;margin-left:-1px;width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;height:100%;vertical-align:middle;}
.locationWrap.table > li{display:table-cell;float:none}
.locationWrap > li.dep2{border-right:1px solid #e9e9e9;}
.locationWrap > li.locationLink > a{ background: url("/en/m/images/common/location_arr_off.png") no-repeat right center; -webkit-background-size:24px auto; background-size:24px auto;padding:5px 25px 5px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: table-cell;line-height: 16px; font-size: 12px; text-decoration:none;letter-spacing:-1px;height:38px;vertical-align:middle;width:100%;}
.locationWrap.table > li.locationLink > a{ display:block;height:auto}
.locationWrap > li.locationLink.on > a{ color: #136844; font-family:"NanumBarunGothicBold";}
.locationWrap > li.locationLink .selectMenu{ position: absolute; left: 0px; top: 39px; width: 100%;border-top: 0; display: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.locationWrap > li.locationLink .selectMenu.open{ display: block;}
.locationWrap > li.locationLink .selectMenu li{border-bottom:1px solid #fff ;display:table;width:100%;min-height:36px;}
.locationWrap > li.locationLink .selectMenu li:last-child{ border-bottom:0;}
.locationWrap > li.locationLink .selectMenu li a{ display: table-cell;padding:5px 15px; background:#f0f0f0;vertical-align:middle;line-height: 16px;}
.locationWrap > li.locationLink .selectMenu li a:hover,
.locationWrap > li.locationLink .selectMenu li a:focus,
.locationWrap > li.locationLink .selectMenu li.on a{ background: #136844; color: #ffffff; text-decoration:none;}
.textEnter{ display:block;height:8px;}
.textEnter2{ display:block;height:15px;}

/*footer*/
footer{ background:#383838; position:relative;}
footer .footerTop{ background:#333333;height:40px; position:relative;}
footer .footerTop .footerMenu{ line-height:40px; padding-left:15px; font-size:11px; color:#666666;}
footer .footerTop .footerMenu a{ color:#f5f5f5;}
footer .footerTop .footerMenu a:hover,
footer .footerTop .footerMenu a:focus{ color:#27c575;}
footer .footerTop .btn_contentTop{ display:block; position:absolute; right:0; top:0; background:url("/en/m/images/common/btn_top.png") no-repeat; -webkit-background-size:auto 40px; background-size:auto 40px; width:40px; height:40px; overflow:hidden; text-indent:-9999px;}
footer .copyright{padding:15px; font-size:11px;}
footer .copyright li{ color:#999999; font-size:11px; line-height:18px;}
footer .copyright li .blankTxt{ color:#666666;}
footer .copyright li .tel{ display:inline-block; background:url("/en/m/images/common/tel_icon.png") no-repeat left 3px; margin-left:3px; padding-left:10px; -webkit-background-size:auto 10px; background-size:auto 10px;}
footer .copyright li.address{margin:0 0 8px 0}
footer .copyright li.address strong{ display:block;}
footer .waCon {position:absolute; right:9px; top:46%;}
footer .waCon img {width:60px;}

/*allmenuWrap*/
.allmenuWrap{position:absolute; left:-100%; top:0;width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:50;padding-right:50px;transition:left 0.4s;-webkit-transition:left 0.4s; overflow-y:auto;height:100%;display:none;}
.allmenuArea{background:#191919;position:relative;}
.allmenuArea .lang{padding:0 15px; overflow:hidden; border-bottom:1px solid #232323; background:#191919;height:50px}
.allmenuArea .lang li{ float:left; margin-right:15px;}
.allmenuArea .lang li a{ display:block;height:45px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-top:12px;}
.allmenuArea .lang li a span{ display:inline-block;border-top:2px solid transparent; padding-top:7px; color:#999999; font-family:"NanumBarunGothicBold"; font-size:13px;}
.allmenuArea .lang li.on a span{border-top:2px solid #008547; color:#ffffff;}
.allmenuArea .btnClose{ display:block; position:absolute; right:0; top:0; background:url("/en/m/images/common/btn_gnb_close.png") no-repeat; -webkit-background-size:45px auto; background-size:45px auto; width:45px; height:45px; overflow:hidden; text-indent:-9999px;}
.allmenuArea .totalSearchArea{ height:50px; position:relative; padding-right:45px;}
.allmenuArea .totalSearchArea input{width:100%;height:50px; line-height:50px; background-color:transparent; text-align:center; color:#ffffff;border:0px;}
.allmenuArea .totalSearchArea .btnSearch{ display:block; position:absolute; right:0; top:0;background:url("/en/m/images/common/btn_search.png") no-repeat 0 center; -webkit-background-size:45px auto; background-size:45px auto; width:45px; height:50px; overflow:hidden; text-indent:-9999px;}
.gnb > li > a{ display:block; padding-left:15px; line-height:56px; font-family:"NanumBarunGothicBold"; color:#ffffff; font-size:18px; background:#008547;}
.gnb .dep2 > ul > li > a{ display:block; background:#363636 ;padding-left:15px; color:#999999; font-size:16px; line-height:50px; border-bottom:1px solid #3e3e3e;letter-spacing:-0.03em}
.gnb .dep2 > ul > li.sub > a{ display:block; background:#363636 url("/en/m/images/common/menu_plus.png") no-repeat right center; -webkit-background-size:28px auto; background-size:28px auto;}
.gnb .dep2 > ul > li.sub.on > a{background:#363636 url("/en/m/images/common/menu_minus.png") no-repeat right center; -webkit-background-size:28px auto; background-size:28px auto; border-bottom:0;}
.gnb .dep2 > ul > li:last-child > a{ border-bottom:0;}
.gnb .dep3{ display:none;}
.gnb .dep3 > li > a{ display:block; background:#2d2d2d url("/en/m/images/common/dot_g.png") no-repeat 15px 17px; -webkit-background-size:2px auto; background-size:2px auto; padding:10px 0 10px 27px; color:#999999; font-size:14px; border-bottom:1px solid #363636; line-height:18px;}
.gnb .dep3 > li:last-child > a{ border-bottom:0;}
.dim_bg{ background:#000; opacity:0.5; position:fixed; left:0; top:0; width:100%;height:100%;z-index:41; display:none;}




.popup_newNotice{ padding-top:50px; position:absolute; width:100%;display:none;top:0;background:rgba(0,0,0,0.5);}
.popup_newNotice .relationArea{ background:#dee7e4;}
.popupWrap.popup_newNotice .btnClose{ position:absolute; right:0px; top:0px; background:url("/en/m/images/common/btn_newNotice.png") no-repeat; -webkit-background-size:50px auto; background-size:50px auto; background-position:0 -50px; display:block; width:50px; height:50px;}
.popup_newNotice .btnNewTab{ display:block; position:absolute; left:0; top:0; background:url("/en/m/images/common/btn_newTab.png") no-repeat; width:46px; height:34px; padding-left:31px; color:#0d6d42; line-height:34px; font-family:"NanumBarunGothicBold";}
.popup_newNotice .relationArea{background: #dee7e4;position: relative; overflow:hidden;}
.popup_newNotice .relationArea h3{ font-family: "NanumBarunGothicBold"; font-size: 16px; color: #008547; font-weight: normal; position: relative; margin-bottom:15px;}
.popup_newNotice .relationArea h3 a{ position: absolute; right: 0; top: 0;}
.popup_newNotice .relationArea h3 a img{ height:14px;}
.popup_newNotice .noticeArea{padding:25px 15px 0 15px; position:relative;}
.popup_newNotice .noticeArea .btn_more{ display:block; position:absolute; right:15px; top:25px;}
.popup_newNotice .noticeArea .btn_more img{ height:14px;}
.popup_newNotice .noticeItem{ display:block; }
.popup_newNotice .noticeItem.line{ border-bottom:1px solid #d0d8d5}
.popup_newNotice .noticeItem .img{ display: block; position: relative; margin-bottom: 20px; overflow:hidden; height:155px;}
.popup_newNotice .noticeItem .img img{ width:100%;}
.popup_newNotice .noticeItem .img .companyNotice{ display: block; position: absolute; left: 0; top: 0; background: #71ba00; width: 68px; height: 30px; color: #ffffff; text-align: center; line-height: 30px; font-size:11px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup_newNotice .noticeItem .img .nanumNotice{ display: block; position: absolute; left: 0; top: 0; background: #007944; width: 68px; height: 30px; color: #ffffff; text-align: center; line-height: 30px; font-size:11px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup_newNotice .noticeItem .title{ font-family: "NanumBarunGothicBold"; font-size: 14px; position:relative; display:block;margin:0 0px 12px 0px; background:url("/en/m/images/common/dot_g.png") no-repeat left center; -webkit-background-size:2px auto; background-size:2px auto; padding-left:10px; padding-right:65px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;max-width:100%; color:#333;}
.popup_newNotice .noticeItem .title .date{ color: #666666; font-family:"NanumBarunGothic"; position:absolute; right:0; top:0;}
.popup_newNotice .noticeItem .con{ display:block;font-size:12px; line-height:17px;padding:0 0px 12px 0px; color:#666666;}
.popup_newNotice .boardCon{ position:relative;}
.popup_newNotice .boardCon .btn_more{ display:block; position:absolute; right:0px; top:0px;}
.popup_newNotice .boardCon .btn_more img{ height:14px;}
.popup_newNotice .boardCon ul{ margin-top: 15px;}
.popup_newNotice .boardCon ul li{ margin-top: 9px; background: url("/en/m/images/common/dot_g.png") no-repeat left 5px; -webkit-background-size:2px auto; background-size:2px auto; padding-left: 9px; position: relative; padding-right: 65px; font-size:14px;}
.popup_newNotice .boardCon ul li a{ display:block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;max-width:100%; color:#333;}
.popup_newNotice .boardCon ul li:first-child{ margin-top: 0px;}
.popup_newNotice .boardCon ul li .date{ display:block; position: absolute; right: 0; top: 0;}
.popup_newNotice .boardCon ul li.full{ padding-right:0;}
.popup_newNotice .boardCon ul li.full a{ display:block; color:#333; margin-bottom:10px;}
.popup_newNotice .boardCon ul li.full .con{ line-height:17px}
.popup_newNotice .irCon{border-top:1px solid #d0d8d5;border-bottom:1px solid #d0d8d5; background:#e6ecea; margin-top:20px;padding:25px 15px 13px 15px;}
.popup_newNotice .event{padding:25px 15px;}
.popup_newNotice .event li{ margin-bottom:6px;}
.popup_newNotice .event li:last-child{ margin-bottom:0px;}
.popup_newNotice .event li img{width:100%;}


.textSkip{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;max-width:100%;}
.sinfoTxt{ font-size:10px; display:inline-block;vertical-align:top; margin-top:-3px;}

/* 아이콘
------------------------------------------------------------------------------- */
/* 아이콘만 */
.ico {font-size:0 !important; padding:0; background:none; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle; display:inline-block;}
button.ico {overflow:hidden;}
.ico.docs {width:11px; height:15px; border:0; background-image:url("/m/images/common/btn_docs.png"); background-size:11px auto;}

@media screen and (max-width: 380px) {
	
footer .copyright span.paWa {display:block;}

}

@media screen and (max-width: 320px) {
	
footer .waCon {position:absolute; right:9px; top:47%;}

}