/* Board_02_01 : SuperString ( ½´ÆÛ½ºÆ®¸µ ) */
@media all and (min-width: 768px) {
	#superstring_story {
		width:100%; background:url('../../sub/img/superstring_bg_new.jpg')center no-repeat; background-size:cover; 
		font-family: 'NanumSquare'; font-size:18px; color:#ffffff; line-height:35px; font-weight:500; text-align:center; padding:160px 0;
		white-space:normal; word-break:keep-all; 
	}
	#superstring_story .sub_title {
		font-size:40px; font-family: 'Roboto', sans-serif; color:#fff; font-weight:900; 
		padding:0 0 10px 0; letter-spacing:5px; }

	#superstring_story span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#ffffff; font-size:20px; letter-spacing:0px; margin:0 0 30px 0; }
	#superstring_story .superstring_story_line { display:block; width:1px; height:26px; background:#ffffff; margin:20px auto 40px; }
	
	.m_cha_pop { width:100%; height:100%; background:#dddddd; overflow-y:scroll; }
	#cha_pop { width:100%; height:100%; }
	#cha_pop .area { position:relative; }
	#cha_pop .area_02 {position:fixed; width:500px; height:400px; z-index:1000000; top:14%; height:800px;}
	#cha_pop ul {opacity:1.0; position:relative; height:100%; background-position:top left 10% !important;}
}

@media all and (max-width: 767px) {
	#superstring_story {
		width:100%; background:url('../../sub/img/superstring_bg_new.jpg')center no-repeat; background-size:cover; 
		font-family: 'NanumSquare'; font-size:15px; color:#ffffff; line-height:27px; font-weight:500; text-align:center; padding:80px 20px;
		white-space:normal; word-break:keep-all;
	}
	#superstring_story .sub_title {
		font-size:30px; font-family: 'Roboto', sans-serif; color:#fff; font-weight:900; 
		padding:0 0 10px 0; letter-spacing:5px; }

	#superstring_story span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#ffffff; font-size:20px; letter-spacing:0px; margin:0 0 30px 0; }
	#superstring_story .superstring_story_line { display:block; width:1px; height:26px; background:#ffffff; margin:20px auto 40px; }
	
	/*html {height:100%; overflow:hidden; position: fixed;}*/
	.m_cha_pop { width:100%; height:100%; background:#dddddd; overflow-y:scroll; }
	#cha_pop { width:100%; height:100%; }
	#cha_pop .info { height:500px; overflow-y:scroll; margin:-150px 0 0 0; }
	#cha_pop .area { position:relative; }
	#cha_pop .area_02 { background:#000000; position:relative; min-height:840px; }
	#cha_pop ul { opacity:1.0 !important; position:relative !important; height:480px !important; background-position:top -10px left 15% !important; overflow:hidden; }

}


