@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

* {margin:0; padding:0; box-sizing:border-box; transition: none;}
html {font-size: 16px;}
body {font-family: "Pretendard", sans-serif; letter-spacing: -0.05em; line-height: normal;}
ul, ol, li {list-style: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: normal;}
a:link, a:visited {text-decoration: none; color:inherit;}

.tf {font-family: "GmarketSans";}
.title_wrap span {display: block; font-size: 2.1875rem; font-weight: 300; letter-spacing: -0.05em; line-height: 1.14;}
.title_wrap span b {font-weight: 500;}
.title_wrap p {font-size: 1rem; margin-top:15px; letter-spacing: -0.05em; line-height: 1.43;}
.ca_1d {float:left; }
.ca_1d img {width:100%;}
#sct_hhtml {clear:both; float:left; width:100%; height:auto; }
#main_box {width: 78.125%; max-width:calc(100% - 380px); height: 100vh; overflow: auto; word-break: keep-all;}
#main_box .con {margin:0 60px;}
#main_box > .con {margin-top:50px;}
#main_box #header {position:relative; z-index: 997;}
#main_box #header .depth01_wrap {clear: both; background:/*#e9f0f4*/ #c9e1ef; font-size: 1.25rem; color:#2f4d68; text-align: center; padding-top:18px;}
#main_box #header .depth01_wrap .swiper-wrapper {align-items: flex-end;}
#main_box #header .depth01_wrap .depth01_slide {position:relative; overflow: hidden;}
#main_box #header .depth01_wrap .depth01_slide .depth01 {display: flex; flex-wrap: wrap; /*white-space: nowrap; overflow: auto;*/ margin-bottom: 0;}
#main_box #header .depth01_wrap .depth01_slide .depth01 li {width: 16%; min-height:75px; /*border-radius: 10px 10px 0 0;*/ border:1px solid rgb(47 77 104 / 33%); margin-bottom: 0.8%;}

#main_box #header .depth01_wrap .depth01_slide .depth01 li:not(:nth-child(6n)) {margin-right: 0.8%;}
#main_box #header .depth01_wrap .depth01_slide .depth01 li:hover,
#main_box #header .depth01_wrap .depth01_slide .depth01 li.on {background: #fff; font-weight: 700; border-color: #fff;}
#main_box #header .depth01_wrap .depth01_slide .depth01 li a {height: 100%; display: flex; justify-content: center; align-items: center; padding:12px;}

#main_box #header .depth02_wrap {background:#fff; font-size: 1rem; text-align: center; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top:-1px;}
#main_box #header .depth02_wrap .swiper-wrapper {align-items: center;}
#main_box #header .depth02_wrap > div[class^="depth02_slide"] {display: none; overflow: hidden;}
#main_box #header .depth02_wrap > div[class^="depth02_slide"].on {display: block;}
#main_box #header .depth02_wrap > div[class^="depth02_slide"] li {padding:25px 0;}

#main_box #header .top { padding:80px 20px 40px; position:relative;}
#main_box #header .top .hlogo {margin:0 auto; text-align: center; }
#main_box #header .top .hlogo img {max-width: 100%;}
#main_box #header .top .hd_quick {display: flex; justify-content: center; margin:20px 0 0;}
#main_box #header .top .hd_quick li:first-child {margin-right: 20px;}
#main_box #header .top .hd_quick li a {background: #363c48; font-size: 1.5625rem; color:#fff; padding:8px 22px 4px; border-radius: 5px;}
#main_box #header .top .ex_link {position:absolute; right:50px; top:50%; transform:translateY(-50%);}
#main_box #header .top .ex_link li:not(:last-child) {margin-bottom:10px;}
#main_box #header .top .ex_link li a {display: block; font-size: 1rem; font-weight: 700; padding:10px 15px; color:#18b0d9; position:relative; border-radius: 5px;}
#main_box #header .top .ex_link li.go_main {text-align: center;}
#main_box #header .top .ex_link li a:hover {color: #2f4d68; background: rgb(119,206,165); background: linear-gradient(90deg, rgba(119,206,165,1) 0%, rgba(14,179,211,1) 100%);}
#main_box #header .top .ex_link li a img {margin-right: 6px;}
#main_box #header .top .ex_link li a::after {content: ""; position: absolute; inset: 0; border-radius: 5px; padding: 1px; background:linear-gradient(45deg,#77cea5,#0eb3d3); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}


