@charset "utf-8";
/*
	font
	Titillium Web : 400, 600, 700
	Noto Sans KR : 300, 400, 500, 700, 900
	Nanum Square : 400, 700
	Nanum Barun Gothic : 200, 300, 400, 700
	Roboto : 300, 400, 500, 700
	PT Serif : 700
*/
/* 공통 */
body{position:relative;}
.js_mobile_check{display:none;}

/* layout */
.user a.js_top{display:none; position:fixed; right:50%; bottom:0; z-index:20; width:60px; height:60px; line-height:60px; margin-right:-680px; text-align:center; color:#fff;}
.user.gnb a.js_top{display:block;}




.user #wrap .layout{max-width:1280px; margin:0 auto;}
.user #wrap .layout:after{content:""; display:block; clear:both;}
.user #txt{font-family:"Noto Sans KR";}


/* header */
body{overflow-x:hidden;}
.user #wrap{padding-top:100px; box-sizing:border-box;}
.user #header{overflow:hidden; position:fixed; left:0; top:0; z-index:400; width:100%; height:100px; text-align:center; background-color:transparent;}
.user #header .layout{overflow:hidden;max-width: 1470px;}
.user #header h1{
	overflow:hidden; position:absolute; left:60px; top:0; z-index:100; width:220px; height:100px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header h1 a:before{content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background-image:url(/media/images/layout/logo.png); background-repeat:no-repeat; background-position:left top; background-size:auto 100%;}
.user #header h1 a span{display:block; position:absolute; left:-100%; top:0; z-index:0; width:100%; height:100%;}

.user #header .menu#gnb{display:block; overflow:hidden; width:93%; font-family:"Nanum Square"; text-align:left; box-sizing:border-box;}
.user #header .menu#gnb:before{
	content:""; display:block; position:absolute; left:0; top:100px; z-index:0; width:100%; height:0%; padding-top:0px; background:url(/media/images/layout/menu_bg.jpg) no-repeat right bottom; background-size:cover; box-sizing:border-box;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
.user #header:before{
	opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100px; background-color:#fff;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header .menu#gnb>ul{overflow:hidden; width:100%; height:100px; text-align:right;}
.user #header .menu#gnb>ul:before{display:none; content:""; position:absolute; left:70px; bottom:0; z-index:0; width:470px; height:100%; margin-bottom:-56px; background:url(/media/images/layout/menu_icon_01.png) no-repeat center center;}
.user #header .menu#gnb>ul:after{opacity:0; display:block; content:""; position:absolute; right:0px; bottom:0; width:165px; height:180px; background:url(/media/images/layout/menu_icon_02.png) no-repeat center center;}
.user #header .menu#gnb>ul>li{display:inline-block; position:relative; z-index:10; padding:0 20px; vertical-align:top;}
.user #header .menu#gnb>ul>li:before{
	opacity:0; content:""; position:absolute; left:0; top:100px; width:100%; height:700px; background-color:#17b7eb;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.user #header .menu#gnb>ul>li:hover:before{opacity:1;}
.user #header .menu#gnb>ul>li>a{
	display:block; position:relative; z-index:10; width:100%; height:100px; line-height:100px; padding:0; text-align:center; font-size:20px; font-weight:700; color:#fff; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header .menu#gnb>ul>li:hover>a,
.user #header .menu#gnb>ul>li>a:hover{text-decoration:none; color:#0e55a7 !important;}
.user #header .menu#gnb>ul>li>ul{position:relative; z-index:10; padding:20px 0;}
.user #header .menu#gnb>ul>li>ul>li>a{display:block; margin:15px 0; padding:0 30px; text-align:left; font-family:"Noto Sans KR"; font-size:15px; color:#fff;}
.user #header .menu#gnb>ul>li>ul>li>a:hover{color:#fff;}



.user #header #etc{position:absolute; right:60px; top:36px; z-index:100;}
.user #header #etc .sitemap_btn{float:left; position:relative; overflow:hidden; display:block; width:30px; height:30px; margin-left:20px; background-image:url(/media/images/layout/sitemap_btn.png); background-repeat:no-repeat; background-position:center center;}
.user #header #etc .sitemap_btn span{display:block; position:absolute; left:-100%; top:0; width:100%; height:100%;font-size: 0;}
.user #header #etc .search_btn{float:left; position:relative; overflow:hidden; display:block; width:30px; height:30px; background-image:url(/media/images/layout/search_btn.png); background-repeat:no-repeat; background-position:center center;}
.user #header #etc .search_btn span{display:block; position:absolute; left:-100%; top:0; width:100%; height:100%;}



.user.gnb #header h1 a:before,
.user.sitemap #header h1 a:before,
.user.searchbox #header h1 a:before,
.user #header:hover h1 a:before{
	background-image:url(/media/images/layout/icon_logo.png) !important;
	transition:all 0.6s ease 0.1s;
	-webkit-transition:all 0.6s ease 0.1s;
}
.user#main #header:hover,
.user.gnb #header{
	box-shadow:0 1px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.3);
}
.user #header:hover{height:auto; overflow:visible;}
.user #header .menu#gnb:hover:before{top:0; height:100%;}

.user #header .menu#gnb:hover>ul:after{opacity:1;}
.user.gnb #header:before,
.user.sitemap #header:before,
.user #header:hover:before,
.user.searchbox #header:before{opacity:1;}
.user #header .menu#gnb:hover>ul{height:inherit;}
.user #header .menu#gnb:hover>ul:before{display:block;}

.user.gnb #header .menu#gnb>ul>li>a,
.user.sitemap #header .menu#gnb>ul>li>a,
.user #header:hover .menu#gnb>ul>li>a{color:#4d4d4d;}
.user#sub #header #etc ul li a,
.user.gnb #header #etc ul li a,
.user.sitemap #header #etc ul li a,
.user #header:hover #etc ul li a{color:#757575;}
.user#sub #header #etc ul li a:before,
.user.gnb #header #etc ul li a:before,
.user.sitemap #header #etc ul li a:before,
.user #header:hover #etc ul li a:before{background-color:#c9c9c9;}

.user.gnb #header #etc .sitemap_btn,
.user.sitemap #header #etc .sitemap_btn,
.user #header:hover #etc .sitemap_btn{background-image:url(/media/images/layout/sitemap_btn_color.png);}

