@charset 'utf-8';
.cf:after{content:''; display: block; clear: both;}
.p_t10{padding-top: 10px;}
.p_t30{padding-top: 30px;}
.p_t40{padding-top: 40px;}
.p_b50{padding-bottom: 50px;}
.p_15{padding: 15px 0;}
.p_50{padding: 50px 0;}
.p_60{padding: 60px 0;}
.p_60_40{padding: 60px 0 40px 0;}
.m_t20{margin-top: 20px;}
.m_t30{margin-top: 30px;}
.m_t40{margin-top: 40px;}
.m_t50{margin-top: 50px;}
.m_50{margin: 50px 0;}
.m_b15{margin-bottom: 15px;}
.m_b20{margin-bottom: 20px;}
.m_b25{margin-bottom: 25px;}
.m_b30{margin-bottom: 30px;}
.m_b35{margin-bottom: 35px;}
.m_b50{margin-bottom: 50px;}

.w_1200{width: 1200px; margin: 0 auto;}
.w_100{width: 100%;}

.img_center{text-align: center;}
.bg_01{height: 672px; background: url('../images/bg_01.png') no-repeat center;}

/* 퀵메뉴 */
#asideRight {position:fixed;right:0;top:50%; margin-top: -355px; z-index:10;}
#asideRight ul {width:95px;}
#asideRight li a {display:block;height:78px;background:url('../images/asideRight_01.png') no-repeat;border-bottom:1px solid #626262;text-indent:-9999em}
#asideRight li.nth-child-1 a { transition: all 0.5s;}
#asideRight li.nth-child-2 a {background-position:0 -79px; transition: all 0.5s;}
#asideRight li.nth-child-3 a {background-position:0 -158px; transition: all 0.5s;}
#asideRight li.nth-child-4 a {background-position:0 -237px; transition: all 0.5s;}
#asideRight li.nth-child-5 a {background-position:0 -316px; transition: all 0.5s;}
#asideRight li.nth-child-6 a {background-position:0 -395px; transition: all 0.5s;}
#asideRight li.nth-child-7 a {background-position:0 -474px; transition: all 0.5s;}
#asideRight li.nth-child-8 a {background-position:0 -553px; transition: all 0.5s;}
#asideRight li.nth-child-9 a {background-position:0 -632px; transition: all 0.5s;}
#asideRight li a:hover{background-position-x:right; transition: all 0.5s;}

#header{border-bottom: 1px solid #ebebeb; padding-bottom: 30px;}
#header .inner{width: 1200px; margin: 0 auto; position: relative; z-index: 9999;}
#header .inner .top_menu_wrap{margin-top: 10px;} 
#header .inner .top_menu_wrap .top_menu{overflow: hidden; width: 100%;} 
#header .inner .top_menu_wrap .top_menu ul{overflow: hidden; float: right;}
#header .inner .top_menu_wrap .top_menu ul li{float: left;}
#header .inner .top_menu_wrap .top_menu ul li a{display: block; font-size: 14px; margin-right: 25px; color: #a7a7a7; letter-spacing: -0.11em;}
#header .inner .top_menu_wrap .top_menu ul li.re a{margin-right: 5px;}
#header .inner .top_menu_wrap .top_menu ul li a:hover{color: #333333;}
#header .inner .top_menu_wrap .top_menu ul li a.last{margin-right: 0px;}
#header .inner>h1,
#header .inner>ul{height: 38px; line-height: 38px; margin-top: 15px;}
#header .inner>h1{float:left;}
#header .inner>ul{float:right;}
#header .inner>ul>li{float: left; padding: 0 15px;}
#header .inner>ul>li.last{margin-right: 0; padding: 0 0 0 20px;}
#header .inner>ul>li>a{display: block; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: -0.14em; padding-bottom: 30px;}
#header .inner>ul>li:hover>a{color: #41b9ab; transition: all 0.5s;}
#header .inner>ul>li>.sub_menu{background: #ffffff; display: none; position: absolute; margin-left: -20px;}
#header .inner>ul>li>.sub_menu ul{border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; width: 300px;}
#header .inner>ul>li>.sub_menu ul.re_width_01{width: 135px;}
#header .inner>ul>li>.sub_menu ul.re_width_02{width: 165px;}
#header .inner>ul>li>.sub_menu ul.re_width_03{width: 230px;}
#header .inner>ul>li>.sub_menu ul li{border-bottom: 1px solid #ebebeb;}
#header .inner>ul>li>.sub_menu ul li a{display: block; font-size: 15px; padding-left: 15px;}
#header .inner>ul>li>.sub_menu ul li a:hover{background: #f9fefd; color: #56bbaf;}
#header .inner>ul>li>.sub_menu ul li a>span{display: block; font-size: 14px; line-height: 20px; margin-bottom: 10px; padding-right: 15px; margin-top: -5px;}
#header .inner>ul>li>.sub_menu.right{right: 0;}
#header .inner>ul>li>.sub_menu.sub8{right: 135px;}
#header .inner>ul>li>.sub_menu.sub9{right: 45px;}
#header .inner>ul>li>.sub_menu.sub10{right: -15px;}
#header .inner>ul>li:hover .sub_menu{display: block;}

