@charset "euc-kr";
/* ----------------------------- ¸ÞÀÎÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */

/* ¸ÞÀν½¶óÀ̵å Àüü */



/* ¸ÞÀÎ ºñÁÖ¾ó ¿µ¿ª */
#main_visual {
    position: relative;
    width: 100%;
    height: 900px;
    overflow: hidden;
}


/* ==========================================================
   °³º° ½½¶óÀ̵å
========================================================== */
#main_visual .main_visual {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
}


#main_visual .main_visual.active {
    opacity: 1;
}


#main_visual .main_visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ==========================================================
   ÁÂ/¿ì È­»ìÇ¥
========================================================== */


.mv-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;                  /* ¾ã°í °£°áÇÑ ´À³¦ */
    color: rgba(255,255,255,0.8);
    cursor: pointer;
    z-index: 20;
    transition: 0.25s;
    opacity: 0.8;
}


.mv-arrow:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.15);
}


.mv-prev { left: 100px; }
.mv-next { right: 100px; }


/* ==========================================================
   µµÆ® + Àç»ý/Á¤Áö UI
========================================================== */


.mv-ui {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    
    display: flex;
    align-items: center;
    gap: 18px;


    z-index: 999;
}


/* µµÆ® ¿µ¿ª */
.mv-dots {
    display: flex;
    gap: 12px;
}


/* µµÆ® ±âº» »óÅ (¾ãÀº Å׵θ®) */
.mv-dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.7);
    background: transparent;
    cursor: pointer;
    transition: 0.3s;
}


/* È°¼º µµÆ® (¼Ó ä¿öÁü) */
.mv-dots span.active {
    background: #ffffff;
    border-color: #ffffff;
}


/* ==========================================================
   Àç»ý/Á¤Áö ¹öÆ°
========================================================== */


.mv-play-pause {
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}


}/* ¸ÞÀκñÁÖ¾ó - ·Ñ¸µ½½¶óÀ̵å */
.rolling_slide {position:absolute; bottom:110px; width:100%}
.rolling_slide .inner {max-width:1400px; margin:0 auto}
.rolling_slide .inner:after {clear:both; content:''; display:block}
.rolling_slide .inner .mini_rolling {margin:0 -5px}
.rolling_slide .inner .mini_rolling:after {content:''; display:block; clear:both}
.rolling_slide .inner .mini_rolling .rolling_item {float:left; padding:0 5px}
.rolling_slide .inner .mini_rolling .rolling_item a {transition:all 0.3s ease}
.rolling_slide .inner .mini_rolling .rolling_item a img {width:auto !important; transition:all 0.3s ease}
.rolling_slide .inner .mini_rolling .rolling_item a p.img:before {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; content:''; border:0px solid #fb6d40; transition:all 0.3s ease}
.rolling_slide .inner .mini_rolling .rolling_item a:hover p.img:before {border-width:6px}
/* .rolling_slide .inner .mini_rolling .rolling_item a:hover img {border:5px solid #fb6d48} */
.rolling_slide .inner .mini_rolling .owl-dots {display:none}
.rolling_slide .inner .mini_rolling .owl-nav {position:relative}
.rolling_slide .inner .mini_rolling .owl-nav button {position:absolute; top:-150px; background:none; border:0}
.rolling_slide .inner .mini_rolling .owl-nav button.owl-prev {left:-80px}
.rolling_slide .inner .mini_rolling .owl-nav button.owl-next {right:-80px}
.rolling_slide .inner .mini_rolling .owl-nav button i {font-size:50px; color:#c5c2c4; transition:all 0.3s ease}
.rolling_slide .inner .mini_rolling .owl-nav button i:hover {color:#000}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
/* .section {position:relative}
.section > .innerContainer {position:relative; width:1200px; margin:auto}
.section > .innerContainer:after {clear:both; display:block; content:''}
.section .section-tit {margin-bottom:40px; text-align:center}
.section .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.section .section-tit h3 {font-size:18px; font-weight:600; color:#fc6b41; letter-spacing:4px; text-transform:uppercase}
.section .section-tit h3 span {color:#25221d} */






/* --- ¼­ºêÆäÀÌÁö ºñÁÖ¾ó ¿µ¿ª (¹è°æ + Àüü ·¹À̾ƿô) --- */

.sub-visual {
    width: 100%;
    height: 600px;
    position: relative; 
    overflow: visible;   
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 100px; /* ¾Æ·¡ ÄÜÅÙÃ÷¿ÍÀÇ ¿©¹é */
}


/* ¹è°æ À̹ÌÁö ½ºÅ¸ÀÏ */
.sub-visual .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* CSS ¹è°æÀÇ background-size: cover¿Í µ¿ÀÏÇÑ ¿ªÇÒ */
    z-index: 1;        /* °¡Àå µÚ·Î º¸³¿ */
}


/* À̹ÌÁö À§ÀÇ ¾îµÎ¿î ÇÊÅÍ (±ÛÀÚ¸¦ Àß º¸ÀÌ°Ô ÇÔ) */
.sub-visual .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* À̹ÌÁö À§ÀÇ °ËÀº»ö Åõ¸í¸· */
    z-index: 2;
}


/* ÅؽºÆ®¿Í ³×ºñ°ÔÀ̼ÇÀ» À̹ÌÁö À§·Î ¿Ã¸² */
.sub-visual .visual-text,
.sub-visual .breadcrumb-nav {
    position: relative;
    z-index: 3;
}


/* ¡å¡å¡å ¿©±â¸¦ Ãß°¡Çϼ¼¿ä ¡å¡å¡å */
    margin-bottom: 100px; /* ³» ¿µ¿ªÀÌ ³¡³ª°í ¾Æ·¡¿¡ 100pxÀÇ ¿©¹éÀ» ÁÜ */




}


/* --- Áß¾Ó ÅؽºÆ® µðÀÚÀÎ --- */
.visual-text {
    color: white;
    margin-bottom: 40px; /* ¸Þ´º¹Ù¿ÍÀÇ °£°Ý */
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}


.visual-text h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 15px;
/* ¿äûÇϽŠ»ö»ó Ãß°¡ ºÎºÐ (Èò»ö ¿¹½Ã) */
    color: #ffffff; 
}


/* ŸÀÌƲ ¹ØÀÇ ÂªÀº °¡·Î¼± */
.visual-text .line {
    display: block;
    width: 40px;
    height: 3px;
    background-color: white;
    margin: 0 auto 15px auto;
}


.visual-text p {
    font-size: 16px;
    font-weight: 300;
    opacity: 0.9;
/* ¿äûÇϽŠ»ö»ó Ãß°¡ ºÎºÐ (Èò»ö ¿¹½Ã) */
     color: #ffffff; 
      margin-bottom: 40px;

}




/* --- ºê·¹µåÅ©·³ ³×ºñ°ÔÀÌ¼Ç ¹Ù µðÀÚÀÎ --- */
.breadcrumb-nav {
    display: flex;
    background-color: white;
    border-radius: 0px; /* ¸ð¼­¸® µÕ±Û°Ô */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    height: 55px;
    z-index: 10; /* ¹è°æº¸´Ù À§¿¡ */
}


/* 1. Ȩ ¹öÆ° (¿ÞÂÊ ³²»ö ¹Ú½º) */
.home-btn {
    width: 60px;
    background-color: #d09b5d; /* À̹ÌÁöÀÇ ÁøÇÑ ³²»ö */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 18px;
    transition: background-color 0.3s;
}


.home-btn:hover {
    background-color: #b07735;
}


/* 2. ¸Þ´º ¾ÆÀÌÅÛ °øÅë */
.menu-item {
    position: relative;
    width: 220px; /* ¸Þ´º ³Êºñ */
    border-right: 1px solid #ddd;
}


.menu-item:last-child {
    border-right: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* ¸Þ´º ŸÀÌƲ (º¸ÀÌ´Â ±ÛÀÚ) */
.menu-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    transition: color 0.2s;
}


.menu-title .arrow {
    font-size: 12px;
    color: #888;
}


/* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ È¿°ú */
.menu-item:hover .menu-title {
    color: #0f224a; /* ±ÛÀÚ»ö º¯°æ */
}


/* --- µå·Ó´Ù¿î ¼­ºê¸Þ´º (¼û±è »óÅÂ) --- */
.submenu {
    display: none;      /* Æò¼Ò¿£ ¼û±è */
    position: absolute;
    top: 100%;          /* ºÎ¸ð ¸Þ´º ¹Ù·Î ¾Æ·¡¿¡ À§Ä¡ */
    left: 0;            /* ºÎ¸ð ¸Þ´ºÀÇ ¿ÞÂÊ ³¡¼±¿¡ ¸ÂÃã */
    width: 100%;        /* ºÎ¸ð ¸Þ´ºÀÇ ³Êºñ¿Í µ¿ÀÏÇÏ°Ô ¼³Á¤ */
    background-color: white; /* ¹è°æ»öÀ» Èò»öÀ¸·Î ÅëÀÏ */
    z-index: 100;       /* ´Ù¸¥ ¿ä¼Òº¸´Ù À§¿¡ º¸ÀÌ°Ô */
     border: 1px solid #c3c3c3;      /* [¼öÁ¤] °æ°è¼± Ãß°¡: 1px µÎ²², #c3c3c3 »ö»ó */ 
     box-sizing: border-box;         /* Å׵θ®°¡ ³Êºñ¿¡ Æ÷ÇԵǵµ·Ï ÇÏ¿© ·¹À̾ƿô ±úÁü ¹æÁö */
}


/* ¸¶¿ì½º ¿Ã¸®¸é ³ªÅ¸³ª±â */
.menu-item:hover .submenu {
    display: block;
}


.submenu li a {
    display: block;
    padding: 12px 20px;
    font-size: 14px;
    color: #555;
    transition: all 0.2s;
/* Ç׸ñ »çÀÌÀÇ ¾ÆÁÖ ¾ãÀº ±¸ºÐ¼± (¿øÄ¡ ¾ÊÀ¸½Ã¸é »èÁ¦ °¡´É) */
    border-bottom: 1px solid #f0f0f0;
}


.submenu li:last-child a {
    border-bottom: none; /* ¸¶Áö¸· Ç׸ñ ¹ØÁÙ Á¦°Å */
}


.submenu li a:hover {
    background-color: #f9f9f9; /* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ¹è°æ»ö */
    color: #0f224a; /* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ±ÛÀÚ»ö */
    font-weight: 700;
}







