@charset "utf-8";
/* Layout CSS Document */
/* 스프라이트 이미지 */
.sprh_com,
#gnb>li>div a:before,
.location_wrap .nav>li:before,
.location_wrap .nav>li>a .unfd,
.location_wrap .nav>li:first-child>a:after,
.cont_head .title:before,
#footer .goto_top a>span:after{display:inline-block; overflow:hidden; background:url(../images/common/sp_com.png) no-repeat 0 0; vertical-align:middle; text-indent:-9999em;}

#wrap{background:url(../images/common/bg_wrap.gif) repeat 0 0;}
/* Header */
#header{min-width:1000px; background:#fff;}
.header_top{min-width:1000px; height:40px; background:#3c4d67;}
.header_top .inr{width:1000px; margin:0 auto;}
.header_top .inr:after{content:''; display:block; clear:both;}
.header_top .nav_top{float:right; overflow:hidden; margin:5px 0 0;}
.header_top .nav_top li{float:left; position:relative; margin-left:-1px; padding-left:1px;}
.header_top .nav_top li:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#59687e;}
.header_top .nav_top li a{display:block; position:relative; padding:5px 10px; color:#b7c4d6;}
#header .logo{box-sizing:border-box; width:1000px; height:100px; margin:0 auto; padding:20px 0; text-align:center;}
/* gnb */
.gnb_area{min-width:1000px; border:1px solid #d8d8d8; border-width:1px 0;}
#gnb{width:1000px; height:54px; margin:0 auto;}
#gnb>li{float:left; width:16.7%; height:100%;}
#gnb>li:first-child{width:16.5%;}
#gnb>li>a{display:block; position:relative; height:100%; font-weight:bold; font-size:1.38em; line-height:1.3; text-align:center;}
#gnb>li>a>span{display:inline-block; vertical-align:middle;}
#gnb>li>a:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:18px; margin:-10px 0 0; background:#d4d4d4;}
#gnb>li:first-child>a:before{display:none;}
#gnb>li>a:after{content:''; display:inline-block; height:100%; vertical-align:middle;} 
#gnb>li.open>a{color:#ea3131;}
#gnb>li>div{display:none; position:absolute; top:195px; left:0; z-index:30; box-sizing:border-box; width:100%;}
#gnb>li.open>div{display:block; border:1px solid #d8d8d8; border-width:1px 0; background:#fff;}
#gnb>li>div>ul{width:1000px; margin:0 auto;}
#gnb>li>div a{display:block; position:relative; height:50px; padding:0 10px; line-height:50px;}
#gnb>li>div>ul:after{content:''; display:block; clear:both;}
#gnb>li>div>ul>li{float:left;}
#gnb>li:first-child+li+li>div>ul>li:first-child{margin-left:360px;}
#gnb>li:first-child+li+li+li>div>ul>li:first-child{margin-left:450px;}
#gnb>li:first-child+li+li+li+li>div>ul>li:first-child{margin-left:650px;}
#gnb>li:first-child+li+li+li+li+li>div>ul>li:first-child{margin-left:500px;}
#gnb>li>div>ul>li.open>a:before{content:''; display:inline-block; position:absolute; top:12px; left:4px; width:6px; height:5px; background-position:-80px 0;}
#gnb>li>div>ul>li>a:hover,
#gnb>li>div>ul>li>a:focus{font-weight:bold; color:#ea3131;}

/* Container */
#container{width:1000px; margin:0 auto; padding:30px 0 62px;}
#container:after{content:''; display:block; clear:both;}
/* Cont Head */
.visual_area{box-sizing:border-box; height:118px; padding:30px 0 20px; background:#1b74b0 url(../images/common/bg_subvisual01.jpg) no-repeat 0 0; color:#fff; text-align:center;}
.shop .visual_area{background-image:url(../images/common/bg_subvisual02.jpg);}
.help .visual_area{background-image:url(../images/common/bg_subvisual03.jpg);}
.community .visual_area{background-image:url(../images/common/bg_subvisual04.jpg);}
.area .visual_area{background-image:url(../images/common/bg_subvisual05.jpg);}
.member .visual_area{background-image:url(../images/common/bg_subvisual06.jpg);}
/* 컨텐츠 타이틀 */
.visual_area .title{margin:0 0 10px;}
/* 현재위치 */
.location_wrap{height:63px; margin:32px 0; background:#363634 url(../images/common/bg_location.gif) repeat 0 0;}
.location_wrap .inr:after{content:''; display:block; clear:both;}
.location_wrap .nav{display:block; float:left;}
.location_wrap .nav>li{float:left; position:relative; padding:0 0 0 32px;}
.location_wrap .nav>li:before{content:''; position:absolute; top:0; left:0; width:32px; height:63px; background-position:0 -20px; opacity:.3;}
.location_wrap .nav>li:first-child:before{display:none;}
.location_wrap .nav>li a{display:block; color:#fff;}
.location_wrap .nav>li>a{position:relative; box-sizing:border-box; height:63px; padding:0 60px 0 20px; font-weight:bold; font-size:1.154em; line-height:63px;}
.location_wrap .nav>li:first-child>a{overflow:hidden; padding-right:20px; text-indent:-9999em; white-space:nowrap;}
.location_wrap .nav>li:first-child>a:after{content:''; position:absolute; top:50%; left:0; width:23px; height:19px; margin:-9px 0 0; background-position:0 0;}
.location_wrap .nav>li>a .unfd{position:absolute; top:50%; right:20px; z-index:50; overflow:hidden; width:20px; height:20px; margin:-10px 0 0; background-position:-30px 0; text-indent:-9999em; white-space:nowrap; transition:all 0.3s; -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.location_wrap .nav>li>a.on .unfd{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.location_wrap .nav>li>div{position:absolute; top:0; left:0; z-index:40; box-sizing:border-box; min-width:100%; min-height:63px; padding:15px 45px 15px 30px; background:#666;}
.location_wrap .nav>li>div>ul{}
.location_wrap .nav>li>div>ul>li{}
.location_wrap .nav>li>div>ul>li>a{padding:8px 0; font-weight:600; line-height:1.3;}
.location_wrap .nav>li>div>ul>li>a:hover,
.location_wrap .nav>li>div>ul>li>a:active,
.location_wrap .nav>li>div>ul>li>a:focus{}

/* Content */
.cont_wrap{padding:40px 60px; border:1px solid #c5c5c5; border-top:2px solid #4c4c4c; background:#fff;}
/* 컨텐츠 타이틀 */
.cont_head .title{position:relative; margin:0 0 35px; padding:10px 0 0; font-size:2.62em; line-height:1.3;}
.cont_head .title:before{content:''; position:absolute; top:0; left:0; width:16px; height:10px; background-position:-90px 0;}
/* Cont Body */
.cont_body{line-height:1.6;}

/* Cont Foot */
.cont_foot{}
.cont_manager{padding:20px 0; border-top:1px solid #ddd;}
.cont_manager:after{content:''; display:block; clear:both;}
.cont_manager dl{text-align:center; letter-spacing:-1px;}
.cont_manager dl.update{margin:10px 0 0;}
.cont_manager dt,
.cont_manager dd{display:inline-block;}
.cont_manager dt{font-weight:600;}
.cont_manager dd span{display:inline-block; position:relative; padding:0 5px;}
.cont_manager dd span:before{content:''; display:inline-block; position:absolute; top:3px; left:0; width:1px; height:10px; background:#ddd;}
.cont_manager dd span:first-child:before{display:none;}
.cont_rating{padding:40px 10px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; background:url(../images/common/bg_cont_rating.png) repeat 0 0;}
.cont_rating h2{margin:0 0 15px; font-weight:600; font-size:1.15em; text-align:center; letter-spacing:-1px;}
.cont_rating .inp_area{position:relative; padding:15px 85px 10px 20px; border:1px solid #dadada; background:#fff;}
.cont_rating .inp_area .btn_rate{position:absolute; top:-1px; right:-1px; bottom:-1px; width:73px; border:0; background:#0674c9; color:#fff;}
.cont_rating .inp_group{display:inline-block; margin:0 10px 5px 0;}
.cont_rating .inp_group label{margin-left:-4px;}

/* Footer */
#footer{position:relative; min-width:1000px; background:#666;}
#footer .footer_top{border-bottom:1px solid #858585; background:#4c4c4c;}
#footer .footer_top .inr{width:1000px; margin:0 auto;}
#footer .nav_f{overflow:hidden;}
#footer .nav_f li{float:left; position:relative; margin-left:-1px; padding-left:1px;}
#footer .nav_f li:after{content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#676767;}
#footer .nav_f li>a{display:block; height:49px; padding:0 12px; line-height:49px; color:#fff; opacity:.8; letter-spacing:-1px;}
#footer .footer_btm{width:1000px; margin:0 auto; padding:28px 0;}
#footer .footer_btm:after{content:''; display:block; clear:both;}
#footer .logo{float:left; margin:0 28px 0 0;}
#footer .copyright{float:left; font-size:0.92em; line-height:1.5; color:#fff; opacity:.8;}
#footer .copyright .copy{margin:5px 0 0;}
#footer .goto_top{position:absolute; top:0; left:50%; width:1000px; margin-left:-500px;}
#footer .goto_top a{display:inline-block; position:absolute; top:0; right:0; width:70px; height:49px; background:#2c2c2c; font-weight:bold; color:#6d6864; text-align:center;}
#footer .goto_top a>span{display:inline-block; vertical-align:middle;}
#footer .goto_top a>span:after{content:''; display:inline-block; width:11px; height:6px; margin-left:5px; background-position:-60px 0; vertical-align:middle;}
#footer .goto_top a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}