@charset "utf-8";
/* FREIER STYLES
-------------------------------------------------- */
@font-face {
    font-family:ng;
	src:url(/fonts/NanumGothic.eot);
    src: url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
            url('/fonts/NanumGothic.woff') format('woff'),
            url('/fonts/NanumGothic.ttf') format('truetype');
}

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

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

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

@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");

/* 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 */
.m_t_5     { margin-top: 5px;}
.m_t_10     { margin-top: 10px;}
.m_t_15     { margin-top: 15px;}
.m_t_20     { margin-top: 20px;}
.m_t_25     { margin-top: 25px;}
.m_t_30     { margin-top: 30px;}
.m_t_40     { margin-top: 40px;}

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

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

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

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

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


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

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

/* font  */
.font-kr {font-family: NanumGothic, ng, gulim, dotum, tahoma; }
.small-kr {font-family: NanumGothic, ng, gulim, dotum, tahoma;font-size:11px; }
.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;}
.bold_NanumGothic_19 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:19px;}
.bold_NanumGothic_24 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:24px;}

/* 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;}
.english_xsmall {  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px;}


/* 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:#2f88c9 !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; }


/*-- Agreement --*/
#agreement legend, #agreement2 legend { display:block; padding:0 0 8px 1px; _margin:0 0 0 -7px;}
#agreement .field_ok, #agreement2 .field_ok  { margin:0;}
#agreement .field_ok legend, #agreement2 .field_ok legend { display:block;}

#agreement .bx, #agreement2 .bx  { background:#f8f8f8;position:relative; height:150px; padding: 20px; margin:0 0 8px 0; border:1px solid #e5e5e5; line-height:20px; overflow:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;-webkit-overflow-scrolling:touch}
.t .bx::-webkit-scrollbar{overflow:visible;width:6px;margin-right:10px;background:transparent}
.t .bx::-webkit-scrollbar-thumb{background-color:rgba(45,70,97,0.3);-webkit-border-radius:5px; min-height:20px;margin:0 5px 0 0}
.t .bx::-webkit-scrollbar-thumb:hover{background-color:rgba(45,70,97,0.3)}
.t .bx::-webkit-scrollbar-corner{background:transparent}

#agreement .bx h3, #agreement .bx h4, #agreement2 .bx h3, #agreement2 .bx h4 { font-weight:normal;}


/*-- page-header-with-icon: separator -- */
.page-header { position: relative; }

.page-header.page-header-with-icon {
    text-align: center;
    border-top: 2px solid #eaedf2;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 16px;
    margin: 10px 0 20px 0; 
}

.page-header.page-header-with-icon > [class^="fa-"], .page-header.page-header-with-icon > [class*=" fa-"] {
      position: absolute;
      display: block;
      left: 50%;
      top: -25px;
      margin-left: -50px;
      color: #8dc153;
      background-color: #eee;
      font-size: 33px;
      line-height: 50px;
      width: 100px;
      height: 50px; 
}
    
.page-header.page-header-with-icon_eee {
    text-align: center;
    border-top: 2px solid #60A5E1;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 16px;
    margin: 10px 0 20px 0; 
}

.page-header.page-header-with-icon_eee > [class^="fa-"], .page-header.page-header-with-icon_eee > [class*=" fa-"] {
      position: absolute;
      display: block;
      left: 50%;
      top: -25px;
      margin-left: -50px;
      color: #60A5E1;
      background-color: #eee;
      font-size: 33px;
      line-height: 50px;
      width: 100px;
      height: 50px; 
}

/*-- 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: 700px;
			margin: 30px auto;
		}
	}

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

/*--- separator-one -- */
	
.separator-one {
	background: rgba(52, 210, 147, 0.85);
	padding: 50px 0;
	text-align:center;
}

@media (min-width:525px) {
.separator-one .crossbrowsing_img {
	margin:0 auto; width:534px; height:230px; background: url(../../img/crossbrowsing.png) no-repeat;
	}
}

@media (max-width:524px) {
.separator-one .crossbrowsing_img {
	margin:0 auto; width:360px; height:413px; background: url(../../img/crossbrowsing_s.png) no-repeat;
	}
}

/*--- Dot Hr --*/
.gray_dashed-divider { float: left; width:100%; height:1px; border-bottom:1px dashed #ccc;}
.gray_solid-divider { float: left; width:100%; height:1px; border-bottom:1px solid #ccc;}


.bootstrap-bg {
  background-color: #664c8f;
  color:#fff;
}

/* --------------------------------- */
.rev-text-center-small{
    text-align: center;
    font-size: 18px;
    color:#fff !important;
    font-weight: 300;
    line-height: 24px;
}

.top-social li a span{
padding:5px;
	font-size: 12px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 0px;
    background-color: transparent;
    color:#222;
    border: 1px solid #252525;
       border-radius: 2px;
    -webkit-border-radius: 2px;
}

.top-social li a span:hover{
    color:#fff;
    background-color: #252525;
 
}


.light-gray-bg {
  background-color: #eee;
}

#map_canvas { 	height:350px; border: 1px solid #ccc;}

.alert-white {
  color: #8a6d3b;
  background-color: #ffffff;
  border-color: #faebcc;
}

/* ----- */
.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;
}

/*----*/
@media (min-width:525px) {
	.crossbrowsing_img {
	margin:0 auto; width:534px; height:170px; background: url(/version_1_2/one-page/img/crossbrowsing.png) no-repeat;
	}
}

@media (max-width:524px) {
 .crossbrowsing_img {
	margin:0 auto; width:360px; height:313px; background: url(/version_1_2/one-page/img/crossbrowsing_s.png) no-repeat;
	}
}

.logo_font {font-family: 'Raleway', serif; font-weight: 700;}


/*-- md-special-heading: separator 1 --*/
.md-special-heading{
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	text-align: center;
}

.md-special-heading span{
	display: inline-block;
	position: relative;
	z-index: 2;
	padding-bottom: 0px;
}

.md-special-heading.style-1 span:before,
.md-special-heading.style-2 span:before,
.md-special-heading.style-3 span:before,
.md-special-heading.style-4 span:before,
.md-special-heading.style-5 span:before,
.md-special-heading.style-6 span:before,
.md-special-heading.style-7 span:before{
	content: '';
	width: 150px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -75px;
}

.md-special-heading.style-1 span:after,
.md-special-heading.style-2 span:after,
.md-special-heading.style-3 span:after,
.md-special-heading.style-4 span:after,
.md-special-heading.style-5 span:after,
.md-special-heading.style-6 span:after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 50%;
	margin-left: -4px;
}