#main_box #header .m_wrap {display: flex; flex-direction: row-reverse; align-items: center; position:fixed; top:25px; right:20px; z-index: 10;}
#main_box #header .m_wrap i {display: inline-block;}
#main_box #header .m_hd  {width: 100%; /*height: 50px;*/ display: none; align-items: center; /*background:#e9f0f4;*/}
#main_box #header .m_hd .hlogo {font-size: 18px; font-weight: 600; color: #2f4d68; margin-left: auto; transform:translateX(15%); line-height: 1.15;}
#main_box #header .m_hd .hlogo a {display: block;}
#main_box #header .m_hd .hlogo span {display: block; font-family: "Pretendard"; font-size: 7.5px; font-weight: 400; color: #909090; letter-spacing: 0.625em;}
#main_box #header .m_btn {width: 50px; height: 100%; display: none; background:#2f4d68; font-size: 28px; color:#fff; border:none; margin-left: auto; /*position:fixed;*/ right:20px; z-index: 990;}
#main_box #header .m_info {display: none; margin-right: 20px;}
#main_box #header .m_info a:hover {text-decoration: underline;}

#main01 {position: relative;}
#main01 .main01_slide {height: 484px; position:relative; overflow: hidden;}
#main01 .main01_slide .slide01 {background:url("/img/main01_bg.jpg") right center no-repeat; background-size: cover; border-radius: 20px;}
#main01 .main01_slide .slide02 {background:url("/img/main01_bg2.jpg") right center no-repeat; background-size: cover; border-radius: 20px; box-shadow: inset 0px 0px 0px 300px rgb(0 0 0 / 50%);}
#main01 .main01_slide .slide03 {background:url("/img/main01_bg3.jpg") right center no-repeat; background-size: cover; border-radius: 20px; box-shadow: inset 0px 0px 0px 300px rgb(0 0 0 / 50%);}
#main01 .main01_slide .txt_box {height: 100%; display: flex; align-items: center; margin-left: 5%;}
#main01 .main01_slide .txt_box .txt {margin-left: 30px;}
#main01 .main01_slide .txt_box .txt span {display: block; font-size: 3.5rem; color:#fff; line-height: 1.23; letter-spacing: -0.05em;}
#main01 .main01_slide .txt_box .txt span b {font-weight: 700; color:#5fb6ed;}
#main01 .main01_slide .txt_box .txt p {display: block; font-size: 1.75rem; color:#fff; letter-spacing: -0.05em; margin-top:20px; line-height: 1.34;}
#main01 .main01_slide .slide01 .txt_box .txt span {font-size: 4.0625rem; margin:20px 0;}
#main01 .main01_slide .slide01 .txt_box .txt p {font-size: 1.875rem; font-weight: 600; margin:0;}
#main01 .main01_slide .slide01 .txt_box .txt p b {color:#5fb6ed;}
#main01 .nav_btn {width: 100%; position:absolute; top:50%;font-size: 2.5rem; font-weight: bold; color:#333; z-index: 2;}
#main01 .nav_btn button {width: 50px; background: rgba(255,255,255,0.88); padding:10px 0; border:none; text-align: center; position:absolute;  transform:translateY(-50%);}
#main01 .nav_btn button.prev_btn {left: 0; border-radius: 0 5px 5px 0; padding-right: 5px;}
#main01 .nav_btn button.next_btn {right: 0; border-radius: 5px 0 0 5px; padding-left: 5px;}
#main01 .control_btn {display: flex; position:absolute; left:50%; bottom:2.5%; transform:translateX(-50%); font-size: 12px; color:#333; z-index: 2;}
#main01 .control_btn button {border:1px solid #d2d2d2; border-radius: 3px; background: #f1f1f1; padding:3px 6px;}
#main01 .control_btn button:first-child {margin-right: 5px;}

