@charset "utf-8";


/************************************************
*		전체 레이아웃 : WRAP					*
************************************************/

.wrap{width:100%;margin:0 auto 50px;padding:0;position:relative;}
.header_wrap{width:100%;height:50px;padding:0;background-color:#009ebe;border-top:1px solid #0199b8;position:fixed;top:0;z-index:100000;}
.mcontainer{width:100%;margin:0 auto;padding:50px 0 0;position:relative;}
.pcontainer{width:100%;margin:0 auto;padding:60px 0 0;position:relative;}
.ctt{padding-top:130px !important;}
.ctt2{padding-top:160px !important;}






/************************************************
*		헤더 : HEARER							*
************************************************/

/*** 메뉴 : MENU ***/
.header{width:100%;height:50px;margin:0 auto;position:relative;}
/** 메뉴 **/
.header .menu{width:30px;height:30px;padding:0;position:absolute;left:0;top:0;}
.header .menu .nav{width:30px;height:30px;background:url(../images/icon/nav_up0.png) no-repeat 0 0;line-height:30px;display:block;}
/* 서브메뉴 */
.mn_case{width:280px;position:absolute;left:0;top:0;z-index:10000;}
.mn_case .mc_title{height:50px;padding:0 10px;background-color:#232323;font-size:18px;line-height:50px;position:relative;}
.mn_case .mc_title a{color:#fff;}
.mn_case .mc_title span{height:30px;position:absolute;right:40px;top:10px;}
.mn_case .mc_title span a{height:30px;margin:0;padding:0 10px;border:1px solid #7d7d7d;border-radius:3px;color:#7d7d7d;font-size:14px;line-height:30px;display:block;}
.mn_case .mc_title .nclose{height:30px;line-height:30px;display:block;position:absolute;right:7px;top:0;}
.mn_case .mc_title .nclose img{height:23px;margin:13px 0 0;}
.mn_case ul,
.mn_case ol{margin:0;padding:0;}
.mn_case ol li,
.mn_case li{width:100%;text-align:left;font-size:18px;line-height:50px;position:relative;z-index:1000;}
.mn_case li span{width:50px;height:50px;background:url(../images/icon/arrow_d_icon2.png) no-repeat center 50%;background-size:20px 11px;display:block;position:absolute;right:0;top:0;}
.mn_case li a{width:100%;height:50px;padding:0 5%;line-height:50px;color:#000;display:block;}
.mn_case li a:hover{background-color:#ddd;}
.mn_case li a.on{background-color:#f1f1f1;color:#00aacc;}
.mn_case li p{height:50px;display:block;overflow:hidden;z-index:0;}
.mn_case li.sub{font-size:16px;}
.mn_case li.sub a{width:100%;padding:0 15%;background-color:#ddd;}
.mn_case .mc_title img,
.mn_case li img,
.mn_case li.sub img{height:20px;margin:0 0 5px;}
.mn_case li.tac{text-align:center !important;}
.mn_case li.tac a{color:#fff;}

.mn_case li .ico_home{width:20px;height:20px;margin:0 5px 0 0;padding:12px;background:url(../images/icon/nav_m_up4.png) no-repeat left 50%;background-size:20px 20px;}

/** 로고 **/
.header .logo{width:100%;height:50px;padding:0;text-align:center;font-size:26px;font-weight:600;line-height:50px;letter-spacing:-1px;position:absolute;left:0;top:0;}
.header .logo a{color:#fff;}
.header .logo img{width:160px;height:23px;margin:12px 0 0;vertical-align:top;}

/** 검색 **/
.header .search{width:30px;height:30px;padding:0;line-height:30px;position:absolute;right:5px;top:8px;}
.header .search .t_btn{width:30px;height:30px;margin:0;background:url(../images/icon/sear_up1.png) no-repeat center 50%;line-height:30px;display:block;}

.header .t_inp{width:100%;height:60px;padding:9px 10px 0;background-color:#e9e9e9;text-align:center;line-height:50px;position:absolute;left:0;top:49px;z-index:1000;}
.header .t_inp .ti{width:85%;height:40px;background-color:#fff;border:1px solid #dedede;float:left;}
.header .t_inp .ti input{height:40px;padding:0 10px;font-size:16px;line-height:40px;border:none;}
.header .t_inp .tb{width:15%;height:40px;float:left;}
.header .t_inp .tb a{width:100%;height:40px;line-height:40px;background:#9d9d9d url(../images/icon/sear_up1.png) no-repeat center 50%;border:1px solid #bababa;display:block;}






/************************************************
*		CONTAINER								*
************************************************/

/*** Main Content ***/
.sub_case{width:100%;padding:0;background-color:#2e2e2e;position:fixed;left:0;top:50px;z-index:100;}
.sub_case .sc_wrap{width:100%;height:100px;margin:0 auto;padding:0;position:relative;}
.sub_case .sc_wrap .sc_tit{padding:0 10px;text-align:left;position:absolute;left:0;top:18px;z-index:1;}
.sub_case .sc_wrap .sc_tit b{font-size:20px;font-weight:600;color:#fff;line-height:30px;display:block;}
.sub_case .sc_wrap .sc_tit p{padding:5px;font-size:14px;font-weight:500;color:#fff;line-height:16px;position:relative;display:block;}
.sub_case .sc_wrap .sc_tit p .st_bg{
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter:alpha(opacity=30);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	filter:alpha(opacity=30);
	position:absolute;
	left:0;
	top:0;
	display:block;
	z-index:0;
}
.sub_case .sc_wrap .sc_img{width:100%;height:100px;margin:0 auto;text-align:center;position:absolute;left:0;top:0;}
.sub_case .sc_wrap .sc_img img{height:100%;}
.sub_case .sc_wrap .sc_bit{padding:0 10px;text-align:left;display:block;position:absolute;left:0;top:10px;z-index:1;}
.sub_case .sc_wrap .sc_bit b{font-size:16px;font-weight:600;color:#fff;line-height:24px;display:block;}
.sub_case .sc_wrap .sc_bit p{margin:0;padding:0 0 15px;font-size:13px;font-weight:500;color:#fff;line-height:16px;display:block;}
.sub_case .sc_wrap .sc_bit span{
	margin:5px 0;
	padding:3px 25px;
	border:1px solid #fff;
	text-align:center;
	font-size:13px;
	font-weight:400;
	color:#fff;
	line-height:20px;
	vertical-align:middle;
}
.sub_case .sc_wrap .sc_bit span a{color:#fff;}
.sub_case .sc_wrap .sc_bit img{height:30px;margin:0 5px 0 0;}
.sub_case .sc_wrap .sc_num{padding:21px 10px;font-size:18px;color:#fff;line-height:28px;position:absolute;right:0;top:0;z-index:1;}
.sub_case .sc_wrap .sc_num b{font-size:14px;font-weight:400;z-index:1000;}
.sub_case .sc_wrap .sc_num .sc_w_over{
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter:alpha(opacity=30);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	filter:alpha(opacity=30);
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
.sub_case .sc_wrap .sc_num .sc_b_over{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter:alpha(opacity=40);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	filter:alpha(opacity=40);
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}

/* 메인 레벨1 */
.lab_case1{height:500px;margin:0 0 10px;position:relative;overflow:hidden;z-index:0;}
.lc_label{width:184px;height:47px;position:absolute;left:-6px;top:10px;z-index:0;}

/* SLIDER */
.flex-container a:hover,
.flex-slider a:hover {
	outline: ;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: ;
	z-index:1000;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* --------------------------------------------
 * BASE STYLES
 * --------------------------------------------*/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility:hidden;
	overflow:hidden;
}
.flexslider .slides img {
	width:100%;
}
.flexslider .slides:after {
	height:0;
	line-height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
html[xmlns] .flexslider .slides {
	display:block;
}
* html .flexslider .slides {
	height:1%;
}
.no-js .flexslider .slides > li:first-child {
	display:block;
}
/* --------------------------------------------
 * DEFAULT THEME
 * --------------------------------------------*/
.vod_wrap{width:100%;height:500px;background:#000;position:relative;}
.vod_label{width:130px;height:34px;position:absolute;left:0;top:10px;z-index:10000;}
.vod_label img{width:130px;}
.vod_wrap .vod_txt{width:100%;margin:0;padding:0;text-align:left;color:#fff;position:absolute;left:0;bottom:15px;z-index:100;}
.vod_wrap .vod_txt ul{margin:25px 10px 0;padding:0;}
.vod_wrap .vod_txt b{margin:0 0 15px;padding:0;text-align:left;font-size:32px;font-weight:600;line-height:36px;display:block;}
.vod_wrap .vod_txt li{width:100%;display:block;position:relative;}
.vod_wrap .vod_txt li .vt_pf{width:44%;height:25px;font-size:15px;font-weight:400;line-height:25px;letter-spacing:-1px;float:left;}
.vod_wrap .vod_txt li .vt_pf img{width:25px;height:25px;margin:0 5px 0 0;border:1px solid #4b4b4b;}
.vod_wrap .vod_txt li .vt_sns{width:56%;height:25px;text-align:right;font-size:15px;font-weight:300;line-height:25px;float:right;}
.vod_wrap .vod_txt li .vt_sns a{margin:0 0 0 5px;color:#d5d5d5;}
.vod_wrap .vod_txt li .vt_sns img{width:25px;height:25px;vertical-align:middle;}
.vod_wrap .vod_txt li a, .vod_wrap .vod_txt li a:hover{color:#fff;}
.vod_wrap .vod_bn{width:100%;height:500px;overflow:hidden;position:absolute;left:0;top:0;z-index:1;}
.vod_wrap .vod_bn .vb{width:100%;height:185px;background:url(../images/fs_over.png) repeat-x left bottom;position:absolute;left:0;bottom:0;display:block;z-index:10;}
.vod_wrap .vod_bn .vb_img{width:100%;height:500px;background-color:#e1e1e1;float:left;overflow:hidden;}
.vod_wrap .vod_bn .vb_img .vitable{width:100%;height:500px;display:table;}
.vod_wrap .vod_bn .vb_img .vicell{text-align:center;vertical-align:top;display:table-cell;}
.vod_wrap .vod_bn .vb_img .vicell img{width:100%;}

.flexslider {
	margin:0;
	position:relative;
	zoom:1;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
	zoom:1;
}
.flexslider .slides img {
	height:auto;
	-moz-user-select:none;
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height:500px;
}
.carousel li {
	margin-right:5px;
}
.flex-direction-nav {
	*height:0;
	z-index:1000;
}
.flex-direction-nav a {
	width:22px;
	height:40px;
	margin:-20px 0 0;
	text-decoration:none;
	font-size:0 !important;
	color:rgba(0, 0, 0, 0.8);
	position:absolute;
	top:50%;
	z-index:10000;
	display:block;
	overflow:hidden;
	opacity:1;
	cursor:pointer;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
	background:url(../images/arrow_m_prev.png) no-repeat left 50%;
	left:10px;
	top:50%;
}
.flex-direction-nav .flex-next {
	background:url(../images/arrow_m_next.png) no-repeat right 50%;
	text-align: right;
	right:10px;
	top:50%;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left:10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right:10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: -1;
}
.flex-control-nav {
	width: 100%;
	bottom: -40px;
	text-align: center;
	position: absolute;
}
.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display:none;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
	}
}


/* 메인 레벨2 */
.lab_case2{height:240px;margin:0 0 30px;background-color:#fff;border:1px solid #e1e1e1;}
.lab_case2 .lc2_wrap{width:100%;position:relative;}
.lab_case2 .lc2_wrap .lw_label{width:30%;max-width:180px;height:25px;padding:0;position:absolute;left:0;top:0;z-index:100;}
.lab_case2 .lc2_wrap .lw_label .lw_tit{width:100%;text-align:center;font-size:12px;font-weight:400;color:#fff;line-height:25px;letter-spacing:-1px;position:absolute;left:0;top:0;z-index:10;}
.lab_case2 .lc2_wrap .lw_label .lw_over{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:alpha(opacity=50);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	position:absolute;
	left:0;
	top:0;
}
.lab_case2 .lc2_wrap .lw_thum{width:40%;max-width:250px;height:240px;background-color:#e1e1e1;float:left;overflow:hidden;}
.lab_case2 .lc2_wrap .lw_thum .table{width:100%;height:240px;display:table;}
.lab_case2 .lc2_wrap .lw_thum .cell{text-align:center;vertical-align:middle;display:table-cell; height:240px;}
.lab_case2 .lc2_wrap .lw_thum .cell img{width:100%;}
.lab_case2 .lc2_wrap .lw_txt{width:57%;margin:0 0 0 3%;float:left;}
.lab_case2 .lc2_wrap .lw_txt b{height:64px;margin:25px 0;font-size:24px;font-weight:600;line-height:32px;display:block;overflow:hidden;}
.lab_case2 .lc2_wrap .lw_txt p{height:90px;margin:10px 0 0;font-size:18px;font-weight:400;color:#666;line-height:30px;display:block;overflow:hidden;}


/* 메인 레벨3 */
.lab_sel{height:30px;margin:0 0 10px;text-align:right;font-size:16px;font-weight:600;line-height:30px;position:relative; margin-top:30px;}
.lab_sel a.sel_btn{width:150px;height:30px;margin:0 10px;padding:0 10px;background-color:#f8f8f8;border:1px solid #e1e1e1;border-radius:4px;text-align:center;line-height:30px;display:block;float:right;}
.lab_sel .sel_list{width:150px;background-color:#fff;border:1px solid #ddd;text-align:left;font-size:13px;line-height:30px;position:absolute;right:10px;top:30px;z-index:100;}
.lab_sel .sel_list ul{margin:0;padding:0;}
.lab_sel .sel_list li{width:150px;height:30px;line-height:30px;position:relative;}
.lab_sel .sel_list a{width:148px;height:30px;padding:0 10px;display:block;z-index:1000;}
.lab_sel .sel_list a:hover, .lab_sel .sel_list a.on{background-color:#f0f0f0;}

.lab_case3{width:100%;margin:0;padding:0;position:relative;}
.lab_case3 ul{margin:0;}
.lab_case3 li{margin:0 0 10px;padding:10px 10px 0;border:1px solid #ddd;position:relative;}
.lab_case3 li .l3_head{width:100%;height:35px;margin:0;padding:0 2%;position:relative;}
.lab_case3 li .l3_head .lh_pf{width:60%;height:35px;text-align:left;font-size:15px;color:#333;line-height:35px;letter-spacing:-1px;float:left;}
.lab_case3 li .l3_head .lh_date{width:40%;height:35px;text-align:right;font-size:11px;color:#999;line-height:35px;letter-spacing:-1px;float:left;}
.lab_case3 li .l3_thum{width:100%;height:460px;background-color:#e1e1e1;position:relative;left:0;top:0;overflow:hidden;z-index:1;}
.lab_case3 li .l3_thum .l3_label{width:130px;height:34px;position:absolute;left:0;top:10px;z-index:10000;}
.lab_case3 li .l3_thum .l3_label img{width:130px;}
.lab_case3 li .l3_thum .l3_table{width:100%;height:460px;display:table;}
.lab_case3 li .l3_thum .l3_cell{text-align:center;vertical-align:top;display:table-cell;}
.lab_case3 li .l3_thum .l3_cell img{width:100%;}
.lab_case3 li .l3_thum .l3over{width:100%;height:100px;background:url(../images/fs_t_over.png) repeat-x;display:block;position:absolute;left:0;bottom:0;z-index:10;}
.lab_case3 li .l3_thum .l3_tit{height:48px;margin:0 0 8px;padding:0 10px;text-align:left;font-size:20px;font-weight:700;color:#fff;line-height:24px;display:block;position:absolute;left:0;bottom:0;overflow:hidden;z-index:100;}
.lab_case3 li .l3_thum .l3_tit a{color:#fff !important;}
.lab_case3 li .l3_tit{margin:10px 0;padding:0 5px;text-align:left;font-size:14px;color:#444;line-height:20px;position:relative;}
.lab_case3 li .l3_text{height:40px;padding:0;position:relative;}
.lab_case3 li .l3_text .lt_pf{width:50%;height:75px;padding:0;text-align:left;font-size:16px;line-height:75px;float:left;}
.lab_case3 li .l3_text .lt_pf img{width:35px;height:35px;margin:0;border:1px solid #ddd;vertical-align:middle;}
.lab_case3 li .l3_text .lt_sns{width:50%;height:75px;padding:0;text-align:right;font-size:14px;line-height:75px;letter-spacing:-1px;float:left;}
.lab_case3 li .l3_text .lt_sns a{margin:0 0 0 10px;letter-spacing:-1px;}
.lab_case3 li .l3_thum img{max-width:100%;}


.lab_case4{width:100%;margin:0;padding:0;position:relative;}
.lab_case4 .lc4_tit{height:50px;margin:0 0 10px;text-align:left;font-size:24px;font-weight:600;line-height:50px;position:relative;}
.lab_case4 ul{margin:0 0 30px -2%;}
.lab_case4 li{width:48%;height:130px;margin:0 0 10px 2%;border:1px solid #ddd;position:relative;float:left;}
.lab_case4 li .l4_tcase{width:95%;height:120px;margin:0 auto;position:relative;top:21px;z-index:1;}
.lab_case4 li .l4_tcase .l4_tit{margin:0 0 5px;text-align:center;font-size:18px;font-weight:600;color:#fff;line-height:24px;letter-spacing:-1px;display:block;}
.lab_case4 li .l4_tcase .l4_txt{margin:0 0 3px;padding:5px;text-align:center;font-size:12px;font-weight:400;color:#fff;line-height:16px;position:relative;display:block;}
.lab_case4 li .l4_tcase .l4_txt .l4t_bg{
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter:alpha(opacity=30);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	filter:alpha(opacity=30);
	position:absolute;
	left:0;
	top:0;
	display:block;
	z-index:0;
}
.lab_case4 li .l4_tcase img{width:100%;}
.lab_case4 li .l4_thum{width:100%;height:130px;background-color:#e1e1e1;text-align:center;position:absolute;left:0;top:0;overflow:hidden;z-index:0;}
.lab_case4 li .l4_thum .l4_table{width:100%;height:130px;display:table;}
.lab_case4 li .l4_thum .l4_cell{height:130px;text-align:center;vertical-align:top;display:table-cell;}
.lab_case4 li .l4_thum .l4_cell img{height:100%;vertical-align:middle;}
.lc4_bn{width:100%;margin:0 auto;text-align:center;position:relative;}


.lab_case5{width:100%;max-width:980px;margin:0;padding:0;position:relative;}
.lab_case5 .lc5_tit{height:50px;margin:0 0 10px;text-align:left;font-size:24px;font-weight:600;line-height:50px;position:relative;}
.lab_case5 ul{margin:0 0 30px;}
.lab_case5 li{width:100%;height:195px;margin:0 0 10px;border:1px solid #ddd;position:relative;}
.lab_case5 li .l5_tcase{width:100%;height:65px;position:relative;z-index:1;}
.lab_case5 li .l5_tcase .l5_tit{margin:7px 0 0;padding:0 10px;text-align:left;font-size:18px;font-weight:700;color:#333;line-height:30px;letter-spacing:-1px;display:block;}
.lab_case5 li .l5_tcase .l5_txt{padding:0 10px;text-align:left;font-size:13px;font-weight:400;color:#00aacc;line-height:24px;display:block;}
.lab_case5 li .l5_tcase .l5_txt span{margin:0 5px;color:#999;}
.lab_case5 li .l5_tcase .l5_txt img{width:15px;height:15px;margin:0 0 2px;}
.lab_case5 li .l5_tcase img{width:100%;}
.lab_case5 li .l5_thum{width:100%;height:125px;background-color:#e1e1e1;text-align:center;position:relative;left:0;top:0;overflow:hidden;z-index:0;}
.lab_case5 li .l5_thum .l5_table{width:100%;height:125px;display:table;}
.lab_case5 li .l5_thum .l5_cell{height:125px;text-align:center;vertical-align:top;display:table-cell;}
.lab_case5 li .l5_thum .l5_cell img{height:100%;vertical-align:middle;}
.lc5_bn{width:100%;margin:0 auto;position:relative;}
.lc5_bn img{width:100%;}


/* 실시간댓글 */
.comm_wrap{margin:0;padding:0;position:relative;}
.comm_wrap ul{margin:0;padding:0;}
.comm_wrap li{margin:0 0 10px;border:none;border-top:1px solid #e1e1e1;position:relative;}
.comm_wrap .cw_text{width:100%;padding:15px 2%;position:relative;}
.comm_wrap .cw_text .ct_tit{height:30px;margin:0 0 10px;font-size:18px;line-height:30px;overflow:hidden;}
.comm_wrap .cw_text .ct_tit .ct_time{height:30px;margin:0;font-size:16px;float:right;display:block;}
.comm_wrap .cw_text .ct_txt{height:44px;font-size:14px;line-height:22px;overflow:hidden;}
.comm_wrap .cw_link{width:100%;height:40px;padding:0 5% 0 2%;background-color:#fbfbfb;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:16px;font-weight:600;line-height:40px;position:relative;overflow:hidden;}
.comm_wrap .cw_link span{width:40px;height:40px;background:url(../images/icon/more_d_icon1.png) no-repeat center 50%;position:absolute;right:-5px;top:-1px;}
.comm_wrap .cw_link a{width:100%;height:40px;color:#00aacc;display:block;}


/* 구독뉴스 */
.ud_more{width:110px;height:40px;margin:20px auto;border:1px solid #ddd;border-radius:3px;}
.ud_more a{width:100%;height:40px;text-align:center;font-size:14px;font-weight:500;line-height:40px;display:block;}


/* 구독소개 */
.star_wrap{margin:0;padding:0;position:relative;}
.star_wrap ul{margin:0;padding:0;}
.star_wrap li{margin:0 0 10px;padding:5px 3%;background-color:#fbfbfb;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;position:relative;}
.star_wrap .sw_thum{width: 45px; height: 45px; border: 1px solid #e1e1e1; border-radius: 100%; float: left; overflow: hidden;}
.star_wrap .sw_thum img{width:45px;}
.star_wrap .sw_text{width:75%;margin:0 0 0 2%;float:left;overflow:hidden;}
.star_wrap .sw_text .st_tit{height:45px;margin:0;font-size:18px;font-weight:600;line-height:45px;position:relative;overflow:hidden;}
.star_wrap .sw_text .st_tit b{margin:0;font-size:18px;font-weight:600;}
.star_wrap .sw_text .st_tit .st_sns{height:45px;font-size:16px;float:right;display:block;}
.star_wrap .sw_text .st_tit .st_sns a{margin:0 0 0 2px;}


/* 기자소개 */
.jour_wrap{margin:0;padding:0;position:relative;}
.jour_wrap ul{margin:0;padding:0;}
.jour_wrap li{margin:0 0 10px;padding:15px 3%;background-color:#fbfbfb;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;position:relative;overflow:hidden;}
.jour_wrap .jw_thum{width:20%;min-width:85px;height:85px;text-align:center;float:left;overflow:hidden;}
.jour_wrap .jw_thum img{width:85px;border:1px solid #e1e1e1;border-radius:100%;}
.jour_wrap .jw_text{width:69%;margin:0 0 0 2%;float:left;overflow:hidden;}
.jour_wrap .jw_text2{width:78%;margin:0 0 0 2%;position:relative;float:left;overflow:hidden;}
.jour_wrap .jt_bit{height:85px;margin:0;font-size:17px;font-weight:600;line-height:85px;letter-spacing:-1px;}
.jour_wrap .jt_bit2{margin:0;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-1px;}
.jour_wrap .jt_btn{width:85px;font-size:13px;position:relative;left:0;top:0;display:block;}
.jour_wrap .jt_btn a{width:100%;height:30px;margin:5px 0;border:1px solid #0082cd;border-radius:3px;text-align:center;font-size:13px;color:#0082cd;line-height:30px;display:block;}
.jour_wrap .jt_btn a:hover,
.jour_wrap .jt_btn a.on{background-color:#0082cd;border:1px solid #0082cd;color:#fff;}
.jour_wrap .jt_btn a img{width:12px;margin:0 0 3px 3px;vertical-align:middle;}
.jour_wrap .jt_tit{height:32px;margin:0;font-size:18px;font-weight:600;line-height:32px;position:relative;overflow:hidden;}
.jour_wrap .jt_tit2{width:78%;height:30px;margin:0;font-size:16px;font-weight:600;line-height:30px;position:relative;overflow:hidden;}
.jour_wrap .jt_tit b{margin:0 30px 0 0;font-size:18px;font-weight:600;}
.jour_wrap .jt_tit .jt_sns{height:32px;font-size:16px;float:right;display:block;}
.jour_wrap .jt_tit .jt_sns a{margin:0 0 0 2px;}
.jour_wrap .jt_info{width:20%;height:60px;text-align:right;font-size:16px;position:absolute;right:0;top:9px;display:block;overflow:hidden;}
.jour_wrap .jt_info img{height:100%;}
.jour_wrap .jt_txt{height:55px;font-size:15px;line-height:20px;overflow:hidden;}
.jour_wrap .jt_txt2{width:77%;height:48px;font-size:13px;line-height:16px;overflow:hidden;}
.jour_wrap .jt_txt a,
.jour_wrap .jt_txt2 a{color:#555;}




/*** BSIDE ***/
.tbl_type1,.tbl_type1 th,.tbl_type1 td{margin:0;padding:1px 0 0;border:0}
.tbl_type1{width:100%;font-size:12px;}
.tbl_type1 caption{display:none}
.tbl_type1 th{border-bottom:1px solid #7f7f7f;text-align:center;font-size:11px;font-weight:bold;line-height:25px;}
.tbl_type1 td{line-height:24px;}
.tbl_type1 .btxt{font-size:18px;font-weight:bold;}
.tbl_type1 .btxt span{font-size:18px;font-weight:bold;}
.tbl_type1 .stxt{font-size:11px;letter-spacing:-1px;}
.tbl_type1 .bpoint{color:#5489e7;}




/*** Login ***/
.login_wrap{width:310px;margin:20px auto 0;padding:0;position:relative;}
.login_wrap .lw_tit{width:100%;margin:0 0 30px;text-align:center;font-size:26px;font-weight:600;}
.login_wrap .lw_lsit{width:100%;margin:20px 0 5px;text-align:left;font-size:16px;font-weight:600;}
.login_wrap .lw_lsxt{width:100%;margin:0 0 10px;text-align:left;font-size:14px;font-weight:600;}
.login_wrap .lw_chk{margin:0 -10px 10px 0;text-align:right;font-size:13px;color:#666;}
.login_wrap .lw_chk input[type="checkbox"] + label:before{width:1.4em;height:1.4em;left:3px;top:2px;}
.login_wrap .lw_inp{margin:0;padding:0;}
.login_wrap .lw_inp input[type="checkbox"] + label{padding-right:0 !important;}
.login_wrap .lw_inp input[type="text"], .lw_inp input[type="password"]{width:300px !important;height:40px;padding:0 10px !important;border-radius:0;line-height:40px;}
.login_wrap .lw_btn{width:100%;height:40px;margin:0 0 20px;background-color:#00a8c8;border:1px solid #00a8c8;border-radius:4px;text-align:center;font-size:15px;color:#fff;line-height:40px;display:block;}
.login_wrap .lw_bcase{height:45px;border-top:1px solid #e0e0e0;text-align:center;line-height:45px;position:relative;}
.login_wrap .lw_bcase .pw_btn{text-align:right;color:#888;}
.login_wrap .lw_bcase span{margin:0 15px;color:#e0e0e0;}
.login_wrap .lw_bcase .jn_btn{text-align:left;color:#888;}
.login_wrap .lw_profile{height:70px;margin:0 0 10px;padding:0;position:relative;}
.login_wrap .lw_profile .lp_thum{width:70px;height:70px;margin:0 15px 0 0;position:relative;float:left;}
.login_wrap .lw_profile .lp_thum .it_pro{background-color:#f3f3f3;border:1px solid #ddd;border-radius:100%;position:relative;overflow:hidden;}
.login_wrap .lw_profile .lp_thum .it_pro .lt_img{width:100%;}
.login_wrap .lw_profile .lp_thum span{padding:1px 3px;background-color:#fff;border:1px solid #ddd;border-radius:100%;text-align:center;line-height:20px;display:block;position:absolute;right:0;bottom:0;}
.login_wrap .lw_profile .lp_thum span img{width:15px;vertical-align:middle;}
.login_wrap .lw_profile .lp_btn{width:225px;height:40px;margin:15px 0;float:left;}
.login_wrap .lw_profile .lp_btn a{width:100%;height:40px;background-color:#009ebe;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:40px;display:block;}
.login_wrap .lw_txtarea{margin:0 0 10px;padding:0;position:relative;}
.login_wrap .lw_keyword{margin:0 0 10px;padding:0;position:relative;}
.login_wrap .lw_keyword ul{margin:0 0 0 -2%;padding:0;position:relative;}
.login_wrap .lw_keyword li{width:18%;margin:0;padding:0;text-align:center;display:block;float:left;}
.login_wrap .lw_keyword li.lk_chk{margin:0 0 0 2%;padding:5px 0;}
.login_wrap .lw_keyword li.lk_chk label {margin:0;font-size:12px;font-weight:300;cursor:pointer;display:block;}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] {
	width:1em;
	margin-right:-2em;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	opacity:0;
	display:block;
	float:left;
	z-index:-1;
}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] + label {
	width:100%;
	height:30px;
	padding:0;
	background-color:#fff;
	text-decoration:none;
	text-align:center;
	font-weight:400;
	line-height:30px;
	position:relative;
	cursor:pointer;
	display:block;
	float:left;
}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] + label.lbw50 b{font-size:15px !important;}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] + label.lbw25 b{font-size:13px !important;}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] + label.lbw25 b.lb2{margin:6px 0 0;line-height:18px !important;}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] + label b{
	width:100%;
	height:30px;
	font-weight:600;
	color:#666;
	line-height:30px;
	position:absolute;
	left:0;
	top;0;
}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] + label:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"] + label:before {
	width:100%;
	height:30px;
	margin:0;
	text-align:center;
	line-height:30px;
	display:inline-block
}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"]:checked + label:before {
	background-color:#009ebe !important;
	background:none;
	border:1px solid #dadada;
}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"]:checked + label b{
	color:#fff !important;
}
.login_wrap .lw_keyword li.lk_chk input[type="checkbox"]:focus + label:before {
	color:#fff;
}

.login_wrap .lw_keyword li.lk_btn{margin:0 0 7px 1.3%;padding:5px 0;background-color:#fff;border:1px solid #dadada;color:#2e83e0;position:relative;}
.login_wrap .lw_keyword li.lk_btn span{position:absolute;right:-5px;top:-5px;z-index:1;}
.login_wrap .lw_keyword li.lk_btn span a{width:15px;height:15px;margin:0;padding:0;background-color:#9e9e9e;border-radius:100%;text-align:center;font-size:18px;line-height:15px;color:#fff;display:block;}


/** PW 찾기 **/
.login_wrap .pw_case{margin:0;padding:0;position:relative;}
.login_wrap .pw_case .pi_inp{width:190px;margin:0 10px 0 0;float:left;}
.login_wrap .pw_case .pi_inp input[type="text"]{width:100% !important;height:40px;padding:0 10px !important;border-radius:0;line-height:40px;}
.login_wrap .pw_case .pi_btn1,
.login_wrap .pw_case .pi_btn2{width:95px;height:40px;position:relative;float:right;}
.login_wrap .pw_case .pi_btn1 a{width:100%;height:40px;background-color:#626262;border:1px solid #626262;text-align:center;color:#fff;line-height:40px;float:left;}
.login_wrap .pw_case .pi_btn2 a{width:55px;height:40px;background-color:#626262;border:1px solid #626262;text-align:center;color:#fff;line-height:40px;float:left;}
.login_wrap .pw_case .pi_btn2 span{width:38px;height:40px;text-align:right;font-size:14px;color:#999;line-height:40px;float:left;}


/** PW 재설정 **/
.login_wrap .pw_case .pw_inp{width:255px;margin:0 10px 0 0;float:left;}
.login_wrap .pw_case .pw_inp input[type="text"]{width:100% !important;height:40px;padding:0 10px !important;border-radius:0;line-height:40px;}
.login_wrap .pw_chk{width:30px;height:40px;margin:0;padding:0;float:right;}
.login_wrap .pw_chk input[type="checkbox"] + label{margin:0;padding:0;}
.login_wrap .pw_chk input[type="checkbox"] + label:before{width:30px;height:40px;margin:0;padding:0;border:none;content:'';background:url(../images/icon/check_icon_ov1.png) center 50% no-repeat;text-align:center;display:inline-block;position:absolute;left:0;top:0;}
.login_wrap .pw_chk input[type="checkbox"]:checked + label:before{width:30px;height:40px;margin:0;padding:0;content:'';background:url(../images/icon/check_icon_up1.png) center 50% no-repeat;display:block;}


/** 회원가입 **/
.login_wrap .pw_case .lw_inp{width:300px;margin:0 10px 0 0;float:left;}
.login_wrap .pw_case .lw_inp input[type="text"]{width:100% !important;height:40px;padding:0 10px !important;border-radius:0;line-height:40px;}
.login_wrap .pw_case .lw_txt{margin:0 0 15px;padding:0px;text-align:left;font-size:12px;color:#999;}

.login_wrap .pw_allsel{margin:8px 0 0;padding:8px 10px 0;border-top:1px solid #e0e0e0;}
.login_wrap .pw_allsel label{padding:8px 0 8px 28px;font-size:14px !important;color:#666 !important;}
.login_wrap .pw_allsel input[type="checkbox"] + label:before{width:1.4em;height:1.4em;left:0;top:8px;}
.login_wrap .pc_case{margin:0 0 25px;padding:15px 15px 0;background-color:#ebebeb;border:1px solid #dcdcdc;text-align:left;position:relative;}
.login_wrap .pc_case ul{margin:0;padding:0;}
.login_wrap .pc_case li{height:30px;border:none;position:relative;display:block;}
.login_wrap .pc_case li span{height:30px;position:absolute;right:10px;top:0;}
.login_wrap .pc_case label{padding:0 0 0 30px;font-size:14px !important;color:#666 !important;}
.login_wrap .pc_case label b{font-size:14px !important;font-weight:500;}
.login_wrap .pc_case input[type="checkbox"] + label:before{width:1.4em;height:1.4em;background-color:#fff;left:0;top:0;}


/** 회원가입 완료 **/
.login_wrap .lw_wbtn{width:100%;height:40px;margin:25px 0;text-align:center;font-size:15px;position:relative;}
.login_wrap .lw_wbtn .lo_gbtn{width:49%;height:40px;margin:0;background-color:#626262;border:1px solid #626262;border-radius:4px;color:#fff;line-height:40px;display:block;float:left;}
.login_wrap .lw_wbtn .lo_bbtn{width:49%;height:40px;margin:0;background-color:#00a8c8;border:1px solid #00a8c8;border-radius:4px;color:#fff;line-height:40px;display:block;float:right;}


/** MY Page **/
.my_wrap{margin:20px 0;position:relative;}
.my_wrap .mw_tit{width:100px;height:35px;background-color:#313131;border-radius:4px 4px 0 0;text-align:center;font-size:16px;color:#fff;line-height:35px;position:relative;float:left;}
.my_wrap .mw_text{margin:0;padding:0;}
.my_wrap .mw_text{border-top:1px solid #313131;border-bottom:1px solid #313131;}
.my_wrap .mw_text ul{margin:20px 15px;padding:0;}
.my_wrap .mw_text li{width:320px;margin:0 auto;position:relative;}
.my_wrap .mw_text .mt_tit{width:100%;height:30px;margin:0 0 5px;text-align:left;font-size:16px;font-weight:600;line-height:30px;position:relative;}
.my_wrap .mw_text .mt_txt{width:100%;margin:0 0 20px;text-align:left;font-size:14px;line-height:30px;position:relative;}
.my_wrap .mw_text .mt_btn{width:120px;height:35px;margin:10px auto 20px;padding:0 10px;background-color:#666;border-radius:4px;text-align:center;font-size:16px;color:#fff;line-height:35px;display:block;}
.my_wrap .mw_text .btn_case{width:320px;height:35px;margin:10px auto 20px;padding:0;position:relative;}
.my_wrap .mw_text .btn_case .bc_btn{width:140px;margin:0 5px;background-color:#666;border-radius:4px;text-align:center;font-size:16px;color:#fff;line-height:35px;float:left;display:block;}

.my_wrap .mw_text .mw_mody{width:345px;height:40px;position:relative;}
.my_wrap .mw_text .mw_mody .mwt_inp{width:290px;margin:0 10px 0 0;float:left;}
.my_wrap .mw_text .mw_mody .mwt_inp input[type="text"], .my_wrap .mw_text .mw_mody .mwt_inp input[type="password"]{width:100% !important;height:40px;padding:0 10px !important;border-radius:0;line-height:40px;}
.my_wrap .mw_text .mw_mody .mwt_inp .bc_btn{width: 80px; height: 40px; background-color: #626262; border: 1px solid #626262; text-align: center; color: #fff; line-height: 40px;float: right;    margin-right: 18px;}
.my_wrap .mw_text .mw_mody .mwt_chk{width:30px;height:40px;margin:0;padding:0;float:right;}
.my_wrap .mw_text .mw_mody .mwt_chk input[type="checkbox"] + label{margin:0;padding:0;}
.my_wrap .mw_text .mw_mody .mwt_chk input[type="checkbox"] + label:before{width:30px;height:40px;margin:0;padding:0;border:none;content:'';background:url(../images/icon/check_icon_ov1.png) center 50% no-repeat;text-align:center;display:inline-block;position:absolute;left:0;top:0;}
.my_wrap .mw_text .mw_mody .mwt_chk input[type="checkbox"]:checked + label:before{width:30px;height:40px;margin:0;padding:0;content:'';background:url(../images/icon/check_icon_up1.png) center 50% no-repeat;display:block;}






/************************************************
*		POPUP									*
************************************************/

.mw_popup1, .mw_popup2, .mw_popup3{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:1000000;}
.mw_popup1.open, .mw_popup2.open, .mw_popup3.open{display:block}
.mw_popup1 .bg, .mw_popup2 .bg, .mw_popup3 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;display:none;}
#popup1, #popup2, #popup3{width:320px;margin:-200px 0 0 -160px;position:absolute;top:45%;left:50%;}
#popup1.g_popup1 .g_popup1, #popup2.g_popup2 .g_popup2, #popup3.g_popup3 .g_popup3{display:block}
#popup1 .close, #popup2 .close, #popup3 .close{width:17px;height:17px;padding:0;border:0;background:transparent;text-decoration:none !important;cursor:pointer;opacity:1;overflow:visible;position:absolute;top:16px;right:13px;}
	
.pop_header{height:40px;padding:0 10px;background:#313131;border:5px solid #313131;border-radius:5px 5px 0 0;text-align:center;font-size:16px;font-weight:400;color:#fff;line-height:40px;}
.pop_header img{width:16px;height:16px;}

.pop_contant {padding:15px 15px 5px;background:#fff;border-left:5px solid #efefef;border-right:5px solid #efefef;border-bottom:5px solid #efefef;border-radius:0 0 5px 5px;position:relative;}
.pop_scr{height:300px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.pop_contant table {width:90%;}
.pop_contant table tr {height:30px;}
.pop_contant table td {font-size:14px;font-weight:400;color:#bbb;}
.pop_contant table td input[type="text"]{height:40px;padding:0 10px;border-radius:0;line-height:40px;}
.pop_contant table td .ptit{font-size:15px;font-weight:600;color:#444;}

.pop_contant textarea{font-size:14px;color:#bbb;}

.btn_wrap{width:130px;height:30px;margin:15px auto 10px;padding:0;text-align:center;font-size:13px;font-weight:400;color:#c1c1c1;line-height:30px;position:relative;}
.btn_wrap a{cursor:pointer;float:left;}

a.btn100{width:120px;margin:0;}
a.btn50{width:55px;margin:0 5px;}

a.btn_confirm {background:#5a5a5a;border-radius:3px;color:#fff;float:left;display:block;}
a.btn_confirm:hover {background:#5a5a5a;color:#fff;text-decoration:none !important;}

a.btn_close {background:#5a5a5a;border-radius:3px;color:#fff;float:left;display:block;}
a.btn_close:hover {background:#5a5a5a;color:#fff;text-decoration:none !important;}






/************************************************
*		SLIDER MENU								*
************************************************/

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content:" ";
	display:table;
}

.clearfix:after {
	clear:both;
}

.main > section {
	max-width:50px;
	width:90%;
	margin-left:10px;
	position:fixed;
	top:10px;
	z-index:100000;
}

.main > section button {
	margin:0;
	padding:5px 5px 8px;
	opacity:1;
	color:#fff;
	display:block;
	cursor:pointer;
}

.main > section button:hover {
	opacity:1;
}

.main > section button.active {
	opacity:1;
}

.main > section button.disabled {
	opacity:1;
	pointer-events:none;
}


/* General styles for all menus */
.cbp-spmenu {
	background:#fff;
	border-right:1px solid #000;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
	position:fixed;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
	width:280px;
	height:100%;
	top:0;
	z-index:999999;
}

.cbp-spmenu-vertical a {
	padding:10px 0 0;
}

.cbp-spmenu-horizontal {
	width:100%;
	height:150px;
	left:0;
	z-index:1000;
	overflow:hidden;
}

.cbp-spmenu-horizontal h3 {
	height:100%;
	width:20%;
	float:left;
}

.cbp-spmenu-horizontal a {
	float:left;
	width:20%;
	padding:0.8em;
	border-left:1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
	left:-280px;
}

.cbp-spmenu-right {
	right:-280px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left:0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right:0px;
}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
	top:-280px;
}

.cbp-spmenu-bottom {
	bottom:-280px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top:0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom:0px;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
	overflow-x:hidden;
	position:absolute;
	left:0;
	z-index:0;
}

.cbp-spmenu-push-toright {
	left:280px;
}

.cbp-spmenu-push-toleft {
	left:-280px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/* Example media queries */
@media screen and (max-width:55.1875em){
	.cbp-spmenu-horizontal {
		font-size:75%;
		height:110px;
	}
	.cbp-spmenu-top {
		top:-110px;
	}
	.cbp-spmenu-bottom {
		bottom:-110px;
	}
}

@media screen and (max-height:26.375em){
	.cbp-spmenu-vertical {
		font-size:90%;
		width:280px;
	}
	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left:-280px;
	}
	.cbp-spmenu-right {
		right:-280px;
	}
	.cbp-spmenu-push-toright {
		left:280px;
	}
}






/************************************************
*		ETC										*
************************************************/

.nc_tit{height:46px;font-size:22px;font-weight:600;line-height:46px;position:relative;}
.nc_stit{margin:0 0 10px;font-size:16px;font-weight:600;color:#999;line-height:24px;position:relative;}

.talbtn{text-align:left;}
.tacbtn{text-align:center;}
.tarbtn{text-align:right;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:996px){
}

@media all and (max-width:980px){
}

@media all and (max-width:770px){
}

@media all and (max-width:768px){
}

@media all and (max-width:480px){
	.header_wrap{height:40px;}
	.mcontainer{padding:40px 0 0;}
	.pcontainer{padding:50px 0 0;}

	.header{height:40px;}
	.header .menu{width:20px;height:20px;}
	.header .menu .nav{width:20px;height:20px;background:url(../images/icon/nav_m_up.png) no-repeat 0 0;line-height:20px;}
	.mn_case .mc_title{height:41px;font-size:14px;line-height:41px;}
	.mn_case .mc_title span{height:24px;right:35px;top:8px;}
	.mn_case .mc_title span a{height:24px;font-size:12px;line-height:24px;}
	.mn_case .mc_title .nclose{height:24px;line-height:24px;right:5px;top:0;}
	.mn_case .mc_title .nclose img{height:22px;margin:9px 0 0;}
	.mn_case li{font-size:14px;line-height:40px;}
	.mn_case li span{width:40px;height:40px;}
	.mn_case li a{height:40px;line-height:40px;}
	.mn_case li p{height:40px;}
	.mn_case li.sub{font-size:13px;}

	.header .logo{height:40px;font-size:19px;line-height:40px;}
	.header .logo img{width:105px;height:15px;margin:10px 0 0;}

	.header .search{width:20px;height:20px;line-height:20px;right:10px;top:10px;}
	.header .search .t_btn{width:20px;height:20px;background:url(../images/icon/sear_m_up1.png) no-repeat center 50%;line-height:20px;}
	.header .t_inp{height:42px;padding:5px 5px 0;line-height:42px;top:39px;z-index:1000;}
	.header .t_inp .ti{width:88%;height:30px;}
	.header .t_inp .ti input{height:30px;font-size:13px;line-height:30px;}
	.header .t_inp .tb{width:12%;height:32px;}
	.header .t_inp .tb a{width:100%;height:32px;line-height:32px;background:#9d9d9d url(../images/icon/sear_m_up1.png) no-repeat center 50%;}


	.main > section {
		top:10px;
	}
	.flex-direction-nav .flex-prev {
		left:5px;
	}
	.flex-direction-nav .flex-next {
		right:5px;
	}
	.flexslider:hover .flex-direction-nav .flex-prev {
		left:5px;
	}
	.flexslider:hover .flex-direction-nav .flex-next {
		right:5px;
	}


	.sub_case{top:40px;}
	.ctt{padding-top:120px !important;}
	.ctt2{padding-top:150px !important;}

	.lab_case1{height:280px;}

	.vod_wrap{height:280px;}
	.vod_wrap .vod_txt{bottom:10px;}
	.vod_wrap .vod_txt b{margin:0 0 10px;font-size:20px;}
	.vod_wrap .vod_bn .vb{height:100px;background-size:100% 100%;top:200px;}
	.vod_wrap .vod_txt li .vt_pf{height:20px;font-size:12px;line-height:20px;}
	.vod_wrap .vod_txt li .vt_pf img{width:20px;height:20px;}
	.vod_wrap .vod_txt li .vt_sns{height:20px;font-size:13px;line-height:20px;}
	.vod_wrap .vod_txt li .vt_sns img{width:20px;height:20px;}


	.lab_case2{height:135px;margin:0 0 15px;}
	.lab_case2 .lc2_wrap .lw_thum{width:30%;max-width:120px;height:133px;}
	.lab_case2 .lc2_wrap .lw_thum .table{width:100%;height:135px;}
	.lab_case2 .lc2_wrap .lw_txt{width:67%;margin:0 0 0 3%;float:left;}
	.lab_case2 .lc2_wrap .lw_txt b{height:48px;margin:5px 0 0;font-size:17px;line-height:24px;}
	.lab_case2 .lc2_wrap .lw_txt p{height:66px;margin:5px 0 0;font-size:13px;line-height:22px;}


	.lab_case3 li{margin:0 0 10px;}
	.lab_case3 li .l3_thum{height:255px;}
	.lab_case3 li .l3_thum .l3_table{height:255px;}


	.lab_case3 li .l3_thum .l3over{height:95px;background-size:100% 100%;}
	.lab_case3 li .l3_text{height:40px;}
	.lab_case3 li .l3_text .lt_pf{width:50%;height:40px;font-size:13px;line-height:40px;}
	.lab_case3 li .l3_text .lt_pf img{width:25px;height:25px;}
	.lab_case3 li .l3_text .lt_sns{height:40px;font-size:13px;line-height:40px;}



	.comm_wrap .cw_text{padding:10px 2%;}
	.comm_wrap .cw_text .ct_tit{font-size:16px;}
	.comm_wrap .cw_text .ct_tit .ct_time{font-size:14px;}
	.comm_wrap .cw_text .ct_txt{height:40px;font-size:13px;line-height:20px;}
	.comm_wrap .cw_link{font-size:14px;}



	.star_wrap .sw_thum{width:13%;min-width:40px;height:40px;}
	.star_wrap .sw_thum img{width:40px;}
	.star_wrap .sw_text{width:82%;}
	.star_wrap .sw_text .st_tit{height:40px;font-size:16px;line-height:40px;}
	.star_wrap .sw_text .st_tit b{font-size:16px;}
	.star_wrap .sw_text .st_tit .st_sns{height:40px;font-size:14px;}



	.jour_wrap li{height:120px;padding:15px 3%;}
	.jour_wrap .jw_thum{min-width:80px;height:80px;}
	.jour_wrap .jw_thum img{width:80px;}
	.jour_wrap .jw_text{width:75%;margin:0 0 0 5%;}
	.jour_wrap .jw_text .jt_tit{height:35px;line-height:35px;}
	.jour_wrap .jw_text .jt_tit .jt_sns{height:35px;}
	.jour_wrap .jw_text .jt_tit .jt_sns img{height:26px;margin:-3px 0 0;}
}

@media all and (max-width:419px){
	.header .logo img{margin:12px 0 0;}


	.lab_case1{height:215px;}


	.vod_wrap{height:215px;}
	.vod_wrap .vod_bn .vb{top:115px;}


	.lab_case2{height:100px;}
	.lab_case2 .lc2_wrap .lw_thum{max-width:110px;height:98px;}
	.lab_case2 .lc2_wrap .lw_thum .table{height:100px;}
	.lab_case2 .lc2_wrap .lw_txt{width:60%;}
	.lab_case2 .lc2_wrap .lw_txt b{height:40px;margin:8px 0 0;font-size:14px;line-height:20px;}
	.lab_case2 .lc2_wrap .lw_txt p{height:32px;margin:8px 0 0;font-size:12px;line-height:16px;}



	.lab_sel a.sel_btn{width:130px;font-size:13px;}
	.lab_sel .sel_list{width:130px;}
	.lab_sel .sel_list li{width:130px;}
	.lab_sel .sel_list li a{width:128px;}



	.lab_case3 li .l3_thum{height:195px;}
	.lab_case3 li .l3_thum .l3_table{height:195px;}
	.lab_case3 li .l3_thum .l3_tit{height:40px;margin:0 0 5px;padding:0 10px;font-size:16px;line-height:20px;}
	.lab_case3 li .l3_text{height:35px;}
	.lab_case3 li .l3_text .lt_pf{width:50%;height:35px;font-size:12px;line-height:35px;}
	.lab_case3 li .l3_text .lt_pf img{width:20px;height:20px;}
	.lab_case3 li .l3_text .lt_sns{height:35px;font-size:12px;line-height:35px;}



	.comm_wrap .cw_text{padding:5px 2%;}
	.comm_wrap .cw_text .ct_tit{height:25px;line-height:25px;}
	.comm_wrap .cw_text .ct_tit .ct_time{font-size:13px;}
	.comm_wrap .cw_text .ct_txt{height:36px;font-size:12px;line-height:18px;}
	.comm_wrap .cw_link{height:35px;font-size:13px;line-height:35px;}
	.comm_wrap .cw_link span{width:35px;height:35px;}
	.comm_wrap .cw_link a{height:35px;}



	.star_wrap .sw_thum{width:35px;min-width:35px;height:35px;}
	.star_wrap .sw_thum img{width:35px;}
	.star_wrap .sw_text .st_tit{height:35px;font-size:15px;line-height:35px;}
	.star_wrap .sw_text .st_tit b{font-size:15px;}
	.star_wrap .sw_text .st_tit .st_sns{height:35px;font-size:13px;}
	.star_wrap .sw_text .st_tit .st_sns img{height:25px;}



	.jour_wrap li{height:100px;padding:10px 3%;}
	.jour_wrap .jw_thum{width:20%;min-width:60px;height:70px;}
	.jour_wrap .jw_thum img{width:60px;margin:10px 0 0;}
	.jour_wrap .jw_text .jt_tit{height:28px;font-size:16px;line-height:28px;}
	.jour_wrap .jw_text .jt_tit b{font-size:16px;}
	.jour_wrap .jw_text .jt_tit .jt_sns{height:28px;font-size:14px;}
	.jour_wrap .jw_text .jt_tit .jt_sns img{height:24px;margin:-3px 0 0;}
	.jour_wrap .jw_text .jt_txt{font-size:14px;line-height:18px;}
}