#wrap {width: 100%}
header {width: 100%}

footer .make-wrap:first-of-type {border-top: 1px solid #d1d1d1}
.footer-inner {position: relative; padding-left: 240px;}
.footer-inner .footer-util li {float: left; margin-right: 20px; padding-bottom: 7px}
.footer-inner .footer-util li a {color: #444444; font-size: 13px; font-weight: bold}
.footer-inner img {position: absolute; left: 2%; top: 30px}
.footer-inner p {font-size: 13px; color: #444444; padding-top: 5px}
.copyright {color: #999999;font-size: 12px;}

.make-wrap {width: 1300px; margin: 0 auto; max-width: 1300px;}
.make-wrap .h2-make {padding: 5px 0 0 12px; font-size: 38px; font-weight: 700; color: #003c71}
.nav-wrap {position: relative;}
.nav-wrap .make-logo {padding: 40px 0 0 0}
.nav-wrap .make-logo h1 a {padding-left: 10px; display: inline-block;}
.nav-wrap ul {width: 100%; margin-top: 30px; border-top: 1px solid #003c71; border-bottom: 1px solid #003c71;}
.nav-wrap ul li.nav-item {position: relative; }
.nav-wrap ul li.nav-item .dropdown-menu {background-color: #ffffff; border-radius: 3px; box-shadow: inset 0 -3em 3em rgb(0 60 113 / 5%), 0 0 0 2px white, 0.3em 0.3em 0.6em rgb(0 60 113 / 30%); border: none; min-width: 13rem; margin-top: -1px;}
.nav-wrap ul li.nav-item .dropdown-menu li a {color: #003c71; font-size: 0.95rem; display: block; padding: 0.6rem 0 0.6rem 0.8rem;}
.nav-wrap ul li.nav-item a.nav-link {color: #003c71; font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 500; padding: 0.75rem 2.2rem}
.nav-wrap ul li.nav-item a.nav-link:hover {color: #003c71;}
.nav-wrap  .nav-link {color: #003c71}
.total-search {position: absolute; width: 356px; left: 50%; top:50px; margin-left: -178px}
.header-login {position: absolute; right: 30px; top: 15px}
.header-login a {position: relative; font-size: 14px; font-weight: 400; color: #555555; padding-left: 0.5rem; padding-right: 1.1rem}
.header-login a:first-child::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #999;
    position: absolute;
    top: 4px;
    right: 0;
}
.header-login button {font-size: 14px; padding-top: 0.25rem; padding-bottom: 0.25rem}

ins {width: 900px; height: 150px}

.make-wrap .col-md-9 {padding-left: 0; padding-right: 60px; min-height: 200px}
.make-wrap .col-md-3 {width: 300px; padding-left: 0; padding-right: 0;}
.make-wrap .col-md-3.main-aside {margin-left: 30px}


/*2025 main-top*/
.main-top {
  padding-top: 10px;
  .col-md-8 {
    width: 69.8%;
  }
  .col-md-4.news-item-wrap {
    width: 30.2%;
    .news-item {
      a {
        padding: 0.2rem 0;
        color: #333;
          .brd-cate-name {
            display: inline-block;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            text-align: center;
            padding: 0 8px 1px 8px;
            vertical-align: middle;
            border-radius: 4px;
            margin: 0px 7px 0px 2px;
            background-color: #ebf5fd;
            color: #003c71;
          }
          .brd-title {
            font-weight: 500;
          }
      }
      .ellipsis {
        width: 375px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;  /* 말줄임 적용 */
      }
    }
  }
}



.make-main {padding-top: 1rem; }
.make-main .col-md-9 {width: 900px; padding-left: 0; padding-right: 0}
.make-main .col-md-9 .carousel {margin-bottom: 3.5rem; margin-top: 0;}
.make-main .col-md-9 .carousel-control-prev {left: -42px}
.make-main .col-md-9 .carousel-control-next {right: -42px}
.make-main .card {margin-bottom: 3.5rem; padding-left: 0; padding-right: 0; width: 440px; border: none}
.make-main .card:nth-of-type(2n) {margin-left: 20px}
.make-main .card img {width: 100%; height:330px; }
.make-main .card ul.tag {margin-top: 1rem}
.make-main .card ul.tag li {display: inline-block; padding: 0.2rem 0.3rem; margin-right: 0.3rem; border-radius: 6px; background-color: #e5eaed; color: #003c71; font-size: 12px}
.make-main .card .card-body {padding: 0; padding-top: 2rem}
.make-main .card .card-body h3 {font-size: 20px; color: #000000; padding: 0.5rem 0}
.make-main .card .card-body .master-name {width: 40%; font-size: 32px; color: #000000; font-weight: 900; line-height: 1.3; letter-spacing: -0.5px;}
.make-main .card .card-body .card-text {width: 60%; font-size: 14px; color:#444444; line-height: 1.7}
.make-main .card .card-body .card-num a {display: inline-block; margin: 0 1rem; color: #444444; }

.make-main .col-md-6 {width: 49%; padding-left: 0; padding-right: 0}
.make-main .col-md-6:nth-of-type(2n) {margin-left: 2%}
.latest-type01 .main-latest-tit01 {position: relative; padding: 10px 0 10px 22px; border: 1px solid #003c71; font-size: 16px; color: #003c71; margin-bottom: 0;}
.latest-type01 .main-latest-tit01 a {display: inline-block; width: 20px; height: 20px; font-size: 20px; color: #003c71; position: absolute; right: 15px; top:7px;}
.latest-type01 ul {width: 100%; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding-left: 0;}
.latest-type01 ul li {padding: 7px 0 0 15px; position: relative}
.latest-type01 ul li a {display: block; font-size: 13px; color: #444444; }
.latest-type01 ul li .news-cont {display: inline-block; margin-right: 5px; max-width: 236px; padding-bottom: 1px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-size: 14px}
.latest-type01 ul li .com {display: inline-block; padding: 2px 6px; margin-right: 10px; border-radius: 4px; background-color: #003c71; font-size: 11px; color: #ffffff; vertical-align: top}
.latest-type01 ul li .com.creaform {background-color: #337ab7}
.latest-type01 ul li .rep {display: inline-block; color: #666666; vertical-align: top}
.latest-type01 ul li .date {display: inline-block; position: absolute; right: 15px }

.latest-type01.tab ul li {padding: 5px 10px 5px 10px; }
.latest-type01.tab ul li .news-cont {display: inline-block; margin-right: 5px; max-width: 400px;}
.tab-content>.tab-pane ul {min-height: 111px;}

.make-main .col-md-8,  .make-main .col-md-4 {padding-left: 0; padding-right: 0}
.make-main .col-md-8 {width: 570px;}
.make-main .col-md-4 {margin-left: 30px;}
.make-main .col-md-4 .latest-list { margin-top: 0}
.make-main .latest-list li {padding-top: 2px; padding-bottom: 2px}
.latest-type01 .nav.nav-pills {border-bottom: none; padding-bottom: 0}
.latest-type01 .nav.nav-pills button {color: #565656; background-color: #f9f9f9}
.latest-type01 .nav-pills .nav-link.active, .latest-type01 .nav-pills .show>.nav-link {background-color: #e0ecf7; color: #003c71}
.latest-type01 .tab-content ul li .news-cont {width: 400px}
.latest-type01 .tab-content ul li .news-cont:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #003c71;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 10px;
}

h3.tit-video {position: relative; font-size: 30px; color: #003c71}
h3.tit-video a {display: inline-block; position: absolute; right: 6px; bottom:0; color:#447aaa; font-size: 12px; }
h3.tit-video a:hover {color:#002c52; font-weight: 500}

.make-main .col-md-9 .main-thumb-list .carousel {margin-bottom: 2.5rem}
.main-thumb-list .col-md-3 {display: inline-block; position: relative; min-height: 270px; margin-left: 0; margin-right: 27px; vertical-align: top; border: 1px solid #cfd5dc; border-radius: 0.25rem}
.main-thumb-list.lecture .col-md-3 {min-height: 240px} 
.main-thumb-list .col-md-3:last-of-type {margin-right: 0}
.main-thumb-list .col-md-3 a {display: block; }
.main-thumb-list .col-md-3 a span.title {display: block; padding-top: 0.5rem; font-size: 14px; color: #222222; line-height: 1.4}
.main-thumb-list .col-md-3 a span.name {display: block; position: absolute; bottom: 8px;  color: #5659c4; font-size: 12px; }
.main-thumb-list .col-md-3 a span.project, .main-thumb-list .col-md-3 a span.contest {position: absolute; }
.main-thumb-list  img {width: 100%; height: 180px; object-fit: cover;}
.main-thumb-list button {width: 3%}
.main-thumb-list  .carousel-control-prev-icon,
.main-thumb-list  .carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
    z-index: 1000;
}


/*2025 main project card style*/
.main-project-list {
  .col {
    position: relative;
    margin-bottom: 30px;
    .card {
      min-height: 270px;
        a {
          display: block;
          img {
            width: 100%;
            height: 180px;
            object-fit: cover;
          }
          .project_icon {
            position: absolute;
            left: 0;
            top: 0;
            width: 80px;
            height: 26px;
            line-height: 1.8;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            color: #ffffff;
            z-index: 100;
          }
          .project_icon.contest {
            background-color: #00b8bb;
          }
          span.title {
            display: block; 
            padding-top: 0.5rem; 
            font-size: 14px; 
            color: #222222; 
            line-height: 1.4
          }
          span.name {
            display: block; 
            position: absolute; 
            bottom: 8px;  
            color: #5659c4; 
            font-size: 12px; 
          }
      }
    }
  }
}






.make-main .col-md-9 .main-thumb-list .carousel-control-prev {left: -4px}
.make-main .col-md-9 .main-thumb-list .carousel-control-next {right: -4px}
.make-main .col-md-9 .main-thumb-list .carousel-control-prev span i, .make-main .col-md-9 .main-thumb-list .carousel-control-next span i {padding-bottom: 0.1rem; border-radius: 0.15rem; background-color: #003c71; color: #ffffff}
.make-main .col-md-9 .main-thumb-list .carousel-control-prev span, .make-main .col-md-9 .main-thumb-list .carousel-control-next span {color: #003c71}

.main-aside a {font-size: 14px; color: #666666; line-height: 1.6}
.main-aside .date {padding: 0.7rem 0.6rem 0.4rem 0.6rem; font-size: 14px; color: #333333}
.main-aside .desc {padding-right: 1rem; padding-left: 0.6rem}

.main-aside.webinar>div {margin-bottom: 2rem;}
.main-aside.webinar .title {padding-top: 0.5rem; padding-right: 0.3rem; padding-left: 0.2rem; font-weight: 500; color: #222; font-size: 15px; line-height: 1.4;}
.main-aside.webinar .date {padding: 0.3rem 0.1rem 0.4rem 0.3rem; font-size: 14px; color: #333333}
.main-aside.webinar .date span {display: inline-block; position: relative; padding-right: 1.2rem; font-size: 13px; color: #666;}
.main-aside.webinar .date span:last-child {font-size: 12px;}
.main-aside.webinar .date span.d-day {padding-left: 0; font-weight: 700; color: #f00; font-size: 14px;}
.main-aside.webinar .date span:last-of-type::after {display: none;} 
.main-aside.webinar .date span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0.55rem;
  top: 5px;
  width: 1px;
  height: 13px;
  background-color: #d2d2d2;
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.partners {width: 1300px; margin: 0 auto 0 auto;}
.partners-title {padding-bottom: 0.4rem; margin-bottom: 0.4rem; font-size: 23px; font-weight: 700; color: #484848; border-bottom: 1px solid #dddddd}
/* .partners ul {width: 1042px; margin-left: 0}
.partners ul li {float: left;padding-top: 0.8rem; padding-left: 50px; padding-right: 50px; text-align: center}
.partners ul.partners-list1 {margin-left: 73px}
.partners ul.partners-list2 {width: 1200px;}
.partners ul.partners-list2 li { padding-left: 39px; padding-right: 39px;} */

#slider {
	overflow:hidden;
	position:relative;
	width:1200px; /* 테스트를 위한 임시 값*/
	height:200px;
}
#slider-contest-main-project {
	overflow:hidden;
	position:relative;
	width:1200px; /* 테스트를 위한 임시 값*/
	height:240px;
}
#slider-contest-main-users {
	overflow:hidden;
	position:relative;
	width:1200px; /* 테스트를 위한 임시 값*/
	height:140px;
}

.image-box {
	width:5600px; /* 보여야 하는 이미지 + 클론이미지 전체 합 */
	height:100%;
	display:flex;
	flex-wrap:nowrap;
	animation: bannermove 35s linear infinite;
}
.image-box-contest-main-project {
	height: 100%;
	display: flex;
	animation: bannermove 60s linear infinite;
	&:hover { animation-play-state: paused;}
}
.image-box-contest-main-users {
	height:100%;
	display:flex;
	animation: bannermove 30s linear infinite;
	&:hover { animation-play-state: paused;}
}
  
   
.image-box > div {
   flex:0 0 auto;
   height:100px;
   line-height:100px;

   vertical-align:top;
   text-align:center;
}
#slider .image-box img {
   width:auto;
   height:77px;
   padding-left: 2rem;
   padding-right: 2rem;
}
.image-box > .clone {

   opacity:1;
}
@keyframes bannermove {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-50%, 0);
  }
}




/*프로젝트*/
.project-main .row>* {padding-left: 0; padding-right: 0}
.btn-project-wrap {position: relative;}
.btn-project-wrap a {font-size: 15px; padding-left: 1rem; padding-right: 1rem; border: 1px solid #003c71;}
.btn-project-make {position: absolute; right: 166px; bottom:12px; color: #ffffff;
    background-color: #003c71;
    background-image: none;
border: 1px solid #003c71}
.btn-project-make:hover {color: #ffffff;background-color: #002c52;}
.btn-project-my {position: absolute; right: 28px; bottom:12px; color: #003c71;
    background-color: transparent;
    background-image: none;
    border-color: #003c71;}
.btn-project-my:hover {
  color: #003c71;
  background-color: #f4f9fd;
  border: 1px solid;
}
.section-nav {padding-top: 1.7rem; padding-bottom: 1.7rem;}
.section-nav a {
    position: relative;
    display: inline-block;
    padding: 0 0 8px;
    margin-right: 40px;
    font-size:19px;
    color: #b3b6da;
    line-height: 1;
}
.section-nav a.active, .section-nav a:hover {color: #5659c4; border-bottom: 1px solid #5659c4;}
.section-nav a.active:after, .section-nav a:hover:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -6px;
    z-index: 1;
    color: #333333;
    width: 0px;
      height: 0px;
      border-top: 7px solid #5659c4;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
}
.project-main .row.ms-n2 {margin-left: -2rem}
.project-main .row .project-list {padding-right: 0; margin-left: 0; width: 25%;}
.project-main .row .col-md-3.project-list {padding-left: 2rem}
.project-main .row .col-md-3.project-list .card img {height: 180px}
.project-main .row .project-list .card {border: 1px solid #cfd5dc; min-height: 339px}
.project-main .row .project-list.contest-list .card:hover {border: 1px solid #5659c4;}
.project-main h3.tit-project {font-size: 36px; color: #003c71; font-weight: 700;}
.project-main .card {margin-bottom: 3.5rem; padding-left: 0; padding-right: 0; border: none}
.project-main .card img {width:100% ; height:120px; border-radius: 20px 5px 0 0; }
.project_icon {position: absolute; left: 0;  top: 0; width: 80px; height: 26px; line-height: 1.8; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; z-index: 100}
.project_icon.contest {background-color: #00b8bb; }
.project_icon.project {background-color: #8665ce; }
.project-main .card ul.tag {margin-top: 1rem}
.project-main .card ul.tag li {display: inline-block; padding: 0.2rem 0.3rem; margin-right: 0.3rem; border-radius: 6px; background-color: #e5eaed; color: #003c71; font-size: 12px}
.project-main .card ul.tag li.filterd {background-color: #09d2d5; color: #ffffff; }
.project-main .card .card-body {padding: 0.5rem 0 0.5rem 0.3rem; min-height: 119px}
.project-main .card .card-body .justify-content-end {border-top: 1px solid #e8e8e8}
.project-main .card .card-body .project-list-title a {display: block; padding-top: 0.5rem; font-size: 16px; line-height: 1.3; color: #000000;}
.project-main .card .card-body .project-list-text a {display: block; padding-top: 0.5rem; padding-top: 0.5rem; font-size: 14px; line-height: 1.3; color: #333333; padding: 0.5rem 0}
.project-main .card .card-body .project-list-writer a {font-size: 13px; color: #003c71; }
.project-item-heart-wrap {padding-top: 0.5rem; padding-right: 0.5rem}
.project-item-heart-wrap > span {margin-left: 0.7rem}
.project-item-heart-wrap span {font-size: 13px; color: #003c71; }





.project-main .card .card-body .card-num span {display: inline-block; margin: 0 1rem 0 0; color: #003c71; font-size: 13px}
.project-main .card .card-body .card-num  i {margin-right: 0.3rem;color: #003c71;}
.project-main .card .card-body .card-num i.bi-heart-fill {color: crimson}
.project-main .card .card-body .master-name {padding-top: 0.4rem; font-size: 14px; color: #444444}
.project-main .card .card-body .master-name span {display: inline-block; margin-right: 0.5rem; padding: 0.1rem 0.5rem; border-radius: 4px; background-color: #003c71; color: #ffffff; font-size: 12px; font-weight: 100}

.breadcrumb {color: #444444; font-size: 13px}
.breadcrumb a {color: #444444; font-size: 13px}



/*프로젝트 리스트(썸네일)*/
.project-content .col-md-3 {width: 196px; margin-left: 0; margin-right: 32px; margin-bottom: 5rem}
.project-content .col-md-3:nth-child(4n) {margin-right: 0}
.project-content .col-md-3 a {display: block; }
.project-content .col-md-3 a h3 {padding-top: 0.5rem; padding-bottom: 0.3rem; font-size: 18px; color: #111111; font-weight: normal}
.project-content .col-md-3 a h3 span {display: inline; margin-left: 0.5rem; font-size: 12px;}
.project-content .col-md-3 a span {display: block; font-size: 14px; color: #333333;}
.project-content .col-md-3 a span.master-name {padding-top: 0.3rem; font-size: 13px}
.project-content img {width: 196px; height: 120px;}
.project-content .list-num {font-size:12px; line-height: 1; color: #003c71;}
.project-content .list-num  i {margin-right: 0.3rem;color: #003c71;}
.project-content .list-num i.bi-heart-fill {color: #003c71}
.project-content .col-md-3 .list-num span { display: inline-block; vertical-align: middle; font-size:12px; color: #003c71; }
.project-content .col-md-3 .list-num span strong {font-weight: normal}
.project-content .list-num span + span { padding-left: 10px; position: relative;}
.project-content .list-num span + span:before { content: ''; position: absolute;left:4px; top:4px; width:2px; height: 2px; background: #b7c2d8;}

.project-main h3 {font-size: 1.5rem; font-weight: 600; line-height: 1.5; padding-bottom: 1.8rem}
.project-main .explain, .contest-quest .explain {font-size: 0.875rem; margin-left: 2rem; color:#003c71; font-weight: normal}
.project-form {font-size: 15px}
.project-form hr {margin: 1.3rem 0; background-color: #bebebe}
.project-form .title {width: 30%; padding-left: 3%; font-weight: 500; }
.project-form .input-title {border: 1px solid #ced4da; padding: 0.375rem 0.75rem; width: 60%}
.project-form .form-check input {margin-right: 0.5rem}
.project-form .form-check label {line-height: 1.5}
.project-form .check-category {width: 640px;}
.project-form .check-category label {display: inline-block; margin:0.2rem 0.3rem 0.2rem 0; padding: 0.2rem 0.5rem; font-size: 12px; letter-spacing: -0.3px; line-height: 1.1}
.btn-outline-topic {border: 1px solid #2d62cc; background-color: #ffffff;color:#2d62cc}
.btn-outline-topic:hover {border: 1px solid #2d62cc; background-color: #2d62cc;color:#ffffff}
.btn-check:checked+.btn-outline-topic {border: 1px solid #2d62cc; background-color: #2d62cc;color:#ffffff}
.btn-outline-platform {border: 1px solid #00a597; background-color: #ffffff;color:#00a597}
.btn-outline-platform:hover {border: 1px solid #00b8bb; background-color: #00a597;color:#ffffff}
.btn-check:checked+.btn-outline-platform {border: 1px solid #00a597; background-color: #00a597;color:#ffffff}
.project-form .check-category .form-control {height: calc(1.5em + .75rem + 0px);}
.project-form .explain, .quest-form .explain {padding-left: 2rem; font-size: 13px}
.project-form-btn {padding-bottom: 2rem; padding-top: 2rem }
.project-form-btn input,.project-form-btn a {margin-right: 1rem; padding: 6px 20px; line-height: 35px; min-width: 140px; text-align: center}

.parts-list  {width: 67%}
.parts-list ul li {position: relative; padding:0.25rem 0; font-size: 0.875rem}
.parts-list ul li a, .parts-list ul li span {color:  #003c71}
.parts-list ul li span.parts-name {padding-right: 0.5rem}
.parts-list ul li .parts-no {padding-right: 1rem}
.parts-list ul li .parts-delete {position: absolute; right: 0; color: #fd4537}
.parts-form {width: 73%; margin-top: 1rem; padding: 0.5rem 0 0.5rem 1.5rem; background-color: #e7f0f7;font-size: 0.875rem}
.parts-form label {width: 57px;padding-left: 16px; font-size: 13px; color: #003c71;}
.parts-form select {border: 1px solid #ced4da; padding: 0.15rem 0.5rem;}
.parts-form input {border: 1px solid #ced4da; padding: 0.35rem 0.5rem;}
.parts-form .btn-add-parts {border-radius: 0; background-color: #003c71; padding: 0.22rem 0.7rem;border: none; color: #ffffff}



.part-add {text-decoration: underline}
.part-add:hover {font-weight: bold}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.search_form {margin-top: 2rem}
.search_form form {width: 42%; margin-left: 7%;}
.search_form .form-control {width:72%; height: calc(1.1em + .75rem + 2px);}
.search_form form input[type="submit"] {width: 10%; padding: 6px 0; border: 1px solid #003c71; color: #003c71; background-color: #ffffff; font-size: 14px; line-height: 1.1; border-radius: 0; vertical-align: top;}
.search_form form .btn-cancel {width: 11%; border: 1px solid #cecece; color: #777777; background-color: #efefef; font-size: 14px; line-height: 1.1; border-radius: 0;}



/* 프로젝트 view */
.project-view-top {margin-bottom: 2rem}
.project-view-top .project-title {padding-top: 1rem; font-size: 21px; letter-spacing: -0.6px; font-weight: 700}
.project-view-top .project-title .open {color: #1dc1dd; padding-left: .5rem;}
.project-view-top .btn-setup {width: 120px; padding-left: 0; padding-right: 0; position: absolute; bottom: 25px; right: 25px; border-radius: 0; border: 1px solid #1dc1dd; background-color: #1dc1dd; color: #ffffff; font-size: 0.875rem}
.project-view-top .btn-setup:hover {border: 1px solid #1dc1dd; background-color: #ffffff; color: #1dc1dd}

.project-board-info {padding-top: 1rem; padding-bottom: 1rem}
.project-board-info > span {margin-right: 1rem; color: #888888}
.project-board-info > span > span {padding-left: 0.3rem}

.project-tags ul {padding-left: 0;}
.project-tags ul li {font-size: 12px; padding: 0 0.1rem;}

.project-tech-info a {text-decoration: underline; color: #ee682a}

.project-tech-info {padding-top: 1rem}
.project-tech-info > span {margin-right: 1rem; font-size: 0.875rem; color: #000000; font-weight: 500}
.project-tech-info > span > span {padding-left: 0.3rem; color: #6b6b6b}

.project-board-list h3 {font-size: 28px;}
.project-board-list h3 .board-desc {padding-right: 70px}
.project-board-list h3 span {font-size: 13px; color: #444444; font-weight: 400}
.project-board-list .project-board-title {position: relative; padding-right: 70px; font-size: 28px; font-weight: 500; padding-bottom: 1.8rem}
.project-board-list .project-board-title .board-desc {position: absolute; left: 40%; top: 8px; font-size: 13px; color: #444444; font-weight: 400}
.project-board-list a {display: inline}

.project-view-title h3 {font-size: 28px;}
.project-view-title .title-info > span {position: relative; font-size: 14px; color: #888888; margin-right: 1.5rem}
.project-view-title .title-info > span:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #999999;
    top: 4px;
    right: -16px;
}
.project-view-cont {padding: 2rem 0 3rem 0; font-size: 16px; line-height: 1.6}
.project-view-cont video {width: 100% !important; height: auto !important}
.project-view-cont p img {max-width: 620px !important; height: auto !important; padding: 3rem 0;}
.project-view-file {font-size: 15px;}
.project-view-file dd a {font-size: 15px; color: #003c71;}
.project-view-comp dd a {display: inline-block; padding-bottom: 5px; font-size: 15px;color: #003c71;}
.btn-board-right {padding-top: 1rem; border-top: 1px solid #dddddd}
.btn-board-right a {display: inline-block; margin-left: 0.5rem; padding: 0.3rem 1rem; border: 1px solid #003c71; color: #ffffff; background-color: #003c71; font-size: 14px; line-height: 1.1;}
.btn-board-right a.delete {border: 1px solid #777777; color: #ffffff; background-color: #777777}
.button-container button {margin: 1rem 0.3rem; padding: 0.9rem 1.4rem; border-radius: 10px; border: 1px solid #fd4537; color: #fd4537; font-size: 22px; font-weight: 500; background-color: #fff;}
.button-container button i {margin-right: 0.5rem}
.button-container.bookmark button {border: 1px solid #003c71; color: #003c71; background-color: #fff;}



.btn-list-open a {min-width: 94.7px; font-size: 14px; padding:0.2rem 0.7rem; border: 1px solid #333333; color: #333333; background-color: #ffffff; }
.btn-list-open a:nth-child(2) {margin-left: -1px}
.btn-list-open a i {margin-right: 0.3rem}
.btn-list-open a.active, .btn-list-open a:hover {border: 1px solid #333333; background-color: #333333;  color: #ffffff}

.num-line span {position: relative; margin: 0 1rem}
.num-line span:last-of-type:after {display: none}
.num-line span:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #999999;
    top: 4px;
    right: -16px;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cont-link {display: inline-block; width: auto; padding: 1.5rem 3rem; border: 1px solid #90a8bd; background-color: #f7f9fc; }

.cont-link .title-cont {padding-bottom: 0.4rem; margin-bottom: 0.5rem; border-bottom: 1px solid #003c71; font-size: 24px; font-weight: 500; color: #003c71}
.cont-link ul {padding-left: 0;}
.cont-link ul li a {display: block; line-height: 1.6; color: #003c71; font-size: 16px; padding-top: 0.3rem}
.cont-link ul li a:hover {text-decoration: underline}
.cont-inner {margin-top: 4rem; margin-bottom:3rem; border-bottom: 2px solid #484848}
.project-main .section .row:last-child .cont-inner {border-bottom: none}
.cont-inner h3 {padding-bottom: 1rem}
.cont-inner h3 .point-color {color: #249fe8}
.cont-inner .btn-right a {display: inline-block; margin-left: 3rem; padding: 0.2rem 0.5rem; border: 1px solid #003c71; color: #ffffff; background-color: #003c71; font-size: 13px; line-height: 1.1;}
.cont-inner h3 {font-size: 2rem; font-weight: 700; line-height: 1; padding-bottom: 0}
.cont-inner .btn-right a.delete {margin-left: 0.5rem; border: 1px solid #777777; color: #ffffff; background-color: #777777}
.cont-inner span.date {font-size: 13px; color: #888;}
.cont-inner .project-item-heart-wrap {padding-top: 1.6rem; font-size: 13px}
.cont-inner .project-item-heart-wrap button {display: inline-block; margin-left: 0.7rem; padding: 0; color: #003c71; }
.cont-inner .project-item-heart-wrap a {margin-left: 0.7rem; color: #003c71;}
.cont-inner .project-item-heart-wrap i {margin-right: 0.2rem}
.cont-inner .cont-inner-txt {font-size: 15px; margin: 3rem 0; line-height: 1.6}
.cont-inner .cont-inner-txt p strong {padding-bottom: 5px}
.cont-inner .cont-inner-txt p img {padding: 2rem 0;}










table.type02 a.btn-modify {padding: 0.1rem 0.5rem; background-color: #333333; color: #ffffff; font-size: 12px}

.btn-blue {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 6px 22px;
  min-width: 150px;
  line-height: 46px;
  text-align: center;
  font-size: 15px;
  font-family: "noto_regular";
  border: 2px solid #003c71;
    color: #003c71;
    transition: all 0.5s ease;}
.btn-blue:hover {
  background-color: #ffffff;
}
.btn-blue-fill {background-color: #003c71; color: #ffffff; border-radius: 0; min-width: 150px}





/*.project-work-list .accordion-item {border-left: none; border-right: none; }
.project-work-list .accordion-button {padding: 0 1.25rem 0 0; background-color: #f2f4fa}
.project-work-list .accordion-button .stage-num {width: 180px; height: 94px; position: relative; background-color: #ffffff; color: #09d2d5; line-height: 94px; text-indent: 30px; font-size: 30px; font-weight: bold}
.project-work-list .accordion-button .stage-num:before {
  content: "";
  position: absolute;
  right: -47px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 47px solid #ffffff;
  border-top: 47px solid transparent;
  border-bottom: 47px solid transparent;
}
.project-work-list .accordion-button .stage-title {padding-left: 90px; color: #0c3353; font-size: 23px;}
.project-work-list .accordion-button .stage-title span {display: block; padding-top: 8px; color: #0c3353; font-size: 15px}
.project-work-list .accordion-button:not(.collapsed) {background-color: #0c3353}
.project-work-list .accordion-button:not(.collapsed) .stage-num {width: 180px; height: 94px; position: relative; background-color: #09d2d5; color: #ffffff; line-height: 94px; text-indent: 30px; font-size: 30px; font-weight: bold}
.project-work-list .accordion-button:not(.collapsed) .stage-num:before {
  content: "";
  position: absolute;
  right: -47px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 47px solid #09d2d5;
  border-top: 47px solid transparent;
  border-bottom: 47px solid transparent;
}

.project-work-list .accordion-button:not(.collapsed) .stage-title {padding-left: 90px; color: #ffffff; font-size: 26px;}
.project-work-list .accordion-button:not(.collapsed) .stage-title span {display: block; padding-top: 6px; color: #58fbfd; font-size: 16px}
.project-work-list .accordion-button:not(.collapsed)::after {background:url(/make/images/arrow_white.png) no-repeat !important;}

.project-work-list .accordion-body {padding-left: 0; padding-right: 0}
.project-work-list .accordion-body ul li {position: relative}
.project-work-list .accordion-body figure img {width: 100px; height: 60px;}
.project-work-list .accordion-body ul li span > span {display: block}
.project-work-list .accordion-body  .accordion-num {}
.project-work-list .stage-info > div {padding: 1rem 0 ; border-bottom: 1px solid #dddddd; font-size: 14px;}
.project-work-list .stage-info > div:last-child {border-bottom: none}
.project-work-list .stage-info .stage-title-s {font-size: 16px}
.project-work-list .stage-info .stage-title-s a {color: #333333}
.project-work-list .stage-info .writer {text-align: center}
.project-work-list .stage-info .writer span {display: block}
.project-work-list .stage-info .count {position: relative}
.project-work-list .stage-info .count span {margin-left: 0.5rem; margin-right: 0.5rem; }
.project-work-list .stage-info .count span i {font-size: 13px; vertical-align: middle; padding-right: 0.2rem; color: #003c71}


.project-work-list .stage-info .count span.rate i {color: orangered; vertical-align: inherit}

.stage-view .btn-outline .btn {border: 1px solid #cad3df; font-size: 17px; padding: 0.8rem 1.3rem}
.stage-view .btn-outline .btn i {margin-right: 7px; color: #fd4537}*/








.link-project-board {text-align: center; color: #003c71}
.link-project-board a {padding: 0.5rem 1.5rem; margin: 0 0.5rem; font-size: 15px}
.link-project-board a i {margin-left: 0.5rem}
.link-project-board a.link-board {border: 1px solid #fd4537; background-color: #fd4537; color: #ffffff}
.link-project-board a.link-list {border: 1px solid #003c71; background-color: #ffffff; color: #003c71}
.link-project-board a.link-list i {color: #003c71}

.stage-view-top {padding-left: 0; padding-right: 0; font-size: 13px; color: #666666}
.stage-view-top h1 {font-size: 24px;font-weight: 700; color: #000000; padding-bottom: 10px; line-height: 1.4}
/*.stage-view-top .d-flex.bd-highlight {border-bottom: 1px solid #dddddd}*/
.stage-view-top .feeling {font-size: 14px}
.stage-view-top .feeling i {margin-right: 5px;}
.stage-view-top .feeling .like i {color: #fd4537}
.stage-view-top .feeling .reply a {color: #003c71}
.stage-view-top .feeling span.count {margin-left: 5px}
.stage-view-top .tags span {display: inline; padding: 0 0.6rem; margin-right: 0.3rem; border-radius: 5px; background-color: #efefef; color: #666666; font-size: 13px; }

.stage-view-cont {padding: 1rem; margin-bottom: 3rem; color: #333333; line-height: 1.7;}

.stage-view .tag li {display: inline; padding: 0 0.3rem; margin-right: 0.3rem; border-radius: 9px; background-color: #efefef; color: #666666; font-size: 13px; }

.btn-outline.btn-list {padding: 0.25rem 1.25rem; border: 1px solid #003c71; font-size: 0.875rem; border-radius: 0}
.btn-outline.btn-list:hover, .btn-outline.btn-list:active {background-color: #003c71; color: #ffffff}

.comment-wrap .title-comment {font-size: 18px; color: #000000; font-weight: 500}
.comment-wrap .title-comment span {color: #008c8e}
.comment-wrap .card {width: 100%; border: none; border-radius: 20px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 40px}
.comment-wrap .card .media {border-bottom: 1px dashed #dddddd;padding-top: 10px; padding-bottom: 10px;}
.comment-wrap .card .media .round {padding-left: 0; padding-right: 0}
.comment-wrap .card .media img {padding-right: 5px; width: 60px; height: 55px;}
.comment-wrap .card .media span img.id-img {padding-right: 5px; width: auto; height: auto;}
.comment-wrap .card .media img:hover {cursor: pointer}
.comment-wrap .card .media .tbox {border-bottom: none; min-height: 0}
.comment-wrap .card .media .re-box {padding-bottom: 10px; min-height: 0}
.comment-wrap .card .media .re-box input[type="text"] {width: 86%; margin-left: 0.3rem}
.comment-wrap .card .media .re-box .board-comm {margin-top: 10px}
.comment-wrap .card .media .re-box .board-comm .report-txt img {width: 43px; height: 35px; background-color: #ffffff; padding-right: 0}
.comment-wrap .card .media .re-box .btn {font-size: 14px; padding-top: 6px; padding-bottom: 6px; border-radius: 0}
.comment-wrap .card .media-body.writer-info {padding-left: 0}
.comment-wrap .card .media-body > div > div {padding-top: 12px; font-size: 14px; line-height: 1.4; color: #333333; word-break: keep-all}
.comment-wrap .card .media-body > div > div.user {font-weight: 500; color: #000000}
.comment-wrap .card .media-body > div > div.date {font-size: 13px; color: #555555}
.comment-wrap .card .media-body .txt {padding-top: 12px; font-size: 14px; color: #333333}
.comment-wrap .card .media-body .btn-cmt a {padding: 0 0.4rem 0.1rem 0.4rem; font-size: 13px; color: #333333; border: 1px solid #999999; display: inline-block;}
.comment-wrap .card .media-body .btn-cmt a::after {display: none}
.comment-wrap .card .media-body .btn-cmt .btn-cmt-report {margin-left: 0.75rem; color: #ff0000}
.btn-cmt .btn-cmt-reply:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #999999;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 17px;
}

.btn-cmt .btn-cmt-delete {margin-left: 0.7rem; color: #0158a6}

.round .align-self-star {border-radius: 100%; width: 45px; height: 40px}
.comment-wrap .card .media.comment {background: #f4f4f4; padding-left: 5rem}
.btn-cmment {width: 80px; font-size: 14px; padding: 0.45rem; background-color: #008c8e; border-radius: 0}
.btn-cmment:hover {background-color: #007072}

.btn-make-color {background-color: #0158a6; color: #ffffff}
.btn-make-color:hover {background-color: #003c71; color: #ffffff}

.add-comment-section .form-control {width: 85%; border-radius: 0}



/* star5 */
.rating-css div {
  color: #ffae00;
  font-size: 11px;
  font-family: sans-serif;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  padding: 7px 0;
}
.rating-css input {
  display: none;
}
.rating-css input + label {
  font-size: 20px;
  cursor: pointer;
}
.rating-css input:checked + label ~ label {
  color: #cecece;
}
.rating-css label:active {
  transform: scale(0.8);
  transition: 0.3s ease;
}

.projform ul li {font-size: 0.875rem}
.projform ul li.edit-file .guide {color: chocolate}






.search-project {margin-top: 3rem; padding:1.25rem; border: 1px solid #d0d6da} 
.search-project p.title {color: #003c71; font-size: 17px; padding-bottom: 10px} 
.search-project p {color: #003c71; font-size: 13px; } 
.search-project p span {font-size: 16px; font-weight: 500} 
.search-project .form-control {border: 1px solid #003c71; border-radius: 0} 
.search-project button {padding-right:1.3rem; padding-left: 1.3rem;  border: 1px solid #003c71; border-radius: 0; background-color: #003c71; background-image: url(/make/images/icon_search_white.png); background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0}
.search-project hr {background-color:#003c71; opacity: 1}
.search-project ul.tag {margin-top: 1rem; padding-left: 0;}
.search-project ul.tag li {display: inline-block; padding: 0.2rem 0.5rem; margin-right: 0.3rem; margin-bottom: 0.3rem; border-radius: 4px; background-color: #e5eaed; color: #003c71; font-size: 13px}
.search-project ul.tag li a {color: #003c71}





.latest-list {margin-top: 4rem}
.latest-list h3 {border-top: 3px solid #003c71; padding: 0.5rem 0 0.5rem 36px; font-size: 20px; color: #003c71}
.latest-list h3.reply {background: url(/make/images/icon_reply.png) no-repeat 0 9px; }
.latest-list ul li {position: relative; padding-left: 18px}
.latest-list ul li:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #003c71;
    top: 13px; left: 7px;
}
.latest-list ul li a {display: block; width: 520px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333333; line-height: 1.6}
.latest-list ul li a span {color: #003c71; padding-right: 10px}

.project-type-wrap {padding: 2rem 0;margin-bottom: 5rem; border-top: 2px solid #000000; border-bottom: 1px solid #cccccc}
.project-main .project-type {padding: 0 5rem}
.project-main .project-type h3  {padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 34px;border: none}
.project-main .project-type h3 span {color: #777bfb}
.project-main .project-type p {color: #3a4154; line-height: 1.5}
.project-main .project-type.contest h3 span {color: #249fe8}
.project-main .project-type.contest {border-left: 1px solid #dddddd}
.project-main .project-type .project-info {padding: 1rem 0}
.project-main .project-type .project-info span {box-shadow:inset 0 -10px 0 #e6e7fe;}
.project-main .project-type.contest .project-info span {box-shadow:inset 0 -10px 0 #d2f2fe;}
.project-main .project-type .project-btn {margin-top: 1rem; margin-bottom: 1rem}
.project-main .project-type .project-btn a {border: none; border-radius: 0; padding-left: 3rem; padding-right: 3rem; background-color: #777bfb}
.project-main .project-type.contest .project-btn a {background-color: #249fe8}

.project-main .project-private h3, .project-main .project-contest h3 {padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 34px;border: none; text-align: center}
.project-main .project-private .project-desc {padding-top: 1rem}

.project-private-form {padding: 3rem 0 5rem 0}
.project-private-form .col-form-label {width: 16%; display: inline-block}
.project-private-form  div {display: flex; width: 77%;}
.project-private-form  div input[type="text"] {height: 38px}
.project-private-form  div .btn {margin-left: 0.3rem; padding:0 1.5rem; font-size: 15px; border-radius: 0; border: none; line-height: 1; background-color: #777bfb; color: #ffffff}

.project-main .project-contest {padding-top: 0}
.contest-choose {padding: 2rem}
.contest-choose > div {padding-bottom: 1.3rem; border-bottom: 1px solid #e7e7e7}
.contest-choose .thumb img {width: 250px}
.contest-choose .thumb .btn-part {display:block; margin-top: 0.3rem; border: 1px solid #003c71; padding: 0.4rem 0; text-align: center; color: #003c71; font-size: 1.1rem}
.contest-choose .thumb .btn-part:hover {background-color: #003c71; color: #ffffff}
.contest-choose .contest-cont {margin-left: 3rem; font-size: 15px;}
.contest-choose .contest-cont dt {display: inline-block;float: left; width: 11%; padding: 0.3rem 0; color: #003c71; font-weight:400}
.contest-choose .contest-cont dd {padding: 0.3rem 0}







/* ---------- 콘테스트 --------- */
/*메인*/
.contest-main .contest-ing {padding: 0 0 1rem 0;}
.contest-main h3.h3-main {padding: 0; text-align: center; font-size: 34px; line-height: 1; padding-bottom: 1.4rem}
.contest-main h3.h3-main span {color: #249fe8}
.contest-ing .contest-ing-info {position: relative; padding-left: 50px; padding-top: 35px; width: 661px;  background-color: #f6f8fa}
.contest-ing .contest-ing-info .title {font-size: 26px; line-height: 1.4; font-weight: 700; height: 78px; padding-right: 3rem;}
.contest-ing .contest-ing-info .business {font-size: 19px; font-weight:600; color:#0f98df}
.contest-ing .contest-ing-info dl {margin-top: 0.9rem}
.contest-ing .contest-ing-info dl dt {padding-bottom: 0.4rem; font-size: 14px; font-weight: normal}
.contest-ing .contest-ing-info dl dd {font-size: 17px;}
.contest-ing .contest-ing-img img {width: 639px; height: 234px}
.contest-main .contest-ing .d-flex a.btn {padding: 0.7rem 2rem; position: absolute; display: inline-block; right: 52px; bottom: 40px; border: 1px solid #003c71; font-size: 1rem; color: #003c71; border-radius: 0}
.contest-main .contest-ing .d-flex a.btn:hover {border: 1px solid #003c71; color: #ffffff; background-color: #003c71}
.contest-main .row .contest-last-wrap {margin-top: 3rem; padding-left: 0; padding-right: 0;}
.contest-main .row .contest-last-wrap .col-md-3 {width: 298px; margin-left: 0}
.contest-main .row .contest-last-wrap .col-md-3 .card-img-top {width:300px; height: 180px}
.contest-winner.contest-winner {position: relative;padding-top: 3rem}
.contest-winner.contest-winner .contest-winner-title {position: absolute; top: 0;left: 0}

.contest-main .row.ms-n2 {margin-left: -2rem}
.contest-main .row .contest-list-total {padding-bottom: 1rem; font-size: 19px; font-weight: 500; color: #001123}
.contest-main .row .contest-list-total span {color: #fd4537}
.contest-main .row .contest-list {margin-right: 1%; margin-left: 1%; width: 23%;}
.contest-main .row .contest-list .card {border: 1px solid #cfd5dc}
.contest-main .row .contest-list .card:hover {border:1px solid #249fe8}
.contest-main h3.tit-project {font-size: 36px; color: #003c71; font-weight: 700;}
.contest-main .contest-list .card {margin-bottom: 3.5rem; padding-left: 0; padding-right: 0; border: none}
.contest-main .contest-list .card img {width:100% ; height:180px; }
.contest_icon {position: absolute; left: 0; tab-size: top: 0; border-radius: 15px 0 15px 0; width: 80px; height: 23px; line-height: 1.8; font-size: 13px; font-weight: 500; text-align: center; color: #ffffff; z-index: 100}
.contest-main .contest-list .card ul.tag {margin-top: 1rem}
.contest-main .contest-list .card ul.tag li {display: inline-block; padding: 0.2rem 0.3rem; margin-right: 0.3rem; border-radius: 6px; background-color: #e5eaed; color: #003c71; font-size: 12px}
.contest-main .contest-list .card ul.tag li.filterd {background-color: #09d2d5; color: #ffffff; }
.contest-main .contest-list .card .card-body {padding: 0.5rem 0 0 0.3rem; min-height: 105px; text-align: left;}
.contest-main .contest-list .card .card-body .justify-content-end {border-top: 1px solid #e8e8e8}
.contest-main .contest-list .card .card-body .contest-list-title {min-height: 39px; margin-bottom: 0;}
.contest-main .contest-list .card .card-body .contest-list-title.no-image {padding-top: 0.4rem; height:59px}
.contest-main .contest-list .card .card-body .contest-list-title a {display: block; font-size: 16px; line-height: 1.3; font-weight: 500; color: #001933; }
.contest-main .project-list.contest-list .card .card-body .contest-list-title a {color: #383561;}
.contest-main .contest-list .card .card-body .contest-list-text {margin-bottom: 0;}
.contest-main .contest-list .card .card-body .contest-list-text a {display: block; font-size: 15px; line-height: 1.3; color: #737980; padding: 0.5rem 0;}
.contest-main .contest-list .card .card-body .contest-list-writer {padding-top: 3px; font-size: 13px; color: #249fe8; }
.contest-main .contest-list .card .card-body .contest-list-writer>a {padding-top: 3px; font-size: 13px; color: #249fe8; }
.contest-main .project-list.contest-list .card .card-body .contest-list-writer a {padding-top: 3px; font-size: 14px; color: #5659c4; }
.contest-main .contest-list .card .card-body .contest-list-period {font-size: 13px; padding-top:1rem; color: #536382} 
.contest-main .contest-list .card .card-body a.link-winner {display: block; padding: 0.4rem 0; margin-top: 0.4rem; margin-bottom: -12px; text-align: center; color: #ffffff; font-size: 15px;  background-color: #003c71}
.contest-main .contest-list .card .card-body a.link-winner:hover {color: #fff150}

.contest-item-heart-wrap {margin-top: 0.7rem; padding-top: 0.7rem; padding-bottom: 0.7rem; border-top: 1px solid #d3dde3}
.project-list .contest-item-heart-wrap span {font-size: 13px; color: #4e52a8; }
.contest-item-heart-wrap span {font-size: 13px; color: #003c71; }
.contest-item-heart-wrap .contest-item-like a {display: inline-block; padding: 0.2rem 0.4rem; border-radius: 4px; border: 1px solid #bcc8cf; color: #fd4537}
.contest-item-heart-wrap .contest-item-like a i {color: #fd4537}
.contest-item-heart-wrap .contest-item-bookmark {margin-left: 0.2rem}
.contest-item-heart-wrap .contest-item-bookmark a {display: inline-block; padding: 0.2rem 0.4rem; border-radius: 4px; border: 1px solid #bcc8cf; color: #003c71}
.contest-item-heart-wrap .contest-item-bookmark a i {color: #003c71}
.contest-item-heart-wrap a:hover {border: 1px solid #003c71;}




/*홈*/
#contest-step {margin: 1rem 0 3rem 0; height: 135px; background-color: #f1f8fc; background-image:url(/make/contest/images/bg_contest_step.png), url(/make/contest/images/bg_contest_step_title.png); background-repeat: no-repeat, no-repeat; background-position: 101%, left; border-radius: 8px}
#contest-step .num-quest {position: relative; padding-left: 40px; width: 285px; font-size: 32px; letter-spacing: -0.5px; font-weight: 700; text-align: left; padding-top: 50px; color: #ffffff;  height: 135px; }
#contest-step .num-quest.num-regist {text-indent: -10px; font-size: 27px; letter-spacing: -0.6px}
#contest-step .num-quest span {position: absolute; left: 165px; top: 32px; width: 87px; padding-left: 28px; padding-top: 12px; height: 87px; display: inline-block; background: url(/make/contest/images/bg_contest_step_num.png); background-repeat: no-repeat; color: #249fe8; font-size: 36px; }
.contest-step-cont {padding:32px 0 0 0; width: 560px; color: #001123}
.contest-step-cont .reg-period {padding-bottom: 0.8rem; font-size: 28px; font-weight: 600}
.contest-step-cont .contest-title {font-size: 23px; font-weight: 600;min-height: 56px; word-break: keep-all}
.contest-step-cont .date {display: inline-block; padding-right: 10px; font-weight: bold; color: #249fe8}
.contest-step-cont .period {font-size: 16px; color: #003c71;letter-spacing:0.5px;}
.contest-step-cont .period span:first-of-type {display: inline-block; border-radius: 30px; border: 1px solid #249fe8; color: #249fe8; padding: 2px 10px; margin-right: 5px; font-size: 15px;}
.contest-step-cont span.d-day {color: #f83e54}
#contest-step a {display: inline-block; margin-top: 2.9rem; padding: 0.7rem 2rem; border-radius: 4px; border: 1px solid #249fe8; background-color: #249fe8; color: #ffffff; font-size: 17px }
#contest-step a:hover {background-color: #0475b8; border: 1px solid #0475b8; color: #fff;}

.contest-video {width:420px}

.contest-latest {position: relative; width: 360px; margin-left:40px }
.contest-latest .gtit {margin-bottom: 12px; padding-left: 15px; padding-top: 10px; padding-bottom: 9px; font-size: 16px; color: #003c71; font-weight: 500; border: 1px solid #003c71}
.contest-latest .gmore a {position: absolute; right: 20px; top: 9px; color: #003c71}
.contest-latest .gtable {width: 100%}
.contest-latest .gtable td  {padding: 6px 0; }
.contest-latest .gtable td a {display: block; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 1.5; color: #333333}
.contest-latest .gtable td a span {font-size: 13px;}
.contest-latest .gtable td.right {text-align: right; font-size: 13px;}



.contest-main .card2 {position: relative;margin-bottom: 3.5rem; padding-left: 0; padding-right: 0; width: 46%; border: none}
.contest-main .card2:nth-of-type(2n) {margin-left: 60px}
.contest-main .card2 img {width: 380px; height: 360px; }
.contest-main .card2 ul.tag {margin-top: 1rem}
.contest-main .card2 ul.tag li {display: inline-block; padding: 0.2rem 0.3rem; margin-right: 0.3rem; border-radius: 6px; background-color: #e5eaed; color: #003c71; font-size: 12px}
.contest-main .card2 .card-body {padding: 0}
.contest-main .card2 .card-body h3 {font-size: 19px; font-weight: 600; color: #000000; padding: 0.8rem 0; margin-bottom: 0.5rem;}
.contest-main .card2 .card-body .card-text {padding-right: 12px; font-size: 14px; color: #333333; line-height: 1.6}
.contest-main .card2 .card-body .card-num a {display: inline-block; margin: 0 1rem; color: #444444; }
.contest-main .card2 .card-body .state {position: absolute; right: 24px; top: 370px; display: inline-block; padding: 4px 10px; background-color: #999999; text-align: center; color: #ffffff; font-size: 14px; border-radius: 6px}
.contest-main .card2 .card-body .state.ing {background-color: #2e87ff}
.contest-main .card2 .card-body .state.regist {background-color: #ff3e2a}
.contest-main .card2 .card-body .com {color: #003c71; font-weight: bold; font-size: 15px}
.contest-main .card2 .card-body .date {display: inline-block;padding: 4px 10px; margin: 10px 0; color: #003c71; font-size: 13px;background-color: #e0ecf7; border-radius: 4px;}
.contest-main .card2 .card-body .date span {margin-right: 10px}
.contest-main .card2 .winner {margin-top: 10px; color: #003c71; text-decoration: underline; font-size: 14px;}
.contest-main h3 {font-weight: bold; border-bottom: 1px solid #999999; font-size: 1.7rem; font-weight: bold; line-height: 1.8; color: #001123}
.contest-main .regist-form label.title {padding: 20px 0 8px 0; font-size: 15px}
.contest-main .regist-form textarea {height: 80px}
.contest-main .form-check.agree {font-size: 14px;}
.contest-main .form-check.agree a {color: #001123}
.regist-form-radio input {margin-right: 0.3rem; vertical-align: middle}
.regist-form-radio label {margin-right: 5rem; vertical-align: middle}
 
.contest-top {padding-top: 1.5rem; padding-left: 0; padding-right: 0}
.contest-top a img {width: 100%;}

.contest-nav {margin-top:1rem; margin-bottom:0.5rem;  padding-left: 0; padding-right: 0}
.contest-nav .container-fluid {width: 92%}
.navbar {padding-top: 0;}
.navbar-expand-lg.contest-nav .navbar-nav {margin-left: auto; margin-right: auto;}
.navbar-expand-lg.contest-nav .navbar-nav .nav-link {position: relative; padding-right: 2.5rem; padding-left: 2.5rem; font-size: 17px;  color: #333333}
.navbar-expand-lg.contest-nav .navbar-nav .nav-link.active {font-size: 17px;color: #249FE8}
.navbar-expand-lg.contest-nav .navbar-nav li a:before {content: ''; display: inline-block; position: absolute; width: 1px; height: 14px; background: #dddddd; top: 12px; left: 0}
.navbar-expand-lg.contest-nav .navbar-nav .nav-link.active:after {content: ''; display: inline-block; position: absolute; width: 60%; height: 3px; background: #249FE8; bottom: 0; left: 20%; border-top: 0; margin-left: 0}
.navbar-expand-lg.contest-nav .navbar-nav li a:hover {color: #249FE8}
.navbar-expand-lg.contest-nav .navbar-nav li:first-child a:before {display: none}
.navbar-expand-lg.contest-nav .navbar-nav li a.dropdown-toggle::after {font-size: 14px; margin-left: 1em; color: #003c71}
.contest-nav.navbar .nav-item .dropdown-menu {padding-top: 0; padding-bottom: 0; border-radius: 0}
.navbar-expand-lg.contest-nav .navbar-nav li ul {margin-top: -4px}
.navbar-expand-lg.contest-nav .navbar-nav li ul li:first-child {}
.navbar-expand-lg.contest-nav .navbar-nav li ul li a {font-size: 14px;line-height: 2}
.navbar-expand-lg.contest-nav .navbar-nav li ul li a:before {display: none}
.navbar-expand-lg.contest-nav .navbar-nav li ul li a:hover {font-weight: normal;background-color: #ffffff; }
.navbar-expand-lg.contest-nav .navbar-nav li ul li a:active {background-color: #ffffff; color: #249FE8}
.navbar-expand-lg.contest-nav .navbar-nav li.point-mall a {color: #f83e54; font-weight: 500}

.contest-quest {padding-top: 2rem;}
.contest-quest-title {padding-bottom: 1rem; border-bottom: 1px solid #cccccc}
.contest-quest-title h3 {font-size: 2rem; padding-left: 1rem; padding-right:1rem;  min-width: 195px;  color: #249FE8; font-weight: 700}
.contest-quest-title .quest-title {padding-bottom: 0.1rem; font-size: 23px; font-weight: 600; color: #001933; word-break: keep-all}
.contest-quest-title .quest-period {font-size: 15px; font-weight: normal; color: #001933; }
.contest-quest-title .quest-period span {display: inline-block; padding: 0.1rem 0.6rem; border-radius: 5px; margin-right: 0.4rem; background-color: #eff4fb; color: #718096; font-weight: 400; font-size: 14px}

.contest-board .board-view-title {padding-top: 1rem}
.contest-board .btn-inqdel {padding: 0.3rem 1.3rem; color: #003c71; border: 1px solid #003c71; background-color: #ffffff;}
.contest-board .btn-inqdel:hover{background-color: #666}

.btn-contest-regist {border-radius: 0; font-size: 20px; font-weight: 500; color: #1945cc; border: 2px solid #1945cc; background-color: #ffffff; padding: 13px 45px; text-align: center;}
.btn-contest-regist:hover {background-color: #1945cc; color: #ffffff}
.btn-contest-regist.fill {background-color: #1945cc;color: #ffffff}
.btn-contest-regist.fill:hover {color: #abc0fe}
.btn-table-regist {border-radius: 0; font-size: 20px; font-weight: 400; color: #ffd715;  background-color: #4b4b4b; padding: 13px 45px; text-align: center;}
.table-board td a.btn-table-regist {font-size: 14px; color: #ffd715; line-height: 1.7}
.table-board td a.btn-table-regist:hover {text-decoration: underline}


/*table*/
.table-board {margin:0.5rem 0; width: 880px; }
.table-board td {padding: 0; border:1px solid #cccccc; text-align: center; font-size: 13px; line-height: 2; color: #666666;}
.table-board td.bg-board {background-color: #f0f6fc}
.table-board td a {display: block; padding-top: 0.1rem; padding-bottom: 0.1rem; font-size: 13px; color: #22298d; }
.table-board td a:hover {text-decoration: underline}





/* aside */
.my-contest-status {margin-top: 2.5rem; padding: 1.5rem 1rem; border: 1px solid #a4bdd7}
.my-contest-status img {width: 54px;}
.my-contest-status p {font-size: 15px; color: #4c6680; line-height: 1.5; letter-spacing: -0.3px}
.my-contest-status .align-items-start {padding-left: 1.2rem}
.my-contest-status .align-items-start .py-1 {font-size: 15px; color: #4c6680;}
.my-contest-status .align-items-start .my-info > div {padding-left: 0.7rem}
.my-contest-status .align-items-start .my-info > div:first-child {font-size: 17px; font-weight: 700}
.my-contest-status .btn-wrap {margin-top: 1rem}
.my-contest-status .btn-wrap a {padding: 0.4rem 1.1rem; background-color: #249FE8; color: #ffffff}

.btn-aside-regist {margin: 1.5rem 0; padding: 1.2rem 0; background-color: #249FE8; display: none}
.btn-aside-regist a {display: block; text-align: center; font-size: 26px; font-weight: 400; color: #ffffff}
.btn-aside-regist a:hover {color: #00304c}
.btn-aside-regist a i {margin-left: 1rem;}
.btn-aside-regist a span {display: block; padding-top: 6px; font-size: 13px;}







/*참가자현황*/
.participant {font-size: 15px}
.participant h3 .num-status {font-size: 20px;}
.participant .align-items-start {margin-bottom: 1rem}
.participant .align-items-start img {width: 68px; padding-right: 2px}
.participant .align-items-start.mine .py-1:first-child {font-size: 19px; color: #ff5502}
.participant .align-items-start.fail {opacity: 0.5;}
.participant .align-items-start.fail .quest-status span {color: #333333}
.participant .quest-status {font-size: 14px}
.participant .quest-status span {position: relative; color: #2e87ff}
.participant .quest-status span.dot {padding-left: 1.1rem; }
.participant .quest-status span.dot:before {content: ''; display: inline-block;
position: absolute; width: 2px; height: 2px; background: #333333; top: 10px; left: 8px}

/*자유게시판*/
.board-view .tag ul {padding-left: 0;}
.board-view .tag li {display: inline-block; padding: 0.1rem 0.7rem; margin-right: 0.3rem; border-radius: 9px; background-color: #efefef; color: #666666; font-size: 14px; line-height: 1.3;}
.board-view .tag li a {color: #666666;display: inline;}
.board-view-title {padding-top: 2rem}
.board-view-title .txt {padding-top: 1rem; padding-bottom: 1.2rem; font-size: 2rem; font-weight: 600; line-height: 1.3}
.board-view-title .title-info > span {position: relative; font-size: 13px; color: #7c8186; margin-right: 1.5rem}
.board-view-title .title-info > span:after {content: "";display: block;position: absolute;width: 1px;height: 13px;background-color: #999999;top: 4px; right: -16px;}
.board-view-cont {padding: 2rem 0 3rem 0; font-size: 15px; line-height: 1.6; word-break: break-all;}
.board-view-cont ul li, .board-view-cont ol li {list-style: initial !important;}
.board-view-file {font-size: 16px;}
.board-view-file dt {font-size: 1.1rem;}
.board-view-file dd a {font-size: 15px; color: #003c71; display: inline-block;}
.board-view-comp dd {position: relative}
.board-view-comp dd a {display:block; padding-left: 15px; padding-bottom: 5px; font-size: 15px;color: #003c71;}
.board-view-comp dd a::before {display: inline-block;content: '';
position: absolute; width: 2px; height: 2px; background: #003c71; top: 7px; left: 5px}
.board-view-comp dd span {padding-left: 3rem}
.board-view-comp dd i {position: absolute; left: 40%}

.one-pick {position: relative; padding: 0.4rem 2rem; border-radius: 5px; border: 1px solid #90a8bd; margin-top: 2rem; background-color: #f7f9fc; font-size: 14px; line-height: 1.8; color: #E52F42 }
.one-pick .btn-red {margin-top: -0.2rem; margin-left: 1.5rem; margin-right: 2rem; padding: 0.3rem 1rem; border-radius: 5px; background-color: #E52F42; color: #ffffff; font-size: 13px;}
.one-pick .btn-red:hover {background-color: #bc1022}
.one-pick .btn-yes {padding: 0.3rem 2rem}
.one-pick a {color: #2e87ff}
.one-pick a:hover {text-decoration: underline}
.one-pick .onepick-done { color: #296192}
.one-pick .field button, .one-pick .field .btn, .one-pick .field input[type=submit] {
  padding: 0 1rem;
  border: none;
  outline: none;
  background: #f7f9fc;
  transition: 0.15s ease-in-out;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
}
.one-pick .field button i {font-size: 22px; color:#249FE8;}
.one-pick .field button:hover, .one-pick .field button:focus, .one-pick .field .btn:hover, .one-pick .field .btn:focus, .one-pick .field input[type=submit]:hover, .one-pick .field input[type=submit]:focus {
  background:none;
}

.one-pick .field .has-tooltip:hover + .tooltip,
.one-pick .field .has-tooltip:focus + .tooltip,
.one-pick .field .has-tooltip.hover + .tooltip {
  opacity: 1;
  transform: translate(-50%, -100%) scale(1) rotate(0deg);
  pointer-events: inherit;
}

.one-pick .field .tooltip {
  display: block;
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
  transform-origin: bottom center;
  padding: 10px 20px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  text-align: left;
  font-weight:200;
  color: white;
  transition: 0.1s ease-in-out;
  opacity: 0;
  width: 900%;
  max-width: 100vw;
  pointer-events: none;
  z-index: 5;

}

.one-pick .field .tooltip:hover {
  opacity: 1;
  transform: translate(-50%, -100%) scale(1) rotate(0deg);
  pointer-events: inherit;
}

.one-pick .field .tooltip.green p strong {display: block}
.one-pick .field .tooltip:after {
  content: "";
  display: block;
  margin: 0 auto;
  widtH: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.75);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}

.one-pick .field {
  position: absolute;
  right: 20px;
  top:3px;
}

/* 우승자발표 */
.winner-list {padding-top: 3.5rem}
.winner-list .row-cols-1 {padding-top: 1.5rem; padding-bottom: 7rem}
.winner-list .align-items-start img {width: 50px}
.winner-list .mem-name {font-size: 15px; text-align: left; padding-left: 0.2rem}
.winner-list .quest-status a {padding: 0 0.5rem; border-radius: 30px; font-size: 13px; color: #003c71; background-color: #e7eef6;}

.prize-title {
    display:inline-block;
    position:relative;
    padding:0 50px;
    font-size:31px;
    color:#211e1f;
    font-weight:500;
    letter-spacing:12.5px;
    line-height:1;
    font-family:'EB Garamond', 'Noto Sans KR', 'Noto Serif KR', 'Malgun Gothic', dotum, sans-serif;
}
.prize-title::before {
    content:"";
    position:absolute;
    right:100%;
    top:50%;
    margin-top:-0.5px;
    width:120px;
    height:1px;
    background:#211e1f;
}
.prize-title::after {
    content:"";
    position:absolute;
    left:100%;
    top:50%;
    margin-top:-0.5px;
    width:120px;
    height:1px;
    background:#211e1f;
}

.prize-title .prize-gift {display: block; color: #c9ab81; letter-spacing: 1px; font-size: 21px; margin-top: 10px}















/* ---------- 마이페이지 --------- */
.my-contest-project .col-md-3 {width: 25%; margin-left: 0}
.my-contest-project .col-md-9 {width: 75%}

.my-header {padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; text-align: center; width: 80%;}
.my-header img {width: 150px;}
.my-header p {padding-top: 0.7rem; font-weight: 700; font-size: 1.25rem;}
.my-header .maker-send {display: inline-block; margin-top: 1rem; padding: 0.3rem 0.5rem; border-radius: 5px; background-color: #003c71; color: #ffffff; font-size: 0.8rem; text-align: center;}
.my-header a {color: #222222}


.my-snv {width: 80%; padding: 1rem 1rem; border: 1px solid #a4bdd7; background-color: #fafbfd;}
.my-snv a {display: inline-block !important; width: 100%; font-size: 15px; color: #4c6680; padding: 1rem 0 1rem 0.5rem; border-bottom: 1px solid #d6e0eb;}
.my-snv a i {margin-right: 0.3rem;}
.my-snv a:last-child {border-bottom: none}
.my-snv a.active {color: #fd4537;}

.my-nav-tab {padding-left: 0; border-bottom: 1px solid #ededed}
.my-nav-tab li {float: left; }
.my-nav-tab li a {display: inline-block; padding: 0.75rem 3rem; color: #333333; font-size: 17px}
.my-nav-tab li a.active {margin-bottom: -1px; border-bottom: 5px solid #09d2d5; color: #008c8e}

.my-info-box h4 {width: 80%; padding-bottom: 0.7rem; margin-bottom: 1.8rem; font-size: 1.05rem; border-bottom: 1px solid #d3dde3;}
.my-info-box .my-info {position: relative; width: 80%; display: flex; padding-bottom: 0.9rem; margin-bottom: 0.9rem; font-size: 0.875rem; color:#003c71;}
.my-info-box .my-info i {display: inline-block; width: 27px; text-align: left;}
.my-info-box .item-value {position: absolute; right: 20px; height: 40%;}

.my-project-contest-title {position: relative; padding: 1rem 0;}
.my-project-contest-title a, .my-board-article-title a, .my-replys-title a {position: absolute; right: 0; border-radius: 20px; display: inline-block; padding: 0.2rem 0.6rem; border:1px solid rgba(0, 60, 113, 0.4); color:#003c71; font-size: 0.8rem;}

.my-contest-project .section .col-md-9 {min-height: 508px; padding-top: 1rem;}

.contest-main .my-project-contest-list .contest-list, .contest-main .my-project-private-list .contest-list {width: 33.3%;}

.contest-main .my-project-contest-list .contest-list .card .card-body .contest-list-text a {line-height: 1.2; height: 49.6px;}

.my-project-list .contest-title {font-weight: normal; font-size: 13px; padding-bottom: 0.3rem;}
.my-project-list .title-left  a {font-size: 0.875rem; color: #454545;}

.my-board-article {padding-bottom: 0.6rem; margin-bottom: 2rem; border-bottom: 1px solid #cccccc;}
.my-board-article-title {position: relative; padding: 1rem 0;}
.my-board-article-title a {position: absolute; right: 0;}
.bd-article {padding-bottom: 1.4rem;}
.bd-article .bd-title a {display: block; color: #000; font-size: 1rem; font-weight: 500; padding-bottom: 0.5rem;}
.bd-article .bd-content {font-size: 0.875rem; padding-bottom: 0.5rem;}
.bd-article .bd-content a {color:#484848; line-height: 1.4;}
.bd-article-bottom {font-size: 0.875rem;}
.bd-article-bottom .float-start span {margin-right: 0.6rem;}
.bd-article-bottom .float-start span.bd-dt {font-size: 0.8rem;}
.bd-article-bottom .float-start span a { color:#;}
.bd-article-bottom .float-end span {margin-left: 0.6rem; font-size: 0.75rem;}
.bd-article-bottom .float-end span i {padding-right: 0.3rem;}

.my-replys .my-replys-title-snb { padding-bottom: 2rem;}
.my-replys .my-replys-title-snb a {font-size: 0.875rem; color: #003c71; border: 1px solid #003c71; padding: 0.2rem 0.5rem; background-color: #fff; margin-right: 0.5rem;}
.my-replys .my-replys-title-snb a.active {background-color: #003c71; color: #ffffff;}

.my-replys-title {position: relative; padding: 1rem 0;}

.br-reply {display: flex; padding-bottom: 1.5rem; font-size: 0.875rem;}
.br-reply .bd-cate {width:11%;}
.br-reply .bd-cate span {display: inline-block; width: 80%; padding: 0.25rem 0.4rem; border-radius: 5px;background-color: #edf7fd; color: #249fe8; font-size: 0.8rem; text-align: center;}
.br-reply .bd-info {width: 14%; text-align: right;}
.br-reply .br-content {width:75%}
.br-reply .br-content a {display: block; color: #484848; line-height: 1.4;}
.at-reply {display: flex; padding-bottom: 1.5rem; font-size: 0.875rem;}
.at-reply .proj-cate {width: 11%;}
.at-reply .proj-cate span {display: inline-block; width: 80%; padding: 0.25rem 0.4rem; border-radius: 5px; background-color: #e4fdfd; color: #00b2b2; font-size: 0.8rem; text-align: center;}
.at-reply .at-content {width:75%}
.at-reply .at-content a {display: block; color: #484848;}
.at-reply .at-info {width: 14%; text-align: right;}


.media.message {position: relative; padding-bottom: 30px; border-bottom: 1px dashed #dddddd;}
.media.message  .col-md-2 {width: 12%;}
.media.message  .col-md-10 {width: 88%;}
.media.message .btn-answer a {display: block; position: absolute; right: 2rem; top: 1rem; font-size: 0.875rem; color: #003c71; border: 1px solid #003c71;padding: 0.25rem 0.7rem;background-color: #fff margin-right: 0.5rem;}
.media.message .btn-answer a:hover {background-color: #003c71; color: #fff;}

.media.message .media-body > div > div.date {font-size: 13px; color: #555555;}
.media.message .media-body > div > div.user { font-weight: 500; font-size: 0.875rem; color: #000000; padding: 0.6rem 0;}
.media.message .media-body .message-title {font-size: 15px; line-height: 1.5; color: #333333; word-break: keep-all;}
.message-cont .message-detail {padding:2rem 1.5rem 5rem 1.5rem; font-size: 15px; line-height: 1.6; color: #333333; word-break: keep-all;}

.media.message img {padding-right: 5px; width: 75px; height: auto;}

.dropdown-menu.mem-menu {border-radius: 0; border: 1px solid #003c71; min-width: auto; padding-top: 0; padding-bottom: 0;}
.dropdown-menu.mem-menu li a {font-size: 13px;}
.dropdown-menu.mem-menu li a:hover {background-color: #003c71; color: #ffffff;}


h5.modal-title {font-size: 1.3rem; font-weight: 700; color: #000;}
.modal-body.message {padding:1.5rem 2rem;}
.modal-body.message>div {width: 100%;}
.modal-body.message .note-to {padding-bottom: 0.5rem; color: #666666; font-size: 0.85rem;}
.modal-body.message .note-to span {font-size: 1rem; font-weight: 700; padding-left: 0.5rem;}
.modal-body.message .message-to {text-align: left; padding-bottom: 0.5rem; font-size: 1rem; }
.modal-body.message .message-to span {display:inline-block; font-weight: bold; padding-right: 1.5rem; font-size:13px;}
.modal-body.message input {height: 32px;}
.modal-body.message input, .modal-body.message textarea {width: 100%; padding-left: 0.5rem; margin: 0.3rem 0; border: 1px solid #b3b3b3; line-height: 1.6;}

.btn-send {background-color: #003c71; color: #fff; border-radius: 0; padding-left: 1rem; padding-right: 1rem;} 
.btn-send:focus, .btn-send:hover {color: #fff;}


.table-note th:first-child, .table-note td:nth-child(2) {width: 80px;}
.table-note th:nth-child(3), .table-notew td:nth-child(3) {width: 550px;}
.table-note th:last-child, .table-note td:last-child {width: 170px;}
.table-note td:last-child {font-size: 12px;}
.table-note td:nth-child(3) {text-align: left; padding-left: 60px;}
.table-note tr.current td, .table-note tr.current td a {font-weight: 500; background-color: #f7f7f7; color: #00325e;}










/* ---------- 통합검색 --------- */
.search-wrap .row>* {padding-left: 0; padding-right: 0}
.search-wrap h3 {margin: 15px 0 15px 0; padding: 9px 20px 9px 20px; background-color: #f2f4fa; color: #0c3353; font-size: 1.15rem; font-weight: 400}
.search-wrap h3 a {float: right;color:#56595b;font-size:15px; line-height: 1}
.search-wrap h3 a:hover{text-decoration:underline; color:#4f76f8}
.search-wrap h3 a span {display:block;padding:5px 32px 5px 0;background:url(/make/images/btn_more.png) right center no-repeat}
.search-wrap h3 a:hover span{background:url(/make/images/btn_more_ov.png) right center no-repeat}

.search-wrap .search_text {font-weight: 700; color: #000000}
.search-wrap ul li .search-result-type {padding-bottom: 10px;}
.search-wrap ul li .search-result-type a {font-size: 0.875rem; color: #666666; text-decoration: underline}
.search-wrap ul li .search-result-title {padding-top: 10px; }
.search-wrap ul li .search-result-title a {font-size: 1.0625rem; color: #003c71; text-decoration: underline}
.search-wrap ul li .search-result-content {padding-top: 10px; padding-bottom: 10px; font-size: 0.875rem; line-height: 1.5; color: #444444}
.search-wrap ul li .search-result-info {margin-bottom: 35px; font-size: 13px; color: #555555}
.search-wrap ul li .found-text {font-weight: 700; color: #2b5bd5}

.hot-word-wrap p {padding:8px 0 16px 39px;  margin-bottom: 0; line-height: 1; font-size: 18px}
.hot-word {background: url(/assets/img/make/icon_hot_word.png) 0 0 no-repeat;}
.hot-tag {background: url(/assets/img/make/icon_hot_tag.png) 0 0 no-repeat;}
.hot-word-list { border-top: 1px solid #e3e7ee}
.hot-word-list a {display: block;
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: url(/assets/img/make/num_hot_word.png) 0 -29px no-repeat;
    vertical-align: top;
    background-size: 16px 552px;
    font-size: 14px;
    color: #555555;
}
.hot-word-list a:hover {color: #000000; text-decoration: underline}
.hot-word-list a:nth-child(1) {}
.hot-word-list a:nth-child(2) {background-position: 0 -81px;}
.hot-word-list a:nth-child(3) {background-position: 0 -133px;}
.hot-word-list a:nth-child(4) {background-position: 0 -185px;}
.hot-word-list a:nth-child(5) {background-position: 0 -237px;}
.hot-word-list a:nth-child(6) {background-position: 0 -289px;}
.hot-word-list a:nth-child(7) {background-position: 0 -341px;}
.hot-word-list a:nth-child(8) {background-position: 0 -393px;}
.hot-word-list a:nth-child(9) {background-position: 0 -445px;}
.hot-word-list a:nth-child(10) {background-position: 0 -497px;}








/* ---------- common --------- */
.fs-7 {font-size: 0.875rem}
.fs-8 {font-size: 0.8125rem}
.fs-9 {font-size: 0.75rem}

.w-80 {width: 86%}

.input-box .form-control {border-radius: 0}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis_main_project_title {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ellipsis_content_project_title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 270px;
}









/* ---------- community --------- */
.eduform ul {padding-left: 0;}
.brd-cate {margin-bottom: 1rem}
.brd-cate::after {content: ""; clear: both; display: block}
.brd-cate a {display: inline-block;width: 16.66%; box-sizing: border-box; margin-right: 0; text-align: center; padding-top: 8px; padding-bottom: 8px; background-color: #eef2f6; color: #003c71; font-size: 15px; border-left: 1px solid #d5dce5; border-top: 1px solid #d5dce5; border-bottom: 1px solid #d5dce5;}
.brd-cate a:last-of-type {border-right: 1px solid #d5dce5}
.brd-cate a.active {color: #ffffff; background-color: #003c71; border: 1px solid #003c71}
.brd-cate .form-select {font-size: 14px; float: left; width: 49%; border-radius: 0}

.brd-cate.project_tab4 a {width:25%} 
.brd-cate.project_tab6 a {width: 16.666666%} 

.selsearch .ser {text-align: right}
.selsearch .col-md-6 {text-align: right}
.selsearch .col-md-6 form {width: 100%}
.selsearch .col-md-6.board-category {text-align: left}
.selsearch .col-md-6.board-category .form-select {width: 50%}
.selsearch .col-md-6 select {border-radius: 0; width: 25%;}
.selsearch .form-select {display: inline-block; width: 26%; font-size: 14px; line-height: 1.1; height: calc(1.1em + .75rem + 2px); border-radius: 0}
.selsearch .form-control {height: calc(1.1em + .75rem + 2px); line-height: 1.1} 
.selsearch input[type="text"] {border-radius: 0; width: 50%;}
.selsearch input[type="submit"] {padding: 6px 10px; border: 1px solid #003c71; color: #003c71; background-color: #ffffff; font-size: 14px; line-height: 1.1; border-radius: 0;}
.selsearch button {background-color: #888888; color: #ffffff; font-size: 14px; line-height: 1.1; border-radius: 0}
.selsearch button:hover {color: #f9f9f9}
.selsearch .btn-cancel {
  padding: 6px 10px;
  border: 1px solid #888888;
}
.selsearch .btn-cancel:hover {background-color: #555555; border: 1px solid #555555; color: #fff;}
.community-main .btn-list {display: inline-block; float: right; border: 1px solid #003c71; text-align: center; color: #003c71; padding: 6px 20px}
.community-main .btn-list-top {display: block; margin-top: -6px; margin-bottom: 10px}
.community-main .btn-list-bottom {display: block; margin-top: 10px; margin-bottom: 10px}

.edit-tit .b-title, .edit-file .b-title, .edit-tag .b-title {display: inline-block; width: 20%; text-align: center; color: #003c71; font-weight: 500; font-size: 15px}
.edit-tit input {width: 100%;}
.edit-tit .input-title {width: 80%}
.edit-thumb input {width: 79%;}
/* .edit-youtube {position: relative} */
.edit-youtube .b-title {width: 20%; left: 1px; top:-4px; line-height: 1.2;}
.edit-youtube input {width: 80%}
.edit-file, .edit-tag {padding-top: 15px !important}


.comm-free-lecture {display: flex;flex-wrap: wrap;justify-content: start;width: 100%; max-width: 880px; margin: 0 auto; margin-top: 30px; padding-left: 0;}
.comm-free-lecture li {position: relative; width: 30%; margin-right: 5%; margin-bottom: 60px; padding-bottom: 30px; border-bottom: 1px solid #d5dce5; background-color: #f9f9f9}
.comm-free-lecture li:nth-child(3n) {margin-right: 0 }
.comm-free-lecture li span {display: block}
.comm-free-lecture li span img {width: 100%; height: 156px}
.comm-free-lecture li span.title {font-size: 15px; color: #2f2f2f; padding-left: 10px; padding-top: 8px; padding-bottom: 10px}
.comm-free-lecture li span.writer {font-size: 13px; color: #249fe8; padding-left: 10px; }
.comm-free-lecture li span.write-dt {position: absolute; bottom: 10px; left: 10px;font-size: 13px; color: #737980}
.comm-free-lecture li .d-flex {position: absolute; bottom: 10px; right: 15px; font-size: 13px; color: #003c71}
.comm-free-lecture li .d-flex .commentCount {margin-left: 15px}








/* ---------- pagenation --------- */
.page-nav {padding-bottom: 2rem}
.pagination .page-item .page-link {font-size: 13px; color: #444444; border-radius: 0;}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #003c71;border-color: #003c71;
}














.gp-content .Category { position:relative; font-size:14px; color:#181818; border-bottom:1px solid #cfcfcf; padding: 0 0 20px 0; font-weight:bold; }
.gp-content .Category span a { color:#181818; font-weight:bold; }
.gp-content .Category span.current-page { color:#181818; font-weight:bold; }
.gp-content .Category span.good { position:absolute; right:0; top:0px;  }
.gp-content .Category span.good img { width:80px; height:29px;  }
.gp-content .tit { position:relative; font-size:20px; color:#181818;  font-weight:500; padding: 30px 0; }
.gp-content .tit .name { display: inline-block;margin-left: 2rem; vertical-align: middle; font-size: 13px; color: #706e6e; vertical-align: bottom ; font-weight:normal; }
.gp-content .tit .name a {color: #706e6e}
.gp-content .tit .name img { vertical-align: middle; }
.gp-content .txt { font-size:14px; color:#4f4f4f;  font-weight:normal; padding: 0px 0; min-height: 77px; }
.gp-content p {font-size: 0.875rem; line-height: 1.6; color: #444444}
.gp-content p.source {padding:20px 0;}

.st-quest {
font-size: 0.935rem;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
margin-top: 40px;
}





/* ---------- event 2019 --------- */
.event_list{border:1px solid #d2d2d2;margin-bottom:20px;position:relative;}
.event_list:hover{border:1px solid #3498db;}
.event_list .event_info{padding:25px 0 25px 20px;}
.event_list .event_info a{text-decoration:none;}
.event_list .badge {font-size: 14px; margin-right: 13px}
.event_list .badge.bg-secondary {font-size: 14px; margin-right: 13px; background-color: #c9c9c9}
.event_no{font-size:20px;color:#0099da;line-height:1.3;}
.event_title{font-size:18px;color:#ee640f;font-weight:bold;line-height:1;padding-bottom:15px;}
.event_date, .event_place{font-size:16px;line-height:1;letter-spacing:1px;}
.event_list .event_desc{width:80%;margin-top:25px;margin-bottom:0;line-height:1.7;}
.event_date span, .event_place span{margin-right:10px;font-weight:bold;font-size:16px;}
.event_list .state{position:absolute;top:0;right:0;background:#3498db;height:100%;text-align:center;}
.event_list .state p{color:#fff;padding-top:0;position:absolute;top:44%;left:50%;}
.event_list .state p span{display:block;width:90px;border:1px solid #fff;padding:5px 0;font-size:16px;margin-left:-45px;}
.event_list .standby{position:absolute;top:0;right:0;background:#32b3c9;height:100%;text-align:center;}
.event_list .standby p{color:#fff;padding-top:0;position:absolute;top:44%;left:50%;}
.event_list .standby p span{display:block;width:90px;border:1px solid #fff;padding:5px 0;font-size:16px;margin-left:-45px;}
.event_list .event_winner { margin: 10px 0 0 0; }
.event_list .event_winner .event_winner_title { padding: 5px 11px 5px 30px; background:#de3838 url(/make/images/eventpage_btn_preicon.png)no-repeat 9px; color:#ffffff; font-weight:600; font-size:15px; border-radius: 3px; margin-right:10px; }


/*event page*/
.event-main {padding-top: 3rem}
.make-wrap .event-main .col-md-9 {width: 850px; padding-left: 0; padding-right: 0}
.make-wrap .event-main .col-md-3 {width: 300px; padding-left: 0; padding-right: 0; margin-left: 0}
.event-main .card {border-radius: 0;}
.event-main .card .card-title, .event-main .card .card-title a  {display: block; margin-bottom:0; font-size: 18px; line-height: 1.3; color: #111111; font-weight: 500}
.event-main .card .card-body {padding: 1rem 1rem 1.2rem 1.5rem}
.event-main .card .card-text {padding-top: 7px; font-size: 14px; line-height: 1.5; color: #444444}
.event-main .card .card-text .badge {font-size: 13px; font-weight: normal; padding-top: 0.2rem; margin-right: 0.5rem} 
.event-main .card .card-text .text-muted {font-size: 16px;}
.eventpage_leftimg_box { text-align:center; padding:2% 0 0 2%; }
.eventpage_leftimg_box img { display:inline-block !important; }
.event_list .state_end { position: absolute; top: 0; right: 0; background: #bbbbbb; height: 100%; text-align: center; }
.event_list .state_end p { color: #fff; padding-top: 0; position: absolute; top: 43%; left: 50%; }
.event_list .state_end p span { display: block; width: 90px;  border: 1px solid #fff;  padding: 5px 0; font-size: 12px;  margin-left: -45px; }


/*회원가입 2020-12*/ 

.container.login-wrap {
width: 500px;
margin: 10px auto 80px auto;
padding:2rem 2rem 2rem 2rem !important;
background-color: #ffffff;
border: 1px solid #ddd;
box-sizing: border-box;
}


.login-wrap .copyright {text-align: center; font-size: 12px; margin-top: 20px;}

.login-wrap h1 {text-align: center; margin-bottom: 0}

.sTit{text-align: center; padding:25px 0 15px 5px;}
.sTit h2{font-size: 30px; line-height:44px;letter-spacing:-2px;color:#333; font-weight: bold}
.sTit h2.join { font-size: 36px;}
.myTit{font-size:20px;color:#333;text-align: center;/*background:url(/make/img_shop2/img/ico_check.gif) no-repeat 6px 16px*/;line-height:22px;color: #b2882c}

.form-signin {
/* max-width: 480px; */
padding: 0 0 0 0;
}

.form-signin label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
padding-top: 20px;
padding-bottom: 0;
}

.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545;
}

.form-signin label.pt-2 {padding-top: .5rem!important;}
.form-signin label.pt-2 .pl-1 {padding-left: .25!important; }

.form-signin .checkbox {
font-weight: 400;
}

.form-signin .form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 15px;
border-radius: 0;
}

.form-signin .form-control:focus {
z-index: 2;
}

.form-signin .form-control {
border: 1px solid #9e9e9e
}

.form-signin .form-control.mb-2 {
margin-bottom: .5rem!important;
}

.form-signin input[type="email"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
margin-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.form-signin a.text-dark {
font-size: 14px
}

.btn-lobin {
width: 100%;
margin-top: 15px;
border: none;
padding-top: 0; 
padding-bottom: 6px;
border-radius: 0;
font-size: 20px;
height: auto;
font-weight: 500;
line-height: 52px;
background-color: #b2882c;
color: #ffffff
}

.btn-lobin:hover {background-color:#231f20;color: #ffffff}


.agreement-wrap .px-3 input {margin-top: 0}
.agreement-wrap p.pb-1 {padding-top: 25px; padding-bottom: .25rem !important; margin-bottom: 0; font-size: 16px; font-weight: bold}

.agreement-box {background-color: #f7f6f5; padding: 10px 30px}
.agreement-box span {display: inline-block; margin-left: 10px; font-size: 13px; color:#777777}

.agreement-box input {margin-top: 0 !important}
.agreement-box label {padding-top: 8px; padding-left: 8px; letter-spacing: -1px;}
.agreement-box .btn {
display: inline-block;
border-radius: 3px;
text-align: center;
font-family: nanumgothic;
line-height: 14px;
}
.agreement-box button {float: right; font-size: 13px; border: 1px solid #ccc; padding-top: 3px; padding-bottom: 3px; margin-top: 1px; margin-bottom: 1px;padding-left: 12px; padding-right: 12px; height: auto}
.agreement-box button.btn-light {color: #212529; background-color: #f8f9fa;}
.agreement-box button:hover {background-color: #231f20; color: #ffffff}


.modal.layer-popup {top: 35%}
.modal.layer-popup .modal-body {padding: 3rem 2rem}   

.join-comp p {text-align: center; font-size: 15px; padding-top: 16px; letter-spacing: -0.3px;}
.join-comp p:first-child {padding-top: 100px; font-size: 60px; font-weight: 100}
.join-comp p strong {font-size: 17px; padding-top: 10px}
.join-comp p strong span {color:#1076be}
.join-comp a {margin-top: 70px; margin-bottom: 130px}

.login-inner .btn-login {
margin-top: 30px;
border-radius: 0;
line-height: 54px;
background-color: #003c71;
color: #ffffff;
}

.login-inner p {font-size: 14px; letter-spacing: -0.2px; text-align: center; padding: 1.5rem 0; line-height: 1.5; color: #444444}
.login-inner .btn-block {
display: block;
width: 100%;
}

.ipFind {margin-top: 1rem}
.ipFind li {margin-left: 2rem}
.ipFind li a {color: #555555; font-size: 14px}

.login-inner .modal {width: 100%; height: 100%}
.login-inner .modal .modal-dialog {transform: none; max-width: 800px; margin: 0 auto 1.75rem auto}
.login-inner .modal .modal-dialog .modal-content {height: auto}
.login-inner .modal .modal-dialog .modal-title {padding-top: 15px; padding-bottom: 15px; font-size: 23px; border-bottom: none}
.login-inner .modal .modal-dialog .modal-header .close {padding: 0 1rem 0 1rem; margin: -1rem -1rem -1rem auto; font-size: 2.5rem; margin-top: -66px;}
.modal-dialog-scrollable {display: flex; max-height: calc(100% - 3.5rem);}
.modal-dialog-scrollable .modal-body {position: relative;    -ms-flex: 1 1 auto;     flex: 1 1 auto; padding: 1rem; overflow-y: auto; height: 511px; width: 98%}

.login-inner .modal-body {font-size: 0.8125rem; line-height: 1.5}
.login-inner #policy .modal-body h3 {padding-left: 0; padding-top: 25px; padding-bottom: 6px; font-size: 1rem; font-weight: 500; color: #000000}
.login-inner .modal-body .doc_title {font-size: 0.875rem; font-weight: bold}


/* 2021-05-17 ------ Member */
.membership {margin-left: 0; margin-right: 0;  margin-top: 30px; margin-bottom: 50px}
.membership.mem-edit {padding-top: 40px}
.membership label {display: inline-block; width: 100px; padding-left: 20px;}
.membership.mem-edit label {padding-left: 0; vertical-align: top; padding-top: 14px; font-size: 15px; }
.membership .mb-3 {margin-bottom: 0.8rem}
.membership .input-group {width: auto}
.input-group {
    position: relative;
    display: inline-block;
}

.text-center {
    text-align: center!important;
}

.text-center.mem-name {font-size: 1.25rem; font-weight: bold}

.btn-comp {padding-left: 50px; padding-right: 50px; height: auto; border:1px solid #231f20; background-color: #231f20; color: #ffffff; font-size: 16px; cursor: pointer}

.form-control {
    display: inline-block;
    height: calc(1.5em + .75rem + 2px);
    padding: 0rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.membership .form-control {width: auto}
.address {position: relative; padding-left: 123px;}
.address label:first-child {position: absolute; left: 0; top: 17px;}
.membership.mem-edit .address {padding-left: 0}
.membership.mem-edit .address label:first-child {display: block; width: 100%; top:8px}
.membership.mem-edit .address .input-sm {width: 100%}
.address .form-control.input-sm {display: block}
.address .mb-2 {margin-bottom: 0.3rem}
a.btn-zipcode {height: auto; background-color: #4c7ed6; color: #ffffff; padding-top: 5px; padding-bottom: 5px; vertical-align: middle; cursor: pointer}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.mem_form_sub_title {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
    padding: 5px 10px;
    margin: 25px 10px 15px 10px;
}

.member-wrap .col-md-3 {padding-left: 0; padding-right: 0; padding-top: 30px}




/*  LNB영역  */
.lnbWrap{width:200px;float:left;margin:0 20px 50px 0}
.lnbtit{background:#484848 url(/make/img_shop2/img/lnb_tit.png) no-repeat 140px 25px;padding:25px 15px;width:198px;height:100px}
.lnbtit h2{color:#fff;font-size:28px;color:#fff}
.lnbtit.log{background-position:140px -55px}
.lnbtit span{display:block;font-family:verdana;color:#e1e6d7}
.lnb{width:198px;border-left:1px solid #e2e7d8;border-right:1px solid #e2e7d8;}
.lnb dt{font-size:12px;font-weight:bold;padding:0px;background:#f7f9f4;border-bottom:1px solid #e2e7d8;line-height:16px}
.lnb dt a { display:block;padding: 12px 0 10px 12px;  }
.lnb dd{padding:0px;border-bottom:1px solid #e2e7d8}
.lnb dd a{display:block; padding: 10px 0 10px 20px;font-size:11px;font-family:dotum;letter-spacing:-1px;background:url(/make/img_shop2/img/i_dot.gif) no-repeat 10px 14px;color:#666}
.lnb dd a.on{color:#6ea129;font-weight:bold}

/*
.sTit{padding:5px 0 15px 5px;height:24px;overflow:hidden}
.sTit h2{float:left;font-size: 30px; line-height:44px;letter-spacing:-2px;color:#333}
.sTit h2.join {padding-left: 525px; font-size: 36px;}
.sTit a{color:#888}
*/
.navi{float:right;text-align:right;font-size:12px;font-family:dotum;letter-spacing:-1px;padding:8px 0 0 0}
.navi span{padding:0 5px;color:#ccc}
.navi a {color: #777}

/*  My page  */
.myInfo{width:974px;margin:0 0 50px 0;height:210px;border:3px solid #d6d6d6;overflow:hidden}
.myInfo li{float:left;padding:10px 20px}
.mytxt h3{line-height:30px;font-size:24px;font-weight:normal;color:#333;padding:16px 0 22px 0;margin:0 0 20px 0}
.mytxt h3 strong{color:#333}
.mytxt p{line-height:20px}
.mytxt p em{display:inline-block;width:55px;font-size:11px;color:#d6090d;font-family:verdana}
.mytxt{width:493px}
.point{width:400px;height:190px;border-left:1px solid #e3e3e3;background:url(/make/img_shop2/img/mid_bg.gif)}
.point dl{overflow:hidden;padding:15px 0}
.point dl.bb{border-bottom:1px solid #e3e3e3}
.point dt{float:left;font-weight:bold;width:110px;padding:5px 0 0 0}
.point dd{width:190px;float:right;text-align:right;line-height:23px}
.point dd em{display:block}
.point dd span, .point dd strong{display:inline-block;width:100px;margin:0 3px 0 0}

.mySch{padding:8px 8px 12px 8px;overflow:hidden;color:#888}
.btn_sch{top:0;right:0;display:block;position:absolute;background-position:0 -270px;width:52px;height:26px}
.mySch em{font-weight:bold;margin:0 5px 0 0;letter-spacing:-1px}
.mySch_le{float:left; position:relative;line-height:24px; width:340px}
.mySch_le a{ position:absolute; right:35px; top:1px}
.mySch_r{float:right;text-align:right;width:280px;position:relative;padding:0 48px 0 0}
.myImg{width:90px;height:90px;border:1px solid #ebe3dd}
.brt{border-top:1px solid #c2c2c2}

.myTotal{text-align:center;color:#333;font-size:14px;font-family:nanumgothic;margin:0 0 40px 0}



@media (max-width: 575px) {
.login-inner .modal .modal-dialog .modal-title {padding-top: 10px; font-size: 17px; }
.login-inner .modal .modal-dialog .modal-header {padding: 8px}
.login-inner .modal .modal-dialog .modal-header .close {padding: 1rem; margin: -1rem -1rem -1rem auto; font-size: 3.5rem; margin-top: -55px;}
.modal-dialog-scrollable .modal-body {height: 400px; font-size: 13px; line-height: 1.5}
.modal-dialog-scrollable .modal-body h3 {font-size: 18px !important}    

}


/* mystyle.css */
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
--z-index: 11; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 100%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}


/* 백서 다운로드 */
div#white-paper-done {
    border: 1px solid #ccc;
    padding: 120px 40px;
    margin-bottom: 20px;
}
div#white-paper-done p{ font-size: 2em;}
div#white-paper-done small{ font-size: 1em;}

/* 게시판 뷰페이지 하단 목록 */
.own-article td {
    background-color: #eee;
}


/* avatar 설정 */
.membership .avatar-list label {margin-right: 10px;margin-bottom: 7px; padding-left: 0; width: 92px}
.membership .avatar-list label img {width: 80px}
.membership .avatar-list label:nth-child(4n) {width: 80px}
.membership .avatar-list label:nth-child(4n) {margin-right:0;}

.avatar-list label {margin-right: 18px;margin-bottom: 7px}
.avatar-list label:nth-child(4n) {margin-right:0;}



/* HIDE RADIO */
.avatar-list [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.avatar-list [type=radio] + img {
  cursor: pointer;
    border-radius: 100%;
    width: 90px;
}

/* CHECKED STYLES */
.avatar-list [type=radio]:checked + img {
	outline: 2px solid #f00;
    border-radius: 100%;
}