@charset "euc-kr";
.img_center {text-align: center;margin-top: 20px;}
/* common */
.wrap_1025{position:relative;width:1025px;margin:0 auto;}
.wrap_1025:after{content:"";display:block;clear:both;}
.wrap_980{position:relative;width:980px;margin:0 auto;}
#wrap{min-width:1025px;}

/* header */
#header .haeder_top{width:100%;height:35px;background-color:#f8f8f8;border-bottom:1px solid #eaeaea;}
#header .haeder_top .top-menu{text-align:right;}
#header .haeder_top .top-menu:after{content:"";display:block;clear:both;}
#header .haeder_top .top-menu dd{display:inline-block;margin:0 5px;line-height:35px;}
#header .header-body{position:relative;height:96px;}
#header .header-body:after{content:"";display:block;clear:both;}
#header .header-body .logo{float:left;line-height:96px;margin-left:7px;}
#header .header-body .logo img{vertical-align:middle;}
#header .header-body .all-search-content{float:right;margin-top:10px;}
#header .header-body .all-search-content .tit{display:inline-block;line-height:33px;margin-right:0px;}
#header .header-body .all-search-content .tit img{vertical-align:middle;}
#header .header-body .all-search-content input[type="text"]{width:156px;height:33px;padding-right:33px;}
#header .header-body .all-search-content button{margin-left:-38px;}
#header .header-body .header-top-banner{position:absolute;right:0;top:35px;}
#header .gnb-wrap{width:100%;height:115px;background: url("/img/main/gnb_bg.png") repeat-x;border-bottom:1px solid #CACACA;}
#header .gnb-wrap .btn-all-menu{display:block;float:left;width:155px;height:57px;line-height:57px;background:#159291;text-align:center;color:#fff;font-size:16px;font-weight:bold;}
#header .gnb-wrap .btn-all-menu .icon{display:inline-block;width:20px;height:18px;background:url("/img/main/gnb_all_menu_icon.png") no-repeat center center;vertical-align:middle;margin-top:-4px;margin-left:8px;}
#header .gnb-wrap .btn-all-menu.active .icon{background:url("/img/main/gnb_all_menu_icon_off.png") no-repeat center center;}
#header .gnb-wrap .btn-all-menu img{vertical-align:middle;margin-top:-4px;margin-left:8px;}

#header #gnb{padding:0 35px;float:left;width:505px;/* background-color:#6cb30f; */}
#header #gnb:after{content:"";display:block;clear:both;}
#header #gnb > li{float:left;width:19%;}
#header #gnb > li > a{display:block;font-size:16px;font-weight:bold;color:#fff;line-height:57px;text-align:center;}

#header:after {content: '';height: 60px;width: 100%;position: absolute;top: 189px;background:#f1f1f1;left: 0;z-index: -1;}
#header #gnb_sub {height: 60px;z-index: 10;}
#header #gnb_sub li {float: left;box-sizing:border-box;text-align: center;z-index: 0;position: relative;}
#header #gnb_sub li a:after {position: absolute;content: '';width: 1px;height: 18px;left: 0;top: 20px;transform:rotate(15deg);background:#ccc;}
#header #gnb_sub li:first-child a:after {display: none;}
#header #gnb_sub li a {line-height: 60px;color: #333;font-size: 15px;font-weight: bold;padding:0 19.5px;display: block;}
#header #gnb_sub li a:hover {color: #0EA8D7;}



