/* //// CSS RESET */
/* http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;/*background:transparent;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
nav ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none}
mark {background-color:#fff;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select,textarea {vertical-align:middle;resize:none}
table {border-collapse:collapse;border-spacing:0}caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
/* //// */
html {overflow-y:scroll}
body{/*min-width:100%;*/
    width:100%;max-width:800px;
    background:#fff;
    color:#333;
    -webkit-text-size-adjust:100%;
    margin:0 auto;
    font-family:'Nanum Barun Gothic','맑은고딕','Malgun Gothic','나눔고딕','Nanum Gothic','Dotum';font-size:13px;line-height: 1.4em;
}
html, body, input, select, button, textarea, table {}
ul {border:0;list-style:none}
p, dd {padding:5px 0;line-height:1.8em}
em {font-style:normal}
img {border:0;vertical-align:middle}
legend {display:none} label {cursor:pointer;vertical-align:middle}
h1, h2, h3, h4, h5, h6 {clear:both;margin:10px 0;padding:0}
h1 {font-size:1.2em}
h2 {font-size:1.2em}
h3 {font-size:1em}
h4 {font-size:1em}
strong {font-weight:bold}
iframe#hiddenframe {display:none;width:0;height:0}
input {font-family:'dotum','tahoma'} 
button {cursor:pointer} 
select {font-family:'dotum'; padding: 3px}

/*************************************************
  CSS 알찬돌삐 nhosw@hanmail.net
 ************************************************/

