@charset "utf-8";
header.hide {transform: translateY(-100%); overflow: hidden;}
/********************************************
	HEADER
********************************************/
#header{ /* position:fixed; top:0;display:flex;justify-content:space-between;gap:10px; align-items: center;  */ width: 100%;height:var(--header-height); margin:0 auto; border-bottom:1px solid var(--concept-color); transition:var(--transition-custom); -webkit-transition:var(--transition-custom);z-index: 4; box-sizing: border-box; }
#header .header-top{display:flex;justify-content:space-between;align-items:center; gap:10px; width: 100%;max-width:var(--wrap-width); height:calc(var(--header-height) - var(--header-top-height)); margin:0 auto; box-sizing: border-box;}
#header .logoArea{flex:0 0 280px; transition:var(--transition-custom); -webkit-transition:var(--transition-custom);z-index:4;}
#header .logo{display:inline-block;width:100%;background:url(/resources/images/layout/logo.png) 0% 50% no-repeat;background-size:auto 45px;min-height:45px;  text-indent: -9999px;box-sizing: border-box; }

#header .util{flex:1; display: inline-flex;justify-content: flex-end;align-items: center; gap:5px;  box-sizing: border-box;z-index:4}
#header .util > a{position:relative;display: inline-flex;align-items: center; gap:10px;  height:36px; border:1px solid var(--concept-color); border-radius: 30px; font-family: 'Paperozi'; font-weight:600;font-size:15px;line-height:1;color:var(--concept-color); padding:0 20px; box-sizing: border-box;}
#header .util > a.type1{border:1px solid var(--primary-color); color:var(--primary-color);}
#header .util > a.type1 > span{ color:#505050;}
#header .util > a.type2{background:var(--concept-color); color:#fff;}
#header .util > a.type2 img{height:18px;}

#gnb { /* display:flex;justify-content:center; align-items: center;gap:10px; */ width: 100%; height:var(--header-top-height); margin:0 auto; box-sizing: border-box; }
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb1_ul {display:flex;justify-content:center; align-items: center; width: 100%; height:100%; transition: 1.0s; position: relative; }
#gnb #gnb1_ul:before{position: absolute; width: 100%; left: 0; top:var(--header-top-height); content: ""; display: block; width: 100%; height: 0;background:#fff; border-top:0px solid var(--concept-color);  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; z-index: -2; opacity: 0; transition: 0.3s; }
/* #gnb:after{ content: ""; display: block; position: fixed; width: 100%; height:0px; left: 0; right: 0; margin: 0 auto; top:var(--header-top-height); background-color:rgba(255,255,255,0.1); z-index:4; opacity: 0; transition: 0.2s; }
#gnb:hover:after{ opacity: 1; }
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""} 
*/
#gnb .gnb1_li {float:none; display: inline-block; line-height:var(--header-top-height); position:relative; padding: 0 80px;transition: 0.5s;  }
#gnb .gnb1_li .bg{ display: none; }
#gnb .gnb1_li > a{ position: relative; display: block; font-family: 'Paperozi'; font-weight:600; color:var(--second-color); text-decoration:none; font-size:22px;letter-spacing:0em;text-transform:capitalize; /* text-shadow: -1px 1px 4px 2px rgba(22, 22, 22, .1); */  transition: 0.3s;cursor: pointer; }

/* 1depth menu hover시 효과 */
#gnb.on #gnb1_ul:before{ height:440px; opacity: 1; } 
#gnb.on {border-top:1px solid #ddd;}
#gnb.on .gnb1_li::after {position: absolute; content: "";  left:0px; top:0; width:1px; height:100%; background: #ddd; }
#gnb.on .gnb1_li:last-child::before {position: absolute; content: "";  right:0px; top:0; width:1px; height:100%; background: #ddd; }
#gnb .gnb1_li:hover > a{ color:#fff; } /* hover시 color */
#gnb .gnb1_li:hover{ background:var(--concept-color);}  /* hover시 bg */
#gnb .gnb1_li > a:after{ content: ""; display: block; width: 100%; height: 3px;background-color: var(--concept-color); position: absolute; left: 50%; bottom:0px; opacity: 0; transform: scale(0) translate(-50%,0); z-index: 5; } 
#gnb .gnb1_li:hover > a:after{ opacity: 1; transition: 0.5s; transform: scale(1) translate(-50%,0); transition-delay: 0.1s; }

/* 2depth menu */
.gnb2_li:first-child {border:0}
.gnb2_ul {display: none; position:absolute;top:var(--header-top-height); padding-top:0px;  width: 100%; left:0px; right: 0; opacity: 0; }
.gnb2_ul li{ position: relative; top: 0px; opacity: 0; }

