#subvisual {
    width: 100%;
    height: auto;                     /* À̹ÌÁö¿¡ ¸Â°Ô ÀÚµ¿ */
    position: relative;
    overflow: hidden;
    text-align: center;
    background: url('/img/bg.jpg') center/cover no-repeat; /* ¹è°æ À̹ÌÁö */
}

/* ¸ð¹ÙÀÏ¿¡¼­ ³ôÀÌ ÁöÁ¤ */
@media (max-width: 768px) {
    #subvisual {
        
        background-size: contain; /* Àüü À̹ÌÁö º¸À̱â */
    }
    
    .subvisual_img img {
    width: 100%;       /* °¡·Î 100% */
    height: auto;     /* ¼¼·Î ºñÀ² ÀÚµ¿ */
    display: block;    /* inline-gap Á¦°Å */
    object-fit: contain; /* À̹ÌÁö ºñÀ² À¯Áö, À߸² ¹æÁö */
}
}

/*¸ð¹ÙÀÏ¿ë sub*/
@media (max-width: 768px) {
    /* ù ¹ø° ¹è³Ê ¸ð¹ÙÀÏ¿ë */
    #subvisual .subvisual_img:nth-child(1) img {
        content: url('/img/sub_img01_m.png'); 
    }




}





.subvisual_txt {
    position: relative;       /* Àý´ë À§Ä¡ Á¦°Å */
    margin-top: 20px;         /* À̹ÌÁö¿Í °£°Ý */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #333;              /* ±ÛÀÚ °ËÁ¤»ö */
    text-align: center;
}

.subvisual_txt h3 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0; margin-top:30px;
    text-shadow: none;        /* ±×¸²ÀÚ Á¦°Å */
}



/* ÅÂºí¸´ ¹ÝÀÀÇü (992px ÀÌÇÏ) */
@media (max-width: 992px) {
    .subvisual_txt {
        margin-top: 15px;      /* ¸¶Áø Á¶±Ý ÁÙÀÓ */
    }
    .subvisual_txt h3 {
        font-size: 26px;       /* ±ÛÀÚ Å©±â ÁÙÀÓ */
    }
}

/* ¸ð¹ÙÀÏ ¹ÝÀÀÇü (576px ÀÌÇÏ) */
@media (max-width: 576px) {
    .subvisual_txt {
        margin-top: 10px;      /* ¸¶Áø ´õ ÁÙÀÓ */
    }
    .subvisual_txt h3 {
        font-size: 20px;       /* ±ÛÀÚ Å©±â ´õ ÁÙÀÓ */
        line-height: 1.1;
    }
}


#m_subvisual {display:none;}
.sub_body {position:relative; padding-left:0px;}
.sub_body.wide {position:relative; padding-left:0;}
.item_wrap {background:#FFF !important;}





/* ÄÁÅÙÃ÷ ºÎºÐ */  
/* ÆäÀÌÁö ³»¿ë */
  div.article { width:100%; margin-top:0px; padding-top:5px; padding-bottom:0px;}
  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; display:none;
}

div.page-navi ul.page-location {
    display: flex; 
    height: 50px;           /* ±âÁ¸ 70px ¡æ 50pxÀ¸·Î ÁÙÀÓ */
    line-height: 50px;       /* ÅؽºÆ® ¼öÁ÷ Áß¾Ó ¸ÂÃã */
    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;
    font-size: 18px; 
    color: #333; 
    flex: 1; 
    max-width: 250px;
}

div.page-navi ul.page-location > li > a {
    padding-left: 30px; 
    display: flex; 
    align-items: center; 
    height: 50px;           /* li ³ôÀÌ¿¡ ¸ÂÃã */
    font-size: 16px; font-weight: 500; color:#666;
}

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: 50%; 
    transform: translateY(-20%); /* ¾ÆÀÌÄÜ ¼öÁ÷ Áß¾Ó */
}

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: 50px;            /* ³ôÀÌ ¸ÂÃã */
    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:50px; left:-1px; width:100%; display:none; border-bottom-left-radius:20px; border-bottom-right-radius:0px; 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:15px; padding:10px 30px 10px 30px;  height:auto; line-height:auto;}
.hidden-menu li a:hover {background:#5a5a5a; 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:0px;}
 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:10px 0px 0 0;}

