@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

body {
font-family: 'Noto Sans KR', sans-serif;
letter-spacing: -0.5px;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
font-weight:400;
font-size:16px;
font-size:100%;
}



h1,h2,h3,h4,h5,h6,p,li,a,span,input,textarea,select{
font-family: 'Noto Sans KR', sans-serif;
letter-spacing: -0.5px;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;

}
h1,h2,h3,h4,h5,h6{letter-spacing: -2px;}
h1,h2,h3,h4,h5,h6, p{line-height:1.3;}
h1,h2,h3,h4,h5,h6,p,li,a,span,dt,dd{word-break:keep-all ! important;}
ul, li{list-style:none;margin:0px;padding:0px;}
dl,dt,dd{margin:0px;padding:0px;}

h6{color:#062085;letter-spacing: 0px;font-weight:400;font-size:0.95rem;}
h3{font-weight:500;color:#111;}


.row{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, 
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, 
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	float:none;
}
html::-webkit-scrollbar,
::-webkit-scrollbar{ width: 8px; } /* 스크롤바 전체 영역 */
::-webkit-scrollbar-track { background-color: #f8f9fa; } /* 스크롤 배경  */
::-webkit-scrollbar-thumb { /*  스크롤이 움직이는 영역  */
	background-color:#201C70; 
	border:1px solid #f8f9fa;
} 
::-webkit-scrollbar-button:start:decrement, /*  스크롤의 화살표가 포함된 영역   */
::-webkit-scrollbar-button:end:increment,/*  스크롤의 화살표가 포함된 영역   */
::-webkit-scrollbar-corner,/*  상하+좌우 스크롤이 만나는 공간   */
::-webkit-scrollbar-button:vertical:incremen,/* 스크롤 상하방향 */
::-webkit-scrollbar-button:vertical:decrement,/* 스크롤 상하방향 */
::-webkit-scrollbar-button:horizontal:increment,/* 스크롤 좌우방향 */
::-webkit-scrollbar-button:horizontal:decrement{ /* 스크롤 좌우방향 */
	display:none; 
} 
/* IE */
html{
	scrollbar-arrow-color:#f8f9fa; /* 스크롤 상하 버튼 컬러 */
	scrollbar-highlight-color:#201C70; /* 스크롤 arrow와 스크롤 바 의 하이라이트 컬러 */
	scrollbar-shadow-color:#201C70; /* 스크롤 arrow와 스크롤 바 의 그림자 컬러 */
	scrollbar-face-color:#201C70; /* 스크롤 바 컬러 */
	scrollbar-track-color:#f8f9fa; /* 스크롤 배경 컬러 */
	scrollbar-3dlight-color:#f8f9fa; /* 스크롤 밖 테두리 컬러 */
	scrollbar-darkshadow-color:#f8f9fa; /* 스크롤 arrow와 스크롤 바 의 어두운그림자 컬러 */
}
/* Firefox */
html{
	scrollbar-face-color:#201C70;/* 스크롤 바 컬러 */
	scrollbar-track-color: #f8f9fa;/* 스크롤 배경 컬러 */
	scrollbar-color: #201C70 #f8f9fa; /* 위의 2가지 통합 - scrollbar-face-color scrollbar-track-color */;
	scrollbar-width : thin; /* 스크롤 바 넓이 값 - option > auto / thin / none */
}



.mt-25{margin-top:25px ! important;}
p{font-size:1.05rem;letter-spacing: -1px;line-height:1.5;}
.f_14{font-size:15px ! important;letter-spacing: -1px;}

a{text-decoration:none ! important;}
.info-btn{font-weight:400;font-size:14px;}

#main-navigation > ul > li > a{letter-spacing: 0px;font-weight:500;font-size:17px;}
.sub-menu-wrap{background:#062085;}

.sub-menu-wrap ul li a{color:#fff;}

.box_img{margin-top:35px;}

h5{font-size:1.30rem;}
.gray_bg{background:#f4f4f4;}
.btn{background:#2a2c32;}
.btn:hover{background:#222;color:#fff;}
.btn-big {
    padding: 14px 40px 18px 40px;
    font-size: 18px;
}

.top-bar{background: #062085; padding:10px 15px;}

h6.title_main{
	position:relative;
	padding-top:20px;
	text-transform:uppercase;
}
h6.title_main:before{content:"";position:absolute;left:0px;top:0px;width:35px;height:3px;background: #062085;}



.call-out{background:#0b4495;}
.call-out h3{font-size:26px;}


/* header */
.top-bar .top-list{
	display:flex;
	flex-wrap:wrap;
	margin-left:-10px;
	margin-right:-10px;
	justify-content:end;
}
.top-bar .top-list > li{
	padding:0 10px;
	line-height:1;
	position:relative;
}
.top-bar .top-list a{
	display:block;
	color:#fff;
	line-height:1;
	font-weight:600;
	font-size:15px;
	transition:all 0.4s;
	position:relative;
	padding-left:25px;
}
.top-bar .top-list a:before{
	content:"";
	position:absolute;
	width:21px;
	height:21px;
	left:0;
	top:-3px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left top;
}
.top-bar .top-list .video a:before{ background-image:url("../img/insta_icon3.png"); }
.top-bar .top-list .view a:before{ background-image:url("../img/insta_icon2.png"); }
#main-navigation > ul > li.active > a{ color:#005aa9; }
#header{ 
	transition:all 0.4s;
	transform:translateY(0);
}
#header.sticky{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0 -5px 20px rgba(78, 82, 99, 0.3);
	transform:translateY(-35px);
}
#header .logo{
	position:relative; 
	height:100%;
}
#header .logo,
#header .logo img{ display:block; }
#header .logo img{ 
	transition:all 0.4s;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
#header .top-header,
#header.sticky .top-header{ padding:0; }
#header.sticky .logo img{ width:200px !important; }
#main-navigation > ul > li > a{ padding:38px 0; }
.mobile-advanced .sub-menu-wrap ul li .m{ display:none; }
@media all and (min-width:992px) and (max-width:1199px){
	#header .logo img{	width:200px !important; }
	#main-navigation > ul > li > a{ padding:28px 0; }
}
@media (max-width: 991px) {
	.wrapper-container.active{ height:100vh !important; }
	#header.sticky{ position:absolute; }
	#header .logo img{	width:200px !important; }
	#header .top-header .menu-holder{ height:80px; }
	#header .top-header .menu-holder .menu-wrap,	
	#header .top-header .menu-holder .nav-item{ 
		height:100%;
		position:relative;
	}
	.responsive-nav-button{
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		font-size:40px;
		font-variation-settings:'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
	}
	.responsive-nav-button:before{
		content:"\e5d2";
		font-family: 'Material Symbols Outlined';
	}
	#wrapper #advanced-menu-hide{ 
		position:absolute;
		right:15px;
		top:-58px;
		font-variation-settings:'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transition:all 0.4s;
		transform:translate(0,0) !important;
		color:#062085;
	}
	#wrapper #advanced-menu-hide:hover{color: #062085;}
	#advanced-menu-hide:after{
		content:"\e5cd";
		font-family: 'Material Symbols Outlined';
		font-size:40px;
	}
	#wrapper.active #advanced-menu-hide,
	#responsive-nav-button{ 
		opacity:1; 
		visibility:visible;
		pointer-events:auto;
	}	
	#wrapper.active #responsive-nav-button{ 
		opacity:0;
		visibility:hidden;
		pointer-events:none;
	}
	.mobile-nav{
		position:absolute;
		width:100%;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transition:all 0.4s;
		background:#fff;
	}
	.mobile-nav:before{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		background:#fff;
		left:0;
		top:0;
		transition:all 0.4s;
		z-index:6;
	}
	.wrapper-container.active .mobile-nav:before{ opacity:1; }
	.wrapper-container.active .mobile-nav{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		z-index:9999;
	}
	.mobile-nav .container{
		height:100%;
		position:relative;
	}
	.mobile-advanced > ul{ padding-bottom:40px; } 
	.mobile-advanced > ul > li:not(:last-child){
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid #eee;
	}
	.mobile-advanced > ul > li > a {
		background:#fff;
		color:#201c70;
		font-size:21px;
		font-weight:400;
		font-family: 'Noto Sans KR', sans-serif;
		padding:0 20px;
	}
	.mobile-advanced .sub-menu-wrap{ 
		background: #fff; 
		padding:0 20px !important;
	}
	.mobile-advanced .sub-menu-wrap:before{ display:none; }
	.mobile-advanced .sub-menu-wrap ul{ 
		display:flex;
		flex-wrap:wrap;
		margin-left:-5px;
		margin-right:-5px;
		margin-top:10px;
	}
	.mobile-advanced .sub-menu-wrap ul li{ padding:0 5px; }
	.mobile-advanced .sub-menu-wrap ul li a{
		font-family: 'Noto Sans KR', sans-serif;
		font-size:16px;
		color:#666;
		transition:all 0.4s;
		display:inline-block;
		padding:0 2px 2px;
		font-weight:400;
	}
	.mobile-advanced .sub-menu-wrap ul li a:before{
		content:"";
		position:absolute;
		margin:0;
		left:0;
		bottom:-1px;
		width:100%;
		height:1px;
		background:#005aa9;
		transform:scale(0,1);
		transform-origin:right bottom;
		transition:transform 0.4s;
	}
	.mobile-advanced .sub-menu-wrap ul li.active a:before,
	.mobile-advanced .sub-menu-wrap ul li a:hover:before{
		transform:scale(1,1);
		transform-origin:left bottom;
	}
	.mobile-advanced .sub-menu-wrap ul li.active a{ color:#444; }
}
@media all and (min-width:481px) and (max-width:991px){
	.mobile-nav{
		top:115px;
		height:calc( 100vh - 115px );
	}
	.mobile-advanced .sub-menu-wrap ul li{ width:33.33%; }
}
@media (max-width:768px){
	.mobile-advanced > ul > li:not(:last-child){
		padding-bottom:25px;
		margin-bottom:25px;
	}
	.mobile-advanced > ul > li{ margin:0 15px; }
	.mobile-advanced > ul > li > a,
	.mobile-advanced .sub-menu-wrap{ padding:0 !important; }
}
@media (max-width:480px){
	.top-bar{ padding:10px 0; }
	.mobile-advanced > ul > li > a{ font-size:18px; }
	.top-bar .top-list a{ font-size:14px; }
	.top-bar .top-list a:before{
		width:16px;
		height:16px;
		top:-1px;
	}
	#header .top-header .menu-holder{ height:66px; }
	#header .top-header .container > .row > div:nth-child(1){ width:80%; }
	#header .top-header .container > .row > div:nth-child(2){ width:20%; }
	#header .logo img{ width:180px !important; }
	#header.sticky .logo img{ width:170px !important; }
	#advanced-menu-hide:after{ font-size:36px; }
	#wrapper #advanced-menu-hide{ top:-52px; }
	.mobile-nav{
		top:100px;
		height:calc( 100vh - 100px );
	}
	.mobile-advanced .sub-menu-wrap ul{ margin-top:15px; }
	.mobile-advanced .sub-menu-wrap ul li{
		width:50%;
		line-height:1;
	}
	.mobile-advanced .sub-menu-wrap ul li a{ 
		font-size:14px; 
		vertical-align: top;
		line-height:1.2;
		white-space: normal;
	}
	.mobile-advanced .sub-menu-wrap ul li:nth-child(3){ margin-top:10px; }
}
@media (max-width:360px){
	.mobile-advanced .sub-menu-wrap ul li .m{ display:block; }
}
@media (max-height:639px){
	.mobile-advanced{
		overflow-x:hidden;
		overflow-y:auto;		
	}
}
@media all and (max-width:991px) and (max-height:639px){
	.mobile-advanced > ul{ min-height:541px; }
}
@media all and (max-width:768px) and (max-height:639px){
	.mobile-advanced > ul{ min-height:500px; }
}


/* footer */
#footer[class*="footer"]:not(.footer-2){background: #2a2c32;}
#footer .footer-widgets{ padding:50px 0; } 
#footer .footer-info{ 
	display:flex;
	flex-wrap:wrap;
}
#footer .footer-info > li{ 
	position:relative;
	line-height:1;
	margin-bottom:10px;
}
#footer .footer-info > li:nth-child(4){ width:100%; }
#footer .footer-info > li:nth-child(1),
#footer .footer-info > li:nth-child(2),
#footer .footer-info > li:nth-child(5),
#footer .footer-info > li:nth-child(6),
#footer .footer-info > li:nth-child(7){ 
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid rgba(255,255,255,0.70);
}
#footer .footer-info .info-txt{
	display:block;
	padding-left:20px;
	font-size:14px;
	color:rgba(255,255,255,0.70);
	letter-spacing: -0.5px;
	line-height:1;
	transition:all 0.4s;
	position:relative;
}
#footer .footer-info .icon{ 
	font-size:inherit;
	color:inherit;
	line-height:1;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
