* { cursor : url('../img/cursor.png') 10 10, url('../img/cursor.png') 10 10, auto !important; }

.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1;opacity: 0;transition: all .4s;}
.modal.active{opacity: 1;z-index:10000000;}

.modal > div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.p_close{text-align: right;margin-bottom:20px;cursor: pointer}
.p_close img{}
.p_box{border-radius: 30px;background:#fff;width:960px;box-shadow: 0 6px 18px rgba(0,0,0,.09);padding:40px 70px 70px 70px;}
.p_box .pp{width:200px;margin-bottom:60px;}
.p_box .pp img{width:100%;}
.p_box .pc {display:flex;align-items: flex-start;}
.p_box .pc .img{width:250px;height:315px;overflow: hidden;}
.p_box .pc .img img{width:100%;}
.p_box .pc .txt{width:calc(100% - 250px);padding-left:50px;}
.p_box .pc .txt h3{font-size:2.85em;margin-bottom:10px;}
.p_box .pc .txt ul li {font-size:1.35em;border-bottom:1px solid #ddd;padding:15px 0;display:flex;align-items: center;}
.p_box .pc .txt ul li:first-child {border-top:1px solid #ddd;}
.p_box .pc .txt ul li span{font-weight: 600;width:150px;}
.p_box .pc .txt ul li span:last-child{width:calc(100% - 150px);font-weight: 300;}

.width-fixed{width:1300px;margin:0 auto;position: relative;height:100%;}

.mobile_btn{display:none;}
#gnb_all{display:none;}

.main_top{height:100vh;position: relative;overflow: hidden;}
.main_top #main_slide .item{height:100vh;}
.main_top #main_slide .item .txt{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);z-index: 2;text-align: center;width:100%;}
.main_top #main_slide .item .txt .img{width:300px;}
.main_top #main_slide .item .txt .img img{width:100%;}
.main_top #main_slide .item .txt h2{font-size:4.8em;color:#fff;margin:50px 0 30px 0;}
.main_top #main_slide .item .txt h2 img{width:3.2em;display:block;margin-right:15px;margin:0 auto 1.2em auto;}
.main_top #main_slide .item .txt p{font-size:1.5em;color:#fff;line-height: 1.6;word-break: keep-all}
.main_top #main_slide .item .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index: 1;}
.main_top #main_slide .item .bg:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);content:"";}
.main_top #main_slide .item .bg video{width:100%;}
.main_top .scrolls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index: 10;}
.main_top .scrolls .anis{content:"";position:relative;margin:0 auto 10px auto;width:1px;height:50px;display:block;}
.main_top .scrolls .anis:before{content:"";background:#fff;display:block;width:100%;animation: scroll ease-in-out  1.5s infinite;position:absolute;top:0;}
.main_top .scrolls span{color:#fff;font-weight:300;font-size:1.25em;}

@keyframes scroll {
    0% {
        top:0;
        height:0;
    }
    50% {
        top:0;
        height:100%;
    }
    100% {
        top:100%;
        height:0;
    }
}

.main_tit {}
.main_tit.ralign {text-align: right}
.main_tit h3{font-size:4.15em;}
.main_tit p{font-size:1.25em;color:#000;margin-top:40px;}
.mo{display:none;}

.main_video{background:url('../img/main_video_bg.jpg')center bottom / 100% auto no-repeat fixed;padding:160px 0;overflow-x: hidden}
.main_video #videos{margin-top:60px;}
.main_video #videos .item{background:#fff;border-radius: 30px;overflow: hidden;}
.main_video #videos .item .img{height:320px;width:100%;background:#eee;transition: all .4s ease;overflow: hidden;}
.main_video #videos .item .img:hover{background-size:110% auto !important;}
.main_video #videos .item .img a{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.main_video #videos .item .img a > img{opacity:0;width:100px;transition: all .3s ease;}
.main_video #videos .item .img a:hover > img{opacity: 1;}
.main_video #videos .item .txt{padding:30px;}
.main_video #videos .item .txt h3{font-size:2em;color:#e7272b}
.main_video #videos .item .txt p{margin-top:15px;color:#999999;font-size:1.3em;min-height:50px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 1.2;}


.main_product{background:#ffc13d url('../img/main_product_bg.jpg')center / cover no-repeat;padding:120px 0;overflow-x: hidden}
.main_product .product{margin-top:-36px;position: relative;}
.main_product .product .p_tab ul{display:flex;}
.main_product .product .p_tab ul li{cursor: pointer;font-size:1.65em;padding:10px 0;border-radius: 30px 30px;color:#000;background:#fff;transition: all .4s ;width:120px;text-align: center;}
.main_product .product .p_tab ul li + li{margin-left:20px;}
.main_product .product .p_tab ul li:hover,
.main_product .product .p_tab ul li.active{background: #e7272b;color:#fff;}

.main_product .product #p_list  {margin-top:80px;}
.main_product .product #p_list .swiper-slide {background:#fff;border-radius: 30px 0;overflow: hidden;cursor: pointer}
.main_product .product #p_list .swiper-slide .no-product{padding:100px 0;text-align: center;font-size:2em;}
.main_product .product #p_list .swiper-slide .img{margin:30px 40px;height:260px;width:calc(100% - 80px);display:flex;align-items: center;justify-content: center;overflow: hidden;}
.main_product .product #p_list .swiper-slide .img img{width:100%;}
.main_product .product #p_list .swiper-slide .tit {padding:15px;text-align: center}
.main_product .product #p_list .swiper-slide .tit h5{font-size:2em;width:100%;overflow-x:hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all}

.main_product .product .swiper-pagination{display: flex;bottom: -50px;top: inherit;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#e7272b}
/*.main_product .product .p_list_dot {margin-top:50px;display:flex;}
.main_product .product .p_list_dot .dot{flex:1 auto;height:3px;background:#fff;cursor: pointer;transition:all .4s ease-out}
.main_product .product .p_list_dot .dot:hover{background:#e7272b}
.main_product .product .p_list_dot .dot.active{background:#e7272b}*/


.latest{padding:150px 0;}

.latest_tab {display:flex;justify-content: space-between;}
.latest_tab ul {display:flex;align-items: center;}
.latest_tab ul li{font-size:3.5em;font-family: "Pretendard",dotum,sans-serif;color:#b7b7b7;position:relative;cursor: pointer;font-weight: 600;}
.latest_tab ul li + li{padding-left:30px;margin-left:30px;}
.latest_tab ul li + li:before{content:"";position:absolute;top:50%;left:0;transform: translateY(-50%);width:2px;height:90%;background:#b7b7b7;}
.latest_tab ul li:hover{color:#000;}
.latest_tab ul li.active{color:#000;}
.latest_tab .more{color:#000;}
.latest_tab .more a{font-size:2.5em;font-family: "Pretendard",dotum,sans-serif;color:#b7b7b7;font-weight: 600;}

.notice_latest{display:block;}
.news_latest{display:none;}

/* Sub Top*/
.sub_top{height:460px;background:#eee;}
.sub_top > div{display:flex;align-items:center;justify-content: center;}
.sub_top > div h2{color:#fff;font-size:4em;font-family: 'Pretendard',dotum,sans-serif;font-weight: 600;margin-top:5%;}
.sub_top.m_10{background:url('../img/sub_top_01_02.png')center / cover no-repeat;}
.sub_top.m_20{background:url('../img/sub_top_02_01.png')center / cover no-repeat;}
.sub_top.m_30{background:url('../img/sub_top_03.jpg')center / cover no-repeat;}
.sub_top.m_40{background:url('../img/sub_top_04_01.png')center / cover no-repeat;}
.sub_top.m_50{background:url('../img/sub_top_05.jpg')center / cover no-repeat;}

.sub_nav > div{display:flex;align-items: center;justify-content: center;margin:60px 0;width:100%;}
.sub_nav a{font-size:1.6em;margin:0 30px;font-weight: 800;transition:all .4s}
.sub_nav a:after{content:"";margin:15px auto 0 auto;width:7px;height:7px;border-radius: 50%;display:block;background:transparent;transition:all .4s}
.sub_nav a:hover,
.sub_nav a.active{color:#e7272b;}
.sub_nav a:hover:after,
.sub_nav a.active:after{background:#e7272b;}

.sub_m_nav{display:none;}
/* Sub Top*/

/* 서브 페이지 */
.sub_con{padding:100px 0;position: relative;}
.sub_con .empty{font-size:1.5em;text-align: center;}
.b_no_p{padding-bottom:0;}
.sub_padding{padding:150px 0;}

.txt_center{text-align: center;}

.page_top h3{font-size:2.85em;display:flex;align-items: center;}
.page_top h3:after{content:"";height:1px;display:block;background:#999999;flex:1 auto;margin-left:20px;}

.small_tit{text-align: center;margin-bottom:90px;}
.small_tit h5{font-size:2em;color:#e9272a;font-weight: 600;}

.ceo_wrap:after{content:"";position:absolute;z-index:-1;width:100%;background:#f9f9f9;bottom:0;left:0;height:700px;}
.ceo_wrap .left{min-height:800px;position: relative;z-index:1;}
.ceo_wrap .left h3{font-size:3.7em;font-weight:600;word-break: keep-all}
.ceo_wrap .left p.medium{font-size:2.2em;margin:20px 0 80px 0 ;font-weight: 400;}
.ceo_wrap .left p{font-size:1.7em;line-height:1.6;font-weight:300;word-break: keep-all}
.ceo_wrap .left .sign{margin-top:60px;display:flex;align-items: center;}
.ceo_wrap .left .sign span:first-child{font-size:1.7em;margin-right:15px;font-weight: 500;}
.ceo_wrap .left .sign span:last-child{font-size:2.3em;font-family: "Jeju Myeongjo",dotum,sans-serif;}
.ceo_wrap .right{width:762px;position:absolute;right:0;top:50%;transform:translateY(-50%);height:800px;background:url('../img/ceo_img.jpg')center / cover no-repeat;z-index:0;}

.vision{padding-bottom:100px;}
.vision p{font-size:2.8em;line-height:1.5;font-weight: 500;}

.mission_wrap{display:flex;justify-content: center}
.mission_wrap .item {position:relative;}
.mission_wrap .item span{font-size:2em;color:#000;font-weight: 600;margin-top:40px;display:block;}
.mission_wrap .item + .item{margin-left:150px;}
.mission_wrap .item + .item:before{content:"+";width:40px;height:40px;position:absolute;top:100px;left:-100px;display:block;font-size:4em;color:#999999;font-weight: 600;}

.philosophy{background:#f9f9f9 url('../img/philo_bg_logo.png') right bottom / 90% auto no-repeat;padding:180px 0;}
.philo_wrap{display:flex;justify-content: space-between;}
.philo_wrap .item{background:#fff;border-radius: 30px;width:20%;box-shadow: 0 6px 18px rgba(0,0,0,.09);height:300px;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.philo_wrap .item + .item{margin-left:15px;}

.philo_wrap .item h4{font-size:2.5em;}
.philo_wrap .item span{color:#444;font-size:1.35em;margin-top:56px;display:block;height:60px;line-height: 1.6}


.history_wrap {display:flex;height:100%;flex-direction: row;align-items: flex-start}
.history_wrap .his_left{position:sticky;top:0;padding:120px 0 0 0;width:520px;left:0;margin-top:-120px;}
.history_wrap .his_list{width:calc(100% - 520px);padding-left:40px;margin-left:150px;position:relative;}
.history_wrap .his_list:before{content:"";width:1px;height:100%;position:absolute;left:0;top:0;display:block;background:#999999;}

.his_list .year{display:flex;align-items: flex-start}
.his_list .year + .year{margin-top:60px;}
.his_list .year h3{width:150px;font-size:2.5em;color:#e9272a;position:relative;}
.his_list .year h3:before{content:"";position:absolute;width:9px;height:9px;background:#000;display:block;left:-44px;top:50%;transform:translateY(-50%);border-radius: 50%;}
.his_list .year .his_con{width:calc(100% - 150px);}
.his_list .his_con > div{display:flex;align-items: flex-start;padding:7px 0;}
.his_list .his_con > div span:first-child{display:block;width:80px;font-size:1.7em;font-weight:500;}
.his_list .his_con > div span:last-child{width:calc(100% - 80px);font-size:1.7em;color:#444444;font-weight:300;word-break: keep-all}

.group_wrap img + img{margin-top:160px;}

.partner_top p{font-size:2.8em;line-height: 1.5;font-weight: 500;}
.partner_logos {display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding:150px 0 0;}
.partner_logos img{width:calc(25% - 52.5px);}
.partner_logos img:nth-child(4n + 1){margin-lefT:0;}
.partner_logos img:nth-child(n + 5){margin-top:150px;}
.partner_logos img + img{margin-left:70px;}


.contact .con_tit{font-size:1.8em;margin:0 0 30px 0;}
.contact #map{height:550px;width:100%;}
.contact #map2{height:550px;width:100%;}
.contact #map3{height:550px;width:100%;}
.contact .addr_info + .con_tit{margin-top:150px;}
.contact .addr_info{width:100%;display:flex;margin:80px 0 0 0;}
.contact .addr_info > div{display:flex;align-items: center;justify-content: center}
.contact .addr_info > div + div{margin-left:80px;}
.contact .addr_info img{width:20px;margin-right:10px;}
.contact .addr_info span{font-size:1.5em;}
.contact .addr_info span:nth-child(2){font-weight:600;width:50px;margin-right:20px;}
.contact .addr_info span:last-child{font-weight:300;}

.sub_con.product{padding:100px 0;}

.sub_con.product .pd_part{padding-bottom:100px;display:flex;flex-wrap: wrap}
.sub_con.product .pd_part a{width:150px;border-radius: 29px;padding:10px 0;text-align: center;font-size:1.7em;background:#e4e4e4;color:#444;transition: all .4s}
.sub_con.product .pd_part a:hover,
.sub_con.product .pd_part a.active{background:#e9272a;color:#fff;}
.sub_con.product .pd_part a + a{margin-left:30px;}
.sub_con.product .pd_part ul{display:flex;}
.sub_con.product .pd_part ul li{width:150px;border-radius: 29px;padding:10px 0;text-align: center;font-size:1.7em;background:#e4e4e4;color:#444;transition: all .4s;cursor: pointer}
.sub_con.product .pd_part ul li + li{margin-left:30px;}
.sub_con.product .pd_part ul li:hover,
.sub_con.product .pd_part ul li.active{background:#e9272a;color:#fff;}
.sub_con.product .pd_list {display:flex;flex-wrap: wrap;}
.sub_con.product .pd_list .empty_list{width:100%;font-size:1.8em;}
.sub_con.product .pd_list .pd_item{width:calc(25% - 22.5px);/*border:1px solid #f9f9f9;*/transition:all .4s ease;text-align: center;cursor: pointer}
.sub_con.product .pd_list .pd_item:hover{/*border:1px solid #e9272a;border-radius: 0 50px 0 50px;*/}
.sub_con.product .pd_list .pd_item .img{width:calc(100% - 120px);margin:60px 60px 0 60px;height:230px;background:#eee;transition: all .6s}
.sub_con.product .pd_list .pd_item:hover .img{transform:scale(1.2)}
.sub_con.product .pd_list .pd_item span{padding:30px 0 60px 0;font-size:2em;display:block;}
.sub_con.product .pd_list .pd_item + .pd_item{margin-left:30px;}
.sub_con.product .pd_list .pd_item:nth-child(4n + 1){margin-left:0;}
.sub_con.product .pd_list .pd_item:nth-child(n + 5){margin-top:50px;}
.sub_con.product .pd_list.box .pd_item .img {height:160px;}

/*.product .pd_page {display:flex;align-items: center;justify-content: center;margin-top:80px;}*/
/*.product .pd_page */.pg > * {margin:0 5px !important;}
/*.product .pd_page */.pg_page{border-radius: 50%;width:30px;height:30px;line-height: 30px;background:transparent;font-size:1.35em;border:none;}
/*.product .pd_page */.pg_page:hover{background:#e9272a;color:#fff;}
/*.product .pd_page */.pg_current{background:#e9272a;color:#fff;border-radius: 50%;width:30px;height:30px;line-height: 30px;border:none;font-size:1.35em;font-weight: normal;}
/*.product .pd_page */.pg_end{background:url('../img/pg_end.png')center / contain no-repeat;}
/*.product .pd_page */.pg_end:hover{background:#e9272a url('../img/pg_end_on.png')center / contain no-repeat;}
/*.product .pd_page */.pg_prev{background:url('../img/pg_prev.png')center / contain no-repeat;}
/*.product .pd_page */.pg_prev:hover{background:#e9272a url('../img/pg_prev_on.png')center / contain no-repeat;}
/*.product .pd_page */.pg_next{background:url('../img/pg_next.png')center / contain no-repeat;}
/*.product .pd_page */.pg_next:hover{background:#e9272a url('../img/pg_next_on.png')center / contain no-repeat;}
/*.product .pd_page */.pg_start{background:url('../img/pg_first.png')center / contain no-repeat;}
/*.product .pd_page */.pg_start:hover{background:#e9272a url('../img/pg_first_on.png')center / contain no-repeat;}


.quick_inquiry_btn{position:fixed;bottom:30px;right:30px;width:70px;height:70px;border-radius: 70px;background:#e9272a;border:2px solid #e9272a;display:flex;align-items: center;justify-content: center;transition: all .4s;cursor: pointer;z-index:1004}
.quick_inquiry_btn .img{width:40px;height:40px;background:url('../img/quick_inquiry.svg')center / contain no-repeat;}
.quick_inquiry_btn span{display:none;font-size:1.5em;color:#e9272a;margin-left:10px;opacity: 0;}
.quick_inquiry_btn:hover {width:165px;background:#fff;}
.quick_inquiry_btn:hover .img{background:url('../img/quick_inquiry_red.svg')center / contain no-repeat;}
.quick_inquiry_btn:hover span{display:block;opacity: 1;}

.product .list_btn{margin:80px auto 0 auto;text-align: center;display:flex;position: relative;justify-content: center}
.product .list_btn a{background:#fff;border:1px solid #ddd;padding:10px 0;text-align: center;font-size:1.35em;height:auto;line-height: normal;width:90px;color:#000;font-weight:normal;border-radius: 30px;transition: all .4s;display:block;}
.product .list_btn a:hover{background:#DF0029;color:#fff;border:1px solid #DF0029;}

.pd_top{display:flex;}
.pd_top .left{width:50%;padding-right:80px;position:relative;display:flex;}
.pd_top .left .imgs{order:2}
.pd_top .left .img{width:100%;height:550px;}
.pd_top .left .owl-dots {position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}
.pd_top .left .owl-dots .owl-dot{display:inline-block;margin:0 5px;width:10px;height:10px;border-radius: 50%;background:#ddd;}
.pd_top .left .owl-dots .owl-dot.active{background:#DF0029;}
.pd_top .left .pd_thumb{width:80px;display:flex;align-items: center;justify-content: flex-start;order:1;flex-direction: column;}
.pd_top .left .pd_thumb a {display:block;border:1px solid #eee;width:80px;height:80px;overflow: hidden;position:relative}
.pd_top .left .pd_thumb a + a{margin-top:5px;}
.pd_top .left .pd_thumb a img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.pd_top .right .top_btn {text-align: left;margin-bottom:0px;}
.pd_top .right .top_btn a{background:#fff;border:1px solid #ddd;padding:10px 0;text-align: center;font-size:1.35em;height:auto;line-height: normal;width:90px;color:#000;font-weight:normal;border-radius: 30px;transition: all .4s;display:block;}
.pd_top .right .top_btn a:hover{background:#DF0029;color:#fff;border:1px solid #DF0029;}
.pd_top .right .top_btn h3{font-size:3.68em;}
.pd_top .right .top_btn > p{font-size:1.5em;margin:15px 0 ;color:#595757;}
.pd_top .right .top_btn > p.last{font-size:1.35em;text-align: right;color:#595757;}
.pd_top .right {width:50% ;}
.pd_top .right h3{font-size:3.68em;}
.pd_top .right > p{font-size:1.5em;margin:15px 0 30px 0;color:#595757}
.pd_top .right > p.last{font-size:1.35em;text-align: right;color:#595757;}
.pd_top .right > p.last span{font-size:0.95em;margin-top:4px;display:block;color: #949494;}
.pd_top .right ul li{padding:25px 0;border-bottom:1px solid #ddd;display:flex;align-items: flex-start;width:100%;}
.pd_top .right ul li span{font-size:1.5em;}
.pd_top .right ul li span:first-child{font-weight: 600;width:180px;}
.pd_top .right ul li span:last-child{width:calc(100% - 180px);color:#595757;font-weight:300;line-height: 1.5;word-break: keep-all;}
.pd_top .right .order_btn {display:flex;padding:25px 0;align-items: center;}
.pd_top .right .order_btn span{width:180px;font-weight: 600;font-size:1.5em;}
.pd_top .right .order_btn .o_btn{display:flex;justify-content: space-between;width:calc(100% - 180px);}
.pd_top .right .order_btn .o_btn a{font-size:1.6em;text-align: center;padding:15px 0;display: block;border:1px solid #099f49;color: #099f49;border-radius: 40px;width:calc(50% - 10px);transition: all .4s ease;}
.pd_top .right .order_btn .o_btn a.gs{border:1px solid #314a9d;color: #314a9d;}
.pd_top .right .order_btn .o_btn span{color:#595757;font-weight:300;border:1px solid #ddd;padding:15px 0;width:calc(50% - 10px);display:block;text-align: center;border-radius: 40px;}
.pd_top .right .order_btn .o_btn a:hover{background:#099f49;border:1px solid #099f49;color:#fff;}
.pd_top .right .order_btn .o_btn a.gs:hover{background:#314a9d;border:1px solid #314a9d;color:#fff;}

.pd_detail .pd_desc{margin-top:50px;}
.pd_detail table{width:100%;border-spacing: 0;table-layout: fixed;}
.pd_detail table.mobile_table{display:none;}
.pd_detail table tr:first-child th{border-top:1px solid #000;}
.pd_detail table tr:first-child td{border-top:1px solid #000;font-weight:600;}
.pd_detail table tr th{font-size:1.35em;padding:30px 18px;background:#ededed;border-bottom:1px solid #ddd;text-align: left}
.pd_detail table tr td{font-size:1.35em;padding:30px 0;border-bottom:1px solid #ddd;color:#595757;text-align: center;}
.pd_detail p{margin-top:15px;font-size:1.35em;color:#595757;}

.pd_box{margin-top:70px;}
p + .pd_box{margin-top:88px;}
.pd_box + table{margin-top:20px;}
.pd_box h4{font-size:2.35em;}
.pd_box div:nth-child(2){margin-top:30px;}
.pd_box div h3{font-size:1.68em;font-weight:bold;color:#595757;}
.pd_box div h3:before{content:"";width:5px;height:5px;background:#000;border-radius: 50%;display:inline-block;vertical-align: middle;margin-right:14px;}
.pd_box div p{font-size:1.5em;margin-top:10px;padding-left:20px;color:#595757;}
.pd_box div + div{margin-top:20px;}
/*.pd_box a{color:#DF0029;text-decoration: underline}
.pd_box ul {margin-top:38px;}
.pd_box ul li{font-size:1.5em;line-height: 1.5;color:#595757;padding-left:15px;text-indent: -15px;}
.pd_box ul li:before{content:"";width:5px;height:5px;display:inline-block;vertical-align: middle;margin-right:10px;border-radius: 50%;background:#595757}*/



.board_con{padding:50px 0 100px 0;}

.in_con{padding:50px 0 100px 0;}

.in_input{border:none;background:#f8f8f8;border-radius: 5px;padding:15px;font-size:1.7em;width:100%;}
select.in_input{padding:14px;}
textarea.in_input{height:150px;resize: none;width:100%;}

.in_frm_ul  {padding:50px 0;border-top:2px solid #000;border-bottom:1px solid #dddddd;}
.in_frm_ul li {display:flex;align-items: center;padding:10px 0;}
.in_frm_ul li label:first-child{width:150px;font-size:1.7em;display:flex;align-items: center}
.in_frm_ul li label:first-child span.last{color:#e9272a;margin-left:5px;}
.in_frm_ul li > div{width:calc(100% - 150px);}
.in_frm_ul li > div.type,
.in_frm_ul li > div.tel{display:flex;align-items: center;}
.in_frm_ul li > div.tel > div {width:calc(100% - 200px);}
.in_frm_ul li > div.tel > div input:not(.div){width:calc(30% - 10px);}
.in_frm_ul li > div.tel > div:last-child {width:200px;}
.in_frm_ul li > div.tel > div:last-child input[type=checkbox] {display:none}
.in_frm_ul li > div.tel > div:last-child input[type=checkbox] + label{font-size:1.5em;display:flex;align-items: center;position:relative}
.in_frm_ul li > div.tel > div:last-child input[type=checkbox] + label:before{content:"";width:1.2em;height:1.2em;display:inline-block;margin-right:10px;background:#f8f8f8;border-radius: 5px;}
.in_frm_ul li > div.tel > div:last-child input[type=checkbox]:checked + label:after{content:"";width:0.6em;height:0.6em;display:block;position:absolute;left:0.3em;top:50%;transform:translateY(-50%);background:#e9272a;border-radius: 0.2em;}

.in_frm_ul li > div span{font-size:1.5em;margin-top:5px;display:block;color:#444444}
.in_frm_ul li > div > div{display:flex;align-items: center;}
.in_frm_ul li > div.type{margin:10px 0;}
.in_frm_ul li > div.type > div input[type=radio]{display:none}
.in_frm_ul li > div.type > div input[type=radio] + label{font-size:1.5em;display:flex;align-items: center;position:relative}
.in_frm_ul li > div.type > div input[type=radio] + label:before{content:"";width:1.2em;height:1.2em;display:inline-block;margin-right:10px;background:#f8f8f8;border-radius: 50%;}
.in_frm_ul li > div.type > div input[type=radio]:checked + label:after{content:"";width:0.6em;height:0.6em;display:block;position:absolute;left:0.3em;top:50%;transform:translateY(-50%);background:#e9272a;border-radius: 50%;}
.in_frm_ul li > div.type > div + div{margin-left:15px;}
.in_frm_ul li .div{background:transparent;width:26px;border:none;text-align: center;font-size:1.4em;}
.in_frm_ul li #email_sel {margin-left:10px;}
.in_frm_ul li .file > div{display:flex;}
.in_frm_ul li .file .in_input{width:calc(100% - 170px);}
.in_frm_ul li.content {align-items: flex-start}
.in_frm_ul li.content label:first-child{margin-top:18px;}
.in_frm_ul li input[type=file] {display:none}
.in_frm_ul li input[type=file] + label{padding:15px;font-size:1.7em;background:#555555;color:#fff;width:150px;text-align: center;margin-left:20px;display:block;border-radius: 5px;}

.in_con .agree{margin-top:30px;display:flex;align-items: center;justify-content: flex-end;}
.in_con .agree input[type=checkbox] {display:none;}
.in_con .agree input[type=checkbox] + label{font-size:1.3em;display:flex;align-items: center;position: relative;}
.in_con .agree input[type=checkbox] + label a{font-weight: 600;}
.in_con .agree input[type=checkbox] + label:before{content:"";width:1.2em;height:1.2em;display:inline-block;margin-right:10px;background:#f8f8f8;border-radius: 5px;}
.in_con .agree input[type=checkbox]:checked + label:after{content:"";width:0.6em;height:0.6em;display:block;position:absolute;left:0.3em;top:50%;transform:translateY(-50%);background:#e9272a;border-radius: 0.2em;}

.in_con .frm_btn{display:flex;justify-content: center;margin-top:30px;}
.in_con .frm_btn button{padding:15px;font-size:1.8em;background:#fff;border:1px solid #e9272a;color:#e9272a;width:200px;transition: all .4s }
.in_con .frm_btn button:hover{background:#e9272a;color:#fff;}

.process_info {display:flex;}
.process_info > div:first-child{width:100%;}
.process_info > div:first-child h3{font-size:2.8em;word-break: keep-all}
/*.process_info > div:last-child{width:calc(100% - 450px);padding-left:60px;font-size:1.5em;}*/

.process_step{display:flex;flex-wrap: wrap;margin-top:60px;}
.process_step .step{width:calc(25% - 30px);position:relative;overflow: hidden;cursor: pointer}
.process_step .step + .step{margin-left:40px;}
.process_step .step:nth-child(4n + 1){margin-left:0;}
.process_step .step:nth-child(n + 5){margin-top:30px;}
.process_step .step .img{width:100%;}
.process_step .step .img img{width:100%;}
.process_step .step .txt{padding:15px 5px;position:absolute;top:calc(100% - 50px);left:0;background:#f9f9f9;text-align:center;width:100%;transition:  all .4s}
.process_step .step .txt h3{font-size:1.5em;letter-spacing: -0.05em;font-weight:600;}
.process_step .step .txt h3 span{color:#e9272a;}
.process_step .step .txt p{font-size:1.5em;margin-top:15px;letter-spacing: -0.05em;font-weight: 300;min-height:120px;word-break: keep-all;line-height: normal}
.process_step .step:hover .txt {top:calc(100% - 120px);}

#process02{display:none}

.esg{padding:80px 0 0 0;}
.esg p:first-child{font-size:2.8em;line-height: 1.5;font-weight: 500;}
.esg .img{width:1300px;margin:50px auto 100px auto;height:500px;overflow: hidden;}
.esg .img.b_no_m{margin-bottom:0;}
.esg .img .in{width:100%;position:relative;top:50%;transform:translateY(-60%);}
.esg .img img{height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.esg .max{width:100%;}

.esg_detail {margin-bottom:100px;}
.esg_detail > div{display:flex;align-items: flex-start}
.esg_detail > div + div{margin-top:50px;}
.esg_detail > div .tit{font-size:1.75em;width:160px;border-radius: 10px;text-align: center;padding:21.5px 0;position: relative;}
.esg_detail > div:first-child .tit{background:#e9272a;border:1px solid #e9272a;color:#fff;font-weight: 600;}
.esg_detail > div .tit:after{content:"";position:absolute;left:159px;top:50%;width:90%;height:2px;transform:translateY(-50%);background:#e9272a;display:block;}
.esg_detail > div .tit:before{content:"";right:-91%;position:absolute;top:50%;transform:translateY(-50%);background:#e9272a;display:block;width:10px;height:10px;border-radius: 50%;}
.esg_detail > div:nth-child(3) .tit:after{background:#999}
.esg_detail > div:nth-child(3) .tit:before{background:#999}
.esg_detail > div:last-child .tit:after{background:#7d97b5}
.esg_detail > div:last-child .tit:before{background:#7d97b5}

.esg_detail > div:nth-child(2) .tit{border:1px dashed #e9272a;background:#f9f9f9;color:#e9272a;font-weight: 600;}
.esg_detail > div:nth-child(3) .tit{border:1px solid #999;background:#fff;color:#999;font-weight: 600;}
.esg_detail > div:last-child .tit{border:1px solid #7d97b5;background:#fff;color:#7d97b5;font-weight: 600;}
.esg_detail > div .con{margin-left:170px;width:calc(100% - 330px);display:flex;}
.esg_detail > div .con.break span{display:block;}
.esg_detail > div .con > div{width:100%;font-size:1.65em;text-align: center;padding:22px 0;border-radius: 10px;}
.esg_detail > div .con > div.b_red{border:1px solid #e9272a;}
.esg_detail > div .con > div.gray{border:1px solid #999;background:#999}
.esg_detail > div .con > div.light_gray{border:1px solid #eee;background:#eee}
.esg_detail > div .con > div + div{margin-left:30px;}
.esg_detail > div .con > div span{font-weight:600;}
.esg_detail > div .con > div span.t_red{color:#e9272a;}
.esg_detail > div .con > div span.t_orange{color:#f68e56;}
.esg_detail > div .con > div span.t_green{color:#3cb878;}
.esg_detail > div .con > div span.t_blue{color:#448ccb;}
.esg_detail > div .con > div span.t_white{color:#fff;}
.esg_detail > div .con > .b_dot_red{border:1px dashed #e9272a}
.esg_detail > div .con > .b_green{border:1px solid #3cb878}
.esg_detail > div .con > .b_blue{border:1px solid #448ccb}
.esg_detail > div .con > .b_orange{border:1px solid #f68e56}
/*.esg_detail > div:not(:first-child) .con div{width:33.33%;}*/
/*.esg_detail > div:nth-child(2) .con > div{padding:15px 0;}*/
/*.esg_detail > div:nth-child(2) .con span{font-size:0.8em;display:block;}*/
.esg_detail > div:last-child .con {align-items: initial;}
.esg_detail > div:last-child .con > div{text-align: left;padding:25px 18px;display:flex;}
.esg_detail > div:last-child .con > div ul li{display:flex;align-items: center;}
.esg_detail > div:last-child .con > div ul li + li{padding-top:10px;}
.esg_detail > div:last-child .con > div ul li:before{content:"";width:6px;height:6px;display:inline-block;vertical-align: middle;background:#000;margin-right:10px;border-radius: 50%;}


.esg_group{padding:80px 0;background:#f9f9f9;}
.esg_group > div h3{font-size:2.4em;display:flex;align-items: center;margin-bottom:50px;}
.esg_group > div img{text-align: center;margin:0 auto;display:block;}


.ci_top {text-align: center;}
.ci_top h3{font-size:2.85em;margin-bottom:50px;font-weight: 500;line-height: 1.5;word-break: keep-all}
.ci_top p{font-size:1.7em;line-height: 1.4;word-break: keep-all}
.ci_top .ci_logo{display:flex;align-items: center;justify-content: center;width:100%;height:350px;border:1px solid #ddd;margin-top:80px;}
.ci_top .ci_logo img{width:404px;}

.ci_btm{margin-top:80px;}
.ci_btm h4{font-size:2.35em;}
.ci_btm .color_box{display:flex;margin-top:45px;}
.ci_btm .color_box > div{width:calc(50% - 20px);}
.ci_btm .color_box > div:last-child{margin-left:40px;}
.ci_btm .color_box > div .box{height:80px;width:100%;}
.ci_btm .color_box > div:first-child .box{background:#231f20;}
.ci_btm .color_box > div:last-child .box{background:#8dc63f;}
.ci_btm .color_box > div div.color_info{display:flex;margin-top:15px;}
.ci_btm .color_box > div div.color_info div:first-child{width:250px;text-align: center;font-size:1.7em;font-weight:500;}
.ci_btm .color_box > div div.color_info div:nth-child(2){width:100px;height:2.6em;position:relative;}
.ci_btm .color_box > div:first-child div.color_info div:nth-child(2):before{content:"";width:100%;height:1px;background:#231f20;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.ci_btm .color_box > div:last-child div.color_info div:nth-child(2):before{content:"";width:100%;height:1px;background:#8dc63f;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.ci_btm .color_box > div div.color_info div:last-child {width:calc(100% - 350px);padding-left:30px;}
.ci_btm .color_box > div div.color_info div:last-child span{display:block;}
.ci_btm .color_box > div div.color_info div:last-child span:first-child{font-size:1.7em;color:#353535;font-weight:500;margin-bottom:6px;}
.ci_btm .color_box > div div.color_info div:last-child span:not(:first-child){font-size:1.5em;color:#353535;font-weight:300;}

.esg_envi_list{padding:80px 0 ;}
.esg_envi_list.gray_bg{background:#f9f9f9;}
.esg_envi_flex{display:flex;}
.esg_envi_flex + .esg_envi_flex{margin-top:100px;}
.esg_envi_flex .left{width:300px;}
.esg_envi_flex .left h4{font-size:2.35em;font-weight:600;}
.esg_envi_flex .right{width:calc(100% - 300px);}
.esg_envi_flex .right > img.in_con{width:100%;}
.esg_envi_flex .right p{font-size:1.5em;font-weight:300;word-break: keep-all;line-height: 1.3;}
.esg_envi_flex .right p + p{margin-top:7px;}
.esg_envi_flex .right h6{margin-top:50px;font-size:1.5em;font-weight:600;}
.esg_envi_flex .right h6 + p{margin-top:5px;}
.esg_envi_flex .right ul + p{margin-top:7px;}
.esg_envi_flex .right p + ul{margin-top:5px;}
.esg_envi_flex .right ul li{font-size:1.5em;font-weight:300;padding-left:20px;text-indent: -15px;line-height: 1.3}
.esg_envi_flex .right ul li:before{content:"";display:inline-block;vertical-align: middle;width:4px;height:4px;border-radius: 50%;background:#000;margin-right:10px;}
.esg_envi_flex .right table{width:100%;margin-top:10px;margin-bottom:30px;border-spacing: 0;}
.esg_envi_flex .right table.tbl_fix{table-layout: fixed}
.esg_envi_flex .right table tr th{font-size:1.35em;padding:18px 0;text-align:center;border-top:1px solid #e9272a;background:#ececec;word-break: keep-all}
.esg_envi_flex .right table tr td{border-bottom:1px solid #ddd;font-size:1.35em;font-weight:300;text-align: center;padding:18px 10px;word-break: keep-all}
.esg_envi_flex .right table tr td.total{font-weight:600;}
.esg_envi_flex .right table tr td.left{text-align:left;}
.esg_envi_flex .right table tr td span{color:#e9272a}
.esg_envi_flex .right table tr td span.up{color:#2787e9}
.esg_envi_flex .right .table_flex{display:flex;}
.esg_envi_flex .right .table_flex table{width:calc(100% - 360px);margin-bottom:0;}
.esg_envi_flex .right .table_flex table tr td{padding:18px 5px;}
.esg_envi_flex .right .table_flex .arrow{width:100px;background:url('../img/esg_envi_arrow.png')center / contain no-repeat;display:block;height:187px;margin:10px 20px 0 20px;}
.esg_envi_flex .right .table_flex div:last-child{width:260px;}
.esg_envi_flex .right .table_flex div:last-child > div:first-child{width:100%;color:#fff;height:50px;background:#82b2f4;display:flex;align-items: center;justify-content: center;font-weight:600;font-size:1.5em;margin-top:10px;margin-bottom:30px;}
.esg_envi_flex .right .table_flex div:last-child > div:last-child{border-top:1px solid #e9272a;background:#ececec;display:flex;align-items: center;justify-content: center;height:107px;}
.esg_envi_flex .right .table_flex div:last-child > div:last-child ul li{font-size:1.3em;}
.esg_envi_flex .right .table_flex div:last-child > div:last-child ul li:before{background:#e9272a}
.esg_envi_flex .right .img_box{display:flex;}
.esg_envi_flex .right .img_box > div{width:50%;text-align: center;}
.esg_envi_flex .right .img_box > div + div{margin-left:50px;}
.esg_envi_flex .right .img_box > div img{width:100%;}
.esg_envi_flex .right .img_box > div span{width:100%;font-size:1.3em;display:block;margin-top:6px;text-align: center;}


.brand_wrap{text-align: center;}
.brand_top h3{font-size:2.85em;font-weight:600}
.brand_top h2{font-size:4.2em;margin-top:10px;font-weight:600}
.brand_top h2 span{font-size:1.2em;}

.brand_wrap .logo{margin:100px 0;}

.brand_info p:first-child{font-size:2em;color:#e9272a;font-weight:600}
.brand_info p:nth-child(2){font-size:2em;font-weight:500;margin:50px 0 30px;}
.brand_info p:nth-child(2) span{font-weight:600;}
.brand_info p:last-child{font-size:1.675em}
.brand_info p:last-child span{font-weight:600}

.brand_info2{margin-top:100px;padding-bottom:150px;}
.brand_info2 p{font-size:2em;margin-top:50px;line-height: 1.5}
.brand_info2 p span{color:#e9272a;font-weight:600}
.brand_info2 strong{font-size:2.35em;margin-top:5px;}

.brand_wrap2{background:#f9f9f9;text-align: center;padding-bottom:180px;}
.brand_wrap2 .top_img{margin-top:-80px;z-index:2;position: relative;}
.brand_wrap2 .top_img_m{display:none;}
.brand_wrap2 .value_wrap {display:flex;justify-content: space-between;width:1080px;margin:-7px auto 0 auto;}
.brand_wrap2 .value_wrap .item .circle{width:260px;height:260px;border-radius: 50%;border:1px solid #fcaf17;background:#fff;display:flex;align-items: center;justify-content: center;flex-direction: column}
.brand_wrap2 .value_wrap .item .circle .img{width:90px;height:90px;}
.brand_wrap2 .value_wrap .item .circle .img img{width:100%;}
.brand_wrap2 .value_wrap .item .circle .txt{margin-top:20px;font-size:2em;font-weight: 600;}
.brand_wrap2 .value_wrap .item p{margin-top:30px;font-size:1.675em;line-height: 1.5}
.brand_wrap2 .value_wrap .item p span{font-weight:600;color:#e9272a}
.brand_wrap2 .last{font-size:2.85em;margin-top:180px;line-height: 1.4}
.brand_wrap2 .last span{font-weight:600;color:#e9272a}

.brand_last{padding:150px 0;}
.brand_last .bi_logo{display:flex;align-items: center;justify-content: center;width:100%;height:350px;border:1px solid #ddd;margin-top:80px;margin-bottom:100px;}
.brand_last .bi_logo img{width:240px;}

.bi_btm h4{font-size: 2.35em;}
.brand_last .color_box{display:flex;margin-top:45px;}
.brand_last .color_box > div{width:calc(33.33% - 13px);}
.brand_last .color_box > div + div{margin-left:40px;}
.brand_last .color_box > div .box{height:80px;width:100%;}
.brand_last .color_box > div:first-child .box{background: #faae18;}
.brand_last .color_box > div:nth-child(2) .box{background:#8dc63f;}
.brand_last .color_box > div:last-child .box{background:#000000;}
.brand_last .color_box > div div.color_info{display:flex;margin-top:15px;}
.brand_last .color_box > div div.color_info div:first-child{width:200px;text-align: left;font-size:1.7em;font-weight:500;letter-spacing: -2px;}
.brand_last .color_box > div div.color_info div:nth-child(2){width:20px;height:2em;position:relative;margin:0 10px;}
.brand_last .color_box > div:first-child div.color_info div:nth-child(2):before{content:"";width:100%;height:1px;background:#faae18;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.brand_last .color_box > div:nth-child(2) div.color_info div:nth-child(2):before{content:"";width:100%;height:1px;background:#8dc63f;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.brand_last .color_box > div:last-child div.color_info div:nth-child(2):before{content:"";width:100%;height:1px;background:#000000;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.brand_last .color_box > div div.color_info div:last-child {width:calc(100% - 240px);padding-left:10px;letter-spacing: -1px;line-height: 1.4}
.brand_last .color_box > div div.color_info div:last-child span{display:block;}
.brand_last .color_box > div div.color_info div:last-child span:first-child{font-size:1.7em;color:#353535;font-weight:500;margin-bottom:6px;}
.brand_last .color_box > div div.color_info div:last-child span:not(:first-child){font-size:1.5em;color:#353535;font-weight:300;}
/* 서브 페이지 */

#bo_v_con > * {font-size:1.5em !important;line-height: 1.5 !important;}

.ceo_slide{padding-top:0;}
.ceo_slide .swiper .item .img{width:100%;height:350px;}
.ceo_slide .swiper .item .txt{text-align:center;font-size:1.2em;}
.ceo_slide .swiper-button-next{color:#000;}
.ceo_slide .swiper-button-prev{color:#000;}