input{border:1px #e0e0e0 solid; height:40px; line-height:26px; font-size:1.7rem;}
input[type="submit"]{cursor:pointer}
input[type="file"]{border:0; color:#666; width:100%;     vertical-align: middle;    line-height: 40px;}
input[type="radio"]{border:0;}
label{cursor:pointer;}
.blind{display:none;}
.ico{display:inline-block; overflow:hidden; background:url(../../images/board/board_img.png) no-repeat; background-size:100px auto; height:22px; vertical-align:middle; font-size:0; padding-left:4px;}
.file_ico{background-position:-45px -74px; width:17px;}
.secret_ico{background-position:-45px -106px; width:23px;}
.new_ico{background-position:-43px -45px; width:19px;}

/*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 .secret{display:inline-block; height:38px; line-height:38px; font-size:15px; border-radius:5px;  color:#fff; background:#f6ad1f url(../../images/board/board_img.png) no-repeat -20px -3px; background-size:100px auto; padding:0 26px 0 44px;}

/*button*/
.button{text-align:right; margin-top:35px; }
.button.center{text-align:center;}
.button a{display:inline-block;  line-height:42px; text-align:center; color:#fff; font-size:1.5rem; padding:0 2rem; background:#444;}

.button a.list{background:#7e592f;}
.button a.list span{background-position:-25px -400px; color:#005497; padding-left:38px;}

.button a.write{background:#00567a;}
.button a.write span{background-position:-25px -450px; color:#dc5353; padding-left:38px;}

.button a.answer{background:#00567a;}
.button a.answer span{background-position:-25px -500px; color:#1a88a4; padding-left:38px;}

.button a.ok{background:#7e592f;}
.button a.ok span{background-position:-25px -550px; color:#005497; padding-left:38px;}

/*paging*/
.paging{text-align:center;}
.paging a{/*border:1px #b8bcc0 solid; border-left:0;*/}
.paging a, .paging strong{display:inline-block; height:33px; line-height:33px;  vertical-align:top; padding:0 6px; font-weight:500; font-size:1.4rem; color:#374652; min-width:20px;}
.paging a.border_num{/*border-left:1px #b8bcc0 solid*/}
.paging strong{font-weight:600; background:#404346; color:#fff; }
.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; background-size:100px auto; /*border:1px #b8bcc0 solid;*/}
.paging .first span{background-position:center -141px; border-right:0;}
.paging .prev span{background-position:center -262px; margin-right:10px;}
.paging .next span{background-position:center -221px; margin-left:10px;}
.paging .last span{background-position:center -181px; border-left:0;}

/*sns,search*/
.board-top:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

/*sns*/
.sns-box{float:left; width:100%; text-align:right;}
.sns-box button{font-size:0; vertical-align:top;}
.sns-box button i{font-size:1rem; background:#305198; display:block; width:28px; line-height:28px; color:#fff; border-radius:2px; }
.sns-box button.print-btn{font-size:0.75rem; line-height:20px; background:#333; color:#fff; padding:0 10px; border-radius:2px; margin-right:5px;}
.sns-box button.print-btn i{width:auto; display:inline-block; border-radius:0; background:transparent; margin-right:5px; vertical-align:middle;}
.sns-box button.twt-btn i{background:#2aade3;}
.sns-box button.cacao-btn i{background:#fcee2d; color:#391b19; font-size:1.25rem;}

/*search*/
.b-search{text-align:right;margin-bottom:25px; width:100%;   }
.b-search select{height:40px; line-height:40px; padding:4px 10px; border:1px #e0e0e0 solid; font-size:1.5rem;}
.b-search .search-box{display:inline-block;}
.b-search input{line-height:40px; height:40px;}
.b-search input[type="text"]{width:180px;}
.b-search input[type="submit"]{ text-align:center; padding:0 1.5rem; background:#333; color:#fff;  height:40px; line-height:40px; border:0; margin-left:5px; font-size:1.6rem;}

/*gallery*/
#gallery{padding-bottom:30px; width:100%; overflow:hidden; }
#gallery ul li{position:relative; width:calc((100% - 5%)/3); overflow:hidden; float:left; margin-left:2.5%; margin-bottom:2.5%; *zoom:1;}
#gallery ul li:nth-child(3n+1){margin-left:0;}
#gallery ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gallery_ul a{display:block; width:100%; overflow:hidden; margin-left:0; border-bottom:2px solid #e1e1e1; box-sizing:border-box;}
.gallery_ul .g_img{position:relative; overflow: hidden; text-align: center; background: #f5f5f5; height:215px; border:1px solid #e0e0e0; box-sizing:border-box;}
.gallery_ul .g_img img{display: inline-block; width: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height:215px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
/*.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_cont {padding:20px 0;}
.gallery_ul .g_title{line-height:23px; height:23px; overflow:hidden;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:1.8rem; font-weight:400;}
.gallery_ul .g_icon{height:13px; display:inline-block; margin-top:-2px;}
#gallery .gallery_ul .ico{vertical-align:middle;}
.gallery_ul .nada{position:relative;margin-top:10px;  color:#777; font-size:1.5rem; display:inline-block;}
.gallery_ul .nada span{display:inline-block; margin-right:15px;}
#gallery ul li:hover .g_title{text-decoration:underline;}

#gallery li .g_ico{position:absolute; top:1px; left:1px; width:50px; height:50px; background:#f6ad1f; color:#fff; font-size:2.5rem; text-align:center;}
#gallery li .g_ico i{line-height:50px; vertical-align:middle;}
#gallery li .g_ico.video_ico{background:#09ada4;}

.gallery_ul.youtube_link li{position:relative;}
.gallery_ul.youtube_link li .icon_box{position:absolute; top:0px; left:0px; z-index:1;}
.gallery_ul.youtube_link li .icon_box span{display:inline-block; width:45px; height:45px; text-align:center;  background:#00567a;}
.gallery_ul.youtube_link li .icon_box span i{color:#fff; font-size:2.5rem; line-height:45px; vertical-align:middle;}

/*gallery tab*/
.gallery-tab{margin-bottom:50px; text-align:center; }
.gallery-tab ul{max-width:1000px; margin:0 auto; text-align:left; }
.gallery-tab li{margin:0 7px; display:inline-block; width:23.2%; margin-top:15px; text-align:center;}
.gallery-tab li a{display:block; border:1px #e8e8ea solid; line-height:40px; padding:0 25px; border-radius:999px; font-size:1.6rem;}
.gallery-tab li.current a{color:#209d9a; border-color:#209d9a; font-weight:400;}

/*square_list*/
#square_list ul{font-size:0;}
#square_list li{display:inline-block; width:calc((100% - 7.5%)/4); margin-left:2.5%; margin-bottom:2.5%; font-size:1.8rem;}
#square_list li:nth-child(4n+1){margin-left:0;}
#square_list .gallery_ul .g_img{ border:1px solid #e0e0e0; background:none; box-sizing:border-box;}
#square_list .gallery_ul .g_img img{ box-sizing:border-box;}



/*list*/
#list table .eng, #list table .name, #list table .que{text-align:center; font-size: 1.7rem;}
#list table{border-top: 2px #333 solid; margin-bottom:30px; border-bottom:1px #b9b9b9 solid; font-size:1.5rem; border-left:0; }
#list table .notice_ico{display:inline-block; color:#f28101;  text-align:center; padding:1px 12px; vertical-align:middle; font-size:2rem; box-sizing:border-box; line-height:1.5;}
#list table td .comment{color:#d43636; font-weight:400; font-size:1.5rem; vertical-align:top; margin:0 3px;}
/*#list .table.list01 tr:nth-child(even){background:#f1f5fa; }
#list .table.list01.notice tr:nth-child(even){background:#fff; }*/
#list table td{padding:15px 0; border-top:1px #dee0e2 solid; border-left:0; border-bottom:0; position:relative; border-right:0;}
#list table td:nth-child(2){font-weight:400;}
#list table th{border-right:0; border-bottom:1px #b9b9b9 solid; border-left:0;  padding:10px 0;  font-weight:500;     font-size: 1.8rem; background:#fff; text-align:center;}
#list table td a{display:inline-block; margin-right:7px; max-width:576px; overflow:hidden; vertical-align:top;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.8rem;}
#list table tr.notice_line{background:#fbfbfb;  border-bottom:1px #cfd6dd solid;}
#list .table.list01.notice tr.notice_line:nth-child(even){background:#f1f5fa;  border-bottom:1px #cfd6dd solid;}
#list table tr.notice_line td a{font-weight:400;}
#list table td .que{padding:3px 10px; color:#fff; background:#777; border-radius:2px; display:inline-block; margin-right:7px; font-size:1.5rem;}
#list table td .ans{padding:3px 10px; color:#fff; background:#f28101; border-radius:2px; display:inline-block; margin-right:7px; font-size:1.5rem;}
#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;}
#list .ico{ position:relative; height: 22px;}
#list table td.list02-title{font-size:1rem;}
#list table td.list02-file{text-align:center;}
#list table td.list02-file a{font-size:0; width:32px; height:32px;}
#list table td.list02-file a i{font-size:1rem; border:2px #f05000 solid; border-radius:9999px; width:28px; line-height:28px; color:#f05000; transition-property: background;
  transition-duration: 0.2s;}
#list table td.list02-file a:hover i{background:#f05000; color:#fff;}
#list table.list03 td a{max-width:80%;}
.quest-list{margin-top:50px;}

/*온라인문의 - 답변대기/ 완료*/
#list table .que span{display:inline-block; padding:2px 10px; background:#777; color:#fff; border-radius:5px;font-size:1.6rem;}
#list table .que span.finish{background:#1f71b1;}


/*view*/
#view,#write{/*padding-top:55px;*/ width:100%; word-break:keep-all;}
.h_people{display:inline-block; padding:3px 20px; background:#0c7cd5; color:#fff; border-radius:999px; font-size:1.7rem; margin-right:10px;}
.V_tit{border-top:2px #333 solid; border-bottom:1px #b9b9b9 solid; padding:15px 0; position:relative; font-size:1.5rem; margin-top:20px; padding-left:15px;}
.V_tit.bc_blue{border-top-color:#0c7cd5;}
.V_tit .VT01{color:#000; font-weight:400; font-size: 2rem; line-height:1.5;}
.V_tit .VT02{margin-top:15px;}
.V_tit .VT02 p{display:inline-block; font-size:1.6rem; color:#666; position:relative; margin-right:50px;} 
.V_tit .VT02 p span{display:inline-block; margin-right:20px;}
.V_tit .VT02 p span:after{content:""; display:inline-block; background:#dcdcdc; width:1px; height:14px; position:absolute; top:50%; margin-top:-7px;margin-left:10px;}

.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:40px 30px; line-height:1.6; /*border-bottom:1px #b9b9b9 solid;*/ color:#444;}
.V_txt img { display: block; max-width: 900px !important; width:auto !important; margin: 0 auto; margin-bottom:30px;}
.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:bold; color:#b44604; font-size:16px; border-right:1px #c8c8c8 solid;}
.V_file{margin-top:10px; /*border-bottom:1px #e0e0e0 solid; background:#fcfdff;*/}
.V_file li{/*padding:8px 0; border-top:1px #e0e0e0 dashed;*/ color:#9d9d9d;  font-size:1.4rem; text-align:right;}
.V_file li:first-child{border-top:0;}
.V_file li a{display:inline-block;  color:#543511; background:url(../../images/board/board_img.png) no-repeat -40px -76px; background-size:100px auto; padding-left:28px; margin-right:6px; font-size:1.5rem; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.V_file li a:hover{text-decoration:underline;}
.V_file li span{display:inline-block; vertical-align:top;}
#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;}

.EV-date{padding:10px 15px; background:#f9f9f9; border-bottom:1px solid #ddd; color:#1a78bf; font-weight:400; }
#commu_event_view .V_txt{padding:20px 15px; border-bottom:1px solid #b9b9b9 ;}

.re_write div label{display:inline-block; margin-right:8px;}
.re_write div .re_pass{margin-left:15px;}
.wrtie_pp{background:#f9f9f9; padding:20px 28px; border-top:1px #b9b9b9 solid;}
.wrtie_pp p{display:inline-block; margin-right:10px; margin-bottom:10px; font-size:1.6rem;}
.wrtie_pp .re_tit{ font-size:1.8rem; color:#1f71b1; display:block; font-weight:500;}
.wrtie_pp .re_tit i{ margin-right:5px;}
.re_write div label.blind{display:none;}

.re_textarea{background:#fff; height:64px;margin-top:20px;position:relative; padding-right:85px;}
.re_write .re_textarea{ margin-top:10px;}
.re_textarea textarea{width:100%; height:64px; padding:5px 0; font-size:0.875rem; border:1px solid #e0e0e0; box-sizing:border-box;}
.re_textarea input[type="button"]{ display:block; background:#1f71b1; width:85px; height:64px; border:2px solid #1f71b1; text-align:center; line-height:64px;  font-size:1.5rem; color:#fff; position:absolute; right:0; top:0;}
.re_list li{border-top:1px #e0e0e0 solid; position:relative; padding:15px 20px;}
.re_button{position:absolute; right:10px; top:10px; z-index:7;}
.re_button button{border:1px #bdbdbd solid; border-radius:3px; font-size:1.3rem; padding:0px 8px; margin-left:8px; color:#777; }
.re_txt{padding-top:10px; padding-right:88px; color:#4f4f4f; font-size:1.6rem;}
.re_info{margin:5px 0; line-height:13px; font-size:1.6rem;}
.re_info .re_name{color:#1f71b1; display:inline-block; padding-right:10px; margin-right:10px; border-right:1px #e0e0e0 solid; font-weight:400;}
.re_textarea .rere_txt{width:600px}
.re_info .r_date{color:#999;}
.re_list .re_textarea textarea{width:100%;}


.next_prev{border:1px #b9b9b9 solid; border-width:1px 0; font-size:1.5rem;}
.next_prev ul li{line-height:55px; height:55px; position:relative; padding-left:220px;}
.next_prev ul li:first-child{border-bottom:1px #e0e0e0 solid; }
.next_prev span{display:inline-block; position:absolute; left:0; width:200px; text-align:center; /* border-right:1px #e0e0e0 solid; background:#f4f4f4;*/}
.next_prev span i{margin-right:10px;}
.next_prev a{display:block; line-height:55px; height:45px; overflow:hidden;  color:#444;}
.next_prev a.V_next{}

.news-link{background:#f7f3ec; border-bottom:1px #d5d0cd solid; padding:10px; font-size:1.5rem;}
.news-link li{position:relative;padding-left:45px;}
.news-link span{display:inline-block; color:#683f2a; margin-right:10px; padding-right:10px; position:absolute; top:0; left:0;}
.news-link span:after{display:inline-block; content:""; width:1px; height:16px; background:#a49e9a; position:absolute; right:0; top:50%; margin-top:-8px;}
.news-link a{word-break:break-all;}
.news-link a:hover{text-decoration:underline;}

.youtube_box {text-align: center;  margin-bottom:25px;}
.youtube_box iframe { max-width: 100%;  width: 650px;  height: 366px; border:0;}


/*online-view*/
#view.on-view .V_tit{position:relative; margin-top:0; padding:25px 0 25px 20px;}
#view.on-view .V_tit .VT01{padding-right:200px; font-size:2.1rem;}
#view.on-view .V_tit .VT02{position:absolute; top:50%; right:20px;  margin-top:0; transform:translateY(-50%);}
#view.on-view .V_tit .VT02 p{margin-right:0;}
#view.on-view .onv-txt{border-bottom:0; padding:0;}
#view.on-view table{border-top:0; }
#view.on-view table th{border-left:0; vertical-align:top; border-color:#e0e0e0;}
#view.on-view table td{border-right:0; border-color:#e0e0e0;}
#view.on-view tr.answer{background:#f9f7f5;}
#view.on-view tr.answer th{color:#b44604; background:#f9f7f5;}
#view.on-view .V_file{margin-top:0;}
#view.on-view .V_file li{text-align:left; margin-top:3px;}
#view.on-view .V_file li:first-child{margin-top:0;}
#view.on-view .V_file li a{background-position:-40px -75px; padding-left:28px;}


/*qna-view*/
.qna-view-box .onv-txt{padding:0; border-bottom: 1px #a9b2bb solid;}
.qna-view-box .V_tit{background:#f6f6f6;}
.qna-view-box .V_tit:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.qna-view-box .V_tit .VT01{padding-left: 10px;  display: inline-block;  float: left;width:80%; font-size:2rem; font-weight:400;}
.qna-view-box .V_tit .VT02 {float: right; margin-right:25px; font-size: 1.6rem;  margin-top:0; padding-top:3px;}
.qna-view-box .onv-txt li{position:relative; padding-left:140px; font-size:1.7rem;}
.qna-view-box .onv-txt li span{position:absolute; width:140px; left:0; padding:20px;border-top:1px #e0e0e0 solid; display:block; font-weight:500; box-sizing:border-box;}
.qna-view-box .onv-txt li p{border-top:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid; padding:20px;}
.qna-view-box .onv-txt li:first-child p, .qna-view-box .onv-txt li:first-child span{border-top:0;}
.qna-view-box .onv-txt li.onv-ans{background:#f9f7f5;}
.qna-view-box .onv-txt li.onv-ans span{color:#b44604; }
.qna-view-box .V_file{ border-top:1px #e0e0e0 solid; background:#f3f8f5; margin-top:0;}
.qna-view-box .V_file li{line-height:35px; color:#9d9d9d; border-top:1px #ccd8cf dashed; font-size:1.3rem; text-align:left;}
.qna-view-box .V_file li:first-child{border-top:0;}
.qna-view-box .V_file li a{display:inline-block; color:#317542; background:url(../../images/board/board_img.png) no-repeat 22px -895px; padding:5px 0 5px 46px; margin-right:6px;}
.qna-view-box .V_file li a:hover{text-decoration:underline;}


/*write*/
.star{color:#dc5353; vertical-align:top; display:inline-block; margin-right:3px;}
.W_agree{ border:2px #7e592f  solid; border-bottom:0; padding:20px; color:#33373a; font-size:1.5rem; }
.refer_txt{text-align:left;margin:30px 5px 5px; color:#666;}
.ag_tit{color:#7e592f ; font-weight:700; font-size:2rem;}
.W_agree p{margin-bottom:8px; line-height:1.7;}
.W_agree strong{margin-top: 18px; display: block; background: #7e592f ; color: #fff; padding: 5px 10px; display: inline-block; font-weight:400; margin-bottom:10px;}
.W_agree ul li{margin-bottom:10px;}
#write{font-size:1.4rem;}
#write fieldset{padding:7px 0 12px; background:#604f3b; text-align:right; color:#fff; font-size:1.6rem; font-weight:400; }
#write fieldset p{display:inline-block; font-size:1.4rem;}
#write fieldset input{margin:0 3px; vertical-align:middle; height:auto; line-height:1.6rem;}
#write fieldset label{margin-right:15px;}
#write .com_add.a02{margin-top:3px;}
#write input{padding:0 5px;}
#write table{ border-top:2px #666 solid; }
#write table th{font-weight:normal; font-weight:400;  border-bottom:1px #e0e0e0 solid;/*background:#f9f9f9; border-right:1px #e0e0e0 solid;*/ font-size:1.7rem; vertical-align:middle; text-align:left; padding-left:15px;}
#write table td{padding:20px 15px; border-bottom:1px #e0e0e0 solid; font-size:1.5rem;}
.captcha_txt{margin:0 5px 0 0px;}
#write .W_title{width:96%; margin-top:3px;}
#write .W_title:first-child{margin-top:0;}
#write .W_txt{width:98%; height:100px;}
#write select{font-size:1.5rem; border:1px #e0e0e0 solid; height:40px;}
#write textarea{width:100%; border:1px #e0e0e0 solid; height:200px; font-size: 1.7rem; padding:10px; box-sizing:border-box;}
.time_etc{display:inline-block; margin-left:30px;}
.com_text { border: 1px #e0e0e0 solid;  width: 98%; padding: 5px; font-size:1.5rem;}

.limit_box{text-align:right; padding-right:20px; font-size:1.7rem; margin-bottom:5px; font-weight:400;}
.limit_box em{ color:#dc5353;}

#auto_image{vertical-align:middle;}

/*------개인정보동의 privacy------*/

.privacy-top-box{padding:20px; border:1px #d8d5cf solid; background:#f0f2f5; font-size:1.6rem;}
.privacy p{margin-bottom:10px; line-height:1.7;}
.privacy p:first-child{/*margin-bottom:20px;*/}
.privacy dl{border-top:1px #e0e0e0 solid; padding-top:15px; margin-top:15px;}
.privacy dl:first-child{padding-top:0; border-top-width:0;}
.privacy dt{color:#115192; font-weight:500; margin-bottom:10px;}
.privacy dd{font-size:1.6rem;}
.privacy strong{font-weight:500;}
.privacy li{padding-bottom:5px;}

/*신청서 안 개인정보처리방침*/
.signup-privacy-box #privacy h3{background:none; padding-left:0; color:#234553; font-size:1.6rem;}
.signup-privacy-box #privacy p, .signup-privacy-box #privacy ul{margin-left:0; font-size:1.5rem;}
.signup-privacy-box #privacy h4{margin-left:0;}
.signup-privacy{ margin-bottom:40px;}
.signup-privacy-box{height:95px; overflow-y:scroll; border:2px #e5e9e9 solid; padding:15px; background:#fff;}
.signup-privacy-tit{position:relative; font-weight:400; font-size:2.2rem; text-transform:uppercase; padding-bottom:8px; padding-top:10px; line-height:1.5; margin-bottom:5px; color:#2c63a6;}
.signup-privacy-tit:before {content: ""; display: block; width: 30px; height: 3px; background: #2c63a6; position: absolute; top: 0; left: 0;}
.signup-agree{text-align:right; margin-top:6px;}
.signup-agree p{display:inline-block;}
.signup-agree label{display:inline-block; margin:0 5px; font-size:1.6rem;}

.signup-privacy-box .privacy-top-box{background:none; border:0; padding:0;}


/*온라인 상담-*/

/* 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 66px}
.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 66px;border-top:1px dashed #e0e0e0;background:#f7f7f7;}
.f_list .img_ico{display:block;position:absolute;top:35%;left:15px; width:31px; height:21px;background:url(../../images/board/board_img.png) no-repeat; background-size:100px auto; overflow:hidden; font-size:0;}
.f_list .ico_q{background-position:0 -1100px;}
.f_list .ico_a{background-position:0 -1300px;}
.f_list .current{}
.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; background-size:100px auto;}
.button button{display:inline-block; background:url(../../images/board/board_img.png) no-repeat -25px -1398px; background-size:100px auto; 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_btn.close button{background-position:-25px -1448px;}


/*webzine*/
#webzine_list{width:100%; border-top:2px #4f6fb3 solid; margin-bottom:30px;}
.wz_box{ padding:30px 0; border-bottom:1px #dee0e2 solid; position:relative; *zoom:1; display:table; table-layout: fixed; width:100%;}
/*.wz_box:hover{background:#f7fafd;}*/
.wz_box:hover .subject{text-decoration:underline;}
.wz_box div{ *zoom:1; display:table-cell; vertical-align:top;}
.wz_box div:first-child{border-top:0;}
.wz_box div.pic{width:24%; min-height:180px;}
.wz_box div.pic a{vertical-align:middle; text-align:center; border:1px #efefef solid; display:block; width:100%; height:100%; background:#f5f5f5; overflow:hidden;}
.wz_box div.pic img{max-width:100%; transition:all .5s ease}
.wz_box div.text{padding:0 50px; width:75%;}
.wz_box div.text a{display:block;}
.wz_box div.text a:hover,
.wz_box div.text a:active,
.wz_box div.text a:focus{color:#444;}
.wz_box div.text .subject{font-weight:700; font-size:1.3em; height:28px; line-height:28px; overflow:hidden; margin:15px 0 15px; text-overflow: ellipsis;}
.wz_box div.text .body{line-height:1.8em; max-height:3.6em; overflow:hidden;}
.wz_box div.text .status{color:#4f6fb3;padding-top:30px; font-size:0.875rem;}
.wz_box div.text em{display:inline-block; padding-right:10px;}
.wz_box div.text .g_name{}
.wz_box div.text em:before{content:""; display:inline-block; height:14px; width:1px; background:#dcdcdc; vertical-align:middle; margin-top:-4px; margin-right:10px;}
.wz_box div.text em:first-child:before{width:0; display:none;}
.wz_box div.text .g_date{}
.wz_box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

#webzine_list.news-list .wz_box div.text{padding:0 2%; width:100%;}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1200px) {


}


@media (max-width:1024px) {


/*webzine*/
.wz_box div.text{padding-right:0;}

/*gallery*/
#gallery ul{width:104%;}
#gallery ul li{width:46%; margin-left:0%; margin-right:4%;}

/*gallery tab*/
.gallery-tab li{width:22.7%;}

/*square_list*/
#square_list li{width:calc((100% - 5%)/3); }
#square_list li:nth-child(4n+1){margin-left:2.5%;}
#square_list li:nth-child(3n+1){margin-left:0;}

/*list*/
#list{width:100%;}
#list table td a{max-width:470px;}

/*View*/
.V_txt img {width: 100% !important;}
}

@media (max-width:767px) {
input, select{font-size:1.5rem; line-height:1em; height:30px;}
#write fieldset{line-height:inherit; padding:10px;}
#write fieldset p{font-size:1.4rem;}

/*password*/
.PW_box{padding:80px 0 50px;}
.pw_input{width:284px; box-sizing:border-box; padding:11px 10px;}
.pw_input span{padding-right:15px;}
.pw_input input{width:180px;}

/*sns*/
.sns-box{text-align:center; width:100%; position:relative; margin-top:-10px;}
/*search*/
.b-search{width:100%; text-align:center; }
.b-search select{width:255px; margin:0 auto 10px; display:block; }

/*webzine*/
.wz_box div.text{padding-right:0; width:100%;}
.wz_box{display:block; padding-top:0;}
.wz_box div{display:block;}
.wz_box div.pic{width:100%; padding-bottom:20px;}
.wz_box div.text{padding-left:0;}
.wrtie_pp{padding:10px;}
.re_write div label{width:50px; display:inline-block;}
.wz_box div.text .subject{margin-top:0;}
.e_head_tit{margin-bottom:5px;}

/*view*/
.V_tit .VT01{font-size:2rem;}
.V_tit .VT02{margin-top:7px;}
.V_tit .VT02 p{display:block;}
.V_tit .VT02 p span{width:60px; position:relative;}
.V_tit .VT02 p span:after{right:0;}
.V_txt{padding:30px 15px;}
.V_txt img { max-width: 100% !important; width:auto !important; margin: 0 auto; margin-bottom:30px;}
.re_txt{padding-right:0;}
.re_write div label{width:60px;}
.next_prev ul li{padding-left:110px;}
.next_prev span{width:90px;}
.re_textarea{padding-right:0; height:auto; background:none;}
.re_write .re_textarea{margin-top:5px;}
.re_textarea input[type="button"]{position:static; top:auto; right:auto; width: 100%;  height: 32px; line-height: 32px; margin-top:10px;}
.re_list li{padding:15px 5px;}
.youtube_box iframe{height:170px;}

.V_file li{text-align:left;}
.V_file li a{width:80%; box-sizing:border-box;}

/*qna-view*/
.qna-view-box .onv-txt li{padding-left:80px;}
.qna-view-box .onv-txt li span, .qna-view-box .onv-txt li p{padding:15px;}
.qna-view-box .onv-txt li span{width:80px;}

/*online-view*/
#view.on-view .V_tit{padding:15px;}
#view.on-view .V_tit .VT01{padding-right:0px; font-size:1.9rem;}
#view.on-view .V_tit .VT02{position:static; top:auto; right:auto; transform:inherit; margin-top:5px;}
#view.on-view table th{ border-right:0;}


/*gallery*/
#gallery{padding-bottom:0;}
#gallery ul{width:100%;}
#gallery ul li{width:100%; margin-left:0%; margin-right:0; margin-bottom:30px;}
.gallery_ul .g_img{height:200px;}
.gallery_ul .g_cont{padding:15px 10px;}
.gallery_ul .nada{margin-top:5px; margin-left:-2px;}

/*gallery tab*/
.gallery-tab{margin-bottom:30px}
.gallery-tab ul{width:100%;}
.gallery-tab li{width:47.5%; margin:0 3px; margin-top:10px;}
.gallery-tab li a{line-height:32px;}

/*square_list*/
#square_list{margin-bottom:20px;}
#square_list li{width:100%; margin-left:0;}

/*write, online*/
#write fieldset.agree_box{padding:10px 0; line-height:inherit;}
#write fieldset.agree_box input{height:30px; line-height:20px;}
#write table,
#write table thead,
#write table tbody,
#write table tr,
#write table th, 
#write table td{display:block; width:100%; text-align:left;}
#write table th, 
#write table td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}
#write table th{background:#f7f7f7;}
.explain_box{ padding:15px; }
.explain_box.daro{margin-bottom:20px;}
.explain_box br{display:none;}
.time_etc{display:block; margin-left:0px; margin-top:10px;}
#write .W_txt{box-sizing:border-box;}
.cc_img{ display:block;}
.captcha_detail{display:block; margin-top:5px;}
#write .mail_mw{width:140px;}
#write .mail_mselect{display:block; max-width:300px; width:100%; margin-top:10px;}


/*list*/
#list .table thead,
#list .table colgroup,
#list .table td:nth-child(1){display:none;}
#list .table,
#list .table tbody,
#list .table tr,
#list .table td{display:block; border-width:0;}
#list .table{display:block; width:100%; border-top:2px #323850 solid;}
#list .table td a{max-width:83%; font-size:1.8rem;}
#list .table tr{padding:10px 0 5px; border-bottom:1px #e0e0e0 solid;}
#list .table td{padding:5px 10px;}
#list .table.list01 td:nth-child(2){}
#list .table.list01 td:nth-child(3),
#list .table.list01 td:nth-child(4),
#list .table.list01 td:nth-child(5),
#list .table.list01 td:nth-child(6){display:inline-block; position:relative; padding-right:15px;}
#list .table.list01 td:nth-child(4),
#list .table.list01 td:nth-child(5),
#list .table.list01 td:nth-child(6){padding-left:15px;}
#list .table.list01 td:nth-child(4):before,
#list .table.list01 td:nth-child(5):before,
#list .table.list01 td:nth-child(6):before{content:""; width:1px; display:inline-block; height:15px; background:#dee0e2; position:absolute; left:0; top:50%; margin-top:-7px;}
#list .table tr.notice_line td{border-bottom:0;}
#list .table.list01 tr.notice_line{ border-bottom:1px #cfd6dd solid;}
#list .table.list01 tr.notice_line a{font-weight:500;}
#list .table.list02 tr{border-bottom-width:0;}
#list .table.list02 td{margin:0; padding:0;}
#list .table.list02 td:nth-child(1){display:inline-block; background:#284064; padding:2px 20px; border-radius:5px 0 5px 5px; color:#fff;}
#list .table.list02 td:nth-child(2){margin:10px 0;}
#list .table.list02 td:nth-child(4),
#list .table.list02 td:nth-child(5){display:none;}
#list table td.list02-file{margin:10px 0;}
#list table td.list02-file a{width:100%; max-width:100%; display:block; overflow:visible;  margin:0 auto; font-size:0.875rem; border:1px #f05000 solid; height:40px; color:#f05000;}
#list table td.list02-file a i{width:auto; border-radius:0; line-height:40px; border:0;   transition-duration: 0s; margin-left:2px;}
#list table td.list02-file a:hover{background:#f05000; color:#fff;}
#list .table.list03 tr{display: flex;
   flex-direction: row;
   flex-wrap: wrap;}
#list .table.list03 td:nth-child(3){order:0; width:100%;} 
#list .table.list03 td:nth-child(2),
#list .table.list03 td:nth-child(4),
#list .table.list03 td:nth-child(5),
#list .table.list03 td:nth-child(6){order:2;}
#list .table.qna td:nth-child(3), #list .table.qna td:nth-child(4), #list .table.qna td:nth-child(5){display:inline-block;}

.file_ico{background-position:-45px -77px;}
.on-list #list td:nth-child(n+3){display:inline-block;}


/*------개인정보동의 privacy------*/
.signup-agree p{display:block;}
.signup-agree p input{height:30px;}
.signup-privacy-tit:before{top:5px;}

.contact_ex{display:block; margin-top:5px;}
}

