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

.subvisual_txt {position:absolute; z-index:99; width:100%; color:#FFF; display:flex;  height:333px; flex-direction:column; justify-content:center; align-items:center;} 
.subvisual_txt h3 {font-size:38px; color:#383838; line-height:120%; margin-top:0px;}

@media (max-width:1000px) {


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

.subvisual_txt { height:250px; }
.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:150px;}
#subvisual .subvisual_img {height:200px;}
#subvisual .subvisual_img img {object-fit:cover; width:auto; height:100%;}

.subvisual_txt { height:150px; }
.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:45px; padding-bottom:156px;}
  div.article_wide{min-height:600px;   padding-left:0px; width:100%;  padding-top:33px;  }


/* 페이지경로 */
 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:100px;}
 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 40px 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:30px 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; margin-bottom:30px; padding-left:70px;}
.location_info ul {}
.location_info ul li {position:relative; padding-left:55px; 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;}
}