/********************************************************** 
* sub_page - 공통
***********************************************************/

@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap');
.sortsmillgoudy *,.sortsmillgoudy {
    font-family: 'Sorts Mill Goudy', sans-serif;
}
.onbox{display:none}
.onbox.show{display:block;}
.sub_text_ani{
    transform:translateY(-160%) translateZ(0);
    -webkit-transform:translateY(-160%) translateZ(0);  
    -moz-transform:translateY(-160%) translateZ(0);  
    -ms-transform:translateY(-160%) translateZ(0);  
    -o-transform:translateY(-160%) translateZ(0); 
    animation: sub_text_ani forwards 1.4s ease-out;
    -webkit-animation: sub_text_ani forwards 1.4s ease-out; 
    -moz-animation: sub_text_ani forwards 1.4s ease-out; 
    -ms-animation: sub_text_ani forwards 1.4s ease-out; 
    -o-animation: sub_text_ani forwards 1.4s ease-out;
}
@keyframes sub_text_ani {
    0% {transform:translateY(-160%) translateZ(0);}
    100% {transform: translateY(0) translateZ(0);}
}
@-webkit-keyframes sub_text_ani {
    0% {transform:translateY(-160%) translateZ(0);}
    100% {transform: translateY(0) translateZ(0);}
}


.sub_top_cont{
    position:relative; width:100%; height:713px; min-height:500px; max-height: 807px; overflow:hidden;
}

.sub_top_cont_wrap{
    position:relative; width:100%; height:100%; overflow:hidden; 
}
.sub_top_view_bg{
    position:absolute; bottom:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
    -webkit-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -moz-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -ms-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -o-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
}
@keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}
@-moz-keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}

.sub_top_text{
    position:absolute; top:47%; left:50%; width:100%;
    transform: translate(-50%, -0%) translateZ(0); 
    -webkit-transform: translate(-50%, -0%) translateZ(0); 
    -moz-transform: translate(-50%, -0%) translateZ(0); 
    -ms-transform: translate(-50%, -0%) translateZ(0); 
    -o-transform: translate(-50%, -0%) translateZ(0);
    text-align: center; color: #fff;
}
/* sub tab */
strong{font-weight:bold}
.ov{overflow:hidden}

