html, body {max-width:680px;margin:0 auto;}
textarea ,input {max-width:260px;}

/* ¸ÞÀιè³Ê */
.mMainBanner { padding:0px 0 0 0; }
.mMainBanner a { display:block; }
.mMainBanner img { width:100%; }

img {max-width: 100%}


 

/*********************¸ÞÀÎcss**********************/

header {position:relative; width:100%; margin:0 auto; }
header .top {position:relative; width:100%; max-width:680px; margin:0 auto;}

 /* ·Î°í */
header h1 { margin: 0px auto;  background: #ffffff; text-align:center; overflow:hidden; }
h1 img { width: 50%; margin: 10px 0 10px;vertical-align:top;}

/*·Î°í°ü·Ã*/
.logo { margin: 0 auto; width: 100%; height:40px;  background: #ffffff; max-width:100%; overflow:hidden; }
.logo img { width: 100%; margin: 0px 0;vertical-align:top;}
.menu_call {position: absolute; right:15px; top:17px; width:10%; text-align:right; z-index:200;}


/*Àüü¸Þ´º*/
.menu_all {position: absolute; left:10px; top:20px; width:10%; z-index:201;}
#gnb {width:100%; height:205px; background:#ffffff; position:absolute; top:-360px; left:0; z-index:5000; border-bottom:solid 2px #535353;  }
#gnb .inner {height:200px;}
#gnb p {color:#000000; text-align:center; padding:20px 0 20px 0; font-size:14px; letter-spacing:7px; word-spacing: 5px  }
#gnb .close {position: absolute; bottom:0; width:100%; height:45px; text-align: center; }
#gnb ul {overflow: hidden; clear: both; background:#333333; }
#gnb ul li {float: left; background:#333333; width:33%; border-right:solid 1px #535353;  border-bottom:solid 1px #535353; }
#gnb ul li.end {background:#333333; width:100%;}
#gnb ul li.g3 {background:#333333;}
#gnb ul li a {color:#ffffff; display: block; padding:13px 13px 13px 15px;  border:solid 0px #4b5b77;  font-family:"µ¸¿ò" , Arial;font-size:14px; font-style:normal;  text-decoration:none;}
#gnb ul li.end a {background:url('../img/mo/gnb_bg2.png') no-repeat 98% 50%;}
.inner {max-width:680px; position:relative; margin:0 auto;}





/*ºñÁê¾ó*/
#visualw {position:relative;width:100%; margin:0 auto;text-align:center; background:#000000; } 
#visual {position:relative;width:100%; margin:0 auto; text-align:center; border-top:1px solid #000000; } 

#visual img {width:100%;}




#main_menuw {position:relative;width:100%; height:90px; margin:10px auto 0;text-align:center;} 
.main_menu ul li {float:left;width:25%;}
.main_menu ul li a {display:block;color:#666666;}
.main_menu ul li a:hover {background:#ffffff;}
.main_menu li img { width:auto; height:50px;text-align:center;margin:0px 0px 0 0px;} /*¸Þ´º¾ÆÀÌÄÜ*/




/* ¸ÞÀÎÄÁÅÙÃ÷ */
#wrap_main  {position:relative; width:100%;text-align:center; margin:0px auto; paddign:0 0;}
.m1 {position:relative;width:100%; margin:0px auto;background:#1a1a1a; overflow:hidden;}
.m2 {position:relative; width:100%; margin:0px auto;background:#2e2e2e; overflow:hidden;}



/* 1´Ü */
.main_ban { display:block;position:relative; margin:0px auto; width:100%; height:auto; }
.main_ban .image {width:100%;}
.main_ban a {display:block;}

.main_ban ul li {display:block;width:50%;float:left;text-align:center;}
 
.main_ban .t {display:block;color:#ffffff;font-size:16px; height:30px;font-weight:bold;text-align:center;padding:17% 0 0px;}
.main_ban .d {line-height:18px; font-size:11px; color:#8b8b8b;padding:0 0 20%;}

  

/*sns*/
.sns  {position:relative; width:100%; height:auto;text-align:center; margin:0px auto;}
.sns a {display:inline-block;padding:10px 5px 10px 5px;}
.sns .image{width:80%;}



 
/* ÇÏ´ÜÁ¤º¸ */
footer {clear:both;width:100%; margin:0px auto; background:#3a3a3a;}
 .f2 {position:relative;width:90%; height:120x;margin: 0 auto; padding:5%;}
 .foot {float:left;text-align:left;}
.foot p {color:#b2b2b2;}
 
  


/*ȸ»çÁ¤º¸*/
.flink {position:relative;display:inline-block;width:98%;height:30px;line-height:30px; padding:0px 2% 0 0;}
.copy {position:relative;width:98%;color:7d7c7c; margin:0px 0 0; padding:0px 1% 0 1%;}
.copy {padding:10px 5px 0 0px;font-size:10px;color:#848484;line-height:18px;letter-spacing:-1px;}
.copy a {padding:-10px 0 0 !important; font-size:12px !important;}
.copy a:link {padding:10px 5px 0 0px;font-size:10px;color:#848484;text-decoration:none; line-height:15px; font-weight:bold;vertical-align:sub;letter-spacing:-1px;}
.copy a:visited {padding:10px 5px 0 0px;font-size:10px;color:#848484;text-decoration:none; font-weight:bold;vertical-align:sub;}
.copy a:hover {padding:10px 5px 0 0px;font-size:10px;color:#ffffff;text-decoration:none; font-weight:bold;vertical-align:sub;}

.pc {display:none;width:80px;color:#aeaeae;background:#5a5a5a;height:25px;line-height:25px;margin:0 auto;float:right;text-align:center;}







/*********************¼­ºêcss**********************/

/*ÄÁÅÙÃ÷*/
.content { position:relative; width:100%; font-family:Helvetica, Arial, sans-serif;  border-radius:0px; box-shadow: 0px 0px 0px rgba(0,0,0,0.75); 
           padding:10px 0; color:#666; font-size:13px; line-height:18px; max-width:100%; min-height:320px; margin-bottom:25px; overflow-x: visible; overflow:hidden;}


.scon { position:relative; width:98%;  margin:5px 5px 0 5px;}
.scon .title {width:100%;background:url(../../img/title_bg.jpg) left top no-repeat;line-height:40px;font-size:18px;letter-spacing:-2px;margin:0 0 20px;}



/* ÄÁÅÙÃ÷ ÅؽºÆ® */
.scon .s1 {width:100%;line-height:30px;font-size:15px;color:#272626;font-weight:bold;letter-spacing:-1px;text-align:center;}
.scon .s2 {width:100%;line-height:20px;font-size:12px;color:#8c8b8b;font-weight:500;letter-spacing:-1px;text-align:center; margin-bottom:30px;}

.scon .simg {text-align:center; margin-bottom:30px;}

.scon .stext {width:96%;margin:0 2% 0 2%;line-height:190%;font-size:13px;color:#2c2c2c;font-weight:500;letter-spacing:-1px;text-align:left; margin-bottom:30px;}



/* ¿¬Çõ ÆäÀÌÁö ÅؽºÆ® */
.scon .po {font-weight:bold; font-size:13px; margin:0 20px 0 0;color:#1d478c; margin-top:10px; letter-spacing:1px; }
.scon .po2 {font-weight:bold; font-size:13px; margin:0 20px 0 0;color:#1d478c;margin-left:37px; letter-spacing:1px;}
.scon .stext2 {width:96%;margin:0 2% 0 2%;line-height:250%;font-size:13px;color:#666666;font-weight:500;letter-spacing:-1px;text-align:left; margin-bottom:30px;}




/*°í°´¼¾ÅÍ*/
.customer  { clear:both; margin:0px 0 0px 0;  color:#333333; font-size:11px; width:100%; background:#1a1a1a; 
             line-height:16px; vertical-align:top; padding:0px 0 0px 0px; text-align:center;} 
 







/*¼­ºê¸Þ´º*/
.submenu { position:relative; width:100%; height:40px; overflow:hidden;z-index:150; margin:0px 0; background: #ffffff; border-Bottom:solid 0px #cccccc; }
.submenu ul { text-align: center;}
.submenu li { text-align:center;float:left; width:25%; }
.submenu li img { width:auto;height:40px;text-align:center;margin:7px 0 0 0px; } /*¸Þ´º¾ÆÀÌÄÜ*/



/*¼­ºêŸÀÌƲ*/
.header { position:relative; max-width:780px; margin-bottom:25px; box-shadow: 0px 2px 10px rgba(0,0,0,0.5);}
.header h4 { font-family: 'Terminal Dosis', sans-serif; font-weight:700; text-transform:uppercase;}
  

.s1 li {width:100%;}
.s2 li {width:50%;}
.s3 li {width:33.3333%;}
.s4 li {width:25%;}
.s5 li {width:20%;}
 



/** ¼­ºê **/
.msub2{ position:relative; width:100%; overflow:hidden;margin:0px auto;}
.msub2 ul { text-align:center;}
.msub2 li { float:left; width:30%; padding:4% 1.5% 1% 1.5%;  }


/*¼­ºêÆäÀÌÁö ³»¿ë*/
.subpage {width:98%;margin:0 auto;}
.pagepan {margin:20px auto;} 
.pagepan .mt {margin-top:20px;} 
.pagepan .simg img {width:100%;}
.pagepan h3 {font-size:18px;}
.pagepan h4 {font-size:16px;} 
.pagepan .text12 {font-size:14px;line-height:1.8;}
.pagepan .text10 {font-size:13px;}

.pagepan ol li {margin-top:15px;list-style: none;}
.pagepan > ol > li > ul > li { margin-left:50px; color:#999;} 
.pagepan ol li span {display:inline-block;font-size:12px;background:#000;color:#fff;width:20px;text-align:center;margin:0 1%;border-radius:50px;}
.subpage .color {color:#f15a31;} 


/* »ç¾÷ºÐ¾ß */
.p21 > div {width:98%;margin:1%;}
.p21 .box {position:relative;height:360px;border:2px solid #d7d7d7;text-align:center;padding:3%;box-sizing:border-box;line-height:1.6;overflow:hidden;}
.p21 .borderbox {border:4px solid #000;box-sizing:border-box;}
.p21 .box h3 {margin-top:15px;margin-bottom:30px;}
.p21 .box ul {text-align:center;margin:20px 0px 0 -10px;} 
.p21 .box ul li:before {content:"";width:2px;height:2px;background:#333;display:inline-block;margin:3px 5px;}
.p21 .box .graybutton {position:absolute;left:50%;bottom:10%;width:266px;margin-left:-133px;display:block;background:#999999;color:#fff;line-height:47px;}
.p21 .box .graybutton:hover {background:#000;}
.pagepan.p21 > ol > li > ul > li { margin-left:20px; color:#999;} 

/************** ¸ÞÀθ޴º¹öÆ°****************/
.menubtn {
 background-color:#fefefe;
 text-indent:0px;
 border:solid 0px #ffffff;
 box-sizing: border-box;
 display:inline-block;
 color:#ffffff;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 font-style:normal;
 height:90px;
 line-height:40px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.smenubtn:hover {
 background-color:#fffffff;
 color:#000000;
}
.smenubtn:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/
 

 

/************** ¼­ºê¸Þ´º¹öÆ°****************/
.smenubtn {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#000000;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 text-indent:0px;
 border-left:solid 1px #000000;
 display:inline-block;
 color:#ffffff;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:40px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.smenubtn:hover {
 background-color:#333333;
 border-bottom:0px;
}
.smenubtn:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/
/************** ¼±ÅùöÆ°¹öÆ°****************/
.select_smenubtn {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#373737;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 border-bottom:0px;
 text-indent:0px;
 border-left:solid 0px #333333;
 display:inline-block;
 color:#ffffff;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:40px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.select_smenubtn:hover {
 background-color:#000000;
}
.select_smenubtn:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/