@charset 'utf-8';

/* 공통 */
.hd_pt { padding-top:181px; }

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:160%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:160%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.privacy > dl > dd p { margin-bottom:10px;}
.privacy > dl > dd p:last-child  { margin:0;}
.sTxt { padding-left:20px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


.clearfix:after,
ul:after{ content:""; display:block; clear:both;}

/* inner */
.inner1500 { max-width:1500px; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner1300 { max-width:1300px; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner1200 { max-width:1200px; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/* color*/
.bg_yellow { background-color:#ffbe00 !important;}
.bg_green { background-color:#008264 !important;}
.bg_gray { background-color:#f9f9f9 !important;}
.bg_orange { background-color:#ff7800 !important;}
.bg_black { background-color:#474747 !important;}
.bg_black_2 { background-color:#555 !important;}

.color_yellow { color:#ffbe00 !important;}
.color_red { color:#e10808 !important;}
.color_orange { color:#ee7623 !important;}

.line_yellow { border:1px solid #ffbe00 !important}
.line_orange { border:1px solid #ff7800 !important}
.line_black { border:1px solid #474747 !important}

/* 버튼 */
.more_btn_s1 {}
.more_btn_s1 a { text-shadow:none; display:block; height:44px; width:120px; line-height:44px; color:#fff; border:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto; text-align:center;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
.more_btn_s1.m_on{display:none;}
.more_btn_s1 a:hover { background:#fff; color:#383745;}
.more_btn_s1_b {}
.more_btn_s1_b a { border:1px solid #8e8b9a; color:#8e8b9a;}

.list_btn { text-align:right;}
.list_btn a { display:inline-block; width:120px; height:50px; line-height:50px; color:#fff; padding:0 0 0 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:url("/html/img/sub/list_icon.png") no-repeat 82px center; text-align:left;}

.bd_list .bd_btn_group {margin-top:30px;}
.bd_btn_group { text-align:right; }
.bd_btn_group a {display:inline-block; width:120px; height:50px; line-height:50px; color:#fff; text-align:center;}
.bd_btn_group  .list_btn {  padding:0 0 0 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:url("/html/img/sub/list_icon.png") no-repeat 82px center; text-align:left;}
.bd_btn_group  .writer_btn { width:200px; }

/* 타이틀 */
.tit_s1 { text-align:center;}
.tit_s1 dl { color:#333; line-height:1.4;}
.tit_s1 dl:before { content:""; width:36px; height:1px; background:#000; display:block; margin:0 auto 16px;}
.tit_s1 dl dt { font-size:15px; font-weight:900; text-transform:uppercase;}
.tit_s1 dl dd { font-size:30px; font-weight:700; margin-top:15px;}

.tit_s1_w dl { color:#fff; }
.tit_s1_w dl:before { background:#fff;}

.tit_s2 { }
.tit_s2 h3 { font-size:24px; font-family:'NanumSquare','나눔스퀘어',sans-serif; font-weight:700;}

/* 이미지 스케일 애니*/
.img_scale { overflow:hidden;}
.img_scale img { 
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
.img_scale img:hover {
transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}

/* 탭 스타일*/
.tab_s1 {text-align:center; margin-bottom:36px;}
.tab_s1 ul { display:inline-block; }
.tab_s1 ul li {  float:left; margin-right:10px;}
.tab_s1 ul li:last-child { margin:0; }
.tab_s1 ul li a { color:#999; background:#f0f0f0; border:1px solid #ddd; display:block; width:200px; height:54px; line-height:52px; text-align:center;}
.tab_s1 ul li.on a { color:#fff; background:#ffbe00; border-color:#ffbe00;}
.tab_s1.right { text-align:right;}

.tab_s2 {}
.tab_s2 ul { border-bottom:1px solid #555; height:57px; }
.tab_s2 ul li { float:left; width:33.3333333%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d2d2d2; border-bottom:none;}
.tab_s2 ul li a { display:block; height:56px; line-height:56px; font-weight:500; background:#f5f5f5; color:#888;}
.tab_s2 ul li.on { border:1px solid #555; border-bottom:1px solid #fff;}
.tab_s2 ul li.on a { background:#fff; color:#222;  }


/* select */
.sel_bg_none {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
.select_s1 { position:absolute; right:0; top:-10px;}
.select_s1 select { width:160px; height:40px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 12px; font-size:16px;  background:url("/html/img/sub/sel_bg2.png") no-repeat 134px center;}






/* 게시판 상단 form*/
.bd_list {}
.bd_list .top { position:relative; margin-bottom:48px;}
.bd_list .top .total { font-size:15px; color:#333; font-weight:700;}
.bd_list .top .total span { display:inline-block; margin-left:8px;}
.bd_list .top .bd_sch_form { position:absolute; right:0; top:-15px;}
.bd_list .top .bd_sch_form ul {}
.bd_list .top .bd_sch_form ul li { float:left; margin-right:10px; border-bottom:1px solid #666; position:relative;}
.bd_list .top .bd_sch_form ul li:last-child { margin:0; }
.bd_list .top .bd_sch_form ul li.sel { width:140px;}
.bd_list .top .bd_sch_form ul li.txt { width:300px;}
.bd_list .top .bd_sch_form input[type="text"],
.bd_list .top .bd_sch_form select { width:100%; height:48px; border:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:16px; padding:0 10px;}
.bd_list .top .bd_sch_form select { background:url("/html/img/sub/sel_bg.png") no-repeat right center;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
.bd_list .top .bd_sch_form select::-ms-expand { display: none;}
.bd_list .top .bd_sch_form input[type="text"] { line-height:48px; text-align:center; color:#777; font-weight:300;  }
.bd_list .top .bd_sch_form input[type="submit"] { position:absolute; width:21px; height:23px;background:url("/html/img/sub/sch_btn_02.png") no-repeat center; border:none; text-indent:-9999px; right:0; top:50%; margin-top:-11px;}

#news_list .bd_list .list_li {}
#news_list .bd_list .list_li ul {}
#news_list .bd_list .list_li ul li { float:left; width:24.16666666667%; margin-right:1.11111111111%; border:1px solid #ddd;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:12px 12px 12px rgba(0,0,0,0.15); margin-bottom:12px; position:relative;}
#news_list .bd_list .list_li ul li:nth-child(4n) { margin-right:0; }
#news_list .bd_list .list_li ul li .img { padding:14px;}
#news_list .bd_list .list_li ul li .txt { border-top:1px solid #ddd; padding:18px 28px; font-size:15px; color:#999; position:relative;}
#news_list .bd_list .list_li ul li .txt .hit { position:absolute; right:28px; top:18px;}
#news_list .bd_list .list_li ul li .hover { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; text-align:center; line-height:1.5em; opacity:0;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#news_list .bd_list .list_li ul li .hover p { position:absolute; width:100%; padding:0 15px; top:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#news_list .bd_list .list_li ul li:hover .hover { opacity:1;}


/* 페이징*/
.paging { text-align:center; margin-top:50px;}
.paging ul { font-size:0; letter-spacing:-4px;}
.paging ul li { display:inline-block; letter-spacing:-0.5px; vertical-align:top; width:24px; height:30px; border:1px solid #dbdbdb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:4px;}
.paging ul li:last-child { margin:0; }
.paging ul li a { display:block; height:100%; font-size:13px; line-height:28px;}
.paging ul li.on { border-color:#333; }
.paging ul li.on a { color:#fff; background:#333;}
.paging ul li.first a { background:url("/html/img/sub/paging_first.png") no-repeat center;}
.paging ul li.prev a {background:url("/html/img/sub/paging_prev.png") no-repeat center;}
.paging ul li.next a {background:url("/html/img/sub/paging_next.png") no-repeat center;}
.paging ul li.last a {background:url("/html/img/sub/paging_last.png") no-repeat center;}




/* 게시판 view 페이지*/
#news_view {}
#news_view .title { font-size:18px; color:#333; border-top:2px solid #555; padding:17px 15px; text-align:center; line-height:1.3;}
#news_view .writer { border:1px solid #ddd; border-left:none; border-right:none;}
#news_view .writer ul{}
#news_view .writer ul li { float:left; width:33.3333333%; font-size:0; letter-spacing:-4px;}
#news_view .writer ul li.line_top { width:100%; border-top:1px solid #ddd;}
#news_view .writer ul li span { width:130px; background:#f7f7f7; height:60px; line-height:60px; text-align:center; }
#news_view .writer ul li p {  padding:0 10px 0 20px;
width:calc(100% - 130px);
width:-moz-calc(100% - 130px);
width:-webkit-calc(100% - 130px);
}
#news_view .writer ul li span,
#news_view .writer ul li p { display:inline-block; vertical-align:middle; font-size:15px; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#news_view .text_area { padding:55px 6.66666666667%; position:relative; border-bottom:1px solid #555; line-height:1.4;}
#news_view .text_area { }
#news_view .list_btn { /* position:absolute; right:6.66666666667%; bottom:55px; */ margin-top:20px;}
#news_view .prev-next { margin-top:-50px;}
#news_view .prev-next ul {}
#news_view .prev-next ul li { float:left;}
#news_view .prev-next ul li a { width:42px; height:42px; border:1px solid #ccc;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; border-right:none; position:relative;}
#news_view .prev-next ul li a:hover { background:#383745;}
#news_view .prev-next ul li:last-child a { border-right:1px solid #ccc; }
#news_view .prev-next ul li a:after { content:""; width:12px; height:12px; border:1px solid #ccc; border-top:none; display:block; position:absolute;}
#news_view .prev-next ul li.prev a:after { border-right:none; left:50%; top:50%; margin-top:-6px; margin-left:-3px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
#news_view .prev-next ul li.next a:after { border-left:none; left:50%; top:50%; margin-top:-6px; margin-left:-12px;
transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
}

header #hd_mid .sch_form .sch_close  { display:none;}


/* 기본 (공지사항) 테이블*/
.left { text-align:left !important;}
#default_bd_list { }
#default_bd_list .bd_list { }
#default_bd_list .bd_list .table{  border-top:2px solid #555;}
#default_bd_list .bd_list .table table {  }
#default_bd_list .bd_list .table table th { color:#333; font-weight:500;  border-bottom:1px solid #555;}
#default_bd_list .bd_list .table table th,
#default_bd_list .bd_list .table table td { padding:20px 15px; font-size:15px;  text-align:center; }
#default_bd_list .bd_list .table table td { border-bottom:1px solid #ccc;}
#default_bd_list .bd_list .table .m_tit { display:none;}
#default_bd_list .bd_list .table .td_tit p {  position:relative;  position:relative; width:auto !important;}
#default_bd_list .bd_list .table .td_tit a { display:block;  line-height:1.3; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#default_bd_list .bd_list .table .td_tit p.on a { padding-left:26px; padding-right:25px;}
#default_bd_list .bd_list .table .td_tit p.on:after { content:url("/html/img/sub/new_icon.png"); display:block; position:absolute; left:0; top:0;}




/* 포인트 게시판 하단 댓글 */
.comment_area {position: relative; margin-top: 20px; padding: 40px 15px 0; background-color: #eee;}
.comment_area .summary {margin-bottom: 10px;}
.comment_area .summary h4 {font-size: 15px;}
.comment_area .summary p {margin:3px 0; font-size: 12px;}
.comment_area .message-box {border: 1px solid #bbcbd1; border-radius: 3px; margin-bottom: 10px; padding: 15px 13px; font-size: 14px; font-weight: bold; background-color: #ecf2f5;}
.comment_area .message-box a {color:#0073d3;}
.comment_area form {margin-bottom: 10px;}
.comment_area form textarea {width: calc(100% - 116px);}
.comment_area form input[type=submit] {display: inline-block; margin-left: 10px; vertical-align: top; background-color: #383745; color: #fff; font-weight: bold; font-size: 16px; border:0; border-radius: 3px; width: 90px; height: 52px;}
.comment_area .comment_wrap {margin-top: 0; padding-bottom: 20px;}
.comment_area .comment_wrap ul {}
.comment_area .comment_wrap ul li {padding: 20px 0; border-bottom: 1px solid #ddd; }
.comment_area .comment_wrap ul li:last-child {border: 0;}
.comment_area .comment_wrap ul li .comment_list {}
.comment_area .comment_wrap ul li .comment_list .comment_author {font-weight: bold;}
.comment_area .comment_wrap ul li .comment_list .comment_date {font-size: 12px; margin-top: 5px;}
.comment_area .comment_wrap ul li .comment_list .comment_text {margin-top: 15px; font-size: 15px;}





/* right_quick*/
#right_quick { position:fixed; right:60px; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#right_quick ul {}
#right_quick ul li { text-align:center; background-color:#f1f1f1 !important; margin-bottom:4px;
transition:all 0.8s;
-moz-transition:all 0.8s;
-webkit-transition:all 0.8s;
-o-transition:all 0.8s;
-ms-transition:all 0.8s;
}
#right_quick ul li:last-child { margin:0; }
#right_quick ul li a { display:block; width:80px; height:80px;  font-size:14px; line-height:1.3; position:relative; color:#fff;}
#right_quick ul li a span { display:block; position:relative; top:50%; opacity:0; 
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);

}


#right_quick ul li a span  {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}

#right_quick ul li.club_porgram { background:url("/html/img/common/quick_icon01.png") no-repeat center;} 
#right_quick ul li.cart { background:url("/html/img/common/quick_icon02.png") no-repeat center;} 
#right_quick ul li.purchase_history { background:url("/html/img/common/quick_icon03.png") no-repeat center;} 
#right_quick ul li.recommend { background:url("/html/img/common/quick_icon04.png") no-repeat center;} 

#right_quick ul li:hover { background-position:center -80px !important;  }
#right_quick ul li:hover a {  background:#ffbe00 !important; }
#right_quick ul li:hover a span { opacity:1;}

.topBtn { position:relative;}
.topBtn button  { color:#cccad3; background:#676571;  width:80px; height:30px; border:none; font-size:11px;}
.topBtn:before { content:""; position:absolute; display:block; background:#676571; width:8px; height:8px; left:50%; margin-left:-4px; top:-4px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}







/* 헤더 */
header { position:fixed; width:100%; z-index:1000; background:#fff; overflow:hidden; height:181px;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}
header section { position:relative;}
header #hd_top { border-bottom:1px solid #e0e0e0;}
header #hd_top a { font-family: 'Nanum Gothic', sans-serif; font-size:12px; height:32px; line-height:32px;  display:block;}
header #hd_top .util { }
header #hd_top .util ul { }
header #hd_top .util ul li { float:left; margin-right:18px; }
header #hd_top .util ul li:last-child { margin:0; }
header #hd_top .util ul li a { }
header #hd_top .util ul li a span { display:block;}
header #hd_top .util ul li a span:after { content:url("/html/img/common/arr_s1.png"); margin-left:10px;}
header #hd_top .util2 { position:absolute; right:0; top:0;}
header #hd_top .util2 ul, 
header #hd_top .util2 > div { float:left;}
header #hd_top .util2 ul > li { margin-right:30px;} 
header #hd_top .util2 ul > li:last-child { margin:0;}
header #hd_top .util2 .customer_center { margin-left:30px;}
header #hd_top .util2 .customer_center a { display:block; width:140px;  color:#fff; text-align:center; }
header #hd_mid { padding:22px 0; border-bottom:2px solid #ffbe00; }
header #hd_mid .logo { text-align:center;}
header #hd_mid .sch_form { position:absolute; right:0; top:50%; 
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
header #hd_mid .sch_form .sch_box { position:relative;}
header #hd_mid .sch_form .sch_box { font-size:0; letter-spacing:-4px;}
header #hd_mid .sch_form .sch_box label {font-weight:700; color:#a49fa2; margin-right:10px;}
header #hd_mid .sch_form .sch_box label,
header #hd_mid .sch_form .sch_box input[type="text"] { display:inline-block; vertical-align:middle; font-size:14px; letter-spacing:-0.5px;}
header #hd_mid .sch_form .sch_box input[type="text"] {  border:1px solid #a49fa2; height:38px; line-height:36px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:240px; text-align:center;}
header #hd_mid .sch_form .sch_box input[type="submit"] { width:14px; height:15px; background:url("/html/img/common/sch_btn.png") no-repeat center; border:none; text-indent:-9999px; position:absolute; right:10px; top:50%; margin-top:-7px;}
header #hd_mid .sch_btn { display:none;}

input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a49fa2; font-size:14px;
}
input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #a49fa2;font-size:14px;
}
input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #a49fa2;font-size:14px;
}
input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #a49fa2;font-size:14px;
}

.hd_bn { width:300px; position:absolute; padding:0 25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; top:-7px;}
.hd_bn .item { overflow:hidden;}
.hd_bn .item > div{ float:left;}
.hd_bn .item .img { width:52px; }
.hd_bn .item .txt {margin-left:19px; margin-top:5px;
width:calc(100% - 71px);
width:-moz-calc(100% - 71px);
width:-webkit-calc(100% - 71px);
}
.hd_bn .item .txt dl {}
.hd_bn .item .txt dl dt { font-size:14px; font-weight:500;}
.hd_bn .item .txt dl dd { font-size:13px; font-weight:300; line-height:1.308em; margin-top:8px;}

.hd_bn .slick-arrow { width:15px; height:15px; border:1px solid #a5a7b5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-indent:-9999px; position:absolute; top:50%; margin-top:-8px; z-index:10;}
.hd_bn .slick-prev { background:url("/html/img/common/slick-prev_s1.png") no-repeat center; left:-25px;}
.hd_bn .slick-next { background:url("/html/img/common/slick-next_s1.png") no-repeat center; right:-25px;}


header #hd_bot {}
header #hd_bot nav { text-align:center;}
header #hd_bot nav .gnb { display:inline-block;}
header #hd_bot nav .gnb > li { float:left; position:relative;}
header #hd_bot nav .gnb > li > a { font-size:15px; font-weight:500; display:block; padding:16px 30px; position:relative;}
header #hd_bot nav .gnb > li > a:after { content:""; width:0; height:2px; background:#ffbe00; display:block; position:absolute; left:50%; bottom:-1px;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
header #hd_bot nav .gnb > li:hover > a { color:#ffbe00;}
header #hd_bot nav .gnb > li:hover > a:after { width:100%;}
header #hd_bot nav .gnb > li > .depth2 { position:absolute; width:100%; z-index:100; padding-top:28px; }
header #hd_bot nav .gnb > li > .depth2 > li { margin-bottom:14px;}
header #hd_bot nav .gnb > li > .depth2 > li:last-child { margin:0; }
header #hd_bot nav .gnb > li > .depth2 > li > a { font-weight:300; color:#777; font-size:14px;  }
header #hd_bot nav .gnb > li > .depth2 > li:hover > a { color:#ffbe00; }
header #hd_bot nav .gnb > li:last-child { display:none;}
.gnb_bg { border-top:1px solid #e6e6e6; height:200px; background:#fff; position:absolute; width:100%; z-index:99;}

header.on { height:381px;}
header.shadow { box-shadow:2px 2px 30px rgba(0,0,0,0.1);}
header .menu_btn { display:none;}
header .menu_btn button { width:32px; height:21px; background:url("/html/img/common/menu_btn.png") no-repeat center; border:none;}
header #hd_bot .top,
header .logo-btn { display:none;}




/* footer */
footer { background:#383745; padding:66px 0;}
footer .center_info,
footer .ft_menu { float:left;}

footer .center_info { width:370px;}
footer .center_info .customer{ color:#fff; font-weight:700;}
footer .center_info .customer p { font-size:13px; margin-bottom:10px; text-transform:uppercase; margin-right:10px;}
footer .center_info .customer p,
footer .center_info .customer strong { display:inline-block;}
footer .center_info .info { color:#c6c7cf; font-weight:300; /* margin-top:18px; */}
footer .center_info .info ul {}
footer .center_info .info ul li { overflow:hidden; line-height:1.4; font-size:13px;}
footer .center_info .info ul li span,
footer .center_info .info ul li p { float:left; display:block;}
footer .center_info .info ul li span { width:60px; }
footer .center_info .info ul li.w1 span { width:77px; }
footer .ft_menu {
width:calc(100% - 470px);
width:-moz-calc(100% - 470px);
width:-webkit-calc(100% - 470px);
}
footer .use_menu { margin-top:15px;}
footer .use_menu ul {}
footer .use_menu ul li { float:left; margin-right:10px;  padding-right:10px; position:relative;}
footer .use_menu ul li:after { content:""; width:1px; height:12px; background:#c6c7cf; display:block; position:absolute; right:0; top:50%; margin-top:-4px;}
footer .use_menu ul li:last-child {padding:0; margin:0; }
footer .use_menu ul li:last-child:after { display:none; }
footer .use_menu ul li a { font-size:13px; color:#c6c7cf;}
footer .ft_menu .gnb { padding-left:12%;}
footer .ft_menu .gnb > li { float:left; /* width:16.66666666666667%; */ width:14.2857142%;}
footer .ft_menu .gnb > li > a { color:#d7d7dc; font-size:13px; font-weight:700;}
footer .ft_menu .gnb > li > .depth2 { margin-top:12px;}
footer .ft_menu .gnb > li > .depth2 > li { margin-bottom:8px;}
footer .ft_menu .gnb > li > .depth2 > li:last-child { margin:0; }
footer .ft_menu .gnb > li > .depth2 > li > a { color:#6e6f7c; font-weight:500; font-size:13px;}
footer .sns { position:absolute; right:0; top:0;}
footer .sns .pc { display:block;}
footer .sns .mobile { display:none;}