@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

@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');
 }

/****************************** 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{min-width:1200px;font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim';font-size:14px;font-weight:400;color:#111;line-height:1.7;vertical-align: baseline;} /* line-height:22 */
select,input,img,button,textarea{vertical-align:middle;text-align:left;font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim';font-size:14px;font-weight:400;color:#111;}
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%}
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;font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim';font-size:14px;font-weight:400;color:#222;box-sizing:content-box;}
button::-moz-focus-inner{border:0;padding:0}
a{text-decoration:none;color:#111;outline:none}
a:hover {text-decoration:none;}
label{cursor:pointer}
button,select,option,input,textarea{outline:none;}
::-webkit-input-placeholder {color: #aaa; font-weight:300 }
::-moz-placeholder {color: #aaa; font-weight:300 } /* firefox 19+ */
:-ms-input-placeholder {color: #aaa; font-weight:300 } /* ie */
input:-moz-placeholder {color: #aaa; font-weight:300 }
::placeholder {color: #aaa; font-weight:300 }

body.hidden {overflow-x:hidden;}

/****************************** global class ******************************/
.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;}
/* 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}
/* color */
.x_price {color:#000 !important;font-weight:700 !important;}
.x_highlight {color:#bb1e5b !important;}
.g11{color:#111 !important}
.g33{color:#333 !important}
.g66{color:#666 !important}
.g99{color:#999 !important}
.point2 {color:#1e9fbb !important}
.point3 {color:#061ca4 !important}
.point4 {color:#f00 !important}
.black{color:#000 !important}
.g88{color:#888 !important}
.g22{color:#222 !important}
.blue {color:#3092e6 !important}
.red {color:#f00 !important}
.orange {color:#f35600 !important}
/* ellipsis */
.ellWrap{width:100%}
.ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
/* laybox */
#laybox-canvas {border:1px solid #9f9f9f !important;}

/* padding */

/****************************** layer class ******************************/
#adbanner {width:100%;overflow:hidden;text-align:center;}
#adbanner > div {width:1200px;margin:0 auto;position:relative;}
#adbanner > div > div {width:1920px;margin-left:-360px;text-align:center;}
#adbanner .close {position:absolute;right:50%;top:50%;margin-right:-580px;margin-top:-19px;}

#header {position:relative; width:100%; border-bottom:solid 1px #dbdbdb;}
#header:after {content:''; position:absolute; left:0; bottom:-34px; width:100%; height:34px;}
#header .logo_area {position:relative;width:1200px;margin:0 auto;padding-top:40px;text-align:left;}
#header .logo_area:after {content:''; display:block; clear:both;}
#header .logo_area h1 {float:left;width:343px;margin:38px 0 0 76px;}
#header .logo_area h1 img {width:250px;margin-top:15px;}
#header .logo_area .util_list {position:absolute;right:0;top:0;height:40px;line-height:48px;overflow:hidden;}
#header .logo_area .util_list li {position:relative; float:left;line-height:40px;}
#header .logo_area .util_list li a {padding:0 7px; color:#303030;}
#header .logo_area .util_list li a:after {content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-6px; background:#dedede;}
#header .logo_area .util_list li:first-child a:after {display:none;}
#header .logo_area .util_list li.cart a span {display:none;}
#header .logo_area .topper_search {position:relative; float:left;width:357px;height:34px;padding:54px 0 43px;}
#header .logo_area .topper_search .search {}
#header .logo_area .topper_search .search .form {height:32px;border-bottom:solid 2px #333;overflow:hidden;}
#header .logo_area .topper_search .search .form input {display:block;float:left;width:317px;height:32px;border:none 0;padding:0 10px;color:#696969;text-align:left;}
#header .logo_area .topper_search .search .form button {display:block;float:left;width:18px;height:32px;}
#header .logo_area .topper_search .search_layer {display:none; position:absolute; right:0; top:88px; width:355px; border:1px solid #959db0; background:#fff; z-index:100;}
#header .logo_area .topper_search .search_layer.on {display:block;}
#header .logo_area .topper_search .search_layer .search_box {}
#header .logo_area .topper_search .search_layer .search_box > ul {overflow:hidden; height:254px;}
#header .logo_area .topper_search .search_layer .search_box > ul > li {float:left; width:176px; height:254px;}
#header .logo_area .topper_search .search_layer .search_box > ul > li:first-child {width:177px; border-right:2px solid #9ba2b4;}
#header .logo_area .topper_search .search_layer .search_box > ul > li .title {height:26px; font-size:14px; line-height:26px; letter-spacing:-0.025em; text-align:center; color:#959db0; border-bottom:1px solid #959db0;}
#header .logo_area .topper_search .search_layer .search_box > ul > li ul li {padding:0 0 0 30px; font-size:13px; line-height:22px;}
#header .logo_area .topper_search .search_layer .search_box > ul > li ul li a {overflow:hidden; text-overflow:ellipsis; display:block; font-weight:300; white-space:nowrap; color:#696969;}
#header .logo_area .topper_search .search_layer .search_box > ul > li ul li a span {display:inline-block; width:25px;}
#header .logo_area .topper_search .search_layer .search_box > ul > li:first-child ul li a span {width:auto;}
#header .logo_area .topper_search .search_layer .search_box > ul > li ul li.none {padding:0; line-height:15px; text-align:center;}
#header .logo_area .topper_search .search_layer .relation {padding:8px 10px 16px; border-top:2px solid #959db0;}
#header .logo_area .topper_search .search_layer .relation .title {font-size:14px; letter-spacing:-0.025em; color:#959db0;}
#header .logo_area .topper_search .search_layer .relation a {font-size:12px; font-weight:300; line-height:20px; color:#696969;}
#header .logo_area .sum_box {float:right; width:400px; margin-top:54px; text-align:right;}
#header .logo_area .sum_box ul {display:inline-block;}
#header .logo_area .sum_box ul li {overflow:hidden; padding-left:25px; font-size:14px; line-height:20px; text-align:right; color:#575757; background:url(../../imgs/whole/global/sum_icon02.png) no-repeat left center;}
#header .logo_area .sum_box ul li:first-child {background-image:url(../../imgs/whole/global/sum_icon01.png);}
#header .logo_area .sum_box ul li > span {float:left; margin-right:10px;}
#header .logo_area .sum_box ul li strong {color:#c92c69;}
#header .logo_area .sum_box ul li strong span {margin-left:3px; font-weight:normal; color:#575757;}
#header .menu_area {}
#header .menu_area .inner {width:1200px;margin:0 auto;overflow:hidden;}
#header .menu_area .totalcate {float:left; width:228px; height:53px;}
#header .menu_area .gnb.text {float:left;overflow:hidden;width:984px;margin-left:-12px;}
#header .menu_area .gnb.text li {float:left;padding:10px 0 10px 48px;}
#header .menu_area .gnb.text li a {display:inline-block;font-size:16px;color:#282828;font-weight:400;line-height:19px;padding:7px 0;letter-spacing:-1px;}
#header .menu_area .gnb.text li a:hover {padding-bottom:5px;border-bottom:solid 2px #d12b5b;color:#d12b5b;}
#header .menu_area .gnb.imgs {float:left;overflow:hidden;width:972px;}
#header .menu_area .gnb.imgs li {float:left;}
#header .menu_area .gnb.imgs li a {display:block;}
#header .logo_area .other_site,
#header .logo_area .banner_slide,
#header .logo_area .etc_list,
#header .menu_area .etc {display:none;}

#header #header_category {display:none; position:absolute; left:50%; top:0; margin:0 0 0 -600px; z-index:99;}
#header #header_category .close {display:none; position:absolute; left:0; top:-54px;}
#header #header_category > div {width:660px;}
#header #header_category > div:after {content:''; display:block; clear:both;}
#header #header_category .depth1 {width:228px; padding-bottom:10px; background:#d6d6d6;}
#header #header_category .depth1 li {position:relative;}
#header #header_category .depth1 li a {display:block; height:36px; padding:0 0 0 30px; font-size:15px; line-height:36px; color:#282828;}
#header #header_category .depth1 > li:first-child {padding-top:10px;}
#header #header_category .depth1 li .depth2 {display:none; position:absolute; left:227px; top:0; width:213px; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background:#fff;}
#header #header_category .depth1 li .depth2 li {border-bottom:1px solid #d4d4d4;}
#header #header_category .depth1 li .depth2 li:hover {background:#eee;}
#header #header_category .depth1 li .depth2 li .depth3 {display:none; position:absolute; left:213px; top:0; width:213px; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-bottom:0; background:#fff;}
#header #header_category .depth1 li .depth2 li .depth3 li {padding:0;}
#header #header_category .depth1 li .depth2 li:first-child,
#header #header_category .depth1 li .depth2 li .depth3 li:first-child {margin-top:-1px; border-top:1px solid #d4d4d4;}
#header #header_category .depth1 li:first-child .depth2 li:first-child,
#header #header_category .depth1 li:first-child .depth2 li:first-child .depth3 li:first-child {margin-top:0; padding-top:10px; border-top:0 none;}
#header #header_category .depth1 > li:hover > a {background:#fff;}
#header #header_category .depth1 > li:hover > a:after {content:''; position:absolute; left:0; top:0; width:2px; height:36px; background:#000;}
#header #header_category .depth1 > li:first-child:hover > a:after {top:10px;}
#header #header_category .depth1 > li:hover .depth2 {display:block;}
#header #header_category .depth1 li .depth2 > li:hover > .depth3 {display:block;}

/* header fixed */
#header.fixed {position:fixed; left:0; top:0; width:100%; height:100px; background:#fff !important; z-index:98;}
#header.fixed:after {display:none;}
#header.fixed .logo_area {height:100px; padding:0;}
#header.fixed .logo_area h1 {width:287px; margin:29px 0 0 82px;}
#header.fixed .logo_area h1 img {width:250px; margin-top:-1px;}  


#header.fixed .logo_area .util_list {height:100px; line-height:100px;}
#header.fixed .logo_area .util_list li {line-height:100px;}
#header.fixed .logo_area .util_list li.cart span {display:inline-block; width:35px; height:15px; margin:0 0 -2px 5px; font-size:12px; line-height:15px; text-align:center; color:#fff; background:url(../../imgs/whole/global/header_cartbg.png) #d12b5b no-repeat left top; border-radius:15px;}
#header.fixed .logo_area .topper_search {padding:33px 0 0;}
#header.fixed .logo_area .topper_search .search_layer {top:67px;}
#header.fixed .menu_area .totalcate {position:absolute; left:50%; top:45px; width:26px; height:12px; margin-left:-587px; background:url(../../imgs/whole/global/header_totalcatebg.png) no-repeat left top;}
#header.fixed .menu_area .totalcate img {display:none;}
#header.fixed .logo_area .sum_box,
#header.fixed .logo_area .util_list li.delivery,
#header.fixed .logo_area .util_list li.whole,
#header.fixed .menu_area .gnb {display:none;}

/* footer */
#footer {margin-top:40px;}
#footer .footer_inner {overflow:hidden; width:1200px; margin:0 auto;}
#footer .footer_menu {height:38px; text-align:center; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
#footer .footer_menu ul {overflow:hidden; display:inline-block;}
#footer .footer_menu ul li {position:relative; float:left; height:38px; padding:0 38px; line-height:38px;}
#footer .footer_menu ul li:after {content:''; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-5px; background:#d9d9d9;}
#footer .footer_menu ul li a {font-size:14px; color:#767676;}
#footer .footer_menu ul li a b {font-weight:300; color:#d12b5b;}
#footer .footer_menu ul li:first-child {margin-left:0;}
#footer .footer_menu ul li:first-child:after {display:none;}
#footer .footer_content {margin:25px 0 42px;}
#footer .footer_content h6 {float:left;}
#footer .footer_content .company_info {float:left; margin:17px 0 0 55px; font-size:12px; color:#767676;}
#footer .footer_content .company_info a {color:#767676;}
#footer .footer_content .company_info .point {color:#414141;}
#footer .footer_content .company_info .btn_bizno {display:inline-block; padding:0 20px 0 5px; border:1px solid #ddd; background:url(../../imgs/whole/global/footer_bizno.png) no-repeat right center;}
#footer .amark, #footer .sns_box {display:none;}


/* quick bar */
#quick_left{position:absolute;width:90px;z-index:16;top:714px;left:50%;margin-left:-720px;}
#quick_left .slide_box {background:#fff;position:relative;}
#quick_left .slide_box .widget-panel {border:solid 1px #e1e1e1;height:159px;}
#quick_left .slide_box .widget-indicator {height:29px;border:solid 1px #e1e1e1;border-top:none 0;text-align:center;font-size:12px;color:#494949;line-height:29px;letter-spacing:-0.01em;}
#quick_left .slide_box .widget-indicator a {display:none;color:#494949;}
#quick_left .slide_box .widget-indicator a.current {display:inline-block;}
#quick_left .slide_box button {position:absolute;bottom:0;width:22px;height:29px;overflow:hidden;text-indent:-999em;}
#quick_left .slide_box button.widget-prev {left:0;border-right:solid 1px #e1e1e1;background:url(../../imgs/mile/global/bg_quick_prev.png) center center no-repeat;}
#quick_left .slide_box button.widget-next {right:0;border-left:solid 1px #e1e1e1;background:url(../../imgs/mile/global/bg_quick_next.png) center center no-repeat;}
#quick_left .pop_parking {margin-top:10px;}
#quick_right {position:absolute;width:90px;z-index:16;top:714px;right:49%;margin-right:-681px;}
#quick_right .menu {border:solid 1px #e0e0e0;border-bottom:none 0;background:#fff;}
#quick_right .menu li {border-bottom:solid 1px #f1f1f1;color:#6b6b6b;font-size:11px;text-align:center;letter-spacing:-0.01em;}
#quick_right .menu li a {display:block;color:#6b6b6b;}
#quick_right .menu li.insu a {height:26px;padding-top:35px;background:url(../../imgs/mile/global/quick_insu2.png) center 13px no-repeat;}
#quick_right .menu li.cart a {height:26px;padding-top:35px;background:url(../../imgs/mile/global/quick_cart.png) center 13px no-repeat;}
#quick_right .menu li.wish a {height:25px;padding-top:34px;background:url(../../imgs/mile/global/quick_wish.png) center 13px no-repeat;}
#quick_right .menu li.view a {height:25px;padding-top:31px;background:url(../../imgs/mile/global/quick_view.png) center 12px no-repeat;}
#quick_right .menu li.mileage {height:84px;font-weight:400;}
#quick_right .menu li.mileage .icon {display:inline-block;vertical-align:top;background:url(../../imgs/mile/global/quick_mileage.png) left center no-repeat;padding-left:15px;line-height:14px;}
#quick_right .menu li.mileage .login_before {padding-top:13px;}
#quick_right .menu li.mileage .login_before .link {display:block;width:35px;height:20px;margin:7px auto 0;background:#acacac;color:#fff;}
#quick_right .menu li.mileage .login_before .link span {display:inline-block;vertical-align:top;line-height:20px;background:url(../../imgs/mile/global/bg_arrow_quicklink.png) right center no-repeat;padding-right:7px;}
#quick_right .menu li.mileage .login_after {display:block;padding-top:17px;height:67px;}
#quick_right .gotop {display:block;text-align:center;background:#7a7979;color:#fff;font-size:12px;height:30px;line-height:20px;}


/* container */
#container{position:relative;width:100%;text-align:center;min-height:540px;background:#fdfdfd;}
#container:after {content:''; display:block; clear:both;}
#container_inner {width:1200px; text-align:left;margin:0 auto 40px;}
#container_inner:after {content:''; display:block; clear:both;}

/* content */
#contents100 {width:100%;text-align:left;margin-top:10px;} /* 왼쪽메뉴 없을 때 */
#contents {float:right;width:986px;text-align:left;} /* 왼쪽메뉴 있을 때 */

/* lnb */
#lnb {float:left;width:185px;text-align:left;}
#lnb .lnb_box {background:#fff;border:solid 1px #e3e3e3;padding:24px 0 43px;margin-bottom:10px;}
#lnb .lnb_box .title {font-size:24px;line-height:28px;padding:0 19px;}
#lnb .lnb_navigation {margin-top:41px;}
#lnb .lnb_navigation li > a {display:block;padding:0 19px;}
#lnb .lnb_navigation .depth1 {font-size:16px;line-height:25px;height:25px;margin-top:15px;}
#lnb .lnb_navigation .depth1:hover,
#lnb .lnb_navigation .active .depth1 {background:#f8f8f8;}
#lnb .lnb_navigation .depth2 {margin:5px 0 14px;}
#lnb .lnb_navigation .depth2 li a {font-size:13px;line-height:22px;font-weight:300;}
#lnb .lnb_navigation .depth2 li a:hover,
#lnb .lnb_navigation .depth2 li.active a {color:#d12b5b}

.navigation ul {overflow:hidden;padding:19px 0 8px;height:18px;}
.navigation ul li {float:left;font-size:12px;font-weight:300;color:#999;line-height:18px;}
.navigation ul li a {color:#999;}
.navigation ul li .step {padding:0 4px;}
.navigation ul li strong {font-weight:300;color:#666;}
.navigation ul li .arrow {display:inline-block; padding:0 6px; line-height:18px;}
.navigation ul li select {min-width:100px}
.navigation ul li .select-title {height:20px; margin-top:-2px; line-height:20px; padding-right:25px; vertical-align:middle; background:url(../../imgs/whole/global/naviselectbox_bg.png) #fff no-repeat right top;}
.navigation ul li .select-title.active {background-position:right -21px;}

/* 페이지타이틀 */
.titlebig {text-align:center;border-bottom:solid 2px #606062;font-size:30px;line-height:32px;padding-bottom:15px;margin-bottom:30px;}
.titlemiddle {text-align:left;font-size:18px;line-height:18px;font-weight:700;}

/* input type=text */
input[type=text], input[type=password] {height:28px; padding:0 10px; font-size:13px; line-height:28px; color:#666; border:1px solid #e3e3e3; background:#fff;}
textarea {padding:10px; font-size:13px; color:#666; border:1px solid #e3e3e3; background:#fff;}
.my-placeholder { color: #aaa; font-weight:300 }
::-webkit-input-placeholder {color: #aaa; font-weight:300 }
::-moz-placeholder {color: #aaa; font-weight:300 } /* firefox 19+ */
:-ms-input-placeholder {color: #aaa; font-weight:300 } /* ie */
input:-moz-placeholder {color: #aaa; font-weight:300 }
::placeholder {color: #aaa; font-weight:300 }
input[type=text]:-ms-input-placeholder {color: #aaa; font-weight:300 }
input[type=password]:-ms-input-placeholder {color: #aaa; font-weight:300 }

/* input type=file */
.fileboxdefault {position:relative; display:inline-block;}
.fileboxdefault input[type=text]{color:#061ca4;font-size:13px;font-weight:300;}
.fileboxdefault input[type=file] {width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.fileboxdefault label {display:inline-block; width:103px; height:28px; margin-left:4px; line-height:28px; text-align:center; vertical-align:middle; border:1px solid #bdbdbd; background:#f8f8f8;color:#333;font-size:13px;}

/* checkbox, radiobox */
.form-hide {display:block; opacity:0; filter:alpha(opacity=0); margin:0; cursor:pointer;}
/* checkbox */
.checkboxForm {display:inline-block; vertical-align:middle;}
.checkboxForm .form-checkbox {display:inline-block; width:16px; height:16px; margin-right:10px; vertical-align:middle; background:url(../../imgs/whole/global/checkbox_bg.png) no-repeat left top;}
.checkboxForm .form-checked {background-position:0 -16px;}
.checkboxForm .form-hide {width:16px; height:16px;}
.checkboxForm label {font-size:14px; vertical-align:middle; color:#666;}
/* radiobox */
.radioboxForm {display:inline-block; vertical-align:middle;}
.radioboxForm .form-radio {display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle; background:url(../../imgs/whole/global/radiobox_bg.png) no-repeat left top;}
.radioboxForm .form-selected {background-position:0 -14px;}
.radioboxForm .form-hide {width:14px; height:14px;}
.radioboxForm label {font-size:14px; vertical-align:middle; color:#111;}

/* selectbox */
.select-title {display:inline-block; text-align:left; height:28px; padding:0 0 0 10px; font-size:12px; line-height:28px; color:#999; border:1px solid #e3e3e3; background:url(../../imgs/whole/global/selectbox_bg.png) #fff no-repeat right top; cursor:pointer;}
.select-title.active {background-position:right -28px;}
.select-title strong {display:block; font-weight:normal; overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.select-title.readonly {background-color:#f8f8f8;}
.select-option {border:1px solid #e3e3e3; background:#fff;overflow: auto;}
.select-option ul {padding:10px 0 15px;}
.select-option ul li span {display:block; height:28px; padding-left:15px; line-height:28px; font-size:12px; color:#333; cursor:pointer}
.select-option ul li span:hover, .select-option ul li span.selected {background:#e5e5e5;}
/* 버튼형 selectbox */
.list_selectbox {position:relative; display:inline-block;}
.list_selectbox .list_selectbtn {overflow:hidden; display:block; width:425px; height:28px; padding:0 50px 0 8px; font-size:12px; font-weight:300; line-height:28px; color:#999; border:1px solid #e3e3e3; background:url(../../imgs/whole/global/selectbox_bg.png) #fff no-repeat right top; box-sizing:content-box;}
.list_selectbox .list_selectbtn.active {background-position:right -28px;}
.list_selectbox ul {display:none; overflow-x:hidden; overflow-y:auto; position:absolute; left:0; top:30px; width:100%; height:209px; padding-top:9px; border-bottom:1px solid #e3e3e3; background:#fff; z-index:100;}
.list_selectbox ul:before {content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#e3e3e3; z-index:2;}
.list_selectbox ul:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#e3e3e3; z-index:2;}
.list_selectbox ul li a {display:block; padding:6px 30px 6px 15px; font-size:12px; font-weight:300; line-height:15px;}
.list_selectbox ul li a span {color:#d12b5b;}
.list_selectbox ul li.on a,
.list_selectbox ul li:hover a {background:#e5e5e5;}
.list_selectbox ul li.soldout a,
.list_selectbox ul li.soldout a span {color:#999;}
.list_selectbox ul li.soldout:hover a {background:#fff; cursor:auto;}

/* placeholder */
/*.input_demand {background:url(../../imgs/whole/global/placeholder_deliverymemo.png) #fff no-repeat 10px center;}
input[type=text].input_school {background:url(../../imgs/whole/global/placeholder_school.png) #fff no-repeat 10px center;}
input[type=text].input_department {background:url(../../imgs/whole/global/placeholder_department.png) #fff no-repeat 10px center;}
input[type=text].input_airportplace {background:url(../../imgs/whole/global/placeholder_airplace.png) #fff no-repeat 10px center;}
input[type=text].input_postulat {background:url(../../imgs/whole/global/placeholder_postulat.png) #fff no-repeat 10px center;}
input[type=text].input_addition {background:url(../../imgs/whole/placeholder/placeholder_addition.png) #fff no-repeat 10px center;}*/
.placeholder {font-weight:300;}

/* product grid */
.product_grid_box {clear:both;}
.product_grid_box ul {overflow:hidden;margin:-10px 0 0 -19px;}
.product_grid_box ul li {float:left;width:284px;height:411px;border:solid 1px #e3e3e3;margin:20px 0 0 19px;overflow:hidden;position:relative;}
.product_grid_box ul li.mar {margin-left:18px;}
.product_grid_box ul li .checkboxForm {position:absolute;right:0;top:10px;z-index:2}
.product_grid_box ul li .imgbox {display:block;width:256px;height:256px;position:relative;margin:13px auto 16px;}
.product_grid_box ul li .imgbox .pic {display:block;width:256px;height:256px;margin:0 auto;background:#fafafa;}
.product_grid_box ul li .imgbox .flagbox {display:block;position:absolute;left:-5px;bottom:0;width:258px;height:18px;overflow:hidden;}
.product_grid_box ul li .imgbox .flagbox img {vertical-align:top;height:18px;}
.product_grid_box ul li .imgbox .iconbox {display:block;position:absolute;left:-3px;top:-3px;}
.product_grid_box ul li .imgbox .iconbox .print,
.product_grid_box ul li .imgbox .iconbox .earlybird,
.product_grid_box ul li .imgbox .iconbox .sale {display:block;width:57px;height:43px;text-align:center;line-height:28px;font-weight:700;padding-top:14px;}
.product_grid_box ul li .imgbox .iconbox .print {background:url(../../imgs/whole/global/bg_icon_print.png) left top no-repeat;color:#3c465f;}
.product_grid_box ul li .imgbox .iconbox .earlybird {background:url(../../imgs/whole/global/bg_icon_earlybird.png) left top no-repeat;line-height:14px;color:#aaa195;}
.product_grid_box ul li .imgbox .iconbox .sale {background:url(../../imgs/whole/global/bg_icon_sale.png) left top no-repeat;color:#bb1e5b;}
.product_grid_box ul li .imgbox .soldoutbox {display:block;width:254px;height:72px;padding:91px 0;position:absolute;left:0;top:0;border:solid 1px #e3e3e3;background:url(../../imgs/whole/global/bg_soldout.png) left top repeat;z-index:1;text-align:center;color:#fff;font-size:30px;font-weight:300;line-height:36px}
.product_grid_box ul li .infobox {display:block;width:256px;height:90px;margin:23px auto 0;}
.product_grid_box ul li .infobox .name {display:block;line-height:18px;height:36px;overflow:hidden;}
.product_grid_box ul li .infobox .price {display:block;font-size:13px;margin-top:7px;height:40px;line-height:40px;font-weight:300;color:#999}
.product_grid_box ul li .infobox .price .text {padding-right:15px;}
.product_grid_box ul li .infobox .price .sale {color:#bb1e5b;}
.product_grid_box ul li .infobox .price .sale strong {font-size:24px;}
.product_grid_box ul li .infobox .price .market {color:#999;text-decoration:line-through;padding-left:6px;}
.product_grid_box ul li .infobox .price.soldout {text-align:center;}
.product_grid_box ul li .infobox .price.soldout strong {color:#999;font-size:24px;}
.product_grid_box ul li .infobox .price.nomem {font-size:16px;color:#bb1e5b;font-weight:700;}
.product_grid_box ul li .infobox .more {display:none}
.product_grid_box ul li.none_pro {clear:both;width:1198px !important;text-align:center;color:#999;line-height:336px;}
/* 5배열 */
.product_grid_box ul.col5 {margin:-10px 0 0 -10px;}
.product_grid_box ul.col5 li {width:230px;height:336px;margin:10px 0 0 10px;}
.product_grid_box ul.col5 li .imgbox {width:230px;height:230px;margin:0;}
.product_grid_box ul.col5 li .imgbox .pic {width:230px;height:230px;}
.product_grid_box ul.col5 li .imgbox .flagbox {width:232px;left:0;}
.product_grid_box ul.col5 li .imgbox .flagbox img {}
.product_grid_box ul.col5 li .imgbox .iconbox {left:10px;top:10px;}
.product_grid_box ul.col5 li .imgbox .soldoutbox {width:230px;padding:79px 0;border:none 0;}
.product_grid_box ul.col5 li .infobox {display:block;width:190px;margin:16px auto 0;}
/* 3배열 */
.product_grid_box ul.col3 {margin:-10px 0 0 -10px;}
.product_grid_box ul.col3 li {width:391px;height:351px;margin:10px 0 0 10px;}
.product_grid_box ul.col3 li .imgbox {width:391px;height:230px;margin:0;}
.product_grid_box ul.col3 li .imgbox .pic {width:230px;height:230px;}
.product_grid_box ul.col3 li .imgbox .flagbox {width:393px;left:0;}
.product_grid_box ul.col3 li .imgbox .flagbox img {}
.product_grid_box ul.col3 li .imgbox .iconbox {left:10px;top:10px;}
.product_grid_box ul.col3 li .imgbox .soldoutbox {width:391px;padding:79px 0;border:none 0;}
.product_grid_box ul.col3 li .infobox {display:block;width:351px;margin:16px auto 0;}
/* 2배열 */
.product_grid_box ul.col2 {margin:-20px 0 0 -20px;}
.product_grid_box ul.col2 li {width:588px;height:564px;margin:20px 0 0 20px;}
.product_grid_box ul.col2 li .imgbox {width:588px;height:300px;padding:69px 0 86px;margin:0;}
.product_grid_box ul.col2 li .imgbox .pic {width:300px;height:300px;}
.product_grid_box ul.col2 li .imgbox .flagbox {width:547px;left:19px;}
.product_grid_box ul.col2 li .imgbox .flagbox img {}
.product_grid_box ul.col2 li .imgbox .iconbox {left:10px;top:10px;}
.product_grid_box ul.col2 li .imgbox .soldoutbox {width:588px;padding:183px 0;border:none 0;}
.product_grid_box ul.col2 li .infobox {width:547px;}
.product_grid_box ul.col2 li .infobox .name {height:18px;font-size:16px;}
/* 1배열 */
.product_grid_box ul.col1 {margin:-30px 0 0 0;}
.product_grid_box ul.col1 li {width:862px;height:336px;margin:30px 0 0 0;overflow:hidden;padding-left:336px;position:relative;}
.product_grid_box ul.col1 li .imgbox {position:absolute;left:0;top:0;width:336px;height:336px;margin:0;}
.product_grid_box ul.col1 li .imgbox .pic {width:336px;height:336px;}
.product_grid_box ul.col1 li .imgbox .flagbox {width:802px;bottom:0;top:29px;left:366px;}
.product_grid_box ul.col1 li .imgbox .iconbox {left:10px;top:10px;}
.product_grid_box ul.col1 li .imgbox .soldoutbox {width:336px;padding:132px 0;border:none 0;}
.product_grid_box ul.col1 li .infobox {border-left:solid 1px #e3e3e3;width:802px;height:278px;padding:29px;margin:0;}
.product_grid_box ul.col1 li .infobox .name {height:60px;font-size:24px;line-height:30px;font-weight:300;padding-top:19px;}
.product_grid_box ul.col1 li .infobox .price {font-size:18px;margin-top:47px;}
.product_grid_box ul.col1 li .infobox .price .sale strong {font-size:36px;}
.product_grid_box ul.col1 li .infobox .price .market {font-size:16px;color:#999;text-decoration:line-through;padding-left:6px;font-weight:300;}
.product_grid_box ul.col1 li .infobox .more {display:block;margin-top:45px;width:200px;padding:15px 0;text-align:center;border:solid 1px #dbdbdb;font-size:16px;color:#333;line-height:18px;}
.product_grid_box ul.col1 li .infobox .more > span {display:inline-block;padding-left:23px;background:url(../../imgs/whole/global/bg_form_search.png) left center no-repeat;}

/* button */
.buttons_box {}
.buttons_box a,
.buttons_box button {display:inline-block; height:26px; font-size:13px; line-height:26px; font-weight:300; letter-spacing:-0.025em; text-align:center; box-sizing:content-box;}
.buttons_box .full {padding:0 20px; color:#fff; border:1px solid #bb1e5b; background:#bb1e5b;}
.buttons_box-airport a, .buttons_box-airport01 button {
	display: inline-block; float: right; width: 110px; height: 26px; font-size: 11px; line-height: 26px; font-weight: 400; letter-spacing: -0.025em; text-align: center; box-sizing: content-box;}
.buttons_box-airport .full {padding:0 7px; color:#bb1e5b; border:1px solid #bb1e5b;}
.buttons_box-airport>a:hover {background:#bb1e5b; color:#fff;}
.buttons_box-airport:hover {background:#bb1e5b; color: #fff;}
.buttons_box .border {padding:0 20px; color:#333; border:1px solid #d9d9d9; background:#fff;}
.buttons_box .borderf {padding:0 20px; color:#bb1e5b; border:1px solid #bb1e5b; background:#fff;}
.buttons_box.big {overflow:hidden; padding:0 0 0 1px;}
.buttons_box.big a,
.buttons_box.big button {display:block; float:left; width:249px; height:68px; margin:0 0 0 -1px; padding:0; line-height:68px; text-align:center; font-size:18px; color:#666; border:1px solid #dbdbdb; background:#fff; box-sizing:content-box;}
.buttons_box.big .full {width:319px; margin:0; color:#fff; border:1px solid #bb1e5b; background:#bb1e5b;}
.buttons_box.center {text-align:center;}
.buttons_box.center a,
.buttons_box.center button {display:inline-block; width:158px; height:48px; margin-left:-4px; padding:0; font-size:18px; line-height:48px; text-align:center; color:#666; border:1px solid #dbdbdb; background:#fff; vertical-align:top;}
.buttons_box.center .full {color:#fff; border:1px solid #bb1e5b; background:#bb1e5b;}
.buttons_box.center .borderp {border:1px solid #bb1e5b;color:#bb1e5b}
.arrowbtn {display:inline-block; height:26px; padding:0 10px; font-size:13px; line-height:26px; font-weight:300; color:#bb1e5b; border:1px solid #bb1e5b; background:#fff;}
.arrowbtn img {margin:9px 0 0 10px; vertical-align:top;}
.arrowbtn.blk {color:#333; border:1px solid #d9d9d9; background:#fff;}
.arrowbtn.pink {height:38px; padding:0 20px; line-height:38px; color:#fff; border:1px solid #bb1e5b; background:#bb1e5b;}
.arrowbtn.pink img {margin:14px 0 0 10px;}
.arrowbtn.type02 strong {margin:0 6px 0 0; font-weight:bold; color:#bb1e5b;}
.arrowbtn.type02 img {margin:9px 0 0 6px;}
.blackbtn {display:inline-block; height:32px; padding:0 20px; font-size:14px; font-weight:400; line-height:32px; text-align:center; color:#fff; background:#111;}
.graybtn {display:inline-block; width:113px; height:28px; font-size:13px; font-weight:300; line-height:28px; text-align:center; color:#333; border:1px solid #dbdbdb; background:#f8f8f8;}

/* paging */
.paging {margin-top:60px;}
.paging ul {text-align:center;}
.paging li {display:inline-block;vertical-align:top;}
.paging li a {display:block;height:31px;line-height:31px;text-align:center;color:#666;padding:0 9px;}
.paging li a strong {font-weight:700;color:#111;}
.paging li .first,
.paging li .prev,
.paging li .next,
.paging li .last {width:28px;height:29px;background:#fff;border:solid 1px #e3e3e3;line-height:0;padding:0;}
.paging li .first {margin-right:3px;}
.paging li .last {margin-left:3px;}
.paging li .prev {margin-right:7px;}
.paging li .next {margin-left:7px;}

/* table */
/* type form */
.tablebox.type_form {border-top:1px solid #e3e3e3;}
.tablebox.type_form table tr th {padding:10px 0 10px 20px; font-weight:300; line-height:16px; text-align:left; color:#666; border-bottom:1px solid #e3e3e3; background:#f9f9f9;}
.tablebox.type_form table tr th .essential {margin-left:3px; color:#f00;}
.tablebox.type_form table tr td {padding:10px 0 10px 20px; font-weight:300; text-align:left; color:#999; border-bottom:1px solid #e3e3e3;}
.tablebox.type_form table tr td input[type=text] {width:318px;}
.tablebox.type_form table tr td input[type=text].small {width:120px;}
.tablebox.type_form table tr td input[type=text].middle {width:508px;}
.tablebox.type_form table tr td input[type=text].large {width:678px;}
.tablebox.type_form table tr td input[type=text].gray {background:#dbdbdb;}
.tablebox.type_form table tr td .select-title {vertical-align:middle;}
.tablebox.type_form table tr.date td input[type=text] {width:63px;}
.tablebox.type_form table tr.date td span {margin:0 13px 0 0;}
.tablebox.type_form table tr.email td input[type=text] {width:118px;}
.tablebox.type_form table tr.email td input[type=text].domain {width:135px; margin-right:6px;}
.tablebox.type_form table tr.email td .at {margin:0 12px;}
.tablebox.type_form table tr.phone td input[type=text] {width:78px;}
.tablebox.type_form table tr.phone td .line {display:inline-block; width:8px; height:1px; margin:0 3px; vertical-align:middle; background:#dbdbdb;}
.tablebox.type_form table tr.calender td .calenderbox {position:relative; display:inline-block;}
.tablebox.type_form table tr.calender td .calenderbox input[type=text] {width:120px;}
.tablebox.type_form table tr.calender td .calenderbox button {position:absolute; right:1px; top:1px;}
.tablebox.type_form table tr.attach th {padding-left:0;}
.tablebox.type_form table tr.attach th.row {padding-left:10px;}
.tablebox.type_form table tr.attach th.line,
.tablebox.type_form table tr.attach td.line {border-bottom:1px dashed #d9d9d9;}
.tablebox.type_form table tr.attach td .filebox {position:relative; display:inline-block;}
.tablebox.type_form table tr.attach td .filebox input[type=file] {width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.tablebox.type_form table tr.attach td .filebox input[type=file] + label {display:inline-block; width:103px; height:28px; margin-left:6px; line-height:28px; text-align:center; vertical-align:middle; border:1px solid #dbdbdb; background:#f8f8f8;}
.tablebox.type_form table tr.adress td input[type=text] {margin-right:6px;}
.tablebox.type_form table tr.adress td .adress_box {margin-bottom:10px;}
.tablebox.type_form table tr.adress td .adress_box button, .tablebox.type_form table tr.adress td .adress_box a {display:inline-block; width:103px; height:28px; font-size:13px; line-height:28px; text-align:center; vertical-align:middle; color:#333; border:1px solid #dbdbdb; background:#f8f8f8;}
.tablebox.type_form table tr.adress td .adress_box input[type=text] {width:118px;}
.tablebox.type_form table tr.memo td {font-size:13px; color:#999;}
.tablebox.type_form table tr.memo td textarea {width:668px; padding:7px 10px 6px; vertical-align:middle;}
.tablebox.type_form table tr.memo td input[type=text] {width:38px; margin:0 6px; vertical-align:middle;}

/* type_cols */
.tablebox.type_cols {border:1px solid #e3e3e3; border-top:1px solid #e3e3e3;}
.tablebox.type_cols table thead tr th {height:50px; font-size:14px; font-weight:300; text-align:center; color:#999; border-bottom:1px solid #e3e3e3; background:#f8f8f8;}
.tablebox.type_cols table thead tr th .checkboxForm .form-checkbox {margin:0;}
.tablebox.type_cols table tbody tr td {padding:20px 0; font-size:14px; text-align:center; color:#999; border-top:1px dashed #d9d9d9; background:#fff;}
.tablebox.type_cols table tbody tr th {font-weight:normal;background:#f8f8f8;border-top:1px dashed #d9d9d9;border-right:1px solid #e3e3e3;color:#999;padding:10px;}
.tablebox.type_cols table tbody tr:first-child th,
.tablebox.type_cols table tbody tr:first-child td {border-top:0 none;}
.tablebox.type_cols table tbody tr td.checkbox {vertical-align:top;}
.tablebox.type_cols table tbody tr td.checkbox .checkboxForm .form-checkbox {margin:0;}
.tablebox.type_cols table tbody tr td.img {vertical-align:top;}
.tablebox.type_cols table tbody tr td.img .option_change .arrowbtn {width:78px; margin-top:10px; color:#666; border:1px solid #d9d9d9;}
.tablebox.type_cols table tbody tr td.img .option_change .arrowbtn img {margin-left:25px;}
.tablebox.type_cols table tbody tr td.text_left {padding-left:14px; font-size:13px; font-weight:300; text-align:left; vertical-align:top; color:#666;}
.tablebox.type_cols table tbody tr td.text_left .flagbox img {}
.tablebox.type_cols table tbody tr td.text_left .goodsName {margin:0 0 16px;}
.tablebox.type_cols table tbody tr td.text_left .goodsName a {font-size:14px; font-weight:400; line-height:18px; color:#333;}
.tablebox.type_cols table tbody tr td.text_left .method {margin-bottom:4px;}
.tablebox.type_cols table tbody tr td.text_left .method span {display:inline-block; height:17px; padding:0 6px; font-size:12px; font-weight:300; line-height:17px; color:#d12b5b; border:1px solid #d12b5b;}
.tablebox.type_cols table tbody tr td.text_left .freegift {margin-bottom:12px; font-size:13px; color:#666;}
.tablebox.type_cols table tbody tr td.text_left .proinfo {line-height:18px;}
.tablebox.type_cols table tbody tr td .quantity_box {width:65px;margin:0 auto 3px;text-align:left;position:relative;}
.tablebox.type_cols table tbody tr td .quantity_box input[type=text] {width:39px; height:26px; margin:0; padding:0; font-size:13px; text-align:center; color:#333;}
.tablebox.type_cols table tbody tr td .quantity_box .btns {display:block;position:absolute;right:0;top:0;width:23px;height:26px; border:1px solid #e3e3e3; border-left:0 none;}
.tablebox.type_cols table tbody tr td .quantity_box .btns .up, .quantity_box .btns .down {display:block;text-indent:-999em;height:13px}
.tablebox.type_cols table tbody tr td .quantity_box .btns .up {height:12px; border-bottom:1px solid #e9e9e9; background:url(../../imgs/whole/icon/button_up_arrow.png) #fff center center no-repeat;}
.tablebox.type_cols table tbody tr td .quantity_box .btns .down {background:url(../../imgs/whole/icon/button_down_arrow.png) #fff no-repeat center center;}
.tablebox.type_cols table tbody tr td .buttons_box .border {width:63px; padding:0;}
.tablebox.type_cols table tbody tr td.sale span {vertical-align:middle; color:#d12b5b;}
.tablebox.type_cols table tbody tr td .mileicon {display:inline-block; width:18px; height:18px; margin-left:3px; font-size:12px; font-weight:700; line-height:18px; text-align:center; color:#fff; background:url(../../imgs/whole/icon/circle_icon.png) no-repeat left top;}
.tablebox.type_cols table tbody tr td .price {font-size:18px; font-weight:700; color:#d12b5b;}
.tablebox.type_cols table tbody tr td .price span {font-size:14px; font-weight:400;}
.tablebox.type_cols table tbody tr td.point span {vertical-align:middle; color:#666;}
.tablebox.type_cols table tbody tr td.delivery span {display:block; color:#333;}
.tablebox.type_cols table tbody tr td.choice .buttons_box button {width:80px; padding:0;}
.tablebox.type_cols table tbody tr td.choice .buttons_box button.full {margin-bottom:5px;}
.tablebox.type_cols table tbody tr td.state strong {font-weight:400; color:#333;}
.tablebox.type_cols table tbody tr td.state .buttons_box {display:inline-block;}
.tablebox.type_cols table tbody tr td.state .buttons_box a,
.tablebox.type_cols table tbody tr td.state .buttons_box button {display:block; margin-bottom:5px; padding:0; width:63px;}
.tablebox.type_cols table tbody tr td.state .buttons_box .blackbtn {width:65px;}
.tablebox.type_cols table tbody tr td.none {height:233px; font-size:22px !important; color:#666;}
/* 품절 */
.tablebox.type_cols table tbody tr.soldout td.text_left .method span {color:#999; border:1px solid #999;}
.tablebox.type_cols table tbody tr.soldout td.img a {position:relative;display:block;width:100px;height:100px;background:#eee;}
.tablebox.type_cols table tbody tr.soldout td.img .soldoutbox  {display:block;width:100px;height:78px;padding:22px 0 0;position:absolute;left:0;top:0;background:url(../../imgs/whole/global/bg_soldout.png) left top repeat;z-index:1;text-align:center;color:#fff;font-size:24px;font-weight:300;line-height:30px}

/* type_rows */
.tablebox.type_rows {border-top:1px solid #000;}
.tablebox.type_rows table tr th {padding:14px 0 13px 20px; font-weight:300; line-height:16px; text-align:left; color:#666; border-bottom:1px solid #e3e3e3; background:#f9f9f9;}
.tablebox.type_rows table tr th .essential {margin-left:3px; color:#f00;}
.tablebox.type_rows table tr td {padding:14px 0 13px 20px; font-weight:300; text-align:left; color:#999; border-bottom:1px solid #e3e3e3;}
.tablebox.type_rows table tr td .price {font-size:18px; font-weight:700; color:#d12b5b;}
.tablebox.type_rows table tr td .price span {font-size:14px; font-weight:400;}

/* 레이어팝업 공통 */
.layer_wrap {padding:20px 16px 30px; background:#fff;}
.layer_wrap h1 {margin:0 0 5px; font-size:20px; font-weight:700; color:#111;}
.layer_wrap h2 {margin:15px 0 3px; font-size:17px; color:#999;}
.layer_wrap .close_btn {position:absolute; right:19px; top:24px;}
.layer_wrap .tablebox.type_cols {border-top:1px solid #e3e3e3; border-left:0 none;}
.layer_wrap .tablebox.type_cols table tr th,
.layer_wrap .tablebox.type_cols table tr td {border-left:1px solid #e3e3e3;}
.layer_wrap .buttons_box.center {margin:30px 0 0;}

/* 상품상세 :: 재입고알림신청 팝업 */
.restocked_wrap .phone {height:30px; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000; background:#f8f8f8;}
.restocked_wrap .phone p {float:left; width:160px; padding-left:20px; line-height:30px;}
.restocked_wrap .phone .select-title {vertical-align:middle;}
.restocked_wrap .phone .line {position:relative; display:inline-block; height:30px; padding:0 7px; vertical-align:middle;}
.restocked_wrap .phone .line:after {content:''; position:absolute; left:50%; top:50%; width:8px; height:1px; margin-left:-4px; background:#dbdbdb;}
.restocked_wrap .phone input[type=text] {width:78px;}
.restocked_wrap .info {padding:14px 0; border-bottom:1px solid #e3e3e3;}
.restocked_wrap .info li {font-size:13px; font-weight:300; line-height:24px; letter-spacing:-0.035em; color:#666;}
.restocked_wrap .info li strong {color:#333;}
.restocked_wrap .agree {padding:0 22px;}
.restocked_wrap .agree p {padding:25px 0 5px; color:#333;}
.restocked_wrap .agree .agreebox {padding:12px 9px; font-size:13px; font-weight:300; line-height:18px; color:#999; border:1px solid #dbdbdb;}
.restocked_wrap .agree .checkboxForm {display:block; margin:17px auto 0; text-align:center;}

/* 상품상세 :: 할인쿠폰 */
.detailcoupon_wrap .tablebox.type_cols table tr td {padding:20px 12px; line-height:16px;}
.detailcoupon_wrap .tablebox.type_cols table tr td span {color:#111;}
.detailcoupon_wrap .tablebox.type_cols table tr td .graybtn {width:108px;}

/* 장바구니 :: 옵션변경 팝업 */
.prooption_wrap .option_box {margin:5px 0 0; padding:30px; border:1px solid #dbdbdb;}
.prooption_wrap .option_box:after {content:''; display:block; clear:both;}
.prooption_wrap .option_box .img_box {float:left; width:290px; height:290px; background:#dbdbdb;}
.prooption_wrap .option_box .detail_info {float:left; width:430px; margin-left:80px;}
.prooption_wrap .option_box .detail_info table tr th {padding:10px 0; font-size:14px; font-weight:300; text-align:left; color:#666;}
.prooption_wrap .option_box .detail_info table tr td {padding:10px 0;}
.prooption_wrap .option_box .detail_info table tr.amount td .amount_box .num {float:left; line-height:30px;}
.prooption_wrap .option_box .detail_info table tr.amount td .amount_box .num span{display:block;float:left;}
.prooption_wrap .option_box .detail_info table tr.amount td .amount_box .num span a{display:block;}
.prooption_wrap .option_box .detail_info table tr.amount td .amount_box .num input{float:left; width:55px; height:28px; line-height:28px; text-align:center; border:solid 1px #e5e5e5;}
.prooption_wrap .option_box .detail_info table tr.delivery td .deliverybox .radioboxForm label {margin-right:30px;}
.prooption_wrap .option_box .detail_info table tr.delivery td .deliverybox .radioboxForm img {margin:3px 5px 0 0; vertical-align:top;}
.prooption_wrap .option_box .detail_info table tr.date .date_box {position:relative; display:inline-block;}
.prooption_wrap .option_box .detail_info table tr.date .date_box input[type=text] {width:90px; padding-right:40px;}
.prooption_wrap .option_box .detail_info table tr.date .date_box .calender {position:absolute; right:1px; top:1px;}
.prooption_wrap .option_box .detail_info table tr td textarea {width:306px; padding:5px;}

/* 주문 :: 배송지선택 팝업 */
.address_wrap p {margin:8px 0 3px; font-size:17px; color:#999;}
.address_wrap .tablebox.type_cols table tr td .radioboxForm .form-radio {margin:0;}
.address_wrap .tablebox.type_cols table tr td.text_left {line-height:16px; color:#333;}

/* 주문 :: 약관 팝업 */
.terms_wrap .scrollbox {overflow-y:scroll; height:418px; margin:5px 0 30px; padding:20px; border:1px solid #dbdbdb;}

/* 주문 :: 쿠폰조회 팝업 */
.coupon_wrap .tablebox.type_cols {border-bottom:0 none;}
.coupon_wrap .tablebox.type_cols table tfoot tr td {padding:14px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f8f8f8;}
.coupon_wrap .tablebox.type_cols table tfoot tr td .price {padding:0 29px 0 0; font-size:18px; font-weight:700; text-align:right; color:#111;}
.coupon_wrap .tablebox.type_cols table tfoot tr td .price strong {margin-left:10px; color:#d12b5b;}
.coupon_wrap .tablebox.type_cols table tfoot tr td .price strong span {font-weight:400;}
.coupon_wrap .tablebox.type_form {margin:0 0 30px; border:0 none;}
.coupon_wrap .tablebox.type_form table tr th,
.coupon_wrap .tablebox.type_form table tr td {padding:0 0 32px; border:0 none; background:#fff;}
.coupon_wrap .tablebox.type_form table tr:first-child th,
.coupon_wrap .tablebox.type_form table tr:first-child td {padding:36px 0 10px;}
.coupon_wrap .tablebox.type_form table tfoot tr:first-child td {padding:7px 0; border:1px solid #d9d9d9; background:#f8f8f8;}
.coupon_wrap .tablebox.type_form table tfoot tr td .price {padding:0 29px 0 0; font-weight:700; text-align:right; color:#111;}
.coupon_wrap .tablebox.type_form table tfoot tr td .price strong {margin-left:15px; font-size:32px; color:#d12b5b;}
.coupon_wrap .tablebox.type_form table tfoot tr td .price strong span {font-size:26px; font-weight:400;}

/* 마이페이지 :: 구매확정 팝업 */
.decision_wrap {padding:42px 20px 30px;}
.decision_wrap h1 {text-align:left;border-bottom:solid 1px #000;padding-bottom:8px;}
.decision_wrap .decision_box .point2 {font-size:18px;padding-top:10px;}
.decision_wrap .decision_box .infotext {margin:15px 0; font-size:13px; font-weight:300; line-height:22px; color:#999;}
.decision_wrap .decision_box .select-title strong {font-size:18px; letter-spacing:0.3em; color:#d12b5b;}
.decision_wrap .decision_box .fileboxdefault {margin-top:10px;}
.decision_wrap .decision_box .fileboxdefault:first-child {margin:0;}
.decision_wrap .decision_box .notitext {margin:6px 0 0; font-size:12px; font-weight:300; line-height:18px; color:#999;}
.decision_wrap .decision_box .checkbg li {position:relative;padding-left:18px;}
.decision_wrap .decision_box .checkbg li:before {content:'';position:absolute;width:18px;height:10px;left:0;top:6px;background:url(../../imgs/whole/global/bg_noti_check.png) left center no-repeat;}
.decision_wrap .decision_box .buttons_box {margin-top:40px;}

/* 마이페이지 :: 보험내역 메일발송 팝업 */
.mailsend_wrap h1 {margin:0;}
.mailsend_wrap .summary {margin-bottom:9px; font-weight:300; color:#999;}
.mailsend_wrap .tablebox.type_form table tbody tr.email td input[type=text] {width:83px;}
.mailsend_wrap .tablebox.type_form table tbody tr.email td .at {margin:0 4px 0 5px;}

/* 마이페이지 :: 보험변경 신청서 팝업 */
.insurance_change_wrap .changebox {padding:35px 0; font-size:22px; line-height:30px; text-align:center; color:#333; border-top:1px solid #000;}
.insurance_change_wrap .tablebox.type_rows table tbody tr td {padding-left:10px; font-weight:400; color:#333;}
.insurance_change_wrap .tablebox.type_rows table tbody tr td .radioboxForm .form-radio {margin-right:4px;}
.insurance_change_wrap .tablebox.type_rows table tbody tr td .radioboxForm label {margin-right:14px; color:#666;}
.insurance_change_wrap .tablebox.type_rows table tbody tr td input[type=text] {width:416px;}

/* 마이페이지 :: 보험 가입증명서 팝업 */
.joinproof_wrap h1 {padding-bottom:8px; border-bottom:1px solid #000;}

/* 마이페이지 :: 리뷰작성 팝업 */
.reviewwrite_wrap {padding:42px 20px 30px;}
.reviewwrite_wrap h1 {text-align:left;}
.reviewwrite_wrap .summary {font-size:13px;color:#999;font-weight:300;padding:14px 0 26px}
.reviewwrite_wrap .reviewwrite_box .notitext {margin:6px 0 0; font-size:12px; font-weight:300; line-height:18px; color:#999;}
.reviewwrite_wrap .reviewwrite_box .notitext .mar {margin-top:18px;}
.reviewwrite_wrap .tablebox.type_form {border-top:solid 1px #e3e3e3;}
.reviewwrite_wrap .tablebox.type_form table tbody tr td {font-size:13px; line-height:16px; color:#333;}
.reviewwrite_wrap .tablebox.type_form table tbody tr td .filebox_wrap {overflow:hidden; margin-top:10px;}
.reviewwrite_wrap .tablebox.type_form table tbody tr td .filebox_wrap:first-child {margin:0;}
.reviewwrite_wrap .tablebox.type_form table tbody tr td .filebox_wrap .fileboxdefault {float:left; width:265px;}
.reviewwrite_wrap .tablebox.type_form table tbody tr td .filebox_wrap .fileboximg {float:right; width:163px; line-height:30px; text-align:left;}
.reviewwrite_wrap .tablebox.type_form table tbody tr td .filebox_wrap .fileboximg .graybtn {float:right; width:58px; margin-right:20px;}
.reviewwrite_wrap .tablebox.type_form .radioboxForm {padding:6px 0 7px;}
.reviewwrite_wrap .tablebox.type_form .radioboxForm label {margin-right:30px;font-size:13px;color:#333;}

/* 마이페이지 :: 배송지등록 팝업 */
.addressreg_wrap .tablebox.type_form table tr.title td input[type=text] {width:178px; margin-right:27px;}
.addressreg_wrap .tablebox.type_form table tr.adress td input[type=text] {width:406px; margin:10px 0 0;}
.addressreg_wrap .tablebox.type_form table tr.adress td .adress_box {margin:0;}
.addressreg_wrap .tablebox.type_form table tr.adress td .adress_box input[type=text] {width:118px; margin:0;}
.addressreg_wrap .tablebox.type_form table tr.adress td .adress_box button {margin:0 0 0 7px;}

/* 마이페이지 :: 환불계좌등록 팝업 */
.bankreg_wrap .tablebox.type_form table tr td .notetextblock {display:inline-block; margin-left:-20px; font-size:12px; font-weight:300; line-height:14px; vertical-align:middle; color:#999;}
.bankreg_wrap .point4 {margin-top:5px; font-size:13px; letter-spacing:-0.035em;}

/* 대량구매문의 :: 상품추가 팝업 */
.purchase_wrap h1 {margin:22px 0 0;}
.purchase_wrap .search {position:relative; height:30px; padding:20px; text-align:right; border-top:2px solid #000; border-bottom:1px solid #000; background:#f8f8f8;}
.purchase_wrap .search input[type=text] {width:288px;}
.purchase_wrap .search button {position:absolute; right:21px; top:21px;}
.purchase_wrap .searchlist {overflow:auto; max-height:400px;}
.purchase_wrap .searchlist ul li {position:relative; overflow:hidden; padding:30px 0; border-bottom:1px solid #e3e3e3;}
.purchase_wrap .searchlist ul li .imgbox {float:left; width:95px; height:95px;}
.purchase_wrap .searchlist ul li .textbox {float:left; width:436px; padding-left:20px;}
.purchase_wrap .searchlist ul li .textbox .name {line-height:20px; color:#333;}
.purchase_wrap .searchlist ul li .option p {margin:8px 0 5px; font-weight:300; color:#666;}
.purchase_wrap .searchlist ul li .buttons_box {position:absolute; right:0; top:50%; margin-top:-12px;}
.purchase_wrap .searchlist ul li .buttons_box .border {width:58px; height:22px; padding:0; font-size:12px; font-weight:300; line-height:22px; color:#999; border:1px solid #d9d9d9;}
.purchase_wrap .searchlist ul li.none {height:339px; font-size:16px; font-weight:400; line-height:339px; text-align:center; color:#333;}

/* 주문 :: 사은품 팝업 */
.freegift_wrap {padding:20px 0 30px 15px;}
.freegift_wrap h1 {padding-bottom:7px; border-bottom:1px solid #111;}
.freegift_wrap p {font-size:17px; color:#999;}
.freegift_wrap .freegift_list {overflow-y:auto; max-height:618px;}
.freegift_wrap .freegift_list ul {overflow:hidden; margin:-20px 0 0 -14px;}
.freegift_wrap .freegift_list ul li {position:relative; float:left; width:207px; margin:55px 0 0 14px; text-align:center;}
.freegift_wrap .freegift_list ul li .form-radio {position:absolute; left:50%; top:218px; margin-left:-7px;}
.freegift_wrap .freegift_list ul li label {font-size:14px; font-weight:300; color:#111;}
.freegift_wrap .freegift_list ul li label .img {position:relative; display:block; width:205px; height:205px; border:1px solid #e3e3e3;}
.freegift_wrap .freegift_list ul li label .img img {width:100%;height:100%}
.freegift_wrap .freegift_list ul li label .txt {display:block; margin:30px 0 0; padding:0 10px; line-height:18px;height:36px;overflow:hidden;}
.freegift_wrap .freegift_list ul li label.checked .img:after {content:''; position:absolute; left:-1px; top:-1px; width:201px; height:201px; border:3px solid #bb1e5b;}

/* 주문 :: 약관동의 팝업 */
.clauseview_wrap h1 {margin:0;}
.clauseview_wrap .agreewrap {overflow:auto; max-height:700px;}
.clauseview_wrap .agreebox {margin-bottom:7px;}
.clauseview_wrap .agreebox p {padding-top:16px; font-size:17px; font-weight:400; color:#999;}
.clauseview_wrap .agreebox .box {overflow-y:scroll; height:168px; padding:15px; border:1px solid #dbdbdb;}

/* 프로모션 :: 상품옵션설정 팝업 */
.promotion_option_wrap .optionbox .imgbox {width:365px; height:365px; border:1px solid #dbdbdb;}
.promotion_option_wrap .optionbox dl {overflow:hidden; margin-top:20px;}
.promotion_option_wrap .optionbox dl dt {float:left; width:135px;}
.promotion_option_wrap .optionbox dl dd {float:left; width:230px;}
.promotion_option_wrap .optionbox dl dd .num {line-height:30px;}
.promotion_option_wrap .optionbox dl dd .num span{display:block;float:left;}
.promotion_option_wrap .optionbox dl dd .num span a{display:block;}
.promotion_option_wrap .optionbox dl dd .num input{float:left; width:55px; height:28px; line-height:28px; text-align:center; border:solid 1px #e5e5e5;}

/* 장바구니, 보관함 (layer_pop) */
.layer_wrap.layer_cart {padding:60px 0 30px; text-align:center;}
.layer_wrap.layer_cart .layer_cont .close_btn {position:absolute; top:13px; right:13px; width:23px; height:22px; background:url(../../imgs/retail/global/layer_closebtn.png) no-repeat left top;}
.layer_wrap.layer_cart .layer_cont .title {font-size:28px; line-height:36px; color:#333;}
.layer_wrap.layer_cart .layer_cont .buttons_box.center a, .layer_wrap.layer_cart .layer_cont .buttons_box.center button {width:158px; height:48px; line-height:48px;}
.layer_wrap.layer_cart .layer_cont .buttons_box.center .cartbtn {background:#f8f8f8;}

/* 장바구니 :: 견적서 출력 팝업 */
.estimate_wrap {}
.estimate_wrap .titlebox {overflow:hidden;}
.estimate_wrap .titlebox h2 {float:left; font-size:18px; font-weight:bold; letter-spacing:-0.025em; color:#d12b5b;}
.estimate_wrap .titlebox span {float:right; margin-top:20px;}
.estimate_wrap .tablebox.type_rows table tbody tr td,
.estimate_wrap .tablebox.type_cols table tbody tr td {color:#333;}
.estimate_wrap .tablebox.type_cols table tfoot tr td {height:58px; padding-right:30px; font-size:18px; font-weight:bold; text-align:right; color:#111; border-top:1px solid #e3e3e3; background:#f8f8f8;}
.estimate_wrap .tablebox.type_cols table tfoot tr td span {font-weight:normal;}
.estimate_wrap .noti li {position:relative; padding-left:15px; font-size:12px; line-height:18px; color:#999;}
.estimate_wrap .noti li span {position:absolute; left:0; top:0;}

/* 팝업 */
.popup_body {}
.popup_body .popup_wrap {overflow:hidden;position:relative;}
.popup_body .contsbox {position:relative;}

.popup_body .contsbox .single > a,
.popup_body .contsbox .single > img {display:block;}

.popup_body .contsbox .group ul {overflow:hidden;width:1000%;}
.popup_body .contsbox .group li {float:left;}
.popup_body .contsbox .group li a,
.popup_body .contsbox .group li img {display:block;}

.popup_body .contsbox .rolling .widget {position:relative;}
.popup_body .contsbox .rolling .widget .widget-panel {overflow:hidden;}
.popup_body .contsbox .rolling .widget .widget-panel div {text-align:center;width:100%;}
.popup_body .contsbox .rolling .widget .widget-indicator {position:absolute;bottom:10px;left:0;width:100%;height:12px;text-align:center;}
.popup_body .contsbox .rolling .widget .widget-indicator a {display:inline-block;width:12px;height:12px;text-indent:-999em;line-height:0;font-size:0;background:#e8e8e8;border-radius:100%;behavior:url(../jscript/PIE.htc);vertical-align:top;margin:0 1px;}
.popup_body .contsbox .rolling .widget .widget-indicator a.current {background:#d12b5b;}

.popup_body .contsbox .closebox {position:absolute;height:26px;}
.popup_body .contsbox .closebox a,
.popup_body .contsbox .closebox img {display:block;height:100%;}
.popup_body .contsbox .closebox.topright {top:10px;right:10px;}
.popup_body .contsbox .closebox.topleft {top:10px;left:10px;}
.popup_body .contsbox .closebox.bottomright {bottom:10px;right:10px;}
.popup_body .contsbox .closebox.bottomleft {bottom:10px;left:10px;}
.popup_body .contsbox .closebox.centerright {top:50%;right:10px;margin-top:-13px;}
.popup_body .contsbox .closebox.centerleft {top:50%;left:10px;margin-top:-13px;}

.popup_body .todaybox {height:40px;width:100%;}
.popup_body .todaybox > div {height:40px;}
.popup_body .todaybox .right {text-align:right;}
.popup_body .todaybox .left {text-align:left;}
.popup_body .todaybox .center {text-align:center;}
.popup_body .todaybox .checkboxForm {vertical-align:top;height:16px;}
.popup_body .todaybox .checkboxForm .form-checkbox {vertical-align:top;}
.popup_body .todaybox .checkboxForm label {vertical-align:top;color:#999;line-height:16px;}