@charset "euc-kr";
/* reset */
p {margin:0;}
td,table {font-size:13px; color:#444; line-height:1.6; font-family:"��������",'NanumGothic', "����", 'Dotum'; /*font-family: verdana;*/}
/*button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer; vertical-align:middle; font-family:"��������",'NanumGothic',Helvetica!important;}*/
button::-moz-focus-inner{border:0; padding:0;}
input{vertical-align:middle;}

a:link {color:#444; text-decoration:none; }
a:visited {color:#444; text-decoration:none; }
a:hover {color:#d9371e; text-decoration:none; }
a:active {color:#444; text-decoration:none; }


.select {font-size:13px; /*font-family:"����","����";*/ color:#444; border:1px solid #ddd; background-color:#fff;}
.input {height:20px; line-height:20px; padding:0 5px; font-size:13px; /*font-family:"����","����";*/ color:#444; border:1px solid #ddd; background-color:#f7f7f7;}
.file_input{height:20px; line-height:20px; font-size:13px; /*font-family:"����","����";*/ color:#444; background-color:#f7f7f7;}
.search_input { font-size:13px; height:25px;  padding:0 5px; color: #444; /*font-family:"����";*/ border: #ddd 1px solid; background-color: #fff;}

.textarea{line-height:1.5; color:#444; border:1px solid #ddd; background-color:#f7f7f7}
.AW_bbs_th_view{font-weight:bold; color:#333; background:#f9f9f9; text-align:center; border-right:1px solid #ddd; vertical-align:middle;}
.AW_bbs_td_view{padding-left:10px; vertical-align:middle;}
.AW_bbs_th_list{font-weight:bold; color:#333;}
.input-btn-list img, .input-btn-list input, .input-btn-list button{vertical-align: middle;} 


/*
.center{text-align:center;}
.borderR{border-right:1px solid #ddd;}
*/

.support_pt form {position:absolute; top:7px; left:7px;}
.support_pt2 {margin-top:30px;}
.support_pt2 > li {width: calc(20% - 15px); border:none;}
.support_pt2 > li:nth-child(4n) {margin-right: 15px;}
.support_pt2 > li:nth-child(5n) {margin-right: 0;}
.support_pt2 > li .cat_box {display: flex; align-items: center; font-size: 15px; font-weight: 500; border:1px solid #d2d2d2; border-bottom:none; padding:10px 0; padding-left: 13.5%;;}
.support_pt2 > li .cat_box img {max-width: 100%; margin-right: 10px;}
.support_pt2 > li .img_box {height: 120px; display: flex; justify-content: center; align-items: center; border:1px solid #d2d2d2; padding:12px; margin-bottom: 10px;}
.support_pt2 > li .img_box a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.support_pt2 > li .img_box img {max-width: 100%; max-height: 100%;}
.support_pt2 > li .txt_box a {font-weight: 400;}

.bbs-webzine-list{border-top:1px solid #aaa;}
.bbs-webzine-list *{font-family:'Lato', 'NotoSans', "��������",'NanumGothic', "����", 'Dotum', sans-serif}
.bbs-webzine-list th, .bbs-webzine-list td{/*height:21px;*/ padding:25px 0; font-size:15px; letter-spacing:-0.025rem; text-align:center; vertical-align:middle; border-bottom:1px solid #eee;}
.bbs-webzine-list tbody{}
.bbs-webzine-list tbody td, .bbs-webzine-list tbody th{}
.bbs-webzine-list tbody th{position:relative; height:90px; text-align:left; /*padding-left:10px;*/ padding-right:30px; word-break:break-all; font-weight:normal; /*padding:25px 0;*/}
.bbs-webzine-list tbody th input[type="checkbox"]{position:absolute; left:0; top:5px; width:17px; height:17px; padding:0; margin:0; cursor:pointer;}
.bbs-webzine-list tbody th a{display:inline-block;}
.bbs-webzine-list tbody th p{font-weight:600; /*color:#333;*/ font-size:18px;}
.bbs-webzine-list tbody th span{display:inline-block; margin:5px 0 0; text-align:justify;}
.bbs-webzine-list tbody td{width:160px;}
.bbs-webzine-list tbody td img{max-width:160px; max-height:90px;}

.bbs-webzine-sch{text-align:right; margin:0 0 15px;}
.bbs-webzine-sch select,
.bbs-webzine-sch input,
.bbs-webzine-sch button{height:31px; line-height:29px; line-height:29px; box-sizing:border-box; vertical-align:middle; font-size:14px; color:#444; letter-spacing:-0.025rem; border:1px solid #ccc;}
.bbs-webzine-sch select{padding-left:10px; padding-right:30px;}
.bbs-webzine-sch input{width:20%; padding-left:10px;}
.bbs-webzine-sch button{width:70px; color:#fff; background:#737373; border-color:#737373;}


.bbs-webzine-view{max-width:1040px; margin:0 auto;}
.bbs-webzine-view, .bbs-webzine-view table, .bbs-webzine-view td{font-family:'Lato', 'NotoSans', "��������",'NanumGothic', "����", 'Dotum', sans-serif }
.webzine-view-head{padding:0px 0 55px; text-align:center;}
.webzine-view-head .webzine-view-tit{margin:0 0 30px; color:#080808; font-size:40px; font-weight:500; letter-spacing:-0.055em; line-height:1.5;}
.webzine-view-head .writer-info{color:#999; font-size:20px; font-weight:500; letter-spacing:-0.035em;}
.webzine-view-head .writer-info span{color:#ddd; padding:0 10px;}
.webzine-view-body{margin-bottom:60px;}
.webzine-view-body, .webzine-view-body *{color:#444; font-size:17px; font-weight:500; letter-spacing:-0.035em; line-height:33px;}
.webzine-view-body img{ max-width:100%;}

.bbs-webzine-foot{border-top:1px solid #ddd;}
.bbs-webzine-foot *{font-family:'Lato', 'NotoSans', "��������",'NanumGothic', "����", 'Dotum', sans-serif;}
.bbs-webzine-foot th, .bbs-webzine-foot td{height:55px; padding:0 15px; font-size:15px; text-align:left; border-bottom:1px solid #ddd; vertical-align:middle;}
.bbs-webzine-foot th{background:#f7f7f7;}
.bbs-webzine-foot td{}



.bbs-webzine-input *{font-family:'Lato', 'NotoSans', "��������",'NanumGothic', "����", 'Dotum', sans-serif}
.bbs-webzine-input{border-top:1px solid #ddd;}
.bbs-webzine-input.border{border-top:1px solid #aaa;}
.bbs-webzine-input caption{text-align:right; font-size:14px; letter-spacing:-0.065rem; color:#888; padding:0 0 10px;}
.bbs-webzine-input th, .bbs-webzine-input td{height:31px; padding:7px 15px; font-size:15px; text-align:left; letter-spacing:-0.025rem; vertical-align:middle; border-bottom:1px solid #ddd;}
.bbs-webzine-input th{background:#f9f9f9; color:#333; font-weight:500;}
.bbs-webzine-input td{}
.bbs-webzine-input .input{box-sizing:border-box;}

/*
.bbs-webzine-input .content_td{padding-left:5px; padding-right:5px;}
.bbs-webzine-input .content_td td{padding-left:0;}
*/
.bbs-webzine-input input[type="text"], .bbs-webzine-input input[type="password"]{height:28px; line-height:26px;}
.bbs-webzine-input input[type="file"]{height:30px; padding:2px; background:#fff; border:1px solid #ddd; vertical-align:middle; line-height:28px;}

.bbs-webzine-inputbody{padding:20px 0;}
.bbs-webzine-inputbody .input-chk-list{margin:0 0 10px;}
.bbs-webzine-inputbody .input-chk-list label{display:inline-block; margin-right:10px; vertical-align:middle; font-size:15px; cursor:pointer;}
.bbs-webzine-inputbody .input-chk-list label:last-child{margin-right:0;}
.bbs-webzine-inputbody .input-chk-list label input{vertical-align:middle;}
.bbs-webzine-inputbody textarea{width:100%; box-sizing:border-box; padding:10px; word-break:break-all;}



.passwd{width:450px; box-sizing:border-box; margin:40px auto; border:2px solid #eee; padding:40px 0; text-align:center;}
.passwd p{font-size:15px; letter-spacing:-0.065rem;}
.passwd div{margin:15px 0 0;}
.passwd div input[type="password"]{vertical-align:middle; height:25px; line-height:23px; background:#f7f7f7; border:1px solid #ccc; box-sizing:border-box; padding:0 10px;}
.passwd div input[type="image"]{vertical-align:middle;}
.passwd div img{vertical-align:middle;}

.com_body{position:relative; border-top:1px solid #ddd; padding:25px 0;}
.com_body .name{font-size:15px; font-weight:600;}
.com_body .name small{ display:inline-block; font-size:12px; color:#999; padding:0 10px; font-weight:normal;}
.com_body .name span{display:inline-block; color:#ddd; font-weight:normal; font-size:12px;}
.com_body .cont{margin:15px 0 0; font-size:15px; line-height:1.4; color:#444;}
.com_body .codel_btn{position:absolute; right:0; top:20px;}

.com_pageing{border-top:1px solid #ddd; padding:20px 0; text-align:center;}

.com_input{margin:20px 0; border:5px solid #eee; padding:20px; box-sizing:border-box; overflow:hidden;}
.com_input .writer{float:left; vertical-align:middle; font-size:15px; letter-spacing:-0.025rem; color:#444;}
.com_input .writer input{width:130px; height:31px; line-height:29px; box-sizing:border-box; background:#f7f7f7; border:1px solid #ccc; padding:0 10px;}
.com_input .spam{float:right; font-size:14px; letter-spacing:-0.025rem; color:#444;}
.com_input .spam img{}
.com_input .spam input{height:22px;}
.com_input .comment{position:relative; float:left; width:100%; margin:10px 0 0;}
.com_input .comment textarea{width:calc(100% - 80px); height:70px; font-size:15px; line-height:1.4; background:#f7f7f7; border:1px solid #ccc; padding:10px; box-sizing:border-box;}
.com_input .comment input[type="submit"]{position:absolute; right:0; top:0; width:75px; height:70px; color:#fff; background:#737373; border:1px solid #666; cursor:pointer;}

@media (max-width:1024px){
    .support_pt2 > li {width: calc(25% - 15px);}
    .support_pt2 > li:nth-child(5n) {margin-right: 15px;}
    .support_pt2 > li:nth-child(4n) {margin-right: 0;}
}

@media (max-width:768px){
    .support_pt2 > li {width: 48%;}
    .support_pt2 > li .img_box {height: 155px;}

    .past_list > li .img_box {width: 80px;}
    .past_list > li .txt_box {width: calc(97% - 100px);}
    .past_list > li .txt_box .desc_box {height: 44px;}
	
}

@media all and (max-width:500px){
    .support_pt2 > li .cat_box {padding-left: 12%;}
    .support_pt2 > li .cat_box img {width: 46px; margin-right: 5px;}
}