@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Pretendard-Thin.woff2') format('woff2'),
  url('../fonts/Pretendard-Thin.woff') format('woff'),
  url('../fonts/Pretendard-Thin.otf') format('opentype');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'),
  url('../fonts/Pretendard-ExtraLight.woff') format('woff'),
  url('../fonts/Pretendard-ExtraLight.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Pretendard-Light.woff2') format('woff2'),
  url('../fonts/Pretendard-Light.woff') format('woff'),
  url('../fonts/Pretendard-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Pretendard-Regular.woff2') format('woff2'),
  url('../fonts/Pretendard-Regular.woff') format('woff'),
  url('../fonts/Pretendard-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Pretendard-Medium.woff2') format('woff2'),
  url('../fonts/Pretendard-Mediumt.woff') format('woff'),
  url('../fonts/Pretendard-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard';
  font-style:normal;
  font-weight: 600;
  src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),
  url('../fonts/Pretendard-SemiBold.woff') format('woff'),
  url('../fonts/Pretendard-SemiBold.otf') format('opentype');
}

@font-face {
  font-family: 'Pretendard';
  font-style:normal;
  font-weight: 700;
  src: url('../fonts/Pretendard-Bold.woff2') format('woff2'),
  url('../fonts/Pretendard-Bold.woff') format('woff'),
  url('../fonts/Pretendard-Bold.otf') format('opentype');
}


@font-face {
  font-family: 'Pretendard';
  font-style:normal;
  font-weight: 800;
  src: url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
  url('../fonts/Pretendard-ExtraBold.woff') format('woff'),
  url('../fonts/Pretendard-ExtraBold.otf') format('opentype');
}


@font-face {
  font-family: 'Pretendard';
  font-style:ormal;
  font-weight: 900;
  src: url('../fonts/Pretendard-Black.woff2') format('woff2'),
  url('../fonts/Pretendard-Black.woff') format('woff'),
  url('../fonts/Pretendard-Black.otf') format('opentype');
}



/*------------
reset
------------*/

* {font-family: 'Pretendard', sans-serif;}
*, ::after, ::before{box-sizing:content-box}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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, p, span, i, input, select{
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   vertical-align: baseline;
   font-weight:normal;
   color:#000;
   font-family: 'Pretendard', sans-serif;
   /* font-family:-apple-system, BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','NanumGothic','나눔고딕','Dotum','돋움',sans-serif; */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

body, html {
   line-height:1;
   height: 100%;
   padding:0;
   margin:0;
   font-size: 18px;
}

ol, ul {
   list-style: none;
}

blockquote, q {
   quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}

table {
   /*border-collapse: collapse;*/
   border-spacing: 0;
}

a, a:hover, a:link, a:active{
   text-decoration: none;
}

b{
   font-weight:bold;
}

i{
   font-size:1.1em
}

strong{
   font-weight:bold
}

h1,h2,h3,h4,h5{
   text-align:left;
}

table caption{
   overflow:hidden;
   position:absolute;
   top:0;
   left:0;
   width:1px;
   height:1px;
   font-size:0;
   line-height:0
}


.hidden{
   position: absolute;   
   overflow: hidden; 
   text-indent: -99990em;
}




/*------------------------
textarea
------------------------*/

textarea{
   border-radius: 0;
   border:1px solid #e7e7e7;
   background:#fff;
   padding:5px;
   overflow:hidden;
   font-size:14px;
   resize: none;
}

textarea:focus {outline:none;}
textarea:focus {border:1px solid #313862}
.abox {
    width: 100%;
    height: 150px;
    margin-top: 10px;
    line-height: 18px;
}
.abox_div > .abox{
    width: calc(100% - 10px);
    height: 150px;
    margin-top: 10px;
    line-height: 18px;
    border: 1px solid #ddd;
}
pre{
   float: left;
   display:inline;
   margin-top:5px;
   color:inherit;
   border: 1px solid #d3d3d3a3;
   padding: 10px;
}

pre > div{
   margin-top:5px;
   box-sizing: border-box;
   flex-direction: column;
}

pre > div > *{
   margin-top:5px;
   word-break: break-all;
   word-wrap: break-word;
   white-space: initial;
}


/*------------------------
file
------------------------*/

.filebox{
   display:inline-block;
}

.filebox label {
   display: inline-block;
   height:45px;
   line-height:45px;
   width:70px;
   text-align:center;
   background-color: #fff;
   border: 1px solid #ddd;
   cursor: pointer;
   border-radius:2px;
}

.filebox input[type="file"] {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0;
}

/* named upload */
.filebox .upload-name {
   display: inline-block;
   background-color: #fff;
   color:#999;
}

.plus-file{
   display:inline-block;
   margin-left:5px;
   font-size:1.1em;
   cursor:pointer
}




/*------------------------
check box
------------------------*/

.check-agree {
   position: relative;
   display:inline;
}

.check-agree input[type="checkbox"] {
  display: none;
}

.check-agree input[type="checkbox"] + label {
   cursor: pointer;
   display:inline-block;
}

.check-agree input[type="checkbox"] + label:before {
   content: ' ';
   display: inline-block;
   width: 14px;
   height: 14px;
   text-align: center;
   border: 1px solid #313862;
   background: #fff;
   vertical-align:middle;
   margin:0px 5px 5px 0px;
}

.check-agree input[type="checkbox"]:checked + label:before {
   background:#313862 url(/m/images/ico_ckd.png) no-repeat center center;
   border: 1px solid #313862;
   width: 14px;
   height: 14px;
}






/*------------------------
button
------------------------*/

button{
   
   -moz-appearance: none;
   border:0;
   height:45px;
   cursor: pointer;
   font-size:12px;
   padding:0px 10px;
}



/*------------------------
radio
------------------------*/

.i-radio {
  position: relative;
  height: 22px;
  line-height: 22px;
  cursor: pointer;
  display: inline-block;
}

.i-radio input {
   overflow:hidden;
   margin-right:19px;
   width:0px;
   height:0px;
   border:0 none;
   font-size:0;
   line-height:0;
   clip:rect(0 0 0 0);
   opacity:0;
}

.i-radio .ico {
   position:absolute;
   left:0px;
   top:0px;
   width:22px;
   height:22px;
   background:url(/m/images/ico_radio_before.png) no-repeat 0 0;
}

.i-radio input:checked + .ico {
   background-position:0 -40px;
   background:url(/m/images/ico_radio_after.png) no-repeat 0 0;
}





/*------------------------
size
------------------------*/

.wid-0-5{width:5%}
.wid-0-8{width:8%}
.wid-1{width:10%}
.wid-1-5{width:15%}
.wid-2{width:20%}
.wid-2-5{width:25%}
.wid-3{width:30%}
.wid-3-5{width:35%}
.wid-4{width:40%}
.wid-4-5{width:45%}
.wid-4-8{width:48%}
.wid-5{width:50%}
.wid-5-5{width:55%}
.wid-6{width:60%}
.wid-6-5{width:65%}
.wid-7{width:70%}
.wid-7-5{width:75%}
.wid-8{width:80%}
.wid-8-5{width:85%}
.wid-9{width:90%}
.wid-9-5{width:95%}
.wid-10{width:100%}




/*------------------------
드래그색상
------------------------*/

::selection {
  background:#313862;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background:#313862;
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background:#313862;
  color: #fff;
  text-shadow: none;
}




/*------------------------
etc common
------------------------*/

/*정렬*/
.t-left{text-align:left;}
.t-rignt{text-align:right;}
.t-center{text-align:center;}
.f-left{float:left;}
.f-right{float:right;}
.col-cont{float:left; width:50%;}

/*etc*/
.s-text{line-height:22px;}



/*intro*/
.intro{margin-bottom:0 !important;  padding: 130px 20px 50px 20px; background: #F2F2F2}
.intro .intro-box{position: relative; padding: 0 0 50px 0; border-radius: 25px 25px 15px 15px; background: #fff; box-shadow: 1px 1px 8px 4px rgba(0,0,0,0.1);}
.intro .intro-box:after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 28px; background: url(/m/images/top_intro.png) 50% 50% no-repeat; }
.intro .intro-box:before{content: ''; position: absolute; top: -2px; left: 0; width: 100%; height: 28px; background: url(/m/images/down_intro.png) 50% 50% no-repeat; }

.intro li:nth-child(1) .intro-box:before{display: none;}
.intro li:nth-child(3) .intro-box:after{display: none;}

.intro li:nth-child(2) .intro-box{border-radius: 25px;}
.intro li:nth-child(3) .intro-box{border-radius: 15px 15px 25px 25px;}

.intro  li{margin-bottom: 30px}
.intro-box .btn_go{display: inline-block; padding: 0 60px 0 30px; border-radius: 5px;  font-size: 19px; line-height: 50px; height: 48px; color: #fff; 
                   background: url(/m/images/intro_arrow.svg) 86% 50% no-repeat; background-size: 18px}

.intro-box.bundle p{overflow: hidden; text-indent: -999em; height:130px; 
                    background-image: url(/m/images/intro_01.svg); background-position:  50% 50%; background-repeat:no-repeat; background-size: 180px}
.intro-box.bundle .btn_go{
    background-color: #007b70;
    box-shadow: 5px 10px 10px 0px rgba(255, 255, 255, 0.15) inset;
    }

.intro-box.review p{overflow: hidden; text-indent: -999em; height:130px; 
                    background-image: url(/m/images/intro_02.png); background-position:  50% 60%; background-repeat:no-repeat; background-size: 220px}
.intro-box.review .btn_go{
	background-color: #246abe;
	box-shadow: 5px 10px 10px 0px rgba(255, 255, 255, 0.15) inset;
}

.intro-box.term p{overflow: hidden; text-indent: -999em; height:130px; 
                    background-image: url(/m/images/intro_03.png); background-position:  50% 70%; background-repeat:no-repeat; background-size: 120px}
.intro-box.term span{margin-top: 10px; color: #777}
.intro-box.term .btn_go{
	background-color: #F46748;
	box-shadow: 5px 10px 10px 0px rgba(255, 255, 255, 0.15) inset;
}




#wrap{
   width:100%;
   height:100%;
   margin:auto;
   overflow-x: hidden;
}

#container{
   overflow: hidden;
   position: relative;
   width: 100%;
   min-width: 1100px;
   height: auto;
   min-height: 100%;
   text-align: center;
}

#container.main{
   background:#fff
}

#content{
   height: 100%;
   padding-top:98px;
}