.gnb1_li:last-child .gnb2_ul_box {border-right:1px solid #e1e1e1;}
.gnb2_ul .gnb2_ul_box { border-top:0;padding:10px 15px;  border-left:1px solid #e1e1e1;  height:440px;  box-sizing: border-box; /* -webkit-transition-delay: 0.8s;transition-delay: 0.8s;*/ }
.gnb1_li:hover .gnb2_ul_box {background:var(--basic-bgcolor);}

.gnb2_li.ss {margin-bottom:10px;}
.gnb2_li > a{display:block;padding:8px 0px;font-weight:400; font-size:15px; line-height:1.2; letter-spacing:-0.0em; color:#ddd;color:#333;text-align:left; text-decoration:none;position: relative; z-index: 1;}
.gnb2_li > a:hover{ color: var(--concept-color); }
.gnb2_li > a:focus, .gnb2_li > a:hover {color:var(--concept-color); }

.gnb_tit{padding:8px 0; font-size:15px;line-height:1;color:#333; text-decoration:none; text-transform: uppercase; }
.gnb2_li > a.gnb3_a { position: relative; padding:4px 0px 4px 10px;font-weight:400; font-size:14px; color:#777; }
.gnb2_li > a.gnb3_a::before{content: "-";position: absolute; left: 0; top:4px; font-size:13px; color:#777; }
.gnb2_li > a.gnb3_a:hover{color:var(--concept-color); }

.icon-newwin{display: inline-block; margin-left:5px; width:10px; height:10px; background:url(/images/layout/newwin-w.png) 0% 50% no-repeat;background-size:10px auto;}
.icon-newwin.depth-1{height:40px;}

.gnb2_ul.on{ opacity: 1; }
.gnb2_ul.on li{ opacity: 1; top: 0; }

/* lagnuage 적용 */
.submenu-lagnuage-wrap {width:90px;height:26px;position: relative; margin-right:60px; z-index:4; }
.submenu-language { width: 100%; height: 100%;background: #000; border-radius: 20px; display: flex; align-items: center;justify-content: center; position: absolute;top: 0; left: 0;z-index: 1;transition: 0.3s ease;}
.submenu-language img:last-child {transition: 0.25s ease;}
.submenu-language.is-active img:last-child {transform: rotate(180deg);}
.language-icon{display:inline-block;width:16px; min-height:16px;background:url(/resources/images/layout/i--earth-wh.png) 50% 50% no-repeat;background-size: auto 16px; }

.submenu-language span { font-weight:500;font-size:11px;line-height: 1;color: #fff;margin-right:8px;}
.submenu-language img:first-child {margin-right: 10px;}

.is-open .submenu-language {background: #f7f7f7;}
.submenu-language.is-active { box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.04);}
.submenu-lagn-list {position: absolute; top: 0;left: 0;width: 100%; background: #f9f9f9;padding: 0 14px;text-align: center; border-radius: 20px; max-height: 0; overflow: hidden; opacity: 0; transition: 0.2s;}
.submenu-lagn-list.is-active {padding: 39px 14px 10px;max-height: 500px;opacity: 1;}
.submenu-lagn-list li { font-size:12px; color: #999; padding-bottom: 12px;cursor: pointer;}
.submenu-lagn-list li.is-active {color: #181818;font-weight: 500;}
.submenu-lagn-list li:last-child {padding-bottom:6px;}

/* 상단 레이아웃 white버전 - 스크롤 반응시 상단 메뉴 */
#header.bg_on{position:fixed;top:0; height:var(--header-top-height); border-bottom:0px solid #e1e1e1;background-color: rgba(255,255,255,1);}
#header.bg_on .logo{display:inline-block;width:100%;background:url(/resources/images/layout/logo.png) 0% 50% no-repeat; background-size:auto 40px;min-height:40px; }
#header.bg_on .gnb2_ul {top:40px;}
#header.bg_on .gnb1_a {color:#444; }
#header.bg_on .gnb2_a {color:#666;}
#header.bg_on a.gnb2_a:hover{ color: #000; }
#header.bg_on .gnb3_a {color:#666;}
#header.bg_on a.gnb3_a:hover{color: #000; }
#header.bg_on #gnb #gnb1_ul:before{background-color: rgba(255,255,255,1); border-bottom:1px solid #eee;}
#header.bg_on #gnb .gnb1_li > a:after{  background-color: var(--concept-color); } 
#header.bg_on #gnb.on #gnb1_ul:before{ height:420px;}
#header.bg_on #gnb .gnb1_li:hover > a{ color: var(--concept-color); }
#header.bg_on .m_open{padding-bottom:0px; }
#header.bg_on .util a{color:var(--second-color); }
#header.bg_on .util a::after{background:var(--concept-color);}
#header.bg_on .util a:first-child::after{background:none;}
#header.bg_on .util a.on{font-weight: 600;color:var(--concept-color);}
#header.bg_on .insta{display: inline-block;width:21px; height:21px;background:url(/resources/images/layout/t-insta.png) 50% 50% no-repeat;background-size:21px auto; text-indent: -9999px;}
#header.bg_on .blog{display: inline-block;width:30px; height:21px;background:url(/resources/images/layout/t-blog.png) 50% 50% no-repeat;background-size:30px auto; text-indent: -9999px;}
#header.bg_on #gnb .icon-newwin{background:url(/resources/images/layout/newwin.png) 0% 50% no-repeat;background-size:10px auto;}
#header.bg_on .btn-language{background:url(/resources/images/layout/i--earth.png) 50% 50% no-repeat;}
#header.bg_on .languagebox{top:var(--header-top-height);}
/* Header END */

/* new mobile-menu */
.nav-but-wrap{ /* position:fixed;*/ position: absolute; top:0; right:var(--wrap-padding); display:inline-flex;justify-content:flex-end; align-items: center; width:50px;height:var(--header-height); text-align:right; transition : all 0.3s ease-out; z-index:100; margin-top:4px; display:none; }
/* 스크롤 반응시 사용시 적용 :
.nav-but-wrap.bg_on{height:var(--header-top-height);}
.nav-but-wrap.bg_on .menu-icon__line {background-color: var(--second-color);} 
body.nav-active .nav-but-wrap.bg_on{height:var(--header-height);  }
body.nav-active .nav-but-wrap.bg_on .menu-icon__line {background-color: var(--second-color);} */

.menu-icon {height: 30px;width: 30px;position: relative;z-index:5;cursor: pointer;display: block;}
.menu-icon__line {height: 2px;width: 30px;display: block;background-color: var(--second-color); margin-bottom: 7px;cursor: pointer;-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;transition: background-color .5s ease, -webkit-transform .2s ease;transition: transform .2s ease, background-color .5s ease;transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;}
.menu-icon__line-left {width: 16.5px;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.menu-icon__line-right {width: 16.5px;float: right;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {width: 30px;}

.nav {position: fixed;z-index: 98; }
.nav:before, .nav:after {content: "";position: fixed;width: 100vw;min-height: 100vh;height:100%;background: rgba(255,255,255, 0.6); border-bottom-left-radius: 200%;z-index:-1;-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;-webkit-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%);}
.nav:after {background: rgba(255,255,255,1); -webkit-transition-delay: 0s; transition-delay: 0s;}
.nav:before {-webkit-transition-delay: .2s; transition-delay: .2s;}

.nav__content {position: fixed;visibility: hidden;top:0;/* margin-top: 20px;  -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);*/ display:flex; flex-direction: column; justify-content: flex-start; width: 100%; padding:60px 5% 60px;  overflow-y: auto;height:100%; box-sizing: border-box;}
.nav__list {/* position: relative; z-index: 2;  */ padding:0;margin: 0;}

/* new lnb */
.lnb_logo{width:300px; margin-right:100px; margin-top:20px; }
.lnb_logo img{max-height:55px; max-width:100%;}

.lnbtop{width:100%; border-bottom:1px solid #444; padding-bottom:40px; margin-bottom:40px;  }

.lnb_language{/* position:absolute; left:5%; top:7%; display:flex;align-items: center;*/ width:100%;display:flex;align-items: center; opacity: 0;  z-index:2}
.lnb_language li > a{position: relative;display: inline-flex;justify-content: center; align-items: center;margin-left:2px; padding:8px 20px; border-radius: 20px; background:#fff;  font-size:12px;line-height:1;color:rgba(0,0,0, .8); z-index: 4; }
.lnb_language li:first-child > a{margin-left:0px;}
.lnb_language li > a.on{background: var(--concept-color); font-weight: 600; color:rgba(255,255,255, 1);}

.lnb_util{width:100%;display:flex;align-items: center; gap:5px;  opacity: 0;  z-index:2}
.lnb_util li > a{position: relative;display: inline-flex;justify-content: center; align-items: center; font-family: 'Paperozi'; font-weight:500;font-size:16px;line-height:1; background:var(--concept-color); color:#fff; padding:8px 20px; border-radius: 20px; }
.lnb_util li > a.type1{border:1px solid var(--primary-color); color:var(--primary-color);}
.lnb_util li > a.type1 > span{color:#505050;}


.lnb_ul{width:100%; box-sizing: border-box;}
.lnb__li {position: relative; /* display:flex;align-items: center;*/ display:block; padding:20px 10px; border-bottom:1px solid #ddd;   -webkit-transition-delay: 0.8s;transition-delay: 0.8s;opacity: 0; overflow: hidden;-webkit-transform: translate(100px, 0%); transform: translate(100px, 0%);-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;transition: opacity .2s ease, -webkit-transform .3s ease;transition: opacity .2s ease, transform .3s ease;transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; box-sizing: border-box; }
.lnb__li > a{ position: relative;display:inline-block;width:100%;  text-decoration: none;font-family: 'Paperozi'; font-weight:600; font-size:20px;line-height: 1.15;letter-spacing: 0px; color:#333; overflow: hidden; cursor: pointer;padding:0px 40px 0px 0px;z-index: 2; text-transform: uppercase; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
.lnb__li.is-on > a{color:var(--concept-color); }
/*.lnb__li > a:after{ position: absolute;content: '';bottom:0px; left: 50%;width: 0;height: 0;opacity: 0;background-color:  var(--primary-color);z-index: 1; -webkit-transition: all 200ms linear;transition: all 200ms linear; }
.lnb__li > a:hover:after{ height: 3px;opacity: 1;left: 0;width: 100%;} 
.lnb__li.is-on > a:after{ height: 3px;opacity: 1;left: 0;width: 100%;}
*/

.lnb__li .toggle{display:flex;justify-content:center;align-items:center;position:absolute;right:0px;top:20px; width:30px;height:30px;box-sizing: border-box; cursor:pointer; /* z-index: 2; */ }
.lnb__li .toggle:before{content:'';display:block;width:10px;height:2px;background:var(--concept-color); transform:rotate(45deg);transform-origin: right center;transition:0.3s}
.lnb__li .toggle:after{content:'';display:block;width:10px;height:2px;background:var(--concept-color); transform:rotate(-45deg);transform-origin: left center;transition:0.3s}
.lnb__li.is-on .toggle:before{transform:rotate(-45deg);margin-top:-10px;transform-origin: right center;}
.lnb__li.is-on .toggle:after{transform:rotate(45deg);margin-top:-10px;transform-origin: left center;}
.lnb__sub{display:flex;flex-direction:row; gap:10px 20px; flex-wrap: wrap; padding-top:10px; box-sizing: border-box; }
.lnb__sub > li{position: relative; padding-left:20px; }
.lnb__sub > li > a{display:block;line-height:1.3;font-size:17px; color:#666; }
.lnb__sub > li > a:hover{color:#333; }
.lnb__sub > li::after{position: absolute;content: ''; left:0; top:50%; transform:translateY(-50%);background:rgba(22,22,22,.4); width:1px; height:50%;   }
.lnb__sub > li:first-of-type{padding-left:0px; }
.lnb__sub > li:first-of-type::after{display:none; }

body.nav-active .nav__content {visibility: visible;}
body.nav-active .menu-icon__line {background-color: var(--second-color);-webkit-transform: translate(0px, 0px) rotate(-45deg);transform: translate(0px, 0px) rotate(-45deg);}
body.nav-active .menu-icon__line-left {width: 15px;-webkit-transform: translate(2px, 4px) rotate(45deg);transform: translate(2px, 4px) rotate(45deg);}
body.nav-active .menu-icon__line-right {width: 15px;float: right;-webkit-transform: translate(-3px, -3.5px) rotate(45deg);transform: translate(-3px, -3.5px) rotate(45deg);}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {width: 15px;}
body.nav-active .nav {visibility: visible;}
body.nav-active .nav:before, body.nav-active .nav:after {-webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%);border-radius: 0;}
body.nav-active .nav:after {-webkit-transition-delay: .1s; transition-delay: .1s;}
body.nav-active .nav:before {-webkit-transition-delay: 0s;transition-delay: 0s;}
body.nav-active .lnb__li {opacity: 1;-webkit-transform: translateX(0%); transform: translateX(0%);-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;transition: opacity .3s ease, transform .3s ease, color .3s ease;transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease; -webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
body.nav-active .lnb_util{opacity: 1; -webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
body.nav-active .lnb_language{opacity: 1; -webkit-transition-delay: 0.5s;transition-delay: 0.5s;}

body.nav-active{   
  overflow: hidden;
/* position: fixed;width: 100%;height: 100% */
}

body.nav-active #header.bg_on{border-bottom:0px solid #ebebeb;background-color:transparent;height:var(--header-height);}
body.nav-active #header.bg_on .menu-icon__line {background-color: var(--second-color);} 
body.nav-active #header{border-bottom:0; }
body.nav-active #header .logo{ display:none; }
body.nav-active #gnb{ display:none; }
body.nav-active #header .util{display:none; }
body.nav-active #header .language{display:none; }
body.nav-active #header .submenu-lagnuage-wrap{display:none; }

/* top btn */
.btn_up_layer {position:fixed;bottom:20px;right:15px;display:none;flex-direction: column;justify-content:center;align-items:center; gap:5px; text-align: center; width:46px;  height:46px; border:1px solid #ddd; background:#fff;border-radius:50%;z-index:9;cursor:pointer;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.07); }
.btn_up_layer .icon {width:100%;height:14px; text-align: center;background:url(/resources/images/layout/top-arrow.png) 50% 0% no-repeat; background-size:auto 14px; text-indent: -9999px; }
.btn_up_layer .button-text {font-weight: 600;color:#fff; font-size:13px;letter-spacing:-0.02em;}
.btn_up_layer.active{display:flex;}

/* footer  */
.footer{width:100%; border-top:1px solid #ddd; margin:0px auto; padding:40px var(--wrap-padding); box-sizing: border-box;}
.footer:after {content:""; display:block; clear:both; height:0;}
.footer .f_inner{display:flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;gap:10px; width:100%;max-width:var(--wrap-width);margin:0px auto;box-sizing: border-box;}
.footer .f_logo{flex:0 0 250px;text-align:left;min-height:35px;background:url(/resources/images/layout/logo-gray.png) 0% 0% no-repeat;background-size:auto 35px; text-indent: -9999px;}
.footer .f_cont{flex:1;}
.footer .f_cont li{display:flex;align-items: center; flex-wrap: wrap; gap:6px 20px; margin-top:6px;}
.footer .f_cont li:first-child{margin-top:0px;}
.footer .f_cont li p{font-weight: 300;color:#555;font-size:14px;line-height:1.2;margin-bottom:0px; }
.footer .f_cont li p > span{display:inline-block;font-weight:500;color:#555;margin-right:10px; }
.footer .f_cont .c_name{font-weight:600;color:#2a2a2a;font-size:16px;  }
.footer .f_copy{width:100%; font-weight: 300;color:#666;font-size:13px;line-height:1.2;margin-top:6px;}	

.f_sns {display:inline-flex;justify-content:flex-end;align-items:center; gap:20px; box-sizing: border-box;}
.sns-blog{display: inline-block;width:35px; height:16px;background:url(/resources/images/layout/sns-blog.png) 50% 50% no-repeat;background-size:35px auto; text-indent: -9999px;}
.sns-insta{display: inline-block;width:25px; height:24px;background:url(/resources/images/layout/sns-insta.png) 50% 50% no-repeat;background-size:25px auto; text-indent: -9999px;}
.sns-youtube{display: inline-block;width:23px; height:16px;background:url(/resources/images/layout/sns-youtube.png) 50% 50% no-repeat;background-size:23px auto; text-indent: -9999px;}
.sns-kakao{display: inline-block;width:28px; height:26px;background:url(/resources/images/layout/sns-kakao.png) 50% 50% no-repeat;background-size:28px auto; text-indent: -9999px;}

.f_smenu {display:flex;align-items:center; gap:5px; box-sizing: border-box; margin-bottom:20px; }
.f_smenu > a {position:relative;display:inline-block;font-weight: 400;font-size:14px;color: #333; padding:6px 12px; border:1px solid #ddd; border-radius: 4px; /*padding-left:14px; */ }
/* .f_smenu > a::after {position:absolute; left:0; top:50%;transform:translateY(-50%);content: ' '; width:4px;height:4px;background:#aaa;border-radius:50%;}
.f_smenu > a:first-child{padding-left:0px;}
.f_smenu > a:first-child::after {position:absolute; left:0; top:50%;transform:translateY(-50%);content: ' '; width: 0px;height: 0px;margin-left:0px; } */
.f_smenu a.bold{font-weight:600;color:var(--concept-color);}

.family{width:100%;text-align:right;position:relative;}
.familysite{display: inline-block; width:180px;height:40px; text-align:left; font-size:14px;color:rgba(255,255,255, .9);line-height:1;border:1px solid #444; background:url(/resources/images/layout/up-wh.png) 92% 50% no-repeat; /* background:url(/resources/images/layout/up-wh.png) 95% 50% no-repeat #ec202b; */ padding:0 15px;box-sizing: border-box;z-index:3;}
.familysite_box{display:none;z-index:101;position:absolute;/*top:30px;*/bottom:40px;right:0px; width:180px;/*background:var(--concept-color);*/background:#222328; border:0px solid #333;}
.familysite_box li{display: inline-block;width:100%;text-align:left;border-top:0px solid #fff;padding:0px 15px;box-sizing: border-box;}
.familysite_box li:first-child{border-top:0px solid #ebebeb;padding-top:10px;}
.familysite_box li:last-child{padding-bottom:10px;}
.familysite_box li a{ color:#fff;font-size:14px;line-height:34px;}
.familysite_box li a:hover{color:#000;}

.ellipsis01{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 

/*img 관련 */
.imgMax{max-width:100%;}
.imgFix{width:100%;}
.fullsize{width: 100%;}
.fullsize img{width: 100%;}

.slideImg{position: relative; display: inline-block; width:100%; height:0px;padding-top:75%;overflow: hidden;border:1px solid #eee; border-radius:0px;background-size: cover; background:#fff;box-sizing: border-box; }
.slideImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%; }
.slideImg.mid{padding-top: 56.25%; }
.slideImg.mid-none{padding-top: 56.25%;border:0px solid #eee; }
.slideImg.full{padding-top: 100%; }
.slideImg.full-circle{padding-top: 100%;border-radius:50%;border:0px;}

/* 팝업 Basic */
.popupWrap_A{position:relative;display:flex; align-items:center; width: 100%; height:100vh;/*background:#fff;*/margin:0 auto;padding:0 2%; box-sizing: border-box;}/* basic */
.popupWrap_A img{max-width: 100%;}

.icon-close-black{position: absolute;right:20px;top:10px;width:21px; height:21px;background:url(/resources/images/layout/close_black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:0px;top:0px;width:18px; height:18px;background:url(/resources/images/layout/close_white.png) 50% 50% no-repeat; background-size:auto 18px;  text-indent: -9999px; z-index:2}
.icon-close-white.p-inner{right:20px;top:13px;}
.icon-close-black.p-inner{right:20px;top:13px;}
.icon-close-circle{position: absolute;right:15px;top:15px;width:30px; height:30px;background:url(/resources/images/layout/close_white.png) 50% 50% no-repeat var(--concept-color);background-size:auto 12px; border-radius:50%; text-indent: -9999px; z-index:2}
.icon-close-pop{position: absolute;right:0px;top:0px; width:50px; height:50px;background:url(/resources/images/layout/close_white.png) 50% 50% no-repeat var(--second-color);background-size:auto 14px; text-indent: -9999px; z-index:2}
.close-black{width:24px; height:24px;background:url(/resources/images/close-black.png) 50% 50% no-repeat;text-indent: -9999px;}

.popupBox_A{position:relative;width: 100%;padding:0px;/* background:#fff; */ margin-top:30px;border-radius:4px; overflow: auto; } /* basic - x버튼 위에 */
.popupBox_A img{max-width: 100%;}

/* 스크롤바 설정*/
.popupWrap_A::-webkit-scrollbar{width: 10px;}
.popupWrap_A::-webkit-scrollbar:vertical {width: 10px;}
.popupWrap_A::-webkit-scrollbar:horizontal {height: 10px;}
.popupWrap_A::-webkit-scrollbar-thumb{background-color: var(--concept-color);}
.popupWrap_A::-webkit-scrollbar-track{background-color: #242424;}

.popupBox_B{position:fixed; left:50%; transform:translateX(-50%); bottom:0; display:flex; flex-direction: column; width: 100%; max-height:100vh; background:#fff; border-radius:8px 8px 0px 0px; padding:0px; box-sizing: border-box;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;  -webkit-overflow-scrolling: touch; } /* bottom  */
.pop--topline{width:100%; padding:20px 25px 10px; border-bottom:1px solid #ddd; }

.pop--top{width:100%; padding:15px 20px; background:var(--concept-color) /*#222*/; } 
.popup--inner{width:100%;background:#fff; max-height:90vh; padding:30px;box-sizing: border-box;position:relative;overflow: auto;  }
.popupBox_B .popup--inner{max-height:100vh; }

/* modal iframe 호출시 height 100% 기준 */
.popupWrap-iframe{position:relative;display:flex; align-items:center; width: 100%;height:100vh;  margin:auto;padding:0;box-sizing: border-box;}
.popup-iframe{width:100%;background:#fff; height:calc(100vh - 85px); margin:0;box-sizing: border-box;position:relative; }  /* popup inner : height 100% 기준, pc버전에서는 위아래 여백을 둠 */
.popup-iframe.auto{max-height:calc(100vh - 85px);height:auto; } 

.modal-top{display:flex;justify-content: space-between; align-items:center; gap:10px; width:100%; height:45px; padding:0px 20px; background:#444741; box-sizing: border-box;} 
.modal-top .close-white{width:18px; height:18px;background:url(/resources/images/close-white.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.modal-top .close-black{width:18px; height:18px;background:url(/resources/images/close-black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.modal-top.wh{background:#fff;}
.pop-title {font-weight:700;font-size:17px;line-height:1;color:#fff;letter-spacing:-0.02em;}

.modal-iframe {width: 100%; height: 100%; border: none;} /* modal iframe */
.modal-form{width:100%; padding:30px 40px 40px; box-sizing: border-box;}

/* html, body.modal-open {overflow: hidden; height: 100%;} */
body.modal-open {overflow: hidden;position: fixed;width: 100%;}
.not_scroll{position: fixed; overflow: hidden; width: 100%;height: 100%}
.not_scroll .cont { position: relative; top: 0;}
/* // 팝업 Basic */

/* video 사용할 경우 */
.video_wrap{position: relative; margin:0px auto; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.youtubeP{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.content-video{position:relative; width:100%; margin:0 auto; text-align:center; background-color: #000; overflow:hidden; vertical-align:top; padding: 0px;}
.content-video:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";} 
.content-video-txt{z-index: 2; position:absolute; top:50%;transform:translateY(-50%);text-align:center; }
.content-video video{background-color: #000;opacity:1;vertical-align:top;max-width:100%;height:auto}

.pc_only{display: inline-block;}
.mo_only{display: none;}
.pc_img{}
.mo_img{display: none;}

.inner{position:relative; width:100%;max-width:var(--wrap-width);margin:0 auto;padding:0;box-sizing: border-box;}
.inner:after {display:block; clear:both; content:'';}

/********************************************
	MAIN
********************************************/
.main-container {display:flex; gap:30px;flex-wrap: wrap; width:100%; max-width:var(--wrap-width); margin:0 auto; padding:40px 0; box-sizing: border-box;}
.main-container .leftArea{flex:1; min-width: 0;}
.main-container .rightArea{width:30%; display:inline-flex;flex-direction: column; justify-content:space-between; gap:0px; }

.section-1{display:flex;gap:30px;flex-wrap: wrap; width:100%; margin:0 auto; padding-top:30px; box-sizing: border-box; }
.section-1 .noticeArea{width:40%; }
.section-1 .quickArea{flex:1; display:inline-flex; align-items: center; }

.mainImg{position:relative;width:100%; overflow:hidden;}
.mainImg a{width:100%;padding:0;margin:0;}
.mainImg a img{width:100%; border-radius: 20px;}

.mainBanner{position:relative;width:100%; overflow:hidden;border-radius:10px; }
.mainBanner a{width:100%;padding:0;margin:0;}
.mainBanner a img{width:100%;}
.mainBanner .thumb{width:100%;overflow: hidden;border-radius:10px;box-sizing: border-box;  }
.mainBanner .thumb img{width:100%;border-radius:10px;}

.main-popup-top{display:flex; justify-content: space-between;align-items: center; width:100%; }
.main-popup-tit{font-family: 'Paperozi'; font-weight:600;font-size:16px;color:var(--second-color);line-height:1;box-sizing: border-box; }

/* swiper .mainBanner */
/* .swiper-control-box{width:140px; background:rgba(0, 0, 0, .7); color:#fff;padding:5px 10px; border-radius:10px 0 10px 0px; position:absolute; right:1px; bottom:1px; z-index:2; display:flex; align-items:center; justify-content: space-between;} */
/*.swiper-control-box{width:140px;color:#333;padding:0px 0px 5px; box-sizing: border-box;  display:flex; align-items:center; justify-content: space-between;} 
.swiper-control-box .swiper-pagination{position:relative; bottom:auto; left:auto;width:auto; display: inline-flex;align-items: center;justify-content: center; height:20px; z-index: 1; }
.swiper-control-box .swiper-pagination > *{min-width:16px;font-size:12px; line-height: 1; }
.swiper-control-box .swiper-pagination .line{margin:0px 5px; min-width:auto; width:8px; height:1px; background:#aaa; }
.swiper-control-box .swiper-pagination .swiper-pagination-total{opacity:.6; }

.swiper-button-wr{position:relative; width:80px; height:24px; text-align:center; }
.swiper-button-wr .swiper-button-next,
.swiper-button-wr .swiper-button-prev{ background:none; width:24px; height:24px; border:1px solid #ddd; border-radius: 50%; margin-top:0; font-weight:500; color:#333;  display: flex;align-items: center;justify-content: center; top:0; }
.swiper-button-wr .swiper-button-next{right:0;}
.swiper-button-wr .swiper-button-prev{left:0;}
.swiper-button-wr .swiper-button-next::after{content:"\e93f"; font-family: xeicon!important;  font-size:18px;}
.swiper-button-wr .swiper-button-prev::after{content:"\e93c"; font-family: xeicon!important; font-size:18px;}
.swiper-button-wr .swiper-pause-wr{position:relative;  width:24px; height:24px; border:1px solid #ddd; border-radius: 50%;  display:inline-block; font-size:16px; }
.swiper-button-wr .swiper-pause-wr > div{position:absolute; left:0 ;top:0; display:flex; align-items:center; justify-content: center; width:100%; height:100%; cursor:pointer;}
.swiper-button-wr .swiper-pause-wr #play{display:none;}
slider.js .main-popup-top .swiper-pagination  같이 수정필요 */
.swiper-control-box{width:130px; background:rgba(39, 118, 72, .7); color:#fff;padding:5px; border-radius:10px 0 10px 0px; position:absolute; right:1px; bottom:1px; z-index:2; display:flex; align-items:center; justify-content:center; gap:0px; }
.swiper-control-box .swiper-pagination{position:relative; bottom:auto; left:auto;width:auto; display: inline-flex;align-items: center;justify-content: center; height:18px; margin:0 5px; z-index: 2; }
.swiper-control-box .swiper-pagination > *{min-width:16px;font-size:11px; line-height: 1;}
.swiper-control-box .swiper-pagination .line{margin:0px 5px; min-width:auto; width:6px; height:1px; background:#eee; }
.swiper-control-box .swiper-pagination .swiper-pagination-total{opacity:.6; }
.swiper-button-wr{position:relative; width:60px; height:18px; text-align:center; }
.swiper-button-wr .swiper-button-next,
.swiper-button-wr .swiper-button-prev{ background:none; width:18px; height:18px;  margin-top:0; color:#fff;  top:auto; display: flex;align-items: center;justify-content: center; top:0; }
.swiper-button-wr .swiper-button-next{right:0;}
.swiper-button-wr .swiper-button-prev{left:0;}
.swiper-button-wr .swiper-button-next::after{content:"\e93f"; font-family: xeicon!important;  font-size:17px;}
.swiper-button-wr .swiper-button-prev::after{content:"\e93c"; font-family: xeicon!important; font-size:17px;}
.swiper-button-wr .swiper-pause-wr{position:relative; width:18px; height:18px; display:inline-block; font-size:15px;}
.swiper-button-wr .swiper-pause-wr > div{position:absolute; left:0 ;top:0; display:flex; align-items:center; justify-content: center; width:100%; height:100%; cursor:pointer;}
.swiper-button-wr .swiper-pause-wr #play{display:none;}




.notice-top{display:flex;align-items: center; gap:20px; margin-bottom:20px; }
.notice-top .tit{font-family: 'Paperozi'; font-weight:600;font-size:24px;color:var(--second-color);line-height:1; background:url(/resources/images/layout/ico-notice.png) 0% 50% no-repeat;background-size:30px auto; min-height:20px; padding-left:40px; }
.notice-top .more-txt{display:inline-flex; align-items: center; gap:5px; font-weight:400;font-size:14px;color:var(--second-color);line-height:1;}
.notice-top .more-txt > span{font-weight:800;font-size:20px;color:var(--concept-color); padding-bottom:2px;}

.notice-list{width:100%; }
.notice-list li{width:100%; padding:10px 5px; border-top:1px solid #ddd;  box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice-list li:first-child{border-top:0;}
.notice-list li > a{width:100%;font-weight:400;font-size:16px;color:var(--second-color);line-height:1.2; }

.main-quick{width:100%; }
.main-quick ul{display:flex;flex-wrap: wrap; gap:30px; }
.main-quick li{flex:1; }
.main-quick li > a{display:inline-flex; align-items: center; flex-direction: column; gap:10px; width:100%;transition: all 0.3s ease-in-out;  }
.main-quick .quick-icon{position: relative; width:100%; height:0; padding-top:100%; border-radius:10px;background:#f1f1f1; background-size:75px auto;overflow: hidden; /*display:inline-flex; align-items: center; justify-content: center; */ box-sizing: border-box;transition: all 0.3s ease-in-out;  }
.main-quick .quick-icon img{position: absolute; left:50%; top:50%; max-width:100%; max-height:100%;transform:translate(-50%, -50%); padding:10px 20%; box-sizing: border-box;}

.main-quick .quick-txt{font-weight:400;font-size:16px;line-height:1.2;color:var(--second-color);letter-spacing:-0.03em; text-align: center;}
.main-quick .quick-txt > span{font-weight:600;}
.main-quick li > a:hover .quick-icon{ /*box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px -18px 36px -18px inset;*/ /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/  }
.main-quick li > a:hover .quick-icon img{ -webkit-animation: mov-1 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: mov-1 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; }

@-webkit-keyframes mov-1 {
  0% {
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
  }
  50% {
    -webkit-transform:translate(-50%, -30%);
            transform:translate(-50%, -30%);
  }
  100% {
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
  }
}
@keyframes mov-1 {
  0% {
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
  }
  50% {
    -webkit-transform:translate(-50%, -30%);
            transform:translate(-50%, -30%);
  }
  100% {
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
  }
}

/* v1버전
.main-container {width:100%; max-width:var(--wrap-width); margin:0 auto; padding:40px 0; box-sizing: border-box;} 
.section01{display:flex;gap:30px;flex-wrap: wrap; width:100%; margin:0 auto;  box-sizing: border-box;}
.section01 .visualArea{flex:1; min-width: 0;}
.section01 .bannerArea{width:30%; display:inline-flex;flex-direction: column; justify-content:space-between; }

.section02{display:flex;gap:30px;flex-wrap: wrap; width:100%; margin:0 auto; padding-top:30px; box-sizing: border-box;}
.section02 .noticeArea{width:25%; }
.section02 .quickArea{flex:1; display:inline-flex; align-items: center; }
.section02 .bannerArea{width:30%;}
.section02 .bannerArea > a{display:flex; justify-content: space-between; align-items: center; width:100%; height:100%; background: #9499a3; border-radius: 10px; padding:10px 20px 10px 40px; box-sizing: border-box;}
.section02 .bannerArea .tit{font-weight:700;font-size:30px;color:#fff;line-height:1;margin-bottom:20px;}
.section02 .bannerArea .icon img{width:100px;}
.mainBanner .thumb{position: relative;width:100%; height:0px;padding-top:75%;overflow: hidden;border-radius:10px;background-size: cover;border:1px solid #f1f1f1;box-sizing: border-box; }
.mainBanner .thumb img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
 */

.more-btn{display:inline-flex; align-items: center; gap:10px;font-weight:400;color:var(--second-color);font-size:14px; line-height: 1.2;}
.more-btn .ico{display:inline-flex; width:22px; height:22px; background:url(/resources/images/layout/arr-wh.png) 50% 50% no-repeat var(--second-color);background-size:10px auto; border-radius: 50%;}

.main-cs{width:100%; border-top:1px solid #ddd; padding:20px 0;box-sizing: border-box;}
.main-cs .cs-inner{display:flex; justify-content: space-between;flex-wrap: wrap; gap:20px; width:100%; max-width:var(--wrap-width); margin:0 auto; }
.main-cs .left-info{flex:1; display:inline-flex;align-items: center; gap:10px; }
.main-cs .right-info{width:30%; /*flex:0 0 400px;*/ display:inline-flex;justify-content: flex-end;align-items: center; gap:5px; }
.main-cs .cs-icon img{height:45px; }
.main-cs .cs-tit{font-family: 'Paperozi'; font-weight:600;font-size:20px;color:var(--second-color);line-height:45px;background:url(/resources/images/main/cs-icon01.png) 0% 50% no-repeat;background-size:28px auto;  padding-left:35px; min-height:45px;  }
.main-cs .cs-num{font-family: 'Paperozi'; font-weight:800;font-size:28px;color:var(--concept-color);line-height:1; margin-left:15px; }
.main-cs .cs-txt{font-size:14px;color:#505050;line-height:1;  }
.main-cs .r-icon img{height:30px; }
.main-cs .r-tit{font-size:18px;color:var(--second-color); line-height:1; }
.main-cs .r-tit > span{font-weight:700; }
.main-cs .r-num{font-weight:700;font-size:24px;color:var(--concept-color);line-height:1;  margin-left:10px; }

.f-partner{width:100%;margin:0 auto;border-top:1px solid #ddd; background: #fafafa; padding:20px 0;box-sizing: border-box;}
.f-partner .inner{position:relative;padding:0px 30px;}
/* .m_partner 스와이퍼 */ 
.swiper_1 { position:relative;width:100%;padding:0px 0 0 80px;margin:0px auto;z-index:1; box-sizing: border-box;} 
.swiper_1 .swiper-wrapper{display:flex;justify-content: center;align-items: center; }
.swiper_1 .swiper-slide {width:auto !important;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper_1 .swiper-slide img{max-width:100%; height:30px;}

/* 버튼관련 */ 
.f-partner .swiper-button-prev,  
.f-partner .swiper-button-next{position:absolute; width:8px; height:15px; background-size:auto 15px;top:50%;margin-top:-8px;z-index:2;} /*크기*/
.f-partner .swiper-button-prev{background-image: url(/resources/images/layout/p_prev.png); left: 10px;} /*이미지,위치*/
.f-partner .swiper-button-next{background-image: url(/resources/images/layout/p_next.png); right:10px;}

.f-partner .swiper-button-next.swiper-button-disabled, .f-partner .swiper-button-prev.swiper-button-disabled {
	opacity:.0;
	cursor: auto;
	pointer-events: none
}

.swiper_1 .swiper-pagination-bullet {width: 12px;height: 7px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
.swiper_1 .swiper-pagination-bullet-active {width:40px;height:7px;background:#7357bd;}
.swiper_1 .swiper-scrollbar {display:none;border-radius:10px;position:relative;-ms-touch-action:none;background:#e2e2e2}
.swiper_1.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:0%;bottom:0px;z-index:50;height:2px;width:100%;}
.swiper_1 .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.9);border-radius:0px;left:0;top:0}
.swiper_1 .swiper-scrollbar-cursor-drag {cursor:move}
.swiper_1 .swiper-pagination-progress {background:rgba(0,0,0,.9);position:absolute}

.more{display:inline-flex;justify-content: center; align-items: center; height:40px; background:var(--concept-color); border-radius: 10px; padding:0px 24px;box-sizing: border-box;}
.more > span{display:inline-block; font-weight:400; color:#fff;font-size:14px; line-height: 1.2; background:url(/resources/images/layout/arr-wh.png) 100% 50% no-repeat;background-size:12px auto; padding-right:24px;}

.gallery--list{width:100%;box-sizing: border-box;}
.gallery--list .thumb{position: relative;width:100%; height:0px;padding-top:100%;overflow: hidden;border-radius:0px;border:1px solid #f1f1f1; background:#f9f9f9; box-sizing: border-box;}
.gallery--list .thumb img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%; border-radius:0px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.gallery--list:hover .thumb img{-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);}
.gallery--list .textArea{margin-top:20px;text-align: left; padding:0 5px; box-sizing: border-box;}
.gallery--list .category{font-weight:600;font-size:16px;color:#222;line-height:1;letter-spacing:-0.01em;}
.gallery--list .tit{font-weight:600;font-size:18px;color:#222;letter-spacing:-0.01em;line-height:1.45; /* overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em; height: 2.6em; */ }
.gallery--list .date{font-weight:300;font-size:14px;color:#666;line-height:1.45;letter-spacing:-0.01em;margin-top:10px;}

.list-type{width:100%;margin:0px auto 40px;}
.list-type ul{display:flex;flex-wrap: wrap;width:100%; gap:40px; }
.list-type li{box-sizing: border-box; position:relative; }
.list-type ul.type-3 li{width:-webkit-calc(100% / 3 - 26.6666px); width:calc(100% / 3 - 26.6666px);}
.list-type ul.type-4 li{width:-webkit-calc(100% / 4 - 30px); width:calc(100% / 4 - 30px);}
.list-type ul.type-5 li{width:-webkit-calc(100% / 5 - 32px); width:calc(100% / 5 - 32px);}
.list-type.border li{background:#fff;border:1px solid #ddd; }

.video_box {position:relative;cursor:pointer;background:#ddd; padding-bottom: 56.25%;height: 0;overflow: hidden; }
.video_box .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.video_box .movie_btn p {font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 18px; color: #fff; opacity: .7; letter-spacing: 1px; padding-top: 10px;}
.video_box .movie_btn button {  
  font-size: 0;
  color: transparent;
  display: inline-block;
  cursor: pointer;
}
.video_box .movie_btn button::before {
  content: "";
  display: inline-block;  
  width: 82px;
  height: 82px;
  background:url(/resources/images/icon.png) no-repeat 0 0;    
  background-position:0 -100px;
}
.video_box video {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

/*  SUB LAYOUT  */
.container {position:relative; width:100%; max-width:var(--wrap-width);margin:0 auto; padding:0px 0 50px; min-height:400px; background: #fff; box-sizing: border-box;}
.contents-wrap{display:flex; gap:60px; flex-wrap: wrap; width:100%;  box-sizing: border-box;}
.contents-wrap .lnbArea{width:250px; }
.contents-wrap .contArea{width:calc(100% - 250px - 60px);  box-sizing: border-box;}
/* lnb 전체 박스 */
.sideMenu{width:100%;background:#fff;line-height:1; border-radius:12px;overflow:hidden;border:1px solid #ddd; box-sizing: border-box;}
/* 상단 타이틀 */
.sideMenu .lnb-title{position:relative; display:flex; align-items: flex-end; width:100%; height:130px;border-radius:0 0 12px 12px; padding:30px 25px;font-family: 'Paperozi'; font-weight:700; font-size:26px;color:#fff; z-index: 1;}
.sideMenu .lnb-title::before{position:absolute; left:0; top:0; content: ' '; width:100%;height:100%;background:linear-gradient(135deg,#7cc043,#a7d564);border-radius:0 0 12px 12px;  z-index: -1; }
.sideMenu .lnb-title::after{position:absolute; left:0; top:0; content: ' '; width:100%;height:100%;background:url(/resources/images/sub/lnb-bg.png) 100% 100% no-repeat; background-size: auto 96%;  z-index: 0; }
/* 1차 메뉴 */
.sideMenu .depth1{padding:0 16px 20px;box-sizing: border-box;}
.depth1 > li{border-bottom:1px solid #ddd;}
.depth1 > li > button{display:flex;justify-content:space-between;align-items:center;text-align:left; width:100%;padding:18px 5px; font-weight:500;font-size:16px;color:var(--second-color); cursor:pointer;box-sizing: border-box; }
.depth1 > li.active > button{color:var(--concept-color);font-weight:700;}/* 활성 상태 */
/* 1차 메뉴만 있는 경우 */
.depth1 > li > a { display:block;padding:18px 5px;font-weight:500;font-size:16px;color:var(--second-color); }
.depth1 > li.active > a {color:var(--concept-color);font-weight:700;}
.depth1 > li:last-child{border-bottom:0;}

/* 화살표 */
.arrow {width: 8px; height: 8px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(45deg); /* 기본: 아래 */ transition: 0.3s;}
.depth1 > li.active .arrow {transform: rotate(-135deg); border-color:var(--concept-color); }
/*.arrow{transition:0.3s;}
.depth1 > li.active .arrow{transform:rotate(180deg);}*/
/* 2차 메뉴 */
.depth2{display:none;padding:10px 0; border-top: 1px solid var(--concept-color);}
.depth1 > li.active .depth2{display:block;}
/* 2차 항목 */
.depth2 li{padding:2px 0px;}
.depth2 li a{position:relative; display:block; font-size:14px;color:#505050; padding:10px 10px 10px 18px; border-radius:4px;}
.depth2 li a::after {position:absolute; left:8px; top:15px; content: ' '; width:4px;height:4px;background:var(--concept-color);border-radius:50%;}
.depth2 li.active a{ background:#eaf4db; color:#63a108; }
/* .depth2 li:hover a{ background:#eaf4db; color:#000; } */

/* 2차 없는 메뉴 */
.depth1 > li.noDepth > a.depth1-link{display:block;padding:18px 20px;font-size:16px;text-decoration:none;}
.depth1 > li.noDepth .arrow{display:none;}/* 화살표 제거 */
.depth1 > li.noDepth.active > a{color:var(--concept-color);font-weight:700;}/* active 스타일 */

/* 모바일 상단 메뉴 */
.mobileTopMenu{display:none;}

.location{width:100%;padding:20px 0;text-align: right; box-sizing: border-box;}
.location li{position:relative;display: inline-block;padding-left:15px;font-weight:400;font-size:14px;color: #505050;line-height:1;letter-spacing:-0.01em;} 
.location li::after {position:absolute; left:0; top:50%;transform:translateY(-50%);content: ''; background: url(/resources/images/layout/arrow_left1.png) 0% 50% no-repeat;width:5px;height:8px; margin-left:5px; }
.location .i_home{display: inline-block;width:16px; height:13px;background: url(/resources/images/layout/ico_home_bl.png) 0 50% no-repeat;text-indent: -9999px;}
.location li:first-child{padding-left:0px; }
.location li:first-child::after {width: 0px;height: 0px;margin-left:0px; }
.location li.active{color:var(--concept-color);} 

.tab-menu{width:100%;margin:0px auto 30px;}
.tab-menu ul{display:flex;flex-wrap: wrap;justify-content: center; align-items: center;width:100%;gap:2px;}
.tab-menu li{flex:1;}
.tab-menu a{display:flex;align-items: center; justify-content: center;text-align:center; height:45px; padding:0 3px; border:1px solid var(--concept-color); background:#f2faec;border-radius: 4px; font-weight: 500; font-size:17px;color:#444;line-height:1.2;letter-spacing:-0.03em; box-sizing: border-box; }
.tab-menu li.active a{background:var(--concept-color);font-weight: 700; color:#fff;}
.tab-menu li:hover a{background:var(--concept-color);font-weight: 700; color:#fff;}

.tab-content{}
.section{width:100%; margin-bottom:50px;}

/* text 공통 */
.title{font-weight:700; font-size:32px;color:var(--second-color);line-height:1.2;letter-spacing:-0.01em;margin-bottom:30px; position: relative;}
.title-mid{display:flex; align-items: center; flex-wrap: wrap; gap:6px; font-weight:700; font-size:26px;color:var(--second-color);line-height:1.2;letter-spacing:-0.01em;} /* 탭아래 타이틀 */
.title-sub{ font-weight:700;font-size:22px;color:#333;line-height:1.2;letter-spacing:-0.01em; min-height:20px;background:url(/resources/images/layout/icon-tit.png) 0 3px no-repeat;background-size:20px auto; padding-left:30px;margin-bottom:20px;box-sizing: border-box;}/* sub타이틀 */
.title-ss{ font-weight:700;font-size:20px;color:#333;line-height:1.2;letter-spacing:-0.01em; background:url(/resources/images/layout/icon-tit.png) 0 3px no-repeat;min-height:18px;background-size:18px auto;  padding-left:24px;margin-bottom:20px;box-sizing: border-box;}/* sub타이틀ss */

.titleArea{display:flex; justify-content: space-between; gap:10px;margin-bottom:20px; }
.titleArea  > *{margin-bottom:0;}
.titleArea .desc{flex:1; text-align: right; font-weight:400;font-size:15px;color:#333;line-height:1.2;letter-spacing:-0.01em; }
.titleArea .btn{flex:1; text-align: right; }
.titleArea .btn-mypage{display: inline-flex;align-items: center; gap:10px;  height:36px; background:var(--concept-color); border-radius: 30px; font-family: 'Paperozi'; font-weight:600;font-size:15px;line-height:1;color:#fff;  padding:0 20px; box-sizing: border-box;}
.titleArea .btn-mypage img{height:18px;}

.title-s{position:relative; font-weight:700; font-size:20px;color:var(--second-color);line-height:1.2;letter-spacing:-0.01em; min-height:23px; padding-left:30px;box-sizing: border-box;}
.title-s::after{position:absolute;content: "";left:0px; top:0;width:18px; height:23px; background:url(/resources/images/layout/icon-titchk.png) 0 3px no-repeat;background-size:18px auto;}

.title-m{font-weight:700; font-size:18px;color:var(--second-color);line-height:1.2;letter-spacing:-0.01em; min-height:20px;background:url(/resources/images/layout/i_m3.png) 0% 2px no-repeat;background-size:15px auto; padding-left:20px; margin-bottom:10px; box-sizing: border-box;}
.tit-round{position:relative;font-weight:700;font-size:20px;color:#444;line-height:1.3; padding-left:20px;box-sizing: border-box;}
.tit-round::before{position:absolute;content: ' ';left:0;top:10px;background:var(--concept-color);border-radius:24px; width:10px; height:5px;  }

.popup-btn{position:absolute; right:0; top:0; display:inline-flex;justify-content: center; align-items: center; gap:10px; height:35px;font-weight:800; color:var(--concept-color); font-size:14px; line-height:1; border:2px solid var(--concept-color); padding:0 15px 0 20px; border-radius: 30px; box-sizing: border-box; transition:var(--transition-custom);}
.popup-btn .icon{display: inline-block; width:16px; height:16px;background:url(/resources/images/layout/icon-pen.png) 50% 50% no-repeat;background-size:16px auto;}
.popup-btn:hover{color:#fff; background:var(--concept-color); /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/ }
.popup-btn:hover .icon{background:url(/resources/images/layout/icon-pen-wh.png) 50% 50% no-repeat;background-size:16px auto; }

.txt-lg{font-weight:400;font-size:30px;color:#444;line-height:1.45;letter-spacing:0;}
.txt-ml{font-weight:400;font-size:24px;color:#444;line-height:1.45;letter-spacing:0;}
.txt-mm{font-weight:400;font-size:19px;color:#444;line-height:1.45;letter-spacing:0;}
.txt-ms{font-weight:400;font-size:17px;color:#444;line-height:1.45;letter-spacing:0;}
.txt-sl{font-weight:400;font-size:16px;color:#444;line-height:1.45;letter-spacing:0;}
.txt-sm{font-weight:400;font-size:14px;color:#444;line-height:1.45;letter-spacing:0;}
.txt-ss{font-weight:400;font-size:13px;color:#444;line-height:1.45;letter-spacing:0;}

.bullet-tit{position:relative;font-weight:600;font-size:17px;color:#333;line-height:1.45; padding-left:10px;letter-spacing:0em;line-height:1.4;box-sizing: border-box;}
.bullet-tit::before{position:absolute;content: ' ';left:0;top:10px; width:4px; height:4px;background:var(--concept-color); border-radius:50%; }

.bullet-txt{position:relative;font-weight:400;font-size:16px;color:#444;line-height:1.45; padding-left:12px;box-sizing: border-box;}
.bullet-txt::before{position:absolute;content: ' ';left:0;top:10px; width:4px; height:4px;background:var(--concept-color); border-radius:50%; }

.line-txt{position:relative;font-weight:400;font-size:16px;color:#444;line-height:1.45; padding-left:12px;box-sizing: border-box;}
.line-txt::before{position:absolute;content: '-';left:0;top:0px;font-size:18px;color:#444; }

.text-list{font-weight:400;font-size:16px; color:#444;line-height:1.45; text-indent: -20px; padding-left:20px;box-sizing: border-box;}

.talk-txt{width:100%; margin-bottom:10px;min-height:40px;background:url(/resources/images/sub/icon-test.png) 0 0px no-repeat;background-size:40px auto; padding-left:50px;font-weight:400;font-size:15px;color:#444;line-height:1.45;box-sizing: border-box;}
.phone-txt{ display: inline-flex; align-items: center; min-height:24px; background:url(/resources/images/layout/icon-tel.png) 0px 50% no-repeat;background-size:24px auto; font-weight:800;font-size:17px;color:#1a1a1a;line-height:1; padding-left:34px; box-sizing: border-box;}
.ico-talk {font-size: 16px;color: #333;line-height: 1.2;letter-spacing: -0.01rem;min-height: 14px;background: url(/resources/images/layout/ico-talk-black.png) 0 2px no-repeat;padding-left: 25px; margin-bottom: 20px;box-sizing: border-box;}

/* 정신건강정보 */
.infoWrap{width:100%; line-height:1.5;}
.infoWrap .info-box{ margin-top:30px;}

.info-box{width:100%; border-radius: 10px; border:1px solid #dde2d6; background: #fafafa; padding:40px;box-sizing: border-box;}
.info-box ul{display:flex; gap:10px; flex-wrap: wrap; width:100%; border-top:1px solid #dde2d6; padding-top:20px; margin-top:20px; box-sizing: border-box;}
.info-box ul:first-of-type{border-top:0; padding-top:0px; margin-top:0px; }
.info-box .cont{flex:1;}
.info-box .tit{width:150px; font-weight:700;font-size:18px;color:var(--concept-color); }
.info-box .cont > p{margin-top:5px;}
.info-box .cont > p:first-of-type{margin-top:0px;}
.info-box.type1 .tit{width:240px;}

.testWrap{width:100%;border-top:0px solid #666;box-sizing: border-box;}
.testWrap dl{width:100%;border:1px solid #ddd; padding:10px;box-sizing: border-box; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 12px 0px; margin-top:8px;}
.testWrap dl:nth-child(even) {background-color: #f9f9f9;}
.testWrap dt{display:flex; gap:5px; width:100%;font-weight: 500;color:#1a1a1a;font-size:15px;line-height:1.4;letter-spacing:-0.01em;/*text-indent:-10px; padding-left:10px;*/ margin-bottom:10px;  box-sizing: border-box; }
.testWrap .tit{flex:1; font-weight: 500;color:#1a1a1a;font-size:16px;line-height:1.4;letter-spacing:-0.01em;}
.testWrap .num{display: inline-flex;justify-content: center;align-items: center; width:30px; height:20px; font-weight:400;color:#fff;font-size:11px;line-height:1; padding-bottom:0px; border-radius:10px; background:#7b7b7b; }
.testWrap dd{display:flex; gap:10px; flex-wrap: wrap; width:100%; }
.testWrap dd > .checkbox.type2{width:-webkit-calc(100% / 4 - 7.5px); width:calc(100% / 4 - 7.5px);} 
.testWrap.ctype dd{justify-content: center; }

.test-result{display:block; width:100%;text-align: center;margin:20px 0px;}
.test-result .pop-tit{font-weight: 400;color:#1a1a1a;font-size:16px;line-height:1.4;margin-bottom:20px;}
.test-result .pop-tit > span{display: inline-block;  width:100%;font-weight: 700;color:var(--concept-color);font-size:18px;line-height:1;margin-bottom:10px;}

.test-result .pop-icon{display: inline-block; width:100%;background:url("/resources/images/sub/icon-result.png") 50% 50% no-repeat; background-size:70px auto; min-height:70px; margin-bottom:25px;}
.test-result .pop-txt01{font-weight: 700; color:#333; font-size:18px;line-height:1;margin-bottom:15px;}
.test-result .pop-txt02{font-weight: 700;color:var(--primary-color);font-size:18px;line-height:1;margin-bottom:20px;}

.test-result .box{width:100%;background: #f9f9f9; border:1px solid #ddd; border-radius: 4px; padding:20px;box-sizing: border-box;}
.test-result .pop-txt03{font-weight:500;color:#333;font-size:15px;line-height:1.45;margin-bottom:10px;}
.test-result .pop-txt04{ text-align: left; color:#555;font-size:14px;line-height:1.45;min-height:15px;background:url(/resources/images/layout/ico-alert.png) 0 3px no-repeat;background-size:15px auto; padding-left:20px;box-sizing: border-box;}

.faq{margin-bottom:40px;}
.faq > h3{margin-bottom:20px;}
/* accordion */
.accordion{width:100%;border-top:1px solid #ddd;margin-bottom:20px; }
.accordion-li{border-bottom:1px solid #ddd;}
.accordion-li .question{position:relative; font-weight:500; color:#333;font-size:16px;line-height:1.5; /* text-indent:-20px;*/ cursor:pointer; padding:15px 40px; box-sizing: border-box;}
.accordion-li .num{position:absolute; left:10px; top:17px; font-weight:600;font-size:18px; color:var(--concept-color); line-height:1; }
.accordion-li .answer{display:none;padding:20px;background:#f5f5f5;font-weight: 400;font-size:15px; color:#666;line-height:1.5; box-sizing: border-box;}
.accordion-li .ico-plus{position:absolute;right:10px;width:10px;height:10px;top:20px;transition:transform 0.3s}
.accordion-li .ico-plus:after{content:'';position:absolute;left:0;width:100%; height:100%;border: 2px solid #888;border-top: none;border-right: none; transform: rotate(-45deg); transition:transform 0.3s 0.3s}
.accordion-li.is-on .ico-plus:after{border: 2px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(135deg);}

/*.accordion-li .ico-plus:before{content:'';position:absolute;left:0;width:100%;height:2px;top:50%;margin-top:-1px;background:#000;transform:rotate(0deg);transition:transform 0.3s 0.3s}
.accordion-li .ico-plus:after{content:'';position:absolute;left:0;width:100%;height:2px;top:50%;margin-top:-1px;background:#000;transform:rotate(90deg);transition:transform 0.3s 0.3s}
.accordion-li.is-on .ico-plus{transform:rotate(-45deg)}
.accordion-li.is-on .ico-plus:before{transform:rotate(45deg)}
.accordion-li.is-on .ico-plus:after{transform:rotate(45deg)}*/

/* .accordion-wrap : front.js 사용안함 */
.accordion-wrap{position: relative;width:100%;margin:0px auto;border-top:1px solid #333; box-sizing: border-box;} 
.accordion-wrap ul.lists {box-sizing: border-box;}
.accordion-wrap ul.lists > li {width:100%; border-bottom: 1px solid #ddd;}
.accordion-wrap ul.lists > li:first-child{border-top: 0;}
.accordion-wrap ul.lists > li .ac-tit { display: block;position: relative;}
.accordion-wrap ul.lists > li .ac-tit .btn-toggle {display:flex;gap:10px; align-items: center; width: 100%; padding: 15px 0px; text-align: left;box-sizing: border-box;}
.accordion-wrap .cont{flex:1; text-align:left;font-weight:400;font-size:16px;color:#333;letter-spacing:-0.01em;line-height:1.4; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;*/}
.accordion-wrap .num{flex:0 0 80px;font-weight:400;font-size:16px;color:#333;line-height:1.4;text-align:center;}
.accordion-wrap ul.lists > li .ac-cont{ display: none;width:100%;font-weight:400;font-size:16px;color:#333;line-height:1.4;  padding: 25px 20px; background: #f5f5f5;word-break: keep-all;box-sizing: border-box;}
.accordion-wrap ul.lists > li .ac-cont img{max-width:100%; margin:20px auto;}
.accordion-wrap ul.lists > li p{margin-bottom:10px;} 

/* 지역자원 */
.resources-top{widtH:100%;  margin-bottom:40px; } 
.resources-top ul{display:flex; flex-wrap: wrap; gap:20px 60px;padding:30px 60px; border:1px solid #ddd;background: var(--board-bgcolor); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 10px 0px; box-sizing: border-box; } 
.resources-top li{display:inline-flex;align-items: center;flex-wrap: wrap; gap:20px; width:-webkit-calc(60% - 30px); width:calc(60% - 30px); /*width:-webkit-calc(100% / 2 - 30px); width:calc(100% / 2 - 30px); */ align-items: flex-start;  } 
.resources-top li:nth-child(2n){width:-webkit-calc(40% - 30px); width:calc(40% - 30px); } 
.resources-top .tit{ display:inline-flex;align-items: center; gap:5px;font-weight:700;font-size:18px;color:var(--concept-color); line-height:1;} 
.resources-top .icon img{width:32px; } 
.resources-top .cont{flex:1; font-weight:400;font-size:16px;color:#666; line-height:1.45; padding-top:4px; } 
.resources-top .cont br{display:none; } 
.resources{ }

/* table--scroll 좌우사용 */
.table-scroll-auto {position: relative;z-index:1;margin: auto;width:100%; overflow: auto;  border-top:1px solid  var(--concept-color);  /* max-height:800px;*/}
.table-scroll-auto::-webkit-scrollbar{width: 6px;}
.table-scroll-auto::-webkit-scrollbar:vertical {width: 6px;}
.table-scroll-auto::-webkit-scrollbar:horizontal {height: 6px;}
.table-scroll-auto::-webkit-scrollbar-thumb{background-color: var(--concept-color);}
.table-scroll-auto::-webkit-scrollbar-track{background-color: #242424;}

  .table-scroll-auto table {width: 100%;margin: auto;min-width:500px;border-collapse: collapse;font-variant-numeric: tabular-nums; vertical-align: middle; table-layout: fixed;}
  .table--wrap {position:relative;}
  .table-scroll-auto th {text-align:center;padding:8px 10px;vertical-align:middle; background:#f8f8f8; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-0.02em;/* position: -webkit-sticky;position:sticky;top:0;z-index:2; */ }
  .table-scroll-auto thead {position: -webkit-sticky;position:sticky;top:0;z-index:2; }
  .table-scroll-auto td {text-align:center;padding:8px 10px;vertical-align:middle;border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px;color: #333;font-weight:400;line-height:1.4;letter-spacing:-0.02em;background: #fff;}

  .table-scroll-auto tfoot,.table-scroll-auto tfoot th, .table-scroll-auto tfoot td {position:-webkit-sticky;position:sticky;bottom:0;background:var(--light-color) !important; }
  .table-scroll-auto tfoot th{font-weight:700;}
  .table-scroll-auto th:first-child,  .table-scroll-auto td:first-child{border-left:1px solid #ddd; }

  .table-scroll-auto .left{text-align:left; /* padding-left:10px; padding-right:10px; */ }
  .table-scroll-auto .rborder{border-right:1px solid #ddd;}
  .table-scroll-auto td p{margin-top:5px;}
  .table-scroll-auto td p:first-child{margin-top:0px;}

  .table-scroll-auto.atable table {min-width:100%;table-layout:unset;}
  .table-scroll-auto.atable th, .table-scroll-auto.atable td{border-right:0;}
  .table-scroll-auto.atable th:first-child,  .table-scroll-auto.atable td:first-child{border-left:0; }
  .table-scroll-auto.atable.border-non th,   .table-scroll-auto.atable.border-non td{border:0;}
  .table-scroll-auto.atable tfoot th, .table-scroll-auto.atable tfoot td {line-height:1;}

  .table-scroll-auto thead th.bg-3{border-bottom:1px solid rgba(255,255,255,.8);  }
  .table-scroll-auto th.bg-2, .table-scroll-auto td.bg-2{background:#f2f8fb;  /*#fcfcf6*/}
  .table-scroll-auto th.bg-1, .table-scroll-auto td.bg-1{background:#fff;}

  .table-scroll-auto tr.bg-2 th, .table-scroll-auto tr.bg-2 td{background:#f9fcf7;}
  /* table--scroll 좌우사용 END */

/* Board 관련 css */
.list--category{border:1px solid #ddd; padding:20px; border-radius: 4px; box-sizing: border-box;margin-bottom:20px; }
.list--category ul{display:flex;flex-wrap: wrap; gap:16px 30px;}
.list--category a{display: inline-block;min-height:14px; background:url(/resources/images/layout/icon-folder.png) 0 50% no-repeat;font-weight:400;font-size:14px;color: #666;line-height:1;letter-spacing:-0.02em;padding-left:20px;box-sizing: border-box;}
.list--category li.active a{background:url(/resources/images/layout/icon-folder-open.png) 0 50% no-repeat;font-weight:700;color: #1a1a1a;padding-left:24px;}

.list--top{display:flex;justify-content:space-between;align-items: center; gap:10px; margin-bottom:10px; }
.list--top .list-total{order:1;}
.list--top .list-search{order:2; }
.list--top .searchLine{order:2; width:100%; max-width:400px; }

.list-total{min-height:18px; background:url(/resources/images/layout/ico-alert.png) 0 0 no-repeat;font-weight:300;font-size:14px;color: #333;line-height:1;letter-spacing:0em;padding-left:20px;box-sizing: border-box;}
.list-total > span{font-weight: 700;color:var(--concept-color);}

.list-search{display:flex; gap:5px; width:100%; max-width:400px;margin-left:auto;}
.list-search .selectArea{width:120px;}
.list-search .selectArea select{background-color: transparent;}
.list-search .inputArea{flex:1;}

/* paging */
.pagination {display:block;margin:20px 0;text-align: center; font-size:0;overflow: hidden;font-family: 'Pretendard';}
.pagination-button {display: inline-block;width: 30px;height: 30px;border: 1px solid #ddd;border-left: 0;font-weight:400;font-size:12px; color: #666;line-height: 30px;}
.pagination-button:first-child {border-left: 1px solid #ddd;}
.pagination-button:hover,
.pagination-button.active {background-color:#f9f9f9;color:var(--concept-color); font-weight:700;}
.pagination-first, .pagination-prev, .pagination-next, .pagination-last {background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px}
.pagination-first {background-image: url(/resources/images/layout/pagination-first.png)}
.pagination-prev {background-image: url(/resources/images/layout/pagination-prev.png)}
.pagination-next{background-image: url(/resources/images/layout/pagination-next.png)}
.pagination-last {background-image: url(/resources/images/layout/pagination-last.png)}
.pagination-first.disabled {background-image: url(/resources/images/layout/pagination-first-off.png); pointer-events: none;}
.pagination-prev.disabled {background-image: url(/resources/images/layout/pagination-prev-off.png); pointer-events: none;}
.pagination-next.disabled {background-image: url(/resources/images/layout/pagination-next-off.png); pointer-events: none;}
.pagination-last.disabled {background-image: url(/resources/images/layout/pagination-last-off.png); pointer-events: none;}

/* board list-tb */
.boardList {width:100%;margin:0px auto;border-top:1px solid #333;}
.boardList > ul {display:flex; width:100%;justify-content: space-between;align-items: center;flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.boardList .list-head{background-color: #fafafa;height:45px;text-align:center;}
.boardList .list-body{background-color: #fff;padding:15px 0px; display:inline-flex; align-items: center; position: relative; }
.boardList .list-body.notice{background:var(--board-bgcolor); }  
.boardList .notice-tit{display:inline-flex;padding:4px 8px;font-weight:500;font-size:13px;line-height:1;color:#fff; border-radius:4px;background:#545853;}  
.boardList > ul.notice{border-bottom: 1px solid #a8ce78; }
.boardList > ul.notice .subject{font-weight:700;color:var(--concept-color); }

.boardList .etc-blank{flex:0 0 0px; height:0;} /* 모바일 분기점을 위해 */
.boardList .stit_mo{position: relative;display:none;font-weight:300;font-size:12px;color:#888;line-height:1;letter-spacing:-0.02em;margin-right:5px; padding-right:7px; }
.boardList .stit_mo::after {background:#ddd; right:0; top:1px; width:1px; height:10px;display: block; position: absolute; content: ""; z-index: 1;}

.boardList .tit-chkbox{flex:0 0 50px;}
.boardList .tit-no{flex:0 0 80px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-subject{flex:1;font-weight: 500;font-size:16px;color:#333;line-height:1; padding:0 10px;} 

.boardList .tit-name{flex:0 0 120px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-file{flex:0 0 80px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-hit{flex:0 0 80px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-date{flex:0 0 120px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-state{flex:0 0 100px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}

.boardList .chkbox{flex:0 0 50px;text-align:center;}
.boardList .no{flex:0 0 80px;font-size:16px;color:#333;line-height:1.3; padding:0 5px;text-align:center;} 
.boardList .subject{flex:1;font-size:16px;color:#333;line-height:1.3; padding:0 10px;text-align:left;/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } 
.boardList .name{flex:0 0 120px;font-size:15px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.boardList .file{flex:0 0 80px;font-size:15px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.boardList .hit{flex:0 0 80px;font-size:15px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.boardList .date{flex:0 0 120px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.boardList .state{flex:0 0 80px;text-align:center;padding:0 5px;box-sizing: border-box;}

.boardList .nodata{width:100%;}
.boardList .nodata > li{width:100%; padding:120px 0px;font-size:16px;color:#666;line-height:1;text-align:center;box-sizing: border-box;}

.boardList.type1 > ul:nth-of-type(even){background: #fafafa;}

.event-info{width:100%;}
.event-info.boxtype{width:100%;border-bottom:1px solid #ddd;padding:15px 20px; box-sizing: border-box;}
.event-info > ul{display:flex; flex-wrap: wrap; gap:5px; margin-top:5px; } 
.event-info > ul:first-child{margin-top:0px; } 
.event-info .ev-tit{flex:0 0 80px; font-weight:600;font-size:14px;color: #444;line-height:1.2;} 
.event-info .ev-cont{flex:1; font-weight:400;font-size:14px;color: #444;line-height:1.2;}  
.event-info .ev-num{flex:0 0 150px; font-weight:400;font-size:14px;color: #444;line-height:1.2;}  
.event-info .num{font-size:13px;}  
.event-info .ev-cont > a{color:var(--green-color);}  

.file_box{display:flex;flex-direction: column;box-sizing: border-box;}
.file_box > a{display: inline-flex; width:fit-content; align-items: center; margin-top:15px;font-weight:400;font-size:14px;line-height:1;color:#333;}
.file_box > a:first-child{margin-top:0px;}

/* board-view */
.board-view {width:100%;margin:0px auto;overflow: hidden;}
.board-view .subjectBox{display:flex;width:100%;/*flex-wrap: wrap;*/align-items:center;padding:15px 20px;border-top:1px solid #7d7d7d;background: #f9f9f9; border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
.board-view .subjectBox .leftArea{flex:1; box-sizing: border-box;}
.board-view .subjectBox .rightArea{width:400px; display: inline-flex;justify-content:flex-end; align-items:center; gap:20px; box-sizing: border-box;}
.board-view .subject{font-weight:700;color:#333;font-size:18px;letter-spacing:-0.02em;line-height:1.4;}
.board-view .stit{font-weight:500;font-size:14px;line-height:1;color:var(--second-color); margin-right:5px;}
.board-view .name{font-weight:400;font-size:14px;line-height:1;color:#6b6b6b;}
.board-view .date{font-weight:400;font-size:14px;line-height:1;color:#6b6b6b;}
.board-view .hit{font-weight:400;font-size:14px;line-height:1;color:#6b6b6b;}
.board-view .file_box{padding:15px 20px; border-bottom:1px solid #dfdfdf;}

.board-view .content_box{display: inline-block; width:100%; padding:40px 20px; min-height:400px;border-bottom:1px solid #d9d9d9; box-sizing: border-box;}
.board-view .content_box .imgBox{display: inline-block; width:100%; margin-bottom:10px;}
.board-view .content_box img{max-width:100% !important;height:auto !important; margin-bottom:20px;}
.board-view .content_box table{max-width:100%; margin-top:10px;border-top:1px solid #333;}
.board-view .content_box table td{padding:12px 5px;vertical-align:middle;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;word-wrap: break-word;word-break: keep-all;}
.board-view .content_box p{/*margin-bottom:20px;font-weight:400;font-size:16px;color:#666;line-height:1.45;*/ color:#333; line-height:1.45;  }
.board-view .content_box p img{max-width:100% !important;height:auto !important; }
.board-view .content_box b{font-weight: bold;}

.board-view .btnBox{display:flex;width:100%;justify-content: space-between; align-items: center; padding:20px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
.board-view .btnBox .item1{flex:1;padding:0 10px;align-self: center;line-height:28px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-view .btnBox .item2{width:80px;text-align:center;}
.board-view .btnBox .item3{flex:1;padding:0 10px;text-align:right;align-self: center;line-height:28px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-view .btnBox .s-txt{font-weight: 400;font-size:15px;line-height:28px;color:#888;}

.board-view .listBox{width:100%;border-top:0px solid #d9d9d9; box-sizing: border-box;}
.board-view .listBox > div{display:flex;justify-content: space-between; align-items: center; gap:5px; width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding:15px 10px;border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
.board-view .listBox > div .txt{flex:1;font-weight: 400;font-size:15px;line-height:28px;color:#1a1a1a;  text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;box-sizing: border-box;}
.board-view .listBox .dateArea{width:80px;text-align:right;font-weight:400;font-size:14px;color:#888; }
.board-view .btnArea{display:flex;justify-content: center;align-items: center; gap:10px; width:100%; margin-top:30px;}
.board-view .btnArea > *{min-width:150px;}


.prev_arrow {position: relative; display: inline-flex; align-items: center; padding-left:16px; text-align: left;font-weight: 500;font-size:14px;color:#666;margin-right:10px; }
.prev_arrow::after { content: ' ';position: absolute; top: 50%;left: 0px; width: 8px; height: 8px; margin-top:-2px;border: 1px solid #888;border-top: none;border-right: none; transform: rotate(135deg);}
.next_arrow {position: relative;display: inline-flex; align-items: center;  padding-left:16px; text-align: left;font-weight: 500;font-size:14px;color:#666;margin-right:10px; }
.next_arrow::after { content: ' ';position: absolute; top: 50%;left: 0px; width: 8px; height: 8px; margin-top: -8px;border: 1px solid #888;border-top: none;border-right: none; transform: rotate(-45deg);}

.board-btn-prev{display:inline-block;font-family: 'Pretendard';font-weight: 500;font-size:14px;color:#222;line-height:28px;margin-right:15px;text-align:center;border:0px solid #e5e5e5;}
.board-btn-next{display:inline-block;font-family: 'Pretendard';font-weight: 500;font-size:14px;color:#222;line-height:28px;margin-left:15px;text-align:center;border:0px solid #e5e5e5;}

.i_list{display:inline-block;width:25px;height:20px;background:url(/resources/images/layout/ico_list.png) center center no-repeat;background-size:auto 20px;text-indent: -9999px;}
.i_file{display:inline-block;width:26px;height:26px; background:url(/resources/images/layout/i_filedown_wh_s.png) 50% 40% no-repeat #000; border-radius:50%;text-indent: -9999px; margin-right:10px;  }
.i_file_down{display:inline-block;min-height:16px; background:url(/resources/images/layout/i_filedown_blue.png) 15px 50% no-repeat;padding:8px 15px 8px 40px;font-weight:500;font-size:12px;color:#333;line-height:1.2; border-radius: 24px; border:1px solid #ddd; box-sizing: border-box; /* width:16px;height:16px; text-indent: -9999px; */ }
/* .i_file{display:inline-block;width:15px;height:12px; background:url(/resources/images/layout/i_filedown.png) 0 0 no-repeat;text-indent: -9999px; margin-right:10px;  } */
.i_new{display:inline-block;width:16px;height:16px;background:url(/resources/images/layout/i_new.png) center center no-repeat;background-size:auto 16px;text-indent: -9999px;margin-right:5px;}
.i_secret{display:inline-block;width:12px;height:16px;background:url(/resources/images/layout/ico_secret.png) center center no-repeat;background-size:auto 16px;text-indent: -9999px;margin-right:5px;}
.i_reply{display:inline-block;width:20px;height:15px;background:url(/resources/images/layout/re.png) center center no-repeat;background-size:auto 15px;text-indent: -9999px;margin-right:5px;}

/* no--data */
.no--data{display: flex;justify-content: center;align-items:center;margin:0 auto;min-height:300px;}
.no--data.sm{min-height:150px;}
.no--data > span{background:url(/resources/images/layout/no-data.png) 50% 0px no-repeat; padding:90px 0 0px; font-size:16px;color:#666;line-height:1;letter-spacing:-0.01rem;word-break: keep-all;font-weight:400;}

/* ...줄임표 옆 아이콘적용시 */
.subject--wrap {display:inline-flex; width: 100%; height: 100%;align-items: center;justify-content: space-between;}
.subject--wrap .b-subject {flex:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:20px;}
.subject--wrap .list--type {width:80px;margin-left:4px;text-align:right}
.sp--icon {display: inline-block;vertical-align: middle;border-radius:24px; padding:8px 12px 8px;font-weight:500;font-size:13px;line-height:1;}
/* ...줄임표 옆 아이콘적용시 END */
/* board End */

/* form newpage */
#sub-header{position:fixed;left:0;top:0; display:flex; justify-content: center; align-items: center; width: 100%; height:50px;margin:0 auto; padding:0px 20px;border-bottom:1px solid #ddd; background:#f6f6f6;transition:var(--transition-custom); z-index:3; box-sizing: border-box;}
#sub-header > *{ display:inline-flex;align-items: center;  gap:5px;}
#sub-header .header-tit{flex:1;justify-content: center; gap:5px; margin-right:80px; font-weight:700;font-size:18px;line-height:1;color:var(--second-color);}
#sub-header .btn-prev{width:80px; height:100%; }
#sub-header .btn-prev .icon{width:20px; height:100%; background:url(/resources/images/layout/arrow-prev.png) 0 50% no-repeat; background-size:20px auto; }
#sub-header .btn-prev .txt{font-weight:500; color:#666; font-size:14px; line-height:1;}

.form-wrap{width:100%;max-width:1200px; margin:0 auto; padding:80px var(--wrap-padding) 60px; min-height:600px; background: #fff; box-sizing: border-box;}
.form-wrap > .section{margin-bottom:40px;}

/* form */
.form-sty{width:100%; margin:0px 0px 40px;border-top:1px solid #666; padding-top:20px; box-sizing: border-box;}
.form-sty.b-none{border-top:0; padding-top:10px;}
.form-sty > ul{display: flex;align-items: center;flex-wrap: wrap; gap:10px; width:100%;margin-top:0px;padding:10px 0px;}
.form-sty > ul > li{padding:0px;display:inline-flex;align-items: center;flex-wrap: wrap; }
.form-sty > ul > li.top{align-self:flex-start; }
.form-sty .tit{flex:0 0 150px; padding-top:8px; font-weight:700;font-size:16px;color: #333;line-height:1.2;letter-spacing:-0.02em;}
.form-sty .tit > *{position:relative;display: inline-block;font-weight:700;font-size:16px;color: #333;line-height:1.2;letter-spacing:-0.02em;}
.form-sty .tit > *.required{padding-right:10px;}
.form-sty .tit > *.required::before{position:absolute; right:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size:14px;color: #ff0000;}
.form-sty .tit.lg{flex:0 0 240px;  }
.form-sty .full{flex:0 0 100%;  }
.form-sty .cont{flex:1;font-size:16px;min-height:var(--input-height);}
.form-sty .chkArea{min-height:var(--input-height); display:inline-flex;align-items: center;}
.form-sty > ul > li:nth-of-type(3) {margin-left:30px;}
.form-sty .halfArea{min-height:var(--input-height); display:inline-flex;align-items: center; width:calc(50% - 10px);}
.form-sty .select-w{flex:1;} /* 모바일 100% */
.input-tel{flex:0 0 100px;}
.mob{display:inline-flex;align-items: center; gap:5px;}

.date-select{display:flex; align-items: center; gap:8px; flex-wrap: wrap; width:100%; margin-bottom:10px;  }
.date-select .dtit{ flex:0 0 55px;  position:relative;font-weight:400;color: #444;font-size:15px; line-height:1; /* padding-left:8px; */ box-sizing: border-box;}
/* .date-select .dtit::before{position:absolute;content: ' ';left:0;top:6px; width:4px; height:4px;background:var(--concept-color); border-radius:50%; } */
.date-select .dtit > span{ display: inline-block;font-weight:500;color: #444;font-size:15px; line-height:1; /* padding:4px 8px; border:1px solid #aaa; border-radius: 16px;*/ box-sizing: border-box;}
.date-select .dtxt{font-weight:400;color: #444;font-size:14px; line-height:1;}

.text-point{display:block; color:var(--red-color);line-height:1.4; margin-bottom:5px;}
.text-point > h5{font-weight:700;font-size:16px;margin-bottom:5px; }
.text-point > p{font-weight:400;font-size:14px; text-indent: -20px; padding-left:20px;box-sizing: border-box;}

.tit-required{margin-bottom:15px;}
.tit-required > span{position:relative;display: inline-block;font-weight:600;color: #333;font-size:16px; line-height:1;letter-spacing:-0.03em;}
.tit-required > span.required{padding-right:10px;}
.tit-required > span.required::before{position:absolute; right:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size:14px;color: #ff0000;}

.file--name{display:inline-block;margin-left:10px;font-weight: 400;font-size:13px;line-height:20px;color:#666;}
.file--del{font-weight: 400;font-size:13px;line-height:1;color:#666;background:url(/resources/images/layout/btn_close_14.png) 0 50% no-repeat;padding-left:20px;margin-top:10px;box-sizing: border-box;}

/* file upload */
.inputfile-wrap {position: relative;display: flex; width: 100%;}
.inputfile-wrap input[type="file"] {position: absolute;width: 1px;height: 1px;margin: -1px; padding: 0; border: 0; overflow: hidden;clip: rect(0, 0, 0, 0);}
.inputfile-wrap label.btn {display: block;width: 100px;height:40px;margin-left: 10px; color:#fff;border:0px solid #262729;background:#a3a5aa;line-height:40px;padding:0px 5px;text-align:center; font-size:14px;font-weight: 400;border-radius:4px;box-sizing: border-box;}
.inputfile-wrap input{flex:1; height:40px;padding:0 10px;border:1px solid #ddd;background:#fff;color:#666; border-radius:4px; font-size:14px;box-sizing:border-box;transition: border-color 0.15s ease-in-out;}
.inputfile-wrap input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}
.inputfile-wrap.line input{border:1px solid #ccc;border-width:0 0 1px 0; border-radius:0px;padding:0;}

.captcha-box {display: flex;align-items: center;flex-wrap: wrap; gap:10px;}
.captcha-box .img-box { border: 1px solid #d4d4d4;width:100px; height:100px;box-sizing: border-box;}
.captcha-box img{	width: 100%;height: 100%;}
.captcha-box a {order: 3;font-size:14px;color:var(--concept-color); font-weight: 500;background: url('/resources/images/layout/ico-refresh.png') no-repeat left center;padding-left: 20px;flex-shrink: 0;}
.captcha-box .input_sty{width:280px;}

.wr_box{display: inline-block; width:100%; border:1px solid #ddd;background:#fafafa; margin:0px auto;max-height:250px; padding:25px;box-sizing: border-box;overflow: auto;  }
.wr_box.type-1{display:flex; align-items: center; justify-content: center; flex-wrap: wrap; gap:10px 20px; } /* form-1 부모동의 테이블 */
.wr_box.type-1 > h3{margin-bottom:0px;}
.wr_box > h3{font-weight:700;font-size:17px;line-height:1.45;color:#333;margin-bottom:10px;}
.wr_box > h4{ width:100%; text-align: center; font-weight:500;font-size:16px;line-height:1.45;color:#333;margin-bottom:10px;}
.wr_box > p{font-size:14px;line-height:1.45;color:#333; margin-top:10px;}
.wr_box > p:first-child{ margin-top:0px;}

.btn-txt {display: inline-block; padding:4px 6px; border:1px solid #ddd; font-size:12px;line-height:1;color:#555;}
.agree_txt{font-weight: 300;font-size:12px;line-height:1.45;color:#333;	padding:10px 0 0 0;margin-bottom:40px;  }
.spam-txt{font-size:18px; margin-top:10px;}

/* 스크롤바 설정*/
.wr_box::-webkit-scrollbar{width: 6px;}
.wr_box::-webkit-scrollbar:vertical {width: 6px;}
.wr_box::-webkit-scrollbar:horizontal {height: 6px;}
.wr_box::-webkit-scrollbar-thumb{background-color: var(--concept-color);}
.wr_box::-webkit-scrollbar-track{background-color: #242424;}

.right-chkBox{display:flex;justify-content:flex-end;align-items: center;gap:10px; margin:10px auto;}
.tit-agreement{display:flex; align-items: center; gap:10px; font-weight: 600;font-size:16px;line-height:1.2;color:#333; margin-bottom:15px; border-top:1px solid rgba(22, 22, 22, .3); padding-top:20px;}

/* 신청하기 동의박스 */
.agree-box{width:100%;border:1px solid #aaa; margin:0px;box-sizing: border-box; }
.agree-box > dl{display:flex; flex-wrap: wrap; width:100%; border-top:1px solid #ddd; box-sizing: border-box; }
.agree-box > dl:first-child{border-top:0; }
.agree-box > dl > dt{flex:0 0 180px; font-weight:500;font-size:14px;line-height:1.45;color:#333; background: #f9f9f9; padding:10px;box-sizing: border-box;  }
.agree-box > dl > dd{flex:1; font-weight:300;font-size:14px;line-height:1.45;color:#333; padding:10px;box-sizing: border-box; }
.agree-box .box{width:100%; border-top:1px solid #ddd;padding:20px; box-sizing: border-box; }
.agree-box .chkArea{ text-align: center; margin-top:15px;}
.agree-box .box > p{margin-top:5px;}
.agree-box .box > p:first-child{margin-top:0px;}
.agree-box .txt{font-weight:400;font-size:14px;line-height:1.45;color:#333; }
.agree-box .box-1{width:100%; border:1px solid var(--concept-color); background:var(--board-bgcolor); margin-top:5px; }
.agree-box .box-1 > ul{display:flex; flex-wrap: wrap; }
.agree-box .box-1 .stit{flex:0 0 180px; font-weight:500;font-size:15px;line-height:1.45;color:#333;padding:15px; box-sizing: border-box;}
.agree-box .box-1 .cont{flex:1; display: inline-flex; flex-wrap: wrap; gap:5px 10px; background: #fff;padding:15px; box-sizing: border-box; }
.agree-box .phone{display: inline-flex; align-items: center; min-height:18px; background:url(/resources/images/layout/icon-tel.png) 0px 50% no-repeat;background-size:18px auto; font-weight:700;font-size:14px;color:#1a1a1a;line-height:1; padding-left:24px; box-sizing: border-box;}

.agree-form{display:flex; align-items: center; flex-direction: column; text-align: center; width:100%; margin:0px auto; border:1px solid #ddd;background:#fafafa;padding:30px 20px;box-sizing: border-box;}
.agree-form .txt1{font-weight:300; color:#1a1a1a;font-size:16px;line-height:1;letter-spacing:-0.03em;}
.agree-form .sec{display:flex;align-items: center; gap:5px; margin-bottom:10px;}
.agree-form .txt2{font-weight:600;color:#444;font-size:16px;line-height:1;}
.agree-form .txt3{ color:#444;font-size:13px;line-height:1;}
/* 
.agree-form .f01{display: inline-block; width:100%;text-align:center; margin-bottom:15px;}
.agree-form .leftArea{display: inline-block;width:150px;text-align:left;font-family: 'Spoqa Han Sans Regular';color:#1a1a1a;font-size:16px;line-height:1;letter-spacing:-0.03em;}
.agree-form .rightArea{display: inline-block;width:calc(100% - 150px);text-align:left;} */

.table-type1 {width:100%;margin:0px auto; border-top:1px solid #333; box-sizing: border-box;}
.table-type1 ul {display:flex; flex-wrap: wrap; width:100%;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;}
.table-type1 li{padding:0px 10px;box-sizing: border-box;}
.table-type1 .tit_year{flex:0 0 250px;font-weight: 500;font-size:13px;color:#333;line-height:1;}
.table-type1 .tit_organ{flex:0 0 250px;font-weight: 500;font-size:13px;color:#333;line-height:1;}
.table-type1 .tit_cont{flex:1;font-weight: 500;font-size:13px;color:#333;line-height:1;}

.table-type1 .year{flex:0 0 250px;text-align: center;font-size:13px;color:#555;line-height:1;}
.table-type1 .organ{flex:0 0 250px; text-align: center;font-size:13px;color:#555;line-height:1;}
.table-type1 .cont{flex:1;text-align:left;font-size:14px;color:#555;line-height:1.3;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;}
.table-type1 .stit{display:none;width:100%;text-align:left;font-size:13px;color:#1a1a1a;line-height:1;margin-bottom:8px;}
.table-type1 input[type="checkbox"], .table-type1 input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #ddd; margin:0; padding:0; cursor:pointer;}
.table-type1 .list-head{text-align: center;background-color: #fafafa;padding:10px 0px;}
.table-type1 .list-body{background-color: #fff;padding:10px 0px;}

/* categoryTab */
.categoryTab{width:100%;margin:0px auto 20px;}
.categoryTab ul{display:flex;flex-wrap: wrap;justify-content: center; align-items: center;width:100%;gap:2px;}
.categoryTab li{flex:1; }
.categoryTab a{display:flex;justify-content: center; font-weight:600;font-size:13px;line-height:1;color:#666;padding:6px 12px; border:1px solid #b9d1a6; background:#f2faec; border-radius: 4px; box-sizing: border-box;}
.categoryTab li.active a{border:2px solid var(--concept-color);background:#fff; color:var(--concept-color);}
.categoryTab li:hover a{border:2px solid var(--concept-color); font-weight: 700;color:var(--concept-color);}

.boxtype-1{width:100%;border:1px solid var(--concept-color); background: var(--board-bgcolor); border-radius: 4px;padding:15px 30px; box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.boxtype-1 > ul{display: flex;align-items: center;flex-wrap: wrap; gap:10px; margin-top:10px;}
.boxtype-1 > ul:first-of-type{margin-top:0px;}
.boxtype-1 > ul > li{flex:1; display:inline-flex;align-items: center; gap:8px;}
.boxtype-1 .tit{display: inline-block;padding:6px 10px; border:1px solid #666;background: #fff; border-radius: 20px; font-weight:600;font-size:13px;color: #333;line-height:1; }
.boxtype-1 .txt{font-weight:400;font-size:15px;color: #333;line-height:1.3; }

.boxtype-2{width:100%;border:1px solid var(--border-color); background:#fafafa; border-radius: 4px;padding:15px; box-sizing: border-box;}
.boxtype-2 p{margin-top:3px; text-indent: -10px; padding-left:10px; box-sizing: border-box;}
.boxtype-2 p:first-of-type{margin-top:0px;}

.boxtype-3{width:100%;border:1px solid var(--border-color); border-radius: 4px;padding:30px; box-sizing: border-box; margin-top:40px;} /* 스마트한 미디어 교실 */
.boxtype-3 .full-box{margin-top:20px !important;}
.boxtype-3  > section{margin-top:40px}
.boxtype-3  > section:first-of-type{margin-top:0;}
.boxtype-3  > section h3{font-weight:700;}

/*정신건강상담*/
.infoArea{margin-top:30px; /* padding-top:30px; border-top:1px solid #ddd;*/ }
.infoArea dl{display:flex; /* align-items: center; */ flex-wrap: wrap; gap:10px; margin-top:16px;}
.infoArea dl:first-of-type{margin-top:0px;}
.infoArea dt{flex:0 0 120px;}
.infoArea dd{flex:1;}
.infoArea dd > p{font-weight: 400; }
.infoArea dd > *{margin-top:6px; }
.infoArea dd > *:first-of-type{margin-top:0px;}
.infoArea.border{padding-top:0px; border-top:0; padding-bottom:40px; border-bottom:1px solid #ddd;margin-bottom:40px;}

.services01-1{margin-bottom:40px;}
.services01-1 > h2{margin-bottom:20px;}
.services01-1 .process{margin-top:40px;}
.services01-1 .process > ul{display:flex;flex-wrap: wrap; gap:0px;}
.services01-1 .process > ul > li{position: relative; flex:1; display:inline-flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; gap:10px; border:1px solid #bfdf8f; border-radius: 4px; padding:25px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.services01-1 .process > ul > li.arrow-img{flex:0 0 40px; height:30px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:100px;box-shadow: none;  }
.services01-1 .process > ul > li.arrow-img img{height:36px; }
.services01-1 .process > ul > li.arrow-full{flex:0 0 100%;height:40px; border:0;padding:10px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 30px; box-shadow: none;}
.services01-1 .process > ul > li.arrow-full img{height:36px; }
.services01-1 .process > ul > li:last-of-type{flex:0 0 100%; }
.services01-1 .process .imgArea img{max-width:100%; height:100px; }
.services01-1 .process .tit{ font-weight:700; color:#333; font-size:20px; line-height:1.3;}
.services01-1 .process .txt{ font-weight:400; color:#333; font-size:16px; line-height:1.3;}
.services01-1 .process .txt > span{display: inline-block; width:100%; font-size:14px;}
.services01-1 .process .tag{display: inline-block; background:var(--concept-color); font-weight:400; color:#fff; font-size:15px; line-height:1; border-radius: 4px; padding:6px 10px; box-sizing: border-box;}
.services01-1 .process .tag.type1{background:var(--sub-color); margin-top:10px;}
.services01-1 .process .tag.type2{background:#b5b5b4; margin-top:10px;}
.services01-1 .process .tagArea{position: absolute; left:0%;top:-10px; width:100%; height:40px; text-align: center; z-index: 2;  }
.services01-1 .process .tagArea .tag-point{position:relative;display: inline-block; background:#3b964a; font-weight:400; color:#fff; font-size:16px; line-height:1; border-radius: 4px; padding:8px 16px; box-sizing: border-box;  }
.services01-1 .process .tagArea .tag-point::before{position: absolute; content: ""; left:50%; bottom:-7px;transform:translateX(-50%); border-style :solid;border-width: 7px 5px 0 5px;border-color:#3b964a transparent transparent transparent;   }

.services01-1 .stepArea{margin:60px 0;}
.services01-1 .stepArea > ul{display:flex;flex-wrap: wrap; gap:0px;}
.services01-1 .stepArea > ul > li{position: relative; flex:1; display:inline-flex; align-items: center; text-align: center; flex-direction: column; gap:10px; border:1px solid #ddd; border-radius: 4px; padding:25px 20px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.services01-1 .stepArea > ul > li.arrow-img{flex:0 0 40px; height:30px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:100px;box-shadow: none;  }
.services01-1 .stepArea > ul > li.arrow-img img{height:36px; }
.services01-1 .stepArea .stepbox{position: absolute; left:0;top:-20px; width:100%; z-index: 2;  }
.services01-1 .stepArea .step{display: inline-flex; align-items: center; gap:5px; background:#888; font-weight:400; color:#fff; font-size:14px; line-height:1; border-radius: 4px; padding:8px 30px; clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0 100%); box-sizing: border-box;  }
.services01-1 .stepArea .step > span{font-weight:700;font-size:20px;}
.services01-1 .stepArea .btit{ font-weight:700; color:#777; font-size:24px; line-height:1; margin-top:10px;}
.services01-1 .stepArea .stit{display: inline-block; font-weight:400; color:#777; font-size:15px; line-height:1; border:1px solid #777; border-radius: 4px; padding:4px 15px; box-sizing: border-box;}
.services01-1 .stepArea .stxt{ font-weight:500; color:#444; font-size:17px; line-height:1.45;  margin-top:10px; }
.services01-1 .stepArea li.s1{border:1px solid var(--concept-color); }
.services01-1 .stepArea li.s2{border:1px solid var(--sub-color); }
.services01-1 .stepArea li.s1 .step{background:var(--concept-color); }
.services01-1 .stepArea li.s2 .step{background:var(--sub-color); }
.services01-1 .stepArea li.s1 .btit{color:var(--concept-color); }
.services01-1 .stepArea li.s2 .btit{color:var(--sub-color); }
.services01-1 .stepArea li.s1 .stit{color:var(--concept-color); border:1px solid var(--concept-color);}
.services01-1 .stepArea li.s2 .stit{color:var(--sub-color); border:1px solid var(--sub-color);}

/* 사례관리 */
.services01-1 .caseArea{margin-top:40px;}
.services01-1 .caseArea > ul{display:flex;flex-wrap: wrap; gap:0px;}
.services01-1 .caseArea > ul > li{position: relative; flex:1; display:inline-flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; gap:10px; border:1px solid #bfdf8f; border-radius: 4px; padding:40px 25px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.services01-1 .caseArea > ul > li.arrow-img{flex:0 0 40px; height:26px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 26px; margin-top:50px;box-shadow: none;  }
.services01-1 .caseArea > ul > li.arrow-img img{height:36px; }
.services01-1 .caseArea > ul > li.arrow-full{flex:0 0 100%;height:50px; border:0;padding:10px;background:url(/resources/images/sub/arrow-sty2.png) 50% 50% no-repeat; background-size:auto 26px; box-shadow: none;}
.services01-1 .caseArea > ul > li.arrow-full img{height:36px; }
.services01-1 .caseArea > ul > li:last-of-type{flex:0 0 100%; border:0; box-shadow:none; padding:0px; }
.services01-1 .caseArea .imgArea img{max-width:100%; height:100px; }
.services01-1 .caseArea .tit{ font-weight:700; color:#333; font-size:20px; line-height:1.3;}
.services01-1 .caseArea .txt{ font-weight:500; color:#333; font-size:17px; line-height:1.3;}

.case-box{display:flex;flex-wrap: wrap; gap:10px; width:100%; }
.case-box .box{width:-webkit-calc(100% / 4 - 7.5px); width:calc(100% / 4 - 7.5px); border:1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.case-box .box-top{width:100%; text-align: center;font-weight:700; color:#fff; font-size:16px; line-height:1.3; background:#707175; border-radius: 4px;  padding:8px;box-sizing: border-box; }
.case-box .box-top.bg-1{background:#707175;}
.case-box .box-cont{width:100%; text-align: center;font-weight:400; color:#333; font-size:15px; line-height:1.3; padding:20px; box-sizing: border-box;}

.btn-apply{display:inline-flex; justify-content: center; align-items: center; gap:5px; font-weight:500; color:#333; font-size:16px; line-height:1; border:1px solid var(--concept-color); padding:10px 16px; border-radius:4px; box-sizing: border-box; transition:var(--transition-custom); box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 8px 0px;}
.btn-apply .icon{display: inline-block; width:18px; height:18px;background:url(/resources/images/layout/i_pen.png) 50% 50% no-repeat;background-size:18px auto;}
.btn-apply .icon-tel{display: inline-block; width:16px; height:18px;background:url(/resources/images/layout/i-tel.png) 0% 50% no-repeat;background-size:12px auto; }
.btn-apply .bold{font-weight:800; color:var(--concept-color);}
.btn-apply:hover{color:#fff; background:var(--concept-color);  }
.btn-apply:hover .icon{background:url(/resources/images/layout/i_pen_wh.png) 50% 50% no-repeat;background-size:18px auto; }
.btn-apply:hover .icon-tel{background:url(/resources/images/layout/i-tel-w.png) 0% 50% no-repeat;background-size:12px auto; }
.btn-apply:hover .bold{color:#fff;}

/* 그룹치료프로그램 */
.services01-2{margin-bottom:40px;}
.services01-2 > h2{margin-bottom:20px;}
.services01-2 .section{margin-top:40px;}
.services01-2 .section-box{width:100%; margin-top:20px; }
.services01-2 .section-box > ul{display:flex;flex-wrap: wrap; gap:10px; width:100%;}
.services01-2 .section-box > ul > li{flex:1; display:inline-flex; align-items: center; text-align: center; flex-direction: column; gap:10px; border:1px solid #ddd; border-radius: 4px; padding:25px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.services01-2 .btit{ font-weight:700; color:#333; font-size:20px; line-height:1.3;}
.services01-2 .tit{ font-weight:700; color:var(--concept-color); font-size:18px; line-height:1.3;}
.services01-2 .txt{ font-weight:400; color:#333; font-size:15px; line-height:1.3;}
.services01-2 .imgArea{margin:10px 0;}
.services01-2 .imgArea img{max-width:100%; height:90px; }
.services01-2 .section-box.type1{margin-top:40px; }
.services01-2 .half-box{width:100%; margin-top:20px; /* padding-bottom:20px; */} /* 정신건강솔루션회의 */
.services01-2 .half-box > ul{display:flex;flex-wrap: wrap; gap:20px; width:100%;}
.services01-2 .half-box > ul > li{flex:1; display:inline-flex; align-items: center; text-align: center; flex-direction: column; gap:10px; border:1px solid #ddd; border-radius: 4px; padding:35px 25px 25px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.services01-2 .halfimg{margin:10px 0;}
.services01-2 .halfimg img{ width:100%; max-width:250px; }
.services01-2 .full-box{width:100%; margin-top:40px; /* padding-bottom:20px; */} /* 청.정.지.역 실사이미지사용시 */
.services01-2 .full-box > ul{display:flex;flex-wrap: wrap; gap:20px; width:100%;}
.services01-2 .full-box > ul > li{flex:1; display:inline-flex; align-items: center; text-align: center; flex-direction: column; gap:10px; padding:0px; box-sizing: border-box; /* border:1px solid #ddd; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px;*/ }
.services01-2 .full-box > ul > li img{border-radius: 4px;border:1px solid #ddd;  }

.section-imgbox{width:100%; margin-top:40px; }
.section-imgbox > ul{display:flex;flex-wrap: wrap; gap:10px; width:100%;}
.section-imgbox > ul > li{width:-webkit-calc(100% / 5 - 8px); width:calc(100% / 5 - 8px);  display:inline-flex; align-items: center; text-align: center; flex-direction: column; gap:8px; border:1px solid #e1e1e1; border-radius:0px; padding:0px; box-sizing: border-box;/* box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px;*/ }
.section-imgbox > ul > li img{width:100%;}
.section-imgbox .img{width:100%;border-bottom:1px solid #ddd;}
.section-imgbox .cont{ text-align: center; padding:5px 5px 8px; box-sizing: border-box;}
.section-imgbox .year{font-weight:700; color:#333; font-size:14px; line-height:1; margin-bottom:5px;}
.section-imgbox .img-tit{font-weight:400; color:#333; font-size:14px; line-height:1.3;}

.services0301-img{width:100%; text-align: center; margin-top:40px; padding:0px 10%; box-sizing: border-box; } /* 정신건강강좌 통 캐릭터이미지 */
.services0301-img img{max-width:100%; }
.services0401-img{width:100%; text-align: center;padding:60px 0; /*margin-top:40px; border:1px solid #ddd; border-radius: 4px;padding:60px; */box-sizing: border-box; } 
.services0401-img img{max-width:100%; }

.services0402{width:100%;margin-top:40px; }
.services0402 .title-s{margin-bottom:20px;}
.services0402 > ul{display:flex;flex-wrap: wrap; gap:20px; width:100%;}
.services0402 > ul > li{flex:1; border:1px solid var(--concept-color); border-radius: 4px; box-sizing: border-box;}
.services0402 .box-top{width:100%; text-align: center; font-weight:700; color:#333; font-size:18px; line-height:1.3; border-bottom:1px solid var(--concept-color); background: #f9fef2; border-radius: 4px;padding:10px;  box-sizing: border-box;}
.services0402 .box-cont{width:100%; padding:20px; box-sizing: border-box;}
.services0402 .box-tit{font-weight:700; color:var(--concept-color); font-size:17px; line-height:1.3; }
.services0402 .box-cont > p{margin-top:6px;}
.services0402 .box-cont > h3{margin-top:20px; margin-bottom:8px;  border-top:1px solid #e6e6e6; padding-top:20px;}
.services0402 .box-cont > h3:first-child{margin-top:0px; border-top:0; padding-top:0px;}
.services0402 > ul > li.c1{border:1px solid #999;}
.services0402 > ul > li.c1 .box-top{border-bottom:1px solid #999;  background:#f7f4fb; }
.services0402 > ul > li.c1 .box-tit{color:var(--primary-color);}
.services0402 > ul > li.c1 .bullet-txt::before{background:var(--primary-color);}
.services0402 > ul > li.c2{flex:0 0 60px;border:0; display:inline-flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; gap:20px;  }
.services0402 .logo-c img{max-width:100%;}

/* 치료비 지원 */
.medial{margin:40px 0 10px; border:1px solid #ddd; border-radius: 4px; padding:60px 40px 40px; box-sizing: border-box;}
.medial > ul{display:flex;flex-wrap: wrap; gap:0px;}
.medial > ul > li{flex:1; display:inline-flex; align-items: center; text-align: center; flex-direction: column; gap:20px;}
.medial > ul > li.arrow-img{flex:0 0 40px; height:30px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:60px;box-shadow: none;  }
.medial .circle{display:inline-flex; justify-content: center; align-items: center; text-align: center; width:150px; height:150px;font-weight:700; color:#444; font-size:20px; line-height:1;  border:10px solid #b5b5b5; border-radius:50%; padding:0 5px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.medial .txt{font-weight:400; color:#333; font-size:17px; line-height:1.45;}
.medial > ul > li.a1 .circle{border:10px solid #bfdf8f;}
.medial > ul > li.a2 .circle{border:10px solid var(--concept-color);}
.medial > ul > li.a3 .circle{border:10px solid #5e915a;}

/* 재난지원*/
.disaster{margin-top:40px;}
.disaster > ul{display:flex;flex-wrap: wrap; gap:20px;}
.disaster > ul > li{position: relative; flex:0 0 calc(100% / 3 - 13.3333px); display:inline-flex;  align-items: center; text-align: center; flex-direction: column; gap:10px; border:1px solid; border-color:#ccc; border-radius: 4px; padding:20px 25px 25px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; position: relative; }
.disaster > ul > li:nth-child(4), .disaster > ul > li:nth-child(5){flex:0 0 calc(100% / 2 - 10px); }
.disaster > ul > li.a1{border-color:#bfdf8f; }
.disaster > ul > li.a2{border-color:rgba(124, 185, 35, 0.6) ; }
.disaster > ul > li.a3{border-color:rgba(124, 185, 35, 1) ; }
.disaster > ul > li.a4{border-color:#5e915a; }
.disaster .num{position: absolute;left:10px; top:10px; display:inline-flex; justify-content: center; align-items: center; text-align: center; width:30px; height:30px;font-weight:700; color:#fff; font-size:12px; line-height:1;background:#bbb; border-radius:50%;}
.disaster > ul > li.a1 .num{background:#afd674; }
.disaster > ul > li.a2 .num{background:rgba(116, 179, 22, 0.8) ; }
.disaster > ul > li.a3 .num{background:rgb(116, 179, 22) ; }
.disaster > ul > li.a4 .num{background:#5e915a; }
.disaster .tit{ font-weight:700; color:#333;font-size:18px; line-height:1.3;}
.disaster .txt{ font-weight:400; color:#666; font-size:15px; line-height:1.3;}
.disaster .imgArea{margin:10px 0;}
.disaster .imgArea img{max-width:100%; height:90px; }

/* 스쿨톡 */
.services02-1{margin-bottom:40px;}
.services02-1 > h2{margin-bottom:20px;}
.services02-1 > ul{display:flex;flex-wrap: wrap; gap:20px; margin-top:30px; padding-top:30px; border-top:1px solid #ddd; }
.services02-1 .leftArea{flex:0 0 60%;}
.services02-1 .leftArea > dl{display:flex; flex-wrap: wrap; gap:10px; width:100%; margin-top:16px;}
.services02-1 .leftArea > dl:first-of-type{margin-top:0px;}
.services02-1 .leftArea > dl > dt{flex:0 0 120px;}
.services02-1 .leftArea > dl > dd{flex:1;  }
.services02-1 .leftArea dd > *{margin-bottom:6px;}
.services02-1 .leftArea dd p{font-weight: 400;}
.services02-1 .rightArea{flex:1; padding:0 0px 0 60px; box-sizing: border-box; }
.services02-1 .rightArea img{max-width:100%; border:1px solid #eee; box-sizing: border-box;}

/* 정신건강키우기 */
.services03-2{margin-bottom:40px;}
.services03-2 > h2{margin-bottom:20px;}
.services03-2 .title-ss{margin-bottom:0px;}
.services03-2 .section{margin-top:40px;}
.services03-2 .section.first{margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
.services03-2 .section h5{margin-top:10px;}
.services03-2 .section-box{width:100%; margin-top:20px; }
.services03-2 .section-box > ul{display:flex;flex-wrap: wrap; gap:20px; width:100%;}
.services03-2 .section-box > ul > li{flex:1; display:inline-flex; align-items: center; text-align: center; flex-direction: column; gap:10px; border:1px solid #ddd; border-radius: 4px; padding:0px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
.services03-2 .tit{font-weight:600; color:#444; font-size:18px; line-height:1.3; padding:10px 10px 20px;box-sizing: border-box;}
.services03-2 .imgArea{width:100%;}
.services03-2 .imgArea img{width:100%;border-radius: 4px; }
.services03-2 .section-box > ul > li:nth-child(1) .tit{ color:#f27025;}
.services03-2 .section-box > ul > li:nth-child(2) .tit{ color:#48ad4a;}
.services03-2 .section-box > ul > li:nth-child(3) .tit{ color:#6a4684;}

.list-box{border:1px solid #e6e6e6; background: #f9fcf7; padding:15px; border-radius:4px; box-shadow: rgba(0, 0, 0, 0.0) 0px 3px 6px 0px; box-sizing: border-box;}  /* no 사용 */
.list-box p{margin-top:5px; }
.list-box p:first-of-type{margin-top:0px;}

/* 인사말 */
.greeting-top{display:flex; align-items: flex-end; gap:80px; width:100%; /* max-width:1000px; */ margin:40px auto 60px; padding:0 40px; box-sizing: border-box;}
.greeting-top .imgArea{width:180px; }
.greeting-top .imgArea img{width:100%;}
.greeting-top .tit{flex:1; font-family: 'Paperozi'; font-weight:600; color:var(--second-color); font-size:36px; line-height:1.4; letter-spacing:0.03em; padding-bottom:20px;}

.greeting{width:100%; /* max-width:1000px; */ margin:0px auto 40px; padding:0 40px; box-sizing: border-box;}
.greeting > p{line-height: 1.5; margin-bottom:30px;}
.greeting .sign{padding-top:30px; text-align: right;}

.about{margin-bottom:40px;}
.about .section{margin-top:60px; }
.about > div:first-child{padding-top:0px; border-top:0;}
.about .section > h3{margin-bottom:20px;}
.about .section > h4{margin-bottom:20px;}
.about .ciArea{display:flex;flex-wrap: wrap; gap:40px; width:100%;}
.about .ciArea > *{flex:1; display:inline-flex; flex-direction: column; gap:10px; }
.about .ciArea > *.full{flex:0 0 100%;}
.about .imgArea{width:100%; text-align: center; border:1px solid #ddd; padding:60px; border-radius: 4px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 10px 0px; }
.about .imgArea img{max-width:100%;}
.about .img-txt{font-weight:500; color:#555; font-size:15px; line-height:1.3; padding:0 10px; box-sizing: border-box;}

.vision{width:100%; text-align: center; margin-top:20px; }
.vision > ul{display:flex;flex-wrap: wrap; justify-content: center; gap:20px; width:100%;}
.vision > ul > li{flex:0 0 calc(100% / 3 - 13.3333px);  border:1px solid #ddd; padding:0px; border-radius: 4px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 10px 0px;  }
.vision .box-top{width:100%; text-align: center; font-weight:700; color:var(--concept-color); font-size:20px; line-height:1.3;border:2px solid; border-color:var(--concept-color); background: #f9fef2; border-radius: 4px;padding:8px;  box-sizing: border-box;}
.vision .box-cont{width:100%; text-align: center; padding:20px; box-sizing: border-box;}
.vision li.c1 .box-top{border-color:#46b766; background: #e8f7ed; color:#46b766; }
.vision li.c2 .box-top{border-color:#7b54af; background: #f4f0f8; color:#7b54af; }
.vision li.c3 .box-top{border-color:#eb6c00; background: #faf4ee; color:#eb6c00; }
.vision li.c4 .box-top{border-color:#ef9c17; background: #fcfaf0; color:#ef9c17; }
.vision li.c5 .box-top{border-color:#97949b; background: #f9f9f9; color:#888; }
.vision .box-cont p{font-weight:400;font-size:16px;color:#444;line-height:1.45;letter-spacing:0;}
.vision img {max-width:100%;}

.character{width:100%;text-align: center;margin-bottom:40px;}
.character .imgArea{width:100%; border:1px solid #ddd; padding:60px; border-radius: 4px;box-sizing: border-box; margin-bottom:20px; box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 10px 0px;  }
.character .imgArea img{width:100%; max-width:450px;}
.character .img-txt{font-weight:400; color:#333; font-size:20px; line-height:1.45;  padding:0 10px; box-sizing: border-box;}
.character .img-txt > span{font-weight:700; color:var(--concept-color);  }

/* 연혁 */
.history{width:100%; }
.history ul{display:flex;flex-wrap: wrap; width:100%;border-top:1px solid #ddd; padding:20px 40px;  box-sizing: border-box;}
.history ul:first-child{border-top:0; }
.history .year{ flex:0 0 120px; font-weight:700; font-size:26px;line-height:1;color:var(--concept-color); }
.history .cont{ flex:1; display:inline-flex; flex-wrap: wrap; gap:15px 20px; box-sizing: border-box;  }
.history .month{ width:40px;font-weight:600; font-size:16px;line-height:1.5;color: #333; text-align: right; }
.history .txt{ width:calc(100% - 60px);}
.history .txt > p{font-weight:400; font-size:15px;line-height:1.5; color: #555;margin-top:8px;}
.history .txt > p:first-child{margin-top:0px;}

.drag_motion{display:none;width:100%;margin:15px 0px;text-align: right; }
.drag_motion .motion{display: inline-flex;align-items: center; min-height:24px;font-weight:300;font-size:12px;color: #666;line-height:1.3;letter-spacing:-0.03em;background: url(/resources/images/layout/icon-hands.png) 0 0 no-repeat;padding-left:30px;}

.drag-guide {display:flex;justify-content:flex-end; /* align-items: center; gap:5px; */}
.drag-guide .drag-txt{font-weight:300;font-size:11px;color: #333;line-height:1.3;letter-spacing:-0.03em;}
.drag-guide .drag-bg { position: relative; width:40px; height:40px; }
.drag-guide .drag-bg:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
.drag-guide .drag-wrap { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
.drag-guide .drag-wrap .drag{display:block; width: 20px; height: 5px; background-color:var(--concept-color); border-radius:5px; opacity:1;  /* background-color:rgba(0, 0, 0, 0.7); */ }
.drag-guide .drag-wrap .hand-icon{display:inline-block; width:21px; height:24px; background: url('/resources/images/layout/icon-hands.png') 50% 50% no-repeat;background-size: 21px auto; margin-top:2px;}
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -20px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}

  /* organization */
  .organization{text-align: center; padding:20px 0 40px;}
  .organization img{max-width:100%;}

  /* 오시는 길 */
  .mapArea{width:100%;}
  .mapArea h3{margin-bottom:15px; }
  .mapArea > section{margin-top:60px; padding-top:60px; border-top:1px solid #666; }
  .mapArea > section:first-of-type{margin-top:0px; padding-top:0px; border-top:0; }
  .mapArea iframe{width:100%; height:500px;}
  .map-content{display:flex;width:100%;}  

  .map{position:relative;width:100%; padding-bottom:0px; }
  .map::after{position:absolute;content: ""; left:0; bottom:0; width:100%; height:80px; background: #fff;}
  .root_daum_roughmap{z-index: 1 !important; }
  .pan_roughmap{z-index: 2 !important; position:absolute;left:0; top:0; width:90%; height:500px; background: transparent; }
  .map iframe{pointer-events:none;}

  .map-contacts {width:100%;margin:0px auto;box-sizing: border-box;}
  .map-contacts ul{display:flex; align-items: flex-start; flex-wrap: wrap; width:100%; border-top:1px solid #efefef; padding-top:15px;  margin-top:10px; }
  .map-contacts ul:first-child{border-top:0; }
  .map-contacts li{display: inline-flex; flex-wrap: wrap; gap:10px; font-weight:400;color:#555;line-height:1.4;}
  .map-contacts .c_title{width:120px;font-weight:700; align-items: center;font-size:15px;color:#333; padding-left:10px; box-sizing: border-box; }
  .map-contacts .c_content{flex:1; flex-direction: column; align-items: flex-start;font-size:15px; }
  .map-contacts .c_content > a{color:#555;}
  .map-contacts .c_btn{display: inline-block;width:100%;text-align:left;}  
  .map-contacts .icon img{max-height:24px;}

  /* 이용방법 */
  .center-guide{margin-bottom:40px;}
  .center-guide .section{margin-top:40px; }
  .center-guide > section:first-child{margin-top:0px;}
  .center-guide .section > h3{margin-bottom:20px;}

  .guideArea{}
  .guideArea > ul{display:flex;flex-wrap: wrap; gap:0px;}
  .guideArea > ul > li{position: relative; flex:1; display:inline-flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; gap:5px; border:1px solid #ddd; border-radius: 4px; padding:25px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; }
  .guideArea > ul > li.arrow-img{flex:0 0 40px; height:30px; border:0;padding:10px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 30px; margin-top:65px;box-shadow: none;  }
  .guideArea.type1 > ul > li.arrow-img{ margin-top:80px; }
  .guideArea .imgArea{margin-bottom:10px;}
  .guideArea .btn-apply{ margin-top:10px; }
  .guideArea .imgArea img{max-width:100%; height:45px; }
  .guideArea .txt{ font-weight:700; color:#555; font-size:17px; line-height:1.3;}
  .guideArea .phone{ font-weight:700; color:var(--concept-color); font-size:17px; line-height:1.3; }


  /* 의뢰서신청 step */
  .form-step{margin:30px 0; border:1px solid #999; border-radius: 4px; padding:30px 20px 20px; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px; box-sizing: border-box;}
  .form-step > ul{display:flex;flex-wrap: wrap; gap:20px;}
  .form-step > ul > li{flex:1; display:inline-flex;align-items: center; justify-content: center; flex-direction: column; gap:5px; /* border:8px solid #b5b5b5; padding:15px; border-radius: 40px;box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 10px 0px;   */ box-sizing: border-box; position: relative; }
  .form-step > ul > li.arrow-img{flex:0 0 24px; background:url(/resources/images/sub/arrow-sty1.png) 50% 50% no-repeat; background-size:auto 24px; margin-top:0px; }
  .form-step .step{position: absolute; left:50%; top:-40px;transform:translateX(-50%); display:inline-flex;justify-content: center;align-items: center; gap:5px; height:24px; font-weight:400; color:#fff; font-size:11px; line-height:1; background: #aaa;border-radius: 4px; padding:0px 8px; box-sizing: border-box; z-index: 2; }
  .form-step .step > span{font-weight:700;}
  .form-step .txt{text-align: center; font-weight:400; color:#333; font-size:18px; line-height:1.3; margin-top:0px;}
  .form-step .txt > span{font-weight:700;}
  .form-step .txt br{display:none;}
  .form-step .btn{display:inline-flex; gap:10px;font-weight:500; color:#fff; font-size:12px; line-height:1; background:var(--sub-color); padding:8px 10px; border-radius: 4px; box-sizing: border-box; }
  .form-step .btn .icon{display:inline-block;width:15px;height:12px;background:url(/resources/images/layout/i_filedown_wh.png) 50% 50% no-repeat;}
  .form-step > ul > li.a1 .step{background:#a2cd60;}
  .form-step > ul > li.a2 .step{background:var(--concept-color);}
  .form-step > ul > li.a3 .step{background:#1d812e;}

.textTb{display: inline-block; width:100%;margin-bottom:25px;font-family: 'Pretendard';}
.textTb .tit1{font-weight: 600;color:#333;font-size:18px;line-height:1.45;margin-bottom:10px;}
.textTb .txt1{font-weight: 300;color:#444;font-size:16px;line-height:1.45;word-wrap: break-word;word-break: keep-all;}
.textTb .txt2{font-weight: 300;color:#444;font-size:16px;line-height:1.45;word-wrap: break-word;word-break: keep-all;margin-bottom:20px;}
.textTb .txt3{font-weight: 300;color:#444;font-size:16px;line-height:1.45;word-wrap: break-word;word-break: keep-all;padding-left:20px;margin-bottom:10px;box-sizing: border-box;}
.textTb .txt4{font-weight: 300;color:#444;font-size:16px;line-height:1.45;word-wrap: break-word;word-break: keep-all;padding-left:40px;margin-bottom:10px;box-sizing: border-box;}
.textTb .txt_b{font-weight: 600;}

.email-wrap{display:block; width:100%; margin:0px auto 40px; border:1px solid #ddd;background: #fafafa; border-radius: 4px; padding:40px;box-sizing: border-box;} 
.email-wrap > h3{text-align: center;font-weight:700;font-size:20px;line-height:1.3;color:#333; margin-bottom:30px;} 
.email-wrap > h3 br{display:none;} 
.email-wrap > p{font-weight:300;color:#333;font-size:16px;line-height:1.4; text-indent:-15px; padding-left:15px;margin-top:20px;box-sizing: border-box;}
.email-wrap > p:first-child{margin-top:0px;}

.result-wrap {margin:40px 0; }
.result-tit{display:flex; align-items: center; gap:10px; flex-wrap: wrap; font-size: 18px; font-weight:700; margin-bottom:10px; color: #333; }
.result-tit > h3{margin-bottom:0px;}
.result-count { font-size: 14px; color: #666;}
.result-count span { color: var(--concept-color); font-weight: 700; }

.tbl-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tbl-basic { width: 100%; border-top: 2px solid #444; border-collapse: collapse; font-size: 15px; }
.tbl-basic thead th {background: #f7f7f7;padding: 13px 10px;text-align: center;font-weight: 600;color: #333;border-bottom: 1px solid #dfdfdf;white-space: nowrap;}
.tbl-basic tbody td {padding: 13px 10px;text-align: center;border-bottom: 1px solid #dfdfdf; color: #444;font-size: 14px; word-break: keep-all;}
.tbl-basic tbody tr:hover { background: #fafafa; }
.tbl-basic .no-data td { padding: 20px 0;text-align: center; color: #999;font-size: 15px;}
/* 진행상황 뱃지 */
.badge {display: inline-block;padding: 4px 12px;border-radius:20px;font-size: 13px;font-weight: 600;white-space: nowrap;}
.badge--wait   { background:var(--point-color); color: #fff; }   /* 대기 */
.badge--ing    { background:var(--primary-color); color: #fff; }   /* 진행중 */
.badge--done   { background:var(--concept-color); color: #fff; }   /* 완료 */
.badge--cancel { background:var(--gray-color); color: #fff; }   /* 취소 */



















/* timeline */
.timeline {line-height: 1.4em; list-style: none; margin:0; padding:0; width: 100%;}
.timeline-item {padding-left: 40px; position: relative;}
.timeline-item:last-child { padding-bottom: 0;}
.timeline-info {font-size: 12px; font-weight: 700;letter-spacing: 3px; margin: 0 0 .5em 0; text-transform: uppercase; white-space: nowrap;}

.timeline .progressbar { position:absolute; top:0px; left:50%;transform:translateX(-50%); width:2px; height:calc(100% - 40px); background-color:#ddd; overflow:hidden; z-index:2; }
.timeline .progress { position: absolute;left:50%;transform:translateX(-50%);  top:0; width:2px; height:0; background:var(--concept-color); transition:.5s; }

.timeline-marker {position: absolute;top: 0;bottom: 0;left: 0;width: 10px;}
.timeline-marker:before {background: var(--concept-color); border: 2px solid transparent; border-radius: 100%; content: "";display: block;height: 10px; position: absolute; top: 6px; left:1px; width: 10px;transition: background 0.3s ease-in-out, border 0.3s ease-in-out;}
.timeline-marker:after { content: "";width: 2px; background: #CCD5DB; display: block;position: absolute;top: 24px;bottom: 0; left: 5px;}
.timeline-item:last-child .timeline-marker:after { content: none;}
.timeline-item:not(.period):hover .timeline-marker:before { /*background: transparent;border: 3px solid var(--concept-color);*/background: transparent;border: 3px solid var(--concept-color); }
.timeline-item:not(.period):hover .timeline-title { color:var(--concept-color);}

.timeline-content {padding-bottom: 20px;}
.timeline-content p:last-child { margin-bottom: 0;}
.timeline-content .timeline-title {font-weight:700;font-size:30px; color: #1a1a1a;line-height:1; margin-bottom:25px;}

.timeline-content .timeline_txt {display:flex; flex-wrap: wrap; width:100%; margin-bottom:10px; }
.timeline-content .month {flex:0 0 40px; font-weight:700;font-size:18px; color:#333;line-height:1.3;}
.timeline-content .txt {flex:1;}
.timeline-content .txt > p{font-weight:400;font-size:16px;color: #333;line-height:1.45; position:relative; padding-right:0px;padding-left:10px; margin-top:5px; }
/* .timeline-content .txt > p:before {content: '';display: block;position: absolute;top:10px;left:0;width:5px;height:5px;border-radius: 50%;background: var(--concept-color);} */
.timeline-content .txt > p:first-child{margin-top:0px;}
.timeline-content .txt > p > br{display:none;}
.timeline-content .imgArea {flex:0 0 100%;margin-top:25px;}
.timeline-content .imgArea img{max-width:100%; }

.timeline-centered .timeline-item:nth-child(even) .txt > p{padding-right:10px; padding-left:0px;}
.timeline-centered .timeline-item:nth-child(even) .txt > p:before {right:0;left:auto;}
.timeline-centered .timeline-item:nth-child(even) .timeline_txt {flex-direction:row-reverse;}

.timeline-centered,
.timeline-centered .timeline-item,
.timeline-centered .timeline-info,
.timeline-centered .timeline-marker,
.timeline-centered .timeline-content {display: block;margin: 0; padding: 0;}
.timeline-centered .timeline-item {padding-bottom: 20px;overflow: hidden; }
.timeline-centered .timeline-marker {position: absolute;left: 50%;margin-left: -5px; }
.timeline-centered .timeline-info,.timeline-centered .timeline-content {width: 50%;}
.timeline-centered .timeline-item:nth-child(odd) .timeline-info { float: left; padding-right: 30px;}
.timeline-centered .timeline-item:nth-child(odd) .timeline-content { float: right; text-align: left; padding-left: 30px; box-sizing: border-box;}
.timeline-centered .timeline-item:nth-child(even) .timeline-info { float: right; text-align: left;  padding-left: 30px;}
.timeline-centered .timeline-item:nth-child(even) .timeline-content { float: left; text-align: right;padding-right: 30px; box-sizing: border-box;}

.marker-outline .timeline-marker:before {background: transparent;border-color: var(--concept-color);}
.marker-outline .timeline-item:hover .timeline-marker:before { background: var(--concept-color);}

/********************************************
	공통사용
********************************************/
.pre-wrap{width:100%;white-space: pre-wrap;margin-bottom:40px;  }
  /* business */
  .btn_pdf{display: flex;flex-wrap: wrap; gap:10px; justify-content: center; text-align: center;}
  .i_pdf{display: inline-block; min-height:20px;padding-left:30px;background:url(/resources/images/layout/i-pdf.png) left center no-repeat;background-size: auto 20px;font-weight:400;font-size:15px;color:#333;line-height:1.45;  }
  .i_pdf > em{font-weight:700; color:#000; }