@charset "UTF-8";
*{box-sizing: border-box;}
main.container{padding: 0;}
main.container{width: 1200px; margin: 0 auto; position: relative; padding-top: 142px; padding-bottom: 50px;
    min-width: 1200px;
}
.main_banner{width: 100% !important;}
.main_banner_ul{padding: 0; margin: 0;}
.main_banner li{list-style: none; height: 100%; }
.main_banner li a{display: block; width: 100%; height: 100%;}
.main_banner_art{ position: relative;}
.main_banner_ul div{padding: 0; margin: 0;}

.slick-arrow:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #80a8d2;
}
.slick-arrow.fb-prev:before {
    content: "\f137";
}
.slick-arrow.fb-next:before {
    content: "\f138";
}

.slick-arrow3:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #80a8d2;
}
.slick-arrow3.fb-prev:before {
    content: "\f137";
}
.slick-arrow3.fb-next:before {
    content: "\f138";
}

.slick-arrow4:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #80a8d2;
}
.slick-arrow4.fb-prev:before {
    content: "\f137";
}
.slick-arrow4.fb-next:before {
    content: "\f138";
}



.popup-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #565a5d;
    border-radius: 30px;
    padding: 0 15px;
    min-width: 118px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    color: #fff;
}

.popup-btn2 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #565a5d;
    border-radius: 30px;
    padding: 0 15px;
    min-width: 118px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    color: #fff;
}

.popup-btn3 {
    position: absolute;
    top:24px;
    right: 20px;
    background: #565a5d;
    border-radius: 30px;
    padding: 0 15px;
    min-width: 118px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    color: #fff;
}


.slick-control2{
    cursor:pointer;
    border:0;
    display:block;
    width:23px;
    height:28px;
    z-index:10;
    overflow:hidden;
    background: transparent;
    float: left;
    vertical-align: top;
}
.slick-control2:before,
.slick-arrow2:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #fff;
}
.slick-control2:before {
    content: "\f28b";
}
.slick-control2.paused:before {
    content:"\f144";
}
.slick-arrow2 {
    display: inline-block;
    width:18px;
    vertical-align: top;
    border:0;
    background:transparent;
}
.slick-arrow2.fb-prev2:before {
    content: "\f137";
}
.slick-arrow2.fb-next2:before {
    content: "\f138";
}


.slick-control3{
    cursor:pointer;
    border:0;
    display:block;
    width:23px;
    height:28px;
    z-index:10;
    overflow:hidden;
    background: transparent;
    float: left;
    vertical-align: top;
}
.slick-control3:before,
.slick-arrow3:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #fff;
}
.slick-control3:before {
    content: "\f28b";
}
.slick-control3.paused:before {
    content:"\f144";
}
.slick-arrow3 {
    display: inline-block;
    width:18px;
    vertical-align: top;
    border:0;
    background:transparent;
}
.slick-arrow3.fb-prev3:before {
    content: "\f137";
}
.slick-arrow3.fb-next3:before {
    content: "\f138";
}



.slick-control4{
    cursor:pointer;
    border:0;
    display:block;
    width:23px;
    height:28px;
    z-index:10;
    overflow:hidden;
    background: transparent;
    float: left;
    vertical-align: top;
}
.slick-control4:before,
.slick-arrow4:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #fff;
}
.slick-control4:before {
    content: "\f28b";
}
.slick-control4.paused:before {
    content:"\f144";
}
.slick-arrow4 {
    display: inline-block;
    width:18px;
    vertical-align: top;
    border:0;
    background:transparent;
}
.slick-arrow4.fb-prev4:before {
    content: "\f137";
}
.slick-arrow4.fb-next4:before {
    content: "\f138";
}



#slick-log2 {
    float:left;
}
#slick-log3 {
    float:left;
}

#slick-log4 {
    float:left;
}
.slick-slide{
    /*height: 400px;
    min-height: 200px;*/
}
.slick-slide img {
    width:100%;
    /*height: auto;
    min-height: 200px;*/
}
.main_banner2_ul .slick-slide img {
    width:100%;
    height: 260px;
}
.slick-track{
    line-height: 0;
}

