@charset "utf-8";

#conts h4,
#conts .s-title{ color: #1C8765;}
#conts h4:after{ background: #018867;}
#conts h5{ color: #6B4C36;}
#conts h5:before{background: url('/saemaul/img/common/bul_h5.svg') no-repeat 50% 50% / contain;}
#conts .list-ul > li:before {background-image: url('/atec/img/common/bul_ul_depth01.svg');}
#conts .list-ul ul > li:before {width:.277778em; background-image:url(/saemaul/img/common/bul_ul_depth02.svg);}

#conts .tbl-respon > .guide, 
#conts .tbl_wrap > .tbl_guide{background: url('/atec/img/common/ico_table_guide.svg') no-repeat 0 0;}
#conts .tbl thead th{background: #f6f7f6;}
#conts .box-design,
#conts .bod_guide{border-top: 0.8333334em solid #f4faf6;}
#conts .box-design:after,
#conts .bod_guide:after {width: 11.5em; background: #1C8765;}
#conts .link,
#conts em{color:#ff6c01;}
#conts .link[target="_blank"]:after{background: url('/atec/img/common/ico_blank.svg') no-repeat 50% 50%;}
#conts .btn_wrap .btn.list,
#conts .btn_wrap .btn.write{ background-color: #1C8765 !important;  border-color: #1C8765 !important;}
#conts .bod_head .page_num em{color : #FF8A35;}
#conts .bod_guide:before{background: url('/atec/img/common/box_ico_02.svg') no-repeat 50% 50% / contain;}
#conts .bod_head .bod_search{background: #f7f7f7;}
#conts .bod_page > span {background:#018867;}

#snbWrap h2{background: #1C8765;}
#snbWrap .snb > li > a.on,
#snbWrap .snb > li > a.active {background:#6B4C36; border-color:#6B4C36;}
#snbWrap .snb > li > ul{ border: 1px solid #6B4C36;}
#snbWrap .snb > li > ul > li > a.on > span,
#snbWrap .snb > li > ul > li > a.active > span {color:#6B4C36;}
#snbWrap .snb > li > ul > li > a.on:before, 
#snbWrap .snb > li > ul > li > a.active:before{ background: #6B4C36;}
#spotWrap .spot_list:before{background: #fafafa;}
#openMymenu{background: linear-gradient(180deg, #00cc6a 0%, #1C8765 100%);}

#lnbWrap {margin:0 13em;}
#lnbWrap .li_depth01 {display:inline-block; padding:0 1em; vertical-align:top;}
#lnbWrap .li_depth01 > a {display:block; position:relative; font-size:1.1em; color:#000; padding:1.432em 0; color:#222; font-weight:500;}
#lnbWrap .li_depth01 > a:after {content:"";display:block;position:absolute;width:4px;height:0;top:100%;left:50%;margin-top:0;margin-left:-2px;background: #568f72;transition:.3s all;-webkit-transition:.3s all;z-index:10;}
#lnbWrap .li_depth01.on > a,
#lnbWrap .li_depth01.active > a {color: #568f72;font-weight:600;}
#lnbWrap .li_depth01.on > a:after {height:15px; margin-top:-7px;}

