@charset "utf-8";
/* 공통 */
body{position:relative;}
.js_mobile_check{display:none;}

/* layout */
.user #wrap{position:relative; padding-top:75px; font-family:"Nanum Gothic";}
.user #wrap .layout{position:relative; max-width:1320px; margin:0 auto; box-sizing:border-box;}
.user #txt{font-family:"Nanum Gothic"; font-size:15px;}

/* header */
.user #header,
.user #header h1,
.user #header h1 a,
.user #header .js_menu ul,
.user #header .js_menu ul li,
.user #header .js_menu ul li a,
.user #header .js_menu ul li ul li a,
.user #header .btn_etc_sns,
.user #header .btn_etc_search,
.user #header .btn_menu_all,
.user #header .btn_menu_all_close:before{
	transition : all 0.5s ease;
	-webkit-transition : all 0.5s ease;
}
.user #header .sns_list li a{
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}

.user #header{
	position:fixed; left:0; top:0; z-index:1500; width:100%; min-height:74px; height:74px; font-family:"Daum"; font-weight:400; background-color:#fff;
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
.user #header .layout{width:100%; min-width:100%; height:100%; padding:0px 80px;}
.user #header h1{position:absolute; left:0px; top:0px; z-index:11; width:280px; height:74px; text-align:center;}
.user #header h1 a{overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px; background:url(../../images/include/layout/logo_white.png) no-repeat left center;}


.user #header .js_menu{position:absolute; left:0; top:0; z-index:10; width:100%; height:75px; padding:0px 280px 0px 280px; text-align:center; border-bottom:1px solid #313336; background-color:#313336; box-sizing:border-box;}
.user #header .js_menu .tmenu_ti{display:none !important;}
.user #header .js_menu ul{display:inline-block; height:100%; border-left:1px solid #474747;}
.user #header .js_menu ul li{display:inline-block; position:relative; margin-left:-4px; border-right:1px solid #474747;}
.user #header .js_menu ul li:first-child{margin-left:0px;}
.user #header .js_menu ul li a{overflow:hidden; display:block; position:relative; width:200px; line-height:73px; font-weight:600; font-size:18px; margin:0px; text-align:center; text-decoration:none; color:#fff;}
.user #header .js_menu ul li a.new:before{content:""; display:block; position:absolute; left:0; top:0; width:30px; height:11px; background:url(../../images/include/layout/gnb_new.png) no-repeat left top;}
.user #header .js_menu ul li:hover ul li a:link:after,
.user #header .js_menu ul li:hover ul li a:visited:after,
.user #header .js_menu ul li:hover ul li a:active:after{width:0; margin-left:0;}
.user #header .js_menu ul li:hover ul li a:hover:after{width:300px; margin-left:-150px;}
.user #header .js_menu ul li ul{display:none; position:absolute; left:0; top:74px; width:100%; height:auto; padding:30px 0px; border:none; border-left:1px solid #eaeaea; box-sizing:border-box;}
.user #header .js_menu ul li ul li{float:none; margin:0; border:none;}
.user #header .js_menu ul li ul li:first-child{border-top:none;}
.user #header .js_menu ul li ul li a{overflow:hidden; line-height:22px; padding:9px 5px 9px 20%; text-align:left; font-weight:normal; font-size:16px; border:1px solid #fff; color:#333; background-color:#fff; box-sizing:border-box;}
.user #header .js_menu ul li ul li a:hover,
.user #header .js_menu ul li ul li a:focus{border:1px solid #db3819; color:#fff; background-color:#ff5433;}
.user #header .js_menu ul li ul li a span{display:none;}
.user #header .js_menu ul li ul li ul{display:none;}
.user #header .header_bg{display:none; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:100%;}

.user #header.on{}

.user.header #header{}
.user.header #header h1 a{background:url(../../images/include/layout/logo.png) no-repeat left center;}
.user.header #header .js_menu{border-bottom:1px solid #ff3b43; background-color:#fff;}
.user.header #header .js_menu ul{border-left:1px solid #ededed;}
.user.header #header .js_menu ul li{border-right:1px solid #ededed;}
.user.header #header .js_menu ul li a{color:#333333;}


.user #header .btn_etc_search,
.user #header .btn_menu_all{overflow:hidden; display:block; position:absolute; top:7px; z-index:20; width:59px; height:59px; text-indent:-1000px; background-position:center center; background-repeat:no-repeat;}
.user #header .btn_etc_search{right:20px; background-image:url(../../images/include/layout/etc_icon_02.png);}
.user #header .btn_menu_all{display:none; background-image:url(../../images/include/layout/etc_icon_03.png);}
.user #header .btn_etc_search:hover,
.user #header .btn_etc_search.on,
.user #header .btn_etc_search.on:hover{background-image:url(../../images/include/layout/etc_icon_02_on_w.png);}
.user #header .btn_menu_all:hover,
.user #header .btn_menu_all.on,
.user #header .btn_menu_all.on:hover{background-image:url(../../images/include/layout/etc_icon_03_on_w.png);}
.user.header #header .btn_etc_search:hover,
.user.header #header .btn_etc_search.on,
.user.header #header .btn_etc_search.on:hover{background-image:url(../../images/include/layout/etc_icon_02_on.png);}
.user.header #header .btn_menu_all:hover,
.user.header #header .btn_menu_all.on,
.user.header #header .btn_menu_all.on:hover{background-image:url(../../images/include/layout/etc_icon_03_on.png);}

.user #header .btn_menu_all_close{overflow:hidden; display:none; position:absolute; left:0; top:0; z-index:500; width:77px; height:74px; text-indent:-1000px; background-color:#fff;}
.user #header .btn_menu_all_close:before{
	content:""; display:block; width:100%; height:100%; background:url(../../images/include/layout/slide_close_btn.png) no-repeat center center;
	transform:rotate(0);
	-webkit-transform:rotate(0);
}
.user #header .btn_menu_all_close:hover:before{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.user #header .etc_search_box{display:block; position:fixed; top:15px; right:15px; z-index:100; width:243px; height:44px; padding-right:44px; background-color:#fff; box-sizing:border-box;}
.user #header .etc_search_box input[type="text"]{width:100%; height:44px; line-height:44px; padding:0px 20px; font-size:14px; border:none; color:#999; background:none; box-sizing:border-box;}
.user #header .etc_search_box input[type="submit"]{overflow:hidden; position:absolute; right:0; top:0; width:44px; height:44px; line-height:44px; text-indent:-1000px; border:none; background:url(../../images/include/layout/etc_icon_02_on.png) no-repeat center center;}

.user.header #header .etc_search_box{border:1px solid #aaa;}





