/* #sub{
    margin-top:173px;
} */

/* common */
#sub {
    color: #000;
}

/* font size */
.font_16 {
    font-size: 1rem;
    /* 16px; */
}
.font_18 {
    font-size: 1.125rem;
    /* 18px; */
}

.font_24 {
    font-size: 1.5rem;
    /* 24px; */
}


.font_60 {
    font-size: 3.75rem;
    /* 60px; */
}

/* margin top */
.mt_10 {
    margin-top: .625rem;
    /* 10px */
}

.mt_20 {
    margin-top: 1.25rem;
    /* 20px */
}

.mt_40 {
    margin-top: 2.5rem;
    /* 40px */
}

.mt_60 {
    margin-top: 3.75rem;
    /* 40px */
}

.mr_15 {
    margin: 0 -15px
}

.box_w8 {
    width: 8.3%;
}

.box_w16 {
    width: 16.6%;
}

.box_w50 {
    width: 50%;
}

.box_w83 {
    width: 83.3%;
}

.box_w91 {
    width: 91.6%;
}

/* section style */
.sec .inner {
    max-width: 1170px;
    padding: 0 15px;
    margin: auto;
}

.sec02 {
    padding: 70px 0 20px;
}

.sec02:nth-child(3) {
    padding-bottom: 100px;
}

.sec02 .inner>h3 {
    text-align: center;
}

.sec02 .inner>h3 p {
    font-size: 32px;
    font-weight: 400;
}

.sec02 .fact_box div {
    width: 50%;
    padding: 0 15px;
}

.sec03 {
    padding: 70px 0 20px;
}

.sec03 .inner {
    width: 80%;
    padding: 0 15px;
    margin: auto;
}

.sec03 .flex_box {
    justify-content: space-between
}

.sec03 .fact_box div {
    padding: 0 15px;
    flex: 1 auto;
    -webkit-box-flex: 1;
    box-sizing: content-box;
}

.sec03 .fact_box .flex_left {
    width: 50%;
}

.sec03 .fact_box .flex_right {
    width: 41%;
}

.sec03 .text_box {
    margin-left: 8.33333333%
}

.sec04 {
    padding: 20px 0 80px;
}

/*  */
/* .sec05 {
    background: url('/static/images/sub/main_sec03_tv_bg.jpg')no-repeat;
    background-size:cover;
} */

.title_h6 {
    color: #ccc;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Oswald_r', sans-serif;
    line-height: 1;
    font-weight: 500;
}

hr.sub_head_line {
    width: 150px;
    height: 4px;
    background: #fff;
    margin: 30px auto;
    border: none;
}

hr.sub_line {
    margin: 20px 0;
    border-top: 1px solid #eee;
}


.flex_box {
    display: flex;
}

.fact_box {
    margin: 20px -15px 0;
    align-items: center;
}

.fact_title {
    position: relative;
    color: #888;
    margin: 20px 0 30px;
}

.fact_title:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    margin: 0 auto;
    bottom: -30%;
    left: 0;
    background: #ccc;
}

.fact_title,
.fact_title strong {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 400;
}

.fact_title strong {
    color: #000;
}

.fact_title_2 {
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: -1px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #000;
}

.fact_box .text_box p span {
    font-size: 15px;
    font-weight: 400;
}

.fact_box .text_box p span+span {
    margin-top: 30px;
    display: block;
}

.tab_nav {
    padding-bottom: 40px;
}

.tab_nav .sub_tab01 {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    /* flex-flow: row wrap; */
    align-items: center;
    margin-bottom: 1.875rem;
    border-bottom: 1px solid #e0e1eb;
    margin-bottom: 2.5rem;
}

.tab_nav .sub_tab01 li {
    position: relative;
    width: 50%;
    padding: 10px 15px;
    text-align: center;
}

.tab_nav .sub_tab01 li a {
    color: #a7a9b8;
    font-size: 1.25rem;
    display: block;
    transition: all .3s ease;
}

.tab_nav .sub_tab01 li.active a,
.tab_nav .sub_tab01 li:hover a {
    color: #000;
}

.tab_nav .sub_tab01 li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -1px;
    left: 0;
    background: #4b5197;
    opacity: 0;
    transition: all .3s ease;
}

.tab_nav .sub_tab01 li.active:after,
.tab_nav .sub_tab01 li:hover:after {
    opacity: 1;
}

.fact_interior {
    padding: 90px 0;
}

/* INTERIOR */
.sec_slide  {
    width: 100%;
    height: auto;
    margin-right: 0;
}
.sec_slide .slick-slide{
    margin-bottom:100px;
    padding:0 15px;
    max-width:952px;
    /* width:952px; */
    
}
.fact_interior  .slider_arrows{
    position:absolute;
    z-index:11;
    width:100%;
    max-width:1050px;
    top:45%;
    left:50%;
    transform:translateX(-50%);
}
.fact_interior .slick-arrow{
    width:100px;
    height:100px;
    z-index: 99;
}
.fact_interior .slider_arrows .slick-prev{
    left:0;
}
.fact_interior .slider_arrows .slick-next{
    right:0;
}
.fact_interior .slider_arrows .slick-arrow::before {
    content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	border: 1px solid #000;
	border-width: 0 3px 3px 0;
	margin-left: -2px;
	padding: 20px;
}

.fact_interior .slider_arrows .slick-prev::before {
	/* left: 60%; */
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.fact_interior .slider_arrows .slick-next::before {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}


.history {
    margin-top: 10px;
    margin-bottom: 60px;
}

.history li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    margin: 3px 0;
}

.history li:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #919191;
    top: 10px;
    left: 0;
}

.annals .inner>p {
    line-height: 1.7em;
    font-size: 24px;
    margin: 0 -15px 10px;
}

.annals .annals_box {
    margin: 0 -15px;
}

.annals .annals_box>div {
    width: 33.3%;
    padding: 0 15px;
}

.list_top {
    margin-bottom: 2.3125rem;
}

.list_top h6 {
    font-size: 12px;
    margin-bottom: 10px;
    color: #4b5297;
    font-weight: 700;
}

.list_top h2 {
    font-size: 28px;
    margin: .25em 0 25px;
    font-weight: 300;
    line-height: 1;
    color: #000;
}

.list_top h2 span {
    font-family: 'Oswald_l', sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #000;
}

.list_top p {
    font-size: 15px;
    font-family: 's-c-d-l', sans-serif;
    color: #000;
}

.focus_box .inner {
    max-width: 1170px;
    padding: 0 15px;
    background: #fff;
    margin: auto;
}

.focus_box .flex_box {
    align-items: center;
}

.focus_box .flex_box div {
    flex: 1 auto;
}

.focus_box .flex_left {
    width: 58.3%;
}

.focus_box .img_box {
    margin-left: -22vw;
    padding-right: 5rem;
    line-height: 0;
}

.focus_box .flex_right {
    width: 33.3%;
    padding: 5rem 15px 0;
}

.location>div {
    padding: 0 15px;
}

.fancy_title {
    margin-bottom: 40px;
}

/* 찾아오시는길 */
.location>div {
    flex: 1 auto;
    -webkit-box-flex: 1;
}

.location .text_box {
    width: 41.6%;
}

.location .flex_right {
    width: 50%;
}

.location h2 {
    font-size: 40px;
    color: #333;
    border-bottom: 2px solid #282828;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1.3
}

.location h2 span {
    font-size: 18px;
}

.time_top {
    padding-bottom: 10px;
    border-bottom: 1px solid #bababa;
}

.time_top p {
    display: flex;
    align-items: center;
}

.time_top .ko {
    position: relative;
    font-weight: 600;
    max-width: 60px;
    width: 100%;
    text-align: justify;
    line-height: 0;
    /* height: 0; */
    margin-top: 4px;
    color: #333;
    font-size: 15px;
}

.time_top .ko:after {
    content: '';
    display: inline-block;
    clear: both;
    width: 100%;
}

.time_top .en {
    color: #a0a0a0;
    margin-left: 10px;
    font-weight: normal;
}

.time_top .time {
    margin-left: auto;
    font-size: 18px;
    color: #282828;
}

.time_top .notic_text {
    color: #9a9a9a;
    margin-top: 2px;
    font-size: 90%;
}

