@charset "utf-8";

.mT25 {margin-top:25px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT60 {margin-top:60px;}
.mT80 {margin-top:80px;}

.point {position:relative; padding-left:15px;}
.point::before {content:''; width:11px; height:11px; border-radius:50%; background-color:#d8d8d8; position:absolute; left:0; top:8px;}
.point + .point {margin-top:8px;}




@media (min-width:1500px) {

    .ethical {width:1300px; margin:0 auto; background-color:#f3f7f9; padding:21px;}
    .ethical .eth_inner {background-color:#fff; padding:55px 75px;}

    .ethical .eth_title_box {text-align:center; border-bottom:1px dashed #979797; padding-bottom:50px;}
    .ethical .eth_title_box .eth_tb_Tit {font-size:35px; font-weight:bold; letter-spacing:-0.69px; color:#041235; font-family:'NEXON Lv1 Gothic OTF'; padding-top:70px; position:relative;}
    .ethical .eth_title_box .eth_tb_Tit::before {content:''; width:163px; height:66px; background-image:url(./img/ethics_icon.png); background-repeat:no-repeat; position:absolute; left:50%; top:0; transform:translateX(-50%);}
    .ethical .eth_title_box .eth_tb_T {font-weight:700; letter-spacing:-0.4px; margin:20px 0;}
    .ethical .eth_title_box .eth_tb_ti {font-size:18px; line-height:1.89; letter-spacing:-0.36px;}

    .ethical .eth_box_wrap {padding:50px 0;}
    .ethical .eth_box + .eth_box {margin-top:40px;}
    .ethical .eth_box .eth_T {font-size:23px; font-weight:800; color:#041235;}
    .ethical .eth_box .eth_ti {font-size:19px; letter-spacing:-0.38px; line-height:1.79; margin-top:10px;}

    .ethical .eth_logo {text-align:center;}




    /**/
    .box_list ul {float:left; min-height:290px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:63%; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:59%;}

    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:18px; letter-spacing:-0.4px;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/3);}
    .list_7ea ul {width:calc(100%/4);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(3n)::before, 
    .list_6ea ul:nth-child(3n)::after{display:none;}
    .list_7ea ul:nth-child(4n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(4n)::after, .list_7ea ul:last-child::after {display:none;}
}

@media (max-width:1499px) and (min-width:1100px) {

    .ethical {width:93%; margin:0 auto; background-color:#f3f7f9; padding:21px;}
    .ethical .eth_inner {background-color:#fff; padding:55px 75px;}

    .ethical .eth_title_box {text-align:center; border-bottom:1px dashed #979797; padding-bottom:50px;}
    .ethical .eth_title_box .eth_tb_Tit {font-size:32px; font-weight:bold; letter-spacing:-0.69px; color:#041235; font-family:'NEXON Lv1 Gothic OTF'; padding-top:70px; position:relative;}
    .ethical .eth_title_box .eth_tb_Tit::before {content:''; width:163px; height:66px; background-image:url(./img/ethics_icon.png); background-repeat:no-repeat; position:absolute; left:50%; top:0; transform:translateX(-50%);}
    .ethical .eth_title_box .eth_tb_T {font-weight:700; letter-spacing:-0.4px; margin:20px 0;}
    .ethical .eth_title_box .eth_tb_ti {font-size:17px; line-height:1.89; letter-spacing:-0.36px;}

    .ethical .eth_box_wrap {padding:50px 0;}
    .ethical .eth_box + .eth_box {margin-top:40px;}
    .ethical .eth_box .eth_T {font-size:21px; font-weight:800; color:#041235;}
    .ethical .eth_box .eth_ti {font-size:18px; letter-spacing:-0.38px; line-height:1.79; margin-top:10px;}

    .ethical .eth_logo {text-align:center;}

  


    /**/
    .box_list ul {float:left; min-height:290px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:63%; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:59%;}

    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:17px; letter-spacing:-0.4px;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/3);}
    .list_7ea ul {width:calc(100%/4);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(3n)::before, 
    .list_6ea ul:nth-child(3n)::after{display:none;}
    .list_7ea ul:nth-child(4n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(4n)::after, .list_7ea ul:last-child::after {display:none;}
}

@media (max-width:1099px) and (min-width:780px) {
    
    .ethical {width:93%; margin:0 auto; background-color:#f3f7f9; padding:21px;}
    .ethical .eth_inner {background-color:#fff; padding:55px;}

    .ethical .eth_title_box {text-align:center; border-bottom:1px dashed #979797; padding-bottom:50px;}
    .ethical .eth_title_box .eth_tb_Tit {font-size:30px; font-weight:bold; letter-spacing:-0.69px; color:#041235; font-family:'NEXON Lv1 Gothic OTF'; padding-top:70px; position:relative;}
    .ethical .eth_title_box .eth_tb_Tit::before {content:''; width:163px; height:66px; background-image:url(./img/ethics_icon.png); background-repeat:no-repeat; position:absolute; left:50%; top:0; transform:translateX(-50%);}
    .ethical .eth_title_box .eth_tb_T {font-weight:700; letter-spacing:-0.4px; margin:20px 0;}
    .ethical .eth_title_box .eth_tb_ti {font-size:17px; line-height:1.89; letter-spacing:-0.36px;}

    .ethical .eth_box_wrap {padding:50px 0;}
    .ethical .eth_box + .eth_box {margin-top:40px;}
    .ethical .eth_box .eth_T {font-size:19px; font-weight:800; color:#041235;}
    .ethical .eth_box .eth_ti {font-size:18px; letter-spacing:-0.38px; line-height:1.79; margin-top:10px;}

    .ethical .eth_logo {text-align:center;}






    /**/
    .box_list ul {float:left; min-height:290px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:135px; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:121px;}

    .box_list .list_img img {width:100px;}
    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:17px; letter-spacing:-0.4px;}
    .box_list .list_ti br {display:none;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/3);}
    .list_7ea ul {width:calc(100%/4);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(3n)::before, 
    .list_6ea ul:nth-child(3n)::after{display:none;}
    .list_7ea ul:nth-child(4n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(4n)::after, .list_7ea ul:last-child::after {display:none;}
}

@media (max-width:779px) {
    .ethical {width:93%; margin:0 auto; background-color:#f3f7f9; padding:21px;}
    .ethical .eth_inner {background-color:#fff; padding:35px;}

    .ethical .eth_title_box {text-align:center; border-bottom:1px dashed #979797; padding-bottom:50px;}
    .ethical .eth_title_box .eth_tb_Tit {font-size:27px; font-weight:bold; letter-spacing:-0.69px; color:#041235; font-family:'NEXON Lv1 Gothic OTF'; padding-top:70px; position:relative;}
    .ethical .eth_title_box .eth_tb_Tit::before {content:''; width:163px; height:66px; background-image:url(./img/ethics_icon.png); background-repeat:no-repeat; position:absolute; left:50%; top:0; transform:translateX(-50%);}
    .ethical .eth_title_box .eth_tb_T {font-weight:700; letter-spacing:-0.4px; margin:20px 0;}
    .ethical .eth_title_box .eth_tb_ti {font-size:16px; line-height:1.89; letter-spacing:-0.36px;}

    .ethical .eth_box_wrap {padding:50px 0;}
    .ethical .eth_box + .eth_box {margin-top:40px;}
    .ethical .eth_box .eth_T {font-size:17px; font-weight:800; color:#041235;}
    .ethical .eth_box .eth_ti {font-size:18px; letter-spacing:-0.38px; line-height:1.79; margin-top:10px;}

    .ethical .eth_logo {text-align:center;}
    .ethical .eth_logo img {width:200px}


    



    /**/
    .box_list ul {float:left; min-height:260px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:135px; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:121px;}

    .box_list .list_img img {width:100px;}
    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:16px; letter-spacing:-0.4px;}
    .box_list .list_ti br {display:none;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/2);}
    .list_7ea ul {width:calc(100%/2);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(2n)::before, 
    .list_6ea ul:nth-child(2n)::after{display:none;}
    .list_7ea ul:nth-child(2n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(2n)::after, .list_7ea ul:last-child::after {display:none;}
}

/* 추가 */
@media (max-width:500px) {
 
    
}
