@charset "utf-8";

body { margin: 0; padding: 0; font: 12px/1.5 Dotum, Gulim, Verdana, AppleGothic, Sans-serif; color: #666; background-color: #f0f0f0; }
img { border: 0; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }

#Wrap { position: relative; width: 100%; background-repeat: no-repeat; background-position: 0 0; background-image: url('../images/document_bg.png'); }
#Wrap #modal {display:none;position:absolute;top:0px;left:0px; z-Index:9999 }
#Wrap #modal .video_box_wrap { position:relative; width:700px; height:520px}
#Wrap #modal .video_box_wrap .video_header { position:relative; background:#669900; *zoom; }
#Wrap #modal .video_box_wrap .video_header:after { content:""; display:block; clear:both}
#Wrap #modal .video_box_wrap .video_header .movie_text { float:left; display:block; width:259px; height:32px; margin:20px 0 20px 20px; background:url('/images/pop/txt.png') top; text-indent:-5000px; overflow:hidden; }
#Wrap #modal .video_box_wrap .video_header .js_close { float:right; display:block; width:32px; height:32px; margin:20px 20px 20px 0; background:url('/images/pop/close.png') top; text-indent:-5000px; overflow:hidden;cursor:pointer;}
#Wrap #modal .video_box_wrap .video_header .js_close:hover { background:url('../images/pop/close_out.png') }
#Wrap #modal .video_box_wrap .video_contents { background:#1d1d1d; height:430px;}
#Wrap #modal .video_box_wrap .video_contents .youtube { width:612px; margin:auto; padding-top:40px;  }
#Wrap #modal .video_box_wrap .b-top { background:url('/images/pop/top.png') no-repeat; height:9px; display:block}
#Wrap #modal .video_box_wrap .b-bottom { background:url('/images/pop/bottom.png') no-repeat; height:11px; display:block;}
#Wrap #video { cursor: pointer; }
#Wrap #Logo { position: absolute; left: 51px; top: 30px; width: 242px; height: 42px; }
#Wrap #IntroWrap { padding: 100px 20px 0 500px; }
#Wrap #IntroWrap #Intro { position: relative; }
#Wrap #IntroWrap #Intro .item { position: absolute; left: 0; top: 0; margin: 0 8px 8px 0; }
#Wrap #IntroWrap #Intro .col1 { width: 698px; }
#Wrap #IntroWrap #Intro .col2 { width: 462px; }
#Wrap #IntroWrap #Intro .col3 { width: 226px; }
#Wrap #IntroWrap #Intro .col4 { width: 700px; }
#Wrap #IntroWrap #Intro .col5 { width: 464px; }
#Wrap #IntroWrap #Intro .col6 { width: 228px; }
#Wrap #IntroWrap #Intro .row1 { height: 152px; }
#Wrap #IntroWrap #Intro .row2 { height: 314px; }
#Wrap #IntroWrap #Intro .row3 { height: 154px; }
#Wrap #IntroWrap #Intro .row4 { height: 34px; }
#Wrap #IntroWrap #Intro .border {
	border: 1px solid #ccc;
	overflow: hidden;
}

#Wrap #IntroWrap #Intro .pad1 { margin-bottom: 4px; }
/* #Wrap #IntroWrap #Intro .col1 img { position: absolute; width: 1396px; left: -349px; top: -157px; }
#Wrap #IntroWrap #Intro .col2 img { position: absolute; width: 924px; left: -231px; top: -76px; }
#Wrap #IntroWrap #Intro .col3 img { position: absolute; width: 452px; left: -113px; top: -76px; } */
#Wrap #IntroWrap #Intro .notice { color: #333; white-space: nowrap; overflow-x: hidden; line-height: 34px; }
#Wrap #Footer { color: #333; margin: 25px 0 0 500px; height: 70px; font-size: 12px; font-family: Tahoma, Dotum; line-height: 150%; }

