@charset "utf-8";


/*서브-상단비주얼 */
#svisual{width:100%; height:300px; background: url(../img/main/m_img01.jpg) no-repeat center center; padding-top:100px}
#svisual .svisual_in{width:1100px; margin:0 auto; height:200px; letter-spacing:-1.2px;}
#svisual .svisual_in .s_text { padding:15px 0 0}
#svisual .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.0em; font-weight:600; color:#fff; text-align:center ;padding-top:15px; 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{ margin: 0; padding: 0}
#svisual .svisual_in .s_text p.eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.4em; font-weight:400; color:#fff; text-align:center ;text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); line-height: 0.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:140px; background: url(../img/main/m_img01.jpg) no-repeat center center; background-size:cover; min-width:100%;}
#svisual_comm{height:140px; background: url(../img/sub/s_main01.jpg) no-repeat center center; background-size:cover; min-width:100%;}
#svisual .svisual_in{width:100%; height:120px;}
#svisual .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual .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}
#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}
}

#svisual02{width:100%; height:300px; background: url(../img/main/m_img02.jpg) no-repeat center top; padding-top:100px}
#svisual02 .svisual_in{width:1100px; margin:0 auto; height:200px; letter-spacing:-1.2px;}
#svisual02 .svisual_in .s_text { padding:15px 0 0}
#svisual02 .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.0em; font-weight:600; color:#fff; text-align:center ;padding-top:15px; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#svisual02 .svisual_in .s_text h2 span{ margin: 0; padding: 0}
#svisual02 .svisual_in .s_text p.eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.4em; font-weight:400; color:#fff; text-align:center ;text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); line-height: 0.8em;}
#svisual02 .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);}
#svisual02_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual02_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}
#svisual02_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) {
#svisual02 .svisual_in{width:100%; height:120px;}
}
@media (max-width: 991px) {
#svisual02{height:140px; background: url(../img/main/m_img02.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual02_comm{height:140px; background: url(../img/main/m_img02.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual02 .svisual_in{width:100%; height:120px;}
#svisual02 .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual02 .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}
#svisual02_comm .svisual_in{width:100%; height:120px;}
#svisual02_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual02_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}
}


#svisual03{width:100%; height:300px; background: url(../img/main/m_img03.jpg) no-repeat center center; padding-top:100px}
#svisual03 .svisual_in{width:1100px; margin:0 auto; height:200px; letter-spacing:-1.2px;}
#svisual03 .svisual_in .s_text { padding:15px 0 0}
#svisual03 .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.0em; font-weight:600; color:#fff; text-align:center ;padding-top:15px; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#svisual03 .svisual_in .s_text h2 span{ margin: 0; padding: 0}
#svisual03 .svisual_in .s_text p.eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.4em; font-weight:400; color:#fff; text-align:center ;text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); line-height: 0.8em;}
#svisual03 .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);}
#svisual03_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual03_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}
#svisual03_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) {
#svisual03 .svisual_in{width:100%; height:120px;}
}
@media (max-width: 991px) {
#svisual03{height:140px; background: url(../img/main/m_img03.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual03_comm{height:140px; background: url(../img/main/m_img03.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual03 .svisual_in{width:100%; height:120px;}
#svisual03 .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual03 .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}
#svisual03_comm .svisual_in{width:100%; height:120px;}
#svisual03_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual03_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}
}

#svisual04{width:100%; height:300px; background: url(../img/main/m_img04.jpg) no-repeat center top; padding-top:100px}
#svisual04 .svisual_in{width:1100px; margin:0 auto; height:200px; letter-spacing:-1.2px;}
#svisual04 .svisual_in .s_text { padding:15px 0 0}
#svisual04 .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.0em; font-weight:600; color:#fff; text-align:center ;padding-top:15px; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#svisual04 .svisual_in .s_text h2 span{ margin: 0; padding: 0}
#svisual04 .svisual_in .s_text p.eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.4em; font-weight:400; color:#fff; text-align:center ;text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); line-height: 0.8em;}
#svisual04 .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);}
#svisual04_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual04_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}
#svisual04_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) {
#svisual04 .svisual_in{width:100%; height:120px;}
}
@media (max-width: 991px) {
#svisual04{height:140px; background: url(../img/main/m_img04.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual04_comm{height:140px; background: url(../img/main/m_img04.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual04 .svisual_in{width:100%; height:120px;}
#svisual04 .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual04 .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}
#svisual04_comm .svisual_in{width:100%; height:120px;}
#svisual04_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual04_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}
}

