@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}
.inner {width:100%; max-width:1200px; margin:0 auto; position:relative;}
.sub-sec {padding:110px 0 150px 0;}
.p-bg {color:#c0a355!important;}
.w-light {font-weight:400;}
.mb-b {display:none;}

/* header */
.main .sec-header {position:absolute;}
#header.nav-pc .gnb > li > a{color: #3a3a3a;}
#header{width: 100%;height: 103px;font-weight:400;position: relative;transition: all ease .2s;z-index: 9;border-bottom: 1px solid #ececec;background:#fff;}
#header .inner{max-width:1200px;margin:0 auto;position: relative;height:100%;}
#header .logo {width: 10%;display: inline-block;margin: 15px 0 15px 0;}
.right-bn {padding-top:13px;width: 14%;position: absolute;top: 0;right: 0;}
.right-bn img {margin-bottom: 8px;float: right;}
.right-bn .cs-bn {border-radius:50px;box-shadow:0 0 0 1px #c0a355;max-width:196px;height:35px;line-height:35px;font-weight:600;color:#c0a355;padding:0 10px;float: right;}
.right-bn .cs-bn .nb {font-family:'Play', sans-serif;font-size:18px;color:#c0a355;line-height:34px;margin-left:4px;display: inline-block;}
.right-bn .cs-bn img {margin: 0 4px;float: none;}
.hd-inner {width: 92%;margin:0 auto;position: relative;}
.gnb-bg {position: absolute;left:0;top:100%;height: 294px;background:#f7f7f7;z-index: 10;width:100%;display: none;border-top:1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
#header.fixinner{ position:fixed; top:0; left:0; background:#fff; width:100%;     z-index: 99; border-bottom: 1px solid #e8e8e8; }
.gnb-bg.fixinner{position:fixed; top:69px; border-bottom:1px solid #e8e8e8;}

.nav-bar {position:relative;width: 77%;display: inline-block; text-align:center;}
.nav-bar.open {opacity:100;}
.nav-bar > ul{position:relative;}
.nav-bar ul li{display:inline-block; padding: 0 12px;position:relative;}
.nav-bar ul li a{display:block;line-height: 103px;cursor:pointer;text-align:center;font-size: 17px;font-weight: 600;color: #3a3a3a;}
.nav-bar ul li span {display:none;}
.nav-bar ul li a.active {color:#34b458}
.nav-bg{width:100%;height:0;background:#f7f7f7;border-top: 1px solid #ececec;position:fixed;left:0;top: 102px;z-index:1;transition:all ease .6s;box-shadow: 1px 1px 15px rgba(0,0,0,0.05);}
.nav-bg.open{height:242px;}

#menu-toggle  {display:none;}
.menu-toggle {display:none;}
.overlay{display:none;}


/* quick menu*/
.quick-menu {position:fixed;right:0;top:294px;z-index:4;text-align: right; overflow:hidden; }
.quick-menu .wr {width:188px;}
.quick-menu ul {float:right; padding-top:5px;}
.quick-menu ul li {height:60px;margin-bottom: 15px; transform: translateX(34%); transition:.5s ease; border-radius:15px 0 0 0; overflow:hidden; }
.quick-menu ul li a {display:block; font-size:0;}
.quick-menu ul li p {width:120px;display:inline-block;color:#fff;font-size: 15px;text-align: left;height: 60px;line-height:60px;padding:0 15px;}
.quick-menu ul li .img-sec {display:inline-block; width: 60px;height:60px;position:relative;background:#fff; }
.quick-menu ul li:hover { transform: translateX(0%); box-shadow:0 0 5px 1px rgba(0,0,0,0.2);}
.quick-menu ul li .img-sec img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.quick-menu .bg01 {background:#c0a355;}
.quick-menu .bg02 {background:#7a7157;}
.quick-menu .bg03 {background:#7b6741;line-height: normal;padding: 8px 15px;}

@media all and (min-width:1500px) {
	/* header */
	.nav-bar .quick-menu {display:none;}
	.nav-bar ul li ul {
	  position: absolute;
	  top: 100px;
	  z-index: 1;
	  width: 100%;
	  left:0;
	  height:0;
	  overflow:hidden;
	  transition:all ease .6s;
	  border-right:1px solid rgba(255,255,255,0.2);
	}
	.nav-bar ul li:first-child ul { border-left:1px solid rgba(255,255,255,0.2);}
	.nav-bar ul li ul.long-menu {width:306px; margin-left:-153px;}
	.nav-bar ul.open li ul{ height:242px; padding:10px 0; }
	.nav-bar ul li a{position:relative;}
	.nav-bar ul li a:after{content:'';width:0;bottom: 1px;left:50%;height:2px;background:#c0a355;position:absolute;transition:all ease .6s;}
	.nav-bar ul li:hover a:after{width:100%; left:0;}
	.nav-bar li ul li{padding: 0;float:none;box-sizing:border-box;display:block;text-align:center;clear:both;cursor:pointer; }
	.nav-bar li ul li:first-child {padding-top:20px;}
	.nav-bar li ul li a{padding:0;display:block;width:100%;position:relative;line-height: normal;color: #1a1a1a;font-size: 15px;font-weight: 400;text-align:center;margin-bottom: 14px;}
	.nav-bar ul li:first-child > a {padding: 0 11px;}
	.nav-bar li ul li a:after{display:none;}
	.nav-bar li ul li:hover a{color:#c0a355;}

}


@media all and (max-width:1500px) {
	/*hd*/
	/* .quick-menu {display:none;} */
	.nav-bar .quick-menu {display:block; position:relative; top:auto; right:auto; width:100%;}
	.nav-bar .quick-menu ul {display:flex; border:0; float:none; padding:20px 0 20px 20px;}
	.nav-bar .quick-menu ul > li {border:0; padding-right:4%;}
	.nav-bar .quick-menu ul li p {width:100%; color:#fff; border-radius:10px;}
	.nav-bar .quick-menu ul li a {padding:0}
	.nav-bar .quick-menu .wr {width:100%;}

	#header {padding-left:0;position: relative;}
	#header .logo {width:20%;}
	#header .gnb{position:fixed;right:-100%;top:0;height:100%;width: 80%;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.5);z-index: 9;padding: 20px;overflow-y:auto;transition: all ease .5s;}
	#header .gnb.open{right:0;}
	#header .gnb > li{border-bottom:1px solid #e8e8e8;  position:relative;}
	#header .gnb > li > a{padding:15px 0; display: block;}
	#header .gnb > li:after {content: "";width:18px;height:18px;display:block;background:url('/img/down_arr.png')no-repeat center;z-index:1;position:absolute;top: 18px;right: 18px;}
	#header .gnb > li.link-n > a{background:none;}
	#header .gnb > li.link-n:after{display:none;}
	#header .gnb > li > ul{border-top:1px solid #e8e8e8; display:none; padding:15px 10px;}
	#header .gnb ul li a{font-size:.9em; display:block; padding:5px;  }
	#header .nav-close {position:absolute;top: 50%;right: 0;cursor:pointer;transform: translateY(-50%);}
	#header .nav-close i {margin-right:0;font-size: 25px;}
	#header .nav-open {display:block;position:absolute;top: 50%;right: 0;cursor:pointer;transform: translateY(-50%);}
	#header .nav-open i {margin-right:0;font-size: 23px;}
	.gnb-bg{position:fixed; top:0; right:0; background:rgba(0,0,0,0.5); z-index:8; width:100%; height:100% !important; display:none;}
	.gnb-bg.fixinner{top:0; height: 100% !important;}
	#mp #header .logo{top:10px;}
	.right-bn {width: auto;top: 50%;right:60px;transform: translateY(-50%);}
	.right-bn img {float:none;display:inline-block;margin: 6px 16px;}
	.right-bn .cs-bn {float:none; display:inline-block;}
	.nav-bg {height:0px; border-top:0;}
	.nav-bg.open {height:0px;}

	label.menu-toggle {
	  cursor: pointer;
	  display: inline-block;
	  position: absolute;
	  top: 33px;
	  right: 0;
	  z-index: 99;
	  transition: 0.3s ease;
	}
	label.menu-toggle div {float:left;}
	.toggle-text {margin-right:10px; margin-left:20px; font-size:15px; color:#fff; font-weight:300; line-height:60px;}
	.toggle-line {margin-top:22px;}
	.line {
	  display: block;
	  width: 28px;
	  height: 2px;
	  background: #484848;
	  border-radius: 6px;
	  transition: 0.3s ease;
	}
	.line + .line {
	  margin-top: 7px;
	}

	.overlay {
	  display: block;
	  position: fixed;
	  top: 102px;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 3;
	  pointer-events: none;
	  background: rgba(0, 0, 0, 0.5);
	  opacity: 0;
	  transition: opacity 0.3s ease;
	}

	.page {
	  position: relative;
	  padding: 50px;
	  transition: -webkit-transform 0.3s ease;
	  transition: transform 0.3s ease;
	  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	  z-index: 1;
	}
	.nav-wrap {
		position: fixed;
	  display:block;
	  top: 140px;
	  right: -320px;
	  bottom: 0;
	  width:320px;
	  background:#fff;
	  padding-right:0;
	  border-top:1px solid #eaeaea;
	  -webkit-transform: translateX(100%);
			  transform: translateX(100%);
	  transition: all 0.3s ease;
	  z-index: 5;
	}
	.nav-depth {display:none;}
	.nav-bg.open {display:none;}
	nav.nav-bar {
	  position: fixed;
	  display:block;
	  top: 102px;
	  right: -320px;
	  bottom: 0;
	  width: 80%;
	  max-width: 500px;
	  background:#fff;
	  padding-right:0;
	  -webkit-transform: translateX(100%);
	  transform: translateX(100%);
	  transition: all 0.3s ease;
	  z-index: 5;
	  overflow-y: scroll;
	}

	nav.nav-bar ul {
	  padding: 0;
	  list-style: none;
	  display:block;
	  border-bottom:1px solid #eaeaea;
	  background: #fff;
	}


	nav.nav-bar li {display:block; padding:0;}
	nav.nav-bar li p{
		color: #000;
		line-height: 50px;
		text-align: left;
		padding-left:20px;
		font-size: 16px;
		display: block;
		}

	ul.sub{border-bottom:none;}
	nav li:hover:before {
	  -webkit-transform: scale(1.1, 1);
			  transform: scale(1.1, 1);
	}
	li.plus.on-on:after{
	  content: '';
	background:url(/images/minus.png) center no-repeat;
	  display: block;
	  position: absolute;
	  z-index: 1;
	  width:30px;
	  height:50px;
	  top: 0;
		right: 0px;
		padding-left: 20px;
		border-left: 1px solid #f3f3f3f3;
	  transition: 0.2s ease;

	}
	.nav-bar > ul > li > a:after {
	  content: '+';
	  display: block;
	  position: absolute;
	  border-radius:50%;
	  border: 1px solid #c0a355;
	  z-index: 1;
	  width: 18px;
	  height: 18px;
	  line-height: 17px;
	  color: #c0a355;
	  top: 14px;
	  right: 20px;
	  transition: 0.2s ease;
	  font-family: 'Play',sans-serif;
	  text-align: center;
	}


	.nav-bar ul li a {
	  line-height: 35px;
	  padding: 10px 0 10px 20px;
	  color:#222;
	}
	#menu-toggle { position: fixed; left: -99999999px;}
	#menu-toggle:checked ~ .menu-toggle .line-1 {
	  -webkit-transform: translateY(10px) rotate(45deg) scale(1.3, 1);
			  transform: translateY(10px) rotate(45deg) scale(1.3, 1);
	  -webkit-transform-origin: 50%;
			  transform-origin: 50%;
	}
	#menu-toggle:checked ~ .menu-toggle .line-2 {
	  -webkit-transform: scale(0);
			  transform: scale(0);
	}
	#menu-toggle:checked ~ .menu-toggle .line-3 {
	  -webkit-transform: translateY(-10px) rotate(-45deg) scale(1.3, 1);
	  transform: translateY(-6px) rotate(-45deg) scale(1.3, 1);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  margin-top:4px;
	}
	#menu-toggle:checked ~ nav {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
			  right: 0px;
			opacity:100;
	}
	#menu-toggle:checked ~ #header {background:#fff;}
	#menu-toggle:checked ~ nav:after { opacity: 1;}
	#menu-toggle:checked ~ nav ul li {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
	#menu-toggle:checked ~ .overlay {  opacity: 1; pointer-events: all;}
	.nav-bar {  overflow:hidden;clear:both; z-index:96px; -webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
	.nav-bar li{ width:100%;   border-top:1px solid #eaeaea; }
	.nav-bar li:first-child{ border-top:none;}
	.nav-bar li a{ z-index:1;}
	.nav-bar ul li span{position:absolute; top:0; left:0; width:100%; height: 50px; cursor: pointer; display: block;z-index:3;}
	.nav-bar li ul{display:none;position:relative;}
	.nav-bar ul li a{text-align:left;height:100%;}
	.nav-bar li ul li {background:#f9f9f9;padding-left: 22px;}
	.nav-bar li ul li:hover {background:#f9f9f9;}
	.nav-bar li ul li:hover a{color:#222;}
	.nav-bar ul li ul {border-bottom:none;}
	.nav-bar ul li ul li:first-child {border-top:1px solid #eaeaea;}
	.nav-bar ul li ul li a {color:#666;font-size: 14px;line-height: 26px;display:block;padding-left:0;font-weight:400;}
	.nav-bar ul li ul li:first-child{border-top:none;}
	.nav-bar li ul li a:after {display:none;}
	.nav-bar li ul li a:before {display:none;}
	.nav-bar ul li ul.m-open{display:block;}
}


@media all and (max-width:768px) {
	.hd-inner {width:90%;}
	#header .logo {width:34%;}
	.right-bn {display:none;}
}

@media all and (max-width:500px) {
	#header {height:72px;}
	.overlay,
	nav.nav-bar {top: 72px;}
	label.menu-toggle {top: 27px;}
	.nav-bar ul li a {font-size:15px; line-height:30px;}

	/*quick*/
	.nav-bar .quick-menu ul {display:block;}
	.quick-menu ul li {height:auto; transform: translateX(15%);}
	.nav-bar .quick-menu ul li p {font-size:14px; line-height:normal; height:auto; padding:13px; position:relative;}
	.nav-bar .quick-menu ul li p:after {content:'→'; color:#fff; display:block; position:absolute; top:13px; right:14px;}
	.quick-menu ul li .img-sec {display:none;}
}

/* footer */
.sec-footer {background:#272727; padding:67px 0;}
.sec-footer .inner {overflow:hidden;}
.sec-footer h1 {float:left;}
.sec-footer .foot-cont {float:left; margin-left:4%;}
.sec-footer .foot-link {margin-bottom:23px;}
.sec-footer .foot-link li {display:inline-block;}
.sec-footer .foot-link li a {font-size:16px; color:#ededed;}
.sec-footer .foot-link li a:after {content:'·'; display:inline-block; margin:0 4px;}
.sec-footer .foot-link li:last-child a:after {display:none;}
.sec-footer .foot-info p {font-size:14px; color:#848484;}
.sec-footer .foot-info span {color:#4e4e4e; margin:0 4px;}
.sec-footer .sns-link {float:right; padding-top:5px;}
.sec-footer .sns-link li {position:relative; display:inline-block; width:37px; height:37px; border-radius:50%; margin:0 5px; box-shadow:0 0 0 1px #ddd;}
.sec-footer .sns-link li a {display:block;}
.sec-footer .sns-link li a img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.sec-footer .copy {font-family:'Play', sans-serif; font-size:14px; letter-spacing:0; margin-top:20px;}
.sec-footer .copy span {font-family:'Play', sans-serif; color:#fff; font-size:14px;}

/***************  main  ***************/

/*main-visual*/
.visual-slide {position:relative;height: 100%;width:100%;padding-left: 4%;}
.visual-slide .swiper-container {height: 100%;}
.visual-slide .ceo-img {position:absolute;bottom: 0;left: 3%;z-index:2;width: 42%;font-size: 0;max-height:80vh;}
.visual-slide .slide-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    display: block;
}
.visual-slide .ctrl-wr {display:flex;position:absolute;bottom:0;z-index:1;width:32%;background:rgba(0,0,0,0.2);padding: 20px 39px;}
.visual-slide .swiper-pagination {text-align:left; width:16%; padding-top:0; margin-right:15px;}
.visual-slide .swiper-pagination, .visual-slide .swiper-pagination span {font-family:'Play', sans-serif; color:#fff; letter-spacing:2px;}
.visual-slide .swiper-button-next i, .visual-slide .swiper-button-prev i {color:#fff;}
.visual-slide .btn-align {position:relative;width: 25%;max-width: 48px;text-align: right;margin-left: 32px;}
.visual-slide .btn-align span {color: #7d7d7d;position:absolute;top: -5px;right: 23px;font-weight: 200;}
.visual-slide .progress-inner {width:30%; position:relative; }
.visual-slide .slide-bg.bg01 {background-image:url('/images/visual01.jpg');}
.visual-slide .slide-bg.bg02 {background-image:url('/images/visual02.jpg');}
.visual-slide .slide-bg.bg03 {background-image:url('/images/visual03.jpg');}
.visual-slide .slide-bg.bg04 {background-image:url('/images/visual04.jpg');}
.visual-slide .left-bg {width:32%;height:100%;background:#383021;position: absolute;overflow: hidden;}
.visual-slide .visual-txt {
	position: relative;
	overflow: hidden;
	margin-top:95px;
	padding: 107px 12%;
	z-index: 2;
	animation-name: mvisual_ani;
	animation-duration:2s;
	animation-iteration-count:1;
}
@-webkit-keyframes mvisual_ani {
  0% {
	opacity:0;
	transform:translateX(-50%);
  }
  100% {
	opacity:1;
	transform:translateX(0);
  }
}

.visual-slide .visual-txt h2 {font-size:43px;font-weight:600;color:#fff;margin-bottom: 15px;}
.visual-slide .visual-txt p {font-size:23px; font-weight:300; color:#fff; opacity:.9;}
.visual-slide .visual-txt p.mob{display: none;}
.visual-slide .more-btn {position:relative;display:block;width:100%;max-width:184px;height:54px;line-height:54px;text-align:center;margin: 55px 0 40px 0;font-family:'Play', sans-serif;font-size:16px;letter-spacing:0.5px;color:#fff;overflow: hidden;}
.visual-slide .more-btn i {font-size:10px; color:#fff; margin-left:15px; line-height:54px;}
.visual-slide .more-btn:before {content:'';display:block;box-shadow: inset 1px 1px 0 0 #fff;width: 100%;height: 60%;position: absolute;top: 0;left: 0; transition:.3s ease;}
.visual-slide .more-btn:after {content:'';display:block;box-shadow: inset -1px -1px 0 0 #fff;width: 100%;height: 60%;position: absolute;bottom: 0; right: 0; transition:.3s ease;}
.visual-slide .more-btn:hover:before,
.visual-slide .more-btn:hover::after {height:100%;}
.visual-slide .visual-des-txt { position: absolute; bottom: 23%;}
.swiper-progress-bar .slide_progress-bar {
    position: absolute;
    height: 1px;
    background: rgb(255 255 255 / 30%);
    width: auto;
    clear: both;
    opacity: 0;
    bottom:50%;
    left: 0;
    right: 0;
}

.swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 50%;
    left: 0;
    background: #fff;
    height: 100%;
    width: 0;
    content: "";
}

.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after {
    transition: width linear;
    transition-delay: unset;
    width: 100%;
    transition-duration: 4s;
}

/*txt-ani*/
.main #header {border-bottom:none; box-shadow:1px 1px 5px rgba(0,0,0,0.05);}
.main .des-txt {position:absolute;top:0;left: 10%;width: 100%;height: 216px;transform: translateX(-50%) rotate(90deg);}
.mq-style01 {font-family:'Play', sans-serif;font-size: 162px;font-weight:bold;color:#f2f2f2;text-transform: uppercase;width: 100%; white-space:nowrap;}
.mq-style02 {font-family:'Play', sans-serif;font-size: 162px;font-weight:bold;color:#eaeaea;text-transform: uppercase;width: 100%; white-space:nowrap;}
.mq-style03 {font-family:'Play', sans-serif;font-size: 162px;font-weight:bold;color:#fff; text-shadow:0 0 2px #c0a355; text-transform: uppercase;width: 100%; white-space:nowrap;}
.mq-style04 {font-family:'Play', sans-serif;font-size: 162px;font-weight:bold;color:#383021; text-shadow:0 0 2px #fff; text-transform: uppercase;width: 100%; white-space:nowrap;}

/*main-contents*/
.main .section {padding-top:103px;}
.main .section.footer {padding-top:0;}
.main-tit {margin-bottom: 60px;}
.main-tit h2 {font-size:42px; font-weight:400; color:#1f1f1f; margin-bottom:22px;}
.main-tit span {font-size:42px; font-weight:500;}
.main-tit p {font-size:22px; color:#626262;}
.main-tit2 {text-align:right;margin-bottom: 50px;}
.main-tit2 h2 {position:relative; font-family:'Play', sans-serif; font-size:60px; font-weight:bold; letter-spacing:0.8px; line-height:normal;  margin-bottom:15px; color:#fff; margin-bottom:px;}
.main-tit2 h2:after {content: '';  display: inline-block;  width: 12px; height: 12px;  box-shadow: inset 0 0 0 3px #c0a355; vertical-align: top; margin-left: 3px;}
.main-tit2 p {font-size:23px; font-weight:300; color:#fff; opacity:.8;}
.main-tit3 {text-align:center; margin-bottom:90px;}
.main-tit3 h2 {position:relative; font-family:'Play', sans-serif; font-size:60px; font-weight:bold; line-height:normal; letter-spacing:0.8px; margin-bottom:15px;  color:#fff; }
.main-tit3 h2:after {content: '';  display: inline-block;  width: 12px; height: 12px;  box-shadow: inset 0 0 0 3px #c0a355; vertical-align: top; margin-left: 3px;}
.main-tit3 p {font-size:23px; font-weight:300; color:#fff; opacity:.8;}

.main .section01 {position:relative; padding-top:0;}
.main .section02 {position:relative; }
.main .section02:before {content:'';display:block;width: 32%;height:100%;background: url('/images/main_bg02.jpg')no-repeat center right;position:absolute;top:0;right:0;background-size: cover;}
.main .section02 .cont-a {width:50%;padding: 100px 0;padding-right: 5%;}
.main .section02 .img-sec {width:50%;max-width:741px;position:absolute;top: 52%;right: 10%;transform: translateY(-50%);}
.board-slide { height: 351px; overflow: hidden; position:relative;}
.board-slide .swiper-wrapper {height:351px; }
.board-slide .swiper-button-prev {left:auto; right:37px;}
.board-slide .ctrl-inner {position:relative; overflow:hidden;margin-bottom:15px;}
.board-slide .ctrl-inner .title {float:left;}
.board-slide .ctrl-inner .btn-align {float:right; position:relative; margin-top:6px;}
.board-slide .ctrl-inner .btn-align span {
    font-weight: 300;
    color: #ddd;
    position: absolute;
    top: -3px;
    right: 23px;
}
.board-slide .title h3 {
    font-family: 'Play', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #1a1a1a;
    letter-spacing: 0.5px;
    padding-bottom: 16px;
}
.board-slide .swiper-slide {
    border-bottom: 1px solid #dddddd;
    padding: 20px 2%;
    height: auto!important;
}
.board-slide .swiper-slide:first-child {border-top:1px solid #dddddd;}
.board-slide .swiper-slide a {display:block;}
.board-slide .bbs-subject { display: flex; margin-bottom: 10px;}
.board-slide .bbs-subject p {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#313131;
}
.board-slide .bbs-subject .bbs-date {
    width: 20%;
    text-align: right;
    padding-left: 5%;
    color: #959595;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.board-slide .bbs-repl {padding-left:22px; position:relative;}
.board-slide .bbs-repl:before {content:'└'; display:block; color:#c0a355; position:absolute; top:5px; left:0;}
.board-slide .bbs-repl .re-lb {display:inline-block; border-radius:50px; color:#fff; padding:0 10px; margin-right:6px;}
.board-slide .bbs-repl  p {display:inline-block; color:#666666;}
.board-slide .bbs-repl .re-lb.bg01 {background:#c0a355;}
.board-slide .bbs-repl .re-lb.bg02 {background:#464646;}
.main .section03 {position:relative; background:#f7f7f7; overflow:hidden;}
.main .section03:before {content:'';display:block;width: 59.2%;height:498px;background:#383021;position:absolute;top:0;right:0;}
.service-list {display: flex;align-items: center;justify-content: center;margin-bottom:80px;position: relative;}
.service-list li {width: 29.5%;margin-right: 5%;transform: translateY(50px); transition:.5s ease;}
.service-list li:nth-child(2) {transform: translateY(0);}
.service-list li:last-child {margin-right:0;}
.service-list li h3 {font-size:23px; font-weight:600; color:#313131; margin-bottom:15px;}
.service-list li p {font-size:16px; color:#626262;}
.service-list li .img-sec {position:relative; background-position:center;background-repeat:no-repeat;background-size:cover;padding-bottom: 79%;margin-bottom: 40px;box-shadow:  5px 5px 12px rgba(0,0,0,0.15);}
.service-list li .img-sec.bg01 {background-image:url('/images/sv_img01.jpg');}
.service-list li .img-sec.bg02 {background-image:url('/images/sv_img02.jpg');}
.service-list li .img-sec.bg03 {background-image:url('/images/sv_img03.jpg');}
.service-list li .img-sec:before {
	content:'';
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 0 #c0a355;
    opacity: 0;
    pointer-events: none;
    transition: .5s ease;
    position: absolute;
    top: 0;
    left: 0;
}
.service-list li:hover .img-sec:before {opacity:1;box-shadow: inset 0 0 0px 6px #c0a355;}
.main .section04 {background:url('/images/main_bg04.jpg')no-repeat center; background-size:cover; position:relative; }
.info-list {display:flex; margin-bottom:100px;}
.info-list li {width:33%; padding:0 4%; text-align:center;}
.info-list li img {margin-bottom:40px;}
.info-list li .info-cont {}
.info-list li .info-cont h4 {font-size:23px; font-weight:500; color:#fff; margin-bottom:10px;}
.info-list li .info-cont p {font-weight:300; color:#fff; opacity:.8;}
.main .section04 .partners {background:#fff; width:100%; position:absolute; bottom:0; padding:20px 0;}
.main .section04 .partners .swiper-container {max-width:1200px; margin:0 auto; }
.main .section04 .partners .swiper-button-next, .main .section04 .partners .swiper-button-prev {display:none;}
.main .section04 .partners .swiper-slide {text-align:center;}
.bg-line {position:absolute;display:flex;top:0;left:50%;transform:translateX(-50%);width:100%;height: 100%;max-width:1200px;}
.bg-line span {width:33%; border-left: 1px solid rgba(255,255,255,0.2);}
.bg-line span:last-child {border-right: 1px solid rgba(255,255,255,0.2);}


@media all and (max-width:1500px) {
	.main .section02 {padding:100px 4%;}
	.main .section02 .img-sec {width:45%; right:0;}

}

@media all and (max-width:1200px) {
	/*main-visual*/
	.visual-slide {padding-left:0;}
	.visual-slide,
	.visual-slide .swiper-container  {min-height:550px; height:55vh;}
	.visual-slide .slide-bg {min-height:550px;height:55vh;}
	.visual-slide .left-bg {width:47%;}
	.visual-slide .visual-txt {margin-top:105px; padding:60px 12%;}
	.visual-slide .ceo-img {left:15%;max-height:80%;}
    .visual-slide .more-btn { margin-top:35px;}
    .visual-slide .visual-txt h2 { font-size:38px;}
    .visual-slide .visual-txt p { font-size:20px;}
	.visual-slide .visual-des-txt {bottom:0;}
	.visual-slide .ctrl-wr {width:47%;}

	/*main-contents*/
	.main-tit3 {margin-bottom:50px;}
	.main .section02 .cont-a {padding:0;}
	.main .section02 .img-sec {top:70px; transform:translateY(0);}
	.main .section03 {padding:100px 6%;}
	.main .section03:before {height:430px;}
	.main .section04 {padding:100px 0 150px 0;}

}

@media all and (max-width:768px) {
	/*main-visual*/
	.visual-slide .visual-txt h2 {font-size:33px; line-height:normal;}
	.visual-slide .visual-txt p {font-size:17px;}
	.visual-slide .swiper-pagination, .visual-slide .swiper-pagination span {font-size:13px;}
	.visual-slide .swiper-button-next i, .visual-slide .swiper-button-prev i {font-size:12px;}
	.visual-slide .more-btn {height:47px; line-height:47px; font-size:14px;}
	/*txt-ani*/
	.mq-style01, .mq-style02, .mq-style03, .mq-style04 {font-size:95px;}

	/*main-contents*/
	.main-tit2 h2, .main-tit3 h2 {font-size:50px;}
	.main-tit p, .main-tit2 p, .main-tit3 p {font-size:18px;}
	.main-tit h2, .main-tit span {font-size: 30px;}
	.info-list li img {margin-bottom:20px;}
	.info-list li .info-cont h4 {font-size:18px;}
	.info-list li .info-cont p {font-size:13px;}
	.service-list {margin-bottom:40px;}
	.service-list li h3 {font-size:18px; margin-bottom:8px;}
	.service-list li p {font-size:14px;}
	.main .section02 .cont-a {width:100%;}
	.main .section02 .cont-a .main-tit {width:50%; margin-bottom:165px;}
	.board-slide p  {font-size:14px;}
	.board-slide .title h3 {font-size:20px;}
	.main .section03:before {height:50%;}
}

@media all and (max-width:500px) {
	/*main-visual*/
	.visual-slide,
	.visual-slide .swiper-container  {min-height:auto;height:100vh;}
	.visual-slide .slide-bg {min-height:auto;height:100vh;}
	.visual-slide .slide-bg.bg01 {background-image:url('/images/visual01_m.jpg');}
	.visual-slide .slide-bg.bg02 {background-image:url('/images/visual02_m.jpg');}
	.visual-slide .slide-bg.bg03 {background-image:url('/images/visual03_m.jpg');}
	.visual-slide .slide-bg.bg04 {background-image:url('/images/visual04_m.jpg');}
	.visual-slide .left-bg {width:100%; height:50vh; bottom:0;}
	.visual-slide .visual-txt {margin-top:0;padding:50px 8%; text-align:center;}
	.visual-slide .visual-txt h2 {font-size:27px; margin-bottom:8px;}
	.visual-slide .visual-des-txt {bottom:auto; top:0;}
	.mq-style04 {font-size:70px;}
	.visual-slide .ceo-img {width:53%; left:auto; right:7%; bottom:50%;}
	.visual-slide .more-btn { margin:30px auto;}
	.visual-slide .ctrl-wr {width:100%; padding:10px 30px; justify-content:center;}
	.visual-slide .progress-inner {width:42%;}

	.visual-slide .visual-txt p.pc{display: none;}
	.visual-slide .visual-txt p.mob{display: block;}

	/*main-contents*/
	.main-tit h2, .main-tit span {font-size:25px;}
	.main-tit2 {text-align:center;}
	.main-tit2 h2, .main-tit3 h2 {font-size:35px;}
	.main-tit p, .main-tit2 p, .main-tit3 p {font-size:16px;}
	.info-list {display:block;}
	.info-list li {width:100%; margin-bottom:45px;}
	.info-list li:last-child {margin-bottom:0;}
	.info-list li .info-cont h4 {font-size:16px;}
	.info-list li .pc-b {display:block;}
	.main .section02:before {width:100%; height:25%;}
	.main .section02 .cont-a .main-tit {width:100%; margin-bottom:40px; padding-top:340px;}
	.main .section02 .img-sec {width:90%; left:50%; transform:translateX(-50%);}
	.board-slide {height:329px;}
	.board-slide .title h3 {font-size:18px;}
	.board-slide .bbs-subject p {width:70%:}
	.board-slide .bbs-subject .bbs-date {width:30%;}
	.main .section03:before {width:100%; height:300px;}
	.bg-line {display:none;}
	.service-list {display:block;}
	.service-list li {width:100%; transform:none; margin-bottom:50px;}
	.service-list li .img-sec {padding-bottom:60%; margin-bottom:20px;}

}

@media all and (max-width:320px) {
	.main .section02 .cont-a .main-tit {padding-top:280px;}
}

/***************  sub  ***************/

/* sub-visual */
.sub-visual {position:relative; width:100%; height:580px; box-sizing:border-box; }
.sub-visual:before {
	content:'';
	display:block;
	width:98%;
	max-width:1842px;
	height:90%;
	position:absolute;
	bottom:0;
	left:0;
	background:#383021;
	animation-name: svisual_ani;
	animation-duration:1s;
	animation-iteration-count:1;
}
@-webkit-keyframes svisual_ani {
  0% {
   width:0;
   max-width:0;
  }
  100% {
   width:98%;
   max-width:1842px;
  }
}
.s-visual {
	width:98%;
	float:right;
	position:relative;
	max-width:1842px;
	height:504px;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
}
.s-visual.bg01 {background-image:url('/images/s_visual01.jpg');}
.s-visual.bg02 {background-image:url('/images/s_visual02.jpg');}
.s-visual.bg03 {background-image:url('/images/s_visual03.jpg');}
.s-visual.bg04 {background-image:url('/images/s_visual04.jpg');}
.s-visual.bg05 {background-image:url('/images/s_visual05.jpg');}
.s-visual.bg06 {background-image:url('/images/s_visual06.jpg');}
.s-visual.bg07 {background-image:url('/images/s_visual07.jpg');}
.sub-visual-tit {
	width:100%;
	max-width:1200px;
	height: 100%;
	margin:0 auto;
	text-align:center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	animation-name: svisual_ani2;
	animation-duration:2s;
	animation-iteration-count:1;
}
@-webkit-keyframes svisual_ani2 {
  0% {
	opacity:0;
	margin-top:100px;
  }
  100% {
	opacity:1;
	margin-top:0;
  }
}

.sub-visual-tit h1 {position:relative;font-size:36px;font-weight:600;color:#fff;padding-left: 12px;}
.sub-visual-tit h1:after {content:'';display: inline-block;width:12px;height:12px;box-shadow:inset 0 0 0 3px #c0a355;vertical-align: top;margin-left: 3px;}
.sub-visual-tit p {font-family:'Play', sans-serif; font-weight:bold; font-size:16px; text-transform:uppercase;  letter-spacing:1px; color:#fff;}

/*sub-menu*/
.snb {position:absolute;bottom: 0;width:100%;z-index: 5;}
.snb .snbWrap{position:relative;display: flex;justify-content: center;}
.snbWrap a.home{position:relative;display:block;float:left;width: 66px;height: 76px;background: url('/images/home_icon.png') 50% 50% no-repeat;text-indent:-9999px;}
.snbWrap a.home:after {content:'';position:absolute;top:50%;right:0;width:1px;height:34px;margin-top:-17px;background:rgba(255, 255, 255, .3);}
.snbWrap .snbList > li{float:left;position:relative;width: 23%;min-width: 250px;height: 76px;list-style:none;}
.snbWrap .snbList > li > .currentMenu{width:100%;height: 76px;background:none;text-align:left;outline:none;}
.snbWrap .snbList > li > .currentMenu:after{content:'';position:absolute;top:50%;right:10px;width:25px;height:25px;margin-top:-13px;background:url('/images/lnb_arr_on.png') 50% 50% no-repeat;transition:all .3s;}
.snbWrap .snbList > li > .currentMenu span{display:block;padding: 10px 30px;font-size: 16px;color: #fff;}
.snbWrap .snbList > li.on > .currentMenu:after{transform:rotate(-180deg); background:url('/images/lnb_arr_on.png') 50% 50% no-repeat;}
.snbWrap .snbList > li.active > .currentMenu:after { background:url('/images/lnb_arr_on.png') 50% 50% no-repeat; }
.snbWrap .snbList > li.active > .currentMenu span {color: #fff;}
.snbWrap .snbList > li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:34px;margin-top:-17px;background:rgba(255, 255, 255, .3);}
.snbWrap .snbList > li > ul{display:none;position:absolute;top: 76px;width:100%;padding: 10px 15px;background: #f7f7f7;border: 1px solid #dddddd;box-shadow: 0 0 10px rgba(0,0,0,0.08);border-top: none;z-index:15;/* list-style:none; */}
.snbWrap .snbList > li > ul.open {display:block;}
.snbWrap .snbList > li > ul > li a{position:relative;display:block;padding: 10px;border-top: solid 1px #dddddd;font-size: 15px; font-weight:600; color: #565656;transition:all .3s;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;}
.snbWrap .snbList > li > ul > li:first-child a{border-top:0;}
.snbWrap .snbList > li > ul > li.on a,
.snbWrap .snbList > li > ul > li a:hover{color:#c0a355;}

@media all and (max-width:1200px) {

	/* sub-visual */
	.sub-visual:before {width:100%; height:100%;}
	.s-visual {width:100%;}

	/*footer*/
	.sec-footer {padding:50px 5%;}
	.sec-footer h1 {float:none; display:block; text-align:center; margin-bottom:25px;}
	.sec-footer .foot-cont {text-align:center; float:none; margin-left:0;}
	.sec-footer .foot-info, .sec-footer .copy {text-align:center;}
	.sec-footer .sns-link {float:none; width:100%; display:block; text-align:center; padding:25px 0 5px 0; overflow:hidden; }


}

@media all and (max-width:800px) {
	.mb-b {display:block;}
}

@media all and (max-width:640px) {

	/* sub-visual */
	.sub-visual {height:348px;}
	.s-visual {height:295px;}
	.sub-visual-tit h1 {font-size:24px;}
	.sub-visual-tit p {font-size:10px;}

	/*sub-menu*/
	.snbWrap a.home, .snbWrap .snbList > li.pathDepth1 {display:none;}
	.snbWrap .snbList > li,
	.snbWrap .snbList > li > .currentMenu  {width:100%; min-width:280px; height:53px;}
	.snbWrap .snbList > li > .currentMenu {border-bottom:1px solid rgba(255,255,255,0.2);}
	.snbWrap .snbList > li:after {display:none;}
	.snbWrap .snbList > li > .currentMenu span {padding-left:20px; font-size:15px;}
	.snbWrap .snbList > li > ul > li a {font-size:13px;}
	.snbWrap .snbList > li > ul {top:53px;}

	/* footer */
	.sec-footer .foot-cont {float:none; text-align:center; margin-left:0;}
	.sec-footer .foot-link li a {font-size:13px;}
	.sec-footer h1 {width:40%; margin:0 auto 20px;}
	.sec-footer .foot-info p {font-size:12px;}
	.sec-footer .copy, .sec-footer .copy span {font-size:12px;}

	.sub4_01 .cont-b .icon-list li:nth-child(2) .pc-b {display:block;}
	.sub4_01 .cont-b .icon-list li:nth-child(4) .pc-b {display:block;}
}



/* contents */
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}
.sub-tit {margin-bottom:100px; display:flex;}
.sub-tit h2, .sub-tit span {width: 40%;margin-right:5%;font-size:34px;color:#1f1f1f;}
.sub-tit2 {margin-bottom:45px; font-size:30px; color:#1f1f1f;}
.sub-tit2 span {font-size:30px;}
.sub-tit3 {margin-bottom:40px; font-size:34px; color:#1f1f1f;}
.sub-tit3 span {font-size:34px; color:#1f1f1f;}
.sub-tit4 {text-align:center; margin-bottom:40px;}
.sub-tit4 h2 {font-family:'Play', sans-serif;  font-size:36px; font-weight:bold; color:#1a1a1a;}
.sub-tit4 p {font-size:18px; color:#626262;}
.sub-tit p {width: 60%;font-size:18px;color:#626262;}
.txt-list {text-align:left;}
.txt-list li {position:relative; padding-left:15px; margin-bottom:13px;}
.txt-list li:before {position:absolute; top:9px; left:0; content:''; display:block; width:6px; height:6px; background:#c0a355; }
.cont-sec {padding-bottom:150px;}
.cont-txt p {font-size:18px; line-height:1.7;}
.nb-list li {display:flex; margin-bottom:15px;}
.nb-list li span {font-family:'Play', sans-serif; font-weight:bold; color:#c0a355; margin-right:8px;}
.en-tit {font-family:'Play', sans-serif; font-size:20px; font-weight:bold; color:#c0a355; letter-spacing:0.8px; margin-bottom:15px;}
.tab-menu { display: block; margin-bottom: 70px;text-align: center;}
.tab-menu li {position:relative; cursor:pointer; color:#5e5e5e;display: inline-block;min-width: 186px;height: 54px;line-height: 54px;text-align: center;font-size: 18px; margin-right:10px;}
.tab-menu li a {display:block; line-height:54px;}
.tab-menu li:last-child {margin-right:0;}
.tab-menu li:before {pointer-events:none; content:'';display:block;box-shadow: inset 1px 1px 0 0 #5e5e5e;width: 100%;height: 60%;position: absolute;top: 0;left: 0; transition:.3s ease;}
.tab-menu li:after {pointer-events:none; content:'';display:block;box-shadow: inset -1px -1px 0 0 #5e5e5e;width: 100%;height: 60%;position: absolute;bottom: 0; right: 0; transition:.3s ease;}
.tab-menu li.on a,
.tab-menu li:hover a {color:#c0a355;}
.tab-menu li.on:before{box-shadow: inset 2px 2px 0 0 #c0a355;}
.tab-menu li:hover::before {box-shadow: inset 2px 2px 0 0 #c0a355; height:100%;}
.tab-menu li.on:after{box-shadow: inset -2px -2px 0 0 #c0a355;}
.tab-menu li:hover::after {box-shadow: inset -2px -2px 0 0 #c0a355; height:100%;}
.mg100 {margin-bottom:100px;}

/*des-txt*/
.txt-ani { animation-name: text_ani; animation-duration: 5s;  animation-iteration-count: 1;}
@-webkit-keyframes text_ani {
  0% {
	transform: translateX(100%);
	animation-duration: 10s;
  }
  100% {
	transform: translateX(-100%);
	animation-duration: 5s;
  }
}

/* table style*/
.table-wr {overflow-x: auto; white-space: nowrap; margin-bottom: 3em;  padding-bottom:10px;}
.tb-style01 {width:100%; border-top:1px solid #7a7157;}
.tb-style01 th {padding:15px; background:#f8f8f8; font-weight:600; color:#3c3c3c; border-bottom:1px solid #dddddd;}
.tb-style01 td {padding:15px; color:#626262; border-bottom:1px solid #dddddd; text-align:center;}
.tb-style01 td.bd-right {border-right:1px solid #dddddd;}
.tb-style01 .bd-none {border-bottom:none;}

/*btn-style*/
.down-btn {font-family:'Play', sans-serif; display:block; max-width:185px; height:54px; line-height:54px; text-align:center; letter-spacing:1px; color:#1f1f1f; margin:0 auto; position:relative; }
.down-btn i {line-height:54px; margin-left:10px;}
.down-btn:before {content:'';display:block;box-shadow: inset 1px 1px 0 0 #1f1f1f;width: 100%;height: 60%;position: absolute;top: 0;left: 0; transition:.3s ease;}
.down-btn:after {content:'';display:block;box-shadow: inset -1px -1px 0 0 #1f1f1f;width: 100%;height: 60%;position: absolute;bottom: 0; right: 0; transition:.3s ease;}
.down-btn:hover:before {height:100%;}
.down-btn:hover:after {height:100%;}

.inq-btn {display:block; max-width:185px; height:54px; line-height:54px; text-align:center; color:#c0a355; margin:0 auto; position:relative; }
.inq-btn i {line-height:54px; margin-left:10px; color:#c0a355;}
.inq-btn:before {content:'';display:block;box-shadow: inset 1px 1px 0 0 #c0a355;width: 100%;height: 60%;position: absolute;top: 0;left: 0; transition:.3s ease;}
.inq-btn:after {content:'';display:block;box-shadow: inset -1px -1px 0 0 #c0a355;width: 100%;height: 60%;position: absolute;bottom: 0; right: 0; transition:.3s ease;}
.inq-btn:hover:before {height:100%;}
.inq-btn:hover:after {height:100%;}

/* company-our value*/
.sub1_01.sub-sec {padding-bottom:0;}
.sub1_01 .cont-a {position:relative;}
.sub1_01 .cont-a .img-sec {width:45%; position:absolute; top:0; left:0; z-index:2;}
.sub1_01 .cont-a .des-txt {position:absolute; top:-50px; right:0; width:56%;}
.sub1_01 .cont-a .cont-txt { padding:120px 0; padding-left:50%; position:relative; z-index:2;}
.sub1_01 .cont-txt h2 {font-size:40px; font-weight:600; line-height:normal; letter-spacing:-1.5px; color:#1f1f1f; margin-bottom:40px;}
.sub1_01 .cont-txt h2 span {font-size:40px; color:#1f1f1f; letter-spacing:-1.5px;}
.sub1_01 .cont-a .cont-list li {position:relative; padding-left:15px; font-size:18px; margin-bottom:13px;}
.sub1_01 .cont-a .cont-list li:before {position:absolute; top:11px; left:0; content:''; display:block; width:6px; height:6px; background:#c0a355; }
.sub1_01 .cont-b {position:relative;}
.sub1_01 .cont-b .des-txt {position:absolute; bottom:0; left:0;}
.sub1_01 .cont-b .img-sec {width:45%; position:absolute; top:0; right:0; text-align:right; z-index:2;}
.sub1_01 .cont-b .cont-txt { padding:120px 0; padding-right:50%;  text-align:right; position:relative; z-index:2;}
.sub1_01 .cont-c {position:relative;}
.sub1_01 .cont-c .des-txt {position:absolute; bottom:100px; right:0;}
.sub1_01 .cont-c .img-sec {width:45%; position:absolute; top:0; left:0; z-index:2;}
.sub1_01 .cont-c .cont-txt { padding:160px 0; padding-left:50%; position:relative; z-index:2;}
.sub1_01 .cont-d {background:url('/images/cont_d_bg.png')no-repeat center #f7f7f7; position:relative;}
.sub1_01 .cont-d:before {content:''; display:block; width:100%; height:299px; background:#fff; position:absolute; bottom:0; left:0;}
.sub1_01 .cont-d .cont-txt {padding: 150px 0 300px 0;width: 47%;display:inline-block;}
.sub1_01 .cont-d .cont-txt h2, .sub1_01 .cont-d .cont-txt h2 span {font-size:34px;}
.sub1_01 .cont-d .img-sec {position:absolute;top:0;right: -13%;width: 70%;}
.sub1_01 .cont-e {background:url('/images/sub1_bg.jpg')no-repeat center;background-size:cover;padding: 110px 0;}
.sub1_01 .cont-e .slogan {position:relative;width: 80%;margin: 0 auto;text-align: center;padding: 50px 0;}
.sub1_01 .cont-e .slogan:before {content:''; display:block; width:84px; height:84px; box-shadow:inset 1px 1px 0 0 #fff; position:absolute; top:0; left:0; opacity:.8;}
.sub1_01 .cont-e .slogan:after {content:''; display:block; width:84px; height:84px; box-shadow:inset -1px -1px 0 0 #fff; position:absolute; bottom:0; right:0; opacity:.8;}
.sub1_01 .cont-e .slogan h2, .sub1_01 .cont-e .slogan h2 span {font-family:'Play', sans-serif;font-size:48px; color:#fff;}
.sub1_01 .cont-e .slogan p {font-size:18px; color:#fff; margin-top:15px;}


/* company-ceo */
.sub1_02 {position:relative; padding:0 0 150px 0;}
.sub1_02:before {content:'';display:block;width:90%;max-width:1670px;height: 57%;background:#f7f7f7;position:absolute;top:110px;left:0;}
.sub1_02 .ceo-msg {margin-top:100px;}
.sub1_02 .ceo-msg .inner {display:flex;}
.sub1_02 .ceo-msg .img-sec {width:45%; margin-right:5%;}
.sub1_02 .ceo-msg .cont-txt {width:50%;padding-top:220px;margin-bottom: 40px;}
.sub1_02 .ceo-msg .cont-txt .tit {margin-bottom:70px;}
.sub1_02 .ceo-msg .cont-txt .tit strong {font-family:'Play', sans-serif; font-size:20px; color:#c0a355; margin-bottom:20px; letter-spacing:0;}
.sub1_02 .ceo-msg .cont-txt .tit h2 {font-size:38px; font-weight:normal; color:#1f1f1f; margin-bottom:25px;}
.sub1_02 .ceo-msg .cont-txt .txt {position:relative; padding-left:98px;}
.sub1_02 .ceo-msg .cont-txt .txt:before {content:''; display:block; width:60px; height:3px; background:#c0a355; position:absolute; top:10px; left:0;}
.sub1_02 .ceo-msg .cont-txt .txt p {margin-bottom: 30px;}
.profile .inner {display:flex;}
.profile .img-sec {position:absolute; top:0; right:0; box-shadow:5px 10px 30px rgba(0,0,0,0.2); font-size:0;}
.profile .profile-list {padding-top: 240px;position: relative;}
.profile .profile-list:before {content:'';display:block;width:1px;height:488px;background:#dddddd;position:absolute;top: 122px;left:6px;}
.profile .profile-list li {font-size:18px;position:relative; padding-left:26px; margin-bottom: 12px;}
.profile .profile-list li:before {content:'';display:block;position:absolute;top: 11px;left:3px; background:#c0a355;width:7px;height:7px;}
.profile .profile-list li:last-child::before,
.profile .profile-list li:first-child::before {width:13px; height:13px; background:#fff; box-shadow:inset 0 0 0 3px #c0a355; top:7px; left:0; }

/* company-오시는길 */
.loaction .map-wr .root_daum_roughmap, .root_daum_roughmap .wrap_map {width:100%; height:557px!important;}
.wrap_controllers {display:none;}
.contact-info { display:flex; border-top:2px solid #c1a156; border-bottom:1px solid #dddddd; padding:50px 2%; margin-bottom:70px;}
#map02 .contact-info {margin-bottom:0;}
.contact-info h2 {width:45%; margin-right:5%; font-size:28px; color:#1a1a1a; word-break:keep-all;}
.contact-info ul {width:50%;}
.contact-info ul li {display:block; margin-bottom:25px; position:relative; padding-left:25px;}
.contact-info ul li:last-child {margin-bottom:0;}
.contact-info ul li i {position:absolute; top:3px; left:0; color:#bea749;}
.contact-info ul li strong {display:inline-block; font-family:'Play', sans-serif;color:#bea749; letter-spacing:0.2px;}
.contact-info ul li p {display:inline-block;}

/*company-운영철학*/
.sub1_03 .top-slogan {position:relative;}
.sub1_03 .des-txt {position:absolute; top:-50px; right:0; width:55%;}
.sub1_03 .top-slogan .img-sec {width:45%; position:absolute; top:0; left:0; z-index:2;}
.sub1_03 .top-slogan .cont {width:100%; padding:125px 0; padding-left:50%; position:relative; z-index:2;}
.sub1_03 .top-slogan .cont strong {font-family:'Play', sans-serif; font-size:20px; color:#c0a355; margin-bottom:40px; letter-spacing:0;}
.sub1_03 .top-slogan .cont h2 {font-size:36px; font-weight:400; color:#1f1f1f; margin-bottom:25px;}
.sub1_03 .top-slogan .cont h2 span {font-size:36px;  font-weight:600; color:#1f1f1f;}
.sub1_03 .top-slogan .cont p {font-size:23px; color:#1f1f1f;}
.sub1_03 .top-slogan .cont p span {font-size:23px; color:#1f1f1f; vertical-align:baseline; font-weight:600;}
.ph-list {margin-top:140px; border-top:1px solid #ececec;}
.ph-list .list {display:flex; padding:74px 4%; border-bottom:1px solid #ececec;}
.ph-list .list .tit {width:15%; margin-right:5%; font-size:20px; color:#979797;}
.ph-list .list .tit p {font-family:'Play', sans-serif;letter-spacing: 0.5px;}
.ph-list .list .tit strong {font-family:'Play', sans-serif;}
.ph-list .cont-list {width:85%;display: flex;}
.ph-list .cont-list .img-sec {width: 10%; margin-right: 3%;}
.ph-list .cont-list dl {width: 80%;}
.ph-list .cont-list dl dt {font-size: 27px; font-weight: 600; color: #1f1f1f; margin-bottom: 10px;}

/*sub2-가맹본부설립*/
.est-slide .swiper-slide {background-position:center;background-size:cover;background-repeat:no-repeat;height:480px;box-sizing:border-box;display: flex;justify-content: center;align-items: center;}
.est-slide .swiper-slide .wr {padding:0 5%;}
.est-slide .swiper-pagination-bullet {box-shadow:inset 0 0 0 3px #fff; margin:0 3px;}
.est-slide .swiper-pagination-bullet-active {box-shadow:inset 0 0 0 3px #c0a355;}
.est-slide .img-sec {margin:0 auto 30px;display:block;text-align: center;}
.est-slide .cont {text-align: center; }
.est-slide .cont strong {font-family:'Play', sans-serif; font-size:20px; color:#fff; text-decoration:underline; margin-bottom:10px;}
.est-slide .cont p {font-size:18px;  color:#fff;}
.est-slide .ctrl-inner {position:relative; margin-top:20px; width:100%; overflow:hidden;}
.est-slide .ctrl-inner .swiper-pagination {width:50%; float:left; text-align:left; padding-top:0;}
.est-slide .ctrl-inner .btn-align {width:50%; max-width:20px; float:right; position:relative;}
.est-slide .ctrl-inner .btn-align span {font-weight:300; color:#ddd; position:absolute; top:-3px; right:28px;}
.est-slide .swiper-button-next, .est-slide .swiper-button-prev {border:0; width:10px; height:15px; top:0; transform:none;}
.est-slide .swiper-button-prev {right:37px; left:auto; position:relative;}

/*sub2-설립실적*/
.sub2_02 {padding-top:130px;}
.sub2_02 .sub-tit {display:block;text-align:center;}
.sub2_02 .sub-tit h2 {width:100%; display:block; margin-bottom:.6em;}
.sub2_02 .sub-tit span {width:auto; margin-right:0;}
.sub2_02 .sub-tit p {width:auto; display:block;}
.partners {
    display: block;
    text-align: center;
	background:#f7f7f7;
}

 .partners .logo{
  width: 110px;
  height: 110px;
  border-radius:50%;
  overflow: hidden;
  background: #fff;
  margin:10px auto;
  display:flex;
  justify-content:center;
  align-items:center;
}

.box{
  box-sizing:border-box;
  width:16.667%;
}
.box__even{
  width:16.7%;
}

.container {
  display:flex;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap:wrap;
  justify-content:center;
  box-sizing:border-box;
}

/*sub3-정보공개서신규등록*/
.sub3_01 .cont-a {position:relative;}
.sub3_01 .des-txt {position:absolute; top:-60px; right:0; width:56%;}
.sub3_01 .cont-a .img-sec {width:45%; position:absolute; top:0; left:0; z-index:2;}
.sub3_01 .cont-a .cont-txt {width:100%; padding:105px 0; padding-left:50%; position:relative;  z-index:2;}
.sub3_01 .cont-a .cont-txt p {width:55%; margin-bottom:30px;}
.sub3_01 .cont-b {padding:130px 0; background:url('/images/sub3_bg.jpg')no-repeat center #f7f7f7; background-size:cover;}
.sub3_01 .cont-c {background:url('/images/sub3_bg2.jpg')no-repeat center;background-size:cover;padding: 110px 0;}
.sub3_01 .cont-c .slogan {position:relative;width: 80%;margin: 0 auto;text-align: center;padding: 50px 0;}
.sub3_01 .cont-c .slogan:before {content:''; display:block; width:84px; height:84px; box-shadow:inset 1px 1px 0 0 #fff; position:absolute; top:0; left:0; opacity:.8;}
.sub3_01 .cont-c .slogan:after {content:''; display:block; width:84px; height:84px; box-shadow:inset -1px -1px 0 0 #fff; position:absolute; bottom:0; right:0; opacity:.8;}
.sub3_01 .cont-c .slogan h2, .sub3_01 .cont-c .slogan h2 span {font-size:30px;color: #fff;}
.sub3_01 .cont-c .slogan p {font-size:18px;font-weight: 300;margin-top: 30px;color: #fff;opacity: .9;}
.sub3_01 .cont-d {background:#f7f7f7;}
.sub3_01 .cont-d .sub-tit2 {text-align:center;}
.img-list {width:100%; display:block; margin:0 auto; text-align:center;}
.img-list li {width:calc(16% - 1.14em); display:inline-block;  margin:0 1% 20px 1%;}

/*sub3-정보공개서변경등록*/
.sub3_02 .cont-a {position:relative; padding:0 0 130px 0;}
.sub3_02 .cont-a:before {content:''; display:block; width:100%; height:343px; background:#f7f7f7; position:absolute; bottom:0; left:0;}
.sub3_02 .cont-b {padding:130px 0;}
.sub3_02 .cont-b .sub-tit2 {font-size:24px; margin-bottom:30px;}
.sub3_02 .cont-b .txt-list {margin:10px 20px;}
.sub3_02 .cont-b .txt-list li {padding-left:12px;}
.sub3_02 .cont-b .txt-list li:before {width:4px; height:4px; top:10px;}

/*sub3-가맹계약서작성*/
.sub3_03 .cont-a {position:relative;}
.sub3_03 .cont-a:before {content:''; display:block; width:30%; height:100%; background:#f7f7f7; position:absolute; bottom:0; left:0;}
.sub3_03 .cont-a .inner {display:flex;}
.sub3_03 .cont-a .img-sec {position:relative; width:33%; padding-right:30px; margin-right:5%;}
.sub3_03 .cont-a .img-sec img {width:100%; margin-bottom:30px;}
.sub3_03 .cont-a .img-sec img:first-child::before {content:''; display:block; width:60px; height:3px; background:#c0a355; position:absolute; top:20px; right:0;}
.sub3_03 .cont-a .cont-txt {width:67%; }
.sub3_03 .cont-c {background:url('/images/sub3_bg3.jpg')no-repeat center;background-size:cover;padding: 110px 0;}
.sub3_03 .cont-c .slogan {position:relative;width: 80%;margin: 0 auto;text-align: center;padding: 50px 0;}
.sub3_03 .cont-c .slogan:before {content:''; display:block; width:84px; height:84px; box-shadow:inset 1px 1px 0 0 #fff; position:absolute; top:0; left:0; opacity:.8;}
.sub3_03 .cont-c .slogan:after {content:''; display:block; width:84px; height:84px; box-shadow:inset -1px -1px 0 0 #fff; position:absolute; bottom:0; right:0; opacity:.8;}
.sub3_03 .cont-c .slogan h2 {font-size:30px;color: #fff; font-weight:400;}
.sub3_03 .cont-c .slogan h2 span {font-size:30px; font-weight:600; color: #fff;}
.sub3_03 .cont-c .slogan p {font-size:18px;font-weight: 300;margin-top: 30px;color: #fff;opacity: .9;}

/*sub4-가맹점모집대행*/
.sub4_01 .tit-sec {
    position: absolute;
    top: 100px;
    right: 0;
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 70px;
}
.sub4_01 .tit-sec h2 {font-size:36px; font-weight:600; color:#fff; margin-bottom:15px;}
.sub4_01 .tit-sec p {font-size:20px; font-weight:300; color:#fff; opacity:.8;}
.sub4_01 .cont-a {margin-top:130px;}
.sub4_01 .cont-a, .sub4_01 .cont-b, .sub4_01 .cont-c {position:relative;overflow: hidden;}
.sub4_01 .cont-a .top-img-sec {position:absolute; top:0; left:0; width:48%; height:673px; background:url('/images/sub4_bg01.jpg')no-repeat center; background-size:cover;}
.sub4_01 .cont-b .top-img-sec {position:absolute; top:0; right:0; width:48%; height:673px; background:url('/images/sub4_bg02.jpg')no-repeat center; background-size:cover;}
.sub4_01 .cont-c .top-img-sec {position:absolute; top:0; left:0; width:48%; height:673px; background:url('/images/sub4_bg03.jpg')no-repeat center; background-size:cover;}
.sub4_01 .cont-a .tit-sec {background:#262626;}
.sub4_01 .cont-b .tit-sec {background:#7a7157; left:0; text-align:right;}
.sub4_01 .cont-c .tit-sec {background:#383021;}
.sub4_01 .icon-list {width: 100%;position:relative;padding-top: 429px;padding-left: 15%;float: right;}
.sub4_01 .icon-list ul {background:#fff;padding: 100px 60px;width: 85%;}
.sub4_01 .icon-list ul li {display: inline-block; width: calc(50% - 4em); margin-right: 8%; margin-bottom: 70px;}
.sub4_01 .icon-list ul li:nth-child(2n) {margin-right:0;}
.sub4_01 .icon-list ul li .img-sec {margin-bottom:30px;}
.sub4_01 .cont-txt .nb {font-family:'Play', sans-serif; font-weight:bold; color:#999999; border-bottom:1px solid #999999; margin-bottom:10px;}
.sub4_01 .cont-txt h3 {font-size:24px; color:#1a1a1a; margin-bottom:20px;}
.sub4_01 .cont-txt p {font-size:16px; color:#626262;}


/*sub5-분쟁처리절차*/
.sub5_01 .des-txt {position:absolute;width: 100%;right:0;bottom:0;overflow:hidden;}
.sub5_01 .des-txt span {font-family:'Play', sans-serif; font-size:190px; font-weight:bold;  color:#f5f5f5; white-space:nowrap;}
.sub5_01 .cont-a {position:relative;}
.sub5_01 .cont-a .inner {display:flex;z-index: 2;}
.sub5_01 .cont-a .img-sec {width:45%; margin-right:5%;}
.sub5_01 .cont-a .cont-txt {width:50%; display:flex;  flex-direction: column; justify-content: center; position:relative; z-index:2;}
.mouse {
	position: relative;
	display: block;
	width: 22px;
	height: 35px;
	margin: 70px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #c0a355;
	border-radius: 20px;
}
.mouse span {
	position: absolute;
	display: block;
	top:29%;
	left:50%;
	width:6px;
	height:6px;
	margin:-3px 0 0 -3px;
	background: #c0a355;
	border-radius:50%;
	animation-name: mouse_ani;
	animation-duration:1s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes mouse_ani {
  0% {
	top:0;
	opacity:.3;
  }
  50% {
	top:50%;
	opacity:1;
  }
  100% {
	top:100%;
	opacity:0;
  }
}
.sub5_01 .cont-a .cont-txt .tit {margin-bottom:40px;}
.sub5_01 .cont-a .cont-txt .tit strong {font-family:'Play', sans-serif; font-size:20px; font-weight:bold; color:#c0a355!important; border:0;}
.sub5_01 .cont-a .cont-txt .tit h2, .sub5_01 .cont-a .cont-txt .tit h2 span {font-size:38px; color:#1f1f1f;}
.sub5_01 .cont-b, .sub5_01 .cont-d {display:flex;}
.sub5_01 .cont-d {padding-bottom:0;}
.sub5_01 .cont-b .img-sec, .sub5_01 .cont-d .img-sec  {width:45%; margin-right:5%;}
.sub5_01 .cont-b .cont-txt, .sub5_01 .cont-d .cont-txt {width:50%; display:flex;  flex-direction: column; justify-content: center;}
.sub5_01 .cont-b .cont-txt .tit {margin-bottom:30px;}
.sub5_01 .tit strong {font-family:'Play', sans-serif; font-weight:bold; font-size:24px; color:#9b9b9b; border-bottom:1px solid #9b9b9b; margin-bottom:20px;}
.sub5_01 .cont-txt .tit h2, .sub5_01 .cont-txt .tit h2 span {font-size:34px; color:#1f1f1f;}
.sub5_01 .cont-c {position:relative;}
.sub5_01 .cont-c .img-sec {position:absolute; top:0; right:0; width:45%; margin-left:5%; text-align:right;}
.sub5_01 .cont-c .cont-txt {padding:132px 50% 172px 0; text-align:right;}
.sub5_01 .cont-c .cont-txt .tit {margin-bottom:30px;}
/*sub5-가맹분쟁 체크리스트*/
.sub5_02 .sub-tit {display:block;}
.sub5_02 .sub-tit h2,
.sub-tit p  {width:100%;}
.faq-wrap {border-top:1px solid #c0a355;}
.faq-wrap .tit {padding:22px 45px;}
.faq-wrap .tit i {position: absolute;top: 25px;right: 1em;color: #c0a355;width: 25px;height: 25px;text-align: center;line-height: 27px;}
.faq-wrap .tit {border-bottom: 1px solid #e1e1e1; color: #363636;background-color: #fff;cursor:pointer;position:relative;}
.faq-wrap .tit:before {content:'Q'; display:block; font-family:'Play', sans-serif; font-weight:bold; font-size:20px; color:#c0a355; line-height:22px; margin-right:9px; position:absolute; top:22px; left:22px;}
.faq-wrap .tit.on i {background:#c0a355;border-radius:50%;transform: rotate(180deg);transition:all .3s;color: #fff;top: 1.4em;right: 1em;}
.faq-wrap .cont {padding:22px 45px; background-color:#f7f7f7;font-weight: normal;font-size: 15px;display: none; position:relative;}
.faq-wrap .cont:before {content:'A'; display:block; font-family:'Play', sans-serif; font-weight:bold; font-size:20px; color:#c0a355; line-height:22px; margin-right:9px; position:absolute; top:22px; left:22px;}
.faq-wrap{width:100%;max-width:1200px;margin:0 auto;}

/*sub5-가맹계약진단서*/
.sub5_03 .cont-a {position:relative; display:flex;}
.sub5_03 .des-txt {position:absolute; top:-60px; right:0;}
.sub5_03 .cont-a .img-sec {width:45%; margin-right:5%; z-index:2;}
.sub5_03 .cont-a .cont-txt {position:relative; z-index:2; width:50%; display: flex; flex-direction:column; justify-content: center;}
.sub5_03 .cont-b p {font-size:18px; color:#1a1a1a; font-weight:600; margin-bottom:18px; }
.sub5_03 .cont-b .tb-style01 td {font-size:15px; padding:25px; text-align:left;}

/*sub5-가맹계약컨설팅*/
.sub5_04.sub-sec {padding-left:0; padding-right:0;}
.sub5_04 .des-txt {position:absolute; top:-65px; left:0;}
.sub5_04 .cont-a {position:relative; display:flex;}
.sub5_04 .cont-a .img-sec {width:45%; margin-left:5%; text-align:right; position:relative; z-index:2;}
.sub5_04 .cont-a .cont-txt {z-index:2; position:relative; width:50%; display: flex; flex-direction:column; justify-content: center; text-align:right;}
.sub5_04 .cont-b {position:relative; padding-top:120px;}
.sub5_04 .cont-b .inner {display:flex;}
.sub5_04 .cont-b:before {content:''; display:block; width:100%; height:56%; background:#f7f7f7; position:absolute; top:0; left:0;}
.sub5_04 .cont-b .process01 {width:50%; position:relative;}
.sub5_04 .cont-b .process01 .img-sec {position:absolute; top:0; left:0;}
.sub5_04 .cont-b .process01 .cont-txt {padding-top:623px;}
.sub5_04 .cont-b .process02 {width:50%; padding-left:5%;  position:relative;}
.sub5_04 .cont-b .process02 .sub-tit3 span {display:inline;}
.sub5_04 .cont-b .process02 .img-sec {position:absolute; bottom:0; right:0;}
.sub5_04 .cont-b .process02 .cont-txt {padding-bottom:623px;}

/*sub6-상표등록*/
.sub6_01 .cont-a .sub-tit {margin-bottom:0;}
.sub6_01 .cont-b {position:relative;}
.sub6_01 .cont-b .inner {overflow:hidden;}
.sub6_01 .cont-b:before {content:''; display:block; width:100%; height:80%; background:#f7f7f7; position:absolute; bottom:0; left:0;}
.sub6_01 .cont-b .sub-tit {padding-top:110px; z-index:2;}
.sub6_01 .cont-b .layout {display:flex; margin-top:100px;}
.sub6_01 .cont-b .des-txt {position:absolute;bottom: 7%;right:0;}
.sub6_01 .cont-b .layout .img-sec {width:30%;margin-right:5%;position: relative;z-index: 2;}
.sub6_01 .cont-b .sub-tit {width:60%; display:block;}
.sub6_01 .cont-b .sub-tit  h2 {margin-bottom:30px;}
.certificate {width:100%; display:flex;}
.certificate li {width:24%; margin:0 2%; text-align:center; vertical-align:top; }
.certificate li img {box-shadow:0 3px 10px rgba(0,0,0,0.2);}
.certificate li p {margin-top:20px;}

/*sub7-홈페이지제작*/
.sub7_01 .sub-tit h2 {width:30%;}
.sub7_01 .sub-tit span {margin-right:0; width:auto;}
.sub7_01 .cont-a {position:relative;}
.sub7_01 .cont-a:before {content:''; display:block; width:100%; height:219px; background:#f7f7f7; position:absolute; bottom:0; left:0;}
.sub7_01 .cont-b {background:#f7f7f7;}
.portfolio-wr {position:relative;}
.portfolio-wr .swiper-container {position:static; max-width:968px; padding:30px 0 0 0;}
.portfolio-wr .swiper-wrapper {margin-bottom:40px;}
.portfolio-wr .img-sec {border-radius:50%; background:#fff; width:140px; height:140px;position:relative; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.02);}
.portfolio-wr .img-sec img {position:absolute; width:46%; top:50%; left:50%; transform:translate(-50%, -50%);}
.portfolio-wr .swiper-slide {transition:.5s ease;}
.portfolio-wr .swiper-slide .gr-image {opacity:1;}
.portfolio-wr .swiper-slide .on-image {opacity:0;}
.portfolio-wr .swiper-slide-active {transform: scale(1.3);}
.portfolio-wr .swiper-slide-active .gr-image {opacity:0;}
.portfolio-wr .swiper-slide-active .on-image {opacity:1;}
.portfolio-wr .swiper-button-next, .portfolio-wr .swiper-button-prev {border-radius:0; width:35px; height:35px; top:50%;}
.portfolio-wr .swiper-button-prev:after, .portfolio-wr .swiper-button-next:after {display:none;}
.portfolio-wr .swiper-button-prev i, .portfolio-wr .swiper-button-next i {color:#9b9b9b;}
.b-cover-list {display:block; padding-left:28%;}
.b-cover-list li {display:inline-block; width:18%; margin-right:2%; margin-bottom:20px;}
.b-cover-list li img {border:1px solid #ececec;}
.b-cover-list li:nth-child(5n) {margin-right:0;}

/* css setting end */

/* media size setting start */
@media all and (max-width:1500px) {
	/*공통*/
	.sub-sec {padding:110px 4% 150px 4%;}
	.sub-tit {padding:40px 4%;}
	.sub-sec .sub-tit {padding:0;}
	.sub3_02 .cont-b {padding:110px 4%;}

	/*sub-company*/
	.sub1_01 .cont-a .cont-txt {padding:0 0 50px 50%;}
	.sub1_01 .cont-b .cont-txt {padding:0 50% 50px 0;}
	.sub1_01.sub-sec {padding-left:0; padding-right:0;}
	.sub-sec.sub1_02 {padding-top:0;}
	.sub1_02:before {width:100%;}
	.sub1_02 .ceo-msg .cont-txt {width:100%; padding-top:80px;}
	.profile .img-sec {width:40%;}
	.profile .profile-list:before {display:none;}
	.profile .profile-list {width:53%;}
	.sub1_01 .cont-d {padding:0 4%;}
	.sub1_01 .cont-d .img-sec {right:0; width:46%;}
	.sub1_01 .cont-d:before {display:none;}
	.sub1_01 .cont-d .cont-txt {width:50%; padding-bottom:110px;}

	/*sub1-운영철학*/
	.sub1_03 .top-slogan .cont {padding:0 0 0 50%;}
	.sub1_03 .top-slogan .cont .pc-b {display:none;}
	.sub1_03 .top-slogan .cont strong {margin-bottom:20px;}

	/*sub3-정보공개서신규등록*/
	.sub3_01 .cont-b {padding:130px 4%;}
	.sub3_01 .top-slogan .cont {padding:0 0 0 50%;}
	.sub3_01 .top-slogan .cont .pc-b {display:none;}
	.sub3_01 .top-slogan .cont strong {margin-bottom:20px;}

	/*sub3-정보공개서변경등록*/
	.sub3_02 .cont-a {padding:0 4% 130px 4%;}
	.sub3_02 .sub-tit {margin-bottom:0;}

	/*sub3-가맹계약서작성*/
	.sub3_03 .cont-a:before {width:20%;}

	/*sub4-가맹점 모집대행*/
	.sub4_01 .icon-list ul {width:100%;}
	.sub4_01 .pc-b {display:block;}
	.sub4_01 .cont-b .icon-list {padding-left:0; padding-right:15%;}

	/*sub5-분쟁처리절차*/
	.sub5_01 .cont-c .cont-txt {padding:80px 50% 80px 0;}

	/*sub5-가맹계약컨설팅*/
	.sub5_04 .cont-b .process01 {margin-right:5%;}

	/*sub7*/
	.sub7_01 .cont-b {padding:110px 0;}

}

@media all and (max-width:1024px) {
	/*공통*/
	.sub-tit h2, .sub-tit span {width:44%; font-size:30px;}
	.des-txt {display:none;}
	.sub6_01 .cont-b .des-txt {display:block;}
		.pc-b {display:none;}
	/*sub-company*/
	.sub1_01 .cont-a .img-sec {position:relative; top:auto; left:auto; width:100%; display:block; margin:0 auto 40px;}
	.sub1_01 .cont-a .cont-txt {padding:0 5%;}
	.sub1_01 .cont-b .img-sec {position:relative; top:auto; right:auto; width:100%; display:block; margin:0 auto 40px;}
	.sub1_01 .cont-b .cont-txt {padding:0 5%;}
	.sub1_01 .cont-c .cont-txt {padding:0 0 50px 50%;}
	.sub1_01 .cont-c {padding:0 5% 200px 5%;}
	.sub1_01 .cont-d .cont-txt {padding-top:80px;}

	/*sub-운영철학*/
	.ph-list .list {display:block;}
	.ph-list .list .tit {width:100%; display:flex; margin-bottom:25px;}
	.ph-list .list .tit strong {font-size:20px; margin-left:6px;}
	.ph-list .cont-list {width:100%;}

	/*sub2가맹본부설립*/
	.est-slide .swiper-slide {height:340px;}

	/*sub-정보공개서신규등록*/
	.sub3_01 .cont-a .img-sec {position:relative; top:auto; left:auto; width:100%; display:block; margin:0 auto 40px;}
	.sub3_01 .cont-a .cont-txt {padding:0 5%;}
	.sub3_01 .cont-a .cont-txt p {width:100%;}
	.sub3_01 .cont-c .slogan {padding:50px 7%;}

	/*sub4-가맹점 모집 대행*/
	.sub4_01 .cont-a .top-img-sec, .sub4_01 .cont-b .top-img-sec, .sub4_01 .cont-c .top-img-sec {width:100%; height:300px;}
	.sub4_01 .icon-list ul {padding-top:60px;}
	.sub4_01 .icon-list ul li {width:100%; margin-right:0;}
	.sub4_01 .icon-list ul li .img-sec {width:15%; display:inline-block;}
	.sub4_01 .cont-txt {display:inline-block; width:80%;}

	/*sub5-가맹계약진단서*/
	.sub5_03 .cont-a {display:block;}
	.sub5_03 .cont-a .img-sec {width:100%; display:block; margin:0 auto 40px;}
	.sub5_03 .cont-a .cont-txt {width:100%;}

	/*sub5-가맹계약컨설팅*/
	.sub5_04.sub-sec .pc-b {display:none;}

	.sub6_01 .cont-b .sub-tit {padding-top:0;}
}


@media all and (max-width:768px) {
	/* contents */
	/* .quick-menu {display:none;} */


	/*sub-ceo*/
	.sub1_02:before {display:none;}
	.sub1_02 .ceo-msg .inner {display:block;}
	.sub1_02 .ceo-msg .img-sec {width:50%; display:block;  text-align:center; margin:50px auto 0;}
	.sub1_02 .ceo-msg .cont-txt .tit {margin-bottom:40px;}
	.sub1_02 .ceo-msg .cont-txt .tit h2 {font-size:28px;}
	.sub1_02 .ceo-msg .cont-txt {text-align:center; padding-top:40px;}
	.sub1_02 .ceo-msg .cont-txt .txt { padding-left:0;}
	.sub1_02 .ceo-msg .cont-txt .txt:before {display:none;}
	.profile {margin-top:50px;}
	.profile .img-sec {position:relative; top:auto; right:auto; width:40%; margin-right:5%; box-shadow:none;}
	.profile .profile-list {width:50%; padding:40px 4%; }
	.profile .profile-list li {font-size:16px;}


	/*company-오시는길*/
	.contact-info {display:block;}
	.contact-info h2 {width:100%; margin-bottom:25px;}
	.contact-info ul {width:100%;}
	.loaction .map-wr .root_daum_roughmap, .root_daum_roughmap .wrap_map {height:300px!important;}

	/*sub1-운영철학*/
	.sub1_03 .top-slogan .img-sec {position:relative; top:auto; left:auto; width:95%; display:block; margin:0 auto 40px;}
	.sub1_03 .top-slogan .cont {padding:0 4%;}

	/*sub2-2020실적*/
	.partners .logo {width:80px; height:80px;}

	/*sub3-정보공개서신규등록*/
	.img-list li {width:33%; margin:10px 0;}

	/*sub3-정보공개서 변경등록*/
	.sub3_02 .cont-a:before {height:203px;}

	/*sub5-분쟁처리절차*/
	.sub5_01 .cont-txt .tit {margin-bottom:30px;}
	.sub5_01 .cont-a .cont-txt .tit h2, .sub5_01 .cont-a .cont-txt .tit h2 span {font-size:25px;}
	.sub5_01 .cont-txt .tit h2, .sub5_01 .cont-txt .tit h2 span {font-size:25px;}
	.sub5_01 .cont-c .cont-txt {padding:0 50% 0 0;}

	/*sub5-가맹계약컨설팅*/
	.sub5_04 .cont-a {display:block;}
	.sub5_04 .cont-a .cont-txt {width:90%; display:block; margin:0 auto 40px; text-align:left; }
	.sub5_04 .cont-a .img-sec {width:90%; margin:0 auto; text-align:center;}
	.sub5_04 .cont-b .inner {display:block}
	.sub5_04 .cont-b .process01 {display:flex; width:100%; margin-bottom:80px;}
	.sub5_04 .cont-b .process01 .img-sec {position:relative; top:auto; left:auto; width:40%; margin-right:5%;}
	.sub5_04 .cont-b .process01 .cont-txt {width:55%; padding-top:0;}
	.sub5_04 .cont-b .process02 {display:flex; width:100%; padding-top:110px; padding-left:0;}
	.sub5_04 .cont-b .process02 .img-sec {position:relative; top:auto; right:auto; width:40%; margin-right:5%;}
	.sub5_04 .cont-b .process02 .cont-txt {width:55%; padding-bottom:0;}

	/*sub7-홈페이지제작*/
	.sub7_01 .sub-tit {display:block;}
	.sub7_01 .sub-tit h2 {width:100%;}
	.b-cover-list {padding-left:0;}

}

@media all and (max-width:640px) {
	/*공통*/
	.cont-sec {padding-bottom:80px;}
	.sub-sec {padding:60px 4% 80px 4%;}
	.sub-tit {display:block; margin-bottom:0;}
	.sub-tit h2 {width:100%; margin-bottom:15px;}
	.sub-tit h2, .sub-tit span {font-size:24px;}
	.sub-tit p {width:100%; font-size:14px; margin-bottom:50px;}
	.sub-tit2 {font-size:23px; margin-bottom:20px;}
	.sub-tit2 span {font-size:23px;}
	.sub-tit3 {margin-bottom:30px;}
	.sub-tit3, .sub-tit3 span {font-size:23px;}
	.en-tit {font-size:15px; line-height:normal;}
	.mg100 {margin-bottom:50px;}

	/*table-style*/
	.tb-style01 th,
	.tb-style01 td {padding:10px;}

	/*sub-company*/
	.sub1_01 .cont-txt h2, .sub1_01 .cont-txt h2 span {font-size:23px;}
	.sub1_01 .cont-a .cont-list li {font-size:15px;}
	.sub1_01 .cont-a .cont-list li:before {top:7px;}
	.cont-txt p {font-size:15px;}
	.sub1_01 .cont-c .img-sec {position:relative; top:auto; left:auto; width:90%; margin:0 auto 40px; display:block;}
	.sub1_01 .cont-c .cont-txt {padding:0 5%; }
	.sub1_01 .cont-e {padding:80px 0;}
	.sub1_01 .cont-e .slogan h2, .sub1_01 .cont-e .slogan h2 span {font-size:36px; line-height:normal;}
	.sub1_01 .cont-e .slogan p {font-size:16px;}
	.sub1_01 .cont-e .slogan:before, .sub1_01 .cont-e .slogan:after {width:50px; height:50px;}
	.sub1_01 .cont-d {background:#f7f7f7;}
	.sub1_01 .cont-d .cont-txt {width:100%; padding:80px 4% 0 4%;}
	.sub1_01 .cont-d .cont-txt h2, .sub1_01 .cont-d .cont-txt h2 span {font-size:23px;}
	.sub1_01 .cont-d .img-sec {width:80%; display:block; position:relative; top:auto; right:auto; margin:0 auto; padding-bottom:50px;}

	/*sub-ceo*/
	.sub1_02 .ceo-msg .img-sec {width:80%;}
	.profile .img-sec {width:80%; display:block; margin:0 auto 40px; text-align:center;}
	.profile .inner {display:block;}
	.profile .profile-list {width:100%;}

	/*sub-운영철학*/
	.sub1_03 .top-slogan .cont h2, .sub1_03 .top-slogan .cont h2 span {font-size:26px;}
	.sub1_03 .top-slogan .cont p, .sub1_03 .top-slogan .cont p span {font-size:15px;}
	.sub1_03 .top-slogan .cont strong {font-size:15px; margin-bottom:10px;}
	.ph-list {margin-top:70px;}
	.ph-list .cont-list {display:block; }
	.ph-list .cont-list .img-sec {width:30%; margin-bottom:20px;}
	.ph-list .cont-list dl {width:100%;}
	.ph-list .cont-list dl dt {font-size:21px;}
	.ph-list .list {padding:34px 4%;}
	.ph-list .list .tit, .ph-list .list .tit strong {font-size:16px;}

	/*sub-오시는길*/
	.contact-info h2 {font-size:24px;}
	.contact-info ul li strong, .contact-info ul li p {display:block;}

	/*sub2-가맹본부설립*/
	.est-slide .swiper-slide {height:300px;}
	.est-slide .img-sec {width:auto;}
	.est-slide .cont p {font-size:14px;}
	.est-slide .cont strong {font-size:16px;}
	.est-slide .ctrl-inner .swiper-pagination {display:none;}

	/*sub2-2020실적*/
	.partners .logo {width:40px; height:40px;}

	/*sub3-정보공개서 신규등록*/
	.sub3_01 .cont-b {padding:80px 4%;}
	.sub3_01 .cont-c {padding:80px 4%;}
	.sub3_01 .cont-c .slogan {padding:0;}
	.sub3_01 .cont-c .slogan h2, .sub3_01 .cont-c .slogan h2 span {font-size:25px;}
	.sub3_01 .cont-c .slogan:before, .sub3_01 .cont-c .slogan:after {display:none;}
	.sub3_01 .cont-c .slogan p {font-size:16px;}
	.img-list li {width:49%; margin:0; padding:10px 2%;}

	/*sub3-정보공개서변경등록*/
	.sub3_02 .cont-b .sub-tit2 {font-size:18px;}

	/*sub3-가맹계약서작성*/
	.sub3_03 .cont-a .inner {display:block;}
	.sub3_03 .cont-a:before {width:100%;}
	.sub3_03 .cont-a .img-sec {display:block; width:100%; padding-right:0; margin-right:0;}
	.sub3_03 .cont-a .img-sec img {width:48%; margin-right:3%;}
	.sub3_03 .cont-a .img-sec img:last-child {margin-right:0;}
	.sub3_03 .cont-a .cont-txt {width:100%;}
	.sub3_03 .cont-c {padding:80px 0;}
	.sub3_03 .cont-c .slogan {padding:0;}
	.sub3_03 .cont-c .slogan h2, .sub3_03 .cont-c .slogan h2 span {font-size:25px; display:contents;}
	.sub3_03 .cont-c .slogan:before, .sub3_03 .cont-c .slogan:after {display:none;}
	.sub3_03 .cont-c .slogan p {font-size:16px;}

	/*sub4-가맹점모집대행*/
	.sub4_01 .tit-sec {width:80%; padding:30px; top:180px;}
	.sub4_01 .tit-sec h2 {font-size:26px;}
	.sub4_01 .tit-sec p {font-size:15px;}
	.sub4_01 .icon-list {padding-left:0;}
	.sub4_01 .icon-list ul {padding:0 6%;}
	.sub4_01 .icon-list ul li .img-sec { margin-right:6%;}
	.sub4_01 .cont-txt {width:75%;}
	.sub4_01 .cont-txt h3 {font-size:20px; margin-bottom:10px;}
	.sub4_01 .cont-txt p {font-size:14px;}
	.sub4_01 .cont-b .icon-list {padding-right:0;}

	/*sub5-분쟁처리절차*/
	.sub5_01 .cont-a .inner {display:block;}
	.sub5_01 .cont-a .img-sec {width:100%; margin-right:0; margin-bottom:30px;}
	.sub5_01 .cont-a .cont-txt {width:100%;}
	.sub5_01 .cont-b, .sub5_01 .cont-d {display:block;}
	.sub5_01 .cont-b .cont-txt, .sub5_01 .cont-d .cont-txt {width:100%;}
	.sub5_01 .cont-b .img-sec, .sub5_01 .cont-d .img-sec {width:100%; margin-right:0; margin-bottom:30px;}
	.sub5_01 .cont-c .img-sec {position:relative; width:100%; top:auto; right:auto; margin:0 auto 30px;}
	.sub5_01 .cont-c .cont-txt {padding:0;}
	.sub5_01 .des-txt {width:100%;}

	/*sub5-가맹계약진단서*/
	.sub5_03 .cont-b p {font-size:16px;}

	/*sub5-*/
	.sub5_04 .cont-b .process01, .sub5_04 .cont-b .process02 {display:block;}
	.sub5_04 .cont-b .process01 .img-sec, .sub5_04 .cont-b .process02 .img-sec {width:90%; margin:0 auto;}
	.sub5_04 .cont-b .process01 .cont-txt, .sub5_04 .cont-b .process02 .cont-txt {width:90%; margin: 40px auto;}

	/*sub6-상표등록*/
	.certificate {display:block; text-align:center;}
	.certificate li {display:inline-block; width:calc(50% - 5%); margin-bottom:35px;}
	.certificate li p {margin-top:15px;}
	.sub6_01 .cont-b .sub-tit {padding-top:50px;}
	.sub6_01 .cont-b:before {height:90%;}
	.sub6_01 .cont-a .sub-tit p {margin-bottom:0;}

	/*sub7*/
	.sub7_01 .cont-a:before {height:100px;}
	.b-cover-list li {width:31.3%;}
	.b-cover-list li:nth-child(3n) {margin-right:0;}
	.b-cover-list li:nth-child(5n) {margin-right:2%;}
}
/* media size setting end */