﻿@charset "utf-8";
/* CSS Document */

/* 20150213 미디어쿼리 추가 */
/* 20150310 미디어쿼리 수정 */
@media only screen
and (max-width : 624px)
{

.Addr_size01, .Addr_size02 {width:100%;}
.Addr_size01 {margin-bottom:5px;}
.birthbox_size {width:100%; display:inline-block; margin-bottom:5px;}
.birth_size {width:89%;}/* 20150310 추가 */
}

@media only screen
and (min-width : 625px)
and (max-width : 1024px) {
.Addr_size01, .Addr_size02 {width:49%; }
.Addr_size02  {float:right;}
.birthbox_size {width:25%; display:inline-block;}/* width:-webkit-calc(33% - 40px); width:-moz-calc(33% - 40px); width:calc(33% - 40px); display:inline-block; 20150310 수정 */
.birth_size {width:80%;} /* 20150310 추가 */
}

@media only screen and (min-width : 1025px) {
.Addr_size01, .Addr_size02 {width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); overflow:hidden; }
.birthbox_size {width:-webkit-calc(33% - 40px); width:-moz-calc(33% - 40px); width:calc(33% - 40px); display:inline-block;}

}
/* 
@media only screen
and (max-width : 767px)
and (orientation:portrait) {

.Addr_size01, .Addr_size02 {width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px);}
.Addr_size01 {margin-bottom:5px;}
.birthbox_size {width:100%; display:inline-block; margin-bottom:5px;}
}


@media only screen
and (max-width : 767px)
and (orientation:landscape) {
.Addr_size01, .Addr_size02 {width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);}
.birthbox_size {width:-webkit-calc(33% - 40px); width:-moz-calc(33% - 40px); width:calc(33% - 40px); display:inline-block;}
}


@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
.Addr_size01, .Addr_size02 {width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);}
.birthbox_size {width:-webkit-calc(33% - 40px); width:-moz-calc(33% - 40px); width:calc(33% - 40px); display:inline-block;}
}

@media only screen and (min-width : 1025px) {
.Addr_size01, .Addr_size02 {width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); }
.birthbox_size {width:-webkit-calc(33% - 40px); width:-moz-calc(33% - 40px); width:calc(33% - 40px); display:inline-block;}
}
*/


