@charset "utf-8";

#visual_wrap {position:relative;overflow:hidden;margin-bottom:13px;}
#visual {width:1920px;left:50%;margin-left:-960px;position:relative;}
#lnb {float:left;width:247px;padding-bottom:500px;border:1px solid #e1e1e1;box-sizing:border-box;}
#dnb {float:left;width:247px;padding-bottom:500px;border:1px solid #e1e1e1;box-sizing:border-box;}
#content {float:right;margin-top:110px;width:1210px;position:relative;}

#lnb .title_side {height:127px;line-height:127px;font-size:2.2em;font-weight:500;text-align:center;color:#000000;}
#lnb .title_side span {color:#7a0026;}
#lnb>ul {width:245px;}
#lnb>ul>li {border-bottom:1px solid #e1e1e1;}
#lnb li a {display:block;width:100%;height:52px;line-height:52px;text-indent:50px;font-size:16px;font-weight:500;color:#2e2e2e;vertical-align:top;transition:0.2s all;}
#lnb li a:before {content:"· ";}
#lnb li>a:hover, #lnb li>a.on {text-indent:50px;background:#7a0026;color:#fff;transition:0.2s all;}

/* 3depth */
#lnb li ul {display:none;}
#lnb li.on ul {display:block;}
#lnb li ul.lnb_threedepth{display:block;}
#lnb li ul.lnb_threedepth a{background-color: #f5f5f5;}
#lnb li ul.lnb_threedepth a:hover, #lnb li ul.lnb_threedepth a.on{background-color: #969696;}

#dnb .title_side {height:127px;line-height:127px;font-size:2.2em;font-weight:500;text-align:center;}
#dnb .title_side span {color:#5d4b3b;}
#dnb>ul {width:245px;}
#dnb>ul>li {margin-bottom:1px;}
#dnb li a {display:block;width:100%;height:52px;line-height:52px;text-indent:50px;font-size:16px;font-weight:500;color:#2e2e2e;vertical-align:top;transition:0.2s all;}
#dnb>ul>li>ul>li>a {height:40px;line-height:40px;color:#838383;font-size:14px;}
#dnb>ul>li>a:hover, #dnb>ul>li>a.on {text-indent:50px;background:#5d4b3b;color:#fff;transition:0.2s all;}
#dnb>ul>li:hover>a, #dnb>ul>li.on>a {text-indent:50px;background:#5d4b3b;color:#fff;transition:0.2s all;}
#dnb li ul li>a:hover, #dnb li ul li>a.on {text-decoration:underline;}

/* 3depth */
#dnb li ul {display:none;}
#dnb li.on ul {display:block;}

.depth3 {padding:7px 0 10px;}

