@charset "utf-8";
@import url(contents_en.css);
/*
#wrap #header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%;  height:100px; margin:0px auto; padding:0px; background: url(../img/s_img/bg_header.png) repeat 0 0 ;}


#sub #wrap #header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%;  height:100px; margin:0px auto; padding:0px; background: url(../img/s_img/bg_header.png) repeat 0 0 ;}


#header:after{content:"";clear:both;display:block}

.container{ margin:0 auto; padding:0; position:relative; }
*/





/* sub(common) */
#sub #wrap .sub_vis{width: 100%;height:340px;margin-top:0px;background: #eee;}
#sub #wrap .sub_vis h3{font-size:52px;color:#696969; line-height:90px; font-weight:600; letter-spacing:-0.03em; text-align: center; padding:145px 0 0px 0; }
#sub #wrap .sub_vis p.txt{font-size:22px;color:#696969; font-weight:400; text-align: center; padding-top:0px;}

#sub #wrap .sub_vis.w h3{color:#fff !important;}
#sub #wrap .sub_vis.w p.txt{color:#fff !important;}


#sub #wrap .sub_vis#sub1{background: url(../img/p_img/sub_vis1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub2{background: url(../img/p_img/sub_vis2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub3{background: url(../img/p_img/sub_vis3.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub4{background: url(../img/p_img/sub_vis4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub5{background: url(../img/p_img/sub_vis5.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub #wrap .sub_vis#sub6{background: url(../img/p_img/sub_vis6.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;} /*쇼핑몰*/

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



#sub #wrap .sub_nav.pc{height: 58px;border: 1px solid #e1e1e1;border-right: none;border-left: none;}
#sub #wrap .sub_nav.pc .container{width: 1198px;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }
#sub #wrap .sub_nav.pc .container:after{display: block;content: '';clear: both;}
#sub #wrap .sub_nav.pc .home{float: left;width: 65px;border-right: 1px solid #e1e1e1;}
#sub #wrap .sub_nav.pc .home a{display: block;width: 100%;height: 58px;text-indent: -9999px;background: url(../img/s_img/sub_nav_home.png) no-repeat center center;}
#sub #wrap .sub_nav.pc .depth1{float: left;border-right: 1px solid #e1e1e1;}
#sub #wrap .sub_nav.pc .depth1 a{display: block;font-size: 16px;color: #ec1d23;font-weight:600;padding: 0 22px 0 22px;}
#sub #wrap .sub_nav.pc .depth1 a:after{display: block;content: '';clear: both;}
#sub #wrap .sub_nav.pc .depth1 span{float: left;display: block;height: 58px;line-height: 58px;}
#sub #wrap .sub_nav.pc .depth1 img{float: left;display: block;}
#sub #wrap .sub_nav.pc .depth2{float: left;}
#sub #wrap .sub_nav.pc .depth2 ul{}
#sub #wrap .sub_nav.pc .depth2 ul:after{display: block;content: '';clear: both;}
#sub #wrap .sub_nav.pc .depth2 ul li{float: left;margin-left:25px; padding-right:25px; background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 50%;}
#sub #wrap .sub_nav.pc .depth2 ul li.long{float: left;margin-left:20px; padding-right:20px; letter-spacing:-0.05em; background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 50%;}

#sub #wrap .sub_nav.pc .depth2 ul li a{font-size: 16px;color: #737373;line-height: 58px;font-weight: normal;}
#sub #wrap .sub_nav.pc .depth2 ul li.on a{color: #ec1d23;}
#sub #wrap .sub_nav.pc .depth2 ul li.last{background:none !important; padding-right:0;}



#sub #wrap .sub_nav.mobile{display: none;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:#1892b1; 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 #content{width: 100%;}
#sub #wrap #content .container{width:1200px; margin: 0 auto;padding:60px 0; padding-left: 40px;}
#sub #wrap #content .container_shop{width:1200px; margin: 0 auto;padding:0px 0 40px 0;}
#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 #wrap #content h4 span{padding:0 0 15px 0; background:url(../img/s_img/h4_bar.gif) no-repeat center bottom;}
/*#sub #wrap #content h5{background:url('../img/s_img/h5_bulit.gif') no-repeat center center; background-size: 100%; background-size: 100%; padding-left:0; margin:20px 0 30px 10px; font-size:20px; font-weight:600; text-align:left; letter-spacing:-0.05em; clear:both; color:#333; height: 15px;}*/
h5.fir{padding-top:0;}

