@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap')
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');
@import "../../vendors/bootstrap-3.3.7/dist/css/bootstrap.min.css";
@import "../../vendors/swiper-3.4.1/dist/css/swiper.min.css";
@import "../../vendors/fontawesome-free-5.15.2-web/css/all.min.css";
@import "../../vendors/rd-navbar-2.1.8/dist/css/rd-navbar.css";
@import "layout.css";
@import "nav.css";
@import "swiper.css";
@import "sub-content.css";
@import "animation.css";
@import "hnuboard.css";
@import "old_hannam.css";
@import "ezsboard5.css";

@-ms-viewport{width:auto; }

body {
	overflow-x: hidden;
	font-family:'Nunito Sans', 'NanumSquare', Helvetica, Arial, sans-serif;
	font-weight:400;
	letter-spacing:-0.04em;
	word-break:normal;
	color:rgba(0, 0, 0, .75);
	min-width:320px;
	webkit-tap-highlight-color: #000;
	font-size:16px;
}
::-moz-selection {
	text-shadow: none;
	color:#fff;
	background: #000;
}
::selection {
	text-shadow: none;
	color:#fff;
	background: #000;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}

div,
p,
ul,
dl,
a,
button,
h1,
h2,
h3,
h4,
h5,
h6 {

}
.h1 .small, 
.h1 small, 
.h2 .small, 
.h2 small, 
.h3 .small, 
.h3 small, 
h1 .small, 
h1 small, 
h2 .small, 
h2 small, 
h3 .small, 
h3 small {font-size:80%; }
a,
button {
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}

ul, dl {
	margin:0;
	padding:0;
}
li {list-style:none; }
img {
	max-width:100%;
}

p {
	line-height: 1.65em;
	color:inherit;
	margin:0;
}
a {color:inherit; }
a:hover,
a:focus,
a:active,
a.active {
	color:inherit;
	text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	margin:0;
	letter-spacing:-0.04em;
    line-height: 1.3;
}
h1,
h2,
h3,
h4,
h5,
h6,
dt {
	font-family:'Nunito Sans', 'NanumSquare', Helvetica, Arial, sans-serif;
	font-weight:600;
}

/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	-webkit-transform: translateY(180px);
	  -ms-transform: translateY(180px);
	      transform: translateY(180px);
	z-index: 999;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 28px;
	text-decoration: none !important;
	text-align: center;
	overflow: hidden;
	transition: .3s all ease;
	background:rgba(255, 255, 255, .7);
	color: #999 !important;
	border:1px solid #d9d9d9;
}
.ui-to-top:hover {
	text-decoration: none;
	background:rgba(255, 255, 255, .7);
	color: #999 !important;
}

.ui-to-top:focus {
	color: #ffffff;
}
.ui-to-top.active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
@media (min-width: 992px) {
	.ui-to-top {
		right: 30px;
		bottom: 80px;
		width: 50px;
		height: 50px;
		border-radius:100%;
		background:rgba(150,150, 150, .9);
		color: #ffffff !important;
		border:0;
		box-shadow:0 5px 5px rgba(0, 0, 0, .12);
		padding:16px 19px;
	}

	.ui-to-top:hover {
		text-decoration: none;
		background:#a41e44;
	}

	.ui-to-top:focus {
		color: #ffffff;
	}

	.ui-to-top.active {
		-webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		      transform: translateY(0);
	}
	.ui-to-top::before {
		content:'' !important;
		background-size:100px;
		width:11px;
		height:18px;
		display:block;
		background-image:url('../images/comm/ico-icon.png');
		background-repeat:no-repeat;
		background-position:-30px -20px;
	}
}

/* common display style */
.txt-hidden {position:absolute; top:-9999px; left:-9999px; }
.txt-l, .txt_l {text-align:left !important; }
.txt-c, .txt_c {text-align:center !important; }
.txt-r, .txt_r {text-align:right !important; }

