@charset "utf-8";
/* 공통 */
#container .wrap_1000{ box-sizing:border-box; width:1200px; margin:0 auto;}
#container .sub {}
#container .sub_main_img {
    position:relative;
    width: 100%; 
    background: no-repeat center / cover;
    display: flex;
    align-items: center;
    justify-content: center;

}
#container.intro .sub_main_img {background-image: url(../img/sub/sub_bg.jpg);}
#container.business .sub_main_img {background-image: url(../img/sub/sub_bg_02.png);}
#container.quality .sub_main_img {background-image: url(../img/sub/sub_bg_03.png);}
#container.center .sub_main_img {background-image: url(../img/sub/sub_bg_04.png);}
#container.contact_us .sub_main_img {background-image: url(../img/sub/sub_bg_05.png);}
#container .sub_main_img h2 { 
    font-size: 42px;
    font-weight: 400;
    color: #fff;
    padding: 194px 0 ;
}


#container .sub_main_img img {
    width: 100%;
}
/* #container .sub_main_img h2:before {content:""; position:absolute; top:-5px; left:-25px; width:12px; height:20px; background-color:#32cefb;
-webkit-transform: skew(-30deg);
	   -moz-transform: skew(-30deg);
         -o-transform: skew(-30deg);} */



.ttl_box {padding-top: 70px; border-bottom: 1px solid  #eeeeee; padding-bottom: 80px ;}
.ttl_box.bor_bot {padding-bottom: 90px ;}
.ttl_box.agree {padding-top: 90px;}
.ttl_box h2.sub_tit{
    font-size:52px;
    color:#252525;
    line-height:1.3; 
    font-family: 'ELAND_Choice_B';
}
.ttl_box span{
    font-size: 20px;
    color: #757575 ;
    display: block;
    padding-top: 30px;
    line-height: 1.6;
    word-break: keep-all;
}

/* 상단 inc */

h2.now_btn {display: none;}
.sub_gnb  {transform: translateY(-50%); position: relative; z-index: 111;}
.sub_gnb ul.sub_nav_row  {
    position: relative;
}

.sub_gnb ul.sub_nav_row >li > a {
    display: block;
    width: 340px ;
    line-height: 90px;
    box-shadow: 0px 12px 30.08px 1.92px rgba(224, 54, 63, 0.61);
    padding: 0 40px;
    border-left: 1px solid rgba(255,255,255,0.2);
    box-sizing: border-box;
    background: #e0363f url(../img/sub/sub_nav_down.png) no-repeat center right 20px ;
}
.sub_gnb ul.sub_nav_row >li > a b {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.sub_gnb ul.sub_nav_row::after {
    content: '';
    display: block;
    width: 200%;
    background: #e0363f;
    position: absolute;
    left: -200%;top: 0;
    height: 90px;
    box-shadow: 0px 12px 30.08px 1.92px rgba(224, 54, 63, 0.61);
}
.sub_gnb .dep_05 {
    position: absolute;
    top: 90px; left: 0;
    width: 100%;
    max-width: 340px;
    z-index: 40;
    background: #fff;
    border: 1px solid#dbdbdb;
    box-sizing: border-box;
    display: none;
}  
.sub_gnb .dep_05 a {
    line-height: 90px;
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding-left: 40px;
    font-size: 20px;
    font-weight: 500;
    box-sizing: border-box;
  
}

.eng .sub_gnb ul.sub_nav_row >li > a {
    width: 525px;
}
.eng .sub_gnb .dep_05  {
    max-width: 525px;
}


/* #container .sub_gnb{border-bottom:1px solid #ddd;} 
#container .sub_gnb ul::after{content:""; clear:both; display:block;}
#container .sub_gnb ul li{float:left; width:140px; border-right:1px solid #e8e8e8; padding-left:20px;position:relative;}
#container .sub_gnb ul li::after{content:""; position:absolute; top:50%; right:8px; background:url("../img/btn/sub_gnb_btn.png")no-repeat center;
width:8px; height:6px; margin-top:-3px;}
#container .sub_gnb ul li a{display:block; line-height:42px; color:#666; font-weight:400; font-size:13px; }
#container .sub_gnb ul li a b.sub_loc_active{font-weight:400;}
#container .sub_gnb ul li a img{vertical-align:middle;}
#container .sub_gnb ul li.home{width:42px; border-left:1px solid #e8e8e8; padding-left:0; text-align:center;}
#container .sub_gnb ul li.home::after{display:none;}
#container .sub_gnb ul li ul{position:absolute; left:-1px; right:-1px; top:42px; z-index:30; background:#fff;border:1px solid #ddd;border-bottom:0;
display:none;}
#container .sub_gnb ul li ul li{border-right:0; border-bottom:1px solid #ddd;}
#container .sub_gnb ul li ul li:hover{background-color:#f6f6f6;}
#container .sub_gnb ul li ul li::after{display:none;} */


/* 회사소개 _  인사말 */

#container.sub .intro {position:relative; padding:95px 0 0; margin-bottom: 230px;}
#container.sub .intro p { color:#252525; font-size:20px; line-height:1.6; letter-spacing: -0.045em; word-break: keep-all;}
#container.sub .intro p:first-child { margin-bottom:20px;}
#container.sub .intro p:nth-child(4) { margin:35px 0;}
#container.sub .intro p:last-of-type { margin:0 0 120px;}
#container.sub .intro p b {font-size:22px;}
#container.sub .intro p .block { display:block;}
#container.sub .intro p .color_pointer { color:#e0363f; }
#container.sub .intro div.intro_img { margin:50px 0; width:100%; }
#container.sub .intro div.intro_img img { width:100%;}
/* #container.sub .intro > img { position:absolute; bottom:120px; right:180px; } */
#container.sub .intro div.sign {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}



/* 회사소개 _ 연혁  */
/* #container.sub .history { margin-top:-10px;} */
.history {} 
.history > img { width:100%;} 
.history .history_list { margin:120px 0 ; }
.history .history_list > li {position: relative;}
.history .history_list > li:nth-child(odd) {
    width:50%; 
    float:left; 
    margin-right:10px;
    /* border-right: 2px solid #e0363f; */
    box-sizing: border-box;
}
.history .history_list > li:nth-child(odd) ul { padding:0px 100px 0px 0px;}
.history .history_list > li:nth-child(even) { 
    width:50%; 
    float:right;
    margin-left:10px;
 }
.history .history_list > li:nth-child(even) ul { padding:0px 0px 0px 100px;}


.history .history_list > li::after {
    display: block;
    content: '';
    position: absolute;
    top: 70px; right: -10px;
    background: url(../img/ico/his_ico_le.png) no-repeat center;
    width: 93px; height: 22px;
}
.history .history_list > li:nth-child(even)::after {
    right: inherit; left: -12px;
    background: url(../img/ico/his_ico_rig.png) no-repeat center;
}

.history .history_list > li::before {
    content: '';
    display: block;
    width: 2px; height: 100%;
    background: #e0363f;
    position: absolute;;
    top: 0; right: 0;
}
.history .history_list > li:nth-child(even)::before  {
    left: -2px;
    right: inherit;
}
.history .history_list > li:last-child::before {height: 73px;}

.history .history_list > li.y_2022::after {top: 0;}

.history .history_list > li + li {
    padding-top: 70px;
}


.history .history_list > li ul li { color:#666666; font-size:16px; line-height:30px; letter-spacing:-1px;}
.history .history_list > li ul li.history_y { padding-bottom:30px; color:#e0363f; font-size:24px; font-weight:bold; margin-top: -3px;}

.history .history_list > li:nth-child(odd) ul li {text-align:right;}
.history .history_list > li:nth-child(even) ul li {text-align:left;}
.history .history_list > li ul li span { color:#333; font-weight:bold;}

.history .history_list > li:nth-child(odd) ul li span {margin-left:10px;}
.history .history_list > li:nth-child(even) ul li span {margin-right:10px;}




/* 회사소개 _ 비전 */
.s_img_box.vision {padding: 130px 0 220px ;}

/* 회사소개 _ 조직도 */
.s_img_box {padding: 100px 0 190px; }

/* 회사소개 _ 오시는길 */
#container.sub .map { margin: 50px 0 180px;}
#container.sub .location_tb { width:100%; margin:0px 0 20px; }
#container.sub .location_tb tr {border-bottom:solid 1px #ddd;}
#container.sub .location_tb tr:first-child { border-top:solid 2px #4a4a4a;}
#container.sub .location_tb th { padding:15px 20px; background-color:#f3f3f3; text-align:left; color:#626262;}
#container.sub .location_tb td { padding:15px 20px; text-align:left; line-height:1.5; color:#868686;}


/* 사업소개 _ trun_key */
.sub .bus_cont01 {
    background: #fff;
    padding: 100px 20px 180px;
}
.sub .w_1530 .graph {
    flex-direction: column;
}
.sub  .w_1530 .graph .graph_le {
    width: 100%;
    justify-content: center;
}
.sub  .w_1530 .graph .gr_txt {
    display: flex;
    flex-direction: row;
    margin-left: 0;
    width: 100%;
    margin-top:-22px ;
}
.sub  .w_1530 .graph .gr_txt li {
    width:calc(50% - 10px );
    margin-right: 20px;
    flex-direction: column;
}
.sub  .w_1530 .graph .gr_txt li +li {margin: 0;}
.sub  .w_1530 .graph .gr_txt .txt_wrap {
    margin-top: 40px;
    padding: 52px 60px 40px ;
    border-radius: 30px ;
    height: 100%;
}
.sub  .w_1530 .graph .gr_txt strong {
    padding-left:10px ;
    margin-bottom: 16px;
}



/* 사업소개 _ 개발 및 양산 지원산업 */

.sub .bus_cont {
  
}
.sub .bus_cont02 {
    padding: 90px 0 ;
}
.sub .bus_cont03 { 
    background: #fff;
    padding-bottom: 180px;
   
}
.sub .step_box {
    padding-top: 80px;
    margin-top: 94px;
    border-top: 1px solid #eeeeee;
    max-width: 1200px;
}
.sub .step_box .step4 li .ico  {box-shadow: none;}
.sub .bus_cont03 .bus_item {
    padding-top: 100px;
    border-top: 1px solid #eee;
}

.sub .bus_cont03 .bus_item > div + div {
    border-top: 1px solid #eeeeee;
}




/* 오시는 길 */
/* #container .contact{margin:40px 0 120px;}
#container .contact .contact_gnb ul::after{content:""; display:block; clear:both;}
#container .contact .contact_gnb ul li{float:left; width:33.3333%; text-align:center;}
#container .contact .contact_gnb ul li a{display:block; line-height:50px; color:#333; font-size:18px; border:1px solid #dedede;margin-right:-1px;}
#container .contact .contact_gnb ul li:last-of-type a{margin-right:0;}
#container .contact .contact_gnb ul li.active a{background-color:#cb2727; color:#fff;}

#container .contact .contact_tit{margin-top:40px;}
#container .contact .contact_tit b.tit{font-size:20px; color:#ce3f3f; line-height:20px; display:block; font-weight:400;} 
#container .contact .contact_tit p{font-size:16px; color:#333; font-weight:300; margin-top:20px; line-height:16px;}
#container .contact .contact_tit ul li{font-size:16px; color:#333; font-weight:300; margin-top:14px;line-height:16px;}
#container .contact .contact_tit ul li img{vertical-align:middle; margin-right:10px;}

#container .contact .contact_map{margin-top:30px;}
 */

/* 사업소개 _ 신규아이템사업  */
#container.sub .vmiturn.new_item_container h3 { margin:70px 0 50px;}
.new_item_container {padding-bottom: 180px;}
.new_item_container .new_item_box {padding:0 50px;}
.new_item_container .new_item_box p { color:#555555; font-size:15px; line-height:24px;}
.new_item_container .new_item_box p b { display:block; position:relative; margin:0px 0 10px; color:#000000; font-size:20px;}
.new_item_container .new_item_box p b:before {content:""; position:absolute; top:-5px; left:-20px;  width:10px; height:14px; background-color:#32cefb;
-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
}
.new_item_container .new_item_box ul {margin:50px 0 10px;}
.new_item_container .new_item_box ul li { float:left; box-sizing:border-box; padding:16px 0; width:20%; height:156px; border-right:solid 1px #989898; color:#555555; font-size:15px; text-align:center;}
.new_item_container .new_item_box ul li:last-child { border:none;}
.new_item_container .new_item_box ul li .under_bar { position:relative; color:#000000; font-size:20px; }
.new_item_container .new_item_box ul li .under_bar:after { content:"";/* position:absolute; top:0; left:0; */  display:block; margin:14px auto; width:13px; height:4px; background-color:#dcdcdc;}
.new_item_container .new_item_box .block { display:block;}

.new_item01_01,.new_item01_02,.new_item01_03 { height:345px;}
.new_item01_01 { background:url("../img/sub/new_item01.png") no-repeat right center; background-size:27%; }
.new_item01_01 p:first-child {padding:50px 0 0px; margin-bottom:20px;}
.new_item01_02 {border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; background:url("../img/sub/new_item02.png") no-repeat right center; background-size:27%;}
.new_item01_03 { background:url("../img/sub/new_item03.png") no-repeat right center; background-size:27%; }
#container.sub .vmiturn.new_item_container .new_item_box h3 { padding:70px 0 40px; margin:0px 0;}

/* 사업소개 _ line_cart */
.line_card {margin:65px 0 150px;}
.line_card > div {}
.line_card > div .line_card_box { margin-top:20px;}
.line_card > div .line_card_box:first-child { }
.line_card > div .line_card_box:after { content:""; display:block; clear:both; }
.line_card > div .line_card_box > div {position:relative; width:588px; height:126px;  border:solid 1px #d0d0d0; background-color:#efefef; }
.line_card > div .line_card_box > div div { float:left;  height:126px; box-sizing:border-box;}
.line_card > div .line_card_box > div div:first-child  {position:relative;  width:165px;  background-color:#fff;  }
.line_card > div .line_card_box > div div:last-child {  padding:30px 0 0 30px; }
.line_card > div .line_card_box > div div img { position:absolute; top:50%; left:50%; margin:0 auto; transform:translate(-50%,-50%); }
.line_card > div .line_card_box > div div p { color:#33333; font-size:16px; line-height:30px; } 
.line_card > div .line_card_box > div div p span { display:block; color:#000000; font-size:22px; } 
.line_card > div .line_card_box > div div a { position:absolute; top:40%; right:0px;  display:block; margin-right:20px; width:36px; height:36px; border-radius:100%; background-color:#555555; color:#fff; text-align:center; line-height:33px; font-weight:600; } 
.line_card > div .line_card_box .line_card_left {float:left;}
.line_card > div .line_card_box .line_card_right {float:right;}

/* 사업소개 _ 유통판매사업 */

.shipping_container { }
.shipping_container .text_area_con { padding:0px 0 0 40px; }
.shipping_container .text_area_con .square { position:relative; color:#000000; font-size:20px; }
.shipping_container .text_area_con .square:before {content:""; position:absolute; top:-5px; left:-20px;  width:10px; height:14px; background-color:#32cefb;
-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);}
.shipping_container .text_area_con .text_area {}
.shipping_container .text_area_con .text_area:after { content:""; display:block; clear:both; }
.shipping_container .text_area_con .text_area > div { float:left; width:50%; }
.shipping_container .text_area_con .text_area > div p { font-size:14px; line-height:26px;}
.shipping_container .text_area_con .text_area > div p:first-child {margin:50px 0 10px;}
.shipping_container .text_area_con .text_box_clear {margin-top:100px;}
.shipping_container .text_area_con .text_box_clear p b.square { color:#000000; font-size:16px; font-weight:500; line-height:26px;}

.shipping_container .shipping_img { margin:50px 0 180px; }
.shipping_container .shipping_img:after { content:""; display:block; clear:both;}
.shipping_container .shipping_img > div {box-sizing:border-box; float:left; margin-right:15px; padding:30px 0px 0 15px; width:390px; height:326px; border:solid 1px #a0a0a0; }
.shipping_container .shipping_img > div:last-child {margin-right:0px; }

.shipping_container .shipping_img > div > div {position:relative; height:160px; }
.shipping_img01 {background:url("../img/sub/shipping_01.png") no-repeat;}
.shipping_img02 {background:url("../img/sub/shipping_02.png") no-repeat;}
.shipping_img03 {background:url("../img/sub/shipping_03.png") no-repeat;}
.shipping_container .shipping_img > div > div p {position:absolute; top:33%; left:50%; padding:10px 0; border-top:solid 1px #fff; border-bottom:solid 1px #fff; color:#ffffff; font-size:30px; transform:translate(-50%,-50%);}
.shipping_container .shipping_img > div > p {line-height:24px; font-size:14px;}

/* app */
.app_container{}
.app_con_inn{margin-bottom:180px;}
.app_con_inn .app_list_select{width:100%;margin-top:45px;}
.app_con_inn .app_list_select > ul{position:relative;width:46%;margin:0 auto;}
.app_con_inn .app_list_select ul li{height:55px;line-height:55px;padding-left:24px;color:#333;background-color:#fff;font-size:18px;font-weight:400;cursor:pointer;}
.app_con_inn .app_list_select > ul > li{border:1px solid #999;background:url('../img/btn/select_btn.gif')no-repeat 96% 50%;}
.app_con_inn .app_list_select > ul > li .select_list{position:absolute;top:57px;left:0; width:99.8%;border-left:1px solid #dedede;border-right: 1px solid #dedede;z-index:999}
.app_con_inn .app_list_select > ul > li .select_list li{display:none; border-bottom:1px solid #dedede;}
.app_con_inn .app_list_select > ul > li .select_list li.on{display:block;}

.app_con_inn .app_con{}
.app_con_inn .app_con h3{margin-top:60px;}
.app_con_inn .app_con h3 .square { position:relative; color:#333; font-size:30px;font-weight:400 }
.app_con_inn .app_con h3 .square:before {content:""; position:absolute; top:-5px; left:-20px;  width:10px; height:14px; background-color:#32cefb;
-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}

.app_con_inn .app_con .app_con_lis{margin:50px 0 0 25px;}
.app_con_inn .app_con .app_con_lis ul{text-align:left;margin-bottom:26px;}
.app_con_inn .app_con .app_con_lis ul li{position:relative; display:inline-block; width:256px;height:258px;margin:0 15px 20px;border:1px solid #c7c7c7}

.app_con_inn .app_con .app_con_lis ul li img{display:block;width:auto;height:100%;text-align:center;}
.app_con_inn .app_con .app_con_lis ul li span{position:absolute; bottom:0; left:0; width:236px;height:auto;line-height:18px;padding:10px 10px 10px 10px;color:#fff;background-color:rgba(0,0,0,0.6);text-align:left;font-size:14px;}
.app_con_inn .app_con .app_con_lis ul li span b{display:block;margin-bottom:5px;font-size:15px;}




/* 채용정보 */

.recruit_container {}
.recruit_container p { text-align:center; line-height:22px;}
.recruit_container > div { padding:50px 0 0 ; }
.recruit_container > div:last-child {padding-top:100px;}
.recruit_container > div .recruit_box { margin-top:50px; display: flex; justify-content: center;}
/* .recruit_container > div .recruit_box:after { content:""; display:block; clear:both;} */
.recruit_container > div .recruit_box > div {box-sizing:border-box; width:190px; height:375px; margin-right:73.3px; border:solid 1px #d8d8d8; }
.recruit_container > div .recruit_box > div:last-child { margin-right:0;}
.recruit_container > div .recruit_box > div img { width:100%; }
.recruit_container > div .recruit_box > div p { color:#555555; font-size:15px; line-height:22px;}
.recruit_container > div .recruit_box > div p:first-of-type {position:relative; padding:40px 0; color:#000000; font-size:20px; line-height:26px; }
.recruit_container > div .recruit_box > div p:first-of-type:after { content:""; position:absolute; bottom:20%; left:50%; width:20px; height:4px; background-color:#333333; transform:translate(-50%,-50%); }

.recruit_container .bok { margin:0 0 180px;}
.recruit_container .bok:after {content:""; display:block; clear:both; }
.recruit_container .bok > div { float:left; box-sizing:border-box; margin:70px 0 0; width:25%; height:186px; border-right:1px solid #bababa;}
.recruit_container .bok > div:nth-child(4) { border:none;}
.recruit_container .bok > div:nth-child(8) { border:none;}
.recruit_container .bok > div .bok_imgbox { position:relative; height:84px; margin:0px 0 10px;}
.recruit_container .bok > div .bok_imgbox img {position:absolute; top:50%; left:50%;  transform:translate(-50%,-50%);}
.recruit_container .bok > div p {font-size:17px; line-height:30px; color:#555555;}
.recruit_container .bok > div p b { font-size:22px; color:#333333;}

/* 제품소개 _ UV LED 광원 */
#container .product_led{margin:40px 0 120px;}
#container .product_led .product_led_visual{padding:85px 60px; background:url("../img/sub/product_led_visual.png")no-repeat center; background-size:cover;}
#container .product_led .product_led_visual p{color:#fff; font-size:20px; font-weight:300; line-height:32px;}
#container .product_led .product_led_visual p span{font-weight:bold;}

#container .product_led .sub_product_box{margin-top:40px;}
#container .product_led .sub_product_box .sub_product_gnb{margin-left:10px; font-family:'Noto Sans KR';}
#container .product_led .sub_product_box .sub_product_gnb::after{content:""; display:block; clear:both;}
#container .product_led .sub_product_box .sub_product_gnb li{float:left; margin:0 20px;position:relative;}
#container .product_led .sub_product_box .sub_product_gnb li::after{content:""; position:absolute; right:-20.5px; width:1px; background:#ddd; 
top:2px; bottom:0;}
#container .product_led .sub_product_box .sub_product_gnb li:last-of-type::after{display:none;}
#container .product_led .sub_product_box .sub_product_gnb li a{font-size:14px; font-weight:300; color:#777;}
#container .product_led .sub_product_box .sub_product_gnb li.active a{color:#cb2727;}

#container .product_led .sub_product_box .sub_product_list{margin-top:30px;}
#container .product_led .sub_product_box .sub_product_list::after{content:""; display:block; clear:both;} 
#container .product_led .sub_product_box .sub_product_list li{float:left; width:248px; border: 1px solid #ddd; border-top:0;margin-left:-1px;
position:relative;}
#container .product_led .sub_product_box .sub_product_list li:hover::after{position:absolute; left:0; right:0; bottom:0; top:0; content:""; 
border:2px solid #df1616; z-index:-30;}
#container .product_led .sub_product_box .sub_product_list li:first-of-type{margin-left:0; width:249px; border-top:1px solid #ddd;}
#container .product_led .sub_product_box .sub_product_list li:nth-of-type(2), #container .product_led .sub_product_box .sub_product_list li:nth-of-type(3),
#container .product_led .sub_product_box .sub_product_list li:nth-of-type(4){border-top:1px solid #ddd;}
#container .product_led .sub_product_box .sub_product_list li:nth-of-type(4n+1){margin-left:0; width:249px;}
#container .product_led .sub_product_box .sub_product_list li .img_box{height:190px; position:relative;text-align:center;}
#container .product_led .sub_product_box .sub_product_list li .img_box img{position:absolute; left:0; right:0; margin:0 auto;
top: 50%; transform: translateY(-50%); max-width:90%; max-height:90%;}
#container .product_led .sub_product_box .sub_product_list li .sub_product_list_txt{padding:0 20px;}
#container .product_led .sub_product_box .sub_product_list li .sub_product_list_txt p{font-size:14px; font-weight:300; color:#777; line-height:14px;}
#container .product_led .sub_product_box .sub_product_list li .sub_product_list_txt b{font-size:19px; font-weight:400; color:#333; line-height:19px;
display:block; margin-top:11px;}
#container .product_led .sub_product_box .sub_product_list li .btn_box{display:table; margin:0 auto; margin-top:27px; margin-bottom:25px;}
#container .product_led .sub_product_box .sub_product_list li .btn_box button{width:100px; height:38px; font-size:13px; line-height:38px;
font-weight:400; border:1px solid #bbb; border-radius:3px; margin:0 5px;}
#container .product_led .sub_product_box .sub_product_list li .btn_box button.inquisition{border:0; background-color:#003279;
color:#fff; border:0;}

/* 제품소개 _ 상세보기 */
#container .product_led_more{margin-bottom: 120px; font-family:'Noto Sans KR';}
#container .product_led_more b.tit{font-size:20px; line-height:20px; color:#333; font-weight:400;}
#container .product_led_more .product_box::after{display:block; content:""; clear:both;}

#container .product_led_more .product_box .about_product{width:475px; float:left;}
#container .product_led_more .product_box .about_product a.bx-prev{position:absolute; top:50%; left:0; z-index:30;width:60px; height:60px;
text-indent:-9999px; background:url("../img/btn/bx_prev_img.png")no-repeat center; margin-top:-30px; opacity: 0; transition: opacity 1s;}
#container .product_led_more .product_box .about_product a.bx-next{position:absolute; top:50%; right:0; z-index:30;width:60px; height:60px;
text-indent:-9999px; background:url("../img/btn/bx_next_img.png")no-repeat center; margin-top:-30px;opacity: 0; transition: opacity 1s;}
#container .product_led_more .product_box .about_product .product_big:hover a.bx-prev{opacity:1;}
#container .product_led_more .product_box .about_product .product_big:hover a.bx-next{opacity:1;}

#container .product_led_more .product_box .about_product .product_big{height:404px; position:relative;}
#container .product_led_more .product_box .about_product .product_big ul li{height:404px; position:relative;}
#container .product_led_more .product_box .about_product .product_big ul li img{position:absolute; left:0; right:0; margin:0 auto;
top: 50%; transform: translateY(-50%); max-width:90%; max-height:90%;}

#container .product_led_more .product_box .about_product  .product_small{position:relative;}
#container .product_led_more .product_box .about_product  .product_small ul::after{display:block; content:""; clear:both;}
#container .product_led_more .product_box .about_product  .product_small ul li{float:left; width:78px; height:78px; border:1px solid #ddd; 
margin-right:-1px;position:relative; text-align:center;}
#container .product_led_more .product_box .about_product  .product_small ul li:last-of-type{margin-right:0;}
#container .product_led_more .product_box .about_product  .product_small ul li a{position:relative; line-height:78px; display:block;}
#container .product_led_more .product_box .about_product  .product_small ul li a.active::after{content:""; position:absolute; left:0; right:0; bottom:0;
top:0; border:3px solid #df1616;}
#container .product_led_more .product_box .about_product  .product_small ul li a img{vertical-align:middle; max-width:90%; max-height:70px;}

#container .product_led_more .product_box .product_txt{margin-left:45px;width:480px; float:left; margin-top:50px;}
/*
#container .product_led_more table{border-top:2px solid #333; margin-top:10px; table-layout:fixed; width:100%;}
#container .product_led_more table thead tr{border-bottom:1px solid #dedede;}
#container .product_led_more table thead tr th{ padding-left:20px; font-size:16px; color:#777; font-weight:400; line-height:65px;}
#container .product_led_more table thead tr td{font-size:16px; line-height:65px; font-weight:400; color:#333; padding-left:20px;}
#container .product_led_more table thead tr td.name{font-size:20px;}
#container .product_led_more table thead tr td button{width:100px; height:38px; background-color:#003279; color:#fff; margin-bottom:5px;}*/

#container .product_led_more .add_explanation_box{margin-top:60px;}
#container .product_led_more .add_explanation_box .product_tab{border-bottom:1px solid #dedede;}
#container .product_led_more .add_explanation_box .product_tab ul::after{content:""; display:block; clear:both;}
#container .product_led_more .add_explanation_box .product_tab ul li{float:left; width:202px; border:1px solid #dedede;border-bottom:0;
margin-right:-1px; text-align:center;}
#container .product_led_more .add_explanation_box .product_tab ul li:last-of-type{margin-right:0;}
#container .product_led_more .add_explanation_box .product_tab ul li a{display:block; line-height:51px; color:#333; font-size:18px; font-weight:400;}
#container .product_led_more .add_explanation_box .product_tab ul li.active{border:0;}
#container .product_led_more .add_explanation_box .product_tab ul li.active a{background-color:#cb2727; color:#fff; line-height:52px;}

/* 제품소개 _ 상세보기 _ 상단 테이블*/
/*#container .product_led_more table colgroup col.subject{width:165px;}
#container .product_led_more table colgroup col.explanation{width:auto;}
/* 제품소개 _ 상세보기 _ 하단 테이블*/
/*#container .product_led_more table colgroup col.tit{width:165px;}*/
#container .product_led_more .add_explanation_txt{margin-top:40px;font-family:'none'; }
/* #container .product_led_more .add_explanation_txt p,b,th,td,span,h1,ul,li{font-family:'none';} */
/*#container .product_led_more .add_explanation_txt ul::after{content:""; display:block; clear:both;}
#container .product_led_more .add_explanation_txt ul li{float:left; width:480px; margin-top:10px;}
#container .product_led_more .add_explanation_txt ul li:last-of-type{margin-left:40px;}
#container .product_led_more .add_explanation_txt ul li ul{border-top:2px solid #333333; margin-top:10px; padding-top:12px;}
#container .product_led_more .add_explanation_txt ul li ul li{border:0; width:auto; position:relative; float:none; margin:0;line-height:40px;
font-weight:400;font-size:16px; color:#333; padding-left:10px;}
#container .product_led_more .add_explanation_txt ul li ul li::after{content:"-"; position:absolute; left:1px; top:0;}
#container .product_led_more .add_explanation_txt ul li ul li:last-of-type{margin-left:0; }*/

/* what _ we _ do 제품기술 자료 */
#container .knowledge_base{margin:40px 0 80px;}
#container .knowledge_base .knowledge_base_main table{border-top:2px solid #000; table-layout:fixed; width:100%;}
#container .knowledge_base .knowledge_base_main table thead tr{border-bottom:1px solid #ccc;}
#container .knowledge_base .knowledge_base_main table thead tr th{text-align:center; font-size:16px; font-weight:400; color:#333;line-height:58px; font-weight:400;
border-right:1px solid #ccc; background-color:#f1f1f1;}
#container .knowledge_base .knowledge_base_main table thead tr{border-bottom:1px solid #ccc;}
#container .knowledge_base .knowledge_base_main table thead tr th:last-of-type{border-right:0;}
#container .knowledge_base .knowledge_base_main table tbody tr td{font-size:15px; color:#666; font-weight:300; line-height:25px; border-bottom:1px solid #ccc; 
border-right:1px solid #ccc;padding:25px 0 25px 15px; }
#container .knowledge_base .knowledge_base_main table tbody tr th.mobile{display:none;}
#container .knowledge_base .knowledge_base_main table tbody tr td:last-of-type{border-right:0;}
#container .knowledge_base .knowledge_base_graph{text-align:center;}
#container .knowledge_base .knowledge_base_sub{margin-bottom:40px;}
#container .knowledge_base .knowledge_base_sub b.tit{font-size:20px; line-height:20px; display:block; color:#333; font-weight:400;}
#container .knowledge_base .knowledge_base_sub b.tit span.thin{font-weight:300; color:#666; font-size:18px;}
#container .knowledge_base .knowledge_base_sub table{border-top:2px solid #000; margin-top:12px; width:100%; table-layout:fixed;}
#container .knowledge_base .knowledge_base_sub table colgroup col.tit{width:180px;}
#container .knowledge_base .knowledge_base_sub table thead tr{border-bottom:1px solid #ccc;}
#container .knowledge_base .knowledge_base_sub table thead tr th{font-size:16px; color:#333;background-color:#f1f1f1;font-weight:400;line-height:62px;}
#container .knowledge_base .knowledge_base_sub table thead tr td{font-size:16px; color:#333; padding-left:20px; font-weight:300;}

/* what _ we _ do 특허 */
#container .patent{margin-top:40px;}
#container .patent .patent_gnb ul::after{content:""; display:block; clear:both;}
#container .patent .patent_gnb ul li{float:left; width:33.3333%; text-align:center;}
#container .patent .patent_gnb ul li a{display:block; line-height:50px; color:#333; font-size:18px; border:1px solid #dedede;margin-right:-1px;}
#container .patent .patent_gnb ul li:last-of-type a{margin-right:0;}
#container .patent .patent_gnb ul li.active a{background-color:#cb2727; color:#fff;}

#container .patent .patent_list{margin-top:40px;}
#container .patent .patent_list b.tit{font-size:20px;  color:#333; font-weight:400;}
#container .patent .patent_list .type_one{margin-bottom:90px;}
#container .patent .patent_list .type_one ul{margin-top:20px;}
#container .patent .patent_list .type_one ul::after{content:""; display:block; clear:both;}
#container .patent .patent_list .type_one ul li{float:left; margin-right:80px; margin-bottom:30px;}
#container .patent .patent_list .type_one ul li:nth-of-type(2n){margin-right:0;}

#container .patent .patent_list .type_two{margin-bottom:120px;}
#container .patent .patent_list .type_two table{width:100%; border-top:2px solid #333; table-layout:fixed;}
#container .patent .patent_list .type_two table colgroup col.num{width:65px;}
#container .patent .patent_list .type_two table colgroup col.subject{width:720px;}
#container .patent .patent_list .type_two table colgroup col.date{width:125px;}
#container .patent .patent_list .type_two table colgroup col.view{width:90px;}
#container .patent .patent_list .type_two table thead tr{border-bottom:1px solid #ccc;}
#container .patent .patent_list .type_two table thead tr th{background-color:#f1f1f1; line-height:50px; font-size:16px; font-weight:400; color:#333;}
#container .patent .patent_list .type_two table tbody tr{border-bottom:1px solid #e8e8e8;}
#container .patent .patent_list .type_two table tbody tr td{line-height:50px; text-align:center; font-size:14px; font-weight:400; color:#333;}
#container .patent .patent_list .type_two table tbody tr td.subject{padding-left:20px; text-align:left;}
#container .patent .patent_list .type_two table tbody tr td.subject a{ font-size:14px; font-weight:400; color:#333; display:block;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#container .patent .patent_list .type_two table tbody tr td.date{color:#999;}
#container .patent .patent_list .type_two table tbody tr td.view{color:#777;}

#container .patent .patent_list .type_three{margin-bottom:80px;}
#container .patent .patent_list .type_three ul::after{content:""; display:block; clear:both;}
#container .patent .patent_list .type_three ul li{float:left; margin-right:16px; margin-bottom:40px;width:238px;position:relative;}
#container .patent .patent_list .type_three ul li:nth-of-type(4n){margin-right:0;}
#container .patent .patent_list .type_three ul li:first-of-type::after{content:""; width:1000px; position:absolute;background:#e8e8e8; 
left:0; height:1px; bottom:-20px;}
#container .patent .patent_list .type_three ul li:nth-of-type(4n+1)::after{content:""; width:1000px; position:absolute;background:#e8e8e8; 
left:0; height:1px; bottom:-20px;}

/* 페이징 */
#container .paging{display:table; margin:0 auto; margin-top:40px; }
#container .paging .page{overflow:hidden;}
#container .paging .page li{float:left; width:32px; height:32px; border:1px solid #dddddd; text-align:center; margin-left:6px;}
#container .paging .page li a{display:flex; height: 100%; align-items: center; justify-content: center; line-height:32px; font-size:14px; color:#333333;}
/* #container .paging .page li a img{vertical-align:middle; } */
#container .paging .page li.more_prev{margin-right:4px;}
#container .paging .page li.prev{margin-right:14px;}
#container .paging .page li.next{margin-left:20px;}
#container .paging .page li.more_next{margin-left:10px;}
#container .paging .page li.more_prev a , .paging .page li.prev a , .paging .page li.next a , .paging .page li.more_next a{line-height:28px;}
#container .paging .page li.active {border:0; width:34px; height:34px; background:#e0363f; }
#container .paging .page li.active a{color:#fff;}

#container .paging .page li.more_prev img ,
#container .paging .page li.more_next img {width: 13px;}

#container .paging .page li.prev img ,
#container .paging .page li.next img {width: 8px;}

/* 공지사항 */
#container.notice { padding-bottom:0;}
#container .free_list{margin:0 0 180px;}
#container .free_list table{width:100%; border-top:2px solid #333; table-layout:fixed; margin-top:20px;}
#container .free_list table colgroup col.num{width:65px;}
#container .free_list table colgroup col.subject{width:720px;}
#container .free_list table colgroup col.date{width:125px;}
#container .free_list table colgroup col.view{width:90px;}
#container .free_list table thead tr{border-bottom:1px solid #ccc;}
#container .free_list table thead tr th{background-color:#f1f1f1; line-height:50px; font-size:16px; font-weight:400; color:#333;}
#container .free_list table tbody tr{border-bottom:1px solid #e8e8e8;}
#container .free_list table tbody tr td{line-height:50px; text-align:center; font-size:14px; font-weight:400; color:#333;}
#container .free_list table tbody tr td.subject{padding-left:20px; text-align:left;}
#container .free_list table tbody tr td.subject a{ font-size:14px; font-weight:400; color:#333; display:block;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#container .free_list table tbody tr td.date{color:#999;}
#container .free_list table tbody tr td.view{color:#777;}

#container .free_list .input_form::after{content:""; display:block; clear:both;}
#container .free_list .input_form .right{float:right; position:relative;}
#container .free_list .input_form select {border:1px solid #ddd; width:160px; height:40px; font-size:14px; color:#333; font-weight:400;padding-left:12px;
border-right:0;}
#container .free_list .input_form input{width:210px; border:1px solid #ddd;height:40px; padding:0 45px 0 12px; margin-left:10px;}
#container .free_list .input_form button{width:42px; height:40px; position:absolute; right:0; top:0; 
background:#e0363f url("../img/btn/seach_icon.png")no-repeat center;}

/* 공지사항 _ 자세히 보기 */
#container .free_list_view{margin:0 0 180px;}
#container .free_list_view ul{border-top:2px solid #252525;}
#container .free_list_view ul li{border-bottom:1px solid #dbdbdb; padding:0 20px;}
#container .free_list_view ul li::after{content:""; display:block; clear:both;}
#container .free_list_view ul li.tit{padding: 40px 0 34px;}
#container .free_list_view ul li.tit h4.tit{
    line-height:1.3;   font-size:24px; font-weight:500;
}
#container .free_list_view ul li.tit b.date {
    font-size:16px ;
    color: #999999;
    display: block;
    margin-top:16px ;
    font-weight: 400;
}

#container .free_list_view .youtube_wrap {
    max-width: 1000px;
    width:100%;
    height: 560px;
    margin: 0 auto;
}
#container .free_list_view .video_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1000px;
    width:100%;
}
#container .free_list_view .video_wrap video {
    /* width: 100%; */
    max-height: 560px;
}
#container .free_list_view .youtube_wrap iframe {
    width: 100%; height: 100%;
}

#container .free_list_view ul li.info{line-height:52px;}
#container .free_list_view ul li.info .date{float:left;}
#container .free_list_view ul li.info .date::after{content:""; display:block; clear:both;}
#container .free_list_view ul li.info b{font-size:16px; color:#333; font-weight:400; display:block; float:left; line-height:52px;}
#container .free_list_view ul li.info b.tit{margin-right:15px;}
#container .free_list_view ul li.info b.tit a {font-size:14px; font-weight:300; color:#333; display:block;float:right;}
#container .free_list_view ul li.info b.tit a img{vertical-align:middle;margin-right:8px;margin-left:12px;}
#container .free_list_view ul li.info b.tit a span.border{border-bottom:1px solid #333;}
#container .free_list_view ul li.info .write_info{float:right;}
#container .free_list_view ul li.info .write_info b{margin-left:26px;}
#container .free_list_view ul li.info .write_info b span{color:#999; font-weight:300;margin-left:10px;}

#container .free_list_view ul li.text_box{padding:30px 0; font-family:"none";}
#container .free_list_view ul li.text_box p {line-height: 1.5;}
#container .free_list_view ul li.prev , #container .free_list_view ul li.next{line-height:50px;}
#container .free_list_view ul li.prev a, #container .free_list_view ul li.next a{color:#333;}
#container .free_list_view ul li.prev b, #container .free_list_view ul li.next b{width:72px; display:block; font-size:14px; font-weight:300; float:left;
line-height:50px; position:relative; }
#container .free_list_view ul li.prev b img, #container .free_list_view ul li.next b img{vertical-align:middle;margin-left:8px;}
#container .free_list_view ul li.prev p, #container .free_list_view ul li.next p.subject{width:calc(100% - 72px); float:left; line-height:50px;
font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
#container .free_list_view .btn_box{margin-top:20px;}
#container .free_list_view .btn_box button{
    width:88px; 
    height:38px; 
    line-height:38px; 
    border:1px solid #ddd; 
    font-size:16px; 
    color:#333;font-weight:400;
    margin: 0 auto;
}

/* 문의하기 */
/* #container .wrap_1000.inq { width:1000px;}  */
#container .inq_list_wrap {padding: 50px 0 0;}
#container .inquisition_list{ margin:20px auto 180px;}
#container .inquisition_list .table_box.two{margin-top:40px;}
#container .inquisition_list .table_box b.title{font-size:20px; color:#333; font-weight:400;}
#container .inquisition_list .table_box table{margin-top:10px; border-top:2px solid #333; width:100%; }
#container .inquisition_list .table_box table colgroup col.tit{width:140px;}
#container .inquisition_list .table_box table thead tr{border-bottom:1px solid #ccc;}
#container .inquisition_list .table_box table thead tr th{width:150px; font-size:14px; color:#333; background-color:#f1f1f1;  padding-left:20px; text-align:left;
font-weight:400; line-height:24px; word-wrap:break-word; word-break:keep-all;}
#container .inquisition_list .table_box table thead tr th b{font-weight:400;}
#container .inquisition_list .table_box table thead tr td{padding:10px 20px;}
#container .inquisition_list .table_box table thead tr td input{width:278px; height:40px; line-height:40px; border:1px solid #ddd;padding-left:10px;
font-size:14px;}
#container .inquisition_list .table_box table thead tr td input:-ms-input-placeholder { color: #999; }
#container .inquisition_list .table_box table thead tr td input::-webkit-input-placeholder { color: #999; } 
#container .inquisition_list .table_box table thead tr td input::-moz-placeholder { color: #999; } 
#container .inquisition_list .table_box table thead tr td  input::-moz-placeholder { color: #999; } 
#container .inquisition_list .table_box table thead tr td input.tel{width:146px;}
#container .inquisition_list .table_box table thead tr td input.email{width:216px;}
#container .inquisition_list .table_box table thead tr td span{margin:0 6px;}
#container .inquisition_list .table_box table thead tr td select{width:146px; border:1px solid #ddd; height:42px; line-height:42px; padding-left:10px;
background:url("../img/btn/option_bar_btn2.png")no-repeat 90% center; font-size:14px;}
#container .inquisition_list .table_box table thead tr td select.email{width:218px; margin-left:10px;}
#container .inquisition_list .table_box table thead tr td textarea{width:700px; height:130px; padding:10px;resize:none;border:1px solid #ddd;}
#container .inquisition_list .btn_box{display:table; margin:0 auto; margin-top:20px;}
#container .inquisition_list .btn_box button{width:126px; height:40px; border:1px solid #ddd; font-size:16px; font-weight:400; margin:0 5px;}
#container .inquisition_list .btn_box button.submit{border:0; background-color:#e0363f; color:#fff;}

/* CEO 인사말 */
#container .company{margin:40px 0 120px;}
#container .company .company_visual{background:url("../img/sub/company_visual_img.png")no-repeat center;}
#container .company .company_visual b{font-size:36px; font-weight:300; color:#fff; line-height:260px; text-align:center; display:block;}
#container .company .company_txt{padding-bottom:60px; border-bottom:2px solid #dedede;}
#container .company .company_txt p{font-size:16px; line-height:22px; margin-top:28px; font-weight:300; color:#333;} 
#container .company .company_txt b.end{font-size:16px; font-weight:400; display:block;margin-top:46px; color:#333;}
#container .company .company_list ul {margin-top:28px;}
#container .company .company_list ul li{font-weight:300; color:#666; font-size:16px; margin-top:12px;}

/* Careers */
#container .careers{margin:40px 0 120px;}
#container .careers .careers_visual{padding:90px 0 80px 60px; background:url("../img/sub/careers_visual.png")no-repeat center;}
#container .careers .careers_visual b.tit{font-size:24px; color:#cb2727; line-height:24px; font-weight:400; display:block;}
#container .careers .careers_visual p{font-size:20px; color:#333; line-height:26px; font-weight:300;margin-top:16px;letter-spacing:-1px;}
#container .careers .careers_visual p span{font-weight:bold; }
#container .careers ul li{margin:60px 0 80px;}
#container .careers ul li::after{content:""; clear:both; display:block;}
#container .careers ul li b.title{float:left; font-size:24px; font-weight:400; color:#333; width:240px;}
#container .careers ul li .careers_imgbox{float:left; padding:0 35px;}
#container .careers ul li .careers_imgbox ul::after{content:""; clear:both; display:block;}
#container .careers ul li .careers_imgbox ul li{float:left; margin-right:75px; text-align:center; position:relative;}
#container .careers ul li .careers_imgbox ul li::after{content:""; background:url("../img/ico/plus_icon.png")no-repeat center;position:absolute;
right:-53px; width:25px; height:27px; top:50%; margin-top:-68px;}
#container .careers ul li .careers_imgbox ul li:last-of-type{margin-right:0;}
#container .careers ul li .careers_imgbox ul li:last-of-type::after{display:none;}
#container .careers ul li .careers_imgbox ul li .hexagon{background:url("../img/sub/hexagon.png")no-repeat center; padding:50px 0; background-size:100%;
width:160px; height:92px; margin:0 auto;}
#container .careers ul li .careers_imgbox ul li .hexagon b.txt{font-size:58px; font-weight:400; color:#fff; line-height:58px; 
font-weight:400; display:block; }
#container .careers ul li .careers_imgbox ul li .hexagon p.sub_txt{font-size:20px; font-weight:300; color:#fff; line-height:20px;margin-top:12px;}
#container .careers ul li .careers_imgbox ul li p.sub_tit{font-size:15px; color:#666;font-weight:300; line-height:21px; margin-top:12px;
letter-spacing:-0.5px;}
#container .careers ul li .careers_imgbox ul li b.sub_tit{font-size:17px; color:#ce3f3f; font-weight:400; line-height:17px; display:block;margin:16px 0;}

#container .careers ul li .careers_txt_box{float:left; width:760px;}
#container .careers ul li .careers_txt_box .txt_box{padding:40px 30px; border:1px solid #dddddd; background-color:#fafafa;
margin-bottom:20px; position:relative; box-shadow:0 2px #f0f0f0;}
#container .careers ul li .careers_txt_box .txt_box::after{content:""; position:absolute;left:30px; width:2px; height:20px;background-color:#cb2727;
bottom:-21px;}
#container .careers ul li .careers_txt_box .txt_box:last-of-type::after{display:none;}
#container .careers ul li .careers_txt_box .txt_box b{font-size:17px; line-height:17px; display:block; color:#333; font-weight:300;margin-top:20px;
margin-bottom:8px;}
#container .careers ul li .careers_txt_box .txt_box b.tit{font-size:20px; color:#ce3f3f; line-height:20px; display:block;margin-top:0; margin-bottom:20px;}
#container .careers ul li .careers_txt_box .txt_box p{font-size:15px; color:#666; font-weight:300; line-height:21px;}
#container .careers ul li .careers_txt_box .txt_box p span{font-weight:400;}
#container .careers ul li .careers_txt_box .txt_box p a{color:#002ceb;}

#container .careers ul li .table_box{float:left; width:760px;}
#container .careers ul li .table_box table{border-top:2px solid #333; table-layout:fixed; width:100%;}
#container .careers ul li .table_box table colgroup col.tit{width:180px;}
#container .careers ul li .table_box table thead tr{border-bottom:1px solid #ccc;}
#container .careers ul li .table_box table thead tr th{line-height:62px; background:#f1f1f1; text-align:center; font-size:16px; font-weight:400;}
#container .careers ul li .table_box table thead tr td{font-size:16px; font-weight:300; padding-left:20px;}
#container .careers ul li .table_box table thead tr td a{color:#002ceb;}
#container .careers ul li .table_box table thead tr td button{width:78px; height:30px; border:1px solid #dadada; background:#f5f5f5;
border-radius:3px; margin-left:20px; font-size:12px; color:#333; font-weight:400;}


/* 사회적 책임 */
#container .social_responsibility{margin:40px 0 120px;}
#container .social_responsibility .social_visual{padding:85px 0 85px 60px;  background:url("../img/sub/social_visual_img.png")no-repeat center;}
#container .social_responsibility .social_visual b{font-size:24px; font-weight:500; color:#333; line-height:24px;margin-bottom:15px; display:block;
color:#cb2727;}
#container .social_responsibility .social_visual p{font-size:20px; font-weight:300; color:#333; line-height:30px; letter-spacing:-1px;}
#container .social_responsibility .social_visual p span{font-weight:400;}

#container .social_responsibility .social_gnb{margin-top:40px;}
#container .social_responsibility .social_gnb.fixed{position:fixed; top:0; width:1000px; left:50%; margin-left:-500px;margin-top:0;
z-index:100;}
#container .social_responsibility .social_gnb ul::after{content:""; display:block; clear:both;}
#container .social_responsibility .social_gnb ul li{float:left; width:20%; text-align:center; background-color:#fff;}
#container .social_responsibility .social_gnb ul li a{display:block; line-height:50px; color:#333; font-size:18px; border:1px solid #dedede;margin-right:-1px;}
#container .social_responsibility .social_gnb ul li:last-of-type a{margin-right:0;}
#container .social_responsibility .social_gnb ul li.active a{background-color:#cb2727; color:#fff;}

#container .social_responsibility .social_list ul li{padding:40px 0; border-bottom:1px solid #dedede;}
#container .social_responsibility .social_list ul li b{font-size:20px; color:#ce3f3f; line-height:20px; font-weight:500;}
#container .social_responsibility .social_list ul li p{font-size:16px; color:#666; line-height:26px; font-weight:300;margin-top:13px;}
#container .social_responsibility .social_list ul li p.sub_tit{color:#333; }

#container .social_responsibility .social_list ul li .social_box{padding:40px 0; }
#container .social_responsibility .social_list ul li .social_box::after{content:""; display:block; clear:both;}
#container .social_responsibility .social_list ul li .social_box li{border:0; padding:0; float:left;margin-right:30px; position:relative;
background:url("../img/sub/social_box_bg.png")no-repeat center; width:111px; height:123px; text-align:center;}
#container .social_responsibility .social_list ul li .social_box li b{font-size:16px; color:#ce3f3f; line-height:22px;position:absolute;
transform:translateY(-50%); top:50%; left:0; right:0; margin:0 auto;}