.user.gnb #header #etc .search_btn,
.user.search #header #etc .search_btn,
.user #header:hover #etc .search_btn{background-image:url(/media/images/layout/search_btn_color.png);}

.user #searchbox{
	opacity:0; position:fixed; left:0; top:-100%; z-index:900; width:100%; height:177px; padding-top:40px; text-align:center; background:url(/media/images/layout/menu_bg.jpg) no-repeat right bottom; background-size:cover; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #searchbox .layout{position:relative;}
.user #searchbox strong{display:inline-block; line-height:70px; margin-right:30px; vertical-align:middle; font-family:"Roboto"; font-size:32px; color:#fff;}
.user #searchbox .forms{display:inline-block; position:relative; width:425px; height:70px; vertical-align:middle;}
.user #searchbox .forms:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff;}
.user #searchbox .forms input[type="text"]{width:100%; height:100%; line-height:70px; padding-right:80px; font-size:40px; border:none; color:#fff; background-color:transparent; box-sizing:border-box;}
.user #searchbox .forms input[type="submit"]{overflow:hidden; position:absolute; right:0; top:0; width:70px; height:70px; text-indent:-1000px; background:url(/media/images/layout/searchbox_icon.png) no-repeat center center;}
.user #searchbox .btn_close{overflow:hidden; display:block; position:absolute; right:0; top:10px; width:50px; height:50px; text-indent:-1000px;}
.user #searchbox .btn_close:before{
	content:""; display:block; width:100%; height:100%; background:url(/media/images/layout/searchbox_close.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #searchbox .btn_close:hover:before{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.user.searchbox #searchbox{opacity:1; top:100px;}

.user #container{position:relative; z-index:1;padding: 50px 0 0 0}

.user #footer{padding:35px 0px; background-color:#373c44;}
.user #footer .layout{position:relative;}
.user #footer address{display:inline-block;margin-left: 19px;margin-top: -7px;line-height:20px; font-size: 14px;text-align:left; font-family:"Nanum Square"; font-style:normal; color:#b6b8bd;}
.user #footer .copy{line-height:20px;font-size: 14px; margin:5px 0 0 0; text-align:left; font-family:"Nanum Square"; color:#b6b8bd;}
.user #footer .sns{position:absolute; right:0; top:0;}
.user #footer .sns ul{}
.user #footer .sns ul:after{content:""; display:block; clear:both;}
.user #footer .sns ul li{float:left; margin-left:10px;}
.user #footer .sns ul li a{display:inline-block; position:relative; width:40px; height:40px; text-indent:-1000px;}
.user #footer .sns ul li a:before{
	content:""; display:block; position:absolute; left:50%; top:50%; width:100%; height:100%; margin:-20px 0 0 -20px; background-position:center center; background-repeat:no-repeat;
	border-radius:50%;
	-webkit-border-radius:50%;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #footer .sns ul li a.f:before{background-color:#3c5a99; background-image:url(/media/images/layout/footer_sns_1.png);}
.user #footer .sns ul li a.t:before{background-color:#5fa9dd; background-image:url(/media/images/layout/footer_sns_2.png);}
.user #footer .sns ul li a.u:before{background-color:#cb2027; background-image:url(/media/images/layout/footer_sns_3.png);}
.user #footer .sns ul li a.i:before{background-color:#ee4758; background-image:url(/media/images/layout/footer_sns_4.png);}
.user #footer .sns ul li a.b:before{background-color:#42a220; background-image:url(/media/images/layout/footer_sns_5.png);}
.user #footer .sns ul li a.k:before{background-color:#090405; background-image:url(/media/images/layout/footer_sns_6.png);}
.user #footer .sns ul li a:hover:before{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.user #footer .sns ul li a span{overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; text-indent:-1000px;}


/* SUB */
.user#sub #wrap:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:350px; background:url(/media/images/layout/sub_bg.jpg) no-repeat center center; background-size:cover; box-sizing:border-box;}
.user#sub #visual{position:relative; z-index:300; width:100%; padding:0;}
.user#sub #visual:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-color:rgba(255,255,255,0.2);}
.user#sub #visual .layout{position:relative;width:100%; height:100%; padding: 50px 0; text-align:center;}
.user#sub #visual h3{line-height:41px; margin-bottom:20px; font-family:"Nanum Square"; font-weight:600; font-size:40px; color:#fff;}
.user#sub #visual .navi{}
.user#sub #visual .navi>div{position:relative; display:inline-block; line-height:20px; font-family:"Nanum Square"; font-size:15px; color:#fff;}
.user#sub #visual .navi>div:nth-child(1):before{content:""; display:inline-block; width:20px; height:20px; margin-right:12px; vertical-align:top; background:url(/media/images/layout/sub_home_icon.png) no-repeat center center;}
.user#sub #visual .navi>div:not(:nth-child(1)){padding-left:61px;}
.user#sub #visual .navi>div:not(:nth-child(1)):before{content:""; display:block; position:absolute; left:30px; top:0; width:1px; height:16px; background-color:rgba(255,255,255,0.3);}
.user#sub #visual .navi>div strong{display:block;}
.user#sub #visual .navi>div strong a{display:block; position:relative; padding-right:28px; color:#fff;}
.user#sub #visual .navi>div strong a:after{
	content:""; display:block; position:absolute; right:0; top:6px; width:11px; height:6px; background:url(/media/images/layout/sub_navi_bul.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#sub #visual .navi>div ul{display:none; position:absolute; left:30px; top:30px; width:190px; padding:17px 33px; background-color:#1e2123; box-sizing:border-box;}
.user#sub #visual .navi>div ul li{padding:7px 0px; text-align:left;}
.user#sub #visual .navi>div ul li a{position:relative; display:block; line-height:20px; padding-left:12px; font-family:"Nanum Square"; font-size:14px; color:#fff;}
.user#sub #visual .navi>div ul li a:before{
	content:""; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#999b9c;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.user#sub #visual .navi>div.on ul{display:block;}
.user#sub #visual .navi>div.on strong a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}


.user#sub #visual .layout .msns{display: inline-block;position:absolute; right:0; top:96px; width: 205px;height: 48px;}
.user#sub #visual .layout .gongu{overflow:hidden; position:absolute; right:145px; top:0; width:48px; height:48px; background-color:#1a2949;
	border-radius:24px;-webkit-border-radius:24px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;
}
.user#sub #visual .layout .gongu:after{content:""; display:block; clear:both;}
.user#sub #visual .layout .gongu>a{overflow:hidden; display:block; width:48px; height:48px; text-indent:-1000px;}
.user#sub #visual .layout .gongu>a:before{content:""; display:block; width:100%; height:100%; background:url(/media/images/layout/gongu_icon_1.png) no-repeat center center;}
.user#sub #visual .layout .gongu ul{ position:absolute; left:58px; top:0;}
.user#sub #visual .layout .gongu ul:after{content:""; display:block; clear:both;}
.user#sub #visual .layout .gongu ul li{float:left; width:48px; height:48px;}
.user#sub #visual .layout .gongu ul li a{overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px;}
.user#sub #visual .layout .gongu ul li a:before{content:""; display:block; width:100%; height:100%;}
.user#sub #visual .layout .gongu ul li a.f:before{background:url(/media/images/layout/gongu_icon_2.png) no-repeat center center;}
.user#sub #visual .layout .gongu ul li a.k:before{background:url(/media/images/layout/gongu_icon_3.png) no-repeat center center;}
.user#sub #visual .layout .gongu ul li a.s:before{background:url(/media/images/layout/gongu_icon_4.png) no-repeat center center;}
.user#sub #visual .layout .gongu.on{width:205px;}
.user#sub #visual .layout .print{
	overflow:hidden; display:block; position:absolute; right:92px; top:0; width:48px; height:48px; text-indent:-1000px; background-color:#1a2949;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#sub #visual .layout .print:before{content:""; display:block; width:100%; height:100%; background:url(/media/images/layout/icon_print.png) no-repeat center center;}
.user#sub #visual .layout .print:hover{background-color:#000;}
.user#sub #visual .layout .urlcopy{
	overflow:hidden; display:block; position:absolute; right:0; top:0; width:88px; height:48px; color:#fff; background-color:#1a2949;
	border-radius:30px;line-height: 48px;font-size: 14px;
	
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}



