@charset "utf-8";

/* layout */
#main { position:absolute; width:100%; margin:0px; padding:0px; }
#main a { text-decoration:none; }
#wrap {/*  width:1100px;  */margin:0 auto; z-index:1; }

/* #header { position:relative; width:100%; height:79px; border: 0px solid #000;  z-index:1; }
#header .head { position:relative; width:1100px;  height:79px; margin:0 auto 0px; border:0px solid #00aeef; }
 */
/*  로고 */
#head .logo { position:absolute; top:0px; left:0px; margin:0 auto; border:0px solid #00aeef;  }

/*  메인메뉴 */
#head #menu { position:relative; width:100%; height:79px;  z-index:9999; border:0px solid #000; font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; }

#menu .postion {  width:1100px; height:79px; border:0px solid #000; }
#menu .postion ul { position:absolute; top:0px; right:0px; display:inline-block; line-height:0px;  }
#menu .postion li { float:right; position:relative; z-index:99;  border:0px solid #000;  list-style:none; }
#menu .postion li a { display:block; padding:36px 30px; font-weight:bold; font-size:17px; color:#000; }
#menu .postion li.on > a,
#menu .postion li a:hover { text-decoration:none; color:#006db2; border-bottom:0px solid #000; }

/* 타이틀공통 */
.basic_tit h2 { position:relative; width:100%; height: 40px; border-bottom: 1px solid #fff; text-align:center; margin:20px 0 20px 0;}
.basic_tit h2 span { 
	display:inline-block;  
	height:40px; 
	line-height:40px; 
	color:#000; 
	font-size:35px; 
	font-weight: 600;
	border:0px solid #c7b29a;  
	font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; 
}

.basic_tit h1 { width:100%; height: 44px; border-bottom: 1px solid #d7d7d7; text-align:center; }
.basic_tit h1 span { display:inline-block;  height:44px; line-height:44px; color:#000; font-size:19px; font-weight: 700; border:0px solid #c7b29a;  border-bottom: 1px solid #b50005; font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; }
.basic_tit em { display:inline-block;  width:100%; height:26px; line-height:26px; margin:0px 0px 20px 0px; color:#959595; font-size:11px; font-weight:normal; border:0px solid #000; }

/* 본문 */
#container { position:relative; width:100%; zoom:1; z-index:1; border:0px solid #000;  margin:0px 0 0px 0;   }
#container:after {content:""; display:block; clear:both; }
/* #container #contents { position:relative; width:1100px; border: 0px solid #f89880; min-height:500px; } */


/* 센터 메뉴 */
#center { position:relative; width:1100px; height:1290px; border:0px solid #c7b29a; }

/* 센터배너 */
/* .center_banner { position:relative; bottom:0px; width:1100px; height:280px; margin:0px 0 0px 0px; border:0px solid #000; }
.center_banner ul {}
.center_banner li { display:inline; width:200px; height:306px; margin:0 80px 0; border:0px solid #000; }
.center_banner li a {  } */

/* 센터 포털 */
.portal { position:relative; width:1100px; height:327px; margin:0px 0 0px 0px; border:0px solid #000; }

/* 센터 파트너 배너 */
/* .main_partner { position:relative; width:1100px; height:200px; margin:0px 0 0px 0px; border:0px solid #000; }
.main_partner .slider1 { position:relative; width:1100px; height:200px; margin:0px 0 0px 0px; border:0px solid #000; }*/


/*  이미지 롤오버 */
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline-block; }

/* ================================================== */
/* 서브페이지 공통
   ================================================== */
.sub_tit_01 { position:relative; width:100%; height:190px; background:#287cb1; text-align:center;  background: url('/images/newhome/img/01_sub_tit.jpg') no-repeat center top;/*background-size: cover;*/ }
h2.slogon { color:#ffffff;font-family:'Open Sans';text-align:right;font-size:30px;padding:55px 30px 0 0;max-width:1100px;margin:0 auto;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
p.slogon2 { color:#ffffff;font-family:'Open Sans';text-align:right;font-size:18px;padding:10px 30px 0 0;max-width:1100px;margin:0 auto;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}

.sub_tit_02 { position:relative; width:100%; height:190px; background:#287cb1; text-align:center;  background: url('/images/newhome/img/02_sub_tit.jpg') no-repeat center top;/*background-size: cover;*/ }
.sub_tit_03 { position:relative; width:100%; height:190px; background:#287cb1; text-align:center;  background: url('/images/newhome/img/03_sub_tit.jpg') no-repeat center top;/*background-size: cover;*/ }
.sub_tit_04 { position:relative; width:100%; height:190px; background:#287cb1; text-align:center;  background: url('/images/newhome/img/04_sub_tit.jpg') no-repeat center top;/*background-size: cover;*/ }
.sub_tit_05 { position:relative; width:100%; height:190px; background:#287cb1; text-align:center;  background: url('/images/newhome/img/05_sub_tit.jpg') no-repeat center top;/*background-size: cover;*/ }

 
.tit_bg { position:relative; width:100%; height:12%; margin:0 auto 0; background: url('/images/newhome/img/tit_bg.jpg') no-repeat; }
.sub_menu { /* width:100%; */ height:93px; text-align:center; /* padding:26px 0 0px 0; */ }
.sub_menu a {margin:2px 10px; }

.tit { position:relative; width:100%; height: 40px; border-bottom: 1px solid #fff; text-align:center; margin:20px 0 20px 0; }
.tit h3 { 	display:inline-block;  
			height:40px; 
			line-height:40px; 
			color:#000; 
			font-size:20px; 
			font-weight: 700; 
			border:0px solid #c7b29a;  
			border-bottom: 3px solid #006db2; 
			/* font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; */
			font-family: Webfont_medium; 
		}

/*  서브페이지 메뉴 배경 */
/* .sub_tit_bg_01 {position:relative; width:100%; height:198px; font-size:16px; font-weight: bold; margin:0 auto 0; background: url('/images/newhome/img/sub_tit_bg_01.jpg') no-repeat center center;}
.sub_tit_bg_01 h3 {float:right; width:60%; height:100px; font-size:16px; line-height:30px; font-weight: bold; margin:50px auto 0; border:0px solid #000; }
.sub_tit_bg_01 span { color:#006db2; }
 */
/* .sub_tit_bg_02 {position:relative; width:100%; height:198px; font-size:16px; font-weight: bold; margin:0 auto 0; background: url('/images/newhome/img/sub_tit_bg_02.jpg') no-repeat center center;}
.sub_tit_bg_02 h3 {float:right; width:700px; height:100px; font-size:16px; line-height:30px; font-weight: bold; margin:50px auto 0; border:0px solid #000; }
.sub_tit_bg_02 span { color:#006db2; }
 */
/* .sub_tit_bg_03 {position:relative; width:1100px; height:198px; font-size:16px; font-weight: bold; margin:0 auto 0; background: url('/images/newhome/img/sub_tit_bg_03.jpg') no-repeat center center;}
.sub_tit_bg_03 h3 {float:right; width:700px; height:100px; font-size:16px; line-height:30px; font-weight: bold; margin:50px auto 0; border:0px solid #000; }
.sub_tit_bg_03 span { color:#006db2; } */
		
.content { position:relative; width:100%; margin:20px auto 20px; border:0px solid #000; text-align:center; }
.content img {margin:0px auto 0px; }
.content .con_txt { display:inline-block; text-align:left; font-size:15px;  line-height:20px; margin:0px auto 0px; border:0px solid #000; font-family: webfont_light;}



/* ================================================== */
/* 서브페이지 -  연혁
   ================================================== */
.year { position:relative; width:80%; margin:0px auto 0px; border-left:1px solid #cdcdcd; }

.year .year_on { display:block; position:relative; width:90%;text-align:left; padding:10px 20px; margin: 20px 10px 5px 22px; border:1px solid #52a6d4; }
.year .year_on img { position:absolute; top:20px; left:-28px; }
.year .year_on h2 { font-size:28px; margin:0px auto 0px; font-family:'Open Sans'; color:#006db2; }
.year .year_on li { font-size:14px; line-height:18px;}
.year .year_on li span { font-size:13px; line-height:24px; color:#fff; }
.year .year_on li font { margin-left:55px; line-height:16px; color:#7d7d7d; }

.year .year_off { display:block; position:relative; width:90%; text-align:left; padding:10px 20px; margin: 20px 10px 5px 22px; border:1px solid #cdcdcd; }
.year .year_off img { position:absolute; top:20px; left:-28px; }
.year .year_off h2 { font-size:28px; margin:0px auto 0px; font-family:'Open Sans'; color:#000; }
.year .year_off li { font-size:14px; line-height:24px; }
.year .year_off li span { font-size:13px; line-height:18px; font-weight:bold; color:#fff; }
.year .year_off li font { margin-left:55px; line-height:16px; color:#7d7d7d; }


/* ================================================== */
/* 서브페이지 -  파트너 배너
   ================================================== */
.banner { position:relative; width:100%; margin:0px auto 0px; }
.banner ul { display:inline;}
.banner li { display:inline-block; margin:20px 30px;}
.banner li img { display:block; margin:0 auto;}
.banner li span { font-size:14px; line-height:10px; font-weight:bold; color:#000; font-family: webfont_light;}



/* ================================================== */
/* 서브페이지 -  채용분야 테이블
   ================================================== */
#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; 
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	text-align: right;
}

th {
	font-size:14px;
	color: #005184;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 20px;
	background: #c9e7e9 url('/images/newhome/img/bg_header.jpg') no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	font-size:12px;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 14px;
	color: #4f6b72;
	padding: 12px;
	text-align: left;
	vertical-align:middle;
	line-height:20px;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
	vertical-align:middle;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url('/images/newhome/img/bullet1.gif') no-repeat;
	vertical-align:middle;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('/images/newhome/img/bullet2.gif') no-repeat;
	color: #797268;
	vertical-align:middle;
}



/* 하단 풋터 */
#footer { position:relative; float:left; width:100%; zoom:1;  z-index:1;}
/* #footer .footer { position:relative;  width:1100px; height:272px; margin:0 auto; border:0px solid #00aeef; } */
	
	
/* 풋터 사이트맵 */
#footer .foot_site {position:relative; height:198px; margin:0 auto; background:#3c3c3c; }
#footer .foot_sub {width: 1100px; margin: 0 auto;}
	
#footer .foot_site .sitemap { position:relative; display:inline; height:183px;  border:0px solid #00aeef;}
#footer .foot_site .sitemap h2 { height:30px; font-size:17px; font-weight: 700; color:#c3c3c3; border:0px solid #c7b29a; font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; }
#footer .foot_site .sitemap h2 a { color:#c3c3c3; }
#footer .foot_site .sitemap h2 a:hover { color:#fff; text-decoration: none;}
	
#footer .foot_site .sitemap ul {  float:left;  position:relative; display:inline-block; margin:24px 0 0 30px; width:120px; height:140px; border:0px solid #fff; }
#footer .foot_site .sitemap ul li { height:22px; font-size:12px; font-weight: 700; color:#fff; font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; }
#footer .foot_site .sitemap ul li a { color:#c3c3c3; }
#footer .foot_site .sitemap ul li a:hover { color:#fff; text-decoration: none;}
#footer .foot_site .sitemap .line {margin:0 0 8px 0; width:50px; height:3px; background:#fff; }
	
#footer .foot_site .foot_contact { float:right; position:relative; display:inline; width:240px; height:183px; border:0px solid #00aeef; font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; }
#footer .foot_site .foot_contact h2 { height:30px; font-size:24px; font-weight: 700; color:#c3c3c3; border:0px solid #00aeef;}
#footer .foot_site .foot_contact li { display:inline-block; height:30px; font-size:20px; line-height:40px; border:0px solid #c7b29a; }
	
	
/* 풋터 주소 */
#footer .foot_add { clear:both; position:relative; width:100%; height:89px; margin:0 auto; background:#000; font-family:'Open Sans', "맑은 고딕", "MalgunGothic", mg, Nanum Gothic, dotum,"돋음",sans-serif; }
	
/* #footer .foot_info {margin-left:40px; top:0px; width:560px; height:89px; padding:10px 0 0 0;} */
#footer .foot_info {margin-left:40px; top:0px; width:50%; height:89px; padding:10px 0 0 0; font-size:12px; color:#fff;}
#footer .foot_info span {font-size:12px; margin:0 10px 0 10px; color: #C3C3C3;}
#footer .foot_info a{color:#fff}
	
#footer .copyright { font-size:12px; }
#footer .copyright strong { font-weight:bold; color:#fff; }
#portalDiv {float: right;margin-top: 24px;}
#foot_logo {float: left;margin-top: 10px;}




/* ================================================== */
/* 메인 슬라이드 orbit
   ================================================== */
#featured { position:relative; width:1100px; height: 457px; overflow: hidden; }

#featured>img,  
#featured>div,
#featured>a { display: none; }


/* CONTAINER
   ================================================== */

/* div.orbit-wrapper { width: 1px; height: 1px; position: relative; }

div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; }
 */

div.orbit-wrapper { width: 100%; height: 100%; position: relative; margin: 0 auto; }

div.orbit { width: 100%; height: 100%; position: relative; overflow: hidden; }
 
div.orbit>img { position: absolute; top: 0; left: 0; display: none; }

div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }

.orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* TIMER
   ================================================== */

div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; bottom:22px; right: 22px; opacity: .6; cursor: pointer; z-index: 1001; }

span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('/images/newhome/img/orbit/rotator-black.png') no-repeat; z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url('/images/newhome/img/orbit/timer-black.png') repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/images/newhome/img/orbit/pause-black.png') no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url('/images/newhome/img/orbit/pause-black.png') no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 40px;
    height: 80px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; 
    margin-left: 10px;
    }

div.slider-nav span.right {
    background: url('/images/newhome/img/orbit/right-arrow.png') no-repeat;
    right: 0; }

div.slider-nav span.left {
    background: url('/images/newhome/img/orbit/left-arrow.png') no-repeat;
    left: 0; }


/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 5px;
    left: 50%;
	margin-left: -35px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url('/images/newhome/img/orbit/bullets.png') no-repeat 1px 0;
    width: 12px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -12px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }


/* ================================================== */
/* Colorbox
   ================================================== */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxTopLeft{width:25px; height:25px; background:url('/images/newhome/img/border1.png') no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url('/images/newhome/img/border1.png') repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url('/images/newhome/img/border1.png') no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url('/images/newhome/img/border1.png') no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url('/images/newhome/img/border1.png') repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url('/images/newhome/img/border1.png') no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url('/images/newhome/img/border2.png') repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url('/images/newhome/img/border2.png') repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxLoadingOverlay{background:#fff url('/images/newhome/img/loading.gif') no-repeat 5px 5px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* business */
.tapManu2 { position:relative;}
.tapManu2 ul { text-align:center; font-size:0;}
.tapManu2 li { display:inline-block; font-size:20px; margin-left:8px;}
.tapManu2 li a { 
	display:table-cell; 
	position:relative; 
	height:44px; 
	padding:0 27px; 
	vertical-align: middle; 
	border-top:3px solid #e6e6e6; 
	font-size:20px; 
	color:#222; 
	font-weight:300;
	font-family: Webfont_light;
}
.tapManu2 li a:after { content:''; display:block; position:absolute; top:-3px; left:50%; width:0%; height:3px; background:#1F7CB1; transition: all .3s ease;}
.tapManu2 li:hover a,
.tapManu2 li.on a { color:#222; font-weight:400;}
.tapManu2 li:hover a:after,
.tapManu2 li.on a:after { left:0%; width:100%;}
	
.business_tit h2 { position:relative; width:100%; height: 40px; border-bottom: 1px solid #fff; text-align:center; margin:20px 0 20px 0;}
.business_tit h2 span { 
	display:inline-block;  
	height:40px; 
	line-height:40px; 
	color:#000; 
	font-size:35px; 
	font-weight: 600;
	border:0px solid #c7b29a;  
	font-family:Webfont_medium; 
}
	
.imgList {margin-top:60px;}
.imgList ul { margin-left:-40px;}
.imgList li { float:left; position:relative; width:340px; margin-left:40px; margin-bottom:50px; border:1px solid #e5e5e5;}
.imgList h3 { 
	display:table-cell; 
	width:340px; 
	height:86px; 
	padding:15px 10px; 
	font-size:20px; 
	color:#222; 
	vertical-align: middle;
	font-family:Webfont_medium;
	text-align: center;
}
.imgList .img { position:relative; overflow:hidden; width:338px; height:210px; margin:0 auto; border-top: 1px solid #e5e5e5; background:#f5f5f5 url('../images/content/img_empty.png') no-repeat center; cursor: pointer;}
.imgList .img img { width:338px; height:210px; transition: all .8s ease;}
.imgList .img img:hover { transform:scale(1.1);}


/* business 팝업 */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    overflow-y: hidden;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 0 auto; /* 15% from the top and centered */
    margin-top:50px;
    padding: 20px;
    border: 1px solid #888;
    width: 900px; /* Could be more or less, depending on screen size */
    height: 800px;
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}