.tel_box {
    padding: 10px 0;
    border-bottom: 1px solid #bababa;
}

.tel_box p {
    display: flex;
    align-items: center;
}

.tel_box .ko {
    font-weight: 600;
    color: #333;
}

.tel_box .en {
    color: #a0a0a0;
    margin-left: 10px;
    font-weight: 300;
}

.tel_box .time {
    font-size: 26px;
    font-weight: 600;
    margin-left: auto;
    line-height: 1;
}

.fancy_title .travel_box {
    margin-top: 30px;
}

.fancy_title .travel_box h3 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #000;
    border-bottom: 1px solid #dfdfdf
}

.fancy_title .travel_box>p {
    margin-top: 10px;
    color: #282828;
}

.fancy_title .travel_box .circle {
    display: inline-flex;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    margin: 0 2px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 13px;
}

.fancy_title .travel_box .circle.hosun3 {
    background: #ff954c
}

.fancy_title .travel_box .circle.hosun7 {
    background: #7f832e
}

.fancy_title .travel_box .bus_map a {
    color: #a7a9b8;
    border-bottom: 1px dashed #a7a9b8;
    transition: all .3s ease;
}

.fancy_title .travel_box .bus_map a:hover {
    color: #181b31;
}

.fancy_title .travel_box .bus_numb_box {
    margin-top: 10px;
}

.fancy_title .travel_box .bus_list {
    display: flex;
    align-items: center;
}

.fancy_title .travel_box .bus_list .bus_numb {
    display: flex;
    align-items: center;
}

.fancy_title .travel_box .bus_list .bus_numb span {
    position: relative;
    padding: 0 10px;
    font-size: 15px;
}

.fancy_title .travel_box .bus_list .bus_numb span:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 10px;
    background: #ccc;
    top: 8px;
    right: 0;
}

.fancy_title .travel_box .bus_list .bus_numb span:last-child:after {
    display: none;
}

.bus_list p {
    font-size: 12px;
    border-radius: 2px;
    padding: 3px 5px;
    margin-right: 5px;
    color: #fff;
    line-height: 1;
}

.bus_list p.bus01 {
    background: #7b8bee;
    border: 1px solid #7b8bee;
}

.bus_list p.bus02 {
    background: #6fbe4f;
    border: 1px solid #6fbe4f;
}

.bus_list p.bus03 {
    background: #f97c66;
    border: 1px solid #f97c66;
}

.fancy_title .btn_w50 div {
    padding: 0;
}

.fancy_title .btn_w50 div a {
    padding: 1.3em 2.7em;
    font-size: 13px;
}

.map {
    padding: 60px 0 90px;
}

.map .inner {
    width: 1170px;
    padding: 0 15px;
    margin: auto;
}

.map .root_daum_roughmap .wrap_controllers {
    display: none;
}

/* 쌍거풀 */
.bord_box {
    padding: 7px 15px;
    border: 2px solid #000;
    color: #000;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin: .5rem 0 1rem;
    line-height: 1em;
}

.sub_title_h2 {
    font-weight: 400;
    color: #000;
    line-height: 1em;
    margin: .5rem 0 1rem;
}

.sub_title_h4 {
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1em;
    margin: .5rem 0 1rem;
    color: #000;
    text-transform: uppercase;
}

/* what */
.what {
    background: url('/static/images/sub/main_sec03_tv_bg.jpg')no-repeat;
    background-size: cover;
}

.what .inner {
    max-width: 1300px;
    padding: 40px 180px 60px;
    background: #fff;
    margin: auto;
}

.what .flex_box div {
    flex: 1 auto;
    padding: 0 15px;
}

.what .what_out_box {
    margin: 0 -15px;
}

.what .what_out_box>.img_box {
    width: 8.3%;
    padding: 1rem 1rem 1.5rem;
    /* margin-bottom:1.5rem; */
}

.what .what_out_box .text_box {
    width: 91.6%;
}

.text_area p {
    font-size: 15px;
    line-height: 1.5em;
}

.what_text {
    margin: 60px 0 1.25rem;
    line-height: 1.5em;
    font-size: 16px;
}

.what_text2 {
    margin-bottom: 1rem;
}

.title_h5 {
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 10px;
    font-weight: 300;
}

.what .flex_box.what_in_box {
    padding: 0;

}

.what .what_in_box {
    margin: 2.5rem -15px 1.5rem;
}

.what .what_in_box .img_box {
    width: 16.6%;
    text-align: center;
}

.what .what_in_box .text_box {
    width: 83.3%;
    margin-top: 20px;
    padding-right: 0;
}

.what .what_in_box .what_text2 {
    line-height: 1.7;
    font-size: 16px;
    /* padding-bottom:1rem; */
}

.what .what_out_box .flex_left_middle {
    width: 50%;
}

.what .what_out_box .flex_left_middle p {
    font-size: 15px;
}

.what .what_out_box .flex_left_middle p strong {
    margin: 20px 0 10px;
    font-size: 120%;
    font-weight: bold;
    display: block;
}

.what .what_out_box .last_flex_left {
    width: 41.6%;
}

.what_text3 {
    line-height: 1.7;
    margin: 1.25rem 0;
    font-size: 15px;
}

.what_text4 {
    line-height: 1.7;
    margin: 40px 0 1.3em;
    font-size: 15px;
}

.what_text5 {
    line-height: 1.7;
    margin: 0 0 1.3em;
    font-size: 15px;
}

.mark {
    position: relative;
    color: #4b5297;
    font-weight: 600;
    z-index: 1;
    background: transparent;
    /* word-break: break-all; */
}

.fact_plastic {
    background: #4b5197;
    padding: 15px 0;
    text-align: center
}

.fact_plastic p,
.fact_plastic p b {
    font-size: 18px;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1.48
}

.fact_plastic p {
    font-weight: 400;
}

.fact_plastic p b {
    font-weight: 600;
}

.mark:after {
    content: '';
    position: absolute;
    background: rgba(52, 230, 238, 0.4);
    width: 102%;
    height: 80%;
    bottom: -20%;
    left: -1%;
    display: block;
    z-index: -1;
}

.progress_box {
    display: flex;
}

.progress_box .box {
    width: 25%;
    padding: 20px;
    border: 2px solid #000;
    border-left: 0;
}

.progress_box .box:first-child {
    border-left: 2px solid #000;
}

.progress_box .box,
.progress_box .box p {
    display: flex;
    /* align-items:center; */
    color: #373737
}
.progress_box .box p img{
    width:33px;
    height:31px;
}

.progress_box .box .progress_text {
    margin-left: auto;
    font-weight: 700;
    font-size: 16px;
    font-family: 's-c-d-m', sans-serif;
    color: #373737;
}

/* how */
.how {
    padding: 140px 0 60px;
    text-align: center;
}

.how .inner {
    width: 80%;
    margin: auto;
}

.how .how_title {
    margin-bottom: 2.5em
}

.how_wrap01 .how_title {
    margin-bottom: 0;
}

.how .title_h6 {
    margin-bottom: 10px;
}

.how .title_h3,
.how .title_h3 b {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 1.5;
}

.how .title_h3 {
    font-weight: 400;
}

.how .title_h3 b {
    position: relative;
    color: #4b5297;
    font-family: 's-c-d-m', sans-serif
}

.how .how_text {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: 1px;
    line-height:1.85
}

.how_wrap01 .inner {
    padding: 0 3rem;
}

.how_wrap01 .how_title {
    margin-bottom: 0;
}

.how_wrap01 .how_text2 {
    margin: 20px 0 10px;
    line-height: 1.8;
    font-family: 's-c-d-l', sans-serif;
    letter-spacing: -0.075em;
    font-weight: 600;
    font-size: 1.25rem;
    color: #000;
    text-transform: uppercase;
}

.how .how_box {
    display: flex;
}

.how .how_box .box {
    /* width:25%; */
    padding: 20px;
    margin-bottom: 30px;
    flex: inherit;
    transition: all .3s ease;
}

.how .how_box .box:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.07);
    z-index: 2;
}

.how .how_box .box+.box {
    border-left: 1px solid #EAEAEA;
}

.how .how_box .box:first-child {
    border-left: none
}

.how .how_box .box h3 {
    margin-top: 40px;
    color: #000;
    font-size: 26px;
    font-weight: 300;
    text-transform: capitalize;
}