/*#scontent{
   position: relative;
   overflow: hidden;
   padding: 98px 0px 0px 264px;
   height: 100%;
}
*/





.location {
   display: flex;
   margin-top: 110px;
   border-bottom: 1px solid #ebebeb;
}

.location h3 {
   display: flex;
   align-items: center;
   width: 10%;
   border-right: 1px solid #ebebeb;
}
.location h3 a {
   display: block;
   width: 100%;
   height: 40px;
   background:#fff url(/m/images/ico_btnhome.png) no-repeat center;
   text-indent: -9999em;
}
.location .depth1,
.location .depth2 {
   position: relative;
   width: 45%;
}
.location .depth1 {
   box-sizing: border-box;
   border-right: 1px solid #ebebeb;
}
.location .depth1 div,
.location .depth2 div {
   display: none;
   position: absolute;
   top: 46px;
   left: 0;
   width: 100%;
   box-shadow: 2px 2px 4px rgba(0,0,0,.1);
   z-index: 100;
}
.location .depth1 div.on,
.location .depth2 div.on {
   display: block;
}
.location .depth1 dt span,
.location .depth2 dt span {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   width: 30px;
   height: 46px;
   background: url(/m/images/ico_btnDown.png) no-repeat center;
}
.location .depth1 dt span.on,
.location .depth2 dt span.on {
   transform: rotate(180deg);
}
.location .depth1 dd,
.location .depth2 dd {
   border-bottom: 1px solid #ebebeb;
}
.location .depth1 dt a,
.location .depth1 dd a,
.location .depth2 dt a,
.location .depth2 dd a {
   display: block;
   text-align: left;
   padding: 15px 10px;
   background-color: #fff;
   color: #555;
   font-size: 14px;
}
.location dl dd:hover a{
   background-color: #3FB9AE;
   color: #fff;
}


/*
#lnb{
   z-index: 20;
   position: absolute;
   top: 98px;
   left:0;
   bottom: 0;
   height: auto;
   width: 264px;
   background: #313862;
   color: #fff;
   margin: 0 auto;
   text-align: left;
}

.lnb-area .title{
   font-size:28px;
   padding:60px 30px 30px;
   color:#fff
}

.lnb-area li a{
   display:block;
   height:64px;
   line-height:64px;
   padding:0px 30px;
   border-bottom:1px solid rgba(255,255,255,.1);
   color:#fff;
   font-size:17px;
}

.lnb-area li.on a{
   font-weight:bold;
   background:#485185
}*/

.blind{
   overflow:hidden;
   position:absolute;
   top:0;
   left:0;
   width:1px;
   height:1px;
   font-size:0;
   line-height:0
}



/* footer */
#footer{ padding:30px 15px; margin:0; background: #292F38; float: left; width: calc(100% - 30px);}

#footer.main{
   margin:0;
}

#footer.main .footer-wrap{
   text-align: center;
}

.footer-wrap{
   max-width: none;
   margin:auto;
   position:relative;
}

.footer-wrap .info{
   overflow:hidden;
   margin-bottom:20px
}



.footer-wrap .f-menu{
   float:left;
   margin-top:20px;
}

.footer-wrap .f-menu li{
   float:left;
   padding:0px 12px;
   position:relative;
}

.footer-wrap .f-menu li a{
   display:block;
   color: #888;
}

.footer-wrap .f-menu li::after{
   content:"";
   position:absolute;
   right:0;
   top:0;
   width:1px;
   height:14px;
   background:#ccc;
}

.footer-wrap .f-menu li:last-child{
   margin-right:0
}

.footer-wrap .f-menu li:last-child::after{
   display:none
}

.footer-wrap .f-menu li strong{
   color:#00bec5
}

.footer-wrap .q-btn{
   position:absolute;
   right:0;
   top:0px;
   border:1px solid #00bec5;
   color:#00bec5;
   background:#fff;
   font-size:13px;
   -webkit-border-radius:2px;
   -ms-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   height:34px;
   line-height:36px;
   padding:0px 10px;
}

.footer-wrap .copy{
   text-align:center;
   line-height:20px;
   font-size:13px;
   color:#999
}


#scontent{
   margin: 30px 0 80px 0;
}



#container{min-width:100%;}
#content{padding-top:75px}
#lnb{position:relative; top:75px; width:auto;}
.lnb-area ul{display:none}
.lnb-area .title{padding:15px; font-size:16px}


#footer.main{padding:30px 20px;}


