@charset "utf-8";
/* *******************************************************
 * filename : style.css
 * producer : jason
 * date : 2022-12-21
******************************************************** */

/* Normalize */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;box-sizing:border-box}html,body{width:100%}body{font-family:'Noto Sans KR','맑은고딕',helvetica,sans-serif,verdana;font-size:1em;color:#000;line-height:1;text-align:center;*word-break:break-all;-ms-word-break:break-all;}ul,ol,dl{list-style:none}img,video{width:100%;border:0;margin:0;padding:0}a{text-decoration:none;color:inherit}a:visited,a:link,a:link{color:none}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle;border:1px solid #dedede;background-color:#f3f3f3;font-size:1rem}label,button{cursor:pointer}.bline,legend,caption{display:block;overflow:hidden;position:absolute;top:0;left:-1000em}i,em,address{font-style:normal;font-weight:400}

header{border-bottom:1px solid #e5e5e5 width:100%;max-width:700px;margin:auto;border-left:0px solid #ddd;border-right:0px solid #ddd;padding:0 0%;box-sizing:border-box}
.container{width:100% ;margin:0 auto;overflow:hidden;position:relative}
.container .left{width:25%;max-width:102px;position:absolute;left:0;top:0}
.container .content{width:100%;max-width:700px;margin:auto;border-left:0px solid #ddd;border-right:0px solid #ddd;padding:0 0%;box-sizing:border-box}
.container .content2{width:100%;max-width:700px;margin: auto; margin-bottom: 30px; border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 0%;box-sizing:border-box}
.container .sidemenu{width:278px;position:absolute;right:0;top:0}

.container .content article img{display:block;width:100%; margin:0 auto;}
.container .content article img.im1{width:95%; margin-top:0!important}
.container .content article img.im2{width:95%}
.container .content article img.im3{width:85%}
.container .content article p{box-sizing:border-box;padding:0 4% 2%;text-align:justify;word-break:break-all;line-height:1.65}
.container .content article p.mini{font-size:12px;color:#767678;font-family:HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif;padding:0 4% 3%}
.container .sidemenu{text-align:left}.container .sidemenu a:hover{text-decoration:underline}
.side1 img{width:277px}.side1 ul{padding:0 20px 10px;font-size:12px;line-height:1.9;border-bottom:1px solid #ddd;text-align:left}.side1 ul li{overflow:hidden;text-overflow:ellipsis;width:229px;white-space:nowrap}.side2{padding:20px;text-align:left;border-bottom:1px solid #ddd}.side2 h3,.side5 h3,.side4 h3{text-align:left;font-size:14px;color:#333;letter-spacing:-1px}.side2 dl{margin-top:10px;padding:5px 0;overflow:hidden}.side2 dl::after{content:'';display:block;clear:both}.side2 dl dt{float:left}.side2 dl dt img{width:95px;height:70px}.side2 dl dd{padding:12px 0 0 5px;line-height:1.5;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side2 p{margin-top:10px;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side4{padding:25px 15px 20px;border-bottom:1px solid #ddd}.side4 img{margin-top:7px}.side5{text-align:left;padding:10px 20px;border-bottom:1px solid #ddd}.side5 img{width:14px;height:15px;vertical-align:middle}.side5 ul{margin-top:5px}.side5 ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.9}


nav i {position:absolute; top:15px; right:20px; color:#515151;}
header {padding:0px 0px 0px; border-bottom:0px solid #e5e5e5;text-align: left; font-weight: 500; }
header > i {color:#4795f7; font-style:normal; ]font-weight:bold; text-align: left; padding: 0px 0px 10px; }
header .header_icon {
    text-align: center;
}
header .header_icon ul {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
}



header .header_icon ul a {
    color: #7c7c7c;
}
header .header_icon ul li {
    float: left;
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #b2b2b2;
    position: relative;
    margin: 20px 4px;
}
header .header_icon ul i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
 .header h2 {
    font-weight: normal;
    font-size: 2.3em;
    line-height: 1.3;
    word-break: break-all;
     
   
}
header h2 {font-weight:bold; font-size:33px; padding:5px 0px 30px; line-height: 1.3; letter-spacing: -0.03em;}

header p {
    line-height: 1.7;
    color: #515151;
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
}


.header .sub_title {
    width: 100%;
    position: relative;
    padding-left: 10px;
    margin-top: 1%;
    font-size: 0.8em;
    color: #7c7c7c;
}


header p::before {content:''; position:absolute; left:0; top:2px; bottom:0; width:4px; background:#515151;  }
header .time {position:relative; color:#7f7f7f;  font-size:0.78em; border-bottom:1px solid #e5e5e5; margin:10px 0 20px; padding:10px 10px 30px; letter-spacing: 0;}
header .time .sns {position:absolute; right:0; top:0;}
header .time .sns i {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px; border:1px solid #e5e5e5;    cursor:auto; }


#db{width:92%;margin:2em auto 0;box-sizing:border-box}
#db table{width:100%;margin:0 auto 10px;border:5px solid #000;}
#db table th,td{padding:8px 0}#db table th{width:27%}
#db table td{width:73%}#db table th span{color:red}
#db table input,#db table select{height:40px;padding-left:0px;box-sizing:border-box;width:90%;font-size:1em}
#db table .tel{font-size:0}
#db table .tel input,#db table .tel select{width:29%;font-size:15px;margin-right: 1%;}
#db table .agree{font-size:10px;text-align:center;color:#999}
#db table .agree input{width:10px;height:10px}
#db table .dbbt{text-align:center;width:100%}
#db table .dbbt input{border:none;width:100%;height:auto}
#db table .result{text-align:center;font-size:12px}
#db table .result input{height:20px;width:20%;background:#f5f5f5;border:1px solid #ccc}


.reply{margin-top:30px;text-align:left}.reply .re_area{position:relative}.reply .re_area img{width:35px}.reply .re_info{font-size:13px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#000;position:absolute;left:44px;top:0}.reply .re_date{font:normal 12px -apple-system,BlinkMacSystemFont,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#999;padding-left:5px;position:absolute;left:40px;bottom:0}.list{text-align:left;padding:15px 10px 30px;border-top:1px solid #ddd;margin:0 10px}.re_txt{font-family:-apple-system,BlinkMacSystemFont,Helvetica,"Apple SD Gothic Neo",sans-serif;font-size:14px;line-height:20px;margin-top:10px;margin-bottom:10px;color:#222}.re_write{font-family:-apple-system,BlinkMacSystemFont,Helvetica,"Apple SD Gothic Neo",sans-serif;font-size:13px;color:#555;float:left;width:100px;line-height:22px;letter-spacing:-.7px}.re_write span{color:#000;font-weight:600}.list dl{float:right}.list dt{font-family:-apple-system,BlinkMacSystemFont,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#777;width:50px;height:22px;padding:0 5px 0 0;line-height:22px;text-indent:22px;font-size:12px;background:url(icon.png) -116px 1px no-repeat;float:left;font-weight:600}.list dd{font-family:-apple-system,BlinkMacSystemFont,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#777;width:40px;height:22px;padding:0 5px 0 0;line-height:22px;text-indent:22px;font-size:12px;background:url(icon.png) -161px 1px no-repeat;float:left;font-weight:600}footer{width:100%;border-top:1px solid #ddd;padding:20px 0}footer p{font-family:'돋움','dotum',snas-serif;font-size:13px;line-height:1.5;text-align:center;color:#999}footer p span{font-size:11px}
li.check::after{content:'';display:block;position:absolute;left:0;bottom:0;right:0;height:2px;z-index:1;background:#4063bf}.content .toptxt{padding:0px 15px 20px;margin-top:0px;border-bottom:1px solid #e6e6e6;margin-bottom:30px}.content .toptxt .logo{width:77px;height:17px}.content .toptxt h2{padding:13px 0;text-align:left;font-size:29px;line-height:39px;letter-spacing:-2px;font-family:HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif}.content .toptxt p{font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,Arial,sans-serif;color:#303038;text-align:left;position:relative;padding-left:12px;line-height:1.4;color:#535351}.content .toptxt p::after{content:'';display:block;position:absolute;left:2px;top:0;bottom:0;width:2px;background:#303038}.content .toptxt .topbtn{text-align:left;margin:0 0 15px}.content .toptxt .topbtn a{font-family:Helvetica,'Apple SD Gothic Neo','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,Arial,sans-serif;font-size:12px;display:inline-block;border:1px solid #e6e6ea; border-radius:20px; color:#1e1e23;height:36px;line-height:36px;padding:0 9px}.content .toptxt .topbtn a img{display:inline-block;width:auto;height:15px;margin-top:9px}.content .toptxt .topbtn ul{float:right}.content .toptxt .topbtn ul li{float:left}.content .toptxt .topbtn ul li img{width:26px;height:26px;margin:5px}li::marker{content:''}
.like{margin:15px 0}.like ul li{display:inline-block;padding:10px 15px;border:1px solid #e5e5e5;margin:0 3px;font-size:13px;font-weight:600;color:#666}.like ul li img{width:15px;margin-right:5px}.reply .re_top{padding:0 20px 15px}.reply .re_top .re_num span{font-family:Helvetica,'Apple SD Gothic Neo','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,Arial,sans-serif;font-weight:600}.reply .re_top .re_num img{border:1px solid rgba(0,0,0,.2);width:19px;height:19px;margin-left:5px}.reply .re_top ul{width:100%;margin-top:15px}.reply .re_top ul li{display:inline-block;font-size:13px;margin-right:8px;font-family:Helvetica,'Apple SD Gothic Neo','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,Arial,sans-serif;color:#bbb}.reply .re_top ul li:first-child{color:#000;font-weight:700}.reply .re_top ul li:first-child img{width:13px;margin-top:2px}.reply .re_top ul li:last-child{float:right;margin-right:0}.reply .re_top ul li:last-child img{width:17px}.reply .re_top ul::after{content:'';display:block;clear:both}
.likeit{width:90%;margin:25px auto;padding:20px 0;border-top:1px solid #efeff0;border-bottom:1px solid #efeff0}.likeit p{font-size:15px;font-weight:700;text-align:left}.likeit p img{width:15px}.likeit ul{margin-top:20px}.likeit ul li{float:left;width:20%}.likeit ul li img{display:block;margin:0 auto 10px;width:75%;max-width:50px}.likeit ul li span{font-size:12px;color:#767678;display:block}.likeit ul li span.like_count{font-weight:700;color:#000}.likeit ul::after{content:'';display:block;clear:both}
.fixbt{position:fixed;right:10px;bottom:10px;z-index:1}.fixbt img{width:85px}.p1{font-weight:700;color:#ff3434}b{font-weight:700;color:#000}.p2{color:#ff3434}
@media screen and (max-width:800px){
.container {width:100%;} .container .left, .container .sidemenu {display:none;} .container .content {width:100%; max-width:100%; margin:0 auto; border:none;} aside {width:95%;}
.container .content2 {width:100%; max-width:100%; margin:0 auto; margin-bottom: 30px; border:none;}
}
@media screen and (max-width:640px) {p { letter-spacing:-0.075em}.content .toptxt {margin-bottom:20px;}.container .content {padding:0;}.container .content article img.im1 {width:100%;}.container .content article p {padding:0 5% 7%;}aside table tr td input[type=tel], aside table tr td select {width:29%;} aside table .dbq {margin:0 auto;}
.container .content2 {width:100%; max-width:100%; margin:0 auto; margin-bottom: 20px; border:none;}
.content .toptxt h2{padding:13px 0;text-align:left;font-size:28px;line-height:39px;letter-spacing:-2.5px;font-family:HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif}
}
@media screen and (max-width:580px) {.content .toptxt h2{padding:13px 0;text-align:left;font-size:26px;line-height:39px;letter-spacing:-2px;font-family:HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif}
    .content .toptxt p{font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,Arial,sans-serif;color:#303038;text-align:left;position:relative;padding-left:12px; font-size:14px;line-height:1.4;color:#535351}
}
@media screen and (max-width:420px) {
.content .toptxt .topbtn ul li:first-child,.content .toptxt .topbtn ul li:last-child {display:none;} header .top .topmenu span.top04,header .top .topmenu ul li:first-child {display:none;} .content .toptxt p {font-size: 15px;} aside table {width:95%;}  
.content .toptxt h2{padding:13px 0;text-align:left;font-size:20px;line-height:30px;letter-spacing:-2px;font-family:HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif}
    .content .toptxt p{font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,Arial,sans-serif;color:#303038;text-align:left;position:relative;padding-left:12px; font-size:12.3px;line-height:1.4;color:#535351}
}

@media screen and (max-width:600px) {
  header {padding:0px 0px 0px}
  header h2 {font-size:19px; letter-spacing: -0.059em; line-height: 30px; padding-bottom:18px;}
  header > i {font-size:14px; font-weight:bold}
  section article p {font-size:17px;}
  .dbq {font-size:12px!important;}
    header p {font-size:13px; letter-spacing: -0.05em;}
}




/* 최신글 */
.latest { padding-bottom: 5.5%;  background: url(../images/latest_bg.jpg) no-repeat 50% 0; background-size: cover; font-size: 18px; }
.latest-title img { width: 100%; }
.latest > .inner { position: relative; }
.ticker-wrap { width: 94%; max-width: 650px; margin: -10px auto; padding: 20px; border: 1px solid #c8c8c6; border-radius: 20px; background: #fff; box-sizing: border-box; }
.latest-list { width: 100%; line-height:35px;letter-spacing: -0.09em; }
.latest-list li { font-size:16px; display: block; position: relative; height: 35px; text-align: left; }
.latest-list li:first-child { font-size:16px; border-top: 0; }
.latest-list li a { font-size:14px; line-height:25px;color: inherit; font-weight:; text-decoration: none; letter-spacing: -0.1em; }
/*.latest-list li span {font-size:10px; line-height:25px;position: absolute; right: 10px; letter-spacing: -0.01em;}*/
.latest { padding-bottom: 5.5%; background: url(../images/latest_bg.jpg) no-repeat 50% 0; background-size: cover; font-size: 18px; }
.latest-title img { width: 100%; }
.latest > .inner { position: relative; }
.ticker-wrap2 { width: 94%; max-width: 650px; margin: 15px auto; padding: 20px; border: 1px solid #c8c8c6; border-radius: 20px; background: #fff; box-sizing: border-box; }
.latest-list2 { width: 100%; line-height:30px;letter-spacing: -0.09em; }
.latest-list2 li { font-size:16px; display: block; position: relative; height: 35px; }
.latest-list2 li:first-child { font-size:16px; border-top: 0; }
.latest-list2 li a { font-size:15px; line-height:25px;color: inherit; font-weight: bold; text-decoration: none; letter-spacing: -0.1em; }
.latest-list2 li span {font-size:9px; line-height:25px;position: absolute; right: 10px; }

.latest-list li .status {
    position: absolute;  height: 25px; line-height: 25px; width: 60px; color: #fff;
    text-align: center; top:; right: 5px; font-size: 12px; border-radius: 3px;
}

.container .content .reply{margin-top:2em}
.container .content .reply .retop{width:100%;padding:0 5%;box-sizing:border-box;margin:0 auto;position:relative;height:40px;border-bottom:1px solid #a9a9a9}
.container .content .reply .retop p{display:inline-block;font-weight:700;margin:0;line-height:40px;letter-spacing:-.035em}
.container .content .reply .retop button{position:absolute;right:5%;bottom:7px;font-size:11px;font-weight:700;background:#f2f2f2;border:1px solid #ccc;height:30px}
.container .content .reply .retop button span{font-size:13px;color:#ccc}
.container .content .reply .retap{white-space:nowrap;border-top:1px solid #ddd}
.container .content .reply .retap li{float:left;height:40px;line-height:40px;width:50%;box-sizing:border-box;text-align:center;font-weight:700}
.container .content .reply .retap li:first-child{background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.container .content .reply .retap li:last-child{color:#396dba;background:#f7f7f7}
.container .content .reply .retap::after{content:'';display:block;clear:both}
.container .content .reply .retxt{margin:4% 5%;border-bottom:1px solid #ccc}
.container .content .reply .retxt p{margin-top:.6em;font-size:.9em;color:#666; line-height: 18.5px}
.container .content .reply .retxt h4 span{font-size:10px;padding:3px 6px;background:red;color:#fff;border-radius:2px}
.container .content .reply .retxt .retime{margin-top: 1.2em; color:#777;font-size:11px}
.container .content .reply .rebtn{position:relative;height:30px;margin:.6em 0}
.container .content .reply .rebtn button{font-size:11px;font-weight:700;background:#fbfbfb;border:1px solid #cdcdcd;height:25px}
.container .content .reply .rebtn ul{float:right}
.container .content .reply .rebtn ul li{float:left;margin-left:.4em}
.container .content .reply .rebtn ul li button{padding-left:20px;position:relative}
.container .content .reply .rebtn ul li button::before{position:absolute;left:5px;top:5px;content:'';display:block;width:12px;height:12px;background:url(../images/up.png)no-repeat;background-size:100% 100%}
.container .content .reply .rebtn ul li:last-child button::before{background:url(../images/down.png)no-repeat;background-size:100% 100%}
.container .content .renum{text-align:center}
.container .content .renum li{font-size:12px;display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #ccc;margin:0 5px}
.container .content .renum li:first-child{font-weight:700}

.container .content footer{display:block;margin-top:2em;border-top:1px solid #d9d9d9;background:#f4f4f4;padding:5%;text-align:center}
.container .content footer .foot_p {font-size: 0.85em; margin-top: 3em}
.container .content footer button{width:22%;border:1px solid #c7c7c7;height:35px;background:linear-gradient(to bottom,#fefefe,#eeefee);background:-webkit-linear-gradient(to bottom,#fefefe,#eeefee);background:-moz-linear-gradient(to bottom,#fefefe,#eeefee);background:-o-linear-gradient(to bottom,#fefefe,#eeefee)}

.container .content button:active{box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}