@charset "utf-8"; /* 2019-10-08 추가 */

@media print {
	body {-webkit-print-color-adjust: exact;}
}

@media screen {
	body {-webkit-print-color-adjust: exact;}
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(NanumGothic-Regular.eot);
  src: url(NanumGothic-Regular.eot?) format('embedded-opentype'),
       url(NanumGothic-Regular.woff2) format('woff2'),
       url(NanumGothic-Regular.woff) format('woff'),
       url(NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(NanumGothic-Bold.eot);
  src: url(NanumGothic-Bold.eot?) format('embedded-opentype'),
       url(NanumGothic-Bold.woff2) format('woff2'),
       url(NanumGothic-Bold.woff) format('woff'),
       url(NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic exBold';
  font-style: normal;
  font-weight: 800;
  src: url(NanumGothic-ExtraBold.eot);
  src: url(NanumGothic-ExtraBold.eot?) format('embedded-opentype'),
       url(NanumGothic-ExtraBold.woff2) format('woff2'),
       url(NanumGothic-ExtraBold.woff) format('woff'),
       url(NanumGothic-ExtraBold.ttf) format('truetype');
}
@charset "utf-8";


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea, button {
  margin:0; padding:0;
  font-family:"Nanum Gothic", "Malgun Gothic", "Dotum", sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}

ul, ol, li{list-style:none;}

a, a:hover, a, a:focus, a:active{text-decoration:none;}

img{border:0; vertical-align:middle;}

input, select, label, button{vertical-align:middle;}
input[type="text"], input[type="password"]{border:0;}

table{border-collapse:collapse; border-spacing:0; table-layout: fixed;/*160127*/}

.clear{*zoom:1;}
.clear:after{display:block; content:""; clear:both;}

/***************************************** 전체 레이아웃 *****************************************/

.wrap{overflow-x: hidden; min-width:931px;}


/* header */
.header_area{height:198px;position:relative;background:url(../images/header/gnb_bg3.png) repeat-x left top;z-index:2000;} /* 2019-07-11 수정 */
.hide_hf{display:none !important;}

.header_layout{width:931px; height:115px; padding-top:83px; margin:0 auto; position:relative;} /* 2019-07-11 수정 */
.logo{position:absolute; left:0; top:70px; z-index:999;} /* 2019-07-11 수정 */

.header_search_area{padding-left:282px;position:relative;} /* 2019-07-11 수정 */
.design_select_box{float:left; width:90px; height:22px; padding:3px 5px; background-color:#fff; border:2px solid #534b42; border-radius:2px;}
.select_search{width:100%; border:0;
  /*background:#fff url(../images/header/arrow_search.jpg) no-repeat 83px center;*/
  font-size:13px; color:#222; font-weight:bold; text-align:left; cursor:pointer;
}

.search_input_area{width:273px; height:28px;border:2px solid #564e45; border-radius:2px; position:relative;} /* 2019-07-11 수정 */

.search_input {width:243px; height:27px; padding:0px 0px 1px 0px; font-size:13px;color:#888;text-indent:12px;border:none;*text-indent:0;} /* 2019-07-11 수정 */
.btn_search{width:30px; height:28px; background:#fff url(../images/header/btn_search.jpg) no-repeat center center;
  text-indent:-9999px; cursor:pointer; position:absolute; right:0; top:0; border:0;
}

.select_search_area{display:none;}

.user_language_area{position:absolute; right:0; top:11px;} /* 2019-07-11 수정 */

.user_menu{float:left;}
/* 2019-07-11 수정 */ .user_menu li{float:left; padding:2px 0px 0px 9px; margin-left:7px; background:url(../images/header/line_user.jpg) no-repeat left 9px; line-height:23px; position:relative;}
.user_menu li:first-child{padding-left:0; margin-left:0; background-image:none;}
.user_menu li a{font-size:12px; color:#888;}

.qr_code{position:absolute; left:0; top:20px; z-index:2500; display:none;}/*160112-8*/
/* 2017-04-27 수정 */
.qr_icon{position:absolute;top:0;right: 141px;}/*-- 2018-12-07 수정 //--*/
.qr_icon .qr_facebook, .qr_icon  .qr_instagram{float:left;position:relative;}
.qr_icon .qr_facebook{padding-right:8px;margin-right:8px;}
.qr_icon .qr_facebook:after{display:block;position:absolute;top:5px;right:0;width:1px;height:22px;background:#d6d6d6;content:"";}
.qr_icon .qr{display:none;position:absolute;bottom:-99px;left:-28px;z-index:3000;}
.qr_icon .qr.on{display:block;}
/*// 2017-04-27 수정 */

.btn_language_area{float:left; margin-left:10px;}
.btn_language{display:inline-block; width:88px; height:19px; 
  background:#fff url(../images/header/arrow_language.jpg) no-repeat 74px center; border:1px solid #dedede; border-radius:2px;
  font-size:10px; color:#222; line-height:19px; text-indent:9px;
}

.language_list{display:none;}

.btn_go_duty{text-align:right; position:absolute; right:0; top:0;}
.btn_go_duty a{display:inline-block; width:110px; height:32px; 
  background:#ef3c3c url(../images/header/arrow_duty.jpg) no-repeat 96px center; border-radius:2px;
  font-size:12px; color:#fff; line-height:30px;text-indent:12px; text-align:left;
} /* 2019-07-11 수정 */
/*151225 EN 수정*/
.btn_go_duty a img{margin-right:4px; vertical-align:top; margin-top: 11px;}/*160502-1*/

/* 2019-07-11 추가 시작 */
.btn_go_rewards {text-align:right; position:absolute; right:116px; top:0;}

.btn_go_rewards a{display:inline-block; width:97px; height:32px; 
  background:#564d44 url(../images/header/arrow_rewards.jpg) no-repeat 83px center; border-radius:2px;
  font-size:12px; color:#fff; line-height:30px;letter-spacing:0px;text-indent:12px; text-align:left;
}
/*// 2019-07-11 추가 끝 */


.header_search_area .user_menu{position:absolute; right:125px; top:4px;}
.header_search_area .online {position:absolute; top:0; right:0;}/*-- 2018-08-09 수정 //--*/


/* gnb */
/*-- 2018-08-09 수정 --*/
/* 2019-07-11 수정 */ 
.gnb_area{overflow: hidden;width:100%;height: 51px;background:url(../images/header/gnb_bg2.png) repeat-x left top;position:absolute;left:0;top:147px;z-index:2000;}
/* 2020-10-16 */
.gnb_area_open{/*height:340px;*/height:319px; padding-bottom:10px;box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}
/* //2020-10-16 */
/*--// 2018-08-09 수정 --*/

.gnb_layout{width:931px; margin:0 auto; position:relative;}
.gnb_list > li{float:left; position:relative;}
.gnb_list > li > a{display:block; height:51px; font-size:15px; color:#fff; line-height:51px; font-weight:bold; text-align:center;}/*160203-3 KO,CN,JP Only*/

/*[S]151224 EN수정*/
/*2018-07-04*/
.gnb_list .shop{width:142px;}
.gnb_list .brand{width:55px; margin-left:100px;}
.gnb_list .event{width:55px; margin-left:147px;}
/*--2018-07-04--*/
.gnb_list .story{width:90px; margin-left:130px;}
.gnb_list .guide{float: right;}
/*[E]151224 EN수정*/

/*2018-05-23 수정*/
.gnb_sub_list{width:100%; position:absolute; left:0; top:61px; z-index:10;}/*-- 2018-12 kimpo //--*/
.gnb_sub_list li a{display: block; height:20px; font-size:14px; color:#777; line-height:21px;}
/*--2018-05-23 수정--*/
.gnb_sub_list li a:hover, .gnb_sub_list li a:focus{color:#333; text-decoration:underline;}


/*-- 2018-08 ui개편-2차 수정 --*/
.gnb_list .shop .gnb_sub_list{width:194px; left:0px; letter-spacing:-0.05em;}
.gnb_list .story .gnb_sub_list{left:4px;}
/*--// 2018-08 ui개편-2차 수정 --*/


/* 2020-10-16 */
.gnb_event_img{/* display:none;  */width: 400px; height: 198px; /*margin: 49px 0 0 -30px;*/margin: 39px 0 0 -30px;}/*-- 2018-12 kimpo //--*/
/* //2020-10-16 */
.gnb_event_img a {overflow: hidden; display:block; height: 100%; text-align: center;}
.gnb_event_img a img {max-width: 100%; max-height: 100%;}
/* 2020-10-16 */
.gnb_event_right{display:none; position:absolute; width:224px; height: 180px; right:0; /*top: 166px;*/top: 144px; text-align: center; line-height: 180px; z-index:10;}/*-- 2018-12 kimpo //--*/
/* //2020-10-16 */
.gnb_event_right img {vertical-align: bottom; max-width: 100%; max-height: 100%;}

.gnb_area_open .gnb_event_img{display:block;}
.gnb_area_open .gnb_event_right{display:block;}
.gnb_area_open .gnb_sub_list{display:block;}

/* container */
.container{ /*border-top:1px solid #d9d9d9; margin-top:1px; */
	padding-bottom: 65px;
	min-width:931px;
	position:relative;}


/* footer */
.footer_area{border-top:1px solid #e5e2db; padding-bottom:20px; position:relative;}

.footer_menu_list{width:931px; margin:0 auto;}
.footer_menu_list li{float:left; margin-left:82px;}
.footer_menu_list li:first-child{margin-left:0px;}
.footer_menu_list li a{font-size:14px; color:#666; line-height:52px; font-weight:bold; letter-spacing:-1px;}
.footer_menu_list .privacy a{color:#77674c;}

.footer_all_area{padding-top:15px; padding-bottom:21px; background-color:#fdfdfd; border-top:1px solid #e5e2db; border-bottom:1px solid #e5e2db;}

.footer_all_layout{width:931px; margin:0 auto; position:relative;}
.footer_all_menu{float:left; width:210px;}

.footer_all_2{width:211px;}
.footer_all_3{width:176px;}
.footer_all_4{width:209px;}

.footer_all_first{width:227px;}
.footer_all_last{float:right; width:106px;}

/* .footer_1depth{margin-top:10px;} */
.footer_1depth:first-child{margin-top:0;}
.footer_1depth a{display:block; font-size:14px; color:#444; line-height:22px; letter-spacing: -0.5px}

.footer_2depth{}
.footer_2depth li{}
.footer_2depth li a{display:block; font-size:14px; color:#777; line-height:22px; letter-spacing:-0.05em;}/*-- 2018-08 ui개편-2차 수정 //--*/

.footer_menu_close{width:100%; text-align:center; position:absolute; left:0; bottom:-21px;}


.footer_info_area{width:931px; margin:0 auto;}

.address_sns_area{float:left; width: 931px; margin-top:30px;}
.address_info_list{width:680px; margin-top:50px; }
.address_info_list li{float:left; font-size:13px; color:#888888; line-height:24px; font-weight:bold;}
.address_info_list li a.mail {font-size:14px; color:#777; line-height:24px;}
.address_info_list li address{font-style:normal;}
.address_info_list li a{font-size:13px; color:#888888;}

.newsletter_request_area{float:right; font-size:14px; color:#696969; font-weight:bold; margin-top:25px;}
.newsletter_request_area a{display:inline-block; width:151px; height:18px; margin-left:5px; border:1px solid #929292; border-radius:2px;
  font-size:11px; color:#929292; text-align:center; line-height:18px;
}
.newsletter_request_area a img{margin-left:8px;}

.email_address_area{margin-top:13px;}
.email_address{width:192px; height:34px; padding-left:10px; background-color:#e6e5e1;
  font-size:13px; color:#67645d; line-height:34px;
}
.btn_email{width:53px; height:34px; background-color:#606060; font-size:13px; color:#fdfdfd; cursor:pointer; border:0;}

.logo_copyright_mark{margin-top:25px;}/*160205-3*/

.footer_logo{float:left;}
.copyright{float:left; padding-top:18px; /*margin-left:39px;*/ margin-left:19px;font-size:12px; color:#888; /* 2019-10-08 text-transform:uppercase; */ line-height:15px;}/*160205-3*/ /* 2019-10-08 : 푸터_KCSI인증마크 */

/* 240717 푸터인증마크 수정 */
.mark_list {clear:both; float:left; width:100%; padding-top: 20px; margin:20px 0 30px 0; border-top:1px solid #e5e2db;}
.mark_list::after {content:''; display:table; clear:both;} 
.mark_list ul {display:flex;flex-wrap:wrap;gap: 30px 33px;}
.mark_list ul li{position:relative;font-size:0;line-height:0;}
.mark_list ul li > img {display:inline-block;vertical-align:middle;}
.mark_list ul li > span {display:inline-block;margin-left:12px;vertical-align:middle;font-size:13px;color:#888;line-height:1.25;}
.mark_list ul li > a {position:absolute;display:block;width:100%;height:100%;}
/* //240717 푸터인증마크 수정 */

.email_follow_area{float:right; width:300px;}

.layer_bg{
	width:100%; 
	height:100%; 
	background-color:#000;
	position:fixed; 
	left:0; 
	top:0; 
	z-index:3000; /*160112-4*/ 
	display:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
    -khtml-opacity: 0.50;
    -moz-opacity: 0.50;
    opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
}

.right_wing_wrap{position: absolute; width: 1191px; height: 0; top: 48px; left: 50%; margin-left: -595.5px; z-index: 1100;}
.right_wing_banner{float: right;}
.right_wing{position:relative; right:0px; top:0; width:100px;}
.right_wing_img{position:relative; }
.right_wing_img a{margin-top:6px; display:block;}/*160217-3 Margin T*/
.right_wing_img a:first-child{margin-top:0;}
.popup_promotion{position:absolute; right:0; margin-right:100px; width:0; height:100%; top:0; display:block;}/*160217-3 W*/
.popup_promotion .promotionEventWrap{width:100%; position:relative; height:100%; }
.popup_promotion .promotionEventWrap .promotionEvent_full{background:url(../images/main/promotion.jpg) no-repeat center top; position:fixed; right:0; top:0; height:624px; width:100%; display:none;}/*160217-3 H*/
.popup_promotion .promotionEventWrap .promotionEvent_Mid{background:url(../images/main/promotion2.png) no-repeat left top; position:absolute; right:50%; margin-right:30px; top:-48px; height:468px; width:931px; display:none; }
.popup_promotion .promotionEventWrap .promotionEvent_Sm{background:url(../images/main/promotion5.png) no-repeat left top; position:absolute; right:28px; top:0; /* height:420px;  */height:392px; width: 450px; /* width:466px; */ display:none;}/*160205-2*/

.btnClose{position:relative; display:block; width:24px; height:24px; left:90%; top:30px; background:url(../images/main/btnPromotionClose.png) no-repeat left top; cursor: pointer;}
.popup_promotion .promotionEventWrap .promotionEvent_full .btnClose {left:90%;}
.popup_promotion .promotionEventWrap .promotionEvent_Mid .btnClose {left:878px;}
.popup_promotion .promotionEventWrap .promotionEvent_Sm .btnClose {top: 20px; left: 413px; background:url(../images/main/btnPromotionCloseS.png) no-repeat left top;}
.btnLearmMore,.btnLearmMoreM,.btnLearmMoreSm {position:absolute; left:50%; background:#fff; border:2px solid #5e5e5e; color:#5e5e5e; font-size:14px; text-align:center; letter-spacing:2px;}
.btnLearmMore a,.btnLearmMoreM a,.btnLearmMoreSm a{display:block; color:#5e5e5e;}
.btnLearmMore {width:222px; height:40px; bottom:44px; margin-left:-120px; line-height:40px;}
.btnLearmMoreM {width: 180px; height:33px; bottom:30px; margin-left:-60px; line-height:33px;}
.btnLearmMoreSm{width: 180px; height:31px; bottom:30px; margin-left:-92.5px; line-height:31px;}

/*151214*/
/*[S]151225삭제
.gnb_list .brand{width:220px; margin-left:40px;}
.gnb_list .shop {width:155px; margin-left:0;}*/

/*151217*/
.pt10 {padding-top:10px;}
/* 2019-07-11 수정 */ .autocomplete_area {position:absolute; top:28px; left:-2px; width:275px; background-color:#ffffff; border:1px solid #564e45; z-index:3000;} 
.autocomplete_area .in {position:relative; width:100%; height:100%;}
.autocomplete_area .in .recent_search {height:30px; padding:0 10px; background-color:#faf9f9; border-bottom:1px solid #b7b7b7; color:#888888; font-size:12px; line-height:30px;}
.autocomplete_area .in .autocomp_list {max-height:310px; overflow:auto;}
.autocomplete_area .in li {position:relative; overflow:hidden; padding:0 10px;}
.autocomplete_area .in li a {display:block; height:30px; line-height:30px;}
.autocomplete_area .in li > div {overflow:hidden; float:right;}
.autocomplete_area .in li > div > a {display:block; float:left;}
.autocomplete_area .in li .text {float:left; overflow:hidden; max-width:150px; color:#333333; font-size:13px; white-space:nowrap; text-overflow:ellipsis;}
.autocomplete_area .in li .text strong{color:#f04949;}
.autocomplete_area .in li .btn_brand {width:41px; height:18px; padding:0 11px 0 5px; margin-top:6px; margin-right:9px; background:url(../images/header/btn_autocomp_brand.png) no-repeat 0 0; color:#929292; font-size:11px; line-height:18px; letter-spacing:-1px;}
.autocomplete_area .in li .btn_delete {width:7px; height:7px; margin-top:11px; background:url(../images/header/btn_delete_autocomp_list.png) no-repeat 0 0; font-size:0; text-indent:-9999px;}
.autocomplete_area .in > p {oveflow:hidden; height:27px; padding:0 10px;}
.autocomplete_area .in > p .off_autocomp {display:block; float:left; color:#888888; font-size:12px; line-height:27px;}
.autocomplete_area .in > p .delete_autocomp {display:block; float:right; padding-left:16px; bacgkround:url(../images/header/btn_delete_autocomp.png) no-repeat 0 0; color:#494949; font-size:12px; line-height:27px;}

/*151218 language 추가작업*/
#languageSelect {	position: relative;	width:88px;	height:19px;	background: url(../images/header/arrow_language.jpg)  no-repeat 74px center; /* 화살표 이미지 */	border:1px solid #dedede;	border-radius:2px;	float:right;	margin-left:10px;}
/*#languageSelect label {	position: absolute;	font-size:11px;	color:#222;	top: 3px;	left:5px;}*/
#languageSelect select#language {	width: 100%;	height: 19px;	min-height: 19px;	line-height: 19px;	opacity: 0;	font-size:11px;	color:#222;	filter: alpha(opacity=0); /* IE 8 */}

/* 2019-07-11 추가 시작 */
.sns_top_link {float:left;padding-left:1px;}
.sns_top_link li {float:left; padding-left:10px; margin-left:9px; background:url(../images/header/line_sns.jpg) no-repeat left center; line-height:21px; position:relative;}
.sns_top_link li:first-child {background-image:none;}
.sns_top_link li img:hover {cursor:pointer;}
.sns_top_link li .layer_top_qr {display:none;position:absolute;top:30px;left:-19px;z-index:10;}
.sns_top_link li .layer_top_qr.on {display:block;}
/*// 2019-07-11 추가 끝 */

.footAllAreaWrap{width:100%; display:table; position:relative;}/*151223 푸터 WRAP*/
.footer_menu_close{width:100%; text-align:center; position:absolute; left:0; bottom:0; }
.footer_menu_open{width:100%; text-align:center; position:absolute; left:0; top:0; border-top:1px solid #e5e2db; display:none; }/*151223 푸터 열기버튼 작업추가*/

/*160105_2*/
.layerpopup_area_emailagree {width:500px; height:315px; margin-left: -250px;/*160121-3*/ margin-top: -157.5px;/*160121-3*/}
.layerpopup_area_emailagree .text_s13_g {color:#666666; font-size:13px; line-height:22px; letter-spacing:-1px; word-break:break-all;}
.layerpopup_area_emailagree .text_s13_g.right {padding-top:25px; text-align:right;}



/*160108-2*/
.logo > a {display:block;}
/*160112*/
.footer_menu_open > a {vertical-align:top; display:inline-block; height:18px;}
.footer_menu_open > a > img {vertical-align:top;}

/*160113*/
/*8*/
#languageSelect {margin-top:4px;} /* 2019-07-11 수정 */
.newsletter_request_area {height:20px; line-height:20px;}
.newsletter_request_area a {vertical-align:top;}
.line_map {position: relative; height:24px; line-height:24px; z-index: 30;}
.address_sns_area {overflow:hidden; margin-bottom:20px;}
.newsletter_request_area {width:50%; margin-top:25px; text-align:right;}

/*160126*/
/*3*//*Language*/
/* 2019-07-11 수정 */ #languageSelect {float:left;position: relative; width:88px; 	height:21px; padding: 0; margin-left:13px; background: none; border: 0; z-index: 2100;}/*160502-1*/

/* 2019-10-08 수정 */ #languageSelect > a {vertical-align: top; position: relative; display: block; height:19px; padding-left:10px; background:#fff url(../images/header/arrow_language.jpg)  no-repeat 74px center; border:1px solid #dedede; border-radius:2px; -webkit-border-radius:2px; color:#222; /*font-family: "Nanum Gothic"; 160127*/font-size:11px; line-height:19px; letter-spacing: -0.5px}

#languageSelect > ul {position: absolute; width: 86px; top: 21px; background-color:#ffffff; border:1px solid #dedede; border-top:0; border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px;}
#languageSelect > ul a {display: block; height:19px; padding:0 9px; color:#222222; font-size:11px; text-align: left; line-height:18px;}
#languageSelect > ul a:hover {text-decoration: underline;}
#languageSelect > ul .on a {color: #ee2326; font-weight: bold; text-decoration: underline;}

/*160203-4*/
.blind,.visible_none {overflow:hidden; display:none; visibility:hidden; width: 0; height: 0; font-size:0; text-indent: -9999px;}

/*160205*/
/*1*/
.user_menu li a.qr_click > img {vertical-align: top; margin-top: 6px; }
/*3*/
.newletter_main {position:absolute; display: block; width: 136px; height: 37px; top: 52px; right: 0; background: url(../images/main/img_newletter_main2.jpg) no-repeat 0 0; font-size: 0; text-indent: -9999px;}/* 2017-04-27 수정 */
/* .sns_newletter_area{float: right; margin-top:15px;} *//* 2017-04-27 삭제 */
.sns_newletter_area{float: right; height: 20px; line-height: 27px;}/* 2017-04-27 수정 */
.sns_newletter_area .newsletter_txt {vertical-align: top; float: left; color: #929292; font-size: 11px; line-height: 20px;}
.sns_newletter_area .newsletter_link {vertical-align: top; display:block; float: left; width: 139px; height: 20px; padding-left: 11px; margin-left: 10px; background: url(../images/footer/btn_newsletter.png) no-repeat 0 0; color: #929292; font-size: 11px; line-height: 20px;}

.footer_sns_wrap{margin-top:13px;}/* 2017-04-27 추가 */
.sns_area{float:left;}
.sns_area strong{margin-right:6px; font-size:13px; color:#777;}/* 2017-04-27 수정 */
.sns_area a{margin-right:3px;}
/* .app_down{margin-left:15px;} *//* 2017-04-27 삭제 */
.app_down a{margin-right:0;}

/*160211*/
/*5*/
.layer_mainpopup {overflow: hidden; position: absolute; top: 549px; left: 50%; background:#fff url(../images/layer/layer_top.jpg) no-repeat left top; z-index:3010;}.layer_mainpopup > .in {position: relative; margin-top:3px; padding-bottom:30px;}
.layer_mainpopup > .in .btn_area {position: absolute; width: 100%; height:30px; bottom:0; background-color: #333333;}
.layer_mainpopup > .in .btn_area .left {position: relative; float: left; height:30px; margin-left:10px;}
.layer_mainpopup > .in .btn_area .left input {position:absolute; display: block; width:15px; height:15px; top:8px; left:0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;	-ms-filter: "alpha(opacity=0)";}
.layer_mainpopup > .in .btn_area .left label {display: block; padding-left:21px; background: url(../images/icon/icon_mainlayer_checkoff.png) no-repeat 0 center; color:#ffffff; font-size:12px; line-height:30px; cursor: pointer;}
.layer_mainpopup > .in .btn_area .left input:checked + label,.layer_mainpopup > .in .btn_area .left label.check {background: url(../images/icon/icon_mainlayer_checkon.png) no-repeat 0 center;}
.layer_mainpopup > .in .btn_area .right {float: right; display: block; height:30px; padding-right:17px; margin-right:10px; background: url(../images/icon/icon_mainlayer_close.png) no-repeat right center; color: #ffffff; font-size: 12px; line-height:30px;}

/*-- 2018-12 kimpo --*/
.pt4 {padding-top: 4px;}
.pt5 {padding-top: 5px;} 
.pt7 {padding-top: 7px;}
/*--// 2018-12 kimpo --*/