@charset "UTF-8";

@import url('./font.css'); 

body{font-family: 'Noto Sans KR', sans-serif; word-wrap:break-word; word-break:keep-all; font-weight:400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6, .navbar .navbar-nav {font-family:'Noto Sans KR', sans-serif; font-weight:700}
button, input, optgroup, select,textarea { font-family:'Noto Sans KR', sans-serif; }
.fw4 {font-weight:300}
.blind {position:absolute; left:-99999px; top:-9999999px; font-size:1px; margin:0; padding:0}

@media (min-width: 1600px) {
	.container { max-width: 1440px !important;	}
}

/* top + gnb */
.site-header {position:absolute;z-index:999;margin:0 auto;width:100%;background:#fff;left:50%;margin-left:-50%;top:0;padding:0}
.topMenu{position: relative;margin:0 auto; padding:50px 0}
.topMenu h1 {margin:0;padding:0;line-height:0}
.topMenu h1 a {display:block; width:908px; text-align:center;margin:0 auto;padding:0}
.topMenu ul { position:absolute; right:0;margin:0;padding:0;top:50px;}
.topMenu ul li {list-style:none;display:inline-block;margin-left:10px;height:50px}
.topMenu ul li a{display:inline-block;font-size:16px;color:#8d8d8d;line-height:50px;font-weight:500t}
.topMenu ul li a span.top_logo {display:inline-block;width:30px;height:30px;background:#8d8d8d;border-radius:100%;margin-right:12px;margin-top:10px;line-height:30px;}
.topMenu ul li a span img{vertical-align: top;}

.gnbWrap{position:absolute;z-index:9999;margin:0 auto;width:100%;left:50%;margin-left:-50%;top:150px;padding:0;background:rgba(255,255,255,0.8);}
.gnbWrap:before{background:#cf2630;content:''; width:100%;height:50px;position:absolute;top:0;left:0}
.gnbWrap .navbar{}
.gnbWrap #gnb {position: relative;font-size: 0;text-align: center;display: inline-block;vertical-align: top;margin:0 0 0 100px;padding:0;padding-left:0;}
.gnbWrap #gnb > li{position: relative;display: inline-block;text-align:center;float: left;width:20%;}
.gnbWrap #gnb > li > a{display: inline-block;line-height: 50px;color: #fff;padding: 0 20px;font-size: 20px;font-weight: 500;}
.gnbWrap #gnb > li > a > span {display: block;position: relative;}
.gnbWrap #gnb > li > a > span:after {display: none;bottom: 0;left: 0;content:'';width: 100%;height: 2px;position: absolute;background-color: #8dc63f;transform:scale(0);-webkit-transform:scale(0);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.gnbWrap #gnb > li.on > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
.gnbWrap #gnb > li:hover > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
.gnbWrap #gnb > li .depth2 {font-size: 0;display: none;padding: 20px 0;box-sizing:border-box;width: 100%;text-align: center;}
.gnbWrap #gnb:hover > li .depth2 {display: block;;}
.gnbWrap #gnb > li .depth2:after {clear: both;content:'';display: block;} 
.gnbWrap #gnb > li .depth2 > li {text-align: center;display: block;}
.gnbWrap #gnb > li .depth2 > li > a{display:block;font-size: 18px;line-height:38px;font-weight:400;color:#333;}
.gnbWrap #gnb > li .depth2 > li > a:hover{color:#cf2630}
.gnbWrap #gnb > li:after {content:'';position: absolute;height:16px;width:1px;top:17px;right:0;background:#fff}
.gnbWrap #gnb > li.last:after{display:none}

/* main-section */
.section {background-size: cover;}

/* SWIPER */
.swiper {position:relative;width:100%;height:100%;padding-bottom:23px;overflow:hidden;z-index:1;}
.swiper_wrap {position:relative;width:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;margin:0;padding:0;list-style:none;}
.swiper_slide {flex-shrink:0;padding:0;margin:0;overflow:hidden}
.swiper_pagination {position:absolute;bottom:0;left:0;line-height:0;width:100%;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-align:center;z-index:10;}
.swiper-pagination-bullet {display:inline-block;width:12px;height:12px;margin:0 4px;box-sizing:border-box;border-radius:100%;border:#d7d7d7 1px solid;}
.swiper-pagination-bullet-active {background:#fff;}
.swiper_btn_next,
.swiper_btn_prev {position:absolute;top:50%;width:35px;height:35px;margin-top:-30px;cursor:pointer;z-index:10;}
.swiper_btn_next {left:auto;right:0;background-position:-35px -95px;}
.swiper_btn_prev {left:0;right:auto;background-position:0 -95px;}
.swiper_btn_next.swiper-button-disabled,
.swiper_btn_prev.swiper-button-disabled {pointer-events:none;opacity:.35;cursor:auto;}

#section1 .swiper {padding:0;}
#section1 .swiper_wrap {height:100%;}
#section1 .swiper_slide {display:inline-block;height:100%;background-position:center;background-size:cover;}
#section1 .swiper_prev,
#section1 .swiper_next,
#section1 .swiper_onoff {float:left;width:30px;height:30px;cursor:pointer;}
#section1 .btns {position:absolute;left:50%;bottom:15px;width:130px;margin-left:-65px;z-index:1;text-align:center}
#section1 .cont {position:relative;width:1170px;margin:0 auto;height:100%;}
#section1 .cont span {position:absolute;}

.event-section {/*padding: 80px 0 60px;*/ background-color:#fff; background-image: url('../images/main/img_bg2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; }
.service-section {/*padding: 80px 0 60px;*/ background:url('../images/main/img_bg3.jpg') no-repeat 50% 100%; background-size:cover; box-sizing: border-box;}
.brand-section {/*padding: 80px 0 60px;*/ background:#fff; box-sizing: border-box;}
.link-section {/*padding: 80px 0 60px;*/ background:#fff; box-sizing: border-box;}
/*.franchise-section {padding: 80px 0 60px; box-sizing: border-box; background:url('../images/main/franchise_bg.jpg') no-repeat 50% 100%;background-size:cover}*/
.fp-viewing-event .site-header,
.fp-viewing-service .site-header,
.fp-viewing-brand .site-header,
.fp-viewing-link .site-header,
.fp-viewing-4 .site-header,
.fp-viewing-5 .site-header {display:none;}

.section_footer {position: relative;z-index: 99999;}
.title_wrap {}
.title_wrap .section-title {position: relative; font-size: 60px; color: #2e2e2e;letter-spacing:-0.01em;padding-bottom:30px;margin-bottom:27px}
.title_wrap .section-title:after { content: '';position: absolute; width:60%;height:2px; background:#2e2e2e;left:-36%;margin-left:0;bottom:0;}
.title_wrap .title-white {color:#fff}
.title_wrap .title-white:after {background:#fff !important;}
.title_wrap span {font-size:22px;letter-spacing:-0.15rem;line-height:130%;font-weight:400;color:#101010}

.event-section {position: relative;}
.event-section .section-title { margin-bottom: 30px; }
.event_inner {padding:0 80px !important; box-sizing: border-box; }
.eventSkill { border: 0; padding: 0 !important; background: 0 !important; }
/*.eventSkill h5 {padding-bottom:20px;border-bottom:1px solid #bebebe;position: relative;}*/
/*.eventSkill h5:after{ content: '';position: absolute; width:26px;height:3px; background:#2e2e2e;left:50%;margin-left:-13px;bottom:-2px;}*/
.eventSkill .imgCover {position: relative; width: 100%; max-width: 386px; background-size: cover; background-position: center top; background-repeat: no-repeat; border-radius: 1.5rem; overflow: hidden; box-shadow: -2px -2px 6px 6px rgba(0, 0, 0, 0.03), -2px -2px 6px 6px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.eventSkill .imgCover > img {position: relative; width: 100%; display: block;}
/*.eventSkill .card-body .card-text{font-size:16px; min-height:50px; vertical-align:middle}*/
.event_inner .owl-nav,
.event_inner .owl-dots { width: 100%; margin: 0 auto; display: flex; flex-flow: row nowrap; align-items: center; position: relative;}
.event_inner .owl-nav { position: absolute; color: #fff; font-size: 2.5rem; justify-content: space-between; top: 50% }
.event_inner .owl-nav .owl-prev,
.event_inner .owl-nav .owl-next { padding: 4px 0.5rem; color: #fff; background: #cf2630; width: 38px; height: 38px; line-height: 20px; border-radius: 99px; text-align: center; box-sizing: border-box;}
.event_inner .owl-nav .owl-prev:hover,
.event_inner .owl-nav .owl-next:hover { color: #fff; background: #000;}
.event_inner .owl-dots { justify-content: center; position: relative; top: -40px; width: 50%;}
.event_inner .owl-dots .owl-dot { display: inline-block; background: none repeat scroll 0 0 #c9c9c9; border-radius: 20px; display: block; height: 12px; margin: 5px; width: 12px;}
.event_inner .owl-dots .owl-dot.active { background-color: #cf2630;}
.event_inner .owl-dots .owl-dot:hover { background-color: #000;}

.serviceInner {padding:7.5px 80px !important; box-sizing: border-box; }
.service-section .icon_wrap {margin:0;padding:30px 0;/*-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;*/}
.service-section .icon_wrap:hover{/*-webkit-transform: translateY(-5px);   -ms-transform: translateY(-5px);  transform: translateY(-5px);*//*box-shadow:0 0 20px 10px rgba(180,180,180,0.1)*/ background: rgba(0, 0, 0, 0.3);}
.service-section .icon_wrap .iconBox { /*background: #fff; */padding: 0;/* width: 330px; height: 330px; border-radius: 330px; padding-top: 80px; box-sizing: border-box; margin-bottom: 20px;*/}
.service-section .icon_wrap span {display:inline-block;margin-bottom:10px;}
.service-section .icon_wrap h5 {color:#fff; font-size:24px;font-weight:700; margin-bottom: 10px;}
.service-section .icon_wrap p {color:#2e2e2e;font-size:16px;font-weight:400;}
/*.service-section .icon_wrap .goBtn {margin:10px 0; display:inline-block;width:120px;height:41px;background:url('../images/main/franchise_btn.png') no-repeat 0 0;line-height:41px;font-size:20px;color:#fff; display: none;}*/
/*.service-section .icon_wrap.icon_wrap:hover .goBtn{background: url('../images/main/franchise_btnO.png') no-repeat 0 0;color:#cf2630; }*/

.brandInner {padding:7.5px 80px !important; box-sizing: border-box; }
/*.brand_inner {padding:0 0.25rem!important}*/
.singleSkill{ margin-bottom:10px; background-color: #fff !important; border:0 !important;padding:10px}
.singleSkill h5 {/*padding-bottom:20px;*/  border-bottom:0;  position: relative;}
.singleSkill h5:after{ content: '';position: absolute; width:26px;height:2px; background:#2e2e2e;left:50%;margin-left:-13px;bottom:-2px; display: none;}
.singleSkill .imgCover {position: relative; width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; border-radius: 0.5rem; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03), 0 4px 6px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.singleSkill .imgCover > img {position: relative; width: 100%; display: block;}
/*.singleSkill .card-body .card-text{font-size:18px; min-height:50px; vertical-align:middle; line-height: 1.4; color: #2e2e2e; font-weight: 500;}*/


.linkInner {padding:7.5px 80px !important; box-sizing: border-box; }
/*.link-section .mediaWrap {width:100%; min-width: 800px; max-width: 1000px; margin: 0 auto; clear: both;}*/
/*.link-section .mediaWrap:before { content: " "; visibility: hidden; display: block; height: 0; clear: both;}*/
/*.link-section .mediaWrap:after { content: " "; visibility: hidden; display: block; height: 0; clear: both;}*/
/*.link-section .media {width:33.33%; float:left; display: block;}*/
.link-section .media-body {width:100%; float:none;padding-left:30px}
.link-section .media-body a {display:inline-block;width:100%;line-height:60px;margin:40px 0;-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
.link-section .media-body a i.mIconbg {display:inline-block; background:#cf2630; width:60px;height:60px;border-radius:10px;line-height:60px;float:left;padding:2px}
.link-section .media-body a span {display:inline-block !important; font-size:22px;color:#2e2e2e !important;font-weight:500;line-height:60px;padding-left:20px;float:left}
.link-section .media-body a:hover{-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);box-shadow:0 0 20px 10px rgba(180,180,180,0.01)}

.section_footer {}
.site-footer {background:#3b3b3b;padding:30px 0 30px}
.site-footer .ft-logo {margin-top:10px}
.site-footer .copy-text {text-align:left;padding-right:0}
.site-footer .copy-text ul {text-align:left;margin:0;padding:0}
.site-footer .copy-text ul li {position: relative;font-size:14px;color:#ddd;list-style:none;display:inline-block; font-weight:300;margin:2px 10px 2px 0; padding-right:12px;letter-spacing:-0.02em}
.site-footer .copy-text ul li:after { content: '';position: absolute; width:1px;height:10px; background:#a1a1a1;top:50%;margin-top:-5px;right:0;}
.site-footer .copy-text ul li.linone {padding:0;margin:0}
.site-footer .copy-text ul li.linone:after {background:none}
.site-footer .copy-text ul li a {color:#fff}

.menu-boxQuick{margin-top:3rem}
.menu-boxQuick ul{margin:0;padding:0}
.menu-boxQuick ul li {list-style:none;display:block;margin-left:30px;height:50px;text-align:left}
.menu-boxQuick ul li a{display:block;font-size:13px;color:#8d8d8d;line-height:50px}
.menu-boxQuick ul li a span.top_logo {display:inline-block;width:30px;height:30px;background:#8d8d8d;border-radius:100%;margin-right:12px;margin-top:10px;line-height:30px;}
.menu-boxQuick ul li a span img{vertical-align: top;}

.fp-viewing-service .mini-menu li a {background:rgba(255,255,255,0.3)}
.fp-viewing-service .mini-menu li.active a {background:rgba(255,255,255,0.7)}

/* Fixed head*/
.fix-header .sticky {display:none}
.fp-viewing-event .gnbWrap,
.fp-viewing-service .gnbWrap,
.fp-viewing-brand .gnbWrap,
.fp-viewing-link .gnbWrap,
.fp-viewing-4 .gnbWrap,
.fp-viewing-5 .gnbWrap { top:0; background:rgba(160,160,160,0.8);}
.fp-viewing-event .gnbWrap:before,
.fp-viewing-service .gnbWrap:before,
.fp-viewing-brand .gnbWrap:before,
.fp-viewing-link .gnbWrap:before,
.fp-viewing-4 .gnbWrap:before,
.fp-viewing-5 .gnbWrap:before {	height:80px; background:rgba(46,46,46,0.8);}
.fp-viewing-event #gnb > li > a,
.fp-viewing-service #gnb > li > a,
.fp-viewing-brand #gnb > li > a,
.fp-viewing-link #gnb > li > a,
.fp-viewing-4 #gnb > li > a,
.fp-viewing-5 #gnb > li > a {	line-height:80px;}
.fp-viewing-event #gnb > li:after,
.fp-viewing-service #gnb > li:after,
.fp-viewing-brand #gnb > li:after,
.fp-viewing-link #gnb > li:after,
.fp-viewing-4 #gnb > li:after,
.fp-viewing-5 #gnb > li:after {	top:32px}
.fp-viewing-event .menu-icon,
.fp-viewing-service .menu-icon,
.fp-viewing-brand .menu-icon,
.fp-viewing-link .menu-icon ,
.fp-viewing-4 .menu-icon,
.fp-viewing-5 .menu-icon {top:30px}

.fp-viewing-event .gnbWrap #gnb > li .depth2 > li > a,
.fp-viewing-service .gnbWrap #gnb > li .depth2 > li > a,
.fp-viewing-brand .gnbWrap #gnb > li .depth2 > li > a,
.fp-viewing-link .gnbWrap #gnb > li .depth2 > li > a, 
.fp-viewing-4 .gnbWrap #gnb > li .depth2 > li > a,
.fp-viewing-5 .gnbWrap #gnb > li .depth2 > li > a {color:#1c1c1c}
.fp-viewing-event .gnbWrap #gnb > li .depth2 > li > a:hover,
.fp-viewing-service .gnbWrap #gnb > li .depth2 > li > a:hover,
.fp-viewing-brand .gnbWrap #gnb > li .depth2 > li > a:hover,
.fp-viewing-link .gnbWrap #gnb > li .depth2 > li > a:hover, 
.fp-viewing-4 .gnbWrap #gnb > li .depth2 > li > a:hover,
.fp-viewing-5 .gnbWrap #gnb > li .depth2 > li > a:hover {color:#cf2630}

.gnbWrap.sticky-header.sticky {background:rgba(160,160,160,0.8);}
.gnbWrap.sticky-header.sticky:before {height:80px;background:rgba(46,46,46,.8);}
.gnbWrap.sticky-header.sticky #gnb > li > a {line-height:80px}
.gnbWrap.sticky-header.sticky #gnb > li:after {top:32px}
.gnbWrap.sticky-header.sticky .menu-icon {top:30px}
.gnbWrap.sticky-header.sticky #gnb > li .depth2 > li > a{color:#1c1c1c}
.gnbWrap.sticky-header.sticky #gnb > li .depth2 > li > a:hover{color:#cf2630}


@media (max-width: 1024.98px) {
	.gnbWrap.sticky-header .navbar.sticky .menu-icon {left:20px}
	.title_wrap .section-title{font-size:52px;}
	.title_wrap p {font-size:24px;}
	.brand_inner .singleSkill .card-body{padding:1.25rem 0}
	.link-section .media-body {padding-left:10px}
}
@media (max-width: 1000px) {
		.topMenu h1 a {width:90%;}
}
@media (max-width: 991.98px) {
	.topMenu {padding:30px 0 15px}
	.topMenu ul { top:30px}
	.topMenu .top_text {display:none}
	.gnbWrap #gnb > li > a {font-size:18px}
	.gnbWrap #gnb > li .depth2 > li > a {font-size:16px}
	.gnbWrap {top:95px}
	/*.brand-section {padding:100px 0 90px}*/
	.brand-section,
	.brand-section .fp-tableCell {display:block; height:auto !important}
}

@media (max-width: 768.98px) { 
	.topMenu {padding:20px 0}
	.gnbWrap:before,
	.gnbWrap #gnb {display:none !important}
	.site-header.fix-header .topMenu.sticky {position:fixed;z-index:888;top:0;left:0;max-width:100%;background:#fff;display:block;border-bottom:1px solid #d5d5d5}
	.site-header.fix-header .topMenu ul {top:15px}
	.fp-viewing-event .site-header,
	.fp-viewing-service .site-header,
	.fp-viewing-brand .site-header,
	.fp-viewing-link .site-header,
	.fp-viewing-4 .site-header,
	.fp-viewing-5 .site-header {display:block;}
	.gnbWrap.sticky-header.sticky .menu-icon {top:30px}
	.menu-icon {top:-60px}
	.menu-icon span {background:#2b2b2b}
	.fp-viewing-event .menu-icon,
	.fp-viewing-service .menu-icon,
	.fp-viewing-brand .menu-icon,
	.fp-viewing-link .menu-icon,
	.fp-viewing-4 .menu-icon,
	.fp-viewing-5 .menu-icon {top:30px}
	.site-footer {padding:20px 0}
	.site-footer .ft-logo {display:none}
	.title_wrap .section-title{font-size:44px; text-align: center !important; }
	.title_wrap .section-title:after { width: 30px; left: 50%; margin-left: -15px; }
	.title_wrap p {font-size:20px;}
	.title_wrap span {display: none;}

	.event-section {padding:100px 0 60px; }
	.service-section {padding:100px 0 60px;}
	.brand-section {padding:100px 0 60px; }
	.link-section {padding:100px 0 60px; }
	.brand_inner {padding:0 15px !important}
	.brand_inner .singleSkill {margin-bottom:30px}
	.service-section,
	.brand-section .fp-tableCell {display:block; height:auto !important}
	.link-section,
	.link-section .fp-tableCell {display:block; height:auto !important}
	.event_inner {padding:0 10px !important;}
	.serviceInner {padding:0 10px !important;}
	.brandInner {padding:0 10px !important;}
	.linkInner {padding:0 10px !important;}

	.eventSkill .imgCover { max-width: 100%; }
}
@media (max-width: 767px) { 
	.topMenu {margin:0 auto;padding:15px 0}
	.site-footer .copy-text,
	.site-footer .copy-text ul {text-align:center;padding:0 5px}
	.site-footer .copy-text ul li {margin:2px 6px;padding-right:0;font-size:12px}
	.site-footer .copy-text ul li:after {display:none; }
	.gnbWrap.sticky-header.sticky .menu-icon {top:20px}	
}
@media (max-width: 576.98px) {
	.topMenu {margin:0}
	.topMenu h1 a {width:320px;}
	.topMenu ul {display:none}
	.menu-icon {top:-74px;width:24px;clear:both;left:20px}
	.menu-icon span {width:30px}
	.fp-viewing-event .menu-icon,
	.fp-viewing-service .menu-icon,
	.fp-viewing-brand .menu-icon,
	.fp-viewing-link .menu-icon,
	.fp-viewing-4 .menu-icon,
	.fp-viewing-5 .menu-icon {top:20px}
	.title_wrap {margin-bottom:15px !important}
	.title_wrap .section-title {font-size:36px;padding-bottom:15px;margin-bottom:15px;}
	.title_wrap .section-title:after {height:2px;}
	.title_wrap p {font-size:16px;}

	#section1 .cont span.mo-on img{width:100%;max-width:240px}
	
	.service-section {padding:60px 0px}
	.service-section .col-sm-4 {width:33.33%}
	.service-section .icon_wrap {padding:0;margin-bottom:20px;}
	/*.service-section .icon_wrap .iconBox { width: 190px; height: 190px; padding: 50px 0 0 0; }*/
	/*.service-section .icon_wrap .iconBox img {width:80px}*/
	.service-section .icon_wrap h5 {font-size:16px; margin:0}
	.service-section .icon_wrap p { font-size: 13px; margin-bottom:0}
	.service-section .icon_wrap .goBtn {display:none}
	.brand-section {padding:60px 0px 50px}
	.brand-section .brand_inner {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0 5px 0 15px !important}
	.brand-section .brand_inner:nth-child(odd) {padding:0 15px 0 5px !important}
	.brand-section .brand_inner .singleSkill {margin-bottom:10px;padding:15px}
	.brand-section .brand_inner .singleSkill .card-body {padding:0}
	.brand-section .brand_inner .singleSkill .card-title {padding:0;margin:0}		
	.brand-section .singleSkill p.card-text {font-size: 13px; display: block;}
	.brand-section .singleSkill h5 {border:none}
	.brand-section .singleSkill h5:after {display:none}
	.link-section {padding:60px 0px 80px}
	.link-section .media-body {padding-left:0}
	.link-section .media-body a {margin:15px 0 30px;text-align:center}
	.link-section .media-body a i.mIconbg {width:46px;height:46px;}
	.link-section .media-body a span {line-height:46px;font-size:16px; letter-spacing: -1px;}
	.link-section .testimonial-active .owl-dots{bottom:-40px}
}
@media (max-width: 476.98px) {
	/*.service-section .icon_wrap .iconBox { width: 120px; height: 120px; padding: 26px 0 0 0; }*/
	/*.service-section .icon_wrap .iconBox img {width:60px}*/
}
@media (max-width: 431px) {
		.topMenu h1 a {width:330px;}
}
@media (max-width: 390px) {
		.topMenu h1 a {width:300px;}
}
@media (max-width: 375px) {
		.topMenu h1 a {width:280px; width: 70%;}
}
@media (max-width: 360.98px) {
	/*.topMenu h1 a {width:300px;}*/
	.link-section .media-body {padding-left:15px}
}

/* ==================================== SUB PAGE =============================================================== */
.spage  {}
.sub_visual {padding-top:200px; }
.sub1 {background:url('../images/common/sub_visual1.jpg') no-repeat 50% 40% #a4a4a4; background-size: cover;}
.sub2 {background:url('../images/common/sub_visual2.jpg') no-repeat 50% 40% #a4a4a4; background-size: cover;}
.sub3 {background:url('../images/common/sub_visual3.jpg') no-repeat 50% 0 #a4a4a4; background-size: cover;}
.sub4 {background:url('../images/common/sub_visual4.jpg') no-repeat 50% 40% #a4a4a4; background-size: cover;}
.sub5 {background:url('../images/common/sub_visual5.jpg') no-repeat 50% 40% #a4a4a4; background-size: cover;}

#pageTop {padding:8rem 0 10rem}
#pageTop h2 {font-size:60px;letter-spacing:0;font-weight:500;margin:0;padding:0;/* text-shadow: 0px 1px 2px rgba(0,0,0,0.8); */}
#pageTop p {font-size:16px;font-weight:400;margin:0;color:#fff;/* text-shadow:0px 1px 2px rgba(0,0,0,0.3); */margin:10px 0}

.content-area {padding-bottom:5rem}
.content-area .lnb{background:#fff;line-height:0;font-size:0;margin:-50px 0 0;padding:0;}
.content-area .lnb:after{clear:both; display:block; content:'';}
.content-area .lnb li{position:relative; display:inline-block; padding:0; text-align:center;width:20%;}
.content-area .lnb li a{font-size:20px; color:#2e2e2e;position:relative; display:inline-block; width:100%; padding:0; border-bottom:0; line-height:100px;}
.content-area .lnb li a:after{display:block; content:''; position:absolute; bottom:-5px; left:0; z-index:1; width:100%; height:2px; background:#fff;-webkit-animation: fadeInUp 600ms ease-in-out;animation: fadeInUp 600ms ease-in-out;}
.content-area .lnb li:hover a span {color:#cf2630}
.content-area .lnb li:hover a:after{display:block; content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:2px; background:#cf2630;-webkit-transition: all .24s ease-in-out;transition: all .24s ease-in-out;}
.content-area .lnb li.on a:after{display:block; content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:2px; background:#cf2630;-webkit-transition: all .24s ease-in-out;transition: all .24s ease-in-out;}
.content-area .lnb li.on a span {color:#cf2630}

.pageTitle_inner {position:relative;margin-top:150px;padding-bottom:170px}
.pageTitle_inner .page_title {font-size:50px;color:#cf2630;margin-bottom:10px;text-transform:uppercase;letter-spacing:-0.05em}
.pageTitle_inner .page_subcon {font-size:24px;color:#262626;width:45%;margin:0 auto;line-height:130%;font-weight:300}
.pageTitle_inner .cs {width:100%;}
.pageTitle_inner:after{content:''; position:absolute;height:90px;background:#cf2630;width:1px;left:50%;bottom:40px}
.pageSubTitle {position:relative;margin-bottom:50px;letter-spacing:-0.05em}
.pageSubTitle .page_title {font-size:40px;color:#262626;text-transform:uppercase;letter-spacing:-0.05em}
.bottom_no {padding-bottom:30px}
.bottom_no:after{content:'';height:0;width:0;background:none}
.bottom_no .page_title {font-size:40px;}
.pageSubTitle2 {position:relative;margin-bottom:70px}
.pageSubTitle2 .page_title {font-size:40px;color:#262626;text-transform:uppercase;letter-spacing:-0.05em;margin:0}
.pageSubTitle2 p {font-size:24px;color:#262626;margin:0}
.pageSubTitle2 p.maptxt {color:#696969;margin:40px 0;font-weight:400}
.pageSubTitle2 p.maptxt i{color:#fff; background:#cf2630;border-radius:50%;font-size:20px;text-align:center;padding:5px}

.ceoMessage{padding:0 60px}
.ceoMessage h3 {font-size:40px;color:#262626;margin-bottom:50px;line-height:100%;}
.ceoMessage p{color:#696969;font-size:24px;line-height:160%;font-weight:300;margin-bottom:50px;letter-spacing:0}
.ceoMessage .signature {color:#262626;margin-top:70px;font-size:20px}
.ceoMessage .signature .ceo {font-family: 'Nanum Pen Script', cursive;font-size:66px; font-weight:400;margin-left:20px}

.vision h4{font-size:36px;color:#303030;font-weight:400;padding:10px 0}
.vision h4 strong.bob_1{border-bottom:1px solid #303030;display:inline-block}
.vision h4 strong b:{display:inline-block;position:relative;}
.vision h4 strong b:after{position:absolute;top:0;margin-left:-20px;width:4px;height:4px;background:#303030;border-radius:50%;content:''}

.historyWrap {position:relative}
.history_line{width:1px; height:100%; background:#d0d0d0; position:absolute; top:0; left:50%;z-index:-1}
.history {padding:0}
.history dl {width:100%;margin:0;padding:0}
.history dl:after {display:block;visibility:hidden;clear:both;content:""}
.history dl dt {margin:0 auto 50px; width:134px;height:134px;border:5px solid #cf2630;border-radius:50%;background:#fff;vertical-align:middle;text-align:center;font-size:32px;line-height:124px;letter-spacing:-0.05em}
.history dl dd {position:relative;width:50%;margin-right:50%;padding-right:30px;margin-bottom:50px}
.history dl dd p {width:100%;font-size:24px;color:#696969}
.history dl dd p:after {display:block;visibility:hidden;clear:both;content:""}
.history dl dd span{float:right;display:inline-block;font-weight:400;margin-right:15px}
.history dl dd strong{float:right;color:#262626;margin-right:15px}
.history dl dd:before {content:""; display:inline-block; width:16px; height:16px; border:3px solid #b5b5b5; position:absolute; top:10px; right:-8px;border-radius:50%;background:#fff}
.history dl dd.d_right {margin-right:0;margin-left:50%}
.history dl dd.d_right span{float:left;margin-right:0}
.history dl dd.d_right strong{float:left;margin-left:45px}
.history dl dd.d_right:before {left:-8px;}

#map, #map2 {width:100%;height:600px;border:1px solid #d5d5d5}
.store-active .owl-item{-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
.store-active .owl-item img{width:100%;margin: auto;}
.store-active .owl-item img.img-thumbnail{border: 1px solid #d5d5d5;padding:0;border-radius:0;}
.store-active .owl-dots{position:absolute; z-index: 999; bottom: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.store-active.version-box .owl-dots{display: none;}
.store-active .owl-dot{display:inline-block; width: 10px; height: 10px;margin: 0 7px; -webkit-transition: all .19s cubic-bezier(.47, 0, .745, .715); transition: all .19s cubic-bezier(.47, 0, .745, .715); border: 1px solid #ccc; border-radius: 50%; background: #fff;}
.store-active .owl-dot.active{-webkit-animation: pulseservices2 .8s infinite cubic-bezier(.66, 0, 0, 1); animation: pulseservices2 .8s infinite cubic-bezier(.66, 0, 0, 1); border: 1px solid #cf2630; border-radius: 50%;background: #cf2630; -webkit-box-shadow: 0 0 0 0 rgba(207, 38, 48, .6);box-shadow: 0 0 0 0 rgba(255, 125, 21, .6);}
.store-active .owl-item:hover{-webkit-transform: translateY(5px);   -ms-transform: translateY(5px);  transform: translateY(5px);}
.store-active .owl-item .store_new {margin:10px 0 10px; width:100p%}
.store-active .owl-item .store_new dt {display:inline-block;width:75%;line-height:100%;vertical-align:top; color:#1c1c1c;padding:0 0 5px;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-weight:400;line-height:24px}
.store-active .owl-item .store_new dd {display:inline-block;width:25%;text-align:right;float:right}
.store-active .owl-item .store_new dd a {display: inline-block;border:1px solid #cf2630; line-height:24px;color:#cf2630;font-size:12px;padding:0 5px}
.store-active .owl-item .store_new dd a:hover{background:#cf2630;color:#fff}
.store-active .media-body{width:100%}
.dg-map-area{padding:20px;border:1px solid #d5d5d5;}
.dg-map-area:after{display:block;visibility:hidden;clear:both;content:""}

/* 가맹점용 지도 */
#canvas {float:left; position:relative; width:420px; height:400px; margin: 0;border:1px solid #d5d5d5}
#south {width:210px; height:340px; position: absolute; top:30px; left:105px;}
.loc_div{display:none; position: absolute;background:#1c1c1c;color:#fff; padding:0; text-align:center;border-radius:5px}
.loc_div h2 {font-size:14px;line-height:20px;padding:5px 10px;margin:0;}
#loc_01{ left:150px; top:70px;}
#loc_02{ left:250px; top:240px;}
#loc_03{ left:210px; top:235px;}
#loc_04{ left:100px; top:120px;}
#loc_05{ left:100px; top:282px;}
#loc_06{ left:140px; top:200px;}
#loc_07{ left:245px; top:220px;}
#loc_08{ left:120px; top:180px;}
#loc_09{ left:120px; top:60px;}
#loc_10{ left:240px; top:80px;}
#loc_11{ left:185px; top:155px;}
#loc_12{ left:90px; top:170px;}
#loc_13{ left:100px; top:220px;}
#loc_14{ left:100px; top:300px;}
#loc_15{ left:220px; top:180px;}
#loc_16{ left:210px; top:240px;}
#loc_17{ left:100px; bottom:50px;}

/* .dg-map{text-align:center;border:1px solid #d5d5d5;float:left;padding:0;max-width:500px;}
.dg-map svg{margin:0;} */
.search_wrap {float:left;padding:0 0 0 50px;display:table;height:100%;position:relative;}
.search_wrap .table_cell {display:table-cell;vertical-align:middle;}
.search_wrap form {margin:0;display:block}
.search_wrap form h4 {font-weight:500;font-size:32px;color:#1c1c1c;margin-top:100px;padding-right:100px}
.search_wrap form p{color:#696969;font-size:20px;margin-bottom:2rem}
.search_wrap form  label {display:inline-block;position:absolute;top:0;left:0;margin:0;padding:0;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;}
.search_wrap select.form-control {line-height:48px;padding:6px 6px;height:48px !important;font-size:16px}
.search_wrap .w80 {width:78%;display:inline-block;float:left}
.search_wrap .shBtn {width:20%;display:inline-block;float:right;background:#cf2630;border:0;font-size:14px;color:#fff;line-height:42px;border-radius:5px}
.storeTable thead th{text-align:center;font-size:16px;color:#1c1c1c;background:#f8f8f8;font-weight:500;border-top:2px solid #b5b5b5;border-bottom:1px solid #d5d5d5}
.storeTable tbody td{border-bottom:1px solid #d5d5d5;text-align:center;font-size:15px;font-weight:400;color:#696969;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.storeTable .tdCity {text-align:center;width:120px}
.storeTable .tdName {width:250px}
.storeTable .tdAdd {text-align:left;}
.storeTable thead th.tdAdd {text-align:center;}
.storeTable .tdTel {width:180px}
.storeTable .tdView {width:150px}
.storeTable a.detail_view {border:1px solid #cf2630; line-height:24px;color:#cf2630;font-size:12px;padding:5px 10px}
.storeTable a.detail_view:hover{background:#cf2630;color:#fff}
.content-area nav {clear:both;text-align:center;margin:30px auto}
.content-area nav .custom-paganation-1 {text-align:center }

.pagination.custom-paganation-1 li.page-item .page-left, .pagination.custom-paganation-1 li.page-item .page-right{border:1px solid #d5d5d5;color:#3f3f3f;border-radius:0;font-size:20px;padding:0 5px;line-height:31px}
.pagination.custom-paganation-1 li.page-item .page-left:hover, .pagination.custom-paganation-1 li.page-item .page-right:hover{background:#a9322f;color:#fff;border-color:#a9322f}

.store_detail {width:100%;height:100%;padding:20px;border:1px solid #d5d5d5;}
.store_detail:after {display:block;visibility:hidden;clear:both;content:""}
.store_detail .store-thumb{width:42%;float:left;overflow:hidden;}
.store_detail .store-thumb .store-roll {position:relative;border:1px solid #d5d5d5;}
.store-roll .owl-item img {width:100%;margin: auto;}
.store-roll .owl-dots{position: absolute;z-index: 999; bottom:10px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
.store-roll .owl-dot{display: inline-block;width: 10px;height: 10px;margin: 0 7px;-webkit-transition: all .19s cubic-bezier(.47, 0, .745, .715); transition: all .19s cubic-bezier(.47, 0, .745, .715); border: 1px solid #ccc; border-radius: 50%; background: #fff;}
.store-roll .owl-dot.active{webkit-animation: pulseservices2 .8s infinite cubic-bezier(.66, 0, 0, 1);animation: pulseservices2 .8s infinite cubic-bezier(.66, 0, 0, 1);border: 1px solid #cf2630;border-radius: 50%;background: #cf2630; -webkit-box-shadow: 0 0 0 0 rgba(207, 38, 48, .6); box-shadow: 0 0 0 0 rgba(255, 125, 21, .6);}

.store_detail .store-info {display:table-cell;vertical-align:middle;width:58%;float:right;margin:0;padding:0 10px 0 40px}
.store_detail .store-info dt{font-size:34px;font-weight:500;color:#1c1c1c;margin:1rem 0 2rem}
.store_detail .store-info dd {line-height: 50px;margin:0;padding:0;margin-left:-5px;margin-bottom:10px}
.store_detail .store-info dd p {margin:0;padding:0;line-height:40px;font-size:18px; }
.store_detail .store-info dd p strong {position: relative; display: inline-block; width:20%; line-height: 130%; vertical-align: top;color:#1c1c1c;padding-left:15px; font-size: 15px;}
.store_detail .store-info dd p strong:after {content: " ";position:absolute;top:50%;margin-top:-3px; background:#cf2630; width:6px; height:6px;left:0;border-radius:50%}
.store_detail .store-info dd p span {display: inline-block; width:79%; vertical-align: top; -ms-word-break: keep-all;  word-break: keep-all; color: #696969;line-height:130%;}

.product_inner .singleSkill{padding:0;margin-bottom:30px;border:none !important}
.product_inner .singleSkill .card-body{padding:5px;border:1px solid #d5d5d5 !important;overflow:hidden}
.product_inner .singleSkill .card-info {margin:10px 0 0}
.product_inner .singleSkill .card-info h4 {color:#262626; font-size:24px}
.product_inner .singleSkill .card-info p {margin:0;font-size:18px;color:#696969}

.product_inner2 .singleSkill{padding:0;margin-bottom:30px;border:none !important}
.product_inner2 .singleSkill .card-body{padding:5px;border:1px solid #d5d5d5 !important;overflow:hidden}

.csTable thead th{text-align:center;font-size:16px;color:#1c1c1c;background:#f8f8f8;font-weight:500;border-top:2px solid #b5b5b5;border-bottom:1px solid #d5d5d5}
.csTable tbody td{border-bottom:1px solid #d5d5d5;text-align:center;font-size:15px;font-weight:400;color:#696969;overflow: hidden;}
.csTable .tdNum {text-align:center;width:10%}
.csTable .tdTitle {text-align:left;}
.csTable .tdTitle a{color:#696969}
.csTable .tdTitle a:hover{color:#1c1c1c}
.csTable thead th.tdTitle {text-align:center;}
.csTable .tdWrite, .csTable .tdDate {width:15%}
.csTable tbody td.tdclear {text-align:center;font-size:14px;border-bottom:1px solid #d5d5d5;height:150px;vertical-align:middle}

.searchWrap {margin:2rem 0 0;clear:both}
.searchWrap form{margin:0 auto}
.seachBtn{background:#3b3b3b;border:0;font-size:16px !important;color:#fff;padding:7px 30px;margin:0 5px;line-height:32px;letter-spacing:0.1em;border-radius:0 !important}
.seachBtn:hover, .seachBtn:focus, .seachBtn:active{color:#fff}

.board_detail:after{display:block;visibility:hidden;clear:both;content:""}
.board_detail .board_title {border-top:2px solid #b5b5b5;background:#f8f8f8;padding:1.0rem 2.0rem;letter-spacing:-0.05em}
.board_detail .board_title:after{display:block;visibility:hidden;clear:both;content:""}
.board_detail .board_title h3 {color:#1c1c1c;font-size:20px;text-align:left;margin:0;font-weight:500;display:inline-block;padding-left:1.0rem;float:left}
.board_detail .board_title ul {text-align:right;display:inline-block;float:right}
.board_detail .board_title ul li {display:inline-block;margin:0 0 0 10px;font-size:14px;color:#696969}
.board_detail .board_cont{padding:2.0rem 1.0rem;border-bottom:1px solid #d5d5d5;margin-bottom:2.0rem;color:#696969;}
.board_detail .board_cont p{font-size:18px}
.icon_notice {color:#1c1c1c;letter-spacing:0.1em;display:inline-block;margin-right:5px;font-weight:500}

.form_tbl {border-top:2px solid #b5b5b5;margin-bottom:2.0rem;}
.form_tbl th {border:none;border-bottom:1px solid #d5d5d5;vertical-align:middle;background:#f8f8f8;width:210px;text-align:center;font-size:18px;color:#696969;font-weight:400}
.form_tbl td {border:none;border-bottom:1px solid #d5d5d5;width:auto}
.full {width:100% !important}
.form_tbl .agrreWrap {padding:15px;border:1px solid #d5d5d5;margin-bottom:10px;font-size:14px;color:#696969;line-height:160%;height:200px;overflow-y: scroll;}
.custom-file-label::after {background:#fff;content: "찾아보기";}

.process_inner .singleSkill{position:relative;padding:0;margin-bottom:50px;border-radius:0;padding-right:30px;border:0 !important}
.process_inner .singleSkill .card-body{padding:40px 30px;border:1px solid #d5d5d5 !important;overflow:hidden}
.process_inner .singleSkill .card-body dl {margin:20px 0 0;padding:0;width:100%;}
.process_inner .singleSkill .card-body dt {font-size:20px;font-weight:bold;background:#cf2630;display:inline-block;color:#fff;float:left;margin-left:0;width:40px;line-height:40px;}
.process_inner .singleSkill .card-body dd {float:left;margin-left:15px;text-align:left;display:inline-block;}
.process_inner .singleSkill .card-body dd h4 {font-size:28px;line-height:40px;letter-spacing:-0.05em}
.process_inner .singleSkill .card-body dd p {margin:0;padding:0 0 0 8px;font-size:18px;position: relative;}
.process_inner .singleSkill .card-body dd p:before{content:"";position: absolute;top:10px;border-radius:50%;height:3px;width:3px;background:#696969;left:0}
.process_inner .singleSkill:after{position: absolute;content:"";background:url('../images/franchise/arrow.png') no-repeat;width:28px;height:45px;top:50%;margin-top:-24px;right:-16px}
.process_inner .singleSkill .card-body dt.black{background:#525252}
.process_inner .pcs2 .card-body, .process_inner .pcs4 .card-body {padding:40px 10px}
.process_inner .pcs6 .card-body {padding:40px 50px}
.process_inner .pcs3:after, .process_inner .pcs6:after {background:none}
.process_inner .pcs4, .process_inner .pcs5, .process_inner .pcs6 {margin-bottom:0 !important}

.support .singleSkill{position: relative;padding:0;margin-top:70px;border-radius:0;border:0 !important}
.support .singleSkill .card-body{padding:75px 15px 45px 15px;border:1px solid #d5d5d5 !important;overflow:hidden}
.support .singleSkill .card-body span{position: absolute;width:80px;line-height:80px;background:#cf2630;text-align:center;color:#fff;font-size:30px;font-weight:700;border-radius:50%;top:-40px;left:50%;margin-left:-40px}
.support .singleSkill .card-body dl{margin:0;padding:0}
.support .singleSkill .card-body dt {float:left; width:186px}
.support .singleSkill .card-body dd {margin-top:30px;float:left;padding-left:20px;width:320px;display:block}
.support .singleSkill .card-body dd h4 {font-size:28px;letter-spacing:0;font-weight:300}
.support .singleSkill .card-body dd h4 strong {font-weight:700}
.support .singleSkill .card-body dd p{margin:0;padding:0;font-size:18px;color:#262626;font-weight:300}
.support .singleSkill .card-body dd.pr-a{padding-right:80px}
.support .singleSkill .card-body dd.pr-b{padding-right:120px}
.support .singleSkill .card-body dd.pr-c{padding-right:30px}
.support .singleSkill .card-body span.black{background:#525252}

.supportH{padding-right:0}
.supportH .inner {position: relative;width:100%;display:table}
.supportH .inner .img{width:50%;}
.supportH .inner .innerTxt{position: absolute; text-align:center;width:50%;top:0;right:0;padding:80px 0 0}
.supportH .inner .innerTxt h4 {font-size:28px;}
.supportH.pr-15 {padding-left:0;padding-right:15px;}
.supportH .inner .innerTxt h4 {position: relative;font-size:28px;padding-bottom:30px;margin-bottom:20px}
.supportH .inner .innerTxt h4:after{position: absolute;content:'';width:25px;height:5px;background:#d62e2e;bottom:0;left:50%;margin-left:-13px}
.supportH .inner .innerTxt p {font-size:18px;font-weight:300}
.supportH .inner .img img, .supportH2 .inner .img img {border:1px solid #d5d5d5}

.supportH2{padding-right:0}
.supportH2 .inner {position: relative;width:100%;display:table}
.supportH2 .inner .img{width:50%;float:right}
.supportH2 .inner .innerTxt{position: absolute; text-align:center;width:50%;top:0;left:0;padding:80px 0 0}
.supportH2.pr-15 {padding-left:0;padding-right:15px;}
.supportH2 .inner .innerTxt h4 {position: relative;font-size:28px;padding-bottom:30px;margin-bottom:20px;letter-spacing:-0.05em}
.supportH2 .inner .innerTxt h4:after{position: absolute;content:'';width:25px;height:5px;background:#d62e2e;bottom:0;left:50%;margin-left:-13px}
.supportH2 .inner .innerTxt p {font-size:18px;font-weight:300}

.conPageMemo {padding:70px 0;margin:0;font-weight:300;font-size:34px}
.conPageMemo strong{font-weight:700}

.interior {background:url('../images/franchise/sub5_03_img1_1.jpg') no-repeat;background-size:cover;width:100%;display:table;height:443px;padding:30px;}
.interior .bg{display:table-cell;border:2px solid;border-color:rgba(255,255,255,0.7);background:rgba(0,0,0,0.7);vertical-align:middle}
.interior .bg h4{font-size:50px;color:#fff;font-weight:500;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #fff;display:inline-block}
.interior .bg p{font-size:24px;color:#fff;line-height:160%}

.spTitle {position: relative;font-size:32px;margin-bottom:10px;padding-top:16px;}
.spTitle:before{position:absolute;top:0;width:25px;height:5px;background:#d62e2e;left:0;content:''}
.inner_It {float:right;margin-top:-20px;margin-right:100px}
.imgbox {vertical-align:bottom}
.img50 {float:left;width:50%;}
.imgl-box{padding-top:5%}
.img50 img{vertical-align:bottom}

.interior_in {position: relative;overflow: hidden;z-index: 1;margin-bottom:50px}
.interior_in .inner {width:100%;}
.interior_in .inner .img{float:left;width:50%}
.interior_in .inner .innerTxt{position:absolute;right:0;width:50%;top:0;padding:60px 90px 0 40px}
.interior_in .inner .innerTxt span {display:inline-block;line-height:100%;font-size:18px;color:#fff;background:#cf2630;padding:10px;font-weight:500;margin:0 0 30px -80px}
.interior_in .inner .sTitle {position: relative;font-size:28px;margin-bottom:20px;padding-bottom:20px}
.interior_in .inner .sTitle:after{position:absolute;width:25px;height:5px;background:#d62e2e;content:'';bottom:0;left:0}
.interior_in .inner .innerTxt p {font-size:18px;font-weight:300}

.interior_r {position: relative;overflow: hidden;z-index: 1;margin-bottom:50px}
.interior_r .inner {width:100%;}
.interior_r .inner .img{float:right;width:50%}
.interior_r .inner .innerTxt{position:absolute;left:0;width:50%;top:0;padding:60px 40px 0 90px;text-align:right}
.interior_r .inner .innerTxt span {display:inline-block;line-height:100%;font-size:18px;color:#fff;background:#cf2630;padding:10px;font-weight:500;margin:0 -80px 30px 0}
.interior_r .inner .sTitle {position: relative;font-size:28px;margin-bottom:20px;padding-bottom:20px}
.interior_r .inner .sTitle:after{position:absolute;width:25px;height:5px;background:#d62e2e;content:'';bottom:0;right:0}
.interior_r .inner .innerTxt p {font-size:18px;font-weight:300}
.pl-a .inner .innerTxt{padding-left:200px}

.agrrebtnbox {text-align:right;display:block !important;}
.agrrebtnbox:after{display:block;visibility:hidden;clear:both;content:""}
.agrrebtnbox input{margin:0 10px}
.agrrebtnbox label{float:right;}

#privacyP {}
#privacyP .modal-dialog{max-width:960px;margin:150px auto 0;}
#privacyP .modal-content {border-radius:0 !important}
#privacyP .modal-content .modal-header{background:#cf2630;color:#fff;text-align:center;border-radius:0 !important;padding:15px 30px}
#privacyP .modal-content .modal-header h3 {font-size:24px;}
#privacyP .close {color:#fff !important}
#privacyP .modal-body {padding:30px;margin:30px;border:1px solid #d5d5d5;height:400px;overflow-y:auto;overflow-x: hidden;}
#privacyP .modal-body h5 {color:#363636;font-size:18px;}
#privacyP .modal-body .inner{margin-top:15px;font-size:14px;color:#868686;line-height:160%}

/* 190808 */
.hearing h4{background:#f6d9cd;font-size:36px;font-weight:400;color:#303030;padding:15px 0;margin:30px 0}
.prduct_inner2 {margin-bottom:30px}
.prduct_inner2 .card {border-radius:0;}
.prduct_inner2 .card .card-body {padding:1.5rem}
.hikmaSingleEducation h4 {font-size:28px;border-left:5px solid #cf2630;padding-left:10px;margin-bottom:30px}
.hikmaSingleEducation .media img {margin-right:10px} 
.hikmaSingleEducation .media h5 {color:#cf2630;font-size:20px;margin:0}
.hikmaSingleEducation .media h5.type2{margin-top:30px}
.hikmaSingleEducation .media span.d-block {margin-bottom:10px;font-size:18px;letter-spacing:-0.02em}
.hikmaSingleEducation .media p {margin:0;font-size:18px;background:#f6d9cd;display:inline-block;padding:4px 10px;letter-spacing:-0.02em}
.hikmaSingleEducation ul.right{float:right;text-align:center;margin-top:-70px}
.hikmaSingleEducation ul.right li{float:left;margin:0 5px}

.event-board { position: relative; width: 100%; }
.event-board .event_inner {padding:0 !important}
.event-board .event_inner:before { content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.event-board .event_inner:after { content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.event-board .item { position: relative; width: calc(33.33% - 1%); margin: 1% 0.5%; float: left;}
.event-board .eventSkill { border: 0; padding: 0 !important; background: 0 !important; }
.event-board .eventSkill .imgCover {position: relative; width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; border: 1px solid #eaeaea; border-radius: 1.5rem; overflow: hidden; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.03), 2px 2px 5px rgba(0, 0, 0, 0.03); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.event-board .eventSkill .imgCover > img {position: relative; width: 100%; display: block;}
.event-board .eventSkill .tdTitle  {padding-top:20px; position: relative; font-size: 18px; font-weight: 600; color: #1f1f1f;}
/*.eventSkill h5:after{ content: '';position: absolute; width:26px;height:3px; background:#2e2e2e;left:50%;margin-left:-13px;bottom:-2px;}*/
/*.eventSkill .card-body .card-text{font-size:16px; min-height:50px; vertical-align:middle}*/
/*.event-board .event_inner .owl-nav,*/
/*.event-board .event_inner .owl-dots { width: 100%; margin: 0 auto; display: flex; flex-flow: row nowrap; align-items: center; position: relative;}*/
/*.event-board .event_inner .owl-nav { color: #fff; font-size: 2.5rem; justify-content: space-between; }*/
/*.event-board .event_inner .owl-nav .owl-prev,*/
/*.event-board .event_inner .owl-nav .owl-next { padding: 4px 0.5rem; color: #fff; background: #cf2630; width: 38px; height: 38px; line-height: 20px; border-radius: 99px; text-align: center; box-sizing: border-box;}*/
/*.event-board .event_inner .owl-nav .owl-prev:hover,*/
/*.event-board .event_inner .owl-nav .owl-next:hover { color: #fff; background: #000;}*/
/*.event-board .event_inner .owl-dots { justify-content: center; position: relative; top: -40px; width: 50%;}*/
/*.event-board .event_inner .owl-dots .owl-dot { display: inline-block; background: none repeat scroll 0 0 #c9c9c9; border-radius: 20px; display: block; height: 12px; margin: 5px; width: 12px;}*/
/*.event-board .event_inner .owl-dots .owl-dot.active { background-color: #cf2630;}*/
/*.event-board .event_inner .owl-dots .owl-dot:hover { background-color: #000;}*/
@media (max-width: 1024px) {
	.event-board .item { width: calc(33.33% - 1%); margin: 1% 0.5%; }
}
@media (max-width: 768.98px) {
	.event-board .item { width: calc(50% - 1%); margin: 1% 0.5%; }
}


@media (max-width: 1199px) {
	.process_inner .singleSkill .card-body dd {float:none;width:100%;margin-top:10px}
	#privacyP .modal-dialog{margin:200px auto 0;}	
	.hearing h4 {font-size:28px}
	.prduct_inner2 .card .card-body {padding:1.5rem 1.0rem}
	.hikmaSingleEducation .media img {width:130px}
	.hikmaSingleEducation .media span.d-block {font-size:18px;}
	.hikmaSingleEducation .media p {font-size:16px;}
	.hikmaSingleEducation ul.right{margin-top:-30px}
}

@media (max-width: 1024px) { 	
	#pageTop h2 {font-size:52px}
	.content-area .lnb{margin:-30px 0 0;}
	.content-area .lnb li a{font-size:18px; line-height:60px;}
	.pageTitle_inner {margin-top:80px;padding-bottom:60px}
	.pageTitle_inner .page_title {font-size:42px;}
	.pageTitle_inner .page_subcon {font-size:16px;width:80%;margin-bottom:1rem}
	.pageTitle_inner:after{height:40px;bottom:20px}
	.pageSubTitle {margin-bottom:30px}
	.pageSubTitle .page_title {font-size:32px;}
	.bottom_no {padding-bottom:30px}
	.bottom_no .page_title {font-size:32px;}
	.pageSubTitle2 {margin-bottom:30px}
	.pageSubTitle2 .page_title {font-size:32px;}
	.pageSubTitle2 p {font-size:18px;}
	
	.ceoMessage{padding:0 120px}
	.ceoMessage h3 {font-size:32px}
	.ceoMessage p {font-size:16px}
	.ceoMessage .signature {font-size:14px}
	.ceoMessage .signature .ceo {font-size:48px}

	.vision h4{font-size:28px;}

	.history dl {margin-bottom:50px}
	.history dl dt {width:120px;height:120px;font-size:24px;line-height:110px;}
	.history dl dd {position:relative;width:50%;margin-right:50%;padding-right:30px;margin-bottom:30px}
	.history dl dd p {font-size:18px;}
	.history dl dd span{margin-right:20px}
	.history dl dd strong{margin-right:0}
	.history dl dd:before {top:8px;}
	.history dl dd.d_right span{margin-left:10px}
	.history dl dd.d_right strong{margin-left:20px}
	.history dl dd.d_right:before {left:-8px;top:6px;}

	#map, #map2 {width:100%;height:420px;}

	/* .dg-map{width:360px;} */
	.search_wrap {padding:0 10px 0 0;float:right}
	.search_wrap form h4 {font-size:24px;padding-right:80px}
	.search_wrap form p {font-size:16px}
	.search_wrap form .form-control{font-size:0.875rem}	
	.store_detail .store-info dt{font-size:18px;margin:0 0 1rem}
	.store_detail .store-info dd {line-height:36px;}
	.store_detail .store-info dd p {line-height:36px;font-size:16px; }
	.store_detail .store-info dd p strong {line-height:36px;}
	.store_detail .store-info dd p span {line-height:36px;}	

	.support .singleSkill .card-body dt {width:30%}
	.support .singleSkill .card-body dd {width:70%;margin-top:15px}
	.support .singleSkill .card-body dd h4 {font-size:24px}
	.supportH .inner .innerTxt h4, .supportH2 .inner .innerTxt h4 {font-size:24px;}
	.supportH .inner .innerTxt, .supportH2 .inner .innerTxt{padding:60px 0 0}
	
	.conPageMemo {font-size:28px}

	.interior {height:320px}
	.interior .bg h4{font-size:46px;padding-bottom:15px;margin-bottom:15px;}
	.interior .bg p{font-size:18px;margin-bottom:0}

	.spTitle {font-size:28px;}

	.interior_in .inner .sTitle,.interior_r .inner .sTitle  {font-size:24px;}
	.interior_r .inner .innerTxt{padding-top:30px;padding-bottom:0;padding-left:50px}
	.interior_in .inner .innerTxt {padding-top:30px;padding-bottom:0;padding-right:50px}

	.form_tbl .agrreWrap {height:150px;}

	.board_detail .board_title h3 {padding-left:0}

	#privacyP .modal-dialog{margin:300px auto 0;}
}

@media (max-width: 991.98px) { 
	.product_inner .singleSkill .card-info h4 {font-size:20px;}
	.product_inner .singleSkill .card-info p {font-size:16px;}

	.ceoMessage{padding:0 30px}

	.store-active .owl-item .store_new dt {display: inline-block;width:100%;}
	.store-active .owl-item .store_new dd {float:none;width:40%;text-align:left}
	.dg-map-area{text-align:center;margin:0 auto;border:0;padding:0}
	/*.dg-map{width:400px;float:none;margin:0 auto} */
	#canvas {float:none; margin:0 auto 30px}
	.search_wrap {padding:0;float:none;text-align:left;width:100%}
	.search_wrap .table_cell {vertical-align: top}
	.search_wrap form h4{margin-top: 50px;}
	.search_wrap form p {margin-bottom:20px}
	.storeTable .tdCity, .storeTable .tdTel{display:none}	
	.store_detail .store-thumb{width:100%;}
	.store_detail .store-info {width:100%;padding:0}
	.store_detail .store-info dt{margin:1rem}
	.store_detail .store-info dd {margin-left:1rem}
	.mt-70 {margin-top:20px}	
	
	.process_inner .singleSkill .card-body {padding:20px}
	.process_inner .singleSkill .card-body dt {position:absolute; top:0;left:0;float:none;margin:0 auto;}
	.process_inner .singleSkill .card-body img {width:80px}
	.process_inner .singleSkill .card-body dd {margin:0;text-align:center}
	.process_inner .singleSkill .card-body dd p {padding:0;line-height:160%}
	.process_inner .singleSkill .card-body dd p:before{background:none}
	
	.process_inner .pcs2:after, .process_inner .pcs4:after {background:none}
	.process_inner .pcs3:after {background:url('../images/franchise/arrow.png') no-repeat;}

	.support .singleSkill {margin-top:50px}
	.support .singleSkill .card-body {padding:40px 15px}
	.support .singleSkill .card-body span{width:60px;line-height:60px;font-size:20px;margin-left:-30px;top:-30px}
	.support .singleSkill .card-body dt {float:none; width:100px;margin:0 auto}
	.support .singleSkill .card-body dd {margin-top:30px;float:none;padding:15px;width:100%;display:block}
	.support .singleSkill .card-body dd h4 {font-size:24px;text-align:center}
	.support .singleSkill .card-body dd p{margin:15px 0 0;text-align:center}
	.support .singleSkill .card-body dd.pr-a{padding-right:15px}
	.support .singleSkill .card-body dd.pr-b{padding:15px 30px}
	.support .singleSkill .card-body dd.pr-c{padding-right:15px}
	.support4 .singleSkill .card-body dd{margin-top:5px}

	.supportH{padding-right:15px;margin-bottom:30px}
	.supportH .inner .img, .supportH2 .inner .img{width:100%;float:none}
	.supportH .inner .img img, .supportH2 .inner .img img {width:100%;}
	.supportH .inner .innerTxt, .supportH2 .inner .innerTxt{position: relative;width:100%;padding:20px 0 0}
	.supportH .inner .innerTxt h4, .supportH2 .inner .innerTxt h4 {font-size:24px;padding-bottom:15px;margin-bottom:10px}
	.supportH.pr-15, .supportH2.pr-15 {padding-left:15px;padding-right:15px;}
	.supportH .inner .innerTxt h4:after, .supportH2 .inner .innerTxt h4:after{height:2px;}

	.supportH2{padding-right:15px}

	.conPageMemo {font-size:24px}

	.interior {margin-bottom:50px}
	.inner_It {float:none;margin:30px;}

	.interior_in .inner .img, .interior_r .inner .img{float:none;width:100%}
	.interior_in .inner .img img, .interior_r .inner .img img{width:100%}	
	.interior_in .inner .innerTxt {position: relative;right:auto;left:0;width:100%;padding:0 30px 0;top:-15px}
	.interior_in .inner .innerTxt span {margin:0 0 20px 0;}
	.interior_in .inner .innerTxt p, .interior_r .inner .innerTxt p {font-size:16px}
	.interior_r .inner .innerTxt {position: relative;right:auto;left:0;width:100%;padding:0 30px 0;top:-15px;text-align:left}
	.interior_r .inner .sTitle:after {left:0;right:auto}
	.interior_r .inner .innerTxt span {margin:0 0 20px 0;}
	
	.board_detail .board_title {padding:1.0rem;}
	.board_detail .board_title h3 {margin-bottom:10px}

	#privacyP .modal-dialog{max-width:560px;margin:100px auto 0;}

	.hearing p{width:80%;margin:0 auto}
	.hearing h4{font-size:24px}
	.prduct_inner2 .card .card-body {padding:1.5rem}
	.hikmaSingleEducation h4 {font-size:20px;}
	.hikmaSingleEducation .media {display:block;}
	.hikmaSingleEducation .media img {margin-right:0;width:195px;display:block;margin:0 auto} 
	.hikmaSingleEducation .media .media-body {width:100%;clear:both;margin-top:20px}
	.hikmaSingleEducation ul.right {margin:0}
	.hikmaSingleEducation ul.right li{width:25%;margin:0}
	.hikmaSingleEducation .media h5.type2{margin-top:48px}
}

@media (max-width: 768.98px) { 	
	.sub_visual {padding-top:90px}
	#pageTop {padding:5rem 0}
	#pageTop h2 {font-size:44px}
	#pageTop p{font-size:14px}

	.content-area .mo-on {background:#cf2630;padding:0 15px;}
	.content-area .sublnb {position: relative;line-height:52px}	
	.content-area .sublnb a {display:block;line-height:32px;height:36px;color:#fae9ea;border:1px solid #e79297;font-weight:700;font-size:24px;border-radius:50%;width:36px;position:absolute;top:7px;text-align:left;}
	.content-area .sublnb .page-prev{left:0;}
	.content-area .sublnb .page-prev i{margin-left:4px;}
	.content-area .sublnb .page-next {right:0;}
	.content-area .sublnb .page-next i{margin-left:6px;}
	.content-area .sublnb h3 {font-size:20px;line-height:52px;color:#fff;text-align:center;margin:0 auto;font-weight:500;width:220px}
	.content-area .sublnb a:hover, .content-area .sublnb a:active {background:#cf2630;color:#fff;border:1px solid #fff}
	
	.pageTitle_inner {margin-top:50px;padding-bottom:50px}
	.pageTitle_inner .page_title {font-size:36px;}
	.pageTitle_inner .page_subcon {font-size:14px;width:100%;padding-bottom:0}
	.pageTitle_inner:after{height:30px;bottom:15px}	
	.pageSubTitle {margin-bottom:20px}
	.pageSubTitle .page_title, .pageSubTitle2 .page_title {font-size:24px;}

	.ceoMessage{padding:15px}	
	.ceoMessage .text-center {text-align:left !important;}
	.ceoMessage h3 {font-size:24px;margin-bottom:30px}
	.ceoMessage p {font-size:16px;margin-bottom:30px}
	.ceoMessage .signature {text-align:right;}
	
	.history dl {margin-bottom:10px}
	.history dl dd {padding-right:10px;}
	.history dl dd span{padding:0 10px 0 0;margin:0;width:100%;text-align:right}
	.history dl dd strong{margin-right:10px}
	.history dl dd:before {top:8px;}
	.history dl dd.d_right span{margin-left:10px;text-align:left;padding-left:10px}
	.history dl dd.d_right strong{margin-left:20px}
	.history dl dd.d_right:before {left:-8px;top:6px;}

	.product_inner .singleSkill {margin-bottom:15px;}
	.product_inner .singleSkill .card-info h4 {font-size:18px;margin-bottom:0}
	.product_inner .singleSkill .card-info p {font-size:14px;}	

	#map, #map2 {width:100%;height:360px;}

	.product_inner2 .singleSkill {margin-bottom:15px;}

	.bottom_no {padding-bottom:15px;padding-top:0}
	#canvas {display:none}*/
	.search_wrap {padding:0 }
	.search_wrap form h4 {font-size:18px;margin:0 auto 10px; padding-right:0;text-align:center}
	.search_wrap form p {font-size:14px;text-align:center}
	.search_wrap form .form-control{font-size:0.875rem}
	.storeTable thead th, .storeTable tbody td{font-size:14px;}
	
	.process_inner .singleSkill .card-body dl {margin:0}
	.process_inner .singleSkill .card-body dt {font-size:20px}
	.process_inner .singleSkill .card-body dd h4 {font-size:20px}
	.process_inner .singleSkill .card-body dd p {font-size:16px}
	
	.support .singleSkill .card-body dd {margin-top:0;padding:15px 30px 0}
	.support .singleSkill .card-body dd h4 {font-size:20px;}
	.support .singleSkill .card-body dd p{font-size:16px;}
	.support .singleSkill .card-body dd.pr-a, .support .singleSkill .card-body dd.pr-b {padding:15px 50px 0}
	.supportH .inner .innerTxt h4, .supportH2 .inner .innerTxt h4 {font-size:20px;}
	.supportH .inner .innerTxt p, .supportH2 .inner .innerTxt p {font-size:16px;}

	.interior .bg h4{font-size:28px;}
	.interior .bg p{font-size:16px;}
	.interior_in , .interior_r{margin-bottom:30px}

	.interior_in .inner .sTitle, .interior_r .inner .sTitle {font-size:20px;margin-bottom:10px;padding-bottom:15px;}

	#privacyP .modal-dialog{margin:200px auto 0;}
}


@media (max-width: 640.98px) { 
	#pageTop {padding:3rem 0}
	.sub_visual {padding-top:60px}
	#pageTop h2 {font-size:36px}
	.pageTitle_inner .page_title {font-size:24px;}
	
	.content-area .lnb{margin:0;line}
	.content-area .lnb li {width:100%}
	.content-area .lnb li a{font-size:14px; line-height:42px;}

	.bottom_no .page_title {font-size:20px;}
	.pageSubTitle2 .page_title {font-size:20px;}
	.pageSubTitle2 p {font-size:14px;}
	.ceoMessage {padding:20px}
	.ceoMessage h3 {font-size:20px;line-height:160%}
	.ceoMessage .text-center{text-align:left !important}
	.ceoMessage p {font-size:14px;margin-bottom:20px}
	.ceoMessage .signature {font-size:12px;margin-top:30px;margin-bottom:0}
	.ceoMessage .signature .ceo {font-size:30px;margin-left:10px}

	.vision h4{font-size:20px;letter-spacing:-0.05em}
	.vision h4 strong b:after{margin-left:-10px;}
	
	.history_line{left:30px;}
	.history {padding:0}
	.history dl dt {margin:0 0 20px;width:120px;height:36px;border-radius:0;line-height:26px;background:#cf2630;color:#fff;font-size:18px}
	.history dl dd {width:100%;margin-right:0;padding-left:30px;margin-bottom:30px}
	.history dl dd p {font-size:16px;}
	.history dl dd span{float:none;display:inline-block;margin-left:0;width:100%;text-align:left;padding-left:10px}
	.history dl dd strong{float:none;margin-right:0;width:100%;padding-left:10px;font-size:18px}
	.history dl dd:before {top:8px; left:8px;}
	.history dl dd.d_right {width:100%;margin:0;padding-left:30px;margin-bottom:30px}
	.history dl dd.d_right p {font-size:16px;}
	.history dl dd.d_right span{float:none;margin:0;width:100%;padding-left:10px;}
	.history dl dd.d_right strong{float:none;margin:0;width:100%;padding-left:10px;font-size:18px}
	.history dl dd.d_right:before {left:8px;}

	.pageSubTitle2 p.maptxt {margin:15px 0}
	.pageSubTitle2 p.maptxt i{font-size:14px;}

	.product_inner {width:50%;padding-right:15px;padding-left:7.5px}
	.product_inner:nth-child(odd) {padding:0 7.5px 0 15px !important}	
	.product_inner .singleSkill .card-info h4 {font-size:16px;} 

	.product_inner2 {width:50%;padding-right:7.5px;padding-left:15px}
	.product_inner2:nth-child(odd) {padding:0 15px 0 7.5px !important}	

	.dg-map-area {margin:0}	
	.search_wrap {padding:0;text-align:left}
	.search_wrap form h4 {font-size:18px;margin-bottom:10px;margin-top:0;}
	.search_wrap form p {font-size:12px;margin-bottom:1rem}
	.search_wrap .w80 {width:100%}
	.search_wrap .shBtn {width:100%;margin-top:15px;}
	.search_wrap .form-group.col-md-12 {margin-bottom:0}
	.search_wrap .form-group {margin-bottom:10px}
	.search_wrap select.form-control, .search_wrap input.form-control {min-height:36px;line-height:36px !important;height:36px !important}
	.search_wrap .shBtn {margin-top:10px;min-height:36px;line-height:36px !important;height:36px !important}
	.storeTable thead {display:none;}
	.storeTable {border-top:2px solid #b5b5b5}
	.storeTable tbody tr{position: relative;  display: block;}
	.storeTable tbody tr:after{display:block;visibility:hidden;clear:both;content:""}
	.storeTable tbody td.tdName {display:block;width:100%;border:0;text-align:left;font-size:14px;padding-bottom:0;color:#1c1c1c;font-weight:500}
	.storeTable tbody td.tdAdd {display:none;}
	.storeTable tbody td.tdTel {display:block;width:100%;border:0;text-align:left;float:left;border-bottom:1px solid #d5d5d5;padding-top:5px;font-size:14px;}
	.storeTable tbody td.tdView {position:absolute;border:0;float:none;width:auto;display:inline-block;top:5px;right:70px}
	.storeTable tbody td.tdView2 {top:5px;right:0}
	.content-area nav {clear:both;text-align:center;margin:15px auto 0}

	.store_detail .store-info dd p {font-size:14px;}
	.store_detail .store-info dd p strong {display:block; width:100%;}
	.store_detail .store-info dd p span {display: block; width:100%;line-height:130%;padding-left:15px}

	.csTable tbody {border-top:2px solid #b5b5b5}	
	.csTable thead th{display:none}
	.csTable thead th, .csTable tbody td{font-size:14px;}
	.csTable .tdNum, .csTable .tdWrite {display:none}
	.csTable tbody tr{position: relative;  display: block;}
	.csTable tbody tr:after{display:block;visibility:hidden;clear:both;content:""}
	.csTable tbody td.tdTitle {display:block;width:100%;text-align:left;font-size:14px;border:0;padding-bottom:0;color:#1c1c1c;font-weight:500}
	.csTable tbody td.tdDate {display:block;width:100%;border:0;text-align:left;float:left;border-bottom:1px solid #d5d5d5;padding-top:5px;font-size:12px;}
	.csTable tbody td.tdclear {display:block;width:100%;line-height:120px}
	.searchWrap {margin:0;clear:both;text-align:center}
	.searchWrap form{margin:0 auto;}
	.searchWrap .form-group{margin:0}
	.searchWrap form input {min-height:36px;line-height:36px !important;height:36px !important;width:200px;}
	.seachBtn{font-size:14px;}
	
	.board_detail .board_title h3 {font-size:16px;}
	.board_detail .board_title h3 .icon_notice{display:block;font-size:12px;font-weight:400;margin-bottom:10px;}
	.board_detail .board_title ul li {font-size:12px}
	.board_detail .board_cont{padding:1.0rem 0.5rem;}
	.board_detail .board_cont p {font-size:14px}

	.seachBtn {line-height:22px;font-size:14px !important}

	.form_tbl tbody th{display:block;width:100%;text-align:left;font-size:14px;border:0;padding-bottom:0;color:#1c1c1c;font-weight:500;background:none}
	.form_tbl tbody td {display:block;padding-top:5px;width:100%}	
	.form_tbl tbody td input {min-height:36px;line-height:36px !important;height:36px !important;}
	.form_tbl tbody td input.col-md-3 {width:30%;display:inline-block}
	.form_tbl tbody td input.col-md-6 {width:60%;display:inline-block}
	.form_tbl .agrreWrap{font-size:12px;line-height:130%;height:120px}
	.form_tbl .form-check-label {font-size:14px;line-height:36px}

	.process_inner .singleSkill {margin-bottom:60px ;padding-right:0;}
	.process_inner .pcs4, .process_inner .pcs5 {margin-bottom:60px !important;}
	.process_inner .singleSkill .card-body{padding:15px 30px 15px 40px}
	.process_inner .singleSkill .card-body img{float:left;margin:0 10px;width:60px}
	.process_inner .singleSkill .card-body dl {float:left;width:auto;margin-left:10px}
	.process_inner .singleSkill .card-body dd {text-align:left}
	.process_inner .singleSkill .card-body dd h4 {margin-bottom:0;font-size:18px}
	.process_inner .singleSkill .card-body dd p {font-size:16px;line-height:130%}
	.process_inner .singleSkill:after{background:none;}
	.process_inner .singleSkill:before{position: absolute;content:"";background:url('../images/franchise/arrow2.png') no-repeat;width:45px;height:28px;bottom:-40px;margin-left:-23px;left:50%}
	.process_inner .pcs6 {margin-bottom:0 !important;}
	.process_inner .pcs6:before{background:none}

	.interior {height:160px;padding:15px;margin-bottom:20px;}
	.interior .bg h4{font-size:20px;padding-bottom:10px;margin-bottom:10px;}
	.interior .bg p{font-size:12px;margin-bottom:0}

	.spTitle {font-size:18px;padding-top:10px;}
	.spTitle:before{height:3px;}

	.inner_It {margin:10px;}
	.img50 {float:none;width:100%}
	.imgl-box{padding-top:0}

	.interior_in .inner .sTitle:after, .interior_r .inner .sTitle:after {height:3px;background:#d62e2e;}
	.interior_in .inner .sTitle, .interior_r .inner .sTitle {font-size:18px;}
	.interior_in .inner .innerTxt p, .interior_r .inner .innerTxt p{font-size:14px;}
	.interior_in .inner .innerTxt span, .interior_r .inner .innerTxt span {font-size:14px}
	
	.support .singleSkill {margin-top:30px}
	.support .singleSkill .card-body {padding:30px 15px 15px}
	.support .singleSkill .card-body span{width:40px;line-height:40px;font-size:16px;margin-left:-20px;top:-20px}
	.support .singleSkill .card-body dt {float:left;width:30%;}
	.support .singleSkill .card-body dd {float:left;width:70%;text-align:left;padding:15px 15px 0;margin-top:0}
	.support .singleSkill .card-body dd h4 {text-align:left;font-size:18px}
	.support .singleSkill .card-body dd p {text-align:left;font-size:14px;margin-top:5px;line-height:130%}
	.support .singleSkill .card-body dd.pr-a{padding:30px 15px 0}
	.support .singleSkill .card-body dd.pr-b, .support .singleSkill .card-body dd.pr-c{padding:25px 15px 0}

	.supportH{padding-right:15px;margin-top:15px;margin-bottom:0}
	.supportH .inner .img{width:50%;}
	.supportH .inner .innerTxt{position:absolute; text-align:center;width:50%;top:0;right:0;padding:60px 5px 0}
	.supportH.pr-15 {padding-left:15px;padding-right:15px;}
	.supportH .inner .innerTxt h4 {font-size:18px;}
	.supportH .inner .innerTxt p {font-size:14px;margin-bottom:0}
	.conPageMemo {font-size:20px;padding:50px 0 35px;}
	.supportH2{padding-right:15px;margin-top:15px}
	.supportH2 .inner .img{width:50%;float:left}
	.supportH2 .inner .innerTxt{position: absolute; text-align:center;width:50%;top:0;right:0;left:auto;padding:60px 5px 0}
	.supportH2.pr-15 {padding-left:15px;padding-right:15px;}
	.supportH2 .inner .innerTxt h4 {font-size:18px;}
	.supportH2 .inner .innerTxt p {font-size:14px;}
	.content-area {padding-bottom:1.75rem}
	.smb {padding-top:46px !important}

	.form_tbl .agrreWrap {height:80px;}
	
	#privacyP .modal-dialog{max-width:340px;margin:150px auto 0;}
	#privacyP .modal-content .modal-header {padding:10px 20px}
	#privacyP .modal-content .modal-header h3 {font-size:16px}
	#privacyP .modal-body {padding:15px;margin:15px;}
	#privacyP .modal-body h5 {font-size:14px}
	#privacyP .modal-body .inner {font-size:12px}

	.pagination.custom-paganation-1 li.page-item .page-link {font-size:13px;}
	
	.hearing h4 {font-size:16px;padding:10px 15px;line-height:160%}
	.prduct_inner2 {margin-bottom:15px}
	.prduct_inner2 .card .card-body {padding: 1.0rem;}
	.hikmaSingleEducation h4 {font-size:18px;margin-bottom:10px}
	.hikmaSingleEducation .media h5.type2 {margin-top:0}
	.hikmaSingleEducation .media {display:flex;}
	.hikmaSingleEducation .media img {width:32%;margin-right:20px}
	.hikmaSingleEducation .media .media-body {margin-top:10px}
	.hikmaSingleEducation .media h5 {font-size:16px}
	.hikmaSingleEducation .media span.d-block {font-size:16px}
	.hikmaSingleEducation .media p {font-size:14px}
	.hikmaSingleEducation ul.right {margin:10px 0 0}
	.hikmaSingleEducation ul.right li p{font-size:14px}
}

@media (max-width: 421.98px) { 	
	.supportH .inner .innerTxt, .supportH2 .inner .innerTxt{padding-top:50px}
	
}

@media (max-width: 376.98px) { 	
	.supportH .inner .innerTxt.type_1 {padding-top:45px}
	.supportH .inner .innerTxt.type_2 {padding-top:35px}
	.supportH .inner .innerTxt.type_3 {padding-top:45px}
	.supportH2 .inner .innerTxt.type_1 {padding-top:45px}
	.supportH2 .inner .innerTxt.type_2 {padding-top:35px}
	.supportH2 .inner .innerTxt.type_3 {padding-top:35px}

	.hikmaSingleEducation .media h5 {font-size:14px;margin-bottom:5px !important}
	.hikmaSingleEducation .media span.d-block {font-size:14px}
}	

@media (max-width: 360.98px) { 		
	.product_inner {width:80% !important;margin:0 auto; padding:0 15px}
	.product_inner:nth-child(odd) {padding:0 15px !important}
	#map, #map2 {width:100%;height:280px;}
	.support .singleSkill .card-body dd {padding-top:10px}
	.support .singleSkill .card-body dd.pr-a, .support .singleSkill .card-body dd.pr-b, .support .singleSkill .card-body dd.pr-c {padding-top:10px;padding-right:0}

	.process_inner .singleSkill .card-body img {float:none;text-align:center;}
	.process_inner .singleSkill .card-body dl{width:100%;margin:0}
	.process_inner .singleSkill .card-body dd {text-align:center;float:none;}
	.process_inner .singleSkill .card-body dd p {font-size:14px;}
	.supportH .inner .innerTxt.type_1 {padding-top:33px}
	.supportH .inner .innerTxt.type_2 {padding-top:10px}
	.supportH .inner .innerTxt.type_3 {padding-top:25px}
	.supportH2 .inner .innerTxt.type_1 {padding-top:15px}
	.supportH2 .inner .innerTxt.type_2 {padding-top:20px}
	.supportH2 .inner .innerTxt.type_3 {padding-top:5px}
	.supportH .inner .innerTxt p, .supportH2 .inner .innerTxt p{letter-spacing:-0.05em;line-height:130%}
	.smb {padding:5px 0 !important}
	.smb p {line-height:130%}

	.interior_in, .interior_r {margin-bottom:10px}
	.interior_in .inner .innerTxt p, .interior_r .inner .innerTxt p {margin-bottom:0}
	.interior_in .inner .innerTxt, .interior_r .inner .innerTxt {padding:0 15px}

	.form_tbl tbody td input.col-md-3 {width:29%;display:inline-block}
	.form_tbl .form-check-label {font-size:12px;}
	.agrrebtnbox input {margin-right:5px}
	.pagination.custom-paganation-1 li.page-item .page-link {font-size:12px;padding:0 3px}

	#privacyP .modal-dialog{max-width:310px;margin:100px auto 0;}
	#privacyP .modal-body {height:240px}	
}

/* 220413 추가 */
.link-section  .media-body { padding-left:0}
.link-section  .media-body a span { padding-left:10px}
.file_box { background:#f7f7f7; padding:30px; font-size:0; margin-top:-2rem; margin-bottom:2rem}
.file_box > dl { display:block}
.file_box > dl > * { display: inline-block; line-height: 1; vertical-align: top; color: #666;}
.file_box > dl > dt { padding-right:15px; position: relative; width:80px; font-size:14px}
.file_box > dl > dd { display: inline-block; letter-spacing:0; line-height:1.0; vertical-align:top; color:#666; padding-left:15px; width:calc(100% - 85px);}
.file_box > dl > dd p { margin:0}
.file_box > dl > dd a { overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; margin-right:10px; color:#888; font-size:14px}
.file_box > dl > dd a:hover { text-decoration:underline}

@media (max-width: 768.98px) { 	
	.file_box { padding:1rem}
	.file_box > dl > dt { width:100%; margin-bottom:10px}
	.file_box > dl > dd { width:100%; padding-left:0}
}

#layerpopWrap {z-index:99999;position:fixed;margin:0 auto;width:1400px;height:0;max-width:100%; top:120px; left:50%; text-align:center; transform: translateX(-50%);-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);-moz-transform: translateX(-50%); line-height:0; font-size:0}
#layerpopWrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.layerpop {border:1px solid #000;background:#fff; display:none; margin:0 2px 2px}

.popCont { width:100%; height:100%; overflow-y:auto; overflow-x:hidden; line-height:1.0}
.popCont img {max-width:100%;}
.popCont_btn {font-size:1.0rem; padding:0;background:#393B4D;color:#fff;text-align:center}
.popCont_btn button { min-height:40px; border:none; font-size:14px; display:inline-block; float:left; cursor: pointer; border:0; outline:0}
.popCont_btn button.btn_cont {width:70%; background:#393b4d; color:#fff; font-size:12px}
.popCont_btn button.btn_close {width:30%; background:#151515; color:#fff}
@media (max-width: 1250px) {
	.layerpop { width:48%; margin-bottom:10px}
}
@media (max-width: 768.98px) { 
	.layerpop { width:98%; margin-bottom:10px}
}