/* https://nanati.me/html_css_table_design/ */
@charset "utf-8";

table.type0 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.type0 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.type0 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
}


table.zero {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    font-size:12px !important;

}
table.zero th {
    padding: 0px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.zero td {
    padding: 0px;
    vertical-align: top;
    border: 0px solid #ccc;
}


table.type01 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin : 20px 10px;
}
table.type01 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.type01 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
}


/* 정산화면에 사용  http://int.clubrichtour.co.kr/bbs/board.php?bo_table=expen */

table.xtype01 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.xtype01 th {
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.xtype01 td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
}


table.x2type01 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.x2type01 th {

    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.x2type01 td {

    padding: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;
}




table.x3type01 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.x3type01 th {

    padding: 10px;
    font-weight: bold;
    vertical-align: middle;

    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.x3type01 td {

    padding: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
}



table.type02 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  margin : 20px 10px;
}
table.type02 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}
table.type02 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}



table.xtype02 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  margin :0px;
}

table.xtype02 th  {

    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    text-align:center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}


table.xtype02 td {

    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}





table.type03 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369;
  	margin : 20px 10px;
}
table.type03 th {
    width: 147px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #153d73;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}
table.type03 td {
    width: 349px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* member_list에 사용 */
table.ntype03 {
		width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369;
  	margin : 0 10px 0 0 ;
  	table-layout:fixed;
  	word-break:break-all;
  	vertical-align: middle;

}
table.ntype03 td {
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
table.ntype03 .active {
    color:red;
    vertical-align: middle;
}
/* member_list에 사용 */






table.type04 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
  margin : 20px 10px;
}
table.type04 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type04 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type05 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    margin: 20px 10px;
}
table.type05 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #efefef;
}
table.type05 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type06 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 10px;
}
table.type06 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
}
table.type06 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
}
table.type06 .even {
    background: #efefef;
}

table.type07 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
    margin: 20px 10px;
}
table.type07 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #e7708d;
}
table.type07 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
}
table.type07 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #fcf1f4;
}
table.type07 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type08 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-left: 1px solid #ccc;
    margin: 20px 10px;
}

table.type08 thead th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #c00;
    background: #dcdcd1;
}
table.type08 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ececec;
}
table.type08 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.type09 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.type09 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #369;
    border-bottom: 3px solid #036;
}
table.type09 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
}
table.type09 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type10 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 10px;
}
table.type10 thead th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #e7708d;
    margin: 20px 10px;
}
table.type10 tbody th {
    width: 150px;
    padding: 10px;
}
table.type10 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
}
table.type10 .even {
    background: #fdf3f5;
}

table.type11 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 20px 10px;
}
table.type11 th {
    width: 155px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #ce4869 ;
}
table.type11 td {
    width: 155px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}


table.hana {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px;
}
table.hana th {
    width: 155px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #ce4869 ;
}
table.hana td {
    width: 155px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}


table.xtype11 {
	width:100%;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px;
}
table.xtype11 th {

    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #ce4869 ;
}
table.xtype11 td {

    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}




/* 개인 추가 */