.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% */
#daumRoughmapContainer1757557552381 {
  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; /* °¡¿îµ¥ Á¤·ÄµÉ ¼ö ÀÖµµ·Ï */
}


/*Àλ縻*/
.greeting-section-0911 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.greeting-container-0911 {
  display: flex;
  gap: 40px; /* ÁÂ¿ì °£°Ý */
  flex-wrap: wrap;
}

.greeting-image-0911 img {
  object-fit: cover;
  display: block;height: auto;       /* ³ôÀÌ ÀÚµ¿ */
  object-fit: cover;
  display: block;
  margin-bottom: 20px; /* À̹ÌÁö ÇÏ´Ü °£°Ý */
 border-radius: 8px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* ÀºÀºÇÑ ±×¸²ÀÚ */
}

.greeting-text-0911 {
  flex: 1 1 0;
  display: flex;
   flex-direction: column;      /* ¼¼·Î·Î ½×±â */
  justify-content: flex-start; /* À§¿¡¼­ºÎÅÍ Á¤·Ä */
}

.slogan-0911 {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0 0 30px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* ¿¬ÇÑ ¼± */
  padding-bottom: 20px; /* ±ÛÀÚ¿Í ¼± »çÀÌ °£°Ý */
}

.additional-text-0911 {
  font-size: 1rem;
  margin: 0;color:#777;
}

.full-text-0911 {
  margin-top: 10px;
  font-size: 1rem;color:#777;
  text-align: left;
}

.signature-0911 {
  font-weight: bold;      /* ÁøÇÑ ±ÛÀÚ */
  text-align: right;      /* ¿ìÃø Á¤·Ä */
  clear: both;            /* ÇÏ´Ü ¹èÄ¡ */
  margin-top: 20px;
  margin-bottom: 0;color:#000; 
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
  .greeting-container-0911 {
    flex-direction: column;
    gap: 15px;
  }
  .greeting-image-0911 img {
    width: 100%;           /* À̹ÌÁö 100% */
    height: auto;
  }
  .greeting-text-0911,
  .full-text-0911 {
    text-align: left;      /* ±ÛÀÚ´Â ÁÂÃø Á¤·Ä */
  }
  .signature-0911 {
    text-align: right;     /* »çÀθ¸ ¿ìÃø Á¤·Ä */
  }
}

/*¹Ì¼Ç*//* --------------------------- */
.mission-section-0911 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  box-sizing: border-box; font-size: 1rem;

}

/* --------------------------- */
/* Á¦¸ñ */
.mission-title-0911 {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.mission-title-bar-0911 {
  width: 4px;
  height: 18px;
  background-color: #2aafe5;
  margin-right: 10px;
  border-radius: 2px;
}
.mission-title-text-0911 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #333;
}

