@charset "utf-8";

*{ padding:0; margin:0; box-sizing:border-box; font-family:'notosans', sans-serif; letter-spacing:-0.05em; }

html,body { overflow-x:hidden; }
.clear:after { display:block; content:""; clear:both; }
ul { list-style:none; } 
a { display:block; text-decoration:none; color:#333; }
.container { width:1200px; margin:0 auto; }
.big-btn { width:250px; text-align:center; padding:15px; border-radius:50px;  font-size:20px; margin:0 auto;}
.title-btn { width:300px; text-align:center; padding:15px; border-radius:30px;  border-style: solid; border-color:#06528e; font-size:20px; margin:0 auto; color:#000000;}
.green-btn { color:#fff; background:#06528e; }
.gray-btn { background:#e8e8e8; }
input:focus { outline:none; }
input[type="radio"] { display:none; }
input[type="radio"] + label { float:left; padding-left:25px; position:relative; margin-right:20px;} 
input[type="radio"] + label:before { content:""; width:16px; height:16px; position:absolute; left:0; top:4px; border:1px solid #333; border-radius:30px; }
input[type="radio"]:checked + label:after { content:""; width:8px; height:8px; position:absolute; left:5px; top:9px; border-radius:30px; background:#333; }

input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { float:left; padding-left:25px; position:relative; margin-right:20px;} 
input[type="checkbox"] + label:before { content:""; width:16px; height:16px; position:absolute; left:0; top:4px; border:1px solid #333; border-radius:30px; }
input[type="checkbox"]:checked + label:after { content:""; width:8px; height:8px; position:absolute; left:5px; top:9px; border-radius:30px; background:#333; }

header { width:100%; background:#fff; height:100px;}
header .logo { float:left; padding-top:30px; }
header .menu { float:right; }
header .menu li { float:left; padding:35px 25px 0;}
header .menu li:last-child { padding-right:0; }
header .m_menu_btn { float:right; padding-top:27px;}

footer { width:100%; background:#3c3c3c; color:#a3a3a3; padding-top:50px; padding-bottom:70px;}
footer .f-logo { width:30%; float:left; text-align:right; padding-top:5px;}
footer .f-txt { width:70%; float:right; text-align:left; padding-left:30px; line-height:21px;}
footer .f-txt span { display:inline-block; width:1px; height:11px; background:#a3a3a3; margin:0 8px;  }

.sub-top { width:1200px; padding:15px 0; text-align:center; margin:0 auto;}
.sub-top h1 { color:#fff; font-size:30px; } 
.main_slider {color:#000000;}

.page-num { text-align:center; padding:20px 0; }
.page-num ul { display:inline-block; }
.page-num ul li { float:left; padding:0 10px;}
.page-num ul li img { position: relative;    top: -2px; }
.page-num ul li.on a { font-weight:800; }


.sub-top.sub-about { background-image:url(../images/about_bg.jpg); }
.sub-top.sub-apply { background-image:url(../images/apply_bg.jpg); background-position:right;}
.sub-top.sub-login { background-image:url(../images/login_bg.jpg); }
.sub-top.sub-company { background-image:url(../images/company_bg.jpg); }

.about-top { padding:100px 0; }
.about-top .about-txt { width:50%; float:left;   }
.about-top .about-txt p { font-size:16px; line-height:35px; margin-top:30px;}
.about-top .about-img { width:48%; float:right; height:350px; background:url(../images/pic_about.jpg) no-repeat; background-size:cover; }

h3.sub-title { width:100%; font-size:25px; display:inline-block; position:relative; text-align:center;}
/*h3.sub-title:before { content:""; width:105px; height:2px; background:#333; position:absolute; right:-130px; top:18px; }*/

.about-tap { width:100%; background:#333; text-align:center;}
.about-tap ul { width:500px; margin:0 auto;}
.about-tap ul li { float:left; width:50%; }
.about-tap ul li a { padding:18px 0; color:#fff; font-size:25px; }
.about-tap ul li.on a { background:#fff; color:#333; }

.about-cont { padding:80px 0; }
.about-box h1 { font-size:25px; line-height:1em;   }
.about-box p { font-size:18px; padding:25px 0; }
.about-box .img { width:100%; margin-bottom:50px; }
.about-box .img li { width:49%; margin-right:2%; float:left; text-align:center;}
.about-box .img.one-img li { width:100%; }
.about-box .img li:last-child { margin-right:0; }
.about-box .img li img { width:100%; }
.about-box .img li span { display:inline-block; font-size:18px;  padding:5px 20px; border:1px solid #ddd; margin-top:10px; border-radius:50px;}
.price_tbl { width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.price_tbl th { width:40%; background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0; }
.price_tbl td { width:60%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; padding:15px; }


.apply-cont { padding:40px 0; }

.member-login { width:600px; margin: 0 auto; padding:80px 0;}
.member-login h1 { font-size:30px; text-align:center; line-height:1em;}
.login-box { background:#f9f9f9; border-top:2px solid #333; padding:80px; margin:50px 0; } 
.login-box.no-pb { padding-bottom:0; }
.login-box input[type="text"], 
.login-box input[type="password"] { width:100%; background:#fff; border-radius:40px; border:none; font-size:16px; padding:15px 30px; margin-bottom:20px; box-shadow:3px 3px 5px rgba(0,0,0,0.1); }
.login-box p { text-align:center; font-size:18px; padding-bottom:30px; }
.login-box p span { font-weight:700; color:#06528e;  }

.login-box .btn-list { padding:80px 0 30px; }
.btn-list { text-align:center; }
.btn-list ul { display:inline-block; }
.btn-list ul li { float:left; padding:0 15px; position:relative; }
.btn-list ul li:before { width:1px; height:15px; background:#333; position:absolute; right:-2px; top:6px; content:""; }
.btn-list ul li:last-child:before { display:none; }

.apply-box, .join-box, .find-box { border-top:3px solid #333; margin-top:50px; }
.apply-box h1 { width:100%; background:#333; color:#fff; padding:10px 20px; font-size:18px;}

.apply-btn, .join-btn { text-align:center; }
.apply-btn p { padding:50px 0 20px; font-size:18px;}
.apply-btn .btn-box { width:100%;  }
.apply-btn .btn-box a { display:inline-block; margin:0 5px;}

.main-tbl { width:100%; }
.main-tbl th { background:#f5f5f5; text-align:left; padding:20px; border-bottom:1px solid #ddd; width:20%; }
.main-tbl .ths { background:#f5f5f5; text-align:left; padding:20px; border-bottom:1px solid #ddd; width:20%; }
.main-tbl td { padding:20px; border-bottom:1px solid #ddd; }
.main-tbl td input[type="password"],
.main-tbl td input[type="text"] { border:none; font-size:16px; color:#333; width:220px; float:left; }
.main-tbl td input[type="tel"] { border:none; font-size:16px; color:#333; width:220px; float:left; }
.main-tbl td input[type="password"]::placeholder,
.main-tbl td input[type="text"]::placeholder { font-size:16px; color:#bbb; }
.main-tbl td input[type="tel"]::placeholder { font-size:16px; color:#bbb; }
.main-tbl select { border:1px solid #ddd; padding:10px; width:450px; background:url(../images/icon_select.png) #fff no-repeat 97% 50%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}


.join-cont { padding:80px 0; }
.join-btn { padding-top:50px; }
.join-btn p { padding:50px 0 20px; font-size:18px;}
.join-btn .btn-box { width:100%;  }
.join-btn .btn-box a { display:inline-block; margin:0 5px;}

.notice-form { width:100%; margin-top:30px; border-top:3px solid #333;}
.notice-form h4 { font-size:16px; font-weight:500; padding:10px; background:#f5f5f5; }
.notice-form .notice-txt { width:100%; border-bottom:1px solid #ddd; padding:20px; background:#fff; font-size:14px; height:150px; overflow-y:auto; line-height:24px; }
.notice-form .notice-bt { padding:10px 0;  }
.notice-form .notice-bt input[type="checkbox"] + label { font-size:14px; padding-left:20px; }
.notice-form .notice-bt input[type="checkbox"] + label:before { width:12px; height:12px;  }
.notice-form .notice-bt input[type="checkbox"]:checked + label:after { width:6px; height:6px; left:4px; top:8px; }


#popup { width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; display:none;}
#popup .bg { background:rgba(0,0,0,0.5); width:100%; height:100%; }
#popup .popup-cont { width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}

/*프로그래스바*/
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}



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


/*.container { width:100%; padding:0 20px; }*/
.container { width:100%; /*padding:0 10px;*/ }
.sub-top { width:100%; padding:0 20px; }
.main-case .case-list ul li .img { height:120px; }


}

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

.main-customer ul li { width:48%; margin:0 1%; }
.main-customer ul li a { padding:18px 40px; padding-left:75px; border-radius:30px; background:#06528e; color:#fff; font-size:20px;text-align:center; margin-bottom:20px;}


}

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

header { height:75px; }
header .logo img{transform: scale(0.8); padding-top:10px;    transform-origin: left top;}
header .menu { display:none; }
header .m_menu_btn { display:block; }


.main-top { padding:120px 0; }
.main-top .main-txt h1 { font-size:25px; padding-bottom:25px; }
.main-top .main-txt p{ font-size:14px; line-height:23px; }

.main-top .main-txt ul li a { font-size:14px; }


.main-tbl select { width:100%; }

.member-login { width:100%; padding:50px 0; }
.member-login h1 { font-size:20px; } 
.login-box { margin:30px 0; padding:30px;}
.login-box input[type="text"], .login-box input[type="password"] { font-size:14px; padding:15px 20px;  }

.btn-list ul li a{ font-size:14px; }
.btn-list ul li:before { height:11px;  right:0;}
.login-box .btn-list { padding:50px 0 20px; }
.login-box p { font-size:14px; }
.login-box p span { display:block; }

.about-top .about-txt { width:100%; float:none; }
.about-top .about-img { width:100%; float:none; height:310px; margin-top:50px; }

.company-top .company-txt { width:100%; float:none; }
.company-top .company-img { width:100%; float:none; height:310px; margin-bottom:50px; }

.about-box h1 { font-size:20px;  }
.about-box p { font-size:16px; }
.about-box .img li span { display:inline-block; font-size:18px;  padding:5px 20px; border:1px solid #ddd; margin-top:10px; border-radius:50px;}

}

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

.main-case .case-list ul li .img { height:120px; }


footer .f-logo { width:100%; text-align:center;transform: scale(0.7);
    transform-origin: top;}
footer .f-txt { width:100%; padding:0; font-size:12px; text-align:center; }
footer .f-txt span { height:9px; }

.sub-top { padding:15px 0; }

.about-tap ul { width:60%; }
.about-tap ul li a { padding:14px 0; font-size:16px; }

.about-cont { font-size:14px; line-height:28px; font-weight:200; padding:30px 0; }
.about-top, .company-top  { padding:50px 0; }


.about-top .about-txt p { font-size:14px; line-height:28px; font-weight:200; margin-top:20px;}
.about-top .about-img {  height:160px; margin-top:20px; }

.company-top .company-txt p { font-size:14px; line-height:28px; font-weight:200; margin-top:20px; }
.company-top .company-img {  height:160px; margin-bottom:20px; }

.apply-cont, .join-cont, .find-cont { padding:0px 0; }

.apply-box h1 { font-size:16px; padding:15px; }
.main-tbl th { width:30%; font-size:14px; }
/*.main-tbl td { padding:15px;font-size:14px; }*/
.main-tbl td {  padding:15px; font-size:14px; }
.main-tbl td input[type="password"],
.main-tbl td input[type="text"] { width:100%;font-size:14px; }
.main-tbl td input[type="tel"] { width:100%;font-size:14px; }
.main-tbl td input[type="password"]::placeholder,
.main-tbl td input[type="text"]::placeholder { font-size:14px; }
.main-tbl td input[type="tel"]::placeholder { font-size:14px; }
.main-tbl td input[type="radio"] + label { margin:3px 0; margin-right:20px;} 
.main-tbl td input[type="radio"] + label:before { top:3px; }
.main-tbl td input[type="radio"]:checked + label:after { top:8px; }
.apply-btn p { font-size:14px; font-weight:200; padding:20px 0;}
.apply-btn p span { display:block; }

.kakao_addr, .refresh_captcha { font-size:14px; margin-top:10px; }


.gray-notice { padding:60px; font-size:18px;}
.about-box .img li span { font-size:14px; padding:3px 20px; margin-top:0; }

.apply-btn .btn-box a { margin:5px auto; display:block; font-size:16px; }
.join-btn .btn-box a { margin:5px auto; display:block; font-size:16px; }

.price_tbl th { width:60%; padding:10px 0; }
.price_tbl td { width:40%;padding:10px;}





}


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

.main-top .main-txt ul { width:100%; }
.main-top .main-txt ul li { width:50%; margin:0; padding:0 1%;}
.main-top .main-txt ul li a { font-size:14px; padding:10px; }

.main-customer ul li { width:100%;}
.main-customer ul li a { padding-left:20px;}



.main-case { padding:50px 0; }
.main-case h1 { font-size:20px; padding-bottom:40px; }

.main-case .case-list a.more-btn { display:none;} 
.main-case .case-list a.more-btn2 { display:block; }


.main-case .case-list ul li .img { height:100px; }
.main-case .case-list ul li .txt { font-size:14px; }
.main-case .case-list { padding-bottom:40px; }

/* sub */
.sub-top { padding:50px 0; }
.sub-top h1 { font-size:20px; }

h3.sub-title { font-size:18px; }
h3.sub-title:before { top:13px; } 

input[type="radio"] + label { font-size:14px; padding-left:20px;}
input[type="radio"] + label:before { width:12px; height:12px;  }
input[type="radio"]:checked + label:after { width:6px; height:6px; left:4px; top:8px; }

.big-btn { font-size:16px; padding:10px; width:220px; }



.about-tap ul { width:100%; }
.about-tap ul li a { font-size:14px; padding:14px 0;}

.apply-box, .join-box { margin-top:20px; }
.apply-box h1 { font-size:14px; padding:10px; }
.main-tbl th { padding:10px; }

.gray-notice { padding:40px; font-size:14px; }

.about-box h1 { font-size:18px; }
.about-box p { font-size:14px; line-height:22px; padding:20px 0; }

.about-box .img { margin-bottom:30px; }
.about-box .img li { width:100%; margin-right:0; margin-bottom:15px; }




}