/* footer */
.user #footer .sns_list li a{
	transition : all 0.3s ease;
    -webkit-transition : all 0.3s ease;
}
.user #footer{padding:30px 20px; margin-top:50px; border-top:2px solid #ff3b43; background-color:#fff;}
.user #footer .sns_list{margin:0px 0px 25px 0px; text-align:center;}
.user #footer .sns_list li{display:inline-block; position:relative; width:32px; height:32px; margin:0px 3px;}
.user #footer .sns_list li a{
	overflow:hidden; display:block; position:absolute; left:50%; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px; text-indent:-1000px; background-color:#eee; background-repeat:no-repeat; background-position:center center;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.user #footer .sns_list li a span{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.user #footer .sns_list li a:hover{width:40px; height:40px; margin:-20px 0 0 -20px;}
.user #footer .sns_list li a.f{background-color:#1b3898; background-image:url(../../images/include/layout/footer_icon_f.png);}
.user #footer .sns_list li a.t{background-color:#00a2ff; background-image:url(../../images/include/layout/footer_icon_t.png);}
.user #footer .sns_list li a.b{background-color:#1cad0d; background-image:url(../../images/include/layout/footer_icon_b.png);}
.user #footer .sns_list li a.k{background-color:#ffba00; background-image:url(../../images/include/layout/footer_icon_k.png);}
.user #footer .sns_list li a.u{background-color:#ff1f1f; background-image:url(../../images/include/layout/footer_icon_u.png);}
.user #footer .sns_list li a.p{background-color:#1cad0d; background-image:url(../../images/include/layout/footer_icon_p.png);}
.user #footer .sns_list li a.i{background-color:transparent; background-image:url(../../images/include/layout/insta_02.png); background-size:100% auto;}
.user #footer .sns_list li a.i span{background-image:url(../../images/include/layout/footer_icon_i.png);}
.user #footer .sns_list li a.ktv{background-color:#fae100; background-image:url(../../images/include/layout/footer_icon_ktv.png);}
.user #footer .sns_list li a.ch{background-color:#fae100; background-image:url(../../images/include/layout/footer_icon_ch.png);}


.user #footer .menu{margin:0px 0px 20px 0px; text-align:center;}
.user #footer .menu li{display:inline-block; margin:0px 10px; line-height:15px; font-size:14px; color:#555;}
.user #footer .menu li:before{content:"/"; display:inline-block; margin-right:20px; font-weight:normal !important;}
.user #footer .menu li:first-child:before{display:none;}
.user #footer .menu li a{line-height:15px; font-size:14px; color:#555;}

.user #footer address,
.user #footer .copy{line-height:22px; margin:0; text-align:center; font-style:normal; font-size:14px; color:#555;}




.user #container [id*="box_"] .btn_more,
.user #container [id*="box_"] ul li .lay .photos img{
	transition : all 0.5s ease;
	-webkit-transition : all 0.5s ease;
}
.user #container [id*="box_"]{min-height:300px; padding:15px 10px 5px 10px;}
.user #container [id*="box_"] .btn_close{display:none;}
.user #container [id*="box_"] .tis{display:block; position:relative; line-height:33px; padding:25px 10px; font-family:"Daum"; font-weight:600; font-size:32px; color:#333;}
.user #container [id*="box_"] .tis span{color:#f12e2f;}
.user #container [id*="box_"] ul{overflow:hidden;}
.user #container [id*="box_"] ul li{float:left; width:25%; padding:10px 10px 30px 10px; box-sizing:border-box;}
.user #container [id*="box_"] ul li .lay{width:100%;}
.user #container [id*="box_"] ul li .lay .photos{overflow:hidden; display:block; position:relative; width:100%; height:100%; background-color:#313336;}
.user #container [id*="box_"] ul li .lay .photos img{
	position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;
	transform:scale(1);
	-webkit-transform:scale(1);
}
.user #container [id*="box_"] ul li .lay .photos:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.user #container [id*="box_"] ul li .lay .photos strong{display:none;}
.user #container [id*="box_"] ul li .lay .photos .grid{position:relative; z-index:0; width:100%; height:auto;}
.user #container [id*="box_"] ul li .lay .times{display:block; height:25px; line-height:25px; padding-left:35px; font-size:12px; color:#fff; background:#313336 url(../../images/include/layout/photo_time.png) no-repeat left top;}
.user #container [id*="box_"] ul li .lay strong{overflow:hidden; display:block; height:50px; line-height:25px; margin:15px 0px 10px 0px; font-size:20px; color:#414141;}
.user #container [id*="box_"] ul li .lay .etc{display:block; position:relative; font-weight:600; font-size:13px; color:#555;}
.user #container [id*="box_"] ul li .lay .etc .op{position:absolute; right:0; top:0;}
.user #container [id*="box_"] ul li .lay .etc .op .btn_chu,
.user #container [id*="box_"] ul li .lay .etc .op span{
	overflow:hidden; display:inline-block; width:22px; height:20px; line-height:18px; vertical-align:top; text-align:center; border:1px solid #ff5930; background-color:#ff5930;
	border-radius:2px;
	-webkit-border-radius:2px;
}
.user #container [id*="box_"] ul li .lay .etc .op .btn_chu{text-indent:-1000px; border:1px solid #ccc; background:url(../../images/include/layout/icon_chu.png) no-repeat center center;}
.user #container [id*="box_"] ul li .lay .etc .op .btn_chu.on{background:url(../../images/include/layout/icon_chu_on.png) no-repeat center center;}
.user #container [id*="box_"] ul li .lay .etc .op span{font-size:9px; color:#fff;}
.user #container [id*="box_"] ul li .lay .hash{overflow:hidden; height:38px; margin-top:20px;}
.user #container [id*="box_"] ul li .lay .hash li{display:inline-block; float:none; width:auto !important; line-height:20px; padding:0; font-size:13px; color:#888;}
.user #container [id*="box_"] .btn_more{
	overflow:hidden; display:block; position:absolute; right:10px; top:28px; width:24px; height:24px; text-indent:-1000px; background:url(../../images/include/layout/main_more.png) no-repeat center center;
	transform:rotate(0);
	-webkit-transform:rotate(0);
}
.user #container [id*="box_"] .btn_more:hover{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.user #container [id*="box_"] .btn_more_load{display:block; width:100%; height:49px; line-height:49px; margin-top:30px; text-decoration:none; text-align:center; font-size:14px; color:#555; background-color:#e9e9e9;}
.user #container [id*="box_"] .btn_more_load:before{content:""; display:inline-block; width:9px; height:49px; margin-right:5px; vertical-align:top; background:url(../../images/include/layout/btn_more_load_bul.gif) no-repeat center center;}
.user #container [id*="box_"] .btn_more_load:hover{background-color:#ccc;}






