@charset "utf-8";
@import url("fonts/fonts.css");

body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,textarea,blockquote,th,td, figure, pre {font-weight: normal; line-height: 1.7; margin:0; padding:0; -webkit-text-size-adjust:none; font-size: 15px; font-family:'nanum-square-r', 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; color:#4b4e51;}
table {border-spacing:0; border-collapse:collapse; width:100%; table-layout:fixed; border-collapse: separate;}
em,cite,address,dfn,var {font-style: normal;}
dl,ul,ol{list-style:none}
img,fieldset {border:0}
caption {display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:0; line-height:0; white-space: nowrap;}
label, legend {position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
input, select, img{vertical-align:middle}
a {text-decoration:none;color:#1e1e1e}
input { border: 1px solid #e0e1e2; height: 28px;}
body {width: 100%; background: #ffffff; min-width: 1200px; }
textarea, input { text-indent: 10px; padding: 5px 0; border-radius: 0; }
select {border-radius: 0;  -webkit-appearance: none; line-height: 1.4em; background: url(/images/common/bl_arr_d_2.png) no-repeat 92% 50%;}
select::-ms-expand {display: none;}
h1, h2, h3, h4, h5 {font-family: 'nanum-square-b';}
input::-ms-clear {display: none;}

.blind {display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:0; line-height:0; white-space: nowrap;}

/* win popup */
#winpop {overflow: hidden; margin: 0; padding: 0; background: #eee; min-width: 100%;}
#winpop .winpop_con {display: block; width: 100%; height: 100%;}
#winpop .winpop_close {text-align: right; padding: 3px 5px;}


/* 접근성 */
#u-skip {position: relative; z-index: 2147483647;}
#u-skip a {position: absolute; top: -30px; left: 0; width: 138px; border: 1px solid #4ec53d; background: #000000; text-align: center; outline: none;}
#u-skip span {display: inline-block; padding: 2px 6px 0 0; font-size: .92em; line-height: 26px; color: #fff; letter-spacing: -1px;}
#u-skip a:hover,
#u-skip a:focus,
#u-skip a:active {top: 0;}


/* 레이아웃 */
#header, #contents, #footer, #subsidiary {width: 100%;}
#contents .left {float: left; padding: 0;}
#contents .right {float: right;}
#contents .grid-2:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents .quote-1 {display: block; padding-bottom: 10px;}
#contents .quote-2 {display: block; padding-top: 10px;}
#contents .overview-bg strong {display: block; color: #f16900;}
#contents .overview-bg strong.tt1 {display: block; color: #ffffff;}
#contents .overview-bg strong.tt1.c-f16900 {color: #f16900}
#contents .section.no-mar {padding-top: 0;}
#contents .section:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents .section p.mar-b {padding-bottom: 50px;}
#contents .section .margin {display: block; width: 1px; margin: 26px auto 28px; border-left: 1px solid #a8aaae; height: 36px;}
#contents .section .sec-inner {padding-right: 30px;}
#contents .section .ar .sec-inner {padding-left: 30px; padding-right: 0;}
#contents .ac {text-align: center !important;}
#contents .al {text-align: left !important;}
#contents .ar {text-align: right !important;}
#contents .overview-bg {line-height: 1.7em; font-size: 20px; margin-bottom: 50px; text-align: center; color: #fff; padding: 0 90px; height: 260px; box-sizing: border-box; text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);}
#contents .overview-bg2 {line-height: 1.5em; font-size: 20px; margin-bottom: 50px; text-align: center; color: #fff; padding: 0 50px; height: 260px; box-sizing: border-box; text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);}

#nav {background: url(/images/common/ic_home.png) 0 28px no-repeat; padding: 20px;}
#nav li {float: left; font-size: 15px; background: url(/images/common/ic_arr.png) 100% center no-repeat; padding: 4px 20px 0 10px;}
#nav li.last {background: none;}
#nav ul:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#mask {
	position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #000000; opacity: 0; z-index: 9;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#mask.show {opacity: 0.7;}

/* 컨텐츠 회색 박스 */
.g-box {background: #f8f8f8; padding: 40px 90px; margin: 50px 0;}
.g-box p {font-family: 'nanum-square-b'; font-size: 20px;}
.f-big {font-family: 'nanum-square-b'; font-size: 20px;}
.f-big2 {font-family: 'nanum-square-b'; font-size: 18px;}
.bg-gray {background: #fcfcfc;}

/* 폰트 */
.c-red {color: #e8252d;}
.c-red3 {color: #e8252d; font-family: 'nanum-square-b';}
.c-org {color: #e86805;}
.c-red-2 {color: #e52c4f;}
.c-gray {color: #616366;}
.c-green {color: #099b0b;}
.fc_red {color: #e8252d;}
.fc_gray {color: #898d92;}
.fc_df242b {color: #df242b}

.fs-30 {font-size: 30px !important;}
.big {font-size: 22px; font-family: 'nanum-square-b';}
.big2 {font-size: 26px  !important; font-family: 'nanum-square-b';}
.mdd {font-size: 18px; font-family: 'nanum-square-b';}
.mdd2 {font-size: 22px; font-family: 'nanum-square-b';}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.tal2 {text-indent:30px; text-align: left !important; }

.ceo-mdd {line-height: 1; font-size: 19px; font-family: 'nanum-square-b';}
/* .lh-1 {line-height: 1;} */

/* 여백 */
.boxsize {box-sizing: border-box;}
.pb0 {padding-bottom: 0px !important;}
.pl20 {padding-left: 20px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.ps20 {padding-left: 20px !important; padding-right: 20px !important;}
.ps30 {padding-left: 30px !important; padding-right: 30px !important;}
.ps40 {padding-left: 40px !important; padding-right: 40px !important;}
.ps50 {padding-left: 50px !important; padding-right: 50px !important;}
.ps60 {padding-left: 60px !important; padding-right: 60px !important;}
.ps70 {padding-left: 70px !important; padding-right: 70px !important;}
.ps80 {padding-left: 80px !important; padding-right: 80px !important;}
.ps90 {padding-left: 90px !important; padding-right: 90px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mbm50 {margin-top: -50px !important;}
.mbm20 {margin-top: -20px !important;}
.mbm10 {margin-top: -10px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mb_20 {margin-bottom: 30px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_35 {margin-bottom: 35px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_70 {margin-bottom: 70px !important;}
.mb_74 {margin-bottom: 74px !important;}
.ml_24 {margin-left: 24px !important;}
.mt-30 {margin-top: -30px !important;}
.mt_30 {margin-top: 30px !important;}
.mt20 {margin-top: 20px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt100 {margin-top: 100px !important;}

/* 컨텐츠 타이틀 */
#contents .cont-tit {text-align: center;}
#contents .cont-tit h2 {padding: 6px 20px; border: 2px solid #51555e; display: inline-block; font-size: 18px; margin-bottom: 20px;}
#contents .cont-tit h2.tt {padding: 6px 20px; border: 0px solid #51555e !important; display: inline-block; font-size: 34px; margin-bottom: 0px;}
#contents .cont-tit p {font-family: 'nanum-square-b'; font-size: 24px;}
#contents .cont-tit p.tt { font-size: 22px !important;}
#contents .cont-tit p span {color: #e8252d;}
#contents .cont-tit .margin {display: block; width: 1px; margin: 26px auto 32px; border-left: 1px solid #a8aaae; height: 36px;}
#contents .cont-tit2 {text-align: center; padding:10px 0 0px 0; }
#contents .cont-tit2 p {font-size: 16px;}
#contents .cont-tit2 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}
#contents h3 {font-family: 'nanum-square-b'; font-size: 24px; padding-bottom: 20px;}
#contents h3.mar-t {padding-top: 60px;}
#contents h3.big {font-size: 32px; padding-bottom: 40px;}
#contents h3.big2 {font-size: 32px; padding-top: 8px; padding-bottom: 0;}
#contents h3.big-2 {font-size: 32px; padding-bottom: 22px;}
#contents h3.pb_sm {padding:25px 0 10px;}
#contents h3 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}
#contents h3 .line2 {display: block; height: 1px; width: 20px; background: #a8aaae;  margin-bottom: 0;}
#contents h3 .line3 {display: block; height: 1px; width: 20px; background: #a8aaae;  margin-bottom: 0; margin-top:20px;}
#contents h3 span.sm_red { color: #e8252d; font-family: 'nanum-square-r';}
#contents h3 span.sm { color: #51555d; font-family: 'nanum-square-r';}
#contents h3.h3_tit {font-size: 36px; text-align: center; padding-bottom: 30px;}
#contents h4 {font-size: 24px; padding: 30px 0 25px 0;}
#contents h4 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}
#contents h5 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}
#contents p .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}

/* 버튼 */
a.down {display: inline-block; color: #51555d; text-decoration: underline; background: url(/images/common/ic_down.png) 0 center no-repeat; background-size: 22px; min-height: 22px; padding-left: 30px; font-weight: bold;}
a.file_down {display: inline-block; color: #e33d42; background: url(/images/common/ic_down.png) left 12px center no-repeat; background-size: 22px; min-height: 22px; padding-left: 30px; font-weight: bold; width: 220px; height: 44px; line-height: 44px; border: 2px solid #e33d42; border-radius: 30px; margin-top: 20px;}
a.link {display: inline-block; color: #51555d; text-decoration: underline; background: url(/images/common/ic_arr_r.png) 0 center no-repeat; background-size: 22px; min-height: 22px; padding-left: 30px; font-weight: bold;}
a.more {display: inline-block; color: #51555d; text-decoration: underline; background: url(/images/common/btn_more.png) 0 center no-repeat; background-size: 22px; min-height: 22px; padding-left: 30px; font-weight: bold;}
a.more.on {display: inline-block; background: url(/images/common/btn_more_2.png) 0 center no-repeat; background-size: 22px;}
.btns-wrap {height: 40px; text-align: center; padding: 50px 0;}
.btns-wrap a {color: #ffffff; background: #e8252d; padding: 11px 25px 11px 25px;}
button.btn-search {border: 0; vertical-align: middle; cursor: pointer;}
.btn-search {color: #ffffff; background: #e8252d; padding: 9px 15px;}
a.mv {color: #51555d; text-decoration: underline; background: url(/images/common/ic_mv.png) 0 center no-repeat; padding: 7px 0 7px 35px; font-weight: bold;}
a.tbl-abtn {color: #ffffff; background: #e8252d; padding: 10px 20px; display: inline-block;}
a.tbl-abtn2 {background: #fff; border: 1px solid #ddd; padding: 10px 20px; display: inline-block; margin-left: 5px;}
.tbl-btn-wrap {position: absolute; right: 0; top: 0;}

/* 풋터 */
#footer {border-top: none; margin-top: 180px; background: #ffffff; border-top: 1px solid #e5e5e5;}
#footer .logo {float: left; width: 200px; padding: 42px 0;}
#footer .logo img {max-width: 90%;}
#footer .copy {float: left; width: 847px; padding: 30px 0;}
#footer .copy a {color: #51555d; font-size: 14px;}
#footer .copy a span {color: #df2028; z-index: 10;}
#footer .copy a.ic-1 {background: url(/images/common/f_arr_r_1.png) 100% 50% no-repeat; padding-right: 10px;}
#footer .copy a.ic-2 {background: url(/images/common/ic_plus.png) 100% 50% no-repeat; padding-right: 17px;}
#footer .copy ul li {float: left; padding: 0 10px; background: url(/images/common/line_v.png) 100% 50% no-repeat;}
#footer .copy ul li.last {background: none;}
#footer .copy p { padding-left: 10px; font-size: 13px; color: #898d92; }
#footer address {padding-left: 10px; padding-top: 5px; color: #898d92; font-size: 13px;}
#footer .mark {padding: 30px 0; position: absolute; top: 0; right: 0;}
#footer .mark a {margin-left: 10px;}
#footer .copy ul:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#footer .inner:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#footer #family-site {position: absolute; width: 100%; left: 0; bottom: 153px; background: #ffffff; border-bottom: 1px solid #e6e6e6; display: none; z-index: 101;}
#footer #family-site .line-1 {position: absolute; left: 0; top: 55px; bottom: 0; width: 1px; border-left: 1px solid #e6e6e6;}
#footer #family-site .line-2 {position: absolute; left: 25%; top: 55px; bottom: 0; width: 1px; border-left: 1px solid #e6e6e6;}
#footer #family-site .line-3 {position: absolute; left: 50%; top: 55px; bottom: 0; width: 1px; border-left: 1px solid #e6e6e6;}
#footer #family-site .line-4 {position: absolute; left: 75%; top: 55px; bottom: 0; width: 1px; border-left: 1px solid #e6e6e6;}
#footer #family-site .line-5 {position: absolute; left: 100%; top: 55px; bottom: 0; width: 1px; border-left: 1px solid #e6e6e6; margin-left: -1px;}
#footer #family-site ul li {float: left; width: 25%; padding: 0; margin-bottom: 10px;}
#footer #family-site ul li:hover span.t-1 {background: #d12128;}
#footer #family-site .btn-close {background: url(/images/common/btn_close.png) 0 0 no-repeat; display: inline-block; width: 18px; height: 18px; position: absolute; right: 20px; top: 15px; text-indent:-9999px;}
#footer #family-site h3 {background: #4f5154; color: #ffffff; padding: 15px 25px; position: relative;}
#footer #family-site ul li dt {position: relative; display: block; padding: 5px 25px; font-size: 18px; color: #d12128; font-family: 'nanum-square-b';}
#footer #family-site ul dl {margin-top: 10px;}
#footer #family-site ul li {background: none;}
#footer #family-site ul li dd a { display: block; font-weight: normal; padding: 5px 25px;}
#footer #family-site ul li dd a:hover {color: #d12128; background: url(/images/common/ic_focus.png) 91% 50% no-repeat;}

#footer #family-site2 {position: absolute; width: 25%; left: 510px; bottom: 153px; background: #ffffff; border-bottom: 1px solid #e6e6e6; display: none; z-index: 101;}
#footer #family-site2 .line-1 {position: absolute; left: 0; top: 55px; bottom: 0; width: 1px; border-left: 1px solid #e6e6e6;}
#footer #family-site2 .line-2 {position: absolute; right: 0; top: 55px; bottom: 0; width: 1px; border-left: 1px solid #e6e6e6;}
#footer #family-site2 .btn-close {background: url(/images/common/btn_close.png) 0 0 no-repeat; display: inline-block; width: 18px; height: 18px; position: absolute; right: 20px; top: 15px; text-indent:-9999px;}
#footer #family-site2 h3 {background: #4f5154; color: #ffffff; padding: 15px 25px; position: relative;}
#footer #family-site2 dl {margin: 10px 0;}
#footer #family-site2 dt {position: relative; display: block; padding: 5px 25px; font-size: 18px; color: #d12128; font-weight: bold;}
#footer #family-site2 dd {width: 100%;}
#footer #family-site2 dd:hover span.t-1 {background: #d12128;}
#footer #family-site2 dd a { display: block; font-weight: normal; padding: 5px 25px;}
#footer #family-site2 dd a:hover {color: #d12128; background: url(/images/common/ic_focus.png) 91% 50% no-repeat;}

/* 상단 바로가기 */
#btn-top {
	position: fixed; bottom: 0; width: 100%; z-index:2; opacity: 0;
	-webkit-transition-duration: 0.4s; transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#btn-top.show {opacity: 1;}
#btn-top .inner {width: 1200px; position: relative; margin: 0 auto;}
#btn-top .inner a {
	position: absolute; bottom: 156px; right: -45px; background: url(/images/common/btn_top.png) center center no-repeat; width: 45px; height: 45px; display: block;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
}

#btn-top .inner2 {width: 950px; position: relative; margin: 0 auto;}
#btn-top .inner2 a {
	position: absolute; bottom: 50px; right: 20px; background: url(/images/common/btn_top.png) center center no-repeat; width: 45px; height: 45px; display: block;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
}
#btn-top span {display: block; text-indent:-9999px}



/* 글로벌 사이트 */
#global-wrap {position: fixed; left: 0; top: 0; width: 100%; z-index: 100; display: none;}
#global-wrap .inner { position: relative; width: 1200px; margin: 0 auto;}
.sm #global-wrap .inner {position: static;}
.sm #global-wrap .inner .pos {right: 85px;}
#global-wrap .inner .pos {position: absolute; top: 68px; right: 65px; width: 110px;}
#global-wrap .ly-inner {padding: 10px 0; background: #ffffff;}
#global-wrap .ly-inner .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; padding: 0; margin: 0; background: url(/images/common/btn_close.png) 100% center no-repeat;}
#global-wrap .ly-inner .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}
#global-wrap .ly-inner a {color: #51555d; display: block; padding: 4px 0; margin: 0 20px; font-weight: bold;  background: none;}
#global-wrap .ly-inner .on a {color: #df242b; background: url(/images/common/line_global.png) 100% center no-repeat;}
#global-wrap .ico_arrow {display: block; width: 100%; height: 26px; background: url(/images/common/uti_ic_arrow_1.png) center center no-repeat;}

/* 팝업테스트 사이트 
#test-wrap {position: fixed; left: 0; top: 0; width: 100%; z-index: 100; display: none;}
#test-wrap .inner { position: relative; width: 675px; margin: 0 auto;}
.sm #test-wrap .inner {position: static;}
.sm #test-wrap .inner .pos {right: 85px;}
#test-wrap .inner .pos {position: absolute; top: 68px; margin:0 auto; width: 675px;}
#test-wrap .ly-inner {padding: 10px 0; background: #ffffff;}
#test-wrap .ly-inner .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; padding: 0; margin: 0; background: url(/images/common/btn_close.png) 100% center no-repeat;}
#test-wrap .ly-inner .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}
#test-wrap .ly-inner a {color: #51555d; display: block; padding: 4px 0; margin: 0 20px; font-weight: bold;  background: none;}
#test-wrap .ly-inner .on a {color: #df242b; background: url(/images/common/line_global.png) 100% center no-repeat;}
#test-wrap .ico_arrow {display: block; width: 100%; height: 26px; background: url(/images/common/uti_ic_arrow_1.png) right center no-repeat;}
*/

/* 팝업테스트 사이트 */
#test-wrap {position: fixed; left: 0; top: 0; width: 100%; z-index: 100; display: none;}
#test-wrap .inner { position: relative; width: 650px; margin: 0 auto;}
.sm #test-wrap .inner {position: static;}
.sm #test-wrap .inner .pos {right: 85px;}
#test-wrap .inner .pos {position: absolute; top: 68px; margin:0 auto; }
#test-wrap .ly-inner {padding: 10px;  background: #ffffff;}
#test-wrap .ly-inner .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; padding: 0; margin: 0; background: url(/images/common/btn_close.png) 100% center no-repeat;}
#test-wrap .ly-inner .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}
#test-wrap .ly-inner a {color: #51555d; display: block; padding: 0px; margin: 0 px; font-weight: bold;  background: none;}
#test-wrap .ly-inner .on a {color: #df242b; background: url(/images/common/line_global.png) 100% center no-repeat;}
#test-wrap .ico_arrow {display: block; width: 100%; height: 26px; background: url(/images/common/uti_ic_arrow_1.png) right center no-repeat;}

#test-wrap .ly-inner .todaycheck {position: absolute; bottom: -15px; left:5px;  cursor: pointer;}
#test-wrap .ly-inner .todaycheck input[type="checkbox"]{display:none;}
#test-wrap .ly-inner .todaycheck input[type="checkbox"] + label{display:inline-block;width:16px;height:16px;border:1px solid #fff}
#test-wrap .ly-inner .todaycheck input[type=checkbox]:checked + label{background:url("/images/common/check.png") center center no-repeat;}
#test-wrap .ly-inner .todaycheck label {line-height:15px !important; overflow:visible;}
#test-wrap .ly-inner .todaycheck label span{display:inline-block;  width:300px; color:#fff;font-size:15px; padding-left:25px;}

#test-wrap2 {position: fixed; left: 0; top: 0; width: 100%; z-index: 100; display: none;}
#test-wrap2 .inner { position: relative; width: 650px; margin: 0 auto;}
.sm #test-wrap .inner {position: static;}
.sm #test-wrap .inner .pos {right: 85px;}
#test-wrap2 .inner .pos {position: absolute; top: 68px; margin:0 auto; }
#test-wrap2 .ly-inner {padding: 10px;  background: #ffffff;}
#test-wrap2 .ly-inner .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; padding: 0; margin: 0; background: url(/images/common/btn_close.png) 100% center no-repeat;}
#test-wrap2 .ly-inner .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}
#test-wrap2 .ly-inner a {color: #51555d; display: block; padding: 0px; margin: 0 px; font-weight: bold;  background: none;}
#test-wrap2 .ly-inner .on a {color: #df242b; background: url(/images/common/line_global.png) 100% center no-repeat;}
#test-wrap2 .ico_arrow {display: block; width: 100%; height: 26px; background: url(/images/common/uti_ic_arrow_1.png) right center no-repeat;}



#test-wrap .ly-inner2 {padding: 5px;  background: #ffffff;}
#test-wrap .ly-inner2 .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; padding: 0; margin: 0; background: url(/images/common/btn_close.png) 100% center no-repeat;}
#test-wrap .ly-inner2 .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}
#test-wrap .ly-inner2 a {color: #51555d; display: block; padding: 0px; margin: 0 px; font-weight: bold;  background: none;}
#test-wrap .ly-inner2 .on a {color: #df242b; background: url(/images/common/line_global.png) 100% center no-repeat;}



#test-wrap .inner3 { position: relative; width: 467px; margin: 0 auto;}
.sm #test-wrap .inner3 {position: static;}
.sm #test-wrap .inner3 .pos {right: 85px;}
#test-wrap .inner3 .pos {position: absolute; top: 78px; margin:0 auto; }
#test-wrap .ly-inner3 {padding: 10px;  background: #ffffff;}
#test-wrap .ly-inner3 .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; padding: 0; margin: 0; background: url(/images/common/btn_close.png) 100% center no-repeat;}
#test-wrap .ly-inner3 .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}
#test-wrap .ly-inner3 a {color: #51555d; display: block; padding: 0px; margin: 0 px; font-weight: bold;  background: none;}
#test-wrap .ly-inner3 .on a {color: #df242b; background: url(/images/common/line_global.png) 100% center no-repeat;}



/* 사이트맵 */
.sm #sitemap-wrap .inner .pos {top: 35px;}
#sitemap-wrap {position: fixed; left: 0; top: 0; z-index: 100; width: 100%; display: none;}
#sitemap-wrap .inner {position: relative; width: 1200px; margin: 0 auto;}
#sitemap-wrap .inner .pos {position: absolute; top: 68px; width: 100%;}
#sitemap-wrap li a {float: none;}
#sitemap-wrap .ly-inner {background: #ffffff;}
#sitemap-wrap .ly-inner .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; background: url(/images/common/btn_close.png) 100% center no-repeat; padding: 0; margin: 0;}
#sitemap-wrap .ly-inner .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}
#sitemap-wrap .ico_arrow {display: block; width: 100%; height: 26px; background: url(/images/common/uti_ic_arrow_1.png) 100% center no-repeat;}
#sitemap-wrap .ly-inner ul {width: 100%;}
#sitemap-wrap .ly-inner .btn-sitemap {position: absolute; bottom: 20px; right: 30px; border: 1px solid #a8aaae; padding: 5px 10px 5px 30px; background: url(/images/common/ic_menu.png) 10px 50% no-repeat; margin: 0; color: #51555d; }

/* 2019 10 09 */
#sitemap-wrap .ly-inner .dep-1 {float: left; width: 20%; padding: 50px 0 50px 0px; background: url(/images/common/gra_line.png) 0% 0 repeat-y; min-height: 367px;}
/* #sitemap-wrap .ly-inner .dep-1.ic-2 span {background: url(/images/common/ic_gnb_5.png) 85% center no-repeat;}
#sitemap-wrap .ly-inner .dep-1.ic-3 span {background: url(/images/common/ic_gnb_2.png) 85% center no-repeat;}
#sitemap-wrap .ly-inner .dep-1.ic-4 span {background: url(/images/common/ic_gnb_3.png) 85% center no-repeat;}
#sitemap-wrap .ly-inner .dep-1.ic-5 span {background: url(/images/common/ic_gnb_4.png) 85% center no-repeat;} */
#sitemap-wrap .ly-inner .dep-1 div {float: none; padding-left: 30px;}
/* 2019 10 09 */


#sitemap-wrap .ly-inner .dep-1 div li {float: none; padding: 6px 0;}
#sitemap-wrap .ly-inner .dep-1 ul {padding-top: 20px; background: url(/images/common/sitemap_line.png) 0 0 no-repeat;}
#sitemap-wrap .ly-inner .dep-1 a {color: #51555d; font-size: 18px; background: none; float: none; margin: 0;}
#sitemap-wrap .ly-inner .dep-1 div span {font-size: 24px; color: #51555d; display: block; margin-bottom: 20px; line-height: 38px; font-family: 'nanum-square-b';}
#sitemap-wrap .ly-inner:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}



/* 폼 */
.form-area {padding: 10px 0; position: relative;}
.form-area:after { display: block; content:""; clear: both; visibility:hidden;}
.form-area select {border: 1px solid #e0e1e2; color: #898d92; padding: 9px 5px 9px 5px; min-width:100px;}
.form-area select option {color: #97999e;}
.form-area .fl {float: left;}
.form-area .fr {float: right; text-align: right; position: relative;}
.form-area .fr .ic-search {position: absolute; top: 13px; right: 10px; width: 34px; height: 34px; background: url(/images/common/btn_search.png) center center no-repeat;}
.form-area .fr .ic-search span {width: 1px; height: 1px; display: block; text-indent:-9999px; overflow: hidden;}
.form-area .fr input {width: 200px;}
.form-area .fr label {display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:0; line-height:0; white-space: nowrap;}
.form-area .cal-wrap {position: relative; display: inline-block;}
.form-area .cal-wrap .date-ic {position: absolute; top: 4px; right: 0; display: inline-block; width: 30px; height: 30px; background: url(/images/common/ic_date.png) center center no-repeat; text-indent:-9999px; cursor: pointer;}
.form-area.data-3 .left {}
.form-area.data-3 .left a {font-size: 18px; font-family: 'nanum-square-b'; padding-right: 25px; }
/*.form-area.data-3 .left a {font-size: 18px; font-family: 'nanum-square-b'; padding-right: 25px; background: url(/images/common/ic_pop.png) 100% center no-repeat;}
*/
.form-area.data-3 dl {margin-top: 10px;}
.form-area.data-3 dl:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
.form-area.data-3 dt:first-child {padding-left: 0;}	
.form-area.data-3 dt, 
.form-area.data-3 dd {float: left; padding: 0 2px; color: #898d92;}



/* 에러페이지 */
.er {width: 1000px; margin: 0 auto; margin-top: 100px;}
.er_tit {border-bottom: 1px solid #ff0000; padding-bottom: 15px;}
.er_con {background: #f7f7f7; padding: 60px 0;}
.er_con h1 {font-size: 30px; color: #333; text-align: center; font-weight: normal;}
.er_con .er_in {width: 60%; margin: 0 auto; padding: 30px 0 50px;}
.er_btn {text-align: center;}
.er_copy {text-align: center; padding-top: 15px;}


/*강령추가*/
/* .txtleft {text-align:left;}
.txtcenter p{padding-left:20px;}
#contents h3.big3 {font-size: 35px; padding-bottom: 40px;font-weight:bold;}
#contents.bod .txtleft {padding: 0px 0 0px 0;}
#contents.bod .txtleft div{float: left; width: 50%; padding-right:20px; box-sizing: border-box; }
#contents.bod .txtleft div.fl {float: left; clear: both;}
#contents.bod .txtleft div p, #contents.bod .txtleft div h4 {text-align: left;}
#contents.bod .txtleft div h4 span {margin: 15px 0;}
#contents.bod .txtleft p {text-align:left; padding-left:20px; text-indent:-20px; }
.lt001 {border-top:1px solid #dedfe0;padding-top:30px;} */



/*강령추가*/
/* .txtleft {text-align:left;}
.txtcenter p{padding-left:20px;} */
#contents h3.big3 {font-size:45px; padding-bottom: 40px;font-weight:bold;}
/* #contents .big5 {background-color:#dcdada; padding:4px;  border-radius:6px;} */
#contents .big5 {background: url(/images/company/msico1.png) 5px 4px no-repeat; background-color:#eeeeee; padding:7px 10px 7px 50px; color:#df242b; border-radius:8px; }
#contents .big6 {background: url(/images/company/msico1.png) 5px 4px no-repeat; background-color:#eeeeee; padding:7px 10px 7px 50px; color:#4b4e51; border-radius:8px; }


#contents .big4 {font-size:17px; text-align:left; }

#contents.bod .txtleft2 {padding: 0px 0 0px 0;text-align: left;}
#contents.bod .txtleft2 p {font-size:17px;text-align:left; padding-left:20px; text-indent:-20px;}
#contents.bod .txtleft2 div {font-size:17px;text-align:left;  }


#contents.bod .txtleft3 {text-align: left; background-color:#eeeeee; padding:40px 40px 40px 40px;  border-radius:8px;}
#contents.bod .txtleft4 p {font-size:17px;text-align:left; padding-left:20px; text-indent:-20px;}
#contents.bod .txtleft4 h3.mtm50{margin-bottom:-50px;}
#contents.bod .txtleft4 div {font-size:17px;text-align:left;}


#contents .outline {border:1px dashed #cccccc;  padding:50px 70px 45px 70px; border-radius:20px;box-shadow:4px 4px 0 0 #ede9e9; background: url(/images/company/con_bg.jpg) right top no-repeat;}

#contents.bod .txtleft {padding: 0px 0 0px 0;}
#contents.bod .txtleft div{float: left; width: 50%; padding-right:20px; box-sizing: border-box; }
#contents.bod .txtleft div.fl {float: left; clear: both;}
#contents.bod .txtleft div p, #contents.bod .txtleft div h4 {text-align: left;}
#contents.bod .txtleft div h4 span {margin: 15px 0;}
#contents.bod .txtleft p {text-align:left; padding-left:20px; text-indent:-20px; }
.lt001 {border-top:1px solid #dedfe0;padding-top:30px;}


#contents .fr {text-align:right; padding:10px;}
#contents.bod .duty {display: none; }
#contents.bod .duty.on {display: block;}
#contents.bod .duty h3 {}
#contents.bod .duty li {float: left; width: 49%; padding-bottom: 50px; line-height: 1.8em; margin-right: 1%;}

#contents.bod .duty li:nth-child(2n) {margin-left: 1%; margin-right: 0;}
#contents.bod .duty ul li.fl {float: left; clear: both;}
#contents.bod .duty ul li.fl2 {float: left; width: 100%; clear: both;}
#contents.bod .duty li.fl2 strong {float: left; width: 11%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
#contents.bod .duty li.fl2 span {float: left; text-align: left; width: 89%;}

#contents.bod .duty li strong {float: left; width: 22%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
#contents.bod .duty li span {float: left; text-align: left; width: 78%;}

.ircont {font-size:16px;  line-height: 3.8em;}

/* 20190828 채팅봇 팝업  */
#btn-chat {
	position: fixed; bottom: 0; width: 100%; z-index:2; opacity: 1;
	-webkit-transition-duration: 0.4s; transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#btn-chat.show {opacity: 1;}
#btn-chat .inner {width: 1200px; position: relative; margin: 0 auto;}
#btn-chat .inner img {
	position: absolute; bottom: 250px; right: -160px;  display: block;

}
#btn-chat span {display: block; text-indent:-9999px:}



.btns-wrap a.grey {color: #ffffff; background: #7b7a7a !important; padding: 11px 25px 11px 25px;}

.f-justify-t {display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: start; -webkit-align-items: start;}
.f-justify-c {display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;}
.f-center {display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; text-align: center; justify-content: center; -webkit-justify-content: center;}
.line-wide {background: #dedfe0; width: 100%; height: 1px;}
.tfoot_text {font-size: 14px; color: #898d92; padding-top: 20px; text-align: left;}