#main02 {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:50px;}
#main02 > div {width: 48.5%; padding:35px; border-radius: 20px; position:relative; overflow: hidden;}
#main02 > div .title_wrap {height: 100%; display: flex; flex-direction: column; position:relative; z-index: 2;}
#main02 > div .title_wrap a {width: 190px; display: inline-block; font-size: 1.25rem; text-align: center; padding:10px 0; letter-spacing: -0.05em; border-radius: 5px;}
#main02 .main02_box:first-child {background:url("/img/main02_bg01.jpg") no-repeat right center; background-size:cover;}
#main02 .main02_box:first-child .title_wrap {color:#fff;}
#main02 .main02_box:first-child .title_wrap a {background:#fff; font-weight: 700; color:#5fb6ed; margin-top:30px}
#main02 .main02_box:last-child {background:url("/img/main02_bg02.jpg") no-repeat right center; background-size:cover;}
#main02 .main02_box:last-child .title_wrap a {background:#5fb6ed; font-weight: 500; color:#fff; margin-top:auto}

#main03 {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:50px 0; margin-top:50px;}
#main03 ol {display: flex; flex-wrap: wrap;}
#main03 ol > li {width: 32%; border-radius: 10px; padding:30px; margin-bottom: 2%; letter-spacing: -0.05em;}
#main03 ol > li:first-child {background: rgb(119,206,165); background: linear-gradient(90deg, rgba(119,206,165,1) 0%, rgba(14,179,211,1) 100%); color:#fff;}
#main03 ol > li:not(:first-child) {border:1px solid #d2d2d2;}
#main03 ol > li:not(:first-child) .title {display: flex; align-items: center;}
#main03 ol > li:not(:first-child) .title span {display: inline-block; font-size: 1.5625rem; font-weight: 300; color:#999; line-height: 1; margin-left: 10px;}
#main03 ol > li:not(:first-child) .title span b {font-size: 1.75rem; font-weight: 500; color:#000;}
#main03 ol > li:not(:first-child) ul {display: flex; flex-wrap: wrap; margin-top:15px;}
#main03 ol > li:not(:first-child) ul li {font-size: 1rem; color:#666; border:1px solid #d2d2d2; letter-spacing: -0.05em; border-radius: 15px; padding:5px 12px; margin:0 10px 10px 0;}
#main03 ol > li:not(:nth-child(3n)) {margin-right:2%}

#main04 {margin-top:50px;}
#main04 ol {display: flex; flex-wrap: wrap; margin-top:30px;}
#main04 ol li {width: 32%; border:1px solid #d2d2d2; border-radius:10px; padding:20px; font-size: 1rem; font-weight: 500; text-align: center; line-height: 1.4;}
#main04 ol li b {font-weight: 800;}
#main04 ol li:not(:nth-child(3n)) {margin-right:2%;}

#main05 {}
#main05 .video_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin:30px 0;}
#main05 .video {width: 48%;}
#main05 .video-container { position: relative; width: 100%; height: auto; padding-top: 50%;}
#main05 iframe {z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%;}
#main05 > a {font-size: 1.375rem; font-weight:500; text-decoration: underline;}

