@charset "euc-kr";
.color-box01{width:100%;margin-top:100px;background-color:#333333}
a:focus {outline:none;}
#menu-container01 {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 90px;   
    padding: 0; 
    margin:0 auto;
    text-align:left;
    color: #000;
    z-index:999;
    background:#fff;
     
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
}
#menu-container01.fixed {
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    font-color: #fff;
    width:100%;
    height:90px;
    margin:0 auto;
    background:#fff;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
#menu-container01 .menu-item {
    font-size: 1.4em;
    font-weight: bold;
    color: #ffffff;
}
#menu-container01 .menu-icon {
    display: block !important;
    position: absolute;
    left: -5px;
    top: 107px;
    z-index:999;
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
    opacity:0;
      
    -webkit-transition: left 500ms linear;
    -moz-transition: left 500ms linear;
    -ms-transition: left 500ms linear;
    -o-transition: left 500ms linear;
    transition: left 500ms linear;
}
#menu-container01 .menu-icon.on {
    left: 5px;
    opacity:1;
}
@media (max-width: 1024px) {
#menu-container01{display:none;}
#menu-container02 {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin:0 auto;
    box-sizing: border-box;
    color: #000;
   /* background-color: #555555;*/
    z-index:999;
       
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
#menu-container02.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    font-color: #fff;
    height:20px;
    margin:0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
}
.gnb-wrap01{}
.gnb-wrap02{}
@media (min-width: 1025px) {
.gnb-wrap02{display:none;}
}
@media (max-width: 1024px) {
.gnb-wrap01{display:none;}
}
.logo{position:absolute;top:18px;left:50px;z-index:9999;width:350px;}
.mj-menu01{font-weight:normal;position:relative;top:20px;right:50px;text-align:right;padding:0 3px 0 0;overflow:hidden;z-index:9999;height:45px;}
.mj-menu01 a{font-size:11px;padding:0 3px 0 6px;margin-left:-1px;color:#888;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu01 .fst{text-align:center;padding:9px 3px 5px 5px;}
.mj-menu01 .snd{text-align:center;padding:9px 3px 5px 5px;}
.mj-menu01 .trd{text-align:center;padding:9px 3px 5px 5px;position:relative;top:3px;}
.mj-btn{display:inline-block;font-size:10px;position:relative;top:2px;padding:3px 15px 3px 15px;border-radius:20px;border:1px solid #666;color:#ddd;background:#555;transition:0.3s ease;font-family: Open Sans;}
 a:hover .mj-btn{color:#fff;background:#777;border:1px solid #666;}
.sr-btn{display:inline-block;font-size:14px;position:relative;top:4px;padding:3px 20px 3px 20px;border-radius:20px;border:1px solid #ff0000;color:#fff;background:#ff0000;transition:0.3s ease;}
 a:hover .sr-btn{color:#fff;background:#000;border:1px solid #000;}
.st-btn{display:inline-block;font-size:14px;position:relative;top:4px;padding:3px 20px 3px 20px;border-radius:20px;border:1px solid #1769b4;color:#fff;background:#1769b4;transition:0.3s ease;}
 a:hover .st-btn{color:#fff;background:#000;border:1px solid #000;}
.header{text-align:center;margin:0 auto;border-top:0px solid #999;position:absolute; left:0; right:0; top:20px;}
.head {width:900px; position:relative; height:50px;z-index:999999;margin:0 auto;}
.head .gnb {*zoom:1; margin:10px 0 0 0;}
.head .gnb:after {content:""; display:block; clear:both;}
.head .gnb li.gnb-menu {float:left; width:150px; position:relative;}
.head .gnb li.gnb-menu > a {display:block; font-size:18px;font-weight:normal;text-align:center;letter-spacing:-0.02em;line-height:30px;color:#000;padding:0 0 27px 0;border-bottom:3px solid #fff;transition:0.3s ease;}
.head .gnb li.gnb-menu:hover > a {color:#0052a3;padding:0 0 27px 0;border-bottom:3px solid #0052a3;}
.head .gnb li.gnb-menu a.active_nav {color:#67804e;}
.head .gnb li.gnb-menu .nav-cat {width:150px; height:0; overflow:hidden;border-right:1px solid #ddd; position:absolute; top:60px; left:0; z-index:99999;
 -webkit-transition:height 300ms ease-in-out;
 -moz-transition:height 300ms ease-in-out;
 -ms-transition:height 300ms ease-in-out;
 -o-transition:height 300ms ease-in-out;
 transition:height 300ms ease-in-out
}
.head .gnb li.gnb-menu .nav-cat.open-menu { height:310px;
 -webkit-transition:height 400ms ease-in-out;
 -moz-transition:height 400ms ease-in-out;
 -ms-transition:height 400ms ease-in-out;
 -o-transition:height 400ms ease-in-out;
 transition:height 400ms ease-in-out
}
.head .gnb li.gnb-menu:first-child .nav-cat {border-left:1px solid #ddd;}
.head .gnb li.gnb-menu .nav-cat ul {padding:30px 0;}
.head .gnb li.gnb-menu .nav-cat li a {font-size:15px; font-weight:normal; padding:7px 0 7px 0;line-height:18px; letter-spacing:-0.025em; color:#555; display:block; text-align:center;transition:0.3s ease;}
.head .gnb li.gnb-menu .nav-cat li a:hover {color:#0052a3; text-decoration:underline;}
.s-nav {position:absolute; top:70px; left:0; height:0; width:100%; background:#fff;
 -webkit-transition:height 300ms ease-in-out;
 -moz-transition:height 300ms ease-in-out;
 -ms-transition:height 300ms ease-in-out;
 -o-transition:height 300ms ease-in-out;
 transition:height 300ms ease-in-out
}
.s-nav.open-menu { height:310px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;
 -webkit-transition:height 400ms ease-in-out;
 -moz-transition:height 400ms ease-in-out;
 -ms-transition:height 400ms ease-in-out;
 -o-transition:height 400ms ease-in-out;
 transition:height 400ms ease-in-out
}
@media (max-width: 1366px) {
.head {width:650px; position:relative; margin:0 auto; height:50px;z-index:99999;}
.head .gnb li.gnb-menu {float:left; width:130px; position:relative;}
.head .gnb li.gnb-menu .nav-cat {width:130px; height:0; overflow:hidden; position:absolute; top:60px; left:0; z-index:99999;}
}
@media (max-width: 1279px) {
.head {width:600px; position:relative; margin:0 auto; height:50px;z-index:99999;}
.head .gnb li.gnb-menu {float:left; width:120px; position:relative;}
.head .gnb li.gnb-menu .nav-cat {width:120px; height:0; overflow:hidden; position:absolute; top:60px; left:0; z-index:99999;}
}
.lnb-menu{position:relative;top:0px;width:100%;background:#f9f9f9;border-bottom:1px solid #ddd;padding:16px 0 16px 0;text-align:center;font-size:17px;font-weight:normal;}
.lnb-menu a:link{color:#777;}
.lnb-menu a:visited{color:#777;}
.lnb-menu a:hover{color:#000;border-bottom:2px solid #000;padding:15px 0 15px 0;}
.lnb-menu .on{color:#000;border-bottom:2px solid #000;padding:15px 0 15px 0;}
.lnb-line{color:#ccc;font-size:10px;margin:0 25px 0 25px;position:relative;top:-1px;}
.lnb-tline{position:relative;top:-61px;border-top:1px solid #fff;opacity:0.2;}
#lnb-wrap {position:relative;top:0px;height:30px;list-style: none;width:100%;margin:0 0 26px 0;z-index:100;}
#lnbmenu,
#lnbmenu ul,
#lnbmenu ul li,
#lnbmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#lnbmenu {width: 100%;height:30px;}
#lnbmenu ul ul {display: none;}
.align-right {float: right;}
#lnbmenu > ul > li > a {
  padding: 12px 20px;
  border-left: 0px solid #1c74a2;
  border-right: 0px solid #1c74a2;
  border-top: 0px solid #1c74a2;
  cursor: pointer;
  z-index: 2;
  font-size:18px;
  text-align:center;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
#lnbmenu > ul > li > a:hover,
#lnbmenu > ul > li.active > a,
#lnbmenu > ul > li.open > a {
  color: #fff;
  background: #777;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: -3px; /*****È­»ìÇ¥À§Ä¡*****/
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 8px; /*****È­»ìǥũ±â*****/
  height: 8px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 18px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}
#lnbmenu > ul > li > a:hover > span::after,
#lnbmenu > ul > li.active > a > span::after,
#lnbmenu > ul > li.open > a > span::after {
  border-color: #fff;
}
.holder::before {
  top: 19px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#lnbmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  border-left: 0px solid #00a8e1;
  border-right: 0px solid #00a8e1;
  padding: 16px 20px; 
  z-index: 1;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #5b5c5e;
  background: #eee;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul li:hover > a,
#lnbmenu ul ul li.open > a,
#lnbmenu ul ul li.active > a {
  background: #eee;
  color: #5b5c5e;
}
#lnbmenu ul ul li:first-child > a {
  box-shadow: none;
}
#lnbmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul ul li a {
  padding-left: 30px;
}
#lnbmenu > ul > li > ul > li:last-child > a,
#lnbmenu > ul > li > ul > li.last > a {
  border-bottom: 1px solid #ccc;
}
#lnbmenu > ul > li > ul > li.open:last-child > a,
#lnbmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#lnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#lnbmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#lnbmenu ul ul li.active > a::after,
#lnbmenu ul ul li.open > a::after,
#lnbmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}
.nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:5px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.nav img{vertical-align:-1px;}
.nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.ma-wrap{border:1px solid #ccc;}
.tc01{color:#1968b3;text-decoration:underline;}
.tc02{color:#1968b3;text-decoration:none;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-j{text-align:justify;}
.ta-b{font-weight:bold;}
.tp01{padding:0 5px 0 5px;}
.ts01{color:#333;font-size:32px;margin:30px 0 0 0;font-weight:normal;text-align:left;}
.ts02{color:#333;font-size:23px;margin:10px 0 0 0;font-weight:normal;text-align:left;}
.ts03{color:#1769b2;font-size:34px;margin:5px 0 20px 0;font-weight:normal;}
.ts04{color:#333;font-size:19px;margin:20px 0 0 0;}
.ts05{color:#111;font-size:26px;padding:50px 50px 0 0;text-align:right;}
.ts06{color:#444;font-size:46px;margin:5px 0 20px 0;line-height:56px;}
.ts08{color:#333;font-size:18px;margin:80px 0 60px 0;text-align:center;}
.ts09{color:#333;font-size:34px;font-weight:500;padding:0 0 30px 15px;}
.tb01{color:#111;font-size:26px;font-weight:bold;padding:100px 0 15px 0;}
.tb02{color:#111;font-size:26px;font-weight:bold;padding:0 0 15px 0;}
.tb03{color:#555;font-size:18px;font-weight:normal;padding:0 0 15px 0;}
.tb04{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tl01{color:#555555;text-decoration:none;font-size:29px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:18px 0 23px 0;margin:35px 0 60px 0;text-align:center;letter-spacing:1px;}
.tj01{color:#333;font-size:18px;padding:10px 0 8px 0;font-weight:500;font-family:Noto Sans KR;}
.tci01{color:#111;font-size:18px;margin:10px 0 0 0;font-weight:bold;}
.tci02{color:#555;font-size:17px;margin:10px 0 0 0;}
.gnbmenu01{position:relative;top:0;}
.t1{width:100%;margin:0 auto;border-left:0px solid #ddd;border-right:0px solid #ddd;border-top:5px solid #1769b2;border-bottom:1px solid #ddd;font-size:18px;}
.t1 caption{display:none;}
.t1 th{padding:20px 20px 20px 20px;background-color:#eee;color:#555;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;}
.t1 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;}
.t1 th.left{text-align:left;}
.t1 td.left{text-align:left;}
.t1 td.rline{border-right:1px solid #ddd;}
.t1 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555;}
.t1 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.tit-main01 {text-align:center;font-size:36px;font-weight:bold;color:#111;padding:20px 0 0 0;}
.tit-main02 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 30px 0;}
.tit-main03 {text-align:center;font-size:34px;font-weight:bold;color:#111;padding:70px 0 0 0;}
.tit-main04 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 30px 0;}
.tit-main05 {text-align:center;font-size:34px;font-weight:bold;color:#111;padding:0 0 0 0;}
.tit-main06 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 30px 0;}
.tit-main07 {text-align:center;font-size:34px;font-weight:500;color:#fff;padding:5px 0 0 0;}
.tit-main08 {text-align:center;font-size:18px;font-weight:normal;color:#fff;padding:5px 0 30px 0;}
.mts01 {color:#111;font-size:60px;margin:30px 0 20px 0;font-weight:500;}
.mts02 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.mts03 {color:#111;font-size:60px;margin:50px 0 20px 0;font-weight:500;}
.mts04 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.tsm01{margin-top:-20px;}
.tit-sub01 {text-align:center;font-size:40px;font-weight:500;color:#111;position:relative;padding:60px 0 0 0;}
.tit-sub02 {text-align:center;font-size:14px;font-weight:normal;color:#999;margin:5px 0 50px 0;letter-spacing:.5px;}
.tit-sub03 {text-align:center;font-size:40px;color:#111;font-weight:500;margin:0;}
.tit-sub04 {text-align:center;font-size:17px;font-weight:normal;color:#999;margin:5px 0 50px 0;}
.tit-sub05 {text-align:center;font-size:40px;color:#111;font-weight:500;margin:100px 0 50px 0;}
.tit-sub06 {text-align:center;font-size:17px;font-weight:normal;color:#999;margin:5px 0 5px 0;}
.tit-sub07 {text-align:center;font-size:40px;color:#111;font-weight:500;margin:0 0 40px 0;}
.tit-shop01 {text-align:left;font-size: 18px;font-weight:500;color:#333;margin:0 0 5px 0;}
.map-area{margin:0 0 50px 0;}
.au-btn{display:inline-block;position:relative;font-size:12px;text-align:center;padding:6px 30px 6px 30px;margin:30px 0 0 0;border-radius:0px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .au-btn{color:#fff;background:#0c4da2;border:1px solid #c83044;}
.v-btn{display:inline-block;position:relative;font-size:16px;text-align:center;padding:6px 20px 6px 20px;margin:30px 0 0 0;border-radius:20px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .v-btn{color:#fff;background:#000;border:1px solid #000;}
.ca-btn{position:relative;font-size:24px;text-align:center;padding:8px 30px 8px 30px;width:350px;margin:20px auto;border-radius:40px;border:1px solid #1769b2;color:#fff;background:#1769b2;transition:0.3s ease;}
 a:hover .ca-btn{color:#fff;background:#000;border:1px solid #000;}
.img-wrap{background:#f5f5f5;text-align:center;padding:50px 30px 50px 30px;}
.ms-wrap{background:#fff;text-align:center;padding:15px;}
.ms-wrap h3{font-size:17px;font-weight:500;color:#333;margin:15px 0 0 0;}
.ms-wrap h5{font-size:13px;font-weight:normal;color:#777;margin:5px 0 30px 0;}
 a:hover .ms-wrap h3{color:#151515;}
 a:hover .ms-wrap h5{color:#555;}
.ms-wrap .ms-btn{display:inline-block;font-size:12px;padding: 6px 25px 6px 25px;border-radius: 20px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .ms-wrap .ms-btn{color:#fff;background:#111;border:1px solid #111;}
.op-wrap{background:#000;text-decoration:none;overflow:hidden;}
.op-wrap .op-img{display:block;transition:0.3s ease;}
 a:hover .op-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .op-img{opacity: 0.2;}
.op-wrap .op-title{display: block;width: 100%;position: absolute;text-align:center;top:50%;left:0px;margin-top:-20px;}
.op-wrap .op-title h3{color:#fff;font-size:32px;font-weight:normal;margin:0 0 10px 0;opacity:0;transition:0.2s ease;}
 a:hover .op-wrap .op-title h3{opacity:1;transform:translateY(-20px);}
.op-wrap .op-title h5{color:#fff;font-size:24px;font-weight:normal;margin:0 0 10px 0;opacity:0;transition:0.2s ease;}
 a:hover .op-wrap .op-title h5{opacity:1;transform:translateY(-20px);}
.op-btn{display:inline-block;font-size:12px;padding: 5px 25px 6px 25px;transition:0.2s ease;opacity:0;}
 a:hover .op-btn{color:#fff;border:1px solid #fff;opacity:1;transform:translateY(-20px);}
.mb-wrap{background: #000;text-decoration:none;overflow:hidden;}
.mb-wrap .mb-img{display:block;transform:scale(1); 
 -webkit-transition:0.5s ease;transition:0.5s ease;}
 a:hover .mb-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .mb-img{transform:scale(1.1);filter: blur(0px);opacity: 0.5;}
.mb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
 a:hover .mb-title{background:#fff;}
.mb-title h3{color:#333;font-size:18px;font-weight:500;margin:3px 0 0 0;}
.mb-title h5{color:#777;font-size:13px;font-weight:normal;margin:7px 0 0 0;}
 a:hover .mb-title h3{color:#0052a3;}
 a:hover .mb-title h5{color:#888;}
.an-wrap {margin:0 auto;padding:100px 30px 100px 30px;background:url('../img/main/an-img.jpg') center top no-repeat;background-attachment:scroll; background-size:cover;}
.an-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.an-wrap h5 {color:#fff;font-size:16px;font-weight:normal;margin:0 0 25px; 0;}
.an-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 20px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .an-btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.bn-wrap {margin:0 auto;padding:110px 30px 120px 30px;background:url('../img/main/bn-img.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.bn-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.bn-wrap h5 {color:#fff;font-size:17px;font-weight:normal;margin:0 0 25px; 0;}
.bn-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 0px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .bn-btn{color:#fff;background:#0a2268;border:1px solid #0a2268;}
.news {position:relative; float:left; width:100%;}
.news h5 {height:25px;margin:10px 0 15px 0;color:#333;font-size:24px;font-weight:500;line-height:3px;border-bottom:2px solid #1769b4;}
.news ul {padding:35px 25px 25px 25px;border:1px solid #c3c3c3;background:#fff;}
.news ul li {position:relative;}
.news ul li a {display:block; height:24px;margin-top:5px;color:#444;font-size:14px;}
.news ul li a:hover, #services .news ul li a:focus {text-decoration:underline;}
.news .more {position:absolute;top:40px;right:24px;padding-right:5px;color:#666;font-size:13px;line-height:20px;background:url(../images/main/ico_more.png) no-repeat right 5px;}
.news .more a:hover {color:#e95513;}
.os-wrap{text-decoration:none;border:1px solid #ccc;padding:30px 15px 30px 15px;border-radius:0px;transition:0.5s ease;}
 a:hover .os-wrap{background:#0052a3;border:1px solid #0052a3;}
.os-wrap h3{font-size:18px;font-weight:normal;color:#fff;text-align:center;margin:0;}
 a:hover .os-wrap h3{color:#fff;}
.it-wrap {margin:0 auto;padding:100px 50px 150px 50px;background:url('../img/company/img0101.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.it-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.it-wrap h5 {color:#fff;font-size:15px;font-weight:normal;}
.co-wrap{text-decoration:none;background:#fff;border:1px solid #ccc;padding:80px 15px 50px 15px;}
 a:hover .co-wrap{color:#555;text-decoration:none;}
.co-wrap .co-title{text-align:center;}
 a:hover .co-title{color:#ff3000;}
.co-wrap h3{color:#333;font-size:18px;font-weight:bold;margin:15px 0 0 0;}
.co-wrap h5{color:#777;font-size:14px;font-weight:normal;margin:5px 0 0 0;}
.ci-wrap{width:100%;background:#fff;border:1px solid #ccc;padding:40px 15px 40px 15px;margin:50px 0 0 0;text-align:center;}
.ci-wrap h3{color:#333;font-size:24px;font-weight:500;margin:15px 0 0 0;}
.ci-btn{display:inline-block;position:relative;font-size:24px;text-align:center;padding:8px 30px 8px 30px;margin:20px 20px;auto;width:200px;border-radius:0px;border:1px solid #1769b2;color:#fff;background:#1769b2;transition:0.3s ease;}
 a:hover .ci-btn{color:#fff;background:#000;border:1px solid #000;}
.iq-wrap{width:100%;background:#f9f9f9;border:1px solid #ccc;padding:40px 30px 40px 30px;margin:50px 0 0 0;}
.iq-wrap h3{color:#555;font-size:22px;font-weight:500;padding:0 0 0 15px;margin:5px 0 0 0;background:url(../img/common/blet01.png) 0px 14px; background-repeat:no-repeat;}


.qc-wrap{width:100%;padding:20px 10px 20px 0;}
.qc-wrap h1{display:inline-block;color:#fff;font-size:18px;background:#4299e6;padding:3px 7px 5px 7px;margin:0 10px 0 0;font-weight:500;border-radius:30px;position:relative;top:-3px;}
.qc-wrap h3{color:#555;font-size:28px;font-weight:500;margin:10px 0 10px 0;position:relative;top:0px;}
.qc-wrap h5{color:#4299e6;font-size:20px;font-weight:normal;margin:15px 0 15px 0;}
.qc-wrap h6{color:#4299e6;font-size:20px;font-weight:normal;margin:15px 0 15px 0;}
.qc-wrap h7{color:#777;font-size:17px;font-weight:normal;margin:15px 0 15px 0;}
.qc-wrap ul{}
.qc-wrap ul li{font-size:17px;color:#777;padding:3px 0 3px 0;line-height:22px;}
.qc-wrap ul li.blet01{font-size:17px;color:#777;padding:5px 0 5px 25px;margin:0 0 5px 0;background:url(../img/common/qc-blet01.png) 0px 7px; background-repeat:no-repeat;}
.qc-wrap ul li.blet02{font-size:17px;color:#777;padding:3px 0 3px 15px;margin:0 0 5px 0;background:url(../img/common/qc-blet02.png) 2px 11px; background-repeat:no-repeat;}
.qc-btn{text-align:center;}
.qc-btn a{display:inline-block;background:#fff;color:#555;border:1px solid #777;text-align:center;font-size:18px;padding:10px 20px 10px 20px;margin:30px 0 0 0;border-radius:50px;}
.qc-btn a:hover{background:#439fec;color:#fff;border:1px solid #439fec;}


.zl-wrap{border:1px solid #ddd;padding:70px 0 70px 0;}
.zc-wrap{width:100%;padding:20px 10px 0 0;}
.zc-wrap h1{color:#333;font-size:38px;font-weight:500;margin:10px 0 10px 0;}
.zc-wrap h3{color:#777;font-size:26px;font-weight:500;margin:10px 0 10px 0;}
.zc-wrap h5{color:#777;font-size:17px;font-weight:normal;margin:20px 0 20px 0;line-height:30px;}
.zc-btn{display:inline-block;position:relative;font-size:20px;text-align:center;padding:6px 40px 6px 40px;margin:20px 0 0 0;border-radius:50px;border:1px solid #1769b2;color:#fff;background:#1769b2;transition:0.3s ease;}
 a:hover .zc-btn{color:#fff;background:#000;border:1px solid #000;}
.bi-wrap{border:1px solid #ddd;}
.sb-wrap{text-decoration:none;margin:0 0 0 0;}
.sb-wrap .sb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sb-wrap h3{color:#333;font-size:18px;font-weight:500;margin:5px 0 0 0;}
.sb-wrap h5{color:#777;font-size:15px;font-weight:normal;margin:5px 0 0 0;}
.xb-wrap{text-decoration:none;margin:0 auto;}
.xb-wrap .xb-title{background:#fff;text-align:left;padding:15px 0px 0px 0px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.xb-wrap h3{color:#333;font-size:20px;font-weight:500;margin:5px 0 0 0;}
.xb-wrap h5{color:#777;font-size:16px;font-weight:normal;margin:5px 0 0 0;}

.ex-wrap{text-align:center;}
.ex-btn{display:inline-block;font-size:22px;text-align:center;padding:12px 50px 12px 50px;margin:60px 0 0 0;border-radius:50px;border:1px solid #000;color:#fff;background:#000;transition:0.3s ease;}
 a:hover .ex-btn{color:#fff;background:#004da5;border:1px solid #004da5;}
.mov-wrap { position: relative; padding-bottom: 52%; padding-top: 50px; height: 0; overflow: hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }
.policy-box01 {padding:15px 15px 15px 15px;font-size:15px;color:#666;clear:both;height:600px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
.policy-box02 {padding:15px 15px 15px 15px;font-size:15px;color:#666;clear:both;height:200px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
.sc-wrap{position:fixed;top:250px;right:10px;width:110px;margin:0;z-index:99;}
.sc-wrap .title{background:#1769b4;padding:20px 5px 20px 5px;font-size:12px;font-weight:normal;line-height:12px;color:#eee;text-align:center;}
.sc-wrap ul{position:relative;padding:0 6px 0 6px;border:1px solid #ddd;background:#fff;}
.sc-wrap ul li{border-bottom:1px solid #ddd;text-align:center;padding:20px 0 15px 0;}
.sc-wrap ul li.last{border-bottom:0px solid #ddd;text-align:center;}
.sc-wrap ul li .t01{display:block;font-size:15px;font-weight:500;color:#666;padding:5px 0 0 0;}
.sc-wrap ul li .t01:hover{color:#666;}
.sc-wrap ul li .tel{display:block;font-size:16px;font-weight:500;color:#475a73;line-height:16px;letter-spacing:-1px;padding:0 0 0 0;}
.sc-wrap .sc-btn {display:inline-block;position:relative;left:10px;margin:0 auto;}
@media (max-width: 1600px) {
.sc-wrap{position:fixed;top:100px;right:10px;width:110px;margin:0;z-index:99;}
}
.menu-tab1{width:600px;margin:0 auto;overflow:hidden;border-bottom:0px solid #ddd;padding:0 0 60px 0;}
.menu-tab1 ul{padding:1px 0;border-width:1px 0;}
.menu-tab1 li{list-style:none;position:relative;top:0px;float:left;width:300px;margin:2px 0 0 0;}
.menu-tab1 li#last{list-style:none;position:relative;top:0px;float:left;width:300px;margin:2px 0 0 0;border-right:1px solid #ccc;}
.menu-tab1 li#last-m{list-style:none;position:relative;top:0px;float:left;width:300px;margin:2px 0 0 0;border-right:1px solid #ccc;}
.menu-tab1 li a{display:block;padding:12px 10px 12px;text-decoration:none;text-align:center;font-size:16px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.menu-tab1 li a:hover{text-decoration:none;color:#023079;}
.menu-tab1 li.active a{background:#023079; font-weight:500;color:#fff;font-size:16px;border:1px solid #023079;}
.menu-tab1 li.active a:hover{text-decoration:none;}
#history-box{width:700px;margin:0 0 0 0;text-align:center;margin:0 auto;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
#history-box dl.noline{border:none;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:34px;color:#333;padding:20px 0 5px 0;font-family:Arial, Helvetica, sans-serif;position:absolute;}
#history-box dd{float:left;text-align:left;padding:20px 0 20px 100px;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 50px;font-size:17px;line-height:30px;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;text-align:left;font-weight:bold;font-size:2.8em;}
.square-box01{float:left;width:100%;padding:20px 0 20px 0;margin:0px 0 50px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#square_box{float:left;width:100%;padding:25px;margin:0 0 30px 0;border:1px solid #b2b2b2;}
#square_box h3{font-size:18px;font-weight:500;color:#555;margin:0 0 10px 0;}
#square_box h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
#square_box01{float:left;width:100%;padding:25px;margin:0 0 30px 0;background:#eee;}
#square_box01 h3{font-size:20px;font-weight:500;color:#555;margin:0 0 5px 0;}
#square_box01 h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
#square_box02{float:left;width:100%;padding:30px 20px 30px 20px;margin:0 0 50px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#square_box02 h3{font-size:18px;font-weight:normal;color:#555;margin:0 0 5px 0;}
#square_box02 h5{font-size:18px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
.mj-tit01{color:#333;font-size:18px;font-weight:500;padding:0 0 10px 2px;}
.mj-tit02{color:#555;font-size:17px;font-weight:500;padding:0 0 5px 2px;}
.mj-tit03{text-align:left;font-size: 18px;font-weight:500;color:#333;margin:0 0 5px 0;font-family: Noto Sans KR;}
#footerwrap {width:100%;position:relative;clear:both;padding:20px 0 80px 0;background-color:#333;border-top:0px solid #eee;}
#footerwrap:after {content:""; display:block; clear:both;}
footer {position:relative; margin:0 auto;}
footer:after {content:""; display:block; clear:both;}
footer .f-logo {position:absolute; left:0px; top:17px;}
footer .fnb {width:100%; padding:15px 0 0 0; overflow:hidden;margin:0 0 0 1px;}
footer .fnb ul {margin:0 0 0 1px;text-align:center;}
footer .fnb ul:after {content:""; display:block; clear:both;}
footer .fnb ul li {float:left; font-size:15px;padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 7px no-repeat;}
footer .fnb ul li a {color:#ddd;}
footer .fnb ul li a:hover {color:#fff;}
footer .fnb ul li.last {background:url('');}
footer .sns {position:absolute; right:1px; top:20px;}
footer .sns ul:after {content:""; display:block; clear:both;}
footer .sns ul li {float:left; padding:0 0 0 10px;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {width:100%; padding:15px 0 1px 1px; overflow:hidden;font-size:13px; color:#999;margin:0 0 0 1px;}
footer .address ul:after {content:""; display:block; clear:both;}
footer .address ul li {float:left; font-size:14px;line-height:15px;color:#999; padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 4px no-repeat;}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
footer .copy {width:100%; font-size:13px; color:#888; padding: 0 0 0; margin:-4px 0 0 1px; overflow:hidden;}
footer .copy span {font-size:13px;}
@media (min-width: 1025px) {
.mj-menu02{display:none;}
.msc-wrap{display:none;}
#lnb-wrap{display:none;}
#lnbmenu{display:none;}
#lnbmenu .left_menu .lnb01{display:none;}
.top-line{color:#777;padding:30px 3px 0 3px;position:relative;top:-1px;width:1px;font-size:0.8em;font-weight:lighter;z-index:-10;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 10px;display:none;z-index:9999;}
}
@media (max-width: 1024px) {
.sc-wrap{display:none;}
.msc-wrap{position:fixed;bottom:20px;right:10px;margin:0;z-index:99;}
.msc-wrap .msc-btn{padding:5px 0 5px 0;}
.logo{position:absolute;top:15px;left:10px;text-align:left;z-index:999;width:200px;}
.ts01{font-size:17px;margin:20px 0 10px 0;}
.ts02{font-size:13px;margin:0 0 0 0;}
.ts03{font-size:18px;margin:5px 0 15px 0;}
.ts04{font-size:13px;margin:5px 0 10px 0;}
.ts05{font-size:15px;padding:0 10px 0 0;margin:0px 0 10px 0;}
.ts06{font-size:24px;margin:0px 0 20px 0;line-height:30px;}
.ts08{font-size:13px;margin:40px 0 40px 0;}
.ts09{font-size:20px;padding:0 0 20px 5px;}
.tb01{font-size:16px;padding:50px 0 5px 0;}
.tb02{font-size:16px;padding:0 0 10px 0;}
.tb03{font-size:12px;padding:0 0 15px 0;}
.tb04{font-size:13px;padding:0 0 0 9px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.tl01{font-size:20px;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.tj01{font-size:15px;padding:10px 0 5px 0;}
.tci01{font-size:14px;margin:1px 0 0 0;}
.tci02{font-size:12px;margin:10px 0 0 0;}
.tit-main01 {font-size:24px;padding:15px 0 0 0;}
.tit-main02 {font-size:12px;padding:5px 0 15px 0;}
.tit-main03 {font-size:24px;padding:40px 0 5px 0;}
.tit-main04 {font-size:12px;padding:0 0 15px 0;}
.tit-main05 {font-size:24px;padding:0 0 5px 0;}
.tit-main06 {font-size:12px;padding:0 0 15px 0;}
.tit-main07 {font-size:24px;padding:0 0 5px 0;}
.tit-main08 {font-size:12px;padding:0 0 15px 0;}
.mts01 {font-size:30px;margin:10px 0 10px 0;}
.mts02 {font-size:14px;margin:0 0 10px 0;}
.mts03 {font-size:30px;margin:10px 0 10px 0;}
.mts04 {font-size:14px;margin:0 0 10px 0;}
.tit-sub01{font-size:24px;padding:30px 0 0 0;}
.tit-sub02 {font-size:12px;margin:5px 0 30px 0;}
.tit-sub03 {font-size:24px;margin:20px 0 5px 0;}
.tit-sub04 {font-size:12px;margin:0 0 30px 0;}
.tit-sub05 {font-size:24px;margin:50px 0 30px 0;}
.tit-sub06 {font-size:12px;margin:5px 0 5px 0;}
.tit-sub07 {font-size:24px;margin:20px 0 20px 0;}
.map-area{margin:0 0 30px 0;}
.top-line{display:none;height:1px;}
.back-to-top {position:fixed;bottom:0px;right:0px;display:none;z-index:9999;opacity:0;}
.t1{width:100%;font-size:13px;}
.t1 th{padding:10px 5px 10px 5px;}
.t1 td{padding:10px 5px 10px 5px;}
.au-btn{font-size:11px;padding:6px 15px 5px 15px;margin:15px 0 15px 0;}
 a:hover .au-btn{}
.v-btn{font-size:9px;padding:6px 15px 5px 15px;margin:15px 0 15px 0;}
 a:hover .v-btn{}
.ca-btn{font-size:14px;width:200px;padding:6px 15px 5px 15px;margin:15px auto;}
 a:hover .ca-btn{}
.img-wrap{padding:15px;}
.ms-wrap{padding:15px;}
.ms-wrap h3{font-size:14px;margin:15px 0 0 0;}
.ms-wrap h5{font-size:10px;margin:5px 0 15px 0;letter-spacing:-1px;}
 a:hover .ms-wrap h3{}
 a:hover .ms-wrap h5{}
.ms-wrap .ms-btn{font-size:10px;padding: 6px 15px 6px 15px;border-radius: 20px;}
 a:hover .ms-wrap .ms-btn{}
.op-wrap{}
.op-wrap .op-img{}
 a:hover .op-wrap{}
 a:hover .op-img{}
.op-wrap .op-title{top:50%;left:0px;margin-top:-5px;}
.op-wrap .op-title h3{font-size:20px;margin:0 0 10px 0;}
 a:hover .op-wrap .op-title h3{transform:translateY(-20px);}
.op-wrap .op-title h5{font-size:16px;margin:0 0 10px 0;}
 a:hover .op-wrap .op-title h5{transform:translateY(-20px);}
.op-btn{font-size:9px;padding: 3px 15px 4px 15px;}
 a:hover .op-btn{transform:translateY(-20px);}
.mb-wrap{}
.mb-wrap .mb-img{}
 a:hover .mb-wrap{}
 a:hover .mb-img{}
.mb-title{padding:10px 10px 10px 10px;}
 a:hover .mb-title{}
.mb-title h3{font-size:14px;margin:3px 0 0 0;}
.mb-title h5{font-size:11px;margin:5px 0 0 0;}
 a:hover .mb-title h3{}
 a:hover .mb-title h5{}
.an-wrap {padding:50px 0 50px 0;background-attachment:scroll; background-size:cover;}
.an-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.an-wrap h5 {font-size:12px;margin:0 0 20px; 0;}
.an-btn{font-size:10px;padding: 5px 20px 5px 20px;}
 a:hover .an-btn{}
.bn-wrap {padding:50px 0 50px 0;background-attachment:scroll; background-size:cover;}
.bn-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.bn-wrap h5 {font-size:12px;margin:0 0 20px; 0;}
.bn-btn{font-size:10px;padding: 5px 20px 5px 20px;}
 a:hover .bn-btn{}
.news {}
.news h5 {margin:5px 0 15px 0;font-size:16px;}
.news ul {padding:25px 15px 10px 15px;}
.news ul li {}
.news ul li a {}
.news ul li a:hover, #services .news ul li a:focus {}
.news .more {position:absolute;top:25px;right:33px; padding-right:5px;font-size:13px;line-height:20px;background:url(../images/main/ico_more.png) no-repeat right 5px;}
.os-wrap{padding:20px 10px 20px 10px;}
 a:hover .os-wrap{}
.os-wrap h3{font-size:15px;margin:0;}
 a:hover .os-wrap h3{}
.more {top:16px;right:25px;font-size:12px;}
 a:hover .more {}
.it-wrap {padding:60px 20px 40px 20px;background-attachment:scroll; background-size:cover;}
.it-wrap h3 {font-size:20px;margin:0 0 10px 0;}
.it-wrap h5 {font-size:12px;}
.co-wrap{padding:50px 10px 30px 10px;}
 a:hover .co-wrap{}
.co-wrap .co-title{}
 a:hover .co-title{}
.co-wrap h3{font-size:14px;margin:15px 0 0 0;}
.co-wrap h5{font-size:11px;margin:5px 0 0 0;}
.ci-wrap{padding:30px 15px 30px 15px;margin:30px 0 0 0;}
.ci-wrap h3{font-size:15px;margin:15px 0 0 0;}
.ci-btn{font-size:16px;padding:8px 30px 8px 30px;margin:10px 10px;auto;width:200px;border-radius:0px;}
 a:hover .ci-btn{}
.iq-wrap{padding:20px 15px 20px 15px;margin:50px 0 0 0;}
.iq-wrap h3{font-size:15px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/common/blet01.png) 0px 9px; background-repeat:no-repeat;}
.zl-wrap{border:1px solid #ddd;padding:30px 0 30px 0;}
.zc-wrap{width:100%;padding:20px 10px 0 0;}
.zc-wrap h1{font-size:20px;margin:0 0 10px 0;}
.zc-wrap h3{font-size:14px;margin:10px 0 10px 0;}
.zc-wrap h5{font-size:12px;margin:20px 0 20px 0;line-height:18px;}
.zc-btn{display:inline-block;position:relative;font-size:14px;text-align:center;padding:4px 25px 4px 25px;margin:10px 0 0 0;border-radius:50px;border:1px solid #1769b2;color:#fff;background:#1769b2;transition:0.3s ease;}
 a:hover .zc-btn{color:#fff;background:#000;border:1px solid #000;}
.sb-wrap{}
.sb-wrap .sb-title{padding:10px;}
.sb-wrap h3{font-size:14px;margin:5px 0 0 0;}
.sb-wrap h5{font-size:13px;margin:5px 0 0 0;}
.xb-wrap{}
.xb-wrap .xb-title{padding:15px 0px 0px 0px;}
.xb-wrap h3{font-size:14px;margin:5px 0 0 0;}
.xb-wrap h5{font-size:13px;margin:5px 0 0 0;}

.ex-wrap{}
.ex-btn{font-size:14px;padding:10px 30px 10px 30px;margin:40px 0 0 0;border-radius:30px;}
 a:hover .ex-btn{}
.mov-wrap {position:relative;padding-bottom:56%;padding-top:0px;height:0;overflow:hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:0;left:0;width:100%;height: 100%;}
.policy-box01 {padding:15px 15px 15px 15px;font-size:13px;height:400px;}
.policy-box02 {padding:15px 15px 15px 15px;font-size:13px;height:200px;}
.menu-tab1{width:300px;padding:0 0 50px 0;}
.menu-tab1 ul{}
.menu-tab1 li{width:150px;}
.menu-tab1 li#last{width:150px;}
.menu-tab1 li#last-m{width:150px;}
.menu-tab1 li a{padding:10px 5px 10px;font-size:13px;}
.menu-tab1 li a:hover{}
.menu-tab1 li.active a{font-size:13px;}
.menu-tab1 li.active a:hover{}
#history-box{width:100%;margin:-15px 0 0 0;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
#history-box dl.noline{border:none;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:24px;padding:30px 50px 0 0;position:relative;}
#history-box dd{clear:both;float:left;text-align:left;padding:5px 0 20px 0;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 1px 50px;font-size:13px;line-height:20px;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;margin:30px 0 0 0;text-align:left;font-weight:bold;font-size:2em;}
#square_box{padding:15px;margin:0 0 20px 0;}
#square_box h3{font-size:15px;margin:0 0 5px 0;}
#square_box h5{font-size:12px;margin:5px 0 0 0;}
#square_box01{padding:15px;margin:0 0 30px 0;}
#square_box01 h3{font-size:15px;margin:0 0 5px 0;}
#square_box01 h5{font-size:12px;margin:5px 0 0 0;}
#footerwrap {width:100%;position:relative;clear:both;padding:10px 0 20px 0;}
footer {margin:0 10px 10px;}
footer .f-logo {position:relative; left:0; top:0; margin:30px 0 0 0; text-align:center;}
footer .fnb {padding:20px 0 0 0;margin:0 0 0 0;}
footer .fnb ul {text-align:center; margin:0;}
footer .fnb ul li {display:inline; float:none; margin:0 6px 0 0;background:url('../img/common/fnb-line.png') right 8px no-repeat;}
footer .fnb ul li a {font-size:12px;}
footer .fnb ul li.last {padding:0; margin:0;}
footer .sns {position:relative; right:auto; left:0; top:0; margin:20px 0 0 -10px;}
footer .sns ul {text-align:center;}
footer .sns ul li {display:inline; float:none;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {padding:10px 0 2px 0;text-align:center;margin:0 0 0 5px;}
footer .address ul {text-align:center;padding:0;margin:0;}
footer .address ul li {display:block; font-size:12px;float:none; padding:1px 0;background:url('');}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
footer .copy {font-size:12px;text-align:center; margin:5px 0 0 0;}
footer .copy span {display:block; padding:8px 0 0 0;}
.mj-tit01{font-size:15px;padding:0 0 10px 2px;}
.mj-tit02{font-size:15px;padding:0 0 5px 2px;}
.mj-menu01{display:none;}
.mj-menu02{height:30px;position:relative;text-align:left;margin:10px 0 7px 0px;padding:0 0 0 15px;border-top:0px solid #333;border-bottom:1px solid #ddd;}
.mj-menu02 .fst{position:relative;top:-17px;font-size:11px;padding:5px 15px 5px 15px;color:#666;background:#eee;border-radius:2px;margin:0 10px 0 0;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu02 .snd{position:relative;top:-17px;font-size:11px;padding:5px 15px 5px 15px;color:#666;background:#eee;border-radius:2px;margin:0 10px 0 0;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu02 .trd{position:relative;top:-8px;}
.sr-btn{display:inline-block;font-size:10px;position:absolute;top:17px;right:108px;padding:2px 10px 2px 10px;margin:0 10px 0 10px;border-radius:20px;border:1px solid #ff0000;color:#fff;background:#ff0000;transition:0.3s ease;z-index:99999;}
 a:hover .sr-btn{color:#fff;background:#000;border:1px solid #000;}
.st-btn{display:inline-block;font-size:10px;position:absolute;top:17px;right:35px;padding:2px 10px 2px 10px;margin:0 10px 0 10px;border-radius:20px;border:1px solid #1769b4;color:#fff;background:#1769b4;transition:0.3s ease;}
 a:hover .st-btn{color:#fff;background:#000;border:1px solid #000;}
.lnb-menu{display:none;}
.lnb-line{display:none;}
.lnb-tline{display:none;}
}

@media (max-width: 1024px) {
.qc-wrap{padding:0 10px 0 0;}
.qc-wrap h1{font-size:13px;padding:3px 6px 5px 6px;margin:0 5px 0 0;border-radius:30px;}
.qc-wrap h3{font-size:16px;margin:10px 0 10px 0;position:relative;top:2px;}
.qc-wrap h5{font-size:13px;margin:20px 0 20px 0;}
.qc-wrap h6{font-size:13px;margin:0 0 20px 0;}
.qc-wrap h7{font-size:13px;margin:15px 0 15px 0;}
.qc-wrap ul{}
.qc-wrap ul li{font-size:13px;padding:2px 0 2px 0;line-height:18px;}
.qc-wrap ul li.blet01{font-size:13px;padding:2px 0 2px 20px;margin:0 0 0 0;background:url(../img/common/qc-blet01.png) 0px 4px; background-repeat:no-repeat;background-size:14px;}
.qc-wrap ul li.blet02{font-size:13px;padding:2px 0 2px 13px;margin:0 0 0 0;background:url(../img/common/qc-blet02.png) 2px 8px; background-repeat:no-repeat;background-size:6px;}
.qc-btn{}
.qc-btn a{font-size:12px;padding:5px 15px 5px 15px;margin:30px 0 0 0;border-radius:50px;}
.qc-btn a:hover{}



}

/*****RESPONSIVE ºñÁ־󿵿ª*****/
/*****PC ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
.visual-main01{position:relative;top:0;left:50%;width:1920px;height:680px;margin-left:-960px;background:url(../img/main/visual01.jpg);}
.visual-main02{position:relative;top:0;left:50%;width:1920px;height:680px;margin-left:-960px;background:url(../img/main/visual02.jpg);}
.visual-main03{position:relative;top:0;left:50%;width:1920px;height:680px;margin-left:-960px;background:url(../img/main/visual03.jpg);}
.visual-main04{position:relative;top:0;left:50%;width:1920px;height:680px;margin-left:-960px;background:url(../img/main/visual04.jpg);}
.visual-sub01{position:relative;top:0;left:50%;width:1920px;height:320px;margin-left:-960px;background:url(../img/main/sub-visual01.jpg);}
.visual-sub02{position:relative;top:0;left:50%;width:1920px;height:320px;margin-left:-960px;background:url(../img/main/sub-visual02.jpg);}
.visual-sub03{position:relative;top:0;left:50%;width:1920px;height:320px;margin-left:-960px;background:url(../img/main/sub-visual03.jpg);}
.visual-sub04{position:relative;top:0;left:50%;width:1920px;height:320px;margin-left:-960px;background:url(../img/main/sub-visual04.jpg);}
.visual-sub05{position:relative;top:0;left:50%;width:1920px;height:320px;margin-left:-960px;background:url(../img/main/sub-visual05.jpg);}
.visual-sub06{position:relative;top:0;left:50%;width:1920px;height:320px;margin-left:-960px;background:url(../img/main/sub-visual06.jpg);}
.visual-sub07{position:relative;top:0;left:50%;width:1920px;height:320px;margin-left:-960px;background:url(../img/main/sub-visual07.jpg);}
.v-mt01{color:#000;font-size:56px;font-weight:500;line-height:80px;padding:0 0 30px 0;letter-spacing:2px;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.v-mt02{color:#000;font-size:22px;line-height:40px;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.v-st01{text-align:center;font-size:54px;font-weight:normal;color:#fff;margin:0px 0 0px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.v-st02{text-align:center;font-size:15px;font-weight:normal;color:#fff;margin:0px 0 0px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
@media (max-width: 1600px) {
.visual-main01{position:relative;top:0;left:50%;width:1600px;height:567px;margin-left:-800px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1600px;height:567px;margin-left:-800px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1600px;height:567px;margin-left:-800px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.visual-main04{position:relative;top:0;left:50%;width:1600px;height:567px;margin-left:-800px;background:url(../img/main/visual04.jpg) 0px 0px;background-size:100%;}
}
@media (max-width: 1366px) {
.visual-main01{position:relative;top:0;left:50%;width:1366px;height:484px;margin-left:-683px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1366px;height:484px;margin-left:-683px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1366px;height:484px;margin-left:-683px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.visual-main04{position:relative;top:0;left:50%;width:1366px;height:484px;margin-left:-683px;background:url(../img/main/visual04.jpg) 0px 0px;background-size:100%;}
.v-mt01{font-size:44px;line-height:56px;padding:0 0 20px 0;}
.v-mt02{font-size:16px;line-height:30px;}
}
@media (max-width: 1280px) {
.visual-main01{position:relative;top:0;left:50%;width:1280px;height:453px;margin-left:-640px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1280px;height:453px;margin-left:-640px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1280px;height:453px;margin-left:-640px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.visual-main04{position:relative;top:0;left:50%;width:1280px;height:453px;margin-left:-640px;background:url(../img/main/visual04.jpg) 0px 0px;background-size:100%;}
}
/*****ÅÂºí¸´PC ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 1024px) {
.visual-main01{position:relative;top:0;left:50%;width:1024px;height:400px;margin-left:-512px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:112%;}
.visual-main02{position:relative;top:0;left:50%;width:1024px;height:400px;margin-left:-512px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:112%;}
.visual-main03{position:relative;top:0;left:50%;width:1024px;height:400px;margin-left:-512px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:112%;}
.visual-main04{position:relative;top:0;left:50%;width:1024px;height:400px;margin-left:-512px;background:url(../img/main/visual04.jpg) 0px 0px;background-size:112%;}
.visual-sub01{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual01.jpg) -100px 0px;background-size:120%;}
.visual-sub02{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual02.jpg) -100px 0px;background-size:120%;}
.visual-sub03{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual03.jpg) -100px 0px;background-size:120%;}
.visual-sub04{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual04.jpg) -100px 0px;background-size:120%;}
.visual-sub05{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual05.jpg) -100px 0px;background-size:120%;}
.visual-sub06{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual06.jpg) -100px 0px;background-size:120%;}
.visual-sub07{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual07.jpg) -100px 0px;background-size:120%;}
.v-mt01{font-size:36px;line-height:48px;padding:0 0 20px 0;}
.v-mt02{font-size:14px;line-height:24px;}
.v-st01{font-size:40px;}
.v-st02{font-size:14px;}
}
@media (max-width: 800px) {
.visual-main01{position:relative;top:0;left:50%;width:800px;height:350px;margin-left:-400px;background:url(../img/main/visual01.jpg) -100px 0px;background-size:125%;}
.visual-main02{position:relative;top:0;left:50%;width:800px;height:350px;margin-left:-400px;background:url(../img/main/visual02.jpg) -100px 0px;background-size:125%;}
.visual-main03{position:relative;top:0;left:50%;width:800px;height:350px;margin-left:-400px;background:url(../img/main/visual03.jpg) -100px 0px;background-size:125%;}
.visual-main04{position:relative;top:0;left:50%;width:800px;height:350px;margin-left:-400px;background:url(../img/main/visual04.jpg) -100px 0px;background-size:125%;}
.v-mt01{font-size:32px;line-height:40px;padding:0 0 20px 0;}
.v-mt02{font-size:13px;line-height:20px;}
.v-st01{font-size:32px;}
.v-st02{font-size:13px;}
}
/*****½º¸¶Æ®Æù ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 420px) {
.visual-main01{position:relative;top:0;left:50%;width:420px;height:250px;margin-left:-210px;background:url(../img/main/visual01-m.jpg) -150px 0px;background-size:170%;}
.visual-main02{position:relative;top:0;left:50%;width:420px;height:250px;margin-left:-210px;background:url(../img/main/visual02-m.jpg) -150px 0px;background-size:170%;}
.visual-main03{position:relative;top:0;left:50%;width:420px;height:250px;margin-left:-210px;background:url(../img/main/visual03-m.jpg) -150px 0px;background-size:170%;}
.visual-main04{position:relative;top:0;left:50%;width:420px;height:250px;margin-left:-210px;background:url(../img/main/visual04-m.jpg) -150px 0px;background-size:170%;}
.visual-sub01{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual01.jpg) -240px 0px;background-size:215%;}
.visual-sub02{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual02.jpg) -240px 0px;background-size:215%;}
.visual-sub03{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual03.jpg) -240px 0px;background-size:215%;}
.visual-sub04{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual04.jpg) -240px 0px;background-size:215%;}
.visual-sub05{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual05.jpg) -240px 0px;background-size:215%;}
.visual-sub06{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual06.jpg) -240px 0px;background-size:215%;}
.visual-sub07{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual07.jpg) -240px 0px;background-size:215%;}
.v-mt01{display:none;}
.v-mt02{display:none;}
.v-st01{font-size:30px;}
.v-st02{font-size:11px;}
.v-btn{display:none;}
}


/* 2011.12.22 */
.table_product { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01 { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001 { padding-top:2px; }
.txt_001 { font:12px/1.4em dotum; color:#666; }
.list_01 li { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp { height:180px; padding:0 0 0 280px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box { border:1px #ebebeb solid; padding:50px 50px 50px 50px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01 { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 0 0 0; text-align:center; font:11px/1.2em dotum; color:#777; }
.global_nav {*zoom:1;margin:13px 0 0 0;overflow:hidden;float:right;}
.global_nav:after {content:"";clear:both;display:block;}
.global_nav ul {float:right;margin-right:-7px;*zoom:1}
.global_nav li {float:left;background:url(../img/design/global_bar.gif) right no-repeat;padding:0 7px 0 6px;}
.global_nav li a {color:#868787 !important;font-size:11px !important;font-family:dotum, verdana;}
/* private */
.private {}
.private h3 {font-size:12px;font-weight:bold;color:#6b6b6b;height:30px;margin:20px 0 0 0}
.private .private_info {line-height:1.5em}
/* sitemap */
.sitemap .map_gap {padding:30px 0 0 0}
/* ¼îÇθô */
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
#secondmenu #leftoff a {color:#555555 !important;font-weight:bold;}
#secondmenu #lefton a {color:#38c2cd !important;;font-weight:bold;}
/************************* input type : search(»ó´Ü °Ë»ö) ***********************************/
.sc_input { background-color:#ffffff;border-style:solid;border-width:1;border-color:#CA0000;}
.location { padding:0 40 0 0;font-family:±¼¸²; font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18;font-family:±¼¸²; font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#e21433;text-align:left;padding-left:8;}
.price {color:#DA0000;text-align:right;}
/*.title {float:left;padding:21 0 0 34;font-weight:bold;#333333;font-size:14px;letter-spacing:-1}*/
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21 15 0 0} /*ȸ»ç¼Ò°³ È÷½ºÅ丮*/
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}
/* product */
#product_img {float:left;padding:20px 0 0 18px; margin:30px auto; text-align:center;}
#product_info {float:right; width:100%; padding:30px 0 30px 1px; text-align:left;}
.product_tle {border-top:0px solid #333;border-bottom:1px solid #333;padding:15px 0 5px 10px;height:font-weight:bold;font-size:26px}
.product_txt1 {padding:0 0 0 10px;font-weight:normal;color:#686461;font-size:13px}
.product_txt2 {color:#666666;font-size:13px}
.product_price {color:#EE2131;font-weight:bold}
.tle_bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690;height:29;padding:7 0 10 27;font-weight:bold;margin-top:27}
.product_zoom {position:relative;top:10px;float:center;margin:0 auto;text-align:center;padding:10px 0 0 0;}
/* ¼îÇθô */
.box1_tle {margin:9 0 5 9}
.box1 {background:url(../img/main/box1_bg.gif) repeat-y;width:690px}
.box1_left{float:left; padding-left:34px;}
.box1_right{float:right; padding-right:34px;}
.box1_bar {text-align:center;margin:18 0 18 0}
.box2 {background:url(../img/main/box2_bg.gif) repeat-y;width:690px;padding:0 0 30 10}
#product_list {text-align:center;font-weight:bold;color:#666666;font-size:11px;padding : 10px 10px 10px 10px;}
#product_list span {color:#DA0000;font-size:11px;font-weight:normal;}
#product_list a {color:#666666;font-size:11px;font-weight:bold;}
#product_list_tle {float:left;padding:29 0 5 9}
#product_list_sort {float:left;padding:0px 8px 5px 0px;font-size:12px;color:#EA212D;font-weight:bold}
#product_list_sort a {color:#999999;font-weight:normal;font-size:12px;}
#product_list_sort span {color:#999999;font-weight:normal;font-size:11px;}
/* ÆäÀÌ¡ */
#page {text-align:center;margin:14px;color:#777;font-weight:bold;font-size:12px;letter-spacing:3}
#page img {vertical-align:middle;letter-spacing:3;margin-top:-2}
#page a {font-weight:normal;color:#555555}
#page2 {text-align:center;margin:14px;color:#e21433;font-weight:bold;font-size:12px;letter-spacing:1}
#page2 img {vertical-align:middle;letter-spacing:3;margin-top:-2}
#page2 a {font-weight:normal;color:#444444;font-weight:bold}
#page2 span {color:#777;font-weight:normal}
/* ½æ³×ÀÏ */
#nail {width:300px; margin:4px 0 4px 15px;cursor:hand;}
#nail a:link{font-size:11px;color:#666666;cursor:hand;}
#nail a:visited{font-size:11px;color:#666666}
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#product_content {clear:both;margin-top:30;width:100%;cursor:hand}
.product_headtab {cursor:hand}
/* ¸¶ÀÌÆäÀÌÁö */
#txtbox_info {background:url(../img/main/dot.gif) 1px 4px no-repeat;padding:0 0 0 18px;line-height:20px;color:#686461;font-size:13px;}
#txtbox_info01 {padding:0 0 0 18px;line-height:24px;color:#e21433;font-size:20px;}
.order_tle {margin:0 0 7px 0}
#total_order {padding:15px 15px 15px 15px;font-size:14px;border-top:0px solid #ddd;border-bottom:1px solid #ddd;background:#f9f9f9;line-height:24px;text-align:right;font-weight:500;color:#666666}
#total_order #sum_price {color:#da0000;font-size:16px}
#total_order #sum {font-size:16px}
#infobox {border:2px solid #E4E4E4;padding:12px 12px 0 12px;color:#666666}
#dl1 {margin:0 0 20 0;}
#dl1 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) 0px 6px no-repeat;padding-left:15px}
#dl1 dd {line-height:20px;margin:0 0 0 15}
#dl2 {margin:0 0 20 0;}
#dl2 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl2 dd {background:url(../img/main/dot_dd.gif) no-repeat;padding:0 0 2 15;margin-left:0;line-height:20px}
#use {color:#CFCFCF;font-family:µ¸¿ò;font-size:11px;text-align:right}
#use a:link {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:visited {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:hover {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use #on {color:#E81F27;font-weight:bold;font-family:µ¸¿ò;font-size:11px}
.t_01 {border-collapse:collapse; border-top:2px solid #333; border-right:1px solid #ddd;}
.t_01 th {padding:15px 0 10px 0;border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#666666; font-weight:bold; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#f9f9f9;}
.t_01 td {padding:10px 5px 10px 5px;border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#555555; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#ffffff;}
.roll{
 position:relative;
 overflow:hidden;
 width:357px;
 height:463px;
 margin:0 auto;
 padding:20px;
 text-align:center;
}
.roll_big_area{
 position:relative;
 overflow:hidden;
 border:2px solid #5c5a58;
 width:353px;
 height:358px;
 margin-bottom:30px;
}
.roll_big_box{
 position:absolute;
 left:0;
 top:0;
 width:3000px;
}
.roll_big_box li{
 float:left;
}
.roll_big_box li a{
 display:block;
 width:353px;
 height:358px;
 line-height:358px;
 font-size:30px;
}
.roll .prev_box,
.roll .next_box{
 width:65px;
 height:72px;
}
.roll .prev_box{
 float:left;
 
}
.roll .next_box{
 float:right;
}
.roll_thum_area{
 position:relative;
 width:212px;
 height:72px;
 overflow:hidden;
 float:left;
 margin-left:9px;
}
.roll_thum_box{
 position:absolute;
 left:0;
 top:0;
 width:600px;
 height:72px;
 overflow:hidden;
}
.roll_thum_box li{
 float:left;
 margin-left:8px;
}
.roll_thum_box li.first{
 margin-left:0;
}
.roll_thum_box li a{
 display:block;
 border:2px solid #6f6a6f;
 width:61px;
 height:68px;
 line-height:68px;
 font-size:20px;
}
.roll_thum_box li a.on{
 border:2px solid #ff0000;
}

#_hidden_layer01{position: absolute;z-index:990; width: 100%;top: 0px; left: 0px;}
#pop-layer-01{position:absolute;z-index:990;display:none;width:402px;height:512px;top:120px;left:3%;}
#pop-layer-01-body{height:512px;overflow-x:hidden;overflow-y:hidden;border:#888 solid 1px;background:#ffffff;}
#pop-layer-01-close{height:30px;background:#333;text-align:left;color:#ffffff;padding:0 0 0 10px;}
#pop-layer-01-ckd{position:relative;top:3px;}
#pop-layer-01-btn{position:relative;left:20px;color:#444;font-size:6pt;}
#pop-layer-01-t01{color:#fff;font-size:10pt;margin:0 0 0 5px;}
#pop-layer-01-t02{color:#555;font-size:8pt;}
@media (max-width: 1600px) {
#pop-layer-01{left:3%;}
}
@media (max-width: 1366px) {
#pop-layer-01{left:3%;}
}
@media (max-width: 1024px) {
#pop-layer-01{position:absolute;z-index:999;display:none;width:282px;height:359px;top:60px;left:10%;}
#pop-layer-01-body{height:359px;overflow-x:hidden;overflow-y:hidden;border:#888 solid 1px;background:#ffffff;}
#pop-layer-01-close{height:25px;background:#333;text-align:left;color:#ffffff;padding:0 0 0 5px;}
#pop-layer-01-ckd{position:relative;top:3px;}
#pop-layer-01-btn{position:relative;left:5px;color:#444;font-size:5pt;}
#pop-layer-01-t01{color:#fff;font-size:7pt;margin:0 0 0 5px;}
#pop-layer-01-t02{color:#555;font-size:6pt;}
}