/* 당찬사람들 */
.user#sub #mediabox{position:relative; z-index:200; height:500px; background:url(/media/images/layout/sub_mediabox_bg.jpg) no-repeat center center;}
.user#sub #mediabox .layout{position:relative; padding:70px 0;}
.user#sub #mediabox .layout:before{content:""; display:block; position:absolute; left:0; top:58px; z-index:0; width:629px; height:323px; background:url(/media/images/layout/sub_top_simbol.png) no-repeat center center;}
.user#sub #mediabox .layout:after{content:""; display:block; clear:both;}
.user#sub #mediabox .layout .lbox{position: relative;float:left; display:block;z-index:10; width:50%;}
.user#sub #mediabox .layout .lbox:before{position: absolute;top:-30px;left:50px;content:""; display:block; width:580px; height:460px; background:url(/media/images/layout/sub_top_simbol2.png) no-repeat center center;}
.user#sub #mediabox .layout .lbox .sns{position: absolute;bottom: 16px;left: 350px;margin-top: 0;}

.user#sub #mediabox .layout .rbox{float:right; position:relative; box-sizing:border-box;}
.user#sub #mediabox .layout .rbox .movies{overflow:hidden; position:relative; width:524px; height:294px;}
.user#sub #mediabox .layout .rbox .movies span{display:block; position:absolute; left:50%; top:0; z-index:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.user#sub #mediabox .layout .rbox .movies span img{height:100%;}
.user#sub #mediabox .layout .rbox strong{position: relative;display:block; width:524px; height:66px; line-height:66px;     padding:0 20px 0 25px;font-family:"Nanum Square"; font-size:19px; color:#fff; background:#00519f url(/media/images/layout/sub_mediabox_titlebg.png) no-repeat right top; box-sizing:border-box;}
/*.user#sub #mediabox .layout .rbox strong:before{content:""; position: absolute; left:0; top:0; display:block;  width:92px; height:66px; background:url(/media/images/layout/sub_mediabox_icon.png) no-repeat center center;}*/

/* SNS */
.user#sub .layout .sns{position:relative; margin-top:20px;}
.user#sub .layout .sns ul{text-align:left;}
.user#sub .layout .sns ul li{display:inline-block; margin-left:10px;}
.user#sub .layout .sns ul li:first-child{ margin-left:0;}
.user#sub .layout .sns ul li a{display:inline-block; position:relative; width:40px; height:40px; text-indent:-1000px;}
.user#sub .layout .sns ul li a:before{
	content:""; display:block; position:absolute; left:50%; top:50%; width:100%; height:100%; margin:-20px 0 0 -20px; background-position:center center; background-repeat:no-repeat;
	border-radius:50%;
	-webkit-border-radius:50%;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#sub .layout .sns ul li a.f:before{background-color:#3c5a99; background-image:url(/media/images/layout/footer_sns_1.png);}
.user#sub .layout .sns ul li a.t:before{background-color:#5fa9dd; background-image:url(/media/images/layout/footer_sns_2.png);}
.user#sub .layout .sns ul li a.u:before{background-color:#cb2027; background-image:url(/media/images/layout/footer_sns_3.png);}
.user#sub .layout .sns ul li a.i:before{background-color:#ee4758; background-image:url(/media/images/layout/footer_sns_4.png);}
.user#sub .layout .sns ul li a.b:before{background-color:#42a220; background-image:url(/media/images/layout/footer_sns_5.png);}
.user#sub .layout .sns ul li a:hover:before{transform:scale(1.2);-webkit-transform:scale(1.2);}
.user#sub .layout .sns ul li a span{overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; text-align:left; text-indent:-1000px;}


/* 뉴스룸 */
.user#sub #newsbox{position:relative; z-index:200; height:500px; background:url(/media/images/layout/sub_newsbox_bg.jpg) no-repeat center center;}
.user#sub #newsbox .layout{position:relative; padding:70px 0;}
.user#sub #newsbox .layout:before{content:""; display:block; position:absolute; left:-120px; bottom:-30px; z-index:0;opacity: 0.2; width:629px; height:323px; background:url(/media/images/layout/sub_top_simbol.png) no-repeat center center;}
.user#sub #newsbox .layout:after{content:""; display:block; clear:both;}
.user#sub #newsbox .layout .lbox{float:left; display:block; position:relative; z-index:10; width:50%;}
.user#sub #newsbox .layout .lbox .news_video{width:620px;height:350px;}
/*.user#sub #newsbox .layout .lbox:before{content:""; display:block; width:611px; height:353px; background:url(/media/images/layout/sub_top_simbol2.png) no-repeat center center;}*/
.user#sub #newsbox .layout .lbox .photo{overflow:hidden; position:relative; width:100%; height:332px;}
.user#sub #newsbox .layout .lbox .photo:before{content:""; display:block; position:absolute; left:50%; top:50%; z-index:10; width:75px; height:75px; margin:-37px 0 0 -37px; background:url(/media/images/layout/mediabox_play.png) no-repeat center center;}
.user#sub #newsbox .layout .lbox .photo span{display:block; position:absolute; left:50%; top:0; z-index:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.user#sub #newsbox .layout .lbox .photo span img{height:100%;}