#main06 {padding:70px 0; border-bottom:1px solid #d2d2d2;}
#main06 > p {font-size: 1.75rem; text-align: center; margin:30px 0;}
#main06 > p b {color:#5fb6ed;}
#main06 .table_wrap {position:relative;}
#main06 .title {max-width: 900px; font-size: 1.75rem; font-weight: 700; color:#fff; background:linear-gradient(90deg, rgba(119,206,165,1) 0%, rgba(14,179,211,1) 100%); margin:0 auto 30px; padding:12px; text-align: center;}
#main06 .title em {font-style: normal; font-size: 1.25rem;}
#main06 table {width: 100%; border-color:#5fb6ed;}
#main06 table th, #main06 table td {padding:10px;}
#main06 table thead th {background:rgba(95, 182, 237, 0.18); text-align: center;}
#main06 table tbody th {background:rgba(119, 206, 165, 0.3); text-align: center;}
#main06 table tbody td b {display: block;}
#main06 > span {display: none; font-size: 1.125rem; font-weight: 500; margin-top:15px; text-align: center;}

#main_ban {background:url("/img/main_ban_bg.jpg") no-repeat center center; background-size:cover; margin-top:50px; padding:25px 0 23px;}
#main_ban .con {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top:0 !important;}
#main_ban .txt p {font-size: 1rem; color:#fff; letter-spacing: -0.05em;}
#main_ban .txt span {display: block; font-size: 1.875rem; font-weight: normal; color:#fff; letter-spacing: -0.05em; line-height: 1.15;}
#main_ban .txt span b {font-weight: 600; color:#5fb6ed;}
#main_ban a {display: inline-block; font-size: 1.25rem; font-weight: 600; color:#5fb6ed; border:1px solid #5fb6ed; padding:8px 25px; border-radius: 5px;}

#side_gnb {width: 21.875%; min-width: 380px; height: 100%; position:fixed; top:0; right:0; word-break: keep-all; z-index: 10; transition: right 0.25s ease-out; z-index: 998;}
#side_gnb .inner {height: 100%; overflow: auto;}
#side_gnb .inner > div {padding:50px; background: #2f333e;}
#side_gnb .top_box {text-align: center;}
#side_gnb .top_box a {display: block;}
#side_gnb .top_box .hlogo {font-size: 1.5625rem; font-weight: 600; color:#fff;}
#side_gnb .top_box span {font-size: 0.59375rem; color:rgba(255,255,255,0.5); letter-spacing: 0.95em;} 
#side_gnb .user_box {border-top:1px solid #fff; border-bottom:1px solid #fff;}
#side_gnb .user_box h2 {font-size: 1.5625rem; font-weight: 400; color:#fff; letter-spacing: -0.05em; line-height: 1.2;}
#side_gnb .user_box h2 b {font-weight: 660; color:#5fb6ed;}
#side_gnb .user_box span {display: block; font-size: 0.875rem; color:#fff; letter-spacing: -0.05em; margin:15px 0 20px;}
#side_gnb .user_box .btn_wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
#side_gnb .user_box .btn_wrap a {width: 47%; font-size: 1rem; font-weight: 600;  text-align: center; padding:12px 0; border-radius:5px;}
#side_gnb .user_box .btn_wrap a:first-child {color:#2f4d68; background:#fff; border:1px solid #fff;}
#side_gnb .user_box .btn_wrap a:nth-child(2),
#side_gnb .user_box .btn_wrap a:nth-child(3) {color:#fff; border:1px solid #fff;}
#side_gnb .user_box .btn_wrap a:nth-child(3) {width: 100%; margin-top:6%;}
#side_gnb .user_box .btn_wrap a.admin_btn {width: 100%; background:#f00; color:#fff; margin-top:6%;}
#side_gnb .side_nav {background:#363c48; padding:50px; height:100%;}
#side_gnb .side_nav .depth01 > li:not(:last-child) {margin-bottom: 10px;}
#side_gnb .side_nav .depth01 > li > a {display: flex; justify-content: space-between; align-items: center; font-size: 1rem; font-weight: 600;  color:#fff; padding:15px; border-radius: 5px; background:rgba(255,255,255,0.2); border-radius:5px;}
#side_gnb .side_nav .depth01 > li.on > a {font-weight: 900; color:#2f4d68; background: rgb(119,206,165); background: linear-gradient(90deg, rgba(119,206,165,1) 0%, rgba(14,179,211,1) 100%);}
#side_gnb .side_nav .depth01 > li > a:hover {background:rgba(255,255,255,0.28);}
#side_gnb .side_nav .depth01 > li.on > a:hover {background: rgb(119,206,165); background: linear-gradient(90deg, rgba(119,206,165,1) 0%, rgba(14,179,211,1) 100%);}
#side_gnb .side_nav .depth01 > li > a > i {font-size: 1.25rem; transform-origin: center;}
#side_gnb .side_nav .depth01 > li.on > a > i {font-weight: 900; transform:rotate(180deg);}
#side_gnb .side_nav .depth01 .depth02 {display: none;}
#side_gnb .side_nav .depth01 > li.on .depth02 {display: block;}
#side_gnb .side_nav .depth01 .depth02 li a {display: block; font-size: 1rem; letter-spacing: -0.05em; color:#fff; padding:10px 15px; position:relative;}
#side_gnb .side_nav .depth01 .depth02 li.on a,
#side_gnb .side_nav .depth01 .depth02 li a:hover {font-weight: 900; background: -webkit-linear-gradient(45deg,#77cea5,#0eb3d3); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#side_gnb .side_nav .depth01 .depth02 li.on a::after,
#side_gnb .side_nav .depth01 .depth02 li a:hover::after {content: ""; position: absolute; inset: 0; border-radius: 5px; padding: 1px; background:linear-gradient(45deg,#77cea5,#0eb3d3); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}

