@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 초기화! */
body { font-family:Nanum Gothic,"나눔고딕", dotum; }
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p {margin:0; padding:0; font-size:12px; font-family:'Nanum Gothic','Tahoma','Arial';}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary{display:block;}
dl,dt,dd,ul,ol,menu,li{list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; padding:0;}
img {vertical-align:top;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
/* 플롯 해제 */
.clearFix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearFix {display:inline-block;}
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* 플롯 해제 */
caption, legend, .skip, hr {display:none;}
input, textarea {outline-style:none; resize:none;}

body, html{min-width:800px;width:100%;height:100%;margin:0 auto;padding:0px;}

.sp_5{padding-left:5px;}
.sp_10{padding-left:10px;}
.sp_15{padding-left:15px;}
.sp_20{padding-left:20px;}
.sp_25{padding-left:25px;}
.sp_30{padding-left:30px;}
.sp_40{padding-left:40px;}
.sp_50{padding-left:50px;}

.layer-menu{width:60%; position:absolute; left:0; top:0; overflow:hidden; display:none; z-index:9999;background-color:#fff;}
.layer-menu a:hover{text-decoration:none;}
.layer-menu .btn-box span{float:left; width:100%; height:40px; line-height:20px; text-align:center; background-color:#fff; overflow:hidden;}
.layer-menu .btn-box span a{display:block; padding:10px 0;}
/*.layer-menu .btn-box .home a{}
.layer-menu .btn-box .home a:hover{color:#fff;}*/
.layer-menu .btn-box .home a{background:url('/images/common/ico_home.png') no-repeat 34% center; background-size:13px 13px;padding-bottom:7px;}
.layer-menu .btn-box .home a:hover{background:url('/images/common/ico_home_o.png') no-repeat 34% center; background-size:13px 13px; color:#fff;padding-bottom:7px;}
/*.layer-menu .btn-box .login{*width:49.9%;}
.layer-menu .btn-box .login a{border-left:1px solid #383838;}
.layer-menu .btn-box .login a:hover{color:#fff;}*/
/*.layer-menu .btn-box .login a{border-left:1px solid #383838; background:url('/images/common/ico_login.png') no-repeat 20% center; background-size:12px 12px;}
.layer-menu .btn-box .login a:hover{background:url('/images/common/ico_login_o.png') no-repeat 20% center; background-size:12px 12px; color:#fff;}*/
.layer-menu .btn-box a{font-size:14px; color:#333; font-family:Nanum Gothic; font-weight:bold;}
.layer-menu .btn-box img, .layer-menu .btn-box span{vertical-align:middle;}
.layer-menu .mini-gnb{border-left:1px solid #d4d5d5; border-right:1px solid #d4d5d5; border-top:1px solid #333; background-color:#fff;}
.layer-menu .btn-box span:hover{color:#fff; background-color:#365da0;}

.layer-menu .mini-gnb li{border-bottom:1px solid #d4d5d5; text-align:left;}
.layer-menu .mini-gnb a{display:block; padding:10px; font-size:14px; color:#000; background:#fff; font-weight:bold;}
.layer-menu .mini-gnb a.selected{background:#365da0; color:#fff;}
.layer-menu .mini-gnb ul{border-top:1px solid #d4d5d5; display:none;}
.layer-menu .mini-gnb ul a{display:block; padding:5px 10px 5px 20px; font-size:12px; color:#444444; background:#F0F0F0;}
.layer-menu .mini-gnb ul a.selected{color:#106fc0; background:#e7e7e7;}
.layer-menu .mini-gnb ul img{vertical-align:middle;}

#container_login{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto 0;}
#login{position: absolute;width: 320px;height: 300px;left: 50%;top: 50%;margin-left: -160px;margin-top: -200px; background: #FFFFFF;}
#login .contents{width:100%;text-align:center;}
#login .contents img{width: 320px;}
#login .contents .hi_login{height:40px;}
#login .contents .hi2_login{height:10px;}
#login .contents .box_input{width: 314px;text-align:center;height:50px;border:3px solid #28B8FD;font-size: 20px; color: #28B8FD; font-weight:bold;border-radius: 8px;}
#login .contents input::placeholder {color: #28B8FD;}
#login .contents .box_login{background-color:#555555;width: 320px;text-align:center;height:60px;line-height:60px;font-size: 20px; color: #FFFFFF; font-weight:bold;border-radius: 8px;}

@media print {
	/* PreView */
	#pcontainer{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto 0;}
	
	#pheader{min-width:800px;width:100%; margin:0 auto 0; position:relative; z-index:3;padding-top:30px;}
	#pheader h1{text-align:center;}
	#pmain {min-width:800px;width:100%; margin:0 auto; overflow:hidden; position:relative;}
	#pmain .contents{min-width:800px;width:100%;margin:0; position:relative;}
	
	#pmain .contents .rule_view{min-width:800px; margin:0 auto; position:relative;text-align:center;padding:30px 0px 12px 0px;font-size:28px; font-weight:600; height:40px; line-height:32px;border-bottom:1px solid #CCCCCC;color:#555555;}

	#pmain .contents .rule_dview{min-width:800px; max-width:1100px; margin:0 auto; text-align:left;padding:10px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_0{text-align:center;font-size:20px;color:#222222;padding:50px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_1{text-align:center;font-size:25px; font-weight:bold; color:#222222;padding:30px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_2{text-align:left;font-size:16px;line-height:1.6;font-weight:bold; color:#444444;padding:15px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_2 p{text-align:left;font-size:16px;line-height:1.6;font-weight:bold;}
	#pmain .contents .rule_dview .tit_dept_3{text-align:left;font-size:15px;line-height:1.6; color:#444444;padding:0 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_3 p{text-align:left;font-size:15px;line-height:1.6;}
	/* PreView */
}

@media screen and (min-width: 720px) {
	/* PreView */
	#pcontainer{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto 0;}
	
	#pheader{min-width:800px;width:100%; margin:0 auto 0; position:relative; z-index:3;padding-top:30px;}
	#pheader h1{text-align:center;}
	#pmain {min-width:800px;width:100%; margin:0 auto; overflow:hidden; position:relative;}
	#pmain .contents{min-width:800px;width:100%;margin:0; position:relative;}
	
	#pmain .contents .rule_view{min-width:800px; margin:0 auto; position:relative;text-align:center;padding:30px 0px 12px 0px;font-size:28px; font-weight:600; height:40px; line-height:32px;border-bottom:1px solid #CCCCCC;color:#555555;}

	#pmain .contents .rule_dview{min-width:800px; max-width:1100px; margin:0 auto; text-align:left;padding:10px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_0{text-align:center;font-size:20px;color:#222222;padding:50px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_1{text-align:center;font-size:25px; font-weight:bold; color:#222222;padding:30px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_2{text-align:left;font-size:16px;line-height:1.6;font-weight:bold; color:#444444;padding:15px 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_2 p{text-align:left;font-size:16px;line-height:1.6;font-weight:bold;}
	#pmain .contents .rule_dview .tit_dept_3{text-align:left;font-size:15px;line-height:1.6; color:#444444;padding:0 0 0 0;}
	#pmain .contents .rule_dview .tit_dept_3 p{text-align:left;font-size:15px;line-height:1.6;}
	/* PreView */


	#container{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -100px;}

	#header{min-width:1100px;width:1100px; margin:0 auto 0; padding:20px; position:relative; z-index:3;}
	#header h1{float:left;}

	#header .tit{position:absolute; height:20px;left:0; top:7px; padding:3px 0 0 26px; font-size:13px; color:#515151; background:url('/images/common/pretzel_ico.png') no-repeat left top;}
	#header .tit_m{display:none}
	#header .log{position:absolute; right:0; top:10px; padding:2px 0 0 18px; font-size:11px; color:#515151; background:url('/images/common/ico_log.png') no-repeat left top;}
	#header .join{position:absolute; right:80px; top:11px; padding:1px 0 0 20px; font-size:11px; color:#515151; background:url('/images/common/icon_contents.gif') no-repeat left top;}
	#header .join_m{display:none;}
	#header .menu{display:none;}
	#header .menu img{display:none;}
	#gnb{float:right; padding:20px 0 0 0;}
	#gnb li{float:left; padding:0 40px;}
	#gnb li a{font-size:20px; color:#000; font-weight:bold;}
	#gnb li a:hover, #gnb li a.sect{color:#106fc0; text-decoration:none;}	

	#mbar{clear:both; position:absolute; top:104px;width:100%;height:60px;line-height:60px;text-align:center;font-size:24px;font-weight:bold;background:#365da0;color:#FFFFFF;}

	.hi_more{height:150px;}
	.hi_preview1{height:0px;}
	.hi_preview2{height:40px;}

	#footer{width:100%; background:#242424;height:100px; z-index:5;}
	#footer .footer{min-width:1100px;width:1100px;position:relative; margin:0 auto 0; padding:20px 0; overflow:hidden; line-height:18px; font-size:13px; color:#F7F7F7;}
	#footer .footer a{color:#F7F7F7;}
	#footer .footer p span{padding:5 0px; font-size:13px;font-weight:bold;}
	#footer .footer .aside{position:absolute; right:0; top:50%; margin-top:-10px; font-size:11px;}
	#footer .footer .footer_addr{margin-top:8px;font-size:11px;}
	#footer .footer .footer_addr .footer_addr1 {font-size:11px;}
	#footer .footer .footer_addr .footer_addr2 {padding-left:20px;font-size:11px;}
	#footer .footer .copy{padding:0px 0px; font-size:11px;}

	#shadow{width:0px; height:0px; position:absolute; left:0; top:0; background:#000; filter:Alpha(opacity=70); opacity:0.7; z-index:5; display:none;}
	#top{position:fixed; bottom:50px; right:20px; display:none;}

	#main {min-width:1100px;width:100%; margin:0 auto; overflow:hidden; position:relative;}
	#main .header{min-width:1100px;height:auto; overflow:visible; color:#fff;padding-top:60px;border-bottom:1px solid #AFC4E4;}
	#main .header .full-img{display:none;}
	/*#main .header .full-img{position:absolute; left:0; top:0; width:100%; height:404px; z-index:1;}*/
	#main .header fieldset{padding:0px 0; text-align:center; position:relative; z-index:2;}
	#main .header fieldset h2{font-size:70px; font-weight:normal;}
	#main .header fieldset h2 img{vertical-align:middle; margin-right:20px;}
	#main .header fieldset p{padding:30px 0 30px;}
	#main .header fieldset input{width:620px; height:46px; border:1px solid #e0e0e0;font-size:16px;}
	#main .header fieldset span{font-size:16px;}
	#main .header fieldset p input, #main .header fieldset p a, #main .header fieldset p img{vertical-align:middle;}
	#main .header fieldset p a{display:inline-block; width:94px; height:48px; background:url('/images/common/btn_search.png') no-repeat center top; text-indent:-9999em;}
	
	#main .contents{min-width:1100px;width:100%;margin:0; position:relative;}
	
	#main .contents .main_box{width:1100px; margin:0 auto; position:relative;padding-top:50px;}
	#main .contents .main_box .box1{display: inline-table;background:#6a9e15;float:left right;width:22%;height:200px;}
	#main .contents .main_box .box2{display: inline-table;background:#6a9e15;float:left right;width:22%;height:200px;margin-left:39px;}
	#main .contents .main_box .box3{display: inline-table;background:#6a9e15;float:left right;width:22%;height:200px;margin-left:39px;}
	#main .contents .main_box .box4{display: inline-table;background:#6a9e15;float:left right;width:22%;height:200px;margin-left:39px;}
	#main .contents .main_box .box_tit{display: table-cell; vertical-align: middle;text-align:center;}
	#main .contents .main_box .box_tit1{text-align:center;font-size:20px;font-weight:bold;color:#FFFFFF;padding-bottom:15px;}
	#main .contents .main_box .box_tit2{display:inline-block;text-align:center;width:80px;padding:6px 12px; font-size:13px;color:#FFFFFF;border:1px solid #FFFFFF;}


	#main .contents .rule_list{width:1100px; margin:0 auto; text-align:left;padding:10px 0px;border-bottom:1px solid #EEEEEE;}
	#main .contents .rule_list .menu_tit{padding-left:25px;font-size:20px; font-weight:bold; height:34px;line-height:34px;color:#444444;}
	#main .contents .rule_list .menu_view{float:right;padding-right:25px;font-size:18px; font-weight:bold; height:34px;line-height:34px;color:#666666;}

	#main .contents .rule_view{width:1100px; margin:0 auto; position:relative;text-align:left;padding:30px 0px 12px 0px;font-size:24px; font-weight:600; height:40px; line-height:32px;border-bottom:1px solid #CCCCCC;color:#555555;}
	#main .contents .rule_view .book_search{font-weight:bolder;color:#106fc0;font-size:24px;}
	#main .contents .rule_view .book_img{width:30px; padding:0 6px 0 0;}
	#main .contents .rule_view .home{float:right;padding-top:6px;}
	#main .contents .rule_view .btn_back{float:right;padding-top:8px;}
	#main .contents .rule_view .tit_font{font-size:24px;}

	#main .contents .rule_dview{max-width:1100px; margin:0 auto; text-align:left;padding:10px 0 0 0;}
	#main .contents .rule_dview .tit_dept_0{text-align:center;font-size:20px;color:#222222;padding:50px 0 0 0;}
	#main .contents .rule_dview .tit_dept_1{text-align:center;font-size:25px; font-weight:bold; color:#222222;padding:30px 0 0 0;}
	#main .contents .rule_dview .tit_dept_2{text-align:left;font-size:16px;line-height:1.6;font-weight:bold; color:#444444;padding:15px 0 0 0;}
	#main .contents .rule_dview .tit_dept_2 p{text-align:left;font-size:16px;line-height:1.6;font-weight:bold;}
	#main .contents .rule_dview .tit_dept_3{text-align:left;font-size:15px;line-height:1.6; color:#444444;padding:0 0 0 0;}
	#main .contents .rule_dview .tit_dept_3 p{text-align:left;font-size:15px;line-height:1.6;}
	
	#main .contents .rule_search{max-width:1100px; margin:0 auto; text-align:left;padding:0px 0 0 0;}
	#main .contents .rule_search .tit_dept_0{text-align:left;font-size:20px; font-weight:bold; color:#106fc0;padding:40px 0 10px 0;border-bottom:1px solid #DDDDDD;}
	#main .contents .rule_search .tit_dept_1{text-align:center;font-size:25px; font-weight:bold; color:#222222;padding:25px 0 0 0;}
	#main .contents .rule_search .tit_dept_2{text-align:left;font-size:16px;line-height:1.6;font-weight:bold; color:#444444;padding:15px 0 0 0;}
	#main .contents .rule_search .tit_dept_2 p{text-align:left;font-size:16px;line-height:1.6;font-weight:bold;}
	#main .contents .rule_search .tit_dept_3{text-align:left;font-size:15px;line-height:1.6; color:#444444;padding:15px 0 0 0;}
	#main .contents .rule_search .tit_dept_3 p{text-align:left;font-size:15px;line-height:1.6;}







	#main .contents .section{position:relative; overflow:hidden;}
	#main .contents h2{padding-bottom:10px; font-size:21px; font-weight:bold;}
	#main .contents .more{position:absolute; right:0; top:5px; color:#7b7b7b;}
	#main .contents .more a{color:#352e26; text-decoration:underline;}
	#main .contents .best{width:431px; float:left;}
	#main .contents .best a{color:#000;}
	#main .contents .best .title, #main .contents .best .preview{display:block;}
	#main .contents .best .title{padding:7px 0 0 0; font-size:16px; color:#000;}
	#main .contents .best .preview{padding:0px 0 10px 0; font-size:12px; color:#6e6e6e; line-height:22px;}
	#main .contents .section .vertical-board-section{width:510px; position:relative; float:right; overflow:hidden;}
	#main .contents .section .vertical-board{margin-top:-16px;}
	#main .contents .popular-lecture-section{padding-bottom:30px; margin-bottom:50px; background:url('/images/common/ico_main_line.png') no-repeat center bottom;}
	#main .contents .latest-lecture-section {padding-bottom:50px;}
	#main .contents .latest-lecture-section ul{margin-left:-27px;}
	#main .contents .latest-lecture-section li{float:left; width:173px; margin-left:29px;}
	#main .contents .latest-lecture-section li a, #main .contents .latest-lecture-section li .title, #main .contents .latest-lecture-section li .preview, #main .contents .latest-lecture-section li .name{display:block; color:#000;}
	#main .contents .latest-lecture-section li a img{display:block;}
	#main .contents .latest-lecture-section li .cts{display:block; padding-top:10px;}
	#main .contents .latest-lecture-section li .preview{color:#7c7c7c; display:none;}
	#main .contents .latest-lecture-section li .name{color:#7c7c7c; padding-top:5px;}
	#main .contents .latest-lecture-section li p.info{display:none;}
	#main .notice-m{width:984px; margin:0 auto 40px; position:relative; background-color:#eaedef; overflow:hidden;block}
	#main .notice-m dt{float:left; width:85px; padding:13px 0 13px 10px;}
	#main .notice-m dd{height:42px; overflow:hidden;}
	#main .notice-m dd li{height:42px; overflow:hidden; position:relative; color:#757575;}
	#main .notice-m dd li a{display:block; padding:14px 0 0 0; height:28px; color:#757575;}
	#main .notice-m dd li span{position:absolute; right:15px; top:14px;}

	#contents{padding:40px 0; background:url('/images/common/ico_contents_bg.png') repeat-x;}
	#contents .contents{width:984px; margin:0 auto 0;}
	#contents .contents .lnb{width:180px; float:left; font-family:Nanum Gothic;}
	#contents .contents .lnb h2{padding:10px 0 0 3px; height:40px; font-size:22px; color:#333; border-bottom:2px solid #333;}
	#contents .contents .lnb .menu li{border-bottom:1px solid #d2d2d2; height:34px; overflow:hidden;}
	#contents .contents .lnb .menu li a{display:block; height:35px; line-height:35px; padding-left:12px; font-size:14px; color:#000; font-weight:bold; font-family:Nanum Gothic; overflow:hidden;}
	#contents .contents .lnb .menu li a:hover{text-decoration:none;}
	#contents .contents .lnb .menu li a img{vertical-align:middle;}
	#contents .contents .lnb .menu li a.sect{background:url('/images/common/ico_lnb_sect.png') no-repeat left top; color:#fff;}
	#contents .contents .lnb .banner{padding:35px 0 0 0;}
	#contents .contents .lnb .banner a{display:block; margin-bottom:7px;}
	#contents .contents .lnb .notice{padding:20px 0 0 0;}
	#contents .contents .lnb .notice dt{padding-bottom:10px; font-family:Nanum Gothic;}
	#contents .contents .lnb .notice dd{position:relative;}
	#contents .contents .lnb .notice dd li{display:none; color:#757575;}
	#contents .contents .lnb .notice dd li.sected{display:block;}
	#contents .contents .lnb .notice dd a{display:block; color:#222; margin-bottom:10px;}
	#contents .contents .lnb .notice dd span{position:absolute; right:0; top:0;}
	#contents .contents .cts{width:765px; float:right;}
	#contents .contents .cts .location{color:#8b8a8a; font-family:Nanum Gothic;}
	#contents .contents .cts .location a{color:#8b8a8a; font-family:Nanum Gothic;}
	#contents .contents .cts .location a img{position:relative; top:-1px;}
	#contents .contents .cts .location a, #contents .contents .cts .location img, #contents .contents .cts .location span{vertical-align:middle;}
	#contents .contents .cts h3{height:60px; padding-top:20px; color:#000; font-size:38px;}
	#contents .contents .cts .filter{position:relative; padding-bottom:15px;}
	#contents .contents .cts .filter select{height:25px; line-height:25px; margin-right:5px;}
	#contents .contents .cts .filter .align{height:26px; overflow:hidden; position:absolute; right:0; top:0;}
	#contents .contents .cts .filter .align a{float:left;}
	#contents .contents .cts .filter .align a.sect{margin-top:-26px;}

	#contents .contents .cts .filter1{position:relative; padding-bottom:40px;}
	#contents .contents .cts .filter1 select{height:25px; line-height:25px; margin-right:5px;}
	#contents .contents .cts .filter1 .align{height:26px; overflow:hidden; position:absolute; right:0; top:0;}
	#contents .contents .cts .filter1 .align a{float:left;}
	#contents .contents .cts .filter1 .align a.sect{margin-top:-26px;}

	#contents .contents .cts .list{border-top:1px solid #333; background:url('/images/common/ico_main_line.png') no-repeat left bottom; overflow:hidden; position:relative;}
	#contents .contents .cts .list .vertical-board{padding-bottom:25px; margin-top:-5px;}
	#contents .contents .cts .list .vertical-board li{height:120px;}
	#contents .contents .cts .list .vertical-board li div{padding:7px 0 0 232px;}
	#contents .contents .cts .list .vertical-board li div .preview{height:65px; overflow:hidden;}

	#contents .contents .cts .list .bbs-board{padding-bottom:10px; margin-top:-5px;}
	#contents .contents .cts .list .bbs-board li{height:auto;}
	#contents .contents .cts .list .bbs-board li div{padding:7px 0 0 0px;}
	#contents .contents .cts .list .bbs-board li div .preview{height:65px; overflow:hidden;}

	#contents .contents .cts .list .thum-list{width:787px; overflow:hidden; position:relative; left:-23px; top:15px;}
	#contents .contents .cts .list .thum-list li, #contents .contents .cts .list .thum-list li div{width:173px;}
	#contents .contents .cts .list .thum-list li{float:left; border:none; margin-left:23px;height:190px !important; padding:0;}
	#contents .contents .cts .list .thum-list li .thumnail{width:173px; height:97px; top:0;}
	#contents .contents .cts .list .thum-list li div{padding:107px 0 0 0;}
	#contents .contents .cts .list .thum-list li div .title{height:40px; font-size:12px;}
	#contents .contents .cts .list .thum-list li div .preview{display:none;}
	#contents .contents .cts .list .thum-list li div .info span{display:none;}
	#contents .contents .cts .list .thum-list li div .info span.u-name{display:block;}
	#contents .contents .cts .list .thum-list li div .info .aside{display:none;}
	#contents .contents .cts .paging{padding:30px 0 70px 0; text-align:center;}
	#contents .contents .cts .paging a, #contents .contents .cts .paging span, #contents .contents .cts .paging img{vertical-align:middle; display:inline-block;}
	#contents .contents .cts .paging a.num{padding:4px 8px; color:#4d3a34; border:1px solid #fff;}
	#contents .contents .cts .paging a.num:hover, #contents .contents .cts .paging a.sect{border:1px solid #dbdfe0; color:#5699df; font-weight: bold; font-size: 15px;}

	#contents .movie{width:984px; margin:0 auto 0;}
	#contents .movie .location{height:35px; color:#8b8a8a; font-family:Nanum Gothic; position:relative;}
	#contents .movie .location a{color:#8b8a8a; font-family:Nanum Gothic;}
	#contents .movie .location a img{position:relative; top:-1px;}
	#contents .movie .location a, #contents .movie .location img, #contents .movie .location span{vertical-align:middle;}
	#contents .movie .location .btn-view-list{display:block; font-size:12px; line-height:12px; padding:13px 35px 10px 15px; border:1px solid #414141; background:url('/images/common/btn_ar.png') no-repeat right center; color:#333; font-weight:bold; position:absolute; right:0; top:-13px;}
	#contents .movie .location .btn-view-list:hover{background:#00afec url('/images/common/btn_ar_o.png') no-repeat right center; color:#fff; text-decoration:none; border:1px solid #00afec;}
	#contents .movie .location fieldset{width:35%; padding:0 25px 0 0; height:28px; position:absolute; right:20px; top:5px; border:1px solid #d4d4d4; background-color:#fff; display:none;}
	#contents .movie .location fieldset input{width:100%; height:28px; border:none;}
	#contents .movie .location fieldset a{display:block; position:absolute; right:5px; top:4px;}
	#contents .movie .movie-aside{padding:30px 0 100px 0;}
	#contents .movie .movie-aside .comment-section{width:662px; float:left;}
	#contents .movie .movie-aside .aside-movie{width:282px; float:right;}
	#contents .movie .movie-aside .aside-movie .title{display:block; padding-top:5px; height:36px; line-height:34px; font-size:16px; color:#333; border-bottom:2px solid #333;}
	#contents .movie .movie-aside .aside-movie .add_tit{display:block; padding:10px 0 0 20px;line-height:16px;color:#333; font-size:12px;}
	#contents .movie .movie-aside .aside-movie .notice{padding:10px 0 10px 35px; background:url('/images/common/ico_play_notice.png') no-repeat 4px center; color:#414141; font-size:11px; border-bottom:1px solid #adadad;}
	#contents .movie .movie-aside .aside-movie ul{padding:0 0 10px 0;}
	#contents .movie .movie-aside .aside-movie li{padding:15px 0 5px 0; overflow:hidden;}
	#contents .movie .movie-aside .aside-movie li a{display:block; color:#000;}
	#contents .movie .movie-aside .aside-movie li img{float:left;}
	#contents .movie .movie-aside .aside-movie li span{display:block; padding:7px 0 0 125px;color:#6e6e6e; font-size:11px;}
	#contents .movie .movie-aside .aside-movie li strong{display:block; padding:0 0 7px 0; color:#000;}

	fieldset.top-search-form{width:120px; padding:0 20px 0 0; height:28px;border:1px solid #d4d4d4; background-color:#fff; position:relative; float:right; top:8px; margin-right:0px;}
	fieldset.top-search-form input{width:100%; height:28px; border:none;}
	fieldset.top-search-form a{display:block; position:absolute; right:5px; top:4px;}

	fieldset.top-search-form1{width:150px; padding:0 25px 0 0; height:25px;border:1px solid #888888; background-color:#fff; position:relative; float:right; top:0px; margin-right:480px;}
	fieldset.top-search-form1 input{width:100%; height:25px; border:none;}
	fieldset.top-search-form1 a{display:block; position:absolute; right:5px; top:4px;}

	#contents .movie .movie-aside .comment-section .tab{height:45px; background:url('/images/common/btn_movietab_bg.png') repeat; overflow:hidden; padding-left:1px; overflow:hidden; position:relative;}
	#contents .movie .movie-aside .comment-section .tab a{position:relative; float:left; width:24.6%; height:45px; line-height:46px; font-size:16px; color:#d9d9d9; text-align:center; margin-left:-1px; border:1px solid #d9d9d9; z-index:1;}
	#contents .movie .movie-aside .comment-section .tab a.sect{background:#fff url('/images/common/ico_tab_ar.png') no-repeat 90% center; z-index:2; border:1px solid #737373; color:#333;}
	#contents .movie .movie-aside .comment-section .tab .m-menu{display:none;}
	#contents .movie .movie-aside .comment-section .comment-input{margin:25px 0 0 0; padding:15px 98px 10px 15px ; border:1px solid #b8b8b8; position:relative;}
	#contents .movie .movie-aside .comment-section .comment-input .textarea-wrap{padding:10px; border:1px solid #b8b8b8; height:48px; overflow:hidden;}
	#contents .movie .movie-aside .comment-section .comment-input .textarea-wrap textarea{width:100%; height:48px; font-size:12px; color:#b0b0b0; border:none; background:#fff;}
	#contents .movie .movie-aside .comment-section .comment-input .submit{display:block; position:absolute; right:15px; top:15px; background-color:#414141; color:#fff; text-align:center; width:76px; height:70px; line-height:70px;}
	#contents .movie .movie-aside .comment-section .comment-input .aside{padding:6px 0 0 0; position:relative;}
	#contents .movie .movie-aside .comment-section .comment-input .aside span{position:absolute; right:0; color:#414141; letter-spacing:-1px;}


	#contents .movie .movie-aside .comment-section .comment-input .photo-field{width:100%;padding-left:5px;}
	#contents .movie .movie-aside .comment-section .comment-input .photo-field li{width:19%; padding:10px 0; float:left; text-align:center; border:none;}
	#contents .movie .movie-aside .comment-section .comment-input .photo-field li div{padding:0 10px 5px 0;}
	#contents .movie .movie-aside .comment-section .comment-input .photo-field li div img{width:100%;}
	#contents .movie .movie-aside .comment-section .comment-input .photo-field li div a div{width:100%;}
	#contents .movie .movie-aside .comment-section .comment-input .photo-field .del{border-radius:3px;display:block; width:33px; padding:2px 2px 2px 10px; text-align:center; border:1px solid #b8b8b8; font-size:11px; color:#aaa; background:url('/images/common/ico_delete.png') no-repeat 4px center; margin:5px auto 0;}
	#contents .movie .movie-aside .comment-section .comment-input .photo-field .del:hover{color:#414141;}


	#contents .movie .movie-aside .comment-section .comment-list-wrap{padding:35px 0 0 0;}
	#contents .movie .movie-aside .comment-section .comment-list-header{height:25px; border-bottom:1px solid #404040;}
	#contents .movie .movie-aside .comment-section .comment-list-header span, #contents .movie .movie-aside .comment-section .comment-list-header a{float:left;}
	#contents .movie .movie-aside .comment-section .comment-list-header span strong{color:#106fc0;}
	#contents .movie .movie-aside .comment-section .comment-list-header p{float:right;}
	#contents .movie .movie-aside .comment-section .comment-list-header p a{color:#414141;}
	#contents .movie .movie-aside .comment-section .comment-list-header p a:hover{font-weight:bold; letter-spacing:-1px;}
	#contents .movie .movie-aside .comment-section .comment-list-header p a img{position:relative; top:-5px;}
	#contents .movie .movie-aside .comment-section .comment-list-header p span{padding:0 8px; color:#bdbdbd; font-size:10px;}
	#contents .movie .movie-aside .comment-section .comment-list li{padding:25px 0 25px 0; border-bottom:1px solid #ddd;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-header strong{padding-left:10px; color:#414141;}
	#contents .movie .movie-aside .comment-section .comment-list span{font-size:10px; padding:0 5px; position:relative; top:-1px; font-weight:bold; font-family:Nanum Gothic; color:#bdbdbd;}
	#contents .movie .movie-aside .comment-section .comment-list em{color:#858585; letter-spacing:-1px;}
	#contents .movie .movie-aside .comment-section .comment-list a{color:#858585; font-size:11px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-cts{padding:10px 0 10px 25px; color:#414141;word-break: break-all}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside{padding-left:25px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a{display:inline-block; height:18px; font-family:Nanum Gothic; font-size:11px; color:#7c7c7c; line-height:19px;padding:0 5px; border:1px solid #b8b8b8; letter-spacing:-1px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a.view-repl{border-radius:3px;padding-left:22px; background:url('/images/common/ico_comment_s.png') no-repeat 5px center;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a.view-repl strong{padding-right:12px; background:url('/images/common/ico_ar_bul_comment_down.png') no-repeat right center;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a.good{border-radius:3px;padding-left:20px; background:url('/images/common/ico_good.png') no-repeat 5px center;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a.count{border-radius:0 3px 3px 0;padding:0; margin-left:7px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a.count strong{display:inline-block; padding:0 5px 0 10px; margin-left:-7px;background:url('/images/common/ico_repl_counte_bg.png') no-repeat left center; color:#c03e10;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a.view-repl:hover, #contents .movie .movie-aside .comment-section .comment-list .repl-aside a.good:hover{color:#414141;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input{margin:10px 20px; 0 25px; border:1px solid #bababa;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input fieldset{border-bottom:1px solid #bbbbbb; padding:10px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input fieldset textarea{width:100%; height:20px; border:none; background-color:#fff; color:#b0b0b0; font-size:11px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field{border-bottom:1px solid #bbbbbb; padding-left:15px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field li{width:20%; padding:10px 0; float:left; text-align:center; border:none;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field li div{padding:0 10px 30px 0;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field li div img{width:100%;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field .del{border-radius:3px;display:block; width:33px; padding:2px 2px 2px 10px; text-align:center; border:1px solid #b8b8b8; font-size:11px; color:#aaa; background:url('/images/common/ico_delete.png') no-repeat 4px center; margin:5px auto 0;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field .del:hover{color:#414141;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .btn-field{padding:10px; position:relative;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .btn-field .submit{display:inline-block; color:#aaaaaa; border:1px solid #d1d1d1; padding:3px 7px; position:absolute; right:10px; top:7px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .btn-field .submit:hover{color:#414141;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-repl{padding:25px 0 0 0;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-repl li{border-bottom:none; padding:20px 25px 0px 30px; border-top:1px solid #ddd; background:url('/images/common/ico_repl.png') no-repeat 5px 20px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-aside a.view-repl strong.on, #contents .movie .movie-aside .comment-section .comment-list .repl-aside a.view-repl:hover strong{background:url('/images/common/ico_ar_bul_comment_up.png') no-repeat right center;}


	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view{width:100%;padding-left:0px;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view ul {margin:auto;width:95%}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view li{width:16%; padding:10px 0; float:left; text-align:center; border:none;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view li div{padding:0 10px 5px 0;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view li div img{width:100%;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view li div a div{width:100%;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view .del{border-radius:3px;display:block; width:33px; padding:2px 2px 2px 10px; text-align:center; border:1px solid #b8b8b8; font-size:11px; color:#aaa; background:url('/images/common/ico_delete.png') no-repeat 4px center; margin:5px auto 0;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view .del:hover{color:#414141;}


	#contents .movie .movie-aside .infomation{border-top:2px solid #333; margin:15px 0 20px;}
	#contents .movie .movie-aside .infomation .infomation-header{padding:15px 0; text-align:center; background-color:#f2f2f2;}
	#contents .movie .movie-aside .infomation .infomation-header em{display:inline-block; padding:3px 5px; background-color:#5f5f5f; border:1px solid #000; color:#fff;}
	#contents .movie .movie-aside .infomation .infomation-header .title{display:block; padding:10px 0 0 0; font-size:16px; color:#414141; text-align:center;}
	#contents .movie .movie-aside .infomation table{width:100%; border-bottom:1px solid #cfd1d1;}
	#contents .movie .movie-aside .infomation th, #contents .movie .movie-aside .infomation td{font-size:12px; color:#414141; padding:7px 0; line-height:140%; border-top:1px solid #cfd1d1;}
	#contents .movie .movie-aside .infomation th{width:25%;}
	#contents .movie .movie-aside .infomation th strong{font-weight:normal; padding-left:20px;}
	#contents .movie .movie-aside .infomation th strong span{padding:0 0 0 16px;}
	#contents .movie .movie-aside .infomation td{padding-right:20px;}
	#contents .movie .movie-aside .balloons{margin-bottom:20px;}
	#contents .movie .movie-aside .balloons p{padding:20px 20px 10px 20px;}
	#contents .movie .movie-aside .balloons p strong{color:#106fc0;}
	#contents .movie .movie-aside .balloons p span{font-size:11px; padding-left:10px;}
	#contents .movie .movie-aside .balloons ul{border-top:1px solid #3e3e3e;}
	#contents .movie .movie-aside .balloons li{border-bottom:1px solid #d6d6d6; padding:10px 20px;}
	#contents .movie .movie-aside .balloons li strong{color:#414141;}
	#contents .movie .movie-aside .balloons li span{color:#858585;}
	#contents .movie .movie-aside .balloons li em{color:#414141; display:block; padding:5px 0 0 0;}

	#contents .contents .class-home .list .thum-list li div .info span{display:block;}
	#contents .contents .class-home .list .thum-list li div .info .user span{display:block;}
	#contents .contents .class-home .list .thum-list li div .info span.u-name{display:block;}
	#contents .contents .class-home .list .thum-list li div .info .aside{display:block;}
	#contents .contents .class-home .class-intro{border-top:2px solid #333;}
	#contents .contents .class-home .class-intro .intro-header{padding:15px; font-size:16px; color:#414141; background-color:#f2f2f2; position:relative; font-weight:bold;}
	#contents .contents .class-home .class-intro .intro-header .btn-profile{position:absolute; right:15px; top:50%; margin-top:-21px;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer{width:260px; padding:25px 0 15px; position:absolute; top:55px; right:3px; background:#fff; border:1px solid #414141; z-index:5; text-align:center; display:none;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer strong{display:block; padding:10px 0 6px 0; font-size:16px; color:#414141;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer p{font-weight:normal;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .about{color:#7c7c7c; padding:20px 0;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .about span{color:#bdbdbd; padding:0 5px;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web{text-align:left; padding-left:30px;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web em, #contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web a, #contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web img{vertical-align:middle;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web span{display:block; padding:0 0 10px 0;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web em, #contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web a{color:#414141;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-mobile{display:none;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-mobile a{display:inline-block; text-align:center; margin:0 10px;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-mobile a span{display:block; color:#414141; padding:10px 0 0 0;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .arrow{position:absolute; right:17px; top:-11px;}
	#contents .contents .class-home .class-intro .intro-header .act{display:block;}
	#contents .contents .class-home .class-intro .intro-d{height:162px; background:url('/images/common/ico_class_home_v.png') no-repeat center center;}
	#contents .contents .class-home .class-intro .intro-d p{padding:35px; color:#949899; line-height:140%;}

	.web-tab-wrap{width: 344px;height:471px;float:left; background:#191919; overflow:hidden;}
	.web-tab-wrap .web-tab{height:42px; position:relative; border-bottom:1px solid #393939; overflow:hidden; background:#252525;}
	.web-tab-wrap .web-tab ul{width:200px; border-right:1px solid #393939;}
	.web-tab-wrap .web-tab ul li{float:left; font-weight:bold;}
	.web-tab-wrap .web-tab ul li a{display:block; height:42px; width:100px; text-align:center; line-height:43px; color:#878787;}
	.web-tab-wrap .web-tab ul li a.sect{background:url('/images/common/ico_webtab_bg.png') no-repeat left top; color:#fff;}
	.web-tab-wrap .web-tab .add-b{display:block; width:100px; height:24px; text-align:center; line-height:24px; color:#fff; border:1px solid #fff; position:absolute; right:20px; top:8px; font-size:12px;}
	.web-tab-wrap .web-tab .add-b:hover{border:1px solid #00afec; color:#00afec;}
	.web-tab-wrap .web-tab .add-b span{font-size:9px;}

	.web-tab-wrap .web-tab .add-c{display:block; width:100px; height:24px; text-align:center; line-height:24px; color:#fff; border:1px solid #fff; position:absolute; right:20px; top:8px; font-size:12px;}
	.web-tab-wrap .web-tab .add-c:hover{border:1px solid #00afec; color:#00afec;}
	.web-tab-wrap .web-tab .add-c span{font-size:9px;}

	.web-tab-wrap .web-tab-contents{background-color:#333;}
	.web-tab-wrap .web-tab-contents .tb-content{overflow:auto;}
	.web-tab-wrap .web-tab-contents .tb-content1{height:400px; padding:15px;}
	.web-tab-wrap .web-tab-contents .tb-content2{height:430px; padding:0px 15px;}
	/*.web-tab-wrap .web-tab-contents .tb-content1{height:327px; padding:15px;}
	.web-tab-wrap .web-tab-contents .tb-content2{height:357px; padding:0px 15px;}*/
	.web-tab-wrap .web-tab-contents .tb-content2 .spt{float:left; font-size:12px; padding-top:7px; line-height:160%; color:#b2b3b4;}
	.web-tab-wrap .web-tab-contents .tb-content span, .web-tab-wrap .web-tab-contents .tb-content strong{vertical-align:middle; display:inline-block;}
	.web-tab-wrap .web-tab-contents .tb-content .tt-i{color:#d8d8d8; background:#5f5f5f; border:1px solid #000; padding:3px 5px;}
	.web-tab-wrap .web-tab-contents .tb-content .tt-s{font-size:14px; color:#fff; margin-left:3px;}
	.web-tab-wrap .web-tab-contents .tb-content dl{width:100%; overflow:hidden; margin-top:5px;}
	.web-tab-wrap .web-tab-contents .tb-content dt, .web-tab-wrap .web-tab-contents .tb-content dd{float:left; font-size:11px; padding-top:7px; line-height:140%;}
	.web-tab-wrap .web-tab-contents .tb-content dt{width:15%; color:#b2b3b4; clear:both;}
	.web-tab-wrap .web-tab-contents .tb-content dt span{padding:0 0 0 7px;}
	.web-tab-wrap .web-tab-contents .tb-content dd{width:85%; color:#e5e5e5; overflow:hidden;}
	.web-tab-wrap .web-tab-contents .tb-content dd span, .web-tab-wrap .web-tab-contents .tb-content dd strong{float:left;}
	.web-tab-wrap .web-tab-contents .tb-content dd span{color:#6c6e6f; width:16px; font-size:10px;}
	.web-tab-wrap .web-tab-contents .tb-content dd strong{width:220px; font-weight:normal;}
	.web-tab-wrap .web-tab-contents .tb-content .b-list{font-size:11px; font-size:11px; color:#b2b3b4;}
	.web-tab-wrap .web-tab-contents .tb-content .b-list li{position:relative; border-bottom:1px solid #484848; padding:15px 20px 15px 20px;}
	.web-tab-wrap .web-tab-contents .tb-content .b-list p{position:absolute; right:15px; top:15px;}
	.web-tab-wrap .web-tab-contents .tb-content .b-list strong{font-size:11px;}
	.web-tab-wrap .web-tab-contents .tb-content .b-list span{color:#808287; letter-spacing:-1px; font-size:11px;}
	.web-tab-wrap .web-tab-contents .tb-content .b-list em{display:block; padding:5px 0 0 0; line-height:120%; font-size:11px;}
	.web-tab-wrap .web-tab-contents .tb-content .b-list bm{display:block; text-align:center; padding:20px 0 0 0; line-height:120%; font-size:12px;}
	.web-tab-wrap .share{float:right; padding:10px 9px 0 0;}
	.web-tab-wrap .share a{float:left;}

	.notice-m{display:none;}
	.notice-m dd li a{width:60%; overflow:hidden; word-break:break-all; white-space:nowrap;}
	.notice-m{width:100%; margin:0 auto 0; position:relative; background-color:#eaedef; overflow:hidden;}
	.notice-m dt{float:left; width:85px; padding:13px 0 13px 10px;}
	.notice-m dd{height:42px; overflow:hidden;}
	.notice-m dd li{height:42px; overflow:hidden; position:relative; color:#757575;}
	.notice-m dd li a{display:block; padding:14px 0 0 0; height:28px; color:#757575;}
	.notice-m dd li span{position:absolute; right:15px; top:14px;}

	.tab-section{display:none;}

	.movie-play-section{width: 640px;height:auto;float: left; background-color:#191919;}
	.movie-play-section-fix{position:fixed; top:0; left:0; z-index:5;}
	.movie-title{padding:15px 0 0 20px; height:56px;}
	.movie-title strong{color:#fff; font-size:16px;}
	.movie-title .info{color:#979ea2;}

	.replay_div{padding:1px;border:1px solid #E1E1E1;height:70px;background-size: 110px; background-image: url('');background-repeat:no-repeat; background-position:center center}
}
/*@media screen and (max-width:720px) {*/
@media screen and (min-width: 500px) and (max-width: 720px) {
	body, html{min-width:100%;width:100%;}
	body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,span {margin:0; padding:0; font-size:12px; font-family:'sans-serif';}
	#header, #main, #footer .footer{width:100%;}

	.layer-menu .btn-box .home a{background:url('/images/common/ico_home.png') no-repeat 41% center; background-size:13px 13px;padding-bottom:7px;}
	.layer-menu .btn-box .home a:hover{background:url('/images/common/ico_home_o.png') no-repeat 41% center; background-size:13px 13px; color:#fff;padding-bottom:7px;}

	#container{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -80px;}

	#main .notice{margin:0;}
	#header{text-align:center; padding:0px 0;}
	#header h1{float:none;}
	#header img{width:230px;padding:12px 0;}
	#header .log, #gnb{display:none;}
	/*#header .mbar{display:block; width:100%;height:44px;line-height:44px;text-align:center;font-size:18px;font-weight:bold;background:#365da0;color:#FFFFFF;}*/
	#mbar{clear:both; position:absolute; top:70px;width:100%;height:44px;line-height:44px;text-align:center;font-size:18px;font-weight:bold;background:#365da0;color:#FFFFFF;}
	
	#header .menu{display:block; position:absolute; left:20px; top:71px;}
	#header .menu img{width:100%;}
	
	.hi_more{height:120px;}
	.hi_preview{height:30px;}
	
	#footer{width:100%;text-align:center;height:80px; z-index:5;}
	#footer .footer{background:#242424;min-width:100%;position:relative; height:80px;padding:10px 0; overflow:hidden; line-height:18px; color:#F7F7F7; font-size:11px;}
	#footer .footer a{color:#F7F7F7; font-size:13px;}
	#footer .footer p span{padding:25px 0px 5px 0px; font-size:13px;font-weight:bold;}
	#footer .footer .footer_addr{margin-top:8px;font-size:11px;}
	#footer .footer .footer_addr .footer_addr1 {font-size:11px;text-align:center;clear:both;}
	#footer .footer .footer_addr .footer_addr2 {display:inline-block;padding-left:0px;font-size:11px;text-align:center;}
	#footer .footer .copy{padding-top:-3px; font-size:11px;}

	/*#top{display:none; z-index:6;}*/
	#top{position:fixed; bottom:110px; right:20px; display:none;}
	
	#main{min-width:100%;margin:0 auto; overflow:hidden;}
	#main .header{min-width:100%;height:auto; overflow:visible; color:#fff;padding-top:45px}
	#main .header .full-img{display:none;}
	#main .header fieldset{padding:5px 0; text-align:center;}
	#main .header fieldset h2{font-size:40px;}
	#main .header fieldset h2 img{margin-right:10px; width:32px;}
	#main .header fieldset p{padding:15px 20px 15px 20px; position:relative;}
	#main .header fieldset p input{width:70%; height:36px;line-height:36px;font-size:16px;}
	#main .header fieldset span{font-size:12px;}
	#main .header fieldset p input, #main .header fieldset p a, #main .header fieldset p img{vertical-align:middle;}
	#main .header fieldset p a{display:inline-block; width:16%; height:39px; background:url('/images/common/btn_search.png') no-repeat center center; text-indent:-9999em;}
	
	#main .contents{margin-top:0px;padding:0px 20px;text-align:center;}
	
	#main .contents .box1{display: inline-table;background:#6a9e15;float:left;width:48%;height:135px;}
	#main .contents .box2{display: inline-table;background:#6a9e15;float:right;width:48%;height:135px;}
	#main .contents .box3{display: inline-table;background:#365da0;float:left;width:48%;height:135px;margin-top:25px;}
	#main .contents .box4{display: inline-table;background:#365da0;float:right;width:48%;height:135px;margin-top:25px;}
	#main .contents .box_tit{display: table-cell; vertical-align: middle;text-align:center;}
	#main .contents .box_tit1{text-align:center;font-size:16px;font-weight:bold;color:#FFFFFF;padding-bottom:10px;}
	#main .contents .box_tit2{display:inline-block;text-align:center;width:60px;padding:3px 10px; font-size:11px;color:#FFFFFF;border:1px solid #FFFFFF;}
	
	#main .contents .rule_list{width:100%; margin:0 auto; text-align:left;padding:3px 0px;border-bottom:1px solid #EEEEEE;}
	#main .contents .rule_list .menu_tit{padding-left:5px;font-size:13px; height:28px;line-height:28px;color:#666666;}
	#main .contents .rule_list .menu_view{float:right;padding-right:5px;font-size:18px; height:28px;line-height:28px;color:#888888;}

	#main .contents .rule_view{width:100%; margin:0 auto; position:relative;text-align:left;padding:0px 0px 5px 0px;font-size:18px; font-weight:bold; height:30px;line-height:28px;border-bottom:1px solid #CCCCCC;}
	#main .contents .rule_view .book_search{font-weight:bolder;color:#106fc0;font-size:18px;}
	#main .contents .rule_view .book_img{padding:0 4px 0 0;}
	#main .contents .rule_view .book_img img{width:24px;}
	#main .contents .rule_view .home{float:right;padding-top:3px;}
	#main .contents .rule_view .home img{width:20px;}
	#main .contents .rule_view .btn_back{float:right;padding-top:5px;}
	#main .contents .rule_view .btn_back img{width:14px;}
	#main .contents .rule_view .tit_font{font-size:18px;}

	#main .contents .rule_dview{width:100%; margin:0 auto; text-align:left;padding:0px 0 0 0;}
	#main .contents .rule_dview .tit_dept_0{text-align:center;font-size:16px;color:#222222;padding:40px 0 0 0;}
	#main .contents .rule_dview .tit_dept_1{text-align:center;font-size:18px; font-weight:bold; color:#222222;padding:20px 0 0 0;}
	#main .contents .rule_dview .tit_dept_2{text-align:left;font-size:14px;line-height:1.4;font-weight:bold; color:#444444;padding:10px 0 0 0;}
	#main .contents .rule_dview .tit_dept_2 p{text-align:left;font-size:14px;line-height:1.4;font-weight:bold;}
	#main .contents .rule_dview .tit_dept_3{text-align:left;font-size:13px;line-height:1.4; color:#444444;padding:0 0 0 0;}
	#main .contents .rule_dview .tit_dept_3 p{text-align:left;font-size:13px;line-height:1.4;}

	#main .contents .rule_search{max-width:1100px; margin:0 auto; text-align:left;padding:0px 0 0 0;}
	#main .contents .rule_search .tit_dept_0{text-align:left;font-size:15px; font-weight:bold; color:#106fc0;padding:25px 0 5px 0;border-bottom:1px solid #DDDDDD;}
	#main .contents .rule_search .tit_dept_2{text-align:left;font-size:14px;line-height:1.4;font-weight:bold; color:#444444;padding:10px 0 0 0;}
	#main .contents .rule_search .tit_dept_2 p{text-align:left;font-size:14px;line-height:1.4;font-weight:bold;}
	#main .contents .rule_search .tit_dept_3{text-align:left;font-size:13px;line-height:1.4; color:#444444;padding:10px 0 0 0;}
	#main .contents .rule_search .tit_dept_3 p{text-align:left;font-size:13px;line-height:1.4;}




	#main .contents .section{margin:0 20px;}
	#main .contents .section .best{width:100%;}
	#main .contents .section .best img{width:100%;}
	#main .contents .section .best p.info, #main .contents .section .vertical-board-section li p.info{}/*display:none;*/
	#main .contents .popular-lecture-section{margin-bottom:20px; padding-bottom:20px;}
	#main .contents .section .vertical-board-section{width:100%; float:none;}
	#main .contents .section .vertical-board-section li{float:left; width:50%;}
	#main .contents .section .vertical-board-section li img{width:100%; position:relative; display:block; padding-bottom:22px;}
	#main .contents .section .vertical-board-section li.fir div{padding:0 10px 0 0;}
	#main .contents .section .vertical-board-section li.sec div{padding:0 0 0 10px;}
	#main .contents .section .vertical-board-section li.lst{display:none;}
	#main .contents .latest-lecture-section ul{margin-top:-15px; margin-left:0;}
	#main .contents .latest-lecture-section li{float:none; width:100%; padding:15px 0; margin-left:0; overflow:hidden; border-top:none; border-bottom:1px dotted #d5d5d5;}
	#main .contents .latest-lecture-section li a, #main .contents .latest-lecture-section li .cts .title, #main .contents .latest-lecture-section li .cts .preview{display:block; color:#000;}
	#main .contents .latest-lecture-section li a{display:block; position:relative;}
	#main .contents .latest-lecture-section li img{float:left; width:30%;}
	#main .contents .latest-lecture-section li .cts{padding-top:0; width:67%; padding-left:33%;}
	#main .contents .latest-lecture-section li .title{padding:0;}
	#main .contents .latest-lecture-section li .preview{padding:5px 0 5px 0; display:block; color:#7c7c7c !important;}
	#main .contents .latest-lecture-section li .name{display:none;}
	#main .contents .latest-lecture-section li p.info{display:block; padding-left:33%;}
	#main .notice dd li a{width:60%; overflow:hidden; word-break:break-all; white-space:nowrap;}

	#contents{padding:0;}
	#contents .contents{width:100%;}
	#contents .contents h3{height:auto; background-color:#f2f2f2; text-align:center; padding:30px 0 20px 0 !important;}
	#contents .contents .lnb{display:none;}
	#contents .contents .cts{float:none; width:100%;}
	#contents .contents .cts .location{display:none;}
	#contents .contents .cts .filter{padding:15px 10px }
	#contents .contents .cts .filter .align{display:none;}
	#contents .contents .cts .list{padding:0 20px;}
	#contents .contents .cts .list .vertical-board li{height:auto;}
	#contents .contents .cts .list .vertical-board li div{padding:0 10px 0 150px;}
	#contents .contents .cts .list .vertical-board li div .thumnail{width:125px; left:10px;}
	#contents .contents .cts .list .vertical-board li div .title, #contents .contents .cts .list .vertical-board li div .preview{}
	#contents .contents .cts .list .vertical-board li div .title{padding:0; font-size:14px;}
	#contents .contents .cts .list .vertical-board li div .preview{padding-top:5px; height:auto; font-size:12px; overflow:hidden; padding-bottom:5px;}
	#contents .contents .cts .list .vertical-board li div .info .aside{}/*display:none;*/

	#contents .movie .location{height:27px;  background-color:#f2f2f2; padding:13px 20px 0;}
	#contents .movie .movie-aside .comment-section .tab a{font-size:14px;}
	#contents .movie .movie-aside .comment-section .tab .m-menu{display:block;}
	#contents .movie .location .btn-view-list{display:none;}
	#contents .movie .location fieldset{display:block;}
	#contents .movie, #contents .movie .movie-aside, #contents .movie .movie-aside .comment-section{width:100%; margin:0 auto 0;}
	#contents .movie .movie-aside .aside-movie{width:100%; display:none;}
	#contents .movie .movie-aside .aside-movie li{height:auto;}
	#contents .movie .movie-aside .aside-movie li a{height:auto; padding:0 20px;}
	#contents .movie .movie-aside .aside-movie li div{padding:0 10px 0 0;}
	#contents .movie .movie-aside .aside-movie li div .thumnail{width:125px; left:10px;}
	#contents .movie .movie-aside .aside-movie li div .preview{height:65px;}
	
	#contents .movie .movie-aside .aside-movie li span{padding:0px 0 0 125px; font-size:12px;}
	#contents .movie .movie-aside .comment-section .comment-input{padding:15px 15px 10px 15px; background-color:#f6f8f7;}
	#contents .movie .movie-aside .comment-section .comment-input .textarea-wrap{background-color:#fff;}
	#contents .movie .movie-aside .comment-section .comment-input .submit{position:absolute; right:15px; top:92px; width:60px; height:30px; line-height:30px; font-size:11px;}
	#contents .movie .movie-aside .comment-section .comment-input .aside{padding:12px 0 5px;}
	#contents .movie .movie-aside .comment-section .comment-input .aside span{right:65px;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view li,
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field li{width:33%;}
	#contents .movie .movie-aside .comment-section .comment-list li .repl-header,
	#contents .movie .movie-aside .comment-section .comment-list li .repl-cts,
	#contents .movie .movie-aside .comment-section .comment-list li .repl-aside,
	#contents .movie .movie-aside .comment-section .comment-list li .repl-input{margin-left:20px; margin-right:20px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-repl li{background-position:25px 25px;}
	.notice-m{display:block;}
	#contents .contents .cts .list{padding:0;}
	#contents .contents .cts .list .thum-list{width:100%; margin:20px auto 0; left:0;}
	#contents .contents .cts .list .thum-list li{width:33%; height:170px !important; margin-left:0;}
	#contents .contents .cts .list .thum-list li div{width:auto; padding:0 20px;}
	#contents .contents .cts .list .thum-list li div .thumnail{width:100%; position:relative; margin-bottom:10px;}
	#contents .contents .cts .list .thum-list li div .title{height:20px;}
	#contents .contents .class-home .class-intro .intro-d p{padding:15px;}
	p.info .aside span{margin-left:5px;}
	.web-tab-wrap{display:none;}
	#contents .movie .movie-aside .comment-section .comment-list-header{padding-left:20px; padding-right:20px;}
	#contents .movie .movie-aside .aside-movie .notice{padding:10px 0 10px 50px; background:url('../images/ico_play_notice.png') no-repeat 20px center; color:#414141; font-size:11px; border-bottom:1px solid #adadad;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web{display:none;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-mobile{display:block;}
	#contents .movie .movie-aside .aside-movie .title{padding-left:20px;}
	.movie-title{display:none;}
	.movie-play-section{width:100%; height:296px;}
	fieldset.top-search-form{display:none;}
	fieldset.top-search-form1{display:none;}
}

@media screen and (max-width:500px) {	
	body, html{min-width:100%;width:100%;}
	body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,span {margin:0; padding:0; font-size:12px; font-family:'sans-serif';}
	#header, #main, #footer .footer{width:100%;}

	#container{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -100px;}

	#main .notice{margin:0;}
	#header{text-align:center; padding:0px 0;}
	#header h1{float:none;}
	#header img{width:230px;padding:12px 0;}
	#header .log, #gnb{display:none;}
	/*#header .mbar{display:block; width:100%;height:44px;line-height:44px;text-align:center;font-size:18px;font-weight:bold;background:#365da0;color:#FFFFFF;}*/
	#mbar{clear:both; position:absolute; top:70px;width:100%;height:44px;line-height:44px;text-align:center;font-size:18px;font-weight:bold;background:#365da0;color:#FFFFFF;}
	#header .menu{display:block; position:absolute; left:20px; top:71px;}
	#header .menu img{width:100%;}
	
	.hi_more{height:130px;}
	.hi_preview{height:30px;}
	
	#footer{background:#242424;width:100%;text-align:center;height:100px;}
	#footer .footer{position:relative; padding:10px 0; overflow:hidden; line-height:18px; color:#F7F7F7; font-size:11px;}
	#footer .footer a{color:#F7F7F7; font-size:13px;}
	#footer .footer p span{padding:10px 0 5 0; font-size:13px;font-weight:bold;}
	#footer .footer .footer_addr{margin-top:8px;font-size:11px;}
	#footer .footer .footer_addr .footer_addr1 {font-size:11px;text-align:center;clear:both;}
	#footer .footer .footer_addr .footer_addr2 {display:block;padding-left:0px;font-size:11px;text-align:center;}
	#footer .footer .copy{padding-top:-3px; font-size:11px;}

	/*#top{display:none; z-index:6;}*/
	#top{position:fixed; bottom:120px; right:20px; display:none;}
	
	#main{min-width:100%;margin:0 auto; overflow:hidden;}
	#main .header{height:auto; overflow:visible; color:#fff;padding-top:45px;}
	#main .header .full-img{display:none;}
	#main .header fieldset{padding:5px 0; text-align:center;}
	#main .header fieldset h2{font-size:40px;}
	#main .header fieldset h2 img{margin-right:0px; width:32px;}
	#main .header fieldset p{padding:15px 20px 15px 20px; position:relative;}
	#main .header fieldset p input{width:80%; height:36px;line-height:36px;font-size:14px;}
	#main .header fieldset span{font-size:12px;}
	#main .header fieldset p input, #main .header fieldset p a, #main .header fieldset p img{vertical-align:middle;}
	#main .header fieldset p a{display:inline-block; width:18.5%; height:39px; background:url('/images/common/btn_search.png') no-repeat center center; text-indent:-9999em;}
	
	#main .contents{margin-top:0px;padding:0px 20px;text-align:center;}
	
	#main .contents .box1{display: inline-table;background:#6a9e15;float:left;width:48%;height:135px;}
	#main .contents .box2{display: inline-table;background:#6a9e15;float:right;width:48%;height:135px;}
	#main .contents .box3{display: inline-table;background:#365da0;float:left;width:48%;height:135px;margin-top:12px;}
	#main .contents .box4{display: inline-table;background:#365da0;float:right;width:48%;height:135px;margin-top:12px;}
	#main .contents .box_tit{display: table-cell; vertical-align: middle;text-align:center;}
	#main .contents .box_tit1{text-align:center;font-size:16px;font-weight:bold;color:#FFFFFF;padding-bottom:10px;}
	#main .contents .box_tit2{display:inline-block;text-align:center;width:60px;padding:3px 10px; font-size:11px;color:#FFFFFF;border:1px solid #FFFFFF;}
	
	#main .contents .rule_list{width:100%; margin:0 auto; text-align:left;padding:3px 0px;border-bottom:1px solid #EEEEEE;}
	#main .contents .rule_list .menu_tit{padding-left:5px;font-size:13px; height:28px;line-height:28px;color:#666666;}
	#main .contents .rule_list .menu_view{float:right;padding-right:5px;font-size:18px; height:28px;line-height:28px;color:#888888;}

	#main .contents .rule_view{width:100%; margin:0 auto; position:relative;text-align:left;padding:0px 0px 5px 0px;font-size:18px; font-weight:bold; height:30px;line-height:28px;border-bottom:1px solid #CCCCCC;}
	#main .contents .rule_view .book_search{font-weight:bolder;color:#106fc0;font-size:18px;}
	#main .contents .rule_view .book_img{padding:0 4px 0 0;font-size:18px;}
	#main .contents .rule_view .book_img img{width:24px;}
	#main .contents .rule_view .home{float:right;padding-top:3px;}
	#main .contents .rule_view .home img{width:20px;}
	#main .contents .rule_view .btn_back{float:right;padding-top:5px;}
	#main .contents .rule_view .btn_back img{width:14px;}
	#main .contents .rule_view .tit_font{font-size:14px;letter-spacing:-1px;}

	#main .contents .rule_dview{width:100%; margin:0 auto; text-align:left;padding:0px 0 0 0;}
	#main .contents .rule_dview .tit_dept_0{text-align:center;font-size:16px;color:#222222;padding:40px 0 0 0;}
	#main .contents .rule_dview .tit_dept_1{text-align:center;font-size:18px; font-weight:bold; color:#222222;padding:20px 0 0 0;}
	#main .contents .rule_dview .tit_dept_2{text-align:left;font-size:14px;line-height:1.4;font-weight:bold; color:#444444;padding:10px 0 0 0;}
	#main .contents .rule_dview .tit_dept_2 p{text-align:left;font-size:14px;line-height:1.4;font-weight:bold;}
	#main .contents .rule_dview .tit_dept_3{text-align:left;font-size:13px;line-height:1.4; color:#444444;padding:0 0 0 0;}
	#main .contents .rule_dview .tit_dept_3 p{text-align:left;font-size:13px;line-height:1.4;}

	#main .contents .rule_search{max-width:1100px; margin:0 auto; text-align:left;padding:0px 0 0 0;}
	#main .contents .rule_search .tit_dept_0{text-align:left;font-size:15px; font-weight:bold; color:#106fc0;padding:25px 0 5px 0;border-bottom:1px solid #DDDDDD;}
	#main .contents .rule_search .tit_dept_2{text-align:left;font-size:14px;line-height:1.4;font-weight:bold; color:#444444;padding:10px 0 0 0;}
	#main .contents .rule_search .tit_dept_2 p{text-align:left;font-size:14px;line-height:1.4;font-weight:bold;}
	#main .contents .rule_search .tit_dept_3{text-align:left;font-size:13px;line-height:1.4; color:#444444;padding:10px 0 0 0;}
	#main .contents .rule_search .tit_dept_3 p{text-align:left;font-size:13px;line-height:1.4;}





	#main .contents .section{margin:0 20px;}
	#main .contents .section .best{width:100%;}
	#main .contents .section .best img{width:100%;}
	#main .contents .section .best p.info, #main .contents .section .vertical-board-section li p.info{}/*display:none;*/
	#main .contents .popular-lecture-section{margin-bottom:20px; padding-bottom:20px;}
	#main .contents .section .vertical-board-section{width:100%; float:none;}
	#main .contents .section .vertical-board-section li{float:left; width:50%;}
	#main .contents .section .vertical-board-section li img{width:100%; position:relative; display:block; padding-bottom:22px;}
	#main .contents .section .vertical-board-section li.fir div{padding:0 10px 0 0;}
	#main .contents .section .vertical-board-section li.sec div{padding:0 0 0 10px;}
	#main .contents .section .vertical-board-section li.lst{display:none;}
	#main .contents .latest-lecture-section ul{margin-top:-15px; margin-left:0;}
	#main .contents .latest-lecture-section li{float:none; width:100%; padding:15px 0; margin-left:0; overflow:hidden; border-top:none; border-bottom:1px dotted #d5d5d5;}
	#main .contents .latest-lecture-section li a, #main .contents .latest-lecture-section li .cts .title, #main .contents .latest-lecture-section li .cts .preview{display:block; color:#000;}
	#main .contents .latest-lecture-section li a{display:block; position:relative;}
	#main .contents .latest-lecture-section li img{float:left; width:30%;}
	#main .contents .latest-lecture-section li .cts{padding-top:0; width:67%; padding-left:33%;}
	#main .contents .latest-lecture-section li .title{padding:0;}
	#main .contents .latest-lecture-section li .preview{padding:5px 0 5px 0; display:block; color:#7c7c7c !important;}
	#main .contents .latest-lecture-section li .name{display:none;}
	#main .contents .latest-lecture-section li p.info{display:block; padding-left:33%;}
	#main .notice dd li a{width:60%; overflow:hidden; word-break:break-all; white-space:nowrap;}

	#contents{padding:0;}
	#contents .contents{width:100%;}
	#contents .contents h3{height:auto; background-color:#f2f2f2; text-align:center; padding:30px 0 20px 0 !important;}
	#contents .contents .lnb{display:none;}
	#contents .contents .cts{float:none; width:100%;}
	#contents .contents .cts .location{display:none;}
	#contents .contents .cts .filter{padding:15px 10px }
	#contents .contents .cts .filter .align{display:none;}
	#contents .contents .cts .list{padding:0 20px;}
	#contents .contents .cts .list .vertical-board li{height:auto;}
	#contents .contents .cts .list .vertical-board li div{padding:0 10px 0 150px;}
	#contents .contents .cts .list .vertical-board li div .thumnail{width:125px; left:10px;}
	#contents .contents .cts .list .vertical-board li div .title, #contents .contents .cts .list .vertical-board li div .preview{}
	#contents .contents .cts .list .vertical-board li div .title{padding:0; font-size:14px;}
	#contents .contents .cts .list .vertical-board li div .preview{padding-top:5px; height:auto; font-size:12px; overflow:hidden; padding-bottom:5px;}
	#contents .contents .cts .list .vertical-board li div .info .aside{}/*display:none;*/

	#contents .movie .location{height:27px;  background-color:#f2f2f2; padding:13px 20px 0;}
	#contents .movie .movie-aside .comment-section .tab a{font-size:14px;}
	#contents .movie .movie-aside .comment-section .tab .m-menu{display:block;}
	#contents .movie .location .btn-view-list{display:none;}
	#contents .movie .location fieldset{display:block;}
	#contents .movie, #contents .movie .movie-aside, #contents .movie .movie-aside .comment-section{width:100%; margin:0 auto 0;}
	#contents .movie .movie-aside .aside-movie{width:100%; display:none;}
	#contents .movie .movie-aside .aside-movie li{height:auto;}
	#contents .movie .movie-aside .aside-movie li a{height:auto; padding:0 20px;}
	#contents .movie .movie-aside .aside-movie li div{padding:0 10px 0 0;}
	#contents .movie .movie-aside .aside-movie li div .thumnail{width:125px; left:10px;}
	#contents .movie .movie-aside .aside-movie li div .preview{height:65px;}
	
	#contents .movie .movie-aside .aside-movie li span{padding:0px 0 0 125px; font-size:12px;}
	#contents .movie .movie-aside .comment-section .comment-input{padding:15px 15px 10px 15px; background-color:#f6f8f7;}
	#contents .movie .movie-aside .comment-section .comment-input .textarea-wrap{background-color:#fff;}
	#contents .movie .movie-aside .comment-section .comment-input .submit{position:absolute; right:15px; top:92px; width:60px; height:30px; line-height:30px; font-size:11px;}
	#contents .movie .movie-aside .comment-section .comment-input .aside{padding:12px 0 5px;}
	#contents .movie .movie-aside .comment-section .comment-input .aside span{right:65px;}
	#contents .movie .movie-aside .comment-section .comment-list .photo-field-view li,
	#contents .movie .movie-aside .comment-section .comment-list .repl-input .photo-field li{width:33%;}
	#contents .movie .movie-aside .comment-section .comment-list li .repl-header,
	#contents .movie .movie-aside .comment-section .comment-list li .repl-cts,
	#contents .movie .movie-aside .comment-section .comment-list li .repl-aside,
	#contents .movie .movie-aside .comment-section .comment-list li .repl-input{margin-left:20px; margin-right:20px;}
	#contents .movie .movie-aside .comment-section .comment-list .repl-repl li{background-position:25px 25px;}
	.notice-m{display:block;}
	#contents .contents .cts .list{padding:0;}
	#contents .contents .cts .list .thum-list{width:100%; margin:20px auto 0; left:0;}
	#contents .contents .cts .list .thum-list li{width:33%; height:170px !important; margin-left:0;}
	#contents .contents .cts .list .thum-list li div{width:auto; padding:0 20px;}
	#contents .contents .cts .list .thum-list li div .thumnail{width:100%; position:relative; margin-bottom:10px;}
	#contents .contents .cts .list .thum-list li div .title{height:20px;}
	#contents .contents .class-home .class-intro .intro-d p{padding:15px;}
	p.info .aside span{margin-left:5px;}
	.web-tab-wrap{display:none;}
	#contents .movie .movie-aside .comment-section .comment-list-header{padding-left:20px; padding-right:20px;}
	#contents .movie .movie-aside .aside-movie .notice{padding:10px 0 10px 50px; background:url('../images/ico_play_notice.png') no-repeat 20px center; color:#414141; font-size:11px; border-bottom:1px solid #adadad;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-web{display:none;}
	#contents .contents .class-home .class-intro .intro-header .profile-layer .t-info-mobile{display:block;}
	#contents .movie .movie-aside .aside-movie .title{padding-left:20px;}
	.movie-title{display:none;}
	.movie-play-section{width:100%; height:296px;}
	fieldset.top-search-form{display:none;}
	fieldset.top-search-form1{display:none;}
}

.mask {position:absolute;left:0;top:0;z-index:3;background-color:#000;display:none; }

.tb-content{scrollbar-face-color: #272727; scrollbar-shadow-color: #000000;scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #000000; scrollbar-arrow-color: #666666;}
.tb-content::-webkit-scrollbar { background: #000000 }
.tb-content::-webkit-scrollbar-button:start:decrement {display: block; width: 17px; height: 25px; background: url('/images/common/common/up_arrow.gif') no-repeat}
.tb-content::-webkit-scrollbar-button:end:increment {display: block; width: 17px; height: 25px; background: url('/images/common/common/down_arrow.gif') no-repeat}
.tb-content::-webkit-scrollbar-thumb {border:1px solid #000000; background: #272727}

.mobile-pop{width: 300px;min-height:140px;position: fixed;display:none;z-index:100;}
.mobile-pop .mobile-pop-from{width: 100%;height:120px;padding: 10px;background-color: #ffffff;border:1px solid #000000;line-height: 1em;border-radius:0.5em;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;}
.mobile-pop .mobile-pop-from .mobile-pop-view{width: 100%;height:120px;background-color: #ffffff;overflow: auto;}
.mobile-pop .mobile-pop-close{width: 100%;height:15px;text-align: right;}


#contents .movie .movie-aside .aside-movie li strong{height:15px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#contents .movie .movie-aside .aside-movie li{overflow:hidden; word-break:break-all; }



.nbox_01 {
		text-align:center;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 18px; 
		line-height: 1.2;
		color: #FFFFFF; 
		padding: 10px 70px 10px 70px;
		font-weight: 900;
}

.nbox_01 a{
		color: #FFFF80; 
}

.nbox_01_on {
		text-align:center;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 18px; 
		line-height: 1.2;
		color: #FFFF80;
		padding: 10px 70px 10px 70px;
		font-weight: 900;
		/*border-bottom:4px solid #1080cb;*/
}

.nbox_01_on a{
		color: #FFFF80; 
}

.adm_box_01 {
		text-align:center;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 12px; 
		line-height: 1.0;
		color: #FFFFFF; 
		background-color:#4c4c4c;
		padding:7px 20px 7px 20px;
}

.adm_box_01 a{
		color: #FFFFFF; 
}

.logo_tit {
		text-align:center;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 32px; 
		color: #111111; 
		font-weight:bold;
}

.mem_tit {
		text-align:center;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 20px; 
		color: #111111; 
		font-weight:bold;
}

.mem_tit_b {
		text-align:left;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 14px; 
		color: #333333; 
		font-weight:bold;
}

.mem_stit {
		text-align:left;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 13px; 
		color: #333333; 
}

.mem_stit_c {
		text-align:center;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 13px; 
		color: #333333; 
}

.mem_stit_b {
		text-align:left;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 13px; 
		color: #333333; 
		font-weight:bold;
}

.mem_search_color {
		text-align:left;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 13px; 
		color: #2085C9; 
}

.mem_search_color_b {
		text-align:left;
		font-family: 'NanumGothic',"굴림, sans-serif"; 
		font-size: 16px; 
		color: #2085C9; 
		font-weight:bold;
}


.r_btn_down {		
			width:80px;;
			text-align:center;
			font-family: 'NanumGothic',"굴림, sans-serif"; 
			font-size: 14px; 
			line-height: 1.2;
			color: #FFFFFF; 
			font-weight:bold;
			padding:10px 25px;
			background-color:#0A58A7;
}