/*-------------------*/


.mlinks-kookje-06 {width:100%;height:100%;text-align:left;overflow:hidden;background:rgba(0,0,0,0.3);color:#fff;padding-bottom:32px;}

.mlinks-kookje-06 .md-tit {font-size:18px;font-weight:500;line-height:1;letter-spacing:-0.05em;padding:34px 36px 26px}

.mlinks-kookje-06 li {line-height:20px}

.mlinks-kookje-06 li a {position:relative;display:block;padding:9px 37px;}

.mlinks-kookje-06 li a span {color:#fff;font-size:14px;font-weight:500;transition:all .3s ease;}

.mlinks-kookje-06 li a:after {position:absolute;top:50%;right:34px;margin-top:-11px;content:"";display:block;width:25px;height:25px;background:url(/_Img/Template/Main/mlinks_arr.png) no-repeat 0 0;transition:all .3s ease;}

.mlinks-kookje-06 li a:hover span {text-decoration:underline;}

.mlinks-kookje-06 li a:hover:after {right:39px;}
@media only screen and (max-width:699px){
	.mlinks-kookje-06 {background:rgba(0,0,0,0.7)}
}

/* @media only screen and (max-width:1099px){
	.mlinks-kookje-06 .md-tit {padding:25px 35px 15px}
	.mlinks-kookje-06 ul {overflow:hidden;}
	.mlinks-kookje-06 li {float:left;width:20%;}
}
@media only screen and (max-width:699px){
	.mlinks-kookje-06 {background:rgba(0,0,0,0.7)}
	.mlinks-kookje-06 li {width:33.33%;}
}
@media only screen and (max-width:599px){
	.mlinks-kookje-06 {padding:10px 0}
	.mlinks-kookje-06 .md-tit {padding:10px 15px;text-align:center;}
	.mlinks-kookje-06 li {width:50%;}
	.mlinks-kookje-06 li a {padding-bottom:4px}
}
 */

/*-------------------*/

.mtabboard-kookje-01 {position:relative;width:100%;height:100%;text-align:left;overflow:hidden;}
.mtabboard-kookje-01 .tabboard-wrap, .mtabboard-kookje-01 dl, .mtabboard-kookje-01 dd .tabboard-slide {height:100%;}
.mtabboard-kookje-01 dt {line-height:1;}
.mtabboard-kookje-01 dt a {color:#333;font-size:18px;font-weight:500;letter-spacing:-0.06em;}
.mtabboard-kookje-01 dd {height:82%;} 
.mtabboard-kookje-01 dd .item a {position:relative;display:block;line-height:26px;text-align:center;padding-top:65px;padding-bottom:55px;}
.mtabboard-kookje-01 dd .item a .ico-new {display:inline-block;vertical-align:middle;margin-left:5px;width:18px;height:18px}
.mtabboard-kookje-01 dd .item .subject {font-size:14px;font-weight:500;color:#333;display:inline-block;vertical-align:middle;line-height:22px;overflow:hidden;max-width:74%;max-height:46px;word-wrap:break-word;word-break:keep-all;margin-left:auto;margin-right:auto;}
.mtabboard-kookje-01 dd .item a:hover .subject {text-decoration:underline;}
.mtabboard-kookje-01 .no-data {padding-top:50px;font-size:15px;background:url(/_Img/Common/ico_nodata.png) no-repeat 50% 0;margin-top:20px;}
.mtabboard-kookje-01 .btn-more {position:absolute;top:-2px;right:-6px;width:25px;height:25px;background:url(/_Img/Template/Main/mtab_ctrlbtns.png) no-repeat -26px -103px;transition:all .3s ease;}
.mtabboard-kookje-01 .btn-more:hover {transform:rotate(450deg)}
.mtabboard-kookje-01 .owl-prev, .mtabboard-kookje-01 .owl-next {position:absolute;top:75px;border:0;background:url(/_Img/Template/Main/mtab_ctrlbtns.png) no-repeat;width:25px;height:25px;text-indent:-9999px;vertical-align:top;}
.mtabboard-kookje-01 .owl-prev {left:0;background-position:-26px 0}
.mtabboard-kookje-01 .owl-next {right:0;background-position:-26px -26px;}
.mtabboard-kookje-01 .ctrl-btns {position:absolute;top:-3px;right:26px;}
.mtabboard-kookje-01 .ctrl-btns button {width:25px;height:25px;border:0;background:url(/_Img/Template/Main/mtab_ctrlbtns.png) no-repeat;vertical-align:top;}
.mtabboard-kookje-01 .ctrl-btns button.btn-stop {background-position:-26px -78px;}
.mtabboard-kookje-01 .ctrl-btns button.btn-play {display:none;background-position:-26px -52px}
.mtabboard-kookje-01 .ctrl-num {position:absolute;bottom:25px;left:0;width:100%;display:block;text-align:center;color:#333;font-size:12px;}
.mtabboard-kookje-01 .ctrl-num em {font-style:normal;text-decoration:underline;color:#1875d5;}
.mtabboard-kookje-01 .no-data {display:table;width:100%;height:100%;}
.mtabboard-kookje-01 .no-data .no-txt {display:table-cell;vertical-align:middle;}
@media only screen and (max-width:659px){
	.mtabboard-kookje-01 dd .item a {padding-top:35px;padding-bottom:15px;}
	.mtabboard-kookje-01 .owl-prev, .mtabboard-kookje-01 .owl-next {top:45px}
}

/*-------------------*/


.micban-kookje-06 {background:#fd8900;padding-bottom:35px;width:100%;height:100%;box-sizing:border-box;}

.micban-kookje-06 .md-tit {position:relative;font-size:18px;z-index:100;background:#fd6c01;color:#fff;text-transform:uppercase;line-height:1;padding:26px 25px;text-align:left;}

.micban-kookje-06 .datalist {height:100%;}
.micban-kookje-06 ul {position:relative;overflow:hidden;width:100%;height:100%;}

.micban-kookje-06 li {float:left;width:33.3%;height:100%;text-align:center;}

.micban-kookje-06 li a {position:relative;display:block;padding-top:30px;max-width:99%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.3}

.micban-kookje-06 li .picon {position:relative;display:block;width:39px;height:39px;background:url(/_Img/Template/Icons/micban-kookje-s-02.png) no-repeat;margin-left:auto;margin-right:auto;margin-bottom:15px;z-index:100;}

.micban-kookje-06 li .ptit {display:block;font-size:14px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.micban-kookje-06 li .ptxt {display:none;}
.micban-kookje-06 li a:hover .picon {animation:cs_ani 1s ease-out;-webkit-animation:cs_ani 1s ease-out;transform-origin:bottom;-webkit-transform-origin:bottom;}
.micban-kookje-06 li a:hover .ptit, .micban-kookje-06 li a:focus .ptit, .micban-kookje-06 li a:active .ptit {text-decoration:underline;}
.micban-kookje-06 li .picon.icon-icon1 {background-position:0 -41px;}

.micban-kookje-06 li .picon.icon-icon2 {background-position:-41px -41px;}

.micban-kookje-06 li .picon.icon-icon3 {background-position:-82px -41px;}

.micban-kookje-06 li .picon.icon-icon4 {background-position:-123px -41px;}

.micban-kookje-06 li .picon.icon-icon5 {background-position:-164px -41px;}

.micban-kookje-06 li .picon.icon-icon6 {background-position:-205px -41px;}

.micban-kookje-06 li .picon.icon-icon7 {background-position:-246px -41px;}

.micban-kookje-06 li .picon.icon-icon8 {background-position:-287px -41px;}

.micban-kookje-06 li .picon.icon-icon9 {background-position:-328px -41px;}

.micban-kookje-06 li .picon.icon-icon10 {background-position:-369px -41px;}
@media only screen and (max-width:659px){
	.micban-kookje-06 {padding-bottom:15px}
	.micban-kookje-06 .md-tit {font-size:16px;padding:15px 20px}
	.micban-kookje-06 li {width:16.66%;}
	.micban-kookje-06 li a {padding-top:20px;}
}
@media only screen and (max-width:599px){
	.micban-kookje-06 {padding-bottom:10px;}
	.micban-kookje-06 .md-tit {padding:15px;font-size:16px}
	.micban-kookje-06 li a {padding-top:15px;}
	.micban-kookje-06 li {width:33.33%}
}
@media only screen and (max-width:499px){
	.micban-kookje-06 li .picon {margin-bottom:5px;width:32px;height:32px;}
	.micban-kookje-06 li .picon.icon-icon1 {background-position:0 -82px;}
	.micban-kookje-06 li .picon.icon-icon2 {background-position:-34px -82px;}
	.micban-kookje-06 li .picon.icon-icon3 {background-position:-68px -82px;}
	.micban-kookje-06 li .picon.icon-icon4 {background-position:-102px -82px;}
	.micban-kookje-06 li .picon.icon-icon5 {background-position:-136px -82px;}
	.micban-kookje-06 li .picon.icon-icon6 {background-position:-170px -82px;}
	.micban-kookje-06 li .picon.icon-icon7 {background-position:-204px -82px;}
	.micban-kookje-06 li .picon.icon-icon8 {background-position:-238px -82px;}
	.micban-kookje-06 li .picon.icon-icon9 {background-position:-272px -82px;}
	.micban-kookje-06 li .picon.icon-icon10 {background-position:-306px -82px;}
	.micban-kookje-06 li .ptit {font-size:13px;}
}
@media only screen and (max-width:399px){
	.micban-kookje-06 li {width:50%;}
}

/*-------------------*/

.mtabboard-kookje-03 {position:relative;width:100%;height:100%;background:#fff;text-align:left;overflow:hidden;}
.mtabboard-kookje-03 .is-tabboard, .mtabboard-kookje-03 dl {height:100%;}
.mtabboard-kookje-03 dt {line-height:1;padding-top:5px;}
.mtabboard-kookje-03 dt a {color:#333;font-size:18px;font-weight:500;letter-spacing:-0.06em;}
.mtabboard-kookje-03 dd {display:none;padding-top:18px;font-size:14px;}
.mtabboard-kookje-03 dd li a {position:relative;display:block;padding:0 0 0 15px;line-height:26px;}
.mtabboard-kookje-03 dd li a:before {position:absolute;top:15px;left:1px;content:"";display:block;width:3px;height:3px;background:#b1b1b1;}
.mtabboard-kookje-03 dd li a .ico-new {display:inline-block;margin-left:5px;}
.mtabboard-kookje-03 dd li .subject {color:#555;display:inline-block;vertical-align:middle;max-width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mtabboard-kookje-03 dd li a:hover .subject {text-decoration:underline;}
.mtabboard-kookje-03 dd li .date {position:absolute;top:2px;right:0;font-size:12px;color:#666;}
.mtabboard-kookje-03 dd li.no-data {background:url(/_Img/Common/ico_nodata.png) no-repeat 50% 8%;padding-top:100px;font-size:15px;padding-bottom:20px;}
.mtabboard-kookje-03 .btn-more {position:absolute;top:0;right:0;width:30px;height:30px;background:url(/_Img/Template/Main/ico_btnmore.png) no-repeat 0 0;transition:all .5s ease;}
.mtabboard-kookje-03 .btn-more:hover {transform:rotate(360deg)}
.mtabboard-kookje-03 .isOn dd {display:block;}
@media only screen and (max-width:449px){
	.mtabboard-kookje-03 dd {padding-top:10px}
	.mtabboard-kookje-03 dd li .subject {max-width:88%}
	.mtabboard-kookje-03 dd li .date {display:none;}
}

/*-------------------*/
.mimban2-kookje-02 {overflow:hidden;position:relative;width:100%;height:100%;background:#0b91b7 url(/_Img/Template/Main/mimban2_02_bg.gif) no-repeat right bottom;}
.mimban2-kookje-02 .bg-img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.mimban2-kookje-02 .bg-img img {width:100%;height:100%;}
.mimban2-kookje-02 .pcont {position:relative;padding:34px 25px;color:#fff;z-index:2;text-align:left;box-sizing:border-box;height:100%;width:100%;}
.mimban2-kookje-02 .pcont .tit {font-size:16px;;display:block;line-height:1;margin-bottom:17px;}
.mimban2-kookje-02 .pcont .tit:after {content:"";display:inline-block;vertical-align:middle;background:url(/_Img/Template/Main/mimban2_02_arr.png) no-repeat 0 0;width:26px;height:26px;transition:all .3s ease;margin-left:12px;margin-top:-4px;}
.mimban2-kookje-02 .pcont .txt {overflow:hidden;font-size:14px;line-height:22px;word-wrap:break-word;word-break:keep-all;}
.mimban2-kookje-02 a:hover .pcont:after {right:30px;}
@media only screen and (max-width:999px){
	.mimban2-kookje-02 .bg-img img {position:absolute;bottom:0;right:0;width:auto;height:auto;}
}
@media only screen and (max-width:599px){
	.mimban2-kookje-02 .pcont {padding:20px}
	.mimban2-kookje-02 .pcont br {display:none;}
}

/*-------------------*/

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute;}
.m-div-wrap {position:relative;width:100%;text-align:center;margin:0 auto 0 auto;}
.m-div-cont {position:relative;text-align:left;margin:0 auto 0 auto;}
.m-div-cont:after {clear:both;content:"";display:block;}

@media all and (min-width:481px) and (max-width:759px){
	.m-div-cont , #contents.m-div-cont {margin-left:0px;margin-right:0px;}
}
@media all and (max-width:480px){
	.m-div-cont, #contents.m-div-cont {margin-left:0px;margin-right:0px;}
}
.m-div-gap {height:20px;display:block;}
.mw-wrap {position:relative;width:100%;height:100%;}

/*///////////////////////////*/

/* 메인 비쥬얼 */
.msec-mvisual width:100%;height:auto;overflow:hidden;z-index:1;}
#mvisual-wr {position:relative;}
#mvisual-wr .visimg-wr {}
/* #mvisual-wr .visimg-img {position:absolute;top:0;left:0;transition:left .3s ease, margin .3s ease} */
#mvisual-wr .visimg-img img {width:100%;vertical-align:top;}
#mvisual-wr .visimg-bg {position:absolute;}
#mvisual-wr .ctrl-nums {position:absolute;top:330px;left:100px;z-index:100;width:auto;text-align:center;background:rgba(0,0,0,0.3);display:block;padding:0 12px}
#mvisual-wr .ctrl-nums button, #mvisual-wr .ctrl-nums .nums button {border:0;width:35px;height:40px;background:url(/_Img/Template/Main/mvis_ctrl_btns.png) no-repeat;vertical-align:top;}
#mvisual-wr .ctrl-nums button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-1000px;}
#mvisual-wr .ctrl-nums button.btn-stop {background-position:-13px 0}
#mvisual-wr .ctrl-nums button.btn-play {background-position:-149px 0;display:none;}
#mvisual-wr .ctrl-nums .nums button {background-position:-48px 0}
#mvisual-wr .ctrl-nums .nums button.active {background-position:-79px 0}
#mvisual-wr .ctrl-nums .btn-prev, #mvisual-wr .ctrl-nums .btn-next {display:none;}
@media only screen and (max-width:999px){
	.msec-mvisual {position:absolute;top:0;left:0;width:100%;height:100%;}
	#mvisual-wr .visimg-img {width:100% !important;height:100% !important;}
	#mvisual-wr .visimg-img img {width:100% !important;height:auto !important;}
	#mvisual-wr .ctrl-nums {top:5%;left:auto;right:20px}

}


/* 메인컨텐츠 */
.mcont-wr {position:absolute;top:0;right:0;width:680px;height:100%;box-sizing:border-box;z-index:10;background:rgba(0,0,0,0.3);overflow:hidden;}
.mcont-wr .msec01 {float:left;width:250px;height:100%;}
.mcont-wr .msec01 .m-link {display:table;width:100%;height:100%;}
.mcont-wr .msec01 .m-link > div {display:table-cell;vertical-align:middle;}
.mcont-wr .msec02 {float:right;background:#fff;width:430px;}
.mcont-wr .msec02 .m-notice {padding:35px 30px 25px;box-sizing:border-box;height:244px}
.mcont-wr .msec02 .m-notice .mtabboard-kookje-01 .no-data {padding-top:80px}
.mcont-wr .msec02 .m-recruit {height:254px;box-sizing:border-box;padding:43px 25px 30px}
.mcont-wr .msec02 .m-ban {height:150px;overflow:hidden;}
.mcont-wr .msec02 .m-ban .mimban2-dsu-03 .pcont {padding-top:34px;padding-bottom:25px;}
@media only screen and (max-width:999px){
	.mcont-wr {position:relative;width:100%;background:transparent;padding-left:15px;padding-right:15px;z-index:100;padding-top:250px;}
	.mcont-wr .msec01 {position:relative;height:290px;overflow:hidden;}
	.mcont-wr .msec01 .m-link {display:block;}
	.mcont-wr .msec01 .m-link > div {display:table;}
	.mcont-wr .msec02 {width:100%;max-width:100%;float:none;background:transparent}
	.mcont-wr .msec02 .m-notice {margin-left:250px;background:#fff;height:290px;margin-bottom:10px;}
	.mcont-wr .msec02 .m-quick {float:left;width:50%;height:300px;}
	.mcont-wr .msec02 .m-recruit {float:right;width:50%;height:300px;background:#fff;}
	.mcont-wr .msec02 .m-ban {clear:both;width:100%;}
}
@media only screen and (max-width:659px){
	.mcont-wr {padding-top:80%;}
	.mcont-wr .msec01 {position:relative;top:auto;left:auto;width:100%;height:100%;float:none;}
	.mcont-wr .msec02 .m-notice {margin-left:0;height:100%;}
	.mcont-wr .msec02 .m-quick {float:none;width:100%;height:auto;}
	.mcont-wr .msec02 .m-recruit {float:none;width:100%;height:100%;padding:15px 20px}
}
@media only screen and (max-width:599px){
	.mcont-wr .msec02 {padding-bottom:10px}
	.mcont-wr .msec02 .m-quick {height:100%;}
	.mcont-wr .msec02 .m-notice {padding:20px 10px 10px}
}