@charset "utf-8";

body {overflow: hidden;}

/*서브-상단비주얼 */
#svisual{width:100%; height:400px; padding-top:130px}
#svisual .svisual_in{width:1020px; margin:0 auto; height:270px; letter-spacing:-1.2px;}
#svisual .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;
	font-size:5.0em;
	font-weight:600;
	color:#fff; 
	text-align:left;
	padding-top:17px; 
	text-shadow: 1px 1px 1px rgb(0,0,0,0.3); 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#svisual .svisual_in .s_text h2 span{font-size:1em; padding-right: 10px; }
#svisual .svisual_in .s_text p.eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;
	font-size:1.8em;
	font-weight:400;
	color:#fff;
	text-align:left;
	text-shadow: 1px 1px 1px rgb(0,0,0,0.3);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	line-height: 1.8em;}
#svisual .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.30em; color:#fff; padding-top:10px; text-align:center ; font-weight:500; line-height: 1.40em; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#svisual_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual_comm .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:5.0em; font-weight:500; padding-top:45px; color:#fff; text-align:center}
#svisual_comm .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center}
@media (max-width: 1099px) {
#svisual .svisual_in{width:100%; height:120px;}
}
@media (max-width: 991px) {
#svisual{height:300px;  background-size:cover; min-width:100%; display: block!important;}
#svisual_comm{height:140px; background: url(../img/sub/s_main01.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual .svisual_in{width:100%; height:90px; position: relative; top:-30px; padding-left: 20px;}
#svisual .svisual_in .s_text h2{font-size:2.10em; text-align:left;}
#svisual .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.10em; color:rgba(255,255,255,0.7); padding-top:0px; font-weight:400;text-align:center; line-height:1.2em}
#svisual .svisual_in .s_text p.eng{font-size:1.5em;}
#svisual_comm .svisual_in{width:100%; height:120px;}
#svisual_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual_comm .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center; line-height:1.2em}
}

.svisual01{ background: url(../img/sub/s_main01.jpg) no-repeat center bottom; }
.svisual02{ background: url(../img/sub/s_main02.jpg) no-repeat center bottom; }
.svisual03{ background: url(../img/sub/s_main03.jpg) no-repeat center bottom; }
.svisual04{ background: url(../img/sub/s_main04.jpg) no-repeat center bottom; }
.svisual05{ background: url(../img/sub/s_main05.jpg) no-repeat center bottom; }

