@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

#comingsoon {width:100%;padding-top:100px;text-align:center}

.common_page{padding:40px 0;font-size:16px;line-height:1.8;letter-spacing:0;color:#666;font-family:'notokr-regular'}
.common_page .bold_txt{font-size:30px;line-height:1;color:var(--primary);font-family:'Merriweather', serif;}
.common_page .eng_txt{margin-bottom:24px;font-size:15px;font-weight:800;letter-spacing:0;color:var(--primary);font-family:'mulish'}

/* 브랜드 스토리 */
#p33{text-align:center}
#p33 .bold_txt{color:#222}
#p33 .bold_txt br{display:none}
#p33 .img_box{position:relative;z-index:1; margin-top:43px;padding-bottom:75px}
#p33 .img_box:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:265px;border-radius:15px;background:url('/sh_page/img/p33_bg.jpg')}
#p33 .bs_txt{white-space:pre-line;word-break:keep-all;margin:64px 0 37px}
#p33 .bs_txt span{text-decoration:underline;color:#333;font-family:'notokr-medium'}
#p33 .sign span{color:#333;font-family:'notokr-medium'}

/* 브랜드 로고 */
#p34 .main_brand{padding:80px 80px 74px;text-align:center;background:#f7f5e8}
#p34 .main_brand .brand_name{font-size:30px;line-height:1;color:#222;font-family:'Merriweather', serif}
#p34 .main_brand .tit_txt{margin:7px 0 16px;font-size:18px;color:var(--primary);font-family:'Merriweather', serif;}
#p34 .main_brand .brand_txt{word-break:keep-all}
#p34 .main_brand .line_txt{position:relative;z-index:1;margin-top:33px}
#p34 .main_brand .line_txt:before{position:absolute;left:0;top:14px;content:'';z-index:-1;width:100%;height:1px;background:rgba(000,000,000,.1)}
#p34 .main_brand .line_txt span{display:inline-block;padding:0 30px;font-size:15px;font-weight:800;letter-spacing:0;color:#333;background:#f7f5e8;font-family:'mulish'}
#p34 .main_brand .logo_wrap{display:flex;align-items:center;margin-top:40px}
#p34 .main_brand .logo_wrap .logo{width:440px}
#p34 .main_brand .logo_wrap .txt{width:calc(100% - 440px);padding-left:60px;text-align:left;white-space:pre-line;word-break:keep-all}
#p34 .sub_brand{padding:80px 80px 0}
#p34 .sub_brand .brand_box{display:flex}
#p34 .sub_brand .brand_box+.brand_box{padding-top:80px}
#p34 .sub_brand .brand_box .logo{width:440px;height:270px;border:1px solid #e1e1e1;text-align:center;line-height:270px;background:url('/sh_page/img/p34_logo_bg.jpg') center;background-size:cover}
#p34 .sub_brand .brand_box .info{width:calc(100% - 440px);padding:30px 0 0 60px}
#p34 .sub_brand .brand_box .info .tit{margin-bottom:25px;font-size:30px;line-height:1;font-family:'Merriweather', serif;}
#p34 .sub_brand .brand_box .info .tit a{display:inline-block;margin-left:10px;padding:0 10px;border-radius:50px;border:1px solid var(--primary);font-size:15px;line-height:30px;color:var(--primary);font-family:'notokr-bold'}
#p34 .sub_brand .brand_box .info .tit a.mr{border:1px solid #f5ab18;color:#f5ab18}
#p34 .sub_brand .brand_box .info .tit span{display:block;margin-top:15px;font-size:18px;line-height:30px;word-break:keep-all;color:#222}
#p34 .co_b{color:var(--primary)}
#p34 .co_y{color:#f5ab18}
#p34 .co_m{color:#ef7701}
#p34 .co_c{color:#ea5198}
#p34 .sub_brand .brand_box .info .txt{white-space:pre-line;word-break:keep-all;}

/* 상담 문의 */
#p35{text-align:center}
#p35 .logo_img{margin-bottom:26px}
#p35 .s_txt{margin-top:11px}
#p35 .merit_list{display:flex;justify-content:space-between;margin-top:42px}
#p35 .merit_list li{width:calc(100%/3 - 13.4px)}
#p35 .merit_list li .num{padding:7px 0;border-radius:15px 15px 0 0;font-size:15px;font-weight:600;letter-spacing:0;color:#fff;background:var(--primary);font-family:'Poppins'}
#p35 .merit_list li .img{overflow:hidden;border-radius:0 0 15px 15px}
#p35 .merit_list li .img img{width:100%}
#p35 .merit_list li .tit{margin-top:14px;font-size:23px;color:#222;font-family:'GangwonEdu_OTFBoldA'}
#p35 .merit_list li .txt{white-space:pre-line}
#p35 .merit_list li a{display:inline-block;margin-top:15px;padding:0 10px 5px;border-bottom:3px solid var(--primary);color:#222;font-family:'notokr-bold'}
#p35 .merit_list li a i{margin-left:15px}
#p35 .contact_box{margin-top:63px;padding:50px 0;/*background:url('/sh_page/img/p35_bg.jpg') center;bbackground-size:cover*/;background-color:var(--primary)}
#p35 .contact_box .tit{display:inline-block;height:35px;padding:0 20px;border-radius:50px;font-size:18px;line-height:39px;color:var(--primary);background:#fff;font-family:'GangwonEdu_OTFBoldA'}
#p35 .contact_box .contact{display:flex;justify-content:center;margin:24px 0 40px}
#p35 .contact_box .contact li{position:relative;padding:0 30px;font-size:27px;color:#fff;font-family:'GangwonEdu_OTFBoldA'}
#p35 .contact_box .contact li:nth-child(2):before{position:absolute;left:0;top:6px;content:'';width:1px;height:15px;background:#e1e1e1}
#p35 .contact_box .contact li i{margin-right:15px;color:#fff}
#p35 .contact_box a{padding:0 10px 7px;border-bottom:3px solid #fff;color:#fff;font-family:'notokr-bold'}
#p35 .contact_box a i{margin-left:15px}
#p35 .map_box{margin-top:80px}
#p35 .map_box .map_list{display:flex;justify-content:space-between;margin-top:55px}
#p35 .map_box .map_list>li{width:calc(100%/2 - 10px)}
#p35 .map_box .map_list>li>img{margin-bottom:15px}
#p35 .map_box .map_list>li .map_wrap{width:100%}
#p35 .map_box .map_list>li ul li{display:flex;padding:20px 20px 0}
#p35 .map_box .map_list>li ul li .map_tit span{display:inline-block;width:150px;height:30px;border-radius:50px;font-size:18px;text-align:center;line-height:34px;color:#fff;background:var(--primary);font-family:'GangwonEdu_OTFBoldA'}
#p35 .map_box .map_list>li ul li .map_info{width:calc(100% - 80px);padding-left:20px;text-align:left}
#p35 .map_box .map_list>li ul li .map_info i{width:16px;margin-right:15px;color:#333}

/* 기업연혁 */
#p36 .top_txt{margin-bottom:20px;font-size:50px;line-height:60px;text-align:center;white-space:pre-line;word-break:keep-all;letter-spacing:0;color:var(--primary);font-family:'Rubik Dirt'}
#p36 .s_txt{text-align:center;word-break:keep-all}
#p36 .arrow{display:block;position:relative;width:50px;height:50xp;margin:47px auto 79px;border-radius:100%;text-align:center;line-height:50px;color:#fff;background:#e98155}
#p36 .arrow:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);content:'';z-index:-1;width:65px;height:65px;border-radius:100px;background:rgba(233,129,85,.4)}
#p36 .his_wrap{overflow:hidden;position:relative}
#p36 .his_wrap:before{position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;width:3px;height:calc(100% - 200px);border-right:5px dotted #e1e1e1}
#p36 .his_wrap .year{display:block;position:absolute;left:50%;transform:translateX(-50%);width:100px;height:100px;border-radius:100%;font-size:20px;text-align:center;line-height:100px;font-weight:700;letter-spacing:0;color:#fff;background:var(--primary);font-family:'mulish'}
#p36 .his_wrap .year:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);content:'';z-index:-1;width:90px;height:90px;border-radius:100%;border:1px solid rgba(255,255,255,.3)}
#p36 .his_wrap .his_box{position:relative;min-height:100px}
#p36 .his_wrap .his_box+.his_box{margin-top:200px}
#p36 .his_wrap .his_box:nth-child(2n) .year{color:#333;background:#f7f5e8}
#p36 .his_wrap .his_box:nth-child(2n) .year:before{border:1px solid #e9e5ca}
#p36 .his_wrap .his_box .his_list{float:right;width:50%;padding:35px 0 0 130px}
#p36 .his_wrap .his_box:nth-child(2n) .his_list{float:left;padding:35px 130px 0 0;text-align:right}
#p36 .his_wrap .his_box .his_list li{position:relative;padding-left:18px;word-break:keep-all;color:#333;font-family:'notokr-medium'}
#p36 .his_wrap .his_box:nth-child(2n) .his_list li{padding:0 18px 0 0}
#p36 .his_wrap .his_box .his_list li:before{position:absolute;left:0;top:12px;content:'';width:3px;height:3px;border-radius:100%;background:var(--primary)}
#p36 .his_wrap .his_box:nth-child(2n) .his_list li:before{left:auto;right:0}
#p36 .his_wrap .his_box .his_list .point{color:#e98155}
#p36 .his_wrap .his_box .his_list .point:before{display:none}
#p36 .world_box{margin-top:112px;padding:57px 0 80px;border-radius:15px;text-align:center;background:#f7f5e8}
#p36 .world_box .bot_tit{font-size:40px;letter-spacing:0;word-break:keep-all;color:var(--primary);font-family:'Rubik Dirt'}
#p36 .world_box .s_txt{margin-bottom:63px}

/* 연구개발 */
#p39{text-align:center}
#p39 .bold_txt{margin-bottom:42px;line-height:42px;white-space:pre-line;word-break:keep-all;color:#222}
#p39 .s_txt{position:relative;width:calc(100% - 100px);margin:0 auto;padding-bottom:73px;border-radius:15px;white-space:pre-line;background:#fff}
#p39 img{overflow:hidden;margin-top:-80px;border-radius:15px}

/* 반응형 [s] */
@media (max-width:1400px){
#p34 .main_brand{padding:80px 50px 74px}
#p34 .main_brand .logo_wrap .txt{white-space:normal}
#p34 .main_brand .brand_txt br{display:none;}
#p34 .sub_brand{padding:80px 50px 0}
#p34 .sub_brand .brand_box .info .txt{white-space:normal}
#p36 .his_wrap .his_box .his_list{padding:35px 0 0 90px}
#p36 .his_wrap .his_box:nth-child(2n) .his_list{padding:35px 90px 0 0}
}
@media (max-width:1024px){
#p33 .img_box{padding-bottom:40px}
#p33 .img_box:before{height:62%}
#p33 .img_box img{width:80%}
#p34 .main_brand{padding:50px 25px 54px}
#p34 .main_brand .brand_name{font-size:28px}
#p34 .main_brand .tit_txt{font-size:18px}
#p34 .main_brand .logo_wrap .logo{position:relative;width:300px}
#p34 .main_brand .logo_wrap img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:80%}
#p34 .main_brand .logo_wrap .txt{width:calc(100% - 300px);padding-left:40px}
#p34 .sub_brand{padding:60px 25px 0}
#p34 .sub_brand .brand_box+.brand_box{padding-top:60px}
#p34 .sub_brand .brand_box .logo{position:relative;width:300px;height:220px}
#p34 .sub_brand .brand_box .logo img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60%}
#p34 .sub_brand .brand_box:last-child .logo img{width:auto;height:60%}
#p34 .sub_brand .brand_box .info{width:calc(100% - 300px);padding:30px 0 0 40px}
#p34 .sub_brand .brand_box .info .tit{margin-bottom:20px;font-size:26px}
#p34 .sub_brand .brand_box .info .tit span{font-size:18px;line-height:28px}
#p35 .merit_list li .txt{white-space:normal;word-break:keep-all}
#p35 .contact_box{background-position:left center}
#p35 .map_box .map_list>li ul li{display:block}
#p35 .map_box .map_list>li ul li .map_info{width:100%;padding:20px 0 0}
#p36 .top_txt{font-size:40px;line-height:50px}
#p36 .arrow{margin-bottom:59px}
#p36 .his_wrap .his_box+.his_box{margin-top:60px}
#p36 .his_wrap:before{height:800px}
#p36 .world_box{margin-top:80px}
#p36 .world_box img{width:80%}
#p36 .world_box .bot_tit{margin-bottom:10px;font-size:30px;line-height:40px}
#p39 .bold_txt{padding:0 30px;white-space:normal}
#p39 .s_txt{width:calc(100% - 60px)}
}
@media (max-width:768px){
.common_page{padding:30px 0;font-size:15px}
.common_page .bold_txt{font-size:25px;line-height:35px;word-break:keep-all}
.common_page .eng_txt{margin-bottom:13px}
#p33 .img_box{margin-top:25px}
#p33 .bs_txt{margin:40px 0 30px;padding:0 25px;white-space:normal}
#p34 .main_brand{padding:50px 20px}
#p34 .main_brand .tit_txt{word-break:keep-all}
#p34 .main_brand .logo_wrap{display:block}
#p34 .main_brand .logo_wrap .logo{width:100%}
#p34 .main_brand .logo_wrap img{position:initial;transform:none;width:350px}
#p34 .main_brand .logo_wrap .txt{width:100%;padding:30px 0 0;text-align:center;white-space:pre-line}
#p34 .sub_brand .brand_box{display:block}
#p34 .sub_brand .brand_box .logo{width:100%;height:auto}
#p34 .sub_brand .brand_box .logo img{position:initial;width:auto;height:auto !important;transform:none}
#p34 .sub_brand .brand_box .info{width:100%;padding:30px 0 0;text-align:center}
#p34 .sub_brand .brand_box .info .txt{white-space:pre-line}
#p35 .merit_list li{width:calc(100%/3 - 6.7px)}
#p35 .merit_list li .tit{font-size:20px}
#p35 .contact_box .contact{display:block}
#p35 .contact_box .contact li:nth-child(2):before{display:none}
#p35 .map_box .map_list{display:block}
#p35 .map_box .map_list>li{width:100%}
#p35 .map_box .map_list>li+li{margin-top:40px}
#p36 .his_wrap:before{left:48px;transform:none;height:910px}
#p36 .his_wrap .year{position:relative;left:auto;transform:none;z-index:1}
#p36 .his_wrap .his_box{display:flex}
#p36 .his_wrap .his_box+.his_box{margin-top:40px}
#p36 .his_wrap .his_box .his_list{float:none !important;width:calc(100% - 100px);text-align:left !important;padding:35px 0 0 30px !important}
#p36 .his_wrap .his_box .his_list li{padding:0 0 0 18px !important}
#p36 .his_wrap .his_box .his_list li:before{left:0 !important;right:auto !important}
#p39 .bold_txt{padding:0 15px;line-height:35px}
#p39 .s_txt{width:calc(100% - 30px);padding:0 25px 60px;white-space:normal;word-break:keep-all}
#p39 img{margin-top:-60px}
}
@media (max-width:630px){
#p34 .main_brand .logo_wrap .txt{white-space:normal}
#p34 .sub_brand .brand_box .info .txt{white-space:normal}
}
@media (max-width:480px){
.common_page .bold_txt{font-size:22px;line-height:35px}
#p33 .bold_txt br{display:block}
#p33 .img_box img{width:90%}
#p33 .bs_txt{padding:0 16px}
#p34 .main_brand{padding:50px 16px}
#p34 .main_brand .brand_name{font-size:25px}
#p34 .main_brand .logo_wrap img{width:280px}
/* #p34 .main_brand .logo_wrap .txt{text-align:left} */
/* #p34 .main_brand .brand_txt{text-align:left} */
#p34 .sub_brand{padding:60px 10px 0}
#p34 .sub_brand .brand_box .logo{padding:50px 0;line-height:normal}
#p34 .sub_brand .brand_box .logo img{max-width:250px}
#p34 .sub_brand .brand_box .info .tit{font-size:22px}
#p34 .sub_brand .brand_box .info .tit span{white-space:pre-line;line-height:24px;font-size:17px}
/* #p34 .sub_brand .brand_box .info .txt{text-align:left} */
#p34 .sub_brand .brand_box .info .tit a{display:block;width:100px;margin:12px auto 0;font-size:13px}
#p35 .logo_img{width:100px}
#p35 .merit_list{display:block}
#p35 .merit_list li{width:100%}
#p35 .merit_list li+li{margin-top:40px}
#p35 .merit_list li .txt{white-space:pre-line}
#p35 .contact_box{position:relative;z-index:1}
#p35 .contact_box:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:100%;height:100%;/*background:rgba(000,000,000,.5)*/}
#p35 .contact_box .contact li{padding:0;font-size:22px;color:#fff}
#p35 .contact_box .contact li i{color:#fff}
#p35 .contact_box a{color:#fff}
#p36 .top_txt{font-size:30px;line-height:40px}
#p36 .arrow{margin-bottom:40px}
#p36 .his_wrap .year{width:70px;height:70px;font-size:16px;line-height:70px}
#p36 .his_wrap .year:before{width:60px;height:60px}
#p36 .his_wrap .his_box+.his_box{margin-top:20px}
#p36 .his_wrap:before{left:34px;height:75%;border-right:2px dotted #e1e1e1}
#p36 .his_wrap .his_box .his_list{width:calc(100% - 70px)}
#p36 .his_wrap .his_box .his_list{padding:22px 0 0 20px !important}
#p36 .world_box{padding:37px 25px 60px}
#p36 .world_box img{width:90%}
#p39 .bold_txt{margin-bottom:28px;line-height:30px}
/* #p39 .s_txt{padding:0 10px 60px;text-align:left} */
}
@media (max-width:380px){
#p34 .main_brand .logo_wrap img{width:200px}
#p34 .sub_brand .brand_box .logo img{max-width:200px}
}
/* 반응형 [e] */