@charset "utf-8";
@import "common.css";

/* layout */
/* header, footer {-moz-box-sizing: border-box; box-sizing: border-box; width:100%;} */
body {font-size:1.000em; max-width:768px; margin:0 auto; background-color:#fff;}
header ul, main, nav ul, footer ul {display:block; max-width:100%; margin:0 auto;}
main {max-width:100%; background:#fff;}

header ul {border-bottom:1px solid #E5E5E5; background:#fff;}
header ul li {display:block; text-align:center; padding:.3em 0 1.8em 0;}
header ul li a:nth-of-type(2) {display:block; float:right; margin-right:.6em; margin-top:1.5em;}
/* header ul li span {padding-top:2em;} */

nav:not(.mm-menu) {display: none;}

nav ul li.menu_home {background:url('/mobile/images/li_home.png') 20px 15px no-repeat; padding:0px 0 0px 15px; margin:0px 0 0 0; line-height:1.2;}
nav ul li.menu_li_1 {background:url('/mobile/images/li_bul.png') 20px 15px no-repeat; padding:0px 0 0px 15px; margin:0px 0 0 0; line-height:1.2;}
nav ul li.menu_li_2 {background:url('/mobile/images/li_bul2.png') 20px 15px no-repeat; padding:0px 0 0px 15px; margin:0px 0 0 0; line-height:1.2;}

/*
nav {margin-bottom:1em;}
nav ul {text-align:center; padding-right:5px; background-color:#303030;}
nav ul li {display:inline-block; margin-right:-5px; width:16.6%; text-align:center; line-height:2;}
nav ul li a:link, nav ul li a:visited, nav ul li a:hover {color:#FFF;}
nav ul li a {display:block; font-size:1.083em; font-weight:bold; padding:20% 0;}
nav ul li a.nowPage {color:#FFF261;}
*/

main > section {margin-bottom:.2em;}
main > section > .navi {color:#fff; font-size:1em ; padding:.5em; background:#006bb0;}
main > section > h1, main section > h2 {padding-bottom:.2em;}
main > section > article {padding-top:2em; max-width:95%; margin:0 auto;}

.contents {}
.contents {padding:0; margin:0; padding-bottom:30px; letter-spacing:-1.5px;}
.contents_board {padding:0; margin:0 0 30px 0;} /* board */

/* 공통 */
.contents h3.ctitle1 {color:#353535; font-size:1.125em; font-weight:bold; background:url("/web/images/sub/cont_bl_1.png") 0px 10px no-repeat;padding-top:20px; padding-bottom:10px;}
.contents h3.ctitle1-2 {color:#353535; font-size:1.125em; font-weight:bold; background:url("/web/images/sub/cont_bl_1.png") 0px 10px no-repeat;padding-top:20px; padding-bottom:10px;}
.contents_board h3.ctitle1 {color:#353535; font-size:1.125em; font-weight:bold; background:url("/web/images/sub/cont_bl_1.png") 0px 10px no-repeat;padding-top:20px; padding-bottom:10px;}

.contents h4.ctitle2 {color:#454545; font-size:1em; font-weight:bold; background:url("/web/images/sub/cont_bl2.png") 0px 20px no-repeat;padding-left:25px; padding-top:20px; padding-bottom:10px;}
.contents h4.ctitle2-2 {color:#454545; font-size:1em; font-weight:bold; background:url("/web/images/sub/cont_bl2.png") 0px 10px no-repeat;padding-left:25px; padding-top:10px; padding-bottom:5px;}
.contents h4.ctitle2 span {color:#ed1b24;}
.contents h4.ctitle2-2 span {color:#ed1b24;}

.contents p {font-size:0.875em; line-height:1.5; text-align:justify;}
.contents p.tac {text-align:center;}
.contents p span {font-size:1.250em;}
.contents p.ctitle3 {font-size:0.875em; font-weight:normal; line-height:1.5;}
.contents p.ctitle3 span {font-size:0.875em; font-weight:normal; color:#ed1b24;}
.contents p.ctitle4 {font-size:0.813em; font-weight:normal; line-height:1.6;}

.contents dl dt {font-size:1.125em; color:#454545; text-align:center; margin-bottom:58px; width:100%}
.contents dl dd {font-size:0.813em; line-height:1.8; text-align:justify;}
.contents dl dt.dtitle{font-size:1em; color:#454545; text-align:center; margin-bottom:20px;}
.contents dl dt.dttitle{font-size:1.063em; color:#454545; text-align:center; margin-bottom:20px;}

ul.li_bul li {background:url('/web/images/sub/li_bul.png') 0px 8px no-repeat; padding:3px 0 3px 15px; margin:3px 0 0 0px; font-size:0.875em; line-height:1.5;}
ul.li_bul li span {font-weight:bold;}
ul.li_bul2 li {background:url('/web/images/sub/li_bul2.png') 26px 8px no-repeat; font-size:0.875em; padding:5px 0 0 40px; margin:3px 0; line-height:1.5;}
ul.li_bul2 li .back_none{background:none; font-size:0.875; padding:0; margin:5px 0; line-height:1.5;}
ul.li_bul2 li div {font-size:0.875em;}
ul.li_bul2-2 li {background:url('/web/images/sub/li_bul2.png') 26px 3px no-repeat; font-size:0.875em; padding:0px 0 0 40px; margin:3px 0; line-height:1.5;}
ul.li_bul2-2 li.back_none {background:none; font-size:0.875em; padding:0; margin:5px 0; line-height:1.5;}
ul.li_bul2-2 li.back_none2 {background:none; font-size:0.875em; padding:0px 0 0 25px; margin:3px 0; line-height:1.5;}
ul.li_bul2-2 li div {font-size:0.875em;}
ul.li_bul2-3 li {background:url('/web/images/sub/li_bul2.png') 0px 3px no-repeat; font-size:0.875em; padding:0px 0 0 15px; margin:3px 0; line-height:1.3;}

.gibubox {padding:0.625em; font-size:0.875em; line-height:1.5; margin-left:1.875em; margin-bottom:0.625em; background:#e5e5e5;}

/*table*/
.tbl_type1 {width:100%; border-top:2px solid #565656;}
.tbl_type1 caption {text-align:left;}
.tbl_type1 thead th {padding:10px 5px; background:#f8f8f8; border:0; border-bottom:1px solid #dedede; text-align:center; font-size:14px; font-weight:bold;}
.tbl_type1 tbody th {color:#353535;}
.tbl_type1 th {padding:10px 5px; color:#353535; border-bottom:1px solid #c7c7c7; text-align:center; font-size:14px;}
.tbl_type1 td {padding:10px 5px; color:#353535; border-bottom:1px solid #c7c7c7; text-align:center; font-size:14px; line-height:160%;}
.tbl_type1 td {border-left:1px solid #c7c7c7;}
.th_line {border-left:1px solid #c7c7c7 !important;}
.td_line {border-left:0px solid #c7c7c7 !important;}
.td_textL {text-align:left !important;}
.td_lineH {line-height:1.8 !important;}
.th_bg {background:#f8f8f8 !important;}


.td_lineR{border-right:1px solid #c7c7c7 !important;}
.td_lineT {border-top:2px solid #565656 !important;}

/*table
.tbl_type1 {width:100%; border-top:2px solid #565656;}
.tbl_type1 caption {text-align:left;}
.tbl_type1 thead th {padding:10px 5px; background:#f8f8f8; border:0; border-bottom:1px solid #dedede; text-align:center; font-size:0.813em; font-weight:bold;}
.tbl_type1 tbody th {color:#454545;}
.tbl_type1 th {padding:10px 5px; color:#454545; border-bottom:1px solid #c7c7c7; text-align:center; font-size:0.813em;}
.tbl_type1 td {padding:10px 5px; color:#454545; border-bottom:1px solid #c7c7c7; text-align:center; font-size:0.813em; line-height:160%;}
.tbl_type1 td {border-left:1px solid #c7c7c7;}
.td_line {border-left: 1px solid #c7c7c7 !important;}
.td_lineR{border-right: 1px solid #c7c7c7 !important;}
.td_textL {text-align:left !important;}
*/

/*
footer ul li a:link,
footer ul li a:visited {color:#DBDBDB;}
footer {clear:both; color:#DBDBDB; font-size:0.833em; text-align:center;}
footer div:nth-of-type(1) {background-color:#686868; padding:.8em 0;}
footer div:nth-of-type(1) ul li {display:inline;}
footer div:nth-of-type(1) ul li:last-of-type {position:absolute; margin-left:4em;}
footer div:nth-of-type(2) {background-color:#404040;}
footer div:nth-of-type(2) ul {padding:2em 0;}
footer div:nth-of-type(2) ul li p span {display:inline-block; margin-right:.6em;}
*/

footer ul li a:link,
footer ul li a:visited {color:#DBDBDB;}
footer {clear:both; color:#DBDBDB; font-size:0.833em;}
footer div:nth-of-type(1) {background-color:#252525; padding:1em 0;}
footer div:nth-of-type(1) ul li:nth-of-type(1) {float:left; margin-right:1.2em;}
footer div:nth-of-type(1) ul li:nth-of-type(2) {float:left; margin-right:1.2em;}
footer div:nth-of-type(1) ul li:nth-of-type(3) {float:left; margin-right:1.2em;}
footer div:nth-of-type(1) ul li:nth-of-type(4) {float:left; margin-right:1.2em;}
footer div:nth-of-type(1) ul li:nth-of-type(5) {float:left;}
footer div:nth-of-type(1) ul {padding:0 .4em 0 2em;}
footer div:nth-of-type(1) ul li {display:inline;}
footer div:nth-of-type(1) ul li:last-of-type {float:right; margin-left:4em;}

footer div:nth-of-type(2) {background-color:#252525; padding-top:1em;}
footer div:nth-of-type(2) ul {padding:0.5em 0;}
footer div:nth-of-type(2) ul li p {padding:0 2em;}
footer div:nth-of-type(2) ul li p span {display:inline-block; margin-bottom:.2em;}
footer div:nth-of-type(2) ul li p .pcversion {font-size:1.250em; padding:.6em 1em; border:1px solid #959595; background:#000; border-radius:5px;}

/* common */
body,table,input,textarea,select,button {font-family:'Nanum Gothic', Dotum,'돋움', 'sans-serif';}
/*body {background-color:#fff; font-family:font-family:'Nanum Gothic', Dotum,'돋움', 'sans-serif'; -webkit-text-size-adjust: none;}
body * {	text-shadow: none;}*/

/* body,table,input,textarea,select,button {font-family:Malgun Gothic,'맑은 고딕';} */
h1, h2 {letter-spacing:-.05em;}
h2 {margin-bottom:.2em;}
.topLogo {position:relative; display:inline-block; top:.8em; width:239px; height:43px; background:url('/web/images/ci.png') no-repeat; background-size:100%; text-indent:-9999em; margin-left:0em}

/* 메인페이지 */
#mainImg {width:100%; margin:0 auto; color:#FFF; font-size:12px; background-color:#fff;}
#mainImg p {height:200px; padding:1.5em 2em;}

/* 메인페이지 게시물 추출 */
.noticeWrap {margin:1em;}
.noticeWrap .list li {margin:.45em .3em;}
.noticeWrap h4 a {font-size:1em;}
.noticeWrap ul {margin-top:30px;}
.noticeWrap a.more {margin-top:7px; font-size:0.75em;}
.noticeWrap .list li span {font-size:0.875em;}

/* 메인 퀵메뉴
#quickArea {margin-top:6px; border:0;}
#quickArea ul {text-align:center; padding-right:5px;}
#quickArea ul li {display:inline-block; margin-right:-5px; width:48.8%; text-align:center;}
#quickArea ul li:last-of-type {border-right:1px solid #CCC;}
#quickArea ul li a {display:block;}

#sns {padding:1.2em 0;}
#sns .section_tit {}
#sns h2 {text-align:center; font-size:1.5em;}
#sns p {text-align:center;}
#sns {width:98%; margin:.4em;}
#sns ul {text-align:center; padding-top:1.2em;}
#sns ul li {display:inline-block; margin-right:-5px; width:19.6%; text-align:center;}
#sns ul li:last-of-type {margin-right:0;}
#sns ul li a {display:block;}
#sns ul li a img {width:50%;}
*/

/* 서브페이지 */
main > section > article {min-height:155px; padding-bottom:.1em;}

/* 사이트맵 */
#sitemap a {display:block; width:90%; padding:.5em; font-size:1.167em;}


/* 전체스킨 */
.skinWrap {font-size:0.917em;}
.skinWrap > .skinWrap {font-size:1.000em;}


/* media queries */
@media (min-width:320px) { 
	.boardWrap #gallery ul li {width:143px !important;}
	.boardWrap #gallery ul li > img {height:95px;}
}
@media (min-width:360px) { 
	.boardWrap #gallery ul li {width:163px !important;}
	.boardWrap #gallery ul li > img {height:108px;}
}
@media (min-width:568px) { 
	.boardWrap #gallery ul li {width:170px !important;}
	.boardWrap #gallery ul li > img {height:113px;}
}
@media (min-width:640px) { 
	.boardWrap #gallery ul li {width:194px !important;}
	.boardWrap #gallery ul li > img {height:129px;}
}


/* font-size */
.13px {font-size:0.813em;} /* 13px */
.14px {font-size:0.875em;} /* 14px */
.16px {font-size:1.000em;} /* 16px */
.17px {font-size:1.063em;} /* 17px */
.18px {font-size:1.125em;} /* 18px */
.20px {font-size:1.250em;} /* 20px */
.22px {font-size:1.375em;} /* 22px */
.24px {font-size:1.500em;} /* 24px */
.30px {font-size:1.875em;} /* 30px */
.40px {font-size:2.500em;} /* 40px */
.50px {font-size:3.125em;} /* 50px */
.fwb {font-weight:bold;}

/* text-align */
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.taj {text-align:justify;}

/* padding-top */
.pt10 {padding-top:0.625em;}
.pt15 {padding-top:0.938em;}
.pt20 {padding-top:1.250em;}
.pt30 {padding-top:1.875em;}
.pt40 {padding-top:2.500em;}
.pt50 {padding-top:3.125em;}

/* padding-right */
.pr10 {padding-right:0.625em;}
.pr15 {padding-right:0.938em;}
.pr20 {padding-right:1.250em;}
.pr30 {padding-right:1.875em;}
.pr40 {padding-right:2.500em;}
.pr50 {padding-right:3.125em;}

/* padding-bottom */
.pb10 {padding-bottom:0.625em;}
.pb15 {padding-bottom:0.938em;}
.pb20 {padding-bottom:1.250em;}
.pb30 {padding-bottom:1.875em;}
.pb40 {padding-bottom:2.500em;}
.pb50 {padding-bottom:3.125em;}

/* padding-left */
.pl10 {padding-left:0.625em;}
.pl15 {padding-left:0.938em;}
.pl20 {padding-left:1.250em;}
.pl30 {padding-left:1.875em;}
.pl40 {padding-left:2.500em;}
.pl50 {padding-left:3.125em;}

/* margin-top */
.mt10 {margin-top:0.625em;}
.mt15 {margin-top:0.938em;}
.mt20 {margin-top:1.250em;}
.mt30 {margin-top:1.875em;}
.mt40 {margin-top:2.500em;}
.mt50 {margin-top:3.125em;}

/* margin-right */
.mr10 {margin-right:0.625em;}
.mr15 {margin-right:0.938em;}
.mr20 {margin-right:1.250em;}
.mr30 {margin-right:1.875em;}
.mr40 {margin-right:2.500em;}
.mr50 {margin-right:3.125em;}

/* margin-bottom */
.mb10 {margin-bottom:0.625em;}
.mb15 {margin-bottom:0.938em;}
.mb20 {margin-bottom:1.250em;}
.mb30 {margin-bottom:1.875em;}
.mb40 {margin-bottom:2.500em;}
.mb50 {margin-bottom:3.125em;}

/* margin-left */
.ml10 {margin-left:0.625em;}
.ml15 {margin-left:0.938em;}
.ml20 {margin-left:1.250em;}
.ml30 {margin-left:1.875em;}
.ml40 {margin-left:2.500em;}
.ml50 {margin-left:3.125em;}

/* letter-spacing */
.ls-2 {letter-spacing:-2px;}
.ls-1 {letter-spacing:-1px;}
.ls {letter-spacing:0px;}
.ls+1 {letter-spacing:1px;}

/* line-height */
.lh12 {line-height:1.2;}
.lh15 {line-height:1.5;}
.lh16 {line-height:1.6;}
.lh18 {line-height:1.8;}