@charset "utf-8";


/* set */
body{height: auto;min-height: 100%;font-size:16px;margin:0;padding:0;font-family: 'Suit', sans-serif;font-weight:400;overflow-x: hidden;}
input, select, button, pre, textarea{font-family: 'Suit', sans-serif;font-size:16px;}
body *{box-sizing:border-box;}
a{color: #464646;}
::selection {background:var(--color2);color:var(--color5);text-shadow:none;}

.gwedu{font-family: GWedupower;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0;outline-color:yellow;outline-offset: -3px}


:root {
--color1: #3a457f;  
--color2: #3480cc;
--color3: #1c64ac;
--color4: #364968;
--color5: #f5f7ff; /*연하늘*/
--color6: #8868fd;
--color7: #f7f8fe; /*연보라*/
--btnbg2: url("/images/01_potal/new2026/common/icon_set.png");
--white: #fff;
--black: #000;
--gray1: #ededed;
--gray2: #f8f8f8;
--gray3: #777;

/*krds color*/
--kr_black: #1d1d1d;
--kr_navy: #364968;
--kr_line: #d8d8d8;
--kr_bg: #edf1f5;
--kr_active: #cdd7e4;
}

/*스크롤바스타일*/
*::-webkit-scrollbar {width:5px;height:5px;} /*스크롤바 사이즈*/
*::-webkit-scrollbar-track {border-radius:5px;background:var(--gray1);} /*스크롤바 배경*/
*::-webkit-scrollbar-thumb {background:var(--color1);border-radius: 10rem} /* 스크롤 제어박스*/
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom, #3480cc, #8868fd);}/* 마우스 오버 */

.gnb .service_open button:first-child{color: var(--white);}
.gnb .service_open button:first-child:after{background-position: -131px -100px;}


.service_open .so01{background: var(--color2);color:var(--white);}
.service_open .so01 h3 a{color:var(--white);background:var(--color4);box-shadow: 0 0 10px var(--color3);}
.service_open .so01 .on h3 a{background:var(--white);color:var(--color4)}
.service_open .so01 h4 a{color:var(--white);border-color:var(--white);}
.service_open .so01 .so_con li a{color:var(--white);}
.service_open .so01 .so_con li a:before{background:var(--color1);}
.service_open .so01 .so_con li a:hover,
.service_open .so01 .so_con li a:focus{color:#fff200}




/*블러효과*/
.new2026 .blur_box{display:none;width:100%;height:0;background:rgba(0, 0, 0, 0.70);position:fixed;top:0;left:0;bottom:0;z-index:100;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.new2026 .blur_box.on{display:block;height:100vh;transition: all 0.5s ease-out;height: 100svh;}
/*모바일 브라우저 문제로 svh 사용, 단 파이어폭스 미지원으로 vh 중복 선언*/


/*배너모음*/
.new2026 .f_banner{position:relative;padding:40px 25px 80px 25px;}
.new2026 .f_banner h2{font-size:18px;text-align:center;}
.new2026 .f_banner .list{overflow:hidden;height: 40px;margin-top:10px;}
.new2026 .f_banner .list ul{display: flex;flex-wrap: nowrap;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;gap: 12px;padding: 4px 0;}
.new2026 .f_banner .list ul::-webkit-scrollbar {display: none;}
.new2026 .f_banner .list ul li{flex: 0 0 calc((100% - 12px) / 2);scroll-snap-align: start;list-style: none;text-align: center;}
.new2026 .f_banner .list ul li a{display:inline-block;color:var(--black);font-size:14px;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new2026 .f_banner .list ul li a:hover, .f_banner .list ul li a:focus{text-decoration: underline;}
.new2026 .f_banner .control{position:absolute;top: 100px;left:0;width: calc(100% - 50px);margin:0 25px;}
.new2026 .f_banner .control .btn{text-align:center;padding-top:16px;}

/* Tablet */
@media all and (min-width:768px) {

/*배너모음*/
.new2026 .f_banner{position:relative;padding:40px;}
.new2026 .f_banner h2{text-align:left;}
/*.new2026 .f_banner .list ul{flex-wrap: wrap;overflow-x: visible;scroll-snap-type: none;gap: 16px;}*//*손가락 슬라이드*/
.new2026 .f_banner .list ul li{flex: 0 0 calc((100% - (10px * 5)) / 6);}
.new2026 .f_banner .list ul li a{padding: 0 10px 0 0;}
.new2026 .f_banner .control{margin:0 40px;top: 22px;left:75px;width:auto;}

    
}


/*laptop*/
@media all and (min-width:1024px) {

.gnb .service_open button:first-child{color: var(--black);}
.service_open .so01 .on h3 a{box-shadow: 0 0 10px var(--color3);}
	
/*배너모음*/
.new2026 .f_banner{position:relative;padding:40px 3vw;}
.new2026 .f_banner .wrap:after{display: block;clear: both;content: "";}
.new2026 .f_banner h2{float: left;}
.new2026 .f_banner .control{position: static;float: left;margin: 0 10px;}
.new2026 .f_banner .control .btn{padding-top: 0;}
.new2026 .f_banner .list{position: static;float: left;margin-top: 0;width: calc(100% - 240px);}
.new2026 .f_banner .list ul{gap: 20px;}
.new2026 .f_banner .list ul li{flex: 0 0 calc(100% / 10);}
.new2026 .f_banner .list ul li a{padding:0 30px 0 0;}


/*sub layout*/
.s_left h2{color: var(--white);box-shadow: 0 0 10px rgba(52,128,204,.3);}

.s_title .utill li.print button{position:relative;background: url("/images/common/sub_ico.png") no-repeat center -216px var(--color3)}

  
} 

/*laptop*/
@media all and (min-width:1400px) {

/*배너모음*/
.new2026 .f_banner{padding:40px 5.2vw;}
}

/*제어버튼*/
.new2026 .control .btn button,
.new2026 .control2 .btn button{width:16px;height:16px;padding: 0;font-size: 0; overflow:hidden;background:var(--btnbg2) no-repeat;margin:0 2px;}
.new2026 .control .btn *{vertical-align: middle;}
.new2026 .control .btn span{display:inline-block;margin-top:-2px;font-size:18px;}
.new2026 .control .btn span strong{display:inline-block;vertical-align: baseline;}
.new2026 .control .btn button.prev{background-position: -87px -40px;}
.new2026 .control .btn button.next{background-position: -121px -40px;}
.new2026 .control .btn button.play{background-position: -151px -40px;}
.new2026 .control .btn button.stop{background-position: -180px -41px;}
.new2026 .control .btn button.list{background-position: -210px -40px;width:16px;height:16px;}


.new2026 .scroll{position: relative;width: 320px;margin:40px auto 0; height: 2px;background:var(--gray1)}
.new2026 .scroll .scroll_drag{background:var(--black);height:2px;}

/*side*/
.new2026 .side{position: fixed;right: 0;bottom: 0;z-index: 1;}
.new2026 .side>ul,
.new2026 .top{display: none;}
.new2026 .chat{display:inline-block;position: fixed;bottom: 0;right: 0;z-index: 9;width: 40px;}
.new2026 .chat a{display: inline-block;width: 55px;height:50px;background: url("/images/01_potal/new2026/common/q_chat.png") no-repeat left 5px center #537faa;border-radius: 30px 0 0;overflow: hidden;}
.new2026 .chat a span{font-size: 0;}

@media all and (min-width:768px) {
.new2026 .chat{}
.new2026 .chat a{width: 180px;padding-left: 50px;}
.new2026 .chat a span{display: block;font-size: 16px;font-weight: 500;color: #fff;text-align: center;line-height: 50px;} 
}

@media all and (min-width:1600px) {
.new2026 .side{top: 50%;left: 10px;width:70px;z-index: 9;}
.new2026 .side>ul:before{display:inline-block;content:"";background:#aeaeae;width:1px;height:50px;position: absolute;left: 19px;}
.new2026 .side>ul,
.new2026 .top{display:inline-block;;}
.new2026 .side li a{display: block;position: relative;padding-left: 40px;height: 7px;margin-bottom: 7px;text-align: right;font-weight: 500;color: #000;}
.new2026 .side li a:after{position: absolute;width: 7px;height: 100%;top: 0;left: 16px;content: "";background: #949494;border-radius: 30px;}
.new2026 .side li a span{position: absolute;top: 50%;left: 30px;transform: translateY(-50%);text-align: center;font-size: 0;}
.new2026 .side li.on a{height: 9px;}
.new2026 .side li.on a:after{width: 9px;left: 15px;background: #3a457f;}

	
.new2026 .top{position: fixed;left: 10px;top: 62%;z-index: 9;right: inherit;}
.new2026 .top a{position: relative;display: block;width: 40px;height: 40px;border-radius: 100%;background: var(--color1);padding-top: 16px;font-size: 11px;font-weight: 700;text-align: center;color: #fff;}

.new2026 .chat{bottom:inherit;top: 57%;left: 10px;}
.new2026 .chat a{width: 40px;height: 40px;background-size: 90%;padding-left: 0;border-radius: 50%;background-position: center;}
.new2026 .chat a span{font-size:0;}
}


.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none;margin:0;padding:0}   
.clear{display:block;content:"";clear:both}