﻿@charset "utf-8";
@import url("font.css");
/* -----------------------------------------------------------------------------------------------

/* -----------------------------------------------------------------------------------------------
	초기화 CSS
--------------------------------------------------------------------------------------------------*/
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;}
body,input,textarea,select,button,table,div, li{font-family:  'Noto Sans Korean',"SECGCL",“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif;  font-weight:400; font-size:18px;color:#444;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
body{min-width:320px;line-height:1.5;word-break:break-all; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:18px;}
a {color:#444;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;}
li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;margin:1px;}
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:36px;padding:0 5px;border:1px solid #c8c8c8;font-size:16px;color:#444;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:30px;border:1px solid #d2d2d2;background:#fff;}
/*input[type=radio]{*width:13px;*height:13px;}*/
select{height:36px;padding-left:5px;border:1px solid #999;font-size:16px;color:#444;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #999;font-size:16px;color:#444;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}

/* -----------------------------------------------------------------------------------------------
	Global Classname
--------------------------------------------------------------------------------------------------*/
.ir-pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.screen-out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.f-l {float:left !important;}
.f-r {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-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;}
.ov-h {overflow:hidden !important;}
.clear-fix:after {content:"";display:block;clear:both;}

.pdt12 {padding-top:12px !important;}
.pdl40 {padding-left:40px !important;}

/* -----------------------------------------------------------------------------------------------
	기본 레이아웃
--------------------------------------------------------------------------------------------------*/
.container {position:relative; width:100%; max-width:1310px; margin:0 auto; /*padding:0 28px;*/}

/* 메뉴 건너뛰기 */
#skip-navigation a {position: absolute;width:100%;left:-9999px;color:#7f7e7e;text-decoration: none;font-size:18px;background:#000;background:rgba(0,0,0,.4);padding:.10px 12px 10px;text-shadow:0px 0px 5px #313131;}
#skip-navigation a:focus {left: 0;z-index:100;color: #fff;}

/* All – [PC FIRST] 모든 해상도에서 해석하는 코드(미디어 쿼리 적용 안 함) */

/* gnb, 푸터 */
#header {position:fixed;left:0;top:0;z-index:999;width:100%;}
#util-wrap {width:100%;height:34px;background:#000;}
.util-wrap-inner {position:relative;max-width:1310px;margin:0 auto;}
.social {position:absolute;top:7px;right:144px;font-size:0;}
.social a {width:20px;height:20px;background:url(../images/common/social-icon.png) no-repeat 0 0;}
.social a + a {margin-left:14px;}
.social .fb {background-position:0 0;}
.social .tw {background-position:0 -20px;}
.social .ut {background-position:0 -40px;}
.lang-wrap {position:absolute;top:5px;right:10px;font-size:0;}
.lang-wrap a {color:#ccc;font-size:12px;font-family:"돋움", dotum;}
.lang:after {content:"";display:inline-block;width:1px;height:9px;margin:0 12px;background:#666;}
.med:before {content:"";display:inline-block;width:16px;height:16px;position:relative;top:2px;background:url(../images/common/icon_med.png) no-repeat 0 50%;}
.med:after {content:"";display:inline-block;width:1px;height:9px;margin:0 12px;background:#666;}
.vet:before {content:"";display:inline-block;width:16px;height:16px;position:relative;top:2px;background:url(../images/common/lang-icon.png) no-repeat 0 0;}

#gnb-wrap {width:100%;height:80px;background:#444;}
.gnb-wrap-inner {max-width:1310px;margin:0 auto;padding:32px 10px 0;}
.gnb-wrap-inner:after {content:"";display:block;clear:both;}
.gnb-wrap-inner h1 {float:left;font-size:0;}
.gnb {float:left;padding-left:213px;margin-top:-2px;}
.gnb a {color:#fff;}
.gnb .depth1:after {content:"";display:block;clear:both;}
.gnb .depth1 > li > a {position:relative;height:50px;text-align:center;}
.gnb .depth1 > li.on > a:after {content:"";position:absolute;left:0px;bottom:0;width:110px;height:3px;background:url(../images/common/gnb_hover.png) no-repeat 0 0;}
.gnb .depth1 > li {float:left;}
.gnb .depth1 > li + li {padding-left:155px;}
/*.gnb .depth2 {position:absolute;top:114px;left:0;right:0;height:60px;background:url(/resources/images/common/gnb_depth2_bg.png) repeat-y 0 0;display:none;}*/
.gnb .depth2 {position:absolute;top:114px;left:0;right:0;height:80px;background:rgba(71,71,71,.9); display:none;}
.gnb .depth2-inner {position:relative;max-width:1310px;margin:0 auto;}
.gnb .depth2-inner > ul > li {display:inline-block; padding:15px 0; text-align:center; line-height:52px;}
.gnb .depth2-inner > ul > li + li {margin-left:50px;}
.gnb .m3 .depth2-inner > ul > li + li {margin-left:36px;}
.gnb .depth2-inner > ul > li {position:relative;}
.gnb .depth2-inner > ul > li:hover:after {content:"";position:absolute;bottom:13px;left:0;right:0;height:1px;background:#fff;}
.gnb .depth2-inner > ul {position:absolute;z-index:10;}
.sitemap-go {float:right;font-size:18px;color:#fffefe;}
.join-go {float:right;font-size:18px;color:#fffefe;}
.mobile-lang-wrap {display:none; position:absolute; top:20px; right:70px;}
.mobile-lang-wrap a {color:#fff;}
.mobile-lang-wrap .lang:after {display:none;}
.hamburger {display:none; position:relative; float:right; width:30px; height:30px; margin-top:-8px; text-indent:999999px; background:url('../images/common/btn_hamburger.png') 0 0 no-repeat; overflow:hidden;}
.hamburger.active {background-position:0 -30px;}
.mobile-gnb-panel {position:absolute; top:70px; left:100%; width:70%; max-width:475px; height:calc(100% - 70px); background:#474747; overflow-y:auto; z-index:999;}
.mobile-gnb > ul.accordion > li > a.toggle {position:relative; display:block; padding:20px; background:#474747; border-bottom:1px solid rgba(255,255,255,.1); font-family:'SECGCM'; font-size:20px; color:#fff; line-height:40px;}
.mobile-gnb > ul.accordion > li > a.toggle .icon {position:absolute; top:50%; right:20px; width:24px; height:24px; margin:-12px 0; background:url('../images/common/icon_accordian.png') 0 0 no-repeat;}
.mobile-gnb > ul.accordion > li > a.toggle.on .icon {background-position:0 -24px;}
.mobile-gnb > ul.accordion .inner {display:none; background:#fff; overflow:hidden;}
.mobile-gnb > ul.accordion .inner a {position:relative; display:block; padding:20px; background:#fff; border-bottom:1px solid #ccc; font-family:'SECGCL'; color:#444;}
.mobile-gnb > ul.accordion .inner a.toggle.on {border-color:transparent; color:#0057a4;}
.mobile-gnb > ul.accordion .inner a.toggle .icon {position:absolute; top:50%; right:20px; width:24px; height:24px; margin:-12px 0; background:url('../images/common/icon_accordian.png') 0 -48px no-repeat;}
.mobile-gnb > ul.accordion .inner a.toggle.on .icon {background-position:0 -72px;}
.mobile-gnb > ul.accordion .sub-inner {padding:0 0 15px 15px;}
.mobile-gnb > ul.accordion .sub-inner.show {border-bottom:1px solid #ccc;}
.mobile-gnb > ul.accordion .sub-inner a {padding:5px; border:none; color:#666;}
.mobile-gnb > ul.accordion .sub-inner a:before {display:inline-block; margin-right:5px; content:'-';}
.mobile-util-wrap {margin:20px 0; font-size:0; text-align:center;}
.mobile-util-wrap li {display:inline-block; margin:0 8px;}
.mobile-util-wrap li a {display:block; font-size:16px; color:#ccc; line-height:40px;}
.mobile-util-wrap li .icon {display:inline-block; width:40px; height:40px; margin-top:-5px; background:url('../images/common/icon_mobile_util.png') no-repeat; vertical-align:middle;}
.mobile-util-wrap li .icon.fb {background-position:0 0;}
.mobile-util-wrap li .icon.tw {background-position:0 -40px;}
.mobile-util-wrap li .icon.ut {background-position:0 -80px;}
.mobile-util-wrap li .icon.vet {margin-right:5px; background-position:0 -120px;}
.mobile-util-wrap li .icon.vet:before, .mobile-util-wrap li .icon.vet:after {display:none;}
.mobile-util-wrap li .icon.med2 {margin-right:5px; background-position:0 -160px;}
.dimd-gnb-panel {display:none; position:fixed; top:70px; left:0; width:100%; height:calc(100% - 70px); background:#000; opacity:.7; filter:alpha(opacity=70); z-index:998;}  
footer {position:relative; padding:38px 0; background:#000;}
footer:after {display:block; clear:both; content:'';}
footer .logo {display:block; float:left; margin-right:60px;}
footer .logo img {width:100%; vertical-align:middle;}
.footer-body {position:absolute; width:auto; margin:0 280px;}
.footer-menu, .info {width:100%; margin:0; line-height:1;}
.footer-menu li, .info li {display:inline-block;}
.footer-menu li+li:before, .info li:nth-child(2):before, .info li:nth-child(4):before {display:inline-block; padding:0 5px 0 0; font-size:15px; color:#eee; content:'|';}
.info li:nth-child(3):before {display:inline-block; padding:0 5px 0 0; content:'';}
.footer-menu li a, .info li, .info li a {font-size:12px; color:#eee;}
.copyright {display:block; clear:both; margin-left:280px; font-size:12px; color:#ccc; line-height:2;}
.fm-wrap {position:relative; float:right;}
.fm-wrap .fm-btn {display:block;width:210px; margin-top:10px; padding:10px; border:1px solid #999; font-size:12px; color:#999;}
.fm-wrap .fm-btn:after {content:""; position:absolute; top:27px; right:10px; width:13px; height:7px; background:url(../images/common/family_site_arr.png) no-repeat 0 -7px;}
.fm-wrap .fm-btn.on:after {background-position:0 0;}
.fm-wrap .fm-list {position:absolute; left:0; bottom:39px; width:210px; border:1px solid #999; background:#000; display:none;}
.fm-wrap .fm-list a {display:block;padding:10px;font-size:12px; color:#999;}

/* 사이트맵 */
#siteMap .layer-top {position:relative; height:60px; background:transparent;}
#siteMap .layer-cont {padding:0; height:485px;}
#siteMap .depth1 {display:block; width:100%; height:100%;}
#siteMap .depth1 > li {display:block; float:left; width:33.3%; height:100%; padding:20px 25px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#siteMap .depth1 > li + li {border-left:1px solid #ccc;}
#siteMap .depth1 > li .tit {padding-bottom:20px; font-family:'Noto Sans Korean','SECGCM'; color:#0a69c8; background:url(../images/common/dot_underline.png) bottom repeat-x;}
#siteMap .depth2 > li {padding:20px 0;}
#siteMap .depth2 > li + li {background:url(../images/common/dot_underline.png) top repeat-x; color:#0a69c8;}
#siteMap .depth3 > li {font-size:16px;}
#siteMap .depth3 > li:before {display:inline-block; margin-right:5px; content:'-';}
#siteMap .depth3 > li:first-child {margin-top:10px;}
#siteMap .external {padding-right:30px; background:url('../images/common/icon_external.png') right 50% no-repeat;}

/* 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;
}

/* -----------------------------------------------------------------------------------------------
	공통 컨텐츠 미디어 쿼리
--------------------------------------------------------------------------------------------------*/

/* tablet & pc - 768px 이상 해상도 */
@media (min-width:768px){
	
}

/* Tablet – 768px~1024px 해상도에서 해석하는 코드 */
@media (min-width:768px) and (max-width:1024px){
	/* gnb */
	.gnb-list>li {margin:0 10px;}
}
@media (max-width:1290px){
	/* common */
	.container {padding:0 15px;}
}
@media (max-width:1023px){
	/* gnb */
	#util-wrap {display:none;}
	#gnb-wrap {height:70px;}
	.gnb-wrap-inner {padding:25px 15px 0;}
	.gnb, .sitemap-go {display:none;}
	.join-go {display:none;}
	.mobile-lang-wrap {display:inline-block;}
	.hamburger {display:block;}

	/* footer */
	.footer-body {position:relative; width:100%; margin:0 0 10px 0;}
	.footer-menu, .info {width:80%; margin:0 auto; text-align:center;}
	.info {margin:10px auto;}
	footer .logo {width:170px; height:40px !important; margin:0 0 0 10%;}
	.fm-wrap {margin:0 10% 0 0;}
	.fm-wrap .fm-btn {margin-top:0;}
	.fm-wrap .fm-btn:after {top:18px;}
	.copyright {margin:0; padding-top:10px; line-height:1.5; text-align:center;}
}
/* 모바일 – 320px~767px 해상도에서 해석하는 코드 */
@media (max-width:767px){
	/* footer */
	footer {padding:20px 0;}
	footer .logo img {max-width:170px;}
}
@media (max-width:533px){
	#gnb-wrap {height:50px;}
	.gnb-wrap-inner {padding-top:18px;}
	.mobile-lang-wrap {top:13px;}
	.mobile-gnb-panel {top:50px; height:calc(100% - 50px);}
	.dimd-gnb-panel {top:50px; height:calc(100% - 50px);}
	.gnb-wrap-inner h1 a {width:80%;}
	.mobile-gnb > ul.accordion > li > a.toggle {padding:10px; font-size:18px;}
	.mobile-gnb > ul.accordion > li > a.toggle .icon {width:16px; height:16px; margin:-8px 0; background-size:16px 64px;}
	.mobile-gnb > ul.accordion > li > a.toggle.on .icon {background-position:0 -16px;}
	.mobile-gnb > ul.accordion .inner a {padding:10px;}
	.mobile-gnb > ul.accordion .inner a.toggle .icon {width:16px; height:16px; margin:-8px 0; background-position:0 -32px; background-size:16px 64px;}
	.mobile-gnb > ul.accordion .inner a.toggle.on .icon {background-position:0 -48px;}
	.mobile-gnb > ul.accordion .sub-inner a {padding:5px;}
	.mobile-util-wrap li {margin:0 5px;}
	.mobile-util-wrap li a {line-height:30px;}
	.mobile-util-wrap li .icon {width:30px; height:30px; background-size:30px auto;}
	.mobile-util-wrap li .icon.tw {background-position:0 -30px;}
	.mobile-util-wrap li .icon.ut {background-position:0 -60px;}
	.mobile-util-wrap li .icon.vet {background-position:0 -90px;}
	.mobile-util-wrap li .icon.med2 {background-position:0 -120px;}
	footer .logo {width:80%; text-align:center;}
	.fm-wrap {width:80%;}
	.fm-wrap .fm-btn, .fm-wrap .fm-list {width:100%;}
	.copyright {width:270px; margin:0 auto;}
}
@media (max-width:400px){
	.mobile-util-wrap li {margin:0 3px;}
	.mobile-util-wrap li a {line-height:24px;}
	.mobile-util-wrap li .icon {width:24px; height:24px; background-size:24px auto;}
	.mobile-util-wrap li .icon.tw {background-position:0 -24px;}
	.mobile-util-wrap li .icon.ut {background-position:0 -48px;}
	.mobile-util-wrap li .icon.vet {background-position:0 -72px;}
	.mobile-util-wrap li .icon.med2 {background-position:0 -96px;}
}

/*메인 팝업 20170421*/
.ad_popup_comm {z-index:9999; position:fixed; left:0; top:0; width:100%; height:100%; background:url('../images/common/bg_ADpopup.png') repeat;}
.ad_popup_comm .edge {border:1px solid #000; position:absolute;}
.ad_popup_comm .ad_body {position:relative;}
.ad_popup_comm .ad_body a.btn_zoom {display:none; position:absolute; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #4e3c33; text-align:center; font-size:0; padding:15px;}
.ad_popup_comm .ad_body a.btn_zoom span {display:inline-block;padding-left:30px; background:url('../images/common/ADpop_zoom.png') left center no-repeat; line-height:22px; font-size:13px; letter-spacing:-0.5px; color:#444;}
.ad_popup_comm .tab {background:#000;}
.ad_popup_comm .tab:after {content:""; clear:both; height:0%; display:block;}
.ad_popup_comm .tab p {display:block; padding:15px;}
.ad_popup_comm .tab p a {display:block; color:#fff; cursor:pointer; font-size:13px; letter-spacing:-0.5px; line-height:22px;}
.ad_popup_comm .tab p.td_close {float:left; font-size:13px; letter-spacing:-0.5px; line-height:22px; color:#fff;}
.ad_popup_comm .tab p.td_close input {border:none; width:17px; height:17px;}
.ad_popup_comm .tab p.close {float:right;}
.ad_popup_comm .tab p.close a {background:url('../images/common/ADpop_close.png') right center no-repeat; padding-right:20px;}

.ad_popup_comm.ad170421 .edge {left:50%; top:50%; margin:-310px 0 0 -220px;}


@media (max-width:470px){
.ad_popup_comm {padding:20px;}
.ad_popup_comm .edge {position:static;}
.ad_popup_comm .ad_body {width:100%;}
.ad_popup_comm .ad_body img {width:100%;}
.ad_popup_comm .ad_body a.btn_zoom {display:block;}
.ad_popup_comm .tab p a {display:block; color:#fff; cursor:pointer; font-size:11px; letter-spacing:-0.7px; line-height:22px;}
.ad_popup_comm.ad170421 .edge {left:0; top:0; margin:0;}
}


/*20171227_location추가*/
/* 레이아웃 */
.baseArea {
	 width:100%; max-width:1310px; margin:0 auto;
}
.baseArea .introBox {
	color: #222;
	padding-top:0px;
}
.baseArea .introBox:after {
	clear:both;
	content:'';
	display:block;
}
.baseArea .introBox .all {
	width:100%;
}
.baseArea .introBox .all p {
	font-size: 16px;
	opacity: 1;
	filter:alpha(opacity=100);
	line-height:22px;
	padding-top:15px;
	font-weight:300;
	padding-bottom:10px;
}
.baseArea .introBox .all .language_part li {
	padding-bottom:20px;
}
.baseArea .introBox .all .language_part  ul li {
	padding:5px 10px; list-style:inside;
}
.baseArea .introBox .all h3 {
	line-height:25px;
	font-size:30px;
	color: #222;
	letter-spacing:0px;
	text-transform:uppercase;
	font-weight:600;
}

.baseArea .introBox .all h3  span{
	border-bottom: 3px solid #999; padding-bottom:15px; display:inline-block;
}
.work_view {
	width:100%;
	background-color: #FFF;
}
.work_view .introBox .location {
	position: relative;
	width: 100%;
	text-align: center;
	margin:40px 0px 30px;
	text-align: center;
	font-size:0px;
}

.work_view .introBox .location li {
	display:inline-block;
}
.work_view .introBox .location li a {
	padding: 0 25px;
	cursor:pointer;
	background:#a4a4a4;
	border:1px #FFF solid;
	font-size:18px;
	opacity:0.7;
	filter:alpha(opacity=70);
	color: #FFF;
	display: inline-block;
	height:50px;
	line-height:50px;
}
.work_view .introBox .location li a.active {
	background:#ff3f00;
	border:none;
	opacity:1;
	filter:alpha(opacity=100);
	border:1px #FFF solid;

}
.work_view .introBox .location li a:hover {
	color: #000;
	opacity:1;
	filter:alpha(opacity=100);
}
.work_view .introBox .location_area {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	position: relative;
	width: 100%;
	height:340px;
	background:#555555;
	position: relative;
	border:1px;
	border-style:solid;
	border-color:#d0d0d0;
	border-collapse:collapse;
}
.work_view .location_txtbox {
	max-width: 960px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin:0px auto;
}
.work_view .location_txtbox li {
	line-height: 1.8em;
	font-size:18px; 
	letter-spacing:-0.08em;
	color:#494949;
}
.work_view .location_txtbox li .cell_hd {
	font-weight: bold; width:130px; display:inline-block; vertical-align:top; text-decoration:underline;
}
.work_view .location_txtbox li .cell_txt {
	 display:inline-block;
}
.work_view .location_txtbox li .cell_txtpoint {
	
	color:#494949;
}
.work_view .location_txtbox li .grenn_point {
	color:#399;
}
.work_view .location_txtbox li a {
	color:#f0524e;
}
.introBox .schedule_tb{border-collapse:collapse; width:100%; border-left:1px solid #666; border-top:2px solid #666; margin: 20px 0px; text-align:center; }
.introBox .schedule_tb th{ border-bottom:1px solid #666; border-right:1px solid #666; padding:10px; color:#fff29d; background:#444;font-size:medium;}
.introBox .schedule_tb td{ border-bottom:1px solid #666; border-right:1px solid #666; padding:10px;}
.btn_joinbox { position:fixed; right:10px; bottom:130px; width:90px; height:100px; background:#d01c24 url(../images/common/bg_join_btn.png) no-repeat center; border-radius:5px; text-align:center; 
 opacity: 0.6; filter:alpha(opacity=60); transition:all 200ms linear; -webkit-transition:all 200ms linear;    -moz-transition:all 200ms linear;    -ms-transition:all 200ms linear;  
 -o-transition:all 200ms linear;} 
.btn_joinbox a { text-indent:-99999em; display:block; overflow:hidden;  width:90px; height:100px;}
.btn_joinbox:hover {background:#d01c24 url(../images/common/bg_join_btn.png) no-repeat center; opacity: 1; filter:alpha(opacity=100)}

::-moz-selection { color:#fff; background:#d01c24; }
::selection { color:#fff; background:#d01c24; }

.project_btn { width:100%; height:93px; line-height:93px; color:#fff; text-align:center; background:#d01c24; font-family:'Archivo Narrow',sans-serif; font-weight:bold; font-size:30px;}
.project_btn a { color:#fff; display:block; transition:all 200ms linear; -webkit-transition:all 200ms linear; cursor:pointer;    -moz-transition:all 200ms linear;    -ms-transition:all 200ms linear;   
 -o-transition:all 200ms linear; }
.project_btn a:after { content:''; display:inline-block; width:26px; height:13px; background:url(../images/common/project_icon.png) no-repeat; margin-left:15px; }
.project_btn a:hover { background:#161615; color:#fff;}
#contentwrap{padding-bottom:40px;}
.base_btn{ padding:0px 7px; color:#fff; background:#d01c24;  border-radius:5px; margin:0px; cursor:pointer; border:none; line-height:34px; }
.base_btn02{ padding:0px 7px;  color:#fff; background:#d01c24;  border-radius:5px; margin:0px; cursor:pointer;  border:none; line-height:34px;  }

.icon_style{border-radius: 100%;  margin-right:0px; margin-top:5px; border:none;}