/* CSS Document */
* {
	margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif;
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
}

#container{
	display: block;
	background-image: url("../img/map/map_bg.jpg");
	width:800px;
	height: 500px;
}

._chapTxt{
	font-size:22px;
	font-weight: 500;
	opacity: 0.6;
	position: relative;
	word-break: keep-all;
}

._chapTxt.splt{
	font-size:19px;
	width:260px;
	text-indent: -35px;
	margin-left: 35px;
	word-break: keep-all;
}

._chapTxt.on{
	font-size:26px;
	opacity: 1;
}
._chapTxt.on.splt{
	font-size:19px;
	
}

.chapNum{
	font-size:25px;
	font-weight: 700;
	padding:0 0 15px 0; 
}
.chapNum.splt{
	font-size:19px;
}

#inCon{
	position: absolute;
	top:110px;
	left:300px;
}

#icon{
	display: block;
	position: absolute;
	top:100px;
	left:-30px;
	background-repeat: no-repeat;
	width:360px;
	height: 340px;
}
#chap_01{margin-left:-0px;}
#chap_02{margin-left:-7px;}
#chap_03{margin-left:-19px;}
#chap_04{margin-left:-26px;}
#chap_05{margin-left:-40px;}
#chap_06{margin-left:-47px;}
#chap_07{margin-left:-52px;}
#chap_08{margin-left:-59px;}

#chap_09{margin-left:-0px;}
#chap_10{margin-left:-5px;}
#chap_11{margin-left:-10px;}
#chap_12{margin-left:-15px;}
#chap_13{margin-left:-20px;}
#chap_14{margin-left:-25px;}
#chap_15{margin-left:-30px;}
#chap_16{margin-left:-35px;}
#inCon.splt{
	left:245px;
}
#split{
	display: block;
	position: absolute;
	top:40px;
	left:0px;
	width:230px;
	height: 500px;
	background-repeat: no-repeat;
	background-image: url("../img/map/split.png");
}

#icon.s01{background-image: url("../img/map/map_icon_s01.png");}
#icon.s02{background-image: url("../img/map/map_icon_s02.png");}
#icon.s03{background-image: url("../img/map/map_icon_s03.png");}
#icon.s04{background-image: url("../img/map/map_icon_s04.png");}
#icon.s05{background-image: url("../img/map/map_icon_s05.png");}
#icon.s06{background-image: url("../img/map/map_icon_s06.png");}
#icon.s07{background-image: url("../img/map/map_icon_s07.png");}
#icon.s08{background-image: url("../img/map/map_icon_s08.png");}
#icon.s09{background-image: url("../img/map/map_icon_s09.png");}
#icon.s10{background-image: url("../img/map/map_icon_s10.png");}
#icon.s11{background-image: url("../img/map/map_icon_s11.png");}
#icon.s12{background-image: url("../img/map/map_icon_s12.png");}
#icon.s13{background-image: url("../img/map/map_icon_s13.png");}
#icon.s14{background-image: url("../img/map/map_icon_s14.png");}
#icon.s15{background-image: url("../img/map/map_icon_s15.png");}
#icon.s16{background-image: url("../img/map/map_icon_s16.png");}
#icon.s17{background-image: url("../img/map/map_icon_s17.png");}
#icon.s18{background-image: url("../img/map/map_icon_s18.png");}


.introSplt{
	position: absolute;
	top:0px;
	left:290px;
	width:600px;
}