@media all and (min-width: 1500px) {
	#superstring_cha {width:1430px; margin:0 auto; padding:100px 0 60px 0; overflow:hidden;}
	#superstring_cha .sub_title {
		line-height:100%;
		text-align:center; font-size:40px; color:#111; font-family: 'Roboto', sans-serif; font-weight:900; letter-spacing:5px;
		/* background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; */ padding-bottom:0px; margin-bottom:10px;
	}
	#superstring_cha .superstring_cha_title { margin:0 0 40px 0; }
	#superstring_cha span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#454545; font-size:20px; letter-spacing:0px; text-align:center; padding:0 0 0px 0; }
	#superstring_cha li {float:left; width:25%; height:507px; margin-bottom:30px; margin-bottom:30px;}
	#superstring_cha .none {margin-right:0;}
	#superstring_cha .img {
			cursor: pointer;
			float:left; width:100%; height:427px;
			display:inline-block; 
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			box-shadow: 0 0 1px transparent;
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .img:before {
			content: "";
			position: absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#a50d36;
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: 0%;
			transform-origin: 0%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

	#superstring_cha .img:hover:before, .main_btn_white:focus:before, .main_btn_white:active:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}

	#superstring_cha .img .off {position:absolute; width:100%; height:427px;}
	#superstring_cha .img .on {position:absolute; width:100%; height:427px; text-align:center; line-height:427px;}

	#superstring_cha .img_blank {
			float:left; width:100%; height:427px;
			display:inline-block; 
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .text {text-align:center; color:#111; font-size:18px; font-weight:700; height:80px; line-height:80px;}


	#superstring_test {
		width:100%; height:840px; min-width:1200px; 
		font-size:17px; color:#ddd; line-height:30px; font-weight:500; text-align:center; background-color:#ccc;
	}

	#superstring_test .sub_title {
		text-align:center; font-size:40px; color:#111; font-family: 'NanumSquare', sans-serif; font-weight:400; 
		background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; padding-top:60px; padding-bottom:30px; margin-bottom:60px;
	}

	#superstring_cha .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }


	#superstring_time { width:100%; }
	#superstring_time .sub_title { font-size:40px; font-family: 'Roboto', sans-serif; color:#111111; font-weight:900; line-height:100%;
	padding:0px 0 8px 0; letter-spacing:5px; text-align:center; }
	#superstring_time span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#111111; font-size:20px; letter-spacing:0px; text-align:center; margin:0 0 20px 0; }
	#superstring_time .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }
	#superstring_time img { width:100%; display:block; margin:0 auto 80px; }
	#superstring_time .superstring_time_pc_tablet { display:none; }
	#superstring_time .superstring_time_pc_mobile { display:none; }


	#cha_pop {display:none; position:fixed; width:100%; min-width:1430px; height:100%; background:url('../../sub/img/cha_pop_bg.png')repeat; top:0; z-index:10000000000000000000000000000000000000000000; }
	#cha_pop .close {position:fixed; top:0; right:40px; z-index:10000000000000000000000000000000000000000001; cursor: pointer;}
	#cha_pop .area {position:absolute; z-index:100000; width:1000px; height:500px; left:50%; margin-left:100px;}
	#cha_pop .blank {float:left; width:50%; min-width:715px;}
	#cha_pop .info {float:left; width:50%; min-width:715px; color:#fff;}
	#cha_pop .info .name {font-size:20px; color:#fff; line-height:30px; font-weight:300; padding-bottom:40px; white-space:normal; word-break:keep-all; }
	#cha_pop .info .name span { line-height:165%; }
	#cha_pop .info .name p {color:#fff; font-size:50px; font-weight:900; padding:0% 0 40px 0; letter-spacing:-1px;}
	#cha_pop .info .slogan {font-size:30px; color:#fff; font-family: 'Nanum Myeongjo', cursive; letter-spacing:-3px; padding-bottom:50px; line-height:40px; white-space:normal; word-break:keep-all; }
	#cha_pop .info table {border-top:1px solid #aaa; margin-bottom:50px;}
	#cha_pop .info th {width:150px; height:50px; border-bottom:1px solid #aaa; color:#fff; font-size:15px;}
	#cha_pop .info td {height:50px; border-bottom:1px solid #aaa; color:#fff; font-size:15px;}
	#cha_pop .area_02 {width:510px; margin:0 auto;}

	#slide_blank_01 {display:none; width:100%; height:110px;}
	.char_box_detail { position:relative; }
	.char_box_detail a.char_box_view { position:relative; top:-2px; border:1px solid #ff7800; background:#ffffff; color:#ff7800; padding:5.5px 10px; margin:0 0 0 8px; font-weight:600; border-radius:5px; font-size:13px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1499px){
	#superstring_cha {width:1000px; margin:0 auto; padding:100px 0 60px 0; overflow:hidden;}
	#superstring_cha .sub_title {
		line-height:100%;
		text-align:center; font-size:40px; color:#111; font-family: 'Roboto', sans-serif; font-weight:900; letter-spacing:5px;
		/* background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; */ padding-bottom:0px; margin-bottom:10px;
	}
	#superstring_cha span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#454545; font-size:20px; letter-spacing:0px; text-align:center; padding:0 0 0px 0; }
	#superstring_cha li {float:left; width:25%; height:425px; margin-bottom:30px; margin-bottom:30px;}
	#superstring_cha .none {margin-right:0;}
	#superstring_cha .img {
			cursor: pointer;
			float:left; width:100%; height:355px;
			display:inline-block; 
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			box-shadow: 0 0 1px transparent;
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .img:before {
			content: "";
			position: absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#a50d36;
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: 0%;
			transform-origin: 0%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

	#superstring_cha .img:hover:before, .main_btn_white:focus:before, .main_btn_white:active:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}

	#superstring_cha .img .off {position:absolute; width:100%; height:355px;}
	#superstring_cha .img .on {position:absolute; width:100%; height:355px; text-align:center; line-height:427px;}

	#superstring_cha .img_blank {
			float:left; width:100%; height:355px;
			display:inline-block; 
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .text {text-align:center; color:#111; font-size:18px; font-weight:700; height:80px; line-height:80px;}


	#superstring_test {
		width:100%; height:840px; min-width:1000px; 
		font-size:17px; color:#ddd; line-height:30px; font-weight:500; text-align:center; background-color:#ccc;
	}

	#superstring_test .sub_title {
		text-align:center; font-size:40px; color:#111; font-family: 'NanumSquare', sans-serif; font-weight:400; 
		background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; padding-top:60px; padding-bottom:30px; margin-bottom:60px;
	}

	#superstring_cha .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }


	#superstring_time {width:100%;}
	#superstring_time .sub_title { font-size:40px; font-family: 'Roboto', sans-serif; color:#111111; font-weight:900; line-height:100%;
	padding:0px 0 8px 0; letter-spacing:5px; text-align:center; }
	#superstring_time span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#111111; font-size:20px; letter-spacing:0px; text-align:center; }
	#superstring_time .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }
	#superstring_time img { width:100%; display:block; margin:0 auto 80px; }
	#superstring_time .superstring_time_pc_tablet { display:none; }
	#superstring_time .superstring_time_pc_mobile { display:none; }


	#cha_pop {display:none; position:fixed; overflow-y:scroll; width:100%; height:100%; background:url('../../sub/img/cha_pop_bg.png')repeat; top:0; z-index:10000000000000000000000000000000000000000000; }
	#cha_pop .close {position:fixed; top:0; right:0px; z-index:10000000000000000000000000000000000000000001; cursor: pointer;}
	#cha_pop .area {position:absolute; z-index:100000; width:1000px; height:500px; left:50%; margin-left:0px;}
	#cha_pop .blank {float:left;}
	#cha_pop ul { background-position:top left 40% !important; }
	#cha_pop .info {float:left; width:715px; color:#fff;}
	#cha_pop .info .name {font-size:17px; color:#fff; line-height:26px; font-weight:300; padding-bottom:15px; white-space:normal; word-break:keep-all;}
	#cha_pop .info .name span { line-height:140%; }
	#cha_pop .info .name p {color:#fff; font-size:42px; font-weight:900; padding:72px 0 30px 0; letter-spacing:-1px;}
	#cha_pop .info .slogan {font-size:24px; color:#fff; font-family: 'Nanum Myeongjo', cursive; letter-spacing:-2px; padding-bottom:25px; line-height:34px; white-space:normal; word-break:keep-all; }
	#cha_pop .info table {border-top:1px solid #aaa; margin-bottom:35px;}
	#cha_pop .info th {width:150px; height:45px; border-bottom:1px solid #aaa; color:#fff; font-size:14px;}
	#cha_pop .info td {height:45px; border-bottom:1px solid #aaa; color:#fff; font-size:14px;}
	#cha_pop .area_02 {width:510px; margin:0 auto; top:2%;}

	#slide_blank_01 {display:none; width:100%; height:110px;}

	.main_btn_white { width:150px; height:43px; line-height:43px; }
	.char_box_detail a.char_box_view { position:relative; top:-2px; border:1px solid #ff7800; background:#ffffff; color:#ff7800; padding:5.5px 10px; margin:0 0 0 8px; font-weight:600; border-radius:5px; font-size:13px; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	#superstring_cha {margin:0 auto; padding:100px 40px 60px 40px; overflow:hidden;}
	#superstring_cha .sub_title {
		line-height:100%;
		text-align:center; font-size:40px; color:#111; font-family: 'Roboto', sans-serif; font-weight:900; letter-spacing:5px;
		/* background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; */ padding-bottom:0px; margin-bottom:10px;
	}
	#superstring_cha span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#454545; font-size:20px; letter-spacing:0px; text-align:center; padding:0 0 30px 0; }
	#superstring_cha li {float:left; width:33.3%; height:350px; margin-bottom:30px; margin-bottom:30px;}
	#superstring_cha .none {margin-right:0;}
	#superstring_cha .img {
			cursor: pointer;
			float:left; width:100%; height:300px;
			display:inline-block; 
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			box-shadow: 0 0 1px transparent;
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .img:before {
			content: "";
			position: absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#a50d36;
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: 0%;
			transform-origin: 0%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

	#superstring_cha .img:hover:before, .main_btn_white:focus:before, .main_btn_white:active:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}

	#superstring_cha .img .off {position:absolute; width:100%; height:300px;}
	#superstring_cha .img .on {position:absolute; width:100%; height:300px; text-align:center; line-height:427px;}

	#superstring_cha .img_blank {
			float:left; width:100%; height:340px;
			display:inline-block; 
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .text {text-align:center; color:#111; font-size:18px; font-weight:700; height:80px; line-height:80px;}


	#superstring_test {
		width:100%; height:840px; 
		font-size:17px; color:#ddd; line-height:30px; font-weight:500; text-align:center; background-color:#ccc;
	}

	#superstring_test .sub_title {
		text-align:center; font-size:40px; color:#111; font-family: 'NanumSquare', sans-serif; font-weight:400; 
		background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; padding-top:60px; padding-bottom:30px; margin-bottom:60px;
	}

	#superstring_cha .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }


	#superstring_time {width:100%;}
	#superstring_time .sub_title { font-size:40px; font-family: 'Roboto', sans-serif; color:#111111; font-weight:900; line-height:100%;
	padding:0px 0 8px 0; letter-spacing:5px; text-align:center; }
	#superstring_time span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#111111; font-size:20px; letter-spacing:0px; text-align:center; margin:0 0 30px 0; }
	#superstring_time .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }
	#superstring_time img { display:block; width:82%; margin:0 auto 80px; }
	#superstring_time .superstring_time_pc_img { display:none; }
	#superstring_time .superstring_time_pc_tablet { display:block; }
	#superstring_time .superstring_time_pc_mobile { display:none; }


	#cha_pop {display:none; position:fixed; width:100%; height:100%; background:url('../../sub/img/cha_pop_bg.png')repeat; top:0; z-index:10000000000000000000000000000000000000000000; }
	#cha_pop .close {position:fixed; top:0; right:40px; z-index:10000000000000000000000000000000000000000001; cursor: pointer;}
	#cha_pop .area {position:absolute; z-index:100000; width:100%; height:500px;}
	#cha_pop .blank {display:none;}
	#cha_pop ul {opacity:0.5;}
	#cha_pop .info {width:715px; margin:0 auto; color:#fff;}
	#cha_pop .info .name {font-size:20px; color:#fff; line-height:30px; font-weight:300; padding-bottom:50px; white-space:normal; word-break:keep-all;}
	#cha_pop .info .name span { line-height:165%; }
	#cha_pop .info .name p {color:#fff; font-size:50px; font-weight:900; padding:130px 0 30px 0; letter-spacing:-1px;}
	#cha_pop .info .slogan {font-size:30px; color:#fff; font-family: 'Nanum Myeongjo', cursive; letter-spacing:-3px; padding-bottom:70px; line-height:40px; white-space:normal; word-break:keep-all; }
	#cha_pop .info table {border-top:1px solid #aaa; margin-bottom:50px;}
	#cha_pop .info th {width:150px; height:50px; border-bottom:1px solid #aaa; color:#fff; font-size:15px;}
	#cha_pop .info td {height:50px; border-bottom:1px solid #aaa; color:#fff; font-size:15px;}
	#cha_pop .area_02 {width:100%; padding:50px;}

	#slide_blank_01 {display:none; width:100%; height:110px;}
	.char_box_detail a.char_box_view { position:relative; top:-2px; border:1px solid #ff7800; background:#ffffff; color:#ff7800; padding:5.5px 10px; margin:0 0 0 8px; font-weight:600; border-radius:5px; font-size:13px; }
}


