@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
#navigation {display: none;}
body.fixe {overflow-x: hidden; overflow-y: scroll; width: 100%; height: 100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:10px; top:47px; z-index: 99}
.search_btn button {outline: none;}
.web_img {display: block;}
.mobile_img {display: none;}
img {max-width: 100%;}
body,html {background: #e2e6e6;}
.showplan_mobile {display:none;}
.main_wrap #gnbW {display: none;}


/* wrap */
#wrap {width:100%; padding:30px; box-sizing: border-box; overflow:hidden; margin:0 auto;}
#inner_wrap {margin:0 auto; max-width:1200px; background: #fff; box-sizing: border-box; width: 100%; padding:30px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}
.inner {max-width:1200px; min-height:200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}



/* header */
#header {width:100%; position: relative; z-index: 99; margin-bottom:50px; transition: all 0.3s 0s ease-in-out;}
#header h1 {display:inline-block; vertical-align:top;}
.in_header {padding-right:70px;}
/**************************** 2022.10.20 logo 추가 작업 euni */
#header h1.logo_new { position: relative; font-size: 0%; width: 100%; }
#header h1.logo_new img { width: auto; height: 42px; }
#header h1.logo_new img.first { margin-right: 30px; }


/* GNB */
.w_gnb {padding-top: 30px;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {float: left; display: table; width:25%; box-sizing: border-box; position: relative;}
.w_gnb .gnb > ul > li > a {display:table-cell; width: 100%; height:64px; vertical-align: middle; background:#fff; line-height:20px; font-weight:400; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #e2e6e6; font-size:18px; border-left: none; word-break: keep-all;}
.w_gnb .gnb > ul > li:first-child a {border-left:1px solid #e2e6e6;}
.w_gnb .gnb > ul > li.on > a {border: 1px solid var(--bis-color-point) !important; background: var(--bis-color-point); color: #fff;}



.w_gnb .sub_menu  {position:absolute; left:0%; width:calc(100% + 1px); margin-left: -1px; box-sizing:border-box; top:100%; display:none; padding:0px 0px; background: #fff; }
.w_gnb .sub_menu > li {margin-top: -1px; letter-spacing:-0.5px; display:table; width: 100%;}

.w_gnb .sub_menu > li:hover {z-index: 99; position: relative;}
.w_gnb .sub_menu > li > a {display:table-cell; height: 50px; vertical-align: middle; text-align:center; font-weight:400; color:#999999; padding:3px 0px; line-height:20px; border:1px solid #e2e6e6; font-size: 1.1em;}
.w_gnb .sub_menu > li > a:hover {color:var(--bis-color-point); border:1px solid var(--bis-color-point); }

.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749}


.slide_menu_wrap {width:80%; max-width:500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #313747; }
.slide_menu_top {height: 88px; background:url(/img/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #4a76b4}
.slide_menu_wrap .m_gnb_on {display:none !important}



.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #494f5d; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; background: #f2f2f2; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat 93% center; background-image:none; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat 93% center;  background-image:none;} 
.slide_menu_wrap .gnb > ul > li > a br {display: none;}
.slide_menu_wrap .gnb > ul > li.gnb01 > a {background: url(../img/common/g_plus.png) no-repeat 93% center; }
.slide_menu_wrap .gnb > ul > li.gnb01 > a.on {background: url(../img/common/g_minus.png) no-repeat 93% center; } 
.slide_menu_wrap .gnb > ul > li.gnb04 > a {background: url(../img/common/g_plus.png) no-repeat 93% center; }
.slide_menu_wrap .gnb > ul > li.gnb04 > a.on {background: url(../img/common/g_minus.png) no-repeat 93% center; } 
.slide_menu_wrap .gnb .sub_menu {background:#3d4354; border-top:1px solid #494f5d; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 25px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#1d212b; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}

.main_txt_f {text-align:right; margin:-20px 0px 30px 0px; font-size:14px; word-break:keep-all;}
.main_visual {max-width:890px; margin: 0 auto; }

.main_text {text-align: center; color: #222;}
.main_text h2 {font-size: 24px; color:var(--bis-color-point); font-weight:600; line-height: 140%; display:inline-block; border:3px solid var(--bis-color-point); padding:5px 15px; }
.main_text .txt_t {font-size:22px; padding-top:10px; padding-bottom:20px; font-weight:400; line-height: 130%;}
.main_text .txt_t > strong {font-size:44px; display:block;  font-weight:500; line-height: 140%;}
.main_text .txt_s {font-size:22px;  font-weight:400; line-height: 140%;}

.main_text_r {text-align: center; color: #222;}
.main_text_r h2 {font-size: 24px; margin-bottom: 20px; font-weight:600; line-height: 140%;}
.main_text_r .txt_t {font-size:26px; font-weight:600; line-height: 140%;}
.main_text_r .txt_s.pt10 { word-break: keep-all; }



.main_navi {background: url(../img/main/visual.jpg) no-repeat left top; padding-left:380px; min-height:370px; margin:50px 0px 20px 0px; }
.main_navi > ul > li {border: 1px solid #ddd; box-sizing: border-box; padding: 20px; overflow: hidden; margin-bottom: 10px;}
.main_navi > ul > li .box {position: relative; padding-right:80px; font-size: 14px; line-height: 140%;}
.main_navi > ul > li .box h3 {font-size: 18px; padding-bottom:10px; line-height:23px; color: #333; font-weight: 500;}
.main_navi > ul > li .box h3 .ico {padding-right: 5px; vertical-align: top; }
.main_navi > ul > li .box .bt {position: absolute; display: block; text-align: center; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 70px; height: 70px; line-height: 70px; font-size:16px; font-weight:500; background-color: #f5f5f5; color: #222;}
.main_navi > ul > li .box .bt {background-color: var(--bis-color-point);	color: #fff;}

/* 2022.01.18 css 추가 */
.main_navi > ul > li.box_thailand {
	float:left;
	width:49%;
	margin-left:2%;
}
.main_navi > ul > li.box_thailand:nth-child(2n+1) {
	margin-left:0;
}
.main_navi > ul > li.box_thailand:nth-child(3),
.main_navi > ul > li.box_thailand:nth-child(4) {
	height:198px;
}
.main_navi > ul > li.box_thailand .box {
    position: relative;
    padding-right: 0px;
	padding-bottom:80px;
    font-size: 14px;
    line-height: 140%;
}
.main_navi > ul > li.box_thailand .box .bt {
	position: absolute; right: 0px; top: auto; bottom: -20px;
    width: 100%; height: 50px; line-height: 50px;
    font-size: 16px; font-weight: 500;
}



.main_ok {overflow:hidden; margin:-10px; padding:30px 0px;}
.main_ok > li {float:left; box-sizing:border-box; padding:10px; text-align:center; word-break:keep-all;}
.main_ok > li .txt_t {display:block; font-size:26px; color:#000; line-height:140%; padding-bottom:5px;}

.main_ok > li:first-child:nth-last-child(1) {
	width: 50%;
}

.main_ok > li:first-child:nth-last-child(2),
.main_ok > li:first-child:nth-last-child(2) ~ li {
	width: 50%;
}

.main_ok > li:first-child:nth-last-child(3),
.main_ok > li:first-child:nth-last-child(3) ~ li {
	width: 33.3333%;
}

.main_ok > li:first-child:nth-last-child(4),
.main_ok > li:first-child:nth-last-child(4) ~ li {
	width: 25%;
}


.main_gnb {overflow:hidden;
    border-bottom: 1px solid #ddd;
}
.main_gnb > li {float: left; display: table; width:20%; box-sizing: border-box; position: relative;}
.main_gnb > li > a {display:table-cell; width: 100%; height:50px; vertical-align: middle; background:#f8f8f8; line-height:20px; font-weight:400; padding:0px 0px; text-align:center; color:#000; box-sizing:border-box; border:1px solid #ddd; font-size:16px; border-left: none; word-break: keep-all; font-weight: 100; border-bottom: none;}
.main_gnb > li:first-child a {border-left:1px solid #ddd;}
.main_gnb > li > a:hover {background: #eeeeee; color: #000;}
.main_gnb > li.on > a {background: #eeeeee; color: #000;}

#footer {padding-top:30px; text-align:center;}
#footer .f_logo {font-size:16px; font-weight:500; color:var(--bis-color-point) }
#footer .copy {font-size:12px; padding-top:5px; color:#666;}




#container {font-size: 16px; color: #666666; position: relative; }
#container:after {display: block; content: ""; clear: both;}
.join_step {position: relative; background: #edeff4; padding:15px 20px; margin-top: -10px;}
.join_step > ol {text-align: center; position: relative; overflow: hidden;}
.join_step > ol:before {display: block; content: ""; width: 100%; height: 1px; position: absolute; left: 0px; top: 20px; background: #b9bdc5;}
.join_step > ol > li {float:left; width:25%; font-size: 16px; color: #505050; box-sizing: border-box; padding: 0px 5px; position: relative; position: relative; font-weight:400;}
.join_step > ol > li .ico {display:inline-block; position: relative; z-index: 9; border:1px solid #b9bdc5; background: #fff; border-radius: 100%;  margin-bottom:5px;}
.join_step > ol > li .ico > span {display: block; width:40px; height:40px; overflow: hidden; color: #999999; line-height: 40px;}
.join_step > ol > li .txt {display: block; padding-top:0px; color: #999999; line-height: 140%; }
.join_step > ol > li.on .ico {background:var(--bis-color-point); border-color:var(--bis-color-point) }
.join_step > ol > li.on .ico > span {background:url(../img/common/step_on.png) no-repeat center center; font-size: 0px;}
.join_step > ol > li.on .txt {color: var(--bis-color-point);}

.step_tit {margin:40px 0px 10px 0px; font-size:26px; font-weight: 100; line-height: 140%; color: var(--bis-color-point); }
.step_tit > strong {font-weight:600;}

.step_select {overflow: hidden; margin: -10px;}
.step_select > .select_ds {width: 25%; box-sizing: border-box; padding:10px; float: left;}
.step_select .select_ds select {height:50px;}
.step_select .select_ds input {height:50px;}
.step_select .select_ds select.big {height:60px; padding-left: 15px;}

.step_select.four > .select_ds {width: 25%;}
.step_select.three > .select_ds {width:33.333%;}
.step_select.two {margin: -10px -25px;}
.step_select.two > .select_ds {width:50%;  padding:10px 25px;}
.step_select.one .select_ds {width:100%;}
.select_ds .date_picker .input {width: 100%; border: none; outline: none;  height:48px;}




.box_radio {overflow: hidden;}
.box_radio > li {float: left; width: 50%; margin-left: -1px; display: table; box-sizing: border-box;}
.box_radio > li label {display:table-cell; height:60px; width: 100%; box-sizing: border-box; border-left:none; border: 1px solid #cccccc; text-align: center; vertical-align: middle; background: #fff; color: #999999; cursor: pointer;}
.box_radio > li:first-child {margin-left: 0px;}
.box_radio > li label > span {display: none;}
.box_radio > li .ez-selected {color: var(--bis-color-point); position: relative; border:1px solid var(--bis-color-point) !important; font-weight: 500;}
.box_radio.three > li {width: 33.3333%}
.box_radio.small > li label {height:40px;}
.box_radio.full > li .ez-selected {color: #fff; background: var(--bis-color-point)}


.execute_bt { background: var(--bis-color-point); text-align: center; display: table; width: 100%;}
.execute_bt > button {outline: none; display: table-cell; width: 100%; height:60px; vertical-align: middle; text-align: center; box-sizing: border-box; font-size: 16px; color: #fff;}
.execute_bt > button > span {display: inline-block; padding-left: 20px; background: url(../img/common/ico_execute.png) no-repeat left center;}
.execute_bt .disable {background: #999999 !important}
.execute_bt .disable > span {background: url(../img/common/ico_execute2.png) no-repeat left center;}

.ex_over_box {padding:30px 0px;}
.ex_inbox {border: 1px solid #e5e5e5; padding: 30px; background: #fcfcfc;}
.ex_inbox .subtitle {color: #999999; font-weight: 400; text-align: center}
.ex_inbox > h4 {font-size: 26px; color: #333333; line-height: 140%; text-align: center}

.day90 {overflow: hidden; padding: 30px 0px 20px 0px; margin: -3px;}
.day90 > li {float: left; width: 16.6666%; box-sizing: border-box; padding:3px; text-align: center}
.day90 > li .border_box {border: 1px solid #cccccc}
.day90 > li .calender_icon {display:inline-block; max-width:100px; text-align: center; width: 100%; font-size:18px; color: #333; line-height:41px; background: url(../img/common/ico_calender.png) no-repeat left center; padding-left: 50px; box-sizing: border-box; margin: 30px auto;}
.day90 > li .calender_icon > strong {font-size:1.2em; }
.day90 > li .border_box > ul {overflow: hidden; background: #edeff4; padding: 15px;}
.day90 > li .border_box > ul > li {overflow: hidden; padding: 3px 0px;}
.day90 > li .border_box > ul > li.on {color: var(--bis-color-point)}

.gray_box {border: 1px solid #ccc; background: #fcfcfc; padding:25px;}


.left_wrap {width:72%; box-sizing: border-box; padding-right: 10px; float: left;}
.right_wrap {width:28%; box-sizing: border-box; padding-left: 10px; float: right; padding-top:86px;}
#right_wrap.pa_aa {position: absolute; right: 0px; top: 0px; padding-top:30px;}


.notes_wrap {padding-bottom:40px; margin-top:20px;}
.notes_wrap .in_wrap {border: 1px solid #e5e5e5; background: #fff;}
.notes_wrap .in_wrap > h4 {text-align: center; padding:20px 10px; color: var(--bis-color-point); font-size: 18px; line-height: 140%; border-bottom: 1px solid #e5e5e5; font-weight: 100;}
.notes_wrap .in_wrap .notes_box {padding: 20px;}

.roll_pager {text-align: center;}
.roll_pager > li {padding:0px 2px; display: inline-block; position: relative;}
.roll_pager > li > a {display:block; opacity:1; cursor: pointer; width:14px; height: 14px; border-radius:100%; background: #999999;}
.roll_pager > li > a.active {background: var(--bis-color-point);}
.notes_wrap .bx-wrapper .bx-pager {padding-top: 0px; bottom:-35px;}


.total_price {background:#edeff4; padding: 20px; margin-bottom:15px;}
.total_price .total {display: inline-block; padding-left:36px; background: url(../img/common/ico_price.png) no-repeat left 1px; line-height:30px; font-size: 18px;}
.total_price .total > strong {font-size: 1.3em; font-weight: 600;}

.ico_ceo {display:inline-block; border-radius: 30px; background: var(--bis-color-point); color: #fff; padding: 0px 15px;}
.ico_ceo > span {display: inline-block; background: url(../img/common/ico_user.png) no-repeat left center; line-height:40px; padding:0px 0px; padding-left:20px;}

.ico_ceo2 {display:inline-block; background:#fff; border-radius: 30px; color: #333; border:1px solid #333; padding: 0px 15px;}
.ico_ceo2 > span {display: inline-block; background: url(../img/common/ico_user2.png) no-repeat left center; line-height:38px; padding:0px 0px; padding-left:20px;}


.delspan {display:block; width: 100%; background:#fff; text-align: center; line-height:38px; border: 1px solid #666666; border-radius:  30px; color: #333; cursor: pointer;}
.infoform-add {border-top:1px dashed #ccc; padding-top:30px; margin-top:30px; position:relative;}
.infoform-add .delspan {position:absolute; right:0px; top:30px;}
.over_wrap {max-height:300px; overflow-y:auto;}

.join_type {border: 1px solid var(--bis-color-point); margin-top:20px;}
.join_type > h4 {text-align: center; padding: 20px 10px; color: var(--bis-color-point); font-size: 18px; line-height: 140%; border-bottom: 1px solid var(--bis-color-point); font-weight:500;}
.join_type .in_box {padding:30px 10px 15px 10px; text-align: center;}
.join_type .in_box img {max-width: 60%;}
.join_type .in_box .txt {font-weight: 500; padding: 15px 0px 30px 0px; color: #999999;}


.last_selec {background:#f6f7f9; border: 1px solid var(--bis-color-point); margin-top:20px;}
.last_selec > h4 {text-align: center; padding:15px 10px; color: var(--bis-color-point); font-size: 18px; line-height: 140%; border-bottom: 1px solid var(--bis-color-point); font-weight:500;}
.last_selec .in_box > ul {padding:15px;}
.last_selec .in_box > ul > li {overflow: hidden; padding: 5px 0px;}
.last_selec .in_box > ul > li .fb {font-weight:900 !important;}
.last_selec .in_box > ul > li .fl {font-weight: 100; box-sizing: border-box; width: 50%; color:#666666 }
.last_selec .in_box > ul > li .fr {font-weight:300; box-sizing: border-box; width: 50%; color: #000; text-align: right;}
.last_selec .bt > button {display: block; width: 100%; background: var(--bis-color-point); line-height: 60px; height: 60px; color: #fff; font-size: 22px; font-weight: 500; outline: none;}

.plan_btns {overflow: hidden; padding-bottom: 30px; max-width:560px; margin:0px auto;}
.plan_btns > li {float: left; width: 50%; box-sizing: border-box; text-align: center}
.plan_btns > li > div {margin: 0 auto; padding: 0px 10px; box-sizing: border-box; width: 100%; display: table;}
.plan_btn {text-align: center; display: table-cell; vertical-align: middle; border: 1px solid var(--bis-color-point); text-align: center; border-radius: 30px; height:58px; padding: 0px  5px;}
.plan_btn > span {display: inline-block; padding-left:30px; background: url(../img/common/ico_note.png) no-repeat left center; color: var(--bis-color-point); font-weight:400; word-break: keep-all;}


.q_bt {display: inline-block; min-height: 19px; line-height: 19px; padding-right:25px; outline: none; background: url(../img/common/ico_q.png)no-repeat right center;}

.step4_step {overflow: hidden;}
.step4_step > li {float: left; width:16.6666%; color: #000; box-sizing: border-box; padding:3px; }
.step4_step > li .box {border: 1px solid #ccc; background: #fff; text-align: center; padding: 10px; box-sizing: border-box; min-height:165px;}
.step4_step > li .box .ico {display: block; padding:10px 0px; text-align: center;}
.step4_step > li .box .table {display:table; width: 100%;}
.step4_step > li .box .point_c {display: table-cell; vertical-align: middle; height: 40px; text-align: center}
.step4_step.three > li {width: 33.3333%}
.step4_step.four > li {width:25%}

.notice_list {overflow: hidden; margin: -20px;}
.notice_list > li {float: left; box-sizing: border-box; width: 50%; padding:20px;}
.notice_list > li > strong {display: block; min-height:45px; line-height:22px; color: #333; font-size: 1.05em; padding-bottom:0px;}
.notice_list > li .box_radio {max-width:250px; }
.notice_list > li.one {float: none; width: 100%; clear: both;}

.complete_box {text-align: center; font-size:1.8em; line-height: 140%; color: var(--bis-color-point); margin: 30px 0px; word-break: keep-all}
.complete_box .txt {padding-top:200px; background: url(../img/pages/ico_complete.png) no-repeat center top;}
.sub_wrap_5 .complete_box .txt {background-image:url(../img/pages/ico_gift.png);}


.confirmation_wrap .sub_tit {word-break: keep-all}
.confirmation_wrap .board-write th {padding:5px 5px 5px 10px;}
.confirmation_wrap .board-write td {height: 30px; padding:5px 10px 5px 10px;}

.gift_box {border: 1px solid var(--bis-color-point); margin-top:20px;}
.gift_box > h4 {text-align: center; padding: 20px 10px; color: var(--bis-color-point); font-size: 18px; line-height: 140%; border-bottom: 1px solid var(--bis-color-point); font-weight:500;}
.gift_box .in_box {padding:10px;}
.gift_box .in_box .select {width: 100%;}
.gift_box .in_box .txt {font-weight: 500; padding: 15px 0px 30px 0px; color: #999999;}

.footer {max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding:20px 0px 10px 0px; position: relative; text-align:center; font-size:13px; color:#000000; line-height:21px; font-weight:100; }
.footer a {color: #000000}
.footer address {margin-left: -10px; padding-top: 10px; line-height: 150%; color: #000000;}
.footer address span {display: inline-block; padding:2px 10px;}
.footer address .line {width: 1px; height:12px; background: #909193; padding: 0px; }
.footer address strong {display: inline-block; padding:2px 10px; color: #003876;}
.footer .copy {font-size: 13px; font-weight: 100; padding-top:10px; color: #666666;}
.footer .go_home {position:absolute; right:30px; top:30px; }
.footer .go_home > a {display:block; border-radius:30px; border:1px solid #ccc; background:#fff; padding:0px 20px; line-height:43px; color:#666666;}
.f_navi {font-size: 0px; text-align: center; }
.f_navi li {display: inline-block; vertical-align: middle; padding:0px 17px; position:relative;}
.f_navi li:before {display:block; content:""; width:1px; height:12px; background:#909193; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

.f_navi li:first-child:before {display:none;}
.f_navi li a {display:block; font-size:14px; color:#000000; line-height: 20px; font-weight:400; }











/*lnb_wrap*/

#lnb_wrap {position:relative; min-height:64px; z-index:10; margin: 0 auto; background:#f4f4f4; box-sizing:border-box; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#lnb_wrap .lnb {max-width:1200px; padding:17px 0px; margin:0 auto; position:relative;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #999; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:49px; width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
#lnb_wrap .ico_home {float:left; display: block; border-right:1px solid #999999}
#lnb_wrap .ico_home a {display:block; width:55px; height:31px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center;}
#lnb_wrap .lnb .go_product {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#lnb_wrap .lnb .go_product > a {display: block; border: 1px solid #0066b3; color:#0066b3; font-size: 16px; font-weight: 500; border-radius:30px; padding: 0px 20px;}
#lnb_wrap .lnb .go_product > a > span {display: block; padding-right:40px; background: url(../img/common/ban_arrow.png) no-repeat right center; line-height: 42px;}





.lnb ul li {color:#666666; display: block; padding: 0px;}
.lnb ul li.gnb00 {display: none;}
.lnb ul li.on {display:none !important;}
.lnb ul li a {color:#666666; font-size:13px; display:block; line-height:20px; min-height:20px; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none }
.lnb ul li a:hover {color:#333; border-top:none }

.lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}

#lnb_tit {font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:31px; height:31px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;}
#lnb_tit2 {display: block; font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 500;}
#lnb_tit.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}
#lnb_tit2.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}





.sub_con {min-height:100px; max-width: 1200px; margin: 0 auto; color: #333333; font-size:17px; line-height: 160%; word-break: keep-all;}
.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px; font-weight: 600;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}
.s_tit {font-size:22px; color: #333333; line-height: 140%; padding:0px 0px 20px 0px; margin-top:40px; font-weight:700; position: relative;}
.s_tit .small {font-size: 16px; font-weight: 100;}
.s_tit.s_tit2 {padding-left: 35px;}

.s_tit.s_tit2:before {width:26px; height:26px; background:url(../img/common/tit_bul2.gif) no-repeat center center; background-size:100% auto; }
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:18px; color: #333333; line-height: 140%; padding:0px 0px 10px 0px; position: relative; margin-top:10px; font-weight:500; display: inline-block;}

.sss_tit {font-size:18px; color: #333333; line-height: 140%; padding:0px 0px 10px 0px; margin-top:20px; font-weight:500;}
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}
.b_tit {font-size:26px; color: #000; line-height: 140%; padding:0px 0px 20px 0px; margin-top:50px; font-weight:700; position: relative;}
.b_tit > span {display: inline-block; border-top:1px solid #000;}
.b_txt {font-size: 18px; color: #494949; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.ss_tit .s_txt {font-size:14px; font-weight: 300; margin-left: 10px;}
.click_count {text-align: right; padding: 10px 0px; color: #666666}

.radio_group {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; font-size:16px; padding: 5px 0px 0px 15px;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; margin-top: 30px;}
.btn-tc > a {margin: 0px 20px;}
.btn-tl {text-align: left; overflow: hidden; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}


.important {padding-right:15px; position:relative; display:inline-block;}
.important:after {display:inline-block; content:"*"; vertical-align: middle; font-size: 20px; color:#ec5133; position:absolute; right:0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);line-height: 100%;}
.important2 {padding-left:15px; position:relative; display:inline-block; }
.important2:after {display:block; content:"*"; color:#eb444b; position: absolute; left: 0px; top:50%; font-size: 20px; line-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.toggle_bt {text-align:right; margin-top:-40px; height:40px; position:relative;}
.toggle_bt > button {display:inline-block; outline:none; cursor: pointer; width:100px; height:30px; font-size:14px; border:1px solid #666; text-align:left; padding-left:20px; border-radius:30px; background:url(../img/common/lnb_arrow_on.png) no-repeat 105% center;}
.toggle_bt > button.on {background:url(../img/common/lnb_arrow.png) no-repeat 105% center;}


/*atab*/
.atab { margin-bottom:30px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:70px; vertical-align: middle; background:#fff; line-height:20px; font-weight:400;  padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; border-bottom:1px solid #f15929;  font-size:18px; border-left: none}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {border: 1px solid #f15929 !important; border-bottom: 1px solid #fff !important; background: #fff; color: #f15929; font-weight: 600;}
.atab li.on:after {display: block; content: ""; width: 20px; height:calc(100% - 2px); height:-webkit-calc(100% - 2px); position: absolute; left: 100%; top:1px; background: url(../img/common/tab_shadow.png) no-repeat left top; background-size:cover; z-index: 99}
.atab li:last-child.on:after {display:none !important}
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}

.ctab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.ctab:after {clear:both; display:block; content:"";}
.ctab li {display: inline-block; max-width:200px; padding:0px 15px; box-sizing:border-box; position:relative;}
.ctab li a {display:block; width: 100%; padding:0px 0px; text-align:center; color:#333333; box-sizing:border-box; font-size: 16px; }
.ctab li a .ico {display:block; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; margin-bottom:10px;}
.ctab li.on a {color: #ed2129;}
.ctab li.on a .ico img {margin-top: -100%;}
.ctab.two li {width:50%;}


.of_hi {margin: 0px -10px;}
.of_hi .fl50 {float:left; width:50%; box-sizing: border-box; padding: 0px 10px;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px 20px 15px; font-size:1.05em; line-height: 150%; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}

.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background:var(--bis-color-point); position: relative;}
.pop_wrap .pop_head .title {font-size:24px; line-height:150%;  color: #fff; padding:15px 45px 15px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title .small {font-size:18px; font-weight:100;}
.pop_wrap .pop_head .title.tc {padding:15px 45px 20px 45px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }

.pop_body .btn-tc {padding: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}

.pop_wrap .pop_wrap_in.mini {border: 1px solid var(--bis-color-point); box-shadow:1px 2px 3px #000;}
.pop_wrap .pop_wrap_in.mini .pop_head {background: #fff;}
.pop_wrap .pop_wrap_in.mini .pop_head .title {color: var(--bis-color-point); padding: 15px 45px 15px 15px; font-size:18px;}
.pop_wrap .pop_wrap_in.mini .x_btn {right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; width:40px; height:40px; margin: 0px; cursor: pointer; background: none}


/* 팝업 */

.popup_scroll {max-height:400px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#7c50a0;  text-align: center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}






.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}




.btnNormal.m_block span {min-width:60px;}



.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}



.tr_select {background: rgb(190, 212, 253)};


/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnbW .menu_btn .line-top, .m_gnbW .menu_btn .line-middle, .m_gnbW .menu_btn .line-bottom {background: #000;}
.m_gnbW {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);display: none; z-index: 999}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

.down_file {display: inline-block; vertical-align: middle; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
/*.view_tit {padding: 15px 10px; background: #f5f5f5; border-top: 2px solid #000; border-bottom: 1px solid #cccccc; font-size: 1.15em; font-weight: 500;}
.click_count {text-align: right; padding:15px 0px; font-size:1.05em; color: #666666}*/


/* 2022.03.31 추가 작업  */
#header h1 div.btn_area {
	position: absolute; top:0; right:0;
}
#header h1 div.btn_area a.btn-tour {
    display: block;
    text-align: center;
    cursor: pointer;
    border: none;
    height: 57px;
    padding: 0 55px;
    font-size: 18px;
    line-height: 55px;
	background-color: #044c0c;
	color: #fff;
	border-color: #044c0c;
	box-shadow: inset 0 -5px 0 0 rgb(0, 0, 0, .2);
	text-decoration: none;
}
#header h1 div.btn_area a.btn-tour:hover {
  background-color: #3b9313;
  border-color: #3b9313;
}
#header h1 div.btn_area a.btn-tour:active {
    box-shadow: none !important;
    margin-top:2px;
}

.main_textBox {
	text-align:center;
}
.main_textBox h2 {
	border:5px solid #187c23;
	margin:0 auto;
	width:580px;
	line-height:75px;
	text-align:center;
	color:#044c0c; font-size:32px; font-weight:600;
	box-shadow: 0 0px 10px 0 rgb(6, 19, 21, .25);
}
.main_textBox p.Highlights {
	margin:10px auto 0;
	width:580px;
	text-align:center; font-size:15px; color:#3b9313;
	position: relative;
}
.main_textBox p.Highlights:before {
	content:'*';
	position: absolute; top:3px; left:21px;
}
.main_textBox .main_box_title {
	font-size: 38px; color:#000; font-weight:400;
	line-height:110%;
	text-align:center; margin-top:20px;
}
.main_textBox .main_box_title strong {
	font-weight:800;
}
.main_textBox a.btn_readMore {
  cursor: pointer;
  display: inline-block;
  background: #3b9313;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 7px 35px; margin-top:20px;;
  color: #fff; font-size:12px;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.main_textBox a.btn_readMore:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color:#044c0c;
}


/**************************** 2022.10.21 가입내역조회 추가작업 euni */
.gray_box.round { border-radius: 5px; }
.step_select.search { max-width:500px; margin: 0 auto; display: flex; flex-direction: column;}
.step_select.search .btn-tc { padding: 0px 0px; margin-top: 10px; }
.step_select.search .select_ds.search { margin-top: 30px; }
.step_select.search .select_ds .btnBig { min-width: 100%; height: 50px; padding: 0 0px; font-size: 16px; }
.step_select.search .select_ds .btnBig>span { height: 50px; line-height: 50px; }
/* 2022.10.21 가입내역조회 추가작업 euni ****************************/

/**************************** 2022.11.16 가입완료 페이지 배너추가작업 euni */
.bnner-box-new { text-align: center; font-size: 0; margin: 0px; padding: 0px; }
.bnner-box-new a { margin-left:30px }
.bnner-box-new a:first-child { margin-left:0px }
.bnner-box-new a.mobile { display: none; }
/* 2022.11.16 가입완료 페이지 배너추가작업 euni ****************************/

/**************************** 2023.01.02 가입완료 페이지 배너추가작업 euni */
.banner-box-wrap {
  position: relative;
  display: inline-block;
  width: calc(360px - 10px); height: calc(220px - 10px);
  margin-left: 30px;
}
.banner-box-wrap:first-child {
  margin-left: 0px;
}
.banner-box-wrap > a {
  margin: 0px;
}
.banner-box-wrap.bnp {
  border: 5px solid #73AE96; background-color: #D9F3DB;
}
.banner-box-wrap.chubb {
  border: 5px solid #C8AB63; background-color: #F9F1DD;
}
.banner-box-wrap.chubb .logo-item {
  position: absolute; top: 3px; right: 5px; z-index: 2;
}
.banner-box-wrap.bnp .logo-item {
  position: absolute; top: 15px; right: 15px; z-index: 2;
  width: 144px; height: 21px;
}
.banner-box-wrap .cont-text-item {
  position: absolute; bottom: 22px; left: 30px; z-index: 1;
}
.banner-box-wrap.bnp .cont-text-item {
  width: 281px; height: 141px;
}
.banner-box-wrap i {
  display: block;
  position: absolute; bottom: 15px; right: 0;
  background-size: 100%;
  width: 128px; height: 128px;
}
.banner-box-wrap .icon-bpc {
  background: url('https://udirect.co.kr/img/main/banner-bpc-20221220.png?ten') no-repeat;
  background-size: 100%;
}
.banner-box-wrap .icon-chubb {
  background: url('https://www.toursafe.co.kr/img/new/banner-chubb-20221220.png?te') no-repeat;
  background-size: 100%;
}
.banner-box-wrap.pc { display: inline-block; }
.banner-box-wrap.mobile { display: none; }
/* 2023.01.02 가입완료 페이지 배너추가작업 euni ****************************/


/* ==========  2024-01-16 레이어팝업 추가 ==========  */
/* 레이어팝업 */
.layerPopup {
  position: fixed;
  left: 0; top: 0;
  width: 100%; height: 100%;
  display: none; justify-content: center; align-items: center;
  background: rgba(0,0,0,0.7);
  z-index: 100;
}
.layerPopup, .layerPopup *{
  box-sizing: border-box;
}
.layerPopup .layerInner {
  width: 100%; max-width: 400px;
}
.layerPopup .layerInner .layerHead {
  width: 100%;
  height: 50px;
  background: #f43142;
}
.layerPopup .layerInner .layerHead {
  padding: 0px 20px;
  display: flex; justify-content: space-between; align-items: center; 
}
.layerPopup .layerInner .layerHead h4 {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
}
.layerPopup .layerInner .layerHead .btn {}

.layerPopup .layerInner .layerBody {
  width: 100%;
  padding: 20px;
  background: #fff;
}
.layerPopup .layerInner .layerBody .btnArea {
  margin-top: 20px;
}

.layerPopup.on {
  display: flex;
}

/* 버튼영역 */
.btnArea {
  display: flex; justify-content: center; align-items: center;
}
.btnArea .btn:not(:first-child) {
  margin-left: 10px;
}
.btn {}
.btn.close {
  width: 20px; height: 20px;
  position: relative;
}
.btn.close:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 3px;
  height: 15px;
  background-color: #fff;
  transform: rotate(-45deg);
}
.btn.close:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 3px;
  height: 15px;
  background-color: #fff;
  transform: rotate(45deg);
}
.btn.save {
  width: 114px;
  padding: 9px 22px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #f43142;
}
.btn.save:hover {
  background: #b82733;
}
.btn.cancel {
  width: 114px;
  padding: 9px 22px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #000000;
}
.btn.cancel:hover {
  background: #424040;
}
.btn.edit {
  height: 30px;
  padding: 0px 10px;
  background: #f43142;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
}
.btn.edit:hover {
  background: #b82733;
}

/* 폼 영역 */
.selectArea {
  font-size: 14px;
}
.selectArea select {
  width: 100%;
  cursor: pointer;
}
.selectArea + .inputArea {
  margin-top: 5px;
}
.inputArea textArea {
  width: 100%;
  height: 159px;
  line-height: 1.3;
  padding: 5px 10px;
  font-size: 14px;
  resize: none;
}
/* ==========  2024-01-16 레이어팝업 추가 end ==========  */


/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}    
}
/* 1224px 이상 */
@media screen and (max-width:1024px) {
	.bnner-box-new a { width: 32%; display: inline-block; margin-left: 2%; }
}
/* 1400px 이하 */
@media screen and (max-width:1699px) {
    .banner_wrap .ban02 {background-position:200px top; }
}

/* 1700px 이하 */
@media screen and (max-width:1699px) {
    .visual_banner > ul {padding-left:18%; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
    .main_visual .v_frame .info_area {padding-left:18%; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
    #wrap {padding: 15px;}
    #inner_wrap {padding:15px;}
}

/* 980px 이하 */
@media screen and (max-width:979px) {
    .w_gnb .gnb > ul > li > a {font-size:16px; }
    
    .main_navi {background-position:center top; min-height:auto; padding:380px 0px 0px 0px; margin:0px 0px 30px 0px;}
    
    .step_tit {font-size: 22px;}
    
    .step_select.four > .select_ds {width: 50%;}
    .day90 > li {width: 33.3333%;}
    
    .left_wrap {width: 100%; padding: 0px; float: none;}
    .right_wrap {width: 100%; position: relative !important; padding-left:0px; top: auto !important; padding-top:40px !important; float: none;}
    
    .notice_list > li {float:none; width: 100%;}
    .notice_list > li > strong {min-height: auto; padding-bottom: 10px;}
    
    
    .step4_step > li {width: 33.3333%;}
    
	.showplan_mobile {display:block;}
	.showplan_web {display:none;}
}

/* 768 이하 */
@media screen and (max-width:767px) {
    .m_gnbW {display: block;}
    .w_gnb {display: none;}
    #container {font-size:15px;}
    
    .w_gnb .gnb > ul > li > a {font-size:14px;}
    
    .join_step > ol > li {font-size:14px;}
    .box_radio > li label {height: 50px;}

    .step_select .select_ds select.big {height:50px;}
    .execute_bt > button {height:50px;}
    
	.main_ok > li {width:50%;}
    
    .gray_box {padding: 15px;}
    
    .s_tit {font-size:20px }
    .ss_tit {font-size: 16px;}
    
    .step_select {margin: -5px !important;}
    
    .step_select > .select_ds {padding:5px !important; width: 100% !important; clear: both !important; float: none !important;}
    
    .step4_step.three > li {width: 100%; float: none; min-height: auto;}
    .step4_step.four > li {width:50%}
    
    /*atab*/
    .atab li a {font-size:15px; height: 60px;}
    .btn-tc > a {margin: 0px;}
    .web_img {display:none;}
    .mobile_img {display:block;}
    .col-sm-2.time_wrapW > .select_ds {width:100%; float:none;}
	.time_wrapW .time_wrap {margin-top:5px; padding-left:120px;}
	.time_ch {left:0px;}
    
    /*.table_overflow {overflow-x: auto;}
    .table_overflow .overlayer {min-width:768px}
    .table_overflow .w_cell {display: none;}*/

	.toggle_layer {overflow-x: auto;}
	.toggle_layer  .table_line2 {min-width:768px}

  .btn.edit {
    font-size: 12px;
    padding: 6px 5px;
    height: auto;
    word-break: keep-all;
  }
}
/* 600 이하 */
@media screen and (max-width:599px) {
	.main_txt_f {text-align:left;}

	.main_text h2 {font-size:22px }
	.main_text .txt_t {font-size:20px;}
	.main_text .txt_t > strong {font-size:40px; }
	.main_text .txt_s {font-size:20px; }

	.main_text_r h2 {font-size:20px;}
    .main_text_r .txt_t {font-size:22px;}

    .main_navi {background-size:300px auto; padding-top: 300px;}
    .main_navi > ul > li .box {padding: 0px;}
    .main_navi > ul > li .box .bt {position: relative; margin-top: 10px; right: auto; top: auto; height:40px; line-height: 40px; transform: none;  -webkit-transform:none; width: 100%; }
   
    .main_gnb > li { width: 50%; padding: 1px; }
	.main_gnb > li.on { float: none; margin: 0 auto; }
    .main_gnb > li > a {border-left: 1px solid #ddd}
	.main_gnb > li > a {font-size: 15px;}

	.main_ok > li .txt_t { font-size:22px;}


    .ex_inbox {padding:10px;}   
    
    .pop_wrap .pop_head .title {font-size:20px; color: #fff; padding: 17px 15px 18px 15px;}
    .pop_wrap .pop_head .title .small {font-size:16px;}
    .pop_wrap .pop_body {padding: 15px; max-height:calc(100% -100px); max-height:-webkit-calc(100% -100px); overflow-y:auto; -webkit-overflow-scrolling: touch; }

    .sub_tit2 {font-size:20px;}
    .sub_tit_s {font-size:20px;}

    .layers_wrap .layers {padding:10px; font-size:0.95em;}

    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}

	.bnner-box-new { font-size: 0; }
	.bnner-box-new a { width: 100%; display: block; margin-left: 0%; margin-bottom: 10px; }
	.bnner-box-new a.pc { display: none; }
	.bnner-box-new a.mobile { display: block; }

	/**************************** 2023.01.02 가입완료 페이지 배너추가작업 euni */
	.banner-box-wrap {
	  width: calc(100% - 10px); height: calc(220px - 10px);
	  margin-left: 0px; margin-bottom: 10px;
	}
	.banner-box-wrap a {
	  margin-bottom: 0px;
	}
	.banner-box-wrap:first-child {
	  margin-bottom: 0px;
	}
	.banner-box-wrap.bnp .cont-text-item {
      width: 261px; height: 130px;
	}
	.banner-box-wrap .cont-text-item {
      left: 20px;
	}
	.banner-box-wrap.bnp .cont-text-item {
      width: 250px;
	}
	.banner-box-wrap.chubb .cont-text-item {
      width: 190px;
	}
	.banner-box-wrap.pc { display: none; }
	.banner-box-wrap.mobile { display: block; }
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding:5px;}
    #header {margin-bottom: 20px;}
	/**************************** 2022.10.20 logo 추가 작업 euni */
	/* 2022.10.20 logo 변경으로 삭제함
		#header h1 a {display: block; overflow: hidden; width:200px;}
		#header h1 img {width:348px; max-width: 348px;}
	*/
    #header h1 a {display: block; overflow: hidden; width:auto;}
	#header h1.logo_new { width: 100%; }
    #header h1.logo_new img { width: auto; height: 28px; }
    #header h1.logo_new img.first { margin-right:5% }
	/* 2022.10.20 logo 추가 작업 euni ****************************/
    #inner_wrap {padding: 10px;}
	.m_gnbW {right:0px;}
    .m_gnbW .menu_btn {height:14px; width:22px;}
    .m_gnbW .menu_btn .line-middle {top: 6px;}

    .slide_menu_wrap .gnb > ul > li > a {padding-left: 0px; background-size:10px auto !important; font-size: 16px; background-position:right center !important}
    .slide_menu_wrap .gnb .sub_menu > li > a {padding-left: 10px; font-size: 14px;}
    
	.main_txt_f {text-align:left; margin-top: 52px; font-size:10px;} /* 2022.08.18 추가 작업  */

	.main_text h2 {font-size:18px }
	.main_text .txt_t {font-size:17px; padding-bottom:10px;}
	.main_text .txt_t > strong {font-size:36px;}
	.main_text .txt_s {font-size:17px; }

	.main_text_r h2 {font-size:17px; padding-top: 20px; margin-bottom: 15px;}
    .main_text_r .txt_t {font-size: 18px;}

    .main_navi {background-size: 250px auto; padding-top: 240px;}
    .main_navi > ul > li {padding: 10px;}
    .main_navi > ul > li br {display: none; word-break: keep-all}
	.main_ok > li:first-child:nth-last-child(3), .main_ok > li:first-child:nth-last-child(3) ~ li {
	  width: 90%;
	  margin: 0 auto;
	}
    
	.main_ok > li {float:none; width:100%; text-align:left; border-bottom:1px dashed #ccc;}
	.main_ok > li:first-child { border-top:1px dashed #ccc;}
	.main_ok > li .txt_t {font-size:18px; text-align: center; }
	.main_ok > li .txt_s { display: block; text-align: center; word-break: keep-all; }
	.main_note {font-size:11px !important;}

     #container {font-size:13px;}
    
    .join_step {padding: 15px 5px; margin-top: 0px;}
    .join_step > ol:before {top: 15px;}
    .join_step > ol > li {font-size:12px;}
    .join_step > ol > li .ico > span {width:30px; height:30px; line-height:30px;}
    .join_step > ol > li.on .ico > span {background-size: cover}
    
    .step_tit {font-size:18px;}
    .box_radio > li label {height: 40px;}
    .step_select .select_ds select {height:40px;}
    .step_select .select_ds .input {height:40px;}
    .step_select .select_ds select.big {height:40px;}
    .select_ds .date_picker .input {height:38px;}
    .execute_bt > button {height:60px; font-size: 22px;}
    
    .step_select {margin: -5px !important;}
    
    .step_select > .select_ds {padding:5px !important;}
    
    .step_select .select_ds.cb {width: 100%; clear: both; float: none;}
 
    
    .day90 > li .calender_icon {background-size:30px auto; margin:10px auto; font-size: 15px; padding-left:35px; max-width: auto; width: auto;}
    .day90 > li .border_box > ul {padding: 15px 5px;}
    
    .total_price .total {font-size: 16px;}
    .plan_btns {padding-bottom: 15px;}
    .plan_btns > li {float: none; padding: 5px 0px; width: 100%;}
    
    .step4_step > li {width:50%; font-size:14px; font-weight:500;}
    .step4_step.four > li {float: none; width: 100%; clear: both; }
    .step4_step.four > li .box { min-height: auto;}
    
    .gray_box {padding:10px;}
    .complete_box {font-size:1.5em; }
    .complete_box .txt {padding-top:100px; background-size:85px auto; }
	
	#footer {padding-top:20px;}
	#footer .f_logo {font-size:14px; }

    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px !important;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }

	.mb_dis {display: block;}

	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
    .bbs_search2 {padding:15px;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}
    
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}

    #inner_wrap.no_visual {padding-top: 30px;}
    .sub_con {font-size:0.95em; }
    .title_bar {padding:15px 0px 10px 0px;}
	.title_bar h2 {font-size:1.8em; }

	.title_bar .s_txt {font-size:16px; padding-bottom: 5px;}
    
    .s_tit {font-size: 20px; padding-bottom:10px; margin-top:30px;}
    .s_tit:after {width:70px;}
    .b_tit {font-size: 20px;}
    .m_th150 {width:150px !important;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:55px !important;}
    .m_th_ss {width:45px !important;}

    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}
    .atab li a {font-size:13px; height:50px;}
    .atab li.on:after {width:10px; background-size:100% 100% !important}

    .radio_group > li {font-size:13px;}
   
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
    .click_count {padding:10px 0px;}
    .time_wrapW .time_wrap {padding-left: 105px;}
    
    .btn-tc {padding:15px 0px; margin-top: 20px;}
    
    .footer {font-size:12px; }
	.footer .copy  {font-size:12px}
    .f_navi li a {font-size:13px;}
    
	/* 2022.03.31 추가 작업  */
	#header h1 a img { width: 100%; }
	#header h1 div.btn_area { top: 45px; left:auto; right: 0; width: 100%; } /* 2022.08.18 추가 작업  */
	#header h1 div.btn_area a.btn-tour { height: 32px; padding: 0; width: 100%; font-size: .875em; line-height: 30px; } /* 2022.08.18 추가 작업  */

	.main_textBox { width: 100%; margin:90px 5% 0 0; }
	.main_textBox h2 {
		width: 95%;
		height: 55px;
		line-height: 55px;
		font-size: 1.25em;
	}
	.main_textBox p.Highlights { width: 98%; padding-left: 2%; font-size: .95em; line-height: 120%; }
	.main_textBox p.Highlights:before { left: 0px; }
	.main_textBox .main_box_title { font-size: 1.55em; }
	.main_textBox .main_box_title strong { font-size:1.25em; }
	.main_textBox a.btn_readMore { margin-bottom: 30px;}
}


/* 320px 이하 */
@media screen and (max-width:320px) {
   
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}

    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
}




/* 2022.01.18 추가된  */
@media all and (min-width:280px) and (max-width:600px) {
	.main_navi > ul > li.box_thailand {
		clear: left;
		width:100%;
		margin-left:0;
	}
	.main_navi > ul > li.box_thailand .box {
		padding:0;
	}
	.main_navi > ul > li.box_thailand .box .bt {
		position: relative; right: auto; top: auto; bottom: 0;
		margin-top: 10px;
		height: 40px;
		line-height: 40px;
		transform: none;
		-webkit-transform: none;
		width: 100%;
	}
}

/*20190918 추가 박우철 */
.search_win_css{ position: absolute; z-index: 400; padding-top:2px; }

.swin_close{
	text-align:right;
	width:340px;
	padding:0 10px 0 0;
	height:30px;
}

.winclose{
	border:1px solid var(--bis-color-point);
	background-color:var(--bis-color-point);
	color:white;
	width: 80px;
	height: 25px;   
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
	border-radius:8px;
	padding:0px 0px 2px 0px;
}

.slist > li:hover { background: #fef9e3; }

@media screen and (min-width:1199px) {	
	.dis_win_css{
		width: 97%; height:187px;
		padding:5px 10px 5px 10px;
	}

	.slist{
		height:100%;
		overflow:auto;
	}

	.slist > li{
		font-size:1.1em;
		padding:3px 0 3px 0;
	}
	.slist > li:hover { background: #fef9e3; }
	.br_color{  width: 350px; border:2px solid var(--bis-color-point); background-color:#FFF; }
	.winclose{
		border:1px solid var(--bis-color-point);
		background-color:var(--bis-color-point);
		color:white;
		width: 70px;
		height: 25px;   
		text-align: center;
		box-sizing: border-box;
		font-size: 16px;
		border-radius:8px;
		padding:0px 0px 2px 0px;
	}
	.winclose > span {
		width:100%;
		height:100%;
		vertical-align:top;
	}
}


@media screen and (max-width:599px) {
	.dis_win_css{
		width: 340px; height:187px;
		padding:10px 10px 0px 10px;
	}
	.slist{
		height:100%;
		overflow:auto;
	}

	.slist > li{
		font-size:1em;
		padding:3px 0 3px 0;
	}
	.slist > li:hover { background: #fef9e3; }
	.br_color{
		width: 350px;
		border:1px solid var(--bis-color-point);
		background-color:#FFF;
	}
	.winclose{
		border:1px solid var(--bis-color-point);
		background-color:var(--bis-color-point);
		width: 70px; height: 25px;  
		box-sizing: border-box;
		font-size: 16px;  text-align: center; color:white;
		border-radius:8px;
		padding:0px 0px 2px 0px;
	}
}


@media screen and (max-width:479px) {
	.dis_win_css{ width: 97%; height:187px; padding:10px 10px 0px 10px; }
	.slist{ height:100%; overflow:auto; }
	.slist > li{ font-size:1em; padding:3px 0 3px 0; }
	.slist > li:hover {	background: #fef9e3; }
	.br_color{ width: 307px; border:1px solid var(--bis-color-point); background-color:#FFF; }
	.swin_close { text-align:right; width:97%; height:35px; padding:0 10px 0 0; }
	.winclose{
		border:1px solid var(--bis-color-point);
		background-color:var(--bis-color-point);
		width: 70px; height: 25px;  
		font-size: 16px; color:white; text-align: center;
		box-sizing: border-box; border-radius:8px;
		padding:0px 0px 2px 0px;
	}
	.winclose > span { width:100%; height:100%; vertical-align:top; }
}

/*20190918 추가 박우철 */


/* 2022.02.18 LayerPopup 추가 */
.layer-popup {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1000;
  background:rgba(0,0,0,0.75)
}
.layer-popup:before {
  content: '';
}
.layer-popup .inner {
  position: absolute; top: 50%;left: 50%;
  transform: translate(-50%, -50%);
  width: 520px; height: 320px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background: #f1f1f1;
}
.btn-close {
  position: absolute;
  top:10px; right:10px;
  cursor: pointer;
}
.btn-close img {
	width:15px; height:15px;
}

@media all and (min-width:280px) and (max-width:767px) { 
	.layer-popup .inner {
	  width: 90%; height: auto;
	  background: transparent;
	}
	.btn-close {
	  position: absolute;
	  top:5px; right:5px;
	  cursor: pointer;
	}
	.btn-close img {
		width:12px; height:12px;
	}
}
/* 2022.02.18 LayerPopup END */



/************************************* 2022.09.19 추가 euni 약관동의방식 수정 */
.faq {
	position: relative;
	width: 100%;
}
.faq li {
	position: relative;
}
.faq .question {
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: color 0.5s ease;
	border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;
	padding: 20px 0; line-height: 140%;
}
.faq li.active .question {
  transition: color 0.5s ease;
}
.faq input[type="checkbox"] {
	height: 0;
	width: 0;
	line-height: 0;
	margin: 0px;
	background: transparent;
	border: 0px;
}
.faq .question .point_q {
	padding-left: 15px;
	display: block;
	line-height: 140%;
	color: #000;
}
.faq .btnConfirm {
	position: absolute; top: 0px; right: 200px;
	line-height: 140%; text-align: center;
	border-left: 1px solid #ddd;
	margin: 0 auto; padding: 10px 0;
	width: 200px;
}
.faq .btnConfirm .btnNormalB.line {
	line-height: 38px;
}
.faq .agree {
	position: absolute; top: 0px; right: 0px;
	line-height: 140%; text-align: center;
	border-left: 1px solid #ddd; border-right: 1px solid #ddd;
	width: 200px;
	padding: 20px 0; line-height: 140%;
}
.faq li.active .answer {
  max-height: 275px !important;
  padding: 0px;
	background-color: #f8f8f8;
  transition: max-height 0.5s ease, padding-bottom 0.5s ease;
	border-left: 1px solid #ddd; border-right: 1px solid #ddd;
}
.faq .answer {
  color: #090909;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}
.faq .answer ul li {
	float: left;
	border-bottom: 1px solid #ddd;
	padding: 18px 0;
}
.faq .answer ul li:nth-child(2n+1) {
	width: 937px;
}
.faq .answer ul li:nth-child(2n+2) {
	width: 200px; text-align: center;
	border-left: 1px solid #ddd;
}
.faq .answer li .point_q {
	padding-left: 15px;
}
.faq .btnTiny {
	position: absolute; top: 15px; left: 90px;
}
.faq .plus-minus-toggle {
  cursor: pointer;
  position: absolute; left: 23%; top: 50%; z-index: 2;
  transform: translateY(-50%);
  width: 15px; height: 9px;
  transition: transform 500ms ease;
}
.faq .plus-minus-toggle:before {
  content: '';
  display: block;
  background: url('../img/common/icon-arrow-up.svg') no-repeat;
  background-size: 100%;
  width: 100%; height: 100%;
}
.faq li.active .plus-minus-toggle {
  transform: rotate(180deg)  translateY(50%);
}
.pop_wrap .pop_body {
  overflow: auto;
  max-height: 620px;
}
ul.agree h3 {
  font-size: 1.375rem;
  font-weight: 500;
  margin-top:50px;
}
ul.agree h3:first-child {
  margin-top:0px;
}
ul.agree li {
  margin-top: 7px;
}
ul.agree li strong {
  display: block;
  margin-top: 30px;
  font-weight: 500;
}
ul.agree li:first-child strong {
  margin-top: 0px;
}
ul.agree li b {
  display: block;
  font-weight: 500;
}
ul.agree li span.fc-color {
  color: var(--bis-color-point)
}
ul.agree li > ul li {
  margin-left: 18px;
}
.type_number {
  text-indent: -18px;
  padding-left: 18px;
  line-height: 140%;
}
.type_dash {
  text-indent: -10px;
  padding-left: 10px;
  line-height: 140%;
}
/* 980px 이하 */
@media screen and (max-width:979px) {
  .faq .btnConfirm {
    position: absolute;
    top: 0px;
    right: 18%;
    width: 20%;
    margin-left: -1px;
  }

  .faq .agree {
    width: 18%;
    margin: 0 -1px;
  }

  .faq .answer ul li:nth-child(2n+1) {
    width: 716px;
  }

  .faq .plus-minus-toggle {
    left: 260px;
    width: 12px;
    height: 9px;
  }

  .faq li.active .answer {
    display: block;
    width: 100%;
    margin: 0 -1px;
  }

  .faq .answer ul li:nth-child(2n+1) {
    width: 85%;
  }

  .faq .answer ul li:nth-child(2n+2) {
    width: 15%;
    margin-left: -1px;
  }

}

/* 768 이하 */
@media screen and (max-width:767px) {
  .faq .btnConfirm {
    position: absolute;
    top: 0px;
    right: 25%;
    width: 30%;
    margin-left: -1px;
  }

  .faq .agree {
    width: 25%;
    margin: 0 -1px;
  }

  .faq .question .point_q {
    width: 182px;
  }

  .faq .act.btnConfirm {
    line-height: 59px;
  }

  .faq .act.agree {
    line-height: 39px;
  }

  .faq .plus-minus-toggle {
    left: 200px;
    top: 29px;
  }

  .faq .answer ul li:nth-child(2n+1) {
    width: 75%;
  }

  .faq .answer ul li:nth-child(2n+2) {
    width: 25%;
    margin-left: -1px;
  }
}

/* 600 이하 */
@media screen and (max-width:599px) {
  .faq {
    font-size: .875rem;
  }

  .faq .question .point_q {
    width: 132px;
  }

  .faq .plus-minus-toggle {
    left: 150px;
    top: 29px;
  }

  .faq li.active .answer li .point_q {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq li:nth-child(1) .btnConfirm {
    height: 40px;
  }

  .faq li:nth-child(2) .btnConfirm {
    line-height: 59px;
  }

  .faq li:nth-child(2) .agree {
    line-height: 40px;
  }

  .faq li:nth-child(3) .btnConfirm {
    line-height: 59px;
  }

  .faq .answer ul li:nth-child(2n+2).mobile {
    line-height: 39px;
  }

  .faq .btnConfirm .btnNormalB.line {
    line-height: 28px;
  }

  .faq .question.terms {
    height: 50px;
  }

  .faq .question.terms .btnTiny {
    top: 45px;
    left: 14px;
    line-height: 20px;
  }

  .faq .btnConfirm.terms {
    line-height: 70px;
  }

  .faq .agree.terms {
    line-height: 51px;
  }

  .pop_wrap .pop_body {
    overflow: auto;
    max-height: 400px;
    font-size: .875rem;
  }
}

/* 480px 이하 */
@media screen and (max-width:479px) {
  .faq {
    font-size: 1rem;
  }
  .faq li:nth-child(3) .question {
    height: 58px;
   }
  .faq .question .point_q {
    width: 31%;
    padding-left: 5px;
  }
  .faq .plus-minus-toggle {
    left: 37%; top: 29px;
  }
  .faq li .btnConfirm {
    right: 30%;
    width: 25%;
  }
  .faq .agree {
    width: 30%;
  }
  .faq li .act.btnConfirm {
    line-height: 78px;
  }
  .faq .act.agree {
    line-height: 58px;
  }
  .faq .question.terms .btnTiny {
    top: 45px;
    left: 5px;
    line-height: 24px;
  }
  .btnTiny span {
    padding: 0px 5px;
  }
  .faq li.active .answer {
    margin: 0 0px;
  }
  .faq .answer ul li:nth-child(2n+1) {
    margin-left: -1px;
    width: 70%;
  }
  .faq .answer ul li:nth-child(2n+2) {
    width: 30%;
    margin-left: -1px;
  }
  .faq .answer ul li:nth-child(3),
  .faq .answer ul li:nth-child(5),
  .faq .answer ul li:nth-child(7) {
    padding: 14px 0 13px;
    line-height: 120%; height: 34px;
  }
  .faq .answer ul li:nth-child(4) {
	height: 25px;
  }
  .faq .answer ul li:nth-child(2n+2).mobile {
    line-height: 25px;
  }
  .faq .answer ul li:nth-child(2n+2)

}

/* 320px 이하 */
@media screen and (max-width:320px) {
  .faq {
    font-size: .875rem;
  }
  .faq li.active .answer {
    margin: 0 0px;
  }
  .faq li:nth-child(1) .btnConfirm {
    height: 38px;
  }
  .faq .btnConfirm .btnNormalB.line {
    font-size: .75rem;
    line-height: 24px;
  }
  .faq .answer ul li:nth-child(2n+1) {
    margin-left: -1px;
    font-size: .75rem;
    width: 70%;
  }
  .faq .agree,
  .faq li:nth-child(2) .agree {
    width: 30%;
    line-height: 120%;
    font-size: .65rem;
    margin-left: -1px;
  }
  .faq li:nth-child(1) .agree {
    height: 19px;
  }
  .faq li:nth-child(2) .agree {
    height: 35px;
    line-height: 35px;
  }
  .faq li:nth-child(3) .agree {
    height: 51px;
    line-height: 51px;
  }
  .faq li .act.btnConfirm {
    line-height: 72px;
  }
  .faq .answer ul li:nth-child(3),
  .faq .answer ul li:nth-child(5),
  .faq .answer ul li:nth-child(7) {
    padding: 14px 0 13px;
    line-height: 120%;
  }
  .faq .answer ul li:nth-child(2n+2).mobile {
    line-height: 21px;
  }
  .faq .answer ul li:nth-child(2n+2) {
    font-size: .65rem;
    line-height: 20px;
  }
  .faq .answer ul li:nth-child(4) {
	line-height: 14px;
  }
  .faq .answer ul li:nth-child(2n+2).mobile {
    line-height: 16px;
  }
  .btnTiny span {
    font-size: .65rem;
  }

}