/* body{margin:0px; padding:0px; BACKGROUND: #363A42;}*/
/*body{margin:0px; padding:0px; font-family:Nanum Gothic; background:url(/bg.jpg) repeat}
¹é±×¶ó¿îµå*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0px none;
    outline:0;
    vertical-align:middle;
    background:;
	font-family: 'Nanum Gothic', sans-serif;
    text-size-adjust:none;
    font-size: 100%;
    line-height: 1.5;
	letter-spacing: -0.02em;
	font-weight:normal;
	box-sizing: border-box;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
}

@font-face { /* ³ª´®°íµñ Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(/fonts/NanumSquareR.eot);
 src: url(/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/fonts/NanumSquareR.woff) format('woff'),
      url(/fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(/fonts/NanumSquareB.eot);
 src: url(/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/fonts/NanumSquareB.woff) format('woff'),
      url(/fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(/fonts/NanumSquareEB.eot);
 src: url(/fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(/fonts/NanumSquareEB.woff) format('woff'),
      url(/fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(/fonts/NanumSquareL.eot);
 src: url(/fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(/fonts/NanumSquareL.woff) format('woff'),
      url(/fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
  font-family: 'PlayfairDisplay-Medium';
  src: url('/fonts/PlayfairDisplay-Medium.eot');
  src: url('/fonts/PlayfairDisplay-Medium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/PlayfairDisplay-Medium.svg#PlayfairDisplay-Medium') format('svg'),
       url('/fonts/PlayfairDisplay-Medium.ttf') format('truetype'),
       url('/fonts/PlayfairDisplay-Medium.woff') format('woff'),
       url('/fonts/PlayfairDisplay-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'PlayfairDisplay-Regular';
  src: url('/fonts/PlayfairDisplay-Regular.eot');
  src: url('/fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Medium') format('svg'),
       url('/fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
       url('/fonts/PlayfairDisplay-Regular.woff') format('woff'),
       url('/fonts/PlayfairDisplay-Regular.woff2') format('woff2');
}


.font{ font-family: 'PlayfairDisplay-Medium'; }
.font1	{ font-family: 'PlayfairDisplay-Regular';}
.font2{ font-family: 'Nanum Gothic', sans-serif; }
.font3{font-family: 'NanumSquare', sans-serif;}




.btn{cursor:pointer;color:#FFFFFF;}
.btn:hover{color:#FFC000; cursor:pointer;}

.c_box {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}

.blur {color:rgba(255, 255, 255, 0.1);}

strong { font-weight:600;}

a:link, a:visited, a:active					{ text-decoration:none; }
a:hover										{ text-decoration:none;}



.write_btn  { margin:30px 10px 30px 10px; border: 1px solid #1f4bb4; color:#FFFFFF;   font-size:16px; font-weight:600;  background-color:#1f4bb4; padding:10px 15px 10px 15px;  text-align:center;}
.write_btn2  a{margin:30px 10px 30px 10px; border: 1px solid #000000; color:#FFFFFF;   font-size:16px;  font-weight:600;  background-color:#000000; padding:10px 30px 10px 30px; text-align:center;}

.mfs2 {font-size:15px;}
/* ¼ýÀÚ */
.number { font-family:'tahoma',verdana; font-weight:800;  }
.num	{ font-family:'tahoma',verdana; line-height: 200%;}

.bold100 	{ font-weight:100;}
.bold200 	{font-weight:200;}
.bold300 	{font-weight:300;}
.bold400 	{font-weight:400;}
.bold500 	{font-weight:500;}
.bold600 	{font-weight:600;}
.bold700 	{font-weight:700;}
.bold800 	{font-weight:800;}
.nobold    {font-weight:normal;}
.nobold2    {font-weight:200;  line-height: 180%;}

