@charset "utf-8";
 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR|Roboto+Mono|Roboto+Slab');

#contents { border-left:1px solid #d6d6d7;}
.lnb-area { border-right:none !important; margin-bottom:-50px;}

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 .blo { display:table-cell !important;}

.wrap_100stCon{margin:0 auto;text-align:center; font-family: 'Noto Sans KR', sans-serif !important;}
.wrap_100stCon h3{text-align:center; margin-bottom:40px;}
.wrap_100stCon .chk_txt{background:url(http://tong.visitkorea.or.kr/img/vk/jpn/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.5em;vertical-align:bottom; line-height:1.8em;}
.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/jpn/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/jpn/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/jpn/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:100px;} 
.wrap_100stCon .map_tab > ul > li+li{left:45%;top:10%;width: 110px;} 
.wrap_100stCon .map_tab > ul > li+li+li{left:20%;top:40%;width: 110px;} 
.wrap_100stCon .map_tab > ul > li+li+li+li{left:60%;top:50%;width: 100px;} 
.wrap_100stCon .map_tab > ul > li+li+li+li+li{left:20%;top:60%;width: 110px;} 
.wrap_100stCon .map_tab > ul > li+li+li+li+li+li{left:55%;top:90%;width: 100px;} 

.wrap_100stCon .map_tab > ul > li a{display:block;border:2px solid #333;font-size:16px;font-weight:bold;letter-spacing:0;background-color:#fff;border-radius:5px; height:27px; line-height:1.625em;} 
.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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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/jpn/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{line-height:1.25em; padding:0 30px 0 0;}

.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:105px; 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/jpn/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/jpn/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; 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/jpn/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/jpn/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/jpn/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/jpn/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 button{margin-top:5px;}
}

@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-family: 'Noto Sans KR', sans-serif !important;} 
	}
	
@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;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit{font-size:12px;}
.wrap_100stCon .tab_conArea ul > li .tit_box .list_tit span{width:80px;}
	}