.footer-wrap .f-menu{float:none; overflow:hidden; font-size:12px; background:#25282E;  border-bottom:0; padding:0px;}
.footer-wrap .f-menu li{padding:0; width:49.8%; }

.footer-wrap .f-menu li a{height:35px; line-height:35px}
.footer-wrap .f-menu li:first-child{padding-left:0px;}
.footer-wrap .f-menu li:nth-child(2n){border-right:0}
.footer-wrap .f-menu li:last-child{padding-right:0px;}
.footer-wrap .f-menu li::after{display:none}
.footer-wrap .copy{font-size:12px}
.footer-wrap .q-btn{top:-10px}




.sub-content .box{padding: 15px}

.sub-content h2{ font-size:20px; margin-bottom:15px; font-weight: 500}
.sub-content h3{margin-top: 30px; font-size:18px; margin-bottom:15px;  font-weight: 500;  letter-spacing: -0.045em; color: #444}




/*도움말*/
.Processes{background: url(/m/images/line.png) 11px 0 repeat-y;}
.Processes li{margin-bottom: 20px; padding: 0 0 0 45px; position: relative; text-align: left;}
.Processes li span{position: absolute; top: 0; left: 0; padding: 5px 0 0 7px; font-size: 13px; color: #ccc; z-index: 10;}
.Processes li:after{content: ''; display:block; position:absolute; top:0; left: 0; width: 20px; height: 20px; border-radius: 100px; background: #fff; border:1px solid #ccc;  z-index: 5;}


.Processes strong{display: block; margin-bottom: 5px; padding-top:65px; font-size:20px; font-weight:500 }
.Processes p{font-size:14px; color: #555}
.user-box .Processes .step_01 strong{background: url(/m/images/icon_step_01.png) 0 0 no-repeat; background-size: 55px}
.user-box .Processes .step_02 strong{background: url(/m/images/icon_step_02.png) 0 0 no-repeat; background-size: 55px}
.user-box .Processes .step_03 strong{background: url(/m/images/icon_step_03.png) 0 0 no-repeat; background-size: 55px}
.user-box .Processes .step_04 strong{background: url(/m/images/icon_step_04.png) 0 0 no-repeat; background-size: 55px}
.user-box .Processes .step_05 strong{background: url(/m/images/icon_step_05.png) 0 0 no-repeat; background-size: 55px}
.user-box .Processes .step_06 strong{background: url(/m/images/icon_step_06.png) 0 0 no-repeat; background-size: 55px}


.user02-box .Processes .step_01 strong{background: url(/m/images/icon2_step_01.png) 0 0 no-repeat; background-size: 55px}
.user02-box .Processes .step_02 strong{background: url(/m/images/icon2_step_02.png) 0 0 no-repeat; background-size: 55px}
.user02-box .Processes .step_03 strong{background: url(/m/images/icon2_step_03.png) 0 0 no-repeat; background-size: 55px}
.user02-box .Processes .step_04 strong{background: url(/m/images/icon2_step_04.png) 0 0 no-repeat; background-size: 55px}
.user02-box .Processes .step_05 strong{background: url(/m/images/icon2_step_05.png) 0 0 no-repeat; background-size: 55px}
.user02-box .Processes .step_06 strong{background: url(/m/images/icon2_step_06.png) 0 0 no-repeat; background-size: 55px}
.user02-box .Processes .step_07 strong{background: url(/m/images/icon2_step_07.png) 0 0 no-repeat; background-size: 55px}

/* 소개 */

.know_wrap{
   width:100%;
}
.know {
   margin-bottom: 30px;
   width:100%;
   display:flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 30px;

}
.know li{
   width: 380px;
   height: 330px;
   padding: 20px 25px 25px 25px;
   display: flex;
   text-align: center;
   border-radius: 10px;
   background: #FFF;
   box-shadow: 3px 5px 10px 0px rgb(0 0 0 / 7%);
   flex-direction: column;
   align-items: center;
}
.know li p{
   position:relative;
}
.know li:first-child p::after{
   content:'';
   width:0;
   height:10px;
   position:absolute;
   background: rgba(236, 119, 174, 0.3);
   top:10px;
   left:0px;
}
.know li:first-child:hover p::after{
   width:270px;
   transition: all 0.3s;
}
.know li:nth-child(2) p::after{
   content:'';
   width:0;
   height:10px;
   position:absolute;
   background: rgba(243, 139, 43, 0.3);
   top:10px;
   left:0;
}
.know li:nth-child(2):hover p::after{
   width:295px;
   transition: all 0.3s;
}
.know li:last-child p::after{
   content:'';
   width:0;
   height:10px;
   position:absolute;
   background: rgba(255, 213, 123, 0.3);
   top:10px;
   left:0px;
}
.know li:last-child:hover p::after{
   width:298px;
   transition: all 0.3s;
}
.know li div{
   width:100%;
   height:328px;
   margin-top:25px;
   border-radius:5px;
   overflow:hidden;
   background-size:100%;
}
.know li:first-of-type div{
   background:url(/m/images/introduce_img_1.png) center no-repeat;
}
.know li:nth-of-type(2) div{
   background:url(/m/images/introduce_img_2.png) center no-repeat;
}
.know li:last-of-type div{
   background:url(/m/images/introduce_img_3.png) center no-repeat;
}

.img-slider{position: relative; margin-top: 30px;}
.img-slider img{width: 100%}


.s_title{margin-top: 30px; margin-bottom: 20px; font-size: 24px; font-weight: 300; letter-spacing: -0.055em}
.s_title span{color: #009f91; font-weight: 600}
.btxt{font-size: 15px; line-height: 18px; color: #555}
.video video{margin:30px 0 20px 0; width: 100%}
.know li p{font-size: 16px}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 38px;
  height: 40px;
  border-radius: 3px;
  border:1px solid #ccc;  
  margin-top: -22px;
  z-index: 10;
}

.swiper-button-prev{background:#fff url(/m/images/ic_01.png) 50% 50% no-repeat;}
.swiper-button-next{right: 0; background:#fff url(/m/images/ic_02.png) 50% 50% no-repeat;}

.btn_wrap{margin-top: 30px; text-align: center;}
.btn_down{display: inline-block; padding: 20px 50px; border-radius:4px; font-size: 17px; color: #fff; background: #19b0a1}

.btn_s_green{
   display: inline-block;
   color: #fff;
    font-size: 14px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
    background: #007b70;
    vertical-align: middle;
 }



/* 통계 */
.search-box{padding: 20px; background: #f2f2f2;}

.search-box li{margin-bottom: 10px}
.search-box input,
.search-box select{ width: 100%; font-size: 20px; height: 55px; line-height: 55px; text-align: center; border-radius: 5px; border: 1px solid #ddd;}
.search-box span{display: inline-block; padding-top: 10px; font-size: 18px}
.search-box .btn_stat, 
.btn_stat{display: inline-block; width: 100%; font-size: 20px; height: 60px; line-height: 60px; text-align: center; border-radius: 5px; color: #fff;   background: #292f38;}

/*강연강의*/
.tab_wrap{width:100%;height:auto; margin-bottom: 30px}
.tab_wrap .tab {width:100%;height:auto;padding-top:1px;padding-left:1px;}
.tab_wrap .tab:after{ content:""; display:block; clear:both}
.tab_wrap .tab>li {float: left; position:relative;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;border:1px solid #E6E6E6;vertical-align:top;transition:all 0.1s;margin-left:-1px;width:calc(50% + 1px);margin-top:-1px;}
.tab_wrap .tab>li a {display:block;position:relative;width:100%;height:54px;box-sizing:border-box;padding:0 15px;color:#111;font-size:18px;font-weight:400;line-height:54px;text-align:center;letter-spacing:0px;vertical-align:middle;transition:background-color 0.1s;z-index:1;}
.tab_wrap .tab>li.on,
.tab_wrap .tab>li:hover{border:1px solid #007b70;}
.tab_wrap .tab>li.on a,
.tab_wrap .tab>li:hover a{background-color:#007b70;color:#fff;font-weight:500;z-index:2;}



.support-box{margin-top: 50px}
.support-box ul{ border-top: 1px solid #292f38;}
.support-box ul li{padding: 25px 10px; border-bottom: 1px solid #e2e2e2;}
.support-box .box-list .thumb img{width: 100%}
.support-box .box-list .info{margin-top: 20px; text-align: left;}
.support-box .info .title{ font-size: 20px; font-weight: 500; line-height: 1.5; margin: 10px 0; text-align: center;}
.support-box .info .s-title{display: -webkit-box; margin-top: 10px; overflow: hidden; height: 145px; font-size: 16px; color: #333; line-height: 1.5; text-align: center;
/* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;}
.support-box .info .s-title-full{
   overflow: initial;
   height: initial;
   min-height: 75px;
   -webkit-line-clamp: initial;
   word-break: break-all;
}    
.support-box .info .s-title-full .cont > *{
   line-height: 28px;
   margin-bottom: 7px;
}

.support-box .info .s-title-full p{
   line-height: 28px;
   margin-bottom: 7px;
   word-break: break-all;
}
#caption p {text-align: center;}

.support-box .info .desc{margin-top: 20px; text-align: center;}
.support-box .info dl{position: relative; display: inline-block;  padding-right: 15px;  margin-right: 11px;}    
.support-box .info dt, .support-box .info dd { display: inline-block; color: #666; font-size: 16px;}


.board_view {border-top: 2px solid #555;}
.board_view > .title { font-weight: 500; border-bottom: 0; font-size: 20px; line-height: 1.3; text-align: center; padding: 20px 0 0; color: #111;}
.board_view .info { padding: 10px 0; border-top: 1px solid #ddd;    border-bottom: 1px solid #dddd; margin-top: 20px; font-size: 14px; background: inherit; color: #111;
    font-weight: 400;}
.board_view .info li {display: block;  text-align: left; padding:3px 0 }
.board_view .info li strong { color: #707070;margin-right: 10px; font-weight: 400;}
.board_view .data-box{padding: 20px 0; font-size: 16px; line-height: 1.5; text-align: left; font-weight: 400; color: #555}

.prevnext { margin-top: 4rem; border-bottom: 1px solid #aaa; }
.prevnext li { overflow: hidden; padding: 20px 0; border-top: 1px solid #ddd; color: #333; }
.prevnext li.next span::before {content: '';  background: url(/m/images/ic_down_arrow.svg) center no-repeat; background-size: 17px; opacity: 0.5; }
.prevnext span { float: left; width: 20%;font-size: 15px; color: #666; }
.prevnext span::before { display: inline-block; position: relative; top: -1px;  vertical-align: top;  float: left; width: 15px; height: 15px; content: '';  
                        background: url(/m/images/ic_up_arrow.svg) center no-repeat; background-size: 17px; opacity: 0.5;}
.prevnext a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; width: 80%; font-size: 15px; text-align: left;}
.board_btns, .contract_btns{margin-top: 30px}
.board_btns .btn_list, .contract_btns .btn_list{ display: inline-block;  padding: 0 30px;  font-size: 17px;  height: 45px;  line-height: 45px;  text-align: center;  border-radius: 5px; color: #fff; background: #292f38;}


/*공지사항*/
.notice-box>ul>li:first-child { border-top: 1px solid #ddd; }
.notice-box>ul>li{padding: 20px 0; text-align: left;border-bottom: 1px solid #ddd;}
.notice-box {margin-top: 30px}
.notice-box .category {  display: inline-block;   font-size: 14px; border: 1px solid #007b70; color: #007b70;  padding: 0 7px;
    border-radius: 5px; line-height: 27px; height: 26px}
.notice-box .subject {  display: inline-block; /*margin-top: 20px;*/ font-size: 18px; line-height: 1.3;   font-weight: 600;}
.notice-box>ul>li .date {    display: inline-block; font-size: 16px; line-height: 1; letter-spacing: -.01px;  margin-top: 15px; color: #777; }
.notice-box .subject_tit{
   font-size: 16px;
   color: #949494;
   margin-top: 10px;
   font-weight: 600;
}
.notice-box>ul>li .date.sub_date{
   margin-top: 10px;
}


/*자주묻는질문*/
.faq-box > ul > li:first-child { border-top: 1px solid #292f38; }
.faq-box > ul > li{font-size: 15px;cursor: pointer; text-align: left; border-bottom: 1px solid #ddd; color: #666;}
.faq-box > ul > li > a{position: relative; font-size: 18px; display: block; padding: 20px 15px;  color: #333;    line-height: 1.5;    padding-right: 60px;}
.faq-box > ul > li > a:before{content: ''; position: absolute; right: 10px; top:20px; width: 20px; height: 20px; 
                              background: url(/m/images/ic_down_arrow.svg) center no-repeat; background-size:20px }
.faq-box > ul > li > a:after{content: ''; display: none; position: absolute; right: 10px; top:20px; width: 20px; height: 20px; 
background: url(/m/images/ic_up_arrow.svg) center no-repeat; background-size:20px }

.faq-box .faq-detail{padding: 15px; line-height: 1.4; color: #555; background: #efefef; }
.faq-box > ul > li > a.active:before { display: none;}
.faq-box > ul > li > a.active:after { display: inline-block; }

.main-box{padding: 15px 15px 15px 15px}
.sch_wrap li{margin-bottom: 10px}
.sch_wrap select,.sch_wrap input{
    width: 100%;
    height: 40px;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #bbb;
}

.btn_sch{
   display: block;
    color: #fff;
    font-size: 17px;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    text-align: center;
    background: #292f38;
}

.search_filter{margin-top: 20px}

.filter{
    display:block;
    float: left;
    width: 110px;
    height: 55px;
    padding: 0 10px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.08), -4px -4px 12px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    background-image: linear-gradient(to right, #E8E8E8, #E8E8E8);
    background-position: 50%;
    background-size: 0.9px 4em;
    background-repeat: no-repeat;
}

.filter:after{ content:""; display:block; clear:both}
.filter li{float: left; width: 50%;}
.filter li a{display: block; height: 45px; overflow: hidden; text-indent: -999px}
.filter .thumb{background: url(/m/images/btn_list.png) no-repeat -43px -57px;}
.filter .thumb.on{background: url(/m/images/btn_list.png) no-repeat -43px 12px;}

.filter .list{background: url(/m/images/btn_list.png) no-repeat 19px 12px;}
.filter .list.on{background: url(/m/images/btn_list.png) no-repeat 19px -57px;}

.search_filter:after{ content:""; display:block; clear:both}
.search_filter .btn_main{
    display: inline-block;
    float: right;
    color: #fff;
    margin-top: 7px;
    text-align: center;
    vertical-align: middle;
    padding: 0 15px;
    line-height: 42px;
    height: 42px;
    font-size: 17px;
    border-radius: 3px;
    background: #007b70;
    vertical-align: middle;
}
.btn_do{
   display: inline-block;
    float: right;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 15px;
    line-height: 42px;
    height: 42px;
    font-size: 17px;
    border-radius: 3px;
    background: #007b70;
    vertical-align: middle;
}
.listView_wrap{margin-top: 30px}

.listView_wrap ul:after{ content:""; display:block; clear:both}
.listView_wrap .link_area{
    position: relative;
    float: left;
    height: 220px;
    padding: 9px 10px 10px 14px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.listView_wrap li{float: left; width: 49%;  margin: 0 2% 2% 0; position: relative;}
.listView_wrap li .link_area.new{ border-top: 3px solid #007b70;}
.listView_wrap li:nth-child(2n){margin-right: 0}
.listView_wrap .link_area .new {
    position: absolute;
    top: 0;
    background: #007b70;
    color: #fff;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    font-weight: 400;
    width: 62px;
    height: 20px;
    line-height: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.listView_wrap li .link_area.modify{ border-top: 3px solid #C48000;}
.listView_wrap .link_area .modify {
	position: absolute;
    top: 0;
   background: #C48000;
    color: #fff;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    font-weight: 400;
    width: 62px;
    height: 20px;
    line-height: 20px;
    left: 50%;
    transform: translateX(-50%);
	
}
.listView_wrap .Checkbox { 
   position: absolute;     
   display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
    border: 1px solid #999;
    left: 12px;  
    top: 9px;
    z-index: 9;
 }

.listView_wrap .link_area .img {
    float: left;
    text-align: center;
    width: 100%;
    margin: 30px 0 20px 0;

}

.listView_wrap .link_area .img img {  box-sizing: border-box;  width: 57px; height: auto;}
.listView_wrap .link_area .title {
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #111;
    letter-spacing: -1.2px;
    line-height: 1.1;
    word-break: auto-phrase;
}
.listView_wrap .btn_link_fix { float: left; box-sizing: border-box; width: 100%; height: 33px;}

.listView_wrap .link_area .btn_more {
    width: 33px;
    height: 33px;
    background: url(../../images/data_dw.png) center no-repeat #FFF;
    float: left;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-right: 0;
    border-radius: 3px 0 0px 3px;
}

.listView_wrap .link_area .corpuesCart {
    float: left;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-right: 0;
    width: 33px;
    height: 33px;
    background: url(../../images/cart.png) center no-repeat #FFF;
    cursor: pointer;
}

.listView_wrap .link_area .corpuesPreview {
    float: left;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-right: 0;
    width: 33px;
    height: 33px;
    background: url(../../images/preView.png) center no-repeat #FFF;
    cursor: pointer;
}

.listView_wrap .link_area .btn_link {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 99px);
    background: #007b70;
    height: 100%;
    border-radius: 0 3px 3px 0;
    line-height: 33px;
    font-size: 15px;
    color: #FFF;
}

.listView_wrap_list{margin-top: 20px}

.listView_wrap_list li{ padding: 20px 0; text-align: left; border-bottom: 1px solid #787878;
   display: flex;
   justify-content: space-between;
}

.listView_wrap_list .link_area_list:after{ content:""; display:block; clear:both}
.listView_wrap_list .link_area_list .Checkbox{float: left; margin-right: 10px; vertical-align: middle; margin-top: 2px}
.listView_wrap_list .link_area_list .title {
   float: left;
   width: 100%;
   margin-top:10px;
    font-size: 20px;
    font-weight: 500;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}
.listView_wrap_list .img{
   width: 27%;
   display: flex;
   justify-content: center;
   align-items: center;
} 
.listView_wrap_list .link_area_list{
   width: 70%;
}
.link_area_list > .img > img{
   display: none;
}
.listView_wrap > #corpusUl > li > p > img{
   display: none;
}
.listView_wrap_list .link_area_list .title{
   width: calc(100% - 48px);
   margin-top: 0;
   margin-left: 5px;
}
.listView_wrap_list .link_area_list .cont {
    float: left;
    margin: 5px 0 0 0;
    font-size: 15px;
    line-height: 1.3;
    color: #666;
}

.listView_wrap_list .Checkbox { 
   display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
    border: 1px solid #999;
 }

.listView_wrap_list .link_area_list .btn_link_fix {display: block; float: left; width: 100%; }

.listView_wrap_list .link_area_list .btn_more {
   margin-right: 7px;
    width: 33px;
    height: 33px;
    background: url(../../images/data_dw.png) center no-repeat #FFF;
    float: left;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-radius: 3px 0 0px 3px;
}

.listView_wrap_list .link_area_list .corpuesCart {
    float: left;
   margin-right: 7px;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    width: 33px;
    height: 33px;
    background: url(../../images/cart.png) center no-repeat #FFF;
    cursor: pointer;
}

.listView_wrap_list .link_area_list .corpuesPreview {
    float: left;
   margin-right: 7px;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    width: 33px;
    height: 33px;
    background: url(../../images/preView.png) center no-repeat #FFF;
    cursor: pointer;
}

.listView_wrap_list .link_area_list .btn_link {
    float: left;
    box-sizing: border-box;
    width: 80px;
    height: 33px;
    line-height: 33px;
    background: #007b70;
    border-radius: 3px;
    text-align: center;
    color: #FFFFFF;
    font-size: 15px;
}

.listView_wrap_list .link_area_list .btn_link_fix{padding-top: 20px}

.link_area_list .new{
   padding: 0 10px;
    background: #007b70;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    line-height: 23px;
    height: 22px;
    float: left;
}
.href_btn{
	border: 1px solid #d3d3d3;
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 3px;
}
.listView_wrap_list .href_btn{
    display: block;
    float: left;
    width: 88%;
    margin: 15px 0 10px 0;
    text-align: center;
}
.listView_wrap #han_learn .link_area .title{
	margin-bottom: 4px;
}
.box .pop_info { background: #f2f2f2; padding: 15px;}
.box .pop_info p {position: relative; font-size: 15px; text-align: left; line-height: 1.7; color: #666; padding-left: 11px;}

.tb_s_wrap{margin-top: 20px}
.tx_stxt{margin-top: 10px; font-size: 14px; color: #777}


.request_box .content_area{padding: 15px; text-align: left; line-height: 1.4}
.request_box .tab { margin: 1em 0 1em 40px;}
.request_box .doubletab {margin: 1em 0 1em 80px;}
.request_box .article { margin-left: 20px;}
.request_box .indent { margin-left: 4em;}
.request_box .infoBox {
    width: 350px;
    display: inline-block;
    vertical-align: top;
}

.request_box #signTxt {position: absolute; left: 11%; top: 50%;  width: 100%;}
.request_box #signWrap { position: relative;}
.request_box #signWrap #stamp {
    width: 60px;
    vertical-align: middle;
    margin-left: 177px;
    margin-top: 19px;
}

.request_box #signPopUp {
    width: 264px;
    height: 34px;
    border: 0.1px solid #ffb3b3;
    transform: translate(63px, -30px);
    background-color: #ffe6e6;
    cursor: pointer;
    border-radius: 5px;
}


.request_box #signature {
    image-rendering: -webkit-optimize-contrast;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
}

.request_box #signInfoTxtKo {
   position: absolute;
    top: 4px;
    left: 69px;
    color: rgb(133, 133, 133);
    cursor: pointer;
    font-size: 15px;
}

#addressBox {
    width: 264px;
    height: 102px;
    margin-left: 39px;
    word-break: break-all;
    display: none;
    position: absolute;
    bottom: 139px;
}

.request_box .address {
    display: block;
    resize: none;
    background-color: #ffe6e6;
    border-color: #ffb3b3;
    border-radius: 5px;
    font-size: 15px;
    width: 96%;
}

.addressBtn{margin-top: 20px}

.allSelect{text-align: left; font-size: 16px}
.allSelect input{ width: 17px; height: 17px; vertical-align: middle; margin: 0 5px 0 0; padding: 0; border: 1px solid #999;}

.btn_link_fix.basket{text-align: center;}
.btn_link_fix.basket .btn_more {
      display: inline-block;
   margin-right: 5px;
    width: 33px;
    height: 33px;
    background: url(../../images/data_dw.png) center no-repeat #FFF;
    float: none;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    vertical-align: middle;
}

.btn_link_fix.basket .btn_link {
    margin-right: 5px;
   display: inline-block;
   width: auto;
   padding: 0 10px;
   float: none;
    box-sizing: border-box;
    background: #007b70;
    border-radius: 3px;
    line-height: 33px;
    font-size: 15px;
    color: #FFF;
    vertical-align: middle;
}


.cart_botm{padding: 15px 10px; background: #f7f7f7}
.cart_botm .corpusCartText{font-size: 15px; margin-bottom: 10px}

/*신청정보*/
.application{
   display: flex;
}
   .application h3{
      float: left;
      box-sizing: border-box;
      width: 80%;
      font-weight: 700;
      color: #000000;
   }
   .application h3.user_q_h3{
      width: 100%;
   }
   .application .btn_more{
      float: left;
      box-sizing: border-box;
      width: 20%;
      margin-top: 30px;
      margin-bottom: 15px;
      text-align: right;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
   }
.application_wrap{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
   .application_wrap .cont{
      box-sizing: border-box;
      padding: 15px;
      border: 1px solid #DDDDDD;
      border-radius: 2px;
      font-size: 15px;
      text-align: left;
   }
      .application_wrap .cont span:first-child{
	    width: 85%;
	    font-size: 16px;
	    font-weight: 500;
	    text-align: left;
	    line-height: 22px;
      }
      .application_wrap .cont .mid span:first-child{
         width: 45%;
      }
      .application_wrap .cont span:last-child{
         width: 100%;
         word-break: break-all;
         text-align: right;
      }
      .application_wrap .cont .top span:first-child{
         font-size: 18px;
         font-weight: 600;
         color: #444444;
      }
      .application_wrap .cont > *{
         display: flex;
         justify-content: space-between;
      }
      .application_wrap .cont .user_subs, 
      .application_wrap .cont .manager_subs{
          flex-direction: column;
          gap: 10px;
   }
         .application_wrap .cont .top{
            margin-bottom: 18px;
         }
            .application_wrap .cont .top span:last-child{
               width: 15%;
			   text-align: right;
			   line-height: 22px;
               color: #00A7A7;
               font-weight: 600;
            }
            .application_wrap .cont .top.user_q span:last-child{
               font-weight: 600;
               color: #444444;
               text-align: left;
            }
         .application_wrap .cont .mid{
            margin-bottom: 10px;
         }
         .application_wrap .cont .mid:last-child{
            margin-bottom: 0px;
         }
         .application_wrap .cont .mid > *{
            color: #666666;
         }
         .application_wrap .cont > .user_subs sapn, 
         .application_wrap .cont > .manager_subs sapn{
            width: 100%;
            text-align: left;
         }
         .application_wrap .cont > .user_subs sapn:last-child, 
         .application_wrap .cont > .manager_subs sapn:last-child{
            box-sizing: border-box;
            word-break: break-all;
         }
         .application_wrap .cont .top.user_q, 
         .application_wrap .cont .top.user_q span{
         	width: 100%;
         }
.report_dw{
    text-decoration: underline;
    cursor: pointer;
    word-break: break-all;
    text-align: left;
}
.application_wrap .cont span:last-child.user_q_cont, 
.application_wrap .cont span:last-child.manager_q_cont{
    width: calc(100% - 15px);
    word-break: break-all;
    text-align: left;
    line-height: 20px;
}
.manager_q_cont{
    padding: 12px 10px;
    background: #F2F2F2;
    border-radius: 5px;
}
.application_wrap .manager_subs span:first-child{
   margin-top: 5px;
   font-size: 17px;
   font-weight: 700;
   color: #666666;
}
.table_list table{
    margin-bottom: 30px;
}

/* ----------------------24.09.09 calendar----------------------------*/
.tab_cont {
   float: left;
   box-sizing: border-box;
   width: 100%;
   margin-right: 32px;
}

.calendar_wrap,
.pest_disease_map {
   float: left;
   box-sizing: border-box;
   width: 100%;
}

.calendar_wrap {
   border: 1px solid #D7D7D7;
   margin-top: 30px;
   margin-bottom: 40px;
}
.pest_disease_map {
   border-radius: 2px;
}

.pest_disease_info {
   float: left;
   box-sizing: border-box;
   width: 100%;
   height: 325px;
   margin-bottom: 18px;
   border-radius: 3px;
}

.pest_disease_info:last-child {
   margin-bottom: 0;
}

.envior_info>.tab_cont {
   max-height: initial;
}

.envior_info>.tab_cont .pest_disease_info {
   height: 340px;
}

.envior_info>.tab_cont .pest_disease_info:last-child {
   margin-bottom: 0;
}

.envior_info>.tab_cont .pest_disease_info,
.envior_info .pest_disease_tb {
   margin-bottom: 32px;
}

.pest_disease_tb {
   height: 339px;
   overflow-y: auto;
   box-shadow: 0 0 0 1px var(--border-color-1), 0px 0px 6px 0px rgba(224, 224, 224, 0.40);
   background: var(--bg-color-1);
}

.tab_tb {
   float: left;
   box-sizing: border-box;
   width: calc(40% - 32px)
}

.tab_cont .sub_tit,
.tab_tb .sub_tit {
   float: left;
}

.tab_tb h3 {
   float: left;
   text-align: left;
}

.calendar_tit {
   margin-bottom: 15px;
}

.tab_tb .list_hrzn {
   margin-bottom: 24px;
}

.pest_disease_tit {
   margin-top: 16px;
}

.calendar_top .sub_total {
   height: 30px;
   align-items: baseline;
   font: 16px/30px 'Pretendard';
}

.sub_total>span {
   color: var(--main-color);
}

.calendar_wrap>.calendar_top {
   float: left;
   box-sizing: border-box;
   width: 100%;
   height: 30px;
   margin: 0 0 8px 0;
   background: var(--sub-color-3);
   border: 1px solid var(--border-color);
   border-bottom: 0;
   border-radius: 5px 5px 0 0;
}

.calendar_wrap>.calendar_top>span {
   float: left;
   box-sizing: border-box;
   text-align: center;
   font: 20px/30px 'PretendardSemiBold';
}

.calendar_wrap>.calendar_top>span:nth-of-type(1) {
   width: calc(100% - 76px);
   height: 30px;
   text-align: left;
}

.calendar_wrap>.calendar_top>span>input[type="month"] {
   width: 110px;
   height: 30px;
   background: none;
   font: 18px / 30px 'PretendardSemiBold';
   color: var(--font-color);
   cursor: pointer;
}

.calendar_wrap>.calendar_top>span>input[type="month"]:hover {
   color: var(--main-color);
   transition: 0.3s linear;
}

.calendar_wrap>.calendar_top>span:nth-of-type(2),
.calendar_wrap>.calendar_top>span:nth-of-type(3) {
   width: 30px;
   height: 30px;
   background: var(--bg-color-1);
   color: var(--main-color);
   border: 1px solid var(--border-color-1);
   border-radius: 4px;
   cursor: pointer;
   font: 16px/30px 'PretendardBold';
}

.calendar_wrap>.calendar_top>span:nth-of-type(2) {
   margin-right: 16px;
}

.calendar_wrap>.calendar_top>span:nth-of-type(2):hover,
.calendar_wrap>.calendar_top>span:nth-of-type(3):hover {
   background: var(--bg-color-4);
   transition: linear 0.3s;
}

.calendar_wrap>.calendar {
   float: left;
   box-sizing: border-box;
   width: 100%;
   height: 330px;
   border-bottom: 1px solid #D7D7D7;
}

ul.week,
ul.day {
   float: left;
   box-sizing: border-box;
   width: 100%;
}

ul.week {
   height: 32px;
}

ul.day {
   height: calc((100% - 20px) / 5);
}

ul.week>li,
ul.day>li {
   float: left;
   box-sizing: border-box;
   width: calc(100% / 7);
}

ul.week>li {
   float: left;
   background: var(--main-color);
   color: var(--bg-color-1);
   border: 1px solid var(--border-color-1);
   font: 16px/30px 'PretendardSemiBold';
   text-align: center;
}

ul.day>li {
   position: relative;
   height: 100%;
   padding: 3px;
   border: 1px solid var(--border-color-1);
   border-top: 0;
   overflow: hidden;
   background: var(--bg-color-1);
   color: var(--font-color);
}

ul.week>li:nth-of-type(n+1),
ul.day>li:nth-of-type(n+1) {
   border-right: 0;
}

ul.week>li:last-child,
ul.day>li:last-child {
   border-right: 1px solid var(--border-color-1);
}

ul.day>li>span {
   position: absolute;
   width: 100%;
   height: 15px;
   text-align: center;
   top: 8%;
   left: 50%;
    transform: translateX(-50%);
   font: 16px/15px 'PretendardSemiBold';
   z-index: 999;
}

ul.day>li.today>span {
   font-family: 'PretendardBold';
}

ul.day>li>span:first-child {
   cursor: pointer;
}

ul.day>li>span:nth-of-type(2),
ul.day>li>span:nth-of-type(3) {
   left: 5%;
   width: 45%;
   height: 20px;
   padding: 0 5px;
   border-radius: 3px;
   font: 14px/20px 'Pretendard';
   color: var(--bg-color-1);
   cursor: pointer;
   text-align: center;
}

ul.day>li>span:nth-of-type(2):hover,
ul.day>li>span:nth-of-type(3):hover {
   opacity: 0.8;
   transition: linear 0.3s;
}

ul.day>li>span:nth-of-type(2) {
   top: 28%;
}

ul.day>li>span:nth-of-type(3) {
   top: 50%;
}

.c_disease {
   background: #FF72A0;
}

.c_pest,
.occur_trap {
   background: #5484FF;
}

.occur_zoneA {
   background: #536589;
}

.occur_zoneB {
   background: #6182C6;
}

.occur_zoneC {
   background: #8F9AAF;
}

.occur_zoneD {
   background: #B5CFEB;
}

ul.day>li.saturday>span:first-child {
   color: #3874ff;
}

ul.day>li.sunday>span:first-child {
   color: #B30000;
}

ul.day>li.opacity_day>span:first-child {
   color: rgba(82, 85, 102, .3);
}

ul.day>li.today {
   color: var(--main-color);
}
.fc-header h3 {
   text-align: center;
   color: #000;
   font-size: 22px;
}
.day li {
   position: relative;
   display: block;
}
ul.day > li.event ::before{
   content: '';
   float: left;
   box-sizing: border-box;
   position: absolute;
   width: 7px;
   height: 7px;
   top: -2px;
   right: 7px;
   border-radius: 5px;
   background: #D30000;
   z-index: 0;
 }

/*약정서 작성*/
.contract_wrap{
   padding: 20px 15px;
   background: #0A766C;
}
   .contract_txt{
      color: #FFF;
      line-height: 27px;
      text-align: left;
      font-weight: 500;

   }
   .contract_btns{
      display: flex;
      justify-content: flex-end;
      gap: 10px;
   }
   .contract_btns .btn_list{
      background: #FFF;
      color: #0A766C;
      font-weight: 700;
      font-size: 18px;
}
.contract_cont{    
   float: left;
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #000;
}
   .contract_cont .tit{
      float: left;
      box-sizing: border-box;
      width: 100%;
      font-weight: 600;

   }
   .contract_logo{
      float: right;
      box-sizing: border-box;
      width: 150px;
      height: 50px;
      background: url('../../images/contract_logo.png') center no-repeat;
   }
.contract_signup{
    border: 1px solid #000;
}
.contract_cont .content_area{
    float: left; 
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
    line-height: 24px;
}

#signPopUp{
   width: calc(100% - 64px);
   height: 34px;
   border: 0.1px solid #ffb3b3;
   transform: translate(63px, -30px);
   background-color: #ffe6e6;
   cursor: pointer;
   border-radius: 5px;
}

.blinking{
  -webkit-animation: blink 1.0s ease-in-out infinite alternate;
  -moz-animation: blink 1.0s ease-in-out infinite alternate;
  animation: blink 1.0s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.address{
   display: block;
   position: absolute;
   resize: none;
   background-color: #ffe6e6;
   border-color: #ffb3b3;
   border-radius: 5px;
   font-size: 14.6667px;
   left: 45px;
   width: calc(100% - 64px);
}

textarea:focus {
    outline: none;
}

#addressBox{
   width: 264px;
   height: 102px;
   margin-left: 39px;
   word-break:break-all;
   display: none;
   position: absolute;
   bottom: 139px;
}

#signature{
   image-rendering: -webkit-optimize-contrast;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
   backface-visibility:hidden;
}

.chTable td{
   width: 25%;
}

.chTable{
   border: 1px solid black; 
   width: 44%; 
   height: 40px; 
   display: inline-table; 
   transform: translate(10px, 12px); 
   margin-left: 2em;
}

#btnZone{
    position: fixed;
    width: 100%;
    background: #0A766C;
    height: 4em;
}

#btnZone a{
    width: 68px;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
    color: #0A766C;
    background: #fff;
    margin-top: 7px;
    float: right;
    margin-right: 5px;
}

#btnZone h1 {
   color: #fff;
   display: inline-block;
   margin: 8px 0 0 16px;
   font-size: 22px;
}

.btn_area .btn.type1 {
   height: 45px;
   margin-top: 25px;
   line-height: 45px;
   padding: 0;
   background: #0A766C;
}

.btn.btnB {
    font-size: 15px;
    width: auto;
    padding: 0 7px;
    height: 34px;
    line-height: 34px;
}

.popup_bottom{
	display: flex;
    flex-direction: row;
}
.btn {
    display: inline-block;
    width: 50%;
    height: 50px;
    line-height: 48px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #292f38;
    vertical-align: middle;
    font-family: 'NanumGothic';
}

.tab{
   margin: 0.5em 0 0.5em 15px;
}

.doubletab{
   margin: 0.5em 0 0.5em 40px;
}

.article{
   margin-left: 0.5em;
   margin-bottom: 10px;
}

.infoBox{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
}

.indent{
   margin-left: 1em;
}

#signInfoTxtKo{
   position: absolute;
   top: 2px;
   left: 65px;
   color: rgb(133,133,133);
   cursor: pointer;
}

#signInfoTxtEn{
   position: absolute;
   top: 2px;
   left: 117px;
   color: rgb(133,133,133);
   cursor: pointer;
   width: 100%;
}
#signWrap{
   position: relative;
    width: fit-content;
}
   #signWrap img{
      position: absolute;
      top: -17px;
      right: 0;
      z-index: -9;
   }
.btn_request{
   padding: 5px 10px;
   border-radius: 3px;
   color: #FFF;
   margin-left: 5px;
}
.table_row span.cancle, .table_row a.cancle{background: #555555;}
.table_row span.wait, .table_row a.wait{background: #007B70;}
.table_row span.return, .table_row a.return{background: #B81321;}
.table_row span.see, .table_row a.see{background: #69758B;}

.table_row td.return{
   color: #B81321;
   font-weight: 500;
}
.table_row td.see{
   color: #3D5EA0;
   font-weight: 500;
}
.down_zip{
    float: left;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
}
.down_zip:last-child{
   margin-bottom: 0;
}
.down_zip::before{
    content: '';
    background: url(/m/images/btn_download.png) center no-repeat;
    float: left;
    box-sizing: border-box;
    width: 16px;
    height: 18px;
    margin-right: 5px;
}
/*약정서 작성 끝*/
/* --------------------------------------------------------------0910장바구니----------------------------------------------- */
 #scontent{
   margin: 30px 0 80px 0;
}
.cart_link  {
   width: 100%;
   height: 33px;
   display: flex;

}
.cart_link a {
   width: 100%;
   flex: 1;
}
.all_check {
   display: flex;
   padding-bottom: 15px;
   align-items: center;
}
.all_check .Checkbox02 {
   width: 16px;
   height: 16px;
   vertical-align: middle;
   margin: 0 5px 0 0;
   padding: 0;
   border: 1px solid #999;
}
.all_check p {
   font-size: 16px;
}
.listView_wrap .link_area .delete {
   flex:2;
}
.cart_total {
   display: flex;
   padding: 20px 17px;
   align-items: center;
   justify-content: space-between;
   background: #FAFAFA;
}
.cart_total div {
   font-size: 16px;
}
.cart_total div .red {
   color: #EE3D49;
   font-weight: 600;
}
.cart_total ul {
   display: flex;
   height: 33px;
   align-items: center;
   gap: 4px;
}
.cart_total ul li {
   padding: 10px;
   border-radius: 4px;
   font-size: 15px;
   color: #fff;
}
.cart_total ul li:nth-child(1) {
   background-color: #292F38;
}
.cart_total ul li:nth-child(2) {
   background-color: #007B70;
}

/* 말뭉치 장바구니 신청페이지  */

.pop_cont {
   width: 100%;
}
.pop_cont .pop_info {
   background: #f2f2f2;
   padding: 20px 25px;
}
.pop_cont .pop_info p {
   position: relative;
   font-size: 15px;
   line-height: 1.5;
   padding-left: 11px;
   text-align: left;
   padding-bottom: 15px;
}
.pop_cont .pop_info p:last-child {
   padding-bottom: 0;
}
.pop_cont .pop_info p:before {
   content: "*";
   position: absolute;
   left: 0px;
   top: 4px;
   color: #333;
}

/* TABLE */
.table_title_wrap {
   width: 100%;
}
.table_s_tit {
   display: inline-block;
   font-size: 15px;
   line-height: 34px;
}
.table_title {
   font-size: 18px;
   font-weight: 500;
   color: #111;
   margin-bottom: 13px;
   text-align: left;
}
.table_wrap table {
   border-top: 1px solid #292f38;
   width: 100%;
}
	/*말뭉치 신청 > 구체적 신청 사유 예시 팝업 보더 제거*/
	#appEx .table_wrap table{
		border-top: none;
	}
.table_scroll {
   padding: 0 0 100px 0;
   overflow-x: auto;
}
.table_wrap table th, 
.table_wrap table td {
   height: 52px;
   padding: 7px 10px;
   border-bottom: 1px solid #ddd;
   box-sizing: border-box;
   vertical-align: middle;
   text-align: center;
}

.table_wrap .table-list td {
   height: 40px;
}

.table_wrap table th,
.table_wrap table td,
.table_wrap table td p {
   font-size: 15px;
   line-height: 1.5;
}
.table_wrap table th {
   background: #f6f6f6;
   color: #111;
   font-weight: 500;
   width: 30%;
}
.table_wrap table td {
   color: #333;
}
.table_wrap table td.br {
   border-right: 1px solid #ddd;
}
.table_wrap table tfoot th,
.table_wrap table tfoot td {
   background: #696d73;
   color: #fff;
}
.table_wrap.row table th,
.table_wrap.row table td {
   word-break: auto-phrase;
}
.table_wrap.row table td {
   text-align: left;
}
.table_bgW {
   background: #fff;
   padding: 40px;
}
.table_wrap .icon_info {
   padding-left: 15px;
}
.table_wrap .icon_info:before {
	top: 3px !important;
    width: 13px;
    height: 13px;
    background-size: cover;
    left: -2px;
}
.table_wrap_sm table {
   border: 1px solid #ddd;
}
.table_wrap_sm table th,
.table_wrap_sm table td {
   padding: 10px 15px;
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   box-sizing: border-box;
   vertical-align: middle;
   text-align: center;
   line-height: 1.5;
}
.table_wrap_sm table th {
   background: #f6f6f6;
   color: #111;
   vertical-align: middle;
}

.tbl_detail {
   border-top: 1px solid #292f38;
   border-bottom: 1px solid #ddd;
}
.tbl_detail .subj {
   min-height: 52px;
   padding: 16px 25px 14px;
   font-size: 16px;
   color: #111;
   font-weight: 500;
   background: #f2f2f2;
}
.tbl_detail .stit_unit_wrap {
   padding: 0 25px 15px;
   border-bottom: 1px solid #ddd;
}
.tbl_detail .stit_unit_wrap .row:after {
   display: block;
   content: "";
   clear: both;
}
.tbl_detail .stit_unit {
   padding-top: 15px;
   float: left;
   font-size: 15px;
}
.tbl_detail .stit_unit:after {
   display: inline-block;
   content: "";
   width: 1px;
   height: 12px;
   margin: 0 30px 0 32px;
   background: #ccc;
}
.tbl_detail .stit_unit:last-child:after {
   display: none;
}
.tbl_detail .stit_unit dt,
.tbl_detail .stit_unit dd {
   display: inline-block;
}
.tbl_detail .stit_unit dt {
   color: #333;
   font-weight: 400;
   margin-right: 3px;
}
.tbl_detail .cont_wrap {
   padding: 40px 40px 50px;
   line-height: 1.9;
   font-size: 15px;
}
.tbl_detail .file_link {
   text-decoration: underline;
}
.tbl_detail .cont_arrow {
   border-top: 1px solid #e1e1e1;
   font-size: 15px;
}
.tbl_detail .cont_arrow dt,
.tbl_detail .cont_arrow dd {
   float: left;
   padding: 15px 0;
   position: relative;
}
.tbl_detail .cont_arrow:after {
   display: block;
   content: "";
   clear: both;
}
.tbl_detail .cont_arrow dt {
   width: 12%;
   text-align: center;
}
.tbl_detail .cont_arrow dt:after {
   display: inline-block;
   content: "";
   width: 9px;
   height: 5px;
   margin-left: 10px;
   background: url(/m/images/icon.png) no-repeat -100px -70px;
   vertical-align: 3px;
}
.tbl_detail .cont_arrow.next dt:after {
   background-position-y: -85px;
}
.tbl_detail .cont_arrow dd {
   width: 88%;
   padding-left: 40px;
   padding-right: 40px;
}
.tbl_detail .cont_arrow dd:before {
   display: inline-block;
   content: "";
   width: 1px;
   height: 12px;
   margin-top: -6px;
   position: absolute;
   top: 50%;
   left: 0;
   background: #ccc;
}
.tbl_detail .cont_arrow dd > a {
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.tbl_detail .cont_arrow .nodata {
   color: #999;
}
.hasDatepicker, .cart_txtbox {
   font-size: 12px;
   font-family: "Noto Sans KR";
   color: #666;
   display: inline-block;
   border: 1px solid #ddd;
   box-sizing: border-box;
   vertical-align: middle;
   padding: 4px;
   width: 66%;
   padding:8px 10px;
}
.cart_txtbox {
   width: 100%;
}
.notice {
   padding: 10px;
}
.notice p > img{
	width: 100%;
}

select {
   font-size: 14px;
   font-family: "Noto Sans KR";
   color: #666;
   display: inline-block;
   width: 100%;
   height: 36px;
   padding: 0 5px;
   border: 1px solid #ddd;
   -moz-appearance: none;
   box-sizing: border-box;
   vertical-align: middle;
}
.select {
   position: relative;
   display: inline-block;
   width: 100%;
   vertical-align: middle;
}
.search_wrap > .search_icon, .btn.btnB {
   border: 0;
}
.btn.btnB {
   font-size: 15px;
   width: auto;
   padding: 8px 15px;
  height: 34px;
    line-height: 34px;
   border-radius: 3px;
   color: #fff;
   margin-bottom: 10px;
}
.btn_area .btn.type2 {
   background: #555;
    height: 45px;
    line-height: 45px;
    padding: 0;
}
.btn_area {
   width: calc(100% - 40px);
    text-align: center;
    display: flex;
    gap: 10px;
    padding: 0 20px 20px 20px;
}
.btn_area .btn {
   color: #fff;
   padding: 12px;
   flex: 1;
}
.main .btnB, .pop_cont .type1, .group .btnB {
   background: rgb(0, 123, 112);
}
img, th {
   vertical-align: middle;
}
/* 구체적 신청 사유 예시 팝업  */

/* common */
#appEx, #pop_preview, #addCompletion {
   z-index: 1002;
   display: block;
   width: 90%;
   margin: 0 auto;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}
.popup_container {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 100;  
}
.layer_box {
   display: none;
   position: absolute;
   left: 50%;
   top: 50%;
   background: #fff;
   z-index: 100;
   transform: translate(-50%, -50%);
   width: 95%;
   touch-action: pan-y;
   
}
.layer_box .pop_head {
   font-size: 19px;
   color: #fff;
   line-height: 40px;
   font-weight: 400;
}
.layer_box .pop_head {
   min-height: 40px;
   padding: 10px 14px;
   line-height: 30px;
   background: #292f38;
   box-sizing: border-box;
}
.layer_box .pop_head h2 {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
}
.layer_box .btn_close {
   padding: 10px;
   position: absolute;
   top: 8px;
   right: 12px;
   text-indent: -999em;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
   cursor: pointer;
}
.layer_box .btn_close:before {
   content: "";
   display: inline-block;
   width: 15px;
   height: 15px;
   background: url(/m/images/icon.png) -70px 0 no-repeat ;   
}



/* 말뭉치 미리보기  */
#pop_preview {
   font-size: 15px;
}
#previewCont {
   overflow: hidden;
   padding: 25px 15px;
   width: calc(100% - 30px);
}
#previewCont p {
   text-align: left;
   width: 100%;
}

/*말뭉치 미리보기 제목*/
.video_json{
    padding-left: 5px;
	font-size: 18px;
    font-weight: 700;
    border-left: 3px solid #007b70;
}
/*수어 말뭉치 좌우 제목*/
.mobile_hand_tit{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
	.mobile_hand_tit span{
		width: 50%;
	}
	.mobile_hand_tit span:nth-of-type(1){
		width: 46%;
	    margin-bottom: 5px;
	    margin-left: 5px;
	}
	.mobile_hand_tit span:nth-of-type(2){
	    margin-bottom: 5px;
	}
	.mobile_hand_tit span:nth-of-type(3){
		width: 46%;
	    margin-left: 5px;
	}
.vertical_popup{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.graph_image{
	border: 1px solid #ddd;
    padding: 10px;
}
/* 텍스트 들어가는 미리보기*/

/* NIKLex */
.pop_cont.nik #previewCont, 
.pop_cont.gra #previewCont, 
.pop_cont.infer #previewCont, 
.pop_cont.infer2 #previewCont, 
.pop_cont.pre_cv #previewCont{
	overflow-x: scroll;
}
.pop_cont.nik pre, 
.pop_cont.gra pre, 
.pop_cont.infer pre, 
.pop_cont.infer2 pre, 
.pop_cont.pre_cv pre{
    width: fit-content;
    overflow-x: scroll;
}
.pop_cont.nik pre > div, 
.pop_cont.gra pre > div, 
.pop_cont.infer pre > div, 
.pop_cont.infer2 pre > div, 
.pop_cont.pre_cv pre > div{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin-top: 5px;
    overflow-x: scroll;
}

.pop_cont.nik > #previewCont > pre > div:first-of-type span, 
.pop_cont.gra > #previewCont > pre > div:first-of-type span, 
.pop_cont.infer > #previewCont > pre > div:first-of-type span, 
.pop_cont.infer2 > #previewCont > pre > div:first-of-type span, 
.pop_cont.pre_cv #previewCont > pre > div:first-of-type span{
   color: blue;
   font-weight: bold;
   margin-bottom: 5px;
}

.pop_cont.nik > #previewCont > pre > div > span{
   width: 100px;
}
.pop_cont.nik > #previewCont > pre > div > span:nth-of-type(n+3):nth-of-type(-n+4){
   width:140px;
}
.pop_cont.nik > #previewCont > pre > div > span:nth-of-type(n+5):nth-of-type(-n+7){
   width: 80px;
}
/* 문법성 판단 */
.pop_cont.gra > #previewCont > pre > div > span{
	width:100px;
}
.pop_cont.gra > #previewCont > pre > div > span:nth-of-type(2){
	width:180px;
}
.pop_cont.gra > #previewCont > pre > div > span:nth-of-type(3){
	width:160px;
}
.pop_cont.gra > #previewCont > pre > div > span:nth-of-type(4){
	width:340px;
}
.pop_cont.gra > #previewCont > pre > div > span:nth-of-type(3){
	width:160px;
}
/* 추론_확신성 20 */
.pop_cont.infer > #previewCont > pre > div > span{
	width: 110px;
}
.pop_cont.infer > #previewCont > pre > div > span:nth-of-type(3){
	width: 220px;
}
.pop_cont.infer > #previewCont > pre > div > span:nth-of-type(n+4):nth-of-type(-n+11){
	width: 80px;
}
.pop_cont.infer > #previewCont > pre > div > span:nth-of-type(n+13):nth-of-type(-n+16){
	width: 140px;
}
.pop_cont.infer > #previewCont > pre > div > span:nth-of-type(n+17):nth-of-type(-n+18){
	width: 800px;
	padding-right: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pop_cont.infer > #previewCont > pre > div > span:nth-of-type(25),
.pop_cont.infer > #previewCont > pre > div > span:nth-of-type(31){
	width: 140px;
}
/* 추론_확신성 21 */
	.pop_cont.infer2 > #previewCont > pre > div > span{
		width: 110px;
	}
	.pop_cont.infer2 > #previewCont > pre > div > span:first-of-type{
		width:80px;
	}
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(2){
		width: 160px;
	}
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(3){
		width: 80px;
	}
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(n+4):nth-of-type(-n+6),
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(11),
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(12){
		width: 630px;
		padding-right: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
}
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(13){
		width: 800px;
	}
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(n+15):nth-of-type(-n+35){
		width:70px;
	}
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(n+36):nth-of-type(-n+37){
		width: 180px;
	}
	.pop_cont.infer2 > #previewCont > pre > div > span:nth-of-type(43){
		width: 140px;
	}
.pre_cv #typetxt {
	color: blue;
	white-space: pre;
	font-weight: bold;
}

	.pre_cv > #previewCont > pre > div{
			width: fit-content;
			display: flex;
	}
		.pre_cv > #previewCont > pre > div:not(:first-of-type){
			line-height: 30px;
			border-bottom:1px solid #e9e9e9;
		}
		.pre_cv > #previewCont > pre > div:first-of-type{
			color:blue;
			font-weight:bolder;
			margin-bottom:4px;
		}
	.pre_cv > #previewCont > pre > div > span{
		float: left;
		text-align:left;
		overflow:hidden;
		word-break: break-word;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right:40px;
	}
		.pre_cv > #previewCont > pre > div > span:first-of-type{
			width: 100px;
		}
		.pre_cv > #previewCont > pre > div > span:nth-of-type(2){
			width:500px;
		}
		.pre_cv > #previewCont > pre > div > span:nth-of-type(3){
			width:100px;
		}
		.pre_cv > #previewCont > pre > div > span:nth-of-type(4),
		.pre_cv > #previewCont > pre > div > span:nth-of-type(5),
		.pre_cv > #previewCont > pre > div > span:nth-of-type(6),
		.pre_cv > #previewCont > pre > div > span:nth-of-type(7){
			width:80px;
		}
		.pre_cv > #previewCont > pre > div > span:nth-of-type(8){
			width: 110px;	
		}
		.pre_cv > #previewCont > pre > div > span:nth-of-type(9){
			width: 500px;	
		}
	/* 서울말 */
		.pre_cv > #previewCont > pre.seoul > div > span:nth-of-type(4){
			width: 80px;
		}
		.pre_cv > #previewCont > pre.seoul > div > span:nth-of-type(5){
			width: 150px;
		}
		.pre_cv > #previewCont > pre.seoul > div > span:nth-of-type(8){
			width: 80px;
		}
		.pre_cv > #previewCont > pre.seoul > div > span:nth-of-type(9){
			width: 110px;
		}
