@charset "utf-8";
@import url("../css/reset.css");
body { position: relative;}

.tooltip {
  display: inline-block;
  color: deeppink;
  font-weight: bold;
}

.tooltip-text {
  display: none;
  position: absolute;
  margin-left:70px;
  margin-top:-30px;
  max-width: 200px;
  border-radius: 5px;
  padding: 5px;
  font-size: 1em;
  background: #d0d0d0;
  color:#000;
}

.tooltip:hover .tooltip-text {
  display: block;
}

.skipNav{
    position: absolute; left:0; top:-50px;
	text-indent:-9999px; font-size:0;
	width:100%; z-index:9999;
}
.skipNav a:focus,
.skipNav a:active {
	position:absolute; left:0; top:50px;
	display:block; width:100%; padding: 5px 0; text-align: center;
	text-indent:0px; font-size:12px;
	font-weight:bold; background:#f2f2f2;
}
#wrap{ position: relative; }


.jbFixed { position: fixed; top: 0px;}
/*
.jbFixed #header { height:113px; position: relative; width:100%; background:#191919;z-index:1111; }
.jbFixed #header .logo { position: absolute; left:46px; top:31px; width:188px; height:44px; z-index:10;}
.jbFixed #header .logo a {
	display: block; width:100%; height: 100%; background:url(/imgs/logo.png) no-repeat; background-size:100%; text-indent: -9999px; font-size:0;
	transition:all 0.2s;
}
*/


/* header */
#header { height:113px; position: relative; width:100%; background:#191919;z-index:1111; }
#header .logo { position: absolute; left:46px; top:31px; width:188px; height:44px; z-index:10;}
#header .logo a {
	display: block; width:100%; height: 100%; background:url(/imgs/logo.png) no-repeat; background-size:100%; text-indent: -9999px; font-size:0;
	transition:all 0.2s;
}

