@font-face {
 font-family: 'NanumSquare';
 src: url(../../skin/font/NanumSquareR.eot);
 src: url(../../skin/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareR.woff) format('woff'),
   url(../../skin/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareLight';
 src: url(../../skin/font/NanumSquareL.eot);
 src: url(../../skin/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareL.woff) format('woff'),
   url(../../skin/font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareExtraBold';
 src: url(../../skin/font/NanumSquareEB.eot);
 src: url(../../skin/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareEB.woff) format('woff'),
   url(../../skin/font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareBold';
 src: url(../../skin/font/NanumSquareB.eot);
 src: url(../../skin/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareB.woff) format('woff'),
   url(../../skin/font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareRound';
 src: url(../../skin/font/NanumSquareRound/NanumSquareRoundR.eot);
 src: url(../../skin/font/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.woff2) format('woff2'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.woff) format('woff'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.ttf) format('truetype');
}


*{ margin:0px }

html{}
body{ background-color:#ffffff; color:#666666; line-height:100%; word-wrap:break-word; word-break:break-all; }
body,input,textarea,select,table,button{ font-size:14px; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; }
*{ -webkit-text-size-adjust:none; }
ul,ol,li{ list-style:none; }
a:link { text-decoration:none;color:#8B8B8B; }

.relative { position:relative; top:0; left:0; }

.wrap { margin:0 auto; width:100%; max-width:600px; height:100%; background:#fff;}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 

/*»ó´Ü¸Þ´º*/
.header { position:fixed; display:table; top:0; width:100%; max-width:600px; box-shadow:0 0 3px rgba(0,0,0,.3); background:#fff; border-top:3px solid #0096ff; z-index:100;}
.headeropen {border-bottom:.5px solid rgba(0,0,0,.1); box-shadow:none;}

	.inc_logo {padding:9px 0 0; text-align:center;}
		.inc_logo .inc_logo_k {font-family:'NanumSquareExtraBold'; font-size:16px; line-height:20px; color:#000;}
		.inc_logo .inc_logo_e {font-family:'NanumGothic'; font-size:9px; line-height:12px; letter-spacing:.7px; color:#999;}

	/*·Î°í*/
	.header .logo {position:absolute; top:10px; left:50%; width:160px; margin-left:-80px;}
	.header .logo img {width:100%;}

	/*¸Þ´º¹öÆ°*/
	.header .navi_btn {float:right; position:relative; display:table; margin:22px 10px 24px; cursor:pointer;}
		.header .navi_btn i {font-size:24px; color:#000;}
		.header .navi_btn .navi_open {opacity:1;}
		.header .navi_btn .navi_close {position:absolute; top:0; left:0; display:none; z-index:1;}
	.headeropen .navi_btn .navi_open {opacity:0;}
	.headeropen .navi_btn .navi_close {display:table;}
	
	.header .customer {position:relative; float:left; margin:25px 10px 0;} 
		.header .customer i {font-size:20px; color:#000;}

	/*Àüü¸Þ´º*/
	.navi_submenu {position:fixed; top:-130%; width:100%; max-width:600px; height:100%; text-align:left; font-size:0; border-bottom:100px solid rgba(255,255,255,.95); background:rgba(255,255,255,.95);  z-index:99; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; overflow-y:scroll;}
		.navi_submenu .navi_submenu_overflow {width:100%; padding:70px 0 0;}
		.navi_submenu .submenu_section {clear:both; width:50%; margin:0 auto;}
			.navi_submenu .submenu_section .submenu_section_title {width:100%; text-align:center; border-bottom:.5px solid rgba(0,0,0,.1); margin:25px auto 10px;}
				.navi_submenu .submenu_section .submenu_section_title a,
				.navi_submenu .submenu_section .submenu_section_title a:visited {font-family:'NanumSquareBold'; font-size:15px; letter-spacing:-1px; line-height:35px; color:#000;}
				.navi_submenu .submenu_section ul {margin:0; padding:0; display:none;}
					.navi_submenu .submenu_section li {clear:both; float:left; list-style:none; width:100%; text-align:center; padding:5px 0;}
						.navi_submenu .submenu_section a,
						.navi_submenu .submenu_section a:visited {font-family:'Nanum Gothic'; font-size:12px; line-height:15px; letter-spacing:-.7px; color:#000; text-decoration:none;}
		.navi_submenu_open {top:0; opacity:1;}

/*ÇÏ´Ü*/
.bottom { display:table; top:0; width:96%; text-align:center; max-width:600px; background:#fff; padding:15px 0 0 0; margin:0 auto; border-top:.5px solid rgba(0,0,0,.1);}

	.bottom .spon {width:100%; margin:0 auto;}
		.bottom .spon .spon_title {font-family:'NanumSquareBold'; font-size:13px; line-height:35px; color:#0096ff;}
		.bottom .spon .spon_list {clear:both;}
			.bottom .spon .spon_list ul {padding:0; margin:0; font-size:0;}
			.bottom .spon .spon_list li {display:inline-block; font-family:'NanumSquare'; font-size:9px; line-height:10px; color:#666; cursor:pointer;}
			.bottom .spon .spon_list li:after {content:'/'; padding:0 5px;}
			.bottom .spon .spon_list li:last-child:after {content:''; padding:0;}
			.bottom .spon .spon_list li:hover {font-family:'NanumSquareBold'; color:#000;}

	.bottom .support_comment {clear:both; font-family:'NanumSquare'; font-size:9px; line-height:10px; color:#666; margin-top:10px;}

	.bottom .support {width:100%; margin:0 auto; font-size:0;}
		.bottom .support .support_title {font-family:'NanumSquareBold'; font-size:13px; line-height:35px; color:#0096ff;}
		.bottom .support .support_list {clear:both;}
			.bottom .support .support_list ul {padding:0; margin:0;}
			.bottom .support .support_list li {display:inline-block; margin:0 10px;}
			.bottom .support .support_list li:first-child {margin-left:0;}
			.bottom .support .support_list li:last-child {margin-right:0;}
				.bottom .support .support_list li img {height:30px;}

	.bottom .logo {width:100%; border-top:.5px solid rgba(0,0,0,.1); margin-top:15px; padding-top:15px;}
		.bottom .logo img {width:130px;}

	.bottom .companyinfo { clear:both; text-align:center; padding:15px 0 0;
									font-family:'NanumSquare'; font-size:10px; color:#666; line-height:15px; }

	.bottom .copyright { clear:both; text-align:center; padding:5px 0 0;  border-top:.5px solid rgba(255,255,255,.1);
									font-family:'NanumSquare'; font-size:10px; color:#666; line-height:15px; }

	.bottom .footerbtn { float:left; width:100%; padding:15px 0; margin-top:15px; text-align:center; border-top:.5px solid rgba(0,0,0,.1);}
		.bottom .footerbtn a,
		.bottom .footerbtn a:visited,
		.bottom .footerbtn a:hover { font-family:'NanumSquare'; font-size:11px; color:#666; }
			.bottom .footerbtn ul {padding:0; margin:0;}
			.bottom .footerbtn li {float:left; list-style:none; width:50%; box-sizing:border-box;}
			.bottom .footerbtn li:last-child {border-left:.5px solid rgba(0,0,0,.1);}
			.bottom .footerbtn span {position:relative; margin-left:15px;}
				.bottom .footerbtn i {position:absolute; top:.5px; left:0; margin-left:-15px;}



/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.more_btn {width:150px; margin:0 auto;}
	.more_btn a {text-decoration:none;}
	.more_btn .more_box {width:100%; font-family:'NanumSquareBold'; text-align:center; font-size:13px; line-height:40px; color:#fff; background:#0096ff; transition:all .1s ease; -webkit-transition:all .1s ease;}
	.more_btn .more_box:hover {background:#ed1c24;}


.mainimages {position:relative; display:table; width:100%;}
	.mainimages .main_title_contents {position:absolute; top:0; left:0; width:100%; text-align:center; z-index:89;}
		.mainimages .main_title_contents .main_images_number {font-family:'NanumSquareLight'; font-size:50px; line-height:50px; color:#fff; padding-top:130px; text-shadow:0 0 10px rgba(0,0,0,.8);}
		.mainimages .main_title_contents .main_images_eng {font-family:'Nanum Myeongjo', serif; font-size:50px; line-height:50px; font-weight:400; color:#fff; padding-top:10px; text-shadow:0 0 10px rgba(0,0,0,.8);}
			.mainimages .main_title_contents .main_images_eng span {font-weight:800; color:#0096ff;}
		.mainimages .main_title_contents .main_images_kor {font-family:'NanumSquareLight'; font-size:20px; line-height:20px; color:#fff; padding-top:20px; text-shadow:0 0 10px rgba(0,0,0,.8);}
		.mainimages .main_title_contents .main_images_date {font-family:'NanumSquareLight'; font-size:20px; color:#fff; padding:20px 0 0 0; text-shadow:0 0 10px rgba(0,0,0,.8);}
		.mainimages .main_title_contents .more_btn {margin-top:50px;} 

.award_book {float:left; display:table; width:50%; cursor:pointer; padding:10px; box-sizing:border-box;}
	.award_book .award_book_img {float:left; width:100%; text-align:center; margin:0;}
		.award_book .award_book_img img {width:100%; border-radius:5px; box-shadow:0 0 3px rgba(0,0,0,.3);}
	.award_book .award_book_title {float:right; width:100%; font-family:'NanumSquareBold'; text-align:center; font-size:13px; line-height:15px; color:#000; background:#b6b3de; padding:10px 5px; margin-top:5px; border-radius:5px; box-sizing:border-box; box-shadow:0 0 3px rgba(0,0,0,.3);}
	.award_book2 .award_book_title {background:#191919; color:#fff;}

.main_notice {width:100%; background:#191919; padding:30px 0;}
	.main_notice .main_notice_title {width:100%; font-family:'NanumSquareLight'; text-align:center; font-size:30px; line-height:30px; color:#fff;}
	.main_notice .main_notice_list {width:96%; margin:20px auto;}
		.main_notice .main_notice_list iframe {width:100%; height:80px;}
	.main_notice .more_btn {clear:both;}




/*¼­ºêÄÁÅÙÃ÷*/
.subimages {display:table; display:table; width:100%; max-width:600px; font-size:0;}
	.subimg01 {background:url('../../skin/images/sub_images.jpg') repeat center top; background-size:100px;}
	.subimg02 {background:url('../../skin/images/sub_images.jpg') repeat center top; background-size:100px;}
	.subimg03 {background:url('../../skin/images/sub_images.jpg') repeat center top; background-size:100%;}
	.subimg04 {background:url('../../skin/images/sub_images.jpg') repeat center top; background-size:100px;}
	.subimg05 {background:url('../../skin/images/sub_images.jpg') repeat center top; background-size:100px;}
	.subimg06 {background:url('../../skin/images/sub_images.jpg') repeat center top; background-size:100px;}
	.subimg07 {background:url('../../skin/images/sub_images.jpg') repeat center top; background-size:100px;}

.subtitle_group {width:100%; max-width:600px; text-align:center; z-index:2; margin:120px 0 58px;}
	.subtitle_e {clear:both; width:100%; text-align:center; font-family:'NanumSquare'; font-size:12px; color:#fff; padding:0 0 15px; display:none;}
	.subtitle_k {clear:both; width:100%; text-align:center; font-family:'NanumSquareBold'; font-size:30px; line-height:15px; color:#000; word-break:keep-all;}

/*¼­ºê¸Þ´º*/
.submenuarea {display:table; width:100%; max-width:600px; background:#fff; text-align:center; border-top:.5px solid rgba(0,0,0,.1); display:none;}
	.submenu {float:left; width:100%;}
		.submenu ul {display:table; width:100%; margin:0; padding:0; border-bottom:.5px solid rgba(0,0,0,.1);}
		.submenu .count2 li {width:50%;}
		.submenu .count3 li {width:33.33%;}
		.submenu .count4 li {width:25%;}
		.submenu .count5 li {width:20%;}
			.submenu li {float:left; list-style:none; width:25%; border-left:.5px solid rgba(0,0,0,.1); margin-bottom:-.5px; box-sizing:border-box;}
				.submenu a,
				.submenu a:visited, 
				.submenu a:hover {font-family:'NanumSquare'; font-size:10px; line-height:35px; letter-spacing:-.5px; color:#000; text-decoration:none;}
		.submenu .on {background:#0059ab; color:#fff;}

.contents { width:100%; min-height:350px; display:table;}