body {overflow-x:hidden}
.box_100 {width:100%; display:inline-block}

.in {width:100%;  max-width:1450px; margin:0 auto; box-sizing:border-box;  }
.in2 {width:100%; max-width:1630px; margin:0 auto; box-sizing:border-box;   }
.in3 {width:100%; padding:0 3%;  margin:0 auto; box-sizing:border-box;   }

@media all and (max-width:1700px) {
  .in2 {padding:0 3% }
}


@media all and (max-width:1450px) {
  .in {padding:0 3% }
}

.color1 {color:var(--main_c)}
.red {color:red}
.t_br {width:100%; height:200px; display:inline-block; background:url('/common/img/common/t_br_bg.png') no-repeat center; }
.t_br2 {width:100%; height:50px; display:inline-block; }
.t_hr {width:100%;  display:inline-block; }

.line {width:100%; height:1px; background-color:#ddd; float:left; margin:15px 0}

.s_t {font-size:0.93em; color:#444}

.flex {display:flex; }
.flex.gap5 {gap:5px}
.flex.gap10 {gap:10px}
.flex.gap20 {gap:20px}
.flex.gap30 {gap:30px}
.ac {align-items:center !important; }
.as {align-items:flex-start !important; }
.ad {align-items:flex-end !important; }
.jt {justify-content:flex-start !important; }
.jc {justify-content:center !important; }
.js {justify-content:space-between !important; }
.f_wrap {flex-wrap:wrap}

.flex.col-2 > div {width:49%}
.flex.col-2 > div + div {margin-left:auto}
.col-2 {flex-wrap:wrap}
.col-2 li {width:48%; }


@media all and (max-width:900px) {
		.flex {flex-wrap:wrap}
		.flex.col-2 > div {width:100%}
		.flex.col-2 > div + div {margin-top:30px}
		.f_n_w {flex-wrap:nowrap !important}
		.m_flex {display:flex}
		.col-2 li {width:100%}
		.m_col-2 li {width:50%}


}


.border_box {border-radius:10px; border:1px solid #ddd; box-sizing:border-box; padding:15px 20px; }
.bg_box {width:100%; background-color:#f7f7f7; box-sizing:border-box; padding:20px; line-height:1.4}

.point_t1 {  font-size:2em; line-height:1.1}
.t1 {font-size:1.3em;  font-weight:600; }
.t2 {font-size:1.2em;  font-weight:600;}
.s_t {font-size:.97em}
b.b {font-weight:800}

.label {border:1px solid var(--main_c); color:var(--main_c);  padding:2px 10px; display:inline-block; border-radius:50px}

.flex_3  {width:100%; display:flex;  justify-content:space-between; align-self:center;  }
.flex_3 li {width:32%; border-radius:10px; display:inline-block ; background-color:#f4f6f8; box-sizing:border-box; padding:30px; text-align:left; line-height:1.4 }
.flex_3 li h5 {font-size:1.2em; border-bottom:1px solid #999; padding-bottom:9px; margin-bottom:15px}

.box_list {width:100%;  display:flex;  gap:15px}
.box_list li {width:33.3333%; display:inline-block;  border-radius:10px;  box-sizing:border-box; padding:20px; background-color:#f4f6f8; display:flex; align-items:center;  line-height:1.3}
 
.box_list li div {width:100%; }
.box_list li div p {font-size:.97em; color:#333;  margin-top:10px;  width:100%; display:inline-block;  }
.box_list li div b {font-size:1.1em; color:#111; margin-top:5px;   width:100%; display:inline-block;  }
.box_list li div h4 {margin-bottom:10px}
 
.box_list li div.left_text {writing-mode: vertical-rl; width:45px; line-height:1.8; font-size:25px; font-weight:300;  height:100%; position:absolute; left:0; top:0; display:flex; box-sizing:border-box; padding-top:15px; font-family:'Montserrat';  background-color:var(--main_c); color:#fff;}
.box_list li div.left_text + div {padding:30px 15px 30px 70px}
.box_list li div.left_text + div h4 {font-weight:800; font-size:1.3em; margin-bottom:2px;}

.li_flex li {display:flex; gap:10px}
.li_flex li + li {margin-top:3px}

@media all and (max-width:900px) {
	.t1 {font-size:1.2em;  }
	.t2 {font-size:1.15em; }
	.flex_3 {flex-wrap:wrap; gap:20px}
	.flex_3 li   {width:100%; padding:20px;}
	.box_list {flex-wrap:wrap}
	.box_list li {width:100%; flex-wrap:wrap}
	.border_box {padding:20px 15px}

}



.color_bg {background-color:var(--main_c) !important; color:rgba(255,255,255,.9);  border-radius:7px;  }
.color_bg h4 {  color:#fff !important}
.color_bg h3 { color:#fff !important}
.color_bg b { color:#fff !important}
.color_bg p { color:rgba(255,255,255,.9);}
.color_bg p.line { background-color:#fff !important}

.box_list li.color_bg { padding:30px 20px}


.box_list2 {width:100%; display:flex; flex-wrap:wrap;  gap:14px }
.box_list2 li {width:calc(50% - 7px);   display:inline-block;  box-sizing:border-box; padding:40px 30px;   background-color:#f4f6f8;   border-radius:10px;  text-align:center;  word-break: keep-all; position:relative   }
.box_list2 li:last-child {margin-right:0} 
.box_list2.col-4   {gap:10px}
.box_list2.col-4 li {width:calc(25% - 8px); text-align:left}
.box_list2 li  h4 {margin-bottom:13px}

@media all and (max-width:900px) {
		.box_list2 li {padding:30px 20px }
		.box_list2.col-4 li {width:calc(50% - 8px);  }

}




.table_scroll {width:100%; box-sizing:border-box;  overflow-x:auto}

table.basic {width:100%; border-top:3px solid #111  }
table.basic th {background-color:#fff; vertical-align:middle; border:1px solid #ddd; padding:15px; font-weight:700; color:#111; font-size:1.05em }
table.basic td { line-height:1.35; padding:15px; border:1px solid #ddd; vertical-align:middle ; color:#555;  }
table.basic.td_c td { text-align:Center }


ul.basic {width:100%; }
ul.basic li {display:flex; align-items:flex-start; font-size:1em; color:#333; line-height:1.3; padding:9px 0; border-bottom:1px solid #ddd}
ul.basic li:last-child { border-bottom:none}
ul.basic li:before {content:''; flex-shrink:0; width:5px; height:5px;  border-radius:1px;  background-color:#333; display:inline-block; margin-right:10px; flex-shrink:0; margin-top:10px }
ul.basic.flex.col-2 {flex-wrap:wrap}
ul.basic.flex.col-2 li {width:50%}
ul.basic.flex.col-2 li.li_100 {width:100%;  }

ul.basic  li.none_border {border-bottom:none}

@media all and (max-width:900px) {
	ul.basic.flex.col-2 li {width:100%}
	ul.basic  li.none_border {border-bottom:1px solid #ddd }

}




ul.tab  {width:100%; display:flex;  justify-content:center; margin-bottom:50px; }
ul.tab li { display:inline-block; background-color:#f5f5f5; margin:0 3px; font-size:1.15em; border-radius:5px; }
ul.tab li a {width:100%; display:inline-block; padding:0 50px; line-height:60px }
ul.tab li.ov {background-color:var(--main_c)}
ul.tab li.ov a {color:#fff }

a.y_btn_bg  {background-color:var(--main_c);  border:1px solid var(--main_c); box-sizing:border-box; margin-top:50px; display:inline-block; line-height:50px; width:180px;  color:#fff !important; text-align:center;  font-weight:500; font-size:1.1em; border-radius:3px; box-shadow:1px 1px 3px #ddd;  }
a.n_btn_bg  {background-color:#333;  border:1px solid #333; box-sizing:border-box; margin-top:50px; display:inline-block; line-height:50px; width:180px;  color:#fff; text-align:center;  font-weight:500; font-size:1.1em; border-radius:3px; box-shadow:1px 1px 3px #ddd;  }

a.s_btn { padding:0 30px; line-height:40px; display:inline-block; background-color:#6d819c; color:#fff; font-size:1.1em; border-radius:3px; font-weight:600; }

a.basic_btn { padding:14px 35px; display:inline-block; background-color:var(--main_c); border:2px solid var(--main_c);  color:#fff; font-size:1.1em; border-radius:3px; font-weight:600; transition: all 0.3s ease-out }
a.basic_btn:hover {  background-color:#fff; border:2px solid var(--main_c); color:var(--main_c); }

a.basic_btn2 {width:60%; max-width:250px; line-height:60px; display:inline-block; background-color:var(--main_c); color:#fff; font-size:1.3em; border-radius:3px; font-weight:600; }

a.list_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;   font-size:14px; float:right;  margin-top:10px; margin-left:5px; background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff ;  border:1px solid #555;}

a.write_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;  font-size:15px; float:right; margin-top:10px; margin-left:5px;  background-color:#fff; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#888 ; border:1px solid #ddd;  }

a.check_btn  { display:inline-block; text-align:center; line-height:30px; padding:0 12px; font-weight:400;   font-size:14.5px; vertical-align:middle;  background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff ;  border:1px solid #555;}

a.t_link {color:var(--main_c)}
a.t_link:hover {text-decoration:underline}

textarea.basic {font-size:16px; line-height:1.5; height:200px; padding:10px;   border-radius:3px;  border:1px solid #666;  color: #666;   box-sizing:border-box; }

 
.rgba_bg {background:rgba(0,0,0,.3); width:100%; height:100%; position:Absolute; left:0; top:0; display:inline-block}


@media all and (max-width:900px) {
	a.y_btn_bg  {width:45% }
a.n_btn_bg  {width:45% }


}



ol.step {width:100%;  box-sizing:border-box;  margin-bottom:-15px; display:flex; gap:30px 40px; flex-wrap:wrap}
ol.step li {width:calc(20% - 40px); border-radius:10px; display:flex; flex-direction:column; border:3px solid #ddd; text-align:center;  box-sizing:border-box; position:relative;  min-height:80px; font-size:.95em; padding:15px; box-sizing:border-box}
ol.step li:after {content:'\f054';  font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; right:-40px; width:40px; top:50%;   transform: translatey(-50%); color:#ddd }
ol.step li:last-child:after {display:none }
ol.step li b {font-size:1.17em; font-weight:700} 
ol.step li span.no {background-color:var(--main_c); font-size:19px; font-weight:400; color:#fff; width:50px; height:50px; display:flex; align-items:center; justify-content:Center; position:absolute; right:-10px; top:-10px;  box-sizing:border-box; border-radius:50%; letter-spacing:1px;  padding-top:3px; font-family: 'GmarketSansMedium'; }
ol.step li p {height:100%; display:flex;  align-items:Center;justify-content:Center; padding:12px 0; flex-direction:column; }


@media all and (max-width:900px) {
	ol.step {  gap:30px 30px;   }
ol.step li {width:calc(33% - 30px);}
ol.step li:after {width:30px; right:-30px }
	ol.step li span:first-child {font-size:17px; width:40px; height:40px; border-radius:0 10px 0 0 ; right:-2px; top:-2px;  }
	ol.step li p  {padding:20px 20px }
	a.basic_btn2 {  line-height:55px;   font-size:1.15em;  }
	textarea.basic {font-size:15px }

}

@media all and (max-width:600px) {
	ol.step li {width:calc(50% - 30px);}
 
}



 
 #cursor {width:0; height:0;  }
 .hover {cursor:none;  }
.hover a {cursor:none;  }
#cursor.hover_coursor {
            width:100px;
            height:100px;
           background-color:var(--main_c); 
             display:block;
			 border-radius:50%; 
            position: absolute;
            pointer-events: none; /* 클릭 이벤트 방지 */
             transition: transform 0.1s ease-out;
			z-index:999999999999;
			
			 
        }
  #cursor.hover_coursor:after {
		content:'\f0c1';
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size:25px; 
		width: 100%;
		height: 100%;
		left:0;
		top:0;
		color:#fff; 
		display:flex; 
		align-items:center;
		justify-content:center; 
		position: absolute;
		pointer-events: none; /* 클릭 이벤트 방지 */
		transition: all .5s ease-out;
	 
        }