/* //// 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 }
.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% }
.w95 {width:95%;margin:0 auto}

img {max-width:100%;height:auto}


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 #ed4f4d;border-radius:3px;font-weight:bold;color:#fff;background-color:#fa7573;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}


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



header {position:relative;background:#fff;z-index:999}
header #header1 {}
header #header1 li {float:left;width:49.8%; }
header #header1 li:nth-child(1),
header #header1 li:nth-child(3) {border-right:1px solid #d4d4d4}
header #header1 li a {display:block;border-bottom:1px solid #d4d4d4;text-align:center;font-size:.9em;padding:7px 0}
header #header1 li:last-child a {}
header #header1 li a.on {background:#1e2f5e;color:#fff}
header #header1 ul:after {clear:both;content:'';display:block}
header #header1 li:nth-child(1) a {color: #316cd5;}
/*
header #header1 li span {display:block;text-align:center;padding:5px 0;color:#fff}
header #header1 li span.on {background:#fff;border-top-right-radius:10px;color:#15133f;background:#f6f6f6}
*/

header #gnb {
    background:url('/img/mobile/logo.png') center no-repeat #fff; overflow:hidden; position:relative; 
    background-size:contain;
	height:54px
}
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_titleA {line-height:40px;background:#316cd5;position:relative;color:#fff;letter-spacing:-1px;font-size:.9em}
#header_titleA span {display:inline-block}
#header_titleA span:nth-of-type(1) {margin-left:50px;margin-right:10px;}
#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:#1f5ac2;border-right:1px solid #5380d0;text-align:center;padding:0 5px}
#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 #1f5ac2;background-size:cover;border-left:1px solid #5380d0}
#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:#316cd5;border-bottom:1px solid #5380d0;color:#fff;text-align:left;text-indent:10px}
#header_titleB li a.on {background:#1f5ac2}
#header_titleB li a span {height:100%}
#header_titleB li:last-child a {border-bottom:0 !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%;position:relative;z-index:1000;display:none;font-size:1.1em;}
#sitemap-wrap.on {display:block}
#sitemap {background:#1e1e1e;position:absolute;width:100%;z-index:999;margin-top:90px}
#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 {color:#a78752;margin:0;padding:10px 0 10px 10px}
#sitemap li {float:left;width:50%}
#sitemap li a,
#sitemap li span {display:block;background:#353535;color:#e8e8e8;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:#15133f}

/*#footer_gnb2 {position:fixed;bottom:0;width:100%;max-width:800px}*/
#footer_gnb2 {border-top:1px solid #d4d4d4}
#footer_gnb2 div {position:relative;overflow:hidden}
#footer_gnb2 ul {position:absolute;top:0;left:0;width:100%;height:100%}
#footer_gnb2 li {float:left;width:20%;height:100%}
#footer_gnb2 li a {display:block;width:100%;height:100%}
#footer_gnb2 ul:after {clear:both;content:'';display:block}


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

#footer_address {background:#252525;color:#bcbcbc;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%}
#footer_address p b {color:#ffffff}

#goto-top {position:fixed;right:20px;bottom:30px;background:url('/img/mobile/top.png') no-repeat;width:85px;height:85px;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:#1d77eb;border-color:#1d77eb}
.board_button .mint {background:#32c6cb;border-color:#32c6cb}
.board_button .lite-brown {background:#a78752;border-color:#a78752}
.board_button .purple {background:#1d77eb;border-color:#1d77eb}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}
.footer_before_space {clear:both;height:80px}


.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: 885px; 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-split4-1 a {width:20%;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:20%}
.a-split4-1 a:nth-of-type(3) {left:40%}
.a-split4-1 a:nth-of-type(4) {left:60%}
.a-split4-1 a:nth-of-type(5) {left:80%}

.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%}



#footer-slider .owl-nav {display:block !important;}
#footer-slider .owl-nav * {text-indent:-9999em;position:absolute;background:url('/img/mobile/footer/arrow.png') left top;background-size:cover;width:50px;height:15px}
#footer-slider .owl-nav .owl-prev {left:0;top:50%;}
#footer-slider .owl-nav .owl-next {right:0;top:50%;;background-position:right top}



#m100200 .page-tab li {float:left;width:50%}
#m100200 .page-tab li:first-child a {margin-left:0}
#m100200 .page-tab li a {display:block;width:100%;text-align:center;font-size:1em;background:#f7f6f5;margin-left:-1px;padding:10px 0;border:1px solid #e2e2e2}
#m100200 .page-tab li a.on {background:#316cd5;color:#fff;border-color:#e2e2e2}
#m100200 .page-tab:after {display:block;content:'';clear:both}

#m300200,
#m300100{position: relative;}

.write_link{position: absolute; left: 50%; transform: translateX(-50%); bottom: 8.3%; display: block; width: 143px; height: 30px; line-height: 30px; background-color: #3a82bc; border-radius: 7px; text-align: center; color: #fff; font-size: 14px; font-weight: 700;}
.write_link2{bottom: auto; top: 31.6%;}