@charset 'utf-8';
.cf:after{content:''; display: block; clear: both;}
.p_t10{padding-top: 10px;}
.p_t30{padding-top: 30px;}
.p_t40{padding-top: 40px;}
.p_b50{padding-bottom: 50px;}
.p_15{padding: 15px 0;}
.p_50{padding: 50px 0;}
.p_60{padding: 60px 0;}
.p_60_40{padding: 60px 0 40px 0;}
.m_t20{margin-top: 20px;}
.m_t30{margin-top: 30px;}
.m_t40{margin-top: 40px;}
.m_t50{margin-top: 50px;}
.m_50{margin: 50px 0;}
.m_75{margin:75px 0;}
.m_80{margin:80px 0;}
.m_b15{margin-bottom: 15px;}
.m_b20{margin-bottom: 20px;}
.m_b25{margin-bottom: 25px;}
.m_b30{margin-bottom: 30px;}
.m_b35{margin-bottom: 35px;}
.m_b50{margin-bottom: 50px;}

.w_1200{width: 100%; margin: 0 auto;}
.w_100{width: 100%;}

.img_center{text-align: center;}


#wrap {width: 100%;}

/*header*/
#header{position:relative; padding-bottom:30px; height:65px; width: 100%; background-color:rgba(255,255,255,1);z-index: 9; 
  background-image: url(http://dolphincompany.net/renewal/images/bg201116.gif)}
#header.sub{position: fixed;top:0;}
#header .inner{width: 76%; margin: 0%;position: relative;z-index: 9999;padding-top:10px;}
#header .inner .top_menu_wrap{} 
#header .inner .top_menu_wrap .top_menu{overflow: hidden; width: 100%;} 
#header .inner .top_menu_wrap .top_menu ul{overflow: hidden; float: right;}
#header .inner .top_menu_wrap .top_menu ul li{float: left;}
#header .inner .top_menu_wrap .top_menu ul li a{display: block;font-size: 12px;margin-right: 20px;color: #a8a8a9;}
#header .inner .top_menu_wrap .top_menu ul li a.last{margin-right: 0px;}
#header .inner>h1,
#header .inner>ul{height: 36px;line-height: 33px;margin-top: 24px;}
#header .inner>h1{float:left;height: 20px;line-height: 20px;margin-top: 24px;}
#header .inner>ul{float:right;}
#header .inner>ul>li{float: left;padding: 0 32px;position: relative;}
/* #header .inner>ul>li.first{padding: 0 44px 0 147px;} */
#header .inner>ul>li>a{display: block;text-align: center;font-size: 16px;font-weight: 400;padding-bottom:35px;color: #000;font-family: 'NanumSquare',sans-serif;}
#header .inner>ul>li:hover>a{color: #7d42ec;transition: all 0.5s;}
#header .inner>ul>li>.sub_menu{display: none;position: absolute;left:50%;transform: translate(-50%,0);margin:0 !important}
#header .inner>ul>li>.sub_menu:nth-child(2){display: none;position: absolute;/*margin-left: -42px; */}
#header .inner>ul>li>.sub_menu ul{width: 180px;margin-top: -21px }
#header .inner>ul>li>.sub_menu ul.re_width_01{width: 180px; padding:0 10px;}
#header .inner>ul>li>.sub_menu ul.re_width_02{width: 240px;}
#header .inner>ul>li>.sub_menu ul li{line-height: 40px; background-color:rgba(255,255,255,1);padding-bottom:5px }
#header .inner>ul>li>.sub_menu ul li a{display: block;font-size: 16px;text-align: center;color: #000;font-weight: 300;}
#header .inner>ul>li>.sub_menu ul li a:hover{color: #7d42ec;}
#header .inner>ul>li>.sub_menu ul li a>span{display: block; font-size: 16px; line-height: 20px; margin-bottom: 10px; padding-right: 15px; margin-top: -5px;}
#header .inner>ul>li>.sub_menu.right{right: 0;}
#header .inner>ul>li>.sub_menu.sub8{right: 135px;}
#header .inner>ul>li>.sub_menu.sub9{right: 45px;}
#header .inner>ul>li>.sub_menu.sub10{right: -15px;}
#header .inner>ul>li:hover .sub_menu{display: block;}

#header .inner{position: relative;}
#header .inner>div.all_menu_wrap{position: absolute;z-index: 99999;}
#header .inner .all_menu_wrap{right: 0;bottom: 12px;}
#header .inner>div.all_menu_wrap .nav {display:block;width: 24px;height: 18px;text-align: center;line-height: 61px;text-indent:-9999px;cursor:pointer;}
#header .inner>div.all_menu_wrap .nav span {position: absolute;top:0;right: 0;bottom: 0;left: 0;margin:auto;width: 24px;height: 2px;background:#fff;
	-webkit-transition: top 0.5s, transform 0.5s;
	-moz-transition: top 0.5s, transform 0.5s;	
	-o-transition: top 0.5s, transform 0.5s;
	transition: top 0.5s, transform 0.5s;
	}
