@charset "utf-8";
.global_search {
    display: none;
    position: fixed;
    top: 6em;
    z-index: 1111111111111111;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
}
.global_search > div{position: fixed;top: 6em;width: 100%;height: 32vh;background: rgba(255,255,255,1);}
.global_search > div >div{
    display: flex;
    width: 26em;
    flex-direction: column;
    align-items: center;
    /* margin: 0 auto; */
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -13em;
    border: 1px solid gray;
    background: white;
    padding: 1em;
}
.global_search > div > div h3{
    font-size: 1.4em;
    font-weight: 700;
    color: #d36868;
}
.global_search > div > div ul{
    display: flex;
    margin-top: 1em;
}
.global_search > div > div ul li{
}
.global_search > div > div ul li input{}
.global_search > div > div ul li input[type=text]{
    /* height: 3.5em; */
    padding: .5em;
    font-size: 1.2em;
    background: #f3f3f3;
    border: 1px solid #d8d8d8;
}
.global_search > div > div ul li input[type=submit]{
    padding: .7em 2em;
}
.global_search > div > div img {
    position: absolute;
    bottom: -8em;
    cursor: pointer;
}

.sub_content_s, .sub_all_wrab {
    visibility: hidden;
}

.sub_con h4 {
			 font-size: var(--sub-h4-size);
			 font-weight: 700;
			 font-family: var(--font-point);
			 position:relative;
			 padding-bottom: 40px;
			 color: #333;
			 margin-bottom: 40px;
			 text-align: center;
}
.sub_con h4:after {content:"";width: 10px;height: 10px;border-radius: 50%;background-color:var(--color-main);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.sub_con h4.v_left {text-align:left;display: inline-block;margin-bottom: 0;}
.sub_con h4.v_left:after {right: 0;top: 0;transform: unset;left: unset;margin-right: -2rem;}

.sub_con.page_location h4.view {
    font-size: var(--sub-h4-size);
    font-weight: 800;
    font-family: var(--font-point);
    position:relative;
    margin-bottom: 60px;
    color: #444444;
    height: auto;
    text-indent: unset;
}

.sub_con h5 {
    font-size: 22px;
    font-weight: 600;
}
.common_tit {}
.common_tit h4{
    font-size: var(--font-size30);
    font-family: var(--font-point);
    position: relative;
    /* margin-left: 1rem; */
    margin-bottom: 3rem;
    display:inline-block
}
.common_tit h4:after {
	content:"";
	position:absolute;
	right: -10px;
	top: -3px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	/* margin-left: -1rem; */
	/* transform: translateY(-50%); */
	background-color: var(--color-main);
}
.topbox {
    text-align: center;
}
.topbox_img {}
.topbox_txt {margin-top: 2rem;}
.topbox_txt dt {
	font-size: var(--sub-h4-size);
	margin-bottom: 1rem;
	padding: 0;
	font-weight: 700;
}
.topbox_txt dd {font-size:22px; opacity:.8; line-height: 1.5;}
.topbox_txt dt span {color:var(--color-main)}
.topbox_txt p {font-size: 22px;line-height: 1.5;font-weight: 500;font-family: var(--font-point);}
.topbox_txt p span {font-weight:700;font-size: 26px;color: var(--color-main);}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {opacity:1}

@media screen and (max-width: 1000px) {
	.global_search {}
	.global_search div{}
	.global_search div h3{}
	.global_search div ul{}
	.global_search div ul li{}
	.global_search div ul li input{}
	.global_search div ul li input[type=text]{}
	.global_search div ul li input[type=submit]{}
	
}
.sub_title_body {}
.sub_title_con {position:relative;width: 100%;}
.sub_header_inner .ani {position: absolute;width: 20%;bottom: 0;right: 13%;height: 100%;}
.sub_header_inner .ani span {display:inline-block;position: absolute;right: 0;bottom: 0;background-repeat: no-repeat;background-size: 100%;}

.sub_header_inner .bgimg_10 span {
	background-image:url(/img/page/sub_title/title10.svg?ver=240807);
	width: 355px;
	height: 261px;
	animation-name: scale;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: revert;
	animation-timing-function: ease;
	}
.sub_header_inner .bgimg_10 span:nth-child(2){
	background-image:url(/img/page/sub_title/title10-1.svg);
	width: 282px;
	height: 296px;
	right: 15%;
	animation: unset;
	}
.sub_header_inner .bgimg_10 span:nth-child(3) {
    background-image: url(/img/page/sub_title/title10-2.svg);
    width: 16px;
    height: 29px;
    top: 26%;
    left: 44%;
    animation-duration: 1.5s;
    animation-name: question;
}
.sub_header_inner .bgimg_10 span:last-child {display:none;}
.sub_header_inner .bgimg_20 span {
	background-image:url(/img/page/sub_title/title20.svg?ver=240807);
	width: 342px;
	height: 202px;
	animation: unset;
	}
.sub_header_inner .bgimg_20 span:nth-child(2){
	background-image:url(/img/page/sub_title/title20-1.svg);
	width: 42px;
	height: 43px;
	left: 27%;
	bottom: unset;
	top: 12%;
	animation-name: bounce;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: revert;
	animation-timing-function: linear;
	animation-delay: .5s;
	}
.sub_header_inner .bgimg_20 span:nth-child(3){
	background-image:url(/img/page/sub_title/title20-2.svg);
	width: 42px;
	height: 43px;
	right: 16%;
	bottom: unset;
	top: 20%;
	animation-name: bounce;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: revert;
	animation-timing-function: linear;
	animation-delay: .7s;
	}
.sub_header_inner .bgimg_20 :last-child {display:none;}
.sub_header_inner .bgimg_30 span {
	background-image:url(/img/page/sub_title/title30.svg?ver=240807);
	width: 312px;
	height: 271px;
	animation: unset;
	}
.sub_header_inner .bgimg_30 span:nth-child(2){
	background-image:url(/img/page/sub_title/title30-1.svg);
	width: 51px;
	height: 55px;
	right: 67%;
	bottom: unset;
	top: 36%;
	animation-name: email;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-direction: revert;
	animation-timing-function: linear;
	z-index: -1;
	transform-origin: left center;
	}
.sub_header_inner .bgimg_30 span:nth-child(3){
	background-image:url(/img/page/sub_title/title30-2.svg);
	width: 52px;
	height: 47px;
	right: 54%;
	bottom: unset;
	top: 20%;
	animation-name: email2;
	animation-duration: 2.5s;
	animation-delay: .5s;
	animation-iteration-count: infinite;
	animation-direction: revert;
	animation-timing-function: linear;
	animation-delay: .2s;
	transform-origin: left center;
	}
.sub_header_inner .bgimg_30 span:nth-child(4){
	background-image:url(/img/page/sub_title/title30-3.svg);
	width: 64px;
	height: 44px;
	right: 68%;
	bottom: unset;
	top: 7%;
	animation-name: fadeup;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-direction: revert;
	animation-timing-function: linear;
	animation-delay: .5s;
	transform-origin: bottom;
	opacity: 0;
	}
.sub_header_inner .bgimg_40 span {
	background-image:url(/img/page/sub_title/title40.svg?ver=240807);
	width: 285px;
	height: 263px;
	animation: unset;
	}
.sub_header_inner .bgimg_40 span:nth-child(2){
	background-image:url(/img/page/sub_title/title40-1.svg);
	width: 336px;
	height: 91px;
	left: 18%;
	bottom: unset;
	top: 1%;
	animation-name: fadeInUp;
	animation-duration: 4s;
	animation-delay: .5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease;
	z-index: -1;
	}
.sub_header_inner .bgimg_40 span:nth-child(3){
	background-image:url(/img/page/sub_title/title40-2.svg);
	width: 62px;
	height: 55px;
	right: 27%;
	bottom: 32%;
	animation-name: growup;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease;
	animation-delay: .2s;
	z-index: -1;
	transform-origin: bottom;
	}
.sub_header_inner .bgimg_40 :last-child {background-image:url(/img/page/sub_title/title40-3.svg);z-index: -2;}
.sub_header_inner .bgimg_50 span {
	background-image:url(/img/page/sub_title/title50.svg?ver=240807);
	width: 190px;
	height: 104px;
	animation: unset;
	left: 20%;
	}
.sub_header_inner .bgimg_50 span:nth-child(2){
	background-image:url(/img/page/sub_title/title50-1.svg);
	width: 311px;
	height: 196px;
	left: unset;
	right: -30%;
	bottom: unset;
	top: 14%;
	animation-name: airplane;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease;
	z-index: 1;
	transform-origin: left center;
	opacity: 0;
	}
.sub_header_inner .bgimg_50 span:nth-child(3){
	background-image:url(/img/page/sub_title/title50-2.svg);
	width: 76px;
	height: 74px;
	left: unset;
	right: 9%;
	bottom: 40%;
	animation-name: rotate-axis;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease;
	opacity: 0;
	}
.sub_header_inner .bgimg_40 :last-child {/* display:none; */}


.sub_header {/* text-align: center; *//* height: 200px; *//* display: flex; */justify-content: center;align-items: center;position: relative;padding-top: 7rem;}
.sub_header_inner {
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
}
.sub_header .header_tit {
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub_header .header_tit h2 {font-family:var(--font-point);font-size: 55px;font-weight: 800;color: var(--color-main);}
.sub_header .menu_fix {
    width: var(--width-size);
    margin: 0 auto 100px;
    display: flex;
    height: 80px;
    justify-content: space-between;
    background-color: var(--color-main);
    border-radius: 80px;
    /* padding: 1rem; */
    position: relative;
    box-shadow: 0 10px 20px rgb(0 128 204 / 15%);
    /* z-index: 1; */
}
.slide_menu {
    display: flex;
    /* margin: 3rem 0; */
    align-items: center;
    /* padding: 0 1rem; */
    z-index: 2;
    /* background-color: #fff; */
    /* padding: 1rem; */
    border-radius: 1rem 1rem 0 0;
    /* position: absolute; */
    justify-content: center;
    gap: 2rem;
    border-radius: 1rem;
    width: 400px;
    /* box-shadow: 0 0px 15px -10px rgb(0 0 0 / 51%); */
}
.slide_menu > li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position:relative;
    /* border-right: 1px solid rgb(255 255 255 / 27%); */
    height: 100%;
    align-items: center;
}
.slide_menu > li p {font-weight:500}
.slide_menu > li:first-child {width: auto;border: unset;padding-right: 0;}
.slide_menu li:last-child::after {display:none;}
.slide_menu li a {
    font-weight: 500;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    font-size: 17px;
    height: 100%;
    align-items: center;
}
.slide_menu li p > img {width: 18px; transition: all ease 1s;}
.slide_menu li i {font-size:24px}
.slide_menu li p i {
	width: 27px;
	height: 27px;
	display: inline-flex;
	justify-content: center;
	transition: all ease 1s;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
	font-size: 1.3rem;
}

.spin {
       animation-name: spin;
       animation-duration: 1000ms;
       animation-iteration-count: 1;
       animation-timing-function: linear;
       transform: rotate( 180deg );
}

.slide_menu > li ul{
    position: absolute;
    width: 110%;
    background-color: #ffffff;
    /* border: 1px solid #ccc; */
    padding: .5rem;
    top: 35px;
    border-radius: 1rem;
    z-index: 2;
    /* margin-top: 14%; */
    /* margin-right: 2rem; */
    border: 2px solid var(--color-main);
    margin-left: -10%;
    }
.slide_menu > li ul > li{
    }
.slide_menu > li ul > li.on {
}
.slide_menu > li ul > li:hover {}
.slide_menu > li ul > li:nth-last-child(1) {border-bottom:0; }
.slide_menu > li ul > li > a{
        display: table;
        /* color: #ffffff; */
        padding: 0.5em 0em;
        width: 100%;
        color:#6d6d6d;
        font-weight:400;
        background-color: #fff;
        /* border-radius: 1rem; */
        padding: .5rem;
        transition:.3s;
        word-break: keep-all;
}
.slide_menu > li ul > li > a:hover {font-weight:500;/* color:var(--color-main); */background-color: #f7f7f7;}
.bgimg_10 .slide_menu > li ul {border-color:#FFCC00}
.bgimg_30 .slide_menu > li ul {border-color:#93CE1D}
.bgimg_40 .slide_menu > li ul {border-color:#289AC2}
.bgimg_50 .slide_menu > li ul {border-color:#C873E6}

.hide {    display: none;}


.sub_header h3 {
    font-size: var(--sub-h3-size);
    font-weight: 700;
    font-family: var(--font-point);
    text-align: center;
    padding-bottom: 4rem;
    color: #464444;
}
.subtab {
    /* margin: 0 0 5rem; */
    width: var(--width-size);
    margin: 0 auto 6rem;
    /* border-bottom: 1px solid #ddd; */
    /* padding: 0 0 1rem; */
}
.subtab ul {
    display: flex;
    justify-content: center;
    gap: 1rem;
}
.subtab ul li {
    width: 17%;
    text-align: center;
    position:relative;
}
.subtab ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-point);
    opacity: .65;
    transition: all .4s;
    color: #505050;
    padding: 1rem 2rem;
    border-radius: 2rem;
    border: 1px solid #ccc;
}
.subtab ul li:after {
	/* content:""; */
	position:absolute;
	top: -20px;
	left:50%;
	transform:translateX(-50%);
	width: 15px;
	height: 15px;
	background-color: #4c5465;
	opacity: .5;
	border-radius: 50% 50% 0 50%;
	transition: all .4s;
	opacity:0;
}
.subtab ul li.on a {background-color: var(--color-main);border-color:var(--color-main);color: #fff;opacity: 1;}
.subtab ul li:hover a{color: var(--color-main);opacity: 1;border-color:var(--color-main);}
.subtab ul li.purple:hover a{color: #C2B2CF; border-color:#C2B2CF;}
.subtab ul li.orange:hover a{color: #DB6C3E; border-color:#DB6C3E;}
.subtab ul li.apricot:hover a {color: #E6B7A3; border-color:#E6B7A3;}
.subtab ul li.green:hover a{color: #9FC697; border-color:#9FC697;}
.subtab ul li.mustard:hover a {color: #EACA49; border-color:#EACA49;}
.subtab ul li.blue:hover a {color: #91A6C5; border-color:#91A6C5;}
.subtab ul li.purple.on a {background-color:#C2B2CF; border-color:#C2B2CF}
.subtab ul li.orange.on a {background-color:#DB6C3E; border-color:#DB6C3E;}
.subtab ul li.apricot.on a {background-color:#E6B7A3; border-color:#E6B7A3;}
.subtab ul li.mustard.on a {background-color:#EACA49; border-color:#EACA49;}
.subtab ul li.green.on a {background-color:#9FC697; border-color:#9FC697;}
.subtab ul li.blue.on a {background-color:#91A6C5; border-color:#91A6C5;}

.subtab ul li.on:hover a {color:#fff}
.subtab.full {
    border-bottom: unset;
}
.subtab.full ul {
    display: flex;
    justify-content: space-between;
    border: 1px solid #ddd;
    border-radius: 3rem;
}
.subtab.full ul li {
    margin: 0;
    width: 33.333%;
    padding: 1rem 0;
    border-radius: 3rem;
}
.subtab.full ul li:after {display:none}
.subtab.full ul li a {border-right:1px solid #ddd}
.subtab.full ul li:last-child a {border-right:unset}
.subtab.full ul li:hover {/* background-color:#0080cc2e; */}
.subtab.full ul li.on {background-color:var(--color-main)}
.subtab.full ul li.on a {color: #fff;}
.subtab.full ul li:hover a {color:var(--color-main)}
.subtab.full ul li.on:hover a {color: #fff;}

.common_wd {width: var(--width-size);margin: 0 auto;max-width: 1500px;}
.common_board {width: var(--width-size);margin: 0 auto 10%;}
p.rf {text-align:right; font-size:17px; color:#555; font-weight:300;}

/* 리스트 스타일 */
.list_st {
    list-style-type: disc;
}
.list_st li {position: relative;/* padding-left: 1rem; */margin: .5rem 0;margin-left: 1rem;line-height: 1.4;letter-spacing: -.5px;}
.list_st li:first-child {margin-top:0}
.list_st li:last-child {margin-bottom:0}
.list_st li::marker {
    color: #C4C4C4;
}
.border_st {border: 1px solid #ddd;border-radius: 10px;padding: 1rem;}
.border_st li {
    list-style-type: disc;
    margin-left: 1rem;
}
.border_st li::marker {
    color: #aaa;
    font-size: .8em;
}
.box_st {
    display: flex;
    justify-content: space-between;
    margin: .5rem 0;
}
.box_st li {
    width: 30%;
    padding: 1rem 3rem;
    border: 1px solid #ddd;
    border-bottom: 8px solid var(--color-point1);
    /* box-shadow: 0 8px 0 var(--color-point1); */
    border-radius: 20px;
    font-size: 20px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}
.box_st li:nth-of-type(2) {border-bottom: 8px solid var(--color-point2);}
.box_st li:nth-of-type(3) {border-bottom: 8px solid var(--color-point3);}
.box_st li span {
    width: 100px;
    height: 100px;
    display: inline-flex;
    align-items: center;
    background-color: var(--color-point1);
    border-radius: 50%;
    margin-right: 3rem;
    justify-content: center;
}
.box_st li:nth-child(2) span {background-color: var(--color-point2);}
.box_st li:nth-child(3) span {background-color: var(--color-point3);}
.listing h5 {margin: 2rem 0 .5rem;}
.listing p {
    word-break: keep-all;
}
.bignum_list {
    background-color: #fff;
    border-top: 4px solid var(--color-main);
    padding-bottom: 4rem;
    border-radius: 0 0 80px 0;
}
.bignum_list ul {
    padding: 2rem 4rem;
}
.bignum_list li {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
}
.bignum_list .num {
    display: inline-flex;
    background-color: var(--color-main);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
}
.bignum_list li span {
    color: var(--color-main);
    font-weight: 600;
}
.bignum_list li p {
    font-size: 20px;
    font-weight: 400;
}
.bignum_list .ps {
    text-align: center;
    font-family: var(--font-point);
    font-size: 22px;
}
.bignum_list .ps p {font-weight:600;padding-bottom: 1rem;}

.step_list {border-radius: 20px;}
.step_list .step_box {border: 8px solid #eee;padding: 4rem 2rem;border-radius: 60px 60px 0 60px;background-color: #fff;}
.step_list ul {
    display: flex;
    flex-wrap: wrap;
}
.step_list ul li {display: inline-flex;flex-direction: column;width: calc(100% / 7);position: relative;font-size: 20px;align-items: center;}
.step_list ul.wd16 li {width: calc(100% / 6);}
.step_list ul.wd20 li {width: calc(100% / 5);}
.step_list ul.wd25 li {width: calc(100% / 4);}
.step_list ul li p {
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 2rem;
}
.step_list ul li > div {
    height: 160px;
    width: 160px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin-bottom: 1rem;
}
.step_list ul li span {
    width: 90px;
    background-color: var(--color-main);
    color: #fff;
    border-radius: 3rem;
    font-size: 16px;
    font-weight: 500;
    margin: 2rem;
    position: relative;
    text-align: center;
}
.step_list ul li:after {
    
}
.step_list ul li:before {
	content:"";
	position:absolute;
	background-color: #ccc;
	width: 100%;
	height: 1px;
	left: 0;
	top: 158px;
}
.step_list ul li p:before {
    content:"";
    position:absolute;
    background-image:url(/img/page/guide/next.png);
    width: 30px;
    height: 30px;
    right: -15px;
    top: 0;
    margin-top: -15px;
    z-index: 1;
    background-size: 100%;
}
.step_list ul li:first-child::before {width:50%;left: 50%;}
.step_list ul li:last-child::before {width:50%;}
.step_list ul li p:after {
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	background-color:var(--color-main);
	border-radius:50%;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	border: 4px solid rgb(255 255 255 / 80%);
}

.step_list ul li:last-child p::before {display:none}

.vl_step {}
.vl_step ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.vl_step li {
    border: 1px solid #ddd;
    background-color: #fff;
    width: 30%;
    display: flex;
    padding: 2rem;
    border-radius: 1rem;
    align-items: center;
    position:relative;
}
.vl_step .step_img {background-color:#FEF5F5;padding: 1rem;border-radius: 1rem;}
.vl_step .step_txt {
    margin-left: 1rem;
}
.step_txt p {font-weight: 500;word-break: keep-all;}
.step_txt span {color:var(--color-main);font-size:.95rem;text-transform: uppercase;margin-bottom: .5rem;display: block;}
.vl_step li:after {
	content:"";
    position:absolute;
    background-image:url(/img/common/step.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -2rem; }
.vl_step li:last-child::after {display:none;}
.mo {display:none;}


.sub_title_con {position:relative;width: 100%;height: 220px;background-position: center;margin: 0 auto;margin-top: 100px;background-repeat: no-repeat;background-size: cover;z-index: 2;}
.title_inner {width: var(--width-size);margin: 0 auto;height: 100%;display: flex;flex-direction: column;position: relative;justify-content: center;}
.sub_title_con .title_txt {
    position: relative;
    color: #fff;
    /* margin-top: 4rem; */
}
.menu_fix {
    /* position: absolute; */
    /* right: 0; */
    /* bottom: 0; */
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.bgimg_10 {background-image: url(/img/page/sub_title/bg10.jpg);/* background-color: #FFE5E5; */}
.bgimg_20 {background-image: url(/img/page/sub_title/bg20.jpg);}
.bgimg_30 {background-image: url(/img/page/sub_title/bg30.jpg);}
.bgimg_40 {background-image: url(/img/page/sub_title/bg40.jpg);}
.bgimg_50 {background-image: url(/img/page/sub_title/bg50.jpg);}

.title_txt h2 {
    font-size: 50px;
    font-family: var(--font-point);
    font-weight: 900;
    color: #302d2c;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
    text-shadow: -1px 0px #ffffff, 0px 1px #ffffff, 1px 0px #ffffff, 0px -1px #ffffff;
    /* -webkit-text-stroke: .5px #ffffff; */
}
.title_txt h2 span {width: 110px;height: 110px;background-color:#fff;border-radius:50%;display: inline-flex;justify-content: center;align-items: center;margin-right: 2rem;background-image: url(/img/page/sub_title/title10.svg);background-repeat: no-repeat;background-position: center;}
.bgimg_20 .title_txt h2 span {background-image: url(/img/page/sub_title/title20.svg);}
.bgimg_30 .title_txt h2 span {background-image: url(/img/page/sub_title/title30.svg);}
.bgimg_40 .title_txt h2 span {background-image: url(/img/page/sub_title/title40.svg);}
.bgimg_50 .title_txt h2 span {background-image: url(/img/page/sub_title/title50.svg);}
.title_txt .txt_nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.title_txt .txt_nav li {padding-right:1rem}
.bg_gray {background-color:#f7f7f7;padding: 120px 0;}
.bluegray {background-color:#F6F8FA;}
.bl_btn {margin:120px auto;text-align: center;}
.bl_btn a {/* background-color:var(--color-black); */color: #fff;display: inline-flex;padding: 1rem 4rem;border-radius: 4rem;background-image: linear-gradient(327deg, #f24d86, #FFA48D);}


/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1500px)  {
	.sub_header {}
	.sub_header .menu_fix {/* padding: 5% 0; */}
	.subtab {margin: 0 auto 5rem;}
	.subtab ul li {
    width: 20%;
}
	.box_st li { width: 32%;}
	.tit_box h5 {word-break:keep-all}
	.tit_box h5 br {display:none;}
	.sub_header {/* padding-top:100px; */}
	.sub_header_inner .ani {right:5%;width: 29%;}
	
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media (max-width: 1023px) {
	.common_wd {width:100%; padding:0 3%}
	.common_board {width:100%; padding:0 3%}
	.title_inner {padding:0 3%;flex-wrap: wrap;}
	.sub_header {padding-top: 80px;} 
	.sub_header .header_tit {height: 160px;}
	
	.slide_menu {width: 52%;}
	.slide_menu > li ul {/* width: 100%; */}
	.sub_header h3 {padding-bottom: 3rem;}
	p.titsub_p {padding: 0 4%;word-break:keep-all;margin-top: -30px;font-size: 19px;}
	p.titsub_p br {display:none;}
	.sub_con h4 {margin-bottom: 2rem;} 
	.subtab {padding:0}
	.subtab ul {flex-wrap:wrap}
	.subtab ul li {width:auto;margin: 0;}
	.subtab ul li a {}
	.topbox {}
	.topbox_img {width:70%;margin:0 auto}
	.topbox_txt {
    word-break: keep-all;
}
	.topbox_txt p {font-size: 1.2rem;word-break: keep-all;}
	.topbox_txt p span {font-size:1.4rem}
	.topbox_txt p  br {display:none}
	.tit_box h5 {word-break:keep-all}
	.tit_box h5 br {display:none;}
	.tit_box {padding: 2rem;word-break: keep-all;}
	.box_st li {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 1rem;
	}
	.box_st li span {margin-right:0}
	.listing h5:first-child {margin-top: 0;}
	.step_list .step_box {padding: 0;}
	.step_list ul {
    padding: 2rem 1rem 0;
}
	.step_list ul li {width: calc(100% / 3);margin-bottom: 2rem;}
	.step_list ul.wd16 li, .step_list ul.wd25 li, .step_list ul.wd20 li {width: calc(100% / 3);}
    .step_list ul li p {word-break: keep-all;text-align: center;padding-top: 1.5rem;font-size: 18px;}
    .step_list ul li > div {width: 100px;height: 100px;}
    .step_list ul li span {margin: 1rem;}
    .step_list ul li:before {top: 126px;}
	.step_list ul li:nth-child(3n) p:before {display:none;}
	.step_list ul li:first-child::before, .step_list ul li:last-child::before {width:100%;}
	.step_list ul li:first-child::before {left: 0;} 
	
	.topbox_txt > ul li {
    margin-right: 4rem;
    padding-bottom: 1rem;
}
	.topbox_txt > ul li:last-child {padding-bottom:0}
	.topbox_txt > ul li a {margin-top:1rem}
	.topbox_txt > ul li img {width:40px; object-fit:contain}
	.vl_step ul {gap:2rem}
	.vl_step li {width: 47%;}
	.vl_step li:after {
    margin-right: -1.5rem;
}

}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    p, li {font-size:4.5vw;line-height: 1.4;}
	.title_inner {gap: 2rem;}
	.title_txt h2 {font-size: clamp(2.2rem, 7vw, 2.6rem);display: flex;/* justify-content: center; *//* flex-direction: column; */}
	.title_txt h2 span {width: 70px;height: 70px;background-size: 55%;margin-right: .5rem;/* margin-bottom: 1rem; */}
	
	.slide_menu {width: 97%;padding: 0;gap: 1.5rem;}
	.slide_menu > li:nth-of-type(2) {width: 45%;}
	.slide_menu > li:nth-of-type(3) {width: 55%;}
	.slide_menu li i {font-size:1.2rem}
	.slide_menu li p {font-size: 1.05rem;}
	.slide_menu li p i {width: 24px;height: 24px;font-size:1.1rem;top: 0;/* transform: translateY(-50%); */}
	.slide_menu > li ul > li {}
	.slide_menu > li ul > li > a {font-size:.95rem;padding: .4rem;}
	.topbox_img img {width:100%}
	.topbox_txt dd {font-size: 1.15rem;}
	.topbox_txt dd br {display:none}
	.bg_gray {padding:4rem 0}
	.subtab {margin-bottom:4rem}
	.subtab ul li a {font-size:1rem;padding: .5rem 1rem;}
	.list_st li {font-size: 1rem;}
	.step_list .step_box {border: 4px solid #eee;}
	.step_list ul {padding:2rem 1rem;}
	.step_list ul li {width: calc(100% / 2);margin-bottom: 1rem;}
	.step_list ul li:last-child {
    margin-bottom: 0;
}
	.step_list ul.wd16 li, .step_list ul.wd25 li, .step_list ul.wd20 li {width: calc(100% / 2);}
    .step_list ul li p {font-size: 1.1rem;word-break: break-all;padding: 1rem 0;}
	.step_list ul li:nth-child(3n) p:before {display:unset;}
	.step_list ul li:nth-child(2n) p:before {display:none;}
	.step_list dl {
    display: flex;
    flex-wrap: wrap;
}
    .step_list dl dt {
    width: 100%;
    border-bottom: unset;
}
    .step_list dl dd {width: 100%;} 
	.vl_step li {width: 42%;display: flex;flex-direction: column;padding: 1rem;gap: 1rem;text-align: center;}
	.vl_step .step_txt {margin-left:0}
	.mo {display:unset;float: right;font-size: .9rem;opacity: .7;padding-bottom: .5rem;}
	.over_view  {width:100%; overflow:auto; }
	.over_view > table {width:700px}
	.bl_btn {margin:4rem 0}
   
}