@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

/* reset */
html,body{height:100%;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
img{vertical-align:top;max-width:100%;height:auto;}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,var,i{font-style:normal;font-weight:normal}
article,aside,dialog,footer,header,section,footer,main,nav,figure{display:block}
body,input,select,textarea,table,button{font-family:'맑은고딕', Malgun Gothic, Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:15px;line-height:1.5;color:#333;}
body{background:#fff;-webkit-text-size-adjust:none}
hr{display:none}
a{color:#333;text-decoration:none}
a:active,a:hover{text-decoration:none}
caption,legend{font-size:0;line-height:0;visibility:hidden}
.blind,caption,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}
*, *:after, *:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;}

/* form */
input,textarea,select {vertical-align:middle;}
button{border:0 none;background-color:transparent;cursor:pointer;outline:none;vertical-align:middle}
textarea {width:100%;padding:10px;border:1px solid #dbdbdb;background:#e5e5e5;resize:none;letter-spacing:0;outline:none;-webkit-border-radius:0;-webkit-appearance:none}
input[type="checkbox"] {vertical-align:middle;}
input[type="radio"] {margin:0; vertical-align:middle;}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"]{width:100%;padding:0 10px;height:30px;background:#fff;border:1px solid #ccc;letter-spacing:0;outline:none;-webkit-border-radius:0;-webkit-appearance:none;font-size:13px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus{border-color:#222}
input[type="file"] {width:100%;padding:0 10px;height:30px;background-color:#e5e5e5;border:1px solid #dedede;outline:none;-webkit-border-radius:0;-webkit-appearance:none;}
input[type="file"]:focus {border-color:#222}
/*
span.ip_ckeck {position:relative;display:inline-block;text-align:left !important}
input[type="checkbox"]{position:absolute;left:0;opacity:0;width:18px;height:18px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none}
input[type="checkbox"]+label{position:relative;display:block;height:18px;font-size:15px;line-height:19px;padding-left:24px;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer}
input[type="checkbox"]+label::after{content:"";display:block;position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-9px;background:url(../images/bg_input_check.png) no-repeat left top;background-size:18px}
input[type="checkbox"]:checked+label::after{background-image:url(../images/bg_input_check_checked.png)}
input[type="checkbox"]:disabled+label::after{background-image:url(../images/bg_input_check_disabled.png)}
input[type="radio"]{position:absolute;left:0;opacity:0;width:18px;height:18px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none}
input[type="radio"]+label{position:relative;display:block;height:18px;font-size:15px;line-height:19px;padding-left:24px;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer}
input[type="radio"]+label::after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-9px;width:18px;height:18px;background:url(../images/bg_input_check2.png) no-repeat left top;background-size:18px}
input[type="radio"]:checked+label::after{background-image:url(../images/bg_input_check_checked2.png)}
*/
input:read-only:focus {border-color:#dedede;cursor:none;}
select {width:100%;padding:0 10px;height:30px;background:#fff url('../images/sub/bul_snb_select1.png') no-repeat 94% 50%;background-size:8px;border:1px solid #ccc;letter-spacing:0;outline:none;-webkit-border-radius:0;-webkit-appearance:none;font-size:12px;}
select:focus {border-color:#222}
select:disabled {background:#e5e5e5 url(../images/ico_sel_bot_disabled.png) no-repeat 96% 50%;background-size:17px;color:#8a8a8a;}
::placeholder {color:#8a8a8a;}
.sl_wrap, .ip_wrap {display:block;}
.ck_wrap {display:inline-block;}

/*layout 공통*/
.menuActive .wrap {position: fixed;}
.header_wrap {position:fixed;top:0;left:0;right:0;width:100%;height:50px;overflow:hidden;z-index:200;border-bottom:1px solid #fff}
.header_wrap:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:0.5;}
.scrTop .header_wrap:after {display:none;}
.header_wrap .header {position:relative;height:50px;z-index:20;}
.header_wrap h1.logo {width:100px;height:50px;margin:0 auto;overflow:hidden;text-indent:-9999px;background:url('../images/common/logo.png') no-repeat 50% 50%;background-size:50px;}
.header_wrap h1.logo a {display:block;height:50px;}
.header_wrap .aside_button {position:absolute;right:0;top:0;width:50px;height:50px;}
.header_wrap .aside_button .line {display:block;background:#fff;width:20px;height:2px;margin:4px auto;border-radius:3px;}
.header_wrap .language {position:absolute;left:10px;top:13px;display:block;}
.header_wrap .language select {height:auto;padding:1px 10px;color:#fff;border:1px solid #fff;background:none;border-radius:25px;font-size:12px;letter-spacing:-1px;}

/*확장메뉴*/
#aside {position:fixed;right:0;top:0;bottom:0;width:250px;z-index:1000;
-webkit-transition:-webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
#aside.openit {
-webkit-transform: translate3d(0%,0,0);
transform: translate3d(0%,0,0);
}
#aside .aside_close {position:absolute;right:0;top:0;width:50px;height:50px;color:#222;text-align:center;background:url('../images/common/btn_aside_close.png') no-repeat 50% 50%;background-size:20px;text-indent:-9999px;overflow:hidden}
#aside_wrapper {position:absolute;bottom:0px;left:0;top:0px;width:100%;overflow:auto;background-size:120px}
#aside_wrapper:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#010101;opacity:0.8;}
#aside .aside_header {position:fixed;top:0;left:0;right:0;height:50px;background:#24a88d;z-index:20;}
#aside .aside_header .as_logo {display:block;padding:15px 0 0 10px;}
#aside .aside_header .as_logo img {width:45px;}
#aside .aside_content {position:relative;width:100%;overflow:hidden;padding-top:50px;}
#aside .aside_content .gnb {position:Relative;z-index:20;}
#aside .aside_content .depth1 {position:relative;}
#aside .aside_content .depth1 .mn {display:block;height:40px;padding-left:15px;font-size:14px;line-height:40px;color:#fff;background:#000000db;border-bottom:1px solid #bbb;}
#aside .aside_content .depth1 .mn:after {content:"+";position:absolute;right:10px;top:0;color:#fff;font-size:22px;font-weight:normal;}
#aside .aside_content .depth1 .mn.active {color:#fff;border-bottom:1px solid #24a88d;font-weight:700;}
#aside .aside_content .depth1 .mn.active:after {content:"-";color:#24a88d}
#aside .aside_content .depth2 {display:none;padding:10px 0;}
#aside .aside_content .depth2.on {display:block;border-bottom:1px solid #24a88d}
#aside .aside_content .depth2 a {display:block;padding-left:30px;height:30px;line-height:30px;color:#cccccc;font-size:14px;}
#asideDmm{width:100%;height:100%;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.1);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:999}
#asideDmm.openit {display:block}
.asideActive .wrap {position:fixed}

.footer {position:relative;padding:20px 0;background:#3b3b3b;text-align:center;}
.footer .foot_link {padding-top:10px;}
.footer .foot_link a {display:inline-block;padding:0 3px;color:#bdbdbd;font-size:12px;}
.footer .foot_link a:before {content:"";display:inline-block;width:1px;height:8px;background:#f9f9f9;margin-right:10px;vertical-align:middle;}
.footer .foot_link a:first-child:before {display:none;}
.footer .foot_link a.spe {color:#bfbfbf;}
.footer .foot_content {position:relative;padding:15px 0;border-top:1px solid #777}
.footer .family_site {width:50%;margin:0 auto;padding-top:10px;text-align:center;}
.footer .family_site select {height:25px;font-size:13px;border:1px solid #bdbdbd;background-color:#525252;color:#bdbdbd;border:1px solid #626262;color:#fff;text-align:center;}
.footer .foot_logo {}
.footer .foot_logo img {width:90px;}
.footer .copyright {color:#bfbfbf;font-size:11px;}

.page_top {position:fixed;right:15px;bottom:35px;overflow:hidden;text-align:right;z-index:1000;}
.page_top a {display:block;width:50px;height:50px;border-radius:50%;background:url('../images/common/btn_page_top.png') no-repeat 50% 50%;background-size:50px;line-height:9999px;overflow:hidden;opacity:0;
-webkit-opacity:0;
transition:all 0.2s 0.2s;
-webkit-transition:all 0.2s 0.2s;
transform:translate3d(0, 100px, 0);
-webkit-transform:translate3d(0, 100px, 0);
z-index:1000;}
.page_top a.active {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);opacity:1;}

.dim {width:100%;height:100%;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:99;}
.dim.view {display:block;}

/*버튼*/
.btn_wrap {width:100%;text-align:center;margin-top:25px;}
.btn_wrap.type_al_r {text-align:right;}
.btn_wrap.type_al_l {text-align:left;}
.bt_fn {display:inline-block;vertical-align:middle;transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out}
.bt_fn.type_a {padding:0 25px;height:30px;line-height:30px;color:#fff;font-size:12px;background:#2a2a2a;}
.bt_fn.type_b {width:45%;height:30px;line-height:30px;margin:0 1%;background:#08164e;color:#fff;border:1px solid #08164e;text-align:center;font-size:14px;letter-spacing:-1px;}
.bt_fn.type_c {width:45%;height:30px;line-height:30px;margin:0 1%;background:#fff;color:#2a2a2a;border:1px solid #2a2a2a;text-align:center;font-size:14px;letter-spacing:-1px;}
.bt_fn.type_e {width:45%;height:30px;line-height:30px;margin:0 1%;background:#d2232a;color:#fff;border:1px solid #d2232a;text-align:center;font-size:14px;letter-spacing:-1px;}
.bt_fn.type_download {width:45%;height:30px;line-height:30px;margin:0 1%;background:#08164e;color:#fff;border:1px solid #08164e;text-align:center;font-size:14px;letter-spacing:-1px;}
.bt_fn.type_download:after {content:"";display:inline-block;width:13px;height:11px;background:url(../images/bul_download.png) no-repeat;background-size:12px;vertical-align:middle;margin:-1px 0 0 10px;}
.bt_fn.type_d {width:auto;height:30px;line-height:30px;font-size:12px;padding:0 17px;background:#2a2a2a;color:#fff;text-align:center;letter-spacing:-1px;}

/*모달(레이어)팝업*/
#dmm{width:100%;height:100%;position:fixed;top:0;right:0;left:0;background-color:rgba(0,0,0,0.5);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:999;}
.modal_pop {position:fixed;left:10px;right:10px;top:50%;transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);z-index:1000;text-align:center;background:#fff;z-index:1000;display:none;}
.modal_pop .modal_tit {height:45px;line-height:45px;background:#009b7b;color:#fff;font-size:16px;font-weight:bold;}
.modal_pop .modal_close {position:absolute;right:0;top:0;display:block;width:45px;height:45px;background:url('../images/common/bt_modal_close.png') no-repeat 50% 50%;background-size:13px;text-indent:-9999px;overflow:hidden;}
.modal_pop .modal_pop_inner {padding:20px 15px;}
.modal_pop .modal_pop_cnt {width:100%;overflow:hidden;}

/*사이트맵 팝업*/
.sitemap {position:absolute;left:10px;right:10px;top:10px;transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);}
.sitemap .modal_pop_cnt {width:100%;overflow:hidden;}
.sitemap .modal_pop_cnt dl {float:left;width:48%;margin-bottom:30px;text-align:left;}
.sitemap .modal_pop_cnt dl.cate_company dt,
.sitemap .modal_pop_cnt dl.cate_company dd {margin-left:20px;}
.sitemap .modal_pop_cnt dl.cate_pr dt,
.sitemap .modal_pop_cnt dl.cate_pr dd {margin-left:20px;}
.sitemap .modal_pop_cnt dl.cate_product {float:right;}
.sitemap .modal_pop_cnt dt {position:relative;display:inline-block;padding-bottom:5px;margin-bottom:10px;font-size:13px;font-weight:bold;text-align:left;}
.sitemap .modal_pop_cnt dt:before {content:"";position:absolute;bottom:0;left:0;right:0;display:inline-block;height:1px;background:#009b7b;}
.sitemap .modal_pop_cnt dd {}
.sitemap .modal_pop_cnt dd a {display:block;padding:3px 0;font-size:13px;text-align:left;letter-spacing:-1px}
.sitemap .modal_pop_cnt dd a:before {content:"";display:inline-block;width:3px;height:3px;margin:-2px 5px 0 0;border-radius:50%;background:#009b7b;vertical-align:middle;}

/*common_search*/
.common_search {position:relative;height:50px;padding:10px 40px 0 15px;z-index:20;}
.common_search .ip_wrap {}
.common_search .ip_txt {background:transparent;border:0;border-bottom:1px solid #a9a9a9;color:#fff}
.common_search .bt_search {position:absolute;right:0;top:0;width:40px;height:50px;background:url('../images/common/ico_aside_search.png') no-repeat 50% 50%;background-size:20px;text-indent:-9999px;overflow:hidden;}


/* KOS ESG NEWS */
.news_area .news_search .searchBtn {
	position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    background: url(/img/icon_sh_b.png) no-repeat;
}