@charset "utf-8";
@import url("fonts/square/fonts.css");
@import url("fonts/barungothic/fonts.css");
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
/* 공통 */
html {width:100%; min-width:500px; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none;font-family:"NanumSquare", 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; -webkit-text-size-adjust:none;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;}

p { font-size:15px; word-break:keep-all;}

.clear { clear:both;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear60 { clear:both; height:60px;}
.clear80 { clear:both; height:80px;}
.clear100 { clear:both; height:100px;}
.clear_dot { clear:both; border-bottom:#ddd solid 1px}
.clear_line120 { clear:both; height:60px; margin-bottom:60px; border-bottom:#ddd solid 1px}
.text_center { text-align:center;}
.bottom_border { border-bottom:#dbdbdb solid 1px;}

#footer { padding:40px 0; background:#2c2c2c;}

.bottom_sitemap { float:left; margin-right:70px; margin-bottom:30px;}
.bottom_sitemap a { color:#ebebeb; font-weight:700; font-size:17px;}
.bottom_sitemap ul li { margin-top:5px;}
.bottom_sitemap ul li a { color:#9d9d9d; font-family:"Nanum Barun Gothic"; font-weight:normal; font-size:13px;}

.bottom_text .bottom_logo { margin-bottom:15px;}
.bottom_text { font-size:13px; color:#9d9d9d; font-family:"Nanum Barun Gothic"; line-height:1.7; border-left:#5d5d5d solid 1px; padding-left:40px;}
.bottom_sns { margin-top:20px;}
.bottom_sns img { margin-right:10px;}

.back_to_top { position:fixed; right:20px; bottom:15px;}


#top_lan { position:relative; z-index:99999999;}
.lan_serec { float:right; width:80px; padding:7px 10px; margin-top:-10px; font-size:17px; color:#000; font-weight:800; background:url("/kr/img/arrow.png") 60px center no-repeat;}
#menu_lan { display:none; position:absolute; right:0; top:28px; border:#ccc solid 1px; background:#fff; padding:10px;}
#menu_lan a { line-height:2; font-family:'Nanum Gothic',monospace; font-size:12px; color:#666;}
#menu_lan a:hover { color:#0071bc; text-decoration:underline !important;}
#menu_lan .lan_select { color:#0071bc;}

.sns_lang {
	position: absolute;
	right:0;
	top:30px;
	width:140px;
}
.sns_lang a { margin-right:10px; float:left;}
.sns_lang .snsline { padding-right:10px; border-right:#ccc solid 1px;}

/* 언어선택 셀렉트박스 */
.ps_designSelBox {position:relative; z-index:0;}
.ps_designSelBox.on {z-index:99;}
.ps_designSelBox select {display:none;}
.ps_designSelBoxIn .ps_list {display:none; position:absolute; background:white; width:100%; margin:0; padding:0; list-style:none;}
.ps_designSelBox.on .ps_list {overflow-y:auto; display:block;}
.ps_designSelBoxIn {position:relative;}
.ps_designSelBoxIn button {background:none; border:none; width:100%; text-align:left; display:block; cursor:pointer;}

.top_lang { width:80px; float:right; border-left:#bababa solid 1px; height:17px; margin-left:10px;}
.ps_designSelBox.type01 .ps_designSelBoxIn {min-width:90px; font-size:17px; color:#000; font-weight:800;}
.ps_designSelBox.type01 .ps_currSel {position:relative; background:url("/kr/img/arrow.png") 70px center no-repeat; line-height:1.2; padding-left:20px; margin-bottom:10px;}
.ps_designSelBox.type01.on .ps_currSel {position:relative; z-index:10;}
.ps_designSelBox.type01 .ps_list {background:#fff; border:1px solid #ccc;}
.ps_designSelBox.type01 .ps_list li {padding:6px 20px; border-top:1px solid #ccc; font-family:"Nanum Barun Gothic"; font-size:12px; color:#666;}
.ps_designSelBox.type01 .ps_list li:first-child {border-top:none; color:#0071bc !important;}
.ps_designSelBox.type01 .ps_list li:hover { color:#0071bc; text-decoration:underline;}
.ps_designSelBox.type01 .ps_list button {height:20px;}

/*-------20220711
.ps_designSelBox.type02 { padding:15px 35px 15px 35px; font-size:17px; color:#fff; width:180px; background:#044a6e url("/kr/img/sub/arrow_w.png") right center no-repeat; height:54px;}
.ps_designSelBox.type02 .ps_designSelBoxIn {font-size:17px; color:#fff;}
.ps_designSelBox.type02 .ps_currSel {position:relative;}
.ps_designSelBox.type02 .on .ps_currSel {position:relative; z-index:10;}
.ps_designSelBox.type02 .ps_list {background:#044a6e; margin-top:10px; margin-left:-35px; padding-bottom:10px; width:auto;}
.ps_designSelBox.type02 .ps_list li {padding:5px 35px; width:180px; font-size:15px; font-weight:normal;}
.ps_designSelBox.type02 .ps_list button { color:#fff;}
20220711-------*/

.ps_designSelBox.type02 { padding:15px 20px 15px 20px; font-size:17px; color:#044a6e; width:150px; background:#fff url("/kr/img/sub/menu_arrow.png") right center no-repeat; height:54px; border-right:#ddd solid 1px;}
.ps_designSelBox.type02 .ps_designSelBoxIn {font-size:17px; color:#044a6e; font-weight:700;}
.ps_designSelBox.type02 .ps_currSel {position:relative;}
.ps_designSelBox.type02 .on .ps_currSel {position:relative; z-index:10;}
.ps_designSelBox.type02 .ps_list {background:#fff; width:151px; border:1px solid #ddd; border-top:none; margin-top:15px; margin-left:-21px; padding-bottom:10px;}
.ps_designSelBox.type02 .ps_list li {padding:5px 20px; font-size:15px; font-weight:normal; width:110px;}
.ps_designSelBox.type02 .ps_list li:first-child { border-right:none;}
.ps_designSelBox.type02 .ps_list button { color:#333;}

.ps_designSelBox.type03 { padding:15px 20px 15px 20px; font-size:17px; color:#044a6e; width:230px; background:#fff url("/kr/img/sub/menu_arrow.png") right center no-repeat; height:54px; border-right:#ddd solid 1px;}
.ps_designSelBox.type03 .ps_designSelBoxIn {font-size:17px; color:#044a6e; font-weight:700;}
.ps_designSelBox.type03 .ps_currSel {position:relative;}
.ps_designSelBox.type03 .on .ps_currSel {position:relative; z-index:10;}
.ps_designSelBox.type03 .ps_list {background:#fff; width:231px; border:1px solid #ddd; border-top:none; margin-top:15px; margin-left:-21px; padding-bottom:10px;}
.ps_designSelBox.type03 .ps_list li {padding:5px 20px; font-size:15px; font-weight:normal; width:190px;}
.ps_designSelBox.type03 .ps_list li:first-child { border-right:none;}
.ps_designSelBox.type03 .ps_list button { color:#333;}
/* 언어선택 셀렉트박스 */

/* 공통 */

/* 메인 */
.main_product_top { margin-top:40px;}
.content-wrap { padding-top:60px;font-family:"Nanum Barun Gothic";font-size:15px;line-height:1.7;}
.content-wrap p { padding:0; margin:0; font-size:15px;}
.content_bi { margin-bottom:20px; height:37px;}
.content_btn { margin:30px 0 40px 0;}
.content_btn .btn001 { padding:13px 70px 13px 25px; background:#17486e url("/kr/img/main/main_arrow.png") 110px no-repeat; color:#fff;}
.content_btn .btn001:hover { background:#17486e url("/kr/img/main/main_arrow.png") 120px no-repeat;}
.content_btn .btn002 { padding:13px 85px 13px 25px; background:#a93535 url("/kr/img/main/main_arrow02.png") 120px no-repeat; color:#fff;}
.content_btn .btn002:hover { background:#912626 url("/kr/img/main/main_arrow02.png") 120px no-repeat;}

.main_product_bottom { background:#f4f7ff; margin-top:-80px; padding:100px 0 60px 0;}
.nav_text { line-height: 1.4; font-family:"Nanum Barun Gothic"; font-size:15px; color:#666; text-align:center;}
.nav_pro { width:353px; margin:0 auto;}
.nav_bi { height:27px; margin:10px auto;}
.probottom_btn { margin:20px 0; text-align:center;}
.probottom_btn .btn001 { font-size:13px; padding:12px 55px 12px 15px; background:#17486e url("/kr/img/main/main_arrow.png") 90px no-repeat; background-size:20px; color:#fff;}
.probottom_btn .btn001:hover { background:#17486e url("/kr/img/main/main_arrow.png") 100px no-repeat; background-size:20px;}
.probottom_btn .btn002 { font-size:13px; padding:12px 70px 12px 15px; background:#a93535 url("/kr/img/main/main_arrow02.png") 100px no-repeat; background-size:15px; color:#fff;}
.probottom_btn .btn002:hover { background:#912626 url("/kr/img/main/main_arrow02.png") 100px no-repeat; background-size:15px;}


.main_pro { margin-top:-60px; padding:0; font-size:0;}
.main_pro li { display:inline-block; vertical-align:top; padding:200px 40px 50px 40px; width:33.33%;}
.main_pro li:nth-child(1) { background:url("/kr/img/main/main_pro01.jpg") top center no-repeat; background-size:cover;}
/*.main_pro li:nth-child(2) { background:url("/kr/img/main/main_pro02.jpg") top center no-repeat; background-size:cover;}*/
.main_pro li:nth-child(2) { background:url("/kr/img/main/main_pro03.jpg") top center no-repeat; background-size:cover;}
.main_pro li:nth-child(3) { background:url("/kr/img/main/main_pro04.jpg") top center no-repeat; background-size:cover;}
.main_pro li .main_pro_title { font-size:25px; font-weight:700; color:#fff; margin-bottom:10px;}
.main_pro li .main_pro_text { font-size:17px; font-weight:300; color:#fff; height:120px;}
.main_pro li .main_pro_btn { margin-top:40px; bottom:60px;}
.main_pro li .main_pro_btn a { color: #fff; font-size:15px; padding:10px 20px; background:rgba(255,255,255,0.15); border:#fff solid 1px;}
.main_pro li .main_pro_btn a:hover { background:rgba(0,0,0,0.15);}


.main_title { font-size:50px; font-weight:800; color:#222; text-align:center; margin:60px 0;}
.main_aboutus {
	padding:40px 0;
	background-image: -webkit-linear-gradient(-90deg, #fff 85%, #f4f4f4 15%); 
    background-image: -moz-linear-gradient(-90deg, #fff 85%, #f4f4f4 15%); 
    background-image: -o-linear-gradient(-90deg, #fff 85%, #f4f4f4 15%); 
    background-image: -ms-linear-gradient(-90deg, #fff 85%, #f4f4f4 15%);
}
.main_aboutus_icon { text-align:center;}
.side_border { border-right:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px;}
.main_aboutus_text01 { font-size:17px; font-weight:700; color:#222; margin:10px 0;}
.main_aboutus_text02 { font-family:"Nanum Barun Gothic"; font-size:15px; color:#626262;}

.main_aboutus_box001 { position:relative; width:50%; height:780px; float:left; padding:60px 40px; background:url("/kr/img/main/main_aboutus_box_bg01.jpg") center no-repeat; background-size:cover;}
.main_aboutus_box002 { position:relative; width:50%; height:390px; float:left; padding:60px 40px; background:url("/kr/img/main/main_aboutus_box_bg02.jpg") center no-repeat; background-size:cover;}
.main_aboutus_box003 { position:relative; width:50%; height:390px; float:left; padding:60px 40px; background:url("/kr/img/main/main_aboutus_box_bg03.jpg") center no-repeat; background-size:cover;}
.main_aboutus_box_text01 span { font-family:"Nanum Barun Gothic"; font-size:15px; color:#fff; text-transform:uppercase; padding:5px; border-bottom:#fff solid 1px;}
.main_aboutus_box_text02 { margin:40px 0 80px 0; color:#fff; font-size:17px; line-height:1.6;}
.main_aboutus_box_text02_title { font-size:26px; font-weight:700;}
.main_aboutus_box_btn {
  margin-top:40px;
  position:absolute;
  bottom:60px;
  left:40px;
}
.main_aboutus_box_btn a {
  color: #fff;
  font-size: 15px;
  padding:10px 30px;
  background:rgba(255,255,255,0.15);
  border:#fff solid 1px;
}
.main_aboutus_box_btn a:hover {
  background:rgba(0,0,0,0.15);
}
.main_aboutus_box_center_text02 { position:absolute; bottom:160px; color:#fff; font-size:17px; line-height:1.6; text-align:center; max-width:360px; left: 50%; margin-left: -180px;}
.main_aboutus_box_center_text02_title { font-size:26px; font-weight:700; margin-bottom:30px;}
.center_btn {
  margin-top:40px;
  position:absolute;
  bottom:60px;
  width:130px;
  left: 50%;
  margin-left: -65px;
}

.main_news { padding:40px 0; background:#f4f4f4 url("/kr/img/main/main_newbg.png") bottom repeat-x;}

.kor { border-top:2px solid #006e95;}/* 한글 줄바꿈 */
.kor li {padding:22px 0 26px 0; border-bottom:#ababab solid 1px; height:100px; position:relative;}
.latest { float:left; margin-left:50px; width:75%;}
.latest .latest_title { font-size:22px; color:#000; font-weight:700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest .latest_cont { font-size:17px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest img { position:absolute; right:20px; top:25px;}
.latest_date {float:left; width:100px; text-align:center;}
.latest_date .date01 { font-size:45px; color:#007daa; font-weight:800; line-height:1;}
.latest_date .date02 { font-size:14px; color:#007daa; font-weight:700; line-height:1;}
.lt_more { text-align:center; margin:60px 0 80px 0;}
.lt_more a {
  color: #000;
  font-size: 18px;
  padding:20px 40px 15px 40px;
  background:rgba(255,255,255,0.15);
  border:#bababa solid 1px;
}
.lt_more a:hover {
  color: #000;
  border:#000 solid 1px;
}
/* 메인 */

/* 서브 */
.sub_top { text-align:center; color:#fff; padding:140px 0 70px 0; font-size:20px; text-shadow: 0 0 10px rgba(0,0,0,1); height:330px;}
.sub_top li { display:inline-block; font-size:17px; padding:0 7px;}
.sub_topimg_nac { background:#f4f4f4 url("/kr/img/sub/subtop_nac.jpg") center repeat-x; background-size:cover;}
.sub_topimg_csi { background:#f4f4f4 url("/kr/img/sub/subtop_csi.jpg") center repeat-x; background-size:cover;}
.sub_topimg_netkimy { background:#f4f4f4 url("/kr/img/sub/subtop_netkimy.jpg") center repeat-x; background-size:cover;}

.sub_top_nac { background:#f4f4f4 url("/kr/img/sub/sub_nac.jpg") center center no-repeat; background-size:cover;}
.sub_top_csi { background:#f4f4f4 url("/kr/img/sub/sub_csi.jpg") center center no-repeat; background-size:cover;}
.sub_top_iot { background:#f4f4f4 url("/kr/img/sub/sub_iot.jpg") center center no-repeat; background-size:cover;}

.sub_topimg01 { background:#f4f4f4 url("/kr/img/sub/subtop01.jpg") center repeat-x; background-size:cover;}
.sub_topimg02 { background:#f4f4f4 url("/kr/img/sub/subtop02.jpg") center repeat-x; background-size:cover;}
.sub_topimg03 { background:#f4f4f4 url("/kr/img/sub/subtop03.jpg") center repeat-x; background-size:cover;}
.sub_topimg04 { background:#f4f4f4 url("/kr/img/sub/subtop04.jpg") center repeat-x; background-size:cover;}
.sub_top_title { font-size:60px; line-height:1; margin:20px 0; font-weight:300;}
.sub_top_title_pro { font-size:40px; line-height:1; margin:20px 0; font-weight:700;}

.sub_nav { background:#fff; height:55px; border-bottom:#ddd solid 1px;}
.sub_nav li { float:left; padding:10px 25px 10px 25px;}
.sub_nav li:first-child { border-right:#ddd solid 1px;}
.sub_nav li img { margin-top:7px;}

.sub_content_box { padding:40px 10px; font-size:17px;}
.pro_content_box { padding:0 10px 40px 10px; font-size:17px;}

.sub_topmenu { height:80px; padding:40px 0; border-bottom:#8ab9ca solid 2px; margin:40px 0;}
.sub_topmenu .sub_topmenu_left { width:30%; float:left; text-align:left; padding-left:30px; background:url("/kr/img/sub/sub_topmenu_left.png") left center no-repeat;}
.sub_topmenu .sub_topmenu_center { width:40%; float:left; text-align:center; font-size:40px; color:#007daa; font-weight:700; margin-top:-20px;}
.sub_topmenu .sub_topmenu_right { width:30%; float:right; text-align:right; padding-right:30px; background:url("/kr/img/sub/sub_topmenu_right.png") right center no-repeat;}
.sub_topmenu .sub_topmenu_left_none { width:30%; float:left; text-align:left; padding-left:30px;}
.sub_topmenu .sub_topmenu_right_none { width:30%; float:right; text-align:right; padding-right:30px;}
.sub_topmenu .sub_topmenu_center02 { text-align:center; font-size:40px; color:#007daa; font-weight:700; margin-top:-20px;}

.pro_menu { text-align:center; padding:0; margin:40px 0; border-bottom:1px solid #ccc;}
.pro_menu li { display:inline-block; width:220px; border:1px solid #ccc; padding:13px; background:linear-gradient(#fff, #eee); margin-bottom:-2px;}
.pro_menu li a { font-size:16px; color:#999;}
.pro_menu .menu_on { border:2px solid #007daa; border-bottom:2px solid #fff; background:#fff;}
.pro_menu .menu_on a { color:#007daa;}

.tabBt {overflow:hidden;position:absolute; top:400px; text-align:center; background:#fff; width:100%; padding:10px 0; z-index:9;}
.tabBt li {width:200px; display:inline-block; font-size:17px;}
.tabBt li a {display:block; padding:15px 20px; height:48px; border:1px solid #ddd; background:linear-gradient(#fff, #eee); text-align:center; color:#666;}
.tabBt li.on a { padding:15px 20px; height:50px; border:2px solid #007daa; border-bottom:2px solid #fff; background:#fff; color:#007daa;}

.sub_protitle { text-align:center; font-size:38px; color:#000; font-weight:800; margin:40px 0;}
.sub_protitle02 { font-size:18px; color:#777; font-weight:500;}
.sub_proimg {
	background-image: -webkit-linear-gradient(90deg, #f6f7fb 85%, #fff 15%); 
    background-image: -moz-linear-gradient(90deg, #f6f7fb 85%, #fff 15%); 
    background-image: -o-linear-gradient(90deg, #f6f7fb 85%, #fff 15%); 
    background-image: -ms-linear-gradient(90deg, #f6f7fb 85%, #fff 15%);
	margin-top:20px;
}
.sub_proimg img { margin:0 auto;}

.sub_pro_down { font-size:35px; font-weight:700; color:#044a6e; text-align:center; margin:40px 0 70px 0;}
.sub_probox_btn { margin:30px 0;}
.sub_probox_btn img { margin-left:20px;}
.sub_probox_btn a { font-size:19px; font-weight:500; color:#000; border:#ddd solid 1px; text-align:left; padding:15px 30px 13px 30px;}

.sub_probox01 { padding-bottom:40px; margin-bottom:40px;}
.sub_probox_left { font-size:24px; color:#000; float:left; width:170px; margin-bottom:30px;}
.sub_probox_left span { font-weight:800;}
.sub_probox_right { float:left; max-width:950px;}
.sub_probox_right ul li { float:left; width:50%; margin-bottom:40px;}
.sub_probox_right ul li img { padding:17px; border:#ddd solid 1px; float:left; margin:0 25px 45px 0;}
.sub_probox_right_title { font-size:18px; color:#000; font-weight:700;}
.sub_probox_right_text { font-size:17px; color:#888; font-weight:700;}
.sub_probox_right ul li ul { margin-top:15px;}
.sub_probox_right ul li ul li { font-size:15px; margin:0 10px 5px 0;}

.sub_probox_left02 { font-size:24px; color:#000; float:left; width:200px; margin-bottom:30px;}
.sub_probox_left02 span { font-weight:800;}
.sub_probox_right02 { float:left; max-width:920px;}

.pro_title_bic { text-align:center; font-size:30px; font-weight:800; line-height:1.4; color:#000;}
.pro_title_img { text-align:center; margin:5px 0 10px 0;}

.pro_title01 { text-align:center; font-size:20px; font-weight:500; line-height:1.4; color:#000; margin-top:15px;}
.pro_text01 { font-size:18px; font-weight:500; line-height:1.6; color:#444; margin:60px 0;}
.pro_text02 { text-align:center; font-size:22px; font-weight:500; line-height:1.6; color:#444; margin-bottom:30px;}

/*-------제품추가css-------*/
.nac_box01 { background:#f1f9fb url("/kr/img/sub/nac_box01_bg.png") center bottom repeat-x; margin-top:250px; padding-bottom:80px;}
.nac_ul01 { padding:0; margin:-200px 0 0 0; font-size:0; text-align:center;}
.nac_ul01 .nac_ul01_li { display:inline-block; vertical-align:top; width:31.3%; background:#fefefe; margin:1%; padding:40px; box-shadow:rgba(0,0,0,0.3) 0 5px 10px; border-radius:10px;}
.nac_ul01 .nac_ul01_li .nac_ul01_title01 { font-size:18px; color:#007eac; font-weight:500;}
.nac_ul01 .nac_ul01_li .nac_ul01_title02 { font-size:30px; color:#000; font-weight:900;}
.nac_ul01 .nac_ul01_li img { margin:20px 0; background:#f1f1f1; border-radius:50%;}
.nac_ul01 .nac_ul01_li ul { text-align:left; height:220px;}
.nac_ul01 .nac_ul01_li ul li { font-size:15px; margin:10px 0; padding-left:10px; background:url("/kr/img/sub/pro_li_dot.png") left 8px no-repeat;}

.pro_line { position:relative; height:1px; background:#b0cad3; text-align:center;}
.pro_line span { position:absolute; width:50px; height:15px; left:50%; margin-left:-30px; border-radius:15px 15px 0 0; background:#82d6f4; top:-15px;}

.pro_gray_box { background:#fcfcfc; padding:80px 0;}
.pro_gray_box02 { background:#fcfcfc; padding:40px 0;}
.pro_white_box { background:#fff; padding:80px 0;}

.nac_ul02 { padding:0; margin:20px 0; font-size:0; box-shadow:rgba(0,0,0,0.2) 0 5px 10px; border-radius:10px; overflow:hidden;}
.nac_ul02 .nac_ul02_li { display:inline-block; vertical-align:top; width:50%; padding:40px;}
.nac_ul02 .nac_ul02_li .nac_ul02_title01 { font-size:18px; color:#007eac; font-weight:500;}
.nac_ul02 .nac_ul02_li .nac_ul02_title02 { font-size:30px; color:#000; font-weight:900;}
.nac_ul02 .nac_ul02_li ul li { font-size:15px; margin:10px 0; padding-left:10px; background:url("/kr/img/sub/pro_li_dot.png") left 8px no-repeat;}
.nac_ul02 .nac_ul02_li:first-child { height:320px;}
.nac_ul02 .nac_ul02_left01 { float:left; background:url("/kr/img/sub/nac_ul02_01.jpg") center center no-repeat; background-size:cover;}
.nac_ul02 .nac_ul02_right01 { float:right; background:url("/kr/img/sub/nac_ul02_02.jpg") center center no-repeat; background-size:cover;}
.nac_ul02 .nac_ul02_left02 { float:left; background:url("/kr/img/sub/nac_ul02_03.jpg") center center no-repeat; background-size:cover;}
.nac_ul02 .nac_ul02_right02 { float:right; background:url("/kr/img/sub/nac_ul02_04.jpg") center center no-repeat; background-size:cover;}
.nac_ul02 .nac_ul02_left03 { float:left; background:url("/kr/img/sub/nac_ul02_05.jpg") center center no-repeat; background-size:cover;}
.nac_ul02 .nac_ul02_right03 { float:right; background:url("/kr/img/sub/nac_ul02_06.jpg") center center no-repeat; background-size:cover;}

.pro_img { text-align:center;}
.pro_img img { max-width:100%; height:auto;}

.pro_btn { text-align:center; margin-bottom:40px;}
.pro_btn a { display:inline-block; margin:5px 10px; padding:20px 40px; background:linear-gradient(#0881ad, #93c3df); color:#fff; font-size:20px; font-weight:700; border-radius:10px; box-shadow:rgba(0,0,0,0.2) 0 5px 10px;-webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
.pro_btn a img { width:22px; margin-right:15px; margin-bottom:-7px;}
.pro_btn a:hover { box-shadow:none;}

.pro_topnav { border-bottom:#73aec4 solid 1px; margin-bottom:60px;}
.pro_topnav_link { text-align:center; padding:0; margin:0; font-size:0;}
.pro_topnav_link li { display:inline-block; vertical-align:top; width:50%;}
.pro_topnav_link li a { display:block; font-size:24px; font-weight:700; color:#aaa; padding:25px 10px 10px 10px; margin-bottom:-1px;}
.pro_topnav_link .pro_topnav_link_on a { border:#73aec4 solid 1px; border-bottom:#fff solid 1px; color:#3785a2; border-radius:30px 30px 0 0;}

.sub_iotimg01 { background:url("/kr/img/sub/sub_iotimg01.jpg") center center no-repeat; background-size:cover; height:350px;}
.sub_iotimg02 { background:url("/kr/img/sub/sub_iotimg02.jpg") center center no-repeat; background-size:cover; height:350px;}

.pro_ul_3sect { padding:0; margin:20px 0 0 0; font-size:0; text-align:center;}
.pro_ul_3sect li { display:inline-block; vertical-align:top; width:31.3%; margin:20px 1%; font-size:15px;}
.pro_ul_3sect li img { width:100%;}
.pro_ul_3sect li .pro_ul_sect_title { font-size:20px; font-weight:900; color:#007eac; margin:15px 0;}

.pro_ul_2sect { padding:0; margin:20px 0 0 0; font-size:0; text-align:center;}
.pro_ul_2sect li { display:inline-block; vertical-align:top; width:48%; margin:20px 1%; font-size:15px;}
.pro_ul_2sect li img { width:100%;}
.pro_ul_2sect li .pro_ul_sect_title { font-size:20px; font-weight:900; color:#007eac; margin:15px 0;}

.pro_icon_ul { padding:0; margin:40px 0 40px 0; font-size:0; text-align:center;}
.pro_icon_ul .nac_ul01_li { display:inline-block; vertical-align:top; width:31.3%; background:#fefefe; margin:1%; padding:40px; box-shadow:rgba(0,0,0,0.3) 0 5px 10px; border-radius:10px;}
.pro_icon_ul .nac_ul01_li .nac_ul01_title01 { font-size:17px; color:#007eac; font-weight:500;}
.pro_icon_ul .nac_ul01_li .nac_ul01_title02 { font-size:22px; color:#000; font-weight:900;}
.pro_icon_ul .nac_ul01_li img { margin:20px 0; background:#f1f1f1; border-radius:50%;}
.pro_icon_ul .nac_ul01_li ul { text-align:left; height:140px;}
.pro_icon_ul .nac_ul01_li ul li { font-size:15px; margin:10px 0; padding-left:10px; background:url("/kr/img/sub/pro_li_dot.png") left 8px no-repeat;}

.csi_ul02 { padding:0; margin:20px 0; font-size:0; box-shadow:rgba(0,0,0,0.2) 0 5px 10px; border-radius:10px; overflow:hidden;}
.csi_ul02 .csi_ul02_li { display:inline-block; vertical-align:top; width:50%; padding:40px;}
.csi_ul02 .csi_ul02_li .csi_ul02_title01 { font-size:18px; color:#007eac; font-weight:500;}
.csi_ul02 .csi_ul02_li .csi_ul02_title02 { font-size:25px; color:#000; font-weight:900;}
.csi_ul02 .csi_ul02_li ul li { font-size:15px; margin:10px 0; padding-left:10px; background:url("/kr/img/sub/pro_li_dot.png") left 8px no-repeat;}
.csi_ul02 .csi_ul02_li:first-child { height:330px;}
.csi_ul02 .csi_ul02_left01 { float:left; background:url("/kr/img/sub/csi_ul02_01.jpg") center center no-repeat; background-size:cover;}
.csi_ul02 .csi_ul02_right01 { float:right; background:url("/kr/img/sub/csi_ul02_02.jpg") center center no-repeat; background-size:cover;}
.csi_ul02 .csi_ul02_left02 { float:left; background:url("/kr/img/sub/csi_ul02_03.jpg") center center no-repeat; background-size:cover;}
.csi_ul02 .csi_ul02_right02 { float:right; background:url("/kr/img/sub/csi_ul02_04.jpg") center center no-repeat; background-size:cover;}
.csi_ul02 .csi_ul02_left03 { float:left; background:url("/kr/img/sub/csi_ul02_05.jpg") center center no-repeat; background-size:cover;}

.csi_new_bg { background:url("/kr/img/sub/csi_new_bg.png") center bottom repeat-x;}
/*-------제품추가css-------*/

.pro_title001 { text-align:center; font-size:22px; font-weight:700; line-height:1.4; color:#666;}
.pro_title001 div { color:#888;}
.pro_title001 span { color:#888;}
.pro_title001 img { height:25px; margin-bottom:-5px;}
.pro_title001_bar { width:40px; height:1px; background:#107b85; margin:20px auto;}

.pro_title002 { text-align:center; font-size:30px; font-weight:700; line-height:1.5; color:#fff;}
.pro_title002_bar { width:40px; height:1px; background:#fff; margin:20px auto;}

.nac_bg01 { background:url("/kr/img/sub/nac_bg01.jpg") bottom center repeat-x;}
.nac_bg02 { background:url("/kr/img/sub/nac_bg02.jpg") center no-repeat; background-size:cover;
background-image: -webkit-linear-gradient(-115deg, url(/kr/img/sub/nac_bg02.jpg) 20%, 70%);
background-image: -moz-linear-gradient(-115deg, url(/kr/img/sub/nac_bg02.jpg) 20%, 70%);
background-image: -o-linear-gradient(-115deg, url(/kr/img/sub/nac_bg02.jpg) 20%, 70%);
background-image: -ms-linear-gradient(-115deg, url(/kr/img/sub/nac_bg02.jpg) 20%, 70%);
}
.csi_bg01 { background:url("/kr/img/sub/csi_bg01.jpg") center no-repeat; background-size:cover; margin-top:-200px; padding-top:200px;}
.csi_bg02 { background:url("/kr/img/sub/csi_bg02.jpg") center bottom no-repeat; background-size:100%; padding-bottom:40px;}
.xe_bg01 { background:#fbfbfb; padding:40px 0;}
.netkimy_bg01 { background:#fbfbfb; padding:40px 0;}

.pro_ul01 { text-align:center; margin-top:40px;}
.pro_ul01 .pro_ul01_li { display:inline-block; width:340px; margin:20px 15px; vertical-align:top; text-align:left; border:#ddd solid 1px; border-top:#aaa solid 3px; border-bottom:#007dab solid 3px; height:450px; background:#fff;}
.pro_ul01_title { font-size:22px; padding:20px 20px 10px 20px; font-weight:700; color:#000;}
.pro_ul01_title span { font-size:16px; font-weight:800; color:#ccc;}
.pro_ul01 .pro_ul01_li ul { padding:0 20px 20px 20px;}
.pro_ul01 .pro_ul01_li ul li { font-size:15px; padding:0 0 7px 10px; margin:0; background:url("/kr/img/sub/cer_dot.jpg") left 8px no-repeat;}

.pro_ul02 { text-align:center;}
.pro_ul02 .pro_ul02_li { display:inline-block; width:520px; margin:20px 15px; border:#eee solid 1px; padding:20px; vertical-align:top; height:260px; background:#fff url("/kr/img/sub/nac_icon_bg.png") right no-repeat;}
.pro_ul02 .pro_ul02_li ul li { font-size:15px; padding:0 0 7px 0; margin:0;}
.pro_ul02_title { font-weight:700; margin-bottom:10px; color:#000;}

.img_center img { margin:0 auto;}
.img_border { border:#ddd solid 1px; border-radius:5px; padding:40px;}

.pro_ul03 { text-align:center;}
.pro_ul03 .pro_ul03_li { display:inline-block; width:340px; margin:20px 15px; vertical-align:top; text-align:left; border:#ddd solid 1px; border-top:#aaa solid 3px; border-bottom:#00ab81 solid 3px; height:420px; background:#fff;}
.pro_ul03 .pro_ul03_li ul { padding:0 20px 20px 20px;}
.pro_ul03 .pro_ul03_li ul li { font-size:15px; padding:0 0 7px 10px; margin:0;}
.pro_ul03_title { font-size:22px; padding:20px 10px 10px 10px; font-weight:700; color:#000;}

.pro_ul03_01 { text-align:center; padding:20px; background:rgba(0,0,0,0.4);}
.pro_ul03_01 .pro_ul03_01_li { display:inline-block; width:320px; margin:20px 15px; vertical-align:top;}
.pro_ul03_01 .pro_ul03_01_li ul li { font-size:17px; padding:0 0 7px 10px; margin:0; color:#fff;}
.pro_ul03_01_title { font-size:22px; padding:20px 10px 10px 10px; font-weight:700; color:#fff;}

.pro_ul05 { text-align:center;}
.pro_ul05 .pro_ul05_li { display:inline-block; width:340px; margin:20px 15px; vertical-align:top; text-align:left; border:#ddd solid 1px; border-top:#aaa solid 3px; border-bottom:#00ab81 solid 3px; height:520px;}
.pro_ul05 .pro_ul05_li ul { padding:0 10px 20px 10px;}
.pro_ul05 .pro_ul05_li ul li { font-size:15px; padding:0 0 7px 10px; margin:0;}
.pro_ul05_title { font-size:22px; padding:20px 20px 10px 20px; font-weight:700; color:#000;}
.ul05_bg01 { background:#fff url("/kr/img/sub/csi_iconbg01.jpg") right bottom no-repeat;}
.ul05_bg02 { background:#fff url("/kr/img/sub/csi_iconbg02.jpg") right bottom no-repeat;}
.ul05_bg03 { background:#fff url("/kr/img/sub/csi_iconbg03.jpg") right bottom no-repeat;}

.xe_process img { margin:40px auto 0 auto;}

.pro_ul04 { text-align:center; background:#fbfbfb; border:#ddd solid 1px; border-radius:8px; padding:30px; margin:0 10px;}
.pro_ul04 li { display:inline-block; width:32%; margin:1% 0.5%; padding:20px 0; vertical-align:top;}
.pro_ul04 .pro_ul04_img { width:150px; height:150px; border:#ddd solid 5px; background:#fff; border-radius:75px; margin:0 auto 10px auto;}
.pro_ul04 .pro_ul04_img img { width:140px; height:140px; border-radius:70px;}
.pro_ul04 li ul {}
.pro_ul04 li ul li { display:inherit; width:100%; padding:0; margin:0;}
.pro_ul04_title { font-weight:700; margin-bottom:10px; color:#000; font-size:20px;}

.pro_ul06 { text-align:center;}
.pro_ul06 .pro_ul06_li { display:inline-block; width:340px; margin:20px 15px; vertical-align:top; text-align:left; border:#ddd solid 1px; border-top:#aaa solid 3px; border-bottom:#ff9c00 solid 3px; background:#fff;}
.pro_ul06 .height01 { height:460px;}
.pro_ul06 .height02 { height:360px;}
.pro_ul06_title { font-size:22px; padding:20px 0 10px 0; font-weight:700; color:#000;}
.pro_ul06 .pro_ul06_li ul { padding:0 20px 20px 20px;}
.pro_ul06 .pro_ul06_li ul li { font-size:15px; padding:0 0 7px 10px; margin:0; background:url("/kr/img/sub/cer_dot.jpg") left 8px no-repeat;}

.kimi_title { font-size:20px; font-weight:700; color:#107b85; margin:40px 0 20px 0;}
.kimi_box01 { margin-bottom:40px; color:#000;}
.kimi_box01 ul { border:#ddd solid 1px; padding:20px; margin:10px 0; color:#777;}
.kimi_box01 ul li { margin-bottom:8px;}
.kimi_imgbox_title_top { text-align:center; font-weight:700; color:#09C; margin-bottom:5px;}
.kimi_imgbox_title { text-align:center; margin:5px 0 20px 0;}
.kimi_imgbox_red { text-align:center; font-size:14px; color:#F00; margin:-20px 0 60px 0;}
.kimi_imgbox01 img, .kimi_imgbox02 img { margin:0 auto;}

.kimi_ul03 { text-align:center;}
.kimi_ul03 .kimi_ul03_li { display:inline-block; width:260px; margin:20px 5px; vertical-align:top; text-align:left; border:#ddd solid 1px; border-top:#aaa solid 3px; border-bottom:#a24fa7 solid 3px; height:310px; background:#fff;}
.kimi_ul03 .kimi_ul03_li ul { padding:0 20px 20px 20px;}
.kimi_ul03 .kimi_ul03_li ul li { font-size:15px; padding:0 0 7px 10px; margin:0;}
.kimi_ul03_title { font-size:22px; padding:20px 10px 10px 10px; font-weight:700; color:#000;}

.kimi_imgbox04 { text-align:center;}
.kimi_imgbox04 li { display:inline-block; width:490px; height:220px; margin:15px; vertical-align:top; font-size:15px; background:#fff; padding:30px;}
.kimi_imgbox04_title { font-size:17px; font-weight:700; text-decoration:underline; color:#107b85; margin:10px 0;}


.homeguard_title01 { font-size:20px; color:#004b6b; font-weight:900; text-align:left; margin:0 auto 20px auto; max-width:800px; padding-left:5px; border-left:#51afb0 solid 4px;}

.homeguard_ul { text-align:center; font-size:0;}
.homeguard_ul .homeguard_ul_li { display:inline-block; vertical-align:top; width:33.3%;}
.homeguard_ul_title { font-size:20px; color:#004b6b; font-weight:900; text-align:left; margin-top:30px; margin-left:10px; padding-left:5px; border-left:#51afb0 solid 4px;}
.homeguard_ul .homeguard_ul_li ul { margin:10px;}
.homeguard_ul .homeguard_ul_li ul li { font-size:15px; display:inline-block; vertical-align:middle; width:50%; text-align:left;}
.homeguard_ul .homeguard_ul_li ul li img { max-width:100%; height:auto; border:#ddd solid 1px;}
.homeguard_ul .homeguard_ul_li ul li .homeguard_ul_cont { padding-left:15px;}
.homeguard_ul .homeguard_ul_li ul li h1 { font-size:17px; font-weight:bold; margin-top:10px;}


.inq_top { padding: 0; text-align:left;}
.inq_top li { margin:10px 0; font-size:17px; color:#666; border:#aaa solid 1px; height:200px !important;}
.inq_top li .inq_top_color { color:#d98225;}
.inq_tab_title { font-size:18px; color:#000; font-weight:800;}
.inq_tab_title02 { font-size:17px; color:#007daa; font-weight:700; margin-top:5px;}
.inq_top .inq_tab01 { background:url("/kr/img/sub/inq_01.jpg") left no-repeat; padding:30px 20px 0 360px;}
.inq_top .inq_tab02 { background:url("/kr/img/sub/inq_02.jpg") left no-repeat; padding:50px 20px 0 360px;}
.inq_content { padding-top:20px;}

.inq_bottombox { margin:-40px 0 -10px 0; padding:20px; display:inline-block; width:100%; background:url("/kr/img/sub/inq_bg.jpg") center no-repeat; background-size:cover;}
.inq_bottom { font-size:17px; margin:30px; color:#eee; text-align:center;}
.inq_bottom span { color:#fff; font-weight:700;}
.inq_bottom img { width:100px;}
.inq_bottom_title { color:#ffd249; font-weight:700; margin:5px 0;}

/*폼메일*/
.inquiry_table {width:100%;}
.inquiry_table .table_left { width:10%; min-width:80px; color:#333; vertical-align:middle; text-align:right; padding-right:10px;}
.inquiry_table .table_right { width:40%; color:#666; padding:10px 5px;}
.inquiry_table .table_right input { width:100%; padding:9px; border:#ccc solid 1px; background:#fff;}
.inquiry_table .table_right select { padding:9px; border:#ccc solid 1px; background:#fff;}
.inquiry_table .table_right textarea { width:100%; padding:9px; border:#ccc solid 1px; background:#fdfdfd;}
.inquiry_table .table_right02 { width:90%; color:#666; padding:5px;}
.inquiry_table .table_right02 input { padding:9px; border:#ccc solid 1px; background:#fff;}
.inquiry_table .table_check { color:#999; text-align:left; padding:10px 0;}
.inquiry_table .table_check a { color:#007daa; text-decoration:underline;}
.inquiry_table .table_check input { margin:-3px 5px 0 0}
.inquiry_table .inq_btn_submit {border:#007daa solid 2px; color:#007daa; background:#fff; padding:5px 30px; font-size:15px; margin-top:10px; transition: .25s ease;}
.inquiry_table .inq_btn_submit:hover {border:#000 solid 2px; color:#000;}

.partner_table {width:100%;}
.partner_table .table_left { width:10%; min-width:80px; color:#333; vertical-align:middle; text-align:left; padding-right:5px;}
.partner_table .table_right { width:90%; color:#666; padding:5px;}
.partner_table .table_right input { width:100%; padding:9px; border:#ccc solid 1px; background:#fff;}
.partner_table .table_right select { padding:9px; border:#ccc solid 1px; background:#fff;}
.partner_table .table_right textarea { width:100%; padding:9px; border:#ccc solid 1px; background:#fdfdfd;}
.partner_table .table_right02 { width:90%; color:#666; padding:5px;}
.partner_table .table_right02 input { width:45%; padding:9px; border:#ccc solid 1px; background:#fff;}
.partner_table .inq_btn_submit {border:#007daa solid 2px; color:#007daa; background:#fff; padding:5px 15px; font-size:15px; margin-top:10px; transition: .25s ease;}
.partner_table .inq_btn_submit:hover {border:#000 solid 2px; color:#000;}
/*폼메일*/
/* 폼메일 팝업창 */
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:555;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop-layer-pro {display:none;}
.pop-layer-pro .btn-r { margin-top:20px; text-align:center;}
.pop-layer-pro .btn-r a { font-size:15px; color:#fff; background:#007daa; padding:7px 15px 5px 15px;}
.pop-layer-pro .pop-container {position:fixed; top:15%; width:400px; left:50%; margin-left:-200px; padding:30px; z-index:9999999; background:#fff;}

.inqpop_title { font-size:17px; font-weight:700; padding-bottom:10px; border-bottom:#007daa solid 2px;}
.inqpop_ul { margin:20px 0;}
.inqpop_ul li { list-style:decimal; margin:0 0 10px 20px;}
.inqpop_text { color:#888; padding-top:20px; border-top:#ccc solid 1px;}

.pop-layer-part {display:none;}
.pop-layer-part .btn-r { text-align:right;}
.pop-layer-part .btn-r a { font-size:30px; color:#000;}
.pop-layer-part .pop-container {position:fixed; top:15%; width:460px; left:50%; margin-left:-230px; padding:20px; z-index:9999999; background:#fff;}
/* 폼메일 팝업창 */

.job_topbox { text-align:center; margin-top:80px;}
.job_top_title { font-size:36px; font-weight:800; color:#888; line-height:1.2;}
.job_top_title span { color:#14a5aa;}
.job_top_title_bar { width:60px; height:1px; background:#14a5aa; margin:20px auto 40px auto;}
.nanum {font-family:"Nanum Barun Gothic";}
.job_topbox_img { padding:12% 40px; background:url("/kr/img/sub/careers_bg.jpg") center fixed no-repeat; color:#fff; text-align:center;}
.job_title01 { text-decoration:underline; font-size:30px; color:#000; font-weight:800; margin-bottom:20px;}
.job_title02 { text-decoration:underline; font-size:30px; color:#ff7200; font-weight:800; margin-bottom:20px;}

.job_box01 { text-align:center; padding:40px 0;}
.job_box01_text01 { font-size:20px; font-weight:800; color:#666;}
.job_box01_text01 span { color:#2690cd;}
.job_box01_text02 { font-size:24px; font-weight:800; color:#ddd; margin:-10px 0 10px 0;}
.job_box01 ul {}
.job_box01 ul li { display:inline-block; width:200px; margin:10px; vertical-align:top; font-size:15px;}

.job_box02 { text-align:center; padding:40px 0;}
/*테이블*/
.pro_table01 table { width:100%; border-top:#14a5aa solid 2px; border-spacing:0; border-collapse:collapse; margin:0;}
.pro_table01 table tr td { border-bottom:#bbb solid 1px; padding:10px 20px; background:#fff; font-size:15px; vertical-align:middle; text-align:center;}
.pro_table01 .table_title01 { background:#7bc4c6; color:#fff; font-size:17px; font-weight:700;}

.pro_table02 table { width:100%; border-top:#aaa solid 2px; border-spacing:0; border-collapse:collapse; margin:0;}
.pro_table02 table tr td { border-bottom:#bbb solid 1px; padding:10px 20px; background:#fff; font-size:15px; vertical-align:middle;}
.pro_table02 .table_title01 { background:#f5f5f5; color:#000; font-size:17px; font-weight:700;}

.pro_table03 table { width:100%; border-top:#14a5aa solid 2px; border-spacing:0; border-collapse:collapse; margin:0;}
.pro_table03 table tr td { border-bottom:#bbb solid 1px; padding:10px 20px; background:#fff; font-size:15px; vertical-align:middle;}
.pro_table03 .table_title01 { background:#f5f5f5; color:#000;}
.pro_table03 .table_title02 { background:#7bc4c6; color:#fff; font-size:17px; font-weight:700;}
.table_red { color:#F00; font-size:14px; margin-top:5px;}
/*테이블*/

.job_box03 { text-align:center; padding:40px 0;}
.job_box03 ul {}
.job_box03 ul li { display:inline-block; margin:15px; width:15%; vertical-align:top;}

.job_box04 { padding:0 30px 40px 30px; background:#fbfbfb; font-size:15px;}
.job_box04_title { font-size:24px; font-weight:800; color:#000; margin-top:40px;}
.job_box04_title_bar { width:40px; height:2px; background:#ccc; margin:7px 0 17px 0;}

.job_box05 { text-align:center; padding:40px 0;}
.job_box05_text { font-size:15px; margin-bottom:40px;}
.job_box05 ul {}
.job_box05 ul li { display:inline-block; margin:15px 30px; width:200px; vertical-align:top;}
.job_certitle { font-weight:800; color:#000;}
.job_certext { font-size:15px;}

/*----------영상 자동높이-----------*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 
/*----------영상 자동높이-----------*/

@media screen and (max-width:767px){
	.job_box03 ul li { margin:10px 0; width:140px;}
	.job_box05 ul li { margin:15px 5px;}
}

.sub_contentsbox { padding:80px 0; color:#666; line-height:1.7;}
.sub_com01_img { margin-top:60px;}
.sub_com_title01 { font-size:30px; color:#000; font-weight:700; margin-bottom:40px;}
.sub_com_title01 span { color:#007daa;}
.sub_com_title02 { font-size:22px; color:#000; font-weight:800; text-transform:uppercase; margin-bottom:40px;}
.sub_com_title02 span { color:#007daa;}

.com01_ul { text-align:center;}
.com01_ul li { display:inline-block; color:#044a6e;}
.com01_ul .com01_ul_img { width:140px; height:140px; padding-top:30px; border:#d1dde7 solid 2px; border-radius:70px; margin:0 auto 10px auto; background:#fff;}
.com01_ul_left { width:32%; background:url("/kr/img/sub/subcom_icon_line_left.jpg") center 70px repeat-x;}
.com01_ul_center { width:34%; background:url("/kr/img/sub/subcom_icon_line.jpg") center 70px repeat-x;}
.com01_ul_right { width:32%; background:url("/kr/img/sub/subcom_icon_line_right.jpg") center 70px repeat-x;}

.sub_com_vision_top { width:200px; height:200px; border:#d1dde7 solid 5px; border-radius:100px; margin:0 auto; position:relative;}
.sub_com_vision_top .vision_logo { margin-top:40%;}
.sub_com_vision_top .dot_bottom { position:absolute; left:84px; bottom:-13px;}
.sub_com_vision_center_line { height:40px; background:url("/kr/img/sub/subcom_icon_line.jpg") center repeat-y;}
.sub_com_vision_center_line02 { height:40px; background:url("/kr/img/sub/subcom_icon_line.jpg") center repeat-y;}
.sub_com_vision_midd_line { height:1px; max-width:858px; margin:0 auto; background:#d5d5d5;}
@media screen and (max-width:1115px){
	.sub_com_vision_center_line02 { height:30px; background:none;}
	.sub_com_vision_midd_line { width:75%;}
}

.com01_ul02 { text-align:center; width:auto;}
.com01_ul02 li { display:inline-block; margin:0 20px;}
.com01_ul02_box { font-size:20px; color:#000; font-weight:800; width:170px; height:170px; border:#007daa solid 2px; border-radius:85px; position:relative; line-height:170px;}
.com01_ul02_box span { color:#007daa;}
.com01_ul02_box .dot_top { position:absolute; left:73px; top:-10px;}
.com01_ul02_text01 { background:#1f6593; margin:20px 0 40px 0; color:#fff; padding:5px 0;}
.com01_ul02_text02 { background:#008fc2; margin:20px 0 40px 0; color:#fff; padding:5px 0;}

.sub_com_table {}
.table_top { border-top:#007daa solid 3px;; border-bottom:#dbdbdb solid 1px; padding:25px 40px; display:inline-block; width:100%;}
.table_td { border-bottom:#dbdbdb solid 1px; padding:25px 40px; display:inline-block; width:100%;}
.table_left01 { float:left; width:20%; font-weight:700;}
.table_left02 { float:left; width:80%;}

.domestic_box_left { font-size:15px; line-height:1.7; margin:0;}
.domestic_box_left img { margin:10px 30px 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); float:left; width:360px; padding:50px 20px; border:#ddd solid 1px;}
.domestic_box_title { font-size:20px; font-weight:700; color:#000; margin-bottom:10px;}
.domestic_box_title span { color:#aaa; font-size:20px; font-weight:900;}
.domestic_box_btn { font-weight:bold; font-size:15px; color:#fff; background:#007daa; padding:10px; margin-right:5px;}

.oversea_title { color:#000; margin:20px 0 30px 0; text-align:center; font-size:20px; line-height:1.7;}
.oversea_title span { color:#007daa; font-weight:800;}
.oversea_title_bar { margin:40px auto; width:50px; height:1px; background:#007daa;}
.oversea_box_left { font-size:15px; line-height:1.7; margin:0 40px;}
.oversea_box_left img { margin:10px 30px 40px 0; box-shadow: 0 0 20px rgba(0,0,0,0.3); float:left; width:360px;}
.oversea_box_right { font-size:15px; text-align:right; line-height:1.7; margin:0 40px;}
.oversea_box_right img { margin:10px 0 40px 30px; box-shadow: 0 0 20px rgba(0,0,0,0.3); float:right; width:300px;}
.oversea_box_title { font-size:24px; font-weight:700; color:#000;}
.oversea_box_btn { margin-top:10px;}
.oversea_box_btn a { font-size:15px; padding:10px 13px; background:#007daa; color:#fff; margin-top:-40px;}

.sub_certifi_box { padding:0 20px 60px 20px; border-bottom:#ddd solid 1px; display:inline-block; width:100%;}
.sub_certifi_box:last-child { border-bottom:none;}
.sub_certifi_box ul { float:left; margin-top:30px; width:68%;}
.sub_certifi_box ul li { margin-bottom:15px; padding-left:20px; background:url("/kr/img/sub/cer_dot.jpg") left 10px no-repeat;}
.sub_certifi_title { font-size:24px; font-weight:700; color:#044a6e; float:left; margin-top:30px; width:32%;}
.sub_certifi_title span { font-weight:300; color:#aaa;}

.part_ul01 { text-align:center; padding-top:40px;}
.part_ul01 .part_ul01_li { display:inline-block; margin:20px; width:260px; vertical-align:top;}
.part_ul01 .part_ul01_li .part_ul01_text { font-size:15px; color:#000;}
.partner_bg01 { background:#fafafa; padding:40px 0; margin-top:60px; margin-bottom:60px;}
.partner_bg02 { background:url("/kr/img/sub/partner_bg.jpg") center bottom no-repeat; background-size:cover; padding:60px 0; margin-top:60px;}
.part_ul02 { text-align:center; padding:20px 0 0 0;}
.part_ul02 .part_ul02_li { display:inline-block; margin:5px; width:260px; background:#000; vertical-align:top;}
.part_ul02 .part_ul02_li .part_ul02_title { font-weight:700; color:#fff; padding:20px 10px 10px 10px;}
.part_ul02 .part_ul02_li .part_ul02_text { font-size:14px; color:#fff; padding:0 15px; height:80px;}
.part_processimg img { margin:0 auto;}
.partner_inq01 { text-align:center; text-shadow: 0 0 10px rgba(0,0,0,0.3); color:#ddd; margin:40px 0 10px 0;}
.partner_inq02 { text-align:center; text-shadow: 0 0 10px rgba(0,0,0,0.3); font-size:22px; color:#fff;}
.partner_inq02 span { color:#f6ff00; text-decoration:underline;}
.partner_inqbt { text-align:center; margin-top:40px;}
.partner_inqbt a { padding:12px 30px; border:#f6ff00 solid 3px; color:#f6ff00;}

.contact_icon { text-align:center; font-size:15px; color:#000; margin-bottom:40px; height:120px; padding:0;}
.contact_map iframe { box-shadow: 0 0 20px rgba(0,0,0,0.3); padding:0; margin:0;}
/* 서브 */
@media screen and (max-width:1150px){
	.main_pro li { padding:100px 30px 50px 30px; width:100%;}
	.main_pro li .main_pro_text { height:auto;}
}

@media screen and (max-width:991px){
	.sns_lang { right:auto; left:20px; top:25px;}

	.sub_probox_left { float:none; width:auto; margin-bottom:20px;}
	
	.domestic_box_left { margin:0;}
	.domestic_box_left img { margin:10px 20px 40px 0; width:400px;}

	.oversea_box_left { margin:0;}
	.oversea_box_left img { margin:10px 20px 40px 0; width:400px;}
	.oversea_box_right { text-align:left; margin:0;}
	.oversea_box_right img { margin:10px 20px 40px 0; float:left; width:400px;}
	
	.content_pro { margin:-80px 0 0 auto;}
	
	.nav_pro { width:280px;}
	
	.pro_ul04 li { width:48%; margin:1% 0.5%;}
	
	.kimi_imgbox02 { float:left; width:30%; margin:0 1.5%;}
	
	.homeguard_ul { text-align:left;}
	.homeguard_ul .homeguard_ul_li { width:50%;}
	
	.inq_top li { font-size:15px;}
	.inq_top .inq_tab01 { padding:30px 20px 0 340px;}
	.inq_top .inq_tab02 { padding:50px 20px 0 340px;}
	
	/*-------제품추가css-------*/
	.nac_ul01 .nac_ul01_li { width:48%;}
	.pro_ul_3sect li { width:48%;}
	.pro_icon_ul .nac_ul01_li { width:48%;}
	/*-------제품추가css-------*/
}

@media screen and (max-width:767px){
	.bottom_sitemap { margin-right:30px; margin-bottom:40px;}
	.bottom_text { border-left:none; border-top:#5d5d5d solid 1px; padding-left:0; padding-top:40px;}
	
	.side_border { border-right:none; border-left:none;}
	.main_aboutus_text02 { margin-bottom:40px;}
	
	.main_aboutus_box001 { width:100%; height:400px;}
	.main_aboutus_box002 { width:100%; height:auto;}
	.main_aboutus_box003 { width:100%; height:auto;}

	.main_aboutus_box_center_text02 { position:none; bottom:auto; margin:40px 0 80px 0; max-width:100%; width:85%; left:auto; margin-left:0;}
	.main_aboutus_box_center_text02_title { margin-bottom:auto;}
	
	.latest { margin-left:20px; width:60%;}
	.latest .latest_title { font-size:20px;}
	.latest img { right:10px;}
	
	.sub_top { font-size:17px;}
	.sub_top_title { font-size:40px;}
	.sub_top_title_pro { font-size:30px;}
	
	.sub_topmenu { height:60px; padding:20px 0;}
	.sub_topmenu .sub_topmenu_left { font-size:13px;}
	.sub_topmenu .sub_topmenu_center { font-size:20px; margin-top:-5px;}
	.sub_topmenu .sub_topmenu_right { font-size:13px;}
	.sub_topmenu .sub_topmenu_center02 { font-size:20px; margin-top:-5px;}
	
	.tabBt { min-width:500px;}
	.tabBt li {width:155px; font-size:13px;}
	
	.pro_menu li { width:140px; padding:8px;}
	.pro_menu li a { font-size:13px;}
	
	.pro_title01 { font-size:17px;}
	.pro_text01 { font-size:15px;}
	.pro_text02 { font-size:17px;}
	
	/*-------제품추가css-------*/
	.nac_ul01 { max-width:500px; margin:-200px auto 0 auto;}
	.nac_ul01 .nac_ul01_li { width:100%; margin:1% 0;}
	.nac_ul01 .nac_ul01_li img { width:80px; margin:10px 0;}
	.nac_ul01 .nac_ul01_li ul { height:auto;}
	
	.pro_ul_3sect { max-width:400px; margin:20px auto 0 auto;}
	.pro_ul_3sect li { width:100%; margin:20px 0;}
	.pro_ul_2sect { max-width:400px; margin:20px auto 0 auto;}
	.pro_ul_2sect li { width:100%; margin:20px 0;}
	
	.pro_icon_ul { max-width:400px; margin:40px auto 0 auto;}
	.pro_icon_ul .nac_ul01_li { width:100%; margin:1% 0;}
	.pro_icon_ul .nac_ul01_li img { width:80px; margin:10px 0;}
	.pro_icon_ul .nac_ul01_li ul { height:auto;}
	
	.nac_ul02 { max-width:500px; margin:20px auto;}
	.nac_ul02 .nac_ul02_li { width:100%;}
	.nac_ul02 .nac_ul02_li:first-child { height:200px;}
	
	.pro_topnav_link li a { font-size:18px;}
	
	.csi_ul02 { max-width:500px; margin:20px auto;}
	.csi_ul02 .csi_ul02_li { width:100%;}
	.csi_ul02 .csi_ul02_li:first-child { height:200px;}
	/*-------제품추가css-------*/

	.sub_probox_right ul li { float:left; width:100%;}
	.sub_probox_right ul li ul { float:left; width:60%;}
	
	.table_left01 { width:30%;}
	.table_left02 { width:70%;}
	
	.domestic_box_left img { margin:0 0 20px 0; float:none; width:auto;}
	.domestic_box_right img { margin:0 0 20px 0; float:none; width:auto;}

	.oversea_box_left img { margin:0 0 20px 0; float:none; width:auto;}
	.oversea_box_right img { margin:0 0 20px 0; float:none; width:auto;}
	
	.sub_certifi_box ul { width:100%;}
	.sub_certifi_title { width:100%;}
	
	.sub_proimg img { width:80%;}
	
	.content_pro { margin:0 0 0 auto;}
	
	/*폼메일*/
	.inquiry_table .table_right { padding:5px;}
	.inquiry_table .table_right input { padding:7px;}
	.inquiry_table .table_right select { padding:7px;}
	.inquiry_table .table_right textarea { padding:7px;}
	.inquiry_table .table_right02 input { padding:7px; width:40%;}
	/*폼메일*/
	
	.pro_ul02 .pro_ul02_li { width:100%; margin:1% 0; height:auto;}
	.pro_ul03 li { width:100%; margin:10px 0;}
	.pro_ul04 li { width:100%; margin:0;}
	
	.kimi_imgbox02 { float:none; width:100%; margin:0;}
	.kimi_imgbox04 li { width:100%; height:auto; margin:20px 0;}

	.homeguard_ul .homeguard_ul_li { width:100%;}
	
	.part_ul02 .part_ul02_li { width:400px;}
	.part_ul02 .part_ul02_li .part_ul02_text { height:auto; padding-bottom:20px;}

	.inq_top .inq_tab01 { background:url("/kr/img/sub/inq_01.jpg") -80px no-repeat; padding:30px 20px 0 260px;}
	.inq_top .inq_tab02 { background:url("/kr/img/sub/inq_02.jpg") -80px no-repeat; padding:50px 20px 0 260px;}
}

@media screen and (max-width:700px){
	.nav_pro { width:353px;}

	.inq_top li .inq_top_span { display:block;}
	.inq_top .inq_tab01 { background:url("/kr/img/sub/inq_01.jpg") -120px no-repeat; padding:15px 20px 0 220px;}
	.inq_top .inq_tab02 { background:url("/kr/img/sub/inq_02.jpg") -120px no-repeat; padding:50px 20px 0 220px;}
}