@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:55.5%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* ¾ÆÀÌÆеå(1024X768)º¸´Ù Å« ½ºÅ©¸° »çÀÌÁî¿Í Çػ󵵸¦ °®´Â ¸ðµç ±â±â¿¡¼­ÀÇ ÇØ»óµµ ¼³Á¤
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }
*{margin:0; padding:0;}
img {border:0;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif;width:100%;max-width:640px; background:none; }
#wrap {width:100%; text-align:center; margin:0 auto;display:block;}

/* »ó´Ü */
#header { height:261px; }
#header a { display:block}
#header .top { height:99px; }
#header .menu { height:162px; }
#header .menu ul li { float:left; width:25%;}


#main { clear:both;  }

/* slide */
.slides{position:relative;width:640px; height:576px; border-bottom:#004097 solid 5px; }
.slides .slide{overflow:hidden;position:relative;width:640px;height:576px}
.slides .slide li{display:block;width:640px;height:576px}
.slides .slide li a{display:block}
.slides .slide li.slide4 {overflow:hidden;}
.slides .slide li.slide4 video {width:100%;height:576px;background-color:#000;}
.slides .page{z-index:100;position:absolute;bottom:30px;left:0;width:640px;text-align:center;list-style:none}
.slides .page li{display:inline-block;_display:inline;margin:0 2px;_zoom:1}
.slides .page li a{display:block;overflow:hidden;width:12px;height:12px;background:url(/base/img/m/images/sp_page.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides .page li.current a{background-position:0 -12px}

.time { height:162px; width:640px; }

/* ÇÏ´Ü */
#footer .customer {  width:100%;  }
#footer .customer a { display:block; color:#fff;   }
#footer .customer .call {  }
#footer .customer .call .left { width:60%; }
#footer .customer .call .right { width:40%; } 
#footer .customer .call img {width:100%;}

#footer .customer ul { height: 60px; background:#0a3f86; line-height:30px; width:100%; display:inline-block; }
#footer .customer ul li { float:left; width:33.33%; height:30px; margin:15px 0; }
#footer .customer ul li.center { border-right:1px solid #9ab0cd;  border-left:1px solid #9ab0cd; box-sizing:border-box;}
#footer .copy  { clear:both; background:#3d3d3d;  padding:20px 0; }
#footer .copy p { color:#fff; font-size:14px; line-height:1.5em;  }


/***** ¼­ºê ********/
#sub { clear:both; }
#sub h1 { color:#444; height:140px; line-height:140px; text-align:left; padding-left:20px; letter-spacing:-1px; border-bottom:1px solid #ccc; }

/***** tab *****/
#sub .tab {
    width:100%;
    height:60px;
    line-height:60px; 
 background:#f3f3f3;
    }
#sub .tab li { 
   display:inline-block;
   float:left; 
   height:44px;
   line-height:44px;
   text-align:center;
   font-family:"NanumGothic", sans-serif;
   font-size:22px; 
   color:#404040;
/*   border-left:1px solid #cccccc; */
   letter-spacing:-2px;
   margin:8px 0;
   font-weight:600; 
   }
.port_back {color:#004097 !important; font-weight:600;}
#tab_menu1,#tab_menu2,#tab_menu3,#tab_menu4,#tab_menu5{cursor:pointer;}
.tab_sub2,.tab_sub3,.tab_sub4,.tab_sub5 {display:none;}
#sub #tab1 { background:#f3f3f3; }
#sub #tab1 li { width:100%; }
#sub #tab2 { background:url(/base/img/m/images/tab2.png) 0 0 no-repeat; }
#sub #tab2 li { width:50%; }
#sub #tab3 { background:url(/base/img/m/images/tab3.png) 0 0 no-repeat; }
#sub #tab3 li { width:33.3%; }

/** üÇè°ü **/

.accordion h3 {width:600px;  border-bottom: 2px solid #000056;height:48px;line-height:48px;text-align:left;font-size:24px; padding-left:40px;   }
.accordion div {margin-bottom:30px; border-bottom: 2px solid #4d4d4d;width:640px;color:#4d4d4d;}
.accordion div p {line-height:160%;text-align:left;margin-left:10px;padding:20px 0;font-size:18px; font-weight:700; }
.accordion div p.tit {line-height:120%;text-align:left;margin-left:10px;padding:20px 0;font-size:18px; font-weight:700; color:#000; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
      background:url(/base/img/m/images/aco_open.png) right no-repeat; color:#505050 !important;
     }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
      background:url(/base/img/m/images/aco_close.png) right no-repeat; color:#fff !important;
     }
     
/** ÀÚÁÖÇÏ´Â Áú¹® **/
.accordion.fqa h3 {width:580px;  border-bottom: 2px solid #000056;height:48px;line-height:48px;text-align:left;font-size:22px; padding-left:60px; letter-spacing:-0.04em  }
.accordion.fqa div {margin-bottom:30px;background:url(/base/img/m/images/aco_answer.jpg) top left no-repeat;border-bottom: 2px solid #4d4d4d;width:640px;color:#4d4d4d;}
.accordion.fqa div p {line-height:160%;text-align:left;margin-left:60px;padding:20px 0;font-size:18px; font-weight:700; }
.accordion.fqa div p.tit {line-height:120%;text-align:left;margin-left:10px;padding:20px 0;font-size:18px; font-weight:700; color:#000; }
.accordion.fqa .ui-state-default,
.accordion.fqa .ui-widget-content .ui-state-default,
.accordion.fqa .ui-widget-header .ui-state-default {
      background:url(/base/img/m/images/aco_open.jpg) right no-repeat; color:#505050 !important;
     }
.accordion.fqa .ui-state-active,
.accordion.fqa .ui-widget-content .ui-state-active,
.accordion.fqa .ui-widget-header .ui-state-active {
      background:url(/base/img/m/images/aco_close.jpg) right no-repeat; color:#fff !important;
     }