@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, strong, sub, sup, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed, input, select, textarea, button {margin:0;padding:0;}
body {line-height:1.428;font-family: 'Noto Sans KR', sans-serif;color:#4e4e4e;letter-spacing: -0.05em;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal;}
input, button, textarea {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
select {font-size:1em;}
code, pre {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
address, em, cite {font-style:normal;}
img {border:0 none;}
hr {display:none;}
table {border-collapse:separate;border-spacing:0;}
caption {width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
th, td {vertical-align:top;text-align:left;font-weight:normal;}
li {list-style-type:none;}
form {margin:0;padding:0;}
fieldset {border:0 none;}
legend, .hd {position: absolute;border:0px;width: 1px;height: 1px;clip: rect(1px, 1px, 1px ,1px);clip-path:inset(50%);overflow: hidden;}
label, button {cursor:pointer;}
button {overflow:visible;border:none;background:none;background:transparent;font-family:inherit;white-space:nowrap;vertical-align:top;text-decoration:none;*margin-left:4px;}
button::-moz-focus-inner {border:0;padding:0;}
a {color:#4e4e4e;text-decoration:none;*cursor:pointer;}
a:hover, a:active, a:visited{text-decoration: none;color:#4e4e4e}
html {min-height:100%;}
body{min-height:100%;}
img{vertical-align: top}
*{ font-family: 'Noto Sans KR', sans-serif;}
textarea{resize:none;}
b, strong {font-weight: bold;}
textarea:focus, input:focus, select:focus, a, a:focus{outline: none !important;}
select::-ms-expand {display: none;}

.hidden{
  overflow: hidden;
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.font_14{font-size: 14px !important}
.font_15{font-size: 15px !important}
.font_16{font-size: 16px !important}
.font_17{font-size: 17px !important}
.font_18{font-size: 18px !important}
.font_19{font-size: 19px !important}
.font_20{font-size: 20px !important}

.text_gray{color: #4e4e4e !important}
.text_green{color: #37a49b !important}
.text_red{color: #d16558 !important}
.text_yellow{color: #e4b62b !important}

.bg_blue{background: #348cd4 !important}
.bg_green{background:#37a49b !important}
.bg_red{background: #d16658 !important}
.bg_yellow{background-color: #e4b62b !important}

.pd_b0{padding-bottom:0px !important;}

.mg_t20{margin-top:20px !important;}
.mg_t40{margin-top:40px !important;}

.ag_c{text-align: center !important}

img.comimg{display: block;margin:0 auto 55px}

.pop{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:1000;}
.pop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.9;filter:alpha(opacity=90);z-index:1000;}

#wrap{position: relative;width: 640px;margin:0 auto;overflow: hidden;}

header{position: fixed;height: 100px;width:640px;margin:0 auto;background:#fff; z-index: 2}
	header h1{position: absolute;left: 0;top: 0;}
    header a.m{position: absolute;right: 0;top: 0;}

nav{width: 100%;height: 100%;position: fixed;top: 0;left: 0;box-sizing: border-box;z-index: 9999;display: none;}
    nav .bg{position: relative;width: 100%;height: 100%;top: 0;left: 0;background:rgba(0, 0, 0, 0.8);}
	nav .nav_in{width: 480px;height: 100%;position: absolute;top:0;right: -480px;background-color: #fff;    overflow-y: auto;}
	nav .nav_in .nav_top{width: 100%;height: 100px;background-color: #5dd0c7;overflow:hidden}
	nav .nav_in .nav_top a.btn_home{float: left}
    nav .nav_in .nav_top a.btn{position:absolute;display:inline-block;padding:6px 15px;color:#fff;left:92px;top:33px;border-radius: 15px;border:1px solid #fff;}
	nav .nav_in .nav_top a.close{float: right}
	nav .nav_in>ul{padding:40px;box-sizing: border-box;}
	nav .nav_in>ul>li{width: 100%;padding-top:30px;background:url(../images/icn_down.gif) no-repeat right 43px;font-size: 26px;color: #303030;cursor: pointer;}
	nav .nav_in>ul>li span{display: inline-block;width: 100%;padding-bottom: 30px;border-bottom: 1px solid #eff0f5;box-sizing: border-box;}
	nav .nav_in ul li ul{display: none;padding-bottom: 15px;}
	nav .nav_in ul li ul li{padding-top: 30px;}
	nav .nav_in ul li ul li a{display: inline-block;width: 100%;background:url(../images/icn_dot.gif) no-repeat left center;text-indent: 15px;font-size: 23px;color: #6f6f6f;}
    nav .nav_in ul li ul li.on a{color:#37a49b}

footer{width: 100%;min-width:640px;height: 470px;background: #292929;}
#footer{width: 640px;height: 110px;margin: 0 auto;}


#quick{position: fixed;bottom:50px;left: 50%;margin-left:230px; width: 70px;height: 65px;overflow: hidden;box-sizing: border-box;background:url(../images/quick.png) no-repeat left bottom;z-index: 6}
	#quick a{display: none;width:100%;height: 78px;}
	#quick a.qm1{}
	#quick a.qm2{}
	#quick a.qm3{}
	#quick a.qm4{}
	#quick a.qm5{}
	#quick a.more{text-indent: -9999px;font-size: 0;display: block}

    #quick.open{height:544px;transition:0.2s}
    #quick.open a{display: block}

	#quick a span{font-size: 0;text-indent: -9999px;display: none;}

#footer{padding: 60px 0;text-align: center;letter-spacing: 0;}
	#footer .golink1{padding: 32px 0 15px;}
	#footer .golink1 a{display: inline-block;padding: 0 2px;}

	#footer .address{padding-bottom:42px;font-size: 14px;line-height: 24px;color: #95959c;}
	#footer .address em{display: inline-block;padding:0 5px;font-size: 8px;vertical-align: 2px;}

	#footer .golink2{padding-bottom:25px;}
	#footer .golink2 a{display: inline-block;padding: 0 21px;}

	#footer .copyright{font-size: 13px;line-height: 21px;color: #95959c;}

/* layer */
.pop{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:1000;}
.pop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);z-index:1000;}

#layer_kakao .popup_box{width:580px;height:759px;position:fixed;left:50%;top:50%;margin:-350px 0 0 -290px;background:url(/ko/m/images/common/kakaoplus.png) no-repeat left top;z-index:1000;}
    #layer_kakao .close{position:absolute;width:120px;height:93px;display:block;right:0;top:0;text-indent: -9999px;}



/* 공통 */
h4{padding:75px 0 55px;font-size:28px;color:#303030;font-weight: bold;}
h4 strong{color:#37a49b}

#sub .visual>h2 sup{display:inline-block;margin:-2px 0 0 8px;padding-right:1px;font-size:6px;border:1px solid #fff;border-radius:100%;width:12px;height:12px;line-height: 110%;}
#sub .content>h2 sup{display:inline-block;margin:-2px 0 0 6px;padding-right:1px;font-size:6px;border:1px solid #303030;border-radius:100%;width:12px;height:12px;line-height: 110%;}

p.subtit{width:560px;padding-left:19px;font-size:20px;line-height: 30px;text-align: justify;background:url(../images/sub/sub_dot.png) no-repeat left 12px;letter-spacing: -0.05em;}
p.subtit strong{display: block;padding-bottom:35px;color:#303030;font-size:22px;line-height: 32px;letter-spacing: -0.07em;}

/*강원도*/
.search .map .area1{width:215px; height:176px; left:195px; top:0px; z-index:994;}
.search .map .area1:hover, .search .map .area1.on{background:url('/ko/image/map_area01_on.png') no-repeat 0 0;}

/*경기도*/
.search .map .area2{width:119px; height:170px; left:136px; top:09px; z-index:997;}
.search .map .area2:hover, .search .map .area2.on{background:url('/ko/image/map_area02_on.png') no-repeat 0 0;}

/*충청북도*/
.search .map .area3{width:127px; height:149px; left:200px; top:142px; z-index:996;}
.search .map .area3:hover, .search .map .area3.on{ background:url('/ko/image/map_area03_on.png') no-repeat 0 0;}

/*서울*/
.search .map .area4{width:46px; height:39px; left:156px;top:73px;  z-index:998;}
.search .map .area4:hover, .search .map .area4.on{background:url('/ko/image/map_area04_on.png') no-repeat 0 0;}

/*인천*/
.search .map .area5{width:43px; height:31px; left:123px;top:85px; z-index:997;}
.search .map .area5:hover, .search .map .area5.on{background:url('/ko/image/map_area05_on.png') no-repeat 0 0;}

/*경상북도*/
.search .map .area6{width:170px; height:183px; left:251px; top:167px; z-index:994;}
.search .map .area6:hover, .search .map .area6.on{ background:url('/ko/image/map_area06_on.png') no-repeat 0 0;}

/*대구광역시*/
.search .map .area7{width:44px; height:45px; left:301px; top:297px; z-index:999;}
.search .map .area7:hover, .search .map .area7.on{background:url('/ko/image/map_area07_on.png') no-repeat 0 0;}

/*충청남도*/
.search .map .area8{width:142px; height:136px; left:84px; top:155px; z-index:995;}
.search .map .area8:hover, .search .map .area8.on{background:url('/ko/image/map_area08_on.png') no-repeat 0 0;}

/*전라북도*/
.search .map .area9{width:150px; height:106px; left:103px;top:268px;  z-index:995;}
.search .map .area9:hover, .search .map .area9.on{background:url('/ko/image/map_area09_on.png') no-repeat 0 0;}

/*세종특별자치시*/
.search .map .area10{width:61px; height:37px;  left:162px;top:199px; z-index:999;}
.search .map .area10:hover, .search .map .area10.on{background:url('/ko/image/map_area10_on.png') no-repeat 0 0;}

/*대전광역시*/
.search .map .area11{width:43px; height:33px; left:184px; top:232px; z-index:998;}
.search .map .area11:hover, .search .map .area11.on{background:url('/ko/image/map_area11_on.png') no-repeat 0 0;}

/*경상남도*/
.search .map .area12{width:162px; height:143px; left:216px;top:307px;  z-index:995;}
.search .map .area12:hover, .search .map .area12.on{background:url('/ko/image/map_area12_on.png') no-repeat 0 0;}

/*울산광역시*/
.search .map .area13{width:49px; height:50px; left:359px; top:337px; z-index:995;}
.search .map .area13:hover, .search .map .area13.on{background:url('/ko/image/map_area13_on.png') no-repeat 0 0;}

/*부산광역시*/
.search .map .area14{width:55px; height:45px; left:337px;top:375px; z-index:995;}
.search .map .area14:hover, .search .map .area14.on{background:url('/ko/image/map_area14_on.png') no-repeat 0 0;}

/*전라남도*/
.search .map .area15{width:155px; height:150px; left:76px; top:348px;  z-index:995;}
.search .map .area15:hover, .search .map .area15.on{background:url('/ko/image/map_area15_on.png') no-repeat 0 0;}

/*광주광역시*/
.search .map .area16{width:43px; height:29px; left:115px; top:370px; z-index:999;}
.search .map .area16:hover, .search .map .area16.on{background:url('/ko/image/map_area16_on.png') no-repeat 0 0;}

/*제주도*/
.search .map .area17{width:62px; height:34px; left:97px; top:510px; z-index:995;}
.search .map .area17:hover, .search .map .area17.on{background:url('/ko/image/map_area17_on.png') no-repeat 0 0;}