#header .all-menu-wrap{position:absolute;left:0;right:0;padding:40px 0;background-color:#FFF;border-bottom:1px solid #2b8b29;z-index:55;display:none;}
#header .all-menu-wrap .all-menu-content{background:url("/img/main/logo.png")no-repeat 90% 100%;}
#header .all-menu-wrap .all-menu-content ul:after{content:"";display:block;clear:both;}
#header .all-menu-wrap .all-menu-content ul.all-menu01{padding-bottom:20px;border-bottom:1px solid #dddddd;}
#header .all-menu-wrap .all-menu-content ul.all-menu01 > li{position:relative;float:left;padding-left:23px;margin-left:20px;}
#header .all-menu-wrap .all-menu-content ul.all-menu01 > li:first-child{margin-left:0;}
#header .all-menu-wrap .all-menu-content ul.all-menu01 > li > a{font-size:17px;color:#666666;}
#header .all-menu-wrap .all-menu-content ul.all-menu01 > li > a:hover{color:#2b8b29;}
#header .all-menu-wrap .all-menu-content ul.all-menu01 > li:after{position:absolute;left:13px;top:8px;width:4px;height:4px;background-color:#39a136;content:"";display:block;}
#header .all-menu-wrap .all-menu-content ul.all-menu02{padding-top:20px;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 > li{position:relative;float:left;padding-left:23px;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 > li > a{display:block;font-size:17px;color:#666666;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 > li > a:hover{color:#2b8b29;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 > li:after{position:absolute;left:13px;top:8px;width:4px;height:4px;background-color:#39a136;content:"";display:block;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 .depth02{padding:15px 0;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 .depth02 li{position:relative;float:left;padding:0 10px;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 .depth02 li:after{position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background-color:#ddd;content:"";display:block;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 .depth02 li:first-child{padding-left:0;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 .depth02 li:first-child:after{display:none;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 .depth02 li a{display:block;color:#888888;font-size:14px;}
#header .all-menu-wrap .all-menu-content ul.all-menu02 .depth02 li a:hover{color:#444;}

#header .gnb-wrap .sian-view{float:right;width:194px;height:57px;line-height:57px;background:url("/img/main/gnb_menu_bg01.png") no-repeat;text-align:center;color:#fff;font-size:16px;font-weight:bold;}
#header .gnb-wrap .sian-view span{display:inline-block;padding-left: 14px;background:url("/img/main/gnb_menu_arrow.png") no-repeat left center;}

#header .header-banner{position:relative;float:left;width:193px;height:59px;margin-top:27px;display:none;}
#header .header-banner-slider li{width:193px;height:59px;}
#header .header-banner-slider li a{display:block;}
#header .header-banner-slider li a:after{content:"";display:block;clear:both;}
#header .header-banner-slider li a .banner-img{float:left;position:relative;display:inline-block;width:59px;height:59px;margin-left:27px;}
#header .header-banner-slider li a .banner-img:after{position:absolute;left:0;right:0;bottom:0;top:0;background:url("/img/main/header_banner_imgbg.png") no-repeat;content:"";display:block;}
#header .header-banner-slider li a .banner-tit{float:left;display:inline-block;margin-left:8px;font-size:19px;font-weight:bold;color:#333;width:95px;line-height:59px;}

#header .header-banner .bx-controls .bx-controls-direction>a{position:absolute;top:50%;margin-top:-7px;width:7px;height:14px;display:inline-block;text-indent:-9999em;z-index:51;
	background:url("/img/main/header_banner_slide_arrow.png") no-repeat left top;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
}
#header .header-banner .bx-controls .bx-controls-direction>a.bx-prev{left:-7px;background-position:0 0;}
#header .header-banner .bx-controls .bx-controls-direction>a.bx-next{right:-7px;background-position:-7px 0;}