#lnbWrap .lnb_sub > .tit {position:absolute;top:0;left:0;bottom:0;width: 300px;box-sizing:border-box;padding:4em 0 0;z-index:0;}
#lnbWrap .lnb_sub > .tit:after {content:"";display:block;position:absolute;top:0;bottom:0;right:0;left: -300px;background: #f1f5f5;z-index:-2;}
#lnbWrap .lnb_sub > .tit strong {display:block;position:relative;margin-bottom:.65em;line-height:1.3em;font-size:1.9em;font-weight: 700;color: #6B4C36;font-family:'EBSHunminjeongeumSB',Helvetica,Arial,sans-serif;}
#lnbWrap .lnb_sub > .tit span {display:block; color:#4D545B; word-break:keep-all; line-height:1.5em; font-size:0.9em;}
	
	
#lnbWrap .lnb_sub .acc-object {display:block; position:absolute; right:0; bottom:0; width:17.8em; height:15em; z-index:-1; overflow:hidden;}
#lnbWrap .lnb_sub .acc-object .obj {display:block; position:absolute; opacity:1; transition:.4s all; -webkit-transition:.4s all;}
#lnbWrap .lnb_sub .acc-object .obj:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:no-repeat 50% 50%; background-size:contain;}
#lnbWrap .lnb_sub .acc-object .obj.ty1 {bottom: 5.85em;right: 3.9em;width:5em;height:3em;z-index:0;}
#lnbWrap .lnb_sub .acc-object .obj.ty2 {bottom: -.5em;right: -0.45em;width: 12.3em;height:5.9em;z-index:1;transition-delay:.2s;-webkit-transition-delay:.2s;}
#lnbWrap .lnb_sub .acc-object .obj.ty3 {bottom: -4.4em;right: 6.4em;width: 9em;height: 10em;z-index:2;transition-delay:.1s;-webkit-transition-delay:.1s;}
#lnbWrap .lnb_sub .acc-object .obj.ty4 {bottom: -1.5em;right:6.2em;width:10.75em;height: 8.85em;z-index:3;}
#lnbWrap .lnb_sub .acc-object .obj.ty1:before {background-image:url(/saemaul/img/common/img_lnb_title_01.svg); animation:acc-title-bird 5s linear 0s infinite normal both; -webkit-animation:acc-title-bird 5s linear 0s infinite normal both;}
#lnbWrap .lnb_sub .acc-object .obj.ty2:before {background-image:url(/saemaul/img/common/img_lnb_title_02.svg); animation:acc-title-wave 8s linear 0s infinite normal both; -webkit-animation:acc-title-wave 8s linear 0s infinite normal both;}
#lnbWrap .lnb_sub .acc-object .obj.ty3:before {background-image:url(/saemaul/img/common/img_lnb_title_03.svg);}
#lnbWrap .lnb_sub .acc-object .obj.ty4:before {background-image:url(/saemaul/img/common/img_lnb_title_04.svg);}


/* Depth 02 */
#lnbWrap  .depth02 {margin: 0 -.6em;margin-left: 320px;margin-right: -1em;min-height:20.5em;max-height: 35em;overflow-y: auto;padding:.5em 0 1.5em;box-sizing:border-box;position: relative;}
#lnbWrap  .depth02:after {content:""; display:block; clear:both;}
#lnbWrap  .li_depth02 {display: inline-block;position:relative;width: calc(25% - 0.4em);vertical-align: top;box-sizing:border-box;padding: 0.8em .3em;}
#lnbWrap  .li_depth02 > a {display:block;position:relative;padding: .5em;text-align:center;z-index:0;overflow:hidden;}
#lnbWrap  .li_depth02 > a span {display:block;position:relative;line-height:1.5em;color:#2F3336;font-size: 0.9em;font-weight:500;}
#lnbWrap  .li_depth02 > a:before,
#lnbWrap  .li_depth02 > a:after {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius: .4em;z-index:-1;}
#lnbWrap  .li_depth02 > a:before {border:1px solid #D3D8DD; z-index:-2;}
#lnbWrap  .li_depth02 > a:after {background:#568f72;transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:.3s all;-webkit-transition:.3s all;}
#lnbWrap  .li_depth02:hover > a,
#lnbWrap  .li_depth02 > a.active,
#lnbWrap  .li_depth02 > a:hover,
#lnbWrap  .li_depth02 > a:focus {border-color:#FF4141;}
#lnbWrap  .li_depth02:hover > a span,
#lnbWrap  .li_depth02 > a.active span,
#lnbWrap  .li_depth02 > a:hover span,
#lnbWrap  .li_depth02 > a:focus span {color:#FFF; font-weight:600;}
#lnbWrap  .li_depth02:hover > a:after,
#lnbWrap  .li_depth02 > a.active:after,
#lnbWrap  .li_depth02 > a:hover:after,
#lnbWrap  .li_depth02 > a:focus:after {transform:translateY(0); -webkit-transform:translateY(0);}


.btn_scroll_top{background: url('/atec/img/common/btn_goto_top.svg') no-repeat 50% 50%;}


/* 타이틀 */
@media (min-width: 1025px){
	#headerWrap .logo.multi a.siteLogo {white-space:initial; word-break:break-all; font-size:1em; width:10em;}
	#headerWrap .logo.multi a.siteLogo span {font-size:1.3em; line-height:1.1em;}
}

@media (max-width: 510px){
	#headerWrap .logo.multi a.siteLogo span {white-space:initial;word-break:break-all;width: 7.8em;font-size: .85em;line-height: 1;margin-top: 4px;}
}