.user#sub #newsbox .layout .rbox{float:left; position:relative; width:40%; padding-left:5%; box-sizing:border-box;}
.user#sub #newsbox .layout .rbox strong.spot{display: block;font-size:32px;color:#48dcfc;font-family: "PT Serif";font-style: italic;}
.user#sub #newsbox .layout .rbox .tit,
.user#sub #newsbox .layout .rbox .txt {display: inline-block;width: 100%;margin-top:60px;color: #fff;text-align: left;box-sizing: border-box;}
.user#sub #newsbox .layout .rbox .tit{font-weight:600;font-size:35px;}
.user#sub #newsbox .layout .rbox .txt{font-size:15px;line-height:27px;    text-overflow: ellipsis;}
.user#sub #newsbox .layout .rbox .info{margin-top:30px;margin-bottom: 50px;font-size:14px;color: #fff;}
.user#sub #newsbox .layout .rbox .info:after{content:"";display:block;visibility:hidden;clear:both;}
.user#sub #newsbox .layout .rbox .info li{position:relative;display:inline-block;float:left;margin-left:10px;padding-left:10px}
.user#sub #newsbox .layout .rbox .info li:first-child{margin-left:0;padding-left:0;}
.user#sub #newsbox .layout .rbox .info li:after{content:"";display:block;position:absolute;top:3px;right:-10px;width:1px;height:12px;background:#fff;}
.user#sub #newsbox .layout .rbox .info li:last-child:after {display:none;}





.user#sub #txt{max-width:1280px; padding:100px 0 150px 0; margin:0 auto; box-sizing:border-box;}

.user#sub #content_sns{border-top:1px solid #b8b8b8;}
.user#sub #content_sns .layout{position:relative; padding:55px 0 80px 0;}
.user#sub #content_sns strong{display:block; line-height:26px; padding:0 0 35px 0; text-align:center; font-family:"Nanum Square"; font-size:25px; color:#000;}
.user#sub #content_sns ul{text-align:center;}
.user#sub #content_sns ul li{display:inline-block; padding:0 35px;}
.user#sub #content_sns ul li a{display:block; text-align:center; text-decoration:none; font-size:15px; color:#818181;}
.user#sub #content_sns ul li a:before{content:""; display:block; width:70px; height:70px; margin:0 auto 20px auto;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;}
.user#sub #content_sns ul li a:hover:before{transform:scale(1.1);-webkit-transform:scale(1.1);}
.user#sub #content_sns ul li a.b:before{background-image:url(/media/images/layout/content_sns_1.png);}
.user#sub #content_sns ul li a.p:before{background-image:url(/media/images/layout/content_sns_2.png);}
.user#sub #content_sns ul li a.i:before{background-image:url(/media/images/layout/content_sns_3.png);}
.user#sub #content_sns ul li a.f:before{background-image:url(/media/images/layout/content_sns_4.png);}
.user#sub #content_sns ul li a.y:before{background-image:url(/media/images/layout/content_sns_5.png);}
.user#sub #content_sns ul li a.k:before{background-image:url(/media/images/layout/content_sns_6.png);}
.user#sub #content_sns ul li a.t:before{background-image:url(/media/images/layout/content_sns_7.png);}

.user#sub #content_sns .animate{position:absolute; right:-60px; top:-105px; z-index:300; width:194px; height:261px;}



/* Main */
.user#main:before{
	content:""; display:block; position:absolute; right:100%; top:0; z-index:0; width:100%; height:722px; /*margin-right:180px;*/ background-position:left top; background-repeat:no-repeat;
	transition:all 0.4s linear 0.4s;
	-webkit-transition:all 0.4s linear 0.4s;
}
.user#main[class*="visual_color_"]:before{right:0;/*right:60%;*/}
/*
.user#main.visual_color_1:before{background-image:url(/media/images/layout/main_bg_color_1.jpg);}
.user#main.visual_color_2:before{background-image:url(/media/images/layout/main_bg_color_2.jpg);}
.user#main.visual_color_3:before{background-image:url(/media/images/layout/main_bg_color_3.jpg);}
.user#main.visual_color_4:before{background-image:url(/media/images/layout/main_bg_color_4.jpg);}
*/
.user#main.visual_color_1:before{background-color:#046cc5}
.user#main.visual_color_2:before{background-color:#046cc5;}
.user#main.visual_color_3:before{background-color:#046cc5;}
.user#main.visual_color_4:before{background-color:#046cc5;}

.user#main #header h1 a:before{
	background-image:url(/media/images/layout/icon_logo.png);
	transition:all 0.3s ease-out 0.4s;
	-webkit-transition:all 0.3s ease-out 0.4s;
}
.user#main[class*="visual_color_"] #header h1 a:before{background-image:url(/media/images/layout/logo.png);}

/*.user#main #header .menu#gnb>ul>li>a {color:#3b3b3b;}
.user#main #header #etc .sitemap_btn{background-image:url(/media/images/layout/sitemap_btn_color.png);}
.user#main #header #etc .search_btn{background-image:url(/media/images/layout/search_btn_color.png);}
*/
.user#main #visual{position:relative; height:720px;}
.user#main #visual:before{
	content:""; display:block; position:absolute; left:-89px; top:0; z-index:1; width:89px; height:100%; background:url(/media/images/layout/main_visual_simbol.png) no-repeat center center;
	transition:left 0.4s ease-out 0.8s;
	-webkit-transition:left 0.4s ease-out 0.8s;
}
/*
.user#main #visual:after{
	opacity:0; content:""; display:block; position:absolute; right:-50%; bottom:0; z-index:0; width:50%; height:603px; background:url(/media/images/layout/visual_bg.jpg) no-repeat right bottom;
	transition:all 0.4s ease-out 0.3s;
	-webkit-transition:all 0.4s ease-out 0.3s;
}*/
.user#main #visual .layout{position:relative; max-width: 1280px; z-index:100; height:100%;}
.user#main #visual .layout:before{
	opacity:0; content:""; display:block; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:0; background-color:#000;
	box-shadow:5px 5px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 15px rgba(0,0,0,0.2);
	transition:all 0.4s ease-out 0.2s;
	-webkit-transition:all 0.4s ease-out 0.2s;
}

