@import url(sub.css);
@import url(board.css);

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,td,th,header,article,footer,nav,section,input,select,a,textarea,button,dl,dt,dl{ margin:0;padding:0; border:0; color:#474b53;font-size:14px;font-family:'Noto Sans KR';line-height:160%;font-weight:400;letter-spacing:-.04em;}

@media only screen and  (min-width : 320px) and (max-width : 359px){
body,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,td,th,header,article,footer,nav,section,input,select,a,textarea,button,dl,dt,dl{font-size:12px;}
}
@media only screen and (min-width : 360px) and (max-width : 414px) {
body,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,td,th,header,article,footer,nav,section,input,select,a,textarea,button,dl,dt,dl{font-size:14px;}
}
@media only screen and (min-width : 415px) and (max-width : 768px) {
body,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,td,th,header,article,footer,nav,section,input,select,a,textarea,button,dl,dt,dl{font-size:16px;}
}
div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,header,article,footer,nav,section,img,a{position:relative;*zoom:1;}

html{overflow-y:scroll;}
ul , li { list-style:none; padding:0; margin:0;}
img {	border:0; padding:0; border:0;}
caption { display: none;}
textarea{border:1px solid #d2d2d2;}
input{background:#fff;margin:0;padding:0;color:#474b53;outline:none;vertical-align:middle;}
input[type=text]{border:1px solid #d2d2d2;height:30px;line-height:30px;}
input[type= tel]{border:1px solid #d2d2d2;height:30px;line-height:30px;}
input[type=checkbox]{border:none;}
input[type=password]{border:1px solid #d2d2d2;font-family:'dotum';height:30px;line-height:30px;}
select{border:1px solid #d2d2d2;height:32px;line-height:32px;vertical-align:middle;}
textarea:required:invalid{outline: none;}
input:-webkit-autofill{background:#none;}
hr{display:none;}
a{ border:0; padding:0; margin:0; text-decoration:none; color:#474b53;}

fieldset {margin:0; padding:0; border:0;}
legend {display:none; padding:0;	margin:0;}
label{vertical-align:middle;}

.check { border:0; padding:0;}
.img { border:0; padding:0;}
.check2 { border:0; padding:0; background: #EFEFEF; }

.justify {	text-align: justify;}
.b { font-weight:bold;}
.align_r{text-align:right;}

.bd_r0{border-right:0 !important;}

.mt0{margin-top:0px !important;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt100{margin-top:100px;}
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb85{margin-bottom:85px;}.mb100{margin-bottom:100px;}.mb200{margin-bottom:200px;}
.ml0{margin-left:0px !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left :40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}.ml100{margin-left:100px;}
.mr0{margin-right:0px !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}

.mt10P{margin-top:10%;}
.mb10P{margin-bottom:10%;}

.pt0{padding-top:0 !important;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}
.pb0{padding-bottom:0 !important;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb90{padding-bottom:90px;}
.pl0{padding-left:0px !important;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left :40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl80{padding-left:80px;}
.pr0{padding-right:0px !important;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}


@media only screen and (min-width : 320px) and (max-width : 1024px) {
.mt0{margin-top:0px !important;}.mt5{margin-top:2.5px;}.mt10{margin-top:5px;}.mt15{margin-top:7.5px;}.mt20{margin-top:10px;}.mt25{margin-top:12.5px;}.mt30{margin-top:15px;}.mt35{margin-top:17.5px;}.mt40{margin-top:20px;}.mt45{margin-top:22.5px;}.mt50{margin-top:25px;}.mt55{margin-top:27.5px;}.mt60{margin-top:30px;}.mt65{margin-top:32.5px;}.mt70{margin-top:35px;}.mt75{margin-top:37.5px;}.mt80{margin-top:40px;}.mt100{margin-top:50px;}
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:2.5px;}.mb10{margin-bottom:5px;}.mb15{margin-bottom:7.5px;}.mb20{margin-bottom:10px;}.mb25{margin-bottom:12.5px;}.mb30{margin-bottom:15px;}.mb35{margin-bottom:17.5px;}.mb40{margin-bottom:20px;}.mb45{margin-bottom:22.5px;}.mb50{margin-bottom:25px;}.mb55{margin-bottom:27.5px;}.mb60{margin-bottom:30px;}.mb65{margin-bottom:32.5px;}.mb70{margin-bottom:35px;}.mb75{margin-bottom:37.5px;}.mb80{margin-bottom:40px;}.mb85{margin-bottom:42.5px;}.mb100{margin-bottom:50px;}
.ml0{margin-left:0px !important;}.ml5{margin-left:2.5px;}.ml10{margin-left:5px;}.ml15{margin-left:7.5px;}.ml20{margin-left:10px;}.ml25{margin-left:12.5px;}.ml30{margin-left:15px;}.ml35{margin-left:17.5px;}.ml40{margin-left:20px;}.ml45{margin-left:22.5px;}.ml50{margin-left:25px;}.ml55{margin-left:27.5px;}.ml60{margin-left:30px;}.ml65{margin-left:32.5px;}.ml70{margin-left:35px;}.ml75{margin-left:37.5px;}.ml80{margin-left:40px;}.ml100{margin-left:50px;}
.mr0{margin-right:0px !important;}.mr5{margin-right:2.5px;}.mr10{margin-right:5px;}.mr15{margin-right:7.5px;}.mr20{margin-right:10px;}.mr25{margin-right:12.5px;}.mr30{margin-right:15px;}.mr35{margin-right:17.5px;}.mr40{margin-right:20px;}.mr45{margin-right:22.5px;}.mr50{margin-right:25px;}.mr55{margin-right:27.5px;}.mr60{margin-right:30px;}.mr65{margin-right:32.5px;}.mr70{margin-right:35px;}.mr75{margin-right:37.5px;}.mr80{margin-right:40px;}.mr100{margin-right:50px;}

.mt10P{margin-top:10%;}
.mb10P{margin-bottom:10%;}

.pt0{padding-top:0px !important;}.pt5{padding-top:2.5px;}.pt10{padding-top:5px;}.pt15{padding-top:7.5px;}.pt20{padding-top:10px;}.pt25{padding-top:12.5px;}.pt30{padding-top:15px;}.pt35{padding-top:17.5px;}.pt40{padding-top:20px;}.pt45{padding-top:22.5px;}.pt50{padding-top:25px;}.pt55{padding-top:27.5px;}.pt60{padding-top:30px;}.pt65{padding-top:32.5px;}.pt70{padding-top:35px;}.pt75{padding-top:37.5px;}.pt80{padding-top:40px;}.pt100{padding-top:50px;}
.pb0{padding-bottom:0px !important;}.pb5{padding-bottom:2.5px;}.pb10{padding-bottom:5px;}.pb15{padding-bottom:7.5px;}.pb20{padding-bottom:10px;}.pb25{padding-bottom:12.5px;}.pb30{padding-bottom:15px;}.pb35{padding-bottom:17.5px;}.pb40{padding-bottom:20px;}.pb45{padding-bottom:22.5px;}.pb50{padding-bottom:25px;}.pb55{padding-bottom:27.5px;}.pb60{padding-bottom:30px;}.pb65{padding-bottom:32.5px;}.pb70{padding-bottom:35px;}.pb75{padding-bottom:37.5px;}.pb80{padding-bottom:40px;}.pb100{padding-bottom:50px;}
.pl0{padding-left:0px !important;}.pl5{padding-left:2.5px;}.pl10{padding-left:5px;}.pl15{padding-left:7.5px;}.pl20{padding-left:10px;}.pl25{padding-left:12.5px;}.pl30{padding-left:15px;}.pl35{padding-left:17.5px;}.pl40{padding-left:20px;}.pl45{padding-left:22.5px;}.pl50{padding-left:25px;}.pl55{padding-left:27.5px;}.pl60{padding-left:30px;}.pl65{padding-left:32.5px;}.pl70{padding-left:35px;}.pl75{padding-left:37.5px;}.pl80{padding-left:40px;}.pl100{padding-left:50px;}
.pr0{padding-right:0px !important;}.pr5{padding-right:2.5px;}.pr10{padding-right:5px;}.pr15{padding-right:7.5px;}.pr20{padding-right:10px;}.pr25{padding-right:12.5px;}.pr30{padding-right:15px;}.pr35{padding-right:17.5px;}.pr40{padding-right:20px;}.pr45{padding-right:22.5px;}.pr50{padding-right:25px;}.pr55{padding-right:27.5px;}.pr60{padding-right:30px;}.pr65{padding-right:32.5px;}.pr70{padding-right:35px;}.pr75{padding-right:37.5px;}.pr80{padding-right:40px;}.pr100{padding-right:50px;}

}
.pink{color:#d41b7f !important;}
.width_a{width:auto !important;}

div:after,li:after,dl:after,dd:after,div:before,li:before,dl:before,dd:before{clear:both;content:"";display:block;}
.float_l{float:left;}
.float_r{float:right !important;}
.align_center{text-align:center;}
.align_left{text-align:left;}
.align_right{text-align:right;}

#wrap{width:100%;margin:0 auto;overflow:hidden;}

*{box-sizing:border-box; font-family:'NanumSquare'; outline:none;}
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

/*------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; border:0; width:100%; position:relative;overflow-x:hidden; background:#c0c0c0;}

 
#document{ width:100%;min-width:320px;max-width:640px; margin:0 auto; background:#fff;}

/* 헤더 */
.head_box {width:100%; height:50px; overflow:hidden; margin:0 auto; background:#fff; border-bottom:1px solid #333; position:relative;}
.head_box .event {top:0; right:0; position:absolute;width:50px;}
.head_box .event img{width:100%;display:block;}
.head_box h1 {top:0; left:50%; margin-left:-35px;width:71px; position:absolute;}
.head_box h1 img{width:100%;display:block;}
.head_box #total_toggle {top:0; left:0; position:absolute; cursor:pointer;width:50px;}
.head_box #total_toggle img{width:100%;display:block;}
.top_menu {width:100%; margin:0 auto; overflow:hidden; }
.top_menu li{float:left;width:25%;} 
.top_menu li img{display:block;width:100%;}

/*회원추가*/
.login_box {width:100%; left:0; top:0; padding:7px 0; overflow:hidden; background:#fff; position:absolute; z-index:50; display:none;}
.login_box .left {float:left; overflow:hidden; margin-left:4%; width:60%;}
.login_box .left img {float:left; width:18%; display:inline-block;}
.login_box .left span {float:left; margin:4% 0 0 5px; display:inline-block; font-size:4vw;}
.login_box .right {float:right; overflow:hidden; margin-top:1%; margin-right:4%;}
.login_box .right a.log_out {float:right; width:29%; display:inline-block;}
.login_box .right a.log_out img {width:100%;}
.login_box .right .menu_close {float:right; margin-left:10px; display:inline-block;}

/* 전체메뉴 */
#total_menu {width:100%; overflow:hidden;top:50px; position:absolute; z-index:1000; display:none;}
#total_menu .dep1 {width:50%; height:475px; float:left;}
#total_menu .dep2 {width:50%; height:475px; float:left; background:rgba(168,54,87,.9);}
#total_menu .dep1 li {width:90%; padding-left:10%; cursor:pointer; overflow:hidden; height:80px; color:#fff; border-bottom:1px solid #fab3cf; background:#f11c70;}
#total_menu .dep1 li span {float:left; display:inline-block; font-size:10px; line-height:80px; margin-right:10px;}
#total_menu .dep1 li strong {float:left; display:inline-block; font-size:13px; line-height:80px;}
#total_menu .dep1 li.over {background:url('../img/comm/mn_icon_n.png') no-repeat right center #87776c;}
#total_menu .dep2 {width:50%; overflow:hidden;}
#total_menu .dep2 ul {display:none;}
#total_menu .dep2 ul.over {display:block;}
#total_menu .dep2 ul li {width:90%; padding-left:10%; overflow:hidden;}
#total_menu .dep2 ul li span {float:left; display:inline-block; font-size:13px; line-height:230%; color:#fff; margin-right:10px;}
#total_menu .dep2 ul li a {float:left; display:inline-block; font-size:13px; line-height:230%; color:#fff;}

/*메인상단 비주얼*/
.visual {width:100%; margin:0 auto; position:relative; overflow:hidden;}
.visual .imgbox {width:100%;}
.visual .slider {width:100%;}
.visual .item {width:100%;}
.visual .item img {width:100%; height:auto;}
.visual .btnbox {overflow:hidden; width:100%; bottom:20px; left:0; position:absolute; z-index:100;text-align:center;}
.visual .btnbox .go {display:inline-block; border:1px solid #fff; margin-right:5px; width:10px; height:10px; text-indent:-9999px; cursor:pointer;}
.visual .btnbox .go.on {background:#fff;}
.visual .btnbox .go.off {background:none;}

/*컨텐츠*/
.content {width:85.9%; margin-left:auto;margin-right:auto; padding:0;}
.content img{width:100%;display:block;}
.content.n2 {width:100%;}
.content.n2 p{width:50%;float:left;}
.content h2 {width:100%; text-align:center; margin:30px 0 15px 0;}
.float_box{width:100%; overflow:hidden;}
.float_box p{float:left;}
.float_box p.mgrb{margin:0 2% 10px 0;width:49%;}
.float_box p.mgb{margin:0 0 10px 0;width:49%;}

#footer{}
#footer img{display:block;width:100%;}

.content {width:100%; position:relative;}
.content img {width:100%;}
.text_box {width:100%; margin-bottom:20px; text-align:center;}
.text_box strong {display:block; margin-bottom:10px; font-size:7vw; line-height:9vw;}
.text_box strong span {font-weight:normal;}
.text_box em {display:block; margin-top:20px; font-size:3vw; line-height:4px;}
.flex_box {display:flex;}
.flex_box .box {width:50%;}
.head_box h1 {top:20%;}
.head_box #total_toggle {width:8%; top:27%; left:4%;}
.head_box .event {width:8%; top:18%; right:4%;}
#total_menu .dep1 li.over {background-color:#fff;color:#f11c70;}
#total_menu .dep1 li {width:100%; height:80px;}
.top_menu {background:#fff; border-bottom:1px solid #d6d6d6;}