@charset "utf-8";

/*************************************************
	FONT
*************************************************/
@font-face {
	font-family: 'DinL'; 
	font-style: normal; 
	font-weight: normal; 
/*	src: url(../font/DINNextLTPro-Light.eot); */
	src: /*url(../font/DINNextLTPro-Light.eot?#iefix) format('embedded-opentype'),*/
		url(../font/DINNextLTPro-Light.woff) format('woff')
}
@font-face {
	font-family: 'DinM'; 
	font-style: normal; 
	font-weight: normal; 
/*	src: url(../font/DINNextLTPro-Medium.eot);*/
	src: /*url(../font/DINNextLTPro-Medium.eot?#iefix) format('embedded-opentype'),*/
		url(../font/DINNextLTPro-Medium.woff) format('woff')
}

@font-face {
	font-family: 'GothamB'; 
	font-style: normal; 
	font-weight: normal; 
/*	src: url(../font/Gotham-Bold.eot);*/
	src: /*url(../font/Gotham-Bold.eot?#iefix) format('embedded-opentype'),*/
		url(../font/Gotham-Bold.woff) format('woff')
}

/*************************************************
	RESET
*************************************************/
body, html {width:100%;margin:0;padding:0;}
/*html {overflow-y:scroll;}*/
body {height:100%;font-size:12px;line-height:1.5;color:#666;font-family:'맑은 고딕',Malgun Gothic,Apple Gothic,'돋움',Dotum,sans-serif; word-wrap: break-word;}
div,p,h1,h2,h3,h4,h5,h6,
section, article, aside, footer, figure, figcaption, nav,
ul,ol,li,dl,dt,dd,
table,tr,thead,tbody,tfoot,td,th,
a,span,strong,em,i,img,address,
form,fieldset,legend,input,textarea,select,label,button,pre,
iframe {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1.0em;line-height:1.3;}
strong {font-size:1.0em;}
section, article, aside, footer, figure, figcaption, nav {display:block;}
img {border:0 none;vertical-align:top;}
address, em, cite {font-style:normal;}
div,p, blockquote {margin:0;padding:0;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;margin:0;padding:0;border:0;}
mark {background:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table th, table td {word-break:break-all;}
caption {display:none;}
th, td {padding:0;}
dd, dl, ol, ul, form {margin:0;padding:0;}
li {list-style-type:none;}
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:none;}
legend {position:absolute;top:-50px;left:-50px;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;padding:0;}
button {font-family:'맑은 고딕',Malgun Gothic;overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:middle;cursor:pointer;}
button,select {text-transform:none;}
pre {white-space:pre-wrap;}
input, button, select, textarea,pre {font-size:12px;line-height:1.5;box-sizing:border-box;/*outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;*/}
select {-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;}
button, html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled],select[disabled] {cursor:default; background-color:#eeeeee; color:#bbbbbb;}
html input[readonly],select[readonly] {cursor:default; background-color:#eeeeee; color:#bbbbbb;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
label {cursor:pointer;}
legend {border:0;padding:0;}
textarea {overflow:auto;font-family:'맑은 고딕',Malgun Gothic; line-height:170%;}
optgroup {font-weight:bold;}
a {vertical-align:middle;box-sizing:border-box;color:#000;text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
::-webkit-input-placeholder {color:#888888 !important;}
::-moz-placeholder {color:#888888 !important;} /* firefox 19+ */
:-ms-input-placeholder {color:#888888 !important;} /* ie */
input:-moz-placeholder {color:#888888 !important;}
input::-ms-clear {display: none;}
.blind {position:absolute!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;text-indent:-999px!important;}

/* common */
select{display:inline-block; width:100%; height:30px; padding-left:10px; padding-right:28px; border:1px solid #ddd; background:#fff url(../images/common/ico_select2.png) no-repeat center right; color:#000; font-size:12px;  vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; box-sizing:border-box;}
.ie9 select {padding-right:0;}
select:-moz-focusring {color:transparent; text-shadow:0 0 0 #444;}
select::-ms-expand {display:none;}

.fs0 {font-size:0!important; line-height:0!important}
.fs0 * {font-size:0!important; line-height:0!important}
.fs11 {font-size:11px!important}
.fs12 {font-size:12px!important}
.fw_bold {font-weight:bold !important}
.fw_normal {font-weight:normal !important}
.ff_dinL {font-family:'DinL', sans-serif;font-weight:normal !important;}/* Din Next Light */
.ff_dinM {font-family:'DinM', sans-serif;}/* Din Next Medium */
.ellipsis {display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;} 
.clear {*zoom:1;}
.clear:after {content:'';display:block;clear:both;}
.center {text-align:center!important;}
.left {text-align:left!important;}
.right {text-align:right!important;}
.vt {vertical-align:top!important}
.vm {vertical-align:middle!important}
.vb {vertical-align:bottom!important}
.c000 {color:#000!important}
.c333 {color:#333!important}
.c666 {color:#666!important}
.c999 {color:#999!important}
.pc1 {color:#e84e4e!important}
.pc2 {color:#7d51da!important}
.ls0 {letter-spacing:0!important}
.underline {text-decoration:underline;}
.mgt_m3 {margin-top:-3px!important}
.mgt_m5 {margin-top:-5px!important}
.mgt_m10 {margin-top:-10px!important}
.mgt_m15 {margin-top:-15px!important}
.mgt_m20 {margin-top:-20px!important}
.mgt_m30 {margin-top:-30px!important}
.mgt_m35 {margin-top:-35px!important}
.mgl_m10 {margin-left:-10px!important}
.mgt0 {margin-top:0px!important}
.mgt5 {margin-top:5px!important}
.mgt10 {margin-top:10px!important}
.mgt15 {margin-top:15px!important}
.mgt20 {margin-top:20px!important}
.mgt25 {margin-top:25px!important}
.mgt30 {margin-top:30px!important}
.mgt35 {margin-top:35px!important}
.mgt40 {margin-top:40px!important}
.mgt50 {margin-top:50px!important}
.mgt60 {margin-top:60px!important}
.mgt80 {margin-top:80px!important}
.mgb0 {margin-bottom:0!important}
.mgb5 {margin-bottom:5px!important}
.mgb10 {margin-bottom:10px!important}
.mgb20 {margin-bottom:20px!important}
.mgl0 {margin-left:0!important}
.mgl10 {margin-left:10px!important}
.mgl20 {margin-left:20px!important}
.mgl30 {margin-left:30px!important}
.mgl40 {margin-left:40px!important}
.mgr0 {margin-right:0!important}
.mgr5 {margin-right:5px!important}
.mgr10 {margin-right:10px!important}
.mgr20 {margin-right:20px!important}
.pdt0 {padding-top:0!important;}
.pad5 {padding:5px!important;}
.pd10 {padding:10px!important;}
.pd20 {padding:20px!important;}
.pd30 {padding:30px!important;}
.pdb20 {padding-bottom:20px!important}
.pdl0 {padding-left:0!important}
.pdl10 {padding-left:10px!important}
.floatN {float:none!important}
.fl {float:left!important}
.fr {float:right!important}
.block {display:block!important}
.hide {display:none!important}
.inline {display:inline!important}
.inblock {display:inline-block!important}
.fixed {table-layout:fixed!important}
.bdt0 {border-top:0px!important}
.bdt1 {border-top:1px solid #ddd}
.bdt2 {border-top:1px solid #666!important}
.bdt3 {border-top:1px solid #000!important}
.btn_wrap * {vertical-align:middle}

.price2, .price2 strong {font-size:11px;font-weight:normal;}

.w100 {width:100px!important;}
.w100p {width:100%!important;}


/* layout */
#skip_nav {position:relative;text-align:center;}
#skip_nav strong{display:block;overflow:hidden;width:0;height:0;font-weight:bold;white-space:nowrap;}
#skip_nav a{display:block;overflow:hidden;width:0;height:0;font-weight:bold;white-space:nowrap;}
#skip_nav a:focus, #skip_nav a:active{overflow:hidden;width:100%;height:30px;padding:5px 0;background:#000;color:#fff;}
#to_top {position:fixed;bottom:20px;right:20px;overflow:hidden;width:31px;height:29px;z-index:99;}
#to_top a {display:block;overflow:hidden;width:31px;height:29px;box-sizing:border-box;border:1px solid #333;background-color:rgba(255,255,255,.8);background-position:100% -100px;transition:opacity .2s ease-in;}
#to_top a:hover {opacity:.5;}

html, body {height:100%;margin:0;padding:0;}
#wrap {position:relative;min-width:1240px;min-height:100%;box-sizing:border-box;}
#header {min-height:140px;}
#container {border-top:1px solid #f2f2f2;}
#contents {}
#footer {}

.top_banner {display:none; position:relative;background:#aaa;}
.top_banner .top_banner_img { position:relative; overflow:hidden;width:100%;min-width:1200px;margin:0 auto;background-repeat:no-repeat;background-position:top center;text-align:center;}
.top_banner .top_banner_link { position:relative; left:50%; margin-left:-960px; display:block;width:1920px;}
.top_banner .top_banner_link:hover {}
.top_banner .top_banner_close {position:absolute;top:50%;right:20px;width:30px;height:30px;margin-top:-15px;background-position:100% 0;z-index:2;}
.top_banner .top_banner_close.dark{ background-position:100% -30px; }
.top_banner._bg_light .top_banner_close {background-position:100% -30px}

/* header */
.header_top {height:50px;background:#f5f5f5;transition:background-color .2s ease-in;z-index:150; position:relative;}
.header_top>.inner {position:relative;width:1200px;margin:0 auto;}

/**.header_top .logo {position:absolute;top:50px;left:0;width:300px;height:30px;margin-top:30px;z-index:5;}**/
.header_top .logo {position:absolute;top:50px;left:0;width:231px;height:30px;margin-top:30px;z-index:5;}
/* .header_top .logo a {display:block;width:242px;height:18px;margin-top:6px;background:url(../images/common/ico_common.png) no-repeat 0 0;transition:all 0.2s ease-in;} */
.header_top .logo a {display:block;width:178px;height:18px;margin-top:6px;background:url(../images/common/ico_common.png) no-repeat 0 0;transition:all 0.2s ease-in;}
.header_top .logo a:hover {opacity:0.8;}

.header_top .brand_menu {padding-top:18px;  min-height:20px;}
.header_top .brand_menu>ul:after {content:'';display:block;clear:both;}
.header_top .brand_menu>ul>li {float:left;margin-right:25px;}
.header_top .brand_menu>ul>li>a {display:block;color:#000;}
.header_top .brand_menu>ul>li>a:hover {}
.header_top .brand_all {font-size:12px;}
.header_top .brand_all>a {display:inline-block;height:20px;}
.header_top .brand_wrap {display:none;width:150px;box-sizing:border-box;padding:2px 20px 20px;background:#f5f5f5;}
.header_top .brand_menu ul li {position:relative;}
.header_top .brand_menu ul li.brand_all.on .brand_wrap {display:block;position:absolute;top:20px;left:-20px;z-index:5;}

.header_top ul.opened_list {}
.header_top ul.opened_list li {margin-top:3px;}
.header_top ul.opened_list li a {font-size:11px;}
.header_top ul.opened_list li a:hover {color:#999;text-decoration:none;}

/*.header_top #util {position:absolute;top:18px;right:0;height:18px;}*/
.header_top #util {float:right; height:20px; margin-top:-18px;}
.header_top #util>ul:after {content:'';display:block;clear:both;}
.header_top #util>ul>li {float:left; height:24px; margin-left:15px;}
.header_top #util>ul>li:first-child {margin-left:0;}
.header_top #util>ul>li>a {display:block;height:18px;line-height:18px;}
.header_top #util>ul>li>a.a_txt:hover {}
.header_top #util>ul>li>a.a_ico {display:block;font-size:11px;}
.header_top #util>ul>li>a.a_ico:hover {text-decoration:none;}
.header_top #util>ul>li>a.a_ico .ico {display:inline-block;width:15px;height:16px;transition:opacity 0.2s ease-in;}
.header_top #util>ul>li>a.a_ico .num {}
.header_top #util>ul>li>a.a_ico .num:before {content:" (";}
.header_top #util>ul>li>a.a_ico .num:after {content:")";}
.header_top #util>ul>li>a.a_ico .ico.um_favor {width:15px;background-position:-20px -20px;}
.header_top #util>ul>li>a.a_ico .ico.um_plist {width:18px;background-position:-40px -20px;}
.header_top #util>ul>li>a.a_ico .ico.um_cs {width:18px;background-position:-60px -20px;}
.header_top #util>ul>li>a:hover .ico.um_favor {background-position:-20px -40px;opacity:0.8}
.header_top #util>ul>li>a:hover .ico.um_plist {background-position:-40px -40px;opacity:0.8}
.header_top #util>ul>li>a:hover .ico.um_cs {background-position:-60px -40px;opacity:0.8}

.header_top #util>ul>li>a.a_ico.a_ico_plist {height:24px;}

.header_top #util ul li.util_mypage {position:relative;}
.header_top #util ul li.util_mypage .mypage_wrap {display:none;position:absolute;top:17px;left:-20px;width:110px;box-sizing:border-box;padding:10px 20px 20px;background:#f5f5f5;opacity:0;transition:all .5s ease-in;}
.header_top #util ul li.util_mypage.on .mypage_wrap {display:block;z-index:5;opacity:1;}

.header {position:relative;z-index:100;}
.header>.inner {position:relative;width:1200px;height:90px;margin:0 auto;}
.header .logo {float:left;width:300px;height:30px;margin-top:30px;}
.header .logo a {display:block;width:242px;height:18px;margin-top:6px;background:url(../images/common/ico_common.png) no-repeat 0 0;}

/* .header #gnb {position:absolute;top:0px;left:0;float:left;margin-top:30px;margin-left:300px;} */
.header #gnb {position:absolute;top:0px;left:-44px;float:left;margin-top:30px; margin-left:268px;}
.header #gnb a {transition:color 0.2s ease-in;}
.header #gnb a:hover {}
.header #gnb>ul {position:relative;z-index:3}
.header #gnb>ul:after {content:'';display:block;clear:both;}
/* .header #gnb>ul>li {display:block;float:left; margin-right:40px; max-width:115px; position:relative;} */
.header #gnb>ul>li {display:block;float:left;padding:0 16px;}
.header #gnb>ul>li .dep1 {display:block;box-sizing:border-box;height:60px;padding-right:0px;font-size:15px;line-height:30px;}
.header #gnb>ul>li .dep1.gm_outlet {width:80px;font-weight:bold;}
.header #gnb>ul>li .dep1:hover {font-weight:700; text-decoration:none;}
.header #gnb>ul>li .dep2_wrap {display:none; position:absolute; top:60px; left:-50px; width:950px; height:auto;}
.header #gnb>ul>li .dep2 {position:relative; width:850px; height:100%; margin:0 auto 0 70px; padding-bottom:25px;}
.header #gnb>ul>li .dep2 ul {overflow:hidden;}
.header #gnb>ul>li .dep2 ul li {box-sizing:border-box; position:relative; float:left; width:170px; margin:0 0 15px;}
.header #gnb>ul>li .dep2.has_favor ul li {padding-left:20px;}
.header #gnb>ul>li .dep2 ul li .um_favor {position:absolute; top:0; left:0; width:13px; height:12px; background-position:0 -237px; font-size:0; transition:opacity 0.2s ease-in;}
.header #gnb>ul>li .dep2 ul li .um_favor:hover {background-position:-16px -237px; opacity:0.8;}
.header #gnb>ul>li .dep2 ul li .um_favor.is-checked {background-position:-16px -237px;}
.header #gnb>ul>li .dep2 ul li a {display:block;padding-right:0px;line-height:1.2;box-sizing:border-box;word-wrap:break-word;}
/* .header #gnb>ul>li.gm6  .dep2 ul li, 
.header #gnb>ul>li.gm7 .dep2 ul li {width:120px;} */
.header #gnb>ul>li.gm6  .dep2 ul li, 
.header #gnb>ul>li.gm7 .dep2 ul li {width:initial;}
.header .bg_gnb {display:none;position:absolute;top:90px;left:0;width:100%;min-width:1200px;height:260px;background:rgba(255,255,255,1);z-index:1;}
.bold {font-weight:bold;}

.sub_menu {position:absolute;top:30px;right:0;}
.sub_menu .sub_quick_menu {display:inline-block; margin:0 34px 0 0; vertical-align:middle;}
.sub_menu .sub_quick_menu > a {display:inline-block; height:30px; margin-left:30px; font-size:15px; line-height:30px;}
.sub_menu .sub_quick_menu > a:first-child {margin-left:0;}
.sub_menu .header_cart {width:30px;height:30px; display:inline-block; vertical-align:middle; margin-right:-5px;}
.sub_menu .header_cart .btn_cart {overflow:hidden;width:19px;height:30px;margin-left:5px;box-sizing:border-box;padding:10px 2px 0;color:#000;font-size:11px;font-weight:bold;letter-spacing:-1px;text-align:center;}
.sub_menu .header_cart .header_cart_wrap {display:none;width:370px;height:300px;/*background-color:#fff666;*/}
.sub_menu .header_cart.on .header_cart_wrap {display:block;position:absolute;top:30px;right:-56px;z-index:99;}
.sub_menu .header_cart .header_cart_wrap .cart_inner {margin-top:30px;padding:0 30px 30px;background-color:#fff;}

.sub_menu .btn_cart.ico {display:block;background-position:-100px -25px;}
.sub_menu .btn_cart.ico:hover {background-position:-130px -25px;}
.sub_menu .btn_cart>span {display:block;width:15px;height:18px;margin-bottom:10px;transition:all .5s ease-out .1s;}
.sub_menu .btn_cart>span.crnt {position:absolute;top:13px;opacity:1;}
.sub_menu .btn_cart>span.add {position:absolute;top:20px;opacity:0;}
.sub_menu .btn_cart.on>span.crnt {top:-10px;opacity:0;}
.sub_menu .btn_cart.on>span.add {top:10px;opacity:1;}

.sub_menu .header_search { width:30px;height:30px; display:inline-block; vertical-align:middle; margin-left:20px; margin-top:3px;}
.sub_menu .header_search .btn_search_open.ico {display:block;width:30px;height:30px;background-position:-160px -25px; outline:none; text-indent:-9999px;}
.sub_menu .header_search .btn_search_open.ico:hover {background-position:-190px -25px;}
.sub_menu .header_search .btn_search_open.ico.opened {background-position:-220px -25px;}
.sub_menu .header_search .btn_search_open.ico.opened:hover {background-position:-250px -25px;}

/* 2017.06.08 withkang 수정 :start */
.header_search_wrap {display:none;background:#eee}
.header_search_wrap>.inner {position:relative; width:1200px;min-width:1200px;min-height:90px;margin:0 auto;}

.header_search_wrap .search_zone {position:absolute; left:304px; top:25px; padding:0; width:560px; height:40px;}
.header_search_wrap .search_zone * {vertical-align:top}
.header_search_wrap .search_zone input[type="text"] {border:0; width:500px; height:40px; padding:5px 20px 5px 10px; line-height:22px; font-size:16px; color:#000; background:transparent}
.header_search_wrap .search_zone input[type="text"]::-webkit-input-placeholder {color:#000 !important;}
.header_search_wrap .search_zone input[type="text"]:-ms-input-placeholder {color:#000 !important;}
.header_search_wrap .search_zone input[type="text"]::-moz-placeholder {color:#000 !important;}
.header_search_wrap .search_zone input[type="text"].keyword_clearable {background:transparent url(../images/common/ico_input_del.png) no-repeat  right -32px center; outline:none;}
.header_search_wrap .search_zone input[type="text"].keyword_bg { /*background:transparent url(../images/common/search_zone_input_bg.png) no-repeat 0 0;*/ outline:none;}
.header_search_wrap .search_zone input[type="text"].keyword{ border:3px solid #d4d4d4;}
/*.header_search_wrap .search_zone input[type="text"].placeholder_bg {background:rgba(0, 0, 0, 0.65); transition:background  0.4s;}
.header_search_wrap .search_zone input[type="text"].placeholder_bg::-webkit-input-placeholder {color:#fff !important;}
.header_search_wrap .search_zone input[type="text"].placeholder_bg:-ms-input-placeholder {color:#fff !important;}
.header_search_wrap .search_zone input[type="text"].placeholder_bg::-moz-placeholder {color:#fff !important;}*/
.header_search_wrap .search_zone input[type="submit"] {overflow:hidden; width:30px; height:30px; margin:5px 0 0 10px; border:0 none; background:url(../images/common/ico_common.png) no-repeat -164px -25px; text-indent:-9999px;}


.search_zone .auto-search-layer {position:absolute; left:0px; top:42px; width:494px; min-height:100px; border:3px solid #7b71be; background:#fff; z-index:50}
.search_zone .auto-search-layer ul.auto-search {margin:7px 0; }
.search_zone .auto-search-layer ul.auto-search li {position:relative;}
.search_zone .auto-search-layer ul.auto-search li.nodata{text-align:center;padding:40px 0px;}
.search_zone .auto-search-layer ul.auto-search li a:hover {background:rgb(238, 238, 238); text-decoration:none;}
.search_zone .auto-search-layer ul.auto-search li a{ display:block;padding:3px 10px; position:relative; }
.search_zone .auto-search-layer ul.auto-search li>span{ display:inline-block; vertical-align:middle; }
.search_zone .auto-search-layer ul.auto-search li .cate{font-size:11px;font-family:돋움;color:#989898; line-height:18px;}
.search_zone .auto-search-layer ul.auto-search li .keyword{ font-size:13px; line-height:18px;}
.search_zone .auto-search-layer ul.auto-search li .keyword em{color:#CC6633;}
.search_zone .auto-search-layer ul.auto-search li .graph{position:absolute; right:10px; top:5px;}
.search_zone .auto-search-layer ul.auto-search li .graph .v{font-size:9px; color:#CC6633;}
.search_zone .auto-search-layer ul.auto-search li .graph .bar{font-size:9px; color:#C0C0C0;}



.header_search_wrap .search_zone input[type="text"].del{background-position:right 10px center; transition:background  0.4s;}
.header_search_wrap .search_zone input[type="text"].del-on{cursor: pointer;}
.header_search_wrap .search_zone button.btn_keyword_del {display:none; position:absolute; left:470px; top:10px; width:31px; height:21px; border:0; background:transparent url(../images/common/ico_input_del.png) no-repeat 0 0; text-indent:-9999px;}
.header_search_wrap .search_zone button.btn_keyword_del.on {display:inline-block;}

/* basics layer */
.layer_box {z-index:1000;position:absolute;}
.layer_box .layer_body {padding:0; margin:0; background:#fff}
.layer_box .layer_body ul li a {}
.layer_box .layer_body ul li a:hover {}
/* //basics layer */

/* um_plist layer */
.um_plist_layer {right:0; top:42px; height:0px; overflow:hidden; transition:all 0.3s;}
.um_plist_layer.open{ height:137px; }
.um_plist_layer .layer_body {min-width:128px; max-width:436px;  height:137px; padding:0; margin:0; background:#f5f5f5;}
.um_plist_layer .layer_body .title {padding:7px 0 0 34px; color:#000; font-size:12px; line-height:16px;}
.um_plist_layer .layer_body ul {padding:0 34px; overflow:hidden; }
.um_plist_layer .layer_body ul li {position:relative; float:left; width:60px; height:90px; /*margin-right:5px;*/}
.um_plist_layer .layer_body ul li a {display:block; padding:0; color:#000; font-size:12px; vertical-align:top;}
.um_plist_layer .layer_body ul li a .img {width:60px; height:90px; display:block;}
.um_plist_layer .layer_body ul li a>div {position:absolute; top:0; left:0; z-index:3; width:60px; height:90px; background:rgba(0,0,0,0); opacity:0; text-align:center; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.um_plist_layer .layer_body ul li a>div .link {position:absolute; top:50%; left:0; display:block; width:100%; margin-top:-10px; line-height:20px; font-size:11px; color:#fff;}
.um_plist_layer .layer_body ul li a:hover>div {background:rgba(0,0,0,.3); opacity:1;}
.um_plist_layer .layer_body ul li a:hover>div .link {text-decoration:underline;}
.um_plist_layer .layer_body ul li.nodata {width:200px; display:table;}
.um_plist_layer .layer_body ul li.nodata>p {display:table-cell; vertical-align:middle; text-align:center;}
.um_plist_layer .layer_body ul li .delete {position:absolute;top:0px;right:0px;z-index:10; width:24px;height:24px;background:url(../images/common/btn_del.png) no-repeat center center; background-color:rgba(255,255,255,0.6); line-height:100px; overflow:hidden;}




.um_plist_layer .layer_body .um_plist_slider {position:relative; margin-top:10px;}
.um_plist_slider .bx-wrapper {margin:0 34px !important;}
.um_plist_slider .bx-controls {display:block; position:absolute; top:0; left:0; width:100%; height:auto; z-index:51; text-align:center; background:transparent;}
.um_plist_slider .bx-controls-direction {display:Inline;}
.um_plist_slider .bx-controls-direction a {position:relative;height:90px; margin-top:0; border-width:0;text-indent:-9999px;background:transparent;}
.um_plist_slider .bx-controls-direction a:after {content:"";position:absolute;left:0;top:50%;width:9px;height:17px;margin:-8px 0 0;background:url(../images/common/bx_controls.png) no-repeat 0 0;}
.um_plist_slider .bx-controls-direction .bx-prev {position:absolute;left:15px;top:0;width:20px;}
.um_plist_slider .bx-controls-direction .bx-prev:after {}
.um_plist_slider .bx-controls-direction .bx-next {position:absolute;right:15px;top:0;width:20px;}
.um_plist_slider .bx-controls-direction .bx-next:after {left:auto; right:0; background-position:-20px 0;}
.um_plist_slider .bx-controls-direction a.disabled:after {background:none;}


/* keyword rank */
.keyword_rank {overflow:hidden;position:absolute; left:910px; top:35px; width:280px; height:30px; line-height:20px;}
.keyword_rank .title {color:#666; font-size:11px;}
.keyword_rank .keyword_rank_slider {overflow:hidden;position:absolute; left:85px; top:0; width:130px; height:20px;}
.keyword_rank ul {/*overflow:hidden;position:absolute; left:85px; top:0;*/ width:130px; height:20px;}
.keyword_rank ul li {position:relative; height:20px;}
.keyword_rank ul li a {display:block; height:20px; line-height:20px; color:#000; font-size:12px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.keyword_rank ul li a>span {display:inline-block;}

/* keyword rank layer */
.keyword_rank_layer {right:78px; top:65px; display:none;}
.keyword_rank_layer .layer_body {min-width:151px; max-width:220px; border:1px solid #000; padding:0; margin:0; background:#fff;}
.keyword_rank_layer .layer_body ul {padding:12px 0;}
.keyword_rank_layer .layer_body ul li {position:relative; padding:0; margin:0;}
.keyword_rank_layer .layer_body ul li:hover {/*background:#ddd;*/}
.keyword_rank_layer .layer_body ul li a {display:block; height:20px; padding:0 27px 0 25px;  line-height:20px; color:#000; font-size:12px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.keyword_rank_layer .layer_body ul li a:hover {text-decoration:underline;}
.keyword_rank_layer .layer_body ul li a>span {display:inline-block;} 

/* popular_keyword */
.header_search_wrap .popular_keyword_wrap {background:#fff;}
.header_search_wrap .popular_keyword {width:900px; margin:0px; left:50%; position:relative; margin-left:-296px; padding:10px 0; color:#000; line-height:20px;}
.header_search_wrap .popular_keyword * {vertical-align:middle}
.header_search_wrap .popular_keyword .title { display:inline-block; font-weight:bold; font-size:11px;}
.header_search_wrap .popular_keyword a {display:inline-block; margin-top:-2px; margin-left:20px; color:#000; line-height:20px; font-size:12px;}
.header_search_wrap .popular_keyword a:after {}
.header_search_wrap .popular_keyword .list{ display:inline-block;}
.header_search_wrap .popular_keyword .list>li{ display:inline-block; }
.header_search_wrap .popular_keyword .list>li .link{}
.header_search_wrap .popular_keyword .list>li .delete{  content:'';display:inline-block; width:20px;height:20px; vertical-align:middle; margin:-2px 0 0 0px; background:url(../images/common/ico_common.png) no-repeat -194px -54px; text-indent:-9999px; overflow:hidden;}


/* 2017.06.08 withkang 수정 :end */


/* Header Fixed */
#header.fixed {min-width:1200px;min-height:140px;z-index:99;}
#header.fixed .header_top {position:fixed;top:0;left:0;width:100%;min-width:1200px;background-color:rgba(0,0,0,.6);z-index:99;}
#header.fixed .header {position:fixed;top:50px;left:0;width:100%;min-width:1200px;background-color:rgba(255,255,255,.9);transition:background-color .2s ease-in;}
#header.fixed .header_top .brand_menu>ul>li>a {color:#fff;}
#header.fixed .header_top .logo {z-index:99;}
#header.fixed .header_top #util>ul>li>a.a_txt, #header.fixed .header_top #util>ul>li>a.a_ico {color:#fff}
#header.fixed .header_top #util>ul>li>a.a_txt:hover, #header.fixed .header_top #util>ul>li>a.a_ico:hover {color:#fff;}
#header.fixed .header_top #util>ul>li>a.a_ico .ico.um_favor {background-position:-20px -60px;}
#header.fixed .header_top #util>ul>li>a.a_ico .ico.um_plist {background-position:-40px -60px;}
#header.fixed .header_top #util>ul>li>a.a_ico .ico.um_cs {background-position:-60px -60px;}
#header.fixed .header_top #util>ul>li>a:hover .ico.um_favor {background-position:-20px -60px;opacity:0.8}
#header.fixed .header_top #util>ul>li>a:hover .ico.um_plist {background-position:-40px -60px;opacity:0.8}
#header.fixed .header_top #util>ul>li>a:hover .ico.um_cs {background-position:-60px -60px;opacity:0.8}
#header.fixed .header {z-index:98;}
#header.fixed .header .bg_gnb {background:rgba(255,255,255,0.9);}
#header.fixed .ico_arr:after {background-position:0 -64px;}
#header.fixed .on .ico_arr {color:#fff;}
#header:after {content:'';display:block;width:100%;clear:both;}

#footer { width:100%;min-width:1200px; padding-bottom:30px; margin-top:80px; box-sizing:border-box; border-top:1px solid #ddd;background:#f2f2f2;}
#footer .footer {width:1200px;margin:0 auto;}
#footer .footer_top {position:relative;height:60px;z-index:2;}
#footer .footer_top .footer_menu {float:left;margin-top:20px;}
#footer .footer_top .footer_menu ul {overflow:hidden;float:left;}
#footer .footer_top .footer_menu ul li {float:left;margin-left:40px;}
#footer .footer_top .footer_menu ul li:first-child {margin-left:0;}
#footer .footer_top .footer_menu ul li a {display:block;}
#footer .footer_top .footer_menu ul li a .ico {margin-right:10px;margin-bottom:2px;}
#footer .footer_top .footer_notice {position:relative;float:right;width:582px;height:60px;box-sizing:border-box;padding-left:80px;padding-right:0x;box-sizing:border-box;font-size:12px;}
#footer .footer_top .footer_notice .tit {position:absolute;top:20px;left:0;width:80px;color:#000;font-size:12px;line-height:20px;}
#footer .footer_top .footer_notice .tit:after {content:'';display:block;position:absolute;top:5px;right:0;width:1px;height:13px;background:#ddd;}
#footer .footer_top .footer_notice .list_wrap {overflow:hidden;height:20px;padding:18px 50px 20px 30px;}
#footer .footer_top .footer_notice .list {overflow:hidden;height:25px;}
#footer .footer_top .footer_notice .list li {height:25px;}
#footer .footer_top .footer_notice .list li a {display:block;overflow:hidden;width:360px;color:#666;line-height:25px;text-overflow:ellipsis;white-space:nowrap;}
#footer .footer_top .footer_notice .list li a:hover {color:#000;}
#footer .footer_top .footer_notice .btn_more {display:block;position:absolute;top:50%;right:0;margin-top:-8px;padding-right:10px;font-size:11px;z-index:3;}
#footer .footer_top .footer_notice .btn_more:after {content:'';display:block;position:absolute;top:45%;right:0;width:7px;height:1px;background-color:#666;}
#footer .footer_top .footer_notice .btn_more:before {content:'';display:block;position:absolute;top:50%;right:3px;width:1px;height:7px;margin-top:-4px;background-color:#666;transition:all 0.3s ease-in;}
/*#footer .footer_top .footer_notice.opened .list_wrap {overflow:visible;height:auto;background:#fff;}*/
#footer .footer_top .footer_notice.opened .list {overflow:visible;height:auto;}
#footer .footer_top .footer_notice.opened .btn_more:before {opacity:0;transform:rotate(180deg);}

.footer_notice_layer {left:90px; top:8px; display:none; z-index:2;}
.footer_notice_layer .layer_body {width:502px; max-width:502px; padding:0; margin:0; background:#fff;}
.footer_notice_layer .layer_body ul {padding:12px 0;}
.footer_notice_layer .layer_body ul li {position:relative; padding:0 0 5px 30px; margin:0;}
.footer_notice_layer .layer_body ul li:hover {/*background:#ddd;*/}
.footer_notice_layer .layer_body ul li a {display:block; width:366px; height:20px; padding:0; line-height:20px; color:#666; font-size:12px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.footer_notice_layer .layer_body ul li a:hover {text-decoration:underline;}
.footer_notice_layer .layer_body ul li a>span {display:inline-block;} 

#footer .footer_bottom {position:relative;font-size:11px;}
#footer .footer_bottom:after {content:'';display:block;clear:both;}
#footer .footer_bottom .footer_info01 {float:left;width:610px;margin-right:8px;}
#footer .footer_bottom .footer_info02 {float:left;width:420px;}
#footer .footer_bottom .family_site {position:absolute;top:30px;right:0;}

/** #footer .footer_bottom .footer_menu2 {position:relative;margin-top:25px;padding-left:205px;} **/
#footer .footer_bottom .footer_menu2 {position:relative;margin-top:25px;padding-left:170px;}
/**#footer .footer_bottom .footer_menu2:after {content:'';display:block;position:absolute;top:5px;left:0;overflow:hidden;width:178px;height:13px;background:url(../images/common/ico_common.png) no-repeat -100px -100px;}**/
#footer .footer_bottom .footer_menu2:after {content:'';display:block;position:absolute;top:5px;left:0;overflow:hidden;width:130px;height:13px;background:url(../images/common/ico_common.png) no-repeat -100px -100px;}
#footer .footer_bottom .footer_menu2 ul {}
#footer .footer_bottom .footer_menu2 ul li {float:left;margin-bottom:5px;}
#footer .footer_bottom .footer_menu2 ul li:before {content:'';display:inline-block;width:1px;height:10px;margin:0 14px;background:#666;vertical-align:middle;}
#footer .footer_bottom .footer_menu2 ul li:first-child:before {display:none;margin:0;}
#footer .footer_bottom .footer_menu2 ul li a {font-size:12px;line-height:1.2;}

#footer .footer_bottom .company_info {margin-top:22px;}
#footer .footer_bottom .company_info p * {line-height:16px;}
#footer .footer_bottom .company_info p span {display:block;position:relative;float:left;margin-left:7px;padding-left:8px;}
#footer .footer_bottom .company_info p span:before {content:'';display:block;position:absolute;top:50%;left:0px;width:1px;height:8px;margin-top:-4px;background:#999;}
#footer .footer_bottom .company_info p span:first-child {margin-left:0;padding-left:0;}
#footer .footer_bottom .company_info p span:first-child:before {display:none;}

#footer .footer_bottom .footer_link {margin-top:20px;}
#footer .footer_bottom .footer_link ul {overflow:hidden;}
#footer .footer_bottom .footer_link ul li {float:left;margin-left:15px;}
#footer .footer_bottom .footer_link ul li:first-child {margin-left:0;}
#footer .footer_bottom .footer_link ul li a {color:#666;}
#footer .footer_bottom .footer_link ul li a .ico {display:inline-block;vertical-align:middle;margin-right:10px;}

#footer .footer_bottom .copyright {margin-top:18px;color:#999;}

#footer .ico.shinhan {width:63px;height:14px;background-position:-90px -120px;}
#footer .ico.appstore {width:72px;height:21px;background-position:-160px -120px;}
#footer .ico.googleplay {width:72px;height:21px;background-position:-240px -120px;}
#footer .ico.f_facebook {width:20px;height:20px;background-position:-320px -120px;}
#footer .ico.f_insta {width:20px;height:20px;background-position:-340px -120px;}
/*20200923@SOKSN YOUTUBE 추가 */
#footer .ico.f_youtube {width:30px;height:20px;background-position:-360px -120px;}

#footer .escrow {margin-top:28px;}
#footer .escrow .ico {margin-bottom:10px;}
#footer .escrow p + p {margin-top:5px;}

#footer .footer_link2 {margin-top:55px;}
#footer .footer_link2 dl {display:inline-block;}
#footer .footer_link2 dl dt {height:25px;color:#000;}
#footer .footer_link2 dl dd {}
#footer .footer_link2 dl dd a {display:inline-block;}
#footer .footer_link2 dl.sns {margin-left:30px;}
#footer .footer_link2 dl.sns a {margin-right:10px;}

#footer .family_site {width:120px;box-sizing:border-box;margin-right:-20px;padding:15px 20px;font-size:12px;transition:all 0.2s ease-in;z-index:100;}
#footer .family_site.opened {background:#fff;}
#footer .family_site .btn_family_site {display:block;position:relative;width:80px;height:20px;}
#footer .family_site .btn_family_site:after {content:'';display:block;position:absolute;top:50%;right:0;width:7px;height:6px;margin-top:-3px;background:url(../images/common/ico_common.png) no-repeat 0 -25px;transition:transform 0.3s;vertical-align:middle}
#footer .family_site.opened .btn_family_site:after {background-position:0 -24px;transform:rotate(180deg);}
#footer .family_site .family_site_wrap {display:none;overflow-y:auto;height:120px;margin-top:10px;}
#footer .family_site .family_site_wrap a {display:block;}
/* 20200121@SOJSJ 패밀리 사이트 이미지 */
#footer .family_site_reccove {position: absolute; top: 87px; right: 0;}
#footer .family_site_reccove .reccove_img {width: 90px;}


/* image splite */
.ico {display:inline-block;background-image:url(../images/common/ico_common.png);background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.ico.fm1-1 {width:11px;height:16px;background-position:0 -100px;}
.ico.fm1-2 {width:16px;height:16px;background-position:-20px -100px;}
.ico.fm1-3 {width:12px;height:16px;background-position:-40px -100px;}

.ico.fm3-1 {width:23px;height:21px;background-position:0 -120px;}
.ico.fm3-2 {width:25px;height:21px;background-position:-30px -120px;}
.ico.fm3-3 {width:21px;height:21px;background-position:-60px -120px;}

.ico_arr {position:relative;padding-right:12px;}
.ico_arr:after {content:'';display:block;position:absolute;top:50%;right:0;width:7px;height:6px;margin-top:-2px;background:url(../images/common/ico_common.png) no-repeat 0 -25px;transition:transform 0.3s;}
.on .ico_arr:after {background-position:0 -24px;transform:rotate(180deg);}
.on .ico_arr {text-decoration:none;}
a.ico_arr:hover {text-decoration:none;}

.ico2 {display:inline-block;background-image:url(../images/common/ico_common2.png);background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}


/* Container */
#location {width:1200px;margin:0 auto;}
#location ul {margin-top:20px;}
#location ul:after {content:'';display:block;clear:both;}
#location ul li {float:left;color:#000;font-size:11px;}
#location ul li:before {content:'>';display:inline-block;margin:0 4px;color:#000;}
#location ul li:first-child:before {content:'';margin:0;}
#location ul li a {color:#000;}
#location ul li a:hover {text-decoration:none;}
#location ul li a.current_page {}
#location ul li a.current_page:hover,
#location ul li a.current_page:focus {}

/* Contents */
#contents {min-width:1240px;}
#contents .contents {width:1200px;margin:0 auto;}
#contents .contents.wd_full {width:100%;min-width:1200px;}
#contents .contents.line {border-top:1px solid #f2f2f2;}
#contents .contents_inner {max-width:1200px;margin:0 auto;padding:0 0 50px}
#contents .contents.none{ display:none; }

body.main #contents {width:100%;margin:0;background:#f6f6f6;}

/* 레이어팝업 */
html.layer-open {overflow-y:auto;}
.layer{display:none;position:fixed; padding:15px 0px; box-sizing:border-box; right:0;top:0;left:0;overflow-y:auto;overflow:auto;width:100%;height:100% !important;min-height:100%;background-color:rgba(0,0,0,0.1);text-align:center;z-index:400;}
.layer:before {content:'';display:inline-block;width:1px;min-height:100%;margin-left:-3px;vertical-align:middle;opacity:0;}
.bg {position:fixed;right:0;top:0;bottom:0;left:0;background-color:rgba(0,0,0,.0);}
.ly_wrap {display:inline-block;position:relative;width:auto;height:auto;margin:0;padding:0;box-sizing:border-box;border:1px solid #999;background:#fff;text-align:left;vertical-align:middle;}
.ly_wrap.noBd{ border-width:0px; }
.ly_wrap .ly_closer {display:block;position:absolute;top:15px;right:15px;overflow:hidden;width:15px;height:15px;background:url(../images/common/ico_common.png) no-repeat -445px 0;}
.ly_wrap .ly_header {height:50px;padding-left:20px;border-bottom:1px solid #ddd;}
.ly_wrap .ly_header .ly_tit {color:#000;font-size:15px;line-height:49px;font-weight:bold;}
.ly_wrap .ly_contents {padding:30px 20px 30px}
.ly_wrap .ly_contents.pd0 {padding:0;}
.ly_wrap .ly_contents .btn_wrap {margin-top:20px;}
.layer.alert {z-index:500;}
.layer.alert .ly_wrap {min-width:330px;margin-bottom:100px;border:none;text-align:center;}
.layer.alert .ly_wrap .ly_closer {top:20px;right:20px;}
.layer.alert .ly_wrap .ly_contents {padding:60px 30px 40px;color:#000;line-height:15px;}
.layer.alert .ly_wrap .btn_wrap {margin-top:30px;}
.layer.alert .ly_wrap .btn_wrap .button {margin:0 1px;}
.layer.toast {z-index:1000;}
.layer.toast .ly_wrap {width:auto; min-width:200px; margin:0;padding:20px 40px;border:none;background:rgba(0,0,0,.7);text-align:center;}
.layer.toast .ly_wrap .ly_contents {padding:0;color:#fff;font-size:13px;line-height:18px;}
.layer.review .ly_wrap {width:330px;margin-bottom:100px;border:none;text-align:center;}
.layer.review .ly_wrap .ly_closer {top:20px;right:20px;}
.layer.review .ly_wrap .ly_contents {padding:45px 30px 0;color:#000;}
.layer.review .inputWrap {padding:10px 0; border-top:1px solid #ddd; text-align:center;}


#couponCoupon{}
#couponCoupon .select.w230 select{ width:235px !important; }


/* toast , alert 팝업 */
.modal_bg {position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;min-height:800px;background:rgba(0,0,0,.1);}
.popup {position:fixed;visibility:hidden;z-index:10001;left:50%;top:-9999px;background:#fff;}
.popup.s330 {width:330px;}
.popup .pop_container {position:relative; background:#fff;}
.popup .pop_container .customer_tab:first-child {margin-top:20px;}
.popup .popup_close {overflow:hidden;text-indent:-9999px;width:49px;height:49px;display:block;z-index:3200;position:absolute;right:0;top:0;cursor:pointer;}
.popup .txt_dialog {text-align:center; padding:60px 30px 30px; line-height:15px; color:#000;}
.popup .foot_btn {padding-bottom:40px; text-align:center;}
.popup .btn_n {display:inline-block; min-width:100px; height:40px; padding:0 10px; border:1px solid #000; font-size:12px; line-height:38px; box-sizing:border-box; text-align:center; transition:all 0.1s ease-in;}
.popup .btn_n:hover {text-decoration:none;}
.popup .btn_n.modal_alert_confirm {background:#000; color:#fff;}
.popup .popup_close {position:absolute; top:20px; right:20px; display:block; width:15px; height:15px; background: url(../images/common/ico_common.png) no-repeat -445px 0;}

/* title */
.tit_ty1 {color:#000;font-size:25px;font-weight:bold;}
.tit_ty2 {color:#000;font-size:21px;font-weight:normal;}
.tit_ty3 {color:#000;font-size:20px;font-weight:bold;letter-spacing:-0.5px;}

.tit_cont {margin:10px 0;color:#000;font-size:15px;font-weight:bold;}
.tit_cont2 {margin:10px 0;color:#000;font-size:14px;font-weight:bold;}
.tit_cont3 {margin:10px 0;color:#000;font-size:12px;font-weight:bold;}
.tit_cont4 {margin:10px 0;color:#000;font-size:20px;font-weight:bold;letter-spacing:-0.5px;}

.tit_wrap {position:relative;margin-top:35px;}
.tit_wrap .tit_cont {margin:0;}
.tit_wrap.clear .tit_cont {float:left;margin-top:6px}
.tit_wrap.clear .btn {float:right;}

.tit_cont .sub_cmnt {font-size:12px;font-weight:normal;}

/* 폼요소 */
input.inpt {display:inline-block;height:30px;padding:4px 10px 4px 10px;box-sizing:border-box;border:1px solid #ddd;outline:0;color:#000;vertical-align:middle;}
input.inpt:focus {border:1px solid #999;}
input.inpt::-ms-clear, input[type="text"]::-ms-clear , input.inpt::-ms-reveal {display:none;}
.inpbox {display:inline-block;position:relative;width:auto;height:30px;}
.inpbox .inp {padding-right:20px;}
.inpbox .del {display:block;position:absolute;top:5px;right:1px;width:20px;height:20px;margin:0;padding:0;background: yellow url(../images/common/ico_input.png) no-repeat 2px 50%;}
.inpt.clearable {padding-right:20px;}
.clearable {box-sizing:border-box;background:#fff url(../images/common/ico_input.png) no-repeat right -20px center;}
.clearable.del {background-position:right 8px center;}
.clearable.del-on {cursor:pointer;}
.clearable::-ms-clear, .clearable:-ms-clear {display:none;width:0;height:0;}
/*readonly*/
input.inpt[readonly] {color:#555555;}
input.inpt[readonly]:hover, input.inpt[readonly]:focus {border-color:#ddd;}
input.inpt.clearable[readonly] {background:#f2f2f2 url(../images/common/ico_input.png) no-repeat right -20px center;}

input.inpt[disabled] {background:#f2f2f2;color:#555555;}
input.inpt.clearable.del {background-position:right 8px center;}
input.inpt.active_view[disabled], 
input.inpt.active_view[readonly] {background:#f2f2f2; color:#555555;}
.disabled {opacity:0.5;filter:alpha(opacity=50);-ms-filter:alpha(opacity=50);-moz-opacity:50;cursor:default;}

input.inpt.h40 {height:40px;line-height:40px;box-sizing:border-box;}

input.inpt.w100p {width:100% !important}
input.inpt.w60 {width:60px !important}
input.inpt.w80 {width:80px !important}
input.inpt.w90 {width:90px !important}
input.inpt.w200 {width:200px !important}
input.inpt.w310 {width:310px !important}
input.inpt.w340 {width:340px !important}
input.inpt.error {border-color:#e84e4e !important;}
.msg_error {margin:7px 0;color:#e84e4e;font-size:11px;}
.msg_confirm , .msg_error.ok {margin:7px 0;color:#7d51da;font-size:11px;}

.select.w200 {width:200px;}
.select.w200 select {width:225px;}
.select.w230 {width:230px;}
.select.w230 select {width:255px;}
.select.w100p {width:100%;}
.select.w100p select {width:100%;}

.form_phone {display:inline-block;}
.form_phone span {display:inline-block;}
.form_phone .select {width:90px;height:30px;vertical-align:top;}
.form_phone .inpt {width:90px}
.form_phone>span:before {content:'-';display:inline-block;margin-left:3px;margin-right:7px;}
.form_phone>span.select:before {content:'';display:none;}
.form_phone>span.first:before {content:'';display:none;}
.form_adress p {margin-top:5px;}
.form_adress p:first-child {margin-top:0px;}


/* 브랜드스토리 */
.brand_story_wrap {overflow:hidden;width:100%;min-width:1240px;margin:40px auto 0;padding:0 20px;box-sizing:border-box;text-align:center;}
.brand_story_wrap .img {overflow:hidden;width:100%;text-align:center;background-repeat:no-repeat;background-position:top center;}
.brand_story_wrap .img img {opacity:0;}

.page_title {margin-top:40px;margin-bottom:20px;color:#000;font-size:25px;font-weight:bold;text-align:center;}

.category_menu {position:relative;width:1200px;margin:0 auto;margin-bottom:20px;text-align:center;}
.category_menu ul {display:inline-block;}
.category_menu ul li {float:left;}
.category_menu ul li a {display:block;height:26px;padding:0 10px;font-size:13px;line-height:26px;}
.category_menu ul li .dep_sub_height {display:block;height:0;transition:all 0.2s ease-in;}
.category_menu ul li .dep_sub {display:none;position:absolute;top:20px;left:0;width:100%;opacity:0;transition:all 0.2s ease-in;}
.category_menu ul li .dep_sub li {position:relative;}
.category_menu ul li .dep_sub li a {padding:0 15px;color:#666;font-size:12px;}
.category_menu ul li .dep_sub li.current a {}
.category_menu ul li .dep_sub li + li:before {content:'';position:absolute;top:7px;left:-1px;width:1px;height:11px;background-color:#ddd;}
.category_menu ul li.current>a {font-weight:bold;text-decoration:underline;}
.category_menu ul li.on .dep_sub_height {display:block;height:32px;}
.category_menu ul li.on .dep_sub {display:block;top:32px;opacity:1;}


.brand_intro_banner {position:relative;overflow:hidden;width:100%;min-width:1240px;height:480px;text-align:center;}
.brand_intro_banner .img_area {position:relative;top:0;left:0;overflow:hidden;height:100%;margin:0 auto; background-color:#666666; box-sizing:border-box;background-repeat:no-repeat;background-position:center top;text-align:center;z-index:1;}  /* 20190220@SOJSJ 브랜드 인트로 이미지 여백 제거 기존 (margin:0 20px;)  */
.brand_intro_banner .img_area img {}
.brand_intro_banner .img_area .link {display:block;position:relative;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:2;}
.brand_intro_banner .cont_area {display:inline-block;position:absolute;top:110px;left:50%;margin-left:-450px;vertical-align:middle;z-index:3;}
.brand_intro_banner .cont_area {display:inline-block;text-align:left;vertical-align:middle;}
.brand_intro_banner .cont_area a {display:block;color:#fff;background-color:rgba(0,0,0,0)}
.brand_intro_banner .cont_area a:hover {text-decoration:none;}
.brand_intro_banner .cont_area a.link {padding-bottom:50px;}
.brand_intro_banner .cont_area .tit {display:inline-block;width:auto;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.5);font-size:40px;line-height:48px;font-weight:bold;}
.brand_intro_banner .cont_area .txt {display:block;margin-top:15px;font-size:15px;}
.brand_intro_banner .btn_arae {display:block;z-index:3}
.brand_intro_banner .btn_arae .a_ico {display:block;float:left;width:110px;height:35px;margin-right:5px;padding-top:9px;box-sizing:border-box;border:1px solid #fff;text-align:center;vertical-align:top;background-color:rgba(255,255,255,0);font-size:12px;line-height:13px;transition:all 0.2s ease-in;}
.brand_intro_banner .btn_arae .a_ico .ico {display:inline-block;width:15px;height:13px;margin-top:1px;vertical-align:top;/*background-color:skyblue*/}
.brand_intro_banner .btn_arae .a_ico:hover, .brand_intro_banner .btn_arae .a_ico:focus {background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);}
.ico.brand_link1 {background-position:0 -150px;}
.ico.brand_link2 {background-position:-20px -150px;}
.ico.brand_link3 {background-position:-40px -150px;}



/* 타입 b */
.uiTabMenu{ position:relative; height:50px; border-bottom:#000000 1px solid; box-sizing:border-box;}
.uiTabMenu:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.uiTabMenu>li{ float:left; position:relative;}
.uiTabMenu>li>a{ font-size:14px; color:#666666;  border:#dddddd solid 1px; border-right-width:0px; border-bottom-width:0px;  padding:0 20px; height:49px; line-height:47px;  text-align:center;display:block; text-decoration:none;}
.uiTabMenu>li>a:hover{ font-weight:bold; color:#000000; }
.uiTabMenu>li:last-child>a{ border-right-width:1px; }
.uiTabMenu>li.on>a{ border-color:#000000; background-color:#ffffff; height:50px; font-weight:bold; color:#000000; }
.uiTabMenu>li.on + li>a{ border-left-width:1px; border-left-color:#000000; }


/* 20180903@SOJSJ 수선안내 페이지 */
.mend_tab {position:relative;height:50px;margin-bottom:30px;}
.mend_tab:after {display:block;content:'';clear:both;width:1px;height:52px;background-color:#000;position:absolute;top:0;left:233px;}
.mend_tab li {position:relative;float:left;width:33%;border:1px solid #ddd;border-bottom:1px solid #000;margin-left:-1px;box-sizing:border-box;}
.mend_tab li a {display:block;height:50px;line-height:50px;background-color:#fff;color:#666;font-size:14px;text-align:center;text-decoration:none}
.mend_tab li.on {border-color:#000;}
.mend_tab li.on a {color:#000;font-weight:bold;}
.mend_tab li.on:after {display:block;content:'';width:100%;height:1px;background-color:#fff;position:absolute;top:50px;left:0;}
.mend_tab li:hover {border-color:#000;font-weight:bold}
.mend_tab li:hover a {color:#000;font-weight:bold;}

/* 타입 c ex)쇼핑백 */
.uiTabMenu2 {width:640px; margin:0 auto;}
.uiTabMenu2:after {content:''; display:block; clear:both;}
.uiTabMenu2 li {float:left; width:50%;}
.uiTabMenu2 li a {display:block; height:50px; font-weight:700; font-size:15px; line-height:46px; color:#999; border-bottom:4px solid #ddd; text-align:center;}
.uiTabMenu2 li.on a {border-bottom-color:#000; color:#000;}


/* 전시 */
/* 컬러칩 */
.color {position:relative;overflow:hidden;width:20px;height:20px;}
.color img {width:20px;height:20px;}
.color em {position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}

/* 정렬 필터 */
.prdt_filter {position:relative;margin-bottom:25px;padding-top:30px;}
.prdt_filter dl {position:relative;padding-left:85px;}
.prdt_filter dl+ dl {margin-top:15px;}
.prdt_filter dl dt {position:absolute;top:0;left:0;color:#000;line-height:25px;}
.prdt_filter dl dd {}
.prdt_filter.bdt {border-top:1px solid #f2f2f2;}

.prdt_filter .btn_wrap {position:absolute;bottom:5px;right:0;width:280px;text-align:left;}
.prdt_filter .btn_wrap button {margin-right:20px;}
.prdt_filter .btn_wrap button .ico {margin-right:4px;}
.prdt_filter .btn_wrap button:hover .ico {opacity:0.7}
.prdt_filter .btn_submit.disabled {color:#666;opacity:.7;}
.prdt_filter .btn_submit.disabled .ico {opacity:0.5;}

.ico.flt_submit {width:20px;height:20px;background-position:-20px -170px;}
.ico.flt_reset {width:20px;height:20px;background-position:-40px -170px;}

.option_list {margin-left:5px;}
.option_list label.chkbtn, .option_list label.chkbtn2, .option_list label.radiobtn {float:left;margin-right:5px;margin-bottom:5px;}
.option_list .chkbtn2:hover .color:after {content:'';display:block;position:absolute;top:0;left:0;border:1px solid #000;width:20px;height:20px;box-sizing:border-box}

.chkbtn {display:inline-block;position:relative;height:25px;padding:0 5px;box-sizing:border-box;border:1px solid #ddd;color:#666;font-size:12px;line-height:22px;transition:background 0.2s ease-in;}
.chkbtn input {position:absolute;opacity:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.chkbtn:hover,
.chkbtn:focus {border-color:#000;/*background:rgba(0,0,0,.03);*/}
.chkbtn .txt {display:inline-block;}
.chkbtn.on {border:1px solid #000;color:#000;}
.chkbtn.disabled:hover {border-color:#ddd;}

.chkbtn2 {display:inline-block;position:relative;overflow:hidden;width:20px;height:20px;padding:0;box-sizing:border-box;font-size:12px;line-height:20px;transition:all 0.2s ease-in;}
.chkbtn2 input {position:absolute;opacity:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.chkbtn2:hover, .chkbtn2:focus {}
.chkbtn2 .color {position:absolute;top:0;left:0;width:20px;height:20px;}
.chkbtn2 .color img {width:20px;height:20px;}
.chkbtn2.on .color:before {content:'';display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url(../images/common/ico_common.png) no-repeat 2px -170px rgba(0,0,0,.3);}

.radiobtn {display:inline-block;position:relative;height:25px;padding:0 5px;box-sizing:border-box;border:1px solid #ddd;color:#666;font-size:12px;line-height:22px;transition:background 0.2s ease-in;}
.radiobtn input {position:absolute;opacity:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.radiobtn:hover, 
.radiobtn:focus {border-color:#000 ;/*background:rgba(0,0,0,.03);*/}
.radiobtn .txt {display:inline-block;}
.radiobtn.on {border:1px solid #000;color:#000;}
.radiobtn.disabled:hover {border-color:#ddd;}

.size18x18 .radiobtn {width:24px;height:24px;margin-bottom:0;padding:0;font-size:11px;line-height:22px;text-align:center; box-sizing:border-box;}
#optionLayerSize .radiobtn + .radiobtn {margin-left:5px;}

.radiobtn2 {display:inline-block;position:relative;overflow:hidden;width:20px;height:20px;padding:0;box-sizing:border-box;font-size:12px;line-height:20px;transition:all 0.2s ease-in;}
.radiobtn2 input {position:absolute;opacity:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.radiobtn2:hover, .radiobtn2:focus {}
.radiobtn2 .color {position:absolute;top:0;left:0;width:20px;height:20px;}
.radiobtn2 .color img {width:20px;height:20px;}
.radiobtn2.on .color:before {content:'';display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url(../images/common/ico_common.png) no-repeat 2px -170px rgba(0,0,0,.3);}
#optionLayerColor .radiobtn2 + .radiobtn2 {margin-left:5px;}

.size15x15 .radiobtn2, 
.size15x15 .radiobtn2 .color , 
.size15x15 .radiobtn2 .color img {width:24px;height:24px;}
.size15x15 .radiobtn2.on .color:before {width:24px;height:24px;background-position:4px -168px;}
.size15x15 .radiobtn2:hover .color:after {content:'';display:block;position:absolute;top:0;left:0;border:1px solid #000;width:24px;height:24px;box-sizing:border-box}

.prod_best_wrap {padding-bottom:30px;border-bottom:1px solid #f2f2f2;}

.prod_list_wrap {margin-top:20px;border-top:1px solid #f2f2f2;}
.list_info {padding:15px 0 13px;text-align:right;}
.list_info>div {position:relative;display:inline-block;margin-left:14px;color:#000;font-size:12px;line-height:18px;vertical-align:middle}
.list_sort {}
.list_sort .sort_num {display:inline-block;width:24px;font-size:10px;}
.list_sort .sort_num>span {font-size:12px;}
.list_sort .sort_num_list {display:none;position:absolute;top:-6px;left:-13px;width:50px;height:auto;padding:5px 10px 10px;box-sizing:border-box;border:1px solid #ddd;background:#fff;z-index:3;}
.list_sort .sort_num_list ul {width:24px;margin:0 auto;}
.list_sort .sort_num_list ul>li {margin:0;padding:0;}
.list_sort .sort_num_list ul>li a {display:inline-block;font-size:10px;line-height:16px;text-align:center;vertical-align:middle;}
.list_sort .sort_num_list ul>li a> span {font-size:12px;}

.prod_list {width:1200px;margin-left:auto;margin-right:auto;}
.prod_list ul{}
.prod_list ul:after {content:'';display:block;clear:both;}

.prod_list>ul>li {float:left;box-sizing:border-box;margin-left:27px;margin-bottom:50px;}
.prod_list>ul>li:first-child {margin-left:0 !important;}
.prod_list>ul>li:nth-child(4n+1) {clear:left;margin-left:0;}
.prod_list>ul>li:nth-child(4n) {margin-left:26px;}

.prod_list.best>ul>li {margin-bottom:0;}/* 1줄 리스트 */
.prod_list.col5 {}/* 1줄 5개 아이템 */
.prod_list.col5>ul>li:nth-child(4n+1) {clear:none;}

/* 쇼핑백 하단 리스트(width 1070) */
.cart {}
.cart .prod_list.col5 {width:1070px;margin-top:15px;}
.cart .prod_list.col5>ul>li {margin-left:43px;}
.cart .prod_list.col5>ul>li:nth-child(even) {margin-left:42px;}

.prod_list.col5 .item_box2, 
.prod_list.col5 .item_box2 .img_area, 
.prod_list.col5 .item_box2 .img_area .img {width:180px;height:270px; display:block;}
.prod_list.col5 .item_box2 .info_area .item_color, 
.prod_list.col5 .item_box2 .info_area .item_tit .name {width:180px;}

/* 상품3개 노출 */
.prod_list.col3>ul>li:nth-child(4n+1) {clear:none;float:left;}

/* 상품리스트 6개  */
.prod_list.col6 {width:1200px;overflow:hidden;}
.prod_list.col6:after {display:block;content:'';clear:both;}
.prod_list.col6>ul {width:1200px;}
.prod_list.col6>ul>li {float:left;margin-left:24px;}
.prod_list.col6>ul>li:first-child {margin-left:0}
.prod_list.col6>ul>li:nth-child(4n+1) {clear:inherit}
.prod_list.col6 .item_box2, 
.prod_list.col6 .item_box2 .img_area, 
.prod_list.col6 .item_box2 .img_area .img {width:180px;height:270px; display:block;}
.prod_list.col6 .item_box2 .info_area .item_color, 
.prod_list.col6 .item_box2 .info_area .item_tit .name {width:180px;}

/* 스타일상세 하단 리스트*/
.prod_list.style_edit{}
.prod_list.style_edit .item_box .info_area{ text-align:center; }
.prod_list.style_edit .item_box .info_area .item_price>.price{ float: none; }



.paging {margin-top:30px;text-align:center;}
.paging>a {display:inline-block;padding:0 6px;line-height:20px;}
.paging>a.on {font-weight:bold;text-decoration:underline;}
.paging>a.navi {width:20px;margin:0 7px;padding:0;letter-spacing:-2px;text-align:center;}
.paging>a.navi + a.navi {margin-left:0;background:;}
.prod_list + .paging {margin-top:0px;}

.item_box {position:relative;}
.item_box .img_area {
	position:relative;
	width:280px;
	height:420px;
	overflow:hidden;
}
.item_box .img_area .changeImg,
.item_box2 .img_area .changeImg, .item_box3 .img_area .changeImg, .item_box4 .img_area .changeImg, .item_box5 .img_area .changeImg
 {display:block;position:relative;height:100%;}
.item_box .img_area .changeImg .staff{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:10; text-align:center; display:table; }
.item_box .img_area .changeImg .staff em{ color:#ffffff; display:table-cell; vertical-align:middle; }
.item_box .img_area a {
	display:block;
	position:relative;
	height:100%;
}
.item_box .img_area a div, .item_box2 .img_area a div, .item_box3 .img_area a div, .item_box4 .img_area a div, .item_box5 .img_area a div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	display:block; /*transition:all .15s ease-in;*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
/*
.item_box .img_area a .img {
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:420px; 
	display:block;
}
*/
.item_box .img_area a .hover-img, .item_box2 .img_area a .hover-img, .item_box3 .img_area a .hover-img, .item_box4 .img_area a .hover-img, .item_box5 .img_area a .hover-img {
	opacity:0;
}
.default-img {
	width:100%;
	height:100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
/*
.item_box .img_area a .img:nth-child(2) {
	opacity:0;
}
*/
.item_box .img_area .item_info {
	display:block;
	position:absolute;
	bottom:-50px;
	left:0;
	right:0;
	height:50px;
	box-sizing:border-box;
	background-color:rgba(255,255,255,.8);
	text-align:center;
	opacity:0;
}
.item_box .img_area .item_size {display:inline-block;padding-top:20px;}
.item_box .img_area .item_size:after {content:'';display:block;clear:both;}
.item_box .img_area .item_size>li {float:left;margin:0 6px;}
.item_box .info_area {position:relative;margin-top:15px;color:#000;font-size:11px;line-height:16px;}
.item_box .info_area .item_tit {display:block;}
.item_box .info_area .item_tit .brand {display:block;font-weight:bold;}
.item_box .info_area .item_tit .name {display:block;overflow:hidden;width:280px;height:16px;margin-top:4px;}
.item_box .info_area .item_tit .name>.head.type2 {color:#7d51da;}
.item_box .info_area .item_price {margin-top:5px;font-size:12px;}
.item_box .info_area .item_price>.price {float:left;font-weight:bold;}
.item_box .info_area .item_price>.price + .price {margin-left:7px;}
.item_box .info_area .item_price .price.before {color:#999;font-weight:normal;text-decoration:line-through;}
.item_box .info_area .item_price .rate {color:#e84e4e;font-weight:bold;font-size:11px;}
.item_box .info_area .item_color {position:absolute;top:0;right:0;}
.item_box .info_area .item_color .btn_color {display:block;float:left;margin-left:5px;}
.item_box .info_area .item_color .btn_color:hover .color:after {content:'';display:block;position:absolute;top:0;left:0;border:1px solid #000;width:15px;height:15px;box-sizing:border-box}
.item_box .info_area .item_icon {width:280px;margin-top:14px;margin-bottom:1px;padding-right:50px;box-sizing:border-box;}
.item_box .info_area .item_icon .icon_txt {float:left;margin-bottom:3px;vertical-align:bottom; margin-right:10px;}
.item_box .info_area .item_icon .icon_txt + .icon_txt {}
.item_box .info_area .item_favor {position:absolute;top:40px;right:0;}
.item_box .info_area .item_state {position:absolute;top:70px;right:0;color:#000;font-size:12px;}
.item_box .info_area .item_price:after, .item_box .info_area .item_color:after, .item_box .info_area .item_icon:after {content:'';display:block;clear:both;}

/* 20190220@SOJSJ 브랜드 이슈 이미지 사이즈 */
.prod_list.best.issue>ul>li { margin-left: 45px; }
.item_box .img_area.col {position:relative;width:370px;height:555px;overflow:hidden;}
.item_box .img_area.col a {display:block;position:relative;height:100%;}
.item_box .img_area.col a .img {position: relative; position:absolute;top:0;left:0;width:370px;height:555px; display:block; /*transition:all .15s ease-in;*/}
.item_box .img_area.col a .img:nth-child(2) {opacity:0}
/* 20190220@SOJSJ 브랜드 이슈 이미지 사이즈 */

/* 20190220@SOJSJ 브랜드 이슈 수정 */
.page_title.collection { margin-top: 30px; margin-bottom: 60px; }
/* 20190220@SOJSJ 브랜드 이슈 수정 */

/* 20190220@SOJSJ 브랜드 컬렉션 */
.collection_brand { max-width: 1920px; min-width: 1200px; /* height: 80%; */ overflow: hidden; margin: 0 auto; }
.collection_brand .brand_collection { width: 1200px; margin: 0 auto; }
.collection_brand .brand_collection img { /* width: 240px; *//* height: 400px; */ }
.collection_brand .brand_collection ul { background: #000; }
.collection_brand .brand_collection ul li { opacity: 0.3; }
.collection_brand .brand_collection ul li.active { opacity: 1; }
.collection_brand .brand_collection ul li.active + li { opacity: 1; }
.collection_brand .brand_collection ul li.active + li + li { opacity: 1; }
.collection_brand .brand_collection ul li > a > div {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-position:center center;background-repeat:no-repeat;background-size:contain;}
.collection_brand .brand_collection .lSAction > .lSPrev { left: -45px; }
.collection_brand .brand_collection .lSAction > .lSNext { right: -45px; }
.collection_brand .lSSlideOuter { overflow: visible; }
.collection_brand .lSSlideOuter .lSSlideWrapper { overflow: visible; }
/* 20190220@SOJSJ 브랜드 컬렉션 */

/* 20190220@SOJSJ 컬렉션 리스트 */
#contents .contents.collection { width: auto; }
.collection_list { max-width: 1920px; min-width: 1200px; /* height: 80%; */ overflow: hidden; margin: 10px auto 80px; }
.collection_list .list_collection { width: 1200px; margin: 0 auto; }
.collection_list .list_collection img { /* width: 240px; *//* height: 400px; */ }
.collection_list .list_collection ul { background: #000; }
.collection_list .list_collection ul li { opacity: 0.3; }
.collection_list .list_collection ul li.active { opacity: 1; }
.collection_list .list_collection ul li.active + li { opacity: 1; }
.collection_list .list_collection ul li.active + li + li { opacity: 1; }
.collection_list .list_collection .lSAction > .lSPrev { left: -45px; }
.collection_list .list_collection .lSAction > .lSNext { right: -45px; }
.collection_list .lSSlideOuter { overflow: visible; }
.collection_list .lSSlideOuter .lSSlideWrapper { overflow: visible; }
/* 20190220@SOJSJ 컬렉션 리스트 */




.item_box .color, .item_box .color img , .item_box2 .color, .item_box2 .color img {display:block;width:15px;height:15px;}
.icon_txt {display:inline-block;height:13px;box-sizing:border-box;border:1px solid rgba(255,255,255,0);color:#4b958f;font-size:11px;line-height:11px;font-weight:bold;vertical-align:middle;}
.icon_txt.flag {padding:0 2px;border:1px solid #000;color:#000;font-size:10px;line-height:10px;}
.icon_txt + .icon_txt {/*margin-left:5px;*/}

.ico.favor {width:18px;height:16px;background-position:-60px -200px;}
.btn_favor:hover .ico.favor {background-position:-80px -200px;}
.btn_favor.on .ico.favor {background-position:-100px -200px;}

.item_box2 {position:relative;width:280px;height:420px;overflow:hidden;}
.item_box2 .img_area {width:280px;height:420px;}
.item_box2 .img_area a {display:block;position:relative;height:100%;}
.item_box2 .img_area .img {width:280px;height:420px; display:block;}
.item_box2 .info_area {position:absolute;bottom:-50px;left:0;right:0;height:130px;box-sizing:border-box;background-color:rgba(255,255,255,.8);font-size:11px;text-align:center;opacity:0;line-height:20px;}
.item_box2 .info_area a {display:block;padding-top:20px;height:100%;}
.item_box2 .info_area a:hover {text-decoration:none;}
.item_box2 .info_area .item_tit {}
.item_box2 .info_area .item_tit .brand {display:block;font-weight:bold;}
.item_box2 .info_area .item_tit .name {display:block;overflow:hidden;width:280px;height:20px;}
.item_box2 .info_area .item_price {display:block;margin-top:4px;font-size:12px;}
.item_box2 .info_area .item_price .price {margin:0 3px;font-weight:bold;}
.item_box2 .info_area .item_price .price.before {color:#999;font-weight:normal;text-decoration:line-through;}
.item_box2 .info_area .item_price .rate {color:#e84e4e;font-weight:bold;}
.item_box2 .info_area .item_color {display:block;position:absolute;bottom:20px;width:280px;line-height:15px;z-index:3}
.item_box2 .info_area .item_color .btn_color {display:inline-block;margin:0 2px;}
.item_box2 .info_area .item_color .btn_color:hover .color:after {content:'';display:block;position:absolute;top:0;left:0;border:1px solid #000;width:15px;height:15px;box-sizing:border-box}


/* 쇼핑백 */
#contents .contents.cart {width:1070px;}

#contents .contents.cart .cart_note {margin:0 0 25px;}
#contents .contents.cart .uiTabMenu2 {margin-bottom:50px;}
#contents .contents.cart .cart_note>.list_txt {width:550px;margin:0 auto;}
#contents .contents.cart .cart_note>.list_txt  ul li{ font-size:11px;}
#contents .contents.cart .cart_note>.msg_login {margin-bottom:15px;color:#7d51da;text-align:center;}
#contents .contents.cart .cart_note>.msg_login .ico.msglogin {width:12px;height:15px;margin-right:5px;background-position:0 -220px;}

#contents .contents.cart .list_txt ul li{ font-size:12px; color:#333333; }

.list_txt {}
.list_txt ul {padding-left:10px;}
.list_txt ul li {margin-top:2px;font-size:11px;}
.list_txt ul li .link {display:inline-block; position:relative; color:#666; vertical-align:0;}
.list_txt ul li .link:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#666;}
.list_txt ul li .link:hover {text-decoration:none;}
.list_txt ul li:first-child {margin-top:0;}
.list_txt ul li:before {content:'-';margin-right:5px;margin-left:-10px;vertical-align:1px}
.list_txt p {padding-left:10px}
.list_txt p:before {content:'-';margin-right:5px;margin-left:-10px;vertical-align:0}

.list_txt.type2 {margin-top:10px;margin-bottom:10px;}
.list_txt.type2 ul li {color:#999;}
.list_txt.type2 ul li:before {content:'·';color:#000;font-weight:bold;}
.list_txt.type2 p:before {content:'·';color:#000;font-weight:bold;}


.list_txt.fs12 ul li {color:#666;font-size:12px;}

.chkbox {display:inline-block;position:relative;min-width:12px;vertical-align:middle;}
.chkbox input {position:absolute;top:0;left:0;width:0;height:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
.chkbox:before {content:'';display:block;position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-6px;box-sizing:border-box;border:1px solid #000;background:#fff;vertical-align:middle;}
.chkbox.on:before {background:#000 url(../images/common/ico_chkbox_checked.png) no-repeat center 50%;}
.chkbox span {margin-left:17px;}
.chkbox.disabled {opacity:0.3;cursor:default;}
.chkbox.disabled:before {background-color:#ddd;}

.radio {display:inline-block;position:relative;min-width:12px;vertical-align:middle;}
.radio input {/*position:absolute;top:0;left:0;*/width:0;height:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
.radio:before {content:'';display:block;position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-6px;box-sizing:border-box;border:1px solid #000;border-radius:6px;background:#fff;vertical-align:middle;}
.radio.on:before {border:4px solid #000;}
.radio span {margin-left:17px;}
.radio.disabled {cursor:default; color:#000000;}
.radio.disabled:before {background-color:#ddd; border-color:#666666;}
.form_group {}
.form_group .radio, .form_group .chkbox {margin-right:15px;}

/* 네이버 페이 */
.form_group label img {content: url('/resources/images/common/bt_pc_npay.png');margin-left:17px;margin-right:0px;}
.form_group .ml4 {margin-left:4px;}

/* 쇼핑백 합계금액 */
.cart_total_price {margin:30px 0;padding:27px 0 30px;background:#f5f5f5;text-align:center;}
.cart_total_price dl {display:inline-block;position:relative;vertical-align:middle;}
.cart_total_price dl dt {color:#000;font-size:12px;text-align:center;}
.cart_total_price dl dd .price {color:#000;font-size:11px;}
.cart_total_price dl dd .price strong {color:#000;font-size:18px;}
.cart_total_price dl.total dd .price strong {color:#7d51da;font-size:22px;}
.cart_total_price dl.minus {padding-left:40px;}
.cart_total_price dl.plus, .cart_total_price dl.total {padding-left:48px;}
.cart_total_price dl.minus:before, .cart_total_price dl.plus:before, .cart_total_price dl.total:before {display:block;position:absolute;top:50%;left:15px;height:30px;margin-top:-15px;color:#000;font-size:20px;line-height:28px;font-weight:bold;}
.cart_total_price dl.minus:before {content:'-';}
.cart_total_price dl.plus:before {content:'+';}
.cart_total_price dl.total:before {content:'=';}
.cart_total_price .tooltip {/*height:15pxvertical-align:top*/}
.cart_total_price .tooltip .tt_layer {min-width:150px;} 

.link_txt {display:inline-block;color:#666;text-decoration:underline;vertical-align:middle}
.link_txt:hover {color:#333;text-decoration:underline;}

.result_none {padding:80px 0;font-size:11px;text-align:center;}
.result_none p + p {margin-top:4px;}
.result_none.long {padding:200px 0 250px !important;}

/* 버튼 */
.button {display:inline-block;min-width:120px;height:45px;line-height:43px;padding-left:10px;padding-right:10px;box-sizing:border-box;border:1px solid #000;background-color:#fff;color:#000;font-size:12px;font-weight:normal;text-align:center;transition:all 0.1s ease-in;}
.button:hover {border-color:#000;background-color:#f5f5f5;color:#000;text-decoration:none;}
.button.point {border-color:#000;background-color:#000;color:#fff;}
.button.point:hover {border-color:#333;background-color:#333;}
.ly_wrap .button {min-width:100px;height:40px;line-height:38px;}

.button.small {min-width:70px;height:30px;border:1px solid #999;color:#000;font-size:12px;line-height:28px;}
.button.small:hover {border-color:#000;color:#000;}
.button.small.point {border-color:#000;background-color:#000;color:#fff;}
.button.small.point:hover {border-color:#333;background-color:#333;}
.button.small.gray {border-color:#999;background-color:#999;color:#fff;}
.button.small.gray:hover {border-color:#aaa;background-color:#aaa;}

.button.small2 {min-width:59px;height:25px;padding-left:7px;padding-right:7px;border:1px solid #ddd;color:#666;font-size:11px;line-height:25px;box-sizing:border-box;}
button.button.small2 {line-height:23px;}
.button.small2:hover {border-color:#ddd;background-color:#f5f5f5;color:#000;}
.button.small2.point {border-color:#000;background-color:#000;color:#fff;}
.button.small2.point:hover {border-color:#333;background-color:#333;}
.button.small2.sub {border-color:#ddd;background-color:#f5f5f5;color:#000;}
.button.small2.sub:hover {border-color:#000;background-color:#f5f5f5;}
.button.small2.gray {border-color:#999;background-color:#999;color:#fff;}
.button.small2.gray:hover {border-color:#aaa;background-color:#aaa;}
.button.small2.w35 {min-width:35px;padding-left:0;padding-right:0}

.button.big {min-width:200px;height:50px;border:1px solid #000;color:#000;font-size:14px;line-height:49px;font-weight:bold;}
.button.big:hover {border-color:#000;background-color:#f5f5f5;color:#000;}
.button.big.point {border-color:#000;background-color:#000;color:#fff;}
.button.big.point:hover {border-color:#333;background-color:#333;}
.button.big.point2 {border-color:#999;background-color:#999;color:#fff;}
.button.big.point2:hover {border-color:#aaa;background-color:#aaa;}
.button.big.point3 {border-color:#666;background-color:#666;color:#fff;}
.button.big.point2:hover {border-color:#888;background-color:#888;}
.button.big.w250 {min-width:250px}
.button.big.w100p {min-width:auto;width:100%;}

.button.disabled, .button.disabled:hover {border-color:#e0e0e0;background-color:#fff;color:#b2b2b2;cursor:default;opacity:1;}
.button.sub[disabled], .button.sub[disabled]:hover {background-color:#f5f5f5;border-color:#ddd;color:#999;cursor:default;}

.btn_wrap {margin:30px 0 0;text-align:center}

.button.w150 {width:150px !important;}
.button.h40 {height:40px;line-height:40px;}

.btn_restock {position:relative; padding:0 12px 0 0; color:#e84e4e; background:url('../images/common/ico_restock.png') no-repeat 100% 50%;}
.btn_restock:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#e84e4e;}
.btn_map {position:relative; padding:0 12px 0 0; font-size:12px; color:#000; background:url('../images/common/ico_map.png') no-repeat 100% 50%;}
.btn_map:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000;}

/* 툴팁 */
.tooltip {display:inline-block;position:relative;cursor:pointer;vertical-align:middle;}
.tooltip .tt_btn {display:inline-block;overflow:hidden;width:15px;height:14px;margin-top:2px;line-height:13px;vertical-align:top}
.tooltip .tt_btn:after {content:'?';position:absolute;top:0;left:0;width:15px;height:14px;box-sizing:border-box;border:1px solid #ddd;background:#fff;color:#000;font-size:11px;line-height:13px;text-align:center;vertical-align:middle;}
.tooltip .tt_txt {display:inline-block;color:#000;font-size:12px}
.tooltip .tt_layer {display:none;position:absolute;top:22px;right:0;min-width:220px;padding:8px 10px;box-sizing:border-box;border:1px solid #999;background:#fff;font-size:12px;line-height:14px;}
.tooltip .tt_layer .tt_cont {text-align:left;color:#000;}
.tooltip .tt_layer .tt_cont .list_txt li {margin-top:0}
.tooltip:hover .tt_layer {display:block;z-index:99}
.tooltip.pos_c .tt_layer {right:-55px;}
.tooltip .tt_txt + .tt_layer {left:0;color:#666 !important;}
.tooltip .tt_txt + .tt_layer>.tt_cont {color:#666 !important;}
.tooltip:hover .tt_txt {font-weight:bold}


.txt_bul {margin-left:10px;text-indent:-10px;}

.view_detail {}
.view_detail:after {content:'+';display:inline-block;text-decoration:none;}
.view_detail.open:after {content:' -';}
button.view_detail, button.view_detail:focus, button.view_detail:active{padding:0;}
button.view_detail * {position:relative;}

/* 상품옵션레이어 */
.option_wrap .tit {color:#000;font-weight:bold;}
.option_item {position:relative;padding-left:110px;}
.option_item .tit {position:absolute;top:5px;left:0;}
.option_item .item_box3 {min-height:60px;margin:0;padding:0;}
.option_item .item_box3 .item_img {width:40px;height:60px;}
.option_item .item_box3 .item_info {color:#000;line-height:20px;text-align:left;vertical-align:middle;}
.option_select {margin-top:10px;padding:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;color:#000;}
.option_select dl {position:relative;padding-left:110px;margin-top:15px; min-height:20px;}
.option_select dl:first-child {margin-top:0;}
.option_select dl dt {position:absolute;top:0;left:0;}
.option_select dl dd {}
.option_select .size15x15 {margin-bottom:5px;}
.option_select dl dd .qty_msg {display:none; margin-left:10px;color:#e84e4e;font-size:11px;}

.pickup-confirm-info {padding:15px 0 0 0;}
.pickup-confirm-info .pickup-place {position:relative;}
.pickup-confirm-info .pickup-place .place {display:block; margin:0 0 8px;}
.pickup-confirm-info .pickup-place .date {dipslay:block;}
.pickup-confirm-info .pickup-place .store-change {}
.store-change {display:inline-block; position:absolute; top:0; right:0; padding:0 14px 0 0; background:url(../images/common/ico_map2.png) no-repeat 100% 50% / 9px auto; font-size:12px; color:#666;}


.total_price {margin-top:20px;padding:10px 30px;background:#f5f5f5;color:#000;}
.total_price dt {float:left;line-height:30px;}
.total_price dd {float:right;}
.total_price dd .price strong {font-size:17px;line-height:30px;}

.quant_box {display:inline-block;position:relative;padding:0 20px;}
.quant_box .ico {display:block;position:absolute;top:0;width:24px;height:24px;border:1px solid #ddd;;color:#000;font-size:11px;line-height:14px; box-sizing:border-box;}
.quant_box .ico.minus {left:0;background-position:-77px -167px;}
.quant_box .ico.plus {right:0;background-position:-96px -167px;}
.quant_box .ico span {position:relative}
.quant_box .num {width:30px;height:25px;margin:0;padding:0;border:none;background:#fff;color:#000;text-align:center;}

.qty-option {display:inline-block;position:relative;padding:0 20px;}
.qty-option .ico {display:block;position:absolute;top:0;width:18px;height:18px;border:1px solid #ddd;;color:#000;font-size:11px;line-height:14px;}
.qty-option .ico.minus {left:0;background-position:-80px -170px;}
.qty-option .ico.plus {right:0;background-position:-100px -170px;}
.qty-option .ico span {position:relative}
.qty-option .num {width:30px;height:18px;margin:0;padding:0;border:none;background:#fff;color:#000;text-align:center;}

/* 쇼핑백 */
.tbl_cart {margin-top:15px;margin-bottom:20px;border-top:1px solid #000;border-bottom:1px solid #f2f2f2;}
.tbl_cart table {}
.tbl_cart table thead th {height:50px;color:#000;font-size:12px;font-weight:normal;text-align:center;}
.tbl_cart table tbody td {padding:20px 10px;border-top:1px solid #f2f2f2;text-align:center;}
.tbl_cart td .btn_wrap {margin:0;}
.tbl_cart td .btn_wrap .button + .button {margin-top:3px;}
.tbl_cart td .btn_wrap .button:only-of-type {width:70px; padding-right:0; padding-left:0;}
.tbl_cart td .txt-end {display:block; font-size:11px; color:#e84e4e;}
.tbl_cart tr.set_item td {padding-top:20px;padding-bottom:10px; border-top:none;background-color:#f5f5f5;}
.tbl_cart tr.set_item + tr.set_item td{ padding-top:10px;}
.tbl_cart tr.set_item_group + tr.set_item td {padding-top:20px;}
.tbl_cart tr.add_item td {padding-top:0;border-top:none;}
.tbl_cart td .tt_btn {font-size:11px;}
.tbl_cart tr.set_item {display:none;}
.tbl_cart tr.set_item.on {display:table-row;}
.tbl_cart td.bdl {border-left:1px solid #f2f2f2;}
.tbl_cart td .price{ white-space:nowrap; }
.tbl_cart .rate {color:#e84e4e;font-size:11px;font-weight:bold;}
.tbl_cart .price strong {color:#000;font-weight:bold;}
.tbl_cart table tbody tr.interval_b10 td {padding-bottom:10px !important;}
.tbl_cart .shop_title {display:block; margin:0 0 6px; font-size:11px; color:#000;}
.tbl_cart .shop_date {display:block; font-size:11px; color:#666;}
.tbl_cart .shop_date.over {color:#e84e4e;}

.tbl_cart td .result_none {padding-top:60px;padding-bottom:60px;}


/* 상품정보 */
.item_box3 {display:table;width:100%;table-layout:fixed;text-align:left; min-height:90px;}
.item_box3 > a > div {width:60px; height:90px;display:block;background-position:center center;background-repeat:no-repeat;background-size:contain;} 
.item_box3 .item_img {display:table-cell;position:relative;width:60px;text-align:right;vertical-align:top;}
.item_box3 .item_img img {width:100%; display:block;}
.item_box3 .item_info {display:table-cell;position:relative;padding-left:20px;vertical-align:top;}
.item_box3 .item_info .item_tit {color:#000;}
.item_box3 .item_info .item_tit>span {display:block;}
.item_box3 .item_info .item_tit .brand {font-weight:bold;}
.item_box3 .item_info .item_tit .name .head.type2 {color:#7d51da;font-weight:normal;}
.item_box3 .item_info .item_tit ~ .item_tit {margin-top:7px;}
.item_box3 .item_info dl dt, 
.item_box3 .item_info dl dd {float:left;color:#999;}
.item_box3 .item_info dl dd {margin-left:5px;}
.item_box3 .item_info dl dd + dt:before {content:'/ ';margin-left:4px;}
.item_box3 .item_info .item_cont {color:#999;}
.item_box3 .item_cont.change {color:#666;}
.item_box3 .item_cont.change dt, 
.item_box3 .item_cont.change dd {color:#666;}

.item_box3 .itme_btn {position:absolute;bottom:0;}
.item_box3 .itme_btn button {margin-right:5px;}

/* 품절 */

.soldout_item .item_box3 .item_img .txt {display:block;position:absolute;top:0;right:0;}
.soldout_item .item_box3 .item_img .txt span {display:table-cell;width:60px;height:90px;background:rgba(0,0,0,.5);color:#fff;font-size:11px;text-align:center;vertical-align:middle;}
.set_item.soldout_item .item_box3 .item_img .txt span {width:40px;height:60px;padding:0 5px;box-sizing:border-box;line-height:12px;}
/* 세트구성상품 */
.set_item .item_box3 { margin-left:20px;}
.set_item .item_box3 .item_img{ width:40px; }
.set_item .item_box3 .item_img img {width:40px;height:60px;}
.set_item .item_box3 .item_info {height:72px;}
.set_item .item_box3 .item_info .item_tit {font-size:11px;}

/* 주문/결제 */
.intro_msg {font-size:14px;text-align:center}

.order_pay_wrap{ position:relative; }
.order_pay_wrap:after {content:'';display:block;clear:both;}
.order_area {float:left;width:725px;}

.order_area .tbl_info td{ padding-top:10px !important; padding-bottom:10px !important; }

.pay_area {float:right;width:315px; position:absolute;top:0;right:0; bottom:0px;}
.pay_area .pay_area_inner{width:315px;position:absolute; right:0px; }
.pay_area .pay_area_inner .pay_wrap {}
.pay_area .pay_area_inner .pay_wrap .tit_cont{ margin:0px; padding:10px 0; }

.pay_area{  }
.pay_area .pay_area_inner.fix { position:fixed; top:0px; left:50%; margin-left:220px;}
.pay_area .pay_area_inner.fix .pay_wrap {}

.pay_area.bottom{}
.pay_area.bottom .pay_area_inner{ bottom:0px; }

.tbl_cart.order {margin-top:10px;margin-bottom:15px;}
.tbl_cart.order table colgroup col:nth-child(2){ width:50px; }
.tbl_cart.order .item_box3 .item_info {height:auto !important;vertical-align:middle;}
.tbl_cart.order tr.set_item {display:table-row;}
.tbl_cart.order tr.set_item td {padding-top:0;padding-bottom:;background-color:#fff;}
.tbl_cart.order tr.set_item_group td {padding-bottom:0;}
.tbl_cart.order tr.set_item_group + tr.set_item td {padding-top:0;}

.tbl_form {margin-top:10px;border-top:1px solid #000;border-bottom:1px solid #f2f2f2;}
.tbl_form tbody th {height:44px;border-top:1px solid #f2f2f2;color:#000;font-weight:bold;text-align:left;}
.tbl_form tbody td {height:31px;padding:7px 0;border-top:1px solid #f2f2f2;text-align:left;}
.tbl_form tbody tr:first-child th, .tbl_form tbody tr:first-child td {border-top:none;}
.tbl_form .txt_cmnt {color:#999;}

.txt_cmnt {color:#999;font-size:11px;}
.ico_requir:after {content:' *';color:#e84e4e;}

.bg_gray {background-color:#f2f2f2 !important;}

.box_ty1 dl {padding:15px 15px;}
.box_ty1 dt {width:180px;font-weight:bold;}
.box_ty1 dd {width:500px;}
.tbl_form .box_ty1 dl {padding-top:10px;padding-bottom:10px;}

.select_message {position:relative;width:310px;box-sizing:border-box;border:1px solid #ddd;}
.select_message .msg_input {width:100%;border:none !important;}
.select_message .msg_list { z-index:100; display:none;position:absolute;left:-1px;width:310px;padding:0 10px 10px;box-sizing:border-box;border:1px solid #999;border-top:1px solid #f2f2f2;background:#fff;}
.select_message .msg_list li {margin-top:5px;}
.select_message .msg_list li a:before {content:'-';margin-right:5px;}
.select_message .msg_list li a:hover {color:#999;text-decoration:none;}
.select_message.on {border-color:#999;}
.select_message.on .msg_list {display:block;}

.tbl_info {padding-bottom:10px;border-bottom:1px solid #f2f2f2;}
.tbl_info thead th {height:30px;background:#f5f5f5;color:#000;font-size:11px;font-weight:normal;text-align:center;}
.tbl_info tbody th {font-weight:normal;text-align:center;}
.tbl_info tbody td {padding:5px 10px;color:#666;font-size:11px;text-align:center;}
.tbl_info tbody tr:first-child td {padding-top:10px;}
.tbl_info tbody td.left {}
.tbl_info tbody td.card_logo {padding-top:0;padding-bottom:0;}
.tbl_info tbody td.card_logo img{ max-height:26px; max-width:80px;}
.pay_info_wrap {margin-top:0px;padding:15px 30px 30px;border-top:1px solid #000;background:#f5f5f5;}
.pay_info {}
.pay_info .tit {margin-top:30px;padding:8px 0;border-bottom:1px solid #ddd;color:#000;font-weight:bold;}
.pay_info .tit + dl, .pay_info .tit + p {margin-top:10px;}
.pay_info dl {margin-top:5px;}
.pay_info dl:after {content:'';display:block;clear:both;}
.pay_info dl dt {float:left;margin-top:2px;font-size:13px;}
.pay_info dl dd {float:right;color:#000;font-size:12px;}
.pay_info dl dd .price strong {font-size:15px;}
.pay_info dl.total dt {margin-top:7px;color:#333;font-weight:bold;}
.pay_info dl.total dd .price strong {color:#7d51da;font-size:20px;}
.pay_info.sub dl dt {margin-top:0;font-size:12px;}
.pay_info.sub dl dd .price strong {font-size:12px;font-weight:normal;}
.pay_info.sub dl.total dt {font-size:13px;font-weight:bold;}
.pay_info.sub dl.total dd .price strong {color:#000;font-size:13px;font-weight:bold;}

.tbl_coupon {padding:0;padding-bottom:15px;}
.tbl_coupon + .tbl_coupon {padding-top:20px;border-top:1px solid #f2f2f2;}
.tbl_coupon table th, .tbl_coupon table td {height:30px;color:#000;font-weight:normal;}
.tbl_coupon td.bdl {border-left:1px dashed #eee;}
.tbl_coupon table .item_info {margin-right:15px;font-size:11px;line-height:15px;}

.payinfo_wrap {display:table;width:100%;table-layout:fixed;margin-top:40px;border:1px solid #f2f2f2;background:#f5f5f5;}
.payinfo_wrap>div {display:table-cell;}
.payinfo1 {background:#fff;}
.payinfo1 .payinfo_list {width:689px;margin-left:30px;margin-right:40px;}
.payinfo2 {width:310px;background:#f5f5f5;vertical-align:top}
.payinfo3 {width:310px;background:#fff;border-left:1px solid #f2f2f2;vertical-align:top}
.payinfo_list ul {}
.payinfo_list ul li {position:relative;padding:22px 0 14px 170px;border-top:1px solid #f2f2f2;color:#000;}
.payinfo_list ul li:first-child {border-top:none;}
.payinfo_list ul li .tit {position:absolute;top:26px;left:0;width:150px;}
.payinfo_list ul li .tit .tit_cont2 {margin:0;}
.payinfo_list ul li .tit .txt_cmnt {margin-top:5px;color:#666;line-height:14px;}
.payinfo_list ul li dl {display:table-row;width:100%;/*table-layout:fixed;*/}
.payinfo_list ul li dl dt {display:table-cell;width:140px;vertical-align:middle;}
.payinfo_list ul li dl dd {display:table-cell;padding:5px 0;line-height:15px;vertical-align:middle;}
.payinfo_list ul li dl dd .btn_map {vertical-align:0;}
.payinfo_list ul li dl dd .list_txt ul li {padding:0; border-top:0;}
.payinfo_tip {margin:30px 30px;}
.payinfo_tip dt {font-weight:bold;}
.payinfo_tip dd {margin-top:15px;font-size:11px;}

.pay_wrap2 {}
.pay_wrap2 .tit_cont2 {margin:27px 0 0 30px;}
.pay_wrap2 .pay_info_wrap {margin:0;padding-top:10px;border:none;background:none;}
.pay_wrap2 .pay_info dl.total {margin-top:15px;padding-top:10px;border-top:1px solid #ddd;}

.tit_sub_cmnt {color:#000;font-size:13px;}
.order_note {margin-top:-7px;text-align:center;}
.order_note .msg_finish {color:#000;font-size:13px;}
.order_note .box_gray {width:470px;margin:30px auto 0;padding:10px 35px;background:#f5f5f5;box-sizing:border-box;color:#e84e4e;}
.order_info {margin-top:35px;}

.tbl_adress {margin:5px 0;border-top:1px solid #000;border-bottom:1px solid #f2f2f2;}
.tbl_adress thead th {height:40px;color:#000;font-weight:normal;text-align:center;}
.tbl_adress tbody td {padding:7px 0;color:#333;text-align:center;}
.tbl_adress tbody td p {padding-left:10px;color:#666;font-size:11px;line-height:14px;text-align:left;}
.tbl_adress .tbl_body {overflow-y:auto;max-height:230px;border-top:1px solid #f2f2f2;}

.tit_intro {margin-top:60px;margin-bottom:20px;color:#000;font-size:25px;font-family:'DinL','맑은 고딕',Malgun Gothic,sans-serif;font-weight:normal;text-align:center;}
.brand_issue {width:1037px;margin:0 auto;}
.brand_issue .item_1st {float:left;}
.brand_issue .item_2nd {float:right;margin-bottom:50px}
.brand_issue .item_3rd {float:right;}
.issue_item .img_area img {width:320px;height:480px; display:block;}
.issue_item .info_area {position:relative;margin-top:15px;color:#000;font-size:11px;line-height:16px;}
.issue_item .info_area .item_tit {display:block;}
.issue_item .info_area .item_tit .brand {display:block;font-weight:bold;}
.issue_item .info_area .item_tit .name {display:block;overflow:hidden;max-width:320px;height:16px;margin-top:4px;}
.issue_item .info_area .item_tit .name>.head.type2 {color:#7d51da;}
.issue_item .info_area .item_price {margin-top:5px;font-size:12px;}
.issue_item .info_area .item_price>.price {float:left;font-weight:bold;}
.issue_item .info_area .item_price>.price + .price {margin-left:7px;}
.issue_item .info_area .item_price .price.before {color:#999;font-weight:normal;text-decoration:line-through;}
.issue_item .info_area .item_price .rate {color:#e84e4e;font-weight:bold;}
.issue_item .info_area .item_price:after {content:'';display:block;clear:both;}
.issue_item.item_1st .info_area .item_tit .name {max-width:660px;}
.issue_item.item_1st .img_area{width:667px;height:1000px;}
.issue_item.item_1st .img_area img {width:667px;height:1000px; display:block;}

/* 아울렛배너 */
.outlet_all_banner {width:1200px;margin:0 auto;margin-bottom:60px;}
.outlet_all_banner img {width:1200px;height:280px; display:block;}

.bd_w100 {display:block;width:100%;height:1px;background:#f2f2f2;}

/* 메인>이벤트팝업 */
.common_pop {}
.common_pop .ly_wrap {height:100%; display:block; border:0; background-color:#ffffff;}
.common_pop .ly_contents {display:table; width:100%; height:100%; padding:0;}
.common_pop .ly_contents .event_content {vertical-align:top;}
.common_pop .ly_contents .event_content img {max-width:100%; vertical-align:middle !important;}
.common_pop .btn_wrap { height:40px;margin:0 !important;padding:9px 20px 0 0;color:#000;text-align:right;box-sizing:border-box;}
.common_pop .chkbox {color:#000;font-size:11px;}
.common_pop .chkbox:before {top:53%;}
.common_pop .btn_close {margin-left:30px;padding-left:16px;background:url(../images/common/ico_del.png) no-repeat 0 50%;color:#000;font-size:11px;}

/*로딩*/
@keyframes loading {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
@-webkit-keyframes loading {
    from { -webkit-transform: rotate(0deg); } 
    to   { -webkit-transform: rotate(360deg); }
}

#loading {position:fixed;top:0px;left:0px;display:none;width:100%;height:100%;background-color:rgba(255,255,255,.5);z-index:999;text-align:center;}
#loading-image {position:absolute;top:50%;left: 50%;z-index:1000;}
#loading-image{ content:""; display:inline-block; background:url(../images/common/loading.png) no-repeat; width:32px; height:32px; background-size:100% auto; text-indent:-9999px; overflow:hidden;}
#loading-image{	animation:loading 1s infinite steps(30);}

.ie9 #loading-image{ background-image:url(../images/common/ajax-loader.gif) }


.uiPlayer{ width:100%; background-color:#000000; }


html.kimkee #container img{ background-color:#f0f0f0;}








/*임시링크용*/
.tempLink { position:fixed; left:0px;top:0px; padding:10px; overflow:auto; z-index:10000 ; display:block; margin:0px 0 0 0px;}
.tempLink:hover{opacity:1; filter:alpha(opacity = 100);}
.tempLinkFixed{ position:fixed;}
.tempLink>.pan{ display:none; box-sizing:border-box; margin:0px 0 0 0; padding:10px; position:fixed; left:0px; top:0px; right:0px; bottom:0px; overflow:auto; background-color:rgba(0, 0, 0, 0.4);}
.tempLink .close{ display:non e; text-align:right; border-radius:3px 3px 3px 3px; padding:4px 5px 3px ; margin-bottom:2px; zoom:1; background:#FFF; opacity:0; text-indent:-9999px; overflow:hidden; color:#ffffff; z-index:100; position:relative; }
.tempLink .close:hover{ opacity:0.5; }
.htmlList_list {}
.htmlList_list.sub {border-top:2px solid #efefef;}
.htmlList_list.sub table thead {display:none;}
.htmlList_list table {  border-collapse:collapse; border-top:1px solid #4c4c4c; display:inline-block;  background:#FFF}
.htmlList_list table thead{ display:none; }
.htmlList_list table thead th {padding:7px;background:#f2f3f7;color:#3a3635;font-size:12px;}
.htmlList_list table tbody{ display:block; float: left; margin:10px; width:40%; }
.htmlList_list table tbody tr{ width:100%; }
.htmlList_list table tbody td {padding:7px;border:1px solid #efefef;font-size:11px;}
.htmlList_list table tbody tr:hover td {background:#f8f9fb;}
.htmlList_list table tbody tr.sub_menu td {border-top:2px solid #ddd;}
.htmlList_list table .category {}
.htmlList_list table .no {text-align:center;}
.htmlList_list table .dep1 {}
.htmlList_list table .dep2 { display:none; }
.htmlList_list table .dep3 { display:none;}
.htmlList_list table .note { display:none;}
.htmlList_list table .scrName {}
.htmlList_list table .fileName a{ font-family:"Verdana" }
.htmlList_list table .scrId { display:none;}
.htmlList_list table .scrId a {color:#3a3635;}
.htmlList_list table .scrId a:hover {color:orange;text-decoration:underline;}
.htmlList_list table .name {text-align:center;}
.htmlList_list table .date {display:none;}
.htmlList_list table td.note {font-size:11px;line-height:1.5;}
.htmlList_list table td.note span {color:#333;font-weight:bold;} 


ul.ul  {}
ul.ul>li {position:relative; padding-left:7px; line-height:16px; margin:0 0 3px; font-size:12px; letter-spacing:-1px;}
ul.ul>li:last-child {margin-bottom:0;}
ul.ul>li:before {display:inline-block; content:""; position:absolute; top:7px; left:0; width:2px; height:2px; margin:0; vertical-align:middle; line-height:0; font-size:0; background:#000;}

/* coupon icon */
.app_coupon {display:inline-block; /* float:left; */ height:16px; margin:0 1.5px; padding:1px 7px 0; border:1px solid #ddd; font-family:'Montserrat'; font-size:11px; line-height:14px; color:#e84e4e; letter-spacing:-0.05em;}