@charset "utf-8";

@font-face {
    font-family: 'NotoSansDemiLight';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/css/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansRegular';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/css/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansMedium';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/css/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'GmarketSansBold';
    src: local('GmarketSansBold'),url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.svg#GmarketSansBold') format('svg'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.svg#GmarketSansBold') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: local('GmarketSansMedium'),url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.svg#GmarketSansMedium') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.svg#GmarketSansMedium') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: local('GmarketSansLight'),url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.svg#GmarketSansLight') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.svg#GmarketSansLight') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.ttf') format('truetype');
    font-weight: 1200;
    font-style: normal;
}

/*나눔고딕 font-family: 'Nanum Gothic', sans-serif;
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');
*/

html, body { width:100%; padding:0; margin:0 auto;  font-family:"GmarketSansMedium"; font-size:1.0em;  text-decoration:none; background-color:#ffffff; }
table,td,br {text-decoration:none;}
img { border:0; }
ul { margin:0; padding:0; }
li { list-style:none; }
onclick {cursor:pointer;}
hr {border-top: 1px solid #e8e8e8;border-left: 0px none #ffffff;border-right: 0px none #ffffff;border-bottom: 0px none #ffffff;width:100%;height:1px;background-color:#ffffff;}
.hr1 {border-top: 1px solid #e8e8e8;border-left: 0px none #ffffff;border-right: 0px none #ffffff;border-bottom: 0px none #ffffff;width:100%;height:1px;}

a,span { text-decoration:none; color:#000000;}
h1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
h2 { display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; }
h3 { display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; }
h4 { display: block; font-size: 1.0em; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold; }
textarea { resize: none;  border:1px solid #dddddd; padding:0; margin:0 auto; }
input[type="checkbox"] { width: 18px; height:18px; padding: 3px; vertical-align:-4px; }
input[type="radio"] { width: 18px; height:18px; padding: 3px; vertical-align:-4px; }
input[type="date"] { height:36px; border:1px solid #dddddd; padding:0 5px 0 5px; color:#000000; }
.sctextinput { height:34px; border:1px solid #dddddd; padding:0 0 0 0; color:#000000; }
.hashcolor{color:#2a84f2;}


select {
    width:280px; /* 가로 사이즈 */
    height:36px;
    padding: 6px; /* 내부여백 */
    padding-left: 12px;
    border: 1px solid #dddddd;
    background: url(/jdboard/imgs/select_arrow.png) no-repeat right 50%; /* 화살표 위치 */
    background-size: 30px; /* 화살표 크기 */
    border-radius: 0px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000000;
    outline:none;
}
select:hover {border: 1px solid #aaaaaa;}



.box-radio-input input[type="radio"]{
	display:none;
}
.box-radio-input input[type="radio"] + span{
  font-size:0.8em;
	display:inline-block;
	background:#f9f9f9;
	border:1px solid #dfdfdf;
	padding:0px 15px;
	text-align:center;
	height:35px;
	line-height:33px;
	cursor:pointer;
}
.box-radio-input input[type="radio"]:checked + span{
  font-size:0.8em;
	border:1px solid #59afcf;
	background:#59afcf;
	color:#fff;
}


.custmdisplay{ display:none; font-family:"GmarketSansMedium"; font-size:0.8em; padding:11px 16px 11px 16px; }
.input-file-button{
  font-size:0.8em;
  display:inline-block;
  padding: 8px 15px;
  background-color:#3a6dba;
  color: white;
  cursor: pointer;
}


.fn100 { float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
.fr100 { float:right; margin:0 auto; padding:0 0 0 0; }
.fl100 { float:left;  margin:0 auto; padding:0 0 0 0; }
.taleft { text-align:left; }
.tacenter { text-align:center; }
.taright { text-align:right; }
.line_st100 { width:100%;}
.line_st100_2{ width:calc(100% - 2px); }
.line_st96 { width:96%; }
.line_st90 { width:90%; }
.line_st80 { width:80%; }
.line_st75 { width:75%; }
.line_st70 { width:70%; }
.line_st60 { width:60%; }
.line_st50 { width:50%; }
.line_st40 { width:40%; }
.line_st35 { width:35%; }
.line_st33 { width:33.333%; }
.line_st30 { width:30%; }
.line_st25 { width:25%; }
.line_st20 { width:20%; }
.line_st15 { width:15%; }
.line_st10 { width:10%; }
.line_st05 { width:5%; }
.ellip{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.height36 { height:36px; }
.line_height36 { line-height:36px; }
.height46 { height:46px; }
.line_height46 { line-height:46px; }
.height50 { height:50px; }
.height60 { height:60px; }
.line_height60 { line-height:60px; }
.height70 { height:70px; }
.line_height70 { line-height:70px; }
.height80 { height:80px; }
.line_height80 { line-height:80px; }
.height90 { height:90px; }
.line_height90 { line-height:90px; }
.height100 { height:100px; }
.height150 { height:150px; }
.height180 { height:180px; }
.height200 { height:200px; }
.height250 { height:250px; }
.height300 { height:300px; }
.height400 { height:400px; }
.height500 { height:500px; }

.taleft{text-align:left;}
.tacenter{text-align:center;}
.taright{text-align:right;}


.fontcr-white{color:#ffffff;}/*=====화이트=====*/
.fontcr-black{color:#000000;}/*=====블랙=====*/
.fontcr-0459b5{color:#0459b5;}/*=====블루계열=====*/
.fontcr-666666{color:#666666;}/*=====그레이계열=====*/
.fontcr-ff0000{color:#ff0000;}/*=====레드계열=====*/
.fontsz16{font-size:1.6em;}
.fontsz15{font-size:1.5em;}
.fontsz14{font-size:1.4em;}
.fontsz13{font-size:1.3em;}
.fontsz12{font-size:1.2em;}
.fontsz1{font-size:1.0em;}
.fontsz09{font-size:0.9em;}
.fontsz08{font-size:0.8em;}
.fontsz07{font-size:0.7em;}
.fontsz06{font-size:0.6em;}
.fontsz05{font-size:0.5em;}

.next { font-size:1.0em; color:#ffffff; background-color:#59afcf; border:1px solid #59afcf; }
.save { color:#ffffff; background-color:#fa6600;border:1px solid #fa6600; cursor:pointer;}
.btn { color:#ffffff; background-color:#59afcf; border:1px solid #59afcf; cursor:pointer;}

/*=====목록스타일=====*/
.sbox_list { float:none; width:100%; padding:0 0 0 0; border-top: 2px solid #888888; border-bottom: 1px solid #888888; clear:both; }
.sbox_title { float:none; margin:0; width:100%; padding:0 0 0 0; height:40px; line-height:40px; border-bottom: 1px solid #e1e1e1; clear:both; }
.st { float:left; margin:0;  padding:0 0 0 0; text-align:center; background-color:#f1f1f1; font-size:1.2em; color:#000000; }
.sc { float:left; margin:0; padding:0 0 0 0; font-size:1.1em; color:#000000;  }
/*=====목록스타일=====*/



/*건너뛰기링크*/
/* skip */
.skip { position: relative; margin:0 0 0 0; padding:0 0 0 0; top:0; left:0; z-index: 8999999;}
.skip a {left: -3000%; position: absolute;font-size:12px;text-decoration:none;}
.skip a:hover, .skip a:focus, .skip a:active {background:#003662;color: #ffffff;display: block;height: 30px;left: 0;line-height: 30px;text-align: center;top: 0;width: 100%;z-index: 8999999;}





.photobox{position:relative; width:20%;}
.photobox img{max-width:100%;}
.photodel{position:absolute; width:100%; top:0;right:0; z-index:2;}
.photodel img{max-width:50%; margin-top:25px;}
.photodel a{color:#ffffff;}
.photodel i{font-size:1.2em; }


.service_ctbox{float:left; width:calc(25% - 20px); height:56px; padding:10px; margin:0 10px 10px 10px; text-align:center; border-radius:2px; border:1px solid #e1e1e1; background:#f9f9f9;}

/*--------PC##########################################################--------*/
@media (min-width: 1280px){
  .table_group_cs {
    width:100%;
    border-collapse: collapse;
    border-top: 2px solid #4f79d2;
  }
  .table_group_cs th {
    color: #000000;
    background: #f7f7f7;
    font-size:0.8em;
  }
  .table_group_cs th, .table_group_cs td {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color:#666666;
    font-size:0.8em;
    padding:12px;
  }
  .table_group_cs th:first-child, .table_group_cs td:first-child {
    border-left: 0;
    padding:12px;
  }
  .table_group_cs th:last-child, .table_group_cs td:last-child {
    border-right: 0;
    padding:12px;
  }
  .table_group_cs tr td:first-child{
    padding:12px;
  }
  .table_group_cs caption{caption-side: bottom; display: none;}


  .table {
    border-collapse: collapse;
    border-top: 2px solid #4f79d2;
  }
  .table th {
    color: #000000;
    background: #f7f7f7;
    font-size:0.8em;
  }
  .table th, .table td {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color:#666666;
    font-size:0.8em;
  }
  .table th:first-child, .table td:first-child {
    border-left: 0;
    padding:20px 12px 20px 12px;
  }
  .table th:last-child, .table td:last-child {
    border-right: 0;
    padding:20px 12px 20px 12px;
  }
  .table tr td:first-child{
    padding:20px 12px 20px 12px;
  }
  .table caption{caption-side: bottom; display: none;}


  .divspagecont{float:none; width:100%;  text-align:left; margin:0 auto; padding:0 0 0 0; clear:both;}
  .divspagecont ul{float:none; width:100%;  text-align:left; margin:0 auto; padding:0 0 0 0; clear:both;}
  .divspagecont li{float:left; text-align:left; margin:0 auto; padding:5px 10px 5px 0;}
  .divspagecont_rdbox{float:none; width:100%; text-align:left; margin:0 auto; padding:14px;font-size:0.9em;color:#666666; border:1px dotted #ddd; border-radius:6px; clear:both;}
  .divspageSubject{float:none; color:#4f79d2; font-size:1.3em; text-align:left; margin:0; padding:0 0 0 0; border-radius:6px 0 6px 0; background-color:#ffffff; clear:both;}
  .divspagecont_a{float:none; width:100%; text-align:left; margin:0 auto; padding:14px; font-size:0.9em; color:#666666; clear:both;}
  .divspageSubject_small{float:none; color:#000000; font-size:1.0em; text-align:left; margin:0; padding:0 0 0 0; clear:both;}

.spsubctbox{float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.spct_abox{float:left; width:28%; margin:0 auto; padding:0 0 0 0;}
.arrowbox{float:left; text-align:center; width:8%; margin:0 auto; padding:150px 0 0 0;}
.spctbox{float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.spctround{float:none; width:98%; margin:0 auto; padding:0 0 0 0; border-radius:12px; border:2px solid #f2f2f2; clear:both;}
.spctround_photo{float:none; width:90%;text-align:center;  margin:0 auto; padding:0 0 0 0; clear:both;}
.spctround_photo img{width:50%;}
.spctround_title{float:none; width:90%; height:46px; text-align:center; font-size:0.88em; color:#000000; margin:0 auto; padding:20px 0 0 0; clear:both;}
.spctround_ct{float:none; width:90%; height:250px; text-align:left; font-size:0.75em; color:#666666; margin:0 auto; padding:10px 0 0 0; clear:both;}




  .swp_box{position:absolute; bottom:0; z-index:1; left:0; float:none; width:100%; margin:0 auto;  padding:0 0 0 0; clear:both;}
  .swp1400{ float:none; width:1280px;  text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }

  .minfo_rapa{  position: relative;overflow: hidden;float:none; width:100%; height:480px; margin:0 auto;background:#ffffff; padding:0 0 0 0;cursor:pointer; clear:both;}
  .minfo_rapa:hover{ float:none; width:100%; height:480px; margin:0 auto;background:#93ca45; padding:0 0 0 0; clear:both;}
  .minfo_rapb{  position: relative;overflow: hidden;float:none; width:100%; height:480px; margin:0 auto;background:#f9fafa; padding:0 0 0 0;cursor:pointer; clear:both;}
  .minfo_rapb:hover{ float:none; width:100%; height:480px; margin:0 auto;background:#5492ff; padding:0 0 0 0; clear:both;}
  .minfo_num{float:none; width:100%; height:100px; text-align:center; font-size:1.8em; color:#000000; margin:0 auto; padding:50px 0 0 0; clear:both;}
  .minfo_title{float:none; width:100%; height:40px; text-align:center;font-size:1.0em; color:#000000;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_stitle{float:none; width:80%; height:110px; text-align:left; font-size:0.8em; color:#333333;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_img{float:none; width:100%; height:180px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_img img{position: absolute;
              left: 50%;
              bottom: -100px;
              transform: translateX(-50%);
              transition: all 0.5s;width:80%;}
  .minfo_rapa:hover .minfo_img img{bottom: 0;}
  .minfo_rapb:hover  .minfo_img img{bottom: 0;}
  .minfo_rapa:hover .minfo_num{color:#ffffff;}
  .minfo_rapb:hover  .minfo_num{color:#ffffff;}
  .minfo_rapa:hover .minfo_stitle{color:#ffffff;}
  .minfo_rapb:hover  .minfo_stitle{color:#ffffff;}
  .minfo_rapa:hover .minfo_title{font-size:1.1em;color:#ffffff;}
  .minfo_rapb:hover  .minfo_title{font-size:1.1em;color:#ffffff;}


  .subpagecontents img{}
  figure.snip1432 {
    float:left;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 230px;
    max-width: 236px;
    width: 100%;
    background: #000000;
    color: #ffffff;
    text-align: left;
  }
  .box {
    width: 100%;
    height: 530px;
    position: relative;
    overflow: hidden;
  }

  .wave {
    opacity: .4;
    position: absolute;
    top: 3%;
    left: -70%;
    background: #0af;
    width: 100%;
    height: 530px;
    margin-left: -10%;
    margin-top: -10%;
    transform-origin: 50% 48%;
    border-radius: 80%;
    animation: drift 5000ms infinite linear;
  }

  .wave.-three {
    animation: drift 7000ms infinite linear;
  }

  .wave.-two {
    animation: drift 9000ms infinite linear;
    opacity: .1;
    background: yellow;
  }

  @keyframes drift {
    from { transform: rotate(0deg); }
    from { transform: rotate(360deg); }
  }
.width1280{ width:1280px; }
.header_rap{ position:fixed; top:0; float:none; width:100%; margin:0 auto; padding:25px 25px 0 25px; z-index:999; clear:both; }
.header_box{ float:none; width:100%; height:85px; margin:0 auto; padding:0 0 0 0; background-color:#ffffff; clear:both; }
.header_logo{ float:left; width:200px; line-height:85px;  padding:0 0 0 0;  position:relative; top:0; left:0; z-index:9999;  }
.header_menu{ float:right; line-height:85px; margin:0; padding:0 0 0 0;  position:relative; top:0; right:0; z-index:9999;}
.header_donate{ float:left; width:110px; line-height:85px; margin:0; text-align:center;   background-color:#11a475; padding:0 0 0 0; }
.header_donate a{ font-size:0.9em; color:#ffffff; }
.header_search{ float:left; width:80px; line-height:85px; margin:0;  text-align:center;  background-color:#e1e1e1;padding:0 0 0 0; }
.header_search a{ font-size:0.9em; color:#000000; }
.header_memb{ float:left; width:120px; line-height:85px; margin:0; text-align:center;   background-color:#f7f7f7; padding:0 0 0 0; }
.header_memb a{ font-size:0.9em; color:#000000; }
.header_blog{ float:left; width:120px; line-height:85px; margin:0; text-align:center;   background-color:#11a475; padding:0 0 0 0; }
.header_blog a{ font-size:0.9em; color:#ffffff; }

/*gnb*/
/*공통부분*/
#wrap{position:relative;clear:both;width:100%; margin:0 auto;}
/*드롭다운메뉴*/
#gnb { margin:0 auto; position:absolute; top:25px; height:85px; width:100%; padding:0 25px 0 0; z-index:999; }
#gnb:after {display:block; content:"";clear:both;}
#gnb .gnb_wrap{width:100%;margin:0 auto;}

.gnb_wrap>ul>li::after{  content: "|";  float: right;  display: block;}
.gnb_wrap>ul>li:last-child::after{  content: "";}

#gnb .gnb_wrap:after {display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul{width:900px;margin:0 auto;}
#gnb .gnb_wrap>ul:after {display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul>li{ float:left; width:180px;height:85px; line-height:85px; text-align:center;}
#gnb .gnb_wrap>ul>li a.dep01{color:#000000; font-size:1.0em;  letter-spacing:-0.5px;}
#gnb .gnb_wrap>ul>li.slc a.dep01{color:#000000; }
#gnb .gnb_wrap>ul>li.ov a.dep01{color:#000000; }
#gnb .gnb_wrap>ul>li.on a.dep01{color:#000000; }
#gnb .gnb_wrap>ul>li div.dep02{ width:calc(100% - 50px);  background-color:#f7f7f7; position: absolute; top:85px; left:0;  z-index: 9900; color:#fff; line-height:1.5; text-align:left; display:none; }
#gnb .gnb_wrap>ul>li div.dep02 a{color:#000000; font-size:0.8em; }
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav{ width:900px; max-height:260px; margin:0 auto; }
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav:after{ display:block; content: "|"; clear:both; }
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav{ float:none; border-right:0 solid #e1e1e1; clear:both; }
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav:after{ display:block; content:"";clear:both; }
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav{ float:left; width:180px; border-left:0 solid #e1e1e1; padding:20px 0;min-height:260px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li{ float:left; padding-top:12px; width:100%; }
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li:after{ display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li:first-child{margin-top:0px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li>a{display:block;width:100%;padding-left:30px;line-height:14px;font-size:0.8em; color:#000000;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li>a>i{ font-size:0.2em;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li.dep02_nav_btn{margin:0 0 0 20px;min-height:30px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li.dep02_nav_btn>a{display:block;padding:0;height:30px;line-height:30px;font-size:0.8em;font-weight:bold;background:none;}
#gnb .gnb_wrap>ul>li div.dep02 .dep03{float:none; clear:both;margin-left:40px;margin-top:4px;}
#gnb .gnb_wrap>ul>li div.dep02 .dep03:after{ content:"";clear:both;}
#gnb .gnb_wrap>ul>li div.dep02 .dep03>li{	}
#gnb .gnb_wrap>ul>li div.dep02 .dep03>li a{color:#ffffff;display:block;font-size:1.2em;font-weight:normal;line-height:26px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_gnbnav .sub_rt_nav ul.dep02_nav>li ul.dep03>li:first-child a{margin-left:0;}
.dep03_sub_nav{font-size:1.14em; margin-left:40px;}
/*gnb*/

/*상단드롭메뉴*/
nav ul{width:120px;top:0;list-style: none;margin: 0;padding: 0;}
.access-menu{top:0;display: table;margin: 0 auto;}
.access-menu > li{width:120px;line-height:85px;background-color:#252f45;display: inline-block;position: relative;top:0;margin-right: 0;padding-right:0;}
.access-menu > li + li{border-left: solid 0 #ffffff;}
.access-menu > li:hover .access-submenu{	top: 100%;left: auto;	text-align:left;}
.access-menu a{font-size:0.9em;	color: #ffffff;	display: block;	padding:0 4em 0 4em;	text-decoration: none;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.access-menu a:hover,
.access-menu a:focus{	background: #012144;}
.access-submenu{	background-color: #012144;	left: -9999px;	position: absolute;	top: -9999px;	width: 100%;  line-height:46px;  text-indent:10px;}
.access-submenu > li + li{	border-top: solid 0 #ffffff;}
.access-submenu > li:last-child{border-bottom: solid 0 #ffffff;	text-align:center;}
.access-submenu a{font-size:0.8em;	padding:0 0 0 0;	color:#ffffff;	text-align:left;}
.access-submenu a:hover,
.access-submenu a:focus{	background: #000000;}
.is-show{	left: auto;	top: 100%;}
/*상단드롭메뉴*/

.mv_box { float:none; width:100%;  background-color:#003b7a;  clear:both; }
.mv { float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
/*수와이퍼*/
.swiper {width: 100%;}
.swiper-slide {text-align: center;  font-size: 18px;background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.swiper-slide-img { display: block; width: 100%; object-fit: cover; }

/*수와이퍼*/

.notice_rap { float:none; width:100%; height:580px; margin:0 auto; padding:70px 0 0 0;  background-color:#f0f4f5;  clear:both; }
.information_rap{float:none; width:100%; height:780px; margin:0 auto; padding:70px 0 0 0;  background-color:#ffffff;  clear:both;}
.map_rap{float:none; width:100%; height:380px; margin:0 auto; padding:0 0 0 0;   clear:both;}
.service_rap{float:none; width:100%; height:780px; margin:0 auto; padding:70px 0 0 0;   clear:both;}
.service_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.service { float:left; width:33.3333%; margin:0 auto; padding:0 0 0 0; }
.service_care{position: relative;float:none;overflow: hidden; width:80%; height:490px; margin:0 auto; padding:0 0 0 0;background-color:#eb3192;border-radius:14px; cursor:pointer; clear:both;}
.service_care:hover{background:#5492ff;}
.service_bath{position: relative;float:none;overflow: hidden; width:80%; height:490px; margin:0 auto; padding:0 0 0 0;background-color:#57c0ba;border-radius:14px; cursor:pointer; clear:both;}
.service_bath:hover{background:#2cb400; }
.service_safe{position: relative;float:none;overflow: hidden; width:80%; height:490px; margin:0 auto; padding:0 0 0 0;background-color:#f78e56;border-radius:14px; cursor:pointer; clear:both;}
.service_safe:hover{ background:#1a1571;}
.service_title{float:none; width:100%; height:90px; text-align:center; font-size:1.4em; color:#ffffff; margin:0 auto; padding:40px 0 0 0; clear:both;}
.service_stitle{float:none; width:80%; height:80px; text-align:left; font-size:0.8em; color:#ffffff;  margin:0 auto; padding:0 0 0 0; clear:both;}
.service_more{float:none; width:80%; height:30px; text-align:left; font-size:0.8em; color:#ffffff; margin:0 auto; padding:0 0 0 0; clear:both;}
.service_img{float:none; width:100%; height:250px; margin:0 auto; padding:0 0 0 0; clear:both;}
.service_img img{height:250px; position: absolute; right: 0;bottom: 0;}



.facity_rap { float:none; width:100%; height:870px; margin:0 auto; padding:70px 0 0 0;   clear:both; }
.notice_box { float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
.notice_mtitle{ float:none; width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; font-size:2.2em;  color:#000000; }
.notice_stitle{ float:none; width:100%; text-align:center; margin:0 auto; padding:0 0 30px 0; font-family:"GmarketSansLight";font-size:1.0em; color:#666666; }
.information_mtitle{float:none; width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; font-size:2.2em;  color:#000000; }
  .information_stitle{ float:none; width:100%; text-align:center; margin:0 auto; padding:0 0 30px 0; font-family:"GmarketSansLight";font-size:1.0em; color:#666666;  }
.notice_left{ float:left; width:50%;  margin:0 auto; padding:0 0 0 0;   }
.notice_right{ float:left; width:50%;  margin:0 auto; padding:0 0 0 0; }
.notice_left_box{ float:left; width:90%;  padding:0 0 0 0; clear:both; }
.notice_right_box{ float:none; width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.ma_title{ float:none; width:100%;  margin:0 auto; padding:0 0 20px 0; line-height:1.4em;  font-size:1.4em;  color:#000000; text-align:left; clear:both;  }
.ma_subject{ float:none; width:100%;  margin:0 auto; padding:0 0 4px 0;  text-align:left; font-size:1.2em; color:#000000; clear:both;  }
.ma_cont{ float:none; width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; clear:both;  }
.ma_cont a{  font-size:0.9em; color:#000000; }
.ma_date{ float:none; width:100%;  margin:0 auto; padding:0 0 15px 0;  text-align:left; font-size:0.7em; color:#666666; clear:both;  }
.ma_more{ float:none; width:100%;  margin:0 auto; padding:0 0 0 0; text-align:right;  clear:both;  }
.btn_more { line-height:28px; font-size:0.7em; color:#ffffff;  text-align:center; background-color:#003b7a; border:1px solid #003b7a; padding:0 14px 0 14px; border-radius:0 4px 0 4px; cursor:pointer; }

.player_rap { float:none; width:100%; height:990px; margin:0 auto; padding:70px 0 0 0;  background-color:#eeeff4; clear:both; }
.player_box { float:none; margin:0 auto; padding:70 0 0 0; clear:both; }
.player_gallery{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;  }
.player_gallery_title{ float:none;  width:100%; margin:0 auto; padding:0 0 25px 0; font-size:1.6em; font-weight:bold; color:#000000; clear:both;   }
.player_gallery_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.player_gallery_box li{ float:left;  width:25%; margin:0 auto;  }
.player_gallery2_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.player_gallery2_box li{ float:left;  width:50%; margin:0 auto; padding:0 0 0 0; }

.player_photo_box{float:none;  width:94%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.player_photo_box li{float:none; width:100%; margin:0 auto; clear:both;}
.pgpt{ text-align:center; padding:0 0 0 0; }
.pgst{ text-align:center;  padding:25px 0 0 0;  font-size:0.9em; color:#000000;  }
.pg_pic{ position:relative; overflow: hidden;  text-align:center; width:100%;  }
.pg_pic img{
  width:100%;
  height:210px;
  min-height:210px;
  max-height:210px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    cursor:pointer;
	}
.pg_pic:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.player_sub{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.player_left{ float:left;  width:40%; margin:0 auto; padding:70px 0 0 0;   }
.player_left_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.6em; font-weight:bold; color:#000000; clear:both;  }
.player_right{ float:left;  width:60%; margin:0 auto; padding:70px 0 0 0;   }
.player_right_title{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.6em; font-weight:bold; color:#000000; clear:both;   }
.player_left_rap{ float:none;  width:100%; margin:0 auto; padding:30px 0 0 0; clear:both; }
.player_left_box{ float:none;  width:90%; margin:0; padding:0 0 0 0; clear:both;  }
.player_po{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;clear:both;}
.player_po li{ float:left;  line-height:70px; height:70px; margin:0 auto; padding:0 0 0 0; background-color:#ffffff; border-bottom:1px solid #e1e1e1; cursor:pointer;  }
.plico{ width:20%; text-align:center; }
.plico img{ width:38px; }
.pltxt{  width:70%;  text-align:left;  }
.pltxta{font-size:0.8em; color:#666666;}
.pltxtb{font-size:1.1em; color:#000000;}
.plarw{  width:10%;   text-align:center; }
.plarw i{ font-size:0.8em; color:#666666; }
.player_right_rap{ float:none;  width:100%; margin:0 auto; padding:30px 0 0 0; clear:both; }
.player_md_rap{ float:left;  width:33.33%; margin:0 auto; padding:0 0 0 0; }
.player_md_box{ float:none;  width:94%; margin:0 auto; padding:0 0 0 0; clear:both;  }
.mdpt{float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both;}
.mdst{float:none;  width:100%; text-align:center; margin:0 auto; padding:25px 0 0 0; font-size:0.9em; color:#000000; clear:both; }
.md_pic{  text-align:center;  }
.mday{   width:100%; line-height:40px; border-top:1px solid #e1e1e1;}
.mda{ text-align:left; }
.mdb{text-align:right; font-size:0.7em; color:#666666;}

.md_pic img{ width:100%; border-radius:14px 14px 14px 14px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	}
.md_pic:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.sup_rap{ float:none;  width:100%; margin:0 auto; padding:50px 0 0 0;  background-color:#ffffff; clear:both; }
.sup_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
.sup_box_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; font-size:1.6em; font-weight:bold; color:#000000; clear:both;}
.sup_pg_rap{ float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.sup_pg_box{  float:none;  width:100%; text-align:center; margin:0 auto; padding:25px 0 0 0; clear:both; }
.sup_pg_box li{ float:left;  width:25%; text-align:center; margin:0 auto; padding:0 0 0 0; }
.sup_pg{ float:none;  width:94%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.sup_pg li{ float:none;  width:100%; text-align:left; margin:0 auto; padding:20px 0 0 0; clear:both; }
.sup_photo{ float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.sup_subtb{ font-size:1.1em; color:#000000; }
.sup_subts{ font-size:0.8em; color:#666666; }
.btn_donate {line-height:26px; font-size:0.7em; color:#666666;  text-align:center; background-color:#ffffff; border:1px solid #e1e1e1; padding:0 10px 0 10px;  cursor:pointer; }
.sup_photo img{ width:100%; border-radius:14px 14px 14px 14px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	}
.sup_photo:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.sup_more{ float:none; text-align:center; width:100%; margin:0 auto; padding:30px 0 0 0; clear:both; }
.dobtn_more{ width:25%; line-height:46px; font-size:1.0em; color:#666666;  text-align:center; background-color:#ffffff; border:1px solid #666666; padding:0 0 0 0;  cursor:pointer;}
.dobtn_more:hover{ width:25%; line-height:46px; font-size:1.1em; color:#ffffff;  text-align:center; background-color:#000000; border:1px solid #000000; padding:0 0 0 0;  cursor:pointer;}


.greet_title{float:none;  width:100%; height:100px; border-bottom:2px solid #0067af;  margin:0 auto; padding:30px 0 0 0; clear:both;}
.greet_title li{padding:0 0 15px 0;}



.doview_box{  float:none; text-align:center; width:100%; margin:0 0 40px 0; padding:0 0 0 0; clear:both;  }
.doview_left{ float:left; text-align:left; width:40%; margin:0 auto; padding:0 0 0 0;  }
.doview_left img{ width:88%; border-radius:12px; }
.doview_right{  float:left; text-align:left; width:60%; margin:0 auto; padding:0 0 0 0;   }
.doview_subtb{ float:none; text-align:left; width:100%; margin:0 auto; padding:0 0 30px 0;  font-size:1.5em;  color:#000000; clear:both;   }
.doview_subts{ float:none; text-align:left; width:100%; margin:0 auto; padding:0 0 30px 0;  font-size:1.0em;  color:#666666; clear:both;   }

/*tab css*/
.tab{float:left; width:100%;  padding:60px 0 0 0;}
.tabnav{font-size:0; width:100%; border-bottom:1px solid #9d9d9d;}
.tabnav li{display: inline-block; height:46px; text-align:center; border-bottom:2px solid #003b7a; border-right:1px solid #ffffff;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active:before{background:#ffffff; color:#666666; }
.tabnav li a.active{border-bottom:2px solid #003b7a;}
.tabnav li a{ position:relative; display:block; background: #ffffff; color: #666666; padding:0 80px; line-height:46px; text-decoration:none; font-size:20px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#003b7a; }
.tabcontent{padding:0 0 0 0;  border:0 solid #9d9d9d; border-top:none; padding:0 0 0 0;}


.subpagetab{float:left; width:100%;  padding:26px 0 0 0;}
.subpagetabnav{font-size:0; width:100%; border-bottom:1px solid #003b7a;}
.subpagetabnav li{display: inline-block; height:46px; text-align:center; border:1px solid #003b7a; }
.subpagetabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.subpagetabnav li a.active:before{background:#ffffff; color:#666666; }
.subpagetabnav li a.active{border:2px solid #003b7a;}
.subpagetabnav li a{ position:relative; display:block; background: #ffffff;  padding:0 20px; line-height:46px; text-decoration:none; font-size:14px;}
.subpagetabnav li a:hover,
.subpagetabnav li a.active{background:#f7f7f7; color:#ffffff; }
.subpagetabcontent{float:none; width:100%; padding:0 0 0 0;  border:0;}


/*상세페이지내용*/
div.minimalistBlack {
  border-top: 2px solid #000000;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

.divTable.minimalistBlack .divTableCell, .divTable.minimalistBlack .divTableHead {
  border: 1px solid #cccccc;
  padding: 10px 8px;
}

.divTable.minimalistBlack .divTableCell, .divTable.minimalistBlack .divTableHead:first-child {
	border-left: 0;
}
.divTable.minimalistBlack .divTableCell, .divTable.minimalistBlack .divTableHead:last-child {
	border-right: 0;
}

.divTable.minimalistBlack .divTableBody .divTableCell {

}
.divTable.minimalistBlack .divTableHeading {
  background: #CFCFCF;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  border-bottom: 3px solid #000000;
}
.divTable.minimalistBlack .divTableHeading .divTableHead {
  font-size: 1.7em;
  color: #000000;
  text-align: left;
}
.minimalistBlack .tableFootStyle {
  font-size: 1.2em;

  color: #666666;
  border-top: 3px solid #000000;
}
.minimalistBlack .tableFootStyle {
  font-size: 14px;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
.divTableCellTitle{font-size: 0.88em;}
.divTableCellCT{font-size: 0.88em; color:#666666;}
.divTableCellImg{ text-align:right;}
.divTableCellImg img{width:100px;}

.subpgcontents_rap{float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.subpgcontents_box{float:none; width:100%; margin:0 auto; padding:10px 0 0 0; clear:both;}
.subpgcontents_bigtitle{float:none; width:100%; height:200px; margin:0 auto; padding:0 0 0 0; clear:both;}
.subpgcontents_bigtitle_left{float:left; width:30%; height:200px; margin:0 auto; padding:0 0 0 0; background-color:#f0f3e2;  border-radius:20px 0 0 0;}
.subpgcontents_bigtitle_left_subject{float:none; text-align:center; font-size:1.2em; width:80%; line-height:200px;margin:0 auto; padding:0 0 0 0;  clear:both;}
.subpgcontents_bigtitle_right{float:left; width:70%; height:200px; margin:0 auto; padding:0 0 0 0; background-color:#f7f7f7;  border-radius:0 0 20px 0;}
.subpgcontents_bigtitle_right_cont{float:none;  text-align:left; width:90%; margin:0 auto; padding:40px 0 0 0; clear:both;}
.subpgcontents_stitle{float:none; width:100%; margin:0 auto; text-align:left; padding:0 0 0 0; font-size:1.4em; clear:both;}
.subpgcontents_stitle_cont{float:none; width:100%; margin:0 auto; text-align:left; padding:0 0 0 0; clear:both;}
/*상세페이지내용*/


.supnews_rap{ float:none;  width:100%; height:500px; margin:0 auto; padding:120px 0 0 0;  background-color:#eeeff4; clear:both; }
.supnews_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
.supnews_box_title{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; font-size:1.6em;  color:#000000; clear:both;   }
.supnews_left_rap{float:left;  width:40%; margin:0 auto; padding:30px 0 0 0; }
.supnews_left_box{float:none;  width:90%;  height:150px; margin:0; padding:20px 40px 0 0;  border-radius:15px; background-color:#003b7a; clear:both;}
.supnews_left_tt{float:none;  width:100%;  text-align:right;  margin:0 auto; padding:30px 0 0 0; color:#ffffff; clear:both;}
.supnews_left_won{float:none;  width:100%; text-align:right;  margin:0 auto; padding:0 0 0 0; color:#ffffff; clear:both;}
.sumya{font-size:1.2em;  color:#ffffff;}
.sumyb{font-size:1.8em;  color:#ffffff;}
.supnews_right_rap{float:left;  width:60%; margin:0 auto; padding:0 0 0 0; }
.supnews_right_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.suopeople_box{ float:none;  width:100%; height:70px; line-height:70px; margin:0 0 2px 0; padding:0 0 0 0;  background-color:#ffffff; border-radius:35px; clear:both;  }
.peopt{float:left;  width:20%; text-align:center; margin:0 auto; padding:0 0 0 0; }
.peost{float:left;  width:50%; text-align:left; font-size:1.0em; color:#000000; margin:0 auto; padding:0 0 0 0;  }
.peo_pic{float:none;  margin:0 auto; padding:0 0 0 0; text-align:center; width:50px; height:50px;  clear:both; }
.peo_pic img{width:50px; height:50px; border-radius:25px; border:2px solid #e1e1e1;}
.peoday{ float:left; width:calc(30% - 14px); text-align:right; margin:0 auto; padding:0 14px 0 0;  font-size:0.9em; }
.peomy{ font-size:1.2em; color:#fa6600;}
.suopeople_more{ float:none; width:100%; margin:25px 0 0 0; padding:0 0 0 0; text-align:right; clear:both; }
.suopeople_btnmore{ width:20%; height:40px; line-height:40px;  margin:0 auto; font-size:0.8em; color:#000000;  padding:0 25px 0 25px; text-align:center; background-color:#ffffff;  border-radius:20px; border:1px solid #ffffff; padding:0 0 0 0;  cursor:pointer;}
.suopeople_btnmore:hover{ width:20%; height:40px; line-height:40px; font-size:0.8em; color:#ffffff;  padding:0 25px 0 25px; text-align:center; background-color:#000000; border:1px solid #000000; padding:0 0 0 0;  cursor:pointer;}

.blog_rap{ float:none;  width:100%; height:780px; margin:0 auto; padding:100px 0 0 0;  background-color:#ffffff; clear:both; }
.blog_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
.blog_box_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; font-size:1.6em;  color:#000000; clear:both; }
.blog_user_box{ float:none;  width:100%; margin:0 auto; padding:35px 0 0 0; clear:both; }
.blog_user_box li{ float:left;  width:20%; margin:0 auto;  }
.blog_people_box{ float:none;  width:94%; margin:0 auto; padding:0 0 0 0;   clear:both;  }
.blog_people_box li{float:none; width:100%; margin:0 auto; clear:both;}
.blog_peopt{ text-align:center; padding:0 0 0 0;}
.blog_peost{ text-align:center;  padding:25px 0 0 0;  font-size:1.1em; color:#000000;  }
.blog_intro{ text-align:left; height:120px; padding:10px 0 0 0;  font-size:1.0em; color:#666666; }
.blog_peo_pic{ position:relative; overflow: hidden;  text-align:center; width:100%; }
.blog_peoday{  text-align:right; padding:10px 0 30px 0; border-top:1px solid #e1e1e1; font-size:0.7em; color:#666666;}
.blog_peo_pic img{ width:100%;  max-height:260px; border-radius:14px 14px 0 0;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	}
.blog_peo_pic:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.blogbest_rap{ float:none;  width:100%; height:720px; margin:0 auto; padding:70px 0 0 0;  background-color:#eeeff4; clear:both; }
.blogbest_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
.blogbest_left_rap{float:left;  width:40%; margin:0 auto; padding:0 0 0 0; }
.blogbest_right_rap{float:left;  width:60%; margin:0 auto; padding:0 0 0 0; }
.blogbest_box_title{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.6em; color:#000000; clear:both; }
.blogbest_box_make{ float:none;  width:100%; line-height:120px; margin:0 auto; padding:30px 0 0 0; clear:both;}
.btn_blogmade {height:50px; line-height:50px; font-size:1.0em; color:#ffffff;  text-align:center; background-color:#11a475; border:0 solid #e1e1e1; padding:0 30px 0 30px; border-radius:0 25px 0 25px;  cursor:pointer; }
.blogbest_list_box{ float:right;  width:96%; margin:0 auto; padding:0 0 0 0;  }
.blogbest_list_box li{ float:none;  width:100%; margin:0 auto; padding:10px 0 10px 0; clear:both; }
.blogbest_list_bg{ float:none;  width:100%; height:140px; margin:0 auto; padding:20px;  background-color:#ffffff; border-bottom:2px solid #eeeff4; clear:both; }
.blogbest_list_user{ float:left; text-align:center; width:15%; margin:0 auto; padding:0 0 0 0; }
.blogbest_list_user img{ width:80px; height:80px; border-radius:40px; }
.blogbest_list_cont{ float:left;  width:85%; margin:0 auto; padding:0 0 0 0; }
.blogbest_new_cont{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:0.9em; color:#666666; clear:both; }
.blogbest_blogname{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:0.9em; color:#fa6600; clear:both; }

.botban_rap { float:none; width:100%;  background-color:#9da5b4;  margin:0 auto; padding:0 0 0 0;  clear:both; }
.botban_box { float:none;  height:160px;  margin:0 auto; padding:0 0 0 0; clear:both; }
/* banner */
.blind{overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap;}

.footer_banner_zone{position:relative; width:100%;  padding:20px 0;}
.footer_banner_zone .flow_banner_box{position:relative; width:1280px; margin:0 auto;  height:80px;}
.footer_banner_zone .flow_banner_box .flow_bann_area{position:absolute; top:8px; left:50%; margin-left:-640px;}
.footer_banner_zone .flow_banner_box .flow_bann_area ul{*zoom:1;}
.footer_banner_zone .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
.footer_banner_zone .flow_banner_box .flow_bann_area ul li{float:left; padding-right:12px;}
.footer_banner_zone .flow_banner_box .flow_bann_area ul li a{}
.footer_banner_zone .flow_banner_box .flow_bann_area ul li a img{border:1px solid #f2f2f2;}

/* btn */
.flow_ctrl_box{float:none; width:100%; text-align:center; clear:both; padding-top:12px;}
.flow_ctrl_box a{ height:32px; }
.flow_ctrl_box a.back{ padding:6px;}
.flow_ctrl_box a.next{ padding:6px; background-color: #9da5b4;outline:none;border:0;color:#000000; }
.flow_ctrl_box a.play{ padding:2px; }
.flow_ctrl_box a.stop{ padding:2px; }
/* banner */

.bot_box { float:none; width:100%; height:500px; background-color:#31314a;  margin:0 auto; padding:50px 0 0 0; clear:both; }
.bot { float:none; width:1280px;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_left { float:left; width:600px; text-align:left;  margin:0 auto; padding:0 0 0 0;  }
.bot_left div { float:none; width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_left a{ color:#ffffff; }
.bot_lia { float:none; margin:0 auto; padding:0 0 0 0; font-size:1.0em; color:#ffffff;  clear:both; }
.bot_lib { float:none; margin:0 auto; padding:0 0 30px 0; font-family:"GmarketSansLight";  line-height:26px; font-size:0.9em; color:#f1f1f1;  clear:both; }
.bot_right { float:left; width:680px; text-align:left;   margin:0 auto; padding:0 0 0 0;  }
.bot_right div { float:left; width:150px;  margin:0 auto; padding:0 0 0 0;  }
.bot_right ul { height:260px; border-left:1px solid #545454; }
.bgmn { float:none; margin:0 auto; padding:0 0 0 0;  line-height:34px; font-size:1.0em; color:#ffffff; text-indent:7px; clear:both; }
.bsmn { float:none; margin:0 auto; padding:0 0 0 0; font-family:"GmarketSansLight"; line-height:26px;   text-indent:7px; clear:both; }
.bsmn a{ font-size:0.9em; color:#f1f1f1; }

/* +++서브페이지+++ */
.sv_box {  float:none; width:100%; height:530px;  text-align:left; background:url("/media/slide_svimage_1.jpg")  center center; background-size: cover; clear:both; }
.sv { float:none; width:1280px; text-align:left;margin:0 auto; padding:0 0 0 0;   clear:both; }
.sv_blank{ float:none; width:100%;  height:210px; margin:0 auto; padding:0 0 0 0; clear:both;  }
.sv_route{ float:none; width:100%;  height:60px; margin:0 auto; padding:0 0 0 0;text-align:left;  font-size:1.0em; color:#ffffff; clear:both;  }
.sv_route i{ color:#5b91ca; }
.sv_route a{ color:#5b91ca; }
.sv_pgsubject{  float:none; width:100%; height:60px;  padding:0 0 0 0;text-align:left; border-bottom:1px solid #ffffff; font-size:2.0em; color:#ffffff; clear:both;  }
.sv_pgsubcont{  float:none; width:100%; margin:0 auto; padding:20px 0 80px 0;text-align:left;  font-family:"GmarketSansLight"; font-size:1.1em; color:#ffffff; clear:both;  }
.sv_dot{ font-size:0.4em; color:#ffffff;}
.subpage_box { float:none; width:100%; background-color:#ffffff; margin:0 auto; padding:0 0 0 0; clear:both;  min-height:700px;}
.subpage { float:none; width:1280px; height:auto;  margin:0 auto; padding:0 0 0 0; clear:both; }

.subpage_left{ float:left; width:280px;  margin:0 auto; padding:0 0 0 0;  }
.subpage_right{ float:left;  width:1000px; margin:0 auto; padding:0 0 0 0; }

.submu_box_rap{ float:none; width:100%;  height:80px;  text-align:left; clear:both;}
.submu_box{float:none; width:1280px; margin:0 auto; padding:0 0 0 0;  clear:both;}

.submntab{float:none;  padding:0 0 0 0; clear:both; }
.submntab li{float:left; height:50px; text-align:center;  border:1px solid #ffffff;}
.submntab li:hover{background-color:#356bd1; color:#ffffff;}
.submntab li a{  color: #ffffff; padding:0 20px 0 20px; line-height:50px; font-size:1.0em;}
.submntab li a:hover{  color: #ffffff; }

.submu_left_box_rap { float:none; width:250px; background-color:#4f79d2; margin:0; padding:0 0 0 0; clear:both; }
.submu_left_box { float:none; width:100%; background-color:#4f79d2; margin:0 auto; padding:0 0 0 0; clear:both; }
.submu_left_subject{ float:none; width:100%; text-align:center;  line-height:80px;  font-size:1.1em; color:#ffffff; margin:0 auto; padding:15px 0 15px 0; border-radius:0 20px 0 0; clear:both; }
/*+++++++++++++++++++++++++++++++++++++++가로크기해상도++++++++++++++++++++++++++*/
.sub_left_nav {
  position: absolute;
  width:100%;
  color: white;
  background: #F6F6F6;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
 .sub_left_navfixed {
 position: fixed;
 z-index:6986;
 top:82px;
 }

.submu_left { float:none; width:100%;  background-color:#f0f4f5; margin:0 auto; line-height:56px; padding:0 0 0 0; clear:both; }
.submu_left ul {  margin:0 0 0 0; padding:0 0 0 0; }
.submu_left li { float:none;  margin:0 0 0 0; text-align:left;  border-bottom:1px solid #e9e9e9;  clear:both; }
.submu_left a{ color:#000000; font-size:0.96em; text-decoration:none; padding:0 28px 0 20px; }
.submu_left i{  font-size:0.7em;  }
.submu_left li:hover{ background-color:#1750af;   }
.submu_left li:hover a{ color:#ffffff; }

  .submu_left li ul{
  background: #f0f4f5;
  display:none;
  height:auto;
  border:0px;
  /*position:absolute;
  /*z-index:200;
  /*top:1em;
  /*left:0;*/
  }
  .submu_left li:hover ul{
  display:block;
  margin:0 0 0 0;
  }
  .submu_left li li {
  background: #1750af;
  float:none;
  margin:0;
  padding:0 0 0 0;
border:0;
  }
  .submu_left li:hover li a{
  background:none;
  }
  .submu_left li ul a{
  display:block;
  margin:0;
  padding:0px 10px 0px 10px;
  text-align:left;
  border:0;
  text-indent:26px;
  }
  .submu_left li ul a:hover, .submu_left li ul li:hover a{
  background:#3461c0;
border:0;
  color:#ffffff;
  text-decoration:none;
  }




  .sp_subject { float:none; width:100%; height:100px; border-bottom:1px solid #000000; margin:0 auto; padding:20px 0 0 0; clear:both; background-image:url("/simgs/pgmline.png"); background-repeat:repeat;}
  .sp_subject ul {  float:left; margin:0 0 0 0; padding:0 0 0 0; }
  .bul {  width:63px; }
  .tit {  width:797px; }
  .prsns {  width:210px; }
  .prsns_box { float:none; text-align:left;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .prsns_box div{ float:right; text-align:center; margin:0 auto; padding:0 0 0 0; border:1px solid #666666; }
  .prsns_box img{ width:30px; height:30px; }

  .sp_subjecta{ float:none; text-align:left; line-height:20px; font-size:1.2em;  color:#666666; margin:0 auto; padding:0 0 0 0; clear:both;   }
  .sp_subjectb {float:none;   color:#2f333f; font-size:1.8em; padding:0 0 20px 0; margin:0 auto; text-align:left;  clear:both; }

.tosearch_rap{float:none; width:100%;  margin:0 auto;  padding:0 0 0 0; clear:both;}
.tosearch_bbs_rap{float:none; width:100%;  text-align:left; margin:0 auto; font-size:1.5em;  border-bottom:2px solid #000000; padding:30px 0 30px 0; clear:both;}
.search_box { float:none; width:1280px;  text-align:center; margin:0 auto;  padding:30px 0 0 0; clear:both; }
.search_box div{ float:none; width:600px;  height:60px; text-align:center; margin:0 auto;  padding:0 0 0 0;  border-bottom:2px solid #000000;  background-color:#ffffff; clear:both; }
.search_box ul{ float:none;  margin:0 auto;  padding:0 0 0 0; }
.search_boxlis{ float:left; width:500px; margin:0 auto;  padding:0 0 0 0; }
.search_boxlie{ float:left; width:92px; margin:0 auto;  padding:0 0 0 0; text-align:right; }
.ttsearch { width:500px; height:54px; text-align:center; margin:0 auto;  padding:0 0 0 0; background-color:#ffffff; border:0;}
.ttscbtn { width:60px; height:54px;  margin:0 auto;  padding:0 0 0 0; background-color:#ffffff; border:0; border-radius:27px; font-size:1.4em;}
.borderbot1{float:none; width:100%;  text-align:left; margin:0 auto;  padding:10px 0 10px 0; border-bottom:1px dotted #e1e1e1; clear:both;}
.bigfont{font-size:1.1em; color:#000000; }
.midfont{font-size:1.0em; color:#666666; }

.history_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.history_rap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.history_list{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.history_list ul{ padding:20px 0 0 0;  border-bottom:1px dotted #e1e1e1; }
.historylia{float:none;  width:100%; margin:0 auto; padding:0 0 10px 0; text-align:left;  font-size:1.0em; color:#666666; clear:both;}
.historylib{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; text-align:left;  font-size:1.2em; color:#000000; clear:both;}

.map_box{ float:none; width:100%; margin:0 auto; padding:0 0 100px 0; clear:both;}
.map{ float:none; width:100%; height:460px; margin:0 auto; padding:0 0 0 0; clear:both;}
.mapinfo{float:none; width:100%;  margin:0 auto; padding:40px 0 60px 0; clear:both; }
.mapinfo ul{float:none; width:100%;  margin:0 auto; padding:0 0 15px 0; clear:both; }
.mapinfo li{float:left; line-height:48px; text-align:left; font-size:1.0em; color:#000000; margin:0 auto; padding:0 20px 20px 0; }
.mapinfo li div{float:none;  width:48px; height:48px; line-height:48px; border-radius:24px; text-align:center; font-size:1.0em; color:#000000; margin:0 auto; padding:0 0 0 0; background-color:#f1f1f1; clear:both; }
.mapinfo img{ width:24px; }
/* +++서브페이지+++ */

.snspg_box{float:none; width:100%; margin:0 auto; padding:30px 0 0 0; clear:both;}
.snspg_rap{float:right;  margin:0 auto; padding:0 0 0 0; clear:both;}
.snspg{float:none; margin:0 auto; padding:0 0 0 0; clear:both;}
.snspg li{float:left; margin:0 auto; padding:0 0 0 20px; text-align:right; }
.snspg img{}

.sitemap_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.sitemap_box{float:left;  width:25%; height:auto; margin:0 auto; padding:0; }
.sitemap_box_tm{float:none;  width:75%; height:620px; margin:0 auto; padding:0; clear:both; }
.sitemap_tt{float:none;  width:100%; margin:0 auto; padding-left:10px; text-align:left; color:#ffffff; height:38px; line-height:38px; font-size:1.1em; background-color:#2f333f; clear:both; }
.sitemap_mn{float:none;  width:100%; line-height:30px; margin:0 auto; padding:10px; text-align:left; color:#000000; font-size:0.9em; border-bottom:1px solid #e1e1e1; clear:both; }

.donate_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.donate_rap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.donate_sect{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.dsula{ float:none;  width:100%; margin:0 auto; padding:25px 0 5px 0; clear:both;  }
.dslia{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; font-family:"NotoSansMedium"; font-size:1.1em; color:#000000;  clear:both;  }
.dslib{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; clear:both;  }
.dslic{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.2em; text-align:center; clear:both;  }
.do_name{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.do_birth{ width:30%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.do_tel{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.do_mail{ width:60%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.do_cont{ width:100%; height:150px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-radius:4px; border:2px solid #000000; }
.do_person{ float:none; text-align:left; overflow:auto; width:100%; height:150px;  border-radius:4px; border:2px solid #000000; font-size:0.9em;  clear:both; }
.dsbtn_box{ float:none;  width:100%; margin:0 auto; padding:40px 0 50px 0; text-align:center; clear:both;  }
.do_save{ padding:15px 25px 15px 25px;  text-align:center;  font-family:"NotoSansMedium"; font-size:1.2em; color:#ffffff; border:0 solid #000000;  border-radius:4px; background-color:#fa6600; }
.do_box{ float:none; margin:0 auto; padding:30px 60px 30px 60px; text-align:center; border-radius:4px; border:2px solid #000000; clear:both; }

.dspsula{ float:none;  width:100%; height:56px; margin:10px 0 0 0; padding:20px 0 20px 0;  border-radius:28px; background-color:#f7f7f7; clear:both; }
.dspsula div{ float:none;  width:92%; height:50px; margin:0 auto; padding:0 0 0 0; clear:both; }
.dspsa{  float:left; text-align:left; width:35%; margin:0 auto; padding:0 0 0 0;   }
.dspsb{  float:left; text-align:left; width:25%; margin:0 auto; padding:0 0 0 0;  }
.dspsc{  float:left; text-align:right; width:40%; margin:0 auto; padding:0 0 0 0;   }

/*-------- member --------*/
.mempage_rap{ float:none;  width:600px; margin:0 auto; padding:0 0 0 0; clear:both; }
.mempage_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.mempage{ float:none;  width:100%; margin:0 auto; padding:25px 0 0 0; clear:both; }
.mempagea{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.mempage_btn{ float:none; width:100%; margin:0 auto; text-align:center; padding:25px 0 25px 0; clear:both; }
.mempage_btnrap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.mempage_btnrap ul{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.mempage_btn2{float:left;  width:50%; margin:0 auto; padding:0 0 0 0;  text-align:center;}
.mempage_btn3{float:left;  width:33.33%; margin:0 auto; padding:0 0 0 0;  text-align:center; }
.mem_name{ width:100%; height:50px; padding:10px;  text-align:left;  font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.mem_cont{ width:100%; height:150px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-radius:4px; border:2px solid #000000; }
.mempage_log{ padding:0 25px 0 25px; width:50%; height:48px;  text-align:center; font-size:0.9em; color:#000000; border:2px solid #000000; border-radius:24px;  background-color:#ffffff;  cursor:pointer;}
.mempage_mod{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;  border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
.mempage_out{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center; font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
.mempage_new{ padding:0 25px 0 25px; width:99%;  height:36px; text-align:center;   font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px; background-color:#e1e1e1;  cursor:pointer;}
.mempage_scid{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
.mempage_scpw{ padding:0 25px 0 25px; width:99%;  height:36px; text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
.mempage_addrbtn{ padding:0 10px 0 10px; height:46px; text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1; background-color:#e1e1e1; cursor:pointer;}
/*-------- member --------*/

.mobile_box{ display:none; }

/*-------- 게시판 --------*/
.divbbs_body { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.div_facecate{ float:none;width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.div_facecate ul{ float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
.div_facecate li{float:left; margin:3px; padding:0 6px 0 6px; text-align:center; line-height:32px; border:solid 1px #e1e1e1; background-color:#ffffff; border-radius:2px; }
.div_facecate a{ color:#000000; }

.div_sunkyocate{ float:none;width:100%;  margin:0 auto; padding:0 0 0 0; clear:both;}
.div_sunkyocate_rap{ float:left; width:25%;  margin:0 auto; padding:0 0 0 0;}
.div_sunkyocate_box{ float:none;width:96%;  margin:0 auto; padding:0 0 0 0; clear:both;}
.div_sunkyocate_pg_pic img{ width:100%; height:220px;}
.div_sunkyocate_pgpt{ float:none;width:100%; height:230px;  text-align:left;   margin:0 auto; padding:5px 0 0 0; clear:both;}
  .div_sunkyocate_pgst{ float:none;width:100%;  text-align:left;  margin:0 auto; padding:5px 0 25px 0; clear:both;}

.bbs_inscf_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_inscf { float:none;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_inscf ul{ float:none;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_inscf li{ float:left; text-align:left; padding:15px 0 10px 0; }
.bbssctext_form { height:34px;  border:solid 1px #cdcbc4; text-align:left; background-color:#ffffff; font-size:0.8em; color:#000000; padding:2px 0 0 4px; }
.bbs_smn_btn5 { height:34px; border-radius:3px; border:solid 1px #fa6600; text-align:center; background-color:#fa6600;  font-size:0.8em; font-weight:bold;  color:#fff; padding:0 20px 0 20px; cursor: pointer;  }

.bbs_box_cont { float:none; width:100%;  margin:0 auto; padding:10px 0 0 0;  border-top:2px solid #000000;  border-bottom:1px solid #000000; clear:both;  }
.bbs_box_cont ul{ float:none; width:100%; margin:0 0 0 0; padding:25px 0 50px 0; font-size:1.2em; color:#000000; border-bottom:1px solid #e1e1e1; clear:both;  }
.bod_check{ float:left;  width:10%;  text-align:center; padding:0 0 0 0; }
.bod_numb{ float:left;  width:15%;text-align:center; padding:0 0 0 0; }
.bod_subject{ float:left;  width:50%;  text-align:left; padding:0 0 0 0; }
.bod_user{ float:left;  width:10%;  text-align:center; padding:0 0 0 0; }
.bod_date{ float:left;  width:15%;  text-align:right; padding:0 0 0 0; }

.bss_btndiv { float:none; width:100%; margin:0 auto; padding:30px 0 30px 0; clear:both; }
.bss_btndiva{ float:left; width:70%; text-align:left; padding:0 0 0 0; clear:both; }
.bss_btndivb{ float:left; width:30%; text-align:right; padding:0 0 0 0; }

.bbs_so_btnd { cursor:hand; height:28px; border-radius:3px; border:solid 1px #000000; text-align:center; background-color:#000000;  font-size:0.8em; color:#fff; padding:5px; cursor: pointer;  }
.bbs_so_btn { cursor:hand; height:28px; border-radius:3px; border:solid 1px #004a80; text-align:center; background-color:#004a80;  font-size:0.8em; color:#fff; padding:5px; cursor: pointer;  }
.bbs_smn_btn6 { height:34px; border-radius:3px; border:solid 1px #004a80; text-align:center; background-color:#004a80;  font-size:0.8em; font-weight:bold;  color:#fff; padding:0 20px 0 20px; cursor: pointer;  }

.bbs_gallery_box { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_gallery_box ul{ float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_gallery_box li{ float:left;  width:25%; text-align:left; padding:0 0 0 0; }
.bbs_gallery_box img{ width:96%;  }
.bbs_gallery_box a{ line-height:26px;   font-size:1.0em; color:#000000; }

.bbs_gallery_box2 { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_gallery_box2 ul{ float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_gallery_box2 li{ float:left;  width:50%; text-align:left; padding:0 0 0 0; }
.bbs_gallery_box2 img{ width:96%;  }
.bbs_gallery_box2 a{ line-height:26px;   font-size:1.0em; color:#000000; }

.bbs_insc_ct_userinf { float:none;  width:100%; height:44px; margin:0 auto; padding:14px 0 14px 0; border-bottom:solid 1px #e1e1e1;   font-size:0.8em; color:#666666; clear:both; }
.bbs_insc_ct_userinf li{ float:left;   text-align:right;  width:100%; margin:0 auto; padding:0 0 0 0; }
.bbs_subject { float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; height:48px;  line-height:48px;  color:#000000; font-size:1.1em; border-bottom:2px solid #252f45;  clear:both; }
.bbs_contents { float:none; width:100%;  margin:0 auto; padding:30px 0 30px 0; border-bottom:solid 1px #e1e1e1; line-height:25px;   font-size:1.2em; color:#000000;clear:both; }
.bbs_insc { float:none; width:100%; margin:0 auto; padding:20px 0 20px 0; clear:both; }

.bbs_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.bbs_ula{ float:none;  width:100%; margin:0 auto; padding:25px 0 5px 0; clear:both;  }
.bbs_lia{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; font-family:"NotoSansMedium"; font-size:1.1em; color:#000000;  clear:both;  }
.bbs_lif{ float:none; width:100%; padding:0 0 0 0; text-align:left; clear:both; }
.bbs_lif a{font-size:0.8em; color:#ffffff;}
.bbs_name{ width:33%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.bbs_pswd{ width:30%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.bbs_sbjt{ width:100%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
.bbs_cont{ width:100%; height:450px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-radius:4px; border:2px solid #000000; }
.del_photo{ outline:none; border:1px solid #002157; text-align:center;  font-family:"GmarketSansMedium"; font-size:0.8em; padding:11px 16px 11px 16px; background-color:#002157; color:#ffffff; cursor:pointer;}
.sbox_btn{ float:none; width:100%; margin:0 auto; text-align:center; padding:20px 0 30px 0; clear:both;}

.inumber{float:left; width:40px; padding:0; margin:0; text-align:left;}
.inumbering{float:none; width:30px; height:30px; line-height:30px; background-color:#b3256f; color:#ffffff; font-size:1.0em; text-align:center; border-radius:2px; clear:both;}
.inumbersubject{float:left;padding:0;width:calc(100% - 40px); margin:0; text-align:left;}

.paging_box { float:none;   height:70px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.paging_box a{  font-size:14px; font-weight:bold;  }
.paging { display:flex; justify-content:center; align-items:center;  float:none; width:100%;  margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.paging_s {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:1.0em;  color:#0084b5;  padding:0 0 0 0; border:1px solid #e1e1e1; border-radius:2px 0 0 2px; }
.paging_p {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:1.0em;  color:#0084b5;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.paging_numc{  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:1.0em;  color:#666666;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; }
.paging_numck{  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:1.0em; color:#0084b5;  padding:0 0 0 0; font-weight:bold;   border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; }
.paging_n { display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:1.0em;  color:#0084b5;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1;}
.paging_e {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:1.0em;  color:#0084b5;  padding:0 0 0 0;  border:1px solid #e1e1e1; border-radius:0 2px 2px 0;}

/*-------- 게시판 --------*/

}
/*-------- PC ###########################################################---------*/


/*--------태블릿###########################################################---------*/
@media (min-width: 768px) and (max-width: 1279px){
  .table_group_cs {
    width:100%;
    border-collapse: collapse;
    border-top: 2px solid #4f79d2;
  }
  .table_group_cs th {
    color: #000000;
    background: #f7f7f7;
    font-size:0.8em;
  }
  .table_group_cs th, .table_group_cs td {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color:#666666;
    font-size:0.8em;
    padding:12px;
  }
  .table_group_cs th:first-child, .table_group_cs td:first-child {
    border-left: 0;
    padding:12px;
  }
  .table_group_cs th:last-child, .table_group_cs td:last-child {
    border-right: 0;
    padding:12px;
  }
  .table_group_cs tr td:first-child{
    padding:12px;
  }
  .table_group_cs caption{caption-side: bottom; display: none;}


  .table {
    border-collapse: collapse;
    border-top: 2px solid #4f79d2;
  }
  .table th {
    color: #000000;
    background: #f7f7f7;
    font-size:0.8em;
  }
  .table th, .table td {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color:#666666;
    font-size:0.8em;
  }
  .table th:first-child, .table td:first-child {
    border-left: 0;
    padding:20px 12px 20px 12px;
  }
  .table th:last-child, .table td:last-child {
    border-right: 0;
    padding:20px 12px 20px 12px;
  }
  .table tr td:first-child{
    padding:20px 12px 20px 12px;
  }
  .table caption{caption-side: bottom; display: none;}


  .divspagecont{float:none; width:100%;  text-align:left; margin:0 auto; padding:0 0 0 0; clear:both;}
  .divspagecont ul{float:none; width:100%;  text-align:left; margin:0 auto; padding:0 0 0 0; clear:both;}
  .divspagecont li{float:left; text-align:left; margin:0 auto; padding:5px 10px 5px 0;}
  .divspagecont_rdbox{float:none; width:100%; text-align:left; margin:0 auto; padding:14px;font-size:0.9em;color:#666666; border:1px dotted #ddd; border-radius:6px; clear:both;}
  .divspageSubject{float:none; color:#4f79d2; font-size:1.3em; text-align:left; margin:0; padding:0 0 0 0; border-radius:6px 0 6px 0; background-color:#ffffff; clear:both;}
  .divspagecont_a{float:none; width:100%; text-align:left; margin:0 auto; padding:14px; font-size:0.9em; color:#666666; clear:both;}
  .divspageSubject_small{float:none; color:#000000; font-size:1.0em; text-align:left; margin:0; padding:0 0 0 0; clear:both;}

.spsubctbox{float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.spct_abox{float:left; width:28%; margin:0 auto; padding:0 0 0 0;}
.arrowbox{float:left; text-align:center; width:8%; margin:0 auto; padding:150px 0 0 0;}
.spctbox{float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.spctround{float:none; width:98%; margin:0 auto; padding:0 0 0 0; border-radius:12px; border:2px solid #f2f2f2; clear:both;}
.spctround_photo{float:none; width:90%;text-align:center;  margin:0 auto; padding:0 0 0 0; clear:both;}
.spctround_photo img{width:50%;}
.spctround_title{float:none; width:90%; height:46px; text-align:center; font-size:0.88em; color:#000000; margin:0 auto; padding:20px 0 0 0; clear:both;}
.spctround_ct{float:none; width:90%; height:250px; text-align:left; font-size:0.75em; color:#666666; margin:0 auto; padding:10px 0 0 0; clear:both;}


  .swp_box{position:absolute; bottom:0; z-index:1; left:0; float:none; width:100%; margin:0 auto;  padding:0 0 0 0; clear:both;}
  .swp1400{ float:none; width:768px;  text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
  .swp1400 img{ width:45%; }

  .minfo_rapa{  position: relative;overflow: hidden;float:none; width:100%; height:480px; margin:0 auto;background:#ffffff; padding:0 0 0 0;cursor:pointer; clear:both;}
  .minfo_rapa:hover{ float:none; width:100%; height:480px; margin:0 auto;background:#93ca45; padding:0 0 0 0; clear:both;}
  .minfo_rapb{  position: relative;overflow: hidden;float:none; width:100%; height:480px; margin:0 auto;background:#f9fafa; padding:0 0 0 0;cursor:pointer; clear:both;}
  .minfo_rapb:hover{ float:none; width:100%; height:480px; margin:0 auto;background:#5492ff; padding:0 0 0 0; clear:both;}
  .minfo_num{float:none; width:100%; height:100px; text-align:center; font-size:1.8em; color:#000000; margin:0 auto; padding:50px 0 0 0; clear:both;}
  .minfo_title{float:none; width:100%; height:40px; text-align:center;font-size:1.0em; color:#000000;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_stitle{float:none; width:80%; height:110px; text-align:left; font-size:0.8em; color:#333333;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_img{float:none; width:100%; height:180px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_img img{position: absolute;
              left: 50%;
              bottom: -100px;
              transform: translateX(-50%);
              transition: all 0.5s;width:80%;}
  .minfo_rapa:hover .minfo_img img{bottom: 0;}
  .minfo_rapb:hover  .minfo_img img{bottom: 0;}
  .minfo_rapa:hover .minfo_num{color:#ffffff;}
  .minfo_rapb:hover  .minfo_num{color:#ffffff;}
  .minfo_rapa:hover .minfo_stitle{color:#ffffff;}
  .minfo_rapb:hover  .minfo_stitle{color:#ffffff;}
  .minfo_rapa:hover .minfo_title{font-size:1.1em;color:#ffffff;}
  .minfo_rapb:hover  .minfo_title{font-size:1.1em;color:#ffffff;}


.subpagecontents img{max-width:768px;}
  figure.snip1432 {
    float:left;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 230px;
    max-width: 236px;
    width: 100%;
    background: #000000;
    color: #ffffff;
    text-align: left;
  }
  .box {
    width: 100%;
    height: 330px;
    position: relative;
    overflow: hidden;
  }

  .wave {
    opacity: .4;
    position: absolute;
    top: 3%;
    left: 80%;
    background: #0af;
    width: 100%;
    height: 330px;
    margin-left: -10%;
    margin-top: -10%;
    transform-origin: 50% 48%;
    border-radius: 80%;
    animation: drift 5000ms infinite linear;
  }

  .wave.-three {
    animation: drift 7000ms infinite linear;
  }

  .wave.-two {
    animation: drift 9000ms infinite linear;
    opacity: .1;
    background: yellow;
  }

  @keyframes drift {
    from { transform: rotate(0deg); }
    from { transform: rotate(360deg); }
  }
  .width1280{ width:96%; }
  .header_rap{ position:fixed; top:0; float:none; width:100%; margin:0 auto; padding:15px 15px 0 15px; z-index:999; clear:both; }
  .header_box{ float:none; width:100%; height:85px; margin:0 auto; padding:0 0 0 0; background-color:#ffffff; clear:both; }
  .header_logo{ float:none; width:170px; line-height:85px; margin:0 auto;  padding:0 0 0 0;  position:relative; top:0; z-index:9999;  clear:both; }
  .header_logo img{ width:170px; }
  .header_menu{ float:right; line-height:85px; margin:0; padding:0 0 0 0;  position:relative; top:0; right:0; z-index:9999;}
  .header_donate{  display:none; float:left; width:100px; line-height:85px; margin:0; text-align:center;   background-color:#11a475; padding:0 0 0 0; }
  .header_donate a{ font-size:0.9em; color:#ffffff; }
  .header_search{  display:none; float:left; width:80px; line-height:85px; margin:0;  text-align:center;  background-color:#e1e1e1;padding:0 0 0 0; }
  .header_search a{ font-size:0.9em; color:#000000; }
  .header_memb{  display:none; float:left; width:100px; line-height:85px; margin:0; text-align:center;   background-color:#f7f7f7; padding:0 0 0 0; }
  .header_memb a{ font-size:0.9em; color:#000000; }

  .mobile_box{position:fixed; z-index:99999;}
  .ad_log_box{float:none; width:100%; text-align:center;  margin:0 auto; padding:20px 0 30px 0;  clear:both;}
.ad_mround_box{float:none; width:98%; margin:0 auto; padding:0 0 0 0;  clear:both; }
.ad_mround_box ul{float:none; width:100%;  margin:0 auto; padding:0 0 0 0;  clear:both; }
.ad_mround_box li{ float:left; width:25%;  margin:0 auto; padding:0 0 0 0; }
.ad_roundi{float:none; width:50px; height:50px; line-height:50px; margin:0 auto; padding:0 0 0 0; border-radius: 25px; text-align:center; background-color:#1b1d23; clear:both; }
.ad_roundi a{ font-size:1.0em; color:#ffffff;  }
  .ad_rwxt{float:none; margin:0 auto; padding:8px 0 10px 0; font-size:0.8em; color:#ffffff; text-align:center; clear:both; }

  /*gnb*/
  /*공통부분*/
  #wrap{ display:none; position:relative;clear:both;width:100%; margin:0 auto;}
  /*드롭다운메뉴*/
  #gnb { display:none; margin:0 auto; position:absolute; top:25px; height:85px; width:100%; padding:0 25px 0 0; z-index:999; }

  /*상단드롭메뉴*/
  nav ul{  width:100%;top:0;list-style: none;margin: 0;padding: 0;}
  /*상단드롭메뉴*/

  .mv_box { float:none; width:100%;  background-color:#003b7a;  clear:both; }
  .mv { float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
  /*수와이퍼*/
  .swiper {width: 100%;}
  .swiper-slide {text-align: center;  font-size: 18px;background: #fff;
          /* Center slide text vertically */
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  }
  .swiper-slide-img { display: block; width: 100%; object-fit: cover; }
  /*수와이퍼*/

  .notice_rap { float:none; width:100%; margin:0 auto; padding:70px 0 0 0; background-color:#f0f4f5; clear:both; }
  .information_rap{float:none; width:100%;  height:780px; margin:0 auto; padding:70px 0 0 0;  background-color:#ffffff;  clear:both;}
  .facity_rap { float:none; width:100%; height:800px; margin:0 auto; padding:70px 0 0 0; border-bottom:2px solid #eeeff4;  clear:both; }


  .map_rap{float:none; width:100%; height:380px; margin:0 auto; padding:0 0 0 0;   clear:both;}
  .service_rap{float:none; width:100%; height:780px; margin:0 auto; padding:70px 0 0 0;   clear:both;}
  .service_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .service { float:left; width:33.3333%; margin:0 auto; padding:0 0 0 0; }
  .service_care{position: relative;float:none;overflow: hidden; width:80%; height:490px; margin:0 auto; padding:0 0 0 0;background-color:#eb3192;border-radius:14px; cursor:pointer; clear:both;}
  .service_care:hover{background:#5492ff;}
  .service_bath{position: relative;float:none;overflow: hidden; width:80%; height:490px; margin:0 auto; padding:0 0 0 0;background-color:#57c0ba;border-radius:14px; cursor:pointer; clear:both;}
  .service_bath:hover{background:#2cb400; }
  .service_safe{position: relative;float:none;overflow: hidden; width:80%; height:490px; margin:0 auto; padding:0 0 0 0;background-color:#f78e56;border-radius:14px; cursor:pointer; clear:both;}
  .service_safe:hover{ background:#1a1571;}
  .service_title{float:none; width:100%; height:90px; text-align:center; font-size:1.4em; color:#ffffff; margin:0 auto; padding:40px 0 0 0; clear:both;}
  .service_stitle{float:none; width:80%; height:80px; text-align:left; font-size:0.8em; color:#ffffff;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .service_more{float:none; width:80%; height:30px; text-align:left; font-size:0.8em; color:#ffffff; margin:0 auto; padding:0 0 0 0; clear:both;}
  .service_img{float:none; width:100%; height:250px; margin:0 auto; padding:0 0 0 0; clear:both;}
  .service_img img{height:250px; position: absolute; right: 0;bottom: 0;}


  .notice_box { float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
  .notice_mtitle{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 30px 0;font-size:1.5em;  font-weight:bold; color:#000000; }
  .notice_stitle{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; font-size:1.0em;  color:#666666; }
  .information_mtitle{float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 30px 0;font-size:1.5em;  font-weight:bold; color:#000000; }
    .information_stitle{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; font-size:1.0em;  color:#666666;  }
  .notice_left{ float:left; width:calc(50% - 15px);  margin:0 auto; padding:0 15px 0 0; }
  .notice_right{ float:left; width:calc(50% - 15px);  margin:0 auto; padding:0 0 0 15px;  }
  .notice_left_box{ float:none; width:100%;  margin:0 auto; padding:0 0 70px 0; clear:both; }
  .notice_right_box{ float:none; width:100%;  margin:0 auto; padding:0 0 70px 0; clear:both; }
  .ma_title{ float:none; width:100%;  margin:0 auto; padding:0 0 20px 0; font-size:1.4em; color:#000000; text-align:left; clear:both;  }
  .ma_subject{ float:none; width:100%;  margin:0 auto; padding:0 0 14px 0;  text-align:left; font-size:1.0em; color:#000000; clear:both;  }
  .ma_cont{ float:none; width:100%; height:120px;  margin:0 auto; padding:0 0 0 0;  text-align:left; clear:both;  }
  .ma_cont a{  font-size:0.9em; color:#666666; }
  .ma_date{ float:none; width:100%;  margin:0 auto; padding:0 0 15px 0;  text-align:left; font-size:0.7em; color:#666666; clear:both;  }
  .ma_more{ float:none; width:100%;  margin:0 auto; padding:0 0 0 0; text-align:right;  clear:both;  }
  .btn_more { line-height:28px; font-size:0.7em; color:#ffffff;  text-align:center; background-color:#003b7a; border:1px solid #003b7a; padding:0 14px 0 14px; border-radius:0 4px 0 4px; cursor:pointer; }

  .player_rap { float:none; width:100%; height:850px; margin:0 auto; padding:100px 0 0 0;  background-color:#eeeff4; clear:both; }
  .player_box { float:none; margin:0 auto; padding:70 0 0 0; clear:both; }
  .player_gallery{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;  }
  .player_gallery_title{ float:none;  width:100%; margin:0 auto; padding:0 0 25px 0; font-size:1.6em; font-weight:bold; color:#000000; clear:both;   }
  .player_gallery_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .player_gallery_box li{ float:left;  width:20%; margin:0 auto;  }
  .player_gallery2_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .player_gallery2_box li{ float:left;  width:50%; margin:0 auto;  }
  .player_photo_box{float:none;  width:94%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .player_photo_box li{float:none; width:100%; margin:0 auto; clear:both;}
  .pgpt{ text-align:center; padding:0 0 0 0; }
  .pgst{ text-align:center;  padding:25px 0 0 0;  font-size:0.9em; color:#000000;  }
  .pg_pic{ position:relative; overflow: hidden;  text-align:center; width:100%; }
  .pg_pic img{ width:100%;
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
      -webkit-transition:.3s;
      -moz-transition:.3s;
      -ms-transition:.3s;
      -o-transition:.3s;
      transition:.3s;
  	}
  .pg_pic:hover img {
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
      transform:scale(1.1);
  }
  .player_sub{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .player_left{ float:left;  width:40%; margin:0 auto; padding:70px 0 0 0;   }
  .player_left_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.6em; font-weight:bold; color:#000000; clear:both;  }
  .player_right{ float:left;  width:60%; margin:0 auto; padding:70px 0 0 0;   }
  .player_right_title{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.6em; font-weight:bold; color:#000000; clear:both;   }
  .player_left_rap{ float:none;  width:100%; margin:0 auto; padding:30px 0 0 0; clear:both; }
  .player_left_box{ float:none;  width:90%; margin:0; padding:0 0 0 0; clear:both;  }
  .player_po{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;clear:both;}
  .player_po li{ float:left;  line-height:70px; height:70px; margin:0 auto; padding:0 0 0 0; background-color:#ffffff; border-bottom:1px solid #e1e1e1; cursor:pointer;  }
  .plico{ width:20%; text-align:center; }
  .plico img{ width:38px; }
  .pltxt{  width:70%;  text-align:left;  }
  .pltxta{display:none;font-size:0.8em; color:#666666;}
  .pltxtb{font-size:1.1em; color:#000000;}
  .plarw{  width:10%;   text-align:center; }
  .plarw i{ font-size:0.8em; color:#666666; }
  .player_right_rap{ float:none;  width:100%; margin:0 auto; padding:30px 0 0 0; clear:both; }
  .player_md_rap{ float:left;  width:33.33%; margin:0 auto; padding:0 0 0 0; }
  .player_md_box{ float:none;  width:94%; margin:0 auto; padding:0 0 0 0; clear:both;  }
  .mdpt{float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both;}
  .mdst{float:none;  width:100%; text-align:center; margin:0 auto; padding:25px 0 0 0; font-size:0.9em; color:#000000; clear:both; }
  .md_pic{  text-align:center;  }
  .mday{   width:100%; line-height:40px; border-top:1px solid #e1e1e1;}
  .mda{ text-align:left; }
  .mdb{text-align:right; font-size:0.7em; color:#666666;}

  .md_pic img{ width:100%;
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
      -webkit-transition:.3s;
      -moz-transition:.3s;
      -ms-transition:.3s;
      -o-transition:.3s;
      transition:.3s;
  	}
  .md_pic:hover img {
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
      transform:scale(1.1);
  }

  .sup_rap{ float:none;  width:100%;  margin:0 auto; padding:90px 0 0 0;  background-color:#ffffff; clear:both; }
  .sup_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
  .sup_box_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; font-size:1.6em; font-weight:bold; color:#000000; clear:both;}
  .sup_pg_rap{ float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
  .sup_pg_box{  float:none;  width:100%; text-align:center; margin:0 auto; padding:25px 0 0 0; clear:both; }
  .sup_pg_box li{ float:left;  width:25%; text-align:center; margin:0 auto; padding:0 0 0 0; }
  .sup_pg{ float:none;  width:94%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .sup_pg li{ float:none;  width:100%; text-align:left; margin:0 auto; padding:20px 0 0 0; clear:both; }
  .sup_photo{ float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
  .sup_subtb{ font-size:1.0em; color:#000000; }
  .sup_subts{ font-size:0.8em; color:#666666; }
  .btn_donate {line-height:26px; font-size:0.7em; color:#666666;  text-align:center; background-color:#ffffff; border:1px solid #e1e1e1; padding:0 10px 0 10px;  cursor:pointer; }
  .sup_photo img{ width:100%;
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
      -webkit-transition:.3s;
      -moz-transition:.3s;
      -ms-transition:.3s;
      -o-transition:.3s;
      transition:.3s;
  	}
  .sup_photo:hover img {
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
      transform:scale(1.1);
  }

  .sup_more{ float:none; text-align:center; width:100%; margin:0 auto; padding:20px 0 0 0; clear:both; }
  .dobtn_more{ width:25%; line-height:46px; font-size:1.0em; color:#666666;  text-align:center; background-color:#ffffff; border:1px solid #666666; padding:0 0 0 0; border-radius:23px 23px 23px 23px;  cursor:pointer;}
  .dobtn_more:hover{ width:25%; line-height:46px; font-size:1.1em; color:#ffffff;  text-align:center; background-color:#000000; border:1px solid #000000; padding:0 0 0 0;  cursor:pointer;}

  .doview_box{  float:none; text-align:center; width:100%; margin:0 0 40px 0; padding:0 0 0 0; clear:both;  }
  .doview_left{ float:left; text-align:left; width:40%; margin:0 auto; padding:0 0 0 0;  }
  .doview_left img{ width:88%; border-radius:12px; }
  .doview_right{  float:left; text-align:left; width:60%; margin:0 auto; padding:0 0 0 0;   }
  .doview_subtb{ float:none; text-align:left; width:100%; margin:0 auto; padding:0 0 30px 0;  font-size:1.5em;  color:#000000; clear:both;   }
  .doview_subts{ float:none; text-align:left; width:100%; margin:0 auto; padding:0 0 30px 0;  font-size:1.0em;  color:#666666; clear:both;   }



  .greet_title{float:none;  width:100%; height:80px; border-bottom:2px solid #0067af;  margin:0 auto; padding:30px 0 0 0; clear:both;}



  /*tab css*/
  .tab{float:left; width:100%;  padding:60px 0 0 0;}
  .tabnav{font-size:0; width:100%; border-bottom:1px solid #9d9d9d;}
  .tabnav li{display: inline-block; height:46px; text-align:center; border-bottom:2px solid #003b7a; border-right:1px solid #ffffff;}
  .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
  .tabnav li a.active:before{background:#ffffff; color:#666666; }
  .tabnav li a.active{border-bottom:2px solid #003b7a;}
  .tabnav li a{ position:relative; display:block; background: #ffffff; color: #666666; padding:0 80px; line-height:46px; text-decoration:none; font-size:12px;}
  .tabnav li a:hover,
  .tabnav li a.active{background:#fff; color:#003b7a; }
  .tabcontent{padding:0 0 0 0;  border:0 solid #9d9d9d; border-top:none; padding:0 0 0 0;}
  #tab01{font-size:0.6em;}
  #tab02{font-size:0.6em;}

  .supnews_rap{ float:none;  width:100%; height:520px; margin:0 auto; padding:90px 0 0 0;  background-color:#eeeff4; clear:both; }
  .supnews_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
  .supnews_box_title{ float:none;  width:100%; margin:0 auto; padding:0 0 30px 0; font-size:1.6em; font-weight:bold; color:#000000; clear:both;   }
  .supnews_left_rap{float:left;  width:40%; margin:0 auto; padding:30px 0 0 0; }
  .supnews_left_box{float:none;  width:90%;  height:150px; margin:0; padding:20px 40px 0 0;  border-radius:15px; background-color:#003b7a; clear:both;}
  .supnews_left_tt{float:none;  width:100%;  text-align:right;  margin:0 auto; padding:30px 0 0 0; color:#ffffff; clear:both;}
  .supnews_left_won{float:none;  width:100%; text-align:right;  margin:0 auto; padding:0 0 0 0; color:#ffffff; clear:both;}
  .sumya{font-size:1.1em;  color:#ffffff;}
  .sumyb{font-size:1.3em;  color:#ffffff;}
  .supnews_right_rap{float:left;  width:60%; margin:0 auto; padding:0 0 0 0; }
  .supnews_right_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
  .suopeople_box{ float:none;  width:100%; height:70px; line-height:70px; margin:0 0 2px 0; padding:0 0 0 0;  background-color:#ffffff; border-radius:35px; clear:both;  }
  .peopt{float:left;  width:20%; text-align:center; margin:0 auto; padding:0 0 0 0; }
  .peost{float:left;  width:50%; text-align:left; font-size:0.9em; color:#000000; margin:0 auto; padding:0 0 0 0;  }
  .peo_pic{float:none;  margin:0 auto; padding:0 0 0 0; text-align:center; width:50px; height:50px;  clear:both; }
  .peo_pic img{width:50px; height:50px; border-radius:25px; border:2px solid #e1e1e1;}
  .peoday{ float:left; width:calc(30% - 14px); text-align:right; margin:0 auto; padding:0 14px 0 0;  font-size:0.9em; }
  .peomy{ font-size:0.9em; color:#fa6600;}
  .suopeople_more{ float:none; width:100%; margin:25px 0 0 0; padding:0 0 0 0; text-align:right; clear:both; }
  .suopeople_btnmore{ width:180px; height:40px; line-height:40px;  margin:0 auto; font-size:0.8em; color:#ffffff;  padding:0 25px 0 25px; text-align:center; background-color:#000000;  border-radius:20px; border:1px solid #000000; padding:0 0 0 0;  cursor:pointer;}
  .suopeople_btnmore:hover{ width:180px; height:40px; line-height:40px; font-size:0.8em; color:#000000;  padding:0 25px 0 25px; text-align:center; background-color:#ffffff; border:1px solid #ffffff; padding:0 0 0 0;  cursor:pointer;}

  .blog_rap{ float:none;  width:100%; height:740px; margin:0 auto; padding:100px 0 0 0;  background-color:#ffffff; clear:both; }
  .blog_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
  .blog_box_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; font-size:1.6em; font-weight:bold; color:#000000; clear:both; }
  .blog_user_box{ float:none;  width:100%; margin:0 auto; padding:35px 0 0 0; clear:both; }
  .blog_user_box li{ float:left;  width:20%; margin:0 auto;  }
  .blog_people_box{ float:none;  width:94%; margin:0 auto; padding:0 0 0 0;   clear:both;  }
  .blog_people_box li{float:none; width:100%; margin:0 auto; clear:both;}
  .blog_peopt{ text-align:center; padding:0 0 0 0;}
  .blog_peost{ text-align:center;  padding:25px 0 0 0;  font-size:1.0em; color:#000000;  }
  .blog_intro{ text-align:left; height:130px; padding:10px 0 0 0;  font-size:0.8em; color:#666666; }
  .blog_peo_pic{ position:relative; overflow: hidden;  text-align:center; width:100%; }
  .blog_peoday{  text-align:right; padding:10px 0 30px 0; border-top:1px solid #e1e1e1; font-size:0.7em; color:#666666;}
  .blog_peo_pic img{ width:100%;  max-height:260px; border-radius:5px 5px 0 0;
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
      -webkit-transition:.3s;
      -moz-transition:.3s;
      -ms-transition:.3s;
      -o-transition:.3s;
      transition:.3s;
  	}
  .blog_peo_pic:hover img {
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
      transform:scale(1.1);
  }

  .blogbest_rap{ float:none;  width:100%; height:940px; margin:0 auto; padding:100px 0 0 0;  background-color:#eeeff4; clear:both; }
  .blogbest_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
  .blogbest_left_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  clear:both; }
  .blogbest_right_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  clear:both; }
  .blogbest_box_title{ float:left;  line-height:100px;   margin:0 auto; padding:0 0 0 0;  text-align:left; font-size:1.6em; font-weight:bold; color:#000000;  }
  .blogbest_box_make{ float:right; line-height:100px;  margin:0 auto; text-align:right; padding:0 0 0 0; }
  .btn_blogmade {height:50px; line-height:50px; font-size:1.0em; color:#ffffff;  text-align:center; background-color:#11a475; border:0 solid #e1e1e1; padding:0 30px 0 30px; border-radius:0 25px 0 25px;  cursor:pointer; }
  .blogbest_list_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;clear:both;  }
  .blogbest_list_box li{ float:none;  width:100%; margin:0 auto; padding:10px 0 10px 0; clear:both; }
  .blogbest_list_bg{ float:none;  width:100%; height:140px; margin:0 auto; padding:20px;  background-color:#ffffff; border-bottom:2px solid #eeeff4; clear:both; }
  .blogbest_list_user{ float:left; text-align:center; width:15%; margin:0 auto; padding:0 0 0 0; }
  .blogbest_list_user img{ width:80px; height:80px; border-radius:40px; }
  .blogbest_list_cont{ float:left;  width:85%; margin:0 auto; padding:0 0 0 0; }
  .blogbest_new_cont{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:0.9em; color:#666666; clear:both; }
  .blogbest_blogname{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:0.9em; color:#fa6600; clear:both; }

  .botban_rap { float:none; width:100%;  background-color:#9da5b4;  margin:0 auto; padding:0 0 0 0;  clear:both; }
  .botban_box { float:none;  height:160px;  margin:0 auto; padding:0 0 0 0; clear:both; }
  /* banner */
  .blind{overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap;}

  .footer_banner_zone{position:relative; width:100%;  padding:20px 0;}
  .footer_banner_zone .flow_banner_box{position:relative; width:1280px; margin:0 auto;  height:80px;}
  .footer_banner_zone .flow_banner_box .flow_bann_area{position:absolute; top:8px; left:50%; margin-left:-640px;}
  .footer_banner_zone .flow_banner_box .flow_bann_area ul{*zoom:1;}
  .footer_banner_zone .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
  .footer_banner_zone .flow_banner_box .flow_bann_area ul li{float:left; padding-right:12px;}
  .footer_banner_zone .flow_banner_box .flow_bann_area ul li a{}
  .footer_banner_zone .flow_banner_box .flow_bann_area ul li a img{border:1px solid #f2f2f2;}

  /* btn */
  .flow_ctrl_box{float:none; width:100%; text-align:center; clear:both; padding-top:12px;}
  .flow_ctrl_box a{ height:32px; }
  .flow_ctrl_box a.back{ padding:6px;}
  .flow_ctrl_box a.next{ padding:6px; background-color: #9da5b4;outline:none;border:0;color:#000000; }
  .flow_ctrl_box a.play{ padding:2px; }
  .flow_ctrl_box a.stop{ padding:2px; }
  /* banner */

  .bot_box { float:none; width:100%; height:500px; background-color:#31314a;  margin:0 auto; padding:50px 0 0 0; clear:both; }
  .bot { float:none; width:96%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .bot_left { float:left; width:550px; text-align:left;  margin:0 auto; padding:0 0 0 0;  }
  .bot_left div { float:none; width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .bot_left a{ color:#ffffff; }
  .bot_lia { float:none; margin:0 auto; padding:0 0 0 0; font-size:1.0em; color:#ffffff;  clear:both; }
  .bot_lib { float:none; margin:0 auto; padding:0 0 30px 0; font-family:"GmarketSansLight";  line-height:26px; font-size:0.9em; color:#f1f1f1;  clear:both; }
  .bot_right { float:left;  text-align:left;   margin:0 auto; padding:0 0 0 0;  }
  .bot_right div { float:left;   margin:0 auto; padding:0 0 0 0;  }
  .bot_right ul { height:260px; border-left:1px solid #545454; }
  .bgmn { float:none; margin:0 auto; padding:0 0 0 0;  line-height:34px; font-size:1.0em; color:#ffffff; text-indent:7px; clear:both; }
  .bsmn { float:none; margin:0 auto; padding:0 0 0 0; font-family:"GmarketSansLight"; line-height:26px;   text-indent:7px; clear:both; }
  .bsmn a{ font-size:0.9em; color:#f1f1f1; }

  /* +++서브페이지+++ */
  .snspg_box{float:none; width:100%; margin:0 auto; padding:30px 0 0 0; clear:both;}
  .snspg_rap{float:right;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .snspg{float:none; margin:0 auto; padding:0 0 0 0; clear:both;}
  .snspg li{float:left; margin:0 auto; padding:0 0 0 15px; text-align:right; }
  .snspg img{}

  .sv_box {  float:none; width:100%;  height:330px;  text-align:left; background-color:#003b7a; clear:both; }
  .sv { float:none; width:96%; text-align:left;margin:0 auto; padding:0 0 0 0;  background-color:#003b7a; clear:both; }
  .sv_blank{ float:none; width:100%;  height:140px; margin:0 auto; padding:0 0 0 0; clear:both;  }
  .sv_route{ float:none; width:100%;  height:40px; margin:0 auto; padding:0 0 0 0;text-align:left;  font-size:1.0em; color:#ffffff; clear:both;  }
  .sv_route i{ color:#5b91ca; }
  .sv_route a{ color:#5b91ca; }
  .sv_pgsubject{  float:none; width:100%; height:40px;  padding:0 0 0 0;text-align:left; border-bottom:1px solid #ffffff; font-size:1.5em; color:#ffffff; clear:both;  }
  .sv_pgsubcont{  float:none; width:100%; margin:0 auto; padding:20px 0 0 0;text-align:left;  font-family:"GmarketSansLight"; font-size:1.1em; color:#ffffff; clear:both;  }
  .sv_dot{ font-size:0.4em; color:#ffffff;}
  .subpage_box { float:none; width:100%; background-color:#ffffff; margin:0 auto; padding:0 0 0 0; clear:both;  min-height:700px;}
  .subpage { float:none; width:96%; height:auto;  margin:0 auto; padding:0 0 0 0; clear:both; }

  .subpage_left{ display:none; }
  .subpage_right{ float:none; width:100%;  margin:0 auto; padding:0 0 0 0; clear:both;}

  .submu_box_rap{ float:none; width:100%;  height:80px;  text-align:left; background-color:#003b7a; clear:both;}
  .submu_box{float:none; width:96%; margin:0 auto; padding:0 0 0 0;  clear:both;}

  .submntab{float:none;  padding:0 0 0 0; clear:both; }
  .submntab li{float:left; height:50px; text-align:center;  border:1px solid #ffffff;}
  .submntab li a{  color: #ffffff; padding:0 14px 0 14px; line-height:50px; font-size:0.8em;}
  .submntab li a:hover,
  .submntab li a.active{ color:#5b91ca;  font-size:0.8em;}

  .sp_subject { float:none; width:100%;  margin:0 auto; padding:70px 0 50px 0; clear:both; }
  .sp_subject ul {  margin:0 0 0 0; padding:0 0 0 0; }
  .sp_subjecta{ float:none; text-align:center; line-height:20px;   font-size:1.0em;  color:#666666; margin:0 auto; padding:0 0 10px 0; clear:both;   }
  .sp_subjectb {float:none; line-height:40px;  color:#2f333f; font-size:1.8em; padding:0 0 0 0; margin:0 auto; text-align:center;  clear:both; }
  .sp_subjectc {float:none; line-height:40px;  color:#2f333f; font-size:1.4em; padding:0 0 0 0; margin:0 auto; text-align:center;  clear:both; }

  .tosearch_rap{float:none; width:100%;  margin:0 auto;  padding:0 0 0 0; clear:both;}
  .tosearch_bbs_rap{float:none; width:100%;  text-align:left; margin:0 auto; font-size:1.3em;  border-bottom:2px solid #000000; padding:30px 0 30px 0; clear:both;}
  .search_box { float:none; width:96%;  text-align:center; margin:0 auto;  padding:30px 0 0 0; clear:both; }
  .search_box div{ float:none; width:100%;  height:60px; text-align:center; margin:0 auto;  padding:0 0 0 0;  border-bottom:2px solid #000000;  background-color:#ffffff; clear:both; }
  .search_box ul{ float:none;  margin:0 auto;  padding:0 0 0 0; }
  .search_boxlis{ float:left; width:80%; margin:0 auto;  padding:0 0 0 0; }
  .search_boxlie{ float:left; width:20%; margin:0 auto;  padding:0 0 0 0; text-align:right; }
  .ttsearch { width:100%; height:54px; text-align:center; margin:0 auto;  padding:0 0 0 0; background-color:#ffffff; border:0;}
  .ttscbtn { width:100%; height:54px;  margin:0 auto;  padding:0 0 0 0; background-color:#ffffff; border:0; border-radius:27px; font-size:1.4em;}
  .borderbot1{float:none; width:100%;  text-align:left; margin:0 auto;  padding:10px 0 10px 0; border-bottom:1px dotted #e1e1e1; clear:both;}
  .bigfont{font-size:1.0em; color:#000000; }
  .midfont{font-size:0.8em; color:#666666; }
  .smafont{font-size:0.6em; color:#cccccc;}

  .history_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .history_rap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .history_list{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
  .history_list ul{ padding:20px 0 0 0;  border-bottom:1px dotted #e1e1e1; }
  .historylia{float:none;  width:100%; margin:0 auto; padding:0 0 10px 0; text-align:left;  font-size:1.0em; color:#666666; clear:both;}
  .historylib{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; text-align:left;  font-size:1.2em; color:#000000; clear:both;}

  .map_box{ float:none; width:100%; margin:0 auto; padding:0 0 70px 0; clear:both;}
  .map{ float:none; width:100%; height:430px; margin:0 auto; padding:0 0 0 0; clear:both;}
  .mapinfo{float:none; width:100%;  margin:0 auto; padding:40px 0 60px 0; clear:both; }
  .mapinfo ul{float:none; width:100%;  margin:0 auto; padding:0 0 15px 0; clear:both; }
  .mapinfo li{float:left; line-height:48px; text-align:left; font-size:1.0em; color:#000000; margin:0 auto; padding:0 20px 20px 0; }
  .mapinfo li div{float:none;  width:48px; height:48px; line-height:48px; border-radius:24px; text-align:center; font-size:1.0em; color:#000000; margin:0 auto; padding:0 0 0 0; background-color:#f1f1f1; clear:both; }
  .mapinfo img{ width:24px; }
  /* +++서브페이지+++ */

  .sitemap_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .sitemap_box{float:left;  width:25%; height:auto; margin:0 auto; padding:0; }
  .sitemap_box_tm{float:none;  width:75%; height:620px; margin:0 auto; padding:0; clear:both; }
  .sitemap_tt{float:none;  width:100%; margin:0 auto; padding-left:10px; text-align:left; color:#ffffff; height:38px; line-height:38px; font-size:1.1em; background-color:#2f333f; clear:both; }
  .sitemap_mn{float:none;  width:100%; line-height:30px; margin:0 auto; padding:10px; text-align:left; color:#000000; font-size:0.9em; border-bottom:1px solid #e1e1e1; clear:both; }

  .donate_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .donate_rap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .donate_sect{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .dsula{ float:none;  width:100%; margin:0 auto; padding:25px 0 5px 0; clear:both;  }
  .dslia{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; font-family:"NotoSansMedium"; font-size:1.1em; color:#000000;  clear:both;  }
  .dslib{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; clear:both;  }
  .dslic{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.2em; text-align:center; clear:both;  }
  .do_name{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .do_birth{ width:30%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .do_tel{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .do_mail{ width:60%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .do_cont{ width:100%; height:150px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-radius:4px; border:2px solid #000000; }
  .do_person{ float:none; text-align:left; overflow:auto; width:100%; height:150px;  border-radius:4px; border:2px solid #000000; font-size:0.9em;  clear:both; }
  .dsbtn_box{ float:none;  width:100%; margin:0 auto; padding:40px 0 50px 0; text-align:center; clear:both;  }
  .do_save{ padding:15px 25px 15px 25px;  text-align:center;  font-family:"NotoSansMedium"; font-size:1.2em; color:#ffffff; border:0 solid #000000;  border-radius:4px; background-color:#fa6600; }
  .do_box{ float:none; margin:0 auto; padding:30px 60px 30px 60px; text-align:center; border-radius:4px; border:2px solid #000000; clear:both; }

  .dspsula{ float:none;  width:100%; height:56px; margin:10px 0 0 0; padding:20px 0 20px 0;  border-radius:28px; background-color:#f7f7f7; clear:both; }
  .dspsula div{ float:none;  width:92%; height:50px; margin:0 auto; padding:0 0 0 0; clear:both; }
  .dspsa{  float:left; text-align:left; width:35%; margin:0 auto; padding:0 0 0 0;   }
  .dspsb{  float:left; text-align:left; width:25%; margin:0 auto; padding:0 0 0 0;  }
  .dspsc{  float:left; text-align:right; width:40%; margin:0 auto; padding:0 0 0 0;   }

  /*-------- member --------*/
  .mempage_rap{ float:none;  width:600px; margin:0 auto; padding:0 0 0 0; clear:both; }
  .mempage_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .mempage{ float:none;  width:100%; margin:0 auto; padding:25px 0 0 0; clear:both; }
  .mempagea{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .mempage_btn{ float:none; width:100%; margin:0 auto; text-align:center; padding:25px 0 25px 0; clear:both; }
  .mempage_btnrap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .mempage_btnrap ul{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .mempage_btn2{float:left;  width:50%; margin:0 auto; padding:0 0 0 0;  text-align:center;}
  .mempage_btn3{float:left;  width:33.33%; margin:0 auto; padding:0 0 0 0;  text-align:center; }
  .mem_name{ width:100%; height:50px; padding:10px;  text-align:left;  font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .mem_cont{ width:100%; height:150px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-radius:4px; border:2px solid #000000; }
  .mempage_log{ padding:0 25px 0 25px; width:50%; height:48px;  text-align:center; font-size:0.9em; color:#000000; border:2px solid #000000; border-radius:24px;  background-color:#ffffff;  cursor:pointer;}
  .mempage_mod{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;  border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
  .mempage_out{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center; font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
  .mempage_new{ padding:0 25px 0 25px; width:99%;  height:36px; text-align:center;   font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px; background-color:#e1e1e1;  cursor:pointer;}
  .mempage_scid{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
  .mempage_scpw{ padding:0 25px 0 25px; width:99%;  height:36px; text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
  .mempage_addrbtn{ padding:0 10px 0 10px; height:46px; text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1; background-color:#e1e1e1; cursor:pointer;}
  /*-------- member --------*/

  /*-------- 게시판 --------*/
  .divbbs_body { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .div_facecate{ float:none;width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .div_facecate ul{ float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
  .div_facecate li{float:left; margin:3px; padding:0 6px 0 6px; text-align:center; line-height:32px; border:solid 1px #e1e1e1; background-color:#ffffff; border-radius:2px; }
  .div_facecate a{ color:#000000; }

  .bbs_inscf_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .bbs_inscf { float:right;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .bbs_inscf li{ float:left; text-align:left; padding:0 0 25px 10px; }
  .bbssctext_form { height:34px;  border:solid 1px #cdcbc4; text-align:left; background-color:#ffffff;    font-size:0.8em; color:#000000; padding:2px 0 0 4px; }
  .bbs_smn_btn5 { height:34px; border-radius:3px; border:solid 1px #071745; text-align:center; background-color:#071745;  font-size:0.8em; font-weight:bold;  color:#fff; padding:0 20px 0 20px; cursor: pointer;  }

  .bbs_box_cont { float:none; width:100%;  margin:0 auto; padding:10px 0 0 0;  border-top:2px solid #000000;  border-bottom:1px solid #000000; clear:both;  }
  .bbs_box_cont ul{ float:none; width:100%; margin:0 0 0 0; padding:25px 0 40px 0; font-size:0.9em; color:#000000; border-bottom:1px solid #e1e1e1; clear:both;  }
  .bod_check{ float:left;  width:5%;  text-align:center; padding:0 0 0 0; }
  .bod_numb{ float:left;  width:10%;text-align:center; padding:0 0 0 0; }
  .bod_subject{ float:left;  width:60%;  text-align:left; padding:0 0 0 0; }
  .bod_user{ float:left;  width:10%;  text-align:center; padding:0 0 0 0; }
  .bod_date{ float:left;  width:15%;  text-align:right; padding:0 0 0 0; }

  .bss_btndiv { float:none; width:100%; margin:0 auto; padding:30px 0 30px 0; clear:both; }
  .bss_btndiva{ float:left; width:70%; text-align:left; padding:0 0 0 0; clear:both; }
  .bss_btndivb{ float:left; width:30%; text-align:right; padding:0 0 0 0; }

  .bbs_so_btnd { cursor:hand; height:28px; border-radius:3px; border:solid 1px #000000; text-align:center; background-color:#000000;  font-size:0.8em; color:#fff; padding:5px; cursor: pointer;  }
  .bbs_so_btn { cursor:hand; height:28px; border-radius:3px; border:solid 1px #004a80; text-align:center; background-color:#004a80;  font-size:0.8em; color:#fff; padding:5px; cursor: pointer;  }
  .bbs_smn_btn6 { height:34px; border-radius:3px; border:solid 1px #004a80; text-align:center; background-color:#004a80;  font-size:0.8em; font-weight:bold;  color:#fff; padding:0 20px 0 20px; cursor: pointer;  }

  .bbs_gallery_box { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .bbs_gallery_box ul{ float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .bbs_gallery_box li{ float:left;  width:25%; text-align:center; padding:0 0 0 0; }
  .bbs_gallery_box img{ width:96%;  }
  .bbs_gallery_box a{    font-size:0.9em; color:#000000; }

  .bbs_gallery_box2 { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .bbs_gallery_box2 ul{ float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
  .bbs_gallery_box2 li{ float:left;  width:50%; text-align:center; padding:0 0 0 0; }
  .bbs_gallery_box2 img{ width:96%;  }
  .bbs_gallery_box2 a{    font-size:0.9em; color:#000000; }

  .bbs_insc_ct_userinf { float:none;  width:100%; height:44px; margin:0 auto; padding:14px 0 14px 0; border-bottom:solid 1px #e1e1e1;   font-size:0.8em; color:#666666; clear:both; }
  .bbs_insc_ct_userinf li{ float:left;   text-align:left;  width:100%; margin:0 auto; padding:0 0 0 0; }
  .bbs_subject { float:none; width:100%;  text-align:left; margin:0 auto; padding:10px; font-size:1.0em;  border-bottom:2px solid #252f45; color:#000000; clear:both; }
  .bbs_contents { float:none; width:100%;  margin:0 auto; padding:15px 0 30px 0; border-bottom:solid 1px #f7f7f7; clear:both; }
  .bbs_insc { float:none; width:100%; margin:0 auto; padding:20px 0 20px 0; clear:both; }
  .bbs_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
  .bbs_ula{ float:none;  width:100%; margin:0 auto; padding:25px 0 5px 0; clear:both;  }
  .bbs_lia{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; font-family:"NotoSansMedium"; font-size:1.1em; color:#000000;  clear:both;  }
  .bbs_lif{ float:none; width:100%; padding:0 0 0 0; text-align:left; clear:both; }
  .bbs_lif a{font-size:0.8em; color:#ffffff;}
  .bbs_name{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .bbs_pswd{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .bbs_sbjt{ width:100%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
  .bbs_cont{ width:100%; height:350px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-radius:4px; border:2px solid #000000; }
  .del_photo{ outline:none; border:1px solid #002157; text-align:center;  font-family:"GmarketSansMedium"; font-size:0.8em; padding:11px 16px 11px 16px; background-color:#002157; color:#ffffff; cursor:pointer;}
  .sbox_btn{ float:none; width:100%; margin:0 auto; text-align:center; padding:20px 0 30px 0; clear:both;}

  .inumber{float:left; width:40px; padding:0; margin:0; text-align:left;}
  .inumbering{float:none; width:30px; height:30px; line-height:30px; background-color:#b3256f; color:#ffffff; font-size:0.8em; text-align:center; border-radius:2px; clear:both;}
  .inumbersubject{float:left;padding:0;width:calc(100% - 40px); margin:0; text-align:left;}

  .paging_box { float:none;   height:70px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
  .paging_box a{  font-size:14px; font-weight:bold;  }
  .paging { display:flex; justify-content:center; align-items:center;  float:none; width:100%;  margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
  .paging_s {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0; border:1px solid #e1e1e1; border-radius:2px 0 0 2px; }
  .paging_p {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
  .paging_numc{  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#666666;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; }
  .paging_numck{  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em; color:#0084b5;  padding:0 0 0 0; font-weight:bold;   border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; }
  .paging_n { display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1;}
  .paging_e {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0;  border:1px solid #e1e1e1; border-radius:0 2px 2px 0;}

  /*-------- 게시판 --------*/


}
/*---------태블릿###########################################################---------*/


/*--------모바일###########################################################---------*/
@media (min-width: 1px) and (max-width: 767px){
  .table_group_cs {
    width:100%;
    border-collapse: collapse;
    border-top: 2px solid #4f79d2;
  }
  .table_group_cs th {
    color: #000000;
    background: #f7f7f7;
    font-size:0.8em;
  }
  .table_group_cs th, .table_group_cs td {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color:#666666;
    font-size:0.8em;
    padding:12px;
  }
  .table_group_cs th:first-child, .table_group_cs td:first-child {
    border-left: 0;
    padding:12px;
  }
  .table_group_cs th:last-child, .table_group_cs td:last-child {
    border-right: 0;
    padding:12px;
  }
  .table_group_cs tr td:first-child{
    padding:12px;
  }
  .table_group_cs caption{caption-side: bottom; display: none;}


  
  .table_overbox {overflow-x:auto;}
  .table {
    border-collapse: collapse;
    border-top: 2px solid #4f79d2;
  }
  .table th {
    color: #000000;
    background: #f7f7f7;
    font-size:0.8em;
  }
  .table th, .table td {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color:#666666;
    font-size:0.8em;
  }
  .table th:first-child, .table td:first-child {
    border-left: 0;
    padding:10px 6px 10px 6px;
  }
  .table th:last-child, .table td:last-child {
    border-right: 0;
    padding:10px 6px 10px 6px;
  }
  .table tr td:first-child{
  padding:10px 6px 10px 6px;
  }
  .table caption{caption-side: bottom; display: none;}
  .table_rap {overflow-x:auto;}


  .divspagecont{float:none; width:100%;  text-align:left; margin:0 auto; padding:0 0 0 0; clear:both;}
  .divspagecont ul{float:none; width:100%;  text-align:left; margin:0 auto; padding:0 0 0 0; clear:both;}
  .divspagecont li{float:left; text-align:left; margin:0 auto; padding:5px 10px 5px 0;}
  .divspagecont_rdbox{float:none; width:100%; text-align:left; margin:0 auto; padding:14px;font-size:0.9em;color:#666666; border:1px dotted #ddd; border-radius:6px; clear:both;}
  .divspageSubject{float:none; width:100%; color:#ffffff; font-size:0.9em; text-align:center; margin:0 0 0 0; padding:8px; border-radius:4px 0 4px 0; background-color:#4f79d2; clear:both;}
  .divspagecont_a{float:none; width:100%; text-align:left; margin:0 auto; padding:14px; font-size:0.8em; color:#666666; clear:both;}
  .divspageSubject_small{float:none; color:#000000; font-size:0.9em; text-align:left; margin:0; padding:0 0 0 0; clear:both;}

.spsubctbox{float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.spct_abox{float:left; width:28%; margin:0 auto; padding:0 0 0 0;}
.arrowbox{float:left; text-align:center; width:8%; margin:0 auto; padding:150px 0 0 0;}
.spctbox{float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.spctround{float:none; width:98%; margin:0 auto; padding:0 0 0 0; border-radius:12px; border:2px solid #f2f2f2; clear:both;}
.spctround_photo{float:none; width:90%;text-align:center;  margin:0 auto; padding:0 0 0 0; clear:both;}
.spctround_photo img{width:50%;}
.spctround_title{float:none; width:90%; height:46px; text-align:center; font-size:0.88em; color:#000000; margin:0 auto; padding:20px 0 0 0; clear:both;}
.spctround_ct{float:none; width:90%; height:250px; text-align:left; font-size:0.75em; color:#666666; margin:0 auto; padding:10px 0 0 0; clear:both;}


  .swp_box{position:absolute; bottom:0; z-index:1; left:0; float:none; width:100%; margin:0 auto;  padding:0 0 0 0; clear:both;}
  .swp1400{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
  .swp1400 img{ width:40%; }

  .minfo_rapa{  position: relative;overflow: hidden;float:none; width:100%; height:400px; margin:0 auto;background:#5492ff; padding:0 0 0 0;cursor:pointer; clear:both;}
  .minfo_rapa:hover{ float:none; width:100%; height:400px; margin:0 auto;background:#5492ff; padding:0 0 0 0; clear:both;}
  .minfo_rapb{  position: relative;overflow: hidden;float:none; width:100%; height:400px; margin:0 auto;background:#5492ff; padding:0 0 0 0;cursor:pointer; clear:both;}
  .minfo_rapb:hover{ float:none; width:100%; height:400px; margin:0 auto;background:#5492ff; padding:0 0 0 0; clear:both;}
  .minfo_num{float:none; width:100%; height:80px; text-align:center; font-size:1.4em; color:#ffffff; margin:0 auto; padding:40px 0 0 0; clear:both;}
  .minfo_title{float:none; width:100%; height:40px; text-align:center;font-size:0.8em; color:#ffffff;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_stitle{float:none; width:80%; height:80px; text-align:left; font-size:0.6em; color:#ffffff;  margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_img{float:none; width:100%; height:120px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both;}
  .minfo_img img{position: absolute;
              left: 50%;
              bottom: 0;
              transform: translateX(-50%);
              transition: all 0.5s;
              width:60%;}
  .minfo_rapa:hover .minfo_img img{bottom: 0;}
  .minfo_rapb:hover  .minfo_img img{bottom: 0;}
  .minfo_rapa:hover .minfo_num{color:#ffffff;}
  .minfo_rapb:hover  .minfo_num{color:#ffffff;}
  .minfo_rapa:hover .minfo_stitle{color:#ffffff;}
  .minfo_rapb:hover  .minfo_stitle{color:#ffffff;}
  .minfo_rapa:hover .minfo_title{font-size:0.8em;color:#ffffff;}
  .minfo_rapb:hover  .minfo_title{font-size:0.8em;color:#ffffff;}


  .subpagecontents img{width:96%; max-width:300px;}
  figure.snip1432 {
    float:left;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 2px;
    min-width: 98%;
    max-width: 98%;
    width: 100%;
    background: #000000;
    color: #ffffff;
    text-align: left;
  }
  .box {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
  }

  .wave {
    opacity: .4;
    position: absolute;
    top: 3%;
    left: 50%;
    background: #0af;
    width: 100%;
    height: 180px;
    margin-left: -10%;
    margin-top: -10%;
    transform-origin: 50% 48%;
    border-radius: 80%;
    animation: drift 5000ms infinite linear;
  }

  .wave.-three {
    animation: drift 7000ms infinite linear;
  }

  .wave.-two {
    animation: drift 9000ms infinite linear;
    opacity: .1;
    background: yellow;
  }

  @keyframes drift {
    from { transform: rotate(0deg); }
    from { transform: rotate(360deg); }
  }

    .width1280{ width:96%; }
    .header_rap{ position:fixed; top:0; float:none; width:100%; margin:0 auto; padding:0 0 0 0; z-index:999; clear:both; }
    .header_box{ float:none; width:100%; height:50px; margin:0 auto; padding:0 0 0 0; background-color: rgba( 255, 255, 255, 0.6 ); clear:both; }
    .header_logo{ float:none; width:120px; line-height:50px; margin:0 auto;  padding:0 0 0 0;  position:relative; top:0; z-index:9999;  clear:both; }
    .header_logo img{ width:120px; }
    .header_menu{ float:right; line-height:50px; margin:0; padding:0 0 0 0;  position:relative; top:0; right:0; z-index:9999;}
    .header_donate{  display:none; float:left; width:100px; line-height:50px; margin:0; text-align:center;   background-color:#11a475; padding:0 0 0 0; }
    .header_donate a{ font-size:0.9em; color:#ffffff; }
    .header_search{  display:none; float:left; width:80px; line-height:50px; margin:0;  text-align:center;  background-color:#e1e1e1;padding:0 0 0 0; }
    .header_search a{ font-size:0.9em; color:#000000; }
    .header_memb{  display:none; float:left; width:100px; line-height:50px; margin:0; text-align:center;   background-color:#f7f7f7; padding:0 0 0 0; }
    .header_memb a{ font-size:0.9em; color:#000000; }

    .mobile_box{position:fixed; z-index:99999;}
    .ad_log_box{float:none; width:100%; text-align:center;  margin:0 auto; padding:20px 0 30px 0;  clear:both; font-size: 1.5em;}
      .ad_mround_box{float:none; width:98%; margin:0 auto; padding:0 0 0 0;  clear:both; }
      .ad_mround_box ul{float:none; width:100%; margin:0 auto; padding:0 0 0 0;  clear:both; }
      .ad_mround_box li{ float:left; width:25%; padding:0 0 0 0; }
      .ad_roundi{float:none; width:50px; height:50px; line-height:50px;  margin:0 auto; padding:0 0 0 0; border-radius: 25px; text-align:center; background-color:#1b1d23; clear:both; }
      .ad_roundi a{ font-size:0.8em; color:#ffffff;  }
        .ad_rwxt{float:none; margin:0 auto; padding:8px 0 10px 0; font-size:0.8em; color:#ffffff; text-align:center; clear:both; }

    /*gnb*/
    /*공통부분*/
    #wrap{ display:none; position:relative;clear:both;width:100%; margin:0 auto;}
    /*드롭다운메뉴*/
    #gnb { display:none; margin:0 auto; position:absolute; top:25px; height:85px; width:100%; padding:0 25px 0 0; z-index:999; }

    /*상단드롭메뉴*/
    nav ul{  width:100%;top:0;list-style: none;margin: 0;padding: 0;}
    /*상단드롭메뉴*/

    .mv_box { float:none; width:100%;  background-color:#003b7a;  clear:both; }
    .mv { float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
    /*수와이퍼*/
    .swiper {width: 100%;}
    .swiper-slide {text-align: center;  font-size: 18px;background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    }
    .swiper-slide-img { display: block; width: 100%;  object-fit: cover; }
    /*수와이퍼*/

    .notice_rap { float:none; width:100%; margin:0 auto; padding:20px 0 0 0; background-color:#f0f4f5; clear:both; }
    .information_rap{float:none; width:100%;  margin:0 auto; padding:20px 0 0 0;  background-color:#5492ff;  clear:both;}
    .facity_rap { float:none; width:100%; height:800px; margin:0 auto; padding:30px 0 0 0; border-bottom:2px solid #eeeff4;  clear:both; }



    .map_rap{float:none; width:100%; height:250px; margin:0 auto; padding:0 0 0 0;   clear:both;}
    .service_rap{float:none; width:100%; height:750px; margin:0 auto; padding:30px 0 0 0;   clear:both;}
    .service_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .service { float:none; width:100%; margin:0 0 5px 0; padding:0 0 0 0; clear:both;}
    .service_care{position: relative;float:none;overflow: hidden; width:96%; height:170px; margin:0 auto; padding:0 0 0 0;background-color:#eb3192;border-radius:14px; cursor:pointer; clear:both;}
    .service_care:hover{background:#5492ff;}
    .service_bath{position: relative;float:none;overflow: hidden; width:96%; height:170px; margin:0 auto; padding:0 0 0 0;background-color:#57c0ba;border-radius:14px; cursor:pointer; clear:both;}
    .service_bath:hover{background:#2cb400; }
    .service_safe{position: relative;float:none;overflow: hidden; width:96%; height:170px; margin:0 auto; padding:0 0 0 0;background-color:#f78e56;border-radius:14px; cursor:pointer; clear:both;}
    .service_safe:hover{ background:#1a1571;}
    .service_title{float:none; width:100%; text-align:center; font-size:1.0em; color:#ffffff; margin:0 auto; padding:20px 0 0 0; clear:both;}
    .service_stitle{float:none; width:80%; text-align:left; font-size:0.7em; color:#ffffff;  margin:0 auto; padding:0 0 0 0; clear:both;}
    .service_more{float:none; width:80%; height:30px; text-align:left; font-size:0.8em; color:#ffffff; margin:0 auto; padding:0 0 0 0; clear:both;}
    .service_img{float:none; width:100%; height:110px; margin:0 auto; padding:0 0 0 0; clear:both;}
    .service_img img{height:110px;position: absolute; right: 0;bottom: 0;  }




    .notice_box { float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
    .notice_mtitle{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 8px 0; font-size:1.4em;  color:#000000; }
      .notice_stitle{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 20px 0; font-size:0.66em;  color:#666666; }
      .information_mtitle{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 8px 0; font-size:1.4em;  color:#ffffff; }
        .information_stitle{ float:none; width:100%;  text-align:center; margin:0 auto; padding:0 0 20px 0; font-size:0.66em;  color:#ffffff; }
    .notice_left{ float:none; width:100%;  margin:0 0 0 0; padding:0 0 0 0; clear:both;  }
    .notice_right{ display:none; float:none; width:100%;  margin:0 auto; padding:0 0 0 0; clear:both;  }
    .notice_left_box{ float:none; width:100%;  margin:0 auto; padding:0 0 30px 0; border-bottom:1px solid #e1e1e1; clear:both; }
    .notice_right_box{ float:none; width:100%;  margin:0 auto; padding:35px 0 70px 0; clear:both; }
    .ma_title{ float:none; width:100%;  margin:0 auto; padding:0 0 20px 0; font-size:1.0em; color:#000000; text-align:left; clear:both;  }
    .ma_subject{ float:none; width:100%;  margin:0 auto; padding:0 0 14px 0;  text-align:left; font-size:0.9em; color:#000000; clear:both;  }
    .ma_cont{ float:none; width:100%;  margin:0 auto; padding:0 0 0 0;  text-align:left; clear:both;  }
    .ma_cont a{  font-size:0.8em; color:#666666; }
    .ma_date{ float:none; width:100%;  margin:0 auto; padding:0 0 15px 0;  text-align:left; font-size:0.7em; color:#666666; clear:both;  }
    .ma_more{ float:none; width:100%;  margin:0 auto; padding:0 0 0 0; text-align:right;  clear:both;  }
    .btn_more { line-height:28px; font-size:0.7em; color:#ffffff;  text-align:center; background-color:#003b7a; border:1px solid #003b7a; padding:0 14px 0 14px; border-radius:0 4px 0 4px; cursor:pointer; }

    .player_rap { float:none; width:100%; height:1500px; margin:0 auto; padding:10px 0 10px 0;  background-color:#eeeff4; clear:both; }
    .player_box { float:none; margin:0 auto; padding:70 0 0 0; clear:both; }
    .player_gallery{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;  }
    .player_gallery_title{ float:none;  width:100%; margin:0 auto; padding:0 0 25px 0; font-size:1.6em; font-weight:bold; color:#000000; clear:both;   }
    .player_gallery_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .player_gallery_box li{ float:left;  width:50%; margin:0 auto;  }
    .player_gallery2_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .player_gallery2_box li{ float:left;  width:100%; margin:0 auto;  }
    .player_photo_box{float:none;  width:94%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .player_photo_box li{float:none; width:100%; margin:0 auto; clear:both;}
    .pgpt{ text-align:center; padding:0 0 0 0; }
    .pgst{ text-align:center;  padding:0 0 5px 0;  font-size:0.8em; color:#000000;  }
    .pg_pic{ position:relative; overflow: hidden;  text-align:center; width:100%; }
    .pg_pic img{ width:100%; height:145px;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -ms-transition:.3s;
        -o-transition:.3s;
        transition:.3s;
    	}
    .pg_pic:hover img {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1);
    }
    .player_sub{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .player_left{ float:none;  width:100%; margin:0 auto; padding:10px 0 0 0; clear:both;   }
    .player_left_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.5em; font-weight:bold; color:#000000; clear:both;  }
    .player_right{ float:none;  width:100%; margin:0 auto; padding:70px 0 0 0;  clear:both;  }
    .player_right_title{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:1.5em; font-weight:bold; color:#000000; clear:both;   }
    .player_left_rap{ float:none;  width:100%; margin:0 auto; padding:30px 0 0 0; clear:both; }
    .player_left_box{ float:none;  width:100%; margin:0; padding:0 0 0 0; clear:both;  }
    .player_po{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;clear:both;}
    .player_po li{ float:left;  line-height:70px; height:70px; margin:0 auto; padding:0 0 0 0; background-color:#ffffff; border-bottom:1px solid #e1e1e1; cursor:pointer;  }
    .plico{ width:20%; text-align:center; }
    .plico img{ width:38px; }
    .pltxt{  width:70%;  text-align:left;  }
    .pltxta{font-size:0.8em; color:#666666;}
    .pltxtb{font-size:1.0em; color:#000000;}
    .plarw{  width:10%;   text-align:center; }
    .plarw i{ font-size:0.8em; color:#666666; }
    .player_right_rap{ float:none;  width:100%; margin:0 auto; padding:30px 0 0 0; clear:both; }
    .player_md_rap{ float:left;  width:33.33%; margin:0 auto; padding:0 0 0 0; }
    .player_md_box{ float:none;  width:94%; margin:0 auto; padding:0 0 0 0; clear:both;  }
    .mdpt{float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both;}
    .mdst{float:none;  width:100%; text-align:center; margin:0 auto; padding:25px 0 0 0; font-size:0.8em; color:#000000; clear:both; }
    .md_pic{  text-align:center;  }
    .mday{   width:100%; line-height:40px; border-top:1px solid #e1e1e1;}
    .mda{ text-align:left; }
    .mdb{text-align:right; font-size:0.7em; color:#666666;}

    .md_pic img{ width:100%;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -ms-transition:.3s;
        -o-transition:.3s;
        transition:.3s;
    	}
    .md_pic:hover img {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1);
    }

    .sup_rap{ float:none;  width:100%;  margin:0 auto; padding:30px 0 0 0;  background-color:#ffffff; clear:both; }
    .sup_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
    .sup_box_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; font-size:1.5em;  color:#000000; clear:both;}
    .sup_pg_rap{ float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
    .sup_pg_box{  float:none;  width:100%; text-align:center; margin:0 auto; padding:25px 0 0 0; clear:both; }
    .sup_pg_box li{ float:left;  width:50%; text-align:center; margin:0 auto; padding:0 0 0 0; }
    .sup_pg{ float:none;  width:94%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .sup_pg li{ float:none;  width:100%; text-align:left; margin:0 auto; padding:20px 0 0 0; clear:both; }
    .sup_photo{ float:none;  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
    .sup_subtb{ font-size:0.9em; color:#000000; }
    .sup_subts{ height:80px; font-size:0.8em; color:#666666; }
    .btn_donate {line-height:26px; font-size:0.7em; color:#666666;  text-align:center; background-color:#ffffff; border:1px solid #e1e1e1; padding:0 10px 0 10px;  cursor:pointer; }
    .sup_photo img{ width:100%;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -ms-transition:.3s;
        -o-transition:.3s;
        transition:.3s;
    	}
    .sup_photo:hover img {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1);
    }

    .sup_more{ float:none; text-align:center; width:100%; margin:0 auto; padding:50px 0 0 0; clear:both; }
    .dobtn_more{ width:33%; line-height:40px; font-size:0.7em; color:#ffffff;  text-align:center;  background-color:#000000; border:1px solid #000000;  padding:0 0 0 0; border-radius:20px;  cursor:pointer;}
    .dobtn_more:hover{ width:33%; line-height:40px; font-size:0.7em; color:#000000;  text-align:center; background-color:#ffffff; border:1px solid #666666; padding:0 0 0 0;  cursor:pointer;}

    .doview_box{  float:none; text-align:center; width:100%; margin:0 0 20px 0; padding:0 0 0 0; clear:both;  }
    .doview_left{ float:none; text-align:left; width:100%; margin:0 auto; padding:0 0 0 0;  clear:both; }
    .doview_left img{ width:100%; border-radius:6px; }
    .doview_right{  float:none; text-align:left; width:100%; margin:0 auto; padding:0 0 0 0;   clear:both; }
    .doview_subtb{ float:none; text-align:left; width:100%; margin:0 auto; padding:20px 0 10px 0;  font-size:1.0em;  color:#000000; clear:both;   }
    .doview_subts{ float:none; text-align:left; width:100%; margin:0 auto; padding:0 0 30px 0;  border-bottom:1px dotted #e1e1e1; font-size:0.8em;  color:#666666; clear:both;   }


    .greet_title{float:none;  width:100%; height:80px; border-bottom:2px solid #0067af;  margin:0 auto; padding:30px 0 0 0; clear:both;}



    /*tab css*/
    .tab{float:left; width:100%;  padding:10px 0 0 0;font-size:10px;}
    .tabnav{ width:100%; border-bottom:1px solid #9d9d9d;}
    .tabnav li{display: inline-block; width:50%; height:32px; text-align:center; border-bottom:2px solid #003b7a; border-right:0 solid #ffffff;}
    .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px;}
    .tabnav li a.active:before{background:#ffffff; color:#666666;  }
    .tabnav li a.active{border-bottom:2px solid #003b7a; }
    .tabnav li a{ position:relative; display:block; background: #ffffff; color: #666666; padding:0 10px; line-height:32px; text-decoration:none;}
    .tabnav li a:hover,
    .tabnav li a.active{background:#fff; color:#003b7a; }
    .tabnav span{ font-size:0.6em;}
    .tabcontent{padding:0 0 0 0;  border:0 solid #9d9d9d; border-top:none; padding:0 0 0 0;}

    .supnews_rap{ float:none;  width:100%; height:570px; margin:0 auto; padding:70px 0 0 0;  background-color:#eeeff4; clear:both; }
    .supnews_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
    .supnews_box_title{ float:none;  width:100%; margin:0 auto; padding:0 0 30px 0; font-size:1.5em;  color:#000000; clear:both;   }
    .supnews_left_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  clear:both; }
    .supnews_left_box{float:none;  width:100%;  height:100px; margin:0; padding:20px 0 0 0;  border-radius:15px; background-color:#003b7a; clear:both;}
    .supnews_left_tt{float:none;  width:100%;  text-align:center;  margin:0 auto; padding:10px 0 0 0; color:#ffffff; clear:both;}
    .supnews_left_won{float:none;  width:100%; text-align:center;  margin:0 auto; padding:0 0 0 0; color:#ffffff; clear:both;}
    .sumya{font-size:0.8em;  color:#ffffff;}
    .sumyb{font-size:1.1em;  color:#ffffff;}
    .supnews_right_rap{float:none;  width:100%; margin:0 auto; padding:20px 0 0 0; clear:both;  }
    .supnews_right_box{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
    .suopeople_box{ float:none;  width:100%; height:70px; line-height:70px; margin:0 0 2px 0; padding:0 0 0 0;  background-color:#ffffff; border-radius:35px; clear:both;  }
    .peopt{float:left;  width:20%; text-align:center; margin:0 auto; padding:0 0 0 0; }
    .peost{float:left;  width:50%; text-align:left; font-size:0.8em; color:#000000; margin:0 auto; padding:0 0 0 0;  }
    .peo_pic{float:none;  margin:0 auto; padding:0 0 0 0; text-align:center; width:50px; height:50px;  clear:both; }
    .peo_pic img{width:50px; height:50px; border-radius:25px; border:2px solid #e1e1e1;}
    .peoday{ float:left; width:calc(30% - 14px); text-align:right; margin:0 auto; padding:0 14px 0 0;  font-size:0.9em; }
    .peomy{ font-size:0.9em; color:#fa6600;}
    .suopeople_more{ float:none; width:100%; margin:25px 0 0 0; padding:0 0 0 0; text-align:center; clear:both; }
    .suopeople_btnmore{ width:200px; height:40px; line-height:40px;  margin:0 auto; font-size:0.7em; color:#ffffff;  padding:0 25px 0 25px; text-align:center; background-color:#000000;  border-radius:20px; border:1px solid #000000; padding:0 0 0 0;  cursor:pointer;}
    .suopeople_btnmore:hover{ width:200px; height:40px; line-height:40px; font-size:0.7em; color:#000000;  padding:0 25px 0 25px; text-align:center; background-color:#ffffff; border:1px solid #ffffff; padding:0 0 0 0;  cursor:pointer;}

    .blog_rap{ float:none;  width:100%; height:740px; margin:0 auto; padding:70px 0 0 0;  background-color:#ffffff; clear:both; }
    .blog_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
    .blog_box_title{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; font-size:1.3em; font-weight:bold; color:#000000; clear:both; }
    .blog_user_box{ float:none;  width:100%; margin:0 auto; padding:35px 0 0 0; clear:both; }
    .blog_user_box li{ float:left;  width:50%; margin:0 auto;  }
    .blog_people_box{ float:none;  width:94%; margin:0 auto; padding:0 0 0 0;   clear:both;  }
    .blog_people_box li{float:none; width:100%; margin:0 auto; clear:both;}
    .blog_peopt{ text-align:center; padding:0 0 0 0;}
    .blog_peost{ text-align:center;  padding:25px 0 0 0;  font-size:0.7em; color:#000000;  }
    .blog_intro{ text-align:left; height:130px; padding:10px 0 0 0;  font-size:0.6em; color:#666666; }
    .blog_peo_pic{ position:relative; overflow: hidden;  text-align:center; width:100%; }
    .blog_peoday{  text-align:right; padding:10px 0 30px 0; border-top:1px solid #e1e1e1; font-size:0.6em; color:#666666;}
    .blog_peo_pic img{ width:100%;  max-height:260px; border-radius:5px 5px 0 0;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -ms-transition:.3s;
        -o-transition:.3s;
        transition:.3s;
    	}
    .blog_peo_pic:hover img {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1);
    }

    .blogbest_rap{ float:none;  width:100%; height:910px; margin:0 auto; padding:70px 0 0 0;  background-color:#eeeff4; clear:both; }
    .blogbest_box{  float:none; margin:0 auto; padding:0 0 0 0; clear:both;  }
    .blogbest_left_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  clear:both; }
    .blogbest_right_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  clear:both; }
    .blogbest_box_title{ float:left;  line-height:100px;   margin:0 auto; padding:0 0 0 0;  text-align:left; font-size:1.6em; font-weight:bold; color:#000000;  }
    .blogbest_box_make{ float:right; line-height:100px;  margin:0 auto; text-align:right; padding:0 0 0 0; }
    .btn_blogmade {height:50px; line-height:50px; font-size:1.0em; color:#ffffff;  text-align:center; background-color:#11a475; border:0 solid #e1e1e1; padding:0 30px 0 30px; border-radius:0 25px 0 25px;  cursor:pointer; }
    .blogbest_list_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;clear:both;  }
    .blogbest_list_box li{ float:none;  width:100%; margin:0 auto; padding:10px 0 10px 0; clear:both; }
    .blogbest_list_bg{ float:none;  width:100%; height:140px; margin:0 auto; padding:20px;  background-color:#ffffff; border-bottom:2px solid #eeeff4; clear:both; }
    .blogbest_list_user{ float:left; text-align:center; width:20%; margin:0 auto; padding:0 0 0 0; }
    .blogbest_list_user img{ width:50px; height:50px; border-radius:25px; }
    .blogbest_list_cont{ float:left;  width:80%; margin:0 auto; padding:0 0 0 0; }
    .blogbest_new_cont{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:0.7em; color:#666666; clear:both; }
    .blogbest_blogname{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:0.7em; color:#fa6600; clear:both; }

    .botban_rap { float:none; width:100%;  background-color:#9da5b4;  margin:0 auto; padding:0 0 0 0;  clear:both; }
    .botban_box { float:none;  height:160px;  margin:0 auto; padding:0 0 0 0; clear:both; }
    /* banner */
    .blind{overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap;}

    .footer_banner_zone{position:relative; width:100%;  padding:20px 0;}
    .footer_banner_zone .flow_banner_box{position:relative; width:1280px; margin:0 auto;  height:80px;}
    .footer_banner_zone .flow_banner_box .flow_bann_area{position:absolute; top:8px; left:50%; margin-left:-640px;}
    .footer_banner_zone .flow_banner_box .flow_bann_area ul{*zoom:1;}
    .footer_banner_zone .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
    .footer_banner_zone .flow_banner_box .flow_bann_area ul li{float:left; padding-right:12px;}
    .footer_banner_zone .flow_banner_box .flow_bann_area ul li a{}
    .footer_banner_zone .flow_banner_box .flow_bann_area ul li a img{border:1px solid #f2f2f2;}

    /* btn */
    .flow_ctrl_box{float:none; width:100%; text-align:center; clear:both; padding-top:12px;}
    .flow_ctrl_box a{ height:32px; }
    .flow_ctrl_box a.back{ padding:6px;}
    .flow_ctrl_box a.next{ padding:6px; background-color: #9da5b4;outline:none;border:0;color:#000000; }
    .flow_ctrl_box a.play{ padding:2px; }
    .flow_ctrl_box a.stop{ padding:2px; }
    /* banner */

    .bot_box { float:none; width:100%; height:700px; background-color:#31314a;  margin:0 auto; padding:50px 0 0 0; clear:both; }
    .bot { float:none; width:96%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .bot_left { float:left; width:100%; text-align:left;  margin:0 auto; padding:0 0 0 0;  }
    .bot_left div { float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
    .bot_left a{ color:#ffffff; }
    .bot_lia { float:none; margin:0 auto; padding:0 0 0 0; font-size:0.8em; color:#ffffff;  clear:both; }
    .bot_lib { float:none; margin:0 auto; padding:0 0 30px 0; font-family:"GmarketSansLight";  line-height:26px; font-size:0.8em; color:#f1f1f1;  clear:both; }
    .bot_right { float:left;  text-align:left;   margin:0 auto; padding:0 0 0 0;  }
    .bot_right div { float:left;   margin:0 auto; padding:0 0 0 0;  }
    .bot_right ul { height:260px; border-left:0 solid #545454; }
    .bgmn { float:none; margin:0 auto; padding:0 0 0 0;  line-height:34px; font-size:0.8em; color:#ffffff; clear:both; }
    .bsmn { float:none; margin:0 auto; padding:0 0 0 0; font-family:"GmarketSansLight"; line-height:26px; clear:both; }
    .bsmn a{ font-size:0.6em; color:#f1f1f1; }

    /* +++서브페이지+++ */
    .snspg_box{ display:none;float:none; width:100%; margin:0 auto; padding:15px 0 0 0; clear:both;}
    .snspg_rap{float:right;  margin:0 auto; padding:0 0 0 0; clear:both;}
    .snspg{float:none; margin:0 auto; padding:0 0 0 0; clear:both;}
    .snspg li{float:left; margin:0 auto; padding:0 0 0 4px; text-align:right; }
    .snspg img{ width:24px; }


    .sv_box {  float:none; width:100%;  height:180px;  text-align:left; background-color:#003b7a; clear:both; }
    .sv { float:none; width:96%; text-align:left;margin:0 auto; padding:0 0 0 0;  background-color:#003b7a; clear:both; }
    .sv_blank{ float:none; width:100%;  height:90px; margin:0 auto; padding:0 0 0 0; clear:both;  }
    .sv_route{ float:none; width:100%;  height:26px; margin:0 auto; padding:0 0 0 0;text-align:left;  font-size:0.6em; color:#ffffff; clear:both;  }
    .sv_route i{ color:#5b91ca; }
    .sv_route a{ color:#5b91ca; }
    .sv_pgsubject{  float:none; width:100%; height:20px;  padding:0 0 0 0;text-align:left; border-bottom:1px solid #ffffff; font-size:0.8em; color:#ffffff; clear:both;  }
    .sv_pgsubcont{  float:none; width:100%; margin:0 auto; padding:6px 0 0 0;text-align:left;  font-family:"GmarketSansLight"; font-size:0.6em; color:#ffffff; clear:both;  }
    .sv_dot{ font-size:0.4em; color:#ffffff;}
    .subpage_box { float:none; width:100%; background-color:#ffffff; margin:0 auto; padding:0 0 0 0; clear:both;  min-height:700px;}
    .subpage { float:none; width:96%; height:auto;  margin:0 auto; padding:0 0 0 0; clear:both; }


    .subpage_left{ display:none; }
    .subpage_right{ float:none; width:100%;  margin:0 auto; padding:0 0 0 0; clear:both;}


    .submu_box_rap{ display:none;float:none; width:100%;  height:36px;  text-align:left; background-color:#003b7a; clear:both;}
    .submu_box{float:none; width:96%; margin:0 auto; padding:0 0 0 0;  clear:both;}

    .submntab{float:none;  padding:0 0 0 0; clear:both; }
    .submntab li{float:left; height:36px; text-align:center;  border:1px solid #ffffff;}
    .submntab li a{  color: #ffffff; padding:0 5px 0 5px; line-height:36px; font-size:0.6em;}
    .submntab li a:hover,
    .submntab li a.active{ color:#5b91ca;  font-size:0.6em;}

    .sp_subject { float:none; width:100%;  margin:0 auto; padding:10px 0 20px 0; clear:both; }
    .sp_subject ul {  margin:0 0 0 0; padding:0 0 0 0; }
    .sp_subjecta{ float:none; text-align:center; line-height:20px;   font-size:0.8em;  color:#666666; margin:0 auto; padding:0 0 10px 0; clear:both;   }
    .sp_subjectb {float:none; line-height:40px;  color:#2f333f; font-size:1.3em; padding:0 0 0 0; margin:0 auto; text-align:center;  clear:both; }
    .sp_subjectc {float:none; line-height:40px;  color:#2f333f; font-size:1.1em; padding:0 0 0 0; margin:0 auto; text-align:center;  clear:both; }

    .tosearch_rap{float:none; width:100%;  margin:0 auto;  padding:0 0 0 0; clear:both;}
    .tosearch_bbs_rap{float:none; width:100%;  text-align:left; margin:0 auto; font-size:1.2em;  border-bottom:2px solid #000000; padding:30px 0 30px 0; clear:both;}
    .search_box { float:none; width:96%;  text-align:center; margin:0 auto;  padding:30px 0 0 0; clear:both; }
    .search_box div{ float:none; width:90%;  height:60px; text-align:center; margin:0 auto;  padding:0 0 0 0;  border-bottom:2px solid #000000;  background-color:#ffffff; clear:both; }
    .search_box ul{ float:none;  margin:0 auto;  padding:0 0 0 0; }
    .search_boxlis{ float:left; width:80%; margin:0 auto;  padding:0 0 0 0; }
    .search_boxlie{ float:left; width:20%; margin:0 auto;  padding:0 0 0 0; text-align:right; }
    .ttsearch { width:100%; height:54px; text-align:center; margin:0 auto;  padding:0 0 0 0; background-color:#ffffff; border:0;}
    .ttscbtn { width:100%; height:54px;  margin:0 auto;  padding:0 0 0 0; background-color:#ffffff; border:0; border-radius:27px; font-size:1.4em;}
    .borderbot1{float:none; width:100%;  text-align:left; margin:0 auto;  padding:10px 0 10px 0; border-bottom:1px dotted #e1e1e1; clear:both;}
    .bigfont{font-size:0.8em; color:#000000; }
    .midfont{font-size:0.7em; color:#666666; }
    .smafont{font-size:0.6em; color:#cccccc;}

    .history_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .history_rap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .history_list{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
    .history_list ul{ padding:15px 0 0 0;  border-bottom:1px dotted #e1e1e1; }
    .historylia{float:none;  width:100%; margin:0 auto; padding:0 0 10px 0; text-align:left;  font-size:0.6em; color:#666666; clear:both;}
    .historylib{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; text-align:left;  font-size:0.7em; color:#000000; clear:both;}

    .map_box{ float:none; width:100%; margin:0 auto; padding:0 0 50px 0; clear:both;}
    .map{ float:none; width:100%; height:360px; margin:0 auto; padding:0 0 0 0; clear:both;}
    .mapinfo{float:none; width:100%;  margin:0 auto; padding:40px 0 60px 0; clear:both; }
    .mapinfo ul{float:none; width:100%;  margin:0 auto; padding:0 0 15px 0; clear:both; }
    .mapinfo li{float:left; line-height:48px; text-align:left; font-size:0.7em; color:#000000; margin:0 auto; padding:0 20px 20px 0; }
    .mapinfo li div{float:none;  width:48px; height:48px; line-height:48px; border-radius:24px; text-align:center; font-size:0.7em; color:#000000; margin:0 auto; padding:0 0 0 0; background-color:#f1f1f1; clear:both; }
    .mapinfo img{ width:24px; }
    /* +++서브페이지+++ */

    .sitemap_rap{float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .sitemap_box{float:left;  width:50%; height:auto; margin:0 auto; padding:0; }
    .sitemap_box_tm{float:none;  width:85%;  margin:0 auto; padding:0; clear:both; }
    .sitemap_tt{float:none;  width:100%; margin:0 auto; padding-left:10px; text-align:left; color:#ffffff; height:38px; line-height:38px; font-size:0.9em; background-color:#2f333f; clear:both; }
    .sitemap_mn{float:none;  width:100%; line-height:30px; margin:0 auto; padding:10px; text-align:left; color:#000000; font-size:0.8em; border-bottom:1px solid #e1e1e1; clear:both; }

    .donate_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .donate_rap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .donate_sect{  float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .dsula{ float:none;  width:100%; margin:0 auto; padding:25px 0 5px 0; clear:both;  }
    .dslia{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; font-family:"NotoSansMedium"; font-size:1.1em; color:#000000;  clear:both;  }
    .dslib{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; clear:both;  }
    .dslic{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  font-size:0.8em; text-align:center; clear:both;  }
    .do_name{ width:80%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .do_birth{ width:80%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .do_tel{ width:80%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .do_mail{ width:100%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .do_cont{ width:100%; height:150px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-radius:4px; border:2px solid #000000; }
    .do_person{ float:none; text-align:left; overflow:auto; width:100%; height:150px;  border-radius:4px; border:2px solid #000000; font-size:0.8em;  clear:both; }
    .dsbtn_box{ float:none;  width:100%; margin:0 auto; padding:40px 0 50px 0; text-align:center; clear:both;  }
    .do_save{ padding:15px 25px 15px 25px;  text-align:center;  font-family:"NotoSansMedium"; font-size:0.8em; color:#ffffff; border:0 solid #000000;  border-radius:4px; background-color:#fa6600; }
    .do_box{ float:none; margin:0 auto; padding:30px 60px 30px 60px;  font-size:0.8em; text-align:center; border-radius:4px; border:2px solid #000000; clear:both; }

    .dspsula{ float:none;  width:100%; height:56px; margin:10px 0 0 0; padding:20px 0 20px 0;  border-radius:28px; background-color:#f7f7f7; clear:both; }
    .dspsula div{ float:none;  width:92%; height:50px; margin:0 auto; padding:0 0 0 0; clear:both; }
    .dspsa{  float:left; font-size:0.8em; text-align:left; width:40%; margin:0 auto; padding:0 0 0 0;   }
    .dspsb{  float:left; font-size:0.8em; text-align:right; width:30%; margin:0 auto; padding:0 0 0 0;  }
    .dspsc{  float:left; font-size:0.8em; text-align:right; width:30%; margin:0 auto; padding:0 0 0 0;   }

    /*-------- member --------*/
    .mempage_rap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .mempage_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .mempage{ float:none;  width:100%; margin:0 auto; padding:25px 0 0 0; clear:both; }
    .mempagea{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .mempage_btn{ float:none; width:100%; margin:0 auto; text-align:center; padding:25px 0 25px 0; clear:both; }
    .mempage_btnrap{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .mempage_btnrap ul{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .mempage_btn2{float:left;  width:50%; margin:0 auto; padding:0 0 0 0;  text-align:center;}
    .mempage_btn3{float:left;  width:33.33%; margin:0 auto; padding:0 0 0 0;  text-align:center; }
    .mem_name{ width:100%; height:50px; padding:10px;  text-align:left;  font-size:1.0em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .mem_cont{ width:100%; height:150px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:1.0em; color:#000000; border-radius:4px; border:2px solid #000000; }
    .mempage_log{ padding:0 25px 0 25px; width:50%; height:48px;  text-align:center; font-size:0.9em; color:#000000; border:2px solid #000000; border-radius:24px;  background-color:#ffffff;  cursor:pointer;}
    .mempage_mod{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;  border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
    .mempage_out{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center; font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
    .mempage_new{ padding:0 25px 0 25px; width:99%;  height:36px; text-align:center;   font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px; background-color:#e1e1e1;  cursor:pointer;}
    .mempage_scid{ padding:0 25px 0 25px; width:99%; height:36px;  text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
    .mempage_scpw{ padding:0 25px 0 25px; width:99%;  height:36px; text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1;   border-radius:18px;  background-color:#e1e1e1; cursor:pointer; }
    .mempage_addrbtn{ padding:0 10px 0 10px; height:46px; text-align:center;  font-size:0.9em; color:#000000; border:1px solid #e1e1e1; background-color:#e1e1e1; cursor:pointer;}
    /*-------- member --------*/

    /*-------- 게시판 --------*/
    .divbbs_body { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .div_facecate{ float:none;width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .div_facecate ul{ float:none; margin:0 auto; padding:0 0 0 0; clear:both; }
    .div_facecate li{float:left; margin:3px; padding:0 6px 0 6px; text-align:center; line-height:32px; border:solid 1px #e1e1e1; background-color:#ffffff; border-radius:2px; }
    .div_facecate a{ color:#000000; }

    .bbs_inscf_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .bbs_inscf { float:right;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .bbs_inscf li{ float:left; text-align:left; padding:0 0 25px 10px; }
    .bbssctext_form { height:34px;  border:solid 1px #cdcbc4; text-align:left; background-color:#ffffff;    font-size:0.8em; color:#000000; padding:2px 0 0 4px; }
    .bbs_smn_btn5 { height:34px; border-radius:3px; border:solid 1px #071745; text-align:center; background-color:#071745;  font-size:0.8em; font-weight:bold;  color:#fff; padding:0 20px 0 20px; cursor: pointer;  }

    .bbs_box_cont { float:none; width:100%;  margin:0 auto; padding:10px 0 0 0;  border-top:2px solid #000000;  border-bottom:1px solid #000000; clear:both;  }
    .bbs_box_cont ul{ float:none; width:100%; margin:0 0 0 0; padding:25px 0 40px 0; font-size:0.9em; color:#000000; border-bottom:1px solid #e1e1e1; clear:both;  }
    .bod_check{float:left;  width:10%;  text-align:center; padding:0 0 0 0; }
    .bod_numb{  display:none; float:left;  font-size:0.8em; width:10%;text-align:center; padding:0 0 0 0; }
    .bod_subject{ float:left;  width:70%;  font-size:0.8em; text-align:left; padding:0 0 0 0; }
    .bod_user{  display:none; float:left;  width:10%;  text-align:center; padding:0 0 0 0; }
    .bod_date{ float:left;  width:20%;  font-size:0.7em; color:#666666; text-align:right; padding:0 0 0 0; }

    .bss_btndiv { float:none; width:100%; margin:0 auto; padding:30px 0 30px 0; clear:both; }
    .bss_btndiva{ float:left; width:70%; text-align:left; padding:0 0 0 0; clear:both; }
    .bss_btndivb{ float:left; width:30%; text-align:right; padding:0 0 0 0; }

    .bbs_so_btnd { cursor:hand; height:28px; border-radius:3px; border:solid 1px #000000; text-align:center; background-color:#000000;  font-size:0.7em; color:#fff; padding:5px; cursor: pointer;  }
    .bbs_so_btn { cursor:hand; height:28px; border-radius:3px; border:solid 1px #004a80; text-align:center; background-color:#004a80;  font-size:0.7em; color:#fff; padding:5px; cursor: pointer;  }
    .bbs_smn_btn6 { height:34px; border-radius:3px; border:solid 1px #004a80; text-align:center; background-color:#004a80;  font-size:0.7em; font-weight:bold;  color:#fff; padding:0 20px 0 20px; cursor: pointer;  }

    .bbs_gallery_box { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .bbs_gallery_box ul{ float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .bbs_gallery_box li{ float:left;  width:50%; text-align:center; padding:0 0 0 0; }
    .bbs_gallery_box img{ width:96%;  }
    .bbs_gallery_box a{    font-size:0.7em; color:#000000; }

    .bbs_gallery_box { float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .bbs_gallery_box ul{ float:none;  width:100%;  margin:0 auto; padding:0 0 0 0; clear:both; }
    .bbs_gallery_box li{ float:left;  width:100%; text-align:center; padding:0 0 0 0; }
    .bbs_gallery_box img{ width:96%;  }
    .bbs_gallery_box a{    font-size:0.7em; color:#000000; }

    .bbs_insc_ct_userinf { float:none;  width:100%; height:44px; margin:0 auto; padding:14px 0 14px 0; border-bottom:solid 1px #e1e1e1;   font-size:0.8em; color:#666666; clear:both; }
    .bbs_insc_ct_userinf li{ float:left;   text-align:left;  width:100%; margin:0 auto; padding:0 0 0 0; }
    .bbs_subject { float:none; width:100%;  text-align:left; margin:0 auto; padding:10px; font-size:0.8em;  border-bottom:2px solid #252f45; color:#000000; clear:both; }
    .bbs_contents { float:none; width:100%;  font-size:0.8em; margin:0 auto; padding:15px 0 30px 0; border-bottom:solid 1px #e1e1e1; clear:both; }
    .bbs_insc { float:none; width:100%; margin:0 auto; padding:20px 0 20px 0; clear:both; }
    .bbs_box{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
    .bbs_ula{ float:none;  width:100%; margin:0 auto; padding:25px 0 5px 0; clear:both;  }
    .bbs_lia{ float:none;  width:100%; margin:0 auto; padding:0 0 0 0;  text-align:left; font-family:"NotoSansMedium"; font-size:1.1em; color:#000000;  clear:both;  }
    .bbs_lif{ float:none; width:100%; padding:0 0 0 0; text-align:left; clear:both; }
    .bbs_lif a{font-size:0.8em; color:#ffffff;}
    .bbs_name{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .bbs_pswd{ width:40%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .bbs_sbjt{ width:100%; height:50px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #000000; }
    .bbs_cont{ width:100%; height:350px; padding:10px;  text-align:left;  font-family:"NotoSansRegular"; font-size:0.9em; color:#000000; border-radius:4px; border:2px solid #000000; }
    .del_photo{ outline:none; border:1px solid #002157; text-align:center;  font-family:"GmarketSansMedium"; font-size:0.7em; padding:11px 16px 11px 16px; background-color:#002157; color:#ffffff; cursor:pointer;}
    .sbox_btn{ float:none; width:100%; margin:0 auto; text-align:center; padding:20px 0 30px 0; clear:both;}


    .inumber{float:left; width:24px; padding:0; margin:0; text-align:left;}
    .inumbering{float:none; width:24px; height:24px; line-height:24px; background-color:#b3256f; color:#ffffff; font-size:0.7em; text-align:center; border-radius:2px; clear:both;}
    .inumbersubject{float:left;padding:0;width:calc(100% - 24px); margin:0; text-align:left;}

    .paging_box { float:none;   height:70px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
    .paging_box a{  font-size:14px; font-weight:bold;  }
    .paging { display:flex; justify-content:center; align-items:center;  float:none; width:100%;  margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
    .paging_s {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0; border:1px solid #e1e1e1; border-radius:2px 0 0 2px; }
    .paging_p {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
    .paging_numc{  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#666666;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; }
    .paging_numck{  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em; color:#0084b5;  padding:0 0 0 0; font-weight:bold;   border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; }
    .paging_n { display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-left:1px solid #e1e1e1;}
    .paging_e {  display:flex; justify-content:center; align-items:center;  float:left; width:40px; height:40px; text-align:center;  font-size:0.8em;  color:#0084b5;  padding:0 0 0 0;  border:1px solid #e1e1e1; border-radius:0 2px 2px 0;}

    /*-------- 게시판 --------*/

}
/*---------모바일###########################################################---------*/