@charset "utf-8";
/* CSS Document */

/*  fonts  */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic-Regular.eot');
  src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype');
		url('../font/NanumGothic-Regular.woff2') format('woff2');
		url('../font/NanumGothic-Regular.woff') format('woff');
		url('../font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothic-Bold.eot');
  src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype');
		url('../font/NanumGothic-Bold.woff2') format('woff2');
		url('../font/NanumGothic-Bold.woff') format('woff');
		url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../font/NanumGothic-ExtraBold.eot');
  src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype');
		url('../font/NanumGothic-ExtraBold.woff2') format('woff2');
		url('../font/NanumGothic-ExtraBold.woff') format('woff');
		url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}


/*  Reset CSS  */

* { margin:0; padding:0; border:0; outline:0; vertical-align:middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:middle; }
a { text-decoration:none; color:#666;cursor:pointer;vertical-align:middle;  }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle;}
input[type="text"], input[type="number"], input[type="password"], textarea{-webkit-appearance:none;}
body { font-size:14px; line-height:1.2; letter-spacing:-.5px; }
label { cursor:pointer; }
.blind, legend, caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i, em, address { font-style:normal; font-weight:normal; }

table {word-wrap:break-word;word-break:break-all;font-size: 1.4rem;}


/* 전체 */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	font-size: 62.5%; /* 1.0rem ≒ 10px */
	font-weight: 400;
}

/* 폰트스타일 */

* {
	font-family: 'Nanum Gothic', sans-serif, Dotum, arial;
	color: #000000;
	line-height: 1.5;
}

h1 {
  font-size: 3.5rem;
}

h2 {
  font-size: 3.0rem;
}

h3 {
  font-size: 2.6rem;
}

h4 {
  font-size: 2.0rem;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.2rem;
}

p {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8;
}

.font_r {
  font-weight: 700;
}

.font_b {
  font-weight: 800;
}
.blue{color: #5a9cd5;vertical-align: initial;}

/* POSITIONING */

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.text_justify {
  text-align: justify;
}

.left{float: left;}
.right{float: right;}
.clear{clear: both;}


/* header */
header{background: #ffffff;border-bottom: 1px solid #b2b3b6;padding: 10px 0;width: 100%;display: inline-block;}
.header{width: 1200px; margin: 0 auto;}
header h1{text-indent: -9999px;/* background: url(../../common/images/logo.png) no-repeat; *//* width: 149px; */ height: 41px;float: left;}
header h1 a img{height: 100%;display: block;}
header .top_btn{background:url(../../common/images/top_btn_icon.png)no-repeat 10px 9px #5596ff;padding: 5px 10px; display: block; float: right; color: #ffffff;font-size: 1.2rem;text-indent: 19px;border-radius: 2px;margin-top: 7px;}
header .top_btn.unihome{background:url(../../common/images/unihome_btn_icon.png)no-repeat 10px 9px #0058a6; margin-right:10px;}
header .top_btn:hover{opacity:0.8;}


/* nav */
nav{background: #f8f8f8;border-bottom: 1px solid #5596ff;margin-top: -2px;}
nav ul{width: 1200px; margin: 0 auto;height: 42px;list-style-type: none;padding: 0;overflow: hidden;}
nav ul li{line-height: 43px; vertical-align: middle;font-size: 1.6rem;width: 120px;text-align: center;float: left; }
nav ul li:first-child{background: #5596ff;color: #ffffff;}
nav ul li:hover,nav ul li.on,li a:hover, .dropdown:hover .dropbtn,.on.dropdown .dropbtn{background: #0058a6;color: #ffffff;font-weight: 700;}
li a.back{color: #ffffff;}
li a, .dropbtn {display: inline-block;text-decoration: none;line-height: 43px;}
li.dropdown {display: inline-block;}
.dropdown_content {display: none;position: absolute;background-color: #0058a6;min-width: 100%;z-index: 1;left:0;margin-top:-2px;}
.dropdown_wrapper{width: 1200px; margin: 0 auto;text-align: left;}
.dropdown_content a {color: #ffffff;padding: 0px 20px;text-decoration: none;display: inline-block;text-align: left;font-size: 1.4rem;font-weight: 300;}
.dropdown_content a:hover {background-color: #f1f1f1;color: #000000;}
.dropdown:hover .dropdown_content {display: block;}


/*footer*/
footer{background: #000000;background: #0000008c;width: 100%;padding: 15px 0; text-align: center;}
footer p{color: #ffffff;color: #ccc;line-height: 120%;font-size: 1.2rem;}
footer p span{font-weight:bold;color:#fff;line-height: 120%;vertical-align: top;}



@media all and (max-width:1199px){
/* header */
	.header{width: 100%; margin: 0 auto; padding: 0 10px;}
	nav ul{width: 100%; margin: 0 auto; padding: 0;}
	.dropdown_wrapper{width: 100%;}
/*footer*/
	footer{padding: 15px 10px;}
}


@media only screen and (max-width: 540px) {
	.dropdown_content a{padding: 0 10px;text-align: center;}
}