@charset "utf-8";
/* e-front WebDesign Team(http://www.e-front.co.kr), LYJ 201301 */
@import url("slick.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* Type Selector */
*{margin:0; padding:0; font-size:12px; line-height:18px; font-family:"돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif;}
a{text-decoration:none; color: #666;}
a:hover, a:active, a:focus{text-decoration:underline; color: blue;}
li{list-style:none; padding-bottom:5px; color:#777;}

img, fieldset, button{border:none;}
hr, button img{display:none;}
textarea{overflow:auto;} 
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Layout Selector */
#wrapbody{margin:0 auto; padding:0px;}
#wrap{margin:0 auto; padding:0px; width:980px;}
#header{position:relative; margin:0 auto; padding:0px; }
.main_visual{}
#container{margin:0 auto; padding:0px; float:left;}
#contact01{float:left; width:427px; margin-left:15px;  margin-top:10px; }
#contact02{float:left; width:227px; margin-top:10px;}
#contact03{float:left; width:216px; margin-top:10px;}
#line{float:left; margin-left:10px; margin-right:12px; margin-top:20px;}
#line2{float:left; margin-left:12px; margin-right:12px; margin-top:20px;}
.a{float:left;}
.b{float:right; margin-bottom:5px;}
#news_text{clear:both; padding:0 10px 0 10px;}

#footerbody{margin:0 auto; padding:0px;}
#footer{ margin:0 auto; padding:0px;  width:980px; }
#bottom_line{ margin:0; }

#box1{ float:left; margin-top:12px;}
#box2{ float:left; margin-left:30px;}
#box3{ float:left; margin-left:30px;}

.box{padding:0;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* Header */
.logo_top{float:left; margin-top:30px;  margin-right:22px; background:#ffffff; z-index:1000;}
.unb_top{float:right; margin-top:2px; margin-bottom:0px;}
.unb_top li{float:left; margin:0px 0px 0px 0px;}

.sub_visual{margin-top:10px; margin-left:5px; margin-right:5px; }

/* Main Contents */


/* Left Menu */
.snb{float:left; margin-top:10px; margin-left:5px; width:150px; background:#ffffff;}

/* Sub Contents */

.subcontents{float:left; margin-top:10px; margin-bottom:15px; margin-left:57px; width:760px;}

.box_title{margin-top:20px; height:40px; background:#ffffff;}
.title{float:left; margin-top:5px; margin-left:5px;}
.path{float:right; margin-top:15px; margin-right:0px; }

.text_sub{margin-top:35px; margin-left:10px; margin-right:5px; background:#ffffff;}

/* Footer */
.footer_img{float:left; margin-top:10px; margin-left:26px;}
.unb_footer{float:left; margin-top:10px; margin-right:400px;}
.unb_footer li{float:left; margin:0px 0px 0px 0px;}

/* Aside */
.aside{}
.spot{}
.search{}

/*banner*/
#banner8294{ position:absolute; z-index:100;  top:100px; left:50%; margin-left:-475px; margin-top:130px; }







/*leftmenu*/
<style type="text/css">
            * {margin:0; padding:0; font-size:12px;}
            ul, li, ol {padding:0; list-style-type : none;}
            a {padding:0; color:#333; text-decoration:none; font-family:"돋움";}
            a:hover{text-decoration:}
            a:link, a:visited, a:active, a:hover {color:#084570;}

            
  
        </style>
		 .arrowlistmenu {width:203px;border-bottom:none;}
         .arrowlistmenu li ul li {width:180px; padding:3px 0 0 16px; background:url("bulet.gif") 3px 0px no-repeat;}
         .arrowlistmenu li ul li img {float:left;}
         .arrowlistmenu li ul li a {color:#666668; text-indent:0;}
         .arrowlistmenu li a.btn {display:block; width:180px; text-decoration:none;}
         .arrowlistmenu li a.stay {display:block; width:180px; padding:5px 0 0px 0px; background:url(bg_menu_stay.gif) no-repeat 0 0;}
         .arrowlistmenu li a.stay:hover {font-weight:bold;}
      	.arrowlistmenu li a.btnStage {background:url(bg_menu_off.gif) no-repeat 0 0;}
       	.arrowlistmenu li a.btnStage:hover, .btnHover {background:url(bg_menu_on.gif) no-repeat 0 0 !important; font-weight:bold;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.nav {position:relative; width:800px; height:105px; margin-left:180px; top:25px; z-index:1000;}
.gnbdiv {width:785px; height:60px; z-index:10; position:absolute; top:0; right:0; overflow:hidden; transition:all 0.3s ease;}

.gnb {position:absolute; text-align:center; width:785px; height:60px; background-color: #f0f0f0; border-radius:15px; box-sizing:border-box; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:5px solid #0f3057;}
.gnb > ul:after {content:''; display:block; clear:both;}
.gnb > ul > li {float:left; height:60px; padding:0 50px;}
.gnb > ul > li > a {position:relative; display:block; font-size:14px; line-height:60px; font-weight:500; font-family:'Noto Sans KR'; color:#5d5d5d; text-decoration:none;}
.gnb > ul > li.on > a {font-weight:500; color:#164971;}
.gnb > ul > li > a:after {content:''; display:block; position:absolute; top:25px; right:-50px; width:1px; height:10px; background:#d0d0d0;}
.gnb > ul > li:last-child > a:after {display:none;}


.gnbdiv.active {height:95px;}
.gnbdiv .gnb .submenu.nomenu {display:none;}
.gnbdiv .gnb .submenu .content {height:30px; text-align:center;}
.gnbdiv .gnb .submenu .content:after {content:''; display:inline-block; vertical-align:middle; height:100%;}
.gnbdiv .gnb .submenu .content > ul {display:inline-block; vertical-align:middle;}
.gnbdiv .gnb .submenu .content > ul > li {display:inline-block; vertical-align:top; margin:0 16px;}
.gnbdiv .gnb .submenu .content > ul > li a {position:relative; font-size:12px; font-weight:400; font-family:'Noto Sans KR'; color:#666666; text-decoration:none;}
.gnbdiv .gnb .submenu .content > ul > li:hover a {color:#3d3c3c; font-weight:400;}

.gnbdiv .gnb .submenu .content > ul > li a:before {content:''; display:block; position:absolute; top:calc(50% - 3px); left:-8px; width:6px; height:6px; background:url('/common/images/gnb-arrowgr.png') no-repeat;}
.gnbdiv .gnb .submenu .content > ul > li:hover a:before { background:url('/common/images/gnb-arrow.png') no-repeat;}

.gnbdiv .gnb .submenu #product {padding:0 370px 0 0;}
.gnbdiv .gnb .submenu #business {padding:0 200px 0 0;}
.gnbdiv .gnb .submenu #cscenter {padding:0;}
.gnbdiv .gnb .submenu #center {padding:0 0 0 150px;}

/* main_visual */

.main_visual {width:972px; height: 445px; margin-top:10px; background-color:#eee;}

.main_visual .slider {height:100%;}
.main_visual .slider .slide {position:relative; height:100%;}
.main_visual .slider .slide .bg {width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}


/* 슬라이드 기본 설정*/
.visualsd .slick-list {height:100%; padding:0!important;}
.visualsd .slick-track {height:100%;}
.visualsd .slick-slide {overflow:hidden;}
.visualsd .slick-slide > div {height:100%; vertical-align:middle;}
.visualsd .slick-slide img {height:auto;}