@charset "utf-8";

/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


/****************************** RESET ******************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
body{font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim', sans-serif;;font-size:14px;color:#666;line-height:1.2;}
select,input,img,li,button,textarea{vertical-align:middle;text-align:left;font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim', sans-serif;;}
input{margin:0;padding:0}
form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe{border:0 none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table,div{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table{width:100%;word-break:break-all;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ul,li,ol{list-style-type:none}
li,p,dt,dd,div,span{white-space:normal}
button{*overflow:visible;border:0 none;padding:0;margin:0;background:transparent;cursor:pointer;}
button::-moz-focus-inner{border:0;padding:0}
a{text-decoration:none;color:#666;outline:none}
a:hover {text-decoration:underline;}
label{cursor:pointer}
button,select,option,input,textarea{outline:none}
::-webkit-input-placeholder { color:#888; }
::-moz-placeholder { color:#888; } /* firefox 19+ */
:-ms-input-placeholder { color:#888; } /* ie */
input:-moz-placeholder { color:#888;}

/****************************** global class ******************************/
/* none */
.bg_none{background:none !important}
.pad_none{padding:0 !important}
.mar_none{margin:0 !important}
.bor_none{border:0 none !important}
.over_h{overflow:hidden !important}
/* align */
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
/* float */
.floatL{float:left !important}
.floatR{float:right !important}
.float_a{display:block !important;float:left !important}
.list_float{overflow:hidden !important}
.list_float li{float:left !important}
/* font */
.font12{font-size:12px !important}
.font13{font-size:13px !important}
.font14{font-size:14px !important}
.font16{font-size:16px !important}
.bold{font-weight:bold !important}
.normal{font-weight:normal !important}
.underline{text-decoration:underline !important}
/* color */
.blk{color:#000 !important}
/* ellipsis */
.ellWrap{width:100%}
.ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
/* margin */
.mgt5{margin-top:5px !important}
.mgl10{margin-left:10px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}
.mgb10{margin-bottom:10px !important}

/* 버튼 정렬 */
.btn_mid{text-align:center}
.btn_left{text-align:left}
.btn_right{text-align:right}

.admin{color:#169fe6 !important}
/* display */
.in{display:inline !important}
.blind{position:absolute;top:-9999px;overflow:hidden;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;border:0 !important;margin:0 !important;}

.inipay_modal{left:0 !important}

body {
	/* background: url(../images/bg/noise.png) repeat; */
	font-size: 14px;
	line-height: 21px;
	color: #666;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans KR',"Nanum Gothic","맑은 고딕","Malgun Gothic",Apple Gothic,Dotum,'돋움',dotum,'굴림',gulim, sans-serif;
}

#wrap {
	position: relative;
	zoom: 1;
	background: #fff;
	min-width: 1200px;
	overflow-y:auto;
	/*margin: 0 auto;
	padding: 0;
	box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.2); */
}
.top_util_box {position: relative; min-width:1020px; }
.top_util_box.box_bg {background:#444; }
.top_util_box .top_box {width: 1020px; margin: 0 auto; overflow: hidden;}

/****************************** layout class ******************************/

/* header top banner */
#topline_ad {width:100%;overflow:hidden;text-align:center;background:#87c5ee;}
#topline_ad > div {width:1020px;margin:0 auto;position:relative;}
#topline_ad > div > div {width:100%;margin-left:50%; transform: translate(-510px, 0);}
#topline_ad .close {position:absolute;right:15px;top:50%;margin-top:-19px;}

/* header */
.header_util {width:100%; position:relative; background:#fff; border-bottom:1px solid #dadada;}
.header_util .inner {width:1020px; margin:0 auto; height:39px; line-height:39px;}
.header_util .inner a:hover {color:#0084ce}
.header_util .inner .util_etc {float:right; padding:0 0 0 0; font-size:14px;}
.header_util .inner .util_etc ul {}
.header_util .inner .util_etc li {float:left; padding:0 0 0 10px;} /*padding-right:8px; margin-left:6px; background:url(../imgs/global/bul_lnb.gif) right 7px no-repeat;letter-spacing:-1px} */
.header_util .inner .util_etc a {display:inline-block; color:#6a6a6a; font-size: 14px;}
.header_util .inner .util_etc a:hover {color:#0084ce}
.header_util .txt_bar {display:inline-block; width:1px; height:10px; background:#e2e1e0; vertical-align: -1px; margin: 0 0 0 10px;}
.header_util .inner .util_etc li em {display:none;}

header {position:relative; background:#fff;}
header .header_area {width:100%; border-bottom:1px solid #e0e0e0;}
header .header_area .inner {position: relative; width: 1020px; height: 73px; margin: 0 auto; padding: 15px 0 0 0; background: #fff;}
header .header_area .inner .logo {width:250px; position:absolute; top:50%; left:0; transform: translate(0, -50%);}
header .header_area .inner .logo img{max-width:100%;}
header .header_area .inner .menu_list {overflow:hidden; margin-left:320px;}
header .header_area .inner .menu_list li{float:left; padding:0 25px 0}
header .header_area .inner .menu_list li:hover {}
header .header_area .inner .menu_list li a {display:block; position:relative; line-height: 54px; font-size:18px; color:#666; font-weight:400;text-decoration: none;/*-webkit-transition: background-color 80ms ease-in-out; -moz-transition: background-color 80ms ease-in-out; -o-transition: background-color 80ms ease-in-out; -ms-transition: background-color 80ms ease-in-out; transition: background-color 80ms ease-in-out;*/}
header .header_area .inner .menu_list li a:before{content: ""; position: absolute; width: 100%; height: 2px; bottom: 0px; left: 0; background-color: #0c3f9c; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index: 0;}
/*header .header_area .inner .menu_list li a:hover {text-decoration:none; border-bottom:3px solid #444;}*/
header .header_area .inner .menu_list li a:hover:before{visibility: visible; background-color: #0c3f9c; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
header .header_area .inner .right_banner{position:absolute; top:50%; right:0; transform: translate(0, -50%);}
header .header_area .inner .right_banner a.card_regist{display:block; position:relative; font-size:18px; line-height:54px; color:#444; font-weight:400; text-decoration:none;}
header .header_area .inner .right_banner a.card_regist:before{content: ""; position: absolute; width: 100%; height: 2px; bottom: 0px; left: 0; background-color: #0c3f9c; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index: 0;}
header .header_area .inner .right_banner a.card_regist:hover:before{visibility: visible; background-color: #0c3f9c; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}

header .header_area .inner .menu_list.apply{position: absolute; right: 0; margin:0;}
header .header_area .inner .menu_list.apply li{padding:0 60px 0}
header .header_area .inner .menu_list.apply li:last-child{padding-right:0;}

#header_logo_area 
#header_logo_area .search_box {float:left;width:195px;border-bottom:solid 1px #e8e8e8;position:relative;padding:18px 0 10px;height:21px;}
#header_logo_area .search_box input{float:left;width:165px;height:21px;font-weight:bold;line-height:21px;border: 0 none}
#header_logo_area .search_box button{float:right;padding-right:2px;}
#header_logo_area .right_box .banners {float:right;margin-left:15px;}
#header_logo_area .fixed_menu {display:none;}
#header_gnb_area{border-top:solid 1px #000;}
#header_gnb_area .header_inner {overflow:hidden;position:relative;}
#header_ctg_area {position:absolute;bottom:0;left:0;margin-left:0;background:#f5f5f5;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;width:58px;height:29px;text-align:center;padding:15px 0}
#header_gnb_area .gnb{overflow:hidden;float:left;padding-left:60px;}
#header_gnb_area .gnb li{float:left;}
#header_gnb_area .sub_gnb{overflow:hidden;float:right;}
#header_gnb_area .sub_gnb li{float:left;}
/* total category */
#header_total_ctg{position:absolute;left:0;margin-top:1px;width:100%;background-color:#fff;border-bottom:solid 1px #000;z-index:20;display:none;}
#header_total_ctg .close{position:absolute;left:50%;top:-60px;margin-left:-550px;background:#f5f5f5;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;width:58px;height:29px;text-align:center;padding:15px 0}
#header_total_ctg ul{overflow:hidden;background:url(../imgs/global/totalCate_bg.png) 40px top repeat-y;width:1180px;margin:0 auto;padding-bottom:20px;}
#header_total_ctg ul li{float:left;padding:0 20px 0 40px;width:140px;}
#header_total_ctg ul li a{display:block;padding:4px 0;font-size:12px;font-weight:normal;text-decoration:none}
#header_total_ctg ul li a strong{color:#000;font-size:13px;padding-bottom:10px;}

#header.fixed_header {position:fixed;left:0;top:0;background:#fff;z-index:17;border-bottom:solid 1px #000;}
#header.fixed_header #header_logo_area {padding:20px 0;}
#header.fixed_header #header_logo_area h1 {float:left;padding:0;}
#header.fixed_header #header_logo_area .lnb{top:26px;}
#header.fixed_header #header_logo_area .lnb li {display:none;}
#header.fixed_header #header_logo_area .lnb li.member,
#header.fixed_header #header_logo_area .lnb li.cart {display:block;width:27px;height:29px;padding:0;margin:0;margin-left:18px;text-indent:-999em;position:relative;}
#header.fixed_header #header_logo_area .lnb li.member {background:url(../imgs/global/icon_member.png) left top no-repeat;}
#header.fixed_header #header_logo_area .lnb li.cart {background:url(../imgs/global/icon_cart.png) left top no-repeat;}
#header.fixed_header #header_logo_area .lnb li em {display:block;text-indent:0em;position:absolute;bottom:0;right:0;width:18px;height:18px;background:url(../imgs/global/bg_topLnb.png) left top no-repeat;color:#fff;text-align:center;line-height:18px;}
#header.fixed_header #header_logo_area .right_box {float:right;padding:0;margin-right:97px;}
#header.fixed_header #header_logo_area .search_box {padding:0;padding-top:7px;}
#header.fixed_header #header_logo_area .banners {display:none;}
#header.fixed_header #header_logo_area .fixed_menu {display:block;overflow:hidden;float:left;margin-left:65px;}
#header.fixed_header #header_logo_area .fixed_menu li {float:left;}
#header.fixed_header #header_gnb_area {border:none 0;}
#header.fixed_header #header_gnb_area .gnb,
#header.fixed_header #header_gnb_area .sub_gnb {display:none;}
#header.fixed_header #header_ctg_area {position:fixed;top:21px;left:50%;margin-left:-550px;background:#fff;border:none 0;padding:0;}
#header.fixed_header #header_total_ctg .close {position:fixed;top:21px;left:50%;margin-left:-550px;background:#fff;border:none 0;padding:0;}

/* footer */
footer {position:relative; padding:50px 0; border-top: 1px solid #ddd;}
footer:before, footer:after {
    content: " ";
    display: block;
}
footer .address-area {
    float: left;
    font-size: 14px;
    color: #676767;
    font-weight: 300;
}
footer .policy-area {
    font-size: 16px;
}
footer ul:before, footer ul:after {
    content: " ";
    display: block;
}
footer ul li {
    float: left;
}
footer .policy-area li:first-child {
    padding-left: 0;
    border-left: 0;
}
footer .policy-area li {
    padding: 0 20px;
    border-left: 1px solid #d9d9d9;
    line-height: 1;
}
footer .policy-area li a {
    color: #141414;
    font-weight: 400;
}

footer .address-area .address {
    padding: 27px 0 5px;
}
footer .address-area span {
    margin-right: 20px;
}
footer .address-area .copyright {
    padding: 17px 0 27px;
}

footer .service-area {
    position:absolute;
    font-size: 14px;
    color: #676767;
    font-weight: 300;
	left:50%;
	margin-left: -60px;
}
footer .service-area h3{
	font-size:16px;
	font-weight:400;
	text-align:center;
	color:#000;
}
footer .service-area .tel{
	font-size:34px;
	margin:15px 0;
	font-weight:300;
	text-align:center;
}
footer .service-area .times{
	font-size:14px;
	font-weight:300;
	text-align:center;
}
footer .service-area .times span{margin:0 15px; color:#ddd;}
footer .banner-area {
    float: right;
}
footer .banner-area li {
    padding: 3px 0 0;
    margin-right: 20px;
}
footer .banner-area li img {max-height:100px;}

#footer {clear:both;background:#f6f6f6;font-family:'돋움','dotum';color:#888;font-size:12px;}
#footer a {color:#888;}
#footer .footer_inner {width:1020px;margin:0 auto;}
#footer .footer_menu{border-top:solid 1px #f0f0f0;}
#footer .footer_menu .footer_inner {overflow:hidden;line-height:21px;}
#footer .footer_menu .menu {width:700px;float:left;margin-left:-15px;padding:12px 0;border-right:solid 1px #f0f0f0;}
#footer .footer_menu .menu li{float:left;padding-right:16px;margin-left:15px;background:url(../imgs/global/bul_footer_menu.gif) right 5px no-repeat;line-height:21px;}
#footer .footer_menu .notice {width:390px;float:right;overflow:hidden;padding:12px 0;}
#footer .footer_menu .notice span,
#footer .footer_menu .notice a {display:block;}
#footer .footer_menu .notice span {width:66px;float:left;color:#000;font-weight:bold;}
#footer .footer_menu .notice .link {color:#444;width:240px;float:left;}
#footer .footer_menu .notice .more {width:30px;float:right;}
#footer .footer_content{clear:both;border-top:solid 0px #f0f0f0;padding:15px 0 35px 0;}
#footer .footer_content .footer_inner {overflow:hidden; position:relative;}
#footer .footer_content .company_info {float:left;width:480px;}
#footer .footer_content .company_info h6 {margin-bottom:9px;}
#footer .footer_content .company_info address {line-height:22px;}
#footer .footer_content .company_info address strong {color:#444;}
#footer .footer_content .company_info address span {color:#c3c3c3;padding:0 10px;}
#footer .footer_content .company_info .copyright{position:absolute; bottom:0;}
#footer .footer_content .customer_info {float:left;border-right:solid 0px #e2e2e2;border-left:solid 0px #e2e2e2;padding:0 25px 0 30px;}
#footer .footer_content .customer_info h6 {font-size:12px;color:#444;font-weight:bold;}
#footer .footer_content .customer_info .tel {font-family:'Malgun Gothic','맑은 고딕','돋움',dotum;font-size:28px;color:#444;font-weight:bold;}
#footer .footer_content .customer_info .link {line-height:14px;margin-top:9px;}
#footer .footer_content .customer_info .link a {color:#000;}
#footer .footer_content .customer_info .link span {color:#c3c3c3;padding:0 10px;}
#footer .footer_content .customer_info .time_box {overflow:hidden; line-height:18px;margin-top:6px;}
#footer .footer_content .customer_info .time_box span {float:left; width:159px;}
#footer .footer_content .customer_info .time_box span.time {width:57px; margin-right:4px;}
#footer .footer_content .amark {float:right;width:240px;padding-left:20px;}
#footer .footer_content .amark li {float:left; margin-right:20px;}
#footer .footer_content .amark li img{max-height: 100px;}
/* quick bar */
#quick_bar{position:absolute;visibility:hidden;width:100px;z-index:16;}
#quick_bar .todays_list{width:98x;padding:15px 0 5px;border:1px solid #dbdbdb;background-color:#fff;text-align:center}
#quick_bar .todays_list .titles{display:block;text-align:center;font-size:13px;line-height:18px;}
#quick_bar .todays_slide{width:80px;margin:0 auto;display:none;padding:25px 0;position:relative;}
#quick_bar .todays_slide .todays_container{position:relative;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
#quick_bar .todays_slide .todays_container ul{position:absolute;left:0;top:0}
#quick_bar .todays_slide .todays_container li{width:80px;height:80px;border-bottom:1px solid #fff}
#quick_bar .todays_slide .todays_container li img{width:100%;height:100%}
#quick_bar .todays_slide .todays_container a{margin-bottom:0}
#quick_bar .todays_slide .todays_pagination a{display:block;position:absolute}
#quick_bar .todays_slide .todays_pagination a.prev{top:0;left:0}
#quick_bar .todays_slide .todays_pagination a.next{bottom:0;left:1px}
#quick_bar .todays_slide .todays_pagination strong{color:#f2740d}
#quick_bar .todays_slide .todays_pagination .pageDisabled{opacity:0.4;filter:alpha(opacity=40)}
#quick_bar .banner{margin-top:5px}

/* 하단 모바일 버전으로 보기 */
.go_mobile{clear:both;background:#444;text-align:center;margin-top:10px}
.go_mobile a{display:block;color:#fff;font-size:53px;padding:37px 0}

/* container */
#container{position:relative;width:100%;overflow:hidden;text-align:center;min-height:540px;padding:55px 0; background:#eaeaec;}
#container_inner {width:1020px; margin:0 auto; }
#container_inner:after {content:''; display:block; clear:both;} /* 왼쪽메뉴 없을 때 */

/* contents */
#contents{float:right;width:800px;text-align:left;background:#fff;} /* 왼쪽메뉴 있을 때 */
#contents100 {width:100%;text-align:left;background:#fff;} /* 왼쪽메뉴 없을 때 */

/* lnb_area */
#lnb {float:left;width:200px;margin:0; background:#fff;}
#lnb .title {border:1px solid #dfdfdf;background:#f5f5f5;font-size:18px;color:#999; height:110px; line-height:110px;text-align:center;}
#lnb .title strong {font-size:24px;color:#000;}
#lnb .lnb_navigation {padding:10px 20px;margin-top:-1px;border:1px solid #dfdfdf;}
#lnb .lnb_navigation a {border-top:1px solid #ededed;}
#lnb .lnb_navigation .depth1 li div,
#lnb .lnb_navigation .depth1 li a {display:block;padding:14px 0 13px;font-size:16px;font-weight:bold;color:#444;line-height:18px;background:url(../imgs/global/lnb_arrow.png) 97% 22px no-repeat;}
#lnb .lnb_navigation .depth1 li a.bg_none {background:none;}
#lnb .lnb_navigation .depth1 .depth2 li a {display:block;font-size:13px;font-weight:normal;color:#666;background:none;}
#lnb .lnb_banner {margin-top:20px;}
#lnb .myinfo_box {padding:0 8px 8px;margin-top:-1px;border:1px solid #dfdfdf;border-top:0 none;background:#f5f5f5;}
#lnb .myinfo_box .inbox {padding:0 12px;border:1px solid #eee;background:#fff;font-size:12px;}
#lnb .myinfo_box .inbox p {padding:14px 0 8px;border-bottom:1px solid #eee;color:#000;text-align:center;line-height:14px;}
#lnb .myinfo_box .inbox .infolist {padding:12px 0 4px;}
#lnb .myinfo_box .inbox .infolist dl {overflow:hidden;margin-bottom:8px;line-height:14px;}
#lnb .myinfo_box .inbox .infolist dl dt {float:left;width:55%;}
#lnb .myinfo_box .inbox .infolist dl dd {float:right;width:45%;color:#222;text-align:right;}
#lnb .csinfo_box {padding:0 8px 8px;margin-top:-1px;border:1px solid #dfdfdf;border-top:0 none;background:#f5f5f5;}
#lnb .csinfo_box p {padding:14px 12px;border:1px solid #eee;background:#fff;font-size:12px;color:#000;text-align:center;line-height:18px;}



/****************************** common class ******************************/
/* navigation */
.navigation {width:1920px;margin-left:-410px;text-align:center;border-bottom:solid 1px #f3f3f3;}
.navigation ul{width:1100px;margin:0 auto;overflow:hidden;padding:8px 0;}
.navigation li{float:left;line-height:30px;font-size:12px;background:url(../imgs/global/bul_navi.png) left center no-repeat;padding-left:14px;margin-left:9px;height:30px;font-weight:bold;color:#000;}
.navigation li.home{background:none;padding:0;margin:0;}
.navigation li a {color:#000;}
.navigation li strong {text-decoration:underline;}
	/* category navi */
.navigation button.ctg{height:20px;border:solid 1px #ccc;font-size:11px;color:#666;padding:0 35px 0 8px;margin:0;line-height:14px;background:url(../button/navi_category_btn.gif) #fff right top no-repeat}
.navigation li div{position:absolute;top:0px;z-index:10;display:none}
.navigation li div ol{background:#fff;border:solid 2px #aaa;margin-top:22px}
.navigation li div ol:after{content:" ";display:block;clear:both}
.navigation li div ol li{padding:10px 20px 10px 15px;background:none;border-right:solid 1px #ddd}
.navigation li div ol li.last{border-right:none}
.navigation li div ol li a{color:#444;display:block;line-height:18px}
.navigation li div ol li a:hover{color:#ca1818}
.navigation li div ol li a.on{font-weight:bold;color:#ca1818}

/* title */
/*.pagetitle {margin-bottom:30px; padding-bottom:15px; font-size:30px; font-weight:bold; letter-spacing:-0.05em; color:#000; border-bottom:1px solid #000;} */
.pagetitle {margin:40px 0 15px;font-size:46px;color:#000;font-weight:bold;line-height:46px;border-bottom:0 none;padding:0;}
.pagetitle span {margin-left:15px; font-size:14px; font-weight:normal; color:#666;}
.subtitle {margin:40px 0 10px;font-size:20px;color:#000;font-weight:bold;line-height:30px;}
.subtitle span {padding-left:15px;font-size:13px;color:#666;font-weight:normal;}

/* list_style */
.list_type_disc {padding-left:20px;}
.list_type_disc li {list-style-type:disc;list-style-position:outside;line-height:22px;font-size:13px}


.paging{overflow:hidden;text-align:center;margin-top:30px;}
.paging ul {display:inline-block;}
.paging ul li{float:left; width:32px; margin-left:-1px; border:1px solid #ddd;}
.paging ul li:first-child {margin:0;}
.paging ul li a {display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:11px;}
.paging ul li a strong {display:block; background:#f4f4f4;}


/* form */
select {height:28px;padding:4px;border:solid 1px #ddd;background:#fff;line-height:18px;}
input[type=text], input[type=password], input[type=tel] {height:24px;padding:4px 6px;margin:0;border:solid 1px #ddd;background:#fff;line-height:24px;}
textarea {padding:4px 6px;border:solid 1px #ddd;background:#fff;line-height:18px;}
input[type=text]:disabled, textarea:disabled, select:disabled {background: #eee;border:solid 1px #ddd;color:#999;}

/* product */

/* 앨범형 리스트 */
.product_grid_box {}
.product_grid_box ul {margin-left:-33px;overflow:hidden;}
.product_grid_box ul li {position:relative; float:left;width:250px;margin-left:33px;margin-top:30px;}
.product_grid_box ul li.none_pro{clear:both;width:100%;padding:100px 0;text-align:center; color:#999;} /* 상품이 없을시 노출 */
.product_grid_box ul li a {display:block;}
.product_grid_box ul li input {position:absolute;right:9px;top:8px;z-index:1;}
.product_grid_box ul li .imgs_box {position:relative;width:250px;height:250px;}
.product_grid_box ul li .imgs_box img {width:250px;height:250px;}
.product_grid_box ul li .imgs_box .sale {display:block;position:absolute;left:0;top:0;z-index:1;color:#fff;background:#e74c3c;font-size:11px;line-height:12px;padding:6px 10px;}
.product_grid_box ul li .imgs_box .sale strong {font-size:12px;}
.product_grid_box ul li .imgs_box .soldout {display:block;position:absolute;left:0;top:0;z-index:2;width:250px;height:250px;background:url(../imgs/global/bg_soldout.png) left top repeat;text-align:center;color:#fff;}
.product_grid_box ul li .imgs_box .soldout strong {color:#fff;line-height:248px;}
.product_grid_box ul li .cont_box {margin-top:20px;height:100px;padding:0 10px;}
.product_grid_box ul li .cont_box > a > span {display:block;text-align:center;color:#333;line-height:20px;}
.product_grid_box ul li .cont_box .brand {font-weight:bold;font-size:13px;height:20px;}
.product_grid_box ul li .cont_box .name {max-height:20px;overflow:hidden;}
.product_grid_box ul li .cont_box .price_box {font-size:15px;color:#999;margin-top:8px;height:20px;}
.product_grid_box ul li .cont_box .price_box .original {text-decoration:line-through;font-size:13px;}
.product_grid_box ul li .cont_box .icons {display:block;text-align:center;margin-top:12px;height:18px;}
.product_grid_box ul li .cont_box .icons img {margin:0 1px;}

/* 리스트형 리스트 */
.product_list_box{table-layout:fixed; border-top:2px solid #bbb;}
.product_list_box thead tr th{padding:16px 0 17px; text-align:center; border-bottom:solid 1px #ddd; background:url(../imgs/goods/category_list_line.png) no-repeat left center;}
.product_list_box thead tr th:first-child {background:none;}
.product_list_box tbody tr td{padding:10px 0;border-bottom:solid 1px #ededed;text-align:center}
.product_list_box tbody tr td .cont {padding-left:15px;}
.product_list_box tbody tr td .cont span {display:block; color:#000;}
.product_list_box tbody tr td .cont span.brand {height:13px; margin-bottom:6px; font-size:13px; font-weight:bold;}
.product_list_box tbody tr td .cont span.pro_name {margin-bottom:15px;}
.product_list_box tbody tr td.price span {display:block;}
.product_list_box tbody tr td.price span.org_price {margin-bottom:5px; color:#999;}
.product_list_box tbody tr td.price span.sale_price {font-size:16px;}
.product_list_box tbody tr td.none_pro{color:#999;padding:100px 0} /* 상품이 없을시 노출 */

/* 탭메뉴 */
.tab_menu_box {overflow:hidden;border-top:solid 0px #dfdfdf;}
.tab_menu_box ul {text-align:left;margin:0 auto;}
.tab_menu_box ul:after {content:''; display:block; clear:both;}
.tab_menu_box ul li {float:left;width:161px;}
.tab_menu_box ul li a {display:block;margin:0 0 0 -1px;padding:11px 0;border:1px solid #dfdfdf;text-align:center;line-height:16px;}
.tab_menu_box ul li.on a {background:#000;color:#fff;}
.tab_menu_box ul li.first {width:115px;padding-left:1px;}

/* 버튼 */
.buttons_box {overflow:hidden;margin-top:30px;text-align:center;}
.buttons_box a,
.buttons_box button {display:inline-block;*zoom:1;*display:inline;width:200px;height:50px;background:#000;color:#fff;font-size:15px;font-weight:bold;line-height:50px;vertical-align:top;text-align:center; border-radius: 2px;}
.buttons_box .border {background:#fff;border:1px solid #ccc;color:#999;}
.buttons_box a.border {width:198px;height:48px;line-height:48px;}
.buttons_box .dark {background:#666}
.buttons_box.middle a,
.buttons_box.middle button {width:140px;height:40px;font-size:14px;line-height:40px;}
.buttons_box.middle a.border {width:138px;height:38px;line-height:38px;}
.buttons_box.small {margin-top:20px}
.buttons_box.small a,
.buttons_box.small button {width:100px;height:30px;font-size:14px;line-height:30px;font-weight:normal;}
.buttons_box.small a.border {height:28px;line-height:28px;}
.buttons_inline {text-align:center;}
.buttons_inline a,
.buttons_inline button {display:inline-block;*zoom:1;*display:inline;margin:2px 0;padding:5px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:top;text-align:center;}
.buttons_inline .border {padding:4px 7px;background:#f9f9f9;border:1px solid #ccc;color:#222;}
.buttons_inline .border2 {padding:4px 7px;background:#fafafa;border:1px solid #aaa;color:#222;font-weight:bold;}

/* 테이블 */
.type_rows {border-top:2px solid #000;}
.type_rows th, .type_rows td {padding:15px 20px;border-bottom:1px solid #dfdfdf;line-height:18px;}
.type_rows th {background:#f9f9f9;color:#000;font-weight:normal;text-align:left;}
.type_rows tbody td.data_none {padding:100px 0;color:#999;text-align:center;}
.type_cols {border-top:2px solid #000;}
.type_cols th, .type_cols td {border-bottom:1px solid #dfdfdf;line-height:18px;}
.type_cols thead th {padding:10px 5px;background:#fafafa  right center no-repeat;color:#444;font-weight:bold;text-align:center;}
.type_cols thead th.bg_none {background:#fafafa !important}
.type_cols tbody td {padding:15px 5px;text-align:center;}
.type_cols tbody td.text_left {padding:15px 10px;text-align:left;}
.type_cols tbody td.data_none {padding:100px 0;color:#999;}
.type_cols tbody td .goodsName {color:#444}
.type_cols tbody td .graysmall {font-size:13px;color:#999;}
.type_cols tbody td .state {display:block;font-size:13px;color:#000;}
.type_cols tbody td .buttons_inline a,
.type_cols tbody td .buttons_inline button {margin:1px 0;}
.type_cols tbody td.text_left .graysmall {font-size:12px;color:#999;line-height:15px;}
.type_cols tbody td.text_left .buttons_inline {text-align:left;}

/* 폼관련테이블 */
.type_rows.type_form th, .type_rows.type_form td {padding:10px 20px;line-height:28px;}
.type_form .w280 {width:280px;}
.type_form .w150 {width:150px;}
.type_form .w90p {width:90%;}
.type_form .form_id input {vertical-align:top;}
.type_form .form_id .btn_check {display:inline-block;*zoom:1;*display:inline;padding:7px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:top;text-align:center;}
.type_form .form_tel {overflow:hidden;}
.type_form .form_tel input, .type_form .form_tel select, .type_form .form_tel .blank {display:block;float:left;}
.type_form .form_tel select {width:116px;}
.type_form .form_tel input {width:100px;}
.type_form .form_tel .blank {width:20px;text-align:center;}
.type_form .form_email {overflow:hidden;}
.type_form .form_email input, .type_form .form_email select, .type_form .form_email .blank {display:block;float:left;}
.type_form .form_email select {width:150px;margin-left:5px;}
.type_form .form_email input {width:150px;}
.type_form .form_email .blank {width:20px;text-align:center;}
.type_form .marketting_agree {margin-top:5px;font-size:13px;}
.type_form .marketting_agree input[type=radio] {margin-left:15px;}
.type_form .marketting_agree label {margin-left:5px;}
.type_form .form_address input {width:280px;}
.type_form .form_address .post {margin-bottom:5px;}
.type_form .form_address .post input {width:100px;vertical-align:top;}
.type_form .form_address .post .btn_post {display:inline-block;*zoom:1;*display:inline;padding:7px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:top;text-align:center;}
.type_form .form_gender label {margin:0 15px 0 7px;}
.type_form .form_birth {overflow:hidden;}
.type_form .form_birth input[type=text], .type_form .form_birth .blank, .type_form .form_birth .check {display:block;float:left;}
.type_form .form_birth input[type=text] {width:60px;}
.type_form .form_birth .blank {padding:0 15px 0 5px}
.type_form .form_birth .check {margin-left:10px;}
.type_form .form_birth .check label {margin:0 15px 0 7px;}
.type_form .checks {display:inline-block;*zoom:1;*display:inline;margin-left:8px;vertical-align:top;height:28px;line-height:28px;}
.type_form .checks label {margin-left:6px;font-size:13px;color:#222}
.type_form .notetext {display:inline-block;*zoom:1;*display:inline;margin-left:8px;vertical-align:top;height:28px;line-height:28px;font-size:13px;color:#999}
.type_form .notetextblock {margin-top:5px;font-size:13px;line-height:15px;color:#999}

/* scroll box */
.scroll_guide_box {border-top:2px solid #000;}
.scroll_guide_box .scroll {height:150px;overflow-y:auto;padding:18px;border:1px solid #dfdfdf;border-top:0 none;background-color:#fff;line-height:22px;color:#666}
.scroll_guide_box .check_agree {background:#fafafa;border:1px solid #dfdfdf;border-top:0 none;text-align:right;padding:15px 20px}
.scroll_guide_box .check_agree label {margin-left:8px;color:#000}

/* popup (layer) */
/*.layer_wrap {padding:50px 0;}
.layer_wrap {padding:0 20px; text-align:center;}

.layer_wrap .title {margin-top:20px; font-size:18px; font-weight:bold; color:#000;}
.layer_wrap .title span {text-decoration:underline;}

*/
.layer_wrap {background:#fff; padding:0 20px;}
.layer_wrap h1{padding:1px 20px 20px; font-size:20px; font-weight:bold; color:#000; border-bottom:2px solid #000;}
.layer_wrap .layer_cont {padding:40px 0 30px;}
.layer_wrap div  { position:relative; }
.layer_wrap .text {margin:40px 0;  color:#666; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.layer_wrap .text .message {line-height:34px; font-size:18px;}
.layer_wrap .text .message .title {position:relative;}
.layer_wrap .text .message .chargepoint {position:absolute; right:5px; font-weight:900; color:#000;}
.layer_wrap .text .message .remainpoint {position:absolute; right:5px; font-weight:900; color:#000;}
.layer_wrap .text .message .todayremainpoint {position:absolute; right:5px; font-weight:900; color:#000;}
.layer_wrap .text .message .nowtrxamount {position:absolute; right:5px; font-weight:900; color:#000;}
.layer_wrap .text .message .point_use_date {font-size:13px; color:#666; font-weight:400; line-height:19px; margin-top:10px; background:#f7f7f7; border:1px solid #ddd; padding:10px;}
.layer_wrap .close_btn {position:absolute; top:15px; right:0px; z-index:2;}
.layer_wrap .layer_cont h2{font-weight:bold;color:#3d3d3d;font-size:12px}
.layer_wrap .layer_cont .type_rows, .layer_wrap .layer_cont .type_cols {border-top:1px solid #dfdfdf;}
.layer_wrap .layer_cont .quantity_box {width:80px;border:solid 1px #ccc;text-align:left;position:relative;}
.layer_wrap .layer_cont .quantity_box input {border:0 none;width:56px;text-align:center;margin:0;padding:4px 0;}
.layer_wrap .layer_cont .quantity_box .btns {display:block;position:absolute;right:0;top:0;width:24px;height:26px;border-left:1px solid #ccc}
.layer_wrap .layer_cont .quantity_box .btns .up, .quantity_box .btns .down {display:block;text-indent:-999em;height:12px}
.layer_wrap .layer_cont .quantity_box .btns .up {height:13px;border-bottom:1px solid #ccc;background:url(../button/btn_quantity_up.png) center center no-repeat;}
.layer_wrap .layer_cont .quantity_box .btns .down {background:url(../button/btn_quantity_down.png) center center no-repeat;}
.layer_wrap .layer_cont .type_form .form_tel select {width:72px;}
.layer_wrap .layer_cont .type_form .form_tel input {width:56px;}
.layer_wrap .layer_cont .type_form .form_address input {width:90%;margin-top:5px;}
.layer_wrap .layer_cont .type_form .form_address .post {margin:0;}
/* 바로주문 popup */
.layer_wrap .layer_cont .type_form .form_address .post input {width:30%;margin:0;}
.layer_wrap .layer_cont .order_direct {overflow-y:auto; max-height:400px;}
.layer_wrap .layer_cont table tr.amount td div.num {float:left; line-height:30px;}
.layer_wrap .layer_cont table tr.amount td div.num span{display:block;float:left;}
.layer_wrap .layer_cont table tr.amount td div.num span a{display:block;}
.layer_wrap .layer_cont table tr.amount td div.num input{float:left; width:55px; height:28px; line-height:28px; padding:0; text-align:center; border:solid 1px #e5e5e5;}
.layer_wrap .layer_cont table tr.option_title th{padding:10px 0 10px 12px; font-weight:bold; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#f9f9f9;}
.layer_wrap .layer_cont table tr.option td p{font-size:14px; color:#000; padding-left:12px;}
.layer_wrap .layer_cont table tr.option td textarea{width:100%;}

/* 옵션선택시 나오는 부분 */
.layer_wrap .layer_cont table tr.option_select td{padding:10px 15px; border-top:1px solid #ccc; border-bottom:1px solid #000; background:#f9f9f9;}
.layer_wrap .layer_cont table tr.option_select td p{color:#000;line-height:1.3em;}
.layer_wrap .layer_cont table tr.option_select td div{display:none; overflow:hidden; margin-top:10px; padding-top:10px; border-top:1px solid #e3e3e3;}
.layer_wrap .layer_cont table tr.option_select td div ul{overflow:hidden; padding:5px 0;}
.layer_wrap .layer_cont table tr.option_select td div ul li{float:left; line-height:28px;}
.layer_wrap .layer_cont table tr.option_select td div ul li.title{width:200px; color:#000;}
.layer_wrap .layer_cont table tr.option_select td div ul li.price{float:right; width:170px; font-weight:bold; text-align:right;}
.layer_wrap .layer_cont table tr.option_select td div ul li.price a {margin-left:9px;}
.layer_wrap .layer_cont table tr.option_select td div ul li input{float:left; width:55px; height:28px; line-height:28px; padding:0; text-align:center; border:solid 1px #e5e5e5;}
.layer_wrap .layer_cont table tr.option_select td div ul li span{float:left;}
.layer_wrap .layer_cont table tr.option_select td div ul li span a{display:block;}

/* 최종가격 */
.layer_wrap .layer_cont table tr.total_sum td{padding:25px 15px 20px 0; font-size:14px; text-align:right; font-weight:bold; color:#000;}
.layer_wrap .layer_cont table tr.total_sum td strong{font-size:18px; font-weight:bold;}

.layer_wrap .layer_cont .claim_info h2 {font-size:14px;margin-bottom:10px;}
.layer_wrap .layer_cont .claim_info h2.mgt20 {margin-top:20px;}


.button,
input[type="button"],
input[type="submit"] {
	padding: 5px 14px 7px 14px;
	display: inline-block;
	border: 0px;
	font-weight: 500;
	outline: none;
	font-size: 13px;
	cursor: pointer;
	width: auto;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius: 2px;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);
	letter-spacing: -0.2px;
}

input[type="button"],
input[type="submit"] {float: left;}

.button i { margin: 0 2px 0 -1px; height: 14px; }
.button i.halflings { margin: 2px 0px 0 -1px; }

.button.medium {padding: 9px 12px; font-size: 14px;}
.button.small {padding: 2px 5px; font-size: 12px;}

.button.gray {color: #fff;background: #4c4c4c; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.4);}
.button.gray:hover {background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);}

.button.light {color:#fff; background:#aaa; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15);}
.button.light:hover {background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);}

.button.color {color:#fff; background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); }
.button.color:hover {background:#aaa; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); }


.button.large {width: 150px; padding:9px 18px; font-size: 20px; }
.button.xlarge { width: 203px; line-height: 55px; font-size: 20px;}


/* Input Button */
input[type="button"],
input[type="submit"],
input[type="button"]:focus,
input[type="submit"]:focus {
	color:#fff;
	background:#169fe6;
	padding: 9px 11px;
	border: none !important;
}

ininput[type="button"]:hover,
input[type="submit"]:hover { background:#aaa; }

.inner_box .more_btn {
	overflow: hidden; zoom: 1; padding-top: 7px; text-align: center;
}

.inner_box .btn_sm {
	display: inline-block; font: 11px/20px dotum,'돋움',sans-serif; height: 18px; border: 1px solid #c4c4c4; border-radius: 2px; color: #4d4d4d; text-decoration: none !important; letter-spacing: -1px; box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.1); vertical-align: middle; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #efefef); line-height: 20px;
background: #fafafa;
}
.inner_box .btn_sm span {
	display: inline-block; width: 112px; padding: 0 8px; text-align: center;
}

.contact-details-alt li {
    overflow: hidden;
    margin: 0 0 14px 0;
	line-height:17px;
}
.contact-details-alt li:after {
    display: block;
    content: "";
    clear: both;
    margin: 0;
}
.contact-details-alt li i {
    float: left;
    margin: 1px 0 0 0;
}
.contact-details-alt li p {
    display: inline-block;
    text-align: left;
}
.contact-details-alt p {
    margin: -2px 0 0 0px;
    line-height: 18px;
}
.contact-details-alt p.label {width: 90px; letter-spacing: -1px;}

.highlight.gray {
    background: #4c4c4c;
	padding: 2px 6px;
    color: #fff;
    border-radius: 2px;
	margin: 0 5px 5px 0;
}


.page_main {padding:0 20px 20px; position:relative;}

/* goto-top */
footer #area-goto-top{display:none;}
footer .goto_top {display: inline-block; position: absolute; z-index: 10; width: 70px; height: 70px; background: #444; border-radius: 50%; cursor: pointer; text-align: center; color: #fff; line-height: 27px; position: fixed; right: 15px; bottom: 80px;}
footer .goto_top i{font-size:18px; position: relative; top: 8px; }
footer .goto-top .arrow_btn {position: relative; top: 8px; display: inline-block; width: 14px; height: 9px; }

.closebtn {font-size:12px; color:#333; border:1px solid #e5e5e5; padding:3px 5px; margin:0 5px 0 15px; text-decoration: none;}

.caption-gray, .caption-color, .caption-transparent {
    padding: 18px 22px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
    box-shadow: inset 0px -1px 0px 0px rgb(0 0 0 / 10%);
}

img.pro_img{display:inline-block; width:50px;height:50px;margin-right:10px}
/* 부분취소 */
div.reason{border:solid 1px #ddd;padding:15px;margin-top:10px}
div.reason textarea{width:98%;display:block;margin-top:5px}
div.reason select{width:86%}
div.reason strong{color:#444}
div.reason .input_reason{background:#fff url(../imgs/mypage/txt_claim_reason.png) 3px 3px no-repeat}

/* fix header table style */
.tbl_fix_100 > * {
	box-sizing: border-box;
}
.tbl_fix_100 {
  overflow: auto;
  scroll-snap-type: both mandatory;
  max-height: 80vh;
  display: block;
  border-top: 2px solid #000;
  border-bottom: 1px solid #ddd;
}
.tbl_fix_100.notFixHead {
	max-height: initial;
}
.tbl_fix_100 table {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}
.tbl_fix_100 table tr th,
.tbl_fix_100 table tr td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-clip: padding-box;
  scroll-snap-align: start;
}
/*
tbody tr:last-child th{
  border-bottom: 0;
}
*/
.tbl_fix_100 table thead {
  z-index: 10;
  position: relative;
  position: sticky;
  top: 0;
}
.tbl_fix_100 table th,
.tbl_fix_100 table td {
  padding: 0.6rem;
  text-align: center;
  white-space: nowrap;
  margin: 0;
}

.tbl_fix_100 table.t_list td {
  overflow:hidden;
  text-overflow:ellipsis;
}

.tbl_fix_100 table thead th {
  background-clip: padding-box;
  border-top: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}
.tbl_fix_100 table thead th.pin {
  position: sticky;
  left: 0;
  z-index: 11;
  border-left: 0;
}
.tbl_fix_100 table thead th:first-child {
  border-left: 0;
}
.tbl_fix_100 table tbody th {
  background-clip: padding-box;
  border-left: 0;
}
.tbl_fix_100 table tbody {
  z-index: 2;
  position: relative;
}
.tbl_fix_100 table tbody th {
  position: sticky;
  left: 0;
  z-index: 11;
}
.tbl_fix_100 table tbody tr td:first-child {
  border-left: 0;  
}
.tbl_fix_100 table thead th,
.tbl_fix_100 table tbody th {
  background-color: #f8f8f8;
}
.tbl_fix_100 table tbody tr td:last-of-type {
	border-right: 0;
}
.tbl_fix_100 table thead tr:nth-child(1) th:last-child {
	border-right: 0;
}
.tbl_fix_100 table thead tr th[rowspan]:last-child {
	border-right: 0;
}
.tbl_fix_100 table tbody tr:last-child th {
	border-bottom: 0;
}
.tbl_fix_100 table tbody tr:last-child td {
	border-bottom: 0;
}
.tbl_fix_100 table tbody tr.stop td {
	color:#bbb;
}
.tbl_fix_100 table tbody tr td input, .tbl_fix_100 table tbody tr td select {display:inline-block;}