@charset "utf-8";

/* -------------------------------------------------------------------- */
/*               OnepageWebsite Standard CSS               */
/*               Last Update: 2017.03.19                             */
/* -------------------------------------------------------------------- */

/* font  */
.font-kr {font-family: NanumGothic, ng, gulim, dotum, tahoma; }
.font-kr-noto-thin {font-family: notosans-thin, gulim, dotum, tahoma; }
.font-kr-noto-light {font-family: notosans-light, gulim, dotum, tahoma; }
.font-kr-noto-demilight {font-family: notosans-thin, gulim, dotum, tahoma; }
.font-kr-noto-regular {font-family: notosans-regular, gulim, dotum, tahoma; }
.font-kr-noto-regular-italic {font-family: notosans-regular, gulim, dotum, tahoma;  font-style:italic;  }

.font-kr-noto-medium {font-family: notosans-medium, gulim, dotum, tahoma; }
.font-kr-noto-bold {font-family: notosans-bold, gulim, dotum, tahoma; }
.font-kr-noto-black {font-family: notosans-black, gulim, dotum, tahoma; }

.font-kr-15 {font-family: NanumGothic, ng, gulim, dotum, tahoma;font-size:15px; }
.font-kr-16 {font-family: NanumGothic, ng, gulim, dotum, tahoma;font-size:16px; }
.small-kr {font-family: NanumGothic, ng, gulim, dotum, tahoma;font-size:12px; }
.font_italic { font-style:italic; }
.bold				{ font-weight: bold !important; }
.underline {text-decoration:underline;}
.bold_NanumGothic { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma;}
.bold_NanumBarunGothic { font-family: NanumBarunGothicBold, nbgbold, gulim, dotum, tahoma;}
.bold_NanumGothic_16 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:16px !important;}
.bold_NanumGothic_19 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:19px !important;}
.bold_NanumGothic_24 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:24px !important;}

