@charset "utf-8";
.comingsoon {text-align:center;font-size:20px;padding: 100px;}
.common_wd {width: 100%;max-width: var(--width-size);margin: 0 auto;padding: 0 40px;}
.common_board {width: var(--width-size);margin: 6rem auto 8rem;/* background-color: #fff; */padding: 3rem;border-radius: 2rem;padding: 0 40px;}
.sub_main p {color:#fff}
.sub_main h3, .common_board h3 {color:#fff;font-size:50px;text-align: center;margin: 0 0 4rem;font-weight: 700;}

.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_container {}
.sub_content_s, .sub_all_wrab {
    visibility: hidden;
}

.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);
}
p.titsub_p {
    text-align: center;
    margin-bottom: 60px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-point);
    margin-top: -40px;
    line-height: 1.4;
}
p.titsub_p span {font-weight: 700;color: var(--color-main);}

@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 {}
.title_wrap {height: 500px;}
.sub_title_con {position:relative;width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}
.sub_title_con:before {content:"";position:absolute;left: 0;top: 0;height: 100%;/* border-radius: 2rem; */background: no-repeat;background-size: cover;background-position: center;width: 100%;height: 100%;transform: scale(1.05, 1.05) rotate(0deg);animation: scale 4s linear;z-index: -1;}

.sub_header {/* text-align: center; *//* height: 200px; *//* display: flex; */justify-content: center;align-items: center;position: relative;padding-top: 170px;}
.sub_header_inner {
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
}
.title_inner {
    width: var(--width-size);
    position: relative;
    height: 100%;
    margin: 0 auto;
}
.header_tit {
    position: absolute;
    left: 0;
    top: 50%;
    font-family:var(--font-point);
    /* margin-top: 4rem; */
    transform: translateY(-50%);
}
.header_tit h2 {font-size: 80px;font-weight: 700;color: #fff;font-family:var(--font-point);letter-spacing: -.5px;}
.header_tit p {font-weight:400;color: rgb(255 255 255);padding-right:5px;letter-spacing:0;text-transform: capitalize;font-size: 26px;}
.menu_fix {
    z-index: 1;
    /* margin-top: -4rem; */
    position: relative;
    bottom: 61px;
    width: 40%;
    z-index: 2;
}
.slide_menu {
    border-bottom: unset;
    /* animation: scale_up 1.4s; */
    opacity: 1;
    display: none;
    border-top: 2px solid rgb(255 255 255 / 30%);
}
.slide_menu li {padding: 6px 0;/* border-bottom: 1px solid #eee; */}
.slide_menu li:last-child {border:0}
.slide_menu li a {width:100%;display: inline-block;}
.slide_menu li a:hover, .slide_menu li a:focus {color:var(--color-main)}
.slide_menu p {
    padding-bottom:2rem;
    width: 100%;
    font-size: 18px;
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
}
.slide_menu p > img {width: 18px; transition: all ease 1s;}
.slide_menu p i {
	/* width: 27px; */
	/* height: 27px; */
	display: inline-flex;
	/* color: #fff; */
	transition: all ease 1s;
	margin-left: 1rem;
	border: 1px solid rgb(255 255 255 / 50%);
	border-radius: 50%;
	width: 26px;
	height: 26px;
	padding-top: 1px;
	justify-content: center;
	align-items: center;
}

.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: calc(100% + 1.5px);
    background-color: #ffffff;
    /* border: 1px solid #ccc; */
    /* border-top: 0; */
    padding: 1rem 1.5rem;
    padding-right: 0;
    top: 40px;
    right: 0;
    width: 200px;
    border-radius: 10px;
    z-index: 2;
    /* margin-top: 14%; */
    /* margin-right: 2rem; */
    /* border: 2px solid var(--color-main); */
    /* margin-left: -1em; */
    text-align: left;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 6%);
    }
.slide_menu > li ul > li{
    /* background-color: #fff; */
    display: table;
    border-bottom: 1px solid rgb(255 255 255 / 19%);
    width: 100%;
    }