.how .how_box .box p {
    color: #9B9B9B;
    font-size: 18px;
    margin: 0.35em 0 0.75em;
    line-height: 1.5;
}
.sub02_02 .how .how_box .box p{
    font-size:16px;
}

.w_60 .inner {
    width: 60%;
    margin: auto;
}

.scar .how .how_box .box {
    width: 33.3%;
    flex: 1 auto;
}

.scar .how .how_box .box p {
    font-size: 15px
}

/* who */
.who {
    padding: 80px 0 140px;
    background: #fafafa;
}

.who .inner {
    max-width: 1100px;
    margin: auto;
}

.who>div {
    flex: 1 auto;
}

.who .flex_box {
    align-items: center;
}

.who .flex_box .flex_left {
    width: 41.6%;
    padding: 0 15px;
    flex: 1 auto;
}

.who .title_h6 {
    text-align: left;
    line-height: 1.7em;
    margin-bottom: 10px;
    font-weight: 500;
}

.who .title_h3,
.who .title_h3 strong {
    font-size: 45px;
    line-height: 1.2;
    margin-top: 1.5rem
}

.who .title_h3 {
    color: #000;
    font-weight: 300;
    font-family: 's-c-d-l', sans-serif;
}

.who .title_h3 strong {
    color: #4b5297;
    font-family: 's-c-d-m', sans-serif;
}

.who .who_text {
    font-size: 22px;
    margin-top: .25rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
}

.who .who_list {
    margin: 60px 0 10px;
}

.who .who_list li {
    padding: 10px 0;
    color: #373737;
    position: relative;
    display: flex;
    align-items: center;
    line-height: normal;
}

.who .who_list li p {
    width: 100%;
    display: flex;
    align-items: center;
}

.who .who_list li span.num {
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    font-weight: 800;
    color: #4b5197;
    border-right: 2px solid #ddd;
    padding-right: 15px;
    margin-right: 20px;
    align-content: center;
}

.who .who_list li span {
    font-size: 17px;
    color: #373737;
    width: 100%;
    line-height: 1.3
}

.who .flex_box .flex_left+.flex_left {
    width: 50%;
    margin-left: 8.3%;
    margin-top: 5.5rem;
}

.who .img_box {
    position:relative;
    margin-top: -86px;
    margin-right: -22vw;
    line-height: 0;
    padding-left: 0;
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17);
    overflow: hidden;
}
.who .img_box div{
    line-height:0;
}

.who .img_box figure {
    margin: 0;
}
.img_ani{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    pointer-events: none;
    transform: scaleX(0);
    transform-origin: 0px 50%;
    opacity: 0;
}



/* why */
.why {
    margin-top: 1.25rem;
}

.why h2,
.why h2 b {
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: -1px;
}

.why h2 {
    font-weight: 500;
    font-family: 's-c-d-r-2', sans-serif;
    margin-top:40px;
}

.why h2 b {
    font-family: 's-c-d-m', sans-serif;
    color: #4b5297;
    font-weight: 600;
}

.why .flex_box {
    margin: 0 -15px;
    margin-top: 40px;
}

.why .flex_box div {
    width: 50%;
}

.why .flex_box h6 {
    margin-bottom: 10px;
    line-height: 1.8em;
}

/* where */
.where {
    text-align: center;
    padding: 140px 0 60px
}

.where+.where {
    padding-top: 60px;
}

.where .inner {
    max-width: 80%;
    margin: auto;
    margin-bottom: 2.5em;
    padding: 0 15px;
}

.where .where_title {
    margin-bottom: 2.5em
}

.where .title_h6 {
    margin-bottom: 10px;
}

.where .title_h3,
.where .title_h3 b {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 1.5;
}

.where .title_h3 {
    font-weight: 400;
}

.where .title_h3 b {
    position: relative;
    color: #4b5297;
    font-family: 's-c-d-m', sans-serif
}

.where .where_text {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin: 20px 0 10px;
    letter-spacing: -0.075em;
}

.where_tab {
    margin-bottom: 1.3em;
    display: flex;
    gap: .3125rem;
    align-items: center;
    justify-content: center;
}

.where_tab li {
    padding: .25rem 1rem;
    border: 1px solid #4b5197;
    color: #4b5197;
    border-radius: 50px;
    font-size: 15px;
    transition: all .3s ease;
}

.where_tab li:hover {
    background: #4b5197;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.where .where_img_box {
    padding-top: 10px
}

.where_cont h6 {
    display: block;
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
    font-family: 's-c-d-m', sans-serif;
}

.where_cont p {
    margin: 10px 0 1.3em;
    font-weight: 400;
}

.where_cont+.where_cont {
    margin-top: 70px;
}

/* check */
.check {
    background: url('/static/images/sub/sub02_01_sec04_bg.jpg')no-repeat;
    padding: 120px 0;
    background-size: cover;
    background-position: 50% 50%;
}

.check .inner {
    margin: auto;
}

.check .check_box {
    margin: 0 0 2.3125rem;
    text-align: center;
    padding: 5rem 0;
    width: 83.3%;
    margin-bottom: 2.3125rem;
    margin-left: 8.3%;
}

.check .fact_title {
    margin: 0 0 30px;
}

.check .fact_title:after {
    left: 50%;
    transform: translateX(-50%)
}

.check .fact_title strong,
.check .fact_title_2 {
    color: #fff;
}

.check .fact_title_2 {
    font-size: 45px;
    margin-bottom: 0;
    line-height: 1.1em;
}

.check .check_box p,
.check .check_box h2 {
    color: #fff;
}

.check .check_box .text_box {
    padding: 0 15px;
}

.check .check_box h2 {
    margin-bottom: .25rem;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
}

.check .check_box p {
    margin-top: 40px;
    font-size: 16px;
}


/* check drop down */
/* .check .drop_down{
    padding:0 15px;
} */
.check .dorp_box {
    padding: 0;
}

.check .drop_down p {
    margin-top: 0;
}

.drop_down .drop_down_list {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.drop_down .drop_down_list:first-child {
    border-top: none;
}

.drop_down .drop_down_list .question {
    padding: 1.05em 30px 1.05em 60px;
    cursor: pointer;
    margin: 0.25em 0;
    position: relative;
    transition: background 0.3s ease;
}

.drop_down .drop_down_list.active .question {
    background: #4b5197;
}

.drop_down .drop_down_list .question p {
    font-size: 18px;
    line-height: 1.5;
    font-family: "s-c-d-r-2", sans-serif;
}

.drop_down .drop_down_list .answer {
    opacity: 0;
    visibility: hidden;
    height: 0;
    /* max-height:0; */
    padding: 0 30px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.drop_down .drop_down_list .answer p {
    font-size: 15px;
    padding: 0;
}

.drop_down .drop_down_list.active .answer {
    opacity: 1;
    visibility: visible;
    height: auto;
    max-height: 100%;
    padding: 1em 30px;
}


/* proposal */
.proposal {
    padding: 120px 0 90px;
    background: url('/static/images/sub/main_sec03_tv_bg.jpg')no-repeat;
    text-align: center;
    background-size: cover;
}

.proposal .inner {
    width: 1170px;
    margin: auto;
}

.proposal .fact_title:after {
    left: 50%;
    transform: translateX(-50%);
}

.proposal .fact_title_2,
.proposal .fact_title_2 strong {
    font-size: 45px;
    line-height: 1;
}

.proposal .fact_title_2 {
    font-weight: 300;
}

.proposal .fact_title_2 strong {
    color: #4b5297;
    font-weight: 600;
}

.propsal_box {
    display: flex;
    justify-content: center;
}

.propsal_box .box {
    width: 25%;
    padding: 0 .5rem;
    margin-bottom: 1.875rem;
}

.propsal_box .box a {
    display: block;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.45s cubic-bezier(0.32, 0.98, 0.37, 1), -webkit-box-shadow 0.45s cubic-bezier(0.32, 0.98, 0.37, 1)
}

.propsal_box .box a:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.07)
}