@media only screen and (max-width: 767px){
	#superstring_cha {margin:0 auto; padding:50px 0 30px 0; overflow:hidden;}
	#superstring_cha .sub_title {
		line-height:100%;
		text-align:center; font-size:30px; color:#111; font-family: 'Roboto', sans-serif; font-weight:900; letter-spacing:5px;
		/* background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; */ padding-bottom:0px; margin-bottom:5px;
	}
	#superstring_cha span.sub_title_kor { display:block; font-family: 'NanumSquare'; color:#454545; font-size:20px; letter-spacing:0px; text-align:center; padding:0 0 30px 0; }
	#superstring_cha li {float:left; width:50%; height:350px; margin-bottom:30px; margin-bottom:30px;}
	#superstring_cha .none {margin-right:0;}
	#superstring_cha .img {
			cursor: pointer;
			float:left; width:100%; height:350px;
			display:inline-block; 
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			box-shadow: 0 0 1px transparent;
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .img:before {
			content: "";
			position: absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#a50d36;
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: 0%;
			transform-origin: 0%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

	#superstring_cha .img:hover:before, .main_btn_white:focus:before, .main_btn_white:active:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}

	#superstring_cha .img .off {position:absolute; width:100%; height:350px;}
	#superstring_cha .img .on {position:absolute; width:100%; height:350px; text-align:center; line-height:427px;}
	#superstring_cha .img .on a img { position:absolute; top:43%; left:42%; }

	#superstring_cha .img_blank {
			float:left; width:100%; height:350px;
			display:inline-block; 
			border-bottom:1px solid #e3e3e3;
			background:url('../../sub/img/super_cha_shadow.png')center bottom no-repeat;
		}

	#superstring_cha .text {text-align:center; color:#111; font-size:18px; font-weight:700; height:80px; line-height:80px;}


	#superstring_test {
		width:100%; height:840px; 
		font-size:17px; color:#ddd; line-height:30px; font-weight:500; text-align:center; background-color:#ccc;
	}

	#superstring_test .sub_title {
		text-align:center; font-size:40px; color:#111; font-family: 'NanumSquare', sans-serif; font-weight:400; 
		background:url('../../sub/img/super_title_bg.jpg')bottom center no-repeat; padding-top:60px; padding-bottom:30px; margin-bottom:60px;
	}

	#superstring_cha .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }


	#superstring_time {width:100%;}
	#superstring_time .sub_title {font-size:30px; font-family: 'Roboto', sans-serif; color:#111111; font-weight:900; line-height:100%; padding:0px 0 8px 0; letter-spacing:5px; text-align:center; }
	#superstring_time span.sub_title_kor {display:block; font-family: 'NanumSquare'; color:#111111; font-size:20px; letter-spacing:0px; text-align:center; margin:0 0 20px 0; }
	#superstring_time .superstring_story_line { display:block; width:1px; height:26px; background:#ff7800; margin:18px auto 40px; }
	#superstring_time img { display:block; width:96%; margin:0 auto 80px; }
	#superstring_time .superstring_time_pc_img { display:none; }
	#superstring_time .superstring_time_pc_tablet { display:none; }
	#superstring_time .superstring_time_pc_mobile { display:block; }


	#cha_pop {display:none; position:fixed; width:100%; height:100%; background:url('../../sub/img/cha_pop_bg.png')repeat; top:0; z-index:10000000000000000000000000000000000000000000; }
	#cha_pop .close {position:fixed; top:0; right:0; z-index:10000000000000000000000000000000000000000001; cursor: pointer;}
	#cha_pop .close img {width:50px;}
	#cha_pop .area {position:absolute; z-index:100000; width:100%; height:500px;}
	#cha_pop .blank {display:none;}
	#cha_pop ul { opacity:0.5; background-position:top left 20% !important; }
	#cha_pop .info {width:100%; height:100%; color:#fff;}
	#cha_pop .info .name {font-size:16px; color:#fff; letter-spacing:-0.5px; line-height:25px; font-weight:300; padding-bottom:10px; white-space:normal; word-break:keep-all;}
	#cha_pop .info .name span { line-height:125%; }
	#cha_pop .info .name p {color:#fff; font-size:35px; font-weight:900; padding:38px 0 25px 0; letter-spacing:-1px;}
	#cha_pop .info .slogan { font-size:18px; color:#fff; font-family: 'Nanum Myeongjo', cursive; letter-spacing:-1px; padding-bottom:28px; line-height:145%; white-space:normal; word-break:keep-all; }
	#cha_pop .info table {border-top:1px solid #aaa; margin-bottom:40px;}
	#cha_pop .info th {width:100px; height:40px; border-bottom:1px solid #aaa; color:#fff; font-size:13px;}
	#cha_pop .info td {height:40px; border-bottom:1px solid #aaa; color:#fff; font-size:13px;}
	#cha_pop .area_02 { width:100%; padding:0px 20px 30px 20px; /* background:#ff7800; */ }
	#cha_pop .main_btn_white { width:140px; height:38px; line-height:38px; font-size:13px !important; }

	#slide_blank_01 {display:none; width:100%; height:110px;}
	.char_box_detail a.char_box_view { position:relative; top:-2px; border:1px solid #ff7800; background:#ffffff; color:#ff7800; padding:5.5px 10px; margin:0 0 0 8px; font-weight:600; border-radius:5px; font-size:13px; }
}

