@charset "utf-8";

@import url("user.css");

@font-face {font-family: 'NotoL';
src:url('../font/NotoSansDemiLight.eot');    src:url('../font/NotoSansDemiLight.eot?#iefix') format('embedded-opentype'), 	url('../font/NotoSansDemiLight.woff') format('woff'),  url('../font/NotoSansDemiLight.ttf') format('truetype');  font-weight:normal;  }

@font-face {font-family: 'NotoM';
src:url('../font/NotoSansMedium.eot');    src:url('../font/NotoSansMedium.eot?#iefix') format('embedded-opentype'), 	url('../font/NotoSansMedium.woff') format('woff'),  url('../font/NotoSansMedium.ttf') format('truetype');  font-weight:normal;  }

/*Reset*/
*{margin:0;  padding:0; /*-webkit-overflow-scrolling: touch; -webkit-transition:color .3s, background .3s;  transition:color .3s, background .3s;*/ }
html,body,p, input, select, form, label, mark, ul, ul li, ol, ol li, dl, dl dt, dl dd, img, a, table, h1, h2, h3, h4, h5{ }
button {border:0 none;  background-color:transparent;  cursor: pointer; }
img, fieldset{ border:0;  }
ul, ol{ list-style:none;   }
a{color:#555;  text-decoration:none;  }
a:hover{text-decoration:none;  }
a:visited, a:active, a:focus{text-decoration:none;   }
table{border:0;  border-collapse:collapse;  table-layout:fixed;  width:100%;  }
em,i{font-style:normal;}

/*common*/
.w100{width:100px !important;  }
.mt20{margin-top:20px !important}
.ml20{margin-left:20px !important}
.mb0{margin-bottom:0 !important}

/*FONT.BG*/
.cRed{color:#f8585e !important; }
.cBlue{margin-top:5px;  color:#438bb5;  font-size:14px;}
.fcbl{color:#438bb5 !important;}

::selection {background:#99CC00;  color: #FFF;  text-shadow: none;  }
::-moz-selection {background:#99CC00;  color: #FFF;  text-shadow: none;  }
::-webkit-selection {background:#99CC00;  color: #FFF;  text-shadow: none;  }


 /*Layout*/
 body{width:100%;  font:500 14px 'NotoM', sans-serif; color:#414141;}

/*TOP*/

.main header{height:auto;  border-top:0;  background:url(../images/common/bg_top01.png) repeat-x left top;  }
header{position:relative;  margin:0 auto;  z-index:9;  width:100%;  height:auto;  border-top:4px solid #4989c1;  border-bottom:1px solid #cdcdcd;  }
header nav{position:relative;   width:1020px;  height:85px;  overflow:hidden;  margin:0 auto;  }
header nav h1{width:220px;  height:85px;  overflow:hidden;  float:left;  text-align:center;  }
header nav h1 a{display:block;  width:220px;  height:85px;  overflow:hidden;  }
header nav h1 a img{margin-top:25px;  }
header nav ul{width:780px;  height:85px;  overflow:hidden;  float:right;}
header nav ul li{float:left;  padding:0 19px 0 20px;  height:85px;  line-height:85px;  overflow:hidden;  }
header nav ul li:last-child{padding-right:0}
header nav ul li a{color:#000;  font:500 17px 'NotoM' }
header nav ul li a.on{color:#438bb5;  }

.totalMenu{position:absolute;  width:1020px;  height:198px;  overflow:hidden;  left:0;  top:-500px;  background: url(../images/common/bg_submenu.png) no-repeat center bottom;  z-index:90;  }
.totalMenu ul{height:189px;  float:left;  border-left:1px solid #cdcdcd; background:#FFF; }
.totalMenu ul.tm01{margin-left:240px;  width:120px;  }
.totalMenu ul.tm02{width:100px;  }
.totalMenu ul.tm03{width:145px;  }
.totalMenu ul.tm04{width:100px;  }
.totalMenu ul.tm05{width:110px;  }
.totalMenu ul.tm06{width:97px;  }
.totalMenu ul.tm07{width:95px;  }
.totalMenu ul li{width:100%;  height:27px;  overflow:hidden;  }
.totalMenu ul li:first-child{margin-top:27px;  }
.totalMenu ul li a{display:block;  width:100%; padding:5px 0;  line-height:27px;  text-align:center;  font: 500 12px 'NotoL';  color:#444;  }
.totalMenu ul li a:hover{background:#63a8cf;  color:#fff;  }

.inp{letter-spacing:-1px;  width:590px;  height:26px;  line-height:26px;  background:#fff;  border:1px solid #b4b4b4;  padding:0 5px;  color:#555;  font-size:13px;  }
.textarea{letter-spacing:-1px;  width:590px;  height:250px;  line-height:1.5em;  background:#fff;  resize:none;  border:1px solid #b4b4b4;  padding:5px;  color:#555;  font-size:13px;  margin:7px 0;  }
.select{width:120px;  font-size:14px;  color:#666;  height:26px;  border:1px solid #b4b4b4;  line-height:26px;  background:#fff;  text-align:left;   cursor:pointer;  position:relative;  }

.slick-slider{position:relative;  display:block;  box-sizing:border-box;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;  -webkit-touch-callout:none;  -khtml-user-select:none;  -ms-touch-action:pan-y;  touch-action:pan-y;  -webkit-tap-highlight-color:transparent}
.slick-list{position:relative;  display:block;  overflow:hidden;  margin:0;  padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;  cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);  -moz-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0);  -o-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
.slick-track{position:relative;  top:0;  left:0;  display:block}
.slick-track:before,.slick-track:after{display:table;  content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;  float:left;  height:100%;  min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide
{display: block;  height: auto;  border: 1px solid transparent;  }
.slick-arrow.slick-hidden {display: none;  }
.slick-next.slick-arrow, .slick-prev.slick-arrow{display:none !important;  }
.slick-dots{position:absolute;  left:0;  top:-40px;  width:100%;  height:auto;  overflow:hidden;  text-align:right;  }
.slick-dots li{display:inline-block;  text-indent:0;  border:1px solid #eeeeee;  width:28px;  height:28px;  margin:2px;  overflow:hidden;  background:#fff;  cursor:pointer;  }
.slick-dots li button{cursor:pointer;  border:0;  background:#fff;  font-size:15px;  color:#666;  width:28px;  height:28px;  }
.slick-dots .slick-active{background:#ff5722;  color:#fff;  border:1px solid #ff5722;  }
.slick-dots li.slick-active button{font-size:15px;  color:#fff;  background:#ff5722;  }
.slick-initialized .slick-slide{outline:none;  }

.mainSlide .slick-dots{position:absolute;  left:0;  top:210px;  width:100%;  height:auto;  overflow:hidden;  text-align:center;  }
.mainSlide .slick-dots li{text-indent:-2000px;  display:inline-block;  border:0;  width:11px;  height:11px;  margin:2px;  border-radius:50%;  overflow:hidden;  background:#fff;  cursor:pointer;  }
.mainSlide .slick-dots li button{cursor:pointer;  border:0;  background:#fff;  font-size:15px;  color:#666;  width:11px;  height:11px;  border-radius:50%;  }
.mainSlide .slick-dots .slick-active{background:#0085d2;  color:#fff;  width:27px;  border-radius:6px;  height:11px;  border:0;  }
.mainSlide .slick-dots li.slick-active button{font-size:15px;  color:#fff;  background:#ff5722;  }

::-webkit-input-placeholder { color:#cbcbcb;   letter-spacing:-1px;  font-size:13px;  }

/*Left*/
aside{float:left;  width:220px;  height:auto;  overflow:hidden;  }
aside h2{margin-top:30px;  text-indent:10px;  width:100%;  height:70px;  font-weight:normal;  overflow:hidden;  line-height:70px;  font-size:26px;  color:#000;  border-bottom:3px solid #438bb5;  }
aside ul{width:100%;  height:auto;  overflow:hidden;  border-bottom:1px solid #63a8cf;  padding:10px 0;  }
aside li{width:190px;  height:35px;  overflow:hidden;  margin:0 auto;  }
aside li a{display:block;  height:35px;  padding-left:10px;  color:#333;  font-size:15px;  line-height:35px;  background:url(../images/common/ico_arr01.png) no-repeat left center;  font-famIly:'NotoL'  }
aside li a.on{color:#f8585e;  background:url(../images/common/ico_arr01_on.png) no-repeat left center;  font-famIly:'NotoM' }
aside .banner{margin:20px auto;  width:100%;  height:auto;  overflow:hidden;  }
aside .banner .fl{float:left;  width:104px;  height:75px;  line-height:110px;  text-align:center;  font-size:13px; color:#2d2d2d;  overflow:hidden;  border:1px solid #dedede;  background:url(../images/common/ico_banner01.png) no-repeat center 13px;  }
aside .banner .fr{float:right;  width:104px;  height:75px;  line-height:110px;  text-align:center;  font-size:13px;  color:#2d2d2d;  overflow:hidden;  border:1px solid #dedede;  background:url(../images/common/ico_banner02.png) no-repeat center 18px;  }
aside .banner a:hover{opacity:0.8}

/*Body*/
section{float:right;  width:730px;  height:auto;  overflow:hidden;  }

/*navi*/
.guideList{margin-top:30px;  width:100%;  height:20px;  overflow:hidden;  }
.guideList li{float:left;  padding:0 10px;  color:#ababab;  background:url(../images/common/ico_arr02.png) no-repeat left center;  font:500 12px 'Dotum'; }
.guideList li:first-child{background:url(../images/common/ico_home.png) no-repeat left 0px;  padding-left:20px;  }

/*tab*/
.tabs{width:100%;  height:43px;  overflow:hidden;  }
.tabs li{float:left;  width:243px;  height:43px;  overflow:hidden;  }
.tabs li:first-child{width:244px;  }
.tabs li a{box-shadow:inset 1px 0 2px 0 #fff;  display:block;  background:#e6e6e6;  height:43px;  line-height:43px;  text-align:center;  overflow:hidden;  border-left:1px solid #bcbcbc;  font-size:16px;  color:#6b6b6b; font-famIly:'NotoL'  }
.tabs li.list01 a{border-left:0}
.tabs li a.on{color:#000;  background:#fff;  height:42px;  border-top:1px solid #bcbcbc;  border-left:1px solid #bcbcbc;  font-famIly:'NotoM'  }
.tabs li.list03 a.on{border-right:1px solid #bcbcbc;  }
.tabs.type01 li{width:50%;}
.tabs.type01 li.list02 a.on{border-right:1px solid #bcbcbc;  }
.tabs.type02 li{width:25%;}
.tabs.type02 li.list03 a.on{border-right:0;  }
.tabs.type02 li.list04 a.on{border-right:1px solid #bcbcbc;  }

/*Search*/
fieldset{text-align:center;  width:100%;  height:auto;  overflow:hidden;  padding:12px 0;  background:#eee;  }
fieldset select{vertical-align:middle;  width:90px;  height:28px;  border:1px solid #ababab;  padding:3px 0 5px 0;  }
fieldset input{vertical-align:middle;  width:176px;  padding:0 5px;  height:26px;  line-height:26px;  border:1px solid #ababab;  color:#414141;  font-size:13px;  }
fieldset button{vertical-align:middle; padding:6px 20px;   text-align:center;  border-radius:1px;  border:1px solid #ababab;  color:#3f3f3f;  font:600 12px 'Dotum';  display:inline-block;
	background:#fefefe\9;  /* For IE7,8 */
	background: -webkit-linear-gradient(#fff, #efefef);  /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff,#efefef);  /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #efefef);  /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #efefef);  /* Standard syntax (must be last) */
}
fieldset button:hover{background:#eaeaea;  box-shadow:inset 0px 1px 1px rgba(0, 0, 0, .1); }

figure{margin:20px 0; overflow: hidden}
figure img{float:left}
figcaption{float:right; width:530px; font-size:15px; line-height:180% }

/*TableList*/
.tbl{margin-top:10px;  }
.tbl th{height:41px;  color:#000;  font-size:15px;  font-weight:normal;  border-top:2px solid #64add5;  border-bottom:1px solid #64add5;  }
.tbl td{border-bottom:1px solid #d6d6d6;  height:33px;  text-align:center;  color:#555; font:500 12px 'Dotum' ; letter-spacing:0; }
.tbl th.al{text-align:left;  padding:0 20px;  }
.tbl th.al span, .tbl tr th.al img{vertical-align:middle;   font-size:15px;  color:#000;  }
.tbl td.al{text-align:left;  padding:0 20px;  }
.tbl td a.link{display:block; }
.tbl td a.reply{background:url(../images/common/ico_reply.png) no-repeat left center;  padding-left:40px;  }
.tbl td a span{font:500 12px 'Dotum' ;  }
.tbl td a img{vertical-align:middle; }
.tbl td a:hover span{text-decoration:underline;  }
.tbl .date{float:left;  font-size:12px;  color:#555;  margin-top:3px;  }
.tbl .fr{float:right;  }
.tbl .fr span, .tbl .fr img{vertical-align:middle;  margin:0 5px;  }
.tbl .cont{width:100%;  height:auto;  overflow:hidden;  min-height:210px;  margin:10px 0; line-height:18px; }
.tbl.write td:first-child{height:40px;  color:#000;  font:500 15px 'NotoM';  }


/*button*/
.btnbox{width:100%;  height:auto;  overflow:hidden;  margin:30px 0 0 0;  text-align:center; }
button.type01{color:#FFF; padding:7px 32px;  margin: 0 2px 0 0;   overflow:hidden;  text-align:center;  display:inline-block; border-radius:1px; font:500 16px 'NotoL';
		background:#438bb5\9;  /* For IE7,8 */
		background: -webkit-linear-gradient(#438bb5, #3d7ea3);  /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#438bb5,#3d7ea3);  /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#438bb5, #3d7ea3);  /* For Firefox 3.6 to 15 */
		background: linear-gradient(#438bb5, #3d7ea3);  /* Standard syntax (must be last) */
}
button.type01:hover{background:#306e93;  box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .2);  }

button.type02{color:#FFF; padding:7px 32px;   margin: 0 2px 0 0;   overflow:hidden;  text-align:center;  display:inline-block; border-radius:1px; font:500 16px 'NotoL';
		background:#a8a8a8\9;  /* For IE7,8 */
		background: -webkit-linear-gradient(#a8a8a8, #979797);  /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#a8a8a8,#979797);  /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#a8a8a8, #979797);  /* For Firefox 3.6 to 15 */
		background: linear-gradient(#a8a8a8, #979797);  /* Standard syntax (must be last) */
}
button.type02:hover{background:#8d8d8d;  box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .2);  }

/*paging*/
.paging{width:100%; height:25px; overflow:hidden; text-align:center; margin:30px 0 0 0; }
.paging a{display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; overflow:hidden; }
.paging a, .paging a img{vertical-align:middle; }
.paging a img{float:left; }
.paging a.on, .paging a:hover{background:#63a8cf; color:#fff; }


/*footer*/
footer{width:100%;  height:105px;  overflow:hidden;  background:#dfdfdf;  }
footer .rela{width:1000px;  height:auto;  overflow:hidden;  margin:0 auto;  }
footer .rela .pic{float:left;  width:320px;  height:105px;  overflow:hidden;  }
footer .rela .pic img{margin-top:35px;  }
footer .rela .etc{float:left;  width:680px;  overflow:hidden;  height:105px;  }
footer .rela .etc span{float:left;  font-size:12px;  color:#676767;  margin-right:20px;  margin-top:35px;  margin-bottom:5px;  font-family:'NotoL' }
footer .rela .etc span.copy{clear:both;  margin-top:0;  font-size:11px;  }

hr{border:0; border-bottom:1px dashed #b9b9b9; margin:8px 0 12px; }

.MsgWidget {display: block;  overflow-y: scroll;  max-height: 500px;  min-height: 240px;}

.ready{ width:730px; height:450px; background:url(../images/common/bg_ready.png) no-repeat center 30px;  }
.ready p{color:#333; font-size:36px;  font-family:'NotoL' ; padding-top:360px; text-align:center}

.sideTrafficBox .ready{width:365px !important; height:259px !important; background-size:300px 213px;  }
.sideTrafficBox .ready p{padding-top:260px; font-size:20px !important}

#popup{width:97%; border: 1px solid #d1d1d1; margin:10px; padding:10px; word-break: keep-all; box-sizing: border-box;}
#popup strong{font-size:18px; color:#438bb5;}
.close{ background:#d1d1d1; padding:5px; text-align:right; box-sizing: border-box; }

.pop_pay{position:relative; width:480px; height:590px; background:url(../images/popbg_pay.png) no-repeat  0 0; }
.pop_pay .txt{width:220px; position:absolute;  top:220px; left:142px; text-align:center; font-size:15px; color:#fff;}
.pop_pay .txt strong{display:block; color:#feed33; font-size:21px; letter-spacing:-1px; }
.pop_pay p{width:100%; position:absolute; top:560px; text-align:center; color:#666}
.pop_payclose{ background:#d1d1d1; padding:5px; text-align:center; box-sizing: border-box; }