/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic Bold';
	font-style:normal;
	font-weight:700;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic ExtraBold';
	font-style:normal;
	font-weight:800;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

 @font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }



@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 웹폰트  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); /* 숫자폰트 */


/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	reset css  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
body { letter-spacing:-0.05em; margin:0 auto;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; word-break:keep-all;}
body,input,textarea,select,button,table,label
{font-family:'Montserrat', 'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif; font-size:15px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;
text-size-adjust:none; }
body{min-width:320px; word-break: keep-all; overflow-x:hidden; line-height:1.5em; }
h1,h2,h3,h4,h5,h6 {}
a {color:#333;text-decoration:none;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number]
{width:100%;height:38px;padding:0 10px;border:1px solid #ccc;color:#333;vertical-align:middle;-webkit-appearance:none; }
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #999;}
input[type=file]{width:99.5%;height:38px;border:1px solid #ccc;background:#fff;}
select{height:38px;padding-left:5px;border:1px solid #ccc;font-size:15px;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:15px;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px; padding:0 !important; margin:0; height:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clearfix:after {content:"";display:block;clear:both; width:100%;}
.bold { font-weight:bold; }
.en {font-family:'Roboto', sans-serif !important; }
.num_font { font-family:'Montserrat', sans-serif; font-weight:400; } /* 숫자폰트 */
.t_green { color:#65ca6b !important; }
.t_orange { color:#ff840c !important; }


/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }

.not_scroll{  position:fixed; overflow:hidden; width:100%; }


/* 말줄임 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.5em; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line3-text-eps { display:block; line-height:1.5em; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line4-text-eps { display:block; line-height:1.5em; max-height:6em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }




/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	
}

@media all and (max-width: 800px) {
	body,input,textarea,select,button,table,label { font-size:14px; }
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) { 
	body,input,textarea,select,button,table,label { font-size:13px; }
	
	.mt10 { margin-top:7px !important; }
	.mt20 { margin-top:14px !important; }
	.mt30 { margin-top:21px !important; }
	.mt40 { margin-top:28px !important; }
	.mt50 { margin-top:35px !important; }
	.mt60 { margin-top:42px !important; }
	.mt70 { margin-top:49px !important; }
	.mt80 { margin-top:56px !important; }
	.mt90 { margin-top:63px !important; }
	.mt100 { margin-top:70px !important; }

}

 
 
 

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// layout  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.inner { width:100%; max-width:1200px; margin:0 auto; }


/* header */
.sp-horizontal .sp-arrows { width:32px; height:16px; right:0; left:auto; bottom:0; top:auto; margin-top:0; }
.sp-previous-arrow:before, 
.sp-previous-arrow:after, 
.sp-next-arrow:before, 
.sp-next-arrow:after { display:none; }
.sp-horizontal .sp-arrows .sp-arrow { position:absolute;  display:block; width:18px;  height:18px; border:1px solid #ccc; background:url(../images/common/topSlide_32x32.png); background-size:32px; }
.sp-horizontal .sp-arrows .sp-arrow.sp-previous-arrow { background-position:0 0; right:17px; left:auto; }
.sp-horizontal .sp-arrows .sp-arrow.sp-next-arrow { background-position:-16px 0; right:0; }
.spinner-master input[type=checkbox] { display: none; }
.mobile_menu { display:none;}

.nav_wrapper { position:fixed; left:0; top:0; width:100%; transition:all .5s ease-out; height:100px; z-index:100; background:#006a87; }
.nav_wrapper.no-scroll { top: 0; z-index: 9999; }
.nav_wrapper.hover {  }
.nav_wrapper.scroll { top:-10px; }
.nav_wrapper .header-in { width:100%; max-width:1800px; margin:0 auto; position:relative; padding:0 20px; height:100px;}
.nav_wrapper:after { display:block; content:''; width:100%; height:21px; background:url(../images/header_shadow.png) 0 0 repeat-x; top:100px; z-index:99;  }

.nav_wrapper .header-in h1.logo { width:210px; position:absolute; top:50%;left:20px; transform:translateY(-50%); }
.nav_wrapper .header-in h1.logo a { display:block; width:100%; }
.nav_wrapper .header-in h1.logo a img { width:100%; }

.menu { width:100%; transition:all 0.3s ease; box-sizing:border-box; position:relative;  }
.menu .dropdown { padding:0px; margin:0px; list-style:none; float:right; }
.menu .dropdown:after { display:block; clear:both; content:''; }
.menu .dropdown > li { display: block; float:left; position:relative; }
.menu .dropdown > li:before { display:block; position:absolute; top:50%; transform:translateY(-50%); left:0px; content:''; width:1px; height:16px; background:rgba(255,255,255,0.2); }
.menu .dropdown > li:first-child:before { display:none; }
.menu .depth_01 { }
.menu .depth_01 > a { text-decoration:none; color:#fff; font-size:18px; line-height:100px; height:100px; padding:0 30px; position:relative; transition:all 0.3s ease-out;}
.menu .depth_01 a.hover { color:#fccb06; }
.menu .depth_01.on a { color:#fccb06; }
.menu .depth_01.has-child > a:after {width:11px; height:8px; background:url(../images/common/nav_arw.png)left center no-repeat; display:inline-block; content:''; margin-left:10px; transition:all 0.3s ease-out; }
.menu .depth_01.has-child > a:hover:after,
.menu .depth_01.has-child > a.on:after { background:url(../images/common/nav_arw_w.png)left center no-repeat; }
.nav_wrapper .has-submenu.hover:after { background:url(../images/common/submenu_bg.png) 0 0 repeat-x;  content:''; width:100%; left:0; right:0; height:50px; position:absolute; top:100%; height:59px; padding-bottom:9px; }
.menu .depth_01 .sub-menu { display:none; z-index:20; position:absolute; top:100%; left:0; right:0; }
.menu .depth_01 .sub-menu li { display:inline-block; }
.menu .depth_01 .sub-menu li a { display:inline-block; transition:all .5s ease-out; }
.menu .depth_01 .sub-menu:after { display:block; clear:both; content:''; }



/* footer */
.footerWrap { background:#efefef; padding:30px 0; padding-bottom:100px; }
.footerWrap .footer { width:100%; max-width:1200px; margin:0 auto; padding:0 20px;}
.footerWrap .footer:after { display:block; clear:both; content:''; }
.footerWrap .footer .f_logo { width:270px; float:left; } 
.footerWrap .footer .f_logo img { width:137px; }
.footerWrap .footer .footer_address { width:calc(100% - 270px); float:left; }
.footerWrap .footer .footer_address .f_menu { margin-bottom:20px; }
.footerWrap .footer .footer_address .f_menu a { font-size:15px; color:#111; position:relative; font-weight:500; }
.footerWrap .footer .footer_address .f_menu a + a { margin-left:30px; padding-left:31px; }
.footerWrap .footer .footer_address .f_menu a + a:before { display:block; width:1px; height:12px; background:#ccc; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.footerWrap .footer .footer_address .copyright { line-hgith:22px; font-size:14px; color:#555; letter-spacing:0.01em; }
.footerWrap .footer .footer_address .copyright p span + span { margin-left:10px; }


/* 하단고정 버튼*/
.bottomQuickWrap { z-index:100; position:fixed; bottom:0; left:0; right:0; width:100%; background:#2c2c2c; border-top:1px solid #111;}
.bottomQuickWrap .bottomQuick { width:100%; max-width:1200px; margin:0 auto; }
.bottomQuickWrap .bottomQuick ul { display:flex; justify-content:space-between; }
.bottomQuickWrap .bottomQuick ul li { width:33.3333%; height:100%; flex-shrink:0; text-align:center;	flex-grow:1; height:90px; align-items:center; display:flex; }
.bottomQuickWrap .bottomQuick ul li {  border-right:1px solid rgba(255,255,255,0.3); }
.bottomQuickWrap .bottomQuick ul li a { color:#fff; width:100%; text-align:center; color:#fff; font-size:16px; line-height:20px; }
.bottomQuickWrap .bottomQuick ul li.telNumber { background:#19494a; }
.bottomQuickWrap .bottomQuick ul li.telNumber a span,
.bottomQuickWrap .bottomQuick ul li.telNumber a strong { display:block; text-align:center; }
.bottomQuickWrap .bottomQuick ul li.telNumber a { pointer-events:none; cursor:default; }
.bottomQuickWrap .bottomQuick ul li a img { margin-bottom:5px; }
.bottomQuickWrap .bottomQuick ul li.telNumber a span { height:30px; }
.bottomQuickWrap .bottomQuick ul li.telNumber a strong { font-size:20px; font-weight:600; letter-spacing:0; }


@media all and (max-width:1600px) {

}



/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 

	
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 	
	/* header */
	.menu .depth_01 > a { padding:0 25px; }
	
	/* footer */
	.footer .footer_address { font-size:13px; }
	.footer .footer_address .inner .f_logo { display:none; }
	.footer .footer_address .inner .copyright { width:100%; float:none;  padding:0 10px; text-align:center; }
	.footer .fmenuWrap .fmenu li a { padding:0 20px; font-size:14px; }

	/* 하단고정 버튼*/
	.bottomQuickWrap .bottomQuick ul li { height:80px; }
	.bottomQuickWrap .bottomQuick ul li a { font-size:15px; line-height:19px; }
	.bottomQuickWrap .bottomQuick ul li.telNumber a strong { font-size:18px; }
	
}

@media all and (max-width: 960px) {
	/* header */
	.nav_wrapper .header-in h1.logo { position:relative;  padding:0; top:0; left:0; right:0; transform:translateY(0); width:160px; margin:0 auto; height:50px; padding-top:8px; }
	.menu { text-align:center; }
	.menu .dropdown { margin-top:0; float:none; display:inline-block; }
	.menu .depth_01 > a { font-size:16px; line-height:50px; height:50px;  }
	
	/* footer */
	.footerWrap { padding:30px 0; padding-bottom:70px;}
	.footerWrap .footer { padding:0 20px;}
	.footerWrap .footer .f_logo {display:none; } 
	.footerWrap .footer .footer_address { width:100%; }
	.footerWrap .footer .footer_address .f_menu { margin-bottom:20px; }
	.footerWrap .footer .footer_address .copyright { line-hgith:22px; font-size:13px; color:#555; letter-spacing:0.0em; }
	.footerWrap .footer .footer_address .copyright p span + span { margin-left:7px; }

	/* 하단고정 버튼*/
	.bottomQuickWrap .bottomQuick ul li { height:70px; }
	.bottomQuickWrap .bottomQuick ul li a { font-size:13px; line-height:16px; }
	.bottomQuickWrap .bottomQuick ul li.telNumber a strong { font-size:16px; }
	
}


/* ================================== Mobile css ================================== */

@media all and (max-width: 767px) { 
	/* header */	
	.nav_wrapper { height:60px; }
	.nav_wrapper .header-in { height:60px;}	
	.menu { display:none; }	
	.nav_wrapper .header-in h1.logo { padding-top:12px; }
	
	.spinner-master * { transition:all 0.3s; box-sizing:border-box; }
	.spinner-master { height:30px; width:30px; z-index:1000; position:absolute; top:22px; left:15px; }
	.spinner-master label { cursor:pointer; position:absolute; z-index:99; height:100%; width:100%; top:0px; left:0;   }
	.spinner-master .spinner { position:absolute; height:4px; width:100%; padding:0; background-color:#fff; border-radius:2px; }
	.nav_wrapper.hover .spinner-master .spinner,
	.nav_wrapper.scroll .spinner-master .spinner  { background-color:#fff; transition:all 0.3s ease; }
	.spinner-master .diagonal.part-1 { position:relative; float:left; }
	.spinner-master .horizontal { position:relative; float:left; margin-top:4px; }
	.spinner-master .diagonal.part-2 { position:relative; float:left; margin-top:4px; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:6px;	background-color:#fff; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg);  -webkit-transform:rotate(-135deg);  margin-top:-12px; background-color:#fff; } 	
	.mobile_menu {
	display:block;	
	position: fixed;
	height: 100%;
	left: -100%;
	top: 0px;
	visibility: hidden;
	/* the secondary navigation is covered by the main element */
	z-index: 1;
	width: 100%;
	background-color: #fff;
	padding-top:0px;
	overflow-y: auto;
	z-index:100;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;  
	-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s;
	/* this creates the subtle slide in animation of the navigation */
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	}
	.mobile_menu.active {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(10%0);
	visibility: visible;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
	transition: transform .4s 0s, visibility 0s 0s;
	/* smooth the scrolling on touch devices - webkit browsers */
	-webkit-overflow-scrolling: touch;
	}
	
	.mobile_menu  { }	
	.mobile_menu:before { width:100%; height:60px; background:#006a87; position:fixed; top:0; left:0; content:''; z-index:100; }
	.mobile_menu  .m_nav { border-top:1px solid #ccc; width:100%; margin-top: 100px; }
	.mobile_menu  .m_nav .dep_01 { padding:5px 10px; border-bottom:1px solid #ccc; }
	.mobile_menu  .m_nav .dep_01 > a { font-size:18px; color:#111; font-weight:500; line-height:40px;position:relative; display:block; }
	.mobile_menu  .m_nav .dep_02 { display:block; padding-left:5px; }
	.mobile_menu  .m_nav .dep_02 li { display:inline-block; position:relative; }
	.mobile_menu  .m_nav .dep_02 li:before { display:inline-block; width:1px; height:12px; background:#ccc; content:''; position:absolute; top:12px; left:0; }
	.mobile_menu  .m_nav .dep_02 li:first-child:before { display:none; }
	.mobile_menu  .m_nav .dep_02 li a { display:block; padding:8px 15px; font-size:15px; color:#777;  }
	.mobile_menu  .m_nav .dep_02 li:first-child a { padding-left:0;  }	

	/* footer */
	.footerWrap { padding:20px 0; padding-bottom:80px; }
	.footerWrap .footer { padding:0 10px;}
	.footerWrap .footer .footer_address .f_menu { margin-bottom:10px; text-align:center; }
	.footerWrap .footer .footer_address .f_menu a { font-size:13px; }
	.footerWrap .footer .footer_address .f_menu a + a { margin-left:20px; padding-left:21px; }
	.footerWrap .footer .footer_address .copyright { line-hgith:20px; font-size:12px;  }
	.footerWrap .footer .footer_address .copyright p span + span { margin-left:0px; }
	.footerWrap .footer .footer_address .copyright p span { padding:0 3px; }

	

}

@media all and (max-width: 559px) { 
	.footerWrap {  padding-bottom:66px; }

	/* 하단고정 버튼*/
	.bottomQuickWrap .bottomQuick ul li { height:66px; }
	.bottomQuickWrap .bottomQuick ul li a { font-size:12px; line-height:12px; }
	.bottomQuickWrap .bottomQuick ul li.telNumber a strong { font-size:13px; }
	.bottomQuickWrap .bottomQuick ul li a p span { display:block; font-size:11px; }
	.bottomQuickWrap .bottomQuick ul li a img { width:auto; height:20px; }
	.bottomQuickWrap .bottomQuick ul li.telNumber a span { height:20px; }
	.bottomQuickWrap .bottomQuick ul li.telNumber a { pointer-events:initial;  }
}















/*!
*  - v1.2.2
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/
.slider-pro {
	position: relative;
	margin: 0 auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.sp-slides-container {
	position: relative;
}

.sp-mask {
	position: relative;
	overflow: hidden;
}

.sp-slides {
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.sp-slide {
	position: absolute;
}

.sp-image-container {
	overflow: hidden;
}

.sp-image {
	position: relative;
	display: block;
	border: none;
}

.sp-no-js {
	overflow: hidden;
	max-width: 100%;
}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
	position: relative;
	overflow: hidden;
}

.sp-top-thumbnails,
.sp-bottom-thumbnails  {
	left: 0;
	margin: 0 auto;
}

.sp-top-thumbnails {
	position: absolute;
	top: 0;
	margin-bottom: 4px;
}

.sp-bottom-thumbnails {
	margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
	position: absolute;
	top: 0;
}

.sp-right-thumbnails {
	right: 0;
	margin-left: 4px;
}

.sp-left-thumbnails {
	left: 0;
	margin-right: 4px;
}

.sp-thumbnails {
	position: relative;
}

.sp-thumbnail {
    border: none;
}

.sp-thumbnail-container {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left: 2px;
	margin-right: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
	margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
	margin-right: 0;
}

/* Vertical thumbnails 
----------------------*/
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
	margin-top: 2px;
	margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
	margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
	margin-bottom: 0;
}

/* Right thumbnails with pointer
--------------------------------*/
.sp-right-thumbnails.sp-has-pointer {
	margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	left: 18px;
	margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	height: 100%;
	border-left: 5px solid #F00;
	left: 0;
	top: 0;
	margin-left: 13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 50%;
	margin-top: -8px;
	border-right: 13px solid #F00;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/* Left thumbnails with pointer
-------------------------------*/
.sp-left-thumbnails.sp-has-pointer {
	margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	height: 100%;
	border-left: 5px solid #F00;
	right: 0;
	top: 0;
	margin-right: 13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 50%;
	margin-top: -8px;
	border-left: 13px solid #F00;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/* Bottom thumbnails with pointer
---------------------------------*/
.sp-bottom-thumbnails.sp-has-pointer {
	margin-top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	top: 18px;
	margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 5px solid #F00;
	top: 0;
	margin-top: 13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 0;
	margin-left: -8px;
	border-bottom: 13px solid #F00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

/* Top thumbnails with pointer
------------------------------*/
.sp-top-thumbnails.sp-has-pointer {
	margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 5px solid #F00;
	bottom: 0;
	margin-bottom: 13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	bottom: 0;
	margin-left: -8px;
	border-top: 13px solid #F00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

/* Layers
--------------------------------------------------*/
.sp-layer {
	position: absolute;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
}

.sp-black {
	color: #FFF;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
}

.sp-white {
	color: #000;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
}

.sp-rounded {
	border-radius: 10px;
}

.sp-padding {
	padding: 10px;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
	cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
	cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
	cursor: default;
}

/* Caption
--------------------------------------------------*/
.sp-caption-container {
	text-align: center;
	margin-top: 10px;
}

/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
	margin: 0 !important;
	background-color: #000;
}

.sp-full-screen-button {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sp-full-screen-button:before {
	content: '\2195';
}

.sp-fade-full-screen {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
	opacity: 1;
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.sp-button {
	/*width: 10px;
	height: 10px;
	border: 2px solid #000;
	border-radius: 50%;
	margin: 4px;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;*/
}

.sp-selected-button {
	/*background-color: #000;*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sp-button {
		width: 14px;
		height: 14px;
	}
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
	.sp-button {
		width: 16px;
		height: 16px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
	.sp-button {
		width: 18px;
		height: 18px;
	}
}

/* Arrows
--------------------------------------------------*/
.sp-arrows {
	position: absolute;
}

.sp-fade-arrows {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
	opacity: 1;
}

.sp-horizontal .sp-arrows {
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: -15px;
}

.sp-vertical .sp-arrows {
	height: 100%;
	left: 50%;
	top: 0;
	margin-left: -10px;
}

.sp-arrow {
	position: absolute;
	display: block;
	width: 20px;
	height: 30px;
	cursor: pointer;
}

.sp-vertical .sp-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
	left: 20px;
}

.sp-horizontal .sp-next-arrow {
	right: 20px;
}

.sp-vertical .sp-previous-arrow {
	top: 20px;
}

.sp-vertical .sp-next-arrow {
	bottom: 20px;
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #FFF;
}

.sp-previous-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg);
}

.sp-previous-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg);
}

.sp-next-arrow:before {
	right: 30%;
	top: 0;
	-webkit-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
}

.sp-next-arrow:after {
	right: 30%;
	top: 50%;
	-webkit-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
}

.ie8 .sp-arrow,
.ie7 .sp-arrow {
	width: 0;
	height: 0;
}

.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
	content: none;
}

.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
	border-right: 20px solid #FFF;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
	border-left: 20px solid #FFF;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
	border-bottom: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
	border-top: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
	position: absolute;
}

.sp-fade-thumbnail-arrows {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
	opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -7px;
}

.sp-thumbnail-arrow {
	position: absolute;
	display: block;
	width: 15px;
	height: 25px;
	cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
	left: 0px;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
	right: 0px;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
	top: 0px;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
	bottom: 0px;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #FFF;
}

.sp-previous-thumbnail-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
	right: 30%;
	top: 0;
	-webkit-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
	right: 30%;
	top: 50%;
	-webkit-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
}

.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
	width: 0;
	height: 0;
}

.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
	content: none;
}

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
	border-right: 12px solid #FFF;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
	border-left: 12px solid #FFF;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
	border-bottom: 12px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
	border-top: 12px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

/* Video
--------------------------------------------------*/
a.sp-video {
	text-decoration: none;
}

a.sp-video img {
	-webkit-backface-visibility: hidden;
	border: none;
}

a.sp-video:after {
	content: '\25B6';
	position: absolute;
	width: 45px;
	padding-left: 5px;
	height: 50px;
	border: 2px solid #FFF;
	text-align: center;
	font-size: 30px;
	border-radius: 30px;
	top: 0;
	color: #FFF;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
	margin: auto;
	line-height: 52px;
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
	max-width: none;
	max-height: none;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	-webkit-box-shadow: none !important;
	-mox-box-shadow: none !important;
	box-shadow: none !important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.slider-pro a {
	position: static;
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
}

.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
	max-width: none;
	max-height: none;
}

.slider-pro p.sp-layer {
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h1.sp-layer {
	font-size: 32px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h2.sp-layer {
	font-size: 24px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h3.sp-layer {
	font-size: 19px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h4.sp-layer {
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h5.sp-layer {
	font-size: 13px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h6.sp-layer {
	font-size: 11px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro img.sp-layer {
	border: none;
}@charset "utf-8";

.mainCnts  { }

#mainVisual .sp-slide {  }
#mainVisual .sp-buttons { position:absolute; width:100%; text-align:center; padding-top:0; left:0; right:0; bottom:35px; z-index:10;}
#mainVisual .sp-buttons .sp-button { width:14px; height:14px; border-radius:7px; background:rgba(255,255,255,0.3); margin:0 5px; display:inline-block; }
#mainVisual .sp-buttons .sp-button.sp-selected-button { background:rgba(255,255,255,1); width:50px; }
#mainVisual .sp-caption-container { position:absolute; top:28%; left:15%; text-align:left; }
#mainVisual .sp-caption-container h1 { color:#000; font-size:65px; margin-bottom:30px; font-weight:400; line-height:1; }
#mainVisual .sp-caption-container h1 strong { font-weight:500; }
#mainVisual .sp-caption-container p { font-size:24px; line-height:40px; color:#111; font-weight:300; }
#mainVisual .sp-caption-container p span { display:block; }
#mainVisual .sp-caption-container p.small { font-size:25px; margin-bottom:15px; font-weight:600; }

/* 업무분야 */
.businessWrap {}
.businessWrap .titWrap { text-align:center; padding:60px 20px; }
.businessWrap .titWrap h1 { color:#000; font-size:52px; font-weight:500; line-height:1; }
.businessWrap .titWrap p { margin-top:10px; color:#333; font-size:17px; }
.businessWrap .businessBg { background:url(../images/main_business_bg.jpg) center center no-repeat; background-size:cover; padding:100px 0; }
.businessWrap .businessBg .business { padding:0 10px; }
.businessWrap .businessBg .business:after { display:block; clear:both; content:''; }
.businessWrap .businessBg .business li { padding:0 10px; width:33.3333%; float:left; }
.businessWrap .businessBg .business .item { border:2px solid #fff; text-align:center; padding:50px 30px; transition:all 0.3s; border-radius:0;  }
.businessWrap .businessBg .business .item:hover { border:2px solid #333; transition:all 0.3s; border-radius:20px;  } 
.businessWrap .businessBg .business .item a { display:block;}
.businessWrap .businessBg .business .item h2 { font-size:35px; color:#111; position:relative; line-height:1; height:60px;  }
.businessWrap .businessBg .business .item h2:after { height:2px; width:46px; background:#333; display:block; margin:0 auto; content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.businessWrap .businessBg .business .item p { height:220px; font-size:17px; line-height:25px; color:#111; font-weight:300; margin-top:30px; }
.businessWrap .businessBg .business .item span { display:block; margin:0 auto; width:150px; line-height:40px; background:#111; color:#fff; font-size:17px; position:relative; }
.businessWrap .businessBg .business .item span:after { width:1px; height:16px; background:#fff; content:''; transform:rotate(-45deg); transform-origin:right bottom;  position:absolute; bottom:0; right:0; }
.hover_line { position:relative; }
/*.hover_line:before,
.hover_line:after { content:'';	position:absolute; z-index:1; display:inline-block;	width:0px; height:2px;
	-webkit-transition-duration: .1s;
	-o-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
.hover_line:before{	top:-2px; left:-2px; opacity:0; background:#000; }
.hover_line:after{ bottom:-2px; right:-2px; background:#000; }
.hover_line:hover:before{ opacity:1; width:calc(100% + 2px); }
.hover_line:hover:after {
	-webkit-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s;
	width:calc(100% + 2px);
	}
.hover_line a:before,
.hover_line a:after { content:''; position:absolute; z-index:1;	display:inline-block; width:2px; height:0px;
	-webkit-transition-duration: .1s;
	-o-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
.hover_line a:before{ top:-2px; right:-2px; background:#000; }
.hover_line a:after{ bottom:-2px; left:-2px; background:#000; }
.hover_line:hover a:before{
	-webkit-transition-delay: .20s;
	-o-transition-delay: .20s;
	transition-delay: .20s;
	height:calc(100% + 2px);
}
.hover_line:hover a:after {
	-webkit-transition-delay: .70s;
	-o-transition-delay: .70s;
	transition-delay: .70s;
	height:calc(100% + 2px);
}*/

/* 세결소식 */
.newsWrap { background:#f2f2f2; padding-bottom:100px; }
.newsWrap .titWrap { text-align:center; padding:60px 20px; }
.newsWrap .titWrap h1 { color:#000; font-size:52px; font-weight:500; line-height:1; }
.newsWrap .titWrap p { margin-top:10px; color:#333; font-size:17px; } 
.newsWrap .tabWrap .tab {padding:0 10px; }
.newsWrap .tabWrap .tab:after  { display:block; clear:both; content:'';  }
.newsWrap .tabWrap .tab li { display:block; width:50%; float:left; margin-left:-1px; }
.newsWrap .tabWrap .tab li a { display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:24px; color:#777; border:1px solid #ccc; background:#fff; }
.newsWrap .tabWrap .tab li:hover a { color:#333; }
.newsWrap .tabWrap .tab li.on a { background:#111; color:#fff; font-weight:500; border-color:#333; }
.newsWrap .tabContent { margin-top:30px; }
.mainBoardWrap {}
.mainBoardWrap ul.mainBoard { clear:both; }
.mainBoardWrap ul.mainBoard:after { display:block; clear:both; content:''; }
.mainBoardWrap ul.mainBoard li { width:25%; float:left; padding:10px; }
.mainBoardWrap .mainBoard .newsItem { border:1px solid #ccc; padding:30px; height:380px; position:relative; }
.mainBoardWrap .mainBoard .newsItem .a { display:block; width:100%;}
.mainBoardWrap .mainBoard .newsItem .cat {}
.mainBoardWrap .mainBoard .newsItem .cat span { display:inline-block; background:#006a87; color:#fff; font-weight:500; font-size:17px; padding:0 10px; line-height:32px; }
.mainBoardWrap .mainBoard .newsItem .subject { margin-top:7px; color:#333; font-size:17px; line-height:1.6em; max-height:3.2em; font-weight:500; /*white-space:nowrap;*/ 
display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all;}
.mainBoardWrap .mainBoard .newsItem .date { font-size:17px; color:#111; font-weight:600; margin-top:15px; display:none; }
.mainBoardWrap .mainBoard .newsItem .cnts { font-size:15px; color:#333; line-height:1.6em; max-height:4.8em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-break:break-all; margin-top:15px; }
.mainBoardWrap .mainBoard .newsItem .lawyer { position:absolute; bottom:0px; left:0; width:100%; padding:30px;}
.mainBoardWrap .mainBoard .newsItem .lawyer:after { display:block; clear:both; content:''; }
.mainBoardWrap .mainBoard .newsItem .lawyer .pic { width:100px; height:100px; float:left;}
.mainBoardWrap .mainBoard .newsItem .lawyer .pic img { width:100%; }
.mainBoardWrap .mainBoard .newsItem .lawyer .name { font-size:18px; font-weight:500; color:#333; float:left; margin-top:40px; width:calc(100% - 100px); padding-left:10px;  }
.mainBoardWrap .mainBoard .newsItem .lawyer .name small { display:block; font-size:14px; margin-top:3px; }
.mainBoardWrap .mainBoard.news02 .newsItem .subject  {  max-height:4.8em; display:-webkit-box; -webkit-line-clamp:3; }
.mainBoardWrap .mainBoard.news02 .newsItem .cnts   { max-height:8em; display:-webkit-box; -webkit-line-clamp:5; }
.mainBoardWrap .more_view { width:160px; line-height:41px; color:#333; font-size:17px; text-align:center; position:relative; float:right; margin-right:10px; border:1px solid #ccc; }
.mainBoardWrap .more_view:after {  width:1px; height:16px; background:#ccc; content:''; transform:rotate(-45deg); transform-origin:right bottom;  position:absolute; bottom:0; right:0;  }
.mainBoardWrap .more_view:hover { background:#111; border-color:#111; color:#fff; }
.mainBoardWrap .more_view:hover:after { background:#fff; } 

.mainLocationWrap { background:#2c2c2c; padding:100px 0; }
.mainLocationWrap .mainLocation { width:100%; max-width:1200px; margin:0 auto; padding:0 20px;  }
.mainLocationWrap .mainLocation:after { display:block; clear:both; content:''; }
.mainLocationWrap .mainLocation .titWrap { color:#fff; } 
.mainLocationWrap .mainLocation .titWrap h1 { font-size:45px; line-height:1; margin-bottom:10px;  }
.mainLocationWrap .mainLocation .titWrap small { font-size:18px; display:block; font-weight:300; margin-top:5px;  }
.mainLocationWrap .mainLocation .locationInfo { width:calc(100% - 640px); float:left; color:#fff; }
.mainLocationWrap .mainLocation .locationMap { width:640px; float:right; margin-top:-70px; }
.mainLocationWrap .mainLocation .locationInfo dl { margin-top:50px;}
.mainLocationWrap .mainLocation .locationInfo dl dt { width:140px; float:left; font-size:18px; position:relative; font-weight:600; padding-bottom:5px; }
.mainLocationWrap .mainLocation .locationInfo dl dt:after { display:block; width:25px; height:1px; content:''; background:#fff; position:absolute; left:0; bottom:-5px; }
.mainLocationWrap .mainLocation .locationInfo dl dd { width:calc(100% - 140px); float:left; font-size:16px; }
.mainLocationWrap .mainLocation .locationInfo dl dd ul li+li { margin-top:10px; }
.mainLocationWrap .mainLocation .locationInfo dl:after { display:block; clear:both; content:''; }
.mainLocationWrap .mainLocation .locationMap img.large { display:block; }
.mainLocationWrap .mainLocation .locationMap img.mid { display:none; }
locationInfo .num { color:#fff !important; }




/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {

}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	#mainVisual .sp-caption-container {  top:180px; left:50px; text-align:left; }
	#mainVisual .sp-caption-container h1 {font-size:50px; margin-bottom:20px;}
	#mainVisual .sp-caption-container p { font-size:20px; line-height:32px; }
	#mainVisual .sp-caption-container p.small { font-size:25px; margin-bottom:10px;}
	
	/* 업무분야 */
	.businessWrap .titWrap { padding:40px 20px; }
	.businessWrap .titWrap h1 { font-size:42px; }
	.businessWrap .titWrap p { font-size:16px; }	
	.businessWrap .businessBg { padding:60px 0; }
	.businessWrap .businessBg .business li { padding:0 5px; }
	.businessWrap .businessBg .business .item { text-align:center; padding:30px 20px; }
	.businessWrap .businessBg .business .item h2 { font-size:29px; height:50px;  }
	.businessWrap .businessBg .business .item h2:after {  }
	.businessWrap .businessBg .business .item p { height:220px; font-size:16px; line-height:23px; margin-top:20px; }
	.businessWrap .businessBg .business .item span { line-height:38px; font-size:16px;}
	
	/* 세결소식 */
	.newsWrap { padding-bottom:80px; }
	.newsWrap .titWrap { padding:40px 20px; }
	.newsWrap .titWrap h1 {  font-size:42px; }
	.newsWrap .titWrap p { font-size:16px; } 
	.newsWrap .tabWrap .tab li a { height:50px; line-height:46px; font-size:20px; }
	.newsWrap .tabContent { margin-top:20px; }	
	.mainBoardWrap ul.mainBoard li { width:33.3333%; float:left; padding:5px; }
	.mainBoardWrap ul.mainBoard li:nth-child(4) { display:none; }
	.mainBoardWrap .mainBoard .newsItem { padding:15px; height:330px; position:relative; }	
	.mainBoardWrap .mainBoard .newsItem .date { margin-top:10px;}
	.mainBoardWrap .mainBoard .newsItem .cnts { margin-top:10px; font-size:14px; }
	.mainBoardWrap .mainBoard .newsItem .lawyer { padding:15px;}	
	.mainBoardWrap .mainBoard .newsItem .lawyer .pic { width:90px; height:90px; }	
	.mainBoardWrap .mainBoard .newsItem .lawyer .name { font-size:17px; margin-top:30px; width:calc(100% - 90px); padding-left:10px;  }	
	.mainBoardWrap .mainBoard .newsItem .lawyer .name small { font-size:14px; margin-top:3px; }	
	.mainBoardWrap .mainBoard.news02 .newsItem .subject  {  max-height:4.8em; display:-webkit-box; -webkit-line-clamp:3; }
	.mainBoardWrap .mainBoard.news02 .newsItem .cnts   { max-height:8em; display:-webkit-box; -webkit-line-clamp:5; }
	.mainBoardWrap .more_view { width:150px; line-height:38px; font-size:15px; font-weight:500; }	

}


@media all and (max-width: 960px) { 
	/* 오시는길 */
	.mainLocationWrap { padding:50px 0; }
	.mainLocationWrap .mainLocation { padding:0 20px; }
	.mainLocationWrap .mainLocation .titWrap { border-bottom:1px solid rgba(255,255,255,0.3); }
	.mainLocationWrap .mainLocation .titWrap h1 { font-size:35px; }
	.mainLocationWrap .mainLocation .titWrap small { font-size:16px; display:inline;  }
	.mainLocationWrap .mainLocation .locationInfo { width:100%; float:none; }
	.mainLocationWrap .mainLocation .locationMap { width:100%; float:none; margin-top:20px; }
	.mainLocationWrap .mainLocation .locationInfo dl { margin-top:15px; padding-left:10px;}
	.mainLocationWrap .mainLocation .locationInfo dl dt { width:150px; font-size:17px; font-weight:600; padding-bottom:5px; }
	.mainLocationWrap .mainLocation .locationInfo dl dd { width:calc(100% - 150px); font-size:15px; color:rgba(255,255,255,0.7); }
	.mainLocationWrap .mainLocation .locationInfo dl dd ul li+li { margin-top:7px; }
	.mainLocationWrap .mainLocation .locationMap img.large { display:none; }
	.mainLocationWrap .mainLocation .locationMap img.mid { display:block; }
	
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) { 
	#mainVisual .sp-caption-container {  top:100px; left:0px; text-align:center; width:100%; padding:20px 10px; background:rgba(255,255,255,0.4);}
	#mainVisual .sp-caption-container h1 {font-size:25px; margin-bottom:10px;}
	#mainVisual .sp-caption-container p { font-size:15px; line-height:26px; word-break:keep-all; }
	#mainVisual .sp-caption-container p span { display:inline; }
	#mainVisual .sp-caption-container p.small { font-size:16px; margin-bottom:5px;}
	#mainVisual .sp-buttons { bottom:15px; }

	
	/* 업무분야 */
	.businessWrap .titWrap { padding:30px 10px; }
	.businessWrap .titWrap h1 { font-size:25px; }
	.businessWrap .titWrap p { font-size:14px; }	
	.businessWrap .businessBg { padding:40px 0; }
	.businessWrap .businessBg .business li { padding:0 5px; width:100%; float:none; }
	.businessWrap .businessBg .business li + li { margin-top:10px; }
	.businessWrap .businessBg .business .item { text-align:center; padding:20px 10px; }
	.businessWrap .businessBg .business .item h2 { font-size:20px; height:30px;  }
	.businessWrap .businessBg .business .item p { height:auto; font-size:14px; line-height:20px; margin-top:15px; }
	.businessWrap .businessBg .business .item span { line-height:34px; font-size:14px; margin-top:15px; }
	
	/* 세결소식 */
	.newsWrap { padding-bottom:30px; }
	.newsWrap .titWrap { padding:30px 10px; }
	.newsWrap .titWrap h1 {  font-size:25px; }
	.newsWrap .titWrap p { font-size:14px; } 
	.newsWrap .tabWrap .tab li a { height:40px; line-height:40px; font-size:16px; }	
	.mainBoardWrap ul.mainBoard li { width:50%; float:left; padding:5px; }
	.mainBoardWrap ul.mainBoard li:nth-child(4) { display:block; }
	.mainBoardWrap .mainBoard .newsItem { padding:10px; height:280px; position:relative; }	
	.mainBoardWrap .mainBoard .newsItem .date { margin-top:7px; font-size:15px; }
	.mainBoardWrap .mainBoard .newsItem .cnts { margin-top:10px; font-size:13px; }
	.mainBoardWrap .mainBoard .newsItem .lawyer { padding:10px;}	
	.mainBoardWrap .mainBoard .newsItem .lawyer .pic { width:70px; height:70px; }	
	.mainBoardWrap .mainBoard .newsItem .lawyer .name { font-size:15px; margin-top:20px; width:calc(100% - 70px); padding-left:5px;  }	
	.mainBoardWrap .mainBoard .newsItem .lawyer .name small { font-size:12px; }	
	.mainBoardWrap .mainBoard .newsItem .cat span { font-size:14px; padding:0 10px; line-height:28px; }
	.mainBoardWrap .mainBoard .newsItem .subject { margin-top:5px; font-size:15px; max-height:3.2em; display:-webkit-box; -webkit-line-clamp:2; }	
	.mainBoardWrap .more_view { width:120px; line-height:34px; font-size:13px; }
	
	/* 오시는길 */
	.mainLocationWrap { padding:30px 0; }
	.mainLocationWrap .mainLocation { padding:0 10px; }
	.mainLocationWrap .mainLocation .titWrap h1 { font-size:25px; }
	.mainLocationWrap .mainLocation .titWrap small { font-size:14px; display:block;  }
	.mainLocationWrap .mainLocation .locationInfo dl { padding-left:0px;}
	.mainLocationWrap .mainLocation .locationInfo dl dt { width:120px; font-size:15px; font-weight:500;  }
	.mainLocationWrap .mainLocation .locationInfo dl dd { width:calc(100% - 120px); font-size:13px; }
	.mainLocationWrap .mainLocation .locationInfo dl dd ul li+li { margin-top:5px; }
	
}



@media all and (max-width: 440px) {
	
}