#visual_wrap_01 .visual_01{height: 537px; background: url('../images/visual_01.png') no-repeat center;}
#visual_wrap_01 .visual_01 a{display: block; height: 537px;}
#visual_wrap_01 .visual_02{height: 537px; background: url('../images/visual_01_02.png') no-repeat center;}
#visual_wrap_01 .visual_02 a{display: block; height: 537px;}
#visual_wrap_01 .visual_03{height: 537px; background: url(/images/visual_01_03.jpg) no-repeat center;}
#visual_wrap_01 .visual_03 a{display: block; height: 537px;}
#visual_wrap_01 .visual_04{height: 537px; background: url(/images/visual_01_04.jpg) no-repeat center;}
#visual_wrap_01 .visual_04 a{display: block; height: 537px;}

#visual_wrap_01 .slick-dots{font-size:0; margin-top:100px;}
#visual_wrap_01 .slick-dots li button::before{width:12px; height:12px; display:inline-block; border-radius:20px; background:white; transition: all 0.5s; animation: scale 1s 1;}
#visual_wrap_01 .slick-dots li.slick-active button::before{width:50px; background:white;}

#visual_wrap_02 .visual_01{height: 537px; background: url('../images/visual_02.png') no-repeat center;}
#visual_wrap_02 .visual_01 a{height: 537px; display: block;}
#visual_wrap_02 .visual_02{height: 537px; background: url('../images/visual_02_02.png') no-repeat center;}
#visual_wrap_02 .visual_02 a{height: 537px;display: block;}
#visual_wrap_02 .slick-dots{font-size:0; margin-top:100px;}
#visual_wrap_02 .slick-dots li button::before{width:12px; height:12px; display:inline-block; border-radius:20px; background:white; transition: all 0.5s; animation: scale 1s 1;}
#visual_wrap_02 .slick-dots li.slick-active button::before{width:50px; background:white;}

/* Dots */
#visual_wrap_01 .slick-dotted.slick-slider,
#visual_wrap_02 .slick-dotted.slick-slider{margin-bottom: 30px;}
#visual_wrap_01 .slick-dots,
#visual_wrap_02 .slick-dots{position: absolute; bottom: 35px; left: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
#visual_wrap_01 .slick-dots li,
#visual_wrap_02 .slick-dots li{display: inline-block; cursor: pointer;}
#visual_wrap_01 .slick-dots li button,
#visual_wrap_02 .slick-dots li button{font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
#visual_wrap_01 .slick-dots li button:hover,
#visual_wrap_01 .slick-dots li button:focus,
#visual_wrap_02 .slick-dots li button:hover,
#visual_wrap_02 .slick-dots li button:focus{outline: none;}
#visual_wrap_01 .slick-dots li button:hover:before,
#visual_wrap_01 .slick-dots li button:focus:before,
#visual_wrap_02 .slick-dots li button:hover:before,
#visual_wrap_02 .slick-dots li button:focus:before{opacity: 1;}
#visual_wrap_01 .slick-dots li button:before,
#visual_wrap_02 .slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; content: ''; text-align: center; opacity: 1; color: white;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
#visual_wrap_01 .slick-dots li.slick-active button:before,
#visual_wrap_02 .slick-dots li.slick-active button:before{opacity: 1; color: white;}






