@import url("themify-icons.css");
@import url("font-awesome.css");
@import url("elegant.css");
@import url("flexslider.css");
@import url("owl.carousel.css");
@import url("shortcodes.css");
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


/* Reset
-------------------------------------------------------------- */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	   -ms-text-size-adjust: 100%;
}

body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	   -ms-text-size-adjust: 100%;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent;
}

label {
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: middle; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent;
}	

#condCustNm, #condCont, #condCtrtNm, #condLawTitle, #condLawCont, #condTitle{
	width : 455px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}
						  
ol, ul {
	list-style: none;
}

blockquote, q { 
	-webkit-hyphens: none;
	  -moz-hyphens: none;
	   -ms-hyphens: none;
		   hyphens: none;
			quotes: none;
}

figure {
	margin: 0;
}

:focus {
	outline: 0;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
		   box-sizing: border-box;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	line-height: 1;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	border: none;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

body {
	font-family:'Noto Sans KR', '占쏙옙占쏙옙 占쏙옙占�', 'Nanum Gothic', 'Malgun Gothic', '占쏙옙占쏙옙', 'Dotum', '占쏙옙占쏙옙', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	background-color: #fff;     
	color: #595959;
	overflow: hidden;
	position: relative;
}


a {     
	text-decoration: none;
	color: #1e1e27;
	font-family: 'Noto Sans KR', sans-serif;
	-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;
}

a:hover,
a:focus {
	color: #1490d7;
	text-decoration: none;
	outline: 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;
}

a:before,
a:hover:before {
	-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;
}

ul, ol {
	padding: 0;
}

ul li, ol li {
	list-style-type: none;
}

img {
	max-width: 100%;
	height: auto;       
}

b, strong {
	font-weight: 900;
}

button:focus {
	outline: none;
}

button {
	display: inline-block;
	color: #fff;
	/*padding: 0px 27px 0 27px;*/
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	background: #233671;
	border-radius: 2px;
	font-weight: 400;
	font-family: 'Nanum Gothic', sans-serif;
	position: relative;
	-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;
}

button.icon-btn-search {
	padding: 0px 17px 0 17px;
}
button.icon-btn-reset {
	padding: 0px 17px 0 17px;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {      
	display: inline-block;
	color: #fff;
	/*padding: 0px 27px 0 27px;*/
	height: 48px;
	line-height: 42px;
	font-size: 14px;
	color: #ffffff;
	background: #1490d7;
	border-radius: 2px;
	font-weight: 400;
	font-family: 'Nanum Gothic', sans-serif;
	position: relative;
	-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;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="email"] {   
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0px 0px 0px 7px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #595959;
	/*
	line-height: 24px;
	padding: 8px 15px 8px 30px;
	display: block;
	color: #5a596a;
	border: 2px solid #e5e5e5;
	height: 48px;
	border-radius: 30px;
	background-color: #fff;
	-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;*/
}

select {
	border: none;
}

input[type="search"] {
	width: 250px;  
	margin-bottom: 0px;
	border-radius: 0px;
	background-color: #ffffff;
}

input[type="email"] {
	padding: 8px 14px;
	color: #595959;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border: 2px solid #e5e5e5;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

textarea {
	width: 100%;
	padding: 11px 18px;    
	height: 173px;
}

input[type="checkbox"] {
	display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {       
	color: #aeaeae;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #aeaeae;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #aeaeae;
	opacity: 1;
}

.contact-form input:-moz-placeholder,
.contact-form input::-moz-placeholder {       
	color: #5a596a;
	opacity: 1;
}

.contact-form textarea:-moz-placeholder,
.contact-form textarea::-moz-placeholder,
.contact-form input:-moz-placeholder,
.contact-form input::-moz-placeholder {       
	color: #5a596a;
	opacity: 1;
}

.contact-form input:-ms-input-placeholder {
	color: #5a596a;
}

.contact-form textarea::-webkit-input-placeholder,
.contact-form input::-webkit-input-placeholder {
	color: #5a596a;
	opacity: 1;
}

.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
	border-color: #1e1e27;
}

/* bootstrap resetting elements */
.btn {
	background-image: none;
}

/*select,*/
textarea, 
input[type="text"],
input[type="submit"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
	-webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		 -o-box-shadow: none;
			box-shadow: none;
	color: #595959;
}

button.flat-button-form {
	height: 46px;
	line-height: 46px;
	background: #1490d7;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	border-radius: 25px;
	padding: 0 43px 0 42px;
}

blockquote {
	padding: 50px 60px 50px 55px;
	margin-bottom: 30px;
}

blockquote p {
	font-size: 18px;
	font-style: italic;
}

blockquote > span {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 400;
	font-size: 100px;
	color: #595959;
	line-height: 42px;
	display: block;
}

table {
	width: 100%;
}

select::-ms-expand {
 /* IE 8 */
 /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
 /* IE 5-7 */
 /*filter: alpha(opacity=0);*/
 /* Good browsers :) */
 /*opacity:0;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 700;
	color: #333333;
}

h1 { font-size: 60px;line-height: 60px;}
h2 { font-size: 48px;line-height: 48px;}
h3 { font-size: 36px;line-height: 36px;}
h4 { font-size: 30px;line-height: 30px;}
h5 { font-size: 24px;line-height: 24px;}
h6 { font-size: 18px;line-height: 18px;}

.container {
	width: 1600px;
	max-width: 100%;
}

.container-fluid {
	width: 1600px;
	max-width: 100%;
}

.set-width {
	width: 1600px;
}

.set-width-1 {
	width: 1800px;
	max-width: 100%;
}

.set-width-2 {
	width: 1660px;
	max-width: 100%;
}

.clearfix {
	clear: both;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.one-half {
	width: 50%;
	float: left;
}

.one-third {
	width: 33.33%;
	float: left;
}

.one-third_w {
	width: 32.3%;
	float: left;
	margin-left: 5px;
}

.one-four {
	width: 25%;
	float: left;
}

.one-over-five {
	width: 20%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.two-third {
	width: 66.6666%;
	float: left;
}

.overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(30, 28, 202, 0.8);
	top: 0;
	left: 0;
}

.overlay.style1 {
	background: rgba(30, 28, 202, 1);
	z-index: -1;
}

.overlay.style2 {
	background: rgba(7, 32, 66, 1);
	z-index: -1;
}


.margin-5-5 {margin-left: -5.5px;margin-right: -5.5px;}
.margin-5 {margin-right: -5px;margin-left: -5px;}

.padding-left-48 {padding-left: 48px;}
.padding-left-100 {padding-left: 100px;}
.padding-right-100 {padding-right: 100px;}
.padding-270 {padding-left: 270px;padding-right: 270px;}
.no-padding {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.color-default {color: #1490d7;}
.color-white {color: #fff;}
.color-black {color: #1e1e27;}
.color-blue {color: #233671;}
.color-lightblue {color: #0957c3 !important;}
.color-green {color: #11d576;}

.bg-default {background-color: #1e1e27;}
.bg-transparent {background-color: transparent;}
.background {background-color: #f7f7f7;}
.background-blue {background-color: #1490d7;}
.bg-white {background-color: #fff;}
.bg-green {background-color: #ebf1f7;}
.bg-green-2 {background-color: #11d576;}
.bg-yellow {background-color: #ffd200;}
.bg-brown {background-color: #24242d;}

.bg_lnb01 {min-height: 179px; background: #233671 url(../images/common/bg_lnb_01.png)85% bottom no-repeat; background-size: auto;}
.bg_lnb02 {min-height: 179px; background: #233671 url(../images/common/bg_lnb_02.png)85% bottom no-repeat; background-size: auto;}
.bg_lnb03 {min-height: 179px; background: #233671 url(../images/common/bg_lnb_03.png)85% bottom no-repeat; background-size: auto;}
.bg_lnb04 {min-height: 179px; background: #233671 url(../images/common/bg_lnb_04.png)85% bottom no-repeat; background-size: auto;}
.bg_lnb05 {min-height: 179px; background: #233671 url(../images/common/bg_lnb_05.png)85% bottom no-repeat; background-size: auto;}
.bg_lnb06 {min-height: 179px; background: #233671 url(../images/common/bg_lnb_06.png)85% bottom no-repeat; background-size: auto;}

.no-border {border: none;}
.border {border: 1px solid #ebebeb;}

.overflow {overflow: hidden;}

.flat-page-title .flat-title {margin-bottom: 20px;}

.flat-title h1 {
	font-size: 60px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 1px;
}

.line-height-36 {line-height: 36px;}

.font-size-10 {font-size: 10px;}
.font-size-12 {font-size: 12px;}
.font-size-14 {font-size: 14px;}
.font-size-15 {font-size: 15px;}
.font-size-16 {font-size: 16px;}
.font-size-24 {font-size: 24px;}
.font-size-30 {font-size: 30px;}
.font-size-36 {font-size: 36px;}
.font-size-48 {font-size: 48px;}

.font-weight-3 {font-weight: 300;}
.font-weight-4 {font-weight: 400;}
.font-weight-5 {font-weight: 500;}
.font-weight-7 {font-weight: 700;}

.margin-bottom-30 {margin-bottom: 30px;}
.margin-right-30 {margin-right: 30px;}

.divider163 {height: 163px;}
.divider105 {height: 105px;}
.divider100 {height: 100px;}
.divider94 {height: 94px;}
.divider90 {height: 90px;}
.divider80 {height: 80px;}
.divider73 {height: 73px;}
.divider70 {height: 70px;}
.divider68 {height: 68px;}
.divider60 {height: 60px;}
.divider52 {height: 52px;}
.divider50 {height: 50px;}
.divider40 {height: 40px;}
.divider30 {height: 30px;}
.divider24 {height: 24px;}
.divider17 {height: 17px;}
.divider15 {height: 15px;}
.divider10 {height: 10px;}
.divider8 {height: 8px;}

/* Boxed Style1
-------------------------------------------------------------- */
.boxed.style1 {
  /*width: 92.188%;*/
  width: 100%;
	margin: 0 auto;
	/*overflow: hidden;*/
	/*margin-bottom: 75px;*/
}

.boxed.style1.v1 {
	margin-bottom: 0px;
}

.boxed.style1 #header.style1 {
	width: 92%;
	left: 4%;
}



.boxed .small-box {
	width: 1430px;
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0px 29px 38px 0px rgba(0, 0, 0, 0.1);
}

.boxed.style2 {
   width: 1860px;
   max-width: 100%;
   overflow: hidden;
   margin: 30px auto;
   position: relative;
}


.boxed.style2 #header.style1.v1 {
	top: 40px;
	background: transparent;
}

.boxed.style2 #header.style1.v1 #mainnav {
	margin-right: 121px;
}

.boxed.style3 {
	position: relative;
}

.boxed.style3:before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 33%;
	background-color: #f7f7f7;
}

/* Header Top
-------------------------------------------------------------- */
.header-top {
	border-bottom: 1px solid #e8e8e9;
}

/* Header Top Style1 */
.header-top.style1 {
	position: absolute;
	top: 0;
	width: 100%;
	background: transparent;
	border: none;
	z-index: 9;
}

.header-top.style1 .wrap-header-top {
	border-bottom: 1px solid #4d5665;
}

.header-top.style1 .wrap-header-top ul li {
	line-height: 39px;
}

.header-top.style1 .wrap-header-top ul.flat-social li {
	margin-left: 31px;
}

.header-top.style1 .wrap-header-top ul.flat-infomation li {
	margin: 0;
}

.header-top.style1 .wrap-header-top ul.flat-infomation li i {
	padding-right: 8px;
}

.header-top.style1 .wrap-header-top ul.flat-infomation li.phone {
	margin-right: 31px;
}

.header-top.style1 .wrap-header-top ul.flat-infomation li.phone a {
	letter-spacing: -0.2px;
}

.header-top.style1 .wrap-header-top ul li a {
	font-family: 'Nanum Gothic', sans-serif;
}

.header-top.style1 .wrap-header-top ul li a:not(:hover) {
	color: #fff;
}

/* Header Top Style2 */
.header-top.style2 {
	border-bottom: none;
}

.header-top.style2 ul.flat-infomation li {
	font-size: 12px;
	line-height: 40px;
	margin: 0;
}

.header-top.style2 ul.flat-infomation li.phone a {
	padding-right: 20px;
	margin-right: 16px;
	line-height: 1px;
	border-right: 1px solid rgba(194, 193, 202, 0.2);
}

.header-top.style2 ul.flat-infomation li a:not(:hover) {
	color: #c2c1ca;
}

.header-top.style2 ul.flat-infomation li a i {
	padding-right: 5px;
	color: #f06325;
}

.header-top.style2 ul.flat-social {
	margin-right: 3px;
}

.header-top.style2 ul.flat-social li {
	line-height: 40px;
	font-size: 12px;
	margin-left: 23px;
}

.header-top.style2 ul.flat-social li a:not(:hover) {
	color: #c2c1ca;
}

.header-top.style2 .flat-sign-in,
.header-top.style2 .flat-language {
	line-height: 40px;
}

.header-top.style2 .flat-sign-in > a {
	color: #c2c1ca;
	font-size: 12px;
	border-right: 1px solid rgba(194, 193, 202, 0.2);
}

.header-top.style2 .flat-language > a {
	color: #c2c1ca;
	font-size: 12px;
	border-right: 1px solid rgba(194, 193, 202, 0.2);
}

.header-top.style2 .flat-language > a:after {
	top: -11px;
	right: 22px;
}

/* Flat Language */
.flat-language,
.flat-infomation,
.flat-sign-in {
	position: relative;
}

ul.unstyled {
	position: absolute;
	top: 120%;
	left: 0;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	line-height: 30px;
	width: 100px;
	padding: 5px 0;
	border-radius: 2px;
	z-index: 100;
	box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.1);
}

ul.unstyled li a {
	display: block;
	padding-left: 15px;
	font-weight: 400;
}

.flat-language {
	line-height: 50px;
}

.flat-language > a,
.flat-sign-in > a {
	padding-right: 34px;
	border-right: 1px solid #ebeaee;
	padding-left: 24px;
	position: relative;
}

.flat-language > a:before {
	content: '\f0ac';
	position: absolute;
	font-family: 'Fontawesome';
	left: 0;
}

.flat-language > a:after,
.flat-sign-in > a:after {
	content: '\f107';
	position: absolute;
	font-family: 'Fontawesome';
	right: 21px;
}

.flat-language:hover ul.unstyled,
.flat-sign-in:hover ul.unstyled {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

/* Flat Language Style1 */
.flat-language.style1 > a {
	padding-left: 0px;
}

.flat-language.style1 a:before {
	content: '';
}

.flat-language.style1 a:after {
	top: -15px;
	right: -20px;
}

/* Flat Infomation */
.header-top .flat-infomation li {
	line-height: 50px;
	margin-left: 18px;
	margin-right: 0px;
}

/* Flat Sign In */
.flat-sign-in {
	line-height: 50px;
}

.flat-sign-in a {
	padding-left: 20px;
}

/* Flat Social */
.flat-social li {
	display: inline-block;
	margin-left: 15px;
	line-height: 50px;
}

/* Flat Search */
.flat-search {
	line-height: 50px;
}

.flat-search .box-search > span {
	cursor: pointer;
	color: #1e1e27;
	padding-right: 20px;
	border-right: 1px solid #ebeaee;
}

/* Header
-------------------------------------------------------------- */
#header {
	background: #fff;
	position: relative;
}

/* Header Style1 */
#header.style1 {
	position: absolute;
	width: 100%;
	left: 0;
	background: transparent;
	z-index: 5;
}

#header.style1 #logo a,
#header.style1 .get-quote,
#header.style1 #mainnav > ul.menu > li > a,
#header.style1 .menu-extra > div > span,
#header.style1 ul.flat-unstyled > li,
#header.style1 .menu-extra .box-search form .input-search span.delete {
	line-height: 100px;
}

#header.style1 .menu-extra .box-search form {
	height: 100px;
}

#header.style1 #logo a,
#header.style2 #logo a {
	font-size: 36px;
}

#header.style1 #mainnav {
	margin-right: 82px;
}

#header.style1 #mainnav > ul.menu > li {
	margin-left: 39px;
}

#header.style1 .nav-wrap .btn-menu {
	margin-top: 42px;
	margin-right: 0px;
} 

/* Header Style1 V1 */
#header.style1.v1 {
	background: rgba(255, 255, 255, 0.05);
}

#header.style1.v1 #logo > a:not(:hover),
#header.style1.v1 #mainnav > ul.menu > li > a:not(:hover) {
	color: #fff;
}

#header.style1.v1 .btn-menu:before, 
#header.style1.v1 .btn-menu:after, 
#header.style1.v1 .btn-menu span {
	background-color: #fff;
}

