@charset:"utf-8";


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

.site .site_menu{padding:100px 130px; }
#visual .visual_slide .item .visual_txt{width:90%; }
#visual .slick-dots {width:90%}
.con1{width:84% }
.con1 .con1_top{height:23.0882vw !important; padding-top:5.8824vw;}
.con1 .mo{display:none;}
.con2{padding:100px 0;}
.con2 .con2_inner ul li{width:280px; height:280px;}
.con2 .con2_inner ul li p{margin-top:10px;}
.con2 .con2_inner ul li + li{margin-left:50px;}
.con4{padding:140px 0;}
.con3 .con3_inner{width:93%}
.con5 .con5_inner{width:93%}
.con5 .con5_inner a.request{right:10px;}
#footer .foot_inner h1{left:10px;}
#footer .foot_inner ul{width:98%;}


/*.wp{padding:0 15px}*/
.sub{width:93%}
.ci p{font-size:22px}
.ci .ci_txt{font-size:16px}
.section{padding:100px 0}
.sec01{margin-top:0}
.sec_last{padding-bottom:0}
.paddingBot0{padding-bottom:0}

.partner .tab-content > div{margin:0; }
.project_list dl{padding:5px 0}

.science .tab-menu li{width:calc(25% - 7.5px)}
.science .tab-menu li:nth-child(5){margin-left:0}
.science .tab-menu li:nth-child(n+5){margin-top:10px}
.science .tab-menu li span{height:66px}

/*sub04*/
.welfare{width:97%; margin:50px auto 0}
.welfare ul li{padding:30px 40px}
.re_top ul li dl{width:200px; height:200px}
.re_top ul li + li dl{margin-left:90px}
.re_top ul li + li dl:before{left:-62px; }
.re_top ul li dl dd.reImg img{max-width:80%; max-height:80%}

}




