.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;}
#contents {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    float: left;
    z-index: 9999;
	background: url(../images/main/center_bg.png) 0 0 repeat;
}

/* 레이아웃 */
#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 .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;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);}
/*#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: 'notokr'; font-size: 20px;}
.f-big {font-family: 'notokr'; font-size: 20px;}
.bg-gray {background: #fcfcfc;}



/* 폰트 */
.c-red {color: #e8252d;}
.c-org {color: #f58026;}
.c-red-2 {color: #e52c4f;}
.c-gray {color: #898d92;}
.fc_red {color: #e8252d;}
.fc_gray {color: #898d92;}
.fs-30 {font-size: 30px !important;}
.big {font-size: 22px; font-family: 'notokr';}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}


/* 여백 */
.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;}
.mt20 {margin-top: 20px !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;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !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 p {font-family: 'notokr'; font-size: 24px;}
#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 h3 {font-family: 'notokr'; 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 span.sm_red { color: #e8252d; font-family: 'notokr';}
#contents h3 span.sm { color: #51555d; font-family: 'notokr';}
#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.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;}




/* 상단 바로가기 */
#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 span {display: block; text-indent:-9999px}