/* sub */
#sub.user #container{padding-top:50px;}
#sub.user #container #path{position:relative; z-index:100; height:52px; margin:0px 20px; padding-left:56px; background-color:#313336; box-sizing:border-box;}
#sub.user #container #path .home{overflow:hidden; display:block; position:absolute; left:0; top:0; width:56px; height:52px; text-indent:-1000px; background:#ff443d url(../../images/include/layout/icon_home.png) no-repeat center center;}
#sub.user #container #path .addr{}
#sub.user #container #path .addr span,
#sub.user #container #path .addr span strong{display:inline-block; line-height:52px; font-size:16px; color:#999;}
#sub.user #container #path .addr span{padding-left:12px;}
#sub.user #container #path .addr span:before{content:""; display:inline-block; width:6px; height:10px; margin:0 12px 1px 0; background:url(../../images/include/layout/path_bul.png) no-repeat center center;}
#sub.user #container #path .addr span:first-child{padding-left:0;}
#sub.user #container #path .addr span:first-child:before{display:none;}
#sub.user #container #path .addr span strong{font-weight:normal; color:#fff;}

#sub.user #container #path .addr .js_menu_select{float:left;position:relative; font-family:"Nanum Gothic"; border-right:1px solid #46484a; background-color:#191d26;}
#sub.user #container #path .addr .js_menu_select:before{content:""; display:block; position:absolute; right:0; top:0; z-index:0; width:52px; height:52px; background:url(../../images/include/layout/select_bul.png) no-repeat center center;}
#sub.user #container #path .addr .js_menu_select strong{display:block; position:relative; z-index:10; height:52px;}
#sub.user #container #path .addr .js_menu_select strong a{
	display:block; line-height:54px; padding:0px 62px 0px 30px; text-decoration:none; text-align:left; font-weight:normal; font-size:16px; color:#999; background-image:url(../../images/kor/layout/bul_navi.png); background-repeat:no-repeat; background-position:right center;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user #container #path .addr .js_menu_select strong a[href^="#"]{background:none;}
#sub.user #container #path .addr .js_menu_select.last strong a{color:#fff;}
#sub.user #container #path .addr .js_menu_select ul{display:none; position:absolute; left:0; top:0; z-index:20; width:auto; padding:0px; border:1px solid #e9e9e9; background:#fff; box-sizing:border-box;}
#sub.user #container #path .addr .js_menu_select ul li{border-top:1px solid #e9e9e9;}
#sub.user #container #path .addr .js_menu_select ul li:first-child{border-top:none;}
#sub.user #container #path .addr .js_menu_select ul li a{display:block; line-height:52px; padding:0px 30px; text-decoration:none; font-weight:normal; font-size:16px; background-repeat:no-repeat; background-position:right center; white-space:nowrap;}
#sub.user #container #path .addr .js_menu_select ul li a:link,
#sub.user #container #path .addr .js_menu_select ul li a:visited,
#sub.user #container #path .addr .js_menu_select ul li a:active{color:#555;}
#sub.user #container #path .addr .js_menu_select ul li a:hover{text-decoration:none; color:#fff; background-color:#ff5432;}
#sub.user #container #path .addr .js_menu_select.on:before{display:block;}
#sub.user #container #path .addr .js_menu_select.on strong a{}
@media screen and (max-width: 800px){
	#sub.user #container #path .addr .js_menu_select{display:none; float:none;}
	#sub.user #container #path .addr .js_menu_select.last{display:inline-block;}
}
@media screen and (max-width: 400px){
	#sub.user #container #path .addr .js_menu_select,
	#sub.user #container #path .addr .js_menu_select strong a,
	#sub.user #container #path .addr .js_menu_select ul,
	#sub.user #container #path .addr .js_menu_select ul li a{width:100% !important; box-sizing:border-box;}
}


#sub.user #container #txt{margin:30px 20px;}


#sub.user #container #board_title{position:relative; line-height:28px; padding:15px 15px 15px 0px; margin:0px 20px; padding-left:74px; font-size:21px; font-family:"Daum"; font-weight:normal; color:#fff; background-color:#313336; box-sizing:border-box;}
#sub.user #container #board_title .tis{overflow:hidden; display:block; position:absolute; left:0; top:0; width:56px; height:100%; text-indent:-1000px; background:#4f5054 url(../../images/include/layout/board_title_bul.png) no-repeat center center;}
@media screen and (max-width: 900px){
	.user #container #board_title{line-height:24px; font-size:18px;}
}
@media screen and (max-width: 500px){
	.user #container #board_title{line-height:22px; font-size:16px;}
}

#sub.user #container #board_view{position:relative; padding-right:480px; margin:40px 20px;}
#sub.user #container #board_view .view_list{position:absolute; right:0; top:0; width:440px; height:100%; padding-top:60px; border:1px solid #ccc; box-sizing:border-box;}
#sub.user #container #board_view .view_list .head{position:absolute; left:0; top:0; z-index:0; width:100%; height:60px; line-height:60px; padding-left:25px; font-family:"Daum"; font-weight:400; font-size:21px; color:#171717; border-bottom:1px solid #ccc; box-sizing:border-box;}
#sub.user #container #board_view .view_list .controll{position:absolute; right:15px; top:15px; z-index:10;}
#sub.user #container #board_view .view_list .controll [class*="btn_"]{
	overflow:hidden; display:inline-block; width:30px; height:30px; text-indent:-1000px; border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; box-sizing:border-box;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user #container #board_view .view_list .controll [class*="btn_"]:hover{background-color:#e1e1e1;}
