.container {width: 100%;max-width: inherit;padding-top:120px;}

.site_top {position:fixed;top:0;width:100%;height:120px;background:#fff;border-bottom:1px solid #939393;z-index:9000;}
.site_top .top_wrap {width:100%;height:40px;background:#efefef;}

.site_top .header {margin:0 auto;position:relative;padding:0 45px;max-width:1800px;height:80px;}
.site_top .header .logo {float:left;height:100%;line-height:80px;}
.site_top .header .logo img {vertical-align: middle;display: inline-block;}
.site_top .header .navi {float:right;height:100%;line-height:80px;}
.site_top .header .navi > ul > li  {float:left;width:150px;}
.site_top .header .navi > ul > li > a {display:block;width:100%;height:100%;text-decoration:none;font-size:1.1rem;font-weight:400;color:#000;text-align:center;}
.site_top .header .navi > ul > li > a.over {color:#fff;background:#0f464f;}
.site_top .header .navi > ul > li > a:hover {color:#fff;background:#0f464f;}
.site_top .header .navi > ul > li.over > a {color:#fff;background:#0f464f;}
.site_top .header .navi > ul > li > ul {display:none;background:#2db6cc;}
.site_top .header .navi > ul > li > ul > li {line-height:1rem;;border-bottom:1px solid #ddd;}
.site_top .header .navi > ul > li > ul > li:last-child {border-bottom:none;}
.site_top .header .navi > ul > li > ul > li > a {display:block;padding:10px 0;font-size:.85rem;font-weight:300;color:#fff;text-align:center;text-decoration:none;}
.site_top .header .navi > ul > li > ul > li > a:hover {color:#128520;background:#ddd;}

.site_top .header .total_mn {float:right;height:100%;visibility: hidden;display:none;}
.site_top .header .total_mn > ul > li {padding-left:23px;height:100%;line-height:80px;font-size:1.1rem;font-weight:300;color:#000;cursor:pointer;background:url(/img/dot_total_mn.jpg) no-repeat 0 50%;}
.site_top .header .total_mn > ul > li#overlay_btn_small {visibility: hidden;display:none;}
#overlay {position:fixed;top:0;left:0;height: 100vh; width: 100vw;background: rgba(0, 0, 0, 0.9);z-index:9500;visibility: hidden;overflow:auto;}
#overlay * {color:#fff;}
#overlay > ul {display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:left;max-width:320px;margin:0 auto;height:100vh;padding-left:0;padding:10px;}
#overlay > ul > li {color:#f4f4f4;border-bottom:1px solid rgba(255,255,255,0.5);width:100%;font-size:1rem;line-height:1; padding:10px;margin-bottom:5px;}
#overlay > ul > li:last-child {border-bottom:none;}
#overlay > ul > li > a {display:block;padding-bottom:10px;font-weight:400;text-decoration:none;}
#overlay > ul > li > ul > li {padding:2px 0 2px 10px;}
#overlay > ul > li > ul > li > a {color:#fff;text-decoration:none;font-size:0.9rem;font-weight:300;}
#overlay > ul > li > ul > li > a:hover {text-decoration:underline;}
#overlay .close_btn {position:fixed;top:3%;right:3%;z-index:9600;cursor:pointer;}

.footer {clear:both;margin-top:20px;padding:30px 0;width:100%;background:#75808e;border-top:10px solid #c6cad1;border-bottom:10px solid #c6cad1;}
.footer .footer_wrap {margin:0 auto;width:100%;padding:0 85px;max-width:1500px;}
.footer .footer_wrap:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.footer .footer_wrap > .left {float:left;}
.footer .footer_wrap > .right {float:right;color:#fff;}
.footer .footer_wrap > .right a {text-decoration:none;cursor:default;}
.footer .footer_wrap > .right * {color:#fff;}

#totop {position:fixed;right:2%;bottom:2%;display:none;z-index:999;}

.sp {margin-left:20px;}
.pc {visibility: visible;display:block;}
.mo {visibility: hidden;display:none;}

@media screen and (max-width: 1200px) { /* 1200px 이하 */
	.navi {visibility: hidden;display:none;}
	.total_mn {visibility: visible !important;display:block !important;}

	.footer .footer_wrap > .left {float:none;text-align:right;}
	.footer .footer_wrap > .right {float:none;margin-top:30px;text-align:right;}

	#totop img {width:45px;}
}

@media screen and (max-width: 950px) { /*  */
	.container {padding-top:70px;}
	.site_top {height:70px;}
	.site_top .top_wrap {visibility: hidden;display:none;}
	.site_top .header {padding:0 15px;height:70px;}
	.site_top .header .logo {max-width:60%;line-height:70px;}
	.site_top .header .logo img {max-width:100%;}

	.site_top .header .total_mn > ul > li {max-width:100%;background:none;line-height:70px;}
	.site_top .header .total_mn > ul > li img {max-width:100%;vertical-align: middle;display: inline-block;}
	.site_top .header .total_mn > ul > li#overlay_btn {visibility: hidden;display:none;}
	.site_top .header .total_mn > ul > li#overlay_btn_small {visibility: visible;display:block;}

	.footer {margin-top:15px;padding:15px 0;}
	.footer .footer_wrap {padding:0 5px;}
	.footer .footer_wrap > .left {display:none;}
	.footer .footer_wrap > .right {margin-top:10px;font-size:0.8rem;}

	.sp {margin-left:10px;}
	.pc {visibility: hidden;display:none;}
	.mo {visibility: visible;display:block;}
}