.propsal_box .box figure {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.propsal_box .box .text_box {
    background: #fff;
    text-align: left;
}

.propsal_box .box .text_box div {
    border: 1px solid #e7e9ef;
    border-top: none;
}

.propsal_box .box .text_box .props_text {
    padding: 1.25em 20px 1.5625em;
}

.propsal_box .box .text_box .props_text h2 {
    font-size: 1.375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    margin: 0;
    font-family: 's-c-d-m', sans-serif;
    ;
    font-weight: 600;
    color: #000;
}

.propsal_box .box .text_box .props_text p {
    font-size: .875rem;
    margin-top: 10px;
    line-height: 1.5;
}

.propsal_box .box .text_box .props_btn {
    padding: 1.0625em 20px;
}

.propsal_box .box .text_box .props_btn h6 {
    display:flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #181b31;
    font-family: 's-c-d', sans-serif;
    font-weight: 400;
}
.propsal_box .box .text_box .props_btn i {
    position:relative;
    opacity: 0;
    color: #66b7bb;
    width:20px;
    height:20px;
    transform: translateX(-5px);
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.propsal_box .box .text_box .props_btn i:before,
.propsal_box .box .text_box .props_btn i:after{
    content: '';
    position:absolute;
    display:block;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin-right:-5px
}
.propsal_box .box .text_box .props_btn i:before{
    border:1px solid #66b7bb;
    border-width: 0 1px 1px 0;
	padding: 3px;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.propsal_box .box .text_box .props_btn i:after{
    width:18px;
    height:1px;
    background:#66b7bb;
    transform-origin: 0 100%;
    right:3px;
}

.propsal_box .box:hover .text_box .props_btn i {
    transform: translateX(0);
    opacity: 1;
}

/*  */
.correction .who .flex_left {
    width: 58.3%;
}

.correction .who .flex_left+.flex_left {
    width: 41.6%
}
.correction .how .what_text{
    margin:0;
}
.correction .who .flex_box .flex_left{
    flex:none;
}
.correction .who .flex_box .flex_left+.flex_left{
    margin-left:0;
}

.how .what_text {
    padding: 0;
    font-size:15px;
    line-height:1.75;
    margin:0;
}

/* 트임수술 */
.ectopic .how .inner {
    width: 70%;
    margin: auto;
}
/* .ectopic .how .how_box .box{
    width:33.3%;
    flex: 1 auto;
} */

/* 세로 리스트 */
.list_box {
    margin-bottom: 2.5em;
}

.list_box .list_item+.list_item {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 60px;
}

.list_box .list_item h3 {
    margin-top: 40px;
    margin-bottom: 10px;
    line-height: 1.85em;
    letter-spacing: -0.075em;
    font-size: 20px;
    font-weight: 500;
    font-family: 's-c-d-r-2', sans-serif;
}

.list_box .list_item .pc {
    padding-top: 10px
}

.circle_list_box {
    margin: 0 -15px 10px;
}

.circle_list_box h4 {
    margin: 1.25rem 0 .625rem;
    font-size: 120%;
    font-weight: 700;
    font-family: 's-c-d-m', sans-serif;
}

.circle_list_box+.circle_list_box {
    margin-top: 2.5rem;
}

.circle_list {
    counter-reset: number;
    padding-left: 40px;
}

.circle_list li {
    position: relative;
    padding: 5px 0;
    font-size: 15px;
}

.circle_list li:before {
    content: counter(number);
    position: absolute;
    width: 25px;
    height: 25px;
    border: 2px solid #d1d1d1;
    color: #333;
    left: -40px;
    top: 4px;
    line-height: 22px;
    font-size: 11px;
    text-align: center;
    border-radius: 50%;
    counter-increment: number;
    padding-right: 1px;
    box-sizing: border-box;
}

.circle_list_box01 h4 {
    margin-bottom: 0;
    line-height: 1.3
}

/* table */
.table_box {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 20px;
}

.table_box table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    border-collapse: collapse;
}

.table_box table th,
.table_box table td {
    padding: 8px;
    line-height: 1.5;
    border-right: 1px solid #dedede
}

.table_box table td {
    border-top: 1px solid #ddd;
}

.table_box table th {
    border-bottom: 2px solid #ddd;
}

.sub03 .how .how_title {
    margin-bottom: 0;
}

.sub03 .how .how_box {
    margin-bottom: 2.5em;
}
.sub03 .what .what_text{
    font-size:15px;
}

/* 미용흉터 성형 공통 */
.sub04 .sub_title_h4 {
    text-transform: uppercase;
}

.sub04 .how {
    padding-left: 15px;
    padding-right: 15px;
}

.sub04 .how .inner {
    padding: 0 3rem;
    margin-bottom: 2.5em;
}
.sub04_01 .who .flex_box .flex_left{
    flex:none
}
.sub04_05 .how_box .box .mark:after {
    opacity: 0;
}
.sub04_05 .how_box .box:hover .mark:after{
    opacity: 1;
}
.how .how_box .box h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0.35em 0 0.75em;
}

.how .how_box .box .sm_ft {
    font-size: 15px;
    line-height: 1.5;
}

.sub04 .principles .title_h3 {
    margin-bottom: 20px;
}

.sub04 .principles .title_h3,
.sub04 .principles .title_h3 strong {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: -1px;
}

.sub04 .principles .flex_box {
    align-items: normal
}

.sub04 .principles .flex_box .flex_left {
    width: 50%;
}
.sub04 .principles .flex_box > .flex_left{
    flex:100;
}
.sub04 .principles .flex_box .flex_left + .flex_left{
    margin-left:0;
    flex:auto;
}

.sub04 .principles .who_list {
    margin: 0;
}

.sub04 .principles .who_list .f2 {
    font-family: 'Oswald_m', sans-serif
}

.sub04 .principles .who_list li span {
    font-weight: 400;
    line-height: 1.1
}

.sub04 .principles .who_list li strong {
    font-size: 17px;
    color:#373737;
    font-weight:700;
}

.sub04 .principles .who_list li .font_15 {
    font-size: 15px;
    margin-top: 10px;
    display: block;
    line-height: 1.3;
    font-family: 's-c-d-l', sans-serif;
}
.sub04 .principles.who .img_box{
    margin-top:-50px;
}
.sub04 .how .how_box .box{
    flex:1 auto;
    width:25%;
}
.sub04 .how .how_box .box p{
    font-size:15px;
}

.sub06 .how {
    padding-top: 0;
}

.sub06 .how .how_box {
    margin-bottom: 2.5em
}

.text_06 {
    margin: 10px 0 1.3em;
    font-weight: 400;
}

/* 전후 사진 */
.before_img .sub_title_ban {
    animation-delay: 5s;
    transition: background-image 1s ease-in-out;
}
.before_img .inner{
    margin:60px auto 40px;
}
.before_img .before_wrap {
    margin: 40px 0 60px;
}

.before_img .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 35px;
    row-gap: 10px;
}

.before_img .tab li a {
    position:relative;
    font-size: 16px;
    letter-spacing: -.25px;
    color: #000;
    font-weight: 500;
    position: relative;
    padding: 10px 5px;
    font-family: 's-c-d-r-2', sans-serif;
}

.before_img .tab li.active a {
    color: #42c0bf
}

.before_img .tab li.active a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background:#42c0bf;
}

.before_img .main_list {
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
}

.before_img .main_list .main_slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.before_img .main_list .main_slide .main_img {
    position: relative;
    width: 100%;
    max-width: 650px;
}


.before_img .sub_list {
    width: 100%;
    margin: 0;
    padding: 0;
}

.before_img .sub_list .sub_list_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.before_img .sub_list .sub_list_area .sub_slide {
    position: relative;
    width: calc(100% / 4 - 20px);
    height: 100%;
    cursor: default;
    transition: transform 0.3s ease;
    pointer-events: none;
}
.before_img .sub_list .sub_list_area .sub_slide .login_link {
    pointer-events: auto;
}

.before_img .sub_list .sub_list_area .sub_slide .sub_img {
    position: relative;
    line-height: 0;
}

.before_img .login_link {
    position: absolute;
    top: 0;
    left: auto;
    right: auto;
    display: flex;
    justify-content: center;
    opacity: .6;
}

.login_link.hidden {
    display: none;
}

.before_img .main_list .main_slide .login_link {
    width: 100%;
    max-width: 650px;
}