#footer .copyright{
	border-top:1px solid rgba(255,255,255,0.1);
	padding:20px 0;
}
#footer .copyright p{
	color:rgba(255,255,255,0.45);
	font-size:12px;
	height: 100%;
    vertical-align: middle;
    display: inline;
}
#footer .info-links > li > a{
	color:#fff;
	font-size:15px;
	font-weight:500;
	display:block;
	transition:all 0.4s;
}
@media all and (min-width:769px) and (max-width:991px){
	#footer img{ margin-bottom:30px; }
}
@media (max-width:768px){
	#footer img{ margin-bottom:20px; }
	#footer .footer-info > li:nth-child(6){ width:60%;margin-right:0;padding-right:0;border:none; }
	.copyright{ text-align:left; }
	.copyright .row > div:nth-child(1){ width:60%; }
	.copyright .row > div:nth-child(2){ width:40%; }
}
@media (max-width:575px){
	#footer .footer-info{
		width:400px;
		display:block; 
	}
	#footer .footer-info > li{ display:inline-block; }
	#footer .footer-info > li:nth-child(3){ 
		padding-right:0;
		margin-right:50px;
		border-right:none;
	}
}
@media (max-width:480px){
	#footer{ 
		text-align:center;
		padding:50px 0;
	}
	#footer .footer-widgets{ padding:0; }
	#footer .footer-info{ width:100%; }
	#footer .footer-info > li{ 
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding-right:0 !important;
		margin-right:0 !important;
		border-right:none !important;
		width:auto !important;
	}
	#footer .footer-info > li:last-child{ margin-bottom:0px; }
	#footer .footer-info .info-txt{ 
		font-size:13px; 
		line-height:1.2;
		padding-left:4px;
	}
	#footer .footer-info .icon{
		position:relative;
		top:0;
		transform:translateY(0);
	}
	#footer .copyright{ 
		text-align:center; 
		border-top:none;
		padding-bottom:0;
	}
	#footer .copyright .row > div:nth-child(1),
	#footer .copyright .row > div:nth-child(2){ width:100%; }
	#footer .copyright .row > div:nth-child(1){ order:2; } 
	#footer .copyright .row > div:nth-child(2){ order:1; }
	#footer .text-right{ text-align:center !important;  }
}
@media (max-width:380px){
	#footer .footer-info > li:nth-child(4){ display:block; }
	#footer .footer-info > li:nth-child(4) .icon{ margin-bottom:4px; }
	#footer .footer-info > li:nth-child(4) .info-txt{ 
		padding-left:0; 
		width:240px;
		margin:0 auto;
	}
}


