@charset "utf-8";

/* --- webfont --- */

@font-face {
	font-family : NotoSansKR-Regular;
	src:url("../fonts/NotoSansKR-Regular.otf");
}
@font-face {
    font-family : NotoSansKR-Regular;
    font-weight: 300;
	src:url("../fonts/NotoSansKR-Bold.otf");
}

/* wrap */
.content{max-width:1170px; margin:0 auto; position:relative;}

/* header */
#header{border-top:5px solid #009223;height:165px; position:absolute; left:0; width:100%; top:0; z-index:99; background-color:#fff; overflow:hidden; min-width:1280px;}
#header.open:before{content:''; background:url(../images/common/bg_header_shodow.png) 0 100% repeat-x; height:11px; position:absolute; left:0; width:100%; bottom:-11px}
#header:after{content:''; position:absolute; top:164px; background-color:#e5e5e5; left:0; width:100%; height:1px;}
#header .logo{position:absolute; left:50%; top:35px; margin-left:-101px;  transition-duration:0.3s}
#header .logo a{display:block; background:url(../images/common/logo_w.png) 0 0 no-repeat; width:202px; height:40px; overflow:hidden; font-size:0px; line-height:0px; text-indent:-9999px;}
/* #header .util_menu{position:absolute; right:25px; top:40px;  transition-duration:0.4s}
#header .util_menu ul li{float:left; margin-left:5px;}
#header .util_menu ul li a{display:block; border:1px solid #dddddd; border-radius:50px; height:28px; line-height:28px; background-color:#fff; color:#666666; font-size:13px; letter-spacing:-0.02em; padding:0 13px; transition-duration:0.3s}
#header .util_menu ul li.global_subway a{background:url(../images/common/icon_global_subway.png) 50% 50% no-repeat; overflow:hidden; width:30px; height:30px; padding:0; text-indent:-9999px; font-size:0}
#header .util_menu ul li a:hover{border-color:#bbb} */

#gnb{text-align:center; position:absolute; left:0; width:100%; top:98px; text-align:center;}
#gnb >ul{display:inline-block;}
/* #gnb >ul >li{float:left; width:180px; position:relative;} */
#gnb >ul >li{float:left; width:165px; position:relative;} /* 2019-11-08 프리오더 구축 */
#gnb >ul >li a.dp1{font-size:18px; color:#292929; font-weight:bold; letter-spacing:-0.04em; position:relative; z-index:3; padding-top:20px; display:block;}
#gnb .dp2{overflow:hidden; position:absolute; left:0; top:-20px; width:100%; padding-top:87px; z-index:2; opacity:0}
#gnb .dp2 ul li a{font-size:15px; color:#666666; padding:8px 0 9px; display:block; letter-spacing:-0.05em}
#gnb .dp2 ul li a:hover,
#gnb .dp2 ul li a.active{color:#009223; text-decoration:underline}

#gnb >ul >li:hover a.dp1:after,
#gnb >ul >li a.dp1.active:after{opacity:1; bottom:-15px;}
#gnb >ul >li a.dp1.active,
#gnb >ul >li:hover a.dp1{color:#009223;}

#gnb >ul >li a.dp1,
#gnb .dp2 ul li a{ transition-duration:0.2s}


/* footer */
#footer{background-color:#292929; color:#666666; padding:22px 0; position:relative; z-index:9}
#footer:after{content:''; position:absolute; left:0; top:59px; width:100%; height:1px; background-color:#3b3b3b}
#footer .content .util_menu{margin-bottom:25px;}
#footer .content .util_menu ul{overflow:hidden;}
#footer .content .util_menu ul li{float:left; margin-right:29px;}
#footer .content .util_menu ul li a{color:#666666; display:block; font-size:14px; letter-spacing:-0.05em}
#footer .content .util_menu ul li a strong{color:#bbbbbb}
#footer .content .util_menu ul li a.eng{letter-spacing:0.05em}
#footer .content span{position:relative; display:inline-block; margin-top:19px; font-size:13px; padding-left:9px; margin-left:3px; letter-spacing:-0.01em}
#footer .content span:after{content:''; position:absolute; left:0; top:5px; width:2px; height:10px; background-color:#666666}
#footer .content span.addr{padding-left:0; margin-left:0}
#footer .content span.addr:after{display:none;}
#footer .content .copyright{font-family:NotoSansKR-Regular; font-size:13px; line-height:25px; padding-top:2px; letter-spacing:0.005em}
#footer .content .sns_area {position:absolute; right:40px; bottom:3px; overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; width:50px; height:50px;}
#footer .content .sns_area:after{content:''; width:50px; height:50px; display:block; opacity:0; transition-duration:0.3s;}
#footer .content .sns_area:hover:after{opacity:1}
#footer .content .sns_area.fackbook {background:url(../images/common/icon_sns_facebook.png) 0 0 no-repeat;}
#footer .content .sns_area.fackbook:after {background:url(../images/common/icon_sns_facebook.png) 100% 0 no-repeat;}
#footer .content .sns_area.fackbook:hover:after{opacity:1}
#footer .content .sns_area.instagram{right:105px; background:url(../images/common/icon_sns_instar.png) 0 0 no-repeat;}
#footer .content .sns_area.instagram:after{background:url(../images/common/icon_sns_instar.png) 100% 0 no-repeat;}


