/* Common */
* {box-sizing: border-box;}
html.lock {overflow: hidden;}
body {min-width:unset; letter-spacing: -0.05em;}
body, table, th, td, input, select, textarea, div, a, p, span, strong, b, i, ul, ol, li, button {font-family: "Montserrat", "Noto Sans KR", sans-serif; font-size:15px; letter-spacing: -0.05em; line-height: 1.6em; list-style:none;}
a:link,
a:visited {}
#ui-datepicker-div {z-index: 100 !important;}
.con {max-width:1400px; margin:0 auto;}

/* Header */
#Header {width: 100%; padding:20px 0; border-bottom:1px solid #dbdcdd; background:#fff;}
#Header .con {max-width:1300px; display: flex; justify-content: space-between; align-items: center;}
#Header h1 {position:static;}
#Header #Topmenu {position:static; display: flex; align-items: center;}
#Header .top_left {display: flex;}
#Header .top_left .link_box {display: flex; align-items: center; font-size: 1rem; margin-left:50px;}
#Header .top_left .link_box li:first-child {font-weight: 500;}
#Header .top_left .link_box li:not(:last-child)::after {content:""; display: inline-block; width:2px; height: 2px; background:#666; border-radius: 100%; margin:0 15px; transform:translateY(-5px);}
#Header .top_left .link_box li:last-child {color:#666;}
#Header .top_left .link_box li:last-child a {display: flex; align-items: center;}
#Header #Topmenu .on_user {font-size:0.875rem; margin-right:10px;}
#Header #Topmenu .Topmenu {float:none; display: flex; align-items: center; color:#666;}
#Header #Topmenu .Topmenu li {display: flex; align-items: center; padding-left: 10px; background:none; list-style:none;}
#Header #Topmenu .Topmenu li:not(:last-child)::after { display: inline-block; width:2px; height: 2px; background:#666; border-radius: 100%; margin:0 10px;}
#Header #Topmenu .Topmenu li:last-child {font-weight: 500;}
#Header #Topmenu .Topmenu li a {font-size: 14px;}
#Header #Topmenu .Search {position:relative; margin:0 20px;}
#Header #Topmenu .Search li {float:none;}
#Header #Topmenu .Search li:first-child {width: 185px; height: 32px; display: flex; align-items: center; justify-content: center;}
#Header #Topmenu .Search li:first-child::after {content: ""; width: 100%; height: 100%; border-radius: 8px; position: absolute; top: 0px; left: 0px; background: rgb(241,183,174); background: radial-gradient(circle, rgba(241,183,174,1) 50%, rgba(149,149,149,1) 100%);}
#Header #Topmenu .Search li input {width:181px; height:28px; border:none; border-radius: 6px; position:relative; z-index: 2; font-size: 14px; padding-right:32px;}
#Header #Topmenu .Search li input:focus {outline:none; border:none;}
#Header #Topmenu .Search li:last-child {position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index: 2;}
#Header #Topmenu .music_btn {display: flex; align-items: center; margin-right:0; line-height: 1; font-size: 0.875rem;}
#Header #Topmenu .Search li button {width: auto; height: auto; font-size: 1.25rem; color:#f1b7ae; background:none;}
#Header .top_left .m_btn {width: 35px; height: 30px; display: none; flex-direction: column; justify-content: space-evenly; align-items: center; position:relative; z-index: 9999;}
#Header .top_left .m_btn span {width: 70%; height: 2px; background:#000; transition: all 0.3s; transform-origin: left;}
#Header .top_left .m_btn.active span:nth-child(1) {transform:rotate(45deg)}
#Header .top_left .m_btn.active span:nth-child(2) {opacity: 0;}
#Header .top_left .m_btn.active span:nth-child(3) {transform:translateY(1px) rotate(-45deg)}
#Header .m_search { width: 40px; display: none; font-size: 26px;}

