@import url("/usr/css/20160804_594374110037747.css");
@import url("/usr/css/20160804_594362664308025.css");


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;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');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;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');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;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');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;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');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;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');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;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');}

body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: 'Noto Sans KR', sans-serif;
}


body {
	font-family: 'Noto Sans KR', sans-serif !important;
}


/*---Contents---*/
#container {margin:0 auto; padding:30px 0 0 0 !important; width:100%; height:100%;}

#head-area{position:relative; z-index:1500;  background:url('/images/_new/icon/new_total_bg.gif') repeat-x 0 0 #fff}
#content-area{position:relative; width:947px; margin:60px auto 0; overflow:hidden; z-index:500;}
.col1 { float:left; padding:13px 0 0 0; height:1%; border-bottom:4px solid #dadada; position:relative; width:947px;}
.mainvis { float:left; margin:0 25px 0 0;  height:407px; width:713px; }
.mainvis .visimg li { display:none;}
.mainvis .viscontrol { position:absolute; top:60px; left:690px;}
.mainvis .viscontrol li {padding:20px 0;}
.col1 span#nextBtn { position:absolute; top:77px; left:690px;}
.col1 span#prevBtn { position:absolute; top:217px; left:690px;}
.mainsch select { margin:0 0 5px 0; border:3px solid #c7c7c7; width:203px; height:31px;}

.mainsch {  float:left; margin:0; padding:0; width:203px;position: relative; z-index: 20000;}
.totalselectlayer {border:3px solid #c7c7c7; width:197px;cursor: pointer; display: block; position: relative; text-align: left; margin:0; padding:0;}
.totalselectlayer span.default { background: url(/resource/images/mainimg/sel_arr.gif) no-repeat 183px 50%; display: block;height: 25px;line-height: 27px; padding: 0 0 0 5px;}
.totalselectlayer ul { float:left; background-color: #FFFFFF; border: 1px solid #ccc; display: none;left: -3px; padding: 5px 5px; position: absolute; top: 28px; width: 191px;}
.totalselectlayer ul li { float:left; display:block;width:100%; padding:2px 0;}
.totalselectlayer ul li:hover { color:#000; text-decoration:none;}

.mainsch fieldset { padding:5px 0 0 0; margin:0; }
.mainsch input { float:left;}
.schinput { border:3px solid #c7c7c7; width:166px; height:28px; left:0;}
.mainqmenu { float:left; padding:8px 0 0 0;}
.mainqmenu li { padding:0 0 7px 0;}

.totalselectrightlayer {border:3px solid #c7c7c7; width:154px;cursor: pointer; display: block; position: relative; text-align: left; margin:0 0 0 10px; padding:0;}
.totalselectrightlayer span.default { background: url(/resource/images/mainimg/sel_arr.gif) no-repeat 140px 50%; display: block;height: 25px;line-height: 27px; padding: 0 0 0 5px;}
.totalselectrightlayer ul { float:left; background-color: #FFFFFF; border: 1px solid #ccc; display: none;left: -3px; padding: 5px 5px; position: absolute; top: 28px; width: 191px;}
.totalselectrightlayer ul li { float:left; display:block;width:100%; padding:2px 0;}
.totalselectrightlayer ul li:hover { color:#000; text-decoration:none;}

.rightsch fieldset { padding:5px 0 0 10px; margin:0; }
.rightsch input { float:left;}
.rightschinput { border:3px solid #c7c7c7; width:118px; height:23px; left:0; padding:5px 0 0 5px;}
.rightqmenu { float:left; padding:8px 0 0 0;}
.rightqmenu li { padding:0 0 7px 0;}

.col2 { float:left;  margin:18px 0 0 0;}
.col2 div { float:left; border-right:1px solid #d8dad8; padding:0 30px;}
.col2 div.dnews { width:180px;padding-left:18px;}
.col2 div.dissue { width:182px;}
.col2 div.dtrend { width:182px;}
.col2 div.dwebzine { width:180px;padding-right:20px;}
.col2 div h2 { text-align:center;}
.col2 div h2 img { margin:23px 0;}
.col2 div dd { line-height:170%;}
.col2 div .dnewstit { padding:14px 0 6px 0; color:#000; font-size:1.25em; letter-spacing:-1px; font-weight:bold;}

.col3 { float:left; width:945px;  margin:30px 0 0 0; background:#fbfbfb; border:1px solid #d4d4d4; }
.col3 .mainnotice { float:left; padding:8px 13px 6px 30px;}

.col3 .mainnotice div.noticetitle {float:left; width:44px; height:15px;}
.col3 .mainnotice div.noticetitle h2 { color:#e61616; font-size:1em; line-height:14px; font-weight:normal;}
.col3 .mainnotice div.noticelist { float:left; width:830px;}
.col3 .mainnotice div li { float:left; display:block; background:url(/resource/images/mainimg/bul_dot.gif) left 4px no-repeat; padding:0 12px 0 8px; width:186px;}
.col3 .mainnotice div li a:link, .col3 .mainnotice div li a:visited, .col3 .mainnotice div li a:active { color:#000;}
.col3 .mainnotice div li a:hover { color:#f04f00;}

.col4 { float:left; margin:45px 0 0 0; padding:0 0 15px 18px;}
.col41 { float:left; background:url(/resource/images/mainimg/bar_hordot.gif) right bottom no-repeat; height:155px; padding:0 30px 0 0;position:relative;}
.col41 ul { border-bottom:1px solid #cccccc; width:304px; height:24px;}
.col41 li { float:left; background:url(/resource/images/mainimg/bar_tab.gif) right 50% no-repeat; padding:0 10px 0 6px;}
.col41 .ntlist { position:absolute; left:0; top:28px; display:none; }
.col41 .ntlist ul { border:none;}
.col41 .ntlist li{ float:none; background:url(/resource/images/mainimg/bul_arr.gif) left 28px no-repeat; padding:20px 0 0 10px; line-height:160%;color:#000; }
.col41 .ntlist li a:link, .col41 .ntlist li a:visited, .col41 .ntlist li a:active { color:#333;}
.col41 .ntlist li a:hover { color:#f04f00;}
.col41 .ntlist li span.ntsep { padding:0 10px 0 0; font-weight:bold; letter-spacing:-1px;}
.col41 .ntlist li span.ntdate { color:#666; font-size:0.9em;  padding:0 0 0 10px;}
.more_tab {position: absolute;right: 0px;top: -25px;}

.col42 { float:left; position:relative; padding:0 28px 0 18px;}
.col42 .firstdiv { width:325px;}
.col42 h2{ padding:0 0 8px 0; border-bottom: 1px solid #CCCCCC; }
.col42 h2 img { vertical-align:top;}
.col42 ul { position:absolute; top:0; right:28px;}
.col42 li { float:right; background:url(/resource/images/mainimg/bar_tab.gif) right 50% no-repeat; padding:0 8px; }
.col42 li.lastrc { background:none; padding:0 0 0 8px;}
.col42 li a.rccurrent { font-weight:bold; letter-spacing:-1px;}
.col42 .rclist { display:none;}
.col42 .rclist ul {width:325px; top:40px; right:0;border:none;}
.col42 .rclist li { width:100%; float:none;  background:url(/resource/images/mainimg/bar_ver.gif) left bottom repeat-x;  text-align:right; padding:10px 0;}
.col42 .rclist li span.rctitle { float:left; }
.col42 .rclist li span.rcsep {  float:left; padding:0 6px 0 10px; margin:0 6px 0 0; background:url(/resource/images/mainimg/bar_hor.gif) right 50% no-repeat; color:#000; font-weight:bold;}
.col42 .rclist li span.rcdate { color:#999; font-size:0.9em; }
.col43 { margin: -8px 0 0 0; float:left;background:url(/resource/images/mainimg/bar_hordot.gif) left bottom no-repeat; padding:0 0 0 23px;}
.col43 h2 { text-align:center;}
.col43 h2 img {margin:8px 0 16px 0;}

/*--- eBook ---*/
body.EBbody {overflow-x:hidden;}
#ebook-hwrap { background:url(/resource/images/mainimg/bg_head.gif) left top repeat-x;}
#ebook-hwrap .gblmenu { width:1024px; margin:0 auto 0; padding:10px 0 0 0; text-align:right;}
#ebook-hwrap .gblmenu ul li { display:inline; color:#e44237; font-size:11px; padding:0 10px; border-right:1px solid #e44237;}
#ebook-hwrap .gblmenu ul li.lastli { border:none;}
#ebook-hwrap .gblmenu ul li a { color:#e44237;}
#ebook-hwrap .ebook-title { width:1024px; margin:0 auto 0; padding:44px 0 0 0;}
#ebook-hwrap .ebook-title .ebook-tleft { float:left;}
#ebook-hwrap .ebook-title .ebook-tleft p { padding:12px 0 0 0;}
#ebook-hwrap .ebook-title .ebook-tright { float:right; padding:48px 0 0 0; text-align:right; width:265px;}
	.ebook-tright input.schbox { border:1px solid #d2d2d2; height:18px;}
#ebook-wrap { width:1024px; margin:0 auto 0;}
#ebook-foot { clear: both;}

#EBselect { width:83px; margin:0 5px 0 0;}
#EBselect p { padding:0!important;}
#EBselect.selectlayer { float:left; padding:1px 0 0 0; position:relative;cursor:pointer; text-align:left;}
#EBselect.selectlayer a.default { display:block;  padding:0 0 0 5px; width:78px; height:18px; background:url(/resource/images/mainimg/ebook_selbg.gif) left top no-repeat; font-size:0.9em; line-height:20px; color:#010101!important;}
#EBselect.selectlayer ul { position:absolute; left:0; top:19px; display:none; width:81px; background-color:#fff; border:1px solid #d2d2d2; }
#EBselect.selectlayer ul li { display:block; line-height:150%;font-size:0.9em;}
#EBselect.selectlayer ul li a { display:block; height:18px; padding:0 0 0 5px; color:#010101; text-decoration:none; }


/*--- Gallery_List ---*/
div.gallery_type {float:left;padding:36px 0 20px 0; margin:0 40px;text-align:left;border-bottom:4px solid #dadada; }
div.gallery_type dl {float:left;padding-bottom:12px;display:inline; border-right:1px solid #d8dad9;}	
div.gallery_type dl.lastdl { border:none;}
div.gallery_type dl dt {width:229px;height:177px;overflow:hidden;}
div.gallery_type dl dt img {margin:15px 25px 20px 25px;}
div.gallery_type dl dd {margin:0 0 0 30px; font-size:15px; font-weight:bold; letter-spacing:-1px; color:#333;}
div.gallery_type dl dd span {padding-left:15px;}
div.gallery_type .date {font-size:90%;color:#878787;padding-left:2px;}
div.gallery_type .mar_none {margin-left:0;}
div.gallery_type dl dd a {color:#444;}
div.gallery_type dl dd a:hover {color:#f04f00;text-decoration:none;}
div.gallery_type .link a {color:#444;}	
div.gallery_type .link a:hover {color:#f04f00;text-decoration:none;}	

/*--- paging ---*/
div.paging {padding:26px 0 0 0;clear:both;text-align:center;font-size:90%;}	
div.paging a.pre{margin:0;padding:0 3px 0 0;}
div.paging a.pre_end{margin:0;padding:0;}
div.paging a.next{margin:0; padding:0 0 0 3px;}
div.paging a.next_end {margin:0;padding:0;}	
div.paging a {margin:0 6px;color:#878787; vertical-align:middle}
div.paging img {margin-bottom:1px;}	
div.paging .active {font-weight:bold;color:#333333;text-decoration:none;}
div.paging a:hover {color:#000;text-decoration:none;}

/* color */
.fc_emphasis {color:#F15C35 !important;}
.fc_gray {color:#ADADAD !important;}
.fc_bule {color:#7A98A5 !important;}
.fc_buleB {color:#617188 !important;}
.fc_buleC {color:#928DAB !important;}
.fc_black {color:#515151 !important;}
.fc_blackB {color:#5A5A5A !important;}
.fc_blackC {color:#6F6F6F !important;}
.fc_normal {color:#8F8F8F !important;}
.fc_red {color:#DB4F44 !important;}

/* 사용자가 등록한 팝업 */
.popup_layer{border:2px solid #ec002a; background:#FFFFFF; padding:9px 9px 0 9px; display:inline-block}
.popup_layer h1{float:left; height:20px;}
.popup_layer .close{float:right; height:20px;}
.popup_layer .pop{clear:both; border:1px solid #fff;}

.today_close{text-align:right; font:normal 11px "돋움"; letter-spacing:-1px; color:#000000; padding:4px 10px 0 0; height:22px;}
.today_close a{color:#000000;}
.today_close input{vertical-align:middle}