.md-special-heading.style-1 span:after,
.md-special-heading.style-3 span:after,
.md-special-heading.style-5 span:after{
	width: 8px;
	height: 8px;
}

.md-special-heading.style-2 span:after,
.md-special-heading.style-4 span:after,
.md-special-heading.style-6 span:after{
	width: 8px;
	height: 8px;
	background: #fff;
}

.md-special-heading.style-1 span:after,
.md-special-heading.style-2 span:after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.md-special-heading.style-5 span:after,
.md-special-heading.style-6 span:after{
	border-radius: 8px;
}

.md-special-heading.style-7 span:before{
	width: 80px;
	margin-left: -40px;
}

.md-special-heading.style-7:before{
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 100%;
	margin-left: 0;
	left: 0;
}

.md-special-heading.style-1.light span:before,
.md-special-heading.style-2.light span:before,
.md-special-heading.style-3.light span:before,
.md-special-heading.style-4.light span:before,
.md-special-heading.style-5.light span:before,
.md-special-heading.style-6.light span:before,
.md-special-heading.style-7.light span:before,
.md-special-heading.style-1.light span:after,
.md-special-heading.style-3.light span:after,
.md-special-heading.style-5.light span:after,
.md-special-heading.style-7.light:before{
	background: #ddd;
}

.md-special-heading.style-2.light span:after,
.md-special-heading.style-4.light span:after,
.md-special-heading.style-6.light span:after{
	border:1px solid #ddd;
}

.md-special-heading.style-1.dark span:before,
.md-special-heading.style-2.dark span:before,
.md-special-heading.style-3.dark span:before,
.md-special-heading.style-4.dark span:before,
.md-special-heading.style-5.dark span:before,
.md-special-heading.style-6.dark span:before,
.md-special-heading.style-7.dark span:before,
.md-special-heading.style-1.dark span:after,
.md-special-heading.style-3.dark span:after,
.md-special-heading.style-5.dark span:after,
.md-special-heading.style-7.dark:before{
	background: #999;
}

.md-special-heading.style-2.dark span:after,
.md-special-heading.style-4.dark span:after,
.md-special-heading.style-6.dark span:after{
	border:1px solid #999;
}

.md-special-heading.style-1.black span:before,
.md-special-heading.style-2.black span:before,
.md-special-heading.style-3.black span:before,
.md-special-heading.style-4.black span:before,
.md-special-heading.style-5.black span:before,
.md-special-heading.style-6.black span:before,
.md-special-heading.style-7.black span:before,
.md-special-heading.style-1.black span:after,
.md-special-heading.style-3.black span:after,
.md-special-heading.style-5.black span:after,
.md-special-heading.style-7.black:before{
	background: #000;
}

.md-special-heading.style-2.black span:after,
.md-special-heading.style-4.black span:after,
.md-special-heading.style-6.black span:after{
	border:1px solid #000;
}

.md-special-heading.style-1.white span:before,
.md-special-heading.style-2.white span:before,
.md-special-heading.style-3.white span:before,
.md-special-heading.style-4.white span:before,
.md-special-heading.style-5.white span:before,
.md-special-heading.style-6.white span:before,
.md-special-heading.style-7.white span:before,
.md-special-heading.style-1.white span:after,
.md-special-heading.style-3.white span:after,
.md-special-heading.style-5.white span:after,
.md-special-heading.style-7.white:before{
	background: #fff;
}

.md-special-heading.style-2.white span:after,
.md-special-heading.style-4.white span:after,
.md-special-heading.style-6.white span:after{
	border:1px solid #fff;
}
/* Sitemap */
.sitemap h4 {
	font-family: NanumBarunGothicBold, nbgbold, gulim, dotum, tahoma !important;
	font-size:16px;
	margin-top:20px;
	margin-bottom: 5px;
}
.sitemap .sitemap-top{
	max-width:400px;
}
.sitemap .sitemap-top form{
	max-width:250px;
	margin-top:10px;
}
.sitemap hr{
	margin:8px 0px;
}
.sitemap ul{
	padding-left:20px;
}
.sitemap ul li{
	margin:7px 0px;
}
.sitemap ul li a{
	color:#777;
	font-family: NanumGothic, ng, gulim, dotum, tahoma !important;
}
.list-3 li:before{
	content: "\f046"; /* Check-Square-o */
	font-family: 'FontAwesome';
	float: left;
	margin-left: -20px;
}
.color {
  color: #609cec !important;
}

.padded-section{
    padding: 80px 0;
}
.padded-section-small{
    padding: 40px 0;
}