*{list-style-type: none;}
.logo {
    max-width: 80px;
}
.file-preview{
    display: none !important;
}
p,h2,h3{margin:0;padding:0;}
.ninja-btn3{top:8% !important}
.ninja-btn3 span, .ninja-btn3 span:before, .ninja-btn3 span:after{background-color: #fff;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}
.alignCenter{text-align: right;}
.button{margin-top: 10px; padding: 5px 10px;background: #fff;color: #333;border: 1px solid #e3e3e3;cursor: pointer}
.buttonPirmary{color:#fff;border: none}
.button:hover{background-color: #333;color: #fff;transition: 0.5s all}
.button_gray{color: #fff;background: #525252}

label{font-size: 11pt;font-weight: 500}
label span{font-size: 9pt;font-weight: 400}
.label{text-align: left;margin-top: 10px;}
input[type="text"], input[type="password"] {border: 1px solid #e3e3e3;height: 45px;text-align: left;padding: 15px;border-radius: 5px;background: #f9f9f9;font-size: 11pt;font-weight: 600;color: #5f5f5f;}
input::placeholder {font-weight: 400;font-size: 9pt;}

.top-bar{border-bottom: 1px solid #e3e3e3;}
.top-menu ul{display: flex;}
.top-menu ul li a{padding: 5px 10px;line-height: 20px;}

.top_banner{position: relative}

.top_banner i{position: absolute  ;right:20px !important;top:20% !important;color:#fff;cursor: pointer;font-size:20pt}

.main_container>div{max-width:1800px;margin:0 auto;padding:40px 20px 40px;}

.main_container4>div{padding:80px 20px }
.main_in_title{text-align: center;padding:40px 0;font-family: 'Raleway' ;}
.main_in_title h2{font-weight: 800;color:#000;font-family: 'Raleway' ;font-size:23pt}
.main_in_title h2 span{color:#ff7814}
.main_in_title p{color:#9a9a9a;font-size:12pt;font-weight: 600;}
.main_container2{background-color: #f2f2f2}
.main_container4{background: url(/img/main/main_s3_bg.jpg) center bottom;background-repeat: no-repeat}

.main_box1_1{margin-top:10px;}
.main_box1_1>div{padding:20px;color:#fff;}
.main_box1_1>div h2{color:#fff;font-weight: 500;}
.main_box1_1>div p{font-weight: 300}
.main_box1_1>div span{display:inline-block;width:30px;height:4px;background-color: #fff; margin:10px 0}
.main_box1_1>div>div{border:1px solid #fff;padding:4px 10px;display:inline-block;margin-top:5px;cursor: pointer;}
.main_box1_1>div:first-child{background: url(/img/mobile/m_main/m_main_s1_01.png) center center;background-size:cover;background-repeat: no-repeat;}
.main_box1_1>div:last-child{background: url(/img/mobile/m_main/m_main_s2_01.png) center center;background-size:cover;background-repeat: no-repeat;}

.main_box1_2{display:flex;justify-content: space-between;border-bottom:2px solid #e3e3e3;margin-top:10px;}
.main_box1_2>div{display:flex;transform: translateY(2px);align-items: center;}
.main_box1_2>div p{padding:5px;border-bottom:4px solid #003559;font-weight: bold;color:#000;}
.main_box1_2>div span{display:inline-block;border-left:1px solid #e3e3e3;padding:0 0 0 5px;margin-left:5px;;color:#bebebe}
.main_box1_2>div:last-child{cursor: pointer;}

.main_container3>div{max-width:100%;padding:40px 0}
.main_container5>div{max-width:100%;padding:40px 0 0}
.main_box2{background: url(/img/mobile/m_main/m_main_s2_bg.jpg) center center;background-size:cover;background-repeat: no-repeat;;padding:40px 0;text-align: center;}
.main_box2>div{max-width:1500px;margin:0 auto;padding:0 20px}
.main_box2>div span{display:inline-block;width:30px;height:4px;background-color: #ff7814;margin:15px 0 40px;}
.main_box2>div>p{color:#9a9a9a;font-size:11pt;}
.main_box2>div>div{font-size:11pt;}
.main_box2 h2{color:#000;font-weight: 600;}
.mian_box4{text-align: center}

.mian_box4>div>div{padding:20px 30px;color:#fff;text-align: left;font-size:10pt;}
.mian_box4>div>div:hover{filter: grayscale(1)}
.mian_box4>div>div h2{color:#fff;font-weight: 500;}
.mian_box4>div>div p{font-size:12pt;}
.mian_box4>div>div span{display:inline-block;width:30px;height:4px;background-color: #ff7814;margin: 10px 0 20px}


.mian_box4>div>div:nth-child(1){background: url(/img/mobile/m_main/m_main_s5_01.png) center center;background-size:cover;background-repeat: no-repeat;margin-top:40px;}
.mian_box4>div>div:nth-child(2){background: url(/img/mobile/m_main/m_main_s5_02.png) center center;background-size:cover;background-repeat: no-repeat;}
.mian_box4>div>div:nth-child(3){background: url(/img/mobile/m_main/main_s5_03.png) center center;background-size:cover;background-repeat: no-repeat;}
.mian_box4>div>div:nth-child(4){background: url(/img/mobile/m_main/main_s5_04.png) center center;background-size:cover;background-repeat: no-repeat;}




.swiper-container3 .swiper-slide{height:300px}

.swiper-slide1{background:url(/img/main/main_ms_01.png) center center;background-size: cover;background-repeat: no-repeat;}
.swiper-slide2{background:url(/img/main/main_ms_02.png) center center;background-size: cover;background-repeat: no-repeat;}
.swiper-slide3{background:url(/img/main/main_ms_03.png) center center;background-size: cover;background-repeat: no-repeat;}
.swiper-slide4{background:url(/img/main/main_ms_04.png) center center;background-size: cover;background-repeat: no-repeat;}
.swiper-slide5{background:url(/img/main/main_ms_05.png) center center;background-size: cover;background-repeat: no-repeat;}


.main_slide_box .swiper-pagination{
    position: static !important;
width:100%;bottom:0;display:flex}
.main_slide_box .swiper-pagination span{border-radius: 0 !important;width:25% !important;height:80px !important;margin:0 !important}

.main_slide_box .swiper-pagination span:nth-child(1){background:url(/img/main/main_ms_01.png) center center;background-size: cover;background-repeat: no-repeat;}
.main_slide_box .swiper-pagination span:nth-child(2){background:url(/img/main/main_ms_02.png) center center;background-size: cover;background-repeat: no-repeat;}
.main_slide_box .swiper-pagination span:nth-child(3){background:url(/img/main/main_ms_03.png) center center;background-size: cover;background-repeat: no-repeat;}
.main_slide_box .swiper-pagination span:nth-child(4){background:url(/img/main/main_ms_04.png) center center;background-size: cover;background-repeat: no-repeat;}
.main_slide_box .swiper-pagination span:nth-child(5){background:url(/img/main/main_ms_05.png) center center;background-size: cover;background-repeat: no-repeat;}

.swiper-pagination-bullet{opacity: 1!important;filter: grayscale(1)}
.swiper-pagination-bullet-active{opacity: 1 !important;box-shadow: inset 0 0 0 10px #000;filter: grayscale(0)}

.main_slide_box{position: relative}
.main_slide_text{position: absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;z-index: 111111}
.main_slide_text>div{width:90%;height:50%;background-color: rgba(0,0,0,0.5);color:#fff;display: flex;align-items: center;padding:20px}
.main_slide_text h2{color:#fff;font-weight: 400;font-size:14pt}
.main_slide_text h2 span{font-weight: 600}
.main_slide_text p span{background-color: #ff7814;padding:0 5px}
.main_slide_text p span:last-child{margin-left:5px;}

.mobile_logo img{width: auto;}

/*sub*/

.sub_container>div{max-width:1400px;margin:0 auto;padding:80px 20px}
.main_container2{position: relative}
.sub3_menu{max-width:100% !important;padding:0 !important;position: absolute;top:0;width:100%;left:0;z-index: 111111111;transform: translateY(-25px);padding:0 20px !important}
.sub3_menu .sub_menu{margin:0  auto!important;max-width:1400px;margin:0 auto;background-color: #fff}
.sub2_container>div>div:last-child{max-width:1200px;margin:0 auto;}
.sub_in_title{text-align: center;margin-bottom:80px;line-height: 160%;color:#999}
.sub_in_title p{margin-top:10px}
.sub_in_title h2{font-weight: 600;}

/*sub*/

/*sub1_c1*/
.sub1_c1_box1{text-align: center}
.sub1_c1_box1 p{margin-top:50px;color:#666;font-weight: 300;line-height: 160%;margin-bottom:70px}
.sub1_c1_box1 p span{font-weight: 500;color:#000;}
/*sub1_c1*/


/*sub1_c2*/

.sub1_c2_box_full{overflow-x: scroll}
.sub1_c2_box1{display:flex;flex-wrap:wrap;width:768px}
.sub1_c2_box1>div{width:33.3333%}
.sub1_c2_box1{margin-top:150px;}
.sub1_c2_box1>div{border-top:1px solid #e3e3e3;position: relative;margin-bottom:120px;}
.sub1_c2_box1>div>span{position: absolute;display:inline-block;width:8px;height:8px;right:-4px;top:-4px;background-color: #ff7814;border-radius: 50%;z-index: 11111}
.sub1_c2_box1>div>div{width:100px;height: 100px;margin:0 auto;border-radius: 50%;border:1px solid #e3e3e3;background-color:#fff;display: flex;justify-content: center;align-items: center;margin-top:-50px;font-size:20pt;font-weight: 500;color:#000;}
.sub1_c2_box1>div>div:hover{background-color: #1b2836;color:#fff;}
.sub1_c2_box1>div>p{text-align: center;margin-top:20px;font-size:11pt;line-height: 160%;font-weight: 300;}
.sub1_c2_box1>div>p>span{font-weight: bold;}
/*sub1_c2*/

/*sub1_c4*/
.sub1_c4_box1{text-align: center}
.sub1_c4_box1>p{display:inline-block;padding:10px 30px;border-radius: 50px;background-color: #1b2836;color:#fff;margin:30px 0 50px;}
.sub1_c4_box1_1{text-align: center;}
.sub1_c4_box1_1>div{padding:20px 10px;}
.sub1_c4_box1_1 h2{font-size:18pt;font-weight: 600;}
.sub1_c4_box1_1 h2 span{font-size:11pt;color:#999;font-weight: 400;color:#000;}
.sub1_c4_box1_1 p{font-size:20pt;font-weight: 300;}
/*sub1_c4*/


/*sub2*/
  .sub2_c2_box1 #board_list, .sub2_c2_box1  #board_list tr{border:none !important}

/*sub2*/



/*sub3*/

.gnb{;z-index: 111111111111}
.sub3_container>div{max-width:1500px !important}
.sub3_box1_c1{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content: center;}
.sub3_box1_c1>div{border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;width:20%}
.sub3_box1_c1>div:nth-child(5n){border-right:0}
.sub3_box1_c1>div:nth-child(n + 6){border-bottom:0}

.sub3_box2{overflow-x: scroll;}
.sub3_box2>div>div{;margin-right:20px;color:#fff;width:33.33333%;}
.sub3_box2>div>div>div{padding:20px;background-color:rgba(0,0,0,0.3);font-size:10pt;line-height: 180%;opacity: 0;cursor: pointer;width:100%;display:flex;align-items: center;height:100%;}
.sub3_box2>div>div>div:hover{opacity: 1}
.sub3_box2>div>div h2{color:#fff;font-weight: 500;}
.sub3_box2>div>div span{display: inline-block;width:30px;height:4px;background-color: #ff7814;margin:20px 0 80px}
.sub3_box2>div{display:flex;width:950px}
.sub3_box2>div>div:last-child{margin-right:0;}

.sub3_box2>div>div:nth-child(1){background:url(/img/sub3/sub3_s2_01.png) center center;background-size:cover;background-repeat: no-repeat;}
.sub3_box2>div>div:nth-child(2){background:url(/img/sub3/sub3_s2_02.png) center center;background-size:cover;background-repeat: no-repeat}
.sub3_box2>div>div:nth-child(3){background:url(/img/sub3/sub3_s2_03.png) center center;background-size:cover;background-repeat: no-repeat}

.sub3_slide_box{text-align: center;}
.sub3_slide_box h2{font-weight: 500;margin-bottom:30px;}
.sub3_slide_box>div img{margin-top:30px;}
.sub3_slide_box>div:last-child{padding:0 0 60px;background-color: #fff}

.sub3_slide_box>div{background-color:#fff}
.swiper-button-next3, .swiper-button-prev3{width:43px !important;height:43px !important}
.swiper-button-next3{background: url(/img/right.png) !important}
.swiper-button-prev3{background: url(/img/left.png) !important}

.swiper-button-next1, .swiper-button-prev1{width:43px !important;height:43px !important}
.swiper-button-next1{background: url(/img/right.png) !important}
.swiper-button-prev1{background: url(/img/left.png) !important}
.pc_button{display:none;}


.swiper-container2 .swiper-slide{height: 350px;display:flex;justify-content: center;align-items: center;}
.swiper-container2 .swiper-slide1{background: url(/img/mobile/m_sub3/m_sub3_ms_bg.jpg) center center;background-size:cover;background-repeat: no-repeat;}
.swiper-container2 .swiper-slide2{background: url(/img/mobile/m_sub3/m_sub3_ms_bg1.jpg) center center;background-size:cover;background-repeat: no-repeat;}
.swiper-container2 .swiper-slide3{background: url(/img/mobile/m_sub3/m_sub3_ms_bg2.jpg) center center;background-size:cover;background-repeat: no-repeat;}
.swiper-container2 .swiper-slide-text{color:#fff;text-align: center;font-size:10pt;font-weight: 300;}
.swiper-container2 .swiper-slide-text h2{color:#fff;font-weight: 500;font-size:26pt}
/*sub3*/


.header{background-color: #1b2836;border:none}
.header.actives{position: fixed;width:100%;z-index: 1111111111;top:0;}
.header .container{max-width:1730px;}
    .gnb{background-color: #1b2836}
    .gnb li a{background-color: #1b2836; color:#fff;}
.gnb li a:hover{background-color: #ff7814 !important;color:#fff !important;}
.gnb li a.actives{background-color: #ff7814;color:#fff;}
.footer{background-color: #282828;color:#fff;text-align: center;padding:20px 0;font-weight: 300;line-height: 160%}
.footer a{color:#fff;}

.sub_menu{display:flex;border:1px solid #e3e3e3;margin-bottom:40px;}
.sub_menu>div{padding:10px;border-right:1px solid #e3e3e3;display:flex;justify-content: center;align-items: center;cursor: pointer}
.sub_menu ul li ul{;;position: absolute;left:0;display:none;border:1px solid #e3e3e3;width:100%;background-color: #fff;z-index: 111}
.sub_menu ul li ul li{padding:0 0 0 10px;line-height: 48px}
.sub_menu ul span{display: inline-block;width:150px;line-height: 48px;padding:0 0 0 10px;position: relative;cursor: pointer}
.sub_menu ul>li>span{border-right: 1px solid #e3e3e3;}
.sub_menu ul span i{position: absolute;right: 10px;top:40%}
.sub_menu ul span span{padding:0;}

.sub_menu ul li{position: relative;cursor: pointer}


.quick_menu{position: fixed;right:0;width:50px;top:30%;z-index: 11111111;}
.quick_menu div{margin-bottom: 10px;}

.pc_view{display:none;}
@media screen and (min-width:400px){
    
    .main_box1_1{display:flex}
    .main_box1_1>div{width:50%}
    .main_box1_1>div:first-child{margin-right: 20px}
    .sub1_c1_box1 p{font-size:10pt}
    
    
  
}




@media screen and (min-width:768px){
    .nt_login{padding:40px;}
    .nt_login_box label{font-size:11pt;}

    .control-group input{padding: 0 0 0 10px;}
    .register_button input{;padding: 0}

    .main_box1_1>div p{font-size:12pt}
    
    .main_box1_1>div:first-child{background: url(/img/main/main_s1_01.png) center center;background-size:cover;background-repeat: no-repeat;}
.main_box1_1>div:last-child{background: url(/img/main/main_s1_02.png) center center;background-size:cover;background-repeat: no-repeat;}
    
    .main_box1_1>div{padding:30px;}
    .main_box1_1>div>div{margin-top:40px;font-size:12pt;} 
    
    .main_box1_2{font-size:11pt}
    
    .main_box2{background: url(/img/main/main_s2_bg.jpg) center center;background-size:cover;background-repeat: no-repeat;text-align: left;padding:10px 0}
    .main_box2>div{display:flex;align-items: center;justify-content:space-between;}
    .main_box2>div>div{width:55%}
    .main_box2>div>div:last-child{width:45%;}
    
    .mian_box3{display:flex;flex-wrap:wrap;}
    .mian_box3>div{width:50%;padding:10px}
    
    
    
    .mian_box4>div>div:nth-child(1){background: url(/img/main/main_s5_01.png) center center;background-size:cover;background-repeat: no-repeat;}
.mian_box4>div>div:nth-child(2){background: url(/img/main/main_s5_02.png) center center;background-size:cover;background-repeat: no-repeat;}
.mian_box4>div>div:nth-child(3){background: url(/img/main/main_s5_03.png) center center;background-size:cover;background-repeat: no-repeat;}
.mian_box4>div>div:nth-child(4){background: url(/img/main/main_s5_04.png) center center;background-size:cover;background-repeat: no-repeat;}
    
    
    
    .mian_box4>div:last-child{display:flex;flex-wrap:wrap;margin-top:60px;}
    .mian_box4>div>div{width:50%;margin-top:0 !important;padding:40px}
    
    
    .swiper-container3 .swiper-slide{height:450px}
    .main_slide_box .swiper-pagination span{height:120px !important}
    
    .main_slide_text>div>div>div{margin-bottom:20px;}
    .main_slide_text h2{font-size:20pt}
    .main_slide_text p{font-size:14pt;margin-top:10px;}
    .main_slide_text{width:auto;height:auto;padding:30px}
    .main_slide_text>div{width:500px;height:180px}
    .main_slide_text p span:last-child{margin-left:0px;}
    
    
    
    
    
    .sub_in_title h2{font-size:36pt}
    .sub_in_title p{font-size:13pt;}
    
 
.sub_menu>div{padding:15px;}
.sub_menu ul span{line-height: 58px}
    .sub_menu ul>li>span{width:200px;}    
    .sub_menu ul li ul li{line-height: 58px}
    .sub_menu ul li{font-size:11pt;}
    
/*    sub1_c1*/
    .sub1_c1_box1 p{font-size:13pt;margin-top:80px;}
/*    sub1_c1*/

    
/*    sub1_c2*/
    .sub1_c2_box_full{overflow-x:inherit}
.sub1_c2_box1{;width:100%}
/*    sub1_c2*/
/*    sub1_c4*/
    .sub1_c4_box1>p{padding:10px 50px;border-radius: 20px;
    font-size:14pt;margin:40px 0 60px}
    .sub1_c4_box1_1{display:flex;justify-content: space-between;text-align: left;}
    .sub1_c4_box1_1>div{display:flex;align-items: center;}
    .sub1_c4_box1_1>div>div:first-child{margin-right: 30px;}
    .sub1_c4_box1 .root_daum_roughmap .wrap_map{height: 500px !important}
/*    sub1_c4*/
    
    
    
/*    sub3*/
    .swiper-container2 .swiper-slide-text{font-size:14pt;}
.swiper-container2 .swiper-slide-text h2{font-size:32pt}
.swiper-container2 .swiper-slide{height: 550px}
.swiper-container2 .swiper-slide1{background: url(/img/sub3/sub3_ms_bg.jpg) center center;background-size:cover;background-repeat: no-repeat;}
.swiper-container2 .swiper-slide2{background: url(/img/sub3/sub3_ms_bg1.jpg) center center;background-size:cover;background-repeat: no-repeat;}
.swiper-container2 .swiper-slide3{background: url(/img/sub3/sub3_ms_bg2.jpg) center center;background-size:cover;background-repeat: no-repeat;}
/*sub3*/
    
    .quick_menu{position: fixed;right:0;width:auto;top:inherit;bottom:10%}
    
    .footer{font-size:10pt}
    .pc_view{display:block}
    .mobile_view{display:none;}
    .quick_pop{position: fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);text-align: center;;z-index: 11111111111;font-size:12pt;cursor: pointer;display: none;}
    .quick_pop>div{display:flex;justify-content: center;align-items: center;width:100%;height:100%;}
    .quick_pop>div>div{background-color:#fff;padding:60px;max-width:450px;}
    
    
}
@media screen and (min-width:950px){
    .gnb{transition: 0s}
    /*    sub3*/
    .sub3_box2{overflow-x: inherit;}
.sub3_box2>div{;width:100%}
    .sub3_slide_box>div:first-child{padding:60px 0;margin-top:160px;line-height: 180%;font-size:11pt;}
    .sub3_slide_box{display:flex;align-items: center; flex-direction:row-reverse}
    .sub3_slide_box>div{width:50%;text-align: left;}
    .sub3_slide_box>div:last-child{margin-right:20px;text-align: center;padding:0;}
    
    .pc_button{display:block;position: static !important;margin:0 !important;margin-right:10px !important;}
    .pc_button_box{display:flex;margin-top:80px;}
    .mobile_button{display:none;}
/*    sub3*/

    .gnb li a{line-height: 90px;}
    .header .container{display:flex;align-items: center;}
    
    .sub2_c1_box1 #board_list, .sub2_c1_box1  #board_list tr{border:none !important}
}




@media screen and  (min-width:1024px){
    
    .main_slide_box{display:flex;}
    .main_slide_box>div:first-child{width:85%}
    .main_slide_box>div:last-child{width:15%}
    .main_slide_box .swiper-pagination{flex-wrap: wrap;}
    .main_slide_box .swiper-pagination span{width:100% !important;height:160px !important}
    .swiper-container3 .swiper-slide{height:800px !important}
    .main_container>div{padding:40px 20px 60px}
    .main_container4>div{padding:40px 20px 80px }
    .main_container3>div{max-width:100%;padding:40px 0 60px}
    .main_container5>div{max-width:100%;padding:40px 0 0px}
    .main_box1{display:flex;}
    .main_box1>div{width:50%;}
    .main_box1>div:first-child{margin-right: 20px;}
    .main_box1_2{margin:20px 20px 0;font-size:14pt;}
    .mian_box3 .main_box1_2{margin:10px 0 0 }
    
    .main_box1_1{margin-top:0;}
    
    .sub1_c2_box1>div{margin-bottom:150px;}
    .sub1_c2_box1>div>div{width:120px;height: 120px;margin-top:-60px;font-size:23pt;}
    .sub1_c2_box1>div>p{font-size:13pt;}
}




@media screen and (min-width:1200px){
    
       .mian_box3{display:flex;flex-wrap:nowrap;}
    .mian_box3>div{width:33.33333%;padding:0px;margin-right:60px;}
    .mian_box3>div:last-child{margin-right:0;}

    .mian_box4>div:last-child{flex-wrap:nowrap;}
    .mian_box4>div>div{width:25%;;padding:50px 50px 160px 50px}
    
    
    
    .main_slide_text h2{font-size:25pt}
    .main_slide_text p{font-size:14pt}
    .main_slide_text{;padding:50px}
    .main_slide_text>div{width:650px;}
    
    
    .gnb li a{font-size:13pt;}
    
    .sub_menu ul>li>span{width:250px;}    
/*    sub1_c1*/
 
/*    sub1_c1*/
    
    
/*    sub3*/
    .sub3_box2>div>div>div{padding:40px;;;height:572px;font-size:12pt;}
    .sub3_box2>div>div>div p{width:100%;}
    
    .sub3_box2>div>div span{margin:20px 0 100px}
/*    sub3*/
}






/* loading */
.wrap-loading{z-index: 999; position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');}
.wrap-loading div{position: fixed;top:50%;left:50%;margin-left: -21px;margin-top: -21px;}
.display-none{display:none;}
/* loading */