.hnu_color_1 {color:#b95c76 !important; }
.hnu_color_2 {color:#707496 !important; }
.hnu_color_3 {color:#dc5077 !important; }
.fc_red {color:#d74141 !important; }
.fc_blue {color:#4679d6 !important; }
.td_through {text-decoration:line-through; }
.pcolor {color:#a41e44 !important; }
.pcolor2 {color:#343465 !important; }

.ib,
.list-inline-box {font-size:0; }
.ib > li,
.list-inline-box .list-inline-item {
	font-size:16px;
	display:inline-block;
	vertical-align:top;
}
.list-table-box {
	display:table;
	table-layout:fixed;
}
.list-table-box .list-td-item {
	display:table-cell;
	vertical-align:middle;
}
.img-thumb {
	position:relative;
	height:0;
	overflow:hidden;
	margin:0;
}
.img-thumb > img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
@media (max-width: 1200px) {
	body,
	.ib > li, 
	.list-inline-box .list-inline-item {font-size:14px; }
	body {font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Nunito Sans', 'NanumSquare', sans-serif; }
}

.mt10 {margin-top:10px; }
.mt20 {margin-top:20px; }
.mt30 {margin-top:30px; }
.mt40 {margin-top:40px; }
.mt50 {margin-top:50px; }
.mt60 {margin-top:60px; }
.mt70 {margin-top:70px; }
.mt80 {margin-top:80px; }

.mb10 {margin-bottom:10px; }
.mb20 {margin-bottom:20px; }
.mb30 {margin-bottom:30px; }
.mb40 {margin-bottom:40px; }
.mb50 {margin-bottom:50px; }
.mb60 {margin-bottom:60px; }
.mb70 {margin-bottom:70px; }
.mb80 {margin-bottom:80px; }

.pt10 {padding-top:10px; }
.pt20 {padding-top:20px; }
.pt30 {padding-top:30px; }
.pt40 {padding-top:40px; }
.pt50 {padding-top:50px; }
.pt60 {padding-top:60px; }
.pt70 {padding-top:70px; }
.pt80 {padding-top:80px; }

.pb10 {padding-bottom:10px; }
.pb20 {padding-bottom:20px; }
.pb30 {padding-bottom:30px; }
.pb40 {padding-bottom:40px; }
.pb50 {padding-bottom:50px; }
.pb60 {padding-bottom:60px; }
.pb70 {padding-bottom:70px; }
.pb80 {padding-bottom:80px; }

/* font-weight */
.fw100 {font-weight:100}
.fw200 {font-weight:200}
.fw300 {font-weight:300}
.fw400 {font-weight:400}
.fw500 {font-weight:500}
.fw600 {font-weight:600}

.fs12 {font-size:12px !important}
.fs14 {font-size:14px !important}
.fs16 {font-size:16px !important}
.fs18 {font-size:18px !important}
.fs20 {font-size:20px !important}
.fs50 {font-size:50px !important}
.fs60 {font-size:60px !important}
.by {
    color: #bfbfbf;
    font-family: Georgia,sans-serif;
    font-style: italic;
}
.byname {
   font-family: "Noto Sans Light",sans-serif;
}
.info_g .info_by {
    color: #fff;
    filter: alpha(opacity=50);
    font-family: "Noto Sans Light",sans-serif;
    font-size: 12px;
    opacity: .8;
    padding-top: 30px;
}
.wrap_pic .tit_pic {
    display: block;
    font-family: "Nanum Myeongjo",sans-serif;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: -.025em;
    line-height: 36px;
    padding-top: 12px;
}


@media(max-width:1280px){
	.fs12 {font-size:10px !important}
	.fs14 {font-size:12px !important}
    .fs16 {font-size:14px !important}
	.fs18 {font-size:15px !important}
	.fs20 {font-size:17px !important}
	.fs50 {font-size:40px !important}
	.fs60 {font-size:50px !important}

	.mt10 {margin-top:5px; }
	.mt20 {margin-top:10px; }
	.mt30 {margin-top:15px; }
	.mt40 {margin-top:20px; }
	.mt50 {margin-top:25px; }
	.mt60 {margin-top:30px; }
	.mt70 {margin-top:35px; }
	.mt80 {margin-top:40px; }

	.pt10 {padding-top:5px; }
	.pt20 {padding-top:10px; }
	.pt30 {padding-top:15px; }
	.pt40 {padding-top:20px; }
	.pt50 {padding-top:25px; }
	.pt60 {padding-top:30px; }
	.pt70 {padding-top:35px; }
	.pt80 {padding-top:40px; }

	.mb10 {margin-bottom:5px; }
	.mb20 {margin-bottom:10px; }
	.mb30 {margin-bottom:15px; }
	.mb40 {margin-bottom:20px; }
	.mb50 {margin-bottom:25px; }
	.mb60 {margin-bottom:30px; }
	.mb70 {margin-bottom:35px; }
	.mb80 {margin-bottom:40px; }

	.pb10 {padding-bottom:5px; }
	.pb20 {padding-bottom:10px; }
	.pb30 {padding-bottom:15px; }
	.pb40 {padding-bottom:20px; }
	.pb50 {padding-bottom:25px; }
	.pb60 {padding-bottom:30px; }
	.pb70 {padding-bottom:35px; }
	.pb80 {padding-bottom:40px; }
}

.c-white {color:#fff !important}
.c-grey-1 {color:#242424 !important}
.c-grey-2 {color:#333 !important}
.c-grey-3 {color:#7a7a7a !important}
.c-grey-4 {color:#aaaaab !important}
.c-grey-5 {color:#eee !important}
.c-black {color:#000 !important}
.color-1{color: #2255e4!important}