@charset "utf-8"
/*@font-face{font-family:'SpoqaHanSans'; src:url('../font/SpoqaHanSans-Regular.woff')}
@font-face{font-family:'SpoqaHanSans'; src:url('../font/SpoqaHanSans-Regular.eot')}*/
/* radio, check box */
input[type="text"],input[type="password"],input[type="submit"],input[type="search"]{-webkit-appearance:none;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:0;}
/* input[type='checkbox'],input[type='radio'],select{-webkit-appearance:none;border:0 none;} */
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Nanum Gothic', "나눔고딕", "나눔 고딕","Spoqa Han Sans", "맑은 고딕", "돋움", "굴림", "tahoma";font-size:100%;color:#fff;line-height:1}
img,fieldset{border:0;vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
table{border:collapse:collapse;border-spacing:0}
button{overflow:visible;border:0;background-color:transparent;font-size:0;cursor:pointer;white-space:nowrap}
button::-moz-focus-inner{padding:0;border:0}
hr{display:none;}
/*mobile*/
html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
/* 공통 */
#skip_nav a{position:absolute;top:-500px}
#skip_nav a:focus, #skip_nav a:active{top:1px;z-index:99999;display:block;width:100%;height:40px;line-height:40px;font-weight:700;color:#fff;text-align:center;background-color:#015293}
.hc{overflow:hidden;position:absolute;left:-99999999em;top:-999999999em;font-size:0;text-indent:-999999em;}
.blind{overflow:hidden;font-size:0;line-height:99em}

/* fonts */
.grid{font-size:18px}
.gnb_obj,.sitemap{font-size:15px}
.tmenu_obj,.adress,.copyright{font-size:12px}
.smenu{font-size:13px}
{font-weight:700}
{font-weight:400}
.adress,.copyright{}

/* 레이아웃 및 스타일 */
body {background:url(../img/bg_index.jpg) repeat-y  50% 0}
.area_bg{height:auto;}
.wrap{width:1200px;margin:0 auto}
a:hover{color:#f16c1d}
.tmenu_obj:hover,.grid_obj8:hover{color:#363636 !important}
/* 스플릿 이미지 */{background:url(../img/sp-visang.png) no-repeat;background-size:900px 700px;}
/* clear */.tmenu_obj:after,.gnb_obj:after{display:block;clear:both;content:''}

/* header */
.topmenu_bg{width:100%;height:30px;background-color:#f16c1d}
.topmenu{position:absolute;top:-80px;right:0;width:285px;margin-right:-15px}
.tmenu_obj{float:left;padding:0 15px;line-height:30px}
.header-index{position:relative;margin:50px 0 25px;}
.ci_main{display:inline-block;margin-top:-20px;}
.gnb{position:absolute;top:0;right:430px;width:590px;z-index:99999;}
.gnb>li {float:left;}
.gnb_obj{height:48px;padding:0 35px 30px 35px;line-height:48px}
.sitemap{float:right;height:48px;line-height:48px;color:#f16c1d}
.icon_sitemap{padding:19px 0 0 5px}
.submenu{display:none;position:absolute;top:79px;left:15px;width:auto;height:auto;padding:29px;background:url(../img/bg_submenu.png) repeat 0 0;z-index:10}
.smenu{display:block;margin-top:18px;}
.submenu li:first-child a{margin-top:0}


.popup_wrap {z-index:999999 !important;}

/* container */
/* main visual */
.mainvisual{position:relative;width:100%;height:600px;border-top:3px solid #f16c1d}
.grid{position:absolute;line-height:30px;letter-spacing:.2em;text-align:center}
.grid_bg .grid{background:url(../img/opa55_grid.png) repeat 0 0;vertical-align:middle}
.grid_bg .grid:hover{background:url(../img/hover_grid.png) repeat 0 0;color:#fff}
.grid_bg{width:440px;height:600px;background:url(../img/bg_grid.jpg) no-repeat 0 0}
.grid_obj1{top:0;left:0;width:440px;height:141px;padding-top:84px}
.grid_obj2{top:225px;left:0;width:220px;height:150px;line-height:150px}
.grid_obj3{top:225px;left:220px;width:220px;height:150px;line-height:150px}
.grid_obj4{top:375px;left:0;width:220px;height:150px;line-height:150px}
.grid_obj5{top:375px;left:220px;width:220px;height:150px;line-height:150px}
.grid_obj6{top:525px;left:0;width:440px;height:75px;line-height:75px}
.grid_obj7{top:0;right:0;width:200px;height:224px;padding-top:151px;;background:url(../img/bg_grid_pf.png) no-repeat 0 0;color:#000}
.grid_obj8{bottom:0;right:0;width:200px;height:186px;padding-top:39px;background:url(../img/bg_grid_location.png) no-repeat 0 0}
.grid_slideimg{top:0;left:440px;width:560px;height:600px}

/* portfolio */
.portfolio{position:relative;width:100%;overflow:hidden;}
.pf_title-index{margin:60px 0 40px}
.pf_title-index a{display:block;color:#fff;text-align:center;}
.pf_title-index a span {color:#fe6919;}

.pf-index{height:auto;overflow:hidden;margin-left:-20px;}
.pf-index>li {float:left;width:285px;height:195px;margin:0 0 20px 18px;}
.pf_obj-index{display:block;position:relative;float:left;width:285px;height:195px;}
.pf_obj-index img:hover{opacity:.2; filter:alpha(opacity=20);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";} /* this works in IE8 only */ 
.pf_txt-index{display:none;position:absolute;width:100%;text-align:center}
.pf_txt-index.txt1-index{bottom:0;padding-bottom:100px}
.pf_txt-index.txt2-index{top:0;padding-top:120px;color:#fff}

/* footer */
body#sub .footer {padding-top:50px;border-top:1px solid #424547;}
body#sub .footer .ci_footer {top:50px;}
body#sub .footer .btn_privacy {top:50px;}
.footer{position:relative;height:100px;margin-top:50px}
.ci_footer{position:absolute;top:-10px;left:0;}
.adress,.copyright{margin-left:150px}
.adress{padding-top:2px}
.ad{padding-right:20px}
.copyright{padding-top:8px}
.btn_privacy {position:absolute;top:0;right:0;color:#f16c1d;font-size:12px}
.btn_adm{position:absolute; right:0; bottom:50px; color:#222; font-size:12px; display:inline-block; padding:5px 15px; border:1px solid #222;}
.btn_adm:hover{border:1px solid #666; color:#666;}
.btn_top {position:absolute;top:-90px;right:-125px;font-size:12px}

/*sub*/
.subvisual {border-top:2px solid #f16c1d;}
.container {margin-top:40px;}





/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic-Regular.eot);
  src: url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Regular.woff) format('woff'),
       url(font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(font/NanumGothic-Bold.eot);
  src: url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Bold.woff) format('woff'),
       url(font/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(font/NanumGothic-ExtraBold.eot);
  src: url(font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-ExtraBold.woff) format('woff'),
       url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}