@charset "utf-8";

/* Font */
@import url(font.css);

/* 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;}
	body,th,td,input,select,textarea,button{font-family:'NotoSansKR', sans-serif; font-weight:400; font-size:15px; color:#000; line-height: 1.6;}
	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; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out;}
	a:hover, a:focus ,a:active{text-decoration:none; color:#0b3f93;}
	img{max-width:100%;}
	textarea{max-width:100%; resize:none;}
	h1,h2,h3,h4,h5,h6 {line-height: 1.4;}
    body {overflow-x: hidden;}
    #header {max-width:1920px;}

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

	.hidden{font-size:0; line-height:0; text-indent:-9999em; overflow: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:40px; height:40px; position:fixed; bottom:10px; right:20px; display:none; text-align: center; z-index: 10000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%; background:#0b3f93;}
	.back-to-top i{color: #fff; font-size: 15px; display: block; line-height: 33px;}


/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#wrapper{position:relative; width:100%; min-width:320px; height:100%; overflow: hidden;}


/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.gnb-lang {position: relative; margin-left: 50px; z-index: 10;}
	.gnb-lang button {display: block; vertical-align: middle; width: 70px; height: 20px; line-height: 18px; text-align: center; color: #0b3f93; font-size: 12px; font-weight: 500; background: none; border: solid 1px #0b3f93; -webkit-border-radius: 20px; border-radius: 20px;}
	.gnb-lang button:after {content: ''; display: inline-block; margin-left: 5px; width: 10px; height: 6px; top: -1px; position: relative; background: url('/images/kor06r-18-0404/common/gnb_arrow.png')no-repeat center center / cover;}
	.gnb-lang ul {display: none; position: absolute; top: 100%; left: 0; width: 100%; border: solid 1px #0b3f93; padding: 5px; background: #fff; margin-top: 5px; -webkit-border-radius: 10px; border-radius: 10px;}
	.gnb-lang ul li {margin-bottom: 3px;}
	.gnb-lang ul li:last-child {margin-bottom: 0;}
	.gnb-lang ul li a {display: block; color: #0b3f93; font-size: 12px; font-weight: 500; text-align: center;}
	
	@media only screen and (min-width: 981px){
		#header{z-index:666; width:100%; background:#fff;}
		#header > div{position:relative; margin:0 auto; width:100%; height: 80px;}
		#header > div:after {content: ''; display: table; clear: both;}
		
		#L_SITE_LOGO {float:left;}
		#L_SITE_LOGO h1 a {display:block; width: 266px; height: 80px; text-indent: -9999px; background: url('/images/kor06r-18-0404/common/gnb_logo.png')no-repeat center center / 100% auto;}

		.nav-btn{display:none;}

		.nav-bg{z-index:888; display:none; position:absolute; top:100%; left:-500%; width:1000%; height:240px; background:#fff; border-top: 1px solid #0b3f93;}

		#nav{float:right; display: flex; align-items: center;}
		.util-menu{position:absolute; top:9px; right:10px; line-height:0; font-size:0;}
		.util-menu ul{display:inline-block; line-height:0; font-size:0;}
		.util-menu li{display:inline-block; margin-left:10px; padding-left:10px; line-height:0; font-size:0; border-left:1px solid #ddd;}
		.util-menu li:first-child{margin-left:0; padding-left:0; border-left:0;}
		.util-menu a{display:inline-block; line-height:10px; font-size:12px; color:#888;}
		.util-menu li:first-child a{color:#0b3f93;}
		
		.navigation:after{content:""; display:block; clear:both;}
		.navigation > li{position:relative; float:left; text-align:center; margin-right: 50px;}
		.navigation > li:last-child {margin-right: 0;}
		.navigation .main-menu{display:block; height: 30px; line-height: 30px; margin: 25px 0; font-weight:400; font-size:18px; color:#000; font-weight: 700;}
		.navigation .sub-menu{display:none; z-index:999; position:absolute; top:100%; left:-25px; right: -25px; padding:15px 0; height:240px;}
		.navigation > li:nth-of-type(2) .sub-menu li:first-child{line-height: 2.5; margin-top: 6px;}
		.navigation > li:nth-of-type(2) .sub-menu li:first-child a{display: inline-block; word-break: keep-all; line-height: 1.5;}
		.navigation .sub-menu a{display:block; text-align:center; line-height:35px; letter-spacing:-1px; font-size:15px; color:#7a7d83;}
		.navigation .sub-menu .intro-menu{display:none;}
		.navigation > li:hover .sub-menu{background:#0b3f93;}
		.navigation > li:hover .sub-menu a{color:#fff;}
		.navigation .sub-menu a:hover{background:#3a3533;}

	}
	@media only screen and (min-width: 1201px){
		#header > div{width:1200px;}
	}
	@media only screen and (max-width: 1200px){
		#header > div{padding:0 20px;}
		#L_SITE_LOGO h1 a {width: 180px;}
		.navigation > li{margin-right: 40px;}
		.navigation .sub-menu{left:-20px; right: -20px;}
	}
	@media only screen and (max-width: 980px){
		#header{z-index:666; width:100%; height:65px; background:#fff;}
		#header > div{padding:0;}
		#header > div:after {content: ''; display: table; clear: both;}
		#L_SITE_LOGO {float:left;}
		#L_SITE_LOGO h1 {padding: 0 10px;}
		#L_SITE_LOGO h1 a{display:block; width: 180px; height: 65px; text-indent: -9999px; background: url('/images/kor06r-18-0404/common/gnb_logo.png')no-repeat center center / 100% auto;}

		.nav-btn{z-index:999; display:block; position:absolute; top:20px; right:20px; width:30px; height:23px; cursor:pointer;}
		.nav-btn span{position:absolute; left:50%; display:block; margin-left:-15px; width:30px; height:3px; background:#0b3f93; transition:.2s all linear;}
		.nav-btn span:nth-child(1){top:0;}
		.nav-btn span:nth-child(2){top:10px;}
		.nav-btn span:nth-child(3){top:20px;}
		
		.nav-btn.nav-close{position:fixed;}
		.nav-btn.nav-close span:nth-child(1){top:50%; transform:rotate(45deg);}
		.nav-btn.nav-close span:nth-child(2){margin-left:0; width:0;}
		.nav-btn.nav-close span:nth-child(3){top:50%; transform:rotate(-45deg);}

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

		#nav{z-index:888; position:fixed; right:-260px; display:block; padding:65px 0 20px; width:260px; height:100%; background:#fff;}

		.util-menu{padding:0 30px 20px; border-bottom:1px solid #eee;}
		.util-menu a{display:inline-block; margin-top:5px; font-size:14px; color:#555;}
		.util-menu li:first-child a{color:#0b3f93;}
				
		.navigation .main-menu{display:block; padding:0 30px; width:100%; line-height:43px; font-weight:400; font-size:16px; color:#000; transition:none;}
		.navigation > li {margin-right: 0;}
		.navigation li.active .main-menu{background:#0b3f93; color:#fff;}

		.navigation .sub-menu{display:none; padding:10px 0; background:#f1f1f1;}
		.navigation .sub-menu a{display:block; padding:0 30px; line-height:33px; font-size:14px; color:#555;}
		.navigation .sub-menu a:before{content:""; display:inline-block; margin:0 5px 0 0; width:4px; height:1px; vertical-align:middle; background:#888;}
		.navigation .sub-menu a:hover{color:#fff; background:#3a3533;}
		.navigation .sub-menu a:hover:before{background:#fff;}

		.gnb-lang {position: absolute; top: 25px; left: 30px; margin-left: 0;}
		.gnb-lang ul {width: 70px;}
	}
	@media only screen and (max-width: 768px){
		.nav-btn{right:10px;}
	}


/* 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{}
.footer-area{margin:0 auto; width:100%; max-width: 1240px; padding: 0 20px; box-sizing:border-box;}
.footer-area:after{content:""; display:block; clear:both;}
.footer-menu {background: #f8f8f8; padding: 30px 0;}
.footer-menu ul {display: flex; align-items: center;}
.footer-menu ul li {margin-right: 40px;}
.footer-menu ul li:last-child {margin-right: 0;}
.footer-menu ul li a {font-size: 16px; color: #000; font-weight: 400;}
.footer-content {padding: 30px 0; font-size: 14px; font-weight: 400; color: rgba(34,32,32,0.5);}
.footer-logo {float: right;}
.footer-logo img {display: block; height: 30px;}
.footer-info p br {display: none;}
.footer-info ul {display: flex;}
.footer-info ul li {margin-right: 30px;}
.footer-info p.footer-copy {margin-top: 10px;}

@media only screen and (max-width:768px){
	.footer-menu ul {justify-content: center; text-align: center;}
	.footer-menu ul li {margin-right: 0; flex: auto;}
	.footer-menu ul li a {font-size: 14px;}

	.footer-content {font-size: 13px; font-weight: 400; color: rgba(34,32,32,0.5);}
	.footer-logo {float: none;}
	.footer-logo img {margin: 0 auto;}
	.footer-info {margin-top: 20px; text-align: center;}
	.footer-info p br {display: block;}
	.footer-info ul {display: block;}
	.footer-info ul li {margin-right: 0;}
	.footer-info p.footer-copy {font-size: 11px; margin-top: 20px;}
}



/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

	.carousel-inner > .item{height:680px;}
	.carousel-inner > .main-img01{background:url('/images/kor06r-18-0404/main/main_visual01.jpg') no-repeat center center/cover;}
	.carousel-inner > .main-img02{background:url('/images/kor06r-18-0404/main/main_visual02.jpg') no-repeat center center/cover;}

	.carousel.slide .carousel-control{background:none; text-shadow:none; width:10%; text-indent:-9999em; overflow:hidden;}
	.carousel.slide .carousel-control, .carousel.slide .carousel-control:focus, .carousel.slide .carousel-control:hover{opacity:1;}
	.carousel.slide .carousel-control.left{background:url('/images/kor06r-18-0404/main/visual_btn_prev.png') no-repeat center center;}
	.carousel.slide .carousel-control.right{background:url('/images/kor06r-18-0404/main/visual_btn_next.png') no-repeat center center;}

	.carousel.slide .carousel-caption{display: flex; align-items: center; text-align: center; height: 680px; position: static; padding-top: 0; padding-bottom: 0;}
	.carousel.slide .carousel-caption .slogan{color:#fff; width:100%; max-width:1200px; margin:0 auto; text-shadow: none;}
	.carousel.slide .carousel-caption h5 {font-family: 'SBAggroL', sans-serif; font-size: 40px; line-height: 1.5;}
	.carousel.slide .carousel-caption h4 {font-family: 'SBAggroB', sans-serif; font-size: 70px;}
	.carousel.slide .carousel-caption p{display:block;font-size:24px;font-weight:300;font-family:'NotoSansKR'; margin-top: 30px;}

	.carousel-indicators{bottom:30px}
	.carousel-indicators li{margin:0 5px; width:10px;height:10px;box-sizing:border-box; background:none; border: none; background: rgba(255,255,255,0.2); border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;}
	.carousel-indicators .active{background:#fff; width: 10px; height: 10px;}
	
	.carousel.slide .slick-arrow {display: block; position: absolute; z-index: 1; top: 0; bottom: 0; width: 10%; border: none; text-indent: -9999px;}
	.carousel.slide .slick-prev {left: 0; background:url('/images/kor06r-18-0404/main/visual_btn_prev.png') no-repeat center center;}
	.carousel.slide .slick-next {right: 0; background:url('/images/kor06r-18-0404/main/visual_btn_next.png') no-repeat center center;}

	.carousel.slide .slick-dots {position: absolute; left: 0; right: 0; bottom:30px; text-align: center;}
	.carousel.slide .slick-dots li {margin:0 5px; display: inline-block;}
	.carousel.slide .slick-dots li button {width:10px;height:10px; text-indent: -9999px; box-sizing:border-box; background:none; border: none; background: rgba(255,255,255,0.2); border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;}
	.carousel.slide .slick-dots li.slick-active button {background: #fff;}


	@media only screen and (max-width: 1200px){
		.carousel.slide .carousel-caption h5 {font-size: 30px;}
		.carousel.slide .carousel-caption h4 {font-size: 60px;}
		.carousel.slide .carousel-caption p{font-size:20px; margin-top: 20px;}
	}
	@media screen and (max-width:980px){
		.carousel-inner > .item{height:500px;}
		.carousel.slide .carousel-caption {height: 500px;}
		.carousel.slide .carousel-caption h5 {font-size: 24px;}
		.carousel.slide .carousel-caption h4 {font-size: 50px;}
		.carousel.slide .carousel-caption p{font-size:18px;}

	}
	@media screen and (max-width:768px){
		.carousel-inner > .item{height:350px;}
		.carousel.slide .carousel-caption {height: 350px;}
		.carousel.slide .carousel-control.left,
		.carousel.slide .carousel-control.right{background-size:20px;}

		.carousel.slide .slick-prev,
		.carousel.slide .slick-next {background-size:20px !important;}
		.carousel.slide .slick-dots {bottom: 10px;}

		.carousel.slide .carousel-caption h5 {font-size: 18px;}
		.carousel.slide .carousel-caption h4 {font-size: 30px;}
		.carousel.slide .carousel-caption p{font-size:14px; margin-top: 10px;}
	}


/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#mainContainer{z-index:555;}


	.main-container h3{position:relative; margin-bottom:20px; line-height:1.2; font-weight:400; font-size:20px; color:#000;}
	.main-container h3 span{display:block; margin-top:5px; font-size:14px; color:#6c7079;}

	.main-top h3 img{float:right;}
	.main-top ul{margin:0 -10px;}
	.main-top ul:after{content:""; display:block; clear:both;}
	.main-top li{position:relative; float:left; margin:0 10px; width:calc(25% - 20px); background:#f9f9f9; border:1px solid #c5c5c5;}
	.main-top .txt-frame{margin:30px 25px; word-break:keep-all;}
	.main-top .txt-frame h3{margin-bottom:15px;}
	.main-top .img-frame{width:100%; overflow:hidden;}
	.main-top .img-frame img{width:100%;}
	.main-top a:hover{color:#555;}

	.main-top .caption-link{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
	.main-top .caption-link:before{position:absolute; top:-1px; left:-1px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
	.main-top .caption-link:after{position:absolute; bottom:-1px; right:-1px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
	.main-top .caption-link:hover:before{width:calc(100% + 2px); height:calc(100% + 2px); border-left:5px solid #0b3f93; border-top:5px solid #0b3f93;}
	.main-top .caption-link:hover:after{width:calc(100% + 2px); height:calc(100% + 2px); border-right:5px solid #0b3f93; border-bottom:5px solid #0b3f93;}

	.main-center{margin:20px -10px;}
	.main-center:after{content:""; display:block; clear:both;}
	.main-center > div{position:relative; float:left; margin:0 10px; padding:30px 25px; height:286px; background:#f9f9f9; border:1px solid #c5c5c5;}
	.webgine-box{width:calc(50% - 20px);}
	.notice-box{width:calc(25% - 20px);}
	.notice-box .more-btn{position:absolute; top:25px; right:20px;}
	.affilates-box{width:calc(25% - 20px);}

	.main-bottom ul{margin:0 -10px;}
	.main-bottom ul:after{content:""; display:block; clear:both;}
	.main-bottom li{position:relative; float:left; margin:0 10px; padding:30px 25px; width:calc(25% - 20px); border:1px solid #c5c5c5; border-left:3px solid #0b3f93;}
	.main-bottom li:nth-child(1){background:url('/images/kor06r-18-0404/main/main_quick01.gif') no-repeat center right 10%;}
	.main-bottom li:nth-child(2){background:url('/images/kor06r-18-0404/main/main_quick02.gif') no-repeat center right 10%;}
	.main-bottom li:nth-child(3){background:url('/images/kor06r-18-0404/main/main_quick03.gif') no-repeat center right 10%;}
	.main-bottom li:nth-child(4){background:url('/images/kor06r-18-0404/main/main_quick04.gif') no-repeat center right 10%;}
	.main-bottom h3{margin-bottom:10px; font-size:18px;}
	.main-bottom h3 + P{font-size:13px;}

	.main-bottom .go-btn{position:absolute; top:0; left:0; display:block; width:100%; height:100%; text-indent:-9999em; overflow:hidden;}
	
	@media only screen and (max-width: 1200px){
		#mainContainer{padding:50px 20px 100px; width:100%;}

		.main-top ul, .main-bottom ul{margin:0 -5px;}
		.main-top li, .main-bottom li{margin:0 5px; width:calc(25% - 10px);}

		.main-center{margin:10px -5px;}
		.main-center > div{margin:0 5px;}
		.webgine-box{width:calc(50% - 10px);}
		.notice-box{width:calc(25% - 10px);}
		.affilates-box{width:calc(25% - 10px);}

	}
	@media only screen and (max-width: 980px){
		.main-top ul, .main-bottom ul{margin:-10px;}
		.main-top li, .main-bottom li{margin:10px; width:calc(50% - 20px);}

		.main-center{margin:20px -10px;}
		.main-center > div{margin:0 10px;}
		.webgine-box{margin-bottom:20px !important; width:calc(100% - 20px);}
		.notice-box{width:calc(50% - 20px);}
		.affilates-box{width:calc(50% - 20px);}

	}
	@media only screen and (max-width: 768px){
		#mainContainer{padding:20px 10px 30px; width:100%;}

		.main-top ul, .main-bottom ul{margin:-5px;}
		.main-top li, .main-bottom li{margin:5px; width:calc(50% - 10px);}

		.main-center{margin:10px -5px;}
		.main-center > div{margin:0 5px;}
		.webgine-box{margin-bottom:10px !important; width:calc(100% - 10px); height:468px !important;}
		.notice-box{width:calc(50% - 10px);}
		.affilates-box{width:calc(50% - 10px);}

	}
	@media only screen and (max-width: 480px){
		.main-top ul, .main-bottom ul{margin:0;}
		.main-top li{margin:10px 0 0 0; width:100%;}
		.main-bottom li{margin:10px 0 0 0; width:100%; border:1px solid #c5c5c5; border-top:3px solid #0b3f93;}
		.main-top li:first-child, .main-bottom li:first-child{margin-top:0;}
		
		.main-center{margin:10px 0;}
		.main-center > div{margin:10px 0 0 0;}
		.main-center > div:first-child{margin-top:0;}
		.webgine-box{margin-bottom:0 !important; width:100%;}
		.notice-box{width:100%;}
		.affilates-box{width:100%;}
	}






.container {width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; position: relative;}
.main-biz {position: relative; padding: 90px 0;}
.main-biz:before {content: ''; display: block; background: #f1f3f5; height: 40%; position: absolute; left: 0; right: 0; bottom: 0;}
.main-biz__title {margin-bottom: 50px; display: flex; align-items: center;}
.main-biz__title h3 {font-size: 60px; color: #000; font-weight: 900; letter-spacing: -0.05rem;}
.main-biz__title p {font-size: 16px; color: #000; font-weight: 500; margin-left: 30px;}
.main-biz__list {display: flex; margin: 0 -20px;}
.main-biz__list li {width: 50%; padding: 0 20px;}
.main-biz__list li a {display: block;}
.main-biz__list li a img {display: block; width: 100%;}
.main-biz__list li a h5 {margin: 20px 0; font-size: 20px; color: #000; font-weight: 700; letter-spacing: -0.05rem;}
.main-biz__list li a p {font-size: 16px; color: #000; font-weight: 400;}

.main-contact {padding: 90px 0;}
.main-contact__row {display: flex; flex-wrap: wrap; align-items: center;}
.main-contact__title {width: 40%;}
.main-contact__title img {display: block; width: 100%;}
.main-contact__bbs {width: 60%; display: flex;}
.main-bbs {width: 50%; padding: 0 30px; position: relative; border-left: solid 1px #dadada;}
.main-bbs__icon {display: block; width: 44px; height: 38px;}
.main-bbs__icon.customer {background:url('/images/kor06r-18-0404/main/main_contact_icon_01.png') no-repeat center center / cover;}
.main-bbs__icon.promotion {background:url('/images/kor06r-18-0404/main/main_contact_icon_02.png') no-repeat center center / cover;}
.main-bbs__title {margin-top: 20px; display: flex; align-items: center; margin-bottom: 60px;}
.main-bbs__title h4 {font-size: 22px; color: #000; font-weight: 700; flex-grow: 1;}
.main-bbs__title a {display: block; width: 30px; height: 30px; border: solid 1px #a4a4a4; position: relative; flex-shrink: 0; text-indent: -9999px;}
.main-bbs__title a:before,
.main-bbs__title a:after {content: ''; display: block; background: #a4a4a4; position: absolute; left: 50%; top: 50%;}
.main-bbs__title a:before {width: 14px; height: 2px; margin-left: -7px; margin-top: -1px;}
.main-bbs__title a:after {width: 2px; height: 14px; margin-left: -1px; margin-top: -7px;}
.main-bbs__list {}
.main-bbs__item {}
.main-bbs__item a {display: block;}
.main-bbs__item h5 {font-size: 18px; color: #000; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-bbs__item p {font-size: 16px; color: #000; font-weight: 300; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 3.0em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-bbs__item span {display: flex; font-size: 14px; color: #838383; margin-top: 30px; align-items: center;}
.main-bbs__item span:before {content: ''; display: block; width: 15px; height: 15px; margin-right: 5px; background:url('/images/kor06r-18-0404/main/main_contact_date.png') no-repeat center center / cover;}

.main-bottom {position: relative; padding: 40px 0; color: #fff;}
.main-bottom:before,
.main-bottom:after {content: ''; display: block; position: absolute; top: 0; bottom: 0;}
.main-bottom:before {left: 0; right: 50%; background: #0d204a;}
.main-bottom:after {left: 50%; right: 0; background: #081632;}
.main-bottom__row {display: flex; align-items: center;}
.main-bottom__row > div {width: 50%; padding-left: 200px; padding-right: 30px; position: relative; z-index: 1;}
.main-bottom__row > div:before {content: ''; display: block; width: 120px; height: 110px; position: absolute; left: 40px; top: 50%; margin-top: -55px;}
.main-bottom__row > div.main-bottom__recruit:before {background:url('/images/kor06r-18-0404/main/main_bottom_icon_01.png') no-repeat center center / cover;}
.main-bottom__row > div.main-bottom__location:before {background:url('/images/kor06r-18-0404/main/main_bottom_icon_02.png') no-repeat center center / cover;}
.main-bottom__recruit {}
.main-bottom__recruit h5 {font-size: 22px;}
.main-bottom__recruit p {font-size: 16px; margin: 20px 0; font-weight: 300;}
.main-bottom__recruit a {display: inline-block; font-size: 14px; font-weight: 500; padding-right: 15px; background:url('/images/kor06r-18-0404/main/main_bottom_arrow.png') no-repeat right center / 7px auto;}
.main-bottom__location {}
.main-bottom__location h5 {font-size: 22px;}
.main-bottom__location p {font-size: 16px; color: #50a7f7; font-weight: 500; margin-top: 20px;}
.main-bottom__location table {margin-top: 10px;}
.main-bottom__location th,
.main-bottom__location td {color: #fff; vertical-align: top; padding: 5px 0;}
.main-bottom__location th {width: 50px; font-weight: 500;}

.main-partner {position: relative;}
.main-partner:before {content: ''; display: block; position: absolute; right: 50%; top: 0; bottom: 0; left: 0; background: #0b3f93;}
.main-partner__row {position: relative; padding-left: 200px;}
.main-partner__title {position: absolute; left: 0; top: 0; width: 200px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.main-partner__title h4 {font-size: 26px; font-weight: 900; color: #fff;}
.main-partner__title a {display: inline-block; color: #fff; margin-top: 10px;}
.main-partner__title a:after {content: ''; display: inline-block; vertical-align: middle; width: 23px; height: 5px; margin-left: 10px; background:url('/images/kor06r-18-0404/main/main_partner_arrow.png') no-repeat center center / cover;}
.main-partner__slider {background: #fff; font-size: 14px;}
.main-partner__img {padding: 20px;}
.main-partner__img img {display: block; max-width: 100%;}

@media only screen and (max-width: 1240px){
	.main-biz__title h3 {font-size: 40px;}
}

@media only screen and (max-width: 992px){
	.main-biz__title {margin-bottom: 30px; display: block;}
	.main-biz__title p {margin-top: 10px; margin-left: 0;}
	.main-biz__list {margin: 0 -10px;}
	.main-biz__list li {padding: 0 10px;}

	.main-contact__title {width: 50%; padding-left: 30px;}
	.main-contact__bbs {width: 50%; display: flex; flex-wrap: wrap; border-top: solid 1px #dadada;}
	.main-bbs {width: 100%; padding: 20px 0; border-left: none; border-bottom: solid 1px #dadada; position: relative;}
	.main-bbs__icon {position: absolute; left: 0; top: 18px; width: 35px; height: 30px;}
	.main-bbs__title {margin-top: 0; margin-bottom: 20px; padding-left: 45px;}
	.main-bbs__title h4 {font-size: 20px;}
	.main-bbs__item h5 {font-size: 17px;}
	.main-bbs__item p {font-size: 14px; margin-top: 10px;}
	.main-bbs__item span {margin-top: 10px;}

	.main-bottom {padding: 0; margin: 0 -20px;}
	.main-bottom:before,
	.main-bottom:after {display: none;}
	.main-bottom__row {display: block;}
	.main-bottom__row > div {width: 100%; padding-top: 60px; padding-bottom: 60px;}
	.main-bottom__recruit {background: #0d204a;}
	.main-bottom__location {background: #081632;}
	.main-bottom__location td br {display: none;}
}

@media only screen and (max-width: 768px){
	.main-biz {padding: 60px 0;}
	.main-biz:before {height: 25%;}
	.main-biz__title {margin-bottom: 30px;}
	.main-biz__title h3 {font-size: 34px;}
	.main-biz__title p {font-size: 14px;}
	.main-biz__list {margin: -20px -10px; flex-wrap: wrap;}
	.main-biz__list li {width: 100%; padding: 20px 10px;}
	.main-biz__list li a h5 {margin: 10px 0; font-size: 18px; }
	.main-biz__list li a p {font-size: 14px;}
	
	.main-contact {padding: 60px 0;}
	.main-contact__title {width: 100%; padding-left: 0; margin-top: 30px;}
	.main-contact__bbs {width: 100%;}
	.main-bbs {padding: 20px 0;}

	.main-bottom__row > div {padding: 30px 20px;}
	.main-bottom__row > div:before {display: none;}
	.main-bottom__recruit p {font-size: 14px; margin: 10px 0;}
	.main-bottom__location p {margin-top: 10px;}
	.main-bottom__location table {margin-top: 10px;}
	.main-bottom__location th,
	.main-bottom__location td {font-size: 14px; padding: 3px 0;}
	.main-bottom__location th {width: 40px; font-weight: 500;}

	.main-partner {margin: 0 -20px;}
	.main-partner:before {display: none;}
	.main-partner__row {padding-left: 0;}
	.main-partner__title {position: static; width: 100%; padding: 30px 20px; background: #0b3f93; justify-content: flex-start; flex-direction: row;}
	.main-partner__title a {margin-left: 10px;}

}



.main-contact__wrap {position: relative;}
.main-contact__nav {position: absolute; right: 20px; bottom: 20px; display: flex; justify-content: center; align-items: center;}
.main-contact__prev,
.main-contact__next {display: block; width: 14px; height: 14px; background: none; text-indent: -9999px; position: relative; border: none; -webkit-appearance: none; appearance: none;}
.main-contact__prev {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.main-contact__next {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.main-contact__prev:before,
.main-contact__prev:after,
.main-contact__next:before,
.main-contact__next:after {content: ''; display: block; background: #fff; position: absolute; -webkit-border-radius: 8px; border-radius: 8px;}
.main-contact__prev:before,
.main-contact__next:before {width: 3px; height: 14px; top: 0;}
.main-contact__prev:after,
.main-contact__next:after {width: 14px; height: 3px; bottom: 0;}
.main-contact__next:before {right: 0;}
.main-contact__dots {margin: 0 10px;}
.main-contact__dots ul {display: flex; justify-content: center; align-items: center;}
.main-contact__dots li {margin: 0 4px;}
.main-contact__dots li button {display: block; width: 6px; height: 6px; border: none; text-indent: -9999px; background: rgba(255,255,255,0.7); -webkit-border-radius: 8px; border-radius: 8px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -webkit-appearance: none; appearance: none;}
.main-contact__dots li.slick-active button {width: 24px; background: #fff;}

@media only screen and (max-width: 768px){
	.main-contact__nav {position: static; margin-top: 20px;}
	.main-contact__prev:before,
	.main-contact__prev:after,
	.main-contact__next:before,
	.main-contact__next:after {background: #111;}
	.main-contact__dots li button {background: #ddd;}
	.main-contact__dots li.slick-active button {background: #111;}
	}