@charset "utf-8";


/*//////////// members //////////////////*/

/* 로그인 */
.login_box_02 {  width:1240px; height:100%;}

.con_dv { width:395px; height:100%; margin:0 auto;}
.con_dv .login_ul { width:100%; height:104px; position:relative;}
.con_dv .login_ul li { font-size:16px; color:#333; line-height:42px; margin-bottom:10px;}
.con_dv .login_ul li span { width:70px; display:inline-block; text-align:right; margin-right:10px;}
.con_dv .login_ul .but_li { position:absolute; top:2px; right:0px;}

.con_dv .login_ul .but_login { width:102px; height:95px; background-color:#368fcc; font-size:16px; font-weight:bold; color:#fff;}

.con_dv .login_ul .login_input_01 { width:195px; height:40px; border:1px solid #dadada; text-align:left; padding-left:5px;}
.check_p { margin-left:80px;}


.other_ul { width:1240px; margin-top:60px; border-top:1px solid #9d9d9d; border-bottom:1px solid #9d9d9d; padding:20px 0;}
.other_ul ul { width:680px; height:73px; margin:0 auto;}
.other_ul li { font-size:13px; color:#333; line-height:36px;}
.other_ul li:nth-child(1) { float:left;}
.other_ul li:nth-child(2) { float:right;}
.other_ul li:nth-child(3) { float:left;}
.other_ul li:nth-child(4) { float:right;}

.other_ul li .text_right { width:90px; height:26px; border:1px solid #545454; background-color:#fff; display:inline-block; text-align:center; line-height:26px; margin-left:5px;}
.other_ul li .but_type { width:92px; height:28px;  background-color:#457fc7; color:#fff; display:inline-block; text-align:center; line-height:26px;}


/* id/pw찾기 */
.idsearch_box { width:615px; height:100%; border:12px solid #acd0e8; background-color:#fff; margin:0 auto; text-align:center; margin-bottom:35px; padding:30px 0;}
.idsearch_box dl { width:446px; margin:0 auto; margin-bottom:10px;}
.idsearch_box dt { font-size:16px; color:#333; text-align:left; margin-bottom:7px;}
.idsearch_box dd {}
.idsearch_box .search_input_01 { width:439px; height:40px; border:1px solid #dadada; padding-left:5px; line-height:40px;}
.idsearch_box p { margin-top:30px;}


.search_but { text-align:center;}
.search_but .but_search_ok { width:102px; height:54px; background-color:#368fcc; font-size:18px; font-weight:bold; color:#fff;}
.search_but .but_search_ok_span { width:102px; height:54px; display:inline-block; line-height:54px; text-align:center; background-color:#368fcc; font-size:18px; font-weight:bold; color:#fff;}
.search_but .but_search_no { width:96px; height:48px; display:inline-block; line-height:48px; text-align:center; border:3px solid #368fcc; background-color:#fff; font-size:18px; font-weight:bold; color:#368fcc;}




/* 이용약관 */
.maembers_box { width:1156px; border:12px solid #acd0e8; background-color:#fff; padding:30px 0; margin:0 auto; margin-bottom:85px;}
.maembers_box dl { margin:0 50px;}
.maembers_box dt { font-size:18px; font-weight:bold; color:#333; margin-bottom:10px;}
.maembers_box dd { width:1033px; height:300px; border:1px solid #dadada; padding:10px; overflow:auto;}
.maembers_box dd .textarea_02 { width:1033px; border:1px solid #dadada; padding:10px; overflow:auto;}
.maembers_box p { font-size:12px; color:#646464; margin:10px 0 50px 50px;}


/* 회원가입 폼 */

.txt_ttt { margin-left:30px; font-size:14px; color:#333; margin-bottom:5px;}

.maembers_box_02 { width:1156px; border:12px solid #acd0e8; background-color:#fff; margin:0 auto; margin-bottom:85px;}
.maembers_tb { width:100%;}
.maembers_tb th { border-bottom:1px dotted #dadada; border-right:1px dotted #dadada; padding:15px 10px; text-align:center; font-size:14px; color:#6e6e6e; background-color:#f9f9f9;}
.maembers_tb td { border-bottom:1px dotted #dadada; padding:15px 20px; font-size:13px; color:#6e6e6e;}

.maembers_tb td span { display:block; font-size:12px; color:#a0a0a0; margin-top:5px;}
.maembers_tb td .text_box { width:850px; height:37px; padding-left:5px; line-height:37px; background-color:#f4f7f9;}
.maembers_tb td .maembers_date { width:150px; height:37px; line-height:37px; border:none; background-color:#f4f7f9; padding-left:5px; margin-right:5px;}









/********************************** 게시판   ******************************/
.board_wrap { width:1180px; height:100%; margin:0 30px; color:#333;}
.board_wrap p{ text-align:left; color:#333;}

.search_dv { width:100%; height:70px; margin:0 auto; line-height:70px; text-align:center; background-color:#5b84c9; margin-bottom:30px;}
.search_dv span { display:inline-block; font-size:16px; color:#fff; margin-right:15px;}
.search_dv .sel_box { width:140px; height:36px; border:none; background-color:fff; color:#333; font-size:14px; padding-left:5px; margin-right:5px;}
.search_dv .search { width:260px; height:36px; border:none; background-color:#fff; color:#333; font-size:14px; padding-left:5px; line-height:36px; margin-right:5px;}
.search_dv .btn_search { width:70px; height:36px; line-height:36px; text-align:center; background-color:#3261ae; color:#fff; font-size:14px; font-weight:bold; display:inline-block; border:none;}

.type_01 { width:100%; height:100%; margin-bottom:30px;}
.type_01 th { height:38px; border:1px solid #ccd0d7; background-color:#f1f3f6; color:#333; font-size:14px; text-align:center;}
.type_01 td { height:45px; border-bottom:1px solid #f1f3f6; font-size:12px; color:#333; text-align:center;}
.type_01 .td_subject { text-align:left; padding-left:8px;}
.type_01 .td_subject span{ font-weight:bold;}


/* 페이지 */
.number_list { width:100%; display:block; clear:both; text-align:center; margin-bottom:30px;} /* 폰트 컬러와 크기는 상위속성 부여, 따로 조절 가능 */
.number_list ul {}
.number_list li { display:inline-block; line-height:26px;}
.number_list .number { margin:0 3px;}
.number_list .number a{ width:20px; height:20px; line-height:20px; border:1px solid #f1f3f6; text-align:center; display:inline-block;}
.number_list .on a{ font-weight:bold; background-color:#6e91c6; color:#fff;}


/* 버튼영역 */
.borard_but { width:100%; text-align:center;}
.borard_but li{ display:inline-block;}

.borard_but .but_type_01 { }
.borard_but .but_type_01 a { padding:15px 30px; border:2px solid #6e91c6; font-size:16px; font-weight:bold; color:#6e91c6; text-align:center; display:inline-block;}
.borard_but .color_01 a{ background-color:#fbfbfc;}

.borard_but .but_type_02 { }
.borard_but .but_type_02 a { padding:15px 30px; border:2px solid #6e91c6; font-size:16px; font-weight:bold; color:#fff; text-align:center; display:inline-block;}
.borard_but .color_02 a{ background-color:#6e91c6;}




/* 뷰테이블 type2 */
.view_tabel_02 { width:100%; border-top:3px solid #5b84c9;}
.view_tabel_02 th { border-bottom: 1px solid #c7c7c7;}
.view_tabel_02 td { border-bottom: 1px solid #c7c7c7; text-align:left; padding-left:10px;}

.view_tabel_02 .view_td { padding:25px 10px; text-align:left;} /* 내용 부분 */



/* 이전,다음글 */
.next_tabel { width:100%; border-top:2px solid #5b84c9; margin-bottom:30px;}
.next_tabel th { height:46px; border-bottom:1px solid #c7c7c7; background:#f0f0f0; text-align:center; color:#595959; font-weight:bold;} 
.next_tabel td { height:42px; border-bottom:1px solid #c7c7c7; text-align:left; padding-left:10px;} 



/* write 테이블 */
.write_tabel { width:100%; border-top:3px solid #5b84c9;}
.write_tabel th { border-bottom:1px solid #c7c7c7; text-align: left; padding-left:42px;}
.write_tabel td { border-bottom:1px solid #c7c7c7; text-align:left; padding:5px 15px;}



/* input 스타일 */
.write_input_01 { width:850px; height:35px; border:none; background-color:#f4f7f9; padding-left:5px;}
.write_input_02 { width:850px; height:35px; border:none; background-color:#f4f7f9; padding-left:5px;}

.write_input_tel1 { width:108px; height:35px; border:none; background-color:#f4f7f9; padding-left:5px; padding-right:5px;}
.write_input_tel2 { width:145px; height:35px; border:none; background-color:#f4f7f9; padding-left:5px;}

.textarea_03 { width:830px; border:none; background-color:#f4f7f9; padding:10px 10px;}
.textarea_04 { width:1100px; border:none; background-color:#f4f7f9; padding:10px 10px;}

.input_file { width:425px; height:35px; border:none; background-color:#f4f7f9;}



/* 갤러리 게시판 */
.gallery_list { width:100%; height:100%; overflow:hidden; border-top:3px solid #5b84c9; padding-top:20px; margin-bottom:30px;}
.gallery_list .gallery { width:31.1%; height:100%; margin-left:20px; margin-bottom:30px; text-align:center; float:left; display:inline-block;}
.gallery_list .gallery li { margin:0 auto; text-align:left; width:90%;}
.gallery_list .gallery .gallery_img { height:150px; background-color:#f9f9f9; margin-bottom:15px;} /* 이미지 사이즈 조절 */
.gallery_list .gallery .gallery_t {  font-size:16px; color:#333; margin-bottom:15px;} /* 제목 텍스트 수정, 사이즈 조절 */
.gallery_list .gallery .gallery_li {  font-size:14px; margin-bottom:15px;}
.gallery_list .gallery .gallery_deat { color:#858585;}


/* 자주하는 질문 */
.accordion{ width:100%; height:100%; overflow:hidden; border-top:3px solid #5b84c9; margin-bottom:30px;}
.accordion dt{border-bottom:1px solid #ccc;}
.accordion dt a{display:block; padding:20px;}
.accordion dt a:hover{background-color:#f7f8fa; color:#3699f2;}
.accordion dd{display:none; padding:20px; border-bottom:1px solid #ccc; background-color:#f1f3f6;}




/* 카테고리 */
.category_dv { width:100%; height:48px; line-height:48px; background:#6a6a6a; border:1px solid #545454; margin-bottom:30px;}
.category_dv p { font-size:16px; color:#ccc; display:inline-block; margin-right:20px; margin-left:25px;}
.category_dv ul { display:inline-block;}
.category_dv li { display:inline-block; font-size:14px; color:#ccc;}
.category_dv li a{ font-size:14px; color:#ccc;}
.category_dv li a:hover{ font-size:14px; font-weight:bold; color:#fff;}
.category_dv li .on{ font-size:14px; font-weight:bold; color:#fff;}
.category_dv .li_line { color:#545454; margin:0 5px;}



/* 이벤트 안내 */
.event_dv { width:100%; height:100%; overflow:hidden; border-top:3px solid #5b84c9; margin-bottom:30px; padding-top:30px;}
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  float:left;
  margin-left:55px;
  margin-bottom:20px;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}




/*///////*/

.ih-item.square.effect6 {
  overflow: hidden;
}
.ih-item.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight:bold;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
  font-size: 14px;
  position: relative;
  color: #f0f0f0;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 .info p span{
  font-size: 12px;
  color:#bbb;
  display:block;
  margin-top:10px;
}
.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

/* 댓글영역 */
.comments_box { width:100%; margin-top:70px;}
.comments_box .comments_top { margin-left:10px;}
.comments_top .but_images { margin-left:10px;}
.comments_box .comments_input_01 { width:148px; height:20px; border:1px solid #dadada; padding-left:5px;}

.comments_box .comments_table { width:100%; border-top:2px solid #595959; margin-top:5px;}
.comments_box .comments_table td { padding:35px 15px; border-bottom:1px dotted #c7c7c7;}
.comments_box .comments_table ul {}
.comments_box .comments_table li { line-height:26px;}
.comments_box .comments_table .but_images_02 { margin-left:10px;}

.comments_box  .borard_line { width:100%; height:1px; border-bottom:1px solid #c7c7c7; margin-top:20px;}

.comments_writing { width:100%; margin-top:40px;}
.comments_writing .writing_name { text-align:right;}
.comments_writing .writing_name span { margin-left:20px;}
.comments_writing .writing_p { width:100%; margin-top:20px;}
.comments_writing .writing_p .c_box { width:100%; height:150px; border:1px solid #dadada; overflow:auto;}