@charset "utf-8";

/*서브 비주얼 */
.sub .svisu_area{width:100%;height:300px; position:relative; }
.sub .svisu_area .svisual{width:100%; height:300px; position:absolute;top:0;}
.sub .svisu_area .visu_sgarea{width:100%; overflow:hidden; position:absolute; top:105px; text-align:center;}
.sub .svisu_area .visu_sgarea .visu_sg1 {position:relative; width:100%; height:200px; margin-top:30px; z-index:1000; display:none; font-family:notokrM; font-size:22px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.7); line-height:30px;}
.sub .svisu_area .visu_sgarea .visu_sg1 span{font-size:16px; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}

/* 박스 */
.SubBax {width:100%; overflow:hidden;}
.SubBax p{font-size:14px; line-height:16px; letter-spacing:-0.02em; font-family:notokrM;}
.SubBax span{font-size:13.5px; line-height:25px; letter-spacing:-0.02em; font-family:notokrM;}

/* 1-1인사말 */
.gree {width:100%;}
.gree .left{width:60%; float:left; }
.gree .right{width:40%; float:left;}
.gree .left img{width:100%; padding:0 50px 0 0}
.gree .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree .right h2 img{padding:0 0 10px 0}
.gree .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree .right p{text-align:right; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree .right p span{font-size:18px; font-family:notokrM; color:#333;}


/* 1-2인사말 */
.gree2 {width:100%;}
.gree2 .left{width:70%; float:left; }
.gree2 .right{width:30%; float:left;}
.gree2 .left img{width:100%; padding:0 50px 0 0}
.gree2 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree2 .right h2 img{padding:0 0 10px 0}
.gree2 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree2 .right p{text-align:right; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree2 .right p span{font-size:18px; font-family:notokrM; color:#333;}


/* 1-3인사말 */
.gree3 {width:100%;}
.gree3 .left{width:30%; float:left; }
.gree3 .right{width:70%; float:left;}
.gree3 .left img{width:100%; padding:0 50px 0 0}
.gree3 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree3 .right h2 img{padding:0 0 10px 0}
.gree3 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree3 .right p{text-align:left; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree3 .right p span{font-size:18px; font-family:notokrM; color:#333;}


/*주요 타이틀 */
.contTitle{font-size:18px; padding:0 15px; border-left:5px solid #ddd; margin-bottom:15px; font-family:notokrM; color:#000;}
.contTitle2 {background:url("/img/layout/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 15px 0; }
.contTitle2 h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#333; font-size:18px; font-family:notokrM; letter-spacing:-0.01em;}

/* 회사개요 */
table.company {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); font-family:notokrM; font-size:13px;}
table.company th {height:1px; background-color:#ddd;}
table.company td:last-child {border-right:1px solid #ddd;}
table.company th:last-child {border-right:1px solid #dddd;}
table.company td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none;}
table.company tr:hover td {background-color:#f7f7f7;}
.comTd_bg2 {background-color: #f7f7f7; font-weight:bold;}

/* 회사연혁 */
.history {overflow:hidden;}
.his_img img {width:100%; margin-bottom:50px;}
.history .his_text .left_year > p.bg1 {background:url("/img/sub/his_bg.png"); }
.history .his_text .left_year > p.bg2 {background:url("/img/sub/his_bg2.png"); }
.history .his_text{ margin-top:20px; width:100%;}
.history_rt_txt { width:100%; line-height:27px;}
.history .his_text .left_year{float:left; width:10%; margin-left:13%;}
.history .his_text .left_year:hover { opacity:0.9; }
.history .his_text .left_year > p{width:100px; font-size:1.6em; text-align:center; font-weight:600; color:#fff; letter-spacing:-1px; border-radius:8px; border-bottom:2px solid #95b1b5; padding:6px 20px;}
.history .his_text .right_month{float:left; width:830px; overflow:hidden;  border-bottom:2px solid #e1e1e1; margin-bottom:20px; margin-left:65px;}
.history .his_text .right_month > ul{border-bottom:1px dotted #575757;}
.history .his_text .right_month > li:last-child > ul > li{border:0;}
.history .his_text .right_month .month{clear:both; font-size:25px; line-height:42px; color:#707070; font-family:'notokrM';}
.history .his_text .right_month .text{font-size:14px; color:#444; margin-left:10px; font-family:'notokrM';}
.history .his_text .right_month .text ul li{border-bottom:2px dashed #efefef; margin-bottom:10px; padding-bottom:20px; line-height:23px; margin-top:9px; padding-left:12px;
                background:url("/img/sub/txt_con.png") no-repeat 0 12px;}
.history .his_text .right_month .text ul li:last-child{}

@media screen and (min-width:1152px) {
.history .his_text .right_month > li{float:left;}
.history .his_text .right_month .text ul li{width:566px;}
}

@media screen and (min-width:768px) and (max-width:1151px) {
.history .his_text .left_year > p{padding:6px 2.5%;}
.history .his_text .right_month{width:60%; margin-left:40px;}
.history .his_text .right_month .text{font-size:.99em;}
.history .his_text .right_month .text ul li{margin-top:9px; padding-left:12px;}
}

@media screen and (max-width: 767px) {
.history .his_text .left_year{ width:17%; margin:20px 0 0 3%;  }
.history .his_text .left_year > p{font-size:1.5em; padding:6px}
.history .his_text .right_month{ width:100%; margin:15px 0 0 4%}
.history .his_text .right_month > li{ }
.history .his_text .right_month .month{width:15%; }
}

/* 조직도 */
.organ {width:100%; text-align:center; margin-bottom:20px;}

@media screen and (max-width: 1151px) {
.organ img{width:100%;}
}

/* 미션 */
.mission_area {width: 100%; letter-spacing:-0.03em;} 
.mission_area .title { font-size:24px; color:#000; text-align: center;  padding-bottom:15px; position: relative; word-break:keep-all; line-height:1.2; margin:10px 0 40px 0;}

.mission_area .title:after { /*content: ""; display: block; width: 10px; height: 10px; background: #115ba6; position: absolute; bottom: -5px; left: 50%; margin: 0 0 0 -5px;*/}
.mission_area .title:before { content: ""; display: block; width: 200px; height: 2px; background: #ddd; position: absolute; bottom: -1px; left: 50%; margin: 0 0 0 -100px;}

.mission {width:100%; margin:0 0 30px 0; position: relative; margin-top:80px;}
.mission .icon {position:absolute; width:150px; height:150px; top:-75px; left:50%; margin-left:-75px;  background:#fff; text-align: center; z-index:111; border:1px solid #ddd; border-radius:50%; 
          box-sizing:border-box; box-shadow:1px 1px 25px rgba(0,0,0,0.1);}
.mission .icon .img1{padding-top:20px;}
.mission .icon .img2{padding-top:15px;}
.mission .icon .p1{padding-top:10px; font-size: 20px; color: #000;}
.mission .icon .p2{padding-top:10px; font-size: 20px; color: #000;}
.mission .txt {position:absolute; width:80%; top:45%; left:10%;  background:rgba(255,255,255, .4); padding:40px 0;  z-index:111;}
.mission .txt p{font-size:32px; color: #000; text-align: center;}
.mission .txt p .img_left{padding:0 10px 5px 0}
.mission .txt p .img_right{padding:5px 0 0 10px}

.mission_area .areas{width:100px; height:100px; position: relative; margin:30px auto 30px auto; border:1px solid #ddd; border-radius:50%; text-align: center; padding-top:25px;}
.mission_area .areas_img{}

/* 미션-핵심가치 */
.mission_key{width: 100%; overflow:hidden; position: relative; margin-top:0px;}
.mission_key ul{margin:0 0 0 -6%}
.mission_key ul li{float:left; width: calc(25% - 6%); height:180px; margin:0 0 20px 6%; display:inline-block;vertical-align:top; border-radius:50%;box-sizing:border-box;background-color:#fff; 
      border:1px solid #ddd;}
.mission_key ul li img{display:block;margin:0 auto;padding-top:25px;}
.mission_key ul li p{font-size:18px;font-weight:500;color:#26282c;text-align:center;padding-top:15px;}
.mission_key ul li span{display:block;font-size:18px;font-weight:300;line-height:26px;color:#6c6d6f;text-align:center;padding-top:5px;}

/* 미션-핵심전략 */
.mission_strat_box {width:100%; overflow:hidden; margin-top:20px; }
.mission_strat {float:left; width:48%;  margin-left:0%; padding:5px 5px 5px 0; border-radius:7px; margin-bottom:20px;}
.mission_strat:nth-child(1), .mission_strat:nth-child(3){margin-left:0}
.mission_strat_bg1{background:#93d6de; }
.mission_strat_bg2{background:#9cd4ef; }
.mission_strat_bg3{background:#d2cfe2;}
.mission_strat_bg4{background:#a2bce1;}
.mission_strat_bg5{background:#c2cfe2;}
.mission_strat_bg6{background:#c2bce1;}
.mission_strat .left{float:left; width:20%;  padding-top:7%}
.mission_strat .left span{color:#fff; text-align: center;}
.mission_strat .left .span_bg{ padding:10px 15px; margin-left:39%; border-radius:7px;}
.mission_strat .left .span_bg1{background:#3eb2bb;}
.mission_strat .left .span_bg2{background:#73a1b7;}
.mission_strat .left .span_bg3{background:#9b96b4;}
.mission_strat .left .span_bg4{background:#627caa;}
.mission_strat .left .span_bg5{background:#8b96b4;}
.mission_strat .left .span_bg6{background:#827caa;}
.mission_strat .left .h2_1{ line-height:25px; font-size:18px; color:#000; text-align:center; margin-top:20px;}
.mission_strat .right{float:left; width:79.5%; height:72px; background:#fff; border:1px solid #d2dedf; padding:20px 20px 20px 30px; letter-spacing:-0.01em; border-radius:7px;}
.mission_strat:nth-child(1) .right, .mission_strat:nth-child(2) .right{padding:30px 20px 20px 30px;}
.mission_strat:nth-child(3) .right{padding:35px 20px 20px 30px;}
.mission_strat .right span{font-size:16px; color:#666;}
.mission_strat .right ul li{ font-size:16px; color:#666; line-height:20px; background:url("/img/sub/t_icon1.png") no-repeat left 7px; padding-left:12px; margin-bottom:10px;}
.mission_strat .right ul li:last-child { margin:0; }

@media screen and (max-width:1100px) { 
	/* 미션 */
	.mission .txt {width:90%; top:30%; left:5%; padding:20px 0;}
	.mission_area {margin-bottom:-40px;} 
	.mission .txt {width:80%; top:40%; left:10%; padding:30px 0;}
	.mission .txt p{font-size:16px; line-height:20px;}
	
	.mission .img .img1{width: 100%; }
	.mission .icon .img1 {width:55px; height:49px; padding-top:30px;}
	.mission .icon .img2 {width:55px; height:49px; padding-top:20px;}
	.mission .icon .p1{padding-top:10px;}
	.mission .icon .p2{padding-top:10px;}
	.mission .txt p .img_left,
    .mission .txt p .img_right{width:28px; height:24px;}

	.mission_area .areas{width:80px; height:80px;margin-bottom:90px;padding-top:20px;}
	.mission_area .areas_img{width:32px; height:36px;}

	/* 미션-핵심가치 */
	.mission_key ul{margin:10px 0 0 -5%}
    .mission_key ul li{float:left; width: calc(33.333% - 5%); margin:0 0 20px 5%;}
	.mission_key ul li:nth-child(4){margin:0 0 0 19%;}

	/* 미션-핵심전략 */
	.mission_strat{float:none; width:100%; margin-left:0; overflow:hidden;}
	.mission_strat .right{height:auto;}
    .mission_strat {padding:10px;}
    .mission_strat_box .p_1{font-size:15px;}
	.mission_strat .left{padding-top:20px;} 
	.mission_strat .left .span_bg{margin-left:45%;}
	.mission_strat .left .h2_1 {line-height:26px; font-size:18px;}
	.mission_strat .right{padding:20px; margin-top:20px;  background:#fff;}
	.mission_strat:nth-child(1) .right, .mission_strat:nth-child(2) .right{padding:20px}
    .mission_strat:nth-child(3) .right{padding:20px;}
	.mission_strat .right span{font-size:14px;}
}

@media screen and (max-width:768px) {
	/* 미션 */
	.mission_strat .left,
	.mission_strat .right{width:100%; margin-left:0;}
	.mission .icon {width:90px; height:90px; top:-45px; left:50%; margin-left:-45px;}
	.mission .txt {top:30%;}
	.mission .icon .img1{width:50px; height:44px;  padding-top:10px;}
	.mission .icon .img2{display:none;}
	.mission .icon .p1{padding-top:0;font-size: 15px; line-height:20px;}
	.mission .icon .p2{font-size: 15px; padding-top:25px;}

    /* 미션-핵심가치 */
	.mission_area .title { font-size:18px;}
	.mission_key ul li img{padding-top:30px;}
	.mission_key ul li p{font-size:18px; padding-top:10px;}
    .mission_key ul li span{font-size:16px;padding-top:5px;}
}

@media screen and (max-width:520px) {
	/* 미션 */
	.mission .txt p{font-size:14px;}
	.mission .txt p .img_left,
    .mission .txt p .img_right{width:25px; height:21px;}

	.mission_area .areas{width:60px; height:60px;margin-bottom:60px;padding-top:15px;}
	.mission_area .areas_img{width:25px; height:28px;}

	/* 미션-핵심가치 */
	.mission_key ul{margin:10px 0 0 -5%}
    .mission_key ul li{height:120px;}
	.mission_key ul li img{width:45px; height:39px; margin:0 auto;padding-top:12px;}
	.mission_key ul li p{font-size:16px; padding-top:5px; line-height:28px;}
    .mission_key ul li span{font-size:14px;padding-top:0; line-height:14px;}
   
   /* 미션-핵심전략 */
   .mission_strat .left .h2_1 {font-size:16px;}
 }


/*회사소개 - 사업분야*/
.business { width:100%; letter-spacing:-0.03em; overflow:hidden; text-align:center;}
.business p { font-size:20px; color:#333; line-height:100%; text-align:center;}

.business .bus_bg { background:url("/img/sub/business_bg.png") no-repeat; width:756px; margin:5px auto 0; overflow:hidden; }
.business .bus_bg .list { float:left; width:28.9%; margin:0 2%;  }
.business .bus_bg .list:first-child { margin-left:2.5%; }

.business .bus_bg dl { width:100%; margin-top:75px; }
.business .bus_bg dd { margin-top:15px; font-size:18px; color:#222; line-height:130%;}
.business .bus_bg ul { margin:105px auto 0; color:#333; font-size:15px; line-height:120%; text-align:left; width:90%;}
.business .bus_bg ul li {display:block; background:url("/img/sub/txt_icon.png")no-repeat 0 9px;  font-size:15px; color:#333; padding-left:10px; clear:both; margin-bottom:10px;}

.business .bus_img {width:100%;  overflow:hidden; margin-top:40px;}
.business .bus_img img{width:100%;}

@media screen and (max-width:1240px) {
/*회사소개 - 사업분야*/
    .business p { font-size:22px; line-height:26px;}
	.business .bus_bg { background:none; width:100%; }
	.business .bus_bg .list {width:31.3%; margin:0 1% !important; }
	.business .bus_bg dl { margin-top:0; width:180px; height:180px; border-radius:50%; border:7px solid #1b9b71; }
	.business .bus_bg .list:nth-child(2) dl { border-color:#e8e8e8; }
	.business .bus_bg .list:nth-child(4) dl { border-color:#e8e8e8; }
	.business .bus_bg dd {font-size:16px;}
	.business .bus_bg dt { margin-top:30px; }
	.business .bus_bg dt img { width:60px; height:60px; }
	.business .bus_bg ul { margin-top:30px; width:100% !important; }
 }


@media screen and (max-width:960px) {
/*회사소개 - 사업분야*/
    .business p { font-size:18px;}
	.business .bus_bg { background:none; width:100%; }
	.business .bus_bg .list {width:48%; margin:0 1% !important; }
}

@media screen and (max-width:650px) { 
/*회사소개 - 사업분야*/
    .business p { font-size:16px;}
	.business .bus_bg .list {float:center; display:inline-block; vertical-align:top; width:auto !important; margin:0 1% !important; }
	.business .bus_bg { margin-top:0px; }
	.business .bus_bg .list { display:block; margin:0 1% 20px !important; overflow:hidden;}
	.business .bus_bg dl { width:200px; height:200px; float:left; }
	.business .bus_bg dt { margin-top:50px; }
	.business .bus_bg dt img { width:60px; height:60px; }
	.business .bus_bg dd { margin-top:5px; font-size:14px; }
	.business .bus_bg ul { float:right; margin-top:30px; font-size:13px; width:calc(100% - 10px) !important; }	
}

/*오투쎈-2. 산소/피톤치드 */
.O2ss2 {width:100%;overflow:hidden; letter-spacing:-0.03em;}
.O2ss2 .in_box1 {width:100%; height:610px; overflow:hidden; background:url("/img/sub/O2ssen2_tb_bg.jpg") no-repeat center; position:relative; padding:50px;}
.O2ss2 h2 {background:url("/img/sub/t_icon1.png") no-repeat 0 5px;  padding-left:22px; color:#000; line-height:24px; font-size:20px; margin-bottom:15px;}
.O2ss2 .in_box1 .table_box {width:55%; background:rgba(255,255,255,0.9); padding:40px;}

table.O2ssTable_1 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px; text-align:center;}
table.O2ssTable_1 thead th{background-color:#f7f7f7; padding:15px 15px; border-top:5px solid #46ada7;border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:15px; color:#000; vertical-align:middle;}
table.O2ssTable_1 thead th:first-of-type{border-top:5px solid #3f8b87;}
table.O2ssTable_1 thead th:nth-child(3){border-top:5px solid #7bd6b5;}
table.O2ssTable_1 thead th:last-child{border-right:1px solid #ccc;}
table.O2ssTable_1 tbody td:last-child {border-right:1px solid #ccc;}
table.O2ssTable_1 tbody td {padding:10px 15px; border:#ccc 1px solid; border-top:none; border-right:none; font-size:14px;}
table.O2ssTable_1 .bg{background-color:#f7f7f7; color:#333;}

.O2ss2 .in_box2 {width:100%; overflow:hidden; letter-spacing:-0.03em;  margin-top:40px;}
.O2ss2 .in_box2 .txt_box1 .cnt_tit {color:#fff; font-size:20px; width:330px; line-height:44px; position:relative; padding-left:40px; margin-bottom:-20px; z-index:1; background:#3c9c74;}
.O2ss2 .in_box2 .txt_box1 .cnt_tit:after {position: absolute; left: 0; bottom: -20px; width: 21px; height: 21px; background: url("/img/sub/O2ss2_title_area.png") left top no-repeat; content: "";}
.O2ss2 .in_box2 .txt_box1 .cnt_txt { width:98%; border:1px solid #ddd; padding:50px 40px 40px 40px; z-index:0; background:#f7f7f7; margin:0 0 30px 21px;}
.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt1{ font-size:14px; color:#666; line-height:24px;}

.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt2 {width:100%; overflow:hidden; background:#fff; border:2px dashed #ddd; padding:20px 30px 20px 30px; margin-top:30px; }
.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt2 h2 {background:url("/img/sub/t_icon1.png") no-repeat 0 6px; padding-left:22px; color:#000; line-height:24px; font-size:20px; margin:10px 0 15px 0;}
.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt2 h2 span{color:#333; line-height:24px; font-size:16px; margin:70px 0 15px 0;}
.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt2 ul li{ font-size:14px; color:#666; line-height:25px; background:url("/img/sub/t_icon2.png") no-repeat left 11px; padding-left:12px; margin-bottom:10px;}

.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt3 {width:100%; background:#fff; border:2px dashed #ddd; padding:20px 30px 20px 30px; font-size:14px; line-height:25px; color:#666; margin-top:30px;}

.O2ss2 .in_box3 {width:100%; overflow:hidden; letter-spacing:-0.03em; margin-top:10px;}
.O2ss2 .in_box3 .txt_box .cnt_tit {color:#fff; font-size:20px; width:330px; line-height:44px; position:relative; padding-left:40px; margin-bottom:-20px; z-index:1; background:#3c9c74;}
.O2ss2 .in_box3 .txt_box .cnt_tit:after {position: absolute; left: 0; bottom: -20px; width: 21px; height: 21px; background: url("/img/sub/O2ss2_title_area.png") left top no-repeat; content: "";}
.O2ss2 .in_box3 .txt_box .cnt_txt { width:98%; border:1px solid #ddd; padding:50px 40px 40px 40px; z-index:0; background:#f7f7f7; margin:0 0 30px 21px;}

.O2ss2 .in_box3 .txt_box .cnt_txt .cnt1{width:100%; overflow:hidden;}
table.O2ssTable_2 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none;}
table.O2ssTable_2 thead th{background-color:#ebeaea; padding:15px 15px; border-top:5px solid #cccccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:16px; color:#000; vertical-align:middle;}
table.O2ssTable_2 thead th:first-of-type{border-top:5px solid #bab5b5;}
table.O2ssTable_2 thead th:last-child{border-right:1px solid #ccc;}
table.O2ssTable_2 tbody td:last-child {border-right:1px solid #ccc; line-height:24px;}
table.O2ssTable_2 tbody td:first-child {text-align:center;}
table.O2ssTable_2 tbody td {padding:10px 15px; border:#ccc 1px solid; border-top:none; border-right:none; font-size:14px;}

.O2ss2 .in_box3 .txt_box .cnt_txt .cnt2{width:100%; overflow:hidden; margin-top:40px;}
.O2ss2 .in_box3 .txt_box .cnt_txt .cnt2 ul li{ font-size:14px; color:#666; line-height:25px; background:url("/img/sub/t_icon2.png") no-repeat left 10px; padding-left:10px; margin-bottom:10px;}

.O2ss2 .in_box4 {width:100%; overflow:hidden; letter-spacing:-0.03em; margin-top:10px;}
.O2ss2 .in_box4 .txt_box .cnt_tit {color:#fff; font-size:20px; width:330px; line-height:44px; position:relative; padding-left:40px; margin-bottom:-20px; z-index:1; background:#3c9c74;}
.O2ss2 .in_box4 .txt_box .cnt_tit:after {position: absolute; left: 0; bottom: -20px; width: 21px; height: 20px; background: url("/img/sub/O2ss2_title_area.png") left top no-repeat; content: "";}
.O2ss2 .in_box4 .txt_box .cnt_txt { width:98%; border:1px solid #ddd; padding:50px 40px 40px 40px; z-index:0; background:#f7f7f7; margin:0 0 30px 21px;}

.O2ss2 .in_box4 .txt_box .cnt_txt .cnt1{width:100%; overflow:hidden; margin-bottom:20px;}
.O2ss2 .in_box4 .txt_box .cnt_txt .cnt1 ul li{ font-size:14px; color:#666; line-height:25px; background:url("/img/sub/t_icon2.png") no-repeat left 10px; padding-left:10px; margin-bottom:10px;}

.O2ss2 .in_box4 .txt_box .cnt_txt .cnt2 {width:100%; overflow:hidden;}
.O2ss2 .in_box4 .txt_box .cnt_txt .cnt2 .left{float: left; width:48%; border:1px solid #ddd; background:#fff; padding:30px;}
.O2ss2 .in_box4 .txt_box .cnt_txt .cnt2 .right{float: right; width:48%; border:1px solid #ddd; background:#fff; padding:30px;}
.O2ss2 .in_box4 .txt_box .cnt_txt .cnt2 ul li{ font-size:14px; color:#666; line-height:25px; background:url("/img/sub/t_icon2.png") no-repeat left 10px; padding-left:10px;}
.O2ss2 .in_box4 .txt_box .cnt_txt .cnt2 img{width:100%;}

.O2ss2 .in_box5 {width:100%; overflow:hidden; letter-spacing:-0.03em; margin:10px 0 -30px 0;}
.O2ss2 .in_box5 .txt_box .cnt_tit {color:#fff; font-size:20px; width:330px; line-height:44px; position:relative; padding-left:40px; margin-bottom:-20px; z-index:1; background:#3c9c74;}
.O2ss2 .in_box5 .txt_box .cnt_tit:after {position: absolute; left: 0; bottom: -20px; width: 21px; height: 21px; background: url("/img/sub/O2ss2_title_area.png") left top no-repeat; content: "";}
.O2ss2 .in_box5 .txt_box .cnt_txt { width:98%; border:1px solid #ddd; padding:50px 20px 40px 40px;  z-index:0; background:#f7f7f7; margin:0 0 30px 21px;}
.O2ss2 .in_box5 .txt_box .cnt_txt h2 {background:url("/img/sub/t_icon1.png") no-repeat 0 6px; padding-left:22px; color:#000; line-height:24px; font-size:20px; margin:10px 0 15px 0;}
.O2ss2 .in_box5 .txt_box .cnt_txt h2 span{color:#555; line-height:24px; font-size:15px; margin:70px 0 15px 0;}

.O2ss2 .in_box5 .txt_box .cnt_txt .cnt1{width:100%; overflow:hidden; margin-bottom:30px;}

.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 { overflow: hidden;}
.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl { overflow: hidden; border-bottom: 2px dashed #d9d9d9; text-align: left; padding: 20px 0; }
.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl:first-child {border-top: 2px dashed #d9d9d9;}
.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl dt { float: left; width: 18%; font-size: 18px; line-height: 160%; color: #000; padding-top:7px; border-right:1px solid #ddd;}
.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl dd { float: left; font-size: 16px; line-height:25px; color: #666; display: inline-block; width:80%; padding-left:50px;}

@media screen and (max-width:1100px) {
	.O2ss2 .in_box1 .table_box {width:100%;}
	.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl dt { float: none; width: 100%; border-right:0; padding-bottom:5px;}
	.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl dd { float: none; width: 100%; padding-left:0;}
	.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 .br_no{display:none !important;}
}

@media (max-width:960px){
	/*오투쎈-2. 산소/피톤치드 */
	.txt_box3 {overflow-x:scroll; padding-bottom:15px; margin-bottom:10px; }
	.txt_box3 .O2ssTable_2{ min-width:680px; }
}

@media (max-width: 767px){
	/*오투쎈-2. 산소/피톤치드 */
	.O2ss2 .in_box4 .txt_box .cnt_txt .cnt2 .left{float: none; width:100%; margin-bottom:30px; padding:30px 15px;}
	.O2ss2 .in_box4 .txt_box .cnt_txt .cnt2 .right{float: none; width:100%;}
}

@media (max-width: 650px){
	/*오투쎈-2. 산소/피톤치드 */
	.O2ss2 h2 {font-size:16px}

	.O2ss2 .in_box1 {height:auto; background:none; padding:0;}
	.O2ss2 .in_box1 .table_box {padding:0;}

	.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt2 h2 {font-size:16px;}
	.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt2 h2 span{font-size:14px;}
	.O2ss2 .in_box5 .txt_box .cnt_txt h2 {font-size:16px;}
	.O2ss2 .in_box5 .txt_box .cnt_txt h2 span{font-size:14px;}

	.O2ss2 .in_box2 .txt_box1 .cnt_tit,
	.O2ss2 .in_box3 .txt_box .cnt_tit,
	.O2ss2 .in_box4 .txt_box .cnt_tit,
	.O2ss2 .in_box5 .txt_box .cnt_tit {width:260px; font-size:16px; line-height:38px;}

	.O2ss2 .in_box2 .txt_box1 .cnt_txt,
	.O2ss2 .in_box3 .txt_box .cnt_txt,
	.O2ss2 .in_box4 .txt_box .cnt_txt,
	.O2ss2 .in_box5 .txt_box .cnt_txt {padding:40px 20px }

	.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt2,
	.O2ss2 .in_box2 .txt_box1 .cnt_txt .cnt3 {padding:20px 15px 20px 15px;}

	.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl dt {font-size: 16px;}
	.O2ss2 .in_box5 .txt_box .cnt_txt .cnt2 dl dd { font-size: 14px;}
}

/* 오시는 길 */
.map_wrap{width:100%;}
.map_wrap .left_map{float:left; width:49%; height:350px; margin-right:20px;}
.map_wrap .left_map > *{ width:100% !important}

.map_wrap .right_roadview{float:right; width:49%; height:350px;}
.map_wrap .right_roadview object,
.map_wrap .right_roadview embed{width:100% !important}

.map_info_wrap {margin-top:30px; border-top:2px solid #2c73b9; border-bottom:1px solid #ddd; padding:20px 0; font-family:notokrM;}
.map_info_wrap .info {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:30px}
.map_info_wrap .info .tit{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; font-weight:600; color:#666; font-size:13px;}
.map_info_wrap .info .tit .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:30px; height:30px; border-radius:30px; background-repeat:no-repeat; background-position:center;}
.map_info_wrap .info .tit .icon.add{ background-image:url("/img/sub/map_icon.png"); background-color:#2c73b9;}
.map_info_wrap .info .tit .icon.tel{ background-image:url("/img/sub/map_tel.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.fax{ background-image:url("/img/sub/map_fax.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.email{ background-image:url("/img/sub/map_email.png"); background-color:#aaa;}
.map_info_wrap .info .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; color:#666; font-size:13px;}
.map_info_wrap .info .tt a{line-height:30px; color:#333;}
.map_info_wrap .info .tt a:hover{text-decoration:underline}
.line_st2{ display:block; margin-top:20px; padding-top:20px; border-top:1px solid #ddd}

/* 사업분야 */
.business_box1 {width:100%; overflow:hidden;}
.business_box1 ul{}
.business_box1 ul li{float:left; position:relative; width:49%; margin:0 0 25px 2%; }
.business_box1 ul li:first-child{margin-left:0;}
.business_box1 ul li img{width:100%;}
.business_box1 h2{background:url("/img/sub/tt_icon1.png") 0 10px no-repeat; color:#333; padding-bottom:5px; line-height:25px; font-size:18px; font-family:notokrM; letter-spacing:-0.02em; padding-left:15px;}
.business_box1 span{line-height:22px; font-size:13.5px; color:#666; font-family:notokrM;}

.business_box2 {width:100%; overflow:hidden;}
.business_box2 ul{}
.business_box2 ul li{float:left; position:relative; width:23.5%; margin:0 0 25px 2%; }
.business_box2 ul li:first-child{margin-left:0;}
.business_box2 ul li img{width:100%;}

/* 제품소개 */
.product_box1 {width:100%; overflow:hidden;}
.product_box1 ul{}
.product_box1 ul li{float:left; position:relative; width:49%; margin:0 0 25px 2%; }
.product_box1 ul li:first-child{margin-left:0;}
.product_box1 ul li img{width:100%;}
.product_box1 h2{background:url("/img/sub/tt_icon1.png") 0 10px no-repeat; color:#333; padding-bottom:5px; line-height:25px; font-size:18px; font-family:notokrM; letter-spacing:-0.02em; padding-left:15px;}
.product_box1 span{line-height:22px; font-size:13.5px; color:#666; font-family:notokrM;}

.product_box2 {width:100%; overflow:hidden;}
.product_box2 ul{}
.product_box2 ul li{float:left; position:relative; width:23.5%; margin:0 0 25px 2%; }
.product_box2 ul li:first-child{margin-left:0;}
.product_box2 ul li img{width:100%;}

/* 기본 테이블 */
.tableBox{width:100%; margin-top:15px; color:#666;}
table.bagTable {width:100%; border-collapse:separate; border-spacing: 0;border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);}
table.bagTable th {height:2px; background-color:#ddd;}
table.bagTable td:last-child {border-right:1px solid #ddd;}
table.bagTable th:last-child {border-right:1px solid #ddd;}
table.bagTable tr:hover td {background-color:#f7f7f7;}
table.bagTable td {padding:5px 10px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:12.5px; font-family:notokrM; color:#666; letter-spacing:-0.02em;}
.bag_td2 {background-color:#f7f7f7; font-weight:bold;}
.wid_td2 {width:50px;}
.tdCenter {text-align:center;}

/* 페이지 준비중 */
.page_perpare {text-align:center;}

@media only screen and (max-width:980px){
/* 인사말 */
.gree img{margin:0 0 20px 20px}

/* 사업분야 */
.business_box1 ul li{width:49%; margin-left:0 0 20px 2%;}
.business_box2 ul li:first-child + li + li{margin-left:0;}
}

@media (max-width:768px){
/*서브 비주얼 */
.sub .svisu_area{height:200px; }
.sub .svisu_area .svisual{height:200px;}
.sub .svisu_area .visu_sgarea{top:90px;}
.sub .svisu_area .visu_sgarea .visu_sg1 {font-size:18px; line-height:22px; margin-bottom:5px;}
.sub .svisu_area .visu_sgarea .visu_sg1 span {font-size:14px; line-height:14px; display:none}

/* 인사말 */
.gree p{padding-right:10px; font-size:12px;}
.gree h2{font-size:14px;}
.gree span{font-size:13px;}
.gree p span{font-size:13px;}
table.company {font-family:notokrM; font-size:12px;}

/* 회사연혁 */
.biz_box_left{float:left; width:100%;}
.biz_box_right{display:none;}

/* 오시는 길 */
.map_wrap .left_map{width:100%; margin-right:0;}
.map_wrap .right_roadview{display:none;}

.map_info_wrap .info{width:100%;}
.map_info_wrap .info .tit .icon{display:none; !important;}
.map_info_wrap{padding:11px 0;}

/* 사업분야 */
.business_box1 ul li,
.business_box2 ul li{width:100%; margin:0 0 25px 0;}
.business_box1 h2{line-height:20px; font-size:16px;}
.business_box1 span{line-height:14px; font-size:12px;}

/* 제품소개 */
.product_box1 ul li,
.product_box2 ul li{width:100%; margin:0 0 25px 0;}
.product_box1 h2{line-height:20px; font-size:16px;}
.product_box1 span{line-height:14px; font-size:12px;}







/* 페이지 준비중 */
.page_perpare img {width:100%; padding:0 0 10px 0}
}