/* css reset 에서 초기화한것 본문에서는 어느정도는 살려주자 */
.article_body table, .article_body th, .article_body td { border-width: 1px; border-style: solid }


	
/* 공통 */
a {color:#333;text-decoration:none} a:hover, a:focus {text-decoration:underline}
.ed, .inputbox { border:1px solid #b4b4b4; padding: 5px 0px 4px 3px; border-radius:1px } 
.readonly { cursor: not-allowed; background: #eee }
.ed_full { width: 99% }
.tx { border:1px solid #d5d5d5; padding: 5px 0px 4px 3px } 
.bold { font-weight: bold }
.small { font-size:0.8em }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */
.fLeft   { float: left }
.fRight  { float: right }
.clr     { clear: both; content: ''; display: block }
.clr2    { clear: both !important; float: none !important; line-height: 0 !important; height: 0 !important; font-size: 0 !important; content: ''; display: block }
.tLeft   { text-align: left }
.tRight  { text-align: right }
.tCenter { text-align: center }
.tleft { left:70px }
.pRelative { position: relative }
.pAbsolute { position: absolute }
.pFixed { position: fixed }
.icon_set { background: url('/img/icon/icon_set.gif') no-repeat; display: block; padding-left: 20px; padding-top:0px; margin-bottom: 5px; }
.w100 { width: 100% }
.w94 {width:94%;margin:0 auto}
.w95 {width:95%;margin:0 auto}


img {max-width:100%;height:auto}
img.w100 {display:block}


input[type=checkbox], input[type=radio]
{
  /* All browsers except webkit*/
  transform: scale(1);
  /* Webkit browsers*/
  -webkit-transform: scale(1);
}

/* placeholder */
label.placeholder {	color:#999 !important; line-height:1em }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {	color:#999 !important; }
input:-moz-placeholder, textarea:-moz-placeholder {	color:#999 !important; }

a.external { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat;background:url(/img/icon/external-link.png) center right no-repeat!ie;padding-right:13px}

/* 게시판 페이징 */
/*
.board_page { margin-top: 20px; text-align: center; font-size: 24px; position: relative }
.board_page a, .board_page b { display: inline-block; padding: 7px 6px }
.board_page b { padding: 0; margin: 0; margin-left: 8px; color: #9a9a9a }
.board_page a.prev, .board_page a.next { background: #393f4f; color: #fff; padding: 7px 8px }
*/
/* background image */
.img_sample {background:url(/img/snippet/image1.gif) no-repeat}
/* high resolution image */
/* ratio 1.5 */
@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.img_sample {background:url(/img/snippet/image2.gif) no-repeat;-webkit-background-size:80px 24px;background-size:80px 24px}
}
/* ratio 2 */
@media 
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
.img_sample {background-image:url(/img/snippet/image3.png);-webkit-background-size:80px 24px;background-size:80px 24px}
}

/* paging */
.board_page {clear:both;margin:30px auto 30px;width:100%;text-align:center;font-size:1em;line-height:1.4em}
.board_page .link_page {display:inline-block;width:26px;height:17px;margin-right:5px;padding:4px 0px 5px 0px;border:1px solid #bbb;border-radius:3px;font-weight:bold;color:#666;background-color:#fff;text-decoration:none;-webkit-box-shadow:rgba(255,255,255,0.7) 0px 1px 1px inset;box-shadow:rgba(255,255,255,0.7) 0px 1px 1px inset;vertical-align:middle}
.board_page em.link_page {display:inline-block;width:26px;height:18px;margin-right:5px;padding:3px 0;border:1px solid #00a7af;border-radius:3px;font-weight:bold;color:#fff;background-color:#00a7af;vertical-align:middle}
.board_page .btn_page {display:inline-block;overflow:hidden;width:6px;height:11px;margin-right:5px;padding:7px 8px;border:1px solid #bbb;border-radius:3px;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-moz-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient(top, #fff, #eee);background-image:linear-gradient(to bottom, #fff, #eee);background-color:#f5f5f5;text-decoration:none;vertical-align:top}
.board_page .btn_page .img_sample{display:block;overflow:hidden;width:7px;height:11px;text-indent:-9999px}
.board_page .btn_page .ico_prev{background-position:-60px -10px}
.board_page .btn_page .ico_next{background-position:-70px -10px}
.board_page span.btn_page .ico_prev{background-position:0 -10px}
.board_page span.btn_page .ico_next{background-position:-10px -10px}



.board_button { margin-top: 30px }
.board_button a, .board_button button { display: inline-block; background: #454e64; color: #fff; padding: 3px 6px; font-weight: bold; border: 0; border-radius:5px }
.board_button button { padding-top: 2px; padding-bottom: 1px }
.board_button #btn_submit {}
a.write_btn { background: #406cd0; color: #fff; padding: 3px 4px }
.pAr0 { position: absolute; right: 0 }

/* 게시판 글자 크기 */
#writeContents *{ font-size: 1em; line-height: 1.6em }
#writeContents {min-height:150px;display:block}
#writeContents img[name="target_resize_image[]"] {max-width:100% !important;height:auto !important}
#writeContents iframe {max-width:100%;height:auto}
.board_view_attach img {max-width:100%}


.wrapper {width:90%;margin:0 auto}


header {position:relative;background:#f6f6f6;z-index:999}
header #gnb {
    background:url('/img/mobile/logo.png') center no-repeat #fff; overflow:hidden; position:relative; 
    background-size:cover;
	height:65px;
	border-bottom: 3px solid #161616;
}
header #gnb {}
header #gnb li {float:left;width:20%}
header #gnb li a {height:54px;display:block}
header #gnb li:nth-child(1) a  {/*background:url('/img/mobile/header-menu.png') center no-repeat;background-size:50%*/}
header #gnb li:nth-child(2) {width:60%}
header #gnb li:nth-child(2) a {display:block}
header #gnb li:last-child {float:right}
header #gnb li:nth-child(3) a {/*background:url('/img/mobile/header-call.png') center no-repeat;background-size:50%*/}
header #gnb li:last-child a {text-align:right}
header #gnb:after {clear:both;content:'';display:block}



header #headertel-wrap {background:#fff;position:absolute;z-index:1;border-radius:10px;width:100%;display:none}
header #headertel-wrap h4 {margin:0;padding:10px 0;line-height:1.4em;background:#333;color:#fff;text-align:center;border-radius:10px 10px 0 0}
header #headertel-wrap h4 a {position:absolute;right:10px;color:#fff;font-size:1.4em;font-family:Verdana}
header #headertel-wrap ul {padding:10px 0}
header #headertel-wrap li {width: 49%; float: left; padding-bottom: 10px;}
header #headertel-wrap li a {display:block;text-align:center;padding:5px 0}


/* 서브상단 공통 */
#header_titleA {line-height:40px;background:#fff;position:relative;color:#fff;letter-spacing:-1px;font-size:.9em;border-bottom:1px solid #d4d4d4}
#header_titleA span {display:inline-block;color:#171717}
#header_titleA span:nth-of-type(1) {margin-left:20px;margin-right:10px;color:#666}
#header_titleA span.arrow {position:absolute;background:url('/img/mobile/location_arrow.png') 0 -2px no-repeat;width:15px;height:30px;background-size:cover;margin:3px 0 0 -10px}
#header_titleA span:nth-of-type(3) {margin-left:10px}
#header_titleA .home {position:absolute;left:0;background:#366ae1;border-right:1px solid #658ce8;text-align:center;padding:0 5px;display:none}
#header_titleA .home img {width:50%}
#header-arrow {position:absolute;right:0;top:0;width:40px;height:40px;background:url('/img/mobile/lnb_arrow.png') center 0px no-repeat #fff;background-size:cover;border-left:1px solid #d4d4d4}
#header-arrow.on {background-position:center bottom}

#header_home {position:absolute;width:50px;height:67px;display:none}

/*
#header_titleA.header_titleA_2 {background:#233276;border:0}
#header_titleA.header_titleA_2 #header-arrow {background-color:#3a4f9c}

#header_titleA.header_titleA_3 {background:#2f42af;border:0}
#header_titleA.header_titleA_3 #header-arrow {background-color:#5972d9}

#header_titleA.header_titleA_4 {background:#eb2d22;border:0}
#header_titleA.header_titleA_4 #header-arrow {background-color:#ff5748}

#header_titleA.header_titleA_5 {background:#7820c5;border:0}
#header_titleA.header_titleA_5 #header-arrow {background-color:#a650f1}

#header_titleA.header_titleA_6 {background:#0095b8;border:0}
#header_titleA.header_titleA_6 #header-arrow {background-color:#0ec0da}

#header_titleA.header_titleA_7 {background:#c70064}
#header_titleA.header_titleA_7 #header-arrow {background-color:#f1117a}
*/


#header_titleB {position:absolute;width:50%;height:0;overflow:hidden;z-index:1;right:0;transition:opacity 0.5s ease-out;opacity:0;font-size:.9em}
#header_titleB.on {height:auto;opacity:1}
#header_titleB li {}
#header_titleB li a {display:block;line-height:40px;background:#00a7af;border-bottom:1px solid #009da5;color:#fff;text-align:left;text-indent:10px}
#header_titleB li a.on {background:#15c2ca}
#header_titleB li a span {height:100%}
#header_titleB li:last-child a {border-bottom-width:0}
#header_titleB li li a {text-indent:20px;font-size:.9em;line-height:30px;border-bottom-width:1px !important}



/* sitemap */
#headergnbBlank {position:fixed;left:0;right:0;top:0;height:100%;background:#333;opacity:.5;z-index:998;overflow:hidden}
#sitemap-wrap {max-width:800px;width:100%;z-index:1000;font-size:1.1em;
	position:absolute;
	left:-800px;
	-webkit-transition: all 0.5s ease-in-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: all 0.5s ease-in-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
#sitemap-wrap.on {left:0}
#sitemap {background:#1d1d1d;position:absolute;width:100%;z-index:999;margin-top:54px}
#sitemap-header {border-bottom:1px solid #353535;color:#fff;padding:10px;position:relative}
#sitemap-close {position:absolute;right:0px;}
#sitemap-close img {width:50%}
#sitemap h4 {background:#222222;color:#00a7af;margin:0;padding:10px 0 10px 10px}
#sitemap li {float:left;width:50%}
#sitemap li a,
#sitemap li span {display:block;background:#464646;color:#fff;text-align:left;margin-right:1px;margin-bottom:1px;padding:10px 0;font-size:.9em;text-indent:10px}
#sitemap li:nth-child(even) a {margin-right:0}
#sitemap ul:after {display:block;content:'';clear:both}



/* 메인 */
#index_wrap {}


/* 푸터 */
footer {background:#f6f6f6}

#footer_gnb2 {/*position:fixed;bottom:0;width:100%;max-width:800px;z-index:100*/}
#footer_gnb2 {}
#footer_gnb2 .footer_gnb2_sub {position:relative;overflow:hidden}
#footer_gnb2 .footer_gnb2_sub ul {position:absolute;top:0;left:0;width:100%;height:100%}
#footer_gnb2 .footer_gnb2_sub li {float:left;width:25%;height:100%}
#footer_gnb2 .footer_gnb2_sub li a {display:block;width:100%;height:100%}
#footer_gnb2 .footer_gnb2_sub ul:after {clear:both;content:'';display:block}

#btm_menu {z-index:100; width:100%; position:fixed;bottom:0; left:0; z-index:1; overflow-y: visible; }
#btm_menu li {float:left; width:50%; text-align:center; }
#btm_menu li:last-child { border-right: 0px; }

#footer_gnb2_form {
	background:#002022;color:#fff;
	padding:0 10px;
	-webkit-transition: all 0.5s ease-in-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: all 0.5s ease-in-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	height:0px;
	overflow:hidden;
}
#footer_gnb2_form.on {
	padding:20px 10px;
	height:auto
}
#footer_gnb2_form h4 {position:relative;padding:0px 0 10px 0}
#footer_gnb2_form h4 a {position:absolute;right:0;color:#fff}
#footer_gnb2_form li {float:left;width:50%}
#footer_gnb2_form li a {color:#fff;display:block;text-align:center;}
#footer_gnb2_form ul:after {display:block;content:'';clear:both}

#footer_gnb2_form1 {
	background:#002022;color:#fff;
	padding:0 10px;
	-webkit-transition: all 0.5s ease-in-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: all 0.5s ease-in-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	height:0px;
	overflow:hidden;
}
#footer_gnb2_form1.on {
	padding:20px 10px;
	height:auto
}
#footer_gnb2_form1 h4 {position:relative;padding:0px 0 10px 0}
#footer_gnb2_form1 h4 a {position:absolute;right:0;color:#fff}
#footer_gnb2_form1 li {float:left;width:50%}
#footer_gnb2_form1 li a {color:#fff;display:block;text-align:center;}
#footer_gnb2_form1 ul:after {display:block;content:'';clear:both}
/*
#footer_gnb2_form table {width:100%}
#footer_gnb2_form select,
#footer_gnb2_form input[type=text] {width:95%}
#footer_gnb2_form .hp-wrap select,
#footer_gnb2_form .hp-wrap input[type=tel] {width:28.8%}
#footer_gnb2_form .tCenter {font-size:.8em}
#footer_gnb2_form .tleft {font-size:.8em; padding-bottom:5px}
#footer_gnb2_form th {color:#00a7af;vertical-align:top;padding-top:5px;font-size:.9em}
#footer_gnb2_form button {display:block;background:#00a7af;color:#fff;text-align:center;width:93%; margin:0 auto; padding:5px 0}
*/

#footer_gnb3 {color:#2020220;padding:30px 0 0 0;text-align:center;}
#footer_gnb3 a {color:#202020;font-size:1em;display:inline-block;padding:0 5px}
#footer_gnb3 em {position:absolute;height:10px;width:1px;background:#bdbdbd;margin-top:5px}


#footer_address {color:#7b7b7b;text-align:center;font-size:0.7em;line-height:1.6em;padding:10px 0 30px 0;margin-top:-1px;}
#footer_address p {display:inline-block;width:100%; padding-bottom:2.5em;}
#footer_address p strong {color:#ffb68d;}

#goto-top {position:fixed;left:15px;bottom:90px;background:url('/img/mobile/up_btn.png') no-repeat; background-size:cover; width:45px;height:45px;z-index:9999;display:none}


#bg-wrap {position:fixed;left:0;right:0;top:0;height:100%;background:#333;opacity:.5;z-index:998;overflow:hidden;display:none}
#bg-wrap.on {display:block}

#kakao-close-wrap {background:#333;color:#fff;text-align:center;line-height:30px;display:block;padding:20px 0;border-radius:10px 10px 0 0;position:relative}
#kakao-close {position:absolute;right:20px;top:20px;background:url('/img/mobile/ico_close.png') right top no-repeat;width:30px;height:30px;background-size:cover;}
#kakao-wrap {background:#fff;border-radius:10px;padding:0 0 20px 0;position:fixed;width:100%;z-index:999;display:none;bottom:300px}
#kakao-wrap.on {display:block}
#kakao-wrap ul {margin:20px 0 0 20px}
#kakao-wrap li a {display:block}


/* 게시판 공통 버튼 */
.board_button button.btn {padding:6px 15px;border-width:1px;border-style:solid;vertical-align:middle;font-size:1em}
.board_button a {padding:6px 15px 7px 15px;font-size:1em}
.board_button button.bigPadding,
.board_button a.bigPadding {padding:10px 15px}
.board_button .black {background:#232021;border-color:#232021}
.board_button .blue {background:#2754ae;border-color:#2754ae}
.board_button .sky {background:#50a7dd;border-color:#50a7dd}
.board_button .cancel {background: #797979;border-color:#797979}
.board_button .dark {background: #181619;border-color:#181619}
.board_button .litedark {background: #656565;border-color:#656565}
.board_button .gray {background:#797979;border-color:#797979}
.board_button .red {background:#f400a1;border-color:#f400a1}
.board_button .green {background:#23aec3;border-color:#23aec3}
.board_button .orange {background:#79c3c0;border-color:#79c3c0}
.board_button .mint {background:#32c6cb;border-color:#32c6cb}
.board_button .lite-brown {background:#a78752;border-color:#a78752}
.board_button .purple {background:#5e35ab;border-color:#5e35ab}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}
.footer_before_space {clear:both;height:40px}


.cSky {color:#23aec3}
.cOrange {color:#ff4e00}
.cMint {color:#32c6cb}



.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */


/* iframe 레이어 팝업 */
#inner_bg              { left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: url('/img/bg/popupbg.png') repeat; z-index: 1001 }
#inner_bg_layer        { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
#inner_bg_frame_area   { position: relative; width: 100%; margin: 0 auto; margin-top: -9999px }




* {max-height:9999999px}
.w90 {width:90%;margin:0 auto}

.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden}

.pagelink {background:#ff4e00;color:#fff;display:inline-block;padding:3px 0px 3px 10px;font-size:18px;line-height:1.5em;border-radius:1px;margin-left:10px;width:210px}

.calPos {position:relative}
.calPos a {position:absolute}

/* 통 이미지를 split 처리한 것처럼 */
.a-split {position:relative}
.a-split img {width:100%}
.a-split a {position:absolute;width:50%;height:100%;top:0;left:0}
.a-split a:nth-of-type(2) {left:inherit;right:0}

.a-split2-2 a {width:50%;height:50%}
.a-split2-2 a:nth-of-type(1) {left:0;top:0}
.a-split2-2 a:nth-of-type(2) {left:50%;top:0}
.a-split2-2 a:nth-of-type(3) {left:0;top:50%}
.a-split2-2 a:nth-of-type(4) {left:50%;top:50%}

.a-split2-3 a {width:50%;height:33%}
.a-split2-3 a:nth-of-type(1) {left:0;top:0}
.a-split2-3 a:nth-of-type(2) {left:50%;top:0}
.a-split2-3 a:nth-of-type(3) {left:0;top:33%}
.a-split2-3 a:nth-of-type(4) {left:50%;top:33%}
.a-split2-3 a:nth-of-type(5) {left:0;top:66%}
.a-split2-3 a:nth-of-type(6) {left:50%;top:66%}

.a-split3-1 a {width:33.3333333%;height:100%;left:0;top:0}
.a-split3-1 a:nth-of-type(1) {left:0}
.a-split3-1 a:nth-of-type(2) {left:33.33333333%}
.a-split3-1 a:nth-of-type(3) {left:66.66666666%}

.a-split4-1 a {width:25%;height:100%;left:0;top:0}
.a-split4-1 a:nth-of-type(1) {left:0}
.a-split4-1 a:nth-of-type(2) {left:25%}
.a-split4-1 a:nth-of-type(3) {left:50%}
.a-split4-1 a:nth-of-type(4) {left:75%}

.a-split4-2 a {width:25%;height:50%;left:0;top:0}
.a-split4-2 a:nth-of-type(1) {left:0}
.a-split4-2 a:nth-of-type(2) {left:25%}
.a-split4-2 a:nth-of-type(3) {left:50%}
.a-split4-2 a:nth-of-type(4) {left:75%}
.a-split4-2 a:nth-of-type(5) {left:0;top:50%;}
.a-split4-2 a:nth-of-type(6) {left:25%;top:50%;}
.a-split4-2 a:nth-of-type(7) {left:50%;top:50%;}
.a-split4-2 a:nth-of-type(8) {left:75%;top:50%;}

.a-split5-1 a {width:20%;height:100%;left:0;top:0}
.a-split5-1 a:nth-of-type(1) {left:0}
.a-split5-1 a:nth-of-type(2) {left:20%}
.a-split5-1 a:nth-of-type(3) {left:40%}
.a-split5-1 a:nth-of-type(4) {left:60%}
.a-split5-1 a:nth-of-type(5) {left:80%}

.a-split1-5 a {width:100%;height:20%;left:0;top:0}
.a-split1-5 a:nth-of-type(1) {top:0}
.a-split1-5 a:nth-of-type(2) {top:20%}
.a-split1-5 a:nth-of-type(3) {top:40%}
.a-split1-5 a:nth-of-type(4) {top:60%}
.a-split1-5 a:nth-of-type(5) {top:80%}

.a-split3-4 a {width:33.3%;height:25%;left:0;top:0}
.a-split3-4 a:nth-of-type(1) {}
.a-split3-4 a:nth-of-type(2) {left:33.3%}
.a-split3-4 a:nth-of-type(3) {left:66.6%}
.a-split3-4 a:nth-of-type(4) {top:25%}
.a-split3-4 a:nth-of-type(5) {top:25%;left:33.3%}
.a-split3-4 a:nth-of-type(6) {top:25%;left:66.6%}
.a-split3-4 a:nth-of-type(7) {top:50%}
.a-split3-4 a:nth-of-type(8) {top:50%;left:33.3%}
.a-split3-4 a:nth-of-type(9) {top:50%;left:66.6%}
.a-split3-4 a:nth-of-type(10) {top:75%}
.a-split3-4 a:nth-of-type(11) {top:75%;left:33.3%}
.a-split3-4 a:nth-of-type(12) {top:75%;left:66.6%}

.pull-left {float:left}
.pull-right {float:right}
.clearfix {clear:both;content:'';display:block}
.text-center {text-align:center}

/* 서브 페이지 상단 카테고리 */
.sub-cate {margin:0px auto 0px;width:95%;}
.sub-cate li {float:left}
.sub-cate li a,
.sub-cate li span {display:block;padding:6px 0;text-align:center;border:1px solid #dfedf5;text-decoration:none;font-size:.9em;background:#fff;color:#222222}
.sub-cate li a:hover, .sub-cate li a:focus, .sub-cate li a.on {background:#00a7af;color:#fff}
.sub-cate:after {display:block;content:'';clear:both}

.sub-cate2 {margin-top:20px}
.sub-cate2 li a:hover, .sub-cate2 li a:focus, .sub-cate2 li a.on {background:#272727;color:#fff}

.sub-cate3 {margin:0}
.sub-cate3 li a,
.sub-cate3 li span {background:#ebeef1;border-color:#d0d7e2}
.sub-cate3 li a:hover, .sub-cate3 li a:focus, .sub-cate3 li a.on {background:#79c3c0;color:#fff}

.sub-cate4 {margin:0 auto;width:100%}
.sub-cate4 li a {border-color:#353535;border-top:0;background:#040000;color:#fff}
.sub-cate4 li a.on {background-color:#79c3c0}

.sub-cate-split-2 li {width:50%}
.sub-cate-split-2 li:first-child a,
.sub-cate-split-2 li:nth-child(3) a {border-right-width:0}
.sub-cate-split-2 li a {border-top-width:0}
.sub-cate-split-2 li:nth-child(1) a,
.sub-cate-split-2 li:nth-child(1) span,
.sub-cate-split-2 li:nth-child(2) a,
.sub-cate-split-2 li:nth-child(2) span {border-top-width:1px}

.sub-cate-split-3 li {width:33.3333%}
.sub-cate-split-3 li a,
.sub-cate-split-3 li span {border-left-width:0;border-top-width:0}
.sub-cate-split-3 li:first-child a,
.sub-cate-split-3 li:first-child span,
.sub-cate-split-3 li:nth-child(4) a,
.sub-cate-split-3 li:nth-child(4) span {border-left-width:1px}
.sub-cate-split-3 li:nth-child(1) a,
.sub-cate-split-3 li:nth-child(1) span,
.sub-cate-split-3 li:nth-child(2) a,
.sub-cate-split-3 li:nth-child(2) span,
.sub-cate-split-3 li:nth-child(3) a,
.sub-cate-split-3 li:nth-child(3) span {border-top-width:1px}

.sub-cate-split-4 li {width:25%}
.sub-cate-split-4 li a,
.sub-cate-split-4 li span {border-left-width:0;border-top-width:0;font-size:.8em;letter-spacing:-1px}
.sub-cate-split-4 li:first-child a,
.sub-cate-split-4 li:first-child span,
.sub-cate-split-4 li:nth-child(5) a,
.sub-cate-split-4 li:nth-child(5) span,
.sub-cate-split-4 li:nth-child(9) a,
.sub-cate-split-4 li:nth-child(9) span,
.sub-cate-split-4 li:nth-child(13) a,
.sub-cate-split-4 li:nth-child(13) span,
.sub-cate-split-4 li:nth-child(17) a,
.sub-cate-split-4 li:nth-child(17) span {border-left-width:1px}
.sub-cate-split-4 li:nth-child(1) a,
.sub-cate-split-4 li:nth-child(1) span,
.sub-cate-split-4 li:nth-child(2) a,
.sub-cate-split-4 li:nth-child(2) span,
.sub-cate-split-4 li:nth-child(3) a,
.sub-cate-split-4 li:nth-child(3) span,
.sub-cate-split-4 li:nth-child(4) a,
.sub-cate-split-4 li:nth-child(4) span {border-top-width:1px}

.sub-cate-split-5 li {width:20%}
.sub-cate-split-5 li a,
.sub-cate-split-5 li span {border-left-width:0;border-top-width:0;font-size:.8em;letter-spacing:-1px}
.sub-cate-split-5 li:first-child a,
.sub-cate-split-5 li:first-child span,
.sub-cate-split-5 li:nth-child(5) a,
.sub-cate-split-5 li:nth-child(5) span {border-left-width:1px}
.sub-cate-split-5 li:nth-child(1) a,
.sub-cate-split-5 li:nth-child(1) span,
.sub-cate-split-5 li:nth-child(2) a,
.sub-cate-split-5 li:nth-child(2) span,
.sub-cate-split-5 li:nth-child(3) a,
.sub-cate-split-5 li:nth-child(3) span,
.sub-cate-split-5 li:nth-child(4) a,
.sub-cate-split-5 li:nth-child(4) span {border-top-width:1px}


.board_list1 {width: 100%; }
.board_list1 thead tr th {background: #303030;font-weight: normal;color: #fff}
.board_list1 .notice td {background: #f6fafb}
.board_list1 thead th span {display: block;position: relative}
.board_list1 thead th em {position: absolute;background: #575757;width: 1px;height: 15px;margin-top: 4px;right: 0}
.board_list1 th,.board_list1 td {border-bottom: 1px solid #dbdbdb;padding:15px 0}
.board_list1 th{}
.board_list1 td {padding:15px 0}
.board_list1 td {text-align: center}
.board_list1 td.subject {text-align: left}
.board_list1 td.subject a {display: block;padding-left: 15px}
.board_list1 td.thumb a {position: relative;border: 1px solid #cdcdcd;display: inline-block}
.board_list1 td.thumb a img {} .board_list td.thumb a span {position: absolute;left: 0;bottom: 0;background: #333;color: #fff;width: 100%;font-size: 11px;line-height: 25px}
.board_list1 tr.end td {border-bottom: 3px solid #484546}
.board_list1 tr.on td {/*background: #FFFFD0*/}
.board_list1 .ca {color:#fff;display:inline-block;line-height:1em;padding:5px 7px}
.board_list1 .ico {display: inline-block;background:#757575;color: #fff;line-height: 30px;letter-spacing: 0px;}
.board_list1 .ico em {display: inline-block;background:#00a9b0;padding: 0;}
.board_list1 .ico-notice{background:#00a9b0;padding:1px 4px;color:#fff; font-size: 12px; line-height:12px;}
.board_list1 .gray em {background:#b2b2b2;}