@charset "utf-8";

@import url(../css/reset.css);
@import url(../css/font.css);


body *{box-sizing: border-box; font-family: Pretendard; word-break: keep-all;} 


body{position: relative;}
img{width: 100%;}
.point_red{color: #E20101;}
.wrap{margin:0 auto; }
.contents{min-height: 500px; margin: 0 auto 240px;}
.con_box{width: 1280px; max-width: 1920px; min-width: 1280px; padding: 0 20px; margin: 0 auto}
.cont-auto-width {max-width: 1420px; width: 100%; min-width: 1280px;}
.line{margin: 100px 0 120px; border:2px dashed #707070}
.scroll_y{overflow-y: scroll; height: 100%;}
.scroll_y::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.scroll_y::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */background: #E5E5E5; /* 스크롤바의 색상 */border-radius: 100px;}
.scroll_y::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
/* header */
header{width: 100%; height: 100px; position: absolute; top:0; z-index: 100; } 
.header_wrap .inner{display: flex; width: 1240px; max-width: 1920px; height: 100%; margin: 0 auto;}
.header_wrap .logo{display: flex; margin-top: 43px; width: 249px; align-items: flex-start;}
.header_wrap .logo a{display: block; width: 249px;}
.header_wrap .logo a img{width: 100%;}
.header_wrap .logo a:nth-child(2){display: none;}
.header_wrap.hover .logo a:nth-child(1){display: none;}
.header_wrap.hover .logo a:nth-child(2){display: block;}
/* //header */

.header_wrap .gnb_wrap{display: flex; width: 100%; padding: 0 100px; box-sizing: border-box;} 
.header_wrap .gnb_wrap > .depth1 p a{display:block; min-width: 186px; box-sizing: border-box; line-height: 140px; text-align: center; font-size: 24px; color: #fff; font-weight: 600;}
.header_wrap .gnb_wrap .depth1  .depth2{display: none;}
.header_wrap .gnb_wrap .depth1  .depth2{ margin-top: 15px;}
.header_wrap .gnb_wrap .depth1 .depth2 li + li{margin-top: 40px;}
.header_wrap .gnb_wrap .depth1 .depth2 li a{display: block; text-align: center; color: #fff; font-size: 19px;}
.header_wrap.hover{height: 500px;background: rgb(255, 255, 255 ,0.75);backdrop-filter: blur(10px);}
.header_wrap.hover .gnb_wrap > .depth1 p a{color: #000;}
.header_wrap.hover .gnb_wrap .depth1 .depth2 li a{color: #000;}
.header_wrap.hover .gnb_wrap .depth1 .depth2{display: block;}
.header_wrap.hover .gnb_wrap .depth1:hover{background-color:#7497D3;}
.header_wrap.hover .gnb_wrap .depth1:hover p a{color: #fff;}
.header_wrap.hover .gnb_wrap .depth1:hover .depth2 li a{color: #fff;}

footer{width: 100%; padding: 86px 120px 59px 120px; background-color: #EDEDED; box-sizing: border-box;}
footer .inner{display: flex; justify-content: space-between; width: 100%;}
footer .inner .txt_area{flex: 1;}
footer .img_logo{width: 249px; margin-top :165px;}
footer .info_txt{display: flex;}
footer .info_txt li + li{margin-left: 73px;}
footer .info_txt li dt{font-size: 32px; line-height: 37px; color: #000;}
footer .info_txt li dd{margin-top: 11px; font-weight: bold; font-size: 40px; line-height: 47px; color: #019CE2;}
footer .detail_txt{display: flex; margin-top: 70px;}
footer .detail_txt li{font-size: 24px;}
footer .detail_txt li + li{margin-left: 32px;}
footer .copyright{margin-top: 21px; font-size: 24px; color: #000;}
footer .cs_btn {margin-top: 42px;}
footer .cs_btn a{display: inline-block; font-size: 24px; color: #848484; }
footer .cs_btn a + a{margin-left: 21px;}

/* sub top banner */
.top_sub_tit {position: relative; width: 100%; height: 650px;}
.top_sub_tit img{width: 100%; height: 100%;}
.top_sub_tit .top_tit{position: absolute; top:368px; left: 50%; transform: translateX(-50%); z-index: 10;}
.top_sub_tit .top_tit span{display: block; font-size: 30px; font-weight: 500; color: #fff; text-align: center;}
.top_sub_tit .top_tit span + strong{margin-top: 20px;}
.top_sub_tit .top_tit strong{display: block; font-size: 56px; white-space: nowrap; font-weight: bold; color: #fff; text-align: center; }

.con_info_txt{margin-top: 66px;}
.con_info_txt .point_red{font-weight: bold;}
.con_info_txt p{ font-size: 26px; font-weight: 500; line-height: 39px;}
.con_info_txt.type02 p{font-size: 30px; font-weight: 500; line-height: 50px; word-break: keep-all;}
.con_info_txt .tip_txt{margin-top: 25px; color: #00A4AC; font-weight: 500; font-size: 26px;}
.con_info_txt + .con_tit_area{height: auto; margin-top: 100px}

.tab_con{display: none;}
.tab_con.active{display: block;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;}
/* table style */
.tbl_area{margin-top: 87px;}
.service_con .tbl_area{margin-top: 200px;}
.service_con .tbl_area .service_tbl_tit{margin:0 auto 120px; width: 960px; height: 120px; text-align: center; background: #ebf7fd; border-radius: 200px;}
.service_con .tbl_area .service_tbl_tit strong{height: 120px; line-height: 120px; font-size: 46px; font-weight: bold; color: #019CE2;}
.tbl_box.service{margin-top: 80px}
.tbl_area .tbl_box ~ .tbl_box{margin-top: 120px;}
.tbl_area .tbl_box strong{font-size: 30px; color: #000;}
.tbl_area .tbl_box .tit{display: block; margin-bottom: 60px; font-size: 40px; color: #000;}
.tbl_area .tbl_box .sub_tbl_tit{display: block; margin-bottom: 30px; font-size: 26px; font-weight: 600; color: #000;}

.prod_list ~ .tbl_01{margin-top: 140px}
.prod_list ~ .tbl_01 ~ .prod_list{margin-top: 160px;}
.tbl_01 ~ .tbl_01{margin-top: 100px;}


.tbl_01 strong{display: block; font-size: 32px; font-weight: bold; line-height: 37px; color: #363636;}
.tbl_01 strong.tbl_tit{display: block; margin-bottom: 40px;}
.tbl_01 table th{height: 75px; border-bottom: 4px solid #000; box-sizing: border-box; background: #F4F9FD; font-size: 26px; font-weight: 500; color: #363636;}
.tbl_01 table td{padding: 65px 0 20px; line-height: 23px; height: 110px; border-bottom: 1px solid #000; box-sizing: border-box; color: #363636; font-size: 26px; font-weight: bold; text-align: center;}
 
.tbl_02 .tbl_info{display: flex; justify-content: space-between; margin-bottom: 26px; margin-top: 60px;}
.tbl_02 .tbl_info label{font-size: 32px; font-weight: bold;}
.tbl_02 .tbl_info .txt{ font-size: 22px;}
.tbl_02 .tbl_info .txt span{font-size: 22px; color: #317CE0;}
.tbl_02 table{border: 4px solid #000; border-left: none; border-right: none;}
.tbl_02 table th,.tbl_02 table td{border-top: 1px solid #000;}
.tbl_02 table th{background: #F4F9FD; font-size: 26px; font-weight: bold; border-right: 1px solid #000;}
.tbl_02 table th:first-child{padding:0 22px;}
.tbl_02 table td{border-left: 1px solid #000; padding: 20px 26px; height: 100px; font-size: 26px; font-weight: 500;}
.tbl_02 table td .txt_area{display: flex; justify-content: space-between;}
.tbl_02 table td .txt_right{display: flex; width: 100%; text-align: right; justify-content: flex-end;}
.tbl_02 table td .txt_right span{margin-left: 30px;}
.tbl_02 table td .txt_right input{text-align: right;}
.tbl_02 table td .txt_left span{margin-right: 30px;}
.tbl_02 table td .tbl_input{display: flex; position: relative;}
.tbl_02 table td .tbl_input input{width: 100%; flex: 1;}
.tbl_02 table td span.placeholder{color: #C3C3C3; font-size: 26px;}
.tbl_02 table .important{position: relative;}
.tbl_02 table .important::before{content: "*"; display: inline-block; color: #317CE0;}
.tbl_02 table td select{min-width: 335px; height: 60px; font-size: 26px; padding: 0 30px; background: url(../img/service/ico_select_arr.png) 90% 50% / 21px 15px no-repeat; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/appearance:none;}
.tbl_02 .chk_area.type02{display: flex; flex-wrap: wrap;}
.tbl_02 .chk_area.type02 li + li{margin-top: 0;}
.tbl_02 .chk_area.type02 li:last-child{margin-top: 30px;}
.tbl_02 .chk_area.type02 li:nth-child(2){margin-left: 60px; margin-top:0;}
.tbl_02 .chk_area.type02 li span{display: inline-block; margin-top: 21px; margin-left: 40px;}
.tbl_02 .chk_area li + li{margin-top: 30px;}
.tbl_02 .chk_area li input[type="radio"],
.tbl_02 .chk_area li input[type="checkbox"] {width: 30px; height: 30px; margin-right: 20px; background: url(../img/service/chk_30x30.png) 100% / 100% no-repeat;}
.tbl_02 .chk_area li input[type="radio"]:checked,
.tbl_02 .chk_area li input[type="checkbox"]:checked{background: url(../img/service/chk_30_30_02.png) 100% / 100% no-repeat;}
.tbl_02 td.info{padding: 40px 0 40px 100px}
.tbl_02 tfoot td{border-left: 0; padding: 40px 0;}

.search_result_box{position: absolute; top: 50px; left:0; z-index: 99; padding: 10px 5px 10px 0;  width: 1203px; height: 565px; background-color: #fff;  border:2px solid #317CE0; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1);}
.search_result_box.right{left: auto; right: 0;}
.search_result_list{ box-sizing: border-box;}
.search_result_list li a{display: block;}
.search_result_list li a strong{display: block; padding: 30px 0 15px 40px; font-size: 26px; font-weight: bold; line-height: 30px; }
.search_result_list li a p{font-size: 26px; font-weight: 500; color: #707070; padding: 15px 0 15px 40px;}
.search_result_list li a:hover p{background: #317CE0; color: #fff;}


.search_result_list.type02 li a {border-bottom: 1px solid #317CE0; padding-bottom: 30px;}
.search_result_list.type02 li a strong{display: block; padding: 20px 0 20px 40px; font-size: 26px; font-weight: bold; line-height: 30px; color: #049BE1;}
.search_result_list.type02 li a span{display: block; margin-bottom: 6px; font-size: 26px; font-weight: 500; color: #363636; padding: 0 0 0 40px;}
.search_result_list.type02 li a p{font-size: 26px; font-weight: 500; color: #363636; padding: 15px 0 15px 40px;}
.search_result_list.type02 li a:hover p{background: #317CE0; color: #fff;}



.infomation_con .info_tbl{margin-top: 80px;}
.infomation_con .info_tbl th{text-align: center; padding: 24px 0 25px; border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 22px; font-weight: 600;}
.infomation_con .info_tbl td{text-align: center; padding: 40px 15px 27px; border-bottom: 1px solid #C6C6C6; font-size: 22px;}
.infomation_con .info_tbl td span{display: block; font-weight: bold; max-width: 100%;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.infomation_con .paging{display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.infomation_con .paging .btn{display: block; width: 10px; height: 18px;}
.infomation_con .paging .btn.left{margin-right: 40px;}
.infomation_con .paging .btn.right{margin-left: 40px;}
.infomation_con .paging > a{display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; border: 1px solid #CECECE; color: #606060; box-sizing: border-box;}
.infomation_con .paging > a.on{border: 1px solid #707070; background: #707070; color: #fff;}
.infomation_con .paging > a + a{margin-left: 24px;}

.infomation_con .info_tit{margin-top: 80px; border-bottom: 2px solid #000; padding-bottom: 23px;}
.infomation_con .info_tit p{font-size: 30px; font-weight: 600;}
.infomation_con .info_detail{padding:49px 0 0;}
.infomation_con .info_detail .inner{padding:0 203px;}
.infomation_con .info_detail img{display: block; max-width: 1000px; text-align: center;}
.infomation_con .info_detail p{margin-top: 40px; font-size: 26px; font-weight: 500;}
.infomation_con .ingo_btn{display: flex; justify-content: center; margin-top: 180px;}
.infomation_con .ingo_btn a{display: block; width: 160px; height: 60px; border-radius: 15px; text-align: center; background-color: #019CE2; line-height: 60px; font-size: 22px; color: #fff; font-weight: 600;}


.toggle_wrap{margin-top: 56px;}
.toggle_wrap .toggle_tit a{font-size: 26px; font-weight: bold; padding-right: 42.5px; background: url(../img/service/ico_select_arr.png) 100% / 21px 15px no-repeat;}
.toggle_wrap .toggle_tit.active a{background: url(../img/service/ico_arr_up.png) 100% / 21px 15px no-repeat;}
.toggle_wrap .toggle_tit ~ .toggle_notice{display: none;}
.toggle_wrap .toggle_tit.active ~  .toggle_notice{display: block;}
.toggle_wrap .toggle_notice{font-size: 24px; line-height: 44px;}
.toggle_wrap .toggle_notice .num_list + .num_list{margin-top: 45px;}
.toggle_wrap .notice_tbl{margin-top: 35px; margin-bottom: 40px;}
.toggle_wrap .notice_tbl table{border-top: 2px solid #000; text-align: center;} 
.toggle_wrap .notice_tbl table tr th{border: 1px solid #000; font-weight: normal; background-color: #FAFAFA;}
.toggle_wrap .notice_tbl table tr th:first-child{border-left: none;}
.toggle_wrap .notice_tbl table tr th:last-child{border-right: none;}
.toggle_wrap .notice_tbl table tr td{border:1px solid #000; background-color: #FAFAFA;}
.toggle_wrap .notice_tbl table tr td:last-child{border-right: none;}
.toggle_wrap .notice_tbl p{margin-top: 20px;}
.toggle_wrap .method-box{margin-top: 50px;}
.toggle_wrap .method-box .circle_num_list{margin-top: 17px;}
.toggle_wrap .toggle_notice .dash_list{padding-left: 20px;}

.period_box{display: flex;}
.period_box span{display: inline-block; text-align: right; margin-right: 50px;}
.period_box span.first{width: 250px;}
.period_box i{display: inline-block; margin-right: 20px;}
.period_box .input{width: 100px;}
.period_box input{width: 100%; text-align: right;}
.con_tit_area{display: flex; align-items: flex-end; border-bottom: 3px solid #EBEBEB; height: 240px; box-sizing: border-box;}
/* con_tit_area 탭유형 */
.con_tit_area .tab_tit{display: flex; padding-bottom: 20px;}
.con_tit_area .tab_tit li{position: relative;}
.con_tit_area .tab_tit li + li{margin-left: 97px;}
.con_tit_area .tab_tit li a{display: block; font-size: 34px; font-weight: bold; color: #B7B7B7;}
.con_tit_area .tab_tit li.active a{color: #317CE0;}
.con_tit_area .tab_tit li.active ::after{content: ""; position: absolute; left: 0; bottom: -23px; width: 100%; height: 3px; background: #317CE0;}
.con_tit_area .quick_tit{display: flex; padding-bottom: 20px;}
.con_tit_area .quick_tit li{position: relative;}
.con_tit_area .quick_tit li + li{margin-left: 97px;}
.con_tit_area .quick_tit li a{display: block; font-size: 34px; font-weight: bold; color: #B7B7B7;}
.con_tit_area .quick_tit li.active a{color: #317CE0;}
.con_tit_area .quick_tit li.active ::after{content: ""; position: absolute; left: 0; bottom: -23px; width: 100%; height: 3px; background: #317CE0;}
.con_tit_area .tit_type01{display: inline-block; padding-bottom: 40px; line-height: 50px; font-size: 50px; font-weight: bold;}
.con_tit_area .tit_type02{display: inline-block; padding-bottom: 20px; line-height: 47px; font-size: 40px; font-weight: bold;}
.selectBox * { box-sizing: border-box; }
.selectBox {display: inline-block; padding-bottom: 20px; position: relative; font-size: 40px; font-weight: bold; border: none; background: url(../img/ico_select_arr.png) 100% 22px / 21px 15px no-repeat; cursor: pointer;}
.selectBox .label { display: flex; align-items: center; width: inherit; height: inherit; border: 0 none; outline: 0 none; background: transparent; cursor: pointer; font-size: 40px; font-weight: bold; border: none; padding-right: 60px;}
.selectBox .optionList {position: absolute; top: 86px;left: 50%; transform: translateX(-50%); z-index: 10;width: 470px;color: #363636;list-style-type: none;padding: 0;border-radius: 6px;overflow: hidden;max-height: 0;}
.selectBox .optionList::-webkit-scrollbar {width: 6px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.selectBox.active .optionList {max-height: 500px;border: 2px solid #317CE0;border-radius: 10px;background: #fff;}
.selectBox .optionItem {border-bottom: 1px solid #317CE0;padding: 5px 15px 5px; font-size: 30px;height: 116px;text-align: center;line-height: 116px;}
.selectBox .optionItem:hover {background: #317CE0;font-weight: bold;color: #fff;}
.selectBox .optionItem:last-child {border-bottom: 0 none;}

/* prod */
.prod_con .prod_list {display: flex; justify-content: space-between; margin-top: 120px;}
.prod_con .prod_list li{width: 680px; height: 731px;}
.prod_con .prod_list li a{display: block; position: relative; border-radius: 15px;}
.prod_con .prod_list li a .prod_name{position: absolute; z-index: 2; top: 60px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.prod_con .prod_list li a .prod_name strong{font-size: 40px; font-weight: bold;}
.prod_con .prod_list li a .prod_name span{display: block; text-align: center; margin-top: 13px; font-size: 26px;}
.prod_con .prod_list li a .prod_info{position: absolute; z-index: 2; bottom: 50px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%;}
.prod_con .prod_list li a .prod_info p{font-size: 26px; font-weight: 500;}
.prod_con .prod_list li a:hover{box-shadow: 0 20px 20px 0 rgba(0,0,0,0.1); }
.prod_con .prod_list li a:hover::before{content: ""; position: absolute; z-index: 5; top:50%; left: 50%; transform: translate(-50% , -50%); display: block; width: 80px; height: 80px; box-sizing: border-box; background: url(../img/img_hover_plus.png) 100% / 80px no-repeat;}
.prod_con .prod_list li a:hover::after{content: ""; position: absolute; top:0; display: block; width: 100%; height: 100%; box-sizing: border-box; border:4px solid #317CE0; background-color: rgba(255,255,255,0.4); backdrop-filter: blur(12px); border-radius: 15px;}

.prod_con .prod_info_box{margin-top: 60px; background: #F8F8F8; height: 100px; font-size: 26px; font-weight: bold; text-align: center; line-height: 100px;}
/* //prod */

/* company */
.introduce_list li .introduce_box{ display: flex;}
.introduce_list li .introduce_box .img{width: 500px; height: 500px; border-radius: 15px;}
.introduce_list li .introduce_box.service{margin-top: 152px; margin-left: 325.5px;}
.introduce_list li .introduce_box.safety{margin-top: 123px; margin-left: 92.5px;}
.introduce_list li .introduce_box.customer{margin-top: 240px; margin-left: 325.5px;}

.introduce_list li .introduce_box.service .img{width: 503px; height: 617px;}

.introduce_list li .introduce_box .introduce_txt{position: relative; margin-left: 60px; width: 532px;}
.introduce_list li .introduce_box .introduce_txt dl{position: absolute; bottom: 0;}
.introduce_list li .introduce_box.service .introduce_txt dl{position: absolute; top: 200px;}
.introduce_list li .introduce_box .introduce_txt dt{font-size: 50px; font-weight: bold; color: #000;}
.introduce_list li .introduce_box .introduce_txt dd{margin-top: 60px;}
.introduce_list li .introduce_box .introduce_txt dd strong{font-size: 38px; font-weight: bold; color: #317CE0;}
.introduce_list li .introduce_box .introduce_txt dd p{margin-top: 30px; font-size: 26px; line-height: 46px; color: #000;}

.greeting_con{margin-top: 140px;}
.greeting_con strong{font-size: 50px; font-weight: bold; color: #000;}
.greeting_con .greeting_area {display: flex; justify-content: space-between; margin-top: 120px;}
.greeting_con .greeting_box{width: 700px;}
.greeting_con .greeting_box span{font-size: 42px; font-weight: bold; color: #019CE2;}
.greeting_con .greeting_box p{margin-top:90px; font-size: 32px; line-height: 60px; color: #000;}
.greeting_con .greeting_area .img_box {position: relative; min-width: 545px; text-align: right; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.greeting_con .greeting_area .img_box .img{width: 400px;}
.greeting_con .greeting_area .img_box .img + .img{margin-top: 60px;}
.greeting_con .greeting_area .img_box .ceo_name{position: absolute; bottom: 0; display: flex; align-items: center;}
.greeting_con .greeting_area .img_box .ceo_name p{font-size: 32px; font-weight: 500; letter-spacing: -0.43px;}
.greeting_con .greeting_area .img_box .ceo_img{ margin-left: 30px; width: 247px;}

.map_con .map{margin-top: 100px; width: 100%;}
.map_con .company_info ul{margin-top: 105px;}
.map_con .company_info ul li{display: flex; width: 100%;}
.map_con .company_info ul li + li{margin-top: 37px} 
.map_con .company_info ul li span{display: block; padding: 23px 0; border-bottom:3px solid #000; width: 250px; font-size: 28px; font-weight: bold;}
.map_con .company_info ul li p{font-size: 28px; flex:1; padding: 23px 0; border-bottom: 3px solid #D3D3D3;}

/* //company */

/* inquiry */
.inquiry_info{margin-top: 66px}
.inquiry_info p{font-size: 26px; color: #000; font-weight: 500;}
.inquiry_list{margin-top: 94px;}
.inquiry_list li + li{margin-top: 40px;}
.inquiry_list li {display: flex;}
.inquiry_list li .form_box {display: flex; min-height: 120px; flex: 1; padding: 44px 30px; border-radius: 15px; background-color: #F4F4F4;}
.inquiry_list li .form_box + .form_box{margin-left: 20px;}
.inquiry_list .form_box label span{position: relative; display: block; font-size: 28px; font-weight: bold;}
.inquiry_list .form_box label span.impor::after{content: "*"; color: #019CE2;}
.inquiry_list .form_box .ipt{flex: 1; height: 100%; margin-left: 30px;}
.inquiry_list .form_box .ipt input{width: 100%; height: 100%; background: transparent; font-size: 28px; color: #000;}
.inquiry_list .form_box .ipt input::placeholder{color: #B5B5B5}
.inquiry_list .form_box .textarea_area{width: 100%;}
.inquiry_list .form_box .textarea_area .inquiry{margin-top: 30px; width: 100%;}
.inquiry_list .form_box .textarea_area .inquiry textarea{display: block; width: 100%; height: 100%; color: #000; font-size: 28px; background: transparent; border:none; resize: none;}
.inquiry_list .form_box .textarea_area .inquiry textarea::placeholder{color: #B5B5B5;}
.inquiry_list .form_box.personal{justify-content: space-between;}  
.inquiry_list .form_box .personal_txt{display: flex; align-items: center;}
.inquiry_list .form_box .personal_txt p{font-size: 28px; font-weight: bold; color: #000;}
.inquiry_list .form_box .personal_txt p + .personal_btn{margin-left: 30px;}
.inquiry_list .form_box .personal_txt .personal_btn{padding: 18px 20px; font-size: 20px; color: #000; background-color: #D8D8D8;} 
.inquiry_list .form_box .chk_box{display: flex; align-items: center;}
.inquiry_list .form_box .chk_box input{width: 38px; height: 38px; background: url(../img/company/img_chk01.png) 100% / 36px no-repeat;}
.inquiry_list .form_box .chk_box input:checked{background: url(../img/company/img_chk02.png) 100% / 36px no-repeat;}
.inquiry_list .form_box .chk_box label{margin-left: 16px; font-size: 22px; color: #000;}


.btn_area{display: flex; justify-content: center; margin-top:80px; height: 120px;}
.btn_area a{display: inline-block; line-height: 120px; min-width: 400px; border-radius: 15px; font-size: 36px; font-weight: bold; text-align: center;}
.btn_area .btn_primary{color: #fff; background-color: #019CE2;}

.con_sub_tit{margin-top: 200px; text-align: center; border-bottom: 3px solid #EBEBEB;}
.con_sub_tit strong{display: block; font-size: 40px; font-weight: bold; color: #000; padding-bottom: 40px;}

/* //inquiry */
/* faq */
.faq_list{margin-top: 70px;}
.faq_list > li + li{margin-top: 60px;}
.faq_list > li{box-sizing: border-box;}
.faq_list > li .faq_box{border:1px solid #888; overflow: hidden;  box-sizing: border-box; border-radius: 15px;}
.faq_list > li .faq_box .faq_tit a{position: relative; display: block; padding: 52px 40px 51px 148px; height: 140px; font-size: 32px; line-height: 35px; font-weight: bold; color: #000;}
.faq_list > li .faq_box .faq_tit a::before{content: ""; position: absolute; top: 41px; left: 50px; display: block; width: 38px; height: 59px; background: url(../img/inquiry/img_question.png) 100% / 38px 59px no-repeat;}
.faq_list > li .faq_box .faq_tit a::after{content: ""; position: absolute; top: 50px; right: 40px; display: block; width: 40px; height: 40px; background: url(../img/inquiry/img_plus.png) 100% / 40px 40px no-repeat;}
.faq_list > li .faq_box .detail_con{display: none; position: relative; padding: 61px 132px 60px 148px;}
.faq_list > li .faq_box .detail_con::before{content: ""; position: absolute; top: 61px; left: 50px; display: block; width: 37px; height: 59px; background: url(../img/inquiry/img_answer.png) 100% / 37px 59px no-repeat;}

.faq_list > li .faq_box .detail_con .dot_list > li{position: relative; padding-left: 14px; font-size: 28px; color: #000; font-weight: 500; line-height: 48px; word-break: keep-all;}
.faq_list > li .faq_box .detail_con .dot_list > li + li{margin-top: 45px}
.faq_list > li .faq_box .detail_con .dot_list > li::before{content: ""; position: absolute; top: 15px; left: 0; border-radius: 50%; display:block; width: 9px; height: 9px; background: #000;}

.faq_list > li.active .faq_box{border:3px solid #317CE0}
.faq_list > li.active .faq_box .faq_tit a{background: #F7F7F7; padding: 52px 40px 51px 148px; }
.faq_list > li.active .faq_box .faq_tit a::after{content: ""; background: url(../img/inquiry/img_minus.png) 100% / 40px 40px no-repeat;}
/* .faq_list > li.active .faq_box .detail_con{display: block; height: auto; } */

.faq_txt{font-size: 26px; color: #000; font-weight: 500; line-height: 42px;}
/* //faq */
/* service */
.con_service_tit{margin-top: 164px; padding: 63px 0 60px; background: url(../img/service/bg_service.png) 0 100% / 630px 176px no-repeat;}
.con_service_tit strong{font-size: 40px; color: #019CE2; font-weight: bold;}
.service_img{margin-top: 100px}
.proheal_srvice_list {display: flex; flex-wrap: wrap; margin-top: 80px; gap:100px 210px;}
.proheal_srvice_list li{width: 320px; height: 581px;}
/* .proheal_srvice_list li + li{margin-left: 230px;} */
.proheal_srvice_list li:nth-child(3n+1) {margin-left: 0;}
.proheal_srvice_list li:nth-child(n+4) {margin-top: 100px;}
.proheal_srvice_list .img{width: 100%; height: 220px;}
.proheal_srvice_list .proheal_srvice_txt{margin-top: 60px}
.proheal_srvice_list .proheal_srvice_txt p{font-size: 40px; font-weight: bold; color: #019CE2; line-height: 50px;}
.proheal_srvice_list .proheal_srvice_txt span{display: block; margin-top: 41px; font-size: 26px; line-height: 44px; color: #383838; word-break: keep-all;}

.service-cont, .form-cont {width: 1420px;}


/* //service */
.step_area{width: 998px; margin: 0 auto;}
.step_area .step_box{margin-top: 151px}
.step_area .step_box .info{font-size: 40px; color: #019CE2; letter-spacing: -1.5px; margin-bottom: 60px;}
.step_area .step_box .info span{font-weight: bold;}

.exercise_area{margin-top: 140px;}
.exercise_area .exercise_box + .exercise_box{margin-top: 120px;}
.exercise_area .exercise_box .tit{padding-bottom: 37px; border-bottom: 3px solid #EBEBEB;}
.exercise_area .exercise_box .tit p{font-size: 32px; font-weight: bold; margin-bottom: 16px;}
.exercise_area .exercise_box .tit span{font-size: 24px;}
.exercise_area .exercise_box .img{margin-top: 120px;}
.exercise_area .exercise_box .exercise_info{padding:44px 60px 41px; margin-top: 80px; background: #F4F4F4;}
.exercise_area .exercise_box .exercise_info ol li{font-size: 30px; font-weight: 500;}
.exercise_area .exercise_box .exercise_info ol li + li{margin-top: 25px;}
.sickness_tbl {margin-top:170px;}
.sickness_tbl .tbl_box{margin-top:0;}
.sickness_tbl .tbl_box .row{background-color: #F8F8F8;padding-left: 36px; padding-right: 26px; line-height: 55px; letter-spacing: -1.8px;}



/* pop */
.dim{position: fixed; top: 0;left: 0;z-index: 100; width: 100%; height: 100vh; background: rgba(0,0,0,0.5);}
.pop_wrap{display: none; position: fixed; top: 50%; left: 50%; z-index: 2000; transform: translate(-50%, -50%); background: #fff; box-sizing: border-box;}
.pop_wrap.pop_prod{max-width: 1500px; width: 96%; min-width: 1240px; border-radius: 15px; overflow: hidden;}
.pop_wrap .pop_container{position: relative;}
.pop_wrap .pop_container .btn_pop_close a{display: block; position: absolute; z-index: 999; top:30px; right: 30px; width: 60px; height: 60px; background: url(../img/pop/btn_close.png) 100% / 100% no-repeat; font-size: 0; color: transparent;}
.pop_wrap .pop_container .prod_info{display: flex; height: 860px;}
.pop_wrap .pop_container .img_box{flex: 1; position: relative; padding: 150px 120px 90px; background-color: #F5F5F5;}
.pop_wrap .pop_container .img_box .img{width: 500px; height: 560px;}
.pop_wrap .pop_container .txt_box{flex: 1; padding: 131px 100px 126px 90px;}
.pop_wrap .pop_container .txt_box .name {display: flex; align-items: flex-end; padding-bottom: 30px; border-bottom: 1px solid #ACACAC;}
.pop_wrap .pop_container .txt_box .name strong{display: block; line-height: 59px; font-size: 50px; color: #363636; font-weight: bold;}
.pop_wrap .pop_container .txt_box .name span{display: inline-block; line-height: 59px; margin-left: 20px; font-size: 30px; color: #363636;}
.pop_wrap .pop_container .txt_box .prod_detail{padding-top:51px}
.pop_wrap .pop_container .txt_box .prod_detail .dot_list li{position: relative; padding-left: 18px; font-size: 26px; line-height: 54px; font-weight: 500;}
.pop_wrap .pop_container .txt_box .prod_detail .dot_list li::after{content: ""; position: absolute; top:24px; left: 0; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #363636;}
.pop_wrap .swiper_btn{width: 28px; height: 50px; z-index: 9;}
.pop_wrap .swiper_btn::after{display: none;}
.pop_wrap .btn_prev{left: 40px; background: url(../img/pop/img_arr_left_31.png) 100% / 100% no-repeat;}
.pop_wrap .btn_next{right: 40px; background: url(../img/pop/img_arr_right.png) 100% / 100% no-repeat;}


.pop_wrap.open_proheal{width: 500px;}
.pop_wrap .pop_container .btn_pop_close a{top: 10px; right: 10px;}
.pop_wrap .pop_container .open_info{padding: 69px 60px 44px}
.pop_wrap .pop_container .open_info .open_txt{color: #019CE2; text-align: center; font-weight: bold}
.pop_wrap .pop_container .open_info .txt01{font-size: 30px;;}
.pop_wrap .pop_container .open_info .txt02{margin-top: 7px; font-size: 36px;}
.pop_wrap .pop_container .open_info .txt03{margin-top: 27px; font-size: 60px;}
.pop_wrap .pop_container .open_info .box_txt{margin-top: 30px; border-radius: 20px; background: #019CE2; padding: 42px 0;}
.pop_wrap .pop_container .open_info .box_txt p{font-size: 34px; line-height: 50px; font-weight: bold; color: #fff; text-align: center;}
.open_proheal .today_close{position: absolute; top:-45px; display: flex;}
.open_proheal .today_close a{display: flex; font-size: 20px; line-height: 30px; color: #fff;}
.open_proheal .today_close i{display: inline-block; margin-right: 14px; width: 30px; height: 30px; background: url(../img/pop/open_chk.png) 100% / 100% no-repeat;}

.pop_alert{width: 750px; min-height: 348px;}
.pop_alert .inner{text-align: center; padding: 50px;}
.pop_alert .inner .chk_txt{padding-top: 112px; background: url(../img/img_alert.png) 50% 0 / 82px 82px no-repeat;}
.pop_alert .inner .chk_txt p{font-size: 22px; font-weight: bold; color: #363636 ;}
.pop_alert .alert_btn{display: flex; justify-content:center; margin-top: 50px;}
.pop_alert .alert_btn a{display: block; width: 160px; height: 60px; border-radius: 15px; text-align: center; background-color: #019CE2; line-height: 60px; font-size: 22px; color: #fff; font-weight: 600;}
.pop_alert .btn_pop_close a{display: block; position: absolute; z-index: 999; top:10px; right: 10px; width: 60px; height: 60px; background: url(../img/pop/btn_close.png) 100% / 100% no-repeat; font-size: 0; color: transparent;}

.pop_alert .privacy_info *{font-size: 22px; font-weight: 400; line-height: 40px; text-align: center;}
.pop_alert .privacy_info ul li{margin-top: 40px;}
.pop_alert .privacy_info ul li strong{display: block; font-weight: 400;}
.pop_alert .privacy_info + .alert_btn{margin-top: 60px;}
/* //pop */


/* 스크롤 등장박스 */
.showBox {opacity: 0; transform: translateY(10%); transition: all .5s ease-in-out;}
/* 스크롤 등장 클래스 */
.showBox.on {opacity: 1;transform: translateY(0);}


.privacy_txt *{font-size: 26px; line-height: 40px; color: #000; font-weight: 500;}
.privacy_txt > P{margin-top: 40px}
.privacy_txt > .privacy_list{margin-top: 40px}
.privacy_txt > .privacy_list > li + li{margin-top: 40px}
.privacy_txt > .privacy_list > li strong{display: block; font-weight: 500;}
.privacy_txt > .privacy_list > li >*{margin-top: 40px;}
.privacy_txt .privacy_list .manager_info > *{margin-top:0;}
.privacy_txt .manager_info ul{display: flex; flex-wrap: nowrap;}
.privacy_txt .manager_info ul li{flex: 1; margin-right: 30px;}
.privacy_txt > .info{margin-top: 82px}

.quick_menu {display: none;}
.quick_menu.fixed{display: block; position: fixed; z-index: 10; bottom: 60px; right: 40px;}
.quick_menu .menu{width: 120px; padding: 10px 0; border-radius: 200px; background: #fff; box-sizing: border-box; border:2px solid #019CE2; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2);}
.quick_menu .menu li + li{margin-top: 20px;}
.quick_menu .menu li .img{width: 100px; height: 100px; margin: 0 auto;}
.quick_menu .menu li a{display: block; width: 100px; height: 100px; margin: 0 auto;}
.quick_menu .btn_up{display: block; margin-top: 30px; width: 120px; height: 120px; border:2px solid #019CE2; border-radius: 50%; background: #fff;}
.quick_menu .btn_up .img{width: 38px; height: 44px; margin:36px auto;}
.quick_menu .btn_tel{position: relative;}
.quick_menu .menu .btn_tel .img a{position: relative; z-index: 1;}
.quick_menu .btn_tel .tel_box{display: none; position: absolute; top:0; right: 50%; background-color: #317CE0; width: 0; border-radius: 100px 0 0 100px; box-sizing: border-box;}
.quick_menu .btn_tel.on .tel_box{animation: quick_open 0.5s ease-in both; display: block;}
.quick_menu .btn_tel.off .tel_box{animation: quick_close 0.5s ease-in both; display: block; width: 0;}
.quick_menu .btn_tel.off .tel_box p{display: none; transition: 0.3s;}
.quick_menu .btn_tel .tel_box p{font-size: 36px; font-weight: 800; color: #fff; line-height: 100px; padding-left: 36x;  white-space: nowrap; padding-left: 36px}
@keyframes quick_close {
    0% {
        width:300px;
        opacity: 1;
    }
    100% {
        width: 0;
        opacity: 0;
    }
}

@keyframes quick_open {
    0% {
        width: 0;
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        width:300px;
        opacity: 1;
    }
}

@media all and (max-width: 1551px){
	header{width: 100%; height: 100px; position: absolute; top:0; z-index: 100; padding: 0;} 
    .header_wrap .gnb_wrap {padding: 0; justify-content: flex-end;}

    .pop_wrap .pop_container .img_box {width: 640px; padding: 0;}
    .pop_wrap .pop_container .img_box .img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .pop_wrap .pop_container .txt_box {padding: 80px 100px 80px 60px;}
    .service-cont {min-width: 1240px; width: 1280px;}
    .proheal_srvice_list {margin-top: 80px; gap:100px; justify-content: center;}

}

@media all and (max-width: 1424px){
	.selectBox .optionList {width: 368px;}
    .selectBox .optionItem {height: auto; line-height: 96px; font-size: 26px;}
    .form-cont {width: 1280px;}

    .faq_list > li .faq_box .faq_tit a {font-size: 28px; padding: 52px 40px 51px 116px;}
}