@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

/* --------------------------------------------
 * Reset
/* ------------------------------------------ */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html{
	overflow-y:auto;
	/* ie-scrollbar */
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
::-moz-selection{background:#2a9ffd;color:white;text-shadow:none}
::selection{background:#2a9ffd;color:white;text-shadow:none}

html, body {
	height: 100%;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	zoom: 1;
}

form { height:100%; }

body{font-family:'Lato','NotoSansKR',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif;font-weight:normal;letter-spacing:-0.05em;font-size:14px;line-height:1.5;color:#333;word-break:keep-all}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0;list-style:none}
b, h1, h2, h3, h4, h5, h6 /* strong */ { font-weight:normal }
fieldset{border:0}
a{font-style:normal;text-decoration:none;color:#333}
caption{font-size:0;height:0;line-height:0;visibility:hidden;width:0}
.checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
a:focus{outline:none !important}
button img{vertical-align:middle}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
img, video{border:0;vertical-align:top}
table{ width:100%;border-collapse:collapse;border-spacing:0;/* table-layout:fixed; */word-break:break-all; }
input { vertical-align:middle;-webkit-appearance: none; -moz-appearance: none; appearance: none }
select { vertical-align:middle; }
label{cursor:pointer}
.blind, caption, hr, legend{position:absolute;top:-9999px;font-size:0;line-height:0}
.hide_text{position:absolute;display:inline-block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;text-indent:-9999em}
address, em, i{font-style:normal;font-weight:normal}
td, th{vertical-align:middle}
button, input, select, textarea{font-family:'Lato','NotoSansKR','Nanum Barun Gothic',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif;font-size:14px;position:relative;zoom:1}
embed{display:none}

.item input::-webkit-input-placeholder, .item textarea::-webkit-input-placeholder{color:#585858}
.item input:-moz-placeholder, .item textarea:-moz-placeholder{color:#585858;opacity:1}
.item input::-moz-placeholder, .item textarea::-moz-placeholder{color:#585858;opacity:1}
.item input:-ms-input-placeholder, .item textarea:-ms-input-placeholder{color:#585858}
.item input:placeholder-shown, .item textarea:placeholder-shown{color:#585858}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;opacity:1}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;opacity:1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999}
input:placeholder-shown, textarea:placeholder-shown{color:#999; padding:0 10px;}
/* --------------------------------------------
 * skip
/* ------------------------------------------ */
#skip_navi {position:relative;text-align:center;}
#skip_navi a {display:block;overflow:hidden;width:0;height:0;font-weight:bold;white-space:nowrap;}
#skip_navi a:focus, #skip_navi a:active {overflow:hidden;width:100%;height:30px;line-height:30px;color:#ffffff;background:#006cb8;}

/* --------------------------------------------
 * 여백
/* ------------------------------------------ */
/* margin */
.mg0 { margin:0 !important;}
.mg5 { margin:5px !important;}
/* margin-top */
.mgt0 { margin-top:0 !important}
.mgt10 { margin-top:10px !important}
.mgt20 { margin-top:20px !important}
.mgt30 { margin-top:30px !important}
.mgt50 { margin-top:50px !important}
.mgt100 { margin-top:100px !important}
.mgt75 { margin-top:75px !important}

.mgt150 {margin-top:150px !important}
.mgt200 {margin-top:200px !important}

/* margin-bottom */
.mgb0 {margin-bottom:0 !important}
.mgb1 {margin-bottom:1px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
/* margin-left */
.mgl0 {margin-left:0 !important}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
/* margin-right */
.mgr0 {margin-right:0 !important}
.mgr10 {margin-right:10px !important}
.mgr20 {margin-right:20px !important;}
.mgr30{margin-right:30px!important;}

/* padding */
.pd0 {padding:0 !important}
.pd10 {padding:10px; }
/* padding-top */
.pdt0 {padding-top:0 !important}
.pdt10 {padding-top:10px !important}
.pdt20 {padding-top:20px !important}
.pdt30 {padding-top:30px !important}
/* padding-bottom */
.pdb0 {padding-bottom:0 !important}
/* padding-left */
.pdl0 {padding-left:0 !important;}
.pdl10 {padding-left:10px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}
/* padding-right */
.pdr0 {padding-right:0 !important}

/* --------------------------------------------
 * font
/* ------------------------------------------ */
.txt_red {color:#FA4242 !important;}
.txt_wht {color:#FFFFFF !important;}
.txt_org {color:#f57f17 !important;}
.txt_blue {color:#1e88e5 !important;}

.txt_fs13 {font-size:13px;}
.txt_fs14 {font-size:14px;}
.txt_fs23 {font-size:23px;}

.txt_c000 {color:#000000 !important;}
.txt_c222 {color:#222222 !important;}
.txt_c333 {color:#333333 !important;}
.txt_c666 {color:#666666 !important;}
.txt_c888 {color:#888888 !important;}
.txt_c999 {color:#999999 !important;}
.txt_through{text-decoration:line-through;}
.txt_under{text-decoration:underline;}

.txt_fw300 {font-weight:300;}
.txt_fw400 {font-weight:400;}
.txt_fw600 {font-weight:600;}

.txt_fw700 {font-weight:700;}
.txt_fw900 {font-weight:900;}
.dib{display:inline-block;}
.color_ylw{color:#f7e723 !important;}
.color_red{color:#f83219 !important;}
.color_blue {color:#1894cb !important;}
.color_bb {color:#2895ff !important;}
.color_sky {color:#2594cb !important;}

.inner{ position:relative; }
.arrBtn {text-align: center; margin-bottom:30px;}
.arrBtn .arrPre {}
.arrBtn .arrNext {}
.arrBtn button {
	width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 10px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 5px 10px 0px rgba(0,13,56,0.1)
}
.arrBtn button:hover{background: linear-gradient(to right, #fb6612 0%, #ff2020 100%); color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.arrBtn button i{font-size:30px;}

.rotate-plus .rotate-item {
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}

.rotate-plus:hover .rotate-item {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}
/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1{padding:.3em 1.5em 0 0; display:inline-block;}
.checksWrap_st1:last-child{padding-right:0;}
.checksWrap_st1 .checks, .checksWrap_st2 .checks{position:relative;line-height:22px;}
.checksWrap_st1 input[type="checkbox"], .checksWrap_st1 input[type="radio"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:0px;height:0px;-webkit-appearance:none;}
.checksWrap_st1 label, .checksWrap_st2 label{background:url("/_img/check_off.png") 0 center no-repeat;display:inline-block;position:relative;top:0;left:0;height:26px;line-height:26px;font-size:14px;color:#666;padding:0 0 0 23px;z-index:10;}
.checksWrap_st1 label.on, .checksWrap_st2 label.on{background:url("/_img/check_on.png") 0 center no-repeat; font-weight:bold;}
.checksWrap_st1 a, .checksWrap_st2 a{display:inline-block;font-size:12px;line-height:26px;padding:0 12px;background:#777;color:#fff;border-radius:2px;margin:-2px 0 0 10px; float:right;text-align:center;}
.checksWrap_st1 a, .checksWrap_st2 a:link{color:#fff;}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;overflow:hidden}
.layerPopup.open{display:block}
.layerPopup .bg_mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter: alpha(opacity=70);-moz-opacity:0.7;z-index:999}
.layerPopup .layerBody{position:absolute;left:50%;top:50%;background:#fff;border-radius:3px;box-shadow:0 4px 16px 0 rgba(0,0,0,0.2);z-index:9999}
.layerPopup .layerBody.fadeIn{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.layerPopup .layerBody .close{width:80px;height:80px;line-height:80px;display:inline-block;position:absolute;right:0;top:0;text-align:center;z-index:100;background:url("/_img/ico_close.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px}
.layerPopup .layerBody h2.tit{color:#000;line-height:84px;height:80px;padding-left:40px;font-size:22px;border-bottom:1px solid #eeeeee}
.layerPopup .layerBody h2.tit .desc{display:inline-block;font-size:13px;margin-left:10px;color:#808189}
.layerPopup .layerBody .contPop{width:650px;min-height:400px;max-height:440px;padding:40px 60px 40px 40px;overflow:hidden;overflow-y:auto}

h3.policy_dep1{margin:28px 0 12px;color:#000;font-size:15px;line-height:1.3}
.policy_txt{margin-top:4px;font-size:13px;color:#888}
.contPop h3 {margin-top:15px;}
.policy_dep2{margin-top:14px;font-size:13px;color:#888}
.policy_dep2>li{position:relative;margin-top:7px;padding-left:26px}
.policy_dep2>li>span.num{display:inline-block;position:absolute;top:0;left:2px}

.policy_dep3{margin-top:6px;font-size:13px;color:#888}
.policy_dep3>li{position:relative;margin-top:2px;padding-left:7px}
.policy_dep3>li:before{content:'';width:2px;height:2px;display:inline-block;background:#888;position:absolute;top:8px;left:0}

@media only screen and (max-width: 750px){
	.layerPopup .layerBody{width:90vw}
	.layerPopup .layerBody .close{width:60px;height:60px;line-height:60px;-webkit-background-size:18px 18px;-moz-background-size:18px 18px;-o-background-size:18px 18px;background-size:18px 18px}
	.layerPopup .layerBody h2.tit{line-height:62px;height:60px;padding-left:20px;font-size:16px}
	.layerPopup .layerBody .contPop{width:100%;min-height:106vw;max-height:120vw;padding:20px 20px 30px}
	h3.policy_dep1{font-size:13px;margin:22px 0 10px}
	.policy_dep2, .policy_dep3, .policy_txt{font-size:12px;line-height:1.45}
	.policy_txt{margin-top:3px}
	.policy_dep2{margin-top:10px}
	.policy_dep2>li{margin-top:4px;padding-left:20px}
	.policy_dep3{margin-top:2px}
}

.flR{float:right;}
.flL{float:left;}

.btnWrap { width:100%; text-align:center; display:flex; justify-content: space-between; }
.btnWrap .btn { flex-grow: 1; background: #ffe221; color: #000; padding: 7px 5px; /* padding:13px; display:inline-block; width:100%; */ border-radius:30px; border: 1px solid rgba(0,0,0,0.1); box-sizing:border-box; }
.btnWrap .btn-sm { flex-grow: 1; padding: 1px 1px; font-size:12px; /* padding:13px; display:inline-block; width:100%; */ border-radius:5px; border: 1px solid rgba(0,0,0,0.1); box-sizing:border-box; }

.btnWrap .btn.red { background: #dc2c35; color:white; }
.btnWrap .btn.blue { background: #3498db; color:white; }
.btnWrap .btn.yellow { background: #f7e722; color:#333; }

.btnWrap .btn-silver { background: #777; color:#FFF; }
.btnWrap .btn-gray { background: #555; color:#FFF; }
.btnWrap .btn-dark { background: #333; color:#FFF; }

.btnWrap .btn i {margin: 4px 0 3px 5px;}
.btnWrap .btn.prebtn { background: #ccc; color: #fff; }
.btnWrap .btn.prebtn i {margin:3px 3px 3px 0;}

/*
.btnWrap.w20 .btn { width:20.0000%; }
.btnWrap.w25 .btn { width:25.0000%; }
.btnWrap.w33 .btn { width:33.3333%; }
.btnWrap.w50 .btn { width:50.0000%; }
.btnWrap.w100 .btn { width:100.0000%; }
*/




.swiper-button-next, .swiper-button-prev {color:#333;}
/*
.btnWrap > .btn{position:relative; display:inline-block; width:150px; height:46px; padding:2px; background-color:#717171; border-radius:30px;overflow:hidden;}
.btnWrap > .btn:before{position:absolute; top:0; left:0; display:block; content:""; width:0; height:100%; 
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
	background: rgb(68,188,188);
	background: linear-gradient(to right, #fb6612 0%, #ff2020 100%);
}
.btnWrap > .btn span{position:relative; display:block; letter-spacing:0; text-align: center; font-size:14px; border-radius:30px; line-height:42px; color:#545454;font-weight:600; padding:0 10px 0 10px; background-color:#fff;}
.btnWrap > .btn span i{
    font-size: 19px;
    margin: 12px 0px 0 5px;
}

.btnWrap > .btn:hover{background:none;}
.btnWrap > .btn:hover:before{width:100%;}
.btnWrap > .btn:hover span{background:none; color:#fff;}
.btnWrap > .btn:hover span i{color:#fff;}
*/


/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st1 */
.table_st1 table{border-top:2px solid #555555;border-bottom:1px solid #e1e1e1}
.table_st1 th{
    font-size: 14px;
    line-height: 22px;
    color: #999;
    font-weight: 400;
    padding: 5px 0;
    background: #f2f4f6;
    text-align: center;
}
.table_st1 tr td { color:#333; }
.table_st1 tr.active td { color:#333; font-weight:bold; }

.table_st1 tr td:first-child,
.table_st1 tr th:first-child{border-left:0}
.table_st1 td{
	font-size: 14px;
    /* line-height: 16px; */
    color: #444;
    font-weight: 400;
    padding: 10px 0;
    vertical-align: top;
    text-align: center;
	border-bottom:1px solid #eee;
}
.table_st1 td:last-child{}
.table_st1 td p{}
.table_st1 td li{position:relative;padding-left:8px}
.table_st1 td li.mark{color:#aaa}
.table_st1 td li:before{content:'';width:4px;height:1px;display:inline-block;background:#777;position:absolute;top:12px;left:0}

.table_st1 td.option {background:#f2f4f6; text-align:left; padding-left:20px;}
.rightBox .table_st1 td.option {background: #e9ebf0;}
.table_st1 td.option span {
    margin-right: 3px;
    border: 1px solid;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 13px;
    vertical-align: middle;
	background:#fff;
	word-break: keep-all;
	display:inline-block;
	margin-bottom:3px;
	font-weight:400;
}
.table_st1 td.option h4.tit {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    color: #888;
	font-size:13px;
}
.table_st1 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st1 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}

/* table_st2 */
.table_st2{}
.table_st2 ul{overflow:hidden}
.table_st2 span{display:table-cell;padding-right:20px;box-sizing:border-box}
.table_st2 span.no{width:16%}
.table_st2 span.tit{width:64%}
.table_st2 span.prs{width:20%}
.table_st2 .thead{display:table;width:100%;border-bottom:2px solid #d9d9d9;color:#878787;font-size:13px;line-height:1.25;letter-spacing:0}
.table_st2 .thead span{position:relative;padding:2px 0 6px}
.table_st2 .thead span:before{content:'';width:1px;height:16px;position:absolute;left:-20px;top:0;background:#d9d9d9}
.table_st2 li>a{position:relative;display:table;table-layout:fixed;width:100%;padding:16px 0;font-size:15px;color:#878787;border-bottom:1px solid #d9d9d9;cursor:default}
.table_st2 li>a span.tit,
.table_st2 span.prs.prs_ing{color:#222}
.table_st2 li>a:hover,
.table_st2 li>a:hover span{color:#33ccff !important;border-color:#33ccff}

/* table_st3 */
.table_st3 table{}
.table_st3 td,
.table_st3 th{ }
.table_st3 tbody th{
    font-weight: 400;
}
.table_st3 td .tit {display:block;}
.table_st3 tbody tr {}
.table_st3 td{font-size:14px;color:#555;font-weight:400;padding:12px;}
.table_st3 tbody tr td {}

.table_st3 td input {
    background: #f2f4f6;
    height: 45px;
    padding: 0 20px;
    width: 100%;
    outline: none;
    border-radius: 30px;
}
.table_st3 td p{}
.table_st3 td p.phone {
    line-height: 24px;
    text-align: center;
    font-size: 23px;
    font-weight: 500;
}
.table_st3 td p.phone i {margin:2px 7px 0 0; color:#e32733;}
.table_st3 td li{position:relative;}
.memberJoin .table_st3 td .uploadOneWrap .uploadOneBox{margin:0; border:1px solid #eee;}
.memberJoin .uploadOneWrap .uploadOneBox .uploadOneText {border-top:1px solid #eee;}
.uploadOneWrap .uploadOneBox .uploadOneThumb {background:url(/_img/fileaddimg.png) no-repeat center center #f2f4f6; background-size:auto 60px;}
.table_st3 td li.mark{color:#aaa}
.table_st3 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}

/* table_st4 */
.table_st4 table{    table-layout: auto;}
.table_st4 td,
.table_st4 th{

}
.table_st4 td.btnInput {}
.table_st4 td.btnInput > div {margin-top:5px;}
.table_st4 td.btnInput > div:first-child {margin-top:0px;}

.table_st4 th{
    color: #222;
    font-weight: 600;
    padding: 12px 0;
    background:transparent;
    /* border-bottom: 1px solid #e4e4e4; */
}
.table_st4 tbody th{ }
.table_st4 tbody tr {}
.table_st4 td{
	line-height: 26px;
    color: #555;
    font-weight: 400;
    padding: 5px 15px;
}
.table_st4 td p{}
.table_st4 td p.phone {
    line-height: 24px;
    text-align: center;
    font-size: 23px;
    font-weight: 500;
}
.table_st4 tbody tr.hidden {visibility: collapse;background:#f2f4f6;}
.table_st4 tbody tr.hidden td {padding:5px 15px 10px}
.table_st4 tr.hidden td .radioBtn2 span{font-size:14px; color:#888}
.table_st4 tr.hidden td .radioBtn2 .on span {color:#333;}
.table_st4 tr.hidden td .radioBtn2 {margin-right:10px;}
.table_st4 td p.phone i {margin:2px 7px 0 0; color:#e32733;}
.table_st4 td li.mark{color:#aaa}
.table_st4 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st4 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}
.table_st4 input {border:1px solid #e4e4e4; padding:0 10px; height:36px;}
.table_st4 input:hover{border:1px solid #333;}
.table_st4 input.w100 {width:100%;}
.table_st4 td label input{ display:none;}
.table_st4 td.line36 {line-height:42px}
.table_st4 td.line36 .button, .table_st4 td.line36 .button {
    margin-top:10px;
}
.table_st4 td .button, .table_st4 td .button {
    padding: 0px 10px;
    background: #333;
    color: #fff;
    display: inline-block;
    line-height: 26px;
    font-size: 13px;
    border-radius: 3px;
    margin: 5px 0 0;
}
.table_st4 td .button.delete, .table_st4 td .button.delete{background:#aaa;}
.table_st4 td .button.ylwBtn, .table_st4 td .button.ylwBtn{
	background:#f7e723; color:#111;
	margin-right:5px;
}
.table_st4 td select {
    padding: 0px 35px 0px 10px;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: url(/_img/icon_arr_downs.png) no-repeat right top #fff;
    background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    outline-style: none;
	height:36px;
}
.table_st4 td textarea {width:100%; height:130px; border:1px solid #e4e4e4; padding:10px;}
.table_st4 td.point{letter-spacing:0; font-weight:bold;}
.table_st4 td.point.plusBlue{color:#2594cb}
.table_st4 td.point.minusRed{color:red;}
.table_st4 td.tableTit {font-weight:600; }
.table_st4 td.point .pointIco{
    background: #47516e;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    line-height: 17px;
    text-align: center;
    margin-left: 5px;
    color: #f7e723;
    font-size: 11px;
}
.table_st4 td.phone input {width:auto;}
.table_st4 td.btnInput input{margin-right:3px;}
.table_st4 td.center{text-align:center; padding-bottom:15px;}
.table_st4 td .inputTit {position:relative; display:inline-block;}
.table_st4 td .inputTit input {padding-right:40px;}
.table_st4 td .inputTit label{
    position: absolute;
    right: 6px;
    top: 5px;
    font-size: 11px;
    color: #999;
}


.inpSwitch {display:inline-block; width:100%; position:relative; height:30px; -webkit-tap-highlight-color:transparent; font-weight:400;}
.inpSwitch input { display:none; }

.wrapLeft .inpSwitch {color:#000;}

.inpSwitch input+.toggle {display:inline-block;position:relative;height:24px;font-size:14px;letter-spacing:-0.5px;line-height:25px; width:100%;}
.inpSwitch input+.toggle:before {display:inline-block;float:right;position:relative;top:2px;width:42px;height:20px;border-radius:10px;vertical-align:top;background:#e5e5e7;-webkit-transition:background 0.1s linear;transition:background 0.1s linear;content:""}
.inpSwitch input+.toggle:after {display:block;position:absolute;top:0;right:18px;width:22px;height:22px;border:1px solid #dcdcde;border-radius:50%;vertical-align:top;background:#fff;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;content:""}

.inpSwitch input.active+.toggle:before
,.inpSwitch input:checked+.toggle:before {background:#2895ff;}
.inpSwitch input.active+.toggle:after
,.inpSwitch input:checked+.toggle:after {right:0;border-color:#2895ff;}



.inpSwitch input+.toggle .lbl {margin-right:8px;}
.inpSwitch input+.toggle:empty {margin-left:27px;line-height:23px;}
.inpSwitch input+.toggle:empty:before {text-indent:-27px;content:"OFF"}
.inpSwitch input:checked+.toggle:empty:before {color:#161a25;content:"ON"}
.inpSwitch input#save_on_off {display:none;}
.boxStyle01{/* box-shadow:0px 3px 6px 0px rgba(0,13,57,0.1);margin-bottom: 15px; */ }
.boxStyle01 .tab {
	margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.boxStyle01 .tab > ul {margin:0 -3px}
.boxStyle01 .tab li{float:left;}
.boxStyle01 .tab .w25 li{width:25%;}

.boxStyle01 .tab li a{
    display: block;
    text-align: center;
    line-height:36px;
    background: #9598a1;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.25);
    margin: 0 3px;border-radius: 5px;
}
.boxStyle01 .tab li.active a{
    background: #f7e723;
    color: #111;
}

.contentsWrap .mScrap{
	position: absolute;
    top: 20px;
    left: 20px;
	z-index:2;
	display:none;
}
.contentsWrap .mScrap .btn {
    background: #fff;
    padding: 5px 15px 5px 10px;
    border-radius: 30px;
    box-shadow: 0px 5px 10px 5px rgba(0,13,57,0.1);
}
.contentsWrap .mScrap .btn i {
    background: url(/_img/mstar01.png)no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: auto 21px;
}
.contentsWrap .mScrap .btn.on i {
	background: url(/_img/mstar02.png)no-repeat; background-size: auto 21px;
} 



.pageLayer {
	position: fixed;
	z-index:1000;
/*
	width: 600px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -300px;
*/
}

.pageLayer.half { 
	top:50%;
	height:50%;
}

.pageLayer .pageLayerWrap {
	width: 600px;
	height: 600px;

	position: relative;

    background: #fff;
    border-radius: 10px;
	box-shadow:0px 10px 20px 10px rgba(0,13,57,0.1);
	overflow:hidden;
}

.pageLayer .pageLayerWrap .pageLayerHead { width: 100%; }
.pageLayer .pageLayerWrap .pageLayerCont { width: 100%; height: 100%; padding:0 10px 10px; }

/*

.pageLayer .popWrap
,.pageLayerBody {
	width: 100%;
	min-height: 530px;
	max-height: 530px;
	padding: 40px 40px 40px 40px;
	overflow: hidden;
	overflow-y: auto;
	display:inline-block;
}

*/






.pageLayer iframe {  }

.pageLayer .popWrap .tableBox{background:#fff; padding: 15px; margin-top: 10px; line-height:43px;}
.pageLayer .popWrap .tableBox .radioBtn2{display:block; margin-bottom:10px;}
.pageLayer .popWrap .tableBox .radioBtn2 span {font-size:13px;}
.pageLayer .popWrap .tableBox .wInput{display:inline-block;}
.pageLayer .popWrap .tableBox .wInput .inputTit label{right:16px;}
.pageLayer .popWrap .tableBox .wInput .inputTit input{padding-right:20px}
.pageLayer .popWrap .tableBox .radioBtn span {width: auto; line-height: 24px;padding: 5px 10px;font-size:13px;}
.pageLayer .popWrap .tableBox .radioBtn label.on span {background: #f7e722; color:#111;}
.pageLayer .popWrap .tableBox .btnWrap {text-align:right; margin-top:10px; margin-bottom:0;}
.pageLayer .popWrap .tableBox .btnWrap .button:nth-of-type(2){background:#aaa;}
.pageLayer .popWrap .tableBox input {width:65px; margin-right:10px; }
.pageLayer .popWrap .tableBox .etcOpt input {width:150px; margin-left:10px;}
.pageLayer .popWrap .tableBox span.txt { color:#777;display:inline-block;margin-right: 5px;vertical-align: middle;}
.pageLayer .popWrap .tableBox p.noticetxt{
	line-height: 17px;
    word-break: keep-all;
    font-size: 11px;
    color: red;
	padding:10px; background:#f2f4f6;
}
.pageLayer .popWrap .tableBox .add{margin-bottom:20px; border-bottom:1px solid #e4e4e4; padding-bottom:20px;}

.pageLayer .close {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 0;
    text-align: center;
    z-index: 100;
    cursor: pointer;
	font-size:21px;
	opacity:0.8
}
.pageLayer .close i {
	margin-top: 25px;
	color:#666;
}
.pageLayer h2.tit {
    background: #fff;
    color: #333;
    line-height: 60px;
    height: 60px;
    padding-left: 30px;
	font-weight:700;
    font-size: 18px;
    border-bottom: 1px solid #eeeeee;
}
.pageLayer h2.tit.ylwTit {background:#f7e722; color:#111; border:none; font-weight:bold;}
.pageLayer h2.tit.whiteTit {background:#fff; color:#111; border:none; font-weight:bold;}
.pageLayer span.ylwIco i{color:#111;}

.pageLayer .popWrap .tab01 {}
.pageLayer .popWrap .tab01 li {
    display: inline-block;
    margin-top: 10px;
}
.pageLayer .popWrap .tab01 li .btn {color:#fff;background: #cccccc; display:block;padding: 0px 10px; border-radius: 5px;}
.pageLayer .popWrap .tab01 li.active .btn {background:#2594cb;}

/* radioBtn */
.radioBtn{display: inline-block;margin-right: 5px;}
.radioBtn input[type="checkbox"], .radioBtn input[type="radio"]{position:absolute;z-index:-10;width:20px;height:20px;background:transparent; left:-15px; top:0;;-webkit-appearance:none; border:none;}
.radioBtn label{}
.radioBtn span{
    font-size: 14px;
    padding: 5px 5px;
    background: #e6e6e6;
    color: #777;
    border-radius: 30px;
    width: 85px;
    display: inline-block;
    text-align: center;
}
.radioBtn label.on span {background:#f7e722; color:#111;}
.pageLayer .btnWrap .btn {margin-top:25px; font-weight:600; font-size:16px;}


/* radioBtn2 */
.radioBtn2{height:20px;line-height:20px;display:inline-block;position:relative;overflow:hidden; vertical-align:middle; margin-top:5px;}
.radioBtn2 input[type="checkbox"]
,.radioBtn2 input[type="radio"] { position:absolute;z-index:-10;width:20px;height:20px;background:transparent; left:-15px; top:0;;-webkit-appearance:none; border:none; }
.radioBtn2 label{ padding-left:20px }
.radioBtn2 label:before{content:'';display:inline-block;width:20px;height:20px;border:1px solid #aaa;border-radius:50%;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
.radioBtn2 label:focus:before, .radioBtn2 label:hover:before{border-color:#333}
.radioBtn2 label.on:before{
	border: 2px solid #f7e723;
    content: "\2713";
    text-align: center;
    font-weight: bold;
    line-height: 12px;
    color:#333;
	background:#f7e723
}

.radioBtn2 span{font-size:15px; font-weight:500; margin-left:5px; margin-right:10px; color:#555;}
.radioBtn2 label.on span{font-weight:700}
.file_wrap {
    width: 100%;
	margin:10px 0;
    padding: 20px;
    background: #fff;
	box-shadow: 0px 3px 6px 0px rgba(0,13,57,0.1);
    border-radius: 10px;
}
.filebox_wrap { overflow:hidden; }
.filebox_wrap li {
    position: relative;
    float: left;
    margin-right: 10px; border:1px solid #e4e4e4;
}
.filebox_wrap li img {width:100%;}
.filebox_wrap li:first-child { margin-left:0; }
.filebox_wrap li img { width:88px; height:88px; }
.filebox_wrap li input.img_upload { position:absolute; left:0; top:0; width:100%; height:100%; background:gold; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
.filebox_wrap li a.remove { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; text-align:center; background:#000; font-size:11px; color:#fff; display:block; }
.filebox_wrap li a.remove {}
.filebox_wrap li h4 {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 5px;
	border-top:1px solid #e4e4e4;
	font-size:13px;
}
.file_wrap p.txt{
    text-align: left;
    margin-top: 15px;
    font-size: 13px;
    color: #ce222d ;
}
.memberJoin .uploadOneWrap ul li {width:80%;}

.pop {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	background: #fff;
	padding:0;
	z-index: 999;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding-top:20px;
}

.pop .pop-container {
}

.pop .pop-container p,
.pop .pop-container label {
	color: #092c4c;
	line-height: 1.5;
}

.pop .pop-container p {
	font-size: 13px;
}

.dim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.7);
	z-index: 99;
}
.pop .pop-container .houseViewWrap .houseViewIco .closeBtn {background:url(/_img/closebtn.png)no-repeat center; background-size:18px; position:absolute; width:30px; height:30px; display:block; right:20px; top:0; content:'';}
.houseViewWrap .houseViewIco .starBtn  {background:url(/_img/mstar01.png)no-repeat center; background-size:30px; position:absolute; width:30px; height:30px; display:block; right:58px; top:0; content:''; }
.houseViewWrap .houseViewIco .starBtn.on  {background:url(/_img/mstar02.png)no-repeat center; background-size:30px;}
.pop .pop-container .houseViewWrap .houseViewInfo .leftContents {max-width:130px; overflow:hidden;}

.pop .pop-container .houseViewWrap .houseViewInfo .rightContents {margin-left:4%; width:50%;}
.pop .pop-container .houseViewWrap .houseViewInfo {display:inline-block; width:100%;}
.pop .pop-container .houseViewWrap h2.tit {padding-right:70px;}
.pop .pop-container .houseViewWrap .btnWrap { margin:15px 20px; }
.pop .pop-container .houseViewWrap {
    background: #fff;
    width: 100%;
    max-width: 600px;
    margin: auto;
	position:relative;
}
.roundBox{
	background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,13,57,0.1);
}

.photo.completeImg{
	position:relative; height:100%;width:100%;
}
.photo.completeImg:after{
	position:absolute; width:100%; height:100%;background:url(/_img/completeimg.png)no-repeat rgba(0,0,0,0.6) center;content:'';top:0;left:0;
}
.productList ul li.completeItem .photo{
	position:relative; height:100%;width:100%;
}
.productList ul li.completeItem .photo:after {
	position:absolute; width:100%; height:100%;background:url(/_img/completeimg.png)no-repeat rgba(0,0,0,0.4) center;content:'';top:0;left:0;
}

@media only screen and (max-width: 1280px) {
	.houseViewWrap .houseViewIco02 li a i {background: url(/_img/mhouseviewico02.png)no-repeat; background-size:auto 25px;zoom: 0.5;margin-top: 6px; }
	.photo.completeImg:after {background:url(/_img/mcomplteimg.png)no-repeat center;background-size: 100%;}
	.productList ul li.completeItem .photo:after {background:url(/_img/mcomplteimg.png)no-repeat center;background-size: 100%; }
	.checksWrap_st1 label, .checksWrap_st2 label { background:url("/_img/check_offb.png") 0 center no-repeat;background-size:18px }
	.checksWrap_st1 label.on, .checksWrap_st2 label.on { background:url("/_img/check_onb.png") 0 center no-repeat; background-size:18px }
	.inpSwitch input#save_on_off { display:block; width: 100%;height: 100%; position: absolute; z-index: 1111; right: 0;appearance: none; text-overflow: "";}
	.contentsWrap .mScrap { display:block; }
}

@media only screen and (max-width: 750px) {
	.pageLayer .pageLayerWrap { height:100%; border-radius:0; }
	.pageLayer .pageLayerWrap h2.tit {line-height:50px; height:50px; font-size:16px; font-weight:bold; padding-left:10px;background: #fff;color: #333;}
	.pageLayer .pageLayerWrap .close {width:50px; height:50px; }
	.pageLayer .pageLayerWrap .close i {margin-top:13px;color:#888;}



/*
	.pageLayer { width:100%; height:100%; left:0; top:0; margin:0; border-radius:0; }
	.pageLayer h2.tit {line-height:55px; height:55px; font-size:16px; font-weight:bold; padding-left:20px;background: #fff;color: #333;}
	.pageLayer .popWrap {min-height:100%; padding:30px 20px }
	.pageLayer .houseRegister{ }
*/

	.radioBtn{ margin: 0px 3px 3px 0;}
	.radioBtn span{}
/* 	.table_st4 input{ width:100%; } */
	.table_st4 td .button, .table_st4 td .button {}

/*
	.pageLayer .popWrap .btnWrap{margin-bottom:50px; display:inline-block; width:100%;}
	.pageLayer .popWrap .houseViewComment .btnWrap {margin:0; padding:0; }
*/
	.radioBtn span { width:70px; }

/*
	.pageLayer .processWrap li{width:35px; height:35px; line-height:34px;font-size:13px;}
	.pageLayer .popWrap .tableBox span.txt { font-size:13px; display: block;text-align: left;line-height: 1; margin-top: 10px;}
	.pageLayer .popWrap .tableBox input {width:95%}
	.pageLayer .popWrap .tableBox .wInput{width:49%; display:inline-block;}
*/

	.loginWrap .formWrap .formBox .inputWrap_st1 button { width:80px; font-size:12px; }
/* 	.table_st3 td input {width:90%; height:40px; font-size:12px;} */
	.table_st4 th {font-size:13px; vertical-align:top;}
	.table_st3 tbody th {font-size:12px;}
	.pop .pop-container .houseViewWrap .viewTable.viewTable02 {font-size:14px;}
	.pop .pop-container .houseViewWrap .viewTable tr td {line-height:18px;}
	.btnWrap .btn {border-radius:5px;}
	.joinForm.table_st3 td {padding:5px 2px;}
	.joinForm .uploadOneWrap .uploadOneBox .uploadOneText {font-size:13px;}
	#wrap .pageLayer .mypageWrap .inner {padding:20px;}
	.table_st4 td.btnInput input{width:calc(100% - 50px)}
	.table_st1 th {line-height:15px; padding:10px 0;}
	.noticeWrap .noticeBox ul li a p.txt{font-size:13px; line-height: 20px;}
	.table_st4 td.btnInput.line36 input {width: calc(100% - 99px);}



}
	.pd-0  {padding:10px 0 0 0 !important; margin-top:5px;}
	.txt-center {text-align:center;}
	.txt-left {text-align:left;}
	.d-none th {height:1px; padding:0;}
	#housewrite-custom input {border-radius:5px;}
	#housewrite-custom .d-inline {}
	#housewrite-custom input.wd-5 {float:left; width:49.7%; }
	#housewrite-custom input.mr-1 {margin-right:2px; margin-bottom:0;}
	#housewrite-custom input.wd-10 {width:100%;}
	#housewrite-custom .pd-0 {padding:5px 15px 0 0 !important; }

	#housewrite-custom .row { position:relative; }
	#housewrite-custom .col-wd-3 {float:left; width:30%; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	#housewrite-custom .col-wd-4 {float:left; width:40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	#housewrite-custom .col-wd-5 {float:left; width:50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	#housewrite-custom .col-wd-6 {float:left; width:60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	#housewrite-custom .col-wd-7 {float:left; width:70%; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }

	#housewrite-custom .table_st4 th {width:80px;}
	#housewrite-custom .table_st4 {margin-bottom:10px;}
	#housewrite-custom .justify-change {justify-content: center;}

	#housewrite-custom .col-wd-3 {float:left; width:30%;}
	#housewrite-custom .col-wd-5 {float:left; width:50%;}
	#housewrite-custom .col-wd-7 {float:left; width:70%;}




@media only screen and (max-width: 670px){
	#housewrite-custom input.wd-5 {width:100%; float:inherit;}
	#housewrite-custom input.mr-1 {margin-right:0; margin-bottom:5px;}

	#housewrite-custom .row { flex-direction: column; }
	#housewrite-custom .col-wd-3 { float:inherit; position: relative; width:100%; max-width:100%; }
	#housewrite-custom .col-wd-4 { float:inherit; position: relative; width:100%; max-width:100%; }
	#housewrite-custom .col-wd-5 { float:inherit; position: relative; width:100%; max-width:100%; }
	#housewrite-custom .col-wd-6 { float:inherit; position: relative; width:100%; max-width:100%; }
	#housewrite-custom .col-wd-7 { float:inherit; position: relative; width:100%; max-width:100%; }

	#housewrite-custom .justify-change {justify-content: flex-start;}
}
@media only screen and (max-width: 599px){
	.table_st4 input{ width:100%; }


	/*#housewrite-custom .wd-5 {width:100%;}
	#housewrite-custom .mr-1 {margin-right:0;}
	#housewrite-custom .d-inline tr {display:contents;}
	#housewrite-custom .d-inline td.label-btn {padding:5px 25px 5px 36px;}
	
/*
/*
	.houseViewWrap .houseViewIco
	,.houseViewWrap .houseViewInfo
	,.houseViewWrap .houseViewInfo01
	,.houseViewWrap .houseViewInfo02
	,.houseViewWrap .houseViewInfo03 { padding: 0 10px 10px; }
*/
}
@media only screen and (max-width: 395px){
}

.houseViewInfo02 .table_st1 tr th { width:30%; }
.houseViewInfo02.boxStyle_custom .table_st1 tr th { width:20%; }

td {word-break:keep-all;}