@charset "euc-kr";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family:"Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family:"Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family:"Noto Sans KR";
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family:"Noto Sans KR";
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family:"Noto Sans KR";
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
}
@font-face {
   font-family:"Noto Sans KR";
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
 
/* Global */
*{margin:0; padding:0; border:0; font-size:14px; font-family:"Malgun Gothic", "¸¼Àº °íµñ", "Noto Sans KR", "±¼¸²", Gulim, Arial, Helvetica, sans-serif;}

body {font-size:14px; margin:0; background:url(/images/top/bg.gif) repeat-x;}
table {border-collapse:collapse;}
select, input {border:1px solid #dbdbdb; height:22px; vertical-align:middle; line-height:20px;}
input[type='image'] {border:none; height:auto; cursor:pointer;}
input[type='checkbox'], input[type='radio'] {height:16px; width:16px;}
li {list-style:none;}
label {cursor:pointer;}

h1 {display:block; text-indent:-9999em; width:0; height:0; margin:0; padding:0; position:absolute; left:-1px; top:-1px;}
h2 {display:block; color:#333333; font-family:"Noto Sans KR"; font-weight:400; margin-top:20px;}
h2 {cursor:pointer; background:url(/images/product/bull_cat.gif) no-repeat 0 6px; display:block; padding:0 20px 10px 35px; position:relative; font-size:24px; border-bottom:1px solid #efefef;}
h2 img {width:10% !important; max-width:64px !important; vertical-align:middle !important; margin:-5px 0 0 10px !important;}
h3 {font-size:18px; font-family:"Noto Sans KR"; font-weight:400;}

a {color:#333; font-size:14px;}
a:hover {color:#ee580e;}


.wrapper {width:1100px; margin:auto; position:relative;}
.location {text-align:right; height:18px; padding:3px 0 0 10px;}
.location span {background:url(/images/product/bull_loc.gif) no-repeat 0 3px; padding:0 0 0 15px;}
.location span a {font-size:11px; font-family:dotum, "µ¸¿ò";  }
.location span a:hover {color:#03a6fb;}

.mart10 {margin-top:10px;}
.mart20 {margin-top:20px;}
.mart30 {margin-top:30px;}
.mart40 {margin-top:40px;}
.mart50 {margin-top:50px;}

.marb10 {margin-bottom:10px;}
.marb20 {margin-bottom:20px;}
.marb30 {margin-bottom:30px;}
.marb40 {margin-bottom:40px;}
.marb50 {margin-bottom:50px;}

.loading {width:30px; height:30px; margin:auto;}
.bullet {vertical-align:middle;}

.calendar {vertical-align:middle; cursor:pointer;}

/* Common Layout */
.clear {clear:both; *zoom:1;}
.clear:after {content:""; display:block; clear:both;}
.button {cursor:pointer;}

.flex-center {
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;
}

.flex-left {
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left;
}


/* Top Layout */
#header {width:1100px; margin:auto;}

#top-util {height:35px;}

#top-util .util-left {float:left; width:700px;}
#top-util .util-left ul {text-align:left;}
#top-util .util-left ul li {float:left; text-align:center; padding:8px 17px 0 17px; font-size:12px; letter-spacing:-1px; height:27px; font-family:"Noto Sans KR"; font-weight:400; background:url(/images/top/div.gif) right no-repeat;}
#top-util .util-left ul li.on {border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #fff; background:none; background-color:#fff; }
#top-util .util-left ul li img {vertical-align:middle;}

#top-util .util-right {float:right; width:310px;}
#top-util .util-right ul {text-align:left; padding-top:8px;}
#top-util .util-right ul li {float:left; text-align:center; padding:0 5px; color:#767676; cursor:pointer; font-size:12px;}
#top-util .util-right ul li:first-child {font-weight:bold;}
#top-util .util-right ul li:hover {color:#ff7a3f;}

#top-middle {height:119px; position:relative;}
#top-middle .logo {width:224px; margin:auto; padding-top:32px;}
#top-middle .search {width:400px; height:34px; position:absolute; top:43px; right:0;}
#top-middle input {vertical-align:middle;}
#top-middle .ts_input {border:2px solid #7cc9dd; height:30px; width:305px; margin-right:10px; background:url(/images/top/s_bg.gif) no-repeat; text-indent:76px;}
#top-middle .top-banner {position:absolute; top:15px; right:50px; width:198px; height:63px;}

#top-gnb {height:48px;}
#top-gnb .mmenu-list {padding:0;}
#top-gnb .mmenu-list .mmenu-item {padding:9px 56px; float:left;}
#top-gnb .mmenu-list .mmenu-item {position:relative; height:30px;}

#top-gnb .mmenu-list .mmenu-item a {font-size:18px; letter-spacing:-1px; color:#fff; font-family:"Noto Sans KR", "Malgun Gothic", "¸¼Àº °íµñ"; font-weight:300;}
#top-gnb .mmenu-list .mmenu-item a:hover {color:#ffde00;}

#top-gnb .mmenu-list .smenu {display:none; position:absolute; width:12px; top:35px; left:0; right:0; margin-left:auto; margin-right:auto; z-index:2000;}

#top-gnb .smenu .gnb-arr {display:block; height:8px; background:url(/images/top/arr.gif) center no-repeat;}

#top-gnb .smenu .smenu-list {border:5px solid #4495c2; background-color:#fff; width:192px; position:absolute; left:-90px; top:13px; padding:2px 5px 5px 5px;}
#top-gnb .smenu .smenu-list li {height:25px; background:url(/images/product/i_bull.gif) 8px center no-repeat; cursor:pointer; border-bottom:1px solid #dbdbdb; padding:2px 0 5px 0;}
#top-gnb .smenu .smenu-list li span {background:url(/images/top/bull_smenu.gif) 10px 10px no-repeat; display:block; padding:3px 0 0 22px; color:#5e5e5e; font-weight:bold;}
#top-gnb .smenu .smenu-list li span:hover {color:#ff7538;}
#top-gnb .smenu .smenu-list li:last-child {border-bottom:none;}

/* Left Layout */




/* Bottom Layout */
#footer-board-wrapper {margin-top:40px; padding:30px 0; background-color:#f8f8f8;}

#footer-cust-wrapper {position:relative;}
#footer-cust-wrapper .cust-left {width:328px; height:339px; border:1px solid #dbdbdb; background-color:#fff;}
#footer-cust-wrapper .cust-right {width:758px; height:337px; position:absolute; top:0; right:0;}
#footer-cust-wrapper .cust-right .qna {width:418px; height:339px; float:left; border:1px solid #dbdbdb; background-color:#fff;}
#footer-cust-wrapper .cust-right .faq {width:326px; height:339px; float:right; border:1px solid #dbdbdb; background-color:#fff; position:relative;}

#footer-cust-wrapper .cust-right .faq .ranking {width:70px; padding:3px 0 6px 0; text-align:center; border:1px solid #dbdbdb; cursor:pointer; z-index:100;}
#footer-cust-wrapper .cust-right .faq #ranking1 {position:absolute; top:5px; right:82px;}
#footer-cust-wrapper .cust-right .faq #ranking2 {position:absolute; top:5px; right:5px;}
#footer-cust-wrapper .cust-right .faq .on {border:1px solid #eca390; color:#e94117; background-color:#ffede9;}

#footer-cust-wrapper .cust-right .qna ul {padding:0 10px 0 15px;}
#footer-cust-wrapper .cust-right .qna ul li {height:32px; line-height:32px; position:relative; cursor:pointer; background:url(/images/main/bu_list.gif) 0 16px no-repeat; text-indent:10px;}
#footer-cust-wrapper .cust-right .qna ul li:hover {color:#e32042;}
#footer-cust-wrapper .cust-right .qna ul li span {display:block; width:70px; position:absolute; right:0; top:0; color:#d5d5d5; font-size:12px;}

#footer-cust-wrapper .cust-right .faq ul {padding:0 15px;}
#footer-cust-wrapper .cust-right .faq ul li {padding:8px 0; border-bottom:1px solid #e8e8e8;}
#footer-cust-wrapper .cust-right .faq ul li:last-child {border:none;}
#footer-cust-wrapper .cust-right .faq ul li img {width:20%; height:40px; float:left;}
#footer-cust-wrapper .cust-right .faq ul li p {float:right; width:77%;}

#footer {background-color:#494540;}
#footer-menu-wrapper {padding:25px 0 38px 0;}
#footer-menu-wrapper ul {text-align:center;}
#footer-menu-wrapper ul li {padding:0 20px; color:#d3cec7; cursor:pointer; display:inline-block; *zoom:1; *display:inline;}
#footer-menu-wrapper ul li:hover {color:#d4d070;}

#footer-menu-wrapper .scroll-top {position:absolute; top:-25px; right:-55px; width:40px; height:40px;}

#footer-addr-wrapper {padding:0 0 45px 0;}
#footer-addr-wrapper p {color:#d3cec7;}

#footer-addr-wrapper .call {width:300px; float:left;}
#footer-addr-wrapper .call .call-title {border-bottom:4px solid #5b5854; color:#9e8555; padding:0 0 7px 0; font-family:"Noto Sans KR"; font-size:16px; font-weight:400;}
#footer-addr-wrapper .call .call-info {padding:7px 0 0 5px; background:url(/images/bottom/call.png) 0 14px; background-repeat:no-repeat; background-size:35px;}
#footer-addr-wrapper .phone-number {color:#c8a550;}

#footer-addr-wrapper .address {width:750px; float:right; position:relative;}
#footer-addr-wrapper .address .addr-title {border-bottom:4px solid #5b5854; color:#9e8555; padding:0 0 7px 0; font-family:"Noto Sans KR"; font-size:16px; font-weight:400;}
#footer-addr-wrapper .address .addr-info {padding:7px 0 0;}
#footer-addr-wrapper .address .com-name {font-family:"Noto Sans KR"; font-size:16px; font-weight:400;}
#footer-addr-wrapper .address .qr {width:160px; position:absolute; top:50px; right:0; text-align:right;}

#footer-addr-wrapper .copyright {padding:55px 0 0; text-align:center; }
#footer-addr-wrapper .copyright p {color:#070707;}

/* Link */
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: none; color:#4495c2;}

/* Round */
.ui-corner-5 {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px; border-top-left-radius:5px; }
.ui-corner-5 {-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -khtml-border-top-right-radius:5px; border-top-right-radius:5px; }
.ui-corner-5 {-moz-border-radius-bottomleft; -webkit-border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px; border-bottom-left-radius:5px; }
.ui-corner-5 {-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -khtml-border-bottom-right-radius:5px; border-bottom-right-radius:5px; }

.ui-2corner-5 {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px; border-top-left-radius:5px; }
.ui-2corner-5 {-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -khtml-border-top-right-radius:5px; border-top-right-radius:5px; }