/* 폰트 */
@font-face {
    font-family: 'NanumSquareNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family: 'NanumSquareNeo', sans-serif;webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:400;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select{font-family: 'NanumSquareNeo', sans-serif}
/*input[type="password"]{font-family:"돋움",sans-serif }*/
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left;table-layout: fixed;}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#868E96}
input::-moz-placeholder{color:#868E96}
input:-moz-placeholder{color:#868E96}
input:-ms-input-placeholder{color:#868E96}
textarea::-webkit-input-placeholder{color:#868E96}
textarea::-moz-placeholder{color:#868E96}
textarea:-moz-placeholder{color:#868E96}
textarea:-ms-input-placeholder{color:#868E96}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */
body *,
*::before,
*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* 공통 */
.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}
.selectdisable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color:rgba(0, 0, 0, 0);-o-tap-highlight-color:rgba(0, 0, 0, 0);tap-highlight-color:rgba(0, 0, 0, 0);}

body{min-width:1024px}
.contains{position:relative;margin:0 auto;padding:0 40px;max-width:1400px}

#header{position:absolute;left:0;top:0;right:0;z-index:100}
#header .header_wrap{height:80px;background:#fff}
#header .header_wrap .logo{padding:5px 25px;height:100%}
#header .header_wrap .img{display:block;height:100%}

#footer{border-top:5px solid #585858;overflow:hidden}
#footer .footer_wrap{padding:50px 0}
#footer .footer_wrap p{font-size:2.5em;color:#585858;line-height:1.5em}
#footer .footer_wrap p b{font-weight:700}
#footer .footer_wrap p .link{color:#585858}
#footer .footer_wrap .logo{position:absolute;right:0;top:30px}
#footer .footer_wrap .logo .img{height:150px}

#content{padding-top:80px;overflow:hidden}

.main_top{background:#12b0f3}
#main_top_slide{position:relative;height:900px}
#main_top_slide .swiper-slide{overflow:hidden}
#main_top_slide .bg{position:absolute;left:10%;top:0;width:100%;height:100%;background-position:center center!important;background-repeat:no-repeat!important;background-size:contain!important}
#main_top_slide .text_wrap{position:relative;padding:230px 50px 0 50px;z-index:10}
#main_top_slide .sub_title{display:inline-block;margin-bottom:20px;padding:5px 15px;font-size:4em;color:#fff;font-weight:700;background:#053d76}
#main_top_slide .title{font-size:7em;color:#fff;font-weight:700;line-height:1.2em;
    text-shadow: rgb(18, 176, 243) 2px 0px 0px, rgb(18, 176, 243) 1.75517px 0.958851px 0px, rgb(18, 176, 243) 1.0806px 1.68294px 0px, rgb(18, 176, 243) 0.141474px 1.99499px 0px, rgb(18, 176, 243) -0.832294px 1.81859px 0px, rgb(18, 176, 243) -1.60229px 1.19694px 0px, rgb(18, 176, 243) -1.97998px 0.28224px 0px, rgb(18, 176, 243) -1.87291px -0.701566px 0px, rgb(18, 176, 243) -1.30729px -1.5136px 0px, rgb(18, 176, 243) -0.421592px -1.95506px 0px, rgb(18, 176, 243) 0.567324px -1.91785px 0px, rgb(18, 176, 243) 1.41734px -1.41108px 0px, rgb(18, 176, 243) 1.92034px -0.558831px 0px;
}
#main_top_slide .title b{font-weight:1.2em;font-weight:800}
#main_top_slide .text{font-size:2.5em;color:#fff;font-weight:500;line-height:1.4em}
/* #main_top_slide .text_box:nth-child(1) .sub_title{padding:2px 15px 8px 15px} */
#main_top_slide .text_box:nth-child(2){float:right;margin-top:80px;}
#main_top_slide .btn_prev,
#main_top_slide .btn_next{display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%);width:60px;height:140px;background:url("../img/main/slide_arrow.png") no-repeat center center;z-index:10;opacity:0.5}
#main_top_slide .btn_next{left:auto;right:20px;transform:translateY(-50%) rotate(180deg)}
#main_top_slide .btn_prev:hover,
#main_top_slide .btn_next:hover{opacity:0.8}

.main_category{padding:10px 0;text-align:right;background:#053d76}
.main_category .title{position:relative;font-size:6em;color:#fff;font-weight:700;letter-spacing:10px;z-index:2}
.main_category .eng{margin:-35px 10px 0 0;font-size:9em;color:#044b93;font-weight:800}

.main_flap{padding:100px 0;background:#fff}
.main_flap .title_box{display:flex;align-items:center;gap:0 20px;margin-bottom:100px}
.main_flap .title_box .title{font-size:14em;color:#053d76;font-weight:700;letter-spacing:30px;}
.main_flap .title_box .eng{padding:50px 0 0 0;font-size:7em;color:#b4e4f8;font-weight:700;letter-spacing:20px;}
.main_flap .title_box .text{margin-left:auto;font-size:4em;color:#5f5f5f;line-height:1.3em}
.main_flap .title_box .text b{margin-left:5px;font-weight:700;color:#12b0f3}
.main_flap .flap_box{margin-left:-4px;max-width:1324px}
.main_flap .flap_box .img{display:block;margin:0 auto;max-width:100%}

.main_partner{padding:60px 0;text-align:center;background:#12b0f3}
.main_partner .partner{display:flex;gap:0 60px;align-items:center;justify-content:center;margin-bottom:20px}
.main_partner .partner .unit{font-size:3em;color:#fff;font-weight:700}
.main_partner .text{font-size:5em;color:#fff;font-weight:700;line-height:1.4em}

.main_drgo{padding:100px 0;background:#fff}
.main_drgo .title_box{margin-bottom:100px}
.main_drgo .title_box .title{position:relative;margin-bottom:40px;height:8px;background:#021233}
.main_drgo .title_box .title span{display:block;position:absolute;left:-10px;top:50%;transform:translateY(-50%);padding:0 20px 0 10px;font-size:5em;font-weight:900;color:#021233;background:#fff}
.main_drgo .title_box .text{font-size:2em;color:#021233}
.main_drgo .drgo_box .img{display:block;margin:0 auto;max-width:100%}

.main_service{padding:0 0 100px 0}
.main_service .service_top{padding:60px 0;text-align:center;background:#053d76}
.main_service .service_top .title{margin-bottom:20px;font-size:6em;color:#fff;font-weight:700}
.main_service .service_top .text{font-size:3em;color:#fff;font-weight:500}
.main_service .service_list{display:flex;gap:0 50px;margin:100px 0}
.main_service .service_box{display:flex;flex-direction:column;gap:10px;flex:1 1 0px}
.main_service .service_box:nth-child(2) .img{margin:0 0 10px 0}
.main_service .service_list .title{font-size:4.5em;color:#383739;font-weight:700}
.main_service .service_list .text{font-size:3em;color:#383739;line-height:1.3em}
.main_service .service_list .img{display:block;margin-top:10px;width:100%;border:2px solid #383739;border-radius:4px}
.main_service .contact_box{position:relative;margin-bottom:100px;border-radius:4px;background:#d3dfed}
.main_service .contact_box .text_box{padding:30px 300px 30px 50px}
.main_service .contact_box .text_box .title{margin-bottom:10px;font-size:3.9em;color:#383739;font-weight:700}
.main_service .contact_box .text_box .text{font-size:2.5em;color:#383739;font-weight:500;line-height:1.4em}
.main_service .contact_box .btn_contact{display:block;position:absolute;right:60px;top:50%;transform:translateY(-50%);padding:0 25px;height:50px;line-height:50px;font-size:2.5em;color:#fff;font-weight:700;border-radius:25px;background:#5836e5;letter-spacing:1px}
.main_service .map_box{border-radius:4px;border:2px solid #383739;overflow:hidden}
.main_service .map_box .img{display:block;width:100%}