@charset "utf-8";

@import url("layout.css?ver=5");

@font-face{
	font-family: "NanumGothic";
	font-weight: 100;
	font-style: normal;
	src: url('../fonts/NanumGothic.eot');
	src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NanumGothic.woff') format('woff'),
	url('../fonts/NanumGothic.ttf') format('truetype');
}
@font-face{
	font-family: "NanumGothicBold";
	font-weight: 400;
	font-style: bold;

	src: url('../fonts/NanumGothicBold.eot');
	src: url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NanumGothicBold.woff') format('woff'),
	url('../fonts/NanumGothicBold.ttf') format('truetype');
}
/* reset */
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr,
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
html, body {width:100%; height:100%;}
body {background-color:#fff; -webkit-text-size-adjust:none;}
body, input, button, textarea {font-size:13px; line-height:13px; font-family:"나눔고딕","NanumGothic", Helvetica, Apple-Gothic, Droid Sans, sans-serif,"돋움", Dotum, Tahoma, '맑은 고딕', 'Malgun Gothic'; color:#333;}
h1, h2, h3, h4, h5, h6 {font-size:13px; text-align:left;}
img, fieldset, iframe {border:0 none;}
table{ border-spacing: 0; line-height:150%;}
div {border-collapse: collapse;  border-spacing: 0;}
select, textarea {border:1px solid #B7B6B6; background:#FFFFFF; color:#333; font-size:12px; vertical-align:middle;}
textarea {overflow:auto;}
select, input, img, li {vertical-align:middle; text-align:left;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
ul, li, ol {list-style: none outside none;}
legend, caption {display:none;}
form {margin:0;padding:0;border:none;}
fieldset {margin:0;padding:0;border:none;}
caption {position:absolute;top:0;left:-1000em;width:0;height:0;line-height:0;}
legend {position:absolute;top:0;left:-1000em;width:0;height:0;line-height:0;}
hr {border-collapse:collapse; display:none;}
* {margin:0; padding:0; -webkit-text-size-adjust:none; box-sizing:border-box; word-break:break-all; font-family:"나눔고딕","NanumGothic", Helvetica, Apple-Gothic, Droid Sans, sans-serif,"돋움", Dotum, Tahoma, '맑은 고딕', 'Malgun Gothic'; color:#333;}      
a{color:#333;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none; cursor:pointer;}
a, textarea{-webkit-tap-highlight-color:transparent;}
input:focus {outline: none;}
input[type=number] {-webkit-text-security:disc;}
input[type=number]::-ms-clear{display: none; }
input[type=text]::-ms-clear{display: none; }
input{border-radius:0 !important; box-sizing:border-box}

input, textarea { vertical-align:middle; -webkit-appearance:none;}
a, textarea{-webkit-tap-highlight-color:transparent;}


/* font style 시리즈 속성 정의 */
.bold {font-weight:bold !important;}
.underline {text-decoration:underline !important;}
.line_through {text-decoration:line-through !important;}

ul:after{display:block;clear:both;content:''}
ol:after{display:block;clear:both;content:''}


/* margin */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}

/* padding */
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl29{padding-left:29px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl55{padding-left:55px !important;}

.red{color:#f60262 !important;}
.blue{color:#037ffd !important;}
.gray{color:#A6A6A6 !important;}

/* paginate */
/* type01 */
.paginate.type01 a,.paginate.type01 strong  {width:14px;height:14px;line-height:15px;font-size:10px;vertical-align:top !important;}
.paginate.type01 span {padding:0;}
div.paginate.type01 .first {background:url("../images/bg_first_arrow.png") no-repeat 4px 4px;background-size:50%;}
div.paginate.type01 .prev {background:url("../images/bg_prev_arrow.png") no-repeat 4px 4px;background-size:40%;}
div.paginate.type01 .next {background:url("../images/bg_next_arrow.png") no-repeat 6px 4px;background-size:40%;}
div.paginate.type01 .last {background:url("../images/bg_last_arrow.png") no-repeat 4px 4px;background-size:50%;}
/* type02 */
div.paginate {text-align:center;}
div.paginate a,
div.paginate strong {display:inline-block;margin:0 1px;padding:0;color:#898989;font-size:12px;width:26px;height:26px;line-height:26px;vertical-align:top;border:1px solid #d7d7d7;}
div.paginate span a:hover,
div.paginate span strong {color:#fff;border:1px solid #385d8a;background:#3a76be;}
div.paginate .first,
div.paginate .prev,
div.paginate .next,
div.paginate .last {line-height:1000%;vertical-align:middle;overflow:hidden;}
div.paginate .first {background:url("../images/bg_first_arrow.png") no-repeat 8px 8px;}
div.paginate .prev {background:url("../images/bg_prev_arrow.png") no-repeat 8px 8px;}
div.paginate .next {background:url("../images/bg_next_arrow.png") no-repeat 10px 8px;}
div.paginate .last {background:url("../images/bg_last_arrow.png") no-repeat 8px 8px;}

input[type=checkbox]{display:none;}
input[type=checkbox]{display: inline-block; position: relative; width: 24px; height: 24px; background:url(../images/red.png) no-repeat; margin-right:5px;}
input[type=checkbox]:hover{background-position:-24px 0;}
input[type=checkbox]:checked{background-position:-48px 0;}
input[type='radio']{vertical-align:middle;}
input[type='radio']{display: inline-block; position: relative; width: 24px; height: 24px; background:url(../images/red.png) no-repeat -120px 0; margin-right:5px;}
input[type='radio']:after{display:none;}
input[type='radio']:hover{background-position:-144px 0;}
input[type='radio']:checked{background-position:-168px 0;}
input[type='radio']:checked:after{display:none;}

.style_select{border:1px solid #ccc; height:35px; display:inline-block; text-align:center; position:relative;}
.style_select:before{content:""; font-size:0; color:transparent; position:absolute; top:0; right:0; width:35px; height:33px; background:url(../images/btn_select.png) no-repeat 50% 50% #fff; display:inline-block; overflow:hidden;}
.style_select>select{height:33px; line-height:33px; border:none; padding:0; margin:0; border-radius:0; -webkit-appearance: none; background-color:transparent; width:100%; text-align:center; outline:none; padding:0 10px;}

input[type='email'],
input[type='text'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='week'],
input[type='month'],
input[type='password']{height:35px; line-height:35px; padding:0 5px; font-size:12px; color:#7b7b7b; border:1px solid #cecece;}
textarea{line-height:24px; height:85px; padding:14px; font-size:14px; color:#7b7b7b; border:1px solid #cecece; width:100%;}

.btn_common{display:inline-block; height:23px; line-height:23px; padding:0px 16px; background-color:#3a76be; color:#fff; box-sizing:border-box; vertical-align:middle;}
.btn_common02{display:inline-block; height:23px; line-height:23px; padding:0px 16px; background-color:#e6e6e6; border:1px solid #adadad; color:#333; box-sizing:border-box; vertical-align:middle;}
.btn_common28{display:inline-block; height:28px; line-height:28px; padding:0px 16px; background-color:#3a76be; color:#fff; box-sizing:border-box;}
.btn_common34{display:inline-block; height:24px; line-height:24px; padding:0px 16px; background-color:#3a76be; color:#fff; min-width:110px; font-size:14px; vertical-align:middle; box-sizing:border-box;}
.btn_common35{display:inline-block; height:34px; line-height:34px; padding:0px 16px; background-color:#e6e6e6; border:1px solid #adadad; color:#333; min-width:110px; font-size:14px; box-sizing:border-box; vertical-align:middle;}


/*map_nav*/
.map__nav{width:40px;position: absolute;z-index: 10;top:10px;left:10px} 
.map__nav>li{width: 40px;text-align: center;margin-bottom: 5px;border-radius: 6px;box-shadow:2px 2px 2px rgba(0,0,0,0.7);}
.map__nav>li>a{display: block;width: 100%;font-size: 13.5px;color:#222;border: 1px solid #333;font-family:'Malgun Gothic';background: #fff; font-weight:bold;padding:8px 0;font-weight: 600;box-shadow:inset -8px -8px 6px -7px rgba(0,0,0,0.2);border-radius:6px} 
.map__nav>li>a.over, .map__nav>li>a.on{background:#828282;color: #fff;border-color: #828282}    
/*map_nav*/    


#currentArea {position:absolute; z-index:10; padding:0 10px; border:1px solid #000; background:#fff; top:35px; left:50%; border-radius:6px; transform:translateX(-50%);}
.view_roadview #currentArea {position:absolute; z-index:10; padding:0 10px; border:1px solid #000; background:#fff; top:35px; left:25%; border-radius:6px; transform:translateX(-50%);}

#currentArea div {float:left; line-height:32px; padding-left:20px; background:url(/images/map_loc_arrow.png) no-repeat 0 center; margin-right:5px; box-sizing:Border-box;}
#currentArea div:first-child {padding-left:20px; background:url(/images/map_loc_ico.png) no-repeat 0 center;}
#currentArea div:last-child {margin-right:0;}




@media screen and (min-width: 720px){
    div.paginate span {display:inline-block;vertical-align:top;padding:0 5px;}

    .btn_align {overflow:hidden; margin-top:50px;}
    .btn_align p{width:50%;}
    .btn_align p a{margin-bottom:5px}
    .btn_align .btn_center {text-align:center; width:100%;}
	.btn_align .btn_center > a{margin-right:2px;}
    .btn_align .btn_left {float:left;}
    .btn_align .btn_right {float:right; text-align:right}
    .btn_align .btn_left a{margin-right:2px; text-align:center}
    .btn_align .btn_right a{margin-left:2px;text-align:center}
}

/* @media mobile type */
@media screen and (max-width: 719px){
	body h4 {font-size: 14px; color: #333333; line-height: 16px; font-weight: bold; position: relative; margin-bottom: 10px; padding-top: 2px; padding-right: 50px;}
	body h5 {font-size: 12px; color: #333333; line-height: 13px; font-weight: bold; position: relative; margin-bottom: 10px; padding-top: 2px; padding-right: 50px;}
    div.paginate span {display:inline-block;vertical-align:top; height:28px; overflow:hidden}
    .btn_align p{text-align:center}
    .btn_align {overflow:hidden; margin-top:50px;}
    .btn_align a{margin:0 0 5px 2px; text-align:center}
    .btn_align .btn_left {float:left;}
    .btn_align .btn_right {float:right; text-align:right}
    .btn_align .btn_left a{margin-right:2px; text-align:center}
    .btn_align .btn_right a{margin-left:2px;text-align:center}

	.styled-select{background-size:12px; border-radius:5px; height:30px; line-height:30px; min-width:80px;}


	/*map_nav*/
	.map__nav{width:30px;position: absolute;z-index: 10;top:10px;left:10px} 
	.map__nav>li{width: 30px;height: 30px;text-align: center;margin-bottom: 5px;line-height: 30px;}
	.map__nav>li>a{display: block;width: 100%;height: 100%;font-size: 11.5px;border-radius:6px;font-family:'Malgun Gothic';background: #fff;padding: 0;} 
	.map__nav>li>a.over, .map__nav>li>a.on{background:#828282;color: #fff;border-color: #828282;box-shadow: inset -3px -16px 5px -15px rgba(0, 0 ,0,0.5);}    
	/*map_nav*/ 
	
	#currentArea div {white-space:nowrap;}
#currentArea {display: flex; 
    left: 50%; 
    transform: translateX(-50%);}

}

@media screen and (max-width: 400px){
	div.paginate a,
	div.paginate strong {width:19px;height:19px;line-height:19px;}
	div.paginate .first,
	div.paginate .prev,
	div.paginate .next,
	div.paginate .last {background-position:4px 4px;}
	.styled-select{margin-bottom:5px;}
}