@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
@font-face { 
	font-family: 'Nanum Gothic'; 
	src: url('/font/NanumGothic.eot'); 
	src: local('¡Ø'), url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'), 
		url('/font/NanumGothic.woff') format('woff');
	font-weight: normal; 
	font-style: normal; 
}

@font-face { 
	font-family: 'Nanum Gothic'; 
	src: url('/font/NanumGothicB.eot'); 
	src: local('¡Ø'), url('/font/NanumGothicB.eot?#iefix') format('embedded-opentype'), 
		url('/font/NanumGothicB.woff') format('woff');
	font-weight: bold; 
	font-style: normal; 
}

@font-face { 
	font-family: 'Nanum Square'; 
	src: url('/font/NanumSquareB.eot'); 
	src: local('¡Ø'), url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), 
		url('/font/NanumSquareB.woff') format('woff');
	font-weight: bold; 
	font-style: normal; 
}

@font-face { 
	font-family: 'Nanum Square'; 
	src: url('/font/NanumSquareEB.eot'); 
	src: local('¡Ø'), url('/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), 
		url('/font/NanumSquareEB.woff') format('woff');
	font-weight: 900; 
	font-style: normal; 
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	 line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

input, textarea, select, file, button {margin:0; padding:0; vertical-align:middle; line-height:1.2; color:#171717; font:inherit; font-size:12px;}
a {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}
button, input{overflow:visible} /*ie6,7 ¿©ºÐÀÇ ÆеùÁ¦°Å*/
button {cursor:pointer;}
strong, b {font-weight:bold;}
img {vertical-align:top;}

/* skip */
.skip, hr, legend, caption {visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;}

/* CLEAR FIX*/
.clearfix:after {content:""; clear:both; display:block;}
.clearfix {overflow:auto;}

html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}


::-moz-selection { color:#fff; background:#47bdfc; }
::selection { color:#fff; background:#47bdfc; }


.skip_navigation {position:relative; z-index:9999;}
.skip_navigation > a {position:absolute; left:0; top:-500px;}
.skip_navigation > a:focus, .skip_navigation > a:active {top:0;}

/* layout */
body {background:#fff; font-family: 'Nanum Gothic', sans-serif; font-size:13px; color:#646464; text-align:center; word-break:break-word;}
#wrap {position:relative; -webkit-text-size-adjust:none;}
header, section, article, aside, footer, address, nav {display:block;}
.inner {max-width:1200px; margin:0 auto; padding:0 10px;}

header #topLogo {position:absolute; top:40px; left:50px; z-index:100; width:198px; height:57px;}
header #topLogo a {display:block; height:100%; background:url(/img/portfolio/m_logo2.png) no-repeat left top / 100% auto; text-indent:-9999em;} /*·Î°í¹ÌÁ¤*/
header .btn_menu {position:absolute; top:370px; left:50px; z-index:100; width:30px; height:42px; background:url(/img/portfolio/ico_menu.png) no-repeat left top / 100% auto; text-indent:-9999em;}
#asideMenu {display:none; position:fixed; left:0; top:0; z-index:100; width:420px; height:100%; background:rgba(33,33,33,.9);}
#asideMenu .inside {position:relative; height:100%; padding:35% 0 0 130px;}
.gnb_list {margin-bottom:60px;}
.gnb_list li {margin-bottom:20px; text-align:left;}
.gnb_list li a {display:inline-block; width:170px; height:45px; padding-left:15px; line-height:45px; color:#999; font-size:27px;}
.gnb_list li a:hover {background:#23C3FF; color:#fff;}
#asideMenu .sns_box {width:220px; padding-top:40px; padding-left:15px; border-top:1px solid #999; font-size:0; text-align:left;}
#asideMenu .sns_box a {display:inline-block;}
#asideMenu .sns_box a + a {margin-left:30px;}
#asideMenu .btn_close {position:absolute; left:50px; top:370px; width:30px; height:29px; background:url(/img/portfolio/btn_close.png) no-repeat center center; text-indent:-9999em;}

footer {background:#252525;}
footer .inner {position:relative; min-height:210px; padding:70px 170px 0 260px;}
footer #logoBot {position:absolute; left:10px; top:70px;}
#logoBot img {width:180px;}
footer address {color:#ddd; line-height:20px; text-align:left;}
footer address em {display:inline-block;}
footer address span {position:relative; display:inline-block;}
footer address span + span {margin-left:15px;}
footer address span + span:before {position:absolute; left:-8px; top:0; bottom:0; margin:auto 0; content:""; width:1px; height:8px; background:#ddd;}
footer address .right {margin-top:10px; color:#aaa;}
footer .sns_box {position:absolute; right:10px; top:70px; font-size:0;}
footer .sns_box a {display:inline-block; margin-left:30px;}

/* main */
.noto-serif-kr {
  font-family: "Noto Serif KR", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.sect_tit {margin-bottom:20px; color:#272727; font-size:33px; font-weight:900; font-family: 'Nanum Square';}
.sect_tit span {color:#1EC2FF;}
.btn_detail {position:relative; display:inline-block; height:51px; line-height:51px; margin-top:25px; color:#444; font-size:15px; font-weight:bold;}
.btn_detail:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:51px; height:51px; background:url(/img/portfolio/m_shape2.png) no-repeat center;}

#area_visual {display:table; width:100%; height:910px; /*background:url(/img/portfolio/m_bg1.jpg) no-repeat center; */background-size:cover;}
#area_visual .inner {display:table-cell; vertical-align:middle;}
#area_visual h2 {margin-bottom:15px; color:#FFFFFD; font-size:55px; letter-spacing:-0.6px; line-height:1.3;}
#area_visual h2 span {color:#23C3FF;}
#area_visual {color:#FFFFFD; line-height:20px;}

#area_intro .inner {position:relative; padding:90px 0 100px 430px; text-align:left;}
#area_intro .sect_tit {position:absolute; left:50px; top:90px;}
#area_intro p {padding-right:50px; line-height:20px;}
#area_intro p + p {margin-top:20px;}

#area_work {padding-top:80px; background:#FAFAFA;}
#area_work p {margin-bottom:10px; line-height:20px;} 
#area_work #work_list {overflow:hidden; margin-top:40px;}
#work_list li {position:relative; float:left; overflow:hidden; width:25%; height:23.4375vw;}

.snip1584 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 16px;
}
.snip1584 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.snip1584:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(35, 195, 255, 0.9);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.snip1584 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}
.snip1584 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform:translateY(-50%);
}
.snip1584 h3,
.snip1584 .btn_more {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}
.snip1584 h3 {
  width:100%;
  font-size:20px;
  font-family: 'Nanum Square';
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 10px;
}

#work_list .btn_more {position:relative; width:100%; height:51px; line-height:51px; color:#FFFAFD; font-size:16px; font-weight:bold;}
#work_list .btn_more:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:51px; height:51px; background:url(/img/portfolio/m_shape2_on.png) no-repeat center;}

.snip1584 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1584:hover:before,
.snip1584.hover:before {
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.snip1584:hover h3,
.snip1584.hover h3,
.snip1584:hover .btn_more,
.snip1584.hover .btn_more {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.snip1584:hover h3,
.snip1584.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.snip1584:hover .btn_more,
.snip1584.hover .btn_more {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#area_skill {overflow:hidden; padding-top:100px;}
#skill_list1 {margin-top:80px; margin-bottom:120px;}
#skill_list1::after {content:""; display:block; clear:both;}
#skill_list1 li {float:left; width:25%; padding:0 5px;}
#skill_list1 li span {display:inline-block;}
#skill_list1 li:hover span {animation-duration: 2s; animation-name: slideInDown;  animation-fill-mode: both;  animation-iteration-count: infinite;  animation-timing-function: inherit;}
@keyframes slideInDown {
	0% {transform:translate3d(0, 0, 0); visibility:visible;}
	25% {transform:translate3d(0, 7px, 0); visibility:visible;}
	50% {transform:translate3d(0, 0, 0); visibility:visible;}
	75% {transform:translate3d(0, 7px, 0); visibility:visible;}
	100% {transform:translate3d(0, 0, 0); visibility:visible;}
}
#skill_list1 dt {margin-top:30px; margin-bottom:20px; color:#26C2FB; font-size:21px; letter-spacing:-0.6px;}
#skill_list1 dd {line-height:20px;}
#area_skill .bg_box {height:430px; background:url(/img/portfolio/m_bg2.jpg) no-repeat center; background-size:cover;}
#area_skill #skill_list2 {overflow:hidden;}
#skill_list2 li {display:table; float:left; width:33.333%; height:250px; padding:0 5px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; transition: all .2s; -webkit-transition:all .2s;}
#skill_list2 dl {display:table-cell; vertical-align:middle;}
#skill_list2 dt {position:relative; margin-bottom:20px; color:#353535; font-size:28px;}
#skill_list2 dt:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:51px; height:51px; background:url(/img/portfolio/m_shape2.png) no-repeat center;}
#skill_list2 dd {line-height:20px;}
#skill_list2 li:hover {background:#23C3FF;}
#skill_list2 li:hover dt, #skill_list2 li:hover dd {color:#FFFAFD;}
#skill_list2 li:hover dt:after {background:url(/img/portfolio/m_shape2_on.png) no-repeat center;}

#area_contact {display:table; width:100%; height:410px; background:url(/img/portfolio/m_bg3.jpg) no-repeat center; background-size:cover; color:#FEFEFE;}
#area_contact .inner {display:table-cell; vertical-align:middle;}
#area_contact .sect_tit {margin-top:15px; color:#FEFEFE; font-size:40px;}
#area_contact p {line-height:20px;}
#area_contact p span {display:inline-block;}
#area_contact .btn_detail {color:#FEFEFE;}

/* sub1 */
.sub1 #area_visual {/*background:url(/img/portfolio/sub1_bg1.jpg) no-repeat center;*/ background-size:cover;}
.sub1 #area_visual h2, .sub2 #area_visual h2, .sub3 #area_visual h2, .sub4 #area_visual h2 {font-size:82px;}
.sub1 #area_intro {background:#2CA6D7;}
.sub1 #area_intro .sect_tit {color:#fff;}
.sub1 #area_intro .sect_tit span {color:#FADD00;}
.sub1 #area_intro p {color:#fff;}
.sub1 #area_skill .bg_box {float:left; width:50%; height:750px; background:url(/img/portfolio/sub1_bg2.jpg) no-repeat center / cover;}
.sub1 #area_skill #skill_list2 {overflow:hidden; float:left; width:50%; height:750px; border-top:1px solid #ddd;}
.sub1 #skill_list2 li {width:50%; height:250px;}
#area_saying {padding:140px 0; background:#F9F9F9; text-align:center;}
#area_saying p {font-size:16px;}
#area_saying p span {display:block; margin-top:25px; color:#222; font-size:13px;}

/* sub2 */
.sub2 #area_visual {background:url(/img/portfolio/sub2_bg1.jpg) no-repeat center; background-size:cover;}
.sub2 #area_work {padding:100px 0 150px;}
.tab_title {overflow:hidden; max-width:1200px; margin:0 auto 60px; padding:0 20px;}
.tab_title li {float:left;}
.tab_title li + li {margin-left:80px;}
.tab_title li a {display:inline-block; height:60px; line-height:60px; color:#313131; font-size:24px; text-transform:capitalize; font-weight:bold; font-family: 'Nanum Square';}
.tab_title li a.active {position:relative; color:#2CA6D9;}
.tab_title li a.active:after {position:absolute; bottom:0; left:0; content:""; width:100%; height:3px; background:#2CA6D9;}
.tab_content .tabc {display:none;}
.tab_content .tabc.active {display:block;}
.sub2 .btn_detail {margin-top:40px;}

/* sub3 */
.sub3 #area_visual {background:url(/img/portfolio/sub2_bg1.jpg) no-repeat center; background-size:cover;}
#area_view {text-align:left;}
#area_view .inner {padding:80px 10px;}
#area_view h2 {margin-bottom:40px; color:#333; font-size:30px; font-weight:bold;}
#area_view h2 span {display:block; margin-top:15px; color:#2CA6D7; font-size:14px;}
#area_view h3 {margin-bottom:40px; color:#fff; font-size:22px; font-weight:bold;}
#area_view p {line-height:1.7;}
.viewBox {overflow:hidden;}
.viewBox .view_img {float:left; width:50%; height:720px;}
.viewBox .view_img img {height:100%;}
.viewBox .view_txt {position:relative; float:left; width:50%; height:720px; padding:80px 90px; background:#2CA6D7; color:#fff;} 

/* sub4 */
.sub4 #area_visual {background:url(/img/portfolio/sub4_bg1.jpg) no-repeat center; background-size:cover;}
.cell_tit {text-align:left; color:#222; font-size:18px; font-weight:900; font-family: 'Nanum Square'; letter-spacing:-0.5px; line-height:1; margin-bottom:20px;}
#area_info {position:relative; height:750px;}
#area_info .inner {height:100%;}
#area_info .formBox {width:100%; max-width:500px; padding:100px 0 0;}
.formBox dl {text-align:left;}
.formBox .info1 {margin-bottom:110px;}
.formBox .info1 dd + dd {line-height:1.7;}
.formBox .info1 strong {color:#222;}
.formBox dl dd:nth-of-type(1) {margin-bottom:15px;}
.formBox .info2 dd:nth-of-type(2) {font-size:0;}
.formBox .ipt1 {display:inline-block; width:50%; padding-right:5px;}
.formBox .ipt2 {display:inline-block; width:50%;}
.formBox .ipt3 {display:block; margin:5px 0;}
.formBox .ipt {width:100%; height:35px; padding:0 15px; border:1px solid #E6E6E6; font-size:13px;}
.formBox .ipt3 .ipt {height:83px;}
.formBox .btn_send {width:100%; height:40px; line-height:40px; border:none; background:#363636; color:#fff; font-size:15px; font-weight:bold; text-align:center;}
#area_info .mapBox {position:absolute; left:50%; top:0; width:50%; height:100%;}
#area_info .mapBox iframe {width:100%; height:100%;}
#area_info2 .bg_box {height:470px; background:url(/img/portfolio/sub4_bg2.jpg) no-repeat center / cover;}
#area_info2 .inner {padding:110px 0; text-align:left; line-height:1.6;}
#area_info2 .inner p {margin-top:30px; font-size:14px;}




@media screen and (max-width : 1200px) {

/* layout */
header .btn_menu {top:330px;}
footer .inner {padding:70px 170px 0 300px;}
footer #logoBot {left:50px;}
footer .sns_box {right:50px;}

/* main */
#area_visual  {height:780px;}
#area_visual h2 {font-size:4.58vw;}
#work_list li {width:50%; height:47.5vw;}
#area_skill #skill_list1 {margin-bottom:50px;}
#skill_list1 li {display:table; width:50%; height:175px; text-align:left;}
#skill_list1 li span {display:table-cell; vertical-align:top; width:14.16vw; min-width:80px; text-align:center;}
#skill_list1 li dl {display:table-cell; vertical-align:top;}
#skill_list1 dt {margin-top:0;}
#skill_list1 dd {padding-right:6%;}
#area_skill .bg_box {height:370px;}
#area_contact {height:380px;}

/* sub1 */
.sub1 #area_visual h2, .sub2 #area_visual h2, .sub3 #area_visual h2, .sub4 #area_visual h2 {font-size:6.83vw;}
.sub1 #area_skill .bg_box {float:none; width:100%; height:370px; background:url(/img/portfolio/sub1_bg2_m.jpg) no-repeat center / cover;}
.sub1 #area_skill #skill_list2 {float:none; width:100%; height:500px;}
.sub1 #skill_list2 li {width:33.333%; height:250px;}

/* sub2 */
.tab_title {padding:0 30px;}
.tab_title li + li {margin-left:6.66vw;}

/* sub4 */
#area_info {position:static;}
#area_info .inner {position:relative; padding:0 0;}
#area_info .formBox {padding:100px 50px 0;}
#area_info .mapBox {left:0; z-index:-1; width:100%; padding-left:600px;}
#area_info2 .inner {padding:80px 50px;}
#area_info2 .bg_box {height:380px;}

}



@media screen and (max-width : 1024px) {

/* layout */

footer .inner {padding:70px 170px 0 270px;}
footer address span:last-child {display:block; margin-left:0;}
footer address span:last-child:before {display:none;}

/* main */
#area_intro .inner {padding:90px 0 100px 370px;}

/* sub4 */
#area_info .formBox {max-width:460px; padding:100px 40px 0;}
#area_info .mapBox {padding-left:450px;}
#area_info2 .inner {padding:80px 40px;}

}


@media screen and (max-width : 640px) {

/* layout */
header #topLogo {top:30px; left:20px; width:120px; height:35px;}
header .btn_menu {top:160px; left:20px; width:20px; height:30px;}
footer .inner {padding:40px 10px 40px 10px;}
footer address {margin:20px 0; font-size:12px; text-align:center;}
footer #logoBot {position:static;}
#logoBot img {width:140px;}
footer .sns_box {position:static;}
#asideMenu .inside {padding:30% 0 0 100px;}
.gnb_list {margin-bottom:40px;}
.gnb_list li {margin-bottom:15px;}
#asideMenu .btn_close {top:330px;}

/* main */
#area_visual  {height:450px; background:url(/img/portfolio/m_bg1_m.jpg) no-repeat center; background-size:cover;}
#area_visual h2 {font-size:5.3vw;}
#area_visual p {font-size:12px;}
#area_intro .inner {padding:80px 10px 90px 10px; text-align:center;}
#area_intro .sect_tit {position:static;}
#area_intro p {padding-right:0;}
#area_work p {padding:0 10px;}
#work_list li {width:100%; height:93.75vw;}

#area_skill {padding-top:80px;}
#area_skill p {padding:0 10px;}
#area_skill #skill_list1 {margin-top:70px; margin-bottom:40px;}
#skill_list1 li {height:230px; text-align:center;}
#skill_list1 li span {display:inline-block;}
#skill_list1 li span img {height:50px;}
#skill_list1 li dl {display:block;}
#skill_list1 dt {margin-top:30px;}
#skill_list1 dd {padding-right:0; padding:0 2%;}
#area_skill .bg_box {height:285px;}
#skill_list2 li {width:50%; height:210px;}
#skill_list2 dt {font-size:22px;}
#area_contact {height:285px;}
#area_contact .sect_tit {font-size:34px;}

/* sub1 */
.sub1 #area_visual {background:url(/img/portfolio/sub1_bg1_m.jpg) no-repeat center; background-size:cover;}
.sub1 #area_visual h2, .sub2 #area_visual h2, .sub3 #area_visual h2, .sub4 #area_visual h2 {font-size:7vw;}
.sub1 #area_intro .inner {padding:80px 40px 90px 40px; text-align:left;}
.sub1 #area_skill .bg_box {height:280px;}
.sub1 #area_skill #skill_list2 {height:630px;}
.sub1 #skill_list2 li {width:50%; height:210px;}
#area_saying {padding:80px 0;}
#area_saying .sect_tit {font-size:25px;}
#area_saying p {font-size:14px;}
#area_saying p span {margin-top:20px;}

/* sub2 */
.sub2 #area_visual {background:url(/img/portfolio/sub2_bg1_m.jpg) no-repeat center; background-size:cover;}
.sub2 #area_work {padding:80px 0 100px;}
.tab_title {padding:0 10px;}
.tab_title li a {height:40px; line-height:40px; font-size:18px;}

/* sub4 */
.sub4 #area_visual {background:url(/img/portfolio/sub4_bg1_m.jpg) no-repeat center; background-size:cover;}
#area_info {height:auto;}
#area_info .formBox {max-width:100%; padding:80px 40px;}
.formBox .info1 {margin-bottom:70px;}
#area_info .mapBox  {position:static; width:100%; height:500px; padding-left:0;}
#area_info2 .bg_box {height:330px; background:url(/img/portfolio/sub4_bg2_m.jpg) no-repeat center / cover;}


}


@media screen and (max-width : 420px) {

/* layout */
header .btn_menu {top:30px; left:auto; right:20px;}
footer #logoBot img {width:120px;}
#asideMenu {width:100%;}
.gnb_list li {margin-bottom:10px;}
#asideMenu .btn_close {top:280px;}

/* main */
.sect_tit {font-size:27px;}
#area_intro .inner {padding:60px 20px 70px 20px;}
#area_work {padding-top:60px;}
#area_skill {padding-top:60px;}
#area_skill #skill_list1 {margin-top:40px; margin-bottom:20px;}
#skill_list1 li {width:100%; height:auto; margin-bottom:50px; padding:0 10px;}
#area_skill .bg_box {height:230px;}

/* sub1 */
.sub1 #area_intro .inner {padding:60px 20px 70px 20px;}

/* sub2 */
.sub2 #area_work {padding:60px 0 80px;}
.tab_title {margin-bottom:40px; padding:0 5px; font-size:0;}
.tab_title li {float:none; display:inline-block;}
.tab_title li + li {margin-left:15px;}
.tab_title li a {font-size:17px;}

/* sub4 */
#area_info .formBox {padding:50px 20px;}
.formBox .info1 {margin-bottom:40px;}
#area_info .mapBox {height:400px;}
#area_info2 .inner {padding:50px 20px;}
#area_info2 .bg_box {height:230px;}

}