@charset "utf-8";
/* default definition */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
html, body {font-size:13px;	color: #242424;	line-height:140%; font-family:'Pretendard', 'Noto Sans KR', sans-serif, dotum, gulim;	-webkit-text-size-adjust:none;	-moz-text-size-adjust:none;	-ms-text-size-adjust:none;}
* {box-sizing: border-box; }

a,img,input{selector-dummy: expression(this.hideFocus=true);} 
a:link {text-decoration:none; color:#666666;}
a:visited {text-decoration:none; color:#666666;}
a:hover	{text-decoration:none; color: #333333; }
.img_m {vertical-align:middle;}
.img_t {vertical-align:top;}
.img_b {vertical-align:baseline;}

table {border-collapse:collapse;}
table img {max-width:100%;}

hr {display:none;}
ol, ul, li {list-style:none;}


#accessibility, .skip, hr, legend {position:absolute;width:0; height:0; font-size:0; line-height:0;overflow:hidden; visibility:hidden ;}
a,img,input{selector-dummy: expression(this.hideFocus=true);} 
a img, fieldset {border:0px none; padding: 0px; }
img {vertical-align:top;}
.imgW img {max-width: 100%;}
caption {display:none;}
address, em{font-style:normal;}	

html:first-child select {padding-left:5px;} /* Opera Fix */
option, x:-moz-any-link {padding-left:5px;} /* Firefox Fix */
option, x:-moz-any-link, x:default {padding-right: 0;} /* Firefox Fix */


/* bold */
strong, b, h4, h5, dt, th, .caption {font-weight:600;}
strong.eb, b.eb, .eb {font-weight:600;}


/* font-size */
.fs-0 {font-size:0px;}
.fs-09em {font-size: 0.9em !important;}
.fb  {font-weight:700 !important} 
.feb  {font-weight:800 !important;} 
.fn  {font-weight: normal !important; font-weight:300 !important;}
.txt_wrap {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100%;}

/* font-color */
.fcor6 {color:#666666;}
.fcor3 {color:#333333;}
.fcor9 {color:#999 !important;}
.fcor0 {color:#000000;}
.green {color:#44993e;}
.red {color:#ed1b23 !important;}
.pink {color:#f0236e !important;}
.blue {color:#0c91dd !important;}
.org {color: #ff6600 !important;}
.purple {color:#86368c !important;}
.point_c {color: #3fba5d !important}
.point2_c {color: #2b6b73 !important}


/* form */

input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea {line-height:34px; min-height:34px; vertical-align:middle; font-family:'Pretendard', 'Noto Sans KR', sans-serif, dotum, gulim; transition:border-color 0.2s; border:1px solid #ccc; border-radius:0px; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; background-color: #fff; font-size: 1em; font-weight: 300;}

input {vertical-align:middle; -webkit-appearance: none;  -webkit-border-radius: 0;}
input[type="radio"] {-webkit-appearance: radio; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin:3px 0.5ex; *margin:0px 0.5px; padding:initial; background-color:initial; border:initial;}
ime_mode {ime-mode:disabled; }



input::-webkit-input-placeholder { color:#999999; font-weight:400; }
input::-moz-placeholder { color:#999999; font-weight:400; }
input:-ms-input-placeholder { color:#999999; font-weight:400; } 
textarea::-webkit-input-placeholder { color:#999999; font-weight:400; }
textarea::-moz-placeholder { color:#999999; font-weight:400; }
textarea:-ms-input-placeholder { color:#999999; font-weight:400; } 

input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset; box-shadow:0 0 0 1000px white inset;}

input[type="checkbox"]{display:none;}
input[type="checkbox"] + label {position:relative; display:inline-flex; flex-wrap:wrap; align-items:center; vertical-align:middle;}
input[type="checkbox"] + label:before{display:block; content:""; width:26px; height:26px; box-sizing:border-box; border:1px solid #cccccc; background:#fff; border-radius:0px;  margin-right:5px; align-self:flex-start;}
input[type="checkbox"]:checked + label::before{background:url(../img/common/check_on.png) no-repeat center center #fff; border-radius:0px;}
input[type="checkbox"] + label > span {flex:1}
.check_st1 input[type="checkbox"] + label:before{width:26px; height:26px; border:1px solid #cccccc; background:#fff; border-radius:100%;}
.check_st1 input[type="checkbox"]:checked + label::before{border:1px solid #30cda7; background:url(../img/common/check_on.png) no-repeat center center #30cda7; border-color:#005e9c}

.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.scrollbox+.check_boxW {border-top:none;}

input[type="radio"]{display:none;}
input[type="radio"] + label {position:relative; display:inline-flex; flex-wrap:wrap; align-items:center; vertical-align:middle;}
input[type="radio"] + label:before{display:block; content:""; width:26px; height:26px; box-sizing:border-box; border:1px solid #cccccc; background:#fff; border-radius:100%;  margin-right:5px; align-self:flex-start;}
input[type="radio"]:checked + label::before{background:url(../img/common/check_on2.png) no-repeat center center #005e9c; border-color:#005e9c}
input[type="radio"] + label > span {flex:1}





.flex {display: flex; align-items: center;}
.flex > div {flex: 1;}
.pa_minus {display: block;line-height:30px; position: absolute !important; right: 0px; top:50%; margin-top: -15px;}
.pa_label {display:block; line-height:35px; position: absolute !important; left:0px; top:50%; margin-top:-18px;}



.input {color:#737070; background-color:#ffffff; border:solid 1px #cccccc; height:18px; padding:0px 5px 0 10px;}


.textarea {
	      border:solid 1px #cccccc; 
		  background-color:#ffffff;
		  padding:10px 10px;
		  line-height:140%;
		  color:#737070;
		  width:100%;	

}

select {border:none; font-family:'Pretendard', 'Noto Sans KR', sans-serif; font-weight:400; color:#565a5c; border:1px solid #cccccc; border-radius:0px; box-sizing: border-box;}
.select {height: 40px;}
.select2 {height:28px; width:100%; max-width:90px; min-height: 28px; line-height: 28px;}



.scrollbar1 {
	scrollbar-3dlight-color:#c7c7c7;
	scrollbar-arrow-color:#7b7b7b;
	scrollbar-base-color:#c7c7c7;
	scrollbar-darkshadow-color:#c7c7c7;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f9f9f9;
	scrollbar-shadow-color:#c7c7c7;
}

.scrollbox {
    height: 200px;
    padding: 12px;
    overflow: auto;
    background: #efeef3;
    border: 1px solid #dadadc;
    overflow-x: hidden;
    font-size:0.95em; 
    font-weight: 300;
}



/* margin,padding */ 
.mt-28 {margin-top:-28px;}

.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}	
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}	 
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px !important;}


.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px !important;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left:16px;}

.mr0 {margin-right:0px !important;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px !important;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px !important;}
.mr16 {margin-right:16px;}


.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;} 
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px !important;}

.pr0 {padding-right:0px !important;} 
.pr5 {padding-right:5px;} 
.pr10 {padding-right:10px;}
.pr13 {padding-right:13px;}
.pr15 {padding-right:15px;}
.pr18 {padding-right:18px;}


.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px;} 
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px !important;}


.pb0 {padding-bottom:0px !important;} 
.pb5 {padding-bottom:5px;} 
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px !important;}
.pb13 {padding-bottom:13px;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}


.ptb15 {padding:15px 0;}
.prl20 {padding:0px 20px !important;}
.padd_no { padding:0px !important;}
.padd_no table td { padding:0px !important;}

/* align */
.fl {float:left;}
.fr {float:right !important;}
.cb {clear:both;} 	
.pa {position:absolute;}
.pr {position:relative; *z-index:999;}
.mauto {margin:0 auto;}
.btn-r {margin-top:20px; text-align:right;}
.btn-rb {margin-bottom:-106px; text-align:right; height:89px; padding-top:17px;}

.v0 {*vertical-align:0px !important;}
.v2 {*vertical-align:-2px !important;}
.vm {vertical-align:middle;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

.of-a {overflow:auto}
.of-h {overflow:hidden}

.radius10 {border-radius:10px; }
.bg-n {background-image:none !important;}
.br-n {border:none !important;}
.bl-no {border-left:none !important;}
.bb-no {border-bottom:none !important;}
.bt-no {border-top:none !important;}
.text_line { text-decoration:underline;}

.ib {display:inline-block; vertical-align:middle; *display:inline;}
.db {display:block !important;}
.df {display:flex !important;}
.parking {text-align: center; font-weight: 600; font-size: 2em; line-height: 140%;}
.parking:after {display: block; content:url(../img/common/parking.png); padding-top: 10px;}


/* bul */
.bul_num > li {padding-left:17px; text-indent: -17px;line-height:140%; margin:5px 0px; font-size: 1em; min-height:20px;}
.bul_num > li > ul {padding-left:17px;}
.bul01 > li {padding-left:14px; position: relative;line-height:140%;font-size: 1em;min-height:20px;}
.bul01 > li:not(:first-child) {margin-top:8px;}
.bul01 > li:after {display: block; content: ""; width:4px; height:4px; border-radius:100%; position: absolute; left: 0px; top:9px; background: #1b1b1b}
.bul01.big > li {font-size: 1.14em; margin-top: 10px;}
.bul01.big > li:first-child {margin-top: 0px;}
.bul01.big > li:after {top:12px;}
.bul02 li {padding-left:12px; text-indent: -12px;line-height:140%;margin:5px 0px;	min-height:20px;}
.bul_arrow > li {display: flex; align-items: center;}
.bul_arrow > li:not(:first-child) {margin-top:5px;}
.bul_arrow > li:before {content: "→"; width: 18px; height: 18px; border-radius:100%; background: #363636; justify-content: center; display: flex; align-items: center; color: #fff; font-size:11px; margin-right: 5px; min-width: 18px; align-self: flex-start; margin-top:0.2em;}
.bul_ga li {padding-left:24px; text-indent: -24px;line-height:140%;margin:5px 0px;	min-height:20px;}

/*.rule_box {border:none; padding:0px; background:none; width:100%; box-sizing:border-box; color:#333; font-weight:100; height:100%; line-height:150%;}*/
.rule_box .h1 {font-weight:600; font-size:1.1em; line-height:140%; padding-top:30px;}
.rule_box .h1:first-child {padding-top:0px;}
.rule_box .h2 {padding-top:20px; font-weight:500;}


/* skip */
#skipToContent {font-size: 0; left: 0;line-height: 0;position: absolute;top: -30px;	width: 100%;z-index: 999999;}
#skipToContent a:active, #skipToContent a:focus {font-size:13px;background-color: #333333;border: medium none;color: #FFFFFF;height: 30px;left: 0;position: absolute;text-align: center;text-decoration: underline;top: 30px;line-height: 30px;width: 100%;display: block;}

/* border */
.no_r {border-right:none !important;}
.no_l {border-left:none !important;}
.no_b {border-bottom:none !important;}





.note {clear:both; padding-top:10px; font-size:0.95em; color:#737070;}
.ref {clear:both; font-size:12px; color:#8d8d8d;}
dl.note dt {display:inline-block; zoom:1; *display:inline; height:20px; line-height:20px; color:#fff; font-size:13px; padding:0px 5px; background:#8e8e8e;}
dl.note dd { color:#565656; line-height:20px; padding:2px 0px; font-size:13px;}



.loading_area {position:fixed; width:100%; height:100%; z-index:99999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%; z-index: 99999}

.loader {height: 4px; width: 100%; position: absolute; left:0px; top: 0px;z-index: 99999; overflow: hidden; background-color: #ddd;}
.loader:before{display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #d53f41; animation: loading 2s linear infinite;}



.menu_btn.active a:before {display: none;}
.menu_btn.active  {right:0; z-index:999; border:none;}
.menu_btn a{position:relative;display:block; width:20px; height:20px; transition:.25s; cursor:pointer}
.menu_btn a:after{display: block; content: ""; position:absolute;left:0%;bottom:0%;display:block;width:8px;height:8px;background-color:#fff; text-indent:-9999px; border-radius:8px; transition:.25s;-webkit-transition:.25s;}
.menu_btn a span{position:absolute;right:0%;top:0%;display:block;width:8px;height:8px;background-color:#fff; text-indent:-9999px; border-radius:8px; }
.menu_btn span,
.menu_btn span:before,
.menu_btn span:after{content:"";right:0;position:absolute;display:block;width:8px;height:8px;background-color:#fff;transition:.25s;-webkit-transition:.25s; border-radius:8px; }
.menu_btn span:before{left:-12px;}
.menu_btn span:after{bottom:-12px;}
.menu_btn.active a:after {display: none;}
.menu_btn.active a {width: 50px; height: 50px;}
.menu_btn.active span{background-color:transparent !important; top: 50%; width: 28px; height: 3px;}
.menu_btn.active span:before{top:30px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); background:#000 !important; width: 28px; height: 3px; top:0px; left:-9px;}
.menu_btn.active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); background:#000 !important; width: 28px; height: 3px; top:0px; left:-8px;}


.down .menu_btn a span {background:#000000}
.down .menu_btn span, .down .menu_btn span:before, .down .menu_btn span:after {background:#000000}
.down .menu_btn a:after {background:#000000}
.down .menu_btn a:before {color:#000}


/*open*/
.menu_btn.is-open .line-top {
	-webkit-animation: line-top-out 400ms linear normal;
    animation: line-top-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-open .line-middle{opacity: 0;}
.menu_btn.is-open .line-bottom{
	-webkit-animation: line-bot-out 400ms linear normal;
    animation: line-bot-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/*closed*/
.menu_btn.is-closed .line-top{
	-webkit-animation: line-top-in 500ms linear normal;
    animation: line-top-in 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-closed .line-middle{
	-webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu_btn.is-closed .line-bottom{
	-webkit-animation: line-bot-in 500ms linear normal;
    animation: line-bot-in 500ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

	
/*keyfremes*/
@-webkit-keyframes line-top-in {
    0% {top: 12px; transform: rotate(-45deg);	}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);	}
	100% {top: 0px;}
}

@keyframes line-top-in {
	0% {top:12px;	transform: rotate(-45deg);}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);} 
	100% {top: 0px;}
}

@-webkit-keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@-webkit-keyframes line-bot-in {
	0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@keyframes line-bot-in {
    0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@-webkit-keyframes line-bot-out {
    0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}

@keyframes line-bot-out {
	0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}

@media screen and (max-width:767px) {
	.bul_arrow > li:before {margin-top: 0px;}
}

/* 480px 이하 */
@media screen and (max-width:479px) {
	input[type="checkbox"] + label:before, input[type="radio"] + label:before {width:20px; height:20px; background-size:60% auto !important; }



    
    .bul_num > li {padding-left:15px; text-indent: -15px;}
    .bul_num > li > ul {padding-left:15px;}
    .bul01 > li {padding-left: 10px;}
    .bul01 > li:after {width:3px; height:3px; top:6px;}
    .bul02 li {padding-left:9px; text-indent:-9px;}
	
	.bul_ga li {padding-left:18px; text-indent: -18px;}

	
	.bul_arrow > li:before {width: 14px; height: 14px; font-size: 8px; min-width: 14px; line-height: 1em; margin-top: 2px;}
    
	.ckeck .ez-checkbox {width:17px; height:17px; background-size:19px auto !important }
	.ckeck .ez-hide {width:17px; height:17px; }
	
	.size_big .ez-radio {width:20px;height:20px; background-size: 20px auto !important}
    .size_big .ez-hide {width:19px;height:19px;}
	
	td .pl120 {padding-left:90px}
	td .pl60 {padding-left: 50px;}
	td .pl40 {padding-left: 30px;}
	
	td .pr125 {padding-right:94px !important}

	.check input[type="checkbox"] + label:before {width: 20px; height: 20px; background-size:60% auto; }
	.check input[type="checkbox"]:checked + label::after {width: 20px; height: 20px; background-size:cover}
	
}