@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* 레이아웃 공통 */
#wrap{width:100%; height:auto; position:relative;}
#header_wrap{width:100%; min-height:100px; max-height:400px;  }
#content_wrap{width:100%; height:auto; overflow:hidden; position:relative; }
#footer_wrap{width:100%; position:relative; background:#f5f5f5; padding:20px 0;}

#header_320 {display:none;}

#header{width:1200px;  position:relative; margin:0 auto; }
.header{position:relative; width:1200px; height:120px; margin:0 auto;}
.header ul{ position:absolute; top: 45px; left:400px; }
.header ul li{float:left; width:260px; padding-top:16px; font-size:18px; color:#242424; text-align:center;  }
.header li a:link,.header li a:visited{color:#242424;}
.header li a:hover,.header li a:active{color:#da2028; }

/* header */
h1.logo { position:absolute; left:0; top:20px; z-index:10; }

.nav {position:relative; background: red;}

.top_nav {position:absolute; top:0; right:60px; line-height:40px; text-align:right; color:#a8a8a8; font-size:15px;}
.top_nav a{color:#a8a8a8;}

.sild-menu{display:none; width: 100%; height: 170px;  box-sizing: border-box; position: absolute; z-index: 9999; top: 1px; left: 0; background-color: #fff; border-bottom: 1px solid #e4e4e4; }
.sild-menu-inner{box-sizing: border-box; width: 1200px; margin: 0 auto; padding: 30px 0 0 400px; overflow: hidden;}
.sild-menu dl{float: left; width: 200px; height: 170px; }
.sild-menu dl:first-child{border-left: none;}
.sild-menu dl dd{text-align: center; margin: 0; line-height:35px; font-size: 15px; color: #242424; font-weight: normal; border-left:1px solid #dadada;}
.sild-menu dl dd a:link,.sild-menu dl dd a:visited{color:#242424;}
.sild-menu dl dd a:hover,.sild-menu dl dd a:active{color:#da2028;}

.footer01 {width:1200px; margin:0 auto; text-align:left; color:#969595; font-size:13px; line-height:40px; }
.footer01 a {color:#969595;}
.footer02 {width:1200px; margin:0 auto; text-align:left; color:#767676; font-size:13px; line-height:25px;}
.footer02 li span {padding-right:30px;}

/* 메인 */
.main_top {width:100%; height:564px; background:url("../images/b_main01.jpg") no-repeat center top;}
.m_top {display:none;}
.mm_top {display:none;}
.main_call {text-align:center; padding-top:260px;}
.main01 {width:100%; text-align:center;}
.main_box01 {text-align:center; }
.m_main_box01 {display:none;}

.main02 {width:100%; height:850px; background:#ecc063; text-align:center;}
.main02 img {}

  .in_top01 {width:100%; height:564px; text-align: center; background:url("../images/b_main01.jpg") no-repeat center top; }
  .in_top01 img {text-align: center; margin:0 auto; padding-top:260px;}
  .in_top02 {width:100%; height:564px; background:url("../images/main_02.jpg") no-repeat center top;}
  .in_top02 img {text-align: center; margin:0 auto; padding-top:260px;}


.main05 {width:1200px; margin:0 auto; background: #fff;}
.main06 {width:100%; height:538px; margin:0 auto; text-align:center; background:url("../images/main04_1.jpg") no-repeat center top;}


.sub_top {width:100%; height:300px; background:url("../images/sub_top2_1.jpg") no-repeat center top;}
.sub_con {width:1050px; margin:0 auto; position:relative; padding-bottom:150px;}
.navi {margin-top:30px; padding-left:50px; height:55px; text-align:left; color:#555555; font-size:16px; line-height:55px; background:url("../images/ico_house.gif") no-repeat 20px 18px;}
.navi span {padding:0 15px;}
.sub_tit { color:#2b73b5; font-size:55px; line-height:150px; text-align:center; border-bottom:1px solid #dadada; margin-bottom:20px;}
.m_intro {display:none;}
.intro_txt {color:#555555; font-size:20px; line-height:33px; text-align:left;}
.intro_txt span {text-align:center; font-size:30px; color:#2e5986;}

.map {margin-top:20px; line-height:30px;}
.m_map {display:none;}

.h_basic {width:1050px; margin:0 auto; }
.m_basic {display:none;}

.pay_box {width:100%; margin:30px auto 0; border-top:2px solid #5bacf7; border-left:1px solid #e0e0e0;}
.pay_box table tr {text-align:left; height:45px; line-height:45px;  }
.pay_box table tr.tit {font-size:16px; font-weight:normal; color:#1a4989; text-align:center; background:#f8fcff;}
.pay_box table tr td.tit {font-size:16px; font-weight:normal; color:#1a4989; text-align:center; background:#f8fcff;  }
.pay_box table tr td {width:175px; font-size:14px;  text-align:center; color:#696969; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.pay_box table tr td.t_blue {color:#1a4989; }
.pay_box table tr td.t_red {color:#d95e51;}

.pay_box1 {width:100%; margin:30px auto 0; border-top:2px solid #5bacf7; border-left:1px solid #e0e0e0;}
.pay_box1 table tr {text-align:left; height:45px; line-height:45px;  }
.pay_box1 table tr.tit {font-size:16px; font-weight:normal; color:#1a4989; text-align:center; background:#f8fcff;}
.pay_box1 table tr td.tit {font-size:16px; font-weight:normal; color:#1a4989; text-align:center; background:#f8fcff;  }
.pay_box1 table tr td {width:210px; font-size:14px;  text-align:center; color:#696969; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.pay_box1 table tr td.t_blue {color:#1a4989;}
.pay_box1 table tr td.t_red {color:#d95e51;}

p span {color:red;}
.online_box {width:98%; margin:30px auto 0;  border-bottom:1px solid #e3e3e3; border-top:0px;}
.online_box table {width:100%; padding:0; border-top:2px solid #5bacf7;}
.online_box table tr th { padding-left:90px; text-align:left; height:36px; position:relative; border-bottom:1px solid #e3e3e3;}
.online_box table tr th span {color:red; left:75px; top:20px; position:absolute;}
.online_box table tr td { text-align:left;  padding:10px; border-bottom:1px solid #e3e3e3;}
.online_box table tr td input {vertical-align:middle; }
.online_box table tr td img {vertical-align:middle;}
.online_box table tr td a {color: #666666; text-decoration:underline;}

.input_join { border:1px solid #dedede; height:17px; color: #858585; font-size:14px; text-align:left; }
.textarea { font-size:14px; color:#959595; vertical-align:middle; border:1px solid #DEDEDE; padding:5px; }
.radio {margin-bottom:5px; padding-right:5px;}

.btn_basic {text-align:center; margin:20px auto;}
.btn_basic img {width:150px;}

.esti_box1 {width:95%; height:150px; position:relative;   border:1px solid #d5d5d5; padding:5px; font-size:14px; line-height:20px; margin-top:10px;}
.esti_scroll {width:95%; height:140px; padding:5px 10px; overflow-y:scroll; overflow-x:hidden; line-height:20px;}
.esti_scroll p {line-height:20px; color:#666;}

p {margin-top:15px;}
.c_right {text-align:right; margin-top:10px;}

.h_map {width:1050px; margin:30px auto 0;}
.h_map li {width:210px; float:left;}

.tab:after{display:block; clear:both; content:""}
.tab{margin-bottom:20px;  }
.tab ul{padding:0}
.tab li{float:left; width:208px; margin-bottom:-2px; border-right:1px solid #fff; list-style:none; text-align:center; background:#efefef; margin-bottom:2px;}
.tab li a{padding:20px 20px; display:block; font-size:20px; text-decoration:none; color:#494949}
.tab li.on a{border-bottom-color:#fff;  margin-left:-1px; margin-right:-1px; color:#0f69bb; background:#dae7f3}
.tab_con > div{display:none; min-height:100px; }
.tab_con > div.on{display:block}


.tab_box {width:1010px; margin:0 auto; border-top:2px solid #5bacf7; border-left:1px solid #e0e0e0;}
.tab_box table tr {width:100%; text-align:left; height:45px; line-height:45px;  }
.tab_box table tr.tit {width:100%; font-size:16px; font-weight:normal; color:#696969; text-align:center; background:#f8fcff;}
.tab_box table tr td {font-size:14px;  text-align:center; color:#696969; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.tab_box table tr td.t_blue {color:#1a4989; width:270px;}
.tab_box table tr td.t_red {color:#d95e51;}


@media screen and (max-width:719px){
  #header_wrap {display:none;}
	#header_320 { width:100%; display:block; margin:0 auto; position:relative;}

  .m_content_bot {width:100%; height:80px; background:rgba(255,255,255,0.8); position:relative; overflow:hidden; z-index:9999;}
  .m_content01_l {float:left; width:50%; margin-top:15px;}
  .m_content01_r {float:left; width:50%; margin-top:15px;}

.top_gnb {  width:100%; text-align:center; position:relative; padding:15px 0;}
.main05 {display:none;}
.main06 {display:none;}

.in_top01 {width:100%; height:400px; background:url("../images/m_main01_1.jpg") no-repeat center top; background-size:100% 100%;}
.in_top01 img {width:40%; text-align: center; margin:0 auto; padding-top:160px;}
.in_top02 {width:100%; height:400px; background:url("../images/m_main01_02.jpg") no-repeat center top; background-size:100% 100%;}
.in_top02 img {width:40%; text-align: center; margin:0 auto; padding-top:160px;}

.m_menu {position:absolute; top:30px; right:0; z-index:10;}
.m_close{display:none; position:absolute; top:30px; right:0; z-index:10; }
.call {position:absolute; left:0; top:35px; z-index:10;}


#m_gnb{width:100%; height:320px; position:absolute;  top:80px; right:0; display:none; z-index:999999; background:rgba(255,255,255,0.9); overflow:hidden;}
.m_gnb_box {width:100%;  }
.m_gnb_box01 {width:50%; float:left; }
.m_gnb_box01 li{width:100%;  line-height:18px;  padding:5px 0; font-size:14px; font-weight:normal; text-align:center; }
.m_gnb_box01 li.tit {font-size:18px; color:#e22a2a; margin-top:30px; }
.m_gnb_box01 li.titt {font-size:18px; color:#e22a2a; margin-top:10px; }
.m_gnb_box01 li a{color:#757575; }
.m_gnb_box01 li a:hover,.m_gnb_box01 li a:active{color:red;}
.m_gnb_box01 li.tit a {font-size:18px; color:#e22a2a;  }
.m_gnb_box01 li.titt a {font-size:17px; color:#e22a2a;  }


.mm_gnb {width:100%;  position:relative; padding:10px 0; overflow:hidden; background:#fff; border-top:1px solid #c8c8c8;}
.mm_gnb ul li {color:#353535; width:32%; text-align:center; font-size:16px; font-weight:400; line-height:18px; display:inline-block;}
.mm_gnb ul li span {color:yellow;}
.mm_gnb ul li a {color:#353535;}
.mm_gnb ul li a:hover,.mm_gnb li a:active{color:red;}


.footer01 {width:95%; margin:0 auto; color:#969595; font-size:13px; line-height:40px; text-align:center;}
.footer01 a {color:#969595;}
.footer02 {width:95%; margin:0 auto; text-align:center; color:#5b5b5b; font-size:13px; line-height:20px;}
.footer02 li span {display:block; text-align:center;}

/* 메인 */
.main_top {width:100%; height:360px; background:url("../images/m_main01.jpg") no-repeat center top; background-size:100% 100%;}
.m_top {display:block; text-align:center;}
.m_top img {width:40%; text-align:center; margin-top:140px;}

.mm_top {display:block; text-align:center;}
.mm_top img {text-align:center; margin-top:100px;}

.main_call {display:none;}
.main01 {width:100%; height:auto; }


.m_box01 {width:95%; height:310px; margin:0 auto; position:relative; overflow: hidden; background:url("../images/m_main_box01.jpg") no-repeat center top; background-size:100% 100%;}
.m_box01 ul li {float:left; width:46%; padding-top:10px; text-align:center;}
.main_box01 {display:none;}
.m_main_box01 {display:block; }
.m_main_box01 ul {padding:13px;}
.m_main_box01 ul li {float:left; padding-left:10px;}
.con01 {width:100%; height:480px; margin-top:10px; background:url("../images/") no-repeat center top; background-size:contain;}
.con02 {width:100%; min-height:455px; max-height:500px; background:url("../images/m_con02.jpg") no-repeat center top; background-size:contain;}
.con03 {width:100%; min-height:623px; max-height:750px; background:url("../images/m_con03.jpg") no-repeat center top; background-size:contain;}

.gallery {width:100%; background:#4e4e4e; padding-bottom:30px;}
.gallery_r {width:90%; margin:0 auto; padding:3px 0; position:relative;}
.gallery_r p {text-align:left; color:#e2e2e2; font-size:24px; line-height:35px;}
.gallery_box {display:none;}
.m_gallery_box {width:100%; display:block;}

.sub_top {width:100%; height:180px; background:url("../images/m_sub_top2.jpg") no-repeat center top; background-size:100% 100%;}
.sub_con {width:95%; margin:0 auto; position:relative; padding-bottom:80px;}
.navi {margin-top:10px; padding-left:30px; height:35px; text-align:left; color:#555555; font-size:16px; line-height:35px; background:url("../images/ico_house.gif") no-repeat 10px 8px;}
.navi span {padding:0 5px;}
.sub_tit { color:#2b73b5; font-size:35px; line-height:75px; text-align:center; border-bottom:1px solid #dadada; }
.intro_txt {color:#555555; font-size:16px; line-height:27px; text-align:left;}
.intro_txt span {text-align:center; font-size:21px; color:#2e5986;}
.m_intro {display:block;}
.intro {display:none;}

.input_join { border:1px solid #dedede; height:15px; color: #858585; font-size:13px; text-align:left; }

.h_map {display:none;}
.m_map {display:block; margin:0 auto; width:350px;}

.h_basic {display:none;}
.m_basic {display:block;}

.input_join { border:1px solid #dedede; height:15px; color: #858585; font-size:14px; text-align:left; }


.tab:after{display:block; clear:both; content:""}
.tab{margin-bottom:20px;  }
.tab ul{padding:0}

.tab li{float:left; width:19.5%; margin-bottom:-2px; border-right:1px solid #fff; list-style:none; text-align:center; background:#efefef; margin-bottom:2px;}
.tab li a{padding:20px 13px; min-height:43px; vertical-align:middle; display:block; font-size:14px; text-decoration:none; color:#494949}
.tab li.on a{border-bottom-color:#fff;  margin-left:-1px; margin-right:-1px; color:#0f69bb; background:#dae7f3}

.tab_con > div{display:none; min-height:100px; }
.tab_con > div.on{display:block}



.tab_box {width:95%; margin:0 auto; border-top:2px solid #5bacf7; border-left:1px solid #e0e0e0;}
.tab_box table tr {width:1010px; text-align:left; height:45px; line-height:25px;  }
.tab_box table tr.tit {font-size:16px; font-weight:normal; color:#1a4989; text-align:center; background:#f8fcff;}
.tab_box table tr td {font-size:14px;  text-align:center; color:#696969; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.tab_box table tr td.t_blue {color:#1a4989; }
.tab_box table tr td.t_red {color:#d95e51;}

.online_box {width:95%; margin:0 auto;  border-bottom:1px solid #e3e3e3;}
.online_box table {padding:0;}
.online_box table tr th { padding-left:10px; text-align:left; border-bottom:1px solid #e3e3e3; height:40px; background:none;  }
.online_box table tr th span {color:red; left:0; top:17px; position:absolute;}
.online_box table tr td { text-align:left;  padding:5px 0; height:40px; border-bottom:1px solid #e3e3e3;}
.online_box table tr td input {vertical-align:middle; }
.online_box table tr td img {vertical-align:middle;}
.online_box table tr td a {color: #666666; text-decoration:underline;}

}

#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}
  /* 기본테이블 */
  .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
  .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

  .td_num {width:50px;text-align:center;}

  .tbl_head03 {margin:0 0 10px}
	.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
	.tbl_head03 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#555;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
	.tbl_head03 thead a {color:#383838}
	.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
	.tbl_head03 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
	.tbl_head03 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
	.tbl_head03 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
	.tbl_head03 a {}

    /* 게시판 목록 */
    #bo_list .td_board {width:120px;text-align:center}
    #bo_list .td_chk {width:30px;text-align:center}
    #bo_list .td_date {width:60px;text-align:center}
    #bo_list .td_datetime {width:110px;text-align:center}
    #bo_list .td_group {width:100px;text-align:center}
    #bo_list .td_mb_id {width:100px;text-align:center}
    #bo_list .td_mng {width:80px;text-align:center}
    #bo_list .td_name {width:100px;text-align:center}
    #bo_list .td_nick {width:100px;text-align:center}
    #bo_list .td_num {width:50px;text-align:center}
    #bo_list .td_numbig {width:80px;text-align:center}

    #bo_list .txt_active {color:#5d910b}
    #bo_list .txt_expired {color:#ccc}

    .board_page{width:500px; margin:0 auto 30px; overflow:hidden;  color:#868686; font:12px; line-height:20px; height:20px; text-align:center;}
    .board_page img {vertical-align:middle;}
    .board_page a.selected {color:#868686; color:red;}
    .board_page a:link,.board_page a:visited{color:#868686;}
    .board_page a:hover,.board_page a:active{color:#236bcd; text-decoration: underline;}
    .board_page ul li {display:inline-block;}

    #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
    #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}