@charset "utf-8";

body{overflow-y:scroll; }

.wrap { position:relative;*zoom:1; width:100%; margin:0 auto; }
.wrap:after { content:""; display:block; clear:both; }

#m-header {display:none;}
#navigation {display:none;}

#Wrapper { width:100%;}

/* Skip Navigation */

#skipnavigation {list-style:none; margin:0 auto; padding:0; width:100%;}

a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em;}
a.skip_navi:hover,
a.skip_navi:focus,
a.skip_navi:active {position: absolute; top: 0; left:0; padding: 15px 0; font-weight:bold; color:#fff; background:#389fd1; z-index:500; width:100%; margin:0 auto;}

.skipNavigation{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skipnavigation:hover, 
.skipnavigation:active, 
.skipnavigation:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; line-height:1; text-decoration:none !important;}
.skip { position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }

.pc_viw{display:block; }
.mobile_viw{display:none;}

.sdonly {font-size:0 !important; color:transparent !important; overflow:hidden !important;}

#warp{	overflow: hidden;}


footer{ padding:25px 0px 25px 0px; color:#E1E0E0; font-weight:300;}
footer .container{ position:relative; width:1235px; margin:0 auto; box-sizing: border-box;}
footer .inner{ overflow: hidden; margin-bottom:10px;}
footer .foot_logo {float:left;}
footer .foot_sns {float:right; width:210px; margin:0px 155px 0px 0px; overflow: hidden;}
footer .foot_sns h4 {float:left; padding-top:5px;}
footer .foot_sns ul {float:right; }
footer .foot_sns ul li {float:left; overflow:hidden; padding-left:5px;}
footer .foot_sns img {width:31px; border-radius:50%;}
footer .mz_link {  position:absolute; top:0px; right:0; width:140px; height:32px; background:#E0E0E0; text-align:left; box-sizing: border-box;}
footer .mz_link h4 a { position:relative; display:block; line-height:32px; padding:0px 0px 0px 20px; font-weight:500; font-size:0.938em; }
footer .mz_link h4 a:before {transition: all .2s ease; content: '▲';  display: block;  position: absolute; right: 15px; top:0px; }
footer .mz_link.active h4 a:before { top: 2px; 	-webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);  transform: rotate(180deg); }
footer .mz_link ul {display:none; position: absolute; left:0; bottom:32px; width:100%; padding:0px 0; background-color: #EAEBEB; box-sizing: border-box; z-index:1000; height:400px; overflow-y:scroll;}
footer .mz_link li { border-bottom: 1px dotted #fff;  transition:all .3s;}
footer .mz_link li a { line-height:35px; font-size:0.875em; font-weight:300; padding-left:20px; }
footer .mz_link li:hover {background:#E0E0E0; }
footer .mz_link li:hover a{color:#000; }

footer .foot_txt {clear:both; padding-top:10px; line-height:25px; font-size:0.938em; border-top:2px solid #959595; overflow:hidden;}
footer .foot_txt span {display:inline-block; margin:0 10px;}
footer .foot_txt strong {font-weight:400;}

/* 톱가기 버튼 */ 				
.btn_top_area{display:none; position:fixed; right:15px; bottom:25px; z-index:1000}				
.btn_top_area .btn_main{display:none;}

@media(max-width:1235px) {
	footer .container{width:100%;}
	footer .inner{padding:0px 15px 0 15px;}
	footer .mz_link { right:15px; } 
	footer .foot_txt {padding:10px 15px 0 15px; }
}
@media(max-width:600px) {
	footer{ padding:25px 0px 25px 0px;}
	footer .foot_logo {float:none; text-align:center; margin-bottom:10px;}
	footer .foot_sns {float:left; width:auto; margin:2px 0px 0px 0px; }
	footer .foot_sns ul li:first-child {padding-left:0px;}
	footer .foot_sns h4 {display:none;}

	footer .mz_link {top:45px; right:15px; width:140px; margin:0 auto;}
	
}
@media (max-width:420px) {

}


@media (max-width:600px){
	.x-scroll {overflow-x:scroll;  padding-bottom:3px; }
	::-webkit-scrollbar {width: 8px; height: 8px; border: 1px solid #fff; }
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 3px; }
	::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
}

#eventPop {
	background-color:#fff;
	width:100%;
	height:auto;
	padding:20px;
}

#eventPop .e-1 {
	font-size:1.8em;
	text-align:center;
	font-weight:600;
	margin-bottom:20px;
}

#eventPop .e-4 {
	margin-bottom:20px;
}


#eventPop .e-fm {
	clear:both;
}
#eventPop #ef-1,#eventPop #ef-2,#eventPop #ef-3 { display:table;  margin-bottom:15px;}
#eventPop #ef-3 {
	width:242px;
	text-align:center;
}
#eventPop .fh {
	display:table-cell;
	width:80px;
}
#eventPop .fi {
	display:table-cell;
	
	clear:both;
}

#eventPop button {
	background-color:rgba(53, 86, 163, 1);
	border-radius:10%;
}

#eventPop .e-ft {
	font-size:0.8em;
	color:rgba(53, 86, 163, 1);
}

#eventPop .ht { font-size:1.2em;}

.pr-out { display:none; }