.mobile_screen {width: 100%; height: calc(100% - 56px); display: none; position:fixed; top:56px; left:0; z-index: 997;}
.mobile_screen .bg {width: 100%; height: 100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
.mobile_screen .inner {width: 100%; max-width: 480px; height: 100%; display: flex; position:absolute; top:0; left:0; background:#fff;}
.mobile_screen .inner .depth01_wrap {width: 40%; height: calc(100% - 35px); display: flex; flex-direction: column; background:#fff7e4; padding-bottom: 5%; overflow: auto;}
.mobile_screen .inner .depth01_wrap .depth01 {}
.mobile_screen .inner .depth01_wrap .depth01 li {display: flex; justify-content: center; font-size: 1.15rem; text-align: center; padding:25px 0; cursor: pointer; position:relative;}
.mobile_screen .inner .depth01_wrap .depth01 li:not(:first-child)::before {content:""; display: block; width: calc(100% - 40px); height:1px; border-bottom:1px dashed #999; position:absolute; top:0;}
.mobile_screen .inner .depth01_wrap .depth01 li:last-child::after {content:""; display: block; width: calc(100% - 40px); height:1px; border-bottom:1px dashed #999; position:absolute; bottom:0;}
.mobile_screen .inner .depth01_wrap .depth01 li.on {font-weight: bold; background:#ffefcd;}
.mobile_screen .inner .depth01_wrap .depth01 li.on::before,
.mobile_screen .inner .depth01_wrap .depth01 li.on + li:before,
.mobile_screen .inner .depth01_wrap .depth01 li:last-child.on::after {display: none;}
.mobile_screen .inner .depth01_wrap .member_menu {margin-top:auto; padding:20px 20px 0;}
.mobile_screen .inner .depth01_wrap .member_menu li:not(:last-child) {margin-bottom: 10px;}
.mobile_screen .inner .depth01_wrap .member_menu li a {display: block; font-size: 1.125rem; font-weight: 500; color:#ed5b30; border: 1px solid #ed5b30; border-radius: 10px; padding: 12px 0; line-height: 1; text-align: center;}
.mobile_screen .inner .depth02_wrap {width: 60%; height: calc(100% - 35px); padding:20px 30px; overflow: auto;}
.mobile_screen .inner .depth02_wrap .depth02 {display: none;}
.mobile_screen .inner .depth02_wrap .depth02.on {display: block;}
.mobile_screen .inner .depth02_wrap .depth02 > li:not(:last-child) {margin-bottom: 15px;}
.mobile_screen .inner .depth02_wrap .depth02 > li > a {display: block; font-size: 1rem; font-weight: 500; border: 1px solid #d2d2d2; background: #f8f9fb; border-radius: 10px; padding: 12px 0; line-height: 1.34; color: #000; text-align: center;}
.mobile_screen .inner .depth02_wrap .depth02 > li.on > a {background: #fdf5e2;}
.mobile_screen .inner .depth02_wrap .depth02 .depth03 {padding:10px 0; border-bottom:1px solid #d2d2d2;}
.mobile_screen .inner .depth02_wrap .depth02 .depth03 > li {text-align: center;}
.mobile_screen .inner .depth02_wrap .depth02 .depth03 > li:not(:first-child) {margin-top:10px;}
.mobile_screen .inner .depth02_wrap .depth02 .depth03 > li > a {font-size: 1rem; color:#000;}
.mobile_screen .inner .depth02_wrap .depth02 .depth03 > li.on > a {font-weight: 600; color:#ea5a2f;}
.mobile_screen .inner .goto {width: 100%; height: 35px; display: flex; justify-content: center; align-items: center; font-size: 13px; position:absolute; bottom:0; left:0; border-top:1px solid #d2d2d2; background:#f8f9fb;}
.mobile_screen .inner .goto li:first-child {font-weight: 500;}
.mobile_screen .inner .goto li:not(:last-child)::after {content:""; display: inline-block; width:2px; height: 2px; background:#666; border-radius: 100%; margin:0 15px; transform:translateY(-5px);}
.mobile_screen .inner .goto li:last-child {color:#666;}
.mobile_screen .inner .goto li:last-child a {display: flex; align-items: center;}
.mobile_screen .inner .goto li:last-child a i {margin-right: 3px;}

.mobile_screen .inner .div_mem {width: 100%;}
.mobile_screen .inner .div_mem_dep2 tr {display: flex; flex-direction: column;}
.mobile_screen .inner .div_mem_dep2 td {width: 100%; margin-bottom: 15px;}

.pop_slide_wrap {width: 90%; max-width: 500px; height: 700px; position:fixed; bottom:3%; left:62%; overflow: hidden; z-index: 52;}
.pop_slide_wrap .close_wrap { display: flex; align-items: center; width: 100%; height: 35px; background:#f1f1f1; border:1px solid #c9c9c9; padding:0 20px;}
.pop_slide_wrap .close_wrap .close_btn {font-size: 1.125rem; margin-left: auto;}
.pop_slide_wrap .close_wrap .close_btn i {font-weight: 700;}
.pop_slide_wrap .pop_slide {height: calc(100% - 70px); overflow: hidden;}
.pop_slide_wrap .pop_slide li {overflow: auto;}
.pop_slide_wrap .pop_slide li img {width: auto !important; max-width:100%; height: auto !important; max-height: 100%;}
.pop_slide_wrap .nav_btn {height: 35px; display: flex; justify-content: center; align-items: center; background:#f1f1f1; border:1px solid #c9c9c9; padding:0 20px; position:relative;}
.pop_slide_wrap .nav_btn .paging_wrap {width: auto; font-weight: 500;}
.pop_slide_wrap .nav_btn .prev_btn {margin-right: auto; font-size: 1.125rem;}
.pop_slide_wrap .nav_btn .next_btn {margin-left: auto; font-size: 1.125rem;}
.pop_slide_wrap .nav_btn .toggle_btn {width: 1.875rem; height: 75%; font-size: 1.125rem; border:1px solid #c9c9c9; border-radius:3px; position:absolute; right:50px;}

#Navi_wrap {height: auto; position:relative; top:0; box-shadow: 0 3px 8px rgba(0,0,0,0.06); z-index: 100;}
#Navi_wrap #Navi {width: 100%; /*border-bottom:1px solid #d2d2d2;*/}
#Navi_wrap #Navi ul li a {width: auto; font-size: inherit;}
#Navi_wrap #Navi ul.gnb {float:none; display: flex;}
#Navi_wrap #Navi ul.gnb > li {flex:1; background:none;}
#Navi_wrap #Navi ul.gnb > li > a {width: auto; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: 500; padding:18px 0; color:#000; line-height: 1.34; position:relative; text-align: center;}
#Navi_wrap #Navi ul.gnb > li > a::after {content:""; display: none; width:100%; height:3px; background:#ea5a2f; position:absolute; bottom:0; left:0;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap {display: none; width: 100%; position:absolute; left:0; background:url(../img/header/bg_header.png); border-bottom:1px solid #959595;  border-top:1px solid #ea5a2f; z-index: 2;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con {display: flex; align-items: center; padding:20px 0;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .navi_title {width: 215px; display: none; background:url("../img/header/navi_title_bg.png") no-repeat; background-size: contain;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .navi_title strong {display: block; font-size: 1.75rem; font-weight: 500; color:#000; letter-spacing: -0.05em;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .navi_title span {display: block; font-size: 0.75rem; font-weight: 300; color:#999; letter-spacing: 0.2em;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .navi_title .img_wrap {margin-top:80px;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .navi_title .img_wrap img {display: block; margin-left: auto;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth02 {width: 100%; display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth02 > li {width: 13.2%; background:none;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth02 > li:not(:last-child){margin-right:1%;}
/* #Navi_wrap #Navi ul.gnb > li:nth-child(4) .depth_wrap .con .depth02 > li:not(:nth-child(1n + 6)), 
#Navi_wrap #Navi ul.gnb > li:nth-child(5) .depth_wrap .con .depth02 > li:not(:nth-child(1n + 6)) {margin-bottom:30px;} */
#Navi_wrap #Navi ul.gnb > li.only_depth02 .depth_wrap .con .depth02 > li:not(:nth-child(1n + 6)) {margin-bottom:30px;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth02 > li > a {display: block; font-size: 1rem; font-weight: 500; border:1px solid #d2d2d2; background:#ffffff; border-radius: 10px; padding:11px 0; line-height: 1; color:#000; text-align: center;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth03 {float:none; margin:8px 0;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth03 li {width: 100%; background:none; text-align: center; margin:5px 0;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth03 li a {font-size: 1rem; font-weight:400; color:#333; }
#Navi_wrap #Navi ul.gnb > li:hover .depth_wrap {display: block;}
#Navi_wrap #Navi ul.gnb > li:hover > a::after {display: block;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth02 > li > a:hover {background:#fdf5e2; color:#000;}

#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth02 > li > a.deact {background:#ececec; color:#999;pointer-events: none;}
#Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth03 li:hover a {color:#ea5a2f; font-weight: 500;}

#Navi_wrap #Navi ul.gnb > li:nth-child(4) .depth_wrap .con .depth02 {justify-content: center; width:50%;}
#Navi_wrap #Navi ul.gnb > li:nth-child(4) .depth_wrap .con .depth02 > li {flex: 1 1 30%;  margin-bottom:15px;}
#Navi_wrap #Navi ul.gnb > li:nth-child(4) .depth_wrap .con .depth02 > li:nth-child(7) {margin-bottom:0px; }
#Navi_wrap #Navi ul.gnb > li:nth-child(4) .depth_wrap .con .depth02 > li:nth-child(8) {margin-bottom:0px; }
#Navi_wrap #Navi ul.gnb > li:nth-child(4) .depth_wrap .con .depth02 > li:nth-child(4) {clear:both;}





#M_visual {height:auto; background:url("../img/main/visual_bg.jpg") no-repeat; background-size:cover; padding:30px 0 110px;}
#M_visual .con {display: flex; flex-wrap: wrap; justify-content: space-between;}
#M_visual .con .main_box:first-child {width: 69%;}
#M_visual .con .main_box:last-child {width: 29%; margin-top:42px;}
#M_visual .Visual {width: 100%; height: 415px;} /* height : 415px -> 538px [origin -> 340px] */
#M_visual .Visual div.img {width: 100%; height: auto; position:relative;}
#M_visual .Visual div.img img {width: 100%;}
#M_visual .con .main_box .main_top {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom:10px;}
#M_visual .con .main_box .main_top > strong {display: block; font-size: 1.375rem; font-weight: 500; color:#fff;}
#M_visual .con .main_box .main_top .right_box {display: flex;}
#M_visual .con .main_box .main_top .right_box .index_wrap {font-size: 1rem; color:#fff;}
#M_visual .con .main_box .main_top .right_box .index_wrap .current {font-weight: 600;}
#M_visual .con .main_box .main_top .right_box .btn_wrap {display: flex; margin-left:20px;}
#M_visual .con .main_box .main_top .right_box .btn_wrap li:nth-child(2) {margin:0 15px;}
#M_visual .con .main_box .main_top .right_box .btn_wrap button {font-size: 16px; color:#fff;}
#M_visual .con .main_box .bx-wrapper {border-radius: 20px; overflow: hidden; box-shadow: 0 4px 16px 6px rgb(0 0 0 / 10%);}
#M_visual .con .main_box .bxslider {position:relative}
#M_visual .con .main_box .bxslider li {width: 100%; position:absolute;}
#M_visual .con .main_box .bxslider li a {display: block;}
#M_visual .con .main_box .bxslider li img {width: 100%; border-radius: 20px;}
#M_visual .con .main_box #M_Loginbox {/*height:60%;*/ height: auto; display: flex; flex-direction: column; justify-content: flex-end; background:#fff; border-radius: 20px; padding:20px 0 0; /*padding:0 30px;*/ box-shadow: 0 4px 16px 6px rgb(0 0 0 / 10%); overflow: hidden;}
#M_visual .con .main_box #M_Loginbox form[name='loginboxFrm'] {margin:auto 0;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN  {padding:0 30px 20px;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput {position:relative; border-bottom:1px solid #d2d2d2; margin-bottom:20px; padding-bottom:20px;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput input {width: calc(100% - 110px); height: 28px; line-height: 28px; font-size: 13px; color: #666; padding: 0 0 0 10px; border: 1px solid #d2d6dd; margin: 0 0 5px;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput input:last-of-type {margin:0;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput button {position: absolute; right: 0; top: 0; width: 90px; height: 59px; font-family: "Noto Sans KR" !important; font-weight: 600; color: #6e6e6e; font-size: 14px; letter-spacing: -0.05em; background: #fbfbfb; border: 1px solid #e3e3e3;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .checkbox {max-width: 280px; display: flex; justify-content: space-between; align-items: center;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .checkbox input {vertical-align: middle; margin-right: 5px;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .checkbox label {vertical-align: middle; font-size: 13px; color: #999; letter-spacing: -0.05em;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .menu {display: flex; justify-content: space-between; margin-top:20px;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .menu a {width: 34%; border:1px solid #d2d2d2; background:#eee; text-align: center;  font-size: 13px; font-weight: 500; color:#7b7b7b; padding:5px 0;}
#M_visual .con .main_box #M_Loginbox .M_LOGIN .menu a:last-child {width: 62%;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo {display: flex; align-items: center; border-bottom:1px solid #d2d2d2; margin-bottom:12px; padding:0 30px 12px;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .img {width: 65px; height: 65px; border: 1px solid #d2d2d2; border-radius: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-right:15px;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .img img {max-width: 100%;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info {width:calc(100% - 80px)}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info p {display: flex; flex-wrap: wrap; align-items: center; font-size: 0.9375rem; color:#000; letter-spacing: -0.05em; margin-bottom:3px;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info p b {display: inline-block; /*max-width: 30%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ font-size: 1.125rem; font-weight: 500;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info p strong {font-weight: 500; margin:0 3px;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info p span {color:#e95a2f; font-weight: 500;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info a {width: auto; display: inline-block; color:#666; background:#fff; border:1px solid #d2d2d2; padding:5px 12px; font-size: 0.75rem; margin:0;}
/* #M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info a:first-of-type {background:#fff;} */
#M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info a.logout_btn {background:#eee;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul {display: flex; flex-wrap: wrap;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child {width: 100%; display: flex; flex-wrap: wrap; padding:0 30px;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child .ismem_info {width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 1.125rem; font-weight: 500; color:#000; letter-spacing: -0.05em; margin-bottom: 10px;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child .ismem_info a {border:1px solid #959595; border-radius: 5px;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child .ismem_info a:hover {color:#000;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child .ismem_chk {width: 100%; display: flex; justify-content: space-between;} 
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child .ismem_chk span {width: 100%; background:#f7f7f7; border:1px solid #d2d2d2; font-size: 1.125rem; color:#999; text-align: center; padding:10px 0; opacity: 0.4;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child .ismem_chk span.active {background:#d7341f; border:1px solid #d7341f; color:#fff; opacity: 1;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:first-child .ismem_chk span i {font-weight: 900;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:nth-child(2),
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:nth-child(3) {width: 50%; font-weight: 500; letter-spacing: -0.05em; text-align: center; margin-top:15px; background:rgba(236,236,236,0.5); border-top:1px solid rgba(210,210,210,0.5); position: relative;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:nth-child(2)::after {content:""; display: block; width: 1px; height: 50%; background:#d2d2d2; position: absolute; top:50%; right:0; transform:translateY(-50%);}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:nth-child(2) a,
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:nth-child(3) a {display: block; font-size: 0.9375rem; color:#000; padding:15px 0;}
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:nth-child(2) span,
#M_visual .con .main_box #M_Loginbox .M_LOGOUT ul li:nth-child(3) span {color:#333;}
#M_visual .con .main_box .quick_qf {/*height:35%;*/ display: flex; justify-content: space-between; margin-top:5%;}
#M_visual .con .main_box .quick_qf li {width: 47%; background:#4885d3; text-align: center; border-radius: 10px; box-shadow: 0 4px 16px 6px rgb(0 0 0 / 10%); padding:28px 0;}
#M_visual .con .main_box .quick_qf li:last-child {background:#6a72df}
#M_visual .con .main_box .quick_qf li a {display: flex; height: 100%; flex-direction: column; justify-content: center; }
#M_visual .con .main_box .quick_qf li strong {font-size: 1.375rem; font-weight: 900; color:#fff;}
#M_visual .con .main_box .quick_qf li p {font-size: 1.125rem; font-weight: 500; color:#ffde00;}
#M_visual .con .main_box .quick_qf li span {display: block; width: 75%; font-size: 1.125rem; font-weight: 500; color:#265ebb; background:#fff; border-radius:10px; padding:7px 0; margin:12px auto 0;}
#M_visual .con .main_box .quick_qf li:last-child span {color:#fff; background:#999ce1;}

.quick_menu {width:100%; position:absolute; transform:translateY(-50%);}
.quick_menu ul {display: flex; flex-wrap: wrap; border-radius: 30px 0 30px 0; background:#fff; box-shadow: 0 2px 5px rgb(0 0 0 / 20%);}
.quick_menu ul li {flex:1; text-align: center; padding:26px 0;}
.quick_menu ul li a {display: block; border-right:1px solid #d2d2d2;}
.quick_menu ul li:last-child a {border-right:none;}
.quick_menu ul li span {display: block; margin-top:10px; font-size: 1.0625rem; color:#000;}

.lat_section .lat_box { background:#fff; border-radius: 10px; padding:35px 30px; box-shadow: 0 4px 8px 0px rgb(0 0 0 / 10%);}
.lat_section .lat_box .lat_top {display: flex; justify-content: space-between; align-items: flex-end; border-bottom:1px solid #d2d2d2;}
.lat_section .lat_box .lat_top > .more_tab a {background: #ed5b30; color: #fff; font-size: 1.75rem; width: 32px; height: 32px; display: none; align-items: center; justify-content: center; border-radius: 100%; margin-bottom: 10px;}
.lat_section .lat_box .lat_top > .more_tab li.active a {display: flex;}
.lat_section .lat_box .lat_top .tab_list {width: calc(100% - 47px); display: flex; font-weight: 400; color:#000;}
.lat_section .lat_box .lat_top .tab_list li {display: flex; align-items: center; font-size: 1.4rem;  overflow: hidden; margin-left: -1px; position:relative;}
.lat_section .lat_box .lat_top .tab_list li a {display: block; width: 100%; padding:5px 14px; font-size: 1.4rem;  border-radius:10px 10px 0 0; background:#f1f1f1; /*border:1px solid #999;*/ border-bottom: none;}
.lat_section .lat_box .lat_top .tab_list li b {font-weight: 400; font-size: 1.4rem;  }
.lat_section .lat_box .lat_top .tab_list li.active {z-index: 2;}
.lat_section .lat_box .lat_top .tab_list li.active a {background:#f76030; color:#fff; border-color:#f76030;}
/* .lat_section .lat_box .lat_top .tab_list li:not(:last-child)::after {content:""; display: inline-block; width: 3px; height: 3px; background:#959595; border-radius: 100%; margin:10px 12px;} */
.lat_section .lat_box > .eng_tit {padding:8px 0; margin-bottom: -1px; /*border-bottom:1px solid #d2d2d2;*/ position:relative;}
.lat_section .lat_box > .eng_tit span {display: none; font-size: 0.75rem; font-weight: 300; letter-spacing: 0.2em; color:#666;}
.lat_section .lat_box > .eng_tit span.on {display: block;}
/*.lat_section .lat_box > .eng_tit::after {content:""; display: block; width: 100px; height: 1px; background:#ed5b30; position:absolute; bottom:-1px;}*/
.lat_section .lat_box .lat_wrap li,
.lat_section .lat_box .lat_wrap li a,
.lat_section .lat_box .lat_wrap li p {font-family: "Noto Sans KR" !important;}

/* ?��????, ??????? ???? ???? */
#society_info .lat_box > span,
#society_section1 .lat_box > span {display: block; font-size: 0.75rem; font-weight: 300; letter-spacing: 0.2em; color:#666; padding:8px 0; margin-bottom: -1px; /*border-bottom:1px solid #d2d2d2;*/ position:relative;}
/* #society_info .lat_box > span::after,
#society_section1 .lat_box > span::after {content:""; display: block; width: 100px; height: 1px; background:#ed5b30; position:absolute; bottom:-1px;} */


.main_section01 {background:url("../img/main/main_section01_bg.jpg") no-repeat; background-size:cover; padding:100px 0 40px;}
.main_section01 .con {display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_section01 .lat_box {width: 48%;}
.main_section01 .lat_box:first-child .lat_wrap {display: none;}
.main_section01 .lat_box .lat_wrap li {border-top:1px solid #e5e5e5; padding:8px 0;}
.main_section01 .lat_box .lat_wrap li:first-child {border-top:none;}
.main_section01 .lat_box .lat_wrap li a {display: flex; justify-content: space-between; align-items: center; font-size: 1.0625rem; font-weight: 400; color:#000;}
.main_section01 .lat_box .lat_wrap li a p {width: calc(90% - 25px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_section01 .lat_box .lat_wrap li a p span {display: block; font-size: 0.875rem; font-weight: 500; color:#666}
.main_section01 .lat_box .lat_wrap li a i {width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; font-weight: 900; font-style: normal; border: 1px solid #d2d2d2; border-radius: 100%; font-size: 0.875rem; box-sizing: border-box;}
.main_section01 .lat_box .lat_wrap li a:hover {font-weight: 600;}
.main_section01 .lat_box .lat_wrap li a:hover span {font-weight: 500;}
.main_section01 .lat_box .lat_wrap li a:hover i {background:#fff7e4;}
/* .main_section01 .lat_box:nth-child(2) .lat_wrap li {padding:15px 0;}*/
.main_section01 .lat_box:nth-child(2) .lat_wrap li a p {width: calc(90% - 74px);}
.main_section01 .lat_box:nth-child(2) .lat_wrap li a i {width: 74px; height: 34px; border-radius: 10px; font-size: 1.0625rem; font-weight: 400;}

.main_section02 {padding:50px 0;}
.main_section02 .con {display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_section02 .lat_box {width: 32%;}
.main_section02 .lat_box:first-child {background:#fff8f6;}
.main_section02 .lat_box .lat_wrap {font-family: "Noto Sans KR" !important; /*border-top:1px solid #e5e5e5;*/ padding-top:10px;}
.main_section02 .lat_box:first-child .lat_wrap > li {display: flex; justify-content: space-between; padding:8px 0;}
.main_section02 .lat_box:first-child .lat_wrap > li:not(:last-child) {border-bottom:1px solid #d2d2d2}
.main_section02 .lat_box:first-child .title {}
.main_section02 .lat_box:first-child .title strong {display: block; font-size: 1.0625rem; font-weight: 500; color:#000;}
.main_section02 .lat_box:first-child .title span {display: block; font-size: 0.875rem; font-weight: 500; color:#666;}
.main_section02 .lat_box:first-child .title span br {display: none;}
.main_section02 .lat_box:first-child .link_box {display: flex; justify-content: space-between; align-items: center;}
.main_section02 .lat_box:first-child .link_box li:first-child {margin-right:10px;}
.main_section02 .lat_box:first-child .link_box a {width: 84px; height: 34px; display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 400; border-radius: 10px; /*padding:5px 15px;*/}
.main_section02 .lat_box:first-child .link_box a.apply {background:#ed5b30; color:#fff;}
.main_section02 .lat_box:first-child .link_box a.soon {background:rgba(242,154,118,0.5); color:#666; cursor:default;}
.main_section02 .lat_box:first-child .link_box a.finish {background:#d2d2d2; color:#666; cursor: default;}

.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li:not(:last-child) {margin-bottom:10px;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li a {display: flex; justify-content: space-between; align-items: center;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li a p {width: calc(90% - 70px); font-size: 1.0625rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li a span {width: 70px; height: 26px; display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 500; border-radius:5px;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li a span.red {background:#d7341f; color:#fff;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li a span.gry {background:#d2d2d2; color:#666;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li a span.green {background:#169d36; color:#fff;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:first-of-type li a:hover p {font-weight: 600;}
.main_section02 .lat_box:nth-child(2) .lat_wrap {display: none; padding-top:18px;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li:not(:last-child) {margin-bottom:10px;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li a i {width: 74px; height: 34px; border-radius: 10px; font-size: 1.0625rem; font-weight: 500;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li a {display: flex; justify-content: space-between; align-items: center; font-size: 1.0625rem; font-weight: 400; color:#000;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li a p {width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li a i {width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; font-weight: 900; font-style: normal; border: 1px solid #d2d2d2; border-radius: 100%; font-size: 0.875rem; box-sizing: border-box;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li a:hover {font-weight: 600;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li a:hover span {font-weight: 500;}
.main_section02 .lat_box:nth-child(2) .lat_wrap:last-of-type li a:hover i {background:#fff7e4;}

.main_section02 .lat_box:nth-child(3) .lat_wrap {padding-top:18px;}
.main_section02 .lat_box:nth-child(3) .lat_wrap li:not(:last-child) {margin-bottom:10px;}
.main_section02 .lat_box:nth-child(3) .lat_wrap li a {display: flex; justify-content: space-between; align-items: center; font-size: 1.0625rem; font-weight: 400; color:#000;}
.main_section02 .lat_box:nth-child(3) .lat_wrap li a p {width: calc(90% - 60px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_section02 .lat_box:nth-child(3) .lat_wrap li a span {width: 60px; height: 26px; display: flex; justify-content: center; align-items: center; font-style: normal; border: 1px solid #d2d2d2; border-radius: 5px; font-size: 1rem; box-sizing: border-box;}
.main_section02 .lat_box:nth-child(3) .lat_wrap li a:hover {font-weight: 600;}
.main_section02 .lat_box:nth-child(3) .lat_wrap li a:hover span {background:#fff7e4; font-weight: 400;}
.main_section02 .lat_box:nth-child(3) > a {display: block; font-size: 1.125rem; font-weight: 400; color:#000; text-align: center; border:1px solid #d2d2d2; padding:6px 0; border-radius:10px; margin-top:30px;}
.main_section02 .lat_box:nth-child(3) > a:hover {background:#fff7e4;}

.main_section03 {background:#fff8f6; padding:50px 0}
.main_section03 .con {display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_section03 .con > .lat_box {width: 32%;}
.main_section03 .con > .lat_box:first-child .lat_wrap {display: none; /*border-top:1px solid #d2d2d2;*/}
.main_section03 .con > .lat_box:first-child .lat_wrap li {display: flex; justify-content: space-between; padding:20px 0;}
.main_section03 .con > .lat_box:first-child .lat_wrap li:not(:last-child){border-bottom:1px solid #d2d2d2;}
.main_section03 .con > .lat_box:first-child .lat_wrap li .img_box {width: 45%; text-align: center;}
.main_section03 .con > .lat_box:first-child .lat_wrap li .img_box img {max-width: 100%; /*max-height: 124px;*/}
.main_section03 .con > .lat_box:first-child .lat_wrap li .txt_box {width: 46%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; color:#666; font-size: 1.0625rem; word-break: keep-all;}
.main_section03 .con > .lat_box:first-child .lat_wrap li .txt_box b {display: block; font-size: 1.125rem;}
.main_section03 .con > .lat_box:first-child .lat_wrap li .txt_box a {display: inline-block; color:#000; border:1px solid #d2d2d2; border-radius: 20px; padding:5px 12px;}
.main_section03 .con > .lat_box:first-child .lat_wrap:nth-last-child(2) li .txt_box a {width: 100%; color:#fff; background:#f76030; border:none; border-radius:5px; padding:0 0 2px; text-align: center;}
.main_section03 .con > .lat_box:first-child .lat_wrap:nth-last-child(2) .next_lat {position:relative; padding-left: 10px;}
.main_section03 .con > .lat_box:first-child .lat_wrap:nth-last-child(2) .next_lat::before {content:""; display: block; width: 2px; height: 2px; background:#666; border-radius:100%; position:absolute; top:12px; left:0;}
.main_section03 .con > .lat_box:first-child .lat_wrap:nth-last-child(2) .next_lat a {font-weight: 500; color:#666;}
.main_section03 .con > .lat_box:first-child .lat_wrap:last-child li .img_box {width: 0%;}
.main_section03 .con > .lat_box:first-child .lat_wrap:last-child li .txt_box {width: 100%; flex-direction: row; align-items: center;}
.main_section03 .con > .lat_box:first-child .lat_wrap:last-child li .txt_box b {width: calc(100% - 105px); font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_section03 .con > .lat_box:first-child .lat_wrap:nth-last-child(2) .next_lat a:hover {text-decoration: underline;}
.main_section03 .con > .lat_box:first-child .lat_wrap:last-child li .txt_box a:hover {background:#fff7e4}

.main_section03 .lat_col {width: 32%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
/*.main_section03 .lat_col .lat_box > span {display: block; border-bottom:1px solid #d2d2d2; position:relative;}
.main_section03 .lat_col .lat_box > span::after {content:""; display: block; width: 100px; height: 1px; background:#ed5b30; position:absolute; bottom:-1px;}*/
.main_section03 .lat_col .lat_box:last-child {margin-top:6%;}
.main_section03 .lat_col .lat_wrap {display: flex; align-items: center; height: 40px; position:relative; border:1px solid #d2d2d2; border-right:none; border-radius: 5px; margin-top:20px;}
.main_section03 .lat_col .lat_wrap select {width: 26%; height: 100%; font-size: 1.0625rem; color:#666; padding:0 12px; border:none; border-radius: 5px; background:#fff}
.main_section03 .lat_col .lat_wrap input[type="text"] {width: calc(74% - 49px); height: 100%; font-size: 1.0625rem; padding:0 8px; border:none; margin-left:12px; border-radius: 5px;}
.main_section03 .lat_col .lat_wrap button[type="submit"] {position:absolute; width: 40px; height: calc(100% + 2px); font-size: 1.5rem; right:0; color:#e95a2f; border:1px solid #e95a2f; background:#fff; border-radius: 5px;}
.main_section03 .lat_col .lat_wrap button[type="submit"]:hover {background:#e95a2f; color:#fff;}
.main_section03 .lat_col .stick {width: 1px; height: 50%; background:#d2d2d2; position:absolute; left:calc(26% + 6px);}

.main_section03 .con > .lat_box:last-child {background:#f8f8ff;}
.main_section03 .con > .lat_box:last-child .lat_wrap {margin-top:20px;}
.main_section03 .con > .lat_box:last-child .lat_wrap li {display: flex; justify-content: space-between; align-items: center; font-size: 1.125rem; color:#000; background:#fff; padding:12px 20px; box-shadow: 0 4px 8px 0px rgb(0 0 0 / 10%); border-radius: 5px;}
.main_section03 .con > .lat_box:last-child .lat_wrap li:not(:last-child) {margin-bottom:20px;}
.main_section03 .con > .lat_box:last-child .lat_wrap li a {border:1px solid #d2d2d2; padding:8px 35px; border-radius: 10px;}
.main_section03 .con > .lat_box:last-child .lat_wrap li a:hover {background:#fff7e4}
.main_section03 .con > .lat_box:last-child .lat_top > a {width: unset; height: unset; font-family: "Noto Sans KR" !important; font-size: 1.125rem; border-radius: 10px; padding:7px 10px;}

.main_section04 {padding:50px 0;}
.main_section04 .con {display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_section04 .cont_box {width: 48%; padding:30px;}
.main_section04 .cont_box .cont_top {display: flex; justify-content: space-between; align-items: center;}
.main_section04 .cont_box .cont_top .left_box p {font-family: "Noto Sans KR" !important; font-size: 1.75rem; font-weight: 300; color:#000;}
.main_section04 .cont_box .cont_top .left_box p b {font-family: "Noto Sans KR" !important; font-weight: 500;}
.main_section04 .cont_box .cont_top .left_box span {display: block; font-size: 0.75rem; font-weight: 300; letter-spacing: 0.2em; color: #666; padding: 8px 0; position: relative;}

.main_section04 .cont_box:first-child .cont_top .right_box ul {display: flex; justify-content: flex-end; margin-bottom:5px;}
.main_section04 .cont_box:first-child .cont_top .right_box ul li:not(:last-child) {margin-right:8px;}
.main_section04 .cont_box:first-child .cont_top .right_box span {font-size: 0.875rem; color:#969696;}
.main_section04 .cont_box:first-child .cont_wrap {display: flex; justify-content: space-between; margin-top:50px;}
.main_section04 .cont_box:first-child .cont_wrap li {width: 48%; text-align: center;}
.main_section04 .cont_box:first-child .cont_wrap li img {max-width: 100%;}

.main_section04 .cont_box:last-child {box-shadow: 0 4px 8px 0px rgb(0 0 0 / 10%); border-radius: 10px;}
.main_section04 .cont_box:last-child .cal_select {display: flex; align-items: center; padding-top:0px; text-align: right; }
.main_section04 .cont_box:last-child .cal_select .cal_arrow { font-size: 13px; padding: 15px; border: 1px solid #000; display: inline-block; line-height: 0;}
.main_section04 .cont_box:last-child .cal_select .cal_month { font-size: 21px; color: #d7341f; margin:0 30px; display: inline-block; vertical-align: top; font-weight: 700;}
.main_section04 .cont_box:last-child .cal { width: 100%; text-align: center; padding: 10px 0; margin-top:30px;}
.main_section04 .cont_box:last-child .cal caption {caption-side: bottom; margin-top:10px;}
.main_section04 .cont_box:last-child .cal caption ul {display: flex; justify-content: flex-start; align-items: center;}
.main_section04 .cont_box:last-child .cal caption li {display: flex; align-items: center; position:relative; font-size: 0.9375rem; font-weight: 400; color:#969696;}
.main_section04 .cont_box:last-child .cal caption li:not(:last-child){margin-right:20px;}
.main_section04 .cont_box:last-child .cal caption li::before {content:""; display: inline-block; width: 12px; height: 12px; border-radius: 100%; margin-right:5px;}
.main_section04 .cont_box:last-child .cal caption li:nth-child(1)::before {background:#d7341f}
.main_section04 .cont_box:last-child .cal caption li:nth-child(2)::before {background:#fa8d00}
.main_section04 .cont_box:last-child .cal caption li:nth-child(3)::before {background:#20ad34}
.main_section04 .cont_box:last-child .cal caption li:nth-child(4)::before {background:#d2d2d2}
.main_section04 .cont_box:last-child .cal th {font-size: 13px; font-weight: 700; width: calc(100% / 7); color: #969696; line-height: 27px; border-top: 1px solid #6b6b6b; border-bottom: 1px solid #6b6b6b; }
.main_section04 .cont_box:last-child .cal td {text-align:left; vertical-align: top; font-size: 13px; font-weight: 700; height:45px; line-height: 1.5em; border-bottom: 1px solid #6b6b6b; color:#454545; position: relative; padding:4px;}
.main_section04 .cont_box:last-child .cal td.today { color: #fff; background: slategray; }
.main_section04 .cont_box:last-child .cal td.othermonth { color: #c5c5c5;}
.main_section04 .cont_box:last-child .cal td.in_schedule::before { position: absolute; left: 5px; top: 50%; content: ""; width:12px; height:12px; border-radius: 100%; background: #d7341f; transform:translateY(-50%)}
.main_section04 .cont_box:last-child .cal td.out_schedule::before { position: absolute; left: 5px; top: 50%; content: ""; width:12px; height:12px; border-radius: 100%; background: #fa8d00; transform:translateY(-50%)}
.main_section04 .cont_box:last-child .cal td a {display:inline-block; width:100%; height:100%;}
.main_section04 .cont_box:last-child span.info { font-size:15px; color: #969696; padding-right: 15px;}
.main_section04 .cont_box:last-child .info.in_schedule::before { margin-right: 5px; content: ""; width:12px; height:12px; border-radius: 100%; background: #d7341f;}
.main_section04 .cont_box:last-child .info.out_schedule::before { margin-right: 5px; content: ""; width:12px; height:12px; border-radius: 100%; background: #fa8d00;}
.main_section04 .cont_box:last-child .schedule { padding-top: 20px;}
.main_section04 .cont_box:last-child .schedule li { }
.main_section04 .cont_box:last-child .schedule li a { color: #969696; font-size:15px;}
.main_section04 .cont_box:last-child .schedule li a span::after { content: "|"; margin: 0 10px;}
.main_section04 .cont_box:last-child .schedule li a span.in_schedule { color: #d7341f;}
.main_section04 .cont_box:last-child .schedule li a span.out_schedule { color: #fa8d00;}

.main_section04 .cont_box:last-child .schedule_wrap {width: 100%; display: flex; justify-content: center; position:absolute; top:50%; right:-50%; transform:translateY(-50%)}
.main_section04 .cont_box:last-child .schedule_wrap span {width:10px; height:10px; border-radius:100%; margin:0 1.5px;}
.main_section04 .cont_box:last-child .schedule_wrap .schedule1 {background:#d7341f;}
.main_section04 .cont_box:last-child .schedule_wrap .schedule2 {background:#fa8d00;}
.main_section04 .cont_box:last-child .schedule_wrap .schedule3 {background:#20ad34;}
.main_section04 .cont_box:last-child .schedule_wrap .schedule4 {background:#d2d2d2;}

.main_section04 .schedule_list {margin-top:30px;}
.main_section04 .schedule_list li {display: flex; align-items: center; font-size: 0.9375rem;}
.main_section04 .schedule_list li:not(:last-child) {margin-bottom:5px;}
.main_section04 .schedule_list li span {width: 80px; position: relative; margin-right:16px; font-weight: 600; letter-spacing: 0;}
.main_section04 .schedule_list li span.schedule1 {color:#d7341f}
.main_section04 .schedule_list li span.schedule2 {color:#fa8d00}
.main_section04 .schedule_list li span.schedule3 {color:#20ad34}
.main_section04 .schedule_list li span.schedule4 {color:#d2d2d2}
.main_section04 .schedule_list li span::after {content:""; display: block; width: 1px; height: 70%; position: absolute; top:3px; right:-8px; background:#969696;}
.main_section04 .schedule_list li p {color:#969696; letter-spacing: 0; word-break: keep-all;}

.lat_section .lat_box .lat_wrap.active {display: block !important;}

.m_partner {width: 100%; padding:30px 0; border-radius: 10px; margin:0;}
.m_partner .con {display: flex; justify-content: space-between; align-items: center;}
/* .m_partner .m_partner_nav {width: 260px; display: flex; align-items: center;}
.m_partner .m_partner_nav span {font-size: 1.5625rem; font-weight: 500; color:#000;}
.m_partner .m_partner_nav .btn_wrap {display: flex; margin-left:30px;}
.m_partner .m_partner_nav .btn_wrap li {width: unset; height: unset; border:none; margin:0;}
.m_partner .m_partner_nav .btn_wrap li:nth-child(2) {margin:0 20px;}
.m_partner .m_partner_nav .btn_wrap button {font-size: 1rem; color:#000;}
.m_partner .m_partner_nav .btn_wrap button i {font-weight: 900;} */
.m_partner2 .m_partner_nav {width: 260px; display: flex; align-items: center;}
.m_partner2 .m_partner_nav span {font-size: 1.5625rem; font-weight: 500; color:#000;}
.m_partner2 .m_partner_nav .btn_wrap {display: flex; }
.m_partner2 .m_partner_nav .btn_wrap li {width: unset; height: unset; border:none; margin:0;}
.m_partner2 .m_partner_nav .btn_wrap li:nth-child(2) {margin:0 20px;}
.m_partner2 .m_partner_nav .btn_wrap button {font-size: 1rem; color:#000;}
.m_partner2 .m_partner_nav .btn_wrap button i {font-weight: 900;}
.m_partner2 .m_partner_slider {width:100%; margin:0;}
/* .m_partner .m_partner_slider {width: calc(100% - 300px); margin:0;} */
.m_partner .m_partner_slider ul {}
.m_partner .m_partner_slider ul li {width: auto; height: auto; border:none; margin:0;}
.m_partner .m_partner_slider ul li img {max-width: 100%;}

.m_partner2 {padding:50px 0; border-top: 1px solid #d2d2d2;}
.m_partner2 .title {font-size: 1.25rem; font-weight: 500; color: #000;}
.m_partner2 .slider_wrap {position:relative; border:1px solid #d2d2d2; margin-top:30px;}
.m_partner2 .slider_wrap::before {content:""; display: block; width: 450px;height: 2px; background:#000; position:absolute; top:-2px; left:0;}
.m_partner2 .slider_wrap::after {content:""; display: block; width: 10px; height: 10px; background: #000; position: absolute; top: -7px; left:220px; transform: rotate(45deg) skew(10deg, 10deg);}
.m_partner2 .m_partner_slider2 {position:relative; padding:30px 0; background:#fff; overflow:hidden; z-index: 2;}
.m_partner2 .m_partner_slider2 .swiper-wrapper {height: auto;}
.m_partner2 .m_partner_slider2 img {max-width: 100%; max-height: 40px;}

.ft_top {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:15px 0;}
.ft_top ul {display: flex; flex-wrap: wrap; justify-content: center; font-size: 1.0625rem; color:#666; line-height: 1;}
.ft_top ul li:not(:last-child) {border-right:1px solid #666; margin-right:10px; padding-right:10px;}

#ft {padding:40px 0; text-align: center;}
#ft p {font-family: "Noto Sans KR" !important; font-size: 1.0625rem; color:#333; margin:20px 0;}
#ft small {font-family: "Noto Sans KR" !important; font-size: 1.0625rem; color:#999;}

#side_quick {position:fixed; bottom:3%; left:3%; margin-left:calc((100% + 1400px) / 2); border-radius: 10px; text-align: center; transition:bottom 0.25s ease-out; z-index: 100;}
#side_quick ul {width:86px; background:#fff; border-radius: 10px; box-shadow: 0 4px 8px 0px rgb(0 0 0 / 10%);}
#side_quick ul li a {display: block; padding:15px 10px; border-radius: 10px; color:#000;}
#side_quick ul li:first-child a {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(236,227,241,1) 100%);}
#side_quick ul li span {display: block; font-size: 12px; font-weight: 500; margin-top:5px;}
#side_quick .popup_zone {width: 100%; background:#fff; border-radius: 10px; padding:12px 10px; margin-top:20px; box-shadow: 0 4px 8px 0px rgb(0 0 0 / 10%);}
#side_quick .popup_zone b {font-size: 1.125rem; font-weight: 500; color:#000;}
#side_quick .popup_zone button {width: 100%; display: block; font-size: 12px; font-weight: 500; background:#fdf5e3; border-radius: 15px; margin-top:8px; padding:6px 0; box-shadow: inset -8px -8px 8px rgb(0 0 0 / 3%), 1px 1px 5px rgb(51 51 51 / 19%), 4px 4px 21px rgb(255 255 255 / 92%);}
#side_quick .toggle_btn {display: none; width: 100%; position: absolute; top:-28px; left:50%; transform: translateX(-50%); padding: 8px 0; background: #fff; border-radius: 10px 10px 0 0; font-size: 14px; box-shadow: -2px 2px 8px 0px rgb(0 0 0 / 10%), inset -4px 4px 9px 0px rgb(0 0 0 / 10%);}
#side_quick .toggle_btn i {font-weight: 900;}
/* #side_quick .go_up {width: 50px; height: 50px; display: block; font-size: 22px; background:#fff; border-radius:100%; box-shadow: 4px 4px 10px rgb(0 0 0 / 18%); margin:20px auto 0;}
#side_quick .go_up:hover {background:#f76030; color:#fff;} */
#side_quick.no_pop {/*top:45%;*/ margin-bottom:70px;}
#side_quick.no_pop ul {/*height: calc(95.19px * 5);*/ overflow: hidden; transition:height 0.25s ease-out;}
.go_up {width: 50px; height: 50px; display: block; font-size: 22px; background:#fff; border-radius:100%; box-shadow: 4px 4px 10px rgb(0 0 0 / 18%); position:fixed; bottom: 3%; left: 4%; margin-left: calc((100% + 1400px) / 2);}
.go_up:hover {background:#f76030; color:#fff;}

@media all and (max-width:1700px){
    #side_quick {position:fixed; left:unset !important; right:10px; bottom: -575px; transform:none; margin-left:unset;}
    #side_quick.no_pop {/*bottom:-437px;*/ bottom:0; margin-bottom: 10px;}
    #side_quick.no_pop ul {height:0px;}
    #side_quick.no_pop.active ul {height: calc(95.19px * 5);}
    #side_quick.active {bottom:10px;}
    #side_quick .toggle_btn {display: block;}
    .go_up {left:unset; right:25px; margin-left:unset; margin-bottom: 30px;}

    .pop_slide_wrap {max-height: 70%; top:unset; bottom:3.5%; left:3.5%;}
}

@media all and (max-width:1400px){
    html {font-size: 15px;}

    .con {max-width: 90%;}
    
    #Navi_wrap #Navi ul.gnb > li .depth_wrap .con .depth02 > li > a.fix_smaller {font-size: 0.875rem;}

    .main_section02 .lat_box:first-child .title span br {display: block;}
    .main_section02 .lat_box:first-child .link_box a {width: 75px;}

    .main_section03 .con > .lat_box:last-child .lat_wrap li a {padding:6px 15px;}
}

@media all and (max-width:1280px){

    /*#Header #Topmenu .m_btn {display: flex;}*/
    #Header .top_left .link_box {margin-left:20px}
    #Header .top_left .link_box li:not(:last-child)::after {margin:0 8px;}
    #Header #Topmenu .Topmenu li:not(:last-child)::after {margin:0 8px;}
    #Header #Topmenu .Search {margin:0 12px;}

    #M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info a {padding:5px 7px}
}

/* PC???????????? ????????????????????????? ???????????? ?????????????????? */
@media all and (min-width:1181px){
    html.lock {overflow: auto;}
    .mobile_screen {display: none !important;}
}

@media all and (max-width:1180px){
    
    #fix_wrap {margin-top:56px;}

    #Header {width:100%; padding:12px 0; position:fixed; top:0; left:0; z-index: 998;}
    #Header .top_left {width: 100%; justify-content: space-between; align-items: center;}
    #Header h1 {margin-left:2.5%}
    #Header h1 img {height: 31px;}
    #Header .top_left .link_box {display: none;}
    #Header .top_left .m_btn {display: flex;}
    #Header .m_search {display: block;}
    #Header #Topmenu {width: 100%; display: none; position:absolute; top:56px; background:#fff; padding:10px 0; border-bottom:1px solid #d2d2d2; z-index: 9998;}
    #Header #Topmenu.active {display: flex}
    #Header #Topmenu .Search {float:none; width: 90%; margin:0 auto;}
    #Header #Topmenu .Search li:first-child {width: 100%; height: 40px;}
    #Header #Topmenu .Search li input {width: calc(100% - 4px); height: 36px;}
    #Header #Topmenu .Search li button {font-size: 22px;}
    #Header #Topmenu .Topmenu,
    #Header #Topmenu .music_btn,
    #Navi_wrap #Navi {display: none;}

    #M_visual .con .main_box:first-child {width: 100%;}
    #M_visual .Visual {height: 360px;}
    #M_visual .con .main_box #M_Loginbox {height: auto; padding:0;}
    #M_visual .con .main_box #M_Loginbox .M_LOGIN {padding:30px;}
    #M_visual .con .main_box #M_Loginbox .M_LOGIN .menu a {padding:8px 0;}
    #M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput input {width: calc(100% - 130px); height: 35px;}
    #M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput button {width: 120px; height: 75px;}
    #M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo {padding-top:15px;}
    #M_visual .con .main_box #M_Loginbox .M_LOGOUT .LOGOUTinfo .logout_info p b {/*max-width: 42%;*/}
    #M_visual .con .main_box .quick_qf {height: auto;}
    #M_visual .con .main_box .quick_qf li a {}
    #M_visual .con .main_box:last-child {width: 100%;}

    .mobile_screen {height: calc(100% - 55px); top:55px;}
    .mobile_screen .inner .depth01_wrap .depth01 li {padding:20px 0;}
    /*.mobile_screen .inner .depth01_wrap .depth01 li {width: calc(100% - 30px);}*/
    
    .main_section01 .lat_box {width: 100%;}
    .main_section01 .lat_box:first-child{margin-bottom:30px;}

    .main_section02 .lat_box {width: 100%;}
    .main_section02 .lat_box:not(:last-child) {margin-bottom:30px;}
    .main_section02 .lat_box:first-child .title span br {display: none;}
    
    .main_section03 .con > .lat_box:first-child {width: 48%;}
    .main_section03 .lat_col {width: 48%;}
    .main_section03 .con > .lat_box:last-child {width: 100%; margin-top:30px;}

    .main_section04 .con {flex-direction: column-reverse;}
    .main_section04 .cont_box {width: 100%;}
    .main_section04 .cont_box:first-child {margin-top:30px;}
    .main_section04 .cont_box:last-child .cal td {height: 45px;}
}

@media all and (max-width:780px){
	body, table, th, td, input, select, textarea, div, a, p, span, strong, b, i, ul, ol, li, button { font-size:13px;}
	
	
	#Header #Topmenu .Topmenu li a {font-size:13px;}
    html {font-size: 13px;}

    #fix_wrap {margin-top:55px;}

    #Header h1 img {height: 22px;}
    #Header #Topmenu {top:55px;}

    #M_visual {padding-bottom: 123px;}
    #M_visual .Visual {height: 220px;}
    #M_visual .con .main_box #M_Loginbox .M_LOGIN {padding:20px;}
    #M_visual .con .main_box:last-child {margin-top:30px;}
    #M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput input {width: calc(100% - 90px); height: 30px;}
    #M_visual .con .main_box #M_Loginbox .M_LOGIN .logininput button {width: 80px; height: 65px;}
    .quick_menu ul li {flex:none; width: 33.33%; padding:18px 0;}
    .quick_menu ul li a .img_box {height: 41px; display: flex; justify-content: center; align-items: center;}
    #M_visual .con .main_box .quick_qf li a {}

    .main_section01 {padding-top:123px;}
    .main_section01 .lat_box:first-child .lat_top .tab_list {font-size: 1.125rem;}
    .main_section01 .lat_box:first-child .lat_top .tab_list li:not(:last-child)::after {margin:3px;}
    .main_section01 .lat_box:nth-child(2) .lat_wrap li a p {width: calc(90% - 30px);}
    .main_section01 .lat_box:nth-child(2) .lat_wrap li a i {width: 55px; height: 30px;}

    .main_section03 .con > .lat_box:first-child {width: 100%;}
    .main_section03 .lat_col {width: 100%; margin-top:30px;}

    .main_section04 .cont_box .cont_top {flex-direction: column;}
    .main_section04 .cont_box .cont_top .left_box {text-align: center;}
    .main_section04 .cont_box:first-child .right_box {margin-top:15px;}
    .main_section04 .cont_box:last-child .right_box {width: 100%;  margin-top:30px}
    .main_section04 .cont_box:last-child .cal_select {width: 100%; justify-content: space-between;}
    .main_section04 .cont_box:last-child .cal_select .cal_arrow {padding:12px;}
    .main_section04 .cont_box:last-child .cal_select .cal_month {margin:0;}
    .main_section04 .cont_box:last-child .cal caption ul {flex-wrap: wrap;}
    .main_section04 .cont_box:last-child .cal caption li {width: 50%; margin:2px 0;}
    .main_section04 .cont_box:last-child .cal caption li:not(:last-child) {margin-right:0;}
    .main_section04 .cont_box:last-child .schedule_wrap {top:unset; right:unset; transform:none; left:0; bottom:3px;}
    .main_section04 .cont_box:last-child .schedule_wrap span {width: 8px; height: 8px;}
    .main_section04 .schedule_list li {flex-direction: column; align-items: flex-start;}
    .main_section04 .schedule_list li span {width: auto; margin-right: 0;}
    .main_section04 .schedule_list li span::after {display: none;}

    .lat_section .lat_box .lat_top > a {width: 25px; height: 25px;}
    .lat_section .lat_box .lat_top .tab_list li:not(:last-child)::after {margin:5px 6px;}

    .m_partner .con {flex-direction: column;}
    .m_partner .m_partner_nav {width: 100%; justify-content: space-between;}
    .m_partner .m_partner_slider {width: 100%; margin-top:20px;}

    .m_partner2 .slider_wrap::before {width: 100%;}
    .m_partner2 .slider_wrap::after {left:25%;}
    
    .ft_top ul {max-width:300px; margin:0 auto;}
    .ft_top ul li {margin:3px 10px 3px 0;}
    .ft_top ul li:nth-child(2) {margin-right:0; padding-right:0; border-right:0;}
    .ft_top ul li:last-child{margin-right: 0;}
    #ft .flogo img {width:180px;}
}

@media all and (max-width:500px){
    .lat_section .lat_box .lat_top .tab_list {width: calc(100% - 30px);}
    .lat_section .lat_box .lat_top > .more_tab a {width: 28px; height: 28px; font-size: 1.4rem; margin-bottom: 5px;}
    .lat_section .lat_box .lat_top .tab_list li {flex:1;}
    .lat_section .lat_box .lat_top .tab_list li a {padding:5px 0; text-align: center;}
    .main_section01 .lat_box:first-child .lat_top .tab_list {font-size: 1rem;}
}