@charset "utf-8";


@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  src: url('/html/vk/spa/font/Roboto-Regular.woff') format('woff');
}

#contents { border-left:1px solid #d6d6d7;}
.lnb-area { border-right:none;}

img{border:0;}
ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;  table-layout:fixed; }
table > caption {font-size:0; line-height:0; height:0;}
button, input[type=button] {cursor:pointer;}
textarea {resize:vertical; overflow-y:auto; }
fieldset{border:0}

button, hr { border:0;}
.wrap_100stCon hr {height:1px; background-color:#D5D5D5 !important;}

.wrap_100stCon{margin:0 auto;text-align:center; font-family: 'roboto', sans-serif;}
.wrap_100stCon h3{text-align:center; margin-bottom:40px;}
.wrap_100stCon .chk_txt{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/top_check.png) no-repeat 0;font-size:20px;font-weight:bold;color:#252525;padding-left:36px;margin-right:15px;display:inline-block;line-height:1.7em;vertical-align:bottom}
.wrap_100stCon .map_dwn{display:inline-block;}
.wrap_100stCon .map_dwn a:before{content:'';padding-left:25px;background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/top_down.png) no-repeat left;}
.wrap_100stCon .map_dwn a{display:inline-block;padding:4px 15px; font-size:16px;color:#fff;background-color:#ed403c;color:#FFF;font-weight:bold; margin:2px;} 
.wrap_100stCon .bg-252525{height:2px; background-color:#252525 !important; border:0; margin-top:35px; margin-bottom:55px;}
hr{}

.wrap_100stCon .map_area{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/map_bg.jpg) no-repeat;height:614px; margin-top:30px; background-size:cover;}
.wrap_100stCon .map_tab{position:relative;background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/map_area.png) no-repeat center}
.wrap_100stCon .map_tab > ul{margin:0 auto;position:relative;width:435px; height:614px;}
.wrap_100stCon .map_tab > ul > li{position: absolute;left:60px;top:100px;} 
.wrap_100stCon .map_tab > ul > li{left:20%;top:20%;width:140px;} 
.wrap_100stCon .map_tab > ul > li+li{left:50%;top:10%;width: 140px;} 
.wrap_100stCon .map_tab > ul > li+li+li{left:10%;top:40%;width: 160px;} 
.wrap_100stCon .map_tab > ul > li+li+li+li{left:50%;top:50%;width: 150px;} 
.wrap_100stCon .map_tab > ul > li+li+li+li+li{left:20%;top:60%;width: 120px;} 
.wrap_100stCon .map_tab > ul > li+li+li+li+li+li{left:55%;top:90%;width: 110px;} 