/* container */
#container.main{width:100%;padding-top:16px;}
#container.main .main-banner{border:1px solid #ddd;margin-bottom:40px;}
#container.main .main-banner-page{position:absolute;right:0;top:0;width:193px;height:390px;padding:5px 0;background-color:#5f8390;z-index:55;}
#container.main .main-banner-page li{padding:0 13px;height:78px;}
#container.main .main-banner-page li a{position:relative;display:block;z-index:55;padding:22px 13px;font-size:14px;line-height:35px;color:#fff;font-weight:bold;/* border-top:1px solid #87a2ac; */}
#container.main .main-banner-page li a:after{position:absolute;height:1px;width:166px;left:50%;margin-left:-83px;bottom:0;background-color:#87a2ac;content:"";display:block;}
#container.main .main-banner-page li:last-child a:after{background:none;}
#container.main .main-banner-page li a.active:after{position:absolute;width:201px;height:86px;left:-25px;top:-1px;background:url("/img/main/main_banner_active_bg.png") no-repeat;content:"";display:block;z-index:1;margin-left:0;z-index:-1;}
#container.main .main-banner-slider{display:none;}
#container.main .main-banner-slider .banner-img img{width:793px;height:272px;}
#container.main .main-banner-slider li {position: relative;}
#container.main .main-banner-slider li  a:after {color: rgba(0,0,0,0.5);font-weight: 900;font-size: 24px;content:url("../img/main/banner_water_r.png");position: absolute;bottom:20px;left:380px;width: 100%;}
#container.main .main-banner-tab{position:absolute;width:;right:0;top:0;width:230px;border-left:1px solid #ddd;z-index:55;}
#container.main .main-banner-tab a{position:relative;display:block;height:90px;border-top:1px solid #ddd;overflow:hidden;text-indent:-9999em;}
/* #container.main .main-banner-tab a:first-child{border-top:0;} */
#container.main .main-banner-tab a.tabmenu01{background:url("../img/main/main_banner_tabBg01.png") no-repeat left top;}
#container.main .main-banner-tab a.tabmenu02{background:url("../img/main/main_banner_tabBg02.png") no-repeat left top;}
#container.main .main-banner-tab a.tabmenu03{background:url("../img/main/main_banner_tabBg03.png") no-repeat left top;}
/* #container.main .main-banner-tab a:hover:after{position:absolute;left:0;right:0;top:0;bottom:0;border:5px solid #01a6a8;content:"";display:block;} */
#container.main .main-banner-tab a:hover{background-position:left -90px;}
#container.main .main-menu{background:url("/img/main/pattern01.png") repeat;border-bottom:1px solid #e6e6e6;padding:40px 0;}
#container.main .main-menu .tit{text-align:center;}
#container.main .main-menu .tit span{display:block;font-size:13px;color:#555;margin-top:8px;}
#container.main .main-menu .mnb{padding:20px 0 0 0;width:1025px;margin:0 auto;text-align:center;}
#container.main .main-menu .mnb:after{content:"";display:block;clear:both;}
#container.main .main-menu .mnb li{display:inline-block;width:93px;margin:0 10px;text-align:center;}
#container.main .main-menu .mnb li:first-child{margin-left:0;}
#container.main .main-menu .mnb li a{display:block;}
#container.main .main-menu .mnb li a strong{display:inline-block;font-size:15px;padding:15px 0;}
#container.main .main-banner02{width:100%;height:92px;background:url("/img/main/banner_bg.png") repeat-x center top;text-align:center;}
#container.main .main-banner02 .banner-more{display:block;line-height:92px;text-align:center;}
#container.main .main-banner02 .banner-more img{vertical-align:middle;}
#container.main .main-banner02 table {width:100%;}
#container.main .main-banner02 table td{text-align:center;height:92px;}

#container.main .main-item{width:100%;}
#container.main .main-item .wrap_1025{position:relative;margin-bottom:35px;}
/* #container.main .main-item .wrap_1025:after{position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#FFF;content:"";display:block;} */
#container.main .main-item-slider li{width:245px;border:1px solid #e8e8e8;background-color:#FFF;}
#container.main .main-item-slider li a{position:relative;display:block;text-align:center;height:255px;} 
#container.main .main-item-slider li a .item-img{position:relative;display:inline-block;width:245px;height:120px;overflow:hidden;}
#container.main .main-item-slider li a .item-img img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#container.main .main-item-slider li a:hover .item-img:after{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.3);content:"";display:block;}
#container.main .main-item-slider li a:hover .item-img img{
	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