h5{clear:both; font-size:20px; color: #111; text-align:left; font-weight:400; line-height:40px;margin:40px 0 30px 0; letter-spacing:-0.05em; padding-left:25px; background:url('../img/s_img/h5_bulit.gif') no-repeat 0 14px; }


/**********************************테이블 스타일*******************************/

table caption { position:relative; left:-1000%; top:0; width:0px; height:0px; font-size:0%; line-height:0%; overflow:hidden;} /* caption 태그는 숨김 */
table.cont1 { margin:5px 0px 10px 0px; padding:0px; width:100%; border-collapse:collapse;  border-top:1px solid #ddd; }
table.cont1.w90p { margin:0px 0px 10px 3%; padding:0px; width:97%; border-collapse:collapse;  border-top:1px solid #252525; }

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

table.cont1 th.left_none,
table.cont1 td.left_none { border-left:none;}
table.cont1 tbody th { background:#f4f4f4; text-align:center; font-weight:normal;color:#2a2a2a; letter-spacing:0; border-top:1px solid #111;}


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:15px 10px 15px 10px; text-align:center; font-size:16px; line-height:1.6em; letter-spacing:0;  border-bottom:1px solid #111; color:#2a2a2a; font-weight:500;}
table.cont1 tbody td { padding:15px 10px 15px 20px; text-align:left; font-size:16px; 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 th.alt, 
table.cont1 td.alt { text-align:left; padding-left:5px !important;}
table.cont1 th.alt20, 
table.cont1 td.alt20 { text-align:left; padding-left:20px !important;}
table.cont1 th.alt10, 
table.cont1 td.alt10 { text-align:left; padding-left:10px !important;}
table.cont1 th.art, 
table.cont1 td.art { text-align:right; padding-right:5px !important;}
table.cont1 th.act, 
table.cont1 td.act { text-align:center; padding-left:5px !important;}

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:2px 0px; font-size:16px;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; }




/*탭메뉴 스타일*/
#tab_box {clear:both; padding:0px; margin:50px auto 50px auto !important; width:420px; }
#tab_box strong.tabTi {height: 0; overflow: hidden; position: absolute; top: -10000em; visibility: hidden; width: 0;}
#tab_box a {display: inline-block; line-height:48px;min-height:50px; font-size:16px; margin-left: -1px; width:33%; 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:48px;min-height:50px; }
#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:48px; min-height:50px; 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:48px;min-height:50px; }





/**********************************테이블 스타일*******************************/

table caption { position:relative; left:-1000%; top:0; width:0px; height:0px; font-size:0%; line-height:0%; overflow:hidden;} /* caption 태그는 숨김 */
table.cont2 { margin:5px 0px 10px 0px; padding:0px; width:100%; border-collapse:collapse;  border-top:2px solid #00a29b; }
table.cont2.w90p { margin:0px 0px 10px 3%; padding:0px; width:97%; border-collapse:collapse;  border-top:2px solid #00a29b; }

table.cont2 thead th{ background:#eefcfb; text-align:center; font-weight:600; font-size:17px; border-top:none;}

table.cont2 th.left_none,
table.cont2 td.left_none { border-left:none;}
table.cont2 tbody th { background:#fefff4; text-align:center; font-weight:normal; color:#2a2a2a; }


table.cont2 tfoot th { background:#ebebeb; text-align:center; font-weight:600; }
table.cont2 th,
table.cont2 tfoot td {background:#f2f2f2; font-weight:600;  padding:5px 10px 7px 10px; text-align:center; line-height:1.6em; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
table.cont2 tfoot td a{letter-spacing:0em;}
table.cont2 tfoot td a:hover{font-weight:600; text-decoration:underline;letter-spacing:0em;}
table.cont2 th,
table.cont2 tbody td { padding:5px 10px 7px 10px; text-align:center; font-size:17px; line-height:1.6em; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#2a2a2a; font-weight:300;}
table.cont2 tbody td a{color:#2a2a2a; font-weight:300;}
table.cont2 tbody td a:hover{font-weight:600; text-decoration:underline;}
table.cont2 th.alt, 
table.cont2 td.alt { text-align:left; padding-left:5px !important;}
table.cont2 th.alt20, 
table.cont2 td.alt20 { text-align:left; padding-left:20px !important;}
table.cont2 th.alt10, 
table.cont2 td.alt10 { text-align:left; padding-left:10px !important;}
table.cont2 th.art, 
table.cont2 td.art { text-align:right; padding-right:5px !important;}
table.cont2 th.act, 
table.cont2 td.act { text-align:center; padding-left:5px !important;}

table.cont2 td img { vertical-align:middle;}
table.cont2 td.verti_top{vertical-align:top;}
table.cont2 tbody td.line_h2 { line-height:2em;}
table.cont2 tbody th.line_h2 { line-height:2em;}
table.cont2 td dd{padding-left:10px; }
table.cont2 tbody td ul{margin:0; padding:0; }
table.cont2 tbody td ul.ml10{margin-left:10px !important;}
table.cont2 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/sub3_box_ul_bullet_dot.png) no-repeat 2px 14px; text-align:left; }
table.cont2 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.cont2 tbody td ul li.non{background:none; padding:0 !important; }





/* 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:16px;}
ul.list_type li.non{margin:0px 0 0 0; padding:10px 0 0 0px; background:none; text-indent:-20px; margin-left:19px;}
ul.list_type li strong{font-weight:600;}

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



/*ceo인사말*/

dl.info01_list01{clear:both; margin:0; padding:0px 0 60px 0; text-align:center;}
dl.info01_list01:after{display: block;content: '';clear: both;}
dl.info01_list01 dt{background:url(../img/s_img/info01_list01_line.gif) no-repeat 50% bottom; padding-bottom:98px;}
dl.info01_list01 dt img{width:100%; max-width:1200px;}

dl.info01_list01 dd{font-size:30px; line-height:46px; color:#444; padding-top:0px; font-weight:300;}
dl.info01_list01 dd.fir{padding-top:55px;}
dl.info01_list01 dd.ceo{font-size:25px; padding-top:50px;}
dl.info01_list01 dd.ceo strong{padding-left:5px;}
dl.info01_list01 dd span.cut{display:block;}

dl.info01_list01 dd.batang{font-family: 'Batang', serif; font-weight: bold; letter-spacing:-0.05em;}



/*CI소개*/

.info03 p.info03_tit{font-size:18px; line-height:1.6; font-weight:300; text-align:center; }
.info03 p.info03_tit span.cut{display:block;}

dl.info03_list{clear:both; margin:40px 0;}
dl.info03_list dt{font-size:32px; line-height:1.6; font-weight:500; padding:40px 0;}
dl.info03_list dt.fir{padding-top:0;}
dl.info03_list dd{font-size:15px; line-height:1.6; font-weight:300;}
dl.info03_list dd.ci_box{text-align:center; border:1px solid #c1c1c1; width:100%; max-width:1200px; min-height:250px; margin:40px auto; background:url(../img/s_img/info03_cibox_bg.png) no-repeat center 0;  }
dl.info03_list dd.ci_box img{vertical-align:middle; }
dl.info03_list dd span.cut{display:block;}
dl.info03_list dd.ci_box ul.s1{padding:90px 0; width:80%; 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:48px 0; width:90%; 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:305px; width:100%;}
dl.info03_list dd.ci_box ul.s4{padding:48px 0; width:90%; 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:154px; width:100%;}




/*수상내역*/

.patent_wrap{clear:both; margin:0 0 60px 0; padding:0; width:100%; height:auto;  }
ul.patent_list{float:left; margin:0 0 60px 0; padding:0px 0 20px 0; width:100%; position:relative; }
ul.patent_list:after{display: block;content: '';clear: both;}
ul.patent_list li{display:inline; float:left; width:25%; text-align:center; padding:20px 0;}
ul.patent_list li dt{ font-weight:600; padding:0px 0 15px 0; text-align:center;}
ul.patent_list li dt  img{max-width:220px; width:100%; max-height:312px; border:1px solid #ddd;}
ul.patent_list li dd{line-height:28px;}
ul.patent_list li dd.tit{font-weight:600;font-size:16px;}
ul.patent_list li dd.date{font-weight:300;font-size:15px; color:#636363;}


/* 연혁 */

.t_history_wrap{clear:both;float:left; margin:20px 0 60px 0; width:100%; padding:0 0; }
.t_history_wrap:after{content:""; display:block; clear:both;}
.t_history_wrap p.topimg{margin:0 0 0 0; padding:0; border-bottom:5px solid #ebebeb;}
.t_history_wrap p.topimg img{width:100%; max-width:1200px;}

.history{margin:0px auto; padding:0px 0px 25px 0px; float:left; position:relative; overflow:hidden; width:100%; }
.history:after { content:""; display:block; float:none; clear:both;}

dl.ul_history {clear:both; width:100%; margin:5px 0 0px 0; padding:20px 0 30px 0; background:url('../img/s_img/dot_line.png') repeat-x 20px bottom;  }
dl.ul_history dt{padding:8px 0 20px 5px;  line-height:38px;  float:left; clear:left; width:25%; font-weight:500; color:#ec1d23;  font-size:37px; text-align:center;}
dl.ul_history dd{display:table; padding:10px 0 0 9px;  line-height:44px; color:#444; width:75%; font-weight:300; font-size:18px; text-align:left;}
dl.ul_history dd li{padding:5px 0 5px 10px;  line-height:44px; }
dl.ul_history dd li:after{display:block; content: ''; clear:both;}
dl.ul_history.last{border-bottom:2px solid #959595; background:none;}

dl.ul_history dd li .month{float:left; width:15%; font-size:18px; color: #373737; font-weight:500; background:none !important;  }
dl.ul_history dd li .txt{float:left; width:85%; font-size:16px; padding-left:10px; color: #1f1f1f; font-weight: 300;  background:url('../img/s_img/bullet_list.gif') 0 11px no-repeat; }


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



/*
ul.map_txt{clear:both; margin:40px 0 40px 0; padding:0; text-align:center;}
ul.map_txt:after{display:block; content: ''; clear:both;}

ul.map_txt li{font-size:16px; font-weight:300; line-height:28px; margin-top:0px;}
ul.map_txt li strong{font-weight:600;}
*/


ul.map_txt{clear:both; margin:40px 0 0 0; padding:0; text-align:center;}
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 strong{font-weight: bold;}




 p.map_w1200{clear:both; margin:0 0 20px 0; border:1px solid #ddd;}
 p.map_w1200 img{width:100%; max-width:1200px;}
 ul.map_list:after{display:block; content: ''; clear:both;}
ul.map_list li{display:inline; float:left; width:19.2%; margin-right:1%; }
ul.map_list li.last{margin-right:0;}
ul.map_list li img{width:100%; }

.b_txt{font-size:16px; line-height:28px; font-weight:300;}
.b_img img{width:100%; max-width:820px; margin:40px 0;}



/* R & D */

dl.rnd01_list {margin-left:30px;}
dl.rnd01_list dt{font-size:18px; font-weight:600; line-height:1.6; color:#3e73ad;}
dl.rnd01_list dd{font-size:16px; font-weight:300; line-height:1.6; margin:0px 0 0 0; padding:10px 0 0 0px; background:none; text-indent:-20px; margin-left:18px;}
dl.rnd01_list dd strong{font-weight:600;}
dl.rnd01_list dd img{width:100%; max-width:1200px; padding:40px 0;}


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

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

/*홍보영상*/

.pr_vod{clear:both; padding:0; margin:40px auto; width:1200px; }
.pr_box{width: 100%;position: relative; margin:0; padding:0;}
.pr_box iframe{width:100%;margin:0; padding:0; height:675px;}