/* 말뭉치 신청 완료  */
.pop_cont .join_result {
   text-align: center;
   padding: 20px 20px 0 20px;
}
.pop_cont .join_result:before {
   display: block;
   content: "";
   width: 70px;
   height: 70px;
   margin: 0 auto 20px;
   background: url(/m/images/icon.png) 0 -100px no-repeat;
}
.msg {
   font-size: 18px;
}
.msg_txt {
   font-size: 16px;
   line-height: 20px;
   word-break: auto-phrase;
   line-height: 1.2;
   color: #333;
}
.btn_contract_wrap button{
   width: calc(100% - 60px);
   padding: 0px 10px;
   margin-bottom: 10px;
   border-radius: 4px;
   font-size: 16px;
   color: #FFF;
}
   .btn_contract_wrap .btn_submit{
      background: #077B70;
   }
   .btn_contract_wrap .btn_return{
      border: 1px solid #077B70;
      background: #FFF;
      color: #077B70;
   }
   .btn_contract_wrap .btn_back{
      background: #787878;
   }
   
  /*241023 table border-collapse 수정 */
   
   .corpus_application_popup table,
.application_detail_list table 
 {
	border-collapse: separate;
}

.width_100p {
	width:100%;
}

.width_80p {
	width:80%;
}

.width_60p {
	width:60%;
}