#header .inner>div.all_menu_wrap .nav .top {top: -15px;}
#header .inner>div.all_menu_wrap .nav .middle {top:0;}
#header .inner>div.all_menu_wrap .nav .bottom {bottom: -15px;}
#header .inner>div.all_menu_wrap .nav.non .top{-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); top: 0;}
#header .inner>div.all_menu_wrap .nav.non .middle{-webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg);}
#header .inner>div.all_menu_wrap .nav.non .bottom{ -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); top: -15px;}

#header .all_menu{display: none;height: 100%;left: 0;position: absolute;top: 112px;width: 100%;z-index: 99999;background: rgba(0,0,0,0.5);}
#header .all_menu>ul{margin: 0 auto;padding: 37px 0 37px 553px;background: #fff;}
#header .all_menu>ul>li{float: left;margin: 0 20px;}
#header .all_menu>ul>li.height_235{height: 210px;}
/*#header .all_menu>ul>li.height_309{height: 309px;}*/
#header .all_menu>ul>li>a{display: block;font-size: 18px;letter-spacing: -2px;padding-bottom: 18px;padding-left: 30px;border-bottom: 1px solid #000;font-weight: 600;margin-bottom: 18px;color: #e41f2b;font-family: 'NanumSquare',sans-serif !important;}
#header .all_menu>ul>li>ul{padding-left:73px;}
#header .all_menu>ul>li>ul.pdl75{padding-left: 75px;}
#header .all_menu>ul>li>ul.pdl76{padding-left: 76px;}
#header .all_menu>ul>li>ul.pdl38{padding-left: 38px;}
#header .all_menu>ul>li>ul.pdl66{padding-left: 66px;}
#header .all_menu>ul>li>ul>li{padding-bottom: 10px;}
#header .all_menu>ul>li>ul>li>a{display: block;font-size: 17px;letter-spacing: -1px;line-height: 30px;color: #8b8b8b; text-align: center;}
#header .all_menu>ul>li>ul>li>a:hover{color: #e41f2b;font-weight:400}

.ml_25{margin-left:-25px !important;}
.ml_28{margin-left:-28px !important;}
.ml_30{margin-left:-30px !important;}
.ml_38{margin-left:-38px !important;}
.ml_50{margin-left:-50px !important;}
.ml_55{margin-left: -55px !important;}
/* Main Visual */
.mov_inner{position:relative;}
.fig_div1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.56);z-index: 1;}
#mov_zone{margin:0;padding:0;}
.v_mouse{z-index:8;text-align: center;
  -webkit-animation-name: v_mouse; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: v_mouse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  position:relative;
  }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes v_mouse {
  0%   {left:0px; top:0px;}
  75%  { left:0px; top:20px;}
  100% {left:0px; top:0px;}
}
/* Standard syntax */
@keyframes v_mouse {
  0%   {left:0px; top:0px;}
  75%  { left:0px; top:20px;}
  100% {left:0px; top:0px;}
}


/*#slides{height:339px; width:100%; margin:0 auto; position:relative; z-index:2;}*/
#slides{ width:100%; height:834px; position:relative; margin:auto; text-align:center;}
#slides .imgSet{position:relative; display:inline-block;}
#slides .imgSet li{position:absolute; width:100%; height:834px; }
#slides .menuSet{position:absolute; width:100%; text-align:center; z-index:9; bottom:53px;}
#slides .menuSet li {display:inline-block;cursor:pointer; padding:0 6px; z-index:10; }
#slides .btn_arrow { width:100%;}
#slides .dir{position:absolute; top:374px; cursor:pointer;}
#slides .prev{left: 50%;margin-left: -732px;}
#slides .next{right:50%;margin-right:-732px;}
.vimg_1 {background:url('../images/m_visual1.jpg') no-repeat center;}
.vimg_2 {background:url('../images/m_visual1.jpg') no-repeat center;}


.main-academy{
	padding:110px 0;
}
.main-academy .inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 1275px;
	margin:0 auto;
}
.main-academy .academy-left{}
.main-academy .academy-left p img{
	display: block;
}
.main-academy .academy-left p+p{
	margin-top: 40px;
}
.main-academy .academy-left p{
	font-size: 26px;
	letter-spacing: -0.01em;
	color:#1e1e1e;
	line-height: 1.38em;
	font-weight: 400;
}
.main-academy .academy-left a{
	margin-top: 76px;
	width: 118px;
	box-sizing: border-box;
	line-height: 39px;
	border:1px solid #000;
	border-radius: 21px;
	display: block;
	text-align: center;
	font-size: 20px;
	letter-spacing: -0.05em;
	font-weight: 400;
}
.main-academy .academy-right{}
.main-academy .academy-right img{
	display: block;
}


