@charset "utf-8";

/* top_fix */
.top_fix{background:#e9e9e9; text-align:center; height:45px; line-height:45px;}
.top_fix h4 a {font-size:17px; color:#838383;}
.top_fix h4 img{margin-right:10px;}
.top_fix h4 img:last-of-type{margin-left:10px; margin-right:0;}


/* main_visual */
.main_visual {position:relative; max-width:1755px; overflow:hidden; width:100%; height:650px; margin:80px auto 0;}

.main_visual img.pc_img {position:absolute; top:0; left:50%; margin-left:-877px; width:1756px; height:650px; z-index:1;}
.main_visual ul li {height:650px; overflow:hidden;}

.main_visual .bx-pager {position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:2; background:url(/images/visual_logo.png) center no-repeat; padding:40px 0 10px 0;}
.main_visual .bx-pager .bx-pager-item {display:inline-block; width:11px; height:11px; margin:10px 9px; }
.main_visual .bx-pager .bx-pager-item a {display:block; width:100%; height:100%; background-color:#FFF;font-size:0; border:solid 4px #242b4f;  border-radius: 20px 20px 20px 20px; font-size:0;}
.main_visual .bx-pager .bx-pager-item a.active {background-color:#ec4b42; border:solid 4px #242b4f;}


.main_visual .bx-controls-direction {position:absolute; top:300px; left:50%; margin-left:-50%; width:100%; z-index:2;}
.main_visual .bx-controls-direction a {display:block; float:left; width:80px; height:80px; font-size:0;}
.main_visual .bx-controls-direction a:last-of-type {margin-left:50px;}
.main_visual .bx-controls-direction a.bx-prev {background:url("/img/main_pager_left.png") no-repeat 0 0; position:absolute; left:2%; margin-top:-25px; background-size:100% 100%;}
.main_visual .bx-controls-direction a.bx-next {background:url("/img/main_pager_right.png") no-repeat 0 0; position:absolute; right:2%; margin-top:-25px; background-size:100% 100%;}

.main_visual .bx-controls-auto {position:absolute; top:0; left:50%; margin-left:-550px; width:1200px; height:50px; max-width:50px; z-index:2;}
.main_visual .bx-controls-auto .bx-controls-auto-item {position:absolute; top:0; left:0;}
.main_visual .bx-controls-auto a {display:inline-block; width:50px; height:50px; font-size:0;}
.main_visual .bx-controls-auto a.bx-start {background:url("/img/mv_start.png") no-repeat 0 0; }
.main_visual .bx-controls-auto a.bx-stop {background:url("/img/mv_stop.png") no-repeat 0 0;}


/* main_list */
.main_list {margin:60px 0 100px;}

/*
.main_list .tit {margin-bottom:60px; text-align:center;}
.main_list .tit h3 {display:inline-block; padding:0 20px 0 60px; background:url("/img/ml_tit_icon.png") no-repeat 20px 50%; border-left:2px solid #ef3f3e; border-right:2px solid #ef3f3e; font-size:24px; font-weight:300;}

.main_list .list_con .tab {position:relative; margin-bottom:50px; text-align:center;}
.main_list .list_con .tab.on {position:fixed; top:128px; margin-bottom:0; width:100%; padding:25px 0; z-index:90; background:#fff;}
.main_list .list_con .tab ul {position:relative; display:inline-block; overflow:hidden; background:#fff; z-index:2;}
.main_list .list_con .tab ul li {float:left; border-right:1px solid #bababa; font-size:15px; cursor:pointer;}
.main_list .list_con .tab ul li span {display:block;  padding:10px 20px; margin:0 20px; font-size:25px; font-weight:300; box-sizing:border-box; border:1px solid #fff;}
.main_list .list_con .tab ul li:last-of-type {border-right:0;}
.main_list .list_con .tab ul li.on {color:#ef3f3e;}
.main_list .list_con .tab ul li.on span {color:#ef3f3e; border:1px solid #ef3f3e; box-sizing:border-box;}
.main_list .list_con .tab .line {position:absolute; top:50%; left:0; width:100%; height:1px; background:#d5d5d5; z-index:1;}

.main_list .list_con .list ul {margin-bottom:40px;}
.main_list .list_con .list ul li .per {position:absolute; top:59%; left:50%; margin-left:-30px;}
.main_list .list_con .list ul li .per .hover {display:none; position:absolute; width:100%; height:100%; background:rgba(255,182,61,0.5); border-radius:50%;}
.main_list .list_con .list ul li:hover .per .hover {display:block;}
.main_list .list_con .list .more {text-align:center;}
.main_list .list_con .list .more span {display:inline-block; width:300px; padding:12px 0; box-sizing:border-box; border:1px solid #ef3f3e; font-size:14px; color:#ef3f3e; font-weight:300; cursor:pointer;}
*/

/* fir_main_con */
.fir_main_con .nt_box {overflow:hidden; margin-bottom:100px; margin-top:20px;}
.fir_main_con .nt_box > div {overflow:hidden; width:45%; height:150px; box-sizing:border-box;}
.fir_main_con .nt_box .right {}
.fir_main_con .nt_box .right .tit {position:relative; width:25%; height:100%; padding:5%; box-sizing:border-box;}
.fir_main_con .nt_box .right .tit h3 {font-size:22px; color:#393f4d; font-weight:600;}
.fir_main_con .nt_box .right .tit h3 span {display:block; margin-top:10px; font-size:12px; color:#818691; font-weight:300;}
.fir_main_con .nt_box .right .tit a {display:block; margin-top:170px;}
.fir_main_con .nt_box .right .list {position:relative; float:right; width:75%; height:100%; padding:8.334%; box-sizing:border-box; background:#f6f7f8;}
.fir_main_con .nt_box .right .list ul li {overflow:hidden; margin-bottom:18px; padding-left:10px; background:url("/img/mc_list_bull.png") no-repeat 0 50%;}
.fir_main_con .nt_box .right .list ul li:last-of-type {margin-bottom:0;}
.fir_main_con .nt_box .right .list ul li a {display:block; float:left; overflow:hidden; width:60%; text-overflow:ellipsis; white-space:nowrap; color:#393f4d; font-weight:300;}
.fir_main_con .nt_box .right .list ul li span {display:block; float:right; width:25%; text-align:right; color:#818691; font-weight:300;}
.fir_main_con .nt_box .right .list ul li strong.notice {color:#ef3f3e;}
.fir_main_con .nt_box .right .list ul li strong.event {color:#393f4d;}
.fir_main_con .nt_box .left {position:relative; float:left; text-align:right; width:49.5%; height:100%; padding:5% 5% 5% 0; box-sizing:border-box;}


/* main_con */
.main_con .mc_boxnotice {overflow:hidden; margin-bottom:100px;}
.main_con .mc_boxnotice > div {float:left; overflow:hidden; width:50%; height:131px; box-sizing:border-box;}
.main_con .mc_boxnotice .left {background:url("/img/mc_left.gif") repeat-y 0 0;}
.main_con .mc_boxnotice .left .tit {position:relative; float:left; width:25%; height:100%; padding:5%; box-sizing:border-box;}
.main_con .mc_boxnotice .left .tit h3 {font-size:22px; color:#393f4d; font-weight:600;}
.main_con .mc_boxnotice .left .tit h3 span {display:block; margin-top:10px; font-size:12px; color:#818691; font-weight:300;}
.main_con .mc_boxnotice .left .tit a {display:block; margin-top:170px;}
.main_con .mc_boxnotice .left .list {position:relative; float:left; width:75%; height:100%; padding:3%; box-sizing:border-box; background:#f6f7f8;}
.main_con .mc_boxnotice .left .list ul li {overflow:hidden; margin-bottom:20px; padding-left:10px; background:url("/img/mc_list_bull.png") no-repeat 0 50%; line-height:120%;}
.main_con .mc_boxnotice .left .list ul li:last-of-type {margin-bottom:0;}
.main_con .mc_boxnotice .left .list ul li a {display:block; float:left; overflow:hidden; width:60%; text-overflow:ellipsis; white-space:nowrap; color:#393f4d; font-weight:300;}
.main_con .mc_boxnotice .left .list ul li span {display:block; float:right; width:25%; text-align:right; color:#818691; font-weight:300;}
.main_con .mc_boxnotice .left .list ul li strong.notice {color:#ef3f3e;}
.main_con .mc_boxnotice .left .list ul li strong.event {color:#393f4d;}

.main_con .mc_box {overflow:hidden; margin-bottom:100px;}
.main_con .mc_box > div {float:left; overflow:hidden; width:50%; height:300px; box-sizing:border-box;}
.main_con .mc_box .left {background:url("/img/mc_left.gif") repeat-y 0 0;}
.main_con .mc_box .left .tit {position:relative; float:left; width:25%; height:100%; padding:5%; box-sizing:border-box;}
.main_con .mc_box .left .tit h3 {font-size:22px; color:#393f4d; font-weight:600;}
.main_con .mc_box .left .tit h3 span {display:block; margin-top:10px; font-size:12px; color:#818691; font-weight:300;}
.main_con .mc_box .left .tit a {display:block; margin-top:170px;}
.main_con .mc_box .left .list {position:relative; float:left; width:75%; height:100%; padding:3%; box-sizing:border-box; background:#f6f7f8;}
.main_con .mc_box .left .list ul li {overflow:hidden; margin-bottom:20px; padding-left:10px; background:url("/img/mc_list_bull.png") no-repeat 0 50%;}
.main_con .mc_box .left .list ul li:last-of-type {margin-bottom:0;}
.main_con .mc_box .left .list ul li a {display:block; float:left; overflow:hidden; width:60%; text-overflow:ellipsis; white-space:nowrap; color:#393f4d; font-weight:300;}
.main_con .mc_box .left .list ul li span {display:block; float:right; width:25%; text-align:right; color:#818691; font-weight:300;}
.main_con .mc_box .left .list ul li strong.notice {color:#ef3f3e;}
.main_con .mc_box .left .list ul li strong.event {color:#393f4d;}
.main_con .mc_box .right {}
.main_con .mc_box .left .center {position:relative; float:left; width:100%; height:100%; padding:5%; box-sizing:border-box; background:#4e5565;}
.main_con .mc_box .left .center h3 {font-size:22px; color:#fff; font-weight:600;}
.main_con .mc_box .left .center h3 span {display:block; margin-top:10px; font-size:12px; color:#b5b8c2; font-weight:300;}
.main_con .mc_box .left .center img {position:absolute; top:30px; right:30px;}
.main_con .mc_box .left .center p {margin-top:100px; font-size:35px; color:#fff; font-weight:600; letter-spacing:-1px; cursor:default;}
.main_con .mc_box .left .center ul {margin-top:25px;}
.main_con .mc_box .left .center ul li {margin-bottom:10px; font-size:0;}
.main_con .mc_box .left .center ul li span {display:inline-block; width:30%; font-size:15px; color:#ffdb60; font-weight:300; text-align:justify;}
.main_con .mc_box .left .center ul li strong {display:inline-block; width:70%; font-size:15px; color:#ffdb60; font-weight:600;}
.main_con .mc_box .left .center ul li:last-of-type {margin-bottom:0;}
.main_con .mc_box .right .link {position:relative; float:left; width:100%; height:100%; text-align:center;}
.main_con .mc_box .right .link li {width:100%; height:50.5%; display:table;}
.main_con .mc_box .right .link li a {display:table-cell; vertical-align:middle;}
.main_con .mc_box .right .link li a p {font-size:25px; font-weight:600; margin-bottom:10px;}
.main_con .mc_box .right .link li a span {font-size:15px; font-weight:300;}
.main_con .mc_box .right .link li a.l_kakao {background:#fed754; color:#393f4d; cursor:default;}
.main_con .mc_box .right .link li a.l_email {background:#40d76c; color:#fff; cursor:default;}




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

	.main_list .list_con .list ul li .per {top:55%;}

}

/* 모바일 레아이웃 */
@media all and (max-width:1000px) {

	.main_visual {height:auto; margin-top:0;}
	.main_visual img.mo_img {width:100%;}
	.main_visual ul li {height:auto;}
	.main_visual .bx-controls-direction {display:none;}
	.main_visual .bx-controls-auto {display:none;}

	.main_list .tit {margin-bottom:10%;}
	.main_list .tit h3 {padding:0 2.5% 0 8%; background:url("/img/ml_tit_icon.png") no-repeat 4% 50%; font-size:3.5vw; background-size:8.7% auto;}

	.main_list {margin:10% 0 13%;}
	.main_list .list_con .list ul li {width:49.166%;}
	.main_list .list_con .list ul li:nth-of-type(2n) {margin-right:0;}
	.main_list .list_con .list ul li:hover .img .hover {display:none;}
	.main_list .list_con .list ul li .img img {height:100%;}
	.main_list .list_con .list ul li .per {top:41vw; width:20.48%; margin-left:-10.24%;}
	.main_list .list_con .list ul li .per img {width:100%;}
	.main_list .list_con .list ul li .txt {padding:10% 3.5% 6%; min-height:21vw;}
	.main_list .list_con .list ul li .txt p {font-size:3.2vw; word-break:keep-all;}
	.main_list .list_con .list ul li .txt span {padding:0.555% 1.84%; font-size:2.5vw;}
	.main_list .list_con .list .more {text-align:center;}
	.main_list .list_con .list .more span {width:46.875%; padding:3% 0; font-size:2.8vw;}
	.main_list .list_con .tab {margin-bottom:8%;}
	.main_list .list_con .tab.on {top:13.5vw; padding:5% 0 1%; margin-top:8%;}
	.main_list .list_con .tab.on .line {display:none;}
	.main_list .list_con .tab ul {display:block; padding:0 5%;}
	.main_list .list_con .tab ul li {width:33.333%; padding:0; margin-bottom:4%; border-right:1px solid #bababa; font-size:2.8vw; box-sizing:border-box;}
	.main_list .list_con .tab ul li span {display:block; padding:3% 0; font-size:2.8vw; margin:0 6%;}
	.main_list .list_con .tab ul li:last-of-type {border-right:1px solid #bababa;}
	.main_list .list_con .tab ul li:nth-of-type(4n) {border-left:1px solid #bababa;}
	.main_list .list_con .tab ul li:first-of-type {border-left:1px solid #bababa;}
	.main_list .list_con .tab .line {position:relative; top:auto; left:auto; width:100%; margin-top:3%;}
	
	.main_con .mc_boxnotice > div {float:none; width:100%; height:46.875vw;}

	.main_con .mc_box {margin-bottom:14%;}
	.main_con .mc_box > div {float:none; width:100%; height:46.875vw;}
	.main_con .mc_box .left {background:url("/img/mc_left.gif") repeat-y 0 0;}
	.main_con .mc_box .left .tit {padding:4%;}
	.main_con .mc_box .left .tit h3 {font-size:3.5vw; letter-spacing:-0.075em;}
	.main_con .mc_box .left .tit h3 span {margin-top:10%; font-size:2.5vw;}
	.main_con .mc_box .left .tit a {display:block; margin-top:155%;}
	.main_con .mc_box .left .tit a img {width:73.54%;}
	.main_con .mc_box .left .list ul li {overflow:hidden; margin-bottom:4%; padding-left:2%; background-size:0.46875vw auto;}
	.main_con .mc_box .left .list ul li img {width:2.1875vw; height:auto; }
	.main_con .mc_box .left .list {padding:7% 5%;}
	.main_con .mc_box .left .list ul li a {font-size:2.5vw;}
	.main_con .mc_box .left .list ul li span {font-size:2.5vw;}


	.main_con .mc_box .right {margin-top:7%;}
	.main_con .mc_box .left .center h3 {font-size:3.5vw; color:#fff; font-weight:600;}
	.main_con .mc_box .left .center h3 span {margin-top:5%; font-size:2.5vw;}
	.main_con .mc_box .left .center img {position:absolute; top:10%; right:10%; width:13.651%;}
	.main_con .mc_box .left .center p {margin-top:30%; font-size:5.46875vw;}
	.main_con .mc_box .left .center ul {margin-top:8%;}
	.main_con .mc_box .left .center ul li {margin-bottom:5%; font-size:0;}
	.main_con .mc_box .left .center ul li span {display:inline-block; width:35%; font-size:2.8vw; color:#ffdb60; font-weight:300; text-align:justify;}
	.main_con .mc_box .left .center ul li strong {display:inline-block; width:65%; font-size:2.8vw; color:#ffdb60; font-weight:600;}

	.main_con .mc_box .right .link li a p {font-size:4.6875vw; font-weight:900; margin-bottom:1.6%;}
	.main_con .mc_box .right .link li a span {font-size:2.814vw;}
	
}

@media all and (max-width:639px) {
	.main_list .list_con .list ul li {width:100%;}
	.main_list .list_con .list ul li:nth-of-type(2n) {margin-right:0;}
	.main_list .list_con .list ul li .txt {min-height:auto;}
}

@media all and (max-width:550px) {
	.main_list .list_con .tab.on {margin-top:15%;}
}

.main_list .list_con .list ul li.li_noData{width:100%;padding:40px;}