@charset "UTF-8";

@import url("font.css");

/* layout */
header{border-top:9px solid #003876;border-bottom:1px solid #979797;}
.header-box{position:relative;margin:0 auto;padding:47px 0 44px;max-width:1240px;text-align:center;}
.main-content-wrap02{margin:0 auto 50px;max-width:1240px;}

/* common */
body{background-color:#eeeef0;font-family:'NanumGothic',sans-serif;font-weight:400;font-size:16px;color:#666;}
.hide{display:block;position:absolute;top:-999999px;width:0;height:0;text-indent:-9999999px;}
.mg-b10{margin-bottom:10px;}

/* header */
.login-btn{position:absolute;top:20px;right:0;padding:8px 15px;border:2px solid #0b4688;font-weight:500;font-size:13px;color:#0b4688;border-radius:20px;box-sizing:border-box;}

/* footer */
.footer-wrap{background-color:#fff;}
.footer-box{margin:0 auto;padding:40px 0;max-width:1240px;}
.footer-box:after{content:"";display:block;clear:both;}
.footer-logo-wrap{float:left;}
.footer-rule{float:left;margin:10px 0 0 50px;}
.footer-rule li{position:relative;float:left;margin:0 14px 0 0;padding:0 14px 0 0;}
.footer-rule li:after{content:"";display:block;position:absolute;right:0;top:3px;width:1px;height:15px;background-color:#ededed;}
.footer-rule li:last-of-type{margin:0;padding:0;}
.footer-rule li:last-of-type:after{display:none;}
.footer-rule li a{color:#666;}

/* title */
.page-title{margin:0 auto;padding:80px 0 50px;max-width:1240px;}
.page-title h3{font-weight:500;font-size:34px;}

/*법적고지-개인정보처리방침*/
.legal-box dl{margin:0 0 80px 0;}
.legal-box dl dt{line-height: 32px;padding: 0 0 10px 0px;font-weight: 600;font-size: 24px;color: #084487;}
.legal-box dl dd{line-height:26px;}

.privacy-box .h4-tit01{margin:0 0 20px 0;font-weight:700;font-size:18px;color:#333;color:#10498c;}
.privacy-box .con-box{margin:0 0 80px 0;line-height:1.6em;}
.privacy-box .con-p{margin:0 0 30px 0;}
.privacy-box .bar-ul01{padding:0 0 10px 0;}
.privacy-box .h5-tit02{font-weight: 700;font-size: 18px;color: #333333;padding: 0 0 10px 0px;}
.privacy-box ul li{padding: 0 0 0 7px;background: url(/_res/template07/img/common/bul_list_dot.gif) no-repeat 0 8px;}
.privacy-box ul li ol li{padding:0;margin:0px 0 0 17px;list-style-type: decimal;background: none !important;}
.ol-type04 li{margin:0 0 30px 17px;list-style-type: decimal;}
.bar-ul01 li a{color:#666;}
.ol-type05 li{margin: 0px 0 3px 17px;list-style-type: decimal;}
.ol-type05 li a{color:#666;}

.content-box{margin:0 auto;max-width:1240px;}

/* main */
.main-content-box01{margin:0 auto;padding:50px 0 0 0;max-width:1240px;background-color:#eeeef0;}
.main-title{margin:0 0 24px 0;}
.site-type-wrap:after{content:"";display:block;clear:both;}
.site-type-wrap > li{float:left;margin:0 3.24% 60px 0;padding:35px 40px;width:48.38%;border:1px solid #d9d9d9;background-color:#fff;box-sizing:border-box;text-align:center;}
.site-type-wrap > li:nth-of-type(2n){margin-right:0;}
.site-type-left{display:inline-block;width:calc(30% - 6px);vertical-align:top;}
.site-type-left a{display:block;}
.site-type-left a img{width:100%;max-width:150px;}
.site-type-left span{display:block;margin:20px 0 0 0;text-align:center;}
.site-type-right{display:inline-block;padding:0 0 0 10%;width:70%;vertical-align:top;box-sizing:border-box;}
.site-type-right a{display:inline-block;position:relative;box-shadow:4px 4px 10px rgba(0,0,0,0.3);}
.site-type-right a:hover:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
.site-type-right a img{width:100%;max-width:300px;}

.site-type-wrap > li:last-of-type{margin-bottom:20px;}
.site-type-wrap > li:nth-last-of-type(2){margin-bottom:20px;}

.site-type-txt{margin:30px 0;padding:20px 10px;border:1px solid #d9d9d9;text-align:left;}
.site-type-txt li{margin:0 0 0 30px;list-style-type:decimal;line-height:1.4em;}
.site-sub-box{text-align:left;}
.site-sub-box li{display:inline-block;margin:0 5px 5px 0;width:calc(33.33% - 8px);vertical-align:top;}
.site-sub-box li a{display:inline-block;padding:10px;width:100%;background-color:#1459a6;font-size:14px;color:#fff;box-sizing:border-box;border-radius:5px;line-height:1;text-align:center;letter-spacing:-1.8px;}
.site-sub-pop{display:none;position:fixed;top:70px;left:50%;z-index:20;padding:30px;width:calc(100% - 260px);max-width:930px;height:80%;background-color:#fff;transform:translateX(-50%);overflow-y:scroll;}
.site-sub-pop dl dt{margin:0 0 25px 0;font-weight:500;font-size:30px;text-align:center;}
.site-pop-img{margin:0 0 30px 0;}
.site-pop-img img{width:100%;}
.site-pop-img span{display:inline-block;margin:0 0 10px 0;font-weight:500;color:#1459a6;}
.site-pop-txt{margin:0 0 30px 0;padding:20px;border:3px solid #d9d9d9;line-height:1.6em;}
.site-pop-txt span{display:block;margin:0 0 10px 0;font-weight:500;color:#ff0000;}
.site-pop-bg{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
.site-pop-close{display:none;position:fixed;top:70px;right:40px;z-index:20;}

.main-content-box01 p{margin:0 0 35px 0;text-align:right;}

/* 로그인 */
.login-bg{border-top:none;background-color:#f2f2f2;}
.login-box{margin:160px auto 0;padding:72px 69px 60px 78px;width:770px;border:1px solid #e6e6e6;border-top:none;background:#fff url(/_res/board/img/login/bg_login.gif) no-repeat 0 0;box-sizing:border-box;}
.login-box:after{content:"";display:block;clear:both;}
.login-box h1{float:left;width:238px;}
.login-box h1 img{width:100%;}
.login-zone{float:right;width:341px;}
.login-input-wrap input{margin:0 0 10px;padding:11px 10px;width:100%;height:40px;border:1px solid #ccc;font-size:14px;box-sizing:border-box;}
.login-error-msg{margin:0 0 14px 0;font-size:14px;color:#ff4c4c;}
.c-login-btn{width:100%;height:50px;border:none;background-color:#0067b3;text-align:center;font-size:18px;color:#fff;cursor:pointer;line-height:1;}
.login-link-wrap{margin:13px 0 16px;}
.login-link-wrap li{position:relative;display:inline-block;padding:0 14px 0 0;}
.login-link-wrap li:after{content:"";display:block;position:absolute;top:6px;right:5px;width:1px;height:11px;background-color:#b3b3b3;}
.login-link-wrap li:last-of-type{padding:0;}
.login-link-wrap li:last-of-type:after{display:none;padding:0;}
.login-link-wrap li a{font-size:inherit;color:#4d4d4d;}
.help-icon{display:inline-block;width:15px;height:15px;background:url(/_res/board/img/login/ico_help.gif) no-repeat 0 0;vertical-align:middle;}
.login-etc-msg{font-size:14px;}
.login-wrap address{margin:10px 0 0 0;font-style:normal;text-align:center;}
.top-div{    border: 1px solid #cdcdcd;margin: 0 0 30px 0;
    padding: 30px 20px;
    background-color: #fff;}
.top-div p{text-align:left}
.top-div p:nth-of-type(1){color:#ff0000;font-size:20px ;font-weight:500;}
.top-div p:nth-of-type(2){line-height:28px;font-size:18px;}
.btn-down{    display: inline-block;    background-color: #1459a6;
    padding: 16px 50px;
    min-width: 120px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    line-height: 1;
    vertical-align: middle;
}
.site-ul01 li{padding:0 0 7px 0}
.tab-box{max-width:1240px;margin:0 auto;overflow:hidden;}
.tab-ul03 {
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 30px 0 50px 0;
}
.tab-ul03 li {
    float: left;
    width: 19.5%;
    width: calc(50% - 1px);
    text-align: center;
    border-right: 1px solid #e7e7e7;
}
.tab-ul03 li a {
    font-size: 20px;
    color: #000;
    width: 100%;
    display: block;
    padding: 15px 0;
  background-color:#fff;
}
.tab-ul03 li a.active {
    background-color: #1459a6;
    color: #fff;
    font-weight: 500;
}
.site-type-txt li p{margin:0;text-align:left}
.site-type-txt li p.txt-red{color:#ff0000;}
.top-div div{text-align:center}
@media screen and (max-width:768px) {
  
  /* layout */
  .header-box{padding:15px 10px;text-align:left;}
  .main-content-wrap02{margin:0 auto 30px;padding:0 10px;}
  
  /* header */
  .header-box h1 a img{width:300px;}
  .login-btn{top:17px;text-align:center;}
  
  /* footer */
  .footer-box{padding:30px 10px;text-align:center;}
  .footer-logo-wrap{float:none;}
  .footer-rule{display:inline-block;float:none;margin:20px 0 0 0;}
  
  /* main */
  .main-content-box01{padding:20px 10px 0;}
  .site-type-wrap > li{float:none;margin:0 0 20px 0;padding:25px 20px;width:100%;}
  .site-type-right{padding:0 0 0 40px;}
  
  /* title */
  .page-title{padding:50px 10px 30px;}
  
  /*법적고지-개인정보처리방침*/
  .content-box{padding:0 10px;}
  .legal-box dl{margin:0 0 50px 0;}
  .legal-box dl dt{line-height: 28px;font-size: 20px;font-weight:500;}
  .legal-box dl dd{font-size: 16px;line-height:23px;}
  .ol-type04 li, .ol-type05 li{font-size:14px;}

  /* 로그인 */
  .login-bg{background-color:#fff;}
  .login-box{margin:0;padding:30px;width:100%;border:none;background:none;}
  .login-box h1{float:none;margin:0 auto 30px;width:130px;}
  .login-zone{float:none;width:100%;}
  .login-link-wrap{margin:18px 10px 32px;text-align:center;}
  .login-link-wrap li:nth-of-type(2){padding:0;}
  .login-link-wrap li:nth-of-type(2):after{display:none;}
  .login-etc-msg{text-align:center;}
  .login-wrap address{margin:37px 0 0 0;}

} 

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

  /* header */
  .header-box h1 a img{width:200px;}
  
  /* main */
  .site-sub-box li{width:calc(50% - 8px);}

}