.user#main #visual .layout .video_wrap {position: relative;overflow: hidden;height:760px;}

.user#main #visual .btn_prev,
.user#main #visual .btn_next{display:block; position:absolute; top:50%; z-index:100; width:80px; height:80px; margin-top:-40px;}
.user#main #visual .btn_prev{left:-110px;}
.user#main #visual .btn_next{right:-110px;}
.user#main #visual .btn_prev:before,
.user#main #visual .btn_next:before{
	content:""; display:block; position:absolute; top:50%; width:0; height:0; background-position:center center; background-repeat:no-repeat; background-size:100% auto;
	transition:all 0.4s ease-out 0.6s;
	-webkit-transition:all 0.4s ease-out 0.6s;
}
.user#main #visual .btn_prev:before{left:-100px; background-image:url(/media/images/layout/main_visual_prev.png);}
.user#main #visual .btn_next:before{right:-100px; background-image:url(/media/images/layout/main_visual_next.png);}
.user#main #visual .btn_prev span,
.user#main #visual .btn_next span{overflow:hidden; position:absolute; left:0; top:-100px; width:0; height:0; text-indent:-1000px;}
.user#main #visual .grid{position:relative; z-index:0; width:100%;}
.user#main #visual .views{
	opacity:0; overflow:hidden; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;
	transition:all 0.4s ease-out 0.6s;
	-webkit-transition:all 0.4s ease-out 0.6s;
}
/*.user#main #visual .views:before{
	overflow:hidden; content:"todays NEWS"; display:block; position:absolute; right:0; bottom:-86px; z-index:200; width:239px; height:86px; text-indent:-1000px; background:url(/media/images/layout/main_visual_title.png) no-repeat right bottom;
	transition:all 0.4s ease-out 0.6s;
	-webkit-transition:all 0.4s ease-out 0.6s;
}*/
.user#main #visual .views ul{overflow:hidden; position:absolute; left:0; top:0; z-index:10; width:2000%; height:100%;}
.user#main #visual .views ul li{display:block; float:left; width:5%; height:100%;}
.user#main #visual .views ul li a{ position:relative;display: block;    width: 100%;height: 100%;}
.user#main #visual .views ul li a img{width:100%;}
.user#main #visual .views ul li a strong{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:absolute; left:0; bottom:-75px; width:100%; height:75px; z-index:999; line-height:75px; padding:0 280px 0 100px; text-align:right; font-family:"Nanum Square"; font-size:24px; color:#fff; background-color:#282d31;/*background:url(/media/images/layout/visual_ti_bg.png) repeat-x left bottom;*/ box-sizing:border-box;
	transition:all 0.4s ease-out 0.7s;
	-webkit-transition:all 0.4s ease-out 0.7s;
}
.user#main #visual .count{
	opacity:0; white-space:nowrap; position:absolute; right:100%; bottom:130px; z-index:300; margin-right:220px;
	transition:all 0.4s ease-out 0.9s;
	-webkit-transition:all 0.4s ease-out 0.9s;
}
.user#main #visual .count:after{content:""; display:block; position:absolute; right:-60px; bottom:35px; width:77px; height:1px; background-color:#fff;}
.user#main #visual .count .btn_play,
.user#main #visual .count .btn_stop{overflow:hidden; display:inline-block; position:relative; width:40px; height:80px;}
.user#main #visual .count .btn_play:before,
.user#main #visual .count .btn_stop:before{content:""; display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.user#main #visual .count .btn_stop:before{background-image:url(/media/images/layout/main_visual_stop.png);}
.user#main #visual .count .btn_play:before{background-image:url(/media/images/layout/main_visual_play.png);}
.user#main #visual .count span{display:inline-block; line-height:26px; padding:0 10px; vertical-align:top; text-align:center; font-weight:700; font-family:"Nanum Square"; font-size:16px; color:#fff;}
.user#main #visual .count span em{line-height:67px; padding-right:3px; vertical-align:top; font-weight:300; font-style:normal; font-size:68px;}

.user#main[class*="visual_color_"] #visual:before{left:60px;}
.user#main[class*="visual_color_"] #visual:after{right:0; opacity:1;}
.user#main[class*="visual_color_"] #visual .layout:before{height:100%; opacity:1;}
.user#main[class*="visual_color_"] #visual .btn_prev:before,
.user#main[class*="visual_color_"] #visual .btn_next:before{top:0; width:100%; height:100%;}
.user#main[class*="visual_color_"] #visual .btn_prev:before{left:0;}
.user#main[class*="visual_color_"] #visual .btn_next:before{right:0;}
.user#main[class*="visual_color_"] #visual .views{opacity:1;}
.user#main[class*="visual_color_"] #visual .views:before{bottom:0;}
.user#main[class*="visual_color_"] #visual .views ul li a strong{bottom:0;}
.user#main[class*="visual_color_"] #visual .count{opacity:1; margin-right:20px;}

.user#main #container{padding: 0;background-color:#fff;}

