@charset "utf-8";

/* common */
.wrap {max-width:1400px; margin:0 auto;}
@media all and (max-width:1365px) {
	.wrap {max-width:96%; margin:0 2%;}
}
.noscroll {overflow-y: hidden;}

/*skipBtn*/
#skipBtn a {display: block; position:fixed; left:-9999px; top:-9999px; width:100%;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active {position:fixed; left:0; top:0; padding:10px 0; background: #333; color: #fff; text-align:center; z-index:200;}


#header {position:relative; width:100%; z-index:100;}
#header .wrap {position:relative;background: #fff;height: 65px}
#header h1 { position:absolute; left:0; top:90px;z-index: 1;}
#header .btnWrap {position:absolute; right:0; top:10px;}
#header .btnWrap a {float:left; padding:0 5px;}
#header .btnWrap a:nth-child(3) {padding-left:15px;}
#header .btnWrap a.link {background:url('/Main/design_new/junior/para/img/common/btnWrap_line.gif') no-repeat center right; padding:0px 15px;}

#mnbBtn { border:1px solid #cccc color:#333; background:#fff url('/Main/design_new/junior/para/img/common/sitemapIcon.gif') no-repeat 15px center; padding:10px 15px 10px 35px;margin-right:20px; }

#gnb {position: absolute; background:#fbe2bb;width:100%;}
#gnb .gnbg{background:#fbd83b;}
#gnb .dept1 {max-width:1400px;height: 100px;margin:0 auto; padding:0 0 0 430px;}
#gnb .dept1 .tit a {color:#333333; }
#gnb .dept1 > li {float:left;}
#gnb .dept1 > li > a { display:block; font-size:20px; color:#444; font-weight:500; padding:35px 55px 33px 55px; border-bottom:2px solid #fbd83b;}
#gnb .dept1 > li.on > a {border-bottom:2px solid #fff; color:#333; background:url('/Main/design_new/junior/para/img/common/dot.png') no-repeat center 75px; }
#gnb .dept2 { display:none; height:260px; padding-bottom:30px; }
#gnb li:first-child .dept2 {border-left:0;}
#gnb li.on .dept2 {background:#ffffff;}
#gnb .dept2 li a { display:block; text-align:center; font-size:15px; color:#555 !important; padding:8px 0; background:none !important;}
#gnb .dept2 li a:hover {color:#333 !important;}
#gnb .dept2 li a[target="_blank"] span {padding-right:20px; background:url('/Main/design_new/junior/para/img/common/blank_b.png') no-repeat right 48%;}

#mnbBtn, #mnb {display:none;}
@media all and (max-width:1400px){
	#gnb .dept1 > li > a {padding:35px 30px 33px 30px;}
}