#side_gnb .side_nav .ex_link1 {margin-top:70px; display:none;}
#side_gnb .side_nav .ex_link1 li:not(:last-child) {margin-bottom:10px;}
#side_gnb .side_nav .ex_link1 li a {display: block; font-size: 1rem; font-weight: 700; padding:10px 15px; color:#18b0d9; position:relative; border-radius: 5px;}
#side_gnb .side_nav .ex_link1 li a:hover {color: #2f4d68; background: rgb(119,206,165); background: linear-gradient(90deg, rgba(119,206,165,1) 0%, rgba(14,179,211,1) 100%);}
#side_gnb .side_nav .ex_link1 li a img {margin-right: 12px;}
#side_gnb .side_nav .ex_link1 li a::after {content: ""; position: absolute; inset: 0; border-radius: 5px; padding: 1px; background:linear-gradient(45deg,#77cea5,#0eb3d3); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}



#side_gnb .close_btn {width: 42px; height: 42px; display: none; position:absolute; top:0; left:-42px; font-size: 1.375rem; color:#fff; background:#d30808; border:none;}

#ft {padding:30px 0;}
#ft p {font-size: 0.875rem; color:#666; letter-spacing: -0.05em; line-height: 1.43; text-align: center;}
#ft .go_family {display: block; margin-top:15px; margin-left: auto; font-family: "Pretendard"; font-size: 0.875rem; padding:3px;}

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

    /* #main_box #header {width: 100%; position: fixed; top:0; left:0;} */

    #main_box {width: 100%; max-width: 100%; overflow: unset; /*margin-top:132px;*/}
    #main_box > .con {padding-top:1px;}
    #main_box #header .depth01_wrap {padding-top:9px;}
    #main_box #header .m_hd {display: flex; /*height: 60px;*/ position:fixed; top:20px; right:0;}
    #main_box #header .m_hd .hlogo {display: none;}
    #main_box #header .m_btn {width: 50px; height: 50px; display: block;}
    #main_box #header .top .hlogo {display: block; margin:0 auto; transform:translateX(0%)}
    

    #side_gnb {width: 100%; max-width:380px; min-width: unset; right:-422px;}
    #side_gnb.on {right:0;}
    #side_gnb .close_btn {display: block;}
}

