﻿
.Main_Container{margin-top: 141px; padding-bottom: 55px; overflow: hidden;}
.m_s01{width: 1600px; height: 622px !important; background-color: #8ad3ee;}
.slider a {display: block; border: none;}
.mimg_01{z-index: 100; position: absolute; left: 0; top: 0;}
.slider_text_01{z-index: 90; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left;}
.slider_text_01 h2{width:1056px; margin: auto; margin-top: 105px; font-size: 50px; line-height: 100%; color: #fff;}
.slider_text_01 h2 span{color: #404040;}
.slider_text_01 h3{width:1056px; margin: auto; margin-top: 10px; font-size: 70px; line-height: 100%; color: #404040;}
.slider_text_01 h4{width:1056px; margin: auto; margin-top: 20px; font-size: 16px; line-height: 120%; color: #fff; font-weight: 500;}
.slider_text_01 p{width:1056px; margin: auto; margin-top: 60px;}

.m_s02{width: 1600px; height: 622px !important; background-color: #d0cac1;}
.mimg_02{z-index: 100; position: absolute; left: 0; top: 0;}
.slider_text_02{z-index: 90; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left;}
.slider_text_02 h2{width:1056px; margin: auto; margin-top: 105px; font-size: 50px; line-height: 100%; color: #fff;}
.slider_text_02 h2 span{color: #404040;}
.slider_text_02 h3{width:1056px; margin: auto; margin-top: 10px; font-size: 70px; line-height: 100%; color: #404040;}
.slider_text_02 h4{width:1056px; margin: auto; margin-top: 20px; font-size: 16px; line-height: 120%; color: #fff; font-weight: 500;}
.slider_text_02 p{width:1056px; margin: auto; margin-top: 60px;}

.m_s03{width: 1600px; height: 622px !important; background-color: #f9bf50;}
.mimg_03{z-index: 100; position: absolute; left: 0; top: 0;}
.slider_text_03{z-index: 90; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left;}
.slider_text_03 h2{width:1056px; margin: auto; margin-top: 105px; font-size: 50px; line-height: 100%; color: #fff;}
.slider_text_03 h2 span{color: #404040;}
.slider_text_03 h3{width:1056px; margin: auto; margin-top: 10px; font-size: 70px; line-height: 100%; color: #404040;}
.slider_text_03 h4{width:1056px; margin: auto; margin-top: 20px; font-size: 16px; line-height: 120%; color: #fff; font-weight: 500;}
.slider_text_03 p{width:1056px; margin: auto; margin-top: 60px;}


.login_quick_wp{position: absolute; z-index: 10; bottom: -120px; width: 100%; height: 80px; background: url(/Content/Homepage/image/ko-KR/main/m_login_quick_bg.png) center top no-repeat;}
.mlq_box{width:1056px; margin:0 auto; position: relative;}
.mlq_box:after{content:''; display:block; clear:both;}
.mlogin{margin-top: 20px; display: inline-block; float: left;}
.mlogin>li{float: left;}
.mlogout{display: inline-block; float: left; width: 630px; text-align: center;}
.mlogout>ul{display: inline-block;}
.mlogout:after{content:''; display:block; clear:both;}
.mlogout>ul>li{float: left; height: 80px;}
.login_icon_01{display: inline-block; width: 32px; height: 40px; background: url(/Content/Homepage/image/ko-KR/main/login_icon_01.png) 0 50% no-repeat;}
.login_icon_02{display: inline-block; width: 32px; margin-top: 20px; height: 40px; background: url(/Content/Homepage/image/ko-KR/main/login_icon_02.png) 0 50% no-repeat;}
.mlogin input{color: #707070; font-size: 12px; padding: 0 10px; margin-right: 5px; font-weight: 400; border:none; border-radius: 3px; width: 140px; height: 40px; }
.mlogin input[type=password]{background-color: #fff392;}
.main_login_btn{display: inline-block; width: 110px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 3px; background-color: #2d2d2d;}
.main_login_btn:hover{background-color: #000;}
.main_logout_btn{display: inline-block; padding: 0 20px; margin: 20px 10px; height: 40px; line-height: 40px; text-align: center; color: #707070; border-radius: 3px; background-color: #fff;}
.main_logout_btn:hover{background-color: #404040; color: #fff;}
.st_align{text-align: center;}
.mtitle_st{display: inline-block; font-size: 16px; color: #fff; float: left;line-height: 44px; font-weight: 200; margin-right: 10px; padding-left: 10px; background: url(/Content/Homepage/image/ko-KR/main/icon_li_b01.png)0 50% no-repeat;}
.log_name{font-size: 14px; margin-top: 20px; color: #fff; line-height: 44px; font-weight: 200; margin-left: 10px;}
.log_name>span{font-weight: 600; color: #000;font-size: 15px;}
.m_st_box_01{display: inline-block; height: 40px; margin-top: 20px; padding-left: 10px; position: relative; line-height: 40px;}
.m_st_box_01:after{content:''; display:block; clear:both;}
.m_st_box_01>a{display: inline-block; float: left;  width: 50px; height: 50px; border-radius: 50%; margin-top: -5px; background-color: #c5500a; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; overflow: hidden;}
.m_st_box_01>span{display: inline-block; float: left; line-height: 40px; color: #fff; font-size: 14px; font-weight: 500; margin-left: 5px;}
.mjoin_box{height: 40px; padding-left: 10px;}
.mjoin_box>a{display: inline-block; color: #fff; line-height: 40px;}
.mjoin_box>a:hover{color: #fff392;}
.mjoin_box>span{display: inline-block; padding: 0 10px; line-height: 40px; color: #f8b187; font-weight: 200;}

.mquick{position: absolute; right: 0; top: 0; margin-right: 10px;}
.mquick>li{float: left; border-left: 1px solid #f19259; padding-left: 20px;}
.btn_mquick_01{display: inline-block; height: 80px; padding-left: 50px; margin-right: 20px; line-height: 80px; background: url(/Content/Homepage/image/ko-KR/main/btn_mquick_01.png) left 50% no-repeat; font-size: 14px; color: #fff;}
.btn_mquick_01:hover{color: #fff392;}
.btn_mquick_02{display: inline-block; height: 80px; padding-left: 50px; margin-right: 20px; line-height: 80px; background: url(/Content/Homepage/image/ko-KR/main/btn_mquick_02.png) left 50% no-repeat; font-size: 14px; color: #fff;}
.btn_mquick_02:hover{color: #fff392;}
.btn_mquick_03{display: inline-block; height: 80px; padding-left: 50px; line-height: 80px; background: url(/Content/Homepage/image/ko-KR/main/btn_mquick_03.png) left 50% no-repeat; font-size: 14px; color: #fff;}
.btn_mquick_03:hover{color: #fff392;}

.st_list_box{width:1056px; margin:0 auto; margin-top: 80px; overflow: hidden; padding: 40px 0;}
.st_list_box h6 {font-size: 18px; border: 1px solid #e0e0e0; color: #000; padding: 0 15px; margin-top: 40px; line-height: 46px; box-sizing: border-box; box-shadow: 5px 3px 8px rgba(0,0,0,0.05);display: block; background: #fff; margin-bottom: 20px;position: relative;}
.st_list_box h6 .more {position: absolute;right: 15px;top: 0;color: #707070;font-size: 14px;background: url(/Content/Homepage/image/ko-KR/main/icon_more.png) right 50% no-repeat;padding-right: 30px;}

.mlearning_list_box>li{float: left; width: 25%; margin-bottom: 20px;}

.mlearning_list_01{width: 250px; height: 220px; overflow: hidden; margin: 0 auto;}
.mlearning_list_01 .minfo_list_title{font-size: 16px; line-height: 140%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #000; text-align: left; margin: 10px 0;}
.mlearning_list_01 .mterm_01{font-size: 14px; color: #707070; margin-bottom: 5px; line-height: 140%; overflow: hidden;}
.mlearning_list_01 .title_img02{display:block; position: relative; height: 141px; margin: 0; overflow: hidden;}
.mlearning_list_01 .title_img02>img{max-width: 250px; width: auto; height: 141px; margin: 0; overflow: hidden;}
.mlearning_list_01 .title_img02:before{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*   플레이 버튼    background: url("/Content/Homepage/image/ko-KR/common/icon_play.png") center 50% no-repeat;*/}
.mlearning_list_01 .title_img02:hover:before{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.7) /*   플레이 버튼   url("/Content/Homepage/image/ko-KR/common/icon_play.png") center 50% no-repeat;*/;}
.li_no_img_01{background: url("/Content/Homepage/image/ko-KR/common/li_no_img_01.png") center 50% no-repeat;}


.mbrd_wr{overflow: hidden; border-top: 1px solid #e0e0e0; background-color: #f6f6f6; padding: 40px 0;}
.mbrd_list_box{width:1056px; margin:0 auto;}
.mbrd_list_01 {width: calc(50% - 30px);float: left;}
.mbrd_list_02 {width: calc(50% - 30px);float: left; margin-left: 60px;}
.mbrd_list_box h6 {font-size: 18px; border: 1px solid #e0e0e0; color: #000; padding: 0 15px; line-height: 46px; box-sizing: border-box; box-shadow: 5px 3px 8px rgba(0,0,0,0.05);display: block; background: #fff; margin-bottom: 20px;position: relative;}
.mbrd_list_box h6 .more {position: absolute;right: 15px;top: 0;color: #707070;font-size: 14px;background: url(/Content/Homepage/image/ko-KR/main/icon_more.png) right 50% no-repeat;padding-right: 30px;}
.mbrd_list_box ul li {position: relative;margin-bottom: 15px;padding-right: 100px;box-sizing: border-box;}
.mbrd_list_box ul li a {display: block; line-height: 100%; font-size: 14px; padding-left: 20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url(/Content/Homepage/image/ko-KR/main/icon_li_b.png)10px 50% no-repeat;}
.mbrd_list_box ul li span {position: absolute;right: 10px;top: 0;font-size: 13px;color: #909090;}



.main-cont-area .slider-area .slider .btn{
	display: inline-block;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    padding: 0 35px 0 10px;
    height: 35px;
    box-sizing: border-box;
    line-height: 33px;
    background: url("/Content/Homepage/image/ko-KR/main/icon_show.png") no-repeat right 10px center;
}


.main-cont-area{
    clear: both;
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.main-cont-area:after{content:''; display:block; clear:both;} 



.main-cont-area .slider-area .slick-prev{
    top: 58%;
    left: 30px;
    border: 1px solid #fff;
    width: 55px;
    height: 110px;
    background: url("/Content/Homepage/image/ko-KR/main/icon_arrow_left.png") no-repeat center;
    text-indent: -99999px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    z-index: 1;
    opacity: 0.3;
}
.main-cont-area .slider-area .slick-next{
    top: 58%;
    right: 30px;
    border: 1px solid #fff;
    width: 55px;
    height: 110px;
    background: url("/Content/Homepage/image/ko-KR/main/icon_arrow_right.png") no-repeat center;
    text-indent: -99999px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    z-index: 1;
    opacity: 0.3;
}
.main-cont-area .slider-area .slick-prev:hover
, .main-cont-area .slider-area .slick-next:hover{
    opacity: 1;
}
.main-cont-area .slider-area .slick-dots{
    position: static;
    margin: auto;
	margin-top: -100px;
	bottom:auto;
	text-align: left;
	max-width: 1056px;
    box-sizing: border-box;
    box-sizing: border-box;
}
.main-cont-area .slider-area .slick-dots li{
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: #fff;
    border-radius: 100%;
}
.main-cont-area .slider-area .slick-dots li button{
    display: none;
}
.main-cont-area .slider-area .slick-dots li.slick-active{
    background: #404040;
    width: 32px;
	height: 14px;
    border-radius: 20px;
}
.main-cont-area .slider-area .slick-dots .stopPlay{
    cursor: pointer;
    font-size: 0;
    display: inline-block;
    background: url("/Content/Homepage/image/ko-KR/main/icon_stop.png") no-repeat center;
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    margin: -5px 0 0 5px;
}
.main-cont-area .slider-area .slick-dots .stopPlay.on{
    background: url("/Content/Homepage/image/ko-KR/main/icon_play.png") no-repeat center;
}
.main-cont-area .slider-area .slider{
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}
.main-cont-area .slider-area .slider img{
    margin: 0 auto;
}



/* Mobile */
@media all and (min-width:421px){
}


@media all and (min-width:640px){

}


/* Tablet */
@media all and (min-width:768px){


}




/* Desktop */
@media all and (min-width:1056px) {
	


}

