@charset "utf-8";

.wrap {overflow: hidden;}
#content {margin-top: 100px; background: #fff; overflow: hidden; position: relative;}
.m_color {color: #713FFF;}
.p_color {color: #4A0AFF;}
.point_text {font-family: 'LEMON MILK', sans-serif;}

.line_map {padding: 36px 16.66% 40px;}
.line_map p {font-size: 16px; text-align: right;}
.line_map p span {color: #713FFF;}

.sub_visual {position: relative;}
.sub_visual .inner h3 {font-family: 'Pretendard', sans-serif; color: #fff; text-align: center; font-size: 72px; letter-spacing: -1px;}
.sub_visual .inner h3 .add_text {display: block; font-size: 0.45em; font-weight: 400; margin-bottom: 0.75em;}
.sub_visual .inner h3 .e_title {display: block; font-family: 'LEMON MILK', sans-serif; font-size: 32px; letter-spacing: 1px; margin-top: 1.5em;}

.ai_text{position: absolute; bottom: 40px; left: 16.66%; font-size: 16px; color: #777C81;}

.together{color: #161718;}
.together .inner .title_text span {display: block;}
.together .inner ul {margin: 0 auto;display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}
.together .inner ul li {border-radius: 30px;overflow: hidden;padding: 50px 8%;background-repeat: no-repeat;background-position: bottom right;background-size: auto 100%; aspect-ratio: 620/360; height: max-content;box-sizing: border-box; }
.together .inner ul li .card__text{display: flex; flex-direction: column;height: 100%;letter-spacing: -0.04em;}
.together .inner ul li p.card__subtitle {font-size: 24px;line-height: 1.5;}
.together .inner ul li h3.card__title {display: block;font-size: 44px;font-weight: 600;line-height: normal;margin-top: 8px;}
.together .inner ul li .btn_more { display: inline-flex; justify-content: center; align-items: center;height: 62px;width: max-content;font-size: 24px;font-weight: 500;padding: 0 30px;border-radius: 180px;background: #fff; margin-top: auto;}
.together .inner ul li .btn_more span{display: inline-flex;justify-content: center; align-items: center; gap:12px;}
.together .inner ul li .btn_more span::after {content: "";display: block;width: 24px;height: 24px;background: url(/theme/theme01/images/icon_arrow.png) center no-repeat;background-size: contain;}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .line_map {padding: 56px 12% 40px;}

    .sub_visual .inner h3 {font-size: 60px;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .line_map {padding: 56px 8% 40px;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    .line_map {padding: 56px 6% 40px;}
}

/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    #content {margin-top: 100px;}

	.line_map {padding: 32px 5% 46px;}
    .line_map p {font-size: 11px;}

    .sub_visual .inner h3 {font-size: 64px;}

    .together .inner ul {gap: 20px;}
    .together .inner ul li {padding: 24px 8%;aspect-ratio: 330/190; border-radius: 20px;}
    .together .inner ul li p.card__subtitle {font-size: 16px;}
    .together .inner ul li h3.card__title {font-size: 30px; margin-top: 4px; }
    .together .inner ul li p i {display: block;}
    .together .inner ul li .btn_more {height: 48px; font-size: 20px;padding: 0 16px;}
    .together .inner ul li .btn_more span{gap: 6px;}
    .together .inner ul li .btn_more span::after {width: 12px;height: 12px;}

    .ai_text{left: 50%; transform: translateX(-50%); bottom: 20px;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    #content {margin-top: 60px;}
    .line_map {display: none;}


    /* header */
    #headerAreaMobile .sub_page .header_inner .header_inner_top {padding: 0 5%; height: 60px; display: flex; align-items: center;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .btn_back {display: inline-block; text-indent: -999px; width: 24px; height: 24px;
         background: url(../images/btn_back_mo.png) center no-repeat; background-size: contain;}		
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here {display: block; font-weight: 700; font-size: 16px; position: relative;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here::before {content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: middle;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here::after {content: ''; display: inline-block; width: 24px; height: 24px; transform: rotate(0);
        position: relative; top: 0; right: 0; background: url(../images/arrow_bk_down_mo.png) center no-repeat; background-size: contain; vertical-align: middle; transition: all .2s;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here.on::after {transform: rotate(540deg);}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here.non_arrow {pointer-events: none; cursor: default;}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here.non_arrow::after {display: none;}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here.non_arrow::before {display: none;}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .dropdown_menu {position: absolute; top: 48px; left: 50%; transform: translateX(-50%); z-index: 202;
        width: 70%; border: 1px solid #D9D9D9; box-shadow: 0px 4px 8px #D9D9D9; border-radius: 8px; display: none;}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .dropdown_menu > li a {display: block; width: 100%; box-sizing: border-box; padding: 14px 5%; 
        font-weight: 500; font-size: 14px; letter-spacing: -0.01em; text-align: center; color: #777C81;
        background: #FFFFFF; box-shadow: inset 0px -1px 0px rgba(46, 21, 102, 0.15);}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .dropdown_menu > li a.on {color:#713FFF;}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .dropdown_menu > li:first-child a {border-radius: 8px 8px 0 0;}	
    #headerAreaMobile .sub_page .header_inner .header_inner_top .dropdown_menu > li:last-child a {border-radius: 0 0 8px 8px;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .all_menu {width: 32px; height: 32px; text-align: center; 
        display: inline-flex; flex-direction: column; align-items: flex-end; gap: 6px;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .all_menu span {display: block; width: 70%; height: 2px; background: #161718;}
    /* #headerAreaMobile .sub_page .header_inner .header_inner_top .menu_event {display: inline-block; font-weight: 500; font-size: 10px; color: #6A4A90;
        border-radius: 50%; padding: 9px; background: rgba(195, 182, 210, 0.1); border: 1px solid rgba(46, 21, 102, 0.15);}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .menu_event span {display: block; width: 17px; height: 15px; margin: 0 auto;
        background: url(../images/icon_flag.png) center top no-repeat; background-size: contain;} */

    #headerAreaMobile .header_inner .header_inner_bottom {padding: 0px 5%; justify-content: normal; align-items: center; border-top: 1px solid rgba(46, 21, 102, 0.1);}
    #headerAreaMobile .header_inner .header_inner_bottom nav {overflow: hidden; position: relative; height: 46px;}
    #headerAreaMobile .header_inner .header_inner_bottom nav h3 {font-weight: 500; font-size: 15px; line-height: 46px; text-align: center; color: #161718;}
    /* sub 2depth 가로 swipe */
    /* #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb {overflow: hidden; position: relative; height: 46px;} 
    #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb .inner {position: absolute; top: 0; left: 0; z-index: 99;}		
    #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul {justify-content: space-between; gap: 4px;
        transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 400ms;  white-space: nowrap;}
    #headerAreaMobile .sub_page .header_inner .header_inner_bottom #mobileGnb ul li h3 a {font-weight: 300; font-size: 15px; line-height: 22px; color: #161718; padding: 12px;}
    #headerAreaMobile .sub_page .header_inner .header_inner_bottom #mobileGnb ul li h3 a.on {color: #6A4A90; font-weight: 500;}
    #headerAreaMobile .sub_page .header_inner .header_inner_bottom #mobileGnb ul li:first-of-type h3 a {padding-left: 12px;}	
    #headerAreaMobile .sub_page .header_inner .header_inner_bottom #mobileGnb ul li:last-of-type h3 a {padding-right: 12px;} 
    #headerAreaMobile .sub_page .header_inner .header_inner_bottom #mobileGnb ul li h3 a::before {display: none;} */


    .sub_visual .inner h3 {font-size: 48px; line-height: 58px;}
    .sub_visual .inner h3 .add_text {line-height: 1.5em; margin-bottom: 0.75rem;}
    .sub_visual .inner h3 .e_title {font-size: 17.5px; letter-spacing: 0.548px; margin-top: 1.2em;}
    
    .together .inner ul {grid-template-columns: repeat(1, 1fr);}
    .together .inner ul li {border-radius: 15px;padding: 28px 5%; }
    .together .inner ul li p.card__subtitle {font-size: 16px;line-height: 18px;}
    .together .inner ul li p i {display: inline;}
    .together .inner ul li h3.card__title {font-size: 24px;line-height: 1.2;}
    .together .inner ul li .btn_more {height: 32px; font-size: 14px;}

    .ai_text{font-size: 10px;}

}