@charset "utf-8";

html, body, div, p, span, em, u, i, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, label, legend, textarea, input, button, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img, a {padding:0;margin:0;border:0;outline:0;color:#555;line-height:19px;}

body {position:relative;color:#555;font-family:"Roboto-Regular","애플고딕","Apple-Gothic",Arial,Helvetica,sans-serif;font-weight:normal;-webkit-text-size-adjust:none;} /* word-wrap:break-word;word-break:break-all; */
/*div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd {word-wrap:break-word;word-break:break-all;}*/
ul, ol, li, dl, dt, dd {list-style-type:none;}
table {empty-cells:show;}
table {border-collapse:collapse;}
select {font-size:14px;vertical-align:middle;padding:0;margin:0;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;line-height:0px;}
img {vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:10px;-webkit-border-radius:0;	border-radius:0;} /* -webkit-appearance:none; */
textarea {width:90%;background-color:#f5f5f5; border-radius:3px; border-top:solid 1px #cacaca; border-left:solid 1px #cacaca; box-shadow:-2px 0px 0px -3px #d3d3d3}
hr {border-top:1px solid #000;}
html {
    /* -webkit-touch-callout:none; /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어합니다. none으로 설정하면 아무리 길게 눌러도 아무것도 뜨지 않습니다. */
	/*-webkit-user-select:none; /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어합니다. none으로 설정하면 텍스트나 이미지를 선택할 수 없습니다. */
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
	/* 링크를 터치했을때 나오는 기본 영역의 색상을 제어합니다.
	rgba(0, 0, 0, 0)은 색이 없는 투명을 의미하므로 위 색상으로 세팅하면 링크를 터치했을때 아무것도 표시되지 않습니다.
	transparent를 넣을 수도 있겠지만, 이런 경우에는 iOS에서만 동작하고 Android에선 동작하지 않습니다.}*/
}

html, body {height:100%;}

body {font-size: 0.9em;		
}

@media (max-width: 320px) { 
    html { font-size: 100%; } 
} 

@media (min-width: 600px) { 
    html { font-size: 120%; } 
} 

@media (min-width: 900px) { 
    html { font-size: 140%; } 
} 

@media (min-width: 1200px) { 
    html { font-size: 140%; } 
} 

/* 마진 */
.gab{height:20px;}
.gab15{height:15px;}
.mgt05 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}



/*폰트*/
.fs10{font-size:10px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}

.strong{font-weight:bold;}
.tcenter{text-align:center !important;}

.fc01{color:#444 !important;}
.fc02{color:#333;}
.fc03{color:#f6821f !important;}/*주황*/
.fc04{color:#888;}
.fc05{color:#ae9475;}

h1 {font-weight:bold; font-size:28px;}
h2 {font-weight:bold; font-size:14px;font-weight:bold;color:#000;padding-bottom:10px;}
h3 {font-weight:bold; font-size:16px; color:#03629f;margin:17px 0 10px 0;}
h4 {font-size:14px;font-weight:bold;color:#d81506;padding-bottom:10px;}
h4.line {border-bottom:1px solid #000; padding-bottom:5px;}
h5 {font-size:14px;font-weight:bold;color:#0f51ab;text-align:center;}
h6 {font-size:14px;font-weight:bold;color:#000;padding-bottom:5px;}

/*이미지-사진*/
.pic{width:100%;}

.letter_zero {letter-spacing:0;}
.vtmdl{vertical-align:middle;}
.mo_hide {display:none;}
.none{display:none;}
/* 링크 */
a {text-decoration:none;cursor:pointer;} a:hover {text-decoration:none;}

/* 커서 */
.cursor {cursor:pointer;}

/* 클리어 */
.cb {clear:both;font-size:0px;line-height:0px;height:0px;}

.block{display:block;}
/* 컨텐츠정렬관련 */
.al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;}
.ad_under {text-decoration:underline !important;}

.margin{margin:0 10px;}

/*input_text*/
.intxt01 {height:36px;color:#888;font-size:0.9em;line-height:16px;border:1px solid #d7d7d7;padding:0 2px;background:#f9f9f9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.intxt02 {height:24px;color:#666;font-size:0.9em;line-height:16px;border:1px solid #e4e4e4;padding:0 4px 0 4px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.intxt03 {height:24px;color:#666;font-size:0.9em;line-height:16px;border:1px solid #e4e4e4;padding:0 4px 0 4px;width:60px;}
.intxt04 {height:24px;color:#666;font-size:0.9em;line-height:16px;border:1px solid #e4e4e4;padding:0 4px 0 4px;width:25%;}

textarea{border:1px solid #d7d7d7;font-size:0.9em;color:#888;padding:2px;height:150px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
.se{
	
	font-size:0.9em;
	height:22px;
	width:50px;
	color:#666;
	border:1px solid #d7d7d7;
	
}

.se2{
	
	font-size:0.9em;
	height:22px;
	width:80px;
	color:#666;
	border:1px solid #d7d7d7;
	
}

.cm-label {position:relative;}
.cm-label.inline {display:inline;}
.cm-label label {position:absolute;left:5px;top:3px;*top:28px;cursor:text;color:#888;}

/*input_check*/
.check01{width:13px;height:13px;vertical-align:middle;border:none;}
.radio01{vertical-align:middle;}

/*border*/
.b_left{border-left:none !important;}

/*bg*/
.dot_bg li{padding-left:10px;font-size:12px;background:url("../images/bul/dot01.gif") no-repeat left 7px;background-size:3px 2px;}
p.dot_bg{padding-left:10px;background:url("../images/bul/dot01.gif") no-repeat left 7px;background-size:3px 2px;}

/*search*/
#bo_sch {margin-bottom:10px;padding-top:10px;margin-top:20px;border:1px solid #ccc;height:25px;padding:5px;background-color:#f8f8f8;border-radius:50px 50px 50px 50px;
-mst- border-radius:50px 50px 50px 50px;
-webkit- border-radius:50px 50px 50px 50px;
-moz- border-radius:50px 50px 50px 50px;
-o- border-radius:50px 50px 50px 50px;text-align:center;}
}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.btn_submit {padding:6px;border:0;background:#666;color:#fff;letter-spacing:-0.1em;cursor:pointer;border:1px solid #333;border-radius:3px 3px 3px 3px;
-mst- border-radius:3px 3px 3px 3px;-webkit- border-radius:3px 3px 3px 3px;-moz- border-radius:3px 3px 3px 3px;-o- border-radius:3px 3px 3px 3px;font-size:0.8em;font-family:Nanum Gothic,dotum;}
fieldset .btn_submit {padding:6px;line-height:1em;border:1px solid #333;border-radius:3px 3px 3px 3px;
-mst- border-radius:3px 3px 3px 3px;-webkit- border-radius:3px 3px 3px 3px;-moz- border-radius:3px 3px 3px 3px;-o- border-radius:3px 3px 3px 3px;font-size:0.8em;font-family:Nanum Gothic,dotum;}


/*gallery*/
#bo_gall {width:100%;}
#bo_gall ul {margin:10px 0 0 0;padding:0;list-style:none}
#bo_gall li {float:left;margin:0 0 5% 0;width:50%;}
#bo_gall li .subject {margin-top:5px;}




/*btn*/
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:3px 15px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle;border-radius:50px 50px 50px 50px;
-mst- border-radius:50px 50px 50px 50px;-webkit- border-radius:50px 50px 50px 50px;-moz- border-radius:50px 50px 50px 50px;-o- border-radius:50px 50px 50px 50px;}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:3px 15px;border:1px solid #3b3c3f;background:#333;color:#fff;text-decoration:none;vertical-align:middle;border-radius:50px 50px 50px 50px;
-mst- border-radius:50px 50px 50px 50px;-webkit- border-radius:50px 50px 50px 50px;-moz- border-radius:50px 50px 50px 50px;-o- border-radius:50px 50px 50px 50px;}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_b03 {display:inline-block;padding:2px 5px 2px 5px;border:1px solid #164f75;background:#206ea1;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px 3px 3px 3px;
-mst- border-radius:3px 3px 3px 3px;-webkit- border-radius:3px 3px 3px 3px;-moz- border-radius:3px 3px 3px 3px;-o- border-radius:3px 3px 3px 3px;font-size:0.9em;}
a.btn_b03:focus, .btn_b03:hover {text-decoration:none}
a.btn_b04 {display:inline-block;padding:7px 0 7px 0;border:1px solid #164f75;background:#206ea1;color:#fff;text-decoration:none;vertical-align:middle;width:100%;font-size:15px;}
a.btn_b04:focus, .btn_b04:hover {text-decoration:none}
.btn_b05 {display:inline-block;padding:0 2px 0 2px;border:1px solid #075a48;background:#0b7a61;color:#fff;text-decoration:none;vertical-align:middle;border-radius:2px 2px 2px 2px;
-mst- border-radius:2px 2px 2px 2px;-webkit- border-radius:2px 2px 2px 2px;-moz- border-radius:2px 2px 2px 2px;-o- border-radius:2px 2px 2px 2px;font-size:10px;}
a.btn_b06 {display:inline-block;padding:2px 5px 2px 5px;border:1px solid #075a48;background:#0b7a61;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px 3px 3px 3px;
-mst- border-radius:3px 3px 3px 3px;-webkit- border-radius:3px 3px 3px 3px;-moz- border-radius:3px 3px 3px 3px;-o- border-radius:3px 3px 3px 3px;margin-top:3px;}
a.btn_b06:focus, .btn_b06:hover {text-decoration:none}

/* paging*/
.paging {
	text-align:center; 
	margin-top:20px;
	width:100%;
}
.paging a {
	display:inline-block;
	border:1px solid #e1e1e1;
	font-size:13px;
	width:28px;
	height:27px;
	line-height:29px;
	background-color:#fff;
	vertical-align:top;
	
}
.paging strong {
	display:inline-block;
	font-size:13px;
	width:30px;
	height:29px;
	line-height:29px;
	background-color:#3f97d1;
	color:#fff;
	vertical-align:top;
	
}
.paging .prev {height:29px; padding:0; margin-right:10px; border:0; background-color:transparent;}
.paging .next {height:29px; padding:0; margin-left:5px; border:0; background-color:transparent;}
.paging .first{height:29px; padding:0; margin-right:5px; border:0; background-color:transparent;}
.paging .last {height:29px; padding-left:0; margin-left:3px; border:0; background-color:transparent;}
.paging img {vertical-align:top;}



/* view*/
#bo_v {margin-bottom:20px;padding-bottom:20px;width:100%;}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_title {padding:10px;background-color:#f8f8f8;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#bo_v_info {padding:10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}


#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {min-height:150px;height:auto !important;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin:15px 0 30px 0;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}


#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}


/* Layer Wrap */
#layerMask {position:absolute;left:0;top:0;z-index:;background-color:#000;z-index:10;filter:alpha(opacity=70);opacity:0.7;display:none;}
.layerWrap {position:absolute; z-index:9999;display:none;background:#fff;}
.layerCover{background:#fff;border:1px solid #ddd;}
.layerWrap .layerCont {background:#fff;padding:10px 0;}
.layerWrap .layerTitle {height:43px;background:#525354;font-weight:bold;color:#fff;font-size:16px;line-height:46px;padding-left:10px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.layerWrap .close {position:absolute;right:10px; top:13px;}

input[type="text"],input[type="password"]{
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius:0;
	-webkit-appearance: none;
}