.go-to-top{background: rgba(23,23,23,0.8);}
.t_yellow{/*color:#ff9000 ! important;*/color:#005AA9 ! important;}
.t_purple{color:#001258 ! important;}

[class*="btn"].btn-style-5{background:#062085;}
[class*="btn"].btn-style-5:hover{background:#001258;}

.custom-list.type-2.style-2 li::before{color:#062085;margin-right:15px;padding-top:2px;font-family: 'linearicons';font-weight:500;}
ul.custom-list{margin-top:25px;}

ul.custom-list h6{font-family: 'Noto Sans KR', sans-serif ! important;font-size:16px;letter-spacing: -1px;color:#666;}
ul.custom-list .f_14{color:#666;letter-spacing: -0.5px;}
ul.custom-list h6 strong{font-size:1.05rem;color: #062085;}
.custom-list.type-2.style-2 li{margin-bottom:15px;}

.social_wrap{position:relative;}
.social_icons{position:absolute;right:15px;top:0px;}

/*상단메뉴*/

.lnb_menu #main-navigation > ul > li.current > a, .lnb_menu #main-navigation > ul > li:hover > a{color:#fff;}
.lnb_menu #main-navigation > ul > li{margin:0px;}
.lnb_menu #main-navigation > ul > li > a{padding:0px;color:#fff;font-weight:400;font-size:1.0rem;}

ul.lnb_ul{padding:0px;margin:0px;}
.lnb_menu{background:#062085;padding:0px;margin:0px;}
.homeba a{color:#fff;}
.lnb_ul li.nav_m{color:#fff;position:relative;display:inline-block;border-left:1px solid rgba(255,255,255,0.35);height:56px;line-height:53px;
font-family:'Noto Sans KR', sans-serif;letter-spacing:-1px;font-size:16px;margin-right:-5px;padding:0px 30px;}
.lnb_ul li.homeba{min-width:56px;padding:0px;text-align:Center;line-height:53px;}
.lnb_ul li.homeba img{margin-top:18px;}
.lnb_ul li a{color:#fff;}

.lnb_menu .sub-menu-wrap{left:0px;}
.sub-menu-wrap .sub_menu
.sub-menu-wrap .sub_menu li{font-size:0.95rem;}


.features-area{margin-top:40px;}
.carousel-type-2{margin-top:42px;padding-left:40px;padding-right:40px;}
.img_40{margin-top:42px;}
.mt-40{margin-top:60px;}
.box_board img{margin-top:40px;}
.box_board h5{font-size:1.1rem;margin-top:15px;}
.breadcrumbs-wrap .breadcrumbs{color:#fff ! important;}
.breadcrumbs > li:not(:first-child):before{color:#fff ! important;}
.breadcrumbs-wrap .breadcrumbs > li > a{color:#fff ! important;}
.breadcrumbs > li:not(:first-child):before{color:#fff ! important;}
/**/
.org_wrap{position:relative;}
.org_box{padding:15px;background:#062085;text-align:center;color:#fff;font-size:17px;}
.org_gray{background: #666;}
.org_wrap .col-md-2 {
    width: 20%;
}
.org_box1{height:100px;}
.org_box1:before{
	width:1px;
	background:#ddd;
	content: "";
	display: block;
	height: 150px;
    left: 50%;
    margin-left: 0px;
    position: absolute;
    top: 0px;}

.ceo_box{background:#431c6d;padding:15px 15px 18px 15px;font-size:20px;}
.org_box2:before{
	width:1px;
	background:#ddd;
	content: "";
	display: block;
	height: 170px;
    left: 50%;
    margin-left: 0px;
    position: absolute;
    top:0px;}

.org_box2 .line_bg:before{
	width:100%;
	background:#ddd;
	content: "";
	display: block;
	height: 1px;
    left: 50%;

    position: absolute;
    top:27px;
}
.org_box3{margin-top:65px;}
.org_box3:before{
	width:80%;
	background:#ddd;
	content: "";
	display: block;
	height: 1px;
    left: 10%;
    margin-left: 0px;
    position: absolute;
    top:-30px;
	}

.org_box3 .org_gray:before{width:1px;
	background:#ddd;
	content: "";
	display: block;
	height: 30px;
    left: 50%;
    margin-left: 0px;
    position: absolute;
    top:-30px;}
.text-right{text-align:right ! important;}
.social_icons li{display:inline-block;}
.social_icons li img{width:38px;margin-right:4px;}

.line_n{height:15px;width:100%;margin:30px 0px;}
.purple_bg{background:#062085 ! important;background: linear-gradient(to right, #062085, #e6d2ff)! important;}
.yellow_bg{background:#00a2ff ! important;background: linear-gradient(to right, #00a2ff, #fff4c8)! important;}
.purple_t{color:#062085 ! important;}
.yellow_t{color:#00a2ff ! important;}
.black_t{}

.gray_icon{background:#f4f4f4;padding:25px;margin:15px 0px;min-height:353px;text-align:Center;}
.gray_icon h5{color:#062085;}
.gray_icon p{font-size:15px;color:#555;line-height:1.5;padding-left:45px;padding-right:45px;}
.gray_icon img{height:100px;margin-bottom:20px;}

.contact-info > li > span{color:#7b8285;}

.project-image .box_board{text-align:left;padding:0px 15px 15px 15px;border:1px solid #ddd;}
.tab_menu{margin-top:45px;margin-bottom:40px;} 
.tab_menu li{display:inline-block;height:48px;margin-bottom:5px;}
.tab_menu li a{padding:10px 20px 12px 20px;border:1px solid #ddd;}
.tab_menu li a:hover, .tab_menu li a.on{border:1px solid #062085;color:#062085;font-weight:500;}
form.with-icon input+button{color:#333;}

input:not([type="submit"]), textarea, .custom-select .select-title{border: 1px solid #ddd;}
.pagination > li > a:hover{background: #062085;}
.form_search_i{margin-bottom:10px;}
.project_view_title{margin-top:35px;border-top:2px solid #333;padding-top:15px;}
.project_view_title .catego{padding:8px 15px;background: #062085;color:#fff;display:inline-block;font-size:15px;letter-spacing:0px;margin-right:15px;}
.project_view_title h5{display:inline-block;padding-top:3px;}
.project_view_text{border-top:1px solid #ddd;margin-top:2px;padding-top:17px;}
.project_btn{border-top:2px solid #ddd;margin-top:15px;padding-bottom:17px;padding-top:17px;text-align:right;}
.biz_btn{margin-top:15px;padding-bottom:17px;padding-top:17px;text-align:center;}
.biz_btn .btn{padding:8px 35px 10px 35px;font-size:15px;}

.project_btn .btn{ background:#666;}
.client_logo{border:1px solid #ddd;padding:25px;margin-bottom:30px;}
.project-image{background:#fff;}
/*문의하기*/
.dong_wrap{border:1px solid #ddd;padding:5px 25px 25px 25px;background:rgba(255,255,255,1);overflow:auto; height:300px;border-radius: 3px;}
.dong_wrap h5{color:#444;font-size:1.1rem;line-height:1.5;font-weight:500;margin-top:20px;margin-bottom:5px;}
.dong_wrap p{margin:0px;padding:0px;color:#555;font-size:1.05rem;letter-spacing: -1.5px;}
.dong_wrap li{color:#555;font-size:1.05rem;line-height:1.5;letter-spacing: -1.5px;}

/*문의하기*/
.dong_wrap1 h5{color:#333;font-size:1.1rem;line-height:1.5;font-weight:500;margin-top:30px;margin-bottom:5px;}
.dong_wrap1 p{margin:0px;padding:0px;color:#555;font-size:1.05rem;letter-spacing: -1.5px;}
.dong_wrap1 li{color:#555;font-size:1.05rem;line-height:1.5;letter-spacing: -1.5px;}

.main_page_w .feature-item:hover{cursor:pointer;}

.adress_bt{width:100%;background:#444;}
label{font-size:1.0rem;margin-bottom:10px;color:#111;font-weight:500;}
.color_bt{background:#062085;padding-left:55px;padding-right:55px;}
.responsive-nav-button{ color:#062085; }
@media (max-width: 991px) {
	.tab_menu{margin-bottom:10px;}
	.client_logo{margin-bottom:0px;}
	/* [class*="col-md-"]:not(:last-child){margin-bottom:30px;} */
}
@media (max-width: 768px) {
	.org_box1 .col-md-2.col-xs-2{display:none;}
	.org_box1 .col-md-2.col-xs-2.col-xs-1{display:block;width:33%;}
	.org_box2 .col-md-2{width:50%;}
	.org_box2 .line_bg:before{width:10%;left:100%;}
}

@media (max-width: 480px) {
	[class*="page-section"] { padding: 80px 0; }
}


/* typography */
@media (max-width: 991px) {
	h2{ font-size:60px; }
	h3{ font-size:32px; }
	h4{ font-size:28px; }
	h5{ font-size:24px; }
	p{ font-size:18px; }

	h6.title_main{ 
		padding-top:10px;
		font-size:16px;
	}
}
@media (max-width: 768px) {
	h2{ font-size:48px; }
	h3{ font-size:28px; }
	h4{ font-size:24px; }
	h5{ font-size:20px; }
	p{ font-size:16px; }
	h6.title_main{
		font-size:14px; 
		padding-top:8px;
		margin-bottom:10px;
	}
	h6.title_main:before{ height:2px; }
}
@media (max-width: 480px) {
	h2{ font-size:42px; }
	h3{ font-size:26px; }
	h4{ font-size:20px; }
	h5{ font-size:18px; }
	.title-bx br{ display:none; }
}


/* main-visual */
.main-visual li{ transition:all 0.4s !important; }
.main-visual .img-bx{ z-index:1; }
.main-visual .img-bx:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index: 1;
    background: rgba(0,0,0,0.6);
	transition:all 0.4s;
}
.main-visual li.active-revslide:before{ visibility: inherit; }
.main-visual .img{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.main-visual .tp-bullets{ transform:matrix(1, 0, 0, 1, 3, -32) translateX(-50%) !important; }
@media all and (min-width:1200px) and (max-width:1599px){
	.main-visual .tp-parallax-wrap{ left:90px !important; }
}
@media all and (min-width:992px) and (max-width:1199px){
	.main-visual .rs-parallaxlevel-3{ font-size:58px !important; }
}
@media all and (min-width:769px) and (max-width:991px){
	.main-visual .rev-slider{ height:600px !important; }
	.main-visual .rs-parallaxlevel-3{ font-size:52px !important; }
	.main-visual .rs-parallaxlevel-4{ 
		font-size: 20px !important;
		white-space: unset !important;
		width: 400px;
		line-height: 1.4 !important;
	}
	.main-visual .rs-parallaxlevel-5 .btn-big{	
		font-size:18px !important;
		padding:15px 30px !important;
		line-height: 1.1 !important;
	}
	.main-visual .tp-revslider-slidesli > div:nth-child(2){ top:180px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(3){ top:250px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(4){ top:340px !important; }
}
@media (max-width:768px){
	.main-visual .rev-slider{ height:560px !important; }
	.main-visual .rs-parallaxlevel-3{ font-size:42px !important; }
	.main-visual .rs-parallaxlevel-4{ 
		font-size: 20px !important;
		white-space: unset !important;
		width: 400px;
		line-height: 1.4 !important;
	}
	.main-visual .rs-parallaxlevel-5 .btn-big{	
		font-size:18px !important;
		padding:15px 30px !important;
		line-height: 1.1 !important;
	}
	.main-visual .tp-revslider-slidesli > div:nth-child(2){ top:180px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(3){ top:250px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(4){ top:340px !important; }
}
@media (max-width:575px){
	.main-visual .rev-slider{ height:500px !important; }
	.main-visual .rs-parallaxlevel-3,
	.main-visual .rs-parallaxlevel-4{
		white-space: unset !important;
		line-height: 1.4 !important;
	}
	.main-visual .rs-parallaxlevel-3{ 
		font-size:32px !important;
		width:380px;
	}
	.main-visual .rs-parallaxlevel-4{ 
		font-size: 18px !important;		
		width: 360px;		
	}
	.main-visual .rs-parallaxlevel-5 .btn-big{ font-size:16px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(2){ top:150px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(3){ top:210px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(4){ top:290px !important; }
	.main-visual .tparrows{ display:none !important; } 
}
@media (max-width:419px){
	.main-visual .rs-parallaxlevel-3{ 
		font-size:28px !important;
		width:300px;
	}
	.main-visual .rs-parallaxlevel-4{ 
		font-size: 16px !important;		
		width: 320px;		
	}
	.main-visual .rs-parallaxlevel-5 .btn-big{	
		font-size:14px !important;
		padding:10px 25px !important;
	}
	.main-visual .tp-revslider-slidesli > div:nth-child(2){ top:160px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(3){ top:220px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(4){ top:300px !important; }
}
@media (max-width:349px){
	.main-visual .rs-parallaxlevel-3{ 
		font-size:26px !important;
		width:270px;
	}
	.main-visual .rs-parallaxlevel-4{ 
		font-size: 14px !important;		
		width: 280px;		
	}
	.main-visual .rs-parallaxlevel-5 .btn-big{ font-size:13px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(2){ top:160px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(3){ top:220px !important; }
	.main-visual .tp-revslider-slidesli > div:nth-child(4){ top:300px !important; }
}


/* main company */
@media all and (min-width:769px) and (max-width:991px){
	.main-company .features-area .row > div:not(:last-child){ margin-bottom:60px; }
}
@media (max-width:768px){
	.main-company .features-area .row > div:not(:last-child){ margin-bottom:40px; }
}

/* features-area */
@media (max-width:480px){
	.features-area .feature-item .feature-inner{ padding:30px 20px; }
}


/* main project */
.main-project .feature-item h5{ font-size:17px; }
.main-project .feature-item p{ 
	font-size:25px;
	overflow: hidden;
    white-space: normal;
    line-height: 1.8rem;
    height: 3.6rem ;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media all and (min-width:992px) and (max-width:1199px){
	.main-project .feature-item h5{ font-size:15px; }
}
@media all and (min-width:769px) and (max-width:991px){
	.main-project .row > div{ width:50%; }
	.main-project .row > div:nth-child(1),
	.main-project .row > div:nth-child(2){ margin-bottom:30px; }
	.main-project .feature-item p{ 
		font-size:24px; 
		line-height: 1.9rem;
		height: 3.8rem ;
	}
}
@media (max-width:768px){
	.main-project .features-area .row > div:not(:last-child){ margin-bottom:40px; }
	.main-project .feature-item p{ 
		font-size:24px; 
		line-height: 1.9rem;
		height:auto;
		max-height: 3.8rem ;
	}
}
@media (max-width:480px){
	.main-project .title-bx p br{ display:none; }
	.main-project .feature-item p{ 
		font-size:20px; 
		line-height: 1.7rem;
		height:auto;
		max-height: 3.4rem ;
	}
}


/* main-contact */
.main-contact .row > div{ position:relative; }
.main-contact h3{
	font-size:33px;
	font-weight:400;
	position:absolute;
	left:15px;
	top:50%;
	transform:translateY(-50%);
}
.main-contact .qna_btn{
	padding:20px 30px;
	color:#fff;
	border:1px solid #fff;
	transition:all 0.4s;
	width: 240px;
    display: inline-block;
    text-align: center;
	font-size:18px;
}
.main-contact .qna_btn:hover{
	color:#9ef0ff;
	border-color:#9ef0ff;
}
@media all and (min-width:769px) and (max-width:991px){
	.main-contact .col-md-7{ width:60%; }
	.main-contact .col-md-5{ width:40%; }
	.main-contact .qna_btn{ width:auto; }
}
@media (max-width:768px){
	.main-contact .row > div{ width:100%; }
	.main-contact h3{
		font-size:32px;
		position:relative;
		left:0;
		top:0;
		transform:translateY(0);
		text-align:center;
		margin-bottom:20px;
	}
	.main-contact .qna_btn{
		display:block;
		padding:15px 30px;
		width:200px;
		margin:0 auto;
	}
}
@media (max-width:480px){
	.main-contact{ padding:50px 0; }
	.main-contact h3{ font-size:28px; }
	.main-contact .qna_btn{
		font-size:16px;
		padding:10px 20px;
		width:180px;
	}
}


/* quick-pop */
.quick-pop{
	position:fixed;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:240px;
	padding:20px;
	background:#f8f9fa;
	transition:all 0.4s;
	box-shadow:0 0 10px rgba(78,82,99,0.1);
}
.quick-pop .title-bx{ margin-bottom:10px; }
.quick-pop h1{
	font-size:25px;
	line-height:1.1;
	margin:0;
	font-weight:600;
}
.quick-pop .input-item:not(:last-of-type){ margin-bottom:10px; }
.quick-pop .input-item label{
	font-size:14px;
	margin:0 0 5px;
}
.quick-pop .input-item input{ 
	height:36px; 
	padding:0 10px;
}
.quick-pop .input-item input,
.quick-pop .input-item textarea{ 
	background:#fff;
	font-size:14px;
}
.quick-pop .input-item textarea{
	height:80px;
	padding:10px;
	display:block;
}
.quick-pop .input-item input,
.quick-pop .check-item label:before,
.quick-pop .input-item textarea{	
	border-color:#eee; 
	border-width:1px;
}
.quick-pop .check-item label{ 
	font-size:13px;
	margin-top:0;
}
.quick-pop .check-item label:before{ background:#fff; }
.quick-pop .check-item label a{
	font-weight:500;
	color:#005AA9;
}
.quick-pop .btn-item{ margin-top:15px; }
.quick-pop .btn-item .quick-btn{
	text-align:center;
	width:100%;
	transition:all 0.4s;
	background:#005AA9;
	color:#fff;
	font-weight:500;
	font-size:15px;
	padding:8px 10px;
	line-height:1.1;
}
.quick-pop .btn-item .quick-btn:hover{ background:#201C70; }
.quick-pop .mobile{ display:none; }
.quick-pop .quick-bx{ margin-top:20px; }
.quick-pop .quick-bx h2{
	font-size:17px;
	font-weight:500;
	letter-spacing: -0.75px;
}
.quick-pop .quick-bx h2 > span{
	color:#005AA9;
	display:block;
	margin-top:8px;
	font-size:15px;
}
.quick-pop .quick-bx h2 a{
	font-size:inherit;
	color:inherit;
}
.quick-pop .quick-bx h2 span span{ 
	font-size:inherit;
	margin-right:6px;
}
@media (max-width:1199px){
	.quick-pop .pc{ display:none; }
	.quick-pop .mobile{ display:block; }
	.quick-pop{ 
		padding:0;
		background:#fff;
		width:auto;
		opacity:0;
		pointer-events:none;
		visibility:hidden;	
		transition:all 0.4s;
		border-radius:3px 0 0 3px;
	}
	.quick-pop.sticky{
		opacity:1;
		pointer-events:auto;
		visibility:visible;
		z-index:99;
	}
	.quick-pop .quick-m-btn{
		display:block;
		position:relative;
		left:0;
		top:0;
		width:100%;
		opacity:1;
		pointer-events:auto;
		visibility:visible;
		background:transparent;
	}
	.quick-pop .mobile span{ display:block;	}
	.quick-pop .mobile .icon{
		width:100%;
		position:relative;
		color:#005aa9;
		text-align:Center;
		padding-top:8px;
		font-size:26px;
	}
	.quick-pop .mobile .txt{
		font-size:14px;
		padding:5px 15px 10px;
		color:#444;
		line-height:1.1;
	}
	.quick-pop .top-btn:before{ display:none; }
	/* popup */
	.quick-popup .pop-content{
		background:#fff; 
		padding:20px;
		border-radius:3px;
	}
	.quick-popup .popup-common .title-bx h1{ color:#222; }
	.quick-popup .popup-common .form-content .input-item:not(:last-child){ margin-bottom:20px; }
	.quick-popup .popup-common .form-content .check-item{ margin-bottom:40px; }
	.quick-popup .popup-common .btn-item .quick-btn{
		color:#fff;
		background: #201c70;
		font-weight: 500;
		border-radius: 3px;
		transition: all 0.4s;
		line-height: 1.1;
		padding: 15px 30px;
		text-align: center;
		font-size:16px;
	}
	.quick-popup .popup-common .btn-item .quick-btn:hover{ background-color: #005aa9; } 
	.quick-popup .popup-common .quick-bx{ margin-top:40px; }
	.quick-popup .popup-common .quick-bx h2{ font-size:24px; }
	.quick-popup .popup-common .quick-bx h2 br{ display:none; }
	.quick-popup .popup-common .quick-bx h2 > span{
		display:block;
		font-weight:500;
		margin-top:5px;
		font-size:28px;
	}
	.quick-popup .popup-common .quick-bx h2 > span .icon{ margin-right:4px; }
}
@media (max-width:480px){
	.quick-pop .quick-m-btn{ width:60px; }
	.quick-pop .mobile .icon{
		padding-top:10px;
		font-size:22px;
	}
	.quick-pop .mobile .txt{
		font-size:12px;
		padding:5px 10px 10px;
		text-align:center;
		line-height:1.3;
	}
	/* popup */
	.quick-popup .pop-content{ padding:15px; }
	.quick-popup .popup-common .form-content .input-item:not(:last-child){ margin-bottom:15px; }
	.quick-popup .popup-common .form-content .check-item{ margin-bottom:20px; }
	.quick-popup .popup-common .quick-bx h2{ font-size:18px; }
	.quick-popup .popup-common .quick-bx h2 > span{ font-size:24px; }
}


/* breadcrumbs-wrap */
.breadcrumbs-wrap{
	padding:100px 0;
	position:relative;
	z-index:0;
}
.breadcrumbs-wrap:before,
.breadcrumbs-wrap:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.breadcrumbs-wrap:before{
	background:rgba(0,0,0,0.5);
	z-index:-1;
}
.breadcrumbs-wrap:after{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	z-index:-2;
}
.company-page:after{ background-image:url("https://www.sungik.co.kr/img/page-header01.jpg"); }
.waterproof-page:after{ background-image:url("https://www.sungik.co.kr/img/page-header02.jpg"); }
.repaint-page:after{ background-image:url("https://www.sungik.co.kr/img/page-header03.jpg"); }
.performance-page:after{ background-image:url("https://www.sungik.co.kr/img/page-header04.jpg"); }
.info-page:after{ background-image:url("https://www.sungik.co.kr/img/page-header05.jpg"); }
.privacy-page:after{ background-image:url("https://www.sungik.co.kr/img/page-header06.jpg"); }
.proposal-page:after{ background-image:url("https://www.sungik.co.kr/img/page-header07.jpg"); }

.breadcrumbs-wrap .page-title{ 
	line-height:1.1; 
	margin-bottom:20px;
}
.breadcrumbs-wrap .breadcrumbs{ 
	display:flex;
	flex-wrap:wrap;
 }
.breadcrumbs-wrap .breadcrumbs li{
	position:relative;
	display:block;
	font-size:16px;
	line-height:18px;
	color:rgba(255,255,255,0.8);
}
.breadcrumbs-wrap .breadcrumbs li:not(:last-child){
	margin-right:20px;
	padding-right:20px;
}
.breadcrumbs-wrap .breadcrumbs li:not(:last-child):before{
	content:"";
	position:absolute;
	width:2px;
	height:14px;
	background:rgba(255,255,255,0.5);
	right:-1px;
	top:50%;
	transform:translateY(-50%) rotate(20deg);
}
.breadcrumbs-wrap .breadcrumbs li span,
.breadcrumbs-wrap .breadcrumbs li a{
	line-height:inherit;
	font-size:inherit;
	color:rgba(255,255,255,0.8);
}
.lnb_menu #main-navigation{ display:block; }
.lnb_menu #main-navigation .lnb_ul{
	display:flex;
	flex-wrap:wrap;
}
.lnb_menu #main-navigation .lnb_ul > li{
	display:block;
	line-height:1;
	height:56px;
}
.lnb_menu #main-navigation .lnb_ul > li.homeba > a{ height:100%; }
.lnb_menu #main-navigation .lnb_ul > li > a .icon{ 
	position:absolute;
	font-size:20px;
	left:50%;
	top:48%;
	transform:translate(-50%,-50%);
}
.lnb_menu #main-navigation .lnb_ul > li.dropdown > a{
	top:50%;
	transform:translateY(-50%);
	line-height:1.1;
}
.lnb_menu #main-navigation > ul > li.dropdown > a:after{ vertical-align: middle; }
@media (max-width:768px){
	.performance-page:after{ background-position:70% center; }
}
@media (max-width:575px){
	.waterproof-page:after{ background-position:70% center; }
	.repaint-page:after{ background-position:60% center; }
	.privacy-page:after{ background-position:70% center; }
}
@media (max-width:480px){
	.breadcrumbs-wrap .breadcrumbs li{
		font-size:14px;
		line-height:16px;
	}
	.breadcrumbs-wrap .breadcrumbs li:not(:last-child){
		padding-right:10px;
		margin-right:10px;
	}
	.performance-page:after{ background-position:60% center; }
}


/* page-company */
.page-company .img-wrap{ margin-bottom:50px; }
@media all and (min-width:992px) and (max-width:1199px){
	.page-company .txt-list p:nth-child(1){ width:550px; }
}
@media (max-width:991px){
	.page-company .img-wrap > div:not(:last-child){ margin-bottom:30px; }
	.page-company .txt-list p br{ display:none; }
}
@media all and (min-width:769px) and (max-width:991px){
	.page-company h3{ width:540px; }
	.page-company .txt-list p:nth-child(1){ width:550px; }
	.page-company .txt-list p:nth-child(2){ width:600px; }
}
@media (max-width:480px){
	.page-company .img-wrap > div:not(:last-child){ margin-bottom:15px; }
}


/* Timeline */
section.timeline {
	width: 100%;
	margin: 60px 0 0;
	position: relative;	
	padding-bottom: 30px;
}
section.timeline:before {
	background: #505050;
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: -40px;
	width: 3px;
	z-index: 0;
	filter: alpha(opacity=35);
	opacity: 0.35;
}
section.timeline .timeline-body {
	position: relative;
	z-index: 1 !important;
}
section.timeline .timeline-date {
	/*box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);*/
	position: relative;
	display: block;
	clear: both;
	width: 200px;
	height: 0px;
	padding: 5px;
	/*border: 1px solid #E5E5E5;*/
	margin: 0 auto 0px;
	/*text-shadow: 0 1px 1px #fff;
	border-radius: 4px;
	background: #FFF;*/
	z-index: 1;
}
section.timeline .timeline-date h3 {
	display: block;
	text-align: center;
	color:rgba(20,159,76,1);
	font-size: 2.5em;
	line-height: 32px;
}
section.timeline .timeline-title {
	background: #f7f7f7;
	padding: 12px;
}
section.timeline .timeline-title h4 {
	padding: 0;
	margin: 0;
	color: #151719;
	font-size: 1.4em;
}
section.timeline .timeline-title a {
	color: #151719;
}
section.timeline .timeline-title .timeline-title-tags {
	color: #B1B1B1;
	font-size: 0.9em;
}
section.timeline .timeline-title .timeline-title-tags a {
	color: #B1B1B1;
	font-size: 0.9em;
}
section.timeline .timeline-box {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	margin: 20px 10px 10px 10px;	
	padding:30px;
	width: 45.7%;
	float: left;
	z-index: 1;
	margin-bottom: 30px;
	background: #FFF;
}
section.timeline .timeline-box.left {
	clear: both;
}
section.timeline .timeline-box.left:before {
	background: none repeat scroll 0 0 #E5E5E5;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
	content: "";
	display: block;
	height: 7px;
	margin-right: -5px;
	position: absolute;
	left: 50%;
	margin-top: 22px;
	width: 8px;
	transform: translate3d(-50%, 0, 0);
	z-index: 1;
}
section.timeline .timeline-box.left .timeline-box-arrow {
	transform: rotate(45deg);
	content: '';
	display: block;
	background: #FFF;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	float: right;
	height: 14px;
	margin-top: 17px;
	margin-right: -38px;
	width: 14px;
	z-index: 0;
}
section.timeline .timeline-box.right {
	clear: right;
	float: right;
	right: -1px;
	margin-top: 40px;
}
section.timeline .timeline-box.right:before {
	background: none repeat scroll 0 0 #E5E5E5;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
	content: "";
	display: block;
	height: 7px;
	position: absolute;
	left: 50%;
	margin-top: 32px;
	width: 8px;
	transform: translate3d(-50%, 0, 0);
	z-index: 1;
}
section.timeline .timeline-box.right .timeline-box-arrow {
	transform: rotate(45deg);
	content: '';
	display: block;
	background: #FFF;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	float: left;
	height: 14px;
	margin-top: 28px;
	margin-left: -38px;
	width: 14px;
	z-index: 0;
}
section.timeline .timeline-box .owl-carousel {
	border-radius: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}
.timeline-body .p-2{padding:15px 20px;}
.timeline-body h3{
	color:#062085;
	line-height:1;
}
.timeline-body dt{color:#111;font-size:18px;font-weight:600;margin-top:18px;margin-bottom:10px;}
.timeline-body dd{margin-bottom:10px;}
.timeline-body dd:last-of-type{ margin-bottom:0; }
section.timeline .timeline-box.left:before{background: none repeat scroll 0 0 #062085; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #062085;}
@media (max-width: 991px) {
	section.timeline .timeline-box {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}
	section.timeline .timeline-box.right {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}
	section.timeline .timeline-box.left:after,
	section.timeline .timeline-box.right:after,
	section.timeline .timeline-box.left:before,
	section.timeline .timeline-box.right:before,
	section.timeline .timeline-box.left .timeline-box-arrow,
	section.timeline .timeline-box.right .timeline-box-arrow{
		display: none;
	}
}
@media (max-width: 767px) {
	section.timeline {
		width: 100%;
		margin: 0;
	}
	section.timeline .timeline-box.right:before{background:none;border:none;}
	section.timeline .timeline-box.left .timeline-box-arrow{background:none;border:none;}
	section.timeline .timeline-box{ padding:15px; }
}
@media (max-width: 575px) {
	section.timeline {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	section.timeline .timeline-box {
		margin: 15px auto;
		max-width: 90%;
	}
	section.timeline .timeline-box.right {
		margin: 15px auto;
		max-width: 90%;
	}
}


/* page-license */
.page-license .license-content{ margin-top:25px; }
.page-license .license-link{
	position:relative;
	display:block;
	background:#f8f9fa;
	border-radius:3px;
	padding:25px 30px 30px;
	margin:15px 0;
	box-shadow:0 0 5px rgba(78,82,99,0.1);
	transition:all 0.4s;
}
.page-license .license-link h2{
	font-size:25px;
	font-weight:600;
	margin-bottom:20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-license .license-link p{
	background:#201C70;
	color:#fff;
	font-size:15px;
	font-weight:500;
	display:inline-block;
	padding:6px 30px;
	transition:all 0.4s;
}
.page-license .license-link:hover{ box-shadow:0 0 20px rgba(78,82,99,0.3); }
.page-license .license-link:hover p{ background:#005AA9; }
@media (max-width: 767px) {
	.page-license .license-link{ padding:15px; }
	.page-license .license-link h2{ font-size:24px; }
	.page-license .license-content > div{ width:50%; }
}
@media (max-width: 575px) {
	.page-license .license-content{ display:block; }
	.page-license .license-content > div{ width:100%; }
	.page-license .license-link{ margin:0; }
	.page-license .license-content > div:not(:last-child) .license-link{ margin-bottom:30px; }
	.page-license .license-link h2{ font-size:20px; }
}

/*popup*/
.mfp-bg{ background:#000; }
.mfp-container{
	left:50%;
	transform:translateX(-50%);
}
.my-mfp-zoom-in .mfp-close{
	color:transparent;
	opacity:1;
}
.my-mfp-zoom-in .mfp-close:before{
	content:"\e5cd";
	font-family: 'Material Symbols Outlined' !important;
	color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.my-mfp-zoom-in .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
	pointer-events:none;
	visibility:hidden;
}
.my-mfp-zoom-in.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	pointer-events:auto;
	visibility:visible;
}
.my-mfp-zoom-in.mfp-removing .mfp-content{
	opacity: 0;
	-webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
	pointer-events:none;
	visibility:hidden;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
	pointer-events:none;
	visibility:hidden;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg { 
	opacity: 0.7;
	pointer-events:auto;
	visibility:visible;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg { 
	opacity: 0;
	pointer-events:none;
	visibility:hidden;
}
.popup-common{ padding:40px 0; }
.popup-common .title-bx{ margin-bottom:20px; }
.popup-common .title-bx h1{
	color:#fff;
	font-weight:500;
	font-size:27px;
}
@media (min-width: 992px) {
	.mfp-container{ 
		width: 960px; 
		padding:0 15px;
	}
}
@media (max-width: 991px) {
	.mfp-container{ 
		width: 100%;
		padding:0 15px;
	}
	.popup-common .title-bx h1{ font-size:24px; }
}
@media (max-width: 767px) {	
	.popup-common .title-bx{ margin-bottom:15px; }
	.popup-common .title-bx h1{ font-size:22px; }
}
@media (max-width: 480px) {
	.mfp-container{ padding:0 10px; }
	.popup-common .title-bx h1{ font-size:20px; }
}


/* search-wrap */
.search-wrap{ 
	display: flex;
    justify-content: end;
	width:100%;
	margin-top:40px;
}
.search-wrap .row{ margin:0; }
.search-wrap .row > div{
	padding:0;
	position:relative;
}
.search-wrap .row > div:nth-child(1){ width:80%; }
.search-wrap .row > div:nth-child(2){ width:calc( 20% - 15px ); }
.search-wrap .search-btn{
	width:100%;
	height:100%;
	background:#201c70;
	color:#fff;
	font-weight:500;
	font-size:15px;
	transition:all 0.4s;
	margin-left:15px;
	border-radius:0 3px 3px 0;
}
.search-wrap .search-btn:hover{ background:#005aa9; }
@media (min-width: 1200px) {
	.search-wrap .row{ width:360px; }
}
@media (max-width: 1199px) {
	.search-wrap .row{ width:616.66px; }
}
@media (max-width: 991px) {
	.search-wrap .row{ width:100%; }
}
@media (max-width: 480px) {
	.search-wrap{ margin-top:30px; }
	.search-wrap .row > div:nth-child(2){ width:20%; }
	.search-wrap .search-btn{ margin-left:0; }
}


/* card-board */
.card-board{ margin-top:5px; }
.card-board .board-item{
	position:relative;
	margin:15px 0;
}
.card-board .board-item .board-link{
	display:block;
	transition:all 0.4s;
	box-shadow:0 0 5px rgba(78,82,99,0.1);
}
.card-board .board-item .board-link .img-bx{ overflow:hidden; }
.card-board .board-item .board-link .img-bx img{
	display:block;
	transform:scale(1);
	transition:transform 0.6s;
}
.card-board .board-item .board-link .txt-bx{
	padding:30px 25px;
	background:#f8f9fa;
}
.card-board .board-item .board-link .txt-bx h5{
	font-size:15px;
	color:#005aa9;
	line-height:1.1;
	margin-bottom:5px;
	font-weight:300;
}
.card-board .board-item .board-link .txt-bx h2{
	font-size:25px;
	font-weight:500;
	overflow: hidden;
    white-space: normal;
    line-height: 2rem;
    height: 4rem ;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page-license .license-link p{
	background:#201C70;
	color:#fff;
	font-size:15px;
	font-weight:500;
	display:inline-block;
	padding:6px 30px;
	transition:all 0.4s;
}
.card-board .board-item .board-link:hover{ box-shadow:0 0 20px rgba(78,82,99,0.3); }
.card-board .board-item .board-link:hover .img-bx img{ transform:scale(1.15); }
@media (max-width: 991px) {
	.card-board .board-item .board-link .txt-bx h2{
		height:auto;
		max-height: 4rem ;
	}
	.card-board{ margin:0; }
	.card-board .board-item{ padding:0; }
	.card-board .board-item .board-link .img-bx img{ width:100%; }
}
@media (max-width: 768px) {
	.card-board,
	.card-board .board-item{ width:100%; }
	.card-board .board-item .board-link .txt-bx{ padding:30px 20px; }
	.card-board .board-item .board-link .txt-bx h5{ font-size:14px; }
	.card-board .board-item .board-link .txt-bx h2{ font-size:24px; }
	.card-board .board-item .board-link:hover{ box-shadow:0 0 10px rgba(78,82,99,0.3); }
}
@media (max-width: 480px) {
	.card-board .board-item .board-link .txt-bx{ padding:15px; }
	.card-board .board-item .board-link .txt-bx h2{ 
		font-size:20px;
		line-height:1.8rem;
		max-height: 3.6rem ;
	}
}


/* pagination */
.pagination{
	margin:0;
	margin-top:45px;
	display:flex;
	flex-wrap:wrap;
	border-radius:3px;
}
.pagination > li{
	margin:0;
	display:block;
}
.pagination > li > a{
	border-radius:0;
	width:40px;
	height:40px;
	line-height:40px;
	transition:all 0.4s;
	background:#f0f1f2;
	font-weight:500;
	padding:0;
	border:none;
}
.pagination > li > a span{
	height:100%;
	vertical-align:middle;
	line-height:inherit;
	display:block;	
}
.pagination > li > a span:not(.icon){ font-weight:inherit; }
.pagination > li > a span.icon{ 
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.pagination > li:not(.arrow):not(.disabled) > a:hover,
.pagination > li:not(.arrow):not(.disabled).active > a{ 
	background:#201c70;
	color:#fff;
}
.pagination > li.arrow > a:hover{
	background:#f0f1f2;
	color:#005aa9 !important;
}
.pagination > li.disabled > a:hover{
	background:#f0f1f2;
	color:#2a2c32 !important;
}
@media (max-width: 991px) {
	.pagination{ justify-content:center; }
}
@media (max-width: 480px) {
	.pagination{ margin-top:35px; }
	.pagination > li > a{
		width:36px;
		height:36px;
		line-height:36px;
	}
	.pagination > li > a span.icon{ font-size:22px; }
}


/* page-specification */
.page-specification .img-bx{ 
	background:#fff; 
	margin-top:40px;
	text-align:center;
}
@media (max-width: 480px){
	.page-specification .img-bx{ margin-top:30px; }
}


/* board-detail */
.board-detail .detail-top{ 
	padding-bottom:30px;
	border-bottom:1px solid #201c70;
}
.board-detail .detail-content{ padding:30px 0; }
.board-detail .detail-bottom{
	padding-top:30px;
	border-top:1px solid #eee;
}
.board-detail .detail-bottom .board-btn{
	outline:none;
	display:block;
	font-size:18px;
	font-weight:500;
	color:#fff;
	background:#201c70;
	border-radius:3px;
	transition:all 0.4s;
	line-height: 1.1;
    padding: 15px 30px;
    max-width: 150px;
    text-align: center;
}
.board-detail .detail-bottom .board-btn:hover{ background:#005aa9; }
@media (max-width: 991px){
	.board-detail .detail-bottom .board-btn{ margin:0 auto; }
}
@media (max-width: 480px){
	.board-detail .detail-top{ padding-bottom:20px; }
	.board-detail .detail-content{ padding:20px 0; }
	.board-detail .detail-bottom{ padding-top:20px; }
	.board-detail .detail-bottom .board-btn{
		padding:10px 20px;
		font-size:16px;
		max-width:120px;		
	}
}


/* table-board */
.table-board{ 
	margin-top:20px;
	margin-bottom:15px;
}
.table-board .table-item{
	display:flex;
	flex-wrap:wrap;
}
.table-board .table-item,
.table-board .table-item > *{ 
	height:64px;
	line-height:64px;
}
.table-board .table-item > *{
	padding:0 15px; 
	margin-bottom:0;
}
.table-board .table-header > *,
.table-board .table-item > *:not(.title){ text-align:center; }
.table-board .table-content .title,
.table-board .table-content .title *{ text-align:left; }
.table-board .table-item > *:not(.date){ border-right:1px solid #f2f2f2; }
.table-board .table-content > .num{ padding:0; }
.table-board .table-header{
	border-top:1px solid #000;
	border-bottom:1px solid #e5e5e5;
	background:#f8f9fa;	
}
.table-board .table-header h3{	
	font-weight:500;
	font-size:18px;
}
.table-board .table-content{ 
	border-bottom:1px solid #e5e5e5;
	background:#fff;
	transition:all 0.4s;
}
.table-board .table-content *{ font-size:16px; }
.table-board .table-content .num{ color:#000; }
.table-board .table-content .title span{
	display:inline-block;
	line-height:64px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	position:relative;
	color:#000;
	transition:all 0.4s;
}
.table-board .table-content .title span:before,
.table-board .table-content .title span:after{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	left:0;
	bottom:22px;
}
.table-board .table-content .title span:before{ background:#000; }
.table-board .table-content .title span:after{ 
	background:#005aa9;
	transform:scale(0,1);
	transform-origin:right bottom;
	transition:transform 0.4s;
}
.table-board .table-item:not(.table-header):hover{ background:rgba(32,28,112,0.05); }
.table-board .table-item:hover span,
.table-board .table-content .title:hover span{ color:#005aa9; }
.table-board .table-item:hover span:after,
.table-board .table-content .title:hover span:after{
	transform:scale(1,1);
	transform-origin:left bottom;
}
.table-board .table-content .date{ color:#7b8285; }
.table-bottom .pagination{ margin-top:0; }
.table-bottom > div:nth-child(2){
	position:relative;
	display:flex;
	justify-content:end;
}
.table-bottom .board-btn{
	outline: none;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #201c70;
    border-radius: 3px;
    transition: all 0.4s;
    line-height: 1.1;
    padding: 15px 30px;
    max-width: 180px;
    text-align: center;
}
.table-bottom .board-btn:hover{ background:#005aa9; }
@media all and (min-width:769px) and (max-width:991px){
	.table-board .table-item.table-content,
	.table-board .table-item.table-content > *{ height:58px; }
	.table-board .table-item.table-content,
	.table-board .table-item.table-content > *,
	.table-board .table-content .title span{ line-height:58px; }
	.table-board .table-header h3{ font-size:16px; }
	.table-board .table-content .title span:before,
	.table-board .table-content .title span:after{ bottom:18px; }
}
@media (max-width:768px){	
	.table-board-board .search-wrap{ margin-top:0; } 
	.table-board-board .search-bx{ margin-top:10px; }

	.table-board .table-header,
	.table-board .table-content .num{ display:none; }
	.table-board .table-content{ padding:30px 20px; }
	.table-board .table-content:nth-of-type(1){ border-top:1px solid #000; }
	.table-board .table-item.table-content,
	.table-board .table-item.table-content > *,
	.table-board .table-content .title span{ 
		line-height:1.1;
		height:auto;
		text-align:left;
	}
	.table-board .table-content .title a,
	.table-board .table-content > *:not(.title),
	.table-board .table-item > *{ padding:0; }
	.table-board .table-content .title{ 
		margin-bottom:14px; 
		font-size:24px;
	}
	.table-board .table-content .title span{ font-size:inherit; }
	.table-board .table-content .title span:before,
	.table-board .table-content .title span:after{ bottom:-1px; }
}
@media (max-width: 480px){
	.table-board .table-content{ padding:25px 15px; }
	.table-board .table-content .title{ 
		font-size:20px; 
		margin-bottom:5px;
	}
	.table-board .table-content .date,
	.table-board .table-content .num{ font-size:14px; }
}

/* basic-table */
.basic-table .table-item .num{ width:8%; }
.basic-table .table-item .title{ width:82%; }
.basic-table .table-item .date{ width:10%; }
@media all and (min-width:992px) and (max-width:1439px){	
	.basic-table .table-item .num{ width:12%; }
	.basic-table .table-item .title{ width:73%; }
	.basic-table .table-item .date{ width:15%; }
}
@media all and (min-width:769px) and (max-width:991px){	
	.basic-table .table-item .num{ width:14%; }
	.basic-table .table-item .title{ width:69%; }
	.basic-table .table-item .date{ width:17%; }	
}
@media (max-width:768px){
	.basic-table .table-item .num,
	.basic-table .table-item .title,
	.basic-table .table-item .date{ width:100%; }
}

/* inquiry-table */
.inquiry-table .table-item .num{ width:8%; }
.inquiry-table .table-item .title{ width:68%; }
.inquiry-table .table-item .state{ width:12%; }
.inquiry-table .table-item .date{ width:12%; }
.inquiry-table .table-item .state{
	display: flex;
    justify-content: center;
}
.inquiry-table .table-item .state span{
	display: flex;
    align-items: center;
}
.inquiry-table .table-item .state span:after{
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	line-height:1.1;
	padding:8px 15px;
	border-radius:3px;
}
.inquiry-table .table-item .state.on span:after{ 
	content:"답변완료";
	color:#fff;
	background:#201c70;
}
.inquiry-table .table-item .state.off span:after{ 
	content:"답변대기"; 
	background:#f0f1f2;
}
@media all and (min-width:992px) and (max-width:1439px){	
	.inquiry-table .table-item .num{ width:12%; }
	.inquiry-table .table-item .title{ width:58%; }
	.inquiry-table .table-item .state{ width:15%; }
	.inquiry-table .table-item .date{ width:15%; }
}
@media all and (min-width:769px) and (max-width:991px){	
	.inquiry-table .table-item .num{ width:14%; }
	.inquiry-table .table-item .title{ width:52%; }
	.inquiry-table .table-item .state{ width:17%; }
	.inquiry-table .table-item .date{ width:17%; }	
	.table-bottom > div{ width:50%; }
	.table-bottom .pagination{ justify-content:start; }
}
@media all and (min-width:576px) and (max-width:768px){	
	.inquiry-table .table-item.table-header{ display:flex; }
	.inquiry-table .table-item .num{ display:none; }
	.inquiry-table .table-item .title{ width:64%; }
	.inquiry-table .table-item .state{ width:18%; }
	.inquiry-table .table-item .date{ width:18%; }	
	.inquiry-table .table-content{ padding:0; }
	.inquiry-table .table-content .title{ margin-bottom:0; }
	.inquiry-table .table-item.table-content,
	.inquiry-table .table-item.table-content > *{ 
		height:56px;
		line-height:56px;
		text-align:center;		
	}
	.inquiry-table .table-item.table-content .title{ text-align:left; }
	.inquiry-table .table-item.table-content > *{ padding:0 15px; }
	.inquiry-table .table-item.table-content,
	.inquiry-table .table-item.table-content > *,
	.inquiry-table .table-item .state span:after{ font-size:14px; }
	.inquiry-table .table-item .state span:after{ padding:5px 10px; }
	.table-bottom > div:nth-child(1){ width:60%; }
	.table-bottom > div:nth-child(2){ width:40%; }
	.table-bottom .pagination{ justify-content:start; }
}
@media (max-width: 575px){
	.inquiry-table .table-item *,
	.inquiry-table .table-item .title a,
	.inquiry-table .table-item .title a span{ text-align:left; }
	.inquiry-table .table-item:nth-child(2){ border-top:1px solid #000; }
	.inquiry-table .table-item .title,
	.inquiry-table .table-item .state,
	.inquiry-table .table-item .date{ width:100%; }
	.inquiry-table .table-item .title{ order:2;	}
	.inquiry-table .table-item .state{
		order:1;
		justify-content: start;
		margin-bottom:10px;
	}
	.inquiry-table .table-item .date{
		order:3;
		font-size:14px;
	}
	.table-bottom > div{ width:100%; }
	.table-bottom > div:nth-child(2){ justify-content:center; }
	.table-bottom .board-btn{ margin-top:40px; }
}
@media (max-width: 480px){
	.inquiry-table .table-content .title{ line-height:1.3; }
	.inquiry-table .table-item .state span:after,
	.inquiry-table .table-item .date{ 
		font-size:14px; 
		font-weight:300;
	}
	.inquiry-table .table-item .state span:after{ padding:5px 15px; }
	.table-bottom .board-btn{
		padding:10px 25px;
		font-size:16px;
	}
}


/* page-performance */
.page-performance .accordion{ 
	margin-top:40px;
	border:none;
} 
.page-performance .accordion h2{ margin-bottom:0; }
.page-performance .accordion .accordion-button{
	outline:none;
	font-size:20px;
	box-shadow:none;
	color:#212529;
	background:#fff;
}
.page-performance .accordion .accordion-button:not(.collapsed){
	color:#005aa9;
	background:rgba(32,28,112,0.05);
}
.page-performance .accordion-body{ padding:8px 20px; }
.page-performance .accordion-body .popup-gallery{
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
	margin-left:-8px;
	margin-right:-8px;
}
.page-performance .accordion-body .popup-gallery > a{ 
	display:block;
	padding:0 8px;
	width:33.33%;
	margin:8px 0;
}
.page-performance .accordion-body .popup-gallery .img-bx{
	position:relative;
	padding-bottom: 70.65%;
}
.page-performance .accordion-body .popup-gallery .img-bx .img{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
/* perfor-popup */
.perfor-popup .mfp-content .mfp-close{ display:none; }
.perfor-popup .mfp-arrow{ opacity:1; }
.perfor-popup .mfp-arrow:before, 
.perfor-popup .mfp-arrow:after{
	margin:0;
	border:none;
	top:50%;
	transform:translateY(-50%);
}
.perfor-popup .mfp-arrow:before{
	font-family: 'Material Symbols Outlined';
	font-size:48px;
	z-index:6;
	width:auto;
	height:auto;
}
.perfor-popup .mfp-arrow:after{
	width:60px;
	height:60px;
	background:#fff;
	border-radius:50%;
	z-index:1;	
}
.perfor-popup .mfp-arrow.mfp-arrow-left:before{ 
	content:"\e317";
	left:5px;
}
.perfor-popup .mfp-arrow.mfp-arrow-right:before{ 
	content:"\e941"; 
	left:auto;
	right:5px;
}
.perfor-popup .mfp-arrow.mfp-arrow-right:after{ 
	left:auto;
	right:0; 
}
@media (max-width: 991px){
	.page-performance .accordion-body{ padding:10px 15px; }
	.page-performance .accordion-body .popup-gallery{
		margin-left:-5px;
		margin-right:-5px;
	}
	.page-performance .accordion-body .popup-gallery > a{
		padding:0 5px;
		width:50%;
		margin:5px 0;
	}
	.page-performance .accordion-body .popup-gallery .img-bx{ padding-bottom:70.654%; }
}
@media (max-width: 575px){
	.page-performance .accordion .accordion-button{ font-size:18px; }
	.page-performance .accordion-body .popup-gallery > a{ width:100%; }
}
@media (max-width: 480px){
	.page-performance .accordion{ margin-top:30px; }
	.page-performance .accordion .accordion-button{ padding:10px 15px; }
}


/* page-inquiry */
.page-inquiry .table-board{ 
	margin-top:40px;
	margin-bottom:60px;
}
.page-inquiry .table-item:not(.table-header):hover { background: transparent; }
@media (max-width: 575px){
	.page-inquiry .table-board{ margin-bottom:30px; }
}
@media (max-width: 480px){
	.page-inquiry .table-board{ margin-top:30px; }
}


/* contact-form */
.contact-form{ 
	margin:0;
	margin-top:40px;
	margin-left:-10px;
	margin-right:-10px;
}
.contact-form > div{ padding:0 10px !important; }
.contact-form > div:not(:last-child){ margin-bottom:30px; }
.contact-form textarea{ height:150px; }
.contact-form .privacy-bx{
	padding:15px;
	border: 1px solid #ddd;
	border-radius:3px;
	margin-bottom:10px;
}
.contact-form .privacy-bx ul li{
	font-size:16px; 
	position:relative;
	padding-left:14px;
}
.contact-form .privacy-bx .privacy-list li:before{
	content:"";
	position:absolute;
	left:0;
	top:9px;
	width:6px;
	height:6px;
	background:#aaa;
	border-radius:100%;
}
.contact-form .privacy-bx .privacy-list li:not(:last-child){ margin-bottom:8px; }
.contact-form .privacy-bx .privacy-list li .title-txt{
	font-weight:500;
	margin-right:4px;
}
.contact-form .privacy-bx .privacy-list li .privacy-t{ color:#666; }
.contact-form .privacy-bx .input-explanation{ margin-top:20px; }
.contact-form .privacy-bx .input-explanation li{ 
	color:#888;
	font-weight:300;
}
.contact-form .privacy-bx .input-explanation li:before{
	content:"※";
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
	font-family:inherit;
	color:inherit;
	line-height:inherit;
	color:inherit;
	font-weight:inherit;
}
.contact-form .form-btn-wrap{ margin:0; }
.contact-form .form-btn-wrap > div{ padding:0; }
.contact-form .form-btn-wrap > div:nth-child(2){
	position:relative;
	display:flex;
	justify-content:end;
}
.contact-form .form-btn-wrap .board-btn{
	outline: none;
	display: block;
	font-size: 18px;
	font-weight: 500;    
	border-radius: 3px;
	transition: all 0.4s;
	line-height: 1.1;
	padding: 15px 30px;
	text-align: center;
}
.contact-form .form-btn-wrap .line-btn{
	border:1px solid #201c70;
	color:#201c70;
	max-width: 150px;
}
.contact-form .form-btn-wrap .bg-btn{
	background: #201c70;
	color: #fff;
	max-width:180px;
}
.contact-form .form-btn-wrap .line-btn:hover{
	border-color:#4fa5d4;
	color:#4fa5d4;
}
.contact-form .form-btn-wrap .bg-btn:hover{ background-color:#005aa9; }
@media (max-width:991px){	
	.contact-form .form-btn-wrap > div{ width:50%; }
	.contact-form .form-btn-wrap{ margin-top:20px !important; }
}
@media (max-width:768px){
	.contact-form > div:not(:last-child){ margin-bottom:20px; }
}
@media (max-width:480px){
	label{ margin-bottom:5px; }
	.contact-form textarea{ height:120px; } 
	.contact-form .privacy-bx ul li{ 
		font-size:14px;
		padding-left:10px;
		line-height:1.3;
	}
	.contact-form .privacy-bx .privacy-list li:before{
		width:4px;
		height:4px;
		top:10px;
	}
	.contact-form .privacy-bx .input-explanation li{
		font-size:13px;
		padding-left:14px;
	}
	.contact-form .form-btn-wrap{ margin-top:10px !important; }
	.contact-form .form-btn-wrap .board-btn{ 
		font-size:16px;
		padding:12px 25px;
	}
	.contact-form .form-btn-wrap .line-btn{ max-width:120px; }
}


/* page-privacy */
.page-privacy .pr-content{ margin-top:40px; }
.page-privacy .pr-content .pr-top,
.page-privacy .pr-content .pr-item:not(:last-child){ margin-bottom:30px; }
.page-privacy .pr-content h5{
	font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
	color:#333;
}

.page-privacy .pr-content .pr-item h5,
.page-privacy .pr-content .pr-info .pr-list li,
.page-privacy .pr-content .privacy-file,
.page-privacy .pr-content .pr-site li,
.page-privacy .pr-content .pr-site li span a,
.page-privacy .pr-content .pr-caption span,
.page-privacy .pr-item:nth-child(5) .privacy-file{ position:relative; }
.page-privacy .pr-content .pr-info .pr-list > li > ol{ margin-top:8px; }
.page-privacy .pr-content .pr-info .pr-list > li > ol li .t{ 
	display:block;
	line-height:1.1;
}
.page-privacy .pr-content .pr-info dl,
.page-privacy .pr-site li{
	display:flex;
	flex-wrap:wrap;
}
.page-privacy .pr-content .pr-item h5:before,
.page-privacy .pr-content .pr-list > li:before,
.page-privacy .pr-content .pr-list > li > ol li .t:before,
.page-privacy .pr-item:nth-child(5) .pr-list > li ol li:before{
	content:attr(data-bullet);
	color:inherit;
	font-weight:inherit;
	font-size:inherit;
	line-height:inherit;
}
.page-privacy .pr-content .pr-list > li:before,
.page-privacy .pr-content .pr-list > li > ol li .t:before,
.page-privacy .pr-content .pr-item .pr-site li span a:before,
.page-privacy .pr-content .pr-item .pr-site li span a:after,
.page-privacy .pr-item:nth-child(7) .pr-caption span:before,
.page-privacy .pr-item:nth-child(5) .pr-list > li ol li:before{
	position:absolute;
	left:0;
	top:0;
}
.page-privacy .pr-content .pr-item h5:before{ margin-right:5px; }
.page-privacy .pr-info .pr-list > li:not(:last-child),
.page-privacy .pr-item:nth-child(2) p,
.page-privacy .pr-item:nth-child(8) .pr-list > li ol li:not(:last-child){ margin-bottom:10px; }
.page-privacy .pr-content .pr-item h5,
.page-privacy .pr-info .pr-list > li > ol li .t,
.page-privacy .pr-item:nth-child(2) .pr-list li:not(:last-child),
.page-privacy .pr-item:nth-child(5) .pr-list > li ol li:not(:last-child){ margin-bottom:5px; }
.page-privacy .pr-info .pr-list > li ol li:not(:last-child),
.page-privacy .pr-site li:not(:last-child){ margin-bottom:8px; }
.page-privacy .pr-info .pr-list > li{ padding-left:23px; }
.page-privacy .pr-info .pr-list > li > ol li .t,
.page-privacy .pr-item:nth-child(5) .pr-list > li ol li,
.page-privacy .pr-item:nth-child(7) .pr-caption span{ padding-left:18px; }
.page-privacy .pr-site li{ padding-left:15px; }
.page-privacy .pr-info .pr-list li,
.page-privacy .pr-content .pr-info dl{ line-height:1.4; }
.page-privacy .pr-content .pr-info dl{
	justify-content:start;
	border-top:1px solid #bbb;
	margin-top:20px;
}
.page-privacy .pr-content .pr-info dl dt{ 
	background:#f8f9fa;
	padding:15px 20px;
	border-bottom:1px solid #bbb;
	text-align:center;
	font-weight:500;
}
.page-privacy .pr-content .pr-info dl dd{
	padding:10px 15px; 	
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-weight:300;
}
.page-privacy .pr-content .pr-info dl dt:not(:last-of-type),
.page-privacy .pr-content .pr-info dl dd:not(:last-of-type){ border-right:1px solid rgba(0,0,0,0.05); }

.page-privacy .pr-item:nth-child(1) .pr-list > li,
.page-privacy .pr-item:nth-child(2) p,
.page-privacy .pr-item:nth-child(2) .pr-list li,
.page-privacy .pr-item:nth-child(3) .pr-list li,
.page-privacy .pr-item:nth-child(4) .pr-list > li,
.page-privacy .pr-item:nth-child(5) .pr-list > li,
.page-privacy .pr-item:nth-child(5) .privacy-file,
.page-privacy .pr-item:nth-child(6) .pr-list > li,
.page-privacy .pr-item:nth-child(7) .pr-list > li
.page-privacy .pr-item:nth-child(8) .pr-list > li{ font-size:16px; }
.page-privacy .pr-content .pr-info dl dd,
.page-privacy .pr-item:nth-child(1) .pr-list > li ol li,
.page-privacy .pr-item:nth-child(4) .pr-list > li ol li,
.page-privacy .pr-item:nth-child(5) .pr-list > li ol li,
.page-privacy .pr-site li,
.page-privacy .pr-item:nth-child(6) .pr-list > li ol li,
.page-privacy .pr-item:nth-child(7) .pr-caption,
.page-privacy .pr-item:nth-child(8) .pr-list > li ol li{ font-size:14px; }

.page-privacy .pr-content .pr-info dl dd,
.page-privacy .pr-item:nth-child(5) .privacy-file{ color:#555; }
.page-privacy .pr-item:nth-child(1) .pr-list > li ol li .t,
.page-privacy .pr-item:nth-child(2) .pr-list li,
.page-privacy .pr-item:nth-child(4) .pr-list > li ol li .t,
.page-privacy .pr-item:nth-child(5) .pr-list > li ol li,
.page-privacy .pr-site li,
.page-privacy .pr-item:nth-child(6) .pr-list > li ol li .t,
.page-privacy .pr-item:nth-child(7) .pr-caption span,
.page-privacy .pr-item:nth-child(8) .pr-list > li ol li .t{ color:#888; }
.page-privacy .pr-item:nth-child(1) .pr-list > li ol li,
.page-privacy .pr-item:nth-child(4) .pr-list > li ol li,
.page-privacy .pr-item:nth-child(6) .pr-list > li ol li,
.page-privacy .pr-item:nth-child(7) .pr-caption,
.page-privacy .pr-item:nth-child(8) .pr-list > li ol li{ color:#aaa; }

.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(1){ order:1; }
.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(2){ order:2; }
.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(3){ order:3; }
.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(4){ order:4; }
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(1){ order:5; }
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(2){ order:6; }
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(3){ order:7; }
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(4){ order:8; }
.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(1),
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(1){ width:8%; }
.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(2),
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(2){ width:12%; }
.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(3),
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(3){ width:20%; }
.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(4),
.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(4){ width:60%; }
.page-privacy .pr-item:nth-child(1) dl dd:not(:nth-of-type(4)){ text-align:center; }

.page-privacy .pr-item:nth-child(5) .privacy-file{
	display:inline-block;
	margin-top:10px;
	font-weight:500;
	padding-right:25px;
}
.page-privacy .pr-item:nth-child(5) .privacy-file:after{
	content: "\e2c4";
	position:absolute;
	right:0;
	top:3px;
	font-family: 'Material Symbols Outlined';
	font-size:20px;
	line-height:1;
	color:inherit;	
}
.page-privacy .pr-item:nth-child(5) .privacy-file:hover{ color:#005aa9; }
.page-privacy .pr-site{
	padding:20px;
	margin-top:20px;
	background:#f8f9fa;
}
.page-privacy .pr-site li:before{
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	background:#ccc;
	left:0;
	top:11px;
}
.page-privacy .pr-site li span,
.page-privacy .pr-site li a{
	font-size:inherit;
	color:inherit;
	font-weight:400;
}
.page-privacy .pr-site li span:nth-child(1){ width:18%; }
.page-privacy .pr-site li span:nth-child(2){ width:15%; }
.page-privacy .pr-site li span:nth-child(3){ width:67%; }
.page-privacy .pr-site li span a{
	transition:all 0.4s;
	padding-bottom:2px;
}
.page-privacy .pr-site li span a:before,
.page-privacy .pr-site li span a:after{
	content: "";
    width: 100%;
    height: 1px;
    transition: transform 0.6s;
	left:0;
	top:auto !important;
    bottom: 0 !important;
}
.page-privacy .pr-site li span a:before{ background:#ccc; } 
.page-privacy .pr-site li span a:after{
	background:#005aa9;
	transform-origin: right bottom;
    transform: scale(0,1);
}
.page-privacy .pr-site li span a:hover{ color:#005aa9; }
.page-privacy .pr-site li span a:hover:after{
	transform-origin: left bottom;
    transform: scale(1,1);
}

.page-privacy .pr-item:nth-child(7) dl dt,
.page-privacy .pr-item:nth-child(7) dl dd{ 
	width:20%; 
	text-align:center;
}
.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(1){ order:1; }
.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(2){ order:2; }
.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(3){ order:3; }
.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(4){ order:4; }
.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(5){ order:5; }
.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(1){ order:6; }
.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(2){ order:7; }
.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(3){ order:8; }
.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(4){ order:9; }
.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(5){ order:10; }
.page-privacy .pr-item:nth-child(7) .pr-caption{ margin-top:20px; }
.page-privacy .pr-item:nth-child(7) .pr-caption span:before{
	content:"※";
	color:inherit;
	line-height:inherit;
	font-weight:inherit;
	font-size:inherit;
	font-family:inherit;
}
.page-privacy .pr-item:nth-child(7) .pr-caption span{ margin-right:4px; }
@media (max-width: 1199px) {
	.page-privacy .pr-content .pr-info dl dd br{ display:none; }
}
@media all and (min-width:992px) and (max-width:1199px){
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(1),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(1){ width:10%; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(2),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(2){ width:14%; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(3),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(3){ width:26%; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(4),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(4){ width:50%; }
}
@media (max-width: 991px) {
	.page-privacy .pr-content .pr-item dl{		
		padding:15px;
		background:#f8f9fa;
		border:none;
	}
	.page-privacy .pr-content .pr-item dl dt{
		background:transparent;
		border:none;
		padding:0;
		color:#333;
		margin-bottom:5px;
		text-align:left;
	}
	.page-privacy .pr-content .pr-item dl dd{
		border:none;
		padding:0;
	}
	.page-privacy .pr-content .pr-info dl dt:not(:last-of-type),
	.page-privacy .pr-content .pr-info dl dd:not(:last-of-type){ border-right:none; }
	.page-privacy .pr-content .pr-info dl dd:not(:last-of-type){ margin-bottom:20px; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(1),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(1){ display:none; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(2),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(2),
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(3),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(3),
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(4),
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(4),
	.page-privacy .pr-item:nth-child(7) dl dt,
	.page-privacy .pr-item:nth-child(7) dl dd{ width:100%; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(2){ order:1; }
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(2){ order:2; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(3){ order:3; }
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(3){ order:4; }
	.page-privacy .pr-item:nth-child(1) dl dt:nth-of-type(4){ order:5; }
	.page-privacy .pr-item:nth-child(1) dl dd:nth-of-type(4){ order:6; }
	.page-privacy .pr-item:nth-child(1) dl dd:not(:nth-of-type(4)),
	.page-privacy .pr-item:nth-child(7) dl dt,
	.page-privacy .pr-item:nth-child(7) dl dd{ text-align:left; }

	.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(1){ order:1; }
	.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(2){ order:3; }
	.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(3){ order:5; }
	.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(4){ order:7; }
	.page-privacy .pr-item:nth-child(7) dl dt:nth-of-type(5){ order:9; }
	.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(1){ order:2; }
	.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(2){ order:4; }
	.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(3){ order:6; }
	.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(4){ order:8; }
	.page-privacy .pr-item:nth-child(7) dl dd:nth-of-type(5){ order:10; }
}
@media all and (min-width:769px) and (max-width:991px){
	.page-privacy .pr-site li span:nth-child(1){ width:25%; } 
	.page-privacy .pr-site li span:nth-child(2){ width:22%; }
	.page-privacy .pr-site li span:nth-child(3){ width:53%; }
}
@media (max-width: 768px) {
	.page-privacy .pr-site li{ padding-left:10px; } 
	.page-privacy .pr-site li:not(:last-child){ margin-bottom:20px; }
	.page-privacy .pr-site li span,
	.page-privacy .pr-content h5{ line-height:1.3; }
	.page-privacy .pr-site li span:nth-child(1),
	.page-privacy .pr-site li span:nth-child(2){ width:auto; }
	.page-privacy .pr-site li span:nth-child(2){ margin-left:5px; }
	.page-privacy .pr-site li span:nth-child(3){ 
		width:100%;
		margin-top:5px;
	}
}
@media (max-width: 575px) {
	.page-privacy .pr-site{ padding:15px; }
	.page-privacy .pr-content{ margin-top:30px; }
	.page-privacy .pr-content .pr-info dl dd:not(:last-of-type){ margin-bottom:10px; }
	.page-privacy .pr-site li{ padding-left:0; }
	.page-privacy .pr-site li:before{ display:none; }
	.page-privacy .pr-site li span:nth-child(2),
	.page-privacy .pr-site li span:nth-child(3) a{ font-size:12px; }
	.page-privacy .pr-site li:not(:last-child){ margin-bottom:15px; }
	.page-privacy .pr-site li span:nth-child(3){ margin-top:0; }

}


/* lightbox */
#lightbox{
	position:absolute;
	width: 100%;
    z-index: 10000;
	border-radius:0;
	overflow:unset;
}
#lightbox:before{ display:none; }
#lightbox:after{ background:transparent; }
.lb-data .lb-details{
	float: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.lb-data .lb-caption{
	font-size:24px;
	color:#fff;
}
.lb-data .lb-number{
	padding-bottom:0;
	font-size:14px;
}
.lb-data .lb-close{
	background:none;
	position:fixed;
	right:20px;
	top:20px;
	float:none;
	opacity:1;
}
.lb-data .lb-close:before{
	content:"\e5cd";
	font-family: 'Material Symbols Outlined';
	font-size:40px;
	color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.lb-data .lb-close:before,
.lb-nav a:before{ font-variation-settings:'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48; }
.lb-nav a{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	transition:all 0.4s;
	background:none !important;
	overflow:hidden;
}
.lb-nav a:before,
.lb-nav a:after{ 
	position:absolute;
	top: 50%;
	transition:all 0.4s;
}
.lb-nav a:before{
	font-family: 'Material Symbols Outlined';
	font-size:40px;
	color: #fff;
	z-index:5;
}
.lb-nav a:after{
	content:"";
	width:60px;
	height:100px;
	background:rgba(0,0,0,0.3);  
	z-index:4;
}
.lb-nav a.lb-prev:before{
	content:"\e317"; 
	left:9px;
}
.lb-nav a.lb-next:before{ 
	content:"\e941";
	right:9px;
}
.lb-nav a.lb-prev:before,
.lb-nav a.lb-prev:after{ transform: translate(-100%,-50%); }
.lb-nav a.lb-prev:after{ left:0; }
.lb-nav a.lb-prev:hover:before,
.lb-nav a.lb-prev:hover:after{ transform: translate(0,-50%); }
.lb-nav a.lb-next:before,
.lb-nav a.lb-next:after{ transform: translate(100%,-50%); }
.lb-nav a.lb-next:hover:before,
.lb-nav a.lb-next:hover:after{ transform: translate(0,-50%); }
.lb-nav a.lb-next:after{ right:0; }
@media (max-width: 768px) {
	.lb-nav a:before{ font-size:32px; }
	.lb-nav a:after{
		width:50px;
		height:80px;
	}
	.lb-nav a.lb-prev:before{ left:8px; }
	.lb-nav a.lb-next:before{ right:8px; }
	.lb-nav a.lb-prev:before,
	.lb-nav a.lb-prev:after,
	.lb-nav a.lb-prev:before,
	.lb-nav a.lb-prev:after,
	.lb-nav a.lb-next:before,
	.lb-nav a.lb-next:after,
	.lb-nav a.lb-next:hover:before,
	.lb-nav a.lb-next:hover:after{ transform: translate(0,-50%); }
	.lb-data .lb-caption{ font-size:20px; }
}
@media (max-width: 480px) {
	.lb-nav a:before{ font-size:24px; }
	.lb-nav a:after{
		width:40px;
		height:50px;
	}
	.lb-nav a.lb-prev:before{ left:6px; }
	.lb-nav a.lb-next:before{ right:6px; }
	.lb-data .lb-caption{ font-size:18px; }
	.lb-data .lb-number{ font-size:12px; }
}



/* 221215 추가/수정 CSS - SH */
#footer.footer-new .copyright .row{ align-items: center; }
#footer.footer-new .copyright p{ display:block;margin:0; } 
#footer.footer-new .copyright p:not(:last-child){ margin-bottom:5px; }
#footer.footer-new .footer-re a{ color:rgba(255,255,255,0.8); }
#footer.footer-new .footer-re a:hover{ color:#fff; }
.grecaptcha-badge{ display:none !important; }
@media (min-width: 1400px) {
	.quick-pop.quick-new .pc .quick-bx h5,.quick-pop.quick-new .pc .quick-bx h5 a{ font-size:24px; }
	.quick-pop.quick-new .pc .quick-bx p{ font-size:16px; }
}
@media (min-width: 1200px) {	
	.quick-pop.quick-new .pc .title-bx .quick-bx{ display:none; }
	.go-to-top.go-top-visible{ bottom:120px; }
	#footer.footer-new .copyright{ padding-bottom:120px; }
}
@media (min-width: 1024px) {
	.quick-pop.quick-new{ width:100%;background:rgba(20,20,20,0.8);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);
		top:auto;bottom:0;transform:translateY(0);padding:20px 0; }
	.quick-pop.quick-new .pc .title-bx,.quick-pop.quick-new .pc .quick-bx,.quick-pop.quick-new .input-item:not(:last-of-type){ margin:0; }  
	.quick-pop.quick-new .pc h1{ color:#fff;margin-bottom:5px; }
	.quick-pop.quick-new .pc .check-item label{ color:rgba(255,255,255,0.8);padding:0;padding-left:30px;line-height:16px; }
	.quick-pop.quick-new .pc .check-item label:before{ width:16px;height:16px;top:0; }
	.quick-pop.quick-new .pc .check-item label::after{ width:15px;height:13px;left:-1px;top:-3px;clip: rect(7px, 12px, 13px, 0px); }
	.quick-pop.quick-new .pc .check-item a{ color:#fff; }
	.quick-pop.quick-new .pc .form-content{ height:100%; }
	.quick-pop.quick-new .pc .form-content,
	.quick-pop.quick-new .pc .form-content > div{ display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center; }
	.quick-pop.quick-new .pc .input-item{ width:40%; }
	.quick-pop.quick-new .pc .btn-item{ width:20%;margin-top:0; }
	.quick-pop.quick-new .pc .input-item label{ color:#fff;font-size:16px;margin-bottom:0;padding-right:10px;width:30%;background:#333;padding:0 10px; }
	.quick-pop.quick-new .pc .input-item input{ width:70%;border-radius:0; }
	.quick-pop.quick-new .pc .btn-item,
	.quick-pop.quick-new .pc .input-item label,
	.quick-pop.quick-new .pc .input-item input{ height:40px;line-height:40px; }
	.quick-pop.quick-new .pc .btn-item .quick-btn{ height:100%; }
	.quick-pop.quick-new .pc .quick-bx h5,.quick-pop.quick-new .pc .quick-bx h5 a{ color:#fff;font-weight:600; }
	.quick-pop.quick-new .pc .quick-bx h5{ margin-bottom:5px; }
	.quick-pop.quick-new .pc .quick-bx h5 a{ margin-left:6px; }
	.quick-pop.quick-new .pc .quick-bx p{ color:rgba(255,255,255,0.8);margin:0; }
}
@media (min-width:1200px) and (max-width:1399px){
	.quick-pop.quick-new .pc .quick-bx h5,.quick-pop.quick-new .pc .quick-bx h5 a{ font-size:20px; }
	.quick-pop.quick-new .pc .quick-bx p{ font-size:14px; }
}
@media (min-width:1024px) and (max-width:1199px){
	.quick-pop.quick-new{ opacity:1;visibility:visible;pointer-events:auto; }
	.quick-pop.quick-new .pc{ display:block; }
	.quick-pop.quick-new .pc .row > div:nth-child(1){ width:30%; }
	.quick-pop.quick-new .pc .row > div:nth-child(2){ width:70%; }
	.quick-pop.quick-new .pc .row > div:nth-child(3),
	.quick-pop.quick-new .pc h1{ display:none; }
	.go-to-top.go-top-visible{ bottom:140px; }
	#footer.footer-new .copyright{ padding-bottom:140px; }
}
@media (max-width:1023px){
	.quick-pop{ opacity:1;visibility:visible;pointer-events:auto; }
}



/* 230424 추가 CSS */
/* page-certificate */
.page-certificate .certificate-list{ margin-top:10px;display:flex;flex-wrap:wrap;align-content:center;align-items:center;margin-left:-20px;margin-right:-20px; }
.page-certificate .certificate-list .certi-item{ padding:0 20px;margin:30px 0;width:33.33%; }
@media (max-width:991px){
	.page-certificate .certificate-list .certi-item{ width:50%; }
}
@media (max-width: 575px) {
	.page-certificate .certificate-list{ margin-left:-15px;margin-right:-15px; }
	.page-certificate .certificate-list .certi-item{ margin:20px 0;padding:0 15px; }
}



/* 230906 추가 CSS */
/* page-current */
.page-current .current-list{ margin-top:10px;display:flex;flex-wrap:wrap;align-content:center;align-items:center;margin-left:-20px;margin-right:-20px; }
.page-current .current-list .certi-item{ padding:0 20px;margin:30px 0;width:50.00%; }
@media (max-width:991px){
	.page-current .current-list .certi-item{ width:50%; }
}
@media (max-width: 575px) {
	.page-current .current-list{ margin-left:-15px;margin-right:-15px; }
	.page-current .current-list .certi-item{ margin:20px 0;padding:0 15px; }
}




/* page-performance-new */
.page-performance-new .perfo-table{ width:100%; } 
.page-performance-new .perfo-table .table-item{ display:table;vertical-align:middle;width:100%; }
.page-performance-new .perfo-table .table-item > *{ display:table-cell;text-align:center;vertical-align:middle;padding:8px 15px; }
.page-performance-new .perfo-table .table-item,
.page-performance-new .perfo-table .table-item > *{ height:auto;min-height:64px;line-height:1.3; }
.page-performance-new .perfo-table .table-item .num{ width:8%; }
.page-performance-new .perfo-table .table-item .year{ width:12%; }
.page-performance-new .perfo-table .table-item .title{ width:34%; }
.page-performance-new .perfo-table .table-item .client{ width:34%; }
.page-performance-new .perfo-table .table-item .area{ width:12%;border-right:none; }
.page-performance-new .table-board.perfo-table .table-item:not(.table-header):hover{ background:transparent; }
@media (max-width:1199px){
	.page-performance-new .perfo-table .table-item > *{ padding:8px 10px; }
}
@media (max-width:991px){
	.page-performance-new .perfo-table .table-item:nth-child(2) {border-top: 1px solid #000;}
	.page-performance-new .perfo-table .table-item{ display:flex;flex-wrap:wrap;padding: 30px 20px; }
	.page-performance-new .perfo-table .table-item,
	.page-performance-new .perfo-table .table-item > *{ min-height:auto; } 
	.page-performance-new .perfo-table .table-item > *{ position:relative;text-align:left;padding:0;word-break:break-all !important; }
	.page-performance-new .perfo-table .table-header,
	.page-performance-new .perfo-table .table-item .num{ display:none; } 
	.page-performance-new .perfo-table .table-item .year{ width:auto;order:3; }
	.page-performance-new .perfo-table .table-item .title{ width:100%;order:1; }
	.page-performance-new .perfo-table .table-item .client{ width:100%;order:2; }
	.page-performance-new .perfo-table .table-item .area{ width:auto;order:4; }
	.page-performance-new .perfo-table .table-item .title,
	.page-performance-new .perfo-table .table-item .client{ font-size:18px;margin-bottom:14px;padding-left:60px;line-height:1.5; }
	.page-performance-new .perfo-table .table-item .title:before,
	.page-performance-new .perfo-table .table-item .client:before{ content:attr(data-title);position:absolute;display:block;left:0;top:0;font-size:18px;color:#201c70; }
	.page-performance-new .perfo-table .table-item .year{ margin-right:14px; }
	.page-performance-new .perfo-table .table-item .year,
	.page-performance-new .perfo-table .table-item .area{ font-size:16px;color:#888; }
}
@media (max-width:575px){
	.page-performance-new .perfo-table .table-item .title,
	.page-performance-new .perfo-table .table-item .client{ margin-bottom:10px; }
	.page-performance-new .perfo-table .table-item .year,
	.page-performance-new .perfo-table .table-item .area{ font-size:14px; }
}
@media (max-width:480px){
	.page-performance-new .perfo-table .table-item{ padding:25px 15px; }
	.page-performance-new .perfo-table .table-item .title,
	.page-performance-new .perfo-table .table-item .client{ padding-left:0; }
	.page-performance-new .perfo-table .table-item .title:before,
	.page-performance-new .perfo-table .table-item .client:before{ position:relative;margin-bottom:0px;font-size:16px; }
}

/* page-patent */
.page-patent .perfo-table{ width:100%; } 
.page-patent .perfo-table .table-item{ display:table;vertical-align:middle;width:100%; }
.page-patent .perfo-table .table-item > *{ display:table-cell;text-align:center;vertical-align:middle;padding:8px 15px; }
.page-patent .perfo-table .table-item,
.page-patent .perfo-table .table-item > *{ height:auto;min-height:64px;line-height:1.3; }
.page-patent .perfo-table .table-item .num{ width:8%; }
.page-patent .perfo-table .table-item .year{ width:12%; }
.page-patent .perfo-table .table-item .title{ width:20%; }
.page-patent .perfo-table .table-item .client{ width:20%; }
.page-patent .perfo-table .table-item .area{ width:52%;border-right:none;text-align:left; }
.page-patent .table-board.perfo-table .table-item:not(.table-header):hover{ background:transparent; }
@media (max-width:1199px){
	.page-patent .perfo-table .table-item > *{ padding:8px 10px; }
}
@media (max-width:991px){
	.page-patent .perfo-table .table-item:nth-child(2) {border-top: 1px solid #000;}
	.page-patent .perfo-table .table-item{ display:flex;flex-wrap:wrap;padding: 30px 20px; }
	.page-patent .perfo-table .table-item,
	.page-patent .perfo-table .table-item > *{ min-height:auto; } 
	.page-patent .perfo-table .table-item > *{ position:relative;text-align:left;padding:0;word-break:break-all !important; }
	.page-patent .perfo-table .table-header,
	.page-patent .perfo-table .table-item .num{ display:none; } 
	.page-patent .perfo-table .table-item .year{ width:auto;order:3; }
	.page-patent .perfo-table .table-item .title{ width:100%;order:1; }
	.page-patent .perfo-table .table-item .client{ width:100%;order:2; }
	.page-patent .perfo-table .table-item .area{ width:auto;order:4; }
	.page-patent .perfo-table .table-item .title,
	.page-patent .perfo-table .table-item .client{ font-size:18px;margin-bottom:14px;padding-left:60px;line-height:1.5; }
	.page-patent .perfo-table .table-item .title:before,
	.page-patent .perfo-table .table-item .client:before{ content:attr(data-title);position:absolute;display:block;left:0;top:0;font-size:18px;color:#201c70; }
	.page-patent .perfo-table .table-item .year{ margin-right:14px; }
	.page-patent .perfo-table .table-item .year,
	.page-patent .perfo-table .table-item .area{ font-size:16px;color:#888; }
}
@media (max-width:575px){
	.page-patent .perfo-table .table-item .title,
	.page-patent .perfo-table .table-item .client{ margin-bottom:10px; }
	.page-patent .perfo-table .table-item .year,
	.page-patent .perfo-table .table-item .area{ font-size:14px; }
}
@media (max-width:480px){
	.page-patent .perfo-table .table-item{ padding:25px 15px; }
	.page-patent .perfo-table .table-item .title,
	.page-patent .perfo-table .table-item .client{ padding-left:0; }
	.page-patent .perfo-table .table-item .title:before,
	.page-patent .perfo-table .table-item .client:before{ position:relative;margin-bottom:0px;font-size:16px; }
}



/* 230621 수정 CSS -SH */
.main-visual_new .rs-parallaxlevel-3{ font-size:44px !important;line-height:1.2 !important;transform:unset !important; }
.main-visual_new .rs-parallaxlevel-3 span{ position:relative;color:#49b3ff;font-size:inherit !important; }
.main-visual_new .tp-bullet,
.main-visual_new .tparrows,
.main-visual_new .rs-parallaxlevel-3 .m{ display:none; }
.main-visual_new .btn_list{ display:flex;flex-wrap:wrap;align-content:center;align-items:center;width:445px; }
.main-visual_new .btn_list li:not(:last-child){ margin-right:20px; }
@media (min-width:1200px) and (max-width:1599px){
	.main-visual_new .rs-parallaxlevel-3{ text-align:left !important; }
}
@media (min-width:992px) and (max-width:1199px){
	/* .main-visual_new .rs-parallaxlevel-3{ font-size:52px !important; } */
	.main-visual_new .btn_list{ width:420px; }
	.main-visual_new .btn_list a{ font-size:18px !important;line-height:1.1 !important;padding:0 !important;width:200px;height:54px;display:flex;flex-wrap:wrap;
		align-content:center;align-items:center;justify-content:center; }
}
@media (max-width:991px){
	.main-visual_new .rs-parallaxlevel-3{ font-size:40px !important; }
	.main-visual_new .btn_list{ width:420px;margin-top:100px; }
	.main-visual_new .btn_list a{ font-size:18px !important;line-height:1.1 !important;padding:0 !important;width:200px;height:54px;display:flex;flex-wrap:wrap;
		align-content:center;align-items:center;justify-content:center; }
}
@media (max-width:767px){
	.main-visual_new .tp-revslider-slidesli > div:nth-child(2),
	.main-visual_new .tp-revslider-slidesli > div:nth-child(3){ left:60px !important; }
	.main-visual_new .tp-revslider-slidesli > div:nth-child(2){ top:110px !important; }
	.main-visual_new .tp-revslider-slidesli > div:nth-child(3){ top:300px !important; }
	.main-visual_new .rs-parallaxlevel-3{ width:450px;white-space:unset !important;line-height:1.3 !important;text-align:left !important; }
	.main-visual_new .btn_list{ width:380px;margin-top:0; }
	.main-visual_new .btn_list a{ font-size:17px !important;width:180px;height:50px; }
}
@media (max-width:575px){
	.main-visual_new .tp-revslider-slidesli > div:nth-child(2),
	.main-visual_new .tp-revslider-slidesli > div:nth-child(3){ left:15px !important; }
	.main-visual_new .tp-revslider-slidesli > div:nth-child(3){ top:270px !important; }
	.main-visual_new .rs-parallaxlevel-3{ width:380px;font-size:34px !important; }
	.main-visual_new .rs-parallaxlevel-3 .m{ display:block; }
	.main-visual_new .btn_list{ width:340px; }
	.main-visual_new .btn_list a{ font-size:16px !important;width:160px;height:48px; }
}
@media (max-width:480px){
	.main-visual_new .rs-parallaxlevel-3{ width:360px !important;font-size:32px !important; }
}
@media (max-width:380px){	
	.main-visual_new .tp-revslider-slidesli > div:nth-child(3){ top:250px !important; }
	.main-visual_new .rs-parallaxlevel-3{ width:320px !important;font-size:28px !important; }
	.main-visual_new .btn_list{ width:290px; }
	.main-visual_new .btn_list a{ font-size:15px !important;width:140px;height:44px; }
}
@media (max-width:340px){	
	.main-visual_new .rs-parallaxlevel-3{ width:290px !important;font-size:26px !important; }
}


/*20241217 버튼수정*/
.main-visual_new .btn_list.second { /*display: inline; float: right;*/ justify-content: flex-end; padding: 20px 0 0 0 !important; margin-left: -5px !important;}
[class*="btn"].btn-style-10{background:#062085; padding: 14px 33px 18px !important; }
[class*="btn"].btn-style-10:hover{background:#001258;}

@media (max-width:767px){
.main-visual_new .btn_list.second {padding: 13px 0 0 0 !important;}
}
@media (max-width:575px){
.main-visual_new .btn_list.second { margin-left: -12px !important;}
}
@media (max-width:480px){

.main-visual_new .btn_list.second{ padding: 10px 0 0 0 !important; margin-left: -12px !important;}
}
@media (max-width:380px){	
.main-visual_new .btn_list.second { padding: 7px 0 0 0 !important; margin-left: -3px !important;}

}
@media (max-width:340px){	
.main-visual_new .btn_list.second { margin-left: -5px !important;}
}

/* =========================================================
 * [SEO] 견적창 h1 → div.quick-title 변경에 따른 스타일 유지
 * (기존 h1에 걸려 있던 스타일을 그대로 옮김 / 2026-10)
 * ========================================================= */
.quick-title{
	font-family:'Noto Sans KR', sans-serif;
	color:#2a2c32;
	font-size:52px;
	line-height:1.3;
	font-weight:normal;
	letter-spacing:-2px;
	word-break:keep-all !important;
	-webkit-text-size-adjust:none;
}
.quick-title:not(:last-child){ margin-bottom:25px; }
.quick-pop .quick-title{
	font-size:25px;
	line-height:1.1;
	margin:0;
	font-weight:600;
}
@media (max-width:1199px){
	.quick-popup .popup-common .title-bx .quick-title{ color:#222; }
}
.popup-common .title-bx .quick-title{
	color:#fff;
	font-weight:500;
	font-size:27px;
}
@media (max-width:991px){ .popup-common .title-bx .quick-title{ font-size:24px; } }
@media (max-width:767px){ .popup-common .title-bx .quick-title{ font-size:22px; } }
@media (max-width:480px){ .popup-common .title-bx .quick-title{ font-size:20px; } }
@media (min-width:1024px){
	.quick-pop.quick-new .pc .quick-title{ color:#fff;margin-bottom:5px; }
}
@media (min-width:1024px) and (max-width:1199px){
	.quick-pop.quick-new .pc .quick-title{ display:none; }
}

/* [SEO] 서브페이지 상단 제목 h2 → h1 변경, 기존 크기(42px) 유지 */
@media (min-width:768px){
	.breadcrumbs-wrap h1.page-title{ font-size:42px; }
}

/* [SEO] 메인 ABOUT COMPANY 제목 h3 → h1 변경, 기존 h3 모양 유지 */
.main-company .title-bx .main-title{
	font-size:36px;
	font-weight:500;
	color:#111;
	line-height:1.3;
	letter-spacing:-2px;
}
.main-company .title-bx .main-title:not(:last-child){ margin-bottom:20px; }

/* =========================================================
 * [SEO·AEO] 2026-10 추가
 * ========================================================= */
/* 화면에는 숨기고 검색엔진·스크린리더에만 노출 */
.sr-only{ position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

/* 섹션 제목 h3 → h2 변경, 기존 h3 모양 유지 */
h2.sec-title{ font-size:36px;font-weight:500;color:#111;line-height:1.3;letter-spacing:-2px; }
h2.sec-title:not(:last-child){ margin-bottom:20px; }
@media (max-width:991px){ h2.sec-title{ font-size:32px; } }
@media (max-width:768px){ h2.sec-title{ font-size:28px; } }
@media (max-width:480px){ h2.sec-title{ font-size:26px; } }
@media all and (min-width:769px) and (max-width:991px){ .page-company h2.sec-title{ width:540px; } }

/* 실적현황 목록 div → table 변경, 기존 모양 유지 */
.page-performance-new table.perfo-table,
.page-performance-new .perfo-table thead,
.page-performance-new .perfo-table tbody{ display:block;width:100%; }
.page-performance-new .perfo-table .table-item{ border-collapse:separate;border-spacing:0; }
.page-performance-new .perfo-table th{ font-weight:500;font-size:18px;color:#2a2c32; }
@media all and (min-width:769px) and (max-width:991px){ .page-performance-new .perfo-table th{ font-size:16px; } }
@media (max-width:991px){
	.page-performance-new .perfo-table tbody .table-item:nth-child(2){ border-top:none; }
	.page-performance-new .perfo-table tbody .table-item:first-child{ border-top:1px solid #000; }
}

/* 페이지 상단 소개 + 질문형 소제목 */
.seo-intro{ padding:60px 0 70px; }
.seo-intro-lead{ font-size:18px;line-height:1.7;color:#333;margin-bottom:30px; }
.seo-qa{ display:flex;flex-wrap:wrap;margin:0 -12px; }
.seo-qa-item{ width:33.333%;padding:0 12px;margin-bottom:24px; }
.seo-qa-q{ font-size:20px;font-weight:600;color:#111;line-height:1.4;letter-spacing:-0.5px;margin-bottom:10px !important;padding-left:28px;position:relative; }
.seo-qa-q:before{ content:"Q";position:absolute;left:0;top:0;color:#005aa9;font-weight:700; }
.seo-qa-a{ font-size:15px !important;line-height:1.7;color:#555;margin:0; }
.seo-steps-title{ font-size:20px;font-weight:600;color:#111;letter-spacing:-0.5px;margin:10px 0 14px !important; }
.seo-steps{ display:flex;flex-wrap:wrap;counter-reset:step;margin:0 -8px 20px 0;padding:0; }
.seo-steps li{ counter-increment:step;list-style:none;flex:1 1 0;min-width:140px;margin:0 8px 8px 0;padding:14px 16px;background:#f8f9fa;border-top:2px solid #005aa9;font-size:15px;line-height:1.5;color:#333; }
.seo-steps li:before{ content:counter(step,decimal-leading-zero);display:block;font-weight:700;color:#005aa9;margin-bottom:4px; }
@media (max-width:991px){ .seo-qa-item{ width:100%; } }
@media (max-width:768px){
	.seo-intro{ padding:40px 0 50px; }
	.seo-intro-lead{ font-size:16px; }
	.seo-qa-q,.seo-steps-title{ font-size:18px; }
	.seo-steps li{ flex:1 1 100%;margin-right:8px; }
}

/* 자주 묻는 질문 */
.seo-faq{ border-top:1px solid #000;margin-top:20px; }
.seo-faq-item{ border-bottom:1px solid #e5e5e5; }
.seo-faq-item summary{ list-style:none;cursor:pointer;padding:22px 50px 22px 20px;position:relative; }
.seo-faq-item summary::-webkit-details-marker{ display:none; }
.seo-faq-item summary:after{ content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:#005aa9; }
.seo-faq-item[open] summary:after{ content:"−"; }
.seo-faq-q{ display:inline;font-size:18px;font-weight:600;color:#111;letter-spacing:-0.5px;margin:0 !important; }
.seo-faq-q:before{ content:"Q. ";color:#005aa9; }
.seo-faq-a{ padding:0 20px 24px;background:#fff; }
.seo-faq-a p{ font-size:16px;line-height:1.7;color:#555;margin:0; }
.seo-faq-empty{ padding:40px 0;text-align:center;color:#888; }
.seo-faq-cta{ margin-top:30px; }

/* [AEO] 기존 요소를 목록 태그(ul/ol/li)로 바꾼 곳 — 기존 모양 유지용 */
ol.row, ul.row, ol.timeline-body, ul.seo-qa, ol.seo-qa{ list-style:none; padding-left:0; margin-top:0; margin-bottom:0; }
ol.row > li, ul.row > li, ol.timeline-body > li, .seo-qa > li{ list-style:none; }
@media all and (min-width:769px) and (max-width:991px){
	.main-company .features-area .row > li:not(:last-child){ margin-bottom:60px; }
	.main-project .row > li{ width:50%; }
	.main-project .row > li:nth-child(1),
	.main-project .row > li:nth-child(2){ margin-bottom:30px; }
}
@media (max-width:768px){
	.main-company .features-area .row > li:not(:last-child){ margin-bottom:40px; }
	.main-project .features-area .row > li:not(:last-child){ margin-bottom:40px; }
}
@media (max-width:991px){
	.page-company .img-wrap > li:not(:last-child){ margin-bottom:30px; }
}
@media (max-width:480px){
	.page-company .img-wrap > li:not(:last-child){ margin-bottom:15px; }
}

/* [AEO] 작성자 · 수정일 · 출처 (본문 끝 작은 글씨) */
.seo-meta-line{ font-size:13px !important;line-height:1.7;color:#999;margin:24px 0 0 !important;word-break:keep-all; }
.seo-meta-line a{ color:#888;text-decoration:underline; }
.seo-meta-line a:hover{ color:#005aa9; }
.seo-meta-line cite{ font-style:normal; }
.seo-meta-sep{ margin:0 6px;color:#ccc; }
.seo-meta-wrap{ padding-top:10px;padding-bottom:30px; }