@charset "utf-8";
/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;600;700&family=Montserrat:wght@300;400;700&display=swap');


.convert_list,.sns-container{max-width:1200px;margin:0 auto}
.hidden{visibility:hidden}



.page_main_in{min-height:1000px}

.grid-block{padding:3em 1em}
.grid-block>[class*="grid-"]{max-width:1000px}
.m9-hr-1{width:1000px;margin:0 auto}
@media screen and (max-width: 683px) {
.sns_p{padding:10px 0}
.convert_fontsize_div{margin-right:10px !important}

.page_main_in{min-height:auto}
}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){
.page-tab-one>a{min-width:auto !important}
.grid-block{padding:2em 1em}
}



._status_kind_1{background:#0e3c69;color:#fff !important;border:1px solid #0e3c69}
._status_kind_2{background:#28a8d8;color:#fff !important;border:1px solid #28a8d8}
._status_kind_3{background:#fff;color:#666 !important;border:1px solid #ccc}

/* 사용자 박스 정의 */
.user-box-title{position:relative;z-index:10;margin-bottom:1em;line-height:1;}
.user-box-content{position:relative;z-index:10;margin-bottom:1em;font-size:1em;text-align:justify}
.user-box-content2{position:relative;z-index:10;margin-bottom:1em}

/* 원하는 색상을 정의하세요 */
.user-background1{background-color:#f1f1f1;color:#212121;border-color:#ccc}
.user-background2{background-color:#093155;color:#fff;border-color:#00838f}

.user-color1,.user-hover1:hover,.user-hover1:focus{background-color:#3f8af9;color:#fff;border-color:#397ce0;text-shadow:0px 0px 2px #2960b2}
.user-color1 a,.user-color1 i{color:#fc7c3d;text-shadow:0px 0px 2px #000}
.user-color2,.user-hover2:hover,.user-hover2:focus{background-color:#ed2344;color:#fff;border-color:#821426;text-shadow:0px 0px 2px #821426}
.user-color2 a,.user-color2 i{color:#aa0443;text-shadow:0px 0px 2px #ffacd6}

.user-btn-color1{background-color:#fff;color:#333;border-color:#999;text-shadow:0px 0px 2px #f2f2f2}

.f-user-color1{color:#093155}



html,body{font-size:15px;font-family: 'Noto Sans KR', sans-serif}
.m9-h1{font-size:2em;margin-top:0;margin-bottom:1em}
.m9-h2{font-size:1.5em;margin-top:2em;margin-bottom:1em}

.strong-1{background:none;color:#08459a;margin-top:2em}
.user-background-3{background-color:#012d6b;color:#fff}

.user-text-icon-1{position:absolute;top:-12px;left:10px;padding:4px 10px;background:#af3333;border-style:solid;border-width:0;border-color:#af3333;color:#fff;overflow:visible;font-weight:normal;font-size:12px;font-family:dotum;border-radius:3px}

ol[class~="list-style-1"]>li:before{background-color:#79899e}

   
   
/*h1*/
.m9-heading-style-1{margin-bottom:1em}
.m9-heading-style-1>h1{font-size:4em;line-height:1em;letter-spacing:-4px;font-weight:600;font-family: 'Noto Sans KR',sans-serf;text-align:center;/* border-bottom: 1px solid #f1f1f1; */padding-top: 30px;}
.m9-heading-style-1>h1:before{content:"CELL-MORE";font-size: 12px;color: #ccc;letter-spacing: 2px;display:block;text-align:center;margin: 0 auto;}
.m9-heading-style-1>h1:after{content:"";display: block;margin: 0.5em auto;width: 2px;/* transform: skewX(-38deg); */height: 35px;background: #dddddd;}
 .m9-heading-style-1>h1>span{display:block;font-size:20px;font-weight:300;letter-spacing:0px;padding:10px 0}
.m9-heading-style-1>div{font-size:1.3em;font-weight:300}


/*h2*/
.m9-heading-style-1>h2{font-weight:600;font-size:3em;padding-bottom:0.5em; margin-bottom:1em;letter-spacing:-1px;font-family:'Poppins','Noto Sans KR', sans-serif;text-align:center;position:relative}
.m9-heading-style-1>h2:after{content:"";position:absolute;bottom:0;left:50%;width:40px;height:1px;background:#000;display:inline-block;margin-left: -20px;}

/*h3*/
.m9-heading-style-1>h3{font-weight:500;font-size:2em;letter-spacing:-1px;text-align:left}


/*h4*/
.m9-heading-style-1>h4{font-weight:300;font-size:1.2em;letter-spacing:-1px;text-align:center}

@media screen and (max-width:638px){

/*h1*/
.m9-h2-style-1{font-size:23px}
.m9-h2-style-1>span:before{left:0;bottom:0;margin-left:0px}

}


/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){
 html,body{font-size:0.95em}

.page_button_down-in{height:150px}
.page_button_down-in>p{padding-top:50px;color:#fff;text-shadow:1px 1px 1px #555;}
.page_button_down-in>div{padding-top:35px;color:#fff;text-shadow: none}

.m9-heading-style-1>h1{font-size:2em}

/*h2*/
.m9-heading-style-1>h2{font-size:1.5em;text-align:left}
.m9-heading-style-1>h2:after{left:0;margin-left:0}

.m9-heading-style-1>h3 {font-size:1.2em}
}
.header-group{height:100%;background-attachment:fixed;overflow:hidden}
.page_width{max-width:1200px;margin:0 auto;}
.page_banner_bottom_in{padding-top:266px;height:560px;font-family: 'Noto Sans KR';font-weight:600;/* color:#fff; */text-align:center;display:none}
.page_banner_bottom_in>div>strong{display:block;font-size: 3em;line-height:1.2;/* padding-bottom:20px; */letter-spacing: -1px;font-weight: 700;font-family:'Ibarra Real Nova';COLOR: #9b0137;}
.page_banner_bottom_in>div>div{font-size: 20px;font-weight: 500;}
.page_banner_bottom_in>div>span{display:block;padding: 1em;color: #666;font-weight: 400;font-size: 16px;}

.page_url_font{margin-left:5px}
    

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){
.page_button_down{dis1play:none}
.page_pattern{background:#fff} 
.page_up_link_box{margin:0}
.page_banner_bottom_in{font-size:20px;color:#fff;padding-top:0px;height:0px;background:#77787b;visibility:hidden}
}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header-group{background-attachment:inherit !important;}
}

/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
.header-group{background-attachment:inherit !important;}
}



.content_box:after{content:"";display:block;clear:both}
.heading_box{width:250px;float:left;position:relative;padding-top:15px;font-size:20px;margin-bottom:20px}
.heading_box>h3:after{content:"";display:inline-block;position:absolute;top:0;left:0;width:30px;height:1px;border-top:4px solid #000}

.heading_box>h4{position:relative;padding:5px 17px;font-weight:500}
.heading_box>h4:after{content:"";display:inline-block;position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;background:#000;}
.text_box{display:block;overflow:hidden;padding-top:17px}
.text_box>span{display:block;font-weight:500;font-size:1.1em}
.sub_btn{margin-top:20px}
.sub_btn>a{display:inline-block;background:#595757;color:#fff;padding:10px 20px;}
.sub_btn>a>span{color:#fdd000;font-weight:500}
    
/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){

.heading_box{width:100%;float:none;position:relative;padding-top:15px;font-size:18px;margin-bottom:20px}
.text_box{display:block;overflow:hidden;padding-top:0}
.text_box>span{display:block;font-weight:500}
.sub_btn>a{display:block;text-align:center}

    
    
}


.dcub_block>ol>li>div{border-right:0;min-height:230px;padding:3em 1em 1em;border:1px solid #e8e8e8;position:relative;background:#fbfbfb}
    
    .dcub_block>ol>li>div>.box_num{display:none;width:23px;height:23px;font-weight:400;text-align:center;color:#fff;background:#022f71;line-height:23px;font-size:13px;position:absolute;left:-1px;top:-1px;}
    .dcub_block>ol>li>div>.box_img{text-align:center;}
  .dcub_block>ol>li>div>.box_img>img{width:70px}
    .dcub_block>ol>li>div>.box_title{font-size:16px;font-weight:500;text-align:center;}
    .dcub_block>ol>li>div>.box_content{font-size:13px;line-height:1.46;text-align:center;color:#6f7075;margin-top:10px;letter-spacing:-1px}
    
    @media screen and (max-width:683px){
    .dcub_block{margin-top:1em;}  
    .dcub_block>ol>li>div{min-height:140px;border:1px solid #e4e4e8;padding:1em}
    .dcub_block>ol>li>div>.box_title{font-size:14px;}
      .dcub_block>ol>li>div>.box_content{display:none}
    }


.sub_title3{margin:0 10px 10px 0}
  .sub_title3>div>.box_num{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;border-radius:3px;margin-right:5px;background:#eaeaea;color:#333;font-size:13px;font-family:"Montserrat","Noto Sans KR", sans-serif;}
  .sub_title3>div>strong{font-size:16px;font-weight:500}
  
  .sub_list{font-weight:300;font-size:0.95em}


.pro-btn{display:inline-block;min-width:60px;height:30px;line-height:30px;padding:0 10px;margin-left:3px;margin-right:3px;font-family:gulim;font-size:12px;text-align:center;border: 1px solid #000000;background: #000000;border-radius:3px;overflow:hidden;cursor:pointer;outline:none;vertical-align:middle;color:#fff}
.pro-btn:hover,.pro-btn:focus{background-color: #454545;border-color: #454545;color:#fff}
.pro-btn.small{min-width:30px;height:23px;line-height:23px;padding:0 5px}
.pro-btn.large{min-width:40px;height:40px;line-height:40px;padding:0 20px}
.pro-btn:active{position:relative;top:1px}
.pro-btn>img{display:none}
.pro-btn>.blind{width:auto;height:auto;overflow:inherit;font-size:12px;line-height:1;position:static;left:0;top:0}

/*common*/
    .m9-btn{display:inline-block;position:relative;padding:0.5em 1.5em;font-weight:400;line-height:1;text-align:center;vertical-align: middle;background-image:none;border:1px solid #ccc;border-radius: 0.25em;vertical-align: top;font-family: inherit;letter-spacing: inherit;cursor: pointer;background:#fff}
    .m9-btn:active, .m9-btn:focus, .m9-btn:hover{background-color:#eee;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)}
    .m9-btn:active{position: relative;top:1px}
    
    
    /*disabled*/
    .m9-btn-disabled{pointer-events: none;cursor: not-allowed;opacity: 0.4}
    
    
    /*type*/
    .m9-btn-style-1{border-radius: 0}
    .m9-btn-style-2{border-radius: 2em}
    .m9-btn-style-3{border:0;color:#337ab7}
    .m9-btn-style-3:hover,.m9-btn-style-3:focus{background:none;text-decoration: underline;box-shadow: none}
    .m9-btn-block{width:100%}
    
    
    /*color*/
    .m9-btn-color-1{color:#fff;background-color:#aaa;border-color:#999}
    .m9-btn-color-1:active, .m9-btn-color-1:focus, .m9-btn-color-1:hover{color:#fff;background-color:#9a9a9a;border-color:#999}
    
    .m9-btn-color-2{color:#fff;background-color:#000;border-color:#000}
    .m9-btn-color-2:active, .m9-btn-color-2:focus, .m9-btn-color-2:hover{color:#fff;background-color:#333;border-color:#333}
    
    .m9-btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
    .m9-btn-primary:active, .m9-btn-primary:focus, .m9-btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
    
    .m9-btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
    .m9-btn-success:active, .m9-btn-success:focus, .m9-btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
    
    
    .m9-btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
    .m9-btn-info:active, .m9-btn-info:focus, .m9-btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}
    
    .m9-btn-warning{color:#fff;background-color:#e5ab5a;border-color:#e5ab5a}
    .m9-btn-warning:active, .m9-btn-warning:focus, .m9-btn-warning:hover{color:#fff;background-color:#f59e24;border-color:#d6830b}
    
    .m9-btn-danger{color:#fff;background-color:#d94844;border-color:#d53833}
    .m9-btn-danger:active, .m9-btn-danger:focus, .m9-btn-danger:hover{color:#fff;background-color:#b82723;border-color:#b22621}
    
    .m9-btn-black{color:#fff;background-color:#000;border-color:#000}
    .m9-btn-black:active, .m9-btn-black:focus, .m9-btn-black:hover{color:#fff;background-color:#333;border-color:#333}
    
    
    
    /*position*/
    .m9-btn-icon-position-left{position: relative;padding:0.5em 1em 0.5em 2em;}
    .m9-btn-icon-position-left>i{display:inline-block;position: absolute;left:0.8em;top:50%;transform:translateY(-50%);}
    
    .m9-btn-icon-position-right{position: relative;padding:0.5em 2em 0.5em 1em;}
    .m9-btn-icon-position-right>i{display:inline-block;position: absolute;right:0.8em;top:50%;transform:translateY(-50%);}

    /*effect*/
    .m9-btn-icon-effect-right-1{}
    .m9-btn-icon-effect-right-1>i{display:inline-block;transform: translate(0,-50%);transition: 0.3s}
    .m9-btn-icon-effect-right-1:hover>i{transform: translate(0.2em,-50%)}   
    
    .m9-btn-icon-effect-left-1>i{display:inline-block;transform: translate(0,-50%);transition: 0.3s}
    .m9-btn-icon-effect-left-1:hover>i{transform: translate(-0.2em,-50%)}
        
    .m9-btn-icon-effect-bottom-1>i{display:inline-block;transform: translate(0,-50%);transition: 0.3s}
    .m9-btn-icon-effect-bottom-1:hover>i{transform: translate(0,calc(-50% + 0.2em))}
        
    .m9-btn-icon-effect-top-1>i{display:inline-block;transform: translate(0,-50%);transition: 0.3s}
    .m9-btn-icon-effect-top-1:hover>i{transform: translate(0,calc(-50% - 0.2em))}
        
    .m9-btn-icon-effect-rotate-1>i{display:inline-block;transform:translateY(-50%) rotate(0);transform-origin: center center;transition: 0.3s}
    .m9-btn-icon-effect-rotate-1:hover>i{transform:translateY(-50%) rotate(360deg)}


.m9_heading_1{}
        .m9_heading_1>.con>{}
        .m9_heading_1>h1{margin:60px 0;font-size:2.5em}
        .m9_heading_2>h2{margin:50px 0}
        .m9_heading_3>h3{
    font-size: 1.5em;padding:1em 0}
        .m9_heading_4>h4{
    position: relative;
    padding-left: 15px;
    margin: 1em 0;
    font-size: 1.1em;
}
  .m9_heading_4>h4:before{content:"";display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: #000;position: absolute;top: 50%;left: 0;margin-top: -2px;}
  .common_box .sub_txt_1{padding:5px 20px;border-left:3px solid #000;color:#999}
 .common_box .sub_txt_1>span{color:#000}
 .common_box .sub_img_1{margin:2em 0}