/* container */ 
@media (min-width: 1240px) { 
    .container {width: 1240px;margin: 0 auto;}
}
@media (max-width: 1239px) and (min-width: 768px) { 
    .container {width: 100%;box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 767px) {
    .container {position: relative;width: 100%;box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
}

/* 초기화 */
#wrapper {color: #232323;font-family: 'notokr-regular', Sans-Serif;}
a {text-decoration: none;}
button {border: none;padding: 0;outline: none;}
h1, h2, h3, h4 {margin: 0;font-weight: normal;}
ul {margin: 0;padding: 0;}
html{overflow-x: hidden;}
body {overflow-x: hidden;overflow-y: scroll;}
/* 기본 틀 */
@media (min-width: 1240px) { 
    #wrapper {font-size: 16px;line-height: 31px;letter-spacing: -0.32px;position: relative;margin-top: 3px;}
    /*#wrapper::before {*//*    content: "";*//*    position: absolute;*//*    top: 0;*//*    left: 0;*//*    width: 100%;*//*    height: 3px;*//*    background: linear-gradient(to left, #39b8fd, #9f3dff, #f354b1 );*//*}*/
}
@media (max-width: 1239px) and (min-width: 768px) { 
    #wrapper {font-size: 14px;line-height: 24px;letter-spacing: -0.24px;}
}

@media (max-width: 767px) { 
    #wrapper {font-size: 14px;line-height: 24px;letter-spacing: -0.24px;}
}

/* 가이드 : 그라데이션 부분 */
.gradation {background: linear-gradient(135deg, #39b8fd, #9f3dff, #f354b1);}
.gradation_reverse {background: linear-gradient(to right, #f354b1, #9f3dff, #39b8fd);}
/* 커서 */
.cursor { cursor: pointer; }
/* 가이드 : 타이틀 부분 */
.header_title_1, .header_title_2, .header_title_3 {font-family: 'notokr-medium', Sans-Serif;}
.header_title_2 {position: relative;margin-left: 28px;}
.header_title_2::before {content: "";position: absolute;left: -28px;width: 18px;height: 11px;background-image: url("/res/service/img/index/common/bu_title.png");background-size: contain;}
.header_title_3 {color: #701e97;}
@media (min-width: 1240px) { 
    .header_title_1 {font-size: 36px;}
    .header_title_2 {font-size: 24px;line-height: 39px;}
    .header_title_2::before {top: 14px;}
    .header_title_3 {font-size: 20px;}
    .header_title_etc {font-size: 28px;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .header_title_1 {font-size: 30px;}
    .header_title_2 {font-size: 20px;line-height: 30px;}
    .header_title_2::before {top: 10px;}
    .header_title_3 {font-size: 18px;}
    .header_title_etc {font-size: 22px;}
}

@media (max-width: 767px) { 
    .header_title_1 {font-size: 24px;}
    .header_title_2 {font-size: 20px;line-height: 30px;}
    .header_title_2::before {top: 10px;}
    .header_title_3 {font-size: 18px;}
    .header_title_etc {font-size: 22px;}
}

/* 메뉴 공통 */
.content_wrapper {position: relative;}
.tab_menu { /*display: none;*/}
.tab_menu.showing {display: block;}
@media (min-width: 1240px) { 
    .tab_menu.showing{margin-bottom: 40px;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .tab_menu.showing{margin-bottom: 30px;}
}

@media (max-width: 767px) { 
    .tab_menu.showing{margin-bottom: 30px;}
}

/* 가이드 : 리스트 */
.common_list {list-style-type: none;padding-left: 0;margin-top: 0;margin-bottom: 0;}
.common_list > li { /* 가이드상에서 h4 */display: list-item;position: relative;margin-left: 18px;}
.common_list > li:before {content: "";position: absolute;width: 3px;height: 3px;background-color: #232323;}
.common_list .common_sublist { /* 가이드상에서 h5 */list-style-type: none;padding-left: 0;margin-left: 2px;margin-top: 0;margin-bottom: 0;}
.common_list .common_sublist > li {display: list-item;position: relative;margin-left: 13px;color: #707070;}
.common_list .common_sublist > li:before {content: "";background-image: url("/res/service/img/index/common/bu_title2.png");background-size: contain;position: absolute;width: 3px;height: 5px;}
@media (min-width: 1240px) { 
    .common_list > li {font-size: 16px;line-height: 31px;letter-spacing: -0.32px;}
    .common_list > li:before {transform: translate(-18px, 14px);}
    .common_list .common_sublist > li {font-size: 16px;line-height: 31px;letter-spacing: -0.32px;}
    .common_list .common_sublist > li:before {transform: translate(-13px, 13px);}
}

@media (max-width: 1239px) { 
    .common_list > li {font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
    .common_list > li:before {transform: translate(-18px, 10px);}
    .common_list .common_sublist > li {font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
    .common_list .common_sublist > li:before {transform: translate(-13px, 10px);}
}

/* 가이드 : 버튼 *//* common */
.common_btn {background-color: #474747;border-radius: 5px;text-align: center;color: #ffffff;cursor: pointer;}
@media (min-width: 1240px) { 
    .common_btn {font-size: 16px;font-family: 'notokr-medium', Sans-Serif !important;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .common_btn {font-size: 14px;font-family: 'notokr-regular', Sans-Serif !important;}
}

@media (max-width: 767px) { 
    .common_btn {font-size: 14px;font-family: 'notokr-regular', Sans-Serif !important;}
}

/* 사이즈 */
@media (min-width: 1240px) { 
    .btn_normal {width: 120px;line-height: 50px;}
    .btn_long {width: 160px;line-height: 50px;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .btn_normal {width: 100px;line-height: 44px;}
    .btn_long {width: 130px;line-height: 44px;}
}

@media (max-width: 767px) { 
    .btn_normal {width: 100px;line-height: 44px;}
    .btn_long {width: 130px;line-height: 44px;}
}

/* 색상 */
.btn_submit {background-color: #701e97;}
.btn_cancel {background-color: #ffffff;border: 1px solid #474747;color: #474747;}
@media (min-width: 1240px) { 
    .btn_cancel {line-height: 48px;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .btn_cancel {line-height: 42px;}
}

@media (max-width: 767px) { 
    .btn_cancel {line-height: 42px;}
}

@media (min-width: 1240px) { 
    .btn_cancel {line-height: 48px;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .btn_cancel {line-height: 42px;}
}

@media (max-width: 767px) { 
    .btn_cancel {line-height: 42px;}
}

/* 아이콘 버튼 */
.common_icon_btn {width: 150px;line-height: 34px;border: 1px solid #474747;box-sizing: border-box;background-color: #ffffff;text-align: center;font-size: 14px;letter-spacing: -0.28px;border-radius: 5px;font-family: 'notokr-regular', Sans-Serif !important;cursor: pointer;}
.common_icon_btn img {width: 14px;height: 14px;transform: translate(0, 2px);}
.common_icon_btn span {margin-left: 6px;}
.common_icon_btn:hover {border: 1px solid #701e97;color: #701e97;}
.common_icon_btn .icon_btn_hover, .common_icon_btn:hover .icon_btn_basic {display: none;}
.common_icon_btn:hover .icon_btn_hover {display: inline-block;}
/* 가이드 : 기본 작성폼 */
.common_input, .common_select {height: 50px;padding: 0px;border: 1px solid #e5e5e5;box-sizing: border-box;padding-left: 20px;border-radius: 5px;font-family: 'notokr-regular', sans-serif;font-size: 16px;background-color: #ffffff;}
.common_select {background: url("/res/service/img/index/common/arr_basic_down.png") no-repeat calc(100% - 20px) 50%;background-size: 10px 6px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
/* 로딩 영역 */
.loading_top {display: none;}
.loading_top {width: 100%;height: 3px;display: block !important;}
.loading_top .loading_top_bar {width: 100%;height: 3px;}
/* 헤더 영역 */
.header_top_container {margin-left: auto;margin-right: auto;box-sizing: border-box;position: relative;}
@media (min-width: 1600px) { 
    .header_top_container {width: 1600px;}
}

@media (min-width: 769px) and (max-width: 1599px) { 
    .header_top_container {width: 1240px;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .header_top_container {width: 100%;padding-left: 20px;padding-right: 20px;}
}

@media (max-width: 767px) { 
    .header_top_container {width: 100%;padding-left: 15px;padding-right: 15px;}
}

/* 헤더탑 */
@media (min-width: 1240px) { 
    .header_top {border-bottom: 1px solid #e5e5e5;width: 100%;height: 40px;text-align: right;}
    .header_top .header_top_list {display: inline-block;vertical-align: middle;font-size: 0;}
    .header_top .header_top_list .header_top_item {display: inline-block;vertical-align: middle;padding: 0 0 0 15px;}
    .header_top .header_top_list .header_top_item.go_logout {padding-right: 15px;}
    .header_top .header_top_list .header_top_item.item_login {height: 40px;position: relative;}
    /*.header_top .header_top_list .header_top_item.item_login:not(:last-child)::after {*//*    content: " ";*//*    display: block;*//*    width: 1px;*//*    height: 10px;*//*    background-color: #cccccc;*//*    position: absolute;*//*    right: 0;*//*    top: 50%;*//*    transform: translateY(-50%);*//*}*/
    .header_top .header_top_list .header_top_item.item_login.seperate_bar:not(:last-child)::after {content: " ";display: block;width: 1px;height: 10px;background-color: #cccccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .header_top .header_top_item.item_login a {display: block;text-align: center;width: 100%;line-height: 40px;font-family: notokr-regular, sans-serif;color: #888888;font-size: 14px;letter-spacing: -0.28px;}
    .header_top .header_top_list .header_top_item.item_language {width: 80px;height: 40px;margin-left: 13px;}
    .header_top .header_top_item.item_language label {width: 28px;height: 40px;display: inline-block;vertical-align: middle;position: relative;}
    .header_top .header_top_item.item_language label img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 14px;}
    .header_top .header_top_item.item_language .language_selectbox {outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #888888;width: 52px;height: 40px;border: none;background: white url(/res/service/img/index/common/arr_basic_down.png);background-repeat: no-repeat;background-size: 10px;background-position-x: 100%;background-position-y: center;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .header_top {display: none;}
}

@media (max-width: 767px) { 
    .header_top {display: none;}
}

/* 해더 언어 설정 css */
.header_top .header_top_list .header_top_item{position: relative;}
.none{display: none;}
@media (min-width: 1240px) { 
    .header_top .header_top_list .header_top_item.item_language{font-size: 14px;color: #888888;text-align: left;margin-left: 15px;cursor: pointer;position: relative;}
    .header_top .header_top_list .header_top_item .header_language_select{line-height: 40px;position: relative;margin-left: 22px;}
    .header_top .header_top_list .header_top_item .header_language_select::before{content: "";width: 14px;height: 14px;position: absolute;top: 50%;left: -22px;transform: translate( 0, -50%);background-image: url("/res/service/img/index/common/ico_language.png");background-size: contain;background-position: center center;}
    .header_top .header_top_list .header_top_item .header_language_select::after{content: "";width: 10px;height: 6px;position: absolute;top: 50%;right: -25px;transform: translate( 0, -50%);background-image: url("/res/service/img/index/common/arr_basic_down.png");background-size: contain;background-position: center center;}
    .header_top .header_top_list .header_top_item.item_language.open .header_language_select::after{background-image: url("/res/service/img/index/common/arr_basic_up.png");}
    .header_top .header_top_list .header_top_item .header_language_list{position: absolute;bottom: -112px;right: 0;z-index: 1001;width: 95px;text-align: center;}
    .header_top .header_top_list .header_top_item .header_language_list .header_language_item{line-height: 36px;box-sizing: border-box;border: 1px solid #e5e5e5;border-top: 0;background-color: #ffffff;}
    .header_top .header_top_list .header_top_item .header_language_list .header_language_item:hover{background-color: #f8f8f8;color: #232323;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
}

@media (max-width: 767px) { 
}

/* 헤더 메뉴 */
.header_top_menu {display: block;box-sizing: border-box;position: relative;z-index: 1000;background-color: white;}
.header_top_menu .header_top_container {position: relative;z-index: 10;}
.header_top_menu .header_top_menu_item {position: relative;}
.header_top_menu .header_top_menu_item.header_top_logo {display: inline-block;}
.header_top_menu .header_top_menu_item.header_top_logo img{image-rendering: pixelated;}
.header_top_menu .header_top_menu_item.header_menu_list {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.header_top_menu .depth1_list .depth1_item {display: inline-block;vertical-align: middle;}
.header_top_menu .depth1_list .depth1_item.current a {color: #701e97;}
.header_top_menu .header_top_menu_item.header_menu_list a {font-family: notokr-medium, sans-serif;color: #232323;}
.header_top_menu .header_top_menu_item.header_menu_list a:hover {color: #701e97;}
.header_top_menu .header_top_menu_item.header_top_menu_right .header_top_btn {border: none;background: transparent;padding: 0;}
.header_top_menu .header_top_btn.search {}
.header_top_menu .header_top_btn.sitemap {}
.header_top_menu .header_top_menu_item.header_top_menu_mobile {position: absolute;top: 0;right: 0;height: 100%;}
@media (min-width: 1600px) { 
    .header_top_menu {height: 88px;}
    .header_top_menu .header_top_container {height: 88px;}
    .header_top_menu .header_top_menu_item {height: 88px;}
    .header_top_menu .depth1_item:not(:last-child) {margin-right: 100px;}
    .header_top_menu .depth1_list .depth1_item:not(:last-child) {margin-right: 100px;}
    .header_top_menu .header_top_menu_item.header_menu_list a {font-size: 20px;letter-spacing: -0.4px;}
    .header_top_menu .header_top_menu_item.header_top_logo {width: 164px;height: 88px;position: relative;}
    .header_top_menu .header_top_menu_item.header_top_logo img {width: 164px;position: absolute;top: 50%;transform: translateY(-50%);}
    .header_top_menu .header_top_menu_item.header_menu_list {height: 88px;}
    .header_top_menu .depth1_list {font-size: 0;white-space: nowrap;height: 88px;}
    .header_top_menu .depth1_list .depth1_item {line-height: 88px;height: 88px;}
    .header_top_menu .header_top_menu_item.header_top_menu_right {position: absolute;top: 0;right: 0;height: 100%;}
    .header_top_menu .header_top_menu_item.header_top_menu_right {height: 88px;}
    .header_top_menu .header_top_menu_item.header_top_menu_right .header_top_btn {width: 28px;height: 28px;position: relative;margin-top: 30px;}
    .header_top_menu .header_top_btn img {width: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .header_top_menu .header_top_btn.search {margin-right: 30px;}
    .header_top_menu .header_top_btn.sitemap {}}

@media (max-width: 1599px) and (min-width: 1240px) { 
    .header_top_menu {height: 88px;}
    .header_top_menu .header_top_container {height: 88px;}
    .header_top_menu .header_top_menu_item {height: 88px;}
    .header_top_menu .depth1_item:not(:last-child) {margin-right: 100px;}
    .header_top_menu .depth1_list .depth1_item:not(:last-child) {margin-right: 60px;}
    .header_top_menu .header_top_menu_item.header_menu_list a {font-size: 20px;letter-spacing: -0.4px;}
    .header_top_menu .header_top_menu_item.header_top_logo {width: 164px;height: 88px;position: relative;}
    .header_top_menu .header_top_menu_item.header_top_logo img {width: 164px;position: absolute;top: 50%;transform: translateY(-50%);}
    .header_top_menu .header_top_menu_item.header_menu_list {height: 88px;}
    .header_top_menu .depth1_list {font-size: 0;white-space: nowrap;height: 88px;}
    .header_top_menu .depth1_list .depth1_item {line-height: 88px;height: 88px;}
    .header_top_menu .header_top_menu_item.header_top_menu_right {position: absolute;top: 0;right: 0;height: 100%;}
    .header_top_menu .header_top_menu_item.header_top_menu_right {height: 88px;}
    .header_top_menu .header_top_menu_item.header_top_menu_right .header_top_btn {width: 28px;height: 28px;padding: 2px;position: relative;margin-top: 28px;}
    .header_top_menu .header_top_btn img {width: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .header_top_menu .header_top_btn.search {margin-right: 30px;}
    .header_top_menu .header_top_btn.sitemap {}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .header_top_menu {height: 60px;}
    .header_top_menu .header_top_container {height: 60px;}
    .header_top_menu .header_top_menu_item {height: 60px;}
    .header_top_menu .depth1_item:not(:last-child) {}
    .header_top_menu .depth1_list .depth1_item:not(:last-child) {}
    .header_top_menu .header_top_menu_item.header_menu_list a {}
    .header_top_menu .header_top_menu_item.header_top_logo {position: absolute;left: 50%;transform: translate(-50%, 0);}
    .header_top_menu .header_top_menu_item.header_top_logo img {width: 125px;margin-top: 14px;}
    .header_top_menu .header_top_menu_item.header_menu_list {}
    .header_top_menu .depth1_list {}
    .header_top_menu .depth1_list .depth1_item {}
    .header_top_menu .header_top_menu_item.header_top_menu_right {position: absolute;top: 0;left: 0;height: 100%;width: 56px;}
    .header_top_menu .header_top_menu_item.header_top_menu_right {right: 4px;}
    .header_top_menu .header_top_menu_item.header_top_menu_right .header_top_btn {margin-top: 2px;padding: 16px;}
    .header_top_menu .header_top_btn img {width: 24px;}
    .header_top_menu .header_top_btn.search {margin-right: 15px;}
    .header_top_menu .header_top_btn.sitemap {}
}

@media (max-width: 767px) { 
    .header_top_menu {height: 60px;}
    .header_top_menu .header_top_container {height: 60px;}
    .header_top_menu .header_top_menu_item {height: 60px;}
    .header_top_menu .header_top_menu_item.header_top_logo {position: absolute;left: 50%;transform: translate(-50%, 0);}
    .header_top_menu .header_top_menu_item.header_top_logo img {width: 125px;margin-top: 14px;}
    .header_top_menu .header_top_menu_item.header_top_menu_right {position: absolute;top: 0;left: 0;height: 100%;}
    .header_top_menu .header_top_menu_item.header_top_menu_right { /*right: 15px;*/}
    .header_top_menu .header_top_menu_item.header_top_menu_right .header_top_btn {margin-top: 2px;padding: 16px;}
    .header_top_menu .header_top_btn img {width: 24px;}
    .header_top_menu .header_top_btn.search {margin-right: 15px;}
}

.header_top_menu .quick_btn_menu{position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); background: -o-linear-gradient(45deg, #39b8fd, #9f3dff);background: linear-gradient(45deg, #39b8fd, #9f3dff);border-radius: 100%;cursor: pointer;}
.header_top_menu .quick_btn_menu img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50%, -50%);-ms-transform: translate( -50%, -50%);transform: translate( -50%, -50%);}
@media (min-width: 1240px){
    .header_top_menu .quick_user_menu{background: -o-linear-gradient(45deg, #39b8fd, #9f3dff);background: linear-gradient(45deg, #39b8fd, #9f3dff);border-radius: 100%;position: absolute;cursor: pointer;width: 48px;height: 48px;top: 50%;transform: translateY(-50%);right: 48px;}
    .header_top_menu .quick_user_menu img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50%, -50%);-ms-transform: translate( -50%, -50%);transform: translate( -50%, -50%);width: 25px;height: 25px;-ms-interpolation-mode: nearest-neighbor;image-rendering: -webkit-optimize-contrast;image-rendering: -moz-crisp-edges;image-rendering: -o-pixelated;image-rendering: pixelated;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .header_top_menu .quick_btn_menu{width: 38px;height: 38px;}
    .header_top_menu .quick_btn_menu img{width: 16px;height: 16px;}
}
@media (max-width: 767px){
    .header_top_menu .quick_btn_menu{width: 38px;height: 38px;}
    .header_top_menu .quick_btn_menu img{width: 16px;height: 16px;}
}

/* 헤더 서브메뉴 */
.header_sub_menu {display: none;}
.header_sub_menu.showing {display: table;position: absolute;}
.header_sub_menu .depth3_item_header:hover {color: #6f4dbb !important;}
@media (min-width: 1600px) { 
    .header_sub_menu.showing {background-color: white;box-shadow: 0 10px 10px rgba(170, 170, 170, 0.2);z-index: 100;width: 100%; /*top: 87px;*/top: 129px;display: table;border-top: 1px solid #e5e5e5;min-height: 280px;}
    .header_sub_menu.showing .header_sub_menu_left {display: table-cell;width: calc(50vw - 480px);background-color: #f8f8f8;position: relative;padding: 60px 0 22px 0;background-image: url(/res/service/img/index/main/menu_bg.png);background-repeat: no-repeat;background-size: 319px;background-position-x: -20px;background-position-y: -60px;}
    .header_sub_menu.showing .header_sub_menu_left .title_wrapper {width: 320px;position: absolute;top: 64px;right: 0;padding-top: 35px;}
    .header_sub_menu.showing .header_sub_menu_left .depth1_title {font-family: notokr-medium, sans-serif;font-size: 32px;letter-spacing: -0.64px;margin-bottom: 30px;min-height: 32px;}
    .header_sub_menu.showing .header_sub_menu_left .catch_text {font-family: notokr-regular, sans-serif;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;color: #aaaaaa;}
    .header_sub_menu.showing .header_sub_menu_left .title_wrapper::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 20px;height: 4px;background: linear-gradient(to right, #f354b1, #9f3dff, #39b8fd);}
    .header_sub_menu.showing .header_sub_menu_body {display: table-cell;width: calc(100% - 588px);padding: 53px 0 22px 0;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_list {width: 1280px;font-size: 0;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_item {display: inline-block;vertical-align: top;width: 25%;box-sizing: border-box;padding-left: 30px;margin-bottom: 30px;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_item_header {font-family: notokr-medium, sans-serif;font-size: 18px;letter-spacing: -0.36px;color: #232323;text-decoration: none;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_item_header.current {color: #701e97;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_item_header:hover {color: #701e97;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_list {margin-top: 10px;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_item {height: 30px;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_item .depth3_item_header {display: inline-block;width: 100%;line-height: 30px;}
    /*.header_sub_menu.showing .header_sub_menu_body .depth3_item:last-child {*//*    margin-bottom: 38px;*//*}*/
    .header_sub_menu.showing .header_sub_menu_body .depth3_item_header {font-family: notokr-regular, sans-serif;font-size: 16px;letter-spacing: -0.32px;color: #707070;text-decoration: none;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_item.current .depth3_item_header {color: #701e97;}
}

@media (min-width: 1241px) and (max-width: 1599px) { 
    .header_sub_menu.showing {background-color: white;box-shadow: 0 10px 10px rgba(170, 170, 170, 0.2);z-index: 100;width: 100%; /*top: 129px;*/top: 87px;display: table;border-top: 1px solid #e5e5e5;min-height: 280px;}
    .header_sub_menu.showing .header_sub_menu_left {display: table-cell;width: calc(50vw - 375px);background-color: #f8f8f8;position: relative;padding: 60px 0 22px 0;background-image: url(/res/service/img/index/main/menu_bg.png);background-repeat: no-repeat;background-size: 319px;background-position-x: -20px;background-position-y: -67px;}
    .header_sub_menu.showing .header_sub_menu_left .title_wrapper {width: 245px;position: absolute;top: 64px;right: 0;padding-top: 35px;}
    .header_sub_menu.showing .header_sub_menu_left .depth1_title {font-family: notokr-medium, sans-serif;font-size: 32px;letter-spacing: -0.64px;margin-bottom: 30px;min-height: 32px;}
    .header_sub_menu.showing .header_sub_menu_left .catch_text {font-family: notokr-regular, sans-serif;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;color: #aaaaaa;}
    .header_sub_menu.showing .header_sub_menu_left .title_wrapper::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 20px;height: 4px;background: linear-gradient(to right, #f354b1, #9f3dff, #39b8fd);}
    .header_sub_menu.showing .header_sub_menu_body {display: table-cell;width: calc(50vw + 375px);padding: 53px 0 22px 0;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_list {width: 960px;font-size: 0;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_item {display: inline-block;vertical-align: top;width: 25%;box-sizing: border-box;padding-left: 30px;margin-bottom: 30px;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_item_header {font-family: notokr-medium, sans-serif;font-size: 18px;letter-spacing: -0.36px;color: #232323;text-decoration: none;}
    .header_sub_menu.showing .header_sub_menu_body .depth2_item_header.current {color: #701e97;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_list {margin-top: 10px;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_item {height: 30px;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_item .depth3_item_header {display: inline-block;width: 100%;line-height: 30px;}
    /*.header_sub_menu.showing .header_sub_menu_body .depth3_item:last-child {*//*    margin-bottom: 38px;*//*}*/
    .header_sub_menu.showing .header_sub_menu_body .depth3_item_header {font-family: notokr-regular, sans-serif;font-size: 16px;letter-spacing: -0.32px;color: #707070;text-decoration: none;}
    .header_sub_menu.showing .header_sub_menu_body .depth3_item.current .depth3_item_header {color: #701e97;}
}

@media (max-width: 1240px) and (min-width: 768px) {
    .header_sub_menu.showing {display: none;}
}

@media (max-width: 768px) {
    .header_sub_menu.showing {display: none;}
}

/* 푸터 */
#footer {background-color: #1f1f1f;position: relative;clear: both;}
.footer_middle {clear: both;width: 100%;border-bottom: 1px solid #444444;}
.footer_sub_menu_list .footer_middle_item {font-family: notokr-regular, sans-serif;color: #f4f4f4;cursor: pointer;display: inline-block;vertical-align: middle;}
.footer_sns_list .footer_sns_item {display: inline-block;vertical-align: middle;cursor: pointer;}
.footer_sns_list .footer_sns_item:not(:last-child) {margin-right: 15px;}
.footer_sns_list .footer_sns_item img {width: 32px;}
.footer_sns_list .footer_sns_item .btn {display: block;}
.footer_sns_list .footer_sns_item .btn_pressed {display: none;}
.footer_sns_list .footer_sns_item:hover .btn {display: none;}
.footer_sns_list .footer_sns_item:hover .btn_pressed {display: block;}
.footer_bottom {box-sizing: border-box;font-family: notokr-regular, sans-serif;line-height: 1;}
.footer_contact {height: 70px; display: flex;justify-content: space-between;}
.footer_contact1 {width: 580px;}
.footer_contact2 {width: calc(100% - 580px);}
.add_devider::after {content: " ";display: inline-block;background-color: #aaaaaa;}
.footer_campus {font-size: 16px; height: 18px; color: #FFF;}
.footer_address {color: #f4f4f4;}
.footer_tel a, .footer_fax a {text-decoration: none;color: #f4f4f4;}
.footer_tel_fax {color: #f4f4f4;}
.footer_tel_fax .footer_tel, .footer_tel_fax .footer_fax {display: inline-block;}
.footer_inform {color: #f4f4f4;}
.footer_copyright {color: #aaaaaa;}
.footer_selectbox {position: absolute;}
.footer_selectbox select { /*display: none;*/position: relative;color: #aaaaaa;cursor: pointer;border: 1px solid #444444;text-align: center;background: url("/res/service/img/index/common/arr_basic_down.png") no-repeat 95% 50%;background-size: 10px 6px;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;outline: none;font-family: 'notokr-regular',sans-serif;}
/* PC */
@media (min-width: 1240px) { 
    .footer_middle {height: 70px;}
    .footer_sub_menu_list {float: left;}
    .footer_sub_menu_list .footer_middle_item {line-height: 70px;font-size: 16px;letter-spacing: -0.32px;}
    .footer_sub_menu_list .footer_middle_item:not(:last-child) {margin-right: 30px;}
    .footer_sns_list {float: right;}
    .footer_sns_list .footer_sns_item {width: 32px;margin-top: 19px;}
    .footer_sns_list .footer_sns_item:not(:last-child) {margin-right: 15px;}
    .footer_bottom {height: 140px;padding: 30px 0px 40px 0px;font-size: 14px;letter-spacing: -0.28px;}
    .add_devider {padding-right: 14px;margin-right: 14px;}
    .add_devider::after {width: 1px;height: 10px;transform: translate(14px, -1px);}
    .footer_address {margin-bottom: 10px;}
    .footer_tel_fax {color: #f4f4f4;margin-bottom: 10px;}
    .footer_inform {margin-bottom: 10px;}
    .footer_selectbox {right: calc(50vw - 625px);top: 100px;}
    .footer_selectbox label {width: 160px;height: 44px;border-radius: 5px;}
    .footer_selectbox label span {line-height: 44px;margin-right: 47px;}
    .footer_selectbox label img {width: 10px;margin-top: -2px;}
    .footer_selectbox select { /*display: none;*/padding-left: 15px;padding-right: 15px;width: 160px;height: 44px;}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1240px) { 
    .footer_middle {height: 60px;}
    .footer_sub_menu_list {float: left;}
    .footer_sub_menu_list .footer_middle_item {line-height: 60px;font-size: 14px;letter-spacing: -0.28px;}
    .footer_sub_menu_list .footer_middle_item:not(:last-child) {margin-right: 15px;}
    .footer_sns_list {float: right;}
    .footer_sns_list .footer_sns_item {width: 28px;margin-top: 16px;}
    .footer_sns_list .footer_sns_item:not(:last-child) {margin-right: 10px;}
    .footer_bottom {height: 200px;padding: 20px 0px 30px 0px;font-size: 12px;letter-spacing: -0.24px;position: relative;}
    .footer_contact {height: 140px; display: block;justify-content: space-between;}
    .footer_contact1 {width: 100%;}
    .footer_contact2 {width: 100%;}
    .add_devider {padding-right: 10px;margin-right: 10px;}
    .add_devider::after {width: 1px;height: 8px;transform: translate(10px, -1px);}
    .footer_campus {font-size: 14px; height: 16px; color: #FFF;}
    .footer_address {margin-bottom: 10px;}
    .footer_tel_fax {color: #f4f4f4;margin-bottom: 10px;}
    .footer_inform {margin-bottom: 10px;}
    .footer_selectbox {right: 150px;top: 20px;width: 140px;}
    .footer_selectbox select { /*display: none;*/width: 100%;height: 40px;color: #aaaaaa;box-sizing: border-box;padding-left: 20px;border-radius: 5px;}
    .footer_pc_btn{background-color: transparent;position: absolute;top: 20px;right: 0;}
    .footer_pc_btn .footer_pc_box{width: 140px;line-height: 38px;border: 1px solid #444444;box-sizing: border-box;border-radius: 5px;text-align: center;font-size: 12px;color: #aaaaaa;background-color: transparent;}
}

/* Mobile */
@media (max-width: 768px) {
    .footer_middle {height: 100%; padding: 30px 0px 20px 0px;}
    .footer_sub_menu_list {float: none;}
    .footer_sub_menu_list .footer_middle_item {line-height: 24px; font-size: 14px;letter-spacing: -0.28px;}
    .footer_sub_menu_list .footer_middle_item:last-child {}
    .footer_sub_menu_list .footer_middle_item:not(:last-child) {margin-right: 14px;}
    .footer_sns_list {float: none;}
    .footer_sns_list .footer_sns_item {width: 28px;margin-top: 16px;}
    .footer_sns_list .footer_sns_item:not(:last-child) {margin-right: 10px;}
    .footer_bottom {height: 100%;padding: 20px 0px 30px 0px;font-size: 12px;letter-spacing: -0.24px;clear: both;}
    .footer_contact {height: 140px;display: block;justify-content: space-between;}
    .footer_contact1 {width: 100%;}
    .footer_contact2 {width: 100%;}
    .add_devider {padding-right: 10px;margin-right: 10px;}
    .add_devider::after {width: 1px;height: 8px;transform: translate(10px, -1px);}
    .footer_campus {font-size: 14px; height: 16px; color: #FFF;}
    .footer_address {margin-bottom: 6px;line-height: 20px;}
    .footer_tel_fax {color: #f4f4f4;margin-bottom: 10px;}
    .footer_inform {margin-bottom: 10px;}
    .footer_selectbox {position: relative !important; right: 0px;top: 0px;width: 100%;}
    .footer_selectbox select { /*display: none;*/width: 100%;height: 40px;margin-top: 20px;color: #aaaaaa;box-sizing: border-box;padding-left: 20px;border-radius: 5px;}
    .footer_pc_btn{background-color: transparent;width: 100%;margin-top: 20px;position: relative;top: 0;right: 0;}
    .footer_pc_btn .footer_pc_box{width: 100%;line-height: 38px;border: 1px solid #444444;box-sizing: border-box;border-radius: 5px;text-align: center;font-size: 12px;color: #aaaaaa;background-color: transparent;}
}

/* 최소 높이 지정 */
@media (min-width: 1240px) { 
    .page1, .page1 > div {min-height: calc(100vh - 343px);}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .page1, .page1 > div {min-height: calc(100vh - 232px);}
}

@media (max-width: 767px) { 
    .page1, .page1 > div {min-height: calc(100vh - 347px);}
}

/* 모바일 메뉴 */
@media (min-width: 1240px) { 
    .mobile_menu {display: none;}

}

@media (max-width: 1239px) and (min-width: 768px) { 
    .mobile_menu {background-color: white;position: fixed;z-index: 1000;left: 0;right: 0;bottom: 0;top: 0;}
    .mobile_menu .header_top_list {display: inline-block;vertical-align: middle;font-size: 0;}
    .mobile_menu .header_top_list .header_top_item {display: inline-block;vertical-align: middle;}
    .mobile_menu .header_top_list .header_top_item.item_login {padding: 0 15px;height: 40px;position: relative;}
    .mobile_menu .header_top_list .header_top_item.item_login::after {content: " ";display: block;width: 1px;height: 10px;background-color: #cccccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
}

@media (max-width: 767px) { 
    .mobile_menu {background-color: white;position: fixed;z-index: 1000;left: 0;right: 0;bottom: 0;top: 0;}
}

/* 모바일 메뉴 *//* 이거 풀면됩니다 */
.mobile_main_menu{display: none;}
.mobile_main_menu.open {display: block;}
/* 이거 풀면됩니다 */
@media (min-width: 1240px) { 
    .mobile_main_menu, .mobile_main_menu.open{display: none !important;}
}

@media (max-width: 1239px) and (min-width: 768px) { 
    .mobile_main_menu.open{position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: #ffffff;z-index: 9999;}
    .mobile_main_menu.open .header_top_list {line-height: 60px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;}
    .mobile_main_menu.open .header_top_list .header_top_item {display: inline-block;}
    .mobile_main_menu.open .header_top_list .header_top_item.item_login {padding: 0 15px;height: 40px;position: relative;}
    /*.mobile_main_menu.open .header_top_list .header_top_item.item_login::after {content: " ";display: block;width: 1px;height: 10px;background-color: #cccccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}*/
    .mobile_main_menu.open .header_top_item.item_login a {display: block;text-align: center;width: 100%;line-height: 40px;font-family: notokr-regular, sans-serif;color: #888888;font-size: 14px;letter-spacing: -0.28px;}
    .mobile_main_menu.open .header_top_list .header_top_item.item_language {margin-left: 13px;}
    .mobile_main_menu.open .header_top_item.item_language label {width: 28px;height: 40px;display: inline-block;vertical-align: middle;position: relative;}
    .mobile_main_menu.open .header_top_item.item_language label img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 14px;}
    .mobile_main_menu.open .header_top_item.item_language .language_selectbox {outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #888888;width: 52px;height: 40px;border: none;background: white url(/res/service/img/index/common/arr_basic_down.png);background-repeat: no-repeat;background-size: 10px;background-position-x: 100%;background-position-y: center;}
    .mobile_main_menu.open .m_menu_close{width: 24px;height: 24px;cursor: pointer;background-image: url("/res/service/img/index/common/btn_close.png");background-size: 24px;background-repeat: no-repeat;position: absolute;top: 18px;right: 15px;}
    .mobile_main_menu.open .m_menu_depth{height: 100%;overflow-x: hidden;font-size: 0;}
    .mobile_main_menu.open .m_menu_depth .m_depth1{position: fixed;width: 120px;padding-left: 15px;padding-top: 20px;vertical-align: top;height: 100vh;background-color: #f8f8f8;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item{font-size: 16px;font-family: 'notokr-medium', Sans-Serif;line-height: 50px;padding-left: 15px;margin-bottom: 5px;cursor: pointer;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item:last-child{margin-bottom: 0px;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item.m_select{position: relative;color: #ffffff;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item.m_select::before{content: "";background: linear-gradient(135deg, #39b8fd, #9f3dff, #f354b1);width: 135px;height: 100%;position: absolute;top: 0;left: 0;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item.m_select span{z-index: 1;position: relative;}
    .mobile_main_menu.open .m_menu_depth .m_depth2{display: inline-block;width: calc( 100% - 135px );font-size :14px;padding-left: 15px;box-sizing: border-box;padding-top: 20px;vertical-align: top;overflow-x: hidden;overflow-y: auto;margin-left: 135px;padding-bottom: 100px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item{margin-left: 20px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper{width: 100%;font-family: 'notokr-medium', Sans-Serif;font-size: 16px;letter-spacing: -0.32px;line-height: 50px;margin-bottom: 5px;cursor: pointer;position: relative;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper .m_depth2_btn{width: 12px;height: 7px;background-image: url("/res/service/img/index/common/arr_basic_down.png");background-size: 12px;background-repeat: no-repeat;position: absolute;top: 50%;right: 20px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper.m_select{color: #701e97;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper.m_select .m_depth2_btn{background-image: url("/res/service/img/index/common/arr_menu_up_p.png");}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth3_wrapper .m_depth3_item{line-height: 40px;font-size: 14px;color: #707070;padding-left: 15px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth3_wrapper .m_depth3_item.m_select{color: #701e97;}
    .mobile_main_menu.open .m_depth3_wrapper{display: none;}
    .mobile_main_menu.open .m_depth3_wrapper.m_select{display: block;}
}

@media (max-width: 767px) { 
    .mobile_main_menu.open {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: #ffffff;z-index: 9999;}
    .mobile_main_menu.open .header_top_list {line-height: 60px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;}
    .mobile_main_menu.open .header_top_list .header_top_item {display: inline-block;}
    .mobile_main_menu.open .header_top_list .header_top_item.item_login {padding: 0 15px;height: 40px;position: relative;}
    /*.mobile_main_menu.open .header_top_list .header_top_item.item_login::after {content: " ";display: block;width: 1px;height: 10px;background-color: #cccccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}*/
    .mobile_main_menu.open .header_top_item.item_login a {display: block;text-align: center;width: 100%;line-height: 40px;font-family: notokr-regular, sans-serif;color: #888888;font-size: 14px;letter-spacing: -0.28px;}
    .mobile_main_menu.open .header_top_list .header_top_item.item_language {margin-left: 13px;}
    .mobile_main_menu.open .header_top_item.item_language label {width: 28px;height: 40px;display: inline-block;vertical-align: middle;position: relative;}
    .mobile_main_menu.open .header_top_item.item_language label img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 14px;}
    .mobile_main_menu.open .header_top_item.item_language .language_selectbox {outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #888888;width: 52px;height: 40px;border: none;background: white url(/res/service/img/index/common/arr_basic_down.png);background-repeat: no-repeat;background-size: 10px;background-position-x: 100%;background-position-y: center;}
    .mobile_main_menu.open .m_menu_close{width: 24px;height: 24px;cursor: pointer;background-image: url("/res/service/img/index/common/btn_close.png");background-size: 24px;background-repeat: no-repeat;position: absolute;top: 18px;right: 15px;}
    .mobile_main_menu.open .m_menu_depth{height: 100%;overflow-x: hidden;font-size: 0;}
    .mobile_main_menu.open .m_menu_depth .m_depth1{position: fixed;width: 120px;padding-left: 15px;padding-top: 20px;vertical-align: top;height: 100vh;background-color: #f8f8f8;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item{font-size: 16px;font-family: 'notokr-medium', Sans-Serif;line-height: 50px;padding-left: 15px;margin-bottom: 5px;cursor: pointer;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item:last-child{margin-bottom: 0px;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item.m_select{position: relative;color: #ffffff;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item.m_select::before{content: "";background: linear-gradient(135deg, #39b8fd, #9f3dff, #f354b1);width: 135px;height: 100%;position: absolute;top: 0;left: 0;}
    .mobile_main_menu.open .m_menu_depth .m_depth1 .m_depth1_item.m_select span{z-index: 1;position: relative;}
    .mobile_main_menu.open .m_menu_depth .m_depth2{display: inline-block;width: calc( 100% - 135px );font-size :14px;padding-left: 15px;box-sizing: border-box;padding-top: 20px;vertical-align: top;overflow-y: auto;overflow-x: hidden;margin-left: 135px;padding-bottom: 100px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item{margin-left: 20px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper{width: 100%;font-family: 'notokr-medium', Sans-Serif;font-size: 16px;letter-spacing: -0.32px;line-height: 50px;margin-bottom: 5px;cursor: pointer;position: relative;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper .m_depth2_btn{width: 12px;height: 7px;background-image: url("/res/service/img/index/common/arr_basic_down.png");background-size: 12px;background-repeat: no-repeat;position: absolute;top: 50%;right: 20px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper.m_select{color: #701e97;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth2_wrapper.m_select .m_depth2_btn{background-image: url("/res/service/img/index/common/arr_menu_up_p.png");}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth3_wrapper .m_depth3_item{line-height: 40px;font-size: 14px;color: #707070;padding-left: 15px;}
    .mobile_main_menu.open .m_menu_depth .m_depth2 .m_depth2_item .m_depth3_wrapper .m_depth3_item.m_select{color: #701e97;}
    .mobile_main_menu.open .m_depth3_wrapper{display: none;}
    .mobile_main_menu.open .m_depth3_wrapper.m_select{display: block;}
}


/* 페이지 관련 사항 */
.page_content {}
@media  (min-width:1240px) {
    .page_content_tab { display:none; }
    .page_content_tab.showing {display: block;overflow: auto;margin-top: 40px;margin-bottom: 50px;clear: both;}
    .page_content_tab_item {float: left;box-sizing: border-box;background-color: #ffffff;border: 1px solid #e5e5e5;border-left: 1px solid #ffffff;color: #707070;font-family: notokr-regular;font-size: 16px;line-height: 60px;cursor: pointer;text-align: center;}
    .page_content_tab > :first-child {border-left: 1px solid #e5e5e5;}
    .page_content_tab_item:not(.pressed) {background-color: #f8f8f8;}
    .page_content_tab_item.pressed, .page_content_tab_item:hover {background-color: white;border-top: 2px solid #6f4dbb;border-bottom: none;color: #6f4dbb;}
    .page_content_combobox { display:none; }
}
/* Tablet */
@media  (min-width:768px) and (max-width:1240px) {
    .page_content_tab { display:none; }
    .page_content_combobox {display: none;height: 50px;line-height: 50px;position: relative;background: #ffffff;font-size: 16px;font-family: notokr-regular;text-align: center;color: #7b4fb8 !important;border: 1px solid #7b4fb8;cursor: pointer;}
    .page_content_combobox.showing { display:block; }
    .page_content_combobox span {color:#7b4fb8;height:50px;line-height:50px;font-family: notokr-regular;font-size:16px;display: inline-block;vertical-align: middle;letter-spacing: -0.28px;margin-right: 10px;}
    .page_content_combobox img {width: 12px;display: inline-block;}
    .page_content_combobox select { position:absolute;width:100%;left:0;right:0;top:0;bottom:0;opacity:0; }
}
/* Mobile */
@media  (max-width:767px) {
    .page_content_tab { display:none; height:80px; }
    .page_content_combobox {display:none; /*! margin-top:40px; */height:50px;line-height: 50px;position:relative;background: #ffffff;font-size:16px;font-family: notokr-regular;text-align: center;color:#7b4fb8 !important;border: 1px solid #7b4fb8;cursor: pointer;}
    .page_content_combobox.showing { display:block; }
    .page_content_combobox span {color:#7b4fb8;height:50px;line-height:50px;font-family: notokr-regular;font-size:14px;display: inline-block;vertical-align: middle;letter-spacing: -0.28px;margin-right: 10px;}
    .page_content_combobox img {width: 12px;display: inline-block;}
    .page_content_combobox select { position:absolute;width:100%;left:0;right:0;top:0;bottom:0;opacity:0; }
}

/* 기본 테이블 */
.table_panel{border-top: 1px solid #707070;margin: 10px 0 20px;}
.table_panel table{border-collapse: collapse;border-spacing: 0;width: 100%;text-align: center;}
.table_panel table th{background-color: #f8f8f8;border: 1px solid #e5e5e5;border-top: 0;font-weight: normal;}
.table_panel table th:first-child, .table_panel table td:first-child{border-left: none;}
.table_panel table th:last-child, .table_panel table td:last-child{border-right: none;}
.table_panel table td {border: 1px solid #e5e5e5;}
@media (min-width: 1240px){
.table_panel table{font-size: 16px;line-height: 26px;}
.table_panel table th, .table_panel table td{padding: 15px;}
}

@media (max-width: 1240px) and (min-width: 768px){
.table_panel table{font-size: 14px;line-height: 26px;}
}

@media (max-width: 767px){
.table_panel table{font-size: 14px;line-height: 26px;}
}

/* 프린트 세팅 */
@media print { 
    * {-webkit-print-color-adjust: exact;print-color-adjust: exact;}
    .page1, .page1 > div {height: 100%;}
    body { border:0; margin:0; padding:0;}
    html {transform: scale(1);}
    .sub_content {display: block !important;box-sizing: border-box;overflow-y: visible;width: 21cm;min-height: 29.7cm;margin: 0 auto;}
}

/*사이트맵*/
@media (min-width: 1240px){
#sitemap_div {display: none;}
@keyframes showup_sitemap { from { top: -100vh; } to { top: 0vh; } }
    #sitemap_div.active {overflow-x: scroll;display: block;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;right: 0;background: white;z-index: 9999;animation-name: showup_sitemap;animation-duration: 1s;}
    #sitemap_div .sitemap_body_wrapper { /*원래 값 17.7%*/padding: 0 15%;width: calc(100% - 15% * 2);}
    #sitemap_div .sitemap_wrapper{border-top : 1px solid #e5e5e5;padding : 60px 0 0 0;width: 100%;font-size : 0px;}
    #sitemap_div .sitemap_wrapper.first{border: none;width: 100%;padding : 70px 0px 0px 0px;}
    #sitemap_div .gnb_depth1_title {font-family: notokr-medium, sans-serif; font-size : 24px;letter-spacing: -0.48px;width: 248px;display: inline-block;color: #232323;padding-bottom: 60px;}
    #sitemap_div .gnb_depth2 {display: inline-block;vertical-align: top;width: calc(100% - 248px);}
    #sitemap_div .gnb_depth2_wrapper {display: inline-block;vertical-align: top;width : 25%;margin-bottom : 60px;}
    #sitemap_div .gnb_depth2_item {font-size : 18px;display: inline-block;width: 25%;vertical-align: top;margin-bottom: 40px;}
    #sitemap_div .gnb_depth2_title {color: #232323;font-size : 18px;}
    #sitemap_div .gnb_depth3_title {font-size : 16px; color : #707070; cursor: pointer;}
    #sitemap_div .gnb_depth2_item .gnb_depth3_title:first-child {margin-top : 40px;}
    #sitemap_div .sitemap_header {height: fit-content; width: 100%; position: relative;}
    #sitemap_div .sitemap_header_title{width: fit-content;margin: 0 auto;color: #232323;height: 85px;line-height: 85px; text-align: center;}
    #sitemap_div .sitemap_close {position: absolute;background-image: url("/res/service/img/index/common/btn_close.png");background-repeat: no-repeat;background-size: cover;width: 24px;height: 24px;right: 160px;top : 32px;}
    #sitemap_div .sitemap_header_title span{height: fit-content;font-family: notokr-medium, sans-serif; font-size: 24px;letter-spacing: -0.48px;}
    #sitemap_div .sitemap_header_gradation {height: 3px;}
}

@media (max-width: 1240px) and (min-width: 768px){
#sitemap_div, #sitemap_div * { display: none; }}

@media (max-width: 767px){
#sitemap_div, #sitemap_div * { display: none; }}

/* 모바일 전용 팝업 */
@media (max-width: 767px){
.popup_mobile{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.7);z-index: 9999;}
.popup_mobile .popup_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 300px;box-sizing: border-box;background-color: #fff;}
.popup_mobile .popup_box .popup_body p img{max-width: 100% !important;}
.popup_mobile .popup_box .popup_btn {width: 100%;box-sizing: border-box;border: 1px solid #e5e5e5;height: 50px;line-height: 48px;font-size: 0;}
.popup_mobile .popup_box .popup_btn div{display: inline-block;text-align: center;vertical-align: top;font-size: 14px;width: 50%;position: relative;font-family: notokr-regular, sans-serif;cursor: pointer;}
.popup_mobile .popup_box .popup_btn .popup_today_close::before{content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #e5e5e5;}
}

/* 로그인 팝업 레이어 */
.login_popup_layer { display: none; }
.login_popup_layer.open {display: block; position: fixed;background-color: rgba(0,0,0,0.4);top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;}
.login_popup_layer.open .login_popup {position: fixed;background-color: white;z-index: 10001;border: 1px solid #e5e5e5;box-sizing: border-box;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.login_popup_layer.open .login_popup .login_popup_top {box-sizing: border-box;}
.login_popup_layer.open .login_popup_top .btn_close {padding: 0;border: none;background-color: transparent;float: right;}
.login_popup_layer.open .login_popup_header {position: relative;}
.login_popup_layer.open .login_popup_header h2{font-family: notokr-medium, sans-serif;}
.login_popup_layer.open .login_popup_header .btn_info {position: absolute;top: 50%;transform: translateY(-50%);background-color: transparent;border: none;}
.login_popup_layer.open .login_popup_header .info_message {display: none;}
.login_popup_layer.open .login_popup_header .info_message.open {display: block;position: absolute;border: 1px solid #e5e5e5;background-color: white; border-radius: 5px;}
.login_popup_layer.open .login_popup_header .info_message.open p {font-family: notokr-regular, sans-serif;color: #707070;}
.login_popup_layer.open .login_popup_header .info_message.open::before {content: "";width: 0;height: 0;position: absolute;top: -10px;right: 8px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #e5e5e5;}
.login_popup_layer.open .login_popup_header .info_message.open::after {content: "";width: 0;height: 0;position: absolute;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #fff;top: -9px;right: 9px;}
.login_popup_layer.open .login_popup .login_form {box-sizing: border-box;}
.login_popup_layer.open .login_popup .login_form_item {}
.login_popup_layer.open .login_popup .login_form_item input {width: 100%;}
.login_popup_layer.open .login_popup .btn_login {width: 100%;background-color: #701e97;color: white;font-family: notokr-medium, sans-serif;border-radius: 5px;}
.login_popup_layer.open .save_id_section {font-size: 0;}
.login_popup_layer.open .save_id_section .save_id_checkbox {position: fixed;top: 0;left: 0;width: 1px;height: 1px;border: none;background: transparent;}
.login_popup_layer.open .save_id_section .label_checkmark {width: 20px;height: 20px;border-radius: 100%;background-color: #e5e5e5;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;}
.login_popup_layer.open .save_id_section .label_checkmark::before {content: "";display: block;position: absolute;left: 5px;top: 6px;width: 7px;height: 4px;border-bottom: 2px solid white;border-left: 2px solid white;transform: rotate(-45deg);}
.login_popup_layer.open .save_id_section .save_id_checkbox:checked + .label_checkmark {background-color: #701e97;}
.login_popup_layer.open .save_id_section .remember_id_label {display: inline-block;vertical-align: middle;line-height: 20px;font-family: notokr-regular, sans-serif;margin-left: 8px;}
.login_popup_layer.open .go_portal_wrapper {}
.login_popup_layer.open .go_portal_wrapper a {font-family: notokr-medium, sans-serif;color: #707070;border-bottom: 1px solid #707070;}
.login_popup_layer.open .go_portal_wrapper a:hover {color: #232323;border-bottom: 1px solid #232323;}
@media (min-width: 1240px){
.login_popup_layer.open {}
.login_popup_layer.open .login_popup {width: 600px;height: 570px;}
.login_popup_layer.open .login_popup .login_popup_top {width: 100%;height: 80px;padding: 28px 40px;}
.login_popup_layer.open .login_popup_top .btn_close {width: 24px;height: 24px;}
.login_popup_layer.open .login_popup_top .btn_close img {width: 24px;height: 24px;}
.login_popup_layer.open .login_popup_header {padding: 0 50px;height: 68px;}
.login_popup_layer.open .login_popup_header h2{font-size: 32px;letter-spacing: -0.64px;line-height: 68px;}
.login_popup_layer.open .login_popup_header .btn_info {right: 50px;}
.login_popup_layer.open .login_popup_header .btn_info img {width: 20px;}
.login_popup_layer.open .login_popup_header .info_message.open {padding: 20px;right: 40px;top: 55px;}
.login_popup_layer.open .login_popup_header .info_message.open p {font-size: 14px;letter-spacing: -0.28px;line-height: 22px;}
.login_popup_layer.open .login_popup .login_form {padding: 40px 50px 0 50px;width: 100%;}
.login_popup_layer.open .login_popup .login_form_item {padding-bottom: 10px;}
.login_popup_layer.open .login_popup .login_form_item input {}
.login_popup_layer.open .login_popup .btn_login {height: 50px;font-size: 16px;letter-spacing: -0.32px;margin-top: 40px;}
.login_popup_layer.open .save_id_section {padding-top: 10px;}
.login_popup_layer.open .save_id_section .save_id_checkbox {}
.login_popup_layer.open .save_id_section .label_checkmark {}
.login_popup_layer.open .save_id_section .remember_id_label {font-size: 14px;letter-spacing: -0.28px;}
.login_popup_layer.open .go_portal_wrapper {text-align: center;margin-top: 20px;}
.login_popup_layer.open .go_portal_wrapper a {font-size: 14px;letter-spacing: -0.28px;padding-bottom: 5px;}
}

@media (max-width: 1240px) and (min-width: 768px){
.login_popup_layer.open .login_popup {width: 350px !important;}
.login_popup_layer.open .login_popup_header .info_message.open {right: 10px; position: absolute; bottom: -70px;}
}

@media (max-width: 1240px) { 
    .login_popup_layer.open {}
    .login_popup_layer.open .login_popup {width: calc(100% - 30px);height: 420px;}
    .login_popup_layer.open .login_popup .login_popup_top {width: 100%;height: 64px;padding: 20px;}
    .login_popup_layer.open .login_popup_top .btn_close {width: 24px;height: 24px;}
    .login_popup_layer.open .login_popup_top .btn_close img {width: 24px;height: 24px;}
    .login_popup_layer.open .login_popup_header {padding: 0 20px;height: 36px;}
    .login_popup_layer.open .login_popup_header h2{font-size: 18px;letter-spacing: -0.36px;line-height: 36px;}
    .login_popup_layer.open .login_popup_header .btn_info {right: 20px;}
    .login_popup_layer.open .login_popup_header .btn_info img {width: 20px;}
    .login_popup_layer.open .login_popup_header .info_message.open {padding: 10px; right: 10px; bottom: -70px;}
    .login_popup_layer.open .login_popup_header .info_message.open p {font-size: 12px;letter-spacing: -0.24px;line-height: 22px;}
    .login_popup_layer.open .login_popup .login_form {padding: 20px 20px 0 20px;width: 100%;}
    .login_popup_layer.open .login_popup .login_form_item {padding-bottom: 10px;}
    .login_popup_layer.open .login_popup .login_form_item .common_input {height: 45px;font-size: 14px;letter-spacing: -0.28px;}
    .login_popup_layer.open .login_popup .btn_login {height: 50px;font-size: 16px;letter-spacing: -0.32px;margin-top: 20px;}
    .login_popup_layer.open .save_id_section {padding-top: 10px;}
    .login_popup_layer.open .save_id_section .save_id_checkbox {}
    .login_popup_layer.open .save_id_section .label_checkmark {}
    .login_popup_layer.open .save_id_section .remember_id_label {font-size: 12px;letter-spacing: -0.24px;}
    .login_popup_layer.open .go_portal_wrapper {text-align: center;margin-top: 10px;}
    .login_popup_layer.open .go_portal_wrapper a {font-size: 12px;letter-spacing: -0.24px;padding-bottom: 5px;}
}