#container .social_responsibility .social_list ul li .sub_list ul{margin-top:20px;}
#container .social_responsibility .social_list ul li .sub_list ul::after{display:block; clear:both; content:"";}
#container .social_responsibility .social_list ul li .sub_list b{font-size:16px; display:block; margin-bottom:5px;}
#container .social_responsibility .social_list ul li .sub_list ul li{padding:0;margin-top:4px; border:0; color:#666; font-size:14px; line-height:20px;}


/* 특허/인증서 자세히 보기 */
#container .patent_view{margin:40px 0 120px;}
#container .patent_view ul{border-top:2px solid #333;}
#container .patent_view ul li{border-bottom:1px solid #dfdfdf; padding:0 20px;}
#container .patent_view ul li::after{content:""; display:block; clear:both;}
#container .patent_view ul li.tit{background:#f1f1f1; border-bottom:1px solid #ccc;padding:0;}
#container .patent_view ul li.tit h4.tit{line-height:50px;  text-align:center; font-size:16px; font-weight:400;}

#container .patent_view ul li.info{line-height:52px;}
#container .patent_view ul li.info .date{float:left;}
#container .patent_view ul li.info .date::after{content:""; display:block; clear:both;}
#container .patent_view ul li.info b{font-size:16px; color:#333; font-weight:400; display:block; float:left; line-height:52px;}
#container .patent_view ul li.info b.tit{margin-right:15px;}
#container .patent_view ul li.info b.tit a {font-size:14px; font-weight:300; color:#333; display:block;float:right;}
#container .patent_view ul li.info b.tit a img{vertical-align:middle;margin-right:8px;margin-left:12px;}
#container .patent_view ul li.info b.tit a span.border{border-bottom:1px solid #333;}
#container .patent_view ul li.info .write_info{float:right;}
#container .patent_view ul li.info .write_info b{margin-left:26px;}
#container .patent_view ul li.info .write_info b span{color:#999; font-weight:300;margin-left:10px;}

