@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;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:#163e35 !important;}
.g11{color:#111 !important}
.g33{color:#333 !important}
.g66{color:#666 !important}
.g99{color:#999 !important}
.point2 {color:#5967b9 !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;border-bottom:solid 1px #dbdbdb;}
#adbanner .close {position:absolute;right:50%;top:50%;margin-right:-580px;margin-top:-19px;}

#header {width:100%;background:url(../../imgs/mile/global/bg_header.png) left top repeat-x;}
#header .logo_area {position:relative;width:1200px;margin:0 auto;padding-top:36px;text-align:left;}
#header .logo_area:after {content:''; display:block; clear:both;}
#header .logo_area h1 {float:left;width:348px;}
#header .logo_area h1 img {width:200px; height:95px;}
#header .logo_area .other_site {position:absolute;left:0;top:0;border-left:solid 1px #dbdbdb;overflow:hidden;}
#header .logo_area .other_site li {float:left;width:149px;height:36px;border-right:solid 1px #dbdbdb;text-align:center;}
#header .logo_area .other_site li a {display:block;height:23px;padding:7px 0 5px;font-size:13px;font-weight:400;line-height:23px;color:#797979;}
#header .logo_area .other_site li .logo {display:inline-block;height:23px;padding-left:40px;background:url(../../imgs/common/logo_hnt.png) left top no-repeat;overflow:hidden;vertical-align:top;}
#header .logo_area .other_site li.mile {background:#fff;}
#header .logo_area .other_site li.mile a {font-weight:700;color:#163e35}
#header .logo_area .other_site li.mile .logo {padding-left:34px;background:url(../../imgs/common/logo_mile.png) left bottom no-repeat;}
#header .logo_area .util_list {position:absolute;right:0;top:0;height:36px;overflow:hidden;}
#header .logo_area .util_list li {float:left;margin-left:20px;font-size:12px;line-height:35px;}
#header .logo_area .util_list li.whole {display:none;}
#header .logo_area .util_list li a {color:#696969;}
#header .logo_area .util_list li.cart a span {display:none;}
/*#header .logo_area .search {float:left;width:472px;height:39px;padding:33px 0 23px;}
#header .logo_area .search .form {height:38px;border-bottom:solid 1px #626262;overflow:hidden;}
#header .logo_area .search .form input {display:block;float:left;width:428px;height:38px;border:none 0;padding:0;color:#969696;text-align:center;}
#header .logo_area .search .form button {display:block;float:left;width:44px;height:38px;}*/
#header .logo_area .etc_list {float:right;width:250px;height:95px;overflow:hidden;position:relative;}
#header .logo_area .etc_list .imgs {width:250px;height:95px;overflow:hidden;}
#header .logo_area .etc_list .widget-indicator {display:none;position:absolute;right:23px;bottom:12px;width:100%;height:6px;text-align:right;}
#header .logo_area .etc_list .widget-indicator a {display:inline-block;width:6px;height:6px;vertical-align:top;background:#b4b4b4;border-radius:100%;behavior:url(../jscript/PIE.htc);text-indent:-999em;line-height:0;font-size:0;cursor:pointer;}
#header .logo_area .etc_list .widget-indicator a.current {width:18px;background:#4cb661;border-radius:3px;behavior:url(../jscript/PIE.htc);}
#header .logo_area .etc_list .text {overflow:hidden;}
#header .logo_area .etc_list .text li {float:left;}

#header .logo_area .topper_search {position:relative;float:left;width:472px;height:39px;padding:33px 0 23px;}
#header .logo_area .topper_search .search {}
#header .logo_area .topper_search .search .form {height:38px;border-bottom:solid 1px #626262;overflow:hidden;}
#header .logo_area .topper_search .search .form input {display:block;float:left;width:428px;height:38px;border:none 0;padding:0;color:#969696;text-align:left;font-size:14px;font-weight:300;}
#header .logo_area .topper_search .search .form button {display:block;float:left;width:44px;height:38px;}
#header .logo_area .topper_search .search_layer {display:none; position:absolute; right:0; top:79px; width:265px; border:1px solid #e3e3e3; 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:272px;}
#header .logo_area .topper_search .search_layer .search_box > ul > li {float:left; width:132px; height:272px;}
#header .logo_area .topper_search .search_layer .search_box > ul > li:first-child {border-right:1px solid #e3e3e3;}
#header .logo_area .topper_search .search_layer .search_box > ul > li .title {margin:6px 0 14px; font-size:14px; letter-spacing:-0.025em; text-align:center; color:#009933;}
#header .logo_area .topper_search .search_layer .search_box > ul > li ul li {padding:0 0 0 15px; font-size:12px; 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:18px;}
#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:1px solid #e3e3e3;}
#header .logo_area .topper_search .search_layer .relation .title {font-size:14px; letter-spacing:-0.025em; color:#009933;}
#header .logo_area .topper_search .search_layer .relation a {font-size:12px; font-weight:300; line-height:20px; color:#696969;}

#header .menu_area {padding-top:1px;}
#header .menu_area .inner {width:1200px;margin:0 auto;position:relative;}
#header .menu_area .inner:after {content:''; display:block; clear:both;}
#header .menu_area .totalcate {display:block;float:left;width:200px;height:52px;font-size:17px;font-weight:400;color:#fff;text-align:center;}
#header .menu_area .totalcate > span {display:inline-block;height:52px;padding-left:37px;background:url(../../imgs/mile/global/bg_totalcate.png) left top no-repeat;line-height:52px;}
#header .menu_area .gnb {width:820px;padding-left:20px;}
#header .menu_area .gnb.text {float:left;overflow:hidden;}
#header .menu_area .gnb.text li {float:left;text-align:center;padding:0 24px;}
#header .menu_area .gnb.text li a {display:inline-block;padding:16px 0;font-size:16px;font-weight:400;color:#464646;line-height:20px;}
#header .menu_area .gnb.text li a:hover {color:#009933;}
#header .menu_area .gnb.imgs {float:left;overflow:hidden;}
#header .menu_area .gnb.imgs li {float:left;}
#header .menu_area .etc {width:180px;}
#header .menu_area .etc.text {float:right;overflow:hidden;padding:16px 0 14px;text-align:right;}
#header .menu_area .etc.text li {display:inline-block;height:22px;}
#header .menu_area .etc.text li a {display:block;height:22px;padding:0 10px;line-height:22px;color:#636363;font-size:13px;position:relative;}
#header .menu_area .etc.text li a:before {content:'ㅣ';font-size:10px;color:#dbdbdb;position:absolute;left:-6px;top:0;}
#header .menu_area .etc.text li:first-child a:before {display:none;}
#header .menu_area .etc.imgs {float:right;overflow:hidden;}
#header .menu_area .etc.imgs li {float:left;}
#header .logo_area .my_info {display:none;}
.totalcategory {display:none;position:absolute;left:0;top:0;z-index:99}
.totalcategory .close {display:block;}
.totalcategory > div {}
.totalcategory > div .category_box {background:#fff;padding-top:18px;}
.totalcategory > div .category_box li {position:relative;}
.totalcategory > div .depth1 {width:199px;background:#fff;border-bottom:solid 1px #f7f7f7;border-right:solid 1px #fff;}
.totalcategory > div .depth1 a {display:block;padding:11px 30px;color:#898989;font-weight:400;line-height:17px;}
.totalcategory > div .depth2 {display:none;position:absolute;left:199px;top:-1px;z-index:1;width:442px;background:#f6f8fc;border:solid 1px #e4e5e7;overflow:hidden;}
.totalcategory > div .depth2 ul {width:169px;float:left;padding:24px 32px}
.totalcategory > div .depth2 ul li a {display:block;color:#707070;padding:6px 0 7px;}
.totalcategory > div .depth2 ul li a:hover {font-weight:500;color:#163e35}
.totalcategory > div .depth2 .banners {width:208px;float:right;border-left:solid 1px #e4e5e7;}
.totalcategory > div .depth2 .banners img {width:208px;}
.totalcategory > div .active .depth1 {position:relative;z-index:2;background:#f6f8fc;border-bottom:solid 1px #e4e5e7;border-top:solid 1px #e4e5e7;border-right:solid 1px #f6f8fc;}
.totalcategory > div .active .depth1 a {border-left:solid 2px #163e35;font-weight:500;color:#363636;padding-left:28px;padding-top:10px;}
.totalcategory > div .active .depth2 {display:block;}

/* footer */
#footer{clear:both;background:#fff;border-top:solid 1px #dbdbdb;}
#footer .footer_inner {width:1200px;margin:0 auto;overflow:hidden;}
#footer .footer_menu{background:#fff;border-bottom:solid 1px #dbdbdb;}
#footer .footer_menu .menu {text-align:center;padding:9px 0}
#footer .footer_menu .menu li {position:relative; display:inline-block;vertical-align:top;padding:0 33px;/*background:url(../../imgs/mile/global/bul_footer_menu.gif) right 5px no-repeat;*/line-height:20px;height:20px;}
#footer .footer_menu .menu li:after {content:''; position:absolute; right:0; top:5px; width:1px; height:11px; background:#e3e3e3;}
#footer .footer_menu .menu li.bg_none:after {display:none;}
#footer .footer_menu .menu li a {color:#767676}
#footer .footer_content{clear:both;padding:41px 0;}
#footer .footer_content h6 {float:left;width:245px;}
/*#footer .footer_content .company_info {float:left;width:655px;overflow:hidden;font-size:12px;line-height:22px;color:#767676;font-weight:400}*/
#footer .footer_content .company_info {float:left;overflow:hidden;font-size:12px;line-height:22px;color:#767676;font-weight:400}
#footer .footer_content .company_info address a {color:#767676;}
#footer .footer_content .company_info address .point {color:#474747}
#footer .footer_content .company_info address .line {display:inline-block;vertical-align:top;width:12px;height:22px;background:url(../../imgs/mile/global/bul_footer_address.gif) center 6px no-repeat;}
#footer .footer_content .company_info .btn_bizno {display:inline-block;line-height:19px;border:solid 1px #ddd;vertical-align:top;margin:0 8px 0 10px;padding:0 18px 0 4px;background:#fff url(../../imgs/mile/global/bg_btn_bizno.png) right center no-repeat;}
#footer .footer_content .sns_box {float:right;width:205px;}
#footer .footer_content .sns_box ul {overflow:hidden;margin-top:11px;}
#footer .footer_content .sns_box li {float:left;}
#footer .footer_content .amark {margin-top:10px;overflow:hidden;}
#footer .footer_content .amark li {float:left; margin-right:20px;}

/* 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:47%;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; margin-top: -15px;}
#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.cscs a {height:88px;padding-top:10px;}
#quick_right .menu li.cart2 a {height:105px;padding-top:10px;background:url(../../imgs/mile/global/quick_cart3.png) center 13px no-repeat;}
#quick_right .menu li.wish2 a {height:105px;padding-top:10px;background:url(../../imgs/mile/global/quick_wish3.png) center 13px no-repeat;}
#quick_right .menu li.order a {height:105px;padding-top:10px;background:url(../../imgs/mile/global/quick_order3.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;padding-bottom:70px;background:#fdfdfd;}
#container:after {content:''; display:block; clear:both;}
#container_inner {width:1200px; text-align:left;margin:0 auto;}
#container_inner:after {content:''; display:block; clear:both;} /* 왼쪽메뉴 없을 때 */

/* contents */
#contents{float:right;width:986px;text-align:left;} /* 왼쪽메뉴 있을 때 */
/*#contents100 {width:100%;text-align:left;padding-top:10px;}*/ /* 왼쪽메뉴 없을 때 */
#contents100 {width:100%;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:#163e35}

.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/mile/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 }

/* 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 input[type=file] + 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/mile/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:10px; vertical-align:middle; background:url(../../imgs/mile/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/mile/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-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: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/mile/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:#163e35;}
.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/mile/global/placeholder_deliverymemo.png) #fff no-repeat 10px center;}
input[type=text].input_school {background:url(../../imgs/mile/global/placeholder_school.png) #fff no-repeat 10px center;}
input[type=text].input_department {background:url(../../imgs/mile/global/placeholder_department.png) #fff no-repeat 10px center;}
input[type=text].input_airportplace {background:url(../../imgs/mile/global/placeholder_airplace.png) #fff no-repeat 10px center;}
input[type=text].input_postulat {background:url(../../imgs/mile/global/placeholder_postulat.png) #fff no-repeat 10px center;}
input[type=text].input_addition {background:url(../../imgs/mile/placeholder/placeholder_addition.png) #fff no-repeat 10px center;}

/* product grid */
.product_grid_box {clear:both;}
.product_grid_box ul {overflow:hidden;margin:-18px 0 0 -7px;}
.product_grid_box ul li {float:left;width:232px;height:348px;margin:18px 0 0 7px;overflow:hidden;position:relative;border:solid 1px #fff;background:#fff;}
.product_grid_box ul li .checkboxForm {position:absolute;right:0;top:10px;z-index:2}
.product_grid_box ul li .imgbox {display:block;width:100%;height:234px;position:relative;}
.product_grid_box ul li .imgbox .pic {display:block;width:234px;height:234px;margin:0 auto;}
.product_grid_box ul li .imgbox .flagbox {display:block;position:absolute;left:0;bottom:0;width:234px;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:10px;top:10px;}
.product_grid_box ul li .imgbox .iconbox .mms,
.product_grid_box ul li .imgbox .iconbox .sale {display:block;width:44px;height:37px;padding-top:20px;color:#fff;font-weight:500;text-align:center;line-height:14px;}
.product_grid_box ul li .imgbox .iconbox .mms {background:url(../../imgs/mile/global/bg_icon_mms.png) left top no-repeat;}
.product_grid_box ul li .imgbox .iconbox .sale {background:url(../../imgs/mile/global/bg_icon_sale.png) left top no-repeat;font-weight:700;}
.product_grid_box ul li .imgbox .soldoutbox {display:block;width:234px;height:234px;position:absolute;left:0;top:0;background:url(../../imgs/mile/global/bg_soldout.png) left top no-repeat;text-indent:-999em;z-index:1;background-size:100% 100%;font-size:0;line-height:0;}
.product_grid_box ul li .infobox {display:block;padding:27px 20px 0;height:89px;text-align:center;}
.product_grid_box ul li .infobox .name {display:block;line-height:18px;height:36px;overflow:hidden;color:#464646;}
.product_grid_box ul li .infobox .price {display:block;font-size:18px;height:40px;line-height:40px;}
.product_grid_box ul li .infobox .price .sale {color:#363636;}
.product_grid_box ul li .infobox .price .sale strong {font-size:20px;letter-spacing:-0.05em;}
.product_grid_box ul li .infobox .price .market {color:#9d9d9d;padding-left:7px;font-size:12px;}
.product_grid_box ul li .infobox .price .market span {text-decoration:line-through;padding-right:3px;}
.product_grid_box ul li .infobox .price.soldout {text-align:center;}
.product_grid_box ul li .infobox .price.soldout strong {color:#9d9d9d;font-size:24px;letter-spacing:-0.05em;}
.product_grid_box ul li .infobox .price.travel {font-weight:700;font-size:20px;letter-spacing:-0.05em;}
.product_grid_box ul li .infobox .more {display:none}
.product_grid_box ul li:hover {display:block;border:solid 1px #ddd;}
.product_grid_box ul li.none_pro {clear:both;width:1198px !important;text-align:center;color:#999;line-height:350px;border:solid 1px #ddd}
/* 4배열 */
.product_grid_box ul.col4 {margin:-9px 0 0 -9px;}
.product_grid_box ul.col4 li {width:291px;margin:9px 0 0 9px;}
.product_grid_box ul.col4 li .imgbox .flagbox {width:291px;}
.product_grid_box ul.col4 li .imgbox .soldoutbox {width:291px;background:url(../../imgs/mile/global/bg_soldout_cols4.png) left top no-repeat;background-size:100% 100%;}
/* 3배열 */
.product_grid_box ul.col3 {margin:-9px 0 0 -9px;}
.product_grid_box ul.col3 li {width:391px;margin:9px 0 0 9px;}
.product_grid_box ul.col3 li .imgbox .flagbox {width:391px;}
.product_grid_box ul.col3 li .imgbox .soldoutbox {width:391px;background:url(../../imgs/mile/global/bg_soldout_cols3.png) left top no-repeat;background-size:100% 100%;}
/* 2배열 */
.product_grid_box ul.col2 {margin:-20px 0 0 -20px;}
.product_grid_box ul.col2 li {width:588px;height:562px;margin:20px 0 0 20px;}
.product_grid_box ul.col2 li .imgbox {height:440px;}
.product_grid_box ul.col2 li .imgbox .pic {width:440px;height:440px;}
.product_grid_box ul.col2 li .imgbox .flagbox {width:548px;bottom:-37px;left:20px;text-align:Center;}
.product_grid_box ul.col2 li .imgbox .soldoutbox {width:590px;height:440px;background:url(../../imgs/mile/global/bg_soldout_cols2.png) left top no-repeat;background-size:100% 100%;}
.product_grid_box ul.col2 li .infobox {padding-top:49px;height:91px;}
.product_grid_box ul.col2 li .infobox .name {height:18px;font-size:16px;}
.product_grid_box ul.col2 li .infobox .price{margin-top:2px;}
/* 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;border:solid 1px #e3e3e3}
.product_grid_box ul.col1 li .imgbox {position:absolute;left:0;top:0;width:336px;height:336px;border:none 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 .soldoutbox {width:338px;height:338px;background:url(../../imgs/mile/global/bg_soldout_cols1.png) left top no-repeat;background-size:100% 100%;}
.product_grid_box ul.col1 li .infobox {border-left:solid 1px #e3e3e3;width:802px;height:278px;padding:29px;text-align:left;}
.product_grid_box ul.col1 li .infobox .name {height:60px;font-size:24px;line-height:30px;font-weight:300;padding-top:36px;}
.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;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/mile/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 #163e35; background:#163e35;}
.buttons_box .border {padding:0 20px; color:#333; border:1px solid #d9d9d9; 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 #163e35; background:#163e35;}
.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 #163e35; background:#163e35;}
.buttons_box.center .borderp {border:1px solid #163e35;color:#163e35}
.arrowbtn {display:inline-block; height:28px; padding:0 10px; font-size:13px; line-height:28px; font-weight:300; color:#333; border:1px solid #d9d9d9; background:#fff;}
.arrowbtn img {margin:9px 0 0 17px; vertical-align:top;}
.arrowbtn.blk {padding:0 20px; color:#fff; border:1px solid #333; background:#333;}
.arrowbtn.blk img {margin:9px 0 0 10px;}
.arrowbtn.pink {height:38px; padding:0 20px; line-height:38px; color:#fff; border:1px solid #163e35; background:#163e35;}
.arrowbtn.pink img {margin:14px 0 0 10px;}
.arrowbtn.type02 strong {margin:0 6px 0 0; font-weight:bold; color:#163e35;}
.arrowbtn.type02 img {margin:9px 0 0 6px;}
.blackbtn {display: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 #000;}
.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 #000;}
.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: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.text_left {padding-left:14px; font-size:13px; text-align:left; color:#666;}
.tablebox.type_cols table tbody tr td.text_left .flagbox img {}
.tablebox.type_cols table tbody tr td.text_left .goodsName {margin:7px 0;}
.tablebox.type_cols table tbody tr td.text_left .goodsName a {font-size:14px; 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:#163e35; border:1px solid #163e35;}
.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 .option_change {margin-bottom:7px;}
.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/mile/icon/button_up_arrow.png) #fff center center no-repeat;}
.tablebox.type_cols table tbody tr td .quantity_box .btns .down {background:url(../../imgs/mile/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:#163e35;}
.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/mile/icon/circle_icon.png) no-repeat left top;}
.tablebox.type_cols table tbody tr td .price {font-size:18px; font-weight:700; color:#163e35;}
.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 {position:absolute;left:0;top:0;width:100px;height:100px;}
.tablebox.type_cols table tbody tr.soldout td.img .soldoutbox img {width:100%;}


/* 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:#163e35;}
.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;}

/* 상품상세 :: 묶음배송 팝업 */
.detailview_wrap {overflow:hidden; background:#fff;}
.detailview_wrap .pro_select {padding:14px; border-bottom:1px solid #9f9f9f;}
.detailview_wrap .pro_select:after {content:''; display:block; clear:both;}
.detailview_wrap .pro_select .selectbox {float:left;}
.detailview_wrap .pro_select .direct_btn {display:block; float:left; width:180px; height:28px; margin-left:19px; font-size:13px; line-height:28px; text-align:center; color:#333; border:1px solid #d9d9d9; background:#ebeef0;}
.detailview_wrap .pro_select .direct_btn img {margin:10px 0 0 13px; vertical-align:top;}
.detailview_wrap .pro_select .close_btn {float:right; margin-top:3px;}
.detailview_wrap .pro_detail {position:relative; overflow:auto; float:left; width:740px; height:679px; padding:0 14px;}
.detailview_wrap .pro_detail .number {width:115px; height:48px; margin:14px auto 0; font-size:20px; line-height:48px; font-weight:bold; text-align:center; color:#111; border:1px solid #e3e3e3; background:#fdfdfd;}
.detailview_wrap .pro_detail .flagbox img {}
.detailview_wrap .pro_detail .namebox h2 {overflow:hidden; height:64px; margin:22px 0 3px; font-size:28px; line-height:32px; letter-spacing:-0.025em; color:#333;}
.detailview_wrap .pro_detail .namebox .summary {color:#999;}
.detailview_wrap .pro_detail .prodouctinfo table{width:100%; table-layout:fixed}
.detailview_wrap .pro_detail .prodouctinfo table tr th{width:150px;font-size:14px;color:#666;font-weight:normal;padding:4px 0 4px 20px;text-align:left}
.detailview_wrap .pro_detail .prodouctinfo table tr td{color:#111;padding:4px 0;}
.detailview_wrap .pro_detail .prodouctinfo table tr td img{vertical-align:middle}
.detailview_wrap .pro_detail .prodouctinfo table tr td strong {font-weight:bold;}
.detailview_wrap .pro_detail .prodouctinfo table tr.bt_line th {padding:13px 0 13px 20px; border-bottom:1px dashed #d9d9d9;}
.detailview_wrap .pro_detail .prodouctinfo table tr.bt_line td {padding:13px 0; border-bottom:1px dashed #d9d9d9;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price th,
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td {height:63px; border-top:1px solid #d9d9d9;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td .price_cont {overflow:hidden; line-height:64px;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td .price_cont .discount {float:left; font-size:40px; font-weight:bold; color:#163e35;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td .price_cont .price_box {float:left; margin:0 0 0 20px;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td .price_cont .price_box del {display:block; margin:0 0 -17px; font-size:16px; line-height:17px; font-weight:normal; color:#999;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td .price_cont .price_box .price {font-size:36px; font-weight:bold; color:#333;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td .price_cont .price_box .brandshop {display:inline-block; margin:21px 0 0 13px; vertical-align:top;}
.detailview_wrap .pro_detail .prodouctinfo table tr.x_price td .price_cont .price_box .brandshop img {vertical-align:top;}
.detailview_wrap .pro_detail .prodouctinfo table tr.amount_discount td span {position:relative; padding-right:13px; font-size:14px; color:#111;}
.detailview_wrap .pro_detail .prodouctinfo table tr.amount_discount td span:after {content:''; position:absolute; right:0; top:50%; width:2px; height:8px; margin-top:-3px; background:#999;}
.detailview_wrap .pro_detail .prodouctinfo table tr.amount_discount td strong {margin-left:7px; color:#163e35;}
.detailview_wrap .pro_detail .prodouctinfo table tr.amount_discount td span.slash {padding:0 8px; font-size:12px; font-weight:bold; color:#ccc;}
.detailview_wrap .pro_detail .prodouctinfo table tr.amount_discount td span.slash:after {display:none;}
.detailview_wrap .pro_detail .detail_info {height:1000px;}
.detailview_wrap .pro_detail .product_prevbtn {position:fixed; left:0; top:50%;}
.detailview_wrap .pro_detail .product_nextbtn {position:fixed; right:271px; top:50%;}
.detailview_wrap .pro_detailinfo {float:left; width:269px; height:680px; border-left:1px solid #9f9f9f;}
.detailview_wrap .pro_detailinfo .optionbox {padding:15px; border-bottom:1px solid #9f9f9f;}
.detailview_wrap .pro_detailinfo .optionbox ul {margin-top:-10px;}
/* .detailview_wrap .pro_detailinfo .optionbox ul li {position:relative; height:30px; margin-top:10px;} */
.detailview_wrap .pro_detailinfo .optionbox ul li {position:relative; margin-top:10px;} /* textarea(서술 옵션) 경우 설정된 li 높이로 인하여 제대로 출력되지 않음 By Han */
.detailview_wrap .pro_detailinfo .optionbox ul li:firtst-child .select-title {color:#333;}
.detailview_wrap .pro_detailinfo .optionbox ul li.line {padding-top:10px; border-top:1px dashed #d9d9d9;}
.detailview_wrap .pro_detailinfo .optionbox ul li input[type=text] {width:188px; padding-right:40px;}
.detailview_wrap .pro_detailinfo .optionbox ul li .calender {position:absolute; right:1px; top:1px;}
.detailview_wrap .pro_detailinfo .amount {overflow:auto; height:220px; padding:0 15px; border-bottom:1px solid #9f9f9f; background:#f8f8f8;}
.detailview_wrap .pro_detailinfo .amount ul li {padding:15px 0 12px; border-bottom:1px solid #d9d9d9;}
.detailview_wrap .pro_detailinfo .amount ul li .name {font-size:11px; line-height:15px; color:#666;}
.detailview_wrap .pro_detailinfo .amount ul li .price {overflow:hidden; margin-top:7px;}
.detailview_wrap .pro_detailinfo .amount ul li .price .num {float:left;}
.detailview_wrap .pro_detailinfo .amount ul li .price .num span {float:left;}
.detailview_wrap .pro_detailinfo .amount ul li .price .num input {float:left; width:33px; padding:0; text-align:center; background:#fff;}
.detailview_wrap .pro_detailinfo .amount ul li .price .x_price {margin-left:25px; line-height:30px; font-weight:bold; color:#111;}
.detailview_wrap .pro_detailinfo .amount ul li .price .x_price img {margin:12px 0 0 8px; vertical-align:top;}
.detailview_wrap .pro_detailinfo .total {letter-spacing:-0.025em; text-align:center;}
.detailview_wrap .pro_detailinfo .total > span {display:block; margin-top:20px; font-size:13px; color:#999;}
.detailview_wrap .pro_detailinfo .total strong {font-size:36px; line-height:30px; color:#111;}
.detailview_wrap .pro_detailinfo .total strong span.unit {display:inline-block; font-size:16px; font-weight:normal; color:#666;}
.detailview_wrap .pro_detailinfo .total .buttons_box {margin:15px 0 0 1px; padding:0 15px;}
.detailview_wrap .pro_detailinfo .total .buttons_box a {display:block; float:left; width:118px; height:42px; margin:0 0 0 -1px; font-size:18px; line-height:42px; color:#666; border:1px solid #dbdbdb; background:#fff;}
.detailview_wrap .pro_detailinfo .total .buttons_box a.full {width:237px; padding:0; color:#fff; border:1px solid #163e35; background:#163e35;}

/* 상품상세 :: 할인쿠폰 */
.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:#163e35;}
.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:#163e35;}
.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:center;}
.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:#163e35;}
.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;}

/* 마이페이지 :: 보험내역 메일발송 팝업 */
.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;}
.insurance_change_wrap .tablebox.type_rows table tbody tr td .select-title {vertical-align:middle;}

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

/* 마이페이지 :: 리뷰작성 팝업 */
.reviewwrite_wrap {padding:42px 20px 30px;}
.reviewwrite_wrap h1 {text-align:center;}
.reviewwrite_wrap .reviewwrite_box .notitext {margin:6px 0 0; font-size:12px; font-weight:300; line-height:18px; color:#999;}
.reviewwrite_wrap .write_list {overflow:hidden; margin:17px 0 20px;}
.reviewwrite_wrap .write_list li {float:right; width:273px; height:78px; font-size:14px; font-weight:300; text-align:center; color:#999; border:1px solid #163e35;}
.reviewwrite_wrap .write_list li:first-child {float:left;}
.reviewwrite_wrap .write_list li span {display:block;}
.reviewwrite_wrap .write_list li .txtbox {height:40px; line-height:40px;}
.reviewwrite_wrap .write_list li .txtbox span {display:inline; font-weight:400; color:#163e35;}
.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;}

/* 마이페이지 :: 배송지등록 팝업 */
.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;}

/* 프로모션 :: 상품옵션설정 팝업 */
.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/mile/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;}

/* 팝업 */
.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:#163e35;}

.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:middle;height:16px;}
.popup_body .todaybox .checkboxForm .form-checkbox {vertical-align:middle;}
.popup_body .todaybox .checkboxForm label {vertical-align:middle;color:#999;line-height:16px;}