img {border: 0px;}
.title { color:#AB722B; line-height: 200%; font-weight:800;}
.title2 { color:#A8A096;}
.text_bg {background-color:rgba(0, 0, 0, .8); padding:5px 10px 5px 10px; }
.text_bg2 {background-color:rgba(0, 0, 0, .5); padding:5px 10px 5px 10px; }
.text_bg3 { background-color:rgba(255, 255, 255, 0.5); padding:5px 10px 5px 10px; }

.title_text_bg {background-color:rgba(0, 0, 0, .3); padding:5px; line-height:40px;}

.table_bg1 {background-color:#F4F4F4}
.table_bg2 {background-color:#FFFFFF}

.table_box {background-color:#FFF; color:#3B3B3B; font-weight:800; font-size:18px; padding:10px 0 10px 0; border-bottom:1px solid #E3E3E3;}

.map_bg {background-color:#346171; }

/*************************************************************************************** material-icons. *******************************************************************************/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }




/*************»ó´Ü ¿ìÃø ¹öÆ°****************/
.topcorner{   position:absolute;   top:0; color:#FFFFFF;  right:0;  padding:16px 20px 16px 20px; background-color:#9599A4;}

.c_c {text-align:center;}
.c_l {text-align:left;}

.no_block{display:inline-block}
.block {display:block;}
.center {float:none;}
.left {float:left;}
.right {float:right;}
/* main center font */


/* ¸Þ´º¹è°æ*/
.mbg {background-color:#FFFFFF} 

/* ¸Þ´º¶óÀιè°æ*/
.mbgline {background-color:#FFFFFF} 

/* »ó´Ü¹è°æ*/
.topbg {background-color:#FFFFFF} 

/* Çϴܹè°æ*/
.fbg {background-color:#ffffff} 

/* ¸Þ´º¸¶¿ì½º ¿À¹ö*/
.base {background-color:#F4E5C0} 
.over {background-color:#272727} 

.base{ color:#FFFFFF; background-color:#3B6303;  float:right; /*position:fixed;*/ _position:absolute; width:100%; margin-right:0px;  padding:20px 0px 20px 0px; }
.base a{color:#FFFFFF; !important; text-decoration:none; }
.base:hover{color:#FFFFFF; background-color:#322D31;  cursor:pointer; }
/* sub menu over */
.base2 {background-color:#FFFFFF} 
.over2 {background-color:#FBD38C} 

.base3{ color:#3B3B3B; background-color:#ffffff;  float:right; /*position:fixed;*/ _position:absolute; width:100%;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base3 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base3:hover{color:#FFFFFF; background-color:#191719;  cursor:pointer; border:1px solid #191719;}

.base4{ color:#7A7A7A; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:180px;  margin-right:0px;  padding:10px 0px 10px 0px; border:1px solid #E3E3E3;}
.base4 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base4:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base5{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:150px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base5 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base5:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base6{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:150px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base6 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base6:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base7{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:10px; margin-bottom:10px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base7 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base7:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base7_1{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:0px; margin-bottom:10px; padding:8px 10px 8px 10px; border:1px solid #E3E3E3;}
.base7_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base7_1:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base8{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:10px; margin-bottom:10px; padding:10px 10px 10px 10px; border:1px solid #E3E3E3;}
.base8 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base8:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base8-1{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:10px; margin-bottom:0px; padding:10px 10px 10px 10px; border:0px solid #E3E3E3;}
.base8-1 a{color:#3B3B3B;!important; text-decoration:none; border:0px solid #E3E3E3;}
.base8-1:hover{color:#000000; font-weight:600;  cursor:pointer; border:0px solid #3B3B3B;}

.base9{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:130px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base9 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base9:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base10{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:180px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base10 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base10:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base11{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:145px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base11 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base11:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base12{ color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #3B3B3B;}
.base12 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #64B100;}
.base12:hover{color:#FFFFFF; background-color:#64B100;  cursor:pointer; border:1px solid #64B100;}

.base12_1{  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #3B3B3B;}
.base12_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #64B100;}
.base12_1:hover{color:#FFFFFF; background-color:#64B100;  cursor:pointer; border:1px solid #64B100;}

.base12_2{ color:#000000; margin:10px 0px 0px 0px; font-weight:600; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #EDEDED;}
.base12_2 a{color:#000000; !important; text-decoration:none; border:1px solid #EDEDED;}
.base12_2:hover{color:#FF6A6A; background-color:#FFFFFF;  cursor:pointer; border:1px solid #EDEDED;}

.base13{ color:#FFFFFF; background-color:#3B3B3B;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 0px 5px 0px; border:1px solid #3B3B3B;}
.base13 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;}
.base13:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base13_1{ color:#FFFFFF; background-color:#ED305D;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 5px 5px 5px; border:1px solid #ED305D;}
.base13_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #ED305D;}
.base13_1:hover{color:#FFFFFF; background-color:#ED305D;  cursor:pointer; border:1px solid #ED305D;}

.base13_2{ color:#FFFFFF; background-color:#008D2E;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 5px 5px 5px; border:1px solid #008D2E;}
.base13_2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #008D2E;}
.base13_2:hover{color:#FFFFFF; background-color:#008D2E;  cursor:pointer; border:1px solid #008D2E;}

.base14{ color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #3B3B3B;}
.base14 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #64B100;}
.base14:hover{color:#FFFFFF; background-color:#64B100;  cursor:pointer; border:1px solid #64B100;}

.base15{ width:10%; color:#FFFFFF; margin:0px 0px 0px 0px;  background: rgba(0, 0, 0, 0.5);   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:0px solid #3B3B3B;}

.base16{ color:#ffffff; margin:0px 0px 0px 0px; font-weight:600; background: rgba(0, 0, 0, 0.3);  display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:10px 20px 10px 20px; border:0px solid rgba(0, 0, 0, 0.5); }
.base16 a{color:#FFFFFF; !important; text-decoration:none;}
.base16:hover{color:#FFFFFF; background: rgba(0, 0, 0, 1);  cursor:pointer; border:0px solid rgba(0, 0, 0, 1);}


.base17{ color:#565656; margin:10px 0px 0px 0px; font-weight:200;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid rgba(0, 0, 0, 0.3); }
.base17 a{color:#565656; !important; text-decoration:none; border:1px solid rgba(0, 0, 0, 0.3);}
.base17:hover{color:#ffffff; font-weight:200;  background-color:#007DB1;  cursor:pointer; border:1px solid #007DB1;}

.base18{ color:#FFFFFF; background-color:#ccc;  float:right; /*position:fixed;*/ _position:absolute; width:100%;  margin-right:0px;  padding:10px 20px 10px 0px; border:0px solid #E3E3E3;}

.base19{ width:100%; color:#FFFFFF; margin:0px 0px 0px 0px;  background: rgba(0, 0, 0, 0.5);   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:0px solid #3B3B3B;}

.guide1{ color:#FFFFFF; background-color:#ED305D;  float:none; /*position:fixed;*/ _position:absolute; width:80px;  margin-right:0px;   padding:5px 0px 5px 0px; border:0px solid #ED305D;}/*¿¹¾à´ë±â*/
.guide2{ color:#FFFFFF; background-color:#7BA800;  float:none; /*position:fixed;*/ _position:absolute; width:80px;  margin-right:0px;   padding:5px 0px 5px 0px; border:0px solid #ED305D;}/*ÀԱݴë±â*/
.guide4{ color:#FFFFFF; background-color:#454545;  float:none; /*position:fixed;*/ _position:absolute; width:80px;  margin-right:0px;   padding:5px 0px 5px 0px; border:0px solid #ED305D;}/*¿¹¾à¸¶°¨*/
.guide5{ color:#FFFFFF; background-color:#ED305D;  float:none; /*position:fixed;*/ _position:absolute; width:80px;  margin-right:0px;   padding:5px 0px 5px 0px; border:0px solid #ED305D;}/*¿¹¾à¿Ï·á*/
.guide6{ color:#FFFFFF; background-color:#B9B9B9;  float:none; /*position:fixed;*/ _position:absolute; width:80px;  margin-right:0px;   padding:5px 0px 5px 0px; border:0px solid #ED305D;}/*¿¹¾àÃë¼Ò*/
.guide7{ color:#FFFFFF; background-color:#B9B9B9;  float:none; /*position:fixed;*/ _position:absolute; width:80px;  margin-right:0px;   padding:5px 0px 5px 0px; border:0px solid #ED305D;}/*Ãë¼ÒÁ¢¼ö*/
/* ¸Þ´º¸¶¿ì½º ÅؽºÆ® ¿À¹ö*/

.round{ background:url(/images/r_bg.jpg);  display:table-cell;vertical-align:middle; float:none; /*position:fixed;*/ _position:absolute;  width:200px; height:200px; margin-right:0px;   border:0px solid #146BB8;}/*¿îÇ×ÀÏÁ¤¶ó¿îµå*/
.round2{ background:url(/images/r_bg2.jpg);  display:table-cell;vertical-align:middle; float:none; /*position:fixed;*/ _position:absolute;  width:150px; height:200px; margin-right:0px;   border:0px solid #146BB8;}/*¿îÇ×ÀÏÁ¤¶ó¿îµå*/
.round3{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }/*À̹ÌÁö¶ó¿îµå*/

.out { color:#FFFFFF;}
.over { color:#ff0000;}




.scroll a{
position:fixed;
bottom:0px;
top:0px;
left:50%;
margin-left:-42px;
width:68px;
height:84px;
z-index:200;
background:url('/images/re.png') no-repeat left 0;display:block
		}



/*³×ºñ°ÔÀ̼Ç*/
.paginate .pre_all { margin-right:6px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next_all { margin-left:4px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 36px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate a.pre_all { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next_all { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 36px 9px !important;}
.paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal ±¼¸², Gulim; _width /**/:50px;  _height /**/:24px;}
.paginate a.pre_all,
.paginate a.next_all { color:#565656;}
/* ÆäÀÌ¡ */
.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important;; padding-left:16px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next { margin-left:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 71px 9px !important;; padding-left:6px; padding-right:16px; padding-top:7px; padding-bottom:5px}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 71px 9px !important;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal ±¼¸², Gulim; _width /**/:84px;  _height /**/:24px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}
.input_text, textarea{*margin:-1px 0;padding-right:1px;}
#search .green_window{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;width:358px;_width /**/:372px;height:26px;_height /**/:40px;border:7px solid #3eaf0e;background-color:#fff;}
.input_text{width:323px;height:17px;line-height:16px;border:0px none;font-weight:bold;font-size:14px;color:#000;*ime-mode:active;outline:none; margin-left:6px; margin-right:0; margin-top:5px; margin-bottom:0}


/* kcm Å×À̺í */
.bordercolorkcm  {border-collapse: collapse;border:1px solid #E3E3E3;}
.bordercolorkcm2 {border:1px solid #919191;}
.bordercolorkcm2 td {border:1px solid #E3E3E3;}
.bordercolorkcm3 {border:0px solid #E3E3E3;}
.bordercolorkcm3 td {border:0px solid #E3E3E3;}
.bordercolorkcm4 {border:1px solid #919191;}
.bordercolorkcm4 td {border:1px solid #919191;}
.bordercolorkcm5 {border:0px solid #FFFFFF;}
.bordercolorkcm5 td {border:0px solid #FFFFFF;}
.bordercolorkcm6 {border:1px solid #919191;}
.bordercolorkcm6 td {border:1px solid #A0CCF6;}

.bordercolorkcm7 {border:1px solid #919191;}
.bordercolorkcm7 td {border:1px solid #E3E3E3; text-align:center;padding:5px;}
.bordercolorkcm7 .bg {background-color:#414141;}


.bordercolorkcm8 {border:3px solid #FFFFFF;}
.bordercolorkcm8 td {border:0px solid #E3E3E3; text-align:center;padding:15px; }
.bordercolorkcm8 .bg {background-color:#0000000;}

.field {height:24px; font-size:9pt; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em;  font-weight:700;}
.redfield2 {color:#D34747; font-weight:700;  height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em;  font-weight:700;}
.redfield {color:#D34747; font-weight:700;  height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.payfield {font-weight:700;  height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.payfield2 {font-weight:800;  height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em;}
.field2 {height:70px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;}
.field3 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;}
.field4 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.field5 {height:1100px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%;}
.field6 {height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}
.field7 {height:25px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-weight:800;  font-family: 'Nanum Gothic', sans-serif;}
.field8 {height:1500px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%;  font-family: 'Nanum Gothic', sans-serif;}
.field10 {height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
.field11 {height:200px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}

.field12 {height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif; font-size:20pt;}

.field13 {height:50px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}
/* ¸¶¿ì½º¿À¹ö°øÅë */

.color { text-decoration:none; color:#000000; font-weight: bold;}
.gray				{ color:#b5b5bd; }
.gray_				{text-decoration: none; color: #b5b5bd;}
.gray_ a:link		{text-decoration: none; color: #b5b5bd;}
.gray_ a:visited	{text-decoration: none; color: #b5b5bd;}
.gray_ a:hover		{text-decoration: underline; color: #666;}


.red 	{ color:#FF0000; }
.red2 	{ color:#FF7F7E; }
.red3 	{ color:#FF6734; }

.sky  	{ color:#004BA9;}
.sky2  	{ color:#00485E;}
.sky3  	{ color:#00FFFC;}

.pink{ color:#FF0083;}

.blue	{ color:#146BB8;}
.blue2	{ color:#4589cf;}
.blue3	{ color:#A9D7FF;}

.green { color:#00AE6F;}

.yellow	{ color:#FFC600;}
.yellow2	{ color:#FFE365;}
.yellow3	{ color:#E76107;}
.yellow4	{ color:#8E3900;}
.yellow5	{ color:#FDFF51;}
.yellow5_				{text-decoration: none; color: #FDFF51;}
.yellow5_ a:link		{text-decoration: none; color: #FDFF51;}
.yellow5_ a:visited	{text-decoration: none; color: #FDFF51;}
.yellow5_ a:hover		{text-decoration: none; color: #FFFFFF;}
.yellow6	{ color:#FFE217;}
.yellow7	{ color:#FFBB50;}


.gray2				{ color:#6D6D6D; }
.gray3				{ color:#8B8B8B; }
.gray4				{ color:#DFDFDF; }
.gray5				{ color:#4B4B4B; }
.gray6				{ color:#929292; }
.gray7				{ color:#B7A29D; }
.gray8				{ color:#96A2B8; }
.gray9				{ color:#C8D3E7; }

.orange {color:#FF9600;}

.black					{ color:#000000; }

.white				{ color:#ffffff; }




.fs7 {font-size:7px;} 
.fs8 {font-size:8px;} 
.fs9 {font-size:9px;} 
.fs10 {font-size:10px;} 
.fs11 {font-size:11px;} 
.fs12 {font-size:12px;} 
.fs13 {font-size:13px;} 
.fs14 {font-size:14px;} 
.fs15 {font-size:15px;} 
.fs16 {font-size:16px;} 
.fs17 {font-size:17px;} 
.fs18 {font-size:18px;}
.fs19 {font-size:19px;} 
.fs20 {font-size:20px;}
.fs21 {font-size:21px;} 
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;} 
.fs27 {font-size:27px;} 
.fs28 {font-size:28px;} 
.fs29 {font-size:29px;} 
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px;}
.fs36 {font-size:36px;}
.fs37 {font-size:37px;}
.fs38 {font-size:38px;}
.fs39 {font-size:39px;}
.fs40 {font-size:40px;}
.fs41 {font-size:41px;}
.fs42 {font-size:42px;}
.fs43 {font-size:43px;}
.fs44 {font-size:44px;}
.fs45 {font-size:45px;}
.fs46 {font-size:46px;}
.fs47 {font-size:47px;}
.fs48 {font-size:48px;}
.fs49 {font-size:49px;}
.fs50 {font-size:50px;}
.fs51 {font-size:51px;}
.fs52 {font-size:52px;}
.fs53 {font-size:53px;}
.fs54 {font-size:54px;}
.fs55 {font-size:55px;}
.fs56 {font-size:56px;}
.fs57 {font-size:57px;}
.fs58 {font-size:58px;}
.fs59 {font-size:59px;}
.fs60 {font-size:60px;}




/*******************************2017¹öÆ°*****************************************/


.hoverEffect {position:relative; margin:0px; overflow:hidden; }
.hoverEffect .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect:hover>.image { transform:scale(0.9); filter: blur(0px); opacity:1; } 
.hoverEffect .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;}

.hoverEffect2 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect2 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect2:hover>.image { transform:scale(1.1); filter: blur(0px); opacity:1; } 
.hoverEffect2 .txt {color:black; position:absolute; top:0%; left:0; height:100%; width: 100%; background:rgba(0,0,0,0.5); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease;  z-index:100;}
.hoverEffect2:hover .txt { background:rgba(0,0,0,0); transform:scale(1.0); opacity:1; z-index:1000;}
.hoverEffect2 .txt .tex{top:40%; text-align:center;  position:absolute; display:block; width:100%; margin-right:auto;margin-left:auto; text-align:center; /*position:fixed;*/ _position:absolute; z-index:1000;}

.hoverEffect3 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect3 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect3:hover>.image { transform:scale(1.2); filter: blur(0px); opacity:1; } 
.hoverEffect3 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect3:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;}


.hoverEffect4 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect4 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect4:hover>.image { transform:scale(1.1); filter: blur(0px); opacity:1; } 
.hoverEffect4 .txt {color:black; position:absolute; top:0%; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect4:hover .txt { background:rgba(0,0,0,0.5); transform:scale(1.0); opacity:1;}
.hoverEffect4 .txt .tex{top:40%; text-align:center;  position:absolute; display:inline-block; width:100%; margin-right:auto;margin-left:auto; text-align:center; /*position:fixed;*/ _position:absolute;}


.hoverEffect5 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect5 .image { display:block; opacity:1; position:relative; transform:scale(1); transition:0.5s ease;  z-index:10;}
.hoverEffect5:hover>.image{ transform:scale(1.2); filter: blur(0px); opacity:1.2; z-index:100;} 
.hoverEffect5 .txt {color:black; position:absolute; top:0%; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease;  z-index:100;}
.hoverEffect5 .txt a{color:black; position:absolute;height:100%; width: 100%;  z-index:100;}
.hoverEffect5:hover .txt { background:rgba(0,0,0,0); transform:scale(1.0); opacity:1; z-index:1000;}
.hoverEffect5 .tex{top:40%; text-align:center;  position:absolute; display:block; width:100%; margin-right:auto;margin-left:auto; text-align:center; /*position:fixed;*/ _position:absolute; z-index:1000;}

.hoverEffect6 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect6 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect6:hover>.image { transform:scale(1.2); filter: blur(0px); opacity:1.2; } 
.hoverEffect6 .txt {color:black; position:absolute; top:0%; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease;  z-index:100;}
.hoverEffect6:hover .txt { background:rgba(0,0,0,0); transform:scale(1.0); opacity:1; z-index:1000;}
.hoverEffect6 .txt .tex{bottom:10%; text-align:center;  position:absolute; display:block; width:100%; margin-right:auto;margin-left:auto; text-align:center; /*position:fixed;*/ _position:absolute; z-index:1000;}

.hoverEffect7 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect7 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect7:hover>.image { transform:scale(1.1); filter: blur(0px); opacity:1; } 
.hoverEffect7 .txt {color:black; position:absolute; top:0%; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease;  z-index:100;}
.hoverEffect7:hover .txt { background:rgba(0,0,0,0.5); transform:scale(1.0); opacity:1; z-index:1000;}
.hoverEffect7 .txt .tex{top:40%; text-align:center;  position:absolute; display:block; width:100%; margin-right:auto;margin-left:auto; text-align:center; /*position:fixed;*/ _position:absolute; z-index:1000;}

.hoverEffect8 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect8 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect8:hover>.image { transform:scale(1.1); filter: blur(0px); opacity:1; } 
.hoverEffect8 .txt {color:black; position:absolute; top:0%; left:0; height:100%; width: 100%; background:rgba(0,0,0,0.3); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease;  z-index:100;}
.hoverEffect8:hover .txt { background:rgba(0,0,0,0); transform:scale(1.0); opacity:1; z-index:1000;}
.hoverEffect8 .txt .tex{top:40%; text-align:center;  position:absolute; display:block; width:100%; margin-right:auto;margin-left:auto; text-align:center; /*position:fixed;*/ _position:absolute; z-index:1000;}

.hoverEffect9 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect9 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect9:hover>.image { transform:scale(1.0); filter: blur(0px); opacity:1.0; } 
/*** È®´ë.hoverEffect9:hover>.image { transform:scale(1.2); filter: blur(0px); opacity:1.2; } ****/
.hoverEffect9 .txt {color:black; position:absolute; bottom:0; right:0; padding:10px; background:rgba(255,255,255,1); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease;  z-index:100; text-align:right;}
.hoverEffect9:hover .txt { background:rgba(255,255,255,1); transform:scale(1.0); opacity:1; z-index:1000;}
.hoverEffect9 .txt .tex{bottom:10%; text-align:center;  position:absolute; display:block; width:100%; margin-right:auto;margin-left:auto; text-align:center; /*position:fixed;*/ _position:absolute; z-index:1000;}

/***************************************************************** ·¹À̾ƿô  2018 **********************************************************************/
/**#wrapper {width:100%; overflow:hidden; margin:0 auto;} **/


#wrapper  {height:auto; width:100%; z-index:1000;} 
#wrapper #title_img {background:url(/images/bg/1.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:500px;}
#wrapper #menus {width:100%; margin:0 auto; z-index:99999999999999999999;}
#wrapper #contents {width:100%; top:30px; margin:0 auto;}
#categories {position:fixed; width:100%; z-index:100000; background-color:#FFFFFF; display: none; border-bottom:1px solid #D6D6D6;} 

#wrapper #topb {height:30px; border-bottom: 1px solid #E9E9E9; top:0; background-color:#FBFAFA; } 
#menu_text  {width:1200px; padding:0px 0px 0px 0px;  margin:0 auto; }
.menu_text{text-align:center; padding:6px 25px 6px 25px; }
.line{border-right: 1px solid #EFEFEF; height:30px; margin:0 auto;}
.line2{border-top: 1px solid #FFFFFF; height:30px; margin:0 auto;}
.img_size {width:100%;}

.lead{margin-bottom:20px;}
.lead2{margin-top:30px; margin:0 auto;}
.lead3 p{margin-bottom:20px; margin-top:10px;}
.lead4{margin-bottom:10px; margin-top:0px;}
.lead5{height:50px;}
.talign {text-align:center; margin-right:auto;margin-left:auto}
.tleft {text-align:left; margin-right:auto;margin-left:auto}
.tright {text-align:right; margin-right:auto;margin-left:auto}


.tab1 {background:url('/img/bg.jpg'); background-repeat:no-repeat; background-position:top center;  height:100%; background-attachment:fixed; z-index:100;}
.tab2 {background-color:#FFFFFF; padding-top:0px; z-index:100;}
.tab3 {background-color:#F7F7F7; padding-top:30px; z-index:100;}
.tab4 {background-color:#ffffff; padding:30px; z-index:100;}

.trodh_title {text-align:center; padding-top:30px;  height:60px;}

.bgc {background-color:#FFFFFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; padding:10px 10px 10px 10px;}

.simg {width:48%;}
.timg {width:30%;}
.img {width:100%;}
.full_img {width:100%;height:100%;}
.full_img2 {width:100%;}
.img_lineh {height: 30px;}
.text_lineh { line-height: 150%;}
.text_lineh2 { line-height: 50px;}
.text_lineh3 { line-height: 30px;}
.text_lineh4 { line-height: 20px;}
.text_lineh5 { line-height: 80px;}
.text_lineh6 { line-height: 25px;}
.text_lineh7 { line-height: 200%;}

.lineh1 {height: 10px;}
.lineh2 {height: 20px;}
.lineh3 {height: 30px;}
.lineh4 {height: 40px;}
.lineh5 {height: 50px;}
.lineh6 {height: 60px;}

.line_h100{line-height: 100%;}
.line_h150{line-height: 150%;}
.line_h180{line-height: 180%;}
.line_h200{line-height: 200%;}

.retext {letter-spacing:0.1px;}
.retext1 {letter-spacing:1px;}
.retext2 { letter-spacing:2px;}
.retext3 { letter-spacing:3px;}
.retext4 { letter-spacing:4px;}
.retext7 { letter-spacing:-0.3px;}
/*********ÄÁµ§Ã÷³ôÀÌ ********/
.text_height {height:35px;}


.title_text_sq{ margin:0 auto; padding-top:150px; }
.title_text_sq2{ margin:0 auto; padding-top:20px;}
.title_text_sq3{ margin:0 auto; text-align:center; padding-top:200px; }



/****************************************************************768*************************************************************************************************************/
@media (max-width:768px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:96%;  padding:0px 0px 0px 0px;  margin-right:auto;margin-left:auto;}
.main3{width:100%; padding:0px 10px 0px 10px; background:#FFFFFF; }
.main4{width:96%; margin-right:auto;margin-left:auto; }
.main_text{width:100%; margin-right:auto;margin-left:auto; padding:0px 0px 10px 10px;}

/**********¸ÞÀÎ **********/
.main_title2_font {font-size:40px; line-height:200%;}
.main_title2_font0 {font-size:30px; line-height:200%; }
.main_title2_font1 {font-size:26px; line-height:200%; }
.main_title2_font2 {font-size:20px; line-height:100%; }
.main_title2_font3 {font-size:18px;  line-height:200%;}
.main_title2_font4 {font-size:15px;  line-height:200%;}
.main_title2_font5 {font-size:12px;  line-height:200%;}

/**************ÄÁµ§Ã÷ °øÅë»çÀÌÁî**************************/
.mfs {font-size:13px; letter-spacing: -0.05em; vertical-align: baseline;}

.foot_font{font-size:30px;}
.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%}

.col-md-2-l{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:10px 0px 0px 0px;}
.col-md-2-r{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0px 0px 10px 0px;}

.col-md-2-b{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:10px 0px 0px 0px;}
.col-md-2-b2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0px 0px 10px 0px;}

.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-4-room {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;  padding:5 5 5 10;}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.c_l0 {padding:0px;}
.c_l1 {padding:5px;}
.c_l2 {padding:10px;}
.c_l3 {padding:15px;}
.c_l4 {padding:20px;}
.c_l5 {padding:25px;}
.c_l6 {padding:30px;}
.c_l6 {padding:35px;}
.c_l8 {padding:40px;}
.c_l9 {padding:45px;}
.c_l10 {padding:50px;}
.c_p {padding:10px;}
.c_br {padding:5px;}
.c_l_top{padding:50px;}
.c_line { border-top:1px solid #E1E1E1; width:100%; margin-right:auto;margin-left:auto;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFF; }
#wrapper {height:auto; width:100%;  position: absolute;  z-index:10000000000000; } 
#header {position: relative;  background-color:#ffffff; z-index:1000; } 
#pc {display:none}
#pc_top {display:none}

/**#pc {display:none}**/
.t_icon1 {	position: relative;	float: left;	margin: 25px 0px 0 25px;}
.t_icon2 {	position: relative;	float: right;	 margin: 25px 25px 0 0px;}
.pc {display:none}
.pc_logo {display:none}
.tt { position: absolute;	z-index:10; left:0; right:0;  top:25%;margin:auto;}
.tt2 { position: absolute;	z-index:10; left:0; right:0;  top:28%;margin:auto;}

.sub_tt { position: absolute;	z-index:10; left:0; right:0;  top:15%;margin:auto;}
.sub_tt2 { position: absolute;	z-index:10; left:0; right:0;  top:18%;margin:auto;}
.ff { position: absolute;	z-index:100000000; left:0; right:0;  top:93%; margin:auto;}
.ff2 { position: absolute;	z-index:100000000; left:0; right:0;  bottom:10%; margin:auto;}

.sub_bg4{background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:300px;}
.sub_bg5{background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:300px;}
.sub_bg6{background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:300px;}

.main_tab0 {background-color:#fff;  margin-top:0px; z-index:100; padding:10px;}
.main_tab1 {background-color:#ffffff;  margin-top:0px; z-index:100;}
.main_tab2 {background:url('/img/s1.jpg'); text-align:center;  height:200px;  background-repeat:no-repeat; background-position:top center;  background-size:cover !important; background-attachment:fixed; z-index:100;}
.main_tab3 {background:url('/img/s2.jpg'); text-align:center;  height:200px; background-size:cover !important; background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}
.room_tab {text-align:center;  padding:10px 0px 10px 0px; margin-right:auto;margin-left:auto;  width:80%; border-top:1px solid #E1E1E1; border-bottom:1px solid #f4f4f4; z-index:100;}
}
/****************************************************************768~1198*************************************************************************************************************/
@media  (min-width: 768px) and (max-width:1198px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:98%;  padding:10px 10px 0px 10px; background:#FFFFFF;}
.main3{width:100%; padding:10px 10px 0px 10px; background:#FFFFFF; }
.main4{width:90%; margin-right:auto;margin-left:auto; }
.main_text{width:100%; margin-right:auto;margin-left:auto; padding-left:20px;}

/**********¸ÞÀÎ **********/
.main_title2_font {font-size:80px; line-height:200%;}
.main_title2_font0 {font-size:60px; line-height:200%; }
.main_title2_font1 {font-size:40px; line-height:200%; }
.main_title2_font2 {font-size:30px; line-height:100%; }
.main_title2_font3 {font-size:20px;  line-height:200%;}
.main_title2_font4 {font-size:16px;  line-height:200%;}
.main_title2_font5 {font-size:13px;  line-height:200%;}


/**************ÄÁµ§Ã÷ °øÅë»çÀÌÁî**************************/
.mfs {font-size:13px; letter-spacing: -0.05em; vertical-align: baseline;}

.foot_font{font-size:30px;}

.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0px 10px 0px 0px; }

.col-md-2-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0px 10px 0px 0px;}
.col-md-2-r{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0px 0px 0px 10px;}

.col-md-2-b{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0px 10px 0px 0px;}
.col-md-2-b2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0px 0px 0px 10px;}

.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding:0px 10px 0px 0px;}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-4-room {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;  padding:5px;}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.c_l0 {padding:0px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l6 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.c_l10 {padding:100px;}
.c_p {padding:10px;}
.c_br {padding:5px;}
.c_l_top{padding:100px;}
.c_line { border-top:1px solid #E1E1E1; width:100%; margin-right:auto;margin-left:auto;}


#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFF; }
#wrapper {height:auto; width:100%;  position: absolute;  z-index:10000000000000; } 
#header {position: relative;  background-color:#ffffff; z-index:1000; } 
#mobile {display:none}
#pc_top {display:none}

.t_icon1 {display:none}
.t_icon2 {display:none}
.mobile {display:none}
.pc_logo {display:none}
.pc {width:auto; margin-right:auto;margin-left:auto; }

.tt { position: absolute;	z-index:10; left:0; right:0;  top:45%;margin:auto;}
.tt2 { position: absolute;	z-index:10; left:0; right:0;  top:48%;margin:auto;}
.sub_tt { position: absolute;	z-index:10; left:0; right:0;  top:25%;margin:auto;}
.sub_tt2 { position: absolute;	z-index:10; left:0; right:0;  top:28%;margin:auto;}
.ff { position: absolute;	z-index:100000000; left:0; right:0;  top:93%; margin:auto;}
.ff2 { position: absolute;	z-index:100000000; left:0; right:0;  bottom:10%; margin:auto;}

.sub_bg4{background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:500px;}
.sub_bg5{background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:500px;}
.sub_bg6{background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:500px;}

.main_tab0 {background-color:#fff;  margin-top:0px; z-index:100;}
.main_tab1 {background-color:#ffffff;  margin-top:0px; z-index:100;}
.main_tab2 {background:url('/img/s1.jpg'); text-align:center;  height:400px;  background-size:cover !important; background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}
.main_tab3 {background:url('/img/s2.jpg'); text-align:center;  height:400px; background-size:cover !important; background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}
.room_tab {text-align:center;  padding:10px 0px 10px 0px; margin-right:auto;margin-left:auto;  width:80%; border-top:1px solid #E1E1E1; border-bottom:1px solid #f4f4f4; z-index:100;}
}
/********************************************************************1200*************************************************************************************************************/
@media (min-width:1198px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:1200px;  margin-right:auto;margin-left:auto; }
.main3{width:1200px; margin-right:auto;margin-left:auto; }
.main4{width:98%; margin-right:auto;margin-left:auto; }

/**********¸ÞÀÎ **********/
.main_title2_font {font-size:80px; line-height:200%;}
.main_title2_font0 {font-size:60px; line-height:200%; }
.main_title2_font1 {font-size:40px; line-height:200%; }
.main_title2_font2 {font-size:30px; line-height:100%; }
.main_title2_font3 {font-size:20px;  line-height:200%;}
.main_title2_font4 {font-size:16px;  line-height:200%;}
.main_title2_font5 {font-size:13px;  line-height:200%;}

/**************ÄÁµ§Ã÷ °øÅë»çÀÌÁî**************************/
.mfs {font-size:13px; letter-spacing: -0.05em; vertical-align: baseline; }

.foot_font{font-size:30px;}

.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0px 10px 0px 0px; }

.col-md-2-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0px 30px 0px 0px;}
.col-md-2-r{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0px 0px 0px 0px;}

.col-md-2-b{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%; padding:0px 10px 0px 0px;}
.col-md-2-b2{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%; padding:0px 0px 0px 10px;}

.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding:0px 10px 0px 0px;}
.col-md-3-room{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:0px;}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.c_l0 {padding:0px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l6 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.c_l10 {padding:100px;}
.c_p {padding:10px;}
.c_br {padding:5px;}
.c_l_top{padding:200px;}
.c_line { border-top:1px solid #E1E1E1; width:100%; margin-right:auto;margin-left:auto;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFF; }
#wrapper {height:auto; width:100%;  position: absolute;  z-index:10000000000000; } 
#header {position: relative;   z-index:10000000000000; } 
#mobile {display:none}
#mobile_top {display:none}
.t_icon1 {display:none}
.t_icon2 {display:none}
.mobile {display:none}
.pc {width:auto; margin-right:auto;margin-left:auto; }


.tt { position: absolute;	z-index:10; left:0; right:0;  top:45%;margin:auto;}
.tt2 { position: absolute;	z-index:10; left:0; right:0;  top:48%;margin:auto;}
.sub_tt { position: absolute;	z-index:10; left:0; right:0;  top:25%;margin:auto;}
.sub_tt2 { position: absolute;	z-index:10; left:0; right:0;  top:28%;margin:auto;}
.ff { position: absolute;	z-index:100000000; left:0; right:0;  top:93%; margin:auto;}
.ff2 { position: absolute;	z-index:100000000; left:0; right:0;  bottom:10%; margin:auto;}

.sub_bg4{background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:600px;}
.sub_bg5{background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:600px;}
.sub_bg6{background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:600px;}


.main_tab0 {background-color:#fff;  margin-top:0px; z-index:1;}
.main_tab1 {background-color:#fff;  margin-top:0px; z-index:100; border-top:1px solid #E1E1E1; }
.main_tab2 {background:url('/img/s1.jpg'); text-align:center;  height:700px; background-size:cover !important; background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}
.main_tab3 {background:url('/img/s2.jpg'); text-align:center;  height:400px; background-size:cover !important; background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}
.room_tab {text-align:center;  padding:10px 0px 10px 0px; margin-right:auto;margin-left:auto;  width:1200px; border-top:1px solid #E1E1E1; border-bottom:1px solid #f4f4f4; z-index:100;}
}

/**background:url('/img/bg1.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; **/

#info h1 {text-align:center;}



#info p {
	width: 80%;
	text-align:center;
	margin:0 auto;
	line-height: 24px;
}

/***********************  »çÀÌÆ®¼¼·Î¶óÀÎ **********************/
.subArea { overflow:hidden;}
.subLine { position:fixed; width:1px; 
		height:100%; top:0; background:#ffffff; 
		opacity:0.17; filter: alpha(opacity=17;); 
		-webkit-transition: all 0.3s ease-in-out; 
		-moz-transition: all 0.3s ease-in-out; 
		-ms-transition: all 0.3s ease-in-out; 
		-o-transition: all 0.3s ease-in-out; 
		transition: all 0.3s ease-in-out; 
		z-index:-1;}
.subLine_01 {left:20%;}
.subLine_02 {left:40%;}
.subLine_03 {left:60%;}
.subLine_04 {left:80%;}
.zindex {z-index:-2;}
.zindexu {z-index:99;}
.zindexu2 {z-index:10000;}

.container{width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px;margin-left:0px}




table {
    width: 100%;
}*/
.th {
    padding: 13px;
    border: 1px solid #ddd;
}
th {
    background: #FBFAFA;
}
.demo02 th {
    width: 13%;
	text-align:center; 
}
.demo02 td {
    text-align: center;
}
.demo02 td:first-child {
    text-align: center;
	padding: 13px;
}

@media only screen and (max-width: 800px) {
.demo02 {
    display: block;
    width: 100%;
    margin: 0 -10px;
}
.demo02 thead {
    display: block;
    float: left;
    overflow-x: scroll;
}
.demo02 tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
}
.demo02 th {
    display: block;
    width: auto;
}
.demo02 tbody tr {
    display: inline-block;
    margin: 0 -2px;
}
.demo02 td {
    display: block;
}
}

/**********************************************************************swiper******************************************************************************************************/

/**********************************************************************modal******************************************************************************************************/

.container{
  width:100%;
}
.modal-btn-box{
  width:100%;
  text-align:center;
}
.modal-btn-box button{
  display:inline-block;
  width:150px;
  height:50px;
  background-color:#ffffff;
  border:1px solid #e1e1e1;
  cursor:pointer;
  padding-top:8px;
}
.popup-wrap{
  background-color:rgba(0,0,0,.5);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
}
.popup{
  width:100%;
  max-width:600px;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  background-color:#FFFFFF;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.head-title {
    font-size: 38px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -3px;
    text-align: center;
}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:30px;
}
.body-titlebox{
  text-align:center;
  width:100%;
  height:40px;
  margin-bottom:10px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  min-height:100px;
  max-height:200px;
}
.popup-foot{
  width:100%;
  height:50px;
}
.pop-btn{
  display:inline-flex;
  width:100%;
  height:100%;
  float:left;
  justify-content:center;
  align-items:center;
  color:#5D5D5D;
  cursor:pointer;
}
.pop-btn.confirm{
  border-right:1px solid #3b5fbf;
}
/**********************************************************************landscape swiper******************************************************************************************************/

.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .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-pagination-bullet-active{
  background-color:#454545;
}

.img1{background: url('/img/01/1.jpg') no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; 
}
.img2{background:url('/img/01/2.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  
}
.img3{background:url('/img/01/3.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img4{background:url('/img/01/4.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img5{background:url('/img/01/5.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img6{background:url('/img/01/6.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img7{background:url('/img/01/7.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img8{background:url('/img/01/8.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img9{background:url('/img/01/9.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img10{background:url('/img/01/10.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}
.img11{background:url('/img/01/11.jpg')no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}

.wrap {text-align: center; margin-top: 0px;}
.chatbox {animation: motion 0.3s linear 0s infinite alternate; margin-top: 0;
	-webkit-animation: motion 0.3s linear 0s infinite alternate; margin-top: 0;
}
        
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

-webkit-@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

/****************************************************************animation************************************************************************************************************/


.s_mt {
    animation: s_mt 2s linear infinite;
    transform:translateY(-2px);
    display:inline-block;
}
@keyframes s_mt {
    0% {transform:translateY(-2px);}
    50%{transform:translateY(8px);}
    100%{transform:translateY(-2px);}
}

/**********************************************************************facilities img******************************************************************************************************/

.f_img1{background: url('/img/02/1.jpg') no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; 
}
.f_img2{background: url('/img/02/2.jpg') no-repeat 50% 50%; background-position:center; background-size:cover;"
   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; 
}


.mainfullbox{ width:100%; height:100%; position:relative; color:#ffffff; font-size:24pt;}
.mainfullbox2{ width:100%; height:auto; position: absolute; color:#ffffff; font-size:24pt;}
#mainfull_navi { position:fixed; top:40%; right:2%; z-index:8992; }
#mainfull_navi ul { margin:0; padding:0; list-style:none; }
#mainfull_navi ul li { margin-bottom:10px; }
#mainfull_navi p { background-color:#fff;  width:6px; height:6px; border-radius:10px; text-align:center; margin:0 auto; font-size:12px; color:#fff; vertical-align:middle; line-height:10px; }
#mainfull_navi p:hover { background-color:#f50; }
#mainfull_navi a.on p { background-color:#f50 !important; }
#mainfull_navi p.on { background-color:#f50 !important; }
@media screen and (max-width:1025px){
#mainfull_navi { right:5%; }
}