@charset "utf-8";
@import 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap';

/*[s] Bace Css */
	:root,
	html{font-size: 10px}
	:root {
		/* color */
		--imp : #d92c2c;
		--point : #4a9fd6;
		--event__color--point : #035ab6;
		--event__color--end : #b3b3b3;

		/* font size */
			--f__size--12 : 1.2rem;
			--f__size--13 : 1.3rem;
			--f__size--14 : 1.4rem;
			--f__size--15 : 1.5rem;
			--f__size--16 : 1.6rem;
			--f__size--17 : 1.7rem;
			--f__size--18 : 1.8rem;
			--f__size--19 : 1.9rem;
			--f__size--20 : 2rem;
			--f__size--21 : 2.1rem;
			--f__size--22 : 2.2rem;
			--f__size--23 : 2.3rem;
			--f__size--24 : 2.4rem;

			--f__size--36 : 3.6rem;

		/* min size */
			--min__size : 140rem;
	}
/*[e] Bace Css */



*{
    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
}
::-moz-selection{
    background:#503e9d;
    color:#fff;
    text-shadow:none
}
::selection{
    background:#503e9d;
    color:#fff;
    text-shadow:none
}
html{
    -ms-overflow-style:-ms-autohiding-scrollbar
}
body{
    font-family:noto sans kr,notosanskr,apple sd gothic neo,sans-serif;
    font-weight:400;
    letter-spacing:-.025em;
    font-size:13px;
    line-height:1.5;
    color:#2d2d2d;
    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:400
}
fieldset{
    border:0
}
a{
    font-style:normal;
    text-decoration:none;
    color:#2d2d2d;
	cursor:pointer;
}
caption{
    font-size:0;
    height:0;
    line-height:0;
    visibility:hidden;
    width:0
}
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;
    word-break:break-all
}
input,select{
    vertical-align:middle
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #fff inset
}
button,label{
    cursor:pointer
}
.blind,caption,hr,legend{
    position:absolute;
    top:-9999px;
    font-size:0;
    line-height:0
}
address,em,i{
    font-style:normal;
    font-weight:inherit
}
td,th{
    vertical-align:middle
}
button,input,select,textarea{
    background:0 0;
    font-size:13px;
    position:relative;
    zoom:1;
    font-family:noto sans kr,notosanskr,apple sd gothic neo,sans-serif
}

.btn,.btn:before,.btn span{
    -webkit-transition:all .15s linear;
    -moz-transition:all .15s linear;
    -ms-transition:all .15s linear;
    -o-transition:all .15s linear;
    transition:all .15s linear
}
.btn{
    min-width:200px;
    height:58px;
    line-height:58px;
    display:inline-block;
    padding:0 10px;
    color:#fff;
    font-size:17px;
    letter-spacing:-.025em;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    overflow:visible;
    white-space:nowrap;
    position:relative
}
.btn:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#2d2d2d;
    border-radius:12px
}
.btn.org:before{
    background-color:#267db5
}
.btn span{
    display:inline-block;
    position:relative;
    z-index:2
}
.btn:hover:before{
    background-color:#000
}
.btn.org:hover:before{
    background-color:#cc5027
}
.btn.h50{
    height:50px;
    line-height:50px;
    font-size:15px
}

.box{
    position:relative;
    background-color:#fff
}
.box.sdw{
    -webkit-box-shadow:0 2px 0 #ede9e7;
    -moz-box-shadow:0 2px 0 #ede9e7;
    box-shadow:0 2px 0 #ede9e7
}
.box.rnd20{
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
}
.checksType_1{
    position:relative;
    text-align:left
}
.checksType_1 .checks{
    position:relative;
    line-height:16px;
    display:inline-block;
    overflow:hidden;
    margin:5px 0
}
.checksType_1 input[type=checkbox]{
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    z-index:-1;
    width:12px;
    height:12px;
    -webkit-appearance:none;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0
}
.checksType_1 label{
    display:inline-block;
    position:relative;
    top:0;
    left:0;
    line-height:44px;
    z-index:10;
    font-size:15px;
    color:#888;
    padding-left:34px
}
.checksType_1 label:before{
    content:'';
    display:inline-block;
    width:22px;
    height:22px;
    border-radius:6px;
    border:2px solid #ddd;
    background:#fff;
    position:absolute;
    top:0;
    left:0
}
.checksType_1.checks label:hover:before{
    border-color:#fa6c39
}
.checksType_1.checks.on label:before,.checksType_1.checks.on label:hover:before{
    border-color:#fa6c39!important;
    background:url(/_rentalIMG/ico_ckbox.png) no-repeat center center #4a9fd6;
    -webkit-background-size:12px 12px;
    background-size:12px 12px
}
.checksType_1 label span{
    display:inline-block;
    line-height:44px;
    font-size:15px;
    padding-left:8px
}
.checksType_1 label p{
    display:inline-block;
    line-height:44px;
    font-size:16px;
    padding-left:8px;
    color:#888
}
.checksType_1 label p em{
    display:inline-block;
    margin-right:4px;
    color:#2d2d2d
}
.checksType_1 .btn_agree{
    float:right
}

