@charset "utf-8";

* {margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;}

#wrap{position:relative;width:100%;/*overflow:hidden*/}

#header{z-index:100;position:relative;height:75px; box-shadow: 2px 3px 7px -5px rgb(0 0 0 / 20%);}

#animate{position:relative;  background:rgba(1,20,42,0.9);background-position:left top, right bottom;background-repeat:no-repeat, no-repeat;
transition-property: all; transition-duration: 0s; transition-timing-function: ease;  
}
#animate .style{height:74px;/*border-bottom:1px solid #ddd;*/background-color:#fff}

#logo {
    float: left;
    padding: 0 0 0 35px;
 /*   margin-top: 3px;*/
}

#logo .toplogo {
    display: block;
    width: 300px;
    height: 70px;
    background: url(/img/logo.png) no-repeat;
    font-size: 0;
}
   

#gnb{height:75px;text-align:center}
 

.jbFixed { min-height:auto !important;}
.jbFixed .header_in { position:fixed !important; top:0px; width:100% !important;   } 

#tm {
    height: 100%;
    margin: 0 auto;
    padding-left: -22%;
}
#tm > li {
    padding-top: 27px;
}
#tm>li>a {
    height: 70px;
    padding: 0px 35px;
    font-weight: 600;
    font-size: 23px;
    color: #2d2d2d;
	letter-spacing:-0.05em; 
	font-family:nsb;
}
 
#tm>li>a > span {
    display: inline-block;
    padding: 0 5px;
}

#tm>li>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#tm .th1{display:inline-block}
#tm .th2{display: block;position:absolute;top:75px; padding:20px 0 10px;text-align:center; left:50%; margin-left:-320px; width:800px;}

#tm .current{color:#3787cf;} 
 
 
#gnb {padding-left:120px; vertical-align:top; margin:auto; max-width:970px;}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}

#hd_btn{position:absolute; text-align:center;  right:40px; }
#hd_btn button{;width:40px;border:0;background:transparent;float:left}
#hd_btn .hd_menu_btn{height:68px;}
#hd_btn .hd_sch_btn{height:70px;}

#hd_sch{z-index:10;display:none;position:absolute;top:0;left:0;background:#fff;width:100%;height:75px}
#hd_sch .sch_wr{}
.sch_wr h2 {
    font-size: 1.2em;
	padding-left:80px;
	color:darkgoldenrod;
    font-weight:bold;
}
.sch_wr h2 > span {

	font-size:0.9em;
	color:#777;
}

#hd_sch #sch_stx {background:none;border:0;width:100%;padding:0 80px;;font-size:1.385em}
#hd_sch #sch_stx:focus{outline:0;border-bottom:2px solid #5166d8;}
#hd_sch #sch_submit{background:none;border:0;position:absolute;top:13px;left:0;height:60px;width:85px;font-size:18px;}
#hd_sch .btn_close{position:absolute;top:6px;right:0;width:75px;height:60px;border:0;background:none;font-size:30px;color:#aaa}
#hd_sch .btn_close:hover{color:#000}


/*아이콘*/
.search-icon{display:inline-block;width:22px;height:22px;border:3px solid #555;border-radius:50px;}

.search-icon:before{ content: "";position: absolute; width: 10px;height: 3px;background-color: #555;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 17px;
margin-left: 5px;margin-left:11px \0/IE9}
.menu-icon{display:inline-block;width:20px;height:2px;background:#000;position:relative;vertical-align:middle}
.menu-icon:before{position:absolute;top:-7px;left:0;width:100%;background:#000;height:2px;content:'';}
.menu-icon:after{position:absolute;bottom:-7px;left:0;width:100%;background:#000;height:2px;content:'';}

/*전체메뉴*/
#al_menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:left}
#al_menu .bg{background: rgba(0,0,0,0.5);width:100%;height:100%}  
#al_menu .menu_wr{position:absolute;top:0;left:0;background:#fff;width:100%; }
#al_menu .btn_close{position:absolute;top:0;right:0;background:none;border:0;width:70px;height:70px;font-size:20px;outline:0;color:#aaa}
#al_menu .btn_close:hover{color:#000}

 #tm ul {list-style:none;padding:0;margin:0;overflow:hidden;}
.sm {float:left;width:33%;padding:10px 0;}
.sm p {display:block;float:left;width:75%;}
.sm p span {display:block;width:100%;text-align:left}

span.smTit_la a{display:inline-block;font-size:15px;letter-spacing:-1px;color:#eee;}
span.smTit_la a:hover{color:#87a7ff}
span.smTit_sm a{display:inline-block;padding:4px 0;color:#666;font-size:14px; display:none}
.smImg {
    width: 40px !important;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    background: #777;
    border-radius: 50%;
    padding: 5px;
    margin-right: 10px;
}
.smImg img {
    width: 30px;
}

.smTxt {padding:9px 0 0 0;width:100%;height:45px;}
.disNone {display:none;}
#closeBtn {width:30px;height:30px;position:absolute;top:0; z-index:170;text-align:center;cursor:pointer;right:-30px;}

 

@media(max-width:1600px){
	#header { 	height: 74px;}
	#gnb {padding-left:100px;   max-width:960px;}
 
	#tm .th2{margin-left:-330px;}
}
@media (max-width: 1360px){
	#gnb {padding-left:100px;   max-width:940px;}


	#tm>li>a {
		padding: 0 30px;
	    font-size: 17px;
	 }
	#logo {
		padding-left:0px;
	}

}

@media(max-width:1250px){

	#tm>li>a {
		padding: 0 20px;
	 
	 }
	
}
@media(max-width:1024px){
    #tm .th1 a {
    padding: 0 30px;
    font-size: 17px;
	}
    #tm>li>a > span {
    padding:  0px;
	}
	#tm .th3 li, #gnb,#page_nat {display:none} 
	.menu_a{ font-weight:bold; color:#000}
	.menu_a:hover{ color:darkgoldenrod}
}

@media(max-width:767px){
	#header{position:relative;box-shadow:0 0 5px 0 #000;border-bottom:1px solid #c4c4c4;   height: 67px;}
 
	.moviesize1{ height:420px;}

 
 
	#animate .style{height:64px;}
}
 
@media(max-width:486px){

	/*.btn_s {padding:0 7px; height:20px; line-height: 20px;  border-radius: 0 0 10px 10px; font-size:12px;} */
	#hd_btn .prf_btn {     height: 20px;    line-height: 20px;}
 

	.sch_wr h2 {
		font-size: 1em;
		padding:0 5px;
		color: darkgoldenrod;
		margin-bottom:0;
	}
	#hd_sch #sch_stx {height:44px;}
	.sch_wr h2 span {font-size: 0.8em; display:block;}
	#hd_sch #sch_submit { top: 37px; height: 34px;}
	#hd_sch .btn_close { top: 23px;}
}