@font-face {
  font-family:'nanumgothic';
  font-style:normal;
  font-weight:400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(https://fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v9/8KhZd3VQBtXTAznvKjw-kxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FAriRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(https://fonts.gstatic.com/s/raleway/v9/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8xsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v9/xkvoNo9fC8O2RDydKj12bxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;font-size:12px;font-family:nanumgothic;width:100%;height:100%; color:#464646;}
input,select,textarea {font-size:12px;font-family:nanumgothic;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:nanumgothic;}
label {cursor:pointer;}
a {text-decoration:none;color:#000; outline:none;}
a:hover {color:#666;}
#wrap {width:100%;height:100%;margin:auto;position:relative}

/*헤드영역*/
#headerbg {width:100%;position:absolute;top:0;left:0;z-index:1; }
#header {width:1100px;position:relative;top:0;left:0;z-index:3;margin:0 auto;}
#header .logo {position:absolute;}
#header .logo h1 {margin:0 0 0 3px;padding:0;height:35px;}
#header .logo h1 a {font-weight:bold;color:#555;font-size:22px;font-family:nanumgothic,dotum;}
#header .imglogo{position: absolute;top:33px;left: 0px;display: block;}
#header .gnb {position:absolute;padding:0;width:360px;text-align:right;}
#header .gnb ul {padding:0;margin:0;letter-spacing:-1px;}
#header .gnb li {list-style-type:none;display:inline;padding:5px 0 5px 10px;font:normal 11px "malgun gothic",dotum;}
#header .gnb .admin a {color:#ff0000;}
#header .headUserHtml {color:#fff}
#header .mobile_list { display:none;position:absolute; top:43px; right:100px; }
#header .serch_btn {position:absolute; top:43px; right:0px; }

#lnb {width:1100px;;position:relative;margin:0 auto;z-index:2;}
#lnbbg {width:1100px;position:relative;margin:0 auto;z-index:1; }
#lnb .lnbWrap {margin:0 auto; margin-left:380px; margin-top:30px;}




#container h3.subTitleSubject {padding:0; margin:0;font-size:25px;font-family:nanumgothic,dotum;font-weight:bold; letter-spacing:-1px;color:#333;  text-align:center; padding-top:60px; height:40px;}
#container h5.subTitleSubject {margin:0;padding:0; text-align:center; font-size:15px; font-weight:normal; padding-bottom:120px; color:#555;}
#container .board_top{position:absolute; top:0px; width:2600px; left:50%; margin-left:-1275px; height:185px; z-index:-1; }
.board_bg1{background:url(./image/sub/board_bg1.jpg) no-repeat;}
.board_bg2{background:url(./image/sub/board_bg2.jpg) no-repeat;}
.board_bg3{background:url(./image/sub/board_bg3.jpg) no-repeat;}
.board_bg4{background:url(./image/sub/board_bg4.jpg) no-repeat;}
.board_bg5_1{background:url(./image/sub/board_bg5_1.jpg) no-repeat;}
.board_bg5_2{background:url(./image/sub/board_bg5_2.jpg) no-repeat;}
.board_bg5_3{background:url(./image/sub/board_bg5_3.jpg) no-repeat;}



#content {}
#content .subContent { width:800px;}
#content .subContent .location { display:none;clear:both;color:#999;text-align:left; padding:0 0 10px 10px;}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}






/*--서브메뉴--*/
#content .snb {float:left;width:184px;padding:0;margin:0;}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#D4D4D4 solid 1px;}
#content .snb .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:80px;}
#content .snb .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#content .snb .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#content .snb .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:12px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#content .snb .mybox .login .tabbox {}
#content .snb .mybox .login .tabbox .tp {float:left;width:60px;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;position:relative}
#content .snb .mybox .login .tabbox .tp span.mcounter {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#ff6000;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .tp span.mcounter1 {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#999;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .login .lbody {padding:8px;}
#content .snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#content .snb .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#content .snb .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#content .snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#content .snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#content .snb .mybox .login .lbody li .pic {float:left;width:35px;}
#content .snb .mybox .login .lbody li .info {float:left;width:130px;}
#content .snb .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#content .snb .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#content .snb .mybox .login .lbody .none {text-align:center;padding-top:40px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0 40px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .snb .mybox .logout .tabbox .tp {float:left;width:90px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .snb .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .logout .nlog {margin-top:10px;padding:0 0 30px 10px;position:relative;height:65px;}
#content .snb .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .snb .mybox .logout .i1 .input {float:left;width:110px;height:17px;border:#BEBEBE solid 1px;font-size:12px;font-family:tahoma}
#content .snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .snb .mybox .logout .i2 {position:absolute;top:48px;left:8px;font-family:dotum;font-size:11px;letter-spacing:-1px}
#content .snb .mybox .logout .i3 {position:absolute; top:1px;left:127px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:4px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {color:#313946;}
#content .snb .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#content .snb .mybox .logout .slog {padding:20px 10px 10px 10px;}
#content .snb .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#content .snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#content .snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category {padding-bottom:50px; }
#content .snb .category h2 { padding:60px 10px 0px 10px; background:url(./image/main/box_01.jpg) center no-repeat; margin:0;font-family:nanumgothic,dotum;font-size:27px;letter-spacing:-1px;font-weight:bolder;color:#fff;text-align:center;height:140px;}
#content .snb .category .h2_s{ font-size:12px; font-weight:normal; padding-top:15px; line-height:17px;}
#content .snb .category ul {padding:0;margin:0; }
#content .snb .category li {list-style-type:none;margin:0;border-bottom:1px #d4d4d4 solid;}

#content .snb .category .m2 {font-size:16px;letter-spacing:-1px;}
#content .snb .category .m2 a {font-family:'nanumgothic';color:#000;display:block;padding-left:23px;height:50px;line-height:50px;_line-height:25px;}
#content .snb .category .m2 a:hover {text-decoration:none;color:#fff;background-color:#1f9fdb;}

#content .snb .category .selected2 a {color:#fff;background-color:#1f9fdb;font-weight:bold;height:50px;_line-height:25px}
#content .snb .category .selected2 a:hover {color:#fff;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#fff}

#content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;}
#content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;}
#content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;}
#content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;}
#content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;}
#content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;}
#content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;}

#content .snb .category ul li ul {margin:0px;background-color:#f4f4f4;padding:10px 0;border-bottom:none;}
#content .snb .category ul li ul li.m3 {font-weight:normal;font-size:14px;}
#content .snb .category ul li ul li.m3 a {font-weight:normal;font-family:nanumgothic;color:#454545;display:block;padding-left:32px;height:25px;line-height:25px;background:url(./image/snb_m3_ico.gif) no-repeat 22px 12px;letter-spacing:-1px;}
#content .snb .category ul li ul li.m3 a:hover {text-decoration:none;color:#000;background-color:#ddd;}

#content .snb .category ul li ul li.selected3 a {color:#ba6b3b;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 22px 11px;}
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {font:normal 11px arial;color:#999;}

.inner {
    position: relative;
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 150px 0 100px;
}
#divPdf {
    border: none;
    width: 100%;
    height: 85vh;
}

@media screen and (max-width: 1280px){
	.inner {max-width:1000px; width:90%;}
	#divPdf {
    border: none;
    width: 100%;
	height:60vh;
}
	}

@media screen and (max-width: 1100px){
	.inner {padding:20px  0  100px  0}
	}

@media screen and (max-width: 420px){
	#divPdf{height:100vh;}
}



/*하단정보영역*/
#footerWrap{ height:150px;}
#footerInfoWrap .newPhoto {position:absolute;left:0;width:210px}
#footerInfoWrap .newPhoto .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPhoto .pic {float:left;margin:0 0 8px 5px;padding:3px;background:#fff}
#footerInfoWrap .newPhoto .pic:hover{background:#ff6000}
#footerInfoWrap .newPhoto .pic img {width:54px;height:45px;}
#footerInfoWrap .newPhoto .nomargin {margin:0 0 7px 0;clear:both;}

#footerInfoWrap .newPost {position:absolute;left:250px;width:210px}
#footerInfoWrap .newPost .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPost ul {padding:0;margin:0;}
#footerInfoWrap .newPost li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newPost li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newPost li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newPost li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newPost li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newPost li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newPost .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newComment {position:absolute;left:250px;width:210px}
#footerInfoWrap .newComment .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newComment ul {padding:0;margin:0;}
#footerInfoWrap .newComment li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newComment li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newComment li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newComment li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newComment li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newComment li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newComment .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newNotice {position:absolute;left:250px;width:210px}
#footerInfoWrap .newNotice .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newNotice ul {padding:0;margin:0;}
#footerInfoWrap .newNotice li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newNotice li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newNotice li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newNotice li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newNotice li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newNotice li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newNotice .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .postCalendar,#footerInfoWrap .bottomRss,#footerInfoWrap .bottomCounter {
	-webkit-border-radius: 8px;	-moz-border-radius:8px;	border-radius: 8px;
	-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);behavior: url(./_ie/PIE.htc);
}

#footerInfoWrap .postCalendar {position:absolute;width:184px;left:810px;background:#fff;border:2px #c0c0c0 solid;top:20px;}
#footerInfoWrap .postCalendar .tt {padding:5px 0 5px 0;text-align:center;font-weight:bold;font-family:verdana;color:#666;}
#footerInfoWrap .postCalendar .tt img {position:relative;top:-1px;}
#footerInfoWrap .postCalendar .sunday {color:#2B97D7;}
#footerInfoWrap .postCalendar .week {height:20px;}
#footerInfoWrap .postCalendar .week td {color:#333;background:#f9f9f9;}
#footerInfoWrap .postCalendar table {width:100%;}
#footerInfoWrap .postCalendar td {text-align:center;color:#666;font-family:dotum;font-size:11px;}

#footerInfoWrap .bottomRss {position:absolute;left:810px;width:174px;height:18px;padding:5px;background:#fff url(./image/rss.gif) no-repeat 5px 6px;border:2px #c0c0c0 solid;text-align:right;line-height:18px;}
#footerInfoWrap .bottomRss {font-family:tahoma;font-size:11px;}
#footerInfoWrap .bottomCounter {position:absolute;left:810px;background:#fff url(./image/ico_count.gif) no-repeat 8px 1px;width:114px;padding:5px 5px 5px 65px;border:2px #c0c0c0 solid;font-family:tahoma;font-size:11px;color:#777}
#footerInfoWrap .customerCont {position:absolute;width:200px;height:200px;font-family:dotum;font-size:11px;color:#ddd;letter-spacing:-1px;}
#footerInfoWrap .customerCont a {color:#fff;}
#footerInfoWrap .customerCont a:hover {color:#ff6000;}

/*하단*/
#footer {margin:0;padding:0 0 0px 0;position:absolute;left:0;display:block;width:100%;z-index:2;background:url(./image/footerbg.jpg) repeat-x;}
#footerbg {margin:0;padding:0 0 0px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont {width:1100px;margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu {text-align:center;margin-bottom:10px;padding:7px 20px; }
#footer .footerCont div.footerMenu a {font-size:12px;font-family:dotum;color:#ddd;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;}

#footer .footerCont .logoBox {margin:0 auto; position:relative; text-align:center; width:1100px; height:80px; }
#footer .footerCont .logoBox .btn_pre {position:absolute; top:7px; left:0;cursor:pointer;}
#footer .footerCont .logoBox .btn_next {position:absolute; top:7px; right:0;cursor:pointer;}
#footer .footerCont .logoBox .logoDiv {margin:0 auto; width:1020px; padding:0; text-align:left; height:56px;overflow:hidden;}
#footer .footerCont .logoBox .logoImg {margin:0 auto; width:2020px; padding:0; text-align:left; height:56px;}
#footer .footerCont .logoBox .logoImg li {float:left; list-style-type:none;padding:0 5px;width:230px;text-align:center;}


#footer .footerCont div.footerSiteInfo {font-size:12px;color:#999;text-align:center;width:600px;margin:0 auto;  line-height:18px; padding-bottom:20px;}
#footer .footerCont div.footerSiteInfo a{color:#adb3c1;}
#footer .footerCont address {font-family:arial;font-size:9px;font-style:normal;color:#adb3c1;text-align:center;margin-top:5px;}
#footer .footerCont .footerLogo {position:absolute;width: 208px;height: 32px;top:120px;left:60px;}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

#familysite {position:absolute; top:110px; right:70px; width:180px; padding:0; z-index:10; }
#familysite #family_layer { position:absolute; bottom:26px; left:0px;  width:163px; display:none; background:#fff; text-align:left; border:1px solid #cccccc; height:auto; padding:5px 7px;}
#familysite #family_layer p {margin:3px 0; padding:0;font-family:'nanumgothic'; font-size:12px;color:#777;}
#familysite #family_layer a {color:#777; }
#familysite #family_layer a:hover {color:#F60; }
#familysite #family_layer.on {display:block;}
#familysite .selectBox {display:block; width:170px; height:27px; line-height:27px;  text-align:left; padding-left:10px; background:#202839;color:#adb3c1; font-family:'nanumgothic'; font-size:12px;}


#familysite2 {position:absolute; top:140px; right:70px; width:180px; padding:0; z-index:10; }
#familysite2 #family_layer2 { position:absolute; bottom:26px; left:0px;  width:163px; display:none; background:#fff; text-align:left; border:1px solid #cccccc; height:auto; padding:5px 7px;}
#familysite2 #family_layer2 p {margin:3px 0; padding:0;font-family:'nanumgothic'; font-size:12px;color:#777;}
#familysite2 #family_layer2 a {color:#777; }
#familysite2 #family_layer2 a:hover {color:#F60; }
#familysite2 #family_layer2.on {display:block;}
#familysite2 .selectBox2 {display:block; width:170px; height:27px; line-height:27px;  text-align:left; padding-left:10px; background:#202839;color:#adb3c1; font-family:'nanumgothic'; font-size:12px;}

#familysite3 {position:absolute; top:170px; right:70px; width:180px; padding:0; z-index:10; }
#familysite3 #family_layer3 { position:absolute; bottom:26px; left:0px;  width:163px; display:none; background:#fff; text-align:left; border:1px solid #cccccc; height:auto; padding:5px 7px;}
#familysite3 #family_layer3 p {margin:3px 0; padding:0;font-family:'nanumgothic'; font-size:12px;color:#777;}
#familysite3 #family_layer3 a {color:#777; }
#familysite3 #family_layer3 a:hover {color:#F60; }
#familysite3 #family_layer3.on {display:block;}
#familysite3 .selectBox3  {display:block; width:170px; height:27px; line-height:27px;  text-align:left; padding-left:10px; background:#202839;color:#adb3c1; font-family:'nanumgothic'; font-size:12px;}


/*etc*/
.templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center}
.usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center}

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: inline;float: left;margin-left: -1px;padding-left: 5px;}
.tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center}
.tab01 li a:hover, .tab01 li a:active {text-decoration: none;}
.tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
.tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;}