@media screen and (max-width:1200px) {
#header .inner{position:relative;}
#header .inner #gnb{right:216px;}
#header .inner #gnb > li > a{font-size:17px; padding:0 20px; }
#header .inner .lang{right:60px; }
#header .admin{right:190px}
.site .site_menu{padding:50px 80px; }
.site .site_menu > li {height:250px;}
.site .site_menu > li > h3 > a{font-size:22px; }
.site .site_menu > li > ul > li > a{font-size:18px; }
.ham .ham_menu h3{width:180px}

#visual .visual_slide .item strong{font-size:60px; }
#visual .visual_slide .item h2{font-size:60px; }
#visual .visual_slide .item p{font-size:20px; }
#visual .visual_slide .visual01 img{width:31%}
#visual .scroll{bottom:94px;}

.h2_title{font-size:36px; }
.p_heading{font-size:16px; }
.con1 .con1_top{height:19.0882vw !important; padding-top:2.6667vw}
.con1 .con1_top p {font-size:16px; margin-top:10px;}
.con1 .con1_sol03{margin-top:80px;}
.con1 .con1_sol04{margin-top:80px}
.con1 .con1_sol05{margin-top:80px;}
.con1 .con1_sol06{margin-top:80px;}
.con1 dl{left:30px; bottom:20px;}
.con1 dl dt{font-size:26px;}
.con1 dl dd:nth-of-type(1){font-size:17px; line-height:20px}
.con1 dl dd:nth-of-type(2){font-size:16px;}

.con3 .notice li a{padding:20px;}
.con3 .notice li dl dt{/*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/font-size:16px;}
.con3 .notice li dl dd{display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; width:100%; height:140px; font-size:16px;}
.con3 .notice li .date{right:20px; bottom:35px;}

.submenu{width:150px;}
.submenu > li{font-size:15px; text-align:center; line-height:30px; font-weight:300; }
.sub_visual .loc{width:100%; padding:0}

.company .company_img{width:calc(50% - 20px); height:400px; margin-right:40px}
.company .company_txt{width:calc(50% - 20px); }
.company .company_txt span{font-size:30px}
.company .company_txt p{font-size:16px}
.overviewBg:after{height:370px;}

/* sub02 style*/
.section01 .pTxt strong{font-size:20px; line-height:1.4}
.section01 .pTxt h5{color:#222; font-size:30px}
.section01 .pTxt p{font-size:16px; line-height:34px}

.vision_list{width:905px}
.vision_list li span{font-size:18px; width:230px; height:230px;}
.mission p{font-size:26px}

.history .tab-menu li{height:50px; line-height:48px; font-size:15px}
.history .tab-content div ul{padding:10px 0}
.history .tab-content div ul li dl dt{font-size:34px; }
.history .tab-content div ul li dl dd{font-size:15px; }
.history .tab-content div ul li.h_right dl dt:after{top:13px; }
.history .tab-content div ul li.h_right dl dt:before{top:10px}
.history .tab-content div ul li.h_left dl dt:before{top:13px}
.history .tab-content div ul li.h_left dl dt:after{top:13px; }

.greeting .greet_img{height:400px; padding:75px 0 95px 75px}
.greeting .greet_img strong{font-size:54px; line-height:1.0; }
.greeting .greet_img p{font-size:19px; margin-top:20px; line-height:1.4; }
.greeting .greet_img span{font-size:19px}
.greeting .greet_txt{margin-top:50px}
.greeting .greet_txt .head{font-size:30px; line-height:1.5} 
.greeting .greet_txt p{font-size:16px}

.project .proImg{height:auto; }
.project h4{font-size:48px; }
.project_list{}
.project_list dl dt{font-size:18px; }
.project_list dl dd{font-size:14px; }

.partner .tab-menu li{padding:0;}
.partner .tab-menu li span{font-size:15px}
.partner .tab-content div li{padding:20px 10px}
.partner .tab-content ul li{width:33.33%;}
.partner .tab-content ul li span{font-size:15px}

.map{height:600px;}
.address{padding:30px 50px; width:650px; }
.address h3{font-size:25px; }
.address p{font-size:16px;}
.address span{font-size:18px; }
.address span:before{width:36px; height:36px; }

.section .pTxt{padding:0 0 0 50px; }
.section .pTxt strong{font-size:18px}
.section .pTxt h5{font-size:30px}
.section .pTxt p{font-size:16px; }

.trait li{width:calc(100% / 2 - 10px); height:246px; padding:30px 15px }
.trait li:nth-child(2n){margin-left:20px}
.trait li + li{margin-left:0}
.trait li + li + li{margin-top:20px}
.trait li dl dd{font-size:14px; padding:0 0 0 12px}
.trait li dl dd:before{top:12px; left:3px}
.trait li dl dt {font-size:18px;}
.trait03 li{height:210px}
.trait05 li{height:200px}
.trait06 li{height:200px}

.sec_last ul li{width:25%; }
.section02 .imgLims02 img{width:100%}
.section03 .imgLims03 img{width:100%}

.science .tab-wrapper{margin-top:50px}
.science .tab-menu li span{line-height:22px; }


.mfunction{padding:0 30px}
.mfunction li{font-size:16px; padding:24px 0 24px 30px}
.mfunction li strong{top:25px }
.dfunction li{width:calc(100% / 2 - 5px); min-height:273px; }
.dfunction li + li{margin-left:0}
.dfunction li + li + li{margin-top:10px}
.dfunction li:nth-child(2n){margin-left:10px}
.dfunction li:nth-child(4){margin-left:10px; }
.dfunction li:nth-child(7){margin-left:0;}
.dfunction li dl dt{font-size:17px; }
.dfunction li dl dd{font-size:14px; padding:3px 0 0 30px; line-height:20px}
.dfunction li dl dd:before{left:20px; top:10px;}
span.block{display:block; padding-left:25px}
.dfunction02 li{min-height:283px;}
.dfunction02 dl.col dd{width:50%; float:left; }
.dfunction02 li:nth-child(1) {height:276px;}
.dfunction03 li{min-height:160px}
.dfunction04 li{min-height:251px}
.dfunction05 li{min-height:226px}
.dfunction06 li{min-height:200px}

.csv{font-size:16px}
.csvTop01{width:calc(33.33% - 13.33px)}
.csvTop02{width:calc(33.33% - 13.33px); margin-left:20px}
.csvTop03{width:calc(33.33% - 13.33px); margin-left:20px}
.csvBott01{width:calc(33.33% - 13.33px); margin-top:20px}
.csvBott02{width:calc(33.33% - 13.33px); margin-left:20px; margin-top:20px}
.csvBott03{width:calc(33.33% - 13.33px); margin-left:20px; margin-top:20px}


/*sub03 page*/
.newsWrap .total{margin-top:80px; }
.newsWrap table thead th{padding:16px 0; font-size:15px;}
.newsWrap table tbody tr td{padding:16px 5px; font-size:15px; }
.newsWrap table tbody tr td .divide{font-size:14px}
.newsWrap table tbody tr td .date{font-size:13px}
.newsWrap table tbody tr td .hit{font-size:13px}
.newsWrap table tbody tr a{color:#333}
.newsWrap input, select{height:51px; font-size:15px}
.newsWrap button{padding:12px 50px; font-size:15px}
.count a{font-size:14px;}
.contact table{margin-top:80px}
.contact table tr th{font-size:15px}
.contact table tr td{padding:8px}
.contactBtn button{font-size:15px}
.contact input{font-size:15px;}
.contact textarea{font-size:15px; }
.contactBtn button{padding:14px 50px; font-size:15px; }



/*sub04 page*/
.person ul li{width:50%; min-height:314px}
.person ul li dl{padding:40px; font-size:16px; }
.person ul li dl dd.perIcon img{max-width:80%; height:auto}
.person ul li:nth-child(3) {border-top:0}
.person ul li:nth-child(4) {border-top:1px solid rgba(255,255,255,0.1)}
.person strong{font-size:16px}
.welfare li{padding:30px; height:149px}
.welfare li dl dt{color:#222; font-size:15px; font-weight:500}
.welfare li dl dd{color:#555; font-size:14px; margin-top:10px}
.welfare li span img{max-width:50%;}
.re_top ul li dl{width:200px; height:200px}
.re_top ul li + li dl{margin-left:50px}
.re_top ul li + li dl:before{left:-42px; }
.re_top ul li:nth-child(1) span img{width:31px; height:auto}
.re_top ul li:nth-child(2) span img{width:33px; height:auto}
.re_top ul li:nth-child(3) span img{width:46px; height:auto}
.re_top ul li:nth-child(4) span img{width:42px; height:auto}
.re_top ul li span{margin-top:10px}
.re_top ul li span img{max-width:70%}
.re_top ul li dl dt{font-size:14px; margin-top:15px}
.re_top ul li dl dd{font-size:14px}
.re_bot p{font-size:16px;}
.re_bot span{font-size:13px}


.edms_flow{width:62%}
.pqr_flow{width:100%}

}



@media screen and (max-width:1024px){
html{font-size:14px}
#header .inner #gnb{display:none}
#header .inner #gnb > li > a{font-size:1.7672vw; padding:0 15px;}
#header .inner .lang{right:55px;}
#header .admin{right:185px}
#header .inner h1{width:160px; height:40px; }
#header:hover .inner h1{width:160px; height:40px;}
.ham{background:#fff}
.ham .ham_top{height:100px;}
.ham .ham_top .site_logo{margin-left:20px; margin-top:29px;}
.ham .ham_top .close{width:100px; height:100px; background:#f7a81b url(../images/close_btn2.png) center no-repeat; ;}
.ham .ham_menu{margin-top:0; width:100%;}
.ham .ham_menu h3{width:100%; display:block}
.ham .ham_menu > li{display:block; width:100%; height:auto; text-align:left; padding:0; }
.ham .ham_menu > li + li{border-left:none;  }
.ham .ham_menu > li > h3 > a{line-height:1em; display:block; color:#222; padding:25px 25px 25px 40px }
.ham .ham_menu > li > h3 > a.site_title{background:url(../images/site_down.png) center right no-repeat; background-size:4.2552vw auto; }
.ham .ham_menu > li > h3.on > a.site_title{background:url(../images/site_up.png) center right no-repeat; background-size:4.2552vw auto;}
.ham .ham_menu > li > ul > li > a{padding:5px 30px; display:block; font-size:18px}
.ham .ham_menu .lnb_depth{margin-top:0; padding:0 0 26px 0; display:none; width:100%}
.ham .ham_menu .lnb_depth li{display:block; position:relative}
.ham .ham_menu .lnb_depth li:nth-child(8) {margin-top: 0}
.ham .ham_menu .lnb_depth li:before{position:absolute; left:43px; top:25px}
.ham .close{right:5.5203vw; top:25px;}


#visual .visual_slide .item .visual01{}
#visual .visual_slide .item .visual02{}
#visual .visual_slide .item strong{font-size:50px; }
#visual .visual_slide .item h2{font-size:50px; }
#visual .visual_slide .item p{font-size:18px; }

.con1{width:86%}
.con1 .con1_sol01{width:47%}
.con1 .con1_sol02{width:47%}
.con1 .con1_sol03{width:47%; margin-top:50px;}
.con1 .con1_sol04{width:47%; margin-top:50px;}
.con1 .con1_sol05{width:47%; margin-top:50px;}
.con1 .con1_sol06{width:47%; margin-top:50px;}
.con1 dl{left:20px; bottom:15px;}
.con1 dl dt{font-size:24px;}
.con1 dl dd:nth-of-type(1){margin-top:5px}

.con2{padding:100px 0;}
.con2 .con2_inner ul li{width:220px; height:220px; padding-top:40px;}
.con2 .con2_inner ul li + li{margin-left:20px;}
.con2 .con2_inner ul li p{margin-top:5px; font-size:16px;}
.con2 .con2_inner ul li span{display:inline-block; width:40px; height:40px; text-align:center; vertical-align:middle;}
.con2 .con2_inner ul li span img{width:100%;}
.con2 .con2_inner ul li strong{font-size:46px;}
.con3 .notice li{width:calc(100% / 3 - 13.33px)}
.con3 .notice li + li{margin-left:20px}
.con3 .notice li dl dd{height:auto}
.con4 .con4_inner{width:90%}
.con4 .con4_inner ul li{width:calc(50% - 10px);}
.con4 .con4_inner ul li span{height:120px}
.con4 .con4_inner ul li span img{max-width:65%;}

#footer .btn_top{right:30px; }
#footer .pc{display:block}
#footer .mo{display:none}

#visual .visual_slide .btn_next{bottom:220px; }
#visual .visual_slide .btn_prev{bottom:220px; }
#visual .scroll{bottom:104px; }


/*========= sub01 page style ========*/

.subPadd{padding:180px 0 80px}
.sub_visual{height:480px; }
.banner .bg04{background:url(../images/sub04_visual.jpg) center no-repeat; background-size:cover; }
.sub_visual .sub_title h1{font-size:52px}
.sub_visual .loc .inner_loc{height:60px; }
.sub_visual .loc .inner_loc h2{line-height:60px;}
.sub_visual .loc .inner_loc li{height:60px; }
.sub_visual .loc .inner_loc li:nth-child(1) a{width:70px;}
.sub_contents .h5_title{font-size:22px}
.h4_title{font-size:30px}
.sec01{margin-top:0}
.section{padding:100px 0px}

.company .company_img{display:block; width:100%; }
.company .company_txt{position:relative; padding:50px 30px; width:100%; }
.company .company_txt p{margin-top:50px}
.company .company_txt span{font-size:25px}
.company .compnay_txt span br{display:none}
.overviewBg:after{height:376px;}
.vision_list{width:100%}
.vision_list li{float:none; display:inline-block; vertical-align:middle;}
.vision_list li:nth-child(3){display:block; width:100%; }
.vision_list li span{width:200px; height:200px; font-size:18px; line-height:28px}
.vision_list li:nth-child(3) span{background:url(../images/vision_arrow_mo.png) center no-repeat; margin:0 auto}
.mission p{font-size:26px}

.sub01_ci .ci{padding:80px 30px;}
.sub01_ci .ci .ci_inner .ci_txt{width:100%; margin-top:80px;}
.sub01_ci .ci .color{margin-top:50px;}
.sub01_ci .ci .color li dl dt{width:95%}
.sub01_ci .ci .color li dl dd{width:100%}


.tabmenu-wrap .tabmenu-inner{height:50px; }
.tabmenu-wrap .tab-nav .nav{height:50px; width:25%}
.tabmenu-wrap .tab-nav .nav a{line-height:49px;}
.tabmenu-wrap .tab-nav .nav.on a:after{bottom:0}

.greeting{margin-top:50px}

.project{margin-top:50px}
.project .tab-content{margin-top:50px}
.project p{font-size:15px}
.project .proImg{width:100%; height:300px; float:none}
.project_list{margin-top:30px; float:none; padding-left:30px; width:100%}
.project_list dl{padding:4px 0 }
.project_list h4{font-size:40px}
.project .tab-menu li{width:33.33%;}
.project .tab-menu li + li{margin-left:0}
.project .tab-menu li span{height:50px; font-size:15px; }
.project .tab-menu li + li span{border-left:0} 
.project .tab-menu li:nth-child(3) span{border-bottom:none}
.project .tab-menu li:nth-child(4) span{border-top:none; border-left:1px solid #ddd; border-bottom:none}
.project .tab-menu li:nth-child(4) span:hover{border:1px solid #f7a81b}
.project .tab-menu li:nth-child(5) span{border-top:none}
.project .tab-menu li:nth-child(7) span{border-left:1px solid #ddd}

/*사업실적 년도 추가 2025-06-19*/
.project .tab-menu li:nth-child(n+8){margin-top:0; }
.project .tab-menu li:nth-child(5) span, .project .tab-menu li:nth-child(6) span{border-bottom:none}


.partner .tab-wrapper{margin-top:50px}
.partner .tab-menu li{width:33.33%}
.partner .tab-menu li + li{margin-left:0; }
.partner .tab-menu li + li span{border-left:none}
.partner .tab-menu li span{height:50px; font-size:15px}
.partner .tab-content ul li{width:50%}
.partner .tab-content div li{padding:20px 10px}
.partner .tab-content div li span img{max-width:65%}
.partner .part{font-size:15px}
.partner p.part:nth-child(1){margin-top:80px}

.map{height:500px; margin-top:50px}
.address{padding:20px 30px; width:620px; }


/*sub02 style */
article{padding:50px 15px}
.tabmenu-wrap .tab-nav {height:50px}
.tabmenu-wrap .tab-nav .nav a{font-size:14px}


.swiper:after{top:50px;}
.swiper-wrapper{height:50px !important}
.swiper-slide .swiper-btn{font-size:14px}
.kosmosWrap{display:flex; flex-wrap:wrap}
.kosmosWrap .kosmos:nth-child(2n){margin-top:50px; }
.kosmos{width:48%; height:272px; font-size:28px}
.overview {margin-top:3.125rem;}
.overview dl:nth-of-type(1) dt {height:20rem;}
.overview dl:nth-of-type(2) dt {height:20rem;}
.overview dl dd{font-size:1.2rem}
.support li{width:49%}
.support li p{font-size:1.2rem}



.lims .tab-wrapper{margin-top:50px}
.lims .tab-menu{width:100%; max-width:900px; margin:0 auto;}
.lims .tab-menu li{width:calc(33.33%)}
.lims .tab-menu li + li{margin-left:0; }
.lims .tab-menu li:nth-child(4) span{border-top:0; border-left:1px solid #ddd}
.lims .tab-menu li:nth-child(5) span{border-top:0}
.lims .tab-menu li:nth-child(6) span{border-top:0}
.lims .tab-menu li.active span{border:1px solid #f7a81b}
.lims .tab-menu li.hover span{border:1px solid #f7a81b}
.lims .tab-menu li + li span{border-left:0}
.lims .tab-menu li span{height:50px; font-size:15px}
.subscript{font-size:10px}
.subscript:before{width:15px; height:15px;}

.section .pImg{width:50%; margin:0 auto; height:360px; float:none;}
.section .pTxt{float:none; width:93%; margin:50px auto 0; padding:0;}
.section .pTxt p{line-height:28px; font-size:15px}
.section .pTxt strong{font-size:17px}
.section .pTxt h5{font-size:28px}

.fuction li{min-height:145px}
.hidden{display:none;}
.trait li dl dt{font-size:18px}
.pheiMate > ul > li label{font-size:14px; width:200px; height:50px}

.science .tab-wrapper{}
.science .tab-menu li{width:calc(33.33%)}
.science .tab-menu li span{height:50px; font-size:15px}
.science .tab-menu li + li{margin-left:0}
.science .tab-menu li:nth-child(n+4){margin-top:0; }
.science .tab-menu li:nth-child(n+4) span{border-top:0}
.science .tab-menu li + li span{border-left:0}
.science .tab-menu li:nth-child(4){border-left:1px solid #ddd}
.science .tab-menu li:nth-child(7){border-left:1px solid #ddd}


.dfunction li{min-height:186px}
.dfunction li dl dd:before{left:2px; top:10px}
.dfunction li dl dd{font-size:13px; line-height:18px; padding:3px 0 0 8px}
.dfunction dl.col dd{width:49%; float:left; }
.dfunction dl.col dd:nth-of-type(even){margin-left:2%}
.dfunction02 li{min-height:262px;}
.dfunction03 li{min-height:148px}
.dfunction04 li{min-height:165px}
.dfunction05 li{min-height:162px}

.csv{font-size:16px; margin-top:50px}
.csvTop01{width:calc(50% - 7.5px); height:200px; font-size:30px; padding-top:50px}
.csvTop02{width:calc(50% - 7.5px); margin-left:15px; height:200px; margin-top:15px}
.csvTop03{width:calc(50% - 7.5px); height:200px; margin-left:0; margin-top:15px}
.csvBott01{width:calc(50% - 7.5px); height:200px; margin-top:15px; margin-left:15px;}
.csvBott02{width:calc(50% - 7.5px); height:200px; margin-top:15px; margin-left:0}
.csvBott03{width:calc(50% - 7.5px); height:200px; margin-left:15px; margin-top:15px}

.count li{width:30px; height:30px;}
.count li a{line-height:30px; font-size:12px}
.person ul li dl {padding:40px 20px; font-size:15px}
.welfare ul li{padding:20px}
.welfare li span:before{width:80px; height:80px;}
.welfare li:nth-child(1) span img{width:33px; height:auto}
.welfare li:nth-child(2) span img{width:39px; height:auto}
.welfare li:nth-child(3) span img{width:28px; height:auto}
.welfare li:nth-child(4) span img{width:19px; height:auto}
.welfare li:nth-child(5) span img{width:30px; height:auto}
.welfare li:nth-child(6) span img{width:18px; height:auto}
.welfare li:nth-child(7) span img{width:20px; height:auto}

.re_top ul li{display:inline-block; width:50%}
.re_top ul li dl{width:160px; height:160px; display:inline-block; vertical-align:top; margin:0 auto}
.re_top ul li + li dl{margin-left:0}
.re_top ul li + li dl:before{left:-100%; transform:translateX(50%); top:73px; }
.re_top ul li:nth-child(3) dl:before{display:none}
.re_top ul li + li{margin-top:50px}
.re_top ul li dl dd.reImg{margin-top:5px}
.re_top ul li dl dd.reImg img{max-width:60%; max-height:60%}
.re_top ul li:nth-child(1) span img{width:28px}
.re_top ul li:nth-child(2) span img{width:28px}
.re_top ul li dl dt{font-size:13px; margin-top:5px}
.re_top ul li dl dd{font-size:13px}
h6.h6_title{font-size:16px}
.re_bot{padding:110px 0}
.re_bot span{ padding:30px 50px;  margin-top:40px; font-weight:300; font-size:13px}
.re_bot p{margin-top:50px; font-size:15px;}
.sec_last ul li{width:50%; }
.privacy{font-size:13px; margin-top:50px; padding:20px}
.service{font-size:13px; margin-top:50px; padding:20px}


.edms_flow{width:68%}



}









@media all and (max-width:767px) {
html{font-size:12px}
#navi{display:none;}
#header{padding:0 10px}
#header .inner{height:70px}
#header .inner h1{top:25px; width:110px; height:30px; background-size:contain }
#header .inner #gnb{display:none;}
#header .inner .lang{display:none;}
#header .admin{right:48px; top:26px; }
#header:hover .inner h1{width:110px; height:30px; background-size:contain}
#header .inner .all_menu{top:25px; width:26px}
#header .inner .all_menu span:nth-of-type(2){top:8px;}
#header .inner .all_menu span:nth-of-type(3){top:16px;}
.ham .ham_top{height:80px;}
.ham .ham_top .site_logo{margin-left:20px; margin-top:26px;}
.ham .ham_top img{width:30%}
.ham .ham_top .close{width:80px; height:80px; }
.ham .ham_menu{margin-top:0; width:100%; padding:0 10px}
.ham .ham_menu > li{display:block; width:100%; height:auto; text-align:left; padding:0}
.ham .ham_menu > li + li{border-left:none; }
.ham .ham_menu > li > h3 > a{line-height:1em; display:block; color:#222; padding:26px 10px; font-size:24px;}
.ham .ham_menu > li > ul > li > a{padding:2px 36px; font-size:18px; font-weight:500}
.ham .ham_menu .lnb_depth{margin-top:0; padding:0 0 20px 0; display:none;}
.ham .ham_menu .lnb_depth li{padding:0}
.ham .ham_menu .lnb_depth li:before{left:23px; top:20px}

#footer .btn_top{width:50px; height:50px; line-height:50px; bottom:30px; font-size:13px; right:20px}


.tab{display:block}
.mo{display:none;}
#visual .visual_slide .item .visual02{background-position:50% 50%}
#visual .visual_slide .item .visual02{background-position:30% 50%}
#visual .visual_slide .item .visual03{background-position:50% 50%}
#visual .visual_slide .item strong{font-size:26px; }
#visual .visual_slide .item h2{font-size:26px; }
#visual .visual_slide .item p{line-height:22px; line-height:26px; font-size:16px}
#visual .visual_slide .btn_next{display:none;}
#visual .visual_slide .btn_next:before{display:none;}
#visual .visual_slide .btn_prev{display:none;}
#visual .visual_slide .btn_prev:before{display:none;}
#visual .visual_slide .visual01 img{width:50%}
#visual .scroll a span{width:25px; height:40px}
#visual .scroll{bottom:70px}

.h2_title{font-size:26px;}
.p_heading{font-size:14px; margin-top:10px}
.con1{padding:80px 0; width:93%}
.con1 .con1_top p{font-size:15px; line-height:24px;}
.con1 .con1_top {width:100%; height:auto; }
.con1 .con1_sol01{width:100%; height:200px; margin-top:60px}
.con1 .con1_sol02{width:100%; height:200px; margin-top:15px}
.con1 .con1_sol03{width:100%; height:200px; margin-top:15px;}
.con1 .con1_sol04{width:100%; height:200px; margin-top:15px;}
.con1 .con1_sol05{width:100%; height:200px; margin-top:15px;}
.con1 .con1_sol06{width:100%; height:200px; margin-top:15px;}

.con1 dl{left:15px; }
.con1 dl dt{font-size:22px; font-weight:bold}
.con1 dl dd:nth-of-type(1){font-size:15px; }
.con1 dl dd:nth-of-type(2){font-size:15px; margin-top:5px}
.con1 .sol_more{margin-top:20px; }
.con1 .sol_more:after{content:""; width:126px; height:30px; background:url(../images/mo_moreBtn.png) no-repeat; }
.con1 a:hover dl{top:45%; transform:translateY(-50%); }
.con1 a:hover .sol_more{display:block; }

.con2{width:100%; padding:80px 0 60px;}
.con2 .con2_inner{width:90%;}
.con2 .con2_inner ul{margin-top:20px; }
.con2 .con2_inner ul li{display:block; text-align:left; width:100%; height:auto; margin:0 auto; background:transparent; padding:20px 0;}
.con2 .con2_inner ul li span{margin-right:15px; width:32px; height:32px; }
.con2 .con2_inner ul li:last-child span{width:35px; height:35px; margin-top:10px; }
.con2 .con2_inner ul li + li{margin-left:0; margin:0 auto;}
.con2 .con2_inner ul li strong{display:inline-block; vertical-align:middle; width:70px; font-size:30px; margin-top:0; margin-right:10px;}
.con2 .con2_inner ul li p{display:inline-block; vertical-align:middle; font-size:4.3438vw; margin-top:0;}

.con3 .con3_title{position:relative !important;}
.con3 .notice{margin-top:30px;}
.con3 .notice li p{font-size:14px; }
.con3 .notice li{display:block; width:100%; height:150px}
.con3 .notice li + li{margin-top:10px; margin-left:0}
.con3 .notice li a{padding:15px}
.con3 .notice li dl dt{margin-top:5px; font-size:14px; line-height:1.5}
.con3 .notice li .date{right:15px; bottom:15px;}
.con3 .con3_more{position:relative; display:block; top:0; margin-top:25px; text-align:center; left:50%; transform:translateX(-50%); font-size:12px }
.con3 .con3_more:after{left:50%; transform:translateX(-50%);}


.con4 .con4_inner{text-align:center;}
.con4 .con4_inner p{margin-bottom:30px; line-height:22px}
.con4 .con4_inner ul{margin:0}
.con4 .con4_inner ul li{margin:0}
.con4 .con4_inner ul li span{height:60px}
.con4 .con4_inner .con4_more{position:relative; display:block; top:0; margin-top:25px; font-size:12px}
.con4 .con4_inner .con4_more:after{left:50%; transform:translateX(-50%);}
.con5{width:100%; padding:60px 0;}
.con5 .con5_inner p{margin-top:20px; line-height:22px; }
.con5 .con5_inner a.request{position:relative; display:inline-block; top:0; margin-top:20px; left:0; padding:5px 15px; font-size:4.0458vw; }
.con5 .con5_inner .mo{display:none;}

#footer{width:100%; padding:20px 0}
#footer .foot_inner{padding:0 10px; margin-top:0;}
#footer .foot_inner ul{margin-top:0; padding-bottom:3px; margin-bottom:8px; width:100%;}
#footer .foot_inner ul li a{font-size:14px;}
#footer .foot_inner address{line-height:20px; }
#footer .foot_inner address span{letter-spacing:-0.5px; font-size:13px;}
#footer .foot_inner p{font-size:11px;}
#footer .mo{display:none !important}


.subPadd{padding:100px 0 80px; }
.subWrap{padding:100px 0 0; }
.h4_title{font-size:24px; }
.sub_visual{height:280px; }
.sub_visual .sub_title{top:53%;}
.sub_visual .sub_title h1{font-size:30px;}
.sub_visual .loc .inner_loc{height:42px; }
.sub_visual .loc .inner_loc li{height:42px; }
.sub_visual .loc .inner_loc li + li{width:calc(100% / 2 - 26px);}
.sub_visual .loc .inner_loc li + li:after{right:10px; top:19px;}
.sub_visual .loc .inner_loc li:nth-child(3){border-right:0}
.sub_visual .loc .inner_loc li:nth-child(1) a{width:50px; border-left:0;}
.sub_visual .loc .inner_loc li a{line-height:42px; padding:0 10px;}
.sub_visual .loc .inner_loc li img{margin-top:0px;}
.sub_visual .loc .inner_loc h2{font-size:13px; line-height:42px; padding-left:10px;}
.sub_title strong{font-size:11px}
.banner .bg02{background-position:68% 50%}

.tabmenu-wrap .tabmenu-inner{height:45px; }
.tabmenu-wrap .tab-nav .nav{height:45px;}
.tabmenu-wrap .tab-nav .nav a{line-height:44px; font-size:13px}
.tabmenu-wrap .tab-nav .nav.on a:after {bottom:2px;}
.sub_contents h3{font-size:20px; }
.sub_contents .sub .sub_title h2{font-size:24px; }
.sub_contents .sub .sub_title p{font-size:14px; white-space:;}
.sub_contents .sub .sub_title p br{display:none;}
.sub_contents .sub_title strong{font-size:11px}
.company{padding-bottom:0; height:600px; margin-top:50px}
.company .company_img{height:260px}
.company .company_txt{padding:20px 15px; margin-top:0}
.company .company_txt span{font-size:20px; line-height:1.5}
.company .company_txt span br{display:block}
.company .company_txt p{font-size:14px; margin-top:25px; line-height:1.5}
.company .company_txt:before{top:51px; left:-15px; width:100%;}
.overviewBg:after{height:300px; bottom:0; left:0;}

/*vison*/
.vision_list{width:50%}
.vision_list li span{width:160px; height:160px; font-size:16px; line-height:24px}
.vision_list li:nth-child(3) span{background:url(../images/vision_arrow_mo.png) center no-repeat; width:37px; height:96px; display:block; margin:0 auto}
.vision_list li:nth-child(2) span{margin-left:0}


/*mission*/
.mission{height:260px; margin-top:80px}
.mission p{font-size:18px; line-height:28px; margin-top:30px}
.mission .cel_box{padding:0 30px; }
.mission:after{width:340px; height:200px; bottom:-35px}

.ci{margin-top:100px}
.ci p{font-size:16px; margin-top:20px; line-height:28px}
.ci .ciBox {margin-top:30px; padding:60px 20px}
.ci .ci_img img{width:200px}
.ci .ci_mark{font-size:12px}
.ci .ci_mark span:nth-child(1){width:52px; display:inline-block;}
.ci .ci_mark span:nth-child(2){display:inline-block; width:148px}
.ci .ci_txt{font-size:14px}

.sub01_ci{padding:60px 10px;}
.sub01_ci .ci{padding:60px 10px;}
.sub01_ci .ci .ci_inner .ci_img{margin-right:0;}
.sub01_ci .ci .ci_inner .ci_img span img{width:70%}
.sub01_ci .ci .ci_inner .ci_txt{font-size:4.0458vw; word-break:break-all; line-height:22px;}
.sub01_ci .ci .ci_inner .mark em{font-size:14px;}
.sub01_ci .ci .ci_inner .mark em + em{margin-left:2px;}
.sub01_ci .ci .ci_inner .mark em:nth-child(1){width:51px; margin-left:-7px;}
.sub01_ci .ci .ci_inner .mark em:nth-child(2){width:140px;}
.sub01_ci .ci .color{margin-top:30px;}
.sub01_ci .ci .color li{width:48%;}
.sub01_ci .ci .color li dl dt{width:100%; height:80px; line-height:80px; font-size:3.8458vw}
.sub01_ci .ci .color li dl dd{padding:10px 0 0 0; }
.sub01_ci .ci .color li dl dd span{font-size:13px; line-height:18px;}
.sub01_ci .ci .color li + li{margin-left:0;}
.sub01_ci .ci .color li:nth-child(2n){margin-left:4%;}
.sub01_ci .ci .color li + li + li{margin-top:20px;}

.greeting .greet_img {height:280px; padding:35px 25px}
.greeting .greet_img strong{font-size:34px}
.greeting .greet_img p{font-size:15px}
.greeting .greet_img span img{width:20%}
.greeting .greet_img span{font-size:15px}
.greeting .greet_txt {padding:0 15px; margin-top:40px; line-height:1.5}
.greeting .greet_txt .head{font-size:20px}
.greeting .greet_txt p{font-size:14px; line-height:1.7; word-break:keep-all}
.greeting .greet_txt br.mo{display:none; }
.project{margin-top:50px}
.project p{font-size:46px}
.project h4{font-size:30px; margin-bottom:15px; padding-left:10px; }
.project h4:after{margin-top:10px; width:240px}


.swiper:after{top:45px;}
.swiper-wrapper{height:45px !important}
.swiper-slide .swiper-btn {font-size: 13px;}
.swiper-wrapper div{min-width:90px; }
.business .swiper-wrapper div{min-width:90px !important; }

.kosmosWrap {justify-content: space-evenly;}
.kosmosWrap .kosmos:nth-child(2n){margin-top:20px; }
.kosmos{width:40%; height:160px; font-size:22px}
.overview dl{display:block}
.overview dl dt{width:100%;}
.overview dl:nth-of-type(1) dt{height:14rem}
.overview dl:nth-of-type(2) dt{height:14rem}
.overview dl dd{width:100%; margin-top:20px}
.overview dl:nth-of-type(1) {margin-top: 3rem;}
.overview dl dd:before {margin-bottom:0.8rem; width:10.688rem}
.overview dl:nth-of-type(2) dd {text-align:left;}
.overview dl:nth-of-type(2) dd:before {margin-right: auto; margin-left:0}
.support{margin-top:5.375rem}
.support li:nth-child(n+3){margin-top:2%}
.support li{padding:1.8rem 1rem 1rem; min-height:130px}
.support li:nth-child(1) img{width:28%}
.support li:nth-child(2) img{width:34%}
.support li:nth-child(3) img{width:31%}
.support li:nth-child(4) img{width:31%}
.support li p{margin-top:0.875rem}
.kosmos_diag li {width:7.5rem}
.kos_con{padding:10px !important}
.sec_padd{padding:0 0 5.375rem}






.project .tab-menu li span{font-size:13px; height:38px; line-height:37px}
.project_list{margin-top:30px; padding-left:0}
.project_list dl{padding:5px 0 5px 10px; position:relative;}
.project_list dl dt{font-size:14px; line-height:18px; }
.project_list dl dd{font-size:13px; line-height:18px; }
.project p{font-size: 13px; padding-left: 10px;}

.partner .tab-menu li span{font-size:13px; height:40px}
.partner .tab-content{margin-top:50px;}
.partner .tab-content ul li{width:50%; padding:0}
.partner .tab-content ul li span{height:100px}
.partner .tab-content div li span img {max-width:55%}
.partner .part{font-size:13px}
.partner p.part:nth-child(1){margin-top:50px}


.map{height:500px; margin-top:50px; border:none}
.map iframe{height:300px}
.address{padding:15px 20px; width:100%; position:relative; border:1px solid #ddd;}
.address h3{font-size:18px; }
.address p{font-size:14px; margin-top:5px; line-height:18px}
.address strong{font-size:13px; line-height:18px; margin-top:10px; margin-top:10px}
.address span{font-size:14px; display:inline-block; margin-top:10px}
.address span:before{width:32px; height:32px; }



/*sub02 style*/
.tab-con{font-size:1.2rem;}
p.subTitle{font-size:20px; margin-bottom:20px}
.lims .tab-menu li span{height:38px; line-height:18px; font-size:13px; }
.section{padding:50px 0 80px}
.sec_last{padding-bottom:0}
.paddingBot0{padding-bottom:0}

.section .pTxt p{font-size:14px; line-height:26px; margin-top:20px}
.section .pTxt strong {font-size:15px; line-height:20px}
.section .pTxt span{font-size:12px; line-height:15px}
.section .pTxt h5{font-size:18px; margin-top:15px; line-height:24px}
.section .pImg{height:260px; width:80%}
.section .pImg img{width:60%}

.sec01{padding-top:40px;}
.sec_last ul li{height:80px; }
.sec_last ul li span img{max-width:65%}
.imgLims02{display:none;}
.imgLims03{display:none;}

.pheiMate > ul{margin-top:50px}
.pheiMate > ul > li label {width:160px; height:40px; font-size:14px; line-height:40px; }

.trait{padding:0; }
.trait li{width:100%; padding:10px 15px; height:190px; text-align:left; border-top:2px solid #111}
.trait li:nth-child(2n){margin-left:0;}
.trait li:last-child{padding-bottom:15px; }
.trait li + li{margin-top:15px; }
.trait li + li + li{margin-top:15px}
.trait li dl dt{font-size:14px; font-weight:500}
.trait li dl dd{padding:1px 1px 1px 11px; line-height:20px; font-size:14px}
.trait li dl dd:nth-of-type(1) {margin-top:0;}
.trait li dl dd:before{top:9px; left:2px}
.trait li:nth-child(5){margin-top:0}
.trait03 li{height:130px}
.trait04 li{height:190px}
.trait05 li{height:130px}

.science .tab-menu{margin:0;}
.science .tab-menu li {width:50%; }
.science .tab-menu li span{height:38px; font-size:13px; }
.science .tab-menu li:nth-child(even){border-left:0}
.science .tab-menu li + li + li span{border-top:0}
.science .tab-menu li + li span{border-left:1px solid #ddd;}
.science .tab-menu li:nth-child(2n) span{border-left:0}
.dfunction li{width:100%; padding:15px; min-height:154px}
.dfunction li:nth-child(2n){margin-left:0}
.dfunction li + li{margin-top:10px}
.dfunction li dl{padding-top:28px}
.dfunction li dl dt{font-size:14px; position:absolute; top:0; left:0;}
.dfunction li dl dd{font-size:13px; line-height:18px; }
.dfunction03 li{min-height:127px}
.dfunction04 li{min-height:148px}
.dfunction05 li{min-height:148px}
.dfunction06 li{min-height:125px}
.dfunction02 li{min-height:180px !important;}
.mfunction{padding:0 15px}
.mfunction li{padding:14px 0 14px 25px; font-size:13px; line-height:18px}
.mfunction li strong{font-size:12px; width:20px; height:20px; top:14px; line-height:20px}
span.block{padding-left:0}

.csv{font-size:13px}
.csv dl dt{font-size:15px; margin-bottom:15px}
.csv dl dt:after{content:""; width:40px; height:1px; background:#111; display:block; margin-top:7px}
.csvTop01{width:100%; height:100px; font-size:20px; padding-top:50px; text-align:center; padding:0; height:50px}
.csvTop02{width:100%; margin-left:0; height:160px; margin-top:15px; padding:20px}
.csvTop03{width:100%; height:150px; margin-top:15px; padding:20px}
.csvBott01{width:100%; height:150px; margin-top:15px; margin-left:0; padding:20px}
.csvBott02{width:100%; height:150px; margin-top:15px; padding:20px}
.csvBott03{width:100%; height:150px; margin-left:0; margin-top:15px; padding:20px}


/*sub03*/
.total{font-size:12px; margin-top:50px}
.detail_news{overflow-x:scroll;}
.newsWrap{overflow-x:scroll; }
.newsWrap table{margin-top:5px}
.newsWrap table thead th{padding:8px; font-size:13px}
.newsWrap table tbody tr td{padding:10px 0; font-size:13px}
.newsWrap table tbody tr td .divide{display:block; width:100%; font-size:12px}
.newsWrap table tbody tr td.date{font-size:12px}
.newsWrap table tbody tr td.hit{font-size:12px}
.newsWrap table tbody tr td:nth-child(1){padding}
.newsWrap table tbody tr td:nth-child(2) {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:220px; display:block; }
.count{margin-top:50px;}
.count li{width:22px; height:22px;}
.count li a{line-height:22px; font-size:12px}
.count li + li{margin-left:5px;}
.newsWrap fieldset{width:80%}
.newsWrap select{width:30%}
.newsWrap input{width:70%}
.newsWrap input, select{height:35px; font-size:13px; background:#fff}
.newsWrap input::placeholder{font-size:13px;}
.newsWrap button{padding:6px 30px; font-size:13px; margin-top:20px;}
.contact table{margin-top:50px}
.contact table tr{height:auto;}
.contact table tr th{font-size:13px; }
.contact table tr td{padding:7px; font-size:13px}
.contact table tr td pre{font-size:13px; width:300px; overflow-x:scroll; border:1px solid #ccc; padding:10px }
.contact table tr td label {font-size: 13px;}
.contact input{width:100%; height:35px; font-size:13px; }
.contact textarea{height:140px; font-size:13px;}
.contact .tox-tinymce{overflow-x:scroll; }
.contactBtn{margin-top:20px}
.contactBtn button{font-size:13px; padding:6px 30px}
.detail_news::-webkit-scrollbar{width:12px; height:12px; }
.detail_news::-webkit-scrollbar-thumb {
    background: #e89a3e; /* 스크롤바 막대 색상 */
    /* 스크롤바 막대 테두리 설정  */
    border-radius: 12px 12px 12px 12px;}
.detail_news::-webkit-scrollbar-track{background:#f8f8f8}



/*sub04*/
.person span img{width:45%}
.person span:after{height:60px; bottom:-60px}
.person strong{font-size:13px; }
.person ul{margin-top:60px}
.person ul li{width:100%; min-height:0}
.person ul li dl{padding:30px; font-size:13px; }
.person ul li dl dd.perIcon{margin:15px auto 0; height:46px}
.person ul li dl dd.perIcon img{width:13%; height:auto}
.person ul li dl dd:nth-of-type(2){margin-top:15px; line-height:18px}
.person ul li:nth-child(1) {border-bottom:0}
.person ul li:nth-child(3) {border-top:0; }
.person ul li:nth-child(4) {border-top:0;}

.welfare ul li{padding:20px 10px}
.welfare li span:before{width:80px; height:80px;}
.welfare li dl{width:75%; padding-left:30px}
.welfare li dl dt{font-size:14px;}
.welfare li dl dd{font-size:13px;}
.welfare li span{width:25%;}
.re_top .h6_title {margin-top:50px;}
.re_top ul{margin:20px 0 80px}
.re_top ul li + li{margin-top:30px}
.re_top ul li dl {width:150px; height:150px; padding:20px}
.re_top ul li + li dl:before{left:-35%;}
.re_bot{padding:50px 0 80px; }
.re_bot span{padding:20px 30px; margin-top:30px; font-size:13px}
.re_bot p{margin-top:30px; font-size:13px;}
.re_bot span .mo{display:block}


.privacy{padding:15px}
.privacy dl dt{line-height:1.4; }
.privacy dl dd{line-height:1.4; }
.service{padding:15px}
.service dl dt{line-height:1.4; }
.service dl dd{line-height:1.4; }


.edms_flow{width:90%}
.pqr_flow{width:90%}


/* 모바일 팝업
#pop{left:50%; transform:translateX(-50%);}
#pop .popImg{width:300px; height:320px; background:url(../images/popup_kintex2025.jpg) center no-repeat; background-size:cover}*/