/* 공통 */
.w1260{width: 1260px; margin: 0 auto;}
.w1340{width: 1340px; margin: 0 auto;}
.arial{font-family: "Arial", sans-serif;}
.spoqa{font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Sans-serif';}
/* 공통 */

/* header */
#header{width: 100%; min-width:1260px; background: #fff;}
.h-wrap{height: 100px; box-sizing:border-box; box-shadow:1px 1px 5px 5px rgba(0,0,0,0.1);}
.depbg{display: none; top: 100px; left: 0; width: 100%; height: 425px; background: #fff; box-sizing:border-box; border-top: 1px solid #ddd; position: absolute; z-index: 4;}
.h-con{}
.logo{width: 251px; margin: 21px 90px 0 0; float: left;}
.logo a{height: 53px; display: block;}
.logo a img{width: 100%; display: block;}
.gnb{width: 800px; margin-top: 20px; float: left;}
.depth01{width: 100%;}
.depth01 > li{width: 160px; text-align: center; position: relative; float: left;}
.depth01 > li > a{font-size: 18px; line-height:80px; letter-spacing:0; font-weight: 500; color: #222; display: block; transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s;}
.depth01 > li.on > a{color: #00a0e9;}
.depth02{height: 425px; display: none; padding: 20px 0; top: 80px; left: 0; width: 100%; position: absolute; z-index: 5; background: #fff; box-sizing:border-box; border-top: 1px solid #ddd;}
.depth02:after{opacity:0; top: -1px; left: 50%; width: 12px; height: 7px; margin-left: -6px; display: block; background: url(../img/dep-arrow.png) center center no-repeat; position: absolute; content:""; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.depth02 li{text-align: center;}
.depth02 li a{font-size: 14px; line-height:35px; letter-spacing:0; font-weight: 300; color: #333; opacity:0.9; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s;}
.depth01 > li.on .depth02{background: #00a0e9;}
.depth01 > li.on .depth02 li a{color: #fff; opacity:0.7;}
.depth01 > li.on .depth02 li a:hover{font-weight: 500; opacity:1;}
.depth01 > li.on .depth02:after{opacity:1;}
.menu{margin-top: 59px; width: 28px; float: right;}
.menu a{height: 22px; display: block;}
.menu a img{width: 100%; display: block;}
.mytoplist{position: absolute; top: 0; right: 50%; margin-right: -630px; font-size: 0; text-align: right;}
.mytoplist a{font-size: 12px; line-height:20px; letter-spacing:0; font-weight: 400; color: #777; display: inline-block; vertical-align: top;}
.mytoplist span{margin: 0 10px; font-size: 12px; line-height:20px; letter-spacing:0; font-weight: 400; color: #777; display: inline-block; vertical-align: top;}
/* header */


/* footer */
#footer{width: 100%; min-width:1260px; border-top: 1px solid #ddd; background: #fff; box-sizing:border-box;}
.f-wrap{}
.f-con{padding: 55px 0; box-sizing:border-box;}
.f-nav{font-size: 0;}
.f-nav a{font-size: 12px; line-height:22px; letter-spacing:0; font-weight: 400; color: #555; display: inline-block; vertical-align:top;}
.f-nav span{margin: 0 15px; font-size: 12px; line-height:22px; letter-spacing:0; font-weight: 500; color: #555; display: inline-block; vertical-align:top;}
.f-adr{margin-top: 20px;}
.f-adr p{font-size: 13px; line-height:25px; letter-spacing:0; font-weight: 300; color: #999;}
.f-adr p span{margin: 0 15px; font-size: 11px; line-height:25px; letter-spacing:0; font-weight: 300; color: #dbdbdb; display: inline-block; vertical-align:top;}
.f-adr .copy{margin-top: 10px; font-size: 11px; line-height:1; letter-spacing:0; font-weight: 400; color: #999; display: block;}
.f-icon{width: 195px; top: 55px; right: 0; position: absolute; z-index: 1; font-size: 0;}
.f-icon a{margin-right: 5px; width: 45px; height: 45px; display: inline-block; vertical-align:top;}
.f-icon a:last-of-type{margin-right: 0;}
.f-icon a img{width: 100%; display: block;}
/* footer */

/* 검사결과조회 header */
#re-head{top: 0; width: 100%; position: fixed; background: #383f4f; z-index: 5;}
.re-head-in{}
.re-head-in .left{margin: 17px 0; width: 240px; float: left;}
.re-head-in .left a{height: 46px; display: block;}
.re-head-in .left a img{width: 100%; display: block;}
.re-head-in .right{width: calc(100% - 450px); float: right;}
.re-head-in .right .re-top{text-align: right; font-size: 0;}
.re-head-in .right .re-top b{font-size: 14px; line-height:34px; margin-right: 5px; letter-spacing:0; font-weight: 400; color: #fff; display: inline-block; vertical-align: top;}
.re-head-in .right .re-top span{font-size: 14px; line-height:34px; letter-spacing:0; font-weight: 300; color: #fff; opacity:0.6; display: inline-block; vertical-align: top;}
.re-head-in .right .re-top a{padding: 0 12px; margin: 6px 0 0 15px; font-size: 12px; line-height: 22px; letter-spacing:0; font-weight: 400; color: #fff; background: #00a0e9; display: inline-block; vertical-align: top; box-sizing:border-box;}
.re-head-in .right .re-depth{}
.re-head-in .right .re-depth ul{width: 100%; font-size: 0; text-align: center;}
.re-head-in .right .re-depth ul li{margin-right: 40px; height: 46px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; position: relative;}
.re-head-in .right .re-depth ul li:last-of-type{margin-right: 0;}
.re-head-in .right .re-depth ul li a{font-size: 17px; line-height:34px; letter-spacing:0; font-weight: 500; color: #fff; display: inline-block; vertical-align: top; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;}
.re-head-in .right .re-depth ul li a:hover{color: #00b0ec;}
.re-head-in .right .re-depth ul li a#cvr_pop{top: 8px; right: -48px; width: 44px; font-size: 11px; line-height:18px; height: 18px; letter-spacing:0; font-weight: 400; color: #fff; position: absolute; background: #ff6131; text-align: center; z-index: 1;}
.re-head-in .right .re-depth ul li a#cvr_pop img{width: 11px; height: 10px; margin: 4px 3px 0 0; display: inline-block; vertical-align: top;}
/* 검사결과조회 header */

/* 검사결과조회 CVR팝업 */
#cvr_bg{display: none; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}
#cvr_popup{display: none; top: 80px; width: 900px; margin-left: -450px; left: 50%; position: fixed; z-index: 100; background: url(../img/admin/cvr_pop_bg.jpg) left top repeat-y;}
.cvr_wrap{padding: 10px; box-sizing:border-box;}
.cvr_close{top: 10px; right: 10px; width: 33px; position: absolute; z-index: 1;}
.cvr_close a{height: 33px; display: block;}
.cvr_close a img{width: 100%; display: block;}
.cvr_txt{padding: 35px 0; box-sizing:border-box; text-align: center;}
.cvr_txt p{font-size: 24px; line-height:40px; letter-spacing:-0.05em; font-weight: 300; color: #fff; box-sizing:border-box; text-shadow: 3px 3px 6px rgba(0,0,0,0.14);}
.cvr_txt p b{font-size: 25px; font-weight: bold; letter-spacing:-0.03em; display: inline-block; vertical-align: top;}
.cvr_table{overflow: hidden;}
.cvr_table table{width: 100%;}
.cvr_table table tbody tr th{padding: 12px 0; font-size: 15px; line-height:25px; letter-spacing:-0.05em; font-weight: 400; color: #fff; background: #2a3a59; text-align: center; box-sizing:border-box; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
.cvr_table table tbody tr th.bdr0{border-right: 0;}
.cvr_table table tbody tr.cvr_tbl_tit td{padding: 12px 0; font-size: 18px; line-height:25px; letter-spacing:0.1em; font-weight: 500; color: #fff; background: #385082; text-align: center; box-sizing:border-box; border-bottom: 2px solid #fff;}
.cvr_table table tbody tr.cvr_tbl_td td{padding: 10px 0; font-size: 14px; line-height:22px; letter-spacing:-0.05em; font-weight: 400; color: #333; background: #eee; box-sizing:border-box; border-right: 2px solid #fff; border-bottom: 2px solid #fff; text-align: center;}
/* 검사결과조회 CVR팝업 */


/* 검사결과조회 footer */
#re-foot{background: #2b3033;}
.re-foot-in{padding:60px 0; box-sizing:border-box;}
.re-foot-top{width: 50px; position: absolute; top: 0; right: 0;}
.re-foot-top a{height: 50px; display: block;}
.re-foot-top a img{width: 100%; display: block;}
.re-foot-nav{margin-bottom: 30px; font-size: 0;}
.re-foot-nav a{font-size: 12px; line-height:1; letter-spacing:0; font-weight: 400; color: #aaa; display: inline-block; vertical-align: top;}
.re-foot-nav span{margin: 0 15px; font-size: 12px; line-height:1; letter-spacing:0; font-weight: 500; color: #aaa; display: inline-block; vertical-align: top;}
.re-foot-adr{}
.re-foot-adr p{font-size: 13px; line-height:25px; letter-spacing:0; font-weight: 300; color: #666;}
.re-foot-adr p span{margin: 0 15px; font-size: 11px; line-height:25px; letter-spacing:0; font-weight: 300; color: #545657; display: inline-block; vertical-align:top;}
.re-foot-adr .copy{margin-top: 10px; font-size: 11px; line-height:1; letter-spacing:0; font-weight: 400; color: #666; display: block;}
/* 검사결과조회 footer */

/* sitemap */
#cboxOverlay {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: 50 !important; background: url(../img/overlay2.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90); cursor:pointer;}
#colorbox{display: none; top: 50%; left: 50%; position: fixed; width: 1200px; height: 400px; z-index: 51; margin: -200px 0 0 -600px;}
#cboxWrapper{width: 1200px; height: 400px;}
#cboxTopLeft {float: left; width: 21px; height: 21px; background: url(../img/controls_color.png) no-repeat -101px 0;}
#cboxTopCenter {width: 1158px; height: 21px; background: url(../img/border.png) 0 0 repeat-x; float: left;}
#cboxTopRight {width: 21px; height: 21px; background: url(../img/controls_color.png) no-repeat -130px 0; float: left;}
#cboxMiddleLeft {width: 21px; height: 435px; float: left; background: url(../img/controls_color.png) left top repeat-y;}
#cboxMiddleRight {width: 21px; height: 435px; float: left; background: url(../img/controls_color.png) right top repeat-y;}
#cboxContent {background: #fff; overflow: hidden; float: left; width: 1158px; height: 435px; position: relative;}
#cboxLoadedContent {width: 1158px; height: 430px; overflow: hidden; margin-bottom: 28px;}
#sitemap {padding: 10px; width: 1158px; box-sizing:border-box;}
#siteMapContents {width: 100%; margin: 0 auto;}
#siteMapContents .siteMapMenu{width: 217.6px; font-size: 14px; float: left; margin-right: 10px;}
#siteMapContents .siteMapMenu:last-of-type{margin-right: 0;}
#siteMapContents .siteMenu1Depts a {display: block; width: 100%; height: 40px; line-height: 40px; background: #00b0ec; text-align: center; color: #fff; }
#siteMapContents .siteMenu2Depts a {display: block; width: 100%; background: #fff; text-align: center; margin-top: 5px; border: 1px solid #ccc; letter-spacing: -0.05em; padding: 8px 0px; color: #333;}
#cboxBottomLeft {width: 21px; height: 21px; background: url(../img/controls_color.png) no-repeat -101px -29px; float: left;}
#cboxBottomCenter {height: 21px; background: url(../img/border.png) 0 -29px repeat-x; float: left; width: 1158px;}
#cboxBottomRight {width: 21px; height: 21px; background: url(../img/controls_color.png) no-repeat -130px -29px; float: left;}
#cboxClose {position: absolute; bottom: 0; right: 0; background: url(../img/controls_color.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; border: 0; padding: 0; margin: 0;}
/* sitemap */