#svisual05{width:100%; height:300px; background: url(../img/main/m_img05.jpg) no-repeat center top; padding-top:100px}
#svisual05 .svisual_in{width:1100px; margin:0 auto; height:200px; letter-spacing:-1.2px;}
#svisual05 .svisual_in .s_text { padding:15px 0 0}
#svisual05 .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.0em; font-weight:600; color:#fff; text-align:center ;padding-top:15px; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#svisual05 .svisual_in .s_text h2 span{ margin: 0; padding: 0}
#svisual05 .svisual_in .s_text p.eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.4em; font-weight:400; color:#fff; text-align:center ;text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); line-height: 0.8em;}
#svisual05 .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);}
#svisual05_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual05_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}
#svisual05_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) {
#svisual05 .svisual_in{width:100%; height:120px;}
}
@media (max-width: 991px) {
#svisual05{height:140px; background: url(../img/main/m_img05.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual05_comm{height:140px; background: url(../img/main/m_img05.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual05 .svisual_in{width:100%; height:120px;}
#svisual05 .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual05 .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}
#svisual05_comm .svisual_in{width:100%; height:120px;}
#svisual05_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual05_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}
}


/*서브상단 location*/
#location_area{ width:100%; margin:0; padding:0;position:absolute;top:243px;z-index:5;left: 50%;margin-left: -550px;}
#location_area #location h3 { display: none;}
#location_area #location { 
    height: 56px; 
	width: 1100px; 
	padding: 0; 
	background: rgb(17,50,117,0.97);
	background: rgba(17,50,117,0.97);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	}
@media (max-width: 991px) {
#location_area{ width:100%; margin:0; padding:0;position:absolute;top:65px;z-index:7;left: 0;margin-left: 0px;}
#location_area #location { 
    height: 56px; 
	width: 100%; 
	padding: 0; 
	background: rgb(17,50,117,0.97);
	background: rgba(17,50,117,0.97);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	}
}
#location.fixed {
  position: fixed;
  top: 60px;
}
#location.slide-up {
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
}
@media only screen and (min-width: 1024px) {
  #location.fixed {
    top: 80px;
    /* fixes a bug where nav and subnab move with a slight delay */
    box-shadow: 0 -6px 0 #25283D;
  }
  #location.slide-up {
    -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
            transform: translateY(-80px);
  }
}
.location_box .text li.home a { display: inline-block; background: url('../img/common/icon_home.png') no-repeat; width: 12px; height: 12px; z-index: 1; vertical-align: middle;}
.location_box { width: 1100px; margin: 0px auto;}
.location_box .text { float: left; height: 52px;}
.location_box .text ul { height: 52px;}
.location_box .text li.home { padding: 0 0 0;}
.location_box .text li { margin: 0 15px 0 20px; display: inline; height: 52px; line-height: 52px; color: rgb(255,255,255,0.7);color: rgba(255,255,255,0.7); font-size:1.15em; font-weight:500; font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em}
.location_box .text li.current{ color: #404040; font-size:1.15em; font-weight:600;}
@media screen and (max-width:1099px) {
.location_box { width: 100%; margin: 0px auto;}
}
@media screen and (max-width:767px) {
.location_box .text li.home a { display: inline-block; background: url('../img/common/icon_home.png') no-repeat; width: 21px; height: 18px; z-index: 1; vertical-align: middle;}
.location_box { width: 100%; margin: 0px auto;}
.location_box .text { float: left; height: 52px;}
.location_box .text ul { height: 52px;}
.location_box .text li.home { padding: 0 0 0 15px;}
.location_box .text li { margin: 0 7px 0 5px; display: inline; height: 52px; line-height: 52px; color: rgb(255,255,255,0.7);color: rgba(255,255,255,0.7); font-size:1.05em; font-weight:500; font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em}
.location_box .text li.current{ color: #404040; font-size:1.05em; font-weight:600;}
}


/* 서브상단 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 {
  color: #fff;
  padding: 0 40px 0 0;
  display: inline-block;
}
@media screen and (max-width:767px) {
.select_2depth.select--white .placeholder {
  color: #fff;
  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: 37px;
  left: -20px;
  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;*/
  box-shadow:1px 1px 5px rgb(0,0,0,0.2) !important;
  box-shadow:1px 1px 5px rgba(0,0,0,0.2) !important;
}
.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: #2e3740;
  color: #fff;
}