/* screens smaller than 1210 */
@media screen and (max-width: 1210px) {

	#Wrap { width: 1210px; }
	#Wrap #IntroWrap { padding: 100px 0 0 500px; }

}

/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/**** popup ****/
.popup {
      position: absolute;
      z-index: 2;
}
.popup_bg {
      position: absolute;     visibility: hidden;
      height: 100%; width: 100%;
      filter: alpha(opacity=70); /* for IE */
      opacity: 0.7; /* CSS3 standard */
      left: 0px; top: 0px;
      background-color: #999;
      z-index: 1;
}
.ytcontainer {
      border: 2px solid #666;
      clear: both;
}
.close_button {
      font-family: Verdana, Geneva, sans-serif;
      font-size: small; font-weight: bold;
      color: #666; text-decoration: none;
      display: block; float: right;
      background-color: #FFF;
      z-index: 3; cursor: default;
      border: 2px solid #666;
      margin-bottom: -2px;
      padding: 0px 3px 0px 3px;
}
/* 기업구매 */
#PurchaseForm { display: none; position: absolute; left: 400px; top: 188px; width: 900px; padding: 45px 50px; background-color: #fff; z-index: 10000; }
#PurchaseForm .Close { position: absolute; right: 14px; top: 15px; width: 21px; height: 20px; background: url('../images/popup_btn_close.png') no-repeat left top; cursor: pointer; }
#PurchaseForm .Title { width: 900px; height: 35px; color: #333; font-size: 24px; font-weight: bold; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#PurchaseForm .Announce { width: 886px; padding: 17px 0 15px 14px; margin-bottom: 9px; background-color: #dfdfdf; color: #333; font-weight: bold; }
#PurchaseForm .Announce .privacy { height: 26px; font-size: 18px; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; }
#PurchaseForm .Form { float: left; width: 900px; border-top: 2px solid #690; }
#PurchaseForm iframe { position: absolute; left: 0; top: 0; width: 1000px; height: 596px; z-index: -1; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#PurchaseForm .Form .field { float: left; width: 900px; border-bottom: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label1 { float: left; width: 129px; height: 204px; padding-left: 20px; color: #333; font-weight: bold; background: url('../images/order_form_bullet2.png') no-repeat 12px 16px; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label2 { float: left; width: 129px; padding-left: 20px; color: #333; font-weight: bold; background: url('../images/order_form_bullet2.png') no-repeat 12px 16px; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label3 { float: left; width: 129px; padding-left: 20px; font-weight: bold; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .label4 { float: left; width: 129px; height: 286px; padding-left: 20px; font-weight: bold; line-height: 32px; border-right: 1px solid #bdbdbd; }
#PurchaseForm .Form .field .fld1 { display: block; float: left; padding: 5px 0 0 7px; }
#PurchaseForm .Form .field .fld2 { display: block; float: left; padding: 8px 0 0 7px; }
#PurchaseForm .Form .field .input { height: 17px; border: 1px solid #ccc; padding: 3px 5px 0 5px; *height: 18px; *padding: 2px 5px 0 5px; }
#PurchaseForm .Form .field .terms { width: 710px; height: 171px; border: 1px solid #ccc; padding: 10px; color: #333; overflow: auto; }
#PurchaseForm .Form .field .textarea { width: 710px; height: 251px; border: 1px solid #ccc; padding: 10px; }
#PurchaseForm .Form .field .radiowrap { float: left; margin-right: 20px; }
#PurchaseForm .Form .field .telwrap { float: left; margin-right: 5px; }
#PurchaseForm .Form .Desc { float: left; width: 900px; padding-top: 40px; height: 55px; border-bottom: 2px solid #bdbdbd; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#PurchaseForm .Form .Desc .desc1 { height: 25px; color: #333; font-size: 18px; }
#PurchaseForm .Form .Desc .desc2 { font-size: 16px; }
#PurchaseForm .Form .frmbutton { clear: both; width: 900px; border-top: 1px solid #bdbdbd; padding-top: 8px; text-align: right; }