#header.style1.v1 .get-quote > a {
	border: 2px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}

#header.style1.v1 #logo a,
#header.style1.v1 .get-quote,
#header.style1.v1 #mainnav > ul.menu > li > a,
#header.style1.v1 .menu-extra .box-search form .input-search span.delete {
	line-height: 80px;
}

#header.style1.v1.lh-100 #logo a,
#header.style1.v1.lh-100 .get-quote,
#header.style1.v1.lh-100 #mainnav > ul.menu > li > a,
#header.style1.v1.lh-100 .menu-extra .box-search form .input-search span.delete {
	line-height: 100px;
}

#header.style1.v1.lh96 #logo a,
#header.style1.v1.lh96 .get-quote,
#header.style1.v1.lh96 #mainnav > ul.menu > li > a,
#header.style1.v1.lh96 .menu-extra .box-search form .input-search span.delete {
	line-height: 96px;
}

#header.style1.v1.lh96 #mainnav {
	margin-right: 27px;
}

#header.style1.v1.lh96 #mainnav > ul.menu > li {
	margin-left: 51px;
}

#header.style1.v4 {
	background: rgba(255, 255, 255, 0.2);
}

#header.style1.v4 #logo a {
	font-size: 30px;
}

#header.style1.v4 .menu-extra {
	padding-right: 10px;
}

#header.style1.v4 #mainnav {
	margin-right: 295px;
}

/* Header Style2 */
#header.style2 {
	position: relative;
	z-index: 99;
}

#header.style2 .nav-wrap {
	float: none;
	text-align: center;
}

#header.style2 #logo a,
#header.style2 .get-quote,
#header.style2 #mainnav > ul.menu > li > a,
#header.style2 .menu-extra > div > span,
#header.style2 ul.flat-infomation.style1 li.phone,
#header.style2 ul.flat-unstyled > li,
#header.style2 .menu-extra .box-search form .input-search span.delete {
	line-height: 100px;
}

#header.style2 .menu-extra .box-search form {
	height: 100px;
}

#header.style2 .nav-wrap .btn-menu {
	margin-top: 42px;
} 

/* Header Style2 v1 */
#header.style2.v1 {
	background: transparent;
	position: absolute;
	width: 100%;
	border-bottom: 1px solid rgba(45, 44, 64, 0.1);
}

#header.style2.v1 #logo > a:not(:hover),
#header.style2.v1 #mainnav > ul.menu > li > a:not(:hover),
#header.style2.v1 .menu-extra > div > span {
	color: #fff;
}

#header.style2.v1 .nav-wrap .btn-menu span,
#header.style2.v1 .nav-wrap .btn-menu:after,
#header.style2.v1 .nav-wrap .btn-menu:before {
	background-color: #fff;
}

/* Header Style2 v2 */
#header.style2.v2 {
	background: #14141d;
}

#header.style2.v2 #logo a,
#header.style2.v2 .menu-extra > div > span,
#header.style2.v3 #logo a,
#header.style2.v3 .menu-extra > div > span {
	color: #fff;
}

#header.style2.v3 {
	position: absolute;
	top: 0;
	background: transparent;
	width: 100%;
	margin-top: 0px;
	bottom: auto;
}

#header.style2.v3 #logo a,
#header.style2.v1 #logo a {
	font-size: 30px;
}

#header.style2.v3 .menu-extra > div > span {
	font-size: 24px;
}

#header.style2.v4 {
	background-color: #f7f7f7;
}

#header.style2.v4.bg-white {
	background-color: #fff;
}

#header.style2.v4 #logo a {
	font-size: 30px;
}

#header.style2.v4 .menu-extra > div > span {
	font-size: 22px;
}

#header.style2.v5 #logo a,
#header.style2.v5 .get-quote,
#header.style2.v5 #mainnav > ul.menu > li > a,
#header.style2.v5 .menu-extra > div > span,
#header.style2.v5 ul.flat-infomation.style1 li.phone,
#header.style2.v5 ul.flat-unstyled > li,
#header.style2.v5 .menu-extra .box-search form .input-search span.delete {
	line-height: 116px;
}

#header.style2.v5 #logo a {
	font-size: 31px;
}

#header.style2.v5 .menu-extra {
	padding-right: 25px;
}

#header.style2.v5 .nav-wrap .btn-menu {
	margin-top: 52px;
}

#header.style2.v6 #logo a {
	font-size: 30px;
}

#header.style2.v6 #logo a:hover,
#header.style2.v6 .menu-extra > div > span:hover {
	color: #fff;
}

#header.style2.v6 {
	position: absolute;
	top: 0;
	background: transparent;
	width: 100%;
	margin-top: 0px;
	bottom: auto;
}

#header.style2.v6 .menu-extra > div > span {
	font-size: 24px;
	line-height: 122px;
}

#header.style2.v7 {
	min-height: 100px;
}

#header.style2.v7 #logo a,
#header.style2.v7 .get-quote,
#header.style2.v7 #mainnav > ul.menu > li > a,
#header.style2.v7 .menu-extra > div > span,
#header.style2.v7 ul.flat-infomation.style1 li.phone,
#header.style2.v7 ul.flat-unstyled > li,
#header.style2.v7 .menu-extra .box-search form .input-search span.delete {
	line-height: 97px;
}

#header.style2.v7 #mainnav ul.menu > li {
	margin-left: 39px;
}

#header.style2.v7 #mainnav {
	margin-right: 82px;
}


#header.style3 #logo {
	/*padding-left: 8px;*/
	width: 24.25em;
	height: 2.938em;
	margin-top: 22px;
}

#header.style3 .menu-extra {
	padding-right: 19px;
	margin-left: 20px;
}

#header.style3 .menu-extra > div > span {
	line-height: 47px;
}

#header.style3 ul.flat-unstyled > li {
	margin-left: 24px;
}

#header.style3 #mainnav.style1 {
	margin-right: 292px;
}

#header.style3 #mainnav ul.menu > li {
	margin-left: 39px;
}

/* Header Fix */
#header.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 1); 
	-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;
}

/* Header Fix */
/*
#header.downscrolled {
	position: fixed !important;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.8);
	top: -100px;
	opacity: 0;
	width: 100%;
	left: 0;
	z-index: 9999;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-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;
}
*/

#header.downscrolled {
	position: fixed !important;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
	border-bottom: 2px #233671 solid;
	top: -100px;
	opacity: 0;
	width: 100%;
	left: 0;
	z-index: 9999;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-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;
}

#header.upscrolled {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
	visibility: visible;
	top: 0 !important;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(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;
}
#header.style2.v1.upscrolled,
#header.style1.v1.upscrolled,
.boxed.style2 #header.style1.v1.upscrolled {
	background-color: #fff;
}
#header.style2.v1.upscrolled #logo > a:not(:hover), 
#header.style2.v1.upscrolled #mainnav > ul.menu > li > a:not(:hover),
#header.style1.v1.upscrolled #logo > a:not(:hover), 
#header.style1.v1.upscrolled #mainnav > ul.menu > li > a:not(:hover) {
	color: #1e1e27;
}
#header.style2.upscrolled {
	padding: 0 75px;
}
/* Logo */
#logo {
	width: 10%;
	text-align: left;
}

#logo a {
	font-size: 30px;
	line-height: 80px;
	font-weight: 700;
	display: inline-block;
}

/* Icon Header */
.nav-wrap {text-align:center;}
ul.flat-infomation{
	float: right;
}
.menu-extra {
	width: 100%;
	float: right;
	text-align: right;
	border-bottom: 1px #e1e1e1 solid;
}

.menu-extra > div {
	display: inline-block;
	margin-left: 15px;
	font-size: 20px;
	color: #333;
}

.menu-extra > div.box-search,
.menu-extra > div.box-stats {
	line-height: 47px;
}

.menu-extra > div.box-stats {
	position: relative;
}

.menu-extra > div:first-child {
	margin-left: 0px;
}

.menu-extra > div > span {
	cursor: pointer;
	display: inline-block;
	line-height: 50px;
}
.menu-extra i{
	vertical-align:middle;
}

.box-header.style1 span.icon_bag_alt i {
	color: #fff;
	font-family: 'Poppins';
	font-size: 10px;
	position: absolute;
	z-index: 5;
	bottom: -2px;
	left: 23px;
}

.box-header.style1 span.icon_bag_alt i:after {
	content: '';
	position: absolute;
	height: 14px;
	width: 14px;
	background: #1e1e27;
	border-radius: 50%;
	bottom: 33px;
	left: -3px;
	z-index: -1;
}

.box-header.style1 > span.icon_bag_alt {
	padding-right: 26px;
}

.menu-extra > div > span:hover {
	color: #1490d7;
}

.box-stats span i.numb-cart {
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	font-family: 'Poppins';
	bottom: 3px;
	left: 8px;
	z-index: 3;
	position: relative;
	display: inline-block;
}

.box-stats span i.numb-cart:before {
	content: '';
	position: absolute;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	top: 50%;
	left: -4px;
	z-index: -1;
	transform: translateY(-50%);
	background-color: #1e1e27;
}

/* Menu Extra Style1 */
.menu-extra.style1 > div.box-search, 
.menu-extra.style1 > div.box-stats,
.menu-extra.style1 > div > span,
.menu-extra.style1 > div.box-search form span {
	line-height: 49px;
}

.menu-extra.style1 > div.box-search form {
	height: 50px;
}

/* Box Cart */
.box-stats .subcart {
	position: absolute;
	top: 120%;
	right: 0;
	width: 370px;
	background: #fff;
	padding: 30px;
	box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}

.box-stats:hover .subcart {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.box-stats .subcart ul {
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.box-stats .subcart ul li {
	position: relative;
	margin-bottom: 10px;
}

.box-stats .subcart ul li:last-child {
	margin-bottom: 0px;
}

.box-stats .subcart ul li .info-product {
	line-height: 30px;
	margin-left: 20px;
	padding-top: 10px;
	font-family: 'Poppins';
}

.box-stats .subcart ul li .info-product .price {
	font-size: 18px;
}

.box-stats .subcart ul li .info-product .name {
	font-size: 16px;
}

.box-stats .subcart ul li .delete {
	position: absolute;
	top: 25px;
	right: 15px;
	line-height: 24px;
	cursor: pointer;
}

.box-stats .subcart .total-cart p {
	font-family: 'Poppins';
	font-weight: 300;
}

.box-stats .subcart .btn-cart a {
	display: block;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 600;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 2px solid #1e1e27;
	border-radius: 2px;
	margin-bottom: 18px;
}

.box-stats .subcart .btn-cart a.check-out {
	background: #1490d7;
	border-color: #1490d7;
	color: #fff;
	margin-bottom: 0px;
}

.box-stats .subcart .btn-cart a:hover {
	color: #fff;
	border-color: #0073b5;
}

/* Box Search */
.box-search:hover form .input-search {
	opacity: 1;
	visibility: visible;
}

.box-search form {
	position: absolute;
	top: 0;
	left: 0px;
	width: 0%;
	height: 80px;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}

.box-search form .input-search {
	height: 100%;
}

.box-search form .input-search input {
	height: 100%;
	width: 100%;
	border: none;
	border-radius: 0px;
}

.box-search form .input-search span.delete {
	position: absolute;
	font-size: 30px;
	line-height: 80px;
	right: 50px;
	top: 0;
	cursor: pointer;
}

/* Menu Canvas */
.menu-canvas {
	position: absolute;
	top: 0;
	right: -520px;
	padding: 80px 80px;
	width: 520px;
	background: #1e1e27;
	color: #fff;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
}

.menu-canvas .close {
	position: absolute;
	top: 30px;
	right: 30px;
	background: #35353d;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-radius: 50%;
}

.menu-canvas .close:hover i {
	-webkit-animation: fa-spin 2s infinite linear;
	/* animation: fa-spin 2s infinite linear; */
	-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;
}

.menu-canvas .widget-about,
.menu-canvas .widget-contact {
	padding: 75px 0;
}

.menu-canvas .widget-contact {
	border-top: 1px solid #363642;
	border-bottom: 1px solid #363642;
}

.menu-canvas .widget-about h5,
.menu-canvas .widget-contact h5 {
	color: #fff;
	line-height: 36px;
	margin-bottom: 10px;
}

.menu-canvas .widget-about p {
	color: #595959;
	line-height: 26px;
	letter-spacing: -0.6px;
}

.menu-canvas .widget-contact ul li {
	color: #595959
}

.menu-canvas .widget-contact ul li a {
	color: #595959;
	font-family: 'Nanum Gothic', sans-serif;
}

.menu-canvas .share-link {
	padding-top: 75px;
	padding-bottom: 75px;
}

.menu-canvas .share-link .social-ft {
	float: none;
}

.menu-canvas .share-link .social-ft li {
	margin-left: 0px;
	margin-right: 30px;
	line-height: 48px;
}

.menu-canvas .share-link .social-ft li a:not(:hover) {
	color: #fff;
}

.menu-canvas .share-link p.copyright {
	color: #999;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 400;
}

/* Menu Canvas Style1 */
.menu-canvas.style1 ul.menu {
	margin-bottom: 70px;
	margin-top: 50px;
}

.menu-canvas.style1 ul.menu li {
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	line-height: 70px;
}

.menu-canvas.style1 ul.menu li a:not(:hover) {
	color: #5a596a;
}

.menu-canvas.style1 .copyright,
.menu-canvas.style1 .share-link {
	text-align: center;
}

.menu-canvas.style1 .copyright {
	color: #595959;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Nanum Gothic', sans-serif;
}

.menu-canvas.style1 .share-link {
	padding: 15px 0 0;
}

.menu-canvas.style1 .share-link .social-ft li {
	margin-right: 0;
	padding: 0 20px;
}

.menu-canvas.style1 .share-link .social-ft li {
	font-size: 14px;
}

/* Flat Infomation */
ul.flat-infomation {
	margin-right: 60px;
}

ul.flat-infomation > li {
	display: inline-block;
	line-height: 80px;
	position: relative;
}

ul.flat-infomation > li.phone {
	font-weight: 300;
	margin-right: 45px;
	letter-spacing: 0.7px;
}

ul.flat-infomation > li.phone a {
	/* font-family: 'Raleway'; */
	/* letter-spacing: 0.1px; */
}

ul.flat-infomation > li.phone i {
	font-weight: 400;
	padding-right: 13px;
}

ul.flat-infomation > li.purchase a {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	line-height: 46px;
	background: #1490d7;
	width: 160px;
	text-align: center;
	border-radius: 2px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

ul.flat-unstyled {
	margin-right: 50px;
	padding-right: 50px;
	position: relative;
}

ul.flat-unstyled:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	background: #ebebeb;
	width: 1px;
	height: 20px;
	margin-top: -10px;
}

ul.flat-unstyled > li {
	position: relative;
	display: inline-block;
	line-height: 80px;
	margin-left: 30px;
}

ul.flat-unstyled > li a i {
	padding-left: 5px;
}

ul.flat-unstyled > li > ul.unstyled {
	position: absolute;
	top: 100px;
	left: 0;
	background: #fff;
	z-index: 5;
	width: 100px;
	padding: 5px 0;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
}

ul.flat-unstyled > li:hover > ul.unstyled {
	opacity: 1;
	visibility: visible;
	top: 80px;
}

ul.flat-unstyled > li > ul.unstyled li {
	line-height: 30px;
}

ul.flat-unstyled > li > ul.unstyled li a {
	padding: 0 10px;
	display: block;
	line-height: 30px;
}

/* Flat Infomation Style1 */
ul.flat-infomation.style1,
ul.flat-infomation.style1 li.phone {
	margin-left: 50px;
	margin-right: 0px;
}

ul.flat-infomation.style1 li.phone {
	margin-left: 0px;
}

ul.flat-infomation.style1 li.phone i {
	padding-right: 5px;
}

ul.flat-infomation.style1 li.phone a {
	height: 46px;
	line-height: 45px;
	width: 195px;
	color: #fff;
	border-radius: 2px;
	background: #1164b5;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
}

/* Get Quote */
.get-quote {
	line-height: 80px;
	margin-left: 50px;
}

.get-quote a {
	display: inline-block;
	font-weight: 600;
	color: #5a596a;
	font-size: 12px;
	height: 46px;
	line-height: 42px;
	padding: 0 42px 0 41px;
	border-radius: 23px;
	border: 1px solid #dddee0;
	vertical-align: middle;
}

.get-quote a:hover {
	color: #fff;
}

.get-quote.style1 {
	margin-left: 0px;
	margin-right: 57px;
}

.get-quote.style1 a {
	border-radius: 2px;
	border-width: 2px;
}

.get-quote.style2 a {
	padding: 0 39px 0 35px;
}

/* Main Navigation */
#mainnav {
	margin-right: 101px;
}

#mainnav ul.menu > li {
	display: inline-block;
	margin-left: 51px;
	text-align: left;
}

