/* ******************************** 메인 ******************************** */
.main_wrap {width:100%; padding-left:220px;}
.mainBg1 {background:url(../images/main/bg1.jpg) no-repeat 50% 0; background-size:cover;}
.mainBg1 .slogan {font-size:60px !important; font-weight:700;}
.mainBg1 .slogan span {color:#f6ff0d;}
.mainBg1 .slogan::after {display:block; content:""; clear:both; width:20%; height:2px; margin:10px auto 30px; background:#fff;}
.mainBg1>div>p:first-child {font-size:26px !important;}
.main_wrap .contents {width:100%; max-width:1200px; text-align:center; margin:0 auto; overflow:hidden;}
.main_wrap .contents img {height:40px; width:auto; margin:10px 0 50px 0;}
.main_wrap .contents>p {color:#fff; font-size:16px; line-height:1.6;}
.main_wrap .contents>p.bg1_txt {font-size:18px;}
.main_wrap .item { z-index:1; position:relative; height:100%; overflow:hidden;}
.main_wrap .item > div {display:; position:relative; overflow:hidden; z-index:10;}

.mainBg2 .top_bg {height:100%; background:url(../images/main/bg2.jpg) no-repeat 50% 50%; background-size:cover; text-align:center; padding:0 30px; display:table;}
.mainBg2 .top_bg .mainBg2_txt {display:table-cell; vertical-align:middle;}
.mainBg2 .slogan {margin-bottom:40px; color:#fff; font-size:60px !important; font-weight:700; line-height:1.2;}
a.btn_view {font-size:12px; font-weight:bold; color:#fff; letter-spacing:1px; border:2px solid #fff; display:block; width:160px; height:45px; margin:0 auto; line-height:40px; text-align:center; -webkit-transition:color 500ms cubic-bezier(0, 0, 0, 1); transition:color 500ms cubic-bezier(0, 0, 0, 1);}
a.btn_view:hover {background:#fff; color:#000;}
.mainBg2 ul {overflow:hidden; height:100%; padding-left:0 !important; padding-right:0 !important;}
.mainBg2 ul li {text-align:center; padding:30px; height:50%;}
.mainBg2 ul li i {display:inline-block; width:100px; height:100px; margin-top:18%;}
.mainBg2 ul li:nth-child(1), .mainBg2 ul li:nth-child(2) {border-bottom:1px solid #ddd;}
.mainBg2 ul li:nth-child(2n+1) {border-right:1px solid #ddd;}
.mainBg2 ul li:nth-child(1) i {background:url(../images/main/icon_1.png) no-repeat 50%;}
.mainBg2 ul li:nth-child(2) i {background:url(../images/main/icon_2.png) no-repeat 50%;}
.mainBg2 ul li:nth-child(3) i {background:url(../images/main/icon_3.png) no-repeat 50%;}
.mainBg2 ul li:nth-child(4) i {background:url(../images/main/icon_4.png) no-repeat 50%;}
.mainBg2 ul li h2 {margin-top:30px; font-size:18px; color:#000; padding-bottom:15px;}
.mainBg2 ul li p {width:70%; margin:0 auto; font-size:16px; line-height:1.6;}

.mainBg3>ul {overflow:hidden; padding:0; height:100%;}
.mainBg3>ul>li {height:100%; padding:110px 50px 50px; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.mainBg3>ul>li:nth-child(1) {background-image:url(../images/main/bg3_1.jpg);}
.mainBg3>ul>li:nth-child(2) {background-image:url(../images/main/bg3_2.jpg);}
.mainBg3>ul>li:nth-child(3) {background-image:url(../images/main/bg3_3.jpg);}
.mainBg3>ul>li:nth-child(4) {background-image:url(../images/main/bg3_4.jpg);}
.mainBg3>ul>li>a {display:block; position:relative; margin-bottom:20px; font-size:30px; color:#fff; font-weight:500; padding-bottom:10px; border-bottom:2px solid transparent;}
.mainBg3>ul>li>a:hover {cursor:pointer; border-bottom:2px solid #fff;}
.mainBg3>ul>li>a>i {float:left; display:block; width:40px; height:40px; margin-right:20px; line-height:40px; text-align:center; position:relative; font-size:18px; color:#fff; font-weight:300; font-style:normal;}
.mainBg3>ul>li>a>i::after {content:""; border:2px solid #fff; position:absolute; width:40px; height:40px; left:0; top:0; box-sizing:border-box; transform:rotate(45deg); transition:transform 500ms;}
.mainBg3>ul>li>a:hover>i::after {transform:rotate(225deg);}
.mainBg3>ul>li>a>span {position:absolute; bottom:10px; right:0; font-size:14px; font-weight:300;}
.mainBg3>ul>li>ul.journal_list>li {height:50px; line-height:50px; font-size:16px; white-space:nowrap;}
.mainBg3>ul>li>ul.journal_list>li>a {display:block; overflow:hidden; text-overflow:ellipsis; color:#fff; opacity:0.7; border-bottom:1px solid rgba(255,255,255,0.3);}
.mainBg3>ul>li>ul.journal_list>li>a:hover {opacity:1; border-bottom:1px solid #fff;}

.mainBg4 {width:100%; height:100%; margin:0 auto; padding:0; background:url(../images/main/bg4.jpg) no-repeat 50% 50%; background-size:cover;}
.mainBg4 .slogan {padding-top:120px; text-align:center; font-size:60px !important; font-weight:100;}
.mainBg4 .slogan span {font-weight:700; color:#930000;}
.mainBg4>span {display:block; font-size:18px; color:#000; text-align:center;}
.mainBg4 .list_box {width:100%; margin:0 auto; padding:50px 100px 0 100px;}
.mainBg4 .list_box li {padding:0 !important;}
.mainBg4 .list_box a {position:relative; display:block; width:100%; height:100%;}
.mainBg4 .list_box a:hover {background:#000;}
.mainBg4 .list_box a .info {
	opacity:0; position:absolute; width:100%; bottom:0; padding:20px; color:#fff; text-align:center;
	transition:all .1s linear;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
}
.mainBg4 .list_box a .info i {display:block; width:70px; height:70px; background:url(../images/main/icon_trophy.png); margin:0 auto 20px;}
.mainBg4 .list_box a .info p {margin:0; height:60px; font-size:20px; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
 font-weight:400;}
.mainBg4 .list_box a .info span {display:inline-block; margin-top:10px; font-size:16px !important; font-weight:400;}
.mainBg4 .list_box a:hover .img span {
	opacity:.4;
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.mainBg4 .list_box a:hover .info {opacity:1;}
.mainBg4 .btn_more {max-width:1200px; margin:50px auto; text-align:center;}
.mainBg4 .btn_more a {border:1px solid #000; color:#000; font-size:14px; padding:15px 100px; letter-spacing:15px;}
.mainBg4 .btn_more a:hover {background:#000; color:#fff;}

.news {background-color:#fff; opacity:.6; margin:10px 100px; padding:15px 0 10px 0; overflow:hidden; border:1px solid #e0e0e0;}
.news .open-event {position:relative; overflow:hidden;}
.news .open-event li.txt {position:relative; height:30px;margin-top:5px !important; overflow:hidden;}
.news .open-event .notice-list {width:100%; position:absolute; left:0; top:0; text-align:center;}
.news .open-event .notice-list li {}
.news .open-event a {display:block; font-size:16px; color:#000; line-height:1.6;}
.news .open-event>li:nth-child(1) a {display:inline-block; float:left; width:30px; height:30px; border:1px solid #e3e3e3;}
.news .open-event>li:nth-child(1) a>img {display:block; padding-top:9px; padding-left:12px;}
.news .open-event>li:nth-child(1) a:nth-child(2) {border-left:0; }
.news .open-event>li:nth-child(1) > span {display:inline-block; line-height:30px; font-size:12px; color:#999; padding-left:10px;}
.news .open-event>li:nth-child(3) a img {float:right; border:1px solid #e3e3e3; padding:6px;}
.m_seminar {overflow:hidden; background-color:#fff; opacity:.6; margin:10px 0 110px 0; border:1px solid #e0e0e0;}
.m_seminar ul li a {display:block; font-size:16px; color:#000; line-height:1.3; margin:20px 0; padding-right:10px; letter-spacing:-0.5px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m_seminar div a img {float:right; border:1px solid #e3e3e3; border-radius:5px; padding:9px; margin:15px 0;}
#notice2 .open-event ul li a {display:block; font-size:14px; color:#000; line-height:2;}
.m_notice {overflow:hidden; padding-bottom:5px; border-bottom:1px solid #f1f1f1;}
.m_notice ul li a {display:block; font-size:14px; color:#000; padding-top:5px; margin:15px 0; padding-right:30px;}
.m_notice div a img {float:right; border:1px solid #e3e3e3; border-radius:5px; padding:9px; margin:15px 0;}

.main_bottom {position:fixed; right:50px; top:50%; margin-top:-100px; z-index:100; }
.main_bottom a {width:20px; height:3px; display:block; margin:20px 0; text-align:right; box-shadow:1px 2px 0px rgba(0,0,0,.4) !important;}
.main_bottom a.on {width:30px; height:3px; background-color:#FC3;}
.main_bottom a.off {height:2px; background-color:#fff; text-align:right;}

footer {clear:both; position:absolute; left:0; bottom:0; width:100%; padding:25px 60px 25px 30px !important; background-color:#222; color:#999;}

/* 테블릿 */
@media (max-width: 991px) {
	.main_wrap {padding-left:0;}
	.main_wrap .contents {width:90%; margin:0 auto; padding:50px !important;}

	.mainBg1>.contents {padding:100px 50px !important;}
	.mainBg1 .slogan {font-size:40px !important;}
	.mainBg1>div>p:first-child {font-size:24px !important;}

	.mainBg2 .top_bg {height:30%; width:100%; padding:50px;}
	.mainBg2 .slogan {margin-bottom:40px; color:#fff; font-size:40px !important; font-weight:700; line-height:1.2;}
	.mainBg2 ul {height:70% !Important;}
	.mainBg2 ul li {padding:20px; margin-bottom:0;}
	.mainBg2 ul li i {margin-top:30px;}
	.mainBg2 ul li h2 {margin-top:10px; padding-bottom:5px;}
	.mainBg2 ul li p {width:80%; font-size:14px; margin-bottom:30px;}

	.mainBg3>ul>li {height:50%; padding:50px;}
	.mainBg4 .slogan {padding-top:45px;}
	.m_seminar {width:90%; margin:10px auto 110px;}

}

/* 모바일 */
@media (max-width: 767px) {
	.main_wrap {padding-left:0;}
	
	.mainBg1 {background:url(../images/main/bg1.jpg) no-repeat 50% 0; background-size:cover;}
	.mainBg1>.contents {padding:100px 50px !important;}
	.mainBg1 .slogan {font-size:40px !important; font-weight:700; line-height:1 !important;}
	.mainBg1 .slogan::after {margin:20px auto 30px;}
	.mainBg1>div>p:first-child {font-size:20px !important;}
	.main_wrap .contents>p.bg1_txt {font-size:16px !important;}

}