@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* common */
.sub h1{}
.sub h2{}
.sub h3{}
.sub h4{}
.area_company  h5{font-size: 24px;font-weight: 400;color: #222;line-height: 1.5;}
.sub h6{}

div[class^="area_"] p
section[class^="area_"] p,
article[class^="area_"] p,
div[class^="area_"] li,
article[class^="area_"] li{line-height:1.7; font-weight:300; color:#555;}

#content .mob_info{padding:5px 0; background:#f1f1f1; font-weight:600; font-size:13px; color:#444;}
.sub #container {background: #fff;margin: 0 91px;}

/* board */
ul.bbsList{border-top-color:#152f53;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#152f53;}
ul.bbsList li .more em,
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#152f53;}
ul.bbsList li .notice{background:#152f53;}

.pagination span{color:#152f53; border-color:#152f53;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#f9f1f2; border-color:#f9f1f2;}

.faqList dt.on:before{background:#152f53;}

.bbsTitle_cont > i{color:#c6a582; border-bottom-color:#c6a582;}

.inr_pagination > a:hover > em{color: #c6a582;}

/* page navigation */
.area_navigation{margin-bottom:50px; padding-top:70px; text-align:right;}
.area_navigation ul{display:inline-block; overflow:hidden;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding:0 12px; font-size:15px; color:#333;}
.area_navigation ul li img{display:inline-block; position:relative; top:1px; height:12px; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:nth-child(2):after{content:""; position:absolute; top:3px; right:-3px; width:6px; height:8px; background:url(../images/content/icon_navigation02.svg) no-repeat 50% 50%;}
.area_navigation ul li:first-child{padding:0;}

/* lnb */
.lnb{margin:0 91px; background:#fff; border-bottom:1px solid #f0f0f0;}
.lnb *{font-weight:300; font-size:16px;}
.lnb .wrap{text-align:center;}
.lnb ul{overflow:hidden;}
.lnb ul li a{display:block;}
.lnb ul li.active a{color:#222;}

.lnb .inner{display:flex; justify-content:flex-start; align-items:center;}
.lnb .inner > div:not(.home){position:relative; padding:18px 25px;}
.lnb .inner .home{position:relative; padding-right:20px; padding-left:0;}
.lnb .inner > div::after{content:""; position:absolute; top:50%; right:0; width:1px; height:18px; margin-top:-9px; background:#ddd;}
.lnb .inner > div:last-child::after{opacity:0;}
.lnb .inner .home img{display:block; height:14px;}
.lnb .inner .home a{display:block;}

.lnb_1dept > em > i{display:none;}
.lnb_2dept{cursor:pointer;}
.lnb_2dept > em{position:relative; padding-right:70px;}
.lnb_2dept > ul{display:none; position:absolute; top:100%; left:0; width:100%; padding:14px 0; background:#fff; border:1px solid #222; border-top:0; text-align:left;}
.lnb_2dept > em::after{content:""; position:absolute; top:50%; right:0; width:10px; height:6px; margin-top:-3px; background:url(../../new/images/content/icon_arr.svg) no-repeat 50% 50%;}
.lnb_2dept > ul > li > a{padding:3px 25px; font-size:15px;}

/* sub visual */
.area_subVisual{position:relative; height: 420px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; text-align: left;margin: 164px 91px 0;}
.area_subVisual > .wrap{position:relative; top: 159px; }
.area_subVisual * {color: #fff;}
.area_subVisual h2 i {display: block;font-size: 17px;letter-spacing: 7px;text-indent: 3px;margin-bottom: 13px;}

.area_subVisual h2 {font-size: 40px;font-weight: 200;}

/* map default */
.area_map .map_style{padding:0; border:none; border-bottom:1px solid #ccc;}
.area_map .map_style .wrap_controllers{display:none;}

/* 이용약관 */
.area_policy{padding-top:0;}
.area_policy h2{padding:30px 0;font-size:40px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20px;font-weight: 700;font-size:17px;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15px; color:#666;}
.area_policy p{line-height:1.6; font-size:14px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy .inr_policy{padding:40px 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* en */
.full_company p {font-family: 'Roboto', sans-serif;font-weight: 300;color: #999;line-height: 1.8;}
.full_company #container{margin: 0;}
.full_company #content{padding: 0;}
.full_company .fp-section:not(#section0) {background: transparent !important;}

#fp-nav.fp-right{right:85px; left:auto;}
#fp-nav ul li,
.fp-slidesNav ul li{flex-direction:row-reverse;}

.full_company .area_company .wrap_comp {width: 1042px;margin: 0 auto;position: relative;width: -webkit-calc((100%/5) * 3);width: calc((100%/5) * 3);}
.full_company .area_company #section0 .wrap_comp * {color: #fff;}
.full_company .area_company h2 {font-size: 60px;font-weight: 300;color: #222;font-weight: 400;line-height: 1.3;}
.full_company .area_company #section0 h2 i {display: block;font-size: 40px;text-transform: capitalize;line-height: 1.4;margin-bottom: 30px;}
.full_company .area_company #section0 h2 {text-transform: uppercase;}
.full_company .area_company #section0 .wrap_comp {padding-top: 39vh;}
.full_company .area_company #section1 .wrap_comp > img {position: absolute;right: 0;top: 15vh;}
.full_company .area_company #section1 .wrap_comp {height: 100%;width: 1200px;}
.full_company .area_company #section1 .txt h2:nth-child(2) {text-indent: 80px;}
.full_company .area_company #section1 .txt {/* position: absolute; *//* left: 0; *//* top: 0vh; *//* width: 100%; */margin-top: 214px;}
.full_company .area_company #section1 .txt > p {/* margin-top: 60px; *//* position: absolute; *//* width: -webkit-calc((100%/2) - 0px); */width: 681px;/* left: calc((100%/3) - -50px); */margin-top: 50px;}
.full_company .area_company #section1 > div > i {height: 100%;position: absolute;left: 0;top: 0;width: 41%;}
.full_company .area_company #section2 .wrap_comp > ul {display: flex;margin-top: 60px;}
.full_company .area_company #section1 .cont{display:flex; justify-content:space-between;}
.full_company .area_company #section1 .cont > div{position:relative; top:-100px; margin-left:70px; min-width:240px; max-width:390px;}
.full_company .area_company #section1 .cont [data-sec-dif="02"]{margin-top:40px;}
.full_company .area_company #section1 .cont > p{margin-top:40px;}
.full_company .area_company #section1 p{font-size:15px;}

.full_company .area_company #section2 .wrap_comp > ul > li {width: -webkit-calc(100%/3); width: calc(100%/3);}
.full_company .area_company #section2 .wrap_comp > ul > li img {height: 79px;margin-bottom: 42px;}

.fp-section:not(#section0) > div {margin: 0 90px;width: auto;display: flex;align-items: center;}

.full_company .area_company #section2 .wrap_comp > ul > li h5 i {opacity: 0.4;}
.full_company .area_company #section2 .wrap_comp > ul > li:nth-child(1) {padding-top: 11vh;}
.full_company .area_company #section2 .wrap_comp > ul > li:nth-child(2) {padding-top: 21vh;}

#section3 {overflow: hidden;}
.full_company .area_company #section3 .inr {display: flex;flex-direction: column;align-items: flex-start;}
.full_company .area_company #section3 .inr *:not(.co1) {color: #fff;}
.full_company .area_company #section3 .inr h5 {font-weight: 100;}
.full_company .area_company #section3 .swiper-button-box {position: absolute;bottom: 70px;display: flex;left: 90px;z-index: 99;}
.full_company .area_company #section3 .swiper-button-box * {color: #fff;font-size: 10px;}
.full_company .area_company #section3 .swiper-button-box  > div {width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;cursor: pointer;outline: none;flex-direction: column;}
.full_company .area_company #section3 .swiper-button-box .swiper-button-prev {background: #0e0e0e;}

.full_company .area_company #section3 .swiper-button-box .swiper-button-next{background:#303030;}
.full_company .area_company #section3 .swiper-container{overflow:hidden; z-index:9; padding-top:14vh;}
#section3 > div{overflow:hidden; margin:0 0 0 90px !important;}
#fp-nav ul li a.active + div + span{opacity:1; color:#caae87;}
.full_company .area_company #section3 .inr i{margin-top:38px; font-size:18px;}
.full_company .area_company #section3 .inr h5{opacity:0.8; margin-top:8px;}
.full_company .area_company #section3 .inr:nth-child(2n){margin-top:16vh;}
.full_company .area_company #section3 .inr:nth-child(3n){margin-top:24vh;}
.full_company .area_company #section3 .inr img{box-shadow:52px 57px 70px 0px rgba(0, 0, 0, 0.49);}
.full_company .area_company #section3 .common_line{position:absolute; opacity:0.09; z-index:1;}
.full_company .area_company #section3 .swiper-button-box > div::before{content:""; display:inline-block; width:7px; height:11px; margin-bottom:13px; background:url(../../new/images/common/arr_basic_w.svg) no-repeat 50% 50%;}
.full_company .area_company #section3 .swiper-button-box > .swiper-button-prev::before{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
span.ob_his{position:absolute; top:81px; right:-70px; z-index:1; font-weight:300; font-size:300px; color:#1b1b1b;}
.fp-viewing-4Page #fp-nav.fp-right{opacity:0;}

.full_company .area_company #section4 .wrap_comp > ul {width: -webkit-calc((100%/2) - 0px); width: calc((100%/2) - 0px);position: absolute;left: calc((100%/3) - -90px);margin-top: 90px;}
.full_company .area_company #section4 .wrap_comp  h2 {margin-left: 70px;}
.full_company .area_company #section4 .wrap_comp .img > img {position: absolute;}
.full_company .area_company #section4 .wrap_comp {margin-top: -32vh;}
.full_company .area_company #section4 .wrap_comp > ul > li {display: flex;align-items: flex-start;font-size: 20px;}
.full_company .area_company #section4 .wrap_comp > ul > li strong {color: #222;width: 90px;margin-right: 10px;}
.full_company .area_company #section4 .wrap_comp > ul > li:not(:last-child) {margin-bottom: 28px;}
.full_company .area_company #section4 .img img {width: -webkit-calc((100%/5) - 0px); width: calc((100%/5) - 0px);position: absolute;}
.full_company .area_company #section4 .img img:nth-child(1) {left: 0;top: 39vh;}
.full_company .area_company #section4 .img {width: 100%;position: absolute;height: 100%;}
.full_company .area_company #section4 > div {position: relative;}
.full_company .area_company #section4 .img img:nth-child(3) {right: calc((100%/5) - 0px);top: 18vh;}
.full_company .area_company #section4 .img img:nth-child(2) {left: calc((100%/5) - 0px);bottom: 10vh;}
.full_company .area_company #section5 .wrap_comp > h5 {margin-top: 30px;}
.full_company .area_company #section5 .wrap_comp > ul {display: flex;margin-top: 30px;}
.full_company .area_company #section5 .wrap_comp > ul > li {width: -webkit-calc((100%/2) - 0px); width: calc((100%/2) - 0px);font-size: 20px;}
.full_company .area_company #section5 .wrap_comp > ul > li strong {color: #222;margin-right: 10px;}
.full_company .area_company #section5 .wrap_comp {padding-top: 8vh;}

.full_company .area_company #section5 .wrap_comp > img{width:100%;}

/* 기존사이트에 적용후 틀어지는 부분  */
.pop_coronation {padding: 60px;}
.pop_coronation h3 {font-size: 29px;margin-bottom: 8px;}
.pop_coronation h3 + p {padding-bottom: 40px;border-bottom: 2px solid #5c5c5c;}

@media screen and (max-width:1919px){
 
}

@media screen and (max-width:1680px){
	.full_company .area_company #section1 .wrap_comp > img {
		right: -16%;
	}
	
}


@media screen and (max-width:1679px){
	#fp-nav.fp-right {
		right: 65px;
	}
	.fp-section:not(#section0) > div {
		margin: 0 70px;
	}

	.full_company .area_company .wrap_comp {
		width: -webkit-calc((100%/5) * 4);
		width: calc((100%/5) * 4);
	}
	.full_company .area_company #section1 .wrap_comp > img {
		right: 0;
	}
	.full_company .area_company #section1 .txt p {
		/* left: calc((100%/3) - -120px); */
	}
}

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

}

@media screen and (max-width:1365px){
	.full_company .area_company #section1 .wrap_comp > img {
		z-index: -1;
	}
	.full_company .area_company #section1 .txt p br {
		display: none;
	}
}

@media screen and (max-width:1279px){
	.area_navigation{position:relative; float:right; top:0; right:0; margin-top:30px; margin-right:14px;}

	#fp-nav.fp-right{display: none;}

	.full_company .area_company .wrap_comp, .full_company .area_company #section1 .wrap_comp {
		width: 88%;
	}
	.fp-section:not(#section0) > div {
		margin: 0 60px;
	}

	.fp-section:not(#section0) > div {
		margin: 0;
	}
	.full_company .area_company h2 {
		font-size: 53px;
	}

	.full_company .area_company #section2 .wrap_comp > ul > li:nth-child(2) {
		padding-top: 15vh;
	}


.full_company .area_company #section2 .wrap_comp {
    padding-top: 0;
}


}

@media all and (max-width:1240px){
	.full_company .area_company #section1 .cont {
		flex-direction: column;
		align-items: flex-start;
	}
.full_company .area_company #section1 .cont > div {
    max-width: 100%;
    top: 0;
    margin-top: 17px;
    margin-left: 0px;
}
	.full_company .area_company #section1 .cont [data-sec-dif="02"] {
		margin-top: 0;
	}
	.full_company .area_company #section1 .txt {
    margin-top: 174px;
}
.full_company .area_company .tit {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.full_company .area_company #section1 .txt h2:nth-child(2) {
    text-indent: 0;
}


}

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

	.full_company .area_company #section1 .wrap_comp > img {width: 40%;}

	.full_company .area_company h2 {
		font-size: 48px;
	}
	.full_company .area_company #section0 h2 i {
		font-size: 34px;
	}
	.area_company h5 {
		font-size: 22px;
		line-height: 1.4;
	}
	.area_company #section2 h5 br {
		display: none;
		
	}
	.full_company .area_company #section4 .img img {
		width: -webkit-calc((100%/3) - -13px);
    width: calc((100%/3) - -13px);
		position: absolute;
	}
	.full_company .area_company #section4 .img img:nth-child(3) {
		right: 40px;
	}
	.full_company .area_company #section4 .img img:nth-child(2) {
		opacity: 0.2;
		bottom: 0vh;
	}
	.full_company .area_company #section4 .img img:nth-child(1) {
		opacity: 0.4;
		top: 49vh;
	}

.full_company .area_company #section1 p {
    font-size: 13px;
}
.full_company .area_company h2 {
    font-size: 39px;
}
.full_company .area_company #section1 .cont > p {
    margin-top: 20px;
}
.full_company .area_company h2 {
    font-size: 38px;
}
.full_company .area_company #section1 p {
    /* font-size: 12px; */
}
}

@media all and (max-width:767px){
	.lnb > div{margin:0; padding:0; overflow-x:scroll; overflow-y:hidden;}
	.lnb ul{display:table; margin:0 auto; margin-top:0;}
	.lnb ul li{display:table-cell; white-space:nowrap; float:none; padding:0 15px;}

	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}


	.full_company .area_company #section1 .txt p {
		left: calc((100%/3) - -80px);
	}

	.full_company .area_company h2 {
		font-size: 35px;
	}
	.full_company .area_company #section4 .wrap_comp h2 {
		margin-left: 50px;
	}

	.full_company .area_company #section4 .wrap_comp > ul {
		left: calc((100%/3) - -50px);
	}
	.full_company .area_company #section4 .wrap_comp > ul > li {
		font-size: 18px;
	}
	.full_company .area_company #section4 .wrap_comp > ul > li:not(:last-child) {
		margin-bottom: 19px;
	}
	.full_company .area_company #section5 .wrap_comp > ul > li {
		font-size: 17px;
	}
	.full_company .area_company #section2 .wrap_comp > ul > li img {
		height: 68px;
		margin-bottom: 32px;	}

		.area_company h5 {
			font-size: 20px;
		}
		.full_company .area_company #section0 h2 i {
			font-size: 28px;
		}

		.full_company .area_company #section3 .inr img {
			width: 100%;
		}
		.full_company .area_company #section3 .swiper-button-box {
			bottom: 0;
		}

		#section3 > div {
			margin: 0 0 0 40px !important;
		}
		.full_company .area_company #section3 .swiper-button-box {
			left: 40px;
		}
		.full_company .area_company #section3 .inr:nth-child(2n) {
			margin-top: 11vh;
		}

		.full_company .area_company #section3 .inr:nth-child(3n) {
			margin-top: 17vh;
		}

		span.ob_his {
			font-size: 160px;
		}

	.full_company .area_company .tit {
    white-space: nowrap;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}
	
}

