@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap');

.main_new * , header * ,  footer {font-family:'Noto Sans KR', sans-serif;}

.main_new {width:100%; min-width:1180px;} /*20240102*/

#wrap {min-width:1180px;}

/* HEADER */
header {height:90px; border-bottom:2px solid #f06e1e; box-sizing:border-box; letter-spacing:-0.25px;}
header section {margin:0 auto; width:980px;}
header li {box-sizing:border-box;}
header .lang {height:40px; padding-top:8px; font-size:14px; color:#333; text-align:right; box-sizing:border-box;}
header .lang li {display:inline-block; margin-left:19px; font-weight:700;}
header .lang li.current::after {content:""; display:block; margin-top:2px; width:auto; height:3px; background:#ed6d1e;}
header .header_inner {display:flex; justify-content:space-between; padding-top:6px;}
header .header_inner h1.koscom_logo {width:133px; height:27px; background:url(/portal/images/main_new/koscom_logo.png) no-repeat;}
header .header_inner #gnb > ul {display:flex;}
header .header_inner #gnb > ul > li > a {display:block; padding:0 20px; height:27px; font-size:22px; font-weight:700; letter-spacing:-0.25px; line-height:27px;}
header .header_inner #gnb > ul > li:last-child > a {padding-right:0;}
header .header_inner #gnb > ul > li > a:link, header .header_inner #gnb > ul > li > a:active, header .header_inner #gnb > ul > li > a:hover, header .header_inner #gnb > ul > li > a:focus {text-decoration:none;} 
header .header_inner #gnb > ul > li.on > a, header .header_inner #gnb > ul > li.hover > a {color:#E96717;}
header .header_inner #gnb > ul > li > div {display:none; position:absolute; top:90px; left:0; width:100%; min-width:1180px; background:#e96717; z-index:500;}
header .header_inner #gnb > ul > li.hover > div {display:block}
header .header_inner #gnb > ul > li > div > ul {display:flex; justify-content:flex-end; width:1180px; min-height:380px; margin:0 auto; padding-left:100px; box-sizing:border-box; }
header .header_inner #gnb > ul > li > div > ul > li {width:154px; padding:29px 0 29px 20px; border-left:1px solid rgba(200, 200, 200, 0.25); letter-spacing:-0.75px;}
header .header_inner #gnb > ul > li > div > ul > li:last-child {border-right:1px solid rgba(200, 200, 200, 0.25);}
header .header_inner #gnb > ul > li:first-child > div > ul > li {width:180px;}
header .header_inner #gnb > ul > li:first-child > div > ul > li:first-child {width:127px;}
header .header_inner #gnb > ul > li:first-child > div > ul > li:nth-child(2) {width:233px;}
/* header .header_inner #gnb > ul > li:nth-child(3) > div > ul > li:last-child {width:207px;} */
header .header_inner #gnb > ul > li > div > ul > li > a {font-size:17px; font-weight:700; color:#FFFFFF;}
header .header_inner #gnb > ul > li > div > ul > li > a:hover {text-decoration:none; border-bottom:0.5px solid; padding-bottom:0.3px;}
header .header_inner #gnb > ul > li > div > ul > li > ul > li {margin:12px 0;}
header .header_inner #gnb > ul > li > div > ul > li > ul > li:first-child {margin-top:18px;}
header .header_inner #gnb > ul > li > div > ul > li > ul > li > a {font-size:16px; font-weight:300; color:#FFFFFF; text-wrap:wrap}
header .header_inner #gnb > ul > li > div > ul > li > ul > li > a:hover {text-decoration:none; border-bottom:0.8px solid; padding-bottom:0.3px;}

#bg_gnb {top:90px; height:350px; background:#f06e1e; opacity:1;}


/* MAIN VISUAL */
.main_new .main_visual {position:relative; height:763px;width:100%;}
.main_new .main_visual .visual01 {height:763px; background:url(/portal/images/main_new/main_visual01.jpg) no-repeat;}
.main_visual li {display:inline-block; position:absolute; top:0; left:0; width:100%; height:763px;}

.main_new .view {width:100%; height:763px; display: block;}

/*

.main_new .new1 {background:url(/portal/images/main_new/main_visual_1.png) no-repeat;}
.main_new .new2 {background:url(/portal/images/main_new/main_visual_2.png) no-repeat;}
.main_new .new3 {background:url(/portal/images/main_new/main_visual_3.png) no-repeat;}
.main_new .new4 {background:url(/portal/images/main_new/main_visual_4.png) no-repeat;}
.main_new .new5 {background:url(/portal/images/main_new/main_visual_5.png) no-repeat;}

.main_new .new1 {background:url(/portal/images/main_new/main_visual_1.png) no-repeat center center; background-size: cover;}
.main_new .new2 {background:url(/portal/images/main_new/main_visual_2.png) no-repeat center center; background-size: cover;}
.main_new .new3 {background:url(/portal/images/main_new/main_visual_3.png) no-repeat center center; background-size: cover;}
.main_new .new4 {background:url(/portal/images/main_new/main_visual_4.png) no-repeat center center; background-size: cover;}
.main_new .new5 {background:url(/portal/images/main_new/main_visual_5.png) no-repeat center center; background-size: cover;}

.main_new .new1 {background:url(/portal/images/main_new/main_visual_1.png) repeat-x; center center; background-size: 1920px 763px;}
.main_new .new2 {background:url(/portal/images/main_new/main_visual_2.png) repeat-x; center center; background-size: 1920px 763px;}
.main_new .new3 {background:url(/portal/images/main_new/main_visual_3.png) repeat-x; center center; background-size: 1920px 763px;}
.main_new .new4 {background:url(/portal/images/main_new/main_visual_4.png) repeat-x; center center; background-size: 1920px 763px;}
.main_new .new5 {background:url(/portal/images/main_new/main_visual_5.png) repeat-x; center center; background-size: 1920px 763px;}

*/

/*.main_new .new1 {background:url(/portal/images/main_new/main_visual_1.png) no-repeat center center; background-color: rgb(243,235,224); } */

.main_new .new1 {background:url(/portal/images/main_new/main_visual_1.png) no-repeat center center; background-color: rgb(0,0,0); }
.main_new .new2 {background:url(/portal/images/main_new/main_visual_2.png) no-repeat center center; background-color: rgb(0,0,0); }
.main_new .new3 {background:url(/portal/images/main_new/main_visual_3.png) no-repeat center center; background-color: rgb(0,0,0); }
.main_new .new4 {background:url(/portal/images/main_new/main_visual_4.png) no-repeat center center; background-color: rgb(0,0,0); }
.main_new .new5 {background:url(/portal/images/main_new/main_visual_5.png) no-repeat center center; background-color: rgb(0,0,0); }
.main_new .new6 {background:url(/portal/images/main_new/main_visual_6.png) no-repeat center center; background-color: rgb(0,0,0); } 



/* INDEX */
.main_new .date_wrap {background:#000; border:none;}
.main_new .date_wrap .date_inner {display:flex; justify-content:space-between; width:1180px; height:80px; letter-spacing:-0.25px;}
/*.main_new .date_wrap .date_inner {display:flex; justify-content:space-between; width:90%; height:80px; letter-spacing:-0.25px;}*/
.main_new .date_wrap .date_inner li {display:flex; justify-content:space-between; align-items:center; width:auto; padding-top:0; background:none;}
.main_new .date_wrap .date_inner div {font-family: 'Noto Sans KR', sans-serif;}
.main_new .date_wrap .date_inner .date01 {margin-right:14px; color:#FFF; font-size:15px; letter-spacing:-0.25px;}
.main_new .date_inner .date02 span {text-align:right; font-size:15px;}
.main_new .date_inner .date02 span:last-child.index-up {margin-top:0px; font-size:12px; font-weight:300; color:#FF1E1E;}
.main_new .date_inner .date02 span:last-child.index-down {margin-top:0px; font-size:12px; font-weight:300; color:#4368f2;}


/* CONTENT */
.main_new main {}
.main_new main section {margin:0 auto; width:980px;}
.main_new .con_area {padding-top:20px;}
.main_new main .con_area .chap {margin-bottom:72px; color:#333;}
.main_new main .con_area .chap:last-child {margin-bottom:40px;}
.main_new main .con_area .chap h2 {margin-top:40px; font-size:38px; color:#f06e1e; line-height:100%;}
.main_new main .con_area .chap h3 {border-top:1px solid #ed6d1e; box-sizing:border-box;}
.main_new main .con_area .chap h3::before {content:''; width:35px; height:5px; display:block; background:#ed6d1e;}
.main_new main .con_area .business, .main_new main .con_area .koscom_now {display:flex; justify-content:space-between;}
.main_new main .con_area .business h3 {margin-bottom:34px; height:41px; font-size:20px; letter-spacing:-0.25px; line-height:50px;}
.main_new main .con_area .business a:hover h3 {color:#f06e1e;}
.main_new main .con_area .chap ul {margin-top:40px;}
.main_new main .con_area .business li {width:155px;}

.main_new main .con_area .business p {font-size:17px; font-weight:400; line-height:26px; letter-spacing:-0.75px; height:182px;} /*20240102*/
/*.main_new main .con_area .business p {font-size:17px; font-weight:400; line-height:26px; letter-spacing:-0.75px;}*/
.main_new main .con_area .koscom_now {flex-wrap:wrap;}
.main_new main .con_area .koscom_now h3 {margin-bottom:16px; height:38px; font-size:18px; line-height:45px;}
.main_new main .con_area .koscom_now li {margin-bottom:40px;}
.main_new main .con_area .koscom_now li a {color:#333;}
.main_new main .con_area .koscom_now li a img {margin-bottom:15px;}
.main_new main .con_area .koscom_now li a:hover img {filter: brightness(75%);}
.main_new main .con_area .koscom_now li h4 {margin-bottom:6px;}
.main_new main .con_area .koscom_now li h4, .main_new main .con_area .koscom_now li span {font-size:17px;}


.main_new .family_site h2 {margin:0 auto 18px; width:980px; font-size:20px; letter-spacing:-0.25px; color:#f06e1e;}
.main_new .family_site ul {display:flex; justify-content:center; align-items:stretch; width:100%; min-width:980px; height:90px; border-top:1px solid #f06e1e; background:#d6d6d6;}
/* .main_new .family_site ul li {margin-right:32px; font-size:16px; font-weight:700; letter-spacing:-0.5px; line-height:24px; text-align:center; box-sizing:border-box;}*/
.main_new .family_site ul li {margin-right:36px; font-size:15px; font-weight:700; letter-spacing:-0.75px; line-height:23px; text-align:center; box-sizing:border-box;}
.main_new .family_site ul li:last-child {margin-right:0;}
.main_new .family_site ul li a {display:table-cell; position:relative; height:89px; color:#000; box-sizing:border-box; vertical-align:middle;}
.main_new .family_site ul li:hover a {color:#333;}
.main_new .family_site ul li a::before {content:''; display:block; width:35px; left: calc(50% - 35px/2); height:5px; position:absolute; top:0;}
.main_new .family_site ul li a:hover::before {background:#f06e1e;}
.txt_sm {font-size:13px;}


/* FOOTTER */
footer { min-width:1180px; background:#f5f5f5; letter-spacing:-0.25px;}
footer .customer_cnt {width:980px; height:133px; margin:0 auto; padding:39px 0; display:flex; justify-content:space-between;} /*20240102*/
/*footer .customer_cnt {width:980px; margin:0 auto; padding:39px 0; border-bottom:1px solid #999; display:flex; justify-content:space-between;}*/
footer .customer_cnt h5 {margin-bottom:3px; font-size:14px; font-weight:800; color:#373939;}
footer .customer_cnt p {font-size:14px; font-weight:400; color:#373939; line-height:23px;}
footer .customer_cnt .tel {margin-bottom:18px; font-size:20px; font-weight:800; color:#E96717;}

footer #footer_con {margin:0 auto; padding:38px 0; width:980px; height:220px; border-top: 1px solid #999;; display:flex; justify-content:flex-start; align-items:stretch; box-sizing:border-box;}
footer #footer_con .f_menu {float:none; margin:5px 0 0 42px; overflow:visible;}
footer #footer_con .f_menu ul {margin-bottom:11px;}
footer #footer_con .f_menu li {margin-right:22px; padding:0; background:none;}
footer #footer_con .f_menu li a {font-size:14px; font-weight:700; color:#4e4b4a;}
footer #footer_con .f_con {color:#797575; font-size:12px; line-height:19px; font-weight:400;}
footer #footer_con .f_con address {margin-bottom:8px;}

footer #footer_con .f_menu li:first-child a {color:#E96717;}
footer #footer_con .f_mark {top:81px; right:0;}

footer #footer_con .footer_sch_name {top:38px; right:250px; color:#4e4b4a; font-weight:700;}
footer #footer_con .footer_sch {top:34px;}