@charset "utf-8";

/* Top Search */
.at-content {
    position: relative;
    padding: 0px 0px!important;
}

.at-content >.sub-visual { margin-top:0; }
.list-tsearch { padding:0px 0px 3px; margin-bottom:0px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:#374b63; font-weight:bold !important; }
.div-tab.tabs.trans-top ul.nav-tabs li.active {border-bottom: 2px solid #222!important;border-top: none;border-left:none;border-right:none; color: #374b63;}
.div-tab.tabs.trans-top ul.nav-tabs li.active a{color: #374b63!important;font-size:16px;}
.div-tab.tabs.trans-top ul.nav-tabs li{background: none!important;border-top: none!important;border-left: none!important;border-right: none!important;
    border-bottom: 1px solid #8b8b8b!important;}
.div-tab.tabs ul.nav-tabs li {background: none!important;border-top: none!important;border-left: none!important;border-right: none!important;
    border-bottom: 1px solid #8b8b8b!important;}
.div-tab.tabs ul.nav-tabs li a {font-size:16px;border-bottom:0px!important;margin-bottom:10px;}
.div-tab.tabs ul.nav-tabs li:hover {font-weight:bold;color:#374b63;border-bottom:2px solid #222!important;}
/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:#374b63!important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important;font-size:16px; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#f18420 !important; background:#fff !important; border-bottom:2px solid #f18420 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

.list-none {padding:140px 0;}

@media all and (max-width:460px) {
    .responsive .view-btn i { margin-right:0px; }
}



/**********************************************************************/

.pagecontwp {padding: 80px 0 0;width: 100%;}
.ult { border-top: 2px solid #000; margin: 50px 0 0 0; padding: 0;}
.ult li {padding: 50px 0; display: flex;border-bottom: 1px solid #dbdfec;
    align-items: center;flex-direction: row;flex-wrap: wrap;}
.ult li .ultleft { width: 40%;}
.ult li .ultleft img {max-width: 140px;width: 100%; padding: 5px;}
.ult li .ultright {width: 60%;font-size: 16px;color: #444444;padding-left: 40px;text-align: left;}
.btitle {font-size: 32px;font-weight: 500;line-height: 150%;letter-spacing: -0.5px; margin-bottom: 10px;}
.btext {font-size: 18px;color: #666666;line-height: 160%;}

@media (max-width: 767px) {
    .ult li {padding: 20px 15px; display: flex; align-items: center; flex-direction: column; }
    .ult li .ultleft {width: 100%;}
    .ult li .ultleft img {max-width: 140px;width: 100%;padding: 5px;}
    .ult li .ultright {width: 100%;padding-left: 0;word-break: keep-all; }
    .btitle {font-size: 20px;font-weight: 500;line-height: 140%;letter-spacing: -0.5px;margin-bottom: 10px;}
    .btext {font-size: 14px;color: #666666;line-height: 140%;}
}

/*****************************************************************
content default
******************************************************************/
.conbox{text-align:center;padding: 0px 0 0;}



/*페이지 타이틀*/
.conbox .con_title{}
.conbox .con_title > p{margin-top:50px;font-size: 19px;font-weight: 400;color: #4d4d4d;}
.conbox .con_title h3{font-size:40px;color:#222;letter-spacing:-1px;line-height:120%;font-weight: 500;}
.conbox .con_title h3 p{font-size:15px !important;}
.conbox .con_title h3:after{ display:block; content:""; width: 30px; height:3px; background: #b9b9b9; margin: 18px auto; }
.conbox .con_title h3.sim{}
.conbox .con_title h3.sim:before{position: absolute;content:'';vertical-align:middle;margin-left: -120px;margin-top: -10px;/* padding-right:15px; *//* display:inline-block; */width:108px;height:87px;background:url(/images/sub01/info01_img01.png) no-repeat 0 0;}
.conbox .con_title .asungenc{font-size:13px;color:#999;letter-spacing:1px;font-weight:300;}

/*페이지 타이틀*/
.conbox .section_box{text-align:center;padding: 100px 0 100px; *zoom:1;}
.conbox .section_box:after{display:block; clear:both; content:'';}
.conbox .section_box .conwrap{max-width:1200px;padding:68px auto 0;position: relative;width: 100%;margin: 0 auto;}
.conbox .section_box .conwrap + .conwrap{padding-top: 70px;}
.conbox .section_box._otline{border-top:1px solid #efefef;padding-top: 100px;}
.conbox .section_box._bggray{background: #f7f7f7;padding-top: 100px;padding-bottom: 100px;}
.conbox .section_box + .section_box{padding-top:100px;padding-bottom: 150px;}
.conbox .section_box + .section_box._bggray{padding-top: 100px;padding-bottom: 100px;margin-top: 0;}
.conbox .section_box._bggray + .section_box{padding-top:100px;padding-bottom: 100px;}

.conbox .section_box._bgblue{background: #f7faff;padding-top: 100px;padding-bottom: 100px;}
.conbox .section_box._bgblue + .section_box{padding-top:100px}
.conbox .section_box._bggreen{background: #f0f7ef;padding-top: 100px;padding-bottom: 100px;}
.conbox .section_box._bggreen + .section_box{padding-top:100px}


.section_box .stitle{/* margin-bottom:50px; */width: 90%;margin: 0 auto 50px;}
.section_box .stitle > p{margin-top: 20px;font-size: 20px;font-weight: 400;color: #4d4d4d;letter-spacing: -0.5px;line-height:140%/* margin-bottom: 50px; */}
.section_box .stitle h2{font-size: 40px;color:#222;letter-spacing:-1px;line-height: 120%;font-weight: 500;}
.section_box .stitle h3{font-size: 35px;color:#222;letter-spacing:-1px;line-height:120%;font-weight: 500;}
.section_box .stitle h3 p{font-size: 16px !important;font-weight: 300;padding: 10px 0;line-height: 20px;}
.section_box .stitle h3:after{display:block;content:"";width: 30px;height:3px;background: #005ca1;margin: 18px auto;}
.section_box .stitle p.slg{font-size: 17px;color:#242424;line-height: 150%;margin-top: 50px;width: 100%;margin: 50px auto;/* letter-spacing: -1.5px; */}
.section_box .stitle p.slg span{color: #005ca1;font-weight: 500;}



.section_box .stitle h2.sim{}/*여성심볼*/
.section_box .stitle h2.sim:before{position: absolute;content:'';vertical-align:middle;margin-left: -60px;margin-top: -5px;width: 108px;height:87px;background:url(/images/sub01/info01_img01.png) no-repeat 0 0;background-size: 50%;}
.section_box .stitle .asungenc{font-size: 14px;color: #005ca1;letter-spacing:1px;font-weight: 400;letter-spacing: -0.5px;}

.conwrap .wrap_tit{margin-bottom:30px}
.conwrap .wrap_tit h3{font-size:25px;color:#222;letter-spacing:-1px;line-height:120%;font-weight: 500;}

.conwrap .wrap_tit p{font-size: 15px;padding:10px;color: #615f5f;margin-bottom: 50px;font-weight: 400;width: 90%;margin: 0 auto;box-sizing: border-box;letter-spacing: -0.5px;}
.conwrap .wrap_tit p>span{color: #3668bf;/* display: block; */}
.conwrap .wrap_tit p>span.special{/* font-size: 25px; */color: #2a68d6;font-weight: 600;}
.conbox .section_box._bggray .conwrap .wrap_tit{margin: 70px 0 30px;}
.conbox .section_box._bggray + .section_box .conwrap .wrap_tit{margin: 0px 0 30px;}

/*about*/
.section_box .conwrap dl.normal_inf{display: inline-block;  *zoom:1;vertical-align:top;margin: 0 30px;/* min-width: 120px; */width: 110px;padding-top: 120px;position: relative;}
.section_box .conwrap dl.normal_inf dt{font-size: 18px;color: #005ca1;margin-bottom:3px;font-weight:500;position: absolute;top: 150px;margin-left: -50px;text-align: center;left: 50%;width: 100px;}
.section_box .conwrap dl.normal_inf dd{font-size: 14px;color: #131212;padding-top:65px;}
.section_box .conwrap dl.normal_info{display: inline-block;  *zoom:1;vertical-align:top;margin: 0 30px;/* min-width: 120px; */width: 110px;padding-top: 120px;position: relative;}
.section_box .conwrap dl.normal_info dt{font-size: 20px;color: #005ca1;margin-bottom:3px;font-weight:500;position: absolute;top: 75px;margin-left: -50px;text-align: center;left: 50%;width: 100px;}
.section_box .conwrap dl.normal_info dd{font-size: 18px;color: #131212;}

/**/
.section_box .conwrap .imgarea{margin-bottom:50px;position: relative;text-align: center;}
.section_box .conwrap .imgarea>img{max-width: 100%;padding: 0 20px;box-sizing: border-box;}
.section_box .conwrap .imgarea>h5{font-size: 35px;color:#fff;position: absolute;top: 30%;left: 50%;text-align: center;width: 700px;margin-left: -50%;width: 100%;}
.section_box .conwrap .imgarea>h5+img{width:100%;padding: 0px;}
.section_box .conwrap .imgarea + p{font-size: 15px;}

/**/
.section_box .conwrap .business_info{font-size:16px;background: #e9f1ff;padding: 15px;margin-bottom: 120px;border: 1px solid #e8f0fd;border-radius: 20px;width: 90%;box-sizing: border-box;margin: 0 auto 120px;}
.section_box .conwrap .business_info>ul{}
.section_box .conwrap .business_info>ul li{display:inline-block;width: 49%;/* line-height: 130%; */padding-bottom: 5px;text-align:left;font-size: 14px;letter-spacing: -1.5px;}
.section_box .conwrap .business_info>ul li>i{display: inline-block;padding: 1px 7px;/* width: 15px; */text-align: center;background: #3a5fa0;border-radius: 10px;margin-right: 5px;box-sizing: border-box;color: #fff;font-style: normal;font-size: 11px;}





/**/
.section_box .conwrap .trip_info{font-size:16px;padding: 25px 10px;text-align: left;border: 1px solid #efefef;background: #efefef;border-radius: 15px;width: 90%;margin: 0 auto;margin-bottom: 100px;box-sizing: border-box;}
.section_box .conwrap .trip_info>ul{
    width: 100%;
    padding: 0;
    padding: 0 15px;
    box-sizing: border-box;
}
.section_box .conwrap .trip_info>ul li{display:inline-block;box-sizing:border-box;text-align:left;color: #3b3c3b;}
.section_box .conwrap .trip_info>ul li:last-child{width:97.1%}
.section_box .conwrap .trip_info>ul li>i{/* display: inline-block; */padding: 3px 5px;width: 20px;text-align: center;background: #005ca1;border-radius: 10px;margin-right: 7px;box-sizing: border-box;color: #ffffff;font-style: normal;font-size: 11px;margin-bottom: 30px;margin-top: 5px;float: left;}






/**/
.section_box .conwrap .social_info{font-size:16px;background: #3a5fa0;padding: 15px 35px;margin-bottom: 120px;border: 1px solid #3a5fa0;border-radius: 20px;width: 90%;box-sizing: border-box;margin: 0 auto;}
.section_box .conwrap .social_info>ul{}
.section_box .conwrap .social_info>ul li{display:inline-block;width: 100%;box-sizing:border-box;text-align:left;color: #fff;padding-bottom: 5px;}
.section_box .conwrap .social_info>ul li:last-child{width: 100%;}
.section_box .conwrap .social_info>ul li>i{display: inline-block;padding: 1px 5px;/* width: 20px; */text-align: center;background: #ffffff;border-radius: 10px;margin-right: 5px;box-sizing: border-box;color: #3a5fa0;font-style: normal;font-size: 11px;}
/**/


/**/
.section_box .conwrap .m0204 {text-align: center;margin-bottom: 0px !important;}
.section_box .conwrap .m0204 .won01 {font-size: 50px;vertical-align: middle;}
.section_box .conwrap .m0204 .won01 li {float:left;width: calc(100%/3);display:inline-block;vertical-align: middle;position:relative;/* padding: 0 10px; */}
.section_box .conwrap .m0204 .won01 li:after {content:"";display:inline-block;width:46px;height:6px;background:url('/images/sub01/m11_area4_bg1.png') repeat;position:absolute;right:-8%;top:103px;}
.section_box .conwrap .m0204 .won01 li+div.plus{ display: none; width: 500px; margin: 0 auto;  }
.section_box .conwrap .m0204 .won01 li:last-child:after {display:none;}
.section_box .conwrap .m0204 .won01 li .boxarea {display:inline-block;width: 200px;height: 200px;border: 1px solid #e5e6e6;border-radius:500px;color: #3a5fa0;font-size: 30px;font-weight: 600;letter-spacing: -1px;padding-top: 30px;background: #ffffff;box-sizing: border-box;}
.section_box .conwrap .m0204 .won01 li .boxarea._bblue{background: #3a5fa0;}
 div.plus{position: absolute;left: 50%;margin-left: 20px;margin-left: -75px;color: #3a5fa0;font-weight: 600;font-size: 50px;}
.section_box .conwrap .m0204 .won01 li:nth-child(2),
.section_box .conwrap .m0204 .won01 li:nth-child(4){/* width:30px; */text-align: center;position: relative;}

.section_box .conwrap .m0204 .won01 li .boxarea>img{padding:50px;vertical-align:middle;}
.section_box .conwrap .m0204 .won01{margin:0 auto;width: 90%;}
.section_box .conwrap .m0204 .won01 .tit{display: block;zoom:1;font-size: 25px;text-decoration: none;color: #47484a;font-weight: 600;padding: 10px 0 0;/* position: absolute; */line-height: 35px;top: 35px;letter-spacing: -1.5px;}
.section_box .conwrap .m0204 .won01 .tit>span{display:block;color:#3a5fa0}
.section_box .conwrap .m0204 .won01 .extxt{font-size: 13px;display: block;color: #3a3838;font-weight: 400;width: 150px;margin: 0 auto;letter-spacing: -1.5px;margin-top: 10px;}


/**/
.section_box .conwrap .m0301 {text-align: center;margin-bottom: 100px !important;}
.section_box .conwrap .m0301 .won01 {font-size: 50px;vertical-align: middle;}
.section_box .conwrap .m0301 .won01 li {float:left;width: calc(100%/2);display:inline-block;vertical-align: middle;position:relative;}
.section_box .conwrap .m0301 .won01 li:after {content:"";display:inline-block;width:46px;height:6px;background:url('/images/sub01/m11_area4_bg1.png') repeat;position:absolute;right:-8%;top:103px;}
.section_box .conwrap .m0301 .won01 li+div.plus{ display: none; width: 500px; margin: 0 auto;  }
.section_box .conwrap .m0301 .won01 li:last-child:after {display:none;}
.section_box .conwrap .m0301 .won01 li .boxarea {display:inline-block;width: 250px;height: 250px;border: 1px solid #e5e6e6;border-radius:500px;color: #3a5fa0;font-size: 37px;font-weight: 600;letter-spacing: -1px;padding-top: 45px;background: #ffffff;margin-bottom: 35px;box-sizing: border-box;}
.section_box .conwrap .m0301 .won01 li .boxarea._bblue{background: #3a5fa0;}
 div.plus{/* display:inline-block; *//* margin-top: -100px; */position: absolute;left: 50%;margin-left: 20px;margin-left: -75px;color: #3a5fa0;font-weight: 600;font-size: 50px;}
.section_box .conwrap .m0301 .won01 li:nth-child(2),
.section_box .conwrap .m0301 .won01 li:nth-child(4){/* width:30px; */text-align: center;position: relative;}

.section_box .conwrap .m0301 .won01 li .boxarea>img{padding:50px;vertical-align:middle;}
.section_box .conwrap .m0301 .won01{margin:0 auto;width: 90%;}
.section_box .conwrap .m0301 .won01 .tit{display: block;zoom:1;font-size: 30px;text-decoration: none;color: #47484a;font-weight: 600;padding: 10px 0 0;/* position: absolute; */line-height: 40px;top: 35px;}
.section_box .conwrap .m0301 .won01 .tit>span{display:block;color:#3a5fa0}
.section_box .conwrap .m0301 .won01 .extxt{font-size:15px;display: block;color: #3a3838;font-weight: 400;width: 200px;margin: 0 auto;letter-spacing: -1.5px;margin-top: 10px;}

/**/
.section_box .conwrap .m0302 {text-align: center;margin-bottom: 0px !important;}
.section_box .conwrap .m0302 .won01 {font-size: 50px;vertical-align: middle;}
.section_box .conwrap .m0302 .won01 li {float:left;width: calc(100%/3);display:inline-block;vertical-align: middle;position:relative;padding: 0 5px;/* margin: 0; */}
.section_box .conwrap .m0302 .won01 li:after {content:"";display:inline-block;width:46px;height:6px;background:url('/images/sub01/m11_area4_bg1.png') repeat;position:absolute;right:-8%;top:103px;}
.section_box .conwrap .m0302 .won01 li+div.plus{ display: none; width: 500px; margin: 0 auto;  }
.section_box .conwrap .m0302 .won01 li:last-child:after {display:none;}
.section_box .conwrap .m0302 .won01 li .boxarea {display:inline-block;width: 100%;height: 270px;border: 1px solid #e5e6e6;border-radius: 5px;color: #3a5fa0;font-size: 37px;font-weight: 600;letter-spacing: -1px;padding-top: 0;background: #ffffff;box-sizing: border-box;overflow: hidden;}
.section_box .conwrap .m0302 .won01 li .boxarea._bblue{background: #3a5fa0;}
 div.plus{/* display:inline-block; *//* margin-top: -100px; */position: absolute;left: 50%;margin-left: 20px;margin-left: -75px;color: #3a5fa0;font-weight: 600;font-size: 50px;}
.section_box .conwrap .m0302 .won01 li:nth-child(2),
.section_box .conwrap .m0302 .won01 li:nth-child(4){/* width:30px; */text-align: center;position: relative;}

.section_box .conwrap .m0302 .won01 li .boxarea>img{padding:50px;vertical-align:middle;}
.section_box .conwrap .m0302 .won01{margin:0 auto;width: 90%;}
.section_box .conwrap .m0302 .won01 .tit{display: block;zoom:1;font-size: 20px;text-decoration: none;color: #005ca1;font-weight: 600;padding: 10px 0;/* position: absolute; */line-height: 25px;top: 35px;background: #eff5ef;}
.section_box .conwrap .m0302 .won01 .tit>span{display:block;color:#3a5fa0}
.section_box .conwrap .m0302 .won01 .extxt{font-size: 13px;display: block;color: #3a3838;font-weight: 300;width: 100%;padding: 10px 10px;box-sizing: border-box;text-align: center;margin: 0 auto;letter-spacing: 0;/* margin-top: 10px; */}
.section_box .conwrap .m0302 .won01 .data{font-size:15px;text-align:center;font-weight: 400;padding: 10px;/* letter-spacing: 1px; */}


/**/
.section_box .conwrap .wrap_tit >h3>i{margin-right:10px;}
.section_box .conwrap .wrap_tit >h3>i>img{width: 40px;}




/**/
.section_box .slg{font-size: 20px;color:#242424;line-height:130%;margin-top:5%;}
.section_box .slg span{color:#005ca1; font-weight:600}
.section_box .slg p{font-size:20px;}


.section_box .conwrap .pht{float:left;max-width: 600px;width:100%;margin-bottom:50px;position:relative;}
.section_box .conwrap .pht img{width: 80%;position:relative;z-index:10;}
.section_box .conwrap .pht .bluebox{ position:absolute;left:-10px;top:-10px; width:15%;height:16%; background:#232c6e; }
.section_box .conwrap .greeting{float: none;/* max-width:607px; */width: 90%;text-align:left;margin: 0 auto;/* margin-top: -50px; *//* position: absolute; */z-index: 100;/* top: 300px; */margin: 0 auto;}
.section_box .conwrap .greeting .slg{font-size: 20px;color:#242424;line-height:130%;margin-top:5%;}
.section_box .conwrap .greeting .slg:after{ display:block;content:""; width:39px;height:1px; background:#333; margin:20px 0 25px; }
.section_box .conwrap .greeting p{position:relative;font-size: 18px;color: #5d5c5c;margin-bottom:25px;line-height: 160%;}
.section_box .conwrap .greeting p:last-child{margin:40px 0 0 0;text-align: right;font-size: 20px;width: 95%;}
.section_box .conwrap .greeting p img{position:absolute;left:180px;top:-60px;z-index:1;}
.section_box .conwrap .greeting p span.name{font-size:17px;color:#8b8b8b;position:relative;z-index:2;}
.section_box .conwrap .greeting .slg span{font-weight:500;color: #005ca1;}
.section_box .conwrap .deco{ clear:both; display:table; width:100%; height:342px; background:url(/images/m11_area3_bg1.jpg) no-repeat; }
.section_box .conwrap .deco .deco_logo{display:table-cell;vertical-align:middle;}
.section_box .conwrap .deco .deco_logo:before{ display:block;content:""; width:1px;height:46px; background:rgba(255,255,255,0.2); margin:0 auto 30px; }
.section_box .conwrap .deco .deco_logo:after{ display:block;content:""; width:1px;height:46px; background:rgba(255,255,255,0.2); margin:30px auto 0px; }






@media(max-width:1370px){

    .section_box .conwrap .pht{float:left;width: 45%;margin-bottom:50px;padding-left: 10px;position:relative;box-sizing: border-box;margin-left: 4%;}
    .section_box .conwrap .pht img{width:100%;position:relative;z-index:8;}
    .section_box .conwrap .greeting{float:right;width: 45%;text-align:left;padding-bottom: 0;padding-right: 3%;}
    .section_box .conwrap .greeting .slg{ margin-top:0%; }
    .section_box .conwrap .greeting p{width:96%;}
    .section_box .conwrap .greeting p img{position:absolute;left:180px;top:-50px;z-index:1;width:13%}
    .section_box .conwrap .greeting p span.name{font-size:17px;color:#8b8b8b;position:relative;z-index:2;}
}




/* 상장 및 인증서*/
.section_box .conwrap .m0402 { max-width:1400px; width:100%; margin:50px auto 0; }
.section_box .conwrap .m0402  ul.lists{overflow:hidden;width: 90%;/* border-top:3px solid #222; */padding:60px 0 20px;border-bottom:0px solid #ddd;}
.section_box .conwrap .m0402  ul.lists li{float:left;width: 33%;margin: 0 0;cursor:pointer;font-size:14px;color:#8b8b8b;}
.section_box .conwrap .m0402  ul.lists li:nth-child(4n){margin-right:0;}
.section_box .conwrap .m0402  ul.lists li .thumarea{ position:relative; border:0px solid #ddd; margin-bottom:10px; }

.section_box .conwrap .m0402  ul.lists li .from{padding:10px;color:#000}
.section_box .conwrap .m0402  ul.lists li .from>i{display:inline-block}
.section_box .conwrap .m0402  ul.lists li .tit{padding:10px 15px;font-size: 14px;color:#000;}
.section_box .conwrap .m0402  ul.lists li .txt{padding:10px 15px; font-size:13px;}
.section_box .conwrap .m0402  ul.lists li .thumarea .ondiv{ opacity:0; position:absolute;left:0;top:0; width:100%;height:100%; background:rgba(35,44,110,0.9); transition:all 1s; }
.section_box .conwrap .m0402  ul.lists li:hover .thumarea .ondiv{ opacity:1; transition:all 1s; }
.section_box .conwrap .m0402  ul.lists li .thumarea .ondiv a{ display:table; width:100%;height:100%; }
.section_box .conwrap .m0402  ul.lists li .thumarea .ondiv .align{ display:table-cell;vertical-align:middle; }
.section_box .conwrap .m0402  ul.lists li .thumarea .ondiv .align .line{ display:inline-block;#display:inline;*zoom:1; border:1px solid rgba(255,255,255,0.5); padding:19px; }


/**/
.section_box .conwrap .m0501 {text-align: center;/* margin-bottom: 100px !important; */}
.section_box .conwrap .m0501 .won01 {font-size: 50px;vertical-align: middle;}
.section_box .conwrap .m0501 .won01 li {float:left;width: calc(100%/3);display:inline-block;vertical-align: middle;position:relative;padding: 0;margin: 0;}
.section_box .conwrap .m0501 .won01 li:after {content:"";display:inline-block;width:46px;height:6px;background:url('/images/sub01/m11_area4_bg1.png') repeat;position:absolute;right:-8%;top:103px;}
.section_box .conwrap .m0501 .won01 li+div.plus{ display: none; width: 500px; margin: 0 auto;  }
.section_box .conwrap .m0501 .won01 li:last-child:after {display:none;}
.section_box .conwrap .m0501 .won01 li .boxarea {display:inline-block;width: 200px;height: 200px;border: 3px solid #3a5fa0;border-radius:500px;color: #3a5fa0;font-size: 27px;font-weight: 600;letter-spacing: -1px;padding-top: 35px;box-sizing: border-box;background: #fff;}
.section_box .conwrap .m0501 .won01 li .boxarea._bblue{background: #3a5fa0;}
 div.plus{/* display:inline-block; *//* margin-top: -100px; */position: absolute;left: 50%;margin-left: 20px;margin-left: -75px;color: #3a5fa0;font-weight: 600;font-size: 50px;}
.section_box .conwrap .m0501 .won01 li:nth-child(2),
.section_box .conwrap .m0501 .won01 li:nth-child(4){width: 20px;text-align: center;position: relative;}

.section_box .conwrap .m0501 .won01 li .boxarea>img{padding:50px;vertical-align:middle;}
.section_box .conwrap .m0501 .won01{margin:0 auto;width: 95%;box-sizing: border-box;padding: 0;}
.section_box .conwrap .m0501 .won01 .tit{display: block;zoom:1;font-size: 20px;text-decoration: none;color: #47484a;font-weight: 400;padding: 10px 0 0;/* position: absolute; */top: 35px;}
.section_box .conwrap .m0501 .won01 .extxt{font-size: 13px;display: block;color: #5d5c5c;font-weight: 300;width: 150px;margin: 0 auto;letter-spacing: -0.5px;}

.section_box .conwrap .m0501 {/* text-align: center; *//* margin-bottom: 100px !important; */}
.section_box .conwrap .m0501 .won02 {width:100%; max-width: 1280px;margin:0 auto;font-size: 50px;vertical-align: middle;}
.section_box .conwrap .m0501 .won02 li {float:left;width: calc(100%/3);display:inline-block;vertical-align: middle;position:relative;}
.section_box .conwrap .m0501 .won02 li:after {content:""; display:inline-block; width:46px; height:6px; background:url('/images/sub01/m11_area4_bg1.png') repeat; position:absolute; right:-8%; top:103px;}
.section_box .conwrap .m0501 .won02 li+div.plus{ display: none; width: 500px; margin: 0 auto;  }
.section_box .conwrap .m0501 .won02 li:last-child:after {display:none;}
.section_box .conwrap .m0501 .won02 li .boxarea {display:inline-block;width: 200px;height: 200px;border: 3px solid #005ca1;border-radius:500px;color: #2f2f2f;font-size: 27px;font-weight: 600;letter-spacing: -1px;padding-top: 25px;box-sizing: border-box;background: #fff;}
.section_box .conwrap .m0501 .won02 li .boxarea._bblue{background: #3a5fa0;}
 div.plus{/* display:inline-block; *//* margin-top: -100px; */position: absolute;left: 50%;top: 60px;margin-left: 20px;margin-left: -85px;color: #353535;font-weight: 600;font-size: 40px;}
.section_box .conwrap .m0501 .won02 li:nth-child(2),
.section_box .conwrap .m0501 .won02 li:nth-child(4){width: 20px;text-align: center;position: relative;}

.section_box .conwrap .m0501 .won02 li .boxarea>img{padding:50px;vertical-align:middle;}
.section_box .conwrap .m0501 .won02 li div.plus{color:#005ca1}
.section_box .conwrap .m0501 .won02{max-width:1400px;margin:0 auto;width: 95%;margin: 0 auto;}
.section_box .conwrap .m0501 .won02 .tit{display: block;zoom:1;font-size: 20px;text-decoration: none;color: #239819;font-weight: 400;padding: 10px 0 10px;/* position: absolute; */top: 35px;}
.section_box .conwrap .m0501 .won02 .extxt{font-size: 13px;display: block;color: #5d5c5c;font-weight: 400;width: 150px;margin: 0 auto;letter-spacing: -1.5px;}

.section_box .conwrap .m0501 .cyellow{}


/* m0105 사업장 위치*/
.section_box .conwrap [class^="section_area"]{}
.section_box .conwrap .section_area01{/* height: 571px; */background:#becfe4;}
.section_box .conwrap .section_area01 .r_info{float: left;width: 50%;height: 100%;text-align: left;padding: 10px 0;box-sizing: border-box;background: #244886;z-index: 100;/* z-index: 2; */}
.section_box .conwrap .section_area01 .r_info .box_area {margin-top: 0px;/* background: #244886; *//* width: 549px; */padding: 30px 10px 30px 20px;box-sizing: border-box;/* border: 3px solid #4f678e; *//* box-shadow: 10px 10px 0 0 #839bc3; */z-index: 2;}
.section_box .conwrap .section_area01 .r_info .box_area > h3{color:#fff;font-size: 30px;/* border-bottom: 3px solid #005ca1; */padding-bottom: 0px;margin-bottom: 0px;width: 100%;}
.section_box .conwrap .section_area01 .r_info .box_area > h3:after{display:block;content:"";width: 30px;height: 2px;background: #BCDAFF;margin: 18px 0;}
.section_box .conwrap .section_area01 .r_info .box_area > p{font-size: 15px;color: #becfe4;font-weight: 300;}
.section_box .conwrap .section_area02{}
.section_box .conwrap .section_area03{
    width: 90%;
    margin: 0 auto;
}

/* m14 */


.title1{ display:inline-block;#display:inline;*zoom:1; font-size:31px;color:#222; border-bottom:2px solid #222; }
.slg{   font-size:28px;color:#242424;line-height:130%;}
.slg span{font-weight:500;}
.slg_btm{font-size: 15px;color: #4c4c4c;line-height:130%;margin-top: 10px;}

.title2{font-size:26px;color:#333;}
.title2:after{ display:block;content:""; width:26px;height:2px; margin:5px auto 0; background:#333; }


/* bbs */
.bbs{text-align:center;padding:0px 0;}
.bbs .conwrap{ overflow:hidden; max-width:1400px; width:100%; margin:0 auto; }
.bbs .bbs_search{ text-align:right;margin:20px 0; }
.bbs .bbs_search .ipt{ border:1px solid #ddd; padding:0 10px; height:42px;line-height:42px; font-size:14px;color:#8f8f8f; }
.bbs .bbs_search a{ vertical-align:top; display:inline-block;#display:inline;*zoom:1; width:85px;height:44px; text-align:center;line-height:44px; font-size:14px;color:#fff; background:#6f7173; }
.bbs .bbs_list01{margin-top:20px;}
.bbs .bbs_list01 table{width:100%;border-top:2px solid #222}
.bbs .bbs_list01 table td{ border-bottom:1px solid #ddd; padding:40px 0; }
.bbs .bbs_list01 table td.date{ display:none; width:10%; font-size:36px;font-weight:500; }
.bbs .bbs_list01 table td.date .year{font-size:15px;color:#888;font-size:300;} .bbs .bbs_list01 table td.sbj{ text-align:left; }
.bbs .bbs_list01 table td.sbj a{ display:block; padding:10px 20px; }
.bbs .bbs_list01 table td.sbj .tit{font-size:19px;color:#444;margin-bottom:10px;}
.bbs .bbs_list01 table td.sbj p{font-size:14px;color:#787878;word-break:keep-all;}
.bbs .bbs_list01 table td.btns{width:52px;}
.bbs .bbs_list01 table td.btns a{display:inline-block;#display:inline;*zoom:1;}
.bbs .bbs_list01 table td.btns a:nth-child(1){background:#6f7173}
.bbs .bbs_list01 table td.btns a:nth-child(2){display:none;background:#232c6e}



.bbs .bbs_list02{/* margin-top:20px; */width: 100%;margin: 0px  auto 0;}
.bbs .bbs_list02 table{width:100%;border-top:0px solid #222;display:inline-block;width:100%;table-layout: fixed;}
.bbs .bbs_list02 table tbody, .bbs .bbs_list02 table tbody tr, .bbs .bbs_list02 table tr sbj.td{display:inline-block;width:100%;}
.bbs .bbs_list02 table tr{border-bottom:1px solid #ddd;}
.bbs .bbs_list02 table td{padding: 13px 0px;}
.bbs .bbs_list02 table td.date{width:120px;font-size: 15px;font-weight:500;vertical-align: middle;padding:13px 10px;}
.bbs .bbs_list02 table td.ttnum{min-width:90px;font-size: 20px;font-weight:500;vertical-align: middle;padding:13px 5px;}
.bbs .bbs_list02 table td.date .year{font-size:15px;color:#888;}
/*
.bbs .bbs_list02 table td.thum{width:232px;vertical-align: middle;text-align: center;}
.bbs .bbs_list02 table td.thum .list-item {text-align: center;display: inline-block;padding: 0 10px;margin: 0;}
.bbs .bbs_list02 table td.thum .list-item .img-left {margin: 0!important;}
.bbs .bbs_list02 table td.thum span{display:block;padding-left: 0;}
*/
.bbs .bbs_list02 table td.sbj{width:80%;text-align:left;box-sizing: border-box; padding: 13px 0px; vertical-align: middle;}
.bbs .bbs_list02 table td.sbj .img { display:none }
.bbs .bbs_list02 table td.sbj a{display:block;padding: 10px 10px 10px 40px;}
.bbs .bbs_list02 table td.sbj .tit{font-size:19px;color:#444;margin-bottom:10px;}
.bbs .bbs_list02 table td.sbj p {font-size:14px;color:#787878;word-break:keep-all;}
.bbs .bbs_list02 table td.btns{min-width:30px;}
.bbs .bbs_list02 table td.btns a{display:inline-block;#display:inline;*zoom:1;}
.bbs .bbs_list02 table td.btns a:nth-child(1){background:#232c6e}

.bbs .bbs_list02 table tr:hover td.sbj a .tit{color:#f18420;}

@media(max-width: 767px) {

.bbs .bbs_list02 table, .bbs .bbs_list02 table tr, .bbs .bbs_list02 table td{display:block;}
.bbs .bbs_list02 table tr {position:relative;}
.bbs .bbs_list02 table > tbody > tr > td.ttnum {font-size: 15px;padding:0;position:absolute;top:10px;
    left:1px;max-width:unset;min-width:unset;font-weight:bold;}
.bbs .bbs_list02 table > tbody > tr > td.ttnum > .notice {padding:0;color:#000; font-weight:bold; font-size:15px;background:none;border-radius:0;border:unset;}
.bbs .bbs_list02 table > tbody > tr > td.sbj {font-size: 14px;text-align:left;padding:10px 70px 10px 40px;width:90%;}
.bbs .bbs_list02 table td.sbj a {padding:unset;}
.bbs .bbs_list02 table > tbody > tr > td.date {font-size:13px;padding:0;position:absolute;top:10px;
    right:1px;max-width:unset;min-width:unset;}
.bbs .bbs_list02 table > tbody > tr > td.date .year {font-size:13px;letter-spacing:-1px;}
.bbs .bbs_list02 table td.sbj .tit{font-size:14px;}

.bbs .bbs_list02 table > tbody > tr > td.btns {display:none;}

}

@media(max-width: 750px) {
/*
.bbs .bbs_list02 table td {padding: 10px 10px;}
.bbs .bbs_list02 table td.date{width:55px;font-size: 18px;font-weight:500;vertical-align: middle;}

.bbs .bbs_list02 table td.thum{width:29%; padding: 10px 5px; vertical-align: middle;display: none;}

.bbs .bbs_list02 table td.sbj{width: 65%;padding: 10px 5px;}
.list-item .img {width: 100%!important;}
.bbs .bbs_list02 table td.sbj .tit{font-size:14px;color:#444;margin-bottom:10px;}
.bbs .bbs_list02 table td.sbj p {font-size:14px;color:#787878;word-break:keep-all;}
.bbs .bbs_list02 table td.btns {min-width: 20px;}*/
}




/* 게시판 상세화면 */
.bbs_view{text-align:center;padding:110px 0;}
.bbs_view .viewpage{ max-width:1240px; width:100%; margin:45px auto 0; padding:0 20px;}
.bbs_view .viewpage table{width:100%;border-top:3px solid #373737;}
.bbs_view .viewpage table td{ border-bottom:1px solid #ddd; position:relative; text-align:left; }
.bbs_view .viewpage table td.sbj{font-size: 20px;color:#444;padding: 20px 10px;font-weight: 500;}
.bbs_view .viewpage table td.sbj .date{ position:absolute;right:20px;top:24px; font-size:14px;color:#888; }
.bbs_view .viewpage table td.file{padding:15px 20px;}
.bbs_view .viewpage table td.file a{}
.bbs_view .viewpage table td.viewcon{ padding:40px 20px; min-height:350px;width:100%;display:inline-block;}
.bbs_view .viewpage table td.viewcon .con {width:100%;max-width:800px;margin:auto;}
.bbs_view .viewpage table td.viewcon  img{max-width:100% !important;padding: 10px 0;}



.view_paging{ max-width:1240px; width:100%; margin:0px auto 0; padding:0 20px;}
.view_paging table{width:100%;}
.view_paging table th{width:12%;padding:10px 20px;font-size:15px;font-weight: 500;color:#444;text-align:left;border-bottom:1px solid #ddd;background:url(/images/view_paging_bar.gif) no-repeat right center;}
.view_paging table td{ padding:10px 20px; font-size:15px;font-weight:400;color:#787878; text-align:left; border-bottom:1px solid #ddd; }

.bbs_btns{ text-align:center; max-width:1400px; width:94%; margin:35px auto 0; }
.bbs_btns a{display:inline-block;#display:inline*zoom:1;width:190px;height:44px;text-align:center;line-height:44px;font-size:14px;color:#fff;background: #f18420;}
.bbs_btns a:hover {background:#0a154b;}

/* paging */
.paging{text-align:center;margin-top:35px;}
.paging a{ display:inline-block;vertical-align:top; width:45px;height:45px; text-align:center;line-height:45px; font-size:15px;color:rgba(0,0,0,0.5); }
.paging a img{vertical-align:top;border:1px solid #ddd;}
.paging a.prev{display:inline-block;margin-right:30px;}
.paging a.next{display:inline-block;margin-left:30px;}
.paging strong{ display:inline-block;#display:inline;*zoom:1; vertical-align:top; width:45px;height:45px; text-align:center;line-height:45px; font-size:15px;color:rgba(0,0,0,1); }



/*****************************************************************
페이지 정리
******************************************************************/

.section_wrap{margin-bottom:50px;}


.searchboxn {display: flex;justify-content: flex-end;}
.searchbi1 select{height: 40px; }
.searchbi1, .searchbi2 {padding: 5px;}
.searchbi3 {padding: 5px 0 5px 5px;width: 95px;}
.searchbi2 input{ height:40px; }

.searchbi3 button{height: 40px;width: 100%;}

.btn {padding: 10px 15px;height: 40px;}
.btn-group a{width: 95px;}

.input-group-btn > .btn {height:30px;padding:5px 15px;}
.btn_cke_sc {height:30px;}
.board-list {max-width:1240px;padding:30px 20px;width:100%;margin:0 auto;}

.write-btn > .btn {height:40px;line-height:150%;padding:9px 25px;}

.searchboxn .form-group {margin-bottom:0;}
.searchbi1 > .form-group {margin-bottom:0;}
.searchbi2 > .form-group {margin-bottom:0;}
.searchbi3 > .form-group {margin-bottom:0;}

/******  cate   ********/
.inner {margin: 0 auto; width: 100%;}
.top-tab { margin-bottom: 100px;}
.inner.center-1400 { max-width: 1440px; padding: 0 20px; position: relative;}
.top-tab ul { display: flex; justify-content: center; }
.top-tab ul li {list-style:none;}
.top-tab ul li { margin-right: 50px;}
.top-tab ul li a {font-size: 22px; transition: .3s; display: block;
    border-bottom: 2px solid transparent;padding: 3px 0;font-weight:bold;}
.top-tab ul li.on a {border-bottom: 2px solid #f18420;}
.top-tab ul li a:hover, .top-tab ul li.on a { color: #f18420;}

.pd-top { padding-top: 120px !important;}
.pd-btm { padding-bottom: 100px !important;}
.top-tab ul li:last-of-type { margin-right: 0;}
@media (max-width: 1800px) {
    .inner.center-1400 { max-width: 1240px;}
}

@media (max-width: 1200px) {
.top-tab ul li a {font-size: 18px;}
.top-tab ul li { margin-right: 40px;}
.top-tab {margin-bottom: 47px;}
.pd-top { padding-top: 70px !important;}
.pd-btm { padding-bottom: 75px !important;}
}


@media (max-width: 768px) {
.top-tab {margin-bottom: 35px;}
.inner.center-1400 {padding: 0 15px;}
.top-tab ul { display: block; white-space: nowrap; overflow: auto; -ms-overflow-style: none;
    scrollbar-width: none; margin-right: -15px;}
.top-tab ul li {margin-right: 25px;display: inline-block;}
.top-tab ul li a { font-size: 14px;}
.top-tab {margin-bottom: 35px;}
.pd-btm { padding-bottom: 50px !important;}

}



/*** pagination ** */



.board-btm-wrap { margin-top: 48px;}
.board-paging li.arrowa { margin: 0 12px;}
.board-paging, .board-paging li {list-style:none;padding:5px 15px; font-size:18px;}

.board-paging {display: flex;flex-wrap: nowrap;flex-shrink: 1;justify-content: center;align-items: center;}
.board-paging li a {display: block;height: 100%; position: relative;}
.board-paging li.arrowa a i { font-size: 22px;-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;}
.board-paging li.arrowa a i { color: #515151; transition: 0.3s;}
.board-paging li.disabled a i { color: #c1c1c1; transition: 0.3s;}
.board-paging li.num { margin: 0 7px;font-size:16px;}
.board-paging li.num a {padding: 5px;}
.board-paging li.on a {color: #8b8b8b;}
.board-paging li.active a {color: #000;}
.board-paging li a span { display: block; text-align: center;}
.board-paging li a span {color: #666; transition: 0.3s;}

.board-paging li.active {cursor: pointer;}
.board-paging li.on:hover a {color:#000;}
.board-paging li.on:hover a::after {background-color: var(--brand-color); cursor: pointer;}
.board-paging li.active a::after, .board-paging li.active a:hover::after {
    background-color: var(--brand-color); cursor: pointer;
}
.board-paging li.active a::after, .board-paging li.active a:hover::after { background-color: var(--brand-color);cursor: pointer;}
.board-paging li.on a::after {
    transition: .3s;
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background-color: transparent;
}
.board-paging li.active a::after {
    transition: .3s;
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background-color: var(--brand-color);
}

@media (max-width: 1200px) {
    .board-btm-wrap { margin-top: 22px;}
    .board-paging li.arrowa {margin: 0 10px;}
    .board-paging li.arrowa a i { font-size: 17px;}
}

@media (max-width: 768px) {
    .board-btm-wrap { margin-top: 22px;}
    .board-paging li.arrowa { margin: 0 10px;}
    .board-paging li.arrowa a i { font-size: 15px;}
    .board-paging li a i {transition: 0.3s;}
    .board-paging li.num a { padding: 3px;}
    .board-paging li a span { font-size: 14px;}
}


/********* gall ************/

.masonry-li, .masonry-li li {list-style:none;}
.masonry-li {padding: 0px;width:100%; position: relative; z-index: 1; display: flex;
    flex-wrap: wrap;justify-content: space-between;}
.masonry-li .gutter-sizer{width: 42px}
.grid-item {width: calc(100%/3 - calc((42px*2)/3)); margin-bottom: 70px; position: relative; margin-top: 0;}
.masonry-li-sub .grid-item {width: calc(33.33% - 42px);}
.grid-item > a { position: relative; display: block; border-radius: 20px;top: 0;
    transition: transform 1s, opacity 1s, top 0.3s 0s;}
.masonry-li-cover {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}


.masonry-li-txt {padding-top: 25px;}
.masonry-txt-tit {font-size: 20px;color: #000;line-height:30px;display: -webkit-box; word-wrap: break-word;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
    max-height: 60px;margin-bottom: 15px;}
.masonry-txt-desc {font-size: 16px;color: #777;display: -webkit-box;word-wrap: break-word; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; line-height: 28px; max-height: 84px;
    margin-bottom: 25px;}
.masonry-txt-date {font-size: 14px; color: #777;display:inline-block;margin-right:15px; float:left}
.masonry-li-img {position: relative;border-radius: 20px; overflow: hidden;height:297px;max-height:297px;}
.masonry-li-img img {width: 100%; object-fit:cover;height:100%;}
.grid-item.my > a { background: #adeae8;}
.grid-item.my .masonry-txt-top > strong { background: #fff; color: #5eb7b5;}
.grid-item.my .masonry-txt-top > span {color: #000;}
.masonry-txt-notice {padding: 22px 0 0;text-align: center;}
.masonry-txt-notice span {font-size: 18px;padding-bottom: 3px;border-bottom: 1px solid #000;}
.grid-item:hover .masonry-li-my { margin-top: -14px; transition: margin-top 0.3s ease;}
.masonry-li-my span { color: #fff; font-weight: 600;}
.masonry-li .comment-li {display: flex;justify-content: flex-end;}
.masonry-li .grid-item .comment-li { margin-top: 20px;}
.masonry-li .comment-li > li > i { margin-right: 2px; font-size: 19px; position: relative;top: 1px;}
.masonry-li .comment-li > li > span {}

@media(max-width:2000px){
    .grid-item {width: 33%;margin-bottom: 35px;}
    .masonry-li { padding: 0px;    }
    .masonry-li .gutter-sizer{width: 25px}
    .masonry-li-txt { padding-top: 12px; }
    .masonry-txt-tit {font-size: 17px; line-height: 25px; max-height: 75px;margin-bottom: 7px;}
    .masonry-txt-desc { font-size: 14px; line-height: 24px; max-height: 76px; margin-bottom: 24px; }
    .masonry-txt-date {font-size: 13px; }
    .masonry-li-cover {  }
    .masonry-li .empty-box { margin-top: -25px; width: calc(100% - 25px) !important;  }
}/*1200px*/


@media(max-width:768px){
    .grid-item {width: 49.5%; margin-bottom: 40px; }
    .masonry-li .gutter-sizer{width: 15px}
    .masonry-txt-desc { font-size: 12px;line-height: 19px;max-height: 60px; margin-bottom: 12px; }
    .masonry-txt-tit {  font-size: 14px; line-height: 22px;max-height: 66px;margin-bottom: 5px; }
    .masonry-li-img { border-radius: 10px; }
    .masonry-txt-date { font-size: 11px;}
    .masonry-li .empty-box { margin-top: -15px; width: calc(100% - 15px) !important; }
}/*768px*/


.ellipsis2 {
    display: block;
    word-wrap: normal;
    overflow: hidden;
    white-space: unset;
}


.div-txt {
    font-size: 18px;
    line-height: 180%;
    word-break: keep-all;
    padding: 15px;
}

.div-txt-ul {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #d2d2d2;
    padding: 0 5px;
    margin: 0 auto;
    text-align: center;
}

.div-txt2 {
    font-size: 14px;
    line-height: 180%;
    padding: 0 15px;
    word-break: keep-all;
}

.item-exp2 {
    padding: 0 15px;
    /* border-radius: 0 0 20px 20px; */
    display: inline-block;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0px solid #bbb;
}

.tinfo1 {
    display: inline-block;
}
.tcost {
    margin-top: 0;
    display: inline-block;
    float: right;
    font-weight: bold;
    padding: 5px;
}

@media (max-width: 767px) {
    .div-txt {
        font-size: 15px;
        line-height: 160%;
    }
}