@charset "utf-8";

.wrap {overflow: hidden;}
#content {margin-top: 100px; background: #fff; overflow: hidden;}
.m_color {color: #0c82fe;}

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

/* .top_banner {position: relative;}
.top_banner .inner {color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.top_banner .inner h2 {font-size: 84px; letter-spacing: -0.04em; margin-bottom: 1rem;}
.top_banner .inner p {font-size: 27px; letter-spacing: -0.1em;} */


/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .line_map {padding: 56px 12% 40px;}
}
/* 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 */
	.line_map {padding: 32px 5% 46px;}
    .line_map p {font-size: 11px;}
}

/* 모바일 가로, 모바일 세로 (해상도 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; color: #161718;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .here::before {content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: text-top;}
    #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: text-top; 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:#0C82FE;}	
    #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 {display: inline-block; width: 32px; text-align: center;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .all_menu span {display: block; width: 70%; height: 2px; background: #161718; margin: 2px auto 4px;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .all_menu span:last-of-type {margin: 0 auto;}
    #headerAreaMobile .sub_page .header_inner .header_inner_top .all_menu strong {font-weight: 600;}
    /* #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;} */
}