/* 모바일 전체 메뉴 */
#menuWrap { display: block; position: fixed; left:-100%; top: 0; width:100%; height:100%; z-index: 9999; }
.insMenu { position:relative; width:100%; height:100%;  z-index:10; background:#191919; padding:70px 0; }
.insMenu::after { content:""; display: block; clear: both;}
.p_close { position:absolute; right:20px; top:20px; width:25px; height:25px; z-index:9999; cursor: pointer;}
.p_close img { width:100%; }

.m_nav { width:300px; margin:0 auto; }

.m_nav > li { position: relative; }
.m_nav > li > a {
	padding:15px 0 15px 30px; display:inline-block;
	font-size:16px; font-weight:bold; color:#fff; line-height: 16px;;
	position:relative;
}
.m_nav > li > a.on {
	position:relative;
	color:#fff;
}

.m_nav > li > a.m.on::after {
	content:"";
	background:url(/imgs/ic-mob-arrow.png) no-repeat;
	width:7px; height:15px;
	background-size:100%;
	display:block;
	position:absolute; left:127px; top:16px;
}

.m_nav > li > a span.down {
	display:block; width:12px; height:6px;
	position:absolute; right:6px; top:16px;
}
.m_nav > li > ul { display:none; position:absolute; right:0; top:0; padding:7px 0 0;  width:50%; z-index:99999; }
.m_nav > li > ul.on { display:block; }

.m_nav > li > ul li a {
	padding:8px 0 8px 15px;
	display:block; width:100%; font-size:16px; font-weight:400; color:#848484;
	line-height:16px;
}

.m_nav > li > ul li ul { display:none; position:relative; border-top:1px solid rgba(177,177,177,0.3);  }
.m_nav > li > ul li ul li { border-bottom:none; border-top:none; }


.gnbWrap { position:absolute; left:50%; top:0; z-index:9999; height:114px; width:760px; margin-left:-380px; }
#top_menu{
	width:100%;position:relative; height:114px;overflow:hidden;z-index:9999;
}
.menu_wrap{position:relative; }
.menu{ position:relative; text-align:right; vertical-align: middle; display: flex; justify-content: center;}
.menu > li{position:relative; height:114px; }
.first_mm { background:none !important; }
.menu > li:first-child { background:none !important; }
.menu a , .subMenu a{overflow:hidden;display:inline-block; }
.menu a{ display:flex;
	font-size:17px; color:#fff; text-align:center; font-weight:400; letter-spacing:-0.2px; position:relative;
	justify-content: center; align-items: center; height:100%;
}
.menu a:hover{ color:#fff; }
.menu a.on { position: relative; }
.menu a.on::after {
	content:""; width:100px; height:2px;
	background:#154cd8; position:absolute;
	left:50%; bottom:0; margin-left:-50px;
}

.subMenu{
	position:absolute;top:75px;left:0;z-index:33;
	text-align:left !important;border-bottom:none; height:280px;margin-top:0; z-index:9999;
	padding-top:60px; transition:all 0.2s ease 0.2s;
}
.subMenu > li { display:block; padding-bottom:7px; position: relative;}

.subMenu > li > a {
	display:block; padding:2px 0; color:#f0f0f0;font-size:16px !important; font-weight:300; text-align:center; }
.subMenu a{overflow:hidden; color:#f0f0f0 !important;}
.subMenu a:hover { color:#1890ff !important; text-decoration:none !important; }

.mn1,.mn2,.mn3,.mn4,.mn5 { width:150px; }
.sm001,.sm002,.sm003,.sm004,.sm005 { width:150px; }

.gnbOverBg {
	background:#191919; z-index:999;
	height:0; position:absolute; left:0; top:113px; width:100%; opacity:0;
	border-top:1px solid #323131; border-bottom:1px solid #d0d1d5;transition:all 0.2s;
}
.gnbOverBg.on { height:280px; opacity:1; }

.topSearch { display: none;}

.utility{ float:right; height:40px; z-index: 999; margin-top:35px; margin-right:60px;}
.utility a { float:left; margin-left:0; display:block; width:38px; height:40px; }
.tLogin { display:block; height:40px; background:url(/imgs/ic-login.png) no-repeat center; text-indent: -9999px; }
.tMypage { display:block; height:40px; background:url(/imgs/ic-mypage.png) no-repeat center; text-indent: -9998px; }
.tLogout { display:block; height:40px; background:url(/imgs/ic-logout.png) no-repeat center; text-indent: -9999px; }

.allMenu { display:none; }


/* main */
/* main search */
.mainSearchArea { padding:70px 0 78px; width:50%; margin:0 auto; max-width:750px; }
.sBox {
	border:1px solid #191919; width:100%; height:75px; margin:0 auto; border-radius:40px; padding:0 40px;
	display: flex; align-items: center; position: relative;
}
.sBox > * { border:none; background:none; }
.mainSearchLabel { }
.selType { height:26px; font-size:14px; width:140px; position:relative; }
.inpSearch { height:40px; width:100%; display: flex; padding:5px 0 5px 10px; align-items: center; position: relative; z-index: 1; }
.btnSearch {
	background:url(/imgs/ic-search.png) no-repeat center; display:block; width:26px; height:26px; text-indent: -9999px; overflow: hidden;
	position:absolute; right:40px; top:24px; z-index:2;
}

#section1 { padding-bottom:100px; }
.baseWidth { width:1440px; margin:0 auto; position: relative; }
.mainCopy { font-family:'Montserrat'; text-align: center; }
.mainCopy em { font-size:20px; font-weight:700; color:#afafaf; line-height: 1; display: block; margin-bottom:25px; }
.mainCopy strong {font-size:55px; font-weight:700; color:#000; letter-spacing:-0.25px; line-height: 1; }
.mList { padding:128px 0 0; display: flex; justify-content: space-between; }
.mList > li { width:448px; }
.mList > li.even { padding-top:230px; }

.con li { padding-bottom: 95px;  }
.con li a { display:block;  }
.con li a div { overflow: hidden; position: relative; }
.con li a img { display: block; transition: all 1s ease-out; }
.con li a h3 { margin:24px 0 0; font-size:24px; font-weight:700; color:#111111; font-family: 'Montserrat'; letter-spacing: -0.25px; }
.con li a p { color:#515151; line-height:21px; letter-spacing: -0.25px; padding:12px 0 0; word-break: keep-all; }

.con li a div::before {
	content:"";display:block; width:100%; height:100%; position: absolute; left: 0; top: 0; border:30px solid #12279e; z-index: 99;
	box-sizing: border-box; opacity: 0; transition: all 0.3s ease-out; transform: scale(1.1);
}
.con li a:hover div::before { opacity: 1; transform: scale(1); }
.con li a:hover img { transform: scale(1.1);}

@media (max-width:1440px){
	.baseWidth { width:100%; margin:0 auto; position: relative; padding:0 30px; }
	.mList > li { width:33.3333%; margin:0 15px; }
	.con li a img { width:100%; }
}

.moreDiv { text-align:center; }
.moreDiv a { font-size:19px; color:#111; font-weight:600; font-family: 'Montserrat'; display: inline-block; position: relative; padding:9px 75px 15px 0; line-height: 1; }
.moreDiv a::before { content:""; display:block; width:38px; height:38px; border-radius:20px; background:#e2e5f3; position:absolute; right:0; top:0; transition: all 0.3s; }
.moreDiv a::after { content:""; display:block; width:33px; height:8px; background: url(/imgs/ic-arrow2.png) no-repeat;  position:absolute; right:23px; top:15px; z-index:2; transition: all 0.3s; }

.moreDiv a:hover::before { transform: scale(1.3);}
.moreDiv a:hover::after { right: 19px; }

#section2 { background:#f8f8f8; padding:80px 0; }
#section2 > div { display: flex; justify-content: space-between; }
.libraryTitle { display: flex; flex-direction: column; justify-content: center; }
.libraryTitle > * { display: block; }
.libraryTitle em { font-size:29px; color:#010411; letter-spacing: -0.5px; font-style: normal; font-weight: 500;}
.libraryTitle strong { font-size:64px; color:#010411; letter-spacing: -0.5px; font-weight: 700; padding:30px 0 50px; line-height:1.2;}
.libraryTitle strong span { display: block; }
.libraryTitle strong span:nth-child(1) { letter-spacing: -2.5px;  }
.libraryTitle strong span:nth-child(2) { letter-spacing: 0.5px; }
.libraryTitle i { font-size:21px; color:#8b8b8b; letter-spacing: 0.38px; font-weight:700; font-style: normal; font-family: 'Montserrat';  }

.libraryCon { width:700px; }
.libraryCon li { border-top:1px solid #e2e2e2; }
.libraryCon li:nth-child(1) { border-top:none; }
.libraryCon li { padding:50px 0; display: flex; align-items: center; }
.libraryCon li span:nth-child(1) { padding-left:14px; flex:0 0 250px; font-size:23px; color:#12279e; font-weight:700; }
.libraryCon li span:nth-child(2) { text-align: left; display:block; color:#474747; font-size:23px; }
.libraryCon li span:nth-child(2) strong { display:block; font-weight:700; padding-bottom:4px; }
.libraryCon li span:nth-child(2) em { font-size:19px; font-weight:400; }



#section3 { padding:100px 0 140px;}
.am h2 { font-size:40px; font-weight:500; margin-bottom:30px; }
.am div { width:100%; height:171px; background:#000 url(/imgs/bg-alrim.jpg) no-repeat right 215px top 0; position: relative; }
.am div p { width:100%; height:171px; font-size:18px; font-weight: 700; letter-spacing: 0.5px; color:#fff; padding-left:44px; height: 100%;display: flex; align-items: center; }
.am div p span { display: inline; margin-right:7px;}
.am div a { position: absolute; right:50px; bottom: 28px; padding-right:18px; display:inline-block; font-size:13px; color:#fff; font-weight:400; line-height: 1; }
.am div a::after { content: ""; width: 7px; height:11px; background: url(/imgs/ic-arrow.png) no-repeat; position: absolute; right: 0; top: 0;}
.amList {  }
.amList li { padding: 30px 0; border-bottom: 1px solid #d6d6d6;}
.amList li a { display: flex; align-items: center; position: relative; }
.amList li a em { font-style: normal; flex:0 1 130px; padding-left:19px; position: relative; font-weight:500; color:#000; font-size:18px; }
.amList li a em::before { content:""; display: block; width:7px; height:7px; background:#000; border-radius:50%; position: absolute; left:0; top:50%; margin-top:-3.5px;}
.amList li a strong { font-weight:400; color:#696969; font-size:19px; flex:1 1 80%; }
.amList li a i { font-style: normal; color:#919191; font-weight:400; font-size:18px; margin-right:49px; }


/* footer */
#footer { height:70px; background:#1a1a1c; display: flex; justify-content: space-between; align-items: center; }
#footer p { padding-left:40px; font-size:12px; letter-spacing:0.75px; color:#858585; }
#footer div { padding-right:45px;}
#footer div a { float:left; padding:0 12px; color:#e8e8e9; font-weight:300; position: relative; font-size:12px; line-height: 1; letter-spacing: 0.25px; }
#footer div a:nth-child(1)::after { content:""; width:1px; height:9px; background:#4e4e50; position: absolute; right: 0; top: 1px; }


/* 소재정보 */
.conHead { position: relative; height:135px; border-bottom:1px solid #d6d6d6; }
.conHead-popup { position: relative; height:80px; border-bottom:1px solid #d6d6d6; }

.comTitle { font-size:30px; letter-spacing: -0.25px; color:#111; font-weight:700; position:absolute; left:94px; top:0; height:136px; display:flex; align-items: center; }
.comTitle-popup { font-size:24px; letter-spacing: -0.25px; color:#111; font-weight:700; position:absolute; left:40px; top:0; height:80px; display:flex; align-items: center; }
.subSearchArea { width:755px; margin:0 auto; padding:30px 0; }
.topList { position:absolute; right:47px; top:0; height:136px; display:flex; align-items: center; }
.topList li { padding:0 10px; position:relative; }
.topList li::before { content:""; display:block; width:1px; height:10px; background:#73727d; position: absolute; left: 0; top: 5px;}
.topList li:nth-child(1)::before { display: none;}
.topList li a { font-size:13px; letter-spacing: 0.5px; color:#111; font-weight:400; line-height: 1;}

#realContent { position: relative; display: flex;}
.subNav { flex:0 0 15%; margin-right:40px; min-width:200px;}
.subNav h3 { height:130px; text-align:center; display:flex; justify-content: center; align-items: center; flex-direction: column; border-bottom:1px solid #d6d6d6}
.subNav h3 i.ic-filter { width:33px; height:21px; background:url(/imgs/ic-filter.png) no-repeat; display:inline-block; }
.subNav h3 strong { font-size:17px; letter-spacing: -0.25px; color:#111; font-weight:700; padding-top:18px; line-height: 1;}

.snbList {}
.snbList > li { border-bottom:1px solid #d6d6d6; position:relative; }
.snbList > li > a.sa {
	position: relative;
	padding-left:20px; height:45px; display: flex; align-items: center; font-size:15px; color:#111;
	font-weight:700; transition: all 0.2s; border-bottom:1px solid #fff;
}
.snbList > li > i{
	display:block;
	width:45px; height:45px;
	background-image:url(/imgs/ic-menu-close.png) ;
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute; right: 0; top: 0;
	transition: all 0.2s ;
	z-index:11;
	cursor:pointer;
}
.snbList > li > a.sa.on { color:#12279e;  border-bottom:1px solid #d6d6d6;  }
.snbList > li > i.on {
	transform: rotate(180deg);
}

.snbD2 { display:none; padding:20px 0 10px;}

.snbD2.on { display:block; }
.snbD2 > li { padding-left :20px; margin-bottom:10px; position:relative;}
.snbD2 > li > i {
	width:18px; height:20px;
	background-image:url(/imgs/ic-plus.png) ;
	background-position:center;
	background-repeat:no-repeat;
	background-position: 0 2px;
	display:block;
	position:absolute; left:21px; top:0;
	transition: all 0.2s ;
	cursor:pointer;
}
.snbD2 > li > a.sb {
	padding-left:20px; display: block; font-size:14px; line-height:18px;
}
.snbD2 > li > i.on {
	background-image:url(/imgs/ic-minus.png) ;
}
.snbD2 > li > a.sb.on {
	color:#12279e; font-weight:500;
}

.snbD3 { display:none; padding:7px 0; position: relative; }
.snbD3.on { display:block;}
.snbD3::before { content:""; height:100%; width:1px; background:#d6d6d6; position:absolute; left:7px; top:0; display: block; }
.snbD3::after { content:""; height:19px; width:5px; background:#fff; position:absolute; left:4px; bottom:0; display: block;  }
.snbD3 li { position: relative; }
.snbD3 li a { padding-left:21px; font-size:13px; line-height:23px; font-weight:300; color:#666; }
.snbD3 li a:hover { color:#12279e; font-weight:400; }
.snbD3 li a.on { color:#12279e; font-weight:400; }
.snbD3 li::before { content:""; display: block; position: absolute; left: 8px; top:10px; width:9px; height:1px; background:#d6d6d6;}

.otherList { padding:0 0 0 20px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
.otherList > li { padding:24px 0; border-top:1px solid #d6d6d6; margin-right:20px; }
.otherList > li:nth-child(1) { border-top:none;}
.otherList > li strong { font-size:15px; font-weight:700; color:#111;}

.chkList { position:relative; }
.chkList li { margin-top:4px; margin-left:1px; position:relative; display:block;}
.chkList li input[type=checkbox] {
	width:14px;
	height:14px;
	border: 1px solid #d6d6d6;
	background:none;
	position:absolute;
	left:-4px;
	top:0;
	z-index:1;
	  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.chkList li input[type=checkbox] + label {
	position: relative;
	z-index:10;
	line-height:13px;
	font-size:13px;
	cursor: pointer;
	padding-left: 22px;
	background-position: 0 2px;
	background-repeat: no-repeat;
	background-image: url('/imgs/chk-none.jpg');
}
.chkList li input[type=checkbox]:checked +  label {
	background-image: url('/imgs/chk-checked.jpg');
	z-index:11;
}
.chkList input[type=checkbox]:checked { border:0 none; z-index:0; }

.newBox { position: relative;}
.subCont { position: relative; flex:1; padding-right:25px; }
.subCont h3 { height:130px; font-size:30px; font-weight:700; color:#111; letter-spacing: -0.25px; display: flex; align-items:flex-end ; padding-bottom:35px; }
.proList { display: flex; flex-wrap:wrap; }
.proList li { flex:0 1 20%; padding-right:20px; }
.proList li:nth-child(1) {margin-left:0; }
.proList li:nth-child(5n+1) { margin-left:0;}
.proList li a { }
.proList li span.ic-heart {}
.proImg { display: block; }
.proImg img { width:100%; }
.proCon { padding:15px 0 50px; position: relative; }
.proCon em { font-size:14px; font-weight: 500; }
.proCon a { font-size:17px; font-weight: 500; display:block; padding:10px 0 9px;}
.proCon i { font-size:13px; font-style: normal; font-weight: 400; color:#666;}
.ic-heart { background:url(/imgs/ic-heart-off.png) no-repeat; display:block; width:22px; height:20px; position:absolute; right: 0; top:15px; cursor: pointer; overflow:hidden;
text-indent:-99999px;}
.ic-heart.on { background:url(/imgs/ic-heart.png) no-repeat; }
.moreDiv2 { position: absolute; right: 20px; top:73px;}
.moreDiv2 a { font-size:14px; color:#111; font-weight:600; font-family: 'Montserrat'; display: inline-block; position: relative; padding:7px 52px 10px 0; line-height: 1; }
.moreDiv2 a::before { content:""; display:block; width:27px; height:27px; border-radius:20px; background:#e2e5f3; position:absolute; right:0; top:0; }
.moreDiv2 a::after { content:""; display:block; width:23px; height:6px; background: url(/imgs/ic-arrow3.png) no-repeat;  position:absolute; right:17px; top:10px; z-index:2; }

.w50 { width:50%; }
.swiper-container {	width: 100%; height: 100%; }
.swiper-slide {
  text-align: center; font-size: 18px; background: #fff; width: 60%;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide:nth-child(2n) {width: 60%; }
.swiper-slide:nth-child(3n) { width: 60%;}

.path { font-size:14px; padding:80px 0 35px; }
.detailHead { display: flex; }
.imgSliderWrap {  flex:1 1 50%; width:50%; padding-right:35px; position: relative; }
.imgSlider img { width:100%;}
.conExplain { flex:1 1 50%; padding:45px 0 0 35px; position: relative;  color:#000;}
.conExplain em { font-size:25px; font-weight:500; color:#000;}
.conExplain h3 { font-size:35px; font-weight:700; line-height:1.2; padding:18px 0 20px;  color:#000;}
.conExplain span { font-size:25px; color:#000; }
.conExplain p { width:90%; font-size:16px; font-weight:500; margin-bottom:50px; line-height:33px; letter-spacing: 1.0px; color:#000; padding:30px 0 50px; word-break: keep-all; font-weight:300;}
.conExplain ul {}
.conExplain ul li {display:inline-block; float:none; font-size:18px; color:#000;}
.conExplain ul li:nth-child(1) { width:100px; font-weight:800; }
.conExplain ul li:nth-child(2) { font-weight:400;}

.thumHeart {
	background:url(/imgs/ic-heart.png) no-repeat;
	display:block; width:22px; height:20px; position:absolute; right: 0; top:55px; cursor: pointer;
}
.thumHeart-off {
	background:url(/imgs/ic-heart-off.png) no-repeat;
	display:block; width:22px; height:20px; position:absolute; right: 0; top:55px; cursor: pointer;
}
.smallThum { position:absolute; left:calc(100% + 35px); bottom: 0; display:flex; width:50%; }
.smallThum li { margin-right: 15px;  }

_:-ms-fullscreen, :root .smallThum { left:calc(100% - 20px); }
_:-ms-fullscreen, :root .smallThum .swiper-wrapper .swiper-slide { width:82px !important; transform: none !important;  }

.detailCont { padding:150px 0 100px; }
.dcBox { display: flex; margin-bottom:30px;}
.dcBox.on { margin-bottom:60px;}
.dcBox article { flex: 0 0 50%; padding-right:35px; }
.dcBox article:nth-child(2) { padding-left:35px; padding-right:0;}
.iTitle {
	padding:14px 21px; font-size:14px; font-weight:500; color:#12279e;
	cursor: pointer;
	letter-spacing: 0.1px; border-bottom:2px solid #12279e;
	background-image:url(/imgs/ic-con-close.png) ;
	background-repeat:no-repeat;
	background-position: right 20px top 18px;
	transition: all 0.2s ;
}

.iTitle.on { background-image:url(/imgs/ic-con-open.png) ;}

.infoTable { width:100%; }
.infoTable th, .infoTable td { border-bottom:1px solid #d6d6d6; color:#666666; font-weight:300; padding:12px 21px;}

.infoList { width:100%; }
.infoList li { border-bottom:1px solid #d6d6d6; color:#666666; font-weight:300; padding:12px 21px; display:flex;}
.infoList li strong:nth-child(1) { flex:1 1 40%; font-weight:500; }
.infoList li span:nth-child(2) { flex:1 1 30%; }
.infoList li span:nth-child(3) { flex:1 1 30%; }

.iDiv { display:none;}

.gallery-top { overflow: hidden; height:auto; }
.gsb { width:100%; }
.gsb img, .gss img { width:100%;}
.gss { cursor: pointer;}
.swiper-button-prev2 {  left:0; top:0; background: none; width:auto; height:auto; margin-top:auto; }
.swiper-button-next2 { right:35px; top:0; background: none;  width:auto; height:auto; margin-top:auto; }
.gallery-thumbs .swiper-slide img { opacity: 0.6; }
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img { opacity: 1; }
.swiper-btn { position: absolute; left: 0; top: 50%; z-index:999; width:100%; height:85px; margin-top:-42px; }

#filterBox { position: fixed; z-index: 9999; left:-100%; top:0; width:100%; height:100%; background:#fff; overflow: hidden; overflow-y:auto; }
#filterBox > div { position: relative; padding:70px 0 0; }
.filterNum { padding:0 30px 20px; font-size:16px;}
.filterCon { position:relative; height:100%; overflow: auto; }
.filterCon > li h3 { background:#f5f5f5; padding:20px 30px; border-top:1px solid #d4d4d4; font-size:16px; border-bottom:1px solid #d4d4d4;}
.filterCon > li ul li { border-top:1px solid #d4d4d4; padding:20px 30px;  }
.filterCon > li ul li:nth-child(1) { border-top:none;}
.filterCon > li ul li div { font-size:16px; padding-left:22px; position: relative; }
.filterCon > li ul li div::before { content:""; width:8px; height:1px; background:#a5a5a5; position: absolute; left:2px; top:15px; }
.filterCon > li ul li div::after { content:""; width:1px; height:8px; background:#a5a5a5; position: absolute; left:2px; top:7px; }
.filterCon > li ul li div label { font-size:16px; }
.f_close { position:absolute; right:20px; top:20px; width:25px; height:25px; z-index:9999; cursor: pointer;}
.f_close img { width:100%; }

.libSelect {
	overflow: hidden
}
.libSelect li {

	position:relative;
}
.libSelect li.libTotal {
	display: block;
	width: 100%
}
.libSelect li input[type=checkbox] {
	/*display: none;*/
	width:12px;
	height:12px;
	border: none;
	background:none;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.libSelect li input[type=checkbox] + label {
	display: block;
	cursor: pointer;
	position: relative;
	z-index:9;
}
.libSelect li input[type=checkbox]+ label:before {
	z-index:5;
	content: "";
	display: block;
	width: 15px;
	height: 11px;
	position: absolute;
	right: 0;
	top: 5px;
	background: none;
	z-index:10;
	/* border:1px solid #ccc; */

}
.libSelect li input[type=checkbox]:checked + label:before {
	content: " ";  /* 체크모양 */
	background:url(/imgs/ic-checked.png) no-repeat;
	background-size:100%;
}
.libSelect li input[type=checkbox]:checked { border:0 none; z-index:0; }

.searchTotal {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	width: 1px; height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
}

.pcView { }
.mView { display:none; }


.pgList { text-align:center; padding:0 0 50px; position:relative; }
.pgList a { display:inline-block; font-size:17px; font-weight:400; color:#111; padding:5px 10px; }
.pgList a.on{ font-weight:700;  }
.pgList a.pgNext { background:url(/imgs/ic-pg-next.png) no-repeat 0 center; background-size:7px 14px; text-indent:-9999px; margin-left:10px; }



@media only screen and (max-width:1480px){
	.path { font-size:14px; padding:40px 30px 30px; }
	.detailHead { display: flex; padding:0 30px; }
	.imgSliderWrap { height:auto; }
	.imgSlider img { width:100%;}
	.conExplain { height:auto; padding-top:0;}
	.smallThum { position:relative; left:auto; bottom: auto; display:flex; margin-top:15px; }

	_:-ms-fullscreen, :root .smallThum { left:auto; }

	.detailCont { padding:70px 30px 70px; }
	.thumHeart { top:0; }
	.swiper-btn { top: calc( 50% - 5% ); }
}

@media only screen and (max-width:1440px) {
	.subSearchArea { width:500px; margin:0 auto; padding:30px 0; }
	.gnbWrap { position:absolute; left:auto; right:130px; }
}

@media only screen and (max-width:1280px) {
	.subSearchArea { width:500px; margin:0 auto; padding:30px 0; }
	.mn1,.mn2,.mn3,.mn4,.mn5 { width:130px; }
	.sm001,.sm002,.sm003,.sm004,.sm005 { width:130px; }
	.proList li { flex:0 1 25%; }
	.proList li:nth-child(1) {margin-left:0; }
	.proList li:nth-child(5n+1) { margin-left:0;}
	.detailHead { display:block;}
	.detailHead::after { content:""; display: block; clear: both;}
	.imgSliderWrap { float:left; margin-right:0; width:50%;}
	.conExplain { float:right; margin-left:0; width:50%;}
	.swiper-btn { top: calc( 50% - 5% );  }

	#section2 { background:#f8f8f8; padding:50px 0 30px; }
	#section2 > div { display: block; }
	.libraryTitle { display: flex; flex-direction: column; justify-content: center; }
	.libraryTitle > * { display: block; }
	.libraryTitle em { font-size:20px; text-align: center;}
	.libraryTitle strong { font-size:40px; text-align:center;padding:20px 0 20px;}
	.libraryTitle i {
		font-size:15px; text-align: center;
		color:#8b8b8b; letter-spacing: 0.38px;
		font-weight:700; font-style: normal; font-family: 'Montserrat';
	}

	.libraryCon { width:auto; padding:0 30px; margin-top:40px; }
	.libraryCon li { border-top:1px solid #e2e2e2; }
	.libraryCon li:nth-child(1) { border-top:1px solid #e2e2e2;  }
	.libraryCon li { padding:25px 0; display: flex; align-items: center; }
	.libraryCon li span:nth-child(1) { padding-left:0; flex:0 0 125px; font-size:16px; color:#12279e; font-weight:700; }
	.libraryCon li span:nth-child(2) {text-align: left; display:block; color:#474747; font-size:15px; }
	.libraryCon li span:nth-child(2) strong { display:block; font-weight:700; padding-bottom:2px; }
	.libraryCon li span:nth-child(2) em { font-size:14px; font-weight:400; }

	#section3 { padding:50px 30px 60px;}
	.am h2 { font-size:24px; font-weight:500; margin-bottom:25px; }
	.am div { background-position: right 10px top 0;margin-bottom:10px;	}
	.am div p { width:100%; font-size:17px;	padding-left:40px; flex-direction: column;align-items: flex-start; justify-content: center;	}
	.am div p span { display: block;}
	.am div a { right:25px; bottom: 15px; }
	.amList li { padding: 20px 0; }
	.amList li a em { flex:0 1 130px; padding-left:8px; font-size:14px; }
	.amList li a em::before { width:4px; height:4px; top:50%; margin-top:-2px; }
	.amList li a strong { font-size:14px; }
	.amList li a i { font-size:12px; margin-right:0; }
}

@media only screen and (max-width:1200px) {
	.mainSearchArea { padding:50px 0 58px; width:90%; margin:0 auto; max-width:90%; }
	.gnbWrap { display:none; }
	/* header */
	#header { height:75px; position: relative; width:100%; background:#191919;z-index:1; }
	#header .logo { left:20px; top:27px; width:75px; height:21px; 	}
	#header .logo a {
		display: block; width:100%; height: 100%;
		background:url(/imgs/m_logo.png) no-repeat;
		background-size:100%; text-indent: -9999px; font-size:0;
		transition:all 0.2s;
	}

	.utility{ height:40px; margin-top:17px; margin-right:46px;}
	.allMenu { display:block; width:25px; height:40px; position: absolute; right:16px; top:26px; z-index:9;	}
	.allMenu a { display: block; width: 100%; height: 100%; position: relative; padding:0 0 0;	}
	.allMenu a i { width:100%; height:2px; background:#fff; margin:0 0 8px; display:block;  transition:all 0.2s; }
	.allMenu a i:nth-child(1) { margin-top:0;}
	.topList { display:none;}

}

@media only screen and (max-width:1024px){
	.proList li { flex:0 1 33.3333%; }
	.subSearchArea { width:60%; float:right; padding:30px 0; margin-right:45px; }
}

@media only screen and (max-width:960px){
	.imgSliderWrap { padding-right:30px; }
	.conExplain { padding-left:30px; }
	.detailCont { padding:20px 30px 70px; }
	.dcBox { display: block; margin-bottom:0;}
	.dcBox.on { margin-bottom:40px;}
	.dcBox article { flex: 1 1 100%; padding-right:0; margin-bottom:20px; }
	.dcBox article:nth-child(2) { padding-left:0; padding-right:0;}
	.iTitle { padding-left:0;}
}

@media only screen and (max-width:900px){
	.proList li { flex:0 1 50%; }
}

@media only screen and ( max-width:760px ){
	.conHead { height:auto; padding:0 0; }
	.subSearchArea { width:90%; margin:0 auto; padding:30px 0; float:none; }
	.pcView,
	.gnbWrap { display:none; }
	.mView { display:block; }
	.baseWidth { width:100%; padding:0 0 0 0; }

	.pgList { text-align:center; padding:0 0 50px; position:relative; }
	.pgList a { display:inline-block; font-size:17px; font-weight:400; color:#111; padding:5px 10px; }
	.pgList a.on{ font-weight:700;  }
	.pgList a.pgNext { background:url(/imgs/ic-pg-next.png) no-repeat 0 center; background-size:7px 14px; text-indent:-9999px; margin-left:10px; }

	/* main search */
	.mainSearchArea { padding:50px 20px 50px; }
	.sBox { width:100%; height:60px; padding:0 20px; }
	.selType { width:120px;  }
	.inpSearch { height:40px; width:65%; padding:5px 0 5px 10px; }
	.btnSearch { right:24px; top:16px; }

	.topSearch { float:right; display:block; margin-right:6px; margin-top:23px; }
	.sSearch {
		display:block; width:26px; height:27px;
		background:url(/imgs/ic-search-bright.png) no-repeat center;
		background-size:100%;
		text-indent: -9999px; overflow: hidden;
	}

	/* mainSlider (mobile) */
	.mainSlider { margin-top:40px; padding-left:30px; padding-bottom:50px; z-index:1;}
	.mainCopy { font-family:'Montserrat'; text-align: center; }
	.mainCopy em { font-size:16px; margin-bottom:15px; }
	.mainCopy strong {font-size:27px; font-weight:700; }
	a.ssLink { display:block;  }
	a.ssLink img { display: block; width:100%; }
	a.ssLink h3 { margin:18px 0 0; font-size:22px; font-weight:700; color:#111111; font-family: 'Montserrat'; letter-spacing: -0.25px; }
	a.ssLink p { color:#515151; line-height:16px; letter-spacing: -0.25px; padding:10px 0 0; word-break: keep-all; text-align:left; line-height:1.5 }

	/* footer */
	#footer { height:auto;padding:30px 0;flex-direction: column;justify-content: center; align-items: center; }
	#footer p { padding-left:0; padding-bottom:10px;}
	#footer div { padding-right:0;}

	#realContent { position: relative; display: block;}
	.category { width:100%; background:#fff; position: relative; }
	.cateOne { display:block; display: flex; justify-content: center; position: relative; background:#fff; height:80px;}
	.cateOne a { height:100%; display: flex; align-items: center; padding-right:30px;
		background:url(/imgs/ic-con-close.png) no-repeat right center; font-size:20px; font-weight:700;
	}
	.cs1_menu {
		position:absolute; z-index:2; width:100%; background:#fff; left:0; top:81px; display: none; padding:15px 0; border-bottom:1px solid #d5d5d4;
	}
	.cs1_menu li a { display: block; text-align:center; padding:6px 0; font-size:18px; color:#666666}

	.cateTwo { position: relative; display: flex; }
	.cateSelect2 { flex:1 1 50%; height:54px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;  }
	.cateSelect2 a {
		display: flex; align-items: center; height:100%;  padding-left:20px; font-size:18px;
		background:url(/imgs/ic-filter-s.png) no-repeat right 20px  center;
	}
	.cs2_menu {
		position:absolute; z-index:2; width:100%; background:#fff; left:0; width:50%; top:54px;  display: none;
		padding:10px 0 10px 20px; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;
	}
	.cs3_menu {
		position:absolute; z-index:2; width:100%; background:#fff; left:50%; width:50%; top:54px; display: none;
		padding:10px 0 10px 20px; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4;
	}
	.cma a { font-size:16px; display:block; padding:5px 0; color:#666666}

	.newBox h3 { display:none;}

	.subCont { padding-right:20px; padding-left:20px; padding-top:40px; }
	.proList li { flex:0 1 50%; padding-right:10px; }
	.proList li:nth-child(1) {margin-left:0; }
	.proList li:nth-child(5n+1) { margin-left:auto;}
	.proList li:nth-child(2n) { padding-right:0; padding-left:10px;}

	.filterArea { display: flex; padding:15px 20px; justify-content: flex-end; }
	.filterArea a { padding-left:10px; margin-left:10px; position: relative; }
	.filterArea a:nth-child(2)::before { content:""; display:block; height: 18px; width:1px; background:#d4d4d4; position: absolute; left: 0; top: 0; display:none;}
	a.btnListType { display:none; }
	a.btnListType i {
		width:20px; height:18px; text-indent: -9999px; display: block; background:#000;
		background:url(/imgs/ic-list-type1.png) no-repeat; background-size:100%;
	}
	a.btnFilter i {
		width:18px; height:19px; text-indent: -9999px; display: block; background:#000;
		background:url(/imgs/ic-filter1.png) no-repeat; background-size:100%;
	}
	.moreDiv2 { position: relative; right: auto; top:auto; text-align: center; margin-bottom:70px;}

	.detailHead { display: block; }
	.imgSliderWrap {  flex:1 1 100%; width:100%; padding-right:0; margin-bottom:20px;}
	.conExplain { flex:1 1 100%; padding:45px 0 0 0; }

	.conExplain em { font-size:15px; font-weight:500;}
	.conExplain h3 { font-size:26px; font-weight:700; line-height:1.2; padding:8px 0 10px; }
	.conExplain span { font-size:15px; color:#666666; }
	.conExplain p { width:100%; font-size:12px; line-height:1.7; }
	.thumHeart { top:45px; }

	.detailHead { display:block;}
	.detailHead::after { content:""; display: none; clear: both;}
	.imgSliderWrap { float:none; margin-right:0; width:100%;}
	.conExplain { float:none; margin-left:0; width:100%;}

	.swiper-button-next2 { right:0; }

}





.data-none {/*background:url(../../imgs/page_prepare.png) no-repeat center / cover;*/
	width:100%;
	display:block;text-align:center;
	font-size:30px; color:#ddd;
	padding:1vh 1vw;
	margin-bottom:40px;
}


/* 사업소개 2021-12-03 */
.introWrap { width:1440px; margin:0 auto; position: relative; padding:80px 0; }
.introWrap h2 { padding-bottom:30px; font-size:14px; font-weight: 400; color: #111; }
.introWrap article:nth-of-type(1) { position: relative; padding-bottom:110px; }
.introWrap article:nth-of-type(1) div { background:url(../../imgs/intro-img1.jpg) no-repeat center / cover; height:230px; }
.introWrap article:nth-of-type(1) p { padding-left:95px; font-size:70px; font-weight:700; color:#111; margin-top:-40px; line-height: 1.2; }

.introWrap article:nth-of-type(2) { display: flex; flex-wrap: wrap; }
.introWrap article:nth-of-type(2) div:nth-child(1) { flex: 0 0 40%;  }
.introWrap article:nth-of-type(2) div:nth-child(1) img { width:100%; }
.introWrap article:nth-of-type(2) div:nth-child(2) { flex: 0 0 60%; display: flex; flex-direction: column;  padding-left:150px; justify-content: center;  }
.introWrap article:nth-of-type(2) div:nth-child(2) h3 { font-size:50px; font-weight:700; padding-bottom:20px; }
.introWrap article:nth-of-type(2) div:nth-child(2) p {  font-size:23px; font-weight:400; padding: 25px 0; line-height:33px;}
.introWrap article:nth-of-type(2) div:nth-child(2) p span { display: block; }

.introWrap article:nth-of-type(3) { display: flex; flex-wrap: wrap; margin:130px 0; }
.introWrap article:nth-of-type(3) div:nth-child(1) { flex: 0 0 60%; display: flex; flex-direction: column;  padding-right:90px; justify-content: center; align-items: flex-end; }
.introWrap article:nth-of-type(3) div:nth-child(1) h3 { font-size:50px; font-weight:700; padding-bottom:20px; }
.introWrap article:nth-of-type(3) div:nth-child(1) p {  font-size:23px; font-weight:400; padding: 10px 0; line-height:1.2;}
.introWrap article:nth-of-type(3) div:nth-child(1) p span { display: block; }
.introWrap article:nth-of-type(3) div:nth-child(2) { flex: 0 0 40%;  }
.introWrap article:nth-of-type(3) div:nth-child(2) img { width:100%; }

.introWrap article:nth-of-type(4) { }
.introWrap article:nth-of-type(4) h3 { font-size:50px; font-weight:700; padding-bottom:65px; }
.introWrap article:nth-of-type(4) h3 em { font-size:23px; margin-left:30px; font-weight:400; }
.introWrap article:nth-of-type(4) > p { font-size:23px; font-weight:400; padding: 10px 0; line-height:1.5; margin-top:30px; }
.introWrap article:nth-of-type(4) > p span { display: block; }

.featureList { display: flex; flex-wrap: wrap; padding:60px 70px 60px; background:#f2f4f7; }
.featureList li { flex: 0 0 calc(20% - 20px); margin-right:20px; }
.featureList li h5 { font-size:16px; font-weight:700; color:#111; padding:30px 0 25px; line-height:1; }
.featureList li p { font-size:12px; line-height:1.5; color:#666; }
.featureList li p span { display:block; }
.featureList li i { display: inline-block; }
.featureList li i img {  max-width:100%; }


/* 2021-12-11 */
.sBox { float:left; width: calc(100% - 85px); }
.dBox { float: right; }
a.btnDetailSearch {
	width:73px; height:73px; background:#12279e; border-radius:50%;
	display:flex; align-items: center; justify-content: center;
	font-size:15px; line-height: 1.3; font-weight:500; color:#fff;
 }
 .categoryWrap h3 {
	 height:130px; font-size:15px; font-weight:700; color:#111;
	 letter-spacing: -0.25px; display: flex; align-items:flex-end ;
	 padding-bottom:35px;
}
.cateList {
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	display: flex;
	margin-right:20px;
}
.cateList > li { flex: 1; padding:24px 0 24px 24px ; border-left:1px solid #d6d6d6; }
.cateList > li:nth-child(1) { border-left:none;}
.cateList > li strong {
	display:block; font-size:15px; font-weight:700; color:#111;
}
.tbBlank1 { padding:30px 0 60px; }

.cateList > li { flex: 1; padding:24px 0 24px 24px ; border-left:1px solid #d6d6d6; }
.cateList > li { height:200px; overflow-y: auto;}

.cateList > li::-webkit-scrollbar {	width: 5px; }
.cateList > li::-webkit-scrollbar-track {background: #e0e0e0; }
.cateList > li::-webkit-scrollbar-thumb {background: #888; }
.cateList > li::-webkit-scrollbar-thumb:hover {	background: #666; 	}

@media (max-width:1024px){
	.cateList { flex-wrap: wrap; }
	.cateList > li { flex: 0 0 50%; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; }
	.cateList > li:nth-child(1), .cateList > li:nth-child(2) { border-top: none; }
	.cateList > li:nth-child(odd) { border-left:none;}
}
@media (max-width:1024px){
	.cateList { display:none; }
	.categoryWrap h3 { height:100px; padding-bottom:5px;}
}
@media (max-width:760px){
	.categoryWrap h3 { height:40px; padding-bottom: 0; }
}


#detailLayer { position:fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:9999; display:none;}
.dvWrap {
	z-index:10;
	position:absolute;
	left:50%; top:50%;
	width:800px; height:650px;
	margin:-325px 0 0 -400px;
	display:flex; justify-content: center; align-items: center;
	padding: 50px 0 0;
}
.dvView {
	border-top:6px solid #12279e;
	background:#fff;
	width:100%; height:100%;
}
.dvView h2 {
	background:#f3f4fa; display: flex; justify-content: center; align-items: center;
	color:#111; font-size:20px; height:74px; font-weight:700;
 }
.dvCont { padding:45px 50px; }
.shadowBox {
	position: relative; z-index: 1; width: 100%; height: 100%;
	background: rgba(0,0,0,0.6);
 }
 a.btnVClose {
	width:30px; height: 30px; display:block;
	position: absolute; right: 0; top: 0; z-index:3;
	text-indent: -9999px;
}
a.btnVClose i {
	background:#fff; width:34px; height: 2px; display:block; position:absolute;
	left:-3px; top:15px;
}
a.btnVClose i:nth-child(1) { transform: rotate(45deg); }
a.btnVClose i:nth-child(2) { transform: rotate(-45deg); }

.selectTop { display: flex; justify-content: space-between; }
.selectTop li { flex:1; margin-right:10px;}
.selectTop li:nth-child(2) { margin-right:10px; margin-left:10px;}
.selectTop li:nth-child(3) { margin-left:10px; margin-right: 0;}

.insChecking { margin:30px 0 75px; /*border:1px solid #d6d6d6; */}
.layerChkList { padding:20px 0; display:flex; justify-content: center; }
.layerChkList > li { flex:1; border-left:1px solid #d6d6d6; padding-left:20px; }
.layerChkList > li:nth-child(1){ border-left:none; }

.ovFlowBox { height:150px; overflow: hidden; overflow-y: auto; }

.ovFlowBox::-webkit-scrollbar {	width: 5px; }
.ovFlowBox::-webkit-scrollbar-track {background: #e0e0e0; }
.ovFlowBox::-webkit-scrollbar-thumb {background: #888; }
.ovFlowBox::-webkit-scrollbar-thumb:hover {	background: #666; 	}


@media(max-width:820px){

	#detailLayer {
		position:relative; left: 0; top: 0; width: 100%; height: auto; z-index:9999;
		background: #fff;
	}
	.dvWrap {
		z-index:10;
		position:relative;
		left:0; top:0;
		width:100%; height:auto;
		margin:0 auto;
		display:block;
		padding: 0 0 0;
	}
	.dvView {
		border-top:6px solid #12279e;
		background:#fff;
		width:100%; height:100%;
	}
	.dvView h2 {
		background:#f3f4fa; display: flex; justify-content: center; align-items: center;
		color:#111; font-size:20px; height:74px; font-weight:700;
	 }
	.dvCont { padding:45px 30px; }
	.shadowBox {
		position: relative; z-index: 1; width: 100%; height: 100%;
		background: rgba(0,0,0,0.6);
	 }
	 a.btnVClose {
		width:30px; height: 30px; display:block;
		position: absolute; right: 15px; top: 26px; z-index:3;
		text-indent: -9999px;
	}
	a.btnVClose i {
		background:#999; width:34px; height: 2px; display:block; position:absolute;
		left:-3px; top:15px;
	}
	a.btnVClose i:nth-child(1) { transform: rotate(45deg); }
	a.btnVClose i:nth-child(2) { transform: rotate(-45deg); }

	.selectTop { display: block; }
	.selectTop li { margin-right:0; margin-bottom:10px;}
	.selectTop li:nth-child(2) { margin-right:0; margin-left:0;}
	.selectTop li:nth-child(3) { margin-left:0; margin-right: 0;}

	.insChecking { margin:30px 0 0; border:1px solid #d6d6d6; }

	.layerChkList { padding:20px 0; display:block; }
	.layerChkList > li { border-left:none; padding-top:20px; padding-left:20px;border-top:1px solid #d6d6d6; padding-bottom:30px;}
	.layerChkList > li:nth-child(1){ border-left:none; border-top:none; padding-top:0; }


	.ovFlowBox { height:auto; overflow: auto; overflow-y: auto; }
}


/* 사업소개 */
.buzIntro { width: 1440px; margin: 0 auto; padding:80px 0 180px; }
.buzIntro h2 { font-size:14px; font-weight: 400; color: #111; }
.buzIntro article:nth-of-type(1) { padding:108px 0 85px; }
.buzIntro article:nth-of-type(1) h3 {
	font-weight: 700; color: #111; font-size:55px; line-height:1.3;
	letter-spacing: -0.25px; text-align: center; padding-bottom:10px;
	font-family: Montserrat;
}
.buzIntro article:nth-of-type(1) h3 span { display: inline;}
.buzIntro article:nth-of-type(1) p {
	font-weight: 400; color: #717171; font-size:30px;
	text-align:center;
}
.buzIntro article:nth-of-type(2) {}
.inList1 { display: flex; height: 400px; }
.inList1 li {  flex:1; padding:57px 50px; position: relative; }
.inList1 li:nth-child(1) { margin-right:35px; background: #f2f4f6; }
.inList1 li:nth-child(2) { margin-left: 35px; background:#111; }
.inList1 li h3 { position: relative; height: 32px; font-size:18px; font-weight:700; color:#111; line-height: 1; }
.inList1 li h3::after { content:""; width:50px; height: 2px; position: absolute; left: 0; bottom: 0; background:#111; }
.inList1 li p { padding:130px 0 0; font-size:30px; line-height: 1.5; color:#111; font-weight: 700; }
.inList1 li:nth-child(1) span { position: absolute; right:  50px; top: 57px; width:134px; height: 134px; }
.inList1 li:nth-child(1) span i { position: absolute; left: 0; top: 0; width:70px; height: 70px; border-radius: 35px;  }
.inList1 li:nth-child(1) span i:nth-of-type(1) { z-index: 1; top: 0; background:#fff; }
.inList1 li:nth-child(1) span i:nth-of-type(2) { z-index: 2; left:34px; top: 34px; background:#f47b10;}
.inList1 li:nth-child(1) span i:nth-of-type(3) { z-index: 3; left:68px; top: 68px; background:#12279e;}

.inList1 li:nth-child(2) h3 { color:#fff; }
.inList1 li:nth-child(2) h3::after { background:#fff; }
.inList1 li:nth-child(2) p { color:#fff; }

.inList1 li:nth-child(2) span { position: absolute; right:  46px; top: 84px; width:170px; height: 70px; }
.inList1 li:nth-child(2) span i { position: absolute; left: 0; top: 0; width:70px; height: 70px; border-radius: 35px; }
.inList1 li:nth-child(2) span i:nth-of-type(1) { z-index: 1; background:#fff; }
.inList1 li:nth-child(2) span i:nth-of-type(2) { z-index: 2; left:50px; background:#117bf3;}
.inList1 li:nth-child(2) span i:nth-of-type(3) { z-index: 3; left:100px; background:#7bd621;}


.buzIntro article:nth-of-type(3) { margin:70px 0 135px; background:#12279e; padding:132px 0 100px;}
.buzIntro article:nth-of-type(3) h3 { padding:0 0 85px; font-size:30px; font-weight: 700; color: #fff; text-align: center; line-height: 1;}
.buzIntro article:nth-of-type(3) ul { display: flex; justify-content:space-between; padding:0 65px;}
.buzIntro article:nth-of-type(3) ul li {
	flex:1; border-left:1px solid rgba(255,255,255,0.3); font-size:20px; letter-spacing: -0.75px; color:#fff; text-align: center;
	padding:0 30px; line-height:1.8; font-weight:300;
}
.buzIntro article:nth-of-type(3) ul li span { display: block;}
.buzIntro article:nth-of-type(3) ul li:nth-child(1) { border-left: none;}
.buzIntro article:nth-of-type(3) ul li:nth-child(2) { flex:1.3;}

.buzIntro article:nth-of-type(4) > div { padding-bottom:60px; }
.buzIntro article:nth-of-type(4) > div h3 { font-size:55px; line-height: 1.4; color:#111; text-align: center; font-weight:700;}
.buzIntro article:nth-of-type(4) > div p { font-size:30px; color:#666; letter-spacing: -0.5px; text-align: center;}
.buzIntro article:nth-of-type(4) > p {
	line-height: 1.4; font-size:23px; font-weight: 500; color: #fff; background: #12279e; padding:32px 40px;
}
.buzIntro article:nth-of-type(4) ul { display: flex; padding-bottom: 42px;}
.buzIntro article:nth-of-type(4) ul li { flex: 1 1 190px; margin:0 9px; display:flex; justify-content:center; flex-direction:column; align-items:center; }
.buzIntro article:nth-of-type(4) ul li div {
	font-size:30px; font-weight:700; color:#111; line-height: 1; width: 190px; height: 190px;
	border-radius:95px; background:#f2f4f6; display: flex; justify-content: center; align-items: center;
}
.buzIntro article:nth-of-type(4) ul li span { display:block; position:relative; margin:15px auto 12px; height: 40px; width:5px;}
.buzIntro article:nth-of-type(4) ul li span i:nth-child(1) {
	content:"";background:#666; width:5px; height: 5px;  display: block;  border-radius:3px;
	position: absolute; left: 0; top: 0;
}
.buzIntro article:nth-of-type(4) ul li span i:nth-child(2) {
	background:#666; width:5px; height: 5px;  display: block; margin: 0 0; border-radius:3px;
	position: absolute; left: 0; top: 12px;
}
.buzIntro article:nth-of-type(4) ul li span i:nth-child(3) {
	content:"";background:#666; width:5px; height: 5px;  display: block; margin: 0 0; border-radius:3px;
	position: absolute; left: 0; top: 24px;
}
.buzIntro article:nth-of-type(4) ul li p { text-align:center; font-size:20px; line-height: 1.4; color: #666;}

@media (max-width:1470px){
	.buzIntro { width: 100%; padding:80px 30px 70px; }

	.inList1 li:nth-child(1) { margin-right:15px; }
	.inList1 li:nth-child(2) { margin-left: 15px; }

	.buzIntro article:nth-of-type(4) ul {  flex-wrap:wrap; padding-bottom: 12px; justify-content: center;}
	.buzIntro article:nth-of-type(4) ul li { flex: 0 0 auto; margin:0 9px 30px; }
}

@media (max-width:1400px){
	.buzIntro article:nth-of-type(1) h3 span { display: block;}
	.buzIntro article:nth-of-type(3) ul li span { display: inline; word-break: keep-all;}
	.buzIntro article:nth-of-type(4) > p {
		text-align:center; word-break: keep-all;
	}
	.inList1 { height: auto; }
	.inList1 li p { font-size:24px; line-height:1.5; }
	.inList1 li p em { display:inline; }
}
@media (max-width:1200px){
	.buzIntro h2 { display: none;}
	.buzIntro article:nth-of-type(1) { padding:0 0 40px; }
	.buzIntro article:nth-of-type(1) h3 {
		font-size:45px; line-height: 1.2;
	}
	.buzIntro article:nth-of-type(1) p {
		font-size:24px;
	}
}
@media (max-width:980px){
	a.btnDetailSearch {
		width:60px; height:60px;font-size:14px;
	 }
	.inList1 { display: block; height: auto; }
	.inList1 li {   padding:57px 50px; height: auto; }
	.inList1 li:nth-child(1) { margin-right:0; margin-bottom: 40px; }
	.inList1 li:nth-child(2) { margin-left: 0; }

	.buzIntro article:nth-of-type(3) { margin:40px 0 70px; padding:70px 0 40px;}
	.buzIntro article:nth-of-type(3) h3 { padding:0 0 30px; }
	.buzIntro article:nth-of-type(3) ul { display: block; padding:0 60px;}
	.buzIntro article:nth-of-type(3) ul li {
		border-left:0; font-size:20px;
		border-top:1px solid rgba(255,255,255,0.3);
		padding:30px 0; font-size:18px;
	}
	.buzIntro article:nth-of-type(3) ul li span { display: block;}
	.buzIntro article:nth-of-type(3) ul li:nth-child(1) { border-left: none; border-top:none;}

	.buzIntro article:nth-of-type(4) > div h3 { font-size:40px;}
	.buzIntro article:nth-of-type(4) > div p { font-size:22px; }
	.buzIntro article:nth-of-type(4) > p {
		line-height: 1.5; font-size:18px;
	}
	.buzIntro article:nth-of-type(4) ul li div {
		font-size:24px;
	}
	.buzIntro article:nth-of-type(4) ul li p em { display: block; }
	.inList1 li p { font-size:20px; line-height:1.5; }
}

@media (max-width:640px){

	.buzIntro article:nth-of-type(1) h3 {
		font-size:32px; line-height: 1.2;
	}
	.buzIntro article:nth-of-type(1) p {
		font-size:18px;
	}
	.buzIntro article:nth-of-type(3) ul li span { display: inline;}


	.inList1 li {  padding:42px 30px; display: block; }
	.inList1 li h3 { height: 30px; font-size:16px; }
	.inList1 li h3::after { width:40px; }
	.inList1 li p { padding:120px 0 0;  }
	.inList1 li:nth-child(1) span { right:  30px; top: 36px; width:100px; height: 100px; }
	.inList1 li:nth-child(1) span i {  left: 0; top: 0; width:50px; height: 50px; }
	.inList1 li:nth-child(1) span i:nth-of-type(2) { left:24px; top: 24px; }
	.inList1 li:nth-child(1) span i:nth-of-type(3) { left:48px; top: 48px; }

	.inList1 li:nth-child(2) span { right:  32px; top: 45px; width:120px; height:50px; }
	.inList1 li:nth-child(2) span i { width:50px; height: 50px; }

	.inList1 li:nth-child(2) span i:nth-of-type(2) { left:35px; }
	.inList1 li:nth-child(2) span i:nth-of-type(3) { left:70px; }

	.buzIntro article:nth-of-type(4) > div h3 { font-size:32px;}
	.buzIntro article:nth-of-type(4) > div p { font-size:18px; }
	.buzIntro article:nth-of-type(4) > p {
		line-height: 1.5; font-size:17px;
	}
	.buzIntro article:nth-of-type(4) ul li div {
		font-size:20px; width:170px; height:170px;
	}
	.data-none img {width:100%;}
}

@media (max-width:450px){
	.buzIntro article:nth-of-type(3) h3 { font-size:28px; }
	.buzIntro article:nth-of-type(3) ul li { font-size:16px; }
	.buzIntro article:nth-of-type(4) > div h3 { font-size:28px;}
	.buzIntro article:nth-of-type(4) > div p { font-size:16px; }
	.buzIntro article:nth-of-type(4) ul li div { font-size:20px;  width:140px; height:140px; }
	.buzIntro article:nth-of-type(4) ul li p { font-size:16px; }
}


#go_top_btn {position: fixed; right: 30px; bottom: 80px; display: none; z-index: 100;}
@media (max-width:1000px){
	#go_top_btn {position: fixed; right: 15px; bottom: 15px; display: none; z-index: 100;}
	#go_top_btn img { width:40px; height:40px }
}