@media screen and (max-width:540px){	
	.full_company .area_company h2 {
		font-size: 38px;
	}
	.full_company .area_company #section1 .wrap_comp > img {
		top: 22vh;
	}


	.full_company .area_company #section1 .wrap_comp > img {
		width: 44%;
	}
	.full_company .area_company #section0 h2 i {
		font-size: 26px;
	}

	.full_company .area_company #section4 .wrap_comp h2 {
		margin-left: 30px;
	}


	.full_company .area_company #section4 .wrap_comp > ul {
		left: calc((100%/3) - -30px);
	}

	.full_company .area_company #section4 .img img {
		width: -webkit-calc((100%/3) - -8px);
		width: calc((100%/3) - -8px);
	}
	.full_company .area_company #section5 .wrap_comp > ul > li {
		font-size: 15px;
	}

	.full_company .area_company #section3 .inr {
		margin-top: 0 !important;
	}

	.full_company .area_company #section3 .swiper-container {
		padding-top: 0;
	}
	.full_company .area_company #section3 .swiper-button-box > div {
		width: 70px;
		height: 70px;
	}
	.full_company .area_company #section3 .swiper-button-box > div::before {
		margin-bottom: 8px;
	}
	.area_company h5 {
		font-size: 19px;
	}
	.full_company .area_company #section3 .inr i {
		margin-top: 23px;
		font-size: 16px;
	}
	.full_company .area_company .swiper-wrapper {
		margin-bottom: 30px;
	}
	#section3 > div {
		margin: 0 0 0 20px !important;
	}
	.full_company .area_company #section3 .swiper-button-box {
		left: 20px;
	}
	.full_company .area_company .wrap_comp {
		width: 90%;
	}

}

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

