@charset "utf-8";

@font-face {
    font-family: 'GyeonggiTitle';
    src: url('/_font/GyeonggiTitleL.eot');
    src: url('/_font/GyeonggiTitleL.eot?#iefix') format('embedded-opentype'),
        url('/_font/GyeonggiTitleL.woff2') format('woff2'),
        url('/_font/GyeonggiTitleL.woff') format('woff'),
        url('/_font/GyeonggiTitleL.ttf') format('truetype'),
        url('/_font/GyeonggiTitleL.svg#GyeonggiTitleL') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ min-width:420px;  } 
.widmax{ max-width : 1200px; width:100%; margin: 0 auto; }
.widmax_ma{ max-width : 1200px; width:100%; margin: 0 auto; }
header{border-bottom:1px solid #cccccc;}

.logo_zone{ text-align:center; padding: 15px; overflow:hidden; position:relative;}
.btn_logo_set{position: absolute;right: 0;top: 28px;} 
.btn_logo_set li{ float:right; margin-left:10px; }
.btn_logo_set li a{color:#000; font-size: 1.2em;padding: 5px 20px; border:1px solid #ccc; display:inline-block;  border-radius: 20px;}

nav.mmenu{border-bottom:1px solid #cccccc; overflow:hidden;}
.mmenu_ul li {  width: calc( 100% / 6 ); float:left; text-align:center;}
.mmenu_ul {overflow:hidden;}
.mmenu_ul li:last-child{ border-right: 0px !important; }
.mmenu_ul li:first-child:nth-last-child(1) { width: 100%; } /* li°¡ ÇϳªÀÏ ¶§ */ 
.mmenu_ul li:first-child:nth-last-child(2), .mmenu_ul li:first-child:nth-last-child(2) ~ li { width: calc( 100% / 2 ); }  /* li°¡ µÎ°³ÀÏ ¶§ */  
.mmenu_ul li:first-child:nth-last-child(3), .mmenu_ul li:first-child:nth-last-child(3) ~ li { width: calc( 100% / 3 ); }  /* li°¡ ¼¼°³ÀÏ ¶§ */
.mmenu_ul li:first-child:nth-last-child(4), .mmenu_ul li:first-child:nth-last-child(4) ~ li { width: calc( 100% / 4 ); } /* li°¡ ³×°³ÀÏ ¶§*/ 
.mmenu_ul li:first-child:nth-last-child(5), .mmenu_ul li:first-child:nth-last-child(5) ~ li { width: calc( 100% / 5 ); } /* li°¡ ³×°³ÀÏ ¶§*/ 
.mmenu_ul li:first-child:nth-last-child(6), .mmenu_ul li:first-child:nth-last-child(6) ~ li { width: calc( 100% / 6 ); } /* li°¡ ³×°³ÀÏ ¶§*/ 

.mmenu_ul li a{ display:inline-block;  text-align:center; font-size:1.6em; padding: 15px; color:#000; border-bottom: 3px solid #fff;}
.mmenu_ul li a:hover{ border-bottom: 3px solid #000; }
.mmenu_ul li a.on{ border-bottom: 3px solid #000; }

.sub_exp{ color:#c2c2c2; }

.tot_search{ background:#fff; padding: 25px 0; border-top:1px solid #ccc; overflow:hidden;}
.tot_l{ float:left; width: 50%;}
.tot_r{float:right; width:50%; text-align:right;}
.tot_r a{color: #000;font-size: 1.2em;padding: 5px 20px;border: 1px solid #ccc;display: inline-block;border-radius: 20px; vertical-align:middle;}
.tot_r a img{ vertical-align:middle; }
.tot_l .tot_input{ width: calc( 100% - 80px ); float:none; display:inline-block;} 
.tot_input{height: 40px;border-radius: 6px;float:right;font-size : 1em; width :  100%;padding: 8px 10px;color: #232323;  background-color: #ffffff;border: 1px solid #cccccc;display: inline-block;}
.tot_btn { padding: 0px 10px;height: 40px;border: 0; background: #666; color: #fff; border-radius: 6px; }

footer{ background:#666666; padding: 30px 0;}
.footer1{color:#fff; padding-bottom:5px; font-size:1.2em;}
.footer2{color:#d5d5d5; padding-bottom:10px;font-size:1.2em;}
.footer3{color:#c2c2c2;font-size:1.2em;}

.btn_1{ background: #666;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}
.btn_2{ background: #00a9cd;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}
.btn_3{ background: #b35f9e;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}
.btn_4{ background: #de1d25;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}
.btn_5{ background: #b08d8d;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}
.btn_6{ background: #70c600;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}
.btn_7{ background: #fff;color: #000; border:1px solid #000; padding: 4px 11px;border-radius: 6px;display: inline-block;}
.btn_8{ background: #fff;color: #ff6c00;  border:1px solid #ff6c00; padding: 4px 11px;border-radius: 6px;display: inline-block;}
.btn_9{ background: #3a8afd;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}
.btn_10{ background: #8b5fb3;color: #fff;padding: 5px 12px;border: 0;border-radius: 6px;display: inline-block;}

.btn_1:hover{ background: #4a4a4a;color: #fff;}
.btn_2:hover{ background: #028dab;color: #fff;}
.btn_3:hover{ background: #773467;color: #fff;}
.btn_4:hover{ background: #b10e15;color: #fff;}
.btn_5:hover{ background: #845a5a;color: #fff;}
.btn_6:hover{ background: #579801;color: #fff;}
.btn_7:hover{ background: #f5f5f5;color: #000; }
.btn_8:hover{ background: #f5f5f5;color: #ff6c00; }
.btn_9:hover{ background: #296dd0;color: #fff;}
.btn_10:hover{ background: #643b8a;color: #fff;}




@media screen and (max-width:1220px) {
	.widmax{  padding-right: 20px; padding-left:20px;   }
	.widmax_ma{ max-width : 1160px; width: calc( 100% - 40px ); margin: 0 auto; }
	.btn_logo_set{ right: 20px;}
}
@media screen and (max-width:900px) {
	.mmenu_ul li  a{  font-size:1.4em; }
	.mmenu_ul li:first-child:nth-last-child(5), .mmenu_ul li:first-child:nth-last-child(5) ~ li { width: calc( 100% / 3 ); } /* li°¡ ³×°³ÀÏ ¶§*/ 
	.mmenu_ul li:first-child:nth-last-child(6), .mmenu_ul li:first-child:nth-last-child(6) ~ li { width: calc( 100% / 3 ); } /* li°¡ ³×°³ÀÏ ¶§*/ 
}

@media screen and (max-width:800px) {
	.logo_zone{ text-align:left;}
}