@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,span,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body,input,button,select,textarea,label{font-size:1em;color:#222;font-family: 'Noto Sans KR', sans-serif;font-weight:400;line-height:1.2;letter-spacing: -1px;}
fieldset{border:0 none;vertical-align:top}
img{border:0 none;vertical-align:middle}
dl,ul,ol,menu,li{list-style:none}
a,a:link,a:visited,a:hover,a:active,a:focus{color:inherit;text-decoration:none}
input,button,select,textarea,label{vertical-align:middle;border:none;background:none;cursor:pointer}
textarea,select,input{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;margin:0;padding:0;border:0}
select::-ms-expand {display:none}
button{background-color:transparent;border:none}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}
*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* HTML5 reset */
article,aside,details,figcaption,figure,footer,header,menu,nav,section,video{display:block}
address,caption,em,i{font-style:normal;font-weight:normal}
iframe,embed,object,video{max-width:100%}

body{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-align: center}
.clear{clear: both}


.wrap{max-width: 1200px;margin: 0 auto;}
.img100 img{width: 100%;}
.maximg100 img{max-width: 100%; width: auto!important}
.tit{background:url(../img/01/bg.png)50% 50% no-repeat;background-size: cover}
.pc_wrap .tit .tit_tab2{
    background-color: #ffdce1 !important;
    background-size: contain;
}
.pc_wrap .tit .tit_tab3{
    background-color: #f0e2ff !important;
     background-size:contain;
}
.pc_wrap .tit .tit_tab4{
    background-color: #e3fbff !important;
     background-size: contain;
}

/*footer*/
footer{background-color: #fff;padding: 60px 0;text-align: left;}
footer .ft_ir{max-width: 1200px;margin: 0 auto; color: #6b6b6b;font-size: 31px;}
footer .ft_ir p{padding-left: 35px;text-indent: -35px;line-height: 1.3}
footer .ft_ir p.ft10{padding-left: 10px;text-indent: -10px}

/*내용 추가*/
.pc_wrap .btnCon{display: none}

 .pc_wrap {
     display: block
 }

 .mobile_wrap {
     display: none
 }

.main{background-color: #f0f0f0}
 /*tab*/

    .tabmenu {
        width: 99.7%;
        position: relative;
    }
    .tabmenu ul.btnCon_ul{    
        background-color: #7d7d7d;
        width: 100%;
        height: 110px;
    }
    .tabmenu .ul_dummy{    
        background-color: #7d7d7d;
        width: 100%;
        height: 110px;
    }
    .tabmenu ul li.btnCon {
        display: inline-block;
        width:20%;
        /* float: left; */
        text-align: center;
    }

    .tabmenu ul lili.btnCon:last-child {
        margin-right: 0
    }

    .tabmenu label.tabmenu_label {
        display: block;
        width: 100%;
        height:110px;
    }

    .tabmenu #tab01 label.tabmenu_label {
        background: url("../img/tab01_off.png")50% 50% no-repeat;
        background-color: #7d7d7d;
         background-size: contain;
    }

    .tabmenu #tab02 label.tabmenu_label {
        background: url("../img/tab02_off.png")50% 50% no-repeat;
        background-color: #7d7d7d;
        background-size: contain;    margin-left: 1px;   
    } .tabmenu #tab03 label.tabmenu_label {
        background: url("../img/tab03_off.png")50% 50% no-repeat;
        background-color: #7d7d7d;
         background-size: contain;    margin-left: 1px;   
    }

    .tabmenu #tab04 label.tabmenu_label {
        background: url("../img/tab04_off.png")50% 50% no-repeat;
        background-color: #7d7d7d;
        background-size: contain;    margin-left: 1px;   
    } .tabmenu #tab05 label.tabmenu_label {
        background: url("../img/tab05_off.png")50% 50% no-repeat;
        background-color: #7d7d7d;
        background-size: contain;    margin-left: 1px;  
    } 
