
#subvisual {width:100%;   display:block; position:relative; overflow:hidden;  z-index:1; text-align:center; height:180px;} 

.subvisual_txt {position:absolute; z-index:99; width:100%; color:#FFF; display:flex;  height:180px; flex-direction:column; justify-content:center; align-items:center;} 
.subvisual_txt h3 {font-size:38px; color:#333; line-height:120%; margin-top:0px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); /* 그림자 추가 */}

@media (max-width:1000px) {


#subvisual {height:100px;}
#subvisual .subvisual_img {height:130px;}
#subvisual .subvisual_img img {object-fit:cover; width:auto; height:100%;}

.subvisual_txt { height:130px; }
.subvisual_txt p {font-size:22px; line-height:120%;}
.subvisual_txt p span {font-size:32px; padding-left:35px; background:url(../img/star_icon.png) no-repeat 0;}
.subvisual_txt h3 {font-size:32px;}


}


@media (max-width:600px) {


#subvisual {height:130px;}
#subvisual .subvisual_img {height:130px;}
   #subvisual .subvisual_img img {
        width: 100%;         /* 가로 100% */
        height: 100%;        /* 높이 부모에 맞춤 */
        object-fit: cover;   /* 좌우 잘림 허용하면서 꽉 채움 */
        display: block;      /* 이미지 아래 공백 제거 */
    }

.subvisual_txt { height:130px; }
.subvisual_txt p {font-size:16px; line-height:120%;}
.subvisual_txt p span {font-size:26px; padding-left:35px; background:url(../img/star_icon.png) no-repeat 0;}
.subvisual_txt h3 {font-size:28px;margin-top:0;}


}

#m_subvisual {display:none;}

.sub_body {position:relative; padding-left:0px;}
.sub_body.wide {position:relative; padding-left:0;}
.item_wrap {background:#FFF !important;}
/* 컨텐츠 부분 */   

/* contents */ 


/* 페이지 내용 */
 
  div.article {min-height:600px; width:100%; margin-top:0px; padding-top:5px; padding-bottom:56px;}
  div.article_wide{min-height:600px;   padding-left:0px; width:100%;  padding-top:23px;  }


/* 페이지경로 */
 div.page-navi { position:relative;  z-index:9; padding:0; border-bottom:1px solid #ececec; }
 div.page-navi ul.page-location {display:flex; height:70px; background:#FFF; position:relative; margin-top:0px; z-index:9; padding:0px 0;} 
 div.page-navi ul.page-location > li {position:relative; padding:0px 0; border-right:1px solid #ececec;}
 div.page-navi ul.page-location > li {font-size:20px; color:#222222; flex:1; max-width:250px;}
 div.page-navi ul.page-location > li > a {padding-left:30px; display:block; display:flex; height:70px; align-items:center; font-size:17px;}
 div.page-navi ul.page-location > li a.menu-btn {position:relative;}
 div.page-navi ul.page-location > li a.menu-btn i {position:absolute; right:20px; font-size:14px; top:25px;}

 div.page-navi ul.page-location li.home {max-width:85px;background:#f2f2f2; border-right:none;}
 div.page-navi ul.page-location li.home a {width:85px; height:70px; display:block; background:url(../img/loc_home2.png) no-repeat center center;}

/*
 div.page-navi ul li{float:left;  color:#333333; min-width:200px; border-right:1px solid #e3e3e3;  margin-right:1px;   padding-left:18px; height:53px; line-height:54px; font-size:16px;  padding-right:0px;  letter-spacing:-1px; position:relative;}
 div.page-navi ul li.home {  background:none; min-width:64px; border-right:1px solid #e3e3e3; text-align:center; padding-left:0; font-size:20px; color:#333333;}
 div.page-navi ul li strong{ color:#000000; font-weight:normal;}
 div.page-navi ul li a {color:#333333; display:block;}
 div.page-navi ul li a i {position:absolute; right:10px; top:18px;}
 div.page-navi ul li:last-child a {padding-right:24px;}
*/

div.page-navi ul.page-location li.hover .hidden-menu {display:block;} 

.hidden-menu {position:absolute;  background:#f9f9f9; border:1px solid #e3e3e3;   z-index:999;  top:69px; left:-1px; width:100%; display:none; border-bottom-left-radius:20px; border-bottom-right-radius:20px; overflow:hidden;box-shadow:9px 9px 13px rgba(0,0,0,0.05);}
.hidden-menu li {float:none; clear:both;  background:#fff; padding:0 !important; width:100%; border-bottom:1px solid #e3e3e3; }
.hidden-menu li a {display:block;  background:#fff; color:#808080;  font-size:17px; padding:15px 30px 15px 30px;  height:auto; line-height:auto;}
.hidden-menu li a:hover {background:#b4a9a4; color:#fff;}
.hidden-menu li:last-child {border-bottom:none;}


.hidden-menu .depth3_menu {padding:0px 0; position:relative; margin-top:0; margin-left:0; background-size:#f9f9f9; }
.hidden-menu .depth3_menu li {background-size:#f9f9f9;}
.hidden-menu .depth3_menu li a {font-size:14px; padding:5px 18px; display:block;  letter-spacing:-1px; background-size:#f9f9f9 !important;; border-bottom:none !important;;}
.hidden-menu .depth3_menu li a.active {color:#158d44;}
 

 @media (max-width:1000px) {/* 최소 ~ 최대 480  */
 
 div.page-navi ul.page-location {top:0; height:50px; padding:0px 0; margin-top:0;}
 div.article {padding-bottom:30px;}
 div.page-navi ul li {min-width:auto;}

 div.page-navi ul.page-location li.home {max-width:60px;}
 div.page-navi ul.page-location li.home a {width:60px; height:50px; }
 div.page-navi ul.page-location > li > a {padding-left:20px; height:50px; font-size:14px;}

 div.page-navi ul.page-location > li:nth-child(2) {min-width:110px; font-size:14px;}
 div.page-navi ul.page-location > li:nth-child(3) {min-width:150px; font-size:14px;}
 div.page-navi ul li a i {position:absolute; right:10px; top:20px;}
div.page-navi ul.page-location > li a.menu-btn i {top:20px;}

.hidden-menu {top:50px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.hidden-menu li {}

.hidden-menu li  a {font-size:14px; padding:10px 20px 10px 20px;}
}


.side_wrap {position:absolute; left:0; top:40px; width:240px; }
.sidemenu {margin-top:0px; }
.sidemenu h3 {font-size:22px; color:#fff;  letter-spacing:-2px; font-weight:bold; padding:25px 0 25px 0; background:#255eac; text-align:center; margin-bottom:15px;}

.sidemenu_list {margin-top:0px;   }
.sidemenu_list > li {border:1px solid #dfdfdf; padding:0px 0; margin-bottom:10px;}
.sidemenu_list > li > a {font-size:18px; color:#000000;  padding:12px 18px; display:block;  letter-spacing:-1px; }
.sidemenu_list > li > a.active {background:url(../img/submenu_on.png) no-repeat right center #dceefd; font-weight:bold; color:#255eac;}
.sidemenu_list > li a p {font-size:14px;}
.sidemenu_list .depth3_menu {padding:10px 0;}
.sidemenu_list .depth3_menu li {}
.sidemenu_list .depth3_menu li a {font-size:16px; padding:5px 18px; display:block;  letter-spacing:-1px; }
.sidemenu_list .depth3_menu li a.active {color:#158d44;}

 @media (max-width:1000px) {

.sub_body {position:relative; padding:0 0px;}
.side_wrap {display:none;}
div.article {width:100%; box-sizing:border-box; }
 
 }

 @media (max-width:700px) {

.side_wrap {display:none;}
div.article {width:100%; box-sizing:border-box; }

 }

#content-area {  margin:0 auto;  clear:both;  font-size:16px; color:#5e5e5e; padding:30px 0 10px 0; line-height:160%;}

 
/* 내용 */
/*#content-area p {color:#333333; font-size:18px; line-height:160%; }  */

.responsive_img img {max-width:100%;}
.text_center {text-align:center;}
.text-right {text-align:right;}


.content-title {margin-top:60px;  display:block; margin-bottom:25px; position:relative;  font-size:24px; color:#333333; letter-spacing:-1px; background:url(../img/content-title-bullet.png) no-repeat 0 5px; padding-left:20px; font-weight:bold;} 
.content-title.first {margin-top:0px;}
.content-title.type2 h3 {background:url(../img/content-title-bullet_type2.png) no-repeat right 0px;}

.content-title2 {margin-top:50px;  display:block;  position:relative;   font-size:22px; color:#333333; letter-spacing:-1px; background:url(../img/content-title-bullet2.png) no-repeat 0 3px; padding-left:32px; padding-top:0px; font-weight:bold; margin-bottom:30px;}  
.content-title2.first {margin-top:0px;}

.content-title3 {margin-top:50px;  display:block;  position:relative;   font-size:22px; color:#333333; letter-spacing:-1px; padding-left:20px; padding-top:0px; font-weight:bold; margin-bottom:30px;}  
.content-title3:before {position:absolute; left:0; top:4px; width:5px; height:20px; background:#ffb284; content:"";}
.content-title3.first {margin-top:0px;}

.content-title4 {margin-top:50px;  display:block;  position:relative;   font-size:24px; color:#333333; letter-spacing:-1px; background:url(../img/content-title4.png) no-repeat 0 0px; min-height:27px; padding-left:35px; padding-top:0px; font-weight:bold; margin-bottom:30px;}  
.content-title4.first {margin-top:0px;}

.content-p {font-size:18px; line-height:160%;}


 @media (max-width:1000px) {

#content-area {padding:20px 0px;}

.content-title {font-size:18px; } 
.content-title2 {font-size:18px; } 

.content-title3 {font-size:18px; }
.content-title4 {font-size:18px; }
.content-p {font-size:16px; line-height:160%;}
 }


.text-center {text-align:center;}
.bold_txt {font-weight:bold;}
.font-color-blue {color:#14799d;}
.font-color-black {color:#000;}
.blue_txt {color:#0041ad;}
.small_txt {font-size:14px;}
.green_txt {color:#038d00;}
.yellow_txt {color:#ff9101;}
.redtxt {color:#fe5151;}
.pinktxt {color:#df8786;}
.skyblue_txt {color:#24a8c9;}
.black_txt {color:#000;}

.font-16 {font-size:16px;}

.padding-30 {padding:20px 30px 30px 30px !important;}

.big_text {font-size:22px; color:#000000; font-weight:bold;}

.sky_box {background:#f2f6fa; padding:30px; border-radius:20px;}
.green_bg {background:#ebffea; padding:20px;}
.gray_bg {background:#f7f7f7; padding:30px; border-radius:20px;}

.btn_wrap {text-align:center;}
.btn_wrap a {display:inline-block; background:#faa73a; font-size:16px; color:#FFF; padding:12px 35px; border-radius:5px;}
 
a.hwp_file {background:url(../img/hwp_icon.png) no-repeat 0 2px; padding-left:24px; font-weight:bold; margin-left:10px;}


ul.txtlist {clear:both;}
ul.txtlist li {color:#555555; font-size:18px; background:url(../img/list-bullet.png) no-repeat 0 14px; padding-left:10px; padding-bottom:5px; line-height:160%; letter-spacing:-1px;} 
ul.txtlist li.notitle {background:none; padding-left:80px;}
ul.txtlist li strong {color:#333; margin-right:0px;}
ul.txtlist li span {color:#333; } 
ul.txtlist.is_title100 li {padding-left:100px; position:relative;}
ul.txtlist.is_title100 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}
ul.txtlist.is_title180 li {padding-left:180px; position:relative;}
ul.txtlist.is_title180 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}
ul.txtlist.is_title150 li {padding-left:150px; position:relative;}
ul.txtlist.is_title150 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}

ol.txtlist {clear:both;}
ol.txtlist li {color:#555555; font-size:18px; background:url(../img/list-bullet2.png) no-repeat 0 14px; padding-left:10px; padding-bottom:5px; line-height:160%; letter-spacing:-1px;} 

 
 @media (max-width:700px) {

ul.txtlist li {font-size:14px; background-position:0 10px !important;}
ul.txtlist.is_title100 li {padding-left:70px;}
ul.txtlist.is_title180 li {padding-left:140px;}
ul.txtlist.is_title150 li {padding-left:125px;}

.sky_box {padding:20px;}
 }


.page-tab {clear:both; width:100%;}
.page-tab ul {  float:left; width:100%;}
.page-tab ul li {float:left; width:24%; }
.page-tab ul li a {display:block; background:#fff; font-size:16px; color:#a3a3a3; text-align:center; padding:10px 0; margin-right:10px; position:relative; border:1px solid #e5e5e5;}
.page-tab ul li a.active {background:#ffffff; color:#666da8; font-weight:bold; border:1px solid #666da8; }

.page-tab.menucnt6 li {float:left; width:16.66666%;}
.page-tab.menucnt6 li a {letter-spacing:-1px;}
.page-tab.menucnt5 li {float:left; width:20%;}
.page-tab.menucnt4 li {float:left; width:25%;}

 @media (max-width:700px) {
.page-tab ul li a {font-size:13px; white-space:nowrap;}

.page-tab.menucnt6 li {float:left; width:33.33333%;}
.page-tab.menucnt6 li a {letter-spacing:-1px;}

 }


.imgWrap {clear:both; text-align:center; margin:0px 0 0px 0;}  
.imgWrap img {max-width:100%;}
.imgWrap .img_alt {background:#797b7e; font-size:16px; text-align:center; padding:15px; color:#fff; font-weight:bold;}


.imgBox {clear:both; padding:20px;}  
.imgWrap img {max-width:100%;}


@media (max-width:700px) {

.imgWrap .img_alt {font-size:14px; line-height:140%; font-weight:normal;}

}


ul.txtlist2_sub {}
ul.txtlist2_sub li {margin-left:15px; background:none; margin-bottom:10px;} 
ul.txtlist2_sub li p {margin-left:10px;}
ul.txtlist2_sub li span {font-size:14px; color:#06b1e7; font-weight:normal; margin-bottom:10px;}

.imgcnt3 {margin-left:-6%; clear:both;}
.imgcnt3 li {float:left; width:27.3%; margin-left:6%; margin-bottom:6%; text-align:center; background:#f8f6f6;}
.imgcnt3 li .img {padding:15px 15px 5px 15px;}
.imgcnt3 li img {max-width:100%; }
.imgcnt3 li p {font-size:14px; color:#393939; padding:5px 0 15px 0; }


.imgcnt32 {margin-left:-4%; clear:both;}
.imgcnt32 li {float:left; width:29.3%; margin-left:4%; margin-bottom:4%;}
.imgcnt32 li img {max-width:100%; }
.imgcnt32 li p {font-size:14px; color:#666666; padding:5px 0 15px 0; }
.imgcnt32 li p span {display:inline-block; width:18px; height:18px; background:#2bc5d3; text-align:center; color:#FFF; line-height:18px;}

.imgcnt4 {margin-left:-1%; clear:both;}
.imgcnt4 li {float:left; width:24%; margin-left:1%; margin-bottom:1%;}
.imgcnt4 li img {max-width:100%; }
.imgcnt4 li p {font-size:14px; color:#666666; padding:5px 0 0px 0; } 


p.img_alt {font-size:14px; color:#393939; margin-top:15px;}

 
.img_box {text-align:center;}
.img_box img {max-width:100%;}

.table01 {width:100%; border-top:3px solid #baa79d;}
.table01 table {width:100%;   border-collapse:collapse;}
.table01 th {border:1px solid rgba(0,0,0,0.1); background:#f7f7f7; padding:15px 15px; font-size:17px; color:#222; vertical-align:center; text-align:center; letter-spacing:-1px; border-left:none;}
.table01 td {border:1px solid rgba(0,0,0,0.1); background:#fff; padding:15px 15px; color:#555555; font-size:17px;  letter-spacing:-1px;   text-align:center; border-left:none;}
.table01 tr th:last-child {border-right:none;}
.table01 tr td:last-child {border-right:none;}

.table02 {width:100%; border-top:2px solid #475041;}
.table02 table {width:100%;   border-collapse:collapse;}
.table02 th {border:1px solid rgba(0,0,0,0.1); background:#f7f7f7; padding:16px 0px; font-size:18px; color:#000; text-align:center; border-left:none;}
.table02 td {border:1px solid rgba(0,0,0,0.1);  padding:16px 20px; color:#555555; font-size:18px; text-align:center; border-left:none;}
.table02 td.title {font-weight:bold; color:#000;}
.table02 td b {margin-left:10px;}
.table02 tr th:last-child {border-right:none;}
.table02 tr td:last-child {border-right:none;}


.table03 {width:100%;}
.table03 table {width:100%;   border-collapse:collapse;}
.table03 th {border:1px solid rgba(0,0,0,0.1); background:#ddefff; padding:16px 0px; font-size:18px; color:#255eac; text-align:center; }
.table03 td {border:1px solid rgba(0,0,0,0.1);  padding:16px 30px; color:#555555; font-size:18px; text-align:center; }
.table03 td.tel {text-align:right;}
.table03 td.work {text-align:left;}
.table03 tr.type1 td {background:#f5f5f5;}

.table04 {width:100%;}
.table04 table {width:100%;   border-collapse:collapse;}
.table04 th {border:1px solid rgba(0,0,0,0.1); background:#ddefff; padding:16px 0px; font-size:18px; color:#255eac; text-align:center; }
.table04 td {border:1px solid rgba(0,0,0,0.1);  padding:13px 20px; color:#555555; font-size:18px; text-align:center; }


 @media (max-width:700px) {

.table01 {overflow-x:scroll; }
.table01 table {width:700px;}
.table01 th { font-size:14px; padding:10px; }
.table01 td { font-size:14px; padding:10px;}
.table01 td.title { font-size:14px; }


.table02 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px;}
.table02 table {min-width:800px;}
.table02 th { font-size:14px; }
.table02 td { font-size:14px; }
.table02 td.title { font-size:14px; }

.table03 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px;}
.table03 table {min-width:700px;}
.table03 th { font-size:14px; }
.table03 td { font-size:14px; }
.table03 td.title { font-size:14px; }

.table04 {}
.table04 table {}
.table04 th { font-size:14px; }
.table04 td { font-size:14px; letter-spacing:-1px;}
.table04 td.title { font-size:14px; }
 }


.page-title {}
.page-title h3 {font-size:45px; font-weight:900; color:#333333;}
.page-title h3 span {display:inline-block; background:url(../img/title_circle.png) no-repeat right top; padding-top:10px; padding-right:10px; line-height:120%;}
.page-title sub {font-family: 'Rubik'; color:#3a6ddd; font-size:15px;}


@media (max-width:1000px) {
   
.page-title h3 {font-size:38px; }  

}

@media (max-width:700px) {
   
.page-title h3 {font-size:30px; }  

}


.greeting_box {display:flex; flex-wrap:wrap;}
.greeting_left {width:45%; }
.greeting_left h4 {font-size:38px; color:#4e3e37; letter-spacing:-2px; font-weight:600; line-height:130%; margin-bottom:40px;}
.greeting_right {width:55%; padding-top:10px;}
.greeting_right h4 {font-size:26px; color:#9b857a; font-weight:600; letter-spacing:-1px; margin-bottom:30px;}
.greeting_right p {font-size:18px; color:#777777; letter-spacing:-0.5px; line-height:160%;}
.greeting_right .sign {margin-top:50px; text-align:right; font-size:18px;}
.greeting_right .sign b {font-size:23px;}


@media (max-width:1200px) {
.greeting_left h3 {font-size:30px;}

}

@media (max-width:992px) {
.greeting_left {width:100%; margin-bottom:30px;}
.greeting_left h4 {font-size:30px; text-align:center;}
.greeting_left .img {text-align:center;}
.greeting_right {width:100%;}
}

@media (max-width:540px) {
.greeting_left {background:none;}
.greeting_left h4 {font-size:20px; }
.greeting_left .img  img {width:200px;}

.greeting_right h4 {font-size:20px;}
.greeting_right p {font-size:16px;}
}


.content-box {display:flex; flex-wrap:wrap; margin-bottom:30px;}
.content-box .content-title {width:190px;  margin:0;}
.content-box .content-desc {width:calc(100% - 190px); font-size:18px; color:#666666; line-height:180%;}


@media (max-width:992px) {

.content-box .content-title {font-size:18px; width:150px;}
.content-box .content-desc {width:calc(100% - 150px); font-size:16px;}
}


@media (max-width:450px) {

.content-box .content-title {font-size:18px; width:100%; margin-bottom:10px;}
.content-box .content-desc {width:100%; font-size:16px;}
}


.visionList {display:flex; gap:45px; padding:40px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:40px; justify-content:center;}
.visionList li {position:relative; width:340px; background:#fdebeb; border-radius:100%;}
.visionList li:after {content:""; display:block; padding-bottom:100%;}
.visionList li .txtbox {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
.visionList li .icon {width:117px; height:117px; display:inline-block;}
.visionList li .icon.icon01 {background:url(../img/vision_icon01.png) no-repeat 0 center;}
.visionList li .icon.icon02 {background:url(../img/vision_icon02.png) no-repeat 0 center;}
.visionList li .txtbox h4 {font-size:28px; color:#333333; letter-spacing:-1px; margin-bottom:10px;}
.visionList li .txtbox p {font-size:18px; color:#333333; letter-spacing:-1px;}

.visionList li:nth-child(2) {background:#ebe7e4;}


@media (max-width:800px) {

.visionList li .txtbox h4 {font-size:20px;margin-bottom:10px;}
.visionList li .txtbox p {font-size:16px;}

}


@media (max-width:600px) {

.visionList {gap:0; flex-wrap:wrap;}
.visionList li {width:100%; border-radius:0;}
.visionList li:after {display:none;}
.visionList li .txtbox {position:relative; min-height:120px; padding-left:140px; text-align:left; align-items:start;}
.visionList li .icon {position:absolute; left:20px; top:20px; width:80px; height:80px; background-size:100% !important;}

.visionList li .txtbox h4 {font-size:18px;margin-bottom:5px;}
.visionList li .txtbox p {font-size:14px;}
}


.sisul_wrap {display:flex; flex-wrap:wrap; border-bottom:1px solid #e5e5e5;}
.sisul_wrap .content-box {width:50%;}


@media (max-width:600px) {

.sisul_wrap .content-box {width:100%;}
}


.certifyList {padding:60px; background:#f7f5f5; display:flex; flex-wrap:wrap; margin-left:0; gap:3%; justify-content:center;}
.certifyList li {width:22%; margin-bottom:3%;}
.certifyList li p {font-size:18px; color:#666666; text-align:center; margin-top:10px;}


@media (max-width:992px) {

.certifyList {padding:30px;}
.certifyList li p {font-size:16px;}
}

@media (max-width:650px) {

.certifyList {padding:20px;}
.certifyList li {width:30.33333%;}
.certifyList li p {font-size:14px; line-height:140%;}

}


@media (max-width:450px) {

.certifyList li {width:47%;}

}


.download_btn {text-align:center;}
.download_btn a {display:inline-flex; width:240px; height:59px; color:#fff; font-size:21px; border-radius:50px; background:#f36561; justify-content:center; align-items:center;}

@media (max-width:450px) {

.download_btn a {font-size:16px; height:45px; width:200px;}

}

 
.history_box {background:url(../img/history_line.png) repeat-y center 0;}

.history_box .historyList li {position:relative;  left:calc(50% + 50px); width:calc(50% - 50px); margin-bottom:0px; background:#fdebeb; padding:30px; border-radius:20px;}
.history_box .historyList li:before {position:absolute; left:-55px; top:50%; background:url(../img/history_bullet.png) no-repeat 0 0px; content:""; width:10px; height:10px; z-index:5;}
.history_box .historyList li:after {position:absolute; left:-50px; top:calc(50% + 4px); background:#d7d2f1; content:""; width:50px; height:1px; z-index:4;}
.history_box .historyList li h4 {font-family: "Rubik", sans-serif; font-size:20px; color:#333333; margin-bottom:10px; }
.history_box .historyList li p {position:relative; padding-left:70px; font-size:18px; color:#666666; margin-bottom:10px; left:-5px;}
.history_box .historyList li p span {position:absolute; left:0; top:0;  padding-left:0px; font-weight:600;}

.history_box .historyList li:nth-child(even) {left:0; background:#f5f3f1;}
.history_box .historyList li:nth-child(even) h4 {text-align:right;}
.history_box .historyList li:nth-child(even) p {text-align:right; padding-right:70px; padding-left:0; left:auto; right:-5px;}
.history_box .historyList li:nth-child(even) p span {position:absolute; left:auto; right:0; top:0;  padding-left:0px; font-weight:600;}

.history_box .historyList li:nth-child(even):before {position:absolute; left:auto; right:-55px; top:50%; background:url(../img/history_bullet.png) no-repeat 0 0px; content:""; width:10px; height:10px; z-index:5;}
.history_box .historyList li:nth-child(even):after {position:absolute; left:auto; right:-50px; top:calc(50% + 4px); background:#d7d2f1; content:""; width:50px; height:1px; z-index:4;}


@media (max-width:992px) {
 
.history_box .historyList li h4 {font-size:18px;}
.history_box .historyList li p  {font-size:16px;}

}


@media (max-width:600px) {

.history_box {background:none;}

.history_box .historyList li {left:0; width:100%; margin-bottom:10px;}
.history_box .historyList li p {padding-left:60px;}
.history_box .historyList li p span {padding-left:0px;}
.history_box .historyList li:after {display:none;}
.history_box .historyList li:nth-child(even) h4 {text-align:left;}
.history_box .historyList li:nth-child(even) p {text-align:left; padding-left:60px; padding-right:0; left:auto; right:auto; left:-5px;}
.history_box .historyList li:nth-child(even) p span {left:0; right:auto; top:0; padding-left:0px; padding-right:0;}

}


#daumRoughmapContainer1729478635264 {width:100%;}
.location_info { background:url(../img/location_icon.png) no-repeat 0 5px; margin-bottom:30px; padding-left:50px;}
.location_info ul {}
.location_info ul li {position:relative; padding-left:45px; font-size:18px; color:#666666; margin-bottom:5px;}
.location_info ul li span {position:absolute; left:0; top:0; font-size:18px; color:#222; font-weight:bold; }

.location_method {margin-top:30px;}
.location_method li {position:relative; min-height:60px; padding-left:80px; margin-bottom:15px; display:flex; font-size:18px; border-bottom:1px solid #e9e9e9; padding-top:15px; padding-bottom:20px;}
.location_method li:last-child {border-bottom:none;}
.location_method li span {width:70px; font-weight:bold;}
.location_method li p {width:calc(100% - 70px);}
.location_method li.car {background:url(../img/car_icon.png) no-repeat 0 0;}
.location_method li.bus {background:url(../img/bus_icon.png) no-repeat 0 0;}
.location_method li.subway {background:url(../img/subway_icon.png) no-repeat 0 0;}


@media (max-width:1000px) {

.location_info ul li {width:100%; font-size:16px;}
.location_info ul li span {font-size:16px;}
}


@media (max-width:600px) {

.location_info ul li { font-size:14px; padding-left:60px;}
.location_info ul li span {font-size:14px;}
.location_method li p {width:calc(100% - 60px);}
.location_method li span {width:60px;}
.location_method li {font-size:14px; padding-left:60px; background-size:50px !important;}
}


.service_box {background:#f5f3f1; display:flex; flex-wrap:wrap; padding:30px; border-radius:20px;}
.service_box .img {width:350px; justify-content:center; display:flex; align-items:center; }
.service_box .desc {width:calc(100% - 350px); display:flex; align-items:center; font-size:18px; color:#847b72; line-height:160%; letter-spacing:-1px;}


@media (max-width:992px) {

.service_box .img {width:180px; justify-content:center; display:flex; align-items:center; }
.service_box .desc {width:calc(100% - 180px); padding-left:10px; display:flex; align-items:center; font-size:16px; color:#847b72; line-height:160%; letter-spacing:-1px;}

}

@media (max-width:550px) {

.service_box .img {width:100%; justify-content:center; display:flex; align-items:center; }
.service_box .img img {width:200px;}
.service_box .desc {width:100%; margin-top:20px; padding-left:0px; display:flex; align-items:center; font-size:16px; color:#847b72; line-height:160%; letter-spacing:-1px;}

}

.serviceList {display:flex; flex-wrap:wrap; margin-left:-2%;}
.serviceList li {position:relative; width:12.28%; margin-left:2%; background:#fae4d7; border-radius:100%;}
.serviceList li .txt {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.serviceList li:after {content:""; display:block; padding-bottom:100%;}
.serviceList li:before {position:absolute; left:-11%; top:calc(50% - 10px); font-family: 'FontAwesome'; content: "\f054";}
.serviceList li .icon {width:58px; height:58px;}
.serviceList li .icon.icon01 {background:url(../img/service_icon01.png) no-repeat;}
.serviceList li .icon.icon02 {background:url(../img/service_icon02.png) no-repeat;}
.serviceList li .icon.icon03 {background:url(../img/service_icon03.png) no-repeat;}
.serviceList li .icon.icon04 {background:url(../img/service_icon04.png) no-repeat;}
.serviceList li .icon.icon05 {background:url(../img/service_icon05.png) no-repeat;}
.serviceList li .icon.icon06 {background:url(../img/service_icon06.png) no-repeat;}
.serviceList li .icon.icon07 {background:url(../img/service_icon07.png) no-repeat;}
.serviceList li p {font-size:18px; color:#474747; margin-top:5px;}

.serviceList li:nth-child(1):before {display:none;}
.serviceList li:nth-child(2) {background:#f3ccb9;}
.serviceList li:nth-child(3) {background:#e9cec8;}
.serviceList li:nth-child(4) {background:#e1d9d7;}
.serviceList li:nth-child(5) {background:#e9cec8;}
.serviceList li:nth-child(6) {background:#f3ccb9;}
.serviceList li:nth-child(7) {}


@media (max-width:992px) {

.serviceList li .icon {width:50px; height:50px; background-size:100% !important;}
.serviceList li p {font-size:16px;}

.serviceList li {width:23%; margin-bottom:10px;}
.serviceList li:nth-child(5):before {display:none;}

}


@media (max-width:450px) {

.serviceList li .icon {width:40px; height:40px;}
.serviceList li p {font-size:14px; margin-top:0;}

.serviceList li {width:31.33333%; margin-bottom:10px;}
.serviceList li:nth-child(4):before {display:none;}
.serviceList li:nth-child(7):before {display:none;}
.serviceList li:nth-child(5):before {display:block;}
}


.bongsa_top {border-bottom:1px solid #cccccc; margin-bottom:80px;}

.bongsaList {}
.bongsaList li {display:flex; flex-wrap:Wrap; position:relative;}
.bongsaList li .title {width:240px; font-size:20px; color:#9b857a; padding:25px; border-bottom:1px solid #9b857a;}
.bongsaList li .desc {width:calc(100% - 240px); font-size:20px; color:#666666; padding:25px; border-bottom:1px solid #d9d9d9;}


@media (max-width:800px) {

.bongsa_top img {max-width:100%; content:url(../img/bongsa_top_m.png);}
.bongsaList li .title {width:210px; font-size:18px; padding:20px;}
.bongsaList li .desc {width:calc(100% - 210px); font-size:16px; padding:20px;}


}

@media (max-width:600px) {
 
.bongsaList li .title {width:170px; font-size:16px; padding:20px;}
.bongsaList li .desc {width:calc(100% - 170px); font-size:14px; padding:20px;}


}

@media (max-width:450px) {
 
.bongsaList li .title {width:100%; font-size:16px; padding:20px; border:1px solid #9b857a; padding:10px 20px;}
.bongsaList li .desc {width:100%; font-size:14px; padding:20px; margin-bottom:10px;}


}


.huwon_top {padding-left:150px; background:url(../img/huwon_top.png) no-repeat; padding-top:30px; padding-bottom:60px; border-bottom:1px solid #ccc;}
.huwon_top h3 {font-size:27px; color:#4d3e37; font-weight:600; letter-spacing:-1px; margin-bottom:15px;}
.huwon_top p {font-size:20px; color:#9b857a; letter-spacing:-1px;}


@media (max-width:650px) {

.huwon_top h3 {font-size:22px;margin-bottom:15px;}
.huwon_top p {font-size:18px;}

}

@media (max-width:450px) {

.huwon_top  {padding-left:0; padding-top:140px;}
.huwon_top h3 {font-size:18px;margin-bottom:15px;}
.huwon_top p {font-size:15px;}

}


.processList {display:flex; flex-wrap:wrap; margin-left:-3%; }
.processList li {position:relative; width:22%; margin-left:3%; background:#f5f3f1; border-radius:15px;  margin-bottom:50px;}
.processList li img {width:100%; border-top-left-radius:15px; border-top-right-radius:15px;}
.processList li .txt {font-size:18px; color:#666666; padding:15px 0; text-align:center; letter-spacing:-1px;}
.processList li .txt span {color:#f03f39;}

.processList li:after {position:absolute; right:-25px; top:50%; font-family: 'FontAwesome'; content: "\f061"; font-size:20px;}
.processList li:nth-child(4):after { right:calc(50% - 10px); top:auto; bottom:-40px; content: "\f063"; }
.processList li:nth-child(n+5):after {content: "\f060"; right:auto; left:-25px;}
.processList li:nth-child(8):after { left:calc(50% - 10px); top:auto; bottom:-40px; content: "\f063"; }
.processList li:nth-child(9):after {content: "\f061"; right:-25px; left:auto; }

.processList li:last-child:after {display:none;}

.processList li:nth-child(1) {order:1;}
.processList li:nth-child(2) {order:2;}
.processList li:nth-child(3) {order:3;}
.processList li:nth-child(4) {order:4;}
.processList li:nth-child(5) {order:8;}
.processList li:nth-child(6) {order:7;}
.processList li:nth-child(7) {order:6;}
.processList li:nth-child(8) {order:5;}
.processList li:nth-child(9) {order:9;}
.processList li:nth-child(10) {order:10;}


@media (max-width:992px) {

.processList li .txt {font-size:16px;}

}


@media (max-width:800px) {

.processList li {width:30.33333%;}
.processList li:after {right:-15px; font-size:16px;}

.processList li:nth-child(1) {order:1;}
.processList li:nth-child(2) {order:2;}
.processList li:nth-child(3) {order:3;}
.processList li:nth-child(4) {order:6;}
.processList li:nth-child(5) {order:5;}
.processList li:nth-child(6) {order:4;}
.processList li:nth-child(7) {order:7;}
.processList li:nth-child(8) {order:8;}
.processList li:nth-child(9) {order:9;}
.processList li:nth-child(10) {order:10; margin-left:auto;}

.processList li:nth-child(3):after { right:calc(50% - 10px); top:auto; bottom:-40px; content: "\f063"; }
.processList li:nth-child(4):after {content: "\f060"; left:-15px; bottom:auto; top:50%;}
.processList li:nth-child(n+5):after {content: "\f060"; right:auto; left:-15px;}
.processList li:nth-child(6):after { left:calc(50% - 10px); top:auto; bottom:-40px; content: "\f063"; }
.processList li:nth-child(n+7):after {content: "\f061"; right:-15px; left:auto; top:50%;}
.processList li:nth-child(9):after { left:calc(50% - 10px); top:auto; bottom:-40px; content: "\f063"; }


}


@media (max-width:510px) {

.processList {margin-left:-4%;}
.processList li {width:46%; margin-left:4%; margin-bottom:30px;}
.processList li:after {right:-12px; font-size:14px;}

.processList li:nth-child(1) {order:1;}
.processList li:nth-child(2) {order:2;}
.processList li:nth-child(3) {order:4;}
.processList li:nth-child(4) {order:3;}
.processList li:nth-child(5) {order:5;}
.processList li:nth-child(6) {order:6;}
.processList li:nth-child(7) {order:8;}
.processList li:nth-child(8) {order:7;}
.processList li:nth-child(9) {order:9;}
.processList li:nth-child(10) {order:10; margin-left:auto;}

.processList li:nth-child(2):after { right:calc(50% - 10px); top:auto; bottom:-25px; content: "\f063"; }
.processList li:nth-child(3):after {content: "\f060"; left:-12px; bottom:auto; top:50%;}
.processList li:nth-child(7):after {content: "\f060"; left:-12px; bottom:auto; top:50%;}
.processList li:nth-child(4):after { left:calc(50% - 10px); top:auto; bottom:-25px; content: "\f063";}
.processList li:nth-child(8):after { left:calc(50% - 10px); top:auto; bottom:-25px; content: "\f063";}
.processList li:nth-child(6):after { left:calc(50% - 10px); top:auto; bottom:-25px; content: "\f063"; }

.processList li:nth-child(5):after {content: "\f061"; right:-12px; left:auto; bottom:auto; top:50%;}
.processList li:nth-child(9):after {content: "\f061"; right:-12px; left:auto; bottom:auto; top:50%;}
} 


.pepper_box {display:flex; flex-wrap:wrap; gap:40px;}
.pepper_box .img {flex:1;}
.pepper_box .txt {flex:1;}
.pepper_box .txt p {font-size:18px; color:#666666; line-height:180%;}
.pepper_box .txt ol.number_list {counter-reset:list-number;}
.pepper_box .txt ol.number_list li {position:relative; padding-left:40px; counter-increment:list-number; font-size:18px; color:#666666; line-height:180%; letter-spacing:-0.5px; margin-bottom:15px;}
.pepper_box .txt ol.number_list li:before{position:absolute; left:0; top:6px; content:counter(list-number); display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; background:#ff8186; font-size:13px; color:#FFF; border-radius:100%;}

@media (max-width:600px) {

.pepper_box {gap:0;}
.pepper_box .img {flex:auto; width:100%; margin-bottom:20px;}
.pepper_box .txt {flex:auto; width:100%;}
.pepper_box .txt p {font-size:16px;}
.pepper_box .txt ol.number_list li {font-size:16px;}
.pepper_box .txt ol.number_list li:before {top:2px;}
}


/* 인사말 */
.layout-20250905 {
  width: 100%;
/*  height: 100vh;     */
  background: url('/img/bread_b1.png') no-repeat center center;
  background-size: cover;   /* 화면 전체 덮기 */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;border-radius:8px;
}


.content-wrap {
  display: flex;
  max-width: 800px;
  width: 100%;
  padding: 80px 20px;
  gap: 30px;
  align-items: center;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .content-wrap {
    flex-direction: column;
    text-align: center;
  }
}


/* 좌측 이미지 */
.left-img img {
  max-width: 100%;
  height: auto;
  display: block; 
}

/* 우측 텍스트 */
.right-text {
  color: #4e3c2d;
}

.right-text h1 {
  font-size: 2em;
  margin-bottom: 20px;line-height: 1.3; font-weight:700;
}

.right-text p {
  font-size: 1.2em; letter-spacing: -0.5px;
 
}

/* 반응형 (모바일: 이미지 위, 텍스트 아래) */
@media (max-width: 768px) {
    .left-img img {
    width: 50%;   /* 좌측 이미지 화면 너비의 절반 */
    height: auto; /* 비율 유지 */
    margin: 0 auto; /* 중앙 정렬 */
  }
    
  .content-wrap {
    flex-direction: column;
    text-align: center;
      padding: 20px 0px;
  }

  .right-text h1 {
  font-size: 1.3em;
  }

  .right-text p {font-size: 0.9em;
    
  }
}

/*기관소개*/.wrap0906 {
  max-width: 1200px;
  margin: 0 auto;
}

.row0906 {
  display: flex;
  justify-content: space-between;
     margin-top: 0px;
  margin-bottom: 30px; /* 줄 간 여백 */
}

.col0906 {
  flex: 1;background: url('/img/bread_b2.png') no-repeat center center;
}

.row0906 .col0906:not(:last-child) {
  margin-right: 30px; /* 중간 여백 */
}

.img0906 img {
  width: 100%;
  height: auto;   /* 기본값은 비율 유지 */
  display: block;
  object-fit: cover; /* 미리 넣어두면 모바일에도 적용 */
}

.text0906 h1 {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.4;
}

.text0906 p {
  font-size: 16px;
  line-height: 1.6;
}


/* ? 반응형 */
@media (max-width: 768px) {
  .row0906 { 
       margin-top: 0px;
       margin-bottom: 0px;
    flex-direction: column;  /* 위아래로 쌓기 */
  }

    .row0906 .col0906:not(:last-child) {
  margin-right: 0px; /* 중간 여백 */
}
  .row0906 .col0906 {
    margin-right: 0;
    margin-bottom: 20px;
  }
.col0906 {
  flex: 1;background: none;
}

  .img0906 img {
    width: 100%;
    height: auto;  /* 모바일에서 모든 이미지 원본 비율 유지 */
  }
}

/*오시는길*/
.access0906 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.access_info0906 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 20px; /* 좌우 간격 */
}

.icon0906 img {
  width: 60px; /* 아이콘 크기 */
  height: 60px;
}

.text0906 p {
  margin: 5px 0;
  font-size: 16px;
  line-height: 1.5;
}

/* 반응형 */
@media (max-width: 768px) {
  .access_info0906 {
    flex-direction: column;
    align-items: flex-start;
  }

  .icon0906 img {
    width: 50px;
    height: 50px;
  }

  .text0906 p {
    font-size: 14px;
  }
}

/* 카카오맵 100% */
#daumRoughmapContainer1757099025745 {
  width: 100% !important;
  max-width: 1200px;
  height: 450px; /* 필요시 조정 */
}

/*오프라인업체*/

.box-container0906 {
  display: flex;
  flex-wrap: wrap;
  margin: -10px; /* margin 보정 */
}

.box0906 {
  flex: 0 0 33.3333%; /* PC: 한 줄 3개 */
  max-width: 33.3333%;
  box-sizing: border-box;
  padding: 15px 10px; /* gap 역할 */
}

.box0906-inner {
  background: #fffbea;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.0.5);border:1px solid #eee2a9;
  padding: 20px;
  transition: 0.2s;
}


.company-name0906 {
  font-size: 18px;
    font-weight: 800;
  margin: 0 0 10px 0;  display: block;   /* 가로 전체 영역 */
  width: 100%;     
}

.company-name0906 a {
  text-decoration: none;
  color: #333;
padding:20px 50px 10px 4px;
}

.company-name0906 a:hover {
  color: #f96400;
}

.contact0906 {
  font-size: 14px;
  margin: 0 0 5px 0;
}

.address0906 {
  font-size: 15px;
  margin: 0;
}

/* 반응형: 모바일 한 줄 1개 */
@media (max-width: 1024px) {
  .box0906 {
    flex: 0 0 100%;
    max-width: 100%;padding: 10px; 
  }
}
.link-icon0906 {
  margin-left: 6px;   /* 글자와 간격 */
  font-size: 12px;    /* 아이콘 크기 조절 */
  vertical-align: middle; /* 글자와 수직 정렬 */
}

#sct_sortlst {display: none;}

.product-detail {
  text-align: center; /* 텍스트(이미지 포함) 가운데 정렬 */
}

.product-detail .detail-img {
  max-width: 100%;   /* 반응형 대응 */
  height: auto;      /* 비율 유지 */
  display: inline-block; /* 가운데 정렬될 수 있도록 */
}