/*알아보기*/
.sec01{ margin:40px 0; border-top:1px solid #e9e9e9}
.sec01 h3.sec{word-break:break-all; font-size:2.6em; line-height:1.2em;color:rgb(0,0,0,0.9);color:rgba(0,0,0,0.9); font-weight:400; letter-spacing:-.045em;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; margin:15px 0 30px}
.sec01 h3.sec span {color:#113275;}

.sec02{ margin:40px 0; border-top:1px solid #e9e9e9}
.sec02 h3.sec{word-break:break-all; font-size:2.6em; line-height:1.2em;color:rgb(0,0,0,0.9);color:rgba(0,0,0,0.9); font-weight:400; letter-spacing:-.045em;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; margin:15px 0 30px}
.sec02 h3.sec span {color:#229bf6;}

.sec03{ margin:40px 0; border-top:1px solid #e9e9e9}
.sec03 h3.sec{word-break:break-all; font-size:2.6em; line-height:1.2em;color:rgb(0,0,0,0.9);color:rgba(0,0,0,0.9); font-weight:400; letter-spacing:-.045em;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; margin:15px 0 30px}
.sec03 h3.sec span {color:#ff9000;}

.sec04{ margin:40px 0; border-top:1px solid #e9e9e9}
.sec04 h3.sec{word-break:break-all; font-size:2.6em; line-height:1.2em;color:rgb(0,0,0,0.9);color:rgba(0,0,0,0.9); font-weight:400; letter-spacing:-.045em;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; margin:15px 0 30px}
.sec04 h3.sec span {color:#8fcc25;}

.s_exp { text-align:center; margin:0 0 70px}
.s_exp::after {
  clear: both;
  content: "";
  display: block;
}
.s_exp li{ display:inline-block; padding:0 20px}
.s_exp dt img{ margin:0 0 18px}
.s_exp dt { font-size:1.30em; font-weight:500; margin:10px 0}
.s_exp dd { font-size:1.10em}
@media (max-width: 992px) {
.s_exp ll{ display:inline-block; margin:0 5px}
.s_exp dt img{ margin:10px 0 18px}	
}




/*이용안내*/
#icon-list-col li {
    width: 17.633333%;
    display: inline-block;
    background: #86817b;
    padding: 20px;
    position: relative;
    height: 100%;
    margin: 0;
	text-align: center;
	font-size: 1.20em;
	font-weight:500;
	color:#fff;
	vertical-align: top;
	min-height: 262px;
}
#icon-list-col li span{ font-size:0.85em; display:block; line-height:1.3em; font-weight:400; color:rgb(255,255,255,0.8) !important; color:rgba(255,255,255,0.8) !important; margin: 10px 0 0; text-align: left;}
#icon-list-col li img { height:60px; margin:0 0 22px}
#icon-list-col > .blue-arrow {
    width: 2.7%;
    height: 21px;
    background: url(../img/sub/direct_arrow.gif) no-repeat 10px center;
    display: inline-block;
    top: 100px;
    position: relative;
}
.blue-arrow {
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999 !important;
}
#icon-list-col li:first-child + .blue-arrow + li, #icon-list-col li:first-child + .blue-arrow + li + .blue-arrow + li + .blue-arrow + li {
    background: #113275;
}
#icon-list-col i, #icon-list-col li::before, #icon-list-col li > span {
    color: #fff;
}
@media screen and (max-width:991px) {
	#icon-list-col li {
    width: 96%;
    display: inline-block;
    background: #86817b;
    padding: 20px;
    position: relative;
    height: 100%;
    margin: 0 2% 15px;
	text-align: center;
	min-height:auto;
}
#icon-list-col > .blue-arrow {
    display: none;
}
}




.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;
}
}



