@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


	* { margin:0; padding:0; border:0; font-family:'Noto Sans KR'; }

	a { text-decoration:none; color:inherit; }

	img {	vertical-align: middle; }

	.left_gnb a { cursor:pointer; }

	html, body { width:100%; min-width:1200px; }

	ul, li { list-style:none; padding:0; }


		/* --- top_gnb 영역 --- */

		.top_gnb {
			width:100%;
			height:39px;
			border-bottom:1px solid #ddd;
			position:fixed; background-color:#fff; z-index:1999;
		}

			/* --tob_gnb의 left_area영역 -- */

		.top_gnb .left_area {
			float:left; margin-left:15px; position:relative; overflow:hidden; height:40px; width:400px;
		}

		.top_gnb .left_area .left_text {
			width:400px; line-height:39px; height:200px; position:absolute;
		}

		.top_gnb .left_area .left_text li {
			 font-size:12px; font-family: 'Dotum', Serif; height:40px;
		}

		.top_gnb .left_area .left_text li.active {
			display:block;
		}

			/* --tob_gnb의 right_tab영역 -- */

/*		.top_gnb .right_tab {
			float:right; margin-right:60px; line-height:39px; font-size:14px;
		} */
		.top_gnb .right_tab {
			position:absolute; right:15px; font-size:12px;
		}

		.top_gnb .right_tab ul li{
			line-height:24px; height:24px; padding:0 20px; margin-top:7px; background:#fafafa; border:1px solid #dddddd;
			float:left; margin-right:10px; color:#333;

		}


		.top_gnb .right_tab ul li.active{
			background:#d02329; color:#fff; border:1px solid #d02329;
		}

		.top_gnb .right_tab ul li a { display:block; width:100%; height:100%; }


		/* left_gnb 영역 */

		.left_gnb {
			position:fixed;
			width:220px;
			height:96%;
			background-color:#fff;
			border-right: 1px solid #ddd;
			left:0px;
			top:40px;
			z-index:999;
		}

		/* --left_gnb영역의 logo영역-- */

		.left_gnb .logo {
			width:220px;
			border-bottom:1px solid #eee;
			height:100px;
		}

		.left_gnb .logo .logo_img {
			width:120px; display:block; margin:auto;
			padding:6px 0;
		}

		.left_gnb .logo .logo_img img {
			display:block;
		}

				/* --left_gnb영역의 nav_main영역-- */

		.left_gnb .nav_main {

		}

		.left_gnb .nav_main li.nav_parent a.title {
			height:48px;
			line-height:48px;
			padding-left:53px;
			background-image: url('../img/plus_icon.png');
			background-repeat:no-repeat;
			background-position: 180px center;
			display:block;
			font-size:15px;
			font-weight:bold;
			color:#333;
			letter-spacing:-1px;
			border-bottom:1px solid #eee;
		}


		.left_gnb .nav_main li.nav_parent a.title.active {
			background-image: url('../img/minus_icon.png');
		}

		.left_gnb .nav_main li.nav_parent .nav_child {
			display:none;
			border-bottom:1px solid #eee;
		}

		.left_gnb .nav_main li.nav_parent .nav_child.open {
			display:block;
			border-bottom:1px solid #eee;
		}

		.left_gnb .nav_main li.nav_parent a.title.on {
			pointer-events: none;
			cursor:default;

		}

		.left_gnb .nav_main li.nav_parent .nav_child li {
			height:36px;
			line-height:36px;
			padding-left:53px;
			background-color:#f4f4f4;

		}

		.left_gnb .nav_main li.nav_parent .nav_child li a {
			display:block;
			width:154px;
			height:36px;
			padding-left:10px;
			font-weight:medium;
			font-size:14px;
			letter-spacing:-1px;
		}

		.left_gnb .nav_main li.nav_parent .nav_child li a.active {
			 background-color:#575757;
			 color:#fff;
			 padding-left:66px;
			 margin-left:-56px;
			 background-image:url('../img/mn_d.png');
			 background-repeat: no-repeat;
			 background-position: 50px center;
		}

		.inner_text { width:300px; height:300px; background:rgba(0,0,0,0); position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-150px; }

		@media screen and (max-width: 1500px){
			.inner_text { display:none; }
		}

		@media screen and (max-height: 900px){

			.left_gnb .nav_main li.nav_parent a.title {
				height:44px;
				line-height:44px;
				font-size:14px;
			}
			.left_gnb .nav_main li.nav_parent .nav_child li {
				height:33px;
				line-height:33px;
				font-size:13px;
			}

			.left_gnb .nav_main li.nav_parent .nav_child li a {
				height:33px;
				line-height:33px;
				font-size:13px;
			}

			.left_gnb .logo .logo_img { padding:6px 0; }
			.left_gnb .logo { height:100px; }

		}

		@media screen and (max-height: 700px){

			.left_gnb .nav_main li.nav_parent a.title {
				height:40px;
				line-height:40px;
			}
			.left_gnb .nav_main li.nav_parent .nav_child li {
				height:30px;
				line-height:30px;
				font-size:12px;
			}

			.left_gnb .nav_main li.nav_parent .nav_child li a {
				height:30px;
				line-height:30px;
				font-size:12px;
			}

			.left_gnb .logo .logo_img { padding:15px 0; }
			.left_gnb .logo { height:119px; }


		}


				/* --left_gnb의 footer영역 -- */
		.left_gnb .footer {
			width:100%;
			margin-top:20px;
		}
		.left_gnb .footer .sns {
			width:150px;
			height:20px;
			margin:auto;
			margin-top:10px;
			margin-bottom:10px;
			text-align:center;
			font-size:0;
		}
		.left_gnb .footer .sns li {

			width:25%;
			padding:0;
			display:inline-block;

		}

		.left_gnb .footer .sns li:last-chlid {
			padding-right:0;
		}

		.left_gnb .footer .footer_text {
			padding-left:30px; margin-top:10px;
		}

		.left_gnb .footer .footer_text p {
			font-size:11px;
			line-height:14px;
			color:#666;
			letter-spacing:-1px;
		}
		.left_gnb .footer .footer_text strong {
			font-size:10px;
			line-height:10px;
			color:#666;
		}

			/* --wrap영역 -- */


	.wrap {
		padding-left:220px;
		background-color:#fff;
		padding-top:40px;
		background:#f7f7f7;
		height:auto;
	}

		/* -- main_visual 영역 -- */


		.main_visual .slider { width:100%; min-width:1000px; height:300px; position:relative; overflow:hidden; padding-bottom:40px;}
		/*.main_visual .slider { width:100%; min-width:1000px; height:300px; position:relative; overflow:hidden; padding-top:40px;}*/

		.main_visual .bgslide { position:absolute; top:0; left:0; bottom:0; right:0; opacity:0;  transition: all 2s ;}
		.main_visual .bgslide.on { opacity:1;  }

		.main_visual .bgslide01 { background: url('../img/mainsliderbg01.png') ; background-size:cover; background-position:center;  }
		.main_visual .bgslide02 { background: url('../img/mainsliderbg02.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide03 { background: url('../img/mainsliderbg03.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide04 { background: url('../img/mainsliderbg04.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide05 { background: url('../img/mainsliderbg05.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide06 { background: url('../img/mainsliderbg06.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide07 { background: url('../img/mainsliderbg07.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide08 { background: url('../img/mainsliderbg08.png') ;  background-size:cover; background-position:center; }

		.main_visual .bgslide11 { background: url('../img/mainsliderbg11.png') ; background-size:cover; background-position:center;  }
		.main_visual .bgslide12 { background: url('../img/mainsliderbg12.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide13 { background: url('../img/mainsliderbg13.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide14 { background: url('../img/mainsliderbg14.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide15 { background: url('../img/mainsliderbg15.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide16 { background: url('../img/mainsliderbg16.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide17 { background: url('../img/mainsliderbg17.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide18 { background: url('../img/mainsliderbg18.png') ;  background-size:cover; background-position:center; }

		.main_visual .bgslide21 { background: url('../img/mainsliderbg21.png') ; background-size:cover; background-position:center;  }
		.main_visual .bgslide22 { background: url('../img/mainsliderbg22.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide23 { background: url('../img/mainsliderbg23.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide24 { background: url('../img/mainsliderbg24.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide25 { background: url('../img/mainsliderbg25.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide26 { background: url('../img/mainsliderbg26.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide27 { background: url('../img/mainsliderbg27.png') ;  background-size:cover; background-position:center; }
		.main_visual .bgslide28 { background: url('../img/mainsliderbg28.png') ;  background-size:cover; background-position:center; }

		/*.main_visual .slider_bottom { position:absolute; top:0px;  width:100%; height:40px; line-height:40px;  background-color: rgba(0, 0, 0, 0.5); text-align:center; font-size:0;  }*/
		.main_visual .slider_bottom { position:absolute; bottom:0px;  width:100%; height:40px; line-height:40px;  background-color: rgba(0, 0, 0, 0.5); text-align:center; font-size:0;  }
		.main_visual .slider_bottom li { display:inline-block;  margin:0 10px;  }
		.main_visual .slider_bottom li a { font-size:12px; color:#fff; font-family:'Malgun Gothic'; display:inline-block; width:100%; height:100%;  padding:0 10px;   }
		.main_visual .slider_bottom li a.active { background:rgba(0,0,0,0.5); font-weight:bold; }


/*=---sub---=*/

.sub_contents{height:100%;padding:40px 0px 0px 220px;}
.visualWrapper{
	overflow:hidden;
	display:table;
	width:100%;
	height:100%;
	table-layout:fixed;
	background:#fafafa;
	}

.cell-visual{
	position:fixed;
	background:#dedede;
	width: 35%;
	height:100%;
	z-index:888;
}
.cell-visual .cell-visualImg{ width:100%; background-position:top; }

.cell-visual div .cell_inner { width:100%; height:100%; position:relative; overflow:hidden; }
.cell-visual div .cell_inner .inner_footer_text { position:fixed; bottom:0; height:600px; opacity:0; text-align:center; }
.cell-visual div:first-child .cell_inner .inner_footer_text { opacity:1; }

@media screen and (max-width: 1600px){

	.cell-visual div .cell_inner .inner_footer_text { opacity:0 !important; }

}

.cell-visual .cell-img01{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.cell-visual .cell-img02{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.cell-visual .cell-img03{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.cell-visual .cell-img04{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.cell-visual .cell-img05{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;

}
.cell-visual .cell-img06{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.cell-visual .cell-img07{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.cell-visual .cell-img08{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.cell-visual .cell-img09{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.cell-visual .cell-img10{
	width:100%;
	height:100%;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}


.hereimg{ position:absolute; top:0; z-index:999; }

.right_contentWrapper {
	/*
	width:60%;
	float:right;
	*/
}
.right_contentWrapper .pagerWrap {
	height:100%;
	position:fixed;
	z-index:999;
	padding:0px 45px;
	}
.right_contentWrapper .pagerWrap .pager_on{position:absolute;top:401px;left:10px;}
.right_contentWrapper .pagerWrap .pager_on li{
	width:8px;
	height:8px;
	background:url('../img/pager.png') no-repeat;
	margin-bottom:16px;
	cursor:pointer;
}
.right_contentWrapper .pagerWrap .pager_on li:hover{background:url('../img/pager_h.png') no-repeat;}
.right_contentWrapper .pagerWrap .pager_on li.here{background:url('../img/pager_h.png') no-repeat;}
.right_contentWrapper .right_content{width:760px;}

.right_contentWrapper .right_content .content_title {
	width:785px;
	height:64px;
	background:#fff;
	border:1px solid #f6f6f6;
	margin-top:24px;
}
.right_contentWrapper .right_content .content_title ul {float:right;margin-right:70px;}
.right_contentWrapper .right_content .content_title ul li{
	float:left;
	height:64px;
	line-height:64px;
	font-size:15px;
	font-weight:400;
	color:#888888;
	margin-left:8px;
}
.right_contentWrapper .right_content .content_title ul li p{
	font-size:20px;
	font-weight:600;
	color:#3d3d3d;
}

.right_contentWrapper .right_content .content_body {
	width:785px;
	height:100%;
	/*min-height:850px;*/
	min-height:400px;
	overflow:hidden;
	background:#fff;
	border:1px solid #f6f6f6;
	padding:30px 0px 100px 0px;
	margin-top:26px;
	position:relative;
}
.right_contentWrapper .right_content .content_body > div {
	max-width:100%;
	text-align:center;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
}

.right_contentWrapper .right_content .content_body .map{
	width:650px;
	height:400px;
	margin:0 auto;
	padding-top:20px;
}
.map_addr{
	width:760px;
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #f9f9f9;
}

.board_write_area { width:80px; height:30px; text-align:right; position:absolute; right:60px; margin-top:20px; }
.board_write_icon { width: 80px; height: 25px; line-height:25px; background-color: #28469d; color: #fff; font-family: 'Nanum Gothic'; font-size: 13px; border-radius: 5px; display:inline-block; text-align:center; margin-bottom:10px; }
.board_del_icon { width: 80px; height: 25px; line-height:25px; background-color: #aaa; color: #fff; font-family: 'Nanum Gothic'; font-size: 13px; border-radius: 5px; display:inline-block; text-align:center; margin-bottom:10px; }
.right_contentWrapper .right_content .content_body .bit_title_area { text-align:left; margin-top:40px; margin-left:60px; }
.content_body .bit_title_area { text-align:left; margin-top:40px; margin-left:60px; }
strong.big_title { font-size: 20px; color: #333; letter-spacing: -1px; }


.all_link_div { width:785px; height:40px; line-height:40px; background:#fff; margin:40px auto; padding:20px 0; text-align:center; }
.all_page_link { cursor:pointer; width:200px; height:40px;  background-color:#006699; margin: 0px 10px 0px 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:center; }
.all_page_link:hover { background:#0088B3; color:#fff; }

.all_page_link2 { cursor:pointer; width:200px; height:40px;  background-color:#36609f; margin: 0px 10px 0px 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:center; }
.all_page_link2:hover { background:#4478c7; color:#fff; }

.all_page_link3 { cursor:pointer; width:200px; height:40px;  background-color:#d44032; margin: 0px 10px 0px 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:center; }
.all_page_link3:hover { background:#f54a3a; color:#fff; }





/* 교수진 소개 버튼 스타일 */
.category_0_link { cursor:pointer; width:200px; height:40px;  background-color:#006699; margin: 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:left; padding-left:15px; }
.category_0_link:hover { background:#0088B3; color:#fff; }

.category_1_link { cursor:pointer; width:200px; height:40px;  background-color:#006699; margin: 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:left; padding-left:15px; }
.category_1_link:hover { background:#0088B3; color:#fff; }

.category_2_link { cursor:pointer; width:200px; height:40px;  background-color:#006699; margin: 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:left; padding-left:15px; }
.category_2_link:hover { background:#0088B3; color:#fff; }

.category_3_link { cursor:pointer; width:200px; height:40px;  background-color:#006699; margin: 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:left; padding-left:15px; }
.category_3_link:hover { background:#0088B3; color:#fff; }

.category_4_link { cursor:pointer; width:200px; height:40px;  background-color:#006699; margin: 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:left; padding-left:15px; }
.category_4_link:hover { background:#0088B3; color:#fff; }

.category_5_link { cursor:pointer; width:200px; height:40px;  background-color:#006699; margin: 10px; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:left; padding-left:15px; }
.category_5_link:hover { background:#0088B3; color:#fff; }

.gotop_link { cursor:pointer; width:100px; height:36px;  background-color:#333; margin: 10px; border-radius:5px; color:#fff; font-size:16px; line-height:36px; display:inline-block; text-align:center; }
.gotop_link:hover { background:#aaa; color:#fff; }

.teacher_interview_link { cursor:pointer; width:80px; height:32px; background-color:#d02329; border-radius:5px; color:#fff; font-size:12px; font-family:'Nanum Gothic'; line-height:32px; display:inline-block; text-align:center; }

.ss_open { cursor:pointer; width:92px; height:32px; background-color:#424242; border-radius:5px; color:#fff; font-size:12px; font-family:'Nanum Gothic'; line-height:32px; text-align:center; display:inline-block; margin-left:4px; }

.story_link { cursor:pointer; width:84px; height:32px; background-color:#006699; border-radius:5px; color:#fff; font-size:12px; font-family:'Nanum Gothic'; line-height:32px; display:inline-block; text-align:center; margin-left:4px; }





.c01_text_left { text-align:left; margin-top:50px; }
.a1_title { font-family:'Nanum Myeongjo'; font-size:20px; font-weight:600; letter-spacing:-1px; color:#333; }
.a2_title { padding:20px 0;font-family:'Nanum Myeongjo';font-size:30px; font-weight:600; color:#333; }
.a3_title { font-family:'Nanum Gothic'; font-size:18px; color:#333; font-weight:bold; }
.a1_content { font-family:'Nanum Gothic'; font-size:14px; color:#333; line-height:24px; }

/*.quick { position:fixed; top:155px; right:10px; z-index:999; width:115px; height:124px; background-image:url('/img/sub_quick.png');*/
.quick { position:fixed; top:200px; right:27px; z-index:999; width:136px; height:203px; background-image:url('/img/quick_test2.png');
background-position:0px 0px; opacity:0.8;}
.quick a { display:block; width:100%; height:100%; }
/*.quick:hover { background-position: -115px 0px;}*/
.quick:hover { opacity:1.0;}

.quick2 { position:fixed; top:200px; right:27px; z-index:999; width:136px; height:203px; background-image:url('/img/quick_test3.png');
background-position:0px 0px; opacity:0.8;}
.quick2 a { display:block; width:100%; height:100%; }
.quick2:hover { opacity:1.0;}

.random_view { position:fixed; top:403px; right:27px; z-index:999; width:140px; height:181px; background-image:url('/img/random.jpg');
background-position:0px 0px; opacity:0.8;}
.random_view a { display:block; width:100%; height:100%; }
/*.quick:hover { background-position: -115px 0px;}*/
.random_view:hover { opacity:1.0;}


/*.대표님 지시로 일단 넣음. cjpark 20171012 start*/
.popup_banner { position:absolute; z-index:999; border:1px solid #0090ff; background-position:0px 0px; opacity:1.0;}
.popup_banner a { display:block; width:100%; height:100%; }
/*.c bv8:hover { background-position: -115px 0px;}*/
.popup_banner:hover { opacity:1.0;}

.popup_chk { position:absolute; color:#fff; cursor: pointer; }
/*.대표님 지시로 일단 넣음. cjpark 20171012 end*/



.right_contentWrapper .right_content .content_body .subscribe { margin-top:-1px; clear:both; border-top:1px solid #eee; height:254px; padding:50px 0; border-bottom:1px solid #eee; margin-left:80px; margin-right:80px; display:none; }
.subscribe_header { height:40px; line-height:40px; margin-bottom:4px; text-align:right; background-image:url(/img/subscribe_title.jpg); background-repeat:no-repeat; }
.subscribe_header p { font-size:14px; }

.subscribe .form_inner { width:620px; height:170px; margin:auto; background-image:url(/img/subscribe_form_bg.png); position:relative; }
.subscribe .form_inner button { width:170px; height:96px; position:absolute; right:10px; bottom:10px; background-image:url(/img/subscribe_btn.png); cursor:pointer; }
.subscribe .form_inner button:hover { background-image:url(/img/subscribe_btn_over.png); }

.subscribe .form_inner input, .subscribe .form_inner textarea { border:0; padding:0; margin:0; background:#fff; position:absolute; }
.subscribe .form_inner input.subs_name { left:121px; top:10px; width:158px; height:31px; line-height:31px; }
.subscribe .form_inner input.subs_phone { left:420px;; top:10px; width:186px; height:31px; line-height:31px; }
.subscribe .form_inner textarea.subs_text { height:90px; line-height:22px; width:283px; top:71px; left:121px; }


.teacher_pp { width:640px; border-bottom:1px solid #eee; padding-bottom:50px; }
.teacher_pp .title { padding: 40px 0; font-family: 'Nanum Myeongjo'; font-size: 30px; font-weight: 600; color: #333; line-height: 30px; }
.teacher_pp ul { width:640px; }
.teacher_pp ul li.thum_img { width:218px; height:218px; display:inline-block; }
.teacher_pp ul li.thum_img img { width:100%; height:100%; }
.teacher_pp ul li.profile { display:inline-block; vertical-align:top; margin-left:60px; text-align:left; width:280px; }
.teacher_pp ul li.profile p.title_name { font-family:'Nanum Myeongjo'; font-size:20px; font-weight:600; letter-spacing:-1px; color:#333; margin-bottom:20px; }
.teacher_pp ul li.profile p.title_A { font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; line-height:40px; letter-spacing:-1px; }
.teacher_pp ul li.profile p.content_A { font-size:14px; line-height:24px; font-family:'Nanum Gothic'; color:#333; }
.teacher_pp ul li.profile .btn_area { margin-top:15px; }


/* 포폴용이에요 */
.card_layout_Port .card_text { width:180px; }
.card_layout_Port .card_text .text_area { width:180px; }
.card_layout_Port .a_text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:16px; height:18px; }
.card_layout_Port .big_title { line-height:18px; height:18px; margin-top:5px; }

/* 커뮤니티 > SGA웹툰 */
.toon { position:relative;  width:700px; margin:0 auto; font-size:0;  }
.toon .link_toon1 { position:absolute; width:179px; height:29px; top: 332px; left:0;  }
.toon .link_toon2 { position:absolute; width:171px; height:29px; top: 332px; left:179px; }
.toon .link_toon3 { position:absolute; width:171px; height:29px; top: 332px; left:350px; }
.toon .link_toon4 { position:absolute; width:179px; height:29px; top: 332px; left:521px; }


.toon_next_prev_btn { cursor:pointer; width:150px; height:40px;  background-color:#d02329; border-radius:5px; color:#fff; font-size:18px; line-height:40px; display:inline-block; text-align:center; }
.toon_next_prev_btn:hover { background:#000; color:#fff; }


.iframe_wrap { position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; }
.iframe_wrap iframe,.iframe_wrap object, .iframe_wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;}




/* 하단바 */
.bottom_bar_height { height:80px; }
.bottom_bar_float { position:fixed; bottom:0px; z-index:999; }
.bottom_bar_content { width:980px; position:relative; overflow:hidden; margin:0 auto; z-index:2; }
.bottom_bar_text { position:absolute; left:415px; top:8px; font-size:16px; color:#ff6753; line-height:20px; width:150px; text-align:center; letter-spacing:-1px; z-index:2; font-weight:bold; font-family:'Malgun Gothic', '맑은 고딕'; }
@keyframes changeColor {
	from { color:#ffea00; }
	to { color:#fff; }
}
.bottom_bar_text span { color:#ffea00; animation:changeColor 0.5s  ease 0.5s infinite alternate; }
.bottom_bar_bg { position:absolute; top:0; width:50%; z-index:1; }