/* 서브상단 3차메뉴 */
.select_2depth {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 325px;
  color: #cccccc;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
.select_2depth .placeholder {
  position: relative;
  /*display: block;*/
  /*background-color: #393d41;*/
  z-index: 1;
  /*padding: 1em;*/
  border-radius: 2px;
  cursor: pointer;
}
.select_2depth .placeholder:hover {
  /*background: #34383c;*/
}
.select_2depth .placeholder:after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'FontAwesome';
  content: '\f078';
  z-index: 10;
}
.select_2depth.is-open .placeholder:after {
  content: '\f077';
}
.select_2depth.is-open ul {
  display: block;
  box-shadow: 0px 2px 2px rgb(0,0,0,0.1);
  box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.select_2depth.select--white .placeholder {
  background: #fff;
  color: #555;
  padding: 0 40px 0 0;
  display: inline-block;
}
@media screen and (max-width:767px) {
.select_2depth.select--white .placeholder {
  background: #fff;
  color: #555;
  padding: 0 17px 0 0;
  display: inline-block;
}	
}
.select_2depth.select_2depth--white .placeholder:hover {
  /*background: #fafafa;*/
}
.select_2depth ul {
  display: none;
  position: absolute;
  width: 160px;
  background: #fff;
  top: 210%;
  left: -30px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 100;
  height:auto !important;
  border-left:1px solid #dadada;
  border-right:1px solid #dadada;
  border-bottom:1px solid #dadada;
}
.select_2depth ul li {
  display: block !important;
  text-align: left;
  color: #999;
  cursor: pointer;
  height:auto !important;
  line-height:30px !important; 
  font-size: 0.95em !important;
  margin:0 !important;
}
.select_2depth ul li a { 
  display:block;
  padding: 5px 10px ;
  border-bottom:1px solid #ececec;
}
.select_2depth ul li:last-child a { 
  display:block;
  padding: 5px 10px ;
  border-bottom:0px;
}
.select_2depth ul li:hover a { 
  background: #4b545e;
  color: #fff;
}


.page_bg{background: url(../img/sub/page_bg.gif) right bottom no-repeat;}
@media screen and (max-width:767px) {
.page_bg{background:transparent}
}

.box{ /*box-shadow: 0 1px 1px rgba(0,0,0,0.08); box-shadow: 0 1px 1px rgb(0,0,0,0.08);*/  margin-bottom:30px; max-width:800px;  margin:0px auto}
.box .photo img{ /*width:100%*/}
.box .content{ padding:20px 20px 30px; text-align:center;/* border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.box .content p.title{font-size:3.0em; line-height:0.8em;color:#fff; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.box .content p.st{font-size:1.70em; line-height:0em;color:rgba(255,255,255,0.7);color:rgb(255,255,255,0.7); font-weight:300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.box .content p{ ;color:rgba(255,255,255,0.7);color:rgb(255,255,255,0.7); font-size:1.45em; line-height:1.4em; margin:17px 0 0}


/*3차메뉴*/
.subtitle_tabs {
    width: 100%;
    text-align: center;
    border-top: 1px solid #cac6c5;
    margin-bottom: 65px;
}
.subtitle_tabs li {
    display: inline-block;
    font-size: 14px;
}
@media screen and (max-width:767px) {
.subtitle_tabs li {
    display: inline-block;
    font-size: 14px;
	width:100%;
}	
}
.subtitle_tabs li.active a {
    border-bottom: 2px solid #659336;
    color: #659336;
	font-weight:600;
}
.subtitle_tabs li a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 33px;
}
.subtitle_tabs_line {
    width: 100%;
    height: 1px;
    background: #cac6c5;
    margin-top: -1px;
    z-index: -10;
}


/* 반응형 박스형 문단처리 */
.sub_imgcontent_wrap5 {
    width: 100%;
    /*margin-bottom: 35px;*/
    border: 1px solid #cac6c5;
    min-height: 100px;
    overflow: hidden;
}
.sub_imgcontent_wrap5 h3 {
    display: inline-block;
    width: 100%;
    height: 45px;
    float: left;
    text-align: center;
    font-size: 1.5em;
	font-weight:600;
	line-height:45px;
    font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
}
.exercise_bg01 {
    background: url('../img/sub/medi02_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg02 {
    background: url('../img/sub/medi02_02_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg03 {
    background: url('../img/sub/medi02_03_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg04 {
    background: url('../img/sub/medi03_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg05 {
    background: url('../img/sub/medi04_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg06 {
    background: url('../img/sub/medi04_02.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg07 {
    background: url('../img/sub/medi04_03.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg08 {
    background: url('../img/sub/medi04_04.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg09 {
    background: url('../img/sub/medi04_05.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg10 {
    background: url('../img/sub/medi04_06.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg11 {
    background: url('../img/sub/medi04_07.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg12 {
    background: url('../img/sub/medi04_08.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg13 {
    background: url('../img/sub/medi05_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg14 {
    background: url('../img/sub/medi06_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg15 {
    background: url('../img/sub/medi06_02.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg16 {
    background: url('../img/sub/medi06_03.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg17 {
    background: url('../img/sub/medi06_04.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg18 {
    background: url('../img/sub/medi06_05.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg19 {
    background: url('../img/sub/medi07_01.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg20 {
    background: url('../img/sub/medi04_09.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.exercise_bg21 {
    background: url('../img/sub/medi02_03.jpg') no-repeat top left;
        background-size: auto auto;
    background-size: 100%;
}
.sub_imgcontent_img {
    width: 48%;
    float: left;
    min-height: 100px;
}

.sub_imgcontent_text {
    width: 52%;
    float: right;
}
.sub_imgcontent_text p {
    width: 90%;
    margin: 25px auto 35px auto;
    line-height: 180%;
}

@media screen and (max-width:767px) {
.sub_imgcontent_img {
    width: 100%;
    float: left;
    min-height: 150px;
}

.sub_imgcontent_text {
    width: 100%;
    float: right;
}
}


/*회사소개 sub1_1*/
#scont .company_tt {font-size: 2.5em; color: #0075c7; word-break: keep-all;}
#scont .txt_wrap { background:url(../img/company.jpg) right 0px no-repeat; }
#scont .txt_wrap p { font-size: 1.3em; margin-top:30px; word-break: keep-all; font-weight: 300; line-height: 1.8em;}
#scont .txt_wrap p.txt_st1 { word-break: keep-all; color: #222; font-weight: 500; font-size: 1.5em; margin-top:50px;}
#scont .txt_wrap p.txt_st2 { word-break: keep-all; color: #222; font-weight: 500; font-size: 1.3em; margin-top:60px; text-align: right; padding-right: 22px;}
@media (max-width: 991px) {
 #scont .company_tt {font-size: 2em; color: #0075c7; word-break: keep-all;}
}
@media (max-width: 718px) {
#scont .txt_wrap { background:none; }
#scont .company_tt {font-size: 1.5em; color: #0075c7; word-break: keep-all;}
}
	
	/*오시는길*/
.tbl_wrap {margin-top:30px;}
.tbl_st tbody tr th { background:#eef1f3; 
	color:#1e2f43; 
	padding:10px 20px; 
	font-weight:normal; 
	border:1px solid #fff; 
	line-height:1.8em; 
	text-align: left;
	font-size: 1.2em;
}
.tbl_st tbody tr td { background:#f5f5f5; 
	color:#666; 
	padding:10px 20px; 
	border:1px solid #fff; 
	font-size: 1.1em;
	line-height:1.9em; 
	text-align: left;
	font-weight: normal;
}
.tbl_st tbody tr td:first-child { border-left:1px solid #ccced5;}
.tbl_st tbody tr .map_bg { background:#3495df; padding:1px 7px; border-radius: 30px; color: #fff;}

/*제품소개*/
#scont .pro_top {padding-bottom:50px; border-bottom: 1px dashed #ddd;}
#scont .pro_txt {font-size: 1.22em; line-height: 2em; color: #444; word-break: keep-all; margin-bottom: 10px;}
#scont .pro_txt img {width:100%}

#scont .pro_txt .pc_img {width:100%}
#scont .pro_txt .m_img {display:none}

#scont .pro_txt2 {font-size: 1.22em; line-height: 2em; color: #444; word-break: keep-all; margin-top:90px;}

@media (max-width: 991px) {
#scont .pro_txt2 {font-size: 1.22em; line-height: 2em; color: #444; word-break: keep-all; margin-top:10px;}
#scont .pro_txt .pc_img {display:none;}
#scont .pro_txt .m_img {display:block;}
}

.taorji {width:100%; text-align:center}
.taorji img {width:820px}
#scont .pro_img {width:200px; margin-right:10px;}
#scont .pro_img img{width:100%;}
#scont .bs_btn { float: right; margin-top:20px; background: #2b4250; border:1px solid #2b4250;}
#scont .bs_btn a { padding:0 40px; text-align: center; font-size: 1.1em; line-height: 3.2em; color: #fff;}

#scont .bs_btn2 {margin-top:20px; background: #fff; border:1px solid #2b4250; padding:0 40px; position:absolute; right:0; bottom:10px}
#scont .bs_btn2 a {text-align: center; font-size: 1em; line-height: 3em; color: #2b4250;}

#scont .pro_tit {margin:60px 0 15px; font-size: 1.7em; color: #e64a4a; font-weight: 400; /*background:url(../img/tit_con.png) left 0px no-repeat;*/}
#scont .pro_tit.font {margin-top:-50px!important}


#scont .pro_tit3 { margin:60px 0 15px; font-size: 1.7em; color: #0072bc; font-weight: 400; /*background:url(../img/tit_con.png) left 0px no-repeat;*/}
#scont .pro_exp { display: none;}
#scont .pro_ul { }
#scont .pro_ul li {font-size: 1.2em; line-height: 1.6em; color: #666; word-break: keep-all; margin:2px 0;}
#scont .pro_ul li.clr_min {color: #037367;}
#scont .pro_ul li.clr_sky {color: #2096ba;}
#scont .pro_tt {  font-size: 1.2em; line-height: 1.6em; color: #666; word-break: keep-all; margin-top:5px;}

#scont .pro_box {text-align:center; padding: 15px 0;}
#scont .pro_box > img {width:100%;}
#scont .pro_box .main_img {width:70%;}
#scont .pro_box img.wd {width: inherit;}
#scont .pro_tit2 { margin:10px 0 2px; font-size: 1.2em; line-height: 1.6em; color: #666; }
#scont .pro_tit2 .add_p { *font-size: .8em; *color: #888; *font-weight: 300;}

@media (max-width: 991px) {
#scont .pro_img {width:70%; margin:0 15%;}
.taorji {width:100%}
.taorji img {width:100%}
#scont .pro_tt {font-size: 1.0em;  line-height: 1.4em; word-break: keep-all; }
#scont .pro_box img.wd {width: 100%;}
#scont .pro_ul li{font-size: 1.0em; }
}


#scont .pro_use li {  
	padding:23px 20px 10px 25px; 
	min-height: 95px; 
	word-break: keep-all; 
	font-size: 1.2em; 
	line-height: 1.5em; 
	text-align: center; 
	border-left: 5px solid #fff; 
	border-top: 5px solid #fff;
	color: #fff;
}	
#scont .pro_use li.puli{ padding:15px 20px 10px 25px; }
#scont .pro_use li:nth-child(1) { background: #9aacbb;}
#scont .pro_use li:nth-child(2) { background: #869db1;}
#scont .pro_use li:nth-child(3) { background: #7591a9;}
#scont .pro_use li:nth-child(4) { background: #61829d;}



@media (max-width: 500px) {
#scont br {*display: none; word-break: keep-all;}
#scont .pro_use li { padding:25px 20px; font-size: 1em; }	
#scont .pro_use li.puli{  padding:25px 20px;  }
}

.tbl_st2 {font-size: 1.1em; width: 99.99%;}
.tbl_st2 thead tr th {background:#545a6d; 
	color:#fff; 
	padding:9px;
	border:1px solid #373b4a; 
	border-right:0; 
	text-align: center;
}
.tbl_st2 thead tr td {background:#454a5b; color:#fff; padding:9px; border-bottom:1px solid #373b4a;}
.tbl_st2 tbody tr th { 
	background:#fff; 
	color:#444; 
	padding:9px; 
	font-weight:normal; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}
.tbl_st2 tbody tr th:first-child { border-left:1px solid #ccced5;}
.tbl_st2 tbody tr td { 
	background:#f5f5f5; 
	color:#444; 
	padding:9px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}

.tbl_st2 tbody tr td:first-child { border-left:1px solid #ccced5;}






.tbl_st_by {font-size: 1.1em; width: 99.99%;}
.tbl_st_by thead tr th {background:#545a6d; 
	color:#fff; 
	padding:9px;
	border:1px solid #373b4a; 
	border-right:0; 
	text-align: center;
}

.tbl_st_by tbody tr th { 
	background:#454a5b; 
	color:#fff; 
	padding:9px; 
	font-weight:normal; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}
.tbl_st_by tbody tr th:first-child { border-left:1px solid #ccced5;}
.tbl_st_by tbody tr td { 
	color:#444; 
	padding:9px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}

.tbl_st_by tbody tr td.grey { 
	background:#dedede;
}


.tbl_st_by tbody tr td:first-child { border-left:1px solid #ccced5;}

@media (max-width: 700px) {

.tbl_st_by {font-size: 1.0em; width: 99.99%;}
.tbl_st_by tbody tr th {padding:4px}
.tbl_st_by tbody tr td  {padding:4px}

}



.tbl_st_basic {font-size: 1.1em; width: 99.99%;}
.tbl_st2_basic thead tr th {background:#545a6d; 
	color:#fff; 
	padding:9px;
	border:1px solid #373b4a; 
	border-right:0; 
	text-align: center;
}
.tbl_st_basic thead tr td {background:#454a5b; color:#fff; padding:9px; border-bottom:1px solid #373b4a; text-align:center}
.tbl_st_basic thead tr td.style1{color:#ff4260;}
.tbl_st_basic tbody tr th { 
	background:#fff; 
	color:#444; 
	padding:9px; 
	font-weight:normal; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}
.tbl_st_basic tbody tr th:first-child { border-left:1px solid #ccced5;}
.tbl_st_basic tbody tr td {
	color:#444; 
	padding:9px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}

.tbl_st_basic tbody tr td.style1{
	color:red; 
}




.tbl_st_basic tbody tr td:first-child { border-left:1px solid #ccced5;}

@media (max-width: 700px) {

.tbl_st_basic {font-size: 1.0em; width: 99.99%;}
.tbl_st2_basic thead tr th {background:#545a6d; 
	color:#fff; 
	padding:4px;
	border:1px solid #373b4a; 
	border-right:0; 
	text-align: center;
}
.tbl_st_basic thead tr td { background:#454a5b; color:#fff; padding:9px; border-bottom:1px solid #373b4a; text-align:center}
.tbl_st_basic tbody tr th { 
	background:#fff; 
	color:#444; 
	padding:4px; 
	font-weight:normal; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}
.tbl_st_basic tbody tr th:first-child { border-left:1px solid #ccced5;}
.tbl_st_basic tbody tr td {
	color:#444; 
	padding:4px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}

.tbl_st_basic tbody tr td.style1{
	color:red; 
}




.tbl_st_basic tbody tr td:first-child { border-left:1px solid #ccced5;}
}

/****************/
.tbl_st4 {  font-size: 1.1em; width: 99.99%; border-top:2px solid #444;}
.tbl_st4 br{ display:block !important;}
.tbl_st4 tr th { 
	background:#fff; 
	color:#444; 
	font-weight:bold;
	padding:9px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
	width:15%;
}
.tbl_st4 tr th:first-child { border-left:1px solid #ccced5;}
.tbl_st4 tr td { 
	background:#f5f5f5; 
	color:#444; 
	padding:9px 15px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.6; 
	word-break: keep-all;
}
.tbl_st4 tbody tr td:first-child { border-left:1px solid #ccced5;}

/****************/
.tbl_st5 {  font-size: 1.1em; width: 99.99%; border-top:1px solid #444;}
.tbl_st5 .img{ text-align:center;}
.tbl_st5 .img img{ width:130px; height:auto;}
.tbl_st5 tr th { 
	background:#f5f5f5; 
	color:#444; 
	font-weight:normal;
	padding:9px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
}

.tbl_st5 thead tr th { background:#545a6d; color:#fff; width:30%;} 
.tbl_st5 tr th:first-child { border-left:1px solid #ccced5;}
.tbl_st5 thead tr th:first-child { width:15%;}
.tbl_st5 thead tr th.thw{ width:20%;}

.tbl_st5 tr td { 
	background:#fff; 
	color:#444; 
	padding:9px 15px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.6; 
	word-break: keep-all;
}
.tbl_st5 tbody tr td:first-child { border-left:1px solid #ccced5;}




@media (max-width: 700px) {

#scont .tbl_st5 { font-size: 1em;}
.tbl_st5 .img{ text-align:center;}
.tbl_st5 .img img{ width:50px; height:auto;}

.tbl_st5 tr th {
	background:#f5f5f5; 
	color:#444; 
	font-weight:normal;
	padding:9px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.6; 
	text-align: center;
	word-break: keep-all;
	}
	
.tbl_st5 tbody tr td {
    background:#fff; 
	color:#444; 
	padding:4px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.4; 
	text-align: center;
	word-break: keep-all;
	}

	

}




@media (max-width: 700px) {
#scont .y_sc {
  width: 100%; 
  overflow-x: scroll!important;
  overflow-y: hidden!important;
  white-space: nowrap;}
#scont .tbl_st2 { font-size: 1em;}
.tbl_st2 tbody tr th { background:#fff; 
	color:#444; 
	padding:6px; 
	font-weight:normal; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5;  
	line-height:1.4; 
	text-align: center;}
.tbl_st2 tbody tr td { background:#f5f5f5; 
	color:#444; 
	padding:6px; 
	border-bottom:1px solid #ccced5; 
	border-right:1px solid #ccced5; 
	line-height:1.4; 
	text-align: center;}
	
	#scont .pro_tit { margin:50px 0 8px 0px;  font-size: 1.58em; }
	#scont .pro_exp { display: block; line-height: 2em; color: #888;}
}

/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  margin:8px auto 20px auto;
  overflow-x: hidden;
  overflow-y: hidden;
}
.row-horizon img { width:100%; }
@media screen and (max-width:700px) {
.row-horizon:before{/*content:"← 좌우스크롤로 확인해주세요 →"; */display:block; text-align:center; margin:5px 0 10px;}
.row-horizon {
  width:100%;
  margin:5px auto 10px auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
#scont .tbl_st2 { width: 99.99%; max-width:100%; font-size:1.0em;}
}