/* //// 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%;background:#fff;color:#333;font-family:'Dotum',tahoma;font-size:16pt; line-height: 1.6em; -webkit-text-size-adjust:100%;margin:0 auto;max-width:800px;}
html, body, input, select, button, textarea, table {font-family:'Nanum Barun Gothic','맑은고딕','Malgun Gothic','나눔고딕','Nanum Gothic','Dotum';font-size:18pt}
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:11px }
.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}
html,body {max-width:640px;margin:0 auto}

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


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

/* 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:20px;line-height:1.4em}
.board_page .link_page {display:inline-block;width:26px;height:17px;margin-right:5px;padding:7px 7px 15px 7px;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:25px;margin-right:5px;padding:7px;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:14px 17px;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: 7px 12px; font-weight: bold; font-size: 22px; 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: 7px 8px }
.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 {background:#fff;z-index:999}
header #gnb {background:url('/img/mobile/logo.png') center no-repeat #fff;overflow:hidden;position:relative;background-size:contain}
header #gnb li {}
header #gnb li:nth-child(1) {position:absolute;left:0;top:0}
header #gnb li:nth-child(3) {position:absolute;right:0;top:0}
header #gnb li:nth-child(1) a {background:url('/img/mobile/header_menu.png') center no-repeat;height:105px;width:103px}
header #gnb li:nth-child(3) a {background:url('/img/mobile/header_search.png') center no-repeat;height:105px;width:103px}
header #gnb li:nth-child(2) a {height:105px;display:block}
header #gnb li:last-child {float:right}
header #gnb li a {display:block}
header #gnb li:last-child a {text-align:right}
header #gnb:after {clear:both;content:'';display:block}


/* 서브상단 공통 */
#header_titleA {height:76px;background:#2f2f2f;position:relative;color:#fff;line-height:76px;font-size:24px;letter-spacing:1px;border-bottom:1px solid #fff}
#header_titleA span {display:inline-block}
#header_titleA span.arrow {position:absolute;background:url('/img/mobile/location_arrow.png') 0 -2px no-repeat;width:30px;height:76px}
#header_titleA span:nth-of-type(1) {margin-left:30px;margin-right:10px}
#header_titleA span:nth-of-type(3) {margin-left:40px}
#header-arrow {position:absolute;right:0;top:0;width:75px;height:76px;background:url('/img/mobile/lnb_arrow.png') center 0px no-repeat #5f5f5f}
#header-arrow.on {background-position:center -125px}

#header_home {position:absolute;width:100px;height:67px}

#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}
#header_titleB.on {height:auto;opacity:1}
#header_titleB li {}
#header_titleB li a {display:block;height:62px;background:#5f5f5f;border-bottom:1px solid #8f8f8f;color:#fff;line-height:61px;font-size:24px;text-align:left;text-indent:25px}
#header_titleB li a.on {}
#header_titleB li a span {height:100%}
#header_titleB li:last-child a {border-bottom:0 !important}


#header_titleB.header_titleB_2 li:first-child a {border-top:1px solid #7584ba}
#header_titleB.header_titleB_2 li a {background:#3a4f9c;border-bottom:1px solid #7584ba}

#header_titleB.header_titleB_3 li:first-child a {border-top:1px solid #8b9de4}
#header_titleB.header_titleB_3 li a {background:#5972d9;border-bottom:1px solid #8b9de4}

#header_titleB.header_titleB_4 li:first-child a {border-top:1px solid #ff8a7f}
#header_titleB.header_titleB_4 li a {background:#ff5748;border-bottom:1px solid #ff8a7f}

#header_titleB.header_titleB_5 li:first-child a {border-top:1px solid #c185f5}
#header_titleB.header_titleB_5 li a {background:#a650f1;border-bottom:1px solid #c185f5}

#header_titleB.header_titleB_6 li:first-child a {border-top:1px solid #57d3e5}
#header_titleB.header_titleB_6 li a {background:#0ec0da;border-bottom:1px solid #57d3e5}

#header_titleB.header_titleB_7 li:first-child a {border-top:1px solid #f559a2}
#header_titleB.header_titleB_7 li a {background:#f1117a;border-bottom:1px solid #f559a2}



/* 좌측 메뉴 */
html.expand, html.expand body {width:100%; height:100%; min-height:100%; max-height: 100%; position:relative; overflow:hidden}
#headergnbWrap {position:fixed;left:0;top:0px;width:60%;height:100%;left:-80%;opacity:1;transition: all 0.3s linear;}
html.expand #headergnbWrap {left:0;display:block;z-index:9999}
#headergnb {position:absolute;left:0;top:0px;background:#fff;z-index:1001;font-size:36px;height:100%;
	width:100%;	
	overflow:scroll;	
	background:#f4f5f6;
	-webkit-overflow-scrolling:touch;
}
#headergnb > * {
	-webkit-transform: translateZ(0px);
}
#headergnb.on {
	left: 0;
	display:block;
}
#headergnbBlank {position:fixed;left:0;right:0;top:0;height:100%;background:#333;opacity:.5;z-index:998;overflow:hidden}
#headergnb .depth1 li a,
#headergnb .depth1 li h3,
#headergnb .depth1 li span {display:block;color:#797979;padding:17px 0;text-indent:20px;margin:0;}
#headergnb .depth1 li h3 {color:#2b2d2a}
#headergnb .depth1 li a{font-size: 28pt;}
#headergnb .depth1 li a.on {background-position:100% -132px}