@media only screen and (max-width: 480px){
#superstring_cha .superstring_story_line { margin:10px auto 30px; }

#superstring_cha li { float:left; width:100%; height:380px; margin:0 auto 30px; padding:0 10%; }
#superstring_cha .none { margin-right:0; }
#superstring_cha .img { background-position:bottom -40px center !important; cursor: pointer; float:left; width:100%; height:380px; border:0; }
#superstring_cha .img .off { background-position:top -0px center !important; width:100%; height:380px; }
#superstring_cha .img .on { background-position:top -0px center !important; width:100%; height:380px; }
#superstring_cha .text { font-size:15px; height:70px; line-height:45px; padding-top:5px;}

#cha_pop .area_02 { height:500px; overflow-y:scroll; }

}


#sub_03 { min-height:920px !important; }
#sub_04 { min-height:920px !important; }

#board_write_con { width:1200px; margin:0 auto; padding:70px 0; }
#board_write_con .board_write_title { margin:0 0 50px 0; }
#board_write_con .board_write_title strong { font-family: 'NanumSquare'; display:block; font-size:38px; color:#202020; text-align:center; font-weight:500; margin:0 0 25px 0; }
#board_write_con .board_write_title span { display:block; font-size:14.5px; text-align:center; }

#board_write_con .board_write_title_file { width:1200px; margin:60px 0 0 0; }
#board_write_con .board_write_title_file ul { width:100%; overflow:hidden; border:0px solid #eaeaea; }
#board_write_con .board_write_title_file ul li { float:left; width:33.3%; padding:40px 0; border-right:0px solid #eaeaea; }
#board_write_con .board_write_title_file ul li:first-child { background:#f6f6f6; }
#board_write_con .board_write_title_file ul li:nth-child(2) { background:#efefef; }
#board_write_con .board_write_title_file ul li:last-child { background:#f6f6f6; }
#board_write_con .board_write_title_file img { display:block; width:50px; margin:0 auto; }
#board_write_con .board_write_title_file strong { font-size:19px; color:#ff7800; margin:15px 0 10px 0; letter-spacing:-1px; font-weight:900; }
#board_write_con .board_write_title_file span { font-size:14px; line-height:175%; letter-spacing:-0.5px; }

