@import url('layout.css?v=9');
@import url('skin.css?v=9');
.header_wrap { position:absolute;width:100%;height:170px;background:#FFF;top:0;z-index:-1 }
.header { width:1100px;margin:20px auto 10px}
.logo { text-align:center;width:40%;float:left;padding-top:10px }
.logo_left { width:30%;min-height:60px;float:left}
.logo_right { width:30%;min-height:60px;float:right;text-align:right }
.header:after {clear: both;content:'';display: block;height:0;visibility: hidden;}

.show_all_menu {cursor:pointer;background: url("/img/all_menu.png") center center no-repeat;width:50px;height:50px;-ms-user-select: none;
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     user-select: none; }
.show_all_menu img { width:20px;height:20px;margin:10px 10px 0 0  }
.wrap{margin:0; padding:0; }

a.menu:link,a.menu:visited{ font-size:15px;text-decoration:none;letter-spacing:-1px;font-weight:normal;color:#000000}
a.menu:hover{ color:#D82612}
a.menu:active{ color:#00CCFF}

a.login:link,a.login:visited{ color:#222222; font-size:11px; font-family:돋움; padding:0 5px 0 5px; letter-spacing:-1px; text-decoration:none;}
a.login:hover{ ;color:#f0f0f0}
a.login:active{ color:#00CCFF}

.time { font-size:11px; letter-spacing:0px;color:#777777}
a.wmenu1:link,a.wmenu1:visited{ font-size: 9pt; text-decoration:none;color:#FFFFFF}
a.wmenu1:hover{ color:#FFFFCC}
a.wmenu1:active{ color:#00CCFF}

.youttl { font-size: 10pt; text-decoration:none;letter-spacing:-1px;color:#FFFFFF;font-weight:bold;padding:10px;}


a.topnews:link,a.topnews:visited{ font-size:14px;text-decoration:none;letter-spacing:0px;font-weight:bold;color:#222222}
a.topnews:hover{ color:#FFFF51}
a.topnews:active{ color:#cc0000}

a.sub_sec_ttl:link,a.sub_sec_ttl:visited{ font-weight:500;font-size:38px;text-decoration:none;letter-spacing:0px; color:#222}
a.sub_sec_ttl:hover{ color:#222}
a.sub_sec_ttl:active{ color:#222}

a.title_jul:link,a.title_jul:visited{ font-size:14px; font-weight:400; text-decoration:none;color:#333 }
a.title_jul:hover{  color:#C40909}
a.title_jul:active{ color:#C40909}

#ttl { text-align:left;margin-bottom:10px  }
#ttl:after {clear: both;content:'';display: block;height:0;visibility: hidden;}
#ttl > a > span {display:block;margin-bottom:3px;font-weight:500;white-space: nowrap !important;white-space:normal;overflow: hidden;text-overflow:ellipsis }

a.han:link,a.han:visited{text-decoration:none;font-size:13px; color:#000000}
a.han:hover{ color:#C40909}
a.han:active{ color:#9A8F32}


a.relate:link,a.relate:visited{ font-size: 11pt; font-weight: bold;  text-decoration:none;letter-spacing:-1px; color:#000000}
a.relate:hover{ color:#C40909}
a.relate:active{ color:#9A8F32}


.menu_bg {  background-color: #F9F9F9; background-image: url("/homeimg/menu_bg2.gif"); background-repeat: repeat-x}

#mhead { width:100%;border: #d00808 2px solid; padding-left:15px;margin-bottom:20px; background-repeat: repeat-x}


a.maintitle:link,a.maintitle:visited {color:#000; font-size:18px; font-weight:500;letter-spacing:-0.5px; vertical-align:bottom;text-decoration:none;}
a.maintitle:hover {color:#d3231a; }
a.maintitle:active{ color:#0099FF;}


a.subtitle:link,a.subtitle:visited {color:#000; font-size:18px; font-weight:500;letter-spacing:-0.5px; vertical-align:bottom;text-decoration:none; }
a.subtitle:hover { color:#d3231a; }
a.subtitle:active{ color:#0099FF; }


a.rittl:link,a.rittl:visited{font:11pt;color:#000063;font-weight:bold;letter-spacing:-1px;text-decoration:none;}
a.rittl:hover{ color:#DE0000;text-decoration:none;}
a.rittl:active{ color:#0099FF;text-decoration:none;}


#title{margin-top:3px; }

.title2 {  font-size: 10pt; font-weight: bold; letter-spacing:-1px;color:#737373}

.read_title{ font-size: 18pt;letter-spacing:-3px; color:#000000;font-weight:700;text-decoration:none;}
#content{ font-size:16px;color:#000;line-height:1.8em }

.jung_list{text-decoration:none; font-weight: bold; font-size: 9pt; color:#1A11B3}
.i_border {border:1px #CCCCCC solid;}


.youtube {text-decoration:none; font-weight: bold; font-size: 11pt; color:#CCCCCC;letter-spacing:-1px;}

.copy {font-family:Dotum,tahoma; font-size:8pt; letter-spacing:0px;color:#666666;}
.ctime {font-family:tahoma; font-size:8pt; letter-spacing:0px;color:#222222;}

.selectstyle00
{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    COLOR: black;
    FONT-FAMILY: 굴림체;
    BACKGROUND-COLOR: #DEDCE8;
}
.selectstyle01
{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    COLOR: #FFFFFF;
    FONT-FAMILY: 굴림체;
    BACKGROUND-COLOR: #556783;
}
.gi_list { color:#222222;background-color:#ffffff;width:100%;font-size:9pt;line-height:26pt;padding:2 0 2 0; }
.jul {  font-size: 11pt; color:#111111; line-height: 18pt}
.list {  font-size: 9pt; line-height: 14pt}

.s_td {  font-size: 10pt; line-height: 15pt;letter-spacing:0px; font-size: 10pt; color:#333333;text-align: justify;}

a.summary:link,a.summary:visited{font-size:12px; line-height:0em!important;letter-spacing:-0.5px;padding:0; text-decoration:none; color:#666666;font-weight:300;text-align: justify;}
a.summary:hover{ color:#000000 }
a.summary:active{ color:#000099 }

a.summaryw:link,a.summaryw:visited{font-size:12px; line-height:1.5em;letter-spacing:-0.5px; text-decoration:none; color:#FFF;font-weight:300;text-align: justify;}
a.summaryw:hover{ color:#000000 }
a.summaryw:active{ color:#000099 }

a.ssummary:link,a.ssummary:visited{font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-size:13px;line-height:1.6em;text-decoration:none; color:#808080;text-align: justify;}
a.ssummary:hover{ color:#000000 }
a.ssummary:active{ color:#000099 }


a.msummary:link,a.msummary:visited{ font-size:13px; line-height:1.7em;text-decoration:none; color:#666666;letter-spacing:-0.5px;font-weight:300;text-align: justify;}
a.msummary:hover{ color:#000000 }
a.msummary:active{ color:#000099 }


.box { BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #777777 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #777777 1px solid; FONT-SIZE: 9pt }
.sbox { background-color: #FFFFFF; BORDER: #FFFFFF 0px solid; FONT-SIZE:12px;width:100px;height:28px;color:#222222;padding:3px 0 0 10px;margin:0px;font-weight:bold; }

.nbox2 { width:250px;padding:8px;height:95px;BORDER-BOTTOM: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; BORDER-RIGHT: #d6d6d6 1px solid; }
.mbox { background-color: #FFFFFF; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #777777 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #777777 1px solid; FONT-SIZE: 9pt; color:#222222 }
.input{FONT-SIZE: 9pt; COLOR: #000000; background-color:#FFFFFF;border:1 solid #787878; }
.button{ border:1 solid #000000;background-color:#f9f9f9;font-size:9pt;font-family:굴림;height:19px; }
.border {  border:1 #000000 dashed; border-color: #000000;; background-color: #FFCCCC}

.txtbox3 { font-size : 10pt; line-height:160%;}
.txtbox {BORDER:0; color:#000; background:url(/nimg/line.png) 0 2px;font-size:13px;letter-spacing:-1px;line-height:28px; width:99%; overflow:auto;}
.txtbox1 {BORDER:0F;color:#000; background-color:#FFFFFF; line-height:160%; width:99%; overflow:auto;}


.tr_ttl td {  font-size:13px; font-weight: bold; letter-spacing:-1px;color:#000 }


 /* 뉴스홈 : 포토 뉴스 */
.newsMainPhoto { padding:0; }
.newsMainPhoto h4, .newsMainPhoto p, .newsMainPhoto ul, .newsMainPhoto li { margin:0; padding:0; list-style:none; }
.newsMainPhoto .photoVisual { position:relative; width:100%; padding-top:185px; }
.newsMainPhoto .photoVisual .imageVisual { position:absolute; left:0; top:0; }
.newsMainPhoto .photoVisual a.image img { border:1px solid #777777 !important; }
.newsMainPhoto .photoVisual a.image:hover img { border:1px solid #ccc !important; }

.newsMainPhoto .photoVisual .dataNone { position:absolute; left:1px; bottom:1px; display:block; width:227px; height:30px; background:#000; -ms-filter:"alpha(opacity=50)"; opacity:0.5; filter:alpha(opacity=50);}
.newsMainPhoto h4 { position:relative; z-index:2; margin:-5px 0 0 0; padding:0 0 0 10px;}
.newsMainPhoto h4 a:link, .newsMainPhoto h4 a:visited, .newsMainPhoto h4 a:active,
.newsMainPhoto h4 a { font:bold 10pt/1.2  돋움,Dotum; color:#fff !important; letter-spacing:-1px; }
.newsMainPhoto h4 a:hover { color:#fff !important; }
.newsMainPhoto li img { vertical-align:top; }
.newsMainPhoto .mainPhotoList { position:relative; margin:10px 0 0 -2px;overflow:hidden;width:232px; }
.newsMainPhoto .mainPhotoList li { display:inline; }
.newsMainPhoto .mainPhotoList a { display:inline; float:left; margin-left:2px; }
.newsMainPhoto .mainPhotoList a img { border:1px solid #fff; }
.newsMainPhoto .mainPhotoList a:hover { background:#ccc; }
.newsMainPhoto .mainPhotoList a:hover img { border:1px solid #fff; }
.newsMainPhoto .mainPhotoList a.selected, .newsMainPhoto .mainPhotoList a.selected:hover {  border:1px solid #FF0033;  }
.newsMainPhoto .mainPhotoList a.selected img, .newsMainPhoto .mainPhotoList a.selected:hover img{border:1px solid #fff; }

.none { border:1px solid #CCCCCC; }

.slider_frame { background:#FFF;margin:0 auto 50px;padding:0}
.slider_frame h3 { font-weight:700; font-size: 25px;color: #000;margin:10px 0 10px; text-align: center }

#tabm{ margin:0 auto 10px;border-top:1px solid #CCCCCC;padding:14px 0 8px;width:1100px }
#tabm a { font-size:18px;font-weight:500; text-decoration:none;letter-spacing:-1px;color:#6c6c6c;padding:5px 7px 8px;border-bottom:4px solid #FFF }
#tabm .on { border-bottom:4px solid #ff0000;color:#ff0000;transition: all 0.2s;transition-timing-function:ease-out; }
#tabm a:hover { border-bottom:4px solid #ff0000;color:#ff0000;transition: all 0.2s;transition-timing-function:ease-out; }


<!-- higlide -->
.highslide {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #FFFFFF;
}
.highslide:hover img {
	border: 1px solid #FFFFFF;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: none;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 0px solid #333;
    border-bottom: 0px solid #333;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control, .control * {
	color: #666;
}
a.ca1:link, a.ca1:visited, a.ca1:active { text-decoration:none; color:#ffffff; }
a.ca1:hover { text-decoration:none; }

a.ca2:link, a.ca2:visited, a.ca2:active { text-decoration:none; color:#CDCDCD; }
a.ca2:hover { text-decoration:none; }

a.ca:link, a.ca:visited, a.ca:active { text-decoration:none; color:#ffffff; }
a.ca:hover { text-decoration:none; }

a.sub:link, a.sub:visited, a.sub:active { text-decoration:none; color:#009FAD; }
a.sub:hover { text-decoration:none; }
<!-- higlide -->


.tmenu { padding:5px 12px 2px 12px; font-size:12px; color:#FFFFFF; font-weight:bold; cursor:pointer;text-decoration:none;background-color:#510c3e; }
.tmenu_over { padding:5px 12px 2px 12px; font-size:12px; color:#410531; font-weight:bold; cursor:pointer;text-decoration:none;background-color:#d3cdd1; }

.news_list { width:235; height:302px; overflow:auto; scrollbar-3dlight-color:#222222;
  scrollbar-arrow-color:#aeaeae;
  scrollbar-track-color:#f6f6f6;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#d6d6d6;
  scrollbar-shadow-color:#d6d6d6;}


.tab_go		{ letter-spacing:-1px; font-weight:bold; color:#006efd; }
.tab_gf	{ letter-spacing:-1px; color:#767676; }
.login_ttl { width:400px;color: #3c3c3c;font-weight:400;font-size:30px;padding-bottom:10px;margin:0 auto 20px;border-bottom:2px solid #555555  }
.login_ttl1 { width:400px;color: #3c3c3c;font-weight: bold;font-size:30px;padding-bottom:10px;margin:0 auto 20px;border-bottom:2px solid #555555;position: relative; border: 1px solid #3c3c3c; border-width: 3px 0 1px;  }
.login_ttl1:before { display: block; position: absolute;top: 0;right: 0;left: 0;height: 9px; border: 1px solid #3c3c3c; border-width: 0 1px; content: ""; }
.input_login { display: block;width: 100%;height:32px;padding: 0 16px 0 10px;border: 1px solid #ebebeb;border-radius: 4px;font-size: 14px;color: #333;outline: 0;-webkit-appearance: none;box-sizing: border-box; }
.btn_login { width: 100%; height:70px; background: #3c3c3c; color: #fff; font-weight:500;font-size: 20px;line-height:70px;text-align: center;border:0;border-radius: 4px;cursor: pointer; }
.login_td { font-size:15px }

.hcTable { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-collapse: collapse; font-size:11px; font-family:돋움; width:190px; }
.hcTitle { padding-left:15px; padding-right:15px; }
.hcControlBar { font-size:13px; }
.hcTable th { background-color:#f0efec; padding:6px 0px 3px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #CCCCCC; }
.hcTable td { padding:4px 5px 4px 5px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align:center; background-color:#FFFFFF; color:#626262; }
.hcPrev,.hcNext { cursor:pointer; }
.hcTable select { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px;
			 color: #6C6C6C; font-family: ??,Dotum, AppleGothic, sans-serif; }
.hcTable .mouseOver { background-color:#D9ECFF; cursor:arrow; }
.hcTable .hcSun { color:#FF0000; }
.hcTable .hcSat { color:#0080C0; }
.hcTable .selectDay { background-color:#FFC8E4; }
.hcPrev { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; }
.hcNext { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; }
.hcToday { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; }
.hcToday { margin-right:25px; }
.hcTable .noSelect { background-color:#EAEAEA; }
#sDateCal , #eDateCal { margin-bottom:-2px; }

.photos {  }
.photos > li { float:left;width:22.75%;height:235px;margin:0 3% 3% 0;border:1px solid #CCC;box-shadow:6px 7px 0 rgba(0, 0, 0, .1);box-sizing:border-box;transition:.3s all;-webkit-transition:.3s all }
.photos > li:nth-child(4n+4) { margin-right:0 }
.photos > li > a > span { width:100%;height:170px }
.photos > li > a > span > img { width:100%;height:100% }
.photos > li > a > p { padding:0 15px;margin:10px 0;box-sizing:border-box;line-height:1.3em;text-overflow: ellipsis;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word }
.photos > li:hover{transform:translate(0,-15px);-webkit-transform:translate(0,-15px);transition:.3s all;-webkit-transition:.3s all; }
.photos > li:nth-last-child(-n+4) { margin-bottom:0 }

.modify_article { text-align:right;margin-bottom:20px }
.modify_article a { background:#cc0000;color:#FFF;padding:6px 20px;font-size:13px;font-weight:500;border-radius:10px }

a.pname:link,a.pname:visited{text-decoration:none; color:#0863de;font-weight:bold;font-size:16px }
a.pname:hover{color:#000099}
a.pname:active{color:#000099}

#psangse {margin:0; padding:0;}
#psangse li { list-style:none;margin-top:4px;color:#666666; }



.garo_dot { border-bottom:1px dotted #CCCCCC; margin:20px 0 }


#main_pdf {margin:10px 0; padding:0;overflow:hidden;}
#main_pdf li { list-style:none;margin-top:4px;color:#666666;padding-left:10px;background-image:url("/homeimg/pdfdot.gif"); background-repeat: no-repeat }
#pdfttl {text-decoration:none; color:#ff4800;font-weight:bold;font-size:14px;text-align:center;}
#pdfday {text-decoration:none; color:#444444;font-size:11px;text-align:center;}

#search_txt {margin-bottom:4px;width:263px;text-align:center;}
#search_txt a {color:#666666;margin-left:10px;}

.ma5{margin-top:5px;}
.ma10{margin-top:10px;}
.ma20{margin-top:20px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}



#play_btn {position:absolute;top:50;left:100;width:54px;height:54px;background-image:url(/img/btn_play.png); -ms-filter:"alpha(opacity=50)"; opacity:0.5; filter:alpha(opacity=50);cursor:point;z-index:20;};

#movie_top { background-color:#000000;padding:10px;border:1px solid #000000 }
#movie_list {margin-top:10px;width:100%;clear:both}
#movie_list li { list-style-type:none;float:left;width:50%;padding-left:20px;margin-bottom:10px; }

.main_head {
    padding: 0 0 10px 0;
}


.main_head span {
    float: left;
    margin-right: 10px;
}

.r_hotissue .tmp_photo{clear:both}
.r_hotissue .tmp_photo ul{*overflow:hidden;*zoom:1;width:700px}
.r_hotissue .tmp_photo ul:after{display:block;clear:both;content:''}
.r_hotissue .tmp_photo li{display:inline-block;*display:inline;*zoom:1;vertical-align:top}
.r_hotissue .tmp_photo li .thumb{margin-bottom:13px}
.r_hotissue .tmp_photo li .thumb a{display:block}
.r_hotissue .tmp_photo li .t{clear:both;display:block;letter-spacing:-1px;color:#333}
.r_hotissue .tmp_photo li .s{clear:both;display:block;padding-top:8px;color:#aaa}
.r_hotissue .splt2 li{width:322px;margin-right:20px;*margin-right:24px}
.r_hotissue .splt2 li .t{font-size:16px;line-height:23px}
.r_hotissue .splt2 li .cmt{margin-top:3px}
.r_hotissue .splt3 ul{margin-bottom:-20px}
.r_hotissue .splt3 li{width:208px;margin:0 18px 13px 0;*margin-right:22px}
.r_hotissue .splt3 li .t{font-size:14px;line-height:20px}
.r_hotissue .splt4 ul{margin-bottom:-14px}
.r_hotissue .splt4 li{width:149px;margin:0 20px 12px 0;*margin-right:24px}
.r_hotissue .splt4 li .t{overflow:hidden;padding:0 1px;line-height:16px}
.r_hotissue .splt2+.small{padding-top:7px}
.r_hotissue .tmp_photo+.tmp_photo{margin-top:18px}




.rttl { padding-bottom:7px;box-sizing:border-box;border-bottom:1px solid #CCC; margin-bottom:10px;position:relative }
.rttl a { font-size:20px;font-weight:500 }
.rttl span {position:absolute;bottom:4px;right:0;width:17px;height:17px;background:url('/img/section_more.png')no-repeat;}
.rttl:after { content:'';display:block;width:120px;background:#338eff;height:4px;position:absolute;bottom:-3px;left:-2px }

a.sec_ttl:link,a.sec_ttl:visited{font-size:18px;line-height:18px;color:#000000;letter-spacing:-1px;font-weight:500 }
a.sec_ttl:hover{color:#000000;}
a.sec_ttl:active{color:#000000;}


#top_jul {padding:10px 0 ;border-top:1px dashed #e5e5e5;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;word-wrap: normal !important; }


.main_frame { width:1100px;margin:10px auto }
.main_frame:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#dan0 { width:780px;float:left  }
#dan0:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#dan1{ width:540px;float:left;}
#dan1:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#dan2 { width:250px;margin-left:30px;float:right }
#dan3{ width:300px;float:right  }
#sidebar{ width:280px;float:right  }
#dan4 { width:300px;float:right }
.nbox,.dan3_box {}


#gisadan{width:1120px;margin-top:20px;}
#gisadan:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


.article_title { padding:10px 0}
.article_title li { padding:15px 0;border-bottom:1px solid #e1e1e1}

.gisa12dan { list-style: none; width:440px;float:left }
.gisa12dan:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


.gisa1dan { list-style: none; width:740px }
.gisa1dan:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
.gisa1dan:before { content:'';display: block;width:1px;background:#ECECEC;height:100%;position:absolute;left:780px;top:0 }
.gisa2dan { list-style:none;float:right;width:280px }
.gisa3dan { list-style:none;margin-left:20px;float:left;width:270px;height:auto;}



.gisa1dan > li { width:100%;padding: 15px 0;border-bottom: 1px solid #f4f4f4 }
.gisa1dan > li:nth-child(-n+1)  {padding-top:0 }
.gisa1dan > li > a { text-decoration:none }
.gisa1dan > li > a > div { color: #000;font-size:20px;box-sizing:border-box;font-weight:500; padding:5px 0;text-decoration: none; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;word-wrap: normal !important; }
.gisa1dan > li:hover > a > div { color:var(--color); }
.gisa1dan > li > a > span { float:left;width:180px;height:120px;margin-right:20px  }
.gisa1dan > li > a > span > img { width:100% }
.gisa1dan > li > a > p { font-size:12px;line-height:1.5em;letter-spacing:0;text-decoration: none;color: #888;text-align: justify;padding:0;margin:0;text-overflow: ellipsis;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient: vertical;word-wrap: break-word }
.gisa1dan > li:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
.gisa1dan > li > a > dd { display:block;font-size:12px;color:#0066cc!important;margin-top:5px}
.gisa1dan > li > a > dd > span { color:#838383 }
.gisa1dan > li:nth-last-child(-n+2)  {border-bottom:0;padding-bottom:0 }



.silsigan { width:1100px;overflow:hidden;background:#1197e5;border:2px solid #1197e5;margin:0 auto 30px;padding:0;height:50px  }
.silsigan > h3 { float:left;width:180px;font-size:18px;line-height:48px;font-weight:700;color:#FFF;text-align:center;box-sizing:border-box }
.news-container { overflow:hidden;float:left;width:calc(100% - 180px);background:#FFFFFF;padding:0 20px;height:52px;box-sizing:border-box; }
.news-container > ul > li > a { font-size:18px;text-decoration:none;font-weight:400;display:block;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;word-wrap: normal !important; }

#top_view li {padding:4px;border-bottom:1px solid #F4F4F4 }
#top_view li:last-child { border-bottom:4px solid #FFFFFF }
.tborder { background-color:#FFFFFF; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;padding:8px }

#intro_ttl { font-size:22px;font-weight:bold;border-bottom:2px solid #ECECEC;padding:12px 0 6px 0;}


#topnews_ttl {font-size:17px;font-weight:bold;padding-top:10px;margin-bottom:5px;color:#000;background:url('/img/green_dot.gif')no-repeat;}
#topnews_ttl span { color:#d32121 }
#top_view { margin:0}
#top_view li { border-bottom:1px solid #F8F8F8;padding:7px 0}

#top_view li .toplist { float:left;width:25px;font-size:16px;color:#222222;padding-right:8px;text-align:right;letter-spacing:-1px}
#top_view li .tophot{ float:left;width:25px;font-size:16px;color:#cc0000;padding-right:8px;text-align:right;letter-spacing:-1px}
#top_view li img { float:right;width:90px;margin-left:10px}
#sidediv {width:170px;float:left}
#widthdiv {height:40px}
#top_view li:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


#live_scroll { margin-top:5px;overflow:hidden;box-sizing:border-box }
#live_scroll ul li { padding:3px auto }

a.silsigan:link,a.s1title:visited{text-decoration:none;font-size:14px; color:#000}
a.silsigan:hover{color:#B53C39}
a.silsigan:active{color:#0000CC}

#photo_wrap { clear:both;height:380px; margin:10px auto 25px;box-sizing:border-box }
._photo_frame { width:1100px;background:url(/img/pbg.png) #2a2a2d;padding:10px 20px 20px;position: relative;margin:0 auto;border-radius:20px}
._photo_frame:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
._photo_left { width:810px;float:left;overflow:hidden }
._photo_right { width:250px;float:right }

.big_photo li { float:left;position:relative;width:390px;margin-right:2px; height:295px; display: inline-block; }
.big_photo li div { position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;background:#222;padding:10px 5px;height:183px }
.big_photo li img { width:100% }
.big_photo li a { color:#FFF;display:block;box-sizing:border-box; }
.big_photo li p { width:390px; position: absolute; bottom: 20px; left: 20px;padding:0;margin:0; color: #fff; font-size: 20px;line-height:1.3em}


.photoman { width:375px; position: absolute; top:60px; left:435px }
.photoman li { width:185px; height:145px;float:left;position:relative;margin:0 5px 5px 0 }
.photoman li:nth-child(2),.photoman li:nth-child(4) { margin-right:0 }
.photoman li img{ width:100% }
.photoman li div { position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px 5px }
.photoman li a { color:#FFF;display:block;box-sizing:border-box; }
.photoman li p { width:180px; position: absolute; bottom:10px; left:10px; color: #fff; font-size:14px;}

#photo_ttl { color: #fff;    font-weight: 700; font-size: 18px; padding: 10px 0 5px; }

.mtop_view {}
.mtop_view li { padding:3.5px 0;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;word-wrap: normal !important; }
.mtop_view li a { color:rgba(255,255,255,0.80);font-size:13px; }
.mtop_view li img { vertical-align:bottom; margin-right:5px;}


.main_youtube { padding:40px 0 40px;margin:30px auto 20px;position:relative }

.main_youtube h3 a { font-size: 25px;line-height: 27px;color: #FFFFFF;font-weight: 700;text-align: center;display:block }
.main_youtube h3 a span { color:#cc0000 }
.youtube_main_wrap { width:1100px;margin:15px auto 0; }
.youtube_main_wrap:after {clear: both;content:'';display: block;height:0;visibility: hidden;}
.youtube_left { width:700px;float:left;margin-left:30px }

.youtube_list { float:right;width:340px; overflow:hidden;margin:0 0 0 0;box-sizing:border-box }
.youtube_list li { border-bottom:1px dotted #777777;padding:7px;text-align:left  }
.youtube_list li:after {clear: both;content:'';display: block;height:0;visibility: hidden;}
.youtube_list li:last-child { border-bottom:0 }
.youtube_list li img { vertical-align:middle;margin-right:5px; float:left }
.youtube_list li a { color:#FFFFFF;text-decoration:none;font-size:15px;display:block }
.youtube_list li a span { padding:7px 0 0 15px;line-height:1.5em;display:block;text-overflow: ellipsis;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word }
.youtube_list li a:hover { color:#ffff00;text-decoration:none }

.youtube_list_big { float:right;width:250px;height:450px;overflow:hidden;margin:0;box-sizing:border-box }
.youtube_list_big li {  padding:7px 20px;text-align:center }
.youtube_list_big li:after {clear: both;content:'';display: block;height:0;visibility: hidden;}
.youtube_list_big li:last-child { border-bottom:0 }
.youtube_list_big li img { width:80%;margin:0 auto }
.youtube_list_big li a { color:#FFFFFF;text-decoration:none;font-size:14px }
.youtube_list_big li a span { padding:5px 0;text-align:center;display:block }
.youtube_list_big li a:hover { color:#ffff00;text-decoration:none }


#tabs{ overflow: hidden;width: 100%;list-style: none}
#tabs li{ float: left;width: 25%;margin:0 }

#tabs a{ 
  position: relative;
  width:100%; 
  height:40px;
  background: #f4f4f4;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:1em;
  line-height:40px;
  color: #444;
  border-bottom:1px solid #224193;
  box-sizing: border-box;
	
}

#tabs a::after{  z-index: 1; background: #fff; border-bottom:0;	}


#tabs #current a,#tabs #current a::after{ 
  background:#fff; /* 07.탭메뉴 색상 설정 */
  z-index: 3;
  border-bottom:0;	
  border-left:1px solid #224193;
  border-right: 1px solid #224193;
  border-top: 1px solid #224193;	
  box-sizing: border-box;
  font-weight:500;
  color:#224193;
}




.pagination { text-align:center;margin:30px auto 40px;border-radius: 4px; }
.pagination>li { display: inline-block }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover { z-index: 3;color:var(--default-color);background:var(--default-bgcolor);border-color: var(--default-bordercolor) }
.pagination-lg>li>a  {padding: 10px 16px;font-size: 15px;line-height: 1.3333333; font-weight:400 }
.pagination>li>a  { position: relative;float: left;padding: 6px 12px;margin-left:-1px;line-height: 1.42857143;color: #6d6d6d;text-decoration: none;background:#FFF; border: 1px solid #ddd; }
.pagination>li:first-child>a  { border-radius: 6px 0 0 6px }
.pagination>li:last-child>a  { border-radius:0 6px 6px 0 }


.article_footer { margin:20px 0;borer-top:1px solid #a5a5a5;text-align:right;padding:8px 10px }


.article_title_wrap { width:1100px;padding:0;margin:0 auto 30px;padding-bottom:30px;position:relative;border-bottom:1px solid #CCC  }
.article_title_wrap span { font-size:14px;line-height:20px;padding:5px 20px;border-radius:30px;background: var(--default-bgcolor);color:#FFF  }
.article_title_wrap  h1 { font-size:30px;line-height:50px;letter-spacing:-1px;font-weight:700;margin-top:3px }
.article_title_wrap  h2 { font-size:18px;font-weight:500;color:#222222;line-height:1.4em;border-left:4px solid #CCC;padding-left:20px;margin:10px 0 20px}
.article_title_wrap:after {clear: both;content:'';display: block;height:0;visibility: hidden }

.byline { margin-top:10px;width:60%; }
.byline li { float:left;width:230px;font-size:12px;font-weight:normal;color:#444;letter-spacing:0}

.social {width:40%;float:right;margin-top:-10px }
.social li {float:right;margin-left:5px;width:30px}
.social li img {width:100%; }
.social li a {color:#FFF }



.article_insert_table {border:1px solid #CCC;border-top:2px solid #333}
.article_insert_table th { text-align:center;width:12%;padding:6px 0;font-size:14px;vertical-align:middle;background:#d5e1f7;border-bottom:1px solid #CCC }
.article_insert_table td { padding:6px 0 6px 6px;font-size:14px;background:#FFF;border-bottom:1px solid #CCC }

#edu td {padding:4px !important;font-size:13px }



#sidebar{
    will-change: min-height;
}

.cont_right{
    will-change: min-height;
}
.sidebar_inner{
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}


#textbox-url { position:absolute;top:-300px }

.tag_list {padding:10px 20px;border:2px solid #ECECEC;border-top:3px solid #CCC;margin:7px 0 20px 0 }
.tag_list li { padding:10px;border-bottom:1px dotted #CCC }
.tag_list li:after {clear: both;content:'';display: block;height:0;visibility: hidden;}
.tag_list li a { font-size:16px;font-weight:500;color:#000;text-decoration:none }
.tag_list li a:hover { color:#cc0000}
.tag_list li:last-child { border-bottom:0}

.serial_ttl { text-align:center;font-size:28px;border-bottom:1px solid #CCC;padding-bottom:5px;margin-bottom:20px;font-weight:500;color:#1197e5 }

.float-left { margin-right:20px }
.float-right { margin-left:20px }

.imgcontent { font-weight:bold;color:#0534af;font-size:13px }