@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) {

    .history {width:1300px; margin:0 auto; position:relative;}
    .history::after {content:''; width:1px; height:100%; background-color:#979797; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1;}
    .history .hst_title { background-image:url(./img/history_bg.png); background-repeat:no-repeat; position:relative; padding:35px 0;}

    .history .hst_title .hst_title_box {text-align:center;}
    .history .hst_title .hst_title_box .hst_Tit_s {color:#fff; letter-spacing:-0.4px; }
    .history .hst_title .hst_title_box .hst_Tit {font-size:60px; color:#fff; letter-spacing:-1.19px;}

    .history .hst_title .hst_btns {font-weight:800; color:#fff; letter-spacing:-0.4px; position:absolute;}
    .history .hst_title .hst_btn_le {left:50px; top:50%; transform:translateY(-50%); padding-left:35px; background-image:url(./img/history_left.png); background-repeat:no-repeat; background-size:28px 28px; background-position:left center;}
    .history .hst_title .hst_btn_ri {right:50px; top:50%; transform:translateY(-50%); padding-right:35px; background-image:url(./img/history_right.png); background-repeat:no-repeat; background-size:28px 28px; background-position:right center; }

    .history .hst_cont_wrap {margin-top:100px;}
    .history .hst_cont_wrap .hst_cont {padding:0 40px; margin-bottom:50px; position:relative;}
    .history .hst_cont_wrap .hst_cont .hst_year {font-size:33px; font-weight:800; color:#041235;}
    .history .hst_cont_wrap .hst_cont .hst_ti {letter-spacing:-0.4px; color:#302b27; line-height:1.7; margin-top:15px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul + ul {margin-top:8px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul::after {content:''; display:block; clear:both;}
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_ri {float:right; letter-spacing:-0.4px; }
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_le {float:left; letter-spacing:-0.4px;}
    .history .hst_cont_wrap .hst_cont .hst_ti .ls {letter-spacing:-0.6px;}

    .history .hst_cont_wrap .hst_cont_le .hst_sub_ri {width:50px;}
    .history .hst_cont_wrap .hst_cont_le .hst_sub_le {width:calc(100% - 50px);}

    .history .hst_cont_wrap .hst_cont_ri .hst_sub_ri {width:calc(100% - 50px);}
    .history .hst_cont_wrap .hst_cont_ri .hst_sub_le {width:50px;}

    .history .hst_cont_wrap .hst_cont img {margin-top:15px; width:100%;}
    .history .hst_cont_wrap .hst_cont + .hst_cont {margin-top:150px;}
    .history .hst_cont_wrap .hst_cont_le {float:left; width:50%; text-align:right;}
    .history .hst_cont_wrap .hst_cont_le::before {content:''; width:34px; height:34px; background-image:url(./img/h_left.png); background-repeat:no-repeat; position:absolute; right:-17px; top:0;}
    .history .hst_cont_wrap .hst_cont_ri {float:right; width:50%; text-align:left;}
    .history .hst_cont_wrap .hst_cont_ri::before {content:''; width:34px; height:34px; background-image:url(./img/h_right.png); background-repeat:no-repeat; position:absolute; left:-17px; top:0;}

    .history .hst_bot_btn {display:block; width:146px; height:146px; margin:0 auto; margin-top:150px; border-radius:50%; border:1px solid #041235; background-color:#fff; position:relative;}
    .history .hst_bot_btn + .hst_bot_btn {margin-top:30px;}
    .history .hst_bot_btn.ri_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_right.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn.le_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_left.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn span {text-align:center; font-weight:700; color:#041235; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}

    




    /**/
    .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) {

    .history {width:93%; margin:0 auto; position:relative;}
    .history::after {content:''; width:1px; height:100%; background-color:#979797; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1;}
    .history .hst_title { background-image:url(./img/history_bg.png); background-repeat:no-repeat; position:relative; padding:35px 0;}

    .history .hst_title .hst_title_box {text-align:center;}
    .history .hst_title .hst_title_box .hst_Tit_s {color:#fff; letter-spacing:-0.4px; }
    .history .hst_title .hst_title_box .hst_Tit {font-size:55px; color:#fff; letter-spacing:-1.19px;}

    .history .hst_title .hst_btns {font-weight:800; color:#fff; letter-spacing:-0.4px; position:absolute;}
    .history .hst_title .hst_btn_le {left:50px; top:50%; transform:translateY(-50%); padding-left:35px; background-image:url(./img/history_left.png); background-repeat:no-repeat; background-size:28px 28px; background-position:left center;}
    .history .hst_title .hst_btn_ri {right:50px; top:50%; transform:translateY(-50%); padding-right:35px; background-image:url(./img/history_right.png); background-repeat:no-repeat; background-size:28px 28px; background-position:right center; }

    .history .hst_cont_wrap {margin-top:100px;}
    .history .hst_cont_wrap .hst_cont {padding:0 40px; margin-bottom:50px; position:relative;}
    .history .hst_cont_wrap .hst_cont .hst_year {font-size:30px; font-weight:800; color:#041235;}
    .history .hst_cont_wrap .hst_cont .hst_ti {letter-spacing:-0.4px; color:#302b27; line-height:1.7; margin-top:15px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul + ul {margin-top:8px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul::after {content:''; display:block; clear:both;}
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_ri {float:right; letter-spacing:-0.4px; }
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_le {float:left; letter-spacing:-0.4px;}
    .history .hst_cont_wrap .hst_cont .hst_ti .ls {letter-spacing:-0.6px;}

    .history .hst_cont_wrap .hst_cont_le .hst_sub_ri {width:50px;}
    .history .hst_cont_wrap .hst_cont_le .hst_sub_le {width:calc(100% - 50px);}

    .history .hst_cont_wrap .hst_cont_ri .hst_sub_ri {width:calc(100% - 50px);}
    .history .hst_cont_wrap .hst_cont_ri .hst_sub_le {width:50px;}

    .history .hst_cont_wrap .hst_cont img {margin-top:15px; width:100%;}
    .history .hst_cont_wrap .hst_cont + .hst_cont {margin-top:150px;}
    .history .hst_cont_wrap .hst_cont_le {float:left; width:50%; text-align:right;}
    .history .hst_cont_wrap .hst_cont_le::before {content:''; width:34px; height:34px; background-image:url(./img/h_left.png); background-repeat:no-repeat; position:absolute; right:-17px; top:0;}
    .history .hst_cont_wrap .hst_cont_ri {float:right; width:50%; text-align:left;}
    .history .hst_cont_wrap .hst_cont_ri::before {content:''; width:34px; height:34px; background-image:url(./img/h_right.png); background-repeat:no-repeat; position:absolute; left:-17px; top:0;}

    .history .hst_bot_btn {display:block; width:146px; height:146px; margin:0 auto; margin-top:150px; border-radius:50%; border:1px solid #041235; background-color:#fff; position:relative;}
    .history .hst_bot_btn + .hst_bot_btn {margin-top:30px;}
    .history .hst_bot_btn.ri_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_right.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn.le_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_left.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn span {text-align:center; font-weight:700; color:#041235; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

 

  


    /**/
    .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) {
    
    .history {width:93%; margin:0 auto; position:relative;}
    .history::after {content:''; width:1px; height:98%; background-color:#979797; position:absolute; left:50px; top:0; transform:unset; z-index:-1;}
    .history .hst_title { background-image:url(./img/history_bg.png); background-repeat:no-repeat; position:relative; padding:35px 0;}

    .history .hst_title .hst_title_box {text-align:center;}
    .history .hst_title .hst_title_box .hst_Tit_s {color:#fff; letter-spacing:-0.4px; }
    .history .hst_title .hst_title_box .hst_Tit {font-size:50px; color:#fff; letter-spacing:-1.19px;}

    .history .hst_title .hst_btns {font-weight:800; color:#fff; letter-spacing:-0.4px; position:absolute;}
    .history .hst_title .hst_btn_le {left:50px; top:50%; transform:translateY(-50%); padding-left:35px; background-image:url(./img/history_left.png); background-repeat:no-repeat; background-size:28px 28px; background-position:left center;}
    .history .hst_title .hst_btn_ri {right:50px; top:50%; transform:translateY(-50%); padding-right:35px; background-image:url(./img/history_right.png); background-repeat:no-repeat; background-size:28px 28px; background-position:right center; }

    .history .hst_cont_wrap {margin-top:100px;}
    .history .hst_cont_wrap .hst_cont {padding:0 50px; margin:50px; position:relative;}
    .history .hst_cont_wrap .hst_cont .hst_year {font-size:28px; font-weight:800; color:#041235;}
    .history .hst_cont_wrap .hst_cont .hst_ti {letter-spacing:-0.4px; color:#302b27; line-height:1.7; margin-top:15px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul + ul {margin-top:8px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul::after {content:''; display:block; clear:both;}
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_ri {float:right; letter-spacing:-0.4px; }
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_le {float:left; letter-spacing:-0.4px;}
    .history .hst_cont_wrap .hst_cont .hst_ti .ls {letter-spacing:-0.6px;}

    .history .hst_cont_wrap .hst_cont_le .hst_ti .hst_sub_ri {float:left; width:50px;}
    .history .hst_cont_wrap .hst_cont_le .hst_ti .hst_sub_le {float:right; width:calc(100% - 50px);}

    .history .hst_cont_wrap .hst_cont_ri .hst_sub_ri {width:calc(100% - 50px);}
    .history .hst_cont_wrap .hst_cont_ri .hst_sub_le {width:50px;}

    .history .hst_cont_wrap .hst_cont img {margin-top:15px; width:100%; max-width:400px;}
    .history .hst_cont_wrap .hst_cont_le {float:none; text-align:left;}
    .history .hst_cont_wrap .hst_cont_le::before {content:''; width:34px; height:34px; background-image:url(./img/h_right.png); background-repeat:no-repeat; position:absolute; left:-17px; top:0;}
    .history .hst_cont_wrap .hst_cont_ri {float:none; text-align:left;}
    .history .hst_cont_wrap .hst_cont_ri::before {content:''; width:34px; height:34px; background-image:url(./img/h_right.png); background-repeat:no-repeat; position:absolute; left:-17px; top:0;}

    .history .hst_bot_btn {display:block; width:146px; height:146px; margin-top:150px; border-radius:50%; border:1px solid #041235; background-color:#fff; position:relative;}
    .history .hst_bot_btn + .hst_bot_btn {margin-top:30px;}
    .history .hst_bot_btn.ri_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_right.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn.le_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_left.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn span {text-align:center; font-weight:700; color:#041235; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}








    /**/
    .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) {

    
    .history {width:93%; margin:0 auto; position:relative;}
    .history::after {content:''; width:1px; height:98%; background-color:#979797; position:absolute; left:50px; top:0; transform:unset; z-index:-1;}
    .history .hst_title { background-image:url(./img/history_bg.png); background-repeat:no-repeat; position:relative; padding:35px 0;}

    .history .hst_title .hst_title_box {text-align:center;}
    .history .hst_title .hst_title_box .hst_Tit_s {color:#fff; letter-spacing:-0.4px; }
    .history .hst_title .hst_title_box .hst_Tit {font-size:45px; color:#fff; letter-spacing:-1.19px;}

    .history .hst_title .hst_btns {font-weight:800; color:#fff; letter-spacing:-0.4px; position:absolute;}
    .history .hst_title .hst_btn_le {left:10px; bottom:5px; padding-left:35px; background-image:url(./img/history_left.png); background-repeat:no-repeat; background-size:auto 100%; background-position:left center;}
    .history .hst_title .hst_btn_ri {right:10px; bottom:5px;  padding-right:35px; background-image:url(./img/history_right.png); background-repeat:no-repeat; background-size:auto 100%; background-position:right center; }

    .history .hst_cont_wrap {margin-top:100px;}
    .history .hst_cont_wrap .hst_cont {padding-left:30px; margin:50px; margin-right:0; position:relative;}
    .history .hst_cont_wrap .hst_cont .hst_year {font-size:24px; font-weight:800; color:#041235;}
    .history .hst_cont_wrap .hst_cont .hst_ti {letter-spacing:-0.4px; color:#302b27; line-height:1.7; margin-top:15px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul + ul {margin-top:8px;}
    .history .hst_cont_wrap .hst_cont .hst_ti ul::after {content:''; display:block; clear:both;}
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_ri {float:right; letter-spacing:-0.4px; }
    .history .hst_cont_wrap .hst_cont .hst_ti .hst_sub_le {float:left; letter-spacing:-0.4px;}
    .history .hst_cont_wrap .hst_cont .hst_ti .ls {letter-spacing:-0.6px;}

    .history .hst_cont_wrap .hst_cont_le .hst_ti .hst_sub_ri {float:left; width:50px;}
    .history .hst_cont_wrap .hst_cont_le .hst_ti .hst_sub_le {float:right; width:calc(100% - 50px);}

    .history .hst_cont_wrap .hst_cont_ri .hst_sub_ri {width:calc(100% - 50px);}
    .history .hst_cont_wrap .hst_cont_ri .hst_sub_le {width:50px;}

    .history .hst_cont_wrap .hst_cont img {margin-top:15px; width:100%; max-width:400px;}
    .history .hst_cont_wrap .hst_cont_le {float:none; text-align:left;}
    .history .hst_cont_wrap .hst_cont_le::before {content:''; width:34px; height:34px; background-image:url(./img/h_right.png); background-repeat:no-repeat; position:absolute; left:-17px; top:0;}
    .history .hst_cont_wrap .hst_cont_ri {float:none; text-align:left;}
    .history .hst_cont_wrap .hst_cont_ri::before {content:''; width:34px; height:34px; background-image:url(./img/h_right.png); background-repeat:no-repeat; position:absolute; left:-17px; top:0;}

    .history .hst_bot_btn {display:block; width:146px; height:146px; margin-top:150px; border-radius:50%; border:1px solid #041235; background-color:#fff; position:relative;}
    .history .hst_bot_btn + .hst_bot_btn {margin-top:30px;}
    .history .hst_bot_btn.ri_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_right.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn.le_btn::after {content:''; width:28px; height:28px; background-image:url(./img/bt_left.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:15px; transform:translateX(-50%);}
    .history .hst_bot_btn span {text-align:center; font-weight:700; color:#041235; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}












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