@charset "utf-8";
/*  subVisual */
#subVisual {
  width: 100%;
  height: 310px;
  overflo w: hidden;
  position: relative;
  margin: 100px auto 0;
  color: #fff;
  background-positio n: 50% 0;
  background-repeat: no-repeat;
  text-align: center;
  border-bottom: 0px solid #d9d9d9;
}

#subVisual .mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

#subVisual .mask .img {
  height: 254px;
  -webkit-animation: subVisualMotion 5s;
  animation: subVisualMotion 5s;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.subVisual02 .breadCrumb ul li:last-child {
  display: none;
}

/*  subVisual */
.subVisual01 .img {
  background-image: url("../../images/contents/subVisual1.jpg");
}

.subVisual02 .img {
  background-image: url("../../images/contents/subVisual2.jpg");
}

.subVisual03 .img {
  background-image: url("../../images/contents/subVisual3.jpg");
}

.subVisual04 .img {
  background-image: url("../../images/contents/subVisual4.jpg");
}

.subVisual05 .img {
  background-image: url("../../images/contents/subVisual5.jpg");
}

.subVisual06 .img {
  background-image: url("../../images/contents/subVisual1.jpg");
}

.mainTitleBox {
  position: absolute;
  top: 40%;
  left: 30%;
  transform: translate(-45%, -50%);
  font-size: 2.8rem;
  color:#fff;
  font-weight: 700;
  text-align:left;
}

.mainTitleBox .mainTitle {
	text-shado w: 2px 2px 2px #898989;
}

.mainTitleBox:afte r {
  display: block;
  width: 65px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 44.4%;
  margin-top:10px;
  content: "";
  background-color: #fff;
}

/* lnb */
#lnbWrap {
	position:relative;
	float:left;
	width:310px;
	height:100%;
	border:0px solid #ccc;
}

#lnbWrap .lnbTitle{
	font-size: 24px;
	color : #000;
	font-weight: 700;
	width:250px;
	text-align: left;
	padding-left:10px;
	padding-bottom:15px;
	border-bottom:1px solid #000;
}

#lnb {
  float:left;
  font-size: 0;
  color: #333;
  text-align: center;
  position: relative;
  top: 0px;
  border:0px solid #ff0000;
  width:250px;
  border:0px solid #aaa;
}

#lnb .currentTxt {
  display: none;
  height: 70px;
  font-size: 1.125rem;
  line-height: 70px;
  background-color: rgba(0, 0, 0, 0.5);
}

#lnb .currentTxt .txt {
  display: inline-block;
  position: relative;
}

#lnb .currentTxt .btnLnbOpen {
  position: absolute;
  top: 50%;
  right: -40px;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
}

#lnb li {
  display: inline-block;
  position: relative;
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}

/*
#lnb.lnb02 li {
  width: 50%;
}
#lnb.lnb03 li {
  width: 33.334%;
}
#lnb.lnb04 li {
  width: 25%;
}
#lnb.one li {
  width: 100%;
}
#lnb.lnb06 li {
  width: 16.6666%;
}
#lnb.lnb07 li {
  width: 14.2857%;
}
*/
#lnb li:after {
  display: none;
  width: 1px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  background-color: #fff;
}

#lnb li:first-child:after {
  display: non e;
}

#lnb li a {
  display: block;
  height: 60px;
  position: relative;
  padding: 0 20px;
  font-size: 1.1rem;
  color: #454545;
  font-family: "Noto Sans KR";
  font-weight: 400;
  line-height: 60px;
  text-align: left;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

#lnb li.on {
  background: #fff;
  border-bottom:1px solid #129a51;
  -webkit-transition: all 0.25s;
}
#lnb li.on a {
  font-weight: 500;
  color: #129a51 !important;
  -webkit-transition: all 0.25s;
}


#lnb li.on a:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#lnb li.on a:after {
  displa y: none;
}

/*  mobileLnb */
#mobileLnb {
  display: none;
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  background: #fff;
  color: #1b1b1b;
}

#mobileLnb .list {
  width: 50%;
  position: relative;
  float: left;
  margin-left: -1px;
}

#mobileLnb .list:first-child {
  margin-left: 0;
}

#mobileLnb .list:last-child {
  width: calc(50% + 1px);
}

#mobileLnb .list .btn {
  display: block;
  height: 60px;
  position: relative;
  border: 1px solid #d9d9d9;
  border-right: none;
  line-height: 60px;
  text-align: left;
  padding-left: 20px;
}

#mobileLnb .list .btn i {
  right: 20px;
  font-size: 2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#mobileLnb .list .btn.on i {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

#mobileLnb .list ul {
  display: none;
  width: 100%;
  position: absolute;
  top: 60px;
  background-color: #fff;
}

#mobileLnb .list ul li {
  margin-top: -1px;
}

#mobileLnb .list ul li a {
  display: block;
  height: 60px;
  border: 1px solid #d9d9d9;
  line-height: 60px;
  padding-left: 20px;
  text-align: left;
}


#subContents.instagram .conBox .auto .con-title {
  display: none;
}
#subContents.news .conBox .auto .con-title {
  display: none;
}
#subContents.news .conBox .auto .con-title {
  display: none;
}
/* 고객센터 start */
#subContents.customer .conBox01 .auto {
  padding-to p: 280px;
}

#subContents.customer .conBox {
  padding: 0px 0 100px;
}
#subContents.customer .inquiry .btns {
  margin: 0 auto 30px;
}
/* 고객센터 end */

#contents .conBox01 {
  padding-bottom: 20px;
}
#contents .conBox02 {
  padding: 40px 0;
}
#contents .conBox03 {
  padding: 100px 0;
}
#contents .conBox04 {
  padding: 100px 0;
}
#contents .conBox05 {
  padding: 100px 0;
}

#subVisual {
  padding-top: 0px;
  padding-bottom: 65px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
}
#subVisual .inner {
  text-align: center;
}
#subVisual .inner .main {
  font-size: 60px;
  color: #222;
  font-weight: 700;
}
.brand_view #subVisual{
  display:none;
}

#Title { 
	padding-bottom:20px;
	border-bottom:1px solid #d9d9d9;
}
#Title .inner {
  text-align: center;
   border:0px solid #ccc;
}
#Title .auto {
  border:0px solid #0000ff;
}
#Title .inner .subTitle {
  display:inline-block;
  float:left;
  height:50px !important;
  line-height:50px;
  font-size: 2.2rem;
  color: #222;
  font-weight: 700;
  border:0px solid #ccc;
}

#Title .inner .location ul {position:absolute;top: 38px;right:0px;}
#Title .inner .location ul li{float:left;color:#777777;line-height:23px; font-size:12px; padding:0 12px 0 12px;background:url('../../images/contents/location_caret.png') left 55% no-repeat; }
#Title .inner .location ul li.home {padding:0 12px 0 0;background:none; }
#Title .inner .location ul li.home a{display:block; padding-left:25px; background:url('../../images/contents/location_home.png') left 50% no-repeat;   }
#Title .inner .location ul li a {color:#777777;}
#Title .inner .location ul li.this {color: #000;padding-right:0px;font-weight:bold;}

#contents {
}
#contents .con-title {
  text-align: center;
  margin-bottom: 50px;
}
#contents .con-title dt {
  font-size: 30px;
  color: #222;
  font-family: "Noto Sans KR";
  font-weight: 700;
  padding-bottom: 20px;
}
#contents .con-title dd {
  font-size: 18px;
  color: #666;
}
#subContents {
  margin-top:60px;
  overflow: hidden;
  z-index:99 !important;
  border:0px solid #ccc;
}
#subContents .auto {
  width: 100%;
}
/*
#lnb {
  margin-top: 180px;
  padding: 10px 15px 0;
  background: #f6f6f6;
  height: 50px;
}

#lnb ul li {
  float: left;
  padding: 0 15px;
  position: relative;
}
#lnb ul li:first-child {
  padding-left: 0;
}
#lnb ul li:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 10px;
  background: #d9d9d9;
}
#lnb ul li:last-child:after {
  display: none;
}
#lnb ul li a {
  font-size: 16px;
  color: #666;
}
#lnb ul li a:hover {
  color: #e21e26;
}
*/

