body {margin:0; padding:0; font-family:'Noto Sans KR',sans-serif;}
a {text-decoration:none; color:black;}
li {list-style:none;}
img {border:none; vertical-align:middle;}

/*------------------------------------------------ 모바일헤더 */

#mobile_header {width:100%;}
#mobile_header .m_title {position:relative; width:100%; border-bottom:1px solid #E9E9E9;}
#mobile_header .m_title .m_menu {position:absolute; left:3.83%; top:23.35%; width:8.33%; height:54.01%;}
#mobile_header .m_title .m_logo {position:absolute; left:26.16%; top:23.35%; width:47.66%; height:58.39%;}
#mobile_header .m_title .m_call {position:absolute; right:2.66%; top:13.13%; width:16.16%; height:72.99%;}

#mobile_header .header_menu {position:relative; width:100%; margin: 0 auto;}
#mobile_header .header_menu ul {position:relative; display:table; padding:0; margin:0; width:100%; height:46px;}
#mobile_header .header_menu li {display:table-cell; line-height:46px; text-align:center; font-weight:bold; font-size:12px;}
/*
@media screen and (max-width: 500px) {
	#mobile_header .m_title{width:100%;}
	#mobile_header .m_menu img{max-width:40px;}
	#mobile_header .m_logo img{max-width: 200px;}
	#mobile_header .m_call img{max-width:80px;}
}
*/
/*------------------------------------------------ 모바일헤더 FIN */



/*------------------------------------------------ 모바일 FOOTER */
.deal_inquire2 {position:fixed; Left:0px; margin:0px; Z-INDEX:800; width:100%; BOTTOM:-5px;}
.deal_inquire2 .deal_inquire_inner {position:relative;}
.deal_inquire2 .inquire { PADDING-BOTTOM: 0px;PADDING-TOP: 0px;PADDING-LEFT: 0px;PADDING-RIGHT: 0px;MARGIN-RIGHT: 0px; }