#section0 {
    background-size: cover;
    background-position: 50% 50%;
}

.full_company .area_company #section1 .wrap_comp > img {
    width: 44%;
    position: relative;
    width: 100%;
    top: auto;
	max-width: 80%;
    margin: 0 auto;
	z-index: 9;
}
.fp-section:not(#section0) > div {
    padding: 10vh 0;
    
}
.full_company .area_company #section1 .txt {
    position: relative;
    left: 0;
    top: auto;
    width: 100%;
    margin-top: 40px;
}
.full_company .area_company #section1 .wrap_comp {
    flex-direction: column;
    display: flex;
}
.full_company .area_company #section1 .txt h2:nth-child(2) {
    text-indent: 0;
}
.full_company .area_company h2 {
    font-size: 35px;
}

.full_company .area_company #section1 .txt p {

}

.full_company .area_company #section1 .wrap_comp {
    height: auto;
}

.fp-tableCell {
    height: auto !important;
}

.full_company .area_company #section1 > div > i {
    width: 100%;
}
.full_company .area_company #section2 .wrap_comp > ul {
    flex-direction: column;
}

.full_company .area_company #section2 .wrap_comp > ul > li {
	width: 80%;
    text-align: center;
    margin: 0 auto;
}


.full_company .area_company #section2 .wrap_comp > ul > li:nth-child(2),
.full_company .area_company #section2 .wrap_comp > ul > li:nth-child(1) {
    padding-top: 0;
}