div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;}
div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;}
div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

#pctomobile {visibility:hidden}
#pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;}


/* 개인정보처리방침&이용약관*/
.sct { padding:30px 0;line-height: 18px;font-size: 12px;border: 1px solid #ccc; margin:30px 0;}
.sct h2{ color:#09F; padding-bottom:10px; border-bottom:1px #09F solid; margin:0 20px;}
.priva{padding: 20px; }
.priva p { width:100%; font-weight: 800;   font-size: 13px;  line-height: 19px; color:#777;}
.etc_agree {padding: 20px; line-height: 1.6em;  color:#777;}




/*main*/
#covid {display:flex;padding:40px 0;  justify-content : center;}
.sub_covid { width:500px;}
.s01_bg{position:absolute; top:555px; width:2600px; left:50%; margin-left:-1275px; height: 375px; z-index:-1; background:#dce0e3; }

#section {position:relative;width:100%; text-align:center;}




.s01{ padding:27px 0; margin:0 auto}
.s01 ul{display:inline-block; *display:inline; zoom:1; padding:0; margin:0;}
.s01:after {clear:both; display:block; content:''}
.s01 ul > li{ float:left;list-style-type:none; margin-right:8px; background:#fff; }

.s01 dl{color:#777; padding:0; margin:0;width:353px;border:1px #eee solid}
.s01 dl dt {height:105px;  color:#fff; padding: 20px; text-align:left;}
.s01 dl dt  h2{ padding-bottom:10px;}
.s01 dl dt  .copy{ font-size:14px; line-height:18px; }
.s01 dl dd { height:155px;  margin:0; padding:10px 20px;  }
.s01 dl dd .list_box {}
.news01{ background:#4da3d2;}
.news02{ background:#4db7d2;}
.news03{ background:#65cbd4;}


.s01_bg{position:absolute; top:550px; width:2600px; left:50%; margin-left:-1275px; height: 375px; z-index:-1; background:#dce0e3; }

.s02{ padding:30px 0 35px 0; height:315px;}
.s02 .tit_box{  font-weight:bold;padding:30px 0;}
.s02 .tit_box ul{display:inline-block; *display:inline; zoom:1; padding:0; margin:0; }
.s02 .tit_box li{ float:left;list-style-type:none; height:30px; line-height:30px;}
.s02 .tit_box li .txt1{font-size:30px; color:#494949; letter-spacing:-1px; }
.s02 .tit_box li .txt2{font-size:35px; color:#0e82be; letter-spacing:-1px;}
.s02 .tit_box li .txt2 span{font-size:30px; color:#494949; letter-spacing:-1px; }
.s02 ul.img_list {display:inline-block; *display:inline; zoom:1;padding:0; margin:0;}
.s02 ul.img_list:after {clear:both; display:block; content:''}
.s02 ul.img_list li{float:left;width:260px;list-style-type:none; }
.s02 ul.img_list dl{}
.s02 ul.img_list dl dt {height:170px;  }
.s02 ul.img_list dl dd.txt1 {margin:0;font-size:21px; font-weight:bold; color:#494949; padding-bottom:10px}
.s02 ul.img_list dl dd.txt2 {margin:0;font-size:14px; color:#494949;  line-height:19px; display:none;}




.s02_bg{position:absolute; top:930px; width:2600px; left:50%; margin-left:-1275px; height: 430px; z-index:-1; background:url('./image/main/s02_bg.jpg')}


.s03{ padding:10px 0;}
.s03 ul{display:inline-block; *display:inline; zoom:1;padding:0; margin:0;}
.s03 li{float:left;width:250px;list-style-type:none; }


.s03_bg{position:absolute; bottom:0; width:2600px; left:50%; margin-left:-1275px; height: 95px; z-index:-1; background:#e0eced; }



@media (max-width: 1100px) {
	#header{ width:100%;}
	#header .gnb{ display:none;}
	#header .mobile_list { display:block;right:70px; }
	#header .serch_btn{ right:10px;}
	.imglogo{padding-left:10px;}
	.lnbWrap{ display:none;}
	#lnb{ width:100%;}
	#lnbbg {height:50px;width:100%;}
	
	#footerWrap { height:180px; background:#364056;}
	#footer .footerCont{ width:100%;}
	#footer .footerCont div.footerMenu {text-align:center; margin:0; }
	#footer .footerCont div.footerSiteInfo { width:100%;font-size:11px;line-height:16px;}

	#footer { padding:0;}
	#footerbg { padding:0;}
	
	#content .subContent { padding:0px; width:100%;}
	
	
	#content .snb .category{ display:none;}
	#content .snb .category_bg{ display:none;}
	#content .subContent .location { display:block;}
	
	
	#content .subContent .board_top{ display:none;}
	#content .subContent h3.subTitleSubject {padding-top:50px; color:#555;}
	#content .subContent h5.subTitleSubject { padding-bottom:50px; color:#777;}
	
	.board_bg1{background:none}
	.board_bg2{background:none}
	.board_bg3{background:none}
	.board_bg4{background:none}



	/*main*/
 
#covid a img { width:70% text-align:center;}

	.s01_bg{ display:none;}
	.s02_bg{ display:none;}
	.s03_bg{ display:none;}
	
	.s01 li{ margin:0 3px; width:32.5%; }

	
	.s01 dl{ width:100% }

	

	.s02{ padding:10px 0 50px 0; background:#ededed;  height:auto}
	.s02 .tit_box{ padding:30px 0 30px 0;}
	.s02 .tit_box li .txt1{font-size:25px; }
	.s02 .tit_box li .txt2{font-size:30px;}
	.s02 .tit_box li .txt3{font-size:25px;}
	.s02 ul.img_list { width:100%;}

	.s02 ul.img_list li{width:25%;}
	.s02 ul.img_list dl dt {height:150px;  }
	.s02 ul.img_list dl dt img{ width:131px}
	.s02 ul.img_list dl dd.txt1 {font-size:17px;padding-bottom:5px;letter-spacing:-1px;}
	.s02 ul.img_list dl dd.txt2 {font-size:12px; letter-spacing:-1px;line-height:17px;}
	

	
	.s03{ padding:10px 0; }
	.s03 li{width:25%;}
	.s03 li img{ width:97%}
	
	
	#footer .footerCont .footerLogo { position:relative; text-align:center; top:10px;  width:100%; left:0;}
	#familysite{ display:none;}
	#familysite2{ display:none;}
	#footer {background:#364056;}
	#footer .footerCont .logoBox {display:none; }
	
	
	


}

@media (max-width: 760px) {
#covid {padding: 10px 0;}
#covid a img { width:100% ;  text-align : center;}
	.s01{ padding:0;}
	.s01 li{width:100%; margin:0; }
	.s01 dl dt {height:80px;  color:#fff; padding:15px 0 0 15px; text-align:left;}
	.s01 dl dt h2{ padding-bottom:5px; margin:0;}
	.s01 dl dt .copy{ font-size:12px; line-height:16px; }
	.s01 dl dd { height: auto;  }
	
	
	.s02{ padding:10px 0 30px 0;}
	.s02 .tit_box{ padding:20px 0;}

	.s02 .tit_box li{ height:auto; width:100%; text-align:center;}
	.s02 .tit_box li .txt1{font-size:17px;}
	.s02 .tit_box li .txt2{font-size:20px;}
	.s02 .tit_box li .txt2 span{font-size:20px;}
	.s02 ul.img_list li{width:50%; }
	.s02 ul.img_list dl dt {height:110px;  }
	.s02 ul.img_list dl dt img{ width:90px}
	.s02 ul.img_list dl dd.txt2 { padding-bottom:20px;}
	.s02 ul.img_list dl dd{ height:auto;}
	
	.s01 ul.s01_list dl dd .list_box { padding-bottom:10px;}
	
	.s02_span1{ width:300px;}



	

	
}
@media (max-width: 400px) {
	#covid a img { width:100%}
	.s02{ padding:10px 0; }
	#header .imglogo { top:15px;}
	#header .imglogo img{ width:200px; height:32px;}
	#header .mobile_list { top:15px; right:50px; }
	#header .serch_btn { top:15px;}
	
	#lnbbg {height:50px;}
	
	#content .subContent { padding:10px 0 0 0;}
	
	.s02 .tit_box li{ line-height:22px;}
	.s02 .tit_box li .txt1{font-size:15px;}
	.s02 .tit_box li .txt2{font-size:18px;}
	.s02 .tit_box li .txt2 span{font-size:17px;}
	
	#footer .footerCont div.footerSiteInfo {font-size:11px; letter-spacing:-1px;line-height:16px;}
	#footer .footerCont address { letter-spacing:0;}
	#footer .footerCont .footerLogo img{ width:180px; height:28px}
	

	
}


@media (max-width: 380px) {

	#header .imglogo img { width: 173px;  height: auto;}
	#lnbbg {height:10px;}
}




















/*sub*/

.page_img{ display:none;}

.page{ color:#555; text-align:left;}

.page2{}
.page2 .page2_s01{font-size:30px; letter-spacing:-1px; line-height:35px; font-weight:bold; text-align:center; color:#1465b3;background:url(./image/sub/1/page2_txt.jpg) 125px 0 no-repeat; height:50px; padding-top:30px;}
.page2 .page2_s01  span{ color:#3bc7ab; font-size:35px;}
.page2 .page2_s02{font-size:18px; line-height:25px;  text-align:center; color:#1a90d5; border-bottom:1px #CCCCCC solid; padding-bottom:20px; margin-bottom:30px;}
.page2 .page2_s03{font-size:20px; line-height:35px; font-weight:bold; padding-bottom:10px;}
.page2 .page2_s04{ font-size:13px;  line-height:22px; padding-bottom:60px; background:url(./image/sub/1/page4_txt.jpg) 100% 0 no-repeat;}


.page2_bg{position:absolute; top:55px; width:2600px; left:50%; margin-left:-1275px; height:350px; z-index:-1; background:url(./image/sub/1/page2_bg.jpg) no-repeat;}
.page2_bg2{position:absolute; top:1019px; width:2600px; left:50%; margin-left:-1275px; height:180px; z-index:-1; background:#4db7d2;}



.page3{background:url(./image/sub/1/page3_bg3.jpg) 100% 90% no-repeat; padding-bottom:70px;}
.page3 .page3_s01{ font-size:23px; padding-bottom:10px; text-align:center; padding-top:30px; color:#1465b3; line-height:33px; letter-spacing:-1px; font-weight:bold}
.page3 .page3_s01 span{ font-weight:bold; font-size:30px;color:#3bc7ab;}
.page3 .page3_s02 { text-align:center; }
.page3 .page3_s02  ul{ padding:0; margin:0;}
.page3 .page3_s02 li{ display:inline-block; width:300px; height:200px; border:#CCC solid 1px; vertical-align:top; margin:0 20px; background:#fff;}
.page3 .page3_s02 .sTit{ width:100%; background:#06C; padding:10px 0; font-size:17px; font-weight:bold; color:#FFF}
.page3 .page3_s02 .bTit{font-size:15px; padding:30px; line-height:22px;}
.page3 .sTxt{ font-size:19px; font-weight:bold; color:#333; text-align:center;background:url(./image/sub/1/page3_bar.jpg) 50% 0% no-repeat; padding-top:20px; margin:40px 0 30px 0;}

.page3 .page3_s03{ font-size:15px; line-height:22px; padding-left:250px;}
.page3 .page3_s03 span{ color:#06F; font-weight:bold;}



.page3_bg{position:absolute; top:55px; width:2600px; left:50%; margin-left:-1275px; height:350px; z-index:-1; background:url(./image/sub/1/page3_bg.jpg) no-repeat;}
.page3_bg2{position:absolute; top:720px; width:2600px; left:50%; margin-left:-1275px; height:605px; z-index:-1; background:url(./image/sub/1/page3_bg2.jpg) no-repeat;}

.page4{ padding:20px 0 100px 0; text-align:center;}
.page4 .sTxt{ font-size:20px; color:#1465b3; line-height:27px; margin-bottom:30px;font-weight:bold}
.page4 .sTxt span{ font-weight:bold; font-size:25px;color:#3bc7ab;}
.page4 .Box{ background:#eeeeee; width:100%; padding:50px 0;}
.page4_bg{position:absolute; top:55px; width:2600px; left:50%; margin-left:-1275px; height:350px; z-index:-1; background:url(./image/sub/1/page4_bg.jpg) no-repeat;}



.page5 { clear:both; text-align:center;}
.page5 dl { margin:30px 0 0 0; padding:0;  height:auto; color:#1465b3;}
.page5 dl dt {margin:0; padding:0; }
.page5 dl dt .sTit {margin:0; padding:0 0 0 3px; letter-spacing:0px; height:25px;}
.page5 dt .bTit {font-family:raleway; font-weight:100; margin:5px 0; padding:0; letter-spacing:-2px; font-size:48px; line-height:42px;}
.page5 dt .bTit span {font-weight:300; font-size:48px;}
.page5 dt .bTxt {margin:0; padding:0; font-size:28px; letter-spacing:-1px; line-height:60px; height:50px;}
.page5 dt .bTxt span.blue {color:#3bc7ab; font-weight:bold}
.page5 dd {margin:30px 0 0 0; padding:0; font-size:16px; letter-spacing:0px; line-height:25px; color:#555; background:#eeeeee; padding:25px 0;}
.page5 dd .addr {font-size:22px; height:45px; letter-spacing:-1px; display:block; padding-bottom: 10px;}
.page5 dd .tel {padding-left:2px;display:block;}

.page5_bg{position:absolute; top:500px; width:2600px; left:50%; margin-left:-1275px; height:450px; z-index:-1; }
.page5 .map_box{ width:100%; height:450px; display:none; } 
.page5 .page5_mapIMG{ width:100%; padding:30px 0;}




.page6{ padding-bottom:50px;}

.page6 h5{ padding:20px 0 10px 0;font-size:15px; margin:0; color:#3a5082}
.page6 p{ margin:0 20px; color:#555;}
.page6 p.txt1{ border-top:1px #999 solid; font-size:13px; color:#777; padding:10px 0; margin-top:20px; line-height:20px; }
.page6 a{color:#464646;}
.page6 a:hover{color:#0c34e1;}



.table_page6 {width:100%;border-collapse: collapse;text-align: center;border-top:2px solid #555;}
.table_page6 td, th {font-size:12px;border: 1px solid #ccc;height: 30px;}
.table_page6  th {background-color:#ecf1f7;color:#555; font-size:13px; }
.table_page6  tr.alt td {color:#000000;background-color:#EAF2D3;}


@media (max-width: 1100px) {
	
	.page_img{ display:block; width:100%}
	.page_img img { width:100%;}
	
	.page{  color:#555; text-align:left;}
	
	.page{padding-top:30px;letter-spacing:-1px; }
.page2{ padding:0 10px;}
.page2 br{ display:none;} 
.page2 .page2_s01{font-size:20px; background:none;}
.page2 .page2_s01  span{  font-size:25px;}
.page2 .page2_s02{font-size:15px; line-height:20px; }
.page2 .page2_s03{font-size:15px; line-height:19px;}
.page2 .page2_s04{ font-size:13px;   padding-bottom:30px; background:none;}


	
	.page2_bg{ display:none;}
	.page2_bg2{display:none;}
	
.page3{background:none;padding-bottom:70px;}
.page3 .page3_s01{ font-size:15px; line-height:20px;}
.page3 .page3_s01 span{ font-size:20px;}
.page4{ padding:20px 0 50px 0; text-align:center;}
.page3 .page3_s02 li{  width:80%; height:auto; margin-bottom:10px;}
.page3 .page3_s02 .sTit{ font-size:15px;}
.page3 .page3_s02 .bTit{font-size:13px; padding:10px; line-height:19px;}
.page3 .sTxt{ font-size:19px; font-weight:bold; color:#333; text-align:center;background:url(./image/sub/1/page3_bar.jpg) 50% 0% no-repeat; padding-top:10px; margin:20px 0 10px 0;}

.page3 .page3_s03{ font-size:15px; line-height:22px; padding-left:20px;}
.page3 .page3_s03 span{ color:#06F; font-weight:bold;}
	
	
	.page3_bg{ display:none;}
	.page3_bg2{ display:none;}
	
	.page4{ padding:0px 10px 30px 10px;}
	.page4 .sTxt{ font-size:14px;line-height:20px;}
	.page4 .sTxt br{ display:none;}
	.page4 .sTxt span{ font-weight:bold; font-size:20px;color:#3bc7ab;}
	.page4 .Box{ padding:30px 0;}
	.page4 .Box img{ width:90%;}
	.page4_bg{ display:none;}
	.page5_bg{ display:none;}
	
	.page5 {height:auto;}
	.page5 dl { margin-top:30px;}
	.page5 dl dt {margin:0; padding:0; }
	.page5 dl dt .sTit {margin:0; padding:0 0 0 3px; letter-spacing:0px; height:25px;}
	.page5 dt .bTit {font-size:38px; line-height:38px;}
	.page5 dt .bTit span { font-size:38px;}
	.page5 dt .bTxt {line-height:30px; height:30px; font-size:17px;}

	.page5 dd {margin:30px 0 0 0; padding:30px 0; font-size:14px; letter-spacing:0px; line-height:20px; color:#555; background:#dbdbdb}
	.page5 dd .addr {font-size:14px; height:30px; letter-spacing:-1px; display:block;}
	.page5 dd a{color:#555;}
	.page5 dd a:hover{color:#555;}
	
	
	.page5 .map_box{  display:block;} 
	
	
	.page6{ padding:10px;}
	.page6 h5{font-size:12px;letter-spacing:-1px;}

	.page6 p.txt1{  font-size:12px; }
	.page5 .page5_mapIMG img{ width:100%;}

}