.tabmenu ul li.btnCon::before{    
    content: "";
    width: 1px;
    height: 65px;
    background-color: #979797;
    position: absolute;
    margin-left: 120px;    margin-top: 23px;}
.tabmenu ul li.btnCon:last-child::before{display: none}

   .tabmenu input {
        display: none;
    }

   .tabCon {
        display: none;
        /*  position:absolute; */
        /*  left:0; top:40px; */
        box-sizing: border-box;
    }

   .tabmenu #tab01 input:checked ~ label.tabmenu_label {
        background: url("../img/tab01.png")50% 50% no-repeat;
        background-color: #2684db !important;
         background-size:contain;
    }

    .tabmenu #tab02 input:checked ~ label.tabmenu_label {
        background: url("../img/tab02.png")50% 50% no-repeat;
        background-color: #f56277 !important;
         background-size: contain;
    }.tabmenu #tab03 input:checked ~ label.tabmenu_label {
        background: url("../img/tab03.png")50% 50% no-repeat;
        background-color: #834bbe !important;
         background-size:contain;
    }

    .tabmenu #tab04 input:checked ~ label.tabmenu_label {
        background: url("../img/tab04.png")50% 50% no-repeat;
        background-color: #4ba9d1 !important;
         background-size: contain;
    }    .tabmenu #tab05 input:checked ~ label.tabmenu_label {
        background: url("../img/tab05.png")50% 50% no-repeat;
        background-color: #ff8828 !important;
         background-size: contain;
    }

     .tabmenu input:checked ~ .tabCon {
        display: block;
    }
     .tabCon {
        width: 500%;
    }
   
    .tabCon_li img {
       max-width: 100%;

    }

    .tabCon_li a img {
        padding: 0 !important;
    }