/* 서브 타이틀 */
.sub-title {font-size:1.8rem; color:#222; font-weight:700; height:50px; margin-left:0px; letter-spacing:-1px;padding-left:25px;}
.sub-title2 {font-size:1.2rem; color:#222; font-weight:600; height:50px; margin:0 auto; margin-bottom:-30px; letter-spacing:-1px; text-align:center;}

/* 개인정보 취급방침 서브 타이틀 */
.psub-title {font-size:1.3rem; color:#222; font-weight:600; height:40px; margin-left:0px; margin-bottom:10px; letter-spacing:-1px;}

.sub-title:before {
  content: ""; 
  position: absolute; 
  margin-top: 13px; 
  margin-left:-25px;
  width: 15px; 
  height: 15px; 
  background: #05b253; 
  border-radius: 15px;
}


.st {
  display:block;
  width:100%;
  font-size: 1.2rem;
  color: #333;
  padding-left:15px;
  font-weight: 500;
  margin:15px 0px 15px 5px;
  letter-spacing:-1px;
  line-height:1.2rem !important;
}
.st:before {
  content: ""; 
  position: absolute; 
  margin-top: 5px; 
  margin-left:-15px;
  width: 8px; 
  height: 8px; 
  background: #05b253; 
  border-radius: 10px;
}

.tab {
  text-align: center;
  margin-bottom: 100px;
}
.tab ul li {
  display: inline-block;
  margin: 0 10px;
}
.tab ul li a {
  font-size: 24px;
  color: #999;
  padding: 10px 30px;
  transition-duration: 0.3s;
}
.tab ul li.on a {
  color: #e21e26;
  font-weight: 700;
  position: relative;
}
.tab ul li.on a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #e21e26;
  transform: scaleX(0);
  transition-duration: 1s;
}
.fade .tab ul li.on a:after {
  transform: scaleX(1);
}

.prd-detail-tab.tab ul li a:hover {
  color: #e21e26;
  font-weight: 700;
  position: relative;
}
.prd-detail-tab.tab ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #e21e26;
  transform: scaleX(0);
  transition-duration: 1s;
}
.prd-detail-tab.tab ul li a:hover:after {
  transform: scaleX(1);
}

/* 탭 :1차 탭 */
.tab-wrap {margin-top:2rem; margin-bottom:2rem; overflow:hidden;}
.tab-wrap li {float:left; margin-right:2px;}
.tab-wrap li:last-child {margin-right:0px;}
.tab-wrap a {position:relative; display:block; margin-righ t:0.1rem; padding:1rem; line-height:1rem; font-size:1rem; font-weight:400; color:#454545; text-align:center; border:1px solid #d3d3d3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab-wrap a:hover, .tab-wrap li.on a{font-weight:400; color:#fff; border:1px solid #00a24a; background:#00a24a}
.tab-wrap a:hover, .policy .tab-wrap li.on a{font-weight:400; color:#fff; border:1px solid #00a24a; background:#00a24a}

.tab-wrap2 {margin-top:1rem; margin-bottom:2rem; overflow:hidden;}
.tab-wrap2 li {float:left; margin-right:2px;}
.tab-wrap2 li:last-child {margin-right:0px;}
.tab-wrap2 a {position:relative; display:block; margin-righ t:0.1rem; padding:1rem; line-height:1rem; font-size:1rem; font-weight:400; color:#454545; text-align:center; border:1px solid #d3d3d3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab-wrap2 a:hover, .tab-wrap2 li.on a{font-weight:400; color:#fff; border:1px solid #00a24a; background:#00a24a}
.tab-wrap2 a:hover, .policy .tab-wrap2 li.on a{font-weight:400; color:#fff; border:1px solid #00a24a; background:#00a24a}

.tab_st1 {margin-bottom:1rem; overflow:hidden;}
.tab_st1 li {widt h:24.95%; float:left; margin-lef t:0px;}
.tab_st1 li:last-child {margin-lef t:-1px; margin-right:0px;}

/* 탭 :2차 탭 */
.tab_st2 {margin-bottom:1rem; overflow:hidden;}
.tab_st2 li {width:25%; float:left; margin:0.05rem 0;}
.tab_st2_box a {display:block; margin-right:0.1rem; padding:0.55rem 0.5rem; line-height:0.95rem; font-size:0.75rem; color:#444; text-align:center; border:2px solid #d3d3d3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st2_box a:hover, .tab_st2_box li.on a{color:#222; border-color:#1170c5;}
.tab_st2 li a[target='_blank'] {background:url("/images/web/ncrc/con_com/tab2_off_blank.png") no-repeat 95% center;}

/* 탭 :3차 탭 */
.tab_st3 {margin-bottom:1rem; overflow:hidden;}
.tab_st3 li {width:25%; float:left; margin:1px 0;}
.tab_st3_box a {display:block; margin-right:0.1rem; padding:0.55rem 0.5rem; line-height:0.95rem; font-size:0.75rem; color:#444; text-align:center; border-top:2px solid #d3d3d3; border-bottom:2px solid #d3d3d3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st3_box a:hover, .tab_st3_box li.on a{color:#222; border-color:#1170c5;}
.tab_st3 li a[target='_blank'] {background:url("/images/web/ncrc/con_com/tab2_off_blank.png") no-repeat 95% center;}

/* 탭 :리스트 탭 */
.tab_list {margin-bottom:1rem; padding:1rem 0; border:4px solid #dfe6ee; overflow:hidden; background:url("/images/web/ncrc/con_com/bg_tab_list.png") no-repeat left top;}
.tab_list li {width:25%; float:left; margin:1px 0;}
.tab_list li a {position:relative; display:block; margin:0 1rem; padding-left:1.15rem; line-height:1.5rem; font-size:0.75rem; color:#444; background:url("/images/web/ncrc/con_com/tab_list_off.png") no-repeat left 7px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_list li.on a, .tab_list li.on a:hover, .tab_list li a:hover {font-weight:400; color:#024289; background:url("/images/web/ncrc/con_com/tab_list_on.png") no-repeat left 7px;}
.tab_list li a[target='_blank']:after {content:''; display:inline-block; width:13px; height:13px; margin-left:0.5rem; background:url("/images/web/ncrc/con_com/tab2_off_blank.png") no-repeat right center;}

/* 탭 :개수 지정 */
.Tab-w50 li {width:49.8%;}
.Tab-w30 li {width:33.18%;}
.Tab-w20 li {width:20%;}
.Tab-w25 li {width:24.8%;}
.Tab-w6 li {width:16.6%;}
.Tab-w7 li {width:14.2%;}
.Tab-w8 li {width:12.5%;}
.Tab-w5 li {width:19.8%;}

/* 탭 :반응형 */
.reactTab{display:block;}
.reactTab ul{width:100%;display: inline-block!important;}
.reactTab a.selectTab{display:none;}

.conBox01 p.cmt {
	padding-left:20px; 
	padding-bottom:15px;
	line-height: 1.6rem;
	color:#666 !important;
}

.rental p.cmt {font-size:14px !important;}

.conBox01 p.cmt .point:before {
  content: ""; 
  position: absolute; 
  margin-top: 10px; 
  margin-left: -10px;
  width: 5px; 
  height: 5px; 
  background: #038fc6; 
  border-radius: 10px;
}
.conBox01 p.cmt2 {
	padding-left:0px; 
	padding-bottom:15px;
	line-height: 1.6rem;
	color:#666 !important;
}

.conBox01 p.cmt3 {
	position:absolute;
	display:inline-block;
	height:287px;
	line-height:287px !important;
	margin-left:40%;
	padding-left:0px; 
	padding-bottom:15px;
	font-size:1.2rem;
	color:#fff !important;
	border:0px solid #ccc;
}

/* 기관소개 */
.about #lnb .auto {
  width: 1400px !important;
}
.about .conBox01 .auto {
  width: 1400px !important;
}
.about .conBox01 .imgBox {
  width: 50%;
  padding-right: 50px;
}
.about .conBox01 .txtBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  right: 0;
}
.about .conBox01 .txtBox dl dt {
  font-size: 20px;
  color: #018834;
  font-weight: 700;
}

.about .conBox01 .txtBox dl dd {
  font-size: 18px;
  color: #454545;
  font-family: "Noto Sans KR";
  font-weight: 400;
  padding-top: 30px;
  margin-top: 10px;
  position: relative;
  line-height: 180%;
}
.about .conBox01 .txtBox dl dd:before {
  content: "";
  position: absolute;
  top: 0;
  left: -120px;
  width: 160px;
  height: 2px;
  backgroun d: #e21e26;
}
.about .conBox01 .txtBox dl dd span {
  font-size: 24px;
  font-weight: 400;
}
.about .conBox02 {
  background: #fff;
}
.about .conBox02 dl {
  text-align: center;
  font-weight: 700;
  padding-top: 100px;
  background: url("../images/contents/icon-arrow-top.png") no-repeat 50% 50px;
}
.about .conBox02 dl:first-child {
  background: none;
  padding-top: 80px;
}
.about .conBox02 dl dt {
  font-size: 60px;
  color: #e21e26;
}
.about .conBox02 dl dd {
  font-size: 40px;
  color: #222;
}
.about .conBox02 dl dd ul {
  margin-top: 30px;
}
.about .conBox02 dl dd ul li {
  display: inline-block;
  padding: 10px;
  position: relative;
  margin: 10px;
}
.about .conBox02 dl dd ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px dashed #e21e26;
  border-radius: 50%;
  animation: spinCircle 90s infinite linear;
}
.about .conBox02 dl dd ul li .circle {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: #e21e26;
  position: relative;
}
.about .conBox02 dl dd ul li .circle .inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  color: #fff;
}
.about .conBox02 dl dd ul li .circle .inner .icon {
  height: 70px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.about .conBox02 dl dd ul li:nth-child(1) .circle .inner .icon {
  background-image: url("../images/contents/about-img02.png");
}
.about .conBox02 dl dd ul li:nth-child(2) .circle .inner .icon {
  background-image: url("../images/contents/about-img03.png");
}
.about .conBox02 dl dd ul li:nth-child(3) .circle .inner .icon {
  background-image: url("../images/contents/about-img04.png");
}
.about .conBox02 dl dd ul li:nth-child(4) .circle .inner .icon {
  background-image: url("../images/contents/about-img05.png");
}
.about .conBox02 dl dd ul li .circle .inner .title {
  font-size: 28px;
  display: block;
  font-family: "Montserrat";
}
.about .conBox02 dl dd ul li .circle .inner .desc {
  font-size: 18px;
  display: block;
  font-weight: 400;
}

.about .introduce {
 text-align:center;
}

.about .introduce .heading {
	margin-bottom: 15px;
	font-size: 28px;
	color: #333;
	line-height: 37px;
	letter-spacing: -3px;
}
.about .introduce .title {
	font-weight:500; 
	color:#299621; 
	font-size:1.5rem;
}
.about .introduce p.con {
	text-align:justify; 
	padding:0px 0px;
	color:#666;
}

.about_cont_inner .txt_top {
    font-size: 28px;
    line-height: 54px;
    letter-spacing: -2px;
    text-align: center;
    margin-bottom: 40px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
}
.txt-darkgreen {
    color: #02652f;
}
em {
    font-style: normal;
}

.cont_right {
    width: 100%;
	margin-top: 40px;
    font-size: 18px;
    line-height: 32px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	letter-spacing:-0.6px;
	text-align: left;
}

.cont_right p {margin-bottom: 20px;}
.content_sub {padding-left: 5px; border:0px solid #fff;}
.content_sub .addTxt{font-size: 20px;font-weight: 500; color: #999; margin-top: 10px;line-height: normal;}
.content_sub .addTxt1{margin:20px 0 10px 0}
.content_sub .subTxt{margin:17px 0 35px 0}
.content_sub .title-cont {
    margin: 0 0 40px 0;
}
.content_sub .title-cont h3{
	font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: -1px;
    color: #222;
    margin-left: -3px;
}


/* 미션/비전 */
.mission_cont .col1 ul {
    overflow: hidden;
}

.mission_cont .col1 .core_mission li {
    width: 45%;
    height: 405px;
    border: 1px solid #cecece;
    border-radius: 10px;
    float: left;
    box-sizing: border-box;
}

.mission_cont .col1 .core_mission {
    width: 100%;
    margin: 0 auto;
}

.mission_cont .col1 .core_mission li~li {
    margin-left: 5%;
}

.mission_cont .col1 .core_mission li i {
    display: block;
    margin: 38px auto;
}

.mission_cont .col1 .core_mission .box1 i {
    width: 107px;
    height: 107px;
    background: url(../images/introduce/ic_mission1.png);
    background-size: cover;
}

.mission_cont .col1 .core_mission .box2 i {
    width: 110px;
    height: 107px;
    background: url(../images/introduce/ic_mission2.png);
    background-size: cover;
}

.mission_cont .col1 .core_mission li .name {
    border-top: 1px solid #cecece;
    padding-top: 15px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 15px;
}

.mission_cont .col1 .core_mission .box1 .name {
    color: #02652f;
}

.mission_cont .col1 .core_mission .box2 .name {
    color: #f8a910;
}

.mission_cont .col1 .core_mission li .memo {
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}

.mission_cont .col1 .core_mission li .memo strong {
    font-weight: 400;
    color: #02652f
}

.mission_cont .col2 {
    margin-top: 80px;
}

.mission_cont .col2 h4 {
    font-size: 42px;
    font-weight: 700;
    line-height: 42px;
}

.mission_cont .col2 .value_list {
    margin-top: 60px;
    overflow: hidden;
}

.mission_cont .col2 .value_list li {
    width: 280px;
    height: 205px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.mission_cont .col2 .value_list li~li {
    margin-left: 20px;
}

.mission_cont .col2 .value_list li .name {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    font-size: 24px;
    font-weight: 700;
    color: #02652f;
}

.mission_cont .col2 .value_list li .memo {
    height: calc(100% - 65px);
    font-size: 20px;
    line-height: 32px;
    background: #f5f5f5;
    padding: 20px 0;
    box-sizing: border-box;
}

.mission_cont {text-align:left;}

.mission_cont h3 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: -1px;
    color: #222;
    margin-left: -3px;
}

.mission_cont .value_list {
    margin-top: -10px !important;
    overflow: hidden;
}

.mission_cont .value_list li {
    width: 23.3%;
    height: 195px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.mission_cont .value_list li~li {
    margin-left: 20px;
}

.mission_cont .value_list li .name {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 700;
    color: #02652f;
}

.mission_cont .value_list li .memo {
    height: calc(100% - 61px);
    font-size: 16px;
    line-height: 32px;
    background: #f5f5f5;
    padding: 20px 0;
	letter-spacing:-1px;
    box-sizing: border-box;
}


.about .reservation .facility{
	margin-top: 30px;
	margin-bottom: 60px;
	padding: 30px 15px;
	border: 1px solid #E1E1E1;
}
.about .reservation .facility ul li{
	float:left;
	width: 100%;
	margin-bottom: 50px;
	padding: 0px 15px;
}
.about .reservation .facility ul li .imgWrap{
	width: 100% !important;
	border: 0px solid #ddd;
	overflow:hidden !important;
}
.about .reservation .facility ul li .imgWrap img{
	width: 100% !important;
}
.about .reservation .facility ul li .imgWrap .btn{
	position: absolute;
    width: 100%;
	max-width:413px;
    height: 62px;
    line-height: 62px;
    margin-top:205px;
    text-align: center;
    background: rgba(255, 255, 255, 0.0);
    opacity: 1;
    color: #fff;
    font-weight: 500;
    z-index: 9 !important;
	overflow:hidden;
}
.about .reservation .facility ul li .imgWrap .btn a {
	display:inline-block; 
	width:180px; 
	height:45px; 
	line-height:45px; 
	text-align:center;
	font-weight:300; 
	margin-top:0px; 
	vertical-align:middle; 
	border-radius:10px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.about .reservation .facility ul li .imgWrap .btn a.green{background:#018834;color:#fff;font-weight:400;}
.about .reservation .facility ul li .imgWrap .btn a.green:hover{
	background:#03a13f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}
.about .reservation .facility ul li .title{
	display:block;
	line-height: 3rem;
	width:100%;
	text-align:center;
}

.about .reservation .facility ul li .btnWrap{
	padding-top:15px !important;
}

.about .reservation .facility ul li .btnWrap a{
	border-radius: 10px !important;
}
.about .reservation .facility ul li .btnWrap a.green:hover{
	background:#03a13f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.about .reservation .facility ul li .btnWrap a i{
	margin-top:-5px;
	font-weight: 300 !important;
}

.about .reservation .info{
	float:left;
	width:50%;
	margin: 15px 0 60px  0;
}

.about .reservation .info .imgWrap img{
	width:100%;
}
.about .reservation .info .content{
	margin-top: 30px;
	background: #f5f5f5;
	padding:20px;
}

.about .reservation .reserve{
	float:left;
	width:50%;
	padding-left:30px;
}

.schedule-wrap .legend {
    float:right;
	margin:-15px 0 15px;font-size:0;
}
.schedule-wrap .legend li {
    font-size:14px; color:#222;float:left;margin-right:15px;line-height: 1;
}
.schedule-wrap .legend li:last-child{margin-right:0;}
.schedule-wrap .legend li span{width:12px; height:12px;display: inline-block;margin-right:5px; border-radius:10px;}
.schedule-wrap .legend_today{background:#cdaf54;}
.schedule-wrap .legend_select{background:#52a728}
.schedule-wrap .legend_none{background:#ccc;}
.schedule-wrap .today_span3{background:#fff;border:2px solid #52a728}

.reserve .schedule-wrap .calendar .calendarCon {width:100%; overflow:hidden; padding:0px; border-radius:10px 0px 0px 10px;border:0px solid #ccc; }
.reserve .schedule-wrap .calendar .calendarCon .title {display:block; font-size:18px; color:#333; text-align:center;padding: 10px 0px; margin-bottom:2px; border:0px solid #ccc; background:#f5f5f5; border-radius:10px 10px 0px 0px;}
.reserve .schedule-wrap .calendar .calendarCon .title .yearmon {margin:0 auto; font-size:14px; color:#666; font-weight:400;}
.reserve .schedule-wrap .calendar .calendarCon .title .yearmon span {font-size:20px; color:#333; font-weight:500;}
.reserve .schedule-wrap .calendar .calendarCon .title .yearmon .prev {margin-right: 20px;}
.reserve .schedule-wrap .calendar .calendarCon .title .yearmon .next {margin-left: 20px;}
.reserve .schedule-wrap .calendar .calendarCon .calendar {min-height: 245px;clear:both;padding:0px 15px 15px 15px; background:#f5f5f5; border-radius:0px 0px 10px 10px;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable {border-top:0px;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable thead {border:0px solid #ff0000;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable thead tr th { line-height:35px;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tr th {font-size:14px; text-align:center; padding-bottom:0px !important;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tr td {font-size:14px; color:#000; font-weight:500; text-align:center; padding:6px;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tbody tr td{border:1px solid #f6f6f6;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tbody tr td:first-child {color:#CE7095;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable thead tr th:last-child,
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tbody tr td:last-child {color:#499DA5;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tbody tr td.on {color:#fff;background:#52a728;font-weight:500;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tbody tr td.none {color:#333;background:#ccc;font-weight:400;width:21px; height:21px; line-height:21px; border-radius:0px;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tbody tr td.pointer {cursor:pointer;}
.reserve .schedule-wrap .calendar .calendarCon .calendar .calendarTable tbody tr td.today div {margin:0 auto; color:#fff;background:#cdaf54;font-weight:400;width:25px; height:25px; line-height:25px; border-radius:30px;}

.reserve .schedule-wrap .calendar .scheduleCon { clear:both; display:block; margin-top: 30px;}
.reserve .schedule-wrap .calendar .scheduleCon .color_dot{margin:28px 0 15px;font-size:0;}
.reserve .schedule-wrap .calendar .scheduleCon .color_dot li{font-size:16px; color:#222;float:left;margin-right:10px;line-height: 1;}
.reserve .schedule-wrap .calendar .scheduleCon .color_dot li:last-child{margin-right:0;}
.reserve .schedule-wrap .calendar .scheduleCon .color_dot li span{width:13px; height:13px;display: inline-block;margin-right:5px;}
.reserve .schedule-wrap .calendar .scheduleCon .today_span{background:#fff3c4}
.reserve .schedule-wrap .calendar .scheduleCon .sel_span{background:#52a728}
.reserve .schedule-wrap .calendar .scheduleCon .none_span{background:#DEDEDE;}
.reserve .schedule-wrap .calendar .scheduleCon .today_span3{background:#fff;border:2px solid #52a728}
.reserve .schedule-wrap .calendar .scheduleCon .active span{background:#fff;border:2px solid #52a728;width:21px; height:21px;display: inline-block;}
.reserve .schedule-wrap .calendar .scheduleCon .active span.on{background:url("/images/contents/check_mark.png")no-repeat;width:21px; height:21px;display: inline-block;background-size:cover;    border: 0;}

.reserve .schedule-wrap .calendar .scheduleCon table{width: 100%;border-top: 2px solid #52a728; border-left: 1px solid #ddd;}
.reserve .schedule-wrap .calendar .scheduleCon table th{
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd; 
	border-right: 1px solid #ddd;  
	background: #f7f7f7;
	font-size: 15px;  
	color: #222; 
	font-weight: 500;
	padding: 0px;
	text-align:center;
	line-height:40px;
}
.reserve .schedule-wrap .calendar .scheduleCon table td{ cursor: pointer;padding: 10px;border-right: 1px solid #ddd; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;background: #fff; text-align: center;    font-size: 0;}


.reserve .schedule-wrap .calendar .scheduleCon .sel_span2 span{background:#263e58;width:21px; height:21px;display: inline-block;}
.reserve .schedule-wrap .calendar .scheduleCon .inactive span{background:#DEDEDE;width:21px; height:21px;display: inline-block;}
.reserve .schedule-wrap .calendar .scheduleCon .mt0{margin-top: 0 !important;}

.reserve .schedule-wrap .calendar .scheduleCon .amount {width: 100%;  height: 40px;text-align: center;  font-size: 0;  border: 1px solid #ddd; position: relative;  overflow: hidden;}
.reserve .schedule-wrap .calendar .scheduleCon .amount span{display: inline-block; width: 100%;  height: 40px;  font-size: 16px; color: #222; line-height: 40px;}
.reserve .schedule-wrap .calendar .scheduleCon .amount a {display: inline-block; width: 40px;  height: 40px;  background-color: #f7f7f7;font-size: 16px;line-height:38px;color: #222;    position: absolute;}
.reserve .schedule-wrap .calendar .scheduleCon .amount .left {border-right: 1px solid #ddd; left: 0;}
.reserve .schedule-wrap .calendar .scheduleCon .amount .right {border-left: 1px solid #ddd;right:0;}
.reserve .schedule-wrap .calendar .scheduleCon .btn_bottom{width:100%; height: 40px; background:#52a728;text-align:center; line-height:40px; margin-top: 10px;border-radius:50px;}
.reserve .schedule-wrap .calendar .scheduleCon .btn_bottom a{display:block; color:#fff; font-size:16px;}
.reserve .schedule-wrap .calendar .scheduleCon #smart_editor2{ width: 100%;min-width: 170px !important;}
.reserve .schedule-wrap .calendar .scheduleCon .p_text{color:#222;font-size:16px; position:relative;margin: 28px 0 15px;line-height:1;padding-left: 6px;font-weight:500;}
.reserve .schedule-wrap .calendar .scheduleCon .p_text:before{    position: absolute;left: 0px;background: #304d6b;  content: ''; width: 3px;height: 3px;top: 8px;}
.reserve .schedule-wrap .calendar .scheduleCon .amount input{text-align: center;outline: 0; border: 0;  line-height: 40px; font-size: 14px; color: #222; }


.reserve .schedule-wrap .calendar .scheduleCon .agreements li{font-size:0}
.reserve .schedule-wrap .calendar .scheduleCon .agreements li span{font-size:14px;margin:0 1%; vertical-align: 0px; border:0px solid #0000ff;}
.reserve .schedule-wrap .calendar .scheduleCon .agreements .input_width{width:100%;border: 1px solid #ddd; outline: 0;  padding: 5px 10px;margin-top:10px;height:40px;font-size:13px;}
.reserve .schedule-wrap .calendar .scheduleCon .agreements .input_width3{width: 31.05%;}
.reserve .schedule-wrap .calendar .scheduleCon .agreements .privacy{width:100%;height:105px;font-size:14px;color:#787878;border:1px solid #ddd; margin-top:10px;padding:10px;}
.reserve .schedule-wrap .calendar .scheduleCon .agreements .agreement{ margin-top: 10px;color:#555;font-size:14px;}
.reserve .schedule-wrap .calendar .scheduleCon .agreements p{color:#ff0000;margin-top:20px;font-size:14px;}


.facility_slider {margin-top:40px; margin-bottom: 0px;}
.facility_slider .slider.slider-for {position: relative;}
.facility_slider .slider.slider-for li {position: relative;}
.facility_slider .slider.slider-for li p {position: absolute; width: 100%; bottom:0; left: 0; background-color: rgba(0,0,0,0.7); font-size:1.2rem; color: #fff; text-align: center; padding: 15px 0;font-weight: 400;}
.facility_slider .thumbnail {margin-top:20px;position: relative;}
.facility_slider .slider.slider-nav {margin: 0 -10px;}
.facility_slider .slider.slider-nav li {padding:5px;}
.facility_slider .btn {position: absolute; top:35%; z-index:2;}
.facility_slider .slider.slider-for .btnPrev {left: 30px;}
.facility_slider .slider.slider-for .btnNext {right: 30px;}
.facility_slider .slider.slider-nav .btnPrev {left: 30px;}
.facility_slider .slider.slider-nav .btnNext {right: 30px;}

/* 프로필 */
.profile {}
.profile .txt01 {
	position:absolute;
	top:25%;
	width:100%;
	text-align:center;
	font-size:2.0rem;
	color:#00732b;
	z-index:99;
}
.table-profile th {
	width:15%;
	padding-left:20px;
  }
  .table-profile td {
	width:85%;
  }
/* 프로필 */

/* 연혁 */
.history {}
.history .txt01 {
	position:absolute;
	top:45%;
	width:80%;
	text-align:center;
	font-size:1.5rem;
	color:#fff;
	font-weight: 400;
	margin-lef t:-100px;
	z-index:99;
	border:0px solid #ff0000;
}
/* 연혁 */

/* 경영이념 */
.about #contents .conBox02 {
  padding-top: 0;
}
.about .conBox02 .inner {
  padding-top: 100px;
}

.about .conBox01 {
  text-align: left;
}
.about .conBox01 .main-title {
  font-size: 40px;
  color: #222;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 130%;
}
.about .conBox01 .main-title span {
  color: #e21e26;
}
.about .conBox01 .sstitle {
  font-size: 40px;
  color: #222;
  font-weight: 700;
  font-family: "Montserrat";
  margin-bottom: 20px;
}
.about .conBox01 dl dd {
  font-size: 20px;
  color: #333;
  font-weight: 500;
}
.about .conBox01 ul {
  margin-top: 50px;
}
.about .conBox01 ul li {
  margin-top: 50px;
}
.about .conBox01 ul li p {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  padding: 10px 0;
}
.about .conBox02 {
 margin-top:-60px !important;
 padding-top:0px !important;
}
.about .conBox02 .inner {
  border-top: 0px solid #d9d9d9;
  padding-top: 0px;
}
.about .conBox02 .inner dl {
  text-align: center;
  margin-bottom: 50px;
}
.about .conBox02 .inner dl dt {
  font-size: 30px;
  color: #222;
  font-weight: 700;
  font-family: "Montserrat";
}
.about .conBox02 .inner dl dt .circle {
  display:inline-block;
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  font-family: "Montserrat";
  width:60px;
  height: 60px;
  line-height: 65px;
  border-radius:50px;
  background: #96c91b;
  
}
.about .conBox02 .inner dl dd {
  font-size: 40px;
  color: #189632;
  font-weight: 500;
  margin-top:20px;
  font-family: "Cafe24Shiningstar";
}
.about .conBox02 .inner ul {
  margin: 0;
}
.about .conBox02 .inner ul li {
  float: left;
  width: 33.333%;
  padding: 0 15px;
  font-family: "Montserrat";
  border:0px solid #0000ff;
}
.about .conBox02 .inner ul li .mission-box {
  position: relative;
  width:100%;
  height: 340px;
  text-align: center;
  border-radius:15px;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}
.about .conBox02 .inner ul li:nth-child(1) .mission-box {
  background: #e0f5f7;
  border-colo r: #e21e26;
}
.about .conBox02 .inner ul li:nth-child(2) .mission-box {
  background: #d1e5fb;
  border-colo r: #ffd200;
}
.about .conBox02 .inner ul li:nth-child(3) .mission-box {
  background: #f3e8f8;
  borde r: 1px solid #d9d9d9;
}
.about .conBox02 .inner ul li .mission-box .imgBox {
  width:100%;
  vertical-align:middle;
  padding:0px;
  border:1px solid #ff000;
  overflow:hidden;
  border-radius:15px 15px 0px 0px;
}
.about .conBox02 .inner ul li .mission-box .imgBox img{
  display:block;
  width:100%;
  border:1px solid #ff000;
  border-radius:15px 15px 0px 0px;
}
.about .conBox02 .inner ul li .mission-box .title {
  display:block;
  width:100%;
  text-align:center;
  margin: 15px 0px 15px 0px;
  font-size: 20px;
  font-family: "Noto Sans KR"; 
  color: #333;
  font-weight: 500;
  letter-spacing:-1px;
}

.about .conBox02 .inner ul li:nth-child(1) .mission-box .title {
  color: #0192a0;
}
.about .conBox02 .inner ul li:nth-child(2) .mission-box .title {
  color: #036bdd;
}
.about .conBox02 .inner ul li:nth-child(3) .mission-box .title {
  color: #9951b9;
}

.about .conBox02 .inner ul li .mission-box .titleLine{
  display:block;
  width:40%;
  text-align:center;
  margin: 0 auto;
  border-bottom:1px solid #fff;
}

.about .conBox02 .inner ul li .mission-box .subTitle{
  display:block;
  width:100%;
  text-align:center;
  margin-top: 0px;
  font-size: 16px;
  font-family: "Noto Sans KR"; 
  color: #43acde;
  font-weight: 700;
}
.about .conBox02 .inner ul li .txtBox {
  position:relative;
  padding: 20px 25px;
}
.about .conBox02 .inner ul li .txtBox p {
  font-size: 16px;
  color: #666;
  margin-top: 0px;
  font-family: "Pretendard Variable"; 
  font-weight: 500;
}
.about .conBox02 .inner ul li .txtBox p span {
  display: inline-block;
  vertical-align: top;
  width: 140px;
  font-weight: 700;
}

.about .conBox01 .facility {
	min-height:450px;
}

.about .conBox01 .facility .floor-img {
	float:left;
	widt h:20%;
	border:0px solid #ccc;
}
.about .conBox01 .facility .floor-con {
	float:left;
	width:70%;
	padding-left:20px;
	overflow: hidden;
	border:0px solid #ccc;
}
.about .conBox01 .facility .floor-con ul{
	margin-top:30px;
	margin-bottom:0px;
}
.about .conBox01 .facility .floor-con ul li{
	margin-top:0px;
	margin-bottom:1px;
	background: #efefef;
}
.about .conBox01 .facility .floor-con ul li:nth-child(1){
	background: #fcc033;
}
.about .conBox01 .facility .floor-con ul li:nth-child(2){
	background: #9bbc21;
}
.about .conBox01 .facility .floor-con ul li:nth-child(3){
	background: #13aa9d;
}
.about .conBox01 .facility .floor-con ul li:nth-child(4){
	background: #218da0;
}
.about .conBox01 .facility .floor-con ul li dl{
	margin:0px !important;
	border:0px solid #ff0000;
}
.about .conBox01 .facility .floor-con ul li dl dt{
	float:left;
	width:66px;
	height:56px;
	line-height:56px;
	font-size: 1rem;
	color: #fff;
	text-align:center;
}
.about .conBox01 .facility .floor-con ul li:nth-child(1) dl dt{
	background: #fa9504;
}
.about .conBox01 .facility .floor-con ul li:nth-child(2) dl dt{
	background: #589734;
}
.about .conBox01 .facility .floor-con ul li:nth-child(3) dl dt{
	background: #028378;
}
.about .conBox01 .facility .floor-con ul li:nth-child(4) dl dt{
	background: #037286;
}
.about .conBox01 .facility .floor-con ul li dl dd{
	float:left;
	height:56px;
	line-height:56px;
	font-size: 1rem;
	color: #fff;
	font-weight:300;
	font-famil y: "Montserrat";
	padding-left:30px;
	border:0px solid #ccc;
}

/* OUR TEAM */
.about .conBox03 {
 background: #f7f7f7;
 padding-top:70px !important;
}
.about .conBox03 .inner {
  border-top: 0px solid #d9d9d9;
  padding-top: 0px;
}
.about .conBox03 .inner dl {
  text-align: center;
  margin-bottom: 80px;
}
.about .conBox03 .inner dl dt {
  font-size: 30px;
  color: #222;
  font-weight: 700;
  font-family: "Montserrat";
}
.about .conBox03 .inner dl dd {
  font-size: 20px;
  color: #777;
  font-weight: 400;
}
.about .conBox03 .inner ul {
  margin: 0 -20px;
}
.about .conBox03 .inner ul li {
  float: left;
  width: 20%;
  padding-right:1px;
  font-family: "Montserrat";
}
.about .conBox03 .inner ul li:last-child {
  padding-right:0px;
}
.about .conBox03 .inner ul li .mission-box {
  position: relative;
  height: 400px;
  text-align: center;
  background-color: #f7f7f7;
}

.about .conBox03 .inner ul li:nth-child(1) .mission-box {
  background: #b6cd25;
}
.about .conBox03 .inner ul li:nth-child(2) .mission-box {
  background: #13aa9d;
  margin-top:30px;
}
.about .conBox03 .inner ul li:nth-child(3) .mission-box {
  background: #218da0;
}
.about .conBox03 .inner ul li:nth-child(4) .mission-box {
  background: #fcc033;
  margin-top:30px;
}
.about .conBox03 .inner ul li:nth-child(5) .mission-box {
  background: #f57f22;
}
.about .conBox03 .inner ul li .mission-box .imgBox {
  display:block;
  height:100px;
  vertical-align:middle;
  padding:40px 0 20px 0;
  margin-bottom:26px;
  border:1px solid #ff000;
}
.about .conBox03 .inner ul li .mission-box .title {
  display:block;
  width:100%;
  text-align:center;
  margin-top: 0px;
  font-family: "Noto Sans KR"; 
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}
.about .conBox03 .inner ul li .mission-box .subTitle{
  display:block;
  width:100%;
  text-align:center;
  margin-top: 0px;
  font-size: 16px;
  color: #efefef;
  font-family: "Noto Sans KR"; 
  font-weight: 700;
}
.about .conBox03 .inner ul li .txtBox {
  position:relative;
  padding: 40px 30px;
  text-align:left;
}
.about .conBox03 .inner ul li .txtBox p {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
  font-family: "Noto Sans KR"; 
  font-weight: 500;
}
.about .conBox03 .inner ul li .txtBox p span {
  display: inline-block;
  vertical-align: top;
  width: 140px;
  font-weight: 700;
}
/* 연혁 */
.history-cate {
  text-align: center;
  margin: 50px 0;
}
.history-cate span {
  font-size: 48px;
  color: #e21e26;
  font-weight: 700;
  font-family: "Montserrat";
}
.history_list {
}
.history_list .historyBox {
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}
.history_list .historyBox:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #e6e6e6;
}
.history_list .historyBox .year {
  font-size: 32px;
  color: #231f20;
  font-weight: 700;
  position: relative;
  font-family: "Montserrat";
}
.history_list .historyBox .year:after {
  content: "";
  position: absolute;
  top: 16px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #e21e26;
  z-index: 1;
}
.history_list .historyBox .history_content {
  padding-top: 7px;
}
.history_list .historyBox .history_content ul li {
  font-size: 20px;
  color: #333;
  position: relative;
  word-break: keep-all;
  font-weight: 300;
}
.history_list .historyBox .history_content .imgBox {
  margin-top: 30px;
}
.history_list .historyBox:nth-child(2n) {
  padding-right: 50%;
  text-align: right;
}
.history_list .historyBox:nth-child(2n) .inner {
  padding-right: 30px;
}
.history_list .historyBox:nth-child(2n) .year {
  float: right;
}
.history_list .historyBox:nth-child(2n) .year:after {
  right: -38px;
}
.history_list .historyBox:nth-child(2n) .history_content {
  padding-right: 120px;
}
.history_list .historyBox:nth-child(2n-1) {
  padding-left: 50%;
}
.history_list .historyBox:nth-child(2n-1) .inner {
  padding-left: 30px;
}
.history_list .historyBox:nth-child(2n-1) .year {
  float: left;
}
.history_list .historyBox:nth-child(2n-1) .year:after {
  left: -37px;
}
.history_list .historyBox:nth-child(2n-1) .history_content {
  padding-left: 120px;
}
/* CEO인사말 */
.ceo .conBox01 .main-box {
  margin:60px 40px;
}
.ceo .conBox01 .main-box p{
  margin:0 auto; font-size:22px;text-align:center; vertical-align:center; color:#06892b;padding-bottom:0px;letter-spacing:-1px; 
}
.ceo .conBox01 .main-box p .quotLeft{
  font-size:50px !important;font-weight:bold;vertical-align:middle; padding-right:5px;
}
.ceo .conBox01 .main-box p .quotRight{
  font-size:50px !important;font-weight:bold;vertical-align:middle; padding-left:5px;
}
.ceo .conBox01 .main-box p .mainSlogan{
  font-weight:bold;letter-spacing:-0.5px;
}
.ceo .conBox01 .main-box .slogan-bar{ 
  margin:0 auto; width:90%; height:10px;;
}
.ceo .conBox01 .main-box .bar-left{ 
  float:left; width:33.3%; height:10px; background-color:#00501F;
}
.ceo .conBox01 .main-box .bar-center{ 
  float:left; width:33.3%; height:10px; background-color:#22AD49;
}
.ceo .conBox01 .main-box .bar-right{ 
  float:left; width:33.3%; height:10px; background-color:#C0D62F;
}

.ceo .conBox01 .main-box .main {
  font-size: 28px;
  color: #1170c5;
  line-height: 130%;
}
.ceo .conBox01 .main-box .main span {
  color: #e21e26;
  font-weight: 500;
}
.ceo .conBox01 .main-box .sign {
  float:right;
  margin-top: 40px;
  margin-right:20px;
  font-size: 22px;
  color: #222;
}

.ceo .conBox01 .greetings {
	padding:0px 40px 60px 50px;  
	font-size:16px; 
	color:#666;
	line-height:2
}
.ceo .conBox01 .greetings p {
	clear:both;
	margin-bottom:30px;
}

.ceo .conBox01 .greetings p.name {
	text-align:left; 
	font-size:18px;
	color: #00501F;
	margin-left:100px;
}
.ceo .conBox01 .greetings .img-wrap {
	float:right;
	margin-top:-70px;
	margin-right:30px;
	margin-bottom:60px;
}

.ceo .conBox01 dl {
  padding: 40px 8% 80px 8%;
}
.ceo .conBox01 dl dt {
  font-size: 24px;
  color: #222;
  font-weight: 500;
}
.ceo .conBox01 dl dd {
  font-family:"Noto Sans KR";
  font-size: 18px;
  color: #555;
  font-weight: 400;
  line-height: 180%;
  margin-top: 19px;
}

.ceo .conBox01 .ceo_name {
  font-weight: 700;
}

.ceo .conBox01 .auto {
  min-height: 400px;
}

.table-profile {
    width: 100%;
    border-top: 1px solid #000;
}
.table-profile th {
    text-align: left;
    padding-left: 20px;
}
.table-profile thead th, .table-profile tbody th, .table-profile tbody td {
    font-family: "Noto Sans KR";
	font-size: 16px;
    letter-spacing: -0.75px;
    line-height: 1.6em;
    padding: 17px 0;
    border-bottom: 1px solid #e5e5e5;
}
.table-profile tbody th {
   padding-left: 20px;
   color: #333;
   background-color: #f2f2f2;
}
.table-profile tbody td {
    padding-left: 40px;
    color: #666;
}

/* 오시는 길 */
.map-script-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    height: 380px;
    border-bottom: 1px solid #ddd;
}
.map-tbl-con {
	margin:30px 0px 60px 0px;
}
.map-tbl-con .tit {
    font-size: 26px;
    letter-spacing: -0.75px;
    color: #000;
    font-weight: 500;
    display: block;
    margin-bottom: 25px;
}
.about .con-box { padding-left:20px !important;}

.about .con-box ul li { 
	padding-left:15px;
	font-weight:400;
	color:#555;
	line-height:10px !important;
	margin-bottom:0px;
}
.about .con-box ul li:before {
  content: ""; 
  position: absolute; 
  margin-top: 9px; 
  margin-left: -15px;
  width: 6px; 
  height: 6px; 
  background: #3d76df; 
  border-radius: 10px;
}
/* 오시는 길 */

/* 연혁 */
.tableWrap {
  position: relative;
  overflow: hidden;
  padding-top: 60px;
}
.tableWrap:before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background: #d8d8d8;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.his_in {
  position: relative;
  margin-bottom: 60px;
}
.his_in:after {
  content: "";
  display: block;
  clear: both;
}
.his_in .his_img {
  float: left;
  width: 50%;
  box-sizing: Border-box;
  padding: 0px 0px 0px 60px;
}
.his_imgblock {
  display: none;
}
.his_in:nth-child(even) .his_img {
  float: right;
}
.his_in:nth-child(odd) .his_img {
  text-align: right;
  padding: 0px 60px 0px 0px;
}
.his_in .his_img img {
  max-width: 100%;
}

.his_in:nth-child(odd) ul {
  float: right;
  text-align: left;
  padding: 0 0 0 40px;
}
.his_in:nth-child(even) ul {
  float: left;
}
.his_in ul {
  float: right;
  text-align: right;
  width: 50%;
  box-sizing: Border-box;
  padding: 0 40px 0 0;
}

.his_table {
  position: relative;
  overflow: hidden;
  padding: 0 0 9px 0px;
  margin-bottom:10px;
}
.his_in:nth-child(even) .his_table {
  padding: 0 0px 9px 0;
}
.his_in:nth-child(even) .his_table:before {
  left: calc(100% + 7px);
}

.his_table:last-child {
  padding-bottom: 0;
}
.his_table dd {
  position: relative;
  line-height: 1.4rem !important;
  text-align: left;
  color: #777;
  letter-spacing: -0.5pt;
  font-weight: 400;
  font-size: 1rem;
  float: left;
  width: calc(100% - 110px);
  word-break: keep-all;
  padding-left:10px !important;
}
.his_table dd.col {
  color: #014099;
}
.his_table dt {
  color: #333;
  letter-spacing: -0.5pt;
  line-height: 24px;
  font-size: 16px;
  width: 110px;
  float: left;
  font-weight: 500;
}
.his_in:nth-child(even) .his_table dt {
  float: right;
}
.his_in:nth-child(even) .his_table dd {
  text-align: right;
}
.his_in:nth-child(even) .his_table dd:before {
  left: calc(100% + 7px);
}
.his_in:nth-child(even) li.year {
  text-align: right;
}

.his_in ul {
  position: relative;
  float: right;
  width: 50%;
  box-sizing: Border-box;
}
.his_in ul:before {
  display: block;
  content: "";
  width: 9px;
  height: 9px;
  background: #02652f;
  border-radius: 15px;
  box-sizing: border-box;
  position: absolute;
  top: 9px;
  left: -4px;
  z-index: 9;
}
.his_in ul::after {
  width: 9px;
  height: 9px;
  content: "";
  display: block;
  background-color: #02652f;
  border-radius: 50%;
  position: absolute;
  left: -4px;
  top: 9px;
  z-index: -1;
  animation: hisdot 1.5s ease-in-out infinite;
}
.his_in:nth-child(even) ul:before {
  left: calc(100% + -4px);
}
.his_in:nth-child(even) ul:after {
  right: -5px;
  left: auto;
}
.his_in li.year {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  line-height: 80%;
  color: #02652f;
  font-weight: 600;
  text-align: left;
  margin-bottom: 20px;
}
.his_in li.year:before {
  display: block;
  content: "";
  width: 8%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 13px;
  left: 0;
  z-index: -2;
}
.his_in:nth-child(even) li.year:before {
  left: calc(100% + -35px);
}
.tableWrap {
  position: relative;
  overflow: hidden;
  padding-top: 60px;
}
.tableWrap:before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background: #d8d8d8;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.tableWrap:after {
  display: block;
  content: "";
  background: #ddd;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -2;
}

.his_in li.year a {
  font-size: 28px;
  line-height: 100%;
  color: #333;
  font-weight: 700;
  text-align: left;
  margin-bottom: 12px;
}
.his_in li.days {
  position: relative;
}
/* 연혁 */

/* 조직도 */
/* 박스 :박스 기본 타입 */
.box_st {position:relative; padding:2.5rem 1.2rem; border:1px solid #d9d9d9; background:#fff;margin-top:10px}

/*0104_조직구성*/
.org_chat { position: relative; padding-bottom:30px; font-weight:400; overflow:hidden; }
.org_chat:before {content:""; position:absolute; left:50%; top:0; height:19.8rem; width:1px; background:#ddd;}
.org_chat .chatBox{position:relative;}
.org_chat h2 {position:relative; display:block; width:7rem; height:7rem; margin:0 auto 1rem; font-size:1.1rem; border-radius:50%; line-height:7rem; text-align:center; background:#02652f; color:#fff; z-index:1;}
.org_chat h3 {position:relative; display:block; width:10rem; height:3.25rem; line-height:3.25rem; margin:0 auto; font-size:1.1rem; border-radius:50px; text-align:center; background:#1170c5; color:#fff; z-index:1;}
.org_chat h3 strong {display:block; margin-top:10px; font-size:24px; }
.org_chat p a{display:inline-block; width:10rem; padding:10px 0; border:1px solid #1b5987; font-size:0.9rem; text-align:center; background:#407eac; color:#fff; }
.org_chat p.box_green a{border-color:#0a8460; background:#0a8460; color:#fff; }
.org_chat p.box_blue a{border-color:#286b95; background:#286b95; color:#fff; }
.org_chat p.box_gray a{border-color:#ddd; background:#eaeaea; }
.org_chat p.box_pink a{border-color:#f7679a; background:#f7679a; color:#fff; }
.org_chat .center{position: relative; z-index: 10; width:50%; height:100%; margin:0 auto; text-align:center; }
.org_chat .h2{display:block; width:140px; height:140px; margin:0 auto; border-radius:140px; line-height:100%; text-align:center; background:#d72861; color:#fff; }
.org_chat a:focus p{ display:inline-block; }
.org_chat .leftBox {position: absolute; to p:0; left:10%; width:40%; }
.org_chat .leftBox p {height:1px; width:40%;background:url('/images/contents/line_gray.png') repeat-x center;float:right; margin-top:-27px; margin-right:-1px; }
.org_chat .rightBox {position: absolute; to p:0; right:20%; width:30%; background:url('/images/contents/line_gray.png') repeat-x center;}
.org_chat .rightBox p{height:1px; width:40%;background:url('/images/contents/line_gray.png') repeat-x center;float:left; margin-top:-27px; margin-right:-1px; }
.org_chat .rightBox .org01{float:right; background:#454545;}
.org_chat .chatBox .org02{margin-top:6.5rem !important; background:#8fc54d; }
.org_chat .rightBox.org03{top:8.9rem}
.org_chat .bot_chat{position: relative; width:100%; margin-top:3rem; }
.org_chat .bot_chat::before{position: absolute; left:10%; width:80%; height:1px; background:#ddd; content:""; }
.org_chat .bot_chat .list{float:left; position: relative; width:18%; margin: 0 1.03%; padding-top:50px; line-height:1.2; background:url('/images/contents/line_gray.png') repeat-y center; }
.org_chat .bot_chat .list:last-child{margin: 0 0.8%;}
.org_chat .bot_chat .list a{display:block;font-weight:500;}
.org_chat .bot_chat .box {width:95%; margin:0 auto;}
.org_chat .bot_chat .box > a{padding:15px 0; font-size:1rem; font-family: "Montserrat"; font-weight:600; letter-spacing:-1px; text-align:center; background:#666; color:#fff; cursor:default;border-radius:10px; }
.org_chat .bot_chat .box ul{overflow:hidden; width:100%; margin:10px auto 0; padding-top:10px; border:1px solid #ddd; text-align:left; background:#f7f7f7;border-radius:10px;}
.org_chat .bot_chat .box ul li{float:left; width:100%; font-size:14px; line-height:26px; border-radius:10px; }
.org_chat .bot_chat .box ul li .sub{border:0px solid #ff0000;margin-top:-10px;margin-bottom:10px; }
.org_chat .bot_chat .box ul li .sub li{float:left; width:100%; font-size:14px; color:#555; font-weight:500; font-family: "Montserrat"; line-height:24px; padding-left:10px; letter-spacing:-1px;}
.org_chat .bot_chat .box ul li .sub li:before{float:left; margin-top:12px; margin-right:5px; width:3px; height:2px; content:""; background:#aaa; }
.org_chat .bot_chat .box ul li a{display:block; padding:10px;border-top:1px solid #ddd; font-size:14px; background:#f6f9fc;cursor:default; }
.org_chat .bot_chat .box ul li a:before {float:left; margin-top:11px; margin-right:5px; width:5px; height:5px; content:""; background:#0082d9;border-radius:10px;}
.org_chat .bot_chat .box ul li:first-child a{border-top:0; }

.org_find_area{border:1px solid #eee; padding:10px; }
.org_find_area p{text-align:right; }
.org_find_area p input {height: 28px; line-height: 28px; box-sizing: border-box; vertical-align: top; margin: 1px;border-radius:28px;}

.org_chat .bot_chat .box p.org_rig_box{width:45%; float: right; position: relative; background-color: #fff; }
.org_chat .bot_chat .box p.org_rig_box::before{position: absolute; top:50%; left:-12%; width:12%; height:1px; background:#ddd; content:""; }
.org_chat .bot_chat .box p.org_rig_box a{width:auto; display: block; font-size:0.75rem; margin:10px -10px 10px 0; }
/* 조직도 */

.location-info {
  margin-top: 50px;
}
.location-info .title {
  font-size: 20px;
  color: #404040;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #e21e26;
}
.location-info .title img {
  margin-top: 3px;
}
.location-info dl dt {
  float: left;
  width: 130px;
  font-size: 18px;
  color: #404040;
  font-weight: 700;
}
.location-info dl dt img {
  position: relative;
  top: 6px;
  margin-right: 5px;
}
.location-info dl dd {
  padding-left: 130px;
  font-size: 18px;
  color: #404040;
}
.location-info > ul {
  margin: -20px;
}
.location-info > ul > li {
  float: left;
  width: 50%;
  padding: 20px;
}

/* R&D */
.rnd #contents .conBox {
  padding-bottom: 50px;
}
.rnd .conBox01 {
}
.rnd .iframe {
  padding-top: 52.3%;
  margin: auto;
  position: relative;
  margin-bottom: 50px;
}
.rnd .iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rnd .conBox ul li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
  height: 480px;
  margin-top: 50px;
}
.rnd .conBox ul li:first-child {
  margin-top: 0;
}
.rnd .conBox ul li .auto {
  height: 100%;
}
.rnd .conBox.conBox01 ul li {
  background-image: url("../images/contents/rnd-img05_555.jpg");
}
.rnd .conBox.conBox02 ul li {
  background-image: url("../images/contents/rnd-img04_222.jpg");
}
.rnd .conBox.conBox03 ul li {
  background-image: url("../images/contents/rnd-img06.jpg");
}
.rnd .conBox ul li .txtBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100px;
  bottom: auto;
  padding: 30px;
  width: 440px;
  background: #e21e26;
  text-align: right;
  left:auto;
}
.rnd .conBox ul li .txtBox dl dt {
  font-size: 44px;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  font-family: "Montserrat";
}
.rnd .conBox ul li .txtBox dl dd {
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
}
.rnd .conBox.conBox02 .txtBox {
  left: auto;
  left: 100px;
  background: #fff;
  text-align: left;
}
.rnd .conBox.conBox02 .txtBox dt {
  color: #e21e26;
}
.rnd .conBox.conBox02 .txtBox dd {
  left: auto;
  right: 0;
}
.rnd .conBox.conBox02 .txtBox dd {
  left: auto;
  right: 0;
  color: #333;
}

/* 참여하기 */
.participate {}
.participate .bandi .title {font-size:1.8rem; font-weight:600; line-height:1.3; color:#008c00; padding-bottom:15px;}
.participate .bandi .content {font-size:1rem; color:#666;}
.participate .bandi .content li {line-height:1.8rem;}


/* 부설기관 */
.affiliate { margin-top:30px;}
.affiliate .conBox01{
  margin-bottom: 20px;
}
.affiliate .conBox01.header-con{
  font-size:1rem; 
  font-family: "nanumB";
  font-weight: 400;
  color: #666;
  line-height:1.8rem;
  text-align:center;
  padding-top:10px;
  padding-bottom:50px;
}
.affiliate .conBox01 .con-wrap{
  display:inline-block;
  margin-top:10px;
  padding:0px;
  border:1px solid #d9d9d9;
}
.affiliate .conBox01 .con{
  width:50%;
  min-height:225px;
  float:left;
  padding:20px;
}
.affiliate .conBox01 .con:nth-child(1),.affiliate .conBox01 .con:nth-child(2){
  border-bottom: 1px solid #d9d9d9;
}
.affiliate .conBox01 .con:nth-child(1),.affiliate .conBox01 .con:nth-child(3){
  border-right: 1px solid #d9d9d9;
}
.affiliate .conBox01 dl dt {
  display:block;
  width:100%;
  font-size: 1.2rem;
  color: #333;
  padding-left:15px;
  font-weight: 500;
  margin-bottom:10px;
  letter-spacing:-1px;
  line-height:1.2rem !important;
}
.affiliate .conBox01 dl dt:before {
  content: ""; 
  position: absolute; 
  margin-top: 5px; 
  margin-left:-15px;
  width: 8px; 
  height: 8px; 
  background: #04b1dc; 
  border-radius: 10px;
}
.affiliate .conBox01 dl dt .sub {
  font-size: 1rem;
  font-weight:500;
  color:#454545;
   letter-spacing:0px;
   display:block;
  margin-top:10px;
}
.affiliate .conBox01 dl dd {
  display:block;
  width:100%;
  font-size: 1rem;
  color: #666;
  font-weight: 400;
  margin-top:20px;
  padding-left:15px;
}
.affiliate .conBox01 dl dd ul {
  width:100%;
  padding-top: 100px;
  padding-left:100px;
  display:inline-block;
}
.affiliate .tel {
	color: #FF5733 !important;
	font-size: 1.2rem;
	font-weight: 500;
}
.affiliate .cmt.tel {
	color: #ff3d33 !important;
	font-size: 1.2rem;
	font-weight: 500;
}
.affiliate .terms {
	color: #666;
	font-size: 0.9rem;
	font-weight: 400;
	line-height:1.6rem;
	overflow-y:scroll; 
	overflow-x:hidden; 
	margin-top:10px; 
	padding:15px; 
	height:300px; width:100%; 
	background:#f8f8f8;
	border:15px solid #f8f8f8;
	border-right:5px solid #f8f8f8;
}
.affiliate .terms .title {
	color: #454545;
	font-size: 1.2rem;
	font-weight: 500;
	text-align:center;
}

.affiliate .comment {
	color: #555;
	font-size: 0.9rem;
	font-weight: 400;
	margin-top: 10px;
	line-height:1.2rem;
}

.affiliate .toy .toy_search {padding:30px 20px 30px;background:#efefef;border-radius:5px;}
.affiliate .toy .toy_search h2 {}
.affiliate .toy .toy_search select {
	height: 42px;
	line-height:40px;
	width:20%;
	border: 2px solid #00a24a;
    border-radius: 30px;
	padding: 0px 15px;
	 -webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
	background-position: 100%;
	background-repeat: no-repeat;
	vertical-align:middle;
}

.affiliate .toy .toy_search input.search_order {
    position: relative;
    width: 40%;
    height: 42px;
    border: 2px solid #06a64a;
    border-radius: 30px;
    padding: 0px 50px 0px 20px;
	vertical-align:middle;
}
.affiliate .toy .toy_search input.search_btn {
	position:absolute;
	margin-top:10px; 
	margin-left:-40px; 
	width:23px; 
	height:24px
	vertical-align: top;
    border: none;
    cursor: pointer;
}

.affiliate .toy .toy_search_list {margin-top:10px;overflow: hidden;}

/* 장난감 목록*/
.toy_search_list {}
.affiliate .toy .toy_search_list ul {}
.affiliate .toy .toy_search_list ul li {width:32%;float:left;margin: 10px 1%;}
.affiliate .toy .toy_search_list ul li:nth-child(3n-2) {margin-left: 0;}
.affiliate .toy .toy_search_list ul li:nth-child(3n) {margin-right: 0;}
.affiliate .toy .toy_search_list ul li a {display:block;padding:20px;text-align:center;border:1px solid #d3d3d3;border-radius:5px;/*height:315px;*/}
.affiliate .toy .toy_search_list ul li a:hover {display:block;padding:20px;text-align:center;border:1px solid #06a64a;border-radius:5px;}
.affiliate .toy .toy_search_list ul li a img {max-width:100%;height:200px;background:#f8f8f8;}
.affiliate .toy .toy_search_list ul li a img.noimg {background:url(../img/noimg.png) no-repeat center 0;}
.affiliate .toy .toy_search_list ul li a .tit {margin:10px 0;padding:5px;font-size:17px;font-weight:bold;background:#fff;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.affiliate .toy .toy_search_list ul li a .toy_info {}
.affiliate .toy .toy_search_list ul li a .toy_info span {display: inline-block;font-size:14px;}
.affiliate .toy .toy_search_list ul li a .toy_info .toy01 {width:17%;background:#f4c432;padding:2%;border: 1px solid #f4c432;}
.affiliate .toy .toy_search_list ul li a .toy_info .toy_num01 {width:40%;border:1px solid #d1d1d1;padding:2%;background:#efefef;}
.affiliate .toy .toy_search_list ul li a .toy_info .toy_num02 {width:40%;border:1px solid #d1d1d1;padding:2%;background:#efefef;}

/* 장난감 상세 정보*/
.affiliate .toy .toy-view-info {padding:25px;background:#efefef;overflow:hidden;border-radius:5px;}
.affiliate .toy .toy-view-info .toy-img {float:left;width:40%;height:100%;border:1px solid #ddd;background:url(../img/noimg.png) no-repeat center 50%;box-sizing: border-box;}
.affiliate .toy .toy-view-info .toy-img img {width:100%;height:inherit;}
.affiliate .toy .toy-view-info .toy-con {float:left;width:55%;margin-left: 5%;}
.affiliate .toy .toy-view-info .toy-con dl {overflow:hidden; padding-top:0px;}
.affiliate .toy .toy-view-info .toy-con dl dt {font-size:1.5rem;line-height: 1.8em !important;font-weight:600;color: #333;margin-bottom:16px; padding-left:0px;}
.affiliate .toy .toy-view-info .toy-con dl dt:before {
  content: ""; 
  position: absolute; 
  margin-top: 0px; 
  margin-left:0px;
  width: 0px; 
  height: 0px; 
  background: #04b1dc; 
  border-radius: 10px;
}
.affiliate .toy .toy-view-info .toy-con dl dd {
	float:left;
	max-width: 33.33333%;
	height:100px;
	padding: 15px;
	box-sizing: border-box;
	margin-top:0px;
	margin-right:5px;
	border-radius:5px;
	background:#00a24a;
	text-align:center;
}
.affiliate .toy .toy-view-info .toy-con dl dd span {display:block;}
.affiliate .toy .toy-view-info .toy-con dl dd span.tit {display:block;font-size:14px;color:#fff;letter-spacing:-1px;}
.affiliate .toy .toy-view-info .toy-con dl dd span.con {display:block;width:100%;padding: 10px 0;font-size:24px;color:#fff; text-align:center;}
.affiliate .toy .toy-view-info .toy-con ul {margin-top:25px; text-align:left;}
.affiliate .toy .toy-view-info .toy-con ul li {padding:4px 0;}
.affiliate .toy .toy-view-info .toy-con ul li:before {
	content: ""; 
	  position: absolute; 
	  margin-top: 7px; 
	  margin-left:0px;
	  width: 7px; 
	  height: 7px; 
	  background: #2fb049; 
	  border-radius: 10px;
}
.affiliate .toy .toy-view-info .toy-con ul li span {font-size:16px; font-weight:400;  color:#666;}
.affiliate .toy .toy-view-info .toy-con ul li span.tit {display:inline-block;width:70px !important; padding-left:15px; font-weight:500; color:#333; text-align:justify !important;}
.affiliate .toy .toy-view-info .toy-con ul li .tel {margin-top:10px;}
.affiliate .toy .toy_info_box {padding:30px 0;border-bottom:0px solid #dbdbdb; text-align:left;}
.affiliate .toy .toy_info_box.b-line {border-bottom:1px solid #dbdbdb;}
.affiliate .toy .toy_info_box .tit {width:122px;height:38px;padding-top: 7px;background:url(../img/bg_tvi_box.png) no-repeat 0 0;font-size:17px;font-weight: 600;margin-bottom:10px;text-align:center;}
.affiliate .toy .toy_info_box .con {}
.affiliate .toy .toy_info_box img {max-width:100%;}

.affiliate .toy .no-data{
	height:150px;
	line-height:150px;
	text-align:center;
	color: #666;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
}


.business .conBox01 dl dd ul li {
  clear:both;
  margin-bottom: 20px;
  width:100% !important;
  padding-left:25px;
}
.business .conBox01 .cmt {
	padding-left:20px; 
	padding-bottom:15px;
	color:#666 !important;
}
.business .conBox01 .cmt2 {
	padding-left:5px; 
	padding-bottom:15px;
	color:#666 !important;
}
.business .conBox01 .subject {
	background:#e0fce3;
	font-weight:500;
}

.business .conBox01 .con{width:100%;}
.business .conBox01 .con ul {width:100%;}
.business .conBox01 .con ul li{
	float:left;
	width:32%;
	margin-right:2%;
}
.business .conBox01 .con ul li:last-child{
	margin-right:0%;
}
.business .conBox01 .con ul li dt{
	text-align:center;
	height:50px;
	line-height: 50px;
	font-family: 'Pretendard Variable';
	color: #fff;
	font-size: 1.2rem;
	font-weight:500;
	border-radius:5px;
}
.business .conBox01 .con ul li:first-child dt{
	background:#55a637;
}
.business .conBox01 .con ul li:nth-child(2) dt{
	background:#2fa650;
}
.business .conBox01 .con ul li:last-child dt{
	background:#1b9155;
}
.business .conBox01 .con ul li dd{
	margin-top:2px;
	color: #fff;
	font-family: 'Pretendard Variable';
	font-weight:400;
	font-size: 1rem;
	letter-spacing:0px;
	border-radius:5px;
	padding:20px 20px 10px 35px;
	min-height:220px;
}

.business .conBox01 .con ul li:first-child dd{
	background:#55a637;
}
.business .conBox01 .con ul li:nth-child(2) dd{
	background:#2fa650;
}
.business .conBox01 .con ul li:last-child dd{
	background:#1b9155;
}
.business .conBox01 .con ul li dd p {
  margin-bottom: 10px;
  line-height:1.4rem;
}
.business .conBox01 .con ul li dd p:before {
  content: ""; 
  position: absolute; 
  margin-top: 8px; 
  margin-left:-10px;
  width: 5px; 
  height: 5px; 
  background: #fff; 
  border-radius: 10px;
}

.business .welfare{
	margin-top: 30px;
	margin-bottom: 60px;
}
.business .welfare ul li{
	float:left;
	width: 50%;
	margin-bottom: 40px;
	padding: 0px 15px;
}
.business .welfare ul li .title{
	display:block;
	line-height: 3rem;
	width:100%;
	text-align:center;
	background: #eb9518;
	/*
	background: #876dfb;
	*/
	border-radius: 7px;
	color: #fff;
}
.business .welfare ul li .content{
	display:block;
	line-height: 3rem;
	width:100%;
	border:1px solid #d7d7d7;
	padding:15px;
	border-radius: 7px;
}
.business .welfare ul li .imgWrap{
	border: 0px solid #ddd;
	overflow:hidden;
}
.business .welfare ul li .content dl{
	margin:20px 0px 10px 0px;
}
.business .welfare ul li .content dl dt{
	float: left;
	width: 100px;
	font-size: 1.1rem;
	font-weight:500;
	color: #333;
	line-height:1.2rem;
	padding-left:10px;
	border: 0px solid #ccc;
}
.business .welfare ul li .content dl dd{
	padding-left: 100px;
	line-height:1.4rem;
	border: 0px solid #ccc;
}
.business .welfare ul li .content.full dl dd{
	padding-left: 140px;
	line-height:1.4rem;
	border: 0px solid #ccc;
}
.business .welfare ul li .content dl:last-child dd{
	min-height: 30px;
}
.business .welfare.affiliate ul li .content dl:last-child dd{
	min-height: 60px;
}


.business .systematization{
	margin-top: 30px;
	margin-bottom: 60px;
}
.business .systematization ul li{
	float:left;
	width: 50%;
	margin-bottom: 20px;
	padding: 0px 15px;
}
.business .systematization ul li .imgWrap{
	border: 1px solid #ddd;
	overflow:hidden !important;
}
.business .systematization ul li .imgWrap .btn{
	position: absolute;
    width: 100%;
	max-width:413px;
    height: 62px;
    line-height: 62px;
    margin-top:205px;
    text-align: center;
    background: rgba(255, 255, 255, 0.0);
    opacity: 1;
    color: #fff;
    font-weight: 500;
    z-index: 9 !important;
	overflow:hidden;
}
.business .systematization ul li .imgWrap .btn a {
	display:inline-block; 
	width:180px; 
	height:45px; 
	line-height:45px; 
	text-align:center;
	font-weight:300; 
	margin-top:0px; 
	vertical-align:middle; 
	border-radius:10px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.business .systematization ul li .imgWrap .btn a.green{background:#018834;color:#fff;font-weight:400;}
.business .systematization ul li .imgWrap .btn a.green:hover{
	background:#03a13f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}
.business .systematization ul li .title{
	display:block;
	line-height: 3rem;
	width:100%;
	text-align:center;
}

.business .systematization ul li .btnWrap{
	padding-top:0px !important;
}

.business .systematization ul li .btnWrap a{
	border-radius: 10px !important;
}
.business .systematization ul li .btnWrap a.green:hover{
	background:#03a13f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.conBox .title {
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
  margin-bottom: 10px;
  margin-to p: 2rem;
}

.agree_check {
  margin: 15px 0;
  font-size: 1rem;
  color: #666;
  font-weight: 400;
}

/* Form Start */
.formWrap {
  border-top:2px solid #02652f;
  background: #f7f7f7;
  padding: 15px 25px 25px 25px;
  overflow: hidden;
}
.formWrap * {
  line-heigh t: 42px;
}
.formWrap input[type="text"],
.formWrap select {
  height: 42px;
  line-height: 42px;
  color: #666;
  padding: 0 10px;
  width: 100%;
  border: 1px solid #ddd;
}
.formWrap textarea {
	height: 200px;
	line-height: 26px;
	color: #666;
	padding: 0 10px;
	width: 100%;
	border: 1px solid #ddd;
}
.formWrap ul {
  margin-bottom: -5px;
}
.formWrap ul li {
  float: left;
  width: 50%;
  padding-top: 0px !important;
  padding-right: 15px;
  margin-bottom: 10px;
}

.formWrap ul li dl dt {
  float: left;
  width: 110px;
  font-size: 1.1rem;
  font-weight:400;
  color: #333;
  margin-top:5px;
  padding-left:10px;
}
.formWrap ul li dl dt:before {
  display:none;
}
.formWrap ul li dl dd {
  padding-left: 110px;
}
.formWrap.form2 ul li dl {
  margin:5px 0px;
}
.formWrap.form2 ul li dl dt {
  margin-top:0px;
}
.formWrap.form3 ul li {
  float: left;
  width: 50%;
  padding-top: 0px !important;
  padding-right: 15px;
  margin-bottom: 20px;
}
.formWrap.form3 ul li dl dt.title {
  float: left;
  width: 150px;
  font-size: 1.1rem;
  font-weight:400;
  color: #333;
  margin-top:10px;
}
.formWrap.form3 ul li dl dd {
  padding-left: 150px;
}
.formWrap.form3 ul li dl dd.subject {
  padding-top:10px;
}
.formWrap.form3 ul li dl dd p {
  font-size: 14px;
  color:#787878;
  line-height: 1.2rem;
  margin-top:5px;
}
.formWrap.form3 input[type="text"],
.formWrap.form3 select {
  height: 42px;
  line-height: 42px;
  color: #666;
  padding: 0 10px;
  width: 80%;
  border: 1px solid #ddd;
}
/* Form End */

.conBox ul li dl dd {
  padding-left: 110px;
  font-size: 1rem;
  line-height: 1.8rem;
  color: #666;
}


.affiliate .conBox01 dl dd ul li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 4px;
  background: #fff;
  margin-top:20px;
  margin-left:-25px;
}
.affiliate .conBox01 .con01 dt {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  padding: 10px 0;
  height:100px;
  background-color:#0570c1;
}
.affiliate .conBox01 .con02 dt {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  padding: 10px 0;
  height:100px;
  background-color:#fa8919;
}
.affiliate .conBox01 .con02 {
	margin-top:50px;
}
.affiliate .preview{
	margin-top: 30px;
	margin-bottom: 60px;
}
.affiliate .preview ul li{
	float:left;
	width: 50%;
	margin-bottom: 20px;
	padding: 0px 15px;
}
.affiliate .preview ul li .imgWrap{
	border: 1px solid #ddd;
	overflow:hidden !important;
}
.affiliate .preview ul li .title{
	display:block;
	line-height: 3rem;
	width:100%;
	text-align:center;
}

.con-table {border-top:2px solid #02652f;font-size: 16px;color:#666;font-weight:500; margin-top:10px;}
.con-table thead tr {border-bottom: 1px solid #d9d9d9;}
.con-table thead tr th {text-align:center; background-color: #f9f9f9; height:50px; line-height:50px; border-right: 1px solid #d9d9d9;}
.con-table thead tr th:last-child {border-right: 0px solid #d9d9d9;}
.con-table tbody tr {border-bottom: 1px solid #d9d9d9;}
.con-table tbody tr td {min-height:50px; line-height:50px; text-align: center;vertical-align: middle;border-right: 1px solid #d9d9d9;}
.con-table tbody tr th {background-color: #f9f9f9;color:#333; text-align:center;}
.con-table tbody tr td {font-size: 16px; font-weight:300;color:#454545;}
.con-table tbody tr td.subject {font-weight:400; text-align:left !important; padding: 0px 15px; display: block;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }
.con-table tbody tr th:last-child, .con-table tbody tr td:last-child {border-right:0px;}
.con-table tbody tr td span.btn {display:block; font-size:16px; color:#fff; font-weight:400;line-height:25px; width:100px; background:#aaa; border-radius:20px; padding:3px;margin:0 auto; }
.con-table tbody tr td span.active {background:#FF7F50;}
.con-table input[type="text"],
.con-table input[type="password"] {border: 1px solid #d9d9d9;padding:0 7px;height:45px;font-size: 16px;color:#333;width: 320px;max-width:100%;}
.con-table select {border: 1px solid #d9d9d9;height:45px;padding:0 7px;font-size: 16px;color:#333;width:320px;max-width:100%;}
.con-table label {display:inline-block;margin-right: 15px;}
.con-table .tel-box {display: flex;justify-content: space-between;max-width:580px;}
.con-table .tel-box div {width: 30%;position: relative;}
.con-table .tel-box div:after {content:"-";position: absolute;top:0;right:-10%;line-height: 50px;}
.con-table .tel-box div:last-child:after {display: none;}
.con-table .tel-box div input {width:100%;}

.con-table2 {border-top:2px solid #02652f;font-size: 16px;color:#666;font-weight:500; margin-top:10px;}
.con-table2 thead tr {border-bottom: 1px solid #d9d9d9;}
.con-table2 thead tr th {text-align:center; color:#454545; font-weight:500; background-color: #f9f9f9; padding:10px; line-height:1.6rem; vertical-align:middle; border-right: 1px solid #d9d9d9;}
.con-table2 thead tr th:last-child {border-right: 0px solid #d9d9d9;}
.con-table2 tbody tr {border-bottom: 1px solid #d9d9d9;}
.con-table2 tbody tr th {padding:7px 0px;text-align: center;vertical-align: middle;border-right: 1px solid #d9d9d9;background-color: #f9f9f9;color:#333; text-align:center;}
.con-table2 tbody tr td {padding:10px 15px;text-align: center;vertical-align: middle;border-right: 1px solid #d9d9d9;font-size: 16px; font-weight:400;color:#454545;}
.con-table2 tbody tr td:last-child {padding-left:30px;}
.con-table2 tbody tr th:last-child, .con-table2 tbody tr td:last-child {border-right:0px;}
.con-table2 tbody tr th.ls-2 {letter-spacing:-2px;}
.con-table2 input[type="text"],
.con-table2 input[type="password"] {border: 1px solid #d9d9d9;padding:0 7px;height:45px;font-size: 16px;color:#333;width: 320px;max-width:100%;}
.con-table2 select {border: 1px solid #d9d9d9;height:45px;padding:0 7px;font-size: 16px;color:#333;width:320px;max-width:100%;}
.con-table2 label {display:inline-block;margin-right: 15px;}
.con-table2 .tel-box {display: flex;justify-content: space-between;max-width:580px;}
.con-table2 .tel-box div {width: 30%;position: relative;}
.con-table2 .tel-box div:after {content:"-";position: absolute;top:0;right:-10%;line-height: 50px;}
.con-table2 .tel-box div:last-child:after {display: none;}
.con-table2 .tel-box div input {width:100%;}
.con-table2 tbody tr td .point {}
.con-table2 tbody tr td .point:before {
  content: ""; 
  position: absolute; 
  margin-top: 10px; 
  margin-left:-12px;
  width: 5px; 
  height: 5px; 
  background: #038fc6; 
  border-radius: 10px;
}
.con-table2 tbody tr td span.btn {display:block; font-size:16px; color:#fff; font-weight:400;line-height:25px; width:100px; background:#aaa; border-radius:20px; padding:3px;margin:0 auto; }
.con-table2 tbody tr td span.active {background:#FF7F50;}

.con-table3 {border:0px dashed #bdbdbd}
.con-table3 tbody tr td {padding:25px 15px; text-align:center; color:#fff; font-size:15px; border-right:2px solid #fff; letter-spacing:0px;border-radius:10px;}
.con-table3 tbody tr td:first-child {background-color:#FF7F50;}
.con-table3 tbody tr td:nth-child(2) {background-color:#6495ED;}
.con-table3 tbody tr td:last-child {background-color:#2ECC71; border-right:0px;}
.con-table3 tbody tr td i {font-size:1.2rem;}

.con-table4 {border:0px dashed #bdbdbd}
.con-table4 thead tr th{border: solid 1px #ccc; padding:7px;text-align:center; vertical-align:middle; font-size: 0.9rem; background:#efefef;}
.con-table4 thead tr td{border: solid 0px #ccc; padding:7px;text-align:center; vertical-align:middle; font-size: 0.9rem;}
.con-table4 thead tr td i {font-size:1.4rem;}
.con-table4 tbody tr td {border: solid 1px #ccc; padding:7px;text-align:center; vertical-align:middle; font-size: 0.9rem;}
.con-table4 tbody tr td i {font-size:1.4rem;}
.con-table4 thead tr th.nbd,
.con-table4 tbody tr td.nbd {border-top:none !important; border-bottom:0px;}
.con-table4 tbody tr td strong {color:#333 !important; font-weight:600; text-decoration:underline;}

.con-table5 {border:0px dashed #bdbdbd}
.con-table5 thead tr th,
.con-table5 tbody tr th{color:#555; font-weight:500; padding:10px; line-height:150%; text-align:center; vertical-align:middle; background:#efefef; border: solid 1px #d7d7d7;}
.con-table5 tbody tr td {color:#555; line-height:150%; text-align:center; }

.con-table5 td{vertical-align:middle; border: solid 1px #d7d7d7; padding:7px; }


.affiliate .con-box { padding:20px;  font-size:1rem; color:#666; font-weight:400; border: 1px solid #d9d9d9; margin-top:10px;line-height:1.8rem;}
.affiliate .con-box strong { font-size:1.3rem; color:#3d76df; font-weight:500;letter-spacing:-1px;}
.affiliate .con-box ul li { 
	padding-left:15px;
	font-weight:400;
	color:#555;
	line-height:1.4rem;
	margin-bottom:15px;
}
.affiliate .con-box ul li:before {
  content: ""; 
  position: absolute; 
  margin-top: 9px; 
  margin-left: -15px;
  width: 6px; 
  height: 6px; 
  background: #3d76df; 
  border-radius: 10px;
}
.affiliate .con-box ul li span { 
	 font-weight: 700 !important;
	color: #FB8C00;
}


/* 라인 */
.line_dot {margin-top:1.5rem; margin-bottom:2.5rem; padding-top:0rem; border-bottom:1px dotted #d2d2d2;}
.line_dot_B {border-bottom:1px dotted #d2d2d2;}

/* 아동학대 */
.abuse .cont_wrap {
  display: inline-block;
  margin-top: 10px; 
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  background-color: #fafafa;
}
.abuse .cont_wrap .sub {
  color: #01843d;
  font-weight: 500;
  font-size:1.1rem;
}
.abuse .cont_wrap .list_st {
  margin-top: 10px; 
}
.abuse .cont_wrap ul li {
  margin-left: 15px;
  line-height: 30px;
  color: #666;
}
.abuse .cont_wrap ul li:before {
  content: ""; 
  position: absolute; 
  margin-top: 13px; 
  margin-left:-15px;
  width: 6px; 
  height: 6px; 
  background: #00a24a; 
  border-radius: 10px;
}
.abuse .img-box {
    padding: 0px 0px;
}
.abuse .cont_wrap .img-box img {
	border-radius:10px;
	max-height:150px;
	box-shado w: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.15);
}

/* 아동학대 신고*/
.reporting {position:relative; width:100%; heigh t:200px; }
.reporting .img_wrap {position:absolute; left:0; top:0; }
.reporting .cont_wrap {padding-left:200px; }
.reporting .cont_wrap2 {padding-left:250px; padding-top:10px; margin-bottom:30px; }
.reporting .cont_wrap .tit {padding-left:5px; font-size:1.2rem; font-weight:500;}
.reporting .cont_wrap .tit:before {
  content: ""; 
  position: absolute; 
  margin-top: 11px; 
  margin-left:-20px;
  width: 12px; 
  height: 6px; 
  background: #1550bc; 
  border-radius: 30px;
}
.reporting .cont_wrap strong {
  font-size: 1.1rem;
  vertical-align: top !important;
}
.reporting .cont_wrap ul li, 
.reporting .cont_wrap p {color:#454545;font-weight:300;}
.reporting .cont_wrap ul li:before {
  content: ""; 
  position: absolute; 
  margin-top: 10px; 
  margin-left:-15px;
  width: 6px; 
  height: 6px; 
  background: #3d76df; 
  border-radius: 10px;
}
.reporting .cont_wrap2 ul li {line-height:1rem; color:#0563af; font-size:1.05rem; font-weight:400;text-decoration:underline;}
.reporting .cont_wrap2 ul li:before {
  content: ""; 
  position: absolute; 
  margin-top: 10px; 
  margin-left:-15px;
  width: 6px; 
  height: 6px; 
  background: #3d76df; 
  border-radius: 10px;
}

/* 아동학대 오해와 편견 */
.prejudice .cont_wrap {
  margin-top: 10px; 
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  background-color: #fafafa;
}
.prejudice .cont_wrap ul li {
  color: #666;
}

/* 사업안내 */
.business { margin-top:30px;}
.business .conBox01{
  margin-bottom: 20px;
}
.business .conBox01.header-con{
  font-size:1rem; 
  font-family: "nanumB";
  font-weight: 400;
  color: #666;
  line-height:1.8rem;
  text-align:center;
  padding-top:10px;
  padding-bottom:50px;
}
.business .conBox01 .con-wrap{
  display:inline-block;
  margin-top:10px;
  padding:0px;
  border:1px solid #d9d9d9;
}
.business .conBox01 .con{
  width:50%;
  min-height:225px;
  float:left;
  padding:20px;
}
.business .conBox01 .con:nth-child(1),.business .conBox01 .con:nth-child(2){
  border-bottom: 1px solid #d9d9d9;
}
.business .conBox01 .con:nth-child(1),.business .conBox01 .con:nth-child(3){
  border-right: 1px solid #d9d9d9;
}
/*
.business .conBox01 dl dt {
  display:block;
  width:100%;
  font-size: 1.2rem;
  color: #333;
  padding-left:15px;
  font-weight: 500;
  margin-bottom:10px;
  letter-spacing:-1px;
  line-height:1.2rem !important;
}
.business .conBox01 dl dt:before {
  content: ""; 
  position: absolute; 
  margin-top: 5px; 
  margin-left:-15px;
  width: 8px; 
  height: 8px; 
  background: #04b1dc; 
  border-radius: 10px;
}
.business .conBox01 dl dt .sub {
  font-size: 1rem;
  font-weight:500;
  color:#454545;
   letter-spacing:0px;
   display:block;
  margin-top:10px;
}
.business .conBox01 dl dd {
  display:block;
  width:100%;
  font-size: 1rem;
  color: #666;
  font-weight: 400;
  margin-top:20px;
  padding-left:15px;
}
.business .conBox01 dl dd ul {
  width:100%;
  padding-top: 100px;
  padding-left:100px;
  display:inline-block;
}
.business .conBox01 dl dd ul li {
  clear:both;
  margin-bottom: 20px;
  width:100% !important;
  padding-left:25px;
}
.business .conBox01 dl dd ul li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 4px;
  background: #fff;
  margin-top:20px;
  margin-left:-25px;
}
.business .conBox01 .con01 dt {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  padding: 10px 0;
  height:100px;
  background-color:#0570c1;
}
.business .conBox01 .con02 dt {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  padding: 10px 0;
  height:100px;
  background-color:#fa8919;
}
.business .conBox01 .con02 {
	margin-top:50px;
}
.business .conBox01 .goal ul li {
	float:left;
	width: 31%;
	margin-right: 3%;
}
.business .conBox01 .goal ul li:last-child {
	margin-right: 0%;
}
.business .conBox01 .goal ul li .img {
	padding: 30px;
	background-color: #f5f5f5;
	border-radius: 10px;
	text-align:center;
}
.business .conBox01 .goal ul li .title {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 3.2rem;
	border-bottom: 1px solid #d7d7d7;
}
.business .conBox01 .goal ul li .content {
	font-size: 1rem;
	color: #787878;
	line-height: 1.8rem;
	word-break: break-word;
	letter-spacing: -0.5px;
	margin-top: 10px;
}
.business .conBox01 .goal ul li .content.ls {
	letter-spacing: -1px;
}

.business .con-box {display:inline-block; width:100%; padding:20px 15px;  font-size:1rem; color:#666; font-weight:400; border: 1px solid #e1e1e1; margin-top:10px;line-height:1.8rem;}
.business .con-box ul li {padding-left: 20px;}
.business .con-box ul li:before {
  content: ""; 
  position: absolute; 
  margin-top: 12px; 
  margin-left: -15px;
  width: 6px; 
  height: 6px; 
  background: #3d76df; 
  border-radius: 10px;
}
.business .con-box.psychology ul li {
	padding-left: 50px;
	line-height: 2.5rem;
}
.business .con-box.psychology ul li:before {
  display:none;
}
.business .con-box.psychology ul li .number {
  position: absolute; 
  margin-top: 8px; 
  margin-left: -40px;
  width: 25px; 
  height: 25px; 
  line-height:25px;
  text-align: center;
  vertical-align: top !important;
  background: #4FC3F7; 
  border-radius: 15px;
  font-family: 'Montserrat';
  font-weight: 500;
  color:#fff;
}
.business .con-box.psychology .img {
  margin:20px 0px 10px 0px;
  text-align:center;
}
.business .con-box  .sub {display:inline-block; font-size:0.9rem;}
*/
.edu .list_st li {
  margin-left:15px;
}
.edu .list_st li:before {
  content: ""; 
  position: absolute; 
  margin-top: 10px; 
  margin-left:-15px;
  width: 6px; 
  height: 6px; 
  background: #3d76df; 
  border-radius: 10px;
}

.business .img-box { padding:10px 0px;}
.business .img-box ul li {float:left; width:33%; padding: 10px;}
.business .img-box ul li img {
	border-radius:10px;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.15);
}
.business .img-box img {
	border-radius:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.15);
}

.sub-title .sub {font-size:1.2rem; color:#999; font-weight:400;}


/* 이벤트 */
.event-slide {
  width: 1200px;
  margin: auto;
}
.event-slide .mask {
  position: relative;
}
.event-slide .mask ul {
  margin: -20px;
}
.event-slide .mask ul li {
  padding: 20px;
}
.event-slide .mask .slick-list {
  overflow: visible;
}
.event-slide .mask ul li.slick-slide {
  opacity: 0.2;
}
.event-slide .mask ul li.slick-active {
  opacity: 1;
}
.event-slide .mask ul li .txtBox {
  padding: 20px 0;
}
.event-slide .mask ul li .txtBox .title {
  font-size: 44px;
  color: #222;
  font-weight: 700;
}
.event-slide .mask ul li .txtBox .title span {
  position: relative;
  line-height: 1;
}
.event-slide .mask ul li .txtBox .title span:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  z-index: -1;
  height: 10px;
  background: #e21226;
}
.event-slide .mask ul li .txtBox .date {
  font-size: 20px;
  color: #222;
  font-family: "Montserrat";
}
.event-slide .mask .arrows {
  position: absolute;
  bottom: 77px;
  right: 0;
}
.event-slide .mask .arrows .arrow {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.3s;
}
.event-slide .mask .arrows .arrow.btn-conBox03v {
  background-image: url("../images/contents/event-conBox03v.png");
}
.event-slide .mask .arrows .arrow.btn-next {
  background-image: url("../images/contents/event-next.png");
}
.event-slide .mask .arrows .arrow.btn-conBox03v:hover {
  background-image: url("../images/contents/event-conBox03v-on.png");
}
.event-slide .mask .arrows .arrow.btn-next:hover {
  background-image: url("../images/contents/event-next-on.png");
}
.news-list {
}
.news-list ul {
  margin: -10px;
}
.news-list ul li {
  float: left;
  width: 33.33%;
  padding:10px;
}
.news-list ul li .thumb {
	max-width:454px;
	max-height:326px;

}
.news-list ul li .thumb img{
}

.news-list ul li .txtBox {
  padding: 20px 0;
}
.news-list ul li .txtBox .title {
  font-size: 22px;
  color: #222;
  font-weight: 500;
  line-height: 1.4;
  height: 2.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
.news-list ul li .txtBox .date {
  font-family: "Montserrat";
  font-size: 18px;
  color: #999;
  margin-top: 10px;
}
.news-list ul li a:hover .txtBox .title {
  color: #e21e26;
}

/* 고객지원 - 고객문의 */
.request {
  font-size: 1.2rem;
}

/* 카탈로그 */
.catalog-list ul {
  margin: -20px;
}
.catalog-list ul li {
  float: left;
  width: 33.33%;
  padding: 20px;
}
.catalog-list ul li a {
  display: block;
  border: 1px solid #d9d9d9;
  padding: 20px;
  background-image: url("../images/contents/icon-catalog.png");
  background-repeat: no-repeat;
  background-position: 90% 90%;
  position: relative;
  top: 0;
  transition: 0.3s;
}
.catalog-list ul li a .title {
  font-size: 32px;
  color: #222;
  font-weight: 500;
  height: 180px;
}
.catalog-list ul li a .date {
  font-size: 18px;
  color: #666;
  font-family: "Montserrat";
}
.catalog-list ul li a:hover {
  top: -20px;
  background-color: #e21e26;
  background-image: url("../images/contents/icon-catalog-on.png");
}
.catalog-list ul li a:hover .title,
.catalog-list ul li a:hover .date {
  color: #fff;
}
/* faq */
/* faq 자주하는질문 */
.faq-list {
  border-top: 1px solid #000;
}
.faq_box {
  border-bottom: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}
.faq_box .question {
  padding: 20px 0 20px 60px;
  background: url("../images/board/faq_q.png") no-repeat left 20px;
  position: relative;
}
.faq_box .question a {
  display: block;
  position: relative;
  font-size: 20px;
  color: #333;
  font-weight: 600;
}
.faq_box .question a .arr {
  position: absolute;
  right: 0;
  top: 0px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #aaa;
  border-right: 2px solid #aaa;
  transform: rotateZ(130deg) skew(-9deg);
  transition: all 0.3s;
}
.faq_box.on .question a .arr {
  top: 10px;
  transform: rotateZ(309deg) skew(-9deg);
}
.faq_box .answer {
  display: none;
  padding: 20px 0 60px 60px;
  background: url("../images/board/faq_a.png") no-repeat 0 19px;
  border-top: 1px solid #d9d9d9;
}
/* sns */
.sns-tab {
  text-align: center;
  margin-bottom: 30px;
}
.sns-tab a {
  display: inline-block;
  width: 56px;
  height: 56px;
  margin: 0 5px;
  background-repeat: no-repeat;
  background-size: cover;
}
.sns-tab a.sns01 {
  background-image: url("../images/contents/sns01.png");
}
.sns-tab a.sns02 {
  background-image: url("../images/contents/sns02.png");
}
.sns-tab a.sns03 {
  background-image: url("../images/contents/sns03.png");
}
.sns-tab a.sns01.on {
  background-image: url("../images/contents/sns01-on.png");
}
.sns-tab a.sns02.on {
  background-image: url("../images/contents/sns02-on.png");
}
.sns-tab a.sns03.on {
  background-image: url("../images/contents/sns03-on.png");
}
.sns-list ul {
  margin: -10px;
}
.sns-list ul li {
  display:none;
  float: left;
  width: 25%;
  padding: 10px;

}
.sns-list ul li:first-child {
  width: 50%;
}
.sns-list li:nth-child(1){display:block;}
.sns-list li:nth-child(2){display:block;}
.sns-list li:nth-child(3){display:block;}
.sns-list li:nth-child(4){display:block;}
.sns-list li:nth-child(5){display:block;}

.sns-list ul li a {
  display: block;
  position: relative;
}
.sns-list ul li a .hv {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: 0.3s;
}
.sns-list ul li a:hover .hv {
  opacity: 1;
}
.sns-list ul li a .hv span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  font-size: 60px;
  color: #fff;
}

.inquiry-tab {
  text-align: center;
  margin-bottom: 50px;
}
.inquiry-tab ul li {
  display: inline-block;
  margin-right: -4px;
  width: 200px;
}
.inquiry-tab ul li a {
  display: block;
  font-size: 20px;
  color: #999;
  line-height: 54px;
  border: 1px solid #d9d9d9;
  margin-right: -1px;
}
.inquiry-tab ul li.on a {
  background: #e21e26;
  color: #fff;
}
.text-form-wrap {
  padding: 30px;
  background: #f8f8f8;
}
.text-form-wrap textarea {
  height: 500px;
}
.text-form-wrap .upload {
  padding: 10px;
}
.text-form-wrap .upload dl dt {
  float: left;
  line-height: 36px;
}
.text-form-wrap .upload dl dd {
  padding-left: 100px;
}
.text-form-wrap .upload dl dd {
}
.text-form-wrap02 {
  background: #f8f8f8;
  padding: 30px;
}
.inquiry .conBox03 .title {
  font-size: 24px;
  color: #222;
  font-weight: 500;
}
.inquiry .conBox03 .title02 {
  font-size: 20px;
  color: #222;
  font-weight: 500;
}
.inquiry .conBox03 .input-wrap {
  margin-top: 30px;
}
.inquiry .conBox03 .input-wrap dl {
  margin-top: 10px;
}
.inquiry .conBox03 .input-wrap dl dt {
  float: left;
  font-size: 16px;
  color: #222;
  line-height: 37px;
}
.inquiry .conBox03 .input-wrap dl dd {
  padding-left: 65px;
  line-height: 35px;
}
.inquiry .conBox03 .input-wrap dl dd input[type="text"] {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
}
.inquiry .conBox03 .input-wrap dl dd .selectBox > a {
  line-height: 35px;
  height: 37px;
}
.inquiry .conBox03 .input-wrap dl dd .selectBox ul {
  top: 36px;
  height: 150px;
  overflow: auto;
}
.inquiry .conBox03 .input-wrap dl dd .selectBox ul li a {
  line-height: 24px;
  height: 24px;
}
.agreeBox {
  height: 260px;
  overflow-y: scroll;
  background: #f8f8f8;
  padding: 10px 35px 20px 35px;;
}
.agreeBox h2 {
  margin-bottom:20px; 
  font-size:1.1rem; 
  font-weight:500; 
  color:#333; 
  line-height:135%;
}
.agreeBox p.title {
  font-size: 1.6rem;
  color: #666;
  font-weight: 500;
  margin-bottom: 10px;
}
.agreeBox p {
  font-size: 1rem;
  color: #666;
  font-weight: 400;
  line-height: 1.6rem;
  margin-bottom: 10px;
}
.agreeBox ul li {
  font-size: 1.6rem;
  color: #666;
  font-weight: 300;
  position: relative;
  margin-top: 5px;
}
.agreeBox ul li.title {
  font-size: 1.6rem;
  color: #666;
  font-weight: 400;
  position: relative;
  margin-top: 18px;
}
.agreeBox ul li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.agreeBox ul li:first-child {
  margin-top: 0;
}
.terms p,
.terms li {
  margin-top: 10px;
}
.terms h2 {
  margin-top: 20px;
}
.terms h3 {
  display: block !important;
  float: none !important;
  background: none !important;
  width: 100% !important;
  padding-top: 10px;
}

.agree_check {
  margin: 15px 0;
  font-size: 1rem;
  color: #666;
  font-weight: 400;
}
.request .conBox {
  backgroun d: #f4f4f4;
  paddin g: 25px;
  overflow: hidden;
}
.request .conBox01 {
  padding-bottom:20px !important;
}
.request .conBox * {
  line-height: 42px;
}
.request .conBox input[type="text"],
.request .conBox select {
  height: 42px;
  line-height: 42px;
  color: #666;
  padding: 0 10px;
  width: 100%;
  border: none;
}
.request .conBox ul {
  margin-bottom: -5px;
}
.request .conBox ul li {
  float: left;
  width: 50%;
  padding-right: 70px;
  margin-bottom: 10px;
}
.request .conBox ul li dl dt {
  float: left;
  width: 100px;
  font-size: 1.1rem;
  font-weight:400;
  color: #333;
}
.request .conBox.en ul li dl dt {
  float: left;
  width: 220px;
  font-size: 1.2rem;
  color: #333;
  line-height: 135%;
}
.request .conBox.en ul li dl dd {
  padding-left: 220px;
  font-size: 1.6rem;
  color: #666;
}

.request .conBox ul li dl dd {
  padding-left: 100px;
  font-size: 1.6rem;
  color: #666;
}
.request .conBox ul li dl dd > label {
  margin-right: 18px;
  display: inline-block;
}
.request .conBox .emailForm .flex {
  width: 75%;
  float: left;
  margin: 0 -15px;
  font-size: 1rem;
}
.request .conBox .emailForm .flex span {
  display: block;
  float: left;
  width: 50%;
  padding: 0 15px;
  position: relative;
}
.request .conBox .emailForm .flex span:first-child:after {
  content: "@";
  position: absolute;
  top: 0px;
  right: -8px;
  font-size: 1rem;
}
.request .conBox .emailForm > span {
  display: block;
  float: right;
  width: 30%;
  font-size: 1rem;
}
.request hr {
  height: 1px;
  border: none;
}
.request textarea {
  height: 200px;
  resize: none;
  overflow-y: scroll;
}

.request .mail div {
  margin-bottom: 10px;
}

.request .mail_btn {
  display: inline-block;
  width: 100px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #999;
  margin-left: 10px;
  height: 42px;
}

.request .title {
  font-size: 1.6rem;
  color: #333;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 3rem;
}
.request .conBox .sri label {
  display: block;
  margin-bottom: 10px;
}
.request .conBox .sri input[type="text"] {
  width: 170px;
}
.request .conBox .sri span {
  padding: 0 5px;
}
.request textarea {
  border-color: #d9d9d9;
}

.map-box {
  padding:0px;
  border:0px;
}

.map-box iframe {
  width: 100%;
  height: 500px;
}
.map-box .root_daum_roughmap {
  width: 100%;
  height: 400px;
}
.map-box .root_daum_roughmap .wrap_map {
  height: 400px;
}
.map-script-wrapper {
    border:0px solid #d7d7d7;
}

.prd-tab {
  text-align: center;
  margin-bottom: 50px;
}
.prd-tab ul li {
  display: inline-block;
  margin-right: 3%;
}
.prd-tab ul li a {
  display: block;
  font-size: 18px;
  color: #999;
  width: 110px;
  height: 110px;
  line-height: 110px;
  border: 1px solid #d9d9d9;
  border-radius: 110px;
  margin-right: -1px;
}
.prd-tab ul li a span {
}
.prd-tab ul li.on a {
  background: #e21e26;
  color: #fff;
}
.prd-list {
  overflow: hidden;
}
.prd-list ul {
  border-left: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
}
.prd-list li {
  float: left;
  width: 25%;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  padding-top: 25%;
}
.prd-list li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s all ease-out;
  padding-bottom: 97px;
}
.prd-list li a .prd-thumb {
  position: relative;
  height: 100%;
  text-align: center;
}
.prd-list li a .prd-thumb img.front {
  transition: 0.3s all ease-out;
  -webkit-transform-style: conBox03serve-3d;
  transform-style: conBox03serve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
}
.prd-list li a .prd-thumb img.back {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform-style: conBox03serve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 0.3s all ease-out;
}
.prd-list li a .prd-thumb .label {
  position: absolute;
  top: 20px;
  left: 20px;
}
.prd-list li a .prd-thumb .best {
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #b3aa7d;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 50px;
  text-transform: uppercase;
}
.prd-list li a .prd-thumb .new {
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #76b926;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 50px;
  text-transform: uppercase;
}
.prd-list li a .prd-thumb .hot {
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #ce1e25;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 50px;
  text-transform: uppercase;
}
.prd-list li a .prd-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 40px 10px;
}
.prd-list li a .prd-name .kr {
  font-size: 20px;
  color: #333;
  font-weight: 700;
}
.prd-list li a .prd-name .en {
  font-size: 16px;
  color: #999;
  height: 27px;
  font-weight: 200;
  letter-spacing: 0.8px;
}
.prd-list ul.list li a:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e21e26;
}
.prd-list ul.list li a:hover .prd-thumb img.front {
  transform: rotateY(-180deg);
}
.prd-list ul.list li a:hover .prd-thumb img.back {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 1;
}

.prd-list li.half {
  width: 50%;
  padding-top: 50%;
}
.prd-list li.half a .prd-name .kr {
  font-size: 36px;
}
.prd-list li.half a .prd-name .en {
  font-size: 24px;
}
/*
.prd-list li:first-child {width:50%;padding-top:50%;}
.prd-list li:first-child a .prd-name .kr {font-size:36px;}
.prd-list li:first-child a .prd-name .en {font-size:24px;}
*/
.product_tabContents {
  position: relative;
}
.product_tabContents > ul > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: -1;
}
.product_tabContents > ul > li.on {
  position: relative;
  opacity: 1;
  z-index: 1;
}
.product_view .prd-view-main {
  background: #f2f2f2;
  overflow: hidden;
  position: relative;
  margin-top: 60px;
  padding: 250px 0 100px;
}
.product_view .auto {
  width: 1200px !important;
  padding-bottom: 100px;
}
.product_view .prd-view-main .txtBox {
  float: left;
  padding-top: 60px;
}
.product_view .prd-view-main .txtBox .cate {
  font-size: 20px;
  color: #e21e26;
  border-bottom: 1px solid #e21e26;
}
.product_view .prd-view-main .txtBox .prd-name .kr {
  display: block;
  font-size: 52px;
  color: #222;
  font-weight: 700;
}
.product_view .prd-view-main .txtBox .prd-name .en {
  display: block;
  font-size: 20px;
  color: #333;
  font-family: "Montserrat";
}
.product_view .prd-view-main .txtBox .desc {
  font-size: 20px;
  color: #222;
  margin-top: 10px;
}
.product_view .prd-view-main .circles {
  margin-top: 30px;
}
.product_view .prd-view-main .circles ul {
  margin: 0 -5px;
}
.product_view .prd-view-main .circles ul li {
  float: left;
  padding: 0 5px;
}
.product_view .prd-view-main .circles ul li .circle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 1px solid #e21e26;
  position: relative;
  text-align: center;
  color: #e21e26;
}
.product_view .prd-view-main .circles ul li .inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding: 0 10px;
}
.product_view .prd-view-main .circles ul li .inner .icon {
  height: 44px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.product_view .prd-view-main .circles ul li .inner p {
  font-size: 18px;
  line-height: 1.2;
  height: 42px;
  margin-top: 10px;
}
/* .product_view .prd-view-main .circles ul li:nth-child(1) .inner p {font-size:30px;} */
.product_view .prd-view-main .circles ul li:nth-child(1) .inner .icon {
  background-image: url("../images/contents/prd-view-main-icon01.png");
}
.product_view .prd-view-main .circles ul li:nth-child(2) .inner .icon {
  background-image: url("../images/contents/prd-view-main-icon02.png");
}
.product_view .prd-view-main .circles ul li:nth-child(3) .inner .icon {
  background-image: url("../images/contents/prd-view-main-icon03.png");
}
.product_view .prd-view-main .img-slide {
  float: right;
  width: 500px;
}
.product_view .prd-view-main .img-slide_m {
  display: none;
}
.product_view .prd-view-main .img-slide .slick-dots {
  text-align: center;
  position: relative;
  z-index: 1;
}
.product_view .prd-view-main .img-slide .slick-dots li {
  display: inline-block;
  overflow: hidden;
  text-indent: -99999px;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #999;
  margin: 0 5px;
  transition: 0.3s;
}
.product_view .prd-view-main .img-slide .slick-dots li.slick-active {
  width: 25px;
  background: #e21e26;
}
.prd-detail .tab {
  margin-bottom: 50px;
}
#subContents .prd-detail .conBox {
  padding: 25px 0;
}
.prd-detail .prd-main-show {
  position: relative;
}
.prd-detail .prd-main-show .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
  height: 62px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}
.prd-detail .prd-main-show .arrow.btn-prev {
  left: 20px;
  background-image: url("../images/contents/prd-main-show-prev.png");
}
.prd-detail .prd-main-show .arrow.btn-next {
  right: 20px;
  background-image: url("../images/contents/prd-main-show-next.png");
}
.prd-detail .prd-main-show .arrow.btn-prev:hover {
  background-image: url("../images/contents/prd-main-show-prev-on.png");
}
.prd-detail .prd-main-show .arrow.btn-next:hover {
  background-image: url("../images/contents/prd-main-show-next-on.png");
}
.prd-detail .conBox .title {
  font-size: 30px;
  color: #222;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
}
.prd-detail .conBox02 .title {
  font-size: 50px;
}
.prd-detail .conBox02 ul {
  margin: -15px;
}
.prd-detail .conBox02 ul li {
  float: left;
  width: 33.33%;
  padding: 15px;
  text-align: center;
}
.prd-detail .conBox02 ul li .inner {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.prd-detail .conBox02 ul li dt {
  font-family: "Cafe24Shiningstar";
  font-size: 40px;
  color: #fff;
  background: #e21e26;
}
.prd-detail .conBox02 ul li dt img {
  position: relative;
  top: 20px;
  margin-right: 10px;
}
.prd-detail .conBox02 ul li dd {
  font-size: 24px;
  color: #222;
  font-weight: 500;
  line-height: 1.2;
  padding: 30px 10px;
}
.prd-detail .cooking {
  border: 1px solid #d9d9d9;
  padding: 75px 145px;
}
.prd-detail .cooking .title {
}
.prd-detail .cooking ul li {
  position: relative;
  overflow: hidden;
  padding: 60px 35px;
  border-top: 1px solid #d9d9d9;
}
.prd-detail .cooking ul li:first-child {
  border-top: none;
}
.prd-detail .cooking ul li > div {
  float: left;
  width: 50%;
}
.prd-detail .cooking ul li:nth-child(2) > div,
.prd-detail .cooking ul li:nth-child(4) > div{
  float: right;
}
.prd-detail .cooking ul li .imgBox {
  padding-right: 50px;
  position: relative;
}
.prd-detail .cooking ul li:nth-child(2) .imgBox,
.prd-detail .cooking ul li:nth-child(4) .imgBox {
  padding-left: 50px;
  padding-right: 0;
  position: relative;
}
.prd-detail .cooking ul li .txtBox {
  padding-top: 20px;
}
.prd-detail .cooking ul li .txtBox dl dt {
  font-size: 24px;
  color: #e21e26;
  font-weight: 700;
}
.prd-detail .cooking ul li .txtBox dl dd {
  font-size: 18px;
  color: #666;
  margin-top: 20px;
}
.prd-detail .cooking ul li .txtBox dl dd.tip {
  font-size: 14px;
  color: #e21e26;
}
.prd-detail .cooking ul li .imgBox span {
  width: 70px;
  height: 70px;
  position: absolute;
  top: -35px;
  background: #e21e26;
  border-radius: 50%;
  line-height: 100%;
  color: #fff;
  text-align: center;
  padding-top: 19px;
  font-size: 20px;
  font-weight: 700;
  font-family: "Montserrat";
}
.prd-detail .cooking ul li .imgBox span p {
  font-size: 15px;
}

.prd-detail .cooking ul li:nth-child(1) .imgBox span {
  left: -35px;
}

.prd-detail .cooking ul li:nth-child(2) .imgBox span,
.prd-detail .cooking ul li:nth-child(4) .imgBox span{
  right: -35px;
}

.prd-detail .cooking ul li:nth-child(3) .imgBox span {
  left: -35px;
}

.prd-detail .recipe {
  border: 10px solid #db1c24;
  overflow: hidden;
  position: relative;
}
.prd-detail .recipe .thumb {
  float: left;
  width: 590px;
  height: 379px;
  text-align: center;
}
.prd-detail .recipe .thumb iframe {
  height: 100%;
}
.prd-detail .recipe .thumb a {
  display: block;
  position: relative;
}
.prd-detail .recipe .thumb a img {
  width: 100%;
}
.prd-detail .recipe .thumb a .hv-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  transition: 0.5s;
}
.prd-detail .recipe .thumb a .hv-cover .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 70px;
  color: #fff;
}
.prd-detail .recipe .thumb a:hover .hv-cover {
  opacity: 0;
}
.prd-detail .recipe .txtBox {
  position: absolute;
  top: 0;
  left: 590px;
  right: 0;
  padding: 30px;
}
.prd-detail .recipe .txtBox .icon-top {
  text-align: center;
  position: relative;
}
.prd-detail .recipe .txtBox .icon-top:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  height: 1px;
  background: #df1d25;
}
.prd-detail .recipe .txtBox .icon-top span {
  padding: 0 15px;
  background: #fff;
  position: relative;
  z-index: 1;
}
.prd-detail .recipe .txtBox dl {
  padding-bottom: 10px;
  border-bottom: 1px solid #e21e26;
}
.prd-detail .recipe .txtBox dl dt {
  text-align: center;
  padding: 20px 0;
}
.prd-detail .recipe .txtBox dl dt .name {
  display: block;
  font-size: 24px;
  color: #e21e26;
  font-weight: 700;
}
.prd-detail .recipe .txtBox dl dt .ingredient {
  display: block;
  font-size: 16px;
  color: #222;
  font-weight: 500;
}
.prd-detail .recipe .txtBox dl dd {
  font-size: 15px;
  color: #444;
  padding-left: 30px;
  height: 168px;
  overflow: auto;
}
.prd-detail .recipe .txtBox dl dd p {
  margin-top: 10px;
}
.prd-detail .recipe .txtBox dl dd p:first-child {
  margin-top: 0;
}
.prd-detail .conBox07 .scrollbox {
  overflow-x: auto;
}
.prd-detail .conBox07 .scrollbox table {
  min-width: 800px;
}
.prd-detail .conBox07 .scrollbox table td {
  text-align: center;
}

.prd-detail .productView_bottom_contents iframe {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.recipe-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: none;
}
.recipe-popup .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 340px;
}
.recipe-popup .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}
.recipe-popup .inner .btn-close {
  position: absolute;
  top: -10px;
  right: -50px;
  color: #fff;
}
.recipe-popup .inner .btn-close .material-icons {
  font-size: 50px;
}
.prd-list.related li:first-child {
  width: 25%;
  padding-top: 25%;
}
.prd-list.related ul {
  border-top: none;
  border-left: none;
  margin: 0 -10px;
}
.prd-list.related li {
  border: none;
}
.prd-list.related li a {
  border: 1px solid #dfdfdf;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  width: auto;
  height: auto;
}
.prd-list.related li:first-child a .prd-name .en {
  font-size: 16px;
}
.prd-list.related li:first-child a .prd-name .kr {
  font-size: 20px;
}
#prd-recent {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 50%;
  margin-right: -740px;
  padding-top: 150px;
  width: 80px;
}
#prd-recent .btn-buy {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid #e21e26;
  background: #fff;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
#prd-recent .btn-buy span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
  color: #e21e26;
}
#prd-recent .btn-buy span img {
  display: block;
  margin: auto;
}
#prd-recent .recent-list {
  border: 1px solid #d9d9d9;
  background: #fff;
}
#prd-recent .recent-list .tit {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #333;
  line-height: 30px;
  background: #f8f8f8;
}
#prd-recent .recent-list .mask {
  padding: 20px 5px;
  position: relative;
}
#prd-recent .recent-list .mask ul li a {
  display: block;
  border: 1px solid #d9d9d9;
}
#prd-recent .recent-list .mask .slick-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
  width: 9px;
  height: 5px;
}
#prd-recent .recent-list .mask .slick-arrow.slick-prev {
  background: url("../images/contents/recent-list-prev.png") no-repeat 50% 50%;
  top: -10px;
}
#prd-recent .recent-list .mask .slick-arrow.slick-next {
  background: url("../images/contents/recent-list-next.png") no-repeat 50% 50%;
  bottom: -10px;
}

.tel-box {
  position: relative;
  margin-bottom: 100px;
  padding: 50px 10px;
  background: #f7f7f7;
}
.tel-box:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid #a2a2a2;
}
.tel-box .inner {
  text-align: center;
  color: #222;
}
.tel-box .inner .tit {
  font-size: 30px;
  font-weight: 700;
}
.tel-box .inner .tel {
  font-size: 60px;
  color: #e21e26;
  font-family: "Montserrat";
  font-weight: 700;
}
.tel-box .inner ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.tel-box .inner ul li:first-child {
  padding-right: 10px;
  margin-right: 10px;
}
.tel-box .inner ul li:first-child:after {
  content: "";
  position: absolute;
  top: 6px;
  right: -1px;
  width: 1px;
  height: 14px;
  background: #a2a2a2;
}
.tel-box .inner ul li:last-child {
  display: block;
}

.slick-slide > img {
  margin: 0 auto;
}

.inquiry .btns {
  margin: 0 auto;
  overflow: hidden;
  max-width: 300px;
}
.inquiry .btns div {
  float: left;
  width: 50%;
  padding-right: 4px;
}
.inquiry .btns div a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 50px;
}
.inquiry .btns div:nth-child(1) a {
  background: #f21e26;
  border: 1px solid #f21e26;
}
.inquiry .btns div:nth-child(2) a {
  box-sizing: border-box;
  background: #fff;
  color: #666;
  border: 1px solid #d9d9d9;
}

.inquiry .btn {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 50px;
  background: #ce1e25;
}
.inquiry .btn img {
  margin-top: 15px;
  margin-left: 5px;
}

#subContents .prd-detail .conBox.conBox02 {
  padding-bottom: 50px;
}

/* 브랜드안내 */



.brand_wrap .brand_box {
  margin-top: 50px;
  margin-bottom: 50px;
}
.brand_wrap .brand_box ul {
}
.brand_wrap .brand_box ul li {
  border: 1px solid #333;
  box-sizing: border-box;
  width: 32%;
  margin-right: 2%;
  float: left;
  transition: 0.3s ease;
}
/* .brand_wrap .brand_box ul li a{border:1px solid #E41E26; opacity:0; display:block; width:100%; height:100%; transition:0.3s ease;}
 */
.brand_wrap .brand_box ul li:last-child {
  margin-right: 0;
}
.brand_wrap .brand_box ul li.sase {
  background: url("../images/contents/brand_logo_sase.png") no-repeat center;
  background-size: 70%;
  transition: 0.3s ease;
}
.brand_wrap .brand_box ul li.home {
  background: url("../images/contents/brand_logo_home.png") no-repeat center;
  background-size: 50%;
  transition: 0.3s ease;
}
.brand_wrap .brand_box ul li.chics {
  background: url("../images/contents/brand_logo_chics.png") no-repeat center;
  background-size: 70%;
  transition: 0.3s ease;
}
/* .brand_wrap .brand_box ul li a:hover{border:1px solid #E41E26; transition:0.3s ease; opacity:1;}
 */
.brand_wrap .brand_box ul li:hover {
  border: 1px solid #e41e26;
}
.brand_wrap .brand_box ul li:hover.sase {
  background-size: 75%;
  transition: 0.3s ease;
}
.brand_wrap .brand_box ul li:hover.home {
  background-size: 55%;
  transition: 0.3s ease;
}
.brand_wrap .brand_box ul li:hover.chics {
  background-size: 75%;
  transition: 0.3s ease;
}


/* 브랜드안내 */

.brand_viwe_wrap{padding-top:180px;}
.brand_viwe_wrap .brand_con01{
  margin:130px 0;

}

.brand_viwe_wrap .top {
  position: relative;
  text-align: center;
  height: 640px;
  background-repeat: no-repeat;
  background-position:center;
      background-size: cover;

}
.brand_viwe_wrap .top > div {
  display:none;
}
.brand_viwe_wrap .top img {
  vertical-align: middle;
}

.brand_viwe_wrap #lnb .auto {
  width: 1600px !important;
}
.brand_viwe_wrap .conBox01 .auto {
  width: 1600px;
}
.brand_viwe_wrap .conBox01 .imgBox {
  width: 50%;
  padding-right: 50px;
}
.brand_viwe_wrap .conBox01 .txtBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  right: 0;
}
.brand_viwe_wrap .conBox01 .txtBox dl dt {
  font-size: 30px;
  color: #e21e26;
  font-weight: 700;
}
.mainTitleBox .slogan {
  display: block;
  line-height: 100%;
  font-size: 28px;
  padding-left: 0px;
  font-family:"Noto Sans KR";
  font-weight:500;
  color: #fff;
  position: relative;
  margin-top: 10px;
  margin-bottom: 0px;
}

.mainTitleBox .mainTitle {
  display: inline-block;
  margin: 0 0.5rem;
  animation: bounceInDown; 
  animation-duration: 2s;
}

.conBox .slogan {
  display: block;
  line-height: 100%;
  font-size: 24px;
  padding-left: 0px;
  font-weight: 700;
  color: #222;
  position: relative;
  margin-bottom: 15px;
}
.conBox  .slogan::after {
  content: "";
  background: #018834;
  width: 0px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -45%);
}

.brand_viwe_wrap .conBox01 .txtBox dl dd {
  font-size: 25px;
  color: #333;
  font-weight: 300;
  padding-top: 30px;
  margin-top: 30px;
  position: relative;
  line-height: 145%;
}
.brand_viwe_wrap .conBox01 .txtBox dl dd:before {
  content: "";
  position: absolute;
  top: 0;
  left: -120px;
  width: 160px;
  height: 2px;
  background: #e21e26;
}
.brand_viwe_wrap .conBox01 .txtBox dl dd span {
  font-size: 24px;
  font-weight: 400;
}

#contents .brand_viwe_wrap .conBox01{
  padding-bottom:0px;
}

#contents .brand_viwe_wrap .con-title {
  margin-top: 130px;
  margin-bottom:70px;
  line-height:100%;
}

#contents .brand_viwe_wrap .con-title dt {
  padding-bottom: 0;

}
#contents .brand_viwe_wrap .con-title dt.two {
  line-height:140%;

}

.brand_viwe_wrap .gray_box {
  background:#f7f7f7;
  padding: 0 0 100px 0;
  overflow:hidden;
}
.brand_viwe_wrap .gray_box .con-title {
  margin-top: 0px;
}
.brand_viwe_wrap .gray_box ul {
}
.brand_viwe_wrap .gray_box ul li {
  width: 23.5%;
  padding: 0 0 40px 0;
  float: left;
  background: #fff;
  margin-right: 2%;
  border: 1px solid #999;
  transition: 0.3s ease;
}
.brand_viwe_wrap .gray_box ul li.more > div{transition:0.25s ease; position:relative; }
.brand_viwe_wrap .gray_box ul li.more:hover > div{background: rgba(226,30,38,0.8); transition:0.25s ease;}
.brand_viwe_wrap .gray_box ul li.more .more_txt{opacity:0; font-size:28px; font-weight:500; color:#fff; position:absolute; left:50%; top:50%; transition:0.25s ease;transform:translate(-50%,-62%); background:url('/images/contents/more_plus.png')no-repeat center; padding-top:100px; text-align:center;}
.brand_viwe_wrap .gray_box ul li.more:hover .more_txt{opacity:1;transition:0.25s ease;}

.brand_viwe_wrap .gray_box ul li:last-child {
  margin-right: 0;
}
.brand_viwe_wrap .gray_box ul li .tit {
  font-size: 30px;
  font-weight: 700;
  margin-top: 10px;
  text-align: center;
}
.brand_viwe_wrap .gray_box ul li:hover {
  border: 1px solid #e41e26;
  transition: 0.3s ease;
}
.brand_viwe_wrap li a .prd-thumb {
  position: relative;
}
.brand_viwe_wrap li a .prd-thumb img.front {
  transition: 0.3s all ease-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: auto;
}
.brand_viwe_wrap li a .prd-thumb img.back {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 0.3s all ease-out;
}
.brand_viwe_wrap ul li a:hover .prd-thumb img.front {
  transform: rotateY(-180deg);
}
.brand_viwe_wrap ul li a:hover .prd-thumb img.back {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 1;
}


/* 상담하기 */
.request .conBox01 {
  padding-bottom:20px !important;
}
.request .conBox * {
  line-height: 42px;
}
.request .conBox input[type="text"],
.request .conBox select {
  height: 42px;
  line-height: 42px;
  color: #666;
  padding: 0 10px;
  width: 100%;
  border: 1px solid #d9d9d9;
}
.request .conBox ul {
  margin-bottom: -5px;
}
.request .conBox ul li {
  float: left;
  width: 50%;
  padding-right: 70px;
  margin-bottom: 10px;
}
.request .conBox ul li dl dt {
  float: left;
  width: 100px;
  font-size: 1.1rem;
  font-weight:400;
  color: #333;
}
.request .conBox.en ul li dl dt {
  float: left;
  width: 220px;
  font-size: 1.2rem;
  color: #333;
  line-height: 135%;
}
.request .conBox.en ul li dl dd {
  padding-left: 220px;
  font-size: 1.6rem;
  color: #666;
}

.request .conBox ul li dl dd {
  padding-left: 100px;
  font-size: 1.6rem;
  color: #666;
}
.request .conBox ul li dl dd > label {
  margin-right: 18px;
  display: inline-block;
}
.request .conBox .emailForm .flex {
  width: 75%;
  float: left;
  margin: 0 -15px;
  font-size: 1rem;
}
.request .conBox .emailForm .flex span {
  display: block;
  float: left;
  width: 50%;
  padding: 0 15px;
  position: relative;
}
.request .conBox .emailForm .flex span:first-child:after {
  content: "@";
  position: absolute;
  top: 0px;
  right: -8px;
  font-size: 1rem;
}
.request .conBox .emailForm > span {
  display: block;
  float: right;
  width: 30%;
  font-size: 1rem;
}
.request hr {
  height: 1px;
  border: none;
}
.request textarea {
  height: 200px;
  line-height: 1.8rem !important;
  resize: none;
  overflow-y: scroll;
}

.request .mail div {
  margin-bottom: 10px;
}

.request .mail_btn {
  display: inline-block;
  width: 100px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #999;
  margin-left: 10px;
  height: 42px;
}

.request .title {
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 1.5rem;
}
.request .conBox .sri label {
  display: block;
  margin-bottom: 10px;
}
.request .conBox .sri input[type="text"] {
  width: 170px;
}
.request .conBox .sri span {
  padding: 0 5px;
}
.request textarea {
  border-color: #d9d9d9;
}

.login-wrap{}
.login-wrap .title_wrap{margin-bottom:30px;text-align: center;}
.login-wrap .title_wrap .t01{font-size:27px; font-weight:600; color:#333; margin-bottom:10px;}
.login-wrap .title_wrap .t02{font-size:16px; font-weight:300; color:#999;}
.input-box{max-width:400px; margin:0 auto;}
.input-box input{color:#666;border:1px solid #d9d9d9;width: 100%;height: 60px;padding:10px 15px;margin-bottom:10px;}
.input-box input::placeholder{color:#999;}
.btn-wrap{max-width:400px; margin:0 auto;}
.btn-wrap a{display:flex;align-items:center;justify-content: center;font-size:18px;color:#0079c5;border:1px solid #00a24a;height: 60px;margin-bottom:10px;}
.btn-wrap a.green{background:#00a24a; color:#fff;}
.btn-wrap a.sb{background:#00adbc; color:#fff;}

@media(max-width:600px){

.login-wrap{}
.login-wrap .title_wrap{margin-bottom:30px;text-align: center;}
.login-wrap .title_wrap .t01{font-size: 22px;font-weight:500;color:#333;margin-bottom:10px;}
.login-wrap .title_wrap .t02{font-size: 14px;font-weight:300;color:#999;}
.input-box{max-width:400px; margin:0 auto;}
.input-box input{color:#666;border:1px solid #d9d9d9;width: 100%;height: 50px;padding:10px 15px;margin-bottom:10px;font-size: 14px;}
.input-box input::placeholder{color:#999;}
.btn-wrap{max-width:400px; margin:0 auto;}
.btn-wrap a{display:flex;align-items:center;justify-content: center;font-size: 14px;color:#0079c5;border:1px solid #0079c5;height: 50px;margin-bottom:10px;}
.btn-wrap a.green{background:#0079c5; color:#fff;}
.btn-wrap a.sb{background:#00adbc; color:#fff;}


}

a.btn-view{
	display:flex;
	align-items:center;
	justify-content: center;
	font-size:16px;
	color:#0079c5;
	border:1px solid #00a24a;
	width:60px;
	height: 35px;
	background:#00a24a; 
	color:#fff;
	margin:0 auto;
	border-radius:5px;
}

.gallery-con{
	margin-top: 30px;
	margin-bottom: 0px;
}
.gallery-con ul li{
	float:left;
	width: 50%;
	margin-bottom: 30px;
	padding: 0px 15px;
}
.gallery-con ul li .imgWrap{
	border: 1px solid #ddd;
}


/* 이미지 확대 */
.imgWrap{
	overflow: hidden;
}
.thumbImg {
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.thumbImg:hover {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.tel_number {
	color: #ff3d33 !important;
	font-size: 1.2rem;
	font-weight: 500;
}

.lastLine img {max-width:100%;}

/* 동의레이어팝업 */
#modal-pop {
	display: block;
	position: fixed;
	top: 30%; 
	z-index: 11;
	padding: 10px;
}
#modal-mask{position:fixed; z-index:30; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6);display: block; max-height: inherit; margin: 0} 	

/* 시설예약 */
.modal-wrap{ position: relative; top:0; left:0; z-index:200; width:100%; height:100%;  }
.modal-wrap .modal-pop{ position:absolute; top:18%; left:50%; transform: translateX(-50%); z-index:250; width: 800px; height:310px; border: 3px #52a728 solid; border-radius: 10px; background:#fff;overflow-y: scroll;overflow: hidden;}
.modal-wrap .modal-pop .pop_title{ margin-top: 15px;  text-align:center;line-height:24px; color:#000; font-size:20px; font-weight:bold;padding-bottom: 10px  } 
.modal-wrap .modal-pop .pop_title span{font-weight: 700; font-size:20px; text-align:left;color: #FF0004  }
.modal-wrap .modal-pop .modal-con{padding:10px 20px 0px 20px; box-sizing: 100%; height:170px;overflow-y: scroll;}
.modal-wrap .modal-pop .modal-con table td{font-size:14px !important; color:#333 !important;text-align:left;}
.modal-wrap .modal-pop .modal-con .con_box1 {
    line-height: 180%;
	font-size:14px !important; 
	color:#333 !important;
    border: 1px solid #ddd;
    padding: 15px 15px;
    border-radius: 5px;
    background: #f3f3f3;
}

.modal-wrap .modal-pop .btn-close-wrap{position:relative;margin-top: 20px; width:100%; text-align:center;}
.modal-wrap .modal-pop .btn-close-wrap a.btn-close{width:26px;height: 26px; padding: 7px 25px;  color: #fff;border-radius: 50px; font-size:20px;font-weight: 700;background: #52a728}


	 
/* 모바일 해상도 */
@media all and (max-width:600px) {
	#modal-pop {top: 20%;}
	.modal-wrap .modal-pop{ top:6%;   width:90%; height:400px; }
}

/* 프로그램 신청 */
.modal-wrap-program .modal-pop{ position:absolute; top:18%; left:50%; transform: translateX(-50%); z-index:250; width: 800px; height:310px; border: 3px #02652f solid; border-radius: 10px; background:#fff;overflow-y: scroll;overflow: hidden;}
.modal-wrap-program .modal-pop .pop_title{ margin-top: 15px;  text-align:center;line-height:24px; color:#000; font-size:20px; font-weight:bold;padding-bottom: 10px  } 
.modal-wrap-program .modal-pop .pop_title span{font-weight: 700; font-size:20px; text-align:left;color: #FF0004  }
.modal-wrap-program .modal-pop .modal-con{padding:10px 20px 0px 20px; box-sizing: 100%; height:170px;overflow-y: scroll;}
.modal-wrap-program .modal-pop .modal-con table td{font-size:14px !important; color:#333 !important;text-align:left;}
.modal-wrap-program .modal-pop .modal-con .con_box1 {
    line-height: 180%;
	font-size:14px !important; 
	color:#333 !important;
    border: 1px solid #ddd;
    padding: 15px 15px;
    border-radius: 5px;
    background: #f3f3f3;
}
.modal-wrap-program .modal-pop .modal-con .con_box1 table {
    width: 100%;
    border: 1px solid #ddd;
}

.modal-wrap-program .modal-pop .modal-con .con_box1 table th {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f7f7f7;
    font-size: 15px;
    color: #222;
    font-weight: 500;
    padding: 0px;
    text-align: center;
    line-height: 40px;
}

.modal-wrap-program .modal-pop .modal-con .con_box1 table td {
    cursor: pointer;
    padding: 10px;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    text-align: center;
    font-size: 0;
}

.modal-wrap-program .modal-pop .btn-close-wrap{position:relative;margin-top: 20px; width:100%; text-align:center;}
.modal-wrap-program .modal-pop .btn-close-wrap a.btn-close{width:26px;height: 26px; padding: 7px 25px;  color: #fff;border-radius: 50px; font-size:20px;font-weight: 600;background: #02652f}


	 
/* 모바일 해상도 */
@media all and (max-width:600px) {
	#modal-pop {top: 20%;}
	.modal-wrap .modal-pop{ top:6%;   width:90%; height:400px; }
}


/* 동의 항목(시설예약)*/
.check_list{position: relative;padding: 10px 15px; margin-top:20px; width: 100%;box-sizing: border-box;border :#52a728 solid 1px;box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);border-radius: 0px;}
.check_list li{border-bottom: 1px dashed #ddd; padding: 5px 0px;line-height: 34px;color: #000;font-size: 17px;font-weight: 400;}
.check_list li:last-child{border-bottom: 0px dashed #ddd;}
.check_list li strong{font-size:14px !important; color:#000; font-weight: 500 !important;letter-spacing:-0.5px;}
.check_list li strong span{margin-top:-10px !important; padding:0;}
.check_list li label{ font-size:13px !important; color:#333; font-weight: 400 !important;letter-spacing:-0.5px; margin-top:5px; width:100% !important;}
.check_list li .btn-wrap{display:block; width:100%; margin-top:-5px;margin-bottom:-5px; text-align:right;}
.check_list li span.btn{display: inline-block;background: #52a728; padding: 5px 14px;margin-top: 4px; line-height: 14px;color: #fff;border-radius:40px;font-size: 14px !important;font-weight: 300 !important;}
.check_list li input {vertical-align:middle; margin-top:-5px !important; margin-right: 10px;}
.check_list li input[type='radio'] { padding: 5px;  }


.f_red {color: #c20f24;font-weight: 400 !important;margin-top:-10px !important;}

/* 모바일 해상도 */
@media all and (max-width:980px) {	
	.check_list{ padding: 10px 3%; }
	.check_list li{ line-height: 24px;color: #000;padding: 8px 0px;font-size: 14px;letter-spacing: -1px;display: inline-block;width: 100%}
	.check_list li span.vv{ padding: 4px 8px;margin-top: 4px; line-height: 14px; font-size: 13px; }
	.check_list li input 		{height:16px; width: 16px; margin-right: 0px;}
}

/* 모바일 해상도 */
@media all and (max-width:400px) {	
	.check_list{ padding: 10px 1%; }
	.check_list li{  ;font-size: 14px;letter-spacing: -1.5px; }
}

/* 동의 항목(프로그램 신청)*/
.check_list_program{position: relative;padding: 10px 15px; margin-top:20px; margin-bottom:30px; width: 100%;box-sizing: border-box;border :#02652f solid 2px;box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);border-radius: 0px;}
.check_list_program li{border-bottom: 1px dashed #ddd; padding: 5px 0px;line-height: 34px;color: #000;font-size: 17px;font-weight: 400;}
.check_list_program li:last-child{border-bottom: 0px dashed #ddd;}
.check_list_program li strong{font-size:16px !important; color:#000; font-weight: 500 !important;letter-spacing:0px;}
.check_list_program li strong span{margin-top:-10px !important; padding:0;}
.check_list_program li label{ font-size:16px !important; color:#333; font-weight: 400 !important;letter-spacing:0px; margin-top:5px; width:100% !important;}
.check_list_program li .btn-wrap{display:inline-block; float:right; margin-top:0px;margin-bottom:0px; text-align:right;}
.check_list_program li span.btn{display: inline-block;background: #02652f; padding: 5px 14px;margin-top: 4px; line-height: 14px;color: #fff;border-radius:40px;font-size: 14px !important;font-weight: 300 !important;}
.check_list_program li input {vertical-align:middle; margin-top:-5px !important; margin-right: 10px;}
.check_list_program li input[type='radio'] { padding: 5px;  }


.f_red {color: #c20f24;font-weight: 400 !important;margin-top:-10px !important;}

/* 모바일 해상도 */
@media all and (max-width:980px) {	
	.check_list_program{ padding: 10px 3%; }
	.check_list_program li{ line-height: 24px;color: #000;padding: 8px 0px;font-size: 14px;letter-spacing: -1px;display: inline-block;width: 100%}
	.check_list_program li span.vv{ padding: 4px 8px;margin-top: 4px; line-height: 14px; font-size: 13px; }
	.check_list_program li input 		{height:16px; width: 16px; margin-right: 0px;}
}

/* 모바일 해상도 */
@media all and (max-width:400px) {	
	.check_list_program{ padding: 10px 1%; }
	.check_list_program li{  ;font-size: 14px;letter-spacing: -1.5px; }
}