.before_img .be_icon {
    position: absolute;
    background: #42c0bf;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.before_img .be_icon span {
    color: #fff;
}

.before_img .be_icon.before {
    top: 0;
    left: 0;
}

.before_img .be_icon.after {
    top: 50%;
    right: 0;
}

.before_img .main_list .main_slide .be_icon {
    width: 130px;
    height: 35px;
}

.before_img .sub_list .sub_slide .be_icon {
    width: 70px;
    height: 19px;
}

.before_img .sub_list .sub_slide .be_icon span {
    font-size: 10px;
}

.before_img .img_title {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #383838;
    padding: 10px;
    height: 50px;
}

.before_img .img_title p {
    color: #fff;
}

.before_img .main_list .main_slide .img_title {
    max-width: 650px;
    width: 100%;
}

.before_img .main_list .main_slide .img_title p {
    font-size: 15px;
}

.before_img .sub_list .sub_slide .img_title {
    width: 100%;
}

.before_img .sub_list .sub_slide .img_title p {
    font-size: 13px;
}

.before_img .main_list .slick-arrow {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    background: #eee;
    color: #fff;
    z-index: 99;
    font-size:0;
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}
.before_img .main_list .slick-arrow:before{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    z-index: 1;
    border:1px solid #fff;
    border-width:0 2px 2px 0;
    margin-left:-2px;
    padding:4px;
}
.before_img .main_list .slick-arrow:hover{
    background:#ccc;
}

.before_img .main_list .slick-next {
    right: 120px;
}

.before_img .main_list .slick-prev {
    left: 120px;
}
.before_img .main_list .slick-prev::before {
	left: 60%;
	-webkit-transform: translate(-100%, -50%) rotate(135deg);
	transform: translate(-100%, -50%) rotate(135deg)
}

.before_img .main_list .slick-next::before {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.before_img .sub_list .sub_slide .line {
    position: absolute;
    background: #42c0bf
}

.before_img .sub_list .sub_slide .line.right_line,
.before_img .sub_list .sub_slide .line.left_line {
    width: 5px;
    bottom: -5px;
    top: -5px;
    transform: scale3d(1, 0, 1);
}

.before_img .sub_list .sub_slide .line.top_line,
.before_img .sub_list .sub_slide .line.bottom_line {
    height: 5px;
    left: -5px;
    right: -5px;
    transform: scale3d(0, 1, 1);
}

.before_img .sub_list .sub_slide .line.right_line {
    right: -5px;
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
    transform-origin: top;
}

.before_img .sub_list .sub_slide .line.top_line {
    top: -5px;
    transition: transform 0.08s linear 0.43s;
    transform-origin: left;
}

.before_img .sub_list .sub_slide .line.left_line {
    left: -5px;
    transition: transform 0.08s linear 0.51s;
    transform-origin: bottom;
}

.before_img .sub_list .sub_slide .line.bottom_line {
    bottom: -5px;
    transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
    transform-origin: right;
}

.before_img .sub_list .sub_slide.active:after {
    transform: scale3d(0, 1, 1);
    right: -5px;
    left: -5px;
    transform-origin: right;
    transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}

.before_img .sub_list .sub_slide.active .line {
    transform: scale3d(1, 1, 1);
}

.before_img .sub_list .sub_slide.active .line.right_line {
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
    transform-origin: bottom;
}

.before_img .sub_list .sub_slide.active .line.top_line {
    transition: transform 0.08s linear 0.4s;
    transform-origin: right;
}

.before_img .sub_list .sub_slide.active .line.left_line {
    transition: transform 0.08s linear 0.48s;
    transform-origin: top;
}

.before_img .sub_list .sub_slide.active .line.bottom_line {
    transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
    transform-origin: left;
}
.paging{
    padding:30px 0;
}
.paging ul{
    display:flex;
    align-items:center;
    justify-content: center;
}
.paging ul li{
    display:flex;
    align-items: center;
    justify-content: center;
    height:24px;
    line-height:24px;
    padding:0 9px;
    margin:0 2px;
    border:1px solid #ccc;
}
.paging ul li a{
    font-size:12px;
    color:#555;
    height:100%;
}
.paging ul li.on{
    border:0 none;
}
.paging ul li.on a{
    font-size:14px;
    color:#111;
}


.modal{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 99;
    /* display:none; */
    opacity: 0;
    visibility: hidden;
    transition:.5s ease;
}
.modal.open{
    /* display:block; */
    opacity: 1;
    visibility: visible;
}
.modal_bg{
    background:rgba(237,236,236,.6);
    width:100%;
    height:100%;
}
.modal .modal_cont{
    position:fixed;
    max-width:500px;
    width:100%;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    background:#fff;
    
}
.modal .moda_head {
    background:#42c0bf;
    padding:10px 0;
    margin-bottom:15px;
    text-align: center;
}
.modal .moda_head h5{
    color:#fff;
    margin:0;
    font-size:16px;
    font-weight:400
}
.modal .moda_body{
    background:#fff;
}
.modal .check_box{
    height:55px;
    line-height: 55px;
}
.modal .chk_area{
    position:relative;
}


/* checkbox02 */
.modal .chk_agree02{
    display:inline-flex;
    align-items:center;
    cursor: pointer;
    user-select: none;
    margin-right:10px;
}
.modal .chk_agree02 label{
    display:flex;
    align-items:center;
}
.modal .chk_agree02 input[type="checkbox"],
.modal .chk_agree02 input[type="radio"]{
    display:inline-block;
    width:0;
    height:0;
    opacity: 0;
    display:none;
}
.modal .chk_agree02 .chk_box{
    position:relative;
    display:inline-flex;
    width:16px;
    height:16px;
    margin-right:5px;
    border:1px solid #282828;
    box-sizing: border-box;
    transition:border .3s ease 0s;
}
.modal .chk_agree02 .chk_box:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    margin:-10px 0 0 -10px;
    width:20px;
    height:20px;
    border-radius: 100%;
    background:#42c0bf;
    transform:scale(0)
}
.modal .chk_agree02 input:checked + .chk_box {
    border:1px solid rgb(66, 192, 191)
}
.modal .chk_agree02 input:checked + .chk_box:before{
    transform: scale(1);
    opacity: 0;
    transition:all .3s ease;
}
.modal .chk_agree02 .chk_box svg{
    position: relative;
    transform: scale(0);
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    height: auto;
}
.modal .chk_agree02 .chk_box svg polyline{
    stroke-width: 2;
    stroke: #42c0bf;
}
.modal .chk_agree02 .chk_box:after{
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    box-shadow: 0 -18px 0 #42c0bf, 12px -12px 0 #42c0bf, 18px 0 0 #42c0bf, 12px 12px 0 #42c0bf, 0 18px 0 #42c0bf, -12px 12px 0 #42c0bf, -18px 0 0 #42c0bf, -12px -12px 0 #42c0bf;
    transform: scale(0);
}
.modal .chk_agree02 input:checked + .chk_box:after{
    transform: scale(1);
    opacity: 0;
    transition: all .6s ease;
}
.modal .chk_agree02 input:checked + .chk_box svg{
    transform: scale(1);
    transition: all .4s ease;
    transition-delay: .1s;
    top:2px;
}
.modal .chk_agree02 .txt{
    position: relative;
    cursor: pointer;
    transition: color .3s ease;
    font-size: 15px;
    font-weight: normal;
    color: #282828;
    margin-bottom: 0;
    margin-right: 0;
    white-space: nowrap;
}
.modal .chk_agree02 input:checked ~ .txt{
    color: #42c0bf;
}
.modal .chk_box svg{
    width: 14px;
    height: 14px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    transition: stroke-dashoffset 0.2s ease;
}

.modal .chk_agree02 input:checked + .chk_box svg {
    stroke-dashoffset: 0;
}


.modal .quick_box_area{
    padding:0 20px 20px;
}
.modal .quick_box_area .quick_list{
    display:flex;
    align-items:center;
    padding:5px 2px;
}
.modal .quick_box_area .tag_area{
    width:35%;
    padding-right:15px;
}
.modal .quick_box_area .tag_area p{
    position: relative;
    font-size:15px;
    color:#333;
    white-space: nowrap;
}
.modal .quick_box_area .tag_area p i{
    position:absolute;
    top:50%;
    right:20%;
    transform:translateY(-50%);
    color:#d00000
}
.modal .quick_box_area .quick_list > div + div{
    display:flex;
    align-items:center;
    width:100%;
}