@media all and (max-width:1100px){
	#gnb .dept1 > li > a {padding:35px 15px 33px 15px;}
}
@media all and (max-width:1024px){
	#header h1 {top:14px;}
	#header .btnWrap {display:none;}
	#gnb {height:80px; top:0; background:#fbd83b;}
	#gnb .dept1 {display:none;}
	#mnbBtn { display:block; position:absolute; right:0; top:17px; font-size:15px; }
	#mnb { display:block; position: fixed; overflow: visible; right: -320px; top: 0; height: 100%; width: 270px; background:#2a4066; z-index: 100; }
	#mnb .wrap {max-width:100%; height:100%; margin:0; overflow-y:auto; background:#333;}
	#mnb .blankBtn {display:block; background:#333; color:#fff; padding:13px 0; text-align:center; font-size:16px; }
	#mnb .msns {overflow:hidden; padding:10px 12% 7px 12%; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); background:#707070;}
	#mnb .msns a {float:left; width:33.3333%; text-align:center; display:inline-blcok;}
	#mnb .dept1 > li { position:relative; border-bottom:1px solid rgba(255,255,255,0.1);}
	#mnb .dept1 > li > a { display:block; color:#fff; padding:15px 15px;}
	#mnb .dept1 > li > a::after {content:''; display:block; width:13px; height:13px; position:absolute; right:20px; top:20px; background:url('/Main/design_new/junior/para/img/common/linkControl.gif') no-repeat; }
	#mnb .dept1 > li > a[target="_blank"]::after {background:url('/Main/design_new/junior/para/img/common/blankOn.gif') no-repeat;}
	#mnb .dept1 > li.on > a {background:#fbd83b; color:#333;}
	#mnb .dept1 > li.on > a::after {background-position:right 0;}
	#mnb .dept2 {display:none;}
	#mnb .dept2 > li {background:#fff; border-bottom:1px solid #eee;}
	#mnb .dept2 > li > a { position:relative; display:block; padding:10px 20px; color:#666; font-size:15px;}
	#mnb .dept2 > li.on > a {background:#666; color:#fff;}
	#mnb .dept2 > li > a[target="_blank"] span {background:url('/Main/design_new/junior/para/img/common/blankOff.gif') no-repeat 99% center; padding-right:18px;}
	#mnb .dept2 > li > a::before {content:''; position:absolute; display:block; width:4px; height:4px; border-radius:2px; position:absolute; left:10px; top:20px; background:#ccc;}
	#mnbBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1; }
	.mnbClose {position:absolute; display:block; width:50px; height:50px; text-indent:-9999px; top:0; left:-50px; background:#fbd83b url('/Main/design_new/junior/para/img/common/closeIcon.gif') no-repeat center; }
}

@media all and (max-width:430px){
	#header h1{top:21px;}
	#header h1 img {height:35px;}
}
@media all and (max-width:350px){
	#header h1{top:18px;}
	#header h1 img {height:28px;}
}

/* footer */
#footer {clear:both; background:#333333;}
#footer .host {padding:15px 0;}
#footer .host ul {overflow:hidden;}
#footer .host ul li {float:left; margin-right:20px;color:#fff; font-weight:500;}
#footer .info {padding:55px 0 55px; font-size:14px;color:#fff;}
#footer .info > div {background:url('/Main/design_new/junior/para/img/common/footer_logo.png') no-repeat left top;}
#footer .info > div > * {padding:6px 0 0 360px;}
#footer .info > div > small{color:#8c97b0;font-size:12px;}
#footer .info .count {position:relative;}
#footer .info .count p {position:absolute; right:0; top:0; display:inline-block; border:1px solid #ccc; border-radius:20px; padding:5px 10px; background:#fff;}
#footer .info .count p span {position:relative; padding:0 10px;}
#footer .info .count p span::before {content:''; position:absolute; left:0; top:5px; width:1px; height:10px; background:#ccc;}
#footer .info .count p span:first-child::before {display:none;}
#footer .info .count p strong {color:#000;}
@media all and (max-width:1023px) {
	#footer .info > div {background:none;}
	#footer .info > div > * {padding:0;}
	#footer .info .para {background:none;}
}
@media all and (max-width:768px) {
	#footer {padding:0 2%;}
	#footer .info > div > small {display:block;}
	#footer .info .count p {position:static; margin-top:10px;}
}

@media all and (max-width:414px){
	#footer .info {padding:30px 0;}
}


/*sub*/
.sub_visual {height:400px; padding: 180px 0 0 0;}
.sub_visual.bg01, .sub_visual.bg08 {background:#fef6df url('/Main/design_new/junior/para/img/sub/subVis01.jpg') no-repeat center bottom;}
.sub_visual.bg02, .sub_visual.bg09 {background:#fef6df url('/Main/design_new/junior/para/img/sub/subVis02.jpg') no-repeat center bottom;}
.sub_visual.bg03, .sub_visual.bg10 {background:#fef6df url('/Main/design_new/junior/para/img/sub/subVis03.jpg') no-repeat center bottom;}
.sub_visual.bg04, .sub_visual.bg11 {background:#fef6df url('/Main/design_new/junior/para/img/sub/subVis04.jpg') no-repeat center bottom;}
.sub_visual.bg05, .sub_visual.bg12 {background:#fef6df url('/Main/design_new/junior/para/img/sub/subVis05.jpg') no-repeat center bottom;}
.sub_visual.bg06, .sub_visual.bg13 {background:#fef6df url('/Main/design_new/junior/para/img/sub/subVis06.jpg') no-repeat center bottom;}
.sub_visual.bg07, .sub_visual.bg14 {background:#fef6df url('/Main/design_new/junior/para/img/sub/subVis07.jpg') no-repeat center bottom;}
.sub_visual > * {display:block; text-align:center; color:#333333;}
.sub_visual h2 {font-size:35px; font-weight:700;/* text-shadow:2px 2px 8px rgba(0,0,0,0.6);*/}
.sub_visual span {letter-spacing:0.5px;color:#666; font-weight:300; font-size:14px; /*text-shadow:2px 2px 8px rgba(0,0,0,0.6);*/}
.snb {position:relative; margin-top:-59px;}
.snb ul {display:table; table-layout:fixed; width:100%; background:#fbd83b; opacity:0.9;}
.snb ul li {display:table-cell;}
.snb ul li a {display:block; position:relative; padding:17px 0; color:#555; text-align:center; border-left:1px solid  #e2c12b;border-bottom:1px solid #e2c12b; font-weight:500;}
.snb ul li a[target="_blank"] span {padding-right:20px; background:url('/Main/design_new/junior/para/img/common/blank_b.png') no-repeat right 48%;}
.snb ul li:first-child a {border-left:0;}
.snb ul li.on a, .snb ul li:hover a {/*background:rgba(34,68,102,0.5);*/background:#ffb20e; color:#333;}
/*.snb ul li.on a:after, .snb ul li:hover a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#ffcc00;}*/
#contents {margin-top:20px; margin-bottom:80px;}

@media all and (max-width:1300px) {
	.sub_visual.bg01, .sub_visual.bg08{background:#fff7e2 url('/Main/design_new/junior/para/img/sub/subVis01.jpg') no-repeat 65% bottom;}
}


@media all and (max-width:1024px) {
	.snb ul {max-width:100%; margin:0;}
	#contents {margin-bottom:40px;}
	.sub_visual {height:300px; padding: 100px 0 0 0;}
}
@media all and (max-width:1000px) {
	.sub_visual.bg01, .sub_visual.bg08 {background:#fff7e2;}
	.sub_visual.bg02, .sub_visual.bg09 {background:#fff7e2;}
	.sub_visual.bg03, .sub_visual.bg10 {background:#fff7e2;}
	.sub_visual.bg04, .sub_visual.bg11 {background:#fff7e2;}
	.sub_visual.bg05, .sub_visual.bg12 {background:#fff7e2;}
	.sub_visual.bg06, .sub_visual.bg13 {background:#fff7e2;}
	.sub_visual.bg07, .sub_visual.bg14 {background:#fff7e2;}
}
@media all and (max-width:599px) {
	.sub_visual {height:200px;padding: 70px 0 0 0;}
	
	.snb {position:static; margin-top:0;}
	.snb ul {display:block; overflow:hidden;}
	.snb ul li {display:block; float:left; width:50%; border-bottom:1px solid rgba(204,204,204,0.2);}
	.snb ul li a {font-size:14px; padding:15px 0;}
	.snb ul li:last-child a {border-right:1px solid rgba(204,204,204,0.2); }
}

.page_dept_info {display:none;}

.location {overflow:hidden; margin-bottom:30px;display:flex;justify-content:flex-end;align-items:center;}
.location li {float:left; font-size:16px; background:url('/Main/design_new/junior/para/img/sub/loc_arrow.gif') no-repeat left center; padding:0 12px 0 17px;}
.location li:last-child {color:#333;}
.location .home {background:url('/Main/design_new/junior/para/img/sub/loc_home.png') no-repeat left center; padding-left:20px}