/* 로그인 영역 */
.loginbox {width:280px; padding-bottom:10px; overflow:hidden; margin:0 auto; -moz-min-height:150px; -moz-backgroun:yellow;}
/*@-moz-document url-prefix() {background:yellow!important; min-height:300px!important;}*/
.login_input01 {width:190px; height:35px; float:left;}
.login_tt {width:100%; margin-bottom:10px; float:left;}
.loginbox_top {width:100%; margin-bottom:10px; overflow:hidden; border-top:1px solid #dedede; padding-top:10px;}

.search_btn {width:100%; float:left; padding:10px 0; border-top:1px solid #dedede; clear:left; }
.search_btn input {width:32%; margin-right:2%;} /* 20150310 수정 */
.search_btn input:last-child {margin-right:0%;} /* 20150310 수정 */

/* 20250721 추가 :: S */
.loginbox.type2 {width: auto; margin: 21px 20px 40px;}
.loginbox.type2 * {float: none;}
.loginbox.type2 .loginbox_top {padding: 25px 20px 20px; margin-bottom: 0; border: 1px solid #e3e3e3; background: #f6f6f6; box-sizing: border-box;}
.loginbox.type2 .title1 {margin-bottom: 18px; text-align: center; font-size: 1.17em; font-weight: 700; color: #333;}
.loginbox.type2 .findID_input01 {margin-top: 0;}
.loginbox.type2 .findID_tt {display: flex; align-items: center;}
.loginbox.type2 .findID_tt:not(:last-child) {margin-bottom: 6px;}
.loginbox.type2 .findID_tt label {width: 50px; margin-right: 10px; font-size: 1em; line-height: 1.5; flex-shrink: 0;} /* 20250730 수정 */
.loginbox.type2 .findIDinput01 {margin-bottom: 0; flex-grow: 1; box-sizing: border-box;}
.loginbox.type2 .inputSt01 {width: 100%; height: 32px; background-color: #fff; box-sizing: border-box;}
.loginbox.type2 ul {margin-top: 18px;}
.loginbox.type2 ul > li {position: relative; padding-left: 10px; font-size: 0.92em;}
.loginbox.type2 ul > li::before {display: block; content: '*'; position: absolute; left: 0; top: 0;}
.loginbox.type2 ul > li:not(:last-child) {margin-bottom: 10px;}
.loginbox.type2 .findID_bot {padding: 18px 0 0;}
/* 20250721 추가 :: E */

/* 아이디찾기 영역 */
.infoTtBox {width:100%; padding-bottom:10px; text-align:center; font-size:0.9em; line-height:130%; letter-spacing:-0.5px; float:left;}
.findID_input01 {width:100%; margin-top:10px; float:left;}
.findID_tt {width:100%; height:100%; float:left;}
.findID_tt label {width:70px; line-height:35px; font-size:1.125em; float:left;  font-family:NanumGothicBold, NanumGothic;}
.findIDinput01, .findIDinput02 {width:192px; font-size:0.8em; float:right;}
.findIDinput01 {margin-bottom:10px;}
.findIDinput02 input {margin:0 5px;}
.findIDinput02 input:first-child {margin-left:0;}
.findIDinput02 input:last-child {margin-right:0;}
.CustinputArea {width:100%; float:left;}
.CustinputArea label {display:inline-block; float:left; line-height:25px; font-family:NanumGothicBold, NanumGothic;}

.findID_bot {width:100%; float:left; text-align:center; padding:10px 0;}
.search_tt {width:100%; text-align:center; line-height:130%; padding-top:5px; font-size:0.9em; letter-spacing:-0.5px; color:#999; border-top:1px solid #dedede;}
.search_tt span.fontcolor, .search_tt span.fontcolor a {color:#2d476d;}
.phoneDash {width:15px; text-align:center; line-height:37px; font-size:1.3em; height:37px; float:left;} /* 20150310 추가*/

/* 회원가입 영역 */
/* 동의 */
/* 상단 탭메뉴 20150216 common.css 이동*/
/*
.Join_stepTab {width:100%; border-top:1px solid #FFF; border-bottom:1px solid #FFF; float:left;} *//* 20150213 float:left; 추가 *//*
.Join_stepTab li {width:33.3%; height:30px; text-align:center; padding:10px 0; float:left; background:url(/Images/Common/tapMenuBg03.png) repeat-y center right #eee; color:#333; font-size:0.95em; font-family:NanumGothicBold, NanumGothic;}
.Join_stepTab li:last-child {width:33.4%; background:#eee;}
.Join_stepTab li.on {background:url(/Images/Common/tapMenuBg03.png) repeat-y center right #ac936a; color:#FFF;}
.Join_stepTab li:last-child.on {background:#ac936a;}
.Join_stepTab li span.stepTabKr {font-size:1.25em;}

.all_chk { text-align:right; margin-bottom:5px; font-size:1.0em; font-weight:bold; color:#404040; float:right;}
.joinboxTop  {height:35px; overflow:hidden; background:#FFF; border:1px solid #CCC; margin-bottom:5px; clear:both; text-align:left;}
.joinboxTop a {width:-webkit-calc(100% - 35px); width:-moz-calc(100% - 35px); width:calc(100%  - 35px); float:left; line-height:35px; font-size:1.125em; color:#404040; font-family:NanumGothicBold, NanumGothic; display:inline-block;}
.joinboxTop input {float:left; margin:10px}
.joinboxCon {width:-webkit-calc(100% - 22px); width:-moz-calc(100% - 22px); width:calc(100% - 22px); padding:10px; margin-bottom:5px; max-height:120px; overflow-y:scroll; border:1px solid #CCC; background:#FFF; line-height:160%;}
.joinboxCon ul li {list-style-type:disc; list-style-position:inside; list-style-image:none;} 
.joinboxCon ol li {list-style-type:decimal; list-style-position:inside; list-style-image:none;} 
.joinboxCon ul.stylenone li {list-style-type:none; margin-left:40px;} 

.join_box {width:100%;} *//* 20150213 추가 *//*
.join_box section.off {display:none;}
.join_box section.on {float:left; display:table; clear:both; width:100
%;}
.joinbtn_area {width:100%; float:left; text-align:center; margin-top:10px;}
*/

/* 가입 20150213 추가 */
.Addr_inputbox, .join_infotxt {width:100%!important; float:left;}
/* .birth_size {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); 20150310 수정 상단 미디어쿼리로 이동 */
.posttxtbox {width:45px; padding-right:2px; float:left;} /* 20150310 width 수정 */

/* 가입 완료 20150213 추가 */
.join_ok_tt {width:100%; margin-top:30px; border-bottom:1px solid #FFF; padding-bottom:30px; text-align:center; line-height:20px; font-size:1.3em; font-family:NanumGothicBold, NanumGothic; font-weight:bold; color:#404040;} 
.join_ok_Con {width:100%; border-top:1px solid #e3e3e3; padding-top:20px;}
.join_con_tt {width:100%; margin:20px 0; text-align:center; line-height:140%;}
.memb_id {width:70%; height:50px; margin:0 auto; }
.memb_id dt, .memb_id dd {width:50%; height:50px; line-height:50px; text-align:center; background:#FFF; float:left;}
.memb_id dt {background:url(/Images/Common/Icon/t_bar01.png) no-repeat center right #FFF; font-family:NanumGothicBold, NanumGothic; font-weight:bold; font-size:1.2em;}
.memb_id dd { font-family:NanumGothicExtraBold, NanumGothicBold, NanumGothic; font-weight:bold; font-size:1.2em; color:#2d476d;}

/* 회원정보 수정 20150217-02 추가 */
.MembershipBtn {display:inline-block; padding:0; margin:0;}
.reserve_ttbox {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); line-height:140%; padding:20px; overflow:hidden; background:url(../Images/Membership/myOrderBg.png) no-repeat center right #f6f6f6; background-size:95px auto;} /* 20150311 float:left; 삭제 */
.reserve_ttbox h5 {font-size:1.25em; margin-bottom:5px;}
.cust_name {font-family:NanumGothicExtraBold, NanumGothicBold, NanumGothic; color:#ac936a; }


/* QnA 20150223추가 */
.question {width:100%; float:left;}
.quest_Tt {width:-webkit-calc(100% - 65px); width:-moz-calc(100% - 65px); width:calc(100% - 65px); padding:7px 7px 7px 58px; color:#666; border-top:2px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid; float:left;}
.quest_Tt h5 {font-family:NanumGothicBold, NanumGothic; font-weight:bold; margin-bottom:5px; line-height:130%;}
.quest_detail, .answ_detail {width:100%; padding:7px 7px 20px 7px; line-height:130%; overflow:hidden;} /* 20150311 float:left; 삭제 overflow:hidden; 추가 */

.answ_detail {border-bottom:1px #d4d4d4 solid;} /* 20150311 추가 */
.answer {width:100%; float:left; background:#f6f6f6;}
.answ_Tt {width:-webkit-calc(100% - 14px); width:-moz-calc(100% - 14px); width:calc(100% - 14px); padding:7px; line-height:130%; color:#666; background:#f6f6f6; border-top:1px #d4d4d4 solid; border-bottom:0;}
.answ_Tt h5 {font-family:NanumGothicBold, NanumGothic; font-weight:bold; margin-bottom:5px;}
.nreply {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:30px; border-top:1px #d4d4d4 solid; text-align:center; border-bottom:1px #d4d4d4 solid; }/* 20150311 float:left; 삭제 */

.qna_con {width:-webkit-calc(100% - 64px); width:-moz-calc(100% - 64px); width:calc(100% - 64px); overflow:hidden; margin-right:15px;} /* 20150311 float:left; 삭제 overflow:hidden; margin-right:15px; 추가 */
.qna_IconArea {width:40px; height:100%; float:left; margin-right:10px;}
.qna_icon01, .qna_icon02 {width:40px; height:40px; line-height:40px; color:#FFF; font-size:1.6em; font-family:NanumGothicExtraBold, NanumGothicBold, NanumGothic; text-align:center; border-radius:20px 20px; float:left;}
.qna_icon01 {background:#2d476d;}
.qna_icon02 {background:#ac936a;}
.QnABtnArea {width:100%; text-align:center; float:left; margin-top:10px; margin-bottom:20px;}
.QnABtn {display:inline-block; padding:0; margin:0;}

/* 20250721 추가 :: S */
.schBox {display: flex; flex-wrap: wrap; gap: 6px 4px; margin: 21px 20px 0;}
.schBox select {width: 90px;}
.schBox .inputSt12 {flex-grow: 1; width: auto;}
.schBox .inputBtnSt01 {width: 100%; margin: 0;}
.qnaList {margin: 0 20px 20px;}
.qnaList > li {padding: 10px 0; border-bottom: 1px solid #d4d4d4;}
.qnaList > li a {display: flex; gap: 10px; padding: 5px 0; justify-content: space-between; align-items: center;}
.qnaList > li.nodata {text-align: center; padding: 25px 0; font-size: 1.08em;}
.qnaList > li div {min-width: 0;}
.qnaList > li .title {margin-bottom: 12px; font-size: 1.18em; font-weight: 700; color: #404040; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qnaList > li .info {display: flex; align-items: center; color: #777; font-size: 0.91em;}
.qnaList > li .info span:not(:last-child)::after {display: inline-block; content: ''; width: 1px; height: 8px; margin: -1px 8px 0; background-color: #d4d4d4; vertical-align: middle;}
.qnaList > li .state {padding: 5px 6px; font-size: 0.91em; color: #fff; background-color: #bbb; flex-shrink: 0;}
.qnaList > li .state.ing {background-color: #ab8a55;}
.answer_txt {margin: 20px 0 10px; font-family: NanumGothicExtraBold, NanumGothicBold; font-size: 14px; font-weight: 800;}
.file_txt {text-decoration: underline;}
/* 20250721 추가 :: E */