@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

#container img{max-width:100%}
h3 { font-size:25px; color:#2d2d2d; margin-bottom:20px; }
.btn_more{ position:absolute; right:0; top:10px; }
#contents { margin:45px auto 0; }
#contents .selectbox { margin-top:-15px; }
#contents select { float:left; margin-right:5px; width:250px; height:30px; font-size:14px; padding-left:5px; }
#contents input[type=submit] { cursor: pointer; padding:0 10px; height:30px; background:#2d2d2d !important; border:1px solid #222 !important; border-radius:5px; color:#fff !important; font-size:16px; font-weight:600; }
#visual li.visual_btn a.btn,
#contents a.btn { padding:5px 15px !important; font-weight:600; color:#fff; background:#2d2d2d; border:1px solid #111; border-radius:5px; text-decoration:none; vertical-align:bottom; line-height:20px; }

/*#visual { position:relative; overflow:hidden; width:100%; height:525px; background:url('/publicity/images/main/visual_bbg.png') repeat; }
#visual ul{ padding-left: 0; margin: 0; white-space:nowrap; font-size:0; line-height:0; left:0; }
#visual .item{ padding-bottom:0; }
#visual .content-slider li{ text-align: center; display:inline-block; line-height:100%; }
#visual .content-slider p { margin:0; padding:0; }
#visual .content-slider li img { text-align:center; }
#visual .content-slider li.on img { opacity:1; box-shadow:0 0 10px #000; }
#visual .lSSlideOuter .lSPager.lSpg { position:absolute; bottom:5%; left:50%; }
#visual .lSAction>a { text-indent:-5000px; }*/

#visual { position:relative; overflow:hidden; width:100%; height:100%; background:#000 url('/publicity/images/main/visual_bbg.png') repeat; }
#visual>a { position:absolute; top:45%; display:block; width:60px; height:60px; }
#visual .prev { left:17%; background:url('/publicity/images/main/visual_prev.png') no-repeat; }
#visual .next { right:17%; background:url('/publicity/images/main/visual_next.png') no-repeat; }
#visual ul { position:relative; width:1200px; margin:0 auto; white-space:nowrap; font-size:0; line-height:0; left:0; }
#visual li { display:inline-block; line-height:100%; }
#visual li img, #visual li video { position:relative; width:100%; height:100%; }
#visual li img img { height:600px; }
#visual li video { width:1200px; height:100%; }
#visual li.on a { z-index:9; position:absolute; width:102px; height:106px; top:43%; left:50%; background:url('/publicity/images/main/btn_play.png') no-repeat; }
/*#visual li>img { opacity:0.3; }*/
#visual li>img, #visual li>video { opacity:1; box-shadow:0 0 20px #000; }

#visual li.visual_btn { position:relative; }
#visual li.visual_btn a.btn { position:absolute; right:30px; bottom:50px; z-index:9; }

/* 동영상 에러시 */
#visual div.nopage { width:100%; text-align:center; margin-left:170px }	
#visual div.nopage div.tit{ padding:100px 0 50px; text-align:center; color:#fff; font-family:'Nanum Myeongjo'; border-bottom:1px solid #ddd; letter-spacing:-1px; margin:0 auto; }	
#visual div.nopage div.tit span{font-family:'Nanum Myeongjo'}
#visual div.nopage_con {margin:3% auto 10%; text-align:center; font-size:18px; color:#fff; }


.con1 { overflow:hidden; }
.con1>div { float:left; width:49.5%; position:relative; }
.con1 .news .btn_more { right:10% !important; }
.con1 .video { overflow:hidden; position:relative; width:90%; line-height:0px; }
.con1 .video a img { width:100%; height:304px; }
.con1 .video a span { display:block; position:absolute; bottom:0px; line-height:150%; padding:2% 0; width:100%; font-size:20px; font-weight:600; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,.6); color:#fff; }

.con1 .ebook { overflow:hidden; float:left; }
.con1 .ebook h3{position:absolute; top:0; left:0; text-align:center; background:url('/publicity/images/main/bar.gif') no-repeat right 13px; }
.con1 .ebook div.hanmadang h3{ padding-right:15px; }
.con1 .ebook div.silver h3{ background:none; }
.con1 .ebook h3 a{ display:block; padding:0px 0px; font-weight:normal; }
.con1 .ebook h3.select a, .con1 .ebook h3 a:hover { padding:0px 0px 5px; font-weight:600; color:#111; }
.con1 .ebook div.con { display:none; padding-top:70px}
.con1 .ebook div.con div { padding:3% 0 0; }
.con1 .ebook div.con div .img { float:left; margin-right:7%; margin-top:3%; }
.con1 .ebook div.con div .img img { width:220px; height:300px; border:1px solid #b6b6b6; }
.con1 .ebook div.con div .tit { font-size:20px; font-weight:600; margin-bottom:5px; }
.con1 .ebook div.con div .tit a.btn { padding:0 15px; color:#fff !important; background:#2d2d2d !important; border:1px solid #111 !important; }
.con1 .ebook div.con div .tit a.btn:hover { border:1px solid #1e5ab2 !important; background:#226bd7 !important; }
.con1 .ebook div.con div .txt { color:#4a4a4a; }
.con1 .ebook div.con div .btn_link { overflow:hidden; padding:20px 0 10px; }
.con1 .ebook div.con div .btn_link li { float:left; padding:10px 0; }
.con1 .ebook div.con div .btn_link li:first-child { border-right:1px solid #b6b6b6; }
.con1 .ebook div.con div .btn_link li a { display:block; text-align:center; padding:40px 30px 0; line-height:35px; }
.con1 .ebook div.con div .btn_link li .pdf { background:url('/publicity/images/main/btn_pdf.gif') no-repeat center top; }
.con1 .ebook div.con div .btn_link li .e_book { background:url('/publicity/images/main/btn_ebook.gif') no-repeat center top; }
.con1 .ebook .btn_more { top:0; }

.con2 { border-top:1px solid #ddd; margin-top:40px; padding-top:40px; }
.con2 #gallery { position:relative; }
.con2 #gallery li { float:left; width:24.5%; margin-left:5px; margin-bottom:30px; }
.con2 #gallery li:first-child { margin-left:0; }
.con2 #gallery ul.list li {float:left; width:24.5%; margin-left:5px; margin-bottom:30px; }
.con2 #gallery ul.list li .img {display:block; margin:0.5%; width:99%; height:196px; overflow:hidden; }
.con2 #gallery ul.list li .img img {width:100%; min-height:196px; }
.con2 #gallery li a span { display:block; color:#2d2d2d; margin-top:10px; }
.con2 #gallery ul.list li .tit { font-size:20px; font-weight:600; margin-bottom:5px; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.con2 #gallery ul.list li .txt { font-size:14px; width:97%; line-height:22px; }

/*.con2 #gallery li img { width:291px; height:196px; }
.con2 #gallery li a span { display:block; color:#2d2d2d; margin-top:10px; }
.con2 #gallery li a .tit { font-size:20px; color:#2d2d2d; font-weight:600; margin-bottom:5px; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.con2 #gallery li a .txt { font-size:14px; width:97%; line-height:22px; }*/

.con3 { overflow:hidden; height:300px; background:#ecf1f8; border-top:1px solid #ddd; margin-top:40px; }
.con3>div>div { float:left; }
.con3>div>div .tit { font-size:20px; font-weight:600; color:#2d2d2d; padding-top:40px; }
.con3 .inews01 { width:45%; padding-top:30px; padding-right:5%; }
.con3 .inews01 li { padding-left:13px; border-bottom:1px dotted #b6b6b6; background:url('/publicity/images/main/news_blet.gif') no-repeat 3px 15px; }
.con3 .inews01 li a { display:block; height:34px; line-height:34px; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.con3 .inews01 li:last-child { border-bottom:0 }
.con3 .inews02 { width:22%; padding-right:3%; background:url('/publicity/images/main/inews02_img.png') no-repeat right 59px; }
.con3 .inews02 p { line-height:22px; padding-bottom:13px; }
.con3 .inews02 .s_tit { padding-top:7px; font-size:20px; color:#2d2d2d; font-weight:600; margin-bottom:10px; }
.con3 .inews02 select { width:200px !important; }
.con3 .inews02 a.btn:hover { border:1px solid #1e5ab2 !important; background:#226bd7 !important; }
.con3 .inews03 { overflow:hidden; width:292px; height:300px; background:url('/publicity/images/main/inews03_bg.gif') repeat-y; }
.con3 .inews03 div { background:url('/publicity/images/main/inews03_img.png') no-repeat right 48px; }
.con3 .inews03 p { color:#fff; padding-left:23px; line-height:22px; padding-bottom:10px; }
.con3 .inews03 .b_point { padding-bottom:25px; }
.con3 .inews03 p.tit { color:#fff !important; }
.con3 .inews03 p.txt { font-size:16px; }
.con3 .inews03 p a.btn:hover { background:#fcfcfc !important; border:1px solid #fff !important; color:#2d2d2d !important; }
.con3 a.btn { padding:0 15px; background:#2d2d2d !important; border:1px solid #111 !important; color:#fff !important; }

.con4 { /*border-top:1px solid #ddd; padding-bottom:30px;*/ background:#f8f8f8; }
.con4 h3 { margin-top:30px; margin-bottom:25px; }
.con4>div { position:relative; margin-bottom:20px; }
.con4 .sns_link { position:absolute; right:0; top:0; }
.con4 .sns_link li { float:left; padding:0 2px; }
.con4 .sns_link li a { display:block; width:40px; height:40px; }
.con4 .sns_link .sns01 { background:url('/publicity/images/main/happy_sns01.gif') no-repeat; }
.con4 .sns_link .sns02 { background:url('/publicity/images/main/happy_sns02.gif') no-repeat; }
.con4 .sns_link .sns03 { background:url('/publicity/images/main/happy_sns03.gif') no-repeat; }
.con4 .sns_link .sns04 { background:url('/publicity/images/main/happy_sns04.gif') no-repeat; }
.con4 .con li { float:left; width:33%; }
.con4 .con_tit { overflow:hidden; margin-bottom:10px;}
.con4 .con_tit .img img { float:left; border:1px solid #e6dcc0; margin-right:7px; }
.con4 .con_tit .name { font-weight:600; display:block; line-height:20px; }
.con4 .con_tit .date { font-size:13px; font-family: 'Noto Sans KR', sans-serif !important; font-weight:300; color:#858585; }
.con4 .con { overflow:hidden; }
.con4 .con a .txt { display:block; font-size:14px; width:93%; line-height:20px; }
.con4 .con a img { width:105px; height:120px; border:1px solid #cecece; float:left; margin-right:20px; }


/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:1300px) {	
	/*#visual .content-slider li img { padding-left:30%; margin-right:-30%; }*/
	#visual .lSAction>.lSNext { right:17%; }
	#visual .lSAction>.lSPrev { left:17%; }
	#visual li.on>img, #visual li.on>video { height:565px; width:1200px; }

}

@media all and (max-width:1299px) {
	/*#visual .content-slider li img { padding-left:0; margin-right:-6%; }*/
	#visual .prev { left:10px; z-index:1; }
	#visual .next { right:10px; z-index:1; }


}


@media all and (min-width:769px) {
	#visual div.nopage div.tit{font-size:40px}
	.con1 .video { overflow:hidden; position:relative; width:90%; line-height:0px; }
	.con1 .ebook div.hanmadang h3{left:0}
	.con1 .ebook div.silver h3{left:145px;}
	.con1 .ebook div.con { padding-top:4%; }
}

@media all and (max-width:1024px) {
	/*#visual { width:100%; height:100%; }
	#visual .content-slider li img { height:100%; width:100%; }*/
	#visual { height:100%; background:none; z-index:0; }
	#visual li video { width:1024px; height:564px; }
	#visual ul, #visual li>img, #visual li>video { width:100%; height:100%; }
	#visual li.on>img, #visual li.on>video { box-shadow:none; }
	.con1 { width:95%; }
	.con1 .news { width:42%; }
	.con1 .ebook div.con div .img img { margin-top:7%; }
	.con1 .ebook div.con div .img { margin-right:10px; }
	.con1 .ebook { width:58%; }
	.con1 .ebook div.con div .tit { padding-top:2%; }
	.con1 .ebook div.con div .btn_link li a { padding:40px 14px 0; }
	.con1 .ebook .selectbox select { width:40% !important; }
	.con2, .con3 { height:auto; padding:0 3%; }
	/*.con2 .gallery { margin-top:3%; }*/
	.con2 #gallery { margin-top:3%; }
	.con2 #gallery ul.list li { width:23%; margin-left:10px; }
	.con3 .inews01 { width:35%; }
	.con3 .inews02 { width:auto; }
	.con3 .inews03 { width:27%; }
	.con4 .happy { margin:0 30px; }
	.con4 .sns_link { right:30px; }
	.con4 .con li { width:32.3%; margin-left:7px; }

}

@media all and (max-width:768px) {
	#visual { max-height:300px; }
	#visual .prev { left:5%; background:url('/publicity/images/main/visual_prev_mb.png') no-repeat; }
	#visual .next { right:0; background:url('/publicity/images/main/visual_next_mb.png') no-repeat; }
	#visual li.on a { top:40%; background-size:60%; }
	#visual li>video { width:100%; max-height:300px; }
	#visual ul, #visual li>img, #visual li>video { width:100%; width:100%; }
	#visual div.nopage div.tit {padding-top:40%; font-size:24px; font-weight:bold; background-size:50%}
	#visual div.nopage_con { margin:3%; font-size:15px}
	.con1 { width:auto; }
	.con1 .news, .con1 .ebook { width:100%; float:none; margin-bottom:5%; }
	.con1 .news { margin-left:5%; }
	.con1 .news img { width:auto; height:auto; }
	.con1 .ebook { margin:0 5%; width:90%; }
	.con1 .ebook div.silver h3{left:145px;}
	.con1 .ebook div.con { padding-top:0; }
	.con1 .ebook div.con div .img { margin-right:5%; }
	.con1 .ebook div.con div .tit { padding-top:5%; }
	.con1 .ebook div.con div .btn_link { padding:3% 3% 0; }
	.con1 .ebook div.con div .txt { margin-top:-2%; }
	.con1 .ebook .btn_more { position:static; text-align:center; margin-top:20px; }
	.con2 #gallery, .con4 .happy { width:90%; }
	.con2 #gallery ul.list li { width:46%; margin-left:0; padding-left:10px; }
	/*.con2 #gallery, .con4 .happy { width:90%; }
	.con2 #gallery li { width:46%; margin-left:0; padding-left:10px; }*/
	.con1 .video a img, .con2 .gallery li img { height:100%; }
	.con3 { padding:0; }
	.con3 .inews01 { float:none; width:auto; padding:25px 15px 15px; border-bottom:1px solid #d6d6d6; }
	.con3 .inews02, .con3 .inews03 { width:47.3%; }
	.con3 .inews02 { padding-left:15px; }
	.con3 .inews03 { background:#236ede; }
	.con4 .con li { width:100%; margin-bottom:40px; }
	.con4 .con a img { float:none; width:97%; height:100%; text-align:center; }

}

@media all and (max-width:680px) {
	.con1 .ebook div.con div .img { width:100%; float:none; text-align:center; }
	.con1 .ebook div.con div .tit { text-align:center; }
	.con1 .ebook div.con div .txt { padding:3% 15%; }
	.con1 .ebook div.con div .btn_link { width:100%; text-align:center; padding:0; margin-left:28%; }
	.con1 .ebook .selectbox select { margin-left:2%; width:83% !important; }

	.con4 .happy { margin:0 10px; }
	
}

@media all and (max-width:480px) {
	.wrapper { min-width:auto; width:100%; }
	#visual li.on a { left:40%; }
	.con1 .ebook h3{ font-size:20px; background-position:right 10px; }
	.con1 .ebook div.silver h3{left:125px;}
	.con1 .ebook div.con div .btn_link { margin-left:15%; }
	.con3 .inews02, .con3 .inews03 { float:none; width:100%; padding-bottom:10%; }
	.con4 .sns_link { right:0; }	
}

@media all and (max-width:380px) {
	.con1 .ebook div.con div .txt { padding:3% 5%; }
	.con1 .ebook div.con div .btn_link { margin-left:10%; }
	.con1 .ebook .selectbox select { width:75% !important; }
	.con2 #gallery ul.list li, .con2 #gallery ul.list li img { width:100%; padding-left:0; }
	/*.con2 #gallery li, .con2 .gallery li img { width:100%; padding-left:0; }*/

}