@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}
#wrap img{max-width:100%;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px; }

/* Paging */
.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.first{}
.paging > a.prev{}
.paging > a.next{}
.paging > a.last{}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}

/**************************************************
	Layout
**************************************************/
#wrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#header{position: relative;z-index: 90;background: #fff;}
#header .core{height: 80px;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 80px;}
#header:after{position: absolute;bottom: -1px;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}

#gnb{text-align:right;z-index: 2;margin-right:-45px;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 60px;line-height: 80px;font-size: 19px;color: #333333;text-decoration: none;}
#gnb > li.active > a{font-weight: bold;}
#gnb > li > ul{position: absolute;top: 78px;left: 50%;display: none;width: 190px;margin-left: -95px;border: 1px solid #ddd;border-top: 3px solid #00afe5;background: #fff;box-sizing: border-box;z-index:100;}
#gnb > li > ul li a{display: block;font-size: 15px;height:48px;line-height:48px;color: #000;text-align: center;border-bottom:1px solid #ddd;}
#gnb > li > ul li:hover a,
#gnb > li > ul li.active a{background:#029ce4;color:#fff;text-decoration:none;}
#gnb > li:hover > ul{display: block;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: absolute;top: 79px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #00afe5;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #0859a2;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 25px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}

#tnb{display:block;background:#029ce4;}
#tnb ul{text-align:right;}
#tnb ul > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb ul > li a{display:block;height:34px;line-height:34px;font-size: 13px;color: #fff;}


#slide-btn{position: absolute;top: 50px;right: 0;display:none;}
#slide-btn a{display: block;width: 29px;height: 21px;background: url('/images/layout/slide-btn.png');text-indent: -999em;}

#footer{padding:45px 0;background: #3b414d;}
#footer address{font-size: 14px;line-height: 24px;color: #b5b5b5;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 14px;color: #b5b5b5;}
#footer .in{position:relative;padding-left:200px;width:1000px;margin:0 auto;}
#footer .footerLogo{position:absolute;top:50%;left:0;margin-top:-48px;}


#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnbWrap{background:#f7f7f7;}
#fnbWrap .fnb{padding:40px 0;}
#fnbWrap .fnb > li{display: inline-block;vertical-align:top;height:230px;padding: 0 40px;width:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ddd;}
#fnbWrap .fnb > li:first-child{border-left:0;}
#fnbWrap .fnb > li > a{display:block;font-size:18px;font-weight:200ex;color:#015998;margin-bottom:25px;}
#fnbWrap .fnb > li > ul li a{font-size:15px;color:#808080;}
#fnbWrap .fnb > li > ul li{margin-top:10px;}
#fnbWrap .fnb > li > ul li:first-child{margin-top:0;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

/* for mobile */
#slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
#slide-close{position: absolute;top: 0;right: 0;width: 55px;height: 55px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 24px auto;}

#slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);max-width:400px;}
#slide-menu .tit{height: 50px;position: relative;background: #088ac8;}
#slide-menu.on{right: 0;}


#gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
#gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
#gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
#gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}

#hd-sch-mo{position: absolute;top: 14px;left: 85px;z-index: 91;}
#hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
#hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 45px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
#hd-sch-mo legend{display: none;}
#hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
#hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
#hd-sch-mo.on form{display: block;}

