@charset "utf-8";

.pagecommon{font-size:15px;color:#777;line-height:1.8;letter-spacing:-.2px;font-family:'notokr-regular'}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .tit_area{font-size:17px;color:#fff}
.pagecommon .tit_area .eng_t{margin-bottom:20px;font-size:45px;line-height:1.1;font-weight:700;font-family:'play'}

/* p34 */
#Page34{min-height:730px;color:#a7a7a7}
#Page34 .tit_area{padding-top:30px}
#Page34 .img1{position:absolute;left:0;top: 0;}
#Page34 .img2{position:absolute;left: 200px;bottom:0;}
#Page34 .txt{padding-left:50%}
#Page34 .btm_t{margin:210px 0 0 130px}
#Page34 .btm_t p{margin-bottom:20px;font-size:16px;font-weight:700;color:var(--primary);font-family:'play'}
#Page34 .btm_t span{display:block;margin-bottom:15px;font-size:25px;color:#fff;font-family:"notokr-bold"}
#Page34 .btm_t div{font-size:18px}

/* p35 */
#Page35 .cont_box ul{margin-top:20px}
#Page35 .cont_box ul li{position:relative;padding-left:15px}
#Page35 .cont_box ul li::before{content:"";display:inline-block;position:absolute;left:0;top:12px;width:4px;height:4px;border-radius:100%;background:var(--primary)}


/* p38 */
#Page38{position:relative;height:590px;margin-bottom:324px;padding-top:120px}
#Page38:before{position:absolute;left:0;top:0;width:100%;height:770px;content:'';z-index:-1;background-color:#000}
#Page38 .tit_bg{position:absolute;top:0;left:0;z-index:-1;width:50%;height:914px;background:url(/sh_page/img/p38_titbg.png) left bottom no-repeat var(--primary)}
#Page38 .tit_area{width:100%;max-width:1200px;margin:0 auto}
#Page38 .gall{padding-top:60px;float:right;width:calc(50% + 598px)} 
#Page38 .gall_pager{position:absolute;left:50%;bottom:-300px;z-index:10;height:130px;padding-left:60px;line-height:145px;-webkit-transition:all .2s;transition:all .2s}
#Page38 .gall_pager span{position:relative;padding-bottom:9px; font-size:14px;font-weight:700;color:#aaa;cursor:pointer;font-family:'Play'} 
#Page38 .gall_pager span+span{margin-left:30px}
#Page38 .gall_pager span:after{display:block;content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:4px;background-color:var(--primary);-webkit-transition:all .2s;transition:all .2s}
#Page38 .gall_pager span.on{color:var(--primary)} 
#Page38 .gall_pager span.on:after{width:100%}
#Page38 ul li{position:relative;width:460px;min-height:300px;text-align:center;transition:all .5s}
#Page38 ul li img{width:100%}
#Page38 ul li .txt p{padding-top:12px;font-size:29px;color:#fff;font-family:'notokr-bold'}
#Page38 ul li .txt .desc{opacity:0;margin-top:6px;color:rgba(255, 255, 255, 0.6);transition:all .2s}
#Page38 ul li.swiper-slide-active{width:610px!important;padding-right:80px}
#Page38 ul li.swiper-slide-active img{box-shadow:0 34px 30px -20px rgb(0 0 0 / 38%)}
#Page38 ul li.swiper-slide-active .desc{opacity:1}

/* tab */
#tab_page .tabs{display:table;margin:0 auto}
#tab_page .tabs li{display:inline-block;position:relative;margin:0 22px;padding:15px 0;font-size:18px;color:#b7b7b7;cursor:pointer;font-family:notokr-bold}
#tab_page .tabs li.on{color:var(--primary)}
#tab_page .tabs li.on:after{position:absolute;left:0;bottom:0;width:100%;height:4px;content:'';background-color:var(--primary)}
#tab_page .tabs_area{position:relative;margin-bottom:80px}
#tab_page .tabs_area:after{position:absolute;left:0;bottom:0;width:100%;height:1px;content:'';background-color:#e1e1e1}
#tab_page .tab_cont{display:none;width:100%;max-width:1200px;margin:0 auto}
#tab_page .page_txt{width:100%;max-width:980px;margin:-84px auto 0}
#tab_page .pro_tit{position:relative;padding: 0 45px;line-height: 84px;background-color:#fff;font-family:'play','notokr-bold';}
#tab_page .pro_tit .number{display:block;position:absolute;right:0;top:0;width: 84px;height: 84px;font-size:16px;font-weight:700;color:#fff;text-align:center;background-color:var(--primary);}
#tab_page .pro_tit .tit{font-size:16px;color:#222}
#tab_page .pro_tit .tit span{font-weight:700;color:var(--primary)}
#tab_page .pro_tit .tit span:after{display:inline-block;margin: 0 13px;width:1px;height: 12px;content:'';background-color:#ddd;}
#tab_page .cont_box{padding: 45px;background-color:#f7f7f7}
#tab_page .cont_box p{margin-bottom:12px;font-size: 17px;color:#222;font-family:notokr-medium;}
#tab_page .cont_box span{white-space:pre-line}
/* 반응형 [s] */
@media (max-width:1230px){
.pagecommon .tit_area .eng_t{font-size:40px}
#Page34{min-height:auto}
#Page34 .img1{width:325px}
#Page34 .img2{width:270px;left:200px}
#Page34 .txt{padding-left:400px}
#Page34 .btm_t{margin-top:100px}
#Page34 .btm_t .pl{max-width:470px;white-space:normal}
#tab_page .img img{width:100%}
#tab_page .tabs li{font-size:16px}
#tab_page .tab_cont{max-width:none;padding:0 50px}
#tab_page .page_txt{padding:0 40px}
#Page38 .tit_area{max-width:none;width:50%;margin:0;padding:0 50px}
#Page38 .gall{width:100%;padding:60px 50px 0}
#Page38 ul li.swiper-slide-active{width:calc(100%/2 + 13px) !important}
#Page38 ul li .txt p{font-size:25px}
}
@media (max-width:1024px){
.pagecommon .tit_area{font-size:16px}
.pagecommon .tit_area .eng_t{font-size:35px}
#Page34 .img1{width:250px}
#Page34 .img2{left:150px;;bottom:auto;top:300px;width:200px}
#Page34 .txt{padding-left:305px}
#Page34 .btm_t{margin-left:95px}
#tab_page .tabs_area{margin-bottom:60px}
#tab_page .page_txt{margin-top:-75px}
#tab_page .pro_tit{line-height:75px}
#tab_page .pro_tit .number{width:75px;height:75px}
#tab_page .pro_tit .tit{font-size:16px}
#tab_page .cont_box p{font-size:16px}
#Page38{padding-top:90px}
#Page38:before{height:680px}
#Page38 .tit_bg{height:770px}
#Page38 .tit_area{padding-right:30px}
#Page38 ul li .txt p{font-size:22px}
#Page38 ul li .txt .desc{white-space:normal}
#Page38 ul li.swiper-slide-active{width:calc(100%/2) !important;padding-right:50px}
#Page38 .gall_pager{bottom:-192px}
}
@media (max-width:640px){
    #Page34 .img1{width:140px}
    #Page34 .img2{top:146px;right:98px;width:89px}
}

@media (max-width:768px){
.pagecommon .tit_area{font-size:15px}
.pagecommon .tit_area .eng_t{font-size:30px}
#Page34 .img1{left:auto;right:0;width:170px}
#Page34 .img2{left:auto;right:117px;top:185px;width:100px}
#Page34 .txt{padding-left:0}
#Page34 .tit_area{padding:44px 240px 0 0}
#Page34 .btm_t{margin:80px 0 0}
#tab_page .tab_cont{padding:0 30px}
#tab_page .tabs_area{margin-bottom:50px}
#tab_page .page_txt{padding:0 25px}
#Page38{padding-top:70px}
#Page38:before{height:660px}
#Page38 .tit_bg{width:65%;height:740px}
#Page38 .tit_area{width:65%;padding:0 20px 0 30px}
#Page38 .gall{padding:60px 30px 0}
#Page38 ul li.swiper-slide-active{width:69% !important;padding-right:50px}
#Page38 ul li .txt p{font-size:20px}
#Page38 .gall_pager{left:auto;right:30px;bottom:-167px}
#Page38 .gall_pager span+span{margin-left:15px}
#tab_page .cont_box span{white-space:normal}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .tit_area{font-size:14px}
.pagecommon .tit_area .eng_t{font-size:28px}
#Page34 .img1{position:initial;width:70%}
#Page34 .img2{float:right;position:relative;;right:auto;top:auto;width:40%;margin-top:-90px}
#Page34 .tit_area{padding:70px 0 0}
#Page34 .btm_t{margin-top:45px}
#tab_page .tab_cont{padding:0 15px}
#tab_page .tabs li{margin:0 10px;font-size:15px}
#tab_page .page_txt{margin-top:0;padding:0}
#tab_page .pro_tit{padding:0 25px;line-height:65px}
#tab_page .pro_tit .number{width:65px;height:65px;font-size:15px}
#tab_page .pro_tit .tit{font-size:15px}
#tab_page .cont_box{padding:35px 25px}
#tab_page .cont_box p{font-size:15px}
#Page38{height:auto;margin-bottom:0;padding:60px 0 120px}
#Page38:before{height:100%}
#Page38 .tit_bg{width:100%;height:50%}
#Page38 .tit_area{width:100%;padding:0 15px;text-align:center}
#Page38 .gall{float:none;padding:45px 15px 0}
#Page38 ul li{min-height:auto}
#Page38 ul li.swiper-slide-active{width:100% !important;padding-right:0}
#Page38 ul li .txt p{font-size:18px}
#Page38 ul li .txt .desc{white-space:pre-line}
#Page38 .gall_pager{left:50%;right:auto;bottom:0;transform:translateX(-50%);padding-left:0}
}
@media (max-width:380px){
.pagecommon .tit_area .eng_t{font-size:20px}
#Page38 ul li .txt .desc{white-space:normal}
}
/* 반응형 [e] */