@media all and (max-width:1280px){
	#main_box #header .top .ex_link {clear:both; display: flex; flex-wrap: wrap; justify-content: space-between; position:relative; width:520px; height:auto; right:0px; top:0px; margin:15px auto; overflow: hidden; transform:none;}
	#main_box #header .top .ex_link li{float:left; width: 48%; text-align: center;}
    #main_box #header .top .ex_link li.go_main {width: 100%;}
	
	.ca_1d {float:left; width:100%; }
	.ca_1d img { width:100%; }
    /* #main_box {margin-top:116px;} */
    #main_box #header .depth01_wrap {font-size: 1rem;}
    #main_box #header .depth01_wrap .depth01_slide {margin:0 50px;}
    /* #main_box #header .m_hd {height: 53px;}
    #main_box #header .m_hd .m_btn {width: 53px;} */
    #main_box #header .depth02_wrap > div[class^="depth02_slide"] li {padding:20px 0;}

    #main01 .main01_slide {height: 420px;}
    /*#main01 .main01_slide .slide01 {background-position:30% 0}*/
}

@media all and (max-width:1024px){
    #main_box #header .top .hlogo img {/*width: 235px;*/ width:330px;}
    #main_box #header .top .hd_quick li a {font-size: 1.375rem;}

    #main_box #header .depth01_wrap .depth01_slide {max-width: 90%; margin:0 auto;}
    #main_box #header .depth01_wrap .depth01_slide .depth01 li {width: 24%; margin-bottom: 1.333%;}
    #main_box #header .depth01_wrap .depth01_slide .depth01 li:not(:nth-child(6n)) {margin-right: 0;}
    #main_box #header .depth01_wrap .depth01_slide .depth01 li:not(:nth-child(4n)) {margin-right: 1.333%;}

    #main_box > .con,
    #main_box .con {max-width:90%; margin:70px auto 0;}

    #main01 .main01_slide {height: 350px;}
    #main01 .main01_slide .txt_box .txt span {font-size: 2.5rem;}
    #main01 .main01_slide .txt_box .txt p {font-size: 1.5rem;}
    #main01 .main01_slide .slide01 .txt_box .txt span {font-size: 2.5rem;}
    #main01 .main01_slide .slide01 .txt_box .txt p {font-size: 1.5rem;}
}

