@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

br {opacity: 0;}
#new_wrap {position: relative; width: 100%; height: 100%; max-width: 1920px; margin: 0 auto;}

/* 퀵메뉴 */

#quick_menu {position: fixed; bottom: 100px; right: 25px; z-index: 2500;}
#quick_menu ul li + li {margin-top: 10px;}
#quick_menu ul li.quick_menu1 a {background: #3931c0;}
#quick_menu ul li.quick_menu1 a .quick_ic {display: inline-block; width: 25px; height: 29px; background: url("/images/quick_ic.png") center no-repeat; background-size: 100%;}
#quick_menu ul li.quick_menu1 a p {color: #fff; font-size: 12px; font-weight: 600; margin-top: 10px;}
#quick_menu ul li.quick_menu2 a {background: #000; color: #fff; padding: 25px 15px;}
#quick_menu ul li.quick_menu2 a i {color: #fff; font-size: 22px;}
#quick_menu ul li a {display: block; padding: 15px; text-align: center; border-radius: 15px;}

.divpop1 {display: none; position: fixed; top: 0; left: 0;  z-index: 5000; width: 100%; max-width: 500px; }
#bns_popup {position: absolute; top: 0; left: 0; width: 100%; max-width: 500px; z-index: 1000; overflow-y: auto;}
#bns_popup img {width: 100%;}
.button_area {display: table; width: 100%; height: 30px; background: #000; text-align: center; font-size: 12px; line-height: 30px; padding: 0 15px;}
.button_area:after {content: ""; display: block; clear: both;}
.button_area input[id="todaycloseyn"] {margin-right: 5px;}
.button_area span {display: table-cell; width: 80%; vertical-align: middle; text-align: left; color: #fff;}
.button_area a {float: right; color: #fff;}

/* 헤더 */

#header {position: absolute; top: 0; left: 0; width: 100%; height: 180px; background: rgba(56,48,178,0.8); z-index: 1000;}
#header:before {content: ""; position: absolute; top: 100px; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.1);}
.head {width: 1400px; height: 100%; margin: 0 auto;}
.head h1 a {display: block; height: 100%;}
.head_tp {display: flex; justify-content:space-between; align-items:center; height: 100px;}
.head_tp .head_btn {width: 35px; height: 23px; background: url("/images/head_btn.png") center no-repeat; background-size: 100%; cursor: pointer;}
.head_tp .lang {position: relative; color: #fff; font-size: 15px; font-weight: 600; cursor: pointer;}
.head_tp .lang .lang_ic {display: inline-block; vertical-align: middle; width: 21px; height: 21px; background: url("/images/lang_ic.png") center no-repeat; background-size: 100%; margin-right: 10px; margin-top: -3px;}
.head_tp .lang .lang_arrow {display: inline-block; vertical-align: middle; width: 9px; height: 6px; background: url("/images/lang_arrow.png") center no-repeat; background-size: 100%; margin-left: 8px;}
.head_tp .lang .lang_arrow.on {transform: rotate(180deg);}
.head_tp .lang ul {display: none; position: absolute; left: 35px; width: 100%; padding-top: 10px; z-index: 500;}
.head_tp .lang ul li + li {margin-top: 5px;}
.head_tp .lang ul li a {display: block; color: #fff; font-size: 15px;}
.gnb {display: flex; justify-content:space-between; align-items:center; height: 80px;}
.gnb > li {position: relative; float: left; height: 100%;}
.gnb > li > a {display: block; color: #fff; font-size: 19px; font-weight: 700; line-height: 80px;}
.gnb > li:hover .gnb_2depth {display: block;}
.gnb_2depth {display: none; position: absolute; left: 0; width: 1200px;}
.gnb_2depth:before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 10000px; height: 70px; background: #fff; z-index: -1;}
.gnb_2depth li {position: relative; float: left; height: 70px;}
.gnb_2depth li a {display: block; color: #5a5959; font-size: 18px; font-weight: 500; line-height: 70px;}
.gnb_2depth li:hover a {color: #483fac;}
.gnb_2depth li + li {margin-left: 40px;}
.gnb_2depth li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 10px; background: #c4c3c4;}


.head_bg {display: none;}
.head_mob_btn {display: none;}

.head_all_bg.on {display: block;}
.head_all_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 995px; background: rgba(0,0,0,0.9); z-index: 2600; }
.head_all_inner {width: 1740px; margin: 0 auto; padding-top: 100px;}
.head_all_inner h1 {text-align: center;}
.head_all_menu {position: relative; margin-top: 140px; }
.head_all_menu:after {content: ""; display: block; clear: both;}
.head_all_menu dl {float: left; width: 25%; padding-left: 90px;}
.head_all_menu dl:nth-child(1) {padding-left: 0;}
.head_all_menu dl:nth-child(5) {padding-left: 0;}
.head_all_menu dl:nth-child(n+5) {margin-top: 110px;}
.head_all_menu dl:hover dt a {color: #7b70ff;}
.head_all_menu dl dt {margin-bottom: 40px;}
.head_all_menu dl dt a {display: block; color: #fff; font-size: 25px; line-height: 35px; font-weight: 700;}
.head_all_menu dl dd + dd {margin-top: 20px;}
.head_all_menu dl dd a {position: relative; display: inline-block; color: #fff; font-size: 18px; line-height: 26px;}
.head_all_menu dl dd:hover a {color: #7b70ff;}
.head_all_menu dl dd:hover a:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #7b70ff;}
.head_all_close {position: absolute; top: 70px; right: 50px; width: 30px; height: 28px; background: url("/images/head_all_close.png") center no-repeat; background-size: 100%; cursor: pointer;}


.head_right {display: flex; align-items: center;}
/* .hdd_link_btn {display: inline-block; vertical-align: middle; height: 40px; border: 1px solid #fff; border-radius: 15px; font-size: 18px; color: #fff;}
.adm_link_btn {color: #fff; font-size: 18px; margin-left: 10px;} */

/* 비주얼 */

.visual {position: relative; height: 890px;}
.vis_list {position: relative; height: 890px;}
.vis_list.bg01 {background: url("/images/vis_img1.jpg") center no-repeat; background-size: cover;}
.vis_list.bg02 {background: url("/images/vis_img1.jpg") center no-repeat; background-size: cover;}
.vis_txt {position: absolute; top: 330px; left: 0; right: 0; max-width: 1400px; width: 100%; margin: auto;}
.vis_txt h2 {color: #fff; font-size: 55px; line-height: 60px; font-weight: 800;}
.vis_txt p {color: #fff; font-size: 25px; line-height: 35px; font-weight: 600; margin-top: 25px;}
.vis_txt a.more {display: inline-block; height: 60px; line-height: 56px; border: 2px solid #fff; border-radius: 15px; color: #fff; font-size: 20px; font-weight: 600; padding: 0 75px; margin-top: 30px;}

/* 섹션 1 */

.section1 {padding-top: 120px; padding-bottom: 50px;}
.inner {width: 1400px; margin: 0 auto;}
.sec1_table {display: table; width: 100%;}
.sec1_txt {display: table-cell; vertical-align: top; width: 17.14%;}
.sec1_txt em {display: block; color: #4f47cf; font-size: 15px; line-height: 23px; font-weight: 800;}
.sec1_txt h2 {color: #010101; font-size: 35px; line-height: 45px; font-weight: 800;}
.sec1_txt .direction {margin-top: 20px;}
.sec1_txt .direction .sec1_arrow {position: relative; display: inline-block; vertical-align: middle; color: #000; font-size: 20px; cursor: pointer;}
.sec1_txt .direction .sec1_arrow.sec1_next {margin-left: 30px;}
.sec1_txt .direction .sec1_arrow.sec1_next:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -15px; width: 1px; height: 15px; background: #000; }
.sec1_slider_wrap {display: table-cell; vertical-align: top; width: 47.85%;}
.sec1_slider {margin: -7px 0;}
.sec1_slider .slick-slide {padding: 7px 0;}
.sec1_list {box-shadow: 0 0 8px rgba(0,0,0,0.15); border-radius: 25px; display: flex !important; padding: 32px 30px; padding-left: 50px;}
.sec1_list dl {text-align: center; }
.sec1_list dl dt {font-family: 'Pretendard'; color: #36348a; font-size: 30px; line-height: 36px; font-weight: 800;}
.sec1_list dl dd {font-family: 'Pretendard'; color: #36348a; font-size: 15px; line-height: 23px; font-weight: 800; letter-spacing: -1px; margin-top: -3px;}
.sec1_list_txt {padding-left: 40px; width: 100%; max-width: 425px;}
.sec1_list_txt h3 {color: #636363; font-size: 20px; font-weight: 700;}
.sec1_list_txt .sec1_content {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; color: #636363; font-size: 20px; font-weight: 300;}
.sec1_list a {font-family: 'Pretendard'; display: inline-block; height: 40px; line-height: 40px; background: #4f47cf; color: #fff; font-size: 16px; font-weight: 800; padding: 0 25px; border-radius: 50px; margin-left: 40px;}
.sec1_txt2 {display: table-cell; vertical-align: top; width: 34.64%; padding-left: 40px;}
.sec1_txt2_inner {display: block; position: relative; padding: 50px 50px 60px; background: url("/images/sec1_txt2_bg.png") center no-repeat; background-size: cover; border-radius: 25px; overflow: hidden; min-height: 395px;}
.sec1_txt2_inner:before {content: ""; position: absolute; bottom: 60px; right: 60px; width: 66px; height: 75px; background: url("/images/sec1_txt2_ic.png") center no-repeat; background-size: 100%;}
.sec1_txt2_inner h2 {color: #fff; font-size: 35px; line-height: 50px; font-weight: 800;}
.sec1_txt2_inner p {color: #fff; font-size: 20px; line-height: 28px; margin-top: 30px;}
.sec1_more_ic {color: #fff; font-size: 20px; margin-top: 50px;}

.sec1_tabnav {width: 100%; margin-top: 80px;}
.sec1_tabnav li {display: block; }
.sec1_tabnav li + li {margin-top: 20px;}
.sec1_tabnav li a {position: relative; display: block; padding-bottom: 15px; color: #6d6d6d; font-size: 18px; font-weight: 800;}
.sec1_tabnav li a.active:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #4f47cf;}
.sec1_tabnav li a .sec1_arrow2 {display: inline-block; position: absolute; right: 0; opacity: 0;}
.sec1_tabnav li a.active {color: #4f47cf; }
.sec1_tabnav li a.active .sec1_arrow2 {opacity: 1;}
.sec1_tabcontent {padding-left: 30px;}
.sec1_tab_inner {padding: 60px 50px; box-shadow: 0 0 5px rgba(0,0,0,0.15); border-radius: 25px;}
.sec1_tab_inner ul li {position: relative;}
.sec1_tab_inner ul li:after {content: ""; display: block; clear: both;}
.sec1_tab_inner ul li {padding: 30px 0; border-bottom: 1px solid #e5e5e5; color: #636363; font-size: 20px; font-weight: 700;}
.sec1_tab_inner ul li:last-child {padding-bottom: 0; border-bottom: 0;}
.sec1_tab_inner ul li:first-child {padding-top: 0; }
.sec1_tab_inner ul li span {float: right; color: #4f47cf; font-size: 18px; font-weight: 700;}

.d_sec1_table {display: table; width: 100%;}
.d_sec1_lt {display: table-cell; vertical-align: top; width: 62.85%;}
.d_sec1_lt .d_sec1_txt em {display: block; color: #4f47cf; font-size: 15px; font-weight: 800;}
.d_sec1_lt .d_sec1_txt h2 {color: #010101; font-size: 35px; font-weight: 800;}
.d_sec1_lt table {width: 100%; border-spacing: 0; border-collapse: collapse; margin-top: 15px;}
.d_sec1_lt table tr th {background: #dbd9f8; border-right: 1px solid rgba(0,0,0,0.1); padding: 17px 0; color: #4f47cf; font-size: 17px; font-weight: 700; text-align: center;}
.d_sec1_lt table tr th:first-child {border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.d_sec1_lt table tr th:last-child {border-right: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.d_sec1_lt table tr td {border-bottom: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); padding: 17px 25px; text-align: center; font-size: 17px; color: #636363;}
.d_sec1_lt table tr td:first-child {text-align: left; color: #4f47cf; font-weight: 700;}
.d_sec1_lt table tr td:last-child {border-right: 0; }
.d_sec1_rt {display: table-cell; vertical-align: top; width: 37.14%; padding-left: 50px;}
.d_sec1_rt_inner {background: url("/images/d_sec1_txt2_bg.png") center no-repeat; background-size: cover; border-radius: 25px; overflow: hidden; padding: 45px;}
.d_sec1_rt_inner h2 {position: relative; color: #fff; font-size: 28px; font-weight: 800;}
.d_sec1_rt_inner h2:before {content: ""; position: absolute; top: 10px; right: 0; width: 50px; height: 59px; background: url("/images/pen_ic1.png") center no-repeat; background-size: 100%;}
.d_sec1_rt_inner ul {margin-top: 35px;}
.d_sec1_rt_inner ul li {height: 70px; border-top: 1px solid rgba(255,255,255,0.3);}
.d_sec1_rt_inner ul li:last-child {border-bottom: 1px solid rgba(255,255,255,0.3);}
.d_sec1_rt_inner ul li a {position: relative; display: block; width: 100%; padding-left: 10px; color: #fff; font-size: 23px; font-weight: 500; line-height: 68px;}
.d_sec1_rt_inner ul li a .d_more_ic {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; color: #fff; font-size: 20px;} 

/* 섹션 2 */

.section2 {position: relative; padding-top: 100px; }
.section2:before {content: ""; position: absolute; bottom: 0; left: 0; width: 1800px; height: 500px; background: #edecf8; border-top-right-radius: 100px;  z-index: -1;}
.section2 .inner {position: relative;}
.sec2_title {color: #010101; font-size: 35px; line-height: 45px; font-weight: 800;}
.sec2_slider {margin: 35px -15px;}
.sec2_slider .slick-slide {padding: 0 15px;}
.sec2_list {outline: 0;}
.sec2_list .img_wrap {position: relative; height: 290px; overflow: hidden; border-radius: 30px;}
.sec2_list .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%; width: 100%; height: 100%;}
.sec2_list .txt_wrap {margin-top: 30px;}
.sec2_list .txt_wrap h3 {color: #212224; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 25px; font-weight: 700; overflow: hidden; text-overflow: ellipsis;}
.sec2_list .txt_wrap .text_content {color: #707070; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; margin-top: 15px;}
.sec2_list span {display: inline-block; color: #646464; font-size: 16px; line-height: 23px; margin-top: 20px;}
.sec2_list span .clock_ic {display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url("/images/clock_ic.png") center no-repeat; background-size: 100%; margin-right: 8px; margin-top: -3px;}
.sec2_arrow_wrap {display: inline-block;}
.sec2_arrow_wrap .sec2_arrow {display: inline-block; width: 60px; height: 60px; background: #4f47cf; border-radius: 50%; text-align: center; line-height: 60px; color: #fff; font-size: 20px; cursor: pointer;}
.sec2_arrow_wrap .sec2_arrow.sec2_next {margin-left: 5px;}
.section2 .direction .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.section2 .direction .progress {display: inline-block;width: calc(100% - 180px); height: 5px; overflow: hidden; background-color: #f5f5f5; background-image: linear-gradient(to right, #4f47cf, #4f47cf); background-repeat: no-repeat; background-size: 0 100%; transition: background-size 0.4s ease-in-out; margin-left: 40px;}
.section2 a.more {position: absolute; top: 15px; right: 0; font-size: 20px; color: #000;}

/* 섹션 3 */

.section3 {position: relative; padding: 100px 0;}
.section3:before {content: ""; position: absolute; bottom: 0; left: 0; width: 1800px; height: 90%; background: #edecf8; border-bottom-right-radius: 100px; border-top-right-radius: 100px; z-index: -1;}
.sec3_menu {position: relative;}
.sec3_menu > div {position: relative; width: 100%; }
.sec3_menu > div h2 {color: #000; font-size: 35px; line-height: 45px; font-weight: 800; margin-bottom: 35px;}
.sec3_menu ul {margin: -10px 0;}
.sec3_menu ul li {padding: 10px 0;}
.sec3_menu ul li a {display: block; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.15); padding: 40px; border-radius: 25px;}
.sec3_menu ul li h3 {color: #000; font-size: 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 700; overflow: hidden; text-overflow: ellipsis;}
.sec3_menu ul li span {display: inline-block; color: #636363; font-size: 15px; line-height: 23px; font-weight: 300; margin-top: 5px;}
.sec3_menu > div a.more {position: absolute; top: 15px; right: 15px; font-size: 20px; color: #000;}

/* 섹션 4 */ 

.section4 {padding: 100px 0;}
.sec4_table {display: table; width: 100%;}
.sec4_txt {display: table-cell; vertical-align: top; width: 35%;}
.sec4_txt h2 {color: #010101; font-size: 35px; line-height: 45px; font-weight: 800;}
.sec4_txt p {color: #010101; font-size: 20px; line-height: 30px; font-weight: 300; margin-top: 10px;}
.sec4_txt .direction {margin-top: 40px;}
.section4 .direction.mob {display: none;}
.sec4_txt .sec4_arrow {display: inline-block; width: 60px; height: 60px; background: #4f47cf; border-radius: 50%; text-align: center; line-height: 60px; color: #fff; font-size: 20px; cursor: pointer;}
.sec4_txt .sec4_arrow.sec4_next {margin-left: 5px;}
.sec4_slider_wrap {display: table-cell; vertical-align: top; width: 65%;}
.sec4_slider {width: 900px; margin: 0 -12.5px ;}
.sec4_slider .slick-slide {padding: 0 12.5px; margin: -12.5px 0;}
.sec4_slider .slick-slide > div {padding: 12.5px 0;}
.sec4_slider .sec4_list a {display: block; position: relative; height: 115px; border: 1px solid #eaeaea; border-radius: 25px;}
.sec4_slider .sec4_list a img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%;}

/* 섹션 5 */

.section5 {padding-bottom: 120px;}
.sec5_menu {background: url("/images/sec5_bg.png") center no-repeat; background-size: cover; border-radius: 25px; overflow: hidden; text-align: center; padding: 100px 0;}
.sec5_menu h2 {color: #fff; font-size: 35px; font-weight: 800;}
.sec5_menu p {color: #fff; font-size: 20px; margin-top: 10px;}
.sec5_menu a.more {font-family: 'Pretendard'; display: inline-block; height: 45px; line-height: 45px; background: #fff; color: #4f47cf; font-size: 16px; font-weight: 800; padding: 0 45px; border-radius: 50px; margin-top: 30px;}

/* 푸터 */

#footer {border-top: 1px solid #7f7f7f; padding: 60px 0;} 
.foot {display: table; width: 100%; max-width: 1400px; margin: 0 auto; min-height: 270px;}
.foot .ft_logo {display: table-cell; vertical-align: top; width: 48.57%;}
.foot .ft_menu {display: table-cell; vertical-align: top; width: 51.42%;}
.ft_menu h3 {color: #000; font-size: 25px; line-height: 35px; font-weight: 800;}
.ft_menu .ft_menu1 {margin-top: 30px;}
.ft_menu .ft_menu1 span {display: inline-block; color: #464646; font-size: 18px; line-height: 26px;}
.ft_menu .ft_menu1 span + span {margin-left: 10px;}
.ft_menu .ft_menu2 {margin-top: 50px; position: relative;}
.ft_menu .ft_menu2:after {content: ""; display: block; clear: both;}
.ft_menu .ft_menu2 li {position: relative; float: left;}
.ft_menu .ft_menu2 li + li {margin-left: 40px;}
.ft_menu .ft_menu2 li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 10px; background: #e5e5e5;}
.ft_menu .ft_menu2 li a {display: block; color: #000; font-size: 17px;}
.ft_menu p.copy {color: #464646; font-size: 15px; margin-top: 15px;}
.ft_sns_menu {margin-top: 20px;}
.ft_sns_menu span {display: inline-block; vertical-align: middle; width: 40px; height: 40px; }
.ft_sns_menu span + span {margin-left: 10px;}
.ft_sns_menu span a {display: block; height: 100%; border-radius: 50%;}
.ft_sns_menu span a.facebook {background: #000 url("/images/ft_sns_ic1.png") center no-repeat; background-size: 8px;}
.ft_sns_menu span a.insta {background: #000 url("/images/ft_sns_ic2.png") center no-repeat; background-size: 13px;}
.ft_sns_menu span a.twiter {background: #000 url("/images/ft_sns_ic3.png") center no-repeat; background-size: 16px;}

@media (max-width: 1740px) {
	
	/* 전체 메뉴*/

	.head_all_bg {height: 57.18vw; }
	.head_all_inner {width: 100%; padding-top: 5.75vw; padding: 5.75vw 2.78vw 0;}
	.head_all_inner h1 img {width: 14.43vw;}
	.head_all_menu { margin-top: 8.05vw;}
	.head_all_menu dl {padding-left: 5.17vw;}
	.head_all_menu dl:nth-child(n+5) {margin-top: 6.32vw}
	.head_all_menu dl dt {margin-bottom: 2.30vw;}
	.head_all_menu dl dt a {  font-size: 1.44vw; line-height: 2.01vw; }
	.head_all_menu dl dd + dd {margin-top: 1.15vw;}
	.head_all_menu dl dd a {   font-size: 1.03vw; line-height: 1.49vw;}
	.head_all_close { top: 4.02vw; right: 2.87vw; width: 1.72vw; height: 1.61vw; }
}


@media (max-width: 1400px) {
	
	/* 헤더 */

	#header {height: 12.86vw; padding: 0 3.57vw}
	#header:before {top: 7.14vw;}
	.head {width: 100%;}
	.head h1 img {width: 17.93vw;}
	.head_tp {height: 7.14vw;}
	.head_tp .head_btn {width: 2.50vw; height: 1.64vw; }
	.head_tp .lang {  font-size: 1.07vw;}
	.head_tp .lang .lang_ic {width: 1.50vw; height: 1.50vw; margin-right: 0.71vw; margin-top: -0.21vw;}
	.head_tp .lang .lang_arrow {width: 0.64vw; height: 0.43vw; margin-left: 0.57vw;}
	.head_tp .lang ul {  left: 2.50vw; padding-top: 0.71vw; }
	.head_tp .lang ul li + li {margin-top: 0.36vw;}
	.head_tp .lang ul li a {  font-size: 1.07vw;}
	.gnb {height: 5.71vw;}
	.gnb > li > a {  font-size: 1.36vw; line-height: 5.71vw;}

	.gnb_2depth {width: 85.71vw;}
	.gnb_2depth:before {width: 714.29vw; height: 5.00vw; }
	.gnb_2depth li {  height: 5.00vw;}
	.gnb_2depth li a {  font-size: 1.14vw;  line-height: 5.00vw;}
	.gnb_2depth li + li {margin-left: 1.43vw;}
	.gnb_2depth li + li:before {left: -0.71vw; height: 0.71vw; }

	


	/* 전체 메뉴*/

	.head_all_bg {height: 71.07vw; }
	.head_all_inner {padding-top: 7.14vw; padding: 7.14vw 3.43vw 0;}
	.head_all_inner h1 img {width: 17.93vw;}
	.head_all_menu { margin-top: 10.00vw;}
	.head_all_menu dl {padding-left: 2.14vw;}
	.head_all_menu dl:nth-child(n+5) {margin-top: 5.00vw}
	.head_all_menu dl dt {margin-bottom: 1.43vw;}
	.head_all_menu dl dt a {  font-size: 1.79vw; line-height: 2.50vw; }
	.head_all_menu dl dd + dd {margin-top: 0.71vw;}
	.head_all_menu dl dd a {   font-size: 1.29vw; line-height: 1.86vw;}
	.head_all_close { top: 5.00vw; right: 3.57vw; width: 2.14vw; height: 2.00vw; }


	/* 비주얼 */

	.visual { height: 63.57vw;}
	.vis_list { height: 63.57vw;}
	.vis_txt { top: 23.57vw; left: 3.57vw; max-width: 100%;}
	.vis_txt h2 { font-size: 3.93vw; line-height: 4.29vw; }
	.vis_txt p { font-size: 1.79vw; line-height: 2.50vw;  margin-top: 1.79vw;}
	.vis_txt a.more { height: 4.29vw; line-height: 4.00vw; border: 0.14vw solid #fff; border-radius: 1.07vw;  font-size: 1.43vw;  padding: 0 5.36vw; margin-top: 2.14vw;}
	
	/* 섹션 1 */

	.section1 {padding: 8.57vw 3.57vw 3.57vw; padding-top: 8.57vw; }
	.inner {width: 100%; margin: 0 auto;}
	.sec1_table { width: 100%;}
	.sec1_txt em {  font-size: 1.07vw; line-height: 1.64vw; }
	.sec1_txt h2 { font-size: 2.50vw; line-height: 3.21vw; }
	.sec1_txt .direction {margin-top: 1.43vw;}
	.sec1_txt .direction .sec1_arrow {    font-size: 1.43vw;}
	.sec1_txt .direction .sec1_arrow.sec1_next {margin-left: 2.14vw;}
	.sec1_txt .direction .sec1_arrow.sec1_next:after {left: -1.07vw; height: 1.07vw; }
	.sec1_slider {margin: -0.50vw 0;}
	.sec1_slider .slick-slide {padding: 0.50vw 0;}
	.sec1_list {box-shadow: 0 0 0.57vw rgba(0,0,0,0.15); border-radius: 1.79vw;  padding: 2.29vw 2.14vw; padding-left: 3.57vw;}
	.sec1_list dl dt {  font-size: 2.14vw; line-height: 2.57vw; }
	.sec1_list dl dd {  font-size: 1.07vw; line-height: 1.64vw;  margin-top: -0.21vw;}
	.sec1_list_txt {padding-left: 2.86vw; width: 100%; max-width: 30.36vw;}
	.sec1_list_txt h3 { font-size: 1.43vw; }
	.sec1_list_txt .sec1_content {font-size: 1.43vw; }
	.sec1_list a {  height: 2.86vw; line-height: 2.86vw; font-size: 1.14vw;  padding: 0 1.79vw; border-radius: 3.57vw; margin-left: 2.86vw;}
	.sec1_txt2 {padding-left: 2.86vw;}
	.sec1_txt2_inner {  padding: 3.57vw 3.57vw 4.29vw; border-radius: 1.79vw;  min-height: 28.21vw;}
	.sec1_txt2_inner:before {  bottom: 4.29vw; right: 4.29vw; width: 4.71vw; height: 5.36vw;}
	.sec1_txt2_inner h2 { font-size: 2.50vw; line-height: 3.57vw; }
	.sec1_txt2_inner p { font-size: 1.43vw; line-height: 2.00vw; margin-top: 2.14vw;}
	.sec1_more_ic { font-size: 1.43vw; margin-top: 3.57vw;}

	.sec1_tabnav {margin-top: 5.71vw;}
	.sec1_tabnav li + li {margin-top: 1.43vw;}
	.sec1_tabnav li a {  padding-bottom: 1.07vw;  font-size: 1.14vw; }
	.sec1_tabnav li a.active:before {height: 0.14vw;}
	.sec1_tabcontent {padding-left: 2.14vw;}
	.sec1_tab_inner {padding: 4.29vw 3.57vw; box-shadow: 0 0 0.36vw rgba(0,0,0,0.15); border-radius: 1.79vw;}
	.sec1_tab_inner ul li {padding: 2.14vw 0; font-size: 1.43vw; }
	.sec1_tab_inner ul li span {  font-size: 1.29vw; }

	.d_sec1_lt .d_sec1_txt em {  font-size: 1.07vw; }
	.d_sec1_lt .d_sec1_txt h2 { font-size: 2.50vw; }
	.d_sec1_lt table {margin-top: 1.07vw;}
	.d_sec1_lt table tr th {padding: 1.21vw 0;  font-size: 1.21vw;  }
	.d_sec1_lt table tr th:first-child {border-top-left-radius: 1.07vw; border-bottom-left-radius: 1.07vw;}
	.d_sec1_lt table tr th:last-child { border-top-right-radius: 1.07vw; border-bottom-right-radius: 1.07vw;}
	.d_sec1_lt table tr td {padding: 1.21vw 1.79vw;  font-size: 1.21vw; }
	.d_sec1_rt {padding-left: 3.57vw;}
	.d_sec1_rt_inner {border-radius: 1.79vw;  padding: 3.21vw;}
	.d_sec1_rt_inner h2 {  font-size: 2.00vw; }
	.d_sec1_rt_inner h2:before { top: 0.71vw; width: 3.57vw; height: 4.21vw; }
	.d_sec1_rt_inner ul {margin-top: 2.50vw;}
	.d_sec1_rt_inner ul li {height: 5.00vw; }
	.d_sec1_rt_inner ul li a {padding-left: 0.71vw;  font-size: 1.64vw;  line-height: 4.86vw;}
	.d_sec1_rt_inner ul li a .d_more_ic {right: 1.43vw;  font-size: 1.43vw;}  

	
	/* 섹션 2 */

	.section2 {padding: 7.14vw 3.57vw 0; padding-top: 7.14vw; }
	.section2:before {left: -1.07vw; width: 100%; height: 30.36vw; border-top-right-radius: 7.14vw;  }
	.sec2_title { font-size: 2.50vw; line-height: 3.21vw; }
	.sec2_slider {margin: 2.50vw -1.07vw; padding: 0 0.71vw;}
	.sec2_slider .slick-slide {padding: 0 1.07vw;}
	.sec2_list .img_wrap { height: 20.71vw;  border-radius: 2.14vw;}
	.sec2_list .txt_wrap {margin-top: 2.14vw;}
	.sec2_list .txt_wrap h3 {font-size: 1.79vw; }
	.sec2_list .txt_wrap .text_content {font-size: 1.29vw; margin-top: 1.07vw;}
	.sec2_list span {  font-size: 1.14vw; line-height: 1.64vw; margin-top: 1.43vw;}
	.sec2_list span .clock_ic {  width: 1.36vw; height: 1.36vw; margin-right: 0.57vw; margin-top: -0.21vw;}
	.sec2_arrow_wrap .sec2_arrow { width: 4.29vw; height: 4.29vw; line-height: 4.29vw;  font-size: 1.43vw; }
	.sec2_arrow_wrap .sec2_arrow.sec2_next {margin-left: 0.36vw;}
	.section2 .direction .progress {width: calc(100% - 12.86vw); height: 0.36vw; margin-left: 2.86vw;}
	.section2 a.more { top: 1.07vw; font-size: 1.43vw; }

	/* 섹션 3 */

	.section3 { padding: 7.14vw 3.57vw;}
	.section3:before {left: -1.07vw; width: 100%; border-bottom-right-radius: 7.14vw;  border-top-right-radius: 7.14vw;}
	.sec3_menu > div h2 { font-size: 2.50vw; line-height: 3.21vw;  margin-bottom: 2.50vw;}
	.sec3_menu ul {margin: -0.71vw 0;}
	.sec3_menu ul li {padding: 0.71vw 0;}
	.sec3_menu ul li a {box-shadow: 0 0 0.36vw rgba(0,0,0,0.15); padding: 2.86vw; border-radius: 1.79vw;}
	.sec3_menu ul li h3 { font-size: 1.43vw;}
	.sec3_menu ul li span {  font-size: 1.07vw; line-height: 1.64vw;  margin-top: 0.36vw;}
	.sec3_menu > div a.more { top: 1.07vw; right: 1.07vw; font-size: 1.43vw; }

	/* 섹션 4 */ 

	.section4 {padding: 7.14vw 3.57vw;}
	.sec4_txt h2 { font-size: 2.50vw; line-height: 3.21vw; }
	.sec4_txt p { font-size: 1.43vw; line-height: 2.14vw;  margin-top: 0.71vw;}
	.sec4_txt .direction {margin-top: 2.86vw;}
	.sec4_txt .sec4_arrow { width: 4.29vw; height: 4.29vw; line-height: 4.29vw;  font-size: 1.43vw; }
	.sec4_txt .sec4_arrow.sec4_next {margin-left: 0.36vw;}
	.sec4_slider {width: 64.29vw; margin: 0 -0.89vw ;}
	.sec4_slider .slick-slide {padding: 0 0.89vw; margin: -0.89vw 0;}
	.sec4_slider .slick-slide > div {padding: 0.89vw 0;}
	.sec4_slider .sec4_list a {  height: 8.21vw; border-radius: 1.79vw;}

	/* 섹션 5 */

	.section5 {padding: 0 3.57vw 8.57vw; padding-bottom: 8.57vw;}
	.sec5_menu {border-radius: 1.79vw;   padding: 7.14vw 0;}
	.sec5_menu h2 { font-size: 2.50vw; }
	.sec5_menu p { font-size: 1.43vw; margin-top: 0.71vw;}
	.sec5_menu a.more {  height: 3.21vw; line-height: 3.21vw; font-size: 1.14vw;  padding: 0 3.21vw; border-radius: 3.57vw; margin-top: 2.14vw;}

	/* 푸터 */

	#footer {padding: 4.29vw 3.57vw;} 
	.foot {max-width: 100%; min-height: 19.29vw;}
	.foot .ft_logo img {width: 18.93vw;}
	.ft_menu h3 { font-size: 1.79vw; line-height: 2.50vw; }
	.ft_menu .ft_menu1 {margin-top: 2.14vw;}
	.ft_menu .ft_menu1 span {  font-size: 1.29vw; line-height: 1.86vw;}
	.ft_menu .ft_menu1 span + span {margin-left: 0.71vw;}
	.ft_menu .ft_menu2 {margin-top: 3.57vw; }
	.ft_menu .ft_menu2 li + li {margin-left: 2.86vw;}
	.ft_menu .ft_menu2 li + li:before {left: -1.43vw; width: 0.07vw; height: 0.71vw; }
	.ft_menu .ft_menu2 li a {  font-size: 1.21vw;}
	.ft_menu p.copy { font-size: 1.07vw; margin-top: 1.07vw;}

	.ft_sns_menu {margin-top: 1.43vw;}
	.ft_sns_menu span {  width: 2.86vw; height: 2.86vw; }
	.ft_sns_menu span + span {margin-left: 0.71vw;}
	.ft_sns_menu span a.facebook {background-size: 0.57vw;}
	.ft_sns_menu span a.insta {background-size: 0.93vw;}
	.ft_sns_menu span a.twiter {background-size: 1.14vw;}

}

@media (max-width: 1200px) {
	
	/* 섹션 1 */

	.sec1_txt {display: inline-block; width: 23%;}
	.sec1_slider_wrap {display: inline-block; width: 76%;}
	.sec1_txt2 {padding-left: 0; display: block; width: 100%; margin-top: 3.91vw;}
}

@media (max-width: 1024px) {
	
	/* 헤더 */

	#header {height: 17.58vw; padding: 0 3.91vw}
	#header:before {top: 9.77vw;}
	.head h1 img {width: 24.51vw;}
	.head_tp {height: 9.77vw;}
	.head_tp .head_btn {width: 3.42vw; height: 2.25vw; }
	.head_tp .lang {  font-size: 1.46vw;}
	.head_tp .lang .lang_ic {width: 2.05vw; height: 2.05vw; margin-right: 0.98vw; margin-top: -0.29vw;}
	.head_tp .lang .lang_arrow {width: 0.88vw; height: 0.59vw; margin-left: 0.78vw;}
	.head_tp .lang ul {  left: 3.42vw; padding-top: 0.98vw; }
	.head_tp .lang ul li + li {margin-top: 0.49vw;}
	.head_tp .lang ul li a {  font-size: 1.46vw;}
	.gnb {height: 7.81vw;}
	.gnb > li > a {  font-size: 1.46vw; line-height: 7.81vw;}

	.gnb_2depth {width: 78.13vw;}
	.gnb_2depth:before {width: 976.56vw; height: 4.88vw; }
	.gnb_2depth li {  height: 4.88vw;}
	.gnb_2depth li a {  font-size: 1.37vw;  line-height: 4.88vw;}
	.gnb_2depth li + li {margin-left: 1.95vw;}
	.gnb_2depth li + li:before {left: -0.98vw; height: 0.98vw; }



	/* 전체 메뉴*/

	.head_all_bg {height: 97.17vw; }
	.head_all_inner {padding-top: 9.77vw; padding: 9.77vw 4.69vw 0;}
	.head_all_inner h1 img {width: 24.51vw;}
	.head_all_menu { margin-top: 13.67vw;}
	.head_all_menu dl {padding-left: 2.93vw;}
	.head_all_menu dl:nth-child(n+5) {margin-top: 6.84vw}
	.head_all_menu dl dt {margin-bottom: 1.95vw;}
	.head_all_menu dl dt a {  font-size: 2.44vw; line-height: 3.42vw; }
	.head_all_menu dl dd + dd {margin-top: 0.98vw;}
	.head_all_menu dl dd a {   font-size: 1.76vw; line-height: 2.54vw;}
	.head_all_close { top: 6.84vw; right: 4.88vw; width: 2.93vw; height: 2.73vw; }

	/* 비주얼 */

	.visual { height: 86.91vw;}
	.vis_list { height: 86.91vw;}
	.vis_txt { top: 32.23vw; left: 3.91vw;}
	.vis_txt h2 { font-size: 5.37vw; line-height: 5.86vw; }
	.vis_txt p { font-size: 2.44vw; line-height: 3.42vw;  margin-top: 2.44vw;}
	.vis_txt a.more { height: 5.86vw; line-height: 5.47vw; border: 0.20vw solid #fff; border-radius: 1.95vw;  font-size: 1.95vw;  padding: 0 7.32vw; margin-top: 2.93vw;}
	
	/* 섹션 1 */

	.section1 {padding: 11.72vw 3.91vw 4.88vw; padding-top: 11.72vw; }
	.sec1_txt {display: inline-block; width: 25%;}
	.sec1_txt em {  font-size: 1.46vw; line-height: 2.25vw; }
	.sec1_txt h2 { font-size: 3.42vw; line-height: 4.39vw; }
	.sec1_txt .direction {margin-top: 1.95vw;}
	.sec1_txt .direction .sec1_arrow {    font-size: 1.95vw;}
	.sec1_txt .direction .sec1_arrow.sec1_next {margin-left: 2.93vw;}
	.sec1_txt .direction .sec1_arrow.sec1_next:after {left: -1.46vw; height: 1.46vw; }
	.sec1_slider_wrap {display: inline-block; width: 75%;}
	.sec1_slider {margin: -0.68vw 0;}
	.sec1_slider .slick-slide {padding: 0.68vw 0;}
	.sec1_list {box-shadow: 0 0 0.78vw rgba(0,0,0,0.15); border-radius: 2.44vw;  padding: 3.13vw 2.93vw; padding-left: 4.88vw;}
	.sec1_list dl dt {  font-size: 2.93vw; line-height: 3.52vw; }
	.sec1_list dl dd {  font-size: 1.46vw; line-height: 2.25vw;  margin-top: -0.29vw;}
	.sec1_list_txt {padding-left: 3.91vw; width: 100%; max-width: 41.50vw;}
	.sec1_list_txt h3 { font-size: 1.95vw; }
	.sec1_list_txt .sec1_content {font-size: 1.95vw; }
	.sec1_list a {  height: 3.91vw; line-height: 3.91vw; font-size: 1.56vw;  padding: 0 2.44vw; border-radius: 4.88vw; margin-left: 3.91vw;}
	.sec1_txt2 {padding-left: 0; display: block; width: 100%; margin-top: 3.91vw;}
	.sec1_txt2_inner {  padding: 4.88vw 4.88vw 5.86vw; border-radius: 2.44vw;  min-height: 38.57vw;}
	.sec1_txt2_inner:before {  bottom: 5.86vw; right: 5.86vw; width: 6.45vw; height: 7.32vw;}
	.sec1_txt2_inner h2 { font-size: 3.42vw; line-height: 4.88vw; }
	.sec1_txt2_inner p { font-size: 1.95vw; line-height: 2.73vw; margin-top: 2.93vw;}
	.sec1_more_ic { font-size: 1.95vw; margin-top: 4.88vw;}

	.sec1_tabnav {margin-top: 7.81vw;}
	.sec1_tabnav li + li {margin-top: 1.95vw;}
	.sec1_tabnav li a {  padding-bottom: 1.46vw;  font-size: 1.56vw; }
	.sec1_tabnav li a.active:before {height: 0.20vw;}
	.sec1_tabcontent {padding-left: 2.93vw;}
	.sec1_tab_inner {padding: 5.86vw 4.88vw; box-shadow: 0 0 0.49vw rgba(0,0,0,0.15); border-radius: 2.44vw;}
	.sec1_tab_inner ul li {padding: 2.93vw 0; font-size: 1.95vw; }
	.sec1_tab_inner ul li span {  font-size: 1.76vw; }

	.d_sec1_table {display: block; width: 100%;}
	.d_sec1_lt {display: block; width: 100%;}
	.d_sec1_lt .d_sec1_txt em {  font-size: 1.46vw; }
	.d_sec1_lt .d_sec1_txt h2 { font-size: 3.42vw; }
	.d_sec1_lt table {margin-top: 1.46vw;}
	.d_sec1_lt table tr th {padding: 1.66vw 0;  font-size: 1.66vw;  }
	.d_sec1_lt table tr th:first-child {border-top-left-radius: 1.46vw; border-bottom-left-radius: 1.46vw;}
	.d_sec1_lt table tr th:last-child { border-top-right-radius: 1.46vw; border-bottom-right-radius: 1.46vw;}
	.d_sec1_lt table tr td {padding: 1.66vw 2.44vw;  font-size: 1.66vw; }
	.d_sec1_rt {display: block; width: 100%; padding-left: 0; margin-top: 3.91vw}
	.d_sec1_rt_inner {border-radius: 2.44vw;  padding: 4.39vw;}
	.d_sec1_rt_inner h2 {  font-size: 2.73vw; }
	.d_sec1_rt_inner h2:before { top: 0.98vw; width: 4.88vw; height: 5.76vw; }
	.d_sec1_rt_inner ul {margin-top: 3.42vw;}
	.d_sec1_rt_inner ul li {height: 6.84vw; }
	.d_sec1_rt_inner ul li a {padding-left: 0.98vw;  font-size: 2.25vw;  line-height: 6.64vw;}
	.d_sec1_rt_inner ul li a .d_more_ic {right: 1.95vw;  font-size: 1.95vw;}  


	/* 섹션 2 */

	.section2 {padding: 9.77vw 3.91vw 0; padding-top: 9.77vw; }
	.section2:before {left: 0; width: 100%; height: 41.50vw; border-top-right-radius: 0;  }
	.sec2_title { font-size: 3.42vw; line-height: 4.39vw; }
	.sec2_slider {margin: 3.42vw -1.46vw; padding: 0;}
	.sec2_slider .slick-slide {padding: 0 1.46vw;}
	.sec2_list .img_wrap { height: 28.32vw;  border-radius: 2.93vw;}
	.sec2_list .txt_wrap {margin-top: 2.93vw;}
	.sec2_list .txt_wrap h3 {font-size: 2.44vw; }
	.sec2_list .txt_wrap .text_content {font-size: 1.76vw; margin-top: 1.46vw;}
	.sec2_list span {  font-size: 1.56vw; line-height: 2.25vw; margin-top: 1.95vw;}
	.sec2_list span .clock_ic {  width: 1.86vw; height: 1.86vw; margin-right: 0.78vw; margin-top: -0.29vw;}
	.sec2_arrow_wrap .sec2_arrow { width: 5.86vw; height: 5.86vw; line-height: 5.86vw;  font-size: 1.95vw; }
	.sec2_arrow_wrap .sec2_arrow.sec2_next {margin-left: 0.49vw;}
	.section2 .direction .progress {width: calc(100% - 17.58vw); height: 0.49vw; margin-left: 3.91vw;}
	.section2 a.more { top: 1.46vw; font-size: 1.95vw; }

	/* 섹션 3 */

	.section3 { padding: 9.77vw 3.91vw;}
	.section3:before {left: 0; width: 100%;  border-bottom-right-radius: 0;  border-top-right-radius: 0;}
	.sec3_menu > div h2 { font-size: 3.42vw; line-height: 4.39vw;  margin-bottom: 3.42vw;}
	.sec3_menu ul {margin: -0.98vw 0;}
	.sec3_menu ul li {padding: 0.98vw 0;}
	.sec3_menu ul li a {box-shadow: 0 0 0.49vw rgba(0,0,0,0.15); padding: 3.91vw; border-radius: 2.44vw;}
	.sec3_menu ul li h3 { font-size: 1.95vw;}
	.sec3_menu ul li span {  font-size: 1.46vw; line-height: 2.25vw;  margin-top: 0.49vw;}
	.sec3_menu > div a.more { top: 1.46vw; right: 1.46vw; font-size: 1.95vw; }
	
	/* 섹션 4 */ 

	.section4 {padding: 9.77vw 3.91vw;}
	.sec4_txt h2 { font-size: 3.42vw; line-height: 4.39vw; }
	.sec4_txt p { font-size: 1.95vw; line-height: 2.93vw;  margin-top: 0.98vw; word-break: keep-all;}
	.sec4_txt .direction {margin-top: 3.91vw;}
	.sec4_txt .sec4_arrow { width: 5.86vw; height: 5.86vw; line-height: 5.86vw;  font-size: 1.95vw; }
	.sec4_txt .sec4_arrow.sec4_next {margin-left: 0.49vw;}
	.sec4_slider_wrap {padding-left: 3.91vw;}
	.sec4_slider {width: 68.36vw; margin: 0 -1.17vw ;}
	.sec4_slider .slick-slide {padding: 0 1.17vw; margin: -1.17vw 0;}
	.sec4_slider .slick-slide > div {padding: 1.17vw 0;}
	.sec4_slider .sec4_list a {  height: 11.23vw; border-radius: 2.44vw;}

	/* 섹션 5 */

	.section5 {padding: 0 3.91vw 11.72vw; padding-bottom: 11.72vw;}
	.sec5_menu {border-radius: 2.44vw;   padding: 9.77vw 0;}
	.sec5_menu h2 { font-size: 3.42vw; }
	.sec5_menu p { font-size: 1.95vw; margin-top: 0.98vw;}
	.sec5_menu a.more {  height: 4.39vw; line-height: 4.39vw; font-size: 1.56vw;  padding: 0 4.39vw; border-radius: 4.88vw; margin-top: 2.93vw;}

	/* 푸터 */

	#footer {padding: 5.86vw 3.91vw;} 
	.foot { min-height: 26.37vw;}
	.foot .ft_logo img {width: 25.88vw;}
	.ft_menu h3 { font-size: 2.44vw; line-height: 3.42vw; }
	.ft_menu .ft_menu1 {margin-top: 2.93vw;}
	.ft_menu .ft_menu1 span {  font-size: 1.76vw; line-height: 2.54vw;}
	.ft_menu .ft_menu1 span + span {margin-left: 0.98vw;}
	.ft_menu .ft_menu2 {margin-top: 4.88vw; }
	.ft_menu .ft_menu2 li + li {margin-left: 3.91vw;}
	.ft_menu .ft_menu2 li + li:before {left: -1.95vw; width: 0.10vw; height: 0.98vw; }
	.ft_menu .ft_menu2 li a {  font-size: 1.66vw;}
	.ft_menu p.copy { font-size: 1.46vw; margin-top: 1.46vw;}

	.ft_sns_menu {margin-top: 1.95vw;}
	.ft_sns_menu span {  width: 3.91vw; height: 3.91vw; }
	.ft_sns_menu span + span {margin-left: 0.98vw;}
	.ft_sns_menu span a.facebook {background-size: 0.78vw;}
	.ft_sns_menu span a.insta {background-size: 1.27vw;}
	.ft_sns_menu span a.twiter {background-size: 1.56vw;}

}

@media (max-width: 768px) {
	
	/* 퀵메뉴 */

	#quick_menu {display: none;}

	


	/* 헤더 */

	#header {height: 16.93vw; padding: 0 2.60vw}
	#header:before {display: none;}
	.head h1 a {padding-left: 13.02vw;}
	.head h1 img {width: 32.68vw;}
	.head_tp {height: 16.93vw;}
	.head_tp .head_btn {display: none;}
	.head_tp .head_mob_btn {display: block; width: 4.56vw; height: 2.99vw; background: url("/images/head_btn.png") center no-repeat; background-size: 100%; cursor: pointer;}
	.head_tp .lang {  font-size: 3.13vw;}
	.head_tp .lang .lang_ic {width: 2.73vw; height: 2.73vw; margin-right: 1.30vw; margin-top: -0.39vw;}
	.head_tp .lang .lang_arrow {width: 1.17vw; height: 0.78vw; margin-left: 1.04vw;}
	.head_tp .lang ul {  left: 4.56vw; padding-top: 1.30vw; }
	.head_tp .lang ul li + li {margin-top: 0.65vw;}
	.head_tp .lang ul li a {  font-size: 3.13vw;}
	.gnb {display: none; }

	.head_bg.on {display: block;}
	.head_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 5000;}
	.head_bg_inner {float: left; width: 75.52vw; height: 100%; background: #fff; padding: 6.51vw 5.21vw 0;}
	.head_bg_tp {position: relative; height: 13.02vw;}
	.head_bg_tp h1 {position: absolute; top: 50%; transform: translateY(-50%); left: 2.60vw;}
	.head_bg_tp h1 img {width: 32.68vw;}
	.head_close_btn {position: absolute; top: 50%; transform: translateY(-50%); right: 2.60vw; width: 3.91vw; height: 3.65vw; background: url("/images/head_close.png") center no-repeat; background-size: 100%; cursor: pointer;}
	.accordion {margin-top: 6.51vw;}
	.accordion > li:last-child {border-bottom: 1px solid #e1e1e1;}
	.accordion .link {position: relative; cursor: pointer; padding: 0 6.51vw; display: block;  color: #14151a;  font-size: 4.5573vw;  font-weight: 700; border-top: 1px solid #e1e1e1; height: 13.02vw; line-height: 12.76vw;  background: url("/images/head_arrow.png") 95% center no-repeat; background-size: 3.26vw;}
	.accordion .link.dd_none {background: none;}
	.accordion li.open .link.dd_none {background: none;}
	.accordion .link a {display: block;}
	.accordion li.open .link { color: #fff; background: #3830b2 url("/images/head_arrow_on.png") 95% center no-repeat; background-size: 3.26vw; border-bottom: 0;}
	.submenu {display: none;  padding: 5.21vw; border-top: 1px solid #e1e1e1;}
	.submenu li + li {margin-top: 2.6042vw;}
	.submenu a {display: block;  color: #d3d3d;  font-size: 3.65vw;  line-height: 4.69vw;}
	.submenu a:hover { color: #3830b2;}

	/* 전체 메뉴 */

	.head_all_bg.on {display: none;}

	/* 비주얼 */

	.visual { height: 115.89vw;}
	.vis_list { height: 115.89vw;}
	.vis_txt { top: 42.97vw; left: 2.60vw; }
	.vis_txt h2 { font-size: 7.16vw; line-height: 7.81vw; }
	.vis_txt p { font-size: 3.26vw; line-height: 4.56vw;  margin-top: 3.26vw;}
	.vis_txt a.more { height: 7.81vw; line-height: 7.29vw; border: 0.26vw solid #fff; border-radius: 2.60vw;  font-size: 2.60vw;  padding: 0 9.77vw; margin-top: 3.91vw;}
	
	/* 섹션 1 */

	.section1 {padding: 15.63vw 2.60vw 6.51vw; padding-top: 15.63vw; }
	.sec1_table {display: block; width: 100%;}
	.sec1_txt {position: relative; display: block; width: 100%;}
	.sec1_txt em {  font-size: 3.13vw; line-height: 4.17vw; }
	.sec1_txt h2 { font-size: 4.56vw; line-height: 5.86vw; }
	.sec1_txt h2 br {display: none;}
	.sec1_txt .direction {position: absolute; top: 0; right: 0; margin-top: 2.60vw;}
	.sec1_txt .direction .sec1_arrow {    font-size: 3.13vw;}
	.sec1_txt .direction .sec1_arrow.sec1_next {margin-left: 3.91vw;}
	.sec1_txt .direction .sec1_arrow.sec1_next:after {left: -2.34vw; height: 1.95vw; }
	.sec1_slider_wrap {display: block; width: 100%; margin-top: 3.91vw;}
	.sec1_slider {margin: -0.91vw 0;}
	.sec1_slider .slick-slide {padding: 0.91vw 0;}
	.sec1_list {box-shadow: 0 0 1.04vw rgba(0,0,0,0.15); border-radius: 3.26vw;  padding: 4.17vw 3.91vw; padding-left: 6.51vw;}
	.sec1_list dl dt {  font-size: 3.91vw; line-height: 4.69vw; }
	.sec1_list dl dd {  font-size: 2.60vw; line-height: 3.39vw;  margin-top: -0.39vw;}
	.sec1_list_txt {padding-left: 5.21vw; width: 100%; max-width: 55.34vw;}
	.sec1_list_txt h3 { font-size: 3.13vw; }
	.sec1_list_txt .sec1_content {font-size: 3.13vw; }
	.sec1_list a {  height: 7.81vw; line-height: 7.81vw; font-size: 3.13vw;  padding: 0 3.26vw; border-radius: 6.51vw; margin-left: 5.21vw;}
	.sec1_txt2 {margin-top: 5.21vw;}
	.sec1_txt2_inner {  padding: 6.51vw 6.51vw 7.81vw; border-radius: 3.26vw;  min-height: 51.43vw;}
	.sec1_txt2_inner:before {  bottom: 7.81vw; right: 7.81vw; width: 8.59vw; height: 9.77vw;}
	.sec1_txt2_inner h2 { font-size: 4.56vw; line-height: 6.51vw; }
	.sec1_txt2_inner p { font-size: 3.13vw; line-height: 3.65vw; margin-top: 3.91vw;}
	.sec1_more_ic { font-size: 3.13vw; margin-top: 6.51vw;}

	.sec1_tabnav {margin-top: 10.42vw; }
	.sec1_tabnav li + li {margin-top: 2.60vw;}
	.sec1_tabnav li a {  padding-bottom: 1.95vw;  font-size: 3.13vw; }
	.sec1_tabnav li a.active:before {height: 0.26vw;}
	.sec1_tabnav li a .sec1_arrow2 { margin-left: 2.60vw; }
	.sec1_tabcontent {padding-left: 0;}
	.sec1_tab_inner {padding: 7.81vw 6.51vw; box-shadow: 0 0 0.65vw rgba(0,0,0,0.15); border-radius: 3.26vw;}
	.sec1_tab_inner ul li {padding: 3.91vw 0; font-size: 3.39vw; }
	.sec1_tab_inner ul li span {  font-size: 3.13vw; }

	.d_sec1_lt .d_sec1_txt em {  font-size: 3.13vw; }
	.d_sec1_lt .d_sec1_txt h2 { font-size: 4.56vw; }
	.d_sec1_lt table {margin-top: 1.95vw;}
	.d_sec1_lt table tr th {padding: 2.21vw 0;  font-size: 2.86vw;  }
	.d_sec1_lt table tr th:first-child {border-top-left-radius: 1.95vw; border-bottom-left-radius: 1.95vw;}
	.d_sec1_lt table tr th:last-child { border-top-right-radius: 1.95vw; border-bottom-right-radius: 1.95vw;}
	.d_sec1_lt table tr td {padding: 2.21vw 3.26vw;  font-size: 2.86vw; }
	.d_sec1_rt {margin-top: 5.21vw}
	.d_sec1_rt_inner {border-radius: 3.26vw;  padding: 5.86vw;}
	.d_sec1_rt_inner h2 {  font-size: 3.65vw; }
	.d_sec1_rt_inner h2:before { top: 1.30vw; width: 6.51vw; height: 7.68vw; }
	.d_sec1_rt_inner ul {margin-top: 4.56vw;}
	.d_sec1_rt_inner ul li {height: 9.11vw; }
	.d_sec1_rt_inner ul li a {padding-left: 1.30vw;  font-size: 3.13vw;  line-height: 8.85vw;}
	.d_sec1_rt_inner ul li a .d_more_ic {right: 2.60vw;  font-size: 2.60vw;}  


	/* 섹션 2 */

	.section2 {padding: 13.02vw 2.60vw 0; padding-top: 13.02vw; }
	.section2:before {height: 55.34vw; }
	.sec2_title { font-size: 4.56vw; line-height: 5.86vw; }
	.sec2_slider {margin: 4.56vw -0.65vw; padding: 0;}
	.sec2_slider .slick-slide {padding: 0 0.65vw;}
	.sec2_list .img_wrap { height: 37.76vw;  border-radius: 3.91vw;}
	.sec2_list .txt_wrap {margin-top: 3.91vw;}
	.sec2_list .txt_wrap h3 {font-size: 3.65vw; }
	.sec2_list .txt_wrap .text_content {font-size: 3.13vw; margin-top: 1.95vw;}
	.sec2_list span {  font-size:  3.13vw; line-height: 4.17vw; margin-top: 2.60vw;}
	.sec2_list span .clock_ic {  width: 2.47vw; height: 2.47vw; margin-right: 1.04vw; margin-top: -0.39vw;}
	.sec2_arrow_wrap .sec2_arrow { width: 7.81vw; height: 7.81vw; line-height: 7.81vw;  font-size: 2.60vw; }
	.sec2_arrow_wrap .sec2_arrow.sec2_next {margin-left: 0.65vw;}
	.section2 .direction .progress {width: calc(100% - 23.44vw); height: 0.65vw; margin-left: 5.21vw;}
	.section2 a.more { top: 1.95vw; font-size: 3.13vw; }

	/* 섹션 3 */

	.section3 { padding: 13.02vw 2.60vw;}
	.sec3_menu {margin: 0;}
	.sec3_menu > div h2 { font-size: 4.56vw; line-height: 5.86vw;  margin-bottom: 4.56vw;}
	.sec3_menu ul {margin: -1.30vw 0;}
	.sec3_menu ul li {padding: 1.30vw 0;}
	.sec3_menu ul li a {box-shadow: 0 0 0.65vw rgba(0,0,0,0.15); padding: 5.21vw; border-radius: 3.26vw;}
	.sec3_menu ul li h3 { font-size: 4.17vw;}
	.sec3_menu ul li span {  font-size: 3.13vw; line-height: 4.17vw;  margin-top: 0.65vw;}
	.sec3_menu > div a.more { top: 1.95vw; right: 1.95vw; font-size: 2.60vw; }

	/* 섹션 4 */ 

	.section4 {padding: 13.02vw 2.60vw;}
	.sec4_table {display: block; width: 100%;}
	.sec4_txt {display: block; width: 100%; text-align: center;}
	.sec4_txt h2 { font-size: 4.56vw; line-height: 5.86vw; }
	.sec4_txt p { font-size: 3.13vw; line-height: 4.17vw;  margin-top: 1.30vw; }
	.sec4_txt p br {display: none;}
	.sec4_txt .direction {margin-top: 5.21vw;}
	
	.sec4_txt .direction.pc {display: none;}
	.section4 .direction.mob {display: block; text-align: center; margin-top: 5.21vw;}


	.section4 .direction.mob .sec4_arrow {display: inline-block; width: 7.81vw; height: 7.81vw; background: #4f47cf; border-radius: 50%; text-align: center; line-height: 7.81vw; color: #fff; font-size: 2.60vw; cursor: pointer;}
	.section4 .direction.mob .sec4_arrow.sec4_next {margin-left: 0.65vw;}


	.sec4_txt .sec4_arrow { width: 7.81vw; height: 7.81vw; line-height: 7.81vw;  font-size: 2.60vw; }
	.sec4_txt .sec4_arrow.sec4_next {margin-left: 0.65vw;}
	.sec4_slider_wrap {display: block; width: 100%; padding-left: 0; margin-top: 5.21vw;}
	.sec4_slider {width: 100%; margin: 0 -1.56vw ;}
	.sec4_slider .slick-slide {padding: 0 1.56vw; margin: -1.56vw 0;}
	.sec4_slider .slick-slide > div {padding: 1.56vw 0;}
	.sec4_slider .sec4_list a {  height: 14.97vw; border-radius: 3.26vw;}

	/* 섹션 5 */

	.section5 {padding: 0 2.60vw 15.63vw; padding-bottom: 15.63vw;}
	.sec5_menu {border-radius: 3.26vw;   padding: 13.02vw 6.51vw;}
	.sec5_menu h2 { font-size: 4.56vw; }
	.sec5_menu p { font-size: 3.39vw; margin-top: 1.30vw; word-break: keep-all;}
	.sec5_menu a.more {  height: 7.81vw; line-height: 7.81vw; font-size: 3.13vw;  padding: 0 5.86vw; border-radius: 6.51vw; margin-top: 3.91vw;}

	/* 푸터 */

	#footer {padding: 7.81vw 2.60vw;} 
	.foot { min-height: 35.16vw; display: block;}
	.foot .ft_logo {display: block; width: 100%;}
	.foot .ft_logo img {width: 34.51vw;}
	.foot .ft_menu {display: block; width: 100%; margin-top: 5.21vw;}
	.ft_menu h3 { font-size: 3.65vw; line-height: 5.21vw; }
	.ft_menu .ft_menu1 {margin-top: 3.91vw;}
	.ft_menu .ft_menu1 span {  font-size: 3.13vw; line-height: 4.17vw;}
	.ft_menu .ft_menu1 span + span {margin-left: 1.30vw;}
	.ft_menu .ft_menu2 {margin-top: 6.51vw; }
	.ft_menu .ft_menu2 li + li {margin-left: 5.21vw;}
	.ft_menu .ft_menu2 li + li:before {left: -2.60vw; width: 0.13vw; height: 1.30vw; }
	.ft_menu .ft_menu2 li a {  font-size: 3.13vw;}
	.ft_menu p.copy { font-size: 3.13vw; margin-top: 1.95vw;}

	.ft_sns_menu {margin-top: 2.60vw;}
	.ft_sns_menu span {  width: 7.81vw; height: 7.81vw; }
	.ft_sns_menu span + span {margin-left: 1.30vw;}
	.ft_sns_menu span a.facebook {background: #000 url("/images/ft_mob_sns_ic1.png") center no-repeat; background-size: 1.56vw;}
	.ft_sns_menu span a.insta {background: #000 url("/images/ft_mob_sns_ic2.png") center no-repeat; background-size: 2.47vw;}
	.ft_sns_menu span a.twiter {background: #000 url("/images/ft_mob_sns_ic3.png") center no-repeat; background-size: 2.99vw;}
	
}
