@charset "utf-8";

@import url("common.css");
@import url("/gears/board/resource/newboard2.css");

hr.line {padding:0;margin:1em 0;clear:both;height:1px;line-height:1px;border:0;border-top:solid 1px #eee;}

/* sub common */
#sub-visual {display:table;width:100%;height:226px;background:#666 url(/assets/img/main3.jpg) no-repeat 50% 60%;background-size:cover;text-align:center;position:relative;}
.sub2 #sub-visual {background-image:url(/assets/img/sub2.jpg);background-position-y:50%;}
.sub3 #sub-visual {background-image:url(/assets/img/sub3.jpg);background-position-y:50%;}
.sub4 #sub-visual {background-image:url(/assets/img/sub4.jpg);background-position-y:50%;}
.sub5 #sub-visual {background-image:url(/assets/img/sub5.jpg);background-position-y:70%;}
.sub6 #sub-visual {background-image:url(/assets/img/sub6.jpg);background-position-y:50%;}
.sub7 #sub-visual {background-image:url(/assets/img/sub7.jpg);background-position-y:20%;}
#sub-visual .inner {display:table-cell;vertical-align:middle;position:relative;}
/*#sub-visual .inner:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/assets/img/sub_visual_mask.png);opacity:0.4;}*/
#sub-visual .inner div {text-align:center;font-size:38px;font-weight:bold;color:#fff;text-shadow:#000 0 0 4px;position:relative;z-index:2;}
#loc {background:#0a4595;position:relative;z-index:10;}
#loc .wrap {padding-right:70px;}
#loc ul.loc {display:table;padding:0;margin:0;list-style:none;border-collapse:collapse;}
#loc ul.loc > li {display:table-cell;position:relative;border-right:solid 1px #567fb5;}
#loc ul.loc > li > a {display:block;color:#fff;min-width:100px;position:relative;font-weight:bold;padding:0 36px 0 16px;white-space:nowrap;}
#loc ul.loc > li.home {border-left:solid 1px #567fb5;}
#loc ul.loc > li.home > a {text-align:center;padding:0;}
#loc ul.loc > li > a i.fa-caret-down {position:absolute;right:16px;}
#loc ul.loc ul {display:block;padding:0;margin:0;list-style:none;position:absolute;left:0;min-width:100%;box-shadow:#888 1px 2px 4px;background:#fff;z-index:2;box-sizing:content-box;visibility:hidden;overflow:hidden;max-height:0;transition:all .1s;transition-delay:.1s;}
#loc ul.loc > li.active ul {visibility:visible;max-height:800px;overflow:auto;}
#loc ul.loc ul a {display:block;line-height:50px;white-space:nowrap;padding:0 16px;border-bottom:solid 1px #dedede;}
#loc ul.loc ul li:last-child a {border-bottom:none;}
#loc ul.loc ul a:hover {background-color:#f4f4f4;}
#loc ul.share {position:absolute;right:0;top:0;color:#fff;white-space:nowrap;}
#loc ul.share.split1 > li:after {margin:0 6px 0 10px;vertical-align:middle;}
#loc ul.share li a {color:#fff;font-weight:normal;}

#loc ul.loc > li > a,
#loc ul.share li a {line-height:55px;}
#loc ul.loc > li.home > a {min-width:55px;}
#loc ul.loc > li > a i.fa-caret-down {top:20px;}

#page-content {padding-bottom:50px;}
#page-content > .heading {text-align:center;padding:50px 0 50px 0;}
#page-content > .heading h3 {padding:0;margin:0;font-size:2.2em;position:relative;font-family:'Noto Sans KR',sans-serif;}
#page-content > .heading h3:after,
#page-content > .heading h3:before {content:'';position:absolute;top:-15px;left:50%;width:30px;border-top:solid 3px #0b4694;}
#page-content > .heading h3:after {right:50%;left:auto;width:30px;}
#page-content > .heading div {padding-top:10px;font-size:0.95em;color:#333;}

#loc-right {position:absolute;right:0;top:0;width:200px;height:100%;border-left:solid 1px #dfdfdf;}
#loc-right > div {position:sticky;top:0;border-bottom:solid 1px #dfdfdf;border-right:solid 1px #dfdfdf;}
#loc-right .loc-title {text-align:center;line-height:80px;background:#4caf50;color:#fff;font-weight:700;font-family:'Noto Sans KR',sans-serif;font-size:1.5em;letter-spacing:-1px;}
#loc-right .loc-index {display:block;padding:0;margin:0;list-style:none;}
#loc-right .loc-index > li > a {display:block;padding:10px 10px 10px 16px;border-bottom:solid 1px #ccc;}
#loc-right .loc-index > li > a.active {font-weight:700;color:#3f51b5;}
#loc-right .loc-index ul {display:block;padding:8px;margin:0;list-style:none;font-size:0.9em;background:#f1f1f1;}
#loc-right .loc-index ul a {display:block;padding:4px 4px 4px 20px;}
#loc-right .loc-index ul a.active {font-weight:700;color:#000;}
#loc-right .loc-index a:hover {font-weight:700;}

#user-contents {padding-right:240px;}
#user-contents img {max-width:100%;}

@media all and (min-width:1280px) {
	#user-contents {min-height:600px;}
}

@media all and (max-width:1279.8px) {
	#loc > .wrap {margin-left:0;}
	#loc ul.loc > li.home {border-left-width:0;}
	#loc-right {display:none;}
	#user-contents {padding-right:0;max-width:960px;margin-left:auto;margin-right:auto;}
}

@media all and (max-width:960px) {
}

@media all and (max-width:639.8px) {
	#loc ul.loc {width:100%;table-layout:fixed;}
	#loc ul.loc > li {display:none;}
	#loc ul.loc > li.home {display:table-cell;}
	#loc ul.loc > li:last-child {display:table-cell;}

	#loc ul.loc > li > a,
	#loc ul.share li a {line-height:55px;}
	#loc ul.loc > li.home {width:55px;}
	#loc ul.loc > li.home > a {min-width:55px;}
	#loc ul.loc > li > a i.fa-caret-down {top:20px;}
}

#user-contents {line-height:1.6;}