@charset "utf-8";
@import url(content_hj.css?v=09);
@import url(content_sr.css?v=09);


/* Font */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src:local(※), url(/resources/pc/css/font/NotoSansKR-Light.woff2) format("woff2"), url(/resources/pc/css/font/NotoSansKR-Light.woff) format("woff"), url(/resources/pc/css/font/NotoSansKR-Light.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src:local(※), url(/resources/pc/css/font/NotoSansKR-Regular.woff2) format("woff2"), url(/resources/pc/css/font/NotoSansKR-Regular.woff) format("woff"), url(/resources/pc/css/font/NotoSansKR-Regular.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src:local(※), url(/resources/pc/css/font/NotoSansKR-Medium.woff2) format("woff2"), url(/resources/pc/css/font/NotoSansKR-Medium.woff) format("woff"), url(/resources/pc/css/font/NotoSansKR-Medium.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src:local(※), url(/resources/pc/css/font/NotoSansKR-Bold.woff2) format("woff2"), url(/resources/pc/css/font/NotoSansKR-Bold.woff) format("woff"), url(/resources/pc/css/font/NotoSansKR-Bold.otf) format("opentype"); }

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,select,textarea{font-family:'Noto Sans KR',"맑은 고딕","Malgun Gothic",Sans-serif;font-size:12px;color:#000}
body{text-align:left; word-break:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top; max-width:100%;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}
* {box-sizing:border-box;}

/* Placeholder */
::-webkit-input-placeholder { color: #787878; font-weight: normal; }
:-moz-placeholder { color: #787878; opacity: 1; font-weight: normal; }
::-moz-placeholder { color: #787878; opacity: 1; font-weight: normal; }
:-ms-input-placeholder { color: #787878; font-weight: normal; }


body {overflow-x:hidden; width: 720px; opacity: 0; -webkit-text-size-adjust:50%;}
body.on {opacity: 1;}
body.init {-webkit-text-size-adjust:auto;}


/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

/* Form */
input[type="radio"], input[type="checkbox"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
textarea { box-sizing: border-box; font-family: 'Noto Sans KR',Sans-serif; resize: none;}

/* Easy */
.clear:after {content:''; display:block; celar:both;}
.hidden { position: absolute; left: -9999px; height: 0; text-indent: -9999px; visibility: hidden; overflow: hidden;}

#viewport {overflow-x:hidden;position: relative; width: 100%;}


.head {position: absolute; left:0; top:0; width: 100%; z-index: 100;}
.head .in {position: absolute; left:0; top:0; width: 100%; }
.head.fixed  {position: fixed !important; height:108px; background:rgba(0,0,0,.7);}
.head .fakeDiv {display: none; height:108px;}
.head.fixed .fakeDiv {display: block; }


.head .in:after {content:''; display:block; clear:both;}
.head .in h1{float:left; padding:33px 0 0 30px; position: relative; z-index: 30; }
.head .in .btnTotal{float:right; padding:40px 30px 0 0px; position: relative; z-index: 30; }
.head .in .btnTotal a {display: block; height: 40px; width: 37px;}
.head .in .btnTotal.new:after {content:''; position: absolute; left:-33px; top:21px; background: url('../images/common/btnNew.png') no-repeat; width:37px; height: 41px;}


.head .in .navList {position: fixed; left:100%; top:0; z-index: 999; height: 100%; overflow-y:scroll;   overflow-x:hidden;}
.head .in .navList .inner {position:absolute; left:0; width:100%; height: 100%; background:#2c4164; z-index:60;  }
.head .in .navList .inner:before {content:''; position:fixed; width: 100%; top:0;  height: 100%; background:#2c4164; z-index:1;  }

.head .bgNavBack { position:fixed; left:0; top:0; z-index:-1;  width:100%; height: 100%; background:rgba(0,0,0,.7); transition:.5s all; opacity:0; visibility:hidden;}

body.open {overflow-y:hidden;}
/* body.open .in .navList  {left:11%; width:89%;} */
body.open .head .bgNavBack {opacity:1;  z-index:50; content:''; visibility:visible;}

.head .in .navList .inner > ul {position: relative; z-index: 20;}
.head .in .navList .inner > ul:after {content:''; display:block; clear:both;}
.head .in .navList .inner > ul > li {position: relative;}
.head .in .navList .inner > ul > li.new:before {content:''; position: absolute; left:32px; top:10px; background: url('../images/common/btnNew.png') no-repeat; width:37px; height: 41px;}
.head .in .navList .inner > ul > li:first-child {margin-left: 0;}
.head .in .navList .inner > ul > li > a {display: block; position: relative;  padding:39px 0 39px 70px;  font-size: 28px; color:#ffffff; line-height: 28px; z-index: 30;  border-bottom:1px solid #425474;;}
.head .in .navList .inner > ul > li > a:after {content:''; position: absolute; top:50%; margin-top:-4px; left:40px; width: 9px; height: 9px; border-radius:10px; background:#fff; }
.head .in .navList .inner > ul > li > a:before {content:''; position: absolute; top:50%; margin-top:-9px; right:40px; background: url('../images/common/subGnbOff.png') no-repeat; width: 33px; height: 17px;;}
.head .in .navList .inner > ul > li.active > a:before {background: url('../images/common/subGnbOn.png') no-repeat; }

.head .in .navList .subGnb { z-index: 20; background:#212f46; display: none;}
.head .in .navList .subGnb .infoTit { font-size:25px; line-height: 25px; color:#ffffff; text-align: left; padding:37px 0 37px 70px;}
.head .in .navList .subGnb .list {background: url('../images/common/gnbBgFour2.png') center 50px no-repeat;}
.head .in .navList .gnb01 .list {background: url('../images/common/gnbBgSix.png') center 50px no-repeat;}
.head .in .navList .gnb02 .list {background: url('../images/common/gnbBgSix.png') center 45px no-repeat;}
.head .in .navList .gnb03 .list {background: url('../images/common/gnbBgSix.png') center 45px no-repeat;}
.head .in .navList .gnb05 .list {background: url('../images/common/gnbBgSix.png') center 45px no-repeat;}
.head .in .navList .subGnb .list .readyTit {text-align: center;font-size: 16px; color:#fff;  width:560px; padding-top: 35px;}
.head .in .navList .subGnb .list ul:after {content:''; display:block; clear:both;}
.head .in .navList .subGnb .list ul li {float:left; width: 50%; position: relative; text-align: center; padding-top: 7px;}
.head .in .navList .subGnb .list ul li.new a:before {content:''; position: absolute; left:77px; top:23px; background: url('../images/common/btnNew.png') no-repeat; width:37px; height: 41px;}




.head .in .navList .subGnb .list ul li a {position: relative; display:block;  font-size:24px; color:#ffffff; line-height: 24px; padding-top: 130px; text-align: center; letter-spacing:-0.05em; height: 187px;}
.head .in .navList .subGnb .list ul li a:after {content:''; position: absolute; left:50%; width:120px; margin-left:-60px; bottom:70px; height: 100px;}
.head .in .navList .subGnb .list ul li a:active {background:#1a2638;}



.head .in .navList .gnb01 .list ul li.no1 a:after {background: url('../images/common/gnb01_01.png') center bottom no-repeat;}
.head .in .navList .gnb01 .list ul li.no2 a:after {background: url('../images/common/gnb01_02.png') center bottom no-repeat;}
.head .in .navList .gnb01 .list ul li.no3 a:after {background: url('../images/common/gnb01_03.png') center bottom no-repeat;}
.head .in .navList .gnb01 .list ul li.no4 a:after {background: url('../images/common/gnb01_04.png') center bottom no-repeat;}
.head .in .navList .gnb01 .list ul li.no5 a:after {background: url('../images/common/gnb01_05.png') center bottom no-repeat;}

.head .in .navList .gnb02 .list ul li.no0 a:after {background: url('../images/common/gnb02_00.png') center bottom no-repeat;}
.head .in .navList .gnb02 .list ul li.no1 a:after {background: url('../images/common/gnb04_01.png') center bottom no-repeat;}
.head .in .navList .gnb02 .list ul li.no2 a:after {background: url('../images/common/gnb04_02.png') center bottom no-repeat;}
.head .in .navList .gnb02 .list ul li.no3 a:after {background: url('../images/common/gnb04_03.png') center bottom no-repeat;}
.head .in .navList .gnb02 .list ul li.no4 a:after {background: url('../images/common/gnb04_04.png') center bottom no-repeat;}


.head .in .navList .gnb03 .list ul li.no1 a:after {background: url('../images/common/gnb03_01.png') center bottom no-repeat;}
.head .in .navList .gnb03 .list ul li.no2 a:after {background: url('../images/common/gnb03_02.png') center bottom no-repeat;}
.head .in .navList .gnb03 .list ul li.no3 a:after {background: url('../images/common/gnb03_03.png') center bottom no-repeat;}
.head .in .navList .gnb03 .list ul li.no4 a:after {background: url('../images/common/gnb03_04.png') center bottom no-repeat;}
.head .in .navList .gnb03 .list ul li.no5 a:after {background: url('../images/common/gnb03_05.png') center bottom no-repeat;}


.head .in .navList .gnb04 .list ul li.no1 a:after {background: url('../images/common/gnb02_01.png') center bottom no-repeat;}
.head .in .navList .gnb04 .list ul li.no2 a:after {background: url('../images/common/gnb02_02.png') center bottom no-repeat;}
.head .in .navList .gnb04 .list ul li.no3 a:after {background: url('../images/common/gnb02_03.png') center bottom no-repeat;}
.head .in .navList .gnb04 .list ul li.no4 a:after {background: url('../images/common/gnb02_04.png') center bottom no-repeat;}

.head .in .navList .gnb05 .list ul li.no1 a:after {background: url('../images/common/gnb05_01.png') center bottom no-repeat;}
.head .in .navList .gnb05 .list ul li.no2 a:after {background: url('../images/common/gnb05_02.png') center bottom no-repeat;}
.head .in .navList .gnb05 .list ul li.no3 a:after {background: url('../images/common/gnb05_03.png') center bottom no-repeat;}
.head .in .navList .gnb05 .list ul li.no4 a:after {background: url('../images/common/gnb05_04.png') center bottom no-repeat;}
.head .in .navList .gnb05 .list ul li.no5 a:after {background: url('../images/common/gnb05_06.png') center bottom no-repeat;}


.head .in .bgNav {position: absolute; left:0; top:0; width:100%; height:226px; background:#283854 url('../images/common/gnbBgBack.jpg') no-repeat;  z-index: 10; display: none;}

.head .in .snsLogin {position: relative; margin:0 35px 0 35px;  text-align: center;  z-index: 40; border-bottom:1px solid #96a0b2; padding:27px 0 27px 0;}
.head .in .snsLogin a {display: block; width: 180px;  font-weight: 500; font-size: 22px; color:#fff; height: 42px; line-height:37px;  border:2px solid #fff; border-radius:100px;}

.head .in .btnKeyword {position: absolute; right:128px; top:37px;}
.head .in .btnKeyword a {display: inline-block; text-indent:-999em; width: 40px; height: 40px; background:url('../images/common/btnKeyword.png') no-repeat;}


.head .in .btnCloseTotal {position: absolute; right:35px; top:28px;  z-index: 40;  height: 40px;}
.head .in .btnCloseTotal a {display: block; height: 40px;}


.mainPopCont {position: absolute; left:50%; top:154px; margin-left:-330px; width: 660px; z-index: 10;}
.mainPopCont .mainTit {margin-bottom: 45px; text-align: center;}
.mainPopCont .countWrap { margin:0 auto 3px auto; text-align: center;}
.mainPopCont .countWrap:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .visitWrap {display: inline-block; vertical-align: top; position: relative;}
.mainPopCont .countWrap .visitWrap:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .visitWrap .tit {position: relative; float:left; font-size:20px; line-height: 13px;  color:#fff; padding-left: 19px; margin-right:20px;  top:12px; letter-spacing:-1px; }
.mainPopCont .countWrap .visitWrap .tit:after {content:''; position: absolute; left:4px; bottom:-2px; width: 40px; height: 50px; background:url('../images/main/bgCount01.png') no-repeat;}
.mainPopCont .countWrap .visitWrap .count:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .visitWrap .count {float:left;}
.mainPopCont .countWrap .visitWrap .count .num {float:left; font-size: 22px; line-height: 22px; color:#ffd800; font-weight: 500; margin-right: 5px;}
.mainPopCont .countWrap .visitWrap .count .txt {float:left;  font-size: 20px; line-height: 20px; color:#fff;  margin-top:8px; }
.mainPopCont .countWrap .opWrap {display: inline-block; padding-left: 11px; position: relative; margin-left: 27px; top:2px; }
.mainPopCont .countWrap .opWrap:before {content:''; position: absolute; left:0px; top:3px; width:0.2em; height: 29px; background:#fff;}
.mainPopCont .countWrap .opWrap:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .opWrap .tit {position: relative; float:left; font-size: 20px; line-height:20px; color:#fff;  letter-spacing:-0.03em; margin-right:20px; padding-left:28px; top:5px; letter-spacing:-1px;}
.mainPopCont .countWrap .opWrap .tit:after {content:''; position: absolute; left:0; top:-25px; width: 27px; height: 28px; background:url('../images/main/bgCount02.png') no-repeat;}
.mainPopCont .countWrap .opWrap .tit:before {}
.mainPopCont .countWrap .opWrap .count {float:right; position: relative; top:-2px;}
.mainPopCont .countWrap .opWrap .count:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .opWrap .count .num {float:left;  margin-right: 5px;}
.mainPopCont .countWrap .opWrap .count .num span { }
.mainPopCont .countWrap .opWrap .count .txt {float:left; font-size: 20px; color:#fff; line-height: 20px; margin-top:8px;}
.mainPopCont .opTextWrap {width:556px; margin:515px auto 0 auto; text-align: center; position: relative; padding:30px 0 35px 0; letter-spacing:-0.03em;}
.mainPopCont .opTextWrap:after {content:''; position: absolute; left:4px; top:0; width:28px; height:160px; background:url('../images/main/bgMainLeft.png') no-repeat;}
.mainPopCont .opTextWrap:before {content:''; position: absolute; right:4px; top:0; width:28px; height: 160px; background:url('../images/main/bgMainRight.png') no-repeat;}
.mainPopCont .opTextWrap .tit01 {font-size: 36px; color:#fff; line-height: 40px; margin-bottom: 10px;}
.mainPopCont .opTextWrap .tit01 span {color:#ffd800; font-weight: 700;}
.mainPopCont .opTextWrap .tit02 {color:#fff; font-size: 20px;}

.mainPopCont .countWrap .visitWrap .counting {position: relative; height:30px; overflow:hidden; }
.mainPopCont .countWrap .visitWrap .counting:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .visitWrap .counting span {position: relative; float:left; width:18px;}
.mainPopCont .countWrap .visitWrap .counting span em {display: block; position: relative; width:18px; height:600px; background:url('../images/main/bigCount3.png') no-repeat; text-indent:-999em;}
.mainPopCont .countWrap .visitWrap .counting span.comma {margin-left:5px;}
.mainPopCont .countWrap .visitWrap .counting span.comma:after {content:''; position: absolute; left:-5px; top:23px; width:6px; height:8px; background:url('../images/main/bgComma2.png') no-repeat;}


.mainPopCont .countWrap .opWrap .counting {position: relative; height:30px; overflow:hidden; }
.mainPopCont .countWrap .opWrap .counting:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .opWrap .counting span {position: relative; float:left; width:18px;}
.mainPopCont .countWrap .opWrap .counting span em {display: block; position: relative; width:18px; height:880px; background:url('../images/main/bigCount3.png?v=03') no-repeat; text-indent:-999em; }
.mainPopCont .countWrap .opWrap .counting span.comma {margin-left: 5px;}
.mainPopCont .countWrap .opWrap .counting span.comma:after {content:''; position: absolute; left:-6px; top:23px; width:6px; height:8px; background:url('../images/main/bgComma2.png') no-repeat;}




.mainGnb {padding:0 30px 0 30px;}
.mainGnb ul:after {content:''; display:block; clear:both;}
.mainGnb > ul > li{position: relative; }
.mainGnb > ul > li > a {display: block;  padding:45px 0 52px 0; height:200px; margin-bottom: 5px;;}
.mainGnb > ul > li > .slideTit {display: block;  padding:45px 0 0 0; height:auto; margin-bottom: 5px;;}
.mainGnb > ul > li.no1 {/* padding-bottom: 40px; */}
.mainGnb > ul > li.no1 > a {padding-top: 80px; /* padding-bottom: 0;  height:auto; */}
.mainGnb > ul > li.no3 > a{margin-bottom: 0;}
.mainGnb > ul > li.no4 > a{margin-bottom: 0;}
.mainGnb.slideUse > ul > li.no1  {padding-bottom: 40px; min-height:200px;}
.mainGnb.slideUse > ul > li.no1 > a {padding-top: 80px; padding-bottom: 0;  height:auto; }
.mainGnb.slideUse > ul > li.no1:before {display: none;}
.mainGnb > ul > li:after {content:''; position: absolute; left:0; bottom:0;  width:650px; height: 2px; background: url('../images/main/bgMainGnbLine.png') no-repeat;}
.mainGnb > ul > li:before{content:''; position: absolute; right:25px; top:50%; margin-top:-22px; width: 44px; height: 44px; background: url('../images/main/bgMainGnbMove.png') no-repeat;}
.mainGnb > ul > li .tit span:after { content:''; position: absolute; left:0; top:0; width:115px; height: 100px;}
.mainGnb > ul > li.no1 .tit span:after { background: url('../images/main/bgMainGnb01-new.png') left 0 no-repeat; top:0; left:-7px}
.mainGnb > ul > li.no2 .tit span:after { background: url('../images/main/bgMainGnb02.png') left 0 no-repeat}
.mainGnb > ul > li.no3 .tit span:after { background: url('../images/main/bgMainGnb03.png') left 0 no-repeat; top: -2px;}
.mainGnb > ul > li.no4 .tit span:after { background: url('../images/main/bgMainGnb04.png') left 0 no-repeat}
.mainGnb > ul > li:last-child:after {display: none;}
.mainGnb ul li .tit {margin-bottom:3px;}
.mainGnb ul li .tit span {display: block; position: relative; font-size: 34px; line-height: 34px; color:#000000; letter-spacing:-1px; padding-left: 115px;}
.mainGnb ul li .link {display: block; padding-left: 115px;}
.mainGnb ul li .link .title {display: block; font-size: 28px; color:#4c4c4c;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom: 3px; width:450px;}
.mainGnb ul li .link .date {font-size: 24px; color:#9b9b9b; line-height: 16px;}
.mainGnb .mgSlide {width: 460px; overflow:hidden; margin-left:115px;}
.mainGnb .mgSlide .link {padding-left: 0;}
.mainGnb .bx-controls {display: none;}
.mgSlide .swiper-button-next, .mgSlide .swiper-button-prev {width: 32px; height: 52px; margin-top:-26px; display: none;}
.mgSlide .swiper-button-next { background: url('../images/main/leftArrow.png') no-repeat; left:67px; right:auto;}
.mgSlide .swiper-button-prev { background: url('../images/main/rightArrow.png') no-repeat;  right:67px; left:auto;}
.mgSlide .swiper-button-disabled{ display: none;}
.mgSlide .swiper-pagination{width:70px; right:17px; top:103px; text-align: right; line-height: 0;}
.mgSlide .swiper-pagination span {display:inline-block; width: 14px; height: 14px; border-radius:8px; background:#aaaaaa; text-indent:-999em; margin-left:8px;}
.mgSlide .swiper-pagination span:focus {outline:none !important}
.mgSlide .swiper-pagination span:first-child {margin-left: 0;}

.mgSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#00589e;}

.footer {background:#282828; text-align: center; padding:20px;}

.footer .logo {padding-top: 20px; margin-bottom: 20px; border-top:1px solid #393939;}
.footer .addr { color:#969696; font-family:'돋움';  font-size: 20px; line-height: 27px; letter-spacing:-0.05em;}
.footer .addr a { color:#969696; font-family:'돋움';  font-size: 20px; line-height: 27px;}
.footer .personal {padding:0 0 20px 0; }
.footer .personal a{color:#cfcfcf;text-decoration: underline; font-size: 20px; display: inline-block; }
.footer .personal a:nth-child(2) {margin-left: 30px; padding-left: 30px; position: relative;}
.footer .personal a:nth-child(2):after {content:''; position: absolute; left:0; top:50%; margin-top:-10px; height: 20px; width: 0.1em; background: #393939;}
.footer .award{margin-top:30px;text-align:center;background:#fff;padding:1em;display:inline-block;}
.footer .award img{height:100px;}
.footer .award p{font-size:10px;margin-top:.5em;}

.slideBgWrap {position: relative; height: 1050px;}
.slideBgWrap .in{}
.slideBgWrap .bx-pager {display: none;}
.slideBgWrap .bx-controls-direction {display: none;}

/*
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.slideBg, .slideBg li{
    height: 100% !important;;
}
.slideBg li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover !important;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}
*/


/* Alert */
.popCommon {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 500; display: none;}
.popCommon:before {content:''; position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.8);}
.popCommon .popIn {position:absolute; left:0; top:50%;    min-width:100px; width: 100%;  box-sizing:border-box;  z-index:2;  visibility:hidden; text-align: center; }
.popCommon .popIn .closePop {position: absolute; right:-8px; top:-55px;}
.popCommon .popIn .closePop a {display: block; width:40px; height: 40px; background:url(../images/common/btnPopClose.png) no-repeat; text-indent:-999em; }
.popCommon .popIn .cell {display: inline-block; background:#fff; border: 10px solid #043763; width:580px; position: relative;  animation-name: anim-scale; animation-duration: .3s; animation-direction: alternate; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);}
.popCommon .popIn .verCenter {display:table; min-height: 360px; width: 100%; text-align: center; }
.popCommon .popIn .verCenter .alertText, .popCommon .popIn .verCenter .text, .popCommon .popIn .verCenter .confirmText{display:table-cell;  font-size: 27px; vertical-align: middle; color:#000;  padding:30px 30px 100px; }
.popCommon .popIn .btnWrap {position: absolute; bottom: 25px; left: 0; width: 100%; text-align: center;}
.popCommon .popIn .btnWrap a {width: 200px; height: 80px; line-height: 80px; display: inline-block;}
.popCommon .popIn .btnWrap a.cancel {margin-right: 8px;}

@keyframes anim-scale {
    from { -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
    to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
}

#popReady .popIn .verCenter .text {padding:0 30px;}



.subTopBg {position: relative; background: url('../images/sub/subTop01.jpg') center top no-repeat; height: 340px;}
.subTopBg.member {position: relative; background: url('../images/sub/subTop01.jpg') center top no-repeat; }
.subTopBg.login {position: relative; background: url('../images/sub/subTop02.jpg') center top no-repeat; }
.subTopBg.reference {position: relative; background: url('../images/sub/subTop03.jpg') center top no-repeat; }
.subTopBg.information {position: relative; background: url('../images/sub/subTop04.jpg') center top no-repeat; }
.subTopBg.citizen {position: relative; background: url('../images/sub/subTop10.jpg') center top no-repeat; }
.subTopBg h2 {position: absolute; left:0;  top:170px; width: 100%; font-size: 48px; line-height: 48px; color:#ffffff; text-align: center; font-weight: 400;}


.snsLoginWrap {margin-top: 40px; padding:0 30px;}
.snsLoginWrap .logTitle {border:6px solid #e3e3e3; height: 200px; margin-bottom: 40px; letter-spacing:-0.05em; text-align: center;}
.snsLoginWrap .logTitle:after {content:''; display:block; clear:both;}
.snsLoginWrap .logTitle .tit01 { font-size:30px; font-weight: 700; line-height: 30px; padding:40px 0 20px 0;}
.snsLoginWrap .logTitle .tit02 {font-size: 27px; color:#000000;letter-spacing:-0.08em; }
.snsLoginWrap .snsLogin ul {}
.snsLoginWrap .snsLogin ul:after {content:''; display:block; clear:both;}
.snsLoginWrap .snsLogin ul li {margin:0 0 23px 0; background:#f3f3f3;  }
.snsLoginWrap .snsLogin ul li a {display: block; position: relative; width: 519px; height: 155px; padding:28px 0 0 22px; font-size:28px; line-height: 28px; color:#4a4a4a;}
.snsLoginWrap .snsLogin ul li a span {font-weight:700; color:#282828}
.snsLoginWrap .snsLogin ul li a em {display: block; position: relative;  padding:35px 0 35px 134px; letter-spacing:-0.05em;}
.snsLoginWrap .snsLogin ul li a em:after {content:''; position: absolute; left:0; top:0; width: 100px; height: 100px; }
.snsLoginWrap .snsLogin ul li a em:before {content:''; position: absolute; right:20px; top:50%; margin-top:-15px; width: 15px; height: 30px;  background: url('../images/sub/snsLoginArrow.png') no-repeat;}
.snsLoginWrap .snsLogin ul li.no1 a em:after {background: url('../images/sub/snsLogin01.png') no-repeat;}
.snsLoginWrap .snsLogin ul li.no2 a em:after {background: url('../images/sub/snsLogin02.png') no-repeat;}
.snsLoginWrap .snsLogin ul li.no3 a em:after {background: url('../images/sub/snsLogin03.png') no-repeat;}
.snsLoginWrap .snsLogin ul li.no4 a em:after {background: url('../images/sub/snsLogin04.png') no-repeat;}

.subCont {margin:0 auto; font-size: 27px; padding-bottom: 60px; min-height:620px;position:relative;padding-top:2em;}



.mainPop {position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 999; display:none; }
.mainPop:before {content:''; display: block; position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.8);}
.mainPop .popIn{position: fixed; left:50%; top:100px; margin:0 0 0 -320px; width: 640px;  padding:0 0 20px 0; z-index: 2;  border: 10px solid #043763; background:#fff   }
.mainPop .popIn.W600{width: 600px; margin-left: -300px;}
.mainPop .popIn.W660{width: 660px; margin-left: -330px;}
.mainPop .popIn.W600 .btnOp{margin-bottom: 30px;}
.mainPop .popIn.W620 .btnOp{width: 620px; margin-left: -310px;}
.mainPop .popContent {position: relative; width: 100%; height: 100%; overflow: hidden;   padding:0 0 30px 0;background:#fff; text-align: center;}
.mainPop .popContent .tit01 {padding:70px 0 20px 0; font-size: 34px; color:#1b809e; font-weight:700; line-height: 34px; letter-spacing:-0.05em;}
.mainPop .popContent .tit02 { font-size: 40px; color:#fff; font-weight:700; height: 90px; line-height: 90px; margin-bottom: 30px; background:#1b809e; letter-spacing:-0.05em;}
.mainPop .popContent .tit03 { font-size: 24px; color:#000000;  letter-spacing:-0.05em; }
.mainPop .popContent .tit03 a {color:#0000ff}

.mainPop .popContent .tit04 {font-size: 34px; text-align: center; height: 176px; line-height: 43px; color: #fff; letter-spacing: -.3px; background: #1b809e; font-weight: 700; margin-bottom: 29px; padding-top: 24px; margin-top: -24.5px; position: relative; z-index: 1;}
.mainPop .popContent .lab{height: 224px; background: url(../images/main/bgOpPop02.png) no-repeat center bottom; position: relative; z-index: 2;}
.mainPop .popContent .txtBox{font-size: 23px; letter-spacing: -.3px; color: #000; line-height: 31px; padding: 0 10px 0 26px; text-align: left; padding-bottom: 20px;}
.mainPop .popContent .txtBox.PB35{padding-bottom: 8px;}
.mainPop .popContent .txtBox.PB45{padding-bottom: 45px;}
.mainPop .popContent .txtBox a{color:#0000ff; text-decoration: underline; display: inline;}

.mainPop .popContent .btnKbs { padding-top: 50px;}
.mainPop .popContent .btnKbs a { display: inline-block; width: 340px; height: 80px; line-height: 80px; font-size: 30px; color:#fff; font-weight:700; background:#043763;  }

.mainPop .btnclose {position: absolute; right:-2px; top:-70px; z-index: 9999;}
.mainPop .btnclose a {display: block; width:56px; height: 55px; background: url('../images/main/btnPopClose2.png') no-repeat; text-indent:-999em; }

.mainPop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 4px; background-color: #949494 !important; display: block !important; opacity:1 !important}
.mainPop .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #949494 !important;}
.mainPop * { opacity:1 !important; }
.mainPop .todayNot {position: absolute; left:0; bottom:0; width: 100%; height: 54px; background:#ddd; text-align: right;}
.mainPop .todayNot label {font-size: 24px; color:#000000; display: inline-block; padding-right: 53px; position: relative; margin:6px 10px 0 0;}
.mainPop .todayNot label:after {content:''; position: absolute; right:0; top:0; width: 43px; height: 42px; background:url('../images/main/bgCheckOffpng.png') no-repeat;}

.personalWrap { padding:40px 30px; letter-spacing:-0.02em; word-break:keep-all;}
.personalWrap ul li {margin-bottom:40px;}
.personalWrap .tit01 {font-size: 27px; color:#000000; font-weight: 500; margin-bottom: 35px;}
.personalWrap .tit02 {font-size: 27px; color:#1c2d59;font-weight: 500; }
.personalWrap .text {font-size: 27px; color:#000000;   font-weight:300;}
.personalWrap .text:last-child {margin-bottom:0;}
.personalWrap .text span {font-weight: 500; font-size: 27px;}
.personalWrap .text a {font-size: 27px; color:#000000;}
.personalWrap .intext {font-size: 27px; color:#000000; padding-left: 25px;font-weight:300;}
.personalWrap .intext:last-child {margin-bottom:0;}

.opBannerList {position: absolute; left:0; top:836px; width: 100%; z-index: 10; height:188px;}
.opBannerList ul:after {content:''; display:block; clear:both;}
.opBannerList .swiper-slide {width: 473px; height: 188px;}
.opBannerList .swiper-slide:first-child {margin-left: 0;}
.opBannerList .swiper-slide a {display: block; position: relative;}
.opBannerList .swiper-slide a .textBox {position: absolute; left:0; top:0; width: 100%; height:203px; overflow:hidden; z-index: 2;}
.opBannerList .swiper-slide a .tit01 {position: absolute; left:20px; top:14px;width: 78px; height: 36px; line-height: 34px; text-align: center; font-size:20px; color:#ffffff; font-weight: 300; border:1px solid #fff; border-radius:50px; z-index: 2;}
.opBannerList .swiper-slide a .tit02 {position: absolute; left:20px; top:70px; line-height:24px;  font-size:24px; color:#ffffff; font-weight: 300; opacity:.7;}
.opBannerList .swiper-slide a .tit03 {position: absolute; left:20px; top:59px;  font-size:29px; color:#fff; font-weight: 700; line-height: 32px; z-index: 2; }
.opBannerList .swiper-slide a .count {position: absolute; right:20px; top:17px;  font-size:30px; color:#ffd800; line-height: 30px; z-index: 2; }
.opBannerList .swiper-slide a .count span {font-weight: 700; }
.opBannerList .swiper-button-next, .opBannerList .swiper-button-prev {width: 32px; height: 52px; margin-top:-26px;}
.opBannerList .swiper-button-next { background: url('../images/main/leftArrow.png') no-repeat; left:67px; right:auto;}
.opBannerList .swiper-button-prev { background: url('../images/main/rightArrow.png') no-repeat;  right:67px; left:auto;}
.opBannerList .swiper-button-disabled{ display: none;}

.opBannerList .swiper-slide.total a .tit01 {width: 103px;}


.subContent {}

.proposalBg .inner .subText li {line-height: 36px; margin-top: 14px;}
.proposalBg .inner .subText li:first-child { margin-top: 25px;}


.shareWrap .shareList li img{width: 51px;}


body.land .mainPop, body.land .popCommon, body.land .popReply {overflow-y: scroll;}
body.land .mainPop .popIn, body.land .popCommon .popIn, body.land .popReply .popIn {position: absolute; margin-top: 0 !important; top: 100px !important;}
.replyWrap .phoneNotice b {color:#fff;}


body.land .mainPop {position: absolute;}
body.land .mainPop .popIn {position: absolute;}


.detail_slideimg_wrap .detail_slideimg .in .item {line-height:314px; height: 314px; text-align: center;}
.detail_slideimg_wrap .detail_slideimg .in .item img {vertical-align: middle; max-height:100%}
.detail_slideimg_wrap .detail_slideimg .in .item iframe { height: 314px; width: 100%;}

.refer_lst .nonDateOp {font-size: 27px; position: static;}


.citizenMemberTop {position: fixed; left:0; width: 100%; bottom:0; height:99px;background:#0072b1 url('/resources/mobile/images/sub/bgCitizenMember.jpg') no-repeat; margin:0; padding:0 30px 25px 0; z-index: 99;}
.citizenMemberTop:after {content:''; display:block; clear:both;}
.citizenMemberTop .memberInfo {}
.citizenMemberTop .memberInfo:after {content:''; display:block; clear:both;}
.citizenMemberTop .memberInfo .welcome {float:left; font-size: 24px; color:#fff; padding-left: 38px; text-align: center; padding-top:15px;}
.citizenMemberTop .memberInfo .welcome span {font-weight: 700;}
.citizenMemberTop .memberInfo .citizenLogin {float:right; margin-top: 25px;}
.citizenMemberTop .memberInfo .citizenLogin a {display: block; width: 170px; font-size: 24px; height: 48px; line-height: 43px; text-align: center; border:2px solid #fff; border-radius:30px; color:#fff;}


.citiLogin { letter-spacing:-0.05em;}
.citiLogin:after {content:''; display:block; clear:both;}
.citiLogin .leftInfo { width: 628px; text-align: center; height:451px; background: url('/resources/mobile/images/sub/bgCitizen02.png?v=01') 10px 0 no-repeat; margin:30px auto 0 auto;}
.citiLogin .leftInfo .tit02 {  color:#fff; font-size: 27px; margin-bottom:30px;  padding-top: 285px; line-height: 36px; }
.citiLogin .leftInfo .tit02 span {font-weight: 500; color:#fff478;}
.citiLogin .leftInfo .tit03 {  color:#000000; font-size:24px; font-weight:300; }
.citiLogin .leftInfo .tit03 a {color:#0000ff; text-decoration: underline;}
.citiLogin .rightInput { padding:0 60px;}
.citiLogin .rightInput .inputWrap { margin:0 auto; padding-top: 34px;}
.citiLogin .rightInput .inputWrap .line {margin-bottom: 12px; height: 100px; padding:25px 10px 25px 0;; border:2px solid #e3e3e3; background:#fff;}
.citiLogin .rightInput .inputWrap .line:last-child {}
.citiLogin .rightInput .inputWrap .line:after {content:''; display:block; clear:both;}
.citiLogin .rightInput .inputWrap .line .tit {float:left; width:192px; color:#000000; font-weight: 500; font-size: 28px; position: relative; height: 47px; line-height:47px; padding-left: 30px;}
.citiLogin .rightInput .inputWrap .line .tit:after {content:''; position: absolute; right:0; top:0;  width: 0.08em; height:100%; background:#d9d9d9}
.citiLogin .rightInput .inputWrap .line .input {margin-left:192px;}
.citiLogin .rightInput .inputWrap .line .input input {padding-left: 20px; height: 47px;  color:#000000; font-weight: 500; font-size: 28px; border:none; width: 90%;}
.citiLogin .rightInput .inputWrap .line.last  { margin-bottom: 13px;}
.citiLogin .rightInput .inputWrap .line.last .tit {}
.citiLogin .rightInput .inputWrap .line.last span {display: block; font-weight: 400; font-size: 16px; padding-top: 4px; line-height: 16px;}
.citiLogin .rightInput .inputWrap .line .input ::-webkit-input-placeholder { color: #a3a3a3; font-weight: 300; }
.citiLogin .rightInput .inputWrap .line .input :-moz-placeholder { color: #a3a3a3; opacity: 1; font-weight: 300; }
.citiLogin .rightInput .inputWrap .line .input ::-moz-placeholder { color: #a3a3a3; opacity: 1; font-weight: 300; }
.citiLogin .rightInput .inputWrap .line .input :-ms-input-placeholder { color: #a3a3a3; font-weight: 300; }
.citiLogin .rightInput .inputWrap .btnLogin{margin-bottom: 25px;}
.citiLogin .rightInput .inputWrap .btnLogin a {display: block; height: 102px; line-height: 102px; background:#1c2d59; text-align: center; font-size:30px; font-weight: 700; color:#ffffff;}
.citiLogin .rightInput .inputWrap .btnLogin a  span {font-size: 24px; font-weight: 400; }
.citiLogin .rightInput .lastInfo {font-weight: 300; font-size: 28px; color:#000000; white-space: nowrap;}
.citiLogin .rightInput .lastInfo a {color:#0000ff; text-decoration: underline;}
.citiLogin .rightInput .lastInfo em {font-size: 18px;}
.citiLogin .rightInput .lastInfo2 {font-size:26px; font-weight: 500;  padding-left:5px; padding-top: 5px; color:#23a9f6; letter-spacing:-0.02em;; white-space: nowrap;}
.citiLogin .rightInput .lastInfo2 a {font-size:26px; font-weight: 500; color:#23a9f6;}

.citizenH4 {font-size: 28px; line-height: 28px; color:#242424; font-weight: 500; margin:0 30px 14px 30px;}
.citizenH4:after {content:''; display:block; clear:both;}
.citizenH4 span {float:right; display: inline-block; font-size: 16px; line-height: 16px; color:#0072b1; font-weight: 300; vertical-align: middle; letter-spacing:-0.05em;  padding-top: 5px;}
.citizenNotice {font-size: 19px; color: #043763; letter-spacing: -0.7px; margin: 0 30px 16px 30px; }


.citizenTable {margin:0 30px 30px 30px; border-top: 0.09em solid #043763; border-bottom:0.09em solid #c5c5c5; padding-left: 135px; background:#f8f9fa; position: relative;}
.citizenTable:after {content:''; position: absolute; left:36px; top:24px; background: url('/resources/mobile/images/sub/bgTable01.png') no-repeat; width: 100px; height: 91px;}
.citizenTable table {width: 100%; border:none;}
.citizenTable table th {font-size: 27px; font-weight: 500; color:#043763; text-align: center; background:#f8f9fa; padding:8px 0; border-right: 1px solid #c5c5c5;}
.citizenTable table td { padding:8px 0;}
.citizenTable table tr:first-child th{padding-top: 22px;}
.citizenTable table tr:last-child th{padding-bottom: 22px;}
.citizenTable table tr:first-child td{padding-top: 22px;}
.citizenTable table tr:last-child td{padding-bottom:22px;}
.citizenTable table td {font-size: 27px; color:#242424; padding-left: 40px; background:#fff;}


.elList {margin:0 30px 30px 30px;}
.elList > ul > li {padding:25px 0 27px 0; border-bottom: 2px solid #043763;}
.elList > ul > li:first-child {border-top: 2px solid #043763;}
.elList .title {font-size: 27px; color:#3f3f3f; font-weight: 700; padding-bottom: 7px;}
.elList .info ul:after {content:''; display:block; clear:both;}
.elList .info ul li {float:left; padding-left: 15px; margin-left: 15px;  letter-spacing: -0.03em; position: relative; font-size: 23px; line-height: 23px; color:#4b4b4b; }
.elList .info ul li div {display: inline-block; vertical-align: middle;}
.elList .info ul li .txt {margin-left:7px;}
.elList .info ul li:after {content:''; position: absolute; left:0; top:50%; height: 22px; margin-top:-8px; width: 0.08em; background:#afafaf; }
.elList .info ul li:first-child {margin-left: 0; padding-left: 0;}
.elList .info ul li:first-child:after {display: none;}
.elList .btn {padding-top: 20px;}
.elList .btn:after {content:''; display:block; clear:both;}
.elList .btn .goStudyPage {float:left; font-size: 26px; color:#fff; background:#043763; font-weight:700; width: 100%; text-align: center; height: 57px; line-height: 57px;}
.elList .btn .btnPdf {float:right; position: relative;  text-align: center; height: 57px; line-height: 57px; width: 100%; border:2px solid #cccccc; font-size: 22px; color:#043763;}
.elList .btn .btnPdf span {display: inline-block; padding-left: 41px; background: url('/resources/mobile/images/sub/btnZip.png') left center no-repeat;}

.subTitle.type2 {margin-bottom: 50px;}
.studyPop {padding-bottom: 30px; margin:0 30px;}
.studyPop .popIn{  z-index: 2;    }
.studyPop .popContent {position: relative; width: 100%; height: 100%; overflow: hidden;   background:#0072b1; text-align: center;}
.studyPop .popContent .timeLine {font-size: 20px; line-height: 20px; color:#bee8ff; text-align: left;padding:15px 0 10px 15px;}
.studyPop .popContent .timeLine span.text {color:#fff; font-weight: 500;}
.studyPop .popContent .timeLine span.num {}
.studyPop .popContent .infoYoutube {font-size: 20px; text-align: left; line-height: 20px; color:#f9e814; letter-spacing:-0.05em;  padding:0 0 15px 15px; }

.studyPop .popContent .youtubeWrap { background:#000; height: 372px;}
.studyPop .popContent .youtubeWrap iframe{width:100%;  height: 372px;}


.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button {left:50% !important; top:50% !important; margin:-39px 0 0 -60px;}


.agreeWrap {margin:0 30px; border-top: 2px solid #043763;}
.agreeWrap:after {content:''; display:block; clear:both;}
.agreeWrap .textBox {background: #f8f9fb; padding:30px 15px 30px 15px; letter-spacing:-0.02em; word-break:keep-all;}
.agreeWrap .textBox .tit01 {font-size: 27px; color:#000000; font-weight: 500; margin-bottom: 40px;}
.agreeWrap .textBox .tit02 {font-size: 27px; color:#1c2d59;font-weight: 700; }
.agreeWrap .textBox .last {font-size: 27px; color:#000000;font-weight: 500; margin-top: 20px; }
.agreeWrap .textBox ul li {font-size: 27px; color:#000000; margin-bottom:45px; }
.agreeWrap .textBox ul li dt {color:#1c2d59; font-weight: 700; font-size: 27px; margin-bottom:5px;}
.agreeWrap .textBox ul li dd {color:#000000; font-size: 27px; line-height: 38px;}
.agreeWrap .textBox ul li:last-child {margin-bottom: 0;}

.agreeWrap .agreeCheck {float:right; margin-top: 30px;}
.agreeWrap .agreeCheck:after {content:''; display:block; clear:both;}
.agreeWrap .agreeCheck .checkLabel {float:left; margin-top: 8px;}
.agreeWrap .agreeCheck .checkLabel label {padding-left: 55px; position: relative; }
.agreeWrap .agreeCheck .checkLabel label:after {content:''; position: absolute; left:0; top:3px; width:34px; height:34px; border:2px solid #043763; font-size: 24px;}
.agreeWrap .agreeCheck .checkLabel input:checked + label:after {background:#043763;}
.agreeWrap .agreeCheck .btnNext {float:left; margin-left: 30px; color:#fff; background:#043763; padding:10px 30px; font-size:27px;}


.eler_reply .noData {height:149px; text-align: center; line-height: 149px;}

.btnWrap.type2 {margin:0 30px 50px 30px; padding-top: 30px; border-top:1px solid #dcdcdc}


.myQna {margin-top: 50px;  padding: 0 30px 0 0; }
.myQna:after {content:''; display:block; clear:both;}
.myQna a { float: right; font-weight: 500; color: #1b2d58; font-size: 27px;}
.myQna a span {margin-left: 5px; font-weight: 600; font-family: "Dotum";}
.eler_reply {margin-top: 20px;}

.mmsInfo {background:url('../images/sub/bgMms.jpg') no-repeat; height: 189px; text-align: center; font-size: 25px; color:#fff; font-weight: 500; padding-top: 30px; letter-spacing:-1px; line-height:42px; margin-bottom:20px;}
.mmsInfo .phon { padding-left:26px; background:url('../images/sub/bgPhon.png') left center no-repeat; font-size: 30px; color:#ffd800; margin-left:15px;}
.mmsInfo .phon.ml0 {margin-left: 0;}
.mmsInfo span {display: inline-block; vertical-align: middle; }
.mmsInfo.type2 {padding-top: 45px; margin-top: 35px; line-height: 53px;}

.eler_reply.type2 .lst .tp .inner .lst_hd.type2 .txts .lab {display: none;}
.eler_reply.type2 .lst .tp .inner .lst_hd .txts .tit {padding-top: 30px;}
.eler_reply.type2 .lst .tp .inner .lst_hd.type2 .eler_rt {bottom:50px;}

.noticeTitle {margin-bottom: 30px; font-size: 24px; letter-spacing: -1px; font-weight: 300; padding-left: 30px;}

.sitepMap {padding:0 30px;}
.sitepMap .title {font-size: 20px; color:#000000; padding:20px 0; line-height: 20px;}
.sitepMap .title span {color:#0072b1; font-weight: 500;}
.sitepMap > ul:after {content:''; display:block; clear:both;}
.sitepMap > ul {margin-left:-26px; font-size: 0;}
.sitepMap > ul > li{display: inline-block; vertical-align: top; width:317px; margin-left:25px; margin-bottom: 40px; min-height:365px;}
.sitepMap > ul > li > p {font-size: 28px; font-weight: 700; color:#ffffff; text-align: center; height: 76px; line-height: 76px; background: #0072b1;}
.sitepMap .list ul li {border-bottom: 2px solid #e7e7e7;}
.sitepMap .list ul li a {display: block; font-size: 24px; color:#000000; height: 70px; line-height: 70px; text-align: center; }


/* 화면 상단 팝업 메세지 시작 */
.laypopup {overflow:hidden;position:relative;height: 250px;background:#e9e9e9;}
.laypopup div.pop1{background:#fff;border-bottom: 1px dashed #bbb;border-top: 10px solid #4d66a0;}
.laypopup div.pop2{background:#e9e9e9; }
.laypopup p {padding: 20px;font-size: 15px;text-align: justify; max-width:820px; margin:0;}
.laypopup p span.bd{font-weight:bold;}
.laypopup p span.col{color:#ca262f}
.laypopup .bt {position: relative;float: right;right: 15px;font-size: 14px;line-height:18px;bottom: 20px;}
.laypopup .bt span:hover {text-decoration:underline}
.laypopup .bt input {width:14px; height:14px; margin:0; cursor:pointer}
/* 화면 상단 팝업 메세지 끝 */

/* 화면 상단 알림 메세지 시작 */
#top_notice_layout{width:100%}
#top_notice_layout table{width:100%}
#top_notice_layout td.text_img{width: 670px;height: 50px;background:url("/resources/pc/images/tlayer_text.gif") no-repeat 0 0;}

@media all and (max-width:1199px){
	#top_notice_layout{height:56px!important;min-width: 100%;}
	#top_notice_layout td.text_img{width: 720px!important;background:url("/resources/pc/images/tlayer_text.png") no-repeat 0 0;}

	.laypopup .bt {right: 15px;font-size: 14px;line-height:18px; bottom:10px;}
}

@media all and (max-width:991px){
	#top_notice_layout td.logo{/* width: 160px; */}
	#top_notice_layout{height: 108px!important;min-width: 1000px;}
	#top_notice_layout td.text_img{width: 780px!important;background:url("/resources/mobile/images/tlayer_text1.png") no-repeat 0 0;}

	.laypopup {height: 270px;}
	.laypopup p {font-size:15px;}
	.laypopup .bt {right: 15px;font-size: 14px;line-height:18px;bottom: 10px;}
}

@media all and (max-width:767px){
	#top_notice_layout td.logo{height:110px}
	#wrap{background-position: right 60px;}
	#top_notice_layout{height: 104px!important;min-width: 1000px;}
	#top_notice_layout td.text_img{width: 690px!important;background: url("/resources/mobile/images/tlayer_text2.png") no-repeat 0 0;}
	/*  .wrapper{margin: -4px auto;} */
	.laypopup {height: 320px;}
	.laypopup p {font-size:16px;}
	.laypopup .bt {right: 15px;font-size: 14px;line-height:18px;bottom: 5px;}
}

@media all and (max-width:575px){
	#top_notice_layout td.logo{ height:110px; }
	#top_notice_layout td.logo a img{text-align: middle;}
	#wrap{background-position: right 70px;}

	.laypopup {height: 330px;}
	.laypopup p {font-size:16px;}
	.laypopup .bt {right: 15px;font-size: 14px;line-height:18px;bottom: 0px;}

	#top_notice_layout{height:120px!important;min-width: 1000px;}
	#top_notice_layout td.text_img{width:720px!important;background: url("/resources/mobile/images/tlayer_text3.png") no-repeat 0px 8px;height:110px;}
}

@media all and (max-width:375px){
	#top_notice_layout td.logo{ height:110px; }
	#top_notice_layout td.logo a img{text-align: middle;}
	#wrap{background-position: right 70px;}

	.laypopup {height: 450px;}
	.laypopup p {font-size:16px;}
	.laypopup .bt {right: 15px;font-size: 14px;line-height:18px;bottom: 0px;}

	#top_notice_layout{height:120px!important;min-width: 1000px;}
	#top_notice_layout td.text_img{width:720px!important;background: url("/resources/mobile/images/tlayer_text3.png") no-repeat 0px 8px;height:110px;}
}

/* 화면 상단 알림 메세지 끝 */
