.wrap{overflow: hidden;}
.m_tit{}
.m_tit h2{font-weight:600; font-size:60px; color: #222;}
.m_tit p{font-size:28px; color: #222; line-height: 1.428em; margin-top: 30px;}
.m_tit.c h2{color: #fff;}
.m_tit.c p{color: rgba(255, 255, 255, 0.8);}

.mv{position:relative; border-radius:0 0 150px 0; overflow: hidden;}
.mv .slide_ctn .item{overflow: hidden;}
.mv .slide_ctn .item .bg{height: 100vh; background:url(/img/main/mv01.png) 50% 50% /cover no-repeat;}
.mv .slide_ctn .item .bg02{background:url(/img/main/mv02.png) 50% 50% /cover no-repeat;}
.mv .slide_ctn .item .bg03{background:url(/img/main/mv03.png) 50% 50% /cover no-repeat;}
.mv .txt{position:absolute; top: 38%; left: 210px; }
.mv .txt p{font-size:36px; color: #fff;}
.mv .txt h2{font-weight:600; font-size:90px; color: #fff; margin-top: 20px;}
.mv .dots{display:flex; align-items:center; position:absolute; bottom: 130px;left: 210px;}
.mv .dots li{background: #fff; border-radius:3px; width: 3px; height: 3px; margin-right: 16px;}
.mv .dots li.on{background:url(/img/main/icon_dots.svg) 50% 50% /cover no-repeat; border-radius:0; width: 15px; height: 13px;}


.m_rd{position:relative; padding: 120px 0 92px; overflow: hidden;}
.m_rd .bg{position:absolute; bottom: -247px; left: 0;width: 1190px; height: 1009px; background:url(/img/main/main_bg01.png) 50% 50% /cover no-repeat;}
.m_rd .box{display:flex; justify-content:space-between;}
.m_rd .bot{justify-content:flex-end; margin-top: 10px;}
.m_rd .box .m_tit{margin-top: 20px;}
.m_rd .box .item_list{display:flex; gap:10px}
.m_rd .box .item_list .item{position:relative; width: 344px; max-width: 344px; height: 420px; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10); padding: 45px 35px 0 35px; overflow: hidden; transition:0.3s}
.m_rd .box .item_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.m_rd .box .item_list .item .hover_bg{position: absolute; top: 0; left: 0; background: var(--color); width: 0; height: 0; border-radius: 50%; transform: translate(-50%,-50%); transition: 0.9s width, 0.9s height; user-select: none; pointer-events: none;}
.m_rd .box .item_list .item figure{position:relative; z-index: 2;}
.m_rd .box .item_list .item figure svg{}
.m_rd .box .item_list .item figure svg path{transition:0.3s}
.m_rd .box .item_list .item .txt{position:relative; z-index: 2; margin-top: 40px;}
.m_rd .box .item_list .item .txt h3{font-weight: 500; font-size:30px; color: #222; opacity: 0.8; transition:0.3s}
.m_rd .box .item_list .item .txt p{color: #fff; opacity: 0; font-size:18px; font-weight:300; margin-top: 20px; line-height: 1.4; transition:0.3s}
.m_rd .box .item_list .item .btn{position:absolute; bottom: 32px; right: 32px; opacity: 0;  transition:0.3s; z-index: 2;	}
.m_rd .box .item_list .item .btn img{}


.m_rt{background:url(/img/main/main01.png) 50% 50% /cover no-repeat; padding: 120px 0 80px;}
.m_rt .slide_wrap{padding-left:100px;}
.m_rt .slide_wrap .slide_btn{display:flex; justify-content:flex-end; margin:4px 0 17px; transform:translateX(17px); padding-right: 100px;}
.m_rt .slide_wrap .slide_btn > div{position:relative; width: 35px; height: 35px; text-align: center; cursor: pointer;}
.m_rt .slide_wrap .slide_btn > div i{font-size:20px; color: #fff; margin: 8px 0;}
.m_rt .slide_wrap .slide_btn .prev::after{content:""; position:absolute; top: 50%; right: -9px; width: 2px; height: 10px; border-radius:2px; background: rgba(255, 255, 255, 0.30); transform:translateY(-50%);}
.m_rt .slide_wrap .slide_btn .next{margin-left: 17px;}
.m_rt .slide_wrap .slide_btn > div:hover i{color: #5588FF; }
.m_rt .slide_wrap .slide_ctn{}
.m_rt .slide_wrap .slide_ctn .item{position:relative; width: 100%; max-width: 1560px; display:flex; align-items:center;}
.m_rt .slide_wrap .slide_ctn .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_rt .slide_wrap .slide_ctn .item figure{}
.m_rt .slide_wrap .slide_ctn .item figure img{}
.m_rt .slide_wrap .slide_ctn .item .txt{margin-left: 80px;}
.m_rt .slide_wrap .slide_ctn .item .txt .num{margin-bottom:100px;}
.m_rt .slide_wrap .slide_ctn .item .txt .num p{color: rgba(255, 255, 255, 0.6); font-family:var(--fm); font-weight:500; font-size:10px;}
.m_rt .slide_wrap .slide_ctn .item .txt .num p span{font-size:15px; color: #fff;}
.m_rt .slide_wrap .slide_ctn .item .txt h3{font-weight:500; font-size:46px; color: #fff;}
.m_rt .slide_wrap .slide_ctn .item .txt ul{margin-top: 40px;}
.m_rt .slide_wrap .slide_ctn .item .txt ul li{position:relative; font-weight:400; font-size:18px; color: #fff; padding-left: 10px; margin-bottom:15px;}
.m_rt .slide_wrap .slide_ctn .item .txt ul li:last-of-type{margin-bottom:0;}
.m_rt .slide_wrap .slide_ctn .item .txt ul li span{position:absolute; left: 0;}
.m_rt .slide_wrap .slide_ctn .item .txt p.btn{margin-top: 40px; font-family:var(--fm); font-weight:700; font-size:15px; color: #fff; transition:0.3s}  
.m_rt .slide_wrap .slide_ctn .item .txt p.btn svg{margin-left: 20px; }
.m_rt .slide_wrap .slide_ctn .item .txt p.btn svg rect{transition:0.3s}

.m_ra{position:relative; background:#000; border-radius:0 0 150px 0; padding: 130px 0;}
.m_ra .bg_map{position:absolute; bottom: 27px; right: 46px; width: 1334px; height: 705px; background:url(/img/main/bg_map.svg) 50% 50% no-repeat; opacity: 0.34;}
.m_ra .fbox{align-items:flex-start;}
.m_ra .fbox .m_tit{position:relative; z-index: 10; width: 837px;}
.m_ra .fbox .m_tit .btn{margin-top: 25px;}
.m_ra .fbox .m_tit .btn a{display:inline-block; padding: 15px 0; font-family: var(--fm); color: #fff;font-size:15px; font-weight:bold; transition:0.3s}
.m_ra .fbox .m_tit .btn a svg{margin-left: 20px;} 
.m_ra .fbox .m_tit .btn a svg rect{transition:0.3s}

.m_ra .fbox .logo_list{position:relative; display:flex; gap:40px 0; align-items:center; flex-wrap:wrap; width: calc(100% - 837px);  margin-top: 127px; z-index: 10;}
.m_ra .fbox .logo_list .item{width: 33.33%;}
.m_ra .fbox .logo_list .item .bg{width: 100%; height: 64px; background-position: 0 50%; background-repeat: no-repeat; transition:0.4s; max-width: 216px;}
.m_ra .fbox .logo_list .item .bg01{ background-image: url(/img/main/main_logo01.svg);}
.m_ra .fbox .logo_list .item .bg02{ background-image: url(/img/main/main_logo02.svg);}
.m_ra .fbox .logo_list .item .bg03{ background-image: url(/img/main/main_logo03.svg);}
.m_ra .fbox .logo_list .item .bg04{ background-image: url(/img/main/main_logo04.svg);}
.m_ra .fbox .logo_list .item .bg05{ background-image: url(/img/main/main_logo05.svg);}
.m_ra .fbox .logo_list .item .bg06{ background-image: url(/img/main/main_logo06.svg);}
.m_ra .fbox .logo_list .item .bg07{ background-image: url(/img/main/main_logo07.svg);}
.m_ra .fbox .logo_list .item .bg08{ background-image: url(/img/main/main_logo08.svg);}
.m_ra .fbox .logo_list .item .bg09{ background-image: url(/img/main/main_logo09.svg);}
.m_ra .fbox .logo_list .item .bg10{ background-image: url(/img/main/main_logo10.svg);}
.m_ra .fbox .logo_list .item .bg11{ background-image: url(/img/main/main_logo11.svg);}
.m_ra .fbox .logo_list .item .bg12{ background-image: url(/img/main/main_logo12.svg);}
.m_ra .fbox .logo_list .item .bg13{ background-image: url(/img/main/main_logo13.svg);}
.m_ra .fbox .logo_list .item .bg14{ background-image: url(/img/main/main_logo14.svg);}
.m_ra .fbox .logo_list .item .bg15{ background-image: url(/img/main/main_logo15.svg);}
.m_ra .fbox .logo_list .item .bg16{ background-image: url(/img/main/main_logo16.svg);}
.m_ra .fbox .logo_list .item .bg17{ background-image: url(/img/main/main_logo17.svg);}

.m_notice{padding: 100px 0 150px;}
.m_notice .m_tit{}
.m_notice .m_tit .btn{margin-top: 50px;}
.m_notice .m_tit .btn a{font-family:var(--fm); font-weight:500; font-size:16px; color: #222;}
.m_notice .m_tit .btn a svg{margin-left: 20px;} 
.m_notice .m_tit .btn a svg rect{transition:0.3s}
.m_notice .fbox{align-items:flex-start; justify-content:space-between;}
.m_notice .fbox .view_list{width: 100%; max-width: 1000px; margin-left: 100px; margin-top: 68px;}
.m_notice .fbox .view_list .item{position:relative; display:flex; align-items:center; padding: 40px 0; border-bottom: 1px solid rgba(34, 34, 34, 0.10);}
.m_notice .fbox .view_list .item::after{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 1px; background: var(--color); transition:0.5s}
.m_notice .fbox .view_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_notice .fbox .view_list .item .num{width: 115px;}
.m_notice .fbox .view_list .item .num p:not(.n){font-family:var(--fm); font-weight:600; font-size:16px; color: #222;transition:0.3s}
.m_notice .fbox .view_list .item .num .n{font-family:var(--fm); font-weight:500; font-size:70px; color: #222; margin-top: -12px;transition:0.3s}
.m_notice .fbox .view_list .item .tit{width: calc(100% - 173px);}
.m_notice .fbox .view_list .item .tit h2{font-weight:600; font-size:26px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:0.3s}
.m_notice .fbox .view_list .item .tit p{color: rgba(34, 34, 34, 0.60); font-size:16px; margin-top: 5px; transition:0.3s}
.m_notice .fbox .view_list .item .btn{position:absolute; top: 50%; right: 0; transform:translateY(-50%); background:url(/img/main/icon_btn.svg) 50% 50% no-repeat; width: 58px; height: 56px; transition:0.3s}
.m_notice .link_box{display:flex; gap:50px; margin-top: 150px;}
.m_notice .link_box .item{position:relative; width: calc(50% - 25px); border:1px solid rgba(27, 59, 134, 0.8); background: var(--color); padding: 70px 0; border-radius:20px}
.m_notice .link_box .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_notice .link_box .item .icon{position:absolute; top: 50%; left: 40px; width: 158px; height: 143px; background:url(/img/main/icon_img01.svg) 50% 50% no-repeat; transform:translateY(-50%); transition:0.3s}
.m_notice .link_box .item .txt{padding-left: 243px; padding-right: 20px;}
.m_notice .link_box .item .txt h3{font-weight:600; font-size:30px; color: #fff;}
.m_notice .link_box .item .txt p{font-weight:300; font-size:24px; color: #fff; margin-top: 10px;}
.m_notice .link_box .item02{background: #fff;}
.m_notice .link_box .item02 .icon{top: auto; bottom: 0;	left: 50px; transform:translateY(0); background:url(/img/main/icon_img02.svg) 50% 50% no-repeat; width: 129px; height: 191px;}
.m_notice .link_box .item02 .txt h3,
.m_notice .link_box .item02 .txt p{color: var(--color);}


.m_inquiry{background:url(/img/main/main_inquiry.png) 50% 50% /cover no-repeat; padding: 120px 0;}
.m_inquiry .m_tit { text-align:center }
.m_inquiry .m_tit h2,
.m_inquiry .m_tit p { color:#fff }
.m_inquiry .ip_box { margin-top:50px; display:flex; flex-wrap:wrap; gap:0 20px; }
.m_inquiry .ip_box > ul { width:calc((100% - 20px) / 2); }
.m_inquiry .ip_box > ul > li:not(:last-child) { margin-bottom:10px; }
.m_inquiry .ip_box > ul > li { width:100%; position:relative; }
.m_inquiry .ip_box > ul > li label.tit { position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:20px; color:#fff; font-weight:600; }
.m_inquiry .ip_box > ul > li input[type="text"],
.m_inquiry .ip_box > ul > li input[type="password"] { height:80px; padding:0 25px 0 125px; width:100%; font-size:18px; color:#fff; font-weight:500; outline:none; border:1px solid rgba(255, 255, 255, 0.20); border-radius:10px; background:none; }
.m_inquiry .ip_box > ul > li select { width:100%; height:80px; line-height:50px; padding:0 25px; font-size:18px; color:#fff; font-weight:500; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid rgba(255, 255, 255, 0.20); border-radius:10px; background:none;}
.m_inquiry .ip_box > ul > li select::-ms-expand { display: none; }
.m_inquiry .ip_box > ul > li textarea { width:100%; height:475px; line-height:1.6; padding:15px 25px 5px; margin:0; font-size:18px; color:#fff; font-weight:500; outline:none; border:1px solid rgba(255, 255, 255, 0.20); border-radius:10px; background:none;}
.m_inquiry .ip_box > ul > li input::placeholder{ color:#fff; font-weight:200; opacity:0.5; }
.m_inquiry .ip_box > ul > li textarea::placeholder{ color:#fff; font-weight:200; opacity:0.5; }
.m_inquiry .ip_box > ul > li .code-box {  }
.m_inquiry .ip_box > ul > li .code-box .ip-code { position:relative; display:flex; flex-wrap:wrap; align-items:center;  }
.m_inquiry .ip_box > ul > li .code-box .ip-code #kcaptcha_image { width:215px; height:80px; border-radius:10px 0 0 10px;  }
.m_inquiry .ip_box > ul > li .code-box .ip-code .btn_refresh { cursor:pointer; width:80px; height:80px; background: url(/img/common/refresh_icon.svg) center no-repeat; border-radius:0 10px 10px 0; outline:none; border:1px solid rgba(255, 255, 255, 0.20); }
.m_inquiry .ip_box > ul > li .code-box .ip-code input { width:calc(100% - 295px - 10px); margin-left:10px; padding-left:25px; }
.m_inquiry .sbox { border:1px solid rgba(255, 255, 255, 0.20); border-radius:10px; padding:20px 30px 30px; }
.m_inquiry .sbox h4 { font-size:20px; color:#fff; font-weight:600; }
.m_inquiry .sbox .scroll-box { overflow:auto; height:120px; background:none; margin-top:10px; }
.m_inquiry .sbox .scroll-box p { font-size:16px; color:#fff; font-weight:300; opacity:0.5; line-height:1.3 }
.m_inquiry .sbox .scroll-box p:not(:last-child) { margin-bottom:10px; }
.m_inquiry .sbox .scroll-box li { margin-top:5px; font-size:16px; color:#fff; font-weight:300; opacity:0.5; line-height:1.3 }
.m_inquiry .privacy-box .sbox { display:none }
.m_inquiry .ch { position:relative; }
.m_inquiry .ch input[type="checkbox"],
.m_inquiry .ch input[type="radio"]{opacity:0; height:auto; line-height:auto; position:absolute; left:4px; top:8px; z-index:-1}
.m_inquiry .ch input[type="checkbox"] + span,
.m_inquiry .ch input[type="radio"] + span { position:relative; padding:0 0 0 32px; font-weight:500; font-size:19px; line-height:1.4; display:inline-block; color:#fff; }
.m_inquiry .ch input[type="checkbox"] + span { padding:0 0 0 32px;}
.m_inquiry .ch input[type="checkbox"] + span:before,
.m_inquiry .ch input[type="radio"] + span:before { content:''; display:block; width:20px; height:20px; vertical-align:middle; background:none; border:1px solid rgba(255, 255, 255, 0.20); border-radius:4px; position:absolute; left:0; top:2px; }
.m_inquiry .ch input[type="checkbox"]:checked + span:before,
.m_inquiry .ch input[type="radio"]:checked + span:before{ background:url(/img/sub/ch_on.svg) center center no-repeat; border:1px solid rgba(255, 255, 255, 1); }
.m_inquiry .ch p { margin-top:10px; font-size:20px; color:#fff; opacity:0.5; font-weight:300; }
.m_inquiry .btn { margin-top:25px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.m_inquiry .btnbox { text-align:right }
.m_inquiry .btnbox button { position:relative; cursor:pointer; outline:none; border:none; background:none; border-radius:0; padding:0; margin:0; }
.m_inquiry .btnbox button:before { content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; background:url(/img/main/btn_inquiry_on.svg) left center no-repeat; transition:all 0.3s; }
.m_inquiry .btnbox button:hover:before { width:100% }

@keyframes ani_w100 {
	0% {width:100%;}
	100% {width:0;}
}
@media (hover: hover){
	.m_rd .box .item_list .item:hover .hover_bg{width: 1000px; height: 1000px;}
	.m_rd .box .item_list .item:hover{border-radius: 10px 10px 30px 10px;}
	.m_rd .box .item_list .item:hover .txt h3{color: #fff; opacity: 1;}
	.m_rd .box .item_list .item:hover .txt p{opacity: 1;}
	.m_rd .box .item_list .item:hover .btn{opacity: 1;}
	.m_rd .box .item_list .item:hover figure svg > g > path{stroke:#fff}
	.m_rd .box .item_list .item.n:hover figure svg > g > path{stroke:transparent; fill:#fff}

	.m_rt .slide_wrap .slide_ctn .item:hover .txt p.btn{color: var(--color);}
	.m_rt .slide_wrap .slide_ctn .item:hover .txt p.btn svg rect{fill: var(--color);}

	.m_ra .fbox .m_tit .btn a:hover{color: var(--color);}
	.m_ra .fbox .m_tit .btn a:hover svg rect{fill: var(--color);}
	.m_ra .fbox .logo_list .item:hover .bg01{ background-image: url(/img/main/main_logo01H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg02{ background-image: url(/img/main/main_logo02H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg03{ background-image: url(/img/main/main_logo03H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg04{ background-image: url(/img/main/main_logo04H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg05{ background-image: url(/img/main/main_logo05H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg06{ background-image: url(/img/main/main_logo06H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg07{ background-image: url(/img/main/main_logo07H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg08{ background-image: url(/img/main/main_logo08H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg09{ background-image: url(/img/main/main_logo09H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg10{ background-image: url(/img/main/main_logo10H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg11{ background-image: url(/img/main/main_logo11H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg12{ background-image: url(/img/main/main_logo12H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg13{ background-image: url(/img/main/main_logo13H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg14{ background-image: url(/img/main/main_logo14H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg15{ background-image: url(/img/main/main_logo15H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg16{ background-image: url(/img/main/main_logo16H.svg);}
	.m_ra .fbox .logo_list .item:hover .bg17{ background-image: url(/img/main/main_logo17H.svg);}

	.m_notice .m_tit .btn a:hover{color: var(--color);}
	.m_notice .m_tit .btn a:hover svg rect{fill: var(--color);}
	.m_notice .fbox .view_list .item:hover::after{width: 100%;}
	.m_notice .fbox .view_list .item:hover .num p:not(.n),
	.m_notice .fbox .view_list .item:hover .num .n,
	.m_notice .fbox .view_list .item:hover .tit h2,
	.m_notice .fbox .view_list .item:hover .tit p{color: var(--color);}
	.m_notice .fbox .view_list .item:hover .btn{background:url(/img/main/icon_btnB.svg) 50% 50% no-repeat;}
	.m_notice .link_box .item:hover .icon{background:url(/img/main/icon_img01H.svg) 50% 50% no-repeat;}
	.m_notice .link_box .item02:hover .icon{background:url(/img/main/icon_img02H.svg) 50% 50% no-repeat;}
}

/* 모션 */
.mv .slide_ctn .item.slick-active .bg{animation:zoom 4s 0.2s both}
.mv .dots{animation:fadeIn 1.4s 0.5s both}
.mv .txt{animation:fadeUp 1.4s 0.5s both}

.m_rt .slide_wrap .slide_ctn .item .txt .num,
.m_rt .slide_wrap .slide_ctn .item .txt ul li,
.m_rt .slide_wrap .slide_ctn .item .txt p.btn,
.m_rt .slide_wrap .slide_ctn .item .txt h3 span{opacity: 0;}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt .num{animation:fadeIn 1s 1s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt h3 span{animation:fadeIn 1.6s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt ul li{animation:fadeUp02 0.8s 1.2s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt ul li:nth-of-type(2){animation:fadeUp02 0.8s 1.4s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt ul li:nth-of-type(3){animation:fadeUp02 0.8s 1.6s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt ul li:nth-of-type(4){animation:fadeUp02 0.8s 1.8s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt ul li:nth-of-type(5){animation:fadeUp02 0.8s 2s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt ul li:nth-of-type(6){animation:fadeUp02 0.8s 2.2s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt ul li:nth-of-type(7){animation:fadeUp02 0.8s 2.4s both}
.m_rt .slide_wrap .slide_ctn .item.slick-active .txt p.btn{ animation:fadeUp02 0.8s 1.8s both}


@keyframes fadeUp{
	0%{opacity: 0; transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0);}
}
@keyframes fadeUp02{
	0%{opacity: 0; transform:translateY(40px);}
	100%{opacity: 1; transform:translateY(0);}
}


@media (max-width: 1720px){
	.mv .txt{left: 100px;}
	.mv .dots{left: 100px;}

	.m_ra .fbox .m_tit{width: 45%;}
	.m_ra .fbox .logo_list{width: 55%;}

	.m_notice .fbox{flex-wrap:wrap;}
	.m_notice .fbox .m_tit{width: 100%;}
	.m_notice .fbox .view_list{max-width: none; margin-left: 0; margin-top: 30px;}
	.m_notice .link_box{margin-top: 100px;}

}

@media (max-width: 1500px){
	.m_tit h2{font-size:50px;}
	.m_tit p{font-size:22px;}

	.mv .txt{left: 50px;}
	.mv .txt h2{font-size:70px;}
	.mv .dots{left: 50px;}

	.m_rt .slide_wrap{padding:0 50px;}
	.m_rt .slide_wrap .slide_btn{padding-right: 50px;}

	.m_ra{padding: 100px 0;}
	.m_ra .fbox{flex-wrap:wrap;}
	.m_ra .fbox .m_tit{width: 100%;}
	.m_ra .fbox .logo_list{width: 100%; margin-top: 40px;}
	.m_ra .fbox .logo_list .item{width: 20%;}
	
	.m_notice .link_box .item .txt{padding-left: 215px;}
	.m_notice .link_box .item .txt h3{font-size:24px;}
	.m_notice .link_box .item .txt p{font-size:19px;}

}

@media (max-width: 1200px){
	.m_tit p{margin-top: 10px;}

	.mv .txt{left: 16px;}
	.mv .dots{left: 16px;}
	
	.m_rd{padding: 100px 0 90px;}
	.m_rd .box{flex-wrap:wrap; }
	.m_rd .box .m_tit{margin-top: 0;}
	.m_rd .box.top .item_list{width: 100%; margin-top: 60px; justify-content:flex-end;}
	.m_rd .box .item_list .item{width: calc((100% - 20px) / 3);}
	.m_rd .box .item_list .item .txt p{color: #222; opacity: 1;}
	.m_rd .box .item_list .item .txt h3{opacity: 1;}
	.m_rd .box .item_list .item .btn{opacity: 1; bottom: 20px; right: 20px;}
	.m_rd .box .item_list .item:hover .txt h3{color: #222;}
	.m_rd .box .item_list .item:hover figure svg > g > path{stroke:#999}
	.m_rd .box .item_list .item.n:hover figure svg > g > path{stroke:transparent; fill:#999}
	.m_rd .box .item_list .item .hover_bg{display:none; }

	.m_rt{padding: 100px 0 80px;}
	.m_rt .slide_wrap{padding: 0 16px;}
	.m_rt .slide_wrap .slide_btn{padding-right: 16px;}
	.m_rt .slide_wrap .slide_ctn .item .txt{margin-left: 40px;}
	
	.m_ra .fbox .logo_list{gap:20px 0}
	.m_ra .fbox .logo_list .item{width: 25%;}

	.m_notice{padding: 100px 0 120px;}
	
}

@media (max-width: 1024px){
	.m_notice,
	.m_ra,
	.m_rt,
	.m_rd{padding: 80px 0 80px;}

	.mv .txt{top: 26%; width: calc(100% - 32px); text-align: center;}
	.mv .dots{left: 0; bottom: auto; top: 58%; width: 100%; justify-content:center;}
	.m_rd .box .item_list .item{padding: 25px 25px 140px 25px; height: auto;}
	.m_rd .box .item_list .item .txt{margin-top: 20px;}
	.m_rd .box .item_list .item .txt h3{font-size:26px;}
	
	.m_rt .slide_wrap .slide_ctn .item figure{width: 46%;}
	.m_rt .slide_wrap .slide_ctn .item .txt{width: 54%;}
	.m_rt .slide_wrap .slide_ctn .item .txt .num{margin-bottom:40px;}
	.m_rt .slide_wrap .slide_ctn .item .txt h3{font-size:36px;}
	.m_rt .slide_wrap .slide_ctn .item .txt ul{margin-top: 20px;}
	.m_rt .slide_wrap .slide_ctn .item .txt p.btn{margin-top: 20px;}
	.m_ra .fbox .logo_list .item{width: 33.33%;}
	
	.m_notice .link_box{flex-wrap:wrap; gap:20px; margin-top: 50px;}
	.m_notice .link_box .item{width: 100%; }

	.m_inquiry .ip_box { margin-top:40px; gap:0; }
	.m_inquiry .ip_box > ul { width:100%; }
	.m_inquiry .ip_box > ul > li:not(:last-child) { margin-bottom:5px; }
	.m_inquiry .ip_box > ul > li { width:100%; }
	.m_inquiry .ip_box > ul > li label.tit { left:20px; font-size:18px; }
	.m_inquiry .ip_box > ul > li input[type="text"],
	.m_inquiry .ip_box > ul > li input[type="password"] { height:60px; padding:0 20px 0 115px; font-size:16px; border-radius:5px; }
	.m_inquiry .ip_box > ul > li select { height:60px; line-height:50px; padding:0 20px; font-size:16px; border-radius:5px; }
	.m_inquiry .ip_box > ul > li textarea { height:200px; padding:15px 20px 5px; font-size:16px; border-radius:5px; }
	.m_inquiry .ip_box > ul > li .code-box .ip-code #kcaptcha_image { width:160px; height:60px; border-radius:5px 0 0 5px; }
	.m_inquiry .ip_box > ul > li .code-box .ip-code .btn_refresh { width:60px; height:60px; border-radius:0 5px 5px 0; }
	.m_inquiry .ip_box > ul > li .code-box .ip-code input { width:calc(100% - 220px - 10px); padding-left:20px; }
	.m_inquiry .ip_box > ul > li .sbox { display:none }
	.m_inquiry .privacy-box .sbox { display:block; }
	.m_inquiry .sbox { padding:20px 15px 20px; margin-top:5px;  }
	.m_inquiry .sbox h4 { font-size:18px; }
	.m_inquiry .sbox .scroll-box { height:130px; }
	.m_inquiry .sbox .scroll-box p { font-size:15px; }
	.m_inquiry .sbox .scroll-box p:not(:last-child) { margin-bottom:8px; }
	.m_inquiry .sbox .scroll-box li { font-size:15px; }
	.m_inquiry .ch input[type="checkbox"] + span,
	.m_inquiry .ch input[type="radio"] + span { font-size:17px; }
	.m_inquiry .ch p { font-size:18px; }
	.m_inquiry .btn { flex-direction:column; }
	.m_inquiry .btn .btnbox { margin:40px auto 0; }
}

@media (max-width: 820px){
	.m_ra,
	.mv{border-radius:0 0 50px 0}
	.mv .txt p{ font-size:22px; }
	.mv .txt h2{font-size:60px;}
	.m_rd .box .item_list{flex-wrap:wrap;}
	.m_rd .box.top .item_list{margin-top: 40px;}
	.m_rd .box .item_list .item{width: calc((100% - 10px) / 2); max-width: none; padding: 20px 10px 84px 10px;}
	.m_rd .box .item_list .item .txt h3{font-size:22px;}
	.m_rd .box .item_list .item .txt p{margin-top: 10px;}
	.m_rd .box .item_list .item .btn{bottom: 10px; right: 10px;}
	.m_rt .slide_wrap .slide_ctn .item{flex-wrap:wrap;}
	.m_rt .slide_wrap .slide_ctn .item figure{width: 60%;}
	.m_rt .slide_wrap .slide_ctn .item .txt{width: 100%; margin-top: 30px; margin-left: 0;}
	.m_ra .fbox .logo_list .item{width: 50%;}
	
	.m_notice .fbox .view_list .item{padding: 20px 0;}
	.m_notice .fbox .view_list .item .num{width: 100px;}
	.m_notice .fbox .view_list .item .num .n{font-size:50px;}
	.m_notice .fbox .view_list .item .tit h2{font-size:22px; }	
	.m_notice .link_box .item{padding: 40px 0;}
	.m_notice .link_box .item .icon{left: 20px; width: 107px; height: 97px; background: url(/img/main/icon_img01H.svg) 50% 50% / cover no-repeat;}
	.m_notice .link_box .item02 .icon{left: 20px; width: 91px; height: 136px; background: url(/img/main/icon_img02H.svg) 50% 50% / cover no-repeat;}
	.m_notice .link_box .item:hover .icon,
	.m_notice .link_box .item02:hover .icon{background-size:cover;}
	.m_notice .link_box .item .txt{padding-left: 156px;}
}

@media (max-width: 500px){
	.mv .txt h2{font-size:50px;}
	.m_rt .slide_wrap .slide_ctn .item figure{width: 80%; margin: 0 auto;}
}


/* select box s */
.selectric-wrapper { position:relative; cursor:pointer; z-index:10; }
.selectric-responsive { width:100%; }
.selectric { border:1px solid rgba(255, 255, 255, 0.20) !important; background:none; position:relative; z-index:3; padding:0 25px 0 115px; border-radius:10px; }
.selectric .label { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; line-height:80px; height:80px; color:#fff; font-weight:500; padding:0; }
.selectric .button { display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:12px; height:12px; overflow:hidden; text-indent:-9999em; background:none }
.selectric .button:before { content:"."; position:absolute; top:0; left:0; width:12px; height:12px; background:url(/img/sub/icon_select_arr.svg) no-repeat center !important; }
.selectric .button:after { display:none }
.selectric-open { z-index:999; }
.selectric-open .button:before { transform:rotate(180deg); }
.selectric-open .selectric { border:none; }
.selectric-open .selectric-items { display:block; }
.selectric-disabled { filter:alpha(opacity=50); opacity:0.5; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.selectric-hide-select { position:relative; overflow:hidden; width:0; height:0; }
.selectric-hide-select select { position:absolute; left:-100%; display:none; }
.selectric-input { position:absolute !important; top:0 !important; left:0 !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; outline:none !important; border:none !important; *font:0/0 a !important; background:none !important; }
.selectric-temp-show { position:absolute !important; visibility:hidden !important; display:block !important; }
@media screen and (max-width:1024px){
	.selectric { padding:0 20px 0 105px; border-radius:5px; }
	.selectric .label { line-height:60px; height:60px; font-size:16px; }
	.selectric .button { right:25px; }
}

.selectric-items { display:none; overflow:hidden; position:absolute; top:0; left:0; z-index:15; width:100% !important; height:auto !important; padding:76px 0 0; background:none; border:none; box-shadow:none; border-radius:10px; }
.selectric-items .selectric-scroll {  }
.selectric-above .selectric-items { top:unset; bottom:0; padding:0 0 76px; }
.selectric-items ul { padding:0; }
.selectric-items li { transition:all 0.4s; font-size:18px; line-height:1.3; line-height:60px; color:rgba(255, 255, 255, 0.5); cursor:pointer; background:rgba(0, 0, 0, 1); padding:0 30px; }
.selectric-items li:hover,
.selectric-items li.selected { color:rgba(255, 255, 255, 1);font-weight:500; background:#1B3B86 }
.selectric-items .disabled { filter:alpha(opacity=50); opacity:0.5; cursor:default !important; background:none !important; color:#fff !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.selectric-items .selectric-group .selectric-group-label { font-weight:bold; padding-left:10px; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  background:none; color:#fff; }
.selectric-items .selectric-group.disabled li { filter:alpha(opacity=100); opacity:1; }
.selectric-items .selectric-group li { padding-left:5px; }
@media screen and (max-width:1024px){
	.selectric-items { padding:56px 0 0; border-radius:5px; }
	.selectric-above .selectric-items { padding:0 0 56px; }
	.selectric-items li { font-size:16px; line-height:50px; padding:0 20px; }
}
/* select box e */