.logo_ul {
	list-style:none;	
}

.btn.btn-Ex {
	font-size : 13px;
	width: auto;
	padding: 4px 7px;
	height : 20px;
	line-height : 20px;
}

/*말뭉치 통계 ngram추가*/
.ngram_box{
	background: #F5F5F5;
    padding: 20px;
    line-height: 20px;
    text-align: left;
    word-break: break-all;
    
}
.ngram_lb{
	float: left;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 20px;
}
.checkbox-list { display: none; position:absolute;  top: 37px; padding:15px; height:150px; overflow-y:auto; background:#fff; border: 1px solid #ddd; z-index:99;
	font-size: 15px;
	width: calc(100% - 30px);
}/*0726*/
 .checkbox-list li { width:50%; float:left; text-align:left; padding:5px 0;}
 .ngram_tb .checkbox-list li {
 	width: 100%;
 }
 .checkbox-list li label{ font-size:15px;  color:#555; font-weight: 500}
 .toggle-btn { display:block; width: calc(100% - 10px); padding-left:10px; cursor: pointer;  line-height:34px;  font-size:15px; text-align:left;  color: #666; border: 1px solid #ddd; }
.checkbox-wrap{position:relative;}
.rotated:after { transform: rotate(180deg); }
.toggle-btn:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 5px;
    width: 9px;
    height: 6px;
	background: url("/m/images/icon_nselect.png");
}

.sch_wrap{float: left; box-sizing: border-box; padding:10px 0 20px 0; text-align:center; width:100%; }
.sch_wrap .sbtn_sch{ display:inline-block;   background: #007b70;  font-size: 15px; color: #fff; border: none;  padding: 0 25px; height: 38px;  line-height: 38px;  border-radius: 3px; vertical-align: middle;}
.sch_wrap .sbtn_down, 
.stats_wrap .sbtn_down{ 
	display: inline-block;
	padding:0 15px 0 36px;  
	font-size: 15px;  
	height: 38px; 
	line-height: 38px;
	border:1px solid #cfcfcf; 
	border-radius: 3px; 
	vertical-align: middle; 
	background: url(/m/images/ic_sdown.png) 10px 54% no-repeat #fff;   
	background-size: 20px;
}
.sbtn_small{
	display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background: #292f38;
    line-height: 42px;
    height: 42px;
    font-size: 17px;
}






/*새로 추가 확인 후 삭제*/
.stats_wrap .sbtn_down{
    float: right;
    display: block;
   }
h3.n_down_wrap {
    position: relative;
}                           
.sbtn_down_01{
	display: inline-block; 
    position: absolute;
    right: 15px;
    top: 15px;
	float:right;  
	background: #fff;  
	font-size: 0; 
	width:24px; 
	height: 24px; 
	line-height: 34px; 
	border-radius: 3px; 
	vertical-align: middle; 
	background: url(/m/images/ic_sdown_01.png) 50% 50% no-repeat; cursor:pointer;
}
h3.n_down_wrap .select{
	float: right;
	width: fit-content;
	padding-right: 35px;
}
h3.n_down_wrap .select:after{
	right: 50px;
}
.tab_cont h3.n_down_wrap > span{
	line-height: 36px;
}
.sch_text{padding:20px; background: #f0f0f0}
.sch_text li{position:relative; float: left; padding:5px 20px;}
.sch_text li:before{ content: ''; position: absolute; right: 0; width: 1px;  height: 15px;  background: #555;  top: 7px;}
.sch_text li:last-child:before{display: none}
.sch_text ul:after{ content:""; display:block; clear:both}
.sch_text span{margin-right:10px; font-size: 17px; color: #888;  font-weight: 400}
.sch_text span:last-child{margin-right:10px; font-size: 17px; color: #111;  font-weight: 400}
.sch_text { float: left; color: #000;  font-weight: 500; width: 100%;}

.ngram_tb td{text-align: left !important}
.tab_cont h3{ font-size: 18px;    float: right;    width: 100%; }
.tab_cont .api_help_wrap h3{ font-size: 20px;    float: right;    width: 100%; }
.tab_cont .api_help_wrap h3.step{ font-size: 16px}

.chart_wrap{
	float: left;
	margin-top:20px;
}
.chart_wrap:after{ content:""; display:block; clear:both}
.chart_wrap .chart_cc{
	position: relative;
	width:100%;
	border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px; 
}
/*0726*/
.chart_wrap .chart_wc{
	float: left;
	position: relative;
	width:100%; 
	height: 700px; 
	border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
	}
.chart_wrap .select{
	width: 180px;
    float: right;
    border-radius: 5px;
}
/*0726*/
.tb_box li{display:none;}
.tb_box li.on{display:block;}

.tab_wrap_pop li{float: left; margin-right:5px;}
.tab_wrap_pop ul{display: inline-block; }
.tab_wrap_pop ul:after{ content:""; display:block; clear:both}
.tab_wrap_pop li a{display:inline-block; padding:0 15px; font-size:15px; font-weight:500; color:#555; line-height: 40px;  border-radius:5px; border:1px solid #d9d9d9;}
.tab_wrap_pop li a:hover,
.tab_wrap_pop li a.on{color:#fff; background: #007b70; border-color:#007b70; cursor:pointer;}

.tb_wrap_pop{margin-top:30px; overflow-y:auto; height:365px; }
.tb_wrap_pop  table th{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.tb_wrap_pop  table th:last-child{border-right:none}
.tb_wrap_pop  table th:first-child{border-left:none}
.tab_wrap_pop .sbtn_down{ display: inline-block;  float:right; background: #fff;  font-size: 0; width:38px; height: 38px; line-height: 38px; border:1px solid #cfcfcf; border-radius: 3px; vertical-align: middle; background: url(/m/images/ic_sdown.png) 50% 50% no-repeat;}

.ngram_tb_box{margin-top:30px; padding:0 10px;  border:1px solid #ececec; }
.ngram_tb_box li{float: left; position:relative; font-size:15px; line-height: 60px; padding-left:20px; padding-right:20px;}
.ngram_tb_box li:before{content:""; position:absolute; top:24px; right:1px; width:1px; height:17px; background: #999}
.ngram_tb_box li:last-child:before{display: none}
.ngram_tb_box li span{vertical-align: middle; color:#000; font-weight:500; margin-right:15px;}
.ngram_tb_box ul{display: inline-block;}
.ngram_tb_box ul:after{ content:""; display:block; clear:both}
.ngram_tb_box .sbtn_sch_01{float: right;margin-top: 13px; display: inline-block;  background: #007b70;  font-size: 15px;  color: #fff;  border: none;  padding: 0 25px;  height: 38px;   line-height: 38px;
    border-radius: 3px;    vertical-align: middle;}
.ngram_tb td > div > label{
	margin: 0 5px;
}
.btn_nview{
	float: right;
	width: 180px;
}
.sbtn_ss{    
    display: inline-block;
    width: auto;
    padding: 0 8px;
    height: 25px;
    line-height: 23px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background: #69758b;
}

#sejong_learn > .btn_link_fix{display: block;}

#noticeFormId table td > a{font-size:15px; text-align: left;display: block;}
#noticeFormId table td{font-size:15px;}

.layer_box .pop_cont:focus-visible { border: 2px dashed #007b70;}

.table_col_01 > tbody > tr > th:first-child{border-left: 1px solid #d5e1f3;}

/*엔그램 추가0725*/
.tb_ul li{
	float: left; 
	width: 100%;
	height: 506px;
    margin: 15px 0;
}
.tb_ul ul.ngram_50 li{
	height: 2347px;
}
.tb_ul ul.ngram_100 li{
	height: 4647px;
}
/*.tb_ul li:nth-of-type(odd){
	margin-right:2%
}*/
.tb_ul ul:after{ 
	content:""; 
	display:block; 
	clear:both
}
.tb_ul li:last-child{
	margin-right: 0
}


/*0726*/
.tb_wrap_n{
	overflow-y:auto; 
	height:365px;
}
.tb_wrap_n  table > thead > tr > th{
	height:38px; 
	border-left: 1px solid #E7E7E7; 
	border-right: 1px solid #E7E7E7;  
	background: #E7E7E7;     
	font-size: 14px;
}
.tb_wrap_n  table > tbody > tr > th{height:38px;  background: #f6f6f6;     font-size: 14px;}
.tb_wrap_n  table > tbody > tr > td{height:38px;      font-size: 14px;}
.tb_wrap_n  table th:last-child{border-right:none}
.tb_wrap_n  table th:first-child{border-left:none}
.tab_cont h3 > span{font-size:15px;  color:#555;}
.tab_wrap_pop li.on a{color:#fff; background: #007b70; border:none;}

.etc > .inner > .logo > h1 > .logo_kor > img{width: 115px !important;}
.etc .logo_cor{font-size: 29px;line-height: 1; margin-left: 10px; vertical-align: middle;}



/* 241111 */
#openMsg {
	width: 95%;
}


/* 국어 지식 기초자료 2024 */

		.pop_cont.infer > #previewCont > pre#ex > div > span{
			width: 110px;
		}
		.pop_cont.infer > #previewCont > pre#ex > div > span:nth-of-type(3){
			width: 500px;
    margin-right: 10px;
   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
		}
   	.pop_cont.infer > #previewCont > pre#ex > div > span:nth-of-type(4){
			width: 400px;
      margin-right:10px;
      overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
		}
   	.pop_cont.infer > #previewCont > pre#ex > div > span:nth-of-type(5){
			width: 80px;
      overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
		}
    .pop_cont.infer > #previewCont > pre#ex > div > span:nth-of-type(6){
			width: 80px;
      overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
		}
   .pop_cont.infer > #previewCont > pre#ex > div > span:nth-of-type(7){
			width: 200px;
      overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
		}
   .pop_cont.infer > #previewCont > pre#ex > div > span:nth-of-type(8){
			width: 200px;
      overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
		}
   .pop_cont.infer > #previewCont > pre#ex > div > span:nth-of-type(9){
			width: 900px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
		}