.user#main #container #board_area1 {padding-top: 80px;}
.user#main #container #board_area1:after {content: '';display: block;clear: both;}
.user#main #container #board_area1 h2{display: block;margin-bottom: 10px;height: 30px;color: #333;font-size: 20px;font-weight: bold;line-height: 1.2;}
.user#main #container #board_area1 h2 strong{margin-right: 10px;color: #046cc4;}
.user#main #container #board_area1 .news_wrap {overflow: hidden;margin: 0 -10px;}
.user#main #container #board_area1 .news{position: relative;float: left;width:calc(50% - 20px);margin:10px 50px 10px 10px;}
.user#main #container #board_area1 .news .news_area1 {overflow: hidden; padding: 20px 0;border-top: 1px solid #757980;border-bottom: 1px solid #d0d0d0;}
.user#main #container #board_area1 .news .img_area{float:left; position:relative; overflow:hidden;width: calc(40% - 15px);height: 140px;}
.user#main #container #board_area1 .news .img_area > p {margin:0;}
.user#main #container #board_area1 .news .img_area img{width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.user#main #container #board_area1 .news .img_area:hover img{transform: scale(1.1);}
.user#main #container #board_area1 .news .txt{background-color:rgba(0,0,0,.5); padding:11px 20px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box;}
.user#main #container #board_area1 .news .txt a{color:#fff; font-size:16px; font-weight:700; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; vertical-align:middle;}
.user#main #container #board_area1 .news .text_area{float:left; width: 53%; margin:0 0 0 4%;}
.user#main #container #board_area1 .news .text_area a {position: relative; display: inline-block;padding-left: 10px; margin: 0;width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 15px;color: #575757;line-height: 2.2;}
.user#main #container #board_area1 .news .text_area a:before {content: "";width: 3px;height: 3px; margin-top: -1px;position: absolute;top: 50%;left: 0; background-color: #949494;}
.user#main #container #board_area1 .more {position: absolute;top:0;right: 0;width: 21px;height: 21px;margin: 0;}
.user#main #container #board_area1 .more a {display: block;background:url(/media/images/layout/more_icon.png);font-size: 0;}

.user#main #container #board_area1 .mboard{position: relative;float: left;width:calc(23.4% - 20px);margin:10px;}
.user#main #container #board_area1 .mboard .mboard_area1 {overflow: hidden;display: block;padding: 24px;height: 157px;border: 1px solid #d0d0d0;}
.user#main #container #board_area1 .mboard .mboard_area1 > a {display:block;}
.user#main #container #board_area1 .mboard .mboard_area1 .tit{display: block;overflow: hidden;text-overflow: ellipsis;padding-bottom: 12px;margin-bottom: 12px;font-size: 18px;font-weight: 400;line-height: 1.4;color: #000;border-bottom: 1px solid #8e8e92;}
.user#main #container #board_area1 .mboard .mboard_area1 .txt{display: block;overflow: hidden;height: 60px;text-overflow: ellipsis;line-height: 1.4;}
.user#main #container #board_area1 .mboard .mboard_area1 .date{display: block;margin-top: 10px;line-height: 15px;font-family: "Nanum Square";font-size: 13px;color: #818181;}
.user#main #container #board_area1 .mboard .mboard_area1 .text_area{overflow: hidden;margin:20px 0 0 0;}
.user#main #container #board_area1 .mboard .mboard_area1 .text_area a {position: relative;overflow: hidden; display: inline-block;padding-left: 10px; margin: 0;width: 100%;font-size: 14px; white-space:nowrap;text-overflow:ellipsis;color: #575757;line-height:1.6;}
.user#main #container #board_area1 .mboard .mboard_area1 .text_area a:before {content: "";width: 3px;height: 3px; margin-top: -1px;position: absolute;top: 50%;left: 0; background-color: #949494;}


.user#main #container #box_1{padding:50px 0 80px 0; background:#fff /*url(/media/images/layout/main_box_1_bg.png) no-repeat left top*/;}
.user#main #container #box_1 .layout{position:relative; max-width: 1280px; height:100%; box-sizing:border-box;}
.user#main #container #box_1 .layout h2{display: block;margin-bottom: 20px;color: #333;font-size: 25px;font-weight: bold;line-height: 1.2;letter-spacing: -1px;}
.user#main #container #box_1 .layout .ti>span{color:#046cc4;}
.user#main #container #box_1 .controll{position:absolute; right:0; top:0;}
.user#main #container #box_1 .controll .btn_prev,
.user#main #container #box_1 .controll .btn_next,
.user#main #container #box_1 .controll .btn_stop,
.user#main #container #box_1 .controll .btn_play{overflow:hidden; display:inline-block; position:relative; height:27px; margin: 5px; text-indent:-1000px;}
.user#main #container #box_1 .controll .btn_prev,
.user#main #container #box_1 .controll .btn_next{width:16px;}
.user#main #container #box_1 .controll .btn_stop,
.user#main #container #box_1 .controll .btn_play{width:16px;}
.user#main #container #box_1 .controll .btn_prev:before,
.user#main #container #box_1 .controll .btn_next:before,
.user#main #container #box_1 .controll .btn_stop:before,
.user#main #container #box_1 .controll .btn_play:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.user#main #container #box_1 .controll .btn_prev:before{background-image:url(/media/images/layout/main_box_1_prev.png);}
.user#main #container #box_1 .controll .btn_next:before{background-image:url(/media/images/layout/main_box_1_next.png);}
.user#main #container #box_1 .controll .btn_stop:before{background-image:url(/media/images/layout/main_box_1_stop.png);}
.user#main #container #box_1 .controll .btn_play:before{background-image:url(/media/images/layout/main_box_1_play.png);}
.user#main #container #box_1 .views{/*overflow: hidden;width:100%;*/ position:relative; }
.user#main #container #box_1 .views ul{overflow: hidden;height:375px;margin: 0 -10px;}
.user#main #container #box_1 .views ul li{overflow:hidden; float:left; position:relative; width:25%;}


.user#main #container #box_1 .views ul li a{display:block; position:relative; height:168px;margin:10px;}
.user#main #container #box_1 .views ul li .photos{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.user#main #container #box_1 .views ul li .photos:before{content: '';display: block;clear: both;width: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: url(/media/images/layout/spotlight_small_bg.png) left bottom repeat-x;z-index: 2;}
.user#main #container #box_1 .views ul li .photos img{width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.user#main #container #box_1 .views ul li a:hover .photos img{transform: scale(1.1);}

.user#main #container #box_1 .views ul li .text{position: absolute;bottom: 20px;left: 20px;right: 20px;margin: 0;color:#fff;z-index: 3;}
.user#main #container #box_1 .views ul li strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;  margin-top:5px;font-size:15px; }
.user#main #container #box_1 .views ul li em {position: relative;line-height: 15px; font-family: "Noto Sans KR";font-style: normal;font-size: 13px;}


.user#main #container #box_1 .views ul li:first-child{width:50%;}
.user#main #container #box_1 .views ul li:first-child a{height:356px;}
.user#main #container #box_1 .views ul li:first-child .text{bottom: 0;padding: 3% 5%; color:#fff;}
.user#main #container #box_1 .views ul li:first-child strong{font-size:19px; }



