@charset "utf-8";

/* @import url("font.css"); */
@import url("table.css");
@import url("btn.css");
@import url("fonts.css");


/* Reset 
*{margin:0;padding:0;}- 영카트 edit 테이블과 퉁돌
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
}
html,body{width:100%;height:100%;}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button{ font-family: 'Noto Sans Korean','MalgunGothic',sans-serif; font-size:12px;color:#666;
	}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle;}
select{margin: 0em;font: -webkit-small-control;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;text-align: start;}
optgroup {font-weight: bolder;}
img{vertical-align:middle;max-width:1000px;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;top:0;width:0;height:0;font-size:0;line-height:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0;}
table caption{display:none;}



/* 레이아웃 */
#wrap {position:relative; width:100%; height:auto; min-height: 100%;}
#globalHeader {position:relative; width:100%; height:39px; /* border-bottom:1px solid #e6e7e7; */; background-color: #eeeeee;}
#globalHeader .globalArea {width:1160px; height:39px; margin:0 auto;}

.brandMenu {float:left; margin-left:23px;}
.brandMenu li {float:left;}
.brandMenu li:first-Child a{padding-left:0;}
.brandMenu li a {display:block; margin:0px; padding:0 12px; line-height: 39px; color:#666; font-weight:400;font-size:12px;letter-spacing:0; }
.brandMenu li a:hover {color:#000;font-weight:500;}
.brandMenu li.on a {color:#000;font-weight:500;}


.utilMenu {float:right; margin-right:35px; margin-top:11px;}
.utilMenu li {float:left; margin-right:8px; padding-right:9px; background:url(<?php echo G5_THEME_IMG_URL ?>/pix_util.gif) no-repeat right 6px; }
.utilMenu li a{ color:#666;  font-family:'돋움',dotum; font-weight:400;font-size:11px;letter-spacing:-0.5px;line-height: 24px}
.utilMenu li a:hover{ color:#000;font-weight:400;font-size:11px;letter-spacing:-0.5px;text-decoration:underline; }
.utilMenu li:last-child {background:none; margin-right:0; padding-right:0;}

/*
.utilMenu li:first-child img{width: 30px;}
.utilMenu li img{width: 40px}
.utilMenu li:last-child {background:none; margin-right:0; padding-right:0;}
*/

/*footer*/
#globalFooter {clear:both; position:relative; width:100%; height:auto; border-bottom: 1px solid #dcdcdc; }
.btmArea {box-sizing: border-box; position:relative; width:100%; height:40px; background:#f7f7f7; padding: 10px 0; border: 1px solid #dcdcdc; font-size: 13px;}
.btmArea .btmSec {width:1160px; height:40px; margin:0 auto;}
.btm {float:left; }
.btm li {float:left; margin-right:12px; padding-right:14px; background:url(<?php echo G5_THEME_IMG_URL ?>/pix_util.gif) no-repeat right 6px; font-weight:350;}

.btm li:hover{text-decoration:underline;}
.btm li:last-child {background:none;}
.btm li img { height: 12px; }

.familyMenu {float:right; padding-top:6px;}
.familyMenu .familysite {width:190px; height:30px; background:white; border:1px solid #bebebe; padding:5px; font-size:12px;}

.copyArea {clear:both; position:relative; width:100%; height:100px; background:white;}
.copyArea .copySec {width:1160px; height:42px; margin:0 auto;}
.gloLogo {float:left; padding-top:27px;}
.gloLogo img { /*width: 103px; height: 30px;*/ }
.copyinfo {float:left; padding-top:27px; padding-left: 40px; font-size: 13px; letter-spacing: 0.5px;}
.copyinfo li{font-weight: 300; line-height: 20px; color: #999;}
.copyinfo li i{}
.copyinfo li a {margin-left:4px; font-size: }
.inipay {float:right; /* padding-top:20px; */} /*kcp이미지 변경*/
.inipay img { } /*kcp이미지 변경 width: 312px;  height: 69px;*/

.certiArea {clear:both; width:1160px; height:65px; margin:0 auto; padding-top:0px;    }
.certiArea img { /* width: 633px; */ /* height: 33px; */ padding-left: 140px; }
/*아마도 여기까지*/

.btnView a {display:inline-block; padding:4px 12px; border:2px solid #bdbdbd; color:#393939; font-size:13px; line-height:20px; border-radius:30px;}
.btnView a:hover {border:2px solid #e1103c; color:#e1103c;}


/* 공통 검색결과 */
.isResult {clear:both; position:relative; height:auto; overflow:hidden; margin:30px 0;}
.isResult .iconSearch {float:left; width:70px; margin-top:10px;}
.isResult .searchTitle {font-size:28px; color:#2f2f2f; letter-spacing:-1px; margin-bottom:2px;}
.isResult .searchSub {font-size:18px; color:#2f2f2f; letter-spacing:-1px;}

/* tabSearch */
.tabSearch {clear:both; position:relative; height:48px; border-bottom:1px solid #c3c3c3; margin-bottom:35px; margin-top:60px;}
.tabSearch li {float:left; width:180px; height:48px; text-align:center; font-size:18px; letter-spacing:-1px; line-height:48px; margin-top:0px;}
.tabSearch li a {display:block; color:#acacac;}
.tabSearch li a:hover {border-left:1px solid #c3c3c3; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #FFF; margin-top:-1px; color:#393939;}
.tabSearch li.on a {border-left:1px solid #c3c3c3; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #FFF; margin-top:-1px; color:#393939;}

.resultBox {clear:both; position:relative; height:auto; overflow:hidden; margin-bottom:30px;}
.resultBox h2 {font-size:18px; color:#393939; position:relative; display:block; margin-bottom:20px;}
.resultMore {position:absolute; right:0; top:0; padding:5px 10px; font-size:14px; color:#393939; border:1px solid #393939;}
.resultMore a {display:block;}

.isarticleBox {clear:both; position:relative; width:100%;}
.isarticleBox table {clear:both; padding:0; margin-bottom:48px; width:100%;}
.isarticleBox th {border-top:1px solid #393939; border-bottom:1px solid #e6e7e7; color:#393939; font-size:14px; padding:18px;}
.isarticleBox td {border-bottom:1px solid #e6e7e7; color:#393939; font-size:13px; padding:23px; text-align:center;}
.isarticleBox td.tdLeft {text-align:left;}
.isbbsRep {font-size:12px; color:#cacaca;}

.ismediaSec {clear:both; position:relative; height:auto; overflow:hidden; margin-bottom:48px; border-top:1px solid #393939; padding-top:20px;}
.ismediaSec ul {clear:both;}
.ismediaSec li {display:block; height:auto; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bebebe;}
.ismediaArticle {position:relative;}
.ismediaArticle .istxtSec {float:left; position:relative; width:650px; margin-right:10px;}
.istxtSec p {margin-left:0; min-height:15px;}
.istxtSec p.ismTitle {padding:5px 0 10px 40px; color:#393939; font-size:16px;}
.istxtSec p.isconTitle {padding:0px 0 10px 40px; color:#a6a6a6; font-size:12px;}
.ismediaArticle .isimgSec_h_media {float:left; position:relative; /* width:605px; min-height:285px; */ width:188px; height:113px; background:#f9dba4;}
.ismediaArticle .isimgSec_h_media img {width:188px; height:113px;}


.resultTitle {display:block; padding:30px 0; color:#393939; font-size:16px; font-weight:bold;}
.sortingTable {clear:both; position:relative; border-top:1px solid #393939; border-bottom:1px solid #e6e7e7; padding:17px 0; font-size:14px; margin-bottom:30px; height:auto; overflow:hidden;}
.sortingTable img {vertical-align:-5px;}
.sortingSelect {position:absolute; right:0; top:17px;}
.sortingSelect select {border:1px solid #393939; background:#FFF; padding:5px; font-size:14px; /* font-family: notokr-regular; */}

.maL20 {margin-left:20px;}


/* comTitleArea */
.comTitleArea {position:relative; height:110px; overflow:hidden;margin-top:30px;}
.comTitleArea h2.orderLogic {position:relative; height:82px; line-height:82px; /* margin-left:30px;  background:url(<?php echo G5_THEME_IMG_URL ?>/icon_cart.png) no-repeat left 8px;*/ /* padding-left:85px; */ font-size:30px; letter-spacing:-1px; color:#363636;}
.comTitleArea h2.myPage {position:relative; height:62px; line-height:22px; padding-top:20px; margin-left:10px; background:url(<?php echo G5_THEME_IMG_URL ?>/dot_red01.gif) no-repeat left center; padding-left:20px; font-size:24px; letter-spacing:-1px; color:#363636;float:left;}
.comTitleArea h2.myPage p {padding-top:5px; margin:0; color:#999999; height:20px; font-size:13px; font-weight: 400;}
.comTitleRight {position:absolute; right:35px; top:50px;}

/* myPage */
.welcome {background:url(<?php echo G5_THEME_IMG_URL ?>/icon_my.png) no-repeat left center; padding-left:35px; font-size:16px; color:#393939; letter-spacing:-1px;}

.mpTab {clear:both; position:relative; border-bottom:1px solid #bfbfbf;overflow:hidden; height:50px;margin-top:20px;}
.mpTab li {float:left;/*  width:199.8px;  */ width:24.96%; height:50px;}
.mpTab li a {display:block; color:#acacac;border-top:2px solid #393939;  border-left:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; background:#f2f2f2; text-align:center; font-size:17px; line-height:47px;}
.mpTab li a:hover {border-left:1px solid #c3c3c3; border-bottom:1px solid #FFF; background:#FFF; color:#393939;}
.mpTab li.on a{border-left:1px solid #c3c3c3; border-bottom:1px solid #FFF; background:#FFF; color:#393939;}
.mpTab li:last-child {border-right:1px solid #c3c3c3;}

.myStats {clear:both; position:relative; height:auto; overflow:hidden; border-bottom:1px solid #ccc;}
.myStats li {float:left; width:25%; height:65px; background:url(<?php echo G5_THEME_IMG_URL ?>/line_stats.gif) no-repeat right center; margin-top:40px; margin-bottom:40px; text-align: center;}
.myStats li:last-child {background:none;}
.msBox {display: inline-block; width:auto; height:auto; overflow:hidden; height:65px;}
.bgCart {background:url(<?php echo G5_THEME_IMG_URL ?>/myicon_cart.png) no-repeat left top;}
.bgDelivery {background:url(<?php echo G5_THEME_IMG_URL ?>/myicon_delivery.png) no-repeat left top;}
.bgCoupon {background:url(<?php echo G5_THEME_IMG_URL ?>/myicon_coupon.png) no-repeat left top;}
.bgPoint {background:url(<?php echo G5_THEME_IMG_URL ?>/myicon_point.png) no-repeat left top;}
.msBox  p.msTitle {font-size:13px; color:#393939; letter-spacing:-1px; margin-bottom:5px; margin-left:85px; margin-top:5px;}
.msBox  p.numbering {font-size:16px; color:#393939; letter-spacing:-1px; margin-left:85px;}
.numbering .stNumber {font-size:24px;font-weight:500;}

.myStatsBox {clear:both; width:1160px; height:auto; overflow:hidden; margin-top:20px;}
.myStatsBox .myLeft {float:left; width:200px; height:auto; overflow:hidden; margin-right:29px; margin-bottom:50px;}
.myStatsBox .myTable {float:right; width:930px; height:auto; overflow:hidden;}

.myLeft .myLeftMenu {position:relative;}
.myLeftMenu li {display:block; height:54px; line-height:54px; letter-spacing:-1px; letter-spacing:-1px; background:#efefef; color:#393939; margin-bottom:1px; font-size:16px;}
.myLeftMenu li a {display:block; padding-left:35px;}
.myLeftMenu li a:hover {background:#757575 url(<?php echo G5_THEME_IMG_URL ?>/ar_right_m.png) no-repeat 175px center; color:#FFF;}
.myLeftMenu li.on a {background:#757575 url(<?php echo G5_THEME_IMG_URL ?>/ar_right_m.png) no-repeat 175px center; color:#FFF;}
.myLeft .myBnr {border:1px solid #dddddd; text-align:center; width:198px; height:178px;}

.myTable h2 {display:block; color:#393939; font-size:18px; letter-spacing:-1px; margin:10px 0 24px 0; padding-left:0px; font-weight: 500; }
/*.myTable h2 {display:block; color:#393939; font-size:18px; letter-spacing:-1px; margin:10px 0 24px 0; background:url(<?php echo G5_THEME_IMG_URL ?>/dot_red.gif) repeat-y left center; padding-left:15px;}*/
.overTd {position:relative;}
.acView {clear:both; padding:20px; position:relative; border-bottom:1px solid #333; height:auto; overflow:hidden;}
.borderBtm {padding-bottom:25px; border-bottom:1px solid #393939;}


/* 게시판이미지 */
.viewTable img {max-width: 100%;margin-bottom:20px;}

/* common_html */
#htmlSec {clear:both; position:relative; width:100%; min-height:500px; overflow:hidden; background:#FFF; padding:10px 0 45px 0;}
.htmlCon {position:relative; width:840px; height:auto; overflow:hidden; margin:0 auto; background:#FFF; padding:30px;}
.htmlCon .location {display:block; position:relative; color:#a6a6a6; font-size:12px; text-align:right; width:100%;}
.htmlCon h2 {display:block; margin:10px 0 20px 0; padding:0 0 10px 30px; border-bottom:1px solid #393939; background:url(<?php echo G5_THEME_IMG_URL ?>/bullet02.gif) no-repeat 0 2px; font-size:18px; letter-spacing:-1px; color:#393939;}
.htmlCon .txtCon {clear:both; position:relative; margin-top:5px; color:#393939; font-size:13px; line-height:18px; min-height:400px; overflow:hidden;}



.hintid {background:url(<?php echo G5_THEME_IMG_URL ?>/hint_id.gif) no-repeat left 50%;}
.hintpw {background:url(<?php echo G5_THEME_IMG_URL ?>/hint_pass.gif) no-repeat left 50%;}
.hintname {background:url(<?php echo G5_THEME_IMG_URL ?>/hint_name.gif) no-repeat left 50%;}
.hintmail {background:url(<?php echo G5_THEME_IMG_URL ?>/hint_mail.gif) no-repeat left 50%;}



/* 사이트맵 타이틀 */

.form_sitemap {margin-top: 50px; padding: 0 0%;}
.sitemap_menu { float:left; width:25%; height:250px; border-bottom: 1px solid #e9e9e9; margin-bottom: 50px;}
.sitemap_menu ul, .sitemap_menu h3 { margin-left: 30px; }
.sitemap_menu ul li {margin-top:15px;}
#sitemap_sub_title {}
#sitemap_main_title {font-size: 28px; letter-spacing: -1px; color: #393939; font-family: font-family: "notokr-bold", '맑은 고딕', 'AppleSDGothic','Nanum Barun Gothic','MalgunGothic','NanumGothic','AppleGothic','Verdana','돋움','Dotum','Arial',sans-serif !important;}
#sitemap_sub_title {font-size: 18px; margin-top: 7px;}
.sitemap_menu h3 {font-size: 18px;}
.sitemap_menu ul li {list-style: circle; margin-left: 20px;}
#title_wraper {/* border-bottom: 1px solid #9f9f9f;  */border-top: 1px solid black; padding: 20px 30px; background-color: #f6f6f6; }



.method-wrap {display:inline-block;_display:inline;margin:0 0 5px 0;padding:0;width:325px;height:135px;z-index:999;}
.method-wrap .method {background-position:center center;background-repeat:no-repeat;height:100%;width:100%;margin:0;position:relative;z-index:10;}
.method-wrap .method .cont { color:#373737; font-family:dotum; font-size:12px;text-align:center; position:absolute;top:105px;left:0;width:100%;z-index:11;}

#certPopLayer { display:none; position:absolute; left:0px; top:0px;  z-index:110; }
#certPopLayer #certFrameLayer { position:absolute; z-index:110; }
#certPopLayer #certFrameLayer #certFrame { width:100%; height:100%; }
#certPopLayer #certPopLayerBG { background:#000; opacity:.70; filter:alpha(opacity=70); height:500px; left:0px; position:absolute; top:0px; width:500px; z-index:100; }