@charset "utf-8";

@import url(../reset.css);
@import url(../layout.css);
@import url(../../js/owl.carousel/owl.carousel.min.css);
@import url(../aos.css);
@import url('https://webfontworld.github.io/yangheeryu/GowunDodum.css');

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TTHakgyoansimNamuL';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimNamuL.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GowunDodum';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#container {font-family:'Pretendard';}
.pin {display: inline-flex;align-items:center;margin-top: .5em;border-radius:2em;padding: .5em 1em;background: #eaf8d9;line-height: 1.1;font-size:90%;}
.pin:before {content:"";flex-shrink:0;width: 1em;height: 2em;background: url(../../img/vol58/sub/pin.png) no-repeat 0 50% / 1em;margin-right: .5em;}
.msg:before {content:"";width: 1.5em;height: 2em;background: url(../../img/vol58/sub/bubble.png) no-repeat 0 50% / 1.5em;margin-right: .5em;}

.subVisualArea {height:30rem;}
.subVisualArea .img {height:100%;background-size:cover;background-position:50% 0;background-repeat:no-repeat;}
.subVisualArea.sub01_01 .img {background-image:url(../../img/vol58/sub/sub0101_visual.png);}
.subVisualArea.sub01_02 .img {background-image:url(../../img/vol58/sub/sub0102_visual.png);}
.subVisualArea.sub02_01 .img {background-image:url(../../img/vol58/sub/sub0201_visual.png);}
.subVisualArea.sub02_02 .img {background-image:url(../../img/vol58/sub/sub0202_visual.png);}
.subVisualArea.sub02_03 .img {background-image:url(../../img/vol58/sub/sub0203_visual.png);}
.subVisualArea.sub03_00 .img {background-image:url(../../img/vol58/sub/sub0300_visual.png);background-position:50% 50%;}
.subVisualArea.sub03_01 .img {background-image:url(../../img/vol58/sub/sub0301_visual.png);}
.subVisualArea.sub03_02 .img {background-image:url(../../img/vol58/sub/sub0302_visual.png);}
.subVisualArea.sub03_03 .img {background-image:url(../../img/vol58/sub/sub0303_visual.png);}

@media only all and (min-width:1920px) {
    .subVisualArea {height:28.1vw;}    
}
@media only all and (max-width:1024px) {
    .subVisualArea .img {background-position:50%;}
/*     .subVisualArea.sub02_01 .img {background-image:url(../../img/vol58/sub/sub0201_visual_m1024.jpg);}
    .subVisualArea.sub02_02 .img {background-image:url(../../img/vol58/sub/sub0202_visual_m1024.jpg);}
    .subVisualArea.sub01_01 .img {background-image:url(../../img/vol58/sub/sub0101_visual_m1024.jpg);}
    .subVisualArea.sub01_02 .img {background-image:url(../../img/vol58/sub/sub0102_visual_m1024.jpg);} */
}
@media only all and (max-width:767px) {
    .subVisualArea {height:68vw;}
    .subVisualArea.sub01_01 .img {background-image:url(../../img/vol58/sub/sub0101_visual_m.png);}
    .subVisualArea.sub01_02 .img {background-image:url(../../img/vol58/sub/sub0102_visual_m.png);}
    .subVisualArea.sub02_01 .img {background-image:url(../../img/vol58/sub/sub0201_visual_m.png);}
    .subVisualArea.sub02_02 .img {background-image:url(../../img/vol58/sub/sub0202_visual_m.png);}
    .subVisualArea.sub02_03 .img {background-image:url(../../img/vol58/sub/sub0203_visual_m.png);}
    .subVisualArea.sub03_00 .img {background-image:url(../../img/vol58/sub/sub0300_visual_m.png);}
    .subVisualArea.sub03_01 .img {background-image:url(../../img/vol58/sub/sub0301_visual_m.png);}
    .subVisualArea.sub03_02 .img {background-image:url(../../img/vol58/sub/sub0302_visual_m.png);}
    .subVisualArea.sub03_03 .img {background-image:url(../../img/vol58/sub/sub0303_visual_m.png);}
}

/* contents common */
.section {padding:80px 0;}
.section.bg {margin:0 -5.333rem;}
.section .innerBox {max-width:1159px;margin:0 auto;}
.section h3.title {font-size:32px;font-weight:700;margin-bottom:48px;color:#2544b1}
.section .textArea {font-size:18px;color:#35383b;font-weight:400;word-break:keep-all;line-height:1.8;}
.textArea .line {background-color:#faedc0;/*mix-blend-mode:multiply;*/padding:0 1px;}
.section .textArea ~ .textArea {margin-top:30px;}
.section .textArea.inherit {text-align:inherit;}
.section .textArea.justify {text-align:justify;}
.section .imgArea {display:flex;align-items:center;justify-content:center;max-width:1392px;margin:64px auto 0;}
.section .imgArea.start {align-items:flex-start;}
.section .imgArea.end {align-items:end;}
.section .imgArea.end img ~ img {margin-top:20px;}
.section .imgArea + .imgArea {margin-top:20px;}
.section .flex2 {display:flex;justify-content:space-between;}
.section .imgArea .img {display:flex;flex-direction:column;}
.section .imgArea .img ~ .img {margin-left:20px;}
.section .imgArea .img .text {display:flex;color:#6e7780;font-size:16px;margin-top:8px;}
.section .imgArea .img .text.up {margin:0 0 8px;}
.section .imgArea .img .text.up::before {transform:rotate(180deg);}
.img_box {text-align:center;}
.txt_center {text-align:center;}
.txt_right {text-align:right;}
.alignC {justify-content:center}
.alignR {justify-content:flex-end;}
.flexBox {display:flex;}
.flexBox .col {width:50%;}
.flexBox .col ~ .col {margin-left:20px;}
.flexBox.type2 .col ~ .col {margin-left:30px;}
.flexBox.type3 .col ~ .col {margin-left:60px;}
.flexBox.type4 .col ~ .col {margin-left:40px;}
.flex_center {display:flex;justify-content:center;}
.txt_desc {color:#6e7780;font-size:16px;margin-top:10px;line-height:24px;}
.txt_desc.up {margin:0 0 8px;}
.txt_desc.center {text-align:center;}
.txt_desc.right {text-align:right;}
.txt_desc.right + .imgArea {margin-top:0;}
.flex {display:flex !important;flex-direction:row !important;justify-content:space-between;}
.ptxt {font-size:18px;color:#555;line-height:30px;}
.ptxt2 {font-size:18px;color:#333;line-height:32px;}
.h-tit1 {font-size:40px;font-weight:700;color:#2544b1;}
.h-tit2 {font-size:30px;font-weight:700;color:#424242;}
.h-tit3 {font-size:20px;font-weight:700;color:#343639;}
.h-tit4 {font-size:24px;font-weight:700;color:#333;}
.gut_180 {margin-right:-180px !important;margin-left:-180px !important;}
.mw_none {max-width:none !important;}
@media only all and (max-width:1391px) {
    .section.bg {margin:0;}
    .section .imgArea {max-width:100%;}
}
@media only all and (max-width:1158px) {
    .section .innerBox {max-width:100%;}
}
@media only all and (max-width:1024px) {
    .locationArea, .contHeader, .section .inner {padding:24px;}
    .section .imgArea + .imgArea {margin-top:10px;}
    .section .imgArea .img  ~ .img {margin-left:10px;}
    .section .imgArea.end img ~ img {margin-top:10px;}
    .gut_180 {margin-right:-100px !important;margin-left:-100px !important;}
}
@media only all and (max-width:767px) {
    .locationArea {padding:0.5rem 2rem}
    .contHeader {padding:4rem 2rem}
    .section {padding:4rem 2rem}
    .section .inner {padding:0;}
    .section h3.title {font-size:2.2rem;margin-bottom:2.4rem;word-break:keep-all}
    .section .textArea {font-size:1.6rem;word-break:break-all;}
    .section .imgArea {padding:0;margin-top:3.2rem;flex-direction:column}
    .section .imgArea.start {align-items:center;}
    .section .imgArea.end {align-items:center;}
    .section .flex2 {flex-direction:column;}
    .section .imgArea .img ~ .img {margin:2.4rem 0 0;}
    .section .imgArea .img .text {justify-content:center;}
    .flexBox {display:block;}
    .flexBox .col {width:100%;}
    .flexBox .col ~ .col {margin:2.4rem 0 0;}
    .flexBox.type2 .col ~ .col {margin:2.4rem 0 0;}
    .flexBox.type3 .col ~ .col {margin:2.4rem 0 0;}
    .flexBox.type4 .col ~ .col {margin:2.4rem 0 0;}
    .flexBox .col.img {text-align:center;}
    .txt_desc {text-align:center;font-size:15px;}
	.txt_desc.right {text-align:center;}
    .flex {flex-direction:column-reverse !important;justify-content:flex-start;}
    .ptxt {font-size:16px;line-height:24px;}
    .ptxt2 {font-size:16px;line-height:28px;}
    .h-tit1 {font-size:22px;}
    .h-tit2 {font-size:20px;}
    .h-tit3 {font-size:18px;}
    .h-tit4 {font-size:19px;}
    .gut_180 {margin-right:0 !important;margin-left:0 !important;}
}

/* pc, mobile responsive kit */
@media screen and (min-width : 768px) {
	/* 반응형 대응 class (pc_는 보임, mo_는 숨김) */
	.mo_view,.mo_img,.mo_br, .pc_hidden {display:none !important;}
	.pc_view {display:block;}
	.pc_img {display:block; margin:0 auto;}
	.pc_br {display: block;font-size: 0px; width: 100%; height: 1px;}
}
/* 태블릿, 모바일 전용 */
@media (max-width : 767px){
	/* 반응형 대응 class (pc_는 숨김, mo_는 보임) */
	.pc_view, .pc_img, .pc_br, .mo_hidden {display:none !important;}
	.mo_view {display:block;}
	.mo_img {display:block; margin:0 auto;}
	.mo_br {display: block;font-size: 0px; width: 100%; height: 1px;}
}

/* color */
.txt_blue {color:#2544b1 !important;}
.txt_blue2 {color:#2e5cff !important;}
.txt_green {color:#23be73 !important;}
.txt_green2 {color:#159147 !important;}
.txt_green3 {color:#1e9439 !important;}
.txt_red {color:#ea6060 !important;}
.txt_red2 {color:#d33a37 !important;}
.txt_red3 {color:#ec4444 !important;}
.txt_red4 {color:#bf4545 !important;}
.txt_dark {color:#333 !important;}

/* list */
.list_box {padding:60px 80px;overflow:hidden;background-color:#f6f6f6;}
.list_box .title {color:#333 !important;}
.list_type {display:flex;flex-wrap:wrap;margin:0 -15px;}
.list_type li {width:calc(25% - 30px);text-align:center;margin:0 15px;}
.list_type.type2 li {width:calc(100%/3);margin:0;padding:0 10px;}
.list_type p {color:#333;font-size:18px;margin-top:15px;}
.dlist1 dt {font-size:22px;font-weight:700;color:#343639;padding-left:20px;}
.dlist1 dt:before {content:'';display:inline-block;width:15px;height:15px;margin:0 5px 0 -20px;background:url(../../img/vol58/sub/sub3_01_bult.png) no-repeat 0 0;}
.dlist1 dd {font-size:18px;color:#555;line-height:32px;padding-left:20px;margin-top:5px;}
.dlist1 dd.dd01 {padding-left:0;}
@media only all and (max-width:1024px) {
    .list_box {padding:50px 40px;}
    .list_type {margin:0;padding:0 10vw;}
    .list_type li {width:calc(50% - 30px);margin-bottom:30px;}
    .list_type.type2 {padding:0 2vw;}
}
@media only all and (max-width:767px) {
    .list_box {padding:35px 10px;}
    .list_type {padding:0 5vw;}
    .list_type p {font-size:16px;margin-top:10px;}
    .list_type.type2 {padding:0 40px;}
    .list_type.type2 li {width:calc(100%);margin-bottom:30px;}
    .list_type.type2 li:last-child {margin-bottom:0;}
    .dlist1 dt {font-size:18px;}
    .dlist1 dd {font-size:16px;line-height:26px;}
}
@media only all and (max-width:480px) {
    .list_type {padding:0 40px;}
    .list_type li {width:calc(100% - 0px);}
}

/* table */
.tbl_type {width:100%;clear:both;line-height:32px;border:1px solid #e8e8e8;}
.tbl_type th {height:52px;padding:10px;font-size:18px;color:#000;text-align:center;border:1px solid #e5e5e5;background:#f7f7f7;font-weight:700;}
.tbl_type td {height:52px;padding:10px;font-size:18px;color:#333;text-align:center;border:1px solid #e5e5e5;background:#fff;}
.tbl_type tbody th {background:#f7f7f7;font-weight:400;}
.tbl_type th.th01 {background:#f7f7f7;}
.tbl_type th.th02 {font-weight:400;}
.tbl_type.type2 {border:1px solid #d9f1f1;}
.tbl_type.type2 tbody th {height:58px;padding:10px 10px 10px 20px;color:#333;background:#edfdfd;border:1px solid #d9f1f1;text-align:left;}
.tbl_type.type2 td {height:58px;padding:10px 10px 10px 20px;color:#555;border:1px solid #d9f1f1;text-align:left;}
@media only all and (max-width:767px) {
    .tbl_type {line-height:24px;}
    .tbl_type th {height:auto;padding:5px;font-size:16px;}
    .tbl_type td {height:auto;padding:5px;font-size:16px;}
    .tbl_scroll {overflow:auto;}
    .tbl_scroll .tbl_type {width:767px;}
    .tbl_type.type2 tbody th {height:auto;padding:5px 10px;}
    .tbl_type.type2 td {height:auto;padding:5px 10px;}
}

.location_box {border:1px #c5c5c5 solid;padding:20px 22px;line-height:30px;}
.location_box.type2 {border:0;background-color:#f1caf1;border-radius:20px;}
.location_box.type3 {border:2px #0b9468 solid;border-radius:20px;text-align:left;line-height:36px;}
.location_box.type3 .ptxt {color:#832cac;}
.location_box.type4 {padding:17px 30px;border:1px #fff solid;background-color:#f8e4e1;border-radius:40px;line-height:32px;}
.location_box span {position:relative;display:inline-block;padding-left:28px;font-size:18px;color:#333;font-weight:400;}
.location_box span::before {content:'';position:absolute;left:0;top:2px;display:inline-block;width:19px;height:24px;background:url(../../img/vol58/sub/ico_location.png) no-repeat 0 0;}
.location_box li {position:relative;margin:0;padding-left:8px;color:#343639;font-size:18px;}
.location_box li:before {content:'';position:absolute;left:0;top:13px;display:inline-block;width:2px;height:2px;background:#343639;border-radius:2px;}
.location_box .link {display:inline-block;height:28px;line-height:29px;padding:0 10px;font-size:16px;color:#fff;text-align:center;background:#2544b1;border-radius:3px;}
.location_box .tit {color:#153b91;font-size:24px;font-weight:700;margin-bottom:10px;}
.location_box.mh207 {min-height:207px;text-align:left;}
@media only all and (max-width:767px) {
    .location_box {padding:15px 15px;}
    .location_box.type3 {line-height:30px;}
    .location_box.type4 {padding:15px 20px;line-height:28px;}
    .location_box span {padding-left:28px;font-size:16px;}
    .location_box span::before {top:0;}
    .location_box li {font-size:16px;}
    .location_box .link {padding:0 10px;font-size:15px;}
    .location_box.mh207 {min-height:auto;}
}

/* text box */
.tex_box1 {padding:15px 20px;background-color:#e5f8fe;letter-spacing:-0.3px;}
.txt_box2 {display:flex;}
.txt_box2 .col:first-child {width:29%;}
.txt_box2 .col {width:71%;}
.txt_box2.type2 .col:first-child {width:71%;}
.txt_box2.type2 .col {width:29%;}
.txt_box2 .col ~ .col {margin-left:20px;}
.tex_box3 {padding:35px 50px;background-color:#f3f8f9;}
.tex_box4 {width:100%;padding:15px 20px;background-color:#eafbfb;text-align:center;}
.tex_box4 .ptxt {color:#4a4f54;line-height:36px;}
.tex_box5 {color:#506de9;font-size:16px;text-align:center;line-height:24px;}
.tex_box6 {padding:20px 25px;background-color:#b9ebfb;border:1px solid #fff;}
.txt_box7 {padding:38px;border:2px solid #365fbb;}
.tex_box8 {padding:25px 25px;color:#fff;font-size:18px;line-height:32px;background-color:#6880f9;border:1px solid #fff;}
.tex_box8 .tex_inner {display:flex;}
.tex_box8 .tex_inner div + div {margin-left:20px;}
.txt_box9 {padding:25px 30px;background:#ffe8b7;}
.mtm1 {margin-top:-12px;}
.mtm2 {margin-top:-17px;}
.mtm3 {margin-top:-20px;}
.mtm4 {margin-top:-8px;}
.mtm5 {margin-top:-28px;}
@media only all and (max-width:767px) {
    .txt_box2 {display:block;}
    .txt_box2 .col:first-child {width:100%;}
    .txt_box2 .col {width:100%;}
    .txt_box2 .col ~ .col {margin-left:0;}
    .txt_box2.type2 .col:first-child {width:100%;}
    .txt_box2.type2 .col {width:100%;}
    .txt_box2.type2 .img {margin-top:30px;text-align:center;}
    .tex_box3 {padding:20px 25px;}
    .tex_box4 .ptxt {line-height:28px;}
    .tex_box5 {font-size:15px;}
    .tex_box6 {padding:15px 20px;}
    .txt_box7 {padding:20px;}
    .tex_box8 {padding:15px 20px;font-size:16px;line-height:28px;}
    .tex_box8 .tex_inner {display:block;}
    .tex_box8 .tex_inner div + div {margin-left:0;}
    .txt_box9 {padding:15px 20px;}
    .mtm1 {margin-top:-3px;}
    .mtm2 {margin-top:-7px;}
    .mtm3 {margin-top:7px;}
    .mtm4 {margin-top:-2px;}
    .mtm5 {margin-top:0;}
}

/* slider */
.slider_wrap {text-align:center;}
.slider_wrap li span.txt {position:absolute;left:0;right:0;bottom:0;display:inline-block;padding:19px 10px;font-size:16px;text-align:center;color:#fff;background-color:rgba(0, 0, 0, 0.4);z-index:1;}
.slider_wrap .slick-dots {display:inline-block;text-align:center;}
.slider_wrap .slick-dots li {display:inline-block;width:10px;height:10px;margin:0 5px;background:#333;text-indent:-999px;overflow:hidden;border-radius:11px;cursor:pointer;vertical-align:middle;}
.slider_wrap .slick-dots li.slick-active {width:14px;height:14px;background:#fff;border:3px solid #467fcc;}
.slider_wrap .ctrl_wrap {display:inline-block;width:100%;margin-top:15px;text-align:center;line-height:1;}
.slider_wrap .ctrl_wrap .btn_pause,.slider_wrap .ctrl_wrap .btn_play {display:inline-block;width:20px;height:20px;text-indent:-999px;overflow:hidden;vertical-align:middle;margin-left:-5px;}
.slider_wrap .ctrl_wrap .btn_play {background:url(../../img/vol58/sub/ico_play.png) no-repeat 50% 50%;display:none;}
.slider_wrap .ctrl_wrap .btn_pause {background:url(../../img/vol58/sub/ico_pause.png) no-repeat 50% 50%;}
.slider_wrap .slick-list li {position:relative;}
.slider_wrap .slick-list li span {position:absolute;left:0;right:0;bottom:0;padding:18px 10px;font-size:15px;line-height:24px;color:#fff;background-color:rgba(0, 0, 0, 0.4);z-index:1;}
@media only all and (max-width:768px) {
	.slider_wrap .slick-list li span {padding:13px 0;font-size:14px;line-height:24px;}
}
@media only all and (max-width:480px) {
	.slider_wrap .slick-list li span {position:relative;display:inline-block;width:100%;padding:10px 0;background-color:rgba(0, 0, 0, 1);}
}

/* list */
.ulist1 li {display:flex;position:relative;margin:0;padding-left:8px;color:#343639;font-size:18px;line-height:32px;}
.ulist1 li:before {content:'';position:absolute;left:0;top:15px;display:inline-block;width:2px;height:2px;background:#343639;border-radius:2px;}
.ulist1 li span {font-weight:500;flex:none;margin-right:4px;}
.ulist1 li em {font-weight:700;margin-right:4px;flex:none;}
@media only all and (max-width:767px) {
    .ulist1 li {font-size:16px;line-height:28px;}
    .ulist1 li:before {top:13px;}
}

/* sub01_01 */
.sub01_01 .titleArea .h2Title::before {background-color: #FFF280;}
.sub01_01 .section.bg {background-color:#EDF9FF;background-size:100%;}
.sub01_01 .section.bg1 .line {background: #94c4f0;}
.sub01_01 .section.bg2 {padding-top: 0;}
.sub01_01 .section.bg2 .line {background: #EDF9FF;}
.sub01_01 .section.bg3 {padding-top: 0;}
.sub01_01 .section.bg3 .title {color:#05417A}
.sub01_01 .section.bg3 .line {background: #c8dcfa;}
.sub01_01 .section.bg3 .textArea, .sub01_01 .section.bg4 .textArea {text-align: center;}
.sub01_01 .line {background-color:#d6e4c6;}
.sub01_01 .section h3.title {font-size:36px;color:#05417A;text-align: center;}
@media only all and (max-width:767px) {
    .sub01_01 .section h3.title {font-size:2.2rem;}
	.sub01_01 .section h3.title img {height: 20px;}
	.sub01_01 .section.bg1 {background-position: 0 5%;}
	.sub01_01 .section.bg3, .sub01_01 .section.bg4 {background-size: 30%;}
}

/* sub01_02 */
.sub01_02 {}
.sub01_02 .section h3.title {color:#0C621F;margin-bottom:30px;text-align: center;font-size:45px}
.sub01_02 .titleArea .h2Title::before {background-color:#F7DA5A;}
.sub01_02 .line {background-color:#99cc66;}
.sub01_02 .innerBox2 {display: flex; gap: 80px;}
.sub01_02 .innerBox2 .h-tit1 {width: 30%;color:#000;flex-shrink:0;font-weight: bold;text-align: left;}
.sub01_02 .section .pin {color:#fff;}
.sub01_02 .section .pin:before {background-image: url(../../img/vol58/sub/pin2_w.png);}
.sub01_02 .section.bg1 {background:#FAFFD2;}
.sub01_02 .section.bg2  {background:#fff;}
.sub01_02 .section.bg2 .pin {background:#69abe2;}
.sub01_02 .section.bg2 .line {background:#d3e8f2;}
.sub01_02 .section.bg3 {background:#fff;padding-top: 0;}
.sub01_02 .section.bg3 .pin {background:#537693;}
.sub01_02 .section.bg3 .line {background:#d3e8f2;}
.mt5 {margin-top:5px !important;}

.sub01_02 .section .h-tit1 h2 {font-size: 40px; color:#000;flex-shrink:0;font-weight: bold;text-align: left;}
.sub01_02 .section .h-tit1 h3 {font-size: 28px; color:#000;flex-shrink:0;font-weight: bold;text-align: left; margin-top: 10px;}
.sub01_02 .section .flex {justify-content: flex-start;}
.sub01_02 .section h3.linetit {width: 30px;}
@media only all and (max-width: 767px) {
	.sub01_02 .section h3.title {font-size:2.6rem}
	.sub01_02 .innerBox2 {display: block;}
	.sub01_02 .innerBox2 .h-tit1 {width: auto;margin-bottom: 20px;}

    .sub01_02 .section .h-tit1 h2 {font-size: 30px;}
    .sub01_02 .section .h-tit1 h3 {font-size: 20px;}
}

/* sub01_03 */
.sub01_03 {position:relative;}
/* .sub01_03::before {content:'';position:absolute;top:0;left:0;width:100%;height:80%;background-color:#DEDDFF;z-index:-1;} */
.dictArea {position:relative;display:flex;background-color:#fff;border:5px #000 solid;border-radius:32px;padding:6.667rem 4.444rem 4.444rem;flex-direction:column;margin-top:-4.444rem}
.dictArea::before {content:'';position:absolute;top:-16px;right:50px;width:99px;height:112px;background:url(../../img/common23/icon_book.svg) no-repeat 0 0;background-size:100%;}
.dictArea::after {content:'';position:absolute;top:15px;left:15px;width:100%;height:100%;display:block;background-color:#F2F0FC;border:5px #000 solid;border-radius:32px;z-index:-1;}
.dictBox {display:flex;align-items:center;justify-content:center;}
.dictBox .tit {display:flex;height:3.611rem;font-size:1.778rem;color:#9C8DF2;border:1px #9C8DF2 solid;border-radius:100%;padding:0 2.222rem;align-items:center;justify-content: center;margin-right:2.222rem;}
.dictBox .txt {display:flex;flex-direction:column;font-size:1.667rem;color:#4A4F54;line-height:1.6;}
.dictBox .txt em {color:rgba(156, 141, 242, 0.60)}
.dictArea .title {display:flex;width:100%;padding:40px 0;margin:40px 0;border-top:1px #9C8DF2 solid;border-bottom:1px #9C8DF2 solid;justify-content:center;font-size:70px;}
.sub01_03_slider {position:relative;text-align:center;max-width:71%;margin:0 auto;}
.sub01_03_slider::before {content:'';position:absolute;top:-52px;left:30px;width:153px;height:52px;background:url(../../img/common23/icon_bookMark.png) no-repeat 0 0;background-size:100%;}
.sub01_03_slider .common-btnTPN {position:absolute;top:50%;bottom:0;width:56px;display:flex !important;height:56px;background-color:#000;border-radius:50%;background-size:24px;align-items:center;justify-content:center;transform:translateY(-50%)}
.sub01_03_slider .common-btnTPN.prev {left:-80px;}
.sub01_03_slider .common-btnTPN.next {left:auto;right:-80px;}
.sub01_03_slider .slick-counter {position:relative;display:flex;align-items:center;justify-content:center;margin-top:38px;font-family:'Pretendard';color:#000;font-size:26px;}
.btnArea {position:absolute;bottom:200px;right:32px;}
.btnArea .btn_view {display:flex;height:48px;background-color:#2544B1;padding:0 16px;border-radius:4px;align-items:center;}
.btnArea .btn_view span {display:flex;font-size:20px;color:#fff;align-items:center;font-weight:700;}
.btnArea .btn_view span::before {content:'';width:28px;height:28px;background:url(../../img/vol58/sub/sub01_03_icon_check.svg) no-repeat 0 0;background-size:100%;margin-right:8px;}
.viewArea {position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:700px;height:530px;opacity:0;z-index:-1;transition:all ease-in-out 0.3s;}
.viewArea.on {opacity:1;z-index:1;}
.viewArea .viewInner {position:relative;}
.viewArea .viewInner .btn_close {position:absolute;top:20px;right:20px;width:56px;height:56px;background:url(../../img/vol58/sub/sub01_03_icon_colse.svg) no-repeat 0 0;background-size:100%;}
.viewArea .viewInner .btn_close span {font-size:0;}
.sub01_03_slider .slick-list {border-radius:2rem;}
@media only all and (max-width:1024px) {
    .sub01_03_slider .common-btnTPN {top:auto;bottom:-7px;width:40px;height:40px;transform:translateY(0);background-color:transparent;border-radius:0;background-size:100%;}
    .sub01_03_slider .common-btnTPN.prev {left:auto;right:48px;}
    .sub01_03_slider .common-btnTPN.next {right:0;}
    .sub01_03_slider .slick-counter {font-size:1.4rem;left:0;bottom:0;justify-content:flex-start;margin-top:1.6rem}
}
@media only all and (max-width:767px) {
    .sub01_03::before {display:none;}
    .dictArea {background-color:transparent;border:0;border-radius:0;padding:0;margin-top:-3.2rem}
    .dictArea::before,
    .dictArea::after,
    .sub01_03_slider::before {display:none;}
    .dictBox {display:none;}
    .dictArea .title {font-size:2.4rem;padding:2.4rem 0;margin:1.2rem 0;}
    .sub01_03_slider {width:100%;max-width:100%;}
    .sub01_03_slider .slick-dots {display:none;align-items:center;justify-content:center;margin-top:2rem;}
    .sub01_03_slider .slick-counter {font-size:1.4rem;margin-top:2.4rem}
    .btnArea {bottom:85px;right:20px;}
	.btnArea .btn_view {height:30px;padding:0 10px}
	.btnArea .btn_view span {font-size:13px;}
	.btnArea .btn_view span::before {width:18px;height:18px;}
	.viewArea {width:100%;height:auto;}
	.viewArea .viewInner .btn_close {top:10px;right:10px;width:24px;height:24px;}
}

/* sub02_01 */
.sub02_01 .section {}
.sub02_01 .titleArea .h2Title:before {background: #FFFDB4;}
.sub02_01 .section .pin {background: none;}
.sub02_01 .h-tit1 {color:#333;}
.sub02_01 .h-tit1 strong {color:#ee7748;}
.sub02_01 .section h3.title {font-family:GowunDodum;font-size:36px;color:#041C6A;text-align: center;}
.sub02_01 .section h3.title.no {position: relative;display: flex;align-items:center}
.sub02_01 .section h3.title.no.right {justify-content:flex-end}
.sub02_01 .section h3.title.no.right~.flexBox .textArea {order:-1;margin-left: 0;margin-right: 20px;}
.sub02_01 .section h3.title.no span {border-radius:50%;background: #041C6A; color:#fff;display: inline-flex;align-items:center;justify-content:center;width: 30px;height: 30px;font-weight: normal;font-size:50%;margin-right: 10px;}
.sub02_01 .section h3.title.no span+span {margin-left: -15px;}
.sub02_01 .section .innerBox {max-width:900px;} 
.sub02_01 .section .col.textArea {text-align: left;}
.sub02_01 .inner {position: relative;z-index: 1}
.sub02_01 .line {background-color:#EBF87C;}
.sub02_01 .section.bg1 {padding-top:30%;background:#D4F0FF url(../../img/vol58/sub/sub2_01_bg01.png) no-repeat 50% 0 / contain;text-align: center;}
.sub02_01 .section.bg1 hr {border-top: 1px solid #041C6A;}

@media only all and (max-width:767px) {
	.sub02_01 .section h3.title {font-size:2.2rem}
    .sub02_01 .section.bg1 br {display: none;}
    .sub02_01 .section h3.title.bg img {width:50%;left:-20%;top:-90px}
	.sub02_01 .section h3.title.no.right {justify-content:flex-start}
}

/* sub02_02 */
.sub02_02 .section {background:#D5D2BE}
.sub02_02 .innerBox {display: flex;}
.sub02_02 .innerBox .h-tit1 {width: 36%;color:#000;flex-shrink:0;font-weight: bold;text-align: left;}
.sub02_02 .section .pin {color:#fff;font-size:18px}
.sub02_02 .section .pin:before {background-image: url(../../img/vol58/sub/pin_w.png);}
.sub02_02 .section .line {background:#D5D2BE;}
.sub02_02 .section.bg1 {background:#fff1cd;}
.sub02_02 .section.bg1 .pin {background:#e5b37d;}
.sub02_02 .section.bg1 .innerBox .line {background:#D5D2BE;}
.sub02_02 .section.bg2  {background:#fff;}
.sub02_02 .section.bg2 .pin {background:#A39177;}
.sub02_02 .section.bg2 .line {background:#D3C9B3;}
.sub02_02 .section.bg3 {background:#d9e7d3;}
.sub02_02 .section.bg3 .line {background:#bed8b3;}
.sub02_02 .section.bg3 .pin {background:#9ab88d;}
.sub02_02 .section.bg4 {background:#fff;}
.sub02_02 .section.bg4 .pin {background:#9ab88d;}

@media only all and (max-width: 767px) {
	.sub02_02 .section h3.title {font-size:2.6rem}
	.sub02_02 .section .pin {font-size:14px}
	.sub02_02 .innerBox {display: block;}
	.sub02_02 .innerBox .h-tit1 {width: auto;margin-bottom: 20px;}
}

/* sub02_03 */
.sub02_03 h3.title {color:#111; text-align: center;font-weight: 300;}
.sub02_03 h3.title img {max-height:2.5em	}
.sub02_03 .highlight {display: inline;box-shadow: inset 0 -10px 0 #D7E7FF; }
.sub02_03 .section.bg1 {background:#D7E7FF;}
.sub02_03 .section.bg1 .line {background: #80B1FB;}
.sub02_03 .section.bg1 ul {max-width:1000px;margin: 0 auto;}
.sub02_03 .section.bg1 li {display: flex;margin-top: 80px;align-items:center}
.sub02_03 .section.bg1 li:nth-child(even) .img {order:2;}
.sub02_03 .section.bg1 li:nth-child(even) .txt {padding-left: 0;padding-right: 5%;}
.sub02_03 .section.bg1 .img {width: 30%;}
.sub02_03 .section.bg1 .txt {width: 70%;padding-left: 5%;}
.sub02_03 .section.bg1 .tit {position: relative;margin-left: -20px;margin-bottom: 30px;}
.sub02_03 .section.bg1 .tit:after {content:"";position: absolute;left:0;right:0;height: 1px;background: #314d15;top:50%;margin-top: -1px;}
.sub02_03 .section.bg1 .tit span {background: #D7E7FF;padding: 0 20px;display: inline-block;position: relative;z-index: 1;}
.sub02_03 .section.bg1 .tit img {height:50px}
.sub02_03 .pin {padding: 0;color:#618523;}
.sub02_03 .pin:before {background-image: url(../../img/vol58/sub/pin_r.png);}

.sub02_03 .titleArea .h2Title::before {background: #daaeea;}

.sub02_03 .info_box {max-width:680px;margin:0 auto;text-align:center;}
.sub02_03 .subTit span {font-weight:400;}
.sub02_03 .section h3.title {color:#6c8841;margin-bottom:30px;text-align: center;}
.sub02_03 .txt_box2 .col ~ .col {margin-left:0;}
.sub02_03 .section.bg3 .line {background-color:#fff;}
.sub02_03 .section.bg1 .location_box {border:0;padding:14px 22px;background:#D7E7FF;}
.sub02_03 .section.bg1 .line {background:#80B1FB;}
.program_box {padding:40px;background:#fffaeb;border-radius:30px;}
.program_box .h_tit {font-family:GowunDodum;font-size:26px;color:#2544b1;font-weight:600;}
.program_box .h_tit span {background:linear-gradient(to top, transparent 5%, #ffe798 5%, #ffe798 50%, transparent 10%);}
.sub02_03 .h_tit2 {font-size:20px;color:#2541a4;font-weight:700;}
.mt5 {margin-top:5px !important;}
.sub02_03 .link {display:inline-block;height:23px;line-height:23px;padding:0 10px;font-size:16px;color:#fff;text-align:center;background:#2541a4;border-radius:4px;margin:4px 0 0 5px;}
@media only all and (max-width:1024px) {
    .sub02_03 .section.bg1 .bg {background-size:180px;}
    .sub02_03 .section.bg2 .bg {background-size:200px;}
}
@media only all and (max-width:767px) {
    .sub02_03 .innerBox {display: block;}  
    .sub02_03 .h-tit1 {width: auto;margin-bottom: .5em;}  
    .program_box {padding:25px 20px;}
    .program_box .h_tit {font-size:20px;}
    .sub02_03 .h-tit1 span {height:52px;line-height:52px;padding:0 30px;font-size:22px;}
    .sub02_03 .h_tit2 {font-size:18px;}
	.sub02_03 .section.bg1 li {display: block;margin-top: 40px;}
	.sub02_03 .section.bg1 .img {width: auto;}
	.sub02_03 .section.bg1 .tit img {height: 30px;}
	.sub02_03 .section.bg1 .txt {width: auto;margin-top: 30px;padding: 0;}
}

/* sub03_00 */
.sub03_00.contentsInner  {background: url(../../img/vol58/sub/sub3_00_bg.png) no-repeat 50% 100% / cover;padding-top: 5% !important;position: relative;}
.sub03_00 .titleArea .h2Title:before {background: #a0b785;}
.sub03_00 .section:before {content:"";width: 28%;height: 100%;position: absolute;right:0;top:0;background: url(../../img/vol58/sub/sub3_00_bg2.png) no-repeat 100% 0/ contain;}
.sub03_00 .section {padding-bottom: 40%;}
.sub03_00 .section .textArea img {width: 100%;max-width:800px;margin-bottom: 10%;display: block;}
.sub03_00 .section .line {background: #cfddf7;}


/* sub03_01 */
.sub03_01 .titleArea .h2Title::before {background: #efc9c8}
.talk_wrap {padding: 0 100px;}
.talk_wrap .talk1 {position:relative;padding:25px 30px;margin-left: 100px;margin-top:0;font-size:18px;line-height:30px;background:#DCD8FF;border-radius:28px 0 28px 28px;}
.talk_wrap .talk1 ~ .talk1 {margin-top:30px;}
.talk_wrap .talk2 {position:relative;padding:25px 30px;margin-right: 100px;margin-top:30px;font-size:18px;line-height:30px;background:#D0DCFB;border-radius:0 28px 28px 28px;word-break:keep-all;}
.talk_wrap .talk3 {position:relative;padding:25px 30px;margin-right: 100px;margin-top:30px;font-size:18px;line-height:30px;background:#D0DCFB;border-radius:0 28px 28px 28px;word-break:keep-all;}
.talk_wrap .ico_right, .talk_wrap .ico_left {width: 80px;text-align: center;color:#949494;line-height: 1.2;}
.talk_wrap .ico_right img, .talk_wrap .ico_left img {margin-bottom: 5px;}
.talk_wrap .ico_right span, .talk_wrap .ico_left span {color:#333}
.talk_wrap .ico_left span.jobPosition {color: #949494; font-size: 15px; font-weight: 100;}
.talk_wrap .ico_right {position:absolute;right:-100px;top:0px;}
.talk_wrap .ico_left {position:absolute;left:-100px;top:0px;}
.talk_wrap .text_green {color:#38903e !important;}
.talk_wrap .line {padding:0 1px;color:#000;background-color:#fff4c5;}
.talk_wrap .talk_link {padding:50px 30px;margin-top:30px;border-radius:28px;border:1px solid #e1e1e1;background:#f0f0f0 url(../../img/vol48/sub/sub3_01_bg1.png) no-repeat right 30px top 50%;}
.talk_wrap .talk_link dt {margin:20px 0 5px;font-size:20px;color:#333;font-weight:700;}
.talk_wrap .talk_link dt:first-of-type {margin-top:0;}
.talk_wrap .talk_link .link {display:inline-block;min-width:158px; height:37px;line-height:37px;padding:0 18px;font-size:18px;color:#fff;text-align:center;background:#52c04f;margin-right:5px;border-radius:30px;}
.h3_interview {font-size:32px;line-height:1;font-weight:700;color:#2544b1;}
.interview_list li {display:flex;padding:70px 80px 60px;margin-top:20px;background:#e8f4f5;}
.interview_list .thumb {flex:none;margin-right:20px;}
.interview_list dt {margin-bottom:20px;font-size:24px;font-weight:700;color:#333;}
.interview_list dd {font-size:18px;color:#555;line-height:32px;}
.sub03_01 .writer {display:flex;align-items:center;padding:40px 35px;border:3px solid #57a7fe;background:#fff url(../../img/vol58/sub/sub3_01_bg1.png) no-repeat right 33px bottom 30px;}
.sub03_01 .writer .thumb {flex:none;margin-right:50px;}
.sub03_01 .writer dt {margin-bottom:12px;font-size:25px;font-weight:700;color:#333;}
.sub03_01 .writer dd {font-size:18px;color:#555;line-height:32px;}
.sub03_01 .title {color:#333 !important;}
.sub03_01 .h3_title {color:#414397;font-size:32px;text-align:center;font-family:'yg-jalnan';}
.sub03_01 .imgArea.type2 .img ~ .img {margin-left:30px;}
.sub03_01 .imgArea.type2 dl {text-align:center;margin-top:20px;}
.sub03_01 .imgArea.type2 dt {font-size:24px;color:#555;font-weight:700;}
.sub03_01 .imgArea.type2 dd {font-size:18px;color:#555;line-height:30px;margin-top:7px;}
.sub03_01 .imgArea.type2 .tit {font-size:24px;color:#555;font-weight:700;text-align:center;margin-top:20px;}
.sub03_01 .section h3.title {color:#2544b1 !important;}
.sub03_01 .section h3.title.type2 {color:#3a4ba3 !important;font-family:GowunDodum;margin-bottom:0;}
.sub03_01 .section h3.title span {color:#ff8d52;}
.sub03_01 .h-tit4 {font-weight:400;color:#3a4ba3;}
.sub03_01 .link {display:inline-block;height:32px;line-height:32px;padding:0 12px;font-size:18px;color:#fff;text-align:center;background:#333;border-radius:2px;}
.sub03_01 .line {padding:0 1px;color:#222;background-color:#fff4c5;}
.sub03_01 .txt_green {color:#178e47 !important;}
.sub03_01 .tex_box8 {background-color:#3a4ba3;display:flex;}
.sub03_01 .tex_box8 .ptxt2 {color:#fff;}
.sub03_01 .tex_box8 .ptxt2 + .ptxt2 {margin-left:30px;}
@media only all and (max-width:1239px) {
	.sub03_01 .section .innerBox {padding:0;}
}
@media only all and (max-width:1024px) {
	.talk_wrap .talk_link {background:none;}
}
@media only all and (max-width:767px) {
    .sub03_01 .section.bg1 {padding:20px 0 40px;}
	.talk_wrap {padding:0 15px;}
	.talk_wrap .talk1 {padding:20px;margin-left: 60px;font-size:16px;line-height:26px;border-radius:20px 0 20px 20px;}
	.talk_wrap .talk2 {padding:20px;margin-right: 60px;margin-top:20px;font-size:16px;line-height:26px;border-radius:0 20px 20px 20px;}
    .talk_wrap .talk1 ~ .talk1 {margin-top:20px;}
	.talk_wrap .ico_right {right:-60px;width:50px;}
	.talk_wrap .ico_left {left:-60px;width:50px;}
    .talk_wrap .talk_link {padding:30px 20px;margin-top:20px;border-radius:20px;}
    .talk_wrap .talk_link dt {font-size:18px;}
    .talk_wrap .talk_link .link {min-width:100%;height:34px;line-height:34px;font-size:16px;margin:10px 0 0;}
    .sub03_01 .link {font-size:14px;padding:0 8px;}
    .h3_interview {font-size:24px;}
	.interview_list li {display:block;padding:30px 20px;margin-top:15px;}
    .interview_list .thumb {margin-right:0;text-align:center;}
	.interview_list dt {margin:20px 0 10px;font-size:20px;text-align:center;}
	.interview_list dd {font-size:16px;line-height:24px;}
    .sub03_01 .writer {padding:20px 15px;border:2px solid #57a7fe;}
	.sub03_01 .writer .thumb {margin-right:10px;}
	.sub03_01 .writer .thumb img {width:70px;}
	.sub03_01 .writer dt {font-size:18px;}
	.sub03_01 .writer dd {font-size:16px;line-height:24px;}
    .sub03_01 .h3_title {font-size:23px;}
    .sub03_01 .imgArea.type2 .img ~ .img {margin-left:0;}
    .sub03_01 .imgArea.type2 dl {text-align:center;margin-top:20px;}
    .sub03_01 .imgArea.type2 dt {font-size:20px;}
    .sub03_01 .imgArea.type2 dd {font-size:16px;line-height:28px;}
    .sub03_01 .imgArea.type2 .tit {font-size:20px;margin-top:10px;}
    .sub03_01 .tex_box8 {display:block;letter-spacing:-0.5px;padding:15px;}
    .sub03_01 .tex_box8 .ptxt2 + .ptxt2 {margin-left:0;margin-top:10px;}
}
@media only all and (max-width:480px) {
	.talk_wrap .ico_right, .talk_wrap .ico_left {font-size:12px;}
    .talk_wrap .ico_right span, .talk_wrap .ico_left span {font-size:12px;}
    .talk_wrap .ico_left span.jobPosition {font-size: 12px;}
	.talk_wrap .ico_right {right:-55px;width:45px;}
	.talk_wrap .ico_left {left:-55px;width:45px;}
	.talk_wrap .talk1 {margin-left: 100px; right:50px;}
	.talk_wrap .talk2,
	.talk_wrap .talk3,
	.talk_wrap .talk4,
	.talk_wrap .talk5 {margin-right: 100px; left:50px;}	
    .talk_wrap .talk1 {font-size:14px;line-height:22px;}
	.talk_wrap .talk2 {font-size:14px;line-height:22px;}
}

/* sub03_02 */
.sub03_02 .section.bg1 {background:#defbff;}
.sub03_02 .section.bg2 {background:#ffdebe url(../../img/vol58/sub/sub3_02_bg1.png) no-repeat 50% 100%;background-size:100%;padding-bottom:26vw;}
/* .sub03_02 .section h3.title {margin-bottom:15px;} */
.sub03_02 .h4-tit {padding:20px 0;color:#fff;font-size:28px;font-weight:700;text-align:center;background:#2544b1;line-height:1.3;}
.sub03_02 .titleArea .h2Title:before {background: #c6e8e4;}
.sub03_02 .subTxt2 {font-size:30px;letter-spacing:-1px;}
.sub03_02 .col.img {margin-top: -100px;margin-left: 50px;order:2}
.sub03_02 .talk_wrap {margin:0 80px;}
.sub03_02 .info_list {display:flex;flex-wrap:wrap;justify-content:center;margin:0 -15px;padding:0 50px;}
.sub03_02 .info_list li {width:calc(100%/4 - 30px);text-align:center;margin:0 15px;}
.sub03_02 .info_list p {color:#333;font-size:18px;margin-top:15px;line-height:1.4;}
.sub03_02 .inner_box {padding:0 145px;}
.sub03_02 .inner_box h3.title {margin-bottom:20px;text-align:center;color:#000;}
.sub03_02 h3.title {color:#2a3c81}
.sub03_02 .line {background-color:#d9efff;}
.sub03_02 .row {display: flex;justify-content:center;margin:4rem auto;max-width:1000px}
.sub03_02 .row .col {padding: 0 1rem;width: 33.3%;}
.sub03_02 .row .col img {}
@media only all and (max-width:1239px) {
	.sub03_02 .talk_wrap {margin:0;}
    .sub03_02 .inner_box {padding:0 50px;}
    .sub03_02 .info_list {padding:0 50px;}
}
@media only all and (max-width:767px) {
    .sub03_02 .section.bg1 {background-size:150%;padding-bottom:13vw;}
    .sub03_02 .section.bg2 {background-size:150%;padding-bottom:48vw;}
    .sub03_02 .h4-tit {padding:13px 0;font-size:20px;}
    .sub03_02 .subTxt2 {font-size:19px;}
    .sub03_02 .info_list {display:block;margin:0;}
    .sub03_02 .info_list li {width:100%;text-align:center;margin:30px 0 0;}
    .sub03_02 .info_list li:first-child {margin:0;}
    .sub03_02 .info_list p {font-size:16px;}
    .sub03_02 .inner_box {padding:0;}
    .sub03_02 h3.title.type2 {margin-bottom:20px;font-size:20px;}
	.sub03_02 .col.img {float:right;width: 30%;margin-top: 10px;margin-left: 10px;}
}

/* sub03_02_1 */
.sub03_02_1 .section {padding-top:0;}
.sub03_02_1_slider {position:relative;width:1084px;margin:0 auto;text-align:center;}
.sub03_02_1_slider .slick-arrow {position:absolute;top:50%;display:inline-block;width:58px;height:42px;margin-top:-42px;text-indent:-999px;overflow:hidden;z-index:1;}
.sub03_02_1_slider .slick-prev {left:0;background:url(../../img/vol58/sub/ico_prev.png) no-repeat 50% 50%;}
.sub03_02_1_slider .slick-next {right:0;background:url(../../img/vol58/sub/ico_next.png) no-repeat 50% 50%;}
.sub03_02_1_slider .slick-dots {display:inline-block;width:140px;height:45px;line-height:38px;border:1px solid #e7e7e7;padding-top:3px;margin-top:55px;padding-right:0;border-radius:45px;overflow:hidden;background:#f2f2f2;}
.sub03_02_1_slider .slick-dots li {font-size:25px;color:#555;width:auto;height:auto;margin:0;text-indent:0;border-radius:0;cursor:default;border:0;background:transparent;display:block;}
.sub03_02_1_slider .slick-dots li span {position:relative;padding-right:12px;font-size:30px;color:#2a7fff;font-weight:700;}
.sub03_02_1_slider .slick-dots li span:after {content:'';width:1px;height:20px;background:#c4c4c4;position:absolute;right:3px;top:9px;}
.sub03_02_1_slider .slick-dots li.slick-active {width:auto;height:auto;border:0;}
@media only all and (max-width:1300px) {
	.sub03_02_1 .section .inner {width:auto;padding-right:80px;padding-left:80px;}
}
@media only all and (max-width:1024px) {
	.sub03_02_1_slider {width:auto;}
}
@media only all and (max-width:767px) {
    .sub03_02_1 .section .inner {padding-right:0;padding-left:0;}
	.sub03_02_1_slider .slick-dots {width:110px;height:38px;line-height:31px;margin-top:20px;}
	.sub03_02_1_slider .slick-dots li {font-size:18px;}
	.sub03_02_1_slider .slick-dots li span {font-size:24px;}
	.sub03_02_1_slider .slick-dots li span {padding-right:8px;}
	.sub03_02_1_slider .slick-dots li span:after {height:16px;top:10px;}
}

/* sub03_03 */
.newsList > li {display:flex;flex-direction:column;border-top:3px #413B36 solid;padding-top:1.333rem;margin-top:5.111rem;}
.newsList > li:first-child {margin-top:0;}
.newsTitle {position:relative;display:flex;align-items:center;color:#000;font-size:1.778rem;font-weight:700;background:url(../../img/common23/JPDC_Logo.svg) no-repeat 100% 50%;background-size:100px 48px;}
.newsTitle::before {content:'';display:flex;width:88px;height:88px;;background-color:#2544B1;align-items:center;justify-content:center;margin-right:1.333rem;color:#fff;font-size:2.222rem;font-weight:700;flex-shrink:0;}
.newsTitle::after {content:'';position:absolute;bottom:0;left:72px;width:0;height:0;border-color:transparent;border-bottom-color:#7CD2FD;border-style:solid;border-width:0 0 16px 16px;}
.newsTitle span {display:contents;color:#365fbb;}
.n01 .newsTitle::before {content:'01';}
.n02 .newsTitle::before {content:'02';}
.n03 .newsTitle::before {content:'03';}
.n04 .newsTitle::before {content:'04';}
.n05 .newsTitle::before {content:'05';}
.n06 .newsTitle::before {content:'06';}
.newsList > li .img {margin:2.667rem 0;text-align:center;}
.newsList > li .newsTitle + .img {margin-top:1.333rem}
.newsList > li img {width:100%;}
.newsList > li img.auto {width:auto;}
.sub03_03 .h4-tit {color:#353d45;font-size:30px;font-weight:700;text-align:center;line-height:1.3;}
.sub03_03 .line {background: #e2edfc;}
.n05 .flexBox .col {width: 25%;}
.n05 .flexBox .col.textArea {width: 75%;}
@media only all and (max-width:767px) {
    .newsTitle {font-size:1.8rem;background:none}
    .newsTitle::before {width:60px;height:60px;font-size:2rem;}
    .newsTitle::after {left:44px}
    .sub03_03 .h4-tit {font-size:20px;letter-spacing:-1px;}
    .n05 .flexBox .col {width: 100%;}
    .n05 .flexBox .col.textArea {width: 100%;}
}
@media only all and (max-width:480px) {
    .newsTitle::before {width:44px;height:44px;font-size:1.8rem}
    .newsTitle::after {left:34px;bottom:4px;border-width:0 0 10px 10px}
}

/*sub04_01*/
.sub04_01 {background:#F1E5FF;}
.sub04_01 .titleArea .h2Title:before {background:#DEB3FF;}

.sub04_01 .contentsInner .section {padding-top:0;/* padding-bottom:13vw; */}
.sub04_01 .contentsInner .section.winner {background: #cc89ff;}
.sub04_01 .contentsInner .section.event .innerBox {/* padding:0 270px; */}
.eventArea {margin-bottom:15px;}
.eventArea h3 {position:relative;margin-top: 5%;margin-bottom:40px;font-size:34px;width: 80%;margin-left: auto;margin-right: auto;color:#333;font-weight: bold;text-align:center;}
.eventArea .bg_wrap {background:url(../../img/vol58/sub/sub04_01_bg1.png) no-repeat 0 0;}
.eventArea .event_header {text-align:center;margin:0 -100px;position: relative;}
.eventArea .event_header video {max-width:100%;}
.eventArea .event_header p {font-size:18px;color:#fff;line-height:32px;position: absolute;left:0;right:0;bottom:0;color:#fff}
.eventArea .event_header p .line {padding:0 1px;background-color:#27221f;}
.event_guide .guide_inner {padding:40px 48px 35px;text-align:center;/* background:#fff; *//* border-radius:20px 20px 0 0; *//* border:2px solid #202020; */border-bottom:0;}
.event_guide .how_box {padding:35px 0 45px;background:#e8e0dd;border:2px solid #323232;border-bottom:0;border-radius:50px 50px 0 0;}
.event_guide .hint {padding:30px 0 40px;border:2px solid #323232;border-top:0;border-radius:0 0 50px 50px;background:url(../../img/vol58/sub/sub04_01_bg1.png) repeat 0 0;}
.event_guide .hint h3 {margin-bottom:15px;color:#fff;font-size:24px;}
.event_guide .hint p {color:#fff;font-size:18px;line-height:26px;}
.event_guide .correct_input {margin:10px 30px 0;padding-top:13px;}
.event_guide .correct_input input {width:325px;height:38px;border:0;padding:0 5px 0 17px;border-radius:19px;color:#b2b2b2;background-color:#23324b;font-size:18px;}
.event_guide .correct_input input::placeholder {color:#b2b2b2;}
.event_guide .correct_input p {font-size:18px;color:#333;margin:15px 0 5px}
.event_guide .correct_input .input_group {display:flex;width:325px;margin:0 auto;}
.event_guide .correct_input .input_group input {width:100%;}
.event_guide .correct_input .input_group .name {flex:none;width:125px;margin-right:8px;}
.event_btnblock {text-align:center;padding-top:45px;}
.event_btnblock .btn_event a {display:inline-block;width:246px;height:68px;line-height:67px;text-align:center;font-size:25px;color:#fff;font-weight:700;background:#005ade;white-space:nowrap;border-radius:70px;border:2px solid #222;}
.event_btnblock p {color:#333;font-size:16px;margin-top:20px;}
.event_info {position: absolute;left:0;right:0;bottom:1em;color:#fff;padding: 1em;}
.event_how {text-align:center;}
.event_how .how_inner {padding:40px 48px 60px;text-align:center;background:#c1615b;border-radius:0 0 20px 20px;border:2px solid #202020;border-top:0;}
.event_how img {max-width:70%}
.event_how h3 span {position:relative;display:inline-block;height:50px;line-height:46px;padding:0 30px;z-index:1;font-weight: bold;background: #F1E5FF;}
.event_how h3:after {content:"";position:absolute;top:24px;left:0;width:100%;height:2px;background: url(../../img/vol58/sub/sub4_01_line.png) no-repeat 50% / 100%;}
.event_goods {padding:50px 0 0;}
.event_goods h3 span {position:relative;display:inline-block;height:50px;line-height:46px;padding:0 30px;z-index:1;font-weight: bold;background: #F1E5FF;}
.event_goods h3:after {content:"";position:absolute;top:24px;left:0;width:100%;height:2px;background: url(../../img/vol58/sub/sub4_01_line.png) no-repeat 50% / 100%;}
.event_goods ul {display:flex;flex-wrap:wrap;margin:0 auto;max-width:80%}
.event_goods li {width:33.333333%;font-size:17px;color:#333;text-align:center;line-height:24px;}
.event_goods li img {max-width:75%}
.event_goods li span {position:relative;display:block;width:110px;height:50px;margin:0 auto -30px;line-height:50px;font-size:18px;color:#fff;background:#4c94bf;border-radius:50px;}
.event_goods li em {display:block;margin-top:15px;}
.event_goods >div {display: flex;flex-direction:column;align-items:center}
.event_goods a {background: #3bba95;color:#fff;display: block;width: 100%;max-width:400px;border-radius:50px;padding: 15px 40px;box-shadow:inset -5px -5px 5px rgba(0,0,0,0.2);}
.event_goods a:first-child {background: #BF6BFF;margin-bottom: 10px;}
.winnerArea .title {display:flex;flex-direction:column;align-items:center;padding:25px 0;}
.winnerArea .title img {max-width:70%}
.winnerInfo {display:flex;flex-direction:column;align-items:center;background-color:#fff;border: 2px solid #a4a4c5;border-radius:18px;margin-top:3.333rem;padding:0 0 3.778rem;}
.winnerInfo  ~ .winnerInfo {margin-top:5.333rem}
.winnerInfo .subTit {display:flex;align-items:center;justify-content:center;height:63px;background-color:#40c082;border-radius:32px;color:#fff;font-size:1.333rem;font-weight:700;padding:0 104px;margin-top:-1.778rem;}
.winnerInfo .subTit span {font-weight:400;margin-right:0.556rem;}
.winnerInfo .listBox {display:flex;align-items:flex-start;justify-content:space-evenly;margin-top:36px;}
.winnerInfo .listBox dl {display:flex;flex-direction:column;align-items:center;}
.winnerInfo .listBox dl ~ dl {margin-left:130px}
.winnerInfo .listBox dt {color:#413b36;font-size:24px;font-weight:700;margin-bottom:1.433rem;}
.winnerInfo .listBox dd {color:#413B36;font-size:18px;}
.winnerInfo .listBox dd ~ dd {margin-top:0.6rem;}
.winnerInfo .listBox .list dl ~ dl {margin-left:0;margin-top:50px;}
.winnerInfo .listBox .list ~ dl {margin-left:130px}
.winnerArea .caption {display:flex;color:#fff;font-size:1.111rem;font-weight:400;margin-top:4.444rem;align-items:center;justify-content:center;}
.winnerArea .caption span {display:flex;word-break:keep-all}
.winnerArea .caption span::before {content:'';width:24px;height:24px;background:url(../../img/vol58/sub/icon_eventCaption.svg) no-repeat 0 0;background-size:100%;margin-right:16px;flex-shrink:0;}
.commentBox {display:inline-flex;padding:16px 0;color:#6E7780;font-size:16px;border-top:1px #808890 solid;margin-top:48px;}
@media only all and (max-width:1239px) {
    .event_goods {padding:60px 80px;}
    .sub04_01 .contentsInner .section.event .innerBox {padding:0 20vw;}
}
@media only all and (max-width:1024px) {
    .sub04_01 .contentsInner .section.event .innerBox {padding:0 18vw;}
    .event_goods {padding:60px 30px;}
}
@media only all and (max-width:767px) {
    .sub04_01 .contentsInner .section {padding-top:0;padding-bottom: 0;}
    .sub04_01 .contentsInner .section.winner {padding:4rem 2rem;padding-top: 0;background-size:100%;}
    .sub04_01 .contentsInner .section.event .innerBox {padding:0;}
    .eventArea {margin-bottom:2rem;}
    .eventArea .event_header {padding:10px 0 30px;margin:0 -20px;}
    .eventArea .event_header p {font-size:16px;line-height:28px;margin-top:-10px;}
    .event_guide .guide_inner {padding:25px 10px 30px;}
    .event_guide h3 {font-size:20px;}
	.event_guide .how_box {padding:25px 0 30px;border-radius:30px 30px 0 0;}
	.event_guide .hint {padding:25px 20px 30px;border-radius:0 0 30px 30px;}
    .event_guide .hint h3 {font-size:20px;}
    .event_guide .hint p {font-size:16px;}
	.event_guide .correct_input {margin:0;padding-top:8px;}
	.event_guide .correct_input input {width:100%;padding:0 10px;}
	.event_guide .correct_input p {font-size:16px;}
	.event_guide .correct_input .input_group {width:auto;}
	.event_guide .correct_input .input_group .name {width:100px;margin-right:5px;}
	.event_guide .img {padding:0 20px;}
    .event_btnblock {padding-top:30px;}
    .event_btnblock .btn_event a {width:220px;height:56px;line-height:55px;font-size:20px;}
    .event_btnblock p {font-size:14px;margin-top:15px;}
    .event_how .how_inner {padding:30px 10px 30px;}
    .event_how h3 {margin:0 0 15px;font-size:20px;width: auto;}
    .event_info {position: static;text-align: center;background: #BF6BFF;}
    .event_info ul {margin:0 20px;}
    .event_info li {font-size:14px;line-height:24px;text-align:center;text-indent:-9px;}
    .event_goods {padding:30px 0 40px;background-size:90%;}
    .event_goods h3 {margin-bottom:20px;width: 100%;font-size:22px;}
    .event_goods ul {display:block;}
    .event_goods li {width:100%;font-size:16px;line-height:26px;margin-top:30px;}
    .event_goods li:first-child {margin-top:0;}
    .event_goods li span {height:48px;line-height:46px;font-size:16px;}
    .winnerArea .title {padding:10px 0 20px;}
    .winnerInfo .subTit {flex-direction:column;font-size:1.8rem;padding:0 2.5rem;margin-top:-3.2rem}
    .winnerInfo .listBox {flex-direction:column;align-items:center;}
    .winnerInfo .listBox dl ~ dl {margin:2.4rem 0 0;}
    .winnerInfo .listBox dt {font-size:2rem;}
    .winnerInfo .listBox dd {font-size:1.5rem;}
    .winnerInfo .listBox .list dl ~ dl {margin-top:30px;}
    .winnerInfo .listBox .list ~ dl {margin-left:0;margin-top:30px;}
    .winnerArea .caption {font-size:1.8rem;}
}

/* 틀린그림찾기 */
.event2 {text-align:center;padding-bottom:16vw;}
.event_header2 {background:#ccb288;border-radius:20px 20px 0 0;padding-top:60px;}
.event_header2 video {max-width:100%;}
.event_header2 dl {padding:10px 20px 30px 20px;background:#ccb288;margin-top:-15px;position:relative;}
.event_header2 dt {font-size:20px;color:#333;line-height:28px;letter-spacing:-1px;}
.event_header2 dd {display:inline-block;height:38px;font-size:18px;color:#333;line-height:36px;margin-top:15px;padding:0 20px;border:1px solid #333333;border-radius:50px;letter-spacing:0.5px;}
.event_goods2 {padding:0 40px 50px 22px;overflow:hidden;background:#ccb288;}
.event_goods2 ul {overflow:hidden;}
.event_goods2 li {float:left;width:50%;}
.event_goods2 li li {position:relative;float:none;width:auto;line-height:32px;padding-left:10px;}
.event_goods2 li.li02 li {line-height:22px;}
.event_goods2 li li span {color:#6d22de;font-weight:500;}
.event_goods2 li.li01 li:before {content:'';position:absolute;left:0;top:14px;display:inline-block;width:3px;height:3px;background:#343535;border-radius:5px;border:1px solid #343535;}
.event_goods2 li.li01 dl {min-height:335px;margin-left:18px;padding:30px 30px 20px 30px;background:#d2f5ff;border-radius:20px;}
.event_goods2 li.li02 dl {min-height:335px;margin-left:18px;padding:30px 25px 20px;background:#f4dccd;border-radius:20px;}
.event_goods2 li dt {margin:5px 0 10px;font-size:35px;color:#333;font-weight:400;text-align:center;letter-spacing:-1px;}
.event_goods2 li dd {color:#333;font-size:18px;text-align:left;}
.event_goods2 li.li02 {position:relative;}
.event_goods2 li.li02 dd {color:#333;font-size:18px;text-align:center;}
.event_goods2 li.li02 .img {margin-top:25px;}
.pictureQuizCont {position:relative;height:1030px;padding:55px 0 110px;text-align:left;background:#3f3a32 url('/img/vol58/sub/event_bg.jpg') no-repeat 0 0;border-radius:0 0 20px 20px;}
.pictureQuizCont .cont {position:absolute;left:40px;top:213px;height:447px;}
.pictureQuizCont .timer {color:#fff;font-size:25px;text-align:center;}
.pictureQuizCont .time {width:225px;height:54px;margin:18px auto 0;text-align:left;background:url(../../img/vol58/sub/sub03_05_bg2.png) no-repeat 0 0;}
.pictureQuizCont .time span {width:103px;margin-left:18px;padding-left:15px;font-size:35px;font-weight:400;display:inline-block;height:53px;line-height:51px;text-align:center;letter-spacing:33px;font-family:'roboto';    white-space:nowrap;}
.pictureQuizCont .time span:first-child {margin-left:0;}
.pictureQuizCont .quiz_ready .img {display:block;}
.pictureQuizCont .quiz_ready .img.mibile {display:none;}
.pictureQuizCont .btn_area {margin-top:25px;width:100%;text-align:center;color:#fff;font-size:18px;clear:both;}
.pictureQuizCont .btn_area p {margin-bottom:18px;padding:0 40px}
.pictureQuizCont .btn_area input {width:387px;height:54px;padding-left:30px;color:#666;font-size:16px;border-radius:54px;border:0;}
.pictureQuizCont .btn_area .btns {margin-top:30px;}
.pictureQuizCont .picture_quiz {display:block;}
.pictureQuizCont .picture_quiz.mobile {display:none;}
.pictureQuizCont .picture_quiz .answer {position:absolute;}
@media only all and (max-width:1300px) {
	.event_goods2 li img {width:auto;}
	.pictureQuizCont .btn_area .btns img {width:auto;}
	.pictureQuizCont .quiz_ready img {width:auto;}
	.pictureQuizCont .quiz_play img {width:auto;}
	.pictureQuizCont .btn_area img {width:auto;}
}
@media only all and (max-width:1024px) {
    .event2 {padding:4rem 2rem 15vw;}
	.event_goods2 li.li01 dl {padding:20px 30px;}
	.event_goods2 li.li02 dl {padding:20px 30px;}
	.picture_wrap {background:#3f3a32;border-radius:0 0 20px 20px;}
	.pictureQuizCont {height:880px;width:290px;margin:0 auto;padding:15px 0 40px;background:#3f3a32 url('/img/vol58/sub/event_bg_m.png') no-repeat 0 0;background-size:287px;}
	.pictureQuizCont .cont {left:10px;right:11px;top:101px;height:auto;}
	.pictureQuizCont .quiz_ready .img {display:none;}
	.pictureQuizCont .quiz_ready .img.mibile {display:block;}
	.pictureQuizCont .picture_quiz {display:none;}
	.pictureQuizCont .picture_quiz.mobile {display:block;}
	.pictureQuizCont .quiz_ready img {width:100%;}
	.pictureQuizCont .quiz_play img {width:100%;}
	.pictureQuizCont .btn_area img {width:100%;}
	.pictureQuizCont .timer {font-size:16px;}
	.pictureQuizCont .time {width:100px;height:24px;margin:5px auto 0;background:url(../../img/vol58/sub/sub03_05_bg2.png) no-repeat 0 0;background-size:100px;}
	.pictureQuizCont .time span {width:43px;margin-left:10px;padding-left:7px;font-size:16px;height:24px;line-height:24px;text-align:center;letter-spacing:15px;}
	.pictureQuizCont .btn_area {font-size:16px;}
	.pictureQuizCont .btn_area p {padding:0;}
	.pictureQuizCont .btn_area input {width:270px;height:54px;padding-left:30px;color:#666;font-size:16px;border-radius:54px;border:0;}
	.pictureQuizCont .btn_area .btns img {width:70%;}
}
@media only all and (max-width:767px) {
    .event_header2 {padding-top:30px;}
	.event_header2 dl {padding:30px 20px 30px 20px;}
	.event_header2 dt {font-size:17px;}
	.event_header2 dd {font-size:16px;padding:0 20px;}
	.event_header2 dd.dd01 {margin-top:45px;padding:0 20px;letter-spacing:0;}	
	.event_goods2 {padding:0 17px 50px 0;}
	.event_goods2 li {float:none;width:auto;}
	.event_goods2 li.li01 dl {padding:20px 20px;min-height:auto;}
    .event_goods2 li.li02 {margin-top:20px;}
	.event_goods2 li.li02 dl {padding:20px 20px;min-height:auto;}
    .event_goods2 li.li02 dd {font-size:16px;}
	.event_goods2 li dt {font-size:24px;}
	.event_goods2 li dd {font-size:16px;}
}

/* event keyword */
.hidden_keyword {position:fixed;top:490px;right:50%;width:108px;height:108px;text-align:center;border:2px solid #000;background:#4e9cf4;border-radius:15px;transition:all 0.5s;transform:translateX(680px);cursor:pointer;z-index:20;line-height:24px;}
.hidden_keyword .cursor {position:absolute;bottom:-19px;left:-32px;}
.hidden_keyword .keyword_wrap {position:relative;padding-top:12px;}
.hidden_keyword .keyword_wrap.keyword1 {display:block;}
.hidden_keyword .keyword_wrap.keyword2 {display:none;margin-top:2px;}
.hidden_keyword .keyword_wrap.keyword2 .txt {margin-bottom:25px;}
.hidden_keyword .keyword_wrap.keyword1 .keyword {display:inline-block;font-size:50px;color:#fff;font-weight:700;font-family:'Roboto';margin-top:15px;}
.hidden_keyword .keyword_wrap.keyword2 .keyword {display:inline-block;font-size:36px;color:#fff;font-weight:700;margin:0 8px;}
.hidden_keyword .btn_request {display:none;font-size:16px;color:#222;font-weight:500;margin-top:18px;}
.hidden_keyword .close {position:absolute;right:12px;top:12px;width:16px;height:16px;background:url(../../img/vol58/sub/ico_eclose.png) no-repeat 0 0;text-indent:-999px;overflow:hidden;display:none;}
.hidden_keyword.on {width:238px;height:158px;}
.hidden_keyword.on .cursor {display:none;}
.hidden_keyword.on .keyword_wrap.keyword1 {display:none;}
.hidden_keyword.on .keyword_wrap.keyword2 {display:block;animation:fadein 1s;-webkit-animation:fadein 1s;}
.hidden_keyword.on .btn_request {display:block;animation:fadein 1s;-webkit-animation:fadein 1s;}
.hidden_keyword.on .close {display:block;}
@media only all and (max-width:1440px) {
	.hidden_keyword {right:20px;transform:translateX(0px);}
}
@media only all and (max-width:767px) {
	.hidden_keyword {top:288px;width:80px;height:80px;right:12px;}
	.hidden_keyword .cursor {bottom:-10px;left:-20px;width:42px;}
	.hidden_keyword .keyword_wrap {padding-top:8px;}
	.hidden_keyword .keyword_wrap.keyword1 img {width:60px;}
	.hidden_keyword .keyword_wrap.keyword2 {margin-top:3px;}
	.hidden_keyword .keyword_wrap.keyword2 .txt {margin-bottom:18px;}
	.hidden_keyword .keyword_wrap.keyword2 .txt img {width:100px;}
	.hidden_keyword .keyword_wrap.keyword1 .keyword {font-size:30px;margin-top:0;}
	.hidden_keyword .keyword_wrap.keyword2 .keyword {font-size:28px;}
	.hidden_keyword .btn_request {font-size:14px;margin-top:5px;}
	.hidden_keyword.on {width:200px;height:128px;}
}

/*main*/
.visualWrap {position:relative;}
.visualSlider {padding:0 0 0 5.333rem;}
.visualSlider .slick-list {padding-bottom:1.333rem;}
.visualSlider .list {position:relative;transition:all 0.3s ease-in-out;}
.visualSlider .list ~ .list {margin-left:1.333rem;}
.visualSlider .list a {position:relative;display:block;width:37.879vw;}
.visualSlider .list .inner {display:flex;width:100%;height:100%;flex-direction:column;justify-content:space-between;}
.visualSlider .list .inner::after {content:'';position:absolute;bottom:0;right:3.535vw;font-size:6.667rem;color:#fff;font-family:'Pretendard';text-align: right;}
.visualSlider .list.sub01_01 .inner::after {content:'01';}
.visualSlider .list.sub01_02 .inner::after {content:'02';}
.visualSlider .list.sub01_03 .inner::after {content:'03';}
.visualSlider .list .inner .thumb {height:calc(100vh - 104px);}
.visualSlider .list a img {width:100%;height:calc(100vh - 104px);object-fit:cover;}
.visualSlider .list a video {width:100%;height:calc(100vh - 104px);object-fit:cover;}
.visualSlider .textBox {position:absolute;top:64px;left:56px}
#container dt.title {display:inline-flex;flex-direction:column;font-size:0.889rem;color:#fff;font-weight:700;}
#container dt.title::before {content:'';width:100%;height:12px;margin-bottom:-22px;background-color:#B66400;}
#container dd.text {color:#fff;font-size:1.778rem;font-weight:700;}

.visualSlider .caption {display:flex;flex-direction:column;max-width:320px;margin-top:0.889rem;opacity:0;transition:all 0.3s ease-in-out;}
.visualSlider .caption .text {font-size:0.889rem;color:#fff;line-height:1.8;}
.visualSlider .list a::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(37, 68, 177, 0.8);overflow:hidden;transition:all 0.3s ease-in-out;opacity:0;}
.visualSlider .list:hover {transform:translateY(1.333rem);}
.visualSlider .list:hover a::before,
.visualSlider .list:hover a .caption {opacity:1;}
#container .visualSlider .list:hover dt.title::before {background-color:#A47B00;}
.visualSlider .more {margin-top:3.556rem}
.visualSlider .slick-arrow {display:none !important;}
.visualSlider .slick-dots {position:absolute;bottom:4.104vw;left:9.596vw;}
.visualSlider .slick-dots li {border:1px #fff solid;background-color:transparent;margin-right:24px;}
.visualSlider .slick-dots li.slick-active {background-color:#fff;}
.slick-counter {position:absolute;left:0;bottom:0;color:#fff;font-family:'Pretendard';font-size:1rem;font-weight:400;}
.slick-counter .current {font-weight:700;}
.visualSlider .slick-counter {bottom:3.788vw;}

.visualWrap .main_event {position:absolute;right:5%;bottom:34px;z-index:10;}
.visualWrap .event_btn {text-align:center;overflow:hidden;background:#fff;}
.visualWrap .event_btn a {position:relative;display:block;float:left;width:50%;line-height:55px;color:#1f1f1f;font-size:14px;}
.visualWrap .event_btn a:first-child:before {content:"";position:absolute;top:20px;right:0;width:1px;height:15px;background:#1f1f1f;}

.mainSection1 {position:relative;width:100%;display:flex;flex-direction:column;background:url(../../img/vol58/main/bg_mainSection1.jpg) no-repeat center;background-size:cover;overflow: hidden;}
.mainSection1 .inner {padding:8.889rem 5.333rem;}
.main .inner h2.title {font-size:6.667rem;transition-delay:0.2s;line-height:1.1;}
.main .inner .desc {font-size:1.333rem;font-weight:700;margin-top:-3.056rem;transition-delay:0.3s}
.mainSection1 h2.title {color:rgba(255, 255, 255, 0.15);}
.mainSection1 .desc {color:#fff;}
.jejuEmbrace .item a {display:block;}
.jejuEmbrace .item1 {display:flex;flex-direction:column;margin-bottom:-14.205vw;align-items:flex-end;-webkit-box-pack:justify;z-index:1;}
.jejuEmbrace .item2 {display:flex;flex-direction:column;clear:both;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:-28.409vw;}
.jejuEmbrace .item3 {float:right;width:45.929vw;display:flex;flex-direction:column;align-items:center;}
.jejuEmbrace .item1 a {width:45.929vw;}
.jejuEmbrace .item2 a {width:29.798vw}
.jejuEmbrace .item3 a {display:flex;flex-direction:column;width:37.247vw;align-items:flex-start;}
.jejuEmbrace .thumb {display:flex;flex-direction:column;overflow:hidden;transition:all 0.4s ease-in-out;}
.jejuEmbrace .thumb img {transform:scale(1);transition:all 0.4s ease-in-out;width:100%;}
.jejuEmbrace .item:hover .thumb img {transform:scale(1.1);}
.jejuEmbrace dl {color:#fff;margin-top:32px;text-align:left;}
.item .more {display:flex;font-family:'Pretendard';font-size:0.7576vw;color:#fff;font-weight:700;align-items:center;transition:opacity 0.3s;}
.item .more {margin-top:32px;}
.item .more::after,
.visualSlider .more::after {content:'';width:49px;height:32px;background:url(../../img/common23/icon_more.svg) no-repeat 0 0;background-size:49px 32px;margin-left:8px;}
.visualSlider .more {display:flex;font-family:'Pretendard';font-size:0.7576vw;color:#fff;font-weight:700;align-items:center;opacity:0;transition:opacity 0.3s;}
.visualSlider a:hover .more {opacity:1;}

.mainSection2 .inner {padding:8.889rem 0 0 5.333rem;overflow:hidden;}
.mainSection2 h2.title {color:rgba(243, 238, 237, 1);}
.mainSection2 .desc {color:#000;}
.loveInWrap {position:relative;padding:130px 0 84px;}
.loveInBoxSlick .boxText {position:absolute;top:185px;left:0;width:26.1vw;padding-right:70px;z-index:1;}
.loveInBoxSlick .boxText .pcText {display:none;transition:all 0.3s ease-in-out;}
.loveInBoxSlick .boxText .pcText.show {display:block;}
#container .loveInBoxSlick dt.title::before {background-color:#A47B00;}
.loveInBoxSlick .innerSlick {padding-left:26.1vw;}
.loveInBoxSlick .innerSlick::after {content:'';position:absolute;left:-5.333rem;bottom:0;top:-80px;width:49.2vw;height:135%;background-color:#0F5B03;z-index:-1;}
.loveInBoxSlick .innerSlick .slick-slide ~ .slick-slide {margin-left:24px;}
.loveInBoxSlick .innerSlick .slick-slide .img {position:relative;width:31.3131vw;overflow:hidden;}
.loveInBoxSlick .innerSlick .slick-slide .img::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);transition:all 0.3s ease-in-out;}
.loveInBoxSlick .innerSlick .slick-slide .img img {width:100%;transition:all 0.4s ease-in-out;transform:scale(1);}
.loveInBoxSlick .innerSlick .slick-slide.slick-current .img::after {opacity:0;}
.loveInBoxSlick .innerSlick .slick-slide:hover .img img {transform:scale(1.1);}
.loveInBoxSlick .innerSlick .slick-slide:hover .img::after {opacity:0;}
.loveInBoxSlick .innerSlick .box_text {display:none}

.common-btnTPN {position:absolute;bottom:-7px;width:40px;height:40px;}
.common-btnTPN.prev {left:87px}
.common-btnTPN.next {left:134px}

.mainSection3 .inner {padding:8.889rem 5.333rem}
.main .mainSection3 .inner h2.title {font-family:'Pretendard';font-size:1.778rem;font-weight:900;}
.topicWrap {margin-top:40px;}
.topicWrap .slick-list {margin-left:-24px;}
.topicItem {display:flex;flex-direction:column;padding-left:1.333rem;}
.topicItem a {display:block;padding-top:48px;border-top:2px #000 solid;}
.topicItem .title {font-size:0.889rem;color:#4A4F54;font-weight:700;}
.topicItem .topicBox .tit {font-size:1.333rem;color:#000;font-weight:700;margin:1.333rem 0 1.333rem;}
.topicItem .topicBox .txt {display:-webkit-box;width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:0.889rem;color:#4A4F54;margin-bottom:2.667rem;}
.topicItem .topicBox .img {position: relative;overflow:hidden;}
.topicItem .topicBox .img img {width:100%;transform:scale(1);transition:all 0.4s ease-in-out}
.topicItem a:hover .topicBox .img img {transform:scale(1.1);}
.topicItem a:hover .topicBox .img::before {content:'';position:absolute;top:50%;left:50%;background:url(../../img/common23/icon_plus.svg) no-repeat 0 0;width:55px;height:55px;background-size:100%;z-index:1;transform:translate(-50%,-50%);}
.topicItem a:hover .topicBox .img:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(53,72,152,0.8);}
.topicWrap .slick-initialized .slick-slide.slick-counter,
.topicSlider .slick-counter {display:none;}

.mainSection4 {position:relative;width:100%;display:flex;flex-direction:column;background:url(../../img/vol58/main/bg_mainSection4.jpg) no-repeat center 100%;background-size:cover;}
.mainSection4 .inner {display:flex;flex-direction:column;padding:7.5758vw 5.333rem;align-items:center;}
.mainSection4 .inner .contBox {display:flex;flex-direction:column;align-items:center;text-align:center;}
.mainSection4 .inner .contBox .contLogo {display:flex;flex-direction:column;width:160px;background:url(../../img/vol58/main/contLogo.png) no-repeat 0 0;background-size:160px 37px;align-items:center;}
.mainSection4 .inner .contBox .contLogo::after {content:'';display:flex;width:1px;height:80px;background-color:rgba(255, 255, 255, 0.50);margin:60px 0;}
.mainSection4 .inner .contBox .title {position:relative;display:inline-flex;flex-direction:column;width:510px;font-size:48px;font-weight:700;color:#fff;white-space: nowrap;overflow: hidden;transition:all 0.3s ease-in-out;}
.mainSection4 .inner .contBox .title::before {content:'';position:absolute;bottom:0;width:100%;height:50%;background-color:rgba(255, 144, 16, 0.3);z-index:-1;}
.mainSection4 .inner .contBox .title.active {animation:typing 2s steps(15), blink .5s step-end infinite alternate;}
.mainSection4 .inner .contBox .text {margin-top:1.778rem;font-size:0.889rem;color:#fff;line-height:1.8;}
.mainSection4 .inner .btnWrap {display:flex;margin:60px 0 250px;}

.btn {display:flex;height:56px;color:#fff;font-size:18px;font-weight:700;background-color:#2544B1;}
.btn2 {display:flex;height:56px;color:#e25623;font-size:18px;font-weight:700;background-color:#fff;}
.btn ~ .btn {margin-left:24px}
.btn.icon {padding:0 32px 0 20px;}
.btn span {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.btn.icon span::before {content:'';width:24px;height:24px;background-size:100%;margin-right:0.889rem;}
.btnEvent span::before {background:url(../../img/common23/icon_event.svg) no-repeat 0 0;}
.btnWebzine span::before {background:url(../../img/common23/icon_subscription.svg) no-repeat 0 0;}

@keyframes typing {
	from {
	  width: 0
	}
}

@keyframes blink {
	50% {
	  border-color: transparent
	}
}

@media only all and (max-width:1239px) {
    #container dt.title {font-size:0.889rem;}

    .main .inner .desc {font-size:2.344vw;margin-top:-3.419vw;}
    .mainSection1 .inner {padding:5.859vw 2.930vw}
}

@media only all and (max-width:1155px) {
  	.visualSlider .list .inner::after {font-size:5rem;}
}

@media only all and (max-width:1024px) {
    .visualSlider .list .inner::after {font-size:4rem;}
    .visualSlider .slick-counter {bottom:3.7vw;}
	.visualSlider .list a {width:80vw}

    .visualWrap .main_event {width:270px;}

    .mainSection2 .inner {padding:7.8125vw 0 0 4.6875vw}
    .mainSection3 .inner {padding:7.8125vw 4.6875vw}
    #container dt.title {font-size:1.563vw;}
    .loveInBoxSlick .innerSlick::after {top:-48px;}
    .loveInBoxSlick .boxText {top:145px}

    #container dd.text {font-size:1.4rem;}

    .topicItem .title {font-size:1rem;}
    .topicItem .topicBox .tit {font-size:1.25rem;}
    .topicItem .topicBox .txt {font-size:1rem;margin-bottom:1.6rem;}

    .topicWrap .slick-initialized .slick-slide.slick-counter,
    .topicSlider .slick-counter {display:block;}
    .topicSlider .slick-counter {position:absolute;bottom:-2rem;left:0;color:#000;}
    .topicSlider .common-btnTPN {position:absolute;bottom:-2.5rem;left:auto;z-index:1;}
    .topicSlider .common-btnTPN.prev {right:4.5rem}
    .topicSlider .common-btnTPN.next {right:0;}
    .topicSlider .slick-arrow img,
    .sub01_03_slider .slick-arrow img  {filter:invert(1);}
    .topicWrap .slick-counter {display:block;left:0}
}

@media only all and (max-width:767px) {
    .visualSlider {padding:0 0 4.444vw 4.444vw}
    /*.visualSlider .list a {width:55.879vw}*/
    .visualSlider .list ~ .list {margin-left:4.444vw}
    .visualSlider .list .inner::after {font-size:6rem;right:4.556vw}
	.visualSlider .list .inner .thumb {height:calc(100vh - 70px);}
    .visualSlider .list a img {height:calc(100vh - 70px);}
    .visualSlider .list a video {height:calc(100vh - 70px);}
    .visualSlider .list:hover {transform:translateY(0);}
    .visualSlider .list:hover a::before,
    .visualSlider .list:hover a .caption {display:none;}
    #container .visualSlider .list:hover dt.title::before {background-color:#2544b1;}
    .visualSlider .textBox {top:4.1667vw; left:4.1667vw}
    .visualSlider dl {top:10vw;left:6.667vw;}
    .visualSlider .caption .text {font-size:1.8229vw;}
    .visualSlider .slick-dots {bottom:11.111vw;left:11.111vw}
    .visualSlider .slick-counter {bottom:9.5vw;}
    .visualSlider .more,
    .item .more {font-size:1.2rem;}

    .visualWrap .main_event {right:3.5%;bottom:50px;width:240px;}
    .visualWrap .event_btn a {line-height:40px;font-size:12px;}
	.visualWrap .event_btn a:first-child:before {top:13px;}

    #container dt.title {font-size:1.4rem;}

    .mainSection1 .inner {padding:15.6250vw 0}
    .mainSection2 .inner {padding:15.6250vw 0 0}
    .mainSection3 .inner {padding:15.6250vw 3.1250vw;}
    .main .inner h2.title {font-size:6rem;}
    .main .inner .desc {font-size:2rem;margin-top:-2.2rem;}
    .main .mainSection3 .inner h2.title {font-size:2.4rem}

    .mainSec .inner .titleBox {padding:0 1.6rem;}
    .jejuEmbrace {overflow:hidden;}
    .jejuEmbrace .item {float:left;margin:6.4rem 0 0;width:84vw;}
    .jejuEmbrace .item.item2 {float:right;}
    .jejuEmbrace dl {padding-left:4.444vw}
    #container dd.text {font-size:1.8rem;}

    .jejuEmbrace .item1 a,
    .jejuEmbrace .item2 a,
    .jejuEmbrace .item3 a {width:auto}
    .item .more {opacity:1;padding-left:4.444vw}
    .m_br {display:block;}

    .boxText {display:none;}
    .loveInWrap {padding:6.4rem 0 0;}
    .loveInBoxSlick .innerSlick {padding:0 0 11rem 0;}
    .loveInBoxSlick .innerSlick::after {left:0;top:-2.4rem;width:95vw;height:auto;}
    .loveInBoxSlick .innerSlick .slick-list {margin-left:4.444vw;}
    .loveInBoxSlick .innerSlick .slick-slide ~ .slick-slide {margin-left:0.8rem}
    .loveInBoxSlick .innerSlick .slick-slide .box_text {margin-top:2.4rem;}
    .loveInBoxSlick .innerSlick .slick-slide.slick-current .box_text {display:block;}
    .loveInBoxSlick .innerSlick .slick-slide .img {width:78vw;}
    .slick-counter {bottom:3.7rem;left:4.444vw;font-size:1.4rem}
    .common-btnTPN {bottom:3.4rem;}
    .common-btnTPN.prev {left:auto;right:8.3rem}
    .common-btnTPN.next {left:auto;right:4.6rem}

    .topicWrap .slick-list,
    .topicWrap .slick-track {margin-left:0;}
    .topicItem {padding-left:0;}
    .topicItem ~ .topicItem {margin-left:0}
    .topicItem a {padding-top:3.2rem;}
    .topicItem .title {font-size:1.6rem;}
    .topicItem .topicBox .tit {font-size:2rem;margin-bottom:1rem}
    .topicItem .topicBox .txt {margin-bottom:3.2rem;font-size:1.5rem}
    .topicSlider .common-btnTPN {bottom:-4rem}
    .topicSlider .slick-counter {bottom:-3rem}

    .mainSection4 {margin-bottom:0;}
    .mainSection4 .inner {padding:8rem 5.556vw;}
    .mainSection4 .inner .contBox .contLogo {width:8rem;background-size:100%}
    .mainSection4 .inner .contBox .contLogo::after {height:4rem;margin:3rem;}
    .mainSection4 .inner .contBox .title {font-size:2.4rem;width:28rem;}
    .mainSection4 .inner .contBox .text {font-size:1.5rem;margin-top:4.444vw;}
    .mainSection4 .inner .btnWrap {width:100%;margin:3rem 0 10rem;align-items:center;justify-content:space-between;}
    .btn {width:100%;height:auto;flex-direction:column;font-size:1.4rem;}
    .btn.icon {padding:4.444vw;}
    .btn span {flex-direction:column;}
    .btn.icon span::before {margin:0 0 4px 0;}
    .btn ~ .btn {margin-left:1.2rem;}
}

@media only all and (max-width:480px) {
  .visualSlider .list .inner::after {font-size:16.6667vw;right:9.556vw}
  .visualSlider .list a {width:100vw;}
  .visualSlider .textBox {top:9.1667vw;left:9.1667vw;}
  .visualSlider .caption {max-width:80vw;}
  .visualSlider .caption .text {font-size:3.8889vw}
  #container dd.text {font-size:2.4rem}
  .visualSlider .slick-counter {bottom:9.5vw;left:25.8333vw !important;}

  .visualWrap .main_event {right:15px;bottom:36px;width:200px;}

  .mainSection1 .inner {padding:8rem 0}
  .mainSection2 .inner {padding:8rem 0 0}
  .mainSection3 .inner {padding:8rem 4.444vw;}

  #container dt.title {font-size:1.6rem;}

  .common-btnTPN.prev {left:auto;right:7.3rem}
  .common-btnTPN.next {left:auto;right:2.6rem}
  .topicSlider .common-btnTPN.next {right:-0.4rem}

  .mainSection4 .inner .contBox .text {margin-top:9.444vw}
}