#board_write_con table th { background:#ffffff; font-size:14px; }
#board_write_con table th img { margin:0 5px 0 0; }
#board_write_con table td span { display:inline-block; font-size:14px; margin:0 0 0 5px; }
#board_write_con table td p { display:inline-block; font-size:14px; margin:5px 0 0 0; }
#board_write_con table td input { border-radius:5px; padding:0 10px; }
#board_write_con table td textarea { border-radius:5px; padding:10px; }
#board_write_con table td input.board_write_file { padding:0; margin:0 5px 0 0; }

#board_write_con .boardbutton { margin:50px 0 10px 0; }
#board_write_con .boardbutton .board_write_submit { position:relative; width:200px; height:50px; background:#ff7800; margin:0 auto; border-radius:5px; }
#board_write_con .boardbutton .board_write_submit img { display:inline-block; width:23px; margin:0 4px 2px 0; }
#board_write_con .boardbutton .board_write_submit span { display:inline-block; font-size:16px; letter-spacing:-1px; font-weight:600; color:#ffffff; margin:11px 0 0 0; }
#board_write_con .boardbutton input { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; font-family: 'NotoSans'; display:inline-block; padding:12px 35px; font-weight:600; font-size:16px; letter-spacing:-1px; }

.gallery_write_con { width:1200px; margin:0 auto; padding:0px; }
.gallery_write_con  .board_write_title { margin:0 0 50px 0; }
.gallery_write_con  .board_write_title strong { font-family: 'NanumSquare'; display:block; font-size:38px; color:#202020; text-align:center; font-weight:500; margin:0 0 40px 0; line-height:100%; }
.gallery_write_con  .board_write_title span { display:block; font-size:14.5px; text-align:center; }

.gallery_write_con .board_write_cate { overflow:hidden; margin:50px 0 0 0; }
.gallery_write_con .board_write_cate table { width:100%; }
.gallery_write_con .board_write_cate table tr th { width:20%; border:1px solid #dddddd; padding:10px; font-size:14.5px; letter-spacing:-0.5px; font-weight:600; background:#f6f6f6; color:#252525; }
.gallery_write_con .board_write_cate table tr td { width:20%; border:1px solid #dddddd; padding:10px; font-size:14px; letter-spacing:-0.5px; text-align:center; }
.gallery_write_con .board_write_cate table tr td:first-child { background:#f6f6f6; font-size:14.5px;  }
.gallery_write_con .board_write_cate table tr td b {  color:#252525; }

.gallery_write_con  .board_write_title_file { width:1200px; margin:60px 0 50px 0; }
.gallery_write_con  .board_write_title_file ul { width:100%; overflow:hidden; border:0px solid #eaeaea; }
.gallery_write_con  .board_write_title_file ul li { float:left; width:33.3%; padding:40px 0; border-right:0px solid #eaeaea; }
.gallery_write_con  .board_write_title_file ul li:first-child { background:#f6f6f6; }
.gallery_write_con  .board_write_title_file ul li:nth-child(2) { background:#efefef; }
.gallery_write_con  .board_write_title_file ul li:last-child { background:#f6f6f6; }
.gallery_write_con  .board_write_title_file img { display:block; width:50px; margin:0 auto; }
.gallery_write_con  .board_write_title_file strong { font-size:19px; color:#ff7800; margin:15px 0 10px 0; letter-spacing:-1px; font-weight:900; }
.gallery_write_con  .board_write_title_file span { font-size:14px; line-height:175%; letter-spacing:-0.5px; }

.gallery_write_con table th { background:transparent; font-size:14px; }
.gallery_write_con table th img { margin:0 5px 0 0; }
.gallery_write_con table td { background:transparent; }
.gallery_write_con table td span { display:inline-block; font-size:14px; margin:0 0 0 5px; }
.gallery_write_con table td p { display:inline-block; font-size:14px; margin:5px 0 0 0; line-height:160%; }
.gallery_write_con table td input { border:1px solid #dddddd; border-radius:5px; padding:0 10px; background:transparent; }
.gallery_write_con table td input.board_write_order { min-width:200px; }
.gallery_write_con table td textarea { border:1px solid #dddddd; background:transparent; border-radius:5px; padding:10px; }
.gallery_write_con table td select { width:200px; border:1px solid #dddddd; border-radius:5px; padding:0 5px; background:transparent; }
.gallery_write_con table td input.board_write_file { padding:0; margin:0 5px 0 0; }
.gallery_write_con table td input.board_write_pass { height:30px; }
.gallery_write_con table td input.board_write_link { width:98%; }

.gallery_write_con  .boardbutton { margin:50px 0 0 0; }
.gallery_write_con  .boardbutton .board_write_submit { position:relative; width:200px; height:50px; background:#ff7800; margin:0 auto; border-radius:5px; }
.gallery_write_con  .boardbutton .board_write_submit img { display:inline-block; width:23px; margin:0 4px 2px 0; }
.gallery_write_con  .boardbutton .board_write_submit span { display:inline-block; font-size:16px; letter-spacing:-1px; font-weight:600; color:#ffffff; margin:11px 0 0 0; }
.gallery_write_con  .boardbutton input { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; font-family: 'NotoSans'; display:inline-block; padding:12px 35px; font-weight:600; font-size:16px; letter-spacing:-1px; }

.board_view_con .board_view_con { width:100%; padding:20px 0 0 0; }
.board_view_con .board_view_title { display:inline-block; width:100%; border-top:1px solid #454545; border-bottom:1px solid #dddddd; padding:12px 0; text-align:center; margin:0 0 10px 0; }
.board_view_con .board_view_title strong { display:block; width:80%; line-height:170%; font-family: 'NanumSquare'; font-size:20px; letter-spacing:-1px; font-weight:600; color:#252525; text-align:center; margin:0 auto 0; }
.board_view_con .board_view_title span { font-size:15px; margin:0 4px; }
.board_view_con .board_view_title p { font-size:15px; margin:0 4px; }
.board_view_con .boardview_text img { display:block; width:600px; margin:0 auto 25px; }
.board_view_con .boardview_text { display:block; text-align:center; font-size:15px; }

.gallery_write_con .gallery_boardview_text_img img { display:block; margin:0 auto; }

.board_view_con .boardbutton { margin:20px auto 0; }
.char_boardbutton { margin:0 auto 80px; border-top:1px solid #eaeaea; padding:23px 0 0 0; }

.char_view_con { width:1300px; margin:0 auto; padding:85px 0; }
.char_view_con #bo_v_img { width:1200px; margin:0 auto; }
.char_view_con #bo_v_img a:nth-child(2) img { margin:0 1%; }
.char_view_con .boardview_text img { display:inline-block; width:31%; height:auto; }

.char_view_con .boardview_text .char_view_table { width:1200px; margin:30px auto 30px; }
.char_view_con .boardview_text .char_view_table tr th { width:150px; border:1px solid #eaeaea; background:#f6f6f6; text-align:left; font-size:15px; padding:6px 22px; color:#656565; }
.char_view_con .boardview_text .char_view_table tr th img { width:21px; margin:0 5px 0 0; }
.char_view_con .boardview_text .char_view_table tr td { border:1px solid #eaeaea; font-size:15px; color:#757575; padding:6px 20px; word-break:keep-all; line-height:170%; text-align:left; }
.char_view_con .boardview_text .char_view_table tr td:nth-child(2) { width:320px; }
.char_view_con .boardview_text .char_view_table tr td:last-child { width:200px; }