#sub.user #container #board_view .view_list .controll .btn_left{background-image:url(../../images/include/layout/view_list_left.png);}
#sub.user #container #board_view .view_list .controll .btn_right{background-image:url(../../images/include/layout/view_list_right.png);}
#sub.user #container #board_view .view_list .moves{position:relative; height:100%;}
#sub.user #container #board_view .view_list .moves ul{position:absolute; left:0; top:0; width:100%; height:100%;}
#sub.user #container #board_view .view_list .moves ul li{width:100%; height:20%; border-top:1px solid #ccc; box-sizing:border-box;}
#sub.user #container #board_view .view_list .moves ul li:first-child{border-top:none;}
#sub.user #container #board_view .view_list .moves ul li a{position:relative; display:block; width:100%; height:100%; padding-left:50%; text-decoration:none; box-sizing:border-box;}
#sub.user #container #board_view .view_list .moves ul li .photos{overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:1; width:50%; height:100%;}
#sub.user #container #board_view .view_list .moves ul li .photos:before,
#sub.user #container #board_view .view_list .moves ul li .photos:after{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user #container #board_view .view_list .moves ul li .photos:before{opacity:0; z-index:2; background-color:#000;}
#sub.user #container #board_view .view_list .moves ul li .photos:after{top:100%; z-index:3; background:url(../../images/include/layout/icon_play.png) no-repeat center center;}
#sub.user #container #board_view .view_list .moves ul li a:hover .photos:before{opacity:0.3;}
#sub.user #container #board_view .view_list .moves ul li a:hover .photos:after{top:0;}
#sub.user #container #board_view .view_list .moves ul li .photos span{position:absolute; left:50%; top:0; z-index:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
#sub.user #container #board_view .view_list .moves ul li .photos span img{height:100%;}
#sub.user #container #board_view .view_list .moves ul li .cons{display:block; padding:22px;}
#sub.user #container #board_view .view_list .moves ul li .cons em{display:block; line-height:13px; margin-bottom:8px; font-style:normal; font-size:12px; color:#ff3b43;}
#sub.user #container #board_view .view_list .moves ul li .cons strong{overflow:hidden; display:block; height:40px; line-height:20px; margin-bottom:10px; font-size:14px; color:#333;}
#sub.user #container #board_view .view_list .moves ul li .cons span{display:block; line-height:13px; font-size:12px; color:#888;}

#sub.user .moviebox img{max-width:100%;}
#sub.user .moviedata{position:relative; padding:20px 155px 20px 20px; background-color:#4f5054;}
#sub.user .moviedata ul{}
#sub.user .moviedata ul li{display:inline-block; font-size:13px; color:#fff;}
#sub.user .moviedata .etc{position:absolute; right:0; top:0; width:135px; height:100%; text-align:center; background-color:#313336;}
#sub.user .moviedata .etc a{
	overflow:hidden; display:inline-block; width:40px; height:100%; text-indent:-1000px;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user .moviedata .etc a.btn_gongu{background:url(../../images/include/layout/movie_data_btn_01.png) no-repeat center center;}
#sub.user .moviedata .etc a.btn_gongu:hover,
#sub.user .moviedata .etc a.btn_gongu.on,
#sub.user .moviedata .etc a.btn_gongu.on:hover{background:url(../../images/include/layout/movie_data_btn_01_ov.png) no-repeat center center;}
#sub.user .moviedata .etc a.btn_down{background:url(../../images/include/layout/movie_data_btn_02.png) no-repeat center center;}
#sub.user .moviedata .etc a.btn_down:hover{background:url(../../images/include/layout/movie_data_btn_02_ov.png) no-repeat center center;}
#sub.user .moviedata .etc a.btn_chu{background:url(../../images/include/layout/movie_data_btn_03.png) no-repeat center center;}
#sub.user .moviedata .etc a.btn_chu:hover{background:url(../../images/include/layout/movie_data_btn_03_ov.png) no-repeat center center;}
#sub.user .moviedata .etc a.btn_chu.on{background:url(../../images/include/layout/movie_data_btn_03_on.png) no-repeat center center;}
#sub.user .moviedata .etc .gongubox{display:none; position:absolute; right:85px; bottom:100%; width:180px; padding:8px 10px; background-color:#fff;}
#sub.user .moviedata .etc .gongubox:after, 
#sub.user .moviedata .etc .gongubox:before{
	position: absolute; right:18px; top: 100%; width:0; height:0; border: solid transparent;
	content: " "; pointer-events: none;
}
#sub.user .moviedata .etc .gongubox:after{
	border-color: transparent;
	border-top-color: #fff;
	border-width: 7px;
	margin-left: -7px;
}
#sub.user .moviedata .etc .gongubox:before{
	border-color: transparent;
	border-top-color: #ccc;
	border-width: 8px;
	margin-left: -8px;	
}
#sub.user .moviedata .etc .gongubox ul{text-align:center;}
#sub.user .moviedata .etc .gongubox ul li{position:relative; display:inline-block; width:26px; height:26px; margin:0px 0px; vertical-align:middle;}
#sub.user .moviedata .etc .gongubox [class*="btn_"]{
	overflow:hidden; position:absolute; left:50%; top:50%; display:block; width:26px; height:26px; margin:-13px 0px 0px -13px; text-align:left; text-indent:-1000px; background-color:#ccc; background-repeat:no-repeat; background-position:center center; background-size:100% auto;
	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;
}
#sub.user .moviedata .etc .gongubox .btn_f{background-color:#1b3898; background-image:url(../../images/include/layout/footer_icon_f.png);}
#sub.user .moviedata .etc .gongubox .btn_t{background-color:#00a2ff; background-image:url(../../images/include/layout/footer_icon_t.png);}
#sub.user .moviedata .etc .gongubox .btn_b{background-color:#1cad0d; background-image:url(../../images/include/layout/footer_icon_b.png);}
#sub.user .moviedata .etc .gongubox .btn_k{background-color:#ffba00; background-image:url(../../images/include/layout/footer_icon_k.png);}
#sub.user .moviedata .etc .gongubox .btn_nb{background-color:transparent; background-image:url(../../images/include/layout/footer_icon_nb.png);}
#sub.user .moviedata .etc .gongubox .btn_copy{background-color:#747579; background-image:url(../../images/include/layout/footer_icon_copy.png);}
#sub.user .moviedata .etc .gongubox [class*="btn_"]:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}

#sub.user .movietext{overflow-y:auto; height:120px; padding:20px 25px; border:1px solid #ccc; border-top:none; box-sizing:border-box;}
#sub.user .moviehash{padding:15px 25px; font-size:14px; border:1px solid #ccc; border-top:none; color:#888; background-color:#f6f6f6;}
#sub.user .moviehash span{display:block; line-height:26px; padding-left:30px;}
#sub.user .moviehash span.icon_01{background:url(../../images/include/layout/moviehash_icon_01.png) no-repeat 5px 3px;}
#sub.user .moviehash span.icon_02{background:url(../../images/include/layout/moviehash_icon_02.png) no-repeat left 3px;}


