@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard.css");
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');*/

html,body {}
.wrap {width:100%; min-width:1280px;}
.dis_table {display:table; width:100%; height:100%;}
.dis_table_cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.in {position:relative;}
.max1280 {max-width:1280px; margin:0 auto;}
dt, dd {color:inherit; font-weight:inherit; font-size:inherit; line-height:inherit;}
.hidden {display: none;}


/* wrap_fixed */
.wrap_fixed {}
.wrap_fixed .logo_set {position:fixed; top:30px; left:30px; z-index:-1; opacity:0;}
.wrap_fixed .logo_set.show {opacity:1;z-index:999;}
.wrap_fixed .logo_set .logo {}
.wrap_fixed .logo_set .logo a {position:relative; width:141px; height:52px;}
.wrap_fixed .logo_set .logo a:before,
.wrap_fixed .logo_set .logo a:after {content:''; position:absolute; top:0; left:0; z-index:0; opacity:0; width:100%; height:100%;}
.wrap_fixed .logo_set .logo a:before {background:url("../images/logo_bl.png"); background-size:cover;}
.wrap_fixed .logo_set .logo a:after {background:url("../images/logo_wh.png"); background-size:cover;}
.wrap_fixed .logo_set.bl .logo a:before {z-index:1; opacity:1;}
.wrap_fixed .logo_set.wh .logo a:after {z-index:1; opacity:1;}

.wrap_fixed .sticky_set {position:fixed; bottom:64px; right:69px; z-index:-1; opacity:0;
	/*-webkit-transform:translateY(130%);*/
	/*-moz-transform:translateY(130%);*/
	/*-o-transform:translateY(130%);*/
	/*transform:translateY(130%);*/

}
.wrap_fixed .sticky_set.show {
	opacity:1;
	z-index:99;
	/*-webkit-transform:translateY(0%);*/
	/*-moz-transform:translateY(0%);*/
	/*-o-transform:translateY(0%);*/
	/*transform:translateY(0%);*/
}
.wrap_fixed .sticky_set .btn_sticky {display:block; font-size:0;}
.wrap_fixed .sticky_set .btn_sticky img {width:186px;}

