@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

/*본고딕-----------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

html,body {width:100%; height:100%; color:#333; font-size:16px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;line-height:1.4;letter-spacing:-0.5px;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button,textarea {margin:0;padding:0}
img,fieldset,iframe{border:0 none}
legend, hr, caption{width:0;height:0;position:absolute;visibility:hidden;overflow:hidden;display:none;}
ol, ul ,li{ list-style:none;}
img, input, button, select, textarea {vertical-align:middle;}
em,address {font-style:normal}
fieldset {border:none;}
label,button {cursor:pointer}
button{margin:0;padding:0; border:0;}
table {border-spacing:0;border: 0 none;word-wrap:break-word;border-collapse:collapse;}
hr, legend, caption { overflow:hidden; position:absolute; left:0; top:0; width:0; height:1px; font-size:0; line-height:0; visibility:hidden; }
input, textarea, select, button{font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;}
caption {width:0;height:0;visibility:hidden;line-height:0;font-size:0}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q { quotes: "" "";}
a {color:#444; cursor:pointer;}
a:link,a:visited {text-decoration:none;}
a:hover,a:active {text-decoration:none; cursor:pointer;}
a:focus {outline: none;}
a img {border:0;}
i{font-style:normal;}

/*공통*/
.btn_area{margin:20px auto 0;text-align: center;}
.btn_area.right{margin:0px auto 70px;text-align: right;}
.btn_area a{font-size:16px;display:inline-block; width:130px;border:0; padding:14px 15px; margin:0 2px; text-align:center; border-radius:2px;}
.btn_blue{background:#3a4050; color:#fff;}
.btn_gray{background:#555;color:#fff;}
.btn_red{background:#c32020;color:#fff;}

.btn_blue_small{font-size:14px; background:#3a4050; color:#fff; display:inline-block; width:60px;border:0; padding:5px 10px; margin:0 2px; text-align:center; border-radius:2px;}

.row_form{padding: 2%;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.row_form dl{display:table;width:100%;}
.row_form dl dt{display:table-cell;width:15%;vertical-align:top;/* padding-top:10px; */}
.row_form dl dt label{font-size:17px;color:#1e1e1e;font-weight:500;position: relative;}
.row_form dl dt label.must:after{content:"*";color:#cf0505;position: absolute;left:-13px;top:5px;}
.row_form dl dd{display:table-cell;width:auto;vertical-align: middle;padding: 0;}
.row_form dl dd input{width:50%;}
.row_form dl dd .st{color:#222;border:1px solid #e2e2e2;height:42px;padding:0 2%;line-height:42px;font-weight:300;box-sizing: border-box;}
.row_form textarea{width:100%;min-height:500px;}

/* search_box */
.search_box{position:relative; width:100%; box-sizing:border-box; padding:10px 0; text-align:right;}
.search_box > div{display:inline-block;}
.search_box input{height:44px; width:340px;border:1px solid #ccc; box-sizing:border-box; padding:0 6px;font-size: 16px;}
.search_box input::placeholder {color:#999;}
.search_box input::-webkit-input-placeholder {color:#999;}
.search_box input:-ms-input-placeholder {color:#999;}
.search_box .btn_search{color:transparent;background:#424242 url('/images/common/search.svg') center no-repeat;padding:10px 22px; vertical-align:middle; min-height: 40px; box-sizing: border-box; }

/* board_list */
.board_list{width:100%;margin-bottom:20px;}
.board_list .list_wrap ul li.none{color:#1e1e1e;font-size:18px;}
.board_list .list_wrap {margin-top:22px;}
.board_list .list_wrap ul {border-top:2px solid #000;border-bottom:1px solid #dedede;}
.board_list .list_wrap ul li {border-top:1px solid #e6e6e6;}
.board_list .list_wrap ul li:first-child {border-top:none;}
.board_list .list_wrap ul li a {width:100%;font-size:0;}
.board_list .list_wrap ul li a > div {display:inline-block;word-break:break-all;vertical-align:middle;text-align:center;padding: 34px 10px;line-height: 18px;transition:all 0.25s;font-size:16px;box-sizing: border-box;}
.board_list .list_wrap ul li a > div.sort {font-weight:500;width: 12%;font-size:16px;color:#9d043a;}
.board_list .list_wrap ul li a > div.title {width: 76%;text-align:left;color:#1e1e1e;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.board_list .list_wrap ul li a > div.title img{margin-right:10px;vertical-align: baseline;}
.board_list .list_wrap ul li a > div.date {width: 12%;}
.board_list .list_wrap ul li a:hover > div {background-color:#fafafa;}
.board_list .list_wrap ul li.none{color:#1e1e1e;font-size:18px;text-align: center;border-bottom: 0;padding:50px 0;}

/*board_gallery_list*/
.board_gallery_list{width:100%;margin-bottom:50px;}
.board_gallery_list .list_wrap{width:100%;display: inline-block;margin-top: 40px;}
.board_gallery_list .list_item{text-align:left;display:inline-block;width: calc((100% - 6%) / 3);float:left;margin-left:3%;margin-bottom:60px;}
.board_gallery_list .list_item:nth-child(3n-2){margin-left:0;}
.board_gallery_list .list_item a {display:block;font-size:16px;}
.board_gallery_list .list_item a .tit {font-size:20px;font-weight:500;overflow:hidden;color:#1e1e1e;overflow:hidden;/* text-overflow:ellipsis; *//* display:-webkit-box; *//* -webkit-line-clamp:2; *//* -webkit-box-orient:vertical; *//* word-wrap: break-word; *//* line-height: 1.4em; *//* height: 2.8em; */margin-top: 15px;}
.board_gallery_list .list_item a .date {font-family:'Montserrat';font-weight: 400;color:#777;font-size: 15px;line-height:1;margin-top:20px;letter-spacing: 0px;}
.board_gallery_list .list_item a div.img_thumbnail{width:100%;position: relative;padding-top:60%;overflow:hidden;}
.board_gallery_list .list_item a div.img_thumbnail .img{position:relative;position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
.board_gallery_list .list_item a div.img_thumbnail .img img{position: absolute; top: 0; left: 0; width:100%; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);transition:0.8s;}
.board_gallery_list .list_item a:hover div.img_thumbnail .img img{transform: translate(-50%,-50%) scale(1.1)}

/*pagination*/
.paging_box{text-align: center;margin:20px 0;}
.paging_box div.paging{height: auto;}
.paging_box div.paging a{font-family:'Montserrat';font-weight:500;display:inline-block;width: 30px;height: 30px;font-size: 13px;color:#888;border:1px solid #bbb;margin:0 2px;line-height:30px;}
.paging_box div.paging a.active {background:#333;color:#fff;}
.paging_box div.paging a:hover{background:#333;color:#fff;transition: all .2s ease;}

/*board_view*/
.board_view{width:100%;margin-bottom:70px;}
.board_view .board_view_top{padding:2%; border-top:2px solid #000; border-bottom:1px solid #ddd;}
.board_view .board_view_top h3{color:#1e1e1e; font-size:22px; letter-spacing:-0.5px; font-weight:500; line-height:32px; word-break:keep-all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.board_view .board_view_top .info{margin-top:15px;}
.board_view .board_view_top .info dt, .board_view .board_view_top .info dd{display:inline-block; color:#777; font-size:14px; vertical-align:middle; font-weight:500}
.board_view .board_view_top .info dd{margin:0 30px 0 5px; color:#888; font-weight:400}
.board_view .board_view_content{padding:4% 2%; border-bottom:1px solid #ddd; min-height:300px;}
.board_view .board_view_attach {display: table; width: 100%; box-sizing: border-box;border-bottom:1px solid #ddd; font-size:15px; }
.board_view .board_view_attach .file { display: table-cell; padding: 30px 2%; width:20%; color: #777;font-size:15px ;vertical-align: top; box-sizing: border-box; }
.board_view .board_view_attach .file_data{padding: 30px 2%;vertical-align: top; box-sizing: border-box;}
.board_view .board_view_attach .file_data > a {display: inline-block; padding-left: 20px; background: url('/images/common/attach_file.png') no-repeat left center; background-size: 14px 13px; color: #303030; }
.board_view .board_view_attach .file_data > a:hover { color: #9d043a; text-decoration: underline; }


/*board_write*/
.board_write{width:100%;margin-bottom:40px;}
.board_write .write_wrap{width:100%;border-top:2px solid #000;/* border-bottom:1px solid #ddd; */}
.board_write .board_write_top{/* border-bottom:1px solid #e6e6e6; *//* padding:15px 0; */margin-bottom:10px;}
.board_write .board_write_content{/* border-bottom:1px solid #e6e6e6; */padding:15px 0;}
.board_write .row_form textarea{width:100%;min-height:500px;}
.board_write .attach{padding:25px 2%;}
.board_write .attach dl dt{padding-top:0;}
.board_write .attach dl dt label{color: #777;font-size:15px;font-weight: 400;}
.board_write .attach dl dd{padding-top:10px;}
.btn_attach_add{text-align:center;font-size:14px;border:1px solid #555;padding: 7px 10px;display: block;width: 55px;margin-top: 5px;}
.deco_check {transition:all 0.25s;display:inline-block;position:relative;vertical-align:middle;height:auto;line-height: 24px;margin-left:10px;}
.deco_check input[type=checkbox] {opacity:0;width:24px;height:24px;padding:0;margin:0;position:absolute;left:0;top:0;z-index:1;vertical-align:middle;cursor:pointer;}
.deco_check input[type=checkbox] + label {padding-left: 30px;letter-spacing:-0.2px;font-size: 15px;color:#666;vertical-align:top;display:inline-block;background:url('/images/common/ckbox_off.png') no-repeat 0 0;cursor:pointer;}
.deco_check input[type=checkbox]:checked + label {background:url('/images/common/ckbox_on.png') no-repeat 0 0;}
.deco_check input[type=checkbox]:disabled + label {opacity:1;}
.fileinput{}
.fileinput .tdfile{margin-top:10px;}

/*login*/
.login{max-width: 1200px;margin: 0 auto;padding: 100px 0;background: #f8f8f8;box-sizing: border-box;}
.login_wrap{width:50%;margin:0 auto;}
.login_txt{font-size: 25px; margin-bottom: 50px; text-align: center;}
.login_txt p span{font-weight: 500;}
.login_box{display: inline-block;width: 100%;box-sizing: border-box;}
.login_box label{display: inline-block;width: 120px;font-size: 18px;color: #333;font-weight: 400;box-sizing: border-box;vertical-align: middle;}
.login_box input{width: 100%;padding: 15px;font-size:16px;margin-bottom: 5px;border: 1px solid #dcdcdc; box-sizing: border-box;}
.btn_login{display: block;padding: 20px;background-color: #333;border: 0;font-size: 17px;line-height: 1;color: #fff;font-weight: 500;text-align: center;cursor: pointer;box-sizing: border-box;margin-top: 10px;}
.btn_login:hover {color:#fff; background-color:#9d043a;transition:all 0.5s ease;}
.btn_join{display: block;padding: 15px;background-color: #fff;border: 1px solid #888;text-align: center;color: #555;font-size: 17px;}
.auth_box{ padding-top:30px;margin-top: 30px;border-top: 1px solid #ddd;}
.auth_box p{margin-top: 20px;font-size: 14px;text-align: right;}
.auth_box p a{text-decoration: underline;font-weight: 600;}
.checkbox .form-group{text-align: left !important;padding:5px 0;}

/*join_terms*/
.priv_box {margin-bottom: 70px;}
.priv_box h3 {font-size: 20px;font-weight: 500;margin-bottom: 10px;}
.priv_box textarea {width: 100%; background: #fcfcfc; resize: none; font-size:15px;border: 1px solid #ddd;text-align: left;padding: 15px;box-sizing:border-box;overflow: auto; height: 300px; outline: none;color:#555;}
.all_check{margin: 15px 0; text-align: right;}

/*join_form */
.join_form{width:100%;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:25px 0;margin-bottom: 40px;}
.join_form_wrap{width:95%;margin:0 auto;}
.join_form_wrap .row_form dl dd{vertical-align: middle;}
.join_form_wrap .row_form dl dd a{display:inline-block;vertical-align:middle;margin-left:5px;font-size:14px;border:1px solid #e2e2e2;background:#f1f1f1;height:42px;padding:0 2%;line-height:42px;box-sizing: border-box;}
.join_form_wrap .row_form dl dd p{font-size: 15px;color:#777;display: inline-block;margin-left:15px;}
.join_form_wrap .phone dl dd input{width:20%;margin:0 10px;}
.join_form_wrap .phone dl dd input:first-child{margin-left:0;}
.join_form_wrap .address dl dd input{width:100%;}

/*join_complete*/
.join_complete{width:100%; margin-bottom: 70px;}
.join_complete .com_box{text-align: center;background: #f8f8f8;margin:0 auto;padding:80px 0}
.join_complete .com_box .txt{padding:20px 0;}
.join_complete .com_box .txt .p1{font-size:34px;padding:30px 0 10px;}
.join_complete .com_box .txt .p1 span{font-weight:600;}
.join_complete .com_box .txt .p2{font-size:18px;}

/*faq*/
.faq_list {border-top:2px solid #000; margin: 70px 0 0;width:100%;}
.faq_list dt {border-bottom: solid 1px #e6e6e6;position: relative;padding: 26px 120px;cursor: pointer;}
.faq_list dt em {display: block;font-family: 'Montserrat', sans-serif;font-weight: 900;font-size: 27px;line-height: 30px;position: absolute;left: 40px;top: 50%;margin-top: -15px;color:#9d043a;}
.faq_list dt h5 a{font-size: 18px;font-weight: 400;display: block;padding:5px 0;}
.faq_list dt:hover em {color:#9d043a;}
.faq_list dt:hover h5 a{font-weight: 500;}
.faq_list dt.on em{color: #9d043a;}
.faq_list dt.on h5 a{font-weight: 500;}
.faq_list dt span {display: block; width: 17px; height: 17px; position: absolute; right: 40px; top: 50%; margin-top: -9px;}
.faq_list dt span:before,
.faq_list dt span:after {content: ''; display: block; background: #969696; position: absolute; top: 50%; left: 50%;}
.faq_list dt span:before {width: 17px; height: 2px; margin-left: -9px; margin-top: -2px;}
.faq_list dt span:after {width: 2px; height: 17px; margin-left: -2px; margin-top: -9px;}
.faq_list dt.on span:before {background: #1e1e1e;}
.faq_list dt.on span:after {display: none;}
.faq_list dd {border-bottom: solid 1px #e6e6e6; background: #fafafa; padding: 40px 120px; display: none;}
.faq_list dd p {font-size: 16px; color: #666; line-height: 16px;}

/*qna*/
.qna .list_wrap ul li a > div.num {width: 9%;font-size:15px;}
.qna .list_wrap ul li a > div.title {width: 57%;text-align:left;color:#1e1e1e;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.qna .list_wrap ul li a > div.date {width: 12%;}
.qna .list_wrap ul li a > div.writer {width: 10%;}
.qna .list_wrap ul li a > div.state {width: 12%;}
.qna .list_wrap ul li a > div.state span {font-size: 14px;border-radius: 30px;padding:10px 15px;font-weight: 500}
.qna .list_wrap ul li a > div.state .waiting{background:#eee; }
.qna .list_wrap ul li a > div.state .replied{background:#9d043a;color:#fff; }

/*reply*/
.reply {padding: 30px 20px;background: #f7f7f7;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; margin-bottom:50px;}
.reply .manager_wrap{padding:20px;}
.reply .manager_wrap p.ans_title {font-family:'Montserrat';font-size:17px;font-weight:700;background: #fff;color:#9d043a;display: inline-block;padding: 7px 12px;border-radius: 30px;border: 1px solid #ddd;}
.reply .manager_wrap .txt {margin:30px 40px 0 40px;min-height: 120px;}
.reply .manager_wrap .txt p {color:#555; font-size:16px;}

/*list_default*/
.list_default{border-top:2px solid #000;margin-bottom:20px;}
.list_default .top, .list_default .cnt{display: table;width: 100%;padding:24px 0;border-bottom:1px solid #ddd;text-align: center;}
.list_default .top div, .list_default .cnt div{display: table-cell;width: 25%;}
.list_default .top{background:#fafafa;font-size: 17px;font-weight: 500;}

/*mypage*/
.mypage{width:100%; padding-top: 30px;}
.mypage .list_default .top div:nth-child(1), .mypage .list_default .cnt div:nth-child(1){width:8%;}
.mypage .list_default .top div:nth-child(2), .mypage .list_default .cnt div:nth-child(2){width:12%;}
.mypage .list_default .top div:nth-child(3), .mypage .list_default .cnt div:nth-child(3){}
.mypage .list_default .top div:nth-child(4), .mypage .list_default .cnt div:nth-child(4){width:10%;}
.mypage .list_default .top div:nth-child(5), .mypage .list_default .cnt div:nth-child(5){width:15%;}

.mypage p{font-size:18px;margin-bottom:13px;text-align: right;}
.mypage p span{font-weight: 500;padding-right:10px;}

/*table_default*/
table.tbl_default{border-top:2px solid #000;width:100%;}
table.tbl_default tr th{padding:30px 50px;text-align: left;font-size:20px;border-bottom:1px solid #ddd;background:#f5f5f5;color: #000;}
table.tbl_default tr td{border-bottom:1px solid #ddd;padding:30px 50px;text-align: left;color: #444;}
table.tbl_default tr td.center{text-align: center;}

.order-list{text-align: left;}
.order-list ul li{font-size: 14px;padding-bottom: 4px;font-weight: 400;border-bottom: 1px solid #eaeaea;padding: 4%;}
.order-list ul li:last-child{border-bottom:0;}
.order-list ul li span{display: block;padding-top: 2%;color: #797979;}



/* tablet (768px) ~ 1023px */
@media (max-width:1024px) {

    /*공통*/
    .btn_area{margin-bottom:0;}
    .btn_area.right{margin:0px auto 50px;}
    .btn_area a{width: 100px;padding: 10px;margin: 0;}
    .row_form{padding:10px 5%;}
    .row_form dl dt{width:25%;}
    .row_form dl dt label{font-size:15px;}
    .row_form dl dd input{width:100%;}
    .row_form dl dt label.must:after{left:-10px;}

    /*board_list*/
    .board_list{margin-bottom:15px;}


    /*board_gallery_list*/
    .board_gallery_list{margin-bottom:20px;}
    .board_gallery_list .list_item{width: calc((100% - 4%) / 2);float:left;margin-left:4%;margin-bottom:30px;}
    .board_gallery_list .list_item:nth-child(3n-2){margin-left:4%;}
    .board_gallery_list .list_item:nth-child(2n-1){margin-left:0;}
    .board_gallery_list .list_item a .tit{font-size:17px;}
    .board_gallery_list .list_item a .date{margin-top:10px;font-size:14px;}

    /*board_view*/
    .board_view{margin-bottom:35px;}

    /*board_write*/
    .board_write{margin-bottom:35px;}
    .deco_check{margin-left:0;margin-top:10px;}
    .board_write .row_form dl dd .st{height:40px;line-height:40px;}
    .deco_check input[type=checkbox] + label{font-size:14px;background-size: 22px;background-position: 0 1px;margin-left:0px;}
    .deco_check input[type=checkbox]:checked + label {background-size: 22px;background-position: 0 1px;}
    .board_write .row_form dl dt{width:35%;}

    /*pagination*/
    .paging_box{margin-bottom:0;}


    /*login*/
    .login{width: 90%;margin: 0 auto;padding: 10% 0;}
    .login_wrap{width:80%;margin:0 auto;}
    .login_txt{font-size:22px;line-height:24px;margin-bottom:30px;word-break: keep-all;}

    /*join_terms*/
    .all_check{margin:5px 0;}
    .priv_box{margin-bottom:50px;}

    /*join_form*/
    .join_form_wrap{width:100%;}
    .join_form_wrap .row_form dl dd a{margin-top:5px;vertical-align: bottom;}
    .join_form_wrap .row_form dl dd p{margin-left:0;margin-top:5px;font-size:14px;}
    .join_form_wrap .form_id dl dd input{width:65%;}
    .join_form_wrap .phone dl dd input{width:26%;margin:0 5px;}

    /*faq*/
    .faq_list dt{padding:26px 100px;}
    .faq_list dt em{font-size:24px;}
    .faq_list dt h5 a{font-size:16px;}
    .faq_list dd{padding:26px 100px;}
    .faq_list dd p{font-size:15px;line-height: 20px;}

    /*qna*/
    .qna .list_wrap ul li a > div.num {width: 9%;}
    .qna .list_wrap ul li a > div.title {width: 52%;}
    .qna .list_wrap ul li a > div.state {width: 15%;}

    /*table_default*/
    table.tbl_default tr th{padding:4% 5%;font-size:18px;}
    table.tbl_default tr td{padding:4% 5%;}


}


/* mobile ~ 767px */
@media (max-width:767px) {

    /*공통*/
    .btn_area.right{margin:0px auto 35px;}
    .btn_area a{font-size: 14px;width: 70px;padding: 8px;margin: 0;}


    /* search_box */
    .search_box{ text-align:center;}
    .search_box input{width:80%;font-size:14px;}

    /* board_list */
    .board_list .list_wrap ul li.none{font-size:16px;}
    .board_list .list_wrap ul li a > div.sort{width: 20%}
    .board_list .list_wrap ul li a > div.title{width: 60%}
    .board_list .list_wrap ul li a > div.date{width: 20%}

    /*board_gallery_list*/
    .board_gallery_list .list_item{width: 100%;float:none;margin-left:0;margin-bottom:30px;}
    .board_gallery_list .list_item:nth-child(3n-2){margin-left:0;}
    .board_gallery_list .list_item a .tit{margin-top:10px;}

    /*board_view*/
    .board_view .board_view_top{padding:4%;}
    .board_view .board_view_top h3{font-size:18px;}
    .board_view .board_view_top .info{margin-top:0;}
    .board_view .board_view_top .info dt, .board_view .board_view_top .info dd{font-size:13px;}
    .board_view .board_view_top .info dd{margin-right:10px;}
    .board_view .board_view_content{min-height:150px;font-size:15px;padding:5% 4%;}
    .board_view .board_view_attach .file{padding:20px 4%;width:30%;}
    .board_view .board_view_attach .file_data{padding:20px 2%;}

    /*login*/
    .login{margin:45px auto;padding:10% 0;}
    .login_txt{font-size:17px;margin-bottom:20px;font-weight: 400;}
    .btn_login{margin-top:3px;font-size:16px;}
    .btn_join{font-size:16px;}
    .auth_box{padding-top: 20px;margin-top: 20px;}

    /*join_form*/
    .join_form{margin-bottom:35px;}
    .join_form_wrap .row_form dl dt{width:30%;}

    /*join_complete*/
    .join_complete{margin-bottom: 40px;}
    .join_complete .com_box{margin:0 auto;padding:50px 0;width:100%}
    .join_complete .com_box img{width:20%;}
    .join_complete .com_box .txt{padding:0;}
    .join_complete .com_box .txt .p1{font-size:24px;padding:25px 0 10px;}
    .join_complete .com_box .txt .p2{font-size:15px;}

    /*faq*/
    .faq_list{margin-top:50px;}
    .faq_list dt{padding:26px 18%;}
    .faq_list dt em{font-size:20px;left: 5%;}
    .faq_list dd{padding: 26px 18%;}
    .faq_list dt span{right:5%;}

    /*qna*/
    .qna .list_wrap ul li a > div.num {display: none;}
    .qna .list_wrap ul li a > div.title {width: 50%;}
    .qna .list_wrap ul li a > div.writer{font-size:15px;width: 12%;}
    .qna .list_wrap ul li a > div.date{font-size: 15px;}
    .qna .list_wrap ul li a > div.state {width: 18%;}
    .qna .list_wrap ul li a > div.state span{font-size: 13px;padding:6px 8px;font-weight: 400;}

    /*list_default*/
    .list_default .top, .list_default .cnt{font-size: 14px;}

    /*mypage*/
    .mypage p{font-size:16px;}

    /*table_default*/
    table.tbl_default tr td{font-size:16px;}

}

@media (max-width:558px) {
    .board_list .list_wrap ul li a > div.sort ,
    .board_list .list_wrap ul li a > div.title ,
    .board_list .list_wrap ul li a > div.date ,
    .board_list .list_wrap ul li a > div.writer ,
    .board_list .list_wrap ul li a > div.state
    {font-size: 15px;padding:24px 10px;}
    .qna .list_wrap ul li a > div.title {width: 56%;}
    .qna .list_wrap ul li a > div.writer {width: 19%;}
    .qna .list_wrap ul li a > div.date{display: none;}
    .qna .list_wrap ul li a > div.state {width: 25%;}
}


@media (max-width:320px) {
    .qna .list_wrap ul li a > div.title {width: 54%;}
    .qna .list_wrap ul li a > div.writer {width: 22%;}
    .qna .list_wrap ul li a > div.state {width: 21%;padding: 0;}
}