.title_01 h2{text-align: center; font-family: 'Nanum Square'; font-size: 25px; font-weight: 500; background: url('../images/title_01_line.png') no-repeat center;}
.title_01 h2 span{display: line-block; background: #ffffff; padding: 0 10px;}

.box_01_wrap{overflow: hidden;}
.box_01_wrap>div{float: left; width: 288px; margin-right: 16px;}
.box_01_wrap>div.last{margin-right: 0px;}
.box_01_wrap>div>div{border: 1px solid #ebebeb; box-sizing: border-box; height: 376px; position: relative;}
.box_01_wrap>div h3{font-family: 'Nanum Myeongjo', serif; font-size: 20px; text-align: center; font-weight: 500; letter-spacing: -2px; margin-top: 40px; color: #1e1e1e;}
.box_01_wrap>div h4{font-size: 20px; color: #61c5b9; text-align: center; ;}
.box_01_wrap>div .line{display: block; width: 24px; height: 2px; margin: 15px auto; background: #61c5b9;}
.box_01_wrap>div .text{font-size: 14px; color: #555555; text-align: center; letter-spacing: -1px; line-height: 20px;}
.box_01_wrap>div ul li{font-size: 14px; color: #555555; text-align: left; padding: 0 30px; letter-spacing: -1px;}
.box_01_wrap>div .img{text-align: center;}
.box_01_wrap>div .btn{width: 140px; height: 37px; position: absolute; bottom: 20px; left: 50%; margin-left: -70px;}
.box_01_wrap>div .btn a{display: block;  background: #d8dedd; border-radius: 50px; text-align: center; line-height: 37px;}
.box_01_wrap>div .btn a:hover{transition: all 0.5s; background: #61c5b9;}
.box_01_wrap>div .btn img{vertical-align: middle;}

.box_02_wrap{overflow: hidden; width: 1040px; margin: 0 auto;}
.box_02_wrap>div{float: left; margin-right: 13px;}
.box_02_wrap>div.last{margin-right: 0px;}
.box_02_wrap>div>div{width: 338px; height: 423px; position: relative;}
.box_02_wrap>div>div .text_01{font-size: 27px; text-align: center; letter-spacing: -3px;}
.box_02_wrap>div>div .text_02{font-size: 17px; color: #8f8f8f; text-align: center; line-height: 23px;}
.box_02_wrap>div>div .text_02 ul{padding: 0 30px;}
.box_02_wrap>div>div .text_02 ul>li{font-size: 16px; text-align: left; line-height: 23px; border-bottom: 1px solid #ebebeb; height: 40px; line-height: 40px;}
.box_02_wrap>div>div .text_02 ul>li.last{border-bottom: 0;}
.box_02_wrap>div>div .line{display: block; width: 255px; margin: 20px auto; height: 1px; background: #e3e3e3;}
.box_02_wrap>div>div.box_02_01{background: #64a579 url('../images/box_02_01_img.png') no-repeat center top 90px;}
.box_02_wrap>div>div.box_02_02{background: #ffffff;}
.box_02_wrap>div>div.box_02_03{background: #f5f5f5;}
.box_02_wrap>div .btn{position: absolute; bottom: 50px; width: 174px; left: 50%; margin-left: -87px;}
.box_02_wrap>div .btn a{display: block; text-align: center; height: 40px; line-height: 40px;}
.box_02_wrap>div .btn a img{vertical-align: middle;}
.box_02_wrap>div .btn_01 a{background: #373737;}
.box_02_wrap>div .btn_02 a{border: 1px solid #373737;}
.box_02_wrap>div .btn_03 a{background: #5db8ae;}
/* 2026-08-24 칼럼 대메뉴 추가로 11개가 됨 — 한 줄 유지 위해 간격 축소 (원본: 0 15px) */
#header .inner>ul>li{padding: 0 12px;}