@charset "utf-8";


@font-face{font-family:NanumBarunGothic;src:url(NanumBarunGothic.eot);src:local(※),url(NanumBarunGothic.woff) format('woff');}
@font-face{font-family:NanumBarunGothicBold;src:url(NanumBarunGothicBold.eot);src:local(※),url(NanumBarunGothicBold.woff) format('woff');}

* {margin:0; padding:0;}
html{line-height:0; height:100%;padding:0;margin:0;font-family:NanumBarunGothic, '나눔바른고딕', Arial,Trebuchet MS, Helvetica, sans-serif;}
body {color:#494949; font:22px/30px;font-family:NanumBarunGothic, '나눔바른고딕', Arial,Trebuchet MS, Helvetica, sans-serif;}

ul {list-style:none;}
img {border:0;}
.img {width:100%;}
input {padding:2px 5px;}
fieldset {border:none; margin-bottom:10px;}

a {text-decoration:none;}
.b {font-weight:bold;}

.top_bg {width:100%; height:80px; margin:0 auto; max-width:640px; max-height:80px; }
.top_bg .area {margin:1% auto; }
.top_bg .area .header_home {float:left; width:15%; text-align:left;}
.top_bg .area .header_logo {float:left; width:70%; text-align:center;}
.top_bg .area .header_menu {float:left; width:15%; text-align:right;}

@media screen and (max-width:320px) {
.top_bg {width:100%; max-height:45px; margin:0 auto;}
.top_bg .area {margin:0 auto;}
.top_bg .area .header_home {float:left; width:15%;text-align:left;}
.top_bg .area .header_logo {float:left; width:70%;text-align:center;}
.top_bg .area .header_menu {float:left; width:15%;text-align:right;}

}

@media screen and (max-width:640px) {
.top_bg {width:100%; max-height:50px; margin:0 auto;}
.top_bg .area {margin:0 auto;}
.top_bg .area .header_home {float:left; width:15%;text-align:left;}
.top_bg .area .header_logo {float:left; width:70%;text-align:center;}
.top_bg .area .header_menu {float:left; width:15%;text-align:right;}

}


/* 메인 공지사항 */
.header_notice {margin:0 auto; background:url(/mobile/images/notice_bgx2.png) 0 0 ; width:100%; overflow:hidden; max-width:640px; max-height:50px;}
.notice_tit{float:left; width:10%; text-align:left; background:#2E2D35;}
.notice_cont{width:70%;color:#fff;padding:5% 0 2% 10%;text-align:center;font-size:22px;}
.notice_cont a{color:#fff;} 


@media screen and (max-width:320px) {
.header_notice { max-height:25px;background: url("/mobile/images/notice_bg.png");
-webkit-background-size:  }

.notice_cont{width:70%;color:#fff;padding:5% 0 2% 20%;text-align:center;font-size:17px;}
}


.main {margin:0 auto; max-width:640px;}
.main img {width:100%; }
.main .imgbox {width:100%; height:390px; overflow:hidden;}
.main .slider {width:100%; height:100%;}
.main .slider .item {float:left;}
.main .btnbox {position:absolute; height:40px; cursor:pointer; top:480px; z-index:2; left:50%; margin-left:-34.5px;}
.main .btnbox .go {float:left; width:23px; height:22px; background:url('/mobile/images/mv_btn.png') no-repeat; text-indent:-9999px; margin-right:0px;}
.main .btnbox .go.on {background:url('/mobile/images/mv_btn_ov.png') no-repeat;}
.main .btnbox .go.off {background:url('/mobile/images/mv_btn.png') no-repeat;}


.mcont {width:100%;}
.mcont .cate01 {width:100%; float:left; border-left:1px solid #ccc;border-right:1px solid #ccc}
.mcont .cate01 li {display:inline; float:left; }
.mcont .cate01 img {display:block;}


.tbtn {position:fixed; bottom:0; width:100%; background-color:rgba(0,0,0,0.9); }
.tbtn img {width:100%;}
.tbtn .de01 {margin:0 auto; position:relative; max-width:640px; min-width:320px;}
.tbtn .de01 li {display:inline; float:left; }


/*main btm footer*/
footer {width:100%; margin:0 auto; float:left; background-color:#d7d7da; border-top:1px solid #b2b2b6}
footer .area {margin:0 auto; max-width:640px; min-width:320px; text-align:center; font-size:15px; padding:16px 0;line-height:18px;color:#f8f8f8;}
footer .areasub {margin:0 auto; max-width:640px; min-width:320px; overflow:hidden; }
footer .areasub li{float:left; margin:0 auto;font-size:16px; line-height:18px; padding:16px 0; color:#7c7c7c; margin-bottom:25%; font-family:NanumBarunGothicBold, '나눔바른고딕'; /*word-spacing:-2pt;*/ line-height:140%;}


/*foot 전화상담*/
.btn_f {width:100%;  position:fixed; bottom:0;  text-align:center; padding:1.3% 0; /*background-color:#2E2E2E;*/background-color:rgba(69,69,69,0.9);z-index:100}
.btn_f .area {margin:0 auto; position:relative; width:100%; max-width:640px; min-width:320px;}
.btn_f .area li {float:left; width:25%; text-align:center;}
.btn_f .area img {width:96%; display:block;}



.sub {margin:0 auto; max-width:640px; position:relative;}
.sub p {display: block; text-align: justify;}
.sub #menu li a {font-size:25px;}

/*네비*/
.autocenter {width:100%; text-align:center;font-size:24px;line-height:120%;margin:5% 0 5% 0}
.navi{color:#28bebc}


@media screen and (max-width:320px) {
.autocenter {width:100%; text-align:center;font-size:17px;line-height:200%}
-webkit-background-size:  }


.dep001 {width:100%; position:relative; float:left; margin-bottom:5%;margin-top:}
.dep001 li {display:inline; position:relative; float:left; }

.inline {position:relative; width:100%; float:left;}
.inline li {display:inline; position:relative; float:left;}

/*table*/
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table { width: 100%; border-collapse: collapse; border-spacing: 0;}
table, th, td { border: 1px solid #C7C7C7; }
caption { visibility: hidden; height: 1px;}
td { padding: 5px 10px; }
th { padding: 5px 10px; text-align:center; background-color:#D1E0FF; vertical-align:top; }

.bg01 {background-color:#F4F4F4;}






/*구글맵*/
#map-canvas, #map_canvas { width : 100%; height: 450px; font-size:16px; } 
.map_Heading { line-height:30px; font-size:24px; font-weight:bold; color:#30C; } 
.map_Content { font-size:16px; color:#333; } 
a:link.map_Content    { text-decoration: none; color: #333; } 
a:active.map_Content  { text-decoration: none; color: #333; } 
a:visited.map_Content { text-decoration: none; color: #333; } 
a:hover.map_Content  { text-decoration: none; color: #A2002E; } 
@media print { html, body { height: auto; } #map_canvas { height: 650px; } } 

/*board*/
.board_list {width:100%; padding-bottom:20px; position:relative; float:left;}
.board_list ul {width:95%; border-bottom:1px dotted #BFBFBF; padding:1.2% 0;  float:left; margin-bottom:0%;}
.board_list li {display:block; width:100%; line-height:20px;}
.board_list .title {font-size:25px; }
.board_list .title a {color:#222;}
.board_list .date {color:#8F8F8F; text-align:right;font-size:95% }
.board_list .title2 {font-weight:700; font-size:120%; background-color:#f5f5f5; height:35px; line-height:35px; margin-bottom:-4px; }

.board_list .movie {width:auto; padding:0 1%; text-align:center;}
.mg02 img {width:100%;}
.mg02 {position:relative; float:left; margin:1% 0; clear:both; }

/*상담용 list*/
.board_list .list li {display:inline;}
.board_list .list label {min-width:57px; float:left; text-align:right; font-weight:bold; vertical-align:bottom; color:#000;}

/*칼럼용 list*/
.board_list .list2 li {display:inline;}
.board_list .list2 li:first-child {width:30%; float:left; position:relative; margin-right:2%;}
.board_list .list2 li:last-child {width:68%; float:left; position:relative;}
.board_list .list2 .tit {color:#000; font-weight:bold; display:block;}

.board_list .doc {background-color:#f5f5f5; padding:10px; border:1px dashed #CACACA;}
.sbtn {width:20%; float:left; position:relative;  padding-top:1.5%;}

/* paging */
.paging { margin:0 auto; text-align:center; width:100%; float:left; padding-top:30px}
.paging a {text-align:center; padding:3px 6px; font-size:23px; margin:0 5px; border:1px solid #c7c7c7; background:#FFF; color:#626262; font-weight:900;}
.paging a:hover {border:1px solid #626262; background:#626262; color:#FFF; text-decoration:none;}
.paging .selected {border:1px solid #626262;background:#626262;color:#FFF; text-decoration:none;}

/* menuDiv */
#menuDiv {position:absolute; width:96%; margin:0 2%; background:#2E2D35; top:60px; left:0; z-index:10; display:block; } 
#menuDiv span{position:absolute; width:100%; z-index:100;} 

#menuDiv .menu_list { width:97%; margin:14% 1.5% 1.5% 1.5%; background:#7f9eba;}
#menuDiv .menu_list dl {padding-top:15px;} 
#menuDiv .menu_list dt {display:block; margin-top:8px; line-height:200%;}
#menuDiv .menu_list dt a{ font-size:1.5em; color:#232323;/* text-shadow:1px 1px 1px rgba(0,0,0,0.7);*/ font-weight:700; text-decoration:none; padding:5px; }
#menuDiv .menu_list dd {clear:both; padding:15px 10px 10px 10px; border-bottom:1px dotted #6C6C6C;}
#menuDiv .menu_list dd a{ font-size:1.3em; color:#FFF; line-height:150%; text-decoration:none; padding-right:13px; letter-spacing:-0.05em;} 

.menu_dot { width:100%; height:16px; background: url("../img/menu_dot.gif") repeat-x; float:left;}




/* board list */
.board {width:94%; float:left; padding:1.2% 3% 2% 3%; position:relative; }


/* board write */
.board_write{width:100%; text-align:left; float:left; position:relative;}
.board_write .date {color:#8F8F8F; text-align:right;font-size:95% }
.board_write ul{width:100%; border-bottom:1px dotted #ddd; padding:1% 0; float:left;}
.board_write li {display:inline; float:left; line-height:20px;}
.board_write .title{font-size:25px; color:#333; font-weight:bold;}
.board_write .title2 {font-size:25px; color:#333; font-weight:bold; text-align:center;}

/*동영상*/
p.vid01 {width: 560px; margin: auto; margin-bottom: 5px;}