@charset "UTF-8";

/* 긴 글자열 ...처리 크로스 브라우징 */
.EllipsText{
	overflow : hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding:url(../ellipsis.xml#ellipsis);
}

/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time
{margin:0; padding:0; -webkit-text-size-adjust:none;}
section, article, aside, nav, footer, header, hgroup, figure, video, audio, source, canvas, embed {display:block;}

/* Common */
html {height:100%;}
body {width:100%; height:100%; font-family:Tahoma, Sans-serif !important; color:#666; font-size:12px;}

a, a:link {color:#666; text-decoration:none;}
/*a:visited {color:#99209b;}*/
a:visited {color:#666;}
a:active, a:focus, a:hover {color:#015fbb; text-decoration:none; outline:none; selector-dummy:expression(this.hideFocus=true);}

h1, h2, H3, h4, h5, h6, address, th {font-style:normal; font-weight:normal; font-size:13px; text-align:left;}
li, dt, dd {list-style:none;}
img, fieldset {border:0;}
caption, legend {display:none;}
table {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}

/*** Setup ***/
br.clear {clear:both;}
.none {display:none;}
.hidden {visibility:hidden;}
.left {float:left;}
.right {float:right;}
.inBlock {display:inline-block;}

/* IE6 PNG ���� ó�� */
img.png24 {tmp:expression(setPng24(this));} /* [IE6] PNG-24 ���� �̹���  */

/* Skip Navi */
.skip_link {width:100%; position:relative; top:-1px; left:0; z-index:100;}
.skip_link li {width:100%; position:absolute; top:-1px; left:0;}
.skip_link a, .skip_link a:link {margin:0 0 -1px 0; width:100%; height:1px; font-size:0.9em; display:block; overflow:hidden;}
.skip_link a:active,
.skip_link a:focus,
.skip_link a:hover {padding:5px 0; width:100%; height:20px; font-weight:bold; color:#333; text-align:center; background:#fff; float:left; clear:left;}


#wrapper {margin:0 auto; width:960px;}
#header {width:100%; height:100px;}
#header .logo {width:307px; height:42px; position:relative; top:25px; left:0; float:left;}
#header .siteMenu {margin:4px 0; width:160px; height:15px; font-size:11px; color:#333; line-height:15px; text-align:right; float:right;}
#header .siteMenu .bar {padding:0 6px 0 3px; font-size:9px; color:#afafaf;}
#container {width:100%; padding-bottom:70px; background:url("../../images/common/block_gray_01.gif") 240px top repeat-y; overflow:hidden;}
#container_main {width:100%; overflow:hidden;}

/* GNB */
.gnb {margin-top:13px; width:608px; height:57px; line-height:45px; text-align:left; float:right; clear:right;}
.gnb li {width:152px; float:left; position:relative; z-index:100;}
.gnb li a {padding-left:13px; width:140px; height:57px; font-size:18px; color:#000; text-decoration:none; display:block; font-family:Georgia, Sans-serif !important;}
.gnb .on, .gnb li a:active, /*.gnb li a:focus,*/ .gnb li a:hover {color:#458acd; background:url("../../images/common/bg_gnb_01.gif") no-repeat;}
.gnb .blue{color:#458acd;}

/* GNB 2�� �޴� �ڽ� ���� */
.gnb ul {height:32px; line-height:32px; position:absolute; left:0; bottom:0px; }
.gnb li ul { width:150px; height:109px; position:absolute; left:0px; top:57px; z-index:10;}
.gnb li ul li {line-height:22px; text-align:left; z-index:10;}
.gnb li ul a {height:22px; font-size:13px; color:#333; background:url("../../images/common/bg_gnb_02.gif") left top repeat-y; display:block; font-family:Tahoma, Sans-serif !important; }
/*.gnb li ul a.first {padding-top:17px; height:22px;}*/
.gnb li ul a.last, .gnb li ul a.last:active, .gnb li ul a.last:focus, .gnb li ul a.last:hover {height:41px; background:url("../../images/common/bg_gnb_03.gif") left top no-repeat;}
.gnb li ul a.on, .gnb li ul a:active, .gnb li ul a:focus, .gnb li ul a:hover {color:#015fbb; background:url("../../images/common/bg_gnb_02.gif") left top repeat-y;}

.visual {height:120px; padding-bottom:20px; background:url(../../images/common/bg_visual_01.jpg) left top no-repeat;}
.sub01 {background-position:0 0;}
.sub02 {background-position:0 -150px;}
.sub03 {background-position:0 -300px;}
.sub04 {background-position:0 -450px;}
.visual p {text-indent:-9999px;}

#aside {width:240px; float:left;}
#aside dl {padding-left:10px;}
#aside dt {font-size:18px; line-height:30px; height:40px; color:#333; font-family:Georgia, Sans-serif !important;}
#aside li {line-height:21px;}
#aside li a{height:21px;}
#aside li a:hover, #aside li a:focus, #aside li a:active {text-decoration:none;}
#aside li .sub{padding-left:6px; margin-bottom:5px; font-size:11px;}
#aside .sub li a{padding-left:8px; background:url("../../images/common/blet_depth_off.gif") 0px 5px no-repeat;}
#aside .sub li a.on, #aside .sub li a:active, #aside .sub li a:focus, #aside .sub li a:hover {background:url("../../images/common/blet_depth_on.gif") 0px 5px no-repeat;}
#aside li a.on, #aside li a:active, #aside li a:focus, #aside li a:hover {color:#015fbb; font-weight:bold;}
#aside li a.bul_r {background:url("../../images/common/block_gray_01.gif") left top no-repeat;}

#content {width:690px; float:right;}
#content .pageName {width:100%; height:39px; border-bottom:1px solid #ccc;}
#content .pageName h1 {padding-left:20px; width:330px; height:100%; font-size:22px; line-height:30px;; color:#333; background:url("../../images/common/blet_pageName_01.gif") left 9px no-repeat; float:left;}
#content .pageName .location {margin-top:13px; padding-right:10px; width:320px; font-size:12px; color:#666; text-align:right; float:right;}
#content .pageName .location img {position:relative; top:3px;}
#content .print {padding:10px 10px 0px; text-align:right;}
#content .contBox {padding-right:10px; width:680px; position:relative;}
#content .txtBox p, #content .txtBox ul {/*padding-bottom:10px;*/}
#content h2 {margin:15px 0 10px; font-size:17px; color:#504a4a; line-height:22px; font-family:Georgia, Sans-serif !important;}
#content p {margin:13px 0; line-height:20px;text-align:justify}

table.history {border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
table.history td {padding:10px 0 15px; min-height:30px; line-height:20px; vertical-align:top; background:url("../../images/common/bg_history_01.gif") left bottom repeat-x; border-bottom:1px solid #ccc;}
table.history td.year {font-size:14px; color:#015fbb; text-indent:10px;}


#footer {padding-top:46px; width:100%; height:276px; background:url("../../images/common/bg_footer_01.gif") left bottom repeat-x; overflow:hidden;}
#footer .bottom {margin:0 auto; width:958px; border:1px solid #d4d4d4; border-top:2px solid #85a1c1; border-bottom:0; position:relative;}
#footer .bottom .btnTop {width:39px; height:30px; position:absolute; right:10px; top:-30px;}

#footer .bottom dl {padding:15px 27px; width:184px; height:130px; border-right:1px solid #d4d4d4; float:left;}
#footer .bottom dl.last {border-right:0;}
#footer .bottom dt {font-size:18px; line-height:30px; color:#333; font-family:Georgia, Sans-serif !important;}
#footer .bottom li {height:21px; line-height:21px;}

#footer .addr {margin:0 auto; width:960px; height:93px; font-size:11px;}
#footer .addr .fmenu {margin:20px 0 20px 10px;float:left;}
#footer .addr a {font-size:13px; color:#333;}
#footer .addr a:hover {color:#015fbb;}
#footer .addr .bar {padding:0 6px 0 3px; font-size:9px; color:#a3a3a3;}

#footer .famSite {margin:25px 0 0; width:290px; height:17px; position:relative; float:right;}
#footer .famSite .goBtn {position:absolute; right:0px; bottom:0px;}
#footer .famSite .list {width:248px; border:1px solid #9da5af; border-top:none; background:#ffffff; position:absolute; bottom:1px; z-index:10;}
#footer .famSite .list a {padding:4px; font-size:11px; color:#666666; border-top:1px solid #9da5af; line-height:14px; display:block;}
#footer .famSite .list a:hover {border-color:#9da5af; background:#e7e7e7; text-decoration:none;}
#footer .famSite a.arrow_up {background:#fff url("../../images/common/blet_arrow_01.gif") 230px center no-repeat;}
#footer .famSite a.arrow_up:hover {background:#e7e7e7 url("../../images/common/blet_arrow_01.gif") 230px center no-repeat; text-decoration:none;}
#footer .famSite a.arrow_down {background:#fff url("../../images/common/blet_arrow_02.gif") 230px center no-repeat;}
#footer .famSite a.arrow_down:hover {background:#e7e7e7 url("../../images/common/blet_arrow_02.gif") 230px center no-repeat; text-decoration:none;}

#footer address {padding:0 0 0 10px; font-size:11px; clear:both;}
#footer address strong {/*font-size:13px;*/ line-height:25px; font-weight:normal;}

/* page navigation */
.page_navi{margin-top:30px; font-size:11px; color:#666; text-align:center;}
.page_navi a{margin-right:4px; height:14px; display:inline-block; vertical-align:text-top; zoom:1;/* for IE6,7 */ }
.page_navi a.bg{margin-right:0px; background:url("../../images/common/bg_page_navi.gif") left center no-repeat;}
.page_navi a:hover {color:#015fbb;}
.page_navi a.first{width:18px; background-position:0 0px;}
.page_navi a.prev{margin-right:9px; width:18px; background-position:-20px 0px;}
.page_navi a.next{margin-left:5px; width:18px; background-position:-40px 0px;}
.page_navi a.last{width:18px; margin-right:0; background-position:-60px 0px;}
.page_navi span.crt{height:14px; font-weight:bold; color:#015fbb; display:inline-block; vertical-align:text-top; zoom:1;/* for IE6,7 */}


/**** Main ****/
.main_r1 {width:680px; overflow:hidden; float:left;}
.main_r1 h2 {margin-top:-1px; height:17px; color:#015fbb; font-size:15px;}
.main_r1 h2 a{color:#015fbb;} 
.news{margin-top:25px; width:450px; color:#666; float:left; position:relative; overflow:hidden;}
.news h2{position:absolute; top:0; left:0; overflow:hidden; font-family:Georgia, Sans-serif !important;}
.news a.more{position:absolute; top:3px; right:0;}
.news ul{padding-top:25px; overflow:hidden;}
.news li{padding-top:12px; height:28px; position:relative; overflow:hidden;}
.news li a{width:350px; height:15px; line-height:15px; color:#000; font-size:13px; position:absolute; top:0; left:0; display:block;}
.news li a:hover, .news li a:focus, .news li a:active {color:#015fbb;}
.news li .date{font-size:11px; position:absolute; top:2px; right:0;}
.news li .content{width:350px; font-size:11px; position:absolute; top:18px; left:0; display:block;}

.brochure {margin:25px 0 0 40px; width:178px; float:left;}
.brochure img.book {margin-right:10px; display:block; float:left;}
.brochure h2 {width:82px; float:right; font-family:Georgia, Sans-serif !important;}
.brochure p {margin-top:5px; width:82px; height:77px; line-height:15px; font-size:11px; float:right;}
.brochure p img {margin-top:-4px;}

.main_c1 {width:280px; height:380px; background:url("../../images/main/bg_banner_01.gif") no-repeat; float:left;}
.banner01 {width:280px; height:265px; background:url("../../images/main/img_banner_02.gif") 3px 3px no-repeat; position:relative; z-index:1;}
.banner01 p{text-indent:-9999px;}
.banner01 .btn{position:absolute; top:215px; left:210px;}

.banner02 {margin:5px 0 0 8px; float:left; overflow:hidden;}
.banner02 ul {width:271px; height:97px; overflow:hidden;}
.banner02 ul li {text-indent:-9999px; float:left;}
.banner02 ul li a{height:78px; background:url(../../images/main/bg_banner02.gif) left top no-repeat; display:block;}
.banner02 ul li a.sit01{margin:14px 0 0 15px; width:65px; background-position:-15px -14px;}
.banner02 ul li a.sit02{margin:14px 0 0 32px; width:55px; background-position:-110px -14px;}
.banner02 ul li a.sit03{margin:14px 0 0 30px; width:60px; background-position:-192px -14px;}

/**** About ****/
/* Greetings */
.greetings_01 {position:absolute; left:305px; top:220px;}

.greetings_02 {position:absolute; left:340px; top:560px;}

.img_location img {margin:20px 0;}
.list01 {margin-bottom:15px;}
.list01 li {margin-bottom:10px; padding-left:11px; line-height:22px; background:url("../../images/about/blet_about_01.gif") left 10px no-repeat;}
.list01 li span {width:290px; display:inline-block;}
.list01 li a.pdf img {vertical-align:middle;}
.list01 li strong {font-weight:normal; color:#015fbb; display:inline; overflow:hidden;}
.list01 ul.depth01 {line-height:20px;}
.list01 ul.depth01 li{padding-left:0; background:none;}
.list01 .blue {color:#015FBB;}

/* tab */
.tab {margin-top:70px; width:680px; height:290px; position:relative; overflow:hidden;}
.tab_menu {width:680px; height:34px; border-bottom:1px solid #cbcbcb;}
.tab_menu li {float:left; overflow:hidden;}
.tab_menu li a {/*height:35px; text-indent:-9999px; background:url("../../images/about/tab_temp.gif") left top no-repeat; display:block;*/ overflow:hidden;}

/* .tab_menu font color */
.tab_menu li.tab01 a, .tab_menu li.tab02 a,.tab_menu li.tab03 a {color:#fff}
.tab_menu li.tab01 a:hover {color:#3b89d6}
.tab_menu li.tab02 a:hover {color:#3b89d6}
.tab_menu li.tab03 a:hover {color:#3b89d6}

.tab_menu li.tab01 a.on, .tab_menu li.tab01 a:active, .tab_menu li.tab01 a:focus, .tab_menu li.tab01 a:hover {/*width:208px;*/ background-position:-210px -0px;}
.tab_menu li.tab02 a.on, .tab_menu li.tab02 a:active, .tab_menu li.tab02 a:focus, .tab_menu li.tab02 a:hover {background-position:-210px -50px;}

ul.tab_img01, ul.tab_img02, ul.tab_img03 {position:absolute; left:0; top:50px;}
ul.tab_img01 li, ul.tab_img02 li, ul.tab_img03 li {padding-left:11px; height:25px; /*line-height:25px;*/ background:url("../../images/about/blet_about_01.gif") left 5px no-repeat;}
ul.tab_img01 li span {padding-right:12px; color:#015fbb;}

/* Library */
.txt01 li {padding-left:11px; line-height:25px; background:url("../../images/about/blet_about_02.gif") left 10px no-repeat;}

/* Educational Facilities */
.tbl03 th {text-align:center; color:#015fbb; border-bottom:1px solid #c8c8c8; background:#f5f5f5;}
.tbl03 td {padding:8px 8px; border-bottom:1px solid #c8c8c8; line-height:120%;}
.tbl03 td.tbl_img {padding:0px; position:relative;}
.tbl03 td img {position:absolute; left:0; top:0;}

.tbl03 .b_top_line {border-top:2px solid #c8c8c8;}
.tbl03 .b_line {border-bottom:2px solid #c8c8c8;}
.tbl03 .no_line {border-bottom:0px;}

/**** New ****/
/* new */
#content .InfoBar {text-indent:22px; height:43px; line-height:40px; background:#f5f6f6 url("../../images/common/blet_dotted_01.gif") 14px 18px no-repeat; border:1px solid #eceeee;}
#content .InfoBar01 {padding:10px 22px; /*text-indent:22px;*/ background:#f5f6f6 url("../../images/common/blet_dotted_01.gif") 14px 18px no-repeat; border:1px solid #eceeee;}

.boardSearch {margin:15px 0 0; height:40px; text-align:right;}
.ipt_btn {margin:6px 0 -6px;}

.tbl01 {margin-top:14px; border-top:2px solid #c8c8c8; border-bottom:2px solid #c8c8c8;}
/*.tbl01 tr{}*/
.tbl01 tr td{padding:10px 10px; /*width:660px;*/}
.tbl01 tr td.odd, .tbl01 tr td.grd {background:url("../../images/common/bg_tbl_01.gif") left bottom repeat-x; border-bottom:1px solid #c8c8c8;}
.tbl01 tr td.even, .tbl01 tr td.file {background:#f5f5f5; border-bottom:1px solid #c8c8c8;}
.tbl01 tr td.cont {padding:23px 10px; background:#fff url("../../images/common/bg_td_01.gif") left bottom repeat-x; border-bottom:1px solid #c8c8c8; }
.tbl01 tr td.grd .tit{font-size:14px; color:#015fbb;}
.tbl01 tr td .info {padding:5px 0 0; text-align:right; display:block;}
/*.tbl01 tr.grd td{}*/

.tbl02 {margin-top:14px; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.tbl02 td {padding:6px 10px;}
.tbl02 tr.grad {background:url("../../images/common/bg_tbl_01.gif") left bottom repeat-x; }

a.list {line-height:170%; display:block;} 
a.list span.tit {width:630px; height:24px; font-size:14px; color:#015fbb; display:block; overflow:hidden; }
a.list span.cont {width:650px; height:38px; display:block; word-break:break-all; white-space:normal; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(../ellipsis.xml#ellipsis);} 
a.list:hover span.tit {text-decoration:underline;}
a.list:hover {color:#666;}

a.list02 {line-height:170%; display:block;} 
a.list02 span.tit {width:500px; height:24px; font-size:14px; color:#015fbb; display:block; overflow:hidden; }
a.list02 span.tit:hover {text-decoration:underline;}
a.list02:hover {text-decoration:none; color:#666;}

table span.info {padding:5px 0 0; display:block; text-align:right; }
table span.info img {margin:2px 0 -2px;}
table span.semin_info {text-align:right;}

table span.info .pho_info {margin-bottom:-5px;}
/*table .grd td{background:#fff url("../../images/common/bg_td_01.gif") left bottom repeat-x; border-bottom:1px solid #c8c8c8; }*/

/* brochure */
.brochure_view{margin:0 auto 0; padding:19px 0; width:638px; text-align:center;}
.brochure_view p {padding:19px 0; width:638px; background:#f5f5f5; border:1px solid #ebebeb;}
.brochure_view .page{margin-top:15px; font-size:14px; color:#666; text-align:center;}
.brochure_view .page img{margin-bottom:-5px;}
.brochure_view .page .num{width:18px; height:20px; line-height:22px; font-size:14px; color:#666; border:1px solid #fff; text-align:right;}
.brochure_view span.download{margin-top:-21px; float:right;}

/* Rolling Gallery */
.tbl01 tr td.photo_list_td{padding:10px 0 0 15px; background:#f5f5f5; border-bottom:1px solid #c8c8c8;}
ul.photo_list {padding-left:3px; overflow:hidden;}
ul.photo_list li{height:110px; list-style-type:none;}
ul.photo_list li.photo {margin:0 8px; width:110px; text-align:center; float:left; overflow:hidden;}
ul.photo_list li.photo a {width:104px; height:69px; border:3px solid #f5f5f5; font-weight:normal; display:block;}
ul.photo_list li.photo img {width:104px; height:69px;}
ul.photo_list li.photo a.on, ul.photo_list li.photo a:hover, ul.photo_list li.photo a:active, ul.photo_list li.photo a:focus {border:3px solid #015FBB;}
ul.photo_list li.photo span.EllipsText {margin-top:5px; width:110px; height:15px; display:block; float:left; clear:both;}
ul.photo_list li.btn01{float:left;}
ul.photo_list li.btn01 a {width:10px; height:82px; text-indent:-9999px; background:url("../../images/new/btn_control_01.gif") left 30px no-repeat; display:block; overflow:hidden;}
ul.photo_list li.btn01 a.btnPrev {background-position:left 30px;}
ul.photo_list li.btn01 a.btnNext {background-position:right 30px;}

/* Related Statutes */
h2.statute{width:568px; float:left;}
.statute_pdf{margin-top:10px; width:112px; height:25px; display:block; float:left;}
.agreeBox {padding:25px; height:400px; border:1px solid #c7c7c7; line-height:200%; overflow:auto; clear:both;}
.agreeBox h4 {color:#015FBB;}
.agreeBox ol.depth01 li {font-weight:bold;}
.agreeBox ul.depth02 li {padding-left:11px; font-weight:normal;}
.agreeBox ul.depth03 li, .agreeBox ol.depth03 li {font-weight:normal; /*list-style-type:decimal;*/}

/**** Research ****/
/* Seminars */

/* Correspondents */
a.mail {text-decoration:underline;}
.download img{margin:-2px 0px -8px;}

/* Publications */
.txtBox h3 {padding:0; color:#015fbb; background:none; position:relative;}

/**** Instruction ****/
/* Functions */
.list02 li {line-height:25px;}
.list02 li .download {margin-left:10px; width:90px; height:24px; vertical-align:middle; display:inline-block;}

/* Guidance */
.bg_guidance_01 {background:url("../../images/instruction/bg_guidance_01.gif") right 0px no-repeat;}

/* Faculty */
.tbl_x01 {margin-top:14px; text-align:center; border-top:2px solid #c8c8c8; border-bottom:2px solid #c8c8c8;}
.tbl_x01 th {padding:8px 7px; color:#015fbb; text-align:center; background:#f5f5f5; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
.tbl_x01 td {padding:8px 7px; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
.tbl_x01 tbody.tbl_th th {/*font-weight:bold;*/ color:#015fbb;}
.tbl_x01 tbody.align_r td {text-align:left;}
.tbl_x01 td.align_r {text-align:left;}
.tbl_x01 .align_l {text-align:left;}
.tbl_x01 .last {border-right:0;}

/* Annual Results */
.yearSearch {margin:15px 0 0; height:16px; text-align:right;}


/**** Other ****/
h3 {padding-left:10px; background:url("../../images/about/blet_about_01.gif") left 6px no-repeat;}

/* Viewer Softwares */
.view01 {border-top:2px solid #c8c8c8; border-bottom:2px solid #c8c8c8;}
.view01 a.list{width:550px;}
.view01 a.list span.tit{width:500px;}
.view01 td {padding:15px 15px;}
.view01 .view_img {text-align:center; display:block;}
.view01 .padd01 {margin-bottom:8px;}

/*20191008 tab style*/
.button_base {
    /* margin: 0; */
    /* border: 0; */
    font-size: 15px;
    /* position: relative; */
    /* top: 50%; */
    /* left: 50%; */
    /* margin-top: -12px; */
    /* margin-left: -100px; */
    /* width: 200px; */
    /* height: 50px; */
    /* text-align: center; */
    /* box-sizing: border-box; */
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
}
.rollover {	
    border: #ffffff solid 3px;
    padding: 5px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #458acd;
    border-radius: 5px;
}
.rollover:hover {
    background-color: #ddedfd;
}