#sub.user #container #board_view,
#sub.user #container #board_view .view_list{
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
@media screen and (max-width: 1300px){
	#sub.user #container #board_view{padding-right:360px;}
	#sub.user #container #board_view .view_list{width:340px;}
}
@media screen and (min-width: 901px) and (max-width: 1200px){
	#sub.user #container #board_view{padding-right:180px;}
	#sub.user #container #board_view .view_list{width:170px;}
	#sub.user #container #board_view .view_list .head{padding-left:0; text-align:center; font-size:18px;}
	#sub.user #container #board_view .view_list .controll{right:0; top:-35px;}
	#sub.user #container #board_view .view_list .moves ul li .photos{width:100%;}
	#sub.user #container #board_view .view_list .moves ul li .cons{display:none;}
}
@media screen and (max-width: 900px){
	#sub.user #container #board_view{padding-right:0;}
	#sub.user #container #board_view .view_list{position:relative; width:100%; margin-top:30px;}
	#sub.user #container #board_view .view_list .moves ul{position:relative;}
	#sub.user #container #board_view .view_list .moves ul li{height:125px;}
	#sub.user #container #board_view .view_list .moves ul li .photos{width:180px;}
	#sub.user #container #board_view .view_list .moves ul li a{padding-left:180px;}
}
@media screen and (max-width: 450px){
	#sub.user #container #board_view .view_list .moves ul li{height:100px;}
	#sub.user #container #board_view .view_list .moves ul li .photos{width:150px;}
	#sub.user #container #board_view .view_list .moves ul li a{padding-left:150px;}
	#sub.user #container #board_view .view_list .moves ul li .cons{padding:10px;}
	#sub.user #container #board_view .view_list .moves ul li .cons em{margin-bottom:5px;}
	#sub.user #container #board_view .view_list .moves ul li .cons strong{margin-bottom:5px; font-size:13px;}
}
@media screen and (max-width: 400px){
	#sub.user #container #board_view .view_list .moves ul li .photos{width:120px;}
	#sub.user #container #board_view .view_list .moves ul li a{padding-left:120px;}
	#sub.user .moviedata{padding:0;}
	#sub.user .moviedata ul{padding:15px 20px;}
	#sub.user .moviedata .etc{position:relative; width:100%; padding:15px 0px;}
}




/* main */
/* main : common */


/* main : visual */
#main.user #visual .vbox_02 .tbox .btns,
#main.user #visual .vbox_02 .tbox .btns:before{
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#main.user #visual,
#main.user #visual .layout,
#main.user #visual [class*="vbox_"],
#main.user #visual .simbol span,
#main.user #visual .btn_left,
#main.user #visual .btn_right,
#main.user #visual .visualtext .plist li,
#main.user #visual .visualtext .plist li a .titles,
#main.user #visual .visualtext .plist li a:before,
#main.user #visual .visualtext .nlist li a,
#main.user #visual .vbox_03 .btns{
	transition : all 0.5s ease;
	-webkit-transition : all 0.5s ease;
}
#main.user #visual{position:relative; height:824px; background-color:#000;}
#main.user #visual .layout{padding:0;}
#main.user #visual .visual_lay{position:relative; width:100%; height:100%;}
#main.user #visual .simbol{position:absolute; left:0; top:80px; z-index:300; width:100%; text-align:center;}
#main.user #visual .simbol span{
	display:inline-block; width:6px; height:6px; margin:0px 5px; vertical-align:middle; border:3px solid #fff; background-color:#fe7819; box-sizing:border-box;
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5);
	border-radius:50%;
	-webkit-border-radius:50%;
}
#main.user #visual .simbol span.on{width:12px; height:12px;}

#main.user #visual .visualtext{position:relative; left:0; top:0; z-index:100; width:100%; height:100%;}
#main.user #visual .visualtext .layout{max-width:1040px; margin:0 auto; padding-top:130px;}
#main.user #visual .visualtext .tis{display:block; position:relative; line-height:32px; padding:5px 5px; margin-bottom:10px; font-family:"Daum"; font-weight:600; font-size:30px; color:#fff;}
#main.user #visual .visualtext .tis span{
	position:relative; z-index:10;
	text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
}
#main.user #visual .visualtext .plist_btn_left,
#main.user #visual .visualtext .plist_btn_right{overflow:hidden; display:none; position:absolute; top:auto; bottom:0; z-index:20; width:70px; height:70px; margin:0; text-indent:-1000px; box-sizing:border-box;}
#main.user #visual .visualtext .plist_btn_left{left:0; border-right:1px solid #ff9da1; background:url(../../images/include/layout/plist_left.gif) no-repeat center center;}
#main.user #visual .visualtext .plist_btn_right{right:0; border-left:1px solid #ff9da1; background:url(../../images/include/layout/plist_right.gif) no-repeat center center;}
#main.user #visual .visualtext .plist{overflow:hidden; position:relative; z-index:10;}
#main.user #visual .visualtext .plist li{float:left; width:25%;}
#main.user #visual .visualtext .plist li a{display:block; position:relative; width:100%; height:146px; margin-bottom:84px; background-color:#000;}
#main.user #visual .visualtext .plist li a .photos{overflow:hidden; display:block; position:absolute; left:50%; top:0; z-index:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
#main.user #visual .visualtext .plist li a .photos img{height:100%;}
#main.user #visual .visualtext .plist li a:before{opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#000;}
#main.user #visual .visualtext .plist li a .titles{display:table; position:absolute; left:0; top:100%; z-index:1; width:100%; height:84px; padding:10px 25px; font-size:12px; border-left:1px solid #c7c7c7; color:#555; background:#fff; box-sizing:border-box;}
#main.user #visual .visualtext .plist li:first-child a .titles{border-left:none;}
#main.user #visual .visualtext .plist li a .titles span{display:table-cell; text-align:left; vertical-align:middle;}
#main.user #visual .visualtext .plist li a .titles strong{display:block; margin-bottom:5px; font-weight:600; font-size:14px; color:#333;}
/*#main.user #visual .visualtext .plist li a:hover .titles,
#main.user #visual .visualtext .plist li a.on .titles,
#main.user #visual .visualtext .plist li a.on:hover .titles{bottom:0;}*/
#main.user #visual .visualtext .plist li a:hover:before,
#main.user #visual .visualtext .plist li a.on:before,
#main.user #visual .visualtext .plist li a.on:hover:before{opacity:0;}
#main.user #visual .visualtext .nlist{overflow:hidden;}
#main.user #visual .visualtext .nlist li{float:left; width:20%; border-left:1px solid #c7c7c7; box-sizing:border-box;}
#main.user #visual .visualtext .nlist li:first-child{border-left:none;}
#main.user #visual .visualtext .nlist li a{overflow:hidden; display:block; position:relative; width:100%; height:84px; line-height:20px; padding:21px 60px 0 72px; font-size:16px; color:#333; background:#fff url(../../images/include/layout/nlist_bul.png) no-repeat 100% 47px; box-sizing:border-box;}
#main.user #visual .visualtext .nlist li a:before{content:""; display:block; position:absolute; left:21px; top:21px; width:40px; height:40px; background-position:center center; background-repeat:no-repeat;}
#main.user #visual .visualtext .nlist li.icon_01 a:before{background-image:url(../../images/include/layout/nlist_icon_01.png);}
#main.user #visual .visualtext .nlist li.icon_02 a:before{background-image:url(../../images/include/layout/nlist_icon_02.png);}
#main.user #visual .visualtext .nlist li.icon_03 a:before{background-image:url(../../images/include/layout/nlist_icon_03.png);}
#main.user #visual .visualtext .nlist li.icon_04 a:before{background-image:url(../../images/include/layout/nlist_icon_04.png);}
#main.user #visual .visualtext .tbox{
	line-height:41px; margin-top:60px; text-align:right; font-family:"Daum"; font-weight:600; font-size:34px; color:#ff4f36;
	text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
}
#main.user #visual .visualtext .tbox ul{overflow:hidden; margin-top:25px;}
#main.user #visual .visualtext .tbox ul li{float:left; line-height:15px; padding-left:45px; font-size:14px; color:#fff; background:url(../../images/include/layout/tbox_bar.png) no-repeat 21px center;}
#main.user #visual .visualtext .tbox ul li span{color:#ff602b;}
#main.user #visual .visualtext .tbox ul li:first-child{padding-left:0; background:none;}
#main.user #visual .visualtext .tbox .logo{display:inline-block; width:129px; height:99px; margin-top:20px; background:url(../../images/include/layout/vi_logo.png) no-repeat center center;}




