@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(/resources/css/nanum-myeongjo.css);

/************************************************************************
 * 작성자       : 김영남
 * 목적         : resources , resources_renewal 모두에 적용되는 공통소스
************************************************************************/

/*■■ 채널의 기본 element 정의 ■■*/
/* html5 element make
----------------------- */

/* Base ( 기존 common.css )
----------------------- */
* {margin:0 auto; padding:0; font-size:12px; font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif;}
html,body {margin:0 auto; padding:0; font-size:12px; font-family: '돋움체', 'Dotum', Verdana, Arial, Sans-Serif; color:#8d8d8d;line-height:130%; height:100%;}
p, ul, ol, form, h1, h2, h3, h4, h5, dl, dt, dd, li, div, a{margin:0; padding:0}
input, textarea, select{margin:0; padding:0; font-size:12px; font-family: '돋움체', 'Dotum', Verdana, Arial, Sans-Serif;color:#8d8d8d;}
textarea{border:1px solid #c2c2c2;}
select{border:1px solid #c2c2c2;height:22px;}
li{list-style:none}
td { vertical-align:top; text-align:left;}

img{border:none;}
a img{border:none;}
table{border-collapse:collapse; width:100%;}

@font-face{font-family:나눔고딕;font-style:normal;font-weight:normal;src:url('/resources/css/images/DBFNT0.eot')}
@font-face{font-family:나눔고딕ExtraBold;font-style:normal;font-weight:normal;src:url('/resources/css/images/EXTRABO0.eot')}

.no_scroll {overflow: hidden;width: 100%;height: 100vh;touch-action:none;}

/*링크*/
a{cursor: pointer;}
a:link{color:#8d8d8d;text-decoration:none;}
a:visited{color:#8d8d8d;text-decoration:none;}
a:active{color:#8d8d8d;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}

.png24 {tmp:expression(setPng24(this));}
.cb{clear:both;}
.font0{font-size:0px;}
.font_nanum{font-family:나눔고딕;}
.font_nanumEx{font-family:나눔고딕 ExtraBold;}

/**/
.poRe {position: relative;}
.poAb {position: absolute;}

/* font */
.letter-s1 {letter-spacing:-1px;}

.font-s11 {font-size:11px;}
.font-s12 {font-size:12px;}
.font-s14 {font-size:14px;}
.font-s17 {font-size:17px;}
.f_tahoma{font-family:tahoma;}
.f_Verdana{font-family:Verdana;}
.f_Arial{font-family:Arial;}
.txt_l{text-align:left;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.fl{float:left;_display:inline;}

.ver_t{vertical-align:top;}
.ver_m{vertical-align:middle;}
.ver_b{vertical-align:bottom;}
.input01{padding:3px;border:1px solid #c2c2c2;}
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}

.mgt2{margin-top:-2px;}/*14.1117*/
.mgt3{margin-top:3px;}
.mgt4{margin-top:4px;}
.mgt5{margin-top:5px;}
.mgt8{margin-top:8px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt18{margin-top:18px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt120{margin-top:120px;}
.mgl10{margin-left:10px;}/*14.0703*/
.mgb15{margin-bottom:15px;}/*14.0709*/
.mgb10{margin-bottom:10px;}
.mgb50{margin-bottom:50px;}
.mgl2{margin-left:2px;}
.mgl3{margin-left:3px;}
.mgl4{margin-left:4px;}
.mgl5{margin-left:5px;}
.mgl35{margin-left:35px;}
.mgr3{margin-right:3px;}/*14.0709*/
.mgr5{margin-right:5px;}/*14.0709*/

.pdt20{padding-top:20px;}
.pdt5{padding-top:5px;}
.pdt8{padding-top:8px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pl5{padding-left:5px;}/*2014.0708*/
.pdb40{padding-bottom:40px;}/*2014.0925*/
.pgbt30{padding:30px 0;}/*2014.0926*/

.fl{float:left}
.fr{float:right}

/*페이징*/
.paging_w{width:1100px;padding-top:40px;border-top:none;text-align:center}
.paging_w a.on{color:#fff;font-size:12px;font-weight:bold;width:8px;height:20px;display:inline-block;text-align:center;overflow:hidden;zoom:1; background-color:#d46b7a; padding-top:4px; padding-left:8px;}
.paging_w a{width:10px;height:20px;color:#555;font-size:12px;display:inline-block;padding:0px 10px;font-family:Verdana;overflow:hidden;zoom:1;}
.paging_w a img{margin-top:2px;width:15px;height:14px;}

/* 상단 스팟 배너 */
.topSpotBnr{margin-bottom:10px;position:relative}
.topSpotBnr .btnClose{position:absolute;right:7px;bottom:7px;}

/* 왼쪽 윙배너 */
.left_wing li{line-height:0}

/*상품레이어팝업*/
.pop_01{position:absolute;left:0;top:0;width:367px;height:188px;background:#fff;border:3px solid #55add1;overflow:hidden;zoom:1;z-index:5;}
.pop_01 .pop_wcon{margin:15px;}
.pop_01 .pop_wcon dl{width:100%;border-bottom:1px solid #55add1;padding-bottom:5px;overflow:hidden;zoom:1;}
.pop_01 .pop_wcon dl dt{float:left;_display:inline;}
.pop_01 .pop_wcon dl dd{float:right;_display:inline;}

/* 레이어 팝업 (width:300px 고정) */
#event_presentEvt1 {position:absolute;top:167px;left:10px;z-index:99999;width:300px}
#event_presentEvt1 .closeUI{width:100%;overflow:hidden;background-color:#4ba8e7}
#event_presentEvt1 .closeUI .close{float:right; height:20px; padding:10px 10px 0 10px;}
#event_presentEvt1 .closeUI .today{float:left; height:20px; padding:10px 10px 0 10px;}

/* 섬네일정리 */
.thumbnail_cover { position:relative; }

/*공통아이콘정의*/
:root {--icon_thumb-width : 51px; }
.icon_wrap{ position:absolute;margin-top:252px}
.icon_thumb_new {  left:0 ;top:0; height:20px ;float:left}
.icon_thumb_end { left:0 ;top:0;float:left}
.icon_thumb_sale { left:0 ;top:0; height:20px;float:left }
.icon_thumb_premium { left:0 ;top:0; height:20px;float:left }
.icon_thumb_collabo { left:0 ;top:0; height:20px ;float:left}
.icon_thumb_qr { left:0 ;top:0; height:20px ;float:left}

.icon_thumb_new ~ .icon_thumb_end,
.icon_thumb_new ~ .icon_thumb_sale,
.icon_thumb_end ~ .icon_thumb_new,
.icon_thumb_end ~ .icon_thumb_sale,
.icon_thumb_sale ~ .icon_thumb_new,
.icon_thumb_sale ~ .icon_thumb_end {left: var(--icon_thumb-width);}

/* 기존 슬라이더 배너 위치 정의 */
.clsBanner {position:relative;float:left}
.clsBannerButton {z-index:999;}
#contents .con1 #tab_1 .tab_w .clsBannerButton img {margin:6px 6px 0 0;}
.clsBannerScreen {z-index:1;}
.clsBannerScreen div {display:none;}

/* Links
----------------------- */

/* Typography
----------------------- */

@font-face {
    font-family: 'NotoKR-Regular';
    src: url('/inc/webfont/NotoKR-Regular/notokr-regular.eot');
    src: url('/inc/webfont/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/inc/webfont/NotoKR-Regular/notokr-regular.woff') format('woff'),
         url('/inc/webfont/NotoKR-Regular/notokr-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoKR-Bold';
    src: url('/inc/webfont/NotoKR-Bold/notokr-bold.eot');
    src: url('/inc/webfont/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/inc/webfont/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('/inc/webfont/NotoKR-Bold/notokr-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('../fonts/woff2/AGaramondPro-Semibold.woff2') format('woff2'),
        url('../fonts/woff/AGaramondPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('../fonts/woff2/AGaramondPro-Bold.woff2') format('woff2'),
        url('../fonts/woff/AGaramondPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('../fonts/woff2/AGaramondPro-Regular.woff2') format('woff2'),
        url('../fonts/woff/AGaramondPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#toast {position: fixed; min-width: 150px; bottom: 80px; right:50%; transform: translate(50%); text-align: left; z-index: 100;} 
#toast .toast_box {display: none; padding: 13px 15px; background: #666; opacity: 0.95; border-radius: 5px;} 
#toast .toast_box:not(:last-child) {margin-bottom: 18px;}
.toast_msg {font-size: 17px; color:#fff; font-family: "Pretendard"; letter-spacing: -0.43px; font-weight: 300; background: url(/resources/images/common/ico_18_toast.svg) no-repeat 0; padding-left: 24px;}


/* mark,인용
----------------------- */

/* Lists
----------------------- */

/* Embedded content
----------------------- */

/* Forms
----------------------- */

/* Tables
----------------------- */

/*■■ 채널의 공통영역 정의 ■■
-------------------------------------------------------------------------- */
/* 기본 링크 정의
----------------------- */

/* 링크 정의
----------------------- */
	
/* font , color, size, weight 정의
----------------------- */
.gray3 {color:#9f9f9f}/*2014.0217*/
.blue1 {color:#4381b1;}/*2014.0319*/
.b_c_choice {color:#60b7e2;}
.policy_a .b_c_choice { font-weight:normal;}

/* Background Color 정의
----------------------- */

/* Text 정의
----------------------- */

/* Vertical 정의
----------------------- */

/* border 정의
----------------------- */

/* margin,padding 정의
----------------------- */

/* Float 정의
----------------------- */

/* position 정의
----------------------- */
	
/* clear 정의
----------------------- */
	
/* Display 정의 (IR기법정의)
----------------------- */
#wrap{width:100%;}
#contents {width:1100px; margin:0 auto; padding-bottom:70px; position:relative; z-index:2;}

/* 인쇄 잘리기 정의
----------------------- */



/*■■ 채널 공통 템플릿 정의 ■■
-------------------------------------------------------------------------- */
/* 표 table or Div Style 정의 : Table안의 Table 사용가능하게 정의
----------------------- */

/* 리스트 Table or Div Style 정의 : Table안의 Table 사용가능하게 정의
----------------------- */
.gnb_1100 .sub_1100 {width:1100px !important; margin: 0 auto;}


/* table_top 정의
----------------------- */

/* box 정의
----------------------- */

/* Title Style 정의
----------------------- */
		
/* list Style 정의 - Contents List영역(2~6줄)의 정의
----------------------- */
.b_list_01 { margin-top:10px;}
	.b_list_01 li {font-size:11px; color:#666; background:url('/resources/images/common/bul_9x9.gif') no-repeat left 4px; padding:2px 0 2px 14px;}
	.b_list_01 li.blue {font-weight:normal; color:#4381b1; background-image:url('/resources/images/common/bul_9x9_b.gif')}
	.b_list_01 li.orange {font-weight:normal; color:#ff6600; background-image:url('/resources/images/common/bul_9x9_o.gif')}
	
.b_list_02 {margin-top:5px;}
	.b_list_02 li { font-size:11px; color:#666; background:url('/resources/images/common/bul_3x5.gif') no-repeat 4px 6px; padding:2px 0 2px 13px;}

.b_list_03 {margin-top:2px;}
	.b_list_03 li { font-size:11px; color:#666; background:url('/resources/images/common/bul_3x5.gif') no-repeat 4px 9px; padding:5px 0 5px 13px;}
	
.b_list_04 {margin-top:2px; padding:15px; border:1px solid #dedede; background-color:#f6f6f6}
	.b_list_04 li { font-size:12px; color:#666; background:url('/resources/images/common/bul_3x5.gif') no-repeat 4px 7px; padding:3px 0 2px 13px;}
	.b_list_04 li strong { color:#ff6600; font-weight:normal;}
	
.b_list_05 {padding:20px; background-color:#e8e8e8}
	.b_list_05 li { font-size:12px; color:#666; background:url('/resources/images/common/bul_2x2.png') no-repeat 4px 7px; padding:3px 0 2px 13px;}
	.b_list_05 li strong { color:#ff6600; font-weight:normal;}
	
.b_list_06 {padding:20px; background-color:#555555}
	.b_list_06 li { font-size:12px; color:#fff; background:url('/resources/images/common/bul_2x2_w.png') no-repeat 4px 7px; padding:3px 0 2px 13px;}
	.b_list_06 li strong { color:#fff200; font-weight:normal;}
	
/* Tab Style 정의
----------------------- */

/* Bullet(title용) 정의
----------------------- */
	
/* Bullet(list용) 정의
----------------------- */

/* line 정의
----------------------- */
.b_line_01 {background:url('/resources/images/common/line_dotte_3x2.png') repeat-x left top; height:2px; overflow:hidden; font-size:0;}

/* box 정의
----------------------- */

/* button Style 정의
----------------------- */
.b_tbtn_01 { background-color:#777777; color:#fff; display:inline-block; padding:2px 10px; text-align:center; border-radius:2px; background:url('/resources/images/common/bg_btn_sm.gif') repeat-x left 50%;}
/*SNS링크추가*/
.snslink_a { text-align:center;}
	.snslink_a ul { display:inline-block; #display:inline; zoom:1}
	.snslink_a li { float:left; position:relative}
	.snslink_a li a {position:absolute; left:0; top:0; border-radius:5px; overflow:hidden;  z-index:1; background-color:#fff; width:100%; height:100%;}
	.snslink_a li p.tit {position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; font:12px/1.2 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif;  text-align:center; -webkit-filter: opacity(0%);filter: opacity(0%); -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
	.snslink_a li img.icon { width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
	.snslink_a li img.cover { display:none; display:block\9; width:100%; height:100%; position:absolute; left:0; top:0;}
	.snslink_a ul:hover li img.icon {-webkit-filter: opacity(40%) grayscale(90%);filter: opacity(40%) grayscale(90%);}
	.snslink_a ul li:hover img.icon {-webkit-filter: opacity(100%) grayscale(0%);filter: opacity(100%) grayscale(0%);}
	.snslink_a ul li:hover p.tit {top:-18px; height:15px;-webkit-filter: opacity(100%);filter: opacity(100%);}
	.snslink_a.small ul { height:30px;}
	.snslink_a.small li { height:30px; width:30px; margin-left:5px;}
	.snslink_a.small li:first-child { margin-left:0;}
	.snslink_a.small li p.tit { display:none;}
	.snslink_a.middle { margin-top:40px;}
	.snslink_a.middle ul { height:50px;}
	.snslink_a.middle li { height:50px; width:50px; margin-left:20px;}
	.snslink_a.middle li:first-child { margin-left:0;}
	.snslink_a.middle li p.tit { width:70px; left:-10px;}
	.snslink_a.big { margin-top:50px;}
	.snslink_a.big ul { height:80px;}
	.snslink_a.big li { height:80px; width:80px; margin-left:20px;}
	.snslink_a.big li:first-child { margin-left:0;}
/*sns공유버튼*/
.snssharebtn_a { position:absolute; left:0; top:0}
	.snssharebtn_a .btn { z-index:10; position:relative;}
	.snssharebtn_a .snslink_a { position:absolute; left:10px; top:0; width:0; text-align:left; z-index:1; overflow:hidden;-webkit-transition:all .3s cubic-bezier(0.76, 1.18, 0.85, 1.15);-moz-transition:all .3s cubic-bezier(0.76, 1.18, 0.85, 1.15);-ms-transition:all .3s cubic-bezier(0.76, 1.18, 0.85, 1.15);-o-transition:all .3s cubic-bezier(0.76, 1.18, 0.85, 1.15);transition:all .3s cubic-bezier(0.76, 1.18, 0.85, 1.15)}
	.snssharebtn_a:hover .snslink_a {width:180px; padding-left:84px;}

/* pagination 정의
----------------------- */

/* search 정의
----------------------- */

/* Scroll 정의
----------------------- */

/* Icon 정의
----------------------- */
.b_icon_txt {display:inline-block; width:40px; padding:5px 2px 3px !important; text-align:center; vertical-align:middle; margin-right:4px;}
.b_icon_loadaddname { background-color: #999; color:#fff !important; }
.b_icon_oldaddname { background-color: #999; color:#fff !important;}


/*■■ 채널 공통 레이아웃, 디자인 ID,Class,Element 정의 ■■
-------------------------------------------------------------------------- */
/* SGNB GNB or Header 영역
----------------------- */

/* body 영역
----------------------- */
body { font-family: '나눔고딕', 'NanumGothic', NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif; }

/* Left 영역
----------------------- */

/* content 영역
----------------------- */
	
/* footer 영역
----------------------- */

/*■■ ETC 레이아웃, 디자인 ID,Class,Element 정의 ■■
-------------------------------------------------------------------------- */

/* 윙배너
------------------------------------------------------------------*/
#quick_left .left_wing li{ padding-top:8px;}
#quick_left .left_wing li:first-child { padding-top:0;}
/*150313 좌측 윙배너 빠른 문자 상담영역 - kyn*/
.ban_quickmessage {cursor:pointer;}
	.quickmessage_cover {width:0; position:absolute; left:108px; top:0; z-index:10000; background-color:#ccc; overflow:hidden;
	-webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.1);
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	}
	.quickmessage_cover:hover {-webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.3);box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.3);}
	.quickmessage_box { width:290px; overflow:hidden;}
		.quickmessage_box .apply_a {border: 5px solid #f695a3;background-color:#fff;padding:6px 0 20px 10px;}
		.quickmessage_box .apply_a .tit { margin-bottom:6px;}
		.quickmessage_box .apply_a .close { position:absolute; left:255px; top:13px;}
		.quickmessage_box .apply_a .text_a {background:url('/resources/images/common/bg_textarea_quickmessage.png') no-repeat left top; width: 240px;height: 100px;padding: 10px;}
			.quickmessage_box .apply_a .text_a textarea {background-color: transparent;border: none;height: 100px;overflow-y: scroll; outline:none;}
		.quickmessage_box .apply_a .tel_a { text-align:center; margin-top:10px;}
			.quickmessage_box .apply_a .tel_a select { height:28px; height:24px\9;line-height:24px\9;}
			.quickmessage_box .apply_a .tel_a input { height:26px; border:1px solid #ccc; text-align:center; height:22px\9; line-height:22px\9;}
		.quickmessage_box .apply_a .btn_a { text-align:center; margin-top:20px;}
	
	.quickmessage_box .cscenter_info {background-color: #d46b7a;}
	.quickmessage_box .cscenter_info .tel_info {text-align:center;background-color: #d46b7a;padding:8px 0 13px 0;}
	.quickmessage_box .cscenter_info .info_list {background-color: #d46b7a;padding:10px 0;margin:0 20px;}
		.quickmessage_box .cscenter_info .info_list li { font:11px/1.2 "돋움", Dotum, "굴림", Gulim, sans-serif; color:#fff;background:url('/resources/images/common/bul_2x2.png') no-repeat left 7px; padding:1px 0 1px 5px;}
		.quickmessage_box .cscenter_info .info_list li .time {color: #ffff00;}
		
	.quickmessage_box .cscenter_info .noti_list {padding:10px 0;margin:0 20px;background:url('/resources/images/common/line_2x2.png') repeat-x left top;background-color: #d46b7a;}
		.quickmessage_box .cscenter_info .noti_list li { font:11px/1.2 "돋움", Dotum, "굴림", Gulim, sans-serif; color:#fff;background:url('/resources/images/common/bul_9x9_w.png') no-repeat left 3px; padding:1px 0 1px 13px;}

	
/*GNB 상단 빅풀배너*/
.big_fullbanner_gnbtop{position:relative;width:100%;height:50px;text-align:center;overflow:hidden;}
	.big_fullbanner_gnbtop .bfbanner_a {position:relative;margin:0 auto;width:950px;height:50px;}
	.big_fullbanner_gnbtop .bfbanner_a .wLeft {padding:0;margin:0; height:50px;}
		.big_fullbanner_gnbtop .bfbanner_a .wLeft img { float:left;}
		.big_fullbanner_gnbtop .bfbanner_a .wLeft>a+a>img { margin-left:35px;}
	.big_fullbanner_gnbtop .bfbanner_a .separation {width:16px; height:16px;background:url('/resources/images/data/banner/common/line_bigfull_gnb.png') no-repeat left top; position:absolute; left:442px; top:18px;}
	.big_fullbanner_gnbtop .bfbanner_a .btn{position:absolute;top:0;right:0;z-index:10000; padding:14px;}
	
/*레이어배너
-------------------------------------------------*/
.layer_ban_v1505 { position:absolute;}
	.layer_ban_v1505 .btnclose { position:absolute; background:url('/resources/images/common/btn_close.png') no-repeat left top; width:30px; height:30px; text-indent:-2000px; font-size:0; left:160px; top:5px;}
	.layer_ban_v1505 .btnclose span {text-indent:-2000px; font-size:0;}
	
.layer_ban_v1 { position:absolute; top:460px; left:800px;}
	.layer_ban_v1 .btnclose { position:absolute; background:url('/resources/images/common/btn_close.png') no-repeat left top; width:30px; height:30px; text-indent:-2000px; font-size:0; left:160px; top:5px;}
	.layer_ban_v1 .btnclose span {text-indent:-2000px; font-size:0;}
	
/*중복광고영역 IP부분삭제처리*/
#HOvContentsField table tr+tr+tr>td>div { display:none}
#HOvContentsField table tr+tr+tr>td>div+div { display:block !important; float:none !important; text-align:center; margin-bottom:4px !important}
#HOvContentsField table tr+tr+tr+tr { display:none}

/*상세페이지 > 주문수량체크레이어*/
.layer_checkordernum, .overlay { display:none;}
.layer_checkordernum { width:600px; height:480px; position:fixed; left:50%; top:50%; margin:-240px 0 0 -300px; z-index:100002; background-color:#fff; text-align:center;}
.layer_checkordernum * { font:14px/1.2 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif;}
	.layer_checkordernum .tit { margin-top:22px;}
	.layer_checkordernum .tit img+img { margin-top:16px;}
	.layer_checkordernum .info_ex_tit { font-size:18px; color:#666666; margin-top:24px;}
	.layer_checkordernum .info_ex { margin-top:10px; height:118px;}
	.layer_checkordernum .info_ex dl { width:50%; float:left; background-color:#f0f0f0; padding:10px 0 20px 0;}
		.layer_checkordernum .info_ex dl dt { font-size:13px; padding:2px; border-radius:20px; background-color:#fff; width:100px; letter-spacing:-1px; margin:0 auto}
		.layer_checkordernum .info_ex dl dd { font-size:16px; color:#333; margin-top:20px;}
		.layer_checkordernum .info_ex dl dd.price { font-size:20px; color:#a33b3b; margin-top:10px;}
	.layer_checkordernum .info_ex dl+dl { background-color:#dcedff;}
		.layer_checkordernum .info_ex dl+dl dt { color:#2e96ff;}
		.layer_checkordernum .info_ex dl+dl dd.price { color:#1d61b2;}
	
	.layer_checkordernum p.noti { font:12px/1.2 "돋움", Dotum, "굴림", Gulim, sans-serif; color:#9a9a9a; margin-top:10px;}
	.layer_checkordernum .saving { font-size:18px; color:#333333;margin-top:24px;}
		.layer_checkordernum .saving .money { font-size:22px; color:#3f86da; letter-spacing:-1px;}
	.layer_checkordernum .btn_a { margin-top:20px;}
	
	.layer_checkordernum .close_btn { position:absolute;  right:20px; top:22px;}
.overlay {width:100%; height:100%; position:fixed; top:0; right:0; bottom:0; left:0; z-index:100001;  background:url('/resources/images/common/img_overlay.png') repeat left top;}
/*시즈널로고
.top_m .menu_w2 .Logo { height:38px;}
.top_m .menu_w2 .Logo a.logo_seasonal {background:url('/resources/images/data/seasonal/1512/logo.gif') no-repeat left top; width:410px; height:68px; position:absolute; left:0; top:0;}
	.top_m .menu_w2 .Logo a.logo_seasonal img { visibility:hidden;}
*/

/* ---------- 161115 바른손몰 메인 리뉴얼 header / footer CSS ---------- */

/* header / footer 가로폭 1100px / 950px (공통) */
.gnb_1100 {min-width:1100px;}
.gnb_1100 .top_notice_a .top_notice,
.gnb_1100 .head_a .logo_a,
.gnb_1100 .head_a .jehu_logo_a,
.gnb_1100 .head_a .gnb_a .gnb,
.gnb_1100 .maintop_a .maintop,
.gnb_1100 .benefit_layer_a .benefits_a,
.gnb_1100 .style_list_a .style_list,
.gnb_1100 .new_list_a .new_list,
.gnb_1100 .sale_list_a .sale_list,
.gnb_1100 .eventline_a .eventline,
.gnb_1100 .m_invitation_a .m_invitation,
.gnb_1100 .weddingmovie_a .weddingmovie,
.gnb_1100 .bannerline_a .bannerline,
.gnb_1100 .bannerbox_a .bannerbox,
.gnb_1100 .mcscenter_a .mcscenter,
.gnb_1100 .foot_a .company_a .company_new,
.gnb_1100 .foot_a .c_address {position:relative;width:1100px;margin:0 auto;}

.gnb_950 {min-width:950px;}
.gnb_950 .top_notice_a .top_notice,
.gnb_950 .head_a .logo_a,
.gnb_950 .head_a .jehu_logo_a,
.gnb_950 .head_a .gnb_a .gnb,
.gnb_950 .foot_a .company_a .company_new,
.gnb_950 .foot_a .c_address {position:relative;width:950px;margin:0 auto;}

/* 상단 공지사항 */
.top_notice_a {position: relative; width: 100%; height: 60px; background-color: #5b91f5; z-index: 9999999;}
	.top_notice_a .top_notice .tit_top_notice { }
	.top_notice_a .top_notice .btn_notice_go { position: absolute; right: 131px; top: 18px; color: #555; background: #fff; padding-top: 5px; padding-left:1px; width: 120px; height: 19px; text-align: center; border-radius: 5px; cursor:pointer;}
	.top_notice_a .top_notice .btn_mall_go { position: absolute; right: 0px; top: 18px; color: #555; background: #fff; padding-top: 5px; padding-left:1px; width: 120px; height: 19px; text-align: center; border-radius: 5px; cursor:pointer;}
	.top_notice_a .top_notice .btn_notice_close {position: absolute; right: 0px; top: 24px; color: #fff; cursor:pointer;}

/* 바른손카드 헤더 */
.head_a {position: relative; width: 100%; height: 115px; background-color: #fff; z-index: 9999999;}
	.head_a .header {background: #d9d9d9; height: 38px; border-bottom: 1px solid #eeeeee;}
	.head_a .logo_a {margin-top:25px; margin-bottom:25px;}
	.head_a .logo_a h1 {text-align:left; padding-top: 7px;}

/* 제휴사 로고 */
.head_a .jehu_logo_a .jehu_logo {float: left; padding-top: 15px; padding-bottom: 1px;}
	.head_a .jehu_logo_a .main_logo {padding-top: 16px; padding-right: 12px; display: inline-block; float:left;}
	.head_a .jehu_logo_a .bi_x { float:left; padding-top:40px; padding-right:12px;}
	.head_a .jehu_logo_a .text_logo {color:#555; font-size:22px; font-family: '맑은고딕', MalgunGothic, AppleSDGothicNeo, sans-serif; font-weight: bold; position: absolute; bottom: 0px; margin-bottom: -57px; margin-left: -2px;}

/* 헤더 라인 영역 (차후 삭제)*/
.head_line {border-bottom: solid 5px #f695a3;}

/* 제휴사 접속 */
.head_a .logo_a #gnb_jehulogin {color: #555; font-size: 12px; font-family: '돋움', Dotum, '맑은고딕', MalgunGothic, AppleSDGothicNeo, sans-serif; position: absolute; top: 14px; font-weight: bold;}

/* SGNB 로그인 회원가입 마이페이지 */
.head_a .sgnb_a {position: absolute; top: 9px; right: 167px; padding-top: 5px;}
	.head_a .sgnb_a ul li {float: left; display: inline-block; padding-left: 15px;}
	.head_a .sgnb_a ul li a {color:#555; font-size:12px; font-family: '돋움', Dotum, '맑은고딕', MalgunGothic, AppleSDGothicNeo, sans-serif;}
	.head_a .sgnb_a ul li a span {color:#555; font-size:12px; font-family: '돋움', Dotum, '맑은고딕', MalgunGothic, AppleSDGothicNeo, sans-serif; font-weight:bold; line-height: 15px;}
	
/* 서치폼 */
.head_a .header .logo_a .search_a fieldset {border: 0 !important;}
.head_a .header .logo_a .search_a input {vertical-align: top !important;}

.head_a .logo_a .search_a {height: 22px;position: absolute;top: 6px;right: 0px;clear: both; margin: 0px; padding-top:5px;}
	.head_a .logo_a .search_a legend {display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
	.head_a .logo_a .search_a .input_hid {display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
	.head_a .logo_a .search_a .itext {width:120px;height:11px;font-size:12px;background: #fff;border:none;padding:4px;}
	.head_a .logo_a .search_a label.jplacehoder_txt {margin-top:-3px}
	
/* GNB */
.head_a .gnb_a {width:100%;height: 62px;background:#fff; float: left;border-bottom: 1px solid #d0d0d0;}
	.head_a .gnb_a .blind {display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
	.head_a .gnb_a .gnb {height: 62px;margin:0 auto;overflow:hidden;}
	.head_a .gnb_a .gnb .all_btn {float:left; cursor:pointer; padding-top: 14px;}
	.head_a .gnb_a .gnb .menu {display:inline-block;padding-top: 14px;}
	.head_a .gnb_a .gnb .menu li {float:left;padding-left: 32.9px;}
	.head_a .gnb_a .gnb a.btn_roll img {display:inline; border:0;}
	.head_a .gnb_a .gnb a.btn_roll img.over {display:none;}
	.head_a .gnb_a .gnb a.btn_roll:hover {border:0;}
	.head_a .gnb_a .gnb a.btn_roll:hover img {display:none;}
	.head_a .gnb_a .gnb a.btn_roll:hover img.over {display:inline; float:left;}
	
.head_a .sgnb_b {float:right;padding-top: 32px;}
	.head_a .sgnb_b li {float:left;padding-left: 25px;}
	.head_a .sgnb_b li a {color:#333; text-decoration:none;}
	
/* GNB (gnb_950) */
.gnb_950 .head_a .jehu_logo_a .main_logo {padding-top: 16px; padding-right: 12px; display: inline-block; float:left;}
.gnb_950 .head_a .gnb_a .gnb .menu li {float: left; padding-left: 22.218px;}

/* all 메뉴 전체 보기 */
.head_a .gnb_a .all_a {position:relative;width:1098px;overflow:hidden;background-color:#fff;z-index:999999;border: solid 1px #d0d0d0;margin: 0 auto;}
	.head_a .gnb_a .all_a .all_menu {position:relative;width:1098px;height: 499px;margin:0 auto;}
	.head_a .gnb_a .all_a .all_menu ul {width: 140px;float:left;padding: 35px 0 0 69px;}
	.head_a .gnb_a .all_a .all_menu ul li {width:100%;text-align:left;padding: 0 0 12px;}
	.head_a .gnb_a .all_a .all_menu ul li a {color:#333; }
	.head_a .gnb_a .all_a .all_menu ul li a:hover {color: #d46b7a;}
	.head_a .gnb_a .all_a .all_menu ul li a:hover span {color: #d46b7a;}
	.head_a .gnb_a .all_a .all_menu ul li span {color:#333333; font-size:14px; font-weight:bold;}
	.head_a .gnb_a .all_a .all_menu .all_menu_close {position:absolute;right: 20px;top:20px;cursor:pointer;}
	.head_a .gnb_a .all_a .all_menu2 {clear:both; float:left;}
	.head_a .gnb_a .all_a .all_menu ul li span {color:#333333; font-size:14px; font-weight:bold;}
	.head_a .gnb_a .all_a .all_menu3 {margin-top: -26px;}
	.head_a .gnb_a .all_a .all_menu4 {float:left; margin-top:45px; margin-bottom:80px;}
	.head_a .gnb_a .all_a .all_menu4 a:first-child {padding-left:0px;}
	.head_a .gnb_a .all_a .all_menu4 a {width:350px; padding-left:25px; float:left;}
	.head_a .gnb_a .all_a .ico_txt_r {border-radius:15px; border:1px solid #f35d88; color:#f35d88 !important; font-size:11px !important; font-weight:normal !important; margin-left:10px; padding:5px;}
	.head_a .gnb_a .all_a .ico_txt_b {border-radius:15px; border:1px solid #009ddc; color:#009ddc !important; font-size:11px !important; font-weight:normal !important; margin-left:10px; padding:5px;}
	
/* all 메뉴 전체 보기(gnb_950) */
.gnb_950 .head_a .gnb_a .all_a {position:relative;width: 948px !important; overflow:hidden;background-color:#fff;z-index:999999;border: solid 1px #d0d0d0;margin: 0 auto;}
	.gnb_950 .head_a .gnb_a .all_a .all_menu {position:relative;width: 884px;height:494px;margin:0 auto;padding-left: 64px;}
	.gnb_950 .head_a .gnb_a .all_a .all_menu ul {width: 173px;float:left;padding: 30px 0 0 0;}
	.gnb_950 .head_a .gnb_a .all_a .all_menu4 a:first-child {padding-left:0px;}
	.gnb_950 .head_a .gnb_a .all_a .all_menu4 a {padding-left:10px;float:left; width:310px;}
	.gnb_950 .head_a .gnb_a .all_a .all_menu4 a img {width: 310px;float:left;}

/* 혜택 윙배너 슬라이드*/
.benefit_wing_a {z-index:333333; position:fixed; top: 231px; left: 50%; margin-left: -710px;}
	.benefit_wing_a .benefit_wing {z-index:333333; position:absolute; left: 20px; background:url('/resources/images/data/banner/event/bg_wing_event.png') no-repeat left top;}
	.benefit_wing_a .roll_pagination {position: absolute; top: 8px; width: 182px; left: 28px; z-index: 444444;}
	.benefit_wing_a .roll_pagination .btn_p {float:left; padding-left:5px; cursor:pointer;}
	.benefit_wing_a .benefit_all_btn {position: absolute; top: 124px; z-index: 444444; left: 0px; cursor:pointer;}

/* 서비스 윙배너 슬라이드 */
.service_wing_a {z-index:222; position:fixed; top: 209px; right: 0px;}
	.service_wing_a .service_wing img { display:block;}
	.service_wing_a .service_wing .service_open_btn {cursor: pointer; position: absolute; top: 106px; left: -23px;}
	.service_wing_slides_a {z-index:333; position:fixed; top: 209px; right: 0px; display:block;}
	.service_wing_slides_a .roll_pagination2 { position: absolute; top:138px; left:14px;}
	.service_wing_slides_a .roll_pagination2 .btn_p { float: left; padding-left:6px; cursor:pointer;}
	.service_wing_slides_a .service_wing_btn img {display:block; margin: 0;}
	.service_wing_slides_a .service_wing_btn .service_close_btn {cursor: pointer; position: absolute; top: 182px; left: -23px;}
	.service_wing_slides_a .service_wing_btn .btn_sms_consulting {position: absolute; top: 317px; left: 93px;  background: #c8b399; padding: 2px; color: #fff;}
	.service_wing_slides_a .service_wing_btn .btn_one_consulting {position: absolute; top: 317px; left: 150px; background: #c8b399; padding: 2px; color: #fff;}
	
/* 혜택 전체보기 */
.benefit_layer_a .benefit_layer {background-color: #000; height: 100%;left: 0;opacity: 0.6; zoom: 1; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 100000;}
	.benefit_layer_a .benefit_a .benefit_list li a {text-decoration:none;}
	.benefit_layer_a .benefit_a {position: fixed; z-index: 222222; height: 684px; width: 1100px; left: 50%; margin-left: -550px; top: 141px;}
	.benefit_layer_a .benefit_a ul li { border-radius:10px; position:relative; overflow-x: hidden; overflow-y: hidden;}
	.benefit_layer_a .benefit_a li.benefit_b {width: 539px; background-color: #fff; height: 206px; float: left; margin-bottom: 20px; margin-left: 22px;}
	.benefit_layer_a .benefit_a li.benefit_m {width: 352px; background-color: #fff; height: 206px; margin-left: 22px;margin-bottom: 22px;float: left;}
	.benefit_layer_a .benefit_a li.benefit_s {width: 165px; background-color: #fff; height: 206px; float: left; margin-left: 22px; margin-bottom: 22px;}
	.benefit_layer_a .benefit_a li.benefit_plus {width: 165px; background-color: #fff; height: 206px; float: left; margin-left: 22px;margin-bottom: 22px;}

	.benefit_layer_a .benefit_a li .b_tback {position:relative; top:0px; height:103px; width:100%; border-top-left-radius:10px; border-top-right-radius:10px;}
	.benefit_layer_a .benefit_a li .num1 img, .benefit_layer_a .benefit_a li .num3 img, .benefit_layer_a .benefit_a li .num6 img,
	.benefit_layer_a .benefit_a li .num9 img, .benefit_layer_a .benefit_a li .num11 img {width:300px; height:auto; position:absolute; top:15px; left:50%; margin-left:-150px;}
	.benefit_layer_a .benefit_a li .num2 img, .benefit_layer_a .benefit_a li .num4 img, .benefit_layer_a .benefit_a li .num5 img,
	.benefit_layer_a .benefit_a li .num7 img, .benefit_layer_a .benefit_a li .num8 img, .benefit_layer_a .benefit_a li .num10 img {/* width:auto; height:120px; position:absolute; top:15px; left:50%; margin-left:-145px; */width:300px; height:auto; position:absolute; top:15px; left:50%; margin-left:-150px;}
	
	.benefit_layer_a .benefit_a li .b_tback .benefit_txt_p {font-family: 'Noto Sans KR', '맑은고딕', MalgunGothic, '돋움', Dotum, AppleSDGothicNeo, sans-serif; color: #555; text-align:center; padding-top: 150px; line-height: 1;}
	.benefit_layer_a .benefit_a li .b_tback .benefit_txt_p .benefit_tit {font-family: 'Noto Sans KR', '맑은고딕', MalgunGothic, '돋움', Dotum, AppleSDGothicNeo, sans-serif; font-weight: bold; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 4px;}
	.benefit_layer_a .benefit_a li .b_tback .benefit_txt_p p {font-family: 'Noto Sans KR', '맑은고딕', MalgunGothic, '돋움', Dotum, AppleSDGothicNeo, sans-serif; font-size: 15px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	.benefit_layer_a .benefit_a li.benefit_b .b_tback .benefit_txt_p .benefit_tit, .benefit_layer_a .benefit_a li.benefit_b .b_tback .benefit_txt_p p {width:500px;}
	.benefit_layer_a .benefit_a li.benefit_m .b_tback .benefit_txt_p .benefit_tit, .benefit_layer_a .benefit_a li.benefit_m .b_tback .benefit_txt_p p {width:320px;}
	.benefit_layer_a .benefit_a li.benefit_s .b_tback .benefit_txt_p .benefit_tit, .benefit_layer_a .benefit_a li.benefit_s .b_tback .benefit_txt_p p {width:155px;}
	.benefit_layer_a .benefit_a li.benefit_plus .b_tback .benefit_txt_p .benefit_tit, .benefit_layer_a .benefit_a li.benefit_plus .b_tback .benefit_txt_p p {width:155px;}
	
	.benefit_layer_a .benefit_a li.benefit_close {width:44px; height:70px; position:absolute; cursor:pointer; left: 50%; margin-left: 570px; border-radius:0px;}

/* footer */
.foot_a {width:100%; clear:both;}
	.foot_a .company_a {height: 45px;width: 100%;border-top: 1px solid #b1cee6;}
	.foot_a .company_a .company_new p {float: left;font-family: '돋움', Dotum, '맑은고딕', MalgunGothic, AppleSDGothicNeo, sans-serif;padding-right: 20px;padding-top: 15px;color: #555;}
	.foot_a .company_a .company_new p .footer:visited, .foot_a .company_a .company_new p .footer:link {color: #555 !important; font-size: 12px !important;}
	.foot_a .company_a .company_new p span {font-weight:bold;color: #555 !important;}
	.foot_a .company_a .company_new .sns_a {float:right;}
	.foot_a .company_a .company_new .sns_a span {float: left;font-family: '돋움', Dotum, '맑은고딕', MalgunGothic, AppleSDGothicNeo, sans-serif;padding-right: 15px;padding-top: 15px;color: #555;}
	.foot_a .company_a .company_new .sns_a .sns {float:left;}
	.foot_a .company_a .company_new .sns_a .sns li {float:left; padding-left:5px; padding-top: 7px;}

.foot_a .c_address .bi_footer {float:left; margin: 23px 0 52px 0;}
	.foot_a .c_address .text {float:left;margin: 26px 0 26px 26px;}
	.foot_a .c_address .text p {font-family: '돋움', Dotum, '맑은고딕', MalgunGothic, AppleSDGothicNeo, sans-serif;color:#555;font-size: 12px;line-height: 150%;}
	.foot_a .c_address .text .line {margin-left:10px; margin-right:10px; color:#bbb;}

.foot_a .company_a .company a.footer:link {color: #333;text-decoration:none;font-size:12px;}
	.foot_a .company_a .company a.footer:visited {color: #333;text-decoration:none;}
	.foot_a .company_a .company a.footer:active {color:#333; text-decoration:none;}
	.foot_a .company_a .company a.footer:hover {color:#333; text-decoration:none;}
	
/* 프리미어페이퍼 더보기 */
.btn_premier_p { position: absolute; right: 0px; top: 0;}

/* ---------- / 161115 바른손몰 메인 리뉴얼 header / footer CSS ---------- */


/* 제휴로그인 추가 */

.layer_jehulogin {position:relative; width:1100px; margin:0 auto;}
	.layer_jehulogin .jehulogin_a {position:absolute; top:230px; left:130px; width:820px; height:381px; z-index:1000;}
	.layer_jehulogin .jehulogin_a .jehulogin_close {position:absolute; top:20px; right:20px;}
	.layer_jehulogin .jehulogin_a .input_a {position:absolute; top:190px; left:186px;}
	.layer_jehulogin .jehulogin_a .input_a .input input {border:none; width:351px; height:33px; text-align:center; color:#333; font: 20px/1.2 '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', 'NanumGothicWEB', '돋움', Dotum, '굴림', Gulim, sans-serif; padding-top:0px;}
	.layer_jehulogin .jehulogin_a .btn_login_ok {position:absolute; top:-3px; left:363px;}
	.layer_jehulogin .jehulogin_a .notice {display:block; padding-top:10px; width:351px; text-align:center; color: #f35d88; font-weight: 300;}