@charset "utf-8";

#lnbWrap {margin: 0 6em 0 15em;text-align: right;}

#snbWrap h2 {background:url(/common/img/common/bak_snb_title_depart.svg) no-repeat 50% 50%;}
#snbWrap .snb > li > a.on, #snbWrap .snb > li > a.active {background:#ff6335; border-color:#ff6335;}
#snbWrap .snb > li > ul {border:1px solid #ff6335;}
#snbWrap .snb > li > ul > li > a.on:before, #snbWrap .snb > li > ul > li > a.active:before {background:#ff6335;}
#snbWrap .snb > li > ul > li > a.on > span, #snbWrap .snb > li > ul > li > a.active > span {color:#ff6335;}


/* 사이드퀵메뉴 */
.quick-menu {position:fixed; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:4em; border-radius:.25em 0 0 .25em; background:#ff4141; border:1px solid #ff4141; border-right-width:0; overflow:hidden; font-size:20px; z-index:99;}
.quick-menu span {display:inline-block; line-height:1.2;}
.quick-menu div {display:block; width:100%; padding:.5em 0; color:#fff; text-align:center; font-weight:700;}
.quick-menu div span { font-size:.9em;}
.quick-menu > span {position:relative; text-indent:-9999px; padding:.25em 0; cursor:pointer;}
.quick-menu .open {display:none;  background:url(../img/main/quick_open.svg) no-repeat center center; background-size:auto .5em;}
.quick-menu .close {display:block; background:url(../img/main/quick_close.svg) no-repeat center center; background-size:auto .5em;}
.quick-menu ul { background:#fff;}
.quick-menu li a {display:block; padding:.75em 0; text-align:center; }
.quick-menu li a span {position:relative; font-size:.9em; padding-left:1.5em;}
.quick-menu li + li {border-top:1px solid #ddd;}
.quick-menu li:nth-child(1) a span {background:url(../img/main/icon_biz.svg) no-repeat left center; background-size:1.3333em auto;}
.quick-menu li:nth-child(2) a span {background:url(../img/main/icon_traffic.svg) no-repeat left center; background-size:1.3333em auto;}
.quick-menu li:nth-child(3) a span {background:url(../img/main/icon_wel.svg) no-repeat left center; background-size:1.3333em auto;}
.quick-menu li:nth-child(4) a span {background:url(../img/main/icon_city.svg) no-repeat left center; background-size:1.3333em auto;}
.quick-menu li:nth-child(5) a span {background:url(../img/main/icon_life.svg) no-repeat left center; background-size:1.3333em auto;}
.quick-menu li:nth-child(6) a span {background:url(../img/main/icon_safe.svg) no-repeat left center; background-size:1.3333em auto;}

.quick-menu.off ul {display:none;}
.quick-menu.off .open {display:block;}
.quick-menu.off .close {display:none;}

@media all and (max-width:1024px) {
	.quick-menu {right:10px; top:auto; bottom:5em; transform:translateY(0); -webkit-transform:translateY(0); border-radius:.25em;  border-right-width:1px; font-size:18px; }
	.quick-menu li a {padding:.5em 0;}
	
	
}

@media all and (max-width:640px) {
	.quick-menu {width:auto; right:auto; top:auto; left:10px; bottom:10px;}
	.quick-menu div {padding:.25em 1.5em .25em .5em;}
	.quick-menu div span br{display:none;}
	.quick-menu > span {position:absolute; right:0; top:0.25em; width:1.5em;}
}


#lnbWrap .li_depth01.on > a,
#lnbWrap .li_depth01.active > a {color:#ff6335 ; }

@media all and (min-width:1025px) {

	#lnbWrap  .li_depth02:hover > a,
	#lnbWrap  .li_depth02 > a.active,
	#lnbWrap  .li_depth02 > a:hover,
	#lnbWrap  .li_depth02 > a:focus {border-color:#ff6335;}

	#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:#ff6335; }

	#lnbWrap  .depth03 > li > a.active,
	#lnbWrap  .depth03 > li > a:hover,
	#lnbWrap  .depth03 > li > a:focus {border-color:#ff6335;}
	#lnbWrap  .depth03 > li > a.active span,
	#lnbWrap  .depth03 > li > a:hover span,
	#lnbWrap  .depth03 > li > a:focus span {color:#ff6335;}
	#lnbWrap  .depth03 > li > a.active:before,
	#lnbWrap  .depth03 > li > a:hover:before,
	#lnbWrap  .depth03 > li > a:focus:before {background:#ff6335;}
	
}

.tab_depth04 a.on:before,
.tab_depth04 a:hover:before {background:#13366B !important;}


.conts h4 {color:#FF714E !important;}
.conts h5 {color:#13366B !important;}

.conts .list-ul > li:before {border-color:#FFA825;}
.conts .stepflow .item .num {background:#13366b;}

.conts .box-design, .conts .bod_guide {border-bottom:1px solid #ddd;  border-top:1px solid #ddd; padding: 1.38889em 1em;}
.conts .box-design:after , .conts .bod_guide:after  {left:0; top:-3px; right:0; bottom:0; background:none; width:7em; border-top:5px solid #FF714E; z-index:1;}
.conts .bod_guide:before {background:url(/_guide/icons/depart_ico_03.svg) no-repeat 50% 50%; background-size:contain;}

.conts .box-design div.icon {left:1.3334em;}
.conts .box-design div.icon + .desc {margin-left:6.66667em;}

@media all and (max-width:480px) {
	.conts .box-design div.icon {left:auto;}
	.conts .box-design div.icon + .desc {margin-left:0;}
}

.conts .grid-item .box-down > p {border-bottom:1px dashed #ddd; margin-bottom:.75em !important; padding:1.1111em;}
.conts .stepflow li:last-child .item:after {background:#ff6335;}