#mainnav ul.menu > li:first-child {
	margin-left: 0px;
}

#mainnav ul.menu > li.has-submenu {
	position: relative;
}

#mainnav ul.menu > li > a {
	line-height: 80px;
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #3d3d3d;
	margin-left: 30px;
}

#mainnav ul.menu > li.active > a,
#mainnav ul.menu > li > a:hover,
#header.style1.v1 #mainnav > ul.menu > li.active > a {
	color: #0079c2;
	font-weight: 700;
}

#mainnav.style1 {
	margin-right: 210px;
}

/* Mobile navigation
---------------------------------------------------------------*/
#mainnav-mobi {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 1000;
	background-color: #233671;
}

#mainnav-mobi > ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainnav-mobi ul li {
	margin:0;
	position: relative;
	text-align: left;
	border-top: 1px solid #364880;
	cursor: pointer
}

#mainnav-mobi ul > li > a {
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 20px;
	color: #fff;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
}

#mainnav-mobi ul > li > .menu-mega li.title {
	color: #fff;
	line-height: 50px;
	padding-left: 30px;
	font-weight: 600;
}

#mainnav-mobi ul.menu > li.active > a,
#mainnav-mobi ul.menu > li > a:hover,
#mainnav-mobi ul > li > .menu-mega li.active > a,
#mainnav-mobi ul > li > .menu-mega li.hover > a,
#mainnav-mobi ul > li > .submenu li.active > a,
#mainnav-mobi ul > li > .submenu li.hover > a {
	color: #fff;
}

#mainnav-mobi ul.sub-menu {
	top: 100%;
	left: 0;
	z-index: 2000;
	position: relative;
	background-color: #233671;
}

#mainnav-mobi > ul > li > ul > li {
	position: relative;
	border-top: 1px solid #333333;
}

#mainnav-mobi ul.sub-menu > li > a {
	display: block;
	text-decoration: none;
	padding: 0 50px;
	border-top-color: rgba(255,255,255,.1);
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
		 -o-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
	border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
	color: #fff;
}

/* btn Menu */
.btn-menu {
	display: none;
	float: right;
	position: relative;
	background: transparent;
	cursor: pointer;
	margin: 32px 0px 32px 0px;
	width: 26px;
	height: 16px;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after, 
.btn-menu span {
	background-color: #1e1e27;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after {
	content: "";
	position: absolute;
	top: 0;
	height: 2px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.btn-menu span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}

.btn-menu:before {
	-webkit-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}

.btn-menu:after {
	-webkit-transform: translate3d(0, 7px, 0);
	transform: translate3d(0, 7px, 0);
}

.btn-menu.active span {
	opacity: 0;
}

.btn-menu.active:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu.active:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.btn-submenu,
.btn-submenu-child {
   position: absolute;
   right: 0px;
   top: 0;
   font: 20px/50px 'FontAwesome';
   text-align: center;
   cursor: pointer;
   width: 50px;
   height: 50px;
}

.btn-submenu:before,
.btn-submenu-child:before {
   content: "\f107";
   color: #ffffff;
}

.btn-submenu.active:before,
.btn-submenu-child.active:before {
   content: "\f106"
}

.btn-submenu-child {
	right: 30px;
}

/* Page Title */
.page-title .title-heading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: left;
	margin-left: 40px;
}

.page-title .title-heading .box-title h1 {
	font-size: 32px;
	font-weight: 700;
	line-height: 27px;
	color: #fff;
	margin-bottom: 15px;
	margin-top: 14px;
	padding-left: 5px;
}

.breadcrumbs ul li {
	display: inline-block;
	padding-right: 6px;
	color: #fff;
}
.breadcrumbs ul li img {margin-top: -3px;}

.breadcrumbs ul li a:not(:hover) {
	color: #fff;
}

.breadcrumbs ul li a {
	font-family: 'Nanum Gothic', sans-serif;
}

.breadcrumbs ul li i {
	padding-left: 12px;
	color: #fff; opacity: 0.5;
}

/* Box Title Style1 */
.box-title.style1,
.page-title .title-heading .box-title.style1 h1,
.box-title.style1 .breadcrumbs ul li a:not(:hover) {
	color: #fff;
}

/* Box Title Style2 */
.box-title.style2 .breadcrumbs ul li i {
	padding-left: 5px;
}

.box-title.style2 .breadcrumbs ul li {
	color: #c2c1ca;
}

/* Page Title */
.page-title.style3 {
	padding: 23px 0;
	background: #f1f2f5;
}


/* Grid Two */
.grid {
	margin-left: -24.5px;
	margin-right: -24.5px;
	padding: 60px 0 8px;
	overflow: hidden;
}

.grid article.blog-post {
	width: 50%;
	float: left;
	padding: 0 24.5px 47px 24.5px;
	border-bottom: none;
}

.grid article.blog-post:first-child {
	padding-top: 0px;
}

.grid article.blog-post .entry-post-title {
	margin-top: 23px;
	margin-bottom: 0px;
}

.grid .blog-post .entry-post-title .top-post {
	letter-spacing: 2px;
}

.grid article.blog-post .entry-post-title h2 {
	/* margin-top: 10px; */
	line-height: 30px;
	font-size: 18px;
}

.grid article.blog-post .entry-post-title .post-date {
	margin-top: 6px;
}

/* Grid Two Style1 */
.grid.style1 {
	padding-top: 15px;
}

/* Grid Style2 */
.grid.style2 {
	margin: 0 0;
	padding-top: 0px;
}

.grid.style2 article.blog-post.style1 {
	width: 100%;
	float: none;
	overflow: hidden;
	padding: 50px 0 50px ;
	border-bottom: 1px solid #ebebeb;
}

.grid.style2 article.blog-post.style1:last-child {
	border-bottom: none;
}

.grid.style2 article.blog-post.style1 .featured-post {
	float: left;
	margin-right: 50px;
}

.grid.style2 article.blog-post.style1 .entry-post-title {
	text-align: left;
}

.grid.style2 article.blog-post.style1 .entry-post-title .post-title h2 {
	line-height: 28px;
}

.grid.style2 article.blog-post.style1 .entry-post-title .post-title {
	margin-top: 18px;
	margin-bottom: 5px;
}

.grid.style2 article.blog-post.style1 .entry-post-title h2 a {
	font-size: 24px;
}

.grid.style2 article.blog-post.style1 .content-post {
	margin-top: 23px;
}

.wrap-post > .blog-post.style1.v2 .content-post,
.grid.style2.v1 {
	margin-right: 70px;
	margin-left: 70px;
}

.grid.style2.v1 article.blog-post.style1.v2:first-child {
	padding-top: 0px;
}

.grid.style2.v1 article.blog-post.style1.v2 .entry-post-title {
	margin-top: 51px;
}

.grid.style2 article.blog-post.style1 .entry-post-title .post-title h2

.grid.style2 article.blog-post.style1:first-child {
	padding-top: 60px;
}

.grid.style2 article.blog-post.style1:last-child {
	padding-bottom: 42px;
}

.grid.style2 .blog-post.style1.v1:first-child {
	padding-top: 15px;
}

/* Grid Three */
.grid.three article.blog-post {
	width: 33.3%;
	text-align: center;
}

.grid.three.style1 article.blog-post {
	padding-bottom: 46px;
}

.blog-post.style2 .entry-post-title {
	margin-bottom: 36px;
}

.blog-post.style3 .content-post {
	margin-top: 33px;
}



/* SideBar
-------------------------------------------------------------- */
.sidebar {
	padding-left: 20px;
	padding-top: 5px;
}

.sidebar .widget {
	padding-bottom: 42px;
}

.sidebar .widget .widget-title h3 {
	font-size: 22px;
	margin-bottom: 13px;
	font-weight: 500;
}




/* Footer
-------------------------------------------------------------- */
footer {
	background: #1e1e27;
	padding: 62px 0 74px;
}

.widget-ft h3.title {
	color: #1490d7;
	font-weight: 600;
	line-height: 48px;
	font-size: 14px;
	margin-bottom: 11px;
	letter-spacing: 0.3px;
}

.widget-ft p {
	word-break: break-word;
}

/* Widget Contact */
.widget-contact ul.flat-contact li {
	color: #c2c1ca;
	margin-bottom: 24px;
	font-family: 'Poppins';
	font-weight: 300;
	letter-spacing: -0.1px;
}

.widget-contact ul.flat-contact li.phone {
	letter-spacing: 1px;
}

.widget-contact ul.flat-contact li.open-hours {
	letter-spacing: 0.3px;
}

/* Widget Link Categories */
.widget-link-cat {
	overflow: hidden;
}
.widget-link-cat ul.one-half {
	width: 44%;
	float: left;
}

.widget-link-cat ul.one-half li {
	margin-bottom: 12px;
	font-weight: 300;
}

.widget-link-cat ul.one-half li a:not(:hover) {
	color: #c2c1ca;
}

/* Widget Link Categories Style2 */
.widget-link-cat ul li i {
	padding-right: 15px;
	color: #5a596a;
	font-size: 8px;
}

/* Widget Lastest News */
.widget-lastest-news ul.flat-lastest-news li {
	margin-bottom: 18px;
}

.widget-lastest-news ul.flat-lastest-news li a:not(:hover) {
	color: #c2c1ca;
}

.widget-lastest-news ul.flat-lastest-news li p {
	font-size: 12px;
	color: #999;
}

.widget-lastest-news ul.flat-lastest-news li p span:first-child {
	margin-right: 11px;
}

.widget-lastest-news ul.flat-lastest-news li p span i {
	padding-right: 3px;
}

/* Widget Twitter Feed */
.widget-twitter-feed h3.title {
	margin-bottom: 12px;
}

.widget-twitter-feed p {
	color: #c2c1ca;
	font-family: 'Poppins';
	line-height: 26px;
}

.widget-twitter-feed span {
	color: #999;
	font-size: 12px;
	margin-top: 12px;
	display: block;
}

/* Widget Newsletter */
.widget-newsletter {
	padding-right: 20px;
}

.widget-newsletter p,
.widget-newsletter ul.social-ft li a:not(:hover) {
	color: #c2c1ca;
}

.widget-newsletter p {
	font-family: 'Poppins';
}

.widget-newsletter .subscrible-email {
	position: relative;
	margin: 25px 0;
}

.widget-newsletter .subscrible-email input {
	border-radius: 4px;
	padding: 10px 125px 10px 21px;
}

.widget-newsletter .subscrible-email button {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	width: 119px;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.widget-newsletter ul.social-ft {
	float: left;
}

.widget-newsletter ul.social-ft li {
	margin-left: 0px;
	margin-right: 37px;
}

.widget-contact ul.flat-contact li:last-child,
.widget-link-cat ul.one-half li:last-child,
.widget-lastest-news ul.flat-lastest-news li:last-child {
	margin-bottom: 0px;
}

/* Widget Contact Style1 */
.widget-contact.style1 ul.flat-contact li {
	margin-bottom: 12px;
}

/* Widget About */
.widget-ft.widget-about h3 {
	font-weight: bold;
	margin-bottom: 22px;
}

.widget-ft.widget-about h3 a {
	color: #f4ab1d;
}

.widget-ft.widget-about p {
	font-family: 'Poppins';
	font-weight: 300;
	color: #c2c1ca
}

#subscribe-content {
	position: relative;
}

.widget-ft.widget-about form {
	margin-top: 23px;
}

.widget-ft.widget-about form .input-email #subscribe-email {
	background: transparent;
	height: 40px;
	border-radius: 0px;
	border: 1px solid #5a596a;
	color: #5a596a;
	padding-left: 19px;
}

.widget-ft.widget-about form #subscribe-button {
	position: absolute;
	background: transparent;
	color: #f4ab1d;
	top: 0;
	right: 0px;
	height: 40px;
	padding: 0 15px;
}

.widget-ft.widget-about form #subscribe-button:hover {
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	transform: rotate(35deg);
}

.widget-link-cat.style1 {
	padding-left: 40px;
}

/* Footer Style2
---------------------------------------------------------------*/
footer.style2 {
	padding: 62px 0;
}

.logo-ft a {
	font-size: 36px;
	font-weight: bold;
}

.widget-about .social-ft {
	margin: 25px 0 17px;
	float: none;
}

.widget-about .social-ft li {
	margin-right: 28px;
	margin-left: 0px;
}

footer.style2 .widget-about p {
	letter-spacing: -0.2px;
	font-family: 'Poppins';
}

.widget-menu-ft,
.widget-information {
	padding-top: 6px;
	overflow: hidden;
}

.widget-menu-ft .one-half:nth-child(2) {
	padding-left: 15px;
}

.widget-menu-ft ul li,
.widget-information ul li {
	line-height: 30px;
}

.widget-menu-ft ul li a:not(:hover) {
	color: #5a596a;
}

.widget-information ul li {
	font-family: 'Poppins';
}

/* Footer Style3
---------------------------------------------------------------*/
footer.bg-image {
	background: url('../images/page/bg-02.jpg');
}

footer.style3 {
	padding: 0;
}

footer.style3 .footer-top {
	padding: 100px 0 100px;
}

/* Contact Classic Style1 */
.contact-classic.style1 {
	padding-top: 19px;
}

.contact-classic.style1 > p {
	color: #f2ce09;
	line-height: 42px;
}

.contact-classic.style1 h2 {
	letter-spacing: 0.6px;
	margin-bottom: 26px;
}

.contact-classic.style1 h2,
.contact-classic.style1 ul.flat-contact li {
	color: #fff;
}

.contact-classic.style1 h2 span {
	font-family: 'Playfair Display';
	font-style: italic;
}

.contact-classic.style1 ul.flat-contact li {
	margin-bottom: 0px;
	line-height: 38px;
}

