@charset "utf-8";
/* CSS Document */

body{ 
	background: url(../images/pgtop.jpg) no-repeat, url(../images/pgtop2.gif) repeat-x;
	background-position: center 110px, center 350px;
}
#navbar {background:#ccc; position:absolute; z-index:1; top:109px; left:0px; width:100%; height:1px; }

#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:110px;position:relative;z-index:auto;}
#topmn { position:absolute;z-index:auto;top:10px;right:15px; font-size:95%; letter-spacing:-0.05em; color:#ccc; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }

/*navigation*/
#nav {float:right;width:780px;height:40px;line-height:40px;display:block;margin-top:60px; font-family: "Noto Sans KR"; }
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 35px 10px 35px; font-size:150%; font-weight:500; color:#000; padding:0px 7px; letter-spacing:-0.05em}
#nav>li>section{ position:absolute; z-index:4; top:20px; line-height:35px; height:35px; display:none; font-size:115%; padding:0px 10px }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:500;letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff; opacity:1}
#nav>li>a.nvon{ color: #00325D; }

#logoimg{ display: block; padding-top: 40px; }

#topani{ height: 240px; position: relative; z-index: auto}
#topani>div{ position: absolute; z-index: auto; opacity: 0; }
#ani01{ top:0px; left:299px; }
#ani02{ top:49px; left:397px; }
#ani03{ text-align: center; font-family: "Noto Sans KR"; font-size: 130%; font-weight: 500; letter-spacing: -0.02em; top:170px; width: 100%; }

#location{ height: 40px; line-height: 40px; text-align: right; font-weight: 600; font-size: 110%; letter-spacing: -0.02em; color:#707070; }

aside {width:230px;float:left; min-height:350px; font-family: "Noto Sans KR";  }

/*menu*/
#wLeft >h1 { color:#464646; font-weight: 500; font-size:150%; letter-spacing: -0.03em; border-bottom:4px solid #0080ff; padding:30px 5px 10px 5px; margin-bottom: 10px; }
#wLeft >div>a, #wLeft >div>span {display:block; font-size: 115%; padding: 13px 5px 10px 10px; font-weight: 500; border-bottom:1px solid #e5e5e5; background:#fff}
#wLeft >div>div>a, #wLeft >div>div>span{display:block; padding:5px 15px; border-bottom:1px solid #ccc; background:#f7f7f7}
#wLeft >div>a.onm{ background:#0080ff; color:#fff;  }

#cstcenter{ border:1px solid #dadada; padding:20px 15px; margin-top: 10px; margin-bottom: 10px; }
#cstcenter>h1{ color:#00325d; font-size: 130%; letter-spacing: -0.03em; }
#cstcenter>h2{ color:#000; font-family: "Lusitana"; font-size: 250%; letter-spacing: -0.03em; padding:20px 0px; }
#cstcenter>h2>p{ font-size: 60%; padding-top: 10px; }
#cstcenter>div{ color:#a3a3a3; font-size: 110%; }

#lfestimate{ display: block; padding: 15px 0px; text-align: center; font-size: 160%; font-weight: 500; margin-bottom: 40px; background: #00325D; color:#fff; border-radius: 10px; }
#lfestimate>img{ vertical-align: middle; }

#ctsWrap { float:right; width:820px; min-height:450px; padding-bottom: 30px; font-size: 110%; }
#ctsWrap2 { min-height:450px; padding-bottom: 30px; font-size: 110%; }
#ctsWrap>h1, #ctsWrap2>h1 { color:#000; font-family: "Noto Sans KR"; font-weight: 600; font-size:200%; letter-spacing: -0.05em; border-bottom:1px solid #e5e5e5; margin-bottom: 20px; }
#ctsWrap>h1>span, #ctsWrap2>h1>span{ display: inline-block; border-bottom: 2px solid #00325d; padding:25px 10px 15px 10px; }

footer { clear:both; height:270px; background:#2b2b2b}
footer>section{ width: 1080px; margin: auto; }
footer>section>div:first-child{ padding: 35px 0px 20px 0px; border-bottom: 1px solid #555; text-align: center }
footer>section>div:last-child{ border-top:1px solid #000; color:#707070; text-align: center; padding-top: 25px; }
footer>section>div:last-child>p{ margin-top:15px}

/*error.php*/
#errMsgbox{ margin:30px 20px;}
#errMsgbox>hgroup>h6{ font-size:12px; color:#000; }
#errMsgbox>hgroup>h5{margin:10px 0px;padding:5px 0px;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc}
#errMsgbox>p{margin:15px 0px}


/*개별 페이지*/
.page{ font-size: 100%; letter-spacing: -0.02em; line-height: 160%; }

#pg01_01{ font-size: 105%; }
#pg01_01>img:first-child{ float: right; }
#pg01_01>h1{ font-family: "Noto Sans KR"; font-size: 180%; font-weight: 500; color:#000; padding: 20px 0px; }
#pg01_01>h1+div{ padding: 20px 0px; width: 500px; float: left; word-break: keep-all; }
#pg01_01>h2{ clear: both; font-family: "Noto Sans KR"; font-size: 140%; font-weight: 500; color:#000; padding: 20px 0px; }

#pg01_02{ overflow: auto; padding-bottom: 30px; }
#pg01_02>div{ width: 365px; border:1px solid #ccc; padding:19px; float: left; font-family: "Noto Sans KR"; }
#pg01_02>div:first-child{ margin-right: 10px; }
#pg01_02>div>h1{ font-size: 200%; font-weight: 500; color:#000; padding: 20px 0px; }
#pg01_02>div>div{ font-size: 120%; word-break: keep-all; line-height: 170%; }

#pg01_03{ background: url(../images/img0103.jpg) no-repeat 20px 0px; min-height: 500px; position: relative; font-family: "Noto Sans KR"; font-weight: 500; }
#pg01_03>p{ display: block; position: absolute; z-index: auto; width: 171px; height: 65px; line-height: 65px; font-size: 110%; font-weight: 500; color: #fff; text-align: center }
#pg01_03>div{ position: absolute; z-index: auto; width: 185px; text-align: center; }
#pg01_03>div>h1{ height: 65px; line-height: 65px; font-size: 110%; font-weight: 500; color: #fff; }
#pg01_03>div>ul{ list-style: none; margin:5px 20px; }
#pg01_03>div>ul>li{ line-height: 200%; border-bottom: 1px dotted #ccc;}

#pg01_04>h1 { padding:20px 0px;font-family: 'Noto Sans KR'; font-weight: 500; font-size: 130%; text-align: center; line-height: 160%; color:#333; border-bottom: 1px dotted #aaa; }
#pg01_04>ul { margin: 10px 0px 20px 20px ;}

#pgmoviez{ height: 480px; padding: 9px ; border:1px solid #d9d9d9; position: relative; z-index: auto; }
#pgmoviez>img { position: absolute; top:9px; left:9px; z-index: auto; }
#pgbnwrap{ border:1px solid #d9d9d9; margin-top:10px; background: #f5f5f5; padding: 9px 7px; }
#pgBn{ overflow: auto; }
#pgBn>a{ display: block; opacity: 0.5; float: left; width: 10.55%; padding: 2px 2px; }
#pgBn>a:first-child{ opacity: 1; }
#pgBn>a>img{  display: block; width: 100%;  }
.product{ margin:10px 0px; letter-spacing: -0.02em;}
.product>h1{ padding: 10px 0px; font-family: "Noto Sans KR"; font-weight: 500; color:#000;  font-size: 130%; }
.product>ul{ margin-left: 20px; }
.product>ul>li{ padding: 3px 0px; }