.sub_bg_wrap{position: relative;width:100%;max-width:1846px;margin:0 auto;height:1028px;overflow:hidden;margin-bottom: 40px;}
.sub_bg01{background: url(../img/about_us_bg.png) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_top_text{position: absolute;left: 50%;top: 30%;transform: translate(-50%, -50%);text-align:center;z-index:1}
.sub_top_text div{overflow:hidden;position: relative;}
.sub_top_text h1{font-size:45px;color:#101010;font-weight:600;padding-top:30px;}
.sub_top_text p{font-size:20px;color:#000000;font-weight:400;}

.mo_cont_1280,
.mo_flex_1280 { display: none !important; }

/********************************************************** 
* about - a 
***********************************************************/
.ab_cont{position: relative;height:450px}
.ab_cont .sub_top_text{top:75%}
.cont01 .tx_bx h1{font-size:40px;line-height:55px;    text-align: center;font-weight: 600;padding-bottom: 68px;}
.cont01 .tx_bx p{font-size:18px;line-height:30px;    text-align: center;font-weight: 500;}
.cont01 .tx_bx strong{font-weight:700}
.about_w{background:#f7f7f7}
.about_w .scc{width:1395px;margin:0 auto;}
.about_w .tx h1{font-size:30px;font-weight: 700;border-bottom: 1px solid #b4a09c;padding-bottom: 26px;}
.about_w .tx h1 span{font-weight: 600;font-size:20px;color:#454545;padding-left: 12px;}
.about_w ul{gap: 30px 17px;padding-top:65px;display: flex;flex-wrap: wrap;}
.about_w ul li{background:#fff;width:335px;height:547px;text-align: center;}

.about_w ul li a{padding: 50px 0 65px;width:100%;height:100%;display: flex;flex-direction: column;justify-content: space-between;}

.about_w ul li h1{font-size:25px;    font-weight: 700;padding: 30px 0 17px;}
.about_w ul li span{font-size:18px;color:#454545;font-weight: 600;}
.about_w ul li p{color:#434343;font-size:17px;line-height:27px;text-align: center;font-weight: 500;}
.sub_bg_wrap .cont01{position: relative;z-index:1}
.about_w ul li:nth-child(3) a{padding:50px 0 33px}
@media (max-width: 1620px) {
	/********************************************************** 
	* about - a 
	***********************************************************/
	.sub_bg_wrap{width:100%;max-width:109.8810vw;margin:0 auto;height:61.1905vw;margin-bottom: 2.3810vw;}
	.sub_bg01{background: url(../img/about_us_bg.png) 50% 50% / cover no-repeat;width:100%;height:100%;}
	.sub_top_text{left: 50%;top: 30%;transform: translate(-50%, -50%);z-index:1}
	.sub_top_text div{}
	.sub_top_text h1{font-size:2.6786vw;padding-top:1.7857vw;}
	.sub_top_text p{font-size:1.1905vw;}
	.cont01 .tx_bx h1{font-size:2.4691vw;line-height:3.3951vw;    padding-bottom: 4.1975vw;}
	.cont01 .tx_bx p{font-size:1.1111vw;line-height:1.8519vw;    }
	.about_w{background:#f7f7f7}
	.about_w .scc{width:86.1111vw;margin:0 auto;}
	.about_w .tx h1{font-size:1.8519vw;border-bottom: 0.0617vw solid #b4a09c;padding-bottom: 1.6049vw;}
	.about_w .tx h1 span{font-size:1.2346vw;padding-left: 0.7407vw;}
	.about_w ul{gap: 1.8519vw 1.0494vw;padding-top:4.0123vw;flex-wrap: wrap;}
	.about_w ul li{background:#fff;width:20.6790vw;height:33.7654vw;}
	.about_w ul li h1{font-size:1.5432vw;    padding: 1.8519vw 0 1.0494vw;}
	.about_w ul li span{font-size:1.1111vw;}
	.about_w ul li p{font-size:1.0494vw;line-height:1.6667vw;}
	.about_w ul li img{width:10.3086vw}
	.about_w ul li:nth-child(3) a{padding:2.9762vw 0 1.9643vw}
	.about_w ul li a{padding: 3.0864vw 0 4.0123vw;}
}
@media (max-width: 1024px) {
	.scc{width: 95.2305vw;}
	/********************************************************** 
	* about - a 
	***********************************************************/
	.cont01 .tx_bx h1{font-size:3.9063vw;line-height:5.3711vw;    padding-bottom: 6.6406vw;}
	.cont01 .tx_bx p{font-size:1.7578vw;line-height:2.9297vw;    }
	.about_w{background:#f7f7f7}
	.about_w .scc{width:95.2305vw;margin:0 auto;}
	.about_w .tx h1{font-size:2.9297vw;border-bottom: 0.0977vw solid #b4a09c;padding-bottom: 2.5391vw;}
	.about_w .tx h1 span{font-size:1.9531vw;padding-left: 1.1719vw;}
	.about_w ul{gap: 2.9297vw 1.3602vw;padding-top:6.3477vw;flex-wrap: wrap;}
	.about_w ul li{background:#fff;width:30.7148vw;height:53.4180vw;}
	.about_w ul li h1{font-size:2.4414vw;    padding: 2.9297vw 0 1.6602vw;}
	.about_w ul li span{font-size:1.7578vw;}
	.about_w ul li p{font-size:1.6602vw;line-height:2.6367vw;}
	.about_w ul li img{width:16.3086vw}
	.sub_bg_wrap{width:100%;max-width:180.2734vw;margin:0 auto;height:100.3906vw;margin-bottom: 3.9063vw;}
	.sub_bg01{background: url(../img/about_us_bg.png) 50% 50% / cover no-repeat;width:100%;height:100%;}
	.sub_top_text{left: 50%;top: 30%;transform: translate(-50%, -50%);z-index:1}
	.sub_top_text div{}
	.sub_top_text h1{font-size:4.3945vw;padding-top:2.9297vw;}
	.sub_top_text p{font-size:1.9531vw;}
	.about_w ul li:nth-child(3) a{padding:4.8828vw 0 3.2227vw}
	.about_w ul li a{padding: 4.8828vw 0 6.3477vw;}
}
@media (max-width: 768px) {
	.scc{width: 92.2305vw;}
	/********************************************************** 
	* about - a 
	***********************************************************/
	.cont01 .tx_bx h1{font-size:5.2083vw;line-height:7.1615vw;    padding-bottom: 8.8542vw;}
	.cont01 .tx_bx p{font-size:2.3438vw;line-height:3.9063vw;    }
	.about_w .scc{width:92.2305vw;}
	.about_w{background:#f7f7f7}
	.about_w .tx h1{font-size:3.9063vw;border-bottom: 0.1302vw solid #b4a09c;padding-bottom: 3.3854vw;}
	.about_w .tx h1 span{font-size:2.6042vw;padding-left: 1.5625vw;}
	.about_w ul{gap: 3.9063vw 2.2135vw;padding-top:8.4635vw;flex-wrap: wrap;justify-content: space-between;}
	.about_w ul li{background:#fff;width:43.6198vw;height:71.2240vw;}
	.about_w ul li h1{font-size:3.2552vw;    padding: 3.9063vw 0 2.2135vw;}
	.about_w ul li span{font-size:2.3438vw;}
	.about_w ul li p{font-size:2.2135vw;line-height:3.5156vw;}
	.about_w ul li img{width:21.7448vw}
	.sub_bg01{background: url(../img/about_us_bg_m.png) 50% 50% / cover no-repeat;width:100%;height:100%;}
	.sub_bg_wrap{width:100%;max-width:240.3646vw;margin:0 auto;height:133.8542vw;margin-bottom: 5.2083vw;}

	.sub_top_text{left: 50%;top: 85%;transform: translate(-50%, -50%);z-index:1}
	.sub_top_text div{}
	.sub_top_text h1{font-size:5.8594vw;padding-top:3.9063vw;}
	.sub_top_text p{font-size:2.6042vw;}
	.about_w ul li:nth-child(3) a{padding:6.5104vw 0 4.2969vw}
	.ab_cont{display:none}
	.about_w ul li a{padding: 6.5104vw 0 8.4635vw;}
}
@media (max-width: 480px) {
	/********************************************************** 
	* about - a 
	***********************************************************/
	.cont01 .tx_bx h1{font-size:7.1429vw;line-height:9.8214vw;    padding-bottom: 12.1429vw;}
	.cont01 .tx_bx p{font-size:3.6143vw;line-height:5.6571vw;    }
	.about_w .tx h1{font-size:5.3571vw;border-bottom: 0.1786vw solid #b4a09c;padding-bottom: 4.6429vw;}
	.about_w .tx h1 span{font-size:3.5714vw;padding-left: 2.1429vw;}
	.about_w ul{gap: 2.0357vw;padding-top:11.6071vw;flex-wrap: wrap;}
	.about_w ul li{background:#fff;width:44.8214vw;height:82.6786vw;}
	.about_w ul li h1{font-size:4.4643vw;    padding: 5.3571vw 0 3.0357vw;}
	.about_w ul li span{font-size:3.2143vw;}
	.about_w ul li p{font-size:2.4357vw;line-height:4.0214vw;}
	.about_w ul li img{width:24.8214vw}
	.sub_bg_wrap{margin-top: 25.4643vw;width: 92.2305vw;}
	.sub_top_text{top:84%}
	.sub_top_text h1{color:#fff;font-size: 6.0357vw;padding-top: 5.3571vw;letter-spacing: 0.1786vw;}
	.sub_top_text p {color:#fff;font-size: 3.8714vw;letter-spacing: 0.1786vw;}
	.cont01 .tx_bx h1{font-size: 5.7429vw;line-height: 7.8214vw;padding-bottom: 9.1429vw;}
	.cont01.con_inner{padding: 14.1864vw 0;}
	.cont01 .tx_bx p.cont01_pp2{font-size: 3.2143vw;}
	.about_w{background:#eff4f4}
	.about_w .tx h1{border-bottom:0;padding-bottom: 5.6429vw;}
	.about_w .scc.con_inner{padding: 14.1864vw 0;}
	.about_w ul{padding-top:0;        gap: 3.0357vw 2.0357vw;}
	.about_w ul li a{padding: 6.9286vw 0 11.6071vw;}
}
@media (max-width: 1280px) {
	.pc_cont_1280,
	.pc_flex_1280 { display: none !important; }
	.mo_cont_1280 { display: block !important; }
	.mo_flex_1280 { display: flex !important; }
}