.modal .quick_box_area .inp_area label,
.modal .quick_box_area .inp_area select{
    position:relative;
    width:100%;
    height:55px;
    border:2px solid #eaeaea;
    transition: .3s ease;
}
.modal .quick_box_area input[type="text"], 
.modal .quick_box_area select{
    width:100%;
    font-size:13px;
    border:none;
}
.modal .inp_area label input[type="text"]{
    position:relative;
    padding-left:10px;
    height:40px;
    line-height:35px;
    top:15px
}
.modal .inp_area label input[type="text"]:focus{
    border:none;
    outline: none;
}
.modal .inp_area label:focus-within{
    border:2px solid #42c0bf;
}
.modal .inp_area label:hover,
.modal .inp_area label:focus,
.modal .inp_area label:visited,
.modal .inp_area select:hover{
    border:2px solid #42c0bf;
    outline: none;
}
.modal .inp_area label span{
    position:absolute;
    top:16px;
    left:10px;
    font-size:13px;
    color:#adadad;
    transition: all .3s ease;
    transform-origin: 0 0;
    pointer-events: none;
}
.modal .inp_area label input[type="text"]:focus + span,
.modal .inp_area label input.has-value + span{
    transform:translateY(-10px) scale(.75);
    color:#adadad;

}
.modal .inp_area select{
    appearance: none;
    padding-left:10px;
}

.modal .plane_button{
    width:100%;
    height:70px;
    background:#232942;
    border-radius: 7px;
}
.modal .plane_button button{
    width:100%;
    height:100%;
    color:#fff;
    text-align:center;
    align-content: center;
    cursor:pointer
}

@media(max-width:1200px) {
    hr.sub_head_line {
        width: 100px;
        height: 2px;
    }

    .mr_15 {
        margin: 0;
    }

    .sec .inner {
        max-width: 970px;
    }

    .what .inner {
        max-width: 950px;
        padding: 40px 15px 0;
    }

    .what .flex_box>div {
        padding: 0 15px;
        /* flex:none */
    }

    .what .what_out_box {
        margin: 0;
    }

    .what .what_out_box>div {
        width: 91.6%;
        flex: none;
    }

    .what .what_out_box>.img_box {
        display: none;
    }

    .what .what_in_box {
        margin: 0;
    }

    .what .what_in_box .what_text2 {
        font-size: 16px;
    }

    .what_text {
        font-size: 16px;
    }

    .what .flex_box .mr_15 {
        padding: 0;
    }


    .progress_box .box {
        flex-direction: column;
    }

    .progress_box .box p img {
        display: none;
    }

    .progress_box .box .progress_text {
        margin-left: 0;
    }

    .fact_plastic {
        margin-top: 20px
    }

    /* how */

    .how .title_h3,
    .how .title_h3 b {
        font-size: 26px;
    }

    .how .inner {
        width: 90%;
        padding: 0 15px;
    }

    .how .how_title {
        padding: 0 3rem;
    }

    .how .what_text {
        font-size: 15px;
        line-height: 1.8;
    }

    .how .how_box {
        margin-top: 20px;
    }

    .how .how_box .box h3 {
        font-size: 18px;
    }

    .how .how_box .box p {
        font-size: 14px;
        line-height: 2;
        margin-top: 20px;
    }

    /* who */
    .who .inner {
        max-width: 1100px;
        padding: 0 15px;
    }

    .who .title_h3,
    .who .title_h3 strong {
        font-size: 26px;
    }

    .who .flex_box {
        padding: 0 15px;
    }

    .who .flex_box .flex_left {
        width: 50%;
        padding: 0;
    }

    .who .flex_box .flex_left+.flex_left {
        width: 41.6%;
        margin-top: 0;
        padding-right: 0;
        margin-left: 0;
    }

    .who .who_list li span {
        font-size: 16px;
    }

    .who .img_box {
        margin: 5.5rem 0 0 8.3%
    }

    /* why */
    .why {
        padding: 0 15px;
    }

    .why .flex_box {
        margin: 0;
        /* padding:0 15px; */
    }

    .why h4 {
        font-size: 15px;
    }

    /* check */
    .check .fact_title_2 {
        font-size: 26px;
    }

    .check .check_box h2 {
        font-size: 18px;
    }

    .check .dorp_box {
        padding: 0 15px;
    }

    .check .dorp_box .drop_down {
        padding: 0 15px;
    }

    .proposal .inner {
        width: 82.965vw
    }

    .propsal_box {
        padding: 0 15px;
    }

    .proposal .fact_title_2,
    .proposal .fact_title_2 strong {
        font-size: 26px;
    }


    .location .text_box {
        width: 50%;
    }

    .fancy_title .travel_box .bus_numb_box {
        padding: 0;
    }

    .fancy_title .btn_w50 div a {
        padding: 1em 2.7em;
    }

    .focus_box .flex_left,
    .focus_box .flex_right {
        width: 50%;
    }

    .focus_box .img_box {
        margin-left: 0;
    }

    .list_box {
        padding: 0 3rem;
    }

    .sub04 .inner{
        max-width:20
    }
    .sub04 .principles .flex_box{
        padding:0;
    }
    .sub04 .principles .flex_box .flex_left{
        padding:0 15px;
    }
    .sub04 .principles .flex_box .flex_left + .flex_left{
        display:flex;
        align-items:center;
    }
    .sub04 .how .how_box .box p{
        line-height:1.5
    }

    .sub06 .where .inner {
        max-width: 90%;
        padding: 0 15px;
    }

    .sub06 .where .where_title {
        padding: 0 3rem
    }

    .sub06 .where .what_text3 {
        padding: 0 15px;
    }

    .sub08 .what .what_out_box .text_box {
        width: 100%
    }

    .sub08_how_box {
        padding: 0 3rem;
    }

    /*  */
    .fact_interior .slider_arrows .slick-arrow{
        width:45px;
        height:45px;
    }
    .fact_interior .slider_arrows .slick-arrow::before{
        border-color:#aaa;
    }
    .fact_interior .slider_arrows .slick-arrow::before{
        border-width:0 5px 5px 0;
        padding:8px;
    }

    /* 전후 사진 */
    .before_img .main_list .slick-arrow{
        width:40px;
        height:40px;
    }
    .before_img .main_list .slick-prev{
        left:-20px;
    }
    .before_img .main_list .slick-next{
        right:-20px;
    }
    .before_img .main_list .slick-prev::before{
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg);
    }

    .modal .modal_cont{
        width:90%;
    }
}