/**************************************************
	Main
**************************************************/
#visual{position: relative;}
#visual .roll li{position: relative;overflow: hidden;}
#visual .roll li img{position: relative;top: 0;left: 50%;margin-left: -960px;max-width:none;}
#visual .bx-pager{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#visual .bx-pager-item{display: inline-block;margin: 0 5px;}
#visual .bx-pager-item a{display: block;width: 24px;height: 24px;background: url('/images/main/visual-bull.png');text-indent: -999em;}
#visual .bx-pager-item a.active{background-image: url('/images/main/visual-bull-on.png');}
#main #mainWrap{position: relative;width: 1200px;margin: 50px auto;}
#mainWrap .mainQuick li{display:inline-block;vertical-align:top;width:33.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:4px;}
#mainWrap .mainQuick li .in{position:relative;}
#mainWrap .mainQuick li .overBox{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;opacity:0;filter:alpha(opacity=0);transition:0.2s;z-index:10;}
#mainWrap .mainQuick li .textBox{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:35px;}
#mainWrap .mainQuick li .textBox dt,
#mainWrap .mainQuick li .textBox dd{color:#fff;}
#mainWrap .mainQuick li .textBox dt{font-size:26px;font-weight:300;margin-bottom:25px;}
#mainWrap .mainQuick li .textBox dd{font-size:17px;line-height:22px;letter-spacing:-0.04em;}
#mainWrap .mainQuick li:hover .overBox{opacity:1;filter:alpha(opacity=100);transition:0.2s;}
#mainWrap .mainQuick li .overBox:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
#mainWrap .mainQuick li .overBox .vam{display:inline-block;vertical-align:middle;}
#mainWrap .mainQuick li.q1 .overBox{background:rgba(37,101,152,0.8);}
#mainWrap .mainQuick li.q2 .overBox{background:rgba(74,155,206,0.8);}
#mainWrap .mainQuick li.q3 .overBox{background:rgba(10,157,155,0.8);}
#mainWrap .mainQuick li.q4 .overBox{background:rgba(89,98,169,0.8);}
#mainWrap .mainQuick li.q4 ul{width: 100%;margin-top: -10px;}
#mainWrap .mainQuick li.q4 li{width: 50%;box-sizing: border-box;vertical-align: top;background: url('/images/main/guide-line.jpg') no-repeat 0 center;}
#mainWrap .mainQuick li.q4 li:first-child{background: none;}
#mainWrap .mainQuick li.q4 li p{font-size: 16px;color: #eeff1a;letter-spacing: -1px;font-weight: 300;text-align: center;display: block;}
#mainWrap .mainQuick li.q4 li p strong{font-size: 18px;}
#mainWrap .mainQuick li.q4 li img{display: block;margin: 0 auto;margin-top: 10px;}
#mainWrap .mainQuick li.q5 .overBox{background:rgba(194,207,32,0.8);}
#mainWrap .mainQuick li.q6 .overBox{background:rgba(37,101,152,0.8);}
#mainWrap .mainQuick li .overBox .txt{display:block;color:#fff;font-size:16px;margin-top:10px;}
#mainBoard{font-size:0;margin:30px 0;}
#mainBoard .board{display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:35px 30px;border:1px solid #ddd;min-height: 242px;}

#mainBoard .board:first-child{border-right:0;}
#mainBoard .board .top{position:relative;}
#mainBoard .board .more{position:absolute;top:0;right:0;}
#mainBoard .title{font-size:24px;height:40px;font-weight:300;color:#424242;margin-bottom:20px;}
#mainBoard .blist{font-size:0;}
#mainBoard .blist li{position:relative;margin-top:15px;padding-right:80px;}
#mainBoard .blist li:first-child{margin-top:0;}
#mainBoard .blist li a{display:block;font-size:15px;line-height:16px;color:#717171;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#mainBoard .blist li span{font-size:15px;line-height:16px;position:absolute;top:0;right:0;}
#partnersRoll{position:relative;}
#partnersRoll .roll li a{display:block;text-align:center;width: 100%;height:90px;border:1px solid #ddd;}
#partnersRoll .roll li a img{width:auto;height:100%;}
/* #partnersRoll .bx-controls {position:relative; width: 100%;} */
/* #partnersRoll .bx-controls .bx-controls-direction {position:relative; width: 100%;} */
#partnersRoll .bx-controls .bx-controls-direction a{display:block;width:42px;height:42px;position:absolute;top:50%;margin-top:-21px;text-indent:-9999px;}
#partnersRoll .bx-controls .bx-controls-direction a.bx-prev{left:-90px;background:url(/images/bx-prev.gif) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;}
#partnersRoll .bx-controls .bx-controls-direction a.bx-next{right:-90px;background:url(/images/bx-next.gif) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;}


/**************************************************
	Sub
**************************************************/
/* s:lnb를 좌측정렬함 */
#sub #content{width:1200px;margin:0 auto;padding:50px 0 100px;font-size:0;}
#sub #content > *{display:inline-block;vertical-align:top;}
#sub .lnbWrap{width: 240px;margin-top: -20px;}
#sub #subCont{width: 900px;padding-left: 60px;}
/* e:lnb를 좌측정렬함 */

