@charset "utf-8";

.wrap {overflow: hidden;}
#content {margin-top: 100px; background: #fff; overflow: hidden;}
.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;}

/* 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;}
}

/* 모바일 가로, 모바일 세로 (해상도 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;}

}