@media(max-width:990px) {
    .font_24 {
        font-size: 20px;
    }

    .sec .inner {
        max-width: 750px;
    }

    .sec02 .fact_box div {
        width: 100%;
    }

    .sec03 .fact_box .flex_left img {
        width: 90%;
        margin-left: 5%
    }

    .sec02 .inner>h3 {
        margin-bottom: 10px;
    }

    .sec02 .inner>h3 p {
        font-size: 24px;
    }

    .sec03 .inner {
        width: 100%;
    }

    .sec03 .flex_box {
        flex-direction: column-reverse;
    }

    .sec03 .fact_box div {
        box-sizing: border-box;
    }

    .sec03 .fact_box .flex_left {
        width: 100%;
    }

    .sec03 .fact_box .flex_right {
        width: 100%;
    }

    .sec03 .text_box {
        margin-left: 0;
    }

    .title_logo {
        padding: 20px 0;
    }

    .flex_box {
        flex-direction: column;
        margin: 0;
    }

    .mt_60 {
        margin-top: 20px;
    }

    .mark {
        background: rgba(52, 230, 238, 0.4);
        padding: 4px 0;
    }

    .mark:after {
        display: none;
    }

    .bord_box {
        font-size: 16px;
    }

    .sub_title_h2 {
        font-size: 32px;
    }

    .tab_nav .sub_tab01 li a {
        font-size: 16px;
    }

    .btn_w50 {
        gap: 10px;
    }

    .btn_w50 div {
        padding: 0;
    }

    .btn_w50 div a,
    .btn_w50 div button {
        font-size: 13px;
    }

    .what_text3{
        line-height:1.8
    }
    .what_text3,
    .what_text4 {
        font-size: 14px;
    }

    .sec02,
    .sec03 {
        padding: 3rem 0;
        text-align: center;
    }

    .sub03 .what .what_text{
        font-size:14px;   
    }
    .sub03 .how .how_box {
        margin-bottom: 0;
    }

    .fact_title {
        margin-bottom: 10px;
    }

    .fact_title:after {
        left: 50%;
        transform: translateX(-50%);
    }

    .fact_title,
    .fact_title strong {
        font-size: 24px;
    }

    .fact_title_2 {
        margin-top: 20px;
        font-size: 24px;
    }

    .fact_box {
        margin: 20px 0 0;
    }

    .fact_box p span {
        text-align: left;
    }

    .fact_interior {
        padding: 1rem 0;
    }

    .fact_interior .inner {
        text-align: center;
    }

    /*  */
    .sec05 .inner {
        padding: 40px 15px;
    }

    .focus_box .inner {
        padding: 0 15px;
    }

    .focus_box .flex_left {
        width: 100%;
    }

    .focus_box .flex_right {
        text-align: left;
        width: 100%;
        padding-top: 5rem;
    }

    .focus_box .fact_title:after {
        left: 0;
        transform: translateX(0);
    }

    .focus_box .img_box {
        width: 100%;
        margin-left: 0;
        padding-right: 0;
    }

    .fact_doctor {
        text-align: left;
    }

    .fact_doctor .flex_box {
        margin-top: 0;
    }

    .fact_box p {
        margin-bottom: 20px;
        line-height: 1.7em;
        text-align: left
    }

    .fact_doctor .fact_title:after {
        left: 0;
        transform: translateX(0);
    }

    .annals .inner>p {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .annals .annals_box>div {
        width: 66.6%;
    }

    .annals .annals_box .list_top span {
        display: block;
    }


    .sec04 {
        padding: 1rem 0;
    }
    .sub04 .principles .title_h3, 
    .sub04 .principles .title_h3 strong{
        font-size:24px;
    }
    .sub04 .principles .flex_box .flex_left {
        width: 100%;
        padding: 0;
    }

    .sub04 .principles .flex_box .flex_left:first-child{
        margin-bottom:3rem;
    }
    .sub04 .principles.who .img_box{
        margin-top:0;
        padding:0;
    }
    .sub04 .how .how_box .box{
        width:50%;
        flex:none;
    }

    .location .text_box {
        width: 100%;
        margin-bottom: 3rem
    }

    .location h2 {
        text-align: left;
    }

    .location h2,
    .location h2 span {
        font-size: 26px;
    }

    .location .flex_right {
        width: 100%;
    }

    .location .root_daum_roughmap {
        max-width: 100%;
        max-height: 400px;
    }

    .what .inner {
        max-width: 750px;
    }


    .what .flex_box02 {
        flex-direction: row;
    }

    .what .flex_box02 .what_out_box .flex_left_middle {
        width: 50%;
    }

    .what .what_out_box>.text_box {
        width: 91.6%;
    }

    .what .what_out_box .flex_left_middle {
        margin: 60px 0 1.3em;
    }

    .what .what_out_box .flex_left_middle p {
        padding: 0;
    }

    .what .flex_box.what_in_box {
        flex-direction: row;
    }

    .what .what_in_box .text_box {
        padding: 0 15px;
        margin-top: 20px;
    }

    .fact_plastic {
        padding: 10px 0;
        margin-top: 0;
    }

    .fact_plastic p,
    .fact_plastic p b {
        font-size: 12px;
    }

    .who {
        padding: 60px 0;
    }

    .who .inner {
        max-width: 750px;
    }

    .who .flex_box {
        flex-direction: column;
    }

    .who .flex_box .flex_left {
        width: 100%;
        padding: 0 15px;
    }

    .who .flex_box .flex_left+.flex_left {
        width: 100%;
        margin-top: 1rem;
        margin-left: 0;
        padding: 0;
    }

    .who .img_box {
        padding: 0;
        margin: 0;
    }

    .who .title_h6 {
        font-size: 20px;
    }

    .who .who_list {
        margin-bottom: 3rem;
    }


    .how {
        padding: 60px 0 20px
    }

    .how .how_text {
        font-size: 16px;
    }

    .how .inner {
        width: 100%;
        padding: 0 15px;
    }

    .how .how_title {
        padding: 0 15px;
    }

    .how .what_text {
        font-size: 15px;
        padding: 0 15px;
    }

    .how .how_box {
        flex-wrap: wrap;
        padding: 0 15px;
    }

    .how .how_box .box {
        width: 50%;
        padding: 10px;
    }

    .how .how_box .box+.box {
        border-left: 0;
    }

    .how .how_box .box .sm_ft {
        font-size: 14px;
    }

    .proposal {
        padding: 60px 0 40px
    }

    .propsal_box {
        margin: 0 -15px;
    }

    .propsal_box .box {
        width: 48%;
    }

    .propsal_box .box figure img {
        width: 100%;
        height: 100%;
    }

    .progress_box {
        margin: 20px 0;
    }

    .progress_box .box,
    .progress_box .box p {
        gap: 0;
    }

    .propsal_box .box .text_box .props_text {
        padding: 1.25em 15px 1.5625em
    }

    .check .check_box {
        width: 100%;
        margin: 0;
        padding: 5rem 15px
    }

    .check .check_box .text_box {
        padding: 0 15px;
    }

    .check .drop_down {
        padding: 0 15px;
    }

    .why .flex_box {
        flex-direction: row;
    }


    /* 남자 눈성형 */
    .man_eye .propsal_box .box {
        width: 100%;
    }

    .ectopic .how .inner {
        width: 100%;
    }

    /* 절개 쌍꺼풀 재수술 */
    .list_box {
        padding: 0 15px;
    }

    .scar .how .how_box .box {
        width: 50%;
        flex: none;
    }



    .where {
        padding: 60px 0 20px
    }

    .sub06 .where .where_title {
        padding: 0
    }

    .sub06 .where .what_text3 {
        padding: 0;
        font-size: 15px
    }

    .where_tab {
        flex-wrap: wrap;
    }

    .where .title_h3,
    .where .title_h3 b {
        font-size: 24px;
    }

    .where .where_text {
        font-size: 1rem;
    }

    .sub06.sub06_01 .where .inner {
        max-width: 100%;
        margin: 0;
    }

    .sub06.sub06_01 .where .where_title {
        padding: 0 15px;
    }

    .table_box {
        width: 100%;
        margin-left: 0;
    }

    .where .title_h6 {
        font-size: 20px;
        font-weight: 300;
    }

    .sub08 .inner {
        max-width: 100%;
    }

    .sub08 .where_cont+.where_cont {
        margin: 0;
    }

    /*  */
    .sec_slide .slick-arrow{
        width:35px;
        height:35px;
    }
    .sec_slide .slick-arrow::before{
        padding:7px;
    }

    /* 전 후 사진 */
    .before_img .tab{
        justify-content: flex-start;
    }
}

@media(max-width:780px) {

    .what_text {
        margin: 0;
        /* font-size:15px; */
        line-height: 1.7
    }

    .sec .inner {
        max-width: 100%;
    }

    .sec02 .fact_box div {
        width: 100%;
    }

    .sec03 .fact_box .flex_left img {
        width: 90%;
        margin-left: 5%
    }

    .sec02 .inner>h3 {
        margin-bottom: 10px;
    }

    .sec02 .inner>h3 p {
        font-size: 24px;
    }

    .sec03 .inner {
        width: 100%;
    }

    .sec03 .flex_box {
        flex-direction: column-reverse;
    }

    .sec03 .fact_box .flex_left {
        width: 100%;
    }

    .sec03 .fact_box .flex_right {
        width: 100%;
    }

    .sec03 .text_box {
        margin-left: 0;
    }

    .title_logo {
        padding: 20px 0;
    }

    .flex_box {
        flex-direction: column;
        margin: 0;
    }

    .mt_60 {
        margin-top: 20px;
    }

    .mark {
        background: rgba(52, 230, 238, 0.4);
        padding: 4px 0;
    }

    .mark:after {
        display: none;
    }

    .bord_box {
        font-size: 16px;
    }

    .sub_title_h2 {
        font-size: 32px;
    }

    .tab_nav .sub_tab01 li a {
        font-size: 16px;
    }

    .sub_title_ban hr.sub_head_line {
        display: none;
    }

    .btn_w50 {
        gap: 10px;
    }

    .btn_w50 div {
        padding: 0;
    }

    .btn_w50 div a,
    .btn_w50 div button {
        font-size: 13px;
    }


    .sec02,
    .sec03 {
        padding: 3rem 0;
        text-align: center;
    }

    .sub03 .how .how_box {
        margin-bottom: 0;
    }

    .fact_title {
        margin-bottom: 10px;
    }

    .fact_title:after {
        left: 50%;
        transform: translateX(-50%);
    }

    .fact_title,
    .fact_title strong {
        font-size: 24px;
    }

    .fact_title_2 {
        margin-top: 20px;
        font-size: 24px;
    }

    .fact_doctor .fact_box .flex_right {}

    .fact_box p span {
        text-align: left;
    }

    .fact_box .text_box p span {
        font-size: 14px;
    }

    .fact_interior {
        padding: 1rem 0;
    }

    .fact_interior .inner {
        text-align: center;
    }

    /*  */
    .sec05 .inner {
        padding: 40px 15px;
    }

    .annals .inner>p {
        margin: 0 0 10px;
    }

    .annals .annals_box>div {
        width: 100%;
    }

    .focus_box .inner {
        padding: 0 15px;
    }

    .focus_box .fact_title:after {
        left: 0;
        transform: translateX(0);
    }

    .fact_doctor {
        text-align: left;
        padding: 1rem 0;
    }

    .fact_doctor .flex_box {
        margin-top: 0;
    }

    .fact_box p {
        margin-bottom: 20px;
        line-height: 1.7em;
        text-align: left
    }

    .fact_box .text_box p span {
        font-size: 14px;
    }

    .fact_doctor .fact_title:after {
        left: 0;
        transform: translateX(0);
    }

    .annals_box>div {
        width: 100%;
    }

    .annals_box .list_top {
        text-align: center
    }

    .sec04 {
        padding: 1rem 0;
    }

    /* 찾아오시는길 */
    .location>div {
        padding: 0;
    }

    .location h2,
    .location h2 span {
        font-size: 20px;
    }

    .location p,
    .location p span {
        font-size: 13px;
    }

    .fancy_title {
        margin-bottom: 0;
    }

    .fancy_title .travel_box .bus_map a {
        font-size: 15px;
    }

    .fancy_title .travel_box .bus_map {
        padding: 0 15px;
    }

    .fancy_title .travel_box .bus_numb_box {
        padding: 0;
    }

    .fancy_title .travel_box .bus_list {
        margin: 4px 0;
    }

    .fancy_title .travel_box .bus_list .bus_numb span {
        font-size: 11px;
    }

    .fancy_title .travel_box .bus_list p {
        font-size: 11px;
    }

    .fancy_title .btn_w50 div a {
        padding: 1em 2.7em;
    }

    .time_top .time {
        font-size: 16px;
    }

    .tel_box .time {
        font-size: 18px;
    }

    .tab_nav .sub_tab01 {
        flex-direction: column;
    }

    .tab_nav .sub_tab01 li {
        width: 100%;
    }

    .progress_box {
        margin: 20px 0;
    }

    .progress_box .box {
        padding: 10px;
    }

    .progress_box .box p,
    .progress_box .box .progress_text {
        font-size: 13px;
    }

    .what .inner {
        max-width: 100%;
    }

    .what .flex_box.what_in_box {
        flex-direction: column;
        padding: 0;
    }

    .what .what_out_box .text_box {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .what .what_out_box>.text_box {
        width: 100%;
    }


    .what .what_in_box .img_box {
        width: 100%;
    }

    .what .flex_box02 {
        flex-direction: column;
    }

    .what .flex_box02 .flex_left_middle,
    .what .flex_box02 .last_flex_left {
        width: 100%;
    }

    .fact_plastic {
        padding: 10px 0;
        margin-top: 0;
    }

    .fact_plastic p,
    .fact_plastic p b {
        font-size: 12px;
    }

    .who {
        padding: 60px 0;
        text-align: center
    }

    .who .inner {
        max-width: 100%;
    }

    .who .flex_box {
        flex-direction: column;
    }

    .who .flex_box .flex_left {
        width: 100%;
        padding: 0 15px;
    }

    .who .flex_box .flex_left+.flex_left {
        width: 100%;
        margin-top: 1rem;
        margin-left: 0;
        padding: 0;
    }

    .who .title_h6 {
        text-align: center;
        font-size: 20px;
    }

    .who .who_list {
        margin: 20px 0 3rem;
        text-align: left;
    }


    .how {
        padding: 60px 0 20px
    }

    .how .inner,
    .proposal .inner {
        width: 100%;
        padding: 0 15px;
    }

    .how .title_h3,
    .how .title_h3 b {
        font-size: 24px;
    }

    .how .title_h6 {
        font-size: 20px;
        font-weight: 300;
    }

    .how .how_box {
        flex-wrap: wrap;
        padding: 0 15px;
    }

    .how .how_box .box {
        width: 50%;
        padding: 10px;
    }

    .how .how_box .box+.box {
        border-left: 0;
    }

    .how .how_text {
        font-size: 1rem;
    }

    .how .how_title {
        margin-top: 20px;
        padding: 0 15px;
    }

    .how .what_text {
        padding: 0;
    }

    .how .how_box .box p {
        margin-top: 10px;
    }

    .proposal {
        padding: 4rem 0 1rem
    }

    .propsal_box .box {
        width: 50%;
        padding: 10px;
    }

    .progress_box .box p,
    .progress_box .box .progress_text {
        font-size: 13px;
    }

    .propsal_box .box .text_box .props_text h2 {
        text-align: center;
    }

    .propsal_box .box figure img {
        width: 100%;
        height: 100%;
    }

    .check {
        padding: 1rem 0;
    }

    .check .check_box {
        width: 100%;
        margin: 0;
    }

    .check .check_box p {
        font-size: 13px;
        line-height: 2
    }


    .focus_box .flex_right {
        padding: 40px 15px;
    }

    .list_top h2,
    .list_top h2 span {
        font-family: 's-c-d-l', sans-serif;
        font-size: 22px;
    }

    .list_top p {
        font-size: 13px;
    }

    .why .flex_box {
        flex-direction: column;
    }

    .why h2 {
        text-align: center;
        margin-top: 40px;
        font-size: 32px;
    }

    .why .flex_box .flex_left+.flex_left {
        margin-top: 20px;
    }

    .list_box .list_item h3 {
        font-size: 16px;
    }

    .sub03 .what .what_text {
        margin: 60px 0 1.3em
    }

    .ectopic .how .how_box .box {
        width: 50%;
        padding: 10px;
    }

    .fact_eyes .what .what_text,
    .text_area p {
        font-size: 14px;
    }


    .sub04 .how .inner {
        padding: 0 15px;
    }

    .scar .how .how_box .box p {
        font-size: 14px;
        line-height: 1.6;
    }

    
    .sec_slide .slick-arrow::before{
        border-width: 0 4px 4px 0;
        padding: 6px;
    }
    .sec_slide .slick-slide{
        height:auto;
        padding:0;
        /* max-width:650px; */
        margin-bottom:0;
    }
    .sec_slide .slick-slide img{
        width:100%;
    }

    .before_img .main_list .slick-prev {
        left: 0;
    }

    .before_img .main_list .slick-next {
        right: 0;
    }

    /* 전후 사진 */
    .before_img .inner{
        margin:40px 0 60px;
    }
    .before_img .before_wrap{
        margin:0 0 30px 
    }
    .before_img .tab {
        flex-wrap: nowrap;
        column-gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .before_img .tab::-webkit-scrollbar {
        display: none;
    }

    .before_img .tab li{
        flex-shrink: 0;
    }
    .before_img .tab li a{
        padding:5px 14px;
        color:#787878;
        text-align: center;
    }
    .before_img .tab li.active a:after{
        display:none;
    }
    .before_img .sub_list .sub_list_area .sub_slide{
        width:calc(100% / 2 - 20px)
    }
}