/* container */
.sub_header{position:absolute; left:0; width:100%; top:0; border-bottom:1px solid #e5e5e5; height:59px; background-color:#fff; z-index:5}
.sub_header .logo{position:absolute; left:0; top:0px; height:60px; width:110px; background:url(../images/common/logo_sub_header.png) 0 50% no-repeat; overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; opacity:0}
.sub_header .top{position:absolute; right:0; top:0px; height:32px; padding-top:28px; font-family:NotoSansKR-Regular; font-weight:bold; color:#bbbbbb; font-size:13px; opacity:0;}
.sub_header .top:after{content:''; width:12px; height:15px; background:url(../images/common/icon_arr_top.png) 50% 0 no-repeat; display:block; position:absolute; left:0; width:100%; top:18px}
.sub_header .sub_loc{text-align:center;}
.sub_header .sub_loc ul{overflow:hidden; display:inline-block;}
.sub_header .sub_loc ul li{float:left; position:relative;}
.sub_header .sub_loc ul li + li { padding-left:24px; margin-left:21px;}
.sub_header .sub_loc ul li + li:after{content:''; width:4px; height:4px; background-color:#dddddd; border-radius:30px; position:absolute; left:0; top:28px;}
.sub_header .sub_loc ul li:first-child{margin-left:0; padding-left:0}
.sub_header .sub_loc ul li:first-child:after{display:none;}
.sub_header .sub_loc ul li a{display:block; line-height:60px; color:#999999; font-size:16px; letter-spacing:-0.08em; position:relative;}
.sub_header .sub_loc ul li.active a{color:#009223; font-weight:300;}
.sub_header .sub_loc ul li.active a:after{content:''; position:absolute; left:0; width:100%; height:4px; bottom:0; background-color:#009223}

.sub_header.fixed{border-bottom:1px solid #e5e5e5 !important;}
.sub_header.fixed .sub_loc ul li a{color:#999999 !important;}
.sub_header.fixed .sub_loc ul li.active a{color:#009223 !important}
.sub_header.fixed .sub_loc ul li:after{opacity:1 !important;}

/*sub header type01 */
.sub_header.type01{background-color:transparent; border:0; height:60px;}
.sub_header.type01:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; opacity:0.1}
.sub_header.type01 .sub_loc ul li:after{opacity:0.2}
.sub_header.type01 .sub_loc ul li a{color:#fff;}
.sub_header.type01 .sub_loc ul li.active a{color:#ffce32 !important}
.sub_header.type01 .sub_loc ul li.active a:after{background-color:#ffce32 !important;}

#container{margin-top:170px; position:relative;}
#container.bg_type01{background-color:#f6f6f6; padding-bottom:130px;}
#container.bg_type01 .sub_header{background:#f6f6f6; border-bottom:0}
#container.bg_type01 #content{padding-top:59px;}
#content{padding-top:0; position:relative; z-index:3; margin-top: 100px;}
#content h2.subTitle{text-align:center; font-size:40px; color:#292929; font-weight:500; letter-spacing:-0.07em; padding:0 0 50px;}
#content h2.subTitle > span{margin-bottom:-20px;display: block;color: #666;font-weight:normal;font-size:16px;letter-spacing: -0.025em}
#content h3.h_title{font-size:28px; color:#292929; font-weight:bold; letter-spacing:-0.05em; padding-bottom:38px;}

/* button */
.btns_wrapper{text-align:center;}
.btns_wrapper .btn{margin:0 4px;}
.btn{font-size:18px; font-weight:bold; text-align:center; display:inline-block; vertical-align:middle; border-radius:30px; transition-duration:0.2s}
.btn span{display:inline-block; vertical-align:middle; height:46px; line-height:46px;}
/*
.btn.bgc_white{background-color:#fff; border:2px solid #dddddd; color:#bbbbbb; box-sizing:border-box;}
.btn.bgc_white:hover{border-color:#bbbbbb}
*/
.btn.bgc_white{background-color:#fff; border:2px solid #009223; color:#009223; box-sizing:border-box;}
.btn.bgc_white:hover{border-color:#00811f}

.btn.bgc_black{background-color:#444;}
.btn.bgc_black span{height:50px; line-height:50px; color:#fff;}
.btn.bgc_black:hover{background-color:#292929;}

.btn.size1 span{font-size:16px; height:40px; line-height:40px;}

.btn.bgc_point{background-color:#ff5d00; color:#fff;}
.btn.bgc_point span{height:50px; line-height:50px; letter-spacing:-0.03em;}
.btn.bgc_point:hover{background-color:#ff4d00;}

/* 2018.02.01 이용방법 버튼 추가 */
.btn.bgc_bw{background-color:#fff; border:2px solid #bbbbbb; color:#999999; margin-top: -1px;}
.btn.bgc_bw:hover{background-color:#444; border:2px solid #444;}
.btn.bgc_bw:hover span{height:50px; line-height:50px; color:#fff;}
.btn.bgc_bw .i_mag {content:''; display:inline-block; vertical-align:middle; width: 16px; height: 16px; background: url(../images/utilization/btn_mag.png) 0 0 no-repeat; margin-left:4px;}
.btn.bgc_bw:hover .i_mag {background: url(../images/utilization/btn_mag_hover.png) 0 0 no-repeat;}
/* // 2018.02.01 이용방법 버튼 추가 */

.btn.i_reg:after{content:''; display:inline-block; vertical-align:middle; width:21px; height:16px; background:url(../images/icon_reg.png) 0 0 no-repeat; margin-left:7px;}
.btn.i_arr:after{content:''; display:inline-block; vertical-align:middle; width:10px; height:14px; background:url(../images/icon_arr_r.png) 0 0 no-repeat; margin-left:7px;}

.btn_list{width:170px; position:relative; margin:0 auto}
.btn_list:before,
.btn_list:after,
.btn_list a:after{content:''; position:absolute; left:36px; width:20px; height:4px; background-color:#ffce32;}
.btn_list:before{top:16px}
.btn_list:after{top:30px;}
.btn_list a:after{top:23px;}
.btn_list a{display:block; color:#ffffff; font-size:18px; font-weight:300; background-color:#009223; height:50px; line-height:50px; text-align:left; border-radius:50px; text-indent:70px; letter-spacing:-0.03em; transition-duration:0.2s}
.btn_list a:hover{background-color:#00811f}

.btn_list_more{display:block; width:450px; height:50px; line-height:50px; margin:10px auto 0; background-color:#e5e5e5; color:#999999; font-weight:300; font-size:18px; text-align:center; border-radius:50px;}


/* form ::: checkbox */
.form_checkbox{display:inline-block; cursor:pointer; overflow:hidden; position:relative; vertical-align:middle; color:#292929; font-size:16px; line-height:26px; letter-spacing:-0.05em}
.form_checkbox input[type="checkbox"]{height:0; opacity:0; width:0; position:absolute; left:-10px;}
.form_checkbox .icon{width:26px; height:26px; border:2px solid #d3d3d3; border-radius:50px; display:inline-block; position:relative; vertical-align:top; margin-right:10px;}
.form_checkbox .icon:before{content:''; width:0; height:20px; background:url(../images/icon_checkbox.png) 0 0 no-repeat; position:absolute; left:4px; top:0; transition-duration:0.2s}
.form_checkbox input[type="checkbox"]:checked+.icon:before{width:24px;}
.form_checkbox em{color:#009223;}

/* form ::: file */
.form_file{border:2px solid #dddddd; position:relative; display:inline-block; cursor:pointer; padding-right:98px; box-sizing:border-box;}
.form_file:before{content:''; position:absolute; right:96px; top:13px; width:2px; height:16px; background-color:#e8e8e8}
.form_file:after{content:'파일선택'; position:absolute; right:20px; top:0; z-index:1; cursor:pointer; line-height:41px; color:#009223; font-size:16px; font-weight:300; letter-spacing:-0.05em}
.form_file input[type="file"]{position:absolute; right:0; top:0; height:41px; width:98px; text-indent:-9999px;  opacity:0; z-index:3; cursor:pointer;}
.form_file input[type="text"]{width:100%; height:41px; border:0; display:block; text-indent:13px;}

/* form ::: textarea */
.form_textarea{background-color:#f8f8f8; display:inline-block;}
.form_textarea textarea{background-color:transparent; width:100%; border:0;font-family:NotoSansKR-Regular;font-size:16px;}
.form_textarea textarea::placeholder{color:#bbbbbb; padding:15px;}
.form_textarea textarea:-ms-input-placeholder{color:#bbbbbb}

/* form ::: text */
.form_text{background-color:#f8f8f8; display:inline-block;}
.form_text input{width:100%; border:0; background:transparent; height:45px; color:#292929; font-size:16px; text-indent:15px;}
.form_text input::placeholder{color:#bbbbbb}
.form_text input:-ms-input-placeholder{color:#bbbbbb}

/* form ::: selectbox */
.form_select{display:inline-block; vertical-align:middle; overflow:hidden; position:relative; border:2px solid #dddddd;}
.form_select:before{content:''; position:absolute; right:13px; top:18px; width:12px; height:7px; background:url(../images/icon_select_arr.png) 0 0 no-repeat; z-index:3;}
.form_select select{width:100%; border:0; height:41px; line-height:41px; font-size:16px; color:#999999; position:relative; z-index:1; text-indent:9px}


/* form ::: search */
.form_search{border:2px solid #dddddd; height:41px; display:block; vertical-align:middle; position:relative; padding-right:42px}
.form_search input{border:0; height:41px; width:100%; text-indent:14px; color:#292929; font-size:16px;}
.form_search input::placeholder{color:#bbbbbb; font-size:16px;font-family:font_ns, sans-serif;}
.form_search .btn_search{background:url(../images/common/icon_search.png) 50% 50% no-repeat; width:41px; height:41px; position:absolute; right:0; top:0}
.form_search .btn_search:after{content:''; position:absolute; left:-2px; top:13px; width:2px; height:16px; background-color:#e5e5e5;}


/* 첨부파일 */
.att_file{background-color:#f8f8f8; height:60px; margin-bottom:30px;}
.att_file:before{content:''; background:url(../images/common/icon_file.png) 30px 50% no-repeat; display:inline-block; width:66px; height:60px; vertical-align:middle;}
.att_file a{font-size:16px; color:#999999; border-bottom:1px solid #999; letter-spacing:-0.05em; display:inline-block; margin-right:24px;}


/* 페이지 */
.pagination{text-align:center; margin-top:34px;}
.pagination strong,
.pagination a{font-family:font_sw; font-weight:bold; font-size:18px; padding:0 3px; margin:0 10px; display:inline-block; color:#bbbbbb;}
.pagination a.active{display:inline-block; color:#009223}
.pagination .arr{display:inline-block;}
.pagination .arr:after{content:''; display:block; width:8px; height:12px; background:url(../images/common/icon_page_arr.png) no-repeat;}
.pagination .arr.prev{margin-right:97px;}
.pagination .arr.next{margin-left:97px;}
.pagination .arr.prev:after{background-position:0 0}
.pagination .arr.next:after{background-position:100% 0}
.pagination .arr.prev:hover:after{background-position:0 100%}
.pagination .arr.next:hover:after{background-position:100% 100%}


/* board list */
.board_list_wrapper{position:relative; overflow:hidden; padding-bottom:127px;}
.board_list_wrapper .board_total{color:#999999; letter-spacing:-0.045em; float:left; margin-top:17px;}
.board_list_wrapper .board_total strong{font-weight:bold; color:#009223; display:inline-block; margin:0 0 0 3px;}
.board_list_wrapper .cont_right{float:right; margin-bottom:10px;}
.board_list_wrapper .cont_right .form_search{width:224px; display:inline-block; vertical-align:middle;}
.board_list_wrapper table{clear:both; border-top:4px solid #ff5d00; width: 100%}
.board_list_wrapper table th{color:#ff5d00; font-size:16px; font-weight:300; height:69px; border-bottom:1px solid #009223; text-align:center;}
.board_list_wrapper table th.hide{font-size:0; display:table-cell;}
.board_list_wrapper table td{height:69px; border-bottom:1px solid #dddddd; text-align:center; color:#292929; font-size:16px;}
.board_list_wrapper table td .title{text-align:left; letter-spacing:-0.04em}
.board_list_wrapper table td .date{color:#bbbbbb; font-family:font_sw;}
.board_list_wrapper table td .icon_file{display:inline-block; width:20px; height:20px; background:url(../images/common/icon_file.png) 0 0 no-repeat;}
.board_list_wrapper table td .icon_notice{display:inline-block; width:20px; height:14px; background:url(../images/common/icon_notice.png) 0 0 no-repeat;}
.board_list_wrapper table td .num{color:#ffc300; font-family:font_sw; font-weight:bold;}
.board_list_wrapper table td .service span{display:inline-block; font-size:13px; color:#bbb; border:1px solid #bbb; border-radius:30px; height:23px; line-height:23px; padding:0 8px;}
.board_list_wrapper table td .service span.on{font-weight:300; color:#666; border-color:#666}
.board_list_wrapper table td .tel{color:#bbbbbb; font-family:font_sw;}
.board_list_wrapper table td .coming{color:#009223; font-family:font_sw; font-size:13px; font-weight:bold; background-color:#ffce32; height:25px; line-height:22px; width:110px; margin:0 auto; text-align:center; border-radius:15px}
.board_list_wrapper table tr.notice td{background-color:#f8f8f8}
.board_list_wrapper table tr.notice td .title a{color:#009223; font-weight:bold;}

/* board write */
.board_write_wrapper{position:relative;}
.board_write_wrapper .rt_note{color:#999999; font-size:16px; letter-spacing:-0.05em; position:absolute; right:0; top:-29px; background:url(../images/icon_ess.png) 0 7px no-repeat; padding-left:10px;}
.board_write_wrapper th{font-weight:300; color:#666666; font-size:16px; height:21px; padding-top:24px; border-bottom:1px solid #e8e8e8; text-align:left; vertical-align:top;}
.board_write_wrapper td{height:45px; padding:12px 0; border-bottom:1px solid #e8e8e8;}
.board_write_wrapper th .ess{background:url(../images/icon_ess.png) 0 0 no-repeat; width:7px; height:6px; display:inline-block; vertical-align:middle; position:relative; margin-left:4px; top:-2px;}
.board_write_wrapper td .file_note{font-size:13px; color:#999999; margin-left:25px;}

/* 문의 ::: 가맹신청문의, 1:1문의 */
.inquiry_wrapper{background-color:#fff;  margin:0 0; border:1px solid #e8e8e8; padding:50px 70px 50px; }
.inquiry_wrapper h2.subTitle{padding:0 0 76px !important;}
.inquiry_wrapper .board_write_wrapper .agree_info{overflow:hidden; border-bottom:1px solid #e8e8e8; padding:25px 0 13px 0}
.inquiry_wrapper .board_write_wrapper .agree_info >p{float:left; color:#666666; font-size:16px; font-weight:300; letter-spacing:-0.03em; text-indent:10px;}
.inquiry_wrapper .board_write_wrapper .agree_info >p:after{content:''; background:url(../images/icon_ess.png) 0 0 no-repeat; width:7px; height:6px; display:inline-block; vertical-align:middle; position:relative; margin-left:4px; top:-2px;}
.inquiry_wrapper .board_write_wrapper .agree_info >.form_checkbox{float:right; top:-5px;}
.inquiry_wrapper .inquiry_notice{margin:30px 0 100px;}
.inquiry_wrapper .btns_wrapper{border-top:1px solid #e8e8e8; position:relative; left:-70px; margin-right:-140px; padding-top:40px;}
.inquiry_wrapper .pd_agree_wrapper{overflow:hidden; margin-bottom:96px;}
.inquiry_wrapper .pd_agree_wrapper .pd_agree{float:left; width:490px;}
.inquiry_wrapper .pd_agree_wrapper .pd_agree:first-child{margin-right:48px;}
.inquiry_wrapper .pd_agree_wrapper .pd_agree h3{color:#666666; font-size:18px; font-weight:300; letter-spacing:-0.05em; padding-bottom:19px;}
.inquiry_wrapper .pd_agree_wrapper .pd_agree .scroll_wrapper{border:2px solid #e5e5e5; height:150px; padding:13px 0 13px 17px; overflow:hidden; color:#bbbbbb; font-size:13px; line-height:21px; margin-bottom:14px;}
.inquiry_wrapper .pd_agree_wrapper .pd_agree .scroll_wrapper .mCSB_inside>.mCSB_container{margin-right:17px;}
.inquiry_wrapper .pd_agree_wrapper .pd_agree .scroll_wrapper .mCSB_scrollTools .mCSB_draggerRail{opacity:0 !important}
.inquiry_wrapper .pd_agree_wrapper .pd_agree .scroll_wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px !important; background-color:#dddddd !important}
.inquiry_wrapper .form_select{margin-right:7px;}
.inquiry_wrapper .em{display:inline-block; vertical-align:middle; width:63px; text-align:center; color:#292929; font-size:15px;}

/* 레시피 */
.recipe{margin-top:46px;}
.recipe ul{overflow:hidden; display:inline-block;}
.recipe ul li{float:left; margin:0 10px; position:relative;}
.recipe .rec{color:#fff; font-size:12px; position:absolute; right:0; top:0; background-color:#009223; text-align:center; line-height:35px; width:35px; height:35px; letter-spacing:-0.02em; font-weight:300; border-radius:20px;}
.recipe .season{color: #fff; font-size: 12px; position: absolute; right: 0; top: 0; background-color: #ffc30d; text-align: center; line-height: 1.1; width: 43px; height: 43px; letter-spacing: -0.02em; font-weight: 300; border-radius: 20px; vertical-align: middle; padding: 8px; box-sizing: border-box;}
.recipe .img{width:100px; height:100px; overflow:hidden;}
.recipe .img img{width:auto; height:100%; margin-left:-21px;}
.recipe p{font-size:13px; color:#292929; letter-spacing:-0.025em; margin-top:8px; text-align:center;}

/* 팝업 */
.popup_iframe_wrapper{position:absolute; left:50%; z-index:999;}
.popup_iframe_wrapper iframe{border:0; width:100%; background-color:transparent;}
.popup_iframe_wrapper .btn_close{background:url(../images/common/icon_popup_close.png) 50% 50% no-repeat; width:73px; height:73px; position:absolute; right:-73px; top:0; border:0; cursor:pointer; -webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
.popup_dim{position:fixed; opacity:0; background-color:#000; left:0; right:0; top:0; bottom:0; z-index:999}

/* OPEN 팝업 */
.openpopup_wrapper{position:fixed; left:0; top:0; z-index:999; background-color:#ffc20d; padding:10px 10px 0;}
.openpopup_wrapper .openpopup_footer{height:28px; position:relative;}
.openpopup_wrapper .openpopup_footer label{cursor:pointer; display:inline-block; margin-left:20px; overflow:hidden;}
.openpopup_wrapper .openpopup_footer label input{vertical-align:middle; position:relative; top:7px; float:left;}
.openpopup_wrapper .openpopup_footer label img{display:block; float:left;}
.openpopup_wrapper .openpopup_footer .close{position:absolute; right:21px; top:0}

/* faq */
.faq_wrapper{padding-bottom:130px; min-height:277px}
.faq_wrapper .faq_contet{border-top:4px solid #ff5d00;}
.faq_wrapper .faq_contet li{border-bottom:1px solid #dddddd; background-color:#fff;}
.faq_wrapper .fre{cursor:pointer; position:relative; padding:20px 100px 25px;}
.faq_wrapper .fre:after{content:''; background:url(../images/icon_faq.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; right:40px; top:50%; margin-top:-10px;}
.faq_wrapper .fre .q{position:absolute; left:35px; top:50%; margin-top:-15px; color:#fff; font-weight:bold; font-family:font_sw; font-size:18px; width:30px; height:30px; padding-top:1px; box-sizing:border-box; background-color:#f89b00; text-align:center; border-radius:15px;}
.faq_wrapper .fre strong{display:block; color:#292929; line-height:26px; font-size:16px; font-weight:normal;}
.faq_wrapper .ask{position:relative; padding:0 100px; overflow:hidden; height:0px;}
.faq_wrapper .ask .ask_text{position:relative; padding:18px 0 22px; border-top:1px solid #dddddd; color:#666666; line-height:26px; font-size:16px; opacity:0;}
.faq_wrapper .ask .a{position:absolute; left:35px; top:21px; color:#fff; font-weight:bold; font-family:font_sw; font-size:18px; width:30px; height:30px; padding-top:1px; box-sizing:border-box; background-color:#dc143c; text-align:center; border-radius:15px;}

.faq_wrapper .faq_contet li,
.faq_wrapper .fre:after,
.faq_wrapper .ask .ask_text{transition-duration:0.4s}

.faq_wrapper .faq_contet li.open{background-color:#f8f8f8}
.faq_wrapper .faq_contet li.open .fre strong{color:#ff5d00; font-weight:300;}
.faq_wrapper .faq_contet li.open .fre:after{transform: rotate(135deg);}
.faq_wrapper .faq_contet li.open .ask_text{opacity:1;}

/* file upload */
.blockUI.blockMsg{position:fixed !important; top:50% !important;}
#ui_file_upload_progressbar .progress-bar{background-color:#009223 !important; color:#fff !important;}

/*****************************************************************************************************************************************************************************************************

===================================================================================== 2019 써브웨이 프리오더 =====================================================================================

*****************************************************************************************************************************************************************************************************/
/* reset */
input[type="date"] {-webkit-appearance:none;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {display:none; -webkit-appearance:none;}
input[type="date"]::-ms-clear,
input[type="date"]::-ms-reveal {display:none; width :0; height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}
/* input[type="date"]::-webkit-calendar-picker-indicator {display:none; -webkit-appearance:none;} */
input:focus,select:focus,textarea:focus,button:focus {outline:none;}
a{cursor:pointer;}
address {font-style:normal;}

/* 2019 header utill menu */
#header .util_menu {position:absolute; right:25px; top:40px;}
#header .util_menu ul li {float:left; position:relative;}
#header .util_menu ul li ~ li {margin-left:30px;}
#header .util_menu ul li a {display:block; color:#666666; font-size:13px; font-weight:normal; line-height:30px; height:30px;}

#header .util_menu .before_sign ~ .before_sign::before {background-color:#ddd; content:''; display:block; border-radius:50px; position:absolute; left:-16px; top:50%; margin-top:-2px; height:3px; width:3px;}
#header .util_menu.before .after_sign {display:none;}
#header .util_menu.after .before_sign {display:none;}
#header .util_menu.after .after_sign {display:block;}
#header .util_menu .after_sign ~ .after_sign::before {background-color:#ddd; content:''; display:block; border-radius:50px; position:absolute; left:-16px; top:50%; margin-top:-2px; height:3px; width:3px;}

#header .util_menu .icon_menu {position:relative;}
#header .util_menu .icon_menu a {background-repeat:no-repeat; background-position:0 0; line-height:0; width:30px;}
#header .util_menu .icon_menu.cart a {background-image:url(../images/common/icon_utill_cart.png);}
#header .util_menu .icon_menu.cart a strong {background-color:#ff8300; display:none; border-radius:20px; box-sizing:border-box; color:#fff; font-family:'font_sw'; font-size:12px; font-weight:normal; line-height:1em; text-align:center; position:absolute; left:0; bottom:0; padding-right:5px; padding-left:5px; height:14px; min-width:18px;}
#header .util_menu .icon_menu.cart.on a strong {display:block;}
#header .util_menu .icon_menu.global_subway {margin-left:15px;}
#header .util_menu .icon_menu.global_subway a {background-image:url(../images/common/icon_utill_global.png);}

/* date picker */
#ui-datepicker-div {background-color:#ffffff; display:none; border:1px solid #e5e5e5; border-radius:5px; box-sizing:border-box; font-family:'font_sw', 'font_ns'; padding:0 10px 10px 10px; min-height:290px; width:290px; z-index:10 !important;}
/* #ui-datepicker-div {display:block !important; position:absolute !important; top: 2497px !important; left: 916.094px !important;} */

.ui-datepicker-header {position:relative; box-sizing:border-box; text-align:center; height:60px;}
.ui-datepicker-header .ui-corner-all {/*background-color:#999;*/ background-repeat:no-repeat; background-position:center 50%; background-size:7px 11px; display:block; cursor:pointer; position:absolute; top:50%; margin-top:-11px; height:22px; width:22px;}
.ui-datepicker-header .ui-corner-all.ui-datepicker-next {background-image:url(../images/common/arrow_calendar_next.png); right:50px;}
.ui-datepicker-header .ui-corner-all.ui-datepicker-prev {background-image:url(../images/common/arrow_calendar_prev.png); left:50px;}
.ui-datepicker-header .ui-corner-all .ui-icon {font-size:0; line-height:0; text-indent:-9999px;}
.ui-datepicker-header .ui-datepicker-title {display:inline-block; color:#292929; font-size:16px; font-weight:bold; vertical-align:-18px;}

.ui-datepicker-calendar thead th {color:#999999; font-size:14px; font-weight:normal;}
.ui-datepicker-calendar tbody td {color:#292929; font-size:12px; font-weight:normal; text-align:center;}
.ui-datepicker-calendar tbody td * {color:inherit;}
.ui-datepicker-calendar tbody td a {display:block; box-sizing:border-box; line-height:9px; padding-top:13px; padding-bottom:13px; height:38px; width:38px;}
.ui-datepicker-calendar .ui-datepicker-today a {background-color:transparent !important; color:#009223 !important;}
.ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-days-cell-over a {background-color:#009223 !important; color:#fff !important; border-radius:50px !important;}
.ui-datepicker-calendar .ui-datepicker-current-day a {background-color:#009223; color:#fff; border-radius:50px;}

.ui-datepicker-calendar tbody td.ui-state-disabled {height:38px; width:38px;}
.ui-datepicker-calendar tbody td.ui-state-disabled span {color:#999999; cursor:default;}

/* container ::2019 */
#container.bg_gray {background-color:#f6f6f6; padding-bottom:130px;}
#container.bg_gray .sub_header {background-color:#fff !important;}

/* form input datepicker */
.form_select input{width:100%; border:0; height:41px; line-height:41px; font-size:16px; color:#999999; position:relative; z-index:1; text-indent:9px}

/* form: bookmark */
.my_bookmark {display:block; cursor:pointer; position:relative; width:24px; z-index:5;}
.my_bookmark input {opacity:0; position:absolute; left:-2px; height:0; width:0;}
.my_bookmark .i_star {background:url(../images/common/icon_star.png) no-repeat center 50%; background-color:#dddddd; background-size:12px; display:block; border-radius:100%; transition-duration:0.3s; height:24px; width:24px;}
.my_bookmark input:checked ~ .i_star {animation:store_touch 0.3s ease-in-out forwards; background-color:#ffc300;}
@keyframes store_touch {
	0% {transform:scale(1);}
	40% {transform:scale(0.8);}
	80% {transform:scale(1.05);}
	100% {transform:scale(1);}
}

/* form select */
.form_select {box-sizing:border-box;}

/* form :::checkbox */
.form_circle {display:inline-block; cursor:pointer; overflow:hidden; position:relative; vertical-align:middle; color:#292929; font-size:16px; line-height:26px; letter-spacing:-0.05em}
.form_circle ~ .form_circle {margin-left:15px;}
.form_circle input[type="radio"] {height:0; opacity:0; width:0; position:absolute; left:-10px;}
.form_circle .icon {width:26px; height:26px; border:2px solid #dddddd; border-radius:50px; display:inline-block; position:relative; vertical-align:top; margin-right:10px;}
.form_circle .icon:before {content:''; width:0; height:20px; background:url(../images/common/icon_checkbox.png) 0 0 no-repeat; position:absolute; left:4px; top:0; transition-duration:0.2s}
.form_circle input[type="radio"]:checked+.icon:before{width:24px;}
.form_circle em {color:#666666;}

/* 버튼 ::2019 */
.btn_area {text-align:center;}
.btn_area .btn {font-weight:300;}
.btn_area .btn ~ .btn {margin-left:7px;}

.btn.bgc_gray{background-color:#999;}
.btn.bgc_gray span{height:50px; line-height:50px; color:#fff;}
.btn.bgc_gray:hover{background-color:#888;}

.btn.bgc_gray_02 {background-color:#f2f2f2;}
.btn.bgc_gray_02:hover {background-color:#e5e5e5;}
.btn.bgc_gray_02 span {color:#666666; font-size:16px; font-weight:300; letter-spacing:-0.025em;}

.btn.bgc_wh_02 {background-color:#fff; border:2px solid #999999; color:#999999; box-sizing:border-box;}

.btn.h_35 span {font-size:16px; font-weight:300; line-height:33px; height:35px;}
.btn.x_small {border-width:1px;}
.btn.x_small span {font-size:13px; font-weight:normal; line-height:22px; height:25px;}

.btn.squre {border-radius:2px;}

.btn_more_wrap {overflow:hidden;}
.btn_more_wrap .btn_list_more {margin-top:0;}

/* blind */
.blind {overflow:hidden; font-size:0; line-height:0; position:absolute; height:0; width:0;}

/* Font Family */
.font_sw {font-family:'font_sw'; font-weight:bold !important;}

/* subTitle ::2019 */
#content h2.subTitle_02{text-align:center; font-size:40px; color:#292929; font-weight:300; letter-spacing:-0.05em; padding:73px 0 50px;}

/* white box */
.wh_box {background-color:#fff; overflow:hidden; box-sizing:border-box; margin:0 auto; padding:90px 100px; width:1170px;}

/* form ::box layout */
.form_box {overflow:hidden;}
.form_box ~ .form_box {margin-top:25px;}
.form_box ~ .form_box.add_info {border-top:1px solid #dddddd; margin-top:40px; padding-top:40px;}
.form_box h2,
.form_box h3 {font-size:26px; font-weight:bold; margin-bottom:26px; letter-spacing:-0.05em;}
.form_box h2 ~ h2,
.form_box h3 ~ h3 {margin-top:70px;}
.form_box .write_info_wrap {overflow:hidden;}
.write_info_wrap.no_space > div ~ div {margin-top:0;}
.write_info_wrap .input_set {overflow:hidden; position:relative;}
.write_info_wrap > div ~ div {margin-top:10px;}
.write_info_wrap .input_set dl {background-color:#fff; overflow:hidden; border:1px solid #e5e5e5; padding:22px 30px;}
.write_info_wrap .input_set dl ~ dl {border-top:none;}
.write_info_wrap .input_set dl:focusin {border:1px solid #009223}
.write_info_wrap .input_set dt {float:left;position:relative;font-weight:300; width:120px; line-height:35px; letter-spacing:-0.05em}
.write_info_wrap .input_set dt .ess{background:url(../images/icon_ess.png) 0 0 no-repeat; width:7px; height:6px; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-left:4px;}
.write_info_wrap .input_set dt ~ dt, .write_info_wrap .input_set dd ~ dd {padding-top:44px;}
.write_info_wrap .input_set dt ~ dt:before {content:'';position:absolute;top:22px;right:0;width:100%;height:1px;background-color:#e5e5e5;padding-left:30px}
.write_info_wrap .input_set dd ~ dd:before {content:'';position:absolute;top:22px;left:0;width:100%;height:1px;background-color:#e5e5e5;padding-right:30px;}
.write_info_wrap .input_set dd {float:left; position:relative; width:786px;}
.write_info_wrap .input_set dd .form_text {background-color:#fff; width:100%;}
.write_info_wrap .input_set dd .form_text ~ em {font-size:15px;color:#292929;margin:0 3px;}
.write_info_wrap .input_set dd .form_text input {height:35px;line-height:35px;text-indent:20px;letter-spacing:-0.05em;}
.write_info_wrap .input_set dd .form_text input::placeholder {color:#ddd;}
.write_info_wrap .input_set dd .form_text.post_num input{ color:#ffc300;}
.write_info_wrap .input_set dd .marketing_agree_box{height: 35px;}
.write_info_wrap .input_set dd .marketing_agree_box label{margin-left: 30px;}
.write_info_wrap .input_set dd .marketing_agree_box label:first-child{margin-left: 20px;}
.write_info_wrap .input_set .form_text.bdr_text {border:1px solid #dddddd; box-sizing:border-box;}
.write_info_wrap .input_set dd .pw_check {display:inline-block;vertical-align:top;line-height:35px;letter-spacing:-0.05em;}
.write_info_wrap .input_set dd .pw_check.miss {color:#ff4b06}
.write_info_wrap .input_set .phone_num_wrap {display:inline-block;}
.write_info_wrap .input_set .p_notice {margin-top:8px; margin-bottom:10px;}
.write_info_wrap .input_set:last-child .p_notice {margin-bottom:0;}
.write_info_wrap .input_set .form_select {border:0;}
.write_info_wrap .input_set .form_select ~ .form_select {margin-left:15px;}
.write_info_wrap .input_set .form_select + .form_text {margin-left:13px;}
.write_info_wrap .input_set .form_select + .phone_num_wrap {margin-left:13px;}
.write_info_wrap .input_set .form_select:before {top:15px;}
.write_info_wrap .input_set .form_select select {height:35px; line-height:35px; text-indent:16px; letter-spacing:-0.09em;}
.write_info_wrap .input_set .btn_input_in {position:absolute;bottom:0;right:-30px;width:127px;text-align:center;}
.write_info_wrap .input_set .btn_input_in:before {background-color:#e8e8e8; content:''; position:absolute; left:0; top:50%; margin-top:-16px; height:32px; width:2px;}
.write_info_wrap .input_set .btn_input_in .in_form_btn {display:inline-block; cursor:pointer; position:relative; height:35px;}
.write_info_wrap .input_set .btn_input_in button.in_form_btn {background:none; border:none;}
.write_info_wrap .input_set .btn_input_in .in_form_btn span,
.write_info_wrap .input_set .btn_input_in button.in_form_btn span {color:#009223; font-size:16px; letter-spacing:-0.05em; line-height:35px; font-family:font_ns, sans-serif}
.write_info_wrap .input_set .form_radio.square {float:right;line-height:0;font-size:0;}

.write_info_wrap .input_set .form_radio.square {float:none;}
.write_info_wrap .input_set .form_radio.square label ~ label {margin-left:10px;}
.write_info_wrap .input_set .form_radio.square .shape {padding-right:20px; padding-left:20px; min-width:120px; width:auto;}
.write_info_wrap .input_set .caution_txt{overflow:hidden;display:inline-block;font-size:14px;line-height:35px;margin-left:10px;}

.form_radio .shape .pay_logo {display:inline-block; overflow:hidden; height:14px;}
.form_radio .shape .pay_logo ~ .pay_logo:before {background-color:#dddddd; display:inline-block; content:''; vertical-align:11px; margin-right:12px; margin-left:12px; height:12px; width:1px;}
.form_radio label input[type="radio"]:checked ~ .shape .pay_logo img {margin-top:-15px;}

/* box layout */
.write_info_wrap .input_set .info_dl {overflow:hidden;}
.write_info_wrap .input_set .info_dl dt,
.write_info_wrap .input_set .info_dl dd {width:auto;}
.write_info_wrap .input_set .info_dl dt {float:left;}
.write_info_wrap .input_set .info_dl dd {float:right;}

/* form tag :radio */
.form_radio {display:inline-block; overflow:hidden;}

/* table text align */
.board_list_wrapper table td.t_l {text-align:left; padding-left:30px;}
.board_list_wrapper table td.t_c {text-align:center;}
.board_list_wrapper table td.t_r {text-align:right;}

/* form tag :radio :square */
.form_radio.square label {display:inline-block; overflow:hidden; cursor:pointer; position:relative;}
.form_radio.square label ~ label {margin-left:6px;}
.form_radio.square label input {position:absolute; left:-10px; top:-10px; font-size:0; line-height:0; opacity:0; height:0; width:0;}
.form_radio.square label .shape {background-color:#f2f2f2; display:inline-block; border-radius:3px; box-sizing:border-box; color:#aaa; cursor:pointer; font-size:16px; line-height:35px; text-align:center; transition-duration:0.2s; height:35px; width:50px;}
.form_radio.square label input:checked + .shape {background-color:#009223; color:#fff;}

/* 금액선택, 직접입력 */
.form_radio.square label .shape.won {color:#292929; font-family:'font_sw'; font-size:18px; letter-spacing:-0.05em; line-height:29px; padding-right:15px !important; padding-left:15px !important; min-width:120px; width:auto;}
.form_radio.square label .shape.won:before {background-image:url(../images/common/icon_won_choice.png); background-repeat:no-repeat; background-size:32px auto; content:''; display:inline-block; vertical-align:middle; margin-right:5px; height:14px; width:16px;}
.form_radio.square label input:checked + .shape.won:before {background-position:-16px 0;}

.form_box .write_info_wrap .direct_input {display:flex; overflow:hidden; float:none; margin-top:10px; width:100%;}
.form_box .write_info_wrap .direct_input .form_radio {overflow:visible;}
.form_box .write_info_wrap .direct_input .form_text {margin-left:10px; width:251px;}
.form_box .write_info_wrap .direct_input .form_text input {background-color:#ffffff; border:2px solid #dddddd; border-radius:2px; box-sizing:border-box;}

/* 약관 동의 ::2019 */
.agree_wrapper{overflow:hidden;}
.agree_wrapper ~ .agree_wrapper {margin-top:40px;}
/*.agree_wrapper.twin .agree {width:50%; float:left;}*/
.agree_wrapper.twin .agree {margin-bottom: 40px;}
.agree_wrapper.twin .agree strong {color: #666;}
.agree_wrapper.twin .agree:nth-child(n+3) {margin-top:40px;}
.agree_wrapper.twin .agree:nth-child(even) .scroll_wrapper {border-left:0;}
.agree_wrapper .agree .form_checkbox {margin-bottom:10px;}
.agree_wrapper .agree .form_checkbox {font-weight:300; color:#666}
.agree_wrapper .agree .form_checkbox em {margin-right:3px;}
.agree_wrapper .agree .form_checkbox .icon {margin-right:13px;}
.agree_wrapper .agree h3{color:#666666; font-size:18px; font-weight:300; letter-spacing:-0.05em; padding-bottom:19px;}
.agree_wrapper .agree .scroll_wrapper{border:1px solid #e5e5e5; height:180px; overflow:hidden; color:#bbbbbb; font-size:13px; line-height:21px;}
.agree_wrapper .agree .scroll_wrapper .mCSB_container{margin-right:20px; padding:20px 0 20px 20px;}
.agree_wrapper .agree .scroll_wrapper .mCSB_scrollTools {width:6px;}
.agree_wrapper .agree .scroll_wrapper .mCSB_scrollTools .mCSB_draggerRail{opacity:0 !important}
.agree_wrapper .agree .scroll_wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px !important; background-color:#dddddd !important}
.agree_wrapper .agree .scroll_wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin:0 !important; float:right; border-radius:0;}

/* 알림 코멘트 ::2019 */
.inquiry_notice {background:#f6f6f6 url(../images/icon_exc.png) 25px 50% no-repeat; display:flex; color:#999999; flex-direction:column; justify-content:center; font-size:13px; margin-top:20px; padding:15px 15px 19px 81px; min-height:52px;}
.inquiry_notice li{line-height:1.385em; letter-spacing:-0.015em; position:relative;}
.inquiry_notice li ~ li {margin-top:5px;}

/* 참고 문구 */
.counsel_copy {color:#999999; font-size:13px; margin-top:7px;}
.counsel_copy.on {color:#ff4b06;}
.counsel_copy::before {content:'· ';}

/* 체크박스 ::2019 */
.form_checkbox strong {font-size:26px; color:#666; margin-left:3px;}

/* 탭 ::2019 */
.tab02{width:1170px; height:70px; margin:0 auto; position:relative; z-index:10;box-shadow:7px 7px 20px 0px rgba(0, 0, 0, 0.1);}
.tab02 ul{overflow:hidden; width:1170px;display:flex; border-left:1px solid #e5e5e5}
.tab02 ul li{flex:1; border:1px solid #e5e5e5;margin-left:-1px;position:relative;}
.tab02 ul li:first-child{border-left:0;}
.tab02 ul li a{display:block; height:68px; line-height:68px; position:relative; font-size:18px; color:#666666; text-align:center; background-color:#fff;}
.tab02 ul li.active{z-index:3; border:1px solid #009223;}
.tab02 ul li.active a{background-color:#009223; color:#fff;}

.tab_content {margin-top:-35px; background-color:#f6f6f6; padding:90px 0 130px;}

/* 테이블 목록: 매장정보 */
.board_list_wrapper .bookmark_map {}
.board_list_wrapper .bookmark_map .map {background: url(../images/mypage/icon_map.png) no-repeat 0 0; display: inline-block; vertical-align: middle; line-height:0; transition-duration:0.2s; height: 22px; width: 22px;}
.board_list_wrapper .bookmark_map .map:hover {transform:scale(1.1);}
.board_list_wrapper .bookmark_map address {display:inline-block; color:#292929; font-style:normal; vertical-align:middle; margin-left:10px; max-width:88%;}

/* 데이터 없음 ::2019 */
.data_none {padding:172px 0; text-align:center;}
.data_none p {position:relative; line-height:18px; letter-spacing:-0.05em; color:#999; padding-top:58px;}
.data_none p:before {content:'';position:absolute;top:0;left:50%;margin-left:-20px;background:url(../images/icon_exc_sm.png)no-repeat;width:40px; height:40px;}

/* 포인트 style */
.txt_point {font-family:'font_sw'; font-size:16px; font-weight:bold;}
.txt_point:before {vertical-align:2px;}
.txt_point.minus {color:#ff4b06;}
.txt_point.minus:before {content:'-';}
.txt_point.plus {color:#9631a9;}
.txt_point.plus:before {content:'+';}

/* 왼:카드, 오:정보 layout */
.card_info_wrap {overflow:hidden; margin:0 auto; width:1170px; background:#ffffff;}
.card_info_wrap .gift_info_cont {overflow:hidden; padding:90px 100px 0 100px;}
.card_info_wrap .gift_info_cont .img {overflow:hidden; float:left; box-sizing:border-box; width:480px; height:300px; border-radius:20px; box-shadow:1px 5px 10px 1px rgba(0, 0, 0, 0.2);}
.card_info_wrap .gift_info_cont .img img {width:100%;}
.card_info_wrap .gift_info_cont .info {float:right; width:370px;}
.card_info_wrap .gift_info_cont .info h3 {margin-bottom:35px; font-size:28px; color:#292929; font-weight:bold;}
.card_info_wrap .gift_info_cont .info dl {display:table; margin-top:16px;}
.card_info_wrap .gift_info_cont .info dl:first-child {margin-top:0;}
.card_info_wrap .gift_info_cont .info dl:after {content:''; clear:both; display:block;}
.card_info_wrap .gift_info_cont .info dl dt {display:table-cell; width:105px; font-size:16px; color:#292929;}
.card_info_wrap .gift_info_cont .info dl dt:before {content:'· ';}
.card_info_wrap .gift_info_cont .info dl dd {font-size:16px; color:#999999;}
.card_info_wrap .gift_info_cont .info dl dd span {display:inline-block; position:relative; padding-left:13px; margin-left:14px}
.card_info_wrap .gift_info_cont .info dl dd span:before {content:''; position:absolute; left:0; top:3px; width:1px; height:15px; background:#dddddd;}
.card_info_wrap .gift_info_cont .info dl dd span:first-child {padding-left:0; margin-left:0;}
.card_info_wrap .gift_info_cont .info dl dd span:first-child:before {display:none;}

/* 카드 layout */
.card_img {position:relative; height:318px; width:498px;}
.card_img .img {box-shadow:6px 5px 7px rgba(0, 0, 0, 0.2); overflow:hidden; border-radius:20px; height:300px; width:480px;}
.card_img .img img {height:100%; width:100%;}
.card_img .status {background:url(../images/common/icon_status_use.png); display:block; text-align:center; position:absolute; left:25px; top:7px; height:70px; width:70px;}
.card_img .status::before {content:'사용'; color:#ffffff; font-size:26px; font-style:normal; font-weight:bold; line-height:70px;}

/* 카드이름, 잔액 layout */
.mycard_total {overflow:hidden;}
.mycard_total .name_edit {overflow:hidden;}
.mycard_total .name_edit .form_text {background-color:#ffffff;}
.mycard_total .name_edit .form_text input {color:#999999; font-family:'font_sw'; font-size:20px; letter-spacing:-0.05em;}
.mycard_total .txt_price {color:#292929; font-family:'font_sw'; font-size:40px; font-weight:bold;}
.mycard_total .txt_price:before {background:url(../images/common/icon_won_bk_28x17.png) no-repeat 0 0; display:inline-block; content:''; line-height:0; position:relative; top:-3px; margin-right:8px; height:17px; width:28px;}

/* bullet list */
.bullet_copy {overflow:hidden;}
.bullet_copy li {overflow:hidden; color:#999999; line-height:1.5em; position:relative; padding-left:9px;}
.bullet_copy li ~ li {margin-top:11px;}
.bullet_copy li:before {background-color:#999999; content:''; border-radius:20px; position:absolute; left:0; top:9px; height:4px; width:4px;}

/* 레이어팝업 */
.popup_iframe_wrapper {background-color:#ffc300; border-radius:30px; box-sizing:border-box; padding: 20px 15px 15px 15px;}
.popup_iframe_wrapper.no_wrapper {background-color:transparent; padding:0;}
#popup_wrap.new_style {background-color:transparent; border-radius:0; padding:0;}

/* 레이어팝업 높이 작은화면 스크롤 영역 */
#popup_wrap .popup_content.content_scroll .scroll_wrap {height:auto !important;}
#popup_wrap .popup_content.content_scroll .mCSB_inside > .mCSB_container {margin-right:0;}
#popup_wrap .popup_content.content_scroll .mCSB_scrollTools .mCSB_draggerContainer {top:5px; height:95%;}
#popup_wrap.set_popup .popup_content.content_scroll {min-height:258px !important; max-height:276px !important; height:auto;}

.hide {display: none;}

/* --- table calendar --- 201800131*/
.date_calendar {display:inline-block;width:196px;vertical-align: middle;overflow: hidden;position: relative;border: 2px solid #ddd; box-sizing: border-box;}
.date_calendar:after{content: '';position: absolute;right: 48px;top: 13px;width: 2px; height:16px;background-color: #e8e8e8;}
.date_calendar img{cursor:pointer;position:relative;}
.date_calendar input {position: relative;width: calc(100% - 48px);border: 0;height: 41px;line-height: 41px;font-size: 16px;color: #999;text-indent: 9px;}
.date_calendar .input-group-btn{display:none; margin-left:-6px;}