#container.main .main-item-slider li a .item-icon{position:absolute;left:50%;margin-left:-34px;top:85px;}
#container.main .main-item-slider li a .item-tit{display:block;text-align:center;font-size:17px;color:#000;font-weight:bold;margin:50px 0 12px 0;} 
#container.main .main-item-slider li a .item-txt{display:block;font-size:13px;color:#777;line-height:17px;height:34px;overflow:hidden;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 2; /* ¶óÀμö */
	 -webkit-box-orient: vertical;
	 word-wrap:break-word; 
}

/* #container.main .main-item .bx-controls .bx-controls-direction{position:absolute;bottom:-12px;width:225px;height:23px;left:50%;margin-left:-113px;} */
#container.main .main-item .bx-controls .bx-controls-direction>a{position:absolute;top:50%;margin-top:-28px;width:31px;height:57px;display:inline-block;text-indent:-9999em;z-index:51;
	background: url("/img/main/slider_arrow.png") no-repeat left top;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
}
#container.main .main-item .bx-controls .bx-controls-direction>a.bx-prev{left:15px;background-position:0 0;}
#container.main .main-item .bx-controls .bx-controls-direction>a.bx-next{right:15px;background-position:-31px 0;}
#container.main .main-item .bx-controls .bx-controls-direction>a:hover{}
#container.main .main-item .item-slider-tit{position:absolute;bottom:0;width:940px;bottom:-12px;left:50%;margin-left:-470px;background:url("/img/main/slider_bar_bg.png") repeat-x center center;text-align:center;z-index:1;display:none;}
#container.main .main-item .item-slider-tit span{display:inline-block;width:225px;line-height:23px;height:23px;background:url("/img/main/slider_tit_bg.png") no-repeat center center;font-size:13px;color:#fff;}

#container.main .item-list-content{padding:42px 0 100px 0;}
#container.main .item-list-content .item-list{position:relative;margin-bottom:15px;}
#container.main .item-list-content .item-list .tit{font-size:21px;font-weight:bold;color:#000;line-height:48px;}
#container.main .item-list-content .item-list .btn-more{position:absolute;right:0;top:0;line-height:28px;padding-right: 40px;background: url('/img/main/btn_more.png') no-repeat right center;color:#000;}
#container.main .item-list-content .item-list ul:after{content:"";display:block;clear:both;}
#container.main .item-list-content .item-list ul li{float:left;width:252px;margin-left:5px;}
#container.main .item-list-content .item-list ul li:first-child{margin-left:0;}
#container.main .item-list-content .item-list ul li .item-img{display:block;width:250px;height:250px;line-height:248px;border:1px solid #e9e9e9;text-align:center;}
#container.main .item-list-content .item-list ul li .item-img img{vertical-align:middle;width:100%;height:100%;}
#container.main .item-list-content .item-list ul li .item-cont{text-align:center;padding:20px 0;}
#container.main .item-list-content .item-list ul li .item-cont .item-tit{display:block;font-size:12px;color:#858585;font-family:"Dotum","µ¸¿ò";margin-bottom:8px;}
#container.main .item-list-content .item-list ul li .item-cont .item-money{display:block;font-size:12px;color:#858585;font-family:"Dotum","µ¸¿ò";font-weight:bold;}
#container.main .item-list-content .item-list .item-list-tabMenu{display:inline-block;}
#container.main .item-list-content .item-list .item-list-tabMenu a{position:relative;display:inline-block;line-height:48px;font-size:14px;color:#a5a5a5;padding:0 24px;}
#container.main .item-list-content .item-list .item-list-tabMenu a:after{position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:13px;background-color:#cbcbcb;content:"";display:block;}
#container.main .item-list-content .item-list .item-list-tabMenu a:first-child:after{display:none;}
#container.main .item-list-content .item-list .item-list-tabMenu a.active{color:#00a4d6;font-weight:bold;}