#headergnb .depth1 li.outlogin {background:#eb364b;margin-bottom:15px}
#headergnb .depth1 li.outlogin a,
#headergnb .depth1 li.outlogin span {color:#fff !important;float:left;width:50%;background:transparent;font-size:1.2em;padding:30px 0;border:0}
#headergnb .depth1 li.outlogin:after {display:block;content:'';clear:both}
#headergnb .depth1 li.outlogin a#headergnbclose {float:right;width:20%;text-align:right;padding-right:20px}

#headergnb .depth1_extend {border:1px solid #ccc;border-left:0;border-right:0;padding:20px 0}
#headergnb .depth2 {}
#headergnb .depth2 li {}
#headergnb .depth2 li a,
#headergnb .depth2 li span {background:url('/img/mobile/ico_gnb.png') 15px 8px no-repeat;text-indent:70px}
#headergnb .depth2 li:nth-child(2) a {background-position-y:-52px}
#headergnb .depth2 li:nth-child(3) a {background-position-y:-106px}
#headergnb .depth2 li:nth-child(4) a {background-position-y:-165px}
#headergnb .depth2 li:nth-child(5) a {background-position-y:-225px}
#headergnb .depth2 li:nth-child(6) a {background-position-y:-285px}
#headergnb .depth2 li:nth-child(7) a {background-position-y:-345px}
#headergnb .depth2:after {display:block;content:'';clear:both}


/* 메인상단 */
#header_titleB.header_titleB_index li {float:left;width:25%;border:0}
#header_titleB.header_titleB_index li:nth-child(1) {}
#header_titleB.header_titleB_index li:nth-child(2) {}
#header_titleB.header_titleB_index li:nth-child(3) {}
#header_titleB.header_titleB_index li:nth-last-child(1) a em {display:none}
#header_titleB.header_titleB_index li a {position:relative;display:block;height:48px;background:url('/img/mobile/menu/menu.index.png') no-repeat #2754ae;text-indent:-9999em;border:0;padding:0}
#header_titleB.header_titleB_index li a em {position:absolute;right:0;top:0%;width:1px;height:100%;background:#fff}
#header_titleB.header_titleB_index:after {clear:both;content:'';display:block}





/* 메인 */
#index_wrap {}


/* 푸터 */
footer {position:fixed;bottom:0;width:100%;max-width:800px}
#footer_tel {background:#f8f8f8;padding:20px 0}
#footer_tel li {padding:5px 0;color:#8a8687}
#footer_tel li:first-child {text-align:center;font-size:20px;display:inline-block;padding-left:30px}
#footer_tel li label {display:inline-block;width:120px;margin-left:5%}
#footer_tel button[type=submit] {background:#00b8cc;border-radius:80px;position:absolute;left:490px;margin-top:-160px;padding:50px 30px;border:0;color:#fff;font-weight:bold}

#footerA {height:18px;background:url('/img/mobile/footerA.png') repeat-x}

#footer_gnb2 {position:relative;overflow:hidden}
#footer_gnb2 ul {position:absolute;top:0;left:0;width:100%}
#footer_gnb2 li {float:left;width:25%}
#footer_gnb2 li a {display:block}
#footer_gnb2 ul:after {clear:both;content:'';display:block}


#footer_gnb3 {background:#2f2f2f;color:#fff;padding:30px 0 0 0;text-align:center}
#footer_gnb3 a {color:#fff;font-size:1.2em;display:inline-block;padding:0 20px}
#footer_gnb3 em {position:absolute;height:30px;width:1px;background:#fff;margin-top:3px}
#footer_address {background:#85828b;color:#fff;text-align:center;font-size:0.7em;line-height:1.6em;padding:30px 0;margin-top:-1px}
#footer_address a {color:#fff}
#footer_address p {display:inline-block;width:100%}
#footer_address p .bold {color:#ffffff}

.gnb-open-wrap {position:fixed;width:640px;margin:0 auto;z-index:10;bottom:362px}
#gnb-open {position:absolute;right:20px;background:url('/img/mobile/quickmenu.png') no-repeat;background-size:80%;width:98px;height:154px}


/* 게시판 공통 버튼 */
.board_button button.btn {padding:6px 30px;min-height:48px;border-width:1px;border-style:solid}
.board_button a {padding:6px 30px}
.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:#F63184;border-color:#F63184}
.board_button .green {background:#23aec3;border-color:#23aec3}
.board_button .orange {background:#f4384e;border-color:#f4384e}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}
.footer_before_space {clear:both;height:0px}


.cSky {color:#23aec3}
.cOrange {color:#f4384e}
.cRed {color:#f72f83}



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




#board-title {background:#ffe0e0; font-weight:bold; line-height:80px;text-indent:40px; font-size: 1.2em}

#infinite-nav {display:none}
#infinite-loading {text-align:center}


#search-wrap {background:#eee;padding:20px;position:relative;display:none}
#search-wrap div {margin-right:20%;margin-bottom:5px}
#search-wrap select {width:100%;font-size:24pt}
#search-wrap .ed {width:99%;font-size:24pt}
#search-wrap button {position:absolute;right:20px;top:20px;width:15%;height:70%;margin-bottom:20px;border-radius:5px;background:#fff}