@media all and (max-width:950px){
    #main01 .main01_slide {height: 450px;}
    #main01 .main01_slide .slide01 {background-position:left 0;}
    #main01 .main01_slide .txt_box,
    #main01 .main01_slide .slide01 .txt_box {width: 90%; margin:0 auto; flex-direction: column; justify-content: center; text-align: center;}
    #main01 .main01_slide .txt_box .txt,
    #main01 .main01_slide .slide01 .txt_box .txt {max-width: 575px; margin:30px auto 0;}
    #main01 .main01_slide .txt_box .txt span br {display: none;}
    #main01 .main01_slide li:not(.slide01) .txt_box .txt p {text-align: left;}

    #main02 > div {width: 100%;}
    #main02 > div:not(:last-child) {margin-bottom: 30px;}
    #main02 .main02_box:last-child .title_wrap a {margin-top:30px;}

    #main03 ol {justify-content: space-between;}
    #main03 ol > li {width: 49%;}
    #main03 ol > li:first-child {width: 100%;}
    #main03 ol > li:not(:nth-child(3n)) {margin-right: 0;}

    #main05 .video {width: 100%;}
    #main05 .video:first-child {margin-bottom: 30px;}

    #main_ban .con {flex-direction: column; text-align: center;}
    #main_ban .con a {margin-top:20px;}
}

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

    .title_wrap span {font-size: 1.75rem;}

    /* #main_box {margin-top:55px;} */
    /* #main_box #header .m_hd {height: 55px; position:relative; display: flex;}
    #main_box #header .m_hd .hlogo {display: block;} */
    #main_box #header .top {padding:20px 12px; padding-top:1.5cm;}
    #main_box #header .m_wrap {flex-direction: column;}
    #main_box #header .m_wrap .m_info {margin-right: 0px;}
    #main_box #header .m_wrap .m_info i {transform:rotate(-90deg);}
    #main_box #header .m_btn {width: 38px; height: 38px; right:10px; font-size: 24px;}
    
    /* #main_box #header .depth01_wrap,
    #main_box #header .depth02_wrap {display: none;} */
    #main_box #header .top .hlogo {}
    #main_box #header .depth01_wrap .depth01_slide .depth01 {justify-content: space-between;}
    #main_box #header .depth01_wrap .depth01_slide .depth01 li {width: 49%; margin-bottom: 2%;}
    #main_box #header .depth01_wrap .depth01_slide .depth01 li:not(:nth-child(4n)) {margin-right: 0;}

    #side_gnb .inner > div {padding:50px 40px;}
    #side_gnb .close_btn {left:unset; right: 0;}
    #side_gnb .side_nav {padding:50px 40px;}

    #main01 .main01_slide {height: 430px;}
    #main01 .txt_box img {height: 155px;}
    #main01 .main01_slide .txt_box .txt span,
    #main01 .main01_slide .slide01 .txt_box .txt span {font-size: 2.0625rem;}
    #main01 .main01_slide .txt_box .txt p,
    #main01 .main01_slide .slide01 .txt_box .txt p {font-size: 1.0625rem; line-height: 1.67;}
    #main01 .main01_slide .slide02 {background:url("/img/main01_bg2_m.jpg") no-repeat center 35%;}
    #main01 .main01_slide .slide03 {background-position:70% center;}


    #main02 > div::after {content:""; display: block; width: 100%; height: 100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.08);}
    #main02 > div:last-child::after {background:rgba(255,255,255,0.24)}
    #main02 > div .title_wrap {text-align: center; align-items: center;}
    #main02 > div .title_wrap br {display: none;}

    #main03 ol > li {width: 100%;}
    #main03 ol > li:first-child {text-align: center;}
    #main03 ol > li:not(:last-child) {margin-bottom:20px;}

    #main04 .title_wrap {text-align: center;}
    #main04 .title_wrap span b {display: block;}
    #main04 ol li {width: 100%;}
    #main04 ol li:not(:last-child) {margin-bottom:15px;}

    #main06 {padding:50px 0;}
    #main06 .title_wrap {text-align: center;}
    #main06 > p {text-align: center;}
    #main06 > p b {display: block;}
    #main06 .table_wrap {overflow: auto;}
    #main06 .title em {display: block;}
    #main06 table {width: 250%;}
    #main06 > span {display: block;}

    #main_ban {padding:30px 0;}
    #main_ban .txt span {font-size: 1.625rem; margin-top:20px;}
}

@media all and (max-width:680px){
	
	#main_box #header .top .ex_link {display:none; }
	#side_gnb .side_nav .ex_link1 {display:block; }
	
	
	
    #main_box #header .top {padding:20px 12px;}
    #main_box #header .top .hlogo {transform:translateX(0%);}
    #main_box #header .top .hlogo img {/*width: 170px;*/ width: 180px;}
    #main_box #header .top .hd_quick {display: none; margin-top:12px;}
    #main_box #header .top .hd_quick li:first-child {margin-right: 5px;}
    #main_box #header .top .hd_quick li a {font-size: 0.8rem; padding:8px 8px 4px}
    #main_box #header .m_wrap {top:12px}

    #main01 {padding-bottom: 15px;}
    #main01 .nav_btn {font-size: 2rem; top:100%;}
    #main01 .nav_btn button {width: 30px; padding:2px 0; transform: none; background: #f1f1f1; border:1px solid #d2d2d2;}
    #main01 .nav_btn button.prev_btn {border-radius: 5px;}
    #main01 .nav_btn button.next_btn {border-radius: 5px;}
    #main01 .control_btn {bottom:unset; top:100%; transform:translate(-50%,50%)}
    
    #main02 {margin-top:60px;}
}