@charset "utf-8";
@import url("common.css");

#lnb {border:1px solid #ccc;}
#lnb>ul>li>a{display:block;text-align:center;height:30px;line-height:30px;font-size:1.0em;background:#ff4b19 url('/eng/images/misc/arrow_off.png') right 17px center no-repeat;background-size:5%;color:#fff;}
#lnb>ul>li.on>a{background:#ff4b19 url('/eng/images/misc/arrow_on.png') right 17px center no-repeat;background-size:5%;color:#fff;}
#lnb .lnb_sub{display:none;}
#lnb .lnb_sub li{background:#f6f6f6;border-bottom:1px solid #ccc;}
#lnb .lnb_sub li:last-child{border-bottom:none;}
#lnb .lnb_sub a{display:block;text-align:center;height:30px;line-height:30px;font-size:1.0em;}
#lnb .lnb_sub a:hover{background:#ff4b19;color:#fff;}

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

#inner_content {min-height:300px;}

.top_submenu {width:100%;position:relative;z-index:999;}
.top_submenu .inner {}
.top_submenu .category {float:left;width:100%;height:35px;line-height:35px;font-size:0.9em;}
.top_submenu .depth1 dt {text-indent:10%;background:url('/eng/images/misc/bull_top_submenu_depth1.png') 90% center no-repeat;}
.top_submenu .depth1 dd {border:1px solid #ececec;border-top:none; z-index: 99999;}
.top_submenu .depth1 dd a {display:block;width:100%;height:35px;line-height:35px;text-indent:10%;background:#fff;color:#282828;}
.top_submenu .depth1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#898787+0,5f5f5f+100 */
	background: #898787; /* Old browsers */
	background: -moz-linear-gradient(top, #898787 0%, #5f5f5f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #898787 0%,#5f5f5f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #898787 0%,#5f5f5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898787', endColorstr='#5f5f5f',GradientType=0 ); /* IE6-9 */
    position: relative;
    z-index: 2;
}
.top_submenu .depth1 a {color:#fff;font-weight:600;}
.top_submenu .depth2 dt {text-indent:10%;background:url('/eng/images/misc/bull_top_submenu_depth2.png') 90% center no-repeat;}
.top_submenu .depth2 dd {border:1px solid #ececec;border-top:none;}
.top_submenu .depth2 dd a {display:block;width:100%;height:35px;line-height:35px;text-indent:10%;background-color:#fff;}
.top_submenu .depth2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+2,a6a6a6+100 */
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 2%, #a6a6a6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d8d8d8 2%,#a6a6a6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d8d8d8 2%,#a6a6a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-9 */
    position: relative;
    z-index: 1;
}
.top_submenu .depth2 a {color:#282828;font-weight:600;}
.top_submenu .category dl dd {display:none;}

/* 주요판매 아이템 */
.item_title {padding-left:20px;margin-left:1%;margin-bottom:20px;font-size:1.1em;font-weight:500;background:url('/eng/images/misc/bull_item_title.jpg') 0 center no-repeat;}
.item_list {}
.item_list li {float:left;width:48%;margin:1%;}
.item_list p {height:20px;line-height:30px;text-align:center;font-size:0.9em;font-weight:500;}


/* - 동영상 */
.video{margin-bottom:50px;}
.vid_list {width:100%;margin:5% auto;}
.vid_list .vid_img{width:100%;}
.vid_list .vid_img img{width: 100%;}
.vid_list li{float:left;width:46%;margin:2%;position:relative;}
.vid_over {position:absolute;left:0;top:0;display:none;}
.vid_title {width:100%;background-color:#222;background-color:rgba(0,0,0,0.7);color:#fff;font-weight:600;text-align:center;padding:3px 0 ;position:absolute;left:0;bottom:0;display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vid_title span{font-size:12px;font-weight:600;}

/* 수출현황 */
.export_map {width:90%;margin:5% auto;}

.export_country_list {padding:2%;padding-bottom:20px;margin-top:20px;border-bottom:1px solid #c2c2c2;}
.export_country_list dt {float:left;font-size:1.1em;font-weight:600;color:#282828;}
.export_country_list dt span {color:#7a0026; display: block;}
.export_country_list dd {float:left;font-size:0.9em;}

.export_brand_list {padding:2%;position:relative;margin-top:20px;margin-bottom:50px;}
.export_brand_list dt {font-size:1.1em;font-weight:600;color:#282828;}
.export_brand_list dt span {color:#7a0026; display: block;}
.export_brand_list dd ul li {float:left;width:48%;margin:1%;}

.export_certi_list{height: 170px; border-bottom: 1px solid #c2c2c2; margin-bottom: 25px; padding-bottom: 45px; position: relative;}
.certi_text1{margin-top: 10px; text-align: center; font-size: 10px; line-height: 1.2;}
.export_brand_list dd ul li.certi_text2{width: 100%; float: none; font-size: 10px; text-align: center;}

/* contact us */
.contact_table{width: calc(100% - 20px); margin: 20px 10px;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: 20px; font-size: 14px; 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: 150px !important;}
.contact_table input.name{width: 100%;}
.contact_table input.email{width: 100%;}
.contact_table input.subject{width: 100%;}

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


/*.contactus_tap {width:100%;margin:20px 0;}
.contactus_tap ul {width:100%;border-bottom:2px solid #7a0026;}
.contactus_tap ul li {float:left;width:32%;height:35px;margin-right:1%;}
.contactus_tap ul li:last-child {margin-right:0px;}
.contactus_tap ul li a {display:block;width:100%;height:100%;line-height:35px;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_content {width:90%;margin:20px auto;}
.contactus_content_head_bdtop {}
.contactus_content_head, .contactus_content_body {float:left;width:50%;}
.contactus_content_head ul li {width:100%;height:32px;line-height:32px;text-align:center;color:#000;font-weight:500;background-color:#f7efef;border-left:1px solid #7a0026;border-right:1px solid #7a0026;border-bottom:1px solid #7a0026;}
.contactus_content_head ul li:first-child {border-top:1px solid #7a0026;}
.contactus_content_body ul li {display:table;width:100%;height:32px;line-height:32px;text-align:center;color:#626262;background-color:#fff;border-right:1px solid #7a0026;border-bottom:1px solid #7a0026;}
.contactus_content_body ul li:first-child {border-top:1px solid #7a0026;}
.icon_location {width:16px;height:24px;margin:0 auto;display:table-cell;vertical-align:middle;}
.icon_location a {display:block;width:100%;height:100%;background:url('/eng/images/misc/icon_location_off.png') center center no-repeat;transition:all 0.3s;}
.icon_location a:hover {background:url('/eng/images/misc/icon_location_on.png') center center no-repeat;transition:all 0.3s;}*/

/* map */
.map {height:300px;}


/* 달력 */
.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:190px;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팀 추가 끝*/

/* 주요판매아이템 popup */
.itemlist_imgbox{width: 100%; height: 100%;}
.item_list .list_popupbox{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 9991; display: none; margin: 0;}
.list_popup{position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); width: 100%;}
.popup_img{width: 100%;}
.pop_desc{width: 100%; padding: 0 12px; padding-top: 26px; box-sizing: border-box;}
.pop_desc li{float: none; margin-right: 0;}
.pop_desc li:nth-child(1){font-size: 15px; font-weight: 700; width: 100%; margin: 0;}
.pop_desc li.popup_bar{display: inline-block; width: 24px; height: 2px; background-color: #7a0026; margin: 18px 0;}
.pop_desc li:nth-child(3){font-size: 12px; line-height: 1.6; width: 100%; margin: 0;}
.pop_desc li:nth-child(3) p{text-align: left;}
.pop_closebtn{position: absolute; top: 20px; right: 20px; cursor: pointer;}


/* 설비현황 */
.facilities_container{padding: 0 15px; box-sizing: border-box;}
.facilities_descbox{font-size: 13px; padding: 20px 0 40px; background-image: url(/images/sub/facilities_descbg.png); background-size: contain; background-repeat: no-repeat; background-position: center center; padding-left: 10px; text-align: center;}
.facilities_desc{padding: 16px 0 6px; position: relative;}
.facilities_desc::before{display: block; content: ''; background-image: url(/images/sub/facilities_desctop.png); background-repeat: no-repeat; background-position: top right; width: 100%; height: 20px; position: absolute; top: 0; right: 0;}
.facilities_desc::after{display: block; content: ''; background-image: url(/images/sub/facilities_descbottom.png); background-repeat: no-repeat; background-position: top right; width: 100%; height: 3px; position: absolute; bottom: 0; right: 0;}
.facilities_desc span{color: #7a0026; vertical-align: baseline;}
.facilities_tit{font-size: 18px; font-weight: 500; padding-left: 10px; box-sizing: border-box; position: relative; margin-bottom: 13px;}
.facilities_tit::after{display: block; content: ''; width: 3px; height: 15px; background-color: #b30038; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.facilities_processbox1{margin-bottom: 40px;}
.facilities_processtit{font-size: 16px; font-weight: 500; padding-left: 10px; box-sizing: border-box; position: relative; margin-bottom: 15px;}
.facilities_processtit::after{display: block; content: ''; width: 3px; height: 14px; background-color: #e8b2c3; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.facilitiesprocess_listtit{text-align: left; margin-bottom: 4px;}
.facilitiesprocess_listtit p{display: inline-block; vertical-align: middle;}
.facilitiesprocess_listtit p:nth-child(1){font-size: 10px; font-weight: 500; color: #fff; width: 18px; padding: 9px 0; border-radius: 50%; background-color: #c42255; text-align: center; margin-right: 2px; position: relative; line-height: 0;}
.facilitiesprocess_listtit p:nth-child(1)::after{display: block; content: ''; width: 1px; height: 12px; background-color: #a9a9a9; position: absolute; top: -12px; right: 50%; transform: translateX(50%);}
.facilitiesprocess_listtit p:nth-child(2){font-size: 12px; font-weight: 600;}
.facilities_processlistbox{position: relative; box-sizing: border-box;}

.facilitiesright_processlistbox{padding-right: 24px;}
.facilitiesleft_processlistbox{padding-left: 24px;}
.facilities_processlistboxonly{text-align: right;}

.facilities_processlist{display: inline-block; padding-top: 9px; vertical-align: top; width: 49%; margin-bottom: 14px; position: relative;} 
.facilities_processimg{padding-left: 24px; 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: -5px; right: 50%; transform: translateX(50%);}
.arrow_left{position: absolute; top: 50%; left: -10px; transform: translateY(-50%) rotate(180deg);}
.arrow_rightdown{position: absolute; top: 50%; transform: translateY(-50%); right: -5px;}
.arrow_leftdown{position: absolute; top: 50%; transform: translateY(-50%); left: -5px;}
.arrow_leftlast{position: absolute; top: -5px; left: 0;}
.arrow_rightlast{position: absolute; top: -5px; right: 0;}
.facilities_processimg .pro_img{height: 96px;}
.facilities_processimg p:nth-child(1){margin-bottom: 6px;}

.facilities_processbar{position: absolute; background-color: #a9a9a9;}
.bar_top{width: 100%; height: 1px; top: 0; left: 0;}
.bar_right{width: 1px; height: 100%; top: 0; right: 0;}
.bar_left{width: 1px; height: 100%; top: 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: 100%;}
.processpopup_img{width: 100%;}

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

.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: 30px;}
.facilities_processlisttit{margin-bottom: 4px; padding-left: 12px; position: relative; text-align: left; font-size: 12px;}
.facilities_processlisttit::after{display: block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #7a0026; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.facilities_processlisttit::before{display: block; content: ''; width: 15px; height: 1px; background-color: #a9a9a9; position: absolute; top: 50%; transform: translateY(-50%); left: -15px;}
.bar_top2{top: 340px; width: 70%;}
.bar_bottom2{top: 438px; width: 70%;}
.bar_right2{top: 340px; right: 286px;}

.facilitiesprocess_listnostit{margin-bottom: 30px;}


.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;}

.tit_downbar{width: 1px; height: 172px; background-color: #a9a9a9; position: absolute; top: 0; left: 9px; z-index: -1;}

.facilitiesprocess_poptit{text-align: left; margin-bottom: 4px; padding: 0 15px; box-sizing: border-box;}
.facilitiesprocess_poptit p{display: inline-block; vertical-align: baseline;}
.facilitiesprocess_poptit p:nth-child(1){font-size: 14px; font-weight: 500; color: #fff; width: 24px; padding: 12px 0; border-radius: 50%; background-color: #c42255; text-align: center; margin-right: 2px; position: relative; line-height: 0;}
.facilitiesprocess_poptit p:nth-child(2){font-size: 18px; font-weight: 600;}
.facilitiesprocess_poptit2 p:nth-child(1){font-size: 14px; font-weight: 500; color: #fff; width: 24px; padding: 12px 0; border-radius: 50%; background-color: #7a0026; text-align: center; margin-right: 2px; position: relative; line-height: 0;}