#main.user #visual [class*="btn_"]{overflow:hidden; display:block; position:absolute; top:50%; z-index:200; width:50px; height:50px; margin-top:-25px; text-indent:-1000px; background-position:center center; background-repeat:no-repeat;}
#main.user #visual .btn_left{left:50px; background-image:url(../../images/include/layout/visual_left.png);}
#main.user #visual .btn_right{right:50px; background-image:url(../../images/include/layout/visual_right.png);}
#main.user #visual .btn_play,
#main.user #visual .btn_stop{left:50%; top:150px; width:17px; height:17px; margin:0 0 0 503px;}
#main.user #visual .btn_play{background:url(../../images/include/layout/visual_btn_play.png) no-repeat left top;}
#main.user #visual .btn_stop{background:url(../../images/include/layout/visual_btn_stop.png) no-repeat left top;}
#main.user #visual .btn_left:hover{background-image:url(../../images/include/layout/visual_left_on.png);}
#main.user #visual .btn_right:hover{background-image:url(../../images/include/layout/visual_right_on.png);}
#main.user #visual [class*="vbox_"]{opacity:0; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
#main.user #visual.vbox_01 .vbox_01,
#main.user #visual.vbox_02 .vbox_02,
#main.user #visual.vbox_03 .vbox_03,
#main.user #visual.vbox_04 .vbox_04,
#main.user #visual.vbox_05 .vbox_05,
#main.user #visual.vbox_06 .vbox_06,
#main.user #visual.vbox_07 .vbox_07,
#main.user #visual.vbox_08 .vbox_08,
#main.user #visual.vbox_09 .vbox_09,
#main.user #visual.vbox_10 .vbox_10{opacity:1; z-index:10; background-size:auto 100%;}
#main.user #visual .vbox_01{}

#main.user #visual .vbox_02{}
#main.user #visual .vbox_02 .layout{padding-top:160px;}
#main.user #visual .vbox_02 .tbox{position:absolute; left:50%; top:170px; width:641px; height:395px; line-height:54px; padding:45px 58px; margin-left:-320px; font-family:"Daum"; font-weight:normal; font-size:43px; border:10px solid #fff; color:#fff; box-sizing:border-box;}
#main.user #visual .vbox_02 .tbox span{display:inline-block; position:absolute; line-height:71px; margin-left:10px; font-weight:600; font-size:70px;}
#main.user #visual .vbox_02 .tbox .btns{overflow:hidden; display:block; position:absolute; left:58px; bottom:50px; line-height:30px; text-decoration:none; font-family:"Nanum Gothic"; font-size:16px; color:#fff;}
#main.user #visual .vbox_02 .tbox .btns:after,
#main.user #visual .vbox_02 .tbox .btns:before{content:""; display:block; position:absolute; bottom:0; width:100%; height:1px;}
#main.user #visual .vbox_02 .tbox .btns:after{left:0; z-index:0; background-color:#fff;}
#main.user #visual .vbox_02 .tbox .btns:before{left:-100%; z-index:1; background-color:#f12e2f;}
#main.user #visual .vbox_02 .tbox .btns:hover{
	color:#f12e2f;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#main.user #visual .vbox_02 .tbox .btns:hover:before{left:0;}
#main.user #visual .vbox_02 .tbox .cars{position:absolute; right:-30px; bottom:-235px; z-index:10; width:382px; height:262px;}
#main.user #visual .vbox_02 .tbox .cars:after,
#main.user #visual .vbox_02 .tbox .cars:before{
	content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background:url(../../images/include/layout/main_car_bg.png) no-repeat left top;
	animation-name:main_car1;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name:main_car1;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
#main.user #visual .vbox_02 .tbox .cars:after{
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
#main.user #visual .vbox_02 .tbox .cars span{
	display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;
	animation-name:main_car2;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name:main_car2;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
#main.user #visual .vbox_02 .tbox .cars span:before{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/include/layout/main_car.png) no-repeat left top;
	animation-name:main_car3;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name:main_car3;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
@keyframes main_car1{
    0% {opacity:1; left:10%; top:10%;}
    33% {opacity:1; left:-10%; top:-10%;}
    66% {opacity:0; left:-20%; top:-20%;}
    100% {opacity:0; left:10%; top:10%;}
}
@-webkit-keyframes main_car1{
    0% {opacity:1; left:10%; top:10%;}
    33% {opacity:1; left:-10%; top:-10%;}
    66% {opacity:0; left:-20%; top:-20%;}
    100% {opacity:0; left:10%; top:10%;}
}
@keyframes main_car2{
    0% {left:0; top:0;}
    50% {left:10px; top:10px;}
    100% {left:0; top:0;}
}
@-webkit-keyframes main_car2{
    0% {left:0; top:0;}
    50% {left:10px; top:10px;}
    100% {left:0; top:0;}
}
@keyframes main_car3{
    0% {top:0;}
    50% {top:2px;}
    100% {top:0;}
}
@-webkit-keyframes main_car3{
    0% {top:0;}
    50% {top:2px;}
    100% {top:0;}
}

