@charset "utf-8";

h1 {position:fixed;}
@media all and (max-width:1023px){
  h1 {position:relative;}
}

/*공통*/
.wrap {max-width:1380px; margin:0 auto;}
.fontMJ {font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif;}
.h2Wrap {padding:180px 0 140px; height:450px; overflow:hidden; box-sizing:border-box; }
.h2Wrap > * {text-align:center; color:#fff; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);}
.h2Wrap h2 {font-size:55px; color:#fff;}
.h2Wrap p { font-size:18px; text-transform:uppercase; margin-top:22px }
.h2Wrap p span {text-transform:lowercase; }
#container { max-width:1903px; margin:0 auto; }
#subVisual { position:relative; background:#261e09 url('../img/sub/svisual.jpg') no-repeat top center; }
#subVisual .loca { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6);}
#subVisual ul.dept1 {max-width:1380px; margin:0 auto;}
#subVisual ul.dept1 > li { position:relative; float:left; }
#subVisual ul.dept1 > li > a { display:inline-block; color:#fff; font-size:18px; padding-right:31px;}
#subVisual ul.dept1 > li > a span { display:inline-block; background:url('../img/sub/arrowBottom.gif') no-repeat center right; line-height:60px; padding:0 50px 0 30px; }
#subVisual ul.dept1 > li.home > a span { background:url('../img/sub/homeIcon.gif') no-repeat center; text-indent:-9999px; width:60px; line-height:60px; padding:0; }
#subVisual ul.dept1 > li > a::after {content:''; display:inline-block; position:absolute; right:0; top:0; background:url('../img/sub/local.gif') no-repeat center right; width:31px; height:60px; }
#subVisual ul.dept1 > li.onPrev > a::after { background:url('../img/sub/local_on2.gif') no-repeat center right; }
#subVisual ul.dept1 > li:last-child > a span {background-color:#034fa2;}
#subVisual ul.dept1 > li:last-child > a::after { background:url('../img/sub/local_on.gif') no-repeat center right; }
#subVisual ul.dept2 { display:none; position:absolute; z-index:10; width:100%; background:rgba(0,0,0,0.9); top:60px; left:-31px; padding:20px; box-sizing:border-box; }
#subVisual ul.dept2 li a { display:block; color:#fff; border-bottom:1px solid #666; padding:10px;}
#subVisual ul.dept2 li a:hover {background:#034fa2; border-bottom:1px solid #002f62;}
@media all and (max-width:1420px){
  .wrap { width:96%; margin:0 2%;}
}
@media all and (max-width:768px){
  .h2Wrap h2 {font-size:45px;}
  .h2Wrap p.fontMJ {display:none;}
  #subVisual ul.dept1 > li.home > a span {width:100%;}
  #subVisual ul.dept1 > li {width:50%; border-right:1px solid rgba(255, 255, 255, 0.5); border-bottom:1px solid rgba(255, 255, 255, 0.5); box-sizing:border-box; }
  #subVisual ul.dept1 > li:nth-child(2n){border-right:0;}
  #subVisual ul.dept1 > li > a { display:block; padding:0 15px; font-size:16px; letter-spacing:-1px;}
  #subVisual ul.dept1 > li > a::after { display:none; }
  #subVisual ul.dept1 > li > a span { display:block; padding:0 20px 0 0;}
  #subVisual ul.dept1 > li:last-child > a {background:#034fa2;}
  #subVisual ul.dept2 {left:0; padding:15px;}
}

#content {overflow:hidden; min-height:350px;}
#content h3 { position:relative; font-size:29px; color:#222; padding:5px 0 30px; font-weight:400; letter-spacing: -0.04em; margin-top:80px;}
#content h3.first {margin-top:0;}
#content h3::after { content:''; position:absolute; top:0; left:0; width:70px; height: 2px; background:#034fa2;}
#content .tbl_wrap { overflow-x:auto; }
#content .tbl_st { width:100%; border-top:2px solid #034fa2; margin-left:-1px; }
#content .tbl_st thead th { background:#f3f7fa; border-bottom:1px solid #ccd0d7; border-left:1px solid #ccd0d7; padding:15px; font-size:16px; }
#content .tbl_st tbody th {background:#f3f3f3;}
#content .tbl_st tbody th, #content .tbl_st tbody td { text-align:center; padding:12px 15px; border-bottom:1px solid #ccd0d7; border-left:1px solid #ccd0d7; }
#content ul.dept1 li { position:relative; padding:5px 0 5px 15px; }
#content ul.dept1 li::before { content:''; position:absolute; width:7px; height:3px; background:#034fa2; top:15px; left:0; }
@media all and (max-width:1379px){
    .wrap {box-sizing: border-box;padding:0 1%;}
}
@media all and (max-width:640px){
    #content h3 {font-size:1.7rem; overflow: hidden;}
    #content h3 > span {display: block;}
    #content .tbl_st thead th, #content .tbl_st tbody th, #content .tbl_st tbody td {padding:10px;}
}
.img {max-width:100%; box-sizing: border-box; padding:1%;}

/*텝*/
ul.tabs {margin:50px auto;width:1380px;height: auto;text-align: center;}
ul.tabs li {display: inline-block;text-align:center;cursor: pointer;width:auto;height: auto;line-height: 30px;background: #f7f7f7;overflow: hidden;position: relative;margin:0 0.1%;padding:0.7% 1.7%;font-size:17px;border:3px solid #fafafa;}
ul.tabs li.active {background: #034fa2;font-weight: 500;color:#fff;border:3px solid #125fb4;box-sizing: border-box;}
.tab_container {border-top: none;clear: both;float: left;width: 100%;min-height: 500px;background: #FFFFFF;}
.tab_content {display: none;}
.tab_container .tab_content ul {width:100%;margin:0px;padding:0px;}
.tab_container .tab_content ul li {padding:5px;list-style:none;overflow: hidden; letter-spacing: -0.02em;}
@media all and (max-width:1379px){
    ul.tabs {width:100%; box-sizing: border-box; padding:0 2%;}
}

/*총장인사말*/
.greeting .cont1 {position:relative; text-align:center; font-size:22px; color:#555; padding:70px 0; z-index:1; overflow:hidden; background:#fff; }
.greeting .cont1 p {font-size:50px; color:#333; margin-bottom:30px; }
.greeting .cont1 p span { font-weight:500; }
.greeting .cont1::before, .greeting .cont1::after { content:''; display:block; position:absolute; width:50%; height:300px; bottom:0; z-index:-1; }
.greeting .cont1::before { left:0; background:url('../img/sub/greetingBg1.jpg') no-repeat left bottom; }
.greeting .cont1::after { right:0; background:url('../img/sub/greetingBg2.jpg') no-repeat right bottom; }
.greeting .cont2 { position:relative; text-align:center; padding:60px 0; }
.greeting .cont2 .bg { position:absolute; top:0; background:url('../img/sub/greetingBg3.jpg') center; height:600px; width:100%; z-index:-1; }
.greeting .cont2 p { position:relative; display:inline-block; font-size:25px; line-height:40px; color:#fff; padding:5px 60px;}
.greeting .cont2 p span {display:block;}
.greeting .cont2 p::before, .greeting .cont2 p::after { content:''; display:block; position:absolute; width:31px; height:25px; }
.greeting .cont2 p::before { left:0; top:0; background:url('../img/sub/wordBg1.png') no-repeat; }
.greeting .cont2 p::after { right:0; bottom:0; background:url('../img/sub/wordBg2.png') no-repeat; }
.greeting .cont3 {background:#e6ecf2; padding:70px 0;}
.greeting .cont3 dt {font-size:30px; line-height:45px; text-align:center; margin-bottom:50px; }
.greeting .cont3 dt span.blue {font-size:35px; color:#034fa2 !important; font-weight:500; }
.greeting .cont3 dd ul {overflow:hidden;}
.greeting .cont3 dd li {float:left; width:47%; line-height:30px; font-size:16px; color:#454545;}
.greeting .cont3 dd li:first-child {margin-right:6%;}
.greeting .cont3 dd li:last-child {width:100%; margin-top:40px; padding-top:40px; font-weight:400; color:#111; border-top:1px solid #cacfd4; text-align: justify;}
.greeting .cont3 dd li p { position:relative; padding-top:30px; text-align:justify;}
.greeting .cont3 dd li p:first-child::before {content:''; display:block; position:absolute; top:0; left:0; width:70px; height:2px; background:#034fa2;}
.greeting .cont3 dd li .name {font-size:20px; margin-top:30px; text-align:right; }
@media all and (max-width:900px){
  .greeting .cont1 {font-size:18px;}
  .greeting .cont1 p {font-size:40px; margin-bottom:20px;}
  .greeting .cont2 p {padding:5px 40px;}
  .greeting .cont2 p span {display:inline-block;}
  .greeting .cont3 {padding:55px 0;}
}
@media all and (max-width:768px){
  .greeting .cont3 dt {font-size:25px; margin-bottom:40px; line-height:40px; }
  .greeting .cont3 dt span.blue {font-size:30px;}
  .greeting .cont3 dd li {width:100%;}
  .greeting .cont3 dd li:first-child {margin-right:0; margin-bottom:50px;}
}

/*준비위원회*/
.org {background:#e6ecf2; padding:60px 0;}
.org p {text-align:center;}

/*기념 사업일정*/
.schedule {margin:50px auto;}


/*120년 역사*/
.historyWrap {margin-bottom: 70px;}
.historyWrap div h3 { min-height:335px; padding:120px 0 0 !important; margin-top:0 !important; color:#fff !important; font-size:50px !important; font-weight: bold; text-shadow:2px 2px 5px #000; box-sizing: border-box; font-family:'Nanum Myeongjo',serif; text-align:center; overflow:hidden; z-index:1;}
.historyWrap div h3::after { position:absolute; background-position:center top !important; text-align:center; transform: scale(1.1) rotate(0.1deg); transition: all 10s ease .1s; width:100% !important; height:100% !important; z-index:-1;}
.historyWrap > div.on h3::after { transform: scale(1) rotate(0.1deg);}
.historyWrap #tab1 h3::after {background-image:url('../img/sub/sub02_1.jpg');}
.historyWrap #tab2 h3::after {background-image:url('../img/sub/sub02_2.jpg');}
.historyWrap #tab3 h3::after {background-image:url('../img/sub/sub02_3.jpg');}
.historyWrap #tab4 h3::after {background-image:url('../img/sub/sub02_4.jpg');}
.historyWrap #tab5 h3::after {background-image:url('../img/sub/sub02_5.jpg');}
.historyWrap #tab6 h3::after {background-image:url('../img/sub/sub02_6.jpg');}
.historyWrap #tab7 h3::after {background-image:url('../img/sub/sub02_7.jpg');}
.historyWrap #tab8 h3::after {background-image:url('../img/sub/sub02_8.jpg');}
.historyWrap div h3 span {display: block; font-size:22px; font-weight:200; margin-top: 20px;}
.history { position:relative; margin-top:40px !important; }
.history::before {content:''; position:absolute; left:128px; top:10px; height:95%; width:1px; background:#ccc;}
.history li { position:relative; margin-bottom:10px; }
.history > li {  padding:0 0 20px 200px !important; }
.history > li:last-child::after {content:''; position:absolute; width:1px; height:100%; left:128px; top:20px; background:#fff;}
.history > li span.year { position:absolute; top:0; left:0; font-size:28px; color:#034fa2; font-weight:400; padding-right:70px; /*float:left; width:15%; background: url('../img/sub/history_dt_bg.gif') no-repeat left bottom;*/ }
.history > li span.year::before {content:''; position:absolute; right:0; top:10px; width:10px; height:10px; background:#034fa2; border-radius:20px; border:7px solid #dde9f5; z-index:10; }
.history li > ul.cont { font-size:18px;}
.history .cont span { position:relative; display: inline-block; text-align: left; font-size:17px;}
.history .cont span.data { position:absolute; left:0; font-weight:400; font-style: italic; font-size: 18px;}
.history .cont span.txt { padding-left:70px;}
@media all and (max-width:640px){
  .historyWrap div h3 {font-size:40px !important; padding:60px 0 0 !important; min-height:200px !important;}
  .historyWrap div h3::after {background-size:auto 250px !important;}
  .historyWrap div h3 span {font-size:16px;}
	.history::before {left:81px;}
	.history > li {padding:0 0 20px 120px !important;}
	.history > li:last-child::after {left:81px;}
	.history > li span.year {font-size:22px; padding-right:35px;}
	.history > li span.year::before {width:7px; height:7px; border:5px solid #dde9f5;}
	.history .cont span.data {font-size:16px;}
	.history .cont span.txt {padding-left:45px; font-size:15px;}
}

/*120년모습*/
.shapeWrap {width:1380px; min-height:300px; padding:40px; margin:0 auto 100px; background: url('../img/sub/shapeWrap_bg.gif') repeat; text-align: center;}
.shapeWrap h3 {font-weight:bold !important; font-size:34px !important}
.shapeWrap h3::after {display:none;}
.shapeWrap p.mainCont {overflow: hidden; margin:0 auto;}
.shapeWrap p.mainCont span {display: inline-block; vertical-align:top;}
.shapeWrap p.mainCont span.pre {width:24px; height:54px; background: url('../img/sub/sub03_pre.png') no-repeat left top;}
.shapeWrap p.mainCont span.next {width:24px; height:54px; background: url('../img/sub/sub03_next.png') no-repeat left top;}
.shapeWrap p.mainCont span.txt {background: #ae8829; color:#fff; min-height:54px; padding:5px 60px; font-size:24px; box-sizing:border-box; font-weight: 300; letter-spacing: -0.05em;}

.shapeWrap .shape {overflow:hidden; margin-top:30px !important; width:100%;}
.shapeWrap .shape .shape_li {width:24%; margin:0 0.5% 13px; float:left; background:#fff; box-sizing:border-box; padding:10px 0.9% !important; vertical-align: top; display:inline-block; cursor:pointer;}
.shapeWrap .shape .shape_li img {border:1px solid #ddd; max-width: 100%;}
.shapeWrap .shape .shape_li p {margin:15px 0; box-sizing: border-box; padding:0 0.5%;}
.shapeWrap .shape .shape_li.click {position:fixed; margin:-15% 20% 0; width:60%; height:auto; top:50%; left:0; z-index:500; }
.shapeWrap .shape .shape_li.click p { height:auto !important; }
#shapeClose { display:none; position:fixed; right:30px; top:30px; width:40px; height:40px; background:#034fa2; border-radius:20px; text-indent:-9999px; z-index:500;}
#shapeClose.on {display:block;}
#shapeClose::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: url('../img/sub/close_icon.png') no-repeat center;}
@media all and (max-width:1023px) {
	.shapeWrap .shape .shape_li.click { margin:-28% 10% 0; width:80%;}
}

.shape:before,
.shape:after{/*! content:''; *//*! display:table; *//*! clear:both; */}
/* column */
.shape >.shape_li{display:inline-block;
	box-sizing:border-box; /* ☆ [IE8+] */
	width:25%;
	margin:0 -.25em 0 0;
	padding:1%;
	vertical-align:top;
}
@media all and (max-width:1460px) {
	.shapeWrap {width:100%; box-sizing: border-box; padding:40px 2%;}
}
@media all and (max-width:1023px) {
	.shapeWrap .shape .shape_li {width:48%;}
}
@media all and (max-width:640px) {
	.shapeWrap .shape .shape_li {width:98%;}
}
@media all and (max-width:480px) {
    .shapeWrap p.mainCont span.txt {font-size:1.3rem; min-height:45px;}
    .shapeWrap p.mainCont span.pre,
    .shapeWrap p.mainCont span.next {display: none;}
}
/*@media all and (min-width:880px) {
	.shapeWrap .shape02 .shape_li p,
  .shapeWrap .shape03 .shape_li p,
  .shapeWrap .shape04 .shape_li p  {height:88px !important;}
}*/

/*분야별*/
.cont dt { position:relative; font-size:20px; color:#034fa2; font-weight:400; margin-bottom:7px;}
.cont dt span { display:none; position:absolute; left:0; top:0; background:#034fa2; width:40px; line-height:40px; border-radius:20px; text-align:center; font-size:16px; color:#fff; margin-right:10px; }
.cont dd {margin-bottom:30px;}
.cont dd:last-child {margin-bottom:0;}
.cont ul.dept1 li:first-child { font-size:18px; color:#222; font-weight:400; padding-left:0 !important; }
.cont ul.dept1 li:first-child::before {display:none;}
.contwrap {background:#fff url('../img/sub/business1_bg.jpg') repeat-y left top; background-size:50% auto;}
.contwrap .cont {background:#fff url('../img/sub/business1_bg2.jpg') repeat-y left top; background-size:40% auto; padding:70px 0; overflow:hidden;}
.contwrap .cont dl {float:right; width:56%; }
.contwrap .cont .hImg {float:left; width:35%;}
.contwrap .cont .hImg p { position:relative; opacity:0; top:100px; text-align:center; font-size:15px; color:#555; margin-bottom:100px; }
.contwrap .cont .hImg p:last-child {margin-bottom:0;}
.contwrap .cont .hImg p a {display:block; position:relative; background:#000;}
.contwrap .cont .hImg p a > span { position:absolute; top:50%; left:50%; margin:-18px 0 0 -46px; color:#fff; font-size:25px; font-weight:500; opacity:0; transition-duration:0.5s;}
.contwrap .cont .hImg p a:hover > span {opacity:1;}
.contwrap .cont .hImg p a:hover > img {opacity:0.2;}
.contwrap .cont .hImg p a  > img {box-shadow:10px 10px 0 rgba(0,0,0,0.1); width:100%; transition-duration:0.5s; }
.contwrap .cont .hImg p > span {display:none;}
@media all and (max-width:768px){
  .contwrap, .contwrap .cont {background:#fff;}
  .contwrap .cont .hImg {display:none;}
  .contwrap .cont dl { width:100%; }
}
#imglayerBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:400;}
#imglayer { display:none; position:fixed; top:0; left:50%; margin-left:-450px; align-items: center; width:900px; height:100%; z-index:500;}
#imglayer.on { display:flex; }
#imglayer > div { position:relative; border:10px solid #fff;}
#imglayer .btn {position:absolute; left:0; top:0; width:100%; height:100%; z-index:200;}
#imglayer .btn > a.control { position:absolute; left:20px; top:50%; margin-top:-30px; display:inline-block; width:60px; height:60px; background:url('../img/sub/business_prev.png') no-repeat 0 0 ; text-indent:-9999px;}
#imglayer .btn > a.next { left:auto; right:20px; background:url('../img/sub/business_next.png') no-repeat 0 0 ;}
#imglayerClose { display:none; position:fixed; right:30px; top:30px; width:40px; height:40px; background:#034fa2; border-radius:20px; text-indent:-9999px; z-index:500;}
#imglayerClose.on {display:block;}
#imglayerClose::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: url('../img/sub/close_icon.png') no-repeat center;}

#imglayer img {width:100%;}
#imglayer ul li {width:100%;}
.noScroll { overflow-y:hidden; }
@media all and (max-width:1000px){
  #imglayer { margin-left:0; width:90%; margin:0 5%; left:0; }
}



/*분야별-출판*/
.business4 .cont { background-size:30% auto;}
.business4 .cont .hImg {width:25%;}
.business4 .cont dl {width:66%;}
@media all and (max-width:768px){
  .business4 .cont dl { width:100%; }
}

/*분야별-새의료원*/
.business7 .cont1 {background:url('../img/sub/business7_bg2.jpg') no-repeat top center; padding:70px 0;}
.business7 .cont1 .wrap {position:relative; box-sizing:border-box;}
.business7 .cont1 dt {color:#fff;}
.business7 .cont1 dt p { font-size:40px; margin-bottom:15px; }
.business7 .cont1 dt p, .business7 .cont1 dt ul,  .business7 .cont1 dd { position:relative; top:-100px; opacity:0;}
.business7 .cont1 dt li {padding:5px 0;}
.business7 .cont1 dt li span { font-size:20px; background:url('../img/sub/business7_line.png') repeat-x bottom; }
.business7 .cont1 dd {font-size:16px; color:#ddd; margin-top:30px;}
.business7 .cont { background-size:30% auto;}
.business7 .cont .hImg {width:25%;}
.business7 .cont dl {width:66%;}
@media all and (max-width:768px){
  .business7 .cont1 { background-size: auto 100%;}
  .business7 .cont1 dt p {font-size:32px;}
  .business7 .cont dl { width:100%; }
}
@media all and (max-width:480px){
  .business7 .cont1 dt p strong {display:block;}
}

/*엠블럼*/
a.page_down {display:inline-block; float:right; border:2px solid #0e4194; font-size:18px; padding:15px 70px 15px 15px; color:#0e4194; letter-spacing: -0.01em; background:url('../img/common/btn_emblem02_down.gif') no-repeat right center;}
h4 {font-weight:400; color:#0e4194; font-size:20px; margin-bottom:20px;}
.depart02 {overflow:hidden; margin-top:30px;}
.depart02 div {width:49%; padding:0 2%; box-sizing: border-box;}
.depart02 div.left {float:left;}
.depart02 div.right {float:right;}
.mean {font-size:18px; font-weight: 200; line-height: 32px; border: 2px solid #e3e5e7; padding:3%; box-sizing: border-box; letter-spacing: -0.03em; border-radius: 7px;}
.colorCont {overflow: hidden;}
.colorCont li {float: left; width:50%;}
.colorCont span.blueCircle,
.colorCont span.yellowCircle {display:block; border-radius:36px; width:36px; height:36px; background:#000; margin-bottom:15px; margin-bottom:10px;}
.colorCont span.blueCircle {background:#0e4194;}
.colorCont span.yellowCircle {background:#cca74b;}
.colorCont span.blue {color:#0e4194 !important; font-weight:500;}
.colorCont span.yellow {color:#cca74b !important; font-weight:500;}
.pattenBg {text-align: center; background: url('../img/sub/pattenBg_bg.gif') repeat; width:100%; height:auto; min-height:230px; box-sizing: border-box;padding-top: 4%; margin-top:30px;}
.img01Wrap {margin-top: 50px; margin-bottom: 100px; text-align: center;}
.img01Wrap img {max-width:100%;}
@media all and (max-width:640px){
    a.page_down {font-size:1rem; float:left; margin-top:5px;}
    .depart02 div {width:100%; float:left; margin-bottom:20px;}
    .img01Wrap {margin:0;}
    .mean {font-size:1rem;}
    .pattenBg{margin-top:0; padding-top:14%;}
}

/*페이지 준비중입니다*/
.ready {margin:100px auto; overflow:hidden; width:80%;; border:10px solid #ebebea; padding:80px 0; box-sizing: border-box;}
.ready .left {float:left; width:35%; margin-right:5%; border-right:1px solid #c8c8c8; text-align: center;}
.ready .left img {text-align: center;}
.ready .right {float:right; width:55%; font-size:18px; margin-top:60px;}
.ready .right p {margin-bottom:10px; color:#5e5e5e;}
.ready .right .emp {font-size:50px; font-weight:500;}
.blue {color:#0e4194 !important;}
@media all and (max-width:1200px) {
	.ready {width:100%; padding:50px 0; margin:60px 0;}
    .ready .left {width:25%;}
    .ready .left img {width:90px;}
    .ready .right {width:68%; margin-top:10px;}
    .ready .right .emp {font-size: 1.8rem;}
}
@media all and (max-width:640px) {
    .ready .left {width:100%}
    .ready .right {width:100%; margin-top:40px; text-align: center;}
}