@charset "utf-8";

@import "fonts.css";

/* linkStyle */
a{color:#222; text-decoration:none;}
a:link,
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#222; text-decoration:none;}

/* blind */
.blind, .skip, legend, caption, .hidden{position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
caption{position:static;}

/*팝업*/
#hd_pop{max-width:1400px; width:inherit;}

/* 공통 */
#wrap{overflow:hidden; position:relative;}
#wrap img{max-width:100%;}
.cfixed:after{display:block; content:""; clear:both;}
.table{display:table; width:100%; height:100%; text-align:center;}
.table_cell{display:table-cell; vertical-align:middle;}
.pc{display:block;}
.mobile{display:none;}
.sc_inner{max-width:1200px; margin:0 auto;}
.ms{padding:150px 0;}
.ms_title{margin-bottom:70px;}
.ms_title::after{content:""; display:block; clear:both;}
.ms_title h2{font-size:5.0rem; font-weight:700; text-transform:uppercase;}

/* header */
.headerWrap{width:100%; height:110px; position: fixed; top:0; z-index:999; background:#fff;
border-bottom: 1px solid #e1e1e1;
}
.headerWrap * {z-index: 1;}

#header{margin:0 auto; position:relative; height:110px; z-index:9999;}
#header::after{content:""; display:block; clear:both;}

#header .logo{position:absolute; top:36.5px; left:7vw;}

.logo .on{display:none;}
.logo .white-logo{
	display: none;
	max-width: 271px;
}

#menu {z-index:9999; text-align:center;}
.main1{display:inline-block; padding-left: 50px;}
.main1>li {float:left; line-height:110px; text-align:center; position:relative; z-index:9999; }
.main1>li:hover .main2 {left:0;}
.main1>li a {display:block; font-size:1.8rem; font-weight:500; text-align:center; color: rgb(34, 34, 34); padding:0 15px;
transition: color 0.3s ease-in-out;
}
#wrap .headerWrap .main1>li a:hover {color:rgb(32, 89, 166) !important;}

.main2 {position:absolute; top:110px; left:-9999px; background:rgba(0,0,0,0.3); width:160px; padding:10px 0 10px 0;}
.main2>li {position:relative; text-align:left; padding-left:15px; line-height:35px;}
.main2>li:last-child {border-bottom:0;}
.main2>li a{margin:0 10px; font-size:1.6rem; text-align:left; font-weight:400;}

.hd_link{position:absolute; right:7vw; top:33px;
display: flex;
align-items: center;
justify-content: end;
gap: 10px;
}
.hd_link a{
	width:166px;
	height:44px;
	line-height:41px;
	border-radius: 9999px;
	font-size:1.6rem;
	text-align: center;
	position:relative;
	display:block;
	letter-spacing: -0.48px;
}
.hd_link .quick-contact{
	border:2px solid #fff;
	color:#fff;
	font-weight:bold;
	background-color: rgb(32, 89, 166);
}
.hd_link .cmif-download{
	border: solid 2px rgb(32, 89, 166);
	color: rgb(32, 89, 166);
	font-weight: normal;
	background: #fff;
}


.hd_link .quick-contact:hover,
.hd_link .cmif-download:hover
{
	background:#000; border:2px solid #000; color: #fff;
}


.hd_link a::before{width:12px; height:19px; content:""; display:block; position:absolute; top:15px; right:15px; background:url(/img/hd_link_arrow.png);
display: none;
}

#masthead {}
#masthead.is-active {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); padding: 60px 0 60px 0; position:absolute; width:100%; background:#fff; border-top:1px solid #e8e8e8; margin-top:-1px; top:110px; display:none;}
#masthead:after {content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: opacity 0.3s ease;}
#masthead.is-active:after {opacity: 1;}
.hamburger {position:absolute; top:40px; right:0; background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; float: left; font: inherit;  overflow: visible; outline: none; padding: 0; text-transform: none; transition: opacity 0.15s; -webkit-appearance: none; display:none;}
.hamburger:hover {opacity: 0.7;}
.hamburger-box {width: 30px; height: 30px; display: inline-block; position: relative;}
.hamburger-inner {display: block; top: 50%; margin-top: -2px;}
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {width: 34px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: -webkit-transform;  transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease;}
.hamburger-inner::before{width:40px;}
.hamburger-inner::after{width:23px;}

#masthead.is-active .hamburger-inner, 
#masthead.is-active .hamburger-inner::before, 
#masthead.is-active .hamburger-inner::after {background-color: #000;}
.hamburger-inner::before, 
.hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -11px;}
.hamburger-inner::after {bottom: -11px;}

.hamburger--boring .hamburger-inner, 
.hamburger--boring .hamburger-inner::before, 
.hamburger--boring .hamburger-inner::after {transition-property: none;}

.hamburger--boring.is-active .hamburger-inner {-webkit-transform: rotate(45deg); transform: rotate(45deg); background:#222; width:34px; height:4px;}
.hamburger--boring.is-active .hamburger-inner::before {top: 0; opacity: 0; background:#222; width:34px; height:4px;}
.hamburger--boring.is-active .hamburger-inner::after {bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background:#222; width:34px; height:4px;}
.hamburger-box{display: inline-block; vertical-align: middle;}
#site-nav {clear: both; display: flex; /*flex-direction: column;*/ flex-direction: row; height: 0; overflow: hidden; max-width:1000px; margin:0 auto;}
#site-nav.is-active {height: auto; overflow: visible;}
#site-nav ul {list-style-type: none; margin-top: 15px;}
#site-nav h2{font-size:1.8rem;}
#site-nav li {margin-bottom: 8px;}
#site-nav li a{font-size:1.5rem; color: #b4b9ba; text-decoration: none; transition: color 0.3s ease;}
#site-nav li a:hover,
#site-nav li a:focus {color: #686d6e;}
#masthead .col {opacity: 0;}
#masthead.is-active .col {transform: translateY(40px); transition: opacity 0.3s ease; animation: fade-in-stagger 0.8s ease forwards; width:25%;}
#masthead.is-active .col:nth-child(1) {-webkit-animation-delay: 0;}
#masthead.is-active .col:nth-child(2) {-webkit-animation-delay: 0.1s;}
#masthead.is-active .col:nth-child(3) {-webkit-animation-delay: 0.2s;}
#masthead.is-active .col:nth-child(4) {-webkit-animation-delay: 0.3s;}
#masthead.is-active .col:nth-child(5) {-webkit-animation-delay: 0.4s;}
#masthead.is-active .col:nth-child(6) {-webkit-animation-delay: 0.5s;}
#masthead.is-active .col:nth-child(7) {-webkit-animation-delay: 0.6s;}
#masthead.is-active .col:nth-child(8) {-webkit-animation-delay: 0.7s;}
#masthead.is-active .col:nth-child(9) {-webkit-animation-delay: 0.8s;}

@keyframes fade-in-stagger {
  to {
    opacity: 1;
    transform: translateY(0); 
  }
}

.headerWrap.is-active #header{border-bottom:1px solid rgba(0,0,0,0.1);}
.headerWrap.is-active .logo .on{display:block;}
.headerWrap.is-active .logo .off{display:none;}
.headerWrap.is-active .main2{display:none;}

/* main_visual */
#main_visual {position: relative; height:100vh;}
#main_visual .bx-wrapper, #main_visual .bx-viewport, #main_visual .bxslider, #main_visual .slider {height: 100%!important;}
#main_visual .bx-wrapper img {display: inline;}
#main_visual .bx-wrapper .bx-controls-direction a {display:block; width:51px; height:99px; text-indent:-999999px; position:absolute; top:50%; margin-top:-25px; z-index:9999;}
#main_visual .bx-wrapper .bx-prev {left: 50%; margin-left: -816px; background: url("/img/btn_prev.png") no-repeat left top;}
#main_visual .bx-wrapper .bx-next {right:50%; margin-right: -816px; background: url("/img/btn_next.png") no-repeat left top;}
#main_visual .bx-pager {position:absolute; bottom:100px; z-index:99;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager{max-width:1200px; text-align:left; left:50%; margin-left:-600px;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager div{display:inline-block;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {display:block; width: 100px; height: 3px; box-sizing:border-box; text-indent:-999999px; background:#fff; opacity:0.3;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus, #main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff; opacity:1;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff; opacity:1;}
#main_visual .slider01 {background: url("/img/visual01.jpg") no-repeat center center; background-size: cover;}
#main_visual .slider02 {background: url("/img/visual02.jpg") no-repeat center center; background-size: cover;}
#main_visual .slider03 {background: url("/img/visual03.jpg") no-repeat center center; background-size: cover;}
#main_visual .visual_text{text-align:left; position:relative; color:#fff; text-transform:uppercase; max-width:1200px; margin:0 auto;}
#main_visual .visual_text .txt1{font-size:5.5rem; font-weight:700; margin-bottom:50px;}
#main_visual .visual_text .txt2{font-size:3.5rem;}

/*제이컴퍼니*/
#j_com{background:url(/img/j_com_bg.jpg) center center; background-size:cover;}
#j_com li{float:left; max-width:387px; width:32%; margin-right:2%;}
#j_com li:last-child{margin-right:0;}
#j_com li div{background:#ffffff; padding:0 8% 30px 8%;}
#j_com li h3{font-size:2.7rem; font-weight:500; margin-bottom:8px; position:relative; padding-top:30px;} 
#j_com li h3::before{content:""; display:block; position:absolute; width:2px; height:26px; left:0; top:0; background:#00a4f0;}
#j_com li p{font-size:2.0rem;}

/*실시간 상담문의*/

#srolling{position: relative;overflow:hidden;width:100%;height:536px;}
#srolling div::after{content:""; display:block; clear:both;}
#srolling .ad_box{border:1px solid #dbdbdb; border-radius:8px; padding:0 5%;}
#srolling div p{float:left; height:66px; font-size:1.9rem; padding-top:19px;}
#srolling div p.ad_txt1{font-weight:700; color:#0b1431; margin-right:5px;}
#srolling div p.ad_txt2 .tt{margin-right:10px;}
#srolling div p.ad_txt3{float:right; font-size:1.8rem; color:#00a4f0; padding:2px 13px; border:1px solid #00a4f0; border-radius:30px; height:inherit; margin-top:17px;}
#srolling div p.ad_txt3.end{background:#00a4f0; color:#fff;}

.form_list li::after{content:""; display:block; clear:both;}
.form_list li{line-height:50px; margin-bottom:10px; font-size:1.8rem;}
.form_list li .f_tt{float:left; width:20%;}
.form_list li .f_dt{float:right; width:80%;}
/* .form_list li input[type=text],
.form_list li textarea{width:100%; border-radius:5px; padding:10px 5%;}
.form_list li input[type=text]{height:50px; font-size:1.4rem; color:#777777; background:#f8f8f8; border:none;} */
/* .form_list li textarea{height:110px; font-size:1.4rem; border:1px solid #dbdbdb; color:#777777;} */
.form_list li input[type=checkbox]{width:15px; height:15px;}
/* .form_list li.list4{margin-left:20%; padding:14px 0;} */
.form_list li.list4 p{float:left; width:33.333%; line-height:35px;}
.form_list li.list4 label{margin-left:3px;}
.form_list li.list5 .f_dt{height:110px;}
.form_list li.list6,
.form_list li.list7{margin-left:20%;}
.form_list li.list6{margin-bottom:10px;}
.form_list li.list6 *{display:block; float:left; height:30px; line-height:30px; margin-right:3px;}
.form_list li.list6 input{margin-top:9px;}
.form_list li.list6 p{font-size:1.6rem; line-height:28px;}
.form_list li.list6 p.layer{color:#777777; cursor:pointer;}
/* .form_list li.list7 button{width:100%; display:block; border-radius:5px; background:#0b1431; height:65px; border:none; color:#fff; font-size:2.2rem; text-align:left; position:relative; padding-left:30px;} */
/* .form_list li.list7 button::before{content:""; display:block; width:13px; height:22px; position:absolute; right:25px; top:22px; background:url(/img/list7_arrow.png);} */

#ad_list{display:none;}

.popup-wrap {display: none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.popup-wrap .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup-wrap .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50% !important; left: 50%; width: 716px; height:auto;  background-color:#fff; border: 0 none; z-index: 10; padding:40px 40px;}
.pop-layer .pop-container {position: relative; padding: 0;}
.pop-layer .close {position: absolute; right: 0; top: 0; border-top: 0 none;}
.pop-layer h2{font-size:2.0rem; margin-bottom:20px;}
.pop-layer .personal p{font-size:1.5rem; display:block;}

/*What We Do*/
#we_do{background:#00a4f0;}
#we_do h2{color:#fff; float:left;}
#we_do a{display:block; float:right;}
#we_do li{float:left; width:32%; margin-right:2%; margin-bottom:30px; height:280px;}
#we_do li:nth-child(3n){margin-right:0;}
#we_do li .off, #we_do li .on{width:100%; height:100%;}
#we_do li .off{display:block;}
#we_do li:hover .on{display:block;}
#we_do li:hover .off{display:none;}
#we_do li a{display:block; width:100%; height:100%; text-transform:uppercase;}
#we_do li .off{background:url(/img/we_do_bg1.jpg) center center; background-size:cover; border-radius:27px;}
#we_do li.list2 .off{background:url(/img/we_do_bg2.jpg) center center; background-size:cover;}
#we_do li.list3 .off{background:url(/img/we_do_bg3.jpg) center center; background-size:cover;}
#we_do li.list4 .off{background:url(/img/we_do_bg4.jpg) center center; background-size:cover;}
#we_do li.list5 .off{background:url(/img/we_do_bg5.jpg) center center; background-size:cover;}
#we_do li.list6 .off{background:url(/img/we_do_bg6.jpg) center center; background-size:cover;}
#we_do li .off h3{color:#fff; font-size:3.0rem; font-weight:700; padding:200px 0 0 10%;}
#we_do li .on{display:none; background:#fff; border-radius:27px; color:#222; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); text-align:center;}
#we_do li .on img{margin:45px 0 18px 0;}
#we_do li .on h3{font-size:2.5rem; font-weight:700; margin-bottom:10px;}
#we_do li .on p{font-size:2.0rem; color:#333333;}

/*하단*/
#footer{background:#494c51;}
#footer .link{border-bottom:1px solid #808286; padding:20px 0;}
#footer .link li{float:left; margin-right:50px;}
#footer .link li a{color:#fff; font-size:2.0rem; opacity:0.7; font-weight:300;}
#footer .link li:first-child a{font-weight:500; opacity:1;}
#footer .addr{padding:50px 0;}
#footer .addr .f_logo{float:left; width:20%;}
#footer .addr address{font-style:normal; float:left; width:70%; padding-left:5%;}
#footer .addr address span{display:block; font-size:1.8rem; color:#fff; font-weight:300; padding-bottom:2px;}
#footer .addr address .tt{font-weight:500; font-size:2.0rem; padding-bottom:8px;}
#footer .addr address span.copy{font-size:1.7rem; color:#cbcbcb; padding-top:10px; font-weight:100; text-transform:uppercase;}
#footer .addr address span a{color:#fff;}
#footer .addr span strong{font-weight:400;}

/*퀵메뉴*/
.quick_menu{position:fixed; right:20px; bottom:50px; z-index:9999; font-size:1.7rem; line-height:1.2; } 
.quick_menu .quick{width:110px; height:110px; border-radius:50%; text-align:center; background:#00a4f0 url(/img/quick_ico.png) center 20px no-repeat; padding-top:68px; cursor:pointer; color:#fff; border:1px solid #fff;} 
#btn_top{padding:8px 0; text-align:center; cursor:pointer; background:#007cf0; color:#fff;}

#consultation_box .csForm {position:fixed; right:-326px; bottom:0; width:326px; background:#fff; z-index:9999; box-sizing:border-box; letter-spacing:-0.06em; border-radius:15px 0 0 15px;}
#consultation_box .csForm .tit_wrap{position:relative; padding:15px 0; background:#ebebeb; border-radius:15px 0 0 0;}
#consultation_box .csForm .tit{font-size:2.8rem; font-weight:500; text-align:center;}
#consultation_box .csForm .cs_close{position:absolute; top:24px; right:3%; cursor:pointer;}
#consultation_box .csForm .info_wrap{width:250px; margin:0 auto; background:url(/img/csForm_ico.png) left 24px no-repeat; padding:20px 0 20px 60px;}
#consultation_box .csForm .info_wrap span{font-size:1.6rem;}
#consultation_box .csForm .info_wrap p{font-size:2.6rem; font-weight:700; line-height:1.2;}
.q_form_list{margin:0 8%;}
.q_form_list li{margin-bottom:5px;}
.q_form_list input[type=text],
.q_form_list textarea{width:100%; border:1px solid #d9d9d9; border-radius:5px; font-size:1.5rem; color:#777777; height:40px; line-height:40px; padding:10px 3%;}
.q_form_list textarea{height:70px; line-height:1.2;}
.q_form_list li.list3{padding:5px 3%;}
.q_form_list li.list3::after {content:""; display:block; clear:both;}
.q_form_list li.list3 p{float:left; width:50%; font-size:1.5rem; line-height:1.5;}
.q_form_list li.list3 p label{padding-left:2px;}
#consultation_box .f_agree{padding:0 8% 20px 8%; text-align:center;}
#consultation_box .f_agree::after{content:""; display:block; clear:both;}
#consultation_box .f_agree input,#consultation_box .f_agree p{display:block; float:left;}
#consultation_box .f_agree input{margin:5px 5px 0 0;}
#consultation_box .f_agree p{font-size:1.4rem;}
#consultation_box .f_agree p label{font-size:1.4rem; font-weight:400;}
#consultation_box .btn_submit{background:#fff;  border-radius:0 0 0 15px;}
#consultation_box .btn_submit button{width:84%; margin:0 8% 30px 8%; height:50px; font-size:2.0rem; color:#fff; background:#00a4f0; border:none; display:block; font-weight:500; border-radius:5px;}

.mo-hd-link{
	display: none;
}

@media(max-width:1870px){
	.main1>li a{
		padding: 0 15px;
	}
	.main1{
		padding-left: 0;
	}
	.hd_link{right:3%;}
	#header .logo{
		left: 3%;
	}
}

@media(max-width:1650px){
}



@media(max-width:1550px){
	.main1>li a{padding:0 6px; font-size:1.6rem;}
	#wrap h1.logo > a > img,
	#wrap h1.logo > a > img.white-logo
	{
		max-width: 200px !important;
	}
	#header .logo{
		top: 41.5px;
	}
	.main1{
		position: relative;
		left: -5%;
	}
}



@media screen and ( max-width:1400px ){
	.hd_link a{
		width: 140px;
	}
}

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

	/* header */
	#header{padding:0 3%;}
	.hamburger{right:3%;}
	
	/*공통*/
	.sc_inner{margin:0 3%;}

	/*메인*/
	#main_visual .visual_text{margin:0 3%; width:94%;}
	#main_visual .bx-wrapper .bx-pager.bx-default-pager{margin-left:0; left:3%; width:100%;}

	#j_com li div{min-height:200px;}

	#srolling div p{font-size:1.5rem; padding-top:22px;}
	#srolling div p.ad_txt3{font-size:1.5rem; margin-top:20px;}
	
}


/* Tablet CSS */ 
@media screen and ( max-width:1200px ){

	
	html{ /*공통 폰트 적용*/
	font-size: 8px;
	}

	/*공통*/
	.pc{display:none;}
	.mobile{display:block;}

	/* header */
	#menu{display:none;}
	#header .logo{width:100%;}
	#site-nav{flex-direction: column;}
	#site-nav ul{margin-top:10px;}
	#masthead.is-active{padding:150px 10% 30px 10%; display:block; top:0;}
	#masthead.is-active .col{width: 100%; margin-bottom: 20px;}
	#site-nav h2{font-size:2.4rem;}
	#site-nav li a{font-size:1.8rem;}
	.hamburger{display:block;}
	.hd_link{right:10%;}

	/*메인*/


	#j_com li div{min-height:170px;}


}

/* Mobile CSS */
@media screen and ( max-width:797px ){
	.hd_link{
		display: none;
	}
	.mo-hd-link{
		display: none;
		width: 100%;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
		padding-bottom: 30px;
	}
	.is-active .mo-hd-link{
		display: flex;
	}
	.mo-hd-link > li{
		width: calc(50% - 5px);
	}
	.mo-hd-link > li > a {
		display: block;
		width: 100%;
		height: 39px;
		line-height: 36px;
		font-size: 1.6rem;
		text-align: center;
		border-radius: 9999px;
	}
	.mo-hd-link > li > a.quick-contact{
		background: rgb(32,89,166);
		font-weight: bold;
		color: #fff;
		border: 1px solid #fff;
	}
	.mo-hd-link > li > a.cmif-download{
		border: 1px solid rgb(32,89,166);
		color: rgb(32,89,186);
		font-weight: bold;
		background: #fff;
	}


	/*공통*/
	.ms{padding:60px 0;}

	/*팝업*/
	#hd_pop{width:100%;}
	.hd_pops{top:90px !important; left:0 !important; width:90%; margin:0 5%;}
	.hd_pops_con{width:100% !important; height: auto !important;}

	/* header */
	.headerWrap{height:80px;}
	#header{height:80px;}
	#header .logo{top:28px;}
	#header .logo img{width:180px;}
	.hamburger{top:25px;}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,
	.hamburger--boring.is-active .hamburger-inner::after{width:30px; height:3px;}
	.hamburger--boring.is-active .hamburger-inner{width:30px; height:3px;}
	.hamburger-inner::before, 
	.hamburger-inner::after {width: 26px; height: 3px; border-radius: 3px;}
	.hamburger-inner::before{width:35px;}
	.hamburger-inner::after{width:19px;}
	#masthead.is-active{padding:120px 10% 30px 10%;}
	.hd_link{top:20px; right:15%;}
	.hd_link a{width:100px; height:40px; line-height:35px; font-size: 1.6rem;}
	.hd_link a::before{width:9px; height:14px; background:url(/img/hd_link_arrow.png) no-repeat; top:12px; right:10px; background-size:9px;}

	/*공통*/
	.ms_title{margin-bottom:30px;}
	.ms_title span{margin-bottom:10px;}
	.ms_title h2{font-size:3.5rem; line-height:1.2;}

	/*메인*/
	#main_visual .slider01 {background: url("/img/m_visual01.jpg") no-repeat center center; background-size: cover;}
	#main_visual .slider02 {background: url("/img/m_visual02.jpg") no-repeat center center; background-size: cover;}
	#main_visual .slider03 {background: url("/img/m_visual03.jpg") no-repeat center center; background-size: cover;}
	#main_visual .visual_text .txt1{font-size:3.4rem; margin-bottom:20px;}
	#main_visual .visual_text .txt2{font-size:2.0rem;}
	#main_visual .bx-wrapper .bx-pager.bx-default-pager a{width:50px;}
	#main_visual .bx-wrapper .bx-pager.bx-default-pager{bottom:80px;}

	#j_com li{width:100%; max-width:inherit; margin-right:0; margin-bottom:20px; position:relative;}
	#j_com li img{width:100%;}
	#j_com li div{min-height:inherit; position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.5); color:#fff; padding-bottom:25px;}

	#srolling .ad_box{padding:0 3%;}
	#srolling div p{padding-top:24px;

	}
	#srolling div p.ad_txt3{margin-top:22px;}



	.form_list li .f_tt{width:16%;}
	.form_list li .f_dt{width:84%;}
	.form_list li{line-height:40px;}
	/* .form_list li input[type=text]{height:40px;} */
	.form_list li.list4{padding:10px 0; margin-left:16%;}
	.form_list li.list6, .form_list li.list7{margin-left:16%;}
	.form_list li.list4 p{font-size:1.5rem;}
	.form_list li input[type=checkbox]{width:12px; height:12px;}
	.form_list li.list4 label{margin-left:0;}
	.pop-layer{width:90%; left:5% !important; margin-left: 0 !important; padding:40px 5%;}
	.pop-layer .close{top:-25px; right:-8px;}
	.pop-layer .close img{width:19px;}
	/* .form_list li.list7 button{height:50px;} */
	/* .form_list li.list7 button::before{width:8px; height:14px; background:url(/img/list7_arrow.png) no-repeat; background-size:8px; top:20px;} */
	.form_list li{font-size:1.7rem;}

	#we_do li{width:48.5%; margin-right:0; height:160px; margin-bottom:10px;}
	#we_do li:nth-child(2n){float:right;}
	#we_do li:hover .on{display:none;}
	#we_do li:hover .off{display:block;}
	#we_do li .off{border-radius:15px;}
	#we_do li .off h3{padding:115px 0 0 8%; font-size:2.5rem;}

	#footer .addr{padding:30px 0;}
	#footer .link{text-align:center; padding:15px 0;}
	#footer .link li{float:none; display:inline-block; margin-right:0; margin:0 15px;}
	#footer .link li a{font-size:1.8rem;}
	#footer .addr .f_logo{width:100%; text-align:center; margin-bottom:30px;}
	#footer .addr .f_logo img{width:120px;}
	#footer .addr address{width:100%; text-align:center;}
	
	/*퀵메뉴*/
	.quick_menu{right:10px; bottom:10px;}
	.quick_menu .quick{width:85px; height:85px; background:#00a4f0 url(/img/quick_ico.png) center 15px no-repeat; background-size:30px; padding-top:50px;} 
	.q_form_list li.list3 p{font-size:1.6rem;}
	#consultation_box .csForm .info_wrap{background:url(/img/csForm_ico.png) left 18px no-repeat; background-size:38px; padding:15px 0 15px 50px;}
	#consultation_box .csForm .cs_close{top:20px;}
	#consultation_box .csForm .cs_close img{width:17px;}
	.q_form_list input[type=text], .q_form_list textarea{padding:5px 3%;}
	.q_form_list input[type=text]{height:35px; line-height:35px;}
	.q_form_list input[type="checkbox"]{width:12px; height:12px;}
	.q_form_list textarea{height:50px;}
	#consultation_box .f_agree p{font-size:1.5rem;;}
	#consultation_box .f_agree p label{font-size:1.6rem;}
	#consultation_box .f_agree input{margin:4px 3px 0 0; width:12px; height:12px}
	#consultation_box .btn_submit button{height:45px;}
}

@media(max-width:360px){
	#srolling div p{padding-top:24px;
		max-width: 40%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;  /* 말줄임 적용 */
		}
}

/* main-new */

.main-wrap{
}
.main_inner{
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}
.main-wrap *{
	line-height: 1.3;
}
.main-sec{
	width: 100%;
	position: relative;
	padding: 140px 0;
}
.main-sec-titbox h3{
	font-size: 24px;
  font-weight: bold;
  color: rgb(32, 89, 166);
}
.main-sec-titbox h2{
	font-size: 45px;
  font-weight: 800;
  line-height: 1.33;
  letter-spacing: -1.35px;
  color: rgb(34, 34, 34);
	padding-top: 16px;
}
.main-sec-titbox p{
	font-size: 18px;
  font-weight: normal;
  line-height: 1.56;
  letter-spacing: -0.54px;
  color: rgb(34, 34, 34);
	padding-top: 24px;
}

@media(max-width:1500px){
	.main_inner{
		padding: 0 3%;
	}
}

@media(max-width:797px){
	.main-wrap{
	}
	.main-sec-titbox h3{
		font-size: 20px;
	}
	.main-sec-titbox h2{
		font-size: 24px;
		padding-top: 12px;
	}
	.main-sec-titbox p{
		font-size: 18px;
		padding-top: 16px;
	}
}

.main-banner{
	padding: 0;
}
.main-banner-swiper .swiper-slide1{
	background: url(../img/main-banner01.jpg);
}
.main-banner-swiper .swiper-slide2{
	background: url(../img/main-banner02.jpg);
}
.main-banner-swiper .swiper-slide3{
	background: url(../img/main-banner03.jpg);
}
.main-banner-swiper .swiper-slide{
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.main-banner-swiper .swiper-slide .txtbox{
	position: absolute;
	top: calc(50% + 30px);
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 100%;
}
.main-banner-swiper .swiper-slide .txtbox h2{
	font-size: 66px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: left;
  color: rgb(255, 255, 255);
	padding-bottom: 28px;
}
.main-banner-swiper .swiper-slide .txtbox p{
	font-size: 18px;
  font-weight: 500;
  line-height: 1.39;
  letter-spacing: -0.54px;
  text-align: left;
  color: rgb(255, 255, 255);
}
.main-banner{
	position: relative;
}
.main-banner-navigator{
	position: absolute;
	bottom: 90px;
	right: 20vw;
	z-index: 3;

	display: flex;
	align-items: center;
}
.main-banner-navigator .main-banner-paging-btn img{
	max-width: 42px !important;
	cursor: pointer;
}
.main-banner-navigator .main-banner-paging{
	margin: 0 50px;
	font-size: 14px;
  font-weight: bold;
  color: rgb(255, 255, 255);
}
.main-banner-navigator .main-banner-paging p{
	display: flex;
	gap: 4px;
	align-items: center;
}

.main-sec.sec02{
	background-color: rgb(237, 245, 255);
}
.main-sec.sec02 .main-sec-titbox{
	padding-bottom: 60px;
}
.main-sec.sec02 .con-line{
	display: flex;
	justify-content: space-between;
	gap: 25px;
	align-items: stretch;
}
.main-sec.sec02 .con-line > li{
	flex: 1;
	position: relative;
	border-radius: 50px;
  background-color: rgb(255, 255, 255);
	transition: all 0.3s ease-in-out;
}
.main-sec.sec02 .con-line > li a{
	padding: 80px 44px;
	display: block;
}
.main-sec.sec02 .con-line > li .conbox{
	width: 100%;
	height: auto;
}
.main-sec.sec02 .con-line > li .conbox .iconbox img{
	max-width: 90px !important;
}
.main-sec.sec02 .con-line > li .conbox .txtbox p{
	font-size: 22px;
  font-weight: normal;
  line-height: 1.45;
  letter-spacing: -0.66px;
  color: rgb(82, 82, 82);
	padding-top: 70px;
	transition: all 0.3s ease-in-out;
}
.main-sec.sec02 .con-line > li .conbox .txtbox h3{
	font-size: 34px;
  font-weight: bold;
  letter-spacing: -1.02px;
  text-align: left;
	color: rgb(32, 89, 166);
	padding-top: 5px;
	transition: all 0.3s ease-in-out;
}
.main-sec.sec02 .con-line > li .conbox .hover-iconbox{
	position: absolute;
	top: 40px;
	right: 40px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.main-sec.sec02 .con-line > li .conbox .hover-iconbox img{
	max-width: 66px !important;
}
.main-sec.sec02 .con-line > li:hover{
	background-color: rgb(54, 122, 214);
}
.main-sec.sec02 .con-line > li:hover .txtbox p,
.main-sec.sec02 .con-line > li:hover .txtbox h3
{
	color: #fff;
}
.main-sec.sec02 .con-line > li:hover .hover-iconbox{
	opacity: 1;
}
.main-sec.sec02 .main-sec-titbox{
	text-align: center;
}
.main-sec.sec03{
	background: url(../img/main-sec03-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-bottom: 290px;
	background-attachment: fixed;
}
.main-sec.sec03 .main-sec-titbox > div > p{
	padding-bottom: 65px;
}
.main-sec.sec03 .con-line{
	display: flex;
	justify-content: space-between;
	align-items: start;
} 
.main-sec.sec03 .con-line > .left{
	width: calc(100% - 740px);
}
.main-sec.sec03 .con-line > .right{
	width: 740px;
	position: relative;
	z-index: 4;
}
.main-sec.sec03 .con-line > .left .morebtn{
	display: block;
	width: 173px;
	height: auto;
	border-radius: 999px;
	padding: 18px 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background-color: rgb(32, 89, 166);
}
.main-sec.sec03 .con-line > .left .morebtn .txt{
	font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.42px;
  color: rgb(255, 255, 255);
}
.main-sec.sec03 .con-line > .left .morebtn .img img{
	max-width: 17px !important;
	vertical-align: top;
}
.main-sec.sec03 .con-line > .right .con-subline{
	display: flex;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
}
.main-sec.sec03 .con-line > .right .con-subline > li{
	width: calc(50% - 15px);
	position: relative;
	border-radius: 20px;
  background-color: rgb(255, 255, 255);
	overflow: hidden;
	cursor: pointer;
}
.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(2n){
	top: 190px;
}
.main-sec.sec03 .con-line > .right .con-subline .subcon-box{
	padding: 55px 44px;
}
.main-sec.sec03 .con-line > .right .con-subline > li .txtbox{
	padding-bottom: 120px;
	position: relative;
	z-index: 1;
}
.main-sec.sec03 .con-line > .right .con-subline > li .txtbox h3{
	font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.6px;
  text-align: left;
  color: rgb(32, 89, 166);
}
.main-sec.sec03 .con-line > .right .con-subline > li .txtbox h2{
	font-size: 32px;
  font-weight: 800;
  line-height: 1.34;
  letter-spacing: -0.96px;
  color: rgb(34, 34, 34);
	padding-top: 9px;
}
.main-sec.sec03 .con-line > .right .con-subline > li .txtbox p{
	font-size: 17px;
  font-weight: normal;
  line-height: 1.65;
  letter-spacing: -0.51px;
  text-align: left;
  color: rgb(136, 136, 136);
}
.main-sec.sec03 .con-line > .right .con-subline > li .more{
	position: relative;
	z-index: 1;
}
.main-sec.sec03 .con-line > .right .con-subline > li .more .right-morebtn{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 4px;
}
.main-sec.sec03 .con-line > .right .con-subline > li .more .right-morebtn .txt{
	font-size: 17px;
  font-weight: 600;
  line-height: 1.65;
  letter-spacing: -0.51px;
  text-align: left;
  color: rgb(173, 173, 173);
}
.main-sec.sec03 .con-line > .right .con-subline > li .more .right-morebtn .img img{
	max-width: 20px !important;
	vertical-align: top;
}
.main-sec.sec03 .con-line > .right .con-subline > li .hover-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 0;
}
.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(1) .hover-img{
	background: url(../img/main-sec03-hover01.jpg);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(2) .hover-img{
	background: url(../img/main-sec03-hover02.jpg);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(3) .hover-img{
	background: url(../img/main-sec03-hover03.jpg);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(4) .hover-img{
	background: url(../img/main-sec03-hover04.jpg);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(5) .hover-img{
	background: url(../img/main-sec03-hover05.jpg);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(6) .hover-img{
	background: url(../img/main-sec03-hover06.jpg);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-sec.sec03 .con-line > .right .con-subline > li .hover-img::before{
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.45);
}
.main-sec.sec03 .con-line > .right .con-subline > li:hover .hover-img{
	opacity: 1;
}
.main-sec.sec03 .con-line > .right .con-subline > li:hover *{
	color: #fff !important;
}
.main-sec.sec03 .con-line > .right .con-subline > li:hover .more .img .normal{
	display: none;
}
.main-sec.sec03 .con-line > .right .con-subline > li:hover .more .img .hover{
	display: block;
}

.main-sec.sec04 .customer-imgbox{
	max-width: 200px;
}
.main-sec.sec04 .main-sec-titbox{
	padding-bottom: 70px;
	text-align: center;
}
.main-sec.sec04 .customer-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.main-sec.sec05{
	background-color: rgb(240, 240, 240);
}
.main-sec.sec05 .left{float:left; width:47%;}
.main-sec.sec05 .right{float:right; width:47%;}
.main-sec.sec05 .main-sec-titbox{
	padding-bottom: 40px;
}
.main-sec.sec05 .left h3,
.main-sec.sec05 .right h3
{
	font-size: 32px;
  font-weight: 800;
  letter-spacing: -1.28px;
  color: rgb(17, 17, 17);
	padding-bottom: 36px;
}
.main-sec.sec05 .half-list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}
.main-sec.sec05 .half-list > div{
	width: calc(50% - 6px);
}
#srolling_area > div > div{
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}
#srolling div p.ad_txt1{
	color: #363636;
}
#srolling div p.ad_txt3{
	border: solid 1px rgb(198, 198, 198);
  background-color: rgb(255, 255, 255);
	width: 91px;
	text-align: center;
	color: rgb(136, 136, 136);
	padding: 6px 0;
	margin-top: 15.5px;
}
#srolling div p.ad_txt3.end{
	background-color: rgb(32, 89, 166);
	border: 1px solid rgb(32, 89, 166);
}
.form_list li .f_dt{
	width: 100%;
}
.form_list li.list4,
.form_list li.list6,
.form_list li.list7
{
	margin-left: 0;
}
.n-ipt{
	border-radius: 5px;
  border: solid 1px rgb(221, 221, 221);
  background-color: rgb(255, 255, 255);
	padding: 20px 30px;
	font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.54px;
  text-align: left;
  color: rgb(0, 0, 0);
	width: 100%;
}
.n-ipt::placeholder{
	color: rgb(175, 175, 175);
}
select.n-ipt{
	background: #fff url(../img/select-icon.png) no-repeat center right 30px;
	appearance : none;
	-webkit-appearance : none;
	-moz-appearance : none;
	cursor: pointer;
	color: rgb(175, 175, 175);
}
select.n-ipt.on{
	color: rgb(0, 0, 0);
}
textarea.n-ipt{
	resize: none;
	-webkit-resize : none;
	height: 210px;
	overflow-y: auto;
}
.main-check-box{
	position: relative;
	height: auto !important;
	top: 4px;
}

.main-check-box input{
	opacity: 0;
	position: absolute;
	top: 6px;
	left: 9px;
	height: 20px !important;
	margin-top: 0;
}
.main-check-box .label-circle{
	width: 20px;
	height: 20px !important;
	border-radius: 100%;
	position: relative;
	border: solid 1px rgb(217, 217, 217);
  background-color: rgb(255, 255, 255);
}
.main-check-box .label-circle img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	max-width: 10px !important;
	opacity: 0;
	height: auto !important;
}
.main-check-box input:checked + label img{
	opacity: 1;
}
.agr-txt{
	font-size: 16px !important;
  font-weight: normal !important;
  letter-spacing: -0.48px !important;
  text-align: left !important;
  color: rgb(136, 136, 136) !important;
	cursor: pointer;
}
.main-sec.sec05 .list7{
	text-align: right;
}
.main-sec.sec05 .list7 button{
	font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -0.54px;
	text-align: center;
  color: rgb(255, 255, 255);
	padding: 18px 10px;
	border-radius: 34.5px;
  background-color: rgb(32, 89, 166);
	width: 282px;
	outline: none;
	border: none;
}
.form_list li.list5{
	line-height: initial;
}
.form_list li.list5 .f_dt{
	height: auto !important;
}

.mo-br{
	display: none;
}
.main-sec.sec06{
	padding: 100px 0;
	background: url(../img/main-sec6-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-sec.sec06 .main-sec06-txtbox{
	text-align: center;
}
.main-sec.sec06 .main-sec06-txtbox h2{
	font-size: 42px;
	font-weight: 800;
	line-height: 1.43;
	letter-spacing: -0.84px;
	color: rgb(255, 255, 255);
	padding-bottom: 48px;
}
.main-sec.sec06 .main-sec06-txtbox .download-box{
	display: flex;
	justify-content: center;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a{
	width: 270px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 23px 30px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #fff;
  position: relative;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a .txt{
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.61;
  letter-spacing: -0.54px;
  text-align: left;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a .icon{

}
.main-sec.sec06 .main-sec06-txtbox .download-box a .icon img.hover{
	opacity: 0;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a .icon img{
  max-width: 16px !important;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a:hover{
	background: #fff;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a:hover .txt{
	background: linear-gradient(105deg, rgb(72, 204, 211) 23%, rgb(46, 118, 172) 67%);
	color: transparent;
	-webkit-background-clip: text;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a:hover .icon img.hover{
	opacity: 1;
}
.main-sec.sec06 .main-sec06-txtbox .download-box a:hover .icon img.normal{
	opacity: 0;
}


@media(min-width:1025px){
	.sec03.on .main-sec03-titbox{
		position: fixed;
		width: 100%;
		top: 200px;
		left: 0;
	}
}


@media(max-width:1200px){
	.main-sec.sec05 .left{margin-bottom:70px;}
	.main-sec.sec05 .left,#consulting .right{width:100%;}
	.main-sec.sec05 .right{
		width: 100%;
	}
}

@media(max-width:1024px){
	.sec03.on .main-sec03-titbox .main_inner{
		max-width: 100% !important;
		padding: 0 !important;
	}
	.main-sec{
		padding: 80px 0;
	}
	.main-banner-swiper .swiper-slide{
		height: 75vh;
	}
	.main-banner-swiper .swiper-slide .txtbox h2{
		font-size: 40px;
		padding-bottom: 16px;
	}
	.main-banner-navigator{
		position: absolute;
		bottom: 30px;
		right: 15px;
	}
	.main-banner-navigator .main-banner-paging-btn img{
		max-width: 30px !important;
	}
	.main-banner-navigator .main-banner-paging{
		margin: 0 20px;
	}

	.main-sec.sec02 .main-sec-titbox{
		padding-bottom: 30px;
	}
	.main-sec.sec02 .con-line{
		gap: 16px;
		flex-wrap: wrap;
	}
	.main-sec.sec02 .con-line > li{
		flex: none;
		width: 100%;
		border-radius: 20px;
	}
	.main-sec.sec02 .con-line > li a{
		padding: 30px 15px;
	}

	.main-sec.sec02 .con-line > li .conbox .iconbox img{
		max-width: 60px !important;
	}
	.main-sec.sec02 .con-line > li .conbox .txtbox p{
		font-size: 16px;
		padding-top: 30px;
		color: #fff;
	}
	.main-sec.sec02 .con-line > li .conbox .txtbox h3{
		font-size: 24px;
		padding-top: 6px;
		color: #fff;
	}
	.main-sec.sec02 .con-line > li .conbox .hover-iconbox{
		top: 15px;
		right: 15px;
	}
	.main-sec.sec02 .con-line > li .conbox .hover-iconbox img{
		max-width: 30px !important;
	}

	.main-sec.sec03{
		padding-bottom: 80px;
	}
	.main-sec.sec03 .main-sec-titbox > div > p{
		padding-bottom: 40px;
	}
	.main-sec.sec03 .con-line{
		flex-wrap: wrap;
	} 
	.main-sec.sec03 .con-line > .left{
		width: 100%;
		padding-bottom: 30px;
	}
	.main-sec.sec03 .con-line > .right{
		width: 100%;
	}
	.main-sec.sec03 .con-line > .left .morebtn{
		width: 150px;
		padding: 12px 6px;
	}
	.main-sec.sec03 .con-line > .left .morebtn .img img{
		max-width: 15px !important;
	}
	.main-sec.sec03 .con-line > .right .con-subline{
		gap: 15px;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li{
		width: 100%;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li:nth-child(2n){
		top: 0px;
	}
	.main-sec.sec03 .con-line > .right .con-subline .subcon-box{
		padding: 30px 15px;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .txtbox{
		padding-bottom: 60px;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .txtbox h3{
		font-size: 18px;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .txtbox h2{
		font-size: 24px;
		padding-top: 6px;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .txtbox p{
		font-size: 16px;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .more .right-morebtn .txt{
		font-size: 16px;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .more .right-morebtn .img img{
		max-width: 18px !important;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .hover-img::before{
		content: "";
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.45);
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .hover-img{
		opacity: 1;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li *{
		color: #fff !important;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .more .img .normal{
		display: none;
	}
	.main-sec.sec03 .con-line > .right .con-subline > li .more .img .hover{
		display: block;
	}

	.main-sec.sec05 .main-sec-titbox{
		padding-bottom: 30px;
	}
	.main-sec.sec05 .left h3,
	.main-sec.sec05 .right h3
	{
		font-size: 24px;
		padding-bottom: 20px;
	}
	.main-sec.sec05 .half-list{
		gap: 10px;
		width: 100%;
		margin-bottom: 10px;
	}
	.main-sec.sec05 .half-list > div{
		width: 100%;
	}


	.n-ipt{
		padding: 12px 15px;
		font-size: 16px;
	}
	select.n-ipt{
		background: #fff url(../img/select-icon.png) no-repeat center right 15px;
	}

	textarea.n-ipt{
		height: 150px;
	}

	.main-sec.sec05 .list7 button{
		padding: 15px 10px;
		border-radius: 999px;
		width: 200px;
	}
	.main-sec.sec05 .list7{
		text-align: left;
	}
	#srolling div p.ad_txt3{
		width: 60px;
	}

	.main-sec.sec02 .con-line > li{
		background-color: rgb(54, 122, 214);
	}
	.main-sec.sec02 .con-line > li .conbox .hover-iconbox{
		opacity: 1;
	}

  .main-sec.sec06{
    padding: 60px 0;
  }
  .main-sec.sec06 .main-sec06-txtbox h2{
    font-size: 24px;
    padding-bottom: 30px;
  }
  .main-sec.sec06 .main-sec06-txtbox .download-box a{
    width: 200px;
    padding: 15px 20px;
  }
  .main-sec.sec06 .main-sec06-txtbox .download-box a .txt{
    font-size: 16px;
  }
  .main-sec.sec06 .main-sec06-txtbox .download-box a .icon img{
    max-width: 14px !important;
  }
  
}    
@media(max-width:797px){
	.main-sec.sec05 .left{margin-bottom:50px;}
	.form_list li.list4{
		padding: 0;
	}
}
@media(max-width:767px){
	.main-sec{
		padding: 60px 0;
	}
	.main-sec.sec03{
		padding-bottom: 60px;
	}
	.main-banner-swiper .swiper-slide .txtbox h2{
		font-size: 28px;
	}
	.main-banner-swiper .swiper-slide .txtbox h2 br{
		display: none;
	}
	#srolling .ad_box .name{
		display: none;
	}
	.main-sec-titbox p br{
		display: none;
	}
	.mo-br{
		display: block;
	}
}

@media(max-width:350px){
  .main-sec.sec06 .main-sec06-txtbox h2{
    font-size: 22px;
    padding-bottom: 25px;
  }
  .main-sec.sec06 .main-sec06-txtbox .download-box a{
    width: 200px;
    padding: 12px 15px;
  }
  .main-sec.sec06 .main-sec06-txtbox .download-box a .txt{
    font-size: 15px;
  }
  .main-sec.sec06 .main-sec06-txtbox .download-box a .icon img{
    max-width: 13px !important;
  }
}


/* main-new */


/* foot-new */

.foot-wrap{
	background-color: rgb(46, 46, 46);
}
.foot-wrap .foot_inner{
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}
.foot-wrap .foot-top .con-line{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.foot-wrap .foot-top .con-line > .left{
	display: flex;
	align-items: center;
}
.foot-wrap .foot-top .con-line > .left .logoBox{
	margin-right: 54px;
}
.foot-wrap .foot-top .con-line > .left .logoBox img{
	max-width: 270px !important;
}
.foot-wrap .foot-top .con-line > .left .txtplink{
	margin-right: 24px;
}
.foot-wrap .foot-top .con-line > .left .txtplink:last-child{
	margin-right: 0;
}
.foot-wrap .foot-top .con-line > .left .txtplink a{
	font-size: 14px;
  font-weight: bold;
  color: rgb(255, 255, 255);
}
.foot-wrap .foot-top .con-line > .right img{
	max-width: 89px !important;
	cursor: pointer;
}
.foot-wrap .foot-bottom{
	border-top: 1px solid rgb(57, 57, 57);
	padding: 34px 0 64px;
}
.foot-wrap .foot-bottom .con-line{
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.foot-wrap .foot-bottom .con-line > .left p{
	font-size: 14px;
  font-weight: normal;
  color: rgb(153, 153, 153);
	padding-bottom:12px;
	letter-spacing: 0.3px;
}
.foot-wrap .foot-bottom .con-line > .left p span{
	margin-right: 12px;
}
.foot-wrap .foot-bottom .con-line > .left .cm-name{
	color: rgb(255,255,255);
	padding-bottom: 12px;
}
.foot-wrap .foot-bottom .con-line > .left .copyright{
	padding-top: 30px;
}
.foot-wrap .foot-bottom .con-line > .right h3{
	font-size: 15px;
  font-weight: bold;
  text-align: left;
  color: rgb(255, 255, 255);
}
.foot-wrap .foot-bottom .con-line > .right h2{
	font-size: 37px;
  font-weight: bold;
  text-align: left;
  color: rgb(255, 255, 255);
	padding-bottom: 5px;
}
.foot-wrap .foot-bottom .con-line > .right p{
	font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: rgb(136, 136, 136);
  letter-spacing: 0.3px;
}
.foot-wrap .foot-bottom .con-line .copyright{
	font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: rgb(136, 136, 136);
}
.copyright.mobile{
	display: none;
}
@media(max-width:1024px){
	.copyright.mobile{
		display: block;
		padding-top: 12px;
	}
	.copyright.pc{
		display: none;
	}
	.foot-wrap .foot_inner{
		padding: 0 3%;
	}
	.foot-wrap .foot-top .con-line{
		flex-wrap: wrap;
	}
	.foot-wrap .foot-top .con-line > .left{
		flex-wrap: wrap;
		width: 100%;
	}
	.foot-wrap .foot-top .con-line > .left .logoBox{
		margin-right: 0px;
		width: 100%;
		padding-bottom: 15px;
	}
	.foot-wrap .foot-top .con-line > .left .logoBox img{
		max-width: 200px !important;
	}
	.foot-wrap .foot-top .con-line > .left .txtplink{
		margin-right: 12px;
	}
	.foot-wrap .foot-top .con-line > .left .txtplink:last-child{
		margin-right: 0;
	}

	.foot-wrap .foot-top .con-line > .right img{
		max-width: 60px !important;
		display: none;
	}
	.foot-wrap .foot-top .con-line{
		padding: 30px 0;
	}

	.foot-wrap .foot-bottom .con-line{
		flex-wrap: wrap;
	}
	.foot-wrap .foot-bottom .con-line > .left{
		width: 100%;
		padding-bottom: 20px;
	}
	.foot-wrap .foot-bottom .con-line > .right{
		width: 100%;
	}
	.foot-wrap .foot-bottom .con-line > .left p{
		padding-bottom: 6px;
	}
	.foot-wrap .foot-bottom .con-line > .left .copyright{
		padding-top: 20px;
	}
	.foot-wrap .foot-bottom .con-line > .right h2{
		font-size: 24px;
		padding-bottom: 2px;
	}
}

/* foot-new */


.side-quickmenu{
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 88px;
	height: auto;
  z-index: 55;
}
.side-quickmenu > ul{
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 0 13px;
}
.side-quickmenu > ul > li:first-child{
  border-bottom: 1px solid rgb(239,239,239);
}
.side-quickmenu > ul > li > a{
  display: block;
  padding: 15px 6px;
}
.side-quickmenu > ul > li > a img{
  max-width: 50px;
}
.quick_menu{
  display: none;
}

@media(max-width:767px){
  .side-quickmenu{
    width: 60px;
    top: initial;
    bottom: 10px;
    right: 10px;
    transform: initial;
    -webkit-transform: initial;
  }
  .side-quickmenu > ul{
    padding: 0 8px;
  }
  .side-quickmenu > ul > li > a{
    padding: 8px 3px;
  }
  .side-quickmenu > ul > li > a img{
    max-width: 30px;
  }
  
}


.ctt_admin{
	position: fixed;
	top: 150px;
	right: 30px;
}
#sub_visual.sub09{
	background: url(/img/sub_visual09.jpg) center center;
}
.sub09-1-wrap .ad_info_txt .cfixed li img{
	max-width: 210px !important;
	display: block;
	margin: 0 auto;
}

.point_ex .con-wrap{
	box-shadow: -16.9px 1.8px 29px 0 rgba(173, 173, 173, 0.1);
  background-color: rgb(249, 249, 249);
}
.point_ex .con-wrap .con-line{
	display: flex;
	align-items: center;
}
.point_ex .con-wrap .con-line > li{
	flex: 1;
}
.point_ex .con-wrap .con-line .txt .conbox{
	text-align: center;
}
.point_ex .con-wrap .con-line .txt .conbox h3{
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.96px;
  color: rgb(34, 34, 34);
}
.point_ex .con-wrap .con-line .txt .conbox p{
	margin-top: 30px;

	font-size: 17px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.51px;
  color: rgb(34, 34, 34);
}
.point_ex .con-wrap .con-line:nth-child(1) .img,
.point_ex .con-wrap .con-line:nth-child(3) .img
{
	border: 2px solid #ececec;
}
.point_ex .con-wrap .con-line:nth-child(2) .img{
	border-left: 1px solid #ececec;
}

.portfolio-wrap .con-wrap .con-line{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.portfolio-wrap .con-wrap .con-line > li{
	width: calc(33.33% - (60px / 3));
	margin-bottom: 28px;

	box-shadow: -16.9px 1.8px 29px 0 rgba(173, 173, 173, 0.2);
  border: solid 1px rgb(236, 236, 236);
	border-radius: 29px;
	overflow: hidden;
}

@media(min-width:1025px){
	.point_ex .con-wrap .con-line.even .img{
		order: 1;
	}
	.point_ex .con-wrap .con-line.even .txt{
		order: 0;
	}
}
@media(max-width:1200px){
	.sub09#sub_visual .sb_txt br{
		display: none;
	}
}
@media(max-width:1024px){
	/* .sub09-1-wrap .sb_title .txt br{
		display: none;
	} */
	#sub_visual.show{
		display: table !important;
	}
	.point_ex{
		background: rgb(249, 249, 249);
	}
	.sub09-1-wrap .ad_info_txt .cfixed li img{
		max-width: 100% !important;
	}
	
	.point_ex .con-wrap{
		box-shadow: none;
	}
	.point_ex .con-wrap .con-line{
		flex-wrap: wrap;
		gap: 30px;
		margin-bottom: 50px;
	}
	.point_ex .con-wrap .con-line:last-child{
		margin-bottom: 0;
	}
	.point_ex .con-wrap .con-line > li{
		flex: none;
		width: 100%;
	}
	.point_ex .con-wrap .con-line .txt .conbox h3{
		font-size: 24px;
	}
	.point_ex .con-wrap .con-line .txt .conbox p{
		margin-top: 4px;
	
		font-size: 16px;
	}
	.point_ex .con-wrap .con-line:nth-child(1) .img,
	.point_ex .con-wrap .con-line:nth-child(3) .img
	{
		border: 1px solid #ececec;
	}
	.point_ex .con-wrap .con-line:nth-child(2) .img{
		border: none;
	}
	.point_ex .con-wrap .con-line .txt .conbox p br{
		display: none;
	}
	

	.portfolio-wrap .con-wrap .con-line{
		gap: 10px;
	}
	.portfolio-wrap .con-wrap .con-line > li{
		width: calc(50% - 5px);
		margin-bottom: 10px;
		box-shadow: -10.9px 1.8px 9px 0 rgba(173, 173, 173, 0.2);
	} 
}

@media(max-width:797px){
	.point_ex .sb_title h3{
		line-height: 1.4;
	}
	.point_ex .sb_title h3::before{
		display: none;
	}
	.point_ex .sb_title h3 span{
		display: inline-block;
		position: relative;
	}
	.point_ex .sb_title h3 span::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -25px;
		width: 18px;
		height: 18px;
		background: url(/img/sb_title_ico.png);
		background-size: 18px !important;
	}
}