/*////////////////////////////////////////////////////////////////////////////////////////

	Author: Epulse	URL: http://epulse.co.kr

////////////////////////////////////////////////////////////////////////////////////////*/ 

@import url('font.css');
@import url('normalize.css');
@import url("hoverex-all.css");
@import url('sub_cont.css');

/*================================================= 
	General Structures
=================================================*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 87.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* ±âÁØ 14px */
body { height: 100%; margin: 0; background: #fff; font-family: 'NanumBarunGothic', 'Noto Sans Kr','NotoSanKr', Dotum, sans-serif; font-weight: 400; color: #444; overflow-x: hidden; }
a { margin: 0; padding: 0; color: #555; text-decoration: none; -webkit-transition: background-color .3s linear, color .3s linear; -moz-transition: background-color .3s linear, color .3s linear; -o-transition: background-color .3s linear, color .3s linear; -ms-transition: background-color .3s linear, color .3s linear; transition: background-color .3s linear, color .3s linear; }
a:hover, a:focus { text-decoration: none; color: #2F74BB; }
img { max-width: 100%; height: auto; }
ol, ul { list-style: none; }
::-moz-selection { color: #fff; text-shadow: none; background: #2B2E31; }
::selection { color: #fff; text-shadow: none; background: #2B2E31; }
.ctr { text-align: center; }

/*================================================= 
	Navigation
=================================================*/

.nav_wrapper { position: fixed; left: 0; top: 0; width: 100%; transition: top .5s ease-out; background: url('/image/common/lnb_bg.png') left top repeat-x ; z-index: 99999; }
.logo { position: absolute; left: 20px; top: 20px; z-index: 99999; }
.logo img { width: 100%; max-width: 100%; }
.scroll { top: -90px; }
.no-scroll { top: 0; z-index: 9999; }
.spinner-master input[type=checkbox] { display: none; }
.menu { position: relative; width: 100%; height: auto; background: #2f3b3f; transition: all 0.3s ease; }
.menu ul { display: inline-block; float: right; position: relative; margin-right: 150px; padding: 0px; }
.menu > ul > li { display: inline-block; padding: 13px 0; }
.menu ul li.hover > a { color: #fff; background: #CD3232; } /* 1depth over color */
.menu ul li a { display: block; font-size: 1.286em; color: #fff; font-weight: 500; }
.menu ul li a:hover { color: #fff; background: #DB4F4F; } /* 2depth over color */
.menu ul li span.lnb_go1 a:hover, .menu ul li span.lnb_go2 a:hover, .menu ul li span.lnb_go3 a:hover, .menu ul li span.lnb_go4 a:hover, .menu ul li span.lnb_go5 a:hover, .menu ul li span.lnb_go6 a:hover { background: none; }
.menu ul li > a { padding: 15px; }
.menu ul ul { display: none; position: absolute; top: 100%; min-width: 160px; }
.menu ul li:hover > ul { display: block; background: #333; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 10px 15px; height: auto; font-size:1.071em; font-weight:300; color:#eee; background: #333; } /* 2depth bgcolor */
.menu ul ul > li a:hover { color: #fff; background: #DB4F4F;}
.menu ul ul ul { position: absolute; left: 100%; top: 0; } /* 3depth */
.lnb_icon { position: absolute; top: 17px; right: 20px; }
.lnb_go1 { display: inline-block; position: absolute; left: 0; top: 13px; }
.lnb_go2 { display: inline-block; position: absolute; left: 116px; top: 13px; }
.lnb_go3 { display: inline-block; position: absolute; left: 246px; top: 13px; }
.lnb_go4 { display: inline-block; position: absolute; left: 343px; top: 13px; }
.lnb_go5 { display: inline-block; position: absolute; left: 440px; top: 13px; }
.lnb_go6 { display: inline-block; position: absolute; left: 578px; top: 13px; }
.lnb_go a:hover { background: none; }

@media (max-width: 991px) {

  .logo { position: absolute; left: 10px; top: 13px; z-index: 99999; }
  .logo img { width: 90%; max-width: 90%; }
  .spinner-master * { transition: all 0.3s; box-sizing: border-box; }
  .spinner-master {  float: right; position: relative; width: 30px; height: 30px; margin: 15px; } /* menu icon */
  .spinner-master label { position: absolute; left: 0; top: 5px; width: 100%; height: 100%; z-index: 99; cursor: pointer; }
  .spinner-master .spinner { position: absolute; width: 100%; height: 4px; padding: 0; background-color: #fff; }
  .spinner-master .diagonal.part-1 { float: left; position: relative; }
  .spinner-master .horizontal { float: left; position: relative; margin-top: 4px; }
  .spinner-master .diagonal.part-2 { float: left; position: relative; margin-top: 4px; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-top: 10px; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: -12px; }
  .menu { clear: both; float: none; min-width: inherit; }
  .menu, .menu > ul ul { max-height: 0; background-color: #333; overflow: hidden; } /* 1depth bgcolor */
  .menu > li > ul { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; float: none; margin: 0; }
  .menu li, .menu > ul > li { display: block; margin: 0; padding: 0; }
  .menu > ul > li:last-of-type a { border: none; }
  .menu li a { display: block; position: relative; padding: 0.8em; color: #fff; }
  .menu li.has-submenu > a:after { content: '+'; display: block; position: absolute; top: 0; right: 0; font-size: 1.5em; padding: 0.55em 0.5em; }
  .menu li.has-submenu > a.active:after { content: "-"; }
  .menu ul ul > li a { padding: 10px 18px 10px 30px; background-color: #000; } /* 2depth bgcolor */
  .menu ul li a:hover { color: #fff; background: #DB4F4F; }
  .menu ul li.hover > a { color: #fff; background: #CD3232; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top: auto; border: none; }
  .lnb_icon { display: none; }
  .lnb_go { display: none; }

}

/*================================================= 
	Main Visual
=================================================*/

#visualwrap { display: table; position: relative; width:100%; height: 600px; min-height: 600px; background: #333; }
.spot { position: relative; }
.spot_images { overflow:hidden; }
.spot_images .spot_image1, .spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4, .spot_images .spot_image5, .spot_images .spot_image6, .spot_images .spot_image7 { position: absolute; left: 0; top: 0; width: 100%; height: auto; text-align: center; }
.spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4, .spot_images .spot_image5, .spot_images .spot_image6, .spot_images .spot_image7 { opacity:0; filter:alpha(opacity=0); }
.spot_images .image div { height: 600px; min-height: 600px; text-align: center; }
.spot_images .image div img { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); }
.spot_image1 .image { background: url('/image/main/visual1.jpg') 50% 0 no-repeat; background-size: cover; }
.spot_image2 .image { background: url('/image/main/visual2.jpg') 50% 0 no-repeat; background-size: cover; }
.spot_image3 .image { background: url('/image/main/visual3.jpg') 50% 0 no-repeat; background-size: cover; }
.spot_image4 .image { background: url('/image/main/visual4.jpg') 50% 0 no-repeat; background-size: cover; }
.spot_image5 .image { background: url('/image/main/visual5.jpg') 50% 0 no-repeat; background-size: cover; }
.mainshow { z-index: 1 !important }
.spot_static { display: block; position: absolute; left: 50%; top: 0; width: 200px; height: 30px; margin-left: -140px; z-index: 101;}
.spot_static .page { display: block; position: absolute; top: 540px; right: 0px; z-index: 2; }
.spot_static .page a { float: left; display: inline-block;width: 30px; height: 30px; margin: 0 5px; border: 0; background: url('/image/main/main_img_off.png') no-repeat; _background: none; text-indent: -9999px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/main/main_img_off.png',sizingMethod=crop); cursor: pointer; _cursor:hand; }
.spot_static .page a.on, .spot_static .page a:hover { background-image: url('/image/main/main_img_on.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/main/main_img_on.png',sizingMethod=crop); }

@media (max-width: 767px) {
  #visualwrap { height: 350px; min-height: 350px; }
  .spot_images .image div { height: 350px; min-height: 350px; }
  .spot_images .image div img { width: 100%; max-width: 100%; }
  .spot_static .page a { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #visualwrap { height: 450px; min-height: 450px; }
  .spot_images .image div { height: 450px; min-height: 450px; }
  .spot_static .page a { display: none; }
}

/*================================================= 
	Content Layout
=================================================*/

#section1, #section2, #section3, #section4, #section5, #section6, #section7 { position: relative; width: 100%; margin: 3em 0; background: #fff; overflow: hidden; }
#section4 { position: relative; width: 100%; margin: 0; padding: 3em 0; background: #333 url('/image/main/sec4.jpg') center center no-repeat;; }

.container { position: relative; width: 1170px; margin: 0 auto; }

@media (max-width: 767px) {
  .container { width: 100%; padding-right: 15px; padding-left: 15px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container { width: 750px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container { width: 970px; }
}

/* 1ºÐÇÒ : conType1, 2ºÐÇÒ : conType2, 3ºÐÇÒ : conType3, 4ºÐÇÒ : conType4, 5ºÐÇÒ : conType5, 6ºÐÇÒ : conType6, 7ºÐÇÒ : conType7, 8ºÐÇÒ : conType8 */
.conbox { margin: 0 -15px; }
.conType1, .conType2, .conType3, .conType4, .conType5, .conType6, .conType7, .conType8 { position: relative; min-height: 1px; margin: 0; padding: 0 15px; }
.conType1, .conType2, .conType3, .conType4, .conType5, .conType6, .conType7, .conType8 { float: left; display: inline-block; }
.conType1 { width: 100%; }
.conType2 { width: 50%; }
.conType3 { width: 33.33333333%; }
.conType4 { width: 25%; }
.conType5 { width: 20%; }
.conType6 { width: 16.66666666%; }
.conType7 { width: 14.28571428%; }
.conType8 { width: 12.5%; }

@media (max-width: 767px) {
  .conType1, .conType2, .conType3, .conType4, .conType5, .conType6, .conType7, .conType8 { margin: 0 0 2em; }
  .conType1 { width: 100%; }
  .conType2 { width: 100%; }
  .conType3 { width: 100%; }
  .conType4 { width: 50%; }
  .conType5 { width: 50%; }
  .conType6 { width: 50%; }
  .conType7 { width: 50%; }
  .conType8 { width: 50%; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .conType1, .conType2, .conType3, .conType4, .conType5, .conType6, .conType7, .conType8 { margin: 0 0 2em; }
  .conType1 { width: 100%; }
  .conType2 { width: 100%; }
  .conType3 { width: 100%; }
  .conType4 { width: 50%; }
  .conType5 { width: 50%; }
  .conType6 { width: 33.33333333%; }
  .conType7 { width: 33.33333333%; }
  .conType8 { width: 33.33333333%; }
}

/*================================================= 
	Main
=================================================*/

.sample { display: inline-block; width: 100%; height: 300px; background: #999; }
.mTit { margin: 0 0 25px; font-size: 2.714em; font-weight: 600; color: #222; text-align: center; }
.mTit1 { margin: 0 0 25px; padding: 0 0 14px; font-size: 2.000em; font-weight: 400; color: #000; text-align: center; background: url('/image/main/line1.png') center bottom no-repeat; }
.mTit_smt { display: block; margin: 10px 0 0; padding: 14px 0 0; font-size: 15px; font-weight: 400; color: #333; line-height: 1.3em; background: url('/image/main/line.jpg') center top no-repeat; }
.mAddr { margin: 0 0 15px; font-size: 15px; font-weight: 400; color: #000; line-height: 1.3em; text-align: center; }
.mTel { font-size: 1.143em; font-weight: 600; color: #000; line-height: 1.3em; text-align: center; }
.mFax { margin: 3px 0 0; font-size: 14px; font-weight: 400; color: #000; line-height: 1.3em; text-align: center; }
.mBtn { margin: 25px 0 0; text-align: center; }
.mBtn1 a { display: inline-block; padding: 7px 20px; font-size:1.143em; font-weight:400; color:#000; border: 2px solid #000; }
.portfolio-centered h3 { margin: 0 0 15px; font-size: 2.000em; font-weight: 600; color: #222; text-align: center; }
.recentitems { width:100%; }
.portfolio { display: block; padding: 0 !important; margin: 0 !important; }
.portfolio-item .title:before { display: none; border-radius: 0; }
.portfolio-item { width:500px; padding: 1px 2px; border:1px solid #222; }
.portfolio-item h3 { margin: 0 0 25px; padding: 40px 0 0; font-size: 2.000em; font-weight: 500; color: #fff; text-transform: uppercase; }
.portfolio-item p { margin: 0 0 20px; padding: 0 30px; color: #fff; line-height: 1.3em; text-transform: uppercase; }

.portfolio-item1 .title:before { display: none; border-radius: 0; }
.portfolio-item1 { width:25%; padding: 1px 2px 0; }
.portfolio-item1 h3 { margin: 0 0 25px; padding: 70px 0 0; font-size: 2.413em; font-weight: 500; color: #fff; text-transform: uppercase; }
.portfolio-item1 p { margin: 0 0 20px; padding: 0 30px; color: #fff; line-height: 1.3em; text-transform: uppercase; }
.tpl6 { margin: 0; padding: 0; }
.tpl6 .dmbutton { display: inline-block; margin: 0 5px; padding: 14px 20px; font-size: 1.167em; font-weight: 600; color: #fff; background: #222; }
.tpl6 .bg { width: 100%; height: 100%; margin: -2px 0 0; background-color: #EF1A1A; background-color: rgba(239,26,26,0.9); text-align: center; }

.scale {
  opacity: 0.8;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out; //ºÎµå·¯¿î ¸ð¼ÇÀ» À§ÇØ Ãß°¡
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scale:hover {
	opacity: 1;
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}

@media (max-width: 767px) {
  .portfolio-item1 { width:100%; padding:0; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .portfolio-item1 { width:100%; padding:0; }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .portfolio-item1 { width:50%; padding:0; }
}

/*================================================= 
	Sub
=================================================*/

#subvisualwrap { display: table; position: relative; width: 100%; background: #333; }
.subvisual1 { display: table-cell; height: 350px; min-height: 350px; text-align:center; vertical-align: middle; background: url('/image/common/subvisual1.jpg') center center no-repeat; background-size: cover; }
.subvisual2 { display: table-cell; height: 350px; min-height: 350px; text-align:center; vertical-align: middle; background: url('/image/common/subvisual2.jpg') center center no-repeat; background-size: cover; }
.subvisual3 { display: table-cell; height: 350px; min-height: 350px; text-align:center; vertical-align: middle; background: url('/image/common/subvisual3.jpg') center center no-repeat; background-size: cover; }
.subvisual4 { display: table-cell; height: 350px; min-height: 350px; text-align:center; vertical-align: middle; background: url('/image/common/subvisual4.jpg') center center no-repeat; background-size: cover; }
.subvisual5 { display: table-cell; height: 350px; min-height: 350px; text-align:center; vertical-align: middle; background: url('/image/common/subvisual5.jpg') center center no-repeat; background-size: cover; }
.subvisual6 { display: table-cell; height: 350px; min-height: 350px; text-align:center; vertical-align: middle; background: url('/image/common/subvisual6.jpg') center center no-repeat; background-size: cover; }
.subcopy { margin: 1.3em 0 0; padding: 0 0.8em; font-size: 2.429em; font-weight: 500; color: #fff; line-height: 1.2em; }
.subcopy_smt { display: block; margin: 0.5em 0 0; font-size: 14px; font-weight: 300; color: #fff; line-height: 1.2em; }

@media (max-width: 767px) {
  .subvisual { height: 250px; min-height: 250px; }
  .subcopy { font-size: 1.714em; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subvisual { height: 300px; min-height: 300px; }
}

#submenuwrap { position: relative; margin: 0 0 1em; background: url('/image/common/submenu_line.jpg') center bottom repeat-x; }
.submenubox { font-size: 0; text-align: center; }
.submenubox span { font-size: 14px; }
.submenu a { display: inline-block; padding: 0.7em 1.4em; font-size: 1.143em; font-weight: 400; color: #666; }
.submenu a:hover { color: #125BD3; background: url('/image/common/submenu_line1.jpg') center bottom repeat-x; }
.submenu_on a { display: inline-block; padding: 0.7em 1.4em; font-size: 1.143em; font-weight: 400; color: #000; background: url('/image/common/submenu_line2.jpg') center bottom repeat-x; }
.paging_box { position: relative; margin: 0 0 1.4em; padding: 1em 0; font-size: 13px; font-weight: 300; color: #777; text-align: right; }
.paging { display: inline-block; margin-right: 4px; padding-right: 12px; background: url('/image/common/sub_home_arrow.png') right center no-repeat; }
.paging:last-child { margin-right: 0; padding-right: 0; background: none; }
.sub_title { position: relative; margin: 0 0 1.4em; padding: 0 0 0.5em; font-size: 2.500em; font-weight: 500; color: #111; text-align: center; background: url('/image/common/sub_title_line.png') center bottom no-repeat; }
.sub_title_smt { display: block; margin: 0.4em 0 0; font-size: 13px; font-weight: 300; color: #666; }
.content { position: relative; width: 100%; min-height: 600px; padding: 0 0 3em; font-size:1.083em; font-weight:normal; line-height: 1.5em; overflow: hidden; }

@media (max-width: 767px) {
  #submenuwrap { display: none; }
  .paging_box { text-align: center; }
  .sub_title_smt { display: none; }
}

/*================================================= 
	Footer
=================================================*/
.mob_tel { display: none; height: 0; }
#footerwrap { position: relative; padding: 2em 0; border-top: 1px solid #ddd; background: #ECECEC; }
.footer_logo { padding: 0 0 0.6em; font-size: 1.143em; font-weight: 500; color: #444; border-bottom:1px solid #aaa; }
.footer_mn { float: right; }
.footer_mn a { display: inline-block; margin-left: 17px; font-size: 0.875em; font-weight: 400; color: #666; }
.footer_address { margin: 0.6em 0; color:#888; line-height: 1.4em; }
.footer_txt0 { display: block; }
.footer_txt1 { display: inline-block; margin-right: 17px; }
.footer_txt2 { display: inline-block; margin-right: 17px; }
.return_top { position: fixed; right: 10px; bottom: 15px; z-index: 99999; }
.footerFm { display: block; padding: 13px 0 0; border-top: 2px solid #B0CEE1; }
.footerFm span { display: inline-block; margin-right: 35px; }
.footerFm span a { color: #333; }
.footerFm span:first-child { padding: 3px 10px 2px; font-size: 0.917em; color: #fff; border:1px solid #5AA3D1; border-radius: 15px; background: #5AA3D1; }

@media (max-width: 767px) {
  .footer_mn { display: none; }
  .footer_txt0, .footer_txt1, .footer_txt2 { display: block; }
  .return_top { display: none; }
  .footerFm { display: none; height: 0; }
}

/* ¿ìÃøÄü */
.quick_r { display: block; position:fixed; top:250px; right:10px; width:90px; height:340px; background: url('/image/common/quick_bg.png') left top no-repeat; visibility:visible; z-index:9999;}
.quick_mn_box { position:relative; width:100%; margin-top:218px; border-top:1px solid #5D6464; }
.quick_mn { display:block; height:33px; line-height:33px; font-size:0.813em; font-weight:600; color:#fff; text-align:center; border-bottom:1px solid #5D6464; }
.quick_mn a { color:#fff; }
.quick_con_box { position:relative; width:100%; margin-top:10px; text-align:center; }
.quick_con_box1 { position:relative; width:100%; margin-top:20px; text-align:center; }
.quick_con_box img { width:60px; max-width:60px; }
.quick_con_txt { display:block; margin-top:10px; font-size:12px; font-weight:600; color:#FFF213; text-align:center; }
.quick_con_txt a { color:#FFF213; }
.quick_con_txt1 { display:block; margin-top:10px; font-size:12px; font-weight:600; color:#fff; text-align:center; }
.quick_con_txt1 a { color:#fff; }


/*----------------------------------------------------------------

Å×ºí¸´ ȯ°æ : °¡·Î Çػ󵵰¡ 640pxÀÌ»ó 1200px ¹Ì¸¸ ¿¡¼­ Àû¿ëµÊ 

---------------------------------------------------------------*/

@media (max-width: 991px) {

.quick_r { display: none; }

}

@media (max-width: 767px) {
  .mob_tel { display: table; position: fixed; left: 0; bottom: 0; width: 100%; font-size: 1.125em; font-weight: 600; color: #fff; text-align: center; background: #3360C5; z-index: 9999; }
  .mob_tel a { color: #ffffff; }
  .mob_tel span { display: table-cell; padding: 8px 5px 6px; vertical-align: middle; }
  .mob_tel img { height: 22px; object-fit: contain; }
}