@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
#detail_con { margin-top:40px; }
#detail_con img { max-width:100%; }

.con_top { position:relative; width:100%; height:264px; background:#f8f8f8 url('/publicity/images/sub/tbg.gif') repeat-x left bottom; border-bottom:1px solid #ddd; }
.con_top .wrapper { position:relative; }
.con_top .con_title { height:42px; background:#fff; border-bottom:1px solid #ddd; }
.con_top .con_title h3 { margin-top:50px; color:#333333; font-size:45px; font-weight:400; text-align:center; }
.con_top .con_title ol { margin-top:0; }
.con_top .con_title ol>li { position:relative; display:inline-block; padding-right:30px; height:42px; line-height:42px; font-weight:300; text-align:left; border-right:1px solid #ddd; color:#6c716c; }
.con_top .con_title ol .home { margin:0; padding:0; width:40px; height:42px; background:url('/publicity/images/sub/home.gif') no-repeat center; text-indent:-9999px; }
.con_top .con_title ol>li.now>a { color:#000000; text-decoration:underline; font-weight:600; }
.con_top .con_title ol>li>a { display:block; padding:0 20px; line-height:42px; color:#484848; background:url('/publicity/images/sub/location_arrw.gif') no-repeat right center; }
.con_top .con_title ol>li>a.select { font-weight:500; }
.con_top .con_title ol>li>ul { display:none; position:absolute; z-index:6; top:42px; left:0; width:103%; background:#ffffff; border:1px solid #dddddd; text-align:left; }
.con_top .con_title ol>li>ul>li>a { display:block; height:42px; padding-left:15px; line-height:42px; border-bottom:1px dotted #dddddd; font-size:14px; }
.con_top .con_title ol>li>ul>li>a:hover { background:#236fdf; color:#fff; font-weight:600; }
.con_top .con_title ol>li>ul.location_sub { display:block; margin-left:-5px; }
.con_top .con_title ol>li>ul.location_sub li a { padding-right:10px; }
.con_top .con_title .sns { position:absolute; z-index:1; top:7px; right:0; }
.con_top .con_title .sns li { float:left; margin-right:6px; }
.con_top .con_title .sns li a { display:block; width:29px; height:28px; text-indent:-9999px; }
.con_top .con_title .sns li.sns01 a { background:url('/share/images/inc/ic_sns01.gif') no-repeat; }
.con_top .con_title .sns li.sns02 a { background:url('/share/images/inc/ic_sns02.gif') no-repeat; }
.con_top .con_title .sns li.sns03 a { background:url('/share/images/inc/ic_sns03.gif') no-repeat; }
.con_top .con_title .sns li.sns04 a { background:url('/share/images/inc/ic_sns04.gif') no-repeat; }
.con_top .con_title .sns li.favorite a { background:url('/share/images/inc/ic_favorite.gif') no-repeat; } 
.con_top .con_title .sns li.print a { background:url('/share/images/inc/ic_print.gif') no-repeat; }

#tab { position:absolute; /*z-index:3;*/ top:215px; width:100%; }
#tab>p { background:#436bb1 url('/publicity/images/inc/tab_bg.png') no-repeat right 20px bottom; }
#tab>p>a { display:block; padding:12px 20px; color:#ffffff; background:url('/publicity/images/inc/tab_arrow.png') no-repeat right 25px top 20px; font-size:16px; }
#tab>p.one>a { background:none; }
#tab ul { overflow:hidden; }
#tab ul.mt_u { margin-top:-1px; }
#tab ul li { float:left; }
#tab ul li a:hover, #tab ul li.on a { background:#fff; border-bottom:1px solid #fcfcfc; color:#2a6608; font-weight:600; text-decoration:none; }
#tab ul li a { display:block; color:#6c6e71; font-size:16px; font-weight:300; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box; line-height:48px; background:#f8f8f8; }
#tab ul li:first-child { border-left:1px solid #dddddd; }
/*#tab ul.col10 li { width:9.9%; }*/
#tab ul.col8 li { width:12.45%; }
#tab ul.col6 li { width:16.6666%; }
#tab ul.col5 li { width:16.5%; }
#tab ul.col4 li { width:25%; }
#tab ul.col3 li { width:33.3333%; }
#tab ul.col2 li { width:49%; }
#stab ul{margin:25px 0px 10px; padding:3% 2%; background:#f8f8f8; border:1px solid #cbcbcb; }
#stab ul li{display:inline-block; margin:3px; min-width:16%;  }
#stab ul li a{display:block; padding:5px 4%; background:#fdfdfd; border:1px solid #dddddd; border-radius:5px; font-size:14px; white-space:nowrap; text-align:center; color:#858585; }
#stab ul li.on a, #stab ul li:hover a{color:#fff; font-weight:bold; background:#3f7fc7; border:1px solid #3f7fc8; transition:all .3s ease; }
#stab ul.col4 li{min-width:22%; }

h4 { margin-bottom:30px; padding-bottom:5px; text-align:center; font-size:34px; font-weight:500; font-family: 'Noto Sans KR', sans-serif !important; background:url('/publicity/images/sub/blet.jpg') no-repeat center bottom; }
#detail_con .ps { display:inline-block; padding-left:20px; background:url('/publicity/images/sub/ic_ps.gif') no-repeat left 4px; font-size:14px; }

#detail_con .linklist{margin-top:10px; overflow:hidden}
#detail_con .linklist>li{position:relative; float:left; width:23%; margin:.8%; border:1px solid #d8d8d8; border-radius:3px; overflow:hidden}
#detail_con .linklist>li>div{text-align:center}
#detail_con .linklist>li>div .name{display:table; position:relative; width:100%; background:#f9f9f9}
#detail_con .linklist>li>div .name:after{display:block; content:''; position:absolute; top:20px; left:40%; width:50px; height:1px; background:#43464d}
#detail_con .linklist>li>div .link{padding:5% 3%; border-top:1px dotted #d8d8d8}
#detail_con .linklist>li>div .link .sbtn{padding-top:5px; padding-bottom:5px}
#detail_con .linklist>li>div .txt{padding:3%; border-radius:3px}
#detail_con .linklist>li:hover .name,
#detail_con .linklist>li:hover{background:#fdf7f4; border-color:#f3692c}
#detail_con .linklist>li:hover:after{display:block; content:''; position:absolute; left:0px; top:0px; width:0px; height:0px; border:15px solid #f3692c; border-right:15px solid transparent; border-bottom:15px solid transparent}
#detail_con .linklist.short>li>div .link{padding:3%}

/* 프로그램 css */
.nowInall { text-align:right; margin-bottom:10px; }
.search { border:0; }
.general_board2 { border-top:2px solid #222; }
.general_board2 li p.img { width:29%; }
.general_board2 li p.img img { width:100%; height:210px; }
.general_board2 li p.con { width:68%; }
.general_board2 li p.con span.txt { line-height:25px; }
.general_board2 li p.con span.date { position:relative; bottom:15px; color:#6c716c; }
.general_board2 li p.con span.s_tit { margin-top:2%; padding-bottom:4px; border-bottom:1px solid #ddd; }
.general_board2 li p.con span.s_tit strong, .board_view .s_tit strong { padding-bottom:7px; border-bottom:1px solid #444; color:#6f6f6f; font-size:16px; line-height:16px; }
.menu_more a { margin-top:50px; width:100%; text-decoration:none; display:block; padding:30px 0; text-align:center; background:#f8f8f8; border:1px solid #dddddd; }
.menu_more a:hover { background:#5d5d5d; border:1px solid #5a5a5a; color:#fff; font-weight:600; }
.menu_more a span { padding-left:18px; }
.board_view .s_tit { background:#fcfcfc; margin-top:0; padding:5px 10px !important; border-top:1px solid #ddd; border-bottom:0 }
.board_view .s_tit strong { border-bottom:0 !important; }

.sbtn { display:inline !important; position:relative; padding:3px 10px 3px 30px; min-width:55px; line-height:20px;  background-color:#f3f3f3; transition:all .2s ease; font-size:14px; border:1px solid #dbdbdb; border-radius:3px; overflow:visible}
.btn.phone { padding:8px 20px 8px 40px; background:url('/publicity/images/sub/btn_phone.gif') 15px 8px no-repeat; }
.btn.phone:hover { background-image:url('/publicity/images/sub/btn_phone_on.gif'); }

.board_ebook>li { width:21%; margin:1% 2%; }
.ebook_box .img p { padding-bottom:0; background:none !important; }
.ebook_box .ebook_btn { margin:30px 0 15px; }
.ebook_box.silver .ebook_btn { margin-top:50px; }
.ebook_box .ebook_btn .btn { border:1px solid #245abe; color:#245abe; background-color:#FFF; }

/* 지난뉴스 select */
.selectbox2 { text-align:right; margin:10px auto 20px; }
.selectbox2 select { width:200px !important; background:#333; border:0; padding:6px; color:#fff; }
.selectbox2 input[type=submit] { cursor: pointer; padding:0 10px; height:30px; background:#2d2d2d; border:1px solid #222; color:#fff; font-size:16px; font-weight:600; }
.selectbox2 a.btn { padding:4px 15px !important; font-weight:600; color:#fff; background:#2d2d2d; border:1px solid #111; text-decoration:none; vertical-align:bottom; line-height:20px; }
.selectbox2 input[type=submit]:hover { background:#2857bf; border:1px solid #2857bd; }

/* 새창링크 top */
.top_con { overflow:hidden; position:relative; margin:0 auto; text-align:center; background:url('/publicity/images/sub/bg_pattern.gif') repeat; border-radius:10px; border:1px solid #c8cfd6; z-index:0; }
.top_con>div { float:left; width:40%; padding:5% 0; background:rgba(0,49,99,.7); z-index:2; transition:all .3s ease; }
.top_con>div>p { color:#fff; line-height:40px; }
.top_con>div .stit { font-size:34px; font-family:'Nanum Pen Script', cursive, sans-serif; }
.top_con>div .tit { font-size:34px; font-family: 'Noto Sans KR', sans-serif !important; font-weight:500; }
.top_con>div>ul { overflow:hidden; width:100%; margin:15px auto 0; }
.top_con>div li { display:inline-block; padding:5px; }
.top_con>div a { display:block; float:left; width:56px; height:56px; border-radius:56px; }
.top_con>div a:hover { border:4px solid #fff; box-sizing:border-box; transition:all .3s ease; box-shadow:0px 3px 5px rgba(0,0,0,0.5); }
.top_con .ic_twitter { background:url('/publicity/images/sub/ic_twitter.png') no-repeat; }
.top_con .ic_facebook { background:url('/publicity/images/sub/ic_facebook.png') no-repeat; }
.top_con .ic_blog { background:url('/publicity/images/sub/ic_blog.png') no-repeat; }
.top_con .ic_news { background:url('/publicity/images/sub/ic_news.png') no-repeat; }
.top_con .bg { z-index:-1; width:712px; height:245px; position:absolute; right:0; top:0; background:url('/publicity/images/sub/sns_bg.png') no-repeat; }
.sns_con { width:80%; margin:0 auto; font-size:0; }
.sns_con>li { display:inline-block; text-align:center; width:19%; margin:1% 1% 0 0; }

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

@media screen and (min-width:768px) { 
	#detail_con .linklist.col3>li{width:31.3%}
	#detail_con .linklist>li>div .name>p{display:table-cell; padding:0px 5%; vertical-align:middle; padding-top:10px; height:75px; }
	#detail_con .linklist.short>li>div .name>p{padding-top:20px; padding-bottom:0px; height:50px; }
	#detail_con .linklist.col3>li{width:31.3%}
}

@media screen and (max-width:950px) {
	#tab ul.col10 li { width:19.97%; }
	#tab ul.col2 li { width:49.9%; }
	.general_board2 li p.img { float:none; width:93%; text-align:center; margin:0 auto 30px; }
	.general_board2 li p.con span.tit { text-align:center; font-weight:600; }
	.general_board2 li p.con span.s_tit { padding-top:4px; border-bottom:1px solid #ddd; text-align:center; border-top:1px solid #ddd; }
	.general_board2 li p.con span.s_tit strong { border-bottom:0; }
	.general_board2 li p.con { float:none; width:93%; margin:0 auto; }
	.top_con>div { width:60%; background:rgba(0,49,99,0.9); }

}

@media screen and (max-width:768px) {
	.con_top { height:160px; }
	.con_top .con_title h3 { margin-top:25px; font-size:35px; }
	.con_top .con_title .sns, #tab { display:none; }
	.con_top .con_title ol>li { padding-right:5%; }
	#stab.stab_4 ul li{min-width:43%; }
	
	#detail_con .linklist>li{margin:.8% 0%; width:99%}
	#detail_con .linklist>li>div{display:table}
	#detail_con .linklist>li>div .name,
	#detail_con .linklist>li>div .link{display:table-cell; vertical-align:middle}	
	#detail_con .linklist>li>div .link{padding:10px; border-top:0px; border-left:1px dotted #ccc; min-width:100px}
	#detail_con .linklist>li>div .name:after{display:none}
	.sbtn { display:inline-block !important; width:auto; margin:3px 0; }
	.sbtn:hover, .sbtn:hover:after, .sbtn:hover .down { color:#fff !important; }	
	/*.board_ebook>li { width:45%; }*/
	.sns_con>li {width:32.3%;}

}

@media screen and (max-width:600px) {
	.top_con>div { width:100%; }
	.top_con .bg { right:-70%; }
	.board_ebook>li { width:46%; }
}

@media screen and (max-width:380px) {
	.con_top .con_title ol>li>a { width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}