@charset "utf-8";

/* ======================================== font ======================================== */
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(./fonts/NanumSquareR.eot);
 src: url(./fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareR.woff) format('woff'),
      url(./fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(./fonts/NanumSquareB.eot);
 src: url(./fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareB.woff) format('woff'),
      url(./fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(./fonts/NanumSquareEB.eot);
 src: url(./fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareEB.woff) format('woff'),
      url(./fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(./fonts/NanumSquareL.eot);
 src: url(./fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareL.woff) format('woff'),
      url(./fonts/NanumSquareL.ttf) format('truetype');
}

/* ======================================== Reset ======================================== */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;box-sizing:border-box;}
body,p,h1,h2,h2,h3,h4,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
body{font-size:14px;font-weight:400;color:#111;font-family:'NanumSquare';overflow-y:scroll;}
input,textarea,select,button,table,pre{}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;}
img,input,button,label,select{vertical-align:middle;}
input[type='text'],input[type='password'],input[type='number']{text-indent:5px;}
input[type='submit'],input[type='button'],button{cursor:pointer;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#111;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
select::-ms-expand,
input::-ms-clear{display:none}

::selection{background:#aab4c4}
*::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.15);background-color:#fff}
*::-webkit-scrollbar-thumb{background-color:#165895}

.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both;}
.inner{display:block;position:relative;margin:0 auto;width:1200px;box-sizing:border-box;}
.inner:after{display:block;content:'';clear:both;}
caption, .soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.floatLeft{float:left !important;}
.floatnone{float:none;}
.floatRight{float:right !important;}
.clearboth{clear:both;}
.ml10{margin-left:10px}
.ml20{margin-left:20px}

/* width
-----------------------------------------------*/
.wd1{width:1%}
.wd2{width:2%}
.wd3{width:3%}
.wd4{width:4%}
.wd5{width:5%}
.wd6{width:6%}
.wd7{width:7%}
.wd8{width:8%}
.wd9{width:9%}
.wd10{width:10%}
.wd11{width:11%}
.wd12{width:12%}
.wd13{width:13%}
.wd15{width:15%}
.wd18{width:18%}
.wd20{width:20%}
.wd21{width:21%}
.wd22{width:22%}
.wd23{width:23%}
.wd24{width:24%}
.wd25{width:25%}
.wd26{width:26%}
.wd27{width:27%}
.wd28{width:28%}
.wd29{width:29%}
.wd30{width:30%}
.wd32{width:32%}
.wd35{width:35%}
.wd37{width:37%}
.wd38{width:38%}
.wd39{width:39%}
.wd40{width:40%}
.wd45{width:45%}
.wd50{width:50%}
.wd55{width:55%}
.wd60{width:60%}
.wd65{width:65%}
.wd70{width:70%}
.wd75{width:75%}
.wd80{width:80%}
.wd82{width:82%}
.wd85{width:85%}
.wd87{width:87%}
.wd88{width:88%}
.wd89{width:89%}
.wd90{width:90%}
.wd95{width:95%}
.wd100{width:100%}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:15px}

.fs_20{font-size:20px}
.fs_24{font-size:24px}
.fs_30{font-size:30px}

/* ======================================== Layout ======================================== */
#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9}
#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}
.inner{min-width:1024px;}
#wrap{min-width:1024px;}
#header{height:96px;margin-top:6px;}
#header h1{float:left;margin-top:20px;}
#header h1 img{display:block;}
#header .header__login{position:absolute; right:0; top:0; font-size:1.125rem; color:#356489; font-weight:bold}
#gnb{float:right;}
#gnb ul:after{display:block;content:'';clear:both;}
#gnb li{display:block;float:left;margin-left:54px;}
#gnb li a{display:block;line-height:96px;font-size:22px;}
#newsSlider .slick-list li{margin:0 50px;overflow:hidden;}/* border-top-right-radius:20px;border-bottom-left-radius:20px */
#newsSlider .slick-list li a{display:block;}
#newsSlider .slick-list li img{width:1920px;height:620px;}
#newsSlider .slick-slide{position:relative;}
#newsSlider .slick-slide:after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#2e377e;opacity:0.5;}
#newsSlider .slick-center:after{display:none;}
#newsSlider .slick-arrow{width:28px;height:51px;background:none;border:0px none;}
#newsSlider .slick-prev{left:0px;background:url(../images/icon_newsSlider_prev.png) no-repeat;}
#newsSlider .slick-next{right:0px;background:url(../images/icon_newsSlider_next.png) no-repeat;}
#newsSlider .slick-dots{bottom:-33px;}
#newsSlider .slick-dots li button{border:0px none;background:#bbbbbb;}
#newsSlider .slick-dots li.slick-active button{background:#009beb;}
#section1{width:1920px;height:620px;background:url(../images/bg_section1.png) no-repeat center top;}
#section1 h3{margin-bottom:90px;padding-top:48px;text-align:center;font-size:40px;letter-spacing:-2px;font-weight:normal;}
#section1 .info{margin-bottom:18px;font-size:38px;letter-spacing:-2px;line-height:130%;}
#section1 p{margin-bottom:55px;font-size:20px;color:#333;line-height:140%;letter-spacing:-1px;}
#section2{width:1920px;height:620px;background:url(../images/bg_section2.jpg) no-repeat center top;}
#section2 .slogan{margin-bottom:15px;padding-top:130px;font-size:47px;line-height:125%;letter-spacing:-2px;}
#section2 p{margin-bottom:80px;font-size:18px;color:#333;line-height:140%;letter-spacing:-1px;}
#section2 a{display:block;padding-left:124px;width:350px;height:108px;background:#fff url(../images/icon_section2_link.png) no-repeat 56px center;border:1px solid #c2d7fa;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;}
#section3{width:1920px;height:620px;background:url(../images/bg_section3.jpg) no-repeat center top;}
#section3 h3{margin-bottom:90px;padding-top:48px;text-align:center;font-size:40px;letter-spacing:-2px;font-weight:normal;}
#section3 .info{margin-bottom:18px;font-size:38px;letter-spacing:-2px;line-height:130%;}
#section3 .info .txtPurple{color:#6363ca;}
#section3 p{margin-bottom:55px;font-size:20px;color:#333;line-height:140%;letter-spacing:-1px;}
/* #section3 a{display:block;padding-left:148px;width:350px;height:108px;background:#6363ca url(../images/icon_section3_link.png) no-repeat 56px center;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;color:#fff;}*/
#section3 a.txt4 {display:block;padding-left:148px;width:280px;height:108px;background:#6363ca url(../images/icon_section3_link.png) no-repeat 56px center;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;color:#fff;float:left;}
#section3 a.txt6 {display:block;margin-left:300px;padding-left:148px;width:330px;height:108px;background:#6363ca url(../images/icon_section3_link.png) no-repeat 56px center;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;color:#fff;}
#section4{width:1920px;height:620px;background:url(../images/bg_section4.png) no-repeat center top;}
#section4 h3{margin-bottom:90px;padding-top:48px;text-align:center;font-size:40px;letter-spacing:-2px;font-weight:normal;}
#section4 .info{margin-bottom:18px;font-size:38px;letter-spacing:-2px;line-height:130%;}
#section4 p{margin-bottom:55px;font-size:20px;color:#333;line-height:140%;letter-spacing:-1px;}
#section4 a{display:block;padding-left:148px;width:350px;height:108px;background:#0068b7 url(../images/icon_section4_link.png) no-repeat 56px center;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;color:#fff;}
#section5{width:1920px;height:620px;background:url(../images/bg_section5.jpg) no-repeat center top;}
#section5 h3{margin-bottom:90px;padding-top:48px;text-align:center;font-size:40px;letter-spacing:-2px;font-weight:normal;}
#section5 .info{margin-bottom:18px;font-size:38px;letter-spacing:-2px;line-height:130%;}
#section5 p{margin-bottom:55px;font-size:20px;color:#333;line-height:140%;letter-spacing:-1px;}
#section5 a{display:block;padding-left:138px;width:350px;height:108px;background:#5cbf22 url(../images/icon_section5_link.png) no-repeat 40px center;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;color:#fff;}

#section6{width:1920px;height:620px;background:url(../images/bg_section6.jpg) no-repeat center top;}
#section6 h3{margin-bottom:90px;padding-top:48px;text-align:center;font-size:40px;letter-spacing:-2px;font-weight:normal;}
#section6 .info{margin-bottom:18px;font-size:38px;letter-spacing:-2px;line-height:130%;}
#section6 p{margin-bottom:55px;font-size:20px;color:#333;line-height:140%;letter-spacing:-1px;}
#section6 a{display:block;padding-left:148px;width:350px;height:108px;background:#0068b7 url(../images/icon_section6_link.png) no-repeat 56px center;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;color:#fff;}

#section7{width:1920px;height:620px;background:url(../images/bg_section7.jpg) no-repeat center top;}
#section7 h3{margin-bottom:90px;padding-top:48px;text-align:center;font-size:40px;letter-spacing:-2px;font-weight:normal;}
#section7 p{margin-bottom:55px;font-size:20px;color:#333;line-height:140%;letter-spacing:-1px;}
#section7 a{display:block;padding-left:138px;width:350px;height:108px;background:#0068b7 url(../images/icon_section7_link.png) no-repeat 40px center;border-top-right-radius:12px;border-bottom-left-radius:12px;line-height:108px;font-size:24px;box-sizing:border-box;letter-spacing:-2px;color:#fff;}

.txtBlue{color:#225cbf;}
.txtRed{color:#cb0a2a;}
.txtGold{color:#e9ae2b;}
.txtPurple{color:#6363ca;}
.txtGreen{color:#5cbf22;}

#footer{background:#838996;margin-top:50px;}
#footer .footerLink{border-bottom:1px solid #c1c4cb;}
#footer .footerLink ul:after{display:block;content:'';clear:both;}
#footer .footerLink ul{margin:0 -15px;}
#footer .footerLink li{display:block;float:left;position:relative;}
#footer .footerLink li:after{display:block;content:'';position:absolute;top:50%;right:0;margin-top:-7px;height:14px;border-right:1px solid #c1c4cb;}
#footer .footerLink li:last-child:after{display:none;}
#footer .footerLink li a{display:block;padding:0 15px;line-height:60px;font-size:15px;color:#fff;font-family:'Nanum Gothic';}
#footer p{padding:38px 0 55px;font-size:15px;color:#fff;font-family:'Nanum Gothic';line-height:150%;letter-spacing:-.5px;}
#sectionNav{position:fixed;top:50%;right:30px;margin-top:-87px;}
#sectionNav ul li{display:block;margin-bottom:7px;background-repeat:no-repeat;background-position:right center;text-align:right;}
#sectionNav.type1 ul li.icon1{background-image:url(../images/icon_sectionNav_type2_1.png);}
#sectionNav.type1 ul li.icon1:hover{background-image:url(../images/icon_sectionNav_type1_1.png);}
#sectionNav.type1 ul li.icon2{background-image:url(../images/icon_sectionNav_type1_3.png);}
#sectionNav.type1 ul li.icon2:hover{background-image:url(../images/icon_sectionNav_type3_3.png);}
#sectionNav ul li a{display:block;padding-right:51px;height:51px;line-height:51px;}
#sectionNav ul li a span{display:none;vertical-align:middle;padding:0 16px;min-width:64px;height:26px;background:#fff;border-radius:13px;text-align:center;line-height:26px;box-sizing:border-box;}
#sectionNav.type1 ul li.icon1:hover a span{display:inline-block;}
#sectionNav.type1 ul li.icon2:hover a span{display:inline-block;}
/* ======================================== Model ========================================= */
.modalWrap{position:absolute;top:80px;left:50%;margin-left:-600px;padding:60px;width:1200px;background:#fff;transition-duration:0.5s;opacity:0;z-index:-1;box-sizing:border-box;}
.modalWrap.active{top:96px;opacity:1;z-index:99;}
.modalWrap .topImg{display:block;margin-bottom:25px;}
h4{margin-bottom:20px;padding-left:20px;min-height:24px;background:url(../images/icon_h4_bullet.jpg) no-repeat left top;font-size:24px;font-weight:normal;}
.h4Content{margin-bottom:30px;padding-left:20px;font-size:17px;color:#666;letter-spacing:-1.5px;}
.organList{margin:15px -10px;}
.organList:after{display:block;content:'';clear:both;}
.organList li{display:block;float:left;padding:10px;width:25%;box-sizing:border-box;}
.organList li img{border:1px solid #ddd;}
.listCon li{display:block;position:relative;margin-bottom:5px;padding-left:12px;line-height:150%;}
.listCon li:after{display:block;content:'';position:absolute;left:0;top:10px;width:6px;border-top:1px solid #949494;}
.modalClose{display:block;position:absolute;right:0;top:-60px;width:60px;height:60px;background:#225cbf url(../images/icon_modalClose.png) no-repeat center;text-indent:-9999em;}

.buyList{margin:20px -10px; clear:both;}
.buyList:after{display:block;content:'';clear:both;}
.buyList li{display:block;float:left;margin:15px;width:202px;height:52px;box-sizing:border-box;border:1px solid #ddd; text-align:center;}

/* ======================================== Slider ======================================== */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;box-sizing:border-box;}
.slick-slide img{display:block;width:100%;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev{position:absolute;top:50%;left:0;margin-top:-25px;width:50px;height:50px;text-indent:-9999px;background:#fff;z-index:1;}
.slick-next{position:absolute;top:50%;right:0;margin-top:-25px;width:50px;height:50px;text-indent:-9999px;background:#fff;z-index:1;}
.slick-dots{display:block;position:absolute;bottom:10px;left:0;right:0;text-align:center;}
.slick-dots li{display:inline-block;}
.slick-dots li button{display:inline-block;margin:0 5px;width:15px;height:15px;background:none;border:1px #111 solid;text-indent:-9999em;border-radius:50%;}
.slick-dots li.slick-active button{background:#111;}

/* ======================================== Menu ======================================== */
.lineWrap {position:relative;width:120%;height:3px;background:#0d4c99;}
.centerWrap {position: relative;text-align: left;width: 1200px;margin: 0 auto;}
.cf:before,
.cf:after {display:table; content:" ";}
.cf:after {clear:both;}
#container {margin-top:7px;min-height:600px;}
#container menu {width:200px;margin-top:-20px;margin-left:-50px;}
#container menu .subTitle {margin-left:-100px;height:96px;padding-right:26px;font-size:25px;font-weight:700;color:#181818;line-height:96px;text-align:right;font-style:bold;}
#container menu .snb > li > a h3{height:40px;padding-right:26px;background: no-repeat -450px -812px;text-align:right;line-height:40px;font-size:22px;font-style:bold;color:#777}
#container menu .snb > li > a h5{margin:0; padding-right:26px;background: no-repeat -450px -812px;text-align:right;line-height:24px;font-size:18px;font-style:bold;color:#777}
#container menu .snb > .active > a h3{background-position:-450px -852px;font-weight:700;font-style:bold;color:#000}
#container menu .snb > .active > a h5{background-position:-450px -852px;font-weight:700;font-style:bold;color:#225cbf}

/* ====================================== Sub page ====================================== */
#container .subContentWrap {width:1050px;padding-left:235px;background:#fff;margin-bottom:30px;}
#container .search_frm {width:92%;overflow: hidden;margin: 1em 0;}

#notice{width:92%;height:278px;padding-top:124px;margin-bottom:15px;background:#fff url(../images/bg_sub_notice.jpg) no-repeat center top;}
#notice h3{line-height:110%;font-size:30px;letter-spacing:-2px;font-weight:bold;margin-bottom:15px;}
#notice p{line-height:150%;font-size:24px;}

#fact{width:92%;height:332px;padding-top:70px;margin-bottom:15px;background:#fff url(../images/bg_sub_fact.jpg) no-repeat center top;}
#fact h3{line-height:150%;font-size:30px;letter-spacing:-2px;font-weight:bold;margin-bottom:15px;}
#fact p{line-height:150%;font-size:24px;}

#nanum{width:92%;height:362px;margin-bottom:15px; background:#fff url(../images/bg_nanum.png) no-repeat; border:1px solid #dfdfdf;}

#thermometer_old{width:92%;height:400px;margin-bottom:15px; background:#fff url(../images/bg_thermometer_old.jpg) no-repeat; border:1px solid #dfdfdf;}
#contribute_old{position:absolute;top:94px;left:708px;width:22px;height:201px;background:#1f1f77;}
#contribute_old_1{position:absolute;top:94px;left:733px;width:2px;height:201px;background:#1f1f77;}
#contribute_old_cnt{position:absolute;top:199px;left:779px;width:50px;height:30px;color:#fff;}
#transmission_old{position:absolute;top:94px;left:971px;width:22px;height:201px;background:#da0000;}
#transmission_old_1{position:absolute;top:94px;left:996px;width:2px;height:201px;background:#da0000;}
#transmission_old_cnt{position:absolute;top:199px;left:1060px;width:50px;height:30px;color:#fff;}
#ondo_old{position:absolute;top:-1px;left:0px;background:#d7e9fd;width:100%;}

#thermometer{width:92%;height:487px;margin-bottom:15px; background:#fff url(../images/bg_thermometer.jpg) no-repeat; background-position:center center; border:1px solid #dfdfdf;}
#contribute{position:absolute;top:178px;left:803px;width:41px;height:132px;background:#0070c0;}
#contribute1{position:absolute;top:310px;left:803px;width:41px;height:24px;background:#0070c0;}
#contribute_cnt{position:absolute;top:144px;left:953px;width:50px;height:30px;color:#fff;  font-weight:bold}
/*#transmission{position:absolute;top:171px;left:904px;width:32px;height:109px;background:#ffc000;}
#transmission1{position:absolute;top:280px;left:904px;width:32px;height:17px;background:#ffc000;}
#transmission_cnt{position:absolute;top:180px;left:997px;width:50px;height:30px;color:#fff; font-weight:bold}*/
#ondo{position:absolute;top:-1px;left:0px;background:#f2f2f2;width:100%;}

#smile{width:92%;height:557px;margin-bottom:15px; background:#fff url(../images/bg_smile.png) no-repeat; background-position:center center; border:1px solid #dfdfdf;}

#flower{width:92%;height:342px;padding-top:60px;margin-bottom:15px;background:#fff url(../images/bg_sub_flower.jpg) no-repeat center top;}
#flower h3{line-height:150%;font-size:30px;letter-spacing:-2px;font-weight:normal;margin-bottom:15px;}
#flower p{line-height:150%;font-size:24px;}

#medical{width:92%;height:362px;padding-top:40px;margin-bottom:15px;background:#fff url(../images/bg_sub_medical.jpg) no-repeat -49px top;}
#medical h3{font-size:30px;letter-spacing:-2px;font-weight:bold;margin-bottom:15px;color:black}
#medical p{line-height:140%;font-size:20px;margin-bottom:15px;}

#buy{width:92%;height:362px;padding-top:40px;margin-bottom:15px;background:#fff url(../images/bg_sub_4go.jpg) no-repeat -150px center;}
#buy h3{font-size:30px;letter-spacing:-2px;font-weight:bold;margin-bottom:15px;color:black}
#buy p{line-height:140%;font-size:20px;margin-bottom:15px;}


input[type='submit'],.button {border-radius: 5px;min-width: 70px;border: 0;background: #165895;color: #fff;height: 37px;font-size: 14px;font-weight: bold;}
/* input[type='text'], input[type='password'], select {height:30px;} */

.tbl_bbs {margin: 0px 0px 60px 0px; width:92%}
.tbl_bbs table {display:table;border-collapse: collapse;box-sizing:border-box;border-spacing: 0;border-color:black;font-family:'Nanum Gothic'}
.tbl_bbs .board-list {border-top: 2px solid #165895;}
.tbl_bbs .board-list th {border-bottom: 1px solid #ddd;background: #f5f5f5;padding:10px 0;font-weight:bold;text-align:center;font-size: 1rem;height: 40px;}
.tbl_bbs .board-list td {border-bottom: 1px solid #ddd;padding: 10px 5px;overflow: hidden;text-align: center;height: 35px;font-size: 1rem;}
.tbl_bbs .board-list .title_td {padding:7px 0px 7px 10px;text-align: left;}
.tbl_bbs .board-list .btn{padding:0 10px; height:30px; min-width:inherit; border-radius:5px; font-size:14px;}
.tbl_bbs .board-list2 {border-top:2px solid #0068b7; border-bottom:1px solid #0068b7; border-spacing:0px;}
.tbl_bbs .board-list2 th {border:0px solid #fff; background:#0068b7; padding:10px 0; color:#FFF; font-weight:bold; text-align:center;}
.tbl_bbs .board-list2 td {border-top:1px solid #fff; border-bottom:1px solid #0068b7; solid #000; overflow: hidden; text-align: center;}
.tbl_bbs .board-list2 table	{border:0px solid #fff;}
.tbl_bbs .board-list2 table img {border:0px solid #fff;}
.tbl_bbs .board-list2 table .img_box {border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;padding:7px 0px}
.tbl_bbs .board-list2 table .txt_box {border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;padding:7px 0px}
.tbl_bbs .board-detail {margin: 0px 0px 5px 0px;border-top: 2px solid #004679;}
.tbl_bbs .board-detail th {border-bottom:1px solid #0077CE; background:#0068b7; padding:10px 0; color:#FFF; font-weight:bold; text-align:center;}
.tbl_bbs .board-detail td {border-bottom:1px solid #0077CE; padding:10px 0 10px 10px; overflow: hidden;}


.tbl_popup_bbs {margin: 0px 0px 60px 0px; width:96%}
.tbl_popup_bbs table {display:table; border-collapse:separate;box-sizing:border-box;border-spacing:2px;border-color:black;}
.tbl_popup_bbs .board-list {border-top: 2px solid #004679;}
.tbl_popup_bbs .board-list th {border-bottom:1px solid #0077CE; background:#0068b7; padding:10px 0; color:#FFF; font-weight:bold; text-align:center;}
.tbl_popup_bbs .board-list td {border-bottom:1px solid #CCC; padding:7px 0 7px 0; overflow: hidden; text-align: center;}
.tbl_popup_bbs .board-list .title_td {padding:7px 0px 7px 10px;text-align: left;}
.tbl_popup_bbs .board-detail {margin: 0px 0px 5px 0px;border-top: 2px solid #004679;}
.tbl_popup_bbs .board-detail th {border-bottom:1px solid #0077CE; background:#0068b7; padding:10px 0; color:#FFF; font-weight:bold; text-align:center;}
.tbl_popup_bbs .board-detail td {border-bottom:1px solid #0077CE; padding:10px 0 10px 10px; overflow: hidden;}


.passWrap{position:absolute;top:80px;left:50%;margin-left:-300px;padding:60px;width:600px;background:#fff;transition-duration:0.5s;opacity:0;z-index:-1;box-sizing:border-box;}
.passWrap.active{top:506px;opacity:1;z-index:99;}
.passWrap .topImg{display:block;margin-bottom:25px;}
.passClose{display:block;position:absolute;right:0;top:-30px;width:30px;height:30px;background:#225cbf url(../images/icon_modalClose.png) no-repeat center;text-indent:-9999em;}



.aid_Content{margin-left:120px;width:700px;height:400px;background:url(../images/bg_aid.jpg) no-repeat center top;font-weight:normal;border:1px solid #dfdfdf;text-align:center;}
.aid_Content .thank-you {margin-top:20px;letter-spacing:15px;font-weight:bold;font-size:32px;color:black;}
.aid_Content .thank-you .mark{letter-spacing:-1.5px;}
.aid_Content .group {position:relative;top:300px;letter-spacing:0px;font-weight:bold;font-size:24px;color:black;}

.searchWrap{position:absolute;top:80px;left:50%;margin-left:-300px;padding:60px;width:700px;background:#fff;transition-duration:0.5s;opacity:0;z-index:-1;box-sizing:border-box;}
.searchWrap.active{top:306px;opacity:1;z-index:99;}
.searchWrap .topImg{display:block;margin-bottom:25px;}
.searchWrap .txtBlue{color:#225cbf;font-weight:bold;}
.searchClose{display:block;position:absolute;right:0;top:-50px;width:50px;height:50px;background:#225cbf url(../images/icon_modalClose.png) no-repeat center;text-indent:-9999em;}
h4{margin-bottom:20px;padding-left:20px;min-height:24px;background:url(../images/icon_h4_bullet.jpg) no-repeat left top;font-size:24px;font-weight:normal;}
.h4Content{margin-bottom:30px;padding-left:20px;font-size:17px;color:#666;letter-spacing:-1.5px;}
.wdp_92{width:92%}
.h4Content .txtBlue{color:#225cbf;}
.h4Content .txtRed{color:#cb0a2a;}
.h4Content .txtGreen{color:#5cbf22;}
.h4Content .txtPurple{color:#6363ca;}
.h4Content .txtGold{color:#e9ae2b;}
.h4Content .txtwrite{color:#fff;}
.bg_blue{background:#225cbf;color:#fff;padding:0px 10px 0px 10px;}
.pl100{padding-left:100px;}
.lh35{line-height:35px;}
.button2 {height:30px; width:100px; border:solid 1px #dfdfdf; background:#0068b7; color: #fff;}]
.pt20 {padding-top:20px}

.tbl_gallery {margin: 0px 0px 60px 0px; width:92%}
.tbl_gallery table {display:table; border-collapse:separate;box-sizing:border-box;border-spacing:0px;border-color:black;}
.tbl_gallery .gallery-list { border-top: 2px solid #004679; border-bottom: 2px solid #004679;}
.tbl_gallery .gallery-list td {width:33%; overflow: hidden;}
.tbl_gallery .gallery-list .img_box {width:275px;margin:5px 0px 20px 0px;}
.tbl_gallery .gallery-list .thumbimg {width:275px; height:154px;margin-bottom:5px;}
.tbl_gallery .gallery-list .string {width:275px;text-align:left;line-height:20px}

.tbl_gallery .gallery-detail {margin: 0px 0px 5px 0px;border-top: 2px solid #004679;}
.tbl_gallery .gallery-detail th {border-bottom:1px solid #0077CE; background:#0068b7; padding:10px; color:#FFF; font-weight:bold; text-align:center;}
.tbl_gallery .gallery-detail td {border-bottom:1px solid #0077CE; padding:20px 10px 10px 20px; overflow: hidden;}
.tbl_gallery .gallery-detail .td_left {text-align:left;}
.tbl_gallery .gallery-detail .td_right {text-align:right;}

.gallery_Slider .slick-list li{margin:0 152px 40px 152px;overflow:hidden;}/* border-top-right-radius:20px;border-bottom-left-radius:20px */
.gallery_Slider .slick-list li a{display:block;}
.gallery_Slider .slick-list li img{width:564px;}
.gallery_Slider .slick-slide{position:relative;}
.gallery_Slider .slick-slide:after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#2e377e;opacity:0.5;}
.gallery_Slider .slick-center:after{display:none;}
.gallery_Slider .slick-arrow{width:28px;height:51px;background:none;border:0px none;}
.gallery_Slider .slick-prev{left:0px;background:url(../images/icon_newsSlider_prev.png) no-repeat;}
.gallery_Slider .slick-next{right:0px;background:url(../images/icon_newsSlider_next.png) no-repeat;}
.gallery_Slider .slick-dots{bottom:10px;}
.gallery_Slider .slick-dots li button{border:0px none;background:#bbbbbb;}
.gallery_Slider .slick-dots li.slick-active button{background:#009beb;}

.paging {width:100%; margin-top:20px; text-align:center;}
.paging a{padding:10px; border:solid 1px #225cbf; background:#fff; color:#225cbf; text-align:center; font-weight:bold;}
.paging a:hover{padding:10px; border:solid 1px #225cbf; background:#449adf; color:#fff; text-align:center; font-weight:bold;}
.paging b{padding:10px; border:solid 1px #225cbf; background:#225cbf; color:#fff; text-align:center; font-weight:bold;}

.sitemap {width:19%;margin-right:1%;background:#225cbf;color:#fff;text-align:center;}
.sitemap h3{width:100%;line-height:35px;background:#225cbf;padding:10px 0px 10px 0px;color:#fff;}
.sitemap li {color:#000;background:#fff;text-align:center;line-height:35px;}






/* Form Checkbox & Radio
-----------------------------------------------*/
.chkbox{position:relative; display:inline-block; padding-left:30px; min-height:1rem; font-size:1rem; font-family:'Nanum Gothic'; line-height:1.3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color:#333}
.chkbox input[type=checkbox]{display:none;}
.chkbox .chk_marker{position:absolute; display:block; top:calc((1rem * 1.2) / 2); border-radius:5px; left:0; width:24px; height:24px; border:1px solid #aaa; transform:translateY(-50%); background-color:transparent; transition:background-color 0.3s, border-color 0.3s;}
.chkbox .chk_marker::before{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-45%,-65%) rotate(-135deg); height:40%; width:20%; border:3px solid #fff; border-bottom:0; border-right:0; opacity:0; transition:opacity 0.3s;}
.chkbox input[type=checkbox]:checked ~ .chk_marker{background-color:#165895; border-color:#165895;}
.chkbox input[type=checkbox]:checked ~ .chk_marker::before{opacity:1;}
.chkbox input[type=checkbox]:disabled ~ .chk_marker,
.chkbox input[type=checkbox]:disabled ~ .chk_txt{opacity:0.5;}

.radiobox{position:relative; display:inline-block; padding-left:22px; min-height:1rem; font-size:1rem; font-family:'Nanum Gothic'; line-height:1.3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color:#333}
.radiobox input[type=radio]{display:none;}
.radiobox .radio_marker{position:absolute; display:block; top:calc((1rem * 1.2) / 2); border-radius:50%; left:0; width:18px; height:18px; border:1px solid #aaa; transform:translateY(-50%); background-color:transparent; transition:background-color 0.3s, border-color 0.3s;}
.radiobox .radio_marker::before{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); width:50%; height:50%; background-color:#fff; border-radius:50%; opacity:0; transition:transform 0.3s, opacity 0.3s;}
.radiobox input[type=radio]:checked ~ .radio_marker{background-color:#165895; border-color:#165895;}
.radiobox input[type=radio]:checked ~ .radio_marker::before{transform:translate(-50%,-50%) scale(1); opacity:1;}
.radiobox input[type=radio]:disabled ~ .radio_marker,
.radiobox input[type=radio]:disabled ~ .radio_txt{opacity:0.5;}

.input-group > .chkbox + .chkbox,
.input-group > .radiobox + .radiobox{margin-left:1em}

input,
select{padding:0.5rem 0.8rem; height:inherit; box-sizing:border-box; border:1px solid #ddd; appearance:none; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; border-radius:0; font-family:'Nanum Gothic'; font-size:1rem}
select{padding-right:calc(1.6rem + 1.5em); background-image:url(/admin/img/ico-select-arrow.png); background-position:calc(100% - 10px) 55%; background-repeat:no-repeat;}
input[type=date]::-webkit-calendar-picker-indicator{background:url('/admin/img/ico-calendar.png') center no-repeat; background-size:18px}
textarea{padding:10px; border:1px solid #ddd; font-size:1rem; box-sizing:border-box; resize:vertical; font-family:'Nanum Gothic'}

/* btn
-----------------------------------------------*/
.btn{position:relative; padding:0.7rem 2rem; height:56px; display:inline-flex; align-items:center; justify-content:center; line-height:inherit; border:0; box-sizing:border-box; border-radius:2em; font-size:1.125rem}
.btn.disabled,
.btn:disabled{opacity:0.5; pointer-events: none;}
.btn *{margin:0 0.4rem; }
.btn *:not(.fa){font-weight:inherit; font-style:normal;}
.btn *:first-child{margin-left:0;}
.btn *:last-child{margin-right:0;}
.btn.btn-default{background-color:#f7f7f7; color:#333; border:1px solid #ccc; transition:border 300ms}
.btn.btn-default:hover{border-color:#aaa}
.btn.btn-success{background-color:#165895; border-color:#165895; color:#fff; font-weight:normal; transition:background 300ms}
.btn.btn-success:hover{background-color:#165895}
.btn.btn-primary{background-color:#666; border-color:#666; color:#fff; font-weight:normal; transition:background 300ms}
.btn.btn-primary:hover{background-color:#98a3b3}
.btn.btn-danger{}
.btn.btn-warning{}
.btn.btn-info{}
.btn.btn-small{padding:.45rem 1em; height:inherit; border-radius:5px; font-size:14px}

.btn-group{display:flex}
.btn-group > .btn + .btn{margin-left:5px}

.toggle-btn-group{display:flex;justify-content:space-between;}
.toggle-btn{width:40px; height:40px; background:#f5f5f5; border:1px solid #ccc; border-radius:10px; box-sizing:border-box; font-size:1rem; transition:all 300ms}
.toggle-btn:hover{background:#eee}
.toggle-btn.is-active{background:#165895; border-color:#165895; color:#fff}
.toggle-btn.is-active:hover{background:#104e88}

.input-file.hide{position:absolute; display:none; opacity:0; visibility:hidden}
.file-upload-group{display:flex;}
.file-upload__input{width:calc(100% - 80px)}
.file-upload__btn{padding:.5em 0; width:80px; background-color:#165895; border:0; color:#fff;}

.ft-point{color:#165895}
.ft-yellow{color:#f08c17}
.ft-red{color:#d75959}
.ft-gray{color:#888}
.bold{font-weight:bold;}

.msg-group{padding:1em; background:#f5f5f5; text-align:center; font-size:1.125rem; line-height:1.5}
.msg-group p{word-break:keep-all}
.text-pre{font-size:1rem; white-space:pre-wrap; font-family:'Nanum Gothic'; line-height:1.6}

/* Pagination
-----------------------------------------------*/
.pagination-nav{margin:2em 0; text-align:center;}
.pagination{display:flex; justify-content:center}
.pagination li{display:inline-block; margin:0 0.2em}
.pagination li:hover a{color:#191919;}
.pagination li a{display:flex; align-items:center; padding:0 1em; height:40px; font-size:1rem; font-family:'Nanum Gothic'}
.pagination li a.active{padding:0 1em; height:40px; line-height:40px; color:#333; font-weight:bold}
.pagination li.arrow a{position:relative; width:40px; box-sizing:border-box}
.pagination li.arrow a:hover:before,
.pagination li.arrow a:hover:after{border-color:#191919; border-width:2px}
.pagination li.arrow a:before,
.pagination li.arrow a:after{content:''; position:absolute; left:50%; top:50%; margin-left:-4px; margin-top:-4px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333}
.pagination li.arrow a.arrow-prev:after,
.pagination li.arrow a.arrow-next:after{display:none}
.pagination li.arrow a.arrow-prev:before{transform:translateX(2px) rotate(-45deg)}
.pagination li.arrow a.arrow-next:before{transform:translateX(-2px) rotate(135deg)}
.pagination li.arrow a.arrow-first:before{transform:translateX(0) rotate(-45deg)}
.pagination li.arrow a.arrow-first:after{transform:translateX(6px) rotate(-45deg)}
.pagination li.arrow a.arrow-last:before{transform:translateX(0) rotate(135deg)}
.pagination li.arrow a.arrow-last:after{transform:translateX(-6px) rotate(135deg)}

/* custom */

.list-number{margin:2em 0; font-size:1rem}
.list-number > li + li{margin-top:1.5em}
.list-number__title{display:inline-block; padding-right:10px; min-width:80px; box-sizing:border-box; font-weight:bold; color:#165895}
.list-number__title + p{display:inline-block}
.list-number .list-dash{padding-left:15px; margin-top:8px}
.list-number i.ft-blue{position:relative; font-style:italic}
.list-number i.ft-blue:before{content:''; position:absolute; left:0; right:0; bottom:-4px; height:1px; background:#165895}

.list-dash{}
.list-dash li{position:relative; padding-left:11px; font-size:1rem}
.list-dash li:before{content:'-'; position:absolute; left:0; top:0}
.list-dash li + li{margin-top:7px}

.search-group{position:relative}
.search-result{position:absolute; left:0; top:100%; width:100%; box-sizing:border-box; background:#fff}
.search-result__item{padding:10px 15px; border:1px solid #ddd; border-top:0; font-size:1.125rem; cursor:pointer; transition:background 300ms}
.search-result__item:hover{background:#e7eef4}
.search-result__item .highlight{color:#165895; font-size:1.125rem}
.search-result .search-non{padding:10px 15px; border:1px solid #ddd; border-top:0; font-size:1.125rem}

.form-vertical{display:flex; justify-content:space-around; border-top:2px solid #165895; border-bottom:1px solid #ddd}
.form-vertical__item{width:100%; box-sizing:border-box}
.form-vertical__item + .form-vertical__item{border-left:1px solid #ddd}
.form-vertical__title,
.form-vertical__input{padding:10px}
.form-vertical__title{display:flex; align-items:center; justify-content:center; height:60px; box-sizing:border-box; background:#f5f5f5; font-size:1.125rem}
.form-vertical__input input{padding:0 10px; width:100%; box-sizing:border-box; height:40px; border:1px solid#ddd; outline:0; font-size:1rem; transition:border 300ms}
.form-vertical__input input:focus{border-color:#165895}
.form-vertical__btn{margin-top:2em; text-align:center}

.formset{border-top:2px solid #165895}
.formset__item{display:flex; border-bottom:1px solid #ddd}
.formset__item-title{display:flex; align-items:center; padding:0 1em; background-color:#f7f7f7; font-weight:bold; font-size:1.125rem; color:#333}
.formset__item-input{display:flex; align-items:center; padding:1em; min-height:66px; box-sizing:border-box; font-size:1rem; font-family:'Nanum Gothic'}
.formset__item-input > * + *{margin-left:5px}
.formset__item-input.row-group{flex-direction:column; align-items:flex-start; justify-content:flex-start;}
.formset__item-input.row-group > * + *{margin-lefT:0}
.formset__item-row{display:flex; align-items:center; width:100%}
.formset__item-row > * + *{margin-left:5px}
.formset__item-row + .formset__item-row{margin-top:8px}
.formset__btn{padding:.5rem 1em; min-width:110px; box-sizing:border-box; background:#eee; border:1px solid #ccc; border-radius:5px; font-size:1rem}
.formset-btn{margin:2em 0; text-align:center}
.formset-btn.linear{padding-top:2em; border-top:1px solid #ccc}
.formset-btn .btn{padding-top:1em; padding-bottom:1em; min-width:9em;}

.tbl-title{padding:0; margin:2em 0 1em; background:none; font-size:1.5rem; font-weight:bold; color:#165895}
.tbl-btn{margin:2em 0; text-align:center}
.tbl{width:100%; border-top:2px solid #165895; border-bottom:1px solid #ddd; border-collapse:collapse; border-spacing:0}
.tbl th,
.tbl td{padding:.5em 1em .5em 1em;height:40px;text-align:center;vertical-align:middle;font-size:1rem;font-family:'Nanum Gothic'}
.tbl th + th,
.tbl td + td{border-left:1px solid #ddd}
.tbl thead th{background-color:#f2f2f2; border-bottom:1px solid #ddd; font-weight:normal; color:#333}
.tbl tbody td{border-top:1px solid #ddd; word-break:keep-all;}
.tbl tbody td a{font-weight:bold; color:#333}
.tbl tbody td .img-item{display:inline-block; margin:2em 0 1em; padding:1em; border:1px solid #ddd; background-color:#fff; transition:border 300ms}
.tbl tbody td .img-item + p{position:relative; display:inline-block; padding-bottom:5px; margin-bottom:2em; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tbl tbody td .img-item + p:after{content:''; position:absolute; left:0; top:calc(100% - 1px); width:0; height:1px; background-color:#165895; transition:width 300ms}
.tbl tbody td .btn{padding:0 10px; height:30px; min-width:inherit; border-radius:5px; font-size:14px;}
.tbl tbody tr:hover td{background-color:#f8f8f8}
.tbl tbody td:hover .img-item{border-color:#165895}
.tbl tbody td:hover .img-item + p{color:#165895}
.tbl tbody td:hover .img-item + p:after{width:100%}

.search{padding:2em 3em; margin:3em 0; border:1px solid #ddd}
.search__row{display:flex}
.search__row.align--center{justify-content:center}
.search__row.align--right{justify-content:flex-end}
.search__item{display:flex; align-items:center}
.search__item + .search__item{margin-left:4em}
.search__item.item--right{margin-left:auto}
.search__item-title{margin-right:1.5em; font-weight:bold}
.search__item-input{}
.search__item-set .btn{padding-left:3em; padding-right:3em}
.search__item input[type=date]::-webkit-calendar-picker-indicator{background:url('/admin/img/ico-calendar.png') center no-repeat; background-size:18px}

.tab{display:flex; align-items:center; justify-content:space-between; margin:2em 0}
.tab__link{position:relative; padding:1em 0; width:100%; background-color:#aab4c4; font-size:1.286rem; text-align:center; color:#fff; transition:background 300ms}
.tab__link:after{content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#fff}
.tab__link:last-child:after{display:none}
.tab__link:hover,
.tab__link.is-active{background-color:#165895}
.tab-content{}
.tab-content__item{display:none}
.tab-content__item.is-active{display:block}

.register{}
.register__title{margin:2em 0; font-size:2.125rem; font-weight:normal; text-align:center}
.register__form{display:flex; justify-content:center; margin:0 auto; width:70%}
.register__form-item{padding:3em 1.5em; width:calc(50% - 2em); box-sizing:border-box; border-radius:2em; background:#fff; text-align:center; transition:background 300ms}
.register__form-item:hover{background:#eee}
.register__form-item + .register__form-item{margin-left:auto}
.register__form-item.success:hover{background:#fff}
.register__form-btn{margin-top:2em; width:180px; height:3em; background:#165895; border:0; border-radius:1.5em; color:#fff; font-size:1.125rem;}
.register__privacy{margin:3em 0}
.register__privacy .title{font-size:1.125rem; font-weight:bold; color:#165895}
.register__privacy .text-pre{margin:1em 0; padding:1.5em; height:15em; overflow:auto; border:1px solid #ddd}
.register .formset-btn{padding-top:3em; border-top:1px solid #ddd}
.email_cert{display:none;}

.login{width:92%;display:flex; align-items:center; justify-content:center; flex-direction:column; height:60vh; border:1px solid #ddd;}
.login__title{margin-bottom:1em; font-size:1.875rem; font-weight:normal; text-align:center}
.login__form{max-width:380px}
.login__form input{box-sizing:border-box; padding:0 1em; width:100%; height:3em; background-color:#eee; border:0; font-size:1.125rem}
.login__form input + input{margin-top:10px}
.login__form-btn{margin-top:1em; width:100%; height:3em; border-radius:3em; border:0; background-color:#165895; color:#fff; font-size:1.125rem}
.login__link{margin-top:2em; font-size:1.125rem; font-weight:bold}
.login__link a{position:relative}
.login__link a + a{margin-left:1.25em}
.login__link a + a:before{content:''; position:absolute; left:-.75em; top:50%; transform:translateY(-50%); width:1px; height:80%; background:#ddd}

.mypage{position:relative}
.mypage .layer__bg{display:none}
.mypage .layer{position:absolute; left:0; top:0; width:100%; height:100%; transform:none; display:block;}
.mypage .layer-inn{height:100%}
.mypage .form-password{height:100%; text-align:center}
.mypage .form-password__title{padding-bottom:.5em; border-bottom:2px solid #165895; font-size:1.875rem; text-align:left}
.mypage .form-password-inn{display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0 auto; width:380px; height:calc(100% - 56px)}
.mypage .form-password-inn > * + *{margin-top:1em}
.mypage .form-password-inn .msg-help{font-size:1.125rem}
.mypage .form-password-inn .btn{width:100%}
.mypage .form-password-inn input{padding:0 10px; width:100%; height:56px; box-sizing:border-box; background:#eee; border:0; font-size:1.125rem}

.manage{}
.manage__title{margin:1.5em 0; font-size:2.125rem; font-weight:normal; text-align:center}
.manage .msg-group{border:1px solid #ddd; text-align:left; font-family:'Nanum Gothic'; font-weight:bold}
.manage .msg-group p + p{margin-top:.75em}

.self-intro{border-top:2px solid #165895}
.self-intro__item + .self-intro__item{margin-top:1em}
.self-intro__item .title{padding:1em 0; font-size:1rem}
.self-intro__item textarea{width:100%; height:15em}

.self-intro.grade{margin-top:3em; border:0}
.self-intro.grade .grade__group{display:flex; border:1px solid #ccc}
.self-intro.grade .grade__group textarea{width:70%; border:0; resize:none;}
.self-intro.grade .grade__group-inn{padding:1em; width:30%; border-left:1px solid #ccc; box-sizing:border-box; font-size:1rem; font-family:'Nanum Gothic'}
.self-intro.grade .grade__group-title{margin-bottom:1em}
.self-intro.grade .grade__group-total{display:flex; justify-content:space-between; align-items:center; padding-top:1em; margin-top:2em; border-top:1px solid #ddd}
.self-intro.grade .grade__group-total .score{font-size:2.5rem}

.nanum-manage{width:92%}
.nanum-manage__title{padding-bottom:.5em; border-bottom:2px solid #165895; font-size:1.5rem; color:#165895; text-align:left}
.nanum-manage .tbl th,
.nanum-manage .tbl td{padding-left:10px; padding-left-right:10px}
.nanum-manage .file-upload-group-wrap{display:flex; padding:1.5em; border:1px solid #ddd;}
.nanum-manage .file-upload-group{position:relative; padding-left:150px; box-sizing:border-box;}  /*width:calc(100% - 330px);*/
.nanum-manage .file-upload__input{width:100%; height:37px; border:0;display:none}
.nanum-manage .file-upload__btn{position:absolute; left:0; top:0; border-radius:5px; font-size:1rem}
.nanum-manage .file-upload-group-wrap .btn-default{padding:0; width:100px; height:37px; border-radius:5px; font-size:1rem}
.nanum-manage .filename{width:calc(100% - 260px);height:28px;text-align:right;font-size:1rem;font-family:'Nanum Gothic';padding-top:9px;margin-right:10px;}

.naunm-apply{}
.nanum-apply__title{padding-bottom:.5em; margin:1.5em 0 1em; border-bottom:1px solid #ddd; font-size:24px; color:#165895}
.nanum-apply__guide{display:flex; align-items:flex-end}
.nanum-apply__guide h1 {line-height:65px;vertical-align: middle;}
.nanum-apply__guide > * + *{margin-left:5em}
.nanum-apply__guide + .nanum-apply__title{margin-top:4em}
.nanum-apply__vod{display:flex; justify-content:space-between}
.nanum-apply__vod > *{width:calc((100% / 3) - 1em)}
.nanum-apply__vod .img{width:100%}
.nanum-apply__vod .text{margin-top:1em; font-weight:bold; font-size:18px; line-height:1.7; color:#333}

.nanum-campaign{width:966px}
.nanum-campaign__title{margin-bottom:.5em; font-size:24px; color:#165895}
.nanum-campaign__title span{display:inline-block; margin-left:.5em; font-size:18px}
.nanum-campaign__text{margin:.5em 0; line-height:1.8; font-size:18px; color:#666; word-break:keep-all}
.nanum-campaign__group{}
.nanum-campaign__group + .nanum-campaign__group{margin-top:3em}
.nanum-campaign__group .label{display:inline-block; padding:10px;  background:#f2f2f2; border-radius:3px; text-align:center; font-size:17px}
.nanum-campaign__group .point{line-height:1.5; font-size:17px}
.nanum-campaign__group .point span{color:#165895}
.nanum-campaign__package{display:flex; align-items:center; justify-content:space-between; padding:2.5em 3em; border:1px solid #ddd}
.nanum-campaign__package .item{position:relative; display:flex; flex-direction:column; align-items:center; height:14em; text-align:center}
.nanum-campaign__package .item:after{content:''; position:absolute; right:-4.5em; top:50%; transform:translateY(-50%); width:30px; height:30px; background-position:center; background-repeat:no-repeat}
.nanum-campaign__package .item:nth-child(1):after{background-image:url('/images/ico-equal.png')}
.nanum-campaign__package .item:nth-child(2):after,
.nanum-campaign__package .item:nth-child(3):after{background-image:url('/images/ico-plus.png')}
.nanum-campaign__package .item .img{margin:auto 0}
.nanum-campaign__package .item .label{margin-top:auto}
.nanum-campaign__info{margin-bottom:1em; border-top:2px solid #165895}
.nanum-campaign__info dl{display:flex; align-items:center; border-bottom:1px solid #ddd}
.nanum-campaign__info .title{padding:30px; width:200px; box-sizing:border-box; background:#f5f5f5; font-size:17px}
.nanum-campaign__info .text{padding:0 30px; width:calc(100% - 200px); box-sizing:border-box; font-size:17px; line-height:1.5}
.nanum-campaign__process{display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5em; padding:2.5em 8em; border:1px solid #ddd}
.nanum-campaign__process .item{position:relative; display:flex; flex-direction:column; align-items:center; height:14em; text-align:center}
.nanum-campaign__process .item:after{content:''; position:absolute; right:-8em; top:40%; transform:translateY(-50%); width:36px; height:30px; background:url('/images/ico-arrow.png') center no-repeat}
.nanum-campaign__process .item:last-child:after{display:none}
.nanum-campaign__process .item .label{margin-top:auto}
.nanum-campaign__group.process ol li{line-height:1.7; font-size:18px; color:#666}
.nanum-campaign__group.contact ul li{line-height:1.7; font-size:18px; color:#666}
.nanum-campaign__group.contact ul li a{position:relative; color:#165895; font-style:italic; font-weight:bold}
.nanum-campaign__group.contact ul li a:after{content:''; position:absolute; bottom:-3px; left:0; right:0; height:1px; background:#165895}

.faq{}
.faq-tab{display:flex; justify-content:space-between; margin:2em 0 3em; padding:2em 1.5em 1.5em; border:1px solid #ddd}
.faq-tab__link{position:relative; font-size:18px; font-weight:bold; color:#666; transition:color .3s}
.faq-tab__link:after{content:''; display:none; position:absolute; left:50%; top:-10px; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; background:#165895}
.faq-tab__link:hover{color:#165895}
.faq-tab__link.is-active{color:#165895}
.faq-tab__link.is-active:after{display:block}
.faq-tab-content{border-top:2px solid #165895}
.faq-tab-content__item{display:none}
.faq-tab-content__item.is-active{display:block}
.faq-list{}
.faq-list__item{}
.faq-list__item .item-q,
.faq-list__item .item-a{position:relative; padding:25px 20px 25px 45px; border-bottom:1px solid #ddd}
.faq-list__item .item-q span,
.faq-list__item .item-a span{position:absolute; left:20px; top:25px; font-weight:bold}
.faq-list__item .item-q{font-size:18px; font-weight:bold; cursor:pointer}
.faq-list__item .item-q:after{content:''; position:absolute; right:20px; top:50%; margin-top:-25px; width:50px; height:50px; background:url('/images/ico-arrow-faq.png') center no-repeat}
.faq-list__item .item-q span{color:#165895}
.faq-list__item .item-a{display:none; line-height:2; font-size:16px; transform:skew(0.03deg)}
.faq-list__item .item-a u{position:relative; text-decoration:none}
.faq-list__item .item-a u:after{content:''; position:absolute; bottom:-3px; left:0; right:0; height:1px; background:#f08c17}
.faq-list__item:hover .item-q,
.faq-list__item.is-active .item-q{background:#f5f5f5}
.faq-list__item.is-active .item-q:after{transform:rotate(180deg)}
.faq-list__item.is-active .item-a{display:block}

/*.input-file.hide{position:absolute; display:none; opacity:0; visibility:hidden}
.file-upload-group{display:flex}
.file-upload__input{width:calc(100% - 80px)}
.file-upload__btn{padding:.5em 0; max-width:80px; background-color:#333; border:0; color:#fff;}*/

.finalist{max-width:968px}
.finalist *{font-family:'Nanum Gothic'}
.finalist__title-wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom:1em}
.finalist__title-wrap .popup__title{margin-bottom:0}
.finalist__title{margin-bottom:1em; font-size:1.875rem; font-family:'NanumSquare'}
.finalist .tbl{width:100%}
.finalist .tbl thead th{padding:0 10px; height:60px; line-height:1}
.finalist .tbl tbody td{padding:5px 10px; height:50px}
.finalist .btn-group{margin:3em; justify-content:center;}
.finalist .file-del{margin-left:auto}
.finalist .file-down{margin-right:1em}
.finalist .file-upload-group-wrap{display:flex; align-items:center; margin:2em 0; padding:1.5em; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.finalist .file-title{min-width:170px}
.finalist .file-upload-group{position:relative; padding-left:70px; width:calc(60% - 50%); height:37px; box-sizing:border-box;}
.finalist .file-upload__input{width:100%; height:37px; border:0; display:none}
.finalist .file-upload__btn{height:37px; position:absolute; left:0; top:0; border-radius:5px; font-size:1rem}
.finalist .file-upload-group-wrap .btn-default{padding:0; min-width:80px; height:37px; border-radius:5px; font-size:1rem}
.finalist .filename{width:calc(100%);height:28px;text-align:right;font-size:0.875rem;font-family:'Nanum Gothic';padding-top:9px;margin-right:10px;}

.popup{padding:2em; min-width:960px}
.popup *{font-family:'Nanum Gothic'}
.popup__title-wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom:1em}
.popup__title-wrap .popup__title{margin-bottom:0}
.popup__title{margin-bottom:1em; font-size:1.875rem; font-family:'NanumSquare'}
.popup .tbl{width:100%}
.popup .tbl thead th{padding:0 10px; height:60px; line-height:1}
.popup .tbl tbody td{padding:5px 10px; height:50px}
.popup .btn-group{margin:3em 0; justify-content:center;}
.popup .file-del{margin-left:auto}
.popup .file-down{margin-right:1em}
.popup .file-upload-group-wrap{display:flex; align-items:center; margin:2em 0; padding:1.5em; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.popup .file-title{width:170px}
.popup .file-upload-group{position:relative; padding-left:100px; width:calc(70% - 100px); box-sizing:border-box;}
.popup .file-upload__input{width:100%; height:37px; border:0; font-size:1rem}
.popup .file-upload__btn{position:absolute; left:0; top:0; border-radius:5px; font-size:1rem}
.popup .file-upload-group-wrap .btn-default{padding:0; width:100px; height:37px; border-radius:5px; font-size:1rem}

.layer__bg{z-index:500; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7);}
.layer__close{z-index:999; position:absolute; left:100%; top:0; width:50px; height:50px; background-color:#fff; border:0; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.layer__close:before,
.layer__close:after{content:''; position:absolute; top:50%; left:50%; margin-left:-35%; width:70%; height:2px; background-color:#333}
.layer__close:before{transform:rotate(45deg)}
.layer__close:after{transform:rotate(-45deg)}
.layer{z-index:999; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); min-width:768px; background-color:#fff}
.layer__title{margin:0 0 1em; padding:0; background:none; font-size:1.875rem; font-weight:bold}
.layer-inn{padding:1.25em 1.5em; max-height:90vh; overflow:auto}
.layer-inn .tbl-top{margin-top:0}
.layer-inn .formset-btn{margin-bottom:0}
.layer-inn .btn-group{margin:2em 0; justify-content:center;}
.layer-inn .search{margin:1.5em 0; background:#f5f5f5; border:0}
.layer-inn .search__item input,
.layer-inn .search__item select{padding-top:0.6rem; padding-bottom:0.6rem}
.layer-inn .search .btn{padding:0.6rem 1em; min-width:80px; height:auto; border-radius:5px; font-size:1rem}