#main.user #visual .vbox_03 .tis{display:block; position:absolute; left:50%; top:113px; width:566px; height:264px; margin-left:-283px}
#main.user #visual .vbox_03 .btns{display:block; position:absolute; left:50%; top:397px; width:268px; height:63px; line-height:63px; padding-left:30px; margin-left:-134px; text-decoration:none; font-size:16px; color:#fff; background-color:#ff463c; background-image:url(../../images/include/layout/vbox_03_btn.png); background-position:right center; background-repeat:no-repeat; box-sizing:border-box;}
#main.user #visual .vbox_03 .btns:hover{background-color:#f12e2f;}















/* main : container */
#main.user #container,
#main.user #container #box_01 .btn_more_load,
#main.user #container #box_02 [class*="bbox_"],
#main.user #container #box_02 [class*="bbox_"] .bn,
#main.user #container #box_02 .simbol a{
	transition : all 0.5s ease;
	-webkit-transition : all 0.5s ease;
}
#main.user #container{}
#main.user #container .layout{max-width:1320px;}

#main.user #container #box_01{padding-bottom:70px;}
#main.user #container #box_02{position:relative; height:585px;}
#main.user #container #box_02 .simbol{position:absolute; right:55px; top:40px; z-index:20;}
#main.user #container #box_02 .simbol a{
	overflow:hidden; display:inline-block; width:6px; height:6px; margin:0px 5px; text-indent:-1000px; vertical-align:middle; border:3px solid #fff; background-color:#fe7819; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#main.user #container #box_02 .simbol a.on{width:12px; height:12px;}
#main.user #container #box_02 [class*="bbox_"]{opacity:0; position:absolute; right:0; top:0; z-index:0;}
#main.user #container #box_02 [class*="bbox_"] .bic_img{display:block; position:relative; z-index:0;}
#main.user #container #box_02 [class*="bbox_"] img{max-height:100%;}
#main.user #container #box_02 [class*="bbox_"] .bn{position:absolute; right:0; top:0; z-index:1; width:760px; height:253px;}
#main.user #container #box_02 .bbox_01 .bn{background-color:#ff362d;}
#main.user #container #box_02 .bbox_02 .bn{background-color:#2298ff;}
#main.user #container #box_02 .bbox_03 .bn{background-color:#074619;}
#main.user #container #box_02 [class*="bbox_"] .bn a{display:block; width:100%; height:100%; padding:35px 44px; text-decoration:none; font-family:"Daum"; font-weight:normal; color:#fff; box-sizing:border-box;}
#main.user #container #box_02 [class*="bbox_"] .bn em{display:block; line-height:22px; margin-bottom:35px; font-style:normal; font-size:21px;}
#main.user #container #box_02 [class*="bbox_"] .bn span{display:block; line-height:22px; margin-bottom:10px; font-size:21px;}
#main.user #container #box_02 [class*="bbox_"] .bn strong{display:block; line-height:51px; margin-bottom:15px; font-weight:600; font-size:50px;}
#main.user #container #box_02 [class*="bbox_"] .bn p{margin:0; line-height:16px; font-size:15px;}
#main.user #container #box_02.bbox_01 .bbox_01,
#main.user #container #box_02.bbox_02 .bbox_02,
#main.user #container #box_02.bbox_03 .bbox_03,
#main.user #container #box_02.bbox_04 .bbox_04,
#main.user #container #box_02.bbox_05 .bbox_05,
#main.user #container #box_02.bbox_06 .bbox_06,
#main.user #container #box_02.bbox_07 .bbox_07,
#main.user #container #box_02.bbox_08 .bbox_08,
#main.user #container #box_02.bbox_09 .bbox_09,
#main.user #container #box_02.bbox_10 .bbox_10{opacity:1; z-index:10;}

.moviebox {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.moviebox iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}


/* 검색화면 */
#search_view{}
#search_view .head{padding:20px; margin-bottom:30px; border:1px solid #e9e9e9;}
#search_view .head .lay{position:relative; height:52px; padding:0 153px 0 190px;}
#search_view .head .lay .sel{overflow:hidden; position:absolute; left:0; top:0; z-index:0; width:170px; height:52px; box-sizing:border-box;}
#search_view .head .lay .sel.on{overflow:visible; z-index:20;}
#search_view .head .lay .sel strong{display:block; width:100%; height:100%;}
#search_view .head .lay .sel strong a{display:block; position:relative; z-index:10; width:100%; height:100%; line-height:50px; padding:0 15px; text-decoration:none; font-weight:normal; font-size:16px; border:1px solid #aaa; color:#333; background:#fff url(../../images/include/layout/search_sel_bul.png) no-repeat right center; box-sizing:border-box;}
#search_view .head .lay .sel ul{
	opacity:0; position:absolute; left:0; top:0; z-index:0; width:100%; border:1px solid #aaa; border-top:none; box-sizing:border-box;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#search_view .head .lay .sel ul li{overflow:hidden; position:relative; width:100%; border-top:1px solid #aaa;}
#search_view .head .lay .sel ul li:first-child{border-top:none;}
#search_view .head .lay .sel ul li a{
	display:block; width:100%; height:100%; line-height:20px; padding:16px 15px; text-decoration:none; font-size:16px; color:#333; background-color:#fff; box-sizing:border-box;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#search_view .head .lay .sel ul li a:hover,
#search_view .head .lay .sel ul li.on a,
#search_view .head .lay .sel ul li.on a:hover{background-color:#fffbcc;}
#search_view .head .lay .sel ul li input[type="radio"]{position:absolute; left:-100px; top:0;}

#search_view .head .lay input[type="text"]{position:relative; z-index:10; width:100%; height:52px; line-height:50px; padding:0px 15px; font-size:15px; border:1px solid #aaa; color:#aaa; box-sizing:border-box;}
#search_view .head .lay input[type="submit"]{position:absolute; right:0; top:0; z-index:10; width:133px; height:52px; line-height:50px; padding:0; font-family:"Daum"; font-weight:normal; font-size:21px; border:1px solid #ff443d; color:#fff; background-color:#ff443d; box-sizing:border-box;}

#search_view .head .lay .sel.on ul{opacity:1; top:52px;}
#search_view .midd .titles{position:relative; padding:16px 15px 16px 67px; margin-bottom:20px; font-size:16px; color:#999; background-color:#313336;}
#search_view .midd .titles:before{content:""; display:block; position:absolute; left:0; top:0; width:52px; height:100%; background:#ff443d url(../../images/include/layout/etc_icon_02_on_w.png) no-repeat center -3px;}
#search_view .midd .titles strong,
#search_view .midd .titles em{font-style:normal; font-weight:normal; color:#fff;}
#search_view .midd .titles strong{text-decoration:underline;}
#search_view .midd>ul{border-top:1px solid #ccc;}
#search_view .midd>ul>li{padding:30px; border-bottom:1px solid #ccc;}
#search_view .midd>ul>li .lay{position:relative; padding-left:272px;}
#search_view .midd>ul>li .lay .photos{display:block; position:absolute; left:0; top:0; width:242px; min-height:136px; background-color:#000;}
#search_view .midd>ul>li .lay .photos img{width:100%;}
#search_view .midd>ul>li .lay .tis{display:block; margin-bottom:5px;}
#search_view .midd>ul>li .lay .tis strong{line-height:25px; padding-right:15px; font-size:18px; color:#171717;}
#search_view .midd>ul>li .lay .tis .times{display:inline-block; line-height:25px; padding-left:18px; font-size:13px; color:#555; background:url(../../images/include/layout/photo_time2.png) no-repeat left 5px;}
#search_view .midd>ul>li .lay .tes{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-top:20px; font-size:16px; color:#555;}

