@charset "utf-8";


.clfix:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clfix	{display: inline-block}
.clfix	{display: block}
* html	.clfix	{height:1%} /* Hides from IE-mac */
.clfix	{zoom:1} /*for IE 5.5-7*/


/* 서브 공통 */
.wrapper { position: relative; max-width: 1280px !important; margin: 0 auto;}
.indent {margin-left:20px;}

h3.sTitle {color: #1b1b1b; font-size:  1.725rem;  font-weight: 500; margin-bottom: 25px; margin-top:50px; line-height:1.5em;}
h3.sTitle.first {margin-top:0px;}
h3.sTitle:before {content: ''; display: block; width: 34px; height:2px;  margin-bottom: 10px; background: linear-gradient(to right,#9c6443,#e08b30);}
h4.sTitle {color: #a56a1d; font-size: 1.375rem; font-weight: 400; margin-bottom: 20px; line-height:1.4em; background: url('../images/sub/h4icn.gif')no-repeat  0 center; padding-left:20px;}
h4.sTitle.noIcn {color: #a56a1d; font-size: 1.375rem;  font-weight: 400; margin-bottom: 20px; line-height:1.4em; background: none; padding-left:0px;}

h5.sTitle {position:Relative; padding-left:15px;  line-height:1.5em; color:#6d6e71; margin-left:20px;  margin-bottom:5px !important; border-bottom:0px; font-weight:400; font-size:1em;}
h5.sTitle:before {position:absolute;	content:"";    top: 0.6em;	left:0px;    width: 4px;    height: 4px;    background: #666;}

.h3txt { line-height:1.5em; color:#6d6e71; letter-spacing: -0.5px; }

#contents {font-size:16px;}

#contents .bu1 li {position:Relative; padding-left:15px;  line-height:1.5em; color:#6d6e71; margin-left:20px;  margin-bottom:5px !important; border-bottom:0px;}
#contents .bu1 li:before {position:absolute;	content:"";    top: 0.6em;	left:0px;    width: 4px;    height: 4px;    background: #666;}
#contents .bu1 li ul {margin:10px; background-color:#f7f7f7; padding:10px;}
#contents .bu1 li ul li {margin-left:5px;}
#contents .bu1 li ul li:before {position:absolute;	content:"";    top: 0.7em;	left:0px;    width: 6px;    height: 1px;    background: #666;}
#contents .bu1 li ul li ul  {margin:5px;  padding:0px; padding-left:10px;}
#contents .bu1 li ul li ul  li { padding-left:10px; margin-left:0px;}
#contents .bu1 li ul li ul li:before {position:absolute;	content:"";    top: 0.7em;	left:0px;    width: 3px;    height: 3px;    background: #999; }

#contents .bu1.list1_none li:before {display:none;}
#contents .bu1.list1_none li li:before {display:block;}

@media (max-width: 1740px) {
	.wrapper { position: relative; /* max-width: 1720px !important; width:96%; */ margin: 0 auto;}
}

@media (max-width: 768px) {

	h3.sTitle {color: #1b1b1b; font-size: 22px; font-weight: 500; margin-bottom: 20px; margin-top:50px;}
	h3.sTitle.first {margin-top:0px;}
	h3.sTitle:before {content: ''; display: block; width: 28px; height:2px;  margin-bottom:5px; background: linear-gradient(to right,#9c6443,#e08b30);}
	h4.sTitle {color: #a56a1d; font-size: 18px; font-weight: 400; margin-bottom: 10px;}

	.h3txt {font-size: 14px; line-height:1.5em; color:#6d6e71; letter-spacing: -0.5px; }
	
	#contents .bu1 li {font-size:14px; }

}


/* 서브 비주얼 */
.subVisual {position:relative; padding: 230px 0 80px 0; background: url('../images/main/mainVisual.jpg')no-repeat center 30%; background-size: cover; text-align: right; }
.subVisual .s_title{ display: inline-block; position: relative; color: #fff; }
.subVisual .s_title span{ font-size: 1.89rem; line-height: 2.185rem; display: block; font-weight: 900; letter-spacing: -0.05em; font-style: italic; }
.subVisual:before {content:""; position:Absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }


@media (max-width: 1280px) {
	.subVisual {position:relative; padding: 300px 2% 80px 2%; background: url('../images/main/mainVisual.jpg')no-repeat center 30%; background-size: cover; text-align: right; }
	.subVisual .s_title{ display: inline-block; position: relative; color: #fff; }
	.subVisual .s_title span{ font-size: 1.89rem; line-height: 2.185rem; display: block; font-weight: 900; letter-spacing: -0.05em; font-style: italic; }
	.subVisual:before {content:""; position:Absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
}

@media (max-width: 1024px) {
	.subVisual {padding: 270px 2% 80px 2%;   background: url('../images/main/mainVisual.jpg')no-repeat top center; background-size: cover; text-align: center; }
	.subVisual .s_title{ display: inline-block; position: relative; color: #fff; }
	.subVisual .s_title span {font-size: 2.4em; line-height: 1.4em; display: block; font-weight: 900; letter-spacing: -0.05em; font-style: italic; text-shadow:1px 1px 3px  rgba(0,0,0,0.5);}
}


@media (max-width: 768px) {
	.subVisual {padding: 140px 2% 40px 2%;   background: url('../images/main/mainVisual.jpg')no-repeat top center; background-size: cover; text-align: center; }
	.subVisual .s_title{ display: inline-block; position: relative; color: #fff; }
	.subVisual .s_title span {font-size: 2em; line-height: 1.4em; display: block; font-weight: 900; letter-spacing: -0.05em; font-style: italic; text-shadow:1px 1px 3px  rgba(0,0,0,0.5);}
}




/* 서브 레이아웃 */
#content { position:relative; width:100%; min-height:580px;}
#content .wrapper:after {content:""; display:block; clear:both;}

.leftColumn {position:relative;float:left;width:290px;}
.centerColumn {position:relative; margin:50px 0 50px 340px; min-height:450px; display:block;}

h1.subTitle {position:relative; margin:70px 0 30px 0; padding-bottom:19px; border-bottom:1px solid #ddd; font-size:34px; line-height:39px; font-weight:500; color:#1e1e1e; }

#subMenu {position:relative;  left:0; top:-95px; z-index:10;}
#subMenu h2 {position:relative; width:100%; font-size:32px; line-height:36px; padding:60px 0; font-weight:500; text-align:center; background-color:#e0ab30;  color:#fff; overflow:hidden; border-radius:0px 20px 0 0;}
#subMenu h2:before {position:absolute; right:-20px; bottom:-30px; display:block; content:""; width:120px; height:120px; background:url('../images/common/logo_symbol.png') no-repeat 0 0; background-size:cover; opacity:0.2;  }
#subMenu a {display:block; position:relative; font-size:17px; line-height:22px; padding:15px 40px 15px 20px; text-decoration:none; color:#555; position:relative; border-bottom:1px solid #ddd; background:url('../images/sub/pubArr.png') no-repeat 95% center;   transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
#subMenu ul ul {display:block; padding:10px 0; background:#f3f3f3;}
#subMenu ul ul ul {border:none; background:#fff !important; width:85%; margin:0 auto; }
#subMenu a span {display:inline-block; background:url("/home/imgs/sub/subMenu_window.gif") no-repeat 4px 4px; width:18px; height:14px;}
#subMenu a:hover span {background:url("/home/imgs/sub/subMenu_window.gif") no-repeat 4px 4px;}
#subMenu li a:hover {color:#fff; background:#413f39 url('../images/sub/pubArr_on.png')  no-repeat 95% center;   transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
#subMenu li.on a {color:#fff; background:#413f39 url('../images/sub/pubArr_on.png')  no-repeat 95% center;   transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
#subMenu li.on a:hover {opacity:0.8}
#subMenu li.on li a {background:none; border:none; color:#666; }
#subMenu li li a {border:none; font-size:15px; padding:5px 0 7px 13%; }
#subMenu li.on li.on a {color:#2c79bd; }
#subMenu li.on li.on li a {font-weight:normal; color:#5b6569;  border:none; font-size:13px; padding:5px 15px 5px 13.5%;}
#subMenu li.on li.on li.on a {font-weight:400; color:#000; text-decoration:underline;}


/* location */
.location {position:absolute; right:225px; top:-30px;}
.location:after {content:""; display:block; clear:both;}
.location li {position:relative;  font-size:14px; line-height:24px; height:24px; color:#7d7d7d; display:inline-block; vertical-align:top; padding-left:15px;  overflow:hidden;}
.location li:last-child {color:#111;}
.location li:after {content:""; display:block; position:absolute; left:0; top:1px; width:15px; height:100%; background:url(../images/sub/pubArr2.png) no-repeat center 50%;}
.location li.home {padding-left:0; margin-top:4px; width:16px; height:15px;  background:url(../images/sub/home2.png) no-repeat center 50%; text-indent:-9999px;}
.location li.home:after {display:none;}

/* subSns */
.subSns {position:absolute;  right:5px; top:-50px;}
.subSns a {display:inline-block; width:35px; height:35px; line-height:0; font-size:0; margin:0 4px; border:none; border-radius:50%;   transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
.subSns a.list1 {background:#ededed url("../images/common/ico_fb.png") no-repeat center center;}
.subSns a.list2 {background:#ededed url("../images/common/ico_twitter.png") no-repeat center center;}
.subSns a.list3 {background:#ededed url("../images/common/ico_favoff.gif") no-repeat center center;}
.subSns a.list4 {background:#ededed url("../images/common/ico_print.gif") no-repeat center center;}
.subSns a:hover {opacity:0.5;   transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }


/* 자료관리 담당자 */
.page_info {position:relative; background:#fff; border:1px solid #e5e5e5; height:80px; display:table; width:100%; margin-top:2rem;}
.page_info .page_info_tt {position:Absolute;  width:220px; display: block;   color: #1b1b1b;    font-size: 20px;    font-weight: 300;    text-align: center; height: 78px;  line-height:78px;  background-color: #f7f7f7;    border-right: 1px solid #e5e5e5;	}
.page_info ul {position:relative; padding:0 0 0px 240px; display:table-cell; vertical-align:middle;}
.page_info ul:after {content:""; display:block; clear:both;}
.page_info li {font-size:16px;  line-height:1.5em; display:inline-block; }
.page_info li.update {opacity:0.4}
.page_info li span {padding:0 0 0 20px;}


/* Tab 공통 */
.tab-button-outer{ position: relative; }
#tab-button.con_tab {margin: 0 0 50px 0 !important; padding: 0; text-align:center; overflow:hidden;}
#tab-button.con_tab:after {clear:both; content:""; display:block; height:0px; }
#tab-button.con_tab.tab2 li {width:50%; box-sizing:border-box;}
#tab-button.con_tab.tab3 li {width:33.3%; box-sizing:border-box;}
#tab-button.con_tab.tab4 li {width:25%; box-sizing:border-box;}
#tab-button.con_tab.tab5 li {width:20%; box-sizing:border-box;}
#tab-button.con_tab.tab6 li {width:16.6%; box-sizing:border-box;}
#tab-button.con_tab.tab7 li {width:14.2% !important; box-sizing:border-box;}
#tab-button2.con_tab.tab7_2 li {width:14.2% !important; box-sizing:border-box;}
/*
#tab-button2.con_tab.tab7_2 li {width:12% !important; box-sizing:border-box;}
#tab-button2.con_tab.tab7_2 li.wide {width:28% !important; box-sizing:border-box;}*/
#tab-button.con_tab.tab8 li {width:12.25%; box-sizing:border-box;}

#tab-button.con_tab li { float:left;position: relative; letter-spacing: 0;  border:1px solid #ededed;  background-color:#fff;}
#tab-button.con_tab li a { display: block; color: #000; font-size: 1em;  font-weight: 500; padding: 0.8rem 0.2rem; line-height:1.4em;} 
#tab-button.con_tab > li { margin:0 ;  font-size: 16px; border-radius: 0px; text-transform: capitalize; width: 25%;}
#tab-button.con_tab > li:first-child{ margin-left: 0; }
#tab-button.con_tab > li:last-child{ margin-right: 0; }
#tab-button.con_tab > li.active a{ color: #d59c3a; font-weight: 500; position: relative; }
#tab-button.con_tab > li.active a:after{ content: ''; display: block; width:100%; height: 3px; background-color: #d59c3a; border-radius: 0%; position: absolute; top: -1px; left: 0%; -ms-transform: translateX(-0%);-webkit-transform: translateX(-0%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-0%); }

#tab-button2.con_tab {margin: 0 0 50px 0 !important; padding: 0; text-align:center; overflow:hidden;}
#tab-button2.con_tab li { float:left;position: relative; letter-spacing: 0;  border:1px solid #ededed;  background-color:#fff;}
#tab-button2.con_tab li a { display: block; color: #000; font-size: 1em;  font-weight: 500; padding: 0.8rem 0.2rem; line-height:1.4em;} 
#tab-button2.con_tab > li { margin:0 ;  font-size: 16px; border-radius: 0px; text-transform: capitalize; }
#tab-button2.con_tab > li:first-child{ margin-left: 0; }
#tab-button2.con_tab > li:last-child{ margin-right: 0; }
#tab-button2.con_tab > li.active a{ color: #d59c3a; font-weight: 500; position: relative; }
#tab-button2.con_tab > li.active a:after{ content: ''; display: block; width:100%; height: 3px; background-color: #d59c3a; border-radius: 0%; position: absolute; top: -1px; left: 0%; -ms-transform: translateX(-0%);-webkit-transform: translateX(-0%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-0%); }
#tab-button2.con_tab.tab5 li {width:20%; box-sizing:border-box;}
#tab-button2.con_tab.tab6 li {width:16.6%; box-sizing:border-box;}


.tab_content{ position: relative; padding-bottom: 2.9rem; }
.tab_container { width: 100%; text-align: left;}



#contents .tab_content ul li {font-size:  15px; line-height:1.5em; min-height:1.6em;}
#contents .tab_content ul li span.close {background: #384ea3; border-radius: 15px; padding: 1px 7px; color: #fff; font-size: 5px; margin-left: 5px;}


@media all and (max-width:1400px) {

	h1.subTitle {position:relative; margin:80px 0 30px 0; padding-bottom:29px; border-bottom:1px solid #ddd; font-size:34px; line-height:39px; font-weight:500; color:#1e1e1e; }

	/* location */
	.location {position:absolute; right:5px; top:-20px;}
	.location:after {content:""; display:block; clear:both;}
	.location li {position:relative;  font-size:14px; line-height:24px; height:24px; color:#7d7d7d; display:inline-block; vertical-align:top; padding-left:15px;  overflow:hidden;}
	.location li:last-child {color:#111;}
	.location li:after {content:""; display:block; position:absolute; left:0; top:1px; width:15px; height:100%; background:url(../images/sub/pubArr2.png) no-repeat center 50%;}
	.location li.home {padding-left:0; margin-top:4px; width:16px; height:15px;  background:url(../images/sub/home2.png) no-repeat center 50%; text-indent:-9999px;}
	.location li.home:after {display:none;}

	/* subSns */
	.subSns {position:absolute;  right:5px; top:-80px;}
	.subSns a {display:inline-block; width:35px; height:35px; line-height:0; font-size:0; margin:0 4px; border:none; border-radius:50%;   transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
	.subSns a.list1 {background:#ededed url("../images/common/ico_fb.png") no-repeat center center;}
	.subSns a.list2 {background:#ededed url("../images/common/ico_twitter.png") no-repeat center center;}
	.subSns a.list3 {background:#ededed url("../images/common/ico_favoff.gif") no-repeat center center;}
	.subSns a.list4 {background:#ededed url("../images/common/ico_print.gif") no-repeat center center;}
	.subSns a:hover {opacity:0.5;   transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }

}


@media all and (max-width:1023px) {

	.leftColumn {display:none;}
	.centerColumn {float:none; width:100%; margin:40px 0;}

	h1.subTitle {position:relative; margin:0 0 10px 0; padding-bottom:0; border-bottom:0px solid #ddd; font-size:34px; line-height:1.4em; font-weight:500; height:auto; color:#1e1e1e; text-align:Center;}

	/* location */
	.location {position:relative; right:0; top:0; text-align:Center; width:100%;}

	/* subSns */
	.subSns {position:relative; right:0; top:0; text-align:Center; width:100%; }

}


@media all and (max-width:767px) {
	.subSns a.list1,.subSns a.list2,.subSns a.list3,.subSns a.list4 {background-size:26px auto !important;}
	.subSns a.list1:hover,.subSns a.list2:hover,.subSns a.list3:hover,.subSns a.list4:hover {background-size:26px auto !important; }

	#contents .bu1 li ul {margin:10px 0; background-color:#f7f7f7; padding:10px;}

	/* 자료관리 담당자 */
	.page_info {position:relative; background:#fff; border:1px solid #e5e5e5; height:auto; display:block; width:100%;}
	.page_info .page_info_tt {position:relative;  width:100%; display: block;   color: #1b1b1b;    font-size: 17px;    font-weight: 400;    text-align: center; height: 48px;  line-height:48px;  background-color: #f7f7f7;    border-bottom: 1px solid #e5e5e5; border-right:0px;}
	.page_info ul {position:relative; padding:20px; display:block; vertical-align:middle; text-align:Center; }
	.page_info ul:after {content:""; display:block; clear:both;}
	.page_info li {font-size:15px;  line-height:1.5em; display:inline-block; }
	.page_info li.update {opacity:0.4}
	.page_info li span {padding:0 0 0 20px;}
	
    #tab-button { margin: 0.5rem 0 0.5rem 0; }
	#tab-button.con_tab li { display: inline-block; position: relative; letter-spacing: 0;  border:1px solid #ededed;  width:100%;} 
	#tab-button.con_tab li a{ display: block; color: #000; font-size: 15px;  font-weight: 500; padding:10px 0.1rem; width:100%; } 
    #tab-button li a{  font-size: 1.2rem; }

	#tab-button.con_tab.tab3 li {width:33.3%; box-sizing:border-box;}
	#tab-button.con_tab.tab4 li {width:50%; box-sizing:border-box;}
	#tab-button.con_tab.tab5 li {width:33.3%; box-sizing:border-box;}
	#tab-button2.con_tab.tab5 li {width:33.3%; box-sizing:border-box;}
	#tab-button.con_tab.tab6 li {width:50%; box-sizing:border-box;}
	#tab-button2.con_tab.tab6 li {width:50%; box-sizing:border-box;}
	#tab-button.con_tab.tab7 li {width:33.3%; box-sizing:border-box;}
	#tab-button.con_tab.tab8 li {width:25%; box-sizing:border-box;}

	#tab-button2.con_tab.tab7_2 li {width:33.3% !important; box-sizing:border-box;}
	#tab-button2.con_tab.tab7_2 li.wide {width:33.3% !important; box-sizing:border-box;}

}


@media all and (max-width:570px) {
	.poll_tb_wrap{display:none;}
}