@charset "UTF-8";

@import url("reset.css");
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(font/NanumSquareRd41dd41d.eot?#iefix) format('embedded-opentype'),
       url(font/NanumSquareR.html) format('woff2'),
       url(font/NanumSquareR.woff) format('woff'),
       url(font/NanumSquareR.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(font/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(font/NanumSquareBd41dd41d.eot?#iefix) format('embedded-opentype'),
       url(font/NanumSquareB.html) format('woff2'),
       url(font/NanumSquareB.woff) format('woff'),
       url(font/NanumSquareB.ttf) format('truetype');
}
/** Base **/
html { -webkit-text-size-adjust: 100%;} 
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
body, h1, h2, h3, h4, input, button {font-size: 13px; line-height: 160%; color: #666; margin: 0; padding: 0; font-family:'Nanum Square', malgun gothic, '맑은 고딕','Nanum Barun Gothic', Dotum, Tahoma, arial; letter-spacing: 0px;}
img { vertical-align: top; }
button{margin:0;padding:0}
a{color:#666;text-decoration:none}
a:hover{color:#666;}
input { margin: 0; }
input::-ms-clear { display: none; }
iframe { border: 0; margin: 0; padding: 0; }
input, select { vertical-align: middle; }
caption, legend { overflow: hidden; position: absolute !important; top: -999px; left: -9990px; width: 1px; height: 1px; line-height: 0; font-size: 0 } 
i,em,address{font-style:normal}
label,button{cursor:pointer}
sup { vertical-align: super; font-size: smaller; }

input{ color: #666; height: 32px; line-height: 32px; padding: 0px 0px 0px 10px; font-size: 1.0em; font-family:'Nanum Square', malgun gothic, '맑은 고딕', 'Malgun Gothic', Dotum, sans-serif; border: 1px solid #e2e2e2; }
textarea{ color: #666; padding:10px; font-size: 1.0em; font-family:'Nanum Square', malgun gothic,'맑은 고딕', 'Malgun Gothic', Dotum, sans-serif; border: 1px solid #e2e2e2; }
select{ color: #666; border:1px solid #e2e2e2; height:27px; padding:1px;}
input[type="checkbox"], input[type="radio"] { color: #666;  border:none; vertical-align:middle;margin:2px 4px 4px 4px;}


.eng{font-family:'Noto Sans', sans-serif;  letter-spacing:0em;}
.hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}	

/* Common */
.show{display:block}
.hide{display:none}
.blind{font-size: 1.0em; display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

    /*btn*/
.btn{margin:0 2px; width:140px; height:50px; line-height:50px; text-align:center; display:inline-block; font-size:16px; color:#fff; font-weight: 700;}
.btn:hover{color:#fff;}
.btn-pink{background-color:#0bb3c2;}
.btn-gray{background-color:#707070;}


/** Layout **/
#wrap{position:relative;  width:100%;  min-width:1260px; min-height:868px; overflow: hidden; }
.sub_wrap{padding-top:104px;}
header{position:absolute; top:0;width:100%;  height:104px; z-index:10;  padding:0 30px; box-sizing: border-box; overflow: hidden;}
header>div{height:154px; max-width:1860px; margin:0 auto;   background:url('../images/common/gnb_bg.jpg')0 0 repeat; }

footer{position:relative; width:100%;  height:109px; padding-top:25px; border-top:1px solid #dbdbdb ; background-color:#fff; }


.container{position:relative;}

.layer_con{position:absolute; top:0; left:50%; width: 1260px; margin-left:-630px;}
.layer_pop {position:absolute; z-index:9; display: none;}
.layer_pop>div{position:relative; height:30px; width:100%; background:#282828;}
.layer_pop>div>div{position:absolute; height:30px;  color:#fff; padding-left:10px;}
.layer_pop>div>div>*{vertical-align: middle; margin:0; }
.layer_pop>div>div>label{vertical-align: middle;}
.layer_pop>div>a{display:block; position:absolute; right:16px;top:8px;}

.layer_pop .close_box{position:relative; height:30px; width:100%; background:#282828;}
.layer_pop .close_box>div{position:absolute; height:30px;  color:#fff; padding-left:10px;}
.layer_pop .close_box>div>*{vertical-align: middle; margin:0; }
.layer_pop .close_box>div>label{vertical-align: middle;}
.layer_pop .close_box>a{display:block; position:absolute; right:16px;top:8px;}

/** GNB **/

.header_con{position:relative; width:1200px; margin:0 auto;}
.header_con .logo{position:absolute; left:10px; top:36px;}
.header_con .tel{position:absolute; right:10px; top:34px;}

nav{position:relative;   height:100%;  margin:0 auto;  z-index:8; }
nav>.gnb{position:absolute; top:0px; left:336px;}
  .gnb>li {float:left; position:relative;}
  .gnb>li>a {position:relative; display:block; padding: 0 25px; height: 104px; line-height: 104px; font-size:18px; font-weight: 700;  color:#4a4b4d;  letter-spacing: 0px;}
  .gnb>li>a.on {color: #e71a11;}
  .gnb>li>a.on:before{display:block; position:absolute; top:0; left:50%; margin-left:-53px; width:106px; height:4px; background: #e71a11; content: "";}
  .gnb>li>ul{position:absolute; width:1000px; top:100px; left:30px; text-align: left; display:none;} 
  .gnb>li>ul>li{float:left; padding-right:40px; }
  .gnb>li>ul>li>a{color:#fff; font-size:17px; line-height:61px; opacity: 0.6}
  .gnb>li>ul>li>a.on {opacity: 1}
  .gnb .menu2>ul{left:0px;}
  .gnb .menu3>ul{left:-100px;}
  .gnb .menu4>ul{left:-151px;}
  .gnb .menu5>ul{left:-11px;}

  



/** Footer **/	
.footer_con{position:relative;  width:1260px; margin:0 auto; text-align: left;}
.footer_con>.family{position:absolute; top:20px; left:40px;}
.footer_con address{position:absolute; top:10px; right: 40px; color: #acacac; font-family: '맑은 고딕', 'Malgun Gothic', 'Dotum'; font-size:12px;text-align: left; line-height: 20px;}
.footer_con address span{position:absolute; top:0; left:-301px; text-transform:uppercase}

/* Main */
.main_visual{position:relative; width:100%;  margin:104px auto 0;}
.main_visual>div{position:relative; max-width:1920px; min-width:1260px; margin:0 auto;}
.main_visual>div>div{margin:0 30px;}
.main_visual>div>div>img{width:100%; visibility:hidden;}
.main_visual>div span{display: block; position: absolute; top:44px; z-index: 1;}
.main_visual>div .txt01{left:74px;}
.main_visual>div .txt02{right:113px;}
.main_visual .img_con>li{display:none; position:absolute; top:0; left:0; width:100%;}
.main_visual .img_con>li>div{max-width:1920px; min-width:1260px; margin:0 auto;}
.main_visual .img_con>li>div>div{margin:0 30px;}
.main_visual .img_con img{width:100%}
.main_visual .txt{position: absolute; top:134px; left:50%; margin-left:189px;}
.main_visual .menu_con02{display:table; position: absolute; bottom:20px; left:50%; margin-left: -21px;}
.main_visual .menu_con02 li{display: table-cell; width:16px; padding-right:10px;}
.main_visual .menu_con02 li>a{display:block; width:16px; height:16px; border-radius: 50%; background: #fff}
.main_visual .menu_con02 li.on>a{background: #e71a11}

.main_contents{position:relative; width:100%;  margin:40px auto 0;}
.main_contents .img_con{width:1260px; margin:0 auto;}
.main_contents .img_con span{display: inline-block; margin-left:41px;}
.main_contents .img_con span:first-child{margin-left: 0;}
.main_contents .slide_con{position:relative; height:326px; margin:50px auto 85px;}
.main_contents .slide_con li{position: absolute; top:0; left:50%; margin-left:-930px; display: none;}
.main_contents .menu_con{position:absolute; top: 292px; left:50%; margin-left: 498px}
.main_contents .menu_con li{display: table; float:left; margin-left: 6px}
.main_contents .menu_con a{display:block;  width:10px; height:10px; background: url('../images/main/slide_bg.jpg')0 0 no-repeat;}
.main_contents .menu_con li.on a{display:block; width:10px; height:10px; background: url('../images/main/slide_bg_on.jpg')0 0 no-repeat;}
 

/* Sub */
.sub_title{max-width:1920px; min-width: 1200px; height:235px; position: relative; margin:0 auto;}
.sub_title>div{margin:0 30px; min-width: 1200px; height:235px; background: url("../images/common/sub_bg.jpg") no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.sub_title h2{color:#fff; font-size:45px; font-weight: 700; padding-top:75px;}
.sub_title div div{position:absolute; top:65px; left:50%; margin-left:-17px;  height:3px; width:25px; background-color: #e71a0f;}
.sub_title h3{color:#e5e5e5; font-size:18px; font-weight: 400; padding-top:8px;}
.sub_title h3 strong{color:#fff; font-weight: 700; }
.sub_title h3 strong span{color:#e71a0f;}

.location{display:none; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 45px; text-align: center;}
.location ul{width:1150px; margin:0 auto;}
.location ul li{float:left; padding:0 10px 0 30px; color:#878787; background:url("../images/common/icon_bl.gif") 10px 15px no-repeat; line-height: 45px;}
.location ul li:first-child{background:none; padding-left:0px;}
.location ul li:last-child{color:#444; }
.location ul li img{padding-top:15px;}

.sub_wrap .container{padding:70px 0 84px; width:1100px; margin:0 auto; text-align: left;}
.sub_wrap .container .contents_wrap{text-align: center;}
.sub_wrap .contents_wrap .txt_list{ margin-top:50px; text-align: left;}
.sub_wrap .contents_wrap .txt_list li{padding:0 0 5px 0; margin-left: 14px; text-indent: -14px;}
.sub_wrap .contents_wrap .txt_con{padding:20px 30px; color:#4a4b4d; background-color:#f5f5f5; border:1px solid #c9c9c9; margin-top:50px; text-align: left; line-height: 24px;}
.sub_wrap .contents_wrap .txt_con li{margin-left: 14px; text-indent: -14px;}

.portfolio_list li{padding-top:60px;}

/*관심고객등록 and event*/
.privacy{width:1000px; margin: 0 auto; text-align: left!important;}
/*관심고객등록*/
.privacy fieldset> h2{margin-bottom:20px;line-height: 24px; font-size:24px; color:#222; font-weight:400;}
.terms_box{margin-bottom:25px; padding:25px; padding-top:5px; height:230px;  border: 1px solid #e0e5e8; overflow:auto; font-size:13px;}
.terms_agree{text-align:center; margin-bottom:50px; padding-bottom: 25px; border-bottom: 1px solid #c7c7c7;}
.terms_agree label{margin-right:34px; display:inline-block; font-size:14px; color:#959595; }
.privacy_tb{margin-bottom:30px; border-top:1px solid #0bb3c2;}
.privacy_tb table{width:100%;}
.privacy_tb th{padding:15px 0; text-align:center; background-color:#f6f6f6; border-bottom:1px solid #d2d2d2; font-size:16px; color:#222; }
.privacy_tb td{padding:9px 30px; border-bottom:1px solid #d2d2d2;}
.privacy_tb td input[type=text]{padding-left:5px; width:202px; height:30px; line-height:30px; }
.privacy_tb td span{color:#959595; font-size:12px;}
.privacy_tb td select{width:180px; height:32px; line-height:32px; }
.privacy_tb td.td_1 input[type=text],.privacy_tb td.td_1 select{width:92px;}
.privacy_tb td.td_2 input[type=text]{width:92px; background-color:#f6f6f6;}
.privacy_tb td.td_3 input[type=text]{width:598px; background-color:#f6f6f6;}
.privacy_tb .btn_post{margin-left:5px; width:90px; height:32px; text-align:center; line-height:32px; display:inline-block; background-color:#97a8b3; color:#fff; font-size:11px; font-family:"돋움";}
.privacy_tb td label{color:#959595; font-size:14px; }
.txt_box{margin-bottom:50px;}
.txt_box li{font-size:13px; color:#777; }
.txt_c{text-align:center !important;}
/*약관*/
.terms{color:#777;}
.terms h1{margin-bottom:20px; margin-top:20px; font-size:16px; font-weight:600;}
.terms h2{margin-bottom:0; padding:30px 0 10px; font-size:14px; font-weight:600; color:#777;}
.terms h2:first-child{padding-top:0;}
.terms p{margin-bottom:10px; color:#777; }
.terms ul li{margin-bottom:5px;}

/*리스트 페이지*/
.list_wrap{width:1100px; margin:0 auto;}
.list_wrap ul li{padding:18px 0; line-height: 30px; border-bottom: 1px solid #e0e5e8;}
.list_wrap ul li:first-child{padding:0;  background-color:#0bb3c2;}
.list_wrap ul li dl dt{float: left; width:702px; padding:0 20px; color:#303030; font-size: 15px; text-align: left;}
.list_wrap ul li dl dt.notice{font-weight: 400;}
.list_wrap ul li dl:after{clear:both;content: '';display:block;}
.list_wrap ul li:after{clear:both;content: ''; display:block;}
.list_wrap ul li dl dd{float: left;}
.list_wrap ul li dl dd.num{width:90px; font-size:14px; color:#384677; text-align: center;}
.list_wrap ul li dl dd.media{width:130px; text-align: center;}
.list_wrap ul li dl dd.num.notice{/*background:url("/images/common/icon_notice.gif") 50% 50% no-repeat; text-indent: -9999px; font-size:0;*/}
.list_wrap ul li dl dd.date{width:135px; font-size:14px; color:#838692; text-align: center;}
.list_wrap ul li dl dd.count{width:50px; padding-left:20px; color:#8e969c; background:url("../images/common/icon_count.gif") 0 50% no-repeat;}
.list_wrap .th{color:#fff !important; font-size: 16px !important; line-height: 66px; font-weight: 400 !important; text-align: center !important; border-left:1px solid #36cad7; }
.list_wrap .th.none{border-left:none;}
.page_list{text-align:center; margin-top: 30px;}
.page_list a{margin:0 2px; width:31px; height:31px; line-height:33px; display:inline-block; text-align:center; border:1px solid #a1abbe; font-size:12px; color:#a1abbe; vertical-align: top; background-color: #fff;}
.page_list a.on{ width:31px; height:31px; line-height:33px; border:1px solid #36cad7; font-weight:600; color:#41a0da;}
.page_list a.arrow{border:none;}
.page_list a.arrow.mr{margin-right: 15px;}
.page_list a.arrow.ml{margin-left: 15px;}


/*뷰 페이지*/
.view_wrap{width:1000px; margin:0 auto;}
.view_wrap .title_con{padding:20px 20px; line-height: 30px; border-top:1px solid #7e4e3a; border-bottom: 1px solid #cdd2d6;}
.view_wrap .title_con .num{width:80px; font-size:18px; color:#373737; text-align: center; font-weight: 700;}
.view_wrap .title_con .title{ color:#203341; font-size: 16px; padding-left:30px;}
.view_wrap .ect_con{padding:10px 10px;  height:30px; line-height: 30px; color:#8e969c;}
.view_wrap .ect_con .date{width:100px; color:#8e969c; padding-right: 30px;}
.view_wrap .ect_con .count{width:80px; padding-left:20px;  padding-right: 20px; color:#8e969c; background:url("../images/common/icon_count.gif") 0 50% no-repeat;}
.view_wrap .ect_con .right_con{float: right;}
.contants_con{padding:40px 25px;  border-top:1px solid #cdd2d6; border-bottom: 1px solid #cdd2d6; margin-bottom: 30px;}

.view_wrap .btn_box{text-align: right;}


/* tab */
.tab{width:1100px; display: table; margin-bottom:50px;}
.tab li{display: table-cell; padding:0 4px;}
.tab.col2 li{width:50%;}
.tab.col3 li{width:33.33%;}
.tab.col4 li{width:25%;}
.tab.col7 li{width:14.28%;}
.tab li:first-child{padding-left: 0;}
.tab a{display:block; position: relative; height:50px; background: #d2d2d2; line-height:50px; font-size:20px; color:#fff;}
.tab a.on{display:block; background:#e9362f;}


/* privacy_pop*/
.modelpop{width: 900px; height: 478px; background: #0060af; padding: 0px 3px; box-sizing: border-box;  position: absolute;    top: 102px;    left: 30px; z-index: 999; display: none;}
.modelpop .headpop{ height: 55px; text-align:center; font-size: 24px; color: #fff; font-weight: 600; position: relative; font-family:nanumxb; padding-top: 15px; box-sizing: border-box; }
.modelpop .headpop .close{position: absolute; right: 15px; top: 15px; cursor: pointer; }
.modelpop .contpop{ width: 100%; height: 418px; background: #fff; margin: 0 auto; }
.dimd{    background: #000;    opacity: 0.7;    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 999;    display: none;}
.clfx:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}




/* slider */

.gallery_con{position:relative; width:900px; margin:20px auto;}
.gallery_con img{width:100%;}
.flexslider {
  position: relative;
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -30px;
  text-align: center;
  height:10px;
}
.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: #bfbfbf;
  cursor: pointer;
  text-indent: -9999px;
  opacity:1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.flex-control-paging li a:hover {
  background: #f68424;
  opacity:1;

}
.flex-control-paging li a.flex-active {
  background: #f68424;
  opacity:1;
  cursor: default;
}

.flex-direction-nav{display:none;}