#search_view .midd>ul>li .lay .etc{display:block; position:relative; font-weight:normal; font-size:13px; color:#555;}
#search_view .midd>ul>li .lay .etc .op{overflow:hidden; display:block; position:relative; margin-top:10px;}
#search_view .midd>ul>li .lay .etc .op .btn_chu,
#search_view .midd>ul>li .lay .etc .op span{
	overflow:hidden; float:left; display:block; width:22px; height:20px; line-height:20px; vertical-align:top; text-align:center; border:1px solid #ff5930; background-color:#ff5930;
	border-radius:2px;
	-webkit-border-radius:2px;
}
#search_view .midd>ul>li .lay .etc .op .btn_chu{
	text-indent:-1000px; border:1px solid #ccc; background:url(../../images/include/layout/icon_chu.png) no-repeat center center;
	border-radius:2px 0 0 2px;
	-webkit-border-radius:2px 0 0 2px;
}
#search_view .midd>ul>li .lay .etc .op .btn_chu.on{background:url(../../images/include/layout/icon_chu_on.png) no-repeat center center;}
#search_view .midd>ul>li .lay .etc .op span{font-size:9px; color:#fff;}
#search_view .midd>ul>li .lay .etc .op .chu_text{
	margin-right:5px; color:#222; border:1px solid #ccc; border-left:none; background-color:#fff;
	border-radius:0 2px 2px 0;
	-webkit-border-radius:0 2px 2px 0;
}
#search_view .midd>ul>li .lay .hash{overflow:hidden; height:38px; margin-top:5px;}
#search_view .midd>ul>li .lay .hash li{display:inline-block; float:none; width:auto !important; line-height:20px; padding:0; font-size:13px; color:#888;}
#search_view .midd>ul>li .point{font-style:normal; color:#fff; background-color:#ff443d;}
@media screen and (max-width: 1023px){
	#search_view .midd>ul>li .lay .tis strong{padding-right:0;}
	#search_view .midd>ul>li .lay .tis .times{display:block;}
}
@media screen and (max-width: 700px){
	#search_view .midd>ul>li .lay{padding-left:0;}
	#search_view .midd>ul>li .lay .photos{position:relative; max-width:242px; width:100%; margin:0 auto 20px auto;}
}
@media screen and (max-width: 600px){
	#search_view .head{}
	#search_view .head .lay{padding:0; height:auto;}
	#search_view .head .lay .sel,
	#search_view .head .lay input[type="text"],
	#search_view .head .lay input[type="submit"]{display:block; position:relative; left:auto; right:auto; top:auto; width:100%;}
	#search_view .head .lay input[type="text"],
	#search_view .head .lay input[type="submit"]{margin-top:4px;}
}
@media screen and (max-width: 500px){
	#search_view .midd>ul>li{padding:20px;}
}


#content .openimg{width:auto; line-height:27px; padding:20px; margin:0px 20px; border:1px solid #ccc; box-sizing:border-box;}
#content .openimg img{margin-right:10px;}




.user #wrap .layout .basic_box{ margin:20px;}
.user #wrap .layout .basic_box input[type="text"]{ position:relative; top:1px}
.user #wrap .layout .basic_table{ padding:20px 20px 20px 76px; box-sizing:border-box}
.user #wrap .layout .basic_box .inner form{ margin-top:0}
.user #wrap .layout .basic_box .board_total{ top:5px}
.user #wrap .layout .itv_board{margin:20px;}
.user #wrap .layout .codeView01{width:auto; line-height:27px; padding:20px; margin:0px 20px; border:1px solid #ccc; box-sizing:border-box;}
.user #wrap .layout .codeView01 img{margin-right:10px;}
.user #wrap .layout .codeView01 p{ margin:0; padding:0; font-weight:normal; font-size:14px}
.user #wrap .layout .board_butt  { margin:20px}
.user #wrap .layout .codeView01:after{ display:block; clear: both; content: ""}




/* 보령TV 개인정보처리방침 추가 */
.itv{padding:0px 100px;}
.itv .mb5 {margin-bottom: 5px !important;}
.itv  .mb10{margin-bottom:10px !important;}
.itv strong {font-weight: 600;}
.itv .content_table td { font-size: 18px !important; color: #333 !important; font-weight: normal; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: center; padding: 6px 6px; background: #fff; word-wrap: break-word;}
.itv .content_table .th_top {border-top: 1px solid #0089be;}
.itv .content_table .th_top {border-top: 2px solid #323030;border-bottom: 1px solid #9c9c9c;}
.itv .content_table th {font-size: 18px !important; color: #333 !important; font-weight: 600;border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 6px 6px; text-align: center;background: #e6e6e6;}
.itv p{font-size: 16px; text-align: left; line-height: 1.4;}
.itv h4 {font-size: 26px; line-height: 24px; color: #010101; margin: 30px 0 10px 0;}
.itv h5{display: block; line-height: 22px; margin: 25px 0px 10px 0px;padding-top: 12px; font-weight: 700; font-size: 20px; color: #1e1e1e;}
.itv h4, h5 {font-weight: 600;}
.itv .h7_ul > li {color: #444 !important;background: url(../../../images/specific/common/h7_bul.gif) no-repeat 0px 8px !important;padding: 0 0 0 10px; font-weight: normal; font-size: 18px; margin: 0 0 5px 0; line-height: 18px; margin-bottom: 12px !important;}
.itv .content_table .t_end {border-right: none;}
.itv a.btn-bg-gray {background: #747474; color: #FFF;}
.itv .mb5 {margin-bottom: 5px !important;}
.itv a.btn-derection {padding: 8px 17px 8px 22px !important;display: inline-block !important;}
.itv table {width:100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
.itv .derection{font-size: 18px;}
.itv h4{padding-bottom: 20px;}

/* 보령TV 개인정보처리방침 미디어 */
@media screen and (max-width: 500px){
	.itv{padding:0px 20px;}
}