@charset "utf-8";

#wrap {position:relative; z-index:100; width:100%; min-width:1280px; max-width:100%; padding-bottom:60%;}

a {font-style:normal; text-decoration:none;}
a:hover {text-decoration:none;}

/* .intro_bg {position:fixed; top:0; left:0; bottom:0; right:0; z-index:3; background:url('/images/main/intro_bg.png') no-repeat center; background-size:cover;} */


#intro_header {position:absolute; top:0; left:0; width:100%; z-index:101; text-align:center; padding-top:30px;}
#intro_header h1 p{color: #fff; font-size:35px; font-weight:500;}
#intro_header h1 img{width:370px; margin-top:3px;}

/* right_top utill*/
.tel { width: 100%; position:absolute; top:50px; left:85.5%; text-align:center;}
.tel li{float:left;  width:254px; height:277px;}
.tel li a {display:block; width:100px; height:85px; padding-top:69px; font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#fff; text-indent: -9999px; }
.tel li.icon01 {background:url('../images/f01.png') no-repeat center; }

.quick { position:absolute; top:347px; right:30px; text-align:center;}
.quick li{float:left;  width:100px; height:100px; margin-right:20px; margin-bottom:10px;}
.quick li a {display:block; width:100px; height:85px; padding-top:69px; font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#fff; text-indent: -9999px; }
.quick li.icon02  {background:url('../images/f02.png') no-repeat center;}
.quick li.icon03  {background:url('../images/f03.png') no-repeat center;}
.quick li.icon04  {background:url('../images/f04.png') no-repeat center;}
.quick li.icon05  {background:url('../images/f05.png') no-repeat center;}
.quick li.icon06  {background:url('../images/f06.png') no-repeat center;}


#wrap {overflow:hidden; position:relative; height:937px; min-height:900px !important; padding-bottom:0;}
#main_cont {min-height:900px !important;}
#wrap * {box-sizing:border-box;}

#main_cont {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/intro_bg.jpg') no-repeat center; background-size:cover;}
#main_cont .cbox {position:absolute; top:50%; left:50%; width:68.6%; height:100%; z-index:99; overflow:hidden; transform:translate(-50%,-50%); border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1);  }
#main_cont .box {position:relative; float:left; width:33.3%; height:100%; transition:all 0.3s; -webkit-transition:all 0.3s;}
#main_cont .box+.box {border-left:1px solid rgba(255,255,255,0.1);}
#main_cont .box .img {overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; background:no-repeat center; background-size:cover; transition:opacity 0.3s; -webkit-transition:opacity 0.3s;}

#main_cont .cbox:hover .box {width:33.26%;}
#main_cont .cbox .box:hover {width:33.2%;}
#main_cont .box.c01 .img:before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; background:rgba(0,0,0,0.25); content:'';}
#main_cont .box.c03 .img:before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; background:rgba(0,0,0,0.2); content:'';}
#main_cont .box.c02 .img {background-image:url('../images/c01_bg.jpg');}
#main_cont .box.c03 .img {background-image:url('../images/c02_bg.jpg');}
#main_cont .box.c04 .img {background-image:url('../images/c03_bg.jpg');}

#main_cont .cbox .box:hover .tbox {opacity:0;}
#main_cont .cbox .box:hover .img {opacity:1;}

#main_cont .ovr {position:absolute; top:33px; left:1px; z-index:98; width:100%; text-align:center; margin-top:120px;}
#main_cont .box:hover .ovr {opacity:1;}
#main_cont .ovr .tit p {margin-top:11px; font-size:45px; color:#fff; font-weight:500;}
#main_cont .ovr ul {margin-top:20px; border-top:1px solid rgba(255,255,255,0.3);}
#main_cont .ovr li {border-bottom:1px solid rgba(255,255,255,0.3);}
#main_cont .ovr li a {display:block; height:77px; padding-top:27px; font-size: 20px; color:#fff; font-weight: 500; }
#main_cont .ovr li:hover a {background-color:rgba(0,0,0,0.15);}


#main_cont ul.intro_txt > li > a:after {content:""; width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 14px solid #ccc;
  border-right: 8px solid transparent; position: absolute; _top: -40px; right: 35px; margin-top:6px;}

/*footer*/
#footer_wrap {clear:both; width:100%; height: 350px; background:#434343;}

#footer_dox{background-color: #585858;}
#footer_dox>div{width: 1300px; margin: 0 auto; color: #fff; padding: 10px 0px;}
#footer_dox>div>a{color: #fff;}

#footer_wrap #footer {width:1400px; margin:0 auto; overflow:hidden;}
#footer_wrap #footer > div {text-align:center; padding-top: 60px; padding-bottom: 20px; font-size:20px;}
#footer address { width:100%;  text-align:center; font-weight:300; font-style:normal; color:#8e8e8e; font-size: 18px;}
#footer address a:link {color:#8e8e8e; font-weight: 300; font-size: 18px; }
#footer address a:visited {color: #8e8e8e;}
#footer .copyright {padding-top: 10px; padding-bottom:10px; display:block; color:#888; font-weight: 300; font-size: 18px; text-align:center; text-transform:uppercase; color:#8e8e8e;	}