/*ALL CSS-----------------------------------------------------*/

/*#sub_wrap{height: calc( 100% - 251px );padding: 0 91px;position: relative;z-index: 800;}*/
#sub_wrap{height: calc( 100% - 251px );padding: 0 91px;position: relative;z-index: 50;}
#sub_lft_line, #sub_rgt_line{position: fixed;top: 0;width: 91px;height: 100%;background-color: #FFF;z-index: 1;}
#sub_lft_line{left: 0;}
#sub_rgt_line{right: 0;}

.sub_container{width: 100%;max-width: 1458px;margin: 0 auto;padding-top: 10.5vh;margin-top: 94px;}
.sub_container.sub_con_contact{max-width: 1800px;padding: 25.5vh 0;}

.sub_container2{max-width: 1380px;}

.hover_unline{position: relative;width: 94.5%;display: inline-block;}
.hover_unline::after{content: "";position: absolute;bottom: -5px;right: 0;width: 0;height: 1px;background-color: #2b4f7e;transition: width 0.3s;}
.hover_unline:hover::after{width: 100%;left: 0;right: auto;}

.k_label{}
.k_input{height: 40px;background-color: #FFF;border: none;border-bottom: 1px solid #cad3df;font-size: 1rem;outline: none;padding: 5px 5px;}
.k_input_w100{display: block;width: 100%;}

.input_tel_box{display: flex;flex: 1;justify-content: space-between;margin-top: 5px;}
.input_tel_box span{width: 50px;text-align: center;line-height: 40px;}
.input_tel_box input[type="text"]{width: 30%;margin-bottom: 0;}

.input_chk_box{position: relative;}
.input_chk_box label{color: #2b4f7e;font-weight: 400;}
.input_chk_box input[type="checkbox"]{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.input_chk_box input[type="checkbox"] + label span{display: inline-block;width: 21px;height: 21px;border: 1px solid rgba(44,80,126,0.6);cursor: pointer;}
.input_chk_box input[type="checkbox"]:checked + label span{background-image: url(/img/chk.png);background-repeat: no-repeat;background-position: center;border-color: rgba(44,80,126,1);}

.k_submit_wrap{margin-top: 20px;}
.k_submit_wrap .k_submit_btn{float: right;}
.k_submit_btn{display: inline-block;padding: 10px 20px;background: #2c507e;color: #FFF;text-align: center;font-size: 1.13rem;font-weight: 900;}

.k_normal_input{height: 45px;background-color: #FFF;border: none;border: 1px solid #ddd;font-size: 1rem;padding: 5px 8px;}
.k_normal_input:focus{border-color: #222;}

#bo_sch{margin-bottom: 0 !important;}
#k_pg_btn_wrap .pg_wrap{padding: 50px 0;}
#k_pg_btn_wrap .pg_wrap .pg strong, #k_pg_btn_wrap .pg_wrap .pg a{padding: 0;margin: 0;width: 40px;height: 40px;line-height: 38px;border: 1px solid #ddd;background-color: none;border-radius: 0;}
#k_pg_btn_wrap .pg_wrap .pg strong{background: #2b4f7e;border-color: #2b4f7e;}
#k_pg_btn_wrap .pg_wrap .pg a{background-color: #FFF;}
#k_pg_btn_wrap .pg_wrap .pg a.pg_end{background: url(../img/btn_end.gif) no-repeat 50% 50%;margin-left: 10px;}
#k_pg_btn_wrap .pg_wrap .pg a.pg_start{background: url(../img/btn_first.gif) no-repeat 50% 50%;margin-right: 10px;}

.font-20{font-size: 1.3rem;}

@media screen and (max-width: 1480px){
    
	.sub_container{margin-top: 82px;}
}

@media screen and (max-width: 760px){
    
	.sub_container{margin-top: 80px;}
}

/*---header---*/
#k_header{position: fixed;top: 0;left: 0;width: 100%;height: 94px;background: #FFF;z-index: 1000;}
.hd_con{width: 100%;height: 100%;margin: 0 auto;position: relative;}

.hd_logo{display: table;margin: 0 auto;height: inherit;position: relative;z-index: 2;}
.hd_logo a{display: table-cell;vertical-align: middle;font-size: 1.6rem;font-weight: 500;letter-spacing: .53em;color: #2b4f7e;line-height: 100%;}

.hd_contact, #hd_menu_open{position: absolute;}
.hd_contact{top: 41%;left: 90px;font-size: 1.13rem;font-weight: 600;letter-spacing: 10px;color: #2b4f7e;margin-top: -5px;z-index: 2;}
#hd_menu_open{top: 0;right: 47px;width: 30px;height: 100%;z-index: 2;}
#hd_menu_open span{position: absolute;top: 46px;left: 0;width: 100%;height: 2px;background-color: #2b4f7e;transition: all 0.5s;}
#hd_menu_open span:nth-child(1){transform: translateY(-11px);}
#hd_menu_open span:nth-child(3){transform: translateY(11px);}

#hd_menu_open:hover span{transform: translateY(0);transition: all 0.3s;}

#mo_menu_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: linear-gradient( to right, rgba(45,79,126,0.1), rgba(45,79,126,1));display: none;}
.mo_inner{width: calc( 100% - 240px );margin: 0 120px;height: 150px;position: relative;}
.mo_menu{position: absolute;top: calc( 100% + 72px );right: 47px;z-index: 2;}
.mo_menu>ul>li{margin-bottom: 62px;}
.mo_menu>ul>li>a{display: block;width: 100%;height: 100%;color: rgba(255,255,255,1);font-size: 1.875rem;transition: color 0.2s;text-align: right;}

.mo_menu>ul>li.active>a{color: rgba(255,255,255,1);}

/*.hd_contact, #hd_menu_open{position: absolute;top: 41%;}
.hd_contact{left: 90px;font-size: 1.13rem;font-weight: 600;letter-spacing: 10px;color: #2b4f7e;margin-top: -5px;z-index: 2;}
#hd_menu_open{right: 90px;width: 30px;height: 19px;z-index: 2;}
#hd_menu_open span{position: absolute;top: 8px;left: 0;width: 30px;height: 3px;background-color: #2b4f7e;transition: all 0.5s;}
#hd_menu_open span:nth-child(1){transform: translateY(-8px);}
#hd_menu_open span:nth-child(3){transform: translateY(8px);}

#hd_menu_open:hover span{transform: translateY(0);transition: all 0.3s;}

#mo_menu_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: linear-gradient( to right, rgba(43,79,126,0.9), rgba(43,79,126,1));display: none;}
.mo_inner{width: calc( 100% - 240px );margin: 0 120px;height: 150px;position: relative;}
.mo_menu{position: absolute;top: 100%;right: 0;z-index: 2;}
.mo_menu>ul>li{margin-bottom: 70px;}
.mo_menu>ul>li>a{display: block;width: 100%;height: 100%;color: rgba(255,255,255,0.5);font-weight: 900;font-size: 2rem;transition: color 0.2s;text-align: right;}

.mo_menu>ul>li.active>a{color: rgba(255,255,255,1);}

.mo_menu>ul>li.k_menu_5>a{font-weight: 600;letter-spacing: -0.045em;}*/

/*active*/
#k_header.active .hd_logo a, #k_header.active .hd_contact{color: #FFF;}
#k_header.active #hd_menu_open span{background-color: #FFF;}
#k_header.active #hd_menu_open span:nth-child(1){transform: translateY(0) rotate(45deg);}
#k_header.active #hd_menu_open span:nth-child(2){transform: translateY(0) translateX(-100%);opacity: 0;}
#k_header.active #hd_menu_open span:nth-child(3){transform: translateY(0) rotate(-45deg);}

/*#k_header.scroll_on{background: #FFF;}*/

@media screen and (max-width: 1480px){
    
	#k_header{height: 82px;}

    .hd_logo a{font-size: 1.5rem;}
    .hd_contact{font-size: 0.95rem;margin-top: 0;}

	#hd_menu_open{width: 30px;}
	#hd_menu_open span{top: 38px;}
	#hd_menu_open span:nth-child(1){transform: translateY(-10px);}
	#hd_menu_open span:nth-child(3){transform: translateY(10px);}

	.mo_menu{top: 100%;}
	.mo_menu>ul>li{margin-bottom: 50px;}
}

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

	.mo_menu{top: 90%;}
	.mo_menu>ul>li{margin-bottom: 40px;}
}

@media screen and (max-width: 1080px){
    
    .hd_con{width: 90%;margin: 0 auto;}
    .hd_contact{left: 0;letter-spacing: -0;}
    #hd_menu_open{right: 0;}

    .mo_inner{width: calc( 100% - 40px );margin: 0 20px;height: 130px;}
    .mo_menu>ul>li{margin-bottom: 40px;text-align: right;}
}

@media screen and (max-width: 768px){
    
	#k_header .mo_inner{width: 90% !important;margin: 0 auto;height: 82px;}
	.mo_menu{top: 150%;right: 0;}

	#mo_menu_wrap{background: linear-gradient( to right, rgba(45,79,126,0.5), rgba(45,79,126,1));}
}

@media screen and (max-width: 760px){
    
	#k_header .hd_logo{display: block;text-align: center;}
    #k_header .hd_logo a{display: inline-block;font-size: 16px;letter-spacing: .67em;font-weight: 100;width: 250px;text-align: center;}

    .hd_logo{display: block;text-align: center;}
    .hd_logo a{display: inline-block;font-size: 17px;letter-spacing: 0.5em;line-height: 80px;font-weight: 900;width: 250px;text-align: center;}
    .hd_contact{display: none;}

    .mo_inner{height: 100px;}

	#hd_menu_open{width: 20px;right: 0;}
	#hd_menu_open span{width: 100%;height: 1px;}
	#hd_menu_open span:nth-child(1){transform: translateY(-5px);}
	#hd_menu_open span:nth-child(3){transform: translateY(5px);}
}

@media screen and (max-width: 720px){
    
	.mo_menu>ul>li>a{font-size: 20px;}
}

@media screen and (max-width: 360px){
	
	#k_header .hd_logo a{font-size: 14px;}
}

/*---main---*/
#main_wrap{height: calc( 100% - 160px );max-height: 100%;padding: 0 10px;}
.main_container{display: flex;backface-visibility: hidden;overflow-y: hidden;}

.main_inner{display: flex;flex-wrap: wrap;width: 50%;}

.main_box{width: 50%;padding: 0 10px;background-color: #FFF;}
.main_box_01, .main_box_03{width: 60%;}
.main_box_02, .main_box_04{width: 40%;}
.main_box_01 .main_rail, .main_box_03 .main_rail{animation: s-Up 110s linear infinite;}
.main_box_02 .main_rail, .main_box_04 .main_rail{animation: s-Down 110s linear infinite;}

.main_box .main_box_00{margin-bottom: 20px;position: relative;overflow: hidden;}
.main_img_box img{display: block;max-width: 100%;width: 100%;}

.main_hover_box{position: absolute;top: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,0.65);opacity: 0;transition: opacity 0.3s;}
.main_hover_box>div{display: table;width: 100%;height: 100%;}
.main_hover_box>div>div{display: table-cell;vertical-align: middle;color: #FFF;text-align: center;padding: 0 5%;}
.main_hover_box h4{font-size: 1.4rem;font-weight: 600;margin-bottom: 30px;}
.main_hover_box p{font-size: 0.95rem;color: rgba(255,255,255,0.6);}
.main_hover_box p i{padding: 0 10px;position: relative;}
.main_hover_box p i::after{content: "";position: absolute;bottom: 6px;right: -1px;width: 2px;height: 2px;border-radius: 5px;background-color: rgba(255,255,255,0.6);}
.main_hover_box p i:last-child::after{display: none;}

.main_box_00:hover .main_hover_box{opacity: 1;}

@keyframes s-Up{ 
    to{transform:translateY(-50%) translateZ(0)}
}

@keyframes s-Down{
    0%{transform:translateY(-50%) translateZ(0)}
    to{transform:translateY(0) translateZ(0)}
}

@media screen and (max-width: 1480px){
    
    #main_wrap{height: calc( 100% - 110px );}

    .main_hover_box h4{font-size: 1rem;}
    .main_hover_box p{font-size: 12px;}
}

@media screen and (max-width: 1280px){
    
    .main_hover_box h4{font-size: 1rem;margin-bottom: 13px;}
    .main_hover_box p i{display: block;padding: 2px 0;}
    .main_hover_box p i::after{display: none;}
}

@media screen and (max-width: 1080px){
    
    .main_inner_01{animation: s-Up 50s linear infinite;width: 50%;}
    .main_inner_02{animation: s-Down 50s linear infinite;width: 50%;} 

    .main_box{width: 100%;}
	.main_rail{width: 100%;animation: none !important;}
	.main_box .main_box_00{margin-bottom: 5px;}
}

@media screen and (max-width: 760px){
    
    #main_wrap{height: calc( 100% - 90px );}
    #main_wrap{padding: 0 10px;}
	.main_box{padding: 0 2.5px;}

    .main_hover_box h4{font-size: 23px;margin-bottom: 0;}
    .main_hover_box p{display: none;} 
}

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

    .main_hover_box h4{font-size: 16px;} 
	.main_hover_box p{display: none;} 
}

/*---about-page---*/
#about_box{position: relative;}
#about_box figure, .about_text{float: left;}
#about_box figure{width: 640px;margin-right: 150px;}
.about_text{width: calc( 100% - 790px);}

#about_box figure img{display: block;max-width: 100%;margin: 0 auto;}

.about_text{font-size: 13px;color: #2b4f7e;}
.about_text span{display: block;line-height: 155%;}
.about_text span i{display: block;margin-bottom: 15px;}

.about_text .about_ko{margin-bottom: 40px;font-size : 16px;
	text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-webkit-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-moz-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-o-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-ms-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
}
.about_text .about_en{font-size: 18px;}
.about_text .about_en i{word-break: keep-all;letter-spacing: 0.020em;
	text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-webkit-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-moz-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-o-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-ms-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
}

#about_point_text{position: absolute;bottom: 0;right: 110px;right :0;}
#about_point_text span{display: block;font-size: 14px;color: #2b4f7e;font-weight: 600;width: 260px;}
#about_point_text .about_point_top i{display: block;}
#about_point_text .about_point_top i:nth-child(1){letter-spacing: 0.63em;}
#about_point_text .about_point_top i:nth-child(2){letter-spacing: 0.35em;}
#about_point_text .about_point_top i:nth-child(3){letter-spacing: 0.382em;}

#about_point_text .about_point_btm{margin-top: 85px;margin-top:50px;font-size: 15px;font-weight: 900;letter-spacing: 0.61em;}

@media screen and (max-width: 1480px){
    
	#about_point_text{right: 0;}

	#about_box figure{width: 45%;margin-right: 10%;}
	.about_text{width: 45%;}

	#about_point_text span{font-size: 12px;}
	#about_point_text .about_point_btm{font-size: 13px;margin-top: 55px;margin-top : 30px;}
	
	#about_point_text{position: inherit;display: block !important;width: 100%;text-align: center;clear: both;padding-top: 50px;}

	#about_point_text .about_point_btm{margin-top: 25px;}
}

@media screen and (max-width: 1280px){
    
	.about_text{word-break: keep-all;}

	#about_point_text{position: inherit;display: block !important;width: 100%;text-align: center;clear: both;padding-top: 50px;}

	#about_point_text .about_point_btm{margin-top: 25px;}
}

@media screen and (max-width: 900px){
    
	#about_box figure, .about_text{float: none;display: block;width: 100%;}
	#about_box figure{margin-bottom: 60px;}
	#about_box figure img{max-width: 640px;width: 100%;}
	.about_text{text-align: center;}

	#about_point_text{padding-top: 60px;}
	#about_point_text span{width: 100%;}
}

@media screen and (max-width: 760px){
    
	.about_text{font-size: 11px;}

	#about_point_text span{font-size: 11px;}
	#about_point_text .about_point_btm{font-size: 12px;}
	
	.about_text .about_ko{font-size: 12px;}
	.about_text .about_en{font-size: 13px;}
}

/*---service-page---*/
#service_box{}
#service_box li{float: left;}
#service_box li:nth-child(1n){width: 560px;}
#service_box li:nth-child(2n){width: 560px;}
#service_box li:nth-child(3n){width: 260px;}
#service_box li:nth-child(3n+1){clear: both;}
#service_box li:nth-child(n+4){margin-top: 140px;}

#service_box li h3{font-size: 1.6rem;font-weight: 900;color: #2b4f7e;margin-bottom: 50px;}
#service_box li p{font-size: 1.3rem;color: #2b4f7e;}
#service_box li p i{display: block;padding: 5px 0;}


@media screen and (max-width: 1580px){
    
	#service_box li:nth-child(1n){width: 40%;}
	#service_box li:nth-child(2n){width: 40%;}
	#service_box li:nth-child(3n){width: 20%;}
}

@media screen and (max-width: 1480px){
    
	#service_box li h3{font-size: 1.2rem;}
	#service_box li p{font-size: 1rem;}
}

@media screen and (max-width: 1080px){
    
	#service_box li{width: 50% !important;margin-bottom: 100px;text-align: center;}
	#service_box li:nth-child(2n+1){clear: both;}
	#service_box li:nth-child(3n+1){clear: none;}
	#service_box li:nth-child(n+4){margin-top: 0;}

	#service_box li h3{margin-bottom: 30px;}
}

@media screen and (max-width: 760px){
    
	#service_box li{margin-bottom: 75px;}

	#service_box li h3{margin-bottom: 15px;font-size: 1.5rem;}
	#service_box li p{font-size: 13px;}
	#service_box li p i{padding: 3px 0;}
}

/*---contact-page---*/
.contact_info li{text-align: center;}
.contact_info li:last-child{margin-bottom: 0;}
.contact_info li h3{font-size: 1.875rem;color: #2b4f7e;margin-bottom: 72px;}
.contact_info li p i{display: block;margin-bottom: 23px;color: #2b4f7e;
	text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-webkit-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-moz-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-o-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
	-ms-text-shadow: 0px 0px 0.5px rgba(43,79,126,0.5);
}

.contact_info li p i.k_eng{font-size: 18px;}

.form_top ul{text-align: center;}
.form_top ul li{display: inline-block;font-size: 1.3rem;font-weight: 900;color: #2b4f7e;padding: 0 37.5px;position: relative;}
.form_top ul li::after{content: "";position: absolute;top: calc( 50% - 5px );right: -10px;border: 5px solid transparent;border-left-color: #2b4f7e;}
.form_top ul li:last-child::after{display: none;}

.form_btm{padding-top: 14em;position: relative;}
.form_btm>div{float: left;}
.contact_form_01{width: 38%;}
.contact_form_02{width: 27%;}
.contact_form_03{width: 35%;}

.contact_form_01_inner{width: 390px;}
.contact_form_01 label, .contact_form_02 label, .contact_form_03 label{color: #2b4f7e;}
.contact_form_01 input[type="text"], .contact_form_01 input[type="email"]{margin-bottom: 45px;}

.contact_form_02>label{margin-bottom: 19px;}

.contact_form_02 .input_chk_box:nth-child(3n-1){width: 38%}
.contact_form_02 .input_chk_box:nth-child(3n-3){width: 39%}
.contact_form_02 .input_chk_box:nth-child(3n+1){width: 23%}
.contact_form_02 .input_chk_box label{font-weight: 400;display: block;width: 100%;padding: 2px 0;}
.contact_form_02 .input_chk_box label span, .contact_form_02 .input_chk_box label b{vertical-align: middle;}
.contact_form_02 .input_chk_box label b{display: inline-block;width: calc( 100% - 31px );font-size: 20px;}

.contact_form_03 textarea{min-height: 200px;border: 1px solid #cad3df;resize: none;padding: 10px;}

@media screen and (max-width: 1280px){
    
	.form_top ul li{padding: 0 25px;}

	.contact_form_01{width: 37.5%;}
	.contact_form_02{width: 25%;}
	.contact_form_03{width: 37.5%;}
	.contact_form_01_inner{width: 330px;}

}

@media screen and (max-width: 1080px){
    
	.form_top ul li{padding: 0 20px;}

	.contact_form_01{width: 65%;}
	.contact_form_02{width: 35%;}
	.contact_form_03{width: 100%;clear: both;}
	.contact_form_01_inner{width: 85%;}

}

@media screen and (max-width: 980px){
		
	.form_top ul li{padding: 0 15px;}
}

@media screen and (max-width: 760px){
	
	.form_btm{padding-top: 10em;}
	.form_btm>div{float: none;display: block;width: 100%;}
	.contact_form_03{margin-top: 40px;}
	
	.contact_form_01_inner{width: 100%;}
	.contact_form_02 .input_chk_box label span{float: right;}

	.contact_form_01 label, .contact_form_02>label, .contact_form_03>label{font-size: 1.5rem;}

	.contact_info li p{font-size: 12px;}
	.contact_info li p i.k_eng{font-size: 13px;}

	.form_top ul li{display: block;width: 100%;padding: 25px 0;}
	.form_top ul li::after{content: "";top: calc( 100% - 2.5px );right: calc( 50% - 5px );border: 5px solid transparent;border-top-color: #2b4f7e;}
}

/*---footer---*/
#k_footer{display: block;padding: 15px 0;background: #FFF;text-align: center;}

.ft_sns{margin-bottom: 15px;}
.ft_sns li{display: inline-block;padding: 0 13px;}
.ft_sns li img{display: block;margin: 0 auto;}

.ft_copy{font-size: 13px;color: #2b4f7e;font-weight: 100;}

@media screen and (max-width: 1480px){
    
	.ft_sns li img{width: 100%;max-width: 28px;}

	.ft_copy{font-size: 11px;}
}

@media screen and (max-width: 760px){
	
	.ft_sns li{padding: 0 8px;}
	.ft_sns li img{max-width: 22px;}

	.ft_copy{font-size: 10px;}
}

/*---border-css---*/
.k_write_btn_wrap{padding: 50px 0;}
.k_write_inner{text-align: center;}
.k_write_inner li{display: inline-block;}
.k_write_inner li .k_write_btn{padding: 10px 25px;border: 1px solid #ddd;font-size: 14px;font-weight: 500;letter-spacing: -0.045em;cursor: pointer;}
.k_write_inner li .k_write_btn2{background: #2b4f7e;border-color: #2b4f7e;color: #FFF;font-weight: bold;padding: 10px 30px;}

.none_port, .none_board{display: block;width: 100%;float: none;margin: 0;padding: 0;padding: 25px 0;text-align: center;font-weight: bold;color: #555;}

@media screen and (max-width: 760px){
	
	.k_write_btn_wrap{padding: 25px 0;}
	.k_write_inner li .k_write_btn{padding: 5px 15px;font-size: 13px;}
	.k_write_inner li .k_write_btn2{display: block;width: 100%;margin-top: 13px;}
}

/*---portfolio---*/
/*#port_list{margin: 0;padding: 0;}
#port_list li{margin-bottom: 15px;position: relative;}
#port_list li figure img{display: block;width: 100%;max-width: 100%;margin: 0 auto;}
#port_list li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.7);opacity: 0;transition: opacity 0.3s;}
#port_list li a>div{display: table;width: 100%;height: 100%;}
#port_list li a>div>div{display: table-cell;vertical-align: middle;text-align: center;}*/

#port_view_box{width: 100%;margin: 0 auto;}
#port_view_box br{display: none !important;}

#port_box{max-width: 100%;margin:0 auto;}
#port_list{margin: 0;padding: 0;}
#port_list li{float: left;width: 50%;position: relative;}
#port_list li:nth-child(2n+1){clear: both;}
#port_list li figure img{display: block;margin: 0 auto;width: 100%;}

#port_list li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;/*background: rgba(0,0,0,0.7);*/opacity: 0;transition: opacity 0.3s;}
#port_list li a>div{display: table;width: 100%;height: 100%;}
#port_list li a>div>div{display: table-cell;vertical-align: middle;text-align: center;}


#port_list li a h4{font-size: 1.2rem;color: #FFF;font-weight: 900;line-height: 100%;letter-spacing: 3px;margin-bottom: 30px;}
#port_list li a p{font-size: 0.9rem;color: rgba(255,255,255,0.7);}
#port_list li a p i{padding: 0 8px;position: relative;}
#port_list li a p i::after{content: "";position: absolute;right: -1px;bottom: 3px;width: 2px;height: 2px;border-radius: 2px;background: rgba(255,255,255,0.7);}
#port_list li a p i:last-child::after{display: none;}

#port_list li:hover a{opacity: 1;}

#port_list li .chk{position: absolute;top: 15px;left: 15px;z-index: 2;}

.port_view_img img{display: block;margin: 0 auto;width: 100%;}

#port_list li .k_port_notice{position: absolute;top: 15px;left: 40px;z-index: 2;background: #F00;padding: 3px 10px;font-weight: bold;color: #FFF;font-size: 14px;letter-spacing: -0.045em;}

@media screen and (max-width: 1920px){
    
	.port_view_img img, #port_list li figure img{width: 100%;}
}

@media screen and (max-width: 1480px){
    
	#port_list li a h4{font-size: 1rem;margin-bottom: 25px;}
    #port_list li a p{word-break: keep-all;}
}

@media screen and (max-width: 760px){
	
	#port_list li{float: none;display: block;width: 100%;}
	#port_list li a h4{font-size: 14px;margin-bottom: 8px;letter-spacing: 1px;}
    #port_list li a p{font-size: 7px;}
	#port_list li a p i{padding: 0 3px;}
}

/*---intro---*/
#main_intro{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1200;background: #3b5b8b;}
#main_intro img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.intro_pc{display: block;}
.intro_mo{display: none;}

@media screen and (max-width: 760px){
    
	#main_intro img{width: 200%;}

	.intro_pc{display: none;}
	.intro_mo{display: block;}
}

@media screen and (max-width: 460px){
    
	#main_intro img{width: 250%;}
}

/*---portfolio video---*/
.port_video video{display: block;width: 100%;}



.sub_container.sub_con_contact{padding: 15.5vh 0 8.5vh;}
.contact_info li{margin-bottom: 188px;}
#contact_box2 h3{font-size: 1.875rem;color: #375784;text-align: center; transition:color 1s;}



/*잉크 이미지 및 버튼*/
#sub_wrap{overflow: hidden;}
.b_ink_box{position:absolute; left:-1px; top:35%; z-index:10;}
.b_ink_box .b_ink_btn{display:block; margin-top: 61px; margin-left: -10px; position:relative; padding:5px; }
.b_ink_box .b_ink_btn img{transition:transform .3s;margin-left: -12px;}

.b_ink_box>img{position: relative;z-index: 900;}

.b_ink_box.active::after{display: block;}
.b_ink_box::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: none;}

.b_ink_box .b_ink_btn .b_blue_c{display:block; width:80px; height:80px;position:absolute; border-radius: 50%;right: 50px; top: 50px; z-index: -10; pointer-events: none; transform: scale(1); animation-duration: 2s;  animation-fill-mode:forwards ; animation-name:b_ink_w;}
/*.b_ink_box .b_ink_btn.on .b_blue_c{transform: scale(100);transition: transform 2s ease;}*/

.b_ink_box .b_ink_btn.on .b_blue_c{animation-name:b_ink_b; animation-duration: 2s;  animation-fill-mode:forwards ;}


@keyframes b_ink_b{ 
	0%{ 
		 transform: scale(1);
		 background-color:#375784;
	}

	100%{ 
		 transform: scale(100);
		 background-color:#375784;
	} 
}

@keyframes b_ink_w{ 
	0%{ 
		 transform: scale(1);
		 background-color:#fff;
	}


	100%{ 
		 transform: scale(100);
		 background-color:#fff;
	}
	 
}

#sub_wrap{}
#sub_wrap.on{animation-name:b_bg; animation-delay: 1s; animation-fill-mode:forwards;}
#sub_wrap.on #sub_lft_line, #sub_wrap.on #sub_rgt_line {animation-name:b_bg; animation-delay: 1s; animation-fill-mode:forwards;}
@keyframes b_bg{ 
	0%{ 
		 background-color:#fff;
	}

	100%{ 
		 background-color:#375784;
	} 
}

/*.b_ink_box .b_ink_btn.on .b_white_c{display:block; width:80px; height:80px;position:absolute;background-color:#fff;border-radius: 50%;right: 50px; top: 50px; z-index: -10; transition:transform .7s; pointer-events: none; transform: scale(1);transition: transform 1.3s ease;}*/
/*.b_ink_box .b_ink_btn.on .b_white_c{transform: scale(100);transition: transform 2s ease;}*/



/*.b_ink_box .b_ink_btn:before{content:''; width:80px; height:80px;position:absolute;background-color:#2d4f7e;border-radius: 50%;right: 50px; top: 50px; z-index: -10; transition:transform .7s; pointer-events: none; transform: scale(1);transition: transform 1.3s ease;}*/
/*.b_ink_box .b_ink_btn.on:before{transform: scale(100);transition: transform 2s ease;}*/


.b_ink_box .b_ink_btn:after{content:''; width:80px; height:80px;  position:absolute; border-radius: 50%; right: 50px; top: 50px; z-index: -10; transition:transform .7s; background-color:#375784; transform: scale(0); pointer-events: none;}
.b_ink_box .b_ink_btn.white:after{transform: scale(100); transition:transform 2s;  background-color:#fff;}


.b_ink_box .b_ink_btn.rotate img{transform:rotate(13deg); transition:transform .3s;}


/*.b_ink_box .b_ink_btn.white:before{background-color:#fff; transform: scale(100); transition:transform 2s; cursor: auto; }*/
.contact_info{position: relative; z-index: 10;}
.contact_info li h3{transition:color 1s;}
.contact_info li p i{transition:color 1s;}
#k_header{transition:color 2s; background:transparent; }
/*#k_header.on{background-color:transparent; }*/
#k_header .hd_logo a{transition:color 1s;}
#k_header.on .hd_logo a{color:#fff; transition:color 1s;}
#k_header.on #hd_menu_open span{background-color:#fff;}
#k_footer{position: relative; transition:background .7s; background:#fff;}
#k_footer .b_white{display:none;}
#k_footer.on{background:#2c507e; z-index:60; transition:background .7s;}
#k_footer.on .b_blue{display:none;}
#k_footer.on .b_white{display:block;}
#k_footer.on .ft_copy{color:#fff; }
.contact_info.on li h3{color:#fff; }
.contact_info.on li p i{color:#fff;}
#contact_box2{position: relative; z-index: 10;}
#contact_box2.on h3{color:#fff;}
/*#sub_wrap.on #sub_lft_line, #sub_wrap.on #sub_rgt_line {background:#2c507e;}*/

.b_cont-box{text-align:center; }

.contact_info li.contact_addr p{font-size: 25px;}


.form_btm{padding: 68px 71px;padding-bottom: 25px;max-width: 1235px; width: 100%; margin: 0 auto;margin-top: 58px;background: #fff;}
.contact_form_01{width:50%; }
.contact_form_02{width:50%; display: flex; flex-wrap: wrap;margin-top: 7px;}
.contact_form_03{width:100%; }
.form_btm .b_title_box{width:100%; display:flex; justify-content:space-between;align-items: flex-end; border-bottom: 2px solid #2c507e; color:#2c507e; font-size:2rem; margin-bottom:5px;padding-bottom: 6px;padding-left: 7px;}
.form_btm .b_title_box strong{}
.form_btm .b_title_box p{font-size:1.5rem;line-height: 0.7;margin-right: -5px;}
.contact_form_01_inner {width: 95%;}
.contact_form_01 .b_input_inner{display:flex; border-bottom: 2px solid #2c507e; margin-bottom: 11px; align-items: center;padding-bottom: 2px;}
.contact_form_01 input[type="text"], .contact_form_01 input[type="email"]{margin-bottom:0; }
.contact_form_01 label, .contact_form_02 label, .contact_form_03 label{text-align: left;}
.contact_form_01 label{text-transform:uppercase;padding-left: 7px;}
.contact_form_03 label{padding-left: 7px;}
.k_input, .k_input_w100{border-bottom:0; width: auto;}

.contact_form_02 label{width:100%; }
.input_chk_box{width: 32%; margin-bottom:17px;}
.contact_form_02 .input_chk_box label{display: flex; align-items: center;}
.contact_form_02 .input_chk_box span{margin-right: 10px;}
.contact_form_03 textarea{width:100%; border: none;}
.k_submit_wrap{position:relative;}
.k_submit_wrap .k_submit_btn{background-color:transparent; color:#2c507e; font-size: 1.5rem;}
.k_submit_wrap .k_submit_btn img{display: block;}

.b_pen_box{position:absolute; right:-215px; bottom:16px; }

/*---KSH contact 페이지---*/
#k_contact_info{padding-top: 185px;}
#k_contact_form{margin-top: 0;padding-top: 209px;padding-bottom: 95px;}

.contact_info li.contact_addr h3{margin-bottom: 95px;}

.font_strok{-webkit-text-stroke: 0.02em;text-stroke: 0.02em;}

.letter-45{letter-spacing: 0.045em;}

.fs_23{font-size: 1.4375rem;}
.fs_24{font-size: 1.5rem;}
.fs_27{font-size: 1.6875rem;}
.fs_28{font-size: 1.75rem;}
.fs_30{font-size: 1.875rem;}

/*KSH form*/
.contact_form_01 .b_input_inner2{padding-bottom: 10px;margin-bottom: 8px;}
.contact_form_01 .b_input_inner3{padding-bottom: 8px;margin-bottom: 12px;}

.b_input_inner, .form_btm .b_title_box{position: relative;}
.b_input_inner::after, .form_btm .b_title_box::after{content: "";position: absolute;bottom: -3px;left: 0;width: 100%;height: 1px;background: #FFF;z-index: 1;transition: background .3s;
	transform: rotate(359.9deg);
    transform-origin: right;
}
.b_input_inner::before, .form_btm .b_title_box::before{content: "";position: absolute;bottom: -.5px;left: 0;width: 100%;height: 1px;background: #FFF;z-index: 1;transition: background .3s;
	transform: rotate(360.1deg);
    transform-origin: right;
}

#new_submit{margin-top: 38px;}
#new_submit button{padding: 10px 0;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
#new_submit button img{margin-left: 6px;}

.contact_form_01 label{width: auto;white-space: nowrap;}
.contact_form_01 input[type="text"], .contact_form_01 input[type="email"]{width: 100%;}

/*---pointer---*/
#cursor{position: fixed;top: 0;left: 0;z-index: 400;transform-origin: center;}
#cursor .blob{position: relative;}
#cursor .blob img{position: absolute;bottom: 3px;left: 3px;opacity: 1;
	transition: all .45s ease;
	-webkit-transition: all .45s ease;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
#cursor.z-on{z-index: 1100;}/*모바일 메뉴 클릭시 z-index 위로 끌어올림*/
/*#cursor.active .blob img{bottom: 5px;left: 5px;opacity: 1;}*/

/*---button video---*/
#btn_video{position: absolute;bottom: 0;right: 0;width: 219px;height: 46px;z-index: 1;}

@media (max-width: 1480px){
	
	.b_ink_box>img{max-width: 90px;}
	.b_ink_box .b_ink_btn>img{max-width: 195px;}
	.b_ink_box .b_ink_btn{margin-top: 50px;}
}

@media (max-width: 1280px){
	
	.form_btm{padding: 63px 65px;padding-bottom: 23px;}

	.input_chk_box input[type="checkbox"] + label span{margin-right: 8px;}
	.contact_form_02 .input_chk_box label b{width: calc( 100% - 29px );font-size: 18px;}

	.contact_form_02 .input_chk_box:nth-child(3n-1){width: 42%}
	.contact_form_02 .input_chk_box:nth-child(3n-3){width: 35%}
	.contact_form_02 .input_chk_box:nth-child(3n+1){width: 23%}

	#cursor{display: none;}
}

@media (max-width: 960px){
	
	.form_btm>div{display: block;float: none;width: 100%;margin: 0;margin-bottom: 30px;}
	.form_btm>.contact_form_01{margin-bottom: 47px;}
	.form_btm>.contact_form_02{display: flex;}
	.contact_form_01_inner{width: 100%;}
	.contact_form_03 textarea{min-height: 170px;}

	.form_btm .b_title_box p{margin-right: 0;line-height: inherit;}
	.contact_info li p i{margin-bottom: 15px;}

	.contact_info li.contact_addr h3{margin-bottom: 64px;}

	.sub_container.sub_con_contact{padding-bottom: 0;}

	#k_contact_form{padding-top: 190px;padding-bottom: 75px;}

	.form_btm{padding: 50px 55px;padding-bottom: 0;}

	#new_submit{margin-top :10px;}

	.form_btm .b_title_box{font-size: 1.5rem;}
	.form_btm .b_title_box p{font-size: 1.1rem;}

	/*font*/
	.fs_23{font-size: 1.3rem;}
	.fs_24{font-size: 1.4rem;}
	.fs_28{font-size: 1.6rem;}
	.fs_30{font-size: 1.7rem;}

	.contact_info li h3, #contact_box2 h3{font-size: 2rem;}

	.b_ink_box>img{max-width: 72px;}
	.b_ink_box .b_ink_btn>img{max-width: 156px;}
	.b_ink_box .b_ink_btn{margin-top: 40px;}
}

@media (max-width: 720px){
	
	#k_contact_info{padding-top: 141px;}
	
	.contact_info li{margin-bottom: 83px;}
	.contact_info li h3, #contact_box2 h3{font-size: 22px;}
	.contact_info li h3{margin-bottom: 46px;}
	.contact_info li p i{font-size: 18px;margin-bottom: 8px;}

	.contact_info li.contact_addr h3{margin-bottom: 59px;}
	.contact_info li.contact_addr p i{font-size: 15px;line-height: 145%;}
	.contact_info li.contact_addr p i:nth-child(1){margin-bottom: 15px !important;}

	#k_contact_form{padding-top: 200px;}

	.form_btm{padding: 25px 20px;margin-top: 30px;padding-bottom: 13px;}
	.form_btm .b_title_box{display: block;padding-left: 0;font-size: 18px;line-height: 170%;padding-bottom: 13px;}
	.form_btm .b_title_box p{font-size: 12px;}
	.contact_form_03{margin-bottom: 0 !important;}
	.contact_form_03 textarea{min-height: 120px;}

	.contact_form_01 label, .contact_form_02>label, .contact_form_03>label{font-size: 15px;}

	.contact_form_02 .input_chk_box{width: 50% !important;margin-bottom: 13px;}
	.contact_form_02 .input_chk_box:nth-child(2n+1){padding-left: 15px;}
	.input_chk_box input[type="checkbox"] + label span{width: 17px;height: 17px;margin-right: 6px;}
	.contact_form_02 .input_chk_box label b{width: calc( 100% - 23px );font-size: 15px;}

	.contact_form_03 label{padding-left: 0;}

	.k_submit_wrap .k_submit_btn img{max-width: 100px;}

	#k_contact_form{padding-bottom: 50px;}
	
	.b_ink_box{top: 560px;}
	.b_ink_box>img{max-width: 57px;}
	.b_ink_box .b_ink_btn>img{max-width: 124px;}
	.b_ink_box .b_ink_btn{margin-top: 30px;}
}

/*---동영상제어---*/
.b_title_box, .contact_form_01, .contact_form_02, .contact_form_03{position: relative;z-index: 10;}
.contact_form_03 textarea{background: none !important;}

#contact_video, #contact_video2{position: absolute;top: 0;left: 50%;transform: translateX(-50%) scale(1.32);width: auto;height: 100%;z-index: 1;opacity: 0;transition: all 1s;}
#contact_video.on, #contact_video2.on{opacity: 1;}

.video_after{transition: all 1s;}
.video_after.on{opacity: 0;}

.k_input_required{background: none;}
.k_input_required::placeholder{font-size: 1.13rem;color: transparent;font-family: 'NanumMyeongjo2', serif !important;}
.k_input_required.on:focus::placeholder{color: #F00;}

@media (max-width: 768px){
	
	#contact_video, #contact_video2{transform: translateX(-70%) scale(1.32);}
}

@media (max-width: 400px){
	
	#contact_video, #contact_video2{left: 0;transform: translateX(-75%) scale(1.32);}
}

/*---menu 변경---*/
#k_header .mo_inner{width: 100%;margin: 0 auto;}

/*---컨택트 페이지 반응형 수정---*/

#new_submit>p{display: none;}
.thank_blue{display: none !important;}

#dummy_btn{position: absolute;top: 35%;left: 0;width: 244px;height: 223px;z-index: 600;margin-top: 163px;}

@media (max-width: 1480px){ 
	
	#dummy_btn{width: 195px;height: 185px;margin-top: 127px;}	 
}

@media (max-width: 1080px){ 
	
	#dummy_btn{display: none;}	 
}

@media (max-width: 960px){
	
	.contact_info li{margin-bottom: 125px;}
	.contact_info li h3{font-size: 25px;margin-bottom: 61px;}
	.contact_info li p i{font-size: 20px;margin-bottom: 14px;}

	.contact_info li.contact_addr h3{margin-bottom: 69px;}
	.contact_info .contact_addr p i{font-size: 18px;}

	.contact_info .contact_addr p i:nth-child(1){font-size: 17px;line-height: 145%;margin-bottom: 17px !important;}
	.contact_info .contact_addr p i:nth-child(2){line-height: 150%;}

	#k_contact_info{padding-top: 228px;}

	#contact_box2 h3{font-size: 25px;}
	#contact_video, #contact_video2{display: none;}
	
	.form_btm{padding: 0;margin-top: 64px;background: none !important;}
	.form_btm .video_after{border: none;font-size: 20px;margin-bottom: 29px;}
	.video_after p{display: none;}

	.form_btm .k_label{font-size: 18px;}
	.form_btm .contact_form_02 .k_label{font-size: 20px;}

	.contact_form_02 .input_chk_box label b{font-size: 20px;}

	.form_btm .contact_form_03 .k_label{font-size: 20px;}
	
	#new_submit{border-bottom: 2px solid #2c507e;position: relative;}
	#new_submit::before{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: #FFF;z-index: 1;transform: rotate(360.1deg);transform-origin: right;}
	#new_submit button img{margin-left: 3px;}
	#new_submit button img:nth-child(1), #new_submit button img:nth-child(2){max-width: 134px;}
	#new_submit button img:nth-child(3){max-width: 22px;}

	#new_submit>p{display: block;font-size: 18px;color: #2D4F7E;position: absolute;bottom: 0;left: 0;height: 41px;line-height: 41px;transition: color 1s;}

	#btn_video{width: 162px;height: 41px;}

	.form_btm .b_title_box{margin-bottom: 17px;}
	.contact_form_01 .b_input_inner{padding-bottom: 1px;margin-bottom: 5px;transition: border-bottom-color 1s;}
	.contact_form_01 .b_input_inner2{margin-bottom: 8px;}
	.contact_form_01 .b_input_inner3{padding-bottom: 0;}

	.input_chk_box input[type="checkbox"] + label span{margin-right: 10px;transition: border-color 1s;}

	.contact_form_02>label{margin-bottom: 30px;}

	.contact_form_02 .input_chk_box:nth-child(3n-1){width: 40%;}
	.contact_form_02 .input_chk_box:nth-child(3n-3){width: 40%;}
	.contact_form_02 .input_chk_box:nth-child(3n+1){width: 20%;}

	.form_btm .contact_form_02{margin-bottom: 45px;}

	.contact_form_03 textarea{min-height: 255px;}

	#k_contact_form{padding-bottom: 0;}

	/*---bg on---*/
	.form_btm.on *{color: #FFF;}
	.form_btm .k_label, .contact_form_02 .input_chk_box label b{transition: color 1s;}
	.form_btm.on .b_title_box{border-bottom-color: #FFF;}
	.form_btm.on .contact_form_01 .b_input_inner{border-bottom-color: #FFF;}
	.form_btm .b_input_inner::before, .form_btm .b_title_box::before{background: #375784;display: none;}
	.form_btm .b_input_inner::after, .form_btm .b_title_box::after{background: #375784;display: none;}

	.form_btm.on .input_chk_box input[type="checkbox"] + label span{border-color: #FFF;}
	.form_btm.on .input_chk_box input[type="checkbox"]:checked + label span{background-image: url(/img/chk_w.png);}

	.form_btm.on #new_submit>p{color: #FFF;}
	.form_btm.on .k_input_required.on:focus::placeholder{color: rgba(255,255,255,.7);}
	
	.form_btm.on #new_submit button img:nth-child(1){display: none !important;}
	.form_btm.on .thank_blue{display: block !important;}
}

@media (max-width: 720px){ 
	
	#k_contact_info{padding-top: 150px;}
	
	.contact_info li{margin-bottom: 82px;}
	.contact_info li h3{font-size: 22px;margin-bottom: 48px;}
	.contact_info li p i{font-size: 18px;margin-bottom: 8px;}
	
	.contact_info li.contact_addr h3{margin-bottom: 60px;}
	.contact_info li.contact_addr p i{font-size: 15px !important;}

	#contact_box2 h3{font-size: 22px;}
	.form_btm .b_title_box{font-size: 17px;text-align: left;}
	.form_btm .k_label{font-size: 15px;}
	.form_btm .contact_form_02 .k_label{font-size: 17px;}

	.form_btm{margin-top: 76px;padding: 0 23px;padding-bottom: 55px;}
	.form_btm .b_title_box{padding-bottom: 8px;}
	.contact_form_01 label{padding-left: 0;}

	.form_btm>.contact_form_01{margin-bottom: 56px;}

	.contact_form_02 .input_chk_box label b{font-size: 17.43px;}

	.contact_form_02>label{margin-bottom: 37px;}

	.input_chk_box input[type="checkbox"] + label span{width: 18px;height: 18px;}

	.contact_form_02 .input_chk_box{margin-bottom: 15.5px;}

	.form_btm .contact_form_03 .k_label{font-size: 17px;}

	#new_submit>p{font-size: 16px;bottom: 482px;}
	#new_submit button img{margin-left: 5px;}
	#new_submit button img:nth-child(1), #new_submit button img:nth-child(2){max-width: 110px;}
	#new_submit button img:nth-child(3){max-width: 20px;}

	.contact_form_03 textarea{margin-top: 60px;min-height: 425px;}

	#btn_video{width: 140px;height: 39px;}
}

/*---2022.10.19 - new css---*/
.journey_tit{margin-top: 148px;margin-bottom: 65px;color: #2d4f7e;text-align: center;}
.journey_tit span{display: block;margin-bottom: 18px;font-size: 17px;letter-spacing: 1.6px;}
.journey_tit h3{font-size: 39px;margin-bottom: 62px;}
.journey_tit figure img{display: block;margin: 0 auto;}

.journey_port{margin-bottom: 76px;}

.new_tit{text-align: center;color: #2D4F7E;margin-bottom: 28px;}

@media (max-width: 1480px){
	
	.new_tit{margin-top: 23px;}
}

@media (max-width: 1080px){
	
	.journey_tit{margin-top: 85px;margin-bottom: 25px;}
	.journey_tit span{font-size: 11px;letter-spacing: 1px;margin-bottom: 8px;}
	.journey_tit h3{font-size: 19px;margin-bottom: 25px;}
	.journey_tit figure img{max-width: 30px;}

	.journey_port{margin-top: 85px;margin-bottom: 40px;}
}

@media (max-width: 720px){
	
	.new_tit h3{font-size: 22px;}	
}