.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%;
        font-size: 16px;
        font-weight: 400;
        font-family: var(--font-point);
}
.slide_menu > li ul > li > a:hover {font-weight:500; color:var(--color-main);}
.hide {display: none;background-color: #ffffff;padding: .5rem 1rem;border-radius: .5rem;border: 1px solid #ddd;margin-top: -.5rem;}
.sub_sec {/* margin-top: 80px; */}
.half_sec {margin-top: 80px;}
.section_box {overflow:hidden;}
.section_box:last-child {/* padding-bottom:120px; */}
.section_slide {margin: 80px auto 0;position:relative;}

.sub_main {margin: 8rem 0 10rem;}

.half_sec .contents {margin-top: 100px;}
.half_sec .section_box:first-child .contents {margin-top: 0;}
.article {position:relative;margin-top: 5rem;}
.article:first-of-type {margin-top:0}
.arti2 {/* margin-top: 3rem; */}
.art_half {width:50%;}
.article .circle {
    position: absolute;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    filter: blur(25px);
    -webkit-filter: blur(25px);
    z-index: -1;
}
.article .cc1 {
    background-color: #DAF1F6;
    margin-top: -6%;
    left: -7%;
}
.article .cc2 {background-color: #ffc5e5;right: 0;width: 230px;height: 230px;filter: blur(50px);-webkit-filter: blur(50px);bottom: 0;margin-right: 0;margin-bottom: -5%;}
.arti_tit {font-size: 24px;font-weight: 600;margin-bottom: 2rem;}
.title_txt {text-align: center;}
.sec_tit {
    padding-bottom: 4rem;
    font-size: 38px;
    font-weight: 700;
    /* line-height: 36px; */
    font-family: var(--font-point);
    text-align: center;
    text-transform: uppercase;
    word-break: keep-all;
    }
.title_txt .sec_tit {padding-bottom: 1rem;color: #444c4d;}
.title_txt.txt_left .sec_tit {text-align: left;}
.title_txt > p {font-size:19px;color: #3f3f3f;word-break: keep-all;}
.title_txt p span {color:#008980; font-weight:500; font-size:22px}
.txt_left {width: 55%;position: relative;/* margin-left: 40%; *//* padding: 2rem 0; */text-align: left;}
.txt_left h3 {font-size: 32px;font-weight: 600;word-break: keep-all;}
.txt_left h3 span {color:var(--color-main);}
.gradation {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone -webkit-text-fill-color: transparent;
	background-image: linear-gradient(150deg, #008980, #e50581);
}
.title_img {width: 38%;position: relative;z-index: 0;height: 340px;}
.title_img img {border-radius:2rem;width: 100%;height: 100%;object-fit: cover;object-position: top;}
.title_box {text-align:center;margin-top: 2rem;display: flex;justify-content: center;}
.title_box dl {display:inline-flex;padding: 1rem 2rem;background-color: #fff;border: 1px solid #E8E8E8;border-radius: 1rem;align-items: center;}
.title_box dl dt {color:var(--color-main2);font-weight: 600;margin-right: 1rem;display: inline-flex;align-items: center;font-size: 18px;}
.title_box dl dd {text-align: left;line-height: 1.6;}
.title_box dl dt i {font-size: 20px;font-weight: 300;margin-right: 5px;}
.title_box dl dd p {letter-spacing:0;}
.title_box a {border:1px solid var(--color-main);/* padding:1rem 2rem; */margin-left:2rem;color:var(--color-main);border-radius: 1rem;font-weight: 500;transition:all .3s;display: inline-flex;align-items: center;width: 250px;justify-content: center;}
.title_box a:hover, .title_box a:focus {background-color:var(--color-main); color:#fff}
.title_box a i {font-weight:300;font-size: 21px;margin-left: 5px;transition:transform .4s}
.title_box a:hover i {transform:translateX(10px)}
.half_sec .sec_tit {
	float: left;
	width: 25%;
	margin-top: 0;
	padding-right: 4%;
	font-weight: 700;
	line-height: 36px;
	word-break: keep-all;
	font-family: var(--font-point);
	text-align: left;
}
.half_sec .con_box {margin-left: 25%;}

.tab_inner {/* position: absolute; */width:100%;border-top: 3px solid rgb(255 255 255 / 20%);margin-top: -92px;/* background: linear-gradient(360deg, black, transparent); *//* margin-bottom: 2rem; */bottom: 0;display: block;}
.tab_wrap{left:0;top:0;z-index:10;width:100%;/* padding:60px 20px 0 20px; *//* background:#fff; */z-index: 0;position: sticky;top: 100px;height: auto;z-index: 2;/* margin-bottom: 6rem; */}

.subtab {
    width: var(--width-size);
    margin: 0 auto;
    text-align: center;
}
.subtab ul {
    display: inline-flex;
    /* height: 70px; */
    /* padding: 1.5rem 0; */
    border-radius: 4rem;
    width: 100%;
    justify-content: center;
}
.subtab ul li {
    position: relative;
    display: flex;
    align-items: center;
    /* height: 50px; */
    justify-content: center;
    width: 100%;
    /* border: 1px solid #ddd; */
    /* border-left: unset; */
    min-width: 125px;
}
.subtab ul li a:after {content:"";height: 3px;width:0%;position:absolute;top: -3px;left: 0;background-color: #fff;/* transform: translateX(50%); */transition: all 0.4s ease-in-out;border-radius: 4px;}
.subtab ul li:first-child {/* border-left:1px solid #ddd; */border-radius:10px 0 0 10px;}
.subtab ul li:last-child {border-radius:0 10px 10px 0}
.subtab ul li a {
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: -1px; */
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    padding: 2rem 0;
    position:relative;
    opacity: .6;
}
.subtab ul li.on {}
.subtab ul li.on a:after {width:100%}
.subtab ul li.on a {color: #fff;font-weight: 600;opacity: 1;}
.subtab ul li:hover a {opacity: 1; transition:all 0.4s ease-in-out;}
.subtab ul li:hover a:after {width:100%}
.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;}

.ca_tab {
    margin-bottom: 4rem;
}
.ca_tab ul {
    display: flex;
    justify-content: center;
}
.ca_tab ul li {
    width: 20%;
    min-width: 200px;
    text-align: center;
    border-bottom: 2px solid rgb(255 255 255 / 20%);
    position: relative;
    transition: all .4s;
}
.ca_tab ul li.on {}
.ca_tab ul li a {color: #fff;display: block;height: 100%;width: 100%;padding: 1rem;opacity: .6;transition: all .4s;}
.ca_tab ul li.on a, .ca_tab ul li:hover a {opacity:1}
.ca_tab ul li:after {content:"";height: 3px;width:0%;position:absolute;bottom: -2px;left: 0;background-color: var(--color-main);/* transform: translateX(50%); */transition: all 0.4s ease-in-out;border-radius: 4px;}
.ca_tab ul li.on:after, .ca_tab ul li:hover::after {width: 100%;}

.tab_box{position:relative;max-width: var(--width-size);margin:0 auto;padding:0 40px;border-top: 2px solid var(--color-main);border-bottom:1px solid #d9d9d9;}
.tab_box .btn_prev,
.tab_box .btn_next{position:absolute;right:0;top:13px;z-index:5;width:32px;height:32px;border:1px solid #d9d9d9;border-radius:50%;background:url('/static/images/ico/ico-history-arr.svg') no-repeat center center}
.tab_box .btn_prev{left:0;transform:rotate(180deg)}
.tab_box .swiper-button-disabled{display:none;}
.tabSwiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }
.tabSwiper:after{content:'';position:absolute;right:0;top:0;z-index:5;width:1px;height:100%;background:#fff}
.tabSwiper .swiper-slide{position:relative;display:flex;align-items:center;height:58px;justify-content:center}
.tabSwiper .swiper-slide:before{content:'';position:absolute;left:-1px;top:22px;width:1px;height:16px;background:#d9d9d9}
.tabSwiper .swiper-slide:first-child:before{display:none}
.tabSwiper a {/* padding: 0 40px; */text-align:center;line-height:24px;color:#666;transition: color .3s;font-weight:500;font-size: 18px;letter-spacing: -1px;height: 100%;display: inline-flex;align-items: center;width: 100%;justify-content: center;}
.tabSwiper a:hover, .tabSwiper a:focus, .tabSwiper a.on {color:var(--color-main)}

.tab-prev, .tab-next {
	background: none;
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	transition:all .5s;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.tab-prev {left:0}
.tab-next {left:unset; right:0}
.tab_box button i {font-size: 20px;color: #8B8B8B;}
.tab_box button:hover {background-color:var(--color-main)}
.tab_box button:hover i {color:#fff}

p.rf {text-align:right; font-size:17px; color:#555; font-weight:300;}
.white_box {background-color:#fff;padding: 3rem;box-shadow: var(--boxshadow);border-radius: 2rem;}
.green_box {background-color: var(--color-bg-green);padding: 3.5rem 3rem;border-radius: 2rem;}
.gray_box {background-color: #f3f5f5;}
.section + .section{margin-top: 6rem;}

/* 리스트 스타일 */
.list_st {list-style-type: disc;}
.list_st li {position: relative;/* padding-left: 1rem; */margin: .5rem 0;margin-left: 1rem;line-height: 1.5;list-style: unset;}
.list_st li:first-child {margin-top:0}
.list_st li:last-child {margin-bottom:0}
.list_st li::marker {color: var(--color-main);}
.list_st li span {}
.list_st li a {
    padding: 3px 0;
    border-bottom: 1px solid var(--color-main);
    margin-left: 5px;
    color: var(--color-main);
}
.list_st li a:hover, .list_st li a:focus {color:var(--color-main2); border-color:var(--color-main2)}
.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);}
.tit_box {
    /* border: 1px solid #ddd; */
    padding: 3rem;
    border-radius: 20px;
    background-color: #f7f7f8;
}
.tit_box h5 {
    color: var(--color-main2);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--font-point);
    /* margin-bottom: 1rem; */
    line-height: 1.6;
}
.tit_box p {
    margin-top: .5rem;
    word-break: keep-all;
}
.listing h5 {margin: 2rem 0 .5rem;}
.listing p {
    word-break: keep-all;
}
.visit_sec1 {margin-top: 7rem;}
.topbox {
    display: flex;
    align-items: center;
}
.topbox_bg {}
.topbox_img {
    /* height: 200px; */
    width: 50%;
}
.topbox_img img {border-radius: 2rem;height: 300px;object-fit:cover;width: 100%;}
.topbox_txt {
    background-color: #fff;
    width: 50%;
    float: right;
    position: relative;
    padding-left: 4rem;
    border-radius: 60px 0 0 0;
}
.topbox_txt h3 {text-align:left;margin-top: 0;}
.topbox_txt h4 {font-family:var(--font-point);color:var(--color-main);font-weight:500;display: block;margin-bottom: 2rem;line-height: 1.5;word-break: keep-all;}
.topbox_txt h4:after {display:none;}
.topbox_txt h4 span {font-weight:800;}
.topbox_txt p {font-weight:400;font-size: 20px;line-height: 1.6;word-break: keep-all;}
.topbox_txt p span {color:var(--color-main);font-size: 24px;font-weight: 500;}
.topbox_txt > ul {
    display: flex;
    padding: 2rem 0 0;
    flex-wrap: wrap;
}
.topbox_txt > ul li {
    display: flex;
    margin-right: 8rem;
    font-size: 20px;
    align-items: center;
}
.topbox_txt > ul li:last-child {margin-right:0}
.topbox_txt > ul li span {
    display: inline-block;
    padding: 0 10px;
    font-weight: 500;
}
.topbox_txt > ul li p {font-weight: 300;}
.topbox_txt > ul li strong {font-size: 25px;font-weight: 500;padding-left: 10px;}
.topbox_txt > ul li a {background-color:var(--color-main);color: #fff;padding: 1rem;border-radius: 3rem;font-weight: 500;width: 250px;text-align: center;}
.topbox_txt .txt_list {
    padding-top: 2rem;
    border-top: 1px solid #ddd;
    font-size: 20px;
    margin-top: 2rem;
}
.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;}


.visit_sec2 {/* padding: 120px 0; */}
.visit_sec3 h3 {margin-bottom: -2rem;}
.step_list ol {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 0;
}
.step_list li {
    width: 25%;
}
.step_list .num {position:relative}
.step_list li span {
    background-color: var(--color-main);
    width: 42px;
    height: 42px;
    display: inline-flex;
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: var(--font-point);
    font-weight: 500;
}
.step_list li:last-child span:before {content:"";position:absolute;width: 52px;height:52px;background-color: #034ea245;z-index: -1;border-radius: 50%;}
.step_list li .num:after {content:"";width: calc(100% - 80px);height:1px;background-color:var(--color-main);position:absolute;left:0;margin-left: 60px;top:50%;transform:translateY(-50%)}
.step_list li:last-of-type .num:after {display:none}
.step_list li .step {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 1rem;
    color: #555555;
}
.step_list li .tit {
    font-size: 18px;
    font-weight: 500;
}
.step_list.li6 ol {
    padding-top: 6px;
}
.step_list.li6 ol li {width: 16.666%;}
.num_list {}
.num_list li {
    position: relative;
    padding-bottom: 1rem;
}
.num_list li:last-child {padding-bottom:0}
.num_list li .num {
    display: inline-flex;
    width: 25px;
    height: 25px;
    background-color: var(--color-main);
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
}
.num_list li > p {
    margin-left: 35px;
    font-weight: 400;
    word-break: keep-all;
}
.step {display:flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.step p {word-break:keep-all}
.step li {width: 17%;text-align: center;}
.step .icon, .step.line li {position: relative;background-color:#fff;width: 100%;/* margin: 0 auto; */padding: 1.5rem .5rem;border-radius: 1rem;box-shadow: var(--boxshadow);/* height: 180px; */}
.step .icon:after, .step.line li:after {content:"";background-image:url(/img/common/arrow_right.png);position:absolute;right:0;top:50%;width: 8px;height: 14px;background-repeat: no-repeat;background-size: contain;transform: translateY(-50%);margin-right: -1.8rem;}
.step li:last-child .icon:after, .step.line li:last-child::after  {display:none;}
.step .title {font-weight: 500;padding-top:1rem;word-break: keep-all;line-height: 1.3;}
.step .txt {margin-top:1rem;word-break: keep-all;}
.step.line li {box-shadow:unset;border:1px solid #eee;border-radius:1rem;height: auto;width: 17.5%;}
.step.line li span {display: block;font-weight: 400;font-size: 14px;/* background-color: var(--color-bg-gray); */color: #565656;padding: 3px;width: 40%;margin: 0 auto;margin-bottom: 1rem;letter-spacing: 0;}
.step.li4 li {width: 22.5%;}
.step.li6 li {width:14%;}
.step.li6 .icon {height:190px}
.step.li6.line li {height: auto;}
.step.li6 .icon:after, .step.li6.line li:after {margin-right:-1.8rem;}
.step.li6 .title {padding: 1rem 0 0;}

.iconli2 {
    display: flex;
}
.iconli2 li {
    width: 50%;
    position: relative;
}
.iconli2 li:after {content:"";position:absolute;height:100%;width:1px;background-color:var(--color-main);right:0;top:0;margin-right: 1.5rem;opacity: .2;}
.gray_box .iconli2 li:after {background-color:#8b8b8b}
.iconli2 li:last-child::after {display:none;}
.iconli2 li dl {padding: 0 1.5rem;}
.iconli2 li dt {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}
.iconli2 li dt span {
    background-color: var(--color-main);
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.iconli2 li dt i {color:#fff;font-weight:300}
.gray_box .iconli2 li dt span {background-color:#fff; }
.gray_box .iconli2 li dt i {color: var(--color-main);}
.iconli2 li dd {
    padding-left: .5rem;
    word-break: keep-all;
    padding-right: 2rem;
}
.iconli3 {flex-wrap:wrap;gap: 3rem 0;}
.iconli3 li {width: 33.333%;}
.iconli3 li:nth-child(3n)::after {display:none}
.boxlist {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    gap: 2rem 2rem;
}
.boxlist li {
    width: 31%;
    text-align: center;
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: var(--boxshadow);
}
.boxlist strong {color: var(--color-main);margin-bottom: .5rem;display: block;font-size: 20px;font-weight: 600;}
.boxlist li p:first-of-type {font-weight:500}

.boxlist dl {
    /* padding: 2rem 4rem; */
}
.boxlist dt {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-main);
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 1rem;
}
.boxlist dt span {
    display: inline-flex;
    background-color: var(--color-main);
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: .5rem;
}
.boxlist dt span i {color:#fff;font-size:25px;font-weight: 200;}
.boxlist dd {
    word-break: keep-all;
}
.white_box .boxlist {display: flex;justify-content: space-evenly;}
.white_box .boxlist li {
    background-color: var(--color-bg-gray);
    padding: 3rem 2rem;
    box-shadow: unset;
} 
.checklist {display:flex;gap: 1rem 3rem;flex-wrap: wrap;}
.checklist li {
    position: relative;
    padding-left: 30px;
    width: 22%;
}
.checklist li:before {content:"\EB82";position:absolute;left:0;top:50%;font-family: 'remixicon';transform: translateY(-50%);font-size: 25px;color: var(--color-main);}
.mt0 {margin-top:0;}
.mo {display:none;}
p.right {text-align:right;padding-bottom: 1rem;font-size: 16px;}

.purpose_txt {
    text-align: center;
    background-image: url(/img/page/mission/quotes.svg);
    background-repeat: no-repeat;
    background-position: center top;
}
.purpose_txt p {padding-top:3rem;font-size: 20px;line-height: 1.6;}
.purpose_txt p span {color:var(--color-main); font-weight:500}
.box_p {background-color:var(--color-main);margin-top: 2rem;text-align: center;color: #fff;padding: .5rem;border-radius: .5rem;word-break: keep-all;}
.box_p br {display:none}
.null {position: relative;}
.null:before {content:""; width:100%; height:80%; background-color:#F2F6FF;position:absolute; top:0; z-index:-1}
.mt {margin-top:1.5rem}
.btn_more a {font-size:20px;color: #fff;z-index: 1;position: relative;}
.btn_more span {width:53px;height:53px;display: inline-flex;justify-content: center;align-items: center;position: relative;z-index: -1;margin-left: 10px;transition: all .6s;}
.btn_more span:before {content:"";width: 53px;height: 53px;background-color: var(--color-main);position: absolute;border-radius: 50%;z-index: -1;transition: all .6s;}
.btn_more a:hover span {transform:rotate(-45deg);}
.btn_more a:hover span:before {width:95px; height:95px;}
.btn_more.right {text-align: right;}

.imgbo_list {display:flex;flex-wrap: wrap;gap: 40px;}
.imgbo_list li {width: calc(25% - 40px);background-color: #222;border-radius: 1rem;}
.imgbo_list li.empty_li {display:none}
.imgbo_list .imgbox {width: 100%;padding: 2rem 2rem 1.5rem;height: auto;}
.imgbo_list .imgbox img{width:100%;height: 100%;object-fit: contain;}
.imgbo_list .txt {color:#fff;padding: 0 1.5rem 1.5rem;text-align: center;}
.imgbo_list .txt span {
    font-weight: 300;
    opacity: .7;
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
}
.imgbo_list .txt h4 {
    font-size: 20px;
    font-weight: 500;
}
/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1500px)  {
	.sub_header {}
	.sub_header .menu_fix {/* padding: 5% 0; */}
	.sec_tit br {display:none}
	.white_box {padding: 3rem 2rem;}
	.green_box {padding: 3rem 2rem;}
	.title_txt > p br {display:none;}
	.box_st li { width: 32%;}
	.sub_header {/* padding-top:100px; */}
	.sub_header_inner .ani {right:5%;width: 29%;}
	.header_tit {width:100%;/* margin-top: 2rem; */padding: 0 5%;}
	.section_box {padding: 0 2rem;width: 100%;}
	.step p br {display:none}
	.step.li6 .icon {height:100%}
	.step.line li span {width:100%}
	.checklist li {width:25%}
	.iconli2 li dl {padding:0}
	.boxlist {flex-wrap:wrap;gap: 1.5rem;}
	
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media (max-width: 1023px) {
	.common_wd {width:100%;padding: 0 5%;}
	.common_board {width:100%;padding:0 3%;margin: 5rem 0 6rem;}
	.sub_main {margin: 4rem 0 6rem;}
	.menu_fix {width: 100%;}
	.sub_header .header_tit h2 {font-size:3rem}
	.title_wrap {height: 400px;}
	.sub_title_con {height: 100%;}
	.sub_title_con:before, .sub_title_con:after {}
	.header_tit {width:100%;/* margin-top: 2rem; */padding: 0 5%;}
	.sec_tit {font-size: 32px;word-break: keep-all;padding-bottom: 3rem;}
	.title_txt > p br {display:none;}
	.title_txt .sec_tit {font-size:35px;}
	.title_txt .sec_tit br {display:none}
	.title_txt.txt_left .sec_tit {font-size:28px}
	.txt_left h3{font-size: 28px;}
	.sub_title_con img:first-child {width:15%; left:3%}
	.sub_title_con img:nth-child(2) {width: 400px;right: -16%;}
	.tab_inner {
    display: none;
}
	.slide_menu {display: block;width: 100%;color: #fff;position: absolute;padding: 0 3rem;}
	.slide_menu > li ul {/* width: 100%; */padding: 1rem;}
	.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;}
	.subtab {/* padding: 0 3%; */}
	.subtab ul {/* flex-wrap: wrap; */}
	.subtab ul li {
    min-width: unset;
    width: auto;
    padding: 1rem;
    min-width: 140px;
}
	.subtab ul li a {font-size: 17px;}
	.section_box {padding: 0 5%;}
	.white_box {padding: 3rem 1.5rem;}
	.green_box {padding:2rem}
	.topbox {}
	.topbox_img, .topbox_img img {width:100%;}
	.topbox_txt {margin-top: -5rem;padding: 3rem 0 0 2rem;}
	.topbox_txt h4 {margin-bottom: 1rem;}
	.topbox_txt p {font-size: 1.1rem;}
	.tit_box h5 {word-break:keep-all}
	.tit_box h5 br {display:none;}
	.tit_box {padding: 2rem;word-break: keep-all;}
	.step {justify-content: flex-start;gap: 3rem;}
	.step li, .step.li6 li, .step.line li {width: 28%;}
	.step.li4 li {width:45%}
	.step .txt br {display:none}
	.step .txt p {word-break:keep-all}
	.iconli2 li dl {padding:0;width: 100%;}
	.iconli2 li dd {padding:0}
	.iconli3 {gap: 2rem 0;width: 100%;display: flex;justify-content: space-between;}
	.iconli3 li {width: 30%;}
	.gray_box .iconli2 li:after {margin-right:-.5rem}
	.boxlist {gap:1rem; flex-wrap: wrap;}
	.boxlist li{word-break:keep-all;padding:1.5rem;width: 48%;} 
	.boxlist li a {width:100%;display: block;}
	.white_box .boxlist {gap:0 1rem}
	.white_box .boxlist li {width:30%}
	.checklist {gap:1.5rem}
	.checklist li {width:auto}
	.mo {display: block;text-align: right;width: 100%;} 
	.over_view {width: 100%; overflow: auto;}
	.over_view table {width:1000px}
	.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}
	.list_st li {word-break:keep-all} 
	.title_box dl {}
	.title_box dl dt {width:auto;}
	.art_half {width:100%}
	.imgbo_list {gap:1.5rem;}
	.imgbo_list li {width: 31%;}
	
}


/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	p, li, dd {font-size: clamp(.9rem, 4.2vw, 1rem);line-height: 1.5;}
	.common_wd {padding: 0 5%;}
	.sub_main {}
	.common_board {margin:4rem 0 6rem}
	.sub_main h3, .common_board h3 {font-size: clamp(2rem, 12vw, 2.5rem);}
	.title_wrap {height: 240px;}
	.sub_title_con {}
	.sub_title_con:before {background-position-x:60%}
	.sub_title_con img:first-child, .sub_title_con img:nth-child(3) {display:none}
	.sub_title_con img:nth-child(2) {width: 63%;right: -28%;}
	.header_tit {/* padding: 0 3%; */}
	.menu_fix {width: 100%;}
	.slide_menu {/* width:100%; */padding: 0 1rem;/* justify-content: center; */}
	.slide_menu p {font-size: clamp(.95rem, 4.5vw, 1.15rem);}
	.slide_menu > li {}
	.slide_menu > li:first-child img {width:100%}
	.slide_menu > li ul {top:35px;border-radius:1rem;padding: 1rem;}
	.slide_menu li p {font-size: clamp(.9rem, 4.2vw, 1rem);}
	.slide_menu li p > img {width:16px}
	.sub_header .menu_fix {margin-bottom:3rem;height: auto;}
	.sub_header_inner .ani {display:none;}
	.subtab ul {height: auto;} 
	.subtab ul li {padding: 0;height: auto;}
	.subtab ul li:last-child {margin-right:0}
	.subtab ul li a {font-size: clamp(.9rem, 4.2vw, 1rem);padding: .5rem 1rem;}
	.white_box {padding: 3rem 1rem;} 
	.green_box {padding: 2rem 1rem;}
	.header_tit h2 {font-size: clamp(2rem, 10vw, 3rem);}
	.header_tit p {font-size: clamp(1rem, 5vw, 1.2rem);}
	.sub_header h3 {padding-bottom:2rem}
	.title_txt > p {font-size: clamp(1rem, 5vw, 1.2rem);}
	.title_txt > p.subcase br {display:unset}
	.step {gap: 20px;}
	.step li, .step.li6 li, .step.line li {width: 46%;}	
	.step li img {width: 45%;object-fit: contain;}
	.step .icon:after, .step.line li:after, .step.li6 .icon:after, .step.li6.line li:after {margin-right: -15px;width: 6px;height: 12px;}
	.step.li6 .icon {/* height:auto; */}
	.step.line li span {margin:0 auto;width: 100%;padding: 0;padding-bottom: 10px;}
	.step.li6 .title {padding: 1rem 0 0;font-size: clamp(.9rem, 4.2vw, 1rem);}
	.iconli2 {flex-wrap: wrap;gap:1.5rem 0}
	.iconli2 li, .iconli2 li dl {width:100%;}
	.iconli2 li:after {display:none;}
	.iconli2 li dt {margin-bottom:.5rem;font-size: clamp(1.1rem, 4.5vw, 1.5rem);}
	.iconli2 li dd {padding:0}
	.gray_box .iconli2 li dt span {width: 32px;height: 32px;font-size: 16px;}
	.white_box .boxlist {gap:1rem 0}
	.white_box .boxlist li {width:100%; height:auto; padding:1.5rem}
	.boxlist dt {font-size: clamp(1.1rem, 4.5vw, 1.5rem);padding-bottom: 10px;}
	.boxlist {gap:1rem 0}
	.boxlist li {width:100%; padding:1.5rem}
	.boxlist strong {font-size: clamp(1.1rem, 4.5vw, 1.5rem);}
	.title_box {flex-wrap: wrap;}
	.title_box a {margin-left:0;margin-top:1rem;width: 100%;padding: 1rem;background-color: var(--color-main);color: #fff;}
	.title_box dl {padding:1rem;flex-wrap:wrap;width: 100%;display: inline-flex;align-items: baseline;}
	.title_box dl dt {width: 26%;margin-right: 0;margin-bottom: .5rem;font-size: 17px;display: block;font-size: clamp(.9rem, 4.2vw, 1rem);margin-bottom: 0;line-height: 1.4;text-align: left;}
	.title_box dl dt i {/*display:none*/line-height: 1.6;margin-right: 0;}
	.title_box dl dd {width: 74%;}
	.title_box dl dd p {word-break:keep-all;margin-bottom: 5px;}
	.title_box dl.wrap {}
	.title_box dl.wrap dd {}
	.checklist {gap:1rem}
	.checklist li {}
	.box_p br {display:unset}
	.mo {font-size: 14px;margin-bottom: 5px;color: #8b8b8b;}
	.over_view table {width:800px}
	p.right {font-size:14px}
	.btn_more a {font-size:18px}
	.btn_more span, .btn_more span:before {width: 40px; height: 40px;}
	.btn_more span img {width:50%}
	.imgbo_list li {width: 47.5%;}
	.ca_tab ul{flex-wrap:wrap}
	.ca_tab ul li {width: 25%;min-width: unset;}
	.ca_tab ul li a {padding:2px}
	.imgbo_list .txt { padding: 0 .8rem 1rem;}
	.imgbo_list .txt span {font-size:clamp(.9rem, 4.2vw, 1rem);}
	.imgbo_list .txt h4 {font-size: clamp(1rem, 4.5vw, 1.2rem);}
	.imgbo_list {gap:1rem}
}


.step_list.s1 {border-radius: 20px;}
.step_list.s1 .step_box {border: 8px solid #eee;padding: 2rem 2rem;border-radius: 2rem;background-color: #fff;}
.step_list.s1 ul {
    display: flex;
    flex-wrap: wrap;
}
.step_list.s1 ul li {display: inline-flex;flex-direction: column;width: calc(100% / 7);position: relative;font-size: 20px;align-items: center;}
.step_list.s1 ul.wd16 li {width: calc(100% / 6);}
.step_list.s1 ul.wd20 li {width: calc(100% / 5);}
.step_list.s1 ul.wd25 li {width: calc(100% / 4);}
.step_list.s1 ul li p {
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 2rem;
}
.step_list.s1 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.s1 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.s1 ul li:after {
    
}
.step_list.s1 ul li:before {
	content:"";
	position:absolute;
	background-color: #ccc;
	width: 100%;
	height: 1px;
	left: 0;
	top: 180px;
}
.step_list.s1 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.s1 ul li:first-child::before {width:50%;left: 50%;}
.step_list.s1 ul li:last-child::before {width:50%;}
.step_list.s1 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.s1 ul li:last-child p::before {display:none}