/*-------------------------------------- COMMON -------------------------------*/
.sub_v{background-size:cover;background-position:center;background-repeat:no-repeat;height:480px;display:flex;align-items:center;justify-content:center;}

.sub_v .sub_title{text-align:center;color:#fff;font-size:42px;letter-spacing:-0.02em;width:100%;}
.sub_v .sub_title h2{text-shadow:9px 9px 10px rgba(24,24,24,.25);}

.sub_v.company{background-image:url("/page/company/img/company_v.png");}
.sub_v.product{background-image:url("/page/product/img/product_v.png");}
.sub_v.facilities{background-image:url("/page/facilities/img/facilities_v.png");}
.sub_v.process{background-image:url("/page/process/img/process_v.png");}
.sub_v.inquiry{background-image:url("/page/inquiry/img/inquiry_v.png");}
.sub_v.board{background-image:url("/common/images/board/board_v.png");}

.sub_tit h3{font-size:30px;line-height:1.2em;}

/*-------------------------------------- CONMPANY -------------------------------*/
.history_box{text-align:center;}

.history_list_wrap{position:relative;}
.history_list_wrap:before{content:'';width:10px;height:1px;background:#181818;position:absolute;top:0;left:50%;margin-left:-5px;}
.history_list_wrap:after{content:'';width:10px;height:1px;background:#181818;position:absolute;bottom:0;left:50%;margin-left:-5px;}
.history_list{position:relative;width:480px;margin:40px auto 0;padding:0.5em 0;}
.history_list:before{content:"";width:1px;height:100%;background:#181818;position:absolute;top:0;}
.history_list li{position:relative;}
.history_list li:nth-child(2n-1){text-align:right;}
.history_list li:nth-child(2n-1):after{content:'';width:30px;height:1px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:15px;background:#181818;}
.history_list li:nth-child(2n-1):before{content:'';width:19px;height:19px;background:url("/page/company/img/history_bull.png");display:block;position:absolute;left:50%;top:50%;z-index:2;margin-left:-9.5px;margin-top:-9.5px;}
.history_list li:nth-child(2n){text-align:left;}
.history_list li:nth-child(2n):after{content:'';width:30px;height:1px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:-15px;background:#181818;}
.history_list li:nth-child(2n):before{content:'';width:19px;height:19px;background:url("/page/company/img/history_bull.png");display:block;position:absolute;left:50%;top:50%;z-index:2;margin-left:-9.5px;margin-top:-9.5px;}
.history_list li:not(:last-child){margin-bottom:40px;}

.history_list li .txt{display:inline-block;width:50%;}
.history_list li:nth-child(2n-1) .txt{transform: translateX(-2em);}
.history_list li:nth-child(2n) .txt{text-align:right;margin-left:-3em;}
.history_list li .txt h3{font-weight:500;font-size:32px;}
.history_list li .txt p{line-height:1.5em;}
.history_list li .txt font + br{display:none;}

.company1_con .txt_box{background:#f8f7f7;text-align:center;padding:60px 3em;position:relative;margin:60px 0 10px;}
.company1_con .txt_box .logo_bg{position:absolute;bottom:0;right:0;}
.company1_con .txt_box p{line-height:1.5em;}
.company1_con .txt_box p:not(:last-child){margin-bottom:40px;}
.company1_con .txt_box span{font-size:30px;font-weight:700;}

.company1_con .img_box{text-align:center;}
/*-------------------------------------- PRODUCT -------------------------------*/
.product1_con{background:url("/page/product/img/product1_bg.png") center/cover no-repeat;text-align:center;}

.product_list{display:inline-block;margin-top:40px;width: 1040px;margin: 40px -20px 0;}
.product_list li{width:480px;height:80px;line-height:80px;border:1px solid #181818;border-radius:50px;margin:20px;float:left;}
.product_list li p{font-size:24px;font-weight:500;}


/*-------------------------------------- PROCESS -------------------------------*/
.process1_con{text-align:center;}
.process1_con .img_box{}

/*-------------------------------------- INQUIRY -------------------------------*/
.inquiry1_con{text-align:center;}
.inquiry_form{margin:70px 0 60px;display:inline-block;text-align:left;}
.inquiry_form .item_box{display:flex;}
.inquiry_form .item_box{margin-bottom:40px;}
.inquiry_form .name{width:220px;border-bottom:1px solid #181818;margin-right:40px;line-height:60px;}
.inquiry_form .name h4{}
.inquiry_form .name span{color:#0060ff;}
.inquiry_form .item{width:700px;}
.inquiry_form .item span{margin:0 10px;}

.inquiry_form input{border:none;font-weight:400;}
.inquiry_form input[type="text"]{width:100%;padding-left:20px;}
.inquiry_form input[type="tel"]{width:210px;text-align:center;}
.inquiry_form select{background: url(/page/inquiry/img/select_arrow.png) right 1.2em center no-repeat #f6f5f6 !important;height:60px;width:210px;text-align:center;border:none;font-size:var(--font-size1);}
.inquiry_form input:not([type="checkbox"]){background:#f6f5f6;height:60px;font-size:var(--font-size1);}
.inquiry_form textarea{resize:none;height:250px;background:#f6f5f6;border:none;width:100%;padding:10px;font-size:var(--font-size1);font-family: 'Noto Sans KR', sans-serif;}

.inquiry_form .privacy_item{text-align:right;margin-top:-20px;}
.inquiry_form .privacy_item input{width:18px;height:18px;vertical-align:middle;}
.inquiry_form .privacy_item p{display:inline-block;vertical-align:middle;}

.send_btn{width:170px;height:43px;line-height:43px;border:1px solid #181818;border-radius:50px;font-weight:500;display:block;margin:0 auto;text-align:center;background:#fff;transition:all .3s;}
.send_btn:hover{background:#181818;color:#fff;}

/*-------------------------------------- FACILITIES -------------------------------*/
.facilities_item{text-align:center;}
.facilities_item:not(:last-child){margin-bottom:100px;}
.facilities_item .tit{font-size:30px;font-weight:700;}

.facilities_table{width:100%;margin-top:20px;}
.facilities_table th,.facilities_table td{border:1px solid #ccc;vertical-align:middle;}
.facilities_table thead th{height:48px;background:#181818;color:#fff;font-size:24px;font-weight:700;}
.facilities_table tbody th{background:#f8f7f7;font-size:20px;font-weight:500;}
.facilities_table tbody td{height:40px;}
.facilities_table tbody .big_cell td{height:100px;line-height:1.5em;}

.facilities_item .etc{text-align:right;color:#a9a9a9;margin-top:20px;}
/*---------------------------------------------------------- media 1200 -------------------------------------------------------*/

@media all and (max-width:1200px){

.company1_con .img_banner{width:100%;}

.product_list{width:100%;margin: 40px -2% 0;}
.product_list li{width:46%;height:4em;line-height:4em;margin:2%;border-radius:3em;}

.process1_con .img_box img{width:100%;}

.inquiry_form .name{width:152px;}
.inquiry_form .item{width:608px;}
.inquiry_form input[type="tel"]{width:182.5px;}
.inquiry_form select{width:182.5px;}
}

/*---------------------------------------------------------- media 800 -------------------------------------------------------*/

@media all and (max-width:800px){
.sub_v{height:55vw;}

.sub_v .sub_title{font-size:7vw;}
.sub_v .sub_title h2{text-shadow:2vw 2vw 2vw rgba(24,24,24,.25);}

.sub_tit h3{font-size:5vw;}

.history_box img{width:20vw;}
.history_list{width:95%;}
.history_list li .txt h3{font-size:5vw;}

.company1_con .txt_box{padding:7vw 3em;position:relative;margin:7vw 0 1vw;}
.company1_con .txt_box .logo_bg{width:30vw;}
.company1_con .txt_box p{line-height:1.5em;}
.company1_con .txt_box p:not(:last-child){margin-bottom:3em;}
.company1_con .txt_box span{font-size:5vw;}

.company1_con .img_abbreviation{width:60%;}

.product_list{margin: 4vw -2% 0;}
.product_list li p{font-size:3.5vw;}

.inquiry_form{margin:8vw 0 7vw;}
.inquiry_form .item_box{margin-bottom:5vw;}
.inquiry_form .name{width:20%;margin-right:2%;line-height:6vw;}
.inquiry_form .item{width:78%;}
.inquiry_form .item span{margin:0 0.5%;}

.inquiry_form input[type="text"]{padding-left:3vw;}
.inquiry_form input[type="tel"]{width:31%;}
.inquiry_form select{width:31%;height:7vw;}
.inquiry_form input:not([type="checkbox"]){height:7vw;}
.inquiry_form textarea{height:25vw;padding:2vw;}

.inquiry_form .privacy_item{margin-top:-2vw;}
.inquiry_form .privacy_item input{width:3vw;height:3vw;}

.send_btn{width:25vw;height:7vw;line-height:7vw;border-radius:3em;}

.facilities_item:not(:last-child){margin-bottom:13vw;}
.facilities_item .tit{font-size:5vw;}

.facilities_table{margin-top:3vw;}
.facilities_table thead th{height:7vw;font-size:3.5vw;}
.facilities_table tbody th{font-size:3.2vw;}
.facilities_table tbody td{height:7vw;}
.facilities_table tbody .big_cell td{height:15vw;}

.facilities_item .etc{margin-top:3vw;}
}