@charset "euc-kr";
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); /* 'Nanum Barun Gothic', sans-serif */
@font-face{
    font-family:'NanumGothicLight';
    src:url(../css/NanumGothicLight.eot);
    src:url(../css/NanumGothicLight.eot?#iefix) format(embedded-opentype),
    url(../css/NanumGothicLight.woff) format(woff),
    url(../css/NanumGothicLight.ttf) format(truetype);
url(../css/NanumGothicLight.svg#NanumGothicLight) format(svg)
src:local(¡Ø), url(./css/NanumGothicLight.woff) format(woff);
}


body{ margin:0; padding:0; *word-break:keep-all;-ms-word-break:break-all; /**word-break:break-all;-ms-word-break:break-all;*/ }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button{margin:0; padding:0;}
ul, ol, dl, dd, dt, li{list-style:none;}

table, tbody, tfoot, thead, tr, th, td{border-collapse:collapse; border-spacing:0;}
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
img, fieldset, iframe{border:0 none; margin:0; padding: 0;}
img{vertical-align: middle;}

/* font */
body, td, p, input, button, textarea, select, h1, h2, div, li, ul{font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; font-size:15px; color:#000; line-height:160% ; }
b, th{font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; color:#000;}
a:link, a:visited, a:active{text-decoration:none; color:#000; line-height:160%; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif;}
a:hover {text-decoration:none; color:#3e0e0e; line-height:160%; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif;}

/* form */
form, fieldset, iframe{margin:0; padding:0; border:0;}
input {outline:none; margin:0; vertical-align:top}
select {vertical-align:middle}
input,select,button{vertical-align:middle}
label {cursor:pointer;}

/* float clearfix */
.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}


/* -------------------- ½ºÅ©·Ñ ¾Ö´Ï -------------------- */
.main_slide_mouse {position: absolute; bottom: 30px; z-index: 200; width: 116px; height: 34px; left: 50%; margin-left: -60px;}
.main_mus_d {width: 116px; height: 34px; background:url('/nhroot/images/common/scroll.png') center bottom no-repeat; margin: auto;}


/* -------------------- ¸ÞÀÎ ½½¶óÀÌµå ¹®±¸ -------------------- */
#mtbox {font-family: 'Playfair Display', serif; position: absolute; bottom: 36%; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 0 0 0 -500px;}
#mtbox div {color: #fff; font-family: 'Playfair Display', serif;}
#mtbox .t01 {font-size: 50px; font-weight: 300; line-height: 70%; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 20px;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
#mtbox .t01 span {font-weight: 700; font-size: 90px;}
#mtbox .t02 {font-family: 'Noto Serif KR', serif; font-style: italic; font-size: 17px; letter-spacing: 0.1em;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5); }
#mtbox .t03 {font-family: 'Noto Serif KR', serif; font-style: italic; font-size: 17px; letter-spacing: 0.1em; margin:50px 0 0 90px;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}


/* //////////////////// ¸ÞÀÎ Àλ縻 //////////////////// */
#mabout {}
#mabout .mabout_con {position: relative; width: 1240px; left:50%; margin:0 0 0 -640px;}
.mabout_bg {width: 100%; height:816px; background: url("/nhroot/images/main/about.jpg") no-repeat center; text-align: center; position: relative;}
#mabout .about_btn {position: relative;  width:145px; height:41px; right:0; margin:55px 0 0 100px;}
#mabout .about_tx {position: absolute; width:481px; height:171px; padding:100px 0 0 0;}
#mabout .txt {font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; width: 100%; text-align: left; color: #4a4a4a; font-size: 14px; letter-spacing: -0.5px; line-height: 26px; padding:300px 0 0 100px;}

#vwrapper {position: absolute; left:50%;margin: -470px 0 0 -100px; z-index:50; text-align: right; z-index:100;}



/* -------------------- ¸ÞÀÎ ·ë¹Ì¸®º¸±â -------------------- */
#r_con {position: relative; width: 100%; height: 1000px; /*background: url("/nhroot/images/main/video/bg.png") top left no-repeat; background-size: cover;*/}
#r_con > div {position: absolute; left: 50%;}
#r_con .tbox {top: 100px; margin: 185px 0 0 -578px;}
#r_con .tbox div {}
#r_con .tbox .t01 {width: 392px; height: 55px; margin: 0 0 175px 390px;}
#r_con .tbox .t02 {width: 1000px; position: relative; font-size:15px; letter-spacing: 0.5px; margin: -160px 0 0 75px; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; text-align: center; color: #353535; }
#rm {position: relative; left: 50%; top:210px; width: 1920px;  margin-left:-590px; text-align: center; /*margin: -775px 0 0 -630px;*/}


/* //////////////////// ¸ÞÀÎ ½ºÆä¼È //////////////////// */
#msp {position: relative; width: 100%; text-align: center; padding:580px 0 80px 0px;  margin-bottom:-200px;}
.msp_con {width: 100%; height:984px; background: url("/nhroot/images/main/bg01.jpg") no-repeat center; text-align: center; position: relative;}
#msp .ms_con .t01 img {position: relative; margin-top:-340px; }
#msp .ms_con .t02 {margin: -130px 0 0 0; color:#fff; letter-spacing: 0.5px;}

#msp .imgbox {position: relative; left: 50%; width: 1000px; margin: 80px 0 0 -470px;}
#msp .imgbox div {float: left; overflow: hidden; padding:0 18px 18px 0;}
#msp .imgbox div img {display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
#msp .imgbox div:hover img {transform: scale(1.1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}


/* style2.css S */
#msp #spcon {position: relative; margin: -35px 0 0 -55px;}
#msp .mspmain {position: relative; left: 50%; width: 1000px; margin: 18px 0 0 -470px;}
#msp .mspmain section {}

.ch-item {width: 100%; height: 100%;  position: relative; cursor: default;  cursor: pointer;
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-img-1 { background-image: url("/nhroot/images/main/mt1.jpg");}
.ch-img-2 { background-image: url("/nhroot/images/main/mt2.jpg");}
.ch-img-3 { background-image: url("/nhroot/images/main/mt3.jpg");}
.ch-img-4 { background-image: url("/nhroot/images/main/mt4.jpg");}
.ch-img-5 { background-image: url("/nhroot/images/main/mt5.jpg");}
.ch-img-6 { background-image: url("/nhroot/images/main/mt7.jpg");}
.ch-info { opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.ch-info h3 {position: relative; height: 39px; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; color: #fff; padding: 105px 0 0 0;}
.ch-info p { padding: 20px 0 0; margin: 0 30px;  border-top: 1px solid rgba(255,255,255,0.5);}
.ch-info span {display: block; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; font-size: 12px; font-weight: 400; font-style: normal; line-height: 18px; color: #fff; letter-spacing: 1px; }
.ch-info span:hover {color: #fff222; color: #fff;}
.ch-item:hover { background: rgba(41, 41, 41, 0.8 );}
.ch-item:hover .ch-info {opacity: 1; 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
/* style2.css E */
/* common.css S */
.ch-grid {list-style: none; display: block; text-align: center; width: 100%;}
.ch-grid:after,
.ch-item:before {content: ''; display: table;}
.ch-grid:after {clear: both;}
.ch-grid li {width: 300px; height: 300px; display: inline-block; margin-right: 19px;}
.ch-grid li:last-child {margin-right: 0;}
/* common.css E */

/* -------------------- °´½Ç ¹Ì¸®º¸±â -------------------- */
#rv{width: 100%; min-width: 1100px; text-align: center; background:url("/nhroot/images/rooms/rbg.jpg") top center no-repeat;}
.rv_tit{width: 1000px; text-align: center; position: absolute; top: 210px; color: #ffffff; left: 50%; margin-left: -500px;}


/* -------------------- °´½Ç °¶·¯¸® -------------------- */
#rtbox {position: absolute; bottom: 240px; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 0 0 0 -500px;}
#rtbox div {color: #fff; font-weight:200; }
#rtbox .t01 {font-size: 55px; font-weight: 300; font-family: 'Playfair Display', serif !important; line-height: 70%;  letter-spacing: 3px; font-style: italic; margin: 0 0 30px;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
#rtbox .line {width:95px; height:1px; background:#fff;  vertical-align: top; margin:25px 0 0 450px;}
#rtbox .t02 { width:300px; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 0.5px;  margin:20px 0 0 350px;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
.img_100 {width:100%; height:auto !important; vertical-align:top;}


/* infobox */
#rinfobox {width: 100%; text-align: center; padding: 50px 0 200px;}

/* info */
#rinfobox .rinfo {position: relative; left: 50%; width: 1214px; text-align: left; margin: 0 0 0 -607px;}
#rinfobox .rinfo div { color: #313131;}
#rinfobox .rinfo #rtbox01 {position: absolute; top:-280px; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 70px 0 0 -500px;}
#rinfobox .rinfo #rtbox01 div {color: #000; font-weight:200; }
#rinfobox .rinfo #rtbox01 .t01 {font-size: 60px; font-weight: 300; font-family: 'Playfair Display', serif !important; font-style: italic; line-height: 70%;  letter-spacing: 3px; margin: 0 0 0; padding:40px 0 0 0;}
#rinfobox .rinfo #rtbox01 .t02 {width:300px; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 0.5px;  margin:0 0 0 350px;}
#rinfobox .rinfo #rtbox01 .line {width:135px; height:1px; background:#000;  vertical-align: top; margin:35px 0 35px 435px; }

#rinfobox .rinfo .info {position: relative; text-align: center; border-bottom: 1px solid #000; margin: 200px 0 0 0;}
#rinfobox .rinfo .info > .txt {font-style: italic;  font-weight:200; font-size: 16px; font-weight: 300; top:-100px; line-height: 26px; margin:0 0 80px 0; text-align: center; }
#rinfobox .rinfo .info .wbox {display: inline-block; text-align: center; vertical-align: top;}
#rinfobox .rinfo .info .wbox .box {float: left; width: 290px; min-height: 200px; vertical-align: top; margin: 0 40px 0 0;}
#rinfobox .rinfo .info .wbox .box:last-child {width: /*770px*/450px; margin: 0;}
#rinfobox .rinfo .info .wbox .box div {text-align: left;}
#rinfobox .rinfo .info .wbox .box .tit { font-size: 15px; font-weight: 700; line-height: 33px; padding: 0 0 0 11px; border-bottom: 1px solid #000;}
#rinfobox .rinfo .info .wbox .box .txt { font-size: 13px; font-weight: 100; line-height: 24px; padding: 25px 0 45px 10px;}
#rinfobox .rinfo .info .wbox .box .txt .red { color: #e60012;}
#rinfobox .rinfo .info .reser {font-family: 'Playfair Display', serif !important; font-style: italic; position: absolute; bottom: -10px; right: 0; width: 186px; font-size: 15px; font-weight: 100; line-height: 34px; letter-spacing: 0.04em; background: #000; color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rinfobox .rinfo .info .reser:hover {background: #0364af;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}


/* -------------------- ½ºÆä¼È °¶·¯¸® -------------------- */
#stbox {position: absolute; bottom: 200px; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 0 0 0 -500px;}
#stbox div {color: #fff; font-weight:200; }
#stbox .t01 {font-size: 52px; font-weight: 400; font-family: 'Playfair Display', serif !important; font-style: italic; line-height: 70%;  letter-spacing: 3px; margin: 0 0 20px;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
#stbox .line {width:130px; height:1px; background:#fff;  vertical-align: top; margin:25px 0 0 430px;}
#stbox .t02 { width:400px; font-family:'Nanum Barun Gothic', ±¼¸², Gulim, sans-serif; font-weight: 600; font-size: 17px; letter-spacing: 0.1em;  margin:20px 0 0 290px;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
/*#stbox #spbtn {width:39px; height:39px; text-align: center; background:url('/nhroot/images/sp/spbtn.png') center top no-repeat; margin:-33px 0 0 560px; }*/

#stbox .spinfobt {display: inline-block; line-height: 35px; border-radius: 50px; padding: 0 30px; font-size: 13px; border: 1px solid #fff; cursor: pointer;  margin:30px 10px 0 0;
-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;
}
#stbox .spinfobt:hover {background: #000; color: #fff; border: 1px solid #000;
-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;
}
/* -------------------- ½ºÆä¼È °¶·¯¸® Á¤º¸ º¸±â -------------------- */
#spinfobox {display: none; position: absolute; bottom: 0; z-index: 200; width: 100%; background: #fff;}
#spinfobox .spinfo {position: relative; width: 800px; text-align: center; box-sizing: border-box; padding: 60px 75px; margin: 0 auto;}
#spinfobox .spinfo .spinfobt {position: absolute; top:0; right: 0; cursor: pointer;}
#spinfobox .spinfo .spinfobt img {display: block; margin:0 100px 0 0;}
#spinfobox .spinfo .t01 {font-size: 25px; font-weight: 600; text-align: center; color: #000; margin: 0 0 20px;}
#spinfobox .spinfo .t01 span {font-size: 25px; font-weight: 500; text-transform: uppercase; margin: 0 10px 0 0;}
#spinfobox .spinfo .t02 {display: inline-block; font-size: 13px; line-height: 24px; text-align: center; color: #333; margin: 0 0 10px;}



/* -------------------- top¹öÆ° -------------------- */
#tm_bt {display: none; position: fixed; right: 0; bottom: 140px; z-index: 100; width: 70px; height: 70px; cursor: pointer;}
#tm_bt:hover {}

/* //////////////////// foot //////////////////// */
#copy_box {position: relative; z-index: 20; width: 100%; min-width: 1200px; height: auto; background: #fff;}

#copy_box >.inner {width: 100%; margin: 0 auto;  }
#copy_box > .inner div,
#copy_box > .inner div li,
#copy_box > .inner div b {color: #5b5b5b; }
#copy_box > .inner > div.tx0 .line {position: absolute; margin:15px 0 30px 0; width: 100%; height:1px; background:#1b1b1b;}

#copy_box > .inner > div {float: left; height: 240px; line-height: 24px; box-sizing: border-box;  }
#copy_box > .inner > div.tx0 b {color:#1b1b1b; padding-left: 60px; font-size: 34px; font-family: 'Playfair Display', serif; font-style: italic;}

#copy_box > .inner > div.tx0 .tx1 { font-size: 13px; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif; line-height: 22px; padding:30px 0 40px 60px;}
#copy_box > .inner > div.tx0 .tx2 { padding:30px 0 30px 60px;}
#copy_box > .inner > div.tx0 .tx3 {padding:0 0 30px 43px;}
#copy_box > .inner > div.tx0 .tx3 > .tx3a {}
#copy_box > .inner > div.tx0 .tx3 > .tx3a li {display: inline-block; border-right: #c9c9c9 1px solid; padding: 0 15px; font-size: 12.5px; line-height: 15px !important; cursor: pointer;}
#copy_box > .inner > div.tx0 .tx3 > .tx3a li:last-child {border-right: none;}
#copy_box > .inner > div.tx0 .tx3 > .tx3a li:hover {color: #2a2a2a;}
#copy_box > .inner > div.tx0 .tx3 > .tx3b {width:500px; text-align: right; margin: -24px 0 0 -30px;}
#copy_box > .inner > div.tx0 .tx3 > .tx3b li {border:#dcdcdc 1px solid; font-size: 12px; display: inline-block; width: 80px; line-height: 24px !important; text-align: center; cursor: pointer;}
#copy_box > .inner > div.tx0 .tx3 > .tx3b li:first-child {background: #fff; color: #282828;}
#copy_box > .inner > div.tx0 .tx3 > .tx3b li:last-child {background: #5b5b5b; color: #fff;}

.footer {margin-top:80px;}


/* -------------------- »ó´Ü -------------------- */
.timg{width: 100%; min-width: 1200px; height: 360px; text-align: center; }
.timg .tit{color:#fff; font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 500; padding-top: 165px;}
.timg .line{width: 180px; min-height: 1px; background: #fff; opacity: 0.8; margin: 10px auto 15px;}
.timg .txt{color:#fff; font-size: 15px; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif; font-weight:600;  letter-spacing: 1pt; margin-top:67px;}
.timg.map{background: url("/nhroot/images/common/timg_map.jpg") top center no-repeat; background-size: cover;}
.timg.reser1{background: url("/nhroot/images/common/timg_reser.jpg") top center no-repeat; background-size: cover;}
.timg_cont{width: 1100px; margin: 50px auto; min-height:200px;}

#top_con {width: 1100px; min-height: 400px; line-height: 150%; margin: 50px auto;}

/* -------------------- ±³Åë¾È³» -------------------- */
.stit { width:100%; color:#264a73;  text-align:left; font-weight: 200; height:300px;letter-spacing:-0.2px;}
.stit p {font-size:10pt; color:#888;}
.stit1 { width:100%; color:#267dc0; font-size:15pt;  text-align:left; font-weight: 200; height:30px;vertical-align:top;}
.bt_bl{width:200px; height:40px;  background: rgba(41, 41, 41, 0.8 ); line-height: 40px; text-align: center; cursor: pointer; font-size:14px;  margin-right: 20px; float: left; color: #FFF; }



/* -------------------- ¿Ü°ü -------------------- */
#extbox {position: absolute; bottom: 24%; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 0 0 0 -500px;}
#extbox div {font-weight: 300; line-height: 100%; color: #fff;}
#extbox .t01 {font-size: 30px; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 20px;}
#extbox .line {display: inline-block; width: 55px; height: 1px; background: #fff; margin: 0 0 20px;}
#extbox .t02 {font-size: 20px; letter-spacing: 0.5em;}
.eximg_100 {width:100%; height:auto !important; vertical-align:top;}
.eximg {}
.eximg span {position: absolute; float:right; right:10.5%; top:160%; font-size:13px; line-height:25px; }



/* -------------------- ¿¹¾à -------------------- */
#ptable {border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; width:100%; margin-left:auto; margin-right:auto;}
#ptable.ptable2 {width: 50%; margin: 10px 0 20px;}
#ptable th {font-size:13px; font-weight: 600; line-height: 130%; background: #f7f7f7; color:#323232; padding: 5px 0; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid;}
#ptable td {font-size:13px; line-height: 120%; text-align: center; padding: 12px 0; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid;}
#ptable td.sale {color: #dc1616;}
#ptable td.sale s {color: #2a2a2a;}
#ptable tr:hover td {background: #f9f9f9;}
.con {width:100%; margin:0 auto;}
.con1 {width:98%; margin:20px auto; color: #888; line-height: 180%; font-size: 13px;}
.reser_tit {width: 98%; border-bottom: #434343 1px solid; color: #2d2d2d; font-size: 15px; height: 50px; line-height: 50px; letter-spacing: -0.5pt; font-weight: bold; position: relative;}
.reser_tit > .reser_mbt {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 0;
    background: #be2121;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
}

/* tcont */
.timg {position: relative; width: 100%; height:380px; text-align: center; background: #fff; padding: 0 0 0px;}
.timg img{display: block; width: 100%;}
.timg.reser {background: url("../img/sub/timg_reser.jpg") center no-repeat; background-size: cover;}
.timg.traffic {background: url("../img/sub/timg_traffic.jpg") center no-repeat; background-size: cover;}
.timg.travel {background: url("../img/sub/timg_travel.jpg") center no-repeat; background-size: cover;}
.timg.special {background: url("../img/sub/timg_special.jpg") center no-repeat; background-size: cover;}
.timg .txt {position: absolute; top: 46.5%; z-index: 5; width: 100%; text-align: center; color: #fff;}
.timg .txt h1 {font-size: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.025em; margin: 0 ; opacity:0.7;}
.timg .txt .line {display: inline-block; width: 210px; height: 1px; background: rgba(255, 255, 255, 0.6); margin: 0.5vh 0 0.5vh;}
.timg .txt h2 {font-size: 18px; font-weight: normal; letter-spacing: 0.025em;}
.timg .txt .line.sp_line{width: 130px;}
.timg .txt .line.tra_line{width: 120px;}
.timg .txt .line.traff_line{width: 130px;}

@media ( max-width: 1000px ) {
	.timg .txt {top: 43%;}
	.timg .txt h1 {font-size: 20px;}
	.timg .txt .line {width: 145px;}
	.timg .txt h2 {font-size: 15px;}
	.timg .txt .line.sp_line, .timg .txt .line.tra_line,.timg .txt .line.traff_line {width: 100px;} 
}

@media ( max-width: 767px ) {
	.timg {height: 34vh;}
	.timg .txt {top: 35%;}
	.timg .txt h1 {}
	.timg .txt h2 {font-size: 13px;}
}

#tcont * {transition: all .1s; -webkit-transition: all .1s;}
#tcont {width: 80%; min-height:200px; margin: 160px auto; }
#tcont .tit {font-size: 18px; position: relative; margin-bottom: 20px; line-height: 30px; padding-top: 10px;}
#tcont .titt {font-size: 14px; color: #4d4d4e;line-height: 150%;}
#tcont .titt > div {margin-bottom: 7px;}
#tcont .titt > div > li {float: left;}
#tcont .titt > div > li:first-child {width: 11px;}
#tcont .titt > div > li:last-child {width: 95%; }
#tcont .tit:after {content: ""; position: absolute; top: 0; left: 0; width: 13px; height: 3px; background: #707070;}

.tabsy {margin-top: 30px; }
.tab_con {display: block; text-align: center; padding: 0; margin: 30px auto 0;}

.tabsy>button {width:100%;font-size:100%;margin:0;outline:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent}
.tabsy>.tabButton {display: block; font-size: 15px; font-weight: bold; text-align: center; background: #ededed; color: #000; padding: 15px 20px; margin-top: 1px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;}
.tabsy>.tabButton2{width: 100%;}
.tabsy>input{display: none;}
.tab {width: 100%; text-align: left;}
.tabsy>input:checked+label+.tab{display:block;clear: both !important; float: none !important;}
.tabsy>input:checked+label+.tab>.content{-webkit-animation:showTab 250ms ease-in-out;animation:showTab 250ms ease-in-out; width: 100% !important; padding: 30px 0;}
.tabsy>.tab{display:none;}

@-webkit-keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

/*@media screen and (min-width: 768px) {
    .tab_con {width: 100%;}
}

@media screen and (min-width: 768px){
    .tabsy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .tabsy>.tabButton{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;cursor:pointer; }
    .tabsy>input:checked+label{background:#3b4146;color:#FFF}
    .tabsy>.tab{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
    .tabsy>.tabButton2{width: 20% !important;}
}*/

@media screen and (min-width: 300px) {
    #tcont {margin: 80px auto 100px;}
	#tcont .tit {font-size: 15px; line-height: 150%; margin-bottom: 10px;}
	#tcont .titt > div > li {font-size: 13px; line-height: 150%;}
    .tabsy > .tab {display: block;}
	.tabsy > .tab > .content {padding: 10px 0 30px;} 
	.tabsy > .tab > .content:last-child {padding: 10px 0 0px;}
	.tabsy > input:checked + label + .tab > .content {padding: 10px 0 30px;}
}

@media screen and (max-width: 565px) {
	#tcont {margin: 80px auto 15%;}
	#tcont .titt > div > li {font-size: 11px;}
	.tabsy > .tab > .content:last-child {padding: 10px 0 0%;}
}

#ptable {width:100%; border-bottom: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; margin-left: auto; margin-right: auto;}
#ptable tr {min-height: 40px;}
#ptable th {text-align: center; background: #ededed; color: #323232; padding: 1vh 0; border-top: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid;}
#ptable td {font-size: 13px; line-height: 120%; text-align: center; padding: 12px 0 ; border-top: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid;}