/***********************
레이아웃 스타일 시트
***********************/

body {background:url(../img/main_bg.jpg) center top no-repeat; background-size:cover; background-attachment:fixed; padding:70px 0 100px}
#wrap {position:relative; width:1280px; margin:0 auto}

/*상단예약버튼*/
#top_btn_wrap {position:absolute; right:46px; top:-13px; width:86px; height:138px; z-index:90; background:url(../img/top_btn_bg.png) center top no-repeat}
#top_btn_wrap a {}
#top_btn_wrap a img {position:absolute; top:42px; right:13px}

/*헤더영역*/
#header {position:relative; width:1280px; margin:0 auto; background:url(../img/header_bg.png) center top no-repeat}
#header .inner {}
#header #logo {width:273px; margin:0 auto; padding:40px 0}
#header #logo a {}
#header #logo a img {display:block; width:100%}
#header .nav_wrap {background:url(../img/header_bg2.png) center top no-repeat}
#header .nav_wrap > #nav {position:relative; display:table; table-layout:fixed; width:100%}
#header .nav_wrap > #nav:before {content:''; position:absolute; top:0; left:18px; display:block; border-top:1px dotted #d1d9e6; height:1px; width:97%; margin:0 auto}
#header .nav_wrap #nav > li {position:relative; display:table-cell; width:100%; text-align:center}
#header .nav_wrap #nav > li:before {content:''; width:2px; height:2px; background:#818181; display:inline-block; position:absolute; top:50%; left:0}
#header .nav_wrap #nav > li:first-child:before {content:''; background:none}
#header .nav_wrap #nav > li > a {position:relative; display:inline-block; width:100%; height:100%; padding:35px 0; font-size:19px; font-weight:500; color:#333333; transition:all .3s ease}
#header .nav_wrap #nav > li > a:hover {color:#144699}
#header .nav_wrap #nav > li > a:hover:before {content:''; position:absolute; top:-4px; left:50%; width:10px; height:10px; border-radius:50%; background:#144699; margin:0 auto; margin-left:-6px}
#header .nav_wrap #nav > li > a.active {color:#144699}
#header .nav_wrap #nav > li > a.active:before {content:''; position:absolute; top:-4px; left:50%; width:10px; height:10px; border-radius:50%; background:#144699; margin:0 auto; margin-left:-6px}
#header .nav_wrap #nav > li > a span.en {font-size:20px; font-weight:500; display:block}
#header .nav_wrap #nav > li > a span.ko {display:none; font-size:18px; font-weight:500}
#header .nav_wrap #nav > li > a.active.on span.en {display:none}
#header .nav_wrap #nav > li > a.active.on span.ko {display:block}
#header .nav_wrap #nav > li > a:hover span.en {display:none}
#header .nav_wrap #nav > li > a:hover span.ko {display:block}
#header #snb {position:absolute}

/*컨텐츠 영역*/
#content_wrap {}
#content_wrap .content {}
#content_wrap .content .inner {background:#fff}
#content_wrap .content .inner .title {position:relative; text-align:center; padding:100px 0 30px}
#content_wrap .content .inner .title:after {clear:both; content:''; display:block}
#content_wrap .content .inner .title h3 {position:relative; font-size:32px; font-weight:700; color:#333333; letter-spacing:1px; padding-bottom:15px}
#content_wrap .content .inner .title h3:before {content:''; position:absolute; top:-50px; left:50%; border:1px solid #d1d1d1; height:30px}
#content_wrap .content .inner .title h3:after {content:''; position:absolute; width:119px; height:85px; top:-20px; right:240px; background:url(../img/preview_bg.png) center top no-repeat}
#content_wrap .content .inner .title > span {font-size:16px; font-weight:500; color:#767676}

/*푸터영역*/
#footer {background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px}
#footer .inner {}
#footer .inner .top {display:table; table-layout:fixed; width:100%}
#footer .inner .top .foot_box {display:table-cell; width:33.333334%; padding:50px; vertical-align:top}
#footer .inner .top .foot_box .bottomLogo {position:relative}
#footer .inner .top .foot_box .pension_info {}
#footer .inner .top .foot_box .pension_info > p {font-size:16px; font-weight:700; color:#333333; line-height:2}
#footer .inner .top .foot_box .pension_info > p span.number {font-size:30px; font-weight:500; color:#6d7d91; padding-left:20px}
#footer .inner .top .foot_box .pension_info > p span.number span {font-size:16px; font-weight:700; color:#6d7d91}
#footer .inner .top .foot_box.foot_box3 .pension_info > p  {line-height:1.85}
#footer .inner .top .foot_box.foot_box3 .pension_info > p span.address {font-size:15px; font-weight:500; color:#555555}
#footer .inner .top .foot_box.foot_box1 .bottomLogo:after {content:''; position:absolute; top:50%; right:0; margin-top:-25px; border:1px solid #d9d9d9; height:50px}

#footer .inner .bottom {text-align:center; border-top:1px solid #ededed; padding:50px 0}
#footer .inner .bottom p {font-size:15px; font-weight:500; color:#555555}

/*탑버튼*/
.top_wrap {position:absolute; bottom:-30px; right:60px; z-index:2000}
#footer > .top_wrap {top:-30px}
.top_wrap a {display:inline-block; width:60px; height:60px; background:#63bb90; text-align:center}
.top_wrap a i {font-size:12px; color:#fff; margin:15px 0 0}
.top_wrap a span {display:block; font-size:15px; font-weight:500; color:#fff}

/*공통 영역*/
.inner {width:1280px; margin:0 auto}
span.gr {color:#63bb90}
span.or {color:#eb870e}
.ale_font {font-family:'Alegreya Sans'}
.ro_font {font-family:'Roboto'}