/* 공통 */
body {
	 background: #FFF; color:#333;
	 }

a {color:#333;}

.back_wrap {
	top:-100px;
	left:0;
	width:100%;
	height:100%;
	background:url(/images/main_back.jpg) center top no-repeat;
	position:fixed;
	background-size:100%;
	opacity:0.5!important;
	filter:alpha(opacity=50);
	z-index:-1;
}

* {font-family:'Nanum Gothic', 'Dotum', sans-serif;}

ol,ul,li {
	list-style:none;
}

@media all and (min-width:767px) {
	#body_container{position:relative;width:1200px;left:50%;margin-left:-600px;}
}
@media all and (max-width:767px) {
	#body_container{position:relative;width:1200px;}
}

input[type=text] {color:#232323 !important;}

#body_left_container {float:left;width:254px;margin-right:38px;}
#body_content_container {float:left;display:inline-block;width:908px;}
.left_banners > div {margin-bottom:10px;}
.page_title {margin-bottom:15px;font-weight:bold;margin-top:0;border-left:8px solid lime;padding-left:10px;}
.top_banners{margin-top:5px;margin-bottom:20px;}

/* pub/head.php */
div.top_line {}
div.top_line_container {padding-top:5px; text-align:right;height:38px;}
.top_line_left {float:left;list-style-type:none;padding:0;margin:0;}
.top_line_left li {display:inline-block;border-left:1px solid #232323;}
.top_line_left li:last-child {border-right:1px solid #232323;}
.top_line_left li a {display:inline-block;height:31px;line-height:31px;color:#232323;font-size:13px;text-align:center;}
.top_line_right {float:right;list-style-type:none;padding:0;margin:0;width:400px;}
.top_line_right li a {display:inline-block;height:33px;line-height:33px;color:#000;font-size:13px;text-align:center;}

.top_head {height:100px;text-align:center;}

div.top_logo_container{position:relative;width:1200px;height:100px;left:50%;margin-left:-600px;}
div.top_logo_container_left{float:left;width:38%;margin-top:15px;text-align:left;}
div.top_logo_container_left img {width:243px;height:75px;}
div.top_logo_container_center{float:left;width:22%;text-align:center;}
div.top_logo_container_right{float:right;width:38%;text-align:right;font-size:16px;color:#000000;font-weight:bold;margin-top:15px;}

div.top_menu_container{clear:both;position:relative;width:1200px;height:50px;left:50%;margin-left:-600px;background:#e01f45;text-align:center;}
ul.top_menu_area{display:inline-block;list-style-type:none;padding:0;margin:0px;}
ul.top_menu_area > li {display:inline-block;padding:0;margin:0;}
ul.top_menu_area > li > a {display:inline-block;font-size:16px;font-weight:bold;color:#ffffff;line-height:50px;margin:0px 22px;}
ul.top_menu_area > li > ul {list-style-type:none;background:#f6f6f6;padding:5px 0px;border-bottom:2px solid #151515;}
ul.top_menu_area > li > ul > li {margin:0px;}
ul.top_menu_area > li > ul > li > a {color:#151515;}
div.top_menu_container > a {float:right;display:inline-block;font-size:16px;font-weight:bold;color:#ffffff;line-height:50px;margin:0px 15px;}

div.top_notice_container{clear:both;position:relative;width:1200px;height:34px;line-height:34px;margin-bottom:20px;border-bottom:1px solid #cccccc;}
div.top_notice_container > img {vertical-align:middle;margin:0 9px;}
div.top_notice_container > span {color:#000000;}

div.right_floater_container {display:block;margin-top:18px;}
div.right_floater_container > div {}

a.top_right_quick {display:inline-block;width:58px;height:33px;line-height:33px;font-size:14px;border:1px solid #dddddd;border-radius:20px;text-align:center;}
a.top_right_quick:hover {display:inline-block;width:58px;height:33px;line-height:33px;font-size:14px;border:0;background:#e01f45;border-radius:20px;text-align:center;color:#ffffff;}

a.top_right_info {display:inline-block;padding:0 10px 0 10px;width:auto;height:28px;line-height:28px;font-size:13px;border:1px solid #e01f45;background:#fff;border-radius:20px;text-align:center;color:#232323}
a.top_right_info:hover {display:inline-block;padding:0 10px 0 10px;width:auto;height:28px;line-height:28px;font-size:13px;border:0;background:#e01f45;border-radius:20px;text-align:center;color:#ffffff;}

#upso_list_all .cate_total {text-decoration:none;display:inline-block;padding:0 10px 0 10px;width:19.2%;height:28px;line-height:28px;font-size:13px;border:1px solid #e01f45;background:#fff;border-radius:20px;text-align:center;color:#232323}

#upso_list_all .upso_list a {text-decoration:none;display:inline-block;padding:0 10px 0 10px;width:10.7%;height:28px;line-height:28px;font-size:13px;border:1px solid #e01f45;background:#fff;border-radius:20px;text-align:center;color:#232323}
#upso_list_all a.cate_sel {background:#e01f45; color:#fff}

a.top_right_info {display:inline-block;padding:0 10px 0 10px;width:auto;height:28px;line-height:28px;font-size:13px;border:1px solid #e01f45;background:#fff;border-radius:20px;text-align:center;color:#232323}
a.top_right_info:hover {display:inline-block;padding:0 10px 0 10px;width:auto;height:28px;line-height:28px;font-size:13px;border:0;background:#e01f45;border-radius:20px;text-align:center;color:#ffffff;}

.head_cir_bg {
    float: right;
    margin: 0px;
    width: 420px;
    height: 70px;
    background-color: #191919;
    border-radius: 20px;
}

.quick-menu_font {
    float: left;
    padding: 5px 0 0 27px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.listType02 {width:100%;}
.listType02 ul{overflow:hidden;padding:0px;}
.listType02 li{float:left;width:19.193%;margin-right:0.983%;margin-bottom:20px;background: #000;}
.listType02 li:nth-child(5n+5){float:right;margin-right:0;}
.listType02 li .box{border:1px solid #e5e5e5;border-bottom:none;}
.listType02 li .thumb{position:relative;overflow: hidden;}
.listType02 li .thumb img{width:100%;height:120px;}
.listType02 li .thumb .mask{position:absolute;left:0;bottom:0;width:100%;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:NGB;font-size:18px;color:yellow;line-height:33px;text-align:center;font-style:italic;background:url('/images/mask.png');}
.listType02 li dl{text-align:center;margin-bottom:0;padding:0px 8px 6px;}
.listType02 li dt{margin:2px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:NGB;font-size:20px;color:#fff;}
.listType02 li dd.dc{margin:0px;font-family:NG;font-size:15px;color:#eb7a00;}
.listType02 li dd.type{margin:0px;font-size:15px;color:#c0c0c0;font-weight:bold;}
.listType02 li dd.info{text-align:center;color:#fff;margin:0px;padding-left:0px;margin-top:0px;line-height:21px;height:46px;}
.listType02 li dd.info img{vertical-align:middle;margin-right:10px;}
.listType02 li .btn a {border:1px solid #fff; padding:3px 8px 3px 8px;background:green; color:#fff}
.listType02 li .btn {display:block;padding:0;margin:0;font-family:NG;font-size:17px;line-height:35px;color:#fff;text-align:center;border-radius:0 0 6px 6px;background:#e01f45;border:1px solid #fff;}


#body_container {clear:both;position:relative;width:1200px;min-height:600px;}


/* pub/tail.php */
#bottom_container {clear:both;width:1200px;margin-top:40px;margin-bottom:30px;}
div.bottom_link {display:inline-block;width:100%;height:38px;line-height:38px;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff;}
div.bottom_link > a {font-size:13px;color:#fff;}
div.bottom_notice {font-size:12px;color:#fff;text-align:center;margin-top:15px;}
div.bottom_copyright {font-size:13px;color:#fff;text-align:center;margin-top:5px;}

/* /pub/home.php */
div.main_review_container {}
div.main_review_title {display:inline-block;width:100%;border-bottom:2px solid #fff;}
div.main_latest_title {float:left;font-size:18px;font-weight:bold;color:#333;margin-bottom:5px;}
a.main_latest_more {float:right;font-size:14px;height:20px;line-height:20px;text-align:center;padding:0;color:#fff;}
div.main_latest_container{clear:both;}
div.main_latest_row {clear:both;display:inline-block;width:100%;margin-bottom:24px;}

div.main_latest_left {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%; box-sizing:border-box;}
div.main_latest_right {float:left; width:49%; height:auto; overflow:hidden; box-sizing:border-box;}

div.main_latest_title_line {display:inline-block;width:100%;border-bottom:2px solid #fff;}
div.main_latest_content {margin:10px 0px;}


/* pub/head_01.php */
ul.sub_left_menu {list-style-type:none;margin:0;padding:0;background:#191919;margin-bottom:15px;}
ul.sub_left_menu > h4 {margin:0;padding:0;width:100%;height:53px;line-height:53px;font-weight:bold;color:#ffffff;border:1px solid #dcdcdc;padding-left:40px;background:url(/gnu/pub/img/icon_left_title.png) 15px center no-repeat;}
ul.sub_left_menu > li {display:block;background:#ffffff;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
ul.sub_left_menu > li > a {display:inline-block;font-size:16px;line-height:38px;margin-left:20px;color:#010101;}


.search_top_btn {
    display: inline-block;
    border: 0;
    background-color: #e01f45;
    width: 50px;
    height: 28px;
    color: #fff;
    font-size: 14px;
    padding-bottom: 5px;
	cursor:pointer;
	top:-2px;
}

/* ====================================================================================================================
 * Font, Color 등 설정은 제일 하단에 위치시킴
 * ====================================================================================================================*/

/* Background Color ------------------------------------------------------ */
.bg-red, i.bg-red, .badge.bg-red { 
	background-color: rgb(233, 27, 35);
	color: #fff; 
}
.bg-darkred, i.bg-darkred, .badge.bg-darkred { 
	background-color: rgb(170, 60, 63);
	color: #fff; 
}
.bg-crimson, i.bg-crimson, .badge.bg-crimson { 
	background-color: rgb(220, 20, 60); 
	color: #fff; 
}
.bg-orangered, i.bg-orangered, .badge.bg-orangered { 
	background-color: orangered; 
	color: #fff; 
}
.bg-orange, i.bg-orange, .badge.bg-orange { 
	background-color: rgb(240, 150, 20);
	color: #fff; 
}
.bg-green, i.bg-green, .badge.bg-green { 
	background-color: rgb(140, 195, 70); 
	color: #fff; 
}
.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen { 
	background-color: rgb(160, 200, 80); 
	color: #fff; 
}
.bg-deepblue, i.bg-deepblue, .badge.bg-deepblue { 
	background-color: rgb(0, 125, 180); 
	color: #fff; 
}
.bg-skyblue, i.bg-skyblue, .badge.bg-skyblue { 
	background-color: rgb(100, 195, 245); 
	color: #fff; 
}
.bg-blue, i.bg-blue, .badge.bg-blue { 
	background-color: rgb(52, 152, 219); 
	color: #fff; 
}
.bg-navy, i.bg-navy, .badge.bg-navy { 
	background-color: rgb(50, 60, 70); 
	color: #fff; 
}
.bg-violet, i.bg-violet, .badge.bg-violet { 
	background-color: rgb(85, 60, 125); 
	color: #fff; 
}
.bg-yellow, i.bg-yellow, .badge.bg-yellow { 
	background-color: rgb(241, 196, 15); 
	color: #fff; 
}
.bg-darkgray, i.bg-darkgray, .badge.bg-darkgray { 
	background-color: #666; 
	color: #fff; 
}
.bg-gray, i.bg-gray, .badge.bg-gray { 
	background-color: #888; 
	color: #fff; 
}
.bg-lightgray, i.bg-lightgray, .badge.bg-lightgray { 
	background-color: #ddd; 
	color: #fff; 
}
.bg-white, i.bg-white, .badge.bg-white { 
	background-color: #fff; 
	color: #333; 
}
.bg-light, i.bg-light, .badge.bg-light {
	color: #333; 
	background-color: #f5f5f5; 
}
.bg-light-border, i.bg-light-border, .badge.bg-light-border {
	color: #333; 
	background-color: #fafafa; 
	border-bottom:1px solid #ddd; 
}
.bg-black, i.bg-black, .badge.bg-black {
	background-color: #333; 
	color: #fff; 
}
.bg-color, i.bg-color, .badge.bg-color { 
	background-color: rgb(233, 27, 35);
	color: #fff; 
}

/* Border Color ------------------------------------------------------ */
.border-red, i.border-red, img.border-red { 
	border-color: rgb(233, 27, 35);
}
.border-darkred, i.border-darkred, img.border-darkred { 
	border-color: rgb(170, 60, 63);
}
.border-crimson, i.border-crimson, img.border-crimson { 
	border-color: rgb(220, 20, 60); 
}
.border-orangered, i.border-orangered, img.border-orangered { 
	border-color: orangered; 
}
.border-orange, i.border-orange, img.border-orange { 
	border-color: rgb(240, 150, 20);
}
.border-green, i.border-green, img.border-green { 
	border-color: rgb(140, 195, 70); 
}
.border-lightgreen, i.border-lightgreen, img.border-lightgreen { 
	border-color: rgb(160, 200, 80); 
}
.border-deepblue, i.border-deepblue, img.border-deepblue { 
	border-color: rgb(0, 125, 180); 
}
.border-skyblue, i.border-skyblue, img.border-skyblue { 
	border-color: rgb(100, 195, 245); 
}
.border-blue, i.border-blue, img.border-blue { 
	border-color: rgb(52, 152, 219); 
}
.border-navy, i.border-navy, img.border-navy { 
	border-color: rgb(50, 60, 70); 
}
.border-violet, i.border-violet, img.border-violet { 
	border-color: rgb(85, 60, 125); 
}
.border-yellow, i.border-yellow, img.border-yellow { 
	border-color: rgb(241, 196, 15); 
}
.border-darkgray, i.border-darkgray, img.border-darkgray { 
	border-color: #666; 
}
.border-gray, i.border-gray, img.border-gray { 
	border-color: #888; 
}
.border-lightgray, i.border-lightgray, img.border-lightgray { 
	border-color: #ddd; 
}
.border-white, i.border-white, img.border-white { 
	border-color: #fff; 
}
.border-light, i.border-light, img.border-light {
	border-color: #f5f5f5; 
}
.border-black, i.border-black, img.border-black {
	border-color: #333; 
}
.border-color, i.border-color, img.border-color { 
	border-color: rgb(233, 27, 35); 
}

/* Hover Color ------------------------------------------------------ */
.hover-red:hover { 
	background-color: rgb(233, 27, 35);
	color: #fff; 
}
.hover-darkred:hover { 
	background-color: rgb(170, 60, 63);
	color: #fff; 
}
.hover-crimson:hover { 
	background-color: rgb(220, 20, 60); 
	color: #fff; 
}
.hover-orangered:hover { 
	background-color: orangered;
	color: #fff; 
}
.hover-orange:hover { 
	background-color: rgb(240, 150, 20);
	color: #fff; 
}
.hover-green:hover:hover { 
	background-color: rgb(140, 195, 70); 
	color: #fff; 
}
.hover-lightgreen:hover { 
	background-color: rgb(160, 200, 80); 
	color: #fff; 
}
.hover-deepblue:hover { 
	background-color: rgb(0, 125, 180); 
	color: #fff; 
}
.hover-skyblue:hover { 
	background-color: rgb(100, 195, 245); 
	color: #fff; 
}
.hover-blue:hover { 
	background-color: rgb(52, 152, 219); 
	color: #fff; 
}
.hover-navy:hover { 
	background-color: rgb(50, 60, 70); 
	color: #fff; 
}
.hover-violet:hover { 
	background-color: rgb(85, 60, 125); 
	color: #fff; 
}
.hover-yellow:hover { 
	background-color: rgb(241, 196, 15); 
	color: #fff; 
}
.hover-darkgray:hover { 
	background-color: #666; 
	color: #fff; 
}
.hover-gray:hover { 
	background-color: #888; 
	color: #fff; 
}
.hover-lightgray:hover { 
	background-color: #ddd; 
	color: #fff; 
}
.hover-white:hover { 
	background-color: #fff; 
	color: #333; 
}
.hover-black:hover { 
	background-color: #333; 
	color: #fff; 
}
.hover-color:hover { 
	background-color: rgb(233, 27, 35);
	color: #fff; 
}

/* Trans Background Color ------------------------------------------------------ */
.trans-bg-red { 
	background-color: rgba(233, 27, 35, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-darkred { 
	background-color: rgba(170, 60, 63, 0.75) !important;
	color: #fff !important; 
}
.trans-bg-crimson { 
	background-color: rgba(220, 20, 60, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-orangered { 
	background-color: rgba(255, 70, 0, 0.75) !important;
	color: #fff !important; 
}
.trans-bg-orange { 
	background-color: rgba(240, 150, 20, 0.75) !important;
	color: #fff !important; 
}
.trans-bg-green { 
	background-color: rgba(140, 195, 70, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-lightgreen { 
	background-color: rgba(160, 200, 80, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-deepblue { 
	background-color: rgba(0, 125, 180, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-skyblue { 
	background-color: rgba(100, 195, 245, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-blue { 
	background-color: rgba(52, 152, 219, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-navy { 
	background-color: rgba(50, 60, 70, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-violet { 
	background-color: rgba(85, 60, 125, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-yellow { 
	background-color: rgba(241, 196, 15, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-darkgray { 
	background-color: rgba(102, 98, 98, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-gray { 
	background-color: rgba(102, 102, 102, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-lightgray { 
	background-color: rgba(208, 208, 208, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-white { 
	background-color: rgba(255, 255, 255, 0.75) !important; 
	color: #333 !important; 
}
.trans-bg-black { 
	background-color: rgba(0, 0, 0, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-color { 
	background-color: rgba(233, 27, 35, 0.75) !important; 
	color: #fff !important; 
}
.trans-bg-full { 
	width:100%; 
	height:100%; 
	overflow:hidden; 
	padding:8% !important; 
	text-overflow:clip; 
	white-space:normal; 
}

/* Font ------------------------------------------------------ */
.font-normal { 
	font-weight: normal;
}
.font-8, i.font-8 { 
	font-size: 8px; 
}
.font-9, i.font-9 { 
	font-size: 9px; 
}
.font-10, i.font-10 { 
	font-size: 10px; 
}
.font-11, i.font-11 { 
	font-size: 11px; 
}
.font-12, i.font-12 { 
	font-size: 12px; 
}
.font-13, i.font-13 { 
	font-size: 13px; 
}
.font-14, i.font-14 { 
	font-size: 14px; 
}
.font-16, i.font-16 { 
	font-size: 16px; 
}
.font-18, i.font-18 { 
	font-size: 18px; 
}
.font-20, i.font-20 { 
	font-size: 20px; 
}
.font-22, i.font-22 { 
	font-size: 22px; 
}
.font-24, i.font-24 { 
	font-size: 24px; 
}

/* Style ------------------------------------------------------ */
.cursor { 
	cursor:pointer;
}
.count { 
	font-size: 10px; 
	font-weight:bold; 
	font-family:verdana; 
	letter-spacing:-1px;
	line-height:16px;
	padding-right:1px;
}
.block {
	display:block;
}
.break-word {
	word-wrap: break-word;
}
.ellipsis { 
	display:block; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-wrap:normal; 
	overflow:hidden; 
}
.no-border {
	border:0 !important;
}
.no-margin { 
	margin:0 !important; 
}
.no-animation .collapsing{
    -webkit-transition: none;
          transition: none;
}
.no-scrollbar { 
	-ms-overflow-style: none; 
}
.no-scrollbar::-webkit-scrollbar { 
	width: 0; display:none; 
}
.btn-wset { 
	display:none; 
}
/* Height ------------------------------------------------------ */
.h10 {
	height:10px;
}
.h15 {
	height:15px;
}
.h20 {
	height:20px;
}
.h25 {
	height:25px;
}
.h30 {
	height:30px;
}
.h35 {
	height:35px;
}
.h40 {
	height:40px;
}
.h45 {
	height:45px;
}
.h50 {
	height:50px;
}
.p10 {
	padding:10px 0px;
}
.p15 {
	padding:15px 0px;
}
.m10 {
	margin:10px 0px;
}
.m15 {
	margin:15px 0px;
}

/* Color ------------------------------------------------------ */
.red, i.red { 
	color: rgb(233, 27, 35);
}
.darkred, i.darkred { 
	color: rgb(170, 60, 63);
}
.crimson, i.crimson { 
	color: rgb(220, 20, 60); 
}
.orangered, i.orangered { 
	color: orangered; 
}
.orange, i.orange { 
	color: rgb(240, 150, 20);
}
.green, i.green { 
	color: rgb(140, 195, 70); 
}
.lightgreen, i.lightgreen { 
	color: rgb(160, 200, 80); 
}
.deepblue, i.deepblue { 
	color: rgb(0, 125, 180); 
}
.skyblue, i.skyblue { 
	color: rgb(100, 195, 245); 
}
.blue, i.blue { 
	color: rgb(52, 152, 219); 
}
.navy, i.navy { 
	color: rgb(50, 60, 70); 
}
.violet, i.violet { 
	color: rgb(85, 60, 125); 
}
.yellow, i.yellow { 
	color: rgb(241, 196, 15); 
}
.darkgray, i.darkgray { 
	color: #666; 
}
.gray, i.gray { 
	color: #888; 
}
.lightgray, i.lightgray { 
	color: #ddd; 
}
.white, i.white { 
	color: #fff; 
}
.light, i.light {
	color: #f5f5f5; 
}
.black, i.black { 
	color: #333; 
}
.color, i.color { 
	color: rgb(233, 27, 35);
}

/* List Head */
.div-head { 
	display:table; 
	width:100%; 
	table-layout:fixed; 
	padding:15px 0; 
	border-top-width:2px; 
	border-top-style:solid; 
	border-bottom:1px solid #c3c3c3; 
	border-collapse:separate;
}
.div-head > span { 
	display:table-cell; 
	text-align:center; 
	vertical-align:middle; 
	border-right:1px solid #ddd; 
	font-weight:bold; 
	line-height:1; 
}
.div-head > span:last-child { 
	border-right:0; 
}
.div-head.list-head > span { 
	border:0; 
}
.tr-head { 
	border-top-width:2px !important; 
	border-top-style:solid !important; 
	border-bottom:1px solid #c3c3c3 !important; 
	text-align:center !important;
}
.tr-head > th { 
	padding:15px 0 !important; 
	text-align:center !important; 
	border:0 !important; 
}
.tr-head > th > span { 
	display:block !important; 
	min-width:40px !important; 
	padding:0px 10px !important; 
	text-align:center !important; 
	vertical-align:middle !important; 
	border-right:1px solid #ddd !important; 
	font-weight:bold !important; 
	line-height:1 !important; 
}
.tr-head > th > span.last { 
	border-right:0 !important; 
}
.tr-line > td { 
	border-top:0 !important 
}

/* Row & Col Space */
.row-10 {
	margin-left:-5px !important; margin-right:-5px !important;
}
.col-10 {
	padding-left:5px !important; padding-right:5px !important;
}
.row-15 {
	margin-left:-8px !important; margin-right:-8px !important;
}
.col-15 {
	padding-left:8px !important; padding-right:8px !important;
}
.row-20 {
	margin-left:-10px !important; margin-right:-10px !important;
}
.col-20 {
	padding-left:10px !important; padding-right:10px !important;
}

/* Auto Size */
.apms-autowrap { 
	margin:0 auto 15px;
}
.apms-autosize { 
	position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0;
}
.apms-autosize iframe, .apms-autosize object, .apms-autosize embed { 
	position: absolute; top: 0; left: 0; width: 100%; height:100%; 
}

/* Print Media Query */
@media print { 
	a:after {
		content: "" !important; /* disable URL display */
	}
}

/* CHEditor */
.cheditor-popup-cframe { height:auto !important; }

.blink {
    -webkit-animation: blink 2.5s linear infinite;
} 
@-webkit-keyframes blink {
    0% { background-color: red; }
    33% { background-color: yellow; }
    66% { background-color: blue; }
    100% { background-color: green; }
/*    from { background-color: red;}
 *        to {background-color: green;}  */
}

.blink_top {
    -webkit-animation: blink 0.5s linear infinite;
}

.blinking_new a{
	-webkit-animation:neon 1.5s ease infinite;
    -moz-animation:neon 1.5s ease infinite;
    animation:neon 1.5s ease infinite;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

@keyframes neon {
  0%,
  100% {
    color: #ffffff;
  }
  30% {
    color: #806914;
  }
}



/* UI Object */
.section_ol{display:block; height:auto; overflow:hidden; border-radius:10px; background:#f7f7f7; border:1px solid #dadada; padding:20px;}
.section_ol a{color:#333;text-decoration:none}
.section_ol a:hover,
.section_ol a:active,
.section_ol a:focus{text-decoration:underline}
.section_ol em{font-style:normal}
.section_ol h2{margin:0;padding:10px 0 8px 13px;border-bottom:1px solid #ddd;font-size:13px;color:#333}
.section_ol h2 em{color:#cf3292}
.section_ol ol{margin:13px;padding:0;list-style:none}
.section_ol li{position:relative;margin:0 0 10px 0;*zoom:1;color:#fff;}
.section_ol li:after{display:block;clear:both;content:""}
.section_ol li .ranking {display:inline-block;width:32px; line-height:20px; margin:0 5px 0 0; border:1px solid #dadada; background:#ccc; color:#333; font-weight:bold; text-align:center; border-radius:4px;}
.section_ol li.best .ranking {display:inline-block;width:32px; margin:0 5px 0 0; border:1px solid #dadada; background:#ff5400; color:#FFF; font-weight:bold; text-align:center;}
.section_ol li.best a{color:#000; font-weight:bold;}
.section_ol li .num{position:absolute;top:0;right:0;font-size:11px;color:#333;white-space:nowrap}
.section_ol li.best .num{font-weight:bold;color:#ff5400;}
.section_ol .more{position:absolute;top:10px;right:13px;font:11px Dotum, 돋움;text-decoration:none !important}
.section_ol .more span{margin:0 2px 0 0;font-weight:bold;font-size:16px;color:#d76ea9;vertical-align:middle}
/* //UI Object */


.levelBox {clear:both; display:block; height:auto; overflow:hidden; border:1px solid #dadada; margin-bottom:10px;}
.levelBox.now {border:1px solid #333; background:#f7f7f7;}
.levelBox .nowLevel {height:35px; line-height:35px; background:#f7f7f7; padding:0 15px; position:relative; border-bottom:1px solid #dadada;}
.levelBox .nowLevel .levQual {position:absolute; right:15px; top:50%; transform:translate(0, -50%);}
.levelBox .levCondition {display:block; height:auto; overflow:hidden; padding:10px; position:relative;}
.levelBox .levCondition .levPos {position:absolute; left:10px; top:50%; transform:translate(0, -50%); text-align:center; width:70px; box-sizing:border-box;}
.levelBox .levCondition .levPos em {font-size:13px; margin-bottom:5px; display:block; font-weight:bold;}
.levelBox .levCondition .levDetail {display:block; height:auto; overflow:hidden; padding-left:80px; box-sizing:border-box; border-left:0px solid #dadada;}
.levelBox .levCondition .levDetail li {float:left; width:50%; height:23px; line-height:23px; position:relative; font-size:13px; color:#333; box-sizing:border-box; padding-left:10px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.levelBox .levCondition .levDetail li:after {content:''; position:absolute; left:0px; top:9px; width:3px; height:3px; background:#333;}
.levelBox .levCondition .levDetail li em {display:inline-block; width:60px; font-weight:normal;}
.levelBox .levCondition .levDetail li.single {width:100%; box-sizing:border-box;}

@media only screen and (max-width:640px) {
	.page_title {height:35px; box-sizing:border-box; display:block; position:relative; line-height:35px; font-size:18px; font-weight:700 !important; padding-top:10px; letter-spacing:-1px; border-left:0px !important; padding-left:0px !important; color:#333;}
	.page_title:after {content:''; position:absolute; left:0; top:0; width:39px; height:3px; background:#1582d6;}
}