@charset "utf-8";

/* Font */
@import url(font.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1200px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.

*/


/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;font-size:100%;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
	html{box-sizing:border-box;}
	*, *:before, *:after{box-sizing:inherit;}
	body,th,td,input,select,textarea,button{font-family:'SCDream', sans-serif;font-size:12pt;letter-spacing:-0.03em;line-height:1.475;font-weight:300;color:#000;}
	dl,ul,ol,menu,li {list-style:none;}
	*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	:focus{outline:0 !important;}
	iframe{border:none; width:100%;}
	a{color:inherit;text-decoration:none;-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
	a:hover, a:focus ,a:active{text-decoration:none;color:#000;}
	img{max-width:100%;}
	textarea{max-width:100%;resize:none;}

	.hidden{font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
    ::selection{background:#333;color:#fff;text-shadow:none;}
    ::-moz-selection{background:#333;color:#fff;text-shadow:none;}
    ::-webkit-selection{background:#333;color:#fff;text-shadow:none;}

	.ff_cont{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.fi_cont{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;}
	.ff_object{margin:-15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.ff_object .obj{padding:15px;}
	.ff_object.middle{margin:-10px;}
	.ff_object.middle .obj{padding:10px;}
	.ff_obj{margin-left:-15px;margin-right:-15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.ff_obj .obj{padding-left:15px;padding-right:15px;}
	.f_two .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
	.f_three .obj{flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;}
	.f_four .obj{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;}
	.f_wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
	.f_center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
	.f_middle{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.f_end{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;}
	.f_between{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
	.f_reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}

	h1{font-size:2.500em;}/* 40px */
	h2{font-size:2.188em;}/* 35px */
	h3{font-size:1.875em;}/* 30px */
	h4{font-size:1.500em;}/* 24px */
	h5{font-size:1.250em;}/* 20px */
	h6{font-size:1.125em;}/* 18px */
	p{font-size:1em;}/* 16px */
	h1,h2,h3,h4,h5,h6,p{font-weight:normal; word-break:break-all;}
	.en{}
	.strong{font-weight:600;}

	@media screen and (max-width:980px){
		body, input, select, textarea{font-size:11pt;}
	}

	@media screen and (max-width:767px){
		body, input, select, textarea{font-size:10.5pt;}
	}

   	@media screen and (max-width:480px){
		html, body{min-width:320px;}
		body, input, select, textarea{font-size:10pt;}
	} 

	@media only screen and (min-width:320px){
		body{overflow-x:hidden;}
	}


/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.parallax{background-position:0 0; background-repeat:no-repeat; background-size:100% auto; width:100%; background-size:cover; background-attachment:fixed;}


/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.animationload{position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:999999;}
	.loader {width:200px; height:200px; font-size: 24px; text-align: center; position:absolute; left:50%; top:50%; background-image:url(/images/basic_resp/img/preloader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px;}


/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.back-to-top{width:80px;height:80px;position:fixed;bottom:60px;right:20px;display:none;text-align:center;z-index:10000;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;background:#161616 url('/images/kor06r-22-0459/common/go_top.png') no-repeat center center;}
    
    @media only screen and (max-width: 980px) {
		.back-to-top {width: 60px; height: 60px;}
        .back-to-top i {line-height: 58px; font-size: 20px;}
	}

    @media only screen and (max-width: 768px) {
		.back-to-top {width: 40px; height: 40px;}
        .back-to-top i {line-height: 40px; font-size: 15px;}
	}

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#wrapper{position:relative;width:100%;min-width:320px;height:100%; overflow: hidden;}
	.cont_inner{width:1200px;margin:0 auto;}
	.inner{width:1200px !important;}
	.cont_inner:after,.inner:after{content:'';display:block;clear:both;}

	@media screen and (max-width:1280px){
	    .cont_inner,.inner{width:100% !important;padding:0 30px !important;}
	}
	
	@media screen and (max-width:980px){
		#wrapper {padding-top: 60px;}
	    .cont_inner,.inner{padding:0 20px !important;}
	}

	@media screen and (max-width:767px){
	    .cont_inner,.inner{padding:0 15px !important;}
	}


/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    #header {width: 100%; height: 120px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; background-color: transparent; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
    #header #header_in {position: relative; width: 100%; padding: 0 50px; display: flex; justify-content: space-between;}
	#L_SITE_LOGO {flex-shrink: 0; flex-grow: 0;}
	#L_SITE_LOGO h1 a {display: block; width: 220px; height: 40px; text-indent: -9999px; background: url('/images/kor06r-22-0459/common/top_logo.png') no-repeat center center / cover;}
    .nav-btn {display: none;}
	.nav-bg {z-index:10;display: none !important; position: absolute; top: 120px; left: -500%; width: 1000%; height: 300px; background: rgba(255,255,255,0.98); border-bottom: solid 1px #ddd;}
    #header #nav {flex-grow: 1; display: flex; justify-content: flex-end; margin-right: auto; margin-left: auto;}
    .navigation {z-index: 200;}
    .navigation:after {content: ""; display: block; clear: both;}
    .navigation > li {position: relative; text-align: center; height: 120px; display: table;}
    .navigation > li > a.main-menu {font-family: 'Montserrat', 'SCDream', sans-serif; display: table-cell; vertical-align: middle; padding: 0 60px; width: 100%; font-weight: 500; font-size: 24px; color: #fff;}
    .navigation > li > a.main-menu:hover {color: #4089b3;}
	.navigation .sub-menu {display: none; z-index: 998; position: absolute; top: 120px; left: 0; width: 100%; height: 270px; padding-top: 20px;}
	.navigation .sub-menu a {padding: 5px 0; display: block; text-align: center; font-weight: normal; color: #7c7c7c; font-size: 15px;}
    .navigation .sub-menu a:hover {color: #4089b3;}


	@media only screen and (min-width:981px) {
		#header:hover {background: rgba(255,255,255,0.98); border-bottom: 1px solid rgba(0,0,0,0.1); z-index: 500;}
		#header:hover #L_SITE_LOGO h1 a {background: url('/images/kor06r-22-0459/common/top_logo_on.png') no-repeat center center / cover;}
		#header:hover .navigation > li > a.main-menu {color: #333;}
		#header:hover .navigation .sub-menu,
		#header:hover .nav-bg {display: block !important;}

		#header.scroll_on {background: rgba(255,255,255,0.98); border-bottom: 1px solid rgba(0,0,0,0.1); z-index: 500;}
		#header.scroll_on #L_SITE_LOGO h1 a {background: url('/images/kor06r-22-0459/common/top_logo_on.png') no-repeat center center / cover;}
		#header.scroll_on .navigation > li > a.main-menu {color: #333;}

		#header.scroll {background: rgba(255,255,255,0.98); border-bottom: 1px solid rgba(0,0,0,0.1); z-index: 500;}
		#header.scroll #L_SITE_LOGO h1 a {background: url('/images/kor06r-22-0459/common/top_logo_on.png') no-repeat center center / cover;}
		#header.scroll .navigation > li > a.main-menu {color: #333;}

		
	}

	@media only screen and (max-width:1280px) {
		#header #nav {margin-right: 0;}
		.navigation > li > a.main-menu {padding: 0 40px;}
		.navigation .sub-menu a {font-size: 16px;}
	}

	@media only screen and (max-width:1024px) {
		.navigation > li > a.main-menu {padding: 0 30px; font-size: 18px;}
	}

	@media only screen and (max-width:980px) {
		#header {height: 60px; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); position: fixed; left: 0; right: 0; top: 0;}
		#header #L_SITE_LOGO h1 a {width: 120px; height: 60px; background: url('/images/kor06r-22-0459/common/top_logo_on.png') no-repeat center center / 100% auto;}

		.nav-btn {width: 60px;height: 60px; margin-left: auto; margin-right: -15px; z-index: 999; display: block; position: relative; cursor: pointer;}
		.nav-btn span {position: absolute; left: 50%; display: block; margin-left: -17px; width: 34px; height: 2px; top: 50%; background: #333; transition: .2s all linear;}
		.nav-btn span:nth-child(1) {margin-top: -11px;}
		.nav-btn span:nth-child(2) {margin-top: -1px;}
		.nav-btn span:nth-child(3) {margin-top: 9px;}
		.nav-btn.nav-close {}
		.nav-btn.nav-close span {background: #000;}
		.nav-btn.nav-close span:nth-child(1) {transform: rotate(45deg); margin-top: 0;}
		.nav-btn.nav-close span:nth-child(2) {opacity: 0;}
		.nav-btn.nav-close span:nth-child(3) {transform: rotate(-45deg); margin-top: 0;}

		.nav-bg {z-index: 777; display: none; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}

		#header #nav {display: block; z-index: 888; position: fixed; top: 60px; right: -100%; display: block; width: 100%; height: 100%; background: #fff;}
		#header #nav ul.navigation {}
        .navigation > li {width: 100%; text-align: left; border-top: 1px solid #e1e1e1; height: auto; display: inline-block;}
		.navigation > li:first-child {border-top: none;}
		
		#header.on .navigation > li > a.main-menu {font-size: 16px; padding: 20px; line-height: 1.4; color: #333; display: inline-block; width: 100%;}
		#header.on .navigation > li > a.main-menu:after {content: ''; position: absolute; top: 24px; right: 20px; border: solid rgba(0,0,0,0.48); border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
		#header.on .navigation > li.active > a.main-menu:after {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
		#header.on .navigation > li.active > ul {display: block !important;}

        .navigation > li:hover .sub-menu {background: inherit;}
        .navigation .sub-menu {display: none; padding-top: 0; position: relative; top: 0; height: inherit; background: #f7f7f7 !important;} 
        .navigation .sub-menu li {border-top: 1px solid #eee;}
		.navigation .sub-menu a {font-size: 14px; color: #777; display: block; padding: 15px 30px; text-align: left;}
	    #header.on .navigation > li > a.main-menu:hover,
	    .navigation .sub-menu a:hover {color: #000;}
	}

	@media only screen and (max-width:768px){

	}




/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.btn{text-transform:uppercase; border-radius:0; line-height:24px;}
	.btn:focus, .btn:active{outline:none; color:#fff;}

	.btn-custom{border-radius:3px; padding:0.8em 1.8em; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:#509591; border-color: #509591; color:#fff;}
	.btn-custom:hover, .btn-custom:focus{background-color:#447774; border-color:#447774; color:#fff;}

	.btn-custom-outline{border-radius:3px; padding:0.8em 1.8em; color:#fff; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:transparent; border-color:#fff;}
	.btn-custom-outline:hover, .btn-custom-outline:focus{color:#fff; background-color:rgba(255,255,255,.5);}
	.btn-bar a{margin-right:10px;}

	.form-control{box-shadow:none; -webkit-box-shadow:none; border-radius:3px; height:38px;}
	.form-control:focus{outline:none; box-shadow:none; -webkit-box-shadow:none; border-color: #509591;}


	@media only screen and (max-width: 980px) {

	}


/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#footer{}
	.ft-top {padding: 40px 0; background: #000;}
	.ft-top .cont-inner {display: flex; align-items: center;}
	.ft-top__logo {margin-right: 60px;}
	.ft-top__logo img {display: block;}
	.ft-top__info ul {display: flex; align-items: center; margin-bottom: 5px;}
	.ft-top__info ul:last-child {margin-bottom: 0;}
	.ft-top__info ul li {font-size: 15px; color: rgba(255,255,255,0.8); position: relative; padding-right: 15px; margin-right: 15px;}
	.ft-top__info ul li:last-child {padding-right: 0; margin-right: 0;}
	.ft-top__info ul li:after {content: '/'; display: block; width: 10px; text-align: center; height: 20px; line-height: 20px; position: absolute; right: -5px; top: 50%; margin-top: -10px;}
	.ft-top__info ul li:last-child:after {display: none;}
	.ft-top__info ul li br {display: none;}
	.ft-bot {padding: 30px 0; border-top: solid 1px #101c1d; background: #000101;}
	.ft-bot .cont-inner {display: flex; align-items: center; justify-content: space-between;}
	.ft-bot__copy {font-size: 15px; color: rgba(255,255,255,0.3);}
	.ft-bot__menu {display: flex; align-items: center; justify-content: center; order: 2;}
	.ft-bot__menu li {position: relative; padding-right: 8px; margin-right: 8px;}
	.ft-bot__menu li:last-child {padding-right: 0; margin-right: 0;}
	.ft-bot__menu li:after {content: ''; display: block; width: 2px; height: 2px; background: rgba(255,255,255,0.3); position: absolute; right: -1px; top: 50%; margin-top: -1px;}
	.ft-bot__menu li:last-child:after {display: none;}
	.ft-bot__menu li a {display: block; font-size: 15px; color: rgba(255,255,255,0.3);}
	
	@media screen and (max-width:1080px){
		.ft-top__logo {margin-right: 30px;}
		.ft-top__info ul li {font-size: 14px;}
		.ft-bot__copy {font-size: 14px;}
		.ft-bot__menu li a {font-size: 14px;}
	}

	@media screen and (max-width:980px){
		.ft-top .cont-inner {display: block;}
		.ft-top__logo {margin-right: 0; margin-bottom: 20px;}
	}

	@media screen and (max-width:767px){
		.ft-top__logo img {margin: 0 auto;}
		.ft-top__info ul {display: block; margin-bottom: 5px;}
		.ft-top__info ul li {font-size: 13px; padding-right: 0; margin-right: 0; text-align: center; margin-bottom: 5px;}
		.ft-top__info ul li:last-child {margin-bottom: 0;}
		.ft-top__info ul li:after {display: none;}
		.ft-top__info ul li br {display: block;}
		.ft-bot .cont-inner {display: block;}
		.ft-bot__copy {font-size: 13px; margin-top: 20px; text-align: center;}
		.ft-bot__menu {display: flex; align-items: center;}
		.ft-bot__menu li {position: relative; padding-right: 8px; margin-right: 8px;}
		.ft-bot__menu li:last-child {padding-right: 0; margin-right: 0;}
		.ft-bot__menu li:after {content: ''; display: block; width: 2px; height: 2px; background: rgba(255,255,255,0.3); position: absolute; right: -1px; top: 50%; margin-top: -1px;}
		.ft-bot__menu li:last-child:after {display: none;}
		.ft-bot__menu li a {font-size: 13px;}
	}



/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

    .main_visual{position:relative;}
	.main_visual .visual_slide{width:100%;height:930px;}
	.main_visual .visual_slide .item{background-repeat:no-repeat;background-position:top center;background-size:cover;}
	.visual_slide .item.main-img01{background-image:url("/images/kor06r-22-0459/main/main_visual_01.jpg");}
	.visual_slide .item.main-img02{background-image:url("/images/kor06r-22-0459/main/main_visual_02.jpg");}
    .visual_slide .item.main-img03{background-image:url("/images/kor06r-22-0459/main/main_visual_03.jpg");}

	.main_visual .vis_cont{height:930px;text-shadow:none;color:#fff;display:table;}
	.main_visual .vis_cont .slogan{text-align:left;display:table-cell;vertical-align:middle;}
	.main_visual .vis_cont .slogan span{font-size:28px;display:block;margin-bottom:30px;font-family:'Montserrat', sans-serif;font-weight:300;}
	.main_visual .vis_cont .slogan p.main-copy{font-size:64px;line-height:1.2;color:#fff;font-weight:300;word-break:keep-all;letter-spacing:-3px;}
	.main_visual .vis_cont .slogan p.main-copy strong{font-size:80px;font-weight:500;display:block;}

	.visual_slide .slick-dots{position:absolute;bottom:30px;left:50%;margin-left:-640px;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;}
	.visual_slide .slick-dots li button{width:50px;height:3px;font-size:13px;font-weight:bold;color:#fff;background:#ddd;outline:none;border:none;}
	.visual_slide .slick-dots li.slick-active button{background:#000;}

	.main_visual .scroll_down{text-align:center;position:absolute;left:50%;bottom:20px;margin-left:-30px;}
	.main_visual .scroll_down img{display:block;margin:0 auto;}
	.main_visual .scroll_down span{font-size:12px;text-align:center;color:rgba(255,255,255,0.7);font-family:'Montserrat', sans-serif;font-weight:300;}
	
	.vis_progress{position:absolute;left:50%;bottom:25%;width:1280px;height:20px;transform:translate(-50%, 0);text-align:left;}
	.vis_progress div{padding:0 5px;display:flex;align-items:center;cursor:pointer;color:#fff;}
	.vis_progress div h6{}
	.vis_progress div span.progressBar{display:block;width:85px;margin-left:5px;height:4px;background-color:rgba(255,255,255,0.33);}
	.vis_progress div span.progressBar .inProgress{display:block;width:0%;height:4px;background-color:rgba(255,255,255,1);}

	@keyframes slickAni{
	  from {transform:scale(1.3) translate(0px);}
	  to {transform:scale(1.0) translate(0px);}
	}
	@-webkit-keyframes slickAni {
	  from {transform:scale(1.3) translate(0px);}
	  to {transform:scale(1.0) translate(0px);}
	}

	@media screen and (max-width:1280px){
		.vis_progress{left:20px;bottom:25%;width:auto;transform:none;}
		.vis_progress div span.progressBar{width:80px;}
	}

	@media screen and (max-width:980px){
		.main_visual .visual_slide,.main_visual .vis_cont{height:800px;}
		.main_visual .vis_cont{top:40%;left:auto;right:auto;bottom:auto;padding:unset;}
		.main_visual .vis_cont .slogan span{font-size:20px;margin-bottom:20px;}
		.main_visual .vis_cont .slogan p.main-copy{font-size:50px;}
		.main_visual .vis_cont .slogan p.main-copy strong{font-size:60px;}
	}

	@media screen and (max-width:767px){
		.main_visual .visual_slide,.main_visual .vis_cont{height:600px;}
		.main_visual .visual_slide .item{background-position:55% center;}
		.visual_slide .item.main-img02{background-position:75% center;}
		.main_visual .vis_cont{top:40%;}
		.main_visual .vis_cont .slogan span{font-size:18px;margin-bottom:15px;}
		.main_visual .vis_cont .slogan p.main-copy{font-size:40px;}
		.main_visual .vis_cont .slogan p.main-copy strong{font-size:50px;}  
	}

	@media screen and (max-width:480px){
		.main_visual .vis_cont .slogan span{font-size:16px;margin-bottom:10px;}
		.main_visual .vis_cont .slogan p.main-copy{font-size:30px;}
		.main_visual .vis_cont .slogan p.main-copy strong{font-size:40px;} 
	}



/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */


/**/
#fp-nav ul {position: relative;}
#fp-nav ul li .fp-tooltip{color:#fff !important;text-shadow:1px 1px 1px rgba(0,0,0,.4);}
#fp-nav ul li{height:30px;width:30px;text-align:center;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {display: block; margin:-5px 0 0 -5px !important;width:9px !important;height:9px !important;background:#fff; -webkit-border-radius: 50%; border-radius: 50%;}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {z-index: 1; width:29px !important;height:29px !important; margin:-15px 0 0 -15px !important; border: solid 2px #01a8ec; background: none;}
#fp-nav ul li a.active span:after,
.fp-slidesNav ul li a.active span:after,
#fp-nav ul li:hover a.active span:after,
.fp-slidesNav ul li:hover a.active span:after {content: ''; display: block; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background: #01a8ec; position: absolute; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px;}

#fp-nav ul li:last-child{display:none;}

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

}

@media only screen and (max-width: 980px){
	#fp-nav{display:none;}
}

@media only screen and (max-width: 780px){
	#fp-nav{display:none;}
	.fp-tooltip{display:none !important;}

}




.main_section {display: flex; height: 100vh; align-items: center; justify-content: center; padding-top: 120px;}
.cont-inner,
.main_section_inner {width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative;}
.main_section_title {text-align: center; margin-bottom: 60px;}
.main_section_title h2 {font-size: 50px; letter-spacing: -0.075rem; font-family: 'Montserrat', 'SCDream', sans-serif; font-weight: 600; line-height: 1.0;}
.main_section_title p {font-size: 24px; margin-top: 20px;}

@media only screen and (max-width: 1200px) {
	.main_section_title {margin-bottom: 40px;}
	.main_section_title h2 {font-size: 34px;}
	.main_section_title p {font-size: 18px;}
}

@media only screen and (max-width: 980px) {
	.fp-section {height: auto !important;}
	.main_section {height: auto; padding: 120px 0;}
	.main_section_title {margin-bottom: 30px;}
	.main_section_title h2 {font-size: 30px;}
	.main_section_title p {margin-top: 15px; font-size: 16px;}
}

@media only screen and (max-width: 780px) {
	.main_section {padding: 60px 0;}
	.main_section_title h2 {font-size: 24px;}
	.main_section_title p {font-size: 13px; margin-top: 10px;}
}



/* 메인배너 */
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

.main-ban {position: relative;}
.main-ban__cont {display: flex !important; align-items: center; justify-content: center; height: 100vh;}
.main-ban__caption {color: #fff; text-align: center;}
.main-ban__caption p {font-size: 34px; font-family: 'Montserrat', 'SCDream', sans-serif;}
.main-ban__caption h5 {font-size: 48px; line-height: 1.3; margin-top: 20px; font-weight: 700;}
.main-ban .slick-dots {display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; margin-top: 200px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.main-ban .slick-dots li {margin: 0 5px;}
.main-ban .slick-dots li button {display: block; text-indent: -9999px; width: 60px; height: 5px; background: rgba(255,255,255,0.3); border: none; -webkit-border-radius: 10px; border-radius: 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.main-ban .slick-dots li.slick-active button {background: #fff;}
.main-ban__scroll {font-size: 12px; color: rgba(255,255,255,0.5); position: absolute; bottom: 50px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.main-ban__scroll:after {content: ''; display: block; width: 3px; height: 40px; margin: 10px auto 0; background: #000; -webkit-border-radius: 10px; border-radius: 10px;}
.main-ban__scroll:before {content: ''; display: block; width: 5px; height: 15px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; bottom: 25px; left: 50%; margin-left: -3px;}

@media screen and (max-width:1280px){
	.main-ban__caption p {font-size: 30px;}
	.main-ban__caption h5 {font-size: 40px;}
	.main-ban .slick-dots {margin-top: 160px;}
}

@media only screen and (max-width: 980px){
	.main-ban__cont {height: 70vh;}
	.main-ban__caption p {font-size: 24px;}
	.main-ban__caption h5 {font-size: 30px;}
	.main-ban .slick-dots {margin-top: 120px;}
	.main-ban .slick-dots li {margin: 0 3px;}
	.main-ban .slick-dots li button {width: 30px; height: 4px;}
}

@media only screen and (max-width: 767px){
	.main-ban__cont {height: 60vh;}
	.main-ban__caption p {font-size: 16px;}
	.main-ban__caption h5 {font-size: 20px;}
	.main-ban .slick-dots {margin-top: 0; top: auto; bottom: 20px;}
	.main-ban .slick-dots li button {width: 20px;}
	.main-ban__scroll {display: none;}
}




.main-service {background: url('/images/kor06r-22-0459/main/main_service_bg.jpg')no-repeat center center / cover;}
.main-service .main_section_inner {max-width: 1480px;}
.main-service__wrap {display: flex; margin: 0 -20px;}
.main-service__wrap > div {width: 50%; padding: 0 20px;}
.main-service__box {padding: 150px 0 210px; text-align: center; border: solid 1px #fff; -webkit-border-radius: 20px; border-radius: 20px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-service__box h5 {font-size: 50px; color: #fff; line-height: 1.0; font-family: 'Montserrat', 'SCDream', sans-serif; font-weight: 600;}
.main-service__box p {font-size: 22px; color: #fff; margin-top: 20px;}
.main-service__box ul {display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.main-service__box ul li {padding: 0 10px;}
.main-service__box ul li a {border: solid 1px #fff; font-size: 20px; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; width: 150px; height: 50px; -webkit-border-radius: 30px; border-radius: 30px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-service__box:hover {border-color: transparent;}
.main-service__box.service:hover {background: url('/images/kor06r-22-0459/main/main_service_1.png')no-repeat center center / cover;}
.main-service__box.solution:hover {background: url('/images/kor06r-22-0459/main/main_service_2.png')no-repeat center center / cover;}
.main-service__box:hover ul li a {background: rgba(255,255,255,0.7); color: #000;}
.main-service__box:hover ul li a:hover {background: #fff;}

.main-recruit {background: url('/images/kor06r-22-0459/main/main_recruit_bg.jpg')no-repeat center center / cover;}
.main-recruit__list {display: flex; margin: 0 -20px;}
.main-recruit__list li {width: 33.33%; padding: 0 20px;}
.main-recruit__list li div {background: #fff; padding-bottom: 40px; text-align: center; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);}
.main-recruit__list li em {display: block; position: relative; padding-bottom: 73%; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.main-recruit__list li:nth-child(1) em {background: url('/images/kor06r-22-0459/main/main_recruit_1.png')no-repeat center center / cover;}
.main-recruit__list li:nth-child(2) em {background: url('/images/kor06r-22-0459/main/main_recruit_2.png')no-repeat center center / cover;}
.main-recruit__list li:nth-child(3) em {background: url('/images/kor06r-22-0459/main/main_recruit_3.png')no-repeat center center / cover;}
.main-recruit__list li em:after {content: ''; display: block; width: 130px; height: 130px; position: absolute; left: 50%; margin-left: -65px; bottom: 0; margin-bottom: -65px; -webkit-border-radius: 50%; border-radius: 50%;}
.main-recruit__list li:nth-child(1) em:after {background: #fff url('/images/kor06r-22-0459/main/main_recruit_icon_1.png')no-repeat center center / 60px auto;}
.main-recruit__list li:nth-child(2) em:after {background: #fff url('/images/kor06r-22-0459/main/main_recruit_icon_2.png')no-repeat center center / 60px auto;}
.main-recruit__list li:nth-child(3) em:after {background: #fff url('/images/kor06r-22-0459/main/main_recruit_icon_3.png')no-repeat center center / 60px auto;}
.main-recruit__list h5 {margin-top: 40px; position: relative; font-size: 23px; font-weight: 600;}
.main-recruit__list p {margin-top: 10px; position: relative; font-size: 15px;}
.main-recruit__list a {margin: 30px auto 0; border: solid 1px #ccc; font-size: 12px; display: flex; align-items: center; justify-content: center; width: 150px; height: 40px; -webkit-border-radius: 30px; border-radius: 30px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-recruit__list a:hover {background: #01a8ec; border-color: #01a8ec; color: #fff;}

.main-partner {background: #f3f8fa;}
.main-partner__list {display: flex; flex-wrap: wrap;}
.main-partner__list li {width: 33.33%; padding: 20px 15px;}
.main-partner__list div {display: flex; align-items: center; justify-content: center; background: #fff; height: 100px; -webkit-border-radius: 10px; border-radius: 10px;}
.main-partner__list img {display: block; max-width: 100%;}

.main-client__cont {display: flex; margin: 0 -40px;}
.main-client__cont li {width: 50%; padding: 0 40px;}
.main-client__cont li dl dt {display: flex; align-items: center; justify-content: center; height: 60px; font-size: 20px; color: #0475d3; border: dotted 2px #0f98ce; font-weight: 600; -webkit-border-radius: 20px; border-radius: 20px;}
.main-client__cont li dl dd {margin-top: 30px;}
.main-client__cont li dl dd img {display: block; width: 100%;}


@media screen and (max-width:1280px){
	.main-service__box {padding: 120px 30px;}
	.main-service__box h5 {font-size: 40px;}
	.main-service__box p {font-size: 20px; margin-top: 15px;}
	.main-service__box ul {margin-top: 60px;}
	.main-service__box ul li {width: 33.33%;}
	.main-service__box ul li a {font-size: 20px; width: 100%; height: 50px;}
	.main-recruit__list {margin: 0 -10px;}
	.main-recruit__list li {padding: 0 10px;}
	.main-client__cont {margin: 0 -20px;}
	.main-client__cont li {padding: 0 20px;}
}

@media only screen and (max-width: 980px){
	.main-service__wrap {margin: 0 -10px;}
	.main-service__wrap > div {padding: 0 10px;}
	.main-service__box {padding: 80px 20px;}
	.main-service__box h5 {font-size: 30px;}
	.main-service__box p {font-size: 16px; margin-top: 10px;}
	.main-service__box ul {margin-top: 40px;}
	.main-service__box ul li {padding: 0 5px;}
	.main-service__box ul li a {font-size: 16px; height: 40px;}
	.main-recruit__list h5 {font-size: 20px;}
	.main-recruit__list p {font-size: 14px;}
	.main-client__cont li dl dt {height: 50px; font-size: 16px; -webkit-border-radius: 15px; border-radius: 15px;}
}

@media only screen and (max-width: 767px){
	.main-service__wrap {display: block; margin: 0; padding: 0 20px;}
	.main-service__wrap > div {padding: 0; margin-bottom: 20px; width: 100%;}
	.main-service__wrap > div:last-child {margin-bottom: 0;}
	.main-service__box {padding: 40px 0;}
	.main-service__box p {font-size: 13px;}
	.main-service__box ul {margin-top: 30px; display: block; padding: 0 25%;}
	.main-service__box ul li {padding: 0; margin-bottom: 15px; width: 100%;}
	.main-service__box ul li:last-child {margin-bottom: 0;}
	.main-service__box ul li a {font-size: 14px; height: 40px;}
	.main-recruit__list {display: block; padding: 0 10%;}
	.main-recruit__list li {width: 100%; margin-bottom: 20px;}
	.main-recruit__list li:last-child {margin-bottom: 0;}
	.main-partner__list li {width: 50%; padding: 5px;}
	.main-partner__list div {height: 80px;}
	.main-client__cont {margin: 0; display: block;}
	.main-client__cont li {width: 100%; padding: 0; margin-bottom: 20px;}
	.main-client__cont li:last-child {margin-bottom: 0;}
	.main-client__cont li dl dt {height: 44px; -webkit-border-radius: 10px; border-radius: 10px;}
	.main-client__cont li dl dd {margin-top: 20px;}
}