@charset "utf-8";

@media (max-width: 1600px) {
/*.about_section{display: none;}*/
.bx-wrapper .bx-controls{bottom: 30%;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}

figure img{margin:0px 0px; padding:0px; word-wrap:break-word; width:100%;}


}/* media end */

@media (max-width: 1400px) {

.bx-wrapper .bx-controls{bottom: 20%;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}


#wrap .section#mhome ul.bxslider li .bg{width: 1200px;margin: 0 auto;padding-top:250px;}
#wrap .section#mhome ul.bxslider li h3{display:block; text-align:left; font-size:40px; color:#fff; line-height:74px; letter-spacing:0; font-weight:300; letter-spacing:-0.05em; margin-left:10px;}
#wrap .section#mhome ul.bxslider li h3 strong{font-weight:600; font-size:86px;letter-spacing:-0.05em;line-height:64px; margin-left:-5px !important;}
#wrap .section#mhome ul.bxslider li p.txt{text-align:left;  margin-top:10px; display:block; color:#fff; z-index:100;line-height:68px; font-size:18px; padding-left:10px;  font-weight:300;letter-spacing:0em; background:url('../img/p_img/main_visual_txtline.gif') no-repeat 10px top;}


.sub_visual .visual_list li.vs1 .m_inner{position:relative; margin:50px auto 0px auto;  width:80%; max-width:1200px; text-align:left; color:#fff; line-height:64px; padding:100px 0 0 2%; }
.sub_visual .visual_list li.vs1 .m_inner img, .sub_visual .visual_list li.vs2 .m_inner img, .sub_visual .visual_list li.vs3 .m_inner img{width:80%; max-width:316px;}
.sub_visual .visual_list li.vs2 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs3 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs4 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}




}/* media end */

@media (max-width: 1300px) {




}/* media end */


@media (max-width: 1200px) {

}/* media end */