/**/
.tabCon{margin-bottom: 20px;}
.tabCon_li{background-color: #fff;border-radius: 30px; padding:0 65px 65px 0;margin-bottom: 40px;}
.tabCon_li.tabCon_li01{margin-top: 60px;}
.tabCon_li li{float: left;}
.tabCon_li .card_img{margin-top: -5px}
.tabCon_li .card_img p{font-size: 19px;    margin-top: -115px;    margin-bottom: 10px;}
.tabCon_li .card_img2 p{ margin-top: -185px;}
.tabCon_li .card_img3 p{ margin-top: -140px;}
.tabCon_li .card_img4 p{ margin-top: -150px;}
.tabCon_li .card_img p b{margin-right: 10px}
.tabCon_li .card_img p b::after{content: ""; background-color: #d3d3d4;width: 1px;height: 14px;position: absolute;margin-left: 8px;margin-top: 6px}

.tabCon_li .card_txt h1{margin-bottom: 40px;font-size: 28px}
.tabCon_li .card_txt{padding-top: 80px;text-align: left;}
.tabCon_li .card_txt ul li h4{font-size: 21px;padding: 18px 10px}
.tabCon_li .card_txt table tr td h4{font-size: 21px;padding: 18px 10px}
.tabCon_li .card_txt ul li h2{font-size: 21px}
.tabCon_li .card_txt table tr td h2{font-size: 21px}

.tabCon_li .card_txt ul li h2{color: #0057b4;font-weight: bold;padding-left: 7px}
.tabCon_li .card_txt table tr td h2{color: #0057b4;font-weight: bold;padding-left: 7px}
#tab-2 .tabCon_li .card_txt ul li h2{color: #c9001c;}
#tab-2 .tabCon_li .card_txt table tr td h2{color: #c9001c;}
#tab-3 .tabCon_li .card_txt ul li h2{color: #4c2177;}
#tab-3 .tabCon_li .card_txt table tr td h2{color: #4c2177;}
#tab-4 .tabCon_li .card_txt ul li h2{color: #004748;}
#tab-4 .tabCon_li .card_txt table tr td h2{color: #004748;}


.tabCon_li .card_txt ul li h2 b{font-size: 29px;font-weight: 800}
.tabCon_li .card_txt ul li img{margin-bottom: 10px;}
.tabCon_li .card_txt table tr td h2 b{font-size: 44px;font-weight: 800}
.tabCon_li .card_txt table tr td img{margin-bottom: 10px;}
#tab-4 .tabCon_li02 .card_txt ul li img,#tab-4 .tabCon_li03 .card_txt ul li img{margin-bottom: 30px;}

.tabCon_li .wjsdnjf40{text-align: right;font-size: 18px;color: #888888;}
.tabCon_li .card_txt li{text-align: right;}
.tabCon_li .card_txt_h2{margin-top: 16px;}
.tabCon_li .card_txt_h23{line-height: 30px}
.tabCon_li .card_txt_h22{margin-top: -5px;}
.tabCon_li .card_txt_h24 {margin-top: -19px;line-height: 30px}
.tabCon_li .card_txt_h25 {margin-top: -10px}


.more_btn{margin-top: 35px;}
.more_btn a{display: inline-block;}

/* .bg_wrap{    
    position: absolute;
    width: 100%;
    left: 0;
    top: 110px;
} */
#tab-2 .bg_wrap{    
    background-color: #ffdce1;
}#tab-3 .bg_wrap{    
    background-color: #f0e2ff;
}#tab-4 .bg_wrap{    
    background-color: #def6f4;
}

#tab02 .tabCon_li01, #tab03 .tabCon_li01,#tab04 .tabCon_li01 {
    margin-top: 860px;
}

/*#tab01*/
.tabCon_li .card_txt ul li span{display: inline-block;background: url(../img/dot.png)50% 50%;width: 30px;height: 4px;background-size: auto;margin-top: 29px;}
.tabCon_li .card_txt table tr td span{display: inline-block;background: url(../img/dot.png)50% 50%;width: 65px;height: 4px;background-size: auto;margin-top: 29px;}
#tab-1 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:65px;}
#tab-1 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 104px;}

#tab-1 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:30px;}
#tab-1 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:93px;}
#tab-1 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 232px;}

#tab-1 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:30px;}
#tab-1 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:211px;}
#tab-1 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 68px;}

/*#tab02*/
#tab-2 .tabCon_li01 .card_txt ul.card_txt_ul01 li span{width:18px;}
#tab-2 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:238px;}
#tab-2 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 235px;}

#tab-2 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:94px;}
#tab-2 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:159px;}
#tab-2 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 175px;}

#tab-2 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:165px;}
#tab-2 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:159px;}
#tab-2 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 219px;}

/*#tab03*/
#tab-3 .tabCon_li01 .card_txt ul.card_txt_ul01 li span{width:222px;}
#tab-3 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:165px;}
#tab-3 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 240px;}

#tab-3 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:222px;}
#tab-3 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:222px;}
#tab-3 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 221px;}

#tab-3 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:69px;}
#tab-3 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:211px;}
#tab-3 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 68px;}

/*#tab04*/
#tab-4 .tabCon_li01 .card_txt ul.card_txt_ul01 li span{width:28px;}
#tab-4 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:170px;}
#tab-4 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 232px;}

#tab-4 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:73px;}
#tab-4 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:125px;}
#tab-4 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 116px;}

#tab-4 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:101px;}
#tab-4 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:138px;}
#tab-4 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 56px;}

#tab-5 .tabCon_li{padding: 50px 0;text-align: left;margin: 60px 0;}
#tab-5 .ev_wrap li{width: 50%;padding-left: 50px;}
#tab-5 .ev_wrap li span{display: inline-block;font-size: 21px;padding-left: 30px;line-height: 1.4;vertical-align: middle;}

#mo-tab-1 .tabCon_li01 .card_txt ul.card_txt_ul01 li span{width:55px;}
#mo-tab-1 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:55px;}
#mo-tab-1 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 78px;}

#mo-tab-1 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:35px;}
#mo-tab-1 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:73px;}
#mo-tab-1 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 140px;}

#mo-tab-1 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:30px;}
#mo-tab-1 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:131px;}
#mo-tab-1 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 50px;}

/*#tab02*/
#mo-tab-2 .tabCon_li01 .card_txt ul.card_txt_ul01 li span{width:18px;}
#mo-tab-2 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:150px;}
#mo-tab-2 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 145px;}

#mo-tab-2 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:50px;}
#mo-tab-2 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:80px;}
#mo-tab-2 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 90px;}

#mo-tab-2 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:110px;}
#mo-tab-2 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:100px;}
#mo-tab-2 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 130px;}

/*#tab03*/
#mo-tab-3 .tabCon_li01 .card_txt ul.card_txt_ul01 li span{width:135px;}
#mo-tab-3 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:100px;}
#mo-tab-3 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 140px;}

#mo-tab-3 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:135px;}
#mo-tab-3 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:135px;}
#mo-tab-3 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 135px;}

#mo-tab-3 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:50px;}
#mo-tab-3 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:135px;}
#mo-tab-3 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 50px;}

/*#tab04*/
#mo-tab-4 .tabCon_li01 .card_txt ul.card_txt_ul01 li span{width:28px;}
#mo-tab-4 .tabCon_li01 .card_txt ul.card_txt_ul02 li span{width:110px;}
#mo-tab-4 .tabCon_li01 .card_txt ul.card_txt_ul03 li span{width: 135px;}

#mo-tab-4 .tabCon_li02 .card_txt ul.card_txt_ul01 li span{width:55px;}
#mo-tab-4 .tabCon_li02 .card_txt ul.card_txt_ul02 li span{width:70px;}
#mo-tab-4 .tabCon_li02 .card_txt ul.card_txt_ul03 li span{width: 75px;}

#mo-tab-4 .tabCon_li03 .card_txt ul.card_txt_ul01 li span{width:60px;}
#mo-tab-4 .tabCon_li03 .card_txt ul.card_txt_ul02 li span{width:60px;}
#mo-tab-4 .tabCon_li03 .card_txt ul.card_txt_ul03 li span{width: 75px;}
 
#mo-tab-5 .tabCon_li{padding: 50px 0;text-align: left;margin: 60px 0;}
#mo-tab-5 .ev_wrap li{width: 50%;padding-left: 50px;}
#mo-tab-5 .ev_wrap li span{display: inline-block;font-size: 21px;padding-left: 30px;line-height: 1.4;vertical-align: middle;} 




.tabmenu .fixed{
    position: fixed;
    top: 0;
    z-index: 10;
}

@media(max-width:1300px) {
    .tabCon_li {
        padding: 0 60px 80px 0;
    }
}
@media(max-width:1199px) {
    .wrap{max-width: 720px;}
    .pc_wrap {
        display: none
    }

    .mobile_wrap {
        display: block
    }

    .hd {
        position: absolute;
        padding: 18px;
    }

    .hd img {
        width: 70px;
    }

    footer {
        padding: 30px 15px;
    }

    footer .ft_ir p {
        padding-left: 20px;
        text-indent: -20px;
        line-height: 1.4;
        font-size: 19px;
    }

    footer .ft_01 span {
        padding-left: 8px;
        text-indent: -8px;
    }  

    .tabCon_li .wjsdnjf40{text-align: right;font-size: 18px;color: #888888;}
    .tabCon_li .card_txt li{text-align: right;}
    .tabCon_li .card_txt_h2{margin-top: 8px;}
    .tabCon_li .card_txt_h22{margin-top: 2px; line-height: 18px;}
    .tabCon_li .card_txt_h23{margin-top: -5px; line-height: 18px;}
    .tabCon_li .card_txt_h24 {margin-top: -6px;line-height: 18px}
    .tabCon_li .card_txt_h25 {margin-top: 0px}
    
    .tabmenu ul li.btnCon {
        display: inline-block;
        width: 25%;
        float: left;
        text-align: center;
    }
/*    */
.tabmenu label.tabmenu_label,
.tabmenu ul.btnCon_ul {
    height: 60px
}
.tabmenu .ul_dummy {
    height: 60px
}

.tabmenu ul li.btnCon::before {
    height: 35px;
    margin-left: 12.5%;
    margin-top: 13px;
}

.tabCon {
    padding: 0 20%;
}

.tab_wrap {
    padding: 0 20px;
}

.tabCon_li {
    padding: 0;
    border-radius: 15px;
    margin-bottom: 25px;
}

.tabCon_li .card_img p {
    margin-top: -15px !important;
    font-size: 12px;
}

.tabCon_li .card_img p b::after {
    height: 10px;
    margin-left: 7px;
    margin-top: 2px;
}

.tabCon_li.tabCon_li01 {
    margin-top: 30px;
}

.tabCon_li .card_txt h1 {
    display: none
}

.tabCon_li .card_txt ul li img {
    width: 35px;
}


.tabCon_li .card_txt table tr td img {
    width: 35px;
}

.tabCon_li .card_txt {
    padding: 10px 6% 30px;    width: 100%;
}

.tabCon_li .card_txt ul li h4 {
    font-size: 13px;
    padding: 8px 5px;
}

.tabCon_li .card_txt table tr td h4 {
    font-size: 13px;
    padding: 8px 5px;
}

.tabCon_li .card_txt ul li h2 b {
    font-size: 23px;
}

.tabCon_li .card_txt table tr td h2 b {
    font-size: 23px;
}

.tabCon_li .card_txt ul li h2 {
    font-size: 13px;
}

.tabCon_li .card_txt table tr td h2 {
    font-size: 13px;
}

.tabCon_li .wjsdnjf40 {
    font-size: 11px;
}

.tabCon_li .card_txt ul li span {
    height: 2px;
    margin-top: 16px;
    background-size: cover;
}

.tabCon_li .card_txt table tr td span {
    height: 2px;
    margin-top: 16px;
    background-size: cover;
}

.more_btn {
    margin-top: 20px;
}

.more_btn a {
    width: 50%;
    float: left;
    padding-left: 2%;
    text-align: center
}

.more_btn a:first-child {
    padding-right: 2%;padding-left: 0;
}

.bg_wrap {
    top: 60px;
}

.bg_wrap img {
    max-width: 100%
}

.tabCon_li .card_img img {
    border-radius: 15px 15px 0 0;
}

#mo-tab-5 .ev_wrap li {
    width: 100%;
    padding-left: 0;
}

#mo-tab-5 .ev_wrap li:first-child {
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 15px;
}

#mo-tab-5 .tabCon_li {
    padding: 7%;
    margin: 30px 0;
}

#mo-tab-5 .ev_wrap li span {
    font-size: 15px;
    padding-left: 13px;
}

#mo-tab-5 .ev_wrap img {
    width: 30%
}


/*
.tabCon_li .card_txt ul li span {
    width: 65px;
}

#tab01 .tabCon_li01 .card_txt ul.card_txt_ul02 li span {
    width: 69px;
}

#tab01 .tabCon_li01 .card_txt ul.card_txt_ul03 li span {
    width: 91px;

}

#tab01 .tabCon_li02 .card_txt ul.card_txt_ul01 li span {
    width: 46px;
}

#tab01 .tabCon_li02 .card_txt ul.card_txt_ul02 li span {
    width: 85px;
}

#tab01 .tabCon_li02 .card_txt ul.card_txt_ul03 li span {
    width: 159px;
}
*/

}
@media (max-width: 639px){
#tab02 .tabCon_li01, #tab03 .tabCon_li01, #tab04 .tabCon_li01 {
    margin-top: 129%;
}
}