table.crt { width: 100%; margin: 15px 0 15px 0px; border-top: 2px solid #555555; border-bottom: 2px solid #555555;  color: #333333 }
table.crt th { width: 120px; height: 31px; padding: 13px 0 13px 35px; border-bottom: 1px solid #d1d1d1; vertical-align: middle; background-color: #f5f5f5; font-weight:bold; text-align: left; }
table.crt th label.chk { padding-right: 8px; background: url("/images/mypage/icon_chk.png") no-repeat right center; }
table.crt td { height: 31px; padding: 13px 0 13px 30px; line-height: 18px; border-bottom: 1px solid #d1d1d1; text-align: left; vertical-align: middle; position:relative }
table.crt td.input { padding: 12px 0 12px 30px;  }
table.crt td.hf { width: 390px; }
table.crt th.wh {background:#fff; border-bottom:2px solid #555; line-height:20px}
table.crt td.wh {border-bottom:2px solid #555}

table.crtwide { width: 100%; margin: 15px 0 15px 0px; border-top: 2px solid #555555; border-bottom: 2px solid #555555;  color: #333333 }
table.crtwide th { width: 180px; height: 31px; padding: 13px 0 13px 35px; border-bottom: 1px solid #d1d1d1; vertical-align: middle; background-color: #f5f5f5; font-weight:bold; text-align: left; }
table.crtwide th label.chk { padding-right: 8px; background: url("/images/mypage/icon_chk.png") no-repeat right center; }
table.crtwide td { height: 31px; padding: 13px 0 13px 30px; line-height: 18px; border-bottom: 1px solid #d1d1d1; text-align: left; vertical-align: middle; position:relative }
table.crtwide td.input { padding: 12px 0 12px 30px;  }
table.crtwide td.hf { width: 390px; }
table.crtwide th.wh {background:#fff; border-bottom:2px solid #555; line-height:20px}
table.crtwide td.wh {border-bottom:2px solid #555}

/*
table.borderless { width: 100%; border-collapse: collapse;}
table.borderless td{
    border: none;
    padding:0px;

}
table.borderless th{
    border: none;
    padding:0px;
}
*/


.borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

.borderless td, .borderless th {
    border: none;
}


.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.crt input[type="text"] {  display: block; float: left; margin-right: 5px; padding: 7px 6px 8px 6px ; padding: 6px 6px 8px 6px \9; border: 1px solid #a2a2a2; color: #666666; }


.txt-11 { font-size:11px; }


/*
.sp-label { font-weight:normal; margin-right:10px; }
.sp-label input[type="checkbox"],
.sp-label input[type="radio"] { margin-top:0px; }
*/

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;

}

.sub-title { padding-right:0px !important; }
.sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.sub-title span b { font-weight:normal; }


.sp-label { font-weight:normal; margin-right:10px; }
.sp-label input[type="checkbox"],
.sp-label input[type="radio"] { margin-top:-2px; }
.add-input { height:30px; font-size:12px; padding:0 10px; border:1px solid #ccc; color:#666;}
	input:-ms-input-placeholder { color: #999; }
	input::-webkit-input-placeholder { color: #999; }
	input::-moz-placeholder { color: #999; }
	input::-moz-placeholder { color: #999; }


.wr-none { padding:50px 0px; text-align:center; color:#888; }





/* title */


.la_title{position:absolute; left:0; top:0; z-index:100; background:red; padding:5px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}

.la_title_pink{display:block;position:; background:red; padding:5px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}

.tit_board{display:block;position:absolute;top:0;left:5px;padding:5px 10px;background:#f84e32;color:#FFF;font-weight:bold}

.tit_board2{display:block;position:absolute;top:10;padding:5px 10px;background:#3498DB;color:#FFF;font-weight:bold;}

.tit_board2_red{display:block;position:absolute;padding:5px 10px;background:#f84e32;color:#FFF;font-weight:bold;}

.tit_board3{display:block;position:absolute;top:0;left:5px;padding:5px 10px;background:#8EC449;color:#FFF;font-weight:bold}

.label-band { z-index:9; font-family: "Nanum Gothic"; top: 0px; letter-spacing:1px; width: 100px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; transform: rotate(45deg); -o-transform: rotate(45deg);	-ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.label-band_left { z-index:2; font-family: tahoma; top: 15px; letter-spacing:1px; width: 100px; padding: 5px; left: -32px; font-size: 11px; position: absolute; text-align: center; transform: rotate(45deg); -o-transform: rotate(45deg);	-ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.label-tack { left: 0px; top: 0px; z-index: 1; padding:10px 15px; position: absolute; }

.main_tit_board{
	position:absolute;
	top:30px;
	left:350px;
	padding:20px;
	background:#3498DB;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board2{
	position:absolute;
	top:30px;
	left:50px;
	padding:20px;
	background:#8EC449;
	color:#FFF;
	filter:alpha(opacity=50);
	opacity:0.8;
}

.main_tit_board3{
	position:absolute;
	top:30px;
	left:50px;
	padding:20px;
	background:#f84e32;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board4{
	position:absolute;
	top:95px;
	left:10px;
	padding:20px;
	background:gray;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board5{
	position:absolute;
	top:10px;
	left:244px;
	padding:20px;
	background:lightgray;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board6{
	position:absolute;
	top:55px;
	left:10px;
	padding:20px;
	background:gray;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.slogan {
	font-size:23px;
	letter-spacing:-1px;
	margin-bottom:20px;
	line-height:34px;
}




/* blockqoute */

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,200italic);


.quote-card {

  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {

  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  max-width: 950%;
}
.quote-card cite {

  font-size: 13px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card ul {

  font-size: 13px;

  display: block;
  font-weight: 100;

}
.quote-card:before {
  font-family:georgia, sans-serif;
  content: "“";
  position: absolute;
  top: 40px;
  left: 22px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family:georgia, sans-serif;
  content: "”";
  position: absolute;
  bottom: -92px;
  line-height: 100px;
  right: -22px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
.quote-card.blue-card {
  background: #5E89C7;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #465995;
}


.quote-card.green-card {
  background: #00970B;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.red-card {
  background: #D32F2F;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color:#F44336 ;
}

.quote-card.yellow-card {
  background: #F9A825;
   color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}


.quote-card.warning-card {
  background: #FCF8E3;
   color: #222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.warning-card:before, .quote-card.warning-card:after {
  color: #FBC02D;
}

.quote-card.lightgray-card {
  background: #f7f7f7;
   color: #222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}


.quote-card.lorem-card {
  background: #A5311A;
  color: #BFBCA2;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.lorem-card:before, .quote-card.lorem-card:after {
  color: #C05940;
}

/* Flip Boxes ------------------------------------------------------ */
.flip-circle {
    height: 64px;
    width: 64px;
    border: 1px solid;
    border-radius: 50%;
}

/* Flip Boxes ------------------------------------------------------ */
.flip-circle_cargo {
    height: 164px;
    width: 164px;
    border: 1px solid;
    border-radius: 50%;
}



/*  blockquote ------------------------------------------------------ */
.blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/

  font-size: 13px;
  line-height: 1.8;

  text-align: justify;

  /*Borders - (Optional)*/
  border-left: 15px solid red;
  border-right: 2px solid red;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}


.blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/

  font-size: 60px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

.blockquote::after{
  /*Reset to make sure*/
  content: "";
}

.blockquote a{
  text-decoration: none;
	 cursor: pointer;
  padding: 0 3px;

}

.blockquote a:hover{
 color: #666;
}

.blockquote em{
  font-style: italic;
}

/*  blockquote ------------------------------------------------------ */
.blockquote_red{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/

  font-size: 13px;
  line-height: 1.8;

  text-align: justify;

  /*Borders - (Optional)*/
  border-left: 3px solid red;


}


.blockquote_red a{
  text-decoration: none;
	 cursor: pointer;
  padding: 0 3px;

}

.blockquote_red a:hover{
 color: #666;
}

.blockquote_red em{
  font-style: italic;
}

/*  wing rc ------------------------------------------------------ */

.wingrcleftcss{
	position:absolute;
	z-index:7;
	top:205px;
	right:50%;
	margin-right:500px;
	width:70px;
	height:200px;

}

.wingrcleftcss_oddugi{
	position:absolute;
	z-index:7;
	top:205px;
	right:50%;
	margin-right:500px;
	width:70px;
	height:200px;

}

.wingrcrightcss{
	position:absolute;
	z-index:7;
	top:205px;
	left:50%;
	margin-left:500px;
	width:160px;
	height:200px;

}

.wingrcrightcss_oddugi{
	position:absolute;
	z-index:7;
	top:205px;
	left:50%;
	margin-left:330px;
	width:170px;
	height:200px;

}




/* 스테퍼 */
.mdl-stepper-horizontal-alternative {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  display: table-cell;
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  border-radius: 15% / 75%;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: #9E9E9E;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 12px;
  color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle {
  background-color: rgb(33, 150, 243);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
  content: "\2714";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle * {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
  content: "\270E";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
  margin-top: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  text-align: center;
  font-size:11px;
  color:gray;

}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 1px solid #BDBDBD;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
  left: 0;
  right: 50%;
  margin-right: 20px;
}


.sec-ion {overflow:hidden; text-align:center; margin:9px 0 0; line-height:1;}
.sec-ion ul { padding:0; margin:0; list-style:none;}
.sec-ion li { float:left;  width:12.5%; padding:0 10px;}
.sec-ion li i { font-size:50px; line-height:50px; display:block; margin-bottom:5px;}
.sec-ion li span { letter-spacing:-1px; line-height:15px; white-space:nowrap; }
.sec-line {display:none;}



.sns_icon {width:18px;}
@media all and (max-width:964px) {
	.sns_icon {width:32px;}
}



/* Remote Control */
.at-rc { position: fixed; z-index: 9998; background: none; list-style:none; padding:0px; margin:0px; }
.at-rc > li > a,
.at-rc .rc-box { position: relative; display: block; text-align:center; }
.at-rc .rc-icon { position: relative; display: inline-block; text-align:center; border-radius: 50%;	width:36px;	height:36px; line-height:36px; font-size:19px; }
.at-rc .rc-cnt { position: absolute; border-radius: 50%; width:18px; height:18px; line-height:18px; font-size:11px; text-align:center; padding-right:1px; letter-spacing:-1px; }
@media (min-width: 992px) {
	.at-rc { top:25%; right: 25px; }
	.at-rc .rc-box { border-radius: 50%; width:42px; height:42px; line-height:48px; margin-bottom:7px; }
	.at-rc .rc-cnt { top:-4px; right:-4px; }
}
@media (max-width: 991px) {
	.at-rc { left: 0px; bottom:0px;	}
	.at-rc > li { display: table-cell; width: 1%; }
	.at-rc .rc-icon { margin-top:4px; }
	.at-rc .rc-cnt { top:0px; right:0px; }
	body { margin-bottom:36px; }
}

/* Remote Control */
.at-rc2 { position: fixed; z-index: 9998; background: none; list-style:none; padding:0px; margin:0px; }
.at-rc2 > li > a,
.at-rc2 .rc-box { position: relative; display: block; text-align:center; }
.at-rc2 .rc-icon { position: relative; display: inline-block; text-align:center; border-radius: 50%;	width:136px;	height:136px; line-height:16px; font-size:14px;top:15px;left:-28px; }
.at-rc2 {
top:165px;
right:50%;
margin-right:600px;
}
.at-rc2 .rc-box { border-radius: 50%; width:80px; height:80px; line-height:48px; margin-bottom:7px; }





/* 마 에 있던거. */
.funfact {
	margin: 30px 0;
	text-align: center;
}
.funfact .st-funfact-icon i {
	min-width: 65px;
	min-height: 65px;
	font-size: 30px;
	color: #fff;
	padding: 18px 15px 12px;
	margin-bottom: 10px;
	border-radius: 50px;
	background-color: #50c8e8;

}
.funfact .st-funfact-counter {
	font-size: 30px;
	line-height: 40px;
}
.funfact .funfact-title {
	font-size: 15px;
}







/* page에서 사용 */


.page-content .article-title { color:#0083B9; font-weight:bold; font-size:16px; padding-top:30px; padding-bottom:10px; }


/*------------------------------------
	Button Styles
------------------------------------*/
.btn {
	box-shadow: none;
	font-size: 12px;
}

.btn-e {
white-space: nowrap;
	border: 0;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	font-weight: 400;
	padding: 6px 13px;
	position: relative;
	background: #e33334;
	display: inline-block;
	text-decoration: none;
}
.btn-e:hover {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.btn-e {
	/*padding: 4px 13px;*/
	/*vertical-align: middle;*/
}

.btn-e-sm,
a.btn-e-sm {
	padding: 3px 12px;
}

.btn-e-lg,
a.btn-e-lg {
	font-size: 18px;
	padding: 10px 25px;
}

.btn-e-xs,
a.btn-e-xs {
	font-size: 12px;
	padding: 2px 12px;
	line-height: 18px;
}

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
	padding: 3px 13px;
	font-size: 13px;
}

.btn-group > .btn-e,
.btn-group-vertical > .btn-e {
	float: left;
	position: relative;
}

.btn-group > .btn-e:first-child {
	margin-left: 0;
}

/*For FF Only*/
@-moz-document url-prefix() {
	.footer-subsribe .btn-e {
		padding-bottom: 4px;
	}
}
@media (max-width: 768px) {
	@-moz-document url-prefix() {
		.btn-e {
		 	padding-bottom: 6px;
		}
	}
}

/*Buttons Color*/
a.btn-e,
a.btn-e:hover,
a.btn-e:focus,
a.btn-e:active,
a.btn-e.active {
	color: #fff;
}

.btn-e:hover,
.btn-e:focus,
.btn-e:active,
.btn-e.active,
.open .dropdown-toggle.btn-e {
	background: #bf1516;
}
.btn-e-split.dropdown-toggle {
	border-left: solid 1px #bf1516;
}

.btn-e.btn-e-blue {
	background: #3eb0eb;
}
.btn-e.btn-e-blue:hover,
.btn-e.btn-e-blue:focus,
.btn-e.btn-e-blue:active,
.btn-e.btn-e-blue.active,
.open .dropdown-toggle.btn-e.btn-e-blue {
	background: #2890c6;
}
.btn-e.btn-e-split-blue.dropdown-toggle {
	border-left: solid 1px #2890c6;
}

.btn-e.btn-e-red {
	background: #e33334;
}
.btn-e.btn-e-red:hover,
.btn-e.btn-e-red:focus,
.btn-e.btn-e-red:active,
.btn-e.btn-e-red.active,
.open .dropdown-toggle.btn-e.btn-e-red {
	background: #bf1516;
}
.btn-e.btn-e-split-red.dropdown-toggle {
	border-left: solid 1px #bf1516;
}

.btn-e.btn-e-orange {
	background: #ff5500;
}
.btn-e.btn-e-orange:hover,
.btn-e.btn-e-orange:focus,
.btn-e.btn-e-orange:active,
.btn-e.btn-e-orange.active,
.open .dropdown-toggle.btn-e.btn-e-orange {
	background: #e24b00;
}
.btn-e.btn-e-split-orange.dropdown-toggle {
	border-left: solid 1px #e24b00;
}

.btn-e.btn-e-sea {
	background: #1abc9c;
}
.btn-e.btn-e-sea:hover,
.btn-e.btn-e-sea:focus,
.btn-e.btn-e-sea:active,
.btn-e.btn-e-sea.active,
.open .dropdown-toggle.btn-e.btn-e-sea {
	background: #16a085;
}
.btn-e.btn-e-split-sea.dropdown-toggle {
	border-left: solid 1px #16a085;
}

.btn-e.btn-e-green {
	background: #87b822;
}
.btn-e.btn-e-green:hover,
.btn-e.btn-e-green:focus,
.btn-e.btn-e-green:active,
.btn-e.btn-e-green.active,
.open .dropdown-toggle.btn-e.btn-e-green {
	background: #689210;
}
.btn-e.btn-e-split-green.dropdown-toggle {
	border-left: solid 1px #689210;
}

.btn-e.btn-e-yellow {
	background: #ff9501;
}
.btn-e.btn-e-yellow:hover,
.btn-e.btn-e-yellow:focus,
.btn-e.btn-e-yellow:active,
.btn-e.btn-e-yellow.active,
.open .dropdown-toggle.btn-e.btn-e-yellow {
	background: #ea8800;
}
.btn-e.btn-e-split-yellow.dropdown-toggle {
	border-left: solid 1px #ea8800;
}

.btn-e.btn-e-default {
	background: #999999;
}
.btn-e.btn-e-default:hover,
.btn-e.btn-e-default:focus,
.btn-e.btn-e-default:active,
.btn-e.btn-e-default.active,
.open .dropdown-toggle.btn-e.btn-e-default {
	background: #777777;
}
.btn-e.btn-e-split-default.dropdown-toggle {
	border-left: solid 1px #777777;
}

.btn-e.btn-e-purple {
	background: #8560a8;
}
.btn-e.btn-e-purple:hover,
.btn-e.btn-e-purple:focus,
.btn-e.btn-e-purple:active,
.btn-e.btn-e-purple.active,
.open .dropdown-toggle.btn-e.btn-e-purple {
	background: #69438c;
}
.btn-e.btn-e-split-purple.dropdown-toggle {
	border-left: solid 1px #69438c;
}

.btn-e.btn-e-aqua {
	background: #27d7e7;
}
.btn-e.btn-e-aqua:hover,
.btn-e.btn-e-aqua:focus,
.btn-e.btn-e-aqua:active,
.btn-e.btn-e-aqua.active,
.open .dropdown-toggle.btn-e.btn-e-aqua {
	background: #26bac8;
}
.btn-e.btn-e-split-aqua.dropdown-toggle {
	border-left: solid 1px #26bac8;
}

.btn-e.btn-e-brown {
	background: #8c6239;
}
.btn-e.btn-e-brown:hover,
.btn-e.btn-e-brown:focus,
.btn-e.btn-e-brown:active,
.btn-e.btn-e-brown.active,
.open .dropdown-toggle.btn-e.btn-e-brown {
	background: #6d4a29;
}
.btn-e.btn-e-split-brown.dropdown-toggle {
	border-left: solid 1px #6d4a29;
}

.btn-e.btn-e-dark-blue {
	background: #1769ff;
}
.btn-e.btn-e-dark-blue:hover,
.btn-e.btn-e-dark-blue:focus,
.btn-e.btn-e-dark-blue:active,
.btn-e.btn-e-dark-blue.active,
.open .dropdown-toggle.btn-e.btn-e-dark-blue {
	background: #0a4cc5;
}
.btn-e.btn-e-split-dark.dropdown-toggle {
	border-left: solid 1px #0a4cc5;
}

.btn-e.btn-e-light-green {
	background: #bee768;
}
.btn-e.btn-e-light-green:hover,
.btn-e.btn-e-light-green:focus,
.btn-e.btn-e-light-green:active,
.btn-e.btn-e-light-green.active,
.open .dropdown-toggle.btn-e.btn-e-light-green {
	background: #99c242;
}
.btn-e.btn-e-split-light-green.dropdown-toggle {
	border-left: solid 1px #99c242;
}

.btn-e.btn-e-dark {
	background: #555555;
}
.btn-e.btn-e-dark:hover,
.btn-e.btn-e-dark:focus,
.btn-e.btn-e-dark:active,
.btn-e.btn-e-dark.active,
.open .dropdown-toggle.btn-e.btn-e-dark {
	background: #333333;
}
.btn-e.btn-e-split-dark.dropdown-toggle {
	border-left: solid 1px #333;
}

.btn-e.btn-e-light-grey {
	background: #888;
}
.btn-e.btn-e-light-grey:hover,
.btn-e.btn-e-light-grey:focus,
.btn-e.btn-e-light-grey:active,
.btn-e.btn-e-light-grey.active,
.open .dropdown-toggle.btn-e.btn-e-light-grey {
	background: #666;
}
.btn-e.btn-e-split-light-grey.dropdown-toggle {
	border-left: solid 1px #484f58;
}

/*Bordered Buttons*/
.btn-e.btn-brd {
	color: #555;
	font-weight: 200;
	background: none;
	border: solid 1px transparent;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.btn-e.btn-brd:hover {
	background: none;
	border: solid 1px #eee;
}
.btn-e.btn-brd:focus {
	background: none;
}
.btn-e.btn-brd.btn-brd-hover:hover {
	color: #fff !important;
}

.btn-e.btn-brd {
	border-color: #e33334;
}
.btn-e.btn-brd:hover {
	color: #bf1516;
	border-color: #bf1516;
}
.btn-e.btn-brd.btn-brd-hover:hover {
	background: #bf1516;
}

.btn-e.btn-brd.btn-e-blue {
	border-color: #3eb0eb;
}
.btn-e.btn-brd.btn-e-blue:hover {
	color: #2890c6;
	border-color: #2890c6;
}
.btn-e.btn-brd.btn-e-blue.btn-brd-hover:hover {
	background: #2890c6;
}

.btn-e.btn-brd.btn-e-red {
	border-color: #e33334;
}
.btn-e.btn-brd.btn-e-red:hover {
	color: #bf1516;
	border-color: #bf1516;
}
.btn-e.btn-brd.btn-e-red.btn-brd-hover:hover {
	background: #bf1516;
}

.btn-e.btn-brd.btn-e-orange {
	border-color: #ff5500;
}
.btn-e.btn-brd.btn-e-orange:hover {
	color: #e24b00;
	border-color: #e24b00;
}
.btn-e.btn-brd.btn-e-orange.btn-brd-hover:hover {
	background: #e24b00;
}

.btn-e.btn-brd.btn-e-sea {
	border-color: #1abc9c;
}
.btn-e.btn-brd.btn-e-sea:hover {
	color: #16a085;
	border-color: #16a085;
}
.btn-e.btn-brd.btn-e-sea.btn-brd-hover:hover {
	background: #16a085;
}

.btn-e.btn-brd.btn-e-green {
	border-color: #87b822;
}
.btn-e.btn-brd.btn-e-green:hover {
	color: #689210;
	border-color: #689210;
}
.btn-e.btn-brd.btn-e-green.btn-brd-hover:hover {
	background: #689210;
}

.btn-e.btn-brd.btn-e-yellow {
	border-color: #ff9501;
}
.btn-e.btn-brd.btn-e-yellow:hover {
	color: #ea8800;
	border-color: #ea8800;
}
.btn-e.btn-brd.btn-e-yellow.btn-brd-hover:hover {
	background: #ea8800;
}

.btn-e.btn-brd.btn-e-default {
	border-color: #999999;
}
.btn-e.btn-brd.btn-e-default:hover {
	color: #777777;
	border-color: #777777;
}
.btn-e.btn-brd.btn-e-default.btn-brd-hover:hover {
	background: #777777;
}

.btn-e.btn-brd.btn-e-dark {
	border-color: #555555;
}
.btn-e.btn-brd.btn-e-dark:hover {
	color: #333333;
	border-color: #333333;
}
.btn-e.btn-brd.btn-e-dark.btn-brd-hover:hover {
	background: #333333;
}

.btn-e.btn-brd.btn-e-light-grey {
	border-color: #999999;
}
.btn-e.btn-brd.btn-e-light-grey:hover {
	color: #777777;
	border-color: #777777;
}
.btn-e.btn-brd.btn-e-light-grey.btn-brd-hover:hover {
	background: #777777;
}

.btn-e.btn-brd.btn-e-purple {
	border-color: #8560a8;
}
.btn-e.btn-brd.btn-e-purple:hover {
	color: #69438c;
	border-color: #69438c;
}
.btn-e.btn-brd.btn-e-purple.btn-brd-hover:hover {
	background: #69438c;
}

.btn-e.btn-brd.btn-e-aqua {
	border-color: #27d7e7;
}
.btn-e.btn-brd.btn-e-aqua:hover {
	color: #26bac8;
	border-color: #26bac8;
}
.btn-e.btn-brd.btn-e-aqua.btn-brd-hover:hover {
	background: #26bac8;
}

.btn-e.btn-brd.btn-e-brown {
	border-color: #8c6239;
}
.btn-e.btn-brd.btn-e-brown:hover {
	color: #6d4a29;
	border-color: #6d4a29;
}
.btn-e.btn-brd.btn-e-brown.btn-brd-hover:hover {
	background: #6d4a29;
}

.btn-e.btn-brd.btn-e-dark-blue {
	border-color: #1769ff;
}
.btn-e.btn-brd.btn-e-dark-blue:hover {
	color: #0a4cc5;
	border-color: #0a4cc5;
}
.btn-e.btn-brd.btn-e-dark-blue.btn-brd-hover:hover {
	background: #0a4cc5;
}

.btn-e.btn-brd.btn-e-light-green {
	border-color: #bee768;
}
.btn-e.btn-brd.btn-e-light-green:hover {
	color: #99c242;
	border-color: #99c242;
}
.btn-e.btn-brd.btn-e-light-green.btn-brd-hover:hover {
	background: #99c242;
}

.btn-e.btn-brd.btn-e-light {
	color: #fff;
	border-color: #fff;
}
.btn-e.btn-brd.btn-e-light:hover {
	border-color: #fff;
}
.btn-e.btn-brd.btn-e-light.btn-brd-hover:hover {
	background: #fff;
	color: #555 !important;
}