/* ¸ÞÀμ½¼Ç 1 */
/*¸ÞÀÎ ¼½¼Ç1*/
.section1 {padding:170px 0 90px; background:#fbfbfb url(../../img/section1_bg.png)center top no-repeat; background-size:cover}
.section1 .inner {position:relative}
.section1 .inner:after {clear:both; content:''; display:block}
.section1 .inner .section1_content {margin:0 -10px}
.section1 .inner .section1_content .boxWrap {float:right; width:60%; padding-left:10px}
.section1 .inner .section1_content .boxWrap > div.box {padding:0 10px}
.section1 .inner .section1_content .boxWrap > div.box1 {}
.section1 .inner .section1_content .boxWrap > div.box3 > ul > li {background:#fff; box-shadow:3px 4px 10px rgba(0,0,0,0.2)}
.section1 .inner .section1_content .boxWrap > div.box4 > ul > li {min-height:261px}
.section1 .inner .slide_img {position:relative; float:left; width:40%}
.section1 .inner .slide_img img {width:100%; transition:all 0.3s ease; -webket-animation-duration:1.5s}
.page_button {position:absolute; top:0; left:0}
.section1 .inner .box {width:33.333334%; float:left; max-height:568px}
.section1 .inner .box a {display:block; min-height:274px; margin-bottom:20px}
.section1 .inner .box1 a, .section1 .inner .box2 a {box-shadow:3px 4px 10px rgba(0,0,0,0.1)}
.section1 .inner .box a .img_area {display:block; background:#fff; overflow:hidden}
.section1 .inner .box a .img_area img {width:100%; display:block; transition:all 0.6s ease}
.section1 .inner .box a:hover .img_area img {transform:scale(1.1)}
.section1 .inner .box a .box_img {background:#fff; text-align:center; padding:50px 0 10px; transition:all 0.3s ease}
.section1 .inner .box a:hover .box_img {}
.section1 .inner .box a .desc {background:#fff; text-align:center; padding:20px 0; transition:all 0.3s ease}
.section1 .inner .box1 a .desc, .section1 .inner .box2 a .desc {min-height:218px; max-height:220px}
.section1 .inner .box3 a .desc, .section1 .inner .box4 a .desc {padding:0}
.section1 .inner .box a .desc h4 {font-size:17px; font-weight:700; color:#cccccc; padding:15px 0 10px}
.section1 .inner .box a .desc h5 {font-size:22px; font-weight:700; letter-spacing:-1px; color:#000000; padding:15px 0; line-height:1.55}
.section1 .inner .box a .desc h5 > span {color:#fc6b41}
.section1 .inner .box3 ul li:first-child a .desc h5 {font-size:30px; font-weight:700; color:#fc6b41; padding:0}
.section1 .inner .box a .desc > p {width:80%; margin:0 auto; word-break:keep-all; font-size:13px; font-weight:500; color:#000000; line-height:1.55; transition:all 0.3s ease; padding:10px 0}
.section1 .inner .box a .desc .btn_area {}
.section1 .inner .box a .desc .btn_area > span {background:url(../../img/border-img.png) center top; position:relative; display:inline-block; padding:10px 60px; transition:all 0.3s ease}
.section1 .inner .box a .desc .btn_area > span:before {position:absolute; content:''; display:block; top:4px; left:4px; bottom:4px; right:4px; background:#fff; z-index:5; transition:all 0.3s ease}
.section1 .inner .box a:hover .desc .btn_area > span:before {background:#fafafa}
.section1 .inner .box a .desc .btn_area span span {font-weight:700; position:relative; z-index:20; transition:all 0.3s ease}
.section1 .inner .box a:hover .desc {}
/*bxslider css*/
.bx-wrapper {border:0; background:none}
.bx-wrapper .bx-controls-direction a {margin-top:-25px; text-indent:0; font:inherit; font-size:0; width:45px; height:45px; background:rgba(0,0,0,0.25); line-height:45px; z-index:10; transition:all 0.3s ease; opacity:0}
.bx-wrapper:hover .bx-controls-direction a {opacity:1}
.bx-wrapper .bx-controls-direction a:hover {background:rgba(0,0,0,0.55)}
.bx-wrapper .bx-prev {left:0}
.bx-wrapper .bx-prev:before {content:'\f104'; font-family:'fontAwesome'; color:#fff; font-size:20px; text-align:center; display:block}
.bx-wrapper .bx-next {right:0}
.bx-wrapper .bx-next:before {content:'\f105'; font-family:'fontAwesome'; color:#fff; font-size:20px; text-align:center; display:block}
.bx-wrapper .bx-pager {bottom:50px}
.bx-wrapper .bx-pager.bx-default-pager a {width:20px; height:2px; background:#fff; transition:all 0.3s ease}
.bx-wrapper .bx-pager.bx-default-pager a.active {width:30px; background:#b13e1e}
/* ¸ÞÀμ½¼Ç2 */
.section2 {}
.section2 .postSlider {}
.section2 .postSlider .innerWrap {position:relative; background:#fff}
.section2 .postSlider .innerWrap:after {clear:both; content:''; display:block}
.section2 .postSlider .innerWrap .imgWrap {float:right; width:50%; overflow:hidden}
.section2 .postSlider .innerWrap .imgWrap ul {position:relative; width:1000%}
.section2 .postSlider .innerWrap .imgWrap ul:after {clear:both; content:''; display:block}
.section2 .postSlider .innerWrap .imgWrap ul li {float:left}
.section2 .postSlider .innerWrap .imgWrap ul li a {}
.section2 .postSlider .innerWrap .imgWrap ul li a img {display:block; width:100%}
.section2 .postSlider .innerWrap .imgWrap a.control {position:absolute; top:50%; display:block; width:80px; height:80px; line-height:80px; text-align:center; margin-top:-40px; background:#333; transition:all 0.3s ease; color:#fff; z-index:20}
.section2 .postSlider .innerWrap .imgWrap a.control:hover {background:#fff; color:#333; box-shadow:1px 1px 3px rgba(0,0,0,0.25);}
.section2 .postSlider .innerWrap .imgWrap a.control i {font-size:48px; line-height:80px}
.section2 .postSlider .innerWrap .imgWrap a.control.prev {left:0; padding-right:10px}
.section2 .postSlider .innerWrap .imgWrap a.control.next {right:0; padding-left:10px}
.section2 .postSlider .innerWrap .txtWrap {float:left; width:50%; height:750px; text-align:center; overflow: hidden}
.section2 .postSlider .innerWrap .txtWrap .txt_inner {height:100%; max-width:950px; margin:0 auto; width:100%; position:relative; overflow:hidden; padding-top:150px}
.section2 .postSlider .innerWrap .txtWrap .txt_inner > ul {position:relative; width:1000%; overflow:hidden}
.section2 .postSlider .innerWrap .txtWrap .txt_inner ul:after {clear:both; content:''; display:block}
.section2 .postSlider .innerWrap .txtWrap .txt_inner > ul > li {float:left; width:950px}
.section2 .postSlider .innerWrap .txtWrap .txt_inner ul li h2.tit.left {font-weight:700; letter-spacing:2px}
.section2 .postSlider .innerWrap .txtWrap .txt_inner ul li h2.tit.left a {font-size:50px; border-bottom:2px solid #000;}
.section2 .postSlider .innerWrap .txtWrap .txt_inner ul li h3 {font-size:20px; font-weight:500; color:#555555; padding:10px 0 50px}
.section2 .postSlider .innerWrap .txtWrap .txt_inner ul li p {font-size:17px; font-weight:600; line-height:1.55; color:#555555; padding:0 0 60px}
.section2 .postSlider .innerWrap .txtWrap .txt_inner .box_info {}
.section2 .postSlider .innerWrap .txtWrap .txt_inner .box_info ul {position:relative; z-index:10}
.section2 .postSlider .innerWrap .txtWrap .txt_inner .box_info ul li {position:relative; display:inline-block; width:115px; height:115px; line-height:115px; border:5px solid #e2e2e2; margin:0 5px}
.section2 .postSlider .innerWrap .txtWrap .txt_inner .box_info ul li span:before {content:''; display:block; background:url(../../img/bullet.png) center top no-repeat; position:absolute; top:50%; margin-top:-20px; left:45%; width:10px; height:10px}
/* end:¸ÞÀμ½¼Ç2 */


* ------------------------------------
   Yemiwon Space Section
------------------------------------ */
/* Àüü ¼½¼Ç - Èò¹è°æ + À§¾Æ·¡ ¿©¹é È®½ÇÈ÷ È®º¸ */
/* Àüü ¼½¼Ç (Èò»ö ¹è°æ + ¿©¹é 60px) */
.yemiwon-space-wrap {
    width: 100%;
    background: #ffffff;


    /* ³»ºÎ ¿©¹é: À̹ÌÁö¿Í Ä«µå ÁÖº¯ °ø¹é */
    padding: 60px;


    /* ¿ÜºÎ ¿©¹é: À§¡¤¾Æ·¡ ´Ù¸¥ ¼½¼Ç°ú °£°Ý */
    margin: 100px 0;    /* ¡ç À§¾Æ·¡ 100px °£°Ý */


    box-sizing: border-box;
}
/* À̹ÌÁö Ä«µå Àüü (Áß¾Ó Á¤·Ä) */
.yemiwon-space-card {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}


/* À̹ÌÁö ¿µ¿ª */
.yemiwon-space-img {
    width: 100%;
    height: 450px;                /* ¿øÇÏ´Â ³ôÀÌ Á¶Àý °¡´É */
    overflow: hidden;
}


.yemiwon-space-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(82%);
    display: block;
}


/* ÅؽºÆ® ¿À¹ö·¹ÀÌ */
.yemiwon-space-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;


    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


    text-align: center;
    color: #ffffff;
    padding: 0 40px;
}


/* ÅؽºÆ® ½ºÅ¸ÀÏ */
.yemiwon-space-text .title {
    font-size: 48px;
    margin-bottom: 24px;
}


.yemiwon-space-text .bold {
    font-family: "Times New Roman", serif;
    font-weight: 700;
}


.yemiwon-space-text .regular {
    font-family: "Times New Roman", serif;
    font-weight: 400;
    font-style: italic;
}


.yemiwon-space-text .desc {
    font-size: 17px;
    opacity: 0.95;
    margin-bottom: 35px;
    line-height: 1.7;
}


.yemiwon-space-text .more {
    font-family: "Times New Roman", serif;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    color: #fff;
    transition: 0.3s;
}


.yemiwon-space-text .more:hover {
    opacity: 0.6;
}


/* ¸ÞÀμ½¼Ç3 */

/* Àüü ¿µ¿ª */
/* Àüü ¿µ¿ª */
.dear-event {
    width: 100%;
    background: #a58f7c;
    padding: 100px 0;
    position: relative;
    font-family: 'Pretendard', sans-serif;
}


.event-inner {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}


/* Á¦¸ñ */
.event-title-box {
    margin-bottom: 40px;
}


.event-title {
    font-size: 52px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 15px;
}


.event-title span {
    font-weight: 400;
}


.event-sub {
    font-size: 18px;
    color: #ffffff;
    opacity: 0.9;
}


/* View More ¹öÆ° */
.event-more {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 4px;
}


/* Ä«µå ¸®½ºÆ® */
.event-list {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}


/* Ä«µå °øÅë */
.event-card {
    width: 23%;
    text-align: center;
    transition: box-shadow 0.45s ease;
    position: relative;
}


/* Event ¶óº§ */
.event-label {
    display: inline-block;
    background: #ffffff;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 14px;


    position: relative;
    top: -10px;  /* ¡ç ¿øÇÏ´Â ¸¸Å­ Á¶Àý! (¿¹: -8px, -12px µî) */
    margin-bottom: 5px; /* ¶óº§ ¾Æ·¡ ¿©¹é Á¶Á¤ */
    z-index: 2;
}


/* À̹ÌÁö ¹Ú½º */
.event-img-wrap {
    width: 100%;
    height: 320px;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}


/* hover ½Ã À̹ÌÁö ¹Ú½º¸¸ À§·Î À̵¿ */
.event-card:hover .event-img-wrap {
    transform: translateY(-12px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
}


/* À̹ÌÁö È®´ë È¿°ú */
.event-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}


.event-card:hover .event-img-wrap img {
    transform: scale(1.03);
}








/* ºó À̹ÌÁö ¹Ú½º */
.event-img-wrap.empty-box {
    background: #e6e6e6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.empty-title {
    font-size: 28px;
    color: #333;
}


.empty-sub {
    font-size: 16px;
    color: #777;
    margin-top: 10px;
}


.event-text {
    font-size: 17px;
    color: #ffffff;
    margin-top: 10px;
}




/* end:¸ÞÀμ½¼Ç3 */





/* ¸ÞÀμ½¼Ç4 */


/* Àüü ·¹À̾ƿô */
.contact-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}


/* LEFT AREA 50% */
.map-area {
    width: 50%;
    position: relative;
}


.map-img {
    width: 100%;
    display: block;
}


/* Áöµµ ¹öÆ° - ÇÏ´Ü Áß¾Ó */
.map-buttons {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
}


.btn {
    background: #fff;
    padding: 10px 18px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}


/* icons */
.icon { font-weight: bold; }
.naver .icon { color:#03C75A; }
.google .icon { color:#DB4437; }


/* RIGHT 50% */
.info-area {
    width: 50%;
    text-align: center;
    padding-top: 50px;
}


/* CONTACT US – Times New Roman */
.title {
    font-family: 'Times New Roman', serif;
    font-size: 32px;
    margin-bottom: 22px;
}


/* ÁÖ¼Ò */
.address {
    font-size: 18px;
    margin-bottom: 15px;
}


/* subway icons separated properly */
.station-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}


.circle {
    border: 2px solid;
    border-radius: 50px;
    padding: 5px 12px;
    font-size: 15px;
    font-weight: bold;
}


.line3 { color:#E6586D; border-color:#E6586D; }
.lineBundang { color:#F2C94C; border-color:#F2C94C; }


.station-txt {
    font-size: 15px;
    color:#444;
}


/* phone */
.phone {
    font-size: 34px;
    margin: 18px 0 28px;
    font-weight: 600;
}


/* divider */
.divider {
    width: 80%;
    height: 1px;
    background: #cfcfcf;
    margin: 0 auto 35px;
}


/* TIME section */
.time-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 40px;
    align-items: flex-start;
    text-align: left;
}


/* TIME font also Times New Roman */
.time-left {
    font-family: 'Times New Roman', serif;
    font-size: 24px;
    width: 100px;
    margin-top: 5px;
}


/* right column */
.time-table {
    font-size: 17px;
}


/* each row */
.row {
    display: flex;
    justify-content: space-between;
    width: 300px;
    margin-bottom: 12px;
}


.label {
    font-size: 17px;
}


.value {
    font-size: 17px;
}


/* footer text */
.footer {
    margin-top: 25px;
    font-size: 17px;
}


/* ½ÅºÐ´ç¼± ¶óÀÎ ¿øÇü Å׵θ® */
.line3 {
    border: 2px solid #D95C5C;
    color: #D95C5C;
    padding: 6px 12px;
    border-radius: 50%;
    font-weight: 600;
}


/* ¼öÀκд缱 ¶óÀΠŸ¿øÇü Å׵θ® */
.line-su {
    border: 2px solid #F2D43D;
    color: #F2D43D;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 600;
}


.middle-line {
    width: 500px;          /* ±æÀÌ Á¶Á¤ °¡´É */
    height: 1px;           /* µÎ²² */
    background-color: #c1c1c1;
    margin: 30px auto;     /* À§¾Æ·¡ ¿©¹é + °¡¿îµ¥ Á¤·Ä */
}

/* end:¸ÞÀμ½¼Ç4 */


/* Àüü ¿µ¿ª */

/* Àüü ¹è°æ */
.uline-slider-section {
    background: #fff;
    padding: 80px 0;
}


/* ½½¶óÀÌ´õ Àüü */
.uline-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* Æ®·¢ */
.uline-track {
    display: flex;
    gap: 40px;
    transition: transform 0.55s ease;
}


/* °øÅë ½½¶óÀ̵å */
.uline-slide {
    width: 300px;
    flex-shrink: 0;
    text-align: center;
    transition: transform 0.45s ease, opacity 0.35s ease;
}


/* À̹ÌÁö ¹Ú½º */
.uline-img-wrap {
    position: relative;
    overflow: hidden;
}


.uline-img-wrap img {
    width: 100%;
    display: block;
    filter: grayscale(100%);
    opacity: 0.5;
    transition: 0.35s ease;
}


/* ¾Æ·¡ ÅؽºÆ® */
.uline-bottom {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    text-align: center;
}


/* À̹ÌÁö À§ ÅؽºÆ® */
.uline-overlay {
    position: absolute;
    bottom: 16px;
    left: 20px;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0,0,0,0.5);
    transition: 0.3s ease;
    opacity: 0;
}


.uline-slide.center .uline-overlay {
    opacity: 1;
}


/* Áß¾Ó °­Á¶ */
.uline-slide.center img {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1);
}


/* ¾ç¿· */
.uline-slide.side img {
    opacity: 0.5;
    filter: grayscale(100%);
    transform: scale(0.9);
}


/* ³¡ (70%¸¸ º¸ÀÌ´Â È¿°ú) */
.uline-slide.edge {
    transform: scale(0.75);
}
.uline-slide.edge img {
    opacity: 0.4;
    filter: grayscale(100%);
}


/* È­»ìÇ¥ À§Ä¡ ¼öÁ¤ ¡æ Áß¾Ó À̹ÌÁö ¿· */
.uline-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    cursor: pointer;
    z-index: 20;
    color: #333;
    opacity: 0.75;
}


.uline-arrow.prev {
    left: 50%;
    margin-left: -350px; /* Áß¾Ó À̹ÌÁö ¿ÞÂÊÀ¸·Î À̵¿ */
}


.uline-arrow.next {
    left: 50%;
    margin-left: 350px; /* Áß¾Ó À̹ÌÁö ¿À¸¥ÂÊ */
}


.uline-arrow:hover {
    opacity: 1;
}



/* end:¸ÞÀμ½¼Ç4 */




.section-gap {
    margin:120px 0;
    width:100%;
}



/*°øÅ뽺ŸÀÏ*/
.section {max-width:1920px}
.section .inner {width:1400px; margin:0 auto}
/*end °øÅ뽺ŸÀÏ*/
#section1 .inner {width:1400px; margin:0 auto}
#section1 .control-box {float:left; width:400px}
#section1 .control-box h2 {font-family:'Nanum Myeongjo'; font-size:60px; font-weight:normal; color:#fc6b41; line-height:1.16; margin-bottom:25px}
#section1 .control-box h2 span {color:#25221d}
#section1 .control-box h3 {font-family:'NBG'; font-size:19px; font-weight:600; color:#989898}
#section1 .control-box .btngroup {margin:40px 0 50px 0; font-size:0}
#section1 .control-box .btngroup > button {width:40px; height:40px; margin-right:1px; font-size:12px; color:#999; border:none; background:#ececec; cursor:pointer; outline:none}
#section1 .control-box .btngroup > button:hover {background:#dedede}
#section1 .control-box .tab-list li {position:relative; width:240px; height:40px; margin-bottom:10px; padding-left:30px; font-family:'NBG'; font-size:15px; color:#25221d; line-height:38px; border:1px solid #e0e0e0; cursor:pointer; transition:all .1s ease}
#section1 .control-box .tab-list li:after {position:absolute; right:30px; font-family:'Pe-icon-7-stroke'; font-size:20px; content:'\e684'; color:#b4b4b4}
#section1 .control-box .tab-list li.active, #section1 .control-box .tab-list li:hover {color:#ed6037; border-color:#fc6b41}
#section1 .control-box .tab-list li .active:after, #section1 .control-box .tab-list li:hover:after {color:#ed6037}
#rollingBox {position:relative; float:right; width:800px; overflow:hidden}
#rollingBox .rolling-box {display:none; position:relative; overflow:hidden}
#rollingBox .rolling-box.active {display:block !important}
#rollingBox .rolling-box > .imgList {position:relative; width:1000%}
#rollingBox .rolling-box > .imgList > li {float:left; width:800px}
#rollingBox .rolling-box > .imgList > li:after {clear:both; display:block; content:''}
#rollingBox .rolling-box > .imgList > li > div {position:relative}
#rollingBox .rolling-box > .imgList > li > div > img {display:block; width:100%}
#rollingBox .rolling-box > .imgList > li > div:after {position:absolute; display:inline-block; bottom:0; padding:12px 20px; font-size:18px; font-weight:500; color:#fff; z-index:20}
#rollingBox .rolling-box > .imgList > li .before {float:left; width:50%}
#rollingBox .rolling-box > .imgList > li .after {float:right; width:50%}
#rollingBox .rolling-box > .imgList > li .before:after {right:0; content:'BEFORE'; background:#25221d}
#rollingBox .rolling-box > .imgList > li .after:after {left:0; content:'AFTER'; background:#ed6037}





.hero-wrapper {
    width: 100%;
    height: 72vh;
    position: relative;
    overflow: hidden;
}


/* Àüü ¹è°æ À̹ÌÁö */
.bg-image {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: background-image .6s ease-in-out;
    z-index: 1;
}


/* 4µîºÐ ÄÁÅ×ÀÌ³Ê */
.overlay {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 5;
}


/* °¢ µîºÐ ¿µ¿ª */
.section {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}


/* °ËÁ¤ ¿À¹ö·¹ÀÌ ±âº»: Åõ¸í */
.section .dark {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0);          /* ±âº»Àº Åõ¸í */
    transition: background .4s ease;     /* hover ½Ã ºÎµå·´°Ô */
    z-index: 1;
}


/* ÅؽºÆ®´Â ±âº»ÀûÀ¸·Î º¸ÀÓ */
.section p {
    opacity: 1;                          /* Ç×»ó º¸À̵µ·Ï */
    transform: translateY(10px);         /* ±âº» ¾Æ·¡ À§Ä¡ */
    transition: transform .5s ease, opacity .5s ease;
    position: relative;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    font-size: 32px;
    line-height: 1.45;
    pointer-events: none;
}


/* hover ½Ã ÅؽºÆ® ¿Ã¶ó°¡´Â ¾Ö´Ï¸ÞÀÌ¼Ç + ´õ ¼±¸íÇØÁü */
.section:hover p {
    transform: translateY(-10px);        /* À§·Î ºÎµå·´°Ô À̵¿ */
    opacity: 1;
}


/* hover ½Ã ¿µ¿ª ¾îµÎ¿öÁü (°ËÁ¤ 40%) */
.section:hover .dark {
    background: rgba(0,0,0,0.4);
}


/* ¼¼·Î ±¸ºÐ¼± */
.section:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 0;
    width: 1px;
    height: 80%;
    background: rgba(255,255,255,0.4);
}


/* ÄÁÅ×ÀÌ³Ê */
.solution-swiper {
    position: relative;
    width: 100%;
    padding: 0 120px !important;
    overflow: hidden !important;
    box-sizing: border-box;
}


/* Swiper ±âº» º¹±¸ */
.solution-swiper .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    transform: translate3d(0,0,0) !important;
}


/* °¢ ½½¶óÀ̵å */
.solution-swiper .swiper-slide {
    width: 320px !important;
    flex-shrink: 0 !important;
    text-align: center;
}


/* À̹ÌÁö ½ºÅ¸ÀÏ */
.solution-swiper .swiper-slide img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover;
    display: block !important;


    filter: grayscale(100%);
    transition: .45s ease;
}


/* hover È¿°ú */
.solution-swiper .swiper-slide:hover img {
    filter: grayscale(0%);
    transform: scale(1.05);
    border-radius: 24px;
}


/* ÅؽºÆ® */
.slide-title {
    margin-top: 18px;
    font-size: 24px;
    color: #0f3b2d;
}
.slide-sub {
    margin-top: 6px;
    font-size: 14px;
    color: #777;
}


/* È­»ìÇ¥ */
.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
    width: 32px !important;
    height: 32px !important;
    border: 2px solid #fff !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    top: 50% !important;
    transform: translateY(-50%) !important;
}


.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 14px !important;
}

/* ----------------------------- ¼­ºêÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
/*º´¿ø¼Ò°³*/
#sub_content {padding-top:91px; background:#f5f5f5}
#sub_content .sub_inner {width:1400px; margin:0 auto}
.sub_content2 {background:#fff; padding:80px 0 60px}
.sub_content2 .sub_inner {width:1400px; margin:0 auto}
#sub_content .sub_inner .sub_title {text-align:center; min-height:340px; background:#f5f5f5}
#sub_content .sub_inner .sub_title h3 {font-size:35px; font-weight:500; color:#c78834; padding-top:100px}
#sub_content .sub_inner .sub_title h4 {font-size:35px; font-weight:800; padding:10px 0 20px; color:#555}
#sub_content .sub_inner .sub_title span {font-size:20px; font-weight:500; color:#989898; letter-spacing:-2px}
#sub_content .sub_inner .sub_top .sub_tab {}
#sub_content .sub_middle:after {clear:both; content:''; display:block}
#sub_content .sub_middle .left {width:50%; float:left}
#sub_content .sub_middle .left .img-area {position:relative; padding:80px 0}
#sub_content .sub_middle .left .img-area .name_box {position:absolute; right:60px; top:50%; margin-top:-85px; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,0.25); padding:40px 38px}
#sub_content .sub_middle .left .img-area .name_box h3 {text-align:center; font-size:18px; font-weight:500; color:#696968; line-height:1.75; letter-spacing:2px}
#sub_content .sub_middle .left .img-area .name_box h3 span {color:#fc6b41}
#sub_content .sub_middle .right {width:50%; float:right}
#sub_content .sub_middle .right h4 {font-size:50px; font-weight:500; line-height:1.2; padding:100px 0 30px}
#sub_content .sub_middle .right h4 span {color:#fc6b41; font-weight:700}
#sub_content .sub_middle .right p {color:#4b4b4b; font-size:18px; font-weight:300; letter-spacing:-1px; line-height:1.65}
#sub_content .sub_middle_bg {background:url(../../img/sub1_middle_bg.jpg) center top no-repeat; background-size:cover; height:550px}
#sub_content .sub_middle_bg .sub_inner {display:table; height:100%}
#sub_content .sub_middle_bg .sub_inner .desc_box {display:table-cell; vertical-align:middle}
#sub_content .sub_middle_bg .sub_inner .desc_box .title h4 {font-size:45px; font-weight:300; line-height:1.2; color:#fff; letter-spacing:-2px}
#sub_content .sub_middle_bg .sub_inner .desc_box .title span {display:block; font-size:18px; font-weight:500; color:#f8e2b8; letter-spacing:3px; margin:10px 0 30px}
#sub_content .sub_middle_bg .sub_inner .desc_box ol {}
#sub_content .sub_middle_bg .sub_inner .desc_box ol li {position:relative; font-size:18px; font-weight:500; line-height:1.75; color:#4b4b4b; letter-spacing:-1px; margin-left:40px}
#sub_content .sub_middle_bg .sub_inner .desc_box ol li span {position:absolute; top:0; left:0; font-size:18px; font-weight:500; color:#5c4416; margin-left:-40px}
#sub_content .sub_inner .about_bottom {padding:140px 0 100px}
#sub_content .sub_inner .about_bottom:after {clear:both; content:''; display:block}
#sub_content .sub_inner .about_bottom .item {float:left; margin-left:40px; margin-bottom:40px}
#sub_content .sub_inner .about_bottom .item1 {margin-left:0}
#sub_content .sub_inner .about_bottom .item3 {margin-left:0}
#sub_content .sub_inner .about_bottom .item img {transition:all 0.3s ease}
#sub_content .sub_inner .about_bottom .item img:hover {transform:;}
/*¿øÀå Àλ縻*/
.introduce {background:#fff; padding:100px 0}
.introduce:after {clear:both; content:''; display:block}
.introduce .right {float:right; width:48%}
.introduce .left {float:left; width:52%}
.introduce .left h3 {font-size:45px; font-weight:300; line-height:1.2; color:#666666; letter-spacing:-2px}
.introduce .left h3 span {font-weight:700; color:#fc6b41}
.introduce .left p {font-size:18px; font-weight:300; color:#4b4b4b; line-height:1.75; letter-spacing:-1px; padding-top:40px}
.introduce .left .year_box {}
.introduce .left .year_box ul {padding-top:70px}
.introduce .left .year_box ul li {position:relative; font-size:18px; font-weight:300; color:#4b4b4b; line-height:1.75; padding:0 0 20px 80px; letter-spacing:-1px}
.introduce .left .year_box ul li span {position:absolute; top:0; left:0; font-size:18; font-weight:700; letter-spacing:3px; color:#fc6b41}
.introduce_bottom {background:#e6e6e6}
.introduce_bottom:after {clear:both; content:''; display:block}
.introduce_bottom .left {float:left; width:50%; height:100%; min-height:600px; background:url(../../img/introduce_bottom.jpg) center top no-repeat; background-size:cover}
.introduce_bottom .right {float:right; width:50%; padding:120px}
.introduce_bottom .right h3 {font-size:50px; font-weight:300; line-height:1.2; color:#4b4b4b; letter-spacing:-1px}
.introduce_bottom .right h3 span {font-weight:700}
.introduce_bottom .right strong {display:block; font-size:18px; font-weight:500; letter-spacing:5px; color:#fc6b41; padding:20px 0 40px}
.introduce_bottom .right p {font-size:18px; font-weight:300; line-height:1.75; color:#4b4b4b; letter-spacing:-1px}
/*ÀÇ·áÁø¼Ò°³*/
.staff_wrap {background:#fff; padding:120px 0}
.staff_wrap .sub_inner {}
.staff_wrap .sub_inner .direct-box2:before {content:''; border:1px solid #eaeaea; display:block; margin:100px auto}
.staff_wrap .sub_inner .d-box:after {clear:both; content:''; display:block}
.staff_wrap .sub_inner:after {clear:both; content:''; display:block}
.staff_wrap .left {float:left; width:55%; text-align:center}
.staff_wrap .left:after {clear:both; content:''; display:block}
.staff_wrap .left .name_box {border:3px solid #fc6b41; float:left; width:175px; height:175px}
.staff_wrap .left .name_box span {display:block; font-size:18px; font-weight:500; color:#fc6b41; letter-spacing:-1px; padding-top:60px; line-height:15px}
.staff_wrap .left .name_box h4 {font-size:35px; font-weight:500; color:#3d3d3d}
.staff_wrap .left .bio_list {text-align:left}
.staff_wrap .left .bio_list ul {padding-left:225px}
.staff_wrap .left .bio_list ul li {position:relative; padding:0 0 40px 85px; font-size:18px; font-weight:300; color:#4b4b4b; line-height:1.75}
.staff_wrap .left .bio_list ul li span {position:absolute; top:0; left:0; font-size:18px; font-weight:500; color:#fc6b41; letter-spacing:3px}
.staff_wrap .right {float:right; width:45%; text-align:center}
.staff_wrap .right:after {clear:both; content:''; display:block}
.staff_wrap .right .img_box {width:90%; min-height:450px; overflow:hidden; float:right}
.staff_wrap .right .img_box .director_img {width:1000%; overflow:hidden}
.staff_wrap .right .img_box .director_img li {width:630px; height:390px; background-size:cover !important; float:left}
/*ÀÇ·áÁø »çÁø*/
.staff_wrap .right .img_box .director_img li.director1 {background:url(../../img/director1.jpg) center top no-repeat}
.staff_wrap .right .img_box .director_img li.director2 {background:url(../../img/director2.jpg) center top no-repeat}
.staff_wrap .right .img_box .director_img li.director3 {background:url(../../img/director2.jpg) center top no-repeat}
.staff_wrap .right .img_box .director_img li.director4 {background:url(../../img/director1.jpg) center top no-repeat}
/* ¼­ºêÆäÀÌÁö ¼½¼Ç °øÅë */
.sub-section {position:relative; padding:80px 0}
.sub-section.no-padding {padding:0}
.sub-section > .innerContainer {position:relative; width:1200px; margin:auto}
.sub-section > .innerContainer:after {clear:both; display:block; content:''}
.sub-section .section-tit {margin-bottom:50px; text-align:center}
.sub-section .section-tit h2 {font-size:35px; font-weight:600; color:#3a3a3a; margin-bottom:10px}
.sub-section .section-tit h2 span {font-weight:300}
.sub-section .section-tit h3 {font-size:12px; font-weight:500; color:#888; letter-spacing:5px; text-transform:uppercase}
.sub-section .section-tit h3 span {color:#25221d}
/* ¹è°æŸÀÔ ÄÁÅÙÃ÷ */
.container-bgtype {background-position:center top; background-repeat:no-repeat}
/* ÀÇ·áÁø¼Ò°³ */
.team-info {position:relative; margin-bottom:20px}
.team-info .info-box {position:absolute; bottom:0; left:0; padding:20px; background:rgba(0, 0, 0, .75); z-index:10}
.team-info .info-box span {display:block; margin-bottom:5px; font-size:15px; color:#a6a6a6}
.team-info .info-box h3 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:20px}
.team-info .info-box p {font-size:15px; color:#fff}
/* ã¾Æ¿À½Ã´Â ±æ */
.location-wrapper {padding-top:30px}
.location-wrapper .leftArea {float:left; width:480px}
.location-wrapper .leftArea h3 {font-size:30px; font-weight:600; color:#000; margin-bottom:25px}
.location-wrapper .leftArea img {margin-bottom:25px}
.location-wrapper .leftArea h4 {font-size:20px; font-weight:600; color:#2b2b2b; margin-bottom:15px}
.location-wrapper .leftArea p {font-size:16px; margin-bottom:5px}
.location-wrapper .leftArea strong {display:block; font-size:30px; font-weight:600; color:#746d66}
.location-wrapper .rightArea {float:right; width:650px}
.location-wrapper .rightArea #map {width:650px; height:400px}
.location-wrapper .rightArea .new_map {width:650px; height:400px}








.map0106 {
    position: relative;
    width: 1280px;
    height: 601px;
    margin: 0 auto;
    padding-top: 40px;
    overflow: hidden;
}




.map0106 .mapleft {
    float: left;
    position: relative;
    width: 492px;
    height: 601px;
    background: url('/page_KR1/01_sub/images/mapleft.jpg')no-repeat 0 0;
}




.map0106 .mapleft ul {
    position: absolute;
    top: 131px;
    left: 142px;
}




.map0106 .mapleft ul li.t1 {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    line-height: 100%;
}




.map0106 .mapleft ul li.t2 {
    margin-top: 40px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    line-height: 150%;
}




.map0106 .mapleft ul li.t3 {
    margin-top: 108px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 100%;
}




.map0106 .mapleft ul li.t4 {
    margin-top: 6px;
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    line-height: 100%;
}




.sub0106_01 {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    padding-top: 90px;
    overflow: hidden;
}




.sub0106_01 .mapcon_1 {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}




.sub0106_01 .mapcon_1 .title {
    float: left;
    width: 490px;
    height: 122px;
    padding-left: 140px;
    line-height: 122px;
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000000;
    box-sizing: border-box;
    background: url('/page_KR1/01_sub/images/0106icon1.jpg')no-repeat 0 0;
}




.sub0106_01 .mapcon_1 .mapcon {
    float: left;
    width: 726px;
    padding-left: 60px;
    padding-top: 40px;
    font-size: 20px;
    border-left: 1px solid #dddddd;
    font-weight: 300;
    color: #585858;
    line-height: 170%;
    letter-spacing: -0.5px;
}




.sub0106_01 .mapcon_2 {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    margin-top: 70px;
    overflow: hidden;
}




.sub0106_01 .mapcon_2 .title {
    float: left;
    width: 490px;
    height: 122px;
    padding-left: 140px;
    line-height: 122px;
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000000;
    box-sizing: border-box;
    background: url('/page_KR1/01_sub/images/0106icon2.jpg')no-repeat 0 0;
}




.sub0106_01 .mapcon_2 .mapcon {
    float: left;
    width: 726px;
    padding-left: 60px;
    padding-top: 40px;
    font-size: 20px;
    border-left: 1px solid #dddddd;
    font-weight: 500;
    color: #585858;
    line-height: 170%;
    letter-spacing: -0.5px;
}




.sub0106_01 .mapcon_2 .mapcon ul {
    width: 100%;
    margin-bottom: 44px;
}




.sub0106_01 .mapcon_2 .mapcon li {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    line-height: 100%;
}




.sub0106_01 .mapcon_2 .mapcon li span.bus1 {
    display: inline-block;
    width: 56px;
    height: 32px;
    margin-right: 8px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: #808000;
}




.sub0106_01 .mapcon_2 .mapcon li span.bus1.bus2 {
    background: #009f08;
}




.sub0106_01 .mapcon_2 .mapcon li span.bus1.bus3 {
    background: #ff0000;
}




.sub0106_01 .mapcon_2 .mapcon li span.bus1.bus4 {
    background: #0000ff;
}




.sub0106_01 .mapcon_3 {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 70px;
}




.sub0106_01 .mapcon_3 .title {
    float: left;
    width: 490px;
    height: 122px;
    padding-left: 140px;
    line-height: 122px;
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000000;
    box-sizing: border-box;
    background: url('/page_KR1/01_sub/images/0106icon3.jpg')no-repeat 0 0;
}




.sub0106_01 .mapcon_3 .mapcon {
    float: left;
    width: 726px;
    padding-left: 60px;
    padding-top: 40px;
    font-size: 20px;
    border-left: 1px solid #dddddd;
    font-weight: 300;
    color: #585858;
    line-height: 170%;
    letter-spacing: -0.5px;
}




.sub0106_01 .mapcon_3 .mapcon div {
    margin-bottom: 44px;
    width: 100%;
}




.sub0106_01 .mapcon_3 .mapcon div span {
    display: inline-block;
    width: 100px;
    margin-right: 5px;
    height: 48px;
    line-height: 48px;
    font-size: 19px;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    background: #009f08;
    border-radius: 40px;
}




.sub0106_01 .mapcon_3 .mapcon div span.way2 {
    background: #bd9a32;
}








.location-section {
  width: 100%;
  padding: 60px 0;
  background: #ffffff;
  text-align: center;
  font-family: 'Pretendard', sans-serif;
}




.location-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}




.divider {
  width: 40px;
  height: 4px;
  background: #0b402c;
  margin: 0 auto 40px auto;
  border-radius: 2px;
}




/* ¡Ú¡Ú¡Ú Àüü ³Êºñ 1400px Àû¿ë ¡Ú¡Ú¡Ú */
.location-wrap {
  display: flex;
  justify-content: center;
  gap: 30px;             /* ÁÂ¿ì °£°Ý */
  max-width: 1400px;     /* ÇÙ½É */
  margin: 0 auto;
  padding: 0 20px;
}




.location-info {
  width: 380px;          /* ¿ÞÂÊ Å©±â Á¶Á¤ */
  background: #0b402c;
  color: #fff;
  padding: 60px 40px;
  border-radius: 4px;
  text-align: left;
}




.info-title, .call-title {
  display: flex;
  align-items: center;
  gap: 10px;
}




.info-title h3 {
  font-size: 28px;
  margin: 0;
}




.addr {
  margin: 20px 0 40px 0;
  line-height: 1.7;
  font-size: 18px;
}




.call-title p {
  font-size: 20px;
  margin: 0;
}




.phone {
  font-size: 32px;
  font-weight: 700;
  margin-top: 10px;
}




/* ¡Ú¡Ú¡Ú Áöµµ ¿µ¿ªµµ 1400px ±âÁØ¿¡ ¸ÂÃç Á¶Á¤ ¡Ú¡Ú¡Ú */
.location-map {
  width: 880px;      /* 380 + 30 + 880 = Á¤È®È÷ 1290px (1400 ¾È¿¡ ¿©À¯ ÀÖ°Ô ¹èÄ¡µÊ) */
  height: 480px;
  border-radius: 6px;
  overflow: hidden;
}






/* µÑ·¯º¸±â */
#facilitySlider .big-thumb {position:relative; margin-bottom:50px}
#facilitySlider .big-thumb .thumb-list > li {display:none}
#facilitySlider .big-thumb .thumb-list > li.active {display:block}
#facilitySlider .big-thumb .thumb-list > li img {display:block; width:100%}
#facilitySlider .big-thumb .floor-tab {position:absolute; display:table; bottom:0; left:0; width:100%; table-layout:fixed; border-spacing:1px; border-collapse:separate}
#facilitySlider .big-thumb .floor-tab > li {display:table-cell; width:auto; height:40px; padding-left:15px; color:#333; vertical-align:middle; background:rgba(200, 201, 202, .8); cursor:pointer}
#facilitySlider .big-thumb .floor-tab > li.active {color:#fff; background:rgba(0, 0, 0, .8)}
#facilitySlider .floor-container .floor-info {display:none}
#facilitySlider .floor-container .floor-info h2 {font-size:40px; font-weight:300; color:#2b2b2b; margin-bottom:40px}
#facilitySlider .floor-container .floor-info.active {display:block}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -10px}
#facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; display:block; content:''}
#facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:33.333334%; margin-bottom:20px; padding:0 10px; cursor:pointer}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:10px; right:10px; bottom:0; content:''; border:0px solid #ed6037; transition:all .25s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before, #facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}
/* ----------------------------- Æ÷Åä°¶·¯¸® °Ô½ÃÆÇ ½ºÅ¸ÀÏ ----------------------------- */
/* ¸®½ºÆ® ÆäÀÌÁö */
.photo_list_wrapper {margin:0 -15px}
.photo_list_wrapper:after {clear:both; display:block; content:''}
.photo_list_wrapper.brd-grid-1 > table {width:100%}
.photo_list_wrapper.brd-grid-2 > table {width:50%}
.photo_list_wrapper.brd-grid-3 > table {width:33.3333334%}
.photo_list_wrapper.brd-grid-4 > table {width:25%}
.photo_list_wrapper.brd-grid-5 > table {width:20%}
.photo_list_wrapper > table {float:left; margin-bottom:30px; padding:0 15px}
.photo_list_wrapper > table.board {float:none; clear:both; width:100% !important; padding:0}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a {position:relative; display:block}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:0 solid #ed6037; transition:all .3s; z-index:30; box-sizing:border-box}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:hover:before {border-width:5px}
.photo_list_wrapper > table .bbsnewf5 a img {display:block; width:100%; height:auto; transition:all .3s}
.photo_list_wrapper > table .bbsnewf5 a:hover img {opacity:.8; filter:alpha(opacity='80')}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {padding:10px 0}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {font-family:inherit !important; font-size:14px; color:#555}
.image_sublist {display:none}
.tbl_board {margin-bottom:30px; border-top:2px solid #666}
.tbl_board th, .tbl_board td {font-family:inherit !important; padding:15px !important; border-bottom:1px solid #e5e5e5}
.tbl_board td td {border:none}
.tbl_board div th, .tbl_board div td {padding:0 !important}
.tbl_board span, .tbl_board font, .tbl_board a {font-family:inherit !important; font-size:inherit !important; color:#555}
.tbl_board a:hover {color:#333 !important}
.tbl_board .board_bgcolor {font-size:inherit !important; font-weight:500; color:#4b4b4b; background:#f4f4f4}
.tbl_board input[type=text], .tbl_board input[type=password] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
.tbl_board select {font-family:inherit !important; font-size:inherit !important; min-width:120px; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff; vertical-align:middle}
.tbl_board .att_title {font-weight:600; color:#343434; text-align:center; background:#fff !important}
.tbl_board .att_title span, .tbl_board .att_title a, .tbl_board .att_title font {font-weight:600; color:#343434}
.tbl_board.tbl_list tr:hover {background:#f9f9f9}
.tbl_board.tbl_list td a font {font-weight:normal !important; margin-left:10px}
.tbl_board td textarea {width:98%; font-family:inherit !important; font-size:inherit !important; padding:10px; border:1px solid #dedede; background:#fff}
.tbl_board .td_center {text-align:center}
/* ----------------------------- °Ô½ÃÆÇ °øÅë ½ºÅ¸ÀÏ ----------------------------- */
/* ÅëÇÕ ÆùÆ® °ü·Ã */
.board, .bbsnewf5 {font-family:inherit !important; font-size:inherit !important}
/* Ä«Å×°í¸® */
.brd_category {display:none}
.board_tab {margin-bottom:30px}
.board_tab > ul {display:table; width:100%; table-layout:fixed}
.board_tab > ul > li {display:table-cell; width:auto}
.board_tab > ul > li > a {display:block; width:100%; height:100%; height:55px; font-size:16px; color:#333; text-align:center; line-height:55px; border:1px solid #d5d5d5; border-left:none}
.board_tab > ul > li:first-child > a {border-left:1px solid #d5d5d5}
.board_tab > ul > li.on > a {color:#fff; border-color:#ed6037; background:#ed6037 !important}
.board_tab > ul > li:hover > a {background:#f4f4f4}
/* ÇÏ´Ü ±Û¾²±â ¹öÆ° */
.btn_btm_write {text-align:right}
/* ÆäÀÌ¡ */
.board-pagination {margin-top:30px; font-size:0; text-align:center}
.board-pagination > b, .board-pagination > a {display:inline-block; width:36px; height:36px; margin:0 3px; font-size:14px; text-align:center; line-height:34px; border:1px solid #dedede}
.board-pagination > a {color:#777}
.board-pagination > a:hover {color:#555; background:#f4f4f4}
.board-pagination > b {color:#fff; border-color:#333; background:#4b4b4b}
/* °Ë»ö */
#ext_search {margin-top:30px}
#ext_search > table {margin:0 auto}
#ext_search select {min-width:80px; height:35px; margin-right:2px; padding-left:10px; border:1px solid #dedede}
#ext_search input[type=text] {height:35px; margin-right:2px; padding:0 10px; border:1px solid #dedede}
/* ´ñ±Û ¿µ¿ª */
.board_comment_bgcolor {margin-bottom:30px}
/* ----------------------------- ¿¹¾à °ü·Ã ½ºÅ¸ÀÏ ----------------------------- */
/* ¿¹¾à Ķ¸°´õ */
.reserveWrapper .pickMonth {text-align:center; margin-bottom:30px}
.reserveWrapper .pickMonth .btn {padding:0 15px !important}
.reserveWrapper .pickMonth .btn i {margin:0}
.reserveWrapper .pickMonth #cur {display:inline-block; margin:0 15px; font-size:16px; color:#ed6037; letter-spacing:2px}
.tbl_calendar {width:100%; border-top:2px solid #666; table-layout:fixed}
.tbl_calendar thead th {padding:20px 0; font-size:15px; color:#333; border-left:1px solid #e5e5e5; border-bottom:1px solid #dedede}
.tbl_calendar thead th span {font-size:10px !important; font-weight:500 !important; letter-spacing:3px; opacity:.5}
.tbl_calendar thead th:first-child {border-left:none}
.tbl_calendar tbody td {padding:20px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.tbl_calendar tbody td:hover {background:#f9f9f9}
.tbl_calendar tbody tr > td:first-child {border-left:none}
.tbl_calendar .td_sun {color:#c62b2b}
.tbl_calendar .td_sat {color:#3f63eb}
.tbl_calendar .m_sunday, .tbl_calendar .m_saturday {background:#f4f4f4 !important}
.tbl_calendar .ye {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#ed6037}
.tbl_calendar .wan {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#c43c3c}
.tbl_calendar div[style*='hand'] {cursor:pointer; padding:2px 0}
#order_list {display:none; margin-top:30px; padding:30px; border:1px solid #dedede; background:#f9f9f9}
#order_list h3 {font-size:15px; font-weight:normal; color:#222; margin-bottom:20px}
#order_list ul > li {color:#777; line-height:1.65}
#order_list input[type=button] {padding:10px 45px; border:1px solid #d5d5d5 !important; border-radius:2px; background:#fff; cursor:pointer}
/* ¿¹¾àÇϱâ Æû */
#css_orderform table {width:100%; border-top:2px solid #666; border-collapse:collapse}
#css_orderform table th, #css_orderform table td {padding:15px; border-bottom:1px solid #e5e5e5}
#css_orderform table th {width:15%; font-weight:500; color:#4b4b4b; background:#f4f4f4}
#css_orderform table td input[type=text] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
#css_orderform table td select {font-family:inherit !important; font-size:inherit !important; min-width:70px; height:35px; margin:0 10px; padding-left:5px; border:1px solid #dedede; background:#fff; vertical-align:middle}
#css_orderform table td select:first-child {margin-left:0}
#css_orderform table td label {margin-right:10px}
.agreeWrapper .checkArea:after {clear:both; display:block; content:''}
.agreeWrapper .checkArea .left {float:left}
.agreeWrapper .checkArea .right {float:right}
.agreeWrapper .agreeinfo {clear:both; margin-top:5px}
.agreeWrapper .agreeinfo textarea {width:100%; height:160px; padding:10px; border:1px solid #dedede; background:#fff}
.reserve-btn {margin-top:30px; text-align:center}
/* ¿¹¾àÈ®ÀÎ ¹× Ãë¼Ò */
h2.reservation-title {margin-bottom:20px; font-size:16px; font-weight:normal; color:#333}
h2.reservation-title:before {display:inline-block; width:6px; height:2px; margin-right:7px; content:''; background:#ed6037; vertical-align:6px}
.reservation-box {padding:20px; border:1px solid #e5d4c6}
.reservation-box ul > li {line-height:1.8}
.reservation-box ul > li:before {display:inline-block; width:2px; height:2px; margin-right:5px; content:''; background:#ccc; vertical-align:4px}
/* ----------------------------- ÇÚµåÆù ¸ð¾ç ½Ç½Ã°£ »ó´ã ½ºÅ¸ÀÏ ----------------------------- */
 #phone_wrap {position:fixed; top:218px; right:120px; width:237px; height:477px; background:url(../../img/phone.png) center top no-repeat; box-sizing:border-box; z-index:990; overflow:hidden; padding:50px 0 55px; display:none}
 #phone_wrap .phone_area {width:100%; height:100%; overflow-y:scroll; -ms-overflow-style:none}
 #phone_wrap .phone_area::-webkit-scrollbar {display:none;}
 #mainCounsel {padding:0 13px 55px 15px;box-sizing:border-box}
 #mainCounsel .title {padding:15px 0; text-align:center; background:#c1a24b}
 #mainCounsel .title h3 {font-size:16px; font-weight:600; color:#fff}
 #mainCounsel .formmail_title_bgcolor {font-family:inherit !important; font-weight:600; text-align:right; background:#fff !important}
 #mainCounsel .formmail_title_bgcolor font {color:#a2873b !important}
 #mainCounsel .formmail_cell_bgcolor {font-size:0 !important}
 #mainCounsel table {width:100%; margin-bottom:20px; table-layout:fixed}
 #mainCounsel table tbody td {padding:5px; border-bottom:1px solid #d5d5d5}
 #mainCounsel table tbody td, #mainCounsel table tbody td font {font-size:12px !important}
 #mainCounsel table tbody tr td:first-child {width:47% !important}
 #mainCounsel table tbody td select {font-size:12px; max-width:90%; height:25px; border:1px solid #dedede}
 #mainCounsel table tbody td input[type=text] {max-width:90%; height:25px; border:1px solid #dedede}
 #mainCounsel table tbody td input[name^=phone_no] {width:34px; margin-left:2px}
 #mainCounsel table tbody td input[name^=phone_no]:first-child {margin-left:0}
 #mainCounsel table tbody td textarea {max-width:90%; height:80px !important; border:1px solid #dedede}
 #mainCounsel .btn-area {text-align:center}
 #mainCounsel .btn-area > a {display:inline-block; padding:10px 20px; font-size:15px; color:#fff; background:#cba865; transition:all 0.3s ease}
 #mainCounsel .btn-area > a:hover {background:#a2873b}
 #mainCounsel .btn-close {position:absolute; display:block; bottom:12px; left:103px; width:32px; height:32px; font-size:0; text-indent:-9999em; border:2px solid #fff; border-radius:50%; box-sizing:border-box}
 #mainCounsel .btn-close > span {position:absolute; display:block; top:50%; left:50%; width:14px; height:2px; margin-left:-7px; margin-top:-1px; border-radius:2px; background:#fff}
 #mainCounsel .btn-close > span.line1 {transform:rotate(45deg)}
 #mainCounsel .btn-close > span.line2 {transform:rotate(-45deg)}
 #mainCounselMini {display:block; position:fixed; top:553px; right:20px; z-index:990}
 #mainCounselMini img {display:block}
/* ----------------------------- ȸ¿ø °ü·Ã ½ºÅ¸ÀÏ ----------------------------- */
/* ȸ¿ø °ü·Ã °øÅë ¿ä¼Ò */
.member-box h2 {font-size:28px; font-weight:300; color:#ed6037; margin-bottom:30px}
.member-box h3 {font-size:16px; font-weight:normal; color:#4b4b4b; margin-bottom:20px}
.member-box h4 {font-size:15px; font-weight:600; color:#555; margin-bottom:10px}
.member-box input[type=text], .member-box input[type=password] {display:block; width:100%; height:45px; margin-bottom:10px; padding:10px; border:1px solid #dedede; background:#f9f9f9}
.member-box .btn-confirm {display:block; width:100%; height:45px; font-size:15px; color:#fff; border:none; background:#ed6037; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#ed6037}
.member-btm-btn {margin-top:30px; text-align:center}
.member_td_bgcolor {color:#4b4b4b; background:#f4f4f4}
/* ·Î±×ÀÎÆäÀÌÁö */
.loginWrapper {position:relative}
.loginWrapper:after {clear:both; display:block; content:''}
.loginWrapper > .login-box {float:right; width:560px; padding:30px; border:1px solid #e5e5e5}
.loginWrapper > .login-box:first-child {float:left}
.loginWrapper > .login-box .helpList {margin-top:30px; padding-top:20px; border-top:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList > li {position:relative; color:#888; padding:4px 0 4px 10px}
.loginWrapper > .login-box .helpList > li.warning {color:#ff7e00}
.loginWrapper > .login-box .helpList > li:before {position:absolute; top:5px; left:0; content:'-'}
.loginWrapper > .login-box .helpList > li a {margin-left:10px}
/* ȸ¿ø°¡ÀÔ Áߺ¹È®ÀÎ ÆäÀÌÁö */
.joinWrapper > .join-box {width:560px; margin:auto; padding:30px; border:1px solid #e5e5e5}
/* ȸ¿ø°¡ÀÔ ¾à°üµ¿ÀÇ ÆäÀÌÁö */
.joinWrapper .agree-box {margin-bottom:40px}
.joinWrapper .agree-box textarea {width:100%; height:250px; margin-bottom:15px; padding:10px; border:1px solid #e5e5e5}
.joinWrapper .agree-box input[type=checkbox] {margin-right:5px}
/* ----------------------------- ¹öÆ° °øÅë ½ºÅ¸ÀÏ ----------------------------- */
.btn {display:inline-block; padding:0 25px !important; height:35px !important; font-family:inherit !important; font-size:14px !important; color:#666 !important; text-align:center; line-height:33px !important; text-decoration:none !important; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle}
.btn.btn-default:hover {color:#555 !important; border-color:#aaa}
.btn.btn-primary {color:#fff !important; border-color:#ed6037; background:#ed6037}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#ed6037; background:#ed6037}
.btn.btn-secondary {color:#fff !important; border-color:#6d7281; background:#6d7281}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {border-color:#686d7b !important; background:#686d7b}
.btn.btn-link {font-size:12px !important; line-height:23px !important; padding:0 15px !important; height:25px !important}
.btn.btn-link:hover {border-color:#aaa; background:#f9f9f9}
.btn i {margin-right:7px; vertical-align:0}
.btn.right-icon i {margin:0 0 0 7px}
.btn-area > .btn2 {display:inline-block; font-size:16px; border-radius:0; }
.btn-area .btn-wh-o {background:none; border:2px solid #fff; color:#fff; transition:all 0.3s ease}
.btn-area .btn-wh-o:hover {background:#b39153; border:2px solid #b39153}
.btn-area .btn-lg {width:360px; height:45px !important; line-height:43px !important}
/* ----------------------------- ÅÇ °øÅë ½ºÅ¸ÀÏ ----------------------------- */
/*º´¿ø¼Ò°³ ÅǸ޴º*/
ul#tab_menu {position:relative; width:100%; display:table; table-layout:fixed; padding:0 0 80px}
ul#tab_menu li {display:table-cell; border-left:1px solid #f4f4f4; text-align:center; background:#fff; transition:all 0.3s ease}
ul#tab_menu li.on {background:#343434}
ul#tab_menu li:hover {background:#343434}
ul#tab_menu li a {display:block; width:100%; height:100%; padding:35px 0}
ul#tab_menu li a span {font-size:25px; font-style:italic; font-weight:500; color:#c78834}
ul#tab_menu li a span:after {content:''; display:block; border-bottom:1px solid #c78834; width:10%; height:1px; margin:5px auto 15px}
ul#tab_menu li a p {font-size:18px; font-weight:500; color:#333333; letter-spacing:-2px}
ul#tab_menu li.on a p {color:#fff}
#sub_content .sub_middle {background:#fff}
ul#tab_menu li:hover a p {color:#fff}
.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:55px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:16px; color:#333; line-height:55px; text-align:center; border:1px solid #d5d5d5; border-left:none}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#ed6037; background:#ed6037 !important}
.tab-primary > li:hover a {background:#f4f4f4}
/*ÆùÆ® ½ºÅ¸ÀÏ*/
.nm {font-family:'Nanum Myeongjo';}
.ns {font-family:'NanumSquare';}
.kp-d {font-family:'KoPub Dotum';}
/*btnstyle*/
/*end btnstyle*/






/* ----------------------------- »ó¼¼ÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
/* ¸®ÇÁÆü¾ÅÍ */

/***************************************
   LIFTING ÆäÀÌÁö Àü¿ë µðÀÚÀÎ ½ºÅ¸ÀÏ
***************************************/


/* =============== °øÅë =============== */


:root {
    --main: #e86f36;
    --text: #1e1e1e
    --sub: #666;
    --gold: #905b29;
    --light: #999;
    --w: 1200px;
}


section { position: relative; }


/* =============== ÅÇ =============== */
.lifting-tab {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 50px;
}


.lifting-tab li {
    width: 150px;
    height: 45px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    background: #fff;
}


.lifting-tab li.on,
.lifting-tab li:hover {
    background: var(--main);
    border-color: var(--main);
}


.lifting-tab li.on a,
.lifting-tab li:hover a {
    color: #fff;
}


/* =============== ŸÀÌƲ =============== */
.lifting-title {
    text-align: center;
    margin-bottom: 40px;
}


.lifting-title h2 {
    font-size: 38px;
    font-weight: 700;
}


.lifting-title-line {
    width: 60px;
    margin: 15px auto;
}


.lifting-title h3 {
    font-size: 14px;
    color: var(--light);
    letter-spacing: 3px;
}


/* =============== ¸ÞÀÎ ºñÁÖ¾ó =============== */
.lifting-visual {
    position: relative;
    width: 100%;
    max-width: 1912px;
    margin: 0 auto 100px auto;
    overflow: hidden;
}


.lifting-visual .visual-bg {
    width: 100%;
    display: block;
}


.lifting-visual .visual-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}


.lifting-visual .visual-text h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 15px;
}


.lifting-visual .visual-line {
    width: 65px;
    margin: 10px auto 20px;
    display: block;
}


.lifting-visual .visual-text p {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.3px;
color: #fff;
}


/* gold »ö»ó ¼öÁ¤ (¿À·»Áö °­Á¦ ¹æÁö) */
.gold {
    color: #905b29 !important;
}




/* °øÅë ¿À¹ö·¹ÀÌ ¼¼¼Ç */
.why-full, .special-full, .knowhow-full {
    position: relative;
    width: 100%;
    margin: 150px 0;
}


.why-bg img,
.special-bg img,
.knowhow-bg img {
    width: 100%;
    display: block;
}


/* ¿À¹ö·¹ÀÌ ¹Ú½º */
.why-overlay,
.special-overlay,
.knowhow-overlay {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 80px;
    padding-bottom: 80px;
}








/* =============== 3 BOX =============== */
.section-three {
    width: var(--w);
    margin: 0 auto;
    padding: 40px 0 90px;
}



.section-three h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1e1e1e;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 60px;
}


.section-three h2 .gold {
    color: var(--gold);
    font-weight: 800;
}


.three-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}


.three-item {
    width: 360px;
    text-align: center;
}


.three-item img {
    width: 360px;
    height: 260px;
    object-fit: cover;
    margin-bottom: 40px;
}


.three-item h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
}


.three-item .desc {
    font-size: 15px;
    line-height: 2.0;
    color: var(--sub);
}


/* WHY section */
.why-section {
    position: relative;
    width: 100%;
    margin-top: 140px;
}

.why-bg {
     position: relative;
     width: 100%;


/* ¹è°æÀ̹ÌÁö (HTML·Î »ðÀÔ) */
.why-bg img {
    width: 100%;
    display: block;
}


/* Á¦¸ñ */
.why-title {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
     font-size: 44px;
    font-weight: 700;
     color: #1e1e1e;
     margin-top: 40px;
    margin-bottom: 60px;
    
}


.why-title .gold {
    color: var(--gold);
    font-weight: 800;
}

/* ³»¿ë Èò ¹Ú½º */
.why-box {
    width: 800px;
    background: #ffffff;
    padding: 52px 36px;
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(50% - 600px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}


.why-box h3 {
    font-size: 28px;
    margin-bottom: 18px;
    font-weight: 700;
    margin-left: 60px;
     line-height: 2.0;
}


.why-box .pink {
    color: #d04557;
    font-weight: 700;
}


.why-box p {
    font-size: 22px;
    line-height: 2.5;
    color: #333;
    margin-bottom: 18px;
    margin-left: 60px;
}


.why-box strong {
    font-weight: 700;
}


/* ±Û À§Ä¡ Á¶Á¤ (¹ÝÀÀÇü ¾Æ´Ô, PC 1912px ±âÁØ) */


/* =============== 4 ICONS =============== */
.analysis {
    width: var(--w);
    margin: 0 auto;
    padding: 100px 0;
}



.analysis h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1e1e1e;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 30px;
}


.analysis h2 .gold {
    color: var(--gold);
}

.analysis .gold { color: var(--main); }


.analysis-desc {
    text-align: center;
    font-size: 22px;
    color: var(--sub);
    line-height: 2.0;
    margin: 30px 0 60px;
}


.icon-wrap {
    display: flex;
    justify-content: space-between;
}


.icon img {
    width: 200px;
    margin-bottom: 25px;
}


.icon-title {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
     color: #000;
}


.icon-desc {
    font-size: 18px;
    color: var(--sub);
    margin-top: 8px;
    text-align: center;
}


/* =============== ¸¸Á·µµ =============== */
.satisfaction {
    text-align: center;
    padding: 60px 0 90px;
}


.satisfy-text {
    font-size: 22px;
    color: var(--sub);
    margin-top: 20px;
    line-height: 2.0;
}


.satisfaction h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1e1e1e;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 20px;
}


.satisfaction h2 .gold {
    color: var(--gold);
}




/* ===================== Ưº°ÇÔ (¿À¹ö·¹ÀÌ ¹æ½Ä) ===================== */
/* ====================== SPECIAL SECTION ====================== */


.special-section {
    display: block;
    position: relative;
    height: auto;
}




/* ¹è°æ À̹ÌÁö */
.special-bg img {
    width: 100%;
    display: block;
}


/* ³»ºÎ ÄÁÅ×ÀÌ³Ê */
.special-inner {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 120px; /* JPG ±âÁØ Á¤È®ÇÑ À§Ä¡ */
    left: 50%;
    transform: translateX(-50%);
}


/* Á¦¸ñ */
.special-title {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #222;
}


.special-title .blue {
    color: #0e3f82; /* JPGÀÇ ³²»ö°ª */
    font-weight: 800;
}


/* ¸®½ºÆ® ¿µ¿ª (¹Ú½º 5°³) */
.special-box-wrap {
    width: 640px; 
}


/* °³º° ¹Ú½º */
.special-box-wrap li {
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 20px 25px;
    margin-bottom: 25px;


    display: flex;
    align-items: center;
}


.special-box-wrap li img {
    width: 28px;
    margin-right: 15px;
}


.special-box-wrap li p {
    font-size: 22px;
    line-height: 1.6;
    color: #333;
}


.special-box-wrap li p strong {
    font-weight: 700;
    color: #000;
}


/* =============== ³ëÇÏ¿ì (Æеù ±â¹Ý) =============== */
.knowhow-section {
    display: block;
    position: relative;
    height: auto;
}


/* ¹è°æ À̹ÌÁö */
.knowhow-bg img {
    width: 100%;
    display: block;
}


/* ÅؽºÆ® ¹Ú½º (¸ðµÎ ¿À¹ö·¹À̵Ê) */
.knowhow-textbox {
    position: absolute;


    /* JPG ±âÁØ Á¤È®ÇÑ ÁÂÇ¥ */
    top: 160px;
    right: calc(50% - 600px);


    width: 520px;


    color: #222;
}


/* Á¦¸ñ */
.knowhow-title {
    font-size: 44px;
    font-weight: 800;
    color: #0d3f86;
    margin-bottom: 25px;
}


/* ºÎÁ¦¸ñ */
.knowhow-sub {
    font-size: 25px;
    font-weight: 500;
    color: #333;
    margin-bottom: 40px;
}


/* º»¹® */
.knowhow-desc {
    font-size: 20px;
    line-height: 2.2;
    margin-bottom: 22px;
    color: #333;
}


.knowhow-desc strong {
    font-weight: 700;
    color: #000;
}




/* ½á¸¶Áö */


/******************************************************
 ⭕ THERMAGE PAGE – FULL CSS (NO ROOT CONFLICT)
******************************************************/


/* ===================== º¯¼ö ====================== */
.thermage-page {
    --th-main: #e86f36;
    --th-gold: #b99a5c;
    --th-text: #222;
    --th-gray: #666;
    --th-light: #999;
    --th-blue: #345a8a;
    --th-w: 1200px;
    --th-bg-light: #f7f7f7;
}


/* °øÅë */
.thermage-page section {
    position: relative;
    width: 100%;
}






/* ===================== THERMAGE VISUAL ===================== */


.thermage-visual {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}


.thermage-bg {
    width: 100%;
    display: block;
}


/* ÅؽºÆ® À§Ä¡ */
.thermage-text-wrap {
    position: absolute;


    /* À§Ä¡ º¸Á¤ (¿À¸¥ÂÊÀ¸·Î À̵¿) */
    top: 330px;
    left: 420px;


    text-align: left;
}


/* Á¦¸ñ */
.thermage-title {
    font-size: 54px;
    font-weight: 700;
    line-height: 1.3;
    color: #222;
}


.thermage-title .t2 {
    color: #4A2DBE;
    font-weight: 800;
}


/* ±¸ºÐ ¶óÀÎ À̹ÌÁö */
.thermage-line {
    width: 55px;
    margin: 22px 0 22px 0;
    display: block;
}


/* ¼³¸í */
.thermage-desc {
    font-size: 22px;
    color: #333;
    letter-spacing: -0.3px;
}










/* ===================== ¨ç HERO ====================== */
.thermage-page .thermage-hero {
    width: 100%;
    position: relative;
}


.thermage-page .hero-bg {
    width: 100%;
    display: block;
}


.thermage-page .hero-text {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}


.thermage-page .hero-title {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 12px;
}


.thermage-page .hero-sub {
    font-size: 20px;
    font-weight: 300;
    opacity: 0.9;
}


/* WHY SECTION */
.why-section {
    text-align: center;
    padding: 120px 0 80px;
}


/* gold badge */
.why-gold {
    width: 120px;
    margin-bottom: 40px;
}


/* WHY? À̹ÌÁö */
.why-title-img {
    width: 300px; /* ¿øº»°ú µ¿ÀÏÇÑ ºñÀ² */
    margin: 0 auto 25px;
    display: block;
}


/* ¼¼·Î ¶óÀÎ À̹ÌÁö */
.why-bar {
    width: 8px;
    height: 70px;
    margin: 10px auto 40px;
    display: block;
}


/* ¸ÞÀÎ Áú¹® */
.why-main-title {
    font-size: 40px;
    font-weight: 800;
    color: #1e1e1e;     /* ¿äûÇÑ »ö»ó */
    line-height: 1.4;
    letter-spacing: -0.5px;
}


/* ===================== ¨é ¡®¿Ö ºÐ´ç¿¹¹Ì¿øÇǺΰúÀΰ¡?¡¯ ====================== */
/* SECTION ¹è°æ */
.thermage-quote {
    width: 100%;
    background: #f2f2f2;   /* ¿øº»°ú À¯»çÇÑ ¿¬È¸»ö */
    padding: 80px 0;
}


/* Àüü Áß¾Ó Á¤·Ä */
.quote-wrap {
    width: 100%;
    text-align: center;
    position: relative;
}


/* Å« µû¿ÈÇ¥ À̹ÌÁö */
.quote-mark {
    width: 60px;
    opacity: 0.25;          /* ¿øº»Ã³·³ ¿¬ÇÏ°Ô */
    position: absolute;
    top: 0;
}


.quote-mark.left {
    left: 25%;
}


.quote-mark.right {
    right: 25%;
}


/* ÅؽºÆ® */
.quote-text {
    font-size: 34px;
    font-weight: 700;
    color: #111;
    line-height: 1.6;
    display: inline-block;
}


.quote-text span {
    color: #8B0000;  /* ¿øº» ´ÙÅ©·¹µå */
}


/* ===================== ¨ê ¿øÇü ¾ÆÀÌÄÜ ¸®½ºÆ® ====================== */
/* Àüü ¿µ¿ª */
.thermage-circle-section {
    width: 100%;
    padding: 120px 0;
    background: #ffffff;
}


/* ¸®½ºÆ® Á¤·Ä */
.circle-list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* °³º° ¾ÆÀÌÅÛ */
.circle-list li {
    text-align: center;
    list-style: none;
}


/* µ¿±×¶ó¹Ì À̹ÌÁö */
.circle-list li img {
    width: 220px;
    height: 220px;
    display: block;
    margin: 0 auto 25px;
}


/* ÅؽºÆ® */
.circle-list li p {
    font-size: 22px;
    font-weight: 600;
    color: #111;
    line-height: 1.6;
    white-space: nowrap;
}


/* ===================== ¨ë ¼³¸í + ½Ã¼ú À̹ÌÁö ====================== */
.thermage-desc-block {
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding-top: 120px;       /* »ó´Ü ¿©¹é */
    padding-bottom: 0;        /* À̹ÌÁö¿Í µü ºÙ°Ô */
}


/* ³»ºÎ ÅؽºÆ® ¿µ¿ª */
.thermage-desc-block .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


.thermage-desc-block h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 45px;
}


.thermage-desc-block h2 strong {
    color: #4e1f9e;
    font-weight: 800;
}


.thermage-desc-block p {
    font-size: 22px;
    color: #1e1e1e;
    line-height: 1.85;
    font-weight: 400;
}


.thermage-desc-block p b {
    font-weight: 700;
}


/* ÇÏ´Ü À̹ÌÁö */
.thermage-desc-img img {
    width: 100%;
    display: block;
    margin-top: 60px;   /* ÅؽºÆ®¿Í À̹ÌÁö »çÀÌ °£°Ý (À̹ÌÁöó·³) */
}




/* ===================== ¨ì ±â±â ¼³¸í À̹ÌÁö 3´Ü ====================== */
.tm-precision {
    width: 100%;
    background: #ffffff;
    padding-top: 80px;
}


/* ===== »ó´Ü ÅؽºÆ® ===== */
.tm-top {
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


.tm-top h2 {
    font-size: 38px;
    line-height: 1.5;
    font-weight: 700;
    color: #000;
}


.tm-top h2 .purple {
    color: #4b2aa8;
    font-weight: 800;
}


.tm-top .desc {
    font-size: 18px;
    color: #333;
    line-height: 1.9;
    margin-top: 25px;
    margin-bottom: 45px;
}


/* Àåºñ À̹ÌÁö */
.device-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.device-img {
    width: 460px;
}


/* ===== °ËÁ¤ ¹è°æ ===== */
.tm-black {
    width: 100%;
    background: #26201e;
    padding: 70px 0;
}


/* ===== ÇÏ´Ü ¹Ú½º ===== */
.tm-box {
    width: 82%;
    max-width: 1200px;
    background: #ffffff;
    margin: 0 auto 40px auto;
    padding: 40px 0 50px 0;
    border-radius: 8px;
    text-align: center;
}


.tm-box h3 {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 40px;
}


.tm-img {
    width: 85%;
    max-width: 800px;
}




/* ===================== ¨í ÄÉÀ̽º ¼³¸í ====================== */
/* Àüü ¿µ¿ª */
.thermage-need {
    width: 100%;
    position: relative;
    overflow: hidden;
}


/* HTML¿¡¼­ ³ÖÀº ¹è°æÀ̹ÌÁö */
.need-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


/* ½ÇÁ¦ ÄÜÅÙÃ÷ */
.need-inner {
    position: relative;
    z-index: 2;
    display: flex;
    padding: 120px 140px;
    height: 860px;
    box-sizing: border-box;
}


/* ¿ÞÂÊ ÄÜÅÙÃ÷ */
.need-left {
    width: 52%;
    position: relative;
}


.need-row p {
    font-size: 24px;
    color: #222;
    line-height: 1.45;
    margin: 0;
}
.red { color: #a32424; font-weight: 700; }


/* ¹øÈ£ ¿øÇü */
.circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f7d7d9;
    color: #d46d7b;
    font-size: 24px;
    font-weight: 700;


    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}


/* °³º° ÁÂÇ¥ (À̹ÌÁö µ¿ÀÏÇÏ°Ô ¹Ý¿µ) */
.need-row.r1 { position: absolute; top: 40px; left: 0; }
.need-row.r1 .circle { right: -110px; top: 5px; }


.need-row.r2 { position: absolute; top: 140px; left: 10px; }
.need-row.r2 .circle { right: -118px; top: 5px; }


.need-row.r3 { position: absolute; top: 240px; left: 18px; }
.need-row.r3 .circle { right: -125px; top: 5px; }


.need-row.r4 { position: absolute; top: 345px; left: 28px; }
.need-row.r4 .circle { right: -133px; top: 5px; }


.need-row.r5 { position: absolute; top: 455px; left: 38px; }
.need-row.r5 .circle { right: -142px; top: 5px; }


.need-row.r6 { position: absolute; top: 560px; left: 48px; }
.need-row.r6 .circle { right: -150px; top: 5px; }


/* ¿À¸¥ÂÊ ¿µ¿ª */
.need-right {
    width: 38%;
    margin-top: 60px;
}


.need-right h2 {
    font-size: 48px;
    line-height: 1.3;
    color: #111;
    margin-bottom: 35px;
}
.need-right h2 span {
    color: #3a1f8e;
    font-weight: 700;
}


.tag {
    font-size: 24px;
    margin-bottom: 14px;
    color: #444;
}
.tag b { font-weight: 700; }


/* ===================== ¨î ±ä ¹è°æ À̹ÌÁö ====================== */
.tm-deep {
    width: 100%;
    background: #ffffff;
    padding: 100px 0 0 0;
    text-align: center;
}


/* ÅؽºÆ® ¹Ú½º */
.tm-text {
    max-width: 820px;
    margin: 0 auto 70px auto;
}


/* ¸ÞÀΠŸÀÌƲ */
.tm-text h2 {
    font-size: 34px;          /* À̹ÌÁö ±â¹Ý Á¤È® ÃßÃâ */
    line-height: 1.55;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
}


.tm-text h2 .blue {
    color: #243a8f;           /* À̹ÌÁö¿¡¼­ ÃßÃâÇÑ ÆĶõ»ö */
    font-weight: 800;
}


/* º»¹® */
.tm-text .desc {
    font-size: 17px;
    line-height: 1.95;
    color: #555;
    letter-spacing: -0.2px;
}


/* ¾Æ·¡ ¹è°æ À̹ÌÁö */
.tm-deep-img img {
    width: 100%;
    display: block;
    margin: 0 auto;
}




/* ===================== ¨ï ¸®ÇÁÆà ¼¾ÅÍ ====================== */
.lift-center {
    width: 100%;
    background: #ffffff;
    padding: 120px 0 140px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}


/* ŸÀÌƲ */
.center-title h2 {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    margin-bottom: 18px;
}


.center-title p {
    font-size: 18px;
    color: #666;
    margin-bottom: 70px;
}


/* 4°³ ¿µ¿ª */
.center-grid {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}


/* °¢ ¾ÆÀÌÅÛ */
.center-item {
    width: 300px;
}


.center-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0px;
    margin-bottom: 22px;
}


/* ¼ÒÁ¦¸ñ */
.center-item h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0f2e78; /* À̹ÌÁö ¿øº» ÆĶõ»ö °è¿­ */
    margin-bottom: 18px;
}


/* ¼³¸í ÅؽºÆ® */
.center-item p {
    font-size: 17px;
    line-height: 1.9;
    color: #444;
}


.center-item p strong {
    font-weight: 700;
    color: #222;
}




/* ===================== ¨ð ǪÅÍ Àü ¸¶Áö¸· À̹ÌÁö ====================== */
/* ½á¸¶Áö ÀÎÆ®·Î Àüü ¼½¼Ç */
.thermage-intro {
    width: 100%;
    height: 760px; /* À̹ÌÁö ºñÀ²¿¡ ¸ÂÃá ³ôÀÌ */
    position: relative;
    background: url("img/thermage_intro_bg.jpg") no-repeat center right;
    background-size: cover;
    font-family: 'Noto Sans KR', sans-serif;
}




/* ¿ÞÂÊ »ó´Ü Thermage ÀÎÁõ ·Î°í */
.thermage-badge {
    position: absolute;
    top: 95px;
    left: 80px;
    width: 135px; /* ¿øº» ºñÀ² */
}




/* ÅؽºÆ® ¹­À½ */
.thermage-textbox {
    position: absolute;


    /* À̹ÌÁö ±âÁØ Á¤È®ÇÑ ÁÂÇ¥ */
    top: 260px;
    left: 300px;
}


/* ¸ÞÀΠŸÀÌƲ "½á¸¶Áö," */
.thermage-textbox .title {
    font-size: 70px;
    font-weight: 800;
    color: #111;
    margin-bottom: 40px;
    letter-spacing: -1px;
}




/* °­Á¶ ¹Ú½º (¾îµð¿¡¼­ / ´©±¸¿¡°Ô) */
.em-box {
    font-size: 40px;
    font-weight: 500;
    color: #111;
    margin-bottom: 22px;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
}


/* º¸¶ó»ö ¹Ú½º */
.em-box span {
    background: #3c0937; /* ¿øº» À̹ÌÁö º¸¶ó»ö ÄÚµå */
    color: #fff;
    padding: 6px 22px;
    margin-right: 12px;
    border-radius: 2px;
}


/* µÎ ¹ø° ÁÙ ¾à°£ÀÇ margin ¹ÌÁ¶Á¤ */
.em-box.second {
    margin-top: 10px;
}