@charset"utf-8";

::selection {color:#fff; background:#ffe048;}
::-moz-selection {color:#fff; background:#ffe048;}



/* Header */
header {width:100%;}

.gnb-wrap{width:100%; background:#fff;border-bottom:1px solid #ddd;}
#Gnb{width:90%; max-width:1400px;margin:0 auto;position:relative;overflow:hidden;height:120px;display:flex; flex-wrap:wrap}
#Gnb > div{width:50%;}
#Gnb > div img{vertical-align:middle}
#Gnb .gnb-right{text-align:right;font-size:18px}
#Gnb .gnb-left{font-size:14px}
#Gnb .gnb-left span{position:relative;display:inline-block; padding-right:15px; margin-right:15px}
#Gnb .gnb-left span:first-child:after{content:''; position:absolute; width:1px; height:12px; background:#ddd;top:50%; margin-top:-6px; right:0}
#Gnb .gnb-left span img{margin-right:5px;}
#Gnb .gnb-left a, #Gnb .gnb-right a{line-height:125px}
#Gnb .gnb-right .tel{font-size:24px; color:#ff594d;font-weight:500}
#Gnb .gnb-right span:first-child{position:relative;padding-right:20px; margin-right:5px}
#Gnb .gnb-right span:first-child:after{content:''; position:absolute; width:1px; height:24px; background:#ddd;top:50%; margin-top:-12px; right:0}
h1 {position:absolute;z-index:99;top:50%; left:50%; width:258px;transform: translate(-50%,-50%);}
h1 img {width:100%;}

header .inner {position:absolute;z-index:99;top:120px;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.5);}
header .inner:after {display:block; clear:both; content:'';}

/* gnb-wrap */
.allMenuWrap {position:relative;width:90%; max-width:1400px;margin:0 auto;}
.nav-wrap { text-align:center;}
.nav-wrap .nav {text-align:center}
.nav-wrap .nav li.nav-dep1 {position:relative; display:inline-block; margin:0 35px;line-height:75px;font-family:"NanumSquare",'Noto Sans KR', sans-serif;}
.nav-wrap .nav li.nav-dep1:last-child .sub-dep {margin-right:0;}
.nav-wrap .nav li.nav-dep1 > a {display:inline-block;position:relative;height:75px;line-height:73px;font-size:20px; font-weight:700; color:#111; cursor:pointer;}
.nav-wrap .nav li.nav-dep1 > a:after {display:none; position:absolute; bottom:0px; left:0; width:100%; height:3px; background-color:#fff; border-radius:10px; content:'';}
.nav-wrap .nav li.nav-dep1:hover > a {color:#222;}
.nav-wrap .nav li.nav-dep1:hover > a:after {display:block;}
.nav-wrap .nav li.nav-dep1:hover .sub-dep {display:block;}
.nav-wrap .nav li.nav-dep1 .sub-dep {display:none; position:absolute;width:100%;min-width:190px;; left:50%; padding:20px; transform:translate(-50%,0); background-color:#fff; z-index:99; box-shadow:0px 10px 10px 0px rgb(0 0 0 / 12%);}
.nav-wrap .nav li.nav-dep1:nth-child(3) .sub-dep,.nav-wrap .nav li.nav-dep1:nth-child(4) .sub-dep{min-width:230px}
.nav-wrap .nav li.nav-dep1 .sub-dep li:last-child {border-bottom:0;}
.nav-wrap .nav li.nav-dep1 .sub-dep li{line-height:35px}
.nav-wrap .nav li.nav-dep1 .sub-dep li a {display:inline; font-size:15px; color:#000; white-space:nowrap; font-weight:400;font-family:'Noto Sans KR';}
.nav-wrap .nav li.nav-dep1 .sub-dep li:hover a {position:relative; color:#ff6600;}
.nav-wrap .nav li.nav-dep1 .sub-dep li a:after {position:absolute; bottom:0; left:0; width:0; height:1px; background-color:#ff6600; content:'';}
.nav-wrap .nav li.nav-dep1 .sub-dep li:hover a:after {width:100%; transition:all 0.5s;}

.allMenuWrap .toggle-nav {position:absolute;top:25px;right:0;z-index:999;display:inline-block;width:27px; height:27px;vertical-align:middle;cursor:pointer;}
.allMenuWrap .toggle-nav .line{position:absolute;top:50%;left:50%;display:inline-block;background:#222;width:9px;margin-left:-5px;height:3px; border-radius:50px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);transition: all 0.3s ease-in-out;}
.allMenuWrap .toggle-nav .line:before{content:'';display:inline-block;background:#222;width:19px;height:3px; border-radius:50px;position:absolute; top:-8px}
.allMenuWrap .toggle-nav .line:after{content:'';display:inline-block;background:#222;width:19px;height:3px; border-radius:50px;position:absolute; bottom:-8px;transition: all 0.3s ease-in-out;}
.allMenuWrap .toggle-nav:hover .line{width:19px;margin-left:0}
.allMenuWrap .toggle-nav:hover .line:before{width:9px;margin-left:0}
.allMenuWrap .toggle-nav:hover .line:after{width:9px;margin-left:0}

header .m-nav{position:fixed;opacity:0;right:-100%}
header .m-nav.open{opacity:1;right:0;transition: all .2s ease-in-out;}
header .m-nav{position:fixed;z-index:9999;width:100%;top:0;height:100vh;background:rgba(0,0,0,.6);right:-100%;transition: all .2s ease-in-out;}
header .m-nav .nav-wrap{position:fixed;background:#ffd864;width:80%; max-width:300px;height:100%;padding-bottom:30px;right:-300px;overflow-y:auto;transition: all .2s ease-in-out;}
header .m-nav.open .nav-wrap{right:0;transition: all .2s ease-in-out;}
header .m-nav .nav-wrap .nav-con{margin-top:80px; padding:0 40px}
header .m-nav .nav-con .m-submenu{display:none;}
header .m-nav .nav-con > li{width:100%;border-bottom:1px solid rgba(255,255,255,.2);text-align:left }
header .m-nav .nav-con > li span{display:inline-block;width:100%;line-height:50px;padding:0; cursor:pointer;background-size:25px; color:#222; font-size:17px; text-align:left;transform:skew(-0.1deg);font-weight:400}
header .m-nav .nav-con > li.open{border-bottom:0}
header .m-nav .nav-con > li.open span{color:#000; font-weight:bold}
header .m-nav .nav-con > li.open .m-submenu{display:block;}
header .m-nav .nav-con > li .m-submenu{ color:#222;background:rgba(255,255,255,.2); border-radius:5px;padding:5px  20px }
header .m-nav .nav-con > li .m-submenu li a{display:inline-block;width:100%;font-size:14px;padding:10px 0;transform:skew(-0.1deg)}


header .m-nav .nav-close{position:absolute;z-index:999;right:40px;top:25px}
header .m-nav .nav-close span{display:inline-block;position:relative; width:27px; height:27px;cursor:pointer;}
header .m-nav .nav-close span:before{content:'';position:absolute; top:50%; left:0%; width:20px; height:2px; border-radius:5px; background:#222; border:0;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);;transform:rotate(-45deg)}
header .m-nav .nav-close span:after{content:'';position:absolute; top:50%; left:0%; width:20px; height:2px; border-radius:5px; background:#222; border:0;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);;transform:rotate(45deg)}



/* Àüü¸Þ´º ¹öÆ° */
.btn_all_menu {display:none;}


/* Footer */
footer {position:relative; clear:both; width:100%;background-color:#333;}
footer .inner {position:relative;width:90%; max-width:1400px; margin:0 auto; color:#acacac;overflow:hidden;padding:50px 0 }
footer .inner  .footer-util{display:flex; flex-wrap:wrap;}
.footer-util .f-logo{width:230px;padding-top:10px}
.footer-util .fcon-wrap{width:calc(100% - 230px)}

.footer-util .f_link {width:100%;}
.footer-util .f_link li {position:relative;display:inline-block; color:rgba(255,255,255,1);font-size:16px;margin-right:30px;font-weight:400;transform:skew(-0.1deg)}
.footer-util .f_link li:after{content:''; position:absolute; width:4px; height:4px; border-radius:100%; background:#fff;top:50%; margin-top:-2px; right:-17px}
.footer-util .f_link li:last-child:after{display:none}
.footer-util .f_link li a:hover {color:rgba(255,255,255,1) !important; text-decoration:underline;}
.f_sns{position:absolute;right:0;top:25px;text-align:right}
.f_sns li{display:inline-block;margin-left:10px}
.footer_info {display:block; width:100%; letter-spacing:0;margin-top:20px;letter-spacing:-.5px;font-weight:400;transform:skew(-0.1deg)}
.footer_info span{display:inline-block; margin-right:30px}
.footer_info address {line-height:22px;}
.footer_info .copyright {margin-top:10px;}


/* Main Visual */
.img-pc {display:block;}
.img-mobile {display:none;}
.main_slide {position:relative; width:100%;}

.swiper-container {
  width: 100%;
  height: 100%;
	  margin-left: auto;
  margin-right: auto;
}
.swiper-wrapper {width:100% !important; margin:0 auto;}
.swiper-slide { 
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide a {width:100%;}
.swiper-slide img {width:100% !important;}
.slid-page{position:absolute; bottom:65px; width:90%;left:5%}
.slid-page .swiper-pagination{position:relative;width:100%; max-width:1400px; margin:0 auto;text-align:left;}
/**/
.slid-page .swiper-pagination-bullet{position:relative;width:auto;display:inline-block; height:auto; background:none; color:#1076bc;opacity:1;margin:0 0 0 10px }
.slid-page .swiper-pagination-bullet:before{content:'';width:0px; height:3px; background:#1076bc;position:absolute;left:10px; top:50%;transition: all .3s ease-in-out;opacity:0;margin-top:-1px}
.slid-page .swiper-pagination-bullet-active:before{content:'';width:60px; height:3px; background:#1076bc;position:absolute;transition: all .3s ease-in-out;opacity:;}
.slid-page .swiper-pagination-bullet-active{font-weight:700;padding-left:80px}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../images/main/slid-prev.png) no-repeat 50% 50%; width:65px; height:65px; left:5%}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../images/main/slid-next.png) no-repeat 50% 50%; width:65px; height:65px; right:5% }

/* Main - content */
#container{font-size:17px; color:#888;}
#container h2{font-size:42px;font-weight:900; margin-bottom:10px;color:#222; margin-bottom:10px}
#container h2 strong{font-weight:900; color:#f4af09}

.main-pg{padding:60px 0; text-align:center; overflow:hidden}
.main-pg ul{width:90%; max-width:1400px; margin:20px auto 0 auto;}
.main-pg li{position:relative;float:left;width:calc(100%/4 - 60px);margin-right:80px;font-size:18px; color:#888}
.main-pg li:before{content:''; position:absolute; width:1px; height:50px; background:#999; left:-40px;margin-left:-5px;transform:rotate(25deg);top:40%;margin-top:-25px}
.main-pg li:first-child:before{display:none}
.main-pg li a{display:inline-block; width:100%; height:100%;padding:60px 20px;transition: all .3s ease-in-out;}
.main-pg li:last-child{float:right; margin-right:0}
.main-pg li:hover a{margin-top:-30px;}
.main-pg li .circle{position:relative;width:100%; height:0; padding-bottom:100%; background:#ffc364;border-radius:100%; color:#fff;margin-bottom:30px}
.main-pg li:nth-child(2) .circle{background:#ffd864}
.main-pg li:nth-child(3) .circle{background:#7be287}
.main-pg li:nth-child(4) .circle{background:#74c3e8}
.main-pg li .circle .num{position:absolute; left:10px; top:10px;display:inline-block;width:46px; height:46px;border:1px solid #ffc364; border-radius:100%; background:#fff; color:#666; line-height:46px;font-weight:600}
.main-pg li:nth-child(2) .circle .num{border-color:#ffd864}
.main-pg li:nth-child(3) .circle .num{border-color:#7be287}
.main-pg li:nth-child(4) .circle .num{border-color:#74c3e8}
.main-pg li .circle > div{position:absolute;width:100%; top:50%; left:0; padding:0 20px;transform:translate(0,-50%);}
.main-pg li .circle img{max-width:80%}
.main-pg li .tit{font-weight:500; margin:20px auto  10px auto;font-size:20px}

.main-info{background:#efefef; padding:60px 0;text-align:center;}
.info-wrap{position:relative;width:90%; max-width:1400px; margin:50px auto 0 auto;padding:0 100px;}
.info-wrap .info-slid{width:100%;overflow:hidden}
.info-wrap .swiper-wrapper{width:100%;}
.info-wrap .swiper-button-next,.info-wrap .swiper-button-prev{width:40px; height:40px; background-size:cover;top:42%}
.info-wrap .swiper-button-next{right:0;}
.info-wrap .swiper-button-prev{left:0}
.info-wrap .swiper-slide{background:none}
.info-wrap .swiper-slide .thumb{position:relative;border:5px solid #ddd}
.info-wrap .swiper-slide .thumb span img{position:absolute;top:50%; left:50%;width:auto !important;transform:translate(-50%,-50%); }
.info-wrap .swiper-slide .tit{text-align:left; margin-top:10px; padding:0 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; 
line-height: 1.5em;height: 3em;}


.info_list {overflow:hidden;}
.info_list li {position:relative; float:left; overflow:hidden; width:33.3%; padding:0 1.5%; margin-bottom:20px; color:#000;}
.info_list li:last-child {margin-right:0;}
.info_list li > a {display:block; overflow:hidden; background-color:#fff;}
.info_list li a img {display:block; width:100%; transition: opacity .6s ease,transform .6s ease; will-change: opacity,transform;}
.info_list li a:hover img {transform: scale(1.15); opacity: .65;}
.info_list li > span {float:left; display:inline-block; margin:20px 0; font-size:18px; letter-spacing:0;}

.embed-container { position: relative; padding-bottom: 56.33%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 1024px){
	.info_list li {width:100%; padding:0 1.5%; margin-bottom:30px;}
	.info_list li a img {display:block; width:100%; transition:none;}
	.info_list li a:hover img {transform:none; opacity:1;}
	.info_list li > span {margin:10px 0; font-size:16px; font-weight:500;}
}



.main-cswrap{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; max-width:1400px; margin:90px auto}
.main-cswrap > div{width:calc(50% - 15px);}
.main-cs{border:1px solid #ddd;padding:50px;}
#container .main-cs h2{font-weight:600; font-size:30px}
#container .main-cs h2 strong{font-weight:600}
.latest-wrap{position:relative;}
.latest-wrap ul{margin-top:20px; width:100%;}
.latest-wrap li{display:flex; flex-warp:wrap; line-height:40px}
.latest-wrap li:nth-child(n+3){display:none}
.latest-wrap li a{display:inline-block; width:calc(100% - 100px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.latest-wrap li span{display:inline-block;width:100px;text-align:right; font-size:13px}
.latest-wrap .btn-more{position:absolute;top:0px; right:0px; font-weight:600; font-size:.8em}
.cs-online{margin-top:30px; padding-top:30px; border-top:1px solid #ddd}
.cs-online .sns-link{display:flex; flex-wrap:wrap}
.cs-online .sns-link li{width:50%; margin-top:20px;display:flex; flex-wrap:wrap;align-items:center; }
.cs-online .sns-link li:first-child{width:100%}
.cs-online .sns-link li strong{display:inline-block;width:42px; }
.cs-online .sns-link li span{display:inline-block;width:calc(100% - 42px);padding-left:10px;color:#666}
.cs-online .sns-link li span em{font-size:30px; color:#222; font-weight:700;vertical-align:middle;padding-left:10px}

.main-map{position:relative;}
.main-map .root_daum_roughmap .wrap_map,.main-map .root_daum_roughmap  {width:100% !important; height: 100% !important; padding:0 !important;border:none !important; border-radius:0 !important; }
.main-map .add-info{position:absolute; z-index:9; background:#f4f4f4;padding:20px 30px; width:100%;bottom:0; color:#666}
.main-map .add-info strong{display:block; color:#222; font-size:20px;font-weight:500}
.main-map .add-info strong span{position:relative}
.main-map .add-info strong span:after{content:''; position:absolute;width:100%; height:1px; background:#222; bottom:0; left:0}

.cs-form{background:#5b5b5b; padding:60px 0;text-align:left}
.csform-wrap{display:flex; flex-wrap:wrap; justify-content:space-between;width:90%;max-width:1400px; margin:0 auto;}
.csform-wrap > div,.csform-wrap > form{width:calc(50% - 20px); margin-top:30px}
#container .cs-form h2{color:#fff; text-align:center}
#container .cs-form h3{color:#fff; font-size:24px; font-weight:bold; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:15px}
#container .cs-form > p{text-align:center}
.form-wrap{display:flex; flex-wrap:wrap; justify-content:space-between;width:100%;margin:30px 0 10px 0 }
.form-wrap ul{width:100%}
.form-wrap li{display:flex; flex-wrap:wrap;margin-top:10px}
.form-wrap li strong, .form-wrap li span{display:inline-block;}
.form-wrap li strong{width:80px; padding-top:10px;color:#fff; text-align:left;font-weight:500}
.form-wrap li span{width:calc(100% - 80px)}
.form-wrap li span input[type="text"]{background:none; border:1px solid #ddd;color:#fff;line-height:45px; height:45px}
.form-wrap li span textarea{background:none; border:1px solid #ddd; width:100%; height:130px;padding:20px;color:#fff;}
.cs-form .agree-check{color:#fff; text-align:right}
.cs-form .form-button {margin-top:20px;text-align:right}
.cs-form .form-button button{width:90%; max-width:300px; height:55px; line-height:55px; border-radius:50px; color:#fff; font-size:24px; background:#f4af09; font-weight:300}
.csform-wrap > div{color:#fff}
.csform-wrap .cs-tel .tel{margin-top:40px;font-size:45px;font-weight:600}
.csform-wrap .cs-tel .time{line-height:1.7}
.csform-wrap .cs-tel .time strong{display:inline-block; margin-top:15px; color:#f4af09}
.csform-wrap .cs-tel .time span{display:inline-block; background:rgba(255,255,255,.2); padding:5px 10px; border-radius:5px}
.csform-wrap .cs-tel .partner-link{margin-top:30px; }
.csform-wrap .cs-tel .partner-link strong{display:block;}
.csform-wrap .cs-tel .partner-link span{display:inline-block; padding:10px; border-radius:10px; margin-top:10px; background:#fff}
.csform-wrap .cs-tel .partner-link img{height:60px}


.form-wrap li span input[type="text"]:focus {border:1px solid #F4AF09;}
.form-wrap li span textarea:focus {border:1px solid #F4AF09;}

/*sub-contents*/

.h2-wrap{position:relative;overflow:hidden;}
.h2-wrap h2{float:left;vertical-align:middle}
.page-location{float:right;vertical-align:middle;padding-top:15px}
.page-location span{display:inline-block;position:relative;display:inline-block;margin-left:30px}
.page-location span:before{content:''; width:9px; height:5px;position:absolute;right:-15px; background:url(../images/common/loca_arrow.png);transform:rotate(-90deg); top:8px;left:-18px}
.page-location span:first-child:before{display:none}

.sub-container{margin:0 auto;color:#666; border-top:1px solid #ddd; margin-top:70px; padding:60px 0}
.sub-wrap{width:90%; max-width:1400px; margin:0 auto;}
.sub-container h3{font-size:2.35em; font-weight:900; text-align:center; margin-bottom:50px; color:#222}
.sub-container h4{font-size:1.9em; color:#222; font-weight:900;margin-top:50px}
.sub-container h4 em{font-size:.6em;font-family:'Noto Sans KR', sans-serif;font-weight:normal; }
.sub-container h5{position:relative; padding-left:25px;font-size:24px;  color:#222; font-weight:900;margin-top:50px; margin-bottom:10px}
.sub-container h5:before{content:'';position:absolute; top:50%; height:16px; width:16px; border:4px solid #ff9c00;left:0; margin-top:-10px;border-radius:50px;}

/*Àλ縻*/
.greeting-img{text-align:left;background:url(../images/sub/greeting.jpg) no-repeat 100% 50%; background-size:cover ; padding:100px 80px; margin-top:30px}
.greeting-img .txt{position:relative;font-size:20px;margin-top:30px; color:#222}
.greeting-img .s-txt{width:100%;max-width:450px; padding:15px; background:#fff;margin-top:10px;border-radius:7px; line-height:1.5}
.greeting-info{display:flex; flex-wrap:wrap;margin-top:50px}
.greeting-info p{transform:skew(-0.1deg)}
.greeting-info li{width:calc(100%/4); padding:0 30px;border-left:1px solid #ddd;text-align:center}
.greeting-info li:first-child{border-left:0}
.greeting-info li strong{color:red}
.greeting-info li .tit{font-size:22px; color:#222;font-weight:600; margin:10px 0}
.greeting-info li span{position:relative;display:inline-block; width:90px; height:90px;background:#ffc364; border-radius:100%;}
.greeting-info li span img{max-width:50px;position:absolute;top:50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/*¿À½Ã´Â±æ*/
.location .root_daum_roughmap .wrap_map,.location .root_daum_roughmap {width:100% !important; height: 500px !important; padding:0 !important;border:none !important; border-radius:0 !important; border-bottom: 1px solid #ddd !important;}
.location_info {padding: 3%; border-bottom: 2px solid #333; overflow:hidden; display:flex; flex-wrap:wrap;}
.location_info p {display:flex; flex-wrap:wrap;padding: 5px 0;}
.location_info p span{width:calc(100% - 100px)}
.location_info p span.tit {display:inline-block; width:100px; font-weight: 900;color:#222}
.location_info > div {overflow:hidden; position:relative; }
.location_info > div:last-child {width:150px;}
.location_info > div:first-child {width:calc(100% - 150px);}
.location_info button {width:100%; height: 50px; background: #333; color:#fff; border:none; font-size:17px;}

.value{background:#ffd95a;display:flex; flex-wrap:wrap;align-items:center;margin-top:30px;padding:50px}
.value > div{width:50%}
.value > div img{width:100%}

.num-list > li{display:flex; flex-wrap:wrap;background:#fff; padding:20px;border-radius:10px}
.num-list > li:nth-child(n+2){margin-top:30px}
.num-list li span{display:inline-block;width:calc(100% - 40px); padding-left:10px; color:#222; font-weight:800; font-size:20px}
.num-list li span.num{ width:40px; height:40px; padding-left:0; background:#fc4700; color:#fff;border-radius:100%;text-align:center; line-height:40px;font-weight:600;font-size:16px}
.num-list li . {padding-left:50px}

.ability{background:#ffd95a; padding:15px;margin-top:30px;border-radius:5px; color:#222; font-size:18px;text-align:center}
.ceo{display:flex; flex-wrap:wrap;margin-top:20px; border:1px solid #ddd; padding:30px}
.ceo .name,.team > div .name{width:100%;color:#222; font-size:24px}
.ceo .name strong{font-weight:800}
.ceo .img{width:200px;}
.ceo .img img{max-width:100%}
.ceo .con{display:flex; flex-wrap:wrap;width:calc(100% - 200px)}
.ceo .con ul{width:50%}
.ceo .con ul:last-child{color:#222;font-weight:600}

.team{display:flex; flex-wrap:wrap;justify-content:space-between;}
.team > div{width:calc(50% - 20px);padding:30px; border:1px solid #ddd;margin-top:40px}
.team > div .name{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px}

.partner{display:flex; flex-wrap:wrap;justify-content:space-between;align-items:center;background:#f8f8f8;padding:30px;margin-top:20px}
.partner > div{width:calc(50% - 20px)}
.partner > div .tit{font-size:24px; color:#222; font-weight:800}
.partner .map .root_daum_roughmap{width:100% !important}

.tit-box{margin-top:30px;padding:30px;text-align:center; color:#222;font-size:22px;font-weight:700;padding:100px 80px;text-align:left;font-size:24px}
.tit-box.tel-bg{background:url(../images/sub/tel-bg.jpg) no-repeat 100% 50%;background-size:cover;}
.tit-box.mv-bg{background:url(../images/sub/mv-bg.jpg) no-repeat 100% 50%;background-size:cover;padding:130px 80px;}
.tit-box.face-bg{background:url(../images/sub/face.png) no-repeat 100% 50%;background-size:cover;}
.tit-box.pg-bg{background:url(../images/sub/pg-bg.jpg) no-repeat 100% 50%;background-size:cover;padding:0}
.tit-box.kids-bg{background:url(../images/sub/kids-bg.jpg) no-repeat 100% 50%;background-size:cover;padding:0}
.tit-box p{width:100%;max-width:600px;}
.tit-box span{display:inline-block;font-size:16px; color:#f28006; font-weight:bold;margin-top:10px;transform:skew(-0.1deg)}
.bg-con{background:rgba(255,217,90,.6); width:50%; padding:100px 50px;}
.bg-con h4{margin-top:0; font-size:30px}
.bg-con .box{background:#fff;margin-top:30px; border-radius:50px;font-size:18px;padding:10px 30px;text-align:center}
.bg-con .box strong{color:red}
.ico-wrap{display:flex; flex-wrap:wrap;align-items:center;width:100%;font-size:18px;margin-top:30px}
.ico-wrap .ico{position:relative;width:100px; height:100px; border-radius:100%; background:#2b1008;text-align:center;}
.ico-wrap .ico img{position:absolute; top:50%;width:60px;left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform:translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.ico-wrap .con{width:calc(100% - 100px); padding-left:20px}

.tit-box.face-bg .btn {padding-top:15px;}
.tit-box.face-bg .btn a{display:inline-block;line-height:40px; border:2px solid #222;font-size:16px;padding:0 20px; border-radius:50px;transform:skew(-0.1deg)}
.tit-box.face-bg .btn a:hover{background:#222; color:#fff}

.step{display:flex; flex-wrap:wrap;width:100%;margin-top:30px}
.step li{width:25%; padding:0 30px; border-left:1px solid #ddd;text-align:center}
.step li:first-child{border-left:0}
.step li .tit{font-weight:800; color:#222; margin:20px 0 10px 0}

.test-type{display:flex; flex-wrap:wrap;}
.test-type li{position:relative;width:calc(100%/3 - 10px);border:4px solid #ddd; height:60px; border-radius:50px; margin-right:15px; margin-top:20px;font-size:18px; color:#666; font-weight:800}
.test-type li:nth-child(3n){margin-right:0}
.test-type li span{width:100%;position:absolute; padding:0 30px;top:50%;left:0;;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform:translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);text-align:center}

.program-txt{width:100%;text-align:center; font-size:1.1em}
.program-txt > div{vertical-align:middle; color:#fff;padding-top:100px}
.program-txt > div .tit{font-weight:900;font-size:.8em; color:#fff;margin-bottom:20px }
.program-txt > div .tit span{display:inline-block;height:40px; line-height:40px;background:#0b9cff; color:#fff; border-radius:50px; padding:0 30px }
.program-txt > div .txt{width:70%; margin:0 auto}
.pg-01{background:url(../images/sub/pg-01.png) no-repeat 50% 50%;height:400px;background-size:cover}

.program-wrap{background:#fff; padding:50px;width:90%;margin:-100px auto 0 auto}
.program-wrap h4{margin-top:0}
.program-list{display:flex; flex-wrap:wrap; font-size:18px;}
.program-list li{width:calc(100%/2);background:url(../images/sub/ico-check.png) no-repeat 0 0%; background-size:20px;padding-left:30px; margin-top:21px}
.w100 li{width:100%}

.cure-box{padding:30px; border-radius:15px; background:#f6f6f6; margin-top:30px; font-size:1.1em; margin-bottom:30px; word-break:keep-all}
.after-pg{display:flex; flex-wrap:wrap;justify-content:space-between; width:100%;}
.after-pg li{border:2px solid #1076bc; border-radius:15px;width:calc(100%/4 - 20px); padding:30px; text-align:center}
.after-pg li strong{display:block; margin:0 auto; font-size:1.2em; color:#1076bc;margin-top:10px}

.dot-list li{padding-left:10px;position:relative;margin-top:10px;text-align:left}
.dot-list li:before{content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:rgba(0,0,0,.3); border-radius:50px}

.flex{display:flex; flex-wrap:wrap}
.w2 li{width:50%}
.w4 li{width:25%}
.slde-line{width:100%;border:0; height:1px; background:#ddd; margin:30px 0}

.box-bg{margin-top:10px;}
.box-bg .box-tit{color:#e83c00; font-weight:500}
.box-list li{background:#f6f6f6; padding:0 20px;}
.box-list li{display:inline-block;padding:10px 20px; border-radius:50px; margin-right:10px; margin-top:10px}

.cure-box.align_c{text-align:center;background:#efefef; padding:50px}
.cure-box.align_c img{max-width:100%}

/*Å×À̺í*/
.tbl-basic{border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%;table-layout:fixed;color:#222; margin-top:20px}
.tbl-basic thead th{padding:15px;border-bottom:1px solid #ddd; border-right:1px solid #ddd;background:#f6f6f6}
.tbl-basic tbody th,.tbl-basic tbody td{padding:15px;border-bottom:1px solid #ddd; border-right:1px solid #ddd;text-align:center}
.tbl-basic tbody th{background:#f8f8f8; font-weight:500}
.tbl-basic tbody td.td-left{text-align:left}
.tbl-basic tbody td img{max-width:100%}


@media(max-width:1600px){

.greeting_img {width:100%}

}

@media(max-width:1400px){

.greeting_img {left: 5%; margin-left: 0;}

.main-pg li{width:calc(100%/4 - 30px); margin-right:40px;font-size:16px}
.main-pg li:before{left:-5%}
/*.main-pg li p br{display:none}*/
.main-pg li .tit{font-size:18px}

.info-wrap{padding:0 80px}
}


@media (max-width: 1200px){
	h1 img{width:200px}
	#Gnb{height:100px}
	#Gnb .gnb-left a, #Gnb .gnb-right a{line-height:100px}
	#Gnb .gnb-right img{width:40px}
	#Gnb .gnb-right a{font-size:16px}
	#Gnb .gnb-right .tel{font-size:20px}

	header .inner{top:100px}

	#container h2{font-size:38px}
	
	.main-pg li{width:calc(100%/4); margin-right:0px;font-size:16px;}
	.main-pg li:before{display:none}
	/*.main-pg li p br{display:none}*/ 
	.main-pg li .tit{font-size:17px}
	.main-pg li .circle img{max-width:60px}

	.info-wrap{padding:0 60px}
	.info-wrap .swiper-slide{font-size:16px}

	#container .main-cs h2{font-size:25px}

	/* Footer */
	footer { font-size:13px;}
	footer .inner {width:90%;}
	.footer-util .f_logo img {width:35%;}
	.footer-util .f_link li {font-size:13px;margin-right:20px}
	.footer-util .f_link li a:after {margin:0 13px; height:12px;}
	.footer_info address {line-height:14px; word-break:keep-all;}
	.footer_info .copyright {margin-top:10px;}
	.footer-util .f_sns li{margin-left:15px}
	


}


@media (max-width: 1024px){ 
	
	h1{left:0;transform: translate(0%,-50%);width:150px}
	h1 img{width:100%}
	#Gnb{height:75px}
	#Gnb .gnb-left, #Gnb .gnb-right{display:none}
	header .inner{top:0;left:auto;right:0; width:calc(95% - 150px)}
	.allMenuWrap{width:95%;margin-right:5%;}
	.nav-wrap .nav li.nav-dep1{margin:0 25px 0 0}
	.nav-wrap .nav li.nav-dep1 > a{font-size:17px}

	#container {font-size:15px}
	#container h2{font-size:30px}

	.main-pg ul{margin-top:30px}
	.main-pg li{float:left;width:calc(100%/4); margin-right:0; min-height:auto}
	.main-pg li a{padding:20px 5px}
	.main-pg li:hover a{margin-top:0}
	
	.main-cswrap{margin:40px auto 70px auto}
	.main-cswrap .main-cs{width:100%}
	.main-cswrap .sns-link > div{width:50%;margin-top:50px}
	.main-cswrap > div.main-map{width:100%; height:350px; margin-top:30px}
	.form-wrap ul{width:100%}
	.csform-wrap > div,.csform-wrap > form{width:100%}
	.csform-wrap .cs-tel .tel{margin-top:20px; font-size:35px}
	.csform-wrap > form{margin-top:40px}
	#container .cs-form h3{font-size:20px}
	.cs-form .agree-check,.cs-form .form-button{text-align:center}

		
	footer .inner{padding:30px 0}
	.footer-util .f-logo,.footer-util .fcon-wrap{width:100%}
	.footer-util .f-logo{padding-top:0}
	.footer-util .fcon-wrap{margin-top:25px}

	.sub-container{font-size:16px; padding:60px 0;margin-top:0;border-top:0}
	.sub-container h2{width:100%}
	.sub-container h3{font-size:28px}
	.sub-container h4{font-size:24px}
	.sub-container h5{font-size:20px;margin-top:30px}

	.greeting-img{padding:50px}
	.greeting-info li{width:50%}
	.greeting-info li .tit{font-size:18px}
	.greeting-info li{padding:0 15px}
	
	.value{padding:30px}
	.value > div{width:100%;}
	
	.ceo .con ul{width:100%}
	.ceo .con ul:last-child{margin-top:30px}
	.team > div{width:100%}
	.partner > div{width:100%}
	.partner > div:last-child{margin-top:20px}
	
	.tit-box,.tit-box.mv-bg{padding:50px}
	.tit-box p{width:60%;background:rgba(255,255,255,.8);padding:20px;font-size:18px}
	.tit-box p span{font-size:14px}
	.tit-box.face-bg .btn{padding-top:0}
	.tit-box.face-bg .btn a{font-size:14px}
	
	.step{justify-content:space-between}
	.step li{padding:0 15px; width:calc(50% - 5px);border:0;padding:15px; background:#f6f6f6}
	.step li:nth-child(n+3){margin-top:10px}
	.step li img{max-width:60px}
	.box-list li{width:calc(50% - 20px)}
	
	.pg-01{height:350px}
	.program-txt > div .txt br{display:none}
	.program-wrap{padding:30px; width:95%}
	.program-list li{width:100%;background-size:15px; padding-left:25px;font-size:16px;margin-top:10px;background-position:0 2px}

	.bg-con{padding:50px}
	.bg-con h4{font-size:24px}
	.tit-box.kids-bg.tit-box p{width:100%}
	.ico-wrap .ico{width:80px; height:80px;}
	.ico-wrap .ico img{max-width:40px}
	.ico-wrap .con{font-size:15px;transform:skew(-0.1deg)}
	
	.test-type{justify-content:space-between}
	.test-type li{width:calc(50% - 5px);margin-right:0; font-size:16px;;transform:skew(-0.1deg)}
	

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{width:45px; height:45px; background-size:cover}
	.slid-page{bottom:40px}

	.cure-box.align_c{padding:30px;margin-top:30px}



	
}




@media (max-width: 768px){
	
	/* Header */
	#Gnb .gnb-left{text-align:right;display:block;width:100%; padding-right:45px}
	#Gnb .gnb-left a{line-height:75px}
	#Gnb .gnb-left span{margin-right:0;padding-right:0;padding:0 10px;}
	#Gnb .gnb-left span em{display:none}
	header .inner{width:45px;right:5%}
	.allMenuWrap {height:75px;}
	.allMenuWrap .nav-wrap{display:none}

	
	/* Àüü¸Þ´º ¹öÆ° */
	.btn_all_menu {display:block; position:absolute; top:11px; right:0; width:45px; height:45px; line-height:20px; font-size:0 !important; line-height:0; z-index:9998; border:1px #333 solid; box-sizing:border-box;}
	.btn_all_menu div {position:absolute; top:13px; left:10px; display:inline-block; width:24px; height:18px; font-size:0 !important; line-height:0; z-index:9999;}
	.btn_all_menu span{position:absolute;right:0;height:2px;background-color:#333;transition:0.5s all;-webkit-transition:0.5s all; font-size:0;line-height:0; cursor:pointer;}
	.btn_all_menu:hover span,
	.btn_all_menu:focus span{background-color:#333; cursor:pointer;}
	.btn_all_menu .tline{top:0;width:100%;}
	.btn_all_menu:hover .tline,
	.btn_all_menu:focus .tline{width:100%;}
	.btn_all_menu .mline{top:50%;margin-top:-1px !important;width:100%;}
	.btn_all_menu:hover .mline,
	.btn_all_menu:focus .mline{width:100%;}
	.btn_all_menu .bline{bottom:0;width:100%;}
	.btn_all_menu:hover .bline,
	.btn_all_menu:focus .bline{width:100%;}

	.btn_all_menu div.on {position:absolute; right:3%;}
	.btn_all_menu div.on span {/*background-color:#fff;*/}
	.btn_all_menu div.on span:nth-child(1) {transform: translateY(8px) rotate(-45deg); transition-delay: 0.5s; transition: all 0.5s;}
	.btn_all_menu div.on span:nth-child(2) {opacity: 0; transform: translateX(-8px); transition: all 0.5s; width:50%;}
	.btn_all_menu div.on span:nth-child(3) {transform: translateY(-8px) rotate(45deg); transition-delay: 0.5s; transition: all 0.5s;}
	

	/*footer*/
	.footer-util .f_sns{position:relative;text-align:center;padding-bottom:20px}
	.footer-util .f_sns li{margin:0 10px}
	.footer_info span{line-height:20px}
	.f_sns{position:relative;width:100%; text-align:left;padding-bottom:30px}
	.f_sns li{margin-left:0; margin-right:10px}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{width:30px; height:30px; background-size:cover}
	.slid-page{bottom:25px; font-size:.9em}



	/* Main - content */
	#container {font-size:13px;}
	#container h2{font-size:24px}

	.main-pg ul{margin-top:30px}
	.main-pg li{float:left;width:calc(100%/2); margin-right:0; min-height:auto}
	.main-pg li a{padding:20px 15px}
	.main-pg li:hover a{margin-top:0}
	.main-pg li .circle .num{top:8%; left:5%}

	.info-wrap{margin-top:30px; padding:0}
	.info_list li > span{font-size:13px}
	.main-map .add-info strong{font-size:15px;font-weight:600;transform:skew(-0.1deg)}
	.main-map .add-info span{transform:skew(-0.1deg)}
	.form-wrap{margin:20px auto}
	.cs-form .form-button button{height:50px; line-height:50px; font-size:20px}

	#container .main-cs h2{font-size:18px}
	.main-cs{padding:25px}	
	.latest-wrap ul{margin-top:10px}
	.latest-wrap li{line-height:30px}
	.cs-online .sns-link li{width:100%; margin-top:10px}
	.cs-online .sns-link li span em{display:block; padding-left:0; font-size:25px}

	.csform-wrap .cs-tel .tel{margin-top:15px; font-size:28px}
	.csform-wrap > form{margin-top:30px}
	#container .cs-form h3{font-size:17px}

	

	/* sub-contents */
	.sub-container{font-size:.8em; padding:50px 0}
	#container h2{width:100%}
	.sub-container h3{font-size:1.8em; margin-bottom:30px}
	.sub-container h4{font-size:1.5em}
	.sub-container h5{margin-bottom:0; font-size:1.3em; padding-left:20px}
	.sub-container h5:before{width:12px; height:12px; border:3px solid #ff9c00; top:0;margin-top:3px;}

	.page-location span{margin-left:15px; font-size:12px}
	.page-location span img{width:15px;vertical-align:middle}
	.page-location span:before{left:-13px; margin-top:-3px}
	
	.greeting-img{padding:30px }
	.greeting-img img{max-width:150px}
	.greeting-img > div{background:rgba(255,255,255,.7);padding:20px;text-align:center}
	.greeting-img p,.greeting-img .s-txt{width:100%; max-width:100%;padding:0; background:none}
	.greeting-info li{width:100%;padding:20px 0; border-left:0;border-top:1px solid #ddd}
	.greeting-info li:first-child{border-top:0; padding-top:0}
	
	.num-list > li {padding:15px}
	.num-list > li p{display:flex; flex-wrap:wrap;}
	.num-list li span{font-size:16px;transform:skew(-0.1deg); width:calc(100% - 30px)}
	.num-list li span.num{width:30px; height:30px; line-height:30px}
	.num-list li .dot-list{padding-left:40px}

	.ability{font-size:16px;text-align:left;transform:skew(-0.1deg)}
	
	.ceo{padding:20px}
	.ceo .img{width:100%;text-align:center}
	.ceo .con{width:100%; margin-top:20px;background:#f6f6f6;padding:15px}
	.ceo .name, .team > div .name{font-size:20px}
	.ceo .con ul:last-child{margin-top:15px}
	.team > div{padding:20px}

	.partner{padding:20px}
	.partner > div .tit{font-size:18px}

	.tit-box,.tit-box.mv-bg{padding:30px}
	.tit-box p{width:100%;text-align:center;font-size:16px;transform:skew(-0.1deg)}
	.tit-box p span{font-size:12px}
	
	.step {margin-top:10px}
	.step li{width:100%; padding:30px 20px}
	.step li:nth-child(n+2){margin-top:10px}
	
	.pg-01{height:auto}
	.program-list li{width:100%;font-size:14px}

	.cure-box{margin:10px 0; padding:20px}
	
	.tit-box.pg-bg{padding:30px}
	.bg-con{padding:30px; width:100%;background: rgba(255,255,255,.6);}
	.bg-con h4{font-size:20px}
	.bg-con .box{font-size:14px}

	.tit-box.kids-bg{padding:30px}
	.tit-box.kids-bg.tit-box p{padding:0; background:none;border-bottom:1px solid #fff; padding-bottom:15px}

	.test-type li{width:100%;height:auto; line-height:1.5; margin-top:10px }
	.test-type li span{display:inline-block;position:relative;top:auto;text-align:center;width:100%;padding:10px 20px;;-webkit-transform: translateY(0%); -moz-transform: translateY(0%);-ms-transform:translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}

	.ico-wrap .ico{width:60px; height:60px;}
	.ico-wrap .con{font-size:13px; width:calc(100% - 60px)}

	.box-list li{width:100%}

	.tbl-wrap{width:100%;overflow-x:scroll}
	.tbl-wrap table{min-width:800px}

	.cure-box.align_c{padding:10px}
    
	.w2 li{width:100%}
}

@media(max-width:500px){
.main-pg ul{display:flex; flex-wrap:wrap; justify-content:space-between}
.main-pg li{float:none;font-size:13px}
.main-pg li .circle .num{width:30px; height:30px;line-height:30px; font-size:12px;}
.main-pg li .circle img{max-width:45px; }
.main-pg li .tit{font-size:14px;margin-top:5px}
}