@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(/images/info21c/nanum/NotoSansKR-Thin.eot);
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'),
      url(/images/info21c/nanum/NotoSansKR-Thin.eot#iefix) format('embedded-opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(/images/info21c/nanum/NotoSansKR-Light.eot);
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'),
      url(/images/info21c/nanum/NotoSansKR-Light.eot#iefix) format('embedded-opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/images/info21c/nanum/NotoSansKR-Regular.eot);
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'),
       url(/images/info21c/nanum/NotoSansKR-Regular.eot#iefix) format('embedded-opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(/images/info21c/nanum/NotoSansKR-Medium.eot);
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'),
       url(/images/info21c/nanum/NotoSansKR-Medium.eot#iefix) format('embedded-opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(/images/info21c/nanum/NotoSansKR-Bold.eot);
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'),
       url(/images/info21c/nanum/NotoSansKR-Bold.eot#iefix) format('embedded-opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(/images/info21c/nanum/NotoSansKR-Black.eot);
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'),
       url(/images/info21c/nanum/NotoSansKR-Black.eot#iefix) format('embedded-opentype'); 
 }
  
* {margin:0; padding:0; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
}

html,body {
	width: 100%;
	height:100%;
	background: white;
	font-family:'Noto Sans KR','sans-serif';
	color:#636363; 
	font-weight:300; 
	font-size: 16px;
}
ol, ul, li {list-style: none;}
a {text-decoration:none !important; border:none;}
input,select,button,label {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0}
h1{line-height:0;}
img,hr,button {border:0;}
.wrap {width: 1200px; margin: 0 auto; position: relative;}
.font_robo {font-family: 'Roboto', sans-serif;}
.list_btn, .btn_go {
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	-ms-border-radius:50px;
	}
.btn_go img {margin-left: 16px;}


#header {width: 100%; height: 98px; background: url(/images/info21c/nanum/hd_bg.png); position: absolute; top: 0; z-index: 10;}
#header h1 {position: absolute; top: 34px;}
#header h1 > a {margin-right: 15px;}

#header .nav {position: absolute; right: 0;}
#header .nav a {color: #fff;}
#header .nav b {font-weight:300;}
#header .nav li {float: left;}
#header .nav .util {position: absolute; right: 0; padding-top: 12px; font-size: 13px;}
#header .nav .util li {background: url(/images/info21c/nanum/gnb_line_v.png)no-repeat 0 5px; margin-left: 14px; padding-left: 14px;}
#header .nav .util li:first-child {background: none;}
#header .nav .util img {position:relative; padding-right: 3px;}
#header .nav .gnb {float: right; margin-top: 40px; font-size: 18px; font-weight: 500;}
#header .nav .gnb li {padding-left: 86px;}




#main_visual {width: 100%; height: 710px; min-height: 710px; background: #ccc; position: relative; overflow: hidden;}
#main_visual .txt_box .mySlides .txt1 {height: 15px; margin-bottom: 25px; font-size: 26px; font-weight: 100;}
#main_visual .txt_box .mySlides .txt2 {height: 137px; font-size: 60px; font-weight: 500; line-height: 73px;}
#main_visual .txt_box .mySlides .txt3 {height: 41px; font-size: 60px; font-weight: 100;}
#main_visual .txt_box .mySlides .visual_01 {height:710px; background: url('/images/info21c/nanum/slide01.jpg') no-repeat center; background-size: cover; }
#main_visual .txt_box .mySlides .visual_02 {height:710px; background: url('/images/info21c/nanum/slide02.jpg') no-repeat center; background-size: cover; }
#main_visual .txt_box .mySlides .visual_03 {height:710px; background: url('/images/info21c/nanum/slide03.jpg') no-repeat center; background-size: cover; }


#main_visual .txt {width: 1200px; margin: auto; padding-top: 225px; color: #fff;}
#main_visual .slide_nav {width: 100px; height:16px; position: absolute; top: 500px; left: 50%; margin-left:-600px; line-height: 16px;}
#main_visual .slide_nav .dot {
	width: 8px; 
	height: 8px; 
	margin: 0 6px; 
	background: url(/images/info21c/nanum/slide_off.png) no-repeat ;
	display: inline-block;
	transition: background-color 0.6s ease;
	vertical-align: middle;
	}
#main_visual .slide_nav .active {width: 16px; height: 16px; background: url(/images/info21c/nanum/slide_on.png) no-repeat;}


/* Fading animation */
.fade {
/*
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 3.5s;
*/
/*
opacity: 1;

transition-property: opacity;

transition-duration: 3.5s;

transition-delay: 3.5s;

transition-timing-function: linear;
*/
  animation: inherit;
  zoom: 1;
  opacity: 10;
  filter: alpha(opacity = 100);
}

/*
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
*/


#container {clear:both; width:100%;}
#container .section01 {width: 100%; padding: 38px 0;}
#container .section01 .count_tit {width: 222px; border-right: 1px solid #ccc;}
#container .section01 .count_tit h2 {font-size: 40px; color: #111; line-height: 46px; font-weight: 200; margin-bottom: 4px;}
#container .section01 .count_tit p {font-size: 16px; color: #707070;}

#container .section01 .count {position: absolute; left: 222px; top: 0;}
#container .section01 .count li {width:232px; float: left; text-align: center; position: relative; padding-top: 40px;}
#container .section01 .count .count_list01 {background: url(/images/info21c/nanum/main_ico01.png) no-repeat center 5px;}
#container .section01 .count .count_list02 {background: url(/images/info21c/nanum/main_ico02.png) no-repeat center 0px;}
#container .section01 .count .count_list03 {background: url(/images/info21c/nanum/main_ico03.png) no-repeat center 7px;}
#container .section01 .count .count_list04 {width:282px; background: url(/images/info21c/nanum/main_ico04.png) no-repeat center 5px;}

#container .section01 .count .count_no {font-size: 40px; font-weight: 200;}
#container .section01 .count .font_robo {color: #111; font-weight: bold; letter-spacing: -2px;}
#container .section01 .count .count_txt {font-size: 18px; color: #252525; line-height: 18px;}

#container .section02 {clear:both; width:100%; background: #e4eef0;}
#container .section02 ul {*zoom:1;}
#container .section02 ul:after {content:""; display:block; clear:both;}
#container .section02 li {width: 400px; float: left; padding: 92px 0; text-align: center;}
#container .section02 li h3 {font-size: 24px; color: #000; line-height: 28px; font-weight: 400; margin-bottom: 20px;}
#container .section02 li p {font-size: 18px; color: #757575; line-height: 24px; margin-bottom: 45px;}
#container .section02 li img {margin-left: 16px;}
#container .section02 li .btn_go {width: 278px; height: 64px; display: inline-block; font-size: 18px; line-height: 60px;}
#container .section02 li .btn_go:hover {box-shadow:0px 0px 20px 2px rgba(0, 0, 0, 0.1);}
#container .section02 .list01 > .btn_go {background: #60b8cc; color: #fff;}
#container .section02 .list02 > .btn_go {background: #fff; color: #00a6cf;}
#container .section02 .list03 > .btn_go {background: #899da8; color: #fff;}  




#footer {clear:both; width:100%; background: #f9f9f9; border-top: 1px solid #ddd; padding: 42px 0; font-size: 13px; color: #898989; line-height: 20px;}
#footer .info {width: 65%;}
#footer .info li {float: left; padding-right: 16px;}
#footer .info p {clear:both; color: #c2c2c2; letter-spacing: 0.3px; font-weight: 100;}
#footer .logo_bot {position: absolute; right: 0; top: 14px; }



/*----------------------------------------------------------------------------------------------
 * 
 *                                          sub
 * 
 ----------------------------------------------------------------------------------------------*/
#container .sub_visual {width: 100%; height: 310px; text-align: center; color: #464646; padding-top: 160px; position: relative;}
#container .sub01_bg {background: url(/images/info21c/nanum/sub/sub_va_bg01.jpg) no-repeat; background-size: cover;}
#container .sub02_bg {background: url(/images/info21c/nanum/sub/sub_va_bg02.jpg) no-repeat; background-size: cover;}
#container .sub03_bg {background: url(/images/info21c/nanum/sub/sub_va_bg03.jpg) no-repeat; background-size: cover;}

#container .sub_visual h2 {font-size: 48px; letter-spacing: -2px;}
#container .sub_visual p {height:18px; font-size: 16px; line-height: 18px; margin-top: 5px;}
#container .sub_visual img {margin: 0 11px; vertical-align: top; padding-top: 6px;}

#container .sub_visual .tab {position: absolute; bottom: 0; left: 50%; margin-left: -409px;}
#container .sub_visual .tab li {float: left; width: 270px; height: 56px; background: #ade249; margin: 0 1.5px; font-size: 16px; font-weight: 500; line-height: 56px;}
#container .sub_visual .tab li a {width: 100%; height: 100%; color:#fff; display: block;}
#container .sub_visual .tab li.on {background: #fff;}
#container .sub_visual .tab li.on > a  {color:#707070;}


#container .tit {text-align: center; margin-top: 80px;}
#container .tit h3 {font-size: 36px; color: #555; margin-bottom: 10px; font-weight: 400;}
#container .tit hr {width: 40px; height: 2px; background: #ade249; margin: 0 auto;}
#container .tit p {margin-top: 15px; font-size: 16px;}

#container .article {padding: 70px 0 120px 0;}

/*----------------------------------------------------------------------------------------------
 * 
 *                                      나눔장학생안내
 * 
 ----------------------------------------------------------------------------------------------*/


/*나눔장학생소개*/

#container .sub11_section01 {width: 100%; background: url(/images/info21c/nanum/sub/sub11_bg.png) no-repeat bottom; background-size: contain;}
#container .sub11_section01 .article {text-align: center;}
#container .sub11_section01 .article h4 {font-size: 24px; color: #363636; font-weight: 400; margin-bottom: 30px;}
#container .sub11_section01 .article p {line-height: 26px;}
#container .sub11_section01 .article .sign {height: 70px; line-height: 68px; margin-top: 50px;}
#container .sub11_section01 .article .sign img {vertical-align: bottom;}
#container .sub11_section01 .article strong {font-size: 20px; color: #363636; font-weight: 500; margin-left: 10px;}

#container .sub11_section02 .article {*zoom:1;}
#container .sub11_section02 .article:after {content:""; display:block; clear:both;}
#container .sub11_section02 .article ul {float: left; background: url(/images/info21c/nanum/sub/sub11_line_v.png) no-repeat 5px 6px ; margin-right: 100px;}
#container .sub11_section02 .article .list01 {background-size: 1px 357px;}
#container .sub11_section02 .article .list02 {background-size: 1px 342px;}
#container .sub11_section02 .article .list03 {background-size: 1px 90px; margin-right:0;}
#container .sub11_section02 .article li {margin-bottom: 40px; background: url(/images/info21c/nanum/sub/sub11_bu_circle.png) no-repeat left 6px; padding-left: 33px; line-height: 24px;}
#container .sub11_section02 .article li:last-child {margin-bottom: 0;}
#container .sub11_section02 .article li strong {font-size: 18px; color: #363636; font-weight: 700;}
#container .sub11_section02 .article li b {font-size: 15.5px; font-weight: 400; color: #46a2b7;}


/*장학생 선정기준*/

#container .sub12_section01 .article .contents01 {width: 100%; background: #f5f7f9; padding: 60px 0; *zoom:1; margin-bottom: 85px;}
#container .sub12_section01 .article .contents01:after {content:""; display:block; clear:both;}
#container .sub12_section01 .article .contents01 li {width: 400px; float: left; text-align: center;}
#container .sub12_section01 .article .contents01 li h4 {font-size: 20px; color: #252525; font-weight: 500; margin-top: 15px;}
#container .sub12_section01 .article .contents01 li p {color: #707070; margin-top: 5px;}

#container .sub12_section01 .article .contents02 {margin-top: 35px;}
#container .sub12_section01 .article .contents02 table {width: 100%; border-top: 2px solid #284464; text-align: center;}
#container .sub12_section01 .article .contents02 th {
	height: 57px; 
	background: #e7ecf1; 
	font-size: 18px; 
	color: #284464; 
	font-weight: 400; 
	border-left: 1px solid #ccd0da; 
	vertical-align: middle; 
	text-align: center;
	}
#container .sub12_section01 .article .contents02 th:first-child {border-left: 0;}
#container .sub12_section01 .article .contents02 tr {height:48px; border-bottom: 1px solid #ccd0da; }
#container .sub12_section01 .article .contents02 td {border-left: 1px solid #ccd0da; vertical-align: middle}
#container .sub12_section01 .article .contents02 td:first-child {border-left: 0;}
#container .sub12_section01 .article .contents02 td:nth-child(2) {text-align: left; padding-left: 30px;}
#container .sub12_section01 .article .contents02 p {font-size: 14px; margin-top: 16px; line-height: 24px;}


/*장학생 선정후기*/

#container .sub13_section01 table {margin: 0 auto;}
#container .sub13_section01 .txt_count {text-align: center; font-size: 36px; color: #363636; line-height: 42px; margin-bottom: 40px;}
#container .sub13_section01 .txt_count .font_robo {font-weight: 700;}
#container .sub13_section01 .list_btn {width:380px; padding: 50px 0 70px 0; margin: auto; *zoom:1;}
#container .sub13_section01 .list_btn:after {content:""; display:block; clear:both;}
#container .sub13_section01 .list_btn a {float: left; display: block;}
#container .sub13_section01 .list_btn .btn_prev {width: 50px; height: 30px; background: url(/images/info21c/nanum/sub/btn_list_prev.png); display: block; font-size: 0; text-indent:-10000px; margin-right: 10px;}
#container .sub13_section01 .list_btn .btn_next {width: 50px; height: 30px; background: url(/images/info21c/nanum/sub/btn_list_next.png); display: block; font-size: 0; text-indent:-10000px; margin-left: 10px;}

#container .sub13_section01 .list_btn li {float: left; width: 30px; height: 30px; }
#container .sub13_section01 .list_btn li a {width: 30px; height: 30px; text-align: center; line-height: 30px; color: #111;}
#container .sub13_section01 .list_btn li.btn_on {border: 1px solid #111;}

#container .sub13_section01 .btn_go {clear: both; width: 550px; height: 75px; background: #60b8cc; margin: auto; text-align: center; line-height: 75px; font-size: 20px; font-weight: 500;}
#container .sub13_section01 .btn_go a {width: 100%; height: 100%; display: block; color: #fff;}

/*----------------------------------------------------------------------------------------------
 * 
 *                                      장학생 추천
 * 
 ----------------------------------------------------------------------------------------------*/


#container .sub2_section01 .btn_go {
	width: 450px; 
	height: 75px; 
	margin: 48px auto; 
	background: #fc7b4e; 
	cursor: pointer;
	text-align: center;
	line-height: 75px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	}
#container .sub2_section01 .list_btn {width: 150px; height: 44px; display: inline-block; cursor: pointer; line-height: 44px; font-size: 15px; font-weight: 400;}
#container .sub2_section01 .btn_w {background: #fc7b4e; color: #fff;}
#container .sub2_section01 .btn_s {border: 2px solid #8ea2b3; color: #627b91; line-height: 40px; box-sizing: border-box;}
#container .sub2_section01 .btn_d {background: #f2f5f7; color: #798994; border: 1px solid #dee5ea; }

/* 나눔장학생 - 선정결과테이블 */

.nanum-Cwrap {margin-bottom: 125px; text-align: center;}
.comtable{width:100%; border-top: 2px solid #284464;}
.comtable td {border: 1px solid #ccd0da; text-align:center; border-right: 0;}
.comtable td:first-child {border-left: 0;}
.comtable tr {border-bottom: 1px solid #ccd0da;}
.comTitbg2{
	height:58px; 
	background:#f5f7f9; 
	letter-spacing:-1px;
	 color:#284464; 
	 font-size:18px; 
	 text-align: center; 
	 line-height: 58px;
	 font-weight: 400;
	}
.comLatetd{padding:8px 0;line-height:18px;background:#ffffff; color:#666;height:35px;}
.comLatetd_bold{padding:8px 0;line-height:18px;background:#ffffff; color:#000000;height:35px;font-weight: bold;}
.tl{text-align:left; padding:10px;}



/*----------------------------------------------------------------------------------------------
 * 
 *                                      선정결과
 * 
 ----------------------------------------------------------------------------------------------*/

.nav-item:link {color: #000000; line-height: 15pt; font-size: 10pt;}
.nav-item:active {color: #000000; line-height: 15pt; font-size: 10pt;}
.nav-item:visited {color: #000000; line-height: 15pt; font-size: 10pt;}
.nav-item:hover {color: #000000; font-size: 10pt; }


#container .sub3_section01 .nanum-Cwrap {margin-top: 40px;}
#container .sub3_section01 .comtable .comTitbg2 {font-size:18px; color:#284464; font-weight: 400;}
#container .sub3_section01 .comtable td {vertical-align: middle; font-size: 14px; color: #464646;}
#container .sub3_section01 .comtable .tc {padding: 10px 0; font-size: 15px;}
#container .sub3_section01 .comtable .tl {text-align: left; padding: 15px; line-height: 18px;}
#container .sub3_section01 .comt {width:100%; background: #edeeef; padding: 30px; *zoom:1;}
#container .sub3_section01 .comt:after {content:""; display:block; clear:both;}
#container .sub3_section01 .comt textarea {float:left; width: 937px; height: 68px; font-size: 14px; padding: 10px; border: 0;}
#container .sub3_section01 .comt .com_btn {
	float:left; 
	width: 203px;
	height: 68px; 
	display: inline-block; 
	background: #5674b9;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 68px;
	cursor: pointer;
	}
#container .sub3_section01 .btn_go {
	width: 550px; 
	height:75px; 
	background: #60b8cc; 
	color: #fff; 
	margin: 0 auto; 
	line-height: 75px; 
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	}



/*댓글 리스트 btn_nav*/
.count_list {text-align: center;}
#container .sub3_section01 .com_list .pagination .prev a, 
#container .sub3_section01 .com_list .pagination .next a, 
#container .sub3_section01 .com_list .pagination .disabled span {
	width: 50px; 
	height: 30px; 
	display: block; 
	font-size: 0; 
	text-indent:-10000px; 
	border-radius:0;
	border: 0;
	}
	
#container .sub3_section01 .com_list .pagination li:first-child span {background: url(/images/info21c/nanum/sub/btn_list_prev.png) no-repeat ; margin-right: 10px;}
#container .sub3_section01 .com_list .pagination .prev a {background: url(/images/info21c/nanum/sub/btn_list_prev.png) no-repeat ; margin-right: 10px;}
#container .sub3_section01 .com_list .pagination li:last-child span {background: url(/images/info21c/nanum/sub/btn_list_next.png) no-repeat ; margin-left: 10px;}
#container .sub3_section01 .com_list .pagination .next a {background: url(/images/info21c/nanum/sub/btn_list_next.png) no-repeat ; margin-left: 10px;}
#container .sub3_section01 .com_list .pagination li a {width:30px; height: 30px; border: 0; padding: 0; line-height: 30px; color: #111; font-size: 14px;}
#container .sub3_section01 .com_list .pagination .active a {border: 1px solid #111; background: #fff; color: #111;}