/*.wrap_fixed .dropdown_set {position:fixed; top:30px; right:18px; z-index:999; opacity:1;}*/
.wrap_fixed .dropdown_set {position:absolute; top:30px; right:calc((100% - 1100px) / 2); z-index:999; opacity:1;}
.wrap_fixed .dropdown_set .tit {color:#ffffff; font-weight:700; font-size:18px; line-height:26px; letter-spacing:-0.02em; text-shadow:0 4px 10px rgba(0, 10, 103, 0.5);}
.wrap_fixed .dropdown_set .tit img {width:35px; margin:2px 2px 0 -4px;}
.wrap_fixed .dropdown_set .btn_list {position:absolute; top:38px; right:13px; z-index:-1; overflow:hidden;}
.wrap_fixed .dropdown_set .btn_list .btn {width:155px; color:#005EB8; font-weight:400; font-size:15px; line-height:34px; letter-spacing:-0.02em; text-align:center; background:#ffffff;}
.wrap_fixed .dropdown_set .btn_list .btn:first-child {border-radius:4px 4px 0 0;}
.wrap_fixed .dropdown_set .btn_list .btn:last-child {border-radius:0 0 4px 4px;}
.wrap_fixed .dropdown_set .btn_list .btn:hover {background:#EFEFEF;}

.wrap_fixed .dropdown_set .ani_box {border-radius:4px; box-shadow:0 4px 10px rgba(0, 10, 103, 0.5);}
.wrap_fixed .dropdown_set .ani_box {opacity:0;
	-webkit-transform:translateY(-110%);
	-moz-transform:translateY(-110%);
	-o-transform:translateY(-110%);
	transform:translateY(-110%);
}
.wrap_fixed .dropdown_set.open .ani_box {opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
}


/* 공통 (section03 ~ section06) */
.sec_common {text-align:center;}
.sec_common .data_info_set {display:flex; align-items:flex-start; text-align:left; padding-left:185px; margin-bottom:60px;}
.sec_common .data_info_set .tit_set {display:flex; align-items:flex-start; width:460px;}
.sec_common .data_info_set .tit_set .bullet {width:35px; margin-right:46px;}
.sec_common .data_info_set .tit_set .sec_tit {margin-top:9px;}
.sec_common .data_info_set .txt_set {color:#333333; font-weight:400; font-size:18px; line-height:28px; letter-spacing:-0.02em;}
.sec_common .data_info_set .txt_set span {display:block;}
.sec_common .data_info_set .txt_set span:not(:last-child) {margin-bottom:10px;}
.sec_common .list_set {position:relative; display:inline-block;}
.sec_common .data_list {position:relative; z-index:1; display:inline-flex; margin-left: 10px;}
.sec_common .data_list li {position:relative; width:300px; height:220px; border-radius:10px; text-align:left;}
.sec_common .data_list li:not(:last-child) {margin-right:10px;}
.sec_common .data_list .list_txt {position:absolute; left:0; bottom:-44px; z-index:1; color:#828282; font-family:inherit; font-weight:400; font-size:16px; line-height:28px;}
.sec_common .bg_shadow {position:absolute; top:0; left:0; z-index:0; display:inline-flex; margin-left: 10px;}
.sec_common .bg_shadow li {width:300px; height:220px; border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.sec_common .bg_shadow li:not(:last-child) {margin-right:10px;}


/* section_visual */
.section_visual {height:800px; background:url("../images/main_bg@1x.jpg") no-repeat center center; background-size:cover;}
.section_visual .in {height:100%; padding-left:95px;}
.section_visual .tit_set {margin-top:43px;}
.section_visual .tit_set .sec_tit {margin-bottom:27px;}
.section_visual .tit_set .sec_tit img {width:581px;}
.section_visual .tit_set .txt {color:#ffffff; font-weight:400; font-size:22px; line-height:30px; letter-spacing:-0.03em; }
.section_visual .tit_set .txt em {font-weight:700;}


/* section01 */
.section01 {background:#0E418D; padding:105px 0 110px;}
.section01 .in {max-width:1038px; margin:0 auto;}
.section01 .video_set {position:relative; width:100%; padding-top:56.25%; border-radius:20px; box-shadow:0 30px 40px rgba(0, 0, 0, 0.25);}
.section01 .video_set iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; border-radius:20px;}
.section01 .video_set .btn_play {position:absolute; top:50%; left:50%; z-index:2;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.section01 .video_set .btn_mute {position:absolute;top:80px;right:20px;z-index:100; width:40px; height:39px; background:transparent url("../images/ico_sound_off.png") no-repeat center center;background-size:100%;border-radius:0; border:none;outline:0;}
.section01 .video_set .btn_mute.on {background:transparent url("../images/ico_sound_on.png") no-repeat center center;background-size:100%;}


/* section02 */
.section02 {background:url("../images/sec02_bg@1x.jpg") no-repeat center center; background-size:cover; padding:80px 0; text-align:center;}
.section02 .tit_set {}
.section02 .tit_set .bullet {width:35px;}
.section02 .tit_set .sec_tit {margin:20px 0 32px;}
.section02 .tit_set .sec_tit img {height:42px;}
.section02 .tit_set .txt {color:#ffffff; font-weight:400; font-size:18px; line-height:26px; letter-spacing:-0.02em; margin-bottom:62px;}
.section02 .data_list {display:flex; justify-content:center;}
.section02 .data_list li {width:310px; background:#ffffff; border-radius:20px; text-align:left; overflow:hidden;}
.section02 .data_list li:not(:last-child) {margin-right:8px;}
.section02 .data_list .txt_set {display:flex; flex-direction:column; align-items:flex-start; height:331px; padding:36px 0 0 30px;}
.section02 .data_list .list_img {width:100%;}
.section02 .data_list .list_tit {height:21px; margin-bottom:21px;}
.section02 .data_list li:nth-child(1) .list_tit {height:51px;}
.section02 .data_list .list_txt {color:#005EB8; font-family:inherit; font-weight:400; font-size:16px; line-height:26px; letter-spacing:-0.05em;}
.section02 .data_list .btn_more {color:#005EB8;font-family:inherit; font-weight:700; font-size:18px; line-height:28px; border-bottom:1px solid #005EB8; margin:auto 0 30px;}
.section02 .data_list .btn_more .txt {vertical-align:middle;}
.section02 .data_list .btn_more img {height:14px; margin-left:18px;}


/* section03 */
.section03 {background:url("../images/sec03_bg@1x.jpg") no-repeat center center; background-size:cover; padding:154px 0 150px;}
.section03 .data_info_set .tit_set .sec_tit {margin-top:3px;}
.section03 .data_info_set .tit_set .sec_tit img {width:277px; height:auto;}
.section03 .data_list {justify-content:center; margin:0;}
.section03 .data_list li:not(:last-child) {margin-right:8px;}
.section03 .data_list li:nth-child(1) {background:url("../images/sec03_img01.jpg") no-repeat center center; background-size:cover;}
.section03 .data_list li:nth-child(2) {background:url("../images/sec03_img02.jpg") no-repeat center center; background-size:cover;}
.section03 .data_list li:nth-child(3) {background:url("../images/sec03_img03.jpg") no-repeat center center; background-size:cover;}
.section03 .data_list li:nth-child(4) {background:url("../images/sec03_img04.jpg") no-repeat center center; background-size:cover;}
.section03 .bg_shadow {margin-left:0;}
.section03 .bg_shadow li:not(:last-child) {margin-right:8px;}


/* section04 */
.section04 {background:url("../images/sec04_bg@1x.jpg") no-repeat center center; background-size:cover; padding:150px 0;}
.section04 .data_info_set .tit_set .sec_tit img {width:250px; height:auto;}
.section04 .data_list {width:920px; height:280px; background:url("../images/sec04_img.jpg") no-repeat center center; background-size:cover; border-radius:10px; box-shadow:0 10px 20px rgba(117, 84, 0, 0.1);}
.section04 .data_list .list_txt {color:#425563;}


/* section05 */
.section05 {background:url("../images/sec05_bg@1x.png") no-repeat center center; background-size:cover; padding:150px 0;}
.section05 .data_info_set .tit_set .sec_tit img {width:211px; height:auto;}
.section05 .data_list li {height:200px;}
.section05 .data_list li:nth-child(1) {background:url("../images/sec05_img01.jpg") no-repeat center center; background-size:cover;}
.section05 .data_list li:nth-child(2) {background:url("../images/sec05_img02.jpg") no-repeat center center; background-size:cover;}
.section05 .data_list li:nth-child(3) {background:url("../images/sec05_img03.jpg") no-repeat center center; background-size:cover;}
.section05 .bg_shadow li {height:200px;}


/* section06 */
.section06 {background:url("../images/sec06_bg@1x.png") no-repeat center center; background-size:cover; padding:150px 0;}
.section06 .data_info_set .tit_set .sec_tit img {width:211px; height:auto;}
.section06 .data_list {display:inline-flex; background:#fff; border-radius:10px; box-shadow:0 10px 20px rgba(117, 84, 0, 0.1); padding:60px; text-align:left;}

.section06 .data_list .left {border-collapse:collapse; margin-right:100px;}
.section06 .data_list .left dl {display:flex; color:#005EB8; font-weight:400; font-size:18px; line-height:calc(35px - 1px); border-bottom:1px solid #005EB8;}
.section06 .data_list .left dl:nth-child(1) {line-height:calc(40px - 1px - 1px); border-top:2px solid #005EB8;}
.section06 .data_list .left dl dt {width:115px; font-weight:700;}
.section06 .data_list .left dl dd {width:calc(100% - 115px);}

.section06 .data_list .right {width:448px;}
.section06 .data_list .right dl {display:flex; color:#005EB8; font-weight:400; font-size:18px; line-height:28px; border-bottom:2px solid #005EB8;}
.section06 .data_list .right dl:first-child {border-top:2px solid #005EB8; padding:6px 0 4px;}
.section06 .data_list .right dl:nth-child(2) {padding:3px 0 9px;}
.section06 .data_list .right dl dt {width:82px; font-weight:700;}
.section06 .data_list .right dl dd {}
.section06 .data_list .right .desc {color:#005EB8; font-weight:400; font-size:18px; line-height:28px; margin:20px 0 0;}


/* section07 */
.section07 {background:url("../images/sec07_bg@1x.jpg") no-repeat center center; background-size:cover; padding:170px 0 150px;}
.section07 .in {display:flex; justify-content:center;}
.section07 .box {width:462px;}
.section07 .box:not(:last-child) {margin-right:86px;}
.section07 .box_tit {display:flex; align-items:center; justify-content:center; height:165px; background:#fff; border-radius:20px; text-align:center;}
.section07 .box_tit img {height:29px;}
.section07 .box_txt {color:#FFFFFF; font-weight:400; font-size:18px; line-height:28px; padding-top:16px; margin-top:46px; border-top:2px solid #fff;}
.section07 .tag_set {display:flex; flex-wrap:wrap; margin-top:23px;}
.section07 .tag_set li {flex-grow:1; text-align:center; color:#FFFFFF; font-weight:700; font-size:16px; line-height:34px; border:1px solid #FFFFFF; border-radius:20px; padding:0 10px;}
.section07 .tag_set li:not(:last-child) {margin-right:8px;}
/*.section07 .tag_set li:nth-child(3) {padding:0 19px;}*/

/*.section07 .box.coming_soon .box_tit {background:rgba(255,255,255,0.5);}*/
.section07 .box .box_tit[href*="javascript:;"] {background:rgba(255,255,255,0.5);}

/* section08 */
.section08 {padding:150px 0;}
.section08 .in {display:flex; padding-left:154px;}
.section08 .left {width:390px; height:470px; border-radius:30px; margin-right:100px; overflow:hidden;}
.section08 .left img {width:100%;}
.section08 .right {display:flex; flex-direction:column; align-items:flex-start; margin-top:-3px;}
.section08 .right .sec_tit {margin-bottom:50px;}
.section08 .right .sec_tit img {height:33px;}
.section08 .right .txt {color:#333333;font-family:inherit; font-weight:400; font-size:16px; line-height:29px; letter-spacing:-0.05em;}
.section08 .right .txt span {display:block;}
.section08 .right .txt span:not(:last-child) {margin-bottom:20px;}
.section08 .right .btn_download {color:#FFFFFF; font-weight:700; font-size:25px; line-height:80px; letter-spacing:-0.05em; background:#005EB8; border-radius:8px; padding:0 110px; margin:auto 0 0 -4px;}


/* footer */
.footer {background:#333333; padding:96px 0 79px;}
.footer .in {display:flex; padding-left:78px;}
.footer .f_logo {display:inline-block; margin-right:231px;}
.footer .f_logo img {width:192px;}
.footer .address {color:#828282; font-weight:400; font-size:18px; line-height:28px; margin-top:3px;}
.footer .address a {display:inline;}
.footer .address em {display:block; color:#fff;}
.footer .address .txt {display:block;margin:20px 0 46px;}
.footer .address .copyright {}


/* scrollbar */
html::-webkit-scrollbar {
	width:10px;
	height:10px;
}
html::-webkit-scrollbar-thumb {
	background-color:#005EB8;
	border-radius:10px;
	background-clip:padding-box;
	border:2px solid transparent;
}
html::-webkit-scrollbar-thumb:hover {
	background-color:#005EB8;
}
html::-webkit-scrollbar-track {
	background-color:#fff;
}

/* popup */
.popup {position:fixed; top:0; left:0; z-index:-1; opacity:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0,0,0,0.4)}
.popup.show {z-index:999; opacity:1;}
.popup .inner {position:relative; width:400px; height:auto; text-align:center; background:#fff; border-radius:10px; padding:59px 0 48px;}

.popup_coming .inner .txt {color:#005EB8; font-weight: 700; font-size: 18px; line-height: 28px; margin-bottom:27px;}
.popup_coming .inner .btn_close {color: #FFFFFF; font-weight: 700; font-size: 18px; line-height:58px; background:#005EB8; border-radius:8px; padding:0 40px;}