.contact-classic.style1 ul.flat-contact li.phone {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

.contact-classic.style1 ul.flat-contact li.email {
	font-family: 'Playfair Display';
	font-style: italic;
	text-decoration: underline;
	font-size: 16px;
}

.contact-classic.style1 ul.flat-contact li.address {
	font-weight: 600;
	letter-spacing: 0.4px;
}

.contact-classic.style1 ul.flat-contact li.address span {
	font-size: 16px;
}

.contact-classic.style1 .btn-submit {
	margin-top: 36px;
}

.contact-classic.style1 .btn-submit a {
	display: inline-block;
	height: 46px;
	line-height: 42px;
	font-size: 12px;
	padding: 0 49px;
	font-weight: 600;
	color: #fff;
	border: 2px solid #f2ce09;
	border-radius: 23px;
}

/* Footer Bottom */
footer.style3 .footer-bottom {
	background: transparent;
	padding: 70px 0 72px;
	border-top: 1px solid #313131;
}

/* Logo footer */
footer.style3 .footer-bottom .logo-ft {
	width: 34.188%;
	padding-top: 13px;
}

footer.style3 .footer-bottom .logo-ft a {
	color: #f2ce09;
}

footer.style3 .footer-bottom .logo-ft p.copyright {
	margin-top: 23px;
	color: #fff;
	float: none;
	letter-spacing: 0px;
}

/* Widget About */
footer.style3 .footer-bottom .widget-about-ft {
	width: 29%;
}

footer.style3 .footer-bottom .widget-about-ft .widget-title {
	color: #f2ce09;
	font-weight: bold;
	font-family: 'Poppins';
	line-height: 36px;
	margin-bottom: 5px;
}

footer.style3 .footer-bottom .widget-about-ft .widget-content p {
	color: #fff;
	line-height: 26px;
}

footer.style3 .footer-bottom .social-ft.style1 {

}

/* Social footer Style1 */
.social-ft.style1 {
	padding-top: 32px;
}

.social-ft.style1 li {
	margin-left: 6px;
}

ul.social-ft.style1 li a {
	display: inline-block;
	color: #1e1e27;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}

.footer-bottom ul.social-ft.style1 li a:not(:hover) {
	color: #1e1e27;
}

ul.social-ft.style1 li a i {
	position: absolute;
	top: 0;
	line-height: 40px;
	left: 50%;
	transform: translateX(-50%);
}

ul.social-ft.style1 li a:hover i:nth-child(1) {
	top: -35px;
}

ul.social-ft.style1 li a i:nth-child(2) {
	top: 35px;
	opacity: 0;
	visibility: hidden;
}

ul.social-ft.style1 li a:hover i:nth-child(2) {
	top: 0;
	opacity: 1;
	visibility: visible;
}

/* Social footer Style1 v1 */
.widget-about .social-ft.style1.v1 {
	float: none;
}

.social-ft.style1.v1 li {
	margin-right: 0px;
}

.social-ft.style1.v1 li a:hover {
	background: #1e1e27;
	color: #fff
}

/* Social footer Style1 v2 */
.widget-about .social-ft.style1.v2 {
	float: none;
}

.social-ft.style1.v1 li {
	margin-right: 0px;
}

.social-ft.style1.v1 li a:hover {
	background: #1e1e27;
	color: #fff
}

/* Footer Style3 v1 */
footer.style3.v1 {
	background: #fff;
}

footer.style3.v1 .contact-classic.style1 h2, 
footer.style3.v1 .contact-classic.style1 ul.flat-contact li,
footer.style3.v1 .footer-bottom .logo-ft p.copyright,
footer.style3.v1 .footer-bottom .widget-about-ft .widget-content p {
	color: #1e1e27;
}

footer.style3 .footer-bottom {
	border-top: 1px solid #e5e5e5;
}

/* Footer Style4
-------------------------------------------------------------- */
footer.style4 {
	border-bottom: 1px solid #35353d;
	padding: 78px 0 72px;
}

footer.style4 .widget-menu .menu-ft.style1.left li {
	margin-right: 57px;
}

footer.style4 .widget-menu .menu-ft.style1.left li:last-child {
	margin-right: 0px;
}

footer.style4 .widget-menu .menu-ft.style1.right li {
    margin-left: 0;
    padding: 0 41px 0 16px;
}

/* Menu Footer Style1 */
.menu-ft.style1.left li {
	margin-left: 0;
	margin-right: 62px;
}

.menu-ft.style1.left li:last-child {
	margin-right: 0px;
}

.menu-ft.style1 li a {
	color: #c2c1ca;
	font-size: 12px;
}

.menu-ft.style1.right li {
	margin-left: 62px;
	margin-right: 0px;
}

.menu-ft.style1.right li:first-child {
	margin-left: 0px;
}

.logo-ft.style1 a {
	font-size: 30px;
	color: #fff;
}

/* Social Style1 v1 */
ul.social-ft.style1.v1 {
	padding-top: 35px;
	float: none;
}

ul.social-ft.style1.v1 li {
	margin: 0 3px;
}

footer.style4 ul.social-ft.style1.v1 li a {
	background: #30303a;
	color: #fff;
}

footer.style4 ul.social-ft.style1.v1 li a:hover {
	background: #ff4242;
}

.footer-bottom ul.social-ft.style1.v1 li a.bg-green:not(:hover) {
	background: #ebf1f7;
	color: #1e1e27;
}

ul.social-ft.style1.v1 li a.bg-green:hover {
	background: #1e1e27;
	color: #fff;
}

/* Footer Bottom Style2 */
.footer-bottom.style2 {
	background: #1e1e27;
	padding: 18px 0 18px;
}

/* Flat Language Style2 */
.flat-language.style2 {
	line-height: 24px;
}

.flat-language.style2,
.footer-bottom.style2 .email {
	display: inline-block;
	text-align: right;
}

.flat-language.style2 > a:before {
	content: '';
}

.flat-language.style2 > a:after {
	content: '\f0d7';
}

.flat-language.style2 > a {
	color: #5a596a;
	margin-right: 28px;
	border-color: #35353d;
	padding-left: 0px;
	font-family: 'Raleway';
	padding-right: 42px;
}

.flat-language.style2 ul.unstyled {
	bottom: 0;
	top: auto;
	left: 0;
	text-align: left;
	background: #1e1e27;
}

.flat-language.style2:hover ul.unstyled {
	top: auto;
	bottom: 22px;
}

.flat-language.style2 ul.unstyled li a {
	color: #5a596a;
}

.flat-language.style2 ul.unstyled li a:hover {
	background: #fff;
}

/* Footer Style5
-------------------------------------------------------------- */
footer.style5 {
	padding: 61px 0 61px;
}

footer.style5 .widget-ft h3.title {
	margin-bottom: 24px;
}

footer.style5 .widget-ft.widget-lastest-news h3.title {
	margin-bottom: 26px;
}

footer.style5 .widget-ft.widget-lastest-news ul li {
	margin-bottom: 18px;
}

footer.style5 .widget-ft.widget-lastest-news ul li .news-content {
	margin-top: -7px;
}

footer.style5 .widget-ft.widget-lastest-news ul li .news-content p {
	padding-top: 7px;
}

footer.style5 .widget-ft.widget-lastest-news ul li .news-content p span:first-child {
	margin-right: 14px;
}

footer.style5 .widget-ft.widget-instagram h3.title {
	margin-bottom: 27px;
}

/* Footer Style6
-------------------------------------------------------------- */
footer.style6 {
	padding: 62px 0 73px;
}

footer.style6 .widget-ft h3.title {
	margin-bottom: 24px;
}

footer.style6 .widget-link-cat.style1 {
	padding-left: 0px;
}

footer.style6 .widget-newsletter h3.title {
	margin-bottom: 18px;
}

footer.style6 .widget-newsletter .subscrible-email {
	margin: 25px 0 33px;
}

footer.style6 .widget-newsletter .subscrible-email input {
	height: 40px;
}

footer.style6 .widget-newsletter .subscrible-email button {
	height: 40px;
	width: 109px;
}

/* Footer Style7
-------------------------------------------------------------- */
footer.style7 {
	padding: 67px 0 73px;
}

footer.style7 .widget-about {
	padding-top: 9px;
}

footer.style7 .widget-about h3 {
	margin-bottom: 17px;
}

footer.style7 .widget-about p {
	letter-spacing: 0px;
}

footer.style7 .widget-ft h3.title {
	margin-bottom: 14px;
}

/* Widget Gallery */
footer.style7 .widget-ft.widget-gallery h3.title {
	margin-bottom: 21px;
}

.widget-gallery ul li {
	overflow: hidden;
}

.widget-gallery ul li a:hover img {
	transform: scale(1.2);
}

.widget-gallery ul li a {
	position: relative;
	display: block;
}

.widget-gallery ul li a:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
	background: rgba(244, 171, 29, 0.6);
}

.widget-gallery ul li a:hover:before {
	opacity: 1;
	visibility: visible;
}

/* Footer Style8
-------------------------------------------------------------- */
footer.style8 {
	padding: 67px 0 54px;
}

/* Widget About Style1 */
 .widget-about.style1 .logo-ft {
 	margin-bottom: 20px;
 }

.widget-about.style1 .logo-ft a:not(:hover) {
	color: #fff;
}

.widget-about.style1 ul.flat-infomation {
	float: none;
}

.widget-about.style1 ul.flat-infomation > li {
	line-height: 30px;
	font-weight: 300;
}

.widget-about.style1 ul.flat-infomation > li a:not(:hover) {
	color: #c2c1ca;
}

.widget-about.style1 ul.flat-infomation > li a i {
	margin-right: 13px;
	width: 14px;
	color: #f06325;
}

.widget-about.style1 ul.social-ft {
	margin-top: 30px;
	padding-top: 0px;
}

.widget-about.style1 ul.social-ft li {
	margin-left: 0px;
	margin-right: 6px;
}

.widget-about.style1 ul.social-ft li a {
	background-color: #35353d;
	color: #fff;
}

.widget-about.style1 ul.social-ft li a:hover {
	background-color: #f06325;
}

/* Widget Menu Footer Style1 */
.widget-menu-ft.style1 .widget-title {
	font-family: 'Poppins';
	font-weight: 600;
	color: #fff;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.widget-menu-ft.style1 ul li {
	font-weight: 300;
	line-height: 36px;
}

.widget-menu-ft.style1 ul li a:not(:hover) {
	color: #c2c1ca;
}

/* Footer Bottom
-------------------------------------------------------------- */
.footer-bottom {
	background: #191921;
	padding: 12px 0 12px;
}

.footer-bottom.style1 {
	background: transparent;
	padding: 79px 0 95px;
}

.footer-bottom.style1 .logo-ft a {
	font-size: 30px;
}

.footer-bottom.style1 ul.social-ft.style1.v1 {
	padding-top: 10px;
	margin-bottom: 15px;
}

.footer-bottom.style1.v1 {
	padding-top: 59px;
}

.footer-bottom p.copyright {
	float: left;
	line-height: 26px;
	letter-spacing: -0.2px;
	color: #999;
}

.footer-bottom p.copyright a {
	color: #c2c1ca;
}

.social-ft {
	float: right;
	padding-top: 2px;
}

.social-ft li {
	display: inline-block;
	margin-left: 34px;
}

.footer-bottom ul.social-ft li a:not(:hover) {
	color: #c2c1ca;
}

/* Footer Bottom Style3 */
.footer-bottom.style3 {
	padding: 10px 0;
}

.footer-bottom.style3 .copyright {
	font-family: 'Poppins';
	font-weight: 300;
	letter-spacing: 0px;
}

.footer-bottom.style3 ul.menu-ft li {
	margin-left: 0px;
}

.footer-bottom.style3 ul.menu-ft li a {
	border-left: 1px solid #5a596a;
	padding-left: 10px;
    padding-right: 10px;
	line-height: 1;
}

.footer-bottom.style3 ul.menu-ft li:first-child a {
	border-left: none;
}

.footer-bottom.style4 {
	padding: 14px 0 14px;
}

.footer-bottom.style4 p.copyright {
	font-size: 16px;
	letter-spacing: -0.75px;
}

/* Menu Footer */
.menu-ft li {
	display: inline-block;
	margin-left: 35px;
}

.menu-ft li a {
	font-weight: 300;
}

.menu-ft li a:not(:hover) {
	color: #5a596a;
}

/* Footer Bottom Style5 */
.footer-bottom.style5 {
	padding: 10px 0 13px;
}

.footer-bottom.style5 p.copyright {
	font-family: 'Poppins';
	letter-spacing: -0.1px;
}

.footer-bottom.style5 .social-ft li {
	margin-left: 33px;
}

.footer-bottom.style5 .social-ft li:first-child {
	margin-left: 0px;
}

/* Flat Partner
-------------------------------------------------------------- */
.flat-partner {
	line-height: 140px;
}

.flat-partner ul.owl-carousel li {
	text-align: center;
}

.flat-partner.style1 {
	border-bottom: 1px solid #e5e5e5;
}

.flat-partner.style2 {
	border-top: 1px solid #ebebeb;
}

.flat-partner.style3 {
	line-height: 160px;
}

#subscribe-msg {
	color: #1490d7;
}

/* Preload
-------------------------------------------------------------- */
.preloader {
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

[data-loader="circle-side"] {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  -webkit-animation: circle infinite .95s linear;
  -moz-animation: circle infinite .95s linear;
  -o-animation: circle infinite .95s linear;
  animation: circle infinite .95s linear;
  border: 3px solid #3f4079;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-right-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*
.dizzy-gillespie {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	filter: saturate(3);
	width: 0.1px;
	height: 0.1px;
	border: 40px solid transparent;
	border-radius: 5px;
	animation: loader 3s ease-in infinite, spin 1s linear infinite;
}

.dizzy-gillespie::before {
	filter: saturate(0.3);
	display: block;
	position: absolute;
	z-index: -1;
	margin-left: -40px;
	margin-top: -40px;
	content:'';
	height:0.1;
	width:0.1;
	border: 40px solid transparent;
	border-radius: 5px;
	animation: loader 2s ease-in infinite reverse, spin 0.8s linear infinite reverse;
}

.dizzy-gillespie::after {
	display: block;
	position: absolute;
	z-index: 2;
	margin-left: -10px;
	margin-top: -10px;
	content:'';
	height:20px;
	width:20px;
	border-radius: 20px;
	background-color: white;
}

@keyframes loader {
	0% {border-bottom-color:transparent;border-top-color:#114357}
	25% {border-left-color:transparent;border-right-color:#826C75}
	50% {border-top-color:transparent;border-bottom-color:#F29492}
	75% {border-right-color:transparent;border-left-color:#826C75}
	100% {border-bottom-color:transparent;border-top-color:#114357}
}

@keyframes spin {
	0% {transform: rotate(0deg) }
	100% {transform: rotate(-360deg) }
}
*/

/* Switcher
-------------------------------------------------------------- */
.switcher-container {
   position: fixed;
   left: -220px;
   top: 139px;
   width: 220px;
   background-color: #000;
   z-index: 99999999;
}

.switcher-container h2 {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
    text-transform: uppercase;
	height: 45px;
	line-height: 45px;
	padding-left: 45px;
    padding-right: 0;
	margin: 0;
}

.switcher-container h2 a {
   background-color: #000;
   display: block;
   position: absolute;
   right: -45px;
   top: 0;
   width: 45px;
   height: 45px;
   line-height: 45px;
   text-align: center;
   outline: 0;
   color: #fff;
   -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;
}

.switcher-container h2 a.active {
	right: 0;
}

.switcher-container h2 a.active:after {
	position: absolute;
	left: 21px;
	top: 0;
	content: "\f104";
	font-family: "FontAwesome";
	color: #1490d7;
	font-size: 22px;
}

.switcher-container h2 a.active i {
	display: none;
}

.switcher-container h2 a:hover,
.switcher-container h2 a:focus {
   text-decoration: none;
}

.switcher-container h2 i {
   	margin-top: 10px;
   	font-size: 25px;
   	color: #1490d7;
    -webkit-animation: fa-spin 2s infinite linear;
            animation: fa-spin 2s infinite linear; 
    -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;
}

.switcher-container h2 i:hover {
	color: #fff;
}

.switcher-container h3 {
   font-size: 12px;
   font-weight: 700;
   color: #fff;
   margin: 0;
   line-height: 22px;
   margin-bottom: 10px;
}

.switcher-container .selector-box {   
   color: #fff;
   overflow: hidden;
}

.switcher-container .layout-switcher {
   margin: 0 0 10px 0;
   overflow: hidden;
}

.switcher-container .layout-switcher a.layout {
   float: left;
   display: block;
   cursor: pointer;
   text-align: center;
   font-weight: 700;
   padding: 10px 20px;
   margin-left: 10px;
}

.switcher-container .layout-switcher a.layout:first-child {
   margin-left: 0;
}

.switcher-container .layout-switcher a.layout:hover {
   color: #fff;
   cursor: pointer;
}

.switcher-container .color-box {
   height: auto;
   overflow: hidden;
   margin-bottom: 6px;
}

.switcher-container .styleswitch {
    margin-bottom: 10px;
}

.sw-odd {
	background-color: #272727;
	padding: 15px 0 10px 20px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}

.sw-even {
	background-color: #191919;
	padding: 21px 0 25px 20px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}

.sw-even a {	
	font-family: "Karla", sans-serif;
    text-transform: uppercase;
	font-size: 12px;
	line-height: 40px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 20px 10px 20px;
	margin-right: 10px;
	letter-spacing: 1.8px;
}

.sw-even a:hover {
	background-color: #32bfc0;
	border: 1px solid #32bfc0;
	color: #fff !important;
}

.sw-light {
	background-color: #fff;
	color: #000 !important;
}

.sw-odd a {	
	font-size: 16px;
	color: #fff;
	width: 100%;
	display: inline-block;
	line-height: 17px;
	width: 100%;
	position: relative;
	padding-left: 47px;
}

.sw-odd .ws-colors a:before {
	background: none;
}

.sw-odd .ws-colors a {
	position: relative;
	width: auto;
	padding: 0;	
	width: 30px;
	height: 30px;
	background-color: #333;	
	display: inline-block;
	margin-right: 5px;	
	overflow: hidden;
}

.sw-odd .ws-colors a.current:before {
	position: absolute;
    left: 8px;
    top: 6px;
	font-family: FontAwesome;
	content: "\f00c";
	color: #fff;
	z-index: 999;
	text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );
}

.sw-odd .ws-colors #color1 {
	background-color: #1490d7;
}

.sw-odd .ws-colors #color2 {
	background-color: #14c7d7;
}

.sw-odd .ws-colors #color3 {
	background-color: #11d576;
}

.sw-odd .ws-colors #color4 {
	background-color: #f2ce09;
}

.sw-odd .ws-colors #color5 {
	background-color: #1164b5;
}

.sw-odd .ws-colors #color6 {
	background-color: #241cca;
}

.sw-odd .ws-colors #color7 {
	background-color: #a055c3;
}

.sw-odd .ws-colors #color8 {
	background-color: #65b184;
}

.sw-odd .ws-colors #color9 {
	background-color: #f4ab1d;
}

.sw-odd .ws-colors #color11 {
	background-color: #fe3c87;
}

.sw-odd #color2 {
	background-color: #333;
}

.sw-odd .ws-colors a#color2:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #ff5f2e;
}

.sw-odd #color3 {
	background-color: #333;
}

.sw-odd .ws-colors a#color3:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #30a9de;
}

