@charset "utf-8";
/* ---------- 레이아웃 스타일 ---------- */


/* wrap */
#wrap{position:relative; width:100%; box-sizing:border-box; overflow:hidden}
#wrap.active{overflow:visible}

/* header */
#header{ top:0; right:0; left:0; height:0px; background:fff; z-index:999; box-sizing:border-box; transition:all .40s ease}

.header_top{position:relative; width:1200px; height:38px; margin:0 auto; background:#fff; transition:all .40s ease; z-index:99999;}
.header_top .logo{position:absolute; top:51px; left:0; z-index:999;}
.header_top .logo a{display:block; width:269px; height:39px; background:url("../images/common/logo.png") no-repeat 50% 50%; background-size:269px 39px}
.header_top .logo a .ex{display:block; text-align:center; font-weight:300; line-height:45px; font-size:14px; letter-spacing:-0.8px; color:#707070}

.header_top .util{position:absolute; top:0; right:0}
.header_top .util:after{content:''; display:block; clear:both}
.header_top .util ul{float:left}
.header_top .util ul li{position:relative; float:left}
.header_top .util ul li a{display:block; font-size:13px; letter-spacing:-0.2px; font-weight:normal; box-sizing:border-box}
.header_top .util .memb li a{padding:0 8px; line-height:38px; color:#5e749e}
.header_top .util .memb li a.global{padding:0 15px; letter-spacing:normal}
.header_top .util .memb li a.global span{display:inline-block; padding-left:25px; background:url("../images/common/util_global.png") no-repeat left 50%; background-size:18px 18px}
.header_top .util .memb li:nth-child(2) a{padding-right:15px}

.header_top .util .inner_right{float:left}
.header_top .util .info{border:1px solid #dce6f2; border-top:none}
.header_top .util .info li a{padding:0 15px; color:#5e749e; height:37px; line-height:37px; background:#fff; transition:all .40s ease}
.header_top .util .info li:before{content:''; position:absolute; left:0; top:50%; width:1px; height:18px; margin-top:-9px; background:#dce6f2}
.header_top .util .info li:first-child:before{display:none}
.header_top .util .link{margin-left:5px}
.header_top .util .link li a{height:38px; padding:0 15px; line-height:38px; color:#fff; background:#3b3c40}


/* header 전체메뉴 */
.allmenu{position:absolute; top:50px; right:50%; margin-right:-599px; z-index:9}
.allmenu .allmenu_toggle{display:block; position:relative; width:46px; height:46px; background:#fff; border:1px solid #30a5d7; box-sizing:border-box}
.allmenu .allmenu_toggle:before, .allmenu .allmenu_toggle:after{content:''; position:absolute; left:50%; width:22px; height:2px; background:#30a5d7; margin-left:-11px; transition:all .20s ease}
.allmenu .allmenu_toggle:before{top:12px}
.allmenu .allmenu_toggle:after{bottom:12px}
.allmenu .allmenu_toggle strong{display:block; position:absolute; top:21px; left:50%; width:14px; height:2px; margin-left:-11px; background:#30a5d7; transition:all .20s ease}
.allmenu .allmenu_toggle:hover:before, .allmenu .allmenu_toggle:hover:after{width:14px}
.allmenu .allmenu_toggle:hover strong{width:22px}
#allmenu_layer{display:none; position:absolute; top:0; left:0; width:100%; z-index:99999}
#allmenu_layer:before{content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:#222325}

#allmenu_layer .allmenu_top{position:relative; width:100%; height:142px; background:#fff}
#allmenu_layer .allmenu_top .logo{position:relative; width:269px; height:39px; margin:0 auto; padding-top:80px}
#allmenu_layer .allmenu_top .logo strong{display:block; width:269px; height:39px; background:url("../images/common/logo.png") no-repeat 50% 50%; background-size:269px 39px}

#allmenu_layer .allmenu_inner{position:relative; width:1200px; margin:0 auto; padding:60px 0}


#allmenu_layer .util{display:none; position:relative;margin-bottom:45px}
#allmenu_layer .util ul:after{content:''; display:block; clear:both}
#allmenu_layer .util ul li{position:relative; float:left; box-sizing:border-box}
#allmenu_layer .util ul li a{display:block; font-size:13px; letter-spacing:-0.2px; text-align:center; font-weight:normal; box-sizing:border-box}

#allmenu_layer .util .memb{margin-left:-5px; margin-top:-5px}
#allmenu_layer .util .memb li{width:50%}
#allmenu_layer .util .memb li a{margin-left:5px; margin-top:5px; padding:0 8px; line-height:44px; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:2px}





#allmenu_layer .inner_list > li{position:relative; padding-left:300px; margin-top:45px; min-height:91px;}
#allmenu_layer .inner_list > li:first-child{margin-top:0}
#allmenu_layer .inner_list > li .tit{display:block; position:absolute; top:19px; left:0; width:200px; padding-top:26px; line-height:135%; color:#fff; font-family:nts; font-size:26px; font-weight:300; letter-spacing:-1.5px}
#allmenu_layer .inner_list > li .tit:after{content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:#fff}

#allmenu_layer .depth2{position:relative}
#allmenu_layer .depth2 > ul{margin-left:-50px; overflow:hidden}
#allmenu_layer .depth2 > ul > li{float:left; width:33.33333%}
#allmenu_layer .depth2 > ul > li > .in_box{margin-left:50px}
#allmenu_layer .depth2 > ul > li > .in_box > a{display:block; position:relative; padding:15px 0; color:#fff; line-height:135%; font-size:16px; font-family:nts; font-weight:300; letter-spacing:-0.4px;}
#allmenu_layer .depth2 > ul > li > .in_box > a:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(255,255,255,.2)}
#allmenu_layer .depth2 > ul > li > .in_box > a:after{content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1)}
#allmenu_layer .depth2 > ul > li > .in_box:hover > a:after{width:100%}
#allmenu_layer .depth2 > ul > li > .in_box > a span{display:block; position:relative; padding:0 12px}
#allmenu_layer .depth2 > ul > li > .in_box > a span:before{content:''; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.4); transition:all .30s ease}
#allmenu_layer .depth2 > ul > li > .in_box:hover > a span:before{background:rgba(255,255,255,1)}

#allmenu_layer .depth3{padding:10px}
#allmenu_layer .depth3 li a{display:block; padding:3px 0; color:rgba(255,255,255,.5); line-height:145%; font-size:13px; font-weight:normal; letter-spacing:-0.4px; transition:all .30s ease}
#allmenu_layer .depth3 li a:hover{color:rgba(255,255,255,1)}

#allmenu_layer .allmenu_close{display:block; position:absolute; right:0; top:-71px; width:46px; height:46px; border:1px solid #30a5d7; box-sizing: border-box}
#allmenu_layer .allmenu_close:before, #allmenu_layer .allmenu_close:after{content:''; position:absolute; left:50%; width:22px; height:2px; margin-left:-11px; background:#30a5d7; transition:all .30s ease}
#allmenu_layer .allmenu_close:before{top:21px; transform:rotate(45deg)}
#allmenu_layer .allmenu_close:after{bottom:21px; transform:rotate(-45deg)}
#allmenu_layer .allmenu_close:hover:before{transform:rotate(135deg)}
#allmenu_layer .allmenu_close:hover:after{transform:rotate(45deg)}


/* gnb */
#gnb{position:absolute; top:38px; left:0; width:100%; height:70px; background:#fff; border-bottom:1px solid #dadada; overflow:hidden; transition:all .40s ease; z-index:2}
#gnb:before{content:''; position:absolute; left:0; top:0; width:100%; height:70px; background:#fff; transition:all .40s ease; border-bottom:1px solid #dadada}
#gnb .gnb_inner{position:relative; width:1200px; height:70px; margin:0 auto; text-align:center}
#gnb .gnb_inner:after{content:''; display:block; clear:both}
#gnb .gnb_menu{display:inline-block; padding-left:150px; overflow:hidden}
#gnb .gnb_menu > li{position:relative; float:left; width:195px; text-align:center}
#gnb .gnb_menu > li > a{display:block; height:70px; padding-top:14px; font-size:20px; color:#303030; letter-spacing:-1px; font-weight:300; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box}
#gnb .gnb_menu > li > a span{display:inline-block; position:relative; padding:5px 0; line-height:165%}
#gnb .gnb_menu > li > a span:after
{
    content:''; position:absolute; width:0; height:3px; left:50%; top:-6px; transition:all .45s cubic-bezier(0.7, 0, 0.3, 1);
    background:#fff; background:-webkit-linear-gradient(110deg, #30a5d6, #726eaf, #d71a72); background:-moz-linear-gradient(110deg, #30a5d6, #726eaf, #d71a72); background:linear-gradient(110deg, #30a5d6, #726eaf, #d71a72)
}
#gnb .gnb_menu > li:hover > a span:after{width:100%; margin-left:-50%}
#gnb .gnb_menu > li:first-child .depth2:before{content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#ededed}


#gnb .depth2{display:none; position:relative; height:300px; padding:15px 10px; border-right:1px solid #ededed; box-sizing:border-box}

#gnb .depth2 > li > a{display:block; position:relative; padding:6px 0; padding-right:0; text-align:left; color:#707070; letter-spacing:-0.8px; font-size:16px; line-height:150%; transition:all .30s ease}
#gnb .depth2 > li > a span{font-weight:normal; letter-spacing:normal}
#gnb .depth2 > li > a:after
{
    content:''; position:absolute; left:-11px; top:0; width:1px; height:0; transition:all .30s ease;
    background:#fff; background:-webkit-linear-gradient(110deg, #30a5d6, #726eaf, #d71a72); background:-moz-linear-gradient(110deg, #30a5d6, #726eaf, #d71a72); background:linear-gradient(110deg, #30a5d6, #726eaf, #d71a72)
}
#gnb .depth2 > li:hover > a{color:#018de7}
#gnb .depth2 > li:hover > a:after{height:100%}

#gnb .gnb_menu > li:first-child .depth2 > li > a:after{left:-10px}


/* header 통합검색 */
.allsearch{position:relative; padding-top:70px;}
.allsearch_inner{position:relative; width:1200px; height:90px; margin:0 auto}

.allsearch .search{padding-top:20px}
.allsearch .search .search_area{position:relative; width:840px; border:1px solid #30a5d7}
.allsearch .search .search_area .search_int
{
    display:block; width:100%; height:50px; line-height:50px; margin:0; padding:0 50px 0 15px; border:0; text-align:left; font-size:18px; letter-spacing:-0.8px; color:#30a5d7;
    background:#fff; font-weight:normal; border-radius:0; box-sizing:border-box
}
.allsearch .search .search_area .search_int::-webkit-input-placeholder{color:#30a5d7}
.allsearch .search .search_area .search_int::-moz-placeholder{color:#30a5d7}
.allsearch .search .search_area .search_int:-ms-input-placeholder{color:#30a5d7}

.allsearch .search .search_area .search_btn{position:absolute; top:0; right:0}
.allsearch .search .search_area .search_btn button
{
    display:block; width:50px; height:50px; border:0; margin:0; padding:0; cursor:pointer; border-radius:0;
    background:#30a5d7 url("../images/common/allsch_btn.png") no-repeat 50% 50%; background-size:22px 22px;
}

.rank_keyword{position:absolute; right:0; top:20px; width:240px; height:52px}
.rank_keyword .keyword_top{height:52px; overflow:hidden}
.rank_keyword .keyword_top .keyword_list li a
{
    display:block; height:52px; line-height:52px; font-size:14px; color:#303030; letter-spacing:normal; padding:0 40px; padding-left:0;
    font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;
}
.rank_keyword .keyword_top .keyword_list li a strong{display:inline-block; width:20px; margin-right:8px; color:#30a5d7; text-align:center; font-size:14px; font-weight:300}
.rank_keyword .keyword_top .keyword_list li a:after{content:''; position:absolute; top:50%; right:15px; width:12px; height:7px; margin-top:-4px; background:url("../images/common/rank_keyword_arrow.png") no-repeat 50% 50%; background-size:12px 7px}

.rank_keyword .keyword_top10{display:none; position:absolute; right:0; top:100%; width:100%; background:#fff; border:1px solid #c0c8d7;  box-sizing:border-box; z-index:99999}
.rank_keyword .keyword_top10 .top10_inner{padding:15px}
.rank_keyword .keyword_top10 .tit{display:inline-block; line-height:150%; font-size:14px; color:#303030; font-weight:normal; letter-spacing:-0.8px; vertical-align:middle}
.rank_keyword .keyword_top10 .top10_list{margin-top:10px}
.rank_keyword .keyword_top10 .top10_list li{padding:3px}
.rank_keyword .keyword_top10 .top10_list li a{display:block; font-size:13px; letter-spacing:-0.8px; color:#505050; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rank_keyword .keyword_top10 .top10_list li a:hover{color:#30a5d7}
.rank_keyword .keyword_top10 .top10_list li a strong{display:inline-block; width:15px; text-align:left; font-size:12px; font-weight:300}

.rank_keyword:hover .keyword_top10{display:block}



/* container */
#mcontainer{position:relative}
#mcontainer:after{content:''; display:block; clear:both}
#scontainer{position:relative}
#scontainer:after{content:''; display:block; clear:both}


/* main contents */
#mcontents{position:relative; overflow:hidden}
#mcontents:after{content:''; display:block; clear:both}
#mcontents .mcontents_inner{position:relative; min-height:500px; box-sizing:border-box}
#mcontents .dev_contents{}


/* sub contents */
#scontents{position:relative}
#scontents:after{content:''; display:block; clear:both}
#scontents .scontents_inner{position:relative; min-height:600px; padding-bottom:80px; box-sizing:border-box}
#scontents .scontents_inner:after{content:''; display:block; clear:both}
#scontents .dev_contents{position:relative; padding:35px 0 0; box-sizing:border-box}

#scontents .scontents_inner.lnb{width:1200px; margin:0 auto; padding-left:240px}
#scontents .scontents_inner.lnb .section{width:auto}
#scontents .scontents_inner.lnb .page_tit{width:auto}

#scontents .scontents_inner.tsearch{padding-bottom:0}

#scontents .scontents_inner.split .dev_contents{position:relative}


/* lnb */
.lnb_normal{position:absolute; left:0; top:30px; width:200px}
.lnb_normal .lnb_tit{position:relative; height:135px; padding-top:35px; background:#5e749e url("../images/common/lnb_tit.png") no-repeat left bottom; box-sizing:border-box;}
.lnb_normal .lnb_tit .tit, .lnb_normal .lnb_tit .name{display:block; text-align:center; color:#fff; font-size:24px; line-height:135%; letter-spacing:-0.8px; font-weight:300}
.lnb_normal .lnb_tit .name{font-size:13px; margin-top:10px}
.lnb_normal .lnb_tit .name .agency{font-weight:normal}

.lnb_normal .lnb_nav li{position:relative; margin-top:-1px; transition:all .25s ease}
.lnb_normal .lnb_nav li a{display:block; padding:19px 25px 18px 15px; line-height:135%; font-size:15px; color:#303030; letter-spacing:-0.8px}
.lnb_normal .lnb_nav li:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#dadada}
.lnb_normal .lnb_nav li.active, .lnb_normal .lnb_nav li.active:before {background:#023668}
.lnb_normal .lnb_nav li.active:after{content:''; position:absolute; right:20px; top:50%; width:7px; height:12px; margin-top:-6px; background:url("../images/common/lnb_active.png") no-repeat 50% 50%; background-size:7px 12px}
.lnb_normal .lnb_nav li.active a {color:#fff}


/* current_tit */
.current_tit{position:relative; height:35px; background:#30a5d7; text-align:center; z-index:1; display:none}
.current_tit .tit{display:inline-block; line-height:35px; color:#fff; font-size:20px; font-weight:normal; letter-spacing:-1px}


/* current_location */
.current_location{position:relative; margin-top:-1px; min-height:50px; background:#f5f8ff; border-top:3px solid #30a5d7; border-bottom:1px solid #e7ebf5}
.current_location .location_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
.current_location .location_hero{position:relative; padding-left:62px}
.current_location .location_hero .home{display:block; position:absolute; top:0; left:0; width:60px; height:50px; border-left:1px solid #dadada; border-right:1px solid #ebebeb; background:url("../images/common/current_home.png") no-repeat 50% 50%; background-size:16px 14px}
.current_location .location_hero > ul:after {content:''; display:block; clear:both}
.current_location .location_hero > ul > li{position:relative; float:left; width:18%; height:50px; margin-left:0; box-sizing:border-box}
.current_location .location_hero > ul > li:before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#ebebeb}

.current_location .location_hero > ul > li .deth{display:block; padding:0 20px; height:50px; line-height:50px; letter-spacing:-0.8px; font-size:13px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.current_location .location_hero > ul > li span.deth{color:#505050}
.current_location .location_hero > ul > li button.deth{position:relative; width:100%; padding:0 20px; color:#505050; letter-spacing:-0.8px; border:0; border-radius:0; margin:0; background:none; cursor:pointer; box-sizing:border-box}
.current_location .location_hero > ul > li button.deth:after{content:''; position:absolute; right:20px; top:0; width:12px; height:50px; background:url("../images/common/current_deth.png") no-repeat 50% 50%; background-size:12px 7px; transform:rotate(0deg); transition:all .30s ease}
.current_location .location_hero > ul > li.active button.deth:after{transform:rotate(-180deg)}

.current_location .dynamic_depth{display:none; position:absolute; top:100%; left:0; width:100%; z-index:99}
.current_location .dynamic_depth .dynamic_list{background:#e6eef8; padding:10px 0; border:1px solid #c8d6e8}
.current_location .dynamic_depth .dynamic_list li{position:relative}
.current_location .dynamic_depth .dynamic_list li a{display:block; position:relative; line-height:150%; color:#5e749e; padding:3px 20px; font-size:13px; letter-spacing:-0.8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all .30s ease}
.current_location .dynamic_depth .dynamic_list li.on a{font-weight:300}

.current_location .dynamic_depth .dynamic_list li.on:before
{
    content:""; position:absolute; left:-9px; top:50%; width:0; height:2px; margin-top:-2px; background:#284a7e;
    -webkit-animation: current_active .30s ease .8s 1 forwards;
    -moz-animation: current_active .30s ease .8s 1 forwards;
    -o-animation: current_active .30s ease .8s 1 forwards;
    animation: current_active .30s ease .8s 1 forwards
}
@-webkit-keyframes current_active{0%{width:0} 100%{width:25px}}
@-moz-keyframes current_active{0%{width:0} 100%{width:25px}}
@-o-keyframes current_active{0%{width:0} 100%{width:25px}}
@keyframes current_active{0%{width:0} 100%{width:25px}}


.current_location .location{position:relative; padding-left:62px}
.current_location .location .home{display:block; position:absolute; top:-1px; left:0; width:60px; height:52px; background:#30a5d7 url("../images/common/current_home.png") no-repeat 50% 50%; background-size:16px 14px}
.current_location .location ul{padding:0 20px}
.current_location .location ul:after {content:''; display:block; clear:both}
.current_location .location ul li{position:relative; float:left; box-sizing:border-box;}
.current_location .location ul li .depth{display:block; position:relative; height:50px; margin-right:10px; padding-right:20px; line-height:50px; color:#707070; letter-spacing:-0.8px; font-size:13px; font-weight:normal; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.current_location .location ul li .depth:after{content:''; position:absolute; right:0; top:0; width:7px; height:50px; background:url("../images/common/current_location.png") no-repeat 50% 50%; background-size:7px 12px}
.current_location .location ul li:last-child .depth{color:#303030}
.current_location .location ul li:last-child .depth:after{display:none}


/* footer */
#footer{position:relative; background:#222325}
#footer:after{content:''; display:block; clear:both}
#footer .footer_link{position:relative; margin-bottom:25px; height:52px; border-bottom:1px solid #484848}
#footer .footer_link .link_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
#footer .footer_link .link_service:after{content:''; display:block; clear:both}
#footer .footer_link .link_service li{position:relative; float:left; padding:0 10px; box-sizing:border-box}
#footer .footer_link .link_service li:first-child{padding-left:0}
#footer .footer_link .link_service li a{display:inline-block; height:52px; line-height:52px; letter-spacing:-0.7px; font-size:13px; font-weight:normal; color:#fff}
#footer .footer_link .link_service li:first-child a{color:#97d0e8}

#footer .footer_link .admin_login{display:block; position:absolute; right:0; top:10px; width:44px; height:32px; line-height:32px; text-align:center; background:#484848; border-radius:50px;}
#footer .footer_link .admin_login:after{content:"\e966"; font-family:'xeicon'; font-size:20px; color:#aeaeae; font-weight:normal}


#footer .footer_inner{position:relative; width:1200px; margin:0 auto; padding-bottom:50px; box-sizing:border-box}

#footer .flogo{display:block; position:absolute; left:0; top:4px; width:201px; height:56px; background:url("../images/common/flogo.png") 50% 50% no-repeat; background-size:201px 56px}
#footer .fsns{position:absolute; right:0; top:4px; z-index:1}
#footer .fsns:after{content:''; display:block; clear:both}
#footer .fsns li{float:left; margin-left:-8px}
#footer .fsns li a{display:block; width:48px; height:48px; border-radius:50%; mix-blend-mode:multiply; transition:all .30s ease}
#footer .fsns li a.f_fb{background-color:rgba(24,119,242,1); background-image:url("../images/common/fsns_fb.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:10px 17px}
#footer .fsns li a.f_tt{background-color:rgba(78,196,251,1); background-image:url("../images/common/fsns_tt.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:21px 17px}
#footer .fsns li a.f_yt{background-color:rgba(228,3,46,1); background-image:url("../images/common/fsns_yt.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:21px 17px}

#footer .copy_info{margin-bottom:5px; color:#707070; letter-spacing:-0.5px; line-height:150%; font-size:13px}

#footer .addr_info{position:relative; margin-bottom:12px}
#footer .addr_info:after{content:''; display:block; clear:both}
#footer .addr_info li{margin-bottom:2px; color:#fff; letter-spacing:-0.5px; line-height:150%; font-size:13px; box-sizing:border-box}
#footer .addr_info li:last-child{margin-bottom:0}
#footer .addr_info li .tel_num{letter-spacing:normal}

#footer .cs_info{position:relative; margin-bottom:22px}
#footer .cs_info dl{margin-bottom:2px; overflow:hidden}
#footer .cs_info dl dt, #footer .cs_info dl dd{float:left; color:#707070; letter-spacing:-0.5px; line-height:150%; font-size:13px; box-sizing:border-box}
#footer .cs_info dl dd.tel{width:145px}
#footer .cs_info dl dd span{letter-spacing:normal}

#footer .footer_inner .copyright{color:#b0b0b0; line-height:150%; font-weight:normal; font-size:12px; letter-spacing:0.2px; text-transform:uppercase}


/* 퀵메뉴 */
.wing_side{position:fixed; bottom:20px; right:50%; margin-right:-670px; z-index:99999; transition:all .30s ease}
.wing_side .page_top
{
    display:block; position:relative; width:55px; height:42px; margin:0 auto; padding:0; border-radius:0; border:none; border-radius:100px; cursor:pointer; box-sizing:border-box;
    background:#2d9fd5 url("../images/common/page_top.png") 50% 50% no-repeat; background-size:12px 22px
}

/* error */
.error_wrap{position:relative}
.error_wrap .error_top{position:relative; width:100%; height:142px; background:#30a5d7}
.error_wrap .error_top .logo{display:block; position:relative; width:147px; height:50px; margin:0 auto; padding-top:70px}
.error_wrap .error_top .logo strong{display:block; width:147px; height:50px; background:#000; background-size:147px 50px}

.error_wrap .error_body{position:relative; width:1200px; margin:0 auto 25px; padding:93px 20px 50px; text-align:center; border-bottom:1px solid #dadada; box-sizing:border-box}
.error_wrap .error_body strong{display:block; font-size:26px; font-family:nsr; font-weight:300; letter-spacing:-2.2px; color:#303030; line-height:155%}
.error_wrap .error_body p{display:block; font-size:16px; letter-spacing:-1px; color:#707070; line-height:155%}