@charset "utf-8";

@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

/* common start*/
html, body {margin: 0; padding: 0; width:100%; height:100%; }
body{font-family:'dotum','verdana','AppleGothic';font-size:12px;color:#6d6d6d; }
html{overflow-y:scroll; }
div{margin:0;padding:0;}
table{border-collapse:collapse; width:100%; margin:0;padding:0;}
th {margin:0;padding:0;}
td {margin:0;padding:0;}
fieldset, legend, img {margin:0;padding:0; border: none;}
form {padding: 0; margin: 0;}
legend { position:absolute;left:-10000px;top:-10000px;font-size:0;line-height:0;height:0; }
legend { *display:none; }
fieldset {margin: 0; padding: 0;}
dl, dt, dd {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size:12px;}
hr {display: none;}
caption {display: none;}
br {margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
iframe {border: none;margin:0;padding:0;}
ul, ul li {list-style:none; margin:0;padding:0;}
ol, ol li {list-style:none; margin:0;padding:0;}
input, textarea, button, select{margin:0;padding:0;}
em, address{font-style:normal;}
label{border:0;background:none;cursor:pointer;}
/* common end*/

/*body {*position:relative;font-family:'Noto Sans KR', sans-serif;}*/
#wrap {width:100%;}
/*util start*/
.headerWrap{min-width:1360px; background:#000;} 
.headerWrap .header{ width:1360px; margin: 0 auto; text-align:center; padding:18px 0; position:relative;}
.headerWrap .header h1{ display:inline-block; font-size:0;text-indent:-999px;}
.headerWrap .header .util{ overflow:hidden; position:absolute; top:88px; right:245px;}
.headerWrap .header .util li{float:left; }
/*util end*/

/*gnb start*/

.headerWrap .nav{height:65px; padding-bottom:3px;}
.headerWrap .nav .navarea{ width:100%; height:65px; background:#333132; margin:0 auto;}
.headerWrap .nav .navarea .gnb{overflow:hidden;width:790px; margin:0 auto;}
.headerWrap .nav .navarea .gnb li{ float:left; padding:0 19px;}
.headerWrap .nav .navarea .gnb li>a{ display:block; height:100%;}
.headerWrap .nav .navarea .gnb h2{font-size:0; text-indent:-999px;}
.headerWrap .nav .navarea .gnb h3{font-size:0; text-indent:-999px;}
.headerWrap .nav .navarea .gnb h4{font-size:0; text-indent:-999px;}

.snb-wrap{display:none;position:absolute; top:197px; left:0; width:100%; height:150%; background:url('/imagesre/gnb/img-snb-bg.png'); z-index:999;} 
.snb{display:table; display:none; position:absolute;top:160px; left:50%; width:1200px; height:auto; margin:25px 0 0 -600px; z-index:1000;}
.snb .stop{width:100%; height:20px; line-height:0; background:url('/imagesre/gnb/img-snb-tbg.png') repeat-x;}
.snb .stop span.arrow1 img{margin-left:247px; width:31px; height:20px;}
.snb .stop span.arrow2 img{margin-left:351px; width:31px; height:20px;}
.snb .stop span.arrow3 img{margin-left:446px; width:31px; height:20px;}
.snb .stop span.arrow4 img{margin-left:551px; width:31px; height:20px;}
.snb .stop span.arrow5 img{margin-left:669px; width:31px; height:20px;}
.snb .stop span.arrow6 img{margin-left:802px; width:31px; height:20px;}
.snb .stop span.arrow7 img{margin-left:924px; width:31px; height:20px;}
.snb .stop span.arrow8 img{margin-left:978px; width:31px; height:20px;}
.snb .sbox{width:1158px; height:253px; padding:32px 21px 27px 21px; background:#fff;}
.snb .sbox h5{float:right; margin-top:164px; width:200px; font-size:0;}
.snb .sbox h5 img{margin-left:20px;}
.snb .sbox dl{float:left; width:150px; height:236px; padding:0 20px; border-right:1px solid #e0e0e0;}
.snb .sbox dl.type0{float:left; width:165px; height:236px; padding:0 20px; border-right:1px solid #e0e0e0; border-left:none; margin-left:85px;}
.snb .sbox dl.type1{float:left; width:165px; height:236px; padding:0 20px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; margin-left:510px;}
.snb .sbox dl.type2{float:left; width:150px; height:236px; padding:0 20px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; margin-left:550px;}
.snb .sbox dl.type3{float:left; width:190px; height:236px; padding:0 20px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; margin-left:710px;}
.snb .sbox dl dt{margin:6px 15px; }
.snb .sbox dl dt a{height:24px;}
.snb .sbox dl dd{ width:110px; padding-left:14px;}
/*gnb end*/

/*main-visual start*/
#main-visual { height:634px; background:url('/imagesre/main/mainvisualbg.png') repeat-x; background-size:100% 634px;}
#main-visual  h1{ font-size:0; text-indent:-999px;}
#main-visual .main-visualarea{ margin:0 auto; width:1360px;  height:532px; background:#fff;}
/*main-visual end*/

/*contents start*/
#wrap  #Mcontents{width:1360px; height:712px; margin:0 auto; overflow:hidden;}
#wrap  #Mcontents h1{ font-size:0; text-indent:-999px;}
#wrap  #Mcontents .Mleftwrap{width:900px; float:left; margin-left:47px;}
#wrap  #Mcontents .Mrightwrap{width:360px; float:left;}
/*contents end*/

/*footer start*/
#footer{ width:100%; height:145px; margin:0 auto;background:#d1d2d4; position:relative;}
#footer h1{ font-size:0; text-indent:-999px;}
#footer .familysite{ width:400px; padding:20px 0 ; margin:0 auto;}
#footer .familysite select{margin-right:25px;width:160px; height:30px; padding:0 35px; color:#595959; -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none;  appearance: none; background:url('/imagesre/main/familyarrowre.jpg') no-repeat 130px center;}
select::-ms-expand {  display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
#footer .familysite select option{font-size:12px; color:#595959;}
#footer .familysite .footerlist{display:inline-block;margin-bottom:-7px;}
#footer .familysite .footerlist li{ float:left;}
#footer .address{position:absolute; left:0;right:0;margin:0 auto;}

/*footer end*/




/*.deem{position:fixed;left:0;top:500px;width:auto;height:auto;background-color:#000;opacity:0.4;filter:Alpha(opacity=40);display:none;z-index:100;}*/