#container.main .board-content{border-top:1px solid #c2c2c2;}
#container.main .board-content .portfolio-list{position:relative;width:980px;margin:0 auto;padding:48px 0;}
#container.main .board-content .portfolio-list h3.tit{position:absolute;top:-35px;left:50%;margin-left:-236px;width:472px;background-color:#FFF;text-align:center;}
#container.main .board-content .portfolio-list h3.tit strong{display:inline-block;font-size:21px;color:#000;padding:6px 12px;border-bottom:1px solid #d1b69b;}
#container.main .board-content .portfolio-list h3.tit span{display:inline-block;font-size:15px;color:#707070;padding:8px 0;}
#container.main .board-content .portfolio-list ul{}
#container.main .board-content .portfolio-list ul li{width:302px;}
#container.main .board-content .portfolio-list ul li .port-img{display:block;}
#container.main .board-content .portfolio-list ul li .port-cont{text-align:center;padding:20px 0;}
#container.main .board-content .portfolio-list ul li .port-cont .port-tit{font-size:15px;color:#000;}
#container.main .board-content .portfolio-list .bx-controls .bx-controls-direction>a{position:absolute;width:29px;height:29px;top:-15px;left:50%;display:inline-block;text-indent:-9999em;z-index:51;	
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
}
#container.main .board-content .portfolio-list .bx-controls .bx-controls-direction>a.bx-prev{background:url('/img/main/icon_arrow_left.png') no-repeat;margin-left:-209px;}
#container.main .board-content .portfolio-list .bx-controls .bx-controls-direction>a.bx-next{background:url('/img/main/icon_arrow_right.png') no-repeat;margin-left:180px;}
#container.main .board-content .portfolio-list .bx-controls .bx-controls-direction>a:hover{}

#container.main .board-content .board-list{margin-bottom:18px;}
#container.main .board-content .board-list:after{content:"";display:block;clear:both;}
#container.main .board-content .board-list h3.tit{line-height:44px;text-indent:8px;border-top:3px solid #60bcd8;border-bottom:1px solid #ccc;font-size:15px;font-weight:bold;color:#000;}
#container.main .board-content .board-list .board-notice{position:relative;width:360px;float:left;}
#container.main .board-content .board-list .board-sian{position:relative;width:632px;float:right;}
#container.main .board-content .board-list .board-table{width:100%;table-layout:fixed;}
#container.main .board-content .board-list .board-table td{font-family:"Dotum","µ¸¿ò";color:#000;height:34px;border-bottom:1px solid #e0e0e0;text-align:center;}
#container.main .board-content .board-list .board-table td.subject{text-align:left;padding:0 12px;}
#container.main .board-content .board-list .board-notice .board-table td.subject a{position:relative;display:block;padding-left:16px;}
#container.main .board-content .board-list .board-notice .board-table td.subject a:after{position:absolute;left:4px;top:50%;width:5px;height:1px;margin-top:-1px;background-color:#000;content:"";display:block;}
#container.main .board-content .board-list .btn-more{position:absolute;right:4px;top:13px;}
#container.main .board-content .board-list .btn-more img{width:19px;}


/* footer */