[class*=inputType_] input::-webkit-input-placeholder{
    color:#bbb
}
[class*=inputType_] input:-moz-placeholder{
    color:#bbb;
    opacity:1
}
[class*=inputType_] input::-moz-placeholder{
    color:#bbb;
    opacity:1
}
[class*=inputType_] input:-ms-input-placeholder{
    color:#bbb
}
[class*=inputType_] input:placeholder-shown{
    color:#bbb
}
.inputType_1{
    position:relative
}
.inputType_1 .tit{
    display:inline-block;
    font-size:14px;
    color:#2d2d2d;
    letter-spacing:0;
    line-height:20px;
    background:#fff;
    padding:0 8px;
    position:absolute;
    top:-10px;
    left:15px;
    z-index:2
}
.inputType_1 .tit .bulReq{
    margin:6px 0 0 4px
}
.inputType_1 input{
    width:100%;
    height:58px;
    line-height:24px;
    padding:15px 20px;
    font-size:15px;
    color:#2d2d2d;
    letter-spacing:0;
    border:2px solid #e4e4e4;
    border-radius:12px;
    -webkit-transition:border 300ms,-webkit-box-shadow 300ms;
    transition:border 300ms,-webkit-box-shadow 300ms;
    transition:border 300ms,box-shadow 300ms;
    transition:border 300ms,box-shadow 300ms,-webkit-box-shadow 300ms
}
.inputType_1 input:focus,.inputType_1 input:hover,.inputType_1.focus input{
    border-color:#2d2d2d
}
.inputType_1 .txt_info{
    display:block;
    color:#888;
    padding:8px 10px
}
.inputType_1 input.readonly{
    background:#e8e8e8;
    color:#bbb
}
.inputType_1 input.readonly:focus,.inputType_1 input.readonly:hover{
    border-color:#e4e4e4
}

.txt-center{
    text-align:center
}
.sch_em{
    vertical-align:middle;
    padding-right:5px
}
.f15{
    font-size:15px
}
.text-center{
    text-align:center
}
.lh18{
    line-height:18px
}


.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.taj{text-align:justify !important}
.vam{vertical-align:middle !important}
.vat{vertical-align:top !important}
.vab{vertical-align:bottom !important}

/* Margin Style */
.m0		 {margin:0 !important;}

.mt_1	 {margin-top:-1px !important;}
.mt0		 {margin-top:0 !important;}
.mt1		 {margin-top:1px !important;}
.mt2		 {margin-top:2px !important;}
.mt3		 {margin-top:3px !important;}
.mt4		 {margin-top:4px !important;}
.mt5		 {margin-top:5px !important;}
.mt6		 {margin-top:6px !important;}
.mt7		 {margin-top:7px !important;}
.mt8		 {margin-top:8px !important;}
.mt9		 {margin-top:9px !important;}
.mt10	 {margin-top:10px !important;}
.mt11	 {margin-top:11px !important;}
.mt12	 {margin-top:12px !important;}
.mt13	 {margin-top:13px !important;}
.mt14	 {margin-top:14px !important;}
.mt15	 {margin-top:15px !important;}
.mt16	 {margin-top:16px !important;}
.mt17	 {margin-top:17px !important;}
.mt18	 {margin-top:18px !important;}
.mt19	 {margin-top:19px !important;}
.mt20	 {margin-top:20px !important;}
.mt25	 {margin-top:25px !important;}
.mt30	 {margin-top:30px !important;}
.mt35	 {margin-top:35px !important;}
.mt40	 {margin-top:40px !important;}
.mt45	 {margin-top:45px !important;}
.mt50	 {margin-top:50px !important;}
.mt55	 {margin-top:55px !important;}
.mt60	 {margin-top:60px !important;}
.mt65	 {margin-top:65px !important;}
.mt70	 {margin-top:70px !important;}
.mt75	 {margin-top:75px !important;}
.mt80	 {margin-top:80px !important;}
.mt85	 {margin-top:85px !important;}
.mt90	 {margin-top:90px !important;}
.mt95	 {margin-top:95px !important;}
.mt100	 {margin-top:100px !important;}

.mb0		 {margin-bottom:0 !important;}
.mb1		 {margin-bottom:1px !important;}
.mb2		 {margin-bottom:2px !important;}
.mb3		 {margin-bottom:3px !important;}
.mb4		 {margin-bottom:4px !important;}
.mb5		 {margin-bottom:5px !important;}
.mb6		 {margin-bottom:6px !important;}
.mb7		 {margin-bottom:7px !important;}
.mb8		 {margin-bottom:8px !important;}
.mb9		 {margin-bottom:9px !important;}
.mb10	 {margin-bottom:10px !important;}
.mb15	 {margin-bottom:15px !important;}
.mb18	 {margin-bottom:18px !important;}
.mb20	 {margin-bottom:20px !important;}
.mb25	 {margin-bottom:25px !important;}
.mb30	 {margin-bottom:30px !important;}
.mb35	 {margin-bottom:35px !important;}
.mb40	 {margin-bottom:40px !important;}
.mb50	 {margin-bottom:50px !important;}

