@charset "utf-8";
/********************
    Default set
********************/

html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6, th, td{margin:0px; padding:0px;font-family:'Noto Sans Korean'; font-size:16px;font-weight:400; list-style:none; color:#2f2f2f;}

a{text-decoration:none;color:#2f2f2f;font-family:'Noto Sans Korean';}
img{border:0;vertical-align:middle;}
select{font-family:'Noto Sans Korean';border:1px solid #d6d6d6;vertical-align:middle;}
input{font-family:'Noto Sans Korean';vertical-align:middle;margin:0;padding:0;}
label {cursor:pointer;}
textarea{font-family:'Noto Sans Korean';vertical-align:middle;}
table caption{
	overflow: hidden;
    width:0;
    height:0;
    line-height:0;
    left:-9999px;
	top:-9999px; 
	margin:0;
}
table{border-collapse:separate;border-collapse:collapse;width:100%;border-spacing:0;table-layout: fixed;}


.blind{width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden;}
.clfix:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.clear {clear:both; font-size:0; line-height:0; overflow:hidden; height:0 !important; }
.floatL {float:left !important;}
.floatR {float:right !important;}
.floatN {float:none;}
.disnone{display:none;}

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtJ {text-align:justify !important;}
.txtT {vertical-align:top !important;}
.txtM {vertical-align:middle !important;}
.txtB {vertical-align:bottom !important;}
.txtTB {vertical-align:text-bottom !important;}


/********************
    Margin
********************/
.mtp5{margin-top:5px;}
.mtp7{margin-top:7px;}
.mtp10{margin-top:10px;}
.mtp12{margin-top:12px;}
.mtp15{margin-top:15px;}
.mtp20{margin-top:20px;}
.mtp25{margin-top:25px;}
.mtp30{margin-top:30px;}
.mtp35{margin-top:35px;}
.mtp40{margin-top:40px;}
.mtp50{margin-top:50px;}
.mtp60{margin-top:60px;}
.mtp23{margin-top:23px;}

.pdt5{padding-top:5px;}
.pdt7{padding-top:7px;}
.pdt10{padding-top:10px;}
.pdt12{padding-top:12px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}

.pl25{padding-left:25px;}
/***********************************************************
				Start Coding
***********************************************************/



body{overflow-x:hidden;}
#wrap{position:relative;width:100%;margin:0 auto;min-width:1180px;}
#header{position:relative;left:0;top:0;z-index:999;width:100%;margin:0 auto;height:130px;background:rgba(255,255,255,1);transform: translate3d(0,0,0);transition: all 0.6s ease-in-out;opacity: 1;}

.top_right{float:right;font-size:13px;color:#bbbcbd;line-height:130px;}
.top_right a{margin-left:10px;font-size:13px;color:#bbbcbd;font-weight:100;}
.top_right a:first-child{margin-right:10px;}

.l_lo{float:left;line-height:100px;margin-left:400px;}

.allmenu{display:none;float:right;line-height:130px;margin-right:70px;cursor:pointer;}

.head_bg{position:relative;width:100%;margin:0 auto;}
.logos{position:absolute;left:calc((100% - 178px) / 2);top:20px;}
.logos img.mor{display:none;}
.logos img.scr{display:none;}
.t_menu{width:100%;background:#efefef;height:60px;line-height:60px;}
.menu{width:1180px;margin:0 auto;}
.menu > li{float:left;position:relative;text-align:center;width:20%;}
.menu > li > a{font-family: 'S-Core Dream 6';font-weight:600;display:block;text-align:center;font-size:17px;}
.menu > li:last-child > a{padding-right:0;}
.menu > li:hover > a:hover{color:#00b1eb;transition:all 0.5s ease;}
.menu > li > ul.mdp02{display:none;width:180px;position:absolute;top:60px;left:50%;margin-left:-90px;z-index:52;text-align:center;}
.menu > li > ul.mdp02 > li{display:table;width:100%;height:60px;border-bottom:1px solid #375c6c;text-align:center;}
.menu > li > ul.mdp02 > li:last-child{border-bottom:none;}
.menu > li > ul.mdp02 > li > a{display:table-cell;font-size:16px;color:#fff;vertical-align:middle;background:#4e7383;}
.menu > li > ul.mdp02 > li > a:hover{color:#47caff;}

.menu_open{position:absolute;right:10px;top:34px;}
.menu_open > a.mor_open{display:none;}
.menu_open > a.pc_open img.on{display:none;}

.menu_all{position:relative;position:fixed;right:0;top:0;background:rgba(0,0,0,0.5);width:100%;height:100vh;z-index:100;display:none;}
.menu_all .menu_bag{background:#fff;position:absolute;right:-50%;height:100%;width:50%;}
.closemenu{position:absolute;right:70px;top:55px;cursor:pointer;}
.menu_all .menu_bag ul{margin-top:190px;margin-left:70px;}
.menu_all .menu_bag ul li{margin-top:35px;}
.menu_all .menu_bag ul li a{font-family: 'S-Core Dream 6';font-weight:600;color:#000;font-size:25px;transition:all 0.5s ease;}
.menu_all .menu_bag ul li a:hover{color:#00b1eb;transition:all 0.5s ease;}

.menu_bg{display:none;position:fixed;left:0;top:100px;z-index:98;width:100%;height:1380px;background:#4e7383;}
/*
.all_menu{display:none;position:absolute;left:0;top:120px;z-index:9999;width:100%;margin-left:-20px;}
.all_menu > li{float:left;width:calc(20% - 20px);margin-left:20px;box-sizing: border-box;}
.all_menu > li > a{display:block;padding:15px 10px;font-size:20px;color:#333;font-weight:500;border-bottom:1px solid #dfdfdf;}
.all_menu > li > ul{padding:10px 10px;}
.all_menu > li > ul > li{padding:5px 0;}
.all_menu > li > ul > li > a{display:block;;font-size:15px;color:#666;font-weight:500;}
*/

body.is-hidden .main_foot{transform: translate3d(0,0,0);transition: all 0.3s ease-in-out;opacity: 1;}
/*
body.fixed #header{background: #fff;transition:all 0.6s ease-in-out;border-bottom:1px solid #dfdfdf;}
body.fixed .menu > li > a{color:#000000;position:relative;}
body.fixed .menu > li > ul.mdp02{border-top:1px solid #dfdfdf;}
body.fixed .menu > li > ul.mdp02 > li{border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
body.fixed .menu > li > ul.mdp02 > li > a{color:#333;background:#fff;}
body.fixed .menu > li > ul.mdp02 > li > a:hover{color:#ff5d5d;background:#fff;}
body.fixed .logos img.scr{display:inline-block;}
body.fixed .logos img.pc{display:none;}
body.fixed .menu_open > a.pc_open img.on{display:inline-block;}
body.fixed .menu_open > a.pc_open img.off{display:none;}
*/

.pc1{display:block !important; }


.main_foot{background:#252525;transform: translate3d(0,100%,0);transition: all 0.3s ease-in-out;opacity: 1;z-index:155;}
.sub_foot{background:#252525;}
#footer{width:calc(100% - 0px);margin:0 auto;}
.foot_area{width:1180px;margin:0 auto;text-align:center;padding:23px 0;}
.foot_bot ul li p{font-size:14px;color:#808080;line-height:24px;}
.foot_area br{display:none;}

.top_btn{position:fixed;z-index:50;right:calc((100% - 1350px) / 2);bottom:20px;cursor:pointer;}


@media screen and (max-width:1024px){
	#wrap{min-width:100%;}
	#header{height:100px;border-bottom:1px solid #dfdfdf;box-sizing:border-box;}
	.l_lo{line-height:100px;margin-left:10px;}
	.l_lo img{max-width:60px;}
	.allmenu{display:block;line-height:100px;margin-right:10px;}
	.head_bg{width:100%;}
	.logos{left:calc((100% - 160px) / 2);top:18px}
	.logos img.pc{display:none !important;}
	.logos img.mor{display:block;max-width:170px;}

	.top_right{float:none;font-size:13px;color:#bbbcbd;line-height:30px;padding-right:10px;text-align:right;border-bottom:1px solid #232323;}
	
	.menu_open{position:absolute;right:10px;top:34px;}
	.menu_open > a.pc_open{display:none;}
	.menu_open > a.mor_open{display:none;}
	.menu_open > a.mor_open .off{display:none;}
	.menu_open > a.mor_open.on .off{display:none;}
	.menu_open > a.mor_open.on .on{display:none;}
	
	.t_menu{display:none;}
	.menu{float:none;padding-left:0;margin-left:0;overflow:auto;position:fixed;left:0;top:100px;width:100%;z-index:255;height:100%;background:#4e7383;border-top:none;}
	.menu > li{display:block;position:relative;padding:0 0;text-align:left;float:none;margin:0;}
	.menu > li.pc_no{display:block;}
	.menu > li > a{display:block;text-align:left;width:calc(100% - 40px);font-size:18px;color:#fff;line-height:26px;padding:20px 20px;background:url('../image/common/moff.png') no-repeat calc(100% - 20px) center;border-bottom:1px solid #375c6c;}
	.menu > li:last-child > a{padding-right:20px;}
	.menu > li > a.on{background:url('../image/common/mon.png') no-repeat calc(100% - 20px) center;}
	.menu > li > a:hover{color:#47caff;font-weight:500;}

	.menu > li > ul.mdp02{display:none;padding:15px 25px;width:calc(100% - 50px);position:static;margin-left:0;z-index:11;text-align:left;border:none;border-bottom:1px solid #4a4a4a;background:none;}
	.menu > li > ul.mdp02 > li{height:auto;border-top:none;border-bottom:none;}
	.menu > li > ul.mdp02 > li:first-child{border-top:none;}
	.menu > li > ul.mdp02 > li > a{text-align:left;font-size:16px;color:#fff;font-weight:400;padding:10px 5px;background:none;border-top:none;border-bottom:none;}
	.menu > li > ul.mdp02 > li > a:hover{color:#fff;background:none;}
	.menu > li > ul.mdp02 > li > a br{display:none;}

	.main_foot{position:static;left:0;bottom:0;background:#121212;transform: translate3d(0,0,0);}
	a.mf_scr{display:none;}

	.menu_all .menu_bag{right:-70%;width:70%;}
	.closemenu{right:20px;top:35px;}
	.menu_all .menu_bag ul{margin-top:100px;margin-left:20px;}
	.menu_all .menu_bag ul li{margin-top:25px;}
	.menu_all .menu_bag ul li a{font-size:18px;}
	.menu_all .menu_bag ul li .mdp02{margin-top:0;}
	.menu_all .menu_bag ul li .mdp02  li{height:auto;border-top:none;border-bottom:none;margin-top:15px;}
	.menu_all .menu_bag ul li .mdp02  li > a{text-align:left;font-size:16px;padding:0px;}

	
}



@media screen and (max-width:768px){
	#footer{width:calc(100% - 0px);margin:0 auto;}
	.foot_area{width:100%;padding:15px 0;}
	.foot_area br{display:block;}

	.top_btn{position:fixed;z-index:50;right:10px;bottom:20px;cursor:pointer;}
}

@media screen and (max-width:520px){
	
}