@charset "utf-8";
@import "./default.css";/*공통으로 사용될 css를 보관함*/



/* -START- sub_10_menu10_CSS*/
.ch01-bg{    
    background:url('./img/menu10_bg01.png') no-repeat 100% ;    
}

.ch01-title h2{position: relative; padding-left: 15px;}
.ch01-title h2:after{content:""; position: absolute; top: 8px; left: 0; width: 7px; height: 35px; background: #DA2728; }

.certi_area{display: block; margin-bottom: 50px;}
.certi_area .cer_box{display: inline-block; width: calc(25% - 20px); margin-left: 23px; vertical-align: top; margin-bottom: 30px;}
.certi_area .cer_box:first-child{margin-left: 0;}
.certi_area .cer_box:nth-child(5){margin-left: 0;}
.certi_area .cer_box img{width: 100%;}
.certi_area .cer_box p{font-size: 18px; text-align: center; margin-top: 15px; line-height: 28px; letter-spacing: -1px;}

.part02 .part02-content{
    margin-top:31px;
    padding-top: 0px !important;
    width: 100%;
}
.part02 .part02-content > p{
    font-size: 18px;    
    line-height: 40px;     
}

#menu10-chapter02 .section .part02 .part-bg{      
    padding-bottom:83px;
}
#chapter02 .section .part02 li{         
    padding-bottom: 38px;
}
.section .part02 .part-bg > div{  
    width: 266px;
    height: 200px;
    margin-right: 19px;
}
.section .part02 .part02-bg2{ background:url('./img/menu10_bg02.png') no-repeat 100% / 100%;}
.section .part02 .part02-bg3{background:url('./img/menu10_bg03.png') no-repeat 100% / 100%;}
.section .part02 .part02-bg4{background:url('./img/menu10_bg04.png') no-repeat 100% / 100%;}

@media (min-width:1024px){
    /*작은 네비 위치 강제로 맞춰줌*/
    .sub-header .com-02{   
        margin-right: 59px;
    }
}

@media (max-width: 1280px){
	.container__wr_1200{padding: 0px 20px;}
}

@media (max-width: 1024px) {    
    
    .ch01-bg{    
        background:url('./tpl_img/t_menu10_bg01.png') no-repeat 100% ;    
    }
    #chapter02 .section .part02 li {        
        padding-left: 20px;
    }

    .section .part02 .part-bg > div {
        width: 256px;
        height: 200px;
        border: 0px !important;
        position: relative;
        left: -10px;
        margin-bottom: 19px;
    }

    .section .part02 .part02-bg2{ 
        background:url('./tpl_img/t_menu10_bg02.png') no-repeat;
    }
    .section .part02 .part02-bg3{
        background:url('./tpl_img/t_menu10_bg03.png') no-repeat;
    }
    .section .part02 .part02-bg4{
        background:url('./tpl_img/t_menu10_bg04.png') no-repeat;
    }
    
}

@media (max-width: 768px) {
	
    .container__wr_1200{
        padding: 0px 16px;
    }
    .ch01-bg{    
        background:url('./m_img/m_menu10_bg01.png') no-repeat 100% ;    
    }
    .ch01-bg {
        background-size: cover;
        background-position: 70%;
    }
	.ch01-title h2:after{height: 25px; top: 1px;}
	.certi_area .cer_box{width: calc(50% - 9px); margin-left: 13px; margin-bottom: 20px;}
	.certi_area .cer_box:first-child{margin-left: 0;}
	.certi_area .cer_box:nth-child(odd){margin-left: 0;}
	.certi_area .cer_box p{font-size: 15px; line-height: 25px;}

    #chapter02 .section .part02 .part02-content {
        width: 110%;
    }
    #chapter02 .section .part02 .part-bg {
        width: 107%;
    }
    .part02 .part02-content > p {
        font-size: 14px;
        line-height: 25px;
    }

    .section .part02 .part-bg > div {
        width: 290px;
        height: 226px;
        margin-right: 0px;
        left: 0px;
    }

    .section .part02 .part02-bg2{ background:url('./m_img/m_menu10_bg02.png') no-repeat 100% / 100%;}
    .section .part02 .part02-bg3{background:url('./m_img/m_menu10_bg03.png') no-repeat 100% / 100%;}
    .section .part02 .part02-bg4{background:url('./m_img/m_menu10_bg04.png') no-repeat 100% / 100%;}
}
/*// -END- sub_10_menu10_CSS*/