@charset "utf-8";

/* reset */
* { padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0; list-style: none;}
header, main, footer, section, article, aside, nav {display: block;}
a {color: inherit; text-decoration: none;}
a img {border: none;}
ul, dl,dt,dd {list-style: none;}
body,input,textarea,select,button,table{ font-family: "Noto Sans KR", 'Nanum Gothic', '돋움', sans-serif;  font-size: 14px; font-weight: 300; line-height: 26px; color: #333;} /*기본폰트설정*/




/* 탑버튼 */
.return-top { right:0; bottom:0; position:fixed; z-index:90; width:60px; height:60px; display:block; background:rgba(0,0,0,.8); font-size:15px; font-weight:500; text-align:center; color:#FFF !important; }
.return-top img { margin-top:25px}
.return-top:hover { background:#07569f; transition:all 1s}



/* 탑메뉴 */
.header { position:relative; top:0; left:0; right:0; background:#fff; z-index:1000; width:100%; min-width:1200px; height:96px;}
.header .header_wrap { position:relative; margin:0 auto; width:1200px}
.header .header_wrap .logo { position:absolute; left:10px; top:25px; display:block; width:300px;}
.header .header_wrap .logo img {}
.header .header_wrap .topmenu{ font-size:18px; font-weight:400; float:right;}
.header .header_wrap .topmenu ul{ height:96px;}
.header .header_wrap .topmenu li{ float:left;  position:relative}
.header .header_wrap .topmenu li a{ color:#333; display:block; font-weight:normal; line-height:96px; padding:0px 40px; text-align:center;}
.header .header_wrap .topmenu li a:hover, .topmenu ul li:hover a{ color:#07569f; }





/* 푸터 */
.footer { width:100%; min-width:1200px; border-top:solid 1px #ddd;}
.footer .footer_wrap { width:1200px; margin:0 auto; text-align:center; padding:30px 0}
.footer .footer_wrap:after { content:""; clear:both; display:block}
.footer .footer_wrap p { font-size:14px; color:#333; line-height:24px}
.footer .footer_wrap p span a { font-size:13px; color:#666}
.footer .footer_wrap p span a:hover { color:#333}




/******** 메인 **********/


/* 메인비주얼*/
#mainVisual_wrap {width:100%; position:relative; background:url('')top center repeat-x; height:700px; margin:0 auto; min-width:1200px;}
.main_visual {clear:both;position:relative;top:0px;width:100%;margin:0 auto;padding:0;height:700px;z-index:1;}

.main_visual .txt { clear:both; position:relative; width:1200px; margin:0 auto; z-index:2; text-align:center; top:22%}
.main_visual .txt p.t01 { font-size:36px; font-weight:500; color:#fff; text-shadow:2px 2px 2px #666666; line-height:60px}
.main_visual .txt p.t02 { font-size:60px; font-weight:500; color:#fff; text-shadow:2px 2px 2px #666666; line-height:80px}

#slideshow {clear:both; width:100%; height:700px;position:absolute;top:0px;z-index:1;left:0;}
#slides {position:relative; width:100%; height:100%;margin:auto; text-align:center}
#slides li {width:100%; height:700px;}

#slides li.main1 {background:url('../images/main/main_visual_bg01.png') no-repeat top center; }
#slides li.main2 {background:url('../images/main/main_visual_bg02.png') no-repeat top center; }

.pagination {position:relative; width:40px; height:20px; margin:0 auto;z-index:1000;padding-top:500px; text-align:center}
.pagination li {float:left; cursor:pointer; width:15px;height:15px;font-size:0; display:block; background:rgba(255,255,255,0.9); margin:0 7px 0 0; border-radius:15px}
.pagination li:last-child { margin:0}
.pagination li:hover { display:block; background:#ddd;}
li.current {display:block; background:#086dae;}



.con01 { width:100%; margin-top:100px}
.con01 .con01_wrap { position:relative; margin:0 auto; width:1200px;}
.con01 .con01_wrap:after { content:""; display:block; clear:both}
.con01 .con01_wrap ul.list { text-align:center}
.con01 .con01_wrap ul.list li { width:280px; display:inline-block; text-align:center; padding:20px 15px; margin:0 10px; border:solid 1px #ddd; box-sizing:border-box; overflow:hidden}
.con01 .con01_wrap ul.list li:first-child {margin-left:0}
.con01 .con01_wrap ul.list li:last-child { margin-right:0}
.con01 .con01_wrap ul.list li p { padding:20px 0; font-size:20px; font-weight:400}
.con01 .con01_wrap ul.list li .more_btn { margin:30px 0 15px;}
.con01 .con01_wrap ul.list li .more_btn a { display:block; width:100px; line-height:38px; background-color:#044ba2; color:#fff; margin:0 auto; font-size:15px; font-weight:400}
.con01 .con01_wrap ul.list li .more_btn a:hover { background-color:#333; transition:all .5s ease}


.con02 { width:100%; min-width:1200px; background-color:#f2f2f2; margin-top:100px;}
.con02 .con02_wrap { position:relative; margin:0 auto; width:1200px; padding:50px 0;}
.con02 .con02_wrap:after { content:""; display:block; clear:both}
.con02 .con02_wrap ul.list { text-align:center;}
.con02 .con02_wrap ul.list li { width:19%; display:inline-block; text-align:center;}
.con02 .con02_wrap ul.list li h3 { font-size:18px; font-weight:400 }
.con02 .con02_wrap ul.list li img { padding:15px 0}
.con02 .con02_wrap ul.list li p { font-size:14px; line-height:22px }
.con02 .con02_wrap ul.list a:hover li h3, .con02 .con02_wrap ul.list a:hover li p { color:#044ba2}




/******** 서브 **********/



/* 서브비주얼 */
.sub_visual { width:100%; min-width:1200px; background:url(../images/sub/sub_visual.png) no-repeat}
.sub_visual .inner { width:1200px; height:240px; margin:0 auto; position:relative; text-align:center}
.sub_visual .inner p.txt01 { font-size:28px; font-weight:500; color:#fff; text-shadow:2px 2px 2px #666666; padding-top:80px}
.sub_visual .inner p.txt02 { font-size:40px; font-weight:500; color:#fff; text-shadow:2px 2px 2px #666666; line-height:60px}



/* 왼쪽 서브메뉴 */
.contents { width:100%;}
.contents .subwrap { width:1200px; margin:0 auto; position:relative; height:100%; }
.contents .subwrap:after { content:""; display:block; clear:both}
.contents .subwrap .lnb { position:relative; float:left; width:200px; box-sizing:border-box; overflow:hidden; border:solid 1px #ddd; border-top:none; height:auto}
.contents .subwrap .lnb h3 { font-size:26px; font-weight:400; background-color:#14518e; color:#fff; display:block; width:100%; line-height:100px; text-align:center  }
.contents .subwrap .lnb > ul { }
.contents .subwrap .lnb > ul > li { border-bottom:solid 1px #ddd;}
.contents .subwrap .lnb > ul > li > a { line-height:50px;  padding-left:15px; display:block; width:200px; font-size:15px; }
.contents .subwrap .lnb > ul > li > a:hover { background:url(../images/sub/leftmenu_arr.png) no-repeat 85% center; color:#14518e }
.contents .subwrap .lnb > ul > li.on > a { background:url(../images/sub/leftmenu_arr.png) no-repeat 85% center; color:#14518e; font-weight:400 }
.contents .subwrap .lnb > ul > li > ul.lnb_sub { padding: 0 20px; background:#f6f6f6}
.contents .subwrap .lnb > ul > li > ul.lnb_sub li { line-height:35px; border-bottom:dotted 1px #cfcfcf; font-size:14px; background:url(../images/sub/leftmenu_sub_icon.png) no-repeat 0 center; padding-left:10px}
.contents .subwrap .lnb > ul > li > ul.lnb_sub li:last-child { border-bottom:none}
.contents .subwrap .lnb > ul > li > ul.lnb_sub li:hover { color:#06F}

.contents .subwrap .lnb .left_call_bn { padding:22px 15px}
.contents .subwrap .lnb .left_call_bn p { font-size:17px; font-weight:500; padding-bottom:7px;}
.contents .subwrap .lnb .left_call_bn ul li { font-size:16px; padding-bottom:5px; line-height:20px}


/* 서브페이지 레이아웃 */
.contents .subwrap .sub_con { position:relative; float:left; max-width:1000px; box-sizing:border-box; overflow:hidden;}
.contents .subwrap .sub_con .inner { padding-left:25px; float:left; padding:30px 0 80px 50px;}
.contents .subwrap .sub_con .inner h3 { font-size:28px; font-weight:400; border-bottom:solid 1px #ddd; width:1000px; display:block; margin-bottom:50px;}
.contents .subwrap .sub_con .inner h3:after { display:block; content:""; width:100px; height:6px; background-color:#14518e; margin-top:15px; }
.contents .subwrap .sub_con .inner h3 span { font-size:22px; color:#666; padding-left:10px}
.contents .subwrap .sub_con .inner h3 span:before { display:inline-block; content:"｜"; font-size:18px}


.contents .subwrap .board_con { position:relative; float:left; width:100%;box-sizing:border-box; overflow:hidden;}
.contents .subwrap .board_con .inner { padding-left:25px; float:left; padding:30px 0 80px 50px;}
.contents .subwrap .board_con .inner h3 { font-size:28px; font-weight:400; border-bottom:solid 1px #ddd; width:1000px; display:block; margin-bottom:50px;}
.contents .subwrap .board_con .inner h3:after { display:block; content:""; width:100px; height:6px; background-color:#14518e; margin-top:15px; }
.contents .subwrap .board_con .inner h3 span { font-size:22px; color:#666; padding-left:10px}
.contents .subwrap .board_con .inner h3 span:before { display:inline-block; content:"｜"; font-size:18px}


/* 인사말 */
.contents .subwrap .sub_con .inner .sub1_txt { background:url(../images/sub1/sub1_img01.png) no-repeat 90% 5%; width:1000px;}
.contents .subwrap .sub_con .inner .sub1_txt p { margin-bottom:20px; font-size:16px; line-height:28px}
.contents .subwrap .sub_con .inner .sub1_txt p.t01 { font-size:22px; font-weight:400; color:#F60; line-height:32px}
.contents .subwrap .sub_con .inner .sub1_txt p.t02 { font-size:18px; font-weight:400; padding-top:20px}

/* 오시는길 */
.contents .subwrap .sub_con .inner .map { float:left}
.contents .subwrap .sub_con .inner .map_info { float:left; padding-left:30px}
.contents .subwrap .sub_con .inner .map_info p { font-size:22px; font-weight:400; color:#F60}
.contents .subwrap .sub_con .inner .map_info ul { padding-top:15px}
.contents .subwrap .sub_con .inner .map_info ul li { font-size:16px}
.contents .subwrap .sub_con .inner .map_info ul li.add { font-size:18px; font-weight:400; line-height:28px}




/* 장비대여 */
.form_table01 { width:95%; border-collapse:collapse; border-spacing:0}
.form_table01 th { background-color:#f2f2f2; width:16%; line-height:50px; border:solid 1px #ddd; text-align:left; padding-left:30px;}
.form_table01 th span { color:#F03; padding-right:5px}
.form_table01 td { border:solid 1px #ddd; text-align:center; width:34%}
.form_table01 td input { border:1px #ddd solid; vertical-align:middle; border-radius:3px; padding:3px; width:90%; font-size:13px}

.form_table02 { width:95%; border-collapse:collapse; border-spacing:0; margin-top:30px}
.form_table02 th { background-color:#f2f2f2; width:20%; line-height:50px; border:solid 1px #ddd; text-align:center;}
.form_table02 td { border:solid 1px #ddd; text-align:center; line-height:50px}
.form_table02 td input { border:1px #ddd solid; vertical-align:middle; border-radius:2px; padding:3px; width:90%; font-size:13px; margin:5px 0}

.form_table03 { width:95%; border-collapse:collapse; border-spacing:0; margin-top:30px}
.form_table03 th { background-color:#f2f2f2; width:30%; line-height:150px; border:solid 1px #ddd; text-align:left; padding-left:30px;}
.form_table03 th span { color:#F03; padding-right:5px}
.form_table03 td { border:solid 1px #ddd; text-align:center; width:70%}
.form_table03 td textarea { border:1px #ddd solid; border-radius:3px; padding:10px; width:90%; font-size:13px; margin:10px 0}

.sub_con .inner .formmail_btn { text-align:center; margin-top:25px}
.sub_con .inner .formmail_btn span input {width:150px;height:40px; border:0; cursor:pointer}
.sub_con .inner .formmail_btn span input.btn-black { background-color:#333; color:#fff; opacity:0.9}
.sub_con .inner .formmail_btn span input.btn-red { background-color:#b90808; color:#fff; opacity:0.9; margin-right:7px;}
.sub_con .inner .formmail_btn span input.btn:hover { opacity:1; transition: .4s ease}