.user#main #container #box_2{position:relative; padding:80px 0; background-color:#f2f4f7;}
.user#main #container #box_2:before{content:""; display:block; position:absolute; left:0; top:340px; z-index:0; width:583px; height:368px; background:url(/media/images/layout/main_box_2_bg.png) no-repeat center center;}
.user#main #container #box_2:after{content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; width:717px; height:373px; background:url(/media/images/layout/main_box_2_bg2.png) no-repeat center center;}
.user#main #container #box_2 .layout{position:relative;max-width:1304px; z-index:100;}
/*.user#main #container #box_2 .layout:before{content:""; display:block; position:absolute; left:0; top:-15px; z-index:0; width:100%; height:96px; background:url(/media/images/layout/main_box_2_text.png) no-repeat center center;}*/
.user#main #container #box_2 .layout .titles{display:block; position:relative; margin-bottom:30px; text-align:center; font-family:"Nanum Square"; font-size:35px;letter-spacing: -2px; color:#000;}
.user#main #container #box_2 .layout .titles strong{display:inline-block; position:relative; font-weight:700;}
.user#main #container #box_2 .layout .titles strong span{color:#60b9e6;}
.user#main #container #box_2 .layout .titles strong:after{content:""; display:block; position:absolute; right:-120px; top:-50px; width:119px; height:100px; background:url(/media/images/layout/dangdang.gif) no-repeat center center;}
.user#main #container #box_2 .layout .head{position:relative; z-index:10; margin-bottom:25px;}
.user#main #container #box_2 .layout .head>.headselect>strong{display:none;}
.user#main #container #box_2 .layout .head>.headselect ul{overflow:hidden;padding:20px 12px;text-align: center;}
.user#main #container #box_2 .layout .head>.headselect ul li{display: inline-block; position:relative; padding:0 30px;}
.user#main #container #box_2 .layout .head>.headselect ul li:nth-child(1){padding-left:0;}
.user#main #container #box_2 .layout .head>.headselect ul li:not(:nth-child(1)):before{content:""; display:block; position:absolute; left:0; top:13px; width:1px; height:14px; background-color:#c1c1c1;}
.user#main #container #box_2 .layout .head>.headselect ul li a{display:inline-block; line-height:40px; font-size:17px; color:#292929;}
.user#main #container #box_2 .layout .head>.headselect ul li.on a{
	padding:0 20px; color:#fff;  background-color:#35a4e9;
	border-radius:20px;
	-webkit-border-radius:20px;
	 box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
}
.user#main #container #box_2 .layout .head .selects{position:absolute; right:0; top:0; width:140px; min-height:40px; border:1px solid transparent; border-bottom:1px solid #6a6a6a;}
.user#main #container #box_2 .layout .head .selects>strong a{display:block; position:relative; width:100%; height:40px; line-height:40px; padding:0 30px 0 10px; text-decoration:none; font-family:"Nanum Square"; font-size:16px; color:#979797; box-sizing:border-box;}
.user#main #container #box_2 .layout .head .selects>strong a:after{
	content:""; display:block; position:absolute; right:10px; top:50%; width:10px; height:6px; margin-top:-3px; background:url(/media/images/layout/main_box_2_selects_bul.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#main #container #box_2 .layout .head .selects>ul{display:none;}
.user#main #container #box_2 .layout .head .selects>ul>li{border-top:1px dotted #6a6a6a;}
.user#main #container #box_2 .layout .head .selects>ul>li a{
	display:block; line-height:40px; padding:0 10px; text-decoration:none; font-family:"Nanum Square"; font-size:16px; color:#979797; background-color:#fff;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#main #container #box_2 .layout .head .selects>ul>li a:hover{background-color:#e1e1e1;}
.user#main #container #box_2 .layout .head .selects.on{border:1px solid #6a6a6a; background-color:#fff;}
.user#main #container #box_2 .layout .head .selects.on>strong a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.user#main #container #box_2 .layout .head .selects.on>ul{display:block;}
.user#main #container #box_2 .layout .midd{position:relative; z-index:0;}
.user#main #container #box_2 .layout .midd .animate_img{position:absolute; right:-187px; top:50%; z-index:400; width:250px; height:290px;}
.user#main #container #box_2 .layout .midd>ul{overflow:hidden;}
.user#main #container #box_2 .layout .midd>ul>li{float:left; width:25%;padding:12px 12px; box-sizing:border-box;}

/*
.user#main #container #box_2 .layout .midd>ul>li:nth-child(1),
.user#main #container #box_2 .layout .midd>ul>li:nth-child(3n+1){padding:15px 20px 15px 0px;}
.user#main #container #box_2 .layout .midd>ul>li:nth-child(2),
.user#main #container #box_2 .layout .midd>ul>li:nth-child(3n+2){padding:15px 10px 15px 10px;}
.user#main #container #box_2 .layout .midd>ul>li:nth-child(3n){padding:15px 0px 15px 20px;}
*/


.user#main #container #box_2 .layout .midd>ul>li .lay{position: relative;width:100%; height:100%;}
.user#main #container #box_2 .layout .midd>ul>li .lay a{
	display:block; height:455px; text-decoration:none; background-color:#fff;    border: 1px solid #dee3eb;
	/*box-shadow:10px 10px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow:10px 10px 20px rgba(0,0,0,0.1);*/
}
.user#main #container #box_2 .layout .midd>ul>li .lay a .photos{overflow:hidden; display:block; position:relative; width:100%; height:170px;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .photos span{position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .photos img{
	height:100%;
	width:100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#main #container #box_2 .layout .midd>ul>li .lay a:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}


.user#main #container #box_2 .layout .midd>ul>li .lay a:hover{
	    box-shadow: 7px 7px 17px rgba(0,0,0,0.1);
    -webkit-box-shadow: 7px 7px 17px rgba(0,0,0,0.1);
	transition:all 0.3s ease;

}

.user#main #container #box_2 .layout .midd>ul>li.type_5 .lay a .photos, .user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .photos{overflow:hidden; display:block; position:relative; width:100%; height:300px;background:#000}