.company-info{padding:15px 0 35px 0;}
.company-info:after{content:"";display:block;clear:both;}
.company-info .info-box{float:left;height:200px;border-left:1px solid #bfbfbf;width:25%;box-sizing:border-box}
.company-info .info-box.ci-box01{border-left:0;}

.company-info .info-box h3.tit {margin-bottom: 10px;}
.company-info .info-box h3.tit span{display:inline-block;font-size:15px;font-weight:bold;color:#000;padding:7px 0;border-bottom:1px solid #000;margin:0 15px;}
.company-info .info-box .service_menu {margin-left: 10%;}
.company-info .info-box .service_menu:after{content:"";display:block;clear:both;}
.company-info .info-box .service_menu li{float:left;text-align:center;width: 40%;}
.company-info .info-box .service_menu li a img {margin-top: 10px;}
.company-info .info-box.ci-box02 .account-num {margin-top: 5px;font-size: 22px;padding: 0px 0px 0 25px;font-weight: bold;}

#footer{padding:35px 0;border-top:2px solid #4c4c4c;background-color:#fafafa;}
#footer .fnb{margin-bottom:25px;}
#footer .fnb:after{content:"";display:block;clear:both;}
#footer .fnb li{float:left;}
#footer .fnb li a{display:block;padding:0 11px 0 13px;background:url("/img/main/f_menu_bar.png") no-repeat left center;}
#footer .fnb li:first-child a{background:none;}
#footer .f_sns {position:absolute;right:0;top:-5px;}
#footer .f_sns:after{content:"";display:block;clear:both;}
#footer .f_sns  li{float:left;margin-left:10px;}
#footer .f_sns  li img{width:32px;}
#footer .f_content:after{content:"";display:block;clear:both;}
#footer .f_content .f_logo{float:left;margin-left:12px;margin-top:5px;width: 150px;}
#footer .f_content .site_info{float:left;font-family:"Dotum","µ¸¿ò";color:#868686;line-height:18px;}
#footer .f_content .site_info p{font-family:"Dotum","µ¸¿ò";color:#868686;line-height:18px;}
#footer .f_content .site_info address{font-family:"Dotum","µ¸¿ò";color:#868686;line-height:18px;}
#footer .mark_logo{position:absolute;right:-19px;bottom:0px;overflow:hidden}
#footer .mark_logo:after{content:"";display:block;clear:both;}
#footer .mark_logo li{float:left;}
#footer .mark_logo li a {background: #fff url(../img/main/mark_logo.png) no-repeat;display:block;width: 80px;height: 70px;}
#footer .mark_logo li a.mark_logo_1 {width: 90px;background-position:-12px -8px;}
#footer .mark_logo li a.mark_logo_2 {width: 75px;background-position:-105px -8px;}
#footer .mark_logo li a.mark_logo_3 {width: 70px;background-position:-180px -8px;}
#footer .mark_logo li a.mark_logo_4 {width: 75px;background-position:-249px -8px;}

.right_quick{position:absolute;left:50%;margin-left:525px;top:206px;width:79px;background-color:#FFF;z-index: 300;}
.right_quick .q_logo{margin-bottom:1px;}
.right_quick .q_logo img {width: 100%;box-sizing:border-box;}
.right_quick .r_quick_info{border:1px solid #ddd;background-color:#FFF;}
.right_quick .r_quick_info li{position:relative;width:77px;height:62px;}
.right_quick .r_quick_info li.cart{background:url("../img/main/quick_icon01.png") no-repeat center 20%;border-bottom:1px solid #ddd;}
.right_quick .r_quick_info li.wish{background:url("../img/main/quick_icon02.png") no-repeat center 20%;}
.right_quick .r_quick_info li a{display:block;text-align:center;padding-top:43px;font-size:11px;color:#666;}
.right_quick .r_quick_info li .num{position:absolute;left: 43px; top: 23px;color:#fff;}
.right_quick .r_quick_slider{margin:1px 0;}
.right_quick .r_quick_slider .bx-controls .bx-controls-direction{position:relative;text-align:center;}
.right_quick .r_quick_slider .bx-controls .bx-controls-direction:after{position:absolute;left:50%;top:50%;width:1px;height:10px;margin-left:1px;margin-top:-5px;background-color:#b7b7b7;content:"";display:block;z-index:99;}
.right_quick .r_quick_slider .bx-controls .bx-controls-direction>a{position:relative;width:37px;height:27px;display:inline-block;text-indent:-9999em;z-index:51;background:url("../img/main/quick_slider_arrow.png") no-repeat left top;}
.right_quick .r_quick_slider .bx-controls .bx-controls-direction>a.bx-prev{left:0;background-position:left top;}
.right_quick .r_quick_slider .bx-controls .bx-controls-direction>a.bx-next{right:0;background-position:-39px top;}

.company-info .account-img img  {margin: 14px 0 0 10px;}
.company-info .webhard-img img  {margin: 11px 0 0 14px;}