.sw-odd #color4 {
	background-color: #333;
}

.sw-odd .ws-colors a#color4:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #d9e1e8;
}

.sw-odd #color5 {
	background-color: #333;
}

.sw-odd .ws-colors a#color5:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #090707;
}

.sw-odd #color6 {
	background-color: #333;
}

.sw-odd .ws-colors a#color6:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #79bd9a;
}

.sw-even h3 {
	margin-bottom: 6px;
}

/* Pattern */
.sw-pattern.pattern {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   	filter: alpha(opacity=0);
	   opacity: 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;
	position: absolute;
	left: 0;
	top: 98%;
	background-color: #000000;
	width: 100%;
	z-index: -1;
	padding: 20px 0 30px 20px;
}

.sw-pattern.pattern a {	
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.sw-pattern.pattern a.current:before {
	position: absolute;
    left: 12px;
    top: 6px;
	font-family: FontAwesome;
	content: "\f00c";
	color: #fff;
	text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );
}

/*switcher image*/
.sw-odd .sw-image {
	 padding: 0 20px 15px 0;
}

.sw-odd .sw-image a{
	padding: 0;
	margin-bottom: 5px;
}

.sw-odd .sw-image .sw-buy {
	width: 100%;	
    border: none;
    background: #6f9a37; 
    position: relative;	
    height: 35px;
    line-height: 37px;
    border-radius: 0;
}

.sw-odd .sw-image .sw-buy:before {
	content: "\f07a";
	font-family: "FontAwesome";
	color: #fff;
	position: absolute;
	left: 20%;
	top: -1px;
}

.sw-odd .sw-image .sw-buy:hover {
	background: #2e363a;
}

/* Pattern */
.sw-pattern.pattern {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   	filter: alpha(opacity=0);
	   opacity: 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;
	position: absolute;
	left: 0;
	top: 98%;
	background-color: #000000;
	width: 100%;
	z-index: -1;
	padding: 20px 0 30px 20px;
}

.sw-pattern.pattern a {	
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.sw-pattern.pattern a.current:before {
	position: absolute;
    left: 12px;
    top: 6px;
	font-family: FontAwesome;
	content: "\f00c";
	color: #fff;
	text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );
}

/*switcher image*/
.sw-odd .sw-image {
	 padding: 0 20px 15px 0;
}

.sw-odd .sw-image a{
	padding: 0;
	margin-bottom: 5px;
}

.sw-odd .sw-image .sw-buy {
	width: 100%;	
    border: none;
    background: #6f9a37; 
    position: relative;	
    height: 35px;
    line-height: 37px;
    border-radius: 0;
}

.sw-odd .sw-image .sw-buy:before {
	content: "\f07a";
	font-family: "FontAwesome";
	color: #fff;
	position: absolute;
	left: 20%;
	top: -1px;
}

.sw-odd .sw-image .sw-buy:hover {
	background: #2e363a;
}

.home-boxed .boxed {
    max-width: 1300px;
    margin: 0 300px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    z-index: -2;
    background-color: #fff;    
    box-shadow: 0 0 16px 1px #7f7f7f;
    overflow: hidden;
}


.cont-pd {padding: 0px 32px !important;}

/* inc. lnb */
.sidebar.lnb .aside {
  height: 100%;
  float: left;
  width: 89%; 
	max-width: 255px;
  display: block;
  padding: 0 0 0px;
  box-sizing: border-box;
  margin: 0 30px 0 0;
  @include respond-to('lg')  {
  display: none;
  }
}			
.sidebar.lnb .aside > strong {
	font-family: 'Noto Sans KR', sans-serif;
  font-size: 30px;
  font-weight: 700;
  /*font-size: 2.4rem;*/
  letter-spacing: -1px;
  display: block;
  padding: 0 0 20px 10px;
  border-bottom: 2px solid #000;
  color: #333333;
  line-height: 1.3; 
  }
.sidebar.lnb .nav { 
	width: 100%; 
	max-width: 255px;
	display: block;
	}
.sidebar.lnb .nav strong {
  font-size: 16px;
  display: block;
  padding: 12px 0 11px;
  border-bottom: 1px solid #999;
  color: #333;
  position: relative; 
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  }
.sidebar.lnb .nav strong .fa {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 10px;
    color: #999; 
    }
.sidebar.lnb .nav strong a {
    display: block; 
    }
.sidebar.lnb .nav ul {
  background: #f3f5f9;
  border-bottom: 1px solid #999; 
  }
.sidebar.lnb .nav ul > li:first-child a {
    border-top: 0; 
    }
.sidebar.lnb .nav ul > li a {
    display: block;
    border-top: 1px solid #ccc;
    padding: 7px 0 6px;
    margin: 0 20px;
    letter-spacing: -1px;
    color: #666;  
    }
.sidebar.lnb .nav ul > li a:hover, .sidebar.lnb .nav ul > li a.active {
      background: #0079c2;
      color: #fff;
      padding: 7px 20px 6px;
      margin: 0; 
      }
.sidebar.lnb .nav ul > li a.current {
      background: #0079c2;
      color: #fff;
      padding: 7px 20px 6px;
      margin: 0; 
      }      			
