@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
/* default */
body {background:#fff;font-family:'Noto Sans KR', sans-serif;font-size:12px;color:#333333;line-height:16px;font-weight:normal;padding:0px;margin:0px;letter-spacing:0;width:100%;min-width:320px;-webkit-text-size-adjust:none;}
html{width:100%;height:100%}
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:16px;}
form, fieldset, p {margin:0;padding:0;border:0;}
table {width:100%;table-layout:fixed;}
table, tbody, tfoot, thead, tr, th, td {font-size:12px;border-collapse:separate;border-spacing:0;table-layout:fixed;}/*border:none; separate*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:middle;outline:none;}
optgroup {font-style:normal;/*font-size:0px;height:0px;line-height:0px;*/}
label {cursor:pointer;}
input.radio {width:12px;height:12px;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
select {border:1px solid #ccc; height:21px; width:80px; font-family:'Noto Sans KR', sans-serif; background:#fff; color:#333; font-size:12px; margin-right:3px;vertical-align:top;}
input {border:1px solid #ccc; height:22px; font-family:'Noto Sans KR', sans-serif; background:#fff; color:#333; font-size:12px;vertical-align:middle;}
textarea {border:1px solid #dedede; padding:5px; color:#666; resize: none;font-family:'Noto Sans KR', sans-serif;background:#fff; color:#333; font-size:12px;}
a {text-decoration:none;color:#333;}
a:link, a:visited {text-decoration:none;color:#333;}
a:hover, a:focus, a:active {text-decoration:none;}
/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

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

select{		
	width:100%;
	height:100%;		
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	zoom:1	
}
select::-ms-expand {
    display: none;
}



/* skipNavi */
#nSkip {position:absolute; left:0; top:0; width:100%; z-index:5;}
#nSkip li {position:absolute; left: 0; top: 0;  width:100%; z-index:5;}
#nSkip a {display:block; width:1px; height:1px; margin-bottom:-1px; font-size:0; overflow:hidden;text-decoration:none;}
#nSkip a:active, #nSkip a:focus {width:100%; height:auto; padding:5px 0; background:#eee; font-size:1em; text-align:center;}

.text-under {text-decoration:underline !important;}
/*텍스트정렬*/
.text-l{text-align:left !important;} 
.text-c{text-align:center !important;} 
.text-r{text-align:right !important;}
/* 컨텐츠정렬 */
.vt-t {vertical-align:top !important;} 
.vt-m {vertical-align:middle !important;} 
.vt-b {vertical-align:bottom !important;}

/*input*/
.intxt {height:38px;padding:0;padding-left:5px;border:1px solid #d1d1d1;font-size:18px;color:#444; vertical-align:top; *margin-top:-1px;line-height:38px;}
.intxt01{height:38px;padding:0;padding-left:5px;border:1px solid #d1d1d1;font-size:18px;color:#444; vertical-align:top; *margin-top:-1px;line-height:38px;background:#f9f9f9}
.intxt02 {height:22px;padding:2px 0 2px 5px;border:1px solid #cccccc;font-size:12px;color:#333333; vertical-align:top; *margin-top:-1px;}
.infile {height:21px;padding:3px 3px 2px 3px;border:1px solid #ccc;font-size:12px;color:#666; vertical-align:top; *margin-top:-1px;}
.check01 {width:13px;height:13px;vertical-align:middle;border:none;}
.radio01 {width:12px;height:12px;border:none;background:none;}

/*font-color*/
.fc_default {color:#666 !important;}
.fc_01{color:#888 !important;} 
.fc_02{color:#444 !important;}
.fc_03{color:#be8e5f}

/*font-size*/
.fs_default{font-size:12px !important;}
.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_16{font-size:16px !important;}
.fs_20{font-size:20px !important;}

/*font-weight*/
.f-bold{font-weight:bold;}
.f-normal{font-weight:normal;}

/*font-기타*/
.f-play{font-family:'Noto Sans KR', sans-serif;}

/*width*/
.w-40{width:40px;}
.w-60{width:60px;}
.w-120{width:120px;}
.w-130{width:130px;}
.w-150{width:150px;}

/*기타*/
.letter_zero {letter-spacing:0;font-family:'Noto Sans KR', sans-serif;}
.clear{clear:both;}
.f-left{float:left;}
.f-right{float:right !important;}
.dp-none{display:none}
.dp-block{display:block;}
.dp-inline-b{display:inline-block;}

/* margin */
.mgt05 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}

.mgb05 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb60 {margin-bottom:60px !important;}

.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}

.mgr04 {margin-right:4px !important;}
.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}

/*select JS 
span.selectbox_title{text-align:left;height:27px;padding:4px 10px 7px 6px;margin-right:-4px;_margin-right:1px;border:1px solid #cccccc;line-height:140%;background:#fff url('../images/content/bg_arrow.png') no-repeat 90% center;}
span.selectbox_title01 {text-align:left;padding:1px 10px 1px 0px;} 
span.selectbox_title strong{width:100%;height:1.5em;font-weight:normal;font-size:15px;color:#444;word-break:break-all;line-height:28px;padding:1px 0 2px 2px;_padding:2px 0 1px 2px;display:block;overflow:hidden;}
span.selectbox_title_focus{border-color:#848484;}
span.selectbox_title_focus strong{color:#848484;}
span.selectbox_title_disabled{background-color:#ecf2f7;}
span.selectbox_title_disabled strong{color:#4f4f4f;}
div.selectbox_option{border:1px solid #cccccc;background:#fff;overflow:hidden;margin-top:2px;}
div.selectbox_option a{height:1em;font-size:12px;color:#4f4f4f;word-break:break-all;line-height:1.4em;text-decoration:none;padding:2px 3px 8px 7px;display:block;overflow:hidden;}
div.selectbox_option a.on,div.selectbox_option a:hover{color:#000000;background:#ecf2f7;}
span.selectbox_multiple {width:100% !important;}*/

/* 페이지 
.paging {text-align:center; margin-top:30px;}
.paging > div{display:inline-block;zoom:1;*display:inline;}
.paging a,.paging strong{display:block;padding:0;width:33px;height:33px;float:left;border:1px solid #eaeaea;border-left:none;vertical-align:top;text-align:center;color:#666;font-size:14px;line-height:33px;_line-height:32px;}
.paging a:first-child{border-left:1px solid #eaeaea;}
.paging strong {background:#fbfbfb; color:#444;border-left:1px solid #eaeaea;}
.paging .prev {margin-right:10px;}
.paging .next {margin-left:10px;border-left:1px solid #eaeaea;}
.paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd {padding:0;width:33px;}
.paging img {vertical-align:top;}*/

/* Button Object */
.btn_pack,
.btn_pack *{font-family:'Noto Sans KR', sans-serif;display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../images/btn/btn_pack.png) no-repeat;font-size:12px;color:#666 !important;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack code {cursor:default !important;}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
/* white */
.btn_pack.white,.btn_pack.white *{height:35px;line-height:33px}
.btn_pack.white{background-position:left top;}
.btn_pack.white *{padding:0 20px 0 15px;background-position:right top;font-size:12px}

.btn_pack.white_s,.btn_pack.white_s *{height:30px;line-height:30px}
.btn_pack.white_s{background-position:left -40px;}
.btn_pack.white_s *{padding:0 15px 0 10px;background-position:right -40px;font-size:12px}

.btn_pack.white_b,.btn_pack.white_b *{height:55px;line-height:53px}
.btn_pack.white_b{background-position:left -75px;}
.btn_pack.white_b *{padding:0 25px 0 20px;background-position:right -75px;font-size:16px}
 /* blue */
.btn_pack.blue_b,.btn_pack.blue_b *{height:55px;line-height:53px;}
.btn_pack.blue_b{background-position:left -135px;}
.btn_pack.blue_b *{padding:0 25px 0 20px;background-position:right -135px;font-size:16px;color:#fff !important;}
 /* gray */
.btn_pack.gray_s,.btn_pack.gray_s *{height:22px;line-height:20px}
.btn_pack.gray_s{background-position:left -195px;}
.btn_pack.gray_s *{padding:0 10px 0 6px;background-position:right -195px;font-size:11px;color:#888;} 

.btn_pack.gray,.btn_pack.gray *{height:35px;line-height:33px}
.btn_pack.gray{background-position:left -222px;}
.btn_pack.gray *{padding:0 20px 0 15px;background-position:right -222px;font-size:12px;color:#fff !important;} 

/* Layer Wrap */
#layerMask {position:absolute;left:0;top:0;z-index:9998;background-color:#000;display:none;}
#layerWrap {position:absolute; z-index:9999; border:1px solid #d7d7d7;background:#fff;display:none;}
#layerWrap .layerTitle {border-bottom:1px solid #d7d7d7; padding:19px 0 16px 17px; font-size:18px; font-weight:bold; color:#666;}
#layerWrap .contWrap{padding:10px;}
#layerWrap .close {position:absolute; right:10px;top:10px;}

#layerWrap .contWrap .section_title{margin-bottom:0;height:30px;padding:0;}
#layerWrap .contWrap .section_title > p{font-size:13px;line-height:24px;}

/* Side Menu Scroll */
.content {position:relative;height:100%;}
.mCSB_container{width:auto;overflow:hidden}
.mCustomScrollBox .mCSB_scrollTools{position:relative;width:8px;height:100%;top:0;right:0;z-index:300}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:100%}
.mCSB_scrollTools .mCSB_draggerRail{width:8px;height:100%;margin:0 auto;/*-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;height:100%;margin:0 auto;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-align:center}
.mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#000;opacity:0.3;filter:alpha(opacity=30); -ms-filter:alpha(opacity=30)}
.mCustomScrollBox:active .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:/*#ee1c25*/#000 !important;opacity:0.5 !important}

#Maps{position:relative;width:100%;height:440px}

@media screen and (min-width:320px){
	.w-500{width:90%;}
	#Maps{height:220px}
	
}

@media screen and (min-width:800px){
	.w-500{width:500px;}
	#Maps{height:420px}
}