@charset "utf-8";

/**********************************
	Header Layout
**********************************/

.headWrap .aside .mymenu {
	background: rgb(3,105,79);
	background: -moz-linear-gradient(90deg, rgba(3,105,79,1) 0%, rgba(9,140,107,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(3,105,79,1) 0%, rgba(9,140,107,1) 100%);
	background: linear-gradient(90deg, rgba(3,105,79,1) 0%, rgba(9,140,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03694f",endColorstr="#098c6b",GradientType=1);
}


@media all and (min-width: 1025px) {
	.lnbWrap {padding-left:240px;}
	.lnb_nav .li_depth01 > a > span {font-size:1.8rem; padding:0 .8rem;}
	.lnb_nav .li_depth01.on > a,
	.lnb_nav .li_depth01.active > a {color:#00a9b5;}
	.lnb_nav .depth02 > li > .cell a:hover {background:url('../img/common/ico_depth02.png') no-repeat top 50% right 1.8rem #00a9b5;}

}
@media all and (max-width:530px) {
	.headWrap .aside .mymenu {padding:0; width:4rem; margin-right:1rem;}
	.headWrap .aside .mymenu span {display:block; position:absolute; top:0; right:0; text-indent:-999px; width:0; overflow:hidden;}
}


/**********************************
	Side Link
**********************************/

.site_wrap,
footer .btn_close {background:#32766f;}


.ico_con .box_color { font-size:1.6rem; padding:2rem 2.4rem; background: #e9f0f4; border: 2px solid #59b98f; line-height: 160%; color: #333; word-break: break-all; }

#conts .depth05.list03 li {width:33.3%;}

@media all and (max-width:840px) {
	#conts .depth05.list03 li {padding:1rem .2rem; width:49.5%;}
}


.contTab02 {display:block;border: 1px solid #e5e8e8;background: #ffffff;margin-bottom: 2.5rem;}
.contTab02::after{content:''; clear:both; display:block;}
.contTab02 ul >li {display:block; position:relative; float:left; box-sizing:border-box; background: #fdfdfd; width:20%;}
.contTab02 ul.list05 > li:before {border-right-width:1px;}
.contTab02 ul.list05 > li:nth-child(5n):before {border-right-width:0px;}
.contTab02 ul >li:before {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:-1px;border: 0px solid #e5e8e8;border-bottom-width:1px; z-index: 2;}
.contTab02 ul >li a {display:block;position:relative;font-size:1.7rem;padding: 1.5rem 1rem;text-align:center;color: #868c8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;font-size: 1.6rem; z-index:3;}
.contTab02 ul >li:hover a {text-decoration:underline;}

.contTab02 ul >li.on{background:#00a9b5; }
.contTab02 ul >li.on:after{content:"";position:absolute;top: -1px;left: -3px;z-index: 20;width:calc(100% + 3px);height:calc(100% + 3px);border: 3px solid #00a9b5; border-width:4px; border-radius:4px;  box-shadow:0 0 14px rgba(13,36,78,0.2); -webkit-box-shadow:0 0 14px rgba(13,36,78,0.2); -moz-box-shadow:0 0 14px rgba(13,36,78,0.2);}
.contTab02 ul >li.on a{color:#fff; font-weight:500;}

.tab-wrap li.on a{ background-color: #098e70; color: #fff; font-weight:600; }

@media all and (max-width:1024px) and (min-width:769px) {
	/* Tablete Mode */

	.contTab02 ul.list05 >li {width: 33.33%;}
}
@media all and (max-width:768px) and (min-width:641px) {
	/* Tablete Mode2 */
	.contTab02 ul.list05 >li {width: 33.33%;}

	.contTab02 ul.list05 > li:before {border-right-width:1px;}
	.contTab02 ul.list05 > li:nth-child(3n):before {border-right-width:0px;}
}
@media all and (max-width:640px) {
	/* Mobile Mode2 */
	.contTab02 ul >li a {font-size: 1.4rem;padding: 1.5rem 1rem;}
	.contTab02 ul.list05 >li {width:50%;}
	.contTab02 ul.list05 > li:nth-child(odd):before {border-right-width:1px;}

	#conts .depth05.list03 li {display:block; width:auto; float:none;}
}




/**********************************
	depart Guide : 컬러맞춤
**********************************/

#snbWrap h2 {background:#098e70;}
.snb >li >a.state.on, .snb >li >a.on {background:#006a61;}
.snb >li >a.state.on + ul {border-color:#006a61;}
.snb >li >a:hover, .snb >li >a:focus {color: #006a61;}
.snb >li >ul >li >a.on {color:#006a61;}
.snb >li >ul >li >a:before {background:#98c3bc;}
.snb >li >ul >li >a:hover:before, .snb >li >ul >li >a:focus:before, .snb >li >ul >li >a.on:before {background:#006a61; border:1px solid #006a61;}

.snb >li >ul >li > ul {background: #e2f6f8;}
.snb >li >ul >li > ul > li >a.on {color: #0697a5;}

.snb >li >ul >li >a[target=_blank]:after {background:url('./../img/common/spr_common_dept.png') -23px 0 no-repeat;}

.subvisual{background: url(/dept/img/common/bak_subvisual.png) no-repeat 50% 50% #e2f8f4;}
.spot_list >li:before {background:url('./../img/common/spr_spot_dept.png') 0 -26px no-repeat;}
.share_list button.close {background:url('./../img/common/spr_spot_dept.png') -94px 0px no-repeat;}

#conts .depth05 li.on a, #conts .depth05 li a.on, #conts .depth05 li a:hover { color: #098e70 !important;}

#conts .depth05 li a:before { background: #098e70; border-radius: 1em;}

@media all and (max-width:640px){
	#titWrap{background: #e2f8f4!important;}
}



/*
	가이드기본
*/
.tab { border-bottom: 1px solid #098e70; }
.tab>li { float: left; }
.tab a { width: 140px; display: block; text-align: center; background: #e9f1ef; border: 1px solid #098e70; border-bottom: 0; padding: 10px 17px; margin-right: 10px; color: #098e70; ;}
.tab a.active { background: #098e70; color: #fff; }
.exp_guide { padding: 2rem 2.4rem; background: #e9f1ef; border: 2px solid #58a087; line-height: 160%; color: #333; font-size: 1.5rem; word-break: break-all; }
#uiGuide, #contGuide { position: relative; }

#conts h6:before {background: url(/dept/img/common/bul_h6.png) no-repeat 50% 50%;}
/*
	TEXT
*/

#conts .point {color:#098e70;}
/* #conts .point:hover {background:#004e48;}*/
#conts .txt_point {color:#098e70 !important;}
#conts .link {color:#098e70;}

#conts *[target="_blank"]:not([class]):after,
#conts .link[target="_blank"]:after {background:url('/dept/img/common/ico_blank_dept.png') no-repeat 50% bottom;}
#conts .icon-file {background: url('/common/img/guide/ico_file.png') no-repeat left 5px;}
#conts .icon-file:hover { color:#098e70; }
#conts .cell p.s-title{color: #098e70 !important;}
#conts .cell p.s-title.st2{color:#333333 !important;}
#conts .list-count em {color:#098e70;}
#conts .list-o > li:before {color: #6ab901;border-bottom: 2px solid #6ab901;}


/*
	Table
*/

.spot_list >li:last-child >a {color:#098e70;}

/*
	Button
*/
.button.cancel {border-color:#333333; background:#333333; color:#fff !important;}
.button.cancel:hover {border-color:#111111; background:#111111;}

.button.del,
.button.error,
.button.noti {border-color:#f16d25; background:#f16d25; color:#fff !important;}
.button.del:hover,
.button.error:hover,
.button.noti:hover {border-color:#cc4901; background:#cc4901;}

.button.gray {background:#555555; border-color:#555555; color:#fff !important;}

.button[disabled],
.button.deactivate {border:1px solid #bbbbbb; color:#777777 !important; background: #efefef;}
.button[disabled]:hover,
.button.deactivate:hover {border:1px solid #bbbbbb; color:#777777 !important; background: #efefef;}

.btn_top {border:1px solid #098e70; color:#098e70 !important;}
.btn_top:hover {background:#098e70;}
.btn_top:after {background:url('/dept/img/common/btn_tab_top.png')!important;}
.btn_top:hover:after {background-image:url('/common/img/common/btn_tab_top_on.png')!important;}

.button {border:1px solid #098e70; color:#098e70 !important; border:1px solid !important; background-color: #fff;}
.button:hover {border-color:#098e70; background:#098e70;}

.button.icon.prev:hover,
.button.icon.next:hover {border-color:#098e70 !important; color:#098e70 !important;}

input[type="submit"].button:hover { background:#098e70;}

.button.normal {border-color:#098e70; background:#098e70; }
.button.normal:hover{border-color:#098e70; background: #098e70;}

.button.point {border-color:#006a61; background:#006a61; }
.button.point:hover {border-color:#002253; background:#002253;}

.button.point.icon.down:after {background-position:100% 0;}
.button.point.icon.picture:after {background-position:100% -6rem;}
.button.point.icon.paper:after {background-position:100% -11.8rem;}
.button.point.icon.view:after {background-position:100% -17.7rem;}
.button.point.icon.blank:after {background-position:100% -23.6rem;}
.button.point.icon.go:after {background-position:100% -29.5rem;}

.button.point.icon.small.down:after {background-position:100% .3rem;}
.button.point.icon.small.picture:after {background-position:100% -27.7rem;}
.button.point.icon.small.paper:after {background-position:100% -3.7rem;}
.button.point.icon.small.view:after {background-position:100% -7.7rem;}
.button.point.icon.small.blank:after {background-position:100% -11.7rem;}
.button.point.icon.small.go:after {background-position:100% -15.6rem;}

.button.icon.prev:before {background-image:url('/dept/img/common/split_button_icon_dept.png');}
.button.icon:after {content:""; display:inline-block; margin-left:.6rem; margin-top:-.2em; width:2.5rem; height:2.5rem; vertical-align:middle; background:url('/dept/img/common/split_button_icon_dept.png') no-repeat 0 0; background-size:10rem auto;}
.button.small.icon:after {width:1.9rem; height:1.9rem; margin-left:.5rem; margin-top:-.1em; background:url('/dept/img/common/split_button_icon_small_dept.png') no-repeat 0 0; background-size:10rem auto;}
.button.small.blank.icon:hover:after {background:url('/dept/img/common/split_button_icon_small_dept.png') no-repeat; background-position: 0 -11.7rem !important;}

.btn_wrap >a, .btn_wrap >input, .btn_wrap >button {color:#098e70; border:1px solid #098e70;}

.btn_wrap >a:hover,
.btn_wrap input[type="submit"]:hover,
.btn_wrap input[type="button"]:hover,
.btn_wrap button:hover {color:#fff; background-color:#098e70;}


#conts .list-u .button.small,
#conts .list-o .button.small  {border: none!important;}
#conts .list-u .button.small:hover,
#conts .list-o .button.small:hover {background: #e2f8f4; color: #006a61 !important;}

/*
	Tab List
*/

.tab-link-box li a:hover:before {background:#098e70;}



/* 그 외 콘텐츠 가이드 */
#conts h5 {color: #098e70 ;}
#conts .mh6, #conts .fix-mh6, #conts .list-u.mh6, #conts .list-o.mh6  {margin-left:5.6rem !important; }
#conts .flx-cont .mh6 {margin-left:2.8rem !important;}

#conts .list-u li:before {background:url('/dept/img/common/split_ul_dot_dept.png') no-repeat 0 0;}
#conts .list-o > li ul li:before {display:block; position:absolute; top:.65em; left:0; background-image:url('/common/img/common/split_ul_dot.png'); background-repeat:no-repeat; background-size:1.1rem;}
#conts *.box-design {background:url('/dept/img/common/bak_guide_top_dept.png') repeat-x 0 0 #e4efee;}

@media all and (max-width:375px) {
	#conts .mh6, #conts .fix-mh6, #conts .list-u.mh6, #conts .list-o.mh6  {margin-left:2.6rem !important; }
	#conts .fix-mh5, #conts .list-u.mh5, #conts .list-o.mh5 {margin-left:0 !important;}
}

/*  게시판 스타일  */
.bod_head .bod_search input[type="submit"] {background:#098e70;}
.bod_page >span {background: #eef6f7;color: #098e70;}


/* 게시판 상단 안내문구 */
.bod_guide {background: url('/dept/img/common/bak_guide_top_dept.png') repeat-x 0 0 #e4efee;}
.bod_guide::before{background : url('/dept/img/common/ico_board_guide.png');}
.bod_guide .tit{color: #098e70!important;}


/* STEP FLOW */

#conts .flow ul li:before {top: 15px; }

.bod_guide .flow-list.ty2 .flow .item .tit{color: #fff!important; font-size:1.7rem!important;}
.bod_guide .flow-list.ty2 .flow .item .txt{ font-size:1.5rem!important;}

#conts .flow-list.ty3 .flow .item:before{border: 1px solid #c8d5d2;}
#conts .flow-list.ty3 .flow .item .txt {background: #edf5f3;border: 1px solid #c8d5d2;}

/* 박스태그 */
#conts *.box_color {background : #ebf4f5; border-color: #bed9d7;}

#conts *.box-list {background : #ebf4f5;}

.tab_depth05 ul >li a.on {background :#006a61}

#conts .flow .item:before {border-color: #bed9d7;}

#conts .flx-cont.color {background : #ebf4f5;}
#conts .flx-cont .flx-box {border-color: #bed9d7;}

/* 분야별 서브페이지 웹접근성 마크 숨김  */
footer .wa_mark {display: none;}