/*회사소개*/
.greet01{font-size:1.4em; line-height:1.8em; text-align:center; color:#000; font-weight:400;}
.greet01 h2{font-size:1.5em; color:#466fc2; line-height:1.3em; margin-bottom:30px; letter-spacing:-1.3px;}
.greet01 img{margin-bottom:30px;}
@media (max-width: 991px) {
.greet01{font-size:1.1em;}
.greet01 h2{margin-bottom:15px;}
.greet01 img{margin-bottom:15px; width:100%;}
}






/*페이지bg*/
.page_introduce{ background:url(../img/sub/introduce_bg01.jpg) no-repeat top right #fff}
.page_pro{ background:url(../img/sub/pro_bg01.jpg) no-repeat top right #fff}
.page_quality{ background:url(../img/sub/quality_bg01.jpg) no-repeat top right #fff}
.page_manager{ background:url(../img/sub/manager_bg01.jpg) no-repeat top right #fff}
@media (max-width: 767px) {
.page_introduce{ background:#fff}	
.page_pro{ background:#fff}
.page_quality{ background:#fff}
.page_manager{ background:#fff}
}


.para_l{ background:#f7f5f2; padding:40px 30px; color:#7c7776; min-height:220px !important; font-size:1.05em}
.para_r{ background:#2196f3; padding:40px 30px; color:#fff; min-height:220px !important; font-size:1.05em}
.para_r li{ padding:0 0 0 15px; background:url(../img/common/bul_li_t3.png) no-repeat 0px 9px}
.para_r p{ color:#fff; font-size:1.15em; font-weight:600}
.para_l02{ background:#2196f3; padding:40px 30px; color:#fff; min-height:600px !important; font-size:1.05em}
.para_r02{ background:#f7f5f2; padding:40px 30px; color:#7c7776; min-height:600px !important; font-size:1.05em}
.para_r02 li{ padding:0 0 0 15px; background:url(../img/common/bul_li_t3.png) no-repeat 0px 9px}
.para_l02 p{ color:#fff; font-size:1.15em; font-weight:600}
@media (max-width: 767px) {
.para_l{ background:#f7f5f2; padding:30px; color:#7c7776; min-height:auto !important; font-size:1.05em}
.para_r{ background:#2196f3; padding:30px; color:#fff; min-height:auto !important; font-size:1.05em}
.para_l02{ background:#2196f3; padding:30px; min-height:auto !important; font-size:1.05em}
.para_r02{ background:#f7f5f2; padding:30px; min-height:auto !important; font-size:1.05em}
}


/* 제품 상세페이지 */
.product_v {width:100%; margin:0 auto; text-aling:center; font-size:1.4em; }
.product_v p {color:#333; font-weight:500; font-size:1.4em;}
.product_v p img { text-align:center; margin:20px 0; }
.product_v p strong {font-weight:500; color:#1a1a7b; padding:20px 0; font-size:1.12em; }
.product_v .con{font-size:1em; line-height:1.5em;}
.product_v .pbox{border:10px solid #f9f9f9; padding:10px; text-align:center; width:100%; margin-bottom:10px;}
.product_v dl { }
.product_v dl dt {font-weight: normal; color:#ee5252; font-size:1.2em; margin-top:10px; }
.product_v dl dd{font-weight: normal; line-height:1.8em; color:#666}
.product_v h2 {font-size:1.4em; font-weight:500; color: #06C; padding:20px 0; }

.product_v table{font-size:0.9em; line-height:1.4em;}
.product_v table th{text-align:center; padding:5px 0;}
.product_v table td{ text-align:center; padding:5px;}

@media (max-width: 767px) {
.product_v img{width:100%; height:auto;}
.product_v {font-size:1.10em; }
.product_v p{font-size:1.2em;}
.product_v h2{padding:10px 0;}
.product_v p img{margin:10px 0;}

}