.path {position:absolute;top:-70px;right:5px;}
.path li {display:inline-block;zoom:1;*display:inline;padding:0 10px 0 16px;font-size:0.9em;color:#333;background:url('/images/misc/arr_depth01.png') 0 5px no-repeat;vertical-align:middle;}
.path li a > img {margin-top:1px;}
.path li:first-child {background:none;padding-left:0;}
.path li:nth-child(2) {background:none;padding-left:0;}
.path li:last-child {padding-right:0;}
.path span {color:#333;font-weight:500;}

.bar {width:61px;height:2px;margin:0 auto;background-color:#707070;}
.title_cont {height:70px;line-height:70px;background:url('/images/sub/sub_title_bg.png') bottom center no-repeat;font-size:1.8em;font-weight:500;text-align:center;}
#inner_content {padding:79px 0 0 0;}


/* - 동영상 */
.video{margin-bottom:50px;}
.vid_list {width:1200px;margin:0 auto;}
.vid_list li{float:left;margin:15px;position:relative;}
.vid_over {position:absolute;left:0;top:0;display:none;}
.vid_title {width:370px;height:50px;background-color:#222;background-color:rgba(0,0,0,0.7);color:#fff;font-size:16px;font-weight:600;text-align:center;padding-top:15px;position:absolute;left:0;bottom:0;display:none;}
.vid_title span{font-size:18px;font-weight:600;}
/* 오시는 길 */
.map {height:407px;}

/* 수출현황 */
.export_country_list {height:60px;line-height:60px;border-bottom:1px solid #c2c2c2;}
.export_country_list dt {float:left;font-size:18px;font-weight:600;color:#282828;}
.export_country_list dt span {color:#7a0026;}
.export_country_list dd {float:left;margin-left:40px;}

.export_brand_list {position:relative;height:405px;margin-top:30px;margin-bottom:50px;}
.export_brand_list dt {float:left;font-size:18px;font-weight:600;color:#282828;}
.export_brand_list dt span {color:#7a0026;}
.export_brand_list dd {position:absolute;padding-left:110px;}
.export_brand_list dd ul {}
.export_brand_list dd ul li {float:left;margin-right:12px;margin-bottom:18px;}
.export_brand_list dd ul li:nth-child(4n) {margin-right:0px;}

.export_certi_list{height: 80px; border-bottom: 1px solid #c2c2c2; margin-bottom: 25px; padding-bottom: 45px; position: relative;}
.export_certi_list li{text-align: center;}
.certi_text1{margin-top: 10px;}
.certi_text2{position: absolute; bottom: 0; right: 18%;}

/* 주요판매 아이템 */
.item_title {padding-left:20px;margin-bottom:20px;font-size:18px;font-weight:500;background:url('/images/misc/bull_item_title.jpg') 0 center no-repeat;}
.item_list {}
.item_list li {float:left;margin-right:26px;}
.item_list li:nth-child(4n) {margin-right:0px;}
.item_list p {height:50px;line-height:50px;text-align:center;font-size:16px;font-weight:500;}

/* 제품소개 */
.production_list {}
.production_list li {float:left;width:280px;height:220px;margin-right:20px;margin-bottom:30px;}
.production_list li:nth-child(4n) {margin-right:0px;}
.production_list .production_title {height:40px;line-height:40px;font-size:16px;font-weight:500;text-align:center;}

.paging {text-align:center;}
.paging span {margin:0 5px;}
.paging a img {vertical-align:top;}
.paging .num a {display:inline-block;margin:0 2px;width:27px;height:27px;line-height:27px;color:#3e3e3e;border:1px solid #c2c2c2;border-radius:5px;transition:0.3s;}
.paging .num a:hover, .paging .num a.on {color:#ff6000;transition:0.3s;}

/* 서브 탭 메뉴 */
.sub_tab_wrap {}
.sub_tab_wrap .sub_tab_list {}
.sub_tab_wrap .sub_tab_list li {float:left;width:365px;height:58px;line-height:58px;margin-right:38px;text-align:center;}
.sub_tab_wrap .sub_tab_list li:last-child {margin-right:0px;}
.sub_tab_wrap .sub_tab_list li a {display:block;width:100%;height:100%;font-size:18px;font-weight:400;color:#3e3e3e;border:1px solid #b7b7b7;border-radius:5px;}
.sub_tab_wrap .sub_tab_list li a:hover, .sub_tab_wrap .sub_tab_list li a.on {background:url('/images/sub/sub_tab_list_bg.jpg') 0 0 repeat-x;color:#fff;}

/* 홈페이지 바로가기 */
.home_go {margin:0 auto;width:771px;height:57px;line-height:57px;text-align:center;background-color:#f1f1f1;border:1px solid #cccccc;border-radius:5px;}
.home_go span {font-weight:600;font-size:16px;}
.home_go a img {vertical-align:middle;margin-top:-2px;margin-left:20px;}

/* contact us */
.contact_table{width: 100%; border-top: 2px solid #7a0026; border-bottom: 2px solid #7a0026;}
.contact_table th{border-bottom: 1px solid #c2c2c2; background-color: #f7efef; text-align: left; padding-left: 40px; font-size: 18px; font-weight: 500; color: #1b1b1b;}
.contact_table td{padding:10px 15px;  border-bottom: 1px solid #c2c2c2;}
.contact_table tr:last-child th,.contact_table tr:last-child td{border-bottom: 0;}
.contact_table input{height: 33px;}
.contact_table textarea{width: 100% !important; height: 250px !important;}
.contact_table input.name{width: 170px;}
.contact_table input.email{width: 300px;}
.contact_table input.subject{width: 100%;}

.btn_wrap a {display: table; margin:55px auto 100px;}
.btn_wrap a{width: 191px; height: 54px; line-height: 54px; color: #fff; text-align: center; background: url("/images/sub/btn_bg.png") 0 0 no-repeat; font-size: 18px; font-weight: 500;}

/*.contactus_tap {width:1210px;margin-bottom:27px;}
.contactus_tap ul {width:100%;border-bottom:2px solid #7a0026;}
.contactus_tap ul li {float:left;width:172px;height:45px;margin-right:3px;}
.contactus_tap ul li:last-child {margin-right:0px;}
.contactus_tap ul li a {display:block;width:100%;height:100%;line-height:45px;text-align:center;color:#333;font-weight:500;border:1px solid #c2c2c2;border-bottom:none;transition:all 0.3s;}
.contactus_tap ul li a:hover, .contactus_tap ul li a.on {background-color:#7a0026;color:#fff;transition:all 0.3s;}

.contactus_list table thead tr th {height:42px;color:#000;font-weight:500;background-color:#f7efef;border-top:1px solid #c2c2c2;border-bottom:1px solid #7a0026;}
.contactus_list table tbody tr td {height:40px;text-align:center;color:#626262;background-color:#fff;border-bottom:1px solid #c2c2c2;}
.icon_location {width:16px;height:24px;margin:0 auto;}
.icon_location a {display:block;width:100%;height:100%;background:url('/images/misc/icon_location_off.png') center center no-repeat;transition:all 0.3s;}
.icon_location a:hover {background:url('/images/misc/icon_location_on.png') center center no-repeat;transition:all 0.3s;}
*/
/* 사이트맵 */
.sm_wrap {font-size:12px;font-weight:600;color:#222;padding:20px 0 0 20px;}
.sm_wrap>ul {float:left;width:100px;margin:10px 20px 40px;}
.sm_wrap>ul.sm02 {width:430px;}
.sm_wrap>ul.sm02>li {padding-left:10px;}
.sm_wrap>ul.sm03 {width:600px;}
.sm_wrap>ul.sm03>li {padding-left:10px;}
.sm_wrap>ul.sm05 {width:140px;}
.sm_wrap>ul.sm05>li {padding-left:10px;}
.sm_wrap li {margin-bottom:5px;padding-left:20px;background:url('/images/misc/bull_01.jpg') 12px 10px no-repeat;}
.sm_wrap>ul>li.sm_title {font-size:18px;padding-left:10px;padding-bottom:10px;margin-bottom:15px;background:none;border-bottom:2px solid #aaa;}
.sm_wrap>ul li a:hover {padding-bottom:2px;border-bottom:1px solid #8c40a8;}

.sm_wrap>ul ul {float:left;margin-right:25px;}
.sm_wrap>ul ul li {padding-left:10px;background-position:2px 10px;}
.sm_wrap>ul.sm02 ul li {padding-left:20px;padding-right:10px;background-position:10px 9px;}
.sm_wrap>ul.sm03 ul li {padding-left:20px;padding-right:10px;background-position:10px 9px;}
.sm_wrap>ul ul li.sm_title2 {font-size:14px;background:none;text-align:center;border-bottom:2px solid #555;padding:0 20px 5px 20px;margin-bottom:10px;}
.sm_wrap>ul ul li.sm_title3 {background:none;font-size:13px;padding:3px 0;border-bottom:1px solid #777;}



/* 달력 */
.cld{position:relative;margin-bottom:30px;}
.cld_wrap {position:relative;}
.cld_header{margin-bottom:10px;}
.cld_day{float:left;}
.cld_day p{font-size:20px;font-weight:500;color:#717171;}
.cld_control {float:left;width:290px;height:24px;margin-top:2px;margin-left:5px;}
.cld_control ul li{float:left;}
.cld_control ul li a{display:block;height:25px;text-indent:-9999;font-size:0;color:#fff;background:url('../images/btn/control.png') 0 0px no-repeat;}
.cld_control ul li.prev_btn a{background-position:0px 0px;width:35px;margin-right:10px;}
.cld_control ul li.next_btn a{background-position:-40px 0px;width:35px;margin-right:10px;}
.cld_control ul li.today_btn a{background-position:-80px 0px;width:45px;margin-right:10px;}
.cld_control ul li.print_btn a{background-position:-130px 0px;width:26px;}
.cld_control ul li.refresh_btn a{background-position:-156px 0px;}
.cld_control ul li.add_btn {margin-left:15px;margin-top:-3px;}
.cld_control ul li.add_btn a{background-image:none;}
.cld_content_btn{position:absolute;right:0;top:6px;}
.cld_content_btn ul li{float:left;}
.cld_content_btn ul li a{display:block;width:65px;height:35px;line-height:35px;text-align:center;margin-left:5px;border:1px solid #999;border-radius:3px;border-bottom:none;font-size:14px;font-weight:600;color:#555; }
.cld_content_btn ul li.on a {border:1px solid #0098b0;border-radius:3px;border-bottom:none;color:#fff;background-color:#00a3bd;}

/* 달력 테이블 */
#cld_table{width:60%; text-align:center}
#cld_table th{height:40px; color: #222; border-bottom:1px solid #bbb; border-right:1px solid #ccc; background-color:#ebebeb; text-align: center; }
#cld_table thead td {height:35px; padding:0;color: #222; border-bottom:1px solid #bbb; border-right:1px solid #ccc; background-color:#ebebeb; font-weight:bold;font-size:13px;text-align: center; }
#cld_table th:first-child{border-left:1px solid #999;}
#cld_table th:last-child{border-right:1px solid #999;}
#cld_table td{height:90px; border-top:none; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:left;padding:0 10px 10px 10px; /* vertical-align:top; */}
#cld_table td:first-child{border-left:1px solid #999;}
#cld_table td:last-child{border-right:1px solid #999;}
#cld_table .date_head{height:22px; margin: 0 0 4px;}
#cld_table .cld_day{float:left; margin: 4px 5px 0 0;font-weight:bold;}
#cld_table .cld_notice_day{font-weight:600;color:#999;}
#cld_table .cld_anniversary a{font-size:13px;font-weight:600; color:#f44e4e;}
#cld_table .s_day{color:#f44e4e !important;}
#cld_table .h_day{color:#f44e4e;}
#cld_table .pre_day{color:#cecece; cursor: pointer;}
/* #cld_table td:hover {background-color:#eef1f6;} */

#Cal_InTable table {width:100%; text-align:center}
#Cal_InTable td {border:none;height:auto;}
#Cal_InTable td:first-child {border:none;}
#Cal_InTable td:last-child {border:none;}
/*DEV팀 추가 끝*/

/* sticky foot */
#footer_wrap {}
#footer_wrap.sticky {width:100%;position:fixed;left:0;bottom:0;z-index:9990;}
#container_wrap {padding-bottom:0px;}
#container_wrap.sticky {padding-bottom:100px;}

/* 주요판매아이템 popup */
.itemlist_imgbox{width: 280px; height: 280px; overflow: hidden;}
.item_listcon{cursor: pointer;}
.list_popupbox{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 9991; display: none;}
.list_popup{position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); width: 1200px;}
.popup_img{float: left; width: 584px; height: 584px; overflow: hidden; margin-right: 60px;}
.pop_desc{float: left; width: calc(100% - 644px); padding-top: 50px;}
.pop_desc li{float: none; margin-right: 0;}
.pop_desc li:nth-child(1){font-size: 30px; font-weight: 700;}
.pop_desc li.popup_bar{display: inline-block; width: 48px; height: 2px; background-color: #7a0026; margin: 40px 0;}
.pop_desc li:nth-child(3){font-size: 18px; line-height: 1.6;}
.pop_desc li:nth-child(3) p{text-align: left;}
.pop_closebtn{position: absolute; top: 0; right: 0; cursor: pointer;}

/* 설비현황 */
.facilities_desc{font-size: 22px; padding: 80px 0 50px;}
.facilities_desc span{color: #7a0026; vertical-align: baseline;}
.facilities_tit{font-size: 32px; font-weight: 500; padding-left: 20px; box-sizing: border-box; position: relative; margin-bottom: 26px;}
.facilities_tit::after{display: block; content: ''; width: 7px; height: 30px; background-color: #b30038; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.facilities_processbox1{margin-bottom: 40px;}
.facilities_processtit{font-size: 28px; font-weight: 500; padding-left: 20px; box-sizing: border-box; position: relative; margin-bottom: 22px;}
.facilities_processtit::after{display: block; content: ''; width: 7px; height: 28px; background-color: #e8b2c3; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.facilitiesprocess_listtit{text-align: left; margin-bottom: 8px;}
.facilitiesprocess_listtit p{display: inline-block;}
.facilitiesprocess_listtit p:nth-child(1){font-size: 18px; font-weight: 500; color: #fff; width: 36px; padding: 4px 0; border-radius: 50%; background-color: #c42255; text-align: center; margin-right: 6px; position: relative;}
.facilitiesprocess_listtit p.up::after{display: block; content: ''; width: 2px; height: 24px; background-color: #a9a9a9; position: absolute; top: -24px; right: 50%; transform: translateX(50%);}
.facilitiesprocess_listtit p.down::after{display: block; content: ''; width: 2px; height: 24px; background-color: #a9a9a9; position: absolute; bottom: -24px; right: 50%; transform: translateX(50%);}
.facilitiesprocess_listtit p:nth-child(2){font-size: 22px; font-weight: 600;}
.facilities_processlistbox{position: relative;}
.facilities_processlist{display: inline-block; padding-top: 24px; vertical-align: top; width: 302px; margin-bottom: 114px;}
.facilities_processlist4{position: absolute; top: 21%; right: 0; width: 268px; text-align: right; margin-bottom: 0; padding-top: 0;}
.facilities_processlist4::after{display: block; content: ''; width: 44px; height: 2px; background-color: #a9a9a9; position: absolute; top: 51%; left: 4px;}
.facilities_processimg{padding-left: 46px; cursor: pointer; position: relative;}
.facilities_processnoimg{height: 139px;}
/*.facilities_processimg::after{display: block; content: ''; width: 29px; height: 23px; background-image: url(/images/sub/facilities_processarrow.png); background-position: center center; position: absolute; top: 50%; transform: translateY(-50%); right: -32px;}*/
.arrow_right{position: absolute; top: 50%; right: -20px; transform: translateY(-50%);}
.arrow_rightdown{position: absolute; bottom: -66px; left: -30px;}
.arrow_left{position: absolute; top: 50%; left: -10px; transform: translateY(-50%) rotate(180deg);}
.facilities_processimg.noarrow::after{display: none;}
.facilities_processimg.horizontal::after{transform: translateY(-50%) rotate(180deg);}
.facilities_processimg.moreright::after{right: -46px;}

.processbar_box{position: absolute; top: 222px; width: 948px; height: 100px;}
.processbar_box2{position: absolute; top: 341px; width: 948px; height: 100px;}

.facilities_processbar{position: absolute; background-color: #a9a9a9;}
.bar_top{width: 94%; height: 2px; top: 0; left: 0; background-image: url(/images/sub/bar_color.jpg);}
.bar_right{width: 98px; height: 96px; top: 0; right: 0; background: none; border: 2px solid #a9a9a9; border-radius: 0 49px 49px 0; border-left: none;}
.bar_bottom{width: 94%; height: 2px; bottom: 0; left: 0;}

.process_popupbox{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 9991; display: none;}
/*.process_popupbox2{transform: translateY(50%);}*/
.process_popup{position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); width: 1200px;}
.processpopup_img{width: 1000px; height: 650px; overflow: hidden;}
.processpopup_img img{width: 100%;}

.processpop_closebtn{position: absolute; top: 0; right: 0; cursor: pointer;}

.facilities_processbox2 .facilities_processlist{width: 294px; height: 329px; vertical-align: baseline; padding-top: 0; margin-bottom: 0;}
.facilities_processbox2 .facilities_processlist4{top: 30%; width: 279px;}
.facilities_processbox2 .facilities_processlist4::after{display: block; content: ''; width: 28px; height: 2px; background-color: #a9a9a9; position: absolute; top: 45%; left: -10px;}
.facilities_processbox2 .facilitiesprocess_listtit p:nth-child(1){background-color: #7a0026;}
.facilities_processbox2 .facilities_processimg1{margin-bottom: 25px;}
.facilities_processlisttit{margin-bottom: 4px; padding-left: 12px; position: relative; text-align: left; font-size: 18px;}
.facilities_processlisttit::after{display: block; content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #7a0026; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.facilities_processlisttit::before{display: block; content: ''; width: 30px; height: 2px; background-color: #a9a9a9; position: absolute; top: 50%; transform: translateY(-50%); left: -27px;}
.facilitiesprocess_listtit2 .upbar::after{display: block; content: ''; width: 2px; height: 328px; background-color: #a9a9a9; position: absolute; top: -270px; right: 50%; transform: translateX(50%); z-index: -1;}
.facilitiesprocess_listtit2 .downbar::after{display: block; content: ''; width: 2px; height: 198px; background-color: #a9a9a9; position: absolute; top: 0; right: 50%; transform: translateX(50%); z-index: -1;}
.bar_top2{top: 340px; width: 70%;}
.bar_bottom2{top: 438px; width: 70%;}
.bar_right2{top: 340px; right: 286px;}
.processing_box{text-align: left; margin-top: -38px;}
.processing_box .facilities_processlist{vertical-align: top;}
.processing_box .facilities_processlist:nth-child(2){width: 502px;}
.facilities_processimgbox .facilities_processimg{float: left;}
.facilities_processimgbox .facilities_processimg:nth-child(2){padding-left: 14px;}


.arrow_right2{position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
.arrow_right3{position: absolute; top: 50%; right: -24px; transform: translateY(-50%);}
.arrow_rightdown2{position: absolute; bottom: -26px; left: -52px;}
.arrow_left2{position: absolute; top: 50%; left: -10px; transform: translateY(-50%) rotate(180deg);}

.arr_left{position: absolute; bottom: -14px; left: 0;}


.facilitiesprocess_poptit{text-align: left; margin-bottom: 20px;}
.facilitiesprocess_poptit p{display: inline-block;}
.facilitiesprocess_poptit p:nth-child(1){display: block; font-size: 28px; font-weight: 500; padding-left: 20px; box-sizing: border-box; position: relative; margin-bottom: 22px;}
.facilitiesprocess_poptit p:nth-child(1)::after{display: block; content: ''; width: 7px; height: 28px; background-color: #e8b2c3; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.facilitiesprocess_poptit p:nth-child(2){font-size: 18px; font-weight: 500; color: #fff; width: 36px; padding: 4px 0; border-radius: 50%; background-color: #c42255; text-align: center; margin-right: 6px; position: relative;}
.facilitiesprocess_poptit2 p:nth-child(2){background-color: #7a0026;}
.facilitiesprocess_poptit p:nth-child(3){font-size: 22px; font-weight: 600;}