
html {font-family: 'Noto Sans KR', sans-serif;}
.mainc { color:#01255f; }
.black {font-family: 'Black Han Sans', sans-serif; font-size: 2.5rem;}

a {
	text-decoration: none !important;
	color:#000;
}
.sns {
	list-style: none; margin: 0px auto;
}
.menu-main-sub {
	list-style: none; margin: 0px auto;
}
.sns li {
	margin: 0px 7px 0px 0px; float: left;
}
.menu-main-sub li {
	margin: 0px 5px 5px 0px; float: left;
}
#m_toggle_sr {
	background: rgb(183, 183, 183);
}
#post {
	margin: 0px auto; display: inline-block;
}
.sns img {
	width: 50px; height: 50px;
}
.sns-div {
	text-align: left; position: relative;
}
.sns-div ul {
	list-style: none; position: relative;
}
.menu-main-div {
	text-align: left; position: relative;
	width:85%;
	margin:0 auto;
}
.menu-main-div .foot_left { float: left; margin-top:5px;}
.menu-main-div .foot_left li {display: inline; font-family: 'Noto Sans KR', sans-serif; font-size:2rem; margin:0 9px; font-weight: 900; }
.menu-main-div .foot_left li a {color:#fff;}
.menu-main-div .foot_left li a:hover { color:#ccc; cursor: pointer;}
.foot_right {float:right;}
.menu-main-div ul {
	list-style: none; position: relative;
}
.menu-main {
	padding: 10px 0px; /* margin-left: -35px; */
}
.main-contents {
	clear: both;
}
.main-contents img {
	margin: 0px auto;
}
.footer-contents img {
	margin: 0px auto;
}

.pcmenu {display: inline; float:right; text-decoration: none; font-size: 17px; margin-top:30px; font-weight: 600;}
.pcmenu li {display: inline; margin:0 15px;}
.pcmenu li a {color:#777; cursor: pointer;}
.pcmenu li a:hover {color:#222;}

.mobilev {display: none;}

.headv {display: inline; }

.heada {display: inline; }

<!--네브바 타이틀바-->
.mobilen {display: inline; color:#777; font-family: 'Noto Sans KR', sans-serif; font-size:1.5rem; margin-left:100px; }
#main_visual {margin-top:0px;}

.gobox {width:100%; padding:1rem; font-family: 'Black Han Sans', sans-serif; font-size: 4rem; color:#fff; background-color:#ef4d79;}



.foot_gosnsgo {width: 80%; padding:3rem; background: linear-gradient(#f35e5e, #e3152d ); font-size: 3rem; font-weight: 600; border-radius: 20px; margin:25px auto;}
.foot_gosnsgo .tr {float: right;}
.foot_gosnsgo .tl {text-align: left;}
.foot_gosnsgo a {color:#fff;}
.foot_gosnsgo a:hover {color:#fff;}
.menu-main-div .foot_left .moout {display: none;}
.youtube {
	width:100%;
	height:65rem;
	}
@media all and (max-width:768px) {
.youtube {
	width:100%;
	height:25rem;
	}
}


@media all and (max-width:980px)
{
.heada {display: inline;}
.mobilen {display: none; color:#CCC;}
.foot_gosnsgo {width:95%;}
.menu-main-div .foot_left .moout {display: inline;}
.pcmenu {display: none;}
.pcmenu li {display: none;}
.menu-main-div .foot_left li {font-size:2rem; margin:0 5px; }
.menu-main-div .foot_left ul {padding-left:1rem;}
.header-v6 .mega-menu .container {
    position: fixed;
    width: 100%;
    background: #fff;
	border-bottom: 1px solid #ccc;
}
#main_visual {margin-top:40px;}
}
@media all and (max-width:770px)
{
.heada {display: inline; font-size:2rem;}
.mobilev {display: inline;}


.menu-main-div {
	width:95%;
}
.menu-main-sub img {
	width: 150px;
}
.menu-main-div .foot_left {width:100%; margin-bottom:15px;}
.menu-main-div .foot_left li {font-size:2rem; margin: 0 5%; text-align: center;}
#main_visual {margin-top:38px;}
}
@media all and (max-width:560px)
{
.header-v6 .navbar-brand {padding-top: 30px; padding-bottom: 30px;}
.header-v6 .navbar-brand {height: 70px; line-height: 0px; max-height: 0px;}
.container { padding-right: 0px; padding-left: 0px; }
#main_visual {margin-top: 0px;}
.header-v6 .navbar-toggle {
    margin: 15px 0px 0px 15px;
    border: currentColor;
    border-image: none;
}
.headv {display: none;}
.menu-main-div .foot_left li {font-size:1.9rem; margin: 0 4%; text-align: center;}
.purchase { padding: 0px 0px; }
#main_visual {margin-top:11px;}
}
@media all and (max-width:450px)
{
.heada {display: inline; }
.sns img {
	width: 36px; height: 36px;
}
.menu-main-sub img {
	width: 72px;
}
#post {
	display: block;
}
#main_visual {margin-top:8px;}
}
@media all and (max-width:400px)
{
#top_title {
	font-size: 16px;
}
}
@media all and (max-width:375px)
{
.sns img {
	width: 30px; height: 30px;
}
.menu-main-sub img {
	width: 65px;
}
.menu-main-div .foot_left {width:100%; margin-bottom:5px;}


@media all and (max-width:353px)
{
.sns img {
	width: 30px; height: 30px;
}
.menu-main-sub img {
	width: 60px;
}
#top_title {
	font-size: 14px;
}
}
@media all and (max-width:342px)
{
.sns img {
	width: 30px; height: 30px;
}
.menu-main-sub img {
	width: 55px;
}
.navbar-brand {
	padding: 5px;
}
}

@media all and (max-width:340px)
{
.sns img {
	width: 28px; height: 28px;
}
.menu-main-sub img {
	width: 55px;
}
.menu-main-div .foot_left li {font-size:1.7rem; margin: 0 2.5%; text-align: center;}
}
}

@media all and (max-width:300px)
{
.menu-main-div .foot_left li {font-size:1.5rem; margin: 0 2%; text-align: center;}
}
}