@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: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: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: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: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-all;}
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; }

/* 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; clear:both;}
.hidden { position: absolute; left: -9999px; height: 0; text-indent: -9999px; visibility: hidden; overflow: hidden;}

#viewport {overflow-x:hidden; min-width:1200px; position: relative;}


.head {position: absolute; left:0; top:0; width: 100%; z-index: 100;}
.head:after {content:''; position: absolute; left:50%; top:81px; height: 1px; width:562px; margin-left:-281px; background:rgba(255,255,255,0.5); z-index: 10;}
.head .in {width:1080px; margin:0 auto; }
.head .in:after {content:''; display:block; clear:both;}
.head .in h1{float:left; padding:28px 68px 0 27px; position: relative; z-index: 30; }
.head .in .navList {float:left; padding:50px 0 12px 0;  }
.head .in .navList > ul:after {content:''; display:block; clear:both;}
.head .in .navList > ul > li {float:left; margin-left: 45px; }
.head .in .navList > ul > li:first-child {margin-left: 0;}
.head .in .navList > ul > li > a {position: relative; font-size: 18px; color:#fff; line-height: 18px; z-index: 30; cursor:default; letter-spacing:-0.04em;}
.head .in .navList > ul > li > a:after {content:''; position: absolute; top:-10px; left:50%; width: 6px; height: 6px; border-radius:10px; background:#ffe777; display: none;}
.head .in .navList > ul > li:hover > a {color:#ffe777;}
.head .in .navList > ul > li:hover > a:after {display: block;}
.head .in .navList > ul > li.active > a:before {content:''; position: absolute; top:-10px; left:50%; width: 6px; height: 6px; border-radius:10px; background:#fff; }

.head .in .navList .subGnb {position: absolute; left:50%; top:0; padding-top: 100px; width: 1080px; margin-left:-540px; z-index: 20; display: none; }
.head .in .navList .subGnb .infoTit {position: absolute; left:0; top:100px; font-size:18px; line-height: 23px; color:#ffffff; text-align: left; padding:15px 0 0 84px; font-weight: 300;}
.head .in .navList .subGnb .list {padding-left: 260px;}
.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; position: relative; text-align: center; padding-top: 7px;}
.head .in .navList .subGnb .list ul li:after {content:''; position: absolute; right:0; top:0; width: 2px; height: 60px; background: url('../images/common/bull_gnb.png') no-repeat;}
.head .in .navList .subGnb .list ul li:last-child:after {display: none;}
.head .in .navList .subGnb .list ul li.no1 {width:125px; text-align: left;}
.head .in .navList .subGnb .list ul li.no2 {width:156px;}
.head .in .navList .subGnb .list ul li.no3 {width:155px;}
.head .in .navList .subGnb .list ul li.no4 {width:155px; }
.head .in .navList .subGnb .list ul li.no5 {width:75px; margin-left:42px}
.head .in .navList .subGnb .list ul li a {position: relative; display: inline-block;  font-size: 15px; color:#ffffff;  padding-top: 70px; text-align: center; letter-spacing:-0.05em; font-weight:300; line-height: 18px;}
.head .in .navList .subGnb .list ul li a:after {content:''; position: absolute; left:0; top:0; height: 50px;}
.head .in .navList .subGnb .list ul li a:hover {color:#ffe777;}

.head .in .navList .gnb01 .list ul li a:after {background: url('../images/common/gnbBg01.png') 0 0 no-repeat;}
.head .in .navList .gnb01 .list ul li.no4 a:after {background: url('../images/common/gnbBg01-add.png') 0 0 no-repeat;}

.head .in .navList .gnb02 .list ul li a:after {background: url('../images/common/gnbBg02.png') 0 0 no-repeat;}
.head .in .navList .gnb03 .list ul li a:after {background: url('../images/common/gnbBg03.png') 0 0 no-repeat;}
.head .in .navList .gnb04 .list ul li a:after {background: url('../images/common/gnbBg04.png') 0 0 no-repeat;}
.head .in .navList .gnb05 .list ul li a:after {background: url('../images/common/gnbBg05.png?v=01') 0 0 no-repeat;}

.head .in .navList .gnb01 .list ul li.no1 a {padding-left:15px;}
.head .in .navList .gnb01 .list ul li.no1 a:after {width:45px;left:30px}
.head .in .navList .gnb01 .list ul li.no2 a:after {width:48px;left:2px; background-position:-157px 0;}
.head .in .navList .gnb01 .list ul li.no3 a:after {width:45px;left:12px; background-position:-320px 0;}
.head .in .navList .gnb01 .list ul li.no4 a:after {width:45px;left:7px; background-position:0 0; top:6px;}
.head .in .navList .gnb01 .list ul li.no5 a:after {width:45px;left:8px; background-position:-480px 0;}
.head .in .navList .gnb01 .list ul li.no1 a:hover:after {background-position:0 -51px;}
.head .in .navList .gnb01 .list ul li.no2 a:hover:after {background-position:-157px -51px;}
.head .in .navList .gnb01 .list ul li.no3 a:hover:after {background-position:-320px -51px;}
.head .in .navList .gnb01 .list ul li.no4 a:hover:after {background-position:0 -64px; }
.head .in .navList .gnb01 .list ul li.no5 a:hover:after {background-position:-480px -51px;}

.head .in .navList .gnb02 .list ul li.no0 {width:125px; text-align: left; padding-left: 6px; }
.head .in .navList .gnb02 .list ul li.no0 a {padding-left: 10px; }
.head .in .navList .gnb02 .list ul li.no0 a:after {width:42px;left:30px; top:5px; background: url('../images/common/gnbBg00.png') 0 0 no-repeat;}

.head .in .navList .gnb02 .list ul li.no1  {width: 156px; text-align: center;}
.head .in .navList .gnb02 .list ul li.no1 a:after {width:42px;left:20px; top:5px;}
.head .in .navList .gnb02 .list ul li.no2 a:after {width:42px;left:20px; top:5px; background-position:-153px 0; }
.head .in .navList .gnb02 .list ul li.no3 a:after {width:42px;left:20px; top:5px; background-position:-309px 0; }
.head .in .navList .gnb02 .list ul li.no4 a:after {width:42px;left:20px; top:5px; background-position:-465px 0;}


.head .in .navList .gnb02 .list ul li.no0 a:hover:after {background-position:0 -52px;}
.head .in .navList .gnb02 .list ul li.no1 a:hover:after {background-position:0 -52px;}
.head .in .navList .gnb02 .list ul li.no2 a:hover:after {background-position:-153px -52px;}
.head .in .navList .gnb02 .list ul li.no3 a:hover:after {background-position:-309px -52px;}
.head .in .navList .gnb02 .list ul li.no4 a:hover:after {background-position:-465px -52px; }


.head .in .navList .gnb03 .list ul li.no1 a {margin-left: 14px;}
.head .in .navList .gnb03 .list ul li.no1 a:after {width:45px;left:18px; top:5px;}
.head .in .navList .gnb03 .list ul li.no2 a:after {width:47px;left:23px; top:5px; background-position:-142px 0; }
.head .in .navList .gnb03 .list ul li.no3 a:after {width:48px;left:2px; top:5px; background-position:-306px 0; }
.head .in .navList .gnb03 .list ul li.no4 a:after {width:47px;left:2px; top:5px; background-position:-459px 0;}
.head .in .navList .gnb03 .list ul li.no5 a:after {width:47px;left:10px !important; top:5px; background: url('../images/common/gnbBg03-05.png') 0 0 no-repeat;}


.head .in .navList .gnb03 .list ul li.no1 a:hover:after {background-position:0 -50px;}
.head .in .navList .gnb03 .list ul li.no2 a:hover:after {background-position:-142px -50px;}
.head .in .navList .gnb03 .list ul li.no3 a:hover:after {background-position:-306px -50px;}
.head .in .navList .gnb03 .list ul li.no4 a:hover:after {background-position:-459px -50px; }
.head .in .navList .gnb03 .list ul li.no5 a:hover:after {background-position:0 -52px; }



.head .in .navList .gnb05 .list ul li.no1 a {margin-left:30px;}
.head .in .navList .gnb05 .list ul li.no1 a:after {width:48px;left:-5px; top:5px;}
.head .in .navList .gnb05 .list ul li.no2 a:after {width:48px;left:31px; top:5px; background-position:-156px 0; }
.head .in .navList .gnb05 .list ul li.no3 a:after {width:34px;left:23px; top:5px; background-position:-319px 0; }
.head .in .navList .gnb05 .list ul li.no4 a:after {width:35px;left:8px; top:5px; background-position:-475px 0;}
.head .in .navList .gnb05 .list ul li.no5 a:after {width:44px;left:16px; top:5px; background-position:-632px 0;}


.head .in .navList .gnb05 .list ul li.no1 a:hover:after {background-position:0 -53px;}
.head .in .navList .gnb05 .list ul li.no2 a:hover:after {background-position:-156px -53px;}
.head .in .navList .gnb05 .list ul li.no3 a:hover:after {background-position:-319px -53px;}
.head .in .navList .gnb05 .list ul li.no4 a:hover:after {background-position:-475px -53px; }
.head .in .navList .gnb05 .list ul li.no5 a:hover:after {background-position:-632px -53px; }




.head .in .navList .gnb04 .list ul li a:after {height: 55px;}
.head .in .navList .gnb04 .list ul li.no1 a {margin-left:14px; padding-left: 10px;}
.head .in .navList .gnb04 .list ul li.no4 a {margin-right:10px;}
.head .in .navList .gnb04 .list ul li.no1 a:after {width:35px; left:20px}
.head .in .navList .gnb04 .list ul li.no2 a:after {width:38px; left:5px; background-position:-156px 0;}
.head .in .navList .gnb04 .list ul li.no3 a:after {width:40px; left:0; background-position:-317px 0;}
.head .in .navList .gnb04 .list ul li.no4 a:after {width:47px; left:9px; background-position:-476px 0;}
.head .in .navList .gnb04 .list ul li.no1 a:hover:after {background-position:0 -56px;}
.head .in .navList .gnb04 .list ul li.no2 a:hover:after {background-position:-156px -56px;}
.head .in .navList .gnb04 .list ul li.no3 a:hover:after {background-position:-317px -56px;}
.head .in .navList .gnb04 .list ul li.no4 a:hover:after {background-position:-476px -56px;}

.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 {float:right; margin:46px 19px 0 0; width: 128px;   text-align: center; position: relative; z-index: 20;}
.head .in .snsLogin a {display: block; font-weight: 500; font-size: 16px; color:#fff; height: 30px; line-height:16px; padding:4px 0 0 0; border:2px solid #fff; border-radius:100px;}

.head .in .btnKeyword {position: absolute; left:50%; margin-left:334px; top:45px; z-index: 20;}
.head .in .btnKeyword a {display: inline-block; text-indent:-999em; width: 33px; height: 33px; background:url('../images/common/btnKeyword.png') no-repeat;}
.head .in .btnKeyword .info {display: none; position: absolute;   left:-29px; top:50px; font-weight: 300; height: 33px; background:#fff; border-radius:10px; width: 240px;}
.head .in .btnKeyword .info:after {content:''; position: absolute; left:21px; top:-23px; background:url('../images/common/bgKeywordArrow.png') no-repeat; width:16px; height: 23px; }
.head .in .btnKeyword .info em{display: block; padding:5px 0 0 18px; font-size: 14px; color:#262533; font-weight: 300; letter-spacing:-0.05em;}
.head .in .btnKeyword .info span {font-weight: 400;}
.head .in .btnKeyword:hover .info {display: block;}



.head.open .in .navList > ul > li.active > a:before {display: none;}
.head.open .btnKeyword .info {display: none;}



.mainPopCont {position: absolute; left:50%; top:50%; margin-top:-230px; margin-left:-318px; width: 636px; z-index: 10;}
.mainPopCont .mainTit {margin-bottom: 40px; text-align: center;}
.mainPopCont .countWrap {width: 420px; margin:0 auto 3px auto;}
.mainPopCont .countWrap:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .visitWrap {margin-bottom: 3px;}
.mainPopCont .countWrap .visitWrap:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .visitWrap .tit {position: relative; float:left; font-size:13px; line-height: 13px;  color:#fff; padding-left: 16px; margin-right: 10px;  margin-top: 5px;}
.mainPopCont .countWrap .visitWrap .tit:after {content:''; position: absolute; left:4px; bottom:2px; width: 27px; height: 34px; 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;}
.mainPopCont .countWrap .visitWrap .count .txt {float:left;  font-size: 13px; line-height: 13px; color:#fff;  margin-top: 5px; }
.mainPopCont .countWrap .opWrap {width:420px; height: 77px; background:url('../images/main/bgCount03.png') no-repeat; padding: 19px 0 0 43px;}
.mainPopCont .countWrap .opWrap:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .opWrap .tit {position: relative; float:left; font-size: 18px; padding-top: 18px; line-height:20px; color:#fff; padding-right: 19px; letter-spacing:-0.03em;;}
.mainPopCont .countWrap .opWrap .tit:after {content:''; position: absolute; left:-30px; top:-8px; width: 31px; height: 33px; background:url('../images/main/bgCount02.png') no-repeat;}
.mainPopCont .countWrap .opWrap .tit:before {content:''; position: absolute; right:0px; top:0; width: 1px; height: 40px; background:#fff;}
.mainPopCont .countWrap .opWrap .count {float:right; position: relative; top:-2px; margin-right: 15px;}
.mainPopCont .countWrap .opWrap .count:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .opWrap .count .num {float:left;}
.mainPopCont .countWrap .opWrap .count .num span { }
.mainPopCont .countWrap .opWrap .count .txt {float:left; font-size: 17px; color:#fff; line-height: 17px; margin:20px 0 0 10px;}
.mainPopCont .opTextWrap {width:636px; margin:95px auto 0 auto; text-align: center; position: relative; padding:33px 0 0 0; letter-spacing:-0.03em;}
.mainPopCont .opTextWrap:after {content:''; position: absolute; left:0; top:0; width: 29px; height: 160px; background:url('../images/main/bgMainLeft.png') no-repeat;}
.mainPopCont .opTextWrap:before {content:''; position: absolute; right:0; top:0; width: 29px; height: 160px; background:url('../images/main/bgMainRight.png') no-repeat;}
.mainPopCont .opTextWrap .tit01 {font-size: 36px; color:#fff; line-height: 36px; 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:20px; overflow:hidden; }
.mainPopCont .countWrap .visitWrap .counting:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .visitWrap .counting span {position: relative; float:left; width:12px;}
.mainPopCont .countWrap .visitWrap .counting span em {display: block; position: relative; width:12px; height:400px; background:url('../images/main/bigCount2.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:15px; width:5px; height:6px; background:url('../images/main/bgComma2.png') no-repeat;}


.mainPopCont .countWrap .opWrap .counting {position: relative; height:41px; overflow:hidden; }
.mainPopCont .countWrap .opWrap .counting:after {content:''; display:block; clear:both;}
.mainPopCont .countWrap .opWrap .counting span {position: relative; float:left; width:26px;}
.mainPopCont .countWrap .opWrap .counting span em {display: block; position: relative; width:26px; height:800px; background:url('../images/main/bigCount.png') no-repeat; text-indent:-999em; }
.mainPopCont .countWrap .opWrap .counting span.comma {margin-left: 15px;}
.mainPopCont .countWrap .opWrap .counting span.comma:after {content:''; position: absolute; left:-13px; top:30px; width:9px; height:13px; background:url('../images/main/bgComma.png') no-repeat;}


.mainGnb {width: 1080px; margin:0 auto; height: 197px; padding:28px 0;}
.mainGnb > ul:after {content:''; display:block; clear:both;}
.mainGnb > ul > li {position: relative;float:left; width:25%; padding: 21px 0 0 23px;}
.mainGnb > ul > li:after {content:''; position: absolute; right:0; top:0;  width: 1px; height: 141px; background: url('../images/main/bgMainGnbLine.png') no-repeat;}
.mainGnb > ul > li.no1 .tit {padding-left: 59px; background: url('../images/main/bgMainGnb01-new.png') left 0 no-repeat}
.mainGnb > ul > li.no2 .tit {padding-left: 45px; background: url('../images/main/bgMainGnb02.png') left 0 no-repeat}
.mainGnb > ul > li.no3 .tit {padding-left: 56px; background: url('../images/main/bgMainGnb03.png') left 1px no-repeat}
.mainGnb > ul > li.no4 .tit {padding-left: 57px; background: url('../images/main/bgMainGnb04.png') left 0 no-repeat}
.mainGnb > ul > li.no3:after {display: none;}
.mainGnb ul li .tit {height:58px; padding-top: 17px;}
.mainGnb ul li .tit a { display: inline-block; position: relative; font-size: 20px; line-height: 20px; color:#000000; letter-spacing:-1px;}
.mainGnb ul li.no1 .tit a {letter-spacing:-0.1em; cursor:default;}
.mainGnb ul li .tit a:after {content:''; position: absolute; right:-23px; top:50%; margin-top:-6px; width: 13px; height: 13px; background: url('../images/main/bgMainGnbMove.png') no-repeat;}
.mainGnb ul li .link {display: block; height: 47px;}
.mainGnb ul li .link .title {display: block; font-size: 16px; color:#4c4c4c;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom: 4px; width:240px;}
.mainGnb ul li .link .date {font-size: 16px; color:#9b9b9b; line-height: 16px;}
.mainGnb .bx-pager {position: absolute; right:30px; bottom:5px; line-height:0;}
.mainGnb .bx-pager div {display: inline-block; margin-left: 9px; vertical-align: top; }
.mainGnb .bx-pager div a{display: block; width: 8px; height: 8px; border-radius:8px; background:#aaaaaa; text-indent:-999em;}
.mainGnb .bx-pager div.active a{ background:#00589e; }
.mainGnb .bx-controls-direction {display: none;}
.mainGnb .bx-controls-auto {display: none;}
.mainGnb.type2 li.no1 .tit a:after {display: none;}

.footer {background:#282828; text-align: left; padding:40px 0; min-width:1200px; position:relative}
.footer .wrap{max-width:1000px;margin:0 auto;position:relative}
.footer.fixed {position:fixed; bottom:0; width: 100%; left:0;}
.footer .personal {margin-bottom: 3px; }
.footer .personal a{color:#ffffff;text-decoration: underline; }
.footer .personal a:first-child {margin-right: 10px;}
.footer .logo {display: inline-block; vertical-align: middle;}
.footer .logo img{vertical-align:top;}
.footer .addr {display: inline-block; margin-left: 25px; vertical-align:top; color:#b7b7b7; font-family:'돋움'; text-align: left; font-size: 12px; line-height: 17px;}
.footer .award{display:inline-block;margin-left:100px;background:#fff;padding:1em;position:absolute;right:0;top:-25px;text-align:center;}
.footer .award img{height:80px;}
.footer .award p{font-size:10px;margin-top:.5em;}


.slideBgWrap {position: relative; min-height: 784px; background:#8db3c0 url('../images/main/mainBigBg.jpg') top center no-repeat;}
.slideBgWrap .in{position: absolute; left:50%; top:0; height: 784px; width: 1920px; margin-left:-960px;}
.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;
}
*/