#container .patent_view ul li.text_box{padding:30px 0 80px; font-family:"none";}
#container .patent_view ul li.prev , #container .patent_view ul li.next{line-height:50px;}
#container .patent_view ul li.prev a, #container .patent_view ul li.next a{color:#333;}
#container .patent_view ul li.prev b, #container .patent_view ul li.next b{width:72px; display:block; font-size:14px; font-weight:300; float:left;
line-height:50px; position:relative; }
#container .patent_view ul li.prev b img, #container .patent_view ul li.next b img{vertical-align:middle;margin-left:8px;}
#container .patent_view ul li.prev p, #container .patent_view ul li.next p.subject{width:calc(100% - 72px); float:left; line-height:50px;
font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
#container .patent_view .btn_box{margin-top:20px;}
#container .patent_view .btn_box button{width:88px; height:38px; line-height:38px; border:1px solid #ddd; font-size:16px; color:#333;font-weight:400;}

/* 비지니스 */
#container .business{margin:40px 0 120px; text-align:center;}
#container .business img.mobile{display:none;}

/* 서비스 이용약관*/
.agreement_form{margin-top:50px; margin-bottom:180px;}
.agreement_form h3{font-size:24px; line-height:24px; font-weight:400; padding-bottom:20px;}
.agreement_form b{font-size:16px; line-height:24px; font-weight:400; display:block;padding:6px 0;}
.agreement_form p{font-size:14px; line-height:24px; font-weight:400; display:block; padding-bottom:4px;}
.agreement_form span{font-size:12px; font-weight:400; display:block; padding-bottom:4px; float:none;color:#666666;
line-height:20px; margin-top:0; padding-left:10px;}
.agreement_form p.etc{font-size:12px; line-height:20px; padding:10px 0;}
.agreement_form h4{font-weight:400; font-size:20px; padding:10px 0; font-weight:400;}
.agreement_form.person b{font-weight:400; font-size:14px; padding-bottom:5px; font-weight:400;}