@media (max-width: 1199px) {



#sub #wrap #content{width: 100%; height:auto !important; }
#sub #wrap #content:after{display: block;content: '';clear: both;}

#sub #wrap #content .container{width:98%; margin: 0 1%;padding:60px 0;}
#sub #wrap #content .container_shop{width:98%; margin:0 auto; padding:0px 0 40px 0 !important; }


#sub #wrap .sub_nav.pc .container{width: 100%;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }
#sub #wrap #content{padding: 0 0 0 0; width: 100% !important; }


/* sub(common) */
#sub #wrap .sub_vis{margin-top:40px;height:260px;}

#sub #wrap .sub_vis h3{font-size: 54px; color:#696969; line-height:80px; font-weight:600; letter-spacing:-0.03em; text-align: center; padding:90px 0 0 0; }
#sub #wrap .sub_vis p.txt{font-size:18px; color:#696969; font-weight:400; text-align: center; padding-top:0px;}




#sub #wrap .sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub6{background: url(../img/p_img/sub_vis6_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;} /*쇼핑몰*/
#sub #wrap .sub_vis#sub7{background: url(../img/p_img/sub_vis7_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}

#sub #wrap .sub_vis#sub8{background: url(../img/p_img/sub_vis8_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;} /*로그인*/
#sub #wrap .sub_vis#sub9{background: url(../img/p_img/sub_vis7_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub10{background: url(../img/p_img/sub_vis7_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub11{background: url(../img/p_img/sub_vis11_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;} /*장바구니*/
#sub #wrap .sub_vis#sub12{background: url(../img/p_img/sub_vis7_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}







#sub #wrap .sub_nav.pc ul{width: 100%;border-left: none;}


figure img{margin:0px 0px; padding:0px; word-wrap:break-word; width:100%;}


/*인사말*/

dl.info01_list01 dd{font-size:25px; line-height:35px; color:#444; padding-top:0px; font-weight:300;}
dl.info01_list01 dd.fir{padding-top:55px;}
dl.info01_list01 dd.ceo{font-size:20px; padding-top:50px;}
dl.info01_list01 dd.ceo strong{padding-left:5px;}




/* 오시는길 */
.map_wrapper{clear:both; margin-top:40px;}
.map{  height: 500px; border:1px solid #ddd;  }


ul.map_txt{clear:both; margin:100px 0 100px 0; padding:0;}
ul.map_txt:after{display:block; content: ''; clear:both;}
ul.map_txt li{float:left; width:50%; display:inline; padding-left:20px; padding-top: 20px;}

ul.map_txt li.pl80{padding-left:40px !important;}
ul.map_txt li:first-child{border-right:1px solid #cbcbcb;}

ul.map_txt li dt{font-size:20px; font-weight:500; line-height:1.5;}
ul.map_txt li dd{font-size:16px; font-weight:300; line-height:28px; margin-top:26px;}

ul.map_txt li dd.icon_tel{background:url('../img/s_img/icon_tel.png') no-repeat 0 0; padding-left:85px; line-height:66px;} 
ul.map_txt li dd.icon_mail{background:url('../img/s_img/icon_mail.png') no-repeat 0 0; padding-left:85px; line-height:66px;}




} /* media1199 end */



@media (max-width: 991px) {

#sub #wrap #content{width: 100%; height:auto !important; }
#sub #wrap #content:after{display: block;content: '';clear: both;}
#sub #wrap #content .container{width:98%; margin:0 1%; padding:40px 0;}
#sub #sub #wrap #content h4{font-size: 35px;color: #444;text-align: center;font-weight:400; line-height:30px;margin:40px 0 80px 0; letter-spacing:-0.03em; padding:0px; }
#sub #sub #wrap #content h4 span{padding:0 0 15px 0; background:url(../img/s_img/h4_bar.gif) no-repeat center bottom;}
    

    


ul.map_list:after{display:block; content: ''; clear:both;}
ul.map_list li{display:inline; float:left; width:49%; margin-right:1%; margin-bottom: 10px;}
ul.map_list li.last{margin-right:0;}
ul.map_list li img{width:100%; }
    
    
    
#sub #wrap .sub_nav.pc{display: none;}
#sub #wrap .sub_nav.mobile{display: block;}


#sub #wrap .sub_nav.pc{display: none;}
#sub #wrap .sub_nav.mobile{display: block;}

/* sub(common) */
#sub #wrap #content h4{display: none;}

#sub #wrap .sub_nav.mobile{display: block;position: relative;width: 100%;z-index: 1000;}
#sub #wrap .sub_nav.mobile ul{display: block;position: absolute;top:60px;left: 0;width: 100%; background:#283891; padding:20px 0; }


#sub #wrap .sub_nav.mobile{display: block;position: relative;width: 100%;z-index: 1000;}
#sub #wrap .sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 60px;border-bottom: 1px solid #ccc;}
#sub #wrap .sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:7px; height:60px;line-height: 60px;font-size:20px; letter-spacing:-0.05em; font-weight: 500;text-align: center;color: #090909;}
#sub #wrap .sub_nav.mobile a.selected span.arrow{position: absolute;top: 15px;right: 15px;display: block;width: 30px;height: 30px;background: url(../img/s_img/sub_nav_m_arrow.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#sub #wrap .sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/sub_nav_m_arrow_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#sub #wrap .sub_nav.mobile ul{display: none;position: absolute;top:60px;left: 0;width: 100%; background:#283891; padding:20px 0; }
#sub #wrap .sub_nav.mobile ul li{}
#sub #wrap .sub_nav.mobile ul li a{display: block;width: 100%;font-size: 20px;color: #fff;text-align: center;height: 38px;line-height: 38px;}





#sub #wrap .sub_vis{height:260px;}

#sub #wrap .sub_vis h3{font-size:44px;color: #696969; line-height:54px !important; font-weight:600; letter-spacing:-0.03em; text-align: center; padding:100px 0 0px 0 !important;  }
#sub #wrap .sub_vis p.txt{font-size:18px;color: #696969;font-weight:400; text-align: center; padding-top:0px;}




/* h3리스트 */
ul.list_type {clear:both; list-style: none; margin:10px 0 10px 0px; padding:0px 0px 0px 0px; text-align: left; }
ul.list_type li {margin:0px 0 0 10px; padding:0px 0 0 20px; background:url(../img/s_img/bar.gif) no-repeat 8px 14px; font-weight:300; font-size:15px;}
ul.list_type li.non{margin:0px 0 0 0; padding:10px 0 0 0px; background:none; text-indent:-20px; margin-left:20px;}
ul.list_type li strong{font-weight:600;}

ul.list_type li.fir{padding-top:0px;}





.pt65{padding-top:45px !important;}
p.center{text-align:center !important;}


dl.info03_list dt{font-size:24px; line-height:1.6; font-weight:400; padding:0; margin:20px 0 20px 0; }
dl.map_txt dt{font-size:24px; font-weight:500; line-height:1.5;}




/*인사말*/
dl.info01_list01 dt{background:url(../img/s_img/info01_list01_line.gif) no-repeat 50% bottom; padding-bottom:68px;}
dl.info01_list01 dd{font-size:20px; line-height:25px; color:#444; padding-top:0px; font-weight:300;}
dl.info01_list01 dd.fir{padding-top:50px;}
dl.info01_list01 dd.ceo{font-size:16px; padding-top:50px;}
dl.info01_list01 dd.ceo strong{padding-left:5px;}





/*수상내역*/

ul.patent_list li{display:inline; float:left; width:50%; text-align:center; padding:20px 0;}



/* 연혁 */

.t_history_wrap p.topimg img{width:100%; }
dl.ul_history dt{padding:5px 0 20px 5px;  line-height:38px;  float:left; clear:left; width:25%; font-weight:500; font-size:35px; text-align:center;}
dl.ul_history dd{display:table; padding:0 0 0 9px;  line-height:34px; color:#444; width:75%; font-weight:300; font-size:16px; text-align:left;}




/* R & D */



dl.rnd01_list dt{font-size:16px; font-weight:600; line-height:1.5; color:#3e73ad;}
dl.rnd01_list dd{font-size:15px; font-weight:300; line-height:1.5; }
dl.rnd01_list dd img{width:100%; max-width:1200px; padding:20px 0;}




/* R & D */



p.w1200 img{width:100%; max-width:1200px; margin:20px 0;}





table.cont1 thead th { background:#f4f4f4; text-align:center; font-weight:600; font-size:15px; border-top:none;}

table.cont1 tfoot th { background:#ebebeb; text-align:center; font-weight:600; }
table.cont1 th,
table.cont1 tfoot td {background:#f2f2f2; font-weight:600;  padding:15px 10px 17px 10px; text-align:center; line-height:1.6em; border-bottom:1px solid #ccc; }
table.cont1 tfoot td a{letter-spacing:0em;}
table.cont1 tfoot td a:hover{font-weight:600; text-decoration:underline; letter-spacing:0em;}
table.cont1 tbody th{ padding:10px 8px 10px 8px; text-align:center; font-size:15px; line-height:1.6em; letter-spacing:0;  border-bottom:1px solid #111; color:#2a2a2a; font-weight:500;}
table.cont1 tbody td { padding:10px 8px 10px 8px; text-align:left; font-size:15px; line-height:1.6em;  border-bottom:1px solid #ccc; color:#2a2a2a; font-weight:300;}
table.cont1 tbody td a{color:#2a2a2a; font-weight:300;}
table.cont1 tbody td a:hover{font-weight:600; text-decoration:underline;}

table.cont1 td img { vertical-align:middle;}
table.cont1 td.verti_top{vertical-align:top;}
table.cont1 tbody td.line_h2 { line-height:2em;}
table.cont1 tbody th.line_h2 { line-height:2em;}
table.cont1 td dd{padding-left:10px; }
table.cont1 tbody td ul{margin:0; padding:0; }
table.cont1 tbody td ul.ml10{margin-left:10px !important;}
table.cont1 tbody td ul li{ margin:0px 0px; font-size:15px;color:#2a2a2a; font-weight: 300; line-height:1.6em;  padding: 0 0 0 10px;  background:url(../img/s_img/bar.gif) no-repeat 2px 14px; text-align:left; }
table.cont1 tbody td ul li li{  margin:0px 0px; padding: 0 0 0 10px; width:95%; background:url(../img/s_img/p_txt_bullet.gif) no-repeat 2px 14px;}
table.cont1 tbody td ul li.non{background:none; padding:0 !important; }


/*제품소개*/
.prod_txt{text-align:center; font-size:15px; line-height:28px; }
.prod_txt span.cut{display:block;}



/*홍보관*/
.pr_vod{clear:both; margin:0px auto 40px 0; width:100%;  text-align:center; padding-top:40px; }
.pr_box{width: 100%;height:480px;position: relative;}
.pr_box iframe{/*width:852px;height: 480px;*/width:100%; height:480px;}



}/* media991 end */

@media (max-width: 768px) {



#wrap #content .container{width:96%; margin:0 2%; position:relative; padding:40px 0;}
#wrap #content h4{font-size: 30px;color: #090909;text-align: center;font-weight: 500;margin-bottom:55px;}

#wrap #content .container h4{font-size: 30px;color: #090909;text-align: center;font-weight: 500;margin-bottom:55px;}

#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}

/*오시는길*/
.map_wrapper{clear:both; margin-top:0px;}
.map { margin-top:0px; height: 500px; border:1px solid #ddd; }






/* 오시는길 */
.map_wrapper{clear:both; margin-top:0px;}
.map{  height: 500px; border:1px solid #ddd;  }


dl.map_txt{clear:both; margin:40px 0 40px 0; padding:0;}
dl.map_txt:after{display:block; content: ''; clear:both;}

dl.map_txt dt{font-size:28px; font-weight:500; line-height:1.5; margin:20px 0;}
dl.map_txt dd{font-size:15px; font-weight:300; line-height:28px; margin-top:20px;}
dl.map_txt dd span.m_cut{display:block;}





#wrap .sub_vis{height:260px;}

#wrap .sub_vis h3{font-size:40px;color: #696969; line-height:54px !important; font-weight:600; letter-spacing:-0.03em; text-align: center; padding:110px 0 0px 0 !important;  }
#wrap .sub_vis p.txt{font-size:18px;color: #696969;font-weight:400; text-align: center; padding-top:0px;}




 .apst-button{display:none;}




.tab_navi { margin:0px 0 30px 0;}
.tab_navi li.w140 a{min-width:99% !important;}





/*탭메뉴 스타일*/
#tab_box {clear:both; padding:0px; margin:20px auto 40px auto !important; width:100%; }
#tab_box strong.tabTi {height: 0; overflow: hidden; position: absolute; top: -10000em; visibility: hidden; width: 0;}
#tab_box a {display: inline-block; line-height:38px;min-height:40px; font-size:16px; margin-left: -1px; width:32%; background:#fff; color:#111; border:1px solid #ddd;}
#tab_box a:link, #tab_box a:visited{ background:#fff; color:#111; font-weight:normal; padding:0px 0px 0px 0px; text-align:center;line-height:38px;min-height:40px; }
#tab_box a.tab_ov:link, #tab_box a.tab_ov:visited, #tab_box a.tab_ov:hover {background:#91191b; color:#fff; font-size:16px; line-height:38px; min-height:40px; font-weight:600; padding:0px 0px 0px 0px;text-align:center;}
#tab_box a:hover {color: #111; font-weight:600; padding:0px 0px 0px 0px;text-align:center;line-height:38px;min-height:40px; }



/*인사말*/
dl.info01_list01 dt{background:url(../img/s_img/info01_list01_line.gif) no-repeat 50% bottom; padding-bottom:48px;}
dl.info01_list01 dd{font-size:15px; line-height:25px; color:#444; padding-top:0px; font-weight:300;}
dl.info01_list01 dd.fir{padding-top:35px;}
dl.info01_list01 dd.ceo{font-size:15px; padding-top:30px;}
dl.info01_list01 dd.ceo strong{padding-left:5px;}
dl.info01_list01 dd span.cut{display:inline;}




/*CI소개*/
.info03 p.info03_tit{font-size:16px; line-height:1.6; font-weight:300; text-align:center; }
.info03 p.info03_tit span.cut{display:inline;}
.info03 p.info03_tit span.m_cut{display:block;}

dl.info03_list dd.ci_box{text-align:center; border:1px solid #c1c1c1; width:100%; max-width:1200px; min-height:100px; margin:40px auto; background:url(../img/s_img/info03_cibox_bg.png) no-repeat center 0;  }

dl.info03_list dd.ci_box ul.s1{padding:50px 0; width:100%; margin:0 auto;}
dl.info03_list dd.ci_box ul:after{display: block;content: '';clear: both;}
dl.info03_list dd.ci_box ul.s2{padding:38px 0; width:100%; margin:0 auto;}
dl.info03_list dd.ci_box ul.s2 li{width:50%; display:inline; float:left; text-align:center;}
dl.info03_list dd.ci_box ul.s2 li img{max-width:180px; width:90%; margin:0 auto;}
dl.info03_list dd.ci_box ul.s4{padding:38px 0; width:98%; margin:0 auto;}
dl.info03_list dd.ci_box ul.s4 li{width:25%; display:inline; float:left;  text-align:center;}
dl.info03_list dd.ci_box ul.s4 li img{max-width:120px; width:90%; margin:0 auto;}









/*수상내역*/
.patent_wrap{clear:both; margin:0 0 20px 0; padding:0; width:100%; height:auto;  }
ul.patent_list{float:left; margin:0 0 20px 0; padding:0px 0 20px 0; width:100%; position:relative; }
ul.patent_list li{display:inline; float:left; width:50%; text-align:center; padding:0px 0 30px 0;}
ul.patent_list li dt img{width:95%; max-width:220px; }
ul.patent_list li dt{ font-weight:600; padding:0px 0 8px 0; text-align:center;}





/*연혁*/
.t_history_wrap{clear:both;float:left; margin:0px 0 40px 0; width:100%; padding:0 1%; background:none;}
.t_history_wrap:after{content:""; display:block; clear:both;}
.history{margin:0px auto; padding:0px 0px 0px 0px; float:right;position:relative; overflow:hidden; width:100%;  }
.history:after { content:""; display:block; float:none; clear:both;}
dl.ul_history {width:100%; margin:5px 0 0px 0; padding:15px 0; background:url('../img/s_img/dot_line.png') repeat-x 15px bottom;  }
dl.ul_history dt{padding:0 0 0 0px;  line-height:26px; float:left; clear:left; width:16%; font-weight:600; font-size:20px;letter-spacing:-0.05em;}
dl.ul_history dd{display:table; padding:0 0 0 9px;  line-height:26px; color:#444; width:80%; font-size:15px; letter-spacing:-0.05em;}
dl.ul_history dd li{padding:0 0 0 9px; }
dl.ul_history dd li .month{float:left; width:15%; font-size:15px;  font-weight:500; background:none !important; }
dl.ul_history dd li .txt{float:left; width:85%; font-size:15px; padding-left:8px; color: #1f1f1f; font-weight: 300;  background:url('../img/s_img/bullet_list.gif') 0 11px no-repeat; }



/*오시는 길*/
dl.dl_type {margin:30px 0; padding:0px;  line-height:24px; }


h5.fir{margin-top:0 !important;}


 h5{clear:both; font-size:20px; text-align:left; font-weight:400; line-height:40px;margin:20px 0 20px 0; letter-spacing:-0.05em;}

.b_txt{font-size:15px !important; line-height:24px;font-weight:300; color: #444;}
.b_img img{width:100%; max-width:1200px; margin:20px 0;}



/*제품소개*/
.prod_txt{text-align:center; font-size:15px; line-height:24px; }
.prod_txt span.cut{display:inline;}




.pr_vod{clear:both; margin:20px 0% 40px 0%; width:100%;  text-align:center; padding-top:20px; }
.pr_box{width: 100%;height:540px;position: relative;}
.pr_box iframe{width:100%; height:540px;}


}/* media768 end */




@media (max-width: 767px) {
    
/*오시는길*/
ul.map_txt li{float:left; width:100%; display:inline; padding-left:20px;}




}/* media767 end */

@media (max-width: 576px) {





#sub #wrap .sub_vis{height: 200px;}


#sub #wrap .sub_vis h3{font-size:30px;color: #696969; line-height:80px; font-weight:600; letter-spacing:-0.03em; text-align: center; padding:65px 0 0px 0 !important; }
#sub #wrap .sub_vis p.txt{font-size:16px;color: #696969;font-weight:400; text-align: center; padding-top:0px;}






}/* media576 end */



@media (max-width: 480px) {




}/* media480 end */