/* --------------------------- */
/* ³»¿ë ¹Ú½º */
.mission-content-0911 {
  background-color: #eef8fd;
  padding: 30px;
  margin-bottom: 40px;
  border-radius: 10px;
/*  box-shadow: 0 4px 12px rgba(0,0,0,0.05);*/
  color: #555;
  line-height: 1.6;color: #326c83;
}
.mission-content-0911 b { font-weight: 700; }
/* --------------------------- */
/* ¸ñ·ÏÇü ¼¼´Ü¶ô */
.mission-list-0911 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* °³º° ¾ÆÀÌÅÛ */
.mission-item-0911 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* µ¿±×¶ó¹Ì */
.mission-circle {
  width: 106px;
  height: 106px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.1rem;
  flex-shrink: 0;
/*  box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
  text-align: center;
}
.mission-circle-green-0911 { background-color: #64bd26; }
.mission-circle-blue-0911 { background-color: #67ccf5; }
.mission-circle-lightblue-0911 { background-color: #f6bb67; }

/* ±ÛÀÚ ¹Ú½º */
.mission-box {
  padding: 30px;
  flex: 1;
  border-radius: 8px;
/*  box-shadow: 0 4px 10px rgba(0,0,0,0.05);*/
  line-height: 1.6;
}
.mission-box-gray-0911 { background-color: #f3f9ef; color: #3b681d; }
.mission-box-lightblue-0911 { background-color: #eef8fd; color: #286178; }
.mission-box-empty-0911 { background-color: #fcf3e7; color: #286178; }
/* --------------------------- */
/* ¹ÝÀÀÇü *//* ¸ð¹ÙÀÏ ´ëÀÀ: ¿ìÃø ¹Ú½º ¼û±â±â */
@media (max-width: 768px) {
  .mission-item-0911 {
    flex-direction: row;
    align-items: center;
    gap: 10px; /* °£°Ý ÁÙÀ̱â */
  }
  .mission-circle {
    width: 70px;
    height: 70px;
    font-size: 0.8rem; /* ±ÛÀÚ Å©±â ÁÙÀÓ */
  }
  .mission-box {
    flex: 1;
    padding: 20px;       /* Æеù ÁÙ¿© °ø°£ È®º¸ */
    font-size: 0.8rem;   /* ±ÛÀÚ Å©±â ÁÙÀÓ */
  }
      .mission-item-0911 .mission-box,
  /* ¼³¸³¸ñÀû ¿µ¿ª */
  .purpose-content-0911 {
    font-size: 0.9rem;  /* ¸ð¹ÙÀÏ¿ë ±ÛÀÚ Å©±â ÅëÀÏ */
    line-height: 1.4;   /* °¡µ¶¼º È®º¸ */
  }
   .mission-item-0911:last-child {
    align-items: flex-start; /* ¿ø°ú ¿·ÀÇ ¹Ú½º¸¦ À§(top) ±âÁØÀ¸·Î */
  }  
    .mission-content-0911 {
    font-size: 0.9rem;
  }
    
}

/* °øÅë À̹ÌÁö ½ºÅ¸ÀÏ */
.mission-image-0911 img {
  width: 100%;
  height: auto;
  display: block;
}

/* ±âº»Àº PC */
.img-pc-0911 {
  display: block;
}
.img-mobile-0911 {
  display: none !important;
}

/* ¸ð¹ÙÀÏ Àüȯ */
@media screen and (max-width: 768px) {
  .img-pc-0911 {
    display: none !important;
  }
  .img-mobile-0911 {
    display: block !important;
  }
}

/*Á¶Á÷µµ*/
/* ¼³¸³¸ñÀû ŸÀÌƲ */
.mission-title-0911 {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}
.mission-title-bar-0911 {
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #2aafe5;
  vertical-align: middle;
  margin-right: 8px;
}

/* ¼³¸³¸ñÀû À̹ÌÁö */
.mission-image-091 {
  text-align: center;
  margin-bottom: 40px;
}
.mission-image-091 img {

  height: auto;
}

/* Å×À̺í */
.mission-tables-0911 {
  display: flex;
  flex-direction: column;
  gap: 50px; /* Å×ÀÌºí °£ °£°Ý */
}
.mission-table-0911 {
  width: 100%;
  border-collapse: collapse;
  text-align: center; border-top: 2px solid #258acb;
}
.mission-table-0911 th,
.mission-table-0911 td {
     
  border: 1px solid #dedede;
  padding: 8px;width:16%;
}
.mission-table-0911 th {
  background-color: #eef8fd;
}

/* ¹ÝÀÀÇü */

@media (max-width: 768px) {
    .mission-image-091 {
  text-align: center;
  margin-bottom: 30px;
}
    .mission-tables-0911 {
  gap: 20px; /* Å×ÀÌºí °£ °£°Ý */
}

  .mission-title-bar-0911 {
    height: 14px;
    width: 3px;
  }
  .mission-table-0911 th,
  .mission-table-0911 td {
    padding: 6px;
    font-size: 0.8rem; line-height: 1;
  }
}
/* ¿¬Çõ ŸÀÓ¶óÀÎ Àüü */
.timeline-0911 {
  position: relative;
  width: 100%;
  max-width: 1200px; /* Àüü ÃÖ´ë Æø ÁöÁ¤ */
  margin: 0 auto;    /* °¡¿îµ¥ Á¤·Ä */
  padding: 0;
    top:20px;
  
}

/* Áß¾Ó ¼¼·Î¼± */
.timeline-line-0911 {
  position: absolute;
  top: 0px; /* padding-top ¸¸Å­ ³»·ÁÁÜ */
  bottom: 0;
  left: 50%;
  width: 1px;
  background-color: #e5e5e5;
/*  transform: translateX(-50%);*/
}

/* °¢ ¾ÆÀÌÅÛ */
.timeline-item-0911 {
  position: relative;
  width: 50%;
  margin-bottom: 40px;
}

/* ¿À¸¥ÂÊ ¹Ú½º */
.timeline-item-0911.right {
  left: 50%;
  text-align: left;
  margin-top: -50px; /* ÁÂ¿ì ±³Â÷ ³ôÀÌ Á¶Á¤ */
}
.timeline-item-0911.right .timeline-box {
  background-color: #e5f7f7;
  border-radius: 8px;
  padding: 20px 24px;
  position: relative;
  display: inline-block;
  margin-left: 50px; /* Áß¾Ó¼±°ú ¿©¹é */
  width: calc(50% - 100px); /* 1200px ±âÁØ ¹Ú½º Å©±â Á¶Á¤ */
  min-width: 450px; /* ÃÖ¼Ò Æø ÁöÁ¤ */
  box-sizing: border-box;
}

/* ¿ÞÂÊ ¹Ú½º */
.timeline-item-0911.left {
  left: 0;
  text-align: right;
  margin-top: -50px; /* ÁÂ¿ì ±³Â÷ ³ôÀÌ Á¶Á¤ */
}
.timeline-item-0911.left .timeline-box {
  background-color: #f2f9eb;
  border-radius: 8px;
  padding: 20px 24px;
  position: relative;
  display: inline-block;
  margin-right: 50px; /* Áß¾Ó¼±°ú ¿©¹é */
  width: calc(50% - 100px); /* 1200px ±âÁØ ¹Ú½º Å©±â Á¶Á¤ */
  min-width: 450px; /* ÃÖ¼Ò Æø ÁöÁ¤ */
  box-sizing: border-box;
}

/* ¿¬µµ/³¯Â¥/³»¿ë ½ºÅ¸ÀÏ */
.timeline-box p {
  margin: 0;
  line-height: 1.4;
}
.timeline-year {
  font-weight: 800;      /* ¿¬µµ ±½±â */
  font-size: 1.3rem;
  display: block;
  margin-bottom: 2px;line-height: 1.4
}
.timeline-date {
  font-weight: 700;      /* ³¯Â¥ ±½±â */
  font-size: 0.95rem;
  display: inline-block;
  margin-bottom: 2px;
}
.timeline-content-text {
  font-weight: 500;      /* ³»¿ë ±½±â */
  font-size: 1rem;
  display: inline-block;
}

/* Áß¾Ó¼±¿¡¼­ ¹Ú½º±îÁö °¡·Î¼± */
.timeline-item-0911.right .timeline-box::before,
.timeline-item-0911.left .timeline-box::before {
  content: "";
  position: absolute;
  top: 25px; /* ÅؽºÆ® Áß¾Ó ³ôÀÌ¿¡ ¸ÂÃã */
  width: 50px; /* Áß¾Ó¼±°ú ¹Ú½º±îÁö °Å¸® */
  height: 1px;
  background-color: #e5e5e5;
}
.timeline-item-0911.right .timeline-box::before {
  left: -50px;
}
.timeline-item-0911.left .timeline-box::before {
  right: -50px;
    
}
/* ¹Ú½º ½ÃÀÛÁ¡ ¿ø Ç¥½Ã */
.timeline-item-0911.right .timeline-box::after,
.timeline-item-0911.left .timeline-box::after {
  content: "";
  position: absolute;
  top: 23px; /* Áß¾Ó¼±°ú °¡·Î¼± ³ôÀÌ ¸ÂÃã */
  width: 5px;
  height: 5px;
  background-color: #2aafe5; /* ¿ø »ö»ó */
  border-radius: 50%;
}

/* ¿À¸¥ÂÊ ¹Ú½º ¿ø À§Ä¡ */
.timeline-item-0911.right .timeline-box::after {
  left: -52px; /* Áß¾Ó¼±ºÎÅÍ °¡·Î¼± ½ÃÀÛ À§Ä¡ + ¿ø ¹ÝÁö¸§ º¸Á¤ */
}

/* ¿ÞÂÊ ¹Ú½º ¿ø À§Ä¡ */
.timeline-item-0911.left .timeline-box::after {
  right: -52px; /* Áß¾Ó¼±ºÎÅÍ °¡·Î¼± ½ÃÀÛ À§Ä¡ + ¿ø ¹ÝÁö¸§ º¸Á¤ */
}

/* ¹ÝÀÀÇü */

@media (max-width: 768px) {
    .timeline-0911  { top:-50px;}
    .timeline-item-0911.left,.timeline-item-0911.right  {margin-top:0; }
    .timeline-item-0911.left .timeline-box,.timeline-item-0911.right .timeline-box { min-width:100%; }
    .timeline-item-0911.right .timeline-box { margin-left: 0}
  /* ÄÁÅ×ÀÌ³Ê Æеù */
  .timeline-0911 {
    padding-top: 40px; /* ŸÀÌƲ°ú ù ¹Ú½º °£°Ý È®º¸ */
  }

  /* °¢ ¾ÆÀÌÅÛ ¼¼·Î ¹èÄ¡, ÁÂ¿ì ½ºÅ¸ÀÏ ÃʱâÈ­ */
  .timeline-item-0911 {
    width: 100% !important;
    left: 0 !important;
    text-align: left !important;
    margin: 0 0 20px 0; /* ¹Ú½º ´Ü¶ô »çÀÌ °ø¹é */
  }

  /* ¹Ú½º Æø 100%, Æеù Á¶Á¤ */
  .timeline-item-0911 .timeline-box {
    width: 100% !important;
    margin: 0;
    padding: 16px 20px;
    display: block;
    box-sizing: border-box;
    border-radius: 8px;
  }

  /* µ¥½ºÅ©Åé¿ë Áß¾Ó¼±, °¡·Î¼±, ¿ø Á¦°Å */
  .timeline-line-0911,
  .timeline-item-0911 .timeline-box::before,
  .timeline-item-0911 .timeline-box::after {
    display: none !important;
  }

  /* ¿¬µµ/³¯Â¥/³»¿ë ±ÛÀÚ Å©±â */
  .timeline-year {
    font-size: 0.95rem;
  }
  .timeline-date {
    font-size: 0.85rem;
  }
  .timeline-content-text {
    font-size: 0.85rem;
  }
}
/*ÀÌ¿ë¾È³»*//* ÀÌ¿ë¾È³» Á¦¸ñ */
.guide-content-0911 {
  display: flex;
  margin-bottom: 20px; /* ¹Ú½º ´Ü¶ô »çÀÌ °ø¹é */
}

.guide-content-box {
  display: flex;
  width: 100%;
  border-radius: 8px; /* Àüü ¶ó¿îµù */
  overflow: hidden;
  box-sizing: border-box;
}

/* Á¦¸ñ ¿µ¿ª (ÁÂÃø) */
.guide-content-title {
  flex: 0 0 20%;
  padding: 12px;
  color: #555457;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px; /* ÁÂÃø ¶ó¿îµù */
  margin-right: 10px; /* ¿ìÃø ¿©¹é */
}

/* Á¦¸ñº° ¹è°æ»ö */
.guide-content-title.title1 { background-color: #fff2c5; }
.guide-content-title.title2 { background-color: #ffe89a; }
.guide-content-title.title3 { background-color: #ffdd69; }
.guide-content-title.title4 { background-color: #fcd242; }

/* ³»¿ë ¿µ¿ª (¿ìÃø) */
.guide-content-text {
  flex: 0 0 80%;
  padding: 12px;
  background-color: #eef4f5; /* ȸ»ö Àüü ¶ó¿îµù */
  border-radius: 8px; /* ¿ìÃø ¶ó¿îµù */
  color: #333;
  font-weight: 400;
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
  .guide-content-0911 {
    flex-direction: column;
    margin-bottom: 20px; /* ´Ü¶ô »çÀÌ °ø¹é */
  }

 .guide-content-box {
    display: block; /* flex Á¦°Å */
  }

  .guide-content-title {
    display: block; /* ºí·ÏÀ¸·Î Àüü Æø »ç¿ë */
    width: 100%;
    background-color: transparent !important;
    color: inherit !important;
    border-radius: 0;
    margin: 0 0 6px 0;
    text-align: left; /* ÁÂÃø Á¤·Ä */
    padding: 0;
  }

  .guide-content-text {
    display: block;
    width: 100%;
    background-color: #eaeaea;
    border-radius: 8px;
    padding: 12px;
    box-sizing: border-box;
  }

  /* ÄÁÅ×ÀÌ³Ê flex ÃʱâÈ­ */
  .guide-content-box {
    flex-direction: column;
    display: flex;
  }
}

/* PC ±âº» °ø¹é */
.guide-space-0911 {
  height: 40px;
}

/* ¸ð¹ÙÀÏ °ø¹é */
@media (max-width: 768px) {
  .guide-space-0911 {
    height: 20px;
  }
}

/* PC¿ë À̹ÌÁö */
.guide-image-0911.pc {
  display: block;
}

/* ¸ð¹ÙÀÏ¿ë À̹ÌÁö */
.guide-image-0911.mobile {
  display: none; /* ±âº» ¼û±è */
}

/* ¸ð¹ÙÀÏ¿¡¼­¸¸ º¸À̱â */
@media (max-width: 768px) {
  .guide-image-0911.pc {
    display: none;
  }

  .guide-image-0911.mobile {
    display: block;
    width: 100%;        /* ºÎ¸ð Æø ´ëºñ 90% */
        height: auto;      /* ºñÀ² À¯Áö */
    margin: 0 auto;    /* °¡¿îµ¥ Á¤·Ä */
    box-sizing: border-box; /* ÆеùÀ̳ª º¸´õ Æ÷ÇÔ */
  }
    
    .guide-image-0911.mobile img {
    display: block;
    width: 100%;        /* ºÎ¸ð Æø ´ëºñ 90% */
    
  }
}


/* styles_program0911.css */
/* Àüü ·¡ÆÛ */
.program0911-wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px;
  background: #fff7da;
  border-radius: 16px;
}

/* ù ´Ü¶ô ¹®±¸ */
.program0911-intro {
  margin: 0 0 16px 0;
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
}

/* Èò»ö ¶ó¿îµù ¹Ú½º */
.program0911-card {
  background: #ffffff url("/img/b_monitor.png") no-repeat right bottom;
  background-size: 300px auto;
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  margin-bottom: 16px;
}

.program0911-card ul {
  margin: 0;
  padding-left: 1.2em;
}
.program0911-card li {
  margin: 0.4em 0;
  list-style: disc;color :623d15; 
}
.program0911-card li::marker {
  font-size: 0.6em; /* ±âº» discº¸´Ù ÀÛ°Ô */
  color: #222;      /* »ö»ó Á¶Àý °¡´É */
}

/* »õ Ä«µå (¹è°æ À̹ÌÁö ´Ù¸£°Ô) */
.program0911-card-new {
  background: #ffffff url("/img/b_newimage.png") no-repeat right bottom;
  background-size: 150px auto;
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  margin-bottom: 16px;
}

.program0911-card-new ul {
  margin: 0;
  padding-left: 1.2em;
}

.program0911-card-new li {
  margin: 0.4em 0;
  list-style: disc;
  color: #623d15;
}

.program0911-card-new li::marker {
  font-size: 0.6em;
  color: #222;
}


/* »çÁø ÄÁÅ×ÀÌ³Ê */
.program0911-images {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr; /* PC °¡·Î 2°³ */
  gap: 12px;
}
.program0911-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
  .program0911-wrapper {
    padding: 16px;
    border-radius: 12px;
  }
  .program0911-card {
    padding: 16px;
    background: #ffffff; font-size: 0.9rem;/* ¸ð¹ÙÀÏ¿¡¼­´Â ¹è°æ À̹ÌÁö Á¦°Å */
  }
  .program0911-intro {font-size: 0.9rem;
    
  }
  .program0911-images {
    grid-template-columns: 1fr; /* ¸ð¹ÙÀÏ¿¡¼­´Â ¼¼·Î 1°³¾¿ */
  }
}

/*ÈÄ¿ø*/

/* Àüü ¹Ú½º */
.card-0912{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 16px;
  background: url('/img/b_support.png') no-repeat center top / 100% auto;
  box-shadow: 0 8px 30px rgba(16,24,40,0.08);
  padding: 48px;
  box-sizing: border-box;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}


/* Áß¾Ó ½½·Î°Ç */
.slogan-0912{
  font-size: 28px;
  font-weight: 700;
  color: #188dd7;
  text-align: center;
  margin: 20px 0 12px 0;
  line-height: 1.3;
}

/* ÀÛÀº ¼³¸í */
.subdesc-0912{
  text-align: center;
  font-size: 18px;
  color: #6b7280;
  margin: 0;
}

/* °ø¹é 50px */
.spacer-0912{
  height: 100px;
  width: 100%;
}

/* ´Ü¶ô(¼½¼Ç) */
.sections-0912{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;margin-top: 20px;
}

/* °¢ Çà: Á¦¸ñ°ú ¼³¸íÀÌ ¿·¿¡ ¹èÄ¡ */
.row-0912{
  display: flex;
  align-items: flex-start; /* ¼³¸íÀÌ ¼¼ ÁÙÀÏ °æ¿ì »ó´Ü Á¤·Ä */
  flex-wrap: wrap;
  padding: 18px;
  background: rgba(255,255,255,0.6);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(15,23,42,0.04);
}

.title-0912{
 flex: 0 0 90px;   /* °íÁ¤ ÆøÀ» ´õ ÁÙÀÓ */
  min-width: 90px;  /* Á¦¸ñ ¿µ¿ª Æø ÁÙÀÓ */
font-weight: 700;
color: #0387db;
font-size: 17px;
line-height: 1.2;
}
.title-0912::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #0387db;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle; margin-right: 10px; 
}

.desc-0912{
  flex: 1 1 240px; /* ¼³¸íÀº ³²Àº °ø°£À» ä¿ò */
  color: #555;
  font-size: 17px;
  line-height: 1.2;
}

/* ºí·ç¶óÀΰú ±×·¹À̶óÀÎ (¾Æ·¡¿¡ Ç¥½Ã) */
/*
.row-0912::after{
  content: '';
  display: block;
  height: 4px;
  width: 100px;
  margin-top: 12px;
  border-radius: 4px;
  background: linear-gradient(90deg, #2b6ef6 0 50%, #d1d5db 50% 100%);
}
*/

/* ¹ÝÀÀÇü */
@media (max-width: 620px){
.card-0912{
    padding: 20px;
    background: #d5edf8;
  }
    .spacer-0912{
display: none; /* ¸ð¹ÙÀÏ¿¡¼­ °ø¹é ¼û±è */
}
.slogan-0912{
font-size: 20px; /* Å« ½½·Î°Ç ±ÛÀÚ ÁÙÀÓ */
margin: 0px 0; /* ´Ü¶ô ³ôÀÌ Á¦°Å, À§¾Æ·¡ ¸¶Áø 20 */
}
.subdesc-0912{
font-size: 14px; /* ÀÛÀº ½½·Î°Ç 1Æ÷ÀÎÆ® ÁÙÀÓ */
margin: 10px 0 0 0;
}
.row-0912{
flex-direction: column;
display: block; /* flex Á¦°ÅÇÏ°í ºí·ÏÀ¸·Î ½×±â */
    padding: 20px; /* À§¾Æ·¡ ¿©¹é ÁÙÀÓ */
}
.title-0912{ flex-basis: auto; min-width: 0; font-size: 16px;  margin-bottom: 10px;}
.desc-0912{ font-size: 15px; line-height: 1.5; } /* ±ÛÀÚ ¾à°£ Å°¿ì°í Çà°£ ´Ã¸² */
.sections-0912{ margin-top: 30px; }
}

/* »óÇ°¸®½ºÆ® ¼³¸í */
.cls0902-box {
  background-color: #fffdf5; /* ´õ ¿¬ÇÑ ¿¬³ë¶û */
  border-radius: 15px;
  border: 1px solid #eae7e0; /* ¿¬ÇÑ 1Çȼ¿ Å׵θ® */
  padding: 20px 30px;
  width: 100%;
  line-height: 1.4; /* Çà°£ ÁÙÀÓ */
  color: #777;
  box-sizing: border-box;
}

/* Á¦¸ñ */
.cls0902-box h2 {
  color: #391d04;
  font-size: 1.2em; /* ±ÛÀÚ Å©±â ÁÙÀÓ */
  text-align: left; /* ÁÂÃø Á¤·Ä */
  margin-bottom: 10px;
  font-weight: 600;
}

/* Á¡ Ç¥½Ã */
.cls0902-box p::before {
  content: "\2022 ";
  color: #b36b00; /* Á¡ »ö»ó */
  display: inline-block;
  width: 1em;
}


/* °­Á¶ ÅؽºÆ® */
/*
.cls0902-highlight {
  font-weight: bold;
  color: #583617;
}
*/

/* ÇÏ´Ü ¹®±¸ */
.cls0902-footer {
  margin-top: 20px;
  font-size: 1em;
  color: #777;
}

/* ¹ÝÀÀÇü */
@media screen and (max-width: 680px) {
  .cls0902-box {
    padding: 20px;
    max-width: 100%;
  }

  .cls0902-box h2 {
    font-size: 1.1em;
  }

  .cls0902-box p {
    font-size: 0.9em;
  }

  .cls0902-footer {
    font-size: 0.85em;
  }
}



/* ÇÁ·Î¼¼½º ¹Ú½º */
.cls0902-process {
  display: flex;
  justify-content: space-between;
  align-items: center; 
  flex-wrap: wrap; /* ¸ð¹ÙÀÏ¿¡¼­ µÎ ÁÙ·Î */
  margin-top: 20px; /* À§ÂÊ ¿©¹é Ãß°¡ */
}


.cls0902-step {
  background-color: #cb9667; /* ¿¬³ë¶ûº¸´Ù Á¶±Ý °­Á¶ */
  padding: 15px 20px;
  border-radius: 10px;
  text-align: center;
  flex: 1 1 20%; /* PC¿¡¼­´Â 4°³ ±Õµî, ¸ð¹ÙÀÏÀº wrapÀ¸·Î µÎ ÁÙ */
  margin: 5px;
/*  box-shadow: 0 2px 6px rgba(0,0,0,0.1);*/
  font-weight: 500;
  min-width: 100px;
}
.cls0902-step.step1 { background-color: #a46b42;  color:#fff}
.cls0902-step.step2 { background-color: #b78059;  color:#fff }
.cls0902-step.step3 { background-color: #cb9b79;  color:#fff }
.cls0902-step.step4 { background-color: #ddb294;  color:#fff }


.cls0902-arrow {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 5px;
  flex: 0 0 auto;
}
/* °ø¹é¿ë div */
.cls0902-spacer {
  height: 30px; /* ¿øÇÏ´Â ¿©¹é ³ôÀÌ */
}

/* ¸ð¹ÙÀÏ ´ëÀÀ */
@media screen and (max-width: 600px) {
  .cls0902-process {
    flex-wrap: wrap;
    justify-content: center;
  }
.cls0902-spacer {
  height: 20px; /* ¿øÇÏ´Â ¿©¹é ³ôÀÌ */
}
  .cls0902-step {
    flex: 1 1 45%; /* µÎ °³¾¿ ³ª¶õÈ÷ */
    margin: 5px;
  }

  .cls0902-arrow {
    display: none; /* ¸ð¹ÙÀÏ¿¡¼­´Â È­»ìÇ¥ »ý·« */
  }
}


/*ÀÌ¿ë¾à°ü*/
.container0914 {
  font-family: Arial, sans-serif;
  line-height: 1.4;           /* ±ÛÀÚ ÁÙ °£°Ý ÁÙÀÓ */
  font-size: 14px;             /* Àüü ±ÛÀÚ Å©±â ÁÙÀÓ */
  width: 100%;                 /* °¡·Î Æø 100% */
  max-width: 100%;             /* ÃÖ´ëÆø Á¦ÇÑ ÇØÁ¦ */
  margin: 20px 0;              /* À§¾Æ·¡ ¿©¹é */
  padding: 20px;               /* ³»ºÎ ¿©¹é */
  background-color: #f5f7f8;   /* ¾ÆÁÖ ¿¬ÇÑ È¸»ö */
  border-radius: 8px;          /* ¸ð¼­¸® µÕ±Û°Ô */
  color: #333;                 /* ±ÛÀÚ»ö */
  box-sizing: border-box;      /* Æеù Æ÷ÇÔ Æø °è»ê */
}

.container0914 h1 {
  font-size: 18px;             /* Á¦¸ñ Å©±â ÁÙÀÓ */
  margin-bottom: 20px;
}

.container0914 h2 {
  font-size: 16px;             /* ¼ÒÁ¦¸ñ Å©±â ÁÙÀÓ */
  margin-top: 20px;
  margin-bottom: 8px;
}

.container0914 p, 
.container0914 li {
  margin-bottom: 8px;          /* ¹®´Ü °£°Ý ÁÙÀÓ */
}

.container0914 ol {
  margin-left: 20px;
}

/*»óÇ°»ó¼¼ °­Á¦*/
@media (max-width: 768px) {
  .sit_sel_option, sit_option {
    display: none;
  }
    
    @media (max-width: 768px) {
  #sit_dvr img {
    width: 100%;   /* °¡·ÎÆø 100% */
    height: auto;  /* ºñÀ² À¯Áö */
  }
}

}