.full_company .area_company #section2 .wrap_comp > ul > li:not(:last-child) {
    margin-bottom: 49px;
}


.full_company .area_company h2 br{display: none;}
.full_company .area_company #section4 .wrap_comp {
    margin-top: 0;
}

.full_company .area_company #section4 .wrap_comp > ul {
    left: 0;
    width: 100%;
    position: relative;
	margin-top: 40px;
}
.full_company .fp-section:not(#section0) {
    height: auto !important;
}

.full_company .area_company #section4 .wrap_comp h2 {
    margin-left: 0;
}
.full_company .area_company #section4 .img img {
    width: 50%;
}
.full_company .area_company #section4 .img img:nth-child(3) {
    right: 20px;
	opacity: 0.1;
}
.full_company .area_company #section4 .img img:nth-child(2) {
    left: 20px;
}

.full_company .area_company #section4 .img img:nth-child(1) {
    opacity: 0;
}
.full_company .area_company #section4 .img img {
    display: none;
}
.full_company .area_company #section4 > div {
    padding-bottom: 0;
}

.full_company .area_company #section5 .wrap_comp {
    padding-top: 0;
}



.full_company .area_company #section5 .wrap_comp > ul {
    display: flex;
    flex-direction: column;
	margin-top: 24px;
}




}


@media all and (max-width:360px){
	body,
	p,
	li,
	a{font-size:13px;}
}

@media all and (max-width:359px){

}