main.container h3{font-size: 1.5rem; color: #000; font-weight: 300;}
.namgan_couse_wrap{display: flex;}
.namgan_couse_wrap h3{margin-bottom:0; background: url("/cms/assets/namhansansung-2/img/course_icon.png") no-repeat right 0; display: inline-block; padding-right: 30px;}
.namgan_couse_wrap h3 span{font-weight: 600 !important; color: #493722; letter-spacing:-1px;}
.namgan_couse_wrap article > p{color:#333; font-weight:200;}

.namgan_couse{width: 58.34%; margin-right:20px;}
.old_namgan_couse{width: calc(41.66% - 20px);}
.old_namgan_couse > div:first-child > div{
    background:#f8f7f5;
    padding:0.9rem;
    height:313px;
    border-radius:5px;
}
.old_namgan_couse > div:first-child > div > p:last-child{
    line-height:1.3;
    position:relative; padding-left: 0.5rem;

}
.old_namgan_couse > div:first-child > div > p:last-child:after{
    content:""; display:block; position:absolute; top:7px; left:0;
    background: black; width:2px; height:2px; border-radius:25%;
}
.old_namgan_couse > div:first-child > div a{
    display:block; width: 100%; height: 100%;
}

.namgan_couse_box{position: relative; width:100%; padding-top:45px; }
.namgan_couse_box > div{
    width:100%;
}
.namgan_couse_box > div > p{
    position: absolute;
    top: 0px;
    cursor: pointer;
    font-size: 1.15rem;
    width:20%;
    text-align:center;
    height:45px;
    background: #d4c3af;
    display: flex;
    align-items:center;
    justify-content:center;
}
.namgan_couse_box > div > div{
    background:#f8f7f5;
    padding:0.9rem;
    display:none;
    height:424px;

}
.namgan_couse_box > div > div a{
    width:100%;
    display:block;
}
.namgan_couse_box > div > div p{
    line-height:1.3;
}
.namgan_couse_box > div > div p:last-child{
    position:relative; padding-left: 0.5rem;
}
.namgan_couse_box > div > div p:last-child:after{
    content:""; display:block; position:absolute; top:7px; left:0;
    background: black; width:2px; height:2px; border-radius:25%;
}
.namgan_couse_box > div > div img{
    width:100%;
}
.one_cos > p{
    left:0;
    border-top-left-radius: 5px;
}
.two_cos > p{
    left:20%;
}
.thress_cos > p{
    left:40%;
}
.four_cos > p{
    left:60%;
}
.five_cos > p{
    left:80%;
    border-top-right-radius: 5px;
}
.namgan_couse_box > div.on > div{
    display:block;
}
.namgan_couse_box > div.on > p{
    background: #493722;
    color: #fff;
}
.banner_history_wrap{margin-top:20px; height:137px;
    background-color: #f7e2cd;
    border-radius: 5px;
}
.banner_history_wrap > div{
    height:100%;
    display: flex; align-items:center;
    background: url('/cms/assets/namhansansung-2/img/history_bg.png') no-repeat right bottom;
}
.banner_history_wrap > div a{
    display:block;
    padding-left: 20px;
}
.banner_history_wrap > div a p{
    margin:0; padding:0; line-height:1.2;
}
.banner_history_wrap > div a p:first-child{
    font-weight: 500; color:#493722; font-size:1.13rem;
}
.banner_history_wrap > div a p:nth-child(2){
    font-weight: 200; color:#493722; font-size:0.9rem;
}
.banner_history_wrap > div a p:last-child{
    background: url('/cms/assets/namhansansung-2/img/history_click.png') no-repeat right 10px top 5px #493722;
    display: inline-block;
    border-radius:15px;
    color: #fff; padding:3px 100px 3px 15px;
    font-size:0.9rem; font-weight:100;
    margin-top: 20px;

}

.namhan_baer_section{margin-top:20px;}
.namhan_baer_section p{margin:0; padding:0; line-height:1.2;}
.namhan_baer_section article{}
.namhan_baer_section article ul{display: flex; justify-content: space-between;}
.namhan_baer_section article ul li{width:24.25%;
    background: url("/cms/assets/namhansansung-2/img/banner_back_patten.png") no-repeat center #efe1d1;
    display: flex;
    align-items: center;
    height:95px;
}
.namhan_baer_section article ul li a{
    display:block; width: 100%; height: 100%;
}
.namhan_baer_section article ul li div{
    background : url('/cms/assets/namhansansung-2/img/con_01.png')no-repeat bottom 0px right -20px;
    width:100%;
    height: 100%;
    padding: 15px 0 0 25px;
    background-size: 45%;
}
.namhan_baer_section article ul li div p{
    color: #2f2f2f;
}
.namhan_baer_section article ul li div p span{
    display: block;
}
.namhan_baer_section article ul li div p:first-child{
    display: inline-block;
    box-shadow: 0px 4px 0px #f1aa44
}
.namhan_baer_section article ul li div p:last-child{
    font-size:1.45rem;
    color: #392003;
    font-Weight:500;
    letter-spacing: -1px;
}
.namhan_baer_section article ul li:nth-child(2){
    background-color:#f5e8d0;
}
.namhan_baer_section article ul li:nth-child(3){
    background-color:#eee2d9;
}
.namhan_baer_section article ul li:nth-child(2) div{
    background : url('/cms/assets/namhansansung-2/img/con_02.png')no-repeat bottom 0px right 0px;
     background-size: 35%;
}
.namhan_baer_section article ul li:nth-child(3) div{
    background : url('/cms/assets/namhansansung-2/img/con_03.png')no-repeat bottom 0px right 0px;
    background-size: 35%;
}
.namhan_baer_section article ul li:nth-child(4) div{
    background : url('/namhansansung-2/cmmn/download.do?idx=1034309')no-repeat bottom 0px right 0px;
    background-size: 35%;
}
.notice_icon_wrap{display: flex; margin-top: 20px;}
.notice_icon_wrap article.notice_wrap{width: 58.34%; margin-right:20px;}
.notice_icon_wrap article.icon_wrap{width: calc(41.66% - 20px);}
.notice_atc{border:5px solid #ebebeb; position:relative;}
.notice_atc h3{margin: 0;  padding: 15px 0px 15px 20px;}
.notice_atc h3 span{font-weight:600; color:#493722;}
.notice_atc ul{border-top:2px dashed #ebebeb; height:230px; margin: 0; padding: 10px 20px 10px 20px;}
.notice_atc p{position:absolute; top:15px; right:20px;}

.notice_atc > ul li{list-style: none; position: relative; padding-right:80px; font-weight: 200; margin-bottom: 15px;}
.notice_atc > ul li:last-child{margin-bottom: 0px;}
.notice_atc > ul li span{position: absolute; right: 0px; top:0;font-size: 0.9rem; }
.notice_atc > ul li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%; display: block; position: relative; padding-left: 10px;}
.notice_atc > ul li a:before{content: ""; display: block; width: 5px; height: 1px; background-color: #797979; position: absolute; top: 14px; left: 0;}
.icon_wrap{}
.icon_wrap ul{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; height: 100%;}
.icon_wrap ul li{width: 27.0833%; border:1px solid #ececec; border-radius:10px; height:120px; box-shadow: 2px 1px 15px 2px rgba(56, 56, 56, .2);}
.icon_wrap ul li a{display:flex; height: 100%; width:100%; align-items:flex-end; justify-content:center;
    background-image:url('/cms/assets/namhansansung-2/img/icon_01.png');
    background-repeat: no-repeat;
    background-position: center top 15px;
    border-radius:10px;
}
.icon_wrap ul li a p{line-height: 1.2; font-size: 0.9rem;text-align: center;}
.icon_wrap ul li a:hover{
    background-image:url('/cms/assets/namhansansung-2/img/icon_01_hover.png');
    box-shadow: 0 0 0 5px #6c6052 inset;
}
.icon_wrap ul li:nth-child(2) a{
    background-image:url('/cms/assets/namhansansung-2/img/icon_02.png');
}

.icon_wrap ul li:nth-child(2) a:hover{
    background-image:url('/cms/assets/namhansansung-2/img/icon_02_hover.png');
}
.icon_wrap ul li:nth-child(3) a{
    background-image:url('/cms/assets/namhansansung-2/img/icon_03.png');
}

.icon_wrap ul li:nth-child(3) a:hover{
    background-image:url('/cms/assets/namhansansung-2/img/icon_03_hover.png');
}
.icon_wrap ul li:nth-child(4) a{
    background-image:url('/cms/assets/namhansansung-2/img/icon_04.png');
}

.icon_wrap ul li:nth-child(4) a:hover{
    background-image:url('/cms/assets/namhansansung-2/img/icon_04_hover.png');
}
.icon_wrap ul li:nth-child(5) a{
    background-image:url('/cms/assets/namhansansung-2/img/icon_05.png');
}

.icon_wrap ul li:nth-child(5) a:hover{
    background-image:url('/cms/assets/namhansansung-2/img/icon_05_hover.png');
}
.icon_wrap ul li:nth-child(6) a{
    background-image:url('/cms/assets/namhansansung-2/img/icon_06.png');
}

.icon_wrap ul li:nth-child(6) a:hover{
    background-image:url('/cms/assets/namhansansung-2/img/icon_06_hover.png');
}
.photo_gallery_wrap{margin-top:20px;}
.photo_gallery{position: relative;}
.photo_gallery_wrap h3 span{font-weight:600; color:#493722;}
.photo_gallery_wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px;}
.photo_gallery_wrap ul li{
    width:23.0833%; margin-bottom: 30px;
}
.photo_gallery_wrap ul li a{
    display: block;
    position: relative;
}
.photo_gallery_wrap ul li a p{
    position:absolute;
    bottom:0px;
    width: 100%;
    margin:0;
    text-align: center;
    color:#fff;
    background: rgba(0, 0, 0, 0.7);
    line-height: 1.2;
    font-size:0.9rem;
    font-weight:200;
    padding: 1.1rem 0;
}
.photo_gallery_wrap ul li a:hover p{
    background: #eb9417;
}
.photo_gallery > p{position:absolute; top:0px; right:3px;}

@media (max-width: 1199px) {
    main.container{width: 100%;}

}
@media (max-width: 992px){
    main.container{min-width: 100%;}
    main.container{padding-top: 48px;}
    .namgan_couse_wrap, .namhan_baer_section, .notice_icon_wrap , .photo_gallery_wrap{padding:0 0.9rem;}
    .namgan_couse_wrap{display:block;}
    .namgan_couse{width: 100%; margin-right:0px;}
    .old_namgan_couse{width: 100%;}
    .namgan_couse_box{margin-top:5px;}
    .banner_history_wrap{margin-top:10px;}
    .namgan_couse_box > div > div{
        height:auto;
    }
    .namgan_couse_wrap article > p, .old_namgan_couse > div > p{display: none;}
    .old_namgan_couse > div:first-child > div{height: auto;margin-top:5px;}
    .old_namgan_couse > div:first-child > div a img{
        width: 100%;
    }
    .notice_icon_wrap{display: block;}
    .notice_icon_wrap article.notice_wrap{width: 100%;}
    .notice_icon_wrap article.icon_wrap{width: 100%; margin-top:20px;}
    .icon_wrap ul{display: flex; flex-wrap: nowrap; justify-content: space-between;}
    .icon_wrap ul li{width: 15%; border:1px solid #ececec;}
    .notice_atc ul{height:auto;}
}
@media (max-width: 768px) {
    .banner_history_wrap{height: 120px;}
    .namhan_baer_section article ul{display:block;}
    .namhan_baer_section article ul li{width:100%; margin-bottom: 10px; height:80px;}
    .namhan_baer_section article ul li div p span{display: inline;}
    .photo_gallery_wrap ul{justify-content: flex-start;}
    .photo_gallery_wrap ul li{width:calc(33.33% - 15px); margin-right: 20px; margin-bottom: 20px;}
    .photo_gallery_wrap ul li:nth-child(3n){margin-right: 0px;}
     .namhan_baer_section article ul li div{
        background-size: inherit !important;
        background-position : bottom right -20px !important;
     }

}
@media (max-width: 700px) {
    .icon_wrap ul{ flex-wrap: wrap; justify-content: space-around;}
    .icon_wrap ul li{width: 28%; border:1px solid #ececec; margin-bottom: 20px;}

}

@media (max-width: 480px) {
    .banner_history_wrap > div{
        background: url('/cms/assets/namhansansung-2/img/history_bg.png') no-repeat right -150px bottom;
    }
    .namhan_baer_section article ul li div{
        background : url('/cms/assets/namhansansung-2/img/con_01.png')no-repeat bottom 0px right -100px;
    }
    .photo_gallery_wrap ul{justify-content: space-around;}
    .photo_gallery_wrap ul li{width:calc(50% - 10px); margin-right: 10px; margin-bottom: 10px;}
    .photo_gallery_wrap ul li:nth-child(3n){margin-right: 10px;}
    .icon_wrap ul li{width: 45%; border:1px solid #ececec; margin-bottom: 20px;}

}