.wrap_100stCon .map_tab > ul > li a{display:block;border:2px solid #333;font-size:14px;font-weight:bold;letter-spacing:0;background-color:#fff;border-radius:5px; line-height:2em; height:27px;} 
.wrap_100stCon .map_tab > ul > li a.seoul{border-color:#ee575c;color:#ee575c}
.wrap_100stCon .map_tab > ul > li a.gang{border-color:#a26c2e;color:#a26c2e}
.wrap_100stCon .map_tab > ul > li a.chung{border-color:#22a9d8;color:#22a9d8}
.wrap_100stCon .map_tab > ul > li a.geyng{border-color:#00a24c;color:#00a24c}
.wrap_100stCon .map_tab > ul > li a.jeulla{border-color:#716c9f;color:#716c9f}
.wrap_100stCon .map_tab > ul > li a.jeju{border-color:#e5702d;color:#e5702d}

.wrap_100stCon .map_tab > ul > li a:hover{background-color:#333;color:#fff; box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);} 
.wrap_100stCon .map_tab > ul > li a:hover.seoul{background-color:#ee575c}
.wrap_100stCon .map_tab > ul > li a:hover.gang{background-color:#a26c2e}
.wrap_100stCon .map_tab > ul > li a:hover.chung{background-color:#22a9d8}
.wrap_100stCon .map_tab > ul > li a:hover.geyng{background-color:#00a24c}
.wrap_100stCon .map_tab > ul > li a:hover.jeulla{background-color:#716c9f}
.wrap_100stCon .map_tab > ul > li a:hover.jeju{background-color:#e5702d}


.wrap_100stCon .map_tab > ul > li.on{background-color:none;color:#fff}
.wrap_100stCon .map_tab > ul > li.on a.seoul{background-color:#ee575c;color:#fff; box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);}
.wrap_100stCon .map_tab > ul > li.on a.gang{background-color:#a26c2e;color:#fff; box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);}
.wrap_100stCon .map_tab > ul > li.on a.chung{background-color:#22a9d8;color:#fff; box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);}
.wrap_100stCon .map_tab > ul > li.on a.geyng{background-color:#00a24c;color:#fff; box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);}
.wrap_100stCon .map_tab > ul > li.on a.jeulla{background-color:#716c9f;color:#fff; box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);}
.wrap_100stCon .map_tab > ul > li.on a.jeju{background-color:#e5702d;color:#fff; box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);}

.wrap_100stCon .map_tab > ul > li.on a.seoul:after{content:''; display:block; width:25px; height:34px; margin:-67px 0 0 40%; background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit1.png) no-repeat; background-size:cover;}
.wrap_100stCon .map_tab > ul > li.on a.gang:after{content:''; display:block; width:25px; height:34px; margin:-67px 0 0 40%; background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit2.png) no-repeat; background-size:cover;}
.wrap_100stCon .map_tab > ul > li.on a.chung:after{content:''; display:block; width:25px; height:34px; margin:-67px 0 0 40%; background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit3.png) no-repeat; background-size:cover;}
.wrap_100stCon .map_tab > ul > li.on a.geyng:after{content:''; display:block; width:25px; height:34px; margin:-67px 0 0 40%; background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit4.png) no-repeat; background-size:cover;}
.wrap_100stCon .map_tab > ul > li.on a.jeulla:after{content:''; display:block; width:25px; height:34px; margin:-67px 0 0 40%; background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit5.png) no-repeat; background-size:cover;}
.wrap_100stCon .map_tab > ul > li.on a.jeju:after{content:''; display:block; width:25px; height:34px; margin:-67px 0 0 40%; background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit6.png) no-repeat; background-size:cover;}


.wrap_100stCon .tab_conArea{text-align:left;margin-bottom:40px;color:#252525}
.wrap_100stCon .tab_conArea h4{background-position:top;padding-top:55px;margin-bottom:48px;text-align:center;font-size:28px;font-weight:600}

.wrap_100stCon .tab_conArea.space1 h4{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit1.png) no-repeat top;color:#ee575c;}
.wrap_100stCon .tab_conArea.space1 ul > li .tit_box .list_tit span {color:#ee575c; line-height:1em;}

.wrap_100stCon .tab_conArea.space2 h4{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit2.png) no-repeat top;color:#a26c2e;}
.wrap_100stCon .tab_conArea.space2 ul > li .tit_box .list_tit span{color:#a26c2e; line-height:1em;}

.wrap_100stCon .tab_conArea.space3 h4{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit3.png) no-repeat top;color:#22a9d8;}
.wrap_100stCon .tab_conArea.space3 ul > li .tit_box .list_tit span{color:#22a9d8; line-height:1em;}

.wrap_100stCon .tab_conArea.space4 h4{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit4.png) no-repeat top;color:#00a24c;}
.wrap_100stCon .tab_conArea.space4 ul > li .tit_box .list_tit span{color:#00a24c; line-height:1em;}

.wrap_100stCon .tab_conArea.space5 h4{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit5.png) no-repeat top;color:#716c9f;}
.wrap_100stCon .tab_conArea.space5 ul > li .tit_box .list_tit span{color:#716c9f; line-height:1em;}

.wrap_100stCon .tab_conArea.space6 h4{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/tit_blit6.png) no-repeat top;color:#e5702d;}
.wrap_100stCon .tab_conArea.space6 ul > li .tit_box .list_tit span{color:#e5702d; line-height:1em;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit i{ display:block; font-size:14px; line-height:1.25em; margin:5px 30px 0 150px;}

.wrap_100stCon .tab_conArea ul > li .tit_box{overflow:hidden;border-bottom:1px solid #b2b2b2; position:relative;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit{float:left;font-size:16px;color:#333;padding:10px 0;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit span{display:inline-block; width:150px; letter-spacing:-0.065em;}
.wrap_100stCon .tab_conArea ul > li .tit_box button{border-radius:0;margin:0;display:block;width:20px;height:20px;background:#044575;float:right;font-size:0em; position:absolute; right:0; bottom:30%;}
.wrap_100stCon .tab_conArea ul > li .tit_box button span {width:inherit;height:inherit;display:block;background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/arrow.png) no-repeat;font-size:0em;color:#044575; position:absolute; left:3px; top:4px;}
.wrap_100stCon .tab_conArea ul > li .tit_box button span .hide{width:inherit;height:inherit;display:block;background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/arrow_hide.png) no-repeat;font-size:0em;color:#044575; position:absolute; left:3px; top:4px;}
.wrap_100stCon .tab_conArea ul > li .cont_section{display:none}
.wrap_100stCon .tab_conArea ul > li .cont_section{border-bottom:2px solid #333;padding:30px 0 45px 0;}
.tab_conArea ul > li .cont_section p ,.tab_conArea ul > li .cont_section figure ,.tab_conArea ul > li .cont_section hr{margin-bottom:25px}

.tab_conArea ul > li .cont_section { font-size:12px !important; font-family:Verdana, Geneva, sans-serif; line-height:1.5em;}
.tab_conArea ul > li .cont_section .area_info{}
.tab_conArea ul > li .cont_section .area_info li {overflow:hidden;clear:both}
.tab_conArea ul > li .cont_section .area_info li span {display:block; padding-left:20px;float:left;}
.tab_conArea ul > li .cont_section .area_info li span.add_tx{margin-right:15px;background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/ico_addr.png) no-repeat;background-position:left 2px;}
.tab_conArea ul > li .cont_section .area_info li span.pho_tx{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/ico_tel.png) no-repeat;background-position:left 2px;}

@media all and (max-width:769px){
.wrap_100stCon h3 img{max-width:80%}
.wrap_100stCon .tab_conArea h4{padding-top:58px;margin-bottom:48px;font-size:36px !important;}	
.wrap_100stCon .chk_txt{background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/
common/top_check.png) no-repeat 0 2px;font-size:24px;font-weight:bold;color:#252525;padding-left:36px;margin-right:15px;display:inline-block;line-height:1.1em;}
.wrap_100stCon .map_dwn{margin-top:15px;}
.wrap_100stCon .map_dwn a:before{content:'';padding-left:25px;background:url(http://tong.visitkorea.or.kr/img/vk/enu/must100/common/top_down.png) no-repeat left;}
.wrap_100stCon .map_dwn a{display:inline-block;padding:4px 10px; font-size:16px;color:#fff;background-color:#ed403c;color:#FFF;font-weight:bold;} 
.wrap_100stCon .bg-252525{height:2px}
	}
	
@media all and (max-width:510px){
.wrap_100stCon .map_tab{position:relative;background-size:contain;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit{font-size:14px;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit span{font-size:16px;}
.wrap_100stCon .tab_conArea ul > li .tit_box button{margin-top:5px;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit i{ display:block; font-size:12px; line-height:1.25em; margin:0 30px 0 0;}
.wrap_100stCon .tab_conArea.space1 ul > li .tit_box .list_tit span, .wrap_100stCon .tab_conArea.space2 ul > li .tit_box .list_tit span, .wrap_100stCon .tab_conArea.space3 ul > li .tit_box .list_tit span, .wrap_100stCon .tab_conArea.space4 ul > li .tit_box .list_tit span, .wrap_100stCon .tab_conArea.space5 ul > li .tit_box .list_tit span, .wrap_100stCon .tab_conArea.space6 ul > li .tit_box .list_tit span { display:none;}
}

@media all and (max-width:480px){
.wrap_100stCon h3 img{max-width:100%}

.wrap_100stCon .map_area{ height:510px;}
.wrap_100stCon .map_tab{height:500px;}
.wrap_100stCon .map_tab > ul{margin:auto 0;width:380px; height:500px;}

.wrap_100stCon .map_tab > ul > li a{font-size:12px;font-weight:bold; font-family: 'roboto', sans-serif;} 
	}
	
@media all and (max-width:400px){
.wrap_100stCon .map_area{ height:410px;}
.wrap_100stCon .map_tab{height:400px;}
.wrap_100stCon .map_tab > ul{margin:0;width:320px; height:400px;}
	}
	
@media all and (max-width:320px){
.wrap_100stCon .map_area{ height:380px;}
.wrap_100stCon .map_tab{height:370px;}
.wrap_100stCon .map_tab > ul{margin:0;width:250px; height:370px;}
	}