@charset "utf-8";
/* CSS Document */
#container{background:#eee;}
#container.bgwhite{background:#FFF;}
table{border:none;}

/*마이페이지 > 나의 정보수정*/
.insert_section.modify_info .memberInsert h3.modify_pw_tit{display:block; font-size:34px;}
label sup, span sup{color:#ff5252; font-size:100%;}
input, select{vertical-align:top;}
.insert_section.modify_info{padding:0% 3%; border-top:6px solid #488ba3; border-left:1px solid #dadada; box-shadow:5px 5px 5px #c6c6c6; width:70%; margin:0 auto;}
.insert_section.modify_info .memberInsert{vertical-align:top; background:#fff; text-align:left; padding:1% 0; }
.insert_section.modify_info .memberInsert input{width:180px; height:34px;}
.insert_section.modify_info .memberInsert input[type="password"]{width:40%;}
.insert_section.modify_info .memberInsert input.phoneNum,   .insert_section .memberInsert select#phonenum1,   .insert_section .memberInsert .info_group select#age{width:70px; height:34px;}
.insert_section.modify_info .memberInsert input[type="radio"]{width:auto; height:15px; line-height:15px; vertical-align:middle;}
.insert_section.modify_info .memberInsert .info_group .info_text sup{height:34px;  line-height:34px; vertical-align:middle;}

.insert_section.modify_info .memberInsert h3{background:#5d98ad url('../img/mypage/icon_memberinfo.png') 3% 50% no-repeat;}
.insert_section.modify_info .memberAgreement h3{background:#5d98ad url('../img/mypage/icon_agreement.png') 3% 50% no-repeat;}
.insert_section.modify_info .memberInsert .info_group{width:100%; font-size:15px; padding:20px 5% 15px; border-bottom:1px dashed #dbdbdb; display:table;}
.insert_section.modify_info .memberInsert .info_group:last-child{border:none;}
.insert_section.modify_info .memberInsert .info_group label{font-weight:bold; width:107px; vertical-align:top;}
.insert_section.modify_info .memberInsert .info_group span.pwInfo{font-size:12px; display:block; color:#FB0004;}
.insert_section.modify_info .memberInsert .info_group .info_text span label{width:auto; margin-right:10px; font-weight:100; display:inline-block}
.insert_section.modify_info .memberInsert .w-50 input{width:25%;}
.insert_section.modify_info .memberInsert .w-50 div{margin-bottom:6px;}
.insert_section.modify_info .memberInsert .w-50 div span{font-size:14px; color:#216f8b; margin-right:3px;}
.insert_section.modify_info .memberInsert .info_group.address input, .insert_section.modify_info .memberInsert .info_group.address a{margin-bottom:5px;}
.insert_section .memberInsert input#memAdress, .insert_section .memberInsert input#memAdress2{display:block; width:360px;}
.insert_section .memberInsert .info_group .info_text a{background:#666; color:#fff; height:34px; line-height:34px; font-size:13px;  display:inline-block; padding:0 7px;}
.insert_section.modify_info .memberInsert .info_group .info_text span label{display:inline-block;}
a.btn_common{padding:12px 40px;display:inline-block; background:#00baff; font-size:19px; color:#fff; margin-top:50px;}
a.btn_common.modifyinfo{margin:10px 0 30px;}
.insert_section.modify_info div span.mustchecksign{text-align:right; display:inline-block; float:right; background:#d2eeff;}
.insert_section.modify_info .memberInsert .info_group .info_text div.selectEmail{display:inline-block; }
.secession_zone{padding:20px; font-size:14px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; width:70%; margin:0 auto; margin-top:40px; text-align:right;}
.secession_zone p{display:inline-block; padding-right:10px;}
.secession_zone a{border:1px solid #8b8b8b; color:#7d7d7d; padding:5px; }


.insert_section.modify_info .memberInsert .emeil_unsubscribe p.title {text-align:left; vertical-align: top; font-weight:bold; border-bottom: 1px dashed #dbdbdb; padding: 5% 0 3%; color:#3d3d3d;}
.insert_section.modify_info .memberInsert .setting_date input {border:none; display:inline-block; width:44%; padding:2%; vertical-align:initial;}
.insert_section.modify_info .memberInsert .guid_ment input {width:16px; height:23px;}
.insert_section.modify_info .memberInsert .guid_ment p {text-align:left;}
.insert_section.modify_info .memberInsert .emeil_unsubscribe form .btn_release {display:inline-block; padding:2% 3%; background:#353030; color:#fff; font-size:19px; width:auto; height:auto; border:none;}

.emeil_unsubscribe {padding:5% 3%; text-align:center;}
.emeil_unsubscribe .setting_date {border:1px solid #b7b7b7; margin: 3% 0; display:table; width:100%;}

.emeil_unsubscribe .setting_date .txt {border-right: 1px solid #b7b7b7;}
.emeil_unsubscribe .setting_date .date {}
.emeil_unsubscribe .setting_date span {display: table-cell; width: 50%; padding: 2% 0;}
.emeil_unsubscribe .btn_release {display:inline-block; padding: 2%; background:#353030; color:#fff; font-size:19px;}

.emeil_unsubscribe .guid_ment {display:block; margin:3% 0 0 0; text-align:left; line-height:1.5; border: 1px solid #b7b7b7; padding:3%;}
.emeil_unsubscribe .guid_ment .signUp {padding:3px 0;} 
.emeil_unsubscribe .guid_ment .signUp .info {font-size: 12px; color: #969696; text-decoration: underline; padding:0;}
.emeil_unsubscribe .guid_ment .signUp input {margin-right: 5px; height: 20px; line-height: 20px;}


.emeil_unsubscribe .guid_ment p {line-height:1.5; margin:0 0 0 2%;}
.emeil_unsubscribe .guid_ment .btn_complete {display:block; width:40%; padding:2%; color:#fff; margin:3% auto 0; text-align:center; background:#087f5b; font-size:19px;}


.emeil_unsubscribe .guid_ment .selectInfo {padding:10px 20px; font-size: 13px; color: #909090;}
.emeil_unsubscribe .guid_ment .selectInfo li:first-child {padding-bottom: 10px;}
.emeil_unsubscribe .guid_ment label{font-weight:bold; width:auto; vertical-align:top;}



/*회원가입 수정 페이지*/

#container .contentsWrap .joinArea .insert_section .memberInsert .info_group .info_text label{width:150px;}
#container .contentsWrap .joinArea .insert_section .memberInsert .info_group .info_text input#memAdress{width:80%;}
#container .contentsWrap .joinArea .insert_section .memberInsert .info_group .info_text label span{font-weight:normal; font-size:13px; background:#eee;  padding:5px; position:absolute; top:10px; right:35%;}


/*마이페이지->1:1문의사항*/
.bgwhite{background:#fff;}
ul.faq_in_cont{width:100%; display:table;}
ul.faq_in_cont li{display:table-cell; width:50%; text-align:left; vertical-align:top; padding-top:0;}
ul.faq_in_cont li ul a{width:76%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.faq_in_cont li ul a:before{content:""; width:5px; height:5px; background:#666; display:inline-block; margin-right:10px;}
ul.faq_in_cont li ul span{float:right; width:20%; white-space:nowrap; overflow:hidden; }
ul.faq_in_cont li.board{padding-right:2%;}
ul.faq_in_cont li.notice{padding-left:2%;}
h6.faq{font-size:22px;  text-align:left; padding:10px 0;}
h6.faq a{float:right;}
h6.faq img.icon_faq{margin-right:10px;}
h6.faq a.faq_write{font-size:15px; font-weight:normal; padding:8px 15px; background-color:#00baff; border:1px solid #00baff; color:#fff;}
h6.faq a.faq_write:hover{background:#000; border-color:#000; color:#6ed8ff;}
ul.faq_in_cont li ul.pre_list{border:1px solid #bbb; padding:3%; height:190px; overflow:hidden;}
ul.faq_in_cont li ul.pre_list li{display:block; width:100%; padding:5px;}
.faq_in{margin-top:30px;}
.faq_in table.board{border:1px solid #bbb; margin-top:0;}
.faq_in table.board td{padding:12px 5px; border-top:1px solid #bbb;}
.faq_in table.board td:nth-child(3){text-align:left;}
.faq_in .faq_write_form{text-align:left; padding:2% 2% 5% 2%; border:1px solid #bbb; background:#fafafa;}
.faq_in .faq_write_form .info_faq{padding:8px 0;}
.faq_in .faq_write_form .info_faq .input_wrap{display:inline-block;}
.faq_in .faq_write_form .info_faq label{width:120px; padding-left:20px; display:inline-block; vertical-align:top; font-size:17px; font-weight:bold; background:url('../img/mypage/label_bg.png') 3% 50% no-repeat;}
.faq_in .faq_write_form .info_faq input, .faq_in .faq_write_form .info_faq select{height:34px;}
.faq_in .faq_write_form .info_faq input{width:300px; margin-bottom:5px;}
.faq_in .faq_write_form .info_faq p.file_input{display:block;}
.faq_in .faq_write_form .info_faq p.file_input label{position:relative; cursor:pointer; overflow:hidden; width:34px; height:34px; color:#fff; text-align:center;  line-height:30px; vertical-align:middle; background:0; padding:0;}
.faq_in .faq_write_form .info_faq p.file_input label img{}
.faq_in .faq_write_form .info_faq p.file_input label input{position:absolute; width:0; height:0; overflow:hidden; }
.faq_in .faq_write_form .info_faq p.file_input label input[type=text]{vertical-align:middle; display:inline-block; width:300px; height:28px; line-height:28px; padding:0; border:0;}
.faq_in .faq_write_form .info_faq p.file_input span{display:block; color:#999; padding-top:5px;}

.faq_in table.board.hidden{display:none;}



/*마이페이지 > 접속화면*/
table.mypage{text-align:center;}
table.mypage th{font-size:13px; padding:15px 3px; color:#fff; background:#488ba3; font-weight:normal;  border-right:1px dashed #339cc3;}
table.mypage td{font-size:13px; padding:15px 3px;  text-align:center; border-bottom:1px solid #ddd;}
table.mypage td p.payment_p{font-weight:bold;}
table.mypage td p.processing.payment_done{color:#08bcff;}
table.mypage td p.processing.order_done{color:#0059ff;}
table.mypage td p.processing.cancel_reqiure{color:red;}
table.mypage td p.processing.cancel_done{color:#ff9b01;}
table.mypage td p.processing.reservation{color:#02b000;}
table.mypage td p.processing.arrangement{color:#8e48fa;}
table.mypage td p.processing.cancel_part{color:#ff0198;}
table.mypage td br{display:none;}
table.mypage th:last-child, table.mypage td:last-child{border-right:none;/*width:130px;*/}
table.mypage td p.more_view_p{background:#eb345f; padding:3px; color:#fff; border-radius:15px;}
h6.faq span.view_all{float:right; font-size:17px; font-weight:normal; color:#999; padding:5px 15px; }
table.mypage td a.more_view_orderlist{color:#00aeee; border:1px solid #00aeee; background:#c4efff; padding:5px 7px; font-size:12px;}
h6.faq a.view_all{font-size:15px; color:#00baff; padding:5px 13px; border:2px solid #00baff; font-weight:normal;}
h6.faq a.view_all:hover{background:#000; color:#fff; border-color:#000;}
.lastest_01 table.mypage{margin-bottom:30px;}
.lastest_01 table.mypage th{border:0;}
.lastest_02 table.mypage th{background:#4873a3;}
.sch_orderlist form.orderlistForm input{vertical-align:middle;}

/*마이페이지 > 주문내역조회*/
h5.sub_tit{font-size:30px; text-align:left; border-bottom:2px solid #3d3d3d; margin-bottom:40px;}
.sch_orderlist{padding:2%; background:#488ba3; color:#fff; text-align:left; margin-bottom:50px; font-size:16px; border-top:6px solid #215165;}
.sch_orderlist ul{width:100%; text-align:left; padding-bottom:1%;}
.sch_orderlist form.orderlistForm ul li{display:inline-block; background:#fff; font-size:17px; margin-right:5px; padding:5px 10px;}
.sch_orderlist form.orderlistForm ul li:hover, .sch_orderlist form.orderlistForm ul li.on{background:#000;}
.sch_orderlist form.orderlistForm ul li a{display:inline-block;}
.sch_orderlist form.orderlistForm ul li:first-child a{color:#ff2462;}
.sch_orderlist form.orderlistForm ul li:nth-child(2) a{color:#4049ff;}
.sch_orderlist form.orderlistForm ul li:nth-child(3) a{color:#ffa524;}
.sch_orderlist form.orderlistForm ul li:nth-child(4) a{color:#2fae8b;}
.sch_orderlist form.orderlistForm ul li:last-child a{color:#24a0ff;}
.sch_orderlist form.orderlistForm .select_sec{width:100%; padding:1%; border-top:1px dashed #76b6cd; border-bottom:1px dashed #76b6cd;}
.sch_orderlist form.orderlistForm .select_sec span.orderlist_input{display:inline-block; margin-right:5%;}
.sch_orderlist form.orderlistForm .select_sec span.orderlist_input label{margin-right:10px;}
.sch_orderlist form.orderlistForm .select_sec  span.orderlist_input label input{margin-right:5px;}
.sch_orderlist form.orderlistForm span select{padding:3px;}
.sch_orderlist form.orderlistForm .select_sec span.startday, .sch_orderlist form.orderlistForm .select_sec span.endday { display:inline-block;}
.sch_orderlist form.orderlistForm .select_sec span.startday span, .sch_orderlist form.orderlistForm .select_sec span.endday span{font-size:14px; margin-right:5px;}
.sch_orderlist form.orderlistForm .select_sec  span.startday select{background:#fffed0;}
.sch_orderlist form.orderlistForm .select_sec span.endday select{background:#e5f3ff;}
.sch_orderlist form.orderlistForm .select_sec_2{width:100%; padding-top:2%; padding-bottom:0; display:table;}
.sch_orderlist form.orderlistForm .select_sec_2 .visited label{padding:5px 10px; margin-right:5px; margin-bottom:5px; display:inline-block; background:#356e86; font-size:15px;}
.sch_orderlist form.orderlistForm .select_sec_2 .visited{display:table-cell; width:70%;}
.sch_orderlist form.orderlistForm .select_sec_2 .visited input[type="checkbox"]{margin-right:5px;}
.sch_orderlist form.orderlistForm .select_sec_2 .btn_sec.inquire{padding:0; display:table-cell; width:30%; text-align:right; vertical-align:bottom;}
.sch_orderlist form.orderlistForm .select_sec_2 .btn_sec.inquire a.btn_myOrderList{background:#00baff; margin:0 auto; padding:10px 50px; display:inline-block; text-align:center; font-size:19px; color:#fff;}

/*마이페이지 > 주문내역조회 > 주문상세내역*/
.orderlist_view .ordered{border:8px solid #dbdbdb; font-size:16px;}
.orderlist_view .ordered ul{padding:1% 3%;}
.orderlist_view .ordered ul li{display:inline-block;}
.orderlist_view .ordered ul li:first-child{border-right:1px solid #dbdbdb;}
.orderlist_view .ordered ul li b, .orderlist_view .ordered ul li span{padding:0px 20px;}
.orderlist_view .ordered ul li span{color:#488ba3; font-weight:bold;}
.orderlist_view .ordered ul li span.ordered_date{color:#525252; font-weight:normal;}
.orderer .info_group{display:table; float:left; width:50%; padding:15px 10px; border-bottom:1px solid #dbdbdb; text-align:left;}
.orderer .info_group label, .orderer .info_group_w-100 label{width:120px; display:table-cell; font-weight:bold; vertical-align:top;}
.orderer .info_group span, .orderer .info_group_w-100 span{display:table-cell;}
.orderer .info_group_w-100 span a{border-bottom:1px solid #0085b5; color:#0085b5;}
.orderer .info_group_w-100{display:table; float:none; width:100%; clear:both; text-align:left; padding:15px; border-bottom:1px solid #dbdbdb;}
.orderer .info_group_w-100 div{display:table-cell;}
.orderer .info_group_w-100 span.progress{font-weight:600;}
p.h6{text-align:left; font-size:20px; font-weight:bold; margin-top:40px; border-bottom:3px solid #215165; padding:5px;}
.orderer table td, .orderer table th{padding:10px; font-size:15px; border-bottom:1px solid #dbdbdb; border-right:1px dashed #ededed;}
.orderer table td:last-child, .orderer table th:last-child{border-right:none;}
.orderer table th{text-align:center;}
.orderer .info_group_w-100 span label{display:table-cell;}
.orderer .info_group_w-100.newDp{display:table;}
.orderer .info_group_w-100.newDp div table{font-size:14px;}
.orderer .info_group_w-100.newDp div table.details{background:#f8f8f8;text-align:center;}
.orderer .info_group_w-100.newDp div table.details td{border-right:1px dashed #ededed;}
.payment{display:table; width:100%; text-align:left;}
.payment .payment_sec{display:table-cell; width:30%; padding:2%; border-right:1px solid #ddd; border-bottom:1px solid #dbdbdb;}
.payment .payment_sec ul{font-size:13px; color:#999; padding-bottom:10px;}
.payment .payment_sec ul li p{display:inline-block; float:right;}
.payment .payment_sec p.sum{text-align:right; border-top:1px dashed #ddd; padding-top:10px;font-weight:bold;}
.payment .payment_sec ul li{background:url('../img/mypage/bullet_spr.png') 0% 50% no-repeat; padding-left:15px;}
.payment .payment_sec ul.total_sec li{background:none; font-size:14px; color:#fff; padding:0;}
.payment .payment_sec ul.total_sec li.amount_price_tot{padding-top:30px; font-weight:600; color:#fffca4; font-size:18px;}
.payment .payment_sec ul.total_sec li.amount_price_tot p{border-bottom:1px solid #fffca4;}
.btn_sec{padding:30px 0; margin-bottom:20px;}
.btn_sec a.btn{display:inline-block; padding: 8px 15px; background:#00baff;  border:3px solid #00baff; color:#fff;}
.btn_sec a.btn img{padding-right:10px;}
.btn_sec a.btn.backtolist{float:left; background:#fff; border:3px solid #000; font-weight:bold; color:#000;}
.btn_sec a.btn.requirecancel, .btn_sec a.btn.print, .btn_sec a.btn.receipt{float:right;}
.btn_sec a.btn.requirecancel{margin-right:10px; background:#666; border-color:#666;}
.btn_sec a.btn.receipt{color:#fffca4;}
.btn_sec a.btn.print{margin-right:10px;}
p.spantxt{color:red; text-align:right; padding-top:5px;}

.reason_cancel form{width:100%; margin:0 auto; background:#fff; padding:2% 3%; text-align:left; }
.reason_cancel form p{font-size:20px; padding-bottom:5px; margin-bottom:15px; font-weight:bold; text-align:center; border-bottom:2px solid #e7e7e7;}
.reason_cancel form .reasonCancel{display:table-cell;}
.reason_cancel form .reasonCancel span{text-align:left; display:block; padding: 3px 0;}
.reason_cancel form .reasonCancel span label{padding-left:5px; font-size:15px;}
.reason_cancel form input{vertical-align:middle; height:20px; line-height:20px;}
.reason_cancel form input.write_reoson{margin-left:26px; height:30px; line-height:30px; width:80%}
.reason_cancel .pop_btn_zone{padding:0 20px; margin-top:20px;}
.reason_cancel .pop_btn_zone a.btn.submit{font-size:16px;  padding:10px 0; background:#ff7b7b; color:#FFF;  display:block; text-align: center; width:100%; margin: 0 auto;}
.reason_cancel form a.btn.submit.close{text-align:right; padding:0; border:none; width:100%; margin:0 auto; display:block;}
.confirm_order{padding:20px; margin:3%; background:#c9dbff url('../img/mypage/bg_confirm.png') 95% 100% no-repeat; text-align:center;}
.confirm_order p{color:#2a60d0; font-size:16px;}

/*비밀번호 확인*/
.insert_section.modify_info .memberInsert h3.modify_pw_tit{background:none; border-bottom:2px #488ba3 solid;}
.insert_section.modify_info .memberInsert p{text-align:center; color:#888;}
.btn_sec.modify_pw_btn a.btn.print, .btn_sec.modify_pw_btn a.btn.requirecancel{float:none;}
.insert_section.modify_info .memberInsert .info_group.modify_pw_txt{border:none;}
.insert_section.modify_info .memberInsert .info_group p.modify_pw{font-weight:bold; padding:10px 0;}
.insert_section.modify_info .memberInsert .info_group p.modify_pw input{margin-left:10px;}
.insert_section.modify_info form#modify_info_pw_form{border-top:1px solid #eee; border-bottom:1px solid #eee;}


/*팝업*/
.popup_mask{position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:url('../img/mypage/bg_popup.png') 0% repeat; text-align:center;}
.popup_mask .popup_sec{position:absolute;top:50%; left:50%; background:#fff; width:300px; height:390px; margin-left:-150px; margin-top:-195px; padding:10px; border-radius:25px; }
.popup_mask .popup_sec h6{font-size:23px; border-bottom:3px solid #666; padding-bottom:5px;}
.popup_mask .popup_sec p.caution_cont{padding-top:20px; font-size:13px; color:#666; padding:30px 10px 0; text-align:left;}
.popup_mask .popup_sec .login_check{text-align:center;}
.popup_mask .popup_sec .login_check .loginForm span{padding:40px 0; display:block;font-size:17px;}
.popup_mask .popup_sec .login_check .loginForm span input{height:34px; margin-left:10px;}
.popup_mask .popup_sec .login_check .loginForm p.btn_sec{padding:0;}
.popup_mask .popup_sec .login_check .loginForm p.btn_sec a{padding:10px 30px; color:#fff; font-size:15px; margin:0 10px; display:inline-block;}
.popup_mask .popup_sec .login_check .loginForm p.btn_sec a.btn_login_check{background:#00baff;}
.popup_mask .popup_sec .login_check .loginForm p.btn_sec a.btn_login_cancel{background:#666;}


.total{background:#488ba3;}

.recently{padding-left:125px; margin-bottom:20px;}
.recently ul li:first-child p{font-size:16px; font-weight:bold;}
.recently ul li p{font-size:14px; width:80%; background:#dfdfff; padding:10px; border-bottom:1px dashed #fff;  position:relative; color:#4c018c;}
.recently ul li p span.nation_trav{font-weight:bold;}
.recently ul li p span.purchase_date{color:#7d7d7d; font-size:13px; float:right; margin-right:50px;}
.recently ul li  span.purchase_date span.using_date{background:#999; color:#fff; padding:3px; font-size:12px; letter-spacing: -1px; border-radius:5px; margin-right:5px;}
.recently ul li:last-child p{border-bottom:none;}
.recently ul li p input[type=radio]{position:absolute; top:25%; right:5%; height:20px;}
.cart ul li p{background:#ffe5bf; color:#3f2301;}

.faq_in .faq_write_form a.btn_cs{float:none; margin:0 auto; text-align:center; display:block; margin-top:20px;}
textarea{max-width:100%;}
table.board td.faq_type span{width:80px; height:30px; line-height:30px; border-radius:15px; background:#eee; display:inline-block; text-align:center;}












/*Responsive Web_login*/
@media screen and (max-width:1100px){
	#container .contentsWrap{width:auto;}
	#container .contentsWrap .joinArea .insert_section .memberInsert, #container .contentsWrap .joinArea .insert_section .memberAgreement{display:block; margin:0 auto; width:68%; height:auto;}
	#container .contentsWrap .joinArea .insert_section .memberInsert{border-right:2px solid #387d96;}
	#container .contentsWrap .joinArea .insert_section .memberAgreement{border-left:2px solid #387d96;}
	#container .contentsWrap .joinArea p.mustCheck span{left:70%;}
	#container .title .titleWrap div{display:none;}
	#container .title .titleWrap{text-align:center; width:auto;}
	#container .title .titleWrap h2{text-align:center; margin:0 auto;}
	/*1:1문의사항*/
	ul.faq_in_cont li ul a{width:100%; display:block;}
	ul.faq_in_cont li ul span{display:none;}
}

@media screen and (max-width:1024px){
	/*회원가입*/
	#container .contentsWrap .joinArea .insert_section .memberInsert, #container .contentsWrap .joinArea .insert_section .memberAgreement{width:75%;}
	#container .contentsWrap .joinArea p.btn{float:none; margin:0 auto;}
	.orderer .info_group_w-100 div table{width:640px;}
	.insert_section.modify_info{width:98%;}
	.recently ul li p{width:100%;}
	.secession_zone{width:98%}
}


@media screen and (max-width:800px){
	/*주문내역조회*/
	table.mypage .hidden_mo{display:none;}
	table.mypage colgroup{display:none;}
	table.mypage td{word-break:keep-all;}
	/*로그인*/
	#container .loginTab{width:100%; padding:10% 0;}
  	#container .loginTab ul.Tab{width:80%;}
   	#container .loginTab .login_area{width:80%;}
   	#container .loginTab ul.Tab li:first-child a, #container .loginTab ul.Tab li:first-child.on a, #container .loginTab ul.Tab li:last-child a, #container .loginTab ul.Tab li:last-child.on a{background-size:13%; background-position:13% 50%;}
	#container .contentsWrap .joinArea .insert_section .memberInsert .w-50 a.check_overlap{font-size:90%;}
	/*1:1문의사항*/
	ul.faq_in_cont li{display:block; width:100%;}
	ul.faq_in_cont li.notice{margin-top:30px; padding-left:0;}
	ul.faq_in_cont li.board{padding-right:0;}
	.sch_orderlist form.orderlistForm .select_sec{padding:2%;}
	.sch_orderlist form.orderlistForm .select_sec span.orderlist_input{display:block; padding-bottom:10px;}
	.orderer table colgroup{display:none;}
	.orderer .info_group{display:block; width:100%;}
	.orderer .info_group_w-100.newDp{display:block;}
	.orderer .info_group_w-100.newDp div{display:block;}
	.orderer .info_group_w-100.newDp div table.details{width:100%; margin-top:10px; display:table;}
	.recently ul li p span.purchase_date{margin:0; display:block; width:100%; float:none;}
	.sch_orderlist form.orderlistForm .select_sec_2 .visited, .sch_orderlist form.orderlistForm .select_sec_2 .btn_sec.inquire{display:block; width:100%;}
	.sch_orderlist form.orderlistForm .select_sec_2 .btn_sec.inquire{display:block; text-align:center; margin:0;}
	.sch_orderlist form.orderlistForm .select_sec_2 .btn_sec.inquire a.btn_myOrderList{display:block; width:70%; margin-top:10px; margin-bottom:10px;}
}

@media screen and (max-width:640px){
	#container .loginTab ul.Tab li a span{padding-left:13%;}
	#container .loginTab ul.Tab{width:85%}
   	#container .loginTab .login_area{width:85%;}
	#container .loginTab ul.Tab li{font-size:18px;}
	/*회원가입*/
	#container .contentsWrap .joinArea .insert_section .memberInsert, #container .contentsWrap .joinArea .insert_section .memberAgreement{width:90%;}
	#container .contentsWrap .joinArea .insert_section .memberInsert .info_group label{width:100%;}
	#container .contentsWrap .joinArea .insert_section .memberInsert .w-50 input{width:120px;}
	#container .contentsWrap p.history{display:none;}
	#container .contentsWrap .joinArea p.mustCheck span{display:none;}
	/*1:1문의사항*/
	.recently{padding:0;}
	.recently ul li p{width:100%; padding-left:40px;}
	.recently ul li p input[type=radio]{right:0; left:4%; }
	textarea{margin-top:10px;}
	table.board td.faq_type{width:auto; text-align:center;}
	.faq_in .faq_write_form .info_faq input.faq_subject{ margin-top:10px; width:60%; display:block;}
	.faq_in .faq_write_form .info_faq p.file_input{display:block;}

	.sch_orderlist{padding:5% 3%;}
	.sch_orderlist ul{padding-bottom:5%;}
	.sch_orderlist form.orderlistForm .select_sec{padding:5% 2%;}
	.sch_orderlist form.orderlistForm .select_sec_2{padding-top:5%;}
	.sch_orderlist form.orderlistForm .select_sec span.startday, .sch_orderlist form.orderlistForm .select_sec span.endday{display:block;}
	.sch_orderlist form.orderlistForm .select_sec span.startday{padding-bottom:8px;}
	.sch_orderlist form.orderlistForm .select_sec_2 .btn_sec.inquire a.btn_myOrderList{width:100%;}

	table.mypage td{font-size:1rem; padding:10px 3px;}
	table.mypage th{font-size:1.1rem; padding:8px 2px;}
	table.mypage td span{font-weight:bold; font-size:15px;}
	/*table.mypage th:last-child, table.mypage td:last-child{width:100px;}*/
	table.mypage td.more_view_td a.more_view_orderlist{font-size:1rem;}
	table.mypage td.more_view_td{width:auto;}

	.payment .payment_sec{display:block;width:100%;border-right:none;}
	.payment .payment_sec p.sum{border-top:none;}

	.orderer .info_group label, .orderer .info_group_w-100 label{width:100px;}
	.orderlist_view .ordered ul li b, .orderlist_view .ordered ul li span{padding:0px 5px;}
	.insert_section.modify_info .memberInsert .w-50 input{width:35%;}
	.insert_section.modify_info .memberInsert .info_group .info_text input#postalcode{width:100px;}
	.insert_section.modify_info .memberInsert .info_group .info_text input#memAdress, .insert_section.modify_info .memberInsert input[type="password"]{width:100%;}
	.insert_section.modify_info .memberInsert input[type="email"]{width:45%;}
	.insert_section.modify_info .memberInsert .info_group label, .insert_section .memberInsert .info_group .info_text{display:block;}
	.insert_section.modify_info .memberInsert .info_group .info_text span label{display:inline-block;}
	.insert_section.modify_info div span.mustchecksign{margin-top:10px;}
	.reason_cancel form a.btn.submit{display:block; position:static; text-align:center; width:60%; margin:0 auto; margin-top:15px;}

	.btn_sec a.btn.requirecancel{margin:0;}
	.btn_sec a.btn.print, .btn_sec a.btn.receipt{display:none;}
	.lastest_faq th{background:red;}

	.insert_section.modify_info .memberInsert h3.modify_pw_tit{font-size:30px; padding:15px;}
	.insert_section.modify_info .memberInsert .info_group.modify_pw_txt br{display:none;}
	.insert_section.modify_info .memberInsert .info_group p.modify_pw input{margin-left:0; margin-top:10px;}
	.insert_section.modify_info .memberInsert .info_group .info_text div.selectEmail{width:100%;}
	.insert_section.modify_info .memberInsert .info_group .info_text div.selectEmail .email_domain{display:block; width:99%; margin-top:5px;}
	.insert_section.modify_info .memberInsert p{line-height:1.3; font-size:14px; text-align: left;}
	.insert_section.modify_info .memberInsert .info_group p.modify_pw{padding:0;}
	.btn_sec.modify_pw_btn a.btn.print{display:inline-block;}


	/*나의정보수정*/
	.insert_section.modify_info .memberInsert .info_group label {width: auto; display:inline;}
	.emeil_unsubscribe .guid_ment label {display:none;}
	.emeil_unsubscribe .guid_ment .btn_complete {width:50%;}

}

@media screen and (max-width:480px){
	.insert_section .memberInsert input#memAdress{width:100%;}
	.sch_orderlist form.orderlistForm ul li a{font-size:15px;}
	.sch_orderlist form.orderlistForm ul li{margin-right:5px; font-size:16px; margin:0;}
	.orderlist_view .ordered ul li:first-child{border:none;}
	.faq_in .faq_write_form .info_faq input{width:250px;}
	.popup_mask .popup_sec{padding:3%;}
	.popup_mask .popup_sec h6{padding-top:10px;}
	.popup_mask .popup_sec .login_check .loginForm span{padding:30px 0;}
	.popup_mask .popup_sec .login_check .loginForm p.btn_sec a{padding:8px 30px; color:#fff;  margin:0 5px;}
	a.btn_common.modifyinfo{width:100%;margin-top:20px;}
	.emeil_unsubscribe .guid_ment .btn_complete {width:auto;}
	.emeil_unsubscribe .btn_release {width:100%;}

}
/*Responsive Web_login-END*/