@charset "utf-8";

html.popup_open,
body.poup_open {overflow: hidden;}

/* Board */
.sub_page_wrap.board {padding: 120px 0 140px;  background: #f5f5f5;  position: relative;     z-index: 1;  overflow: hidden;}
.sub_page_wrap.board::after {content: "";position: absolute;top: -410px;  right: -167px;  transform: rotate(112deg);  width: 900px;  height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.board::before {content: "";position: absolute; bottom: -200px;   left: -226px; transform: rotate(131deg); width: 900px; height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.board_view {padding: 50px 0 90px; }
.sub_page_wrap.board_view .inner_container {max-width: 1200px;}





/* 제품 */
.product.list {padding: 30px 0 200px;  position: relative;  background: #020C14; z-index: 1;}
.product.list::after {content: "";position: absolute; top: 0;  right: 0; width: 969px; height: 751px; z-index: -1;  background-image:url(../img/sub/prd_circle_bg_01.png);background-size: cover;}
.product.list::before {content: "";position: absolute; bottom: 0; left: 0; width: 921px; height: 1003px; z-index: -1;  background-image:url(../img/sub/prd_circle_bg_02.png);background-size: cover;}
.product.list .inner_container {display: flex;  flex-wrap: wrap;}
.product.list .category_title_desc_info {width: 440px;  padding-right: 80px; position: relative;}
.product.list .product_list_ul {width: calc(100% - 440px)}
.product.list .product_category_name {  font-size: 17px;  color: #4E88D0;  line-height: 1.3em;  margin-bottom: 5px;} 
.product.list .category_title_desc_info h2 {font-size: 50px;  font-weight: 700;   color: #fff;   line-height: 1.3em;  margin-bottom: 0.6em;}
.category_title_desc_info .cate_desc li {    font-size: 18px;  color: #fff;  line-height: 1.5em;   position: relative;   padding-left: 1em; margin-bottom: 1em; word-break: keep-all; }
.category_title_desc_info .cate_desc li::before {content: ""; position: absolute;  left: 0;  top: 0.7em;  width: 3px;  height: 3px;  background: #4E88D0;  border-radius: 100%;}
.category_title_desc_info .cate_desc li:last-child {margin-bottom: 3em;}
.category_title_desc_info a.link_btn_ani {display: inline-flex; color: #111; width: auto;  padding: 0 1.6em; background: #fff; border:none}
.category_title_desc_info a.link_btn_ani .ico {background-image: url(../img/main/Add-Circle-blue.png); width: 20px; height: 20px;}
@media (hover:hover) {
	.category_title_desc_info a.link_btn_ani:hover { color:#fff; box-shadow: inset 0 0 0 1px #0f3769;}
	.category_title_desc_info a.link_btn_ani:hover .ico {background-image: url(../img/main/Add-Circle.png);}
}

.product_list_ul li {  display: flex; flex-wrap: wrap;  background: #fff;   padding: 25px 80px 50px; padding-right: 50px;  border-radius: 30px;   margin-bottom: 50px;   position: relative;}
.product_list_ul li:last-child {margin-bottom: 0;}
.product_list_ul li .product_image_wrap {width: 60%; max-width: 580px;}
.product_list_ul li .prod_desc_wrap {width:40%; padding-left: 100px; padding-top: 35px; flex-grow: 1;}
.product_list_ul li .product_image_wrap .swiper-container {overflow: hidden;}
.product_list_ul li .product_image_wrap img {display: block; width: 100%; height: 100%;}
.product_list_ul li .product_image_wrap .productSingle img {max-height: 320px; object-fit: scale-down;}
.product_list_ul li .product_image_wrap .productSingle .swiper-slide {padding: 15px;}
.product_list_ul li .product_image_wrap .productThumb img {height: 100%; object-fit: scale-down;}
.product_list_ul li .product_image_wrap .productThumb .swiper-slide {background: #f5f5f7;border: 2px solid #fff; cursor: pointer;  }
.product_list_ul li .product_image_wrap .productThumb .swiper-slide-thumb-active {border: 2px solid #0F3769; background: #fff;}
.product_list_ul .product_name {font-size: 40px;  color: #0F3769;  line-height: 1.3em;  margin-bottom: 0.6em;}
.product_list_ul .pd_ctist, .product_list_ul .pd_ctist p, .product_list_ul .pd_ctist span {font-size: 15px ! IMPORTANT; line-height: 1.7em; word-break: keep-all;}
.product.list .sticky_box {position: sticky; top: 120px;}






/* Inquiry */
.sub_page_wrap.inquiry {padding: 90px 0; position: relative; overflow: hidden; background: #F9F9FA; z-index: 1;}
.sub_page_wrap.inquiry .inner_container {max-width: 1200px;}
.sub_page_wrap.inquiry::after {content: "";position: absolute;top: -410px;  right: -167px;  transform: rotate(112deg);  width: 900px;  height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.inquiry::before {content: "";position: absolute; bottom: -511px; left: -97px; transform: rotate(131deg); width: 900px; height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.inquiry_page h2 {font-size:26px; margin-bottom:1.8em; text-align:center; line-height: 1.5em;}
.inquiry_page .data_input_line { display: flex; align-items: center; gap: 57px; margin-bottom: 30px;}
.inquiry_page .line_wrap {display: flex; align-items: center; width: 50%;}
.inquiry_page .data_input_line h3 {display: flex;   align-items: center;   height: 54px;   font-size: 16px;  width: 150px; gap: 10px;}
.inquiry_page .data_input_line .require {color: #0F3769;} 
.inquiry_page .input_wrap {flex-grow: 1; position: relative;} 
.inquiry_page .form_input {width: 100%;   height: 54px;   font-size: 16px;  padding: 7px 15px;  border-radius: 6px;   border: 1px solid #ddd;  background: #fff;}
html[lang="ja"] .inquiry_page .form_input {padding: 5px 15px;}
.inquiry_page .input_wrap.category {display: flex; gap: 10px;}
.inquiry_page .line_wrap.full {width: 100%;}
.inquiry_page .data_input_line.message textarea {height: 250px;}
.inquiry_page .data_input_line.message, 
.inquiry_page .data_input_line.message .line_wrap {align-items: flex-start;}
.inquiry_page .nice-select.open .list {width: 100%;}
.inquiry_page .nice-select:after {height: 8px;width: 8px;right: 20px;}
.terms_line {display: flex;  align-items: center; margin-bottom: 10px; position: relative;}
.terms_line input {position: absolute; left: 0; top:0; visibility: hidden}
.terms_line label {display: flex; align-items: center;margin-right: 5px; cursor: pointer;}
.terms_line label input + span, .terms_line a {font-size: 15px; line-height: 1.5em;}
.terms_line a {transition: all 0.15s;}
.terms_line a:hover {font-weight: bold; color:#0F3769;}
.terms_line label input + span {display: block; padding-left: 24px;}
.terms_line label input + span::before {content: "";    position: absolute;    left: 0;    top: 2px;    width: 18px;    height: 18px;    border: 1px solid #ddd;    background: #fff;    border-radius: 3px;}
.terms_line label input:checked + span::before {background:#0F3769;}
.terms_line label input:checked + span::after {content: "";   position: absolute;   left: 6px;   top: 4px;   width: 6px;   height: 11px;   border-right: 2px solid #fff;  border-bottom: 2px solid #fff;    transform: rotate(45deg);}
.inquiry_page .btn_wrap {display: flex;   justify-content: center;  align-items: center;  margin-top: 30px;}
.inquiry_page .btn_wrap .submit {width: 180px;   height: 56px;   font-size: 16px;   background: #0F3769;   border: none;   border-radius: 60px;   color: #fff;   font-weight: normal;    transition: all 0.15s;}
.inquiry_page .btn_wrap .submit:hover {background: #000;}
.inquiry_page .dropdown-list {position: absolute;   top: 100%;  left: 0;  width: 100%;  background: #fff; z-index: 10; padding-bottom: 20px;  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
.inquiry_page .dropdown-list .search-box {padding: 10px;}
.inquiry_page .dropdown-list .search-box input {border: 1px solid #000000;  font-size: 15px;   height: 40px;   width: 100%;   padding: 5px 10px;   border-radius: 5px;}
.inquiry_page #countryList {padding: 0 20px 20px;   height: 180px;  overflow-y: auto;}
.inquiry_page #countryList .country-item {font-size: 15px; line-height: 2.4em; color:#666; cursor: pointer;}
.inquiry_page #countryList .country-item:hover {color:#0F3769}

.conuntry_select:after {   border-bottom: 2px solid #999;     border-right: 2px solid #999;   content: '';     display: block;    height: 8px; 		 width: 8px;    margin-top: -4px;    pointer-events: none;    position: absolute;    right: 20px;    top: 50%;    -webkit-transform-origin: 66% 66%;    -ms-transform-origin: 66% 66%;    transform-origin: 66% 66%;    -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);    -webkit-transition: all 0.15s ease-in-out;    transition: all 0.15s ease-in-out;  }
.conuntry_select.open:after {-webkit-transform: rotate(-135deg);   -ms-transform: rotate(-135deg);  transform: rotate(-135deg);}


.term_popup_wrap {display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;z-index: 1999; background: rgba(0, 0, 0, 0.2);}
.pop_close_bg {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.term_popup_wrap .inner_wrap {    position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);  background: #f9f9fa;  width: 90%; max-width: 700px;   height: 70vh;   max-height: 800px;   border-radius: 20px; overflow: hidden; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.12);}
.term_popup_wrap .pop_title {height: 60px;   display: flex;   align-items: center;   justify-content: center;  font-size: 22px; background: #fff;}
.term_popup_wrap .contents {padding: 20px;    height: calc(100% - 140px);  overflow-y: auto;}
.term_popup_wrap .contents p {font-size: 14px; line-height: 1.8em; word-break: keep-all; margin-bottom: 1em;}
.term_popup_wrap .contents h2 {font-size: 18px; margin-bottom: 0.5em;}
.term_popup_wrap .btn_wrap {display: flex;  justify-content: center;  gap: 10px;}
.term_popup_wrap .btns {display: block;   text-align: CENTER; width: 100px;    height: 40px;    border-radius: 50px;    background: #eaeaeb;    font-size: 14px;    font-weight: 600;    line-height: 40px;    transition: all 0.15s;}
.term_popup_wrap .btns.ok_pop {color: #fff; background:#0F3769;}
.term_popup_wrap .btns.ok_pop:hover {background: #000;}
.term_popup_wrap .btns.close_pop:hover {background: #bfbfc3}
.term_popup_wrap .close_btn {display: block;   width: 36px;   height: 36px;   background-image:url(../img/sub/pop_close_x.png); background-size: cover;  position: absolute;  top: 12px;  right: 20px;}
.term_popup_wrap .close_btn:hover {filter: invert(1);}




/* 오시는길 */
.sub_page_wrap.location .inner_container {padding: 140px 0; display: flex;  flex-wrap: wrap;}
.sub_page_wrap.location .inner_container  > div {width: 50%;}
.sub_page_wrap.location .map { height: 480px;}
.sub_page_wrap.location .map > div {width: 100%; height: 100%;}
.sub_page_wrap.location .info_list {padding-left: 90px;}
.sub_page_wrap.location .loc_title {font-size: 28px;  color: #0f3769;  line-height: 1.5em;  margin-bottom: 8px;}
.sub_page_wrap.location .loc_addr {font-size: 18px;  line-height: 1.5em;   padding-bottom: 50px;   margin-bottom: 50px;  border-bottom: 1px solid #ddd;}
.sub_page_wrap.location dl {display: flex;  align-items: center;  margin-bottom: 2em;  font-size: 19px;  line-height: 1.5em;}
.sub_page_wrap.location dt {display: flex;  align-items: center; margin-right: 12px;  font-weight: 700;}
.sub_page_wrap.location .desc_box .ico {display: inline-block;  width: 28px;   height: 28px;  margin-right: 28px;  background-size: cover;}
.sub_page_wrap.location .desc_box .mail .ico {background-image: url(../img/sub/mail_icon.png);}
.sub_page_wrap.location .desc_box .tel .ico {background-image: url(../img/sub/phone_icon.png);}
.sub_page_wrap.location .desc_box .fax .ico {background-image: url(../img/sub/fax_icon.png);}
.sub_page_wrap.location.under {background:#F9F9FA}




/* 인사말 */
.sub_page_wrap.greeting {padding: 140px 0 120px; position: relative; overflow: hidden; z-index: 1;}
.sub_page_wrap.greeting::after {content: "";position: absolute;top: -490px;  right: -167px;  transform: rotate(112deg);  width: 900px;  height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.greeting::before {content: "";position: absolute; bottom: -544px;  left: -187px;transform: rotate(138deg); width: 900px; height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.greeting .page_title {font-size: 36px;  line-height: 1.5em;  margin-bottom: 1.25em;}
.sub_page_wrap.greeting .cont {font-size: 18px;   line-height: 2em;   word-break: keep-all;  margin-bottom: 2.5em;}
.sub_page_wrap.greeting .sign_wrap p {display: flex;   align-items: center;  justify-content: flex-end;  font-size: 16px;}
.sub_page_wrap.greeting .sign_wrap img {display: block;   width: 200px;  margin-left: 10px;}



/* Over view*/
.sub_page_wrap.overview {display: flex;  flex-wrap: wrap;}
.sub_page_wrap.overview .img_wrap { width: 44.2%; background-image: url(../img/sub/over_view_img.jpg); background-size: cover; background-position: CENTER;}
.sub_page_wrap.overview .text_wrap { width: 55.8%;  padding-top: 140px; padding-bottom: 170px; padding-left: 125px; position: relative; overflow: hidden;}
.sub_page_wrap.overview dl {display: flex;   height: 135px;   align-items: center; border-bottom: 1px solid #ddd;}
.sub_page_wrap.overview dl:last-child {border-bottom: none;}
.sub_page_wrap.overview dt {font-size: 30px;   font-weight: 700;   margin-right: 1.6em;  line-height: 1.5em;}
.sub_page_wrap.overview dd {font-size: 20px;  line-height: 1.5em;}
.sub_page_wrap.overview .text_wrap::after {content: "";position: absolute;top: -490px;  right: -275px;  transform: rotate(112deg);  width: 900px;  height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.overview dd.pdt {padding-top: 35px;}


/* history */
.sub_page_wrap.history {padding: 100px 0 110px; position: relative; overflow: hidden; z-index: 1;}
.sub_page_wrap.history::after {content: "";position: absolute;top: -330px;  right: -167px;  transform: rotate(112deg);  width: 900px;  height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.history::before {content: "";position: absolute; bottom: -511px; left: -97px; transform: rotate(131deg); width: 900px; height: 900px; z-index: -1;  background-image:url(../img/main/deodio_circle_bg.png);background-size: cover;}
.sub_page_wrap.history .inner_container {display: flex;  flex-wrap: wrap;}
.sub_page_wrap.history .history_ul {width: 450px;}
.sub_page_wrap.history .history_diagram {width: calc(100% - 450px); padding-top: 30px; display: flex; justify-content: flex-end; align-items: flex-start;}
.sub_page_wrap.history .year_ul > li {padding-left: 35px;  padding-bottom: 40px; position: relative;}
.sub_page_wrap.history .year_ul > li:last-child { padding-bottom:0}
.sub_page_wrap.history .year_ul > li::before {content: "";  position: absolute;   left: 0;   top: 11px;  width: 9px;  height: 9px;  border-radius: 100%;  background: #222; z-index: 2;}
.sub_page_wrap.history .year_ul > li::after {content: "";  position: absolute;   left: 4px;    top: 11px;   height: 100%;   width: 1px;    background: #ddd;   z-index: 1;}
.sub_page_wrap.history .year_ul .year {font-size: 18px;   line-height: 1.5em;   margin-bottom: 10px;  font-weight: 500;}
.sub_page_wrap.history .year_ul .desc_ul li {font-size: 15px;   line-height: 1.5em;   position: relative;   padding-left: 0.8em;}
.sub_page_wrap.history .year_ul .desc_ul li::before {content: "-"; position: absolute; left: 0; top:0}
.history_diagram .diagram {position: relative;}
.history_diagram .diagram img {display: block; width: 100%;}
.history_diagram .d_contents {position: absolute;}
.history_diagram .line {height: 1px;  background: #222; position: relative;}
.history_diagram .line::before {content: "";   position: absolute;    right: -3px;    top: -4px;    width: 9px;    height: 9px;    background: #222;    border-radius: 100%;}
.history_diagram .line::after {content: "";    position: absolute;    left: -3px;    top: -4px;    width: 9px;    height: 9px;    background: #222;    border-radius: 100%;}
.d_contents.num_01 {right: 10%; top: 16%;}
.d_contents.num_02 {right: 18.5%; top: 35%;}
.d_contents.num_03 {right: 39.5%; top: 63%;}
.d_contents.num_01 .line {width: 850px;}
.d_contents.num_02 .line {width: 850px;}
.d_contents.num_03 .line {width: 705px;}
.history_diagram .d_contents h3 {text-align: right;  font-size: 34px;  font-weight: 700;   padding-right: 2.5em;  line-height: 1.3em;  margin-bottom: 12px;}
.history_diagram .d_contents .desc {padding-top: 20px;  padding-left: 30px;}
.history_diagram .d_contents h4 {font-size: 22px;   font-weight: 700;  margin-bottom: 10px;  line-height: 1.3em;}
.history_diagram .d_contents li {position: relative;   padding-left: 0.8em;   font-size: 15px;   line-height: 1.3em;  color: #666;  font-weight: 400;}
.history_diagram .d_contents li::before {content: "-"; position: absolute; left: 0; top:0}
.history_diagram .d_contents .line span {position: absolute; background: #020C14; border-radius:100% ; transition: all 0.3s; transition-timing-function: ease-in-out;}
.history_diagram .d_contents .line .circle_01 {right: -9px;  top: -10px;   width: 21px;   height: 21px; z-index: 5;  opacity: 0; transition-delay: 0.2s;}
.history_diagram .d_contents .line .circle_02 {width: 37px;  height: 37px;  right: -17px;  top: -18px;  z-index: 4;  opacity: 0;transition-delay: 0.35s;}
.history_diagram .d_contents .line .circle_03 {width: 61px;    height: 61px;    right: -29px;    top: -30px;    z-index: 3; opacity: 0; transition-delay: 0.5s;}
.history_diagram .d_contents .line .circle_04 {width: 87px;  height: 87px;  right: -43px;   top: -43px;  z-index: 2;  opacity: 0; transition-delay: 0.65s;}

.history_diagram .d_contents.aos-animate .line .circle_01 {opacity: 0.2;}
.history_diagram .d_contents.aos-animate .line .circle_02 {opacity: 0.2; }
.history_diagram .d_contents.aos-animate .line .circle_03 {opacity: 0.2; }
.history_diagram .d_contents.aos-animate .line .circle_04 {opacity: 0.1; }











@media (max-width:1870px) {
	/* history */
.d_contents.num_01 {top: 8.5vw; right: 11%;}
.d_contents.num_02 {top: 18.3vw;right: 20%;}
.d_contents.num_03 {top: 30.5vw; right: 38.8%;}
.d_contents.num_01 .line {  width: 45vw;  }
.d_contents.num_02 .line {   width: 45vw;}
.d_contents.num_03 .line {   width: 36vw;}
.history_diagram .d_contents h3 {font-size: 30px;}
.history_diagram .d_contents li {font-size: 14px;}
}



@media (max-width:1800px) {
/* 제품 */
.product_list_ul li .product_image_wrap { width: 55%;}
.product_list_ul li .prod_desc_wrap {  width: 45%;  padding-left: 80px;}



/* history */

}



@media (max-width:1600px) {
/* Board */
.sub_page_wrap.board::after { top: -150px;  right: -150px;    width: 500px;  height: 500px;}
.sub_page_wrap.board::before {bottom: -80px;  left: -80px;    width: 500px;  height: 500px;}


/* 제품 */
	.product.list::after { transform-origin: top right; transform: scale(0.5);}
	.product.list::before {transform-origin: bottom left; transform: scale(0.5);}
	.product.list .category_title_desc_info h2 {  font-size: 42px; }
	.category_title_desc_info .cate_desc li { font-size: 16px;}
	.product.list .category_title_desc_info { width: 360px;  padding-right: 90px;}
	.product.list .product_list_ul {  width: calc(100% - 360px);}
	.product_list_ul .product_name {  font-size: 32px;}
	.product_list_ul .pd_ctist, .product_list_ul .pd_ctist p, .product_list_ul .pd_ctist span {font-size: 14px ! IMPORTANT;}



	/* Inquiry */
.sub_page_wrap.inquiry::after {top: -210px;  right: -167px;  width: 500px;  height: 500px;}
.sub_page_wrap.inquiry::before {bottom: -200px;   left: -126px;  width: 500px; height: 500px;}


/* 인사말 */
.sub_page_wrap.greeting::after {top: -210px;  right: -167px;  width: 500px;  height: 500px;}
.sub_page_wrap.greeting::before { bottom: -200px;  left: -187px; width: 500px; height: 500px; }


/* Over view*/
.sub_page_wrap.overview .text_wrap::after {top: -210px;  right: -175px;   width: 500px;  height: 500px; }
.sub_page_wrap.overview dt { font-size: 26px;}
.sub_page_wrap.overview dd {  font-size: 16px;}


/* history */
.sub_page_wrap.history::after {top: -210px;  right: -167px;  width: 500px;  height: 500px;}
.sub_page_wrap.history::before {bottom: -200px;   left: -126px;  width: 500px; height: 500px;}
.history_diagram .d_contents h3 {  font-size: 26px; }
.history_diagram .d_contents li {  font-size: 13px;   }
.history_diagram .d_contents h4 {  font-size: 18px;}
.history_diagram .d_contents .desc {  padding-top: 10px;   padding-left: 20px;}
.d_contents.num_02 { top: 17.3vw;}
.d_contents.num_03 {   top: 28.5vw;}


}



@media (max-width:1500px) {
/* history */
.sub_page_wrap.history .history_ul {  width: 100%;}
.sub_page_wrap.history .history_diagram { width: 100%; padding-top: 50px;}
.d_contents.num_01 {  right: 9%;  top: 16%;}
.d_contents.num_02 {  right: 18.5%;  top: 35%;}
.d_contents.num_03 {   right: 39.5%;  top: 63%;}



}


@media (max-width:1200px) {

	/* 제품 */
	.product.list .category_title_desc_info {  width: 100%;  padding-right: 0;  margin-bottom: 50px;  }
	.product.list .product_list_ul { width: 100%;}
	.product.list .sticky_box {position: relative; top: 0;}


	/* Over view*/
.sub_page_wrap.overview .text_wrap {padding-top: 80px;   padding-bottom: 80px;  padding-left: 60px;}
.sub_page_wrap.overview dt {  font-size: 22px;}
.sub_page_wrap.overview dd {  font-size: 16px;}

}



@media (max-width:980px) {
/* Board */
.sub_page_wrap.board { padding: 80px 0 80px;}
.sub_page_wrap.board_view {padding: 50px 0 50px; }

/* 제품 */
	.product.list { padding: 30px 0 80px;}
	.product_list_ul li .product_image_wrap {  width: 100%; }
	.product_list_ul li .prod_desc_wrap {   width: 100%;  padding-left: 0; }
	.product_list_ul li {padding: 30px;  border-radius: 20px;}

/* Inquiry */
.sub_page_wrap.inquiry {  padding: 80px 0;}
.inquiry_page .data_input_line {flex-wrap: wrap; gap: 30px;}
.inquiry_page .line_wrap {width: 100%;}


/* 오시는길 */
.sub_page_wrap.location .inner_container { padding: 80px 0;}
.sub_page_wrap.location .inner_container {gap: 30px;}
.sub_page_wrap.location .inner_container > div {   width: 100%;}
.sub_page_wrap.location .info_list {  padding-left: 0;}

/* 인사말 */
.sub_page_wrap.greeting {padding: 80px 0 80px;}

	/* Over view*/
.sub_page_wrap.overview .img_wrap {  width: 100%;  height: 550px;}	
.sub_page_wrap.overview .text_wrap {  padding-left: 5vw;   width: 100%; }



/* history */
.history_diagram .d_contents h3 {  font-size: 18px; margin-bottom: 5px;}
.d_contents.num_01 .line {  width: 75vw;  }
.d_contents.num_02 .line {  width: 67vw; }
.d_contents.num_03 .line { width: 49vw; }
.history_diagram .d_contents h4 {   font-size: 16px; margin-bottom: 0;  }
.history_diagram .d_contents .line .circle_02 {  width: 30px;  height: 30px;  right: -14px;  top: -14px;}
.history_diagram .d_contents .line .circle_03 {   width: 41px;   height: 41px;   right: -20px;   top: -20px;}
.history_diagram .d_contents .line .circle_04 {  width: 50px;   height: 50px;   right: -25px;   top: -25px;}


}





@media(max-width:767px){

	/* Inquiry */
.inquiry_page .line_wrap {flex-wrap: wrap;}
.inquiry_page .data_input_line h3 {width: 100%; height: auto; margin-bottom: 0.6em;}
.inquiry_page .data_input_line h3 br {display: none;}
.inquiry_page .input_wrap {width: 100%;}
.terms_line {flex-wrap: wrap;}
.nice-select .option {font-size: 15px;}


/* history */
.sub_page_wrap.history {  padding: 60px 0 60px;}
.history_diagram .diagram img {opacity: 0.3;}
.history_diagram .diagram {height: 120vw;}
.d_contents.num_01 {  right: 0;  top: 0; width: 100%; }
.d_contents.num_01 .line {  width: 95%; }
.d_contents.num_02 {  right: 0;  top: 40vw; width: 100%; }
.d_contents.num_02 .line {  width: 95%; }
.d_contents.num_03 {  right: 0;  top: 90vw; width: 100%; }
.d_contents.num_03 .line {  width: 95%; }

}





@media (max-width:480px) {
/* Board */
.sub_page_wrap.board { padding: 60px 0 60px;}
.sub_page_wrap.board::after { top: -100px;  right: -100px;    width: 300px;  height: 300px;}
.sub_page_wrap.board::before {bottom: -80px;  left: -80px;    width: 300px;  height: 300px;}

/* 제품 */
	.product.list::after {  transform: scale(0.3);}
	.product.list::before { transform: scale(0.3);}


	/* Inquiry */
	.sub_page_wrap.inquiry {  padding: 60px 0;}
	.inquiry_page h2 {   font-size: 20px; }
	.inquiry_page .data_input_line h3 {font-size: 14px;}
	.inquiry_page .form_input {height: 40px;  font-size: 14px;  padding: 5px 10px;}
	.inquiry_page .data_input_line {gap: 15px;margin-bottom: 15px;}
	.inquiry_page .form_input.nice-select {width: 100%;  padding: 0 10px;}
	.inquiry_page .input_wrap.category {flex-wrap: wrap;}
	.nice-select .option {font-size: 14px;}
	.terms_line a {display: block;  padding-left: 25px;}
	.inquiry_page .btn_wrap .submit {   width: 140px;   height: 40px;   font-size: 14px;}
	.sub_page_wrap.inquiry::after {top: -125px;  right: -150px; width: 300px;  height: 300px;}
	.sub_page_wrap.inquiry::before { bottom: -104px; left: -103px; width: 300px; height: 300px;}


/* 오시는길 */
.sub_page_wrap.location .inner_container { padding: 60px 0;}
.sub_page_wrap.location .map {  height: 320px;}
.sub_page_wrap.location .loc_title {  font-size: 20px;}
.sub_page_wrap.location .loc_addr {  font-size: 15px; line-height: 1.5em;   padding-bottom: 30px;  margin-bottom: 30px; word-break: keep-all;}
.sub_page_wrap.location .desc_box .ico {  width: 20px;    height: 20px;    margin-right: 12px;}
.sub_page_wrap.location dl {font-size: 16px; margin-bottom: 1.2em;}
.sub_page_wrap.location dl:last-child {margin-bottom: 0;}


/* 인사말 */
.sub_page_wrap.greeting {padding: 60px 0 60px;}
.sub_page_wrap.greeting::after {top: -100px;  right: -100px;  width: 300px;  height: 300px;}
.sub_page_wrap.greeting::before { bottom: -80px;  left: -80px; width: 300px; height: 300px; }
.sub_page_wrap.greeting .page_title {  font-size: 20px;}
.sub_page_wrap.greeting .cont { font-size: 15px;}
.sub_page_wrap.greeting .sign_wrap p {font-size: 14px; flex-wrap: wrap;  gap: 15px;}
.sub_page_wrap.greeting .sign_wrap img {width: 120px;}


	/* Over view*/
.sub_page_wrap.overview .img_wrap {height: 250px;}	
.sub_page_wrap.overview .text_wrap {  padding-top: 40px;  padding-bottom: 60px;}
.sub_page_wrap.overview dl {padding: 20px 0 20px; flex-wrap: wrap;  gap: 10px; height: auto;}
.sub_page_wrap.overview dt {  font-size: 20px;  width: 100%; }
.sub_page_wrap.overview .text_wrap::after {top: -110px;  right: -100px;   width: 300px;  height: 300px; }
.sub_page_wrap.overview dd.pdt {padding-top: 0;}

/* history */
	.sub_page_wrap.history::after {top: -125px;  right: -150px; width: 300px;  height: 300px;}
	.sub_page_wrap.history::before { bottom: -104px; left: -103px; width: 300px; height: 300px;}
}