/* English Font */
.english {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.english_small {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px !important;}
.english_xsmall { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px !important;}

/* Common */
.c { clear:both;}

/* float */
.fl_left { float:left; }
.fl_right { float:right; }

/* text Indent -9999 */
.t_id_20 { text-indent: 20px; }
.t_id_99 { text-indent:-9999px; }

/* Text align */
.t_left   { text-align:left; }
.t_right   { text-align:right; }
.t_center   { text-align:center; }
.t_justify  { text-align:justify; }

/* Margin */
.margin-0 {margin: 0px !important; }
.m_t_2     { margin-top: 2px !important;}
.m_t_4     { margin-top: 4px !important;}
.m_t_5     { margin-top: 5px !important;}
.m_t_6     { margin-top: 6px !important;}
.m_t_7     { margin-top: 7px !important;}
.m_t_10     { margin-top: 10px !important;}
.m_t_15     { margin-top: 15px !important;}
.m_t_18     { margin-top: 18px !important;}
.m_t_20     { margin-top: 20px !important;}
.m_t_22     { margin-top: 22px !important;}
.m_t_25     { margin-top: 25px !important;}
.m_t_30     { margin-top: 30px !important;}
.m_t_40     { margin-top: 40px !important;}
.m_t_50     { margin-top: 50px !important;}
.m_t_70     { margin-top: 70px !important;}
.m_t_75     { margin-top: 75px !important;}
.m_t_80     { margin-top: 80px !important;}

.m_l_5     { margin-left: 5px !important;}
.m_l_10     { margin-left: 10px !important;}
.m_l_14     { margin-left: 14px !important;}
.m_l_15     { margin-left: 15px !important;}
.m_l_20     { margin-left: 20px !important;}
.m_l_21     { margin-left: 21px !important;}
.m_l_25     { margin-left: 25px !important;}

.m_r_5     { margin-right: 5px !important;}
.m_r_10     { margin-right: 10px !important;}
.m_r_15     { margin-right: 15px !important;}
.m_r_20     { margin-right: 20px !important;}
.m_r_25     { margin-right: 25px !important;}

.m_bt_0     { margin-bottom: 02px !important;}
.m_bt_2     { margin-bottom: 2px !important;}
.m_bt_3     { margin-bottom: 3px !important;}
.m_bt_4     { margin-bottom: 4px !important;}
.m_bt_5     { margin-bottom: 5px !important;}
.m_bt_0     { margin-bottom: 9px !important;}
.m_bt_10     { margin-bottom: 10px !important;}
.m_bt_15    { margin-bottom: 15px !important;}
.m_bt_20    { margin-bottom: 20px !important;}
.m_bt_25    { margin-bottom: 25px !important;}
.m_bt_30    { margin-bottom: 30px !important;}
.m_bt_35    { margin-bottom: 35px !important;}
.m_bt_40    { margin-bottom: 40px !important;}
.m_bt_50    { margin-bottom: 50px !important;}
.m_0_auto { margin:0 auto;}

/* Padding */
.p_t_5     { padding-top: 5px !important;}
.p_t_10     { padding-top: 10px !important;}
.p_t_12     { padding-top: 12px !important;}
.p_t_15     { padding-top: 15px !important;}
.p_t_20     { padding-top: 20px !important;}
.p_t_25     { padding-top: 25px !important;}
.p_t_30     { padding-top: 30px !important;}

.p_bt_5     { padding-bottom: 5px !important;}
.p_bt_10     { padding-bottom: 10px !important;}
.p_bt_15     { padding-bottom: 15px !important;}
.p_bt_20     { padding-bottom: 20px !important;}
.p_bt_25     { padding-bottom: 25px !important;}
.p_bt_30     { padding-bottom: 30px !important;}


.p_l_10     { padding-left: 10px !important;}
.p_r_8     { padding-right: 8px !important;}
.p_r_10     { padding-right: 10px !important;}
.p_r_20     { padding-right: 20px !important;}

.no-padding {padding: 0px; }
.no-padding.gray { background-color: #f5f5f5; }
.no-padding-inner h3 { 
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 40px; 
}

.no-padding-inner { padding: 60px; }

@media (max-width: 568px) {
	.no-padding-inner {  padding: 15px; }
}


/* line-height  */
.l-h-18     { line-height: 18px !important;}
.l-h-20     { line-height: 20px !important;}
.l-h-22     { line-height: 22px !important;}

/* color */
.white         		{color: #FFF;}
.black         		{color: #000;}
.gray_01				{ color:#333 !important; }
.gray_02				{ color:#444 !important; }
.gray_03				{ color:#666 !important; }
.gray_04				{ color:#999 !important; }
.gray_04b			{ color:#b1b1b1 !important; }
.gray_04c			{ color:#cccccc !important; }
.gray_05				{ color:#ddd !important; }
.gray_06				{ color:#eee !important; }
.blue_01				{ color:#2f8cea !important; }
.blue_02				{ color:#639cc6 !important; }
.blue_03				{ color:#618395 !important; }
.blue_04				{ color:#0089ab !important; }
.blue_05				{ color:#425177 !important; }
.blue_06				{ color:#2f6a9b !important; }
.blue_07				{ color:#39bad3 !important; }
.green_01			{ color:#75ae4a !important; }
.green_02			{ color:#5f9111 !important; }
.green_03			{ color:#1caf0c !important; }
.org_01				{ color:#e66d00 !important; }
.org_02				{ color:#ff7315 !important; }
.red						{ color:#ff0000 !important; }
.red_01				{ color:#d60705 !important; }
.dark_blue    { color:#333366 !important; }
.c_6688cc     { color:#6688cc !important; }
.yel { color:#FFFF00 !important; }
.yel_01  { color:#ffe401 !important; }
.yel_02 { color:#E1D427 !important; }
.gray_bg { background-color:#eee !important; }

/* background color */
.white-bg { background: #fff !important;}
.black-bg { background: #000 !important;}

.light-gray-bg-d { background: #ddd !important;}
.light-gray-bg-e { background: #eee !important;}
.light-gray-bg-f3 { background: #f3f3f3 !important;}
.koreatax-bg  { background: #94c51c !important;}


/* section */
.padded-section-40 { padding: 40px 0; }
.padded-section-80 { padding: 80px 0; }
.padded-section-100 { padding: 100px 0; }


/*-----------------------------------------------------------------------------------*/
/*	dividers
/*-----------------------------------------------------------------------------------*/
.divide0 {  width: 100%; height: 0px; }
.divide2 { width: 100%; height: 2px; }
.divide3 { width: 100%; height: 3px; }
.divide5 { width: 100%; height: 5px; }
.divide10 { width: 100%; height: 10px; }
.divide15 { width: 100%; height: 15px; }
.divide20 { width: 100%; height: 20px; }
.divide25 { width: 100%; height: 25px; }
.divide30 { width: 100%; height: 30px; }
.divide35 { width: 100%; height: 35px; }
.divide40 { width: 100%; height: 40px; }
.divide45 { width: 100%; height: 40px; }
.divide50 {width: 100%; height: 50px; }
.divide55 { width: 100%; height: 55px; }
.divide60 { width: 100%; height: 60px; }
.divide65 { width: 100%; height: 65px; }
.divide70 { width: 100%; height: 70px; }
.divide75 { width: 100%; height: 75px; }
.divide80 { width: 100%; height: 80px; }
.divide85 { width: 100%; height: 85px; }

.gray_dashed-divider { float: left; width:100%; height:1px; border-bottom:1px dashed #ccc;}


/* Navigation */
.alert-bordered {    
	border-color: #eee;
}

.alert-koreatax-navi {
  color: #ffffff;
  background-color: #684e91;
  border-color: #684e91;
}
.alert-koreatax-navi hr {
  border-top-color: #e4b9c0;
}
.alert-koreatax-navi .alert-link {
  color: #843534;
}

.navbar .alert-koreatax-navi a {
  color: #fff !important;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 16px;
  line-height: 1.42857143;
  border-bottom:0px !important;}

.navbar .alert-koreatax-navi a:hover {
  background-color: #777 !important; }
/* /.Navigation */


	.box-bordered {
		border: 1px solid #d5d5d5 !important;
		padding:20px;
		border-radius:4px;
	}

	.img-bordered {
		border: 1px solid #999 !important;
	}

h3.heading {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  margin: 0 0 20px;
  padding-bottom: 10px;
  position: relative;
  text-transform: capitalize;
  overflow: hidden;
  vertical-align: middle;
  font-family: "Lato", sans-serif; }

h3.heading:after {
  position: relative;
  left: 18px;
  content: "";
  display: inline-block;
  width: 200%;
  vertical-align: middle;
  height: .50em;
  margin: 0 -200% 0 0;
 }

/* ----- */
.list-group-item.first-item {
  border-top: none !important;
}

.list-group-item span.label {
  margin-right: 10px;
}
.list-group.clear-list .list-group-item {
  border-top: 1px solid #e7eaec;
  /* border-bottom: 0; */
  border-right: 0;
  border-left: 0;
  padding: 10px 0;
}
ul.clear-list:first-child {
  border-top: none !important;
}
.list-group-item.last-item {
  border-bottom:1px solid #e7eaec;
}

/* table */
.table-history>thead>tr>th {
	font-size:16px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	background-color:#eee;
    border-bottom: 1px solid #fabe00;
}

.table-history .border-right {
	border-right: 1px dashed #fabe00;
}

.table-history>tbody>tr>th {
    vertical-align: middle;
	border-right: 1px dashed #fabe00;
    border-bottom: 1px solid #fabe00;
}

.table-history>tbody>tr>td {
	padding:10px;
    vertical-align: middle;
    border-bottom: 1px solid #fabe00;
}

/* ----- */

.table-bordered>thead>tr>th {
	text-align:center;
	background:#f3f3f3;
	vertical-align: middle;
}


.table-bordered>tbody>tr>th {
	text-align:center;
	background:#f3f3f3;
	vertical-align: middle;
}

.table-bordered>tbody>tr>td {
    vertical-align: middle;
}

/*-- title deco --*/

.center-heading{
    text-align: center;
    margin-bottom: 40px;
}
.center-heading h2{
	font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 30px;
    letter-spacing: 0.02em;
    line-height: 27px;
	color: #333;
}

.center-heading h4{
	font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 20px;
    letter-spacing: 0.02em;
    line-height: 27px;
	color: #333;
}
.center-line{
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 3px solid #5f8efc;
    /* border-bottom: 1px solid #0088cc; */
    margin: auto;
}

.center-line-yellow {
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 3px solid #fae400;
    /* border-bottom: 1px solid #0088cc; */
    margin: auto;
}

.center-line-gray {
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 3px solid #ddd;
    /* border-bottom: 1px solid #0088cc; */
    margin: auto;
}

.center-heading p{
    margin-top: 10px;
}

.block-heading-two{
	margin:10px 0px 15px 0px;
}
.block-heading-two h3{
	font-size:20px;
	line-height:36px;
	font-weight:600;
	padding:0px 10px 6px 0px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
.block-heading-two h3 span{
	padding-bottom:11px;
	border-bottom:3px solid;
}
.block-heading-two h3 span {
	border-color: #5f8efc;
  /* border-color: #32c8de; */
}

.block-heading-two h4{
	font-size:18px;
	line-height:30px;
	font-weight:600;
	padding:0px 10px 6px 0px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
.block-heading-two h4 span{
	padding-bottom:11px;
	border-bottom:3px solid;
}
.block-heading-two h4 span {
	border-color: #5f8efc;
  /* border-color: #32c8de; */
}


/* DL */

dl {
  width: 100%;
  overflow: hidden;
  margin-bototm:20px;
}
dt {
  clear:both;
  float: left;
  width: 30%;
  padding:10px 0;
  line-height:20px !important;
    border-bottom: 0px dashed #fff !important;
}
dd {
  float: left;
  width: 70%;
  padding:10px 0;
  line-height:20px !important;
  border-bottom: 1px dashed #ddd;
}

.history dl {
  width: 100%;
  overflow: hidden;
  margin-bototm:20px;
}
.history dt {
  clear:both;
  float: left;
  width: 20%;
  padding:10px 0;
  line-height:20px !important;
 border-bottom: 0px dashed #ddd !important;
}
.history dd {
  float: left;
  width: 80%;
  padding:10px 0;
  line-height:20px !important;
  border-bottom: 1px dashed #ddd;
}

/*-- modal-slacker --*/
	.modal-slacker {
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.modal-slacker .modal-content {
		margin-top: 5%;
		border-radius: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		height: 80%;
		overflow: auto;
	}

	.modal-slacker .modal-header .close {
		color: #fff;
		background-color: #428bca;
		border-color: #357ebd;
		opacity: 1;
		padding: 10px 17px;
		font-size: 27px;
	}

	.modal-title {
		font-family: NanumBarunGothicBold, nbgbold, gulim, dotum, tahoma;
		font-size: 24px;
		font-weight: bold;
	}

	@media (min-width: 768px) {
		.modal-slacker .modal-header,
		.modal-slacker .modal-body,
		.modal-slacker .modal-footer {
			width: 1152px;
			margin: 30px auto;
		}
	}

	@media (max-width: 767px) {
		.modal-slacker .modal-header,
		.modal-slacker .modal-body,
		.modal-slacker .modal-footer {
			width: 80%
			margin: 30px auto;
		}
	}   

	.vertical-middle { vertical-align:middle !important; }

	/*------*/
	

.footer_menubox {
	padding:20px 20px 0px 20px;
	border:1px solid #555;
	}

/**************************** about tab ***************************/
.about_tab_wrap {
	/* height:59px; */
	height:auto;
    background: #fff;
}


  .about_tab_wrap2 {
	height:118px;
    background: #fff;
  }

  .about_tab_wrap2 {
	height:177px;
    background: #fff;
  }


  .innen_tab_wrap {
	height:54px;
    background: #fff;
  }

  /* -- Tab menu --*/
  
.nav-pills2 > li {
  float: left;
  text-align:center;
}
.nav-pills2 > li > a {
	font-size:16px;
	color:#666;
    border-radius: 0px;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	padding:18px 0 19px 0;
    background-color: #fff;
}


@media (min-width: 992px) and (max-width: 1199px) {
	.nav-pills2 > li > a { font-size:14px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.nav-pills2 > li > a { font-size:14px;}
}

@media (max-width: 767px) {
	.nav-pills2 > li > a { font-size:14px;}
}


.nav-pills2 > li + li {
  margin-left: 0px;
}
.nav-pills2 > li.active > a,
.nav-pills2 > li.active > a:hover,
.nav-pills2 > li.active > a:focus {
  color: #fff;
  background-color: #c52f50;
}

.nav-pills2 > li > a:hover {
  color: #fff;
  background-color: #c52f50;
}
/*-----------------------*/
.nav-pills3 > li {
  float: left;
  text-align:center;
}
.nav-pills3 > li > a {
    border-radius: 0px;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	padding-top: 18px;
    padding-bottom: 19px;
    background-color: #fff;
}

.nav-pills3 > li + li {
  margin-left: 0px;
}
.nav-pills3 > li.active > a,
.nav-pills3 > li.active > a:hover,
.nav-pills3 > li.active > a:focus {
  color: #fff;
  background-color: #c52f50;
}

.nav-pills3 > li > a:hover {
  color: #fff;
  background-color: #c52f50;
}

/* ------------------------------------------- */
#history .history_box .box_title{padding: 13px 0 13px 0;font-size: 19px; line-height:20px; color: #fff;text-align: center;font-weight: 600;}
#history .history_box .box_txt{padding:15px 0 0 23px; margin: 0 auto; border-left:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#history .history_box .box_txt dl{display: block;position: relative;margin-bottom: 20px;}
#history .history_box .box_txt dl.mon{margin-bottom: 3px;}
#history .history_box .box_txt dl:after{display:block; clear:both; content:"";}
#history .history_box .box_txt dl dt{position: absolute;top: 0;left: 0px;font-size: 14px;color: #239eb1;font-weight: bold;}
#history .history_box.his2 .box_txt dl dt{color: #2365b1;}
#history .history_box.his3 .box_txt dl dt{color: #4134a0;}
#history .history_box .box_txt dl dd{margin-left: 65px;font-size: 13px;line-height: 1.5em;color: #333;}
#history .history_box.his3 .box_txt dl dd{margin-left: 65px;}
#history .history_box.his1 .box_txt{background:#eaf5f7; padding-bottom:20px;}
#history .history_box.his2 .box_txt{background:#e8eff7; padding-bottom:20px;}
#history .history_box.his3 .box_txt{background:#eceaf5; padding-bottom:20px;}
#history .history_box.his1 .box_title{background:#249fb1;}
#history .history_box.his2 .box_title{background:#2365b1;}
#history .history_box.his3 .box_title{background:#4134a0;}

#overview .overview_box .box_txt{padding:15px 0 0 23px; margin: 0 auto; border-left:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#overview .overview_box .box_txt dl{display: block;position: relative;margin-bottom: 20px;}
#overview .overview_box .box_txt dl.mon{margin-bottom: 3px;}
#overview .overview_box .box_txt dl:after{display:block; clear:both; content:"";}
#overview .overview_box .box_txt dl dt{width:25%;font-size: 16px;color: #239eb1;font-weight: bold;}
#overview .overview_box .box_txt dl dd{width:75%;font-size: 13px;line-height: 1.5em;color: #333;}


/* Google map */
.gmap {
	margin:0 auto;
	height: 322px;
	overflow: hidden;
	border:1px solid #e1e1e1;
}

.gmap h5{
	font-size:16px !important;
	line-height:18px !important;
	color:#444 !important;
	font-family:"Open Sans", sans-serif !important;
	font-weight:bold;
}

.gmap p{
	color: #555 !important;
	font-size: 12px !important;
	line-height: 18px !important;
	font-family: "Open Sans", sans-serif !important;
}

/* table_spec */
.table_summary { position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0;} 
.table_spec		 { width:100%; border-top:1px #ddd solid; border-right:1px #ddd solid; table-layout:fixed;}
.table_spec thead th	  {font-size:14px;  line-height:18px; background-color:#428bca; color:#fff; border-left:1px #ddd solid; text-align:center; padding:10px 0;}
.table_spec tbody th	 { font-size:16px;  background-color:#e5e5e5;font-family: 'Noto Sans KR', sans-serif;height: 25px; vertical-align:middle; border-left:1px #ddd solid; border-bottom:1px #ddd solid; padding:6px 8px 4px 15px; text-align:center; color:#444; }
.table_spec td	 { font-family: 'Noto Sans KR', sans-serif; font-size:14px;  height: 25px; vertical-align:middle; border-left:1px #ddd solid; border-bottom:1px #ddd solid; padding:6px 8px 4px 5px; text-align:center; color:#444; }
.table_spec td ul { margin-left: -10px;font-size:14px; }
.table_spec td ul li { font-size:14px; }