.user#main #container #box_2 .layout .midd>ul>li .lay a .te{display:block; position:relative; height:185px; padding:25px; box-sizing:border-box;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .te em{display:inline-block; position:relative; line-height:10px; padding-bottom:5px; font-style:normal; font-size:14px; color:#666;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .te em:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#666;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .te strong{overflow:hidden; display:block; line-height:24px; margin-top:12px; font-size:19px; color:#010101;font-family: "Noto Sans KR";font-weight: 500;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .te .tx{overflow:hidden; display:block; line-height:21px; margin-top:10px; font-size:16px; color:#818181;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .source {position:absolute; left:25px; bottom:20px;margin:0;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .source  .days{position: relative;margin-right: 5px; padding-right: 8px;line-height:15px; font-family:"Nanum Square"; font-size:13px; color:#818181;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .source  .days:after{content: '';display: block;clear: both;position: absolute;right: 0;top: 50%;margin-top: -7px; width: 1px;height: 12px;background-color: #c5c5c5;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .source  .hits{line-height:16px; font-family:"Nanum Square"; font-size:13px; color:#686868;}
.user#main #container #box_2 .layout .midd>ul>li .lay a .source  .hits:before{content:""; display:inline-block; width:18px; height:16px; margin-right:5px; vertical-align:middle; background-image:url(/media/images/layout/main_box_2_simbol.png); background-position:center center; background-repeat:no-repeat;}
.user#main #container #box_2 .layout .midd>ul>li.movies{width:66.6%;}
.user#main #container #box_2 .layout .midd>ul>li.movies .lay{overflow:hidden; position:relative; height:483px;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul{position:relative; z-index:0; width:100%; height:100%;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li{
	position:absolute; left:100%; top:0; z-index:0; width:100%; height:100%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a{position:relative; width:100%; height:100%;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .photos{overflow:hidden; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te{position:absolute; left:0; bottom:0; z-index:10; width:100%; height:auto;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te .tx,
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te .days,
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te .hits{display:none;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te em{color:#fff;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te em:after{background-color:#fff;}
.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te strong{height:24px; color:#fff;}
.user#main #container #box_2 .layout .midd>ul>li.movies .controll{position:absolute; right:20px; top:20px; z-index:300;}
.user#main #container #box_2 .layout .midd>ul>li.movies .controll a{
	overflow:hidden; display:inline-block; position:relative; width:24px; height:24px; padding:0; text-indent:-1000px; background-color:transparent;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.user#main #container #box_2 .layout .midd>ul>li.movies .controll a:before,
.user#main #container #box_2 .layout .midd>ul>li.movies .controll a:after{
	overflow:hidden; content:""; display:block; position:absolute; left:50%; top:50%;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#main #container #box_2 .layout .midd>ul>li.movies .controll a:before{z-index:10; width:10px; height:10px; margin:-5px 0 0 -5px; background-color:#fff;}
.user#main #container #box_2 .layout .midd>ul>li.movies .controll a:after{
	z-index:0; width:24px; height:24px; margin:-12px 0 0 -12px; background-color:rgba(255,255,255,0.4);
	transform:scale(0);
	-webkit-transform:scale(0);
}

.user#main #container #box_2 .layout .midd>ul>li.movies.step_1 ul li:nth-child(1),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_2 ul li:nth-child(2),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_3 ul li:nth-child(3),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_4 ul li:nth-child(4),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_5 ul li:nth-child(5),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_6 ul li:nth-child(6),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_7 ul li:nth-child(7),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_8 ul li:nth-child(8),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_9 ul li:nth-child(9),
.user#main #container #box_2 .layout .midd>ul>li.movies.step_10 ul li:nth-child(10){left:0; z-index:100;}

.user#main #container #box_2 .layout .midd>ul>li.movies.step_1 .controll a:nth-child(1):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_2 .controll a:nth-child(2):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_3 .controll a:nth-child(3):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_4 .controll a:nth-child(4):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_5 .controll a:nth-child(5):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_6 .controll a:nth-child(6):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_7 .controll a:nth-child(7):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_8 .controll a:nth-child(8):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_9 .controll a:nth-child(9):before,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_10 .controll a:nth-child(10):before{background-color:#f0862d;}

.user#main #container #box_2 .layout .midd>ul>li.movies.step_1 .controll a:nth-child(1):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_2 .controll a:nth-child(2):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_3 .controll a:nth-child(3):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_4 .controll a:nth-child(4):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_5 .controll a:nth-child(5):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_6 .controll a:nth-child(6):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_7 .controll a:nth-child(7):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_8 .controll a:nth-child(8):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_9 .controll a:nth-child(9):after,
.user#main #container #box_2 .layout .midd>ul>li.movies.step_10 .controll a:nth-child(10):after{
	transform:scale(1);
	-webkit-transform:scale(1);
}

.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .te em{color:#0a1e73;}
.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .te em:after{background-color:#0a1e73;}
.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .te em{color:#0091ea;}
.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .te em:after{background-color:#0091ea;}
.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .te em{color:#ee6711;}
.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .te em:after{background-color:#ee6711;}
.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .te em{color:#019e82;}
.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .te em:after{background-color:#019e82;}
.user#main #container #box_2 .layout .midd>ul>li.type_5 .lay a .te em{color:#019e82;}
.user#main #container #box_2 .layout .midd>ul>li.type_5 .lay a .te em:after{background-color:#019e82;}

/*
.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .photos{height:254px;}
.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .te{height:230px;}
.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .te em{color:#0a1e73;}
.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .te em:after{background-color:#0a1e73;}
.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .te .tx{display:block;}

.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .photos{height:254px;}
.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .te{height:230px;}
.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .te em{color:#0091ea;}
.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .te em:after{background-color:#0091ea;}
.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .te .tx{display:block;}


.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .photos{height:298px;}

.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .te{height:185px;}
.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .te em{color:#ee6711;}
.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .te em:after{background-color:#ee6711;}
.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .te .tx{display:none;}

.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .photos{height:298px;}
.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .te{height:185px;}
.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .te em{color:#019e82;}
.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .te em:after{background-color:#019e82;}
.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .te .tx{display:none;}
*/

.user#main #container #box_2 .layout .btn_group{margin-top:70px; text-align:center;}
.user#main #container #box_2 .layout .btn_group .btns{
	display:inline-block; width:186px; height:60px; line-height:58px; text-decoration:none; text-align:center; font-family:"Noto Sans KR"; font-size:15px; color:#fff; border:1px solid #2b282e; background-color:#2b282e; box-sizing:border-box;
	box-shadow:5px 5px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.3);
}
.user#main #container #box_2 .layout .btn_group .btns:after{
	content:""; display:inline-block; width:26px; height:100%; margin-left:15px; vertical-align:top; background:url(/media/images/layout/main_box_2_btns_bul.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#main #container #box_2 .layout .btn_group .btns:hover:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}







a{}