.sidebar.lnb .nav strong a.current {color: #1490d7;}      
      
/* 占쏙옙占쏙옙占쏙옙 Header */

.cont-tit-box{position:relative;display:block;width:100%;margin-bottom: 2rem;padding:1rem 2.5rem;border-bottom:1px solid #dee4ed;z-index:1;}
.snav-util{display:block;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:inline-block;float:right;}
.snav-util > li{position:relative;float:left;}
.snav-util > li > a{position:relative;display:block;width:1.5rem;height:1.5rem;margin-right:1.1rem;}
.snav-util > li.print > a{margin:0 0 0 1.1rem;width:124px; height:50px;}
.snav-util > li > a::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;height:100%;content:'';}
.snav-util > li.print > a::before{}

.share-wrap{display:none;position:absolute;top:70px;right:-5rem;padding:1rem 1.35rem;border:1px solid #dfe5eb;background:#fff;box-shadow:0 .4rem .5rem rgba(0,0,0,0.15);transition:none;-webkit-transition:none;z-index:1}
.link-ipt{display:block;position:relative;padding-right:60px}
.link-ipt .form-control{width:100%;height:2.25rem;padding:.5rem;font-weight:400;font-size:.8rem;line-height:1.7857rem;color:#2e343f;letter-spacing:-0.03571rem}
.link-ipt .form-control:hover,.link-ipt .form-control:focus{border-color:#bcc2ce !important}
.link-ipt .input-btn{position:absolute;top:0;right:0;width:3rem;height:2.25rem}
.link-ipt .input-btn > a{display:block;width:100%;height:100%;padding:.25rem .5rem;border:0 none;background:#2e343f;text-align:center}
.link-ipt .input-btn i[class*="xi-"]{font-size:1.5rem;line-height:1.25em;color:#fff}
.heading {display:inline-block;font-family: 'Noto Sans KR', sans-serif;font-size:31px;font-weight:700;}

@media screen and (max-width:950px){
	.cont-tit-box{padding:0.5rem 1rem;}
	/*.cont-tit-box{padding:1.25rem;}*/
	.heading{font-size:1.7rem;}
	.snav-util{right:1.25rem;}
	}    

@media screen and (max-width:767px){
	.cont-tit-box .heading{font-size:1.7rem;}
	.snav-util > li.print{display:none;}
	.snav-util > li.share:before{display:none;}
	.snav-util > li > a{margin:0;}
	.snav-util{right:1rem;}	
}  

@media screen and (max-width:650px){
	.cont-tit-box .heading{font-size:1.7rem;width:90%;}
} 	
      
/* 占쏙옙占쏙옙. 占싯삼옙  */ 
.inbox {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; 
  font-size: 14px;
  }
  
/* form tag */

.searchform {margin-top: ;}
.search-box-multi-wrap {border-top: 1px #dee4ed solid;}
.form-input-group:last-child {border-bottom: 1px #dee4ed solid;}
.searchform .form-input-group input { font-size:15px;font-size:1.5rem;}
.searchform .form-input-group input[placeholder]::-webkit-input-placeholder {  color: #c7c7c7;font-size:inherit }
.searchform .form-input-group input[placeholder]:-moz-placeholder {  color: #c7c7c7;font-size:inherit }
.searchform .form-input-group input[placeholder]::-moz-placeholder {  color: #c7c7c7;font-size:inherit }
.searchform .form-input-group input[placeholder]:-ms-input-placeholder {  color: #c7c7c7;font-size:inherit }
.searchform .form-input-group .select-wrap {display:inline-block;}
.searchform .form-input-group .select-wrap > select {display:block;position:relative;min-width:110px;height:32px;/*border:1px solid #757380;*/border:1px solid #ccc;padding: 0 0 0 10px;line-height:32px;vertical-align:middle;text-align:center;box-sizing: border-box;font-size:15px;font-size:1.5rem;}
.searchform .form-input-group .btn-search { display:inline-block;width:80px;height:32px;background-color:#979797;color:#fff;text-align:center;margin-left:10px;}
.searchform .form-input-group .select-btn-wrap {padding-right:80px;}
.searchform .form-input-group .select-btn-wrap .select-wrap {}

/* form-input-group */
.searchform .form-input-group { display:block;overflow:hidden;min-height:32px;padding:0px 20px;box-sizing:content-box;}
.searchform .form-input-group.hasDl {float:left;width:50%;padding:0;height:30px;}
.searchform .form-input-group.hasDl.w100 {width:100%;}
.searchform .form-input-group.hasDl:last-child {padding-bottom: 10px;}



.searchform .form-input-group .check-wrap {margin:8px 0;}
.searchform .search-box-multi-wrap .form-input-group {display:block;position:relative;overflow:hidden;/*background-color:#f3f5f9;*/margin-top: 10px;}
.searchform .search-box-multi-wrap .form-input-group dl {display:block;overflow:hidden;position:relative;}
/*.searchform .search-box-multi-wrap .form-input-group dl dt {display:block;position:absolute;left:0;top:0;width:110px;min-height:32px;height:100%;background-color:#959595;padding:11px 0;color:#fff;font-size:17px;font-weight:400;text-align:center;line-height:32px;}*/
.searchform .search-box-multi-wrap .form-input-group dl dt {display:block;position:absolute;left:0;top:0;width:110px;min-height:30px;height:100%;background-color:#fff;padding:0px 20px;color:#666;font-size:16px; font-weight:700; text-align:left;line-height:32px;}
.searchform .search-box-multi-wrap .form-input-group dl dd {display:block;position:relative;min-height:30px;margin-left:110px;padding:0px 0px;box-sizing:border-box;}

.searchform .search-box-multi-wrap .form-input-group select {display:inline-block;height:32px;line-height:32px;background-color:#fff;/*border:1px solid #757380;*/border:1px solid #ccc; }
.searchform .search-box-multi-wrap .search-box .sch-wrap {width:25%;margin-right:0;padding-left:10px;}
.searchform .search-box-multi-wrap .search-box .sch-wrap select {width:100%;}


/* layout col row */
.searchform .layout-col { display:block;position:relative;overflow:hidden;width:100%;}
.searchform .layout-col > .col { display:block;float:left;}
.searchform .layout-col.col2 > .col { width:49%;margin-right:2%;}
.searchform .layout-col.col2 > .col:nth-child(2n){ margin-right:0; }

.searchform .layout-col .col select { display:block;width:100%;}
.searchform .layout-col.col3 > .col { width:32%;margin-right:0;}
.searchform .layout-col.col3 > .col:nth-child(3n),
.searchform .layout-col.col3 > .col:last-child { margin-right:0; }
.searchform .layout-col.col3 > .col.colspan2 { width:64%;margin-right:0;}

.searchform .layout-col.col4 > .col { width:23%;margin-right:2%;}
.searchform .layout-col.col4 > .col.colspan2 { width:48%;}

.searchform .layout-col.full {display:table;table-layout:auto;}
.searchform .layout-col.full > .col {display:table-cell;float:none;}

.searchform .search-box-multi-wrap .form-input-group select {display:inline-block;height:32px;line-height:32px;background-color:#fff;/*border:1px solid #757380;*/border:1px solid #ccc;}
.searchform .layout-col > .col select { display:block;width:100%;}
.searchform .search-keyword-reset-wrap {display:block;position:relative;}
.searchform .search-keyword-reset-wrap .input-search-keyword {display:inline-block;position:relative;width:500px;margin-right:6px;margin-bottom:6px;background-color:#fff;height:32px;/*border:1px solid #757380;*/border:1px solid #ccc;padding:0 10px;font-size:15px;}
.searchform .search-keyword-reset-wrap .input-search-keyword.w150 {width:186px;}
.searchform .search-keyword-reset-wrap .input-search-keyword.w402 {width:402px;}
.searchform .search-keyword-reset-wrap .input-search-keyword.w425 {width:455px;}
.searchform .search-keyword-reset-wrap .btn-search {display:inline-block;width:80px;height:32px;margin-right:6px;font-size: 16px;line-height:32px;background-color:#233671;color:#fff;}
.searchform .search-keyword-reset-wrap .btn-search .fa-search{padding-right: 5px;}
.searchform .search-keyword-reset-wrap .btn-reset {display:inline-block;width:125px;height:32px;margin-right:6px;font-size: 16px;line-height:32px;background-color:#959595;color:#fff;}
.date-input{padding-right: 3px;}
.searchform .search-keyword-reset-wrap.right {display:inline-block;position:relative;width:100%;margin-top:10px;border-top:1px solid #dee4ed;padding:10px 3px;}
/*
.searchform .right .btn-search {display:inline-block;width:70px;height:40px;margin-right:6px;margin-top:16px;font-size: 16px;line-height:40px;background-color:#233671;color:#fff;}
.searchform .right .btn-reset {display:inline-block;width:125px;height:40px;margin-right:6px;margin-top:16px;font-size: 16px;line-height:40px;background-color:#959595;color:#fff;}
*/
@media all and (max-width:1199px) {
	.searchform .search-keyword-reset-wrap .input-search-keyword { width:160px;}
}

@media all and (max-width:1366px) {
	
	.page-title .title-heading {text-align: left;margin-left: 0px;}
	
	.searchform .form-input-group .layout-col.auto .col .select-wrap { display:block;}
	.searchform .form-input-group .layout-col.auto .col .btn-search { display:block;width:100%;}
		
	.searchform .form-input-group,
	.searchform .form-input-group.hasDl { height:auto !important;/*float:none;*/width:100%;padding:0;height:43px;padding:0;}
	.searchform .search-box-multi-wrap { height:auto;}
	.searchform .search-box-multi-wrap .form-input-group .layout-col.auto {box-sizing:border-box;}
	.searchform .search-box-multi-wrap .form-input-group .layout-col.auto .col { float:none;width:auto;}
	.searchform .search-box-multi-wrap .form-input-group .layout-col.auto .col + .col { margin-top:10px;}
	.searchform .form-input-group.hasDl.w100 {width:100%;}	
	
	

	.searchform .layout-col.col2 > .col,
	.searchform .layout-col.col3 > .col,
	.searchform .layout-col.col3 > .col.colspan2,
	.searchform .layout-col.col4 > .col.colspan2,
	.searchform .layout-col.col4 > .col { float:none; width:100%;box-sizing:border-box;}
	.searchform .layout-col.col3 > .col + .col { margin-top:10px;}
	
	.searchform .search-keyword-reset-wrap  .btn-search,
	.searchform .search-keyword-reset-wrap  .btn-reset { /*display:block;position:relative;width:100%;*/margin-top:16px;}
	/*
	.searchform .right .btn-search,
	.searchform .right .btn-reset { display:block;position:relative;width:100%;margin-top:16px;}
	*/
	.searchform .search-keyword-reset-wrap { padding-right:0;}
	.searchform .search-keyword-reset-wrap .input-search-keyword {width:100%; /*margin-top: 10px;*/}
	.searchform .search-keyword-reset-wrap .input-search-keyword.w425 {width:100%;}
	.searchform .search-keyword-reset-wrap .input-search-keyword.w402 {width:100%;}
	.searchform .form-input-group .btn-search {margin-left:0px;}
}

.searchform .input-date-wrap > input {font-size:14px;color:#999;}
.searchform .input-period-wrap > span { display:inline-block;}
.searchform .input-period-wrap .inbox, 
.searchform .input-period-wrap  > input[type=text].inbox { width:159px !important; padding: 6px 10px; /*border:1px solid #757380;*/border:1px solid #ccc; font-family: 'Nanum Gothic', sans-serif; font-size: 15px;}
.searchform .input-period-wrap .inbox + label { display:inline-block;width:30px;height: 32px; vertical-align: top;}
.searchform .input-period-wrap .fa-calendar {background: url(../images/icons/bg_cal.png) no-repeat 3px 3px;width:28px;height:32px;margin:0;border:0px solid #757380;}

@media all and (max-width:805px) {
	.searchform .search-keyword-reset-wrap  .btn-search,
	.searchform .search-keyword-reset-wrap  .btn-reset { display:block;position:relative;width:100%; margin-top:16px;}
	.searchform .search-box-multi-wrap .form-input-group dl dt {width:90px;padding:0px 0px;}
	.searchform .search-box-multi-wrap .form-input-group dl dd {margin-left:90px;padding:0px 0px;}
	.searchform .form-input-group .btn-search {margin-left:0px;}
}

/* 占쏙옙占쏙옙. Table */

.select-box{position:relative;width:auto;height:32px;padding:0;border:1px solid #ccc}
.select-box label{position:absolute;top:0;left:0;width:100%;height:100%;line-height:32px;margin:0;padding:.4rem 1.25rem .5rem .75rem;color:#030101;letter-spacing:-0.03125em;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-box label:after{position:absolute;top:50%;right:.5rem;/*transform:translateY(-50%);-webkit-transform:translateY(-50%);*/font-size:.8rem;line-height:.5rem;/*font-family:"FontAwesome";content:"\f063";*//*transition:transform .3s;-webkit-transition:transform .3s;*/}
.select-box select.info-select{position:relative;width:100%;height:100%;padding:0;border:0 none;/*opacity:0;filter:alpha(opacity=0);*/vertical-align:top;cursor:pointer;z-index:1;font-size:1rem;padding:0 0 0 .75rem;}

.select-box:hover,.select-box:active,.select-box:focus{border-color:#454c69 !important}
.select-box:hover label{color:#030101}

.select-box:hover label:after,
.select-box:active label:after,
.select-box:focus label:after{color:#030101;/*transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);*/}


.page-num > span{position:relative;float:left;position:relative;font-family: 'Nanum Gothic', sans-serif;font-size:1.063rem;color:#595959;}
.page-num > span + span{padding-left:1.25rem;}
.page-num > span + span:before{position:absolute;top:50%;left:.625rem;width:1px;height:70%;background:#ddd;content:'';transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.page-num > span > em{color:#333;font-weight:700;}

.page-wrap{/*margin:3.929rem 0 1.5rem;*/margin:2rem 0 0.75rem;overflow:hidden;}
.page-wrap .page-num{display:inline-block;margin-top:.7rem;}
.page-wrap .search-wrap{display:inline-block;float:right;}
.page-wrap .search-wrap span{display:inline-block;float:left;margin-right: 14px; line-height: 37px;}


.select-box{display:inline-block;min-width:120px;height:32px;margin-right:.5rem;background:#fff;vertical-align:middle;}
.select-box label{padding:0 1.25rem 0 .75rem}


@media screen and (max-width: 950px) {
	.page-num > span + span{display:none;}
	.select-box{min-width:120px;width:30%;margin-right:0;}	
	.select-box.select-box-btn + .input-group{float:right;}
}
@media screen and (max-width: 480px) {
	.page-wrap .page-num{width:100%;}
	.page-wrap .search-wrap{margin-top:.5rem;width:100%;}	
}
@media screen and (max-width: 380px){
	.select-box{width:100%;}
}


/*table*/
.table{overflow:hidden;border-top:0px solid #555;margin:.75rem 0;width:100%;} /* 대금지급상세 테이블구성 */
.table > table{position:relative;/*overflow:hidden;*/width:calc(100% + 1px);margin-left:-1px;border-bottom:1px solid #ddd;font-weight:300;line-height:1.25;}
.table th{/*padding:.9rem;*/padding:.5rem;background:#f3f3f3; border-bottom:1px solid #dddddd;color:#333;font-weight:700;font-size:1rem;text-align:center;vertical-align:middle;}
.table th.double{border-bottom:0;}
.table th.colline{border-right:1px solid #dddddd;}
.table th.colline:last-child{border-right:0;}
.table td{overflow:hidden;vertical-align:middle;word-break:keep-all;/*padding:0.7rem 1.5rem;*/padding:.8rem 0 .7rem 0;border:solid #ddd;border-width:1px 0 0;color:#595959;text-align:center;position:relative;/*min-height:3.95rem;*//*font-family: 'Nanum Gothic', sans-serif;*/font-weight:400; font-size:0.95rem;transition:background .3s;-webkit-transition:background .3s;}
.table td.number,
.table td.name,
.table td.date{font-size:.9rem;color:#595959;}
.table td.price{text-align:center;}
/*.table td.subject{text-align:left;color:#595959; letter-spacing: -1px;padding-left: 1.5rem; height:23px; max-width:21.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
.table td.subject{text-align:left;color:#595959; letter-spacing: -1px;/*padding-left: 1.5rem;*/ padding: 7px .5rem 7px 1.5rem; line-height:27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; -ms-text-overflow: ellipsis;}
.table td.colline{border-right:1px solid #dddddd;}
.table td.colline:last-child{border-right:0;}
.table tr.grey td,
.table tr.grey th{background:#f6f6f6;}
.table tbody tr:first-child th,
.table tbody tr:first-child td{border-top-width:0}
.table td.bg{background:#f9f9f9;}
.table td .file{display:inline-block;margin:auto;}
.table td a.file-defult{position:relative;display:inline-block;text-align:center;width:25px;line-height:25px;vertical-align:top;margin-top: -2px;}
.table td a.file-defult:before{position:absolute;top:0;left:0;background:url(../images/icons/file-form.png)no-repeat 50% 50%;width:25px;height:25px;content:'';}
.table td .i-new{display:inline-block;color:#333;font-size:1.2rem;vertical-align:top;}
.table td .lock{position:relative;display:block;padding-left:1.2rem;}
.table td .lock > i.xi-lock{position:absolute;top:0;left:0;font-size:1rem;color:#333;}
.table td .answer{position:relative;display:block;padding-left:2.2rem;}
.table td .answer > i.xi-subdirectory-arrow{position:absolute;top:0;left:1rem;font-size:1rem;color:#595959;}
.table.board-table tr:hover > td,
.table.board-table tr:focus > td{background:#f7f9fc;}
.table.write-table tr:hover > td,
.table.write-table tr:focus > td{background:transparent;}
.table td .progress-info{display:block;position:relative;padding-left:50px;}
.table td .progress{position:absolute;top:0;left:0;display:inline-block;border-radius:4px;margin-top: 3px;width:40px;height:22px;color:#fff;font-size:.8rem;line-height:22px;text-align:center;}
.table td .progress1{background:#315a9b;}
.table td .progress2{background:#60646f;}
.table td .progress3{background:#0079c2;}
.table th[scope="row"]{border-bottom:1px solid #ddd;}
.table tr:last-of-type th[scope="row"]{border-bottom:0;}


.table.write-table th,
.table.write-table td{padding:.5rem 1rem;text-align:left;min-height:2.75rem;}

.table-img{margin:.75rem 0;}
.table-img .table{display:inline-block;width:58.5%;vertical-align:middle;border-top:0;margin-top:0;}
.table-img img{display:inline-block;width:40%;vertical-align:top;}

.table caption {display:none;}


@media screen and (max-width: 1024px) {
	
	.table-responsive > table{min-width:initial !important;}
	.table-responsive th[scope="col"]{display:none;}
	.table-responsive th[scope="row"]{display:block;border:solid #ddd;border-width:1px 0 0;border-right:0 !important;text-align:left;}
	.table-responsive  colgroup {display:none;}
	.table-responsive > table td{padding:.5rem !important;border:0 !important;width:100%;display:inline-block;text-align:left;}
	.table-responsive > table tr{display:block;width:100%;}	
	
	.table-scroll{position:relative;width:100%;overflow-x:scroll;}
	.table-scroll table{min-width:1024px;}
 	.table-scroll th {padding:.5rem;font-size:1rem !important;}
 	.table-scroll td{padding:1rem 0 0.2rem 0;font-size:1rem !important;}
	.table td a,
	.table td.subject a{display:block;font-size:1rem !important;}
	.table-scroll:before{position:absolute;top:0;left:0;width:3px;height:100%;background:#fff;content:'';z-index:1;}
	.table td .progress{height:22px;line-height:22px;}
	.mob-hide{display: none !important;}

}


.pager{overflow:hidden;overflow-x:auto;margin:2rem 0 5rem;text-align:center;white-space:nowrap;}
.pager > *{display:inline-block;overflow:hidden;position:relative;width:40px;height:40px;color:#666;text-align:center;line-height:38px;vertical-align:top;border-radius:50%;font-size:.75rem;transition:background .3s, color .3s, border .3s;-webkit-transition:background .3s, color .3s, border .3s;}
.pager .active{border:1px solid #233671;color:#fff;background:#233671;}
.pager .arr{position:relative;margin:0 0.1rem;border:1px solid #dfdfdf;background:#fff;}
.pager .arr.prev{margin-right:.5rem;}
.pager .arr.next{margin-left:.5rem;}
.pager .arr::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:40px;height:40px;content:'';background:url(../images/button/pager_arr.png)no-repeat 0 0 /cover;}
.pager .arr.prev::before{background-position:-40px 0;}
.pager .arr.next::before{background-position:-80px 0;}
.pager .arr.last::before{background-position:-120px 0;}
.pager.pageNum{display:none;}

@media screen and (max-width: 767px) {
	.pager{display:none;}
	.pager.pageNum{display:block;}
}



/*占쏢세븝옙占쏙옙*/
.content-wrap{margin-top:32px;padding-bottom:100px;}
.table-view{position:relative;border-top:2px solid #555;border-bottom:1px solid #aaa;}
.table-view .tableview-subject{display:block;position:relative;padding:1.5rem 0;font-weight:700;font-size:1.2rem;color:#333;text-align:center;border-bottom:1px solid #ddd;}
.table-view label {	display:block;}
.tableview-info{background:#f8f9fa;border-bottom:1px solid #ddd;font-size:1rem;text-align:center;font-weight:300;overflow:hidden;}
.tableview-info  dl{display:inline-block;margin:0.5rem auto;}
.tableview-info  dt{position:relative;color:#000;float:left;margin:0 .5rem 0 1rem !important;font-weight:500;}
.tableview-info  dd + dt:before{position:absolute;top:50%;left:-.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1px;height:80%;content:'';background:#ddd;}
.tableview-info  dd{color:#666;float:left;}
.tableview-info  dd .i-new{display:inline-block;color:#333;font-size:1.2rem;vertical-align:top;}
.table-view .feed-cont{padding:3rem;color:#333;font-weight:400;font-size:16px;line-height:1.5;}
.table-view .feed-cont strong{font-weight:700;color:#333;}
.table-view .feed-cont img{display:block;margin:0 auto 20px;max-width:100%;}
.table-view .feed-cont h2{font-size:1.25rem;font-weight:700;color:#333;}
.table-view .feed-cont h2 i{vertical-align:middle;padding-left: 3px;font-size:17px;font-weight:400;}
.feed-file{position:relative;padding:1rem 0;border-top:1px solid #ddd;width:100%;display: table;}
.feed-file > span{display: table-cell;width:15%;padding:0 2rem;margin-right:1.375rem;color:#333;font-weight:700;text-align:center;vertical-align: middle;}
.file-list{display:inline-block;width: 95%;margin-left:1.375rem;}
.file-list > li + li{margin-top:.75rem;}
.file-list > li > a.file-defult,
.file-list > li > span.file-defult{position:relative;display:inline-block;width:100%;color:#444;padding-left:1.75rem;width: 60%;}
.file-list > li > a.file-defult:before,
.file-list > li > span.file-defult:before{position:absolute;top:-.2rem;left:0;background:url(../images/icons/file-form.png)no-repeat 0 0 /cover;width:1.5625rem;height:1.5625rem;content:'';}
.file-list > li > a.file-defult:before,
.file-list > li > span.file-defult:before{background-position:0 0;}
.file-list > li > a.file-doc:before,
.file-list > li > span.file-doc:before{background-position:0rem 0;}
.file-list > li > a.file-defult:hover,
.file-list > li > a.file-defult:focus,
.file-list > li > span.file-defult:hover,
.file-list > li > span.file-defult:focus{color:#116eb4;}
.file-list > li > a.file-defult em,
.file-list > li > span.file-defult em{display:inline-block;color:#999;font-size:.6rem;margin-left:.1rem;}
.file-list > li .download-wrap{display:inline-block;float:right;max-width:25%;margin-top:0;}
.file-list > li .download-wrap > li:last-of-type{margin-top:0;padding-left:.25rem;}
.file-list > li .download-wrap > li{width:auto;max-width:100%;float:left;}
.file-list > li .download-wrap > li > a{height:1.4rem;padding:0 .5rem;}
.file-list > li .download-wrap > li > a > span{font-size:.7rem;}
.file-list > li .download-wrap > li:first-of-type{padding:0}

.writing-list{overflow:hidden;border-bottom:1px solid #aaa;}
.writing-list > li{border-top:1px solid #ddd;margin-top:0;}
.writing-list > li > a{display:block;width:100%;padding:0.5rem 2.5rem;overflow:hidden;font-weight:400;font-size:1rem;}
.writing-list > li > a > span{position:relative;display:inline-block;color:#666;padding-left:1.8rem;width:10%;float:left;}
.writing-list > li > a > span:before{position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#adadad;font-family:'themify';content:'\e648';}
.writing-list > li:last-of-type > a > span:before{content:'\e64b';}
.writing-list > li > a > em{display:inline-block;color:#333;font-weight:400;font-size:1rem;padding-left:3rem;width:90%;float:left;}

.download-wrap{overflow:hidden;margin-top:1rem;}
.download-wrap > li{float:left;width:50%;}
.download-wrap > li:first-of-type{padding-right:.25rem;}
.download-wrap > li:last-of-type{padding-left:.25rem}
.download-wrap > li > a{display:table;padding:0 .75rem;border:1px solid #999;height:2.05rem;width:100%;transition:background .3s, color .3s;-webkit-transition:background .3s, color .3s;} 
.download-wrap > li > a > span{display:table-cell;vertical-align:middle;font-size:.75rem;}
.download-wrap > li > a > span > i{float:right;margin-top:.4rem;font-size:.8rem;}
.download-wrap > li > a:hover,
.download-wrap > li > a:focus{background:#999;color:#fff;}

.p-table.default{table-layout:fixed;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.p-table{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px;}
.p-table thead tr:first-child th{border-top:1px solid #d9d9d9}
.p-table caption+tbody tr:first-child td,.p-table caption+tbody tr:first-child th,.p-table colgroup+tbody tr:first-child td,.p-table colgroup+tbody tr:first-child th{border-top:1px solid #d9d9d9}
.p-table td,.p-table th{border-bottom:1px solid #d9d9d9}
.p-table th{padding:9px 11px;background:#f6f6f6;color:#000;text-align:center;font-weight:400;vertical-align:middle}
.p-table th:first-child:before{display:none}
.p-table tbody th{background:#fcfcfc}
.p-table caption+tbody th,.p-table colgroup+tbody th{background:#f6f6f6}
.p-table td{padding:0px 11px;box-sizing:border-box}
.p-table td img{margin:0 2px;vertical-align:middle}
.p-td__item{margin:5px 0}
.p-td__item span{vertical-align:middle}
.p-td__item p:before {content: '\45'; position: absolute; font-family: 'ElegantIcons'; color: #444;}
.p-td__item p span {padding-left: 18px; vertical-align:top;}
.p-td__link{position:relative;display:inline-block}
.p-td__link:hover{text-decoration:underline}
.p-td__link span{vertical-align:middle}
.p-td__link .fc{margin-top:2px}


/*btn*/
.btn-wrap{overflow:hidden;margin:1.5rem auto 1.75rem;}

@media screen and (max-width:767px){
	.content-wrap{position:relative;}
	/*占쏢세븝옙占쏙옙*/
	.file-list > li > a{width:100%;float:none;}
	.file-list > li .download-wrap{display:none;}
	.writing-list > li > a{padding:0.5rem 0.5rem;}
	.writing-list > li > a > span{width:100%;float:none;font-size:.9rem;}
	.writing-list > li > a > em{padding-left:1.7rem;width:100%;float:none;font-size:.9rem;line-height:1.2rem}
	.file-list > li > a.file-defult, 
	.file-list > li > span.file-defult{width:100%;float:none;}	
}
/*20200410 �옉�뾽 紐⑤컮�씪�솕硫� �룿�듃�궗�씠利� 以꾩엫*/
@media screen and (max-width: 480px) {
	.table-view iframe{height:10rem !important;}
	.table-view .tableview-subject{padding:1rem 0;}
	.table-view .feed-cont{padding:1.5rem 0;}
	.table-view .feed-cont h2{font-size:1.2rem;}
	.tableview-info{text-align:left;padding:0 1rem;}
	.tableview-info dl{margin:.75rem 0;}
	.tableview-info dt{width:30%;margin:0 1rem .25rem 0; }
	.tableview-info dd{width:60%;margin-bottom:.25rem;text-align:left;}
	.tableview-info dt:last-of-type,
	.tableview-info dd:last-of-type{margin-bottom:0;}
	.tableview-info dd + dt:before{display:none;}
	.table-view .tableview-subject{padding:1rem .5rem;font-size:1rem;}
	.feed-file > span{display:block;float:none;width:100%;text-align:left;padding:0 0 1rem;}
	.file-list{float:none;display:block;width:100%;margin:0}
	.p-table th,td{font-size:.8rem;}
}


/* popup
=====================================================*/

#btn_pop { /*position:fixed; right:50px; bottom:100px; display:block; width:70px; height:70px; box-shadow:5px 5px 30px rgba(0,0,0,0.4);  border-radius:100%;*/ z-index:33; }
#btn_pop img, #btn_pop1 img, #btn_pop2 img, #btn_pop3 img, #btn_pop4 img, #btn_pop5 img, #btn_pop6 img { width:100%; }

#pop_box, #pop_box2 { position:fixed; left:50%; top:50%; display:none; width:900px; z-index:9999999; transform: translate(-50%, -50%); box-shadow:5px 5px 30px rgba(0,0,0,0.2); /*border:1px #ddd solid;*/}
#pop_box .pop_head, #pop_box2 .pop_head { width:100%; height:70px; background-color:#233671; position:relative; padding-bottom:0px;}
#pop_box .pop_head h4, #pop_box2 .pop_head h4 { position:absolute; top:50%; transform:translateY(-50%); padding-left:40px; font-size:1.5rem; font-weight: 700; color:#fff; box-sizing:border-box; }
#pop_box .pop_head .pop_close, #pop_box2 .pop_head .pop_close2 { position:absolute; top:50%; transform:translateY(-50%); right:25px; }
#pop_box .pop_body, #pop_box2 .pop_body { height:600px; display:block; overflow-y:auto; background-color:#fff; }

#pop_box .pop_body .pop_item, #pop_box2 .pop_body .pop_item { width:100%; padding:0 40px; margin:30px 0; box-sizing:border-box; }
#pop_box .pop_body .pop_item h5, #pop_box2 .pop_body .pop_item h5 { font-size:20px; color:#333; font-weight:700; padding-bottom:10px;}


#dm_bg, #dm_bg2 { position:fixed; display:none; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.6); z-index:101; cursor:pointer; }


@media screen and (max-width:1075px) {
    #pop_box, #pop_box2 { position:fixed; left:0; top:0; display:none; width:100%; height:100%; z-index:555; transform: translateX(0); }    

    #pop_box, #pop_box2 {  background-color:#fff;}
    #pop_box .pop_head, #pop_box2 .pop_head { }    
    #pop_box .pop_body, #pop_box2 .pop_body { height:100%; padding-bottom:20.83vw; box-sizing:border-box; }
    #pop_box .pop_body .btn_area, #pop_box2 .pop_body .btn_area {padding:5.55vw; }
    #pop_box .pop_body .pop_item, #pop_box2 .pop_body .pop_item { margin:2.08vw 0; padding:0 5.55vw; }
    /*
    #pop_box .pop_head h4 { font-size:5.55vw;}
    #pop_box .pop_head .pop_close { width:5.55vw; height:5.55vw; }
    */
}





/* 占쏙옙占시깍옙占쏙옙占쏙옙占싣� */
.relSite { list-style:none; margin:0 0 20px 0;float:left; margin-right:-10px;  padding:0; }
.relSite li { float:left; padding-left:0px; background:none;  }
.relSite li a { float:left;display:block;border-radius:5px;margin-bottom:10px;  margin-left:10px; background:#f4f5f9; width:140px; text-align:center; height:125px; padding-top:16px; font-family: 'Noto Sans KR';font-size:15px; color:#333;   }
.relSite li.long a { padding-top:6px;  }
.relSite li a:hover {background:#e4eef6; }
.relSite.industry {margin: 0; width: 100%;}
.relSite.industry li {background: none;padding-left: 0;}
.relSite.industry li a {width: 100%;margin-left: 0; padding-top: 0px;}
.relSite.industry li.long a {padding-top: 2px;}
.relSite.industry li a:after {content: '\e62f'; font-family: 'themify'; position: absolute; top: 15px; right: 25px;}


@media only screen and (min-width: 0) and (max-width: 767px) {
	.row.first {margin-left: 0px;}
}


/* 찾占싣울옙占시는깍옙 */

.ui-location-info .items .item .cont-box .inner strong{width: 40%;max-width: 190px;}
.ui-location-info .items .item .cont-box .inner .txt{width:60%;margin-left: 1%;}
.ui-location-info .item .tit .block{display:block;}
.ui-map-info .btn_map{top:23.5px;}
.ui-map-info .btn_map span{float:right;}
@media only screen and (max-width:900px){
    .ui-map-info .btn_map a{width: 190px;height: 60px;margin: 10px auto;padding: 0px 25px 0;line-height: 30px;}
}
@media only screen and (max-width:767px){
    .ui-location-info .item .tit .block{display:inline;}    
}
@media only screen and (max-width:537px){

	.ui-location-info .items .item .cont-box .inner strong{width: 100%;max-width: 100%;margin-bottom: 10px;}
  .ui-location-info .items .item .cont-box .inner .txt{width:100%;padding-left: 0;margin-left: 0;}
}


.ui-map-area{border: 1px solid #e5e6e7;}
.ui-map-area .ui-map{height: 310px;}
.ui-map-info{position: relative;top: auto;background: #f7f8fa;}
.ui-map-info .map-tit{display: none;}
.ui-map-info .cont-box{padding: 30px 135px 30px 55px;border-left: 0;}
.ui-map-info .cont-box .info_list:after{display: block;visibility: hidden;clear: both;content: '';}
.ui-map-info .cont-box .info_list > li{display: block;float:left;position: relative;width: 47%;min-height: 81px;padding: 12px 0 0 100px;vertical-align: middle;text-align: left;}
.ui-map-info .cont-box .info_list > li + li{margin-left:3%}
.ui-map-info .cont-box .info_list > li span{display:block;position: absolute;left: 0;top: 0;width: 81px;height: 81px;background: #fff url(../images/page/mapicon.png);border-radius: 50%;border: 1px solid #dedede;}
.ui-map-info .cont-box .info_list > li .icon1{background-position: 0 -175px;}
.ui-map-info .cont-box .info_list > li b{display: block;}
.ui-map-info .btn_map{position: absolute;right:40px;top:32px;}
.ui-map-info .btn_map a{display: block;position: relative;}



.ui-location-info .items .item{float:none;width: 100%;min-height: 180px;padding-top:20px;padding-left: 210px;margin-bottom: 30px;}
.ui-location-info .items .item .tit{display: block;position: absolute;left: 0;margin-left:50px;width:150px;padding:110px 0 0;text-align: center;font-size:17px;color:#2133b5;font-weight: 500;line-height: 1.2;}
.ui-location-info .items .item .icon{position: absolute;top: auto;left: 50%;top: 0;width:80px;height: 80px;margin-left: -45px;background: #f0f1f6 url(../images/page/mapicon.png);border-radius: 50%;}
.ui-location-info .items .item .icon.icon-bus{background-position: -95px -172px;}
.ui-location-info .items .item .icon.icon-car{background-position: -195px -170px;}
.ui-location-info .items .item .cont-box{margin: 0;border:2px solid #313131;border-width:2px 0 1px;}
.ui-location-info .items .item .cont-box .inner{overflow: hidden;position: relative;padding: 19px 0 17px 20px;border-bottom: 1px solid #d6d6d6;font-size: 15px;color: #2f2f2f;}
.ui-location-info .items .item .cont-box .inner:last-child{border:0;}
.ui-location-info .items .item .cont-box .inner strong{display:block;float: left;width: 30%;left: 25px;max-width: 160px;font-size:16px;color:#2f2f2f;line-height: 1.2;font-weight: 400;}
.ui-location-info .items .item .cont-box .inner .txt{float: left;width:65%;padding-left:3%;border-left:1px solid #ddd;margin-left:5%;}
.ui-location-info .items .item .cont-box .inner .txt,
.ui-location-info .items .item .cont-box .inner .txt a,
.ui-location-info .items .item .cont-box .inner .txt ul li,
.ui-location-info .items .item .cont-box .inner .txt p{margin: 0;font-size:15px;color:#595959;font-weight: 400;}
.ui-location-info .items .item .cont-box .inner .txt ul{margin-top:0}
.ui-location-info .items .item .txt-tip{color:#2f2f2f;}
.ui-location-info .items .item .cont-box .inner .txt .btn-default:focus,.ui-location-info .items .item .cont-box .inner .txt .btn-default:hover{color:#fff}

@media only screen and (max-width:1199px){
    .ui-map-area .ui-map-info .cont-box{padding:0 135px 0 30px;}
    .ui-map-area .ui-map-info .btn_map{right:30px;}
    
    .ui-location-info .items .item{padding-left:170px;}
    .ui-location-info .items .item .tit{width:160px;}
}
@media only screen and (max-width:900px){
    .ui-map-info{padding:20px 0}
    .ui-map-info .cont-box{padding:0 20px}
    .ui-map-info .btn_map{position: static;}
    .ui-map-info .btn_map a{width: 200px;height: 50px;margin:10px auto 0;padding: 0px 20px 0;text-align: left;line-height: 50px;}
}
@media only screen and (max-width:767px){
    .ui-map-info .cont-box .info_list > li{width: 100%;margin-bottom:10px;}
    .ui-map-info .cont-box .info_list > li + li{margin-left:0}
    .ui-map-info .cont-box .info_list > li span{/*display: none;*/}

    .ui-location-info .items .item{padding:0}
    .ui-location-info .items .item .tit{position: relative;width: auto;padding-top: 50px;padding-bottom: 20px;margin-left:0px;}
    .ui-location-info .items .item .icon{display: block;position: relative;bottom:auto;left:auto;margin: 0 auto 10px;}
}
@media only screen and (max-width:500px){
    .ui-location-info .items .item .cont-box .inner strong,
    .ui-location-info .items .item .cont-box .inner .txt{float:none;width:100%;max-width: 100%;padding-left:0;margin-bottom: 10px;border: 0;}
}


/* Main Style */

/* 占쏙옙占쏙옙占싫� Tab 占쏙옙占쏙옙트 */

.group-box{float:left;height:570px;}
.tab-list-wrapper{position:relative;margin-bottom:21px;height:70px;}
.group-box1{width:516px;background:#3861b9;color:#fff;}
.tab-list{display:table;position:absolute;bottom:0;left:50%;width:100%;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.tab-list > li{float:left;display:table;width:33.333%;height:100%;background:#233671;transition:background .3s;-webkit-transition:background .3s;}
.tab-list > li > a{display:table-cell;vertical-align:middle;position:relative;color:#fff;text-align:center;font-size:1.2rem;font-weight:400;padding:0 .75rem;}
.tab-list > li > a:before{position:absolute;color:#fff;bottom:-40px;font-family:'ElegantIcons';content:'\43';left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);opacity:0;transition:opacity .3s, bottom .3s;-webkit-transition:opacity .3s, bottom .3s;}
.tab-list > li.active{background:#3861b9;}
.tab-list > li.active > a,
.tab-list > li > a:hover,
.tab-list > li > a:focus{font-weight:700;}
.tab-list > li.active > a:before,
.tab-list > li > a:hover:before,
.tab-list > li > a:focus:before{bottom:0px;opacity:1;}
/*202004101035 �옉�뾽 notice-list �넂�씠 �옱議곗젙*/
.notice-list > li{position:relative;display:table;width:100%;height:73px;}
.notice-list > li:before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:90%;height:1px;background:#4c71c0;content:'';}
.notice-list > li:last-of-type:before{display:none;}
.notice-list > li + li{margin-top:8px;}
.notice-list > li > a{position:relative;display:table-cell;vertical-align:middle;padding:0 1.8rem;}
.notice-list > li > a .day{display:table-cell;vertical-align:middle;text-align:center;font-family: 'Nanum Gothic';color:#94bbe5;font-size:.875rem;font-weight:700;}
.notice-list > li > a .day > strong{display:block;font-size:2.25rem;line-height:2.25rem;color:#fff;}
.notice-list > li > a .txt{display:table-cell;vertical-align:middle;padding:0 0 0 1.75rem;text-align:left;}
.notice-list > li > a .txt strong{display:inline-block;border:1px solid #5d85cb;color:#94bbe5;padding:.05rem .5rem;margin-bottom:.5rem;font-family:Nanum Gothic;font-weight:700;}
.notice-list > li > a .txt span{display:block;font-size:1.1rem;font-weight:400;color:#fff; line-height:1.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.notice-list > li > a:hover .txt span,
.notice-list > li > a:focus .txt span{text-decoration:underline;}
.notice-more{display:block;width:100%;height:70px;line-height:70px;color:#fff;background:#20438e;text-align:center;margin-top:12px;}
.notice-more:hover{color:#94bbe5;}
.notice-more > i{margin-left:.5rem;}
.notice-more:hover > i,
.notice-more:focus > i{color:#94bbe5;}

@media screen and (max-width: 480px) {
	.tab-list-wrapper{height:47px;}
	.tab-list > li > a:before{display:none;}
	.notice-info-btn{width:40px;height:40px;line-height:40px;font-size:.7rem;}
	.notice-list > li > a .txt span{font-size:.8rem;}
}

@media screen and (max-width: 767px) {
	.group-box1{width:100%;height:auto;margin-bottom: 10px;}
	.notice-list > li{height:auto;}
	.notice-list > li > a{padding:1rem;}
	.notice-more{margin-top:0;}
	.notice-more{height:55px;line-height:55px;}
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width:1200px){
	.notice-list > li > a .txt strong{font-size:.7rem;}
}
@media screen and (max-width: 1350px) {
	.group-box1{width:100%;}
	.tab-list > li > a{font-size:1rem;}	
	.notice-list > li > a .txt{padding:0 3rem 0 1rem;}
	.notice-info-btn{width:45px;height:45px;line-height:45px;}
	.notice-list > li > a .day > strong{font-size:2rem;}
}
@media screen and (max-width: 1600px) {
	.group-box1{width:100%;}
}



/* 占쏙옙占쏙옙占쏙옙 */

.m-search-inner{border:0px solid #c9d6dd;height:280px;/*background-color:#1a98e9;*/box-sizing:border-box;padding:45px 30px 30px 30px;text-align:center;background-repeat:no-repeat;background-position:center 0}
.m-search-inner.bg1{background:#1a98e9 url(../images/page/m_search_bg1.jpg);}
.m-search-inner.bg2{background:#6633ff url(../images/page/m_search_bg2.jpg);}
.m-search-inner h3{/*font-size:36px;*/font-size:2.25rem; font-weight:800; color:#fff;text-align:center}
.m-search-inner .infor{display:block;/*font-size:19px;*/font-size:1.18rem;color:#fff;text-align:center;margin-top:15px;}
.m-search-inner .infor strong{font-weight:700;color:#fff;}
.m-search-inner .large-txt{font-size:30px;font-weight:bold;color:#033075;}
.m-search-inner .small-txt{font-size:16px;font-weight:bold;color:#4267a0;margin-top:5px;}
.m-search-inner .select-layer{padding-top:10px;}
.m-search-inner .select-layer select{padding:12px 10px;border:1px solid #d0d9e7;text-align:left;width:100%;box-sizing:border-box;}
.m-search-inner .select-layer input{padding:12px 10px;border:1px solid #d0d9e7;text-align:left;width:70%;box-sizing:border-box;}
/*202004101358 �옉�뾽 �씤�뭼諛뺤뒪 �뾾�븷硫댁꽌 踰꾪듉�닔�젙*/
.m-search-inner button{height:65px;line-height:45px;text-align:center;font-size:16px;color:#fff;font-weight:bold;margin-top:15px;background-color:#2749ac;width:70%;}
.m-search-inner .org-list-btn{margin-top:10px;}
.m-search-inner .org-list-btn a{display:block;width:132px;height:150px;margin:0 auto;}

@media all and (max-width:1024px) {
   .org-element{padding:30px 20px;}
   .m-search-inner .large-txt{font-size:22px;}
}

@media all and (max-width:640px) {
	.other-element .other-area{margin-left:0px;}
	.other-element .other-area > li{width:100%;float:none;}
	.other-element .other-area > li .other-area-inner{margin-left:0px;height:auto;}
	.m-search-inner .select-layer select{padding:8px 5px;background-color:#fff;height:35px;box-sizing:border-box;}
}

@media all and (max-width:480px) {
	.m-search-inner h3{font-size:2rem;}
	.m-search-inner .infor{font-size:1rem;}
	.org-element .org-left-area .org-list{margin-left:0px;}
	.org-element .org-left-area .org-list > li{float:none;width:100%;}
	.m-search-inner{height:auto;margin-left:0px;background-position:center 100px}
	.m-search-inner.bg1{margin-bottom:10px;}
	.m-search-inner{padding:25px 30px 30px 30px;}
	.m-search-inner .large-txt{font-size:18px;}
	.m-search-inner .small-txt{font-size:14px;}	
}

/* 占쏙옙占쏙옙찾占쏙옙 占쏙옙占쏙옙 */

.quick-service-element{padding:40px 0px 0px 0px;min-height:570px;overflow:hidden;border:1px solid #c9d6dd;background-color:#fff;font-family: 'Nanum Gothic';}
.quick-service-element h3{/*font-size:36px;*/font-size:2.25rem; font-weight:800; color:#333;text-align:center}
.quick-service-element .infor{display:block;/*font-size:19px;*/font-size:1.18rem;color:#666;text-align:center;margin-top:15px;}
.quick-service-element .infor strong{font-weight:700;color:#2b98ec;}
.quick-service-element .quick-service-slide{position:relative;padding:0px 8px;margin-top:25px;}
.quick-service-element .quick-service-slide:after{content:'';display:block;clear:both}
.quick-service-element .quick-service-slide .quick-service-btn{position:absolute;top:50%;z-index:1;width:32px;height:58px;border-radius:23px;margin-top:-54px;}
.quick-service-element .quick-service-slide .quick-service-btn.prev{background-position:-138px -35px;left:-40px;}
.quick-service-element .quick-service-slide .quick-service-btn.next{background-position:-193px -35px;right:-40px;}
.quick-service-element .quick-service-slide .quick-service-btn a{display:block;width:32px;height:58px;}
.quick-service-element .quick-service-slide .item{width:25%;/*width:120px;*/height:140px;float:left;text-align:center;margin:0px !important;}
.quick-service-element .quick-service-slide .item a{display:block;text-align:center;word-break:keep-all;}
.quick-service-element .quick-service-slide .item span.service-ico{display:inline-block;width:97px;height:97px;content:'';background-image:url(../images/page/ico-service.png);background-repeat:no-repeat;}
.quick-service-element .quick-service-slide .item span.service-ico.s1{background-position:0px 0px}
.quick-service-element .quick-service-slide .item span.service-ico.s2{background-position:-139px 0px}
.quick-service-element .quick-service-slide .item span.service-ico.s3{background-position:-278px 0px}
.quick-service-element .quick-service-slide .item span.service-ico.s4{background-position:-416px 0px}
.quick-service-element .quick-service-slide .item span.service-ico.s5{background-position:-554px 0px}
.quick-service-element .quick-service-slide .item span.service-ico.s6{background-position:-692px 0px}
.quick-service-element .quick-service-slide .item span.service-ico.s7{background-position:0px -97px}
.quick-service-element .quick-service-slide .item span.service-ico.s8{background-position:-139px -97px}
.quick-service-element .quick-service-slide .item span.service-ico.s9{background-position:-278px -97px}
.quick-service-element .quick-service-slide .item span.service-ico.s10{background-position:-416px -97px}
.quick-service-element .quick-service-slide .item span.service-ico.s11{background-position:-554px -97px}
.quick-service-element .quick-service-slide .item span.service-ico.s12{background-position:-692px -97px}
.quick-service-element .quick-service-slide .item span.item-text{display:block;font-size:15px;color:#333;font-weight:400;line-height:24px;margin-top:0;}
.quick-service-element .quick-service-slide .quick-service-slide-inner{position:relative;margin:0px 0px;}
.quick-service-element .quick-service-slide .item-bar{position:absolute;text-align:center;left:0px;bottom:0px;z-index:1;width:100%;height:5px;}
.quick-service-element .quick-service-slide .item-bar span{display:block;height:5px;background-color:#233671;transition:.4s ease-out}
.quick-service-element .quick-service-slide .owl-nav{display:none}
.quick-service-element .owl-nav.disabled +.owl-dots{margin-top:30px;}
.quick-service-element .owl-dots{text-align:left;margin:0 auto;width:115px;display:none;}
.quick-service-element .owl-dots .owl-dot.active span{width:70px;background-color:#233671;transition:0.35s ease-out;text-align:left}

@media all and (max-width:1600px) {
	.quick-service-element .quick-service-slide .item span.item-text{font-size:14px;}
}
@media all and (max-width:1366px) {
	.quick-service-element .quick-service-slide .item span.item-text{font-size:16px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.quick-service-element{width:99.5%; min-height:570px;}
	.quick-service-element .quick-service-slide .item{width:20%;height:140px;float:left;text-align:center;margin:0px !important;}
	.quick-service-element .quick-service-slide .item span.item-text{font-size:16px;}
}
@media (max-width: 991px) {
	.quick-service-element .quick-service-slide .item span.item-text{font-size:16px;}
}
@media (max-width: 767px) {
	.quick-service-element{width:100%; min-height:570px;}
	.quick-service-element .quick-service-slide .item span.item-text{font-size:16px;}
}
@media (min-width: 0px) and (max-width: 576px) {
	.quick-service-element h3{font-size:2rem;}
	.quick-service-element .infor{font-size:1rem;}
	.quick-service-element{width:100%; min-height:650px;}
	.quick-service-element .quick-service-slide .item{width:33%;height:140px;}
	.quick-service-element .quick-service-slide .item span.item-text{font-size:16px;}
}


/* 占쏙옙占쏙옙占쏙옙占쏙옙  */

.box-tit{display:block;font-size:1.56rem;font-weight:700;color:#333;margin-top:1rem;margin-bottom:1.5rem;}
.box-tit > a{display:inline-block;float:right;font-size:1.1rem;}
.box-tit > a > i{font-weight:700;transition:transform .3s;-webkit-transition:-webkit-transform .3s;}
.box-tit > a:hover > i,
.box-tit > a:focus > i{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.group-box2 {background:#fff;border:1px #c9d6dd solid;padding:1.5rem;height:282px;overflow:hidden;text-align:left;}

.notice-list-wrap{overflow:hidden;}
/*202004101035 �옉�뾽 notice-list �넂�씠 �옱議곗젙*/
.notice-list-wrap > li{overflow:hidden; height:70px;}
.notice-list-wrap > li + li{border-top:1px solid #ececec;}
.notice-list-wrap > li:nth-of-type(4){display:none;}
.notice-list-wrap > li a{display:block;width:100%;height:35%;padding:1.50rem 0;}
.notice-list-wrap > li:first-of-type a{padding-top:0;}
.notice-list-wrap > li a > strong{display:inline-block;float:left;width:15%;margin-right:5%;font-weight:400;font-size:.8rem;color:#88888f;text-align:center;}
.notice-list-wrap > li a > strong > em{display:block;font-weight:700;color:#2656b6;font-size:1.68rem;}
.notice-list-wrap > li a .txt{display:inline-block;font-weight:400;float:left;width:80%;}
.notice-list-wrap > li a .txt > strong{display:block;font-size:1.125rem;font-weight:400;}
.notice-list-wrap > li a .txt > em{display:block;font-size:0.93rem;color:#888;font-weight:300;}

/* 占쏙옙占시깍옙占� 占쏙옙占쏙옙트  */

.channel-element{clear:both;background-color:#fff;padding:40px 0px;}
.channel-element .channel-right-area{width:100%;padding:0;}
.channel-element .channel-right-area .channel-slide-btn{position:absolute;top:50%;z-index:1;width:46px;height:46px;margin-top:0px;}
.channel-element .channel-right-area .channel-slide-btn a{display:block;width:46px;height:46px;border-radius:23px;background-color:#ffffff;text-align:center;line-height:40px;border:1px solid #d0d9e7}
.channel-element .channel-right-area .channel-slide-btn a .main-ico-set{display:inline-block;width:12px;height:21px;vertical-align:middle;}
.channel-element .channel-right-area .channel-slide-btn.prev{left:20px;}
.channel-element .channel-right-area .channel-slide-btn.prev a .main-ico-set{background-position:0 0;margin:10px 0px 0px -2px;}
.channel-element .channel-right-area .channel-slide-btn.next{right:20px;}
.channel-element .channel-right-area .channel-slide-btn.next a .main-ico-set{background-position:-2px -38px; margin:10px 0px 0px 5px;}
.channel-element .channel-right-area .channel-slide {width:80%; margin-left: 10%; margin-top: -35px;}
.channel-element .channel-right-area .item a{display:block;position:relative;/*width:173px;*/width:90%;height:auto;text-align:center;border:1px solid #d9e3f0;background-color:#fff;margin:0 auto;}
.channel-element .channel-right-area .item a .channel-logo{display:block;/*width:173px;*/width:90%;height:98px;overflow:hidden;text-align:center;position:relative;margin:0 auto;}
.channel-element .channel-right-area .item a .channel-logo .channel-logo-inner{display:table;width:100%;height:100%;}
.channel-element .channel-right-area .item a .channel-logo .channel-logo-inner span{display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center}
.channel-element .channel-right-area .item a .channel-logo .channel-logo-inner span img{width:auto;display:inline-block;}
.channel-element .channel-right-area .item a .channel-logo-title{display:table;width:100%;height:68px;text-align:center;background-color:#f3f5f9}
/*202004101039 �옉�뾽 硫붿씤�럹�씠吏� �궗�씠�듃諛곕꼫 湲��뵪�겕湲� �옱議곗젙*/
.channel-element .channel-right-area .item a .channel-logo-title .channel-logo-title-inner{display:table-cell;font-family: 'Nanum Gothic';font-size:16px;font-weight:700;color:#333;vertical-align:middle;padding:0px 5px 4px 5px;}
.channel-element .channel-right-area .owl-nav,.channel-element .channel-right-area .owl-dots{display:none;}
.main-ico-set{background-repeat:no-repeat;background-image:url(../images/common/ico-set.png);}


@media screen and (max-width:1600px){
	.group-box2 {padding:1rem;}
	.notice-list-wrap > li a{padding:1rem 0;}
}
@media screen and (max-width:1380px){
	.box-tit{font-size:1.56rem;}
	.notice-list-wrap > li a > strong > em{font-size:1.3rem;}
	.notice-list-wrap > li a .txt > em{display:none;}
}
@media screen and (max-width:1350px){
	.box-tit > a{font-size:1.56rem;}
	.channel-element .channel-right-area{float:none;width:auto;padding:0px 70px 0px 70px;}
	.channel-element .channel-right-area .channel-slide-btn.prev{left:10px;}
	.channel-element .channel-right-area .channel-slide-btn.next{right:10px;}
	.channel-element .channel-right-area .item{text-align:center;}
	.channel-element .channel-right-area .item a{display:inline-block;}	
	.channel-element .channel-right-area .channel-slide {width:100%; margin-left: 0; margin-top: -35px;}
	.channel-element .channel-right-area .item a{width:95%;}	
}
@media screen and (max-width:1199px){
	.notice-list-wrap > li a .txt > em{display:block;}
	.channel-element .channel-right-area .channel-slide {width:100%; margin-left: 0; margin-top: -35px;}
	.channel-element .channel-right-area .item a{width:95%;}
	
}
@media screen and (max-width:767px){
	.group-box2 {height:auto;}
	.channel-element{padding:25px 0px;}
}
@media screen and (max-width:480px){
	.notice-list-wrap > li:nth-of-type(2),
	.notice-list-wrap > li:nth-of-type(3){display:none}
	.notice-list-wrap > li a{padding:.5rem 0;}
	
	.channel-element .channel-right-area .channel-slide-btn.prev{left:20px;}
	.channel-element .channel-right-area .channel-slide-btn.next{right:20px;}
}


/* 占쏙옙占쌨댐옙 占쏙옙튼 */

.link-list > li > a{position:relative;display:block;padding:1.45rem 1.5rem;color:#fff;font-size:1.125rem;font-weight:400;text-align:left;background:#505156;transition:background .3s;-webkit-transition:background .3s;}
.link-list > li > a span >  i{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#7a7c81;}
.link-list > li + li > a:before{position:absolute;top:0;width:100%;height:1px;content:'';background:#696a6e;left:0;}
.link-list > li > a:after{position:absolute;z-index:1;top:0;left:0;width:0;height:100%;content:'';background: rgba(118,119,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7319', endColorstr='#e4061a',GradientType=1 ); /* ie6-9 */transition:width .3s;-webkit-transition:width .3s;}
.link-list > li > a:hover:after,
.link-list > li > a:focus:after{width:100%;}
.link-list > li > a:hover > span > i,
.link-list > li > a:focus > span >  i{color:#fff;}
.link-list > li > a > span{position:relative;display:block;z-index:2;}

@media screen and (max-width:480px){
	.link-list > li > a{padding:.75rem}
}



/* 占쏙옙占쏙옙트占쏙옙  */

.sitemap{margin-top: 0;}
.sitemap .sitemap_row{margin-top: 55px;margin-left: -15px;margin-right: -15px;}
.sitemap .sitemap_row:first-child{margin-top: 0;}
.sitemap .sitemap_row::after{content: '';display: block;clear: both;}

.sitemap .sitemap_col{float: left;width:calc(25% - 30px);margin:0 15px;}
.sitemap .sitemap_col2{width:calc(50% - 30px)}
.sitemap .sitemap_col2 > div{float: left;width:calc(50% - 15px)}
.sitemap .sitemap_col2 > div:last-child{margin-left: 30px;}
.sitemap h4{font-family:'Nanum Gothic'; font-size: 24px;border-top:1px solid #000;border-bottom:1px solid #dee4ed;height: 60px;line-height: 60px;text-align: center;}


.sitemap_col a{display: inline-block;}
.sitemap_col a:hover{color: #0079c2;}

.sitemap_col ul > li{border-top:1px dotted #dee4ed;position: relative;}
.sitemap_col ul{border-bottom:1px solid #dee4ed;}

.sitemap_col ul > li:first-child{border-top:0;}
.sitemap_col ul > li > a{display: block;font-size: 18px;padding:10px 15px;font-weight: 700;margin-right: 24px;}

.sitemap_col ul ul{margin-left: 22px;display: none;padding-bottom: 15px;border-bottom:0;}
.sitemap_col ul ul li{margin-top: 5px;border:0;}
.sitemap_col ul ul li:first-child{margin-top: 0;}
.sitemap_col ul ul a{color: #595959;font-size: 14px;position: relative;padding:0 0 0 10px;display: inline-block;line-height:1.2em;font-weight: normal;margin-right: auto;}
.sitemap_col ul ul a::after{content: '';position: absolute;left:0;top: 6px;width: 3px;height: 3px;background: #444444;}


.sitemap_col .mgnavi_depth_open,
.sitemap_col .mgnavi_depth_close{display: block;border:1px solid #bababa;background: #fff;font-size: 0;width: 17px;height: 17px;cursor:pointer;position: relative;position: absolute;right:0;top:12px;}
.sitemap_col .mgnavi_depth_open{}
.sitemap_col .mgnavi_depth_close{display: none;}
.sitemap_col .mgnavi_depth_open::after{content: '';width: 7px;height: 1px;background: #000;position: absolute;left: 4px;top:7px;}
.sitemap_col .mgnavi_depth_open::before{content: '';width: 1px;height: 7px;background: #000;position: absolute;left: 7px;top:4px}
.sitemap_col .mgnavi_depth_close::after{content: '';width: 7px;height: 1px;background: #000;position: absolute;left: 4px;top:7px;}

.sitemap_col .active .mgnavi_depth_open{display: none;}
.sitemap_col .active .mgnavi_depth_close{display: block;}
.sitemap_col .active ul{display: block;}

@media (max-width: 1000px) {
	.sitemap{margin-top: 0;}
	.sitemap .sitemap_row{margin-left: -5px;margin-right: -5px;margin-top: 0;}
	.sitemap .sitemap_col{width:calc(50% - 10px);margin:0 5px;margin-top: 30px;}
	.sitemap .sitemap_col.h150{min-height: 150px;}
	.sitemap .sitemap_col2{width:calc(100% - 10px);}
	.sitemap h4{font-size: 18px;height: 50px;line-height: 50px;}
	.sitemap_col ul > li > a{font-size: 15px;}
	.sitemap_col .mgnavi_depth_open, .sitemap_col .mgnavi_depth_close{top:8px;}
}