#w_box{width:100%;overflow:hidden;position:relative;background:#f0f0f0;}
#w_box .box01{width: 1136px; margin:0 auto;overflow: hidden; padding-bottom: 67px;}
#w_box .box01 .title_01 h2{text-align: center; font-family: 'Nanum Square'; font-size:35px;line-height: 45px;}
#w_box .box01 .title_01 h2 span{display: block; padding: 38px 0 19px 0;}



.main_sect03_grid{list-style:none; margin:0; padding:0;}
.main_sect03_grid li{float:left; width:33.33333333%;}
.main_sect03_grid_inner{margin:20px 21px; background:#fff;box-shadow: 0px  #999;}
.main_sect03_grid_inner .main_thumb{width:100%; height:199px; background-repeat:no-repeat; background-position:50% 0%;                     background-size:cover; display:block; }
.main_sect03_grid_txt{padding: 37px 27px 0;height: 162px;}
.main_sect03_grid_txt h1{font-family:'Playfair Display'; font-size:30px; margin:0; color:#535353; overflow:hidden; 
        text-overflow:ellipsis; white-space:nowrap;}
.main_sect03_grid_txt p{font-size: 18px;margin:0;color: #3a3a3a;overflow:hidden;line-height: 25px;}
.main_sect03_grid_txt div.line{height: 1px;background: #e1e1e1;width: 100%;margin: 26px 0 30px;}
.main_sect03_grid_txt span{display:inline-block;font-size:12px;color: #fff;background: #3a3a3a;padding: 4px 5px;display: block;width: 96px;height: 25px;line-height: 25px;border-radius: 50px;text-align: center;}
.main_sect03_grid_txt span:before{/* content:''; */display:block;width: 296px;height:1px;background:#c9c9c9;margin-bottom: 30px;}
.fig-hover-item{clear:both;position:relative;line-height:normal}
.fig-hover-item>.full-link{z-index:1}
.fig-hover-item:hover .overlay-fig{opacity:1}
.no-opacity .fig-hover-item:hover .overlay-fig{visibility:visible}
.fig-hover-item:hover .overlay-color{opacity: 0.3;}
.no-opacity .fig-hover-item:hover .overlay-color{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}
.fig-hover-item:hover .overlay:before,.fig-hover-item:hover .overlay:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.4s ease, -webkit-transform 0.4s ease .2s;transition:opacity 0.4s ease, transform 0.45s ease .2s}
.no-opacity .fig-hover-item:hover .overlay:before,.no-opacity .fig-hover-item:hover .overlay:after{display:block}
.fig-hover-item:hover .overlay-content{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.no-opacity .fig-hover-item:hover .overlay-content{display:block}


.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.overlay:before,.overlay:after{position:absolute;top:21px;right:21px;bottom:21px;left:21px;content:'';opacity:0;z-index:1;-webkit-transition:opacity 0.35s ease, -webkit-transform 0.35s ease;transition:opacity 0.35s ease, transform 0.35s ease}
.no-opacity .overlay:before,.no-opacity .overlay:after{display:none}
.overlay:before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform:scale(0, 1);transform:scale(0, 1);}
.overlay:after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1, 0);transform:scale(1, 0)}
.overlay.thicker:before{border-top:3px solid #FFF;border-bottom:3px solid #FFF}
.overlay.thicker:after{border-right:3px solid #FFF;border-left:3px solid #FFF}
.overlay-color{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-ms-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}
.no-opacity .overlay-color{display:none}
.overlay-fig{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:#46413b;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-ms-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}
.no-opacity .overlay-fig{visibility:hidden}
.overlay-fig-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;margin:0}
.no-opacity .overlay-fig-img{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}
.overlay-content{position:absolute;z-index:4;bottom:27px;left:43px;right:43px;color:#000;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-40px, 0, 0);transform:translate3d(-40px, 0, 0);}
.no-opacity .overlay-content{display:none}
.overlay-content h3{font-family:'Playfair Display', sans-serif;font-size:1.6666666667em;line-height:1.1333333333em;font-weight:400;margin:0}
.overlay-content h3 small{font-size:0.6666666667em;display:block;font-style:italic;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15em;margin-top:4px}
.overlay-content h3 a{display:block}
.overlay-content>a{font-size:0.7777777778em;font-weight:700;text-transform:uppercase;display:block;padding:13px 0;letter-spacing:1px}
.overlay-content>a.light{opacity:.7;-webkit-transition:all .15s;-moz-transition:all .15s;-ms-transition:all .15s;-o-transition:all .15s;transition:all .15s}
.overlay-content>a.light:hover{opacity:1}
.overlay-content .hr,.overlay-content hr{margin:0;border:none;display:block;width:42px;height:1px;background:#000}

.overlay-content{left:0; top:0; width:100%; height:100%; cursor:pointer;}
.overlay-content h1{font-family: 'Oswald',sans-serif;font-size: 36px;margin:0;color: #fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2; /* Ã«ÂÂ¼Ã¬ÂÂ¸Ã¬Ë†Ëœ */-webkit-box-orient: vertical;word-wrap:break-word;word-break:keep-all;white-space: normal;text-align: center;}
.overlay-content p{font-size:20px; margin:0; color:#1b1b1b; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;
-webkit-line-clamp: 5; /* Ã«ÂÂ¼Ã¬ÂÂ¸Ã¬Ë†Ëœ */ -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; line-height:31px; max-height:155px; overflow:hidden;}
.overlay-content span{display:inline-block; font-size:12px; color:#1b1b1b;}
.overlay-content span:before{content:''; display:block; width:40px; height:1px; background:#1b1b1b; margin-bottom: 19px; margin-top: 19px;}
.overlay-txt{position: absolute;left:80px;top:95px;padding: 38px;box-sizing: border-box;}
.overlay-txt div.plus{width:74px;height:74px;line-height: 70px;display: inline-block;background:#7d42ec;border-radius: 50px;margin-top: 29px;}
.overlay-txt div.plus i{color:#fff;font-size: 62px;font-weight: 100;font-style: normal;}

#w_box .box02{overflow: hidden;width: 100%;background:#fff;}
#w_box .box02 .main_map{position:relative;width:1275px;margin:0 auto 84px;}
#w_box .box02 .main_map div.img{position: absolute;top: 39px;right: 42px;z-index: 1;}
.root_daum_roughmap{width:100% !important;}

#footer_wrap>ul{text-align: center;}
#footer_wrap>ul>li{display: inline-block;}
#footer_wrap{ min-width: 1200px;position: relative;}
#footer_wrap .w_f_menu{background-color: #262626;width:100%;height: 57px;border-bottom: 1px solid #434343;}
#footer_wrap .w_f_menu .f_menu{height: 50px;line-height: 50px;width: 1200px;margin: 0 auto;}
#footer_wrap .w_f_menu .f_menu ul{text-align: center;}
#footer_wrap .w_f_menu .f_menu ul li{display: inline-block;}
#footer_wrap .w_f_menu .f_menu ul li a{color: #b3bbbe; font-size: 14px;}
#footer_wrap .f_menu ul li span{display: inline-block; width: 1px; height: 10px; background: #525252; margin: 0 15px;}
#footer_wrap .f_sns{background:#262626;display:none;}
#footer_wrap .f_sns li a{display: block;width: 70px;height: 70px;text-align: center;line-height: 70px;/* border: 1px solid #e3e3e3; */border-radius: 50%;margin: 25px 5px;background: #3c3c3c;}
#footer_wrap .f_sns li a img{vertical-align: middle;}

#footer_wrap .footer{clear: both;overflow: hidden;background: #262626;padding:0 0 36px;}
#footer_wrap .footer .left{text-align: center;margin-bottom: 23px;margin-top: 25px;}
#footer_wrap .footer .middle{font-size: 14px;color: #acacac;text-align: center;}
#footer_wrap .footer .middle .copy{color: #5f5f5f;font-size: 11px;margin-top: 10px;text-transform: uppercase;}

#footer_wrap .top_icon{position: absolute;right: 0;bottom: 0;}


.section_bs {
	padding: 128px 0;
	background-color: #f0f0f0;
}
.section_bs_in {
	display: table;
	width: 1275px;
	margin: 0 auto;
}
.section_bs .title_01 {
	margin-bottom: 35px;
}
.section_bs_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.section_bs_box a {
	flex-grow: 1;
	margin-right: 22px;
}
.section_bs_box .box {
	padding-top: 50px;
	padding-bottom: 80px;
	background-color: #fff;
	box-shadow: 2px 4px 8px 2px #00000012;
	transition: 0.3s;
	box-sizing: border-box;
	height: 391px;
}
.section_bs_box .box:hover {
	box-shadow: 2px 4px 8px 2px #744dbd57;
}

.section_bs_box a:last-child {
	margin-right: 0;
}
.section_bs_img_wrap {
	margin-bottom: 33px;
}
.section_bs_title_wrap {
	padding-bottom: 23px;
	margin-bottom: 20px;
	position: relative;
}
.section_bs_title_wrap:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform:translateX(-50%);
	width: 18px;
	height: 1px;
	background-color: #000000;
}
.section_bs_item_about {
	font-size: 18px;
	font-weight: 400;
	color: #1e1e1e;
}
