input{border:1px #e0e0e0 solid; height:28px; line-height:26px;}
input[type="submit"]{cursor:pointer}
input[type="file"]{border:0; color:#666;}
input[type="radio"]{border:0;}
select{background:#fff;}
/*password*/
.secret{background:#f5f5f5; padding:5px;}
.PW_box{border:1px #dedede solid; background:#fff ; position:relative; padding:110px 0; text-align:center;}
.PW_box p{font-size:17px; line-height:28px; text-align:center;}
.pw_input{border:1px #e0e0e0 solid; border-radius:3px; padding:11px 20px; display:inline-block; margin:22px auto;}
.pw_input span{color:#838383; display:inline-block; border-right:1px #e0e0e0 solid; font-size:14px; padding-right:20px; margin-right:5px;}
.pw_input input{border:0; width:200px;}
.s_button{text-align:center; margin:30px auto; width:324px;}
.s_button a{display:inline-block; height:38px; line-height:38px; font-size:15px;  color:#fff; background-color:#454545; padding:0 26px; margin:0 5px;}
.s_button .secret{ background:#ae8562 url(../../images/board/board_img.png) no-repeat -20px -3px; padding:0 26px 0 44px;}

/*button*/
.button{text-align:right; margin-top:35px; position:relative;}
.button a{display:inline-block; background:#777;  text-align:center;border-radius:2px;}
.button a span{display:inline-block; padding:0 25px 0 25px; color:#fff;height:35px;line-height:35px; }
.button a.list{background-color:#526f8f;}
.button a.write{background-color:#ae8562;}
.button a.answer{}
.button a.ok{background-color:#ae8562;}

/*paging*/
.paging{text-align:center;}
.paging a{ }
.paging a, .paging strong{display:inline-block; height:33px; line-height:33px;  vertical-align:top; padding:0 7px; font-family: 'Roboto', sans-serif; font-size:12px; color:#374652; min-width:20px;}
.paging a.border_num{display:inline-block;position:relative; margin-left:-1px;}
.paging strong{font-weight:900; background:#545454; color:#fff; height:35px;}
.paging a:hover{color:#333;}
.paging .first,.paging .prev, .paging .next, .paging .last{padding:0; border:0;}
.paging span{text-indent:-9999px; overflow:hidden; display:block; width:33px; height:33px; background:url(../../images/board/board_img.png) no-repeat; border:1px #b8bcc0 solid;}
.paging .first span{background-position:center -140px; border-right:0;}
.paging .prev span{background-position:center -260px; margin-right:10px;}
.paging .next span{background-position:center -220px; margin-left:10px;}
.paging .last span{background-position:center -180px; border-left:0;}

/*search*/
.b_search{text-align:center;margin-top:30px; border:2px #323850 solid; padding:30px 0; margin-bottom:20px;}
.b_search select, .b_search .search_box{ border:1px #a8adb2 solid; padding:0 5px;}
.b_search select{height:38px; padding:4px; width:120px;}
.b_search .search_box{display:inline-block; height:36px; zoom:1; *display:inline; width:35%; background:#fff; position:relative; padding-right:65px;}
.b_search input{border:0; line-height:38px; height:34px;}
.b_search input[type="text"]{width:90%;}
.b_search input[type="submit"]{ text-align:center; padding:0 20px; background:#345983; color:#fff; position:absolute; height:38px; line-height:38px; right:-1px; top:-1px;}

/*분류*/
.divi{text-align:center; margin-bottom:20px; border:1px #c9c9c9 solid; padding:20px 0; width:100%;}
.divi p{font-size:15px; display:inline-block; margin-right:5px;}
.divi select{border:1px #bfbfbf solid;width:50%; height:32px;}
.divi button{width:18%; background:#f25c24; text-align:center; color:#fff;line-height:30px;}
.divi fieldset{display:inline-block; width:100%;text-align:center;}


/*gallery*/
#gallery{margin:15px 0; border-top:3px #323850 solid; padding:10px 0;}
#gallery ul{border-bottom:1px #a9b2bb solid; }
#gallery ul li{width:33.3%;  overflow:hidden;  float:left; text-align:center; margin-bottom:35px; *zoom:1;*zoom:1;}
#gallery ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gallery_ul a{display:block; width:100%; max-width:302px;overflow:hidden;margin:10px auto;}
.gallery_ul .g_img{width:100%; max-width:300px; overflow:hidden; border:1px #e0e0e0 solid;}
.gallery_ul .g_img img{width:100%;}
/*.gallery_ul .g_img img{transition:transform 0.2s ease 0s}
.gallery_ul a:hover .g_img img{-ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}*/
.gallery_ul .g_title{line-height:18px; height:36px; overflow:hidden; margin-top:10px; font-size:14px; text-align:left;}
.gallery_ul .nada{position:relative; height:18px; line-height:18px; margin-top:10px; font-size:12px; overflow:hidden; text-align:left;}
.gallery_ul .nada .g_name{ width:150px; overflow:hidden; color:#2f71a5; text-align:left; }
.gallery_ul .nada .g_data{position:absolute; right:0px; font-family:verdana; font-size:11px; font-style:italic; color:#999; bottom:0; padding-top:2px;}

/*list*/
#list table .eng, #list table .name{text-align:center;color:#666; font-size:13px;}
#list table{margin-bottom:30px;}
#list table td{padding:10px 5px; border-bottom:1px #c9c9c9 solid; font-size:14px; color:#777;}
#list table th{ padding:10px 0; border-top:2px #323850 solid;  border-bottom:1px #c9c9c9 solid; font-size:14px; background:#f3f3f3;}
#list table td a{display:inline-block; margin-right:2px; max-width:465px; overflow:hidden; vertical-align:middle; height:23px; line-height:23px; color:#2e3a42;}
#list table td a:hover{color:#a85915;}

#list table tr.notice_line td{background-color:#ecf2f3; border-bottom:1px #cfd6dd solid;}
#list table .notice_ico{display:inline-block; width:31px; height:21px; font-size:18px; color:#3686ab;}
#list table .notice_ico em{font-size:0;}

#list table td a .que{padding:0 5px; color:#fff; background:#777; border-radius:2px; display:inline-block; font-weight:bold; margin-right:7px; font-size:13px;}
#list table td a .ans{padding:0 5px; color:#fff; background:#245b9a; border-radius:2px; display:inline-block; font-weight:bold; margin-right:7px; font-size:13px;}
#list table tr.list_bottom td{border-bottom:0;}
.table{background:#fff;}
.move01{font-weight:bold; color:#222323;}
.move02{font-weight:bold; color:#c43e4f;}
.move03{font-weight:bold; color:#b07400;}
.sch_list_day{font-family:verdana; font-weight:bold; color:#605248;}

.ico{display:inline-block; overflow:hidden; background:url(../../images/board/board_img.png) no-repeat; height:11px; vertical-align:middle; font-size:0; padding-left:3px;}
.file_ico{background-position:center -80px; width:22px;}
.secret_ico{background-position:center -110px; width:36px;}
.new_ico{background-position:center -50px; width:22px;}

/*list01*/
#list table.list01 td{text-align:center;}
/*sns-box*/
.sns-box{text-align:left; margin-bottom:10px; position:relative;}
.sns-box button{font-size:13px; display:inline-block; padding:3px 5px; margin-left:0px; background:#4d5455; color:#fff; border-radius:3px;  }
.sns-box button i{margin-right:3px;}
.sns-box .sns-more{position:absolute; top:0px; right:0;}
.sns-box .sns-more button{width:24px; height:24px; padding:0; font-size:0; background:url(../../images/board/sns-ico.jpg) no-repeat; background-size:130px 26px; margin-right:3px;}
.sns-box .sns-more button.fbook-btn{background-position:-1px 50%;}
.sns-box .sns-more button.twt-btn{background-position:-27px 50%;}
.sns-box .sns-more button.cacao-btn{background-position:-53px 50%;}
.sns-box .sns-more button.cstory-btn{background-position:-79px 50%;}
.sns-box .sns-more button.nband-btn{background-position:-105px 50%;}

/*view*/
#view,#write{font-size:13px; /*padding-top:55px;*/ width:100%;}
.V_tit{border-top:2px #323850 solid;  border-bottom:1px #c9c9c9 solid; position:relative; font-size:14px;}
.V_tit .VT01{color:#401e11;  padding:15px 10px; border-bottom:1px #c9c9c9 solid; font-size:16px;}
.V_tit .VT02{padding-left:10px;}
.V_tit .VT02 p{display:inline-block; width:30%; padding:8px 0; color:#333;}
.V_tit .VT02 p span{display:inline-block; border-right:1px #c9c9c9 solid; color:#666; padding-right:10px; margin-right:10px;}
.V_tit:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.V_info{border-bottom:1px #e0e0e0 solid;}
.V_info li{float:left; width:33%; margin:7px 0; color:#888;}
.V_info span{display:inline-block; border-right:1px #c8c8c8 dashed; padding-right:12px; margin-right:12px; margin-left:7px; color:#555;}
.V_info:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.V_txt{padding:30px 10px; line-height:1.6; border-bottom:1px #a9b2bb solid; color:#444;}
.V_ans{position:relative; padding:30px; padding-left:95px; color:#5f5f5f; line-height:1.6; }
.V_ans span{position:absolute; display:block; left:0px; top:25px; width:75px; height:36px; text-align:center; line-height:36px; font-weight:700; color:#b44604; font-size:16px; border-right:1px #c8c8c8 solid;}
.file-box{border-top:1px #e0e0e0 solid; background:#f3f6f8;}
.file-box dt{float:left; width:10%; padding:8px 0; text-align:center; height:100%; }
.file-box dd{float:left; background:#fff; width:90%; }
.file-box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.V_file ul{border-left:1px #e0e0e0 solid;}
.V_file p{display:inline-block; color:#333; padding:0 15px;}
.V_file li{padding:8px; color:#9d9d9d; border-top:1px #e0e0e0 dashed;}
.V_file li:first-child{border-top:0;}
.V_file li a{display:inline-block; color:#6c8993; /*background:url(../../images/board/board_img.png) no-repeat 22px -908px; padding-left:46px;*/ margin-right:6px;}
.V_file li a:hover{text-decoration:underline;}
.V_file li a i{vertical-align:middle; margin-left:5px;}
#view table td ,#view table th{border:1px #ccc solid; border-left:0; border-top:0;}
#view table td:first-child, #view table th:first-child{border-left:1px #ccc solid;}
#view table{border-top:1px #ccc solid;}


.re_write div label{display:inline-block; margin-right:8px;}
.re_write div .re_pass{margin-left:15px;}
.wrtie_pp{background:#f4f4f4; padding:20px 28px; border-top:1px #a9b2bb solid;}
.wrtie_pp p{display:inline-block;}
.wrtie_pp p input{border:1px #e0e0e0 solid;}
.re_write div label.blind{display:none;}

.re_textarea{border:1px #e0e0e0 solid; background:#fff; height:64px;margin-top:20px; width:100%}
.re_textarea textarea{width:80%; height:54px; padding:5px 10px;left:0; float:left;}
.re_textarea input[type="button"]{ display:block; background:#888f96; width:85px; height:64px; text-align:center; line-height:64px; border:1px #7c838b solid; font-size:13px; color:#fff; float:right;}
.re_list li{border-top:1px #e0e0e0 solid; position:relative; padding:10px;}
.re_list{border-bottom:1px #a9b2bb solid;}
.re_button{position:absolute; right:10px; top:15px; z-index:888;}
.re_button button{border:1px #bdbdbd solid; border-radius:3px; font-size:11px; padding:2px; margin-left:3px; color:#777;}
.re_txt{padding:5px 0 10px; color:#4f4f4f;}
.re_info{margin:5px 0; line-height:13px;}
.re_info .re_name{color:#5f87be; display:inline-block; padding-right:5px; margin-right:5px; border-right:1px #e0e0e0 solid;}
.re_textarea .rere_txt{width:600px}
.re_info .eng{font-size:11px; color:#999;}
.re_list .re_textarea{width:100%;}
.re_list .re_textarea textarea{width:80%;}

.pass_mobile{display:inline-block; margin-left:10px;}

.next_prev{position:relative; border:1px #a9b2bb solid; border-width:0 0 1px 0;}
.next_prev ul{}
.next_prev li{width:100%; padding:8px 0; height:28px; line-height:28px; overflow:hidden;}
.next_prev a{color:#444; font-size:14px;  margin-right:3px; }
.next_prev li.V_next{border-top:1px #e0e0e0 solid;}
.next_prev span{display:inline-block; width:100px; margin-right:20px; border-right:1px #e0e0e0 solid;}
.next_prev i{font-size:22px; line-height:100%;  vertical-align:middle; padding:0 10px;}

/*table-view*/
#sub-content .table-view table, #sub-content .table-view td, #sub-content .table-view th{font-size:14px;}
.table-view th{background:#f3f3f3; border-bottom:1px #c9c9c9 solid; border-right:1px #c9c9c9 solid; padding:10px 0;}
.table-view td{padding:10px; border-bottom:1px #c9c9c9 solid;}
.table-view tr:first-child th, .table-view tr:first-child td{border-top:3px #323850 solid; }
.table-view .V_file ul{border-left:0;}
.table-view .V_file li{padding:8px 0;}
.table-view a, .table-view a:hover{text-decoration:underline; display:block; word-break:break-all;}
#view01 .next_prev{margin-top:25px; border:1px #c9c9c9 solid;; border-width:1px 0;}
#view01 .next_prev span{width:20%; background:#f3f3f3; font-size:14px;text-align:center; vertical-align:top;}
#view01 .next_prev li{padding:0; line-height:44px; height:44px;}
#view01 .next_prev i{padding:0; padding-right:5px;}
.table-view td.book-img{border-right:1px #ccc solid; }
.book-img img{width:100%}
.book-img02{text-align:center;}
.book-img02 img{width:100%; max-width:500px;}
#archive-view .table-view tr:first-child th, #archive-view .table-view tr:first-child td{border-top:0;}
.table-view th.book-title{padding:0; background:#3e3937; border-bottom:0; text-align:left; position:relative;}
.table-view th.book-title p{padding:10px 15px; color:#fff; font-size:18px; padding-right:100px;}
.table-view th.book-title p span{display:block; font-size:14px; color:rgba(255,255,255,0.7); margin-top:3px; margin-bottom:5px;}
.table-view th.book-txt-tit{border-right:0; padding:10px;}

.table-view th.book-title .book-down{position:absolute; right:15px; top:12px; }
.table-view th.book-title .book-down a{display:table-cell; width:50px; height:50px; vertical-align:middle; text-align:center; color:#2b201b; text-decoration:none; background:#fff; border-radius:50%;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.3s;
-webkit-transition-property:background;
transition-property: background;}
.table-view th.book-title .book-down a i{font-size:26px; vertical-align:middle;}
.table-view th.book-title .book-down a:hover{background-color:#6e574c;}
.table-view th.book-title .book-down a:hover i{color:#fff}


.view-online-link{text-align:left; position:absolute; left:0; color:#fff;}
.view-online-link i{display:inline-block; padding-right:5px;}

/*write*/
.star{color:#dc5353; vertical-align:top; display:inline-block; margin-right:3px;}
.W_agree{ border:2px #323850 solid; padding:15px; color:#33373a;}
.refer_txt{text-align:right;margin:30px 5px 5px; color:#666;}
.ag_tit{color:#401e11; font-size:15px; font-weight:500;}
.W_agree p{margin-bottom:8px; line-height:1.7;}
.W_agree strong{margin-top:18px; display:block; background:#75625b; color:#fff; padding:5px 10px; display:inline-block;}
.W_agree ul li{margin-bottom:10px;}
.W_agree ul li span{display:inline-block; width:55px; font-weight:700;}
#write fieldset{background:#401e11; line-height:42px; text-align:right; color:#fff; font-size:13px;  font-weight:400;}
#write fieldset input{margin:0 3px;}
#write fieldset label{margin-right:15px;}
#write input{padding:0 5px; border:1px #e0e0e0 solid;}
#write input[type="file"]{border:0;}
#write table{border-top:2px #323850 solid;}
#write table th{background:#f3f3f3; border-bottom:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; font-size:13px; text-align:left; padding-left:15px; width:100px;}
#write table td{padding:7px 5px; border-bottom:1px #e0e0e0 solid;}
.captcha_txt{margin:0 5px 0 15px;}
#write .W_title{width:85%;}
#write .mu-input select{border:1px #e0e0e0 solid; height:28px; line-height:26px; background:#fff;}


/* FAQ */
.f_list{margin-top:10px;border-top:2px #3c4c5f solid; margin-bottom:30px; font-size:13px;  line-height:18px;}
.f_list dl{border-bottom:1px solid #e3e3e3;}
.f_list dt{position:relative;}
.f_list dt a,.f_list dd{color:#333}
.f_list dt a{display:block;padding:20px 15px 20px 60px}
.f_list dt a:hover{background:#f7f7f7;text-decoration:none}
.f_list dt strong{margin-right:6px}
.f_list dd{display:none;position:relative;padding:20px 15px 20px 60px;border-top:1px dashed #e0e0e0;background:#f7f7f7;}
.f_list .img_ico{display:block;position:absolute;top:20px;left:15px; width:31px; height:21px;background:url(../../images/board/board_img.png) no-repeat; overflow:hidden; font-size:0;}
.f_list .ico_q{background-position:0 -1100px;}
.f_list .ico_a{background-position:0 -1300px;}
.f_list .current.faq_all{margin-top:0;border:0;border-bottom:1px solid #e0e0e0;}
.f_list .current dt a{font-weight:bold;color:#333;}
.f_list .current dt a:hover{background:#fff;}
.f_list .current dt .ico_q{background-position:0 -1200px;}

.button .faq_btn{display:inline-block; height:30px; border-bottom:2px #747b7d solid;  vertical-align:top;  text-align:center; background:url(../../images/board/board_img.png) left -350px repeat-x;}
.button button{display:inline-block; background:url(../../images/board/board_img.png) no-repeat -25px -1398px; font-size:13px; font-weight:bold; padding:0 18px 0 38px; color:#484f51;height:30px;line-height:30px;border:1px #e0e0e0 solid; border-bottom:0;}
.button.faq_button{margin-top:10px; margin-bottom:20px;}
.button.faq_button button{background:none; padding-left:18px;}

/*login-join*/
#login .input02 input{width:160px; }

#login{width:546px; margin:50px auto 0; position:relative; background:#f4f4f4; border:1px #d3d9dc solid; padding:80px;}
#login label{ line-height:46px; vertical-align:top; display:inline-block; width:70px;}
#login input{width:300px; line-height:46px; height:46px; margin-bottom:10px; padding:0 20px; color:#666;border:1px #e0e0e0 solid;}

#login select{height:48px; line-height:46px; vertical-align:top; border:1px #e0e0e0 solid; width:170px;}
.login_btn{text-align:right; border-top:1px #d3d9dc dashed; margin-top:20px;}
.login_btn a{display:inline-block; width:165px; background:#5c7383; text-align:center; margin-left:10px; margin-top:20px; line-height:38px; color:#fff; }
.login_btn a:hover{color:#fff;}
.login_btn a.join_confirm{background:#1c63bb}
.submit_btn{position:absolute; top:80px; right:80px;}
.submit_btn button{display:block; background:#1c63bb; width:120px; height:106px; line-height:106px; text-align:center; color:#fff; font-size:15px;}
#join input[type="radio"], .join_step03 input[type="radio"]{width:15px; height:15px; line-height:1.0; margin:0; padding:0; border:0;} 

.login_search_btn{text-align:center; padding-top:10px;}
.login_search_btn button{display:inline-block; background:#1c63bb; line-height:38px; padding:0 30px; font-size:1.15em;  color:#fff; font-family:'notokr-m';}
.login_txt, .join_txt{margin-bottom:25px; font-size:1.16em; color:#1e487c;}
.JT02{color:#c63705; font-family:'notokr-m';}
.search_txt{margin-bottom:30px; width:88%; font-family:'notokr-m'; word-break:keep-all; word-wrap:break-word; line-height:1.6em; font-size:1.15em; text-align:justify; color:#534a48;}
.search_txt span{text-decoration:underline;}
#login.login_search{margin:0 auto; text-align:center;}
.tab_top{margin-bottom:25px; text-align:center;}
.tab_top a{display:inline-block; line-height:44px; padding:0 30px; background:#a4a7a9; color:#fff; font-size:16px; margin:0 2px;}
.tab_top a:hover,.tab_top a:visited{color:#fff;}
.tab_top a.selected{background:#1c63bb;}

/*Modify*/
#modify{border-top:3px #323850 solid;}
#modify th{border-bottom:1px #c9c9c9 solid;background:#f3f6f8; border-right:1px #c9c9c9 solid; word-break:keep-all;}
#modify td{padding:10px;border-bottom:1px #c9c9c9 solid;}
#modify input{border:1px #e0e0e0 solid; width:30%; line-height:32px; height:32px;}
#modify .mo-email input{width:30%;}
#modify .mo-email select{border:1px #c9c9c9 solid; line-height:32px; height:32px; width:25%;}
.mo-ex{font-size:13px; color:#f25c24; display:inline-block; margin-left:5px;}

/*webzine*/
#webzine_list{width:100%; border-top:3px #323850 solid; border-bottom:1px #c9c9c9 solid; margin-bottom:30px;}
.wz_box{ padding:25px 0; border-top:1px #c9c9c9 solid; position:relative; *zoom:1; min-height:120px;}
.wz_box div{float:left; *zoom:1;}
#webzine_list .wz_box:first-child{border-top:0;}
.wz_box div.pic{width:16%; margin-right:2%;}
.wz_box div.pic img{border:1px #efefef solid; width:100%;}
.wz_box div.text{width:82%;}
.wz_box div.text .subject{font-family:'notokr-m'; height:22px; line-height:22px; overflow:hidden; margin:5px 0;}
.wz_box div.text .body{line-height:22px; height:44px; overflow:hidden;}
.wz_box div.text .status{position:absolute; bottom:25px; font-size:0.95em; color:#999;}
.wz_box div.text .status em{display:inline-block; padding:0 5px; color:#c9c9c9;}
.wz_box div.text .g_name{color:#2f71a5;}
.wz_box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}


/*archive-list*/
.archive-search{border:2px #323850 solid; padding:30px; margin-bottom:50px;}
.archive-search div{display:inline-block; width:32%; margin-left:1%; }
.archive-search div p{position:relative; height:40px; padding-left:90px;}
.archive-search div span{display:inline-block; position:absolute;  left:15px; color:#401e11; line-height:40px; background:url(../../images/sub/but01.gif) no-repeat 0 50%; padding-left:8px;}
.archive-search div input{height:38px; display:inline-block; width:100%;}
.archive-search div.arc-search01{margin-left:0; width:32.7%;}
.archive-search div.arc-search01 p{padding-left:80px;}
.archive-search div.arc-search03 p{padding-left:65px;}
.archive-search div.arc-search04{width:100%; margin-top:20px;margin-left:0;}
.archive-search div.arc-search04 p{padding-left:65px;}
.archive-search .arc-btn{text-align:center; margin-top:20px; padding-top:20px; border-top:1px #dcd0cb dashed}
.archive-search .arc-btn input{padding:0 50px; line-height:45px; height:auto; border:none; display:inline-block; background-color:#345983; color:#fff; border-radius:2px;}

.arc-list-total{text-align:right; color:#777; margin-bottom:5px;}
.arc-list-total span{color:#d8913d;}

.archive-list table{margin-bottom:30px;}
.archive-list table th{padding:15px 0; border-top:2px #323850 solid;  border-bottom:1px #c9c9c9 solid; color:#383d3f; background:#f3f3f3;}
.archive-list table th:first-child, .archive-list table td:first-child{border-left-width:0;}
.archive-list table td{text-align:center;padding:15px 5px; border-bottom:1px #c9c9c9 solid; color:#777;}
.archive-list table td.arc-view-link a{display:block; text-align:left; color:#35424b; padding:5px 10px;word-break:break-all;}
.archive-list table td.arc-view-link a p{display:inline; color:#383d3f; margin-left:5px;}
.archive-list table td.arc-view-link a:hover, .archive-list table td.arc-view-link a:hover p{color:#a85915;}

.archive-search.arc-img-search div{width:48%; margin-bottom:20px;}
.archive-search.arc-img-search div.arc-search09{width:98%;}
.archive-search.arc-img-search select{height:38px; border:1px #c9c9c9 solid; width:100%;}



/*archive-list02*/
.archive-list02{margin-bottom:30px;}
.archive-list02 ul{border-top:2px #383d3f solid}
.archive-list02 li{position:relative; padding:20px 0; border-bottom:1px #e2e6ea solid}
.archive-list02 li .arc-num{position:absolute; padding-top:10px;}
.archive-list02 li .arc-num p{color:#6b4d33; font-size:18px; width:80px; text-align:center;}
.archive-list02 li .arc-num span{font-size:13px; color:#bbb19e; display:block;}
.archive-list02 li .arc-link{position:absolute; right:0; top:40px;}
.archive-list02 li .arc-link a{background:#fff; border:2px #6b4d33 solid; color:#6b4d33; padding:8px 13px;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.3s;
-webkit-transition-property:background;
transition-property: background;}
.archive-list02 li .arc-link a:hover{background:#6b4d33; color:#fff; border-color:transparent;}
.archive-list02 li .arc-link a i{margin-right:2px;}
.archive-list02 li .arc-txt{margin-left:80px; padding-left:20px; padding-right:140px; border-left:1px #e2e6ea solid;}
.archive-list02 li .arc-txt .arc-txt-tit{font-size:18px; padding-bottom:5px;}
.archive-list02 li .arc-txt .arc-txt-tit .ATT-lang01{display:block; font-size:13px; color:#365481; line-height:20px; height:20px; overflow:hidden; margin-bottom:5px;text-overflow:ellipsis;}
.archive-list02 li .arc-txt .arc-txt-tit .ATT-lang02{max-height:50px; line-height:25px; overflow:hidden; width:100%;}

.archive-list02 li .arc-txt .arc-txt-info{color:#666; font-size:13px; font-size:300; margin-top:5px;}
.archive-list02 li .arc-txt .arc-txt-info p{margin-right:20px;}
.archive-list02 li .arc-txt .arc-txt-info span{display:inline-block; color:#383d3f; font-weight:400; margin-right:5px;}
.archive-list02 li .arc-box{display:table-cell; vertical-align:middle;}
.archive-list02 li .arc-num .arc-box{width:50px; text-align:center;}
.archive-list02 li .arc-txt .arc-txt-info p{display:inline-block;}




/*archive-img-list*/
.archive-img-list table{margin-bottom:30px;border-top:2px #323850 solid;}
.archive-img-list table td:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.archive-img-list table td{border-bottom:1px #c9c9c9 solid; padding:20px 0 40px;}
.archive-img-list table dt, .archive-img-list table dd{float:left; width:60%;}
.archive-img-list table dt{width:35%; padding-top:20px; position:relative;}
.archive-img-list table dt img{width:100%;}
.archive-img-list table dt a{position:absolute; width:100%; height:100%; text-align:center;font-size:0; background:url(../../images/sub/more-icon.png ) rgba(66,30,10,0.7) no-repeat 50%; opacity:0;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: color, opacity;}
.archive-img-list table dt a:hover{opacity:1;}

.archive-img-list table dd{margin-left:5%;}
.archive-img-list table dd ul{padding-top:20px;}
.archive-img-list table dd ul li{color:#777; padding-bottom:5px;}
.archive-img-list table dd ul li span{color:#2e3a42; display:inline-block; margin-right:5px; background:url(../../images/sub/but01.gif) no-repeat 0 50%; padding-left:7px;}
.archive-img-list table dd ul li.AIM-tit{font-size:16px; color:#383d3f; margin-bottom:20px; border-bottom:1px #c9c9c9 dashed; padding-bottom:20px; display:inline-block; width:80%;}
.archive-img-list table dd ul li.AIM-tit p{max-height:40px; line-height:20px; overflow:hidden;}
.archive-img-list table dd ul li.AIM-tit .tit-kor{font-size:13px; color:#888; max-height:40px; line-height:20px; overflow:hidden; margin-top:5px;}





@media screen and (max-width:1199px){
.gallery_ul a{width:96%;}
}

@media screen and (max-width:1024px){
/*gallery*/
#gallery ul li{margin-left:0px; margin-bottom:20px; float:none; width:100%; height:100%;}
.gallery_ul a{width:100%;}
.gallery_ul .g_img{width:99%; height:100%;}
.gallery_ul .g_img img{width:100%;}
.gallery_ul .nada{margin-top:5px;}
.gallery_ul .nada .g_name{display:none;}
.gallery_ul .nada .g_data{font-size:1.2em; position:relative; text-align:right; display:block;}

/*board*/
#FAQ dt{padding:17px; line-height:1.25em;}
#FAQ dt em{padding-right:40px;}
#FAQ dt button{background-image:url(../../images/contents/faq_arrow_mobile.png); background-size:50px 100px;}

#list .table{display:block; width:100%; border-top:2px #323850 solid;}
#list .table thead th, #list .table colgroup{display:none;}
#list .table tbody{display:block; width:100%;}
#list .table td{padding:0;}
#list .table tr.notice_line{background:#ecf2f3;}
#list .table tr.notice_line td{border-bottom:0;}
#list .table tr{border-bottom:1px #cfd6dd solid; display:block; width:100%; text-align:left;}
#list .table td:nth-child(1){display:none;}
#list .table td,#list table tr.notice_line td{display:inline-block; border-bottom:0; margin-right:5px; padding-left:5px; border-left:1px #e0e0e0 solid; margin-bottom:5px; font-size:12px;}
#list .table.notice-list td:nth-child(2){display:inline-block; width:100%; text-align:left; border-left:0; margin:0; margin:8px 0; padding:0;}
#list .table.notice-list td:nth-child(2) a{padding-left:1%; color:#222; font-size:12px; height:28px; line-height:28px;}
#list .table.notice-list td:nth-child(3){border-left:0;}
#list table td a{font-size:12px;}
#list table td a .que,#list table td a .ans{line-height:23px;}

#list .table.list01 tbody tr{position:relative; padding-top:47px;}
#list .table.list01 td{display:block; text-align:left; border-left:0; position:relative; padding-left:90px;}
#list .table.list01 td:nth-child(1){display:none;}
#list .table.list01 td:nth-child(4){display:block; width:100%; text-align:left; border-left:0; margin:0; padding:0; position:absolute; top:0; left:0; border-bottom:1px #e0e0e0 solid; background:#ecf2f3;}
#list .table.list01 td:nth-child(4) a{padding-left:1%; color:#222; font-size:15px; height:42px; line-height:42px;}
#list .table.list01 td:nth-child(2){border-left:0;}
#list .table.list01 td:before{display:block; position:absolute;  border-right:1px #e0e0e0 solid; width:70px; padding-left:5px; color:#51597c; margin-right:10px; height:100%; left:0;}
#list .table.list01 td:nth-of-type(2):before { content: "학교명";}
#list .table.list01 td:nth-of-type(3):before { content: "분류";}
#list .table.list01 td:nth-of-type(5):before { content: "장소";}
#list .table.list01 td:nth-of-type(6):before,#list .table.list01 td.j-data:before  { content: "일자";}

#list .table.list01 td.news:before { content: "보도매체명"; }
#list .table.list01 td.book-tit:before { content: "발행처"; }
#list .table.list01 td.book-data:before { content: "출간일"; }
/*webzine*/
.wz_box div.pic{width:100%;text-align:center;}
.wz_box div.pic img{width:100%; height:100%;}
.wz_box div.text{width:100%; margin-top:5px;}
.wz_box div.text .status{position:relative; bottom:0; margin-top:5px;}

.table colgroup{display:none;}
.b_search select{width:80%; margin-bottom:20px; font-size:12px;}
.b_search .search_box{width:70%; text-align:left;padding-right:10%;}
.b_search input[type="text"]{width:80%;}
.b_search input[type="submit"]{width:20%; padding:0; text-align:center; font-size:12px;}
.pass_mobile{display:block; margin-left:0px;}

/*password*/
.PW_box{padding:30px 10px;}
.PW_box p{font-size:14px;}
.pw_input{margin:10px auto;}
.pw_input span{display:none;}
.s_button{width:100%; margin:20px auto;}

/*write*/
.captcha_txt{display:block; margin-left:0;}
#write table{position:relative; width:100%;}
#write table th{display:block;width:96%; padding:10px 2%; border-right:0;}
#write table td{display:block; width:100%; padding:7px 0%;}
#write table input{width:88%; padding:0 1%;}
#write input[type="file"]{padding:0;}
#write table td.mu-input input{width:25%;}
.W_agree ul li span{display:inline-block;}

/*FAQ*/
.button.faq_button{margin-top:0px;}
.f_list{margin-bottom:10px;}

/*view*/
.V_tit .VT02 p{display:block; width:100%; padding:5px 0; font-size:12px;}
.V_tit .VT02 p span{width:40px;}
.V_ans{padding:15px;}
.V_ans span{position:relative; border-right:0; border-bottom:1px #c8c8c8 dashed; top:0; left:0; text-align:left; width:100%; margin-bottom:10px; }
.V_tit .VT02{position:relative; padding-left:10px; margin-top:10px;}
.pass_mobile{margin-top:5px;}
.re_textarea textarea{float:none;}
.re_textarea input[type="button"]{float:none; width:100%; height:32px; line-height:32px;}
.re_textarea{height:100%; background:none; border:0;}
.re_textarea textarea{padding:5px 0; border:1px #e9e9e9 solid; width:100%; margin-bottom:10px;}
.re_list .re_textarea textarea{width:100%;}
.re_txt{padding:10px 0;}
.next_prev a{font-size:12px;}
.next_prev a i{padding:0 3px;}
.next_prev a span{width:80px;}
.next_prev span{font-size:12px;}
.file-box dt{width:20%;}
.file-box dd{width:80%;}

/*login*/
#login{width:70%; margin:0 auto; padding:10%; margin-top:25px;}
#login input{width:85%;}
.submit_btn{position:relative; right:0; top:0; margin-top:10px;}
.submit_btn button{height:40px; line-height:40px; width:100%;}
.login_btn{padding-top:10px;}
.login_btn a{width:100%; margin-left:0; margin-top:10px;}


/*id,password*/
.search_txt{width:100%; text-align:left; font-size:1.1em;}
#login label{text-align:left; width:100%;}
#login.login_search{text-align:left;}


/*archive-list*/
.archive-search{padding:20px 10px;}
.archive-search div{width:100%; margin-left:0; margin-bottom:20px; font-size:12px;}
.archive-search div span{width:70px; left:0;}
.archive-search div.arc-search01{width:100%;}
.archive-search div.arc-search04{margin-top:0;}
.archive-search div.arc-search01 p,.archive-search div.arc-search02 p,.archive-search div.arc-search03 p,.archive-search div.arc-search04 p{padding-left:70px;}
.archive-search.arc-img-search div{width:100%;}
.archive-search.arc-img-search div p{padding-left:70px;}
.archive-search.arc-img-search select{font-size:12px;}

.archive-list table colgroup{display:none;}
.archive-list table td:nth-child(1), .archive-list table th:nth-child(1){display:none;}
.archive-list table{border-bottom:1px #c9c9c9 solid; border-top:2px #323850 solid; }
.archive-list table thead th{display:none;}
.archive-list table td{display:inline-block; text-align:left; padding:15px 5px;}
.archive-list table td:nth-child(2){display:block; border-top:1px #c9c9c9 solid; background:#f3f3f3; }
.archive-list table td:nth-child(2) a{font-size:13px;}
.archive-list table td:nth-child(3),.archive-list table td:nth-child(4),.archive-list table td:nth-child(5){padding-right:20px; border-bottom:0; font-size:12px;}
.archive-list table td:before{display:inline-block; color:#383d3f; font-size:12px; padding-right:5px;}
.archive-list table td:nth-child(3):before{content: "저자"; }
.archive-list table td:nth-child(4):before{content: "발행처"; }
.archive-list table td:nth-child(5):before{content: "발행년도"; }

/*archive-list02*/
.archive-list02 li .arc-num{display:none;}
.archive-list02 li .arc-txt{padding-left:0; margin-left:0; border-left-width:0;}

/*archive-view*/
#archive-view .table-view td,#archive-view .table-view th{display:block; padding:10px 2%; border-right-width:0; text-align:left;}
#archive-view .table-view th.book-title{width:100%; position:relative; padding:0;}
#archive-view .table-view .book-img{display:block; width:96%; padding:10px 2%; text-align:center;}
#archive-view .table-view .book-img img{max-width:300px; height:auto;}
#archive-view .table-view colgroup{display:none;}


/*archive-img-list*/
.archive-img-list table colgroup{display:none;}
.archive-img-list table td{display:block;}
.archive-img-list table dt{width:100%; text-align:center;}
.archive-img-list table dt img{max-width:300px;}
.archive-img-list table dd{width:100%; margin-left:0;}
.archive-img-list table dd ul li.AIM-tit{width:100%;}

.button a span{font-size:12px;}

}

@media screen and (max-width:600px){
#view01 .next_prev em{display:none;}
#modify input{width:90%;}
#modify .mo-email input{width:40%;}
#modify .mo-email select{width:90%; margin-top:8px;}

.archive-list02 li .arc-txt{padding-right:0;}
.archive-list02 li .arc-link{position:relative; top:auto; margin-top:20px; margin-bottom:10px;}

.paging a, .paging strong{height:20px; line-height:20px; min-width:auto;}
.paging span{width:20px; height:20px;}
.paging .first, .paging .last{display:none;}
.paging .next span{background-position:center -226px;}
.paging .prev span{background-position:center -267px;}

}