@import url('https://front.neungyule.com/css/NotoSansKR.css');

html,body{width:100%;height:100%;font-family:Noto Sans KR,고딕, san-serif;font-size:14px;color:#333333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;font-family:Noto Sans KR}
body,h1,h2,h3,h4,input,button{/*font-family:'NanumGothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;*/font-size:14px;}
body{background-color:#fff;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,button{vertical-align:top;margin-top:5px;font-family:Noto Sans KR,고딕, san-serif;}
img{vertical-align:top;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#4f4f4f;text-decoration:none;}
a:hover{color:#4f4f4f;text-decoration:none;}

/****************************************************************
 * layout
 ****************************************************************/

#wrap{width:100%;position:relative;min-height:800px;}

#header{width:100%;z-index:2;}
#header .tab{overflow:hidden;}
#header .tab ul{overflow:hidden;}
#header .tab li {float:left;width:25%;border:1px solid #fe5f07;border-top:2px solid #fe5f07;border-bottom:2px solid #fe5f07;box-sizing:border-box;font-size:18px;}
#header .tab li.over {background-color:#fe5f07;}
#header .tab li a{display:block;line-height:50px;text-align:Center;}
#header .tab li:first-child{border-left:2px solid #fe5f07;}
#header .tab li.over a{color:#fff;}
#header .tab li.nr {margin-right:0;border-right:2px solid #fe5f07;}
#header .tab li img{width:100%;}
#header .b_tit {float:left;}
#header .b_tit li {float:left;}
#header .b_tit_word p {height:58px;background-color:#ff6d42;color:#fff;font-size:20px;font-weight:bold;line-height:58px;text-indent:10px;}
#header .b_tit_word .date {position:absolute;color:#fff;font-size:13px;font-weight:bold;margin:30px 0 0 100px;}

#container{width:100%;}
.btn_set {width:100%;text-align:right;padding:5px 0;}
.btn_set > ul{padding:5px 0;}
.btn_set li {display:inline-block;padding:0px 5px 0px 15px;vertical-align:top;}
.btn_set li a{display:block}
#container .bbs {position:relative;max-width:980px;width:100%;border-top:1px solid #505050;overflow:hidden;}
#container .bbs > ul{overflow:hidden;}
#container .bbs .tit{background:#f3f3f3;}
#container .bbs .tit li {font-size:20px;padding:16px 0px 10px 0px;text-align:center;;}
#container .bbs .tit li.t01 {width:100px;font-size:14px;float:left;}
#container .bbs .tit li.t02 {width:630px;font-size:14px;float:left;}
#container .bbs .tit li.t03 {width:150px;font-size:14px;float:left;}
#container .bbs .tit li.t04 {width:100px;font-size:14px;float:left;}
#container .bbs .cont li {float:left;font-size:20px;border-bottom:1px solid #e0e0e0;padding:11px 0px 8px 0px;}
#container .bbs .cont li.t01 {width:100px;text-align:center;color:#777;font-size:14px;}
#container .bbs .cont li.t02 {width:610px; padding-left:20px;font-size:14px;}
#container .bbs .cont li.t02 a {display:block;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;}
#container .bbs .cont li.t03 {width:150px;text-align:center;color:#777;font-size:14px;}
#container .bbs .cont li.t04 {width:100px;text-align:center;color:#777;font-size:14px;}
#container .bbs .cont li.last {border-bottom:2px solid #e0e0e0;}
#container .text {max-width:980px;width:100%;font-family:'Helvetica';font-size:14px;color:#000;line-height:160%;padding:15px;box-sizing:border-box;}
#container .text p {width:100%;padding:0;box-sizing:border-box;}
#container .text p .img_box{float:right;margin-left:20px}
#container .text p .img_box img{max-width:180px}
#container .numarea {max-width:980px;width:100%;float:none;text-align:center;margin:30px 0;}
#container .numarea .paging > a{display:inline-block;width:29px;height:29px;vertical-align:top;text-align:center;line-height:27px;}
#container .numarea .paging > a.prev{margin-right:4px;}
#container .numarea .paging > strong{display:inline-block;width:29px;height:29px;vertical-align:top;text-align:center;line-height:27px;}
#container .numarea .paging img{margin:0 !important;}
#container .numarea li {font-size:13px;width:13px;display:inline;border:0;}
#container .numarea img {vertical-align:middle;border:0;}
#container .numarea li.ico_left {width:150px;}
#container .numarea li.ico_right {width:90px;text-align:right;}
#container .b_logo {max-width:980px;width:100%;text-align:center;padding:0 10px;margin-top:40px;border:0;box-sizing:border-box}
#container .b_logo img{max-width:100%;}


#word{position:relative;border:3px solid #ff6d42;margin-top:0px;padding-bottom:60px;text-align:center;}
#word .inner {position:relative;padding:20px 20px 0 20px;text-align:left;font-size:13px;margin-bottom:30px;overflow:hidden;}
#word .inner .select {overflow:hidden;}
#word .inner .select li {float:left;margin-right:20px;}
#word .inner .bbs {margin-top:20px;background:#ebebeb;height:30px;}
#word .inner .bbs .tit li {float:left;font-size:13px;font-weight:bold;margin-top:10px;}
#word .inner .bbs li.t {border-right:1px solid #a4a4a4;height:9px;}
#word .inner .bbs .tit li.t001 {width:10%;text-align:center;}
#word .inner .bbs .tit li.t002 {width:30%;text-align:center;}
#word .inner .bbs .cont li {float:left;font-size:13px;border-bottom:1px solid #e0e0e0;padding-top:11px;padding-bottom:3px;color:#666;}
#word .inner .bbs .cont li.t001 {width:50px;text-align:center;}
#word .inner .bbs .cont li.t002 {width:191px;padding-left:5px;}
#word .btn_set {position:absolute;text-align:right;}
#word .btn_set li {margin-right:7px;}



#word2{position:relative;border:3px solid #ff9000;margin-top:0px;padding-bottom:60px;text-align:center;}
#word2 .kids {border:3px solid #ff9000;}
#word2 .inner {position:relative;padding:20px 20px 0 20px;text-align:left;font-size:13px;margin-bottom:30px;overflow:hidden;}
#word2 .inner .select {overflow:hidden;}
#word2 .inner .select li {float:left;margin-right:20px;}
#word2 .inner .bbs {margin-top:50px;background:#ebebeb;height:30px;}
#word2 .inner .bbs .tit li {float:left;font-size:13px;font-weight:bold;margin-top:10px;}
#word2 .inner .bbs li.t {border-right:1px solid #a4a4a4;height:9px;}
#word2 .inner .bbs .tit li.t001 {width:10%;text-align:center;}
#word2 .inner .bbs .tit li.t002 {width:30%;text-align:center;}
#word2 .inner .bbs .cont li {float:left;font-size:13px;border-bottom:1px solid #e0e0e0;padding-top:11px;padding-bottom:3px;color:#666;}
#word2 .inner .bbs .cont li.t001 {width:50px;text-align:center;}
#word2 .inner .bbs .cont li.t002 {width:191px;padding-left:5px;}
#word2 .btn_set {position:absolute;text-align:right;}
#word2 .btn_set li {margin-right:7px;}


.sound {border:3px solid #6eced4;width:300px;margin:0 auto;padding:20px  20px 60px 20px;overflow:hidden;box-sizing:border-box;position:relative;}
.sound .player {width:260px;text-align:center;}
.sound .player li {float:left;width:45px;}
.sound .vol {position:absolute;right:10px;top:25px;}
.sound .st {position:absolute;left:0;bottom:0;width:100%;padding:0 10px;box-sizing:Border-box;}
.sound .st .jp-progress{width:100%;box-sizing:Border-box;height:9px;}
.sound .st table{width:100%;max-width:300px;}


.sound2 {border:3px solid #ff9000;width:300px;margin:0 auto;padding:20px 10px 60px 10px;overflow:hidden;box-sizing:border-box;position:relative;}
.sound2 .player {width:260px;text-align:center;}
.sound2 .player li {float:left;width:45px;}
.sound2 .vol {position:absolute;right:10px;top:25px;}
.sound2 .st {position:absolute;left:0;bottom:0;width:100%;padding:0 10px;box-sizing:Border-box;}
.sound2 .st .jp-progress{width:100%;box-sizing:Border-box;height:9px;}
.sound2 .st table{width:100%;max-width:300px;}
.logo {margin:0 auto;width:100%;text-align:center;}

#footer{width:980px;margin:auto;padding:27px 0 120px 0;z-index:5;border-top:1px solid #a3a3a3;background:url(/pages/t_member/imagekbgn/logo_foot.gif) no-repeat right 30px;}

/****************************************************************
* padding&margin
****************************************************************/

.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt80 {margin-top:60px;}
.mb20 {margin-bottom:20px;}
.ml10 {padding-left:10px;}
.mr10 {padding-right:10px;}

.pr5 {padding-right:5px;}
.num_fb a {font-weight:bold;color:#008da0;}
.last_line {border-bottom:2px solid #ebebeb;width:100%;max-width:980px;margin:15px 0px;}
.fb {font-weight:bold;}
.fs14 {font-size:14px;}
.fc {color:#ff6000;}
.fc_gray {color:#666;}
.fc2 {color:#ff6600;}
.liw {width:100px;}

.va {vertical-align:middle;}
.st_bg {background:#cfcfcf;}
#listArea{width:100%;}
#listArea table{width:100%;}
@media all and (max-width: 980px) {

#container .bbs .tit li.t01 {width:10.2%}
#container .bbs .tit li.t02 {width:64.3%}
#container .bbs .tit li.t03 {width:15.3%}
#container .bbs .tit li.t04 {width:10.2%}
#container .bbs .cont li.t01 {width:10.2%;}
#container .bbs .cont li.t02 {width:64.3%;padding-left:10px;box-sizing:border-box;}
#container .bbs .cont li.t03 {width:15.3%}
#container .bbs .cont li.t04 {width:10.2%}


}
@media all and (max-width: 740px) {

#container .bbs .tit li.t01 {width:60px;}
#container .bbs .tit li.t02 {width: calc(100% - 240px)}
#container .bbs .tit li.t03 {width:100px;}
#container .bbs .tit li.t04 {width:80px}
#container .bbs .cont li.t01 {width:60px;}
#container .bbs .cont li.t02 {width: calc(100% - 240px);padding-left:10px;box-sizing:border-box;}
#container .bbs .cont li.t03 {width:100px;}
#container .bbs .cont li.t04 {width:80px}

}

@media all and (max-width: 580px) {
#header .tab li {float:left;width:50%;}
#header .tab li a{line-height:40px;}
#header .tab li:nth-child(1){border-bottom-width:1px;}
#header .tab li:nth-child(2){border-bottom-width:1px;border-right-width:2px;}
#header .tab li:nth-child(3){border-top-width:1px;border-left-width:2px;}
#header .tab li:nth-child(4){border-top-width:1px;}
#container .bbs .tit li.t01 {width:80px;}
#container .bbs .tit li.t02 {width: calc(100% - 80px)}
#container .bbs .tit li.t03 {display:none;}
#container .bbs .tit li.t04 {display:none;}
#container .bbs .cont li.t01 {width:80px;line-height:36px;padding-top:0;padding-bottom:0;}
#container .bbs .cont li.t02 {width: calc(100% - 80px);padding-left:10px;box-sizing:border-box;line-height:36px;padding-top:0;padding-bottom:0;}
#container .bbs .cont li.t03 {display:none;}
#container .bbs .cont li.t04 {display:none;}
#container .text p{padding:0 12px}
#container .text p .img_box{float:none;display:flex;align-items:center;justify-content:center;margin-left:0;margin-bottom:10px;}
#container .text p .img_box img{float:none;max-width:100%}
#container .text p .img_box:after{content:'';display:block;clear:both}
.btn_set li {display:inline-block;padding:0px 5px 0px 5px;}
.btn_set li  img{height:20px;}
#container .text {padding:15px 0;box-sizing:border-box;}
}