.mr0		 {margin-right:0 !important;}
.mr1		 {margin-right:1px !important;}
.mr2		 {margin-right:2px !important;}
.mr3		 {margin-right:3px !important;}
.mr4		 {margin-right:4px !important;}
.mr5		 {margin-right:5px !important;}
.mr6		 {margin-right:6px !important;}
.mr7		 {margin-right:7px !important;}
.mr8		 {margin-right:8px !important;}
.mr9		 {margin-right:9px !important;}
.mr10		 {margin-right:10px !important;}
.mr11		 {margin-right:11px !important;}
.mr12		 {margin-right:12px !important;}
.mr13		 {margin-right:13px !important;}
.mr14		 {margin-right:14px !important;}
.mr15		 {margin-right:15px !important;}
.mr16		 {margin-right:16px !important;}
.mr17		 {margin-right:17px !important;}
.mr18		 {margin-right:18px !important;}
.mr19		 {margin-right:19px !important;}
.mr20		 {margin-right:20px !important;}
.mr25		 {margin-right:25px !important;}
.mr30		 {margin-right:30px !important;}
.mr35		 {margin-right:35px !important;}
.mr40		 {margin-right:40px !important;}

.ml0		 {margin-left:0 !important;}
.ml1		 {margin-left:1px !important;}
.ml2		 {margin-left:2px !important;}
.ml3		 {margin-left:3px !important;}
.ml4		 {margin-left:4px !important;}
.ml5		 {margin-left:5px !important;}
.ml6		 {margin-left:6px !important;}
.ml7		 {margin-left:7px !important;}
.ml8		 {margin-left:8px !important;}
.ml9		 {margin-left:9px !important;}
.ml10		 {margin-left:10px !important;}
.ml11		 {margin-left:11px !important;}
.ml12		 {margin-left:12px !important;}
.ml13		 {margin-left:13px !important;}
.ml14		 {margin-left:14px !important;}
.ml15		 {margin-left:15px !important;}
.ml16		 {margin-left:16px !important;}
.ml17		 {margin-left:17px !important;}
.ml18		 {margin-left:18px !important;}
.ml19		 {margin-left:19px !important;}
.ml20		 {margin-left:20px !important;}
.ml25		 {margin-left:25px !important;}
.ml30		 {margin-left:30px !important;}
.ml35		 {margin-left:35px !important;}
.ml40		 {margin-left:40px !important;}
.ml50		 {margin-left:50px !important;}

.mb-1		 {margin-bottom:-1px !important;}
.mb-2		 {margin-bottom:-2px !important;}
.mb-3		 {margin-bottom:-3px !important;}

.checkIn input[type=checkbox]+label:before,
.checkIn input[type=radio]+label:after,
.checkIn input[type=checkbox]:checked+label,
.checkIn input[type=radio]:checked+label{transition: all .3s ease-out; transform-origin: 50% 50%;}

/* check style */
.checkIn{display: inline-block; vertical-align: top;}
.checkIn input[type=checkbox],
.checkIn input[type=radio]{display: none;}

.checkIn input[type=checkbox]+label,
.checkIn input[type=radio]+label{padding-left:22px; font-size: 14px; line-height:18px; color: #666; display: inline-block; cursor: pointer; position: relative;}

.checkIn input[type=checkbox]+label:before,
.checkIn input[type=radio]+label:after,
.checkIn input[type=radio]+label:before{content: ""; width: 16px; height: 16px; background-color: #fff; border:1px solid #cecece; display: inline-block; position:absolute; left: 0; top:3px; box-sizing: border-box;}

.checkIn input[type=checkbox]+label{}
.checkIn input[type=checkbox]+label:before {background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius:2px;}
.checkIn input[type=checkbox]:checked+label:before {content: ""; background-image: url('/images/bg_checkbox_on.gif');}

.checkIn input[type=radio]+label{}
.checkIn input[type=radio]+label:before{border-radius:99px;}
.checkIn input[type=radio]+label:after{width: 10px; height: 10px; margin:-3px 0 0 0; left: 3px;  top:50%; border:none; border-radius:99px; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;}
.checkIn input[type=radio]:checked+label:after{background-color: #666;}






@media only screen and (max-width : 1480px){

}
@media only screen and (max-width : 1200px){

}
@media only screen and (max-width : 1024px){

}
@media only screen and (max-width : 840px){
	:root,
	html{font-size:8.5px !important;}

	:root {
		--f__size--12 : 2rem;
		--f__size--13 : 2rem;
		--f__size--14 : 2rem;
		--f__size--15 : 2rem;
		--f__size--16 : 2rem;
		--f__size--17 : 2.2rem;
		--f__size--18 : 2.2rem;
		--f__size--19 : 2.2rem;
		--f__size--20 : 2.4rem;
		--f__size--21 : 2.4rem;
		--f__size--22 : 2.4rem;
		--f__size--23 : 2.6rem;
		--f__size--24 : 2.6rem;

		--f__size--36 : 3rem;
	}
}