@charset "utf-8";


/*slider*/
.top_slider { width:100%; }
.top_slider .inner { width:1200px; margin:0 auto; }

#mainVisual { position: relative; }
#mainVisual .swiper-slide { overflow:hidden; height:130px; }
#mainVisual .swiper-slide a { display:inline-block; width:100%; height:130px; }
#mainVisual .swiper-slide img { width:100%; height:100%; }
#mainVisual .swiper-slide .ban_mo { display:none; }

.mainVisualNav {position: absolute;top:10px;left:0; display: inline-block;width: 100%; margin:0 auto;z-index: 1100;}

.mainVisualNav .inner:after {content:""; display:block; clear: both; }
.mainVisualNav .inner > div { float:left; vertical-align: middle; line-height:1; }
.mainVisualNav .mainVisualBtn > a { display: inline-block; width:22px; height:22px; }
.mainVisualNav .mainVisualBtn .mainBtnStop {background: url(../../../images/noin/banner/ban_stop.png) no-repeat center center; background-size:cover; text-indent:-9999em; }
.mainVisualNav .mainVisualBtn .mainBtnPlay { display: none; background: url(../../../images/noin/banner/ban_play.png) no-repeat center center; background-size:cover; text-indent:-9999em; }

.mainVisualNav .swiper-pagination-bullet { width:15px; height:15px; margin:4px 0 0 5px; background:#fff; opacity:1; }
.mainVisualNav .swiper-pagination-bullet-active { width:35px; border-radius: 35px; background:#fff; }

.mainVisualNav .inner .banClose { float:right; margin-top:2px; }
.mainVisualNav .inner .banClose:after {display:block; clear:both; content:'';}
.mainVisualNav .inner .banClose div > * {float:left; display:inline-block; margin-left:5px; line-height:1.2; vertical-align: middle;}
.mainVisualNav .inner .banClose input { width:20px; height:20px; margin-top:1px;}
.mainVisualNav .inner .banClose label{ letter-spacing: -0.5px; font-size: 0.9rem; color:#000; cursor:pointer; line-height:20px; vertical-align:middle;}
.mainVisualNav .inner .banClose a i { color:#000; font-size:20px;}





.main-v{width:100%;background:#F3F7FA url(../../../images/noin/main/m12.jpg) no-repeat center 0;background-size:100%;padding:50px 0 200px 0;text-align:center;}
.main-v .stit{margin:50px auto;font-family:'NotoSansKR', sans-serif;font-size:1.75rem}
.main-v .search{position:relative;background-color:#fff;border:5px solid #2d6fdd;border-radius:35px;width:80vmin;margin:0 auto}
.main-v .search input{width:100%;border:0;padding:15px;font-size:1.563rem;border-radius:35px}
.main-v .search input::placeholder{color:rgba(0,0,0,.3)}		
.main-v .search button{display:inline-block;position:absolute;top:-2px;right:-4px;border:1px solid #2d6fdd;background-color:#2d6fdd;border-radius:50%;font-size:2rem;width:65px;height:65px;color:#fff}
.main-v .info-tit{color:#000;font-size:1.75rem;font-family:'NotoSansKR', sans-serif;font-weight:600;margin-top:90px;margin-bottom:50px}
.main-v .info-tit strong{color:#D43B2B;position:relative}
.main-v .info-tit strong:before{position:absolute;top:-15px;left:49%;width:4px;height:4px;background-color:#D43B2B;border-radius:50%;content:""}
.main-v .info ul{width:1200px;margin:0 auto;display:table;table-layout:fixed}
.main-v .info ul > li{display:table-cell;padding:0;position:relative}
.main-v .info .img{border:5px solid #a4daf2;background-color:#fff;width:270px;height:270px;margin:0 auto;border-radius:50%;display:flex;-ms-display:flex;align-items: center;justify-content:center}
.main-v .info .info-stit{display:block;font-size:1.5rem;margin:20px auto;word-break:keep-all}
.main-v .info .badge{text-align:left}
.main-v .info .txt{margin-top:30px;word-break:keep-all;color:#222;font-size:1.5rem;font-weight:600}
.main-v .info .txt-under{color:#2d6fdd;box-shadow:inset 0 -12px 0 #a8e4ff;font-weight:600}
.box-warning{font-size:1.15rem;background-color:#fff;width:1200px;margin:100px auto 0;border:1px solid #a4daf2;border-radius:50px;display:flex;-ms-display:flex;align-items: center;justify-content:space-between;padding:30px}
.box-warning .tit{display:flex;-ms-display:flex;align-items:center;justify-content:space-between;font-size:1.3rem;text-align:left;font-weight:600}
.box-warning .tit strong{display:block}
.box-warning .tit i{color:#ec1b24;font-size:3.5rem;margin-right:10px;}
.box-warning .txt{width:702px}
.box-warning .txt ul{overflow:hidden}
.box-warning .txt ul > li{float:left;width:33.3333%;border-right:1px solid #222;padding:0 15px;margin-bottom:10px;text-align:left}
.box-warning .txt ul > li:nth-child(3n),
.box-warning .txt ul > li:last-child{border-right:0}
.box-warning .txt ul > li:nth-child(3n){padding-right:0}
.box-warning .txt ul > li:nth-child(4){clear:both}
.box-warning .txt ul > li:last-child{width:50%}

.close {float: right;cursor: pointer;}

.quickWork {overflow:hidden; width:80vmin; margin:50px auto 30px; text-align:center;}
.quickWork .go-work { padding:5px 0; letter-spacing:-1px;}


.go-work a {position:relative; overflow:hidden; display:inline-block; padding:0 15px; background-image:linear-gradient(135deg, #4B85FD 10%, #9708CC 100%); text-align:center; border-radius:45px;}
.go-work a>span {display:inline-block; height:45px; line-height:45px; color:#fff; font-size:18px; font-weight:bold; text-align:left;}


.quickWork .work_text {position:relative; display:block; color:#000; font-size:15px; font-weight:500; letter-spacing:-1px; line-height:1.5; margin:15px auto; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; box-sizing:border-box; word-break:keep-all;}
.go-work .work_text {z-index:0; padding:10px; background:#FFF; border:2px solid #4B85FD; color:#222;}
.go-work .work_text:before {position:absolute; z-index:-1; border-style:solid; -webkit-transition-duration:0.3s; transition-duration:0.3s; left:calc(50% - 10px); top:-10px; border-width:0 10px 10px 10px; border-color:transparent transparent #4B85FD transparent; content:'';}

@media (max-width:1199px){

	.top_slider .inner { width:98%;}
	.mainVisualNav {position:static; padding:5px 0;}
	.mainVisualNav .mainVisualBtn > a {}
	.mainVisualNav .mainVisualBtn .mainBtnStop {background: url(../../../images/noin/banner/ban_stop_m.png) no-repeat center center;}
	.mainVisualNav .mainVisualBtn .mainBtnPlay { display: none; background: url(../../../images/noin/banner/ban_play_m.png) no-repeat center center;}

	.mainVisualNav .swiper-pagination-bullet { background-color:#4464BF; }
	#mainVisual .swiper-slide,
	#mainVisual .swiper-slide .ban_mo {height: 100px;}
	#mainVisual .swiper-slide .ban_mo { display:block; }
	#mainVisual .swiper-slide .ban_pc { display:none; }
	#mainVisual .swiper-slide .ban_mo img { width:100%; height:100%; }


	.main-v .info ul{width:100%}
	.main-v .info .img{width:230px;height:230px}
	.box-warning{width:100%}
	footer{padding-left:10px;padding-right:10px}
}

@media (max-width:830px){
	.main-v{padding-left:10px;padding-right:10px}
	.main-v .search input{font-size:1.2rem;height:60px}
	.main-v .info .img{width:200px;height:200px}
	.main-v .info .txt{font-size:2vw}
	.box-warning{font-size:1rem}
	.box-warning .tit{font-size:1.2rem}
}

@media only screen and (max-width: 768px) {

	.mainVisualNav > a { width:0.9rem; height:100%; background-size:contain; }
	.mainVisualNav > a.autoBtn { width:0.9rem; }

	.linkImg a {width: 100%;height: auto;}
	.linkImg .linkImg02 { width:90%; height:auto; }

	.bannerWrap { padding-top:20px; }
	.bannerZone { margin-top:15px; }

	.quickWork {width:100%;}
	.quickWork .work_text {font-size:.8em;}
	.go-work a {width:80%; padding:0 5px;}
	.go-work a:after {display:none;}
	.go-work a:hover {padding-left:5px}


}
@media (max-width:720px){
	.main-v{padding:10vw 10px}
	.main-v .tit img{max-width:65%}
	.main-v .stit{font-size:1.2rem;margin:10vw auto 5vw auto}
	.main-v .search{width:100%;border:4px solid #2d6fdd}
	.main-v .search input{font-size:.8rem;padding:10px;height:auto}
	.main-v .search button{font-size:1.2rem;width:40px;height:40px}
	.main-v .info .info-stit{font-size:1.15rem}
	.main-v .info-tit{margin:10vw 0;font-size:1.2rem}
	.main-v .info-tit > img{display:none}
	.main-v .info .img{width:95px;height:95px}
	.main-v .info .img img{width:70%}
	.main-v .info .txt{font-size:.8rem;margin-top:5vw}
	.main-v .info-tit strong:before{top:-5px}
	
	.box-warning{padding:20px;display:block;margin-bottom:0}
	.box-warning .tit{font-size:1rem;justify-content:flex-start}
	.box-warning .tit i{font-size:2rem}
	.box-warning .tit strong{display:inline}
	.box-warning .img{display:none}
	.box-warning .txt{width:auto;margin-top:10px;margin-left:20px}
	.box-warning .txt ul > li{float:none;width:100%;padding:0;border-right:0;margin-bottom:0}
	.box-warning .txt ul > li:before{display:inline-block;content:"· ";color:#ec1b24;padding-right:5px}
	.box-warning .txt ul > li:last-child{width:100%}
}

@media (max-width:468px){
	/*#mainVisual .swiper-slide { height:90px; }*/

	.go-work a {width:85%;}
	.go-work a span {font-size:.8em;}
}

/* 20230215레이아웃팝업 */
.main_pop_wrap{position: absolute;top: 10px;left: 10px;padding: 10px;z-index: 10;background: #fff;border: 1px solid #dbdbdb;}
.main_pop_wrap img{width: 100%;}
.main_pop_wrap .pop_btn{padding: 5px 0;}
.main_pop_wrap .pop_btn a{float:right;display: block;}
.main_pop_wrap .pop_btn a i{padding: 5px 0 ;}
.main_pop_wrap .pop_btn label{font-size: 1rem;}
.main_pop_wrap .txt_bx {min-width: 500px;font-size: 16px;font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;box-sizing: border-box;}
.main_pop_wrap .txt_bx h2 {padding: 15px 0;font-size: 2.5rem;font-weight: 600;text-align: center;}
.main_pop_wrap .txt_bx p {box-sizing: border-box;}
.main_pop_wrap .txt_bx .icon {display: block;margin: 30px auto;width: 160px;height: 110px;background: url(/img/main/ico_sys.png) no-repeat;}
.main_pop_wrap .txt_bx .con {padding: 10px 30px 30px;}
.main_pop_wrap .txt_bx .g_box {padding: 20px;width: 100%;background-color: #383838;color: #fff;font-weight: bold;font-size: 1.125rem;}
.main_pop_wrap .txt_bx .bold {padding: 35px 20px 55px;font-size: 1.063rem;font-weight: bold;text-align: center;}
@media (max-width:1200px){
    .main_pop_wrap{width: 50%;}  
	.main_pop_wrap .txt_bx {min-width: inherit;}
}
@media (max-width:600px){
    .main_pop_wrap{width: 70%;top:130px}
}

.main_pop_wrap2{position: absolute;top: 10px;left: 10px;padding: 10px;z-index: 10;background: #fff;border: 1px solid #dbdbdb;}
.main_pop_wrap2 img{width: 100%;}
.main_pop_wrap2 .pop_btn{padding: 5px 0;}
.main_pop_wrap2 .pop_btn a{float:right;display: block;}
.main_pop_wrap2 .pop_btn a i{padding: 5px 0 ;}
.main_pop_wrap2 .pop_btn label{font-size: 1rem;}
.main_pop_wrap2 .txt_bx {min-width: 500px;font-size: 16px;font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;box-sizing: border-box;}
.main_pop_wrap2 .txt_bx h2 {padding: 15px 0;font-size: 2.5rem;font-weight: 600;text-align: center;}
.main_pop_wrap2 .txt_bx p {box-sizing: border-box;}
.main_pop_wrap2 .txt_bx .icon {display: block;margin: 30px auto;width: 160px;height: 110px;background: url(/img/main/ico_sys.png) no-repeat;}
.main_pop_wrap2 .txt_bx .con {padding: 10px 30px 30px;}
.main_pop_wrap2 .txt_bx .g_box {padding: 20px;width: 100%;background-color: #383838;color: #fff;font-weight: bold;font-size: 1.125rem;}
.main_pop_wrap2 .txt_bx .bold {padding: 35px 20px 55px;font-size: 1.063rem;font-weight: bold;text-align: center;}
@media (max-width:1200px){
    .main_pop_wrap2{width: 50%;}  
	.main_pop_wrap2 .txt_bx {min-width: inherit;}
}
@media (max-width:600px){
    .main_pop_wrap2{width: 70%;top:130px}
}
/* 20230215레이아웃팝업 */

#mainVisual .swiper-slide a:focus {position:relative; outline:none; outline-width:0px;}
#mainVisual .swiper-slide a:focus:before {content:""; display:block; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px); outline:1px dashed #000000; outline-width:2px;}
*:focus {outline:1px dashed #000000; outline-width:2px;}