
/*-------------------*/

.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}
}
 */

/*-------------------*/

/* 팝업존 */
.mpop-kookje-irc {position:relative;color:#fff;text-align:left;}
.mpop-kookje-irc .top-tit .md-tit {line-height:1;font-size:18px;font-weight:500;margin-bottom:26px}
.mpop-kookje-irc .datalist-wrap li img {width:100%;}
.mpop-kookje-irc .ctrl-btns {position:absolute;top:-5px;right:0;}
.mpop-kookje-irc .ctrl-btns button {width:25px;height:25px;vertical-align:top;background:url(/_Img/Template/Main/owl_btn.png) no-repeat;border:0;vertical-align:top;}
.mpop-kookje-irc .ctrl-btns button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;}
.mpop-kookje-irc .ctrl-btns button.btn-prev {background-position:-157px -2px;}
.mpop-kookje-irc .ctrl-btns button.btn-next {background-position:-219px -2px;}
.mpop-kookje-irc .ctrl-btns button.btn-stop {background-position:-188px -2px}
.mpop-kookje-irc .ctrl-btns button.btn-play {background-position:-278px -2px;display:none;}
@media only screen and (max-width:599px){
	.mpop-kookje-irc .top-tit .md-tit {font-size:16px;margin-bottom:15px}
}

/*-------------------*/

.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:1099px){
	.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-pop {padding:32px 25px 20px;box-sizing:border-box;height:244px;background:#36424e;}
.mcont-wr .msec02 .m-pop .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:1099px){
	.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;width:100%;height:auto;overflow:hidden;float:none;}
	.mcont-wr .msec01 .m-link {display:block;}
	.mcont-wr .msec01 .m-link > div {display:block;padding-bottom:20px}
	.mcont-wr .msec01 .m-link .md-tit {padding:25px 20px 10px}
	.mcont-wr .msec01 .m-link li {float:left;width:20%;}
	.mcont-wr .msec01 .m-link li a {padding-left:20px;padding-right:15px}
	.mcont-wr .msec01 .m-link li a:after {right:5px;}
	.mcont-wr .msec02 {position:relative;width:100%;max-width:100%;float:none;background:transparent;padding-top:244px;}
	.mcont-wr .msec02 .m-pop {position:absolute;top:0;left:0;width:430px;z-index:100}
	.mcont-wr .msec02 .m-quick {float:left;width:50%;}
	.mcont-wr .msec02 .m-recruit {float:right;width:50%;height:300px;background:#fff;}
	.mcont-wr .msec02 .m-ban {position:absolute;top:0;right:0;width:100%;height:244px}
	.mcont-wr .msec02 .m-ban > div {margin-left:430px;width:auto;}
}
@media only screen and (max-width:999px){
	.mcont-wr .msec01 .m-link li {width:33.33%;}
}
@media only screen and (max-width:699px){
	.mcont-wr {padding-top:35%;}
	.mcont-wr .msec01 .m-link li {width:50%;}
	.mcont-wr .msec02 .m-quick {height:300px;}
	.mcont-wr .msec02 .m-quick li {width:33.33%;height:40%;}

}
@media only screen and (max-width:599px){
	.mcont-wr .msec02{padding-top:0;}
	.mcont-wr .msec02 .m-pop, .mcont-wr .msec02 .m-ban {position:relative;top:auto;left:auto;right:auto;width:100%;height:100%;}
	.mcont-wr .msec02 .m-pop {padding:25px 20px}
	.mcont-wr .msec02 .m-quick, .mcont-wr .msec02 .m-recruit {float:none;width:100%;height:100%;}
	.mcont-wr .msec02 .m-recruit {padding:20px;height:auto;}
	.mcont-wr .msec02 .m-ban {margin-bottom:20px;}
	.mcont-wr .msec02 .m-ban > div {margin-left:0;}
}
@media only screen and (max-width:399px){
	.mcont-wr .msec01 .m-link li {width:100%;float:none;}
	.mcont-wr .msec01 .m-link li a {padding-top:5px;padding-bottom:5px;}
	.mcont-wr .msec01 .m-link li a:after {right:15px;}
}