.layer {display:none; position:fixed; top:0px; left:0; width:100%; height:100%; z-index:1000;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer .pop-layer {display:block;}
.pop-layer { display: none;position: relative;width: 100%;background-color: #fff;z-index: 99; }
.pop-layer .pop-container { padding: 10px 10px; }
.pop-layer .btn-r { width: 100%;margin: 10px 0 0px;padding-top: 10px; border-top: 1px solid #DDD;text-align: right;}
a.cbtn { display:inline-block; height:25px; padding: 0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height: 25px;}
.input { border: 0px;font-size: 9pt;font-family: '나눔고딕',NanumGothic;color: #545454;border: 1px solid #dfdfdf;background-color: #f7f7f7;}

.container_fluid {border-top:1px solid #000;background-color:#292C34;color:#FFFFFF;position:relative;width:100%;}
.container_fluid .text_left {position:relative; width:100%;}
.container_fluid .text_left .footer_menu {text-align:center; padding:10px 14px 10px 14px; border-bottom:1px solid white;}
.container_fluid .text_left .footer_menu .footer_icon {font-size:14px; cursor:pointer;}
.container_fluid .text_left .footer_copy {width:100%; color:#FFFFFF; background-color:#292C34;}
.container_fluid .text_left .footer_copy .footer_txt {box-sizing:border-box; background-color:#292C34; width:100%; padding:5px 0 75px 10px; font-size:14px;}

/* 마스크 뛰우기 */
#wrap1 #container #mask {position:absolute; z-index:9000; background-color:#000; display:none; left:0; top:0;}
#wrap1 #container .window {overflow-y:scroll; width:100%; height:47%; padding:6px; border:1 solid #000000;}
#wrap1 #container .window #move_2 {margin:0 auto;width:100%;background-color:#FFFFFF;position:relative;z-index:3;}
#wrap1 #container .window #move_2 table {color:#555555;width:100%;}
#wrap1 #container .window #move_2 table td {position:relative;}
#wrap1 #container .window #move_2 table .td02 {padding-top:7px; padding-left:7px; padding-right:7px; line-height:18px;}
#wrap1 #container .window #move_2 table .td02 textarea {width:100%; height:200px; border:1px solid #ccc; font-size:12px; overflow:scroll;}
#wrap1 #container .window #move_2 table .td02 .close {position:relative; width:40px; height:30px; text-align:left; margin:20px auto; font-size:150%; color:#000000;}

/* 팝업으로 뜨는 윈도우 css */
.foot_wrap_loading {position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.2);}
.foot_wrap_loading .pop_layer {position:relative; width:100%; background-color:#fff; z-index:99;}
.window {display:none; position:fixed; left:0; top:0; width:100%; height:70%; background-color:#FFF; z-index:10000;}

.foot_wrap_loading .pop_layer .btn_r {width: 100%; margin:10px 0 0px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.foot_wrap_loading .pop_layer a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
.foot_wrap_loading .pop_layer a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.foot_wrap_loading .pop_layer .rounded {width:100%; text-align:center; background-color: #FFFFFF; border:2px solid #40C3C8; line-height:0.7em; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}

/*------------------------------------------------ 모바일 FOOTER FIN */




/*------------------------------------------------ 모바일 FindIDPW */
.find_layer {z-index:520; border-radius:4px; box-shadow:0 2px 8px rgba(0, 0, 0, .33); position:fixed; width:100%; top:-20px; display: none;}
.find_layer .modal-wrapper {margin:0; padding:0}
.find_layer .modal-wrapper .modal-container {position:relative; top:0; margin:0 auto; background-color: #fff;}
.find_layer .modal-wrapper .modal-container .btn_close_layer {position: absolute; display: block; top: 16px; right: 12px; width: 30px; height: 30px; text-align: center; padding-top: 4px; }
.find_layer .modal-wrapper .modal-container .btn_close_layer img {width:23px; height:23px; }
.find_layer .modal-wrapper .modal-container .modal-header { border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top: 0; color: #fff; background: #1d1d1d; font-size: 20px; line-height: 64px; text-align: center; }
.find_layer .modal-wrapper .modal-container .modal-header h3 { height: 64px; }
.find_layer .modal-wrapper .modal-container .modal-body { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.find_layer .modal-wrapper .clfix {width:100%; padding:0}

.find_layer .modal-wrapper #findIdPwdTabs { height:45px; line-height:45px; text-align:center; background:#1d1d1d; }
.find_layer .modal-wrapper #findIdPwdTabs li { float:left; width:50%; }
.find_layer .modal-wrapper #findIdPwdTabs li a { display:block; width:100%; height:100%; }
.find_layer .modal-wrapper #findIdPwdTabs li .on span { border-bottom: 3px solid #fff; font-weight: bold; }
.find_layer .modal-wrapper #findIdPwdTabs li span { display: inline-block; box-sizing: border-box; height: 100%; margin-top: -3px; font-size: 15px; color: #fff; }

#findIdFormViewWrap, #findPwdFormViewWrap {padding: 0 12px 12px;}
#findIdFormViewWrap p, #findPwdFormViewWrap p { line-height: 1.75; margin: 14px auto; text-align: center; font-size: 16px; color: #000; }
#findIdFormViewWrap .input, #findPwdFormViewWrap .input { box-sizing: border-box; width: 100%; height: 48px; border: 1px solid #dedede; border-radius: 2px; padding-left: 14px; font-size: 15px; margin-bottom: 8px; }
#findIdFormViewWrap .bir1, #findPwdFormViewWrap .bir1 { box-sizing: border-box; display: block; float: left; width: 17%; height: 48px; padding-left: 14px; font-size: 15px; border-radius: 2px; border: 1px solid #dedede; margin-bottom: 8px; }
#findIdFormViewWrap .bir2, #findPwdFormViewWrap .bir2 { box-sizing: border-box; display: block; float: left; width: 15%; height: 48px; padding-left: 14px; font-size: 15px; border-radius: 2px; border: 1px solid #dedede; margin-bottom: 8px; }
#findIdFormViewWrap .bir_txt, #findPwdFormViewWrap .bir_txt { float: left; padding: 19px 4% 0 1%; }

.find_layer .modal-wrapper .modal-container ._popup_btn_wrap ._popup_btn {display:block; box-sizing: border-box; float: left; height:50px; line-height:50px; font-size:15px; text-align: center; background: none; border: none; cursor: pointer; }
.find_layer .modal-wrapper .modal-container ._popup_btn_wrap ._btn_cancel {width:50%; border-top: 1px solid #dedede; background:white; border-bottom-left-radius: 4px; }
.find_layer .modal-wrapper .modal-container ._popup_btn_wrap ._btn_accept {width:50%; background:#770b0b; color: #fff; border-bottom-right-radius: 4px; }

._dimm {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:#000; z-index: 510; opacity: 0.8;}
/*------------------------------------------------ 모바일 FindIDPW FIN */




/*------------------------------------------------ 모바일 JOIN */

#m_join {box-sizing:border-box; padding:0; width:100%; height:auto; background:#fafafa}
#m_join input{border:1px solid rgb(222, 222, 222); text-indent:10px}

#m_join .required_input{position:relative; right:0; top:0px; color:rgb(29, 29, 29); font-size:12px; font-family:NotoSansKR, sans-serif}
#m_join .user_form_wrap {position:relative; height:auto; padding:0 14px 20px 14px; margin:0; background:white}
#m_join .user_form_wrap .title_wrap {margin-bottom:50px; text-align:center; color:rgb(29, 29, 29); font-family:NotoSansKR, sans-serif}
#m_join .user_form_wrap .title_wrap h3 {font-size:24px; padding:0; margin-top:40px; margin-bottom:-10px}
#m_join .user_form_wrap .title_wrap p {font-size:14px; line-height:14px; font-weight:400}

#m_join .user_form_wrap .user_info_input {}

#m_join .user_form_wrap .user_info_input .info_box{height:90px; margin-bottom:20px; font-size:15px;}
#m_join .user_form_wrap .user_info_input .info_box .sub_title{position:relative; width:120px; height:50px; font-weight:bold}
#m_join .user_form_wrap .user_info_input .info_box .sub_title_txt{position:relative; top:14px}
#m_join .user_form_wrap .user_info_input .info_box .sub_title_star{position:relative; top:14px; color:#ff6600}
#m_join .user_form_wrap .user_info_input .info_box .inputer_class{box-sizing:border-box; width:100%; height:44px; padding:0 16px}
.btn_phonechk{position:absolute; right:20px; top:842px; padding:8px; text-align:center; border-radius:2px; background:#732019; color:white}
.btn_idchk{position:absolute; right:20px; top:182px; padding:8px; text-align:center; border-radius:2px; background:#732019; color:white}
.btn_join{height:50px; background:#732019; color:white; text-align:center; line-height:50px; margin-top:40px}

#m_join .user_form_wrap .user_info_input .info_box .zip_input_class1{float:left; width:100px; height:46px}
#m_join .user_form_wrap .user_info_input .info_box .zip_input_class2{float:left; width:100px; height:50px}

#m_join .user_form_wrap .user_info_input .info_box .bir1{width:77px; height:44px}
#m_join .user_form_wrap .user_info_input .info_box .bir2{width:77px; height:44px}

#m_join .user_form_wrap .agreement_chks{margin:80px 0 40px 0;}
/* checkbox */
#m_join .user_form_wrap .agreement_chks .chk_all_wrap{font-size:14px}
#m_join .user_form_wrap .agreement_chks .chk_cell_wrap{font-size:12px}
#m_join .user_form_wrap .agreement_chks .checks{margin-bottom:10px; color:#222; font-family:'NotoSansKR', sans-serif; font-weight:bold}
#m_join .user_form_wrap .agreement_chks .checks .required {display:none;}
#m_join .user_form_wrap .agreement_chks .checks .view_more{text-decoration:underline; cursor:pointer}
#m_join .user_form_wrap .agreement_chks .checks .checks_icon_txt{color:#ff6600}


/*.checks input[type="checkbox"]:checked + label{color:#111; }*/
#m_join .user_form_wrap .agreement_chks .checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
  color: #99a1a7;
  background: url(/images/checkbox_on@2x.png) no-repeat left top;
  -webkit-background-size: cover;
  background-size: cover;
  border: none;
  border-radius: 0px;
}

#m_join .user_form_wrap .agreement_chks .checks input[type="checkbox"] + label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 20px; /* 체크박스의 너비를 지정 */
    height: 20px; /* 체크박스의 높이를 지정 */
    line-height: 20px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -1px 4px 0 0;
    text-align: center;
    vertical-align: middle;
    background: url(/images/checkbox_off@2x.png) no-repeat left top;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    border: none;
    border-radius: 0px;
  }

#m_join .user_form_wrap input[type="radio"]{width:25px; height:25px;}

/*------------------------------------------------ 모바일 JOIN FIN */




/* 모바일 메뉴 menu */

.blue_menu {position:relative; width:100%; height:95px; color:white; background-color:#019FDE;}
.blue_menu span {position:absolute;}
.blue_menu .log_man {left:0px;}
.blue_menu .log_title {left:17%; top:calc(50% - 20px); padding-left:5px; line-height:20px; color:white; font-size:14px;}
.blue_menu .log_X {right:0px;}

/* 모바일 메뉴 menu FIN */




/*------------------------------------------------ 모바일 LOGIN */

#login_content {box-sizing:border-box; width:100%; padding:0 10px 0 10px; margin-bottom:120px;}
#login_content .login_form {position:relative; width:100%; border-top:1px solid #E9E9E9;}

#login_content .input_id {margin-top:30px; margin-bottom:10px; width:100%; height:50px; border:1px solid #dedede; background-color:#fafafa; text-indent:10px}
#login_content .input_pw {margin-bottom:10px; width:100%; height:50px; border:1px solid #dedede;  background-color:#fafafa; text-indent:10px}
#login_content .input_btn {margin-bottom:10px; width:100%; height:50px; border:0; background-color:#770b0b; color:white; font-weight:bold}

#login_content .form_findidpw {position:relative; width:100%; height:34px; text-align:right; border:0; background-color:transparent}
#login_content .join_box {position:relative; width:100%; height:34px; text-align:center; border:0; background-color:transparent}

#login_content .alreadylogin {width:100%; height:298px; background-color:transparent; text-align:center; line-height:298px; font-size:18px; font-family:'NanumSquare', sans-serif}

/*------------------------------------------------ 모바일 LOGIN FIN */



/*------------------------------------------------ 모바일 USER_EDIT */

#m_user_edit {box-sizing:border-box; width:100%; padding:0 10px 80px 10px; height:auto; background:#fafafa}
#m_user_edit input {border:1px solid rgb(222, 222, 222); text-indent:0px}
#m_user_edit .edit_container {position:relative; width:100%;}
#m_user_edit .edit_container .title_wrap {text-align:center; color:rgb(29, 29, 29); font-family:NotoSansKR, sans-serif}
#m_user_edit .edit_container .title_wrap h3 {font-size:24px; padding:0; margin-top:40px; margin-bottom:-10px}
#m_user_edit .edit_container .title_wrap p {font-size:14px; line-height:14px; font-weight:400}

#m_user_edit .edit_container .user_edit_form {position:relative; height:auto; padding:10px; margin:50px 0 0 0; background:white}
.edit_container .user_edit_form .user_info_input .required_input {position:relative; right:0; top:0px; color:rgb(29, 29, 29); font-size:12px; font-family:NotoSansKR, sans-serif}
.edit_container .user_edit_form .user_info_input .info_box {height:90px; margin-bottom:20px}

.edit_container .user_edit_form .user_info_input .info_box .sub_title {position:relative; width:120px; height:50px; font-weight:bold}
.edit_container .user_edit_form .user_info_input .info_box .sub_title .sub_title_txt {position:relative; top:14px; font-size:15px;}
.edit_container .user_edit_form .user_info_input .info_box .sub_title .sub_title_star {position:relative; top:14px; color:#ff6600}

.edit_container .user_edit_form .user_info_input .info_box .inputer_class {box-sizing:border-box; width:100%; height:44px; padding:0 16px}
.edit_container .user_edit_form .user_info_input .info_box .btn_phonechk {position:absolute; right:20px; top:874px; padding:8px; text-align:center; border-radius:2px; background:#732019; color:white}
.edit_container .user_edit_form .user_info_input .info_box .btn_pwchk {position:absolute; right:20px; top:214px; padding:8px; text-align:center; border-radius:2px; background:#732019; color:white}
.edit_container .user_edit_form .btn_join {height:50px; background:#732019; color:white; text-align:center; line-height:50px; margin-top:40px}
.edit_container .user_edit_form .user_info_input .info_box .confirm_txt {margin-top:6px}

.edit_container .user_edit_form .user_info_input .info_box .zip_input_class1 {float:left; width:100px; height:46px}
.edit_container .user_edit_form .user_info_input .info_box .zip_input_class2 {float:left; width:100px; height:50px}

.edit_container .user_edit_form .user_info_input .info_box .bir1{width:77px; height:44px}
.edit_container .user_edit_form .user_info_input .info_box .bir2{width:77px; height:44px}

#m_user_edit .edit_container .user_edit_form .user_info_input .info_box input[type="radio"]{width:25px; height:25px;}

/*------------------------------------------------ 모바일 USER_EDIT FIN */



/*------------------------------------------------ 모바일쿠폰 _1time/coupon */
.coupon_1time {width:100%;}
.coupon_1time td, table {font-size: 12px; color: #666; line-height: 160%;}

.coupon_1time .coupon_title {width:100%; height:64px; line-height:64px; background-color:#6C6C6C; color:#FFFFFF; font-size:23px; font-family:'Noto Sans KR',sans-serif; text-align:center;}
.coupon_1time .coupon_step {width:100%; box-sizing:border-box; padding:10px; color:#000000; font-size:15px; font-family:'Noto Sans KR', sans-serif;}
.coupon_1time .coupon_step .coupon_step_box {box-sizing:border-box; border:1px solid black; padding:10px; text-align:left;}
.coupon_1time .coupon_num_title {width:100%; height:30px; box-sizing:border-box; padding:5px; border:1px solid #ccc; font-size:12px; background-color:#fcfcfe;}
.coupon_num_box {width:100%; margin:50px auto 30px auto;}
.coupon_btn {width:100%; height:68px; background-image:url('/images/icon/button_bg_m.png'); color:#FFFFFF; font-size:23px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; text-align:center; line-height:68px; margin-bottom:30px; cursor:pointer;}

/*------------------------------------------------ 모바일쿠폰 _1time/coupon FIN */



/*------------------------------------------------ 모바일쿠폰리스트 _1time/coupon_list */

.coupon_list .couponlist_title {width:100%; height:64px; background-color:#6C6C6C; color:#FFFFFF; font-size:23px; font-family:'Noto Sans KR',sans-serif; text-align:center; line-height:64px;}

/*------------------------------------------------ 모바일쿠폰리스트 _1time/coupon_list FIN */



/*------------------------------------------------ 모바일쿠폰리스트 _1time/coupon_list */

.coupon_class {width:100%; margin-bottom:40px;}
.coupon_class .cou_class_title{text-align:right; font-weight:bold; padding:10px; box-sizing:border-box;}
.coupon_class .sub_class_title {width:100%; height:25px; line-height:25px; border:2px solid red; border-radius:4px; box-sizing:border-box;}
.coupon_class ul {width:100%; height:25px; margin:0; padding:0;}
.coupon_class li {text-decoration:none; list-style:none; font-size:12px; margin:0; padding:0; float:left; text-align:center;}
.coupon_class .gray_font {color:#ccc;}
.coupon_class .class_btn {background-color:orange;}
.coupon_class .listDiv {width:100%; height:30px;}
.coupon_class .listDiv ul {width:100%; height:30px;}
.coupon_class .listDiv li {border-bottom:1px solid #eee; height:25px; line-height:25px; padding:2px 0;}

/*------------------------------------------------ 모바일쿠폰리스트 _1time/coupon_list FIN */



/*------------------------------------------------ 모바일_마이페이지헤더 classe/mypage_header */
.my_page_h {width:100%; padding:0; margin:0;}
.my_page_h .my_page_h_title {width:100%; font-family:'Noto Sans KR', sans-serif; text-align:center;}
.my_page_h .my_page_h_title .h_title01 {height:64px; color:#FFFFFF; background-color:#6C6C6C; font-size:23px; font-weight:bold; line-height:64px;}
.my_page_h .my_page_h_title .h_title02 {height:55px; color:#A1FFD0; background-color:#000000; font-size:17px; line-height:55px;}
.my_page_h .my_page_h_sub {width:100%; min-height:100px; box-sizing:border-box; padding:5px;}
.my_page_h .my_page_h_sub ul {position:relative; left:0; top:0; margin:0; padding:0;}
.my_page_h .my_page_h_sub ul li {position:relative; float:left; width:50%; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#9f9f9f;}
.my_page_h .my_page_h_sub .first_li {color:#109aa3;}
.my_page_h .my_page_h_sub ul li .mypage_sub01 {position:absolute; left:5px;}
.my_page_h .my_page_h_sub ul li .mypage_sub02 {position:absolute; right:5px;}
.my_page_h .my_page_h_sub ul li:after {clear:both; content:""; display:block;}
/*------------------------------------------------ 모바일_마이페이지헤더 classe/mypage_header FIN*/

/*------------------------------------------------ 모바일_마이페이지 classe/my_page */

.my_page_main {width:100%;}
.my_page_main .my_page_title {width:100%; height:50px; box-sizing:border-box; padding:5px; line-height:45px; font-size:16px; font-weight:bold; text-align:right;}
.my_page_main .my_page_list {position:relative; box-sizing:border-box; width:98%; margin:0 auto 40px auto; border:1px solid #3b4c94; background-color:#3b4c94;}
.my_page_main .my_page_list .intro_class {width:100%; height:40px; box-sizing:border-box; line-height:30px; padding:5px; border-bottom:1px solid #ccc; background-color:#ffffff;}
.my_page_main .my_page_list .intro_class span {font-size:15px; padding-left:5px;}

/*------------------------------------------------ 모바일_마이페이지 classe/my_page FIN */


#main_scroll_div {width:100%;}
#main_scroll_div ul {padding:0; margin:0; width:100%;}
#main_scroll_div ul li {padding:0; margin:0; line-height:0;}
#main_scroll_div ul li img {width:100%;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:20px !important;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:100%; text-align:center;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color:#535353;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#fff;}

.bx-wrapper .bx-controls-direction a {width:auto; font-size:40px;}
.bx-wrapper .bx-prev {left:20px;}
.bx-wrapper .bx-next {right:20px;}