@charset "utf-8";
/* CSS Document */

#svisual {}
#smenu_area{ width:100%; background: #fff; border-bottom:1px solid #dcdcdc; height: 51px;}
#smenu {
    background: #fff;
    position: relative;
	width:100%;
}

.submenu3 {margin:0 auto;margin-top:20px;}
.submenu3 ul{margin:0 auto;}
.submenu3 li{float:left;;width:24%;font-size:14px;background:#f2efe9;border-bottom:3px solid #f2efe9;padding:12px 20px; text-align:center}
.submenu3 li.on{border-bottom:3px solid #DAA47F; color:#7B5C47; font-weight:700; z-index:4;}

@media(max-width:640px){
	.submenu3 {margin:0;}
	.submenu3 li{width:100%;border-bottom:1px solid #DAA47F;}
	.submenu3 li.on {border-bottom:1px solid #DAA47F; }

}

.subimg  {background:url(../img/svisual.jpg) no-repeat center top;}
.subimg2 {background:url(../img/svisual2.jpg) no-repeat center top;}
.subimg10 {background:url(../img/svisual_10.jpg) no-repeat center 80px;background-size:auto 100%;}

.subimg20 {background:url(../img/svisual_20.jpg) no-repeat center 30px;background-size:auto 100%;}
.txt_box20 p.mt03 {color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,0.4);font-weight:400;font-family:'Noto Sans KR',sans-serif;}
.txt_box20 p.mt04 {color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,0.4);font-weight:400;font-family:'Noto Serif KR',sans-serif;letter-spacing:0;font-size:23px;}

.subimg30 {background:url(../img/svisual_30.jpg) no-repeat center 30px;background-size:auto 100%;}
.txt_box30 p.mt03 {color:#218390;font-weight:400;font-family:'Noto Sans KR',sans-serif;}
.txt_box30 p.mt04 {color:#218390;font-weight:400;font-family:'Noto Serif KR',sans-serif;letter-spacing:0;font-size:23px;}

.subimg50 {background:url(../img/svisual_50.jpg) no-repeat center 30px;background-size:auto 100%;}
.txt_box50 p.mt03 {color:#218390;font-weight:400;font-family:'Noto Sans KR',sans-serif;}
.txt_box50 p.mt04 {color:#218390;font-weight:400;font-family:'Noto Serif KR',sans-serif;letter-spacing:0;font-size:23px;}

.subimg60 {background:url(../img/svisual_60.jpg) no-repeat center 60px;background-size:auto 100%;}
.txt_box60 p.mt03 {color:#615F5F;font-weight:400;font-family:'Noto Sans KR',sans-serif;}
.txt_box60 p.mt04 {color:#615F5F;font-weight:400;font-family:'Noto Serif KR',sans-serif;letter-spacing:0;font-size:23px;}

.subimg80 {background:url(../img/svisual_80.jpg) no-repeat center 30px;background-size:auto 100%;}
.txt_box80 p.mt03 {color:#218390;font-weight:400;font-family:'Noto Sans KR',sans-serif;}
.txt_box80 p.mt04 {color:#218390;font-weight:400;font-family:'Noto Serif KR',sans-serif;letter-spacing:0;font-size:23px;}

/*서브-내용부분*/
#sub_title{ margin-bottom:20px; float: left; width: 60%;}

@media screen and (max-width:767px) {
	/*#svisual {background:url(../img/svisual_m.jpg) no-repeat left bottom;background-color:#e1e1e1;}*/
/*서브-내용부분*/
#sub_title{ margin-bottom:20px; float: left; width: 100%;}
}

/*컨텐츠 타이틀*/
#content_h{ width:100%; margin:0; padding:30px 0 0}
#content_h:after {display:block;visibility:hidden;clear:both;content:""}
#content_h #container_title{width:60%; margin-bottom:0px; float:left}
#content_h #container_title h2{ padding-left:35px; background: url(../img/sub/icon_t.png) no-repeat 0 6px; font-size:2.0em; font-weight:600; letter-spacing:-.095em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif}
#content_h #container_stitle{margin-bottom:0px;font-size:0.95em; font-weight:250; letter-spacing:-.055em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#87919c; padding:0 0 10px}

/*페이지 경로 location*/
#content_h .location{ height:57px; width:40%; margin:0 0 0; background:#fff; float:right; text-align:right}
#content_h .location h3{ display:none}
#content_h .location_box{ margin:0px auto}
#content_h .location_box:after {display:block;visibility:hidden;clear:both;content:""}

#content_h .location_box .text{  height:52px; padding:0}
#content_h .location_box .text ul{ height:52px}
#content_h .location_box .text li{ margin:0 0px 0 3px; display:inline; height:52px; font-size:0.95em; line-height:52px; color:#888; letter-spacing:-.050em}
#content_h .location_box .text li span{color:#3281cb; font-weight:500}
#content_h .location_box .text li.arrow{ color:#e4e4e4;}
#content_h .location_box .text img{ vertical-align:middle}
#content_h .location_box .sns{ float:right; padding:0 0 0}

/*컨텐츠 타이틀*/
@media screen and (max-width:767px) {
#content_h{ width:100%; margin:0; padding:0 0 0}
#content_h:after {display:block;visibility:hidden;clear:both;content:""}
#content_h #container_title{width:100%; margin: 10px 0 0 0; padding: 0 0 0 10px;}
#content_h #container_title h2{ background: url(../img/sub/icon_t.png) no-repeat 0 6px; padding:0 0 10px 35px;font-size:22px; font-weight:500; letter-spacing:-.085em; line-height:32px; font-family:'Noto Sans KR', sans-serif;color:#A0A4B0}
#content_h #container_stitle{margin-bottom:0px;font-size:0.95em; font-weight:250; letter-spacing:-.055em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#87919c; padding:0 0 10px}


/*페이지 경로 location*/
#content_h .location{ height:42px; width:100%; margin:0 0 0; background:#3B8F99; text-align:left; padding: 0 0 0 10px;}
#content_h .location h3{ display:none}
#content_h .location_box{ margin:0px auto}
#content_h .location_box:after {display:block;visibility:hidden;clear:both;content:""}

#content_h .location_box .text{  height:42px; padding:0}
#content_h .location_box .text ul{ height:42px}
#content_h .location_box .text ul li a:link, visited, hover, focus, active{ color:#fff !important}
#content_h .location_box .text li{ margin:0 0 0 2px; display:inline; height:42px; line-height:42px; color:#fff; font-size:0.85em; letter-spacing:-.05em;opacity:0.7}
#content_h .location_box .text li span{color:#fff; opacity:1.0}
#content_h .location_box .text li.arrow{ opacity:0.7}
#content_h .location_box .text img{ vertical-align:middle}
#content_h .location_box .sns{ float:right; padding:0 0 0}
}
 
 
/* 서브페이지 2차 타이틀 */
#svisual #smenu_t{ position:absolute; right:0; left:50%; width:550px; text-align:right; top:210px; z-index:3; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-weight:600; font-size:2.7em; letter-spacing:-.050em; color:#fff; text-shadow:#222 1px 1px 1px}

/* 소제목 */
h3.m_title{margin:0;;word-break:break-all; font-size:1.45em; line-height:1.4em; color:#2a54a3; font-weight:700; letter-spacing:-.095em; padding:0 0 20px 22px; background:url(../img/sub/icon_st.png) 0 6px no-repeat}

/* 내용_단락*/
.s_content_area{ margin:10px 0 0}
.s_content_area h4{ font-size:1.30em; line-height:1.0em; font-weight:bold; letter-spacing:-.095em; display:block; padding:15px 0}
.p_section{ /*border-bottom:1px solid #EFEFEF;*/ padding:0 5px 25px 5px}
.para_list{ margin:0px; padding:0px;}
.para_list li{margin-bottom:8px;padding-left:12px;background:url(../images/common/bul_li_t1.png) no-repeat 0 10px; }
.para_list li em{font-weight:bold;color:#2166b2;font-size:1.25em; line-height:1.8em;letter-spacing:-.055em}
.para_list li li{margin-bottom:0;padding-left:7px;background:url(../images/common/bul_li_t2.png) no-repeat 0 7px;font-size:1.05em; letter-spacing:-.015em; color:#666}

/* 내용_단락*/
.s_content_p2p{ margin:0; min-height:150px}
.s_content_p2p h4{ font-size:1.30em; line-height:1.0em; font-weight:bold; letter-spacing:-.095em; display:block; padding:15px 0}
.p2p_section{ border-bottom:1px solid #EFEFEF; padding:0 5px 25px 5px}
.para_list02{ margin:0px; padding:0px;}
.para_list02 li{margin-bottom:8px;padding-left:12px;background:url(../img/common/bul_li_t1.png) no-repeat 0 10px; }
.para_list02 li em{font-weight:bold;color:#2166b2;font-size:1.25em; line-height:1.8em;letter-spacing:-.055em}
.para_list02 li li{margin:10px 0 0 -10px;padding-left:10px;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:1.05em; letter-spacing:-.015em; color:#666}
.para_list02 li li.span{color:#25aae1; font-weight:bold}
#middle_info{ background:#fff; width:100%; position:relative; margin:0px auto; padding:20px 0 0}
#middle_info:after {display:block;visibility:hidden;clear:both;content:""}


/* 내용-인사말 */
.introduce{background:url(../img/sub/introduce_bar.png) no-repeat top left #fff; padding:70px 30px 30px 30px; min-height:581px;}
.introduce .ceo{margin-top:30px;padding:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;min-height:300px;}
.introduce .ceo img{max-width:170px}
.introduce .ceo ul {margin-top:30px;}
.introduce .ceo li {line-height:34px;font-size:17px;list-style:square}
@media screen and (max-width:767px) {
.introduce{background:url(../img/sub/introduce_bar.png) no-repeat top left #fff; padding:70px 30px 30px 30px; min-height:0px}
}

/* 내용-경영이념 */
.manager_01{ width:220px; height:220px; border-radius:100%; background:#00a0e9; padding:30px 0 10px 0; float:right}
.manager_01 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_01 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_02{ width:220px; height:220px; border-radius:100%; background:#2a69d1; padding:30px 0 10px 0; margin:0px auto}
.manager_02 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_02 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_03{ width:220px; height:220px; border-radius:100%; background:#f45802; padding:30px 0 10px 0; float:left}
.manager_03 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_03 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_04{ width:270px; height:270px; border-radius:100%; background:#292b89; padding:60px 0 10px 0; margin:0px auto}
.manager_04 .t{padding:0;word-break:break-all; font-size:1.85em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_04 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

@media screen and (max-width:767px) {
.manager_01{ width:220px; height:220px; border-radius:100%; background:#00a0e9; padding:30px 0 10px 0; margin:10px auto; float:none}
.manager_01 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_01 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_02{ width:220px; height:220px; border-radius:100%; background:#2a69d1; padding:30px 0 10px 0; margin:10px auto}
.manager_02 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_02 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_03{ width:220px; height:220px; border-radius:100%; background:#f45802; padding:30px 0 10px 0; margin:10px auto; float:none}
.manager_03 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_03 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_04{ width:270px; height:270px; border-radius:100%; background:#292b89; padding:60px 0 10px 0; margin:10px auto}
.manager_04 .t{padding:0;word-break:break-all; font-size:1.85em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_04 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}	
}


/* 내용-조직도 */
.org_wrap {width:100%; margin:20px 0 0 0; position: relative;}
.org_wrap .org_headoffice{position:relative; background:url(../img/sub/bg_org_headoffice.gif) no-repeat center top; text-align:center; }
.org_wrap .org_headoffice .headoffice_top span{display:inline-block; }
.org_wrap .org_headoffice .headoffice_top span.chief_st{width:178px; height:50px; padding:11px; font-size:1.286em; color:#fff; font-weight:600; letter-spacing:-1px;}
.org_wrap .org_headoffice .headoffice_top span.chief{background:#406abf; }
.org_wrap .org_headoffice .headoffice_top span.deputy_chief{margin-top:30px; background:#24aee1; }
.org_wrap .org_headoffice .headoffice_top span.immediate_st{margin-top:30px; position:absolute; width:178px; /*height:50px;*/ padding:11px; font-size:1.143em; color:#fff; font-weight:600; letter-spacing:-1px; background:#24aee1;left: 50%; margin-left: 100px; }
.org_wrap .org_headoffice .headoffice_top span.immediate_part1{top:43px; right:0; }
.org_wrap .org_headoffice .headoffice_top span.immediate_part2{top:128px; right:0; }
.org_wrap .org_headoffice .headoffice_top .org_part{overflow:hidden; margin:93px 0 0 -10px; }
.org_wrap .org_headoffice .headoffice_top .org_part li{float:left; width:200px; margin-bottom:10px; padding:18px 0; background:#eee; border:1px solid #e0e0e0; font-size:1.071em; color:#333; letter-spacing:-1px; }
.org_wrap .org_headoffice .headoffice_top .org_part li a{display:block; margin-left:10px; padding:18px 0; background:#eee; border:1px solid #e0e0e0; font-size:1.071em; color:#333; letter-spacing:-1px; }

/* 내용-조직도 상부팀 */
.org_wrap .org_headoffice .headoffice_substructure{overflow:hidden; margin:120px 0 0 0; display: inline-block;}
.org_wrap .org_headoffice .headoffice_substructure .org_subbox{float:left; width:140px; margin:10px; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont p.org_sub_title{width:140px; height:37px; padding:5px 0 0 0; font-size:1.143em; color:#fff;  font-weight:600; letter-spacing:-1px; background:#3a3a3a;; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; padding:12px 0; border:1px solid #ddd; color:#333; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333; }

/* 내용-조직도 하부팀 */
.org_wrap .org_substructure {overflow:hidden; margin:45px 0 0 0; display: inline-block;}
.org_wrap .org_substructure .org_subbox{float:left; width:100px; margin:5px; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_substructure .org_subcont p.org_sub_title{width:100px; height:37px; padding:5px 0 0 0; font-size:1.143em; color:#fff;  font-weight:600; letter-spacing:-1px; background:#6d727c; }
.org_wrap .org_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; }
.org_wrap .org_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333; }

.org_wrap .org_substructure .org_dong{width:300px;}
.org_wrap .org_substructure .org_dong ul{overflow:hidden; margin-left:-4px;}
.org_wrap .org_substructure .org_dong ul li{float:left; width:50%;}
.org_wrap .org_substructure .org_dong ul li a{display:block; margin-left:4px; color:#333; }


@media (max-width: 570px) {
/* 내용-행정조직도 */
.org_wrap {width:100%; margin:20px 0 0 0; position: relative;}
.org_wrap .org_headoffice{position:relative; background:none; text-align:center; }
.org_wrap .org_headoffice .headoffice_top span{display:inline-block; }
.org_wrap .org_headoffice .headoffice_top span.chief_st{width:100%; height:50px; padding:11px; font-size:1.286em; color:#fff; font-weight:600; letter-spacing:-1px;}
.org_wrap .org_headoffice .headoffice_top span.chief{background:#406abf; }
.org_wrap .org_headoffice .headoffice_top span.deputy_chief{margin-top:30px; background:#24aee1; }
.org_wrap .org_headoffice .headoffice_top span.immediate_st{margin-top:30px; position:absolute; width:100%; height:50px; padding:11px; font-size:1.143em; color:#fff; font-weight:600; letter-spacing:-1px; background:#24aee1; left: 0; margin-left: 0;}
.org_wrap .org_headoffice .headoffice_top span.immediate_part1{top:43px; right:0; }
.org_wrap .org_headoffice .headoffice_top span.immediate_part2{top:128px; right:0; }
.org_wrap .org_headoffice .headoffice_top .org_part{overflow:hidden; margin:93px 0 0 -10px; }
.org_wrap .org_headoffice .headoffice_top .org_part li{float:left; width:100%; margin-bottom:10px;  }
.org_wrap .org_headoffice .headoffice_top .org_part li a{display:block; margin-left:10px; padding:18px 0; background:#eee; border:1px solid #e0e0e0; font-size:1.071em; color:#333; letter-spacing:-1px; }

/* 내용-조직도 상부조직 */
.org_wrap .org_headoffice .headoffice_substructure{overflow:hidden; margin:100px 0 0 0; display: inline-block; width: 100%;}
.org_wrap .org_headoffice .headoffice_substructure .org_subbox{float:left; width:100%; margin:10px 0; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont p.org_sub_title{width:100%; height:37px; padding:5px 0 0 0; font-size:1.143em; color:#fff;  font-weight:600; letter-spacing:-1px; background:#1b1b1b;; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333; }

/* 내용-조직도 하부조직 */
.org_wrap .org_substructure {overflow:hidden; margin:45px 0 0 0; display: inline-block;  width: 100%;}
.org_wrap .org_substructure .org_subbox{float:left; width:100%; margin:5px 0; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_substructure .org_subcont p.org_sub_title{width:100%; height:37px; padding:5px 0 0 0; font-size:1.143em; color:#fff;  font-weight:600; letter-spacing:-1px; background:#6d727c; }
.org_wrap .org_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; }
.org_wrap .org_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333;}

.org_wrap .org_substructure .org_dong{width:300px;}
.org_wrap .org_substructure .org_dong ul{overflow:hidden; margin-left:-4px;}
.org_wrap .org_substructure .org_dong ul li{float:left; width:50%;}
.org_wrap .org_substructure .org_dong ul li a{display:block; margin-left:4px; color:#333; }
}


/* 내용-연혁 */
.his_ul li{/*border-bottom:1px solid #e5e6e6;*/overflow:hidden;padding:15px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{color:#0167b2;font-size:1.5em;left:0;letter-spacing:-1px;line-height:32px;position:absolute;top:15px;background:url(../img/sub/icon_his_y.gif) no-repeat 0 8px;padding-left:25px}
.his_ul li .history_dl{margin:0 0 0;padding:5px 0 0 15%;position:relative;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:600;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{padding:0 0 0 12%;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 5px 0;margin-top:15px}

@media all and (max-width:800px) {
.his_top{background:none;}
.his_ul li strong{position:relative;top:auto;left:auto;background:url(../img/sub/icon_his_y.gif) no-repeat 0 4px;}

.his_ul li .history_dl{padding:0 0 0 8%;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{padding-left:0;}
}


/* 내용-제품뷰 */
.pro_t{padding:0;word-break:break-all; font-size:1.8em; line-height:1.2em;color:#333; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin:0 0 20px 0}
.pro_c{padding:0;word-break:break-all; font-size:1.05em; line-height:1.2em;color:#555; font-weight:300;letter-spacing:-.035em;}
.pro_c .b{padding:0;word-break:break-all; font-size:1.25em; line-height:1.2em;color:#555; font-weight:600;letter-spacing:-.035em;}
.pro_box{ border-top:1px solid #e4e5e8; border-bottom:1px solid #e4e5e8; background:#f8f9fb; padding:15px 0 15px 15px; margin-bottom:20px }
.pro_box span.num{padding:0;word-break:break-all; font-size:1.50em; line-height:1.2em;color:#333; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.045em;}
.pro_smenu { border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:15px 0;}
.pro_smenu ul{ display:inline-block; margin:0px auto; text-align:center; left: 50%;position: relative;margin-left: -250px;}
.pro_smenu li{ display:inline-block;}
.pro_smenu li a{ margin:0 10px; font-weight:bold; font-size:1.0em; color:#555; letter-spacing:-.050em; text-align:center}

@media all and (max-width:767px) {
.pro_t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#333; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin:0 0 20px 0}
.pro_c{padding:0;word-break:break-all; font-size:1.0em; line-height:1.2em;color:#555; font-weight:300;letter-spacing:-.035em;}
.pro_c .b{padding:0;word-break:break-all; font-size:1.25em; line-height:1.2em;color:#555; font-weight:600;letter-spacing:-.035em;}
.pro_box{ border-top:1px solid #e4e5e8; border-bottom:1px solid #e4e5e8; background:#f8f9fb; padding:15px 0 15px 15px; margin-bottom:20px }
.pro_box span.num{padding:0;word-break:break-all; font-size:1.30em; line-height:1.2em;color:#333; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.045em;}
.pro_smenu { border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:15px 0;}
.pro_smenu ul{ display:block; margin:0px auto; text-align:center; left: 0%;position: relative;margin-left: 0px;}
.pro_smenu li{ }
.pro_smenu li i{display:none }
.pro_smenu li a{ margin:0 2px; font-weight:bold; font-size:1.0em; color:#555; letter-spacing:-.190em; text-align:center; font-size:0.95em; }
}

/* 내용-제품뷰 tabs */
.css3-tab {
  list-style: none;
  margin: 0 auto 40px;
  padding: 0;
  position: relative;
  width: 100%;
}
.css3-tab input[type='radio'] {
  display: none;
}
.css3-tab .css3-tab-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.css3-tab .css3-tab-nav label {
  display: table-cell;
  background: #71727B;
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  transition: all .3s ease 0s;
  font-size:1.1em;
}
.css3-tab .css3-tab-nav label:hover {
  cursor: pointer;
  background: white;
  color: #666666;
  transition: all .3s ease 0s;
}
@media (max-width: 692px) {
 /*  .css3-tab .css3-tab-nav {
    display: block;
    margin: 0 0 20px;
  }
  .css3-tab .css3-tab-nav label {
    display: block;
    box-sizing: border-box;
   width: 100%;
    padding: 12px;
	margin-bottom: 1px;
  }*/
}
.css3-tab .css3-tab-content {
  overflow: hidden;
  padding: 0 0 0 0;
  display: none;
  background: #FFF;
  clear: left;
  box-sizing: border-box;
  letter-spacing:-3px;
}
.css3-tab input[id='tabOne']:checked ~ .css3-tab-nav label[for='tabOne'] {
  background: #3b8f99;
  color: #fff;
  cursor: default;
  /*font-size:1.25em;*/
}
.css3-tab input[id='tabOne']:checked ~ div.tab-one {
  display: block;
  /*border-top: solid 2px #18a4eb;*/
}
.css3-tab input[id='tabTwo']:checked ~ .css3-tab-nav label[for='tabTwo'] {
  background:#18a4eb;
  color: #fff;
  cursor: default;
  /*font-size:1.25em;*/
}
.css3-tab input[id='tabTwo']:checked ~ div.tab-two {
  display: block;
  /*border-top: solid 2px #18a4eb;*/
}
.css3-tab input[id='addNew']:checked ~ .css3-tab-nav label[for='addNew'] {
  background:#18a4eb;
  color: #fff;
  cursor: default;
  /*font-size:1.25em;*/
}
.css3-tab input[id='addNew']:checked ~ div.add-new {
  display: block;
  /*border-top: solid 2px #18a4eb;*/
}
.css3-tab input[id='addtwo']:checked ~ .css3-tab-nav label[for='addtwo'] {
  background:#18a4eb;
  color: #fff;
  cursor: default;
  /*font-size:1.25em;*/
}
.css3-tab input[id='addtwo']:checked ~ div.add-two {
  display: block;
  /*border-top: solid 2px #18a4eb;*/
}
.css3-tab input[id='addthree']:checked ~ .css3-tab-nav label[for='addthree'] {
  background:#18a4eb;
  color: #fff;
  cursor: default;
  /*font-size:1.25em;*/
}
.css3-tab input[id='addthree']:checked ~ div.add-three {
  display: block;
  /*border-top: solid 2px #18a4eb;*/
}
.css3-tab input[id='addfour']:checked ~ .css3-tab-nav label[for='addfour'] {
  background:#18a4eb;
  color: #fff;
  cursor: default;
  /*font-size:1.25em;*/
}
.css3-tab input[id='addfour']:checked ~ div.add-four {
  display: block;
  /*border-top: solid 2px #18a4eb;*/
}
.css3-tab input[id='addfive']:checked ~ .css3-tab-nav label[for='addfive'] {
  background:#18a4eb;
  color: #fff;
  cursor: default;
  /*font-size:1.25em;*/
}
.css3-tab input[id='addfive']:checked ~ div.add-five {
  display: block;
  border-top: solid 2px #18a4eb;
}