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


*html{
margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    height: 100%;
}
*{
    font-family: 'Noto Sans KR','Poppins','Malgun Gothic','Dotum' ,'Arial',sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
    list-style: none;
    letter-spacing: -0.03em;
   }
.blind{
    position: absolute;
    text-indent:-9999px;
}

/* body { background:#fff; margin: 0 auto; height: 100%; overflow-x: hidden;} */
body {
    background:#fff;
    margin: 0 auto;
    height: 100%;
    min-height: 100vh;
}


header{    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;

z-index: 1040;
    display: block;
    border-bottom: 1px solid #e0e0e0;
}

header .header_sub {
    width: 1000px;
    max-width: 100%;
    padding: 0; 
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header .left { float: left; padding: 15px 0}
header .nav_sub{
    display: flex;
    flex: 1;
    justify-content: flex-end;}


header .nav_sub >ul{ 
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



/* header .nav_sub >ul li:first-child a{
    background: url(../images/blog_btn.jpg)no-repeat;
    color: #222;
    font-size: 14px;
    padding: 9px 70px 9px 70px;
    text-indent: -9999px;
} */

/* header .nav_sub >ul li:last-child a{
    background: url(../images/shop_btn.jpg)no-repeat;
    color: #222;
    font-size: 14px;
    padding: 9px 70px 9px 70px;
    text-indent: -9999px;
} */
header .nav_sub li a{
    background: url(../images/blog_btn.jpg)no-repeat;
    color: #222;
    font-size: 14px;
    padding: 9px 70px 9px 70px;
    text-indent: -9999px;
}




header a { color:#000;}
header h1 { float: left; padding: 0 20px 0 0;height: 40px;}
header nav ul {margin: 0; padding: 0;}
header h1 a { display: block; width: 200px; height: 30px; background: url("../images/logo2.png") no-repeat;color:transparent;}
header nav a { display: block; position: relative; height: 40px; line-height: 50px; font-size: 16px; font-weight: 500;}
header .close,
header .all,
header .left > div > div,
header h2 { display: none;}
header .left > div { float: left;}
header .left > div nav li { float: left; padding: 0 20px 0 0;}
header > ul { float: right; padding: 20px 40px 0 0;}
header > ul li { float: left; margin-left: -1px;}
header > ul li a { display: block; width: 96px; height: 38px; line-height: 38px; text-align: center; font-size: 11px; border:1px solid rgba(255,255,255,0.5);}
header > ul li:first-child a{ border-radius:3px 0 0 3px; }
header > ul li:nth-last-of-type(2) a { border-radius: 0 3px 3px 0;}
header > ul li.join { padding: 0 0 0 10px;}
header > ul li.join a { background: rgba(255,255,255,0.2);}








section {
    padding: 100px 0;
}

.container_sub {
    width: 1000px;
    max-width: 100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}
.container_sub_banner {
    width: 600px;
    max-width:100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}
section h2 {
    /*margin: 0 0 80px;*/
    /*text-align: center;*/
    font-size: 34px;
    font-weight: 600;
}
section h2 strong{
    font-size: 18px;
    color: #888;
}
/* main_service */
/*#main_service{ padding-top:60px; }*/
/*.tab_pane{ display: none; }*/
/*.tab_pane.active{ display: block; }*/
/*.tab_menu{ display: flex; margin-bottom:60px; }*/
/*.tab_menu li{ flex:1; border-bottom:1px solid #e0e0e0; }*/
/*.tab_menu li a{font-weight:500; color:333;margin-bottom: -1px; display: block; padding:25px 0; line-height: 1; text-align: center; font-size: 20px; font-weight:400; border-bottom:2px solid transparent; }*/
/*.tab_menu li a.active{ font-weight:700; color:#000; border-color:#019dd8; }*/
/*.service_intro .txt_box{ display:block;position:relative; top:-45px; padding:40px; width:90%; margin-left:auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); background:#fff; letter-spacing: -0.02em; }
.service_intro .txt_box h5{ display: flex;margin-bottom:10px; font-size:24px; align-items: center;justify-content: space-between;}
.service_intro .txt_box p{ font-size:20px; line-height:1.6; color:#616161; }
.service_intro .txt_box p span{ display: block; font-size: inherit; color: #616161;}
.service_intro .txt_box .more{font-size: 16px;color: #616161;}
.service_intro .txt_box .more i{ vertical-align: middle; margin-top:-2px; margin-left:5px; }*/

/* main_trait */
#main_trait{ background:#fff; }
.bizmail_trait_wrap{ /*text-align: center;*/ margin: 0 auto;}
.bizmail_trait_wrap .inner{margin: 0 auto;padding:50px 40px; border: 1px solid #e8e8e8;background:#fff;max-width: 100%;}
.bizmail_trait_wrap img{ margin-bottom:20px; }
.bizmail_trait_wrap h5{ margin:0 0 20px; display: flex; font-weight: 600;align-items: center; /*justify-content: center;*/ min-height:2.8em; font-size:22px; line-height:1.4; }
.bizmail_trait_wrap p{ font-size:16px; line-height:1.67; }






.link_wrap {
  text-align: center;
  background: #fff;
  padding: 1.5rem 0;
  /*width: 60rem;*/
  max-width: calc(100% - 2rem);
  margin-left: auto !important;
  margin-right: auto !important;
  width: 95%;
  height: 40px;
}

.link_wrap a {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
  height: 95px;
  padding-right: 45px;
    border-right: 1px solid #ededed;
}
.link_wrap a p{
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.link_wrap a > * {
  display: inline-block;
  vertical-align: middle;
}

.link_wrap a + a {
  margin-left: 2.7rem;
}

.link_wrap .last{
    border:none;
}

.ellipsis{display: inline-block;max-width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/* 한줄말줄임 */
a.link-underline{text-decoration: underline;font-size: 16px;}
.product_hash{height:32px; line-height:32px; margin-bottom:24px; padding:0 20px; font-weight:500; font-size: 16px; border-radius:16px; background:rgba(137, 202, 232, 0.1); color:#0084c4; display:inline-block;    width: auto;
    max-width: 100%;}

.inner_img{
    background: #ddd;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 20px;
    top: 10px;
}

/*inner_img_01*/


#inner_img_01{
    background:url(../images/inner_img01.jpg)no-repeat;
}
#inner_img_02{
    background:url(../images/inner_img02.jpg)no-repeat;
}
#inner_img_03{
    background:url(../images/inner_img03.jpg)no-repeat;
}
/* main_info */
#main_info{ position:relative; overflow: hidden;padding:20px 0 20px 0;}
#main_info:before, #main_info:after{ content:''; z-index: -1; position:absolute; bottom:0; background-position:center bottom; background-repeat: no-repeat; background-size: contain; }
#main_info:before{ left:0; width:642px; height:350px; max-width:34vw; background-image: url(/asset/bizmail/img/main_bg1.png); }
#main_info:after{ right:5%; width:328px; height:150px; max-width: 17vw; background-image: url(/asset/bizmail/img/main_bg2.png); }
#main_info .icon{display: inline-block;background-image: url(/asset/help/img/help_sprite2021.png);}
#main_info_wrap > div{ display: flex; justify-content: center; flex-flow: column; }
#main_info .contact_box h4{ margin:0 0 20px; text-align: center; }
#main_info .contact_box h4 span{ display: inline-block; margin-right:20px; font-size:24px; font-weight: 400;}
#main_info .contact_box h4 strong{ font-size:28px; font-weight: bold; }
/*#main_info .contact_bizmail{ margin-bottom:45px; }*/
#main_info .contact_box li{ display: inline-block; margin-bottom:15px; margin-right:25px; line-height:1; font-size:18px; color:#555; }
#main_banner{ padding:50px 0 50px 0; background:#f7f7f7; }
#main_banner .container_sub_banner{ display: flex; justify-content: space-between; align-items: center; }
#main_banner p{ flex:1;font-size:32px; color:#000; font-weight: 700; padding: 0;margin: 0;}
#main_banner  ul{ margin:0;}
#main_banner  ul li{ position:relative; /*padding:0 24px;*/ }
#main_banner  ul li:last-child{ padding-right:0; font-size:15px; }
#main_banner  ul li:first-child{ font-size:40px; color:#1c9eda; font-weight: bold; }
.img-fluid {
  max-width: 100%;
 }



.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
}









/* 999px 이하 */
@media (max-width: 999px) { 
.col-12 {max-width: 100%;flex-basis: 100%;}
/*#main_trait{ padding-bottom:20px; }*/
.bizmail_trait_wrap .inner{margin: 0 auto;  margin-bottom: 60px; }
/*.main_banner_mo{display:none!important;}*/
#main_banner .container_sub_banner{ display: block; text-align: center; }
#main_banner ul{ justify-content:center; padding: 0;}
}
/* 767px 이하 */
@media (max-width: 767px) { 
.col-12 {max-width: 100%;flex-basis: 100%;}
.service_intro .txt_box{ padding:30px 29px; }
.service_intro .txt_box h5{ font-size:22px; }
.service_intro .txt_box p{ font-size:16px; }
.service_intro .txt_box .more{ display: none; }
.bizmail_trait_wrap h5{ margin-bottom: 10px; min-height: 0; font-size:22px; }
.bizmail_trait_wrap p{ font-size:16px; }

.bizmail_trait_wrap .inner{margin: 0 auto; margin-bottom: 0px;padding:  40px 20px;}
#main_banner{ padding:60px 0; }
#main_banner ul li:first-child{ padding-left:0; }
#main_banner ul li:last-child{ padding-right:0; }
#main_banner ul li a{ font-size:16px; }

.link_wrap{
  height: 310px;
}


.link_wrap a {
  width: 40%;
  border: none;
  padding: 0;
  height: 160px;
}

.link_wrap a + a {
  margin-left: 0;
}







section {
    padding: 0;
}
section h2{
  text-align: center;
}


section h2 strong{
    font-size: 16px;
    color: #888;
}



}





.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
     width: 100%; 
}


@media (min-width: 999px){
.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

}


contain {
	text-align: center;
}
.contain h4 span{
display: inline-block;
    margin-right: 20px;
    font-size: 24px;
    font-weight: 400;	
}

.contain h4 strong{
    font-size: 35px;
    font-weight: bold;
    color: #019dd8;	
}



.footer_wrap { padding:45px 0 80px; border-top:1px solid #e0e0e0; }
.footer_wrap .left_con{ flex:0 0 155px; max-width:155px; }
.footer-logo { display: inline-block; width: 150px; height: 50px; margin-top: 0; background: url(../images/logo3.png) left top no-repeat; background-size: contain; }
.footer_wrap .center_con{ flex:1; }
.footer_wrap .footer_link{ display: flex; margin:0 0 17px; }


.footer_info{margin: 0; padding: 0;}
.footer_info li{ display: inline-block; margin-right:20px; font-size:14px; line-height:2; color:#555; }
.footer_wrap .bottom_con{ flex:0 0 100%; width:100%; padding-top:46px; }

 /* 999px 이하 */
@media (max-width:999px) {
/* .link_wrap {
    height: 500px;
 }

 .link_wrap a {
    width: 40%;
    padding: 1rem;
    margin: 0 !important;
    border: none;
  }
  .link_wrap a > * {
    display: block;
    text-align: center;
  }

*/


    .footer-logo{display: none;}
   .footer_wrap .container_sub > .row > div{ max-width: 100%; flex-basis: 100%; text-align: center; }
 	.footer_wrap {
    padding: 30px 0 35px;
}   .footer_wrap .row > div{ padding-left: 15px; padding-right: 15px; }

    .footer_wrap .footer_info{ margin-bottom:25px; }
    .footer_wrap .footer_info li{margin-right:1px;}
    .footer_cert{ justify-content: center; flex-wrap: wrap; }
    .footer_cert .item{ display: block; flex:0 0 250px; max-width:33.333%; margin:0 0 30px; }
    .footer_cert .clearfix{ flex:0 0 100%; width:100%; }
    .footer_cert .item p{ padding:15px 0 0; }
 }