/* s:좌측 lnb가 없는 페이지인 경우 */
#sub.fullsize #subCont{ padding-left: 0;width: 100%;display: block; }
#sub.fullsize .lnbWrap{ display: none !important; }
/* e:좌측 lnb가 없는 페이지인 경우 */

#status{text-align:right;}
#status li{display:inline-block;vertical-align:middle;padding-left:13px;margin-left:10px;background:url(/images/status-front.gif) no-repeat 0 50%;}
#status li:first-child{margin-left:0;padding-left:0;}
#status li a{font-size:14px;color:#878787;}

#subVisual{position: relative;overflow: hidden;text-align: center;}
#subVisual > img{position:relative;display:block;left: 50%;margin-left: -960px;z-index: -1;}

#sub .sub-tit{position: relative;padding-bottom: 25px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{font-size: 30px;line-height:1.1em;color: #111;font-weight:normal;}
.lnbWrap .lnbTit{
display: block;height: 155px;color: #fff;text-decoration: none;font-size:0;
padding:0 30px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009ddd+0,0474b6+100 */
background: #009ddd; /* Old browsers */
background: -moz-linear-gradient(left,  #009ddd 0%, #0474b6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #009ddd 0%,#0474b6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #009ddd 0%,#0474b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ddd', endColorstr='#0474b6',GradientType=1 ); /* IE6-9 */
}
.lnbWrap .lnbTit:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.lnbWrap .lnbTit dl{display:inline-block;vertical-align:middle;}
.lnbWrap .lnbTit dd{font-family:Helvetica;color:rgba(187,232,255,0.8);margin-bottom:10px;}
.lnbWrap .lnbTit dt{font-size:26px;font-weight:300;color:#fff;}
#lnb{border:1px solid #ddd;border-top:0;border-bottom:0;}
#lnb li{border-bottom: 1px solid #ddd;}
#lnb li > a{display: block;line-height: 48px;padding: 0 15px;padding-left:30px;font-size: 15px;background:#fff;color: #333;text-decoration: none;}
#lnb li:hover > a,
#lnb li.active > a{background:#f5f5f5;color:#2c9ad5;}

.policybox{white-space: pre-wrap;}

/* 인사말 */
#greeting{position:relative;}
#greeting .textBox{width:560px;}
#greeting .textBox dt strong{display:block;font-size:18px;color:#0475b7;font-weight:normal;margin-bottom:15px;}
#greeting .textBox dt span{display:block;font-size:18px;color:#333;font-weight:300;margin-bottom:25px;}
#greeting .textBox dd{font-size:15px;line-height:23px;letter-spacing:-0.02em;color:#747474;}
#greeting .imgBox{position:absolute;top:220px;right:-65px;}

@media all and (max-width: 1200px) {
	#greeting .textBox{width:100%;}
	#greeting .imgBox{position:static;margin-top:30px;}
}

/* 연혁 */
.his-wrap .top{margin-bottom:60px;}
.his-wrap .top:after{content:'';display:block;clear:both;}
.his-wrap .top > div{float:left;width:50%;height:250px;box-sizing:border-box;}
.his-wrap .top .left{padding:75px 60px 75px 60px;background:url(/images/sub/history-bg1.jpg);}
.his-wrap .top .left h3{margin-bottom:10px;font-size:26px;color:#ffffff;}
.his-wrap .top .left h4{font-weight:normal;font-size:16px;color:#ffffff;}
.his-wrap .top .right{background:url(/images/sub/history-bg2.jpg);}
.his-wrap dl{display:block;position:relative;min-height:50px;margin-top:70px;padding-left:240px;}
.his-wrap dl:first-child{margin-top:0;}
.his-wrap dl:after{display:block;content:'';clear:both;}
.his-wrap dl.last{padding-bottom:0px;}
.his-wrap dt{position:absolute;top:0;left:0;font-weight:bold;width:200px;font-size:30px;line-height:35px;color:#0475b7;padding-top:40px;border-top:2px solid #0475b7;font-family:Helvetica;}
.his-wrap dd{position:relative;font-size:16px;line-height:35px;padding-top:40px;border-top:1px solid #ddd;}
.his-wrap dd p{position:relative;padding-left:70px;font-size:16px;letter-spacing:-0.08em;color:#555;}
.his-wrap dd strong{position:absolute;top:0;left:0;width:70px;font-size:18px;line-height:35px;color:#999;font-family:Helvetica;}
.his-wrap dl.last:after{display:none;}
.his-wrap .tab{margin-bottom: 40px;text-align: center;}
.his-wrap .tab li{display: inline-block;margin-right: 5px;}
.his-wrap .tab li a{display: block;line-height: 45px;height: 45px;text-align: center;width: 120px;font-size: 16px;background: #f7f7f7;border: 1px solid #f7f7f7;}
.his-wrap .tab li.active a{background: #fff;border: 1px solid #333;}


/* 회칙 */
#regulations dl{margin-top:50px;}
#regulations dl:first-child{margin-top:0;}
#regulations dt{padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#regulations dt strong{position:relative;display:block;width:400px;font-size:22px;color:#0475b7;}
#regulations dt strong:after{position:absolute;left:0;display:block;content:'';width:100%;height:2px;background:#0475b7;bottom:-15px;}
#regulations dd{white-space:pre-wrap;font-size:16px;line-height:30px;color:#555;letter-spacing:-0.08em;}

@media all and (max-width: 1300px){
	#regulations dt strong{font-size:150px;font-size:18px;}
	#regulations dd{font-size:13px;line-height:26px;}
}

@media all and (max-width: 750px){
	#regulations dd{font-size:12px;line-height:24px;}
}


.tableType1{width:100%;}
.tableType1 th{width:33.33%;}
.tableType1 thead th{background:#f2f8fb;border-top:2px solid #3787bf;color:#0475b7;font-weight:300;}
.tableType1 th,
.tableType1 td{text-align:center;border:1px solid #ddd;border-right:0;font-size:16px;color:#444;padding:15px 5px;}
.tableType1 tbody th{border-left:0;background:#fafafa;font-weight:normal;}

@media all and (max-width: 750px){
	.tableType1 th,
	.tableType1 td{padding:10px 5px;font-size:14px;}
}




/**************************
	Write
**************************/
#sb-write{}
#sb-write .write_tbl{width: 100%;border-top: 1px solid #2e2e2e;}
#sb-write .write_tbl tr > *{padding: 10px 15px;border-bottom: 1px solid #dddddd;font-size: 14px;line-height: 18px;}
#sb-write .write_tbl tbody th{font-weight: 600;background: #f3f4f7;color:#333;font-size:15px;}
#sb-write .write_tbl tbody th:first-child{border-right:1px solid #ddd;}
#sb-write .write_tbl tbody th .imp{display:inline-block;vertical-align:middle;color:red;}
#sb-write .write_tbl tbody.memo td{padding: 10px 0;}
#sb-write .write_tbl tbody td .wbtn{display:inline-block;vertical-align:middle;height:33px;line-height:33px;padding:0 15px;background:#555;color:#fff;font-size:14px;margin-left:10px;text-decoration:none;}
#sb-write .write_tbl tbody.fileWrap th em{font-style: normal;margin-left: 3px;}
#sb-write .write_tbl .inp{display:inline-block;vertical-align:middle;width: 50%;max-width:215px;height: 33px;line-height: 33px;text-indent:10px;background: #ffffff;border: 1px solid #dddddd;margin:0;padding:0;}
#sb-write .write_tbl .inp.mini{max-width:100px;}
#sb-write .write_tbl .inp.w100{width: 100%;max-width:100%;}
#sb-write .write_tbl .inp.w30{width: 30%;}
#sb-write .write_tbl select{height: 35px;line-height: 35px;padding: 0 10px;background: #ffffff;border: 1px solid #dddddd;}
#sb-write .write_tbl textarea{width: 100%;height: 300px;font-size: 14px;line-height: 18px;padding: 15px;background: #ffffff;border: 1px solid #ddd;}
#sb-write .write_tbl em.tbl_sment{display: block;margin: 5px 0;font-size: 12px;color: #333333;font-style: normal;}
#sb-write .write_tbl .fileWrap .addFile{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-left: 10px;}
#sb-write .write_tbl .fileWrap .addFile > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 16px;height: 16px;text-indent: -999em;}
#sb-write .write_tbl .fileWrap .addFile > a.plus{background: url(/superboard/images/sb_fileinp_plus.jpg);}
#sb-write .write_tbl .fileWrap .addFile > a.minus{background: url(/superboard/images/sb_fileinp_min.jpg);}
#sb-write .write_tbl .labelWrap{font-size:0;}
#sb-write .write_tbl .labelWrap label{display:inline-block;vertical-align:middle;margin-left:15px;font-size:14px;}
#sb-write .write_tbl .labelWrap label:first-child{margin-left:0;}
#sb-write .joinTable th{width:75px;}
#sb-write .joinTable th.bor{border-right:1px solid #ddd;}
#sb-write .joinTable li{margin-top:5px;}
#sb-write .joinTable li:first-child{margin-top:0;}
#sb-write td .tit{display:inline-block;vertical-align:middle;font-size:14px;color:#555;font-weight:600;width:70px;}
#sb-write td .text{margin-top:8px;}
#sb-write .formBtn{text-align:center;margin-top:35px;}
#sb-write .formBtn .bn{display:inline-block;vertical-align:middle;height:45px;line-height:45px;background:#555;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:120px;font-size:15px;text-align:center;border:0;}
#sb-write .formBtn .bn.btnSubmit{background:#029ce4;}

@media screen and (max-width: 750px) {
	#sb-write .write_tbl colgroup{display: none;}
	#sb-write .write_tbl tr > *{padding: 7px 5px;font-size: 12px;line-height: 16px;}
	#sb-write .write_tbl tbody th{width: 60px;font-size:13px;font-weight:normal;}
	#sb-write .write_tbl .inp{width: 40%;height:28px;line-height:28px;font-size: 12px;text-indent:5px;}
	#sb-write .write_tbl .inp.m100{width:100%;max-width:100%;}
	#sb-write .write_tbl .inp.mmid{width:100%;max-width:70%}
	#sb-write .write_tbl textarea{height: 150px;font-size: 12px;line-height: 16px;padding: 10px;}
	#sb-write .write_tbl em.tbl_sment{font-size: 11px;}
	#sb-write .write_tbl .fileWrap .addFile{display: block;margin-top: 5px;margin-left: 0;}
	#sb-write .write_tbl .fileWrap input[type=file]{width: 100%;}
	#sb-write td .tit{width:45px;font-size:11px;}
	#sb-write td .tit.mini{width:30px;}
	#sb-write .write_tbl tbody td .wbtn{padding:0 8px;font-size:12px;height:28px;line-height:28px;argin-left:5px;}
	#sb-write .write_tbl .labelWrap label{display:block;margin-left:0;margin-top:8px;font-size:12px;}
	#sb-write .write_tbl .labelWrap label:first-child{margin-top:0;}
	#sb-write .write_tbl .labelWrap.double label{display:inline-block;margin-left:8px;margin-top:0;}
	#sb-write .write_tbl .labelWrap.double label:first-child{margin-top:0;}
	#sb-write .write_tbl .inp.mini{max-width:65px;}
	#sb-write td .text{font-size:12px;}
}


#sb-list{}
#sb-list .list_tbl{width: 100%;border-top: 1px solid #2e2e2e;}
#sb-list .list_tbl tr > *{position: relative;padding: 15px 10px;border: 1px solid #dddddd;border-width: 0 1px 1px 1px;font-size: 14px;line-height: 18px;text-align: center;}
#sb-list .list_tbl tr.tr_notice{background: #f3f4f7;}
#sb-list .list_tbl thead tr th{font-weight: normal;color: #000000;}
#sb-list .list_tbl tbody tr td.sbj{text-align: left;}
/*#sb-list .list_tbl tbody tr.tr_notice td.sbj a{background: url(/superboard/images/sb_ico_notice.png) no-repeat 0 center;padding-left: 25px;} */
#sb-list .list_tbl tbody tr td em{display: none;}

/* 답글 들여쓰기 */
#sb-list .list_tbl tbody tr td.sbj.reply1{background: url(/superboard/images/sb_ico_reply.png) no-repeat 20px 15px;padding-left: 40px;}
#sb-list .list_tbl tbody tr td.sbj.reply2{background: url(/superboard/images/sb_ico_reply.png) no-repeat 50px 15px;padding-left: 70px;}
#sb-list .list_tbl tbody tr td.sbj.reply3{background: url(/superboard/images/sb_ico_reply.png) no-repeat 80px 15px;padding-left: 100px;}
#sb-list .list_tbl tbody tr td.sbj.reply4{background: url(/superboard/images/sb_ico_reply.png) no-repeat 110px 15px;padding-left: 130px;}
#sb-list .list_tbl tbody tr td.sbj.reply5{background: url(/superboard/images/sb_ico_reply.png) no-repeat 140px 15px;padding-left: 160px;}

@media screen and (max-width: 750px) {
	#sb-list .list_tbl tr{display: block;padding: 10px 5px 12px 5px;border-top: 1px solid #dddddd;}
	#sb-list .list_tbl tr > *{display: inline-block;*display: inline;*zoom: 1;border: none;box-sizing: border-box;color: #333333;font-size: 11px;padding: 0 5px;}
	#sb-list .list_tbl tr > *:after{content: '';display: block;width: 1px;height: 12px;background: #dddddd;position: absolute;top: 50%;right: -3px;margin-top: -6px;}
	#sb-list .list_tbl tr > *:last-child:after{display: none;}
	#sb-list .list_tbl thead{display: none;}
	#sb-list .list_tbl tbody tr td.no{display: none;}
	#sb-list .list_tbl tbody tr td.sbj{width: 100%;margin-bottom: 5px;padding-bottom: 0;font-size: 14px;}
	#sb-list .list_tbl tbody tr td.sbj a{color: #000000;}
	#sb-list .list_tbl tbody tr td.sbj:after{display: none;}
	#sb-list .list_tbl tbody tr td.sbj img{width: auto;height: auto;max-width: 14px;max-height: 14px;}
	#sb-list .list_tbl tbody tr.tr_notice td.sbj a{background-size: 14px auto;padding-left: 20px;}
	#sb-list .list_tbl tbody tr td em{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;font-size: 11px;font-style: normal;color: #999;margin-right: 3px;}

	/* 답글 들여쓰기 */
	#sb-list .list_tbl tbody tr td.sbj.reply1{background-size: 10px auto;background-position: 7px 2px;padding-left: 22px;}
	#sb-list .list_tbl tbody tr td.sbj.reply2{background-size: 10px auto;background-position: 17px 2px;padding-left: 32px;}
	#sb-list .list_tbl tbody tr td.sbj.reply3{background-size: 10px auto;background-position: 27px 2px;padding-left: 42px;}
	#sb-list .list_tbl tbody tr td.sbj.reply4{background-size: 10px auto;background-position: 37px 2px;padding-left: 52px;}
	#sb-list .list_tbl tbody tr td.sbj.reply5{background-size: 10px auto;background-position: 47px 2px;padding-left: 62px;}
}


.journalList{margin:-21px;}
.journalList li{display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:21px;}
.journalList li .in{position:relative;}
.journalList li .overBox{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;opacity:0;filter:alpha(opacity=0);transition:0.2s;z-index:10;}
.journalList li .textBox{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:35px;}
.journalList li .textBox dt,
.journalList li .textBox dd{color:#fff;}
.journalList li .textBox dt{font-size:26px;font-weight:300;margin-bottom:25px;}
.journalList li .textBox dd{font-size:17px;line-height:22px;letter-spacing:-0.04em;}
.journalList li:hover .overBox{opacity:1;filter:alpha(opacity=100);transition:0.2s;}
.journalList li .overBox:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.journalList li .overBox .vam{display:inline-block;vertical-align:middle;}
.journalList li.q5 .overBox{background:rgba(194,207,32,0.8);}
.journalList li.q6 .overBox{background:rgba(37,101,152,0.8);}
.journalList li .overBox .txt{display:block;color:#fff;font-size:16px;margin-top:10px;}

@media all and (max-width: 1300px){
	.journalList{margin:-10px;}
	.journalList li{padding:10px;}
}