@charset "utf-8";

/* 공통 */
.clear{clear:both;}
.fl{float:left !important;}
.fr{float:right !important;}
.pointer{cursor:pointer;}
.bold{font-weight:bold !important;}
.noscript{width:100%;margin:0 0 0 0px;overflow:hidden;text-align:right;}
.ovfh{overflow:hidden !important;}
.list_init{margin:0;padding:0;list-style:none;}

/* 마진&패딩관련 */
.mgt0{margin-top:0px !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}

.mgb0{margin-bottom:0px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}

.mgr0{margin-right:0px !important;}
.mgr10{margin-right:10px !important;}
.mgr20{margin-right:20px !important;}
.mgr30{margin-right:30px !important;}

.pdt10{padding-top:10px !important;}
.pdt20{padding-top:20px !important;}

.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}

/* 본 사이트 전용 */
.in_1300{width:1300px;margin:0 auto;position:relative;}

/*헤더*/
.main_header{width:100%;min-width:1300px;height:auto;border-bottom:1px solid #ccbeb5;}
.gnb{width:100%;height:29px;background:#f7f7f7;border-bottom:1px solid #ccc;}
.gnb li{float:left;width:140px;height:30px;font-family:'NanumGothicBold';font-size:13px;color:white;text-align:center;}
.gnb li.col1{background:#db0009;}
.gnb li.col2{background:#343230;}
.gnb a{display:block;line-height:28px;color:white;}
.gnb #homepage, .gnb #bookmark {line-height:28px;}

.header_mid{position:relative;width:100%;height:91px;border-bottom:3px solid #ee1c25;}
.header_mid .in_1300{overflow:hidden; height:100%}
.header_mid .logo{position:absolute;top:0;left:50%;margin-left:-187px; line-height:91px}

#hd_sch{float:left;margin:0;padding-top:22px;border:0;}
#hd_sch form{position:relative;}
#hd_sch #sch_str{width:284px;height:41px;padding-left:20px;font-size:14px;border:2px solid #f13f46;}
#hd_sch #sch_submit{position:absolute;top:2px;right:2px;width:41px;height:41px;background:url(../images/search.png)center no-repeat white;border:none;cursor:pointer;text-indent:9999px;}

.icon_nav{float:right;}
.icon_nav li{float:left;}
.icon_nav a{display:block;padding:50px 18px 23px 18px;font-size:13px;color:#666;letter-spacing:-0.5px;}
.icon_nav li:nth-last-child(1){background:url(../images/my.png) center 22px no-repeat;}
.icon_nav li:nth-last-child(2){background:url(../images/logout.png) center 20px no-repeat;}
.icon_nav li:nth-last-child(3){background:url(../images/join.png) center 25px no-repeat;}
/* .icon_nav li:nth-last-child(1){background:url(../images/cart.png) center 22px no-repeat;} */
.icon_nav li:nth-last-child(1) a {padding-right:11px}

#main_nav_wrap{width:100%;}
#main_nav_wrap .top{width:1300px;margin:0 auto;}
#main_nav_area{position:relative;z-index:30;width:100%;height:100%;}
#main_nav_area .main_menu{overflow:hidden;}
#main_nav_area .main_menu li{width:14.25%;float:left;height:63px;text-align:center;}
#main_nav_area .main_menu > li > a{display:block;line-height:63px;font-family:'NotoSans-Regular';font-size:19px;color:#333;letter-spacing:-0.1px;}
#main_nav_area .main_menu > li > a.on{color:#db0009;}
#main_full_menu{width:100%;position:absolute;left:0;top:184px;background:white;z-index:10;}
#main_full_menu .main_full_menu_wrap{display:none;overflow:hidden;background:#f9f9f9;}
#main_full_menu .smenu_wrap{height:180px;overflow:hidden;}
#main_full_menu .smenu_wrap ul{width:120px;height:auto;margin:25px 0;float:left;}
#main_full_menu .smenu_wrap a{display:block;line-height:26px;font-size:14px;color:#555;letter-spacing:-1px;}
#main_full_menu .smenu_wrap a.on{color:#333;font-weight:600;}
#main_full_menu .smenu_wrap .smenu1{padding-left:57px; width:132px}
#main_full_menu .smenu_wrap .smenu2{padding-left:62px;}
#main_full_menu .smenu_wrap .smenu3{padding-left:65px;}
#main_full_menu .smenu_wrap .smenu4{padding-left:48px;}
#main_full_menu .smenu_wrap .smenu5{padding-left:82px;}
#main_full_menu .smenu_wrap .smenu6{padding-left:58px;}
#main_full_menu .smenu_wrap .smenu7{padding-left:65px;}
#main_full_menu .smenu_wrap .top_banner{position:absolute;top:0;right:0;width:234px;height:183px;}
#main_full_menu .smenu_wrap .top_banner a{display:block;float:left;}

.quick{position:fixed;top:275px;left:50%;margin-left:825px;width:auto;height:auto;z-index:100;border:1px solid #ccc;}
.quick li{position:relative;width:59px;height:59px;border-bottom:1px solid #ccc;}
.quick li .icon{width:100%;height:100%;z-index:150;}
.quick li .txt{position:absolute;top:0;right:59px;width:92px;height:59px;background:#8d6f45;z-index:130;display:none;}
.quick li .txt::after{position:absolute;top:25px;right:-4px;content:'';width:4px;height:7px;background:url(../images/quick_arrow.png);}
.quick li .txt p{padding-left:15px;line-height:59px;font-family:'돋움', dotum, sans-serif;font-size:13px;color:white;}
.quick li.top{background:#d1d1d1;cursor:pointer;}
.quick a{display:block;width:100%;height:100%;}
.quick li .bg1{background:url(../images/quick01.png)center no-repeat white;}
.quick li .bg2{background:url(../images/quick02.png)center no-repeat white;}
.quick li .bg3{background:url(../images/quick03.png)center no-repeat white;}
.quick li .bg4{background:url(../images/quick04.png)center no-repeat white;}
.quick li .bg1on{background:url(../images/quick01_on.png)center no-repeat #fcb44c;}
.quick li .bg2on{background:url(../images/quick02_on.png)center no-repeat #fcb44c;}
.quick li .bg3on{background:url(../images/quick03_on.png)center no-repeat #fcb44c;}
.quick li .bg4on{background:url(../images/quick04_on.png)center no-repeat #fcb44c;}

/*메인컨텐츠*/
.main_visual{position:relative;width:100%;;min-width:1300px;height:478px;overflow:hidden;}
.main_visual li{width:100%;min-width:1300px;height:478px;position:absolute;top:0;left:0;display:none;}
.main_visual a{width:100%;height:478px;display:block;}
.left_button{position:absolute;top:146px;left:50%;margin-left:-730px;cursor:pointer;}
.right_button{position:absolute;top:146px;right:50%;margin-right:-730px;cursor:pointer;}

.float_box{position:absolute;top:516px;left:50%;margin-left:-660px;width:1300px;padding:0 10px;background:url(../images/box_shadow.png) center top no-repeat;z-index:50;}
.float_box .box_wrap{overflow:hidden;}
.float_box div.bd{float:left;border:2px solid #818181;border-right:none;}
.float_box div.bd:nth-of-type(4){border-right:2px solid #818181;}
.float_box .customer{width:100%;height:99px;background:#343230;}
.float_box .customer h1{position:relative;float:left;width:152px;padding-left:107px;line-height:99px;font-family:'NotoSans-Regular';font-size:24px;font-weight:500;color:#e5e5e5;letter-spacing:-1px;background:url(../images/call.png)46px 28px no-repeat;}
.float_box .customer h1::after{position:absolute;top:40px;right:30px;content:'';width:21px;height:21px;background:url(../images/call_bl.png)center no-repeat;}
.float_box .info_num{position:relative;float:left;width:247px;height:100%;}
.float_box .info_num::after{position:absolute;top:31px;right:0;content:'';width:1px;height:38px;background:#707070;}
.float_box .info_num p.yellow{padding-top:15px;font-size:18px;color:#f6d244;}
.float_box .info_num p.white{padding-top:4px;font-size:15px;color:#e5e5e5;line-height:19px;}
.float_box h2{float:left;padding-left:20px;line-height:99px;font-size:15.5px;font-weight:normal;color:#e5e5e5;}

.product_area{margin-top:253px;margin-bottom:46px;overflow:hidden;}
.title_area{padding:40px 0 46px 0;text-align:center;background:url(../images/bg_bar.png)center no-repeat;}
.title_area h1{margin-bottom:10px;font-family:'NanumGothicBold';font-size:36px;}
.title_area p{font-size:15px;color:#666;letter-spacing:-0.5px;line-height:24px;}
.title_area .button{width:246px;height:53px;margin:0 auto;margin-top:15px;background:#db0009;box-shadow:2px 3px 2px #ccc;}
.title_area .button a{display:block;line-height:51px;font-family:'NanumGothicBold';font-size:15px;color:white;}

.product{overflow:hidden;}
.product ul.sct_10{width:1298px;height:auto;overflow:hidden;border:1px solid #d2d2d2;}
.product ul.sct_10 li{float:left;margin:0;padding:46px 44px;border:0;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.product ul.sct_10 li:nth-child(5), .product ul.sct_10 li:nth-child(6), .product ul.sct_10 li:nth-child(7), .product ul.sct_10 li:nth-child(8) {border-bottom:0;}
.product ul.sct_10 li.sct_last {margin:0 !important;padding-right:47px;border-right:0;}
.product ul.sct_10 .img_area{width:233px;height:207px;border:1px solid #d2d2d2;}
.product ul.sct_10 .pro_name{width:228px;height:40px;padding:20px 0 0 7px;font-size:14px;line-height:20px;}
.product ul.sct_10 .pro_name a {color:#666;}
.product ul.sct_10 .company{padding:0 0 0 7px;font-size:14px;color:#666;line-height:20px;}
.product ul.sct_10 .price{padding:7px 0 0 7px;font-family:'NanumGothicBold';font-size:16px;color:#da6c00;line-height:28px;}

.bottom_contents{width:100%;min-width:1300px;height:295px;background:#f7f7f7;}
.btm_con{float:left;width:349px;height:255px;padding:40px 42px 0 42px; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btm_con h1{margin-bottom:20px;font-family:'NotoSans-Regular';font-size:24px;font-weight:500;color:#333;letter-spacing:-1px;line-height:34px;}
.btm_con h1.bg1{background:url(../images/call_b.png)100px 6px no-repeat;}
.btm_con h1.bg2{background:url(../images/bank_b.png)100px 6px no-repeat;}
.btm_con h1.bg2 span{padding-left:68px;font-size:13px;color:#666;}
.btm_con h1.bg3{background:url(../images/qu_b.png)100px 7px no-repeat;}
.btm_con ._01{height:auto;margin-bottom:10px;}
.btm_con ._02{height:auto;margin-bottom:15px;}
.btm_con ._03{height:auto;margin-bottom:15px;}
.btm_con p{font-size:13px;line-height:20px;color:#666;letter-spacing:-0.5px;}
.btm_con p.style2{font-size:14px;}
.btm_con p strong{font-size:15px;color:#db0009;}
.btm_con .icon_bg1{padding:20px 0 20px 67px;background:url(../images/call.png)4px 18px no-repeat;border-top:1px dashed #bbb;}
.btm_con .icon_bg1 p {font-size:14px;}
.btm_con .icon_bg2{padding:18px 0 20px 63px;background:url(../images/bank.png)4px 18px no-repeat;border-top:1px dashed #bbb;}
.customer_num{overflow:hidden;}
.customer_num .grey{display:inline-block;float:left;padding:4px 7px;margin-right:10px;text-align:center;line-height:16px;font-size:14px;font-family:'NanumGothicBold';color:white;background:#bbb;border-radius:5px;}
.customer_num .grey2{padding:5px 10px;margin-top:3px;font-size:13px;}
.customer_num h1{float:left;margin:0;line-height:39px;font-size:39px;font-family:'NanumGothicBold';color:#333;}
.customer_num h2{float:left;margin:0;line-height:33px;font-size:33px;font-family:'NanumGothicBold';font-weight:500;color:#333;letter-spacing:-1px;}
.customer_num h3{float:left;margin:0;line-height:30px;font-size:30px;font-family:'NanumGothicBold';font-weight:500;color:#333;letter-spacing:-2px;}
.qu{padding-left:93px;background:url(../images/qu.png)2px 2px no-repeat; min-height:90px; position:relative}
.qu .button{width:126px;height:32px;*margin:15px 0 18px 0;text-align:center; position:absolute; right:0; top:0}
.qu .button a{display:block;height:100%;line-height:30px;font-size:14px;font-family:'NanumGothicBold';color:#fff;background:#db0009;}
.qu div+p {font-size:14px;}
.qu .gray{display:inline-block;padding:4px 7px;margin-bottom:5px;text-align:center;line-height:16px;font-size:14px;font-family:'NanumGothicBold';color:white;background:#bbb;border-radius:5px;}

/* 서브 */
.container_sub {width:1300px;min-height:600px;margin:10px auto 50px;}
.container_sub .tit {padding:20px 0;font-size:20px;text-align:center;}
.greeting p{margin-bottom:20px;font-size:16px;color:#666;line-height:28px;text-align:center;}
.greeting .name{font-size:17px;color:#444;margin-top:55px;font-weight:600;}


/*푸터*/
.footer_top{width:100%;min-width:1300px;height:89px;border-bottom:1px solid #767676;background:#343230;}
.footer_top .in_1300{width:1250px;height:100%;padding-left:50px;}
.footer_top .footer_banner{position:absolute;top:20px;right:46px;}
.footer_top li{float:left;height:89px;}
.footer_top a{position:relative;display:block;padding:0 18px;line-height:89px;font-family:'NanumGothicBold';font-size:14px;color:#fff;}
.footer_top a::after{position:absolute;top:40px;right:0;content:'';width:1px;height:10px;background:#767676;}
.footer_top li:last-child a::after{display:none;}
.footer_top li:first-child a{padding-left:0;}

.footer{position:relative;width:100%;min-width:1300px;height:169px;background:#343230;}
.footer .in_1300{width:1250px;padding-left:50px;}
.footer .bottom_logo{position:absolute;top:29px;left:6px;}
.footer .info{padding-top:33px;font-size:13px;color:#aaa;line-height:20px;}
.footer .info span, .footer .copy span{color:#d07b30;}
.footer .copy{padding-top:12px;font-size:13px;color:#888;line-height:20px;}
.footer .copy a{font-size:13px;color:#888}
.footer .copy a.barom{padding-left:19px;padding-bottom:3px;background:url(../images/barom.png) left 3px no-repeat;}