/* 연구 개발 */
.ndt{margin-top:30px; margin-bottom:60px;}
.ndt ul li{padding:40px 0; border-bottom:1px solid #dedede;}
.ndt ul li b{font-size:20px; color:#ce3f3f; line-height:20px; font-weight:500;}
.ndt ul li p{font-size:16px; color:#666; line-height:26px; font-weight:300;margin-top:13px;}


/* quality */

.quality * {
	font-family:'Noto Sans KR' !important;
}

.quality_tab { 
	display:table;
	margin:50px auto 35px;
	border:solid 1px #7d7d7d;
	border-right:0;
}

.quality_tab li {
	float:left;
	width:266px;
	border-right:solid 1px #7d7d7d;
}

.quality_tab li a {
	display:block;
	line-height:55px;
	text-align:center;
	font-weight:500;
	font-size:22px;
	color:#555555;
	text-transform:uppercase;
	letter-spacing:-0.5px;
}


.quality_tab li a.active {
	background-color:#495164;
	color:#ffffff;
} 


.quality_box { 
	display:none;
	padding:0 10px;
	margin-bottom:155px;
}

.quality_box:after {
	content:"";
	display:block;
	clear:both;
}

.quality_box.active {
	display:block;
} 


.quality_box .left_box {
	float:left;
	width:708px;
	box-sizing:border-box;
}

.quality_box .left_box img {
	display:block;
	float:left;
	margin-bottom:25px;
	border:solid 1px #a0a0a0;
}

.left01 img:nth-child(1) {
	margin-right:28px;
}

.left02 img:nth-child(2) {
	margin-right:23px;
}

.left03 img:nth-child(2) {
	margin-right:22px;
}
.quality_box .right_box {
	float:right;
	width:444px;
	height:557px;
	box-sizing:border-box;
	border:solid 1px #b5b5b5;

}


.quality_box .right_box h3 {
	position:relative;
	background-color:#dbe7ea;
	color:#000000;
	font-size:20px;
	line-height:22px;
	font-weight:600;
	text-transform:uppercase;
	padding:20px 60px;
}

.quality_box .right_box h3:before {
    content: "";
    position: absolute;
    top: 19px;
    left: 40px;
    width: 9px;
    height: 14px;
    background-color: #32cefb;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
}

.quality_box .right_box ul {
	padding:30px 25px 0;
}

.quality_box .right_box ul li {
	padding:17px 0;
	border-bottom:solid 1px #d3d5d9;
}

.quality_box .right_box ul li:last-child {
	border-bottom:none;
}

.quality_box .right_box ul li h4 {
	font-size:14px;
	font-weight:600;
	line-height:22px;
	/* text-transform:uppercase; */

} 

.quality_box .right_box ul li p {
	position:relative;
	font-size:14px;
	line-height:22px;
	/* text-transform:uppercase; */
	padding-left:8px;

} 

.quality_box .right_box ul li p:before {
	content:"-";
	position:absolute;
	top:0;
	left:0;
}



.quality02 .quality_box .left_box img {
	margin-bottom:18px;
}


.left04 img:nth-child(odd) {
	margin-right:18px;
}

/* .quality02 .left04 img:nth-last-child(1),
.quality02 .left04 img:nth-last-child(2) {
	margin-bottom:0px;
} */

.quality02 .quality_box .right_box ul li p:before {
	display:none;
}


.quality03 {
	padding:0 10px;
	margin:60px 0 180px;
}

.quality_box03 {
	padding:50px 0 30px 60px;
	border:Solid 1px #a0a0a0;
	margin-bottom:30px;
}

.quality_box03:after {
	content:"";
	display:block;
	clear:both;
}

.quality_box03 .left_box {
	float:left;
}

.quality_box03 .right_box {
	float:right;
	width:500px;
}


.quality_box03 .left_box > div {
	width:249px;
	box-sizing:border-box;
	float:left;
	margin-right:50px;
}

.quality_box03 .left_box .img_box {
	position:relative;
	margin-bottom:18px;
}


.quality_box03 .left_box h4 {
	background-color:#eeeeee;
	font-size:15px;
	font-weight:500;
	color:#222222;
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
	padding:12px 0;
}


.quality_box03 .left_box h4 span { 
	display:block;
}

.quality_box03 .left_box h4 span.blue {
	color:#1369b1;
}

.quality_box03 .left_box h4 span.red {
	color:#ff5151;
}



.quality_box03 .right_box h3 {
	position:relative;
	color:#000000;
	font-size:20px;
	line-height:22px;
	font-weight:600;
	text-transform:uppercase;
	padding:0px 20px;
	margin-bottom:20px;
}

.quality_box03 .right_box h3:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 9px;
    height: 14px;
    background-color: #32cefb;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
}


.quality_box03 .right_box p {
	color:#222222;
	font-size:14px;
	line-height:22px;
}


.sub_txt_q {
	text-align:center;
	line-height:1.5;
	font-size:14px;
	margin:0px 0 5px;
}

/* 일월 뉴스 */
/* #container.news .free_list {
    margin: 0 0 120px;
} */
.sub.notice .ttl_box ,
.sub.news .ttl_box {
    border-bottom: none;
    padding-bottom: 36px;
}
.sub.news_view .ttl_box {
    padding-bottom: 50px;
}
.gall_list {
    display: flex; 
    flex-wrap: wrap; 
    margin-top: 20px;
    border-top: 2px solid #252525;
    padding-top: 30px;
}
.gall_list li {
    width: calc(33.333% - 20px );
    margin-right: 30px;

}
.gall_list li span.gall_img {
    display: block;
    width: 100%; 
    padding-top: 66.4%;
    background: no-repeat center / cover;
    border: 1px solid  #dbdbdb;
}
.gall_list li .gall_ttl strong {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    margin-top: 18px;
}
.gall_list li .gall_ttl .date {
    font-size: 16px;
    display: block;
    color:  #999999;
    margin-top: 13px ;
}
.gall_list li:nth-of-type(3n) {margin-right: 0;}
.gall_list li:nth-child(n+4) {margin-top: 30px;}



@media screen and (max-width: 1024px){
    #bora-message-check {
        top: 60px  !important;
        right: 15px !important;
    }

    /* 공통 */
    #container .sub_main_img h2 {
        font-size: 26px;
        padding: 105px 0 ;
    }
    #container.contact_us .sub_main_img {background-image: url(../img/sub/m_sub_bg_05.png);}


    #container .wrap_1000{width:100%; padding:0 15px;}
    .s_img_box img {width: 100%;}

    /* 타이틀 */
    #container h2.sub_tit{
        font-size:29px; 
        line-height:1.3;
        font-family: 'ELAND_Choice_M';
    } 
    .ttl_box {
        padding-top:40px;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 55px;
    }.ttl_box span {
        font-size: 14px;
        padding-top:20px;
    }
    .ttl_box.bor_bot {
        padding-bottom:50px;
    }
    .ttl_box.agree {
        padding-top: 50px;
    } 


    /* 상단 inc */
    .sub_gnb ul.sub_nav_row {
        /* transform: translateX(0); */
    }


    /* #container .sub_gnb{border-bottom:1px solid #ddd; }  */
    #container .sub_gnb .wrap_1000{width:100%; padding:0;}
    .sub_gnb .dep_05 {max-width: inherit;}
    #container .sub_gnb  ul.sub_nav_row > li{display:none; float:none; width:85%; background-color:#e0363f;padding:0;}
    #container .sub_gnb ul li:last-of-type{display:block;}
    #container .sub_gnb ul li::after{display: none;}
    #container .sub_gnb ul li a{
        line-height:55px; 
        color:#fff; 
        font-size:14px;
        width: 100%;
        padding: 0 25px;
        background-size: 10px auto;
    }
    .sub_gnb ul.sub_nav_row >li > a b {
        font-size:14px;
        font-weight: 500;
    }
    #container .sub_gnb ul li ul{
        top:55px; 
        background-color:#fff;
        border: none;
        border-left:1px solid #eeeeee;
        border-right:1px solid #eeeeee;
        display: none;
        width: 85%;
        box-shadow: 1.2px 20px 39.1px 6.9px rgb(0 0 0 / 5%);;
    }
    #container .sub_gnb ul li ul li{
        background-color:#fff; 
        /* border-bottom:1px solid #ccc;  */
        display:block;
        
    }
    #container .sub_gnb ul li ul li a{color:#333; font-size:13px;padding: 0 25px ;}
    #container .sub_gnb ul li ul li:hover{background-color:#f6f6f6;}
    .sub_gnb ul.sub_nav_row::after {
        display: none;
    }



    #container .sub_main_img img {
        min-height: 180px;
        object-fit: cover;
    }


    /* 회사소개 */
    #container.sub .intro { padding:55px 0 70px; margin: 0;}
    #container.sub .intro p { font-size:14px; line-height: 1.5;}
    #container.sub .intro p:first-child {margin-bottom:10px;}
    #container.sub .intro p:last-of-type {margin:0 0 60px;}
    #container.sub .intro p:nth-child(4) {margin: 25px 0;}

    #container.sub .intro p b {font-size:19px;}
    #container.sub .intro p .block {display:inline-block;}
    #container.sub .intro p:first-child .block {display:block;}
    #container.sub .intro div.intro_img {
        margin:30px 0 35px;
        width: 100%;
    }
    #container.sub .intro div.sign {
        justify-content: flex-start;
    }
    #container.sub .intro div.sign img {max-width: 224.5px ; }

    /* 회사소개 연혁 */

    .history > img {}
    /* .history .history_list { height:auto; background:none;} */
    .history .history_list {
        margin:60px 0 70px;
    }
    .history .history_list > li {
        width:100%;
        box-sizing: border-box;
        padding-left:83px ;
    }
    .history .history_list > li ul li.history_y {
        padding-bottom: 20px;
        font-size: 17px;
        margin-top: -3px;
        line-height: 1;
    }
    .history .history_list > li:nth-child(odd) { width:100%; float:none; text-align:left;}
    .history .history_list > li:nth-child(even) { width:100%; float:none; margin-left:0;}
    .history .history_list > li:nth-child(odd) ul { padding:0;}
    .history .history_list > li:nth-child(odd) ul li{ text-align:left;}
    .history .history_list > li:nth-child(odd) ul li span { float:left; margin-right:22px; margin-left:2px;}
    .history .history_list > li:nth-child(even) ul { padding:0;}
    .history .history_list > li:nth-child(even) ul li { text-align:left;}
    .history .history_list > li:nth-child(even) ul li span { margin-right:22px; margin-left:2px; }
    .history .history_list > li ul li { font-size:13px; line-height: 1.6;}
    .history .history_list > li ul li + li +li {margin-top: 7px;}
    .history .history_list > li:nth-child(even)::before { left: 7px; }
    .history .history_list > li:last-child::before {
        height:64px;
    }
    .history .history_list > li:first-child:before{top: 3px;}
    .history .history_list > li::before {right: inherit; left: 7px; }
    .history .history_list > li::after {
        top:47px;
        right:inherit; left: 0;
        background: url(../img/ico/his_ico_rig_m.png) no-repeat center/ 66px auto;
        width: 66px;
        height: 22px;
    }
    .history .history_list > li:nth-child(even)::after {
        left: 0;
        background: url(../img/ico/his_ico_rig_m.png) no-repeat center/ 66px auto;
    }
    .history .history_list > li + li {
        padding-top: 50px;
    }

    /* 비전 */
    .s_img_box.vision { padding: 60px 0 65px; }
    
    /* 조직도 */
    .s_img_box { padding: 60px 0 70px; }

    /* 사업소개 _ vmi */
    .sub .bus_cont01 {
        padding: 60px 0 70px;
    }
    .sub .w_1530 .graph .gr_box span {
        box-shadow: 0px 10px 30px 3px rgb(239 127 44 / 61%);
    }
    .sub .w_1530 .graph .gr_txt {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-top: 0;
    }
    .sub .w_1530 .graph .gr_txt li {
        width: 100%;
        margin-right: 0;
        flex-direction: column;
    }
    .sub .w_1530 .graph .gr_txt .txt_wrap {
        margin-top: 0;
        padding: 25px 35px ;
        border-radius: 25px;
        background: #fafbff;
    }
    .sub .w_1530 .graph .gr_txt li +li {
        margin-top: 20px;
    }
    .sub .w_1530 .graph .gr_txt strong {
        padding-left: 0;
        margin-bottom: 10px;
    }
    .w_1530 .graph .gr_txt p + p {
        margin-top: 6px;
    }


    /* 사업소개 _ 양산개발 */

    .sub .bus_cont02 {
        padding: 60px 0 20px;
    }
    .sub .step_box {
        padding-top: 60px;
        margin-top: 60px;
        border-top: 1px solid #dbdbdb;
    }
    .sub .bus_cont03 {
        padding-bottom: 70px;
    }
    .sub .bus_cont03 .bus_item {
        padding-top:70px;
        border-top: 1px solid #dbdbdb;
    }
    .sub  .bus_cont03 .bus_item > div + div {
        padding-top: 50px;
        margin-top: 60px;
        border-top: 1px solid #dbdbdb;
    }


    /* 사업소개 _ 신규아이템  */
    .new_item_container {
        padding-bottom: 70px;
    }
    .new_item01_01, .new_item01_02, .new_item01_03 {
    height: 290px;
}
    .new_item_container .new_item_box { padding:0 20px; }
    .new_item_container .new_item_box p { font-size:10px; }
    .new_item_container .new_item_box p b { font-size:17px; }
    .new_item_container .new_item_box p b:before { left:-15px;}

    .new_item_container .new_item_box ul { margin:20px 0; }
    .new_item_container .new_item_box ul li { float:none; width:100%; height: auto; border:none; border-bottom:solid 1px #989898; }
    .new_item_container .new_item_box ul li:last-child { border-bottom:solid 1px #989898;}

    .new_item01_01 { background:none;}
    .new_item01_01 p { margin-bottom:20px;}
    .new_item01_01 p:first-child { padding:20px 0 0; }
    .new_item01_02 { background:none;}
    .new_item01_03 { background:none;}
    .new_item_container .new_item_box .block { display:inline-block;}

    /* 사업소개 _ line_card */
    .line_card { margin: 65px 0 80px; }
    .line_card > div .line_card_box { margin-top:0;}
    .line_card > div .line_card_box .line_card_left { float:none;}
    .line_card > div .line_card_box .line_card_right { float:none;}
    .line_card > div .line_card_box > div { margin-bottom:15px; width:auto; height:100px; }
    .line_card > div .line_card_box > div div { height:100px; }
    .line_card > div .line_card_box > div div:first-child { width:90px; }
    .line_card > div .line_card_box > div div:last-child { padding:20px 0 0 20px;}
    .line_card > div .line_card_box > div div p { font-size:11px; }
    .line_card > div .line_card_box > div div p span { font-size:16px; }


    .shipping_container .shipping_img {
        margin: 50px 0 70px;
    }
    .app_con_inn {
        margin-bottom: 70px;
    }


    /* 사업소개 _ 유통판매 */
    .shipping_container .text_area_con { padding: 0 0 0 30px;}
    .shipping_container .text_area_con .square { font-size:16px; }
    .shipping_container .text_area_con .text_area > div { float:none; width:100%;}
    .shipping_container .text_area_con .text_area > div p { font-size:11px;}
    .text_box_right {}
    .text_box_right .square { display:block; }
    .shipping_container .shipping_img > div { float: none; padding:0; width:100%; height:auto;  }
    .shipping_container .shipping_img > div > p { padding:0 10px; font-size:12px; line-height:28px;}
    .shipping_container .shipping_img > div > div p { top:50%;}
    .shipping_container .text_area_con .text_box_clear p b.square { font-size:11px;}
    .recruit_container > div:last-child {padding-top: 30px;}


    /* app */
    .app_con_inn .app_list_select > ul{width:80%;}
    .app_con_inn .app_list_select ul li{height:30px;line-height:30px;}
    .app_con_inn .app_list_select > ul > li{background-size: 6%;}
    .app_con_inn .app_list_select > ul > li .select_list{width:99.5%;top:32px;}

    .app_con_inn .app_con .app_con_lis ul{text-align:center;}

    /* 채용정보  */
    .recruit_container p { font-size:12px;} 
    .recruit_container > div { padding:25px 0;}
    .recruit_container > div .recruit_box {
        flex-direction: column;
    }
    .recruit_container > div .recruit_box > div { width: 65%; margin:20px auto; height: inherit; padding-bottom: 20px;}
    .recruit_container > div .recruit_box > div:last-child { margin:20px auto;}
    .recruit_container .bok { margin:50px 0; }
    .recruit_container .bok > div { margin:0; width:50%;}
    .recruit_container .bok > div:nth-child(4) {border-right: solid 1px #bababa; }
    .recruit_container .bok > div:nth-child(8) {border-right: solid 1px #bababa; }
    .recruit_container .bok > div:nth-child(even) {border:none; }
    .recruit_container .bok > div p { font-size:12px; padding:0 10px;}
    .recruit_container .bok > div p b { font-size:18px;}

    #container .wrap_1000.inq { width:100%;}
    #container .inquisition_list .table_box table thead tr td textarea { width:100%;}

    /*  */
    #container.sub .location_tb { font-size:14px; } 
    #container.sub .location_tb th { padding:0 10px 0 10px; text-align:center;}
    #container.sub .location_tb td {padding: 10px; }

    /* 제품소개 _ UV LED 광원 */
    #container .product_led{margin:20px 0 50px;}
    #container .product_led .product_led_visual{padding:30px 0 25px 22.5px; 
    background:url("../img/sub/product_led_visual.png")no-repeat center; background-size:cover;}
    #container .product_led .product_led_visual p{font-size:12px; line-height:22px; letter-spacing:-0.1px;}

    #container .product_led .sub_product_box{margin-top:24px;}
    #container .product_led .sub_product_box .sub_product_gnb{display:table; margin:0 auto;}
    #container .product_led .sub_product_box .sub_product_gnb li{float:left; margin:0; margin-right:10px;}
    #container .product_led .sub_product_box .sub_product_gnb li:last-of-type{margin-right:0;}
    #container .product_led .sub_product_box .sub_product_gnb li::after{content:""; position:absolute; right:-5.5px; width:1px; background:#ddd; 
    top:2px; bottom:2px;}
    #container .product_led .sub_product_box .sub_product_gnb li:last-of-type::after{display:none;}
    #container .product_led .sub_product_box .sub_product_gnb li a{font-size:11px; font-weight:300; color:#777; display:block; line-height:11px;}

    #container .product_led .sub_product_box .sub_product_list{margin-top:15px;}
    #container .product_led .sub_product_box .sub_product_list::after{content:""; display:block; clear:both;} 
    #container .product_led .sub_product_box .sub_product_list li{float:left; width:calc(50% - 2px); border-top:0;margin-left:-1px;
    position:relative;}
    #container .product_led .sub_product_box .sub_product_list li:hover::after{position:absolute; left:0px; right:0px; bottom:0px; top:0px; content:""; 
    border:2px solid #df1616; z-index:-30;}
    #container .product_led .sub_product_box .sub_product_list li:nth-of-type(3), #container .product_led .sub_product_box .sub_product_list li:nth-of-type(4)
    {border-top:0;}
    #container .product_led .sub_product_box .sub_product_list li:nth-of-type(4n+1){width:calc(50% - 2px); margin-left:-1px;}
    #container .product_led .sub_product_box .sub_product_list li:nth-of-type(odd){margin-left:0; width:calc(50% - 2px);}

    #container .product_led .sub_product_box .sub_product_list li .img_box{height:0; position:relative;text-align:center;padding-bottom:100%;}
    #container .product_led .sub_product_box .sub_product_list li .img_box img{ max-height:90%; max-width:90%;}
    #container .product_led .sub_product_box .sub_product_list li .sub_product_list_txt{padding:0 10px;}
    #container .product_led .sub_product_box .sub_product_list li .sub_product_list_txt p{font-size:10px; line-height:10px;}
    #container .product_led .sub_product_box .sub_product_list li .sub_product_list_txt b{font-size:12px; line-height:12px;
    display:block; margin-top:8px;}
    #container .product_led .sub_product_box .sub_product_list li .btn_box{margin-top:25px; margin-bottom:20px;display:block;padding:0 4%;}
    #container .product_led .sub_product_box .sub_product_list li .btn_box button{width:44%; height:22px; font-size:10px; line-height:22px;
    font-weight:400; border:1px solid #bbb; border-radius:1px; margin:0 2%;}

    /* 제품소개 _ 상세보기 */
    #container .product_led_more{margin-bottom: 50px; }
    #container .product_led_more b.tit{font-size:14px; line-height:14px; }

    #container .product_led_more .product_box .about_product{width:inherit; float:none; height:auto; }
    #container .product_led_more .product_box .about_product a.bx-prev{position:absolute; top:50%; left:0; z-index:30;width:30px; height:30px;
    text-indent:-9999px; background:url("../img/btn/bx_prev_img.png")no-repeat center; margin-top:-30px; background-size:30px; }
    #container .product_led_more .product_box .about_product a.bx-next{position:absolute; top:50%; right:0; z-index:30;width:30px; height:30px;
    text-indent:-9999px; background:url("../img/btn/bx_next_img.png")no-repeat center; background-size:30px; margin-top:-30px;}

    #container .product_led_more .product_box .about_product .product_big{position:relative;height:260px;}
    #container .product_led_more .product_box .about_product .product_big ul li{height:260px;}
    #container .product_led_more .product_box .about_product .product_big ul li img{width:80%;}

    #container .product_led_more .product_box .about_product  .product_small{position:relative;height:auto;}
    #container .product_led_more .product_box .about_product  .product_small ul::after{display:block; content:""; clear:both;}
    #container .product_led_more .product_box .about_product  .product_small ul li{float:left; width:calc(16.6666% - 1px); height:0; border:1px solid #ddd; 
    margin-right:-1px;position:relative; height:50px; text-align:center;}
    #container .product_led_more .product_box .about_product  .product_small ul li:last-of-type{margin-right:0; width:calc(16.6666% - 2px);}
    #container .product_led_more .product_box .about_product  .product_small ul li a{position:relative; line-height:50px;;}
    #container .product_led_more .product_box .about_product  .product_small ul li a.active::after{border:2px solid #df1616;}
    #container .product_led_more .product_box .about_product  .product_small ul li a img{vertical-align:middle;}

    #container .product_led_more .product_box .product_txt{margin-left:0;width:inherit; float:none; margin-top:25px;}
    /*#container .product_led_more table{ margin-top:10px; }
    #container .product_led_more table thead tr th{ padding-left:15px; font-size:10px; line-height:35px;text-align:left;}
    #container .product_led_more table thead tr td{font-size:12px; padding-left:20px; line-height:35px;}
    #container .product_led_more table thead tr td.name{font-size:12px; font-weight:500;}
    #container .product_led_more table thead tr td button{width:60px; height:24px; margin-bottom:3px; font-size:10px;}*/

    #container .product_led_more .add_explanation_box{margin-top:40px;}
    #container .product_led_more .add_explanation_box .product_tab{border-bottom:1px solid #dedede;}
    #container .product_led_more .add_explanation_box .product_tab ul::after{content:""; display:block; clear:both;}
    #container .product_led_more .add_explanation_box .product_tab ul li{float:left; width:calc(50% - 1px); border:1px solid #dedede;border-bottom:0;
    margin-right:-1px; text-align:center;}
    #container .product_led_more .add_explanation_box .product_tab ul li:last-of-type{margin-right:0; width:calc(50% - 2px); }
    #container .product_led_more .add_explanation_box .product_tab ul li a{line-height:30px; color:#333; font-size:11px; font-weight:400;}
    #container .product_led_more .add_explanation_box .product_tab ul li.active{border:0;}
    #container .product_led_more .add_explanation_box .product_tab ul li.active a{line-height:32px;}

    /* 제품소개 _ 상세보기 _ 상단 테이블*/
    #container .product_led_more table{width:100% !important;}
    #container .product_led_more table colgroup col.subject{width:102px !important;}
    #container .product_led_more table colgroup col.explanation{width:auto;}
    #container .product_led_more table th{padding-left:0 !important;}

    /* 제품소개 _ 상세보기 _ 하단 테이블*/
    #container .product_led_more table colgroup col.tit{width:132px !important;}
    #container .product_led_more .add_explanation_txt{margin-top:30px; }
    #container .product_led_more .add_explanation_txt ul li{margin-left:0 !important; width:100% !important;}

    /*#container .product_led_more .add_explanation_txt ul li:last-of-type{margin-left:0px;margin-top:26px;}
    #container .product_led_more .add_explanation_txt ul li ul{margin-top:10px; padding-top:8px;}
    #container .product_led_more .add_explanation_txt ul li ul li{line-height:20px;font-size:12px; padding-left:10px; letter-spacing:-0.2px;}
    #container .product_led_more .add_explanation_txt ul li ul li::after{content:"-"; position:absolute; left:1px; top:0;}
    #container .product_led_more .add_explanation_txt ul li ul li:last-of-type{margin-left:0; margin-top:0;}

    /* what _ we _ do 제품기술 자료 */
    #container .knowledge_base{margin:20px 0 50px;}
    #container .knowledge_base .knowledge_base_main table{table-layout:auto; }
    #container .knowledge_base .knowledge_base_main table thead tr th{display:none;}
    #container .knowledge_base .knowledge_base_main table thead tr th:last-of-type{border-right:0;}
    #container .knowledge_base .knowledge_base_main table tbody tr th.mobile{display:block; font-size:11px; line-height:32px; color:#333; font-weight:400;
    background-color:#f1f1f1; border-top:1px solid #000;}
    #container .knowledge_base .knowledge_base_main table tbody tr td{font-size:12px; color:#666; font-weight:300; line-height:25px; 
    border-bottom:1px solid #ccc; border-right:0; display:block; width:calc(100% - 15px); padding:12px 0; padding-left:15px; margin-bottom:15px;}
    #container .knowledge_base .knowledge_base_main table tbody tr td:last-of-type{border-right:0;}

    #container .knowledge_base .knowledge_base_graph img{width:100%;}
    #container .knowledge_base .knowledge_base_sub{margin-bottom:40px;}
    #container .knowledge_base .knowledge_base_sub b.tit{font-size:14px; line-height:14px; }
    #container .knowledge_base .knowledge_base_sub b.tit span.thin{font-size:12px;}
    #container .knowledge_base .knowledge_base_sub table{margin-top:10px; width:100%;}
    #container .knowledge_base .knowledge_base_sub table colgroup col.tit{width:90px;}
    #container .knowledge_base .knowledge_base_sub table thead tr th{font-size:10px; line-height:35px;}
    #container .knowledge_base .knowledge_base_sub table thead tr td{font-size:12px;  padding:6px 10px; line-height:16px;}

    /* what _ we _ do 특허 */
    #container .patent{margin-top:20px;}
    #container .patent .patent_gnb ul li a{display:block; line-height:32px;font-size:11px; }

    #container .patent .patent_list{margin-top:30px;}
    #container .patent .patent_list b.tit{font-size:14px; }
    #container .patent .patent_list .type_one{margin-bottom:35px;}
    #container .patent .patent_list .type_one ul{margin-top:20px;}
    #container .patent .patent_list .type_one ul::after{content:""; display:block; clear:both;}
    #container .patent .patent_list .type_one ul li{float:none; margin-right:0; margin-bottom:15px; text-align:center;}
    #container .patent .patent_list .type_one ul img{width:80%;}

    #container .patent .patent_list .type_two{margin-bottom:120px;}
    #container .patent .patent_list .type_two table{width:100%; border-top:2px solid #333; table-layout:fixed;}
    #container .patent .patent_list .type_two table colgroup col.num{width:65px;}
    #container .patent .patent_list .type_two table colgroup col.subject{width:720px;}
    #container .patent .patent_list .type_two table colgroup col.date{width:125px;}
    #container .patent .patent_list .type_two table colgroup col.view{width:90px;}
    #container .patent .patent_list .type_two table thead tr{border-bottom:1px solid #ccc;}
    #container .patent .patent_list .type_two table thead tr th{background-color:#f1f1f1; line-height:50px; font-size:16px; font-weight:400; color:#333;}
    #container .patent .patent_list .type_two table tbody tr{border-bottom:1px solid #e8e8e8;}
    #container .patent .patent_list .type_two table tbody tr td{line-height:50px; text-align:center; font-size:14px; font-weight:400; color:#333;}
    #container .patent .patent_list .type_two table tbody tr td.subject{padding-left:20px; text-align:left;}
    #container .patent .patent_list .type_two table tbody tr td.subject a{ font-size:14px; font-weight:400; color:#333; display:block;
    white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    #container .patent .patent_list .type_two table tbody tr td.date{color:#999;}
    #container .patent .patent_list .type_two table tbody tr td.view{color:#777;}

    #container .patent .patent_list .type_three{margin-bottom:50px;}
    #container .patent .patent_list .type_three ul{padding-top:10px;}
    #container .patent .patent_list .type_three ul li{float:left; margin-right:0; margin-bottom:20px;width:42%; position:relative;
    padding:0 4%;}
    #container .patent .patent_list .type_three ul li:nth-of-type(2n){margin-right:0;}
    #container .patent .patent_list .type_three ul li:first-of-type::after{content:""; width:200%; bottom:-10px;}
    #container .patent .patent_list .type_three ul li:nth-of-type(4n+1)::after{content:""; width:200%; bottom:-10px;}
    #container .patent .patent_list .type_three ul li:nth-of-type(odd)::after{content:""; width:200%; position:absolute;background:#e8e8e8; 
    left:0; height:1px; bottom:-10px;}

    /* 페이징 */
    #container .paging{display:table; margin:0 auto; margin-top:40px; }
    #container .paging .page li{float:left; width:24px; height:24px; border:1px solid #dddddd; text-align:center;   margin: 0 !important}
    #container .paging .page li a{display:flex; align-items: center; justify-content: center; height: 100%; line-height:24px; font-size:11px; color:#333333;}
    #container .paging .page li a img{vertical-align:middle;}
    
    #container .paging .page li + li {
        margin-left: 8px !important;
    }


    #container .paging .page li.more_prev a , 
    .paging .page li.prev a , 
    .paging .page li.next a , 
    .paging .page li.more_next a{line-height:24px;}

    #container .paging .page li.more_prev img ,
    #container .paging .page li.more_next img {width:10.5px ;}
    #container .paging .page li.prev img ,
    #container .paging .page li.next img{width: 6px;}


    #container .paging .page li.active {border:0; width:26px; height:26px;  }

    /* 공지사항 */
    #container .free_list {margin: 0 0 70px;}
    /* #container .free_list table{ table-layout:auto;} */
    #container .free_list table {display: block;}
    #container .free_list table colgroup col  {width: 100% !important;}
    #container .free_list table thead{display:none;}
    #container .free_list table tbody {display: block; width: 100%;}
    #container .free_list table tbody tr{border-bottom:1px solid #e8e8e8; display: block;}
    #container .free_list table tbody tr td{line-height:inherit; text-align:center; font-size:14px; font-weight:400; color:#333;}
    #container .free_list table tbody tr td.num{display:none;}
    #container .free_list table tbody tr td.subject{text-align:left; display:block; width:calc(100% - 15px); padding-left:15px;
    padding-top:16px; padding-bottom:10px;}
    #container .free_list table tbody tr td.subject a{ font-size:13px; }
    #container .free_list table tbody tr td.date{display:inline-block; margin-right:15px; padding-left:15px; font-size:11px;padding-bottom:15px;}
    #container .free_list table tbody tr td.view{display:inline-block;  font-size:11px;padding-bottom:15px;}

    #container .free_list .input_form .right{float:none; }
    #container .free_list .input_form select {border:1px solid #ddd; width:120px; height:36px; font-size:11px; color:#333; font-weight:400;padding-left:6px;
    border-right:0;float:left; background-size:36px; }
    #container .free_list .input_form input{width:calc(100% - 130px) ;height:36px; padding:0 35px 0 10px;float:left; border-radius: 0;}
    #container .free_list .input_form button{width:36px; height:36px; position:absolute; right:0; top:0; 
    background:#e0363f url("../img/btn/list_search_m.png")no-repeat center /19.5px auto ;}

    /* 공지사항 _ 자세히 보기 */
    /* #container .free_list_view{margin:20px 0 50px;} */
    #container .free_list_view {margin: 0 0 70px;}
    .sub.news_view .ttl_box {
        padding-bottom: 40px;
    }
    #container .free_list_view ul li{border-bottom:1px solid #dfdfdf; padding:0 0;}
    #container .free_list_view ul li.text_box p {
        line-height: 1.5;
        font-size: 14px;
    }
    #container .free_list_view ul li.tit{padding: 30px 0}
    #container .free_list_view ul li.tit h4.tit{font-size:17px; }
    #container .free_list_view ul li.tit b.date {
        font-size: 13px;
        margin-top: 15px;
    }
    /* #container .free_list_view ul li.info{line-height:auto;padding:0;}
    #container .free_list_view ul li.info .date{float:left;}
    #container .free_list_view ul li.info .date::after{content:""; display:block; clear:both;}
    #container .free_list_view ul li.info b{font-size:12px; float:left; line-height:32px;}
    #container .free_list_view ul li.info b.tit{margin-right:15px;}
    #container .free_list_view ul li.info b.tit a {font-size:12px; float:right;}
    #container .free_list_view ul li.info b.tit a img{vertical-align:middle;margin-right:5px;margin-left:8px;}
    #container .free_list_view ul li.info .data{padding:0 15px;}
    #container .free_list_view ul li.info .data::after{content:""; display:block; clear:both;}
    #container .free_list_view ul li.info .write_info{float:none; border-top:1px solid #e8e8e8;padding:0 15px;}
    #container .free_list_view ul li.info .write_info::after{content:""; display:block; clear:both;}
    #container .free_list_view ul li.info .write_info b{margin-left:0;}
    #container .free_list_view ul li.info .write_info b.date{margin-right:15px;}
    #container .free_list_view ul li.info .write_info b span{margin-left:6px;} */

    #container .free_list_view ul li.text_box{padding:15px 0 30px; font-family:"none";}
    #container .free_list_view ul li.prev , #container .free_list_view ul li.next{line-height:32px;}
    #container .free_list_view ul li.prev b, #container .free_list_view ul li.next b{width:60px; display:block; font-size:10px; font-weight:300; float:left;
    line-height:32px; position:relative; }
    #container .free_list_view ul li.prev b img, #container .free_list_view ul li.next b img{vertical-align:middle;margin-left:4px;}
    #container .free_list_view ul li.prev p, #container .free_list_view ul li.next p.subject{width:calc(100% - 60px); float:left; line-height:32px;
    font-size:11px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    #container .free_list_view .btn_box{margin-top: 30PX;}
    #container .free_list_view .btn_box button{width:100px; height:40px; line-height:40px;font-size:14px;}



    /* 탭 컨텐츠 */
    .quality_box {
        margin-bottom: 70px;
    }
    .quality_tab {
        display: flex;
        margin: 25px auto 20px;
    }
    .quality_box .left_box {
        float: none;
        width: inherit;
    }
    .quality_box .left_box::after {
        content: '';
        display: block;
        clear: both;
    }
    .quality_box .left_box img {width: 100%;}
    .quality_tab li {
        float: none;
        width: 100%;
        border-right: solid 1px #7d7d7d;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .quality_tab li a {
        padding: 8px 0;
        line-height: 1.3;
        font-size: 14px;
        width: 100%; height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quality_box .right_box {
        float: none;
        width: 100%;
        height: auto !important;
        box-sizing: border-box;
        border: solid 1px #b5b5b5;
    }
    .quality_box03 {
        padding: 20px ;
    }
    .quality_box03 .left_box {
        float: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .quality_box03 .left_box > div {
        float: none;
        width: auto;
        margin-right: 0;
    }
    .quality_box03 .left_box > div + div {margin-top: 25px;}
    .quality_box03 .right_box {
        float: none;
        width: 100%;
        margin-top: 40px;
    }
    .quality_box03 .left_box .img_box {
        position: relative;
        margin-bottom: 0;
    }



    /* 일월뉴스 */
    .gall_list {
        margin-top: 20px;
        padding-top: 20px;
    }
    .gall_list li {
        width: 100%;
        margin-right: 0;
    }
    .gall_list li:nth-child(n+2) {
        margin-top: 30px;
    } 
    .gall_list li .gall_ttl strong {
        font-size: 14px;
    }
    .gall_list li .gall_ttl .date {
        font-size: 13px;
        margin-top: 10px;
    }

    #container .free_list_view .youtube_wrap {
        height: 53vw;
    }

    #container .free_list_view .video_wrap video {
        width: 100%;
        max-height: inherit;
    }

    /* 문의하기 */
    #container .inq_list_wrap {
        padding: 25px 0 0;
    }
    #container .inq_list_wrap h2.sub_tit {margin-bottom: 20px;}
    #container .inquisition_list{margin:20px 0 70px;}
    #container .inquisition_list .table_box.two{margin-top:40px;}
    #container .inquisition_list .table_box b.title{font-size:14px; }
    #container .inquisition_list .table_box table{table-layout:auto;}
    #container .inquisition_list .table_box table colgroup col.tit{width:100%;}
    #container .inquisition_list .table_box table thead tr th{font-size:11px;background-color:#fff;  padding-left:0px;
    line-height:11px; display:block; width:100%; padding:12px 0 5px;}
    #container .inquisition_list .table_box table thead tr th br{display:none;}
    #container .inquisition_list .table_box table thead tr td{padding:0; display:block;padding-bottom:10px;}
    #container .inquisition_list .table_box table thead tr td input{width:100%; height:30px; line-height:30px; padding-left:5px; font-size:11px;}
    #container .inquisition_list .table_box table thead tr td input.tel{width:28.5%;}
    #container .inquisition_list .table_box table thead tr td input.email{width:27%;}
    #container .inquisition_list .table_box table thead tr td span{margin:0 3px;}
    #container .inquisition_list .table_box table thead tr td select{width:24%; height:30px; line-height:30px; padding-left:5px;
    background:url("../img/btn/option_bar_btn2.png")no-repeat 90% center; font-size:11px;}
    #container .inquisition_list .table_box table thead tr td select.email{width:32%; margin-left:2%;}
    #container .inquisition_list .table_box.two table thead tr td input{width:100%;}
    #container .inquisition_list .table_box.two table thead tr td input:first-of-type{margin-bottom:6px;}
    #container .inquisition_list .table_box.two table thead tr td textarea{width:calc(100% - 10px); height:150px; padding:5px;}
    #container .inquisition_list .btn_box button{width:80px; height:30px; border:1px solid #ddd; font-size:12px; font-weight:400; margin:0 5px;}

    /* CEO 인사말 */
    #container .company{margin:20px 0 50px;}
    #container .company .company_visual{background:url("../img/sub/company_visual_img.png")no-repeat center; background-size:cover;}
    #container .company .company_visual b{font-size:17px;  line-height:100px; }
    #container .company .company_txt{padding-bottom:40px;}
    #container .company .company_txt p{font-size:12px; line-height:18px; margin-top:28px; font-weight:300; color:#333;} 
    #container .company .company_txt b.end{font-size:12px; font-weight:400; display:block;margin-top:36px; color:#333;}
    #container .company .company_list ul {margin-top:24px;}
    #container .company .company_list ul li{font-size:12px; margin-top:8px;}

    /* Careers */
    #container .careers{margin:20px 0 50px;}
    #container .careers .careers_visual{padding:20px 0 16px 20px; background:url("../img/sub/careers_visual.png")no-repeat center;
    background-size:cover;}
    #container .careers .careers_visual b.tit{font-size:14px; line-height:14px;}
    #container .careers .careers_visual p{font-size:11px; color:#333; line-height:17px; margin-top:8px;letter-spacing:0;}
    #container .careers ul {margin-top:20px;}
    #container .careers ul li{margin:20px 0 40px;}
    #container .careers ul li b.title{float:none; font-size:14px; width:inherit; text-align:center; display:block; }
    #container .careers ul li .careers_imgbox{float:none; padding:0;}
    #container .careers ul li .careers_imgbox ul li{float:none; margin-right:0; text-align:left; position:relative; margin:0; padding-bottom:30px;
    margin-top:0; overflow:hidden;}
    #container .careers ul li .careers_imgbox ul li:last-of-type{padding:0;}
    #container .careers ul li .careers_imgbox ul li::after{position:absolute; background-size:16px;
    right:auto; left:34px; width:16px; height:16px; top:auto; margin-top:0; bottom:10px; bottom:6px;}
    #container .careers ul li .careers_imgbox ul li .hexagon{background:url("../img/sub/hexagon.png")no-repeat center; padding:24px 0; background-size:100%;
    width:80px; height:50px; float:left; text-align:center; }
    #container .careers ul li .careers_imgbox ul li .hexagon b.txt{font-size:29px;line-height:29px; }
    #container .careers ul li .careers_imgbox ul li .hexagon p.sub_txt{font-size:10px; font-weight:300; color:#fff; line-height:12px;margin-top:7px;}
    #container .careers ul li .careers_imgbox ul li .text_box{float:left; margin-left:20px;}
    #container .careers ul li .careers_imgbox ul li p.sub_tit{font-size:12px; line-height:18px; margin-top:18px; letter-spacing:0; }
    #container .careers ul li .careers_imgbox ul li b.sub_tit{font-size:12px;line-height:12px; display:block;margin:10px 0;}

    #container .careers ul li .careers_txt_box{float:none; width:inherit; margin-top:20px;}
    #container .careers ul li .careers_txt_box .txt_box{padding:25px 0 25px 15px; margin-bottom:20px;}
    #container .careers ul li .careers_txt_box .txt_box::after{content:""; position:absolute;left:15px; width:2px; height:20px;background-color:#cb2727;
    bottom:-21px;}
    #container .careers ul li .careers_txt_box .txt_box:last-of-type::after{display:none;}
    #container .careers ul li .careers_txt_box .txt_box b{font-size:13px; line-height:13px; margin-top:15px; margin-bottom:8px;}
    #container .careers ul li .careers_txt_box .txt_box b.tit{font-size:15px; color:#ce3f3f; line-height:20px; display:block;margin-top:0; margin-bottom:12px;}
    #container .careers ul li .careers_txt_box .txt_box p{font-size:12px;line-height:18px; letter-spacing:-0.6px;}
    #container .careers ul li .careers_txt_box .txt_box p span.block{display:block;}
    #container .careers ul li .careers_txt_box .txt_box p br{display:none;}

    #container .careers ul li .table_box{float:none; width:inherit;}
    #container .careers ul li .table_box table{margin-top:20px;}
    #container .careers ul li .table_box table colgroup col.tit{width:70px;}
    #container .careers ul li .table_box table thead tr th{line-height:32px; font-size:11px; }
    #container .careers ul li .table_box table thead tr td{font-size:12px; padding:5px 0;padding-left:10px; line-height:18px;}
    #container .careers ul li .table_box table thead tr td button{width:75px; height:25px; border-radius:1px; margin-left:10px; font-size:11px; }
    #container .careers ul li .table_box table thead tr:nth-of-type(2) td button{display:block; margin-top:7px;margin-left:0;}

    /* 오시는 길 */
    #container .contact{margin:20px 0 50px;}
    #container .contact .contact_gnb ul li a{line-height:32px; font-size:11px;}
    #container .contact .contact_tit{margin-top:30px;}
    #container .contact .contact_tit b.tit{font-size:14px; line-height:14px;} 
    #container .contact .contact_tit p{font-size:12px; margin-top:10px; line-height:12px; letter-spacing:-0.5px;}
    #container .contact .contact_tit ul li{font-size:12px; color:#333; font-weight:300; margin-top:10px;line-height:12px;}

    #container .contact .contact_map{margin-top:20px;}
    #container .contact .contact_map .root_daum_roughmap.root_daum_roughmap_landing{width:100% !important;}
    #container .contact .contact_map .root_daum_roughmap.root_daum_roughmap_landing .wrap_map{height:200px !important;}

    /* 사회적 책임 */
    #container .social_responsibility{margin:20px 0 50px;}
    #container .social_responsibility .social_visual{padding:16px 0 16px 20px;  background:url("../img/sub/social_visual_img.png")no-repeat center;
    background-size:cover;}
    #container .social_responsibility .social_visual b{font-size:14px; line-height:14px;margin-bottom:8px;}
    #container .social_responsibility .social_visual p{font-size:11px;  line-height:17px; letter-spacing:0px;}

    #container .social_responsibility .social_gnb{display:none;}

    #container .social_responsibility .social_list ul li{padding:30px 0; border-bottom:1px solid #dedede;}
    #container .social_responsibility .social_list ul li b{font-size:14px; color:#ce3f3f; line-height:20px; font-weight:400;}
    #container .social_responsibility .social_list ul li p{font-size:12px; line-height:18px; margin-top:10px; word-wrap:break-word;word-break:keep-all;}

    #container .social_responsibility .social_list ul li .social_box{padding:20px 0 0; }
    #container .social_responsibility .social_list ul li .social_box li{margin-right:16px;
    background:url("../img/sub/social_box_bg.png")no-repeat center; width:64px; height:70px; text-align:center; background-size:64px 70px;}
    #container .social_responsibility .social_list ul li .social_box li:last-of-type{margin-right:0;}
    #container .social_responsibility .social_list ul li .social_box li b{font-size:10px;line-height:16px;}

    #container .social_responsibility .social_list ul li .sub_list ul{margin-top:14px;}
    #container .social_responsibility .social_list ul li .sub_list b{font-size:13px; display:block; margin-bottom:5px;}
    #container .social_responsibility .social_list ul li .sub_list ul li{padding:0;margin-top:4px; border:0; color:#666; font-size:11px; line-height:17px;}

    /* 특허/인증서 자세히 보기 */
    #container .patent_view{margin:20px 0 50px;}
    #container .patent_view ul{border-top:2px solid #333;}
    #container .patent_view ul li{border-bottom:1px solid #dfdfdf; padding:0 20px;}
    #container .patent_view ul li::after{content:""; display:block; clear:both;}
    #container .patent_view ul li.tit{background:#f1f1f1; border-bottom:1px solid #ccc;padding:0;}
    #container .patent_view ul li.tit h4.tit{line-height:50px;  text-align:center; font-size:16px; font-weight:400;}

    #container .patent_view ul li.info{line-height:52px;}
    #container .patent_view ul li.info .date{float:left;}
    #container .patent_view ul li.info .date::after{content:""; display:block; clear:both;}
    #container .patent_view ul li.info b{font-size:16px; color:#333; font-weight:400; display:block; float:left; line-height:52px;}
    #container .patent_view ul li.info b.tit{margin-right:15px;}
    #container .patent_view ul li.info b.tit a {font-size:14px; font-weight:300; color:#333; display:block;float:right;}
    #container .patent_view ul li.info b.tit a img{vertical-align:middle;margin-right:8px;margin-left:12px;}
    #container .patent_view ul li.info b.tit a span.border{border-bottom:1px solid #333;}
    #container .patent_view ul li.info .write_info{float:right;}
    #container .patent_view ul li.info .write_info b{margin-left:26px;}
    #container .patent_view ul li.info .write_info b span{color:#999; font-weight:300;margin-left:10px;}

    #container .patent_view ul li.text_box{padding:30px 0 80px; font-family:"none";}
    #container .patent_view ul li.prev , #container .patent_view ul li.next{line-height:50px;}
    #container .patent_view ul li.prev a, #container .patent_view ul li.next a{color:#333;}
    #container .patent_view ul li.prev b, #container .patent_view ul li.next b{width:72px; display:block; font-size:14px; font-weight:300; float:left;
    line-height:50px; position:relative; }
    #container .patent_view ul li.prev b img, #container .patent_view ul li.next b img{vertical-align:middle;margin-left:8px;}
    #container .patent_view ul li.prev p, #container .patent_view ul li.next p.subject{width:calc(100% - 72px); float:left; line-height:50px;
    font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
    #container .patent_view .btn_box{margin-top:20px;}
    #container .patent_view .btn_box button{width:88px; height:38px; line-height:38px; border:1px solid #ddd; font-size:16px; color:#333;font-weight:400;}

    /* 비지니스 */
    #container .business{margin:20px 0 50px; text-align:center;}
    #container .business img.mobile{display:block;}
    #container .business img.web{display:none;}

    /* 이용약관 */
    .agreement_form{ width:93.75%; margin:0 auto; margin-top:20px; margin-bottom:70px;}
    .agreement_form h3{font-size:16px; line-height:28px; font-weight:400;padding-bottom:5px;}
    .agreement_form b{font-size:14px; line-height:20px; padding-bottom:6px; word-wrap:break-word; word-break:keep-all;}
    .agreement_form p{font-size:12px; line-height:18px; padding-bottom:4px;word-break:keep-all;word-wrap:break-word; }
    .agreement_form span{font-size:10px; line-height:16px; padding-left:5px;word-break:keep-all;word-wrap:break-word; }
    .agreement_form p.etc{font-size:12px; line-height:20px; padding:10px 0;word-break:keep-all; word-wrap:break-word; }
    .agreement_form h4{font-size:15px; padding:6px 0;}
    .agreement_form.person b{font-weight:300; font-size:13px; padding-bottom:5px;}

    /* ndt */
    .ndt{margin:20px 0 50px;}
    .ndt ul li{padding:30px 0; border-bottom:1px solid #dedede;}
    .ndt ul li b{font-size:14px; color:#ce3f3f; line-height:20px; font-weight:400;}
    .ndt ul li p{font-size:12px; line-height:18px; margin-top:10px; word-wrap:break-word;word-break:keep-all;}

}
/* @media (min-width: 1025px) and (max-width: 1560px) {
	
	#container .sub_main_img h2 {
		left:12px;
	}
} */

/* @media screen and (max-width: 360px){
#container .social_responsibility .social_list ul li .social_box li{margin-right:12px;}
}

@media screen and (min-width: 737px) and (max-width: 1024px){
#container .product_led_more .product_box .about_product .product_big ul li img{width:40%;}
#container .product_led_more .product_box .about_product  .product_small ul li{height:100px;}
#container .product_led_more .product_box .about_product  .product_small ul li a{line-height:100px;}

} */


@media screen and (max-width: 370px) {
    #container h2.sub_tit {
        font-size: 26px;
    }
    .ttl_box span {
        font-size: 13px;
        padding-top: 20px;
    }
}