/* 팝업 공통 */
.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:428px; padding-bottom: 73px; 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; height: 170px; width: 100%; text-align: center; }
.popCommon .popIn .verCenter .alertText, .popCommon .popIn .verCenter .text, .popCommon .popIn .verCenter .confirmText{display:table-cell;  font-size: 22px; vertical-align: middle; color:#000;  padding:0 10px 0; letter-spacing:-0.03em; }
.popCommon .popIn .btnWrap {position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center;}
.popCommon .popIn .btnWrap a {width: 144px; height: 58px; line-height: 58px; display: inline-block;}
.popCommon .popIn .btnWrap a.cancel {margin-right: 8px;}
#popSlogin.popCommon .popIn .cell, .popCommon.btn_none .popIn .cell {padding-bottom:0;}
.popCommon.btn_none .popIn .cell .btnWrap{display: none;}
.popCommon.btn_none .popIn .cell .verCenter{height: 250px;}
@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); }
}


.subTopBg {position: relative; background: url('../images/sub/subTop01.jpg') center top no-repeat; height: 330px;}
.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/subTop06.jpg') center top no-repeat; }
.subTopBg h2 {position: absolute; left:0;  top:185px; width: 100%; font-size: 39px; line-height: 39px; color:#ffffff; text-align: center; font-weight: 400;}


.snsLoginWrap {margin-top: 30px; }
.snsLoginWrap .logTitle {border:6px solid #e3e3e3; height: 155px; margin-bottom: 30px; letter-spacing:-0.05em;}
.snsLoginWrap .logTitle:after {content:''; display:block; clear:both;}
.snsLoginWrap .logTitle .tit01 {float:left; font-size:30px; font-weight: 700; line-height: 30px; padding:58px 44px 0 194px;}
.snsLoginWrap .logTitle .tit02 {float:left; font-size: 20px; color:#000000; padding-top:46px;}
.snsLoginWrap .snsLogin ul {margin-left:-42px;}
.snsLoginWrap .snsLogin ul:after {content:''; display:block; clear:both;}
.snsLoginWrap .snsLogin ul li {float:left; margin:0 0 23px 42px; 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;}
.snsLoginWrap .snsLogin ul li.no3,.snsLoginWrap .snsLogin ul li.no4 {margin-bottom: 0;}


.subCont {width:1080px; margin:0 auto; font-size: 17px; padding-bottom: 100px;}


.personalWrap {background: #f8f9fb; padding:45px 25px 45px 30px; letter-spacing:-0.02em; word-break:keep-all;}
.personalWrap ul li {margin-bottom:35px;}
.personalWrap .tit01 {font-size: 17.5px; color:#000000; font-weight: 500; margin-bottom: 35px;}
.personalWrap .tit02 {font-size: 18px; color:#1c2d59;font-weight: 500; margin-bottom: 20px; }
.personalWrap .text {font-size: 16px; color:#000000; margin-bottom: 18px; line-height: 28px; font-weight:300;}
.personalWrap .text:last-child {margin-bottom:0;}
.personalWrap .text span {font-weight: 500; font-size: 17px;}
.personalWrap .text a {font-size: 16px; color:#000000;}
.personalWrap .intext {font-size: 16px; color:#000000; padding-left: 18px; margin-bottom: 18px; line-height: 28px;  font-weight:300;}
.personalWrap .intext:last-child {margin-bottom:0;}



.mainPop {position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 999; display: none;}
.mainPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.5);}
.mainPop .popIn{position: fixed; left:50%; top:280px; margin:0 0 0 -225px; width: 450px;  z-index: 2;  border: 10px solid #043763; background:#fff   }
.mainPop .popIn.W960{width: 960px; margin-left: -480px;}
.mainPop .popIn.W580{width: 580px; margin-left: -260px;}
.mainPop .popIn.W600{width: 600px; margin-left: -300px;}
.mainPop .popContent {position: relative; width: 100%; height: 100%; overflow: hidden;  padding-bottom:55px; background:#fff; text-align: center;}
.mainPop .popContent .tit01 {padding:65px 0 20px 0; font-size: 32px; color:#1b809e; font-weight:700; line-height: 32px; letter-spacing:-0.05em;}
.mainPop .popContent .tit02 { font-size: 32px; color:#fff; font-weight:700; height: 73px; line-height: 73px; margin-bottom: 35px; background:#1b809e; letter-spacing:-0.05em;}
.mainPop .popContent .tit03 { font-size: 24px; color:#000000;  letter-spacing:-0.05em; padding-bottom: 40px; }
.mainPop .popContent .tit04 {font-size: 36px; text-align: center; height: 120px; line-height: 43px; color: #fff; letter-spacing: -.3px; background: #1b809e; font-weight: 700; margin-bottom: 29px; padding-top: 19px; margin-top: -24px; position: relative; z-index: 1;}
.mainPop .popContent .lab{height: 213px; background: url(../images/main/bgOpPop02.png) no-repeat center bottom; position: relative; z-index: 2;}
.mainPop .popContent .txtBox{font-size: 20px; letter-spacing: -.5px; color: #000; line-height: 30px; padding: 0 10px 0 45px; text-align: left; padding-bottom: 20px;}
.mainPop .popContent .txtBox.PB35{padding-bottom: 15px;}
.mainPop .popContent .txtBox a{color:#0000ff; text-decoration: underline; display: inline;}
.mainPop .popContent .tit03 a {color:#0000ff}
.mainPop .popContent .btnKbs { padding-bottom: 30px;}
.mainPop .popContent .btnKbs a { display: inline-block; width: 340px; height: 58px; line-height: 58px; font-size: 22px; color:#fff; font-weight:700; background:#043763;  }
.mainPop .popContent .btnOp {padding-bottom: 25px;}
.mainPop .btnclose {position: absolute; right:-2px; top:-55px; z-index: 9999;}
.mainPop .btnclose a {display: block; width:40px; height: 40px; background: url('../images/main/btnPopClose2.png') no-repeat; text-indent:-999em; }
.mainPop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 6px; 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: 16px; color:#000000; display: inline-block; padding-right: 34px; position: relative; margin:15px 20px 0 0;}
.mainPop .todayNot label:after {content:''; position: absolute; right:0; top:0; width: 25px; height: 24px; background:url('../images/main/bgCheckOffpng.png') no-repeat;}
/*
#popupAlert .popIn .verCenter {display:table;}
#popupAlert .popIn .verCenter .alertText {display:table-cell;  padding:0 10px 0; }
*/

#popupAlert {z-index:999;}
@media all and (max-height:1000px) {
	.mainPop .popIn {top:130px;}
}
@media all and (max-height:840px) {
	.mainPop .popIn {position: absolute; top:50px;  }
}

@media all and (max-height:750px) {
	.mainPop {position:absolute;   }
	.mainPop .popIn {position: absolute; top:130px;  }
}

.mainContent {position: relative; background:#fff;}
.opBannerList {position: absolute; left:50%; bottom:280px;  margin-left:-375px; width: 750px; z-index: 50;}
.opBannerList:after {content:''; display:block; clear:both;}
.opBannerList .bx-controls-auto {display: none;}
.opBannerList .owlWrap {float:left; margin-left:10px; width: 598px;}
.opBannerList .owlWrap .owl-carousel {height:258px; overflow:hidden;}
.opBannerList ul.first {float:left;}
.opBannerList ul:after {content:''; display:block; clear:both;}


.opBannerList ul li {float:left; width:142px; margin-left:10px;}
.opBannerList ul li:first-child {margin-left: 0;}
.opBannerList ul li a {display: block; position: relative;}
.opBannerList ul li a .textBox {position: absolute; left:0; top:0; width: 100%; height:203px; overflow:hidden; z-index: 2;}
.opBannerList ul li a .tit01 {position: absolute; left:10px; top:12px;width: 48px; height: 22px; line-height: 20px; text-align: center; font-size:12px; color:#dcdcdc; font-weight: 300; border:1px solid #fff; border-radius:30px; z-index: 2;  transition:.5s all;}
.opBannerList ul li a .tit02 {position: absolute; left:10px; top:120px; line-height: 15px;  font-size:15px; color:#ffffff; font-weight: 300; opacity:.7; z-index: 3;  transition:.5s all;}
.opBannerList ul li a .tit03 {position: absolute; left:10px; top:40px;  font-size:18px; color:#dcdcdc; font-weight: 500; line-height: 22px; z-index: 3;  transition:.5s all;}
.opBannerList ul li a .bx-wrapper {padding:0 10px 0 11px; background:#fff;}
.opBannerList ul li a .snsProfile {text-align: right; background:#fff; height: 55px; padding:9px 0 0 0;}
.opBannerList ul li a .snsProfile .snsProfileItems  {}
.opBannerList ul li a .snsProfile.moving {padding-left: 45px;}
.opBannerList ul li a .snsProfile:after {content:''; display:block; clear:both;}
.opBannerList ul li a .snsProfile span {position: relative;  background:#fff;float:left;width: 37px; height: 37px; border-radius:100px; text-align: center; line-height: 37px; overflow:hidden; margin-left:-9px; }
.opBannerList ul li a .snsProfile span:first-child {margin-left: 0;}
.opBannerList ul li a .snsProfile span.facebook {border:2px solid #2d4e98;}
.opBannerList ul li a .snsProfile span.twitter {border:2px solid #1da1f2;}
.opBannerList ul li a .snsProfile span.kakao {border:2px solid #ffd258;}
.opBannerList ul li a .snsProfile span.naver {border:2px solid #01c73d;}
.opBannerList ul li a .snsProfile span img {width: 37px; height: 37px; font-size: 12px; line-height: 37px; border-radius:37px;}
.opBannerList ul li a .snsProfile span.plus100 {background:#00589e;}
.opBannerList ul li a .snsProfile span:nth-child(2) {z-index:2;}
.opBannerList ul li a .snsProfile span:nth-child(3) {z-index:3;}
.opBannerList ul li a .snsProfile span:nth-child(4) {z-index:4;}
.opBannerList ul li a .snsProfile span:nth-child(5) {z-index:5;}
.opBannerList ul li a .cover {position: absolute;right:-200%; bottom:-200%; width: 200%; height: 200%; transition:.8s all; transform:rotate(45deg); transform-origin:center center}
.opBannerList ul li a .bgMotion {position: absolute;right:0; bottom:0; background:url("/resources/pc/images/main/bgPlus.png") no-repeat; width: 48px; height: 47px; z-index: 2; transition:.3s all; transform:translate(100%,100%);  transform-origin:center center; transition-delay:300ms;}
.opBannerList ul li a .bgMotion .ico {position: absolute; right:7px; bottom:7px; transition:1s all; transform:rotate(270deg);  transform-origin:center center; transition-delay:300ms; }


.opBannerList .item {width:142px; display: block;}
.opBannerList .item .aBox {display: block; position: relative; cursor:pointer;}
.opBannerList .item .aBox .textBox {position: absolute; left:0; top:0; width: 100%; height:203px; overflow:hidden; z-index: 2;}
.opBannerList .item .aBox .tit01 {position: absolute; left:10px; top:12px;width: 48px; height: 22px; line-height: 20px; text-align: center; font-size:12px; color:#dcdcdc; font-weight: 300; border:1px solid #fff; border-radius:30px; z-index: 2;  transition:.5s all;}
.opBannerList .item .aBox .tit02 {position: absolute; left:10px; top:120px; line-height: 15px;  font-size:15px; color:#ffffff; font-weight: 300; opacity:.7; z-index: 3;  transition:.5s all;}
.opBannerList .item .aBox .tit03 {position: absolute; left:10px; top:40px;  font-size:18px; color:#dcdcdc; font-weight: 500; line-height: 22px; z-index: 3;  transition:.5s all;}
.opBannerList .item .aBox .bx-wrapper {padding:0 10px 0 11px; background:#fff;}
.opBannerList .item .aBox .snsProfile {text-align: right; background:#fff; height: 55px; padding:9px 0 0 0;}
.opBannerList .item .aBox .snsProfile .snsProfileItems  {width: 121px !important;}
.opBannerList .item .aBox .snsProfile.moving {padding-left: 45px;}
.opBannerList .item .aBox .snsProfile:after {content:''; display:block; clear:both;}
.opBannerList .item .aBox .snsProfile span {position: relative;  background:#fff;float:left;width: 37px; height: 37px; border-radius:100px; text-align: center;  line-height: 37px; overflow:hidden; margin-left:-9px; }
.opBannerList .item .aBox .snsProfile span:first-child {margin-left: 0;}
.opBannerList .item .aBox .snsProfile span.facebook {border:2px solid #2d4e98;}
.opBannerList .item .aBox .snsProfile span.twitter {border:2px solid #1da1f2;}
.opBannerList .item .aBox .snsProfile span.kakao {border:2px solid #ffd258;}
.opBannerList .item .aBox .snsProfile span.naver {border:2px solid #01c73d;}
.opBannerList .item .aBox .snsProfile span img {width: 37px; height: 37px; font-size: 12px; line-height: 37px; border-radius:37px;}
.opBannerList .item .aBox .snsProfile span.plus100 {background:#00589e;}
.opBannerList .item .aBox .snsProfile span:nth-child(2) {z-index:2;}
.opBannerList .item .aBox .snsProfile span:nth-child(3) {z-index:3;}
.opBannerList .item .aBox .snsProfile span:nth-child(4) {z-index:4;}
.opBannerList .item .aBox .snsProfile span:nth-child(5) {z-index:5;}
.opBannerList .item .aBox .cover {position: absolute;right:-200%; bottom:-200%; width: 200%; height: 200%; transition:.8s all; transform:rotate(45deg); transform-origin:center center}
.opBannerList .item .aBox .bgMotion {position: absolute;right:0; bottom:0; background:url("/resources/pc/images/main/bgPlus.png") no-repeat; width: 48px; height: 47px; z-index: 2; transition:.3s all; transform:translate(100%,100%);  transform-origin:center center; transition-delay:300ms;}
.opBannerList .item .aBox .bgMotion .ico {position: absolute; right:7px; bottom:7px; transition:1s all; transform:rotate(270deg);  transform-origin:center center; transition-delay:300ms; }


.opBannerList .btnOpNew {position: absolute; left:-152px; bottom:-63px;}




.opBannerList .color01 .aBox .cover {background:rgba(0,120,255,.5);}
.opBannerList .color02 .aBox .cover {background:rgba(11,160,55,.5);}
.opBannerList .color04 .aBox .cover {background:rgba(230,93,114,.5); }

.opBannerList .color03 .aBox .cover {background:rgba(160,52,196,.5);}


.opBannerList .item .aBox:hover .tit01 {color:#fff;}
.opBannerList .item .aBox:hover .tit02 {color:#fff;}
.opBannerList .item .aBox:hover .tit03 {color:#fff;}
.opBannerList .item .aBox:hover .cover { right:-50%; bottom:-50%;}
.opBannerList .item .aBox:hover .bgMotion {transform:translate(0,0)}
.opBannerList .item .aBox:hover .bgMotion .ico {transform:rotate(0)}

.opBannerList ul li.total a .textBox {height:258px;}
.opBannerList ul li.total a .tit01 {width: 68px; color:#fff;}
.opBannerList ul li.total a .tit03 { color:#fff;}
.opBannerList ul li.total a .plus {position: absolute;right:0; bottom:0; background:url("/resources/pc/images/main/bgPlus2.png") no-repeat; width: 48px; height: 47px; z-index: 2; }
.opBannerList  .controlOwl {position: absolute; right:5px; bottom:-28px; z-index: 100;  width: 13px; height: 14px;}
.opBannerList  .controlOwl div {display: inline-block; text-indent:-9999em; width: 13px; height: 14px; cursor:pointer;}
.opBannerList  .controlOwl div.play {background:url("/resources/pc/images/main/slidePlay.png") center top no-repeat; display: none; }
.opBannerList  .controlOwl div.stop {background:url("/resources/pc/images/main/slideStop.png") center top no-repeat; display: none; }


body.errorBody {background:#fafafa; height: 100%;}


.mCSB_scrollTools .mCSB_draggerRail {background:none !important;}


.citizenMemberTop {border-top: 1px solid #043763; height: 91px;background:#0072b1 url('/resources/pc/images/sub/bgCitizenMember.jpg') no-repeat; margin-bottom: 30px;}
.citizenMemberTop:after {content:''; display:block; clear:both;}
.citizenMemberTop .info {float:left; padding-left: 90px; background: url('/resources/pc/images/sub/bgCitizen01.png') 30px 26px no-repeat; padding-bottom: 10px;}
.citizenMemberTop .info .tit01 {font-size: 20px; color:#fff; font-weight: 500; line-height: 20px; margin-bottom: 10px; padding-top:24px;}
.citizenMemberTop .info .tit02 {font-size: 16px; line-height: 16px; color:#fff; opacity:.8;}
.citizenMemberTop .memberInfo {float:right; padding:30px 20px 0 0;}
.citizenMemberTop .memberInfo:after {content:''; display:block; clear:both;}
.citizenMemberTop .memberInfo .welcome {float:left; font-size: 16px; color:#fff; margin-right: 10px;  padding-top: 3px;}
.citizenMemberTop .memberInfo .welcome span {font-weight: 500;}
.citizenMemberTop .memberInfo .citizenLogin {float:left;}
.citizenMemberTop .memberInfo .citizenLogin a {display: block; width: 95px; font-size: 16px; height: 32px; line-height: 28px; text-align: center; border:2px solid #fff; border-radius:30px; color:#fff;}


.citiLogin {padding-top: 29px; border-top:1px solid #043763;; letter-spacing:-0.05em;}
.citiLogin:after {content:''; display:block; clear:both;}
.citiLogin .leftInfo {float:left;  width: 540px; text-align: center; height:451px; background: url('/resources/pc/images/sub/bgCitizen02.png?v=01') no-repeat; margin-top: 30px; }
.citiLogin .leftInfo .tit02 {  color:#fff; font-size: 22px; margin-bottom:22px; line-height: 30px; padding-top: 285px; padding-right: 50px;}
.citiLogin .leftInfo .tit02 span {font-weight: 500; color:#fff478;}
.citiLogin .leftInfo .tit03 {  color:#000000; font-size: 17px; font-weight:300; padding-right: 50px;}
.citiLogin .leftInfo .tit03 a {color:#0000ff; text-decoration: underline;}
.citiLogin .rightInput {float:right; width: 485px; height: 520px; margin-right: 30px;}
.citiLogin .rightInput .inputWrap {width: 460px; margin:0 auto; padding-top: 115px;}
.citiLogin .rightInput .inputWrap .line {margin-bottom: 10px; height: 80px; padding:20px 10px 20px 0;; border:1px 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:152px; color:#000000; font-weight: 500; font-size: 20px; position: relative; height: 36px; line-height:36px; padding-left: 30px;}
.citiLogin .rightInput .inputWrap .line .tit:after {content:''; position: absolute; right:0; top:0;  width: 1px; height:100%; background:#d9d9d9}
.citiLogin .rightInput .inputWrap .line .input {margin-left:152px;}
.citiLogin .rightInput .inputWrap .line .input input {padding-left: 20px; height: 36px;  color:#000000; font-weight: 500; font-size: 20px; border:none; width: 95%;}
.citiLogin .rightInput .inputWrap .line.last  { margin-bottom: 20px;}
.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: 20px;}
.citiLogin .rightInput .inputWrap .btnLogin a {display: block; height: 80px; line-height: 80px; background:#1c2d59; text-align: center; font-size:20px; font-weight: 700; color:#ffffff;}
.citiLogin .rightInput .inputWrap .btnLogin a  span {font-size: 16px; font-weight: 400; }
.citiLogin .rightInput .lastInfo {font-weight: 300; font-size: 18px; color:#000000; padding-left:10px; line-height: 23px;}
.citiLogin .rightInput .lastInfo a {color:#0000ff; text-decoration: underline;}
.citiLogin .rightInput .lastInfo em {font-size: 14px;}
.citiLogin .rightInput .lastInfo2  {font-size: 18px; font-weight: 500; color:#23a9f6; padding-left:30px; padding-top: 5px; white-space:nowrap; letter-spacing:0px;}

.citizenH4 {font-size: 24px; line-height: 24px; color:#242424; font-weight: 500; margin-bottom: 20px;}
.citizenH4:after {content:''; display:block; clear:both;}
.citizenH4 span {float:right; display: inline-block; font-size: 16px;  color:#0072b1; font-weight: 300; vertical-align: middle; letter-spacing:-0.05em;  padding-top: 5px;}
.citizenH4 em {float:left;padding-top: 25px;}



.citizenTable {margin-bottom: 25px; border-top: 1px solid #043763; border-bottom:1px solid #c5c5c5; padding-left: 163px; background:#f8f9fa; position: relative;}
.citizenTable:after {content:''; position: absolute; left:60px; top:17px; background: url('/resources/pc/images/sub/bgTable01.png') no-repeat; width: 94px; height: 86px;}
.citizenTable table {width: 100%;}
.citizenTable table th {font-size: 16px; font-weight: 500; color:#043763; text-align: center; background:#f8f9fa; padding:12px 0; border-right: 1px solid #c5c5c5;}
.citizenTable table td {padding:12px 0; }
.citizenTable table tr:first-child th{padding-top: 22px;}
.citizenTable table tr:first-child td{padding-top:22px;}

.citizenTable table tr:last-child th{padding-bottom: 22px;}
.citizenTable table tr:last-child td{padding-bottom: 22px;}

.citizenTable table td {font-size: 16px; color:#242424; padding-left: 40px; background:#fff;}

.bbsWrap.type2 .td01 {width:70px;}
.bbsWrap.type2 .td02 {width: auto;}
.bbsWrap.type2 .td02.tit {text-align: left; padding-left: 20px; font-size: 17px; color:#3f3f3f; font-weight: 700;}
.bbsWrap.type2 .td03{width:210px;}
.bbsWrap.type2 .td04{width:90px;}
.bbsWrap.type2 .td05{width:100px;}
.bbsWrap.type2 .td06{width:100px;}
.bbsWrap.type2 .td07{width:130px;}
.bbsWrap.type2 .btnPdf {display: inline-block; text-indent:-999em; background:url('/resources/pc/images/sub/btnZip.png') no-repeat; width: 31px; height: 31px;}
.bbsWrap.type2 .goStudy {display: inline-block;  width:91px; height:33px; line-height: 31px; background:#043763; color:#fff; font-size: 17px;}
.bbsWrap.type2 .goStudyPage {display: inline-block;  width:91px; height:33px; line-height: 31px; background:#043763; color:#fff; font-size: 17px;}


.studyPop {padding-bottom: 20px;}
.studyPop .bg{}
.studyPop .popIn{ width:1080px;  z-index: 2;  border: 10px solid #0072b1; background:#fff   }
.studyPop .popContent {position: relative; width: 100%; height: 100%; overflow: hidden;   background:#0072b1; text-align: center;}
.studyPop .popContent .infoYoutube {position: absolute; right:5px; top:10px; font-size: 16px; line-height: 16px; color:#f9e814; letter-spacing:-0.05em;}
.studyPop .popContent .timeLine {font-size: 16px; line-height: 16px; color:#bee8ff; text-align: left; padding:10px 0 15px 10px;}
.studyPop .popContent .timeLine span.text {color:#fff; font-weight: 500;}
.studyPop .popContent .timeLine span.num {}
.studyPop .popContent .youtubeWrap {width: 1060px; background:#000; height: 596px; position: relative;}
.studyPop .popContent .youtubeWrap:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index:55;}
.studyPop .popContent .youtubeWrap.load:after {display: none;}
.studyPop .popContent .youtubeWrap iframe{width: 1060px;  height: 596px;}
.studyPop .btnclose {position: absolute; right:-2px; top:-55px; z-index: 9999;}
.studyPop .btnclose a {display: block; width:40px; height: 40px; background: url('../images/sub/closeElearningPop.png') no-repeat; text-indent:-999em; }



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

.refer_lst .noDataOp {text-align: center; min-height: 90px; height: 50px; line-height: 50px; font-size:19px; color:#3f3f3f}


.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 {border-top: 1px solid #c5c5c5;}
.agreeWrap:after {content:''; display:block; clear:both;}
.agreeWrap .textBox {background: #f8f9fb; padding:45px 25px 45px 30px; letter-spacing:-0.02em; word-break:keep-all;}
.agreeWrap .textBox .tit01 {font-size: 17.5px; color:#000000; font-weight: 500; margin-bottom: 35px;}
.agreeWrap .textBox .tit02 {font-size: 17.5px; color:#1c2d59;font-weight: 700; }
.agreeWrap .textBox .last {font-size: 17px; color:#000000;font-weight: 500; margin-top: 20px; }
.agreeWrap .textBox ul li {font-size: 16px; color:#000000; margin-bottom:50px; line-height: 28px; }
.agreeWrap .textBox ul li dt {color:#1c2d59; font-weight: 700; font-size: 18px; margin-bottom:10px;}
.agreeWrap .textBox ul li dd {color:#000000; font-size: 16px;}
.agreeWrap .textBox ul li:last-child {margin-bottom: 0;}

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


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

.btnWrap.type2{margin-bottom: 30px; padding-top: 10px; padding-top: 20px; border-top:1px solid #dcdcdc}

.myQna {margin-top: 30px; padding-bottom:10px; }
.myQna:after {content:''; display:block; clear:both;}
.myQna a { margin-right: 15px; letter-spacing: -1px; float: right; font-weight: 500; color: #1b2d58; font-size: 18px;}
.myQna a span {margin-left: 5px; font-weight: 600; font-family: "Dotum";}


.cmm_sort_wrap .inner .lst_sort {font-size: 15px;}

.eler_reply {margin-top: 0 !important;}

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

.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: 27px;}

.noticeTitle { font-size: 15px; color: #242424; letter-spacing: -0.5px; padding-bottom: 10px;}

.sitepMap > ul:after {content:''; display:block; clear:both;}
.sitepMap > ul {margin-left:-35px;}
.sitepMap > ul > li{float:left; width:336px; margin-left:35px; height: 415px;}
.sitepMap > ul > li > p {font-size: 24px; font-weight: 700; color:#ffffff; text-align: center; height: 70px; line-height: 70px; background: #0072b1;}
.sitepMap .list ul li {border-bottom: 1px solid #e7e7e7;}
.sitepMap .list ul li a {display: block; font-size: 20px; color:#000000; height: 60px; line-height: 60px; text-align: center; }


/* 화면 상단 팝업 메세지 시작 */
.laypopup {overflow:hidden;position:relative;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: 10px;line-height:18px;font-size: 14px;text-align: justify; max-width:820px; margin:0 auto;}
.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:56px!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 p {font-size:15px;}
	.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: 56px!important;min-width: 1000px;}
	#top_notice_layout td.text_img{width: 780px!important;background:url("/resources/pc/images/tlayer_text3.png") no-repeat 0 0;}

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


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

	/*.laypopup p {font-size:14px;}*/
	.laypopup .bt {right: 15px;font-size: 15px;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;}
}

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