@charset "utf-8";

/*기타*/
.grid10p { width:10%; }
.grid13p { width:13%; }
.grid15p { width:15%; }
.grid20p { width:20%; }
.grid30p { width:30%; }
.grid35p { width:35%; }
.grid40p { width:40%; }
.grid65p { width:65%; }


.grid70p { width:70%; }
.grid74p { width:74%; }
.grid75p { width:75%; }

/* 메인 */

#mainVisual { }
#mainVisual .img_wrap { position:absolute; top:15%; left:0%;}
#mainVisual .img_wrap .img1 { width:80%; margin-left:10%;  }
#mainVisual .img_wrap .img2 { width:80%;  margin-top:2%; margin-left:10%; }
#mainVisual .img_wrap .img3 { width:70%; margin:3% auto 0; }

#sec1 { background:#fdd000; padding:50px 0; text-align:center; }
#sec1 h2 { margin-bottom:30px; }
#sec1 ul { }
#sec1 ul:after {display:block;visibility:hidden;clear:both;content:""}
#sec1 li + li { margin-top:20px; }

#sec2 { position:relative; padding:80px 0 ; background:url('../img/3_bg.jpg') top center no-repeat; background:cover;  }
#sec2 h2 { width:40%; margin:0 auto 10%; }
#sec2 .img_wrap { text-align:center; }
#sec2 .img_wrap .img2 { margin-top:30px; }
#sec2 .img_wrap .img3 { margin-top:30px; }


#sec3 { position:relative; padding:80px 0; }
#sec3 .title_wrap { width:80%; margin:0 auto 50px; text-align:center; }
#sec3 .title_wrap h2 { margin-bottom:20px; }
#sec3 ul { max-width:250px; margin:0 auto; }
#sec3 ul:after {display:block;visibility:hidden;clear:both;content:""}
#sec3 li + li { margin-top:50px; }


#sec4 { position:relative; padding:80px 0; background:#fdd000; }
#sec4 h2 { width:70%; margin:0 auto 30px; }
#sec4 .branch_inner {margin:0 auto; }
#sec4 .branch_inner:after {display:block;visibility:hidden;clear:both;content:""}
#sec4 .branch_inner .branch_list { width:100%; height:400px; padding:30px 10px; background:#513c11; }
#sec4 .branch_inner .branch_list h3 { color:#fdd100; font-size:25px; font-weight:900; margin-bottom:10px; }
#sec4 .branch_inner .branch_map { margin-top:30px; width:100%; height:450px; padding:5px; background:#513c11; }
#map_v {  width:100%; height:440px; background:#fff; }

#sec4 .branch_inner .branch_list_v { width:100%; height:325px; overflow-y:scroll; }
#sec4 .branch_inner .branch_list_v::-webkit-scrollbar{background: transparent; width: 17px;}
#sec4 .branch_inner .branch_list_v::-webkit-scrollbar-thumb{ background: #fdd100; border-radius: 10px;background-clip: padding-box; border: 4px solid transparent;}


#sec4 .branch_inner .branch_list_v ul {}
#sec4 .branch_inner .branch_list_v ul li { width:100%; background:#fff; padding:20px 10px; border-bottom:1px solid #d8dad9;  }

#sec4 .branch_inner .branch_list_v ul li.active { background:rgba(253,208,0,1); }
#sec4 .branch_inner .branch_list_v ul li .branch_thumb { width:165px; margin-bottom:10px;  }
#sec4 .branch_inner .branch_list_v ul li .branch_info { word-break:break-all; }
#sec4 .branch_inner .branch_list_v ul li .branch_info .name { color:#4d3519; font-weight:800; font-size:18px; }
#sec4 .branch_inner .branch_list_v ul li .branch_info .addr,
#sec4 .branch_inner .branch_list_v ul li .branch_info .tel { color:#5f6160; font-size:14px; }


#sec5 { position:relative; padding:80px 0; }
#sec5 h2 { margin-bottom:30px; text-align:center;  }
#sec5 ul { margin:0 auto; }
#sec5 ul:after {display:block;visibility:hidden;clear:both;content:""}
#sec5 li + li { margin-top:30px; }



#sec6 { position:relative; padding:80px 0 100px; background:#e3e3e3; }
#sec6 .title_wrap { margin-bottom:30px; text-align:center; }
#sec6 .title_wrap h2 { margin:0 auto 20px; width:60%; }
#sec6 .img_wrap { position:relative; }
#sec6 .img_wrap .img2 { position:absolute; right:10px; bottom:-30px; width:40%; z-index:5; }


#sec7 { position:relative; padding-top:80px; background:url('../img/8_bg.jpg') top center no-repeat; background-size:cover; }
#sec7 .title_wrap { width:50%; margin:0 auto 80px; text-align:center; }
#sec7 .title_wrap h2 { margin-bottom:30px; }
#sec7 .title_wrap p + p { margin-top:30px; width:100%; }
#sec7 ul { margin:0 auto; }
#sec7 ul:after {display:block;visibility:hidden;clear:both;content:""}

#sec8 { position:relative; padding:80px 0 0; background:#fff; }
#sec8 .title_wrap { width:80%; margin:0 auto 50px;text-align:center; }
#sec8 .title_wrap h2 { margin-bottom:30px; }

#sec8 .menu_list { margin-bottom:50px; }
#sec8 .menu_list h3 { margin-bottom:50px; }
#sec8 ul.menu_list1 { margin:0 auto; }
#sec8 ul:after {display:block;visibility:hidden;clear:both;content:""}
#sec8 .menu_list1 li { float:left; width:49%; margin:0 0 20px 2%; }
#sec8 .menu_list1 li:nth-child(2n-1) { clear:both; margin-left:0;  }

#sec8 ul.menu_list2 { margin:0 auto; }
#sec8 .menu_list2 li { float:left; width:49%; margin:0 0 20px 2%; }
#sec8 .menu_list2 li:nth-child(2n-1) { clear:both; margin-left:0;  }

#sec8 ul li .thumb { margin-bottom:10px; }
#sec8 ul li .thumb img  { width:100%; height:auto; }
#sec8 ul li .subj { text-align:center; font-size:18px; color:#696969; }
#sec8 ul.menu_list2 li .subj { font-size:18px; }

/* section7 */
.section9 {background: #fdd000; padding:80px 0; }
.section9 h2 { font-size:30px; text-align:center; margin-bottom:15px; }
.section9 .txt { text-align:center; margin-bottom:15px; }
.section9 .cs_agree { text-align:right; margin:5px 5px 0 0;}
.section9 .btn_area { text-align:center; margin-top:20px; }
.section9 .btn_area .btn_submit { background:#000; width:180px; height:40px; }

/* 뷰 */
.tbl_view01 {margin:0 0 20px}
.tbl_view01 table {width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_view01 th {width:110px;padding:5px 13p 5px 0x;border-left:0;text-align:left; font-weight:normal; font-size:13px;}
.tbl_view01 td {padding:5px 10px;background:transparent; color:#949494; font-size:13px;text-align:left;  }

.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #fff;border-left:0;background:#fdd000;font-size:14px;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #fff;border-bottom:1px solid #fff;background:#fdd000}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {font-size:14px;border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}