span.icon {display:inline-block; background-image:url('/img/layout/icon.png'); background-repeat:no-repeat; background-position:50% 100px;}

.container {max-width:1200px; margin:0 auto; *zoom:1;}
.container:after {content:""; clear:both; display:block;}

.container.full {max-width:100%;}

.BGFix {position:relative; overflow-x:hidden; overflow-y:hidden; top:0; left:0; bottom:0; right:0; z-index:2;}

#TopBanner {height:130px; text-align:center; background-color:#2863f7; overflow:hidden;}
#TopBanner .img_mo {display:none;}

#TopBanner .swiper-slide.top01 {background-color:#32b16c;}
#TopBanner .swiper-slide.top02 {background-color:#00c5c4;}
#TopBanner .swiper-slide.top03 {background-color:#505cfe;}
#TopBanner .swiper-slide.top04 {background-color:#dcd9ec;}
#TopBanner .swiper-slide.top05 {background-color:#aaa0e5;}
#TopBanner .swiper-slide.top06 {background-color:#f0e5eb;}
#TopBanner .swiper-slide.top07 {background-color:#30befe;}
#TopBanner .swiper-slide.top08 {background-color:#cae5ff;}

header {height:104px; margin-top:45px;}

#HNB {float:left; height:104px; width:250px;}

.logo {display:inline-block; width:100%; padding:37px 0 0 10px;}
.logo .icon {display:inline-block; float:left; width:50px; height:50px; background-image:url('/img/icon/layout.png?v=3'); background-repeat:no-repeat; background-position:-2px -9px;}
.logo .name {display:block; font-family: 'SCDream6'; font-weight: 700; font-size:17.6px; color:#020202; letter-spacing:-2px; line-height:1.1; padding-top:2px; word-break: keep-all;}
.logo .name_eng {display:block; font-family: 'SCDream6'; font-weight: 700; font-size:11px; color:#7b7b7b;}

#CallInfo {float:right; height:104px; width:200px;}

#CallInfo a {display:inline-block; width:100%; padding:27px 10px;}
#CallInfo a .icon {display:inline-block; float:left; width:50px; height:50px; background-image:url('/img/icon/layout.png?v=3'); background-repeat:no-repeat; background-position:-93px 9px;}
#CallInfo a .txt {display:block; font-family: 'SCDream6'; font-weight: 700; font-size:11px; color:#ed1f41; letter-spacing:-1px; line-height:1; margin-top:10px;}
#CallInfo a .tel {display:block; font-family: 'Gotham-Bold'; font-weight: 700; font-size:24px; color:#ed1f41; letter-spacing:-1px;}

#GNBToggle {}







nav { transition: 0.25s; position:relative;}
nav h2 {display:none;}


#MNB {position:absolute; width:100%; top:-149px; height:45px; background-color:#f4f4f4; border-bottom:1px solid #e6e6e6;}
#MNB ul {float:right; padding:0 30px;}
#MNB ul li {float:left;}
#MNB ul li a {font-weight: 700; font-size:12px; color:#696969; height:45px; line-height:45px; padding:0 11px;}

#GNB {position:absolute; top:-104px; left:50%; margin-left:-390px;}
#GNB > ul {width:780px;}
#GNB > ul > li {float:left; width:20%; text-align:center; position:relative;}
#GNB > ul > li > a {padding:0 10px; font-weight: 500; font-size:18px; color:#020202; width:100%; height:104px; line-height:104px; display: inline-block;}
#GNB > ul > li:hover > a {color:#ffffff; background-color:#ed1f41;}

#GNB > ul > li > ul {position:absolute; display:none; width:100%; height:200px; background-color: rgba( 0, 0, 0, 0.89 ); padding:10px 0 20px 0; z-index:3;}
#GNB > ul:hover > li > ul {display:block;}
#GNB > ul > li > ul > li {line-height:32px;}
#GNB > ul > li > ul > li > a {font-size:15px; color:#707070;}
#GNB > ul > li:hover > ul > li > a {color:#cccccc;}
#GNB > ul > li > ul > li > a:hover {color:#db241b;}

#GNBBg {position:fixed; display:none; top:0; right:0; bottom:0; left:0; z-index:5; background:rgba(0,0,0,0); transition: 0.4s;}
#GNBBg.on {display:block; background:rgba(0,0,0,.65);}

#LNB {}




aside {}


#SNB div.naver {position:fixed; width:90px; left:0px; bottom:30px; transition: 0.4s; z-index:6;}

#SNB div.naver span.icon {width:45px; height:45px; background-image:url('/img/icon/aside.png?v=6'); background-position:-100px -200px; float:right; position:absolute; top:-22px; left:22px;}

#SNB div.naver ul {transition: 0.4s;}
#SNB div.naver ul li {background-color:#f4f4f4; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:12px; color:#5b5b5b; clear:both; height:35px; padding:5px 0px; text-align:center;}
#SNB div.naver ul li:first-child {border-top:1px solid #e6e6e6; height:45px; line-height:40px;}
#SNB div.naver ul li a {color:#545454; font-size:11px; font-weight:700;}
#SNB div.naver ul li a:hover {color:#232323;}

#SNB div.link {position:fixed; width:90px; left:0px; bottom:320px; transition: 0.4s; z-index:6;}

#SNB div.link span.icon {width:45px; height:45px; background-image:url('/img/icon/aside.png?v=5'); background-position:-50px -200px; float:right; position:absolute; top:-22px; left:22px;}

#SNB div.link ul {transition: 0.4s;}
#SNB div.link ul li {background-color:#f4f4f4; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:12px; color:#5b5b5b; clear:both; height:35px; padding:5px 0px; text-align:center;}
#SNB div.link ul li:first-child {border-top:1px solid #e6e6e6; height:45px; line-height:40px;}
#SNB div.link ul li a {color:#545454; font-size:11px; font-weight:700;}
#SNB div.link ul li a:hover {color:#232323;}


#SNB div.left {position:fixed; width:148px; left:-83px; bottom:30px; transition: 0.4s; z-index:6;}
#SNB div.left:hover {left:0;}

#SNB div.left ul {transition: 0.4s;}
#SNB div.left ul li {background-color:#f4f4f4; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:12px; color:#5b5b5b; clear:both; height:65px; padding:10px; text-align:right;}
#SNB div.left ul li:first-child {border-top:1px solid #e6e6e6;}
#SNB div.left ul li span.icon {width:45px; height:45px; background-image:url('/img/icon/aside.png?v=3'); background-position:0 0; float:right; margin-left:8px;}

#SNB div.left ul li b {font-size:14px; color:#272727; display:block; padding-top:2px;}
#SNB div.left ul li a {color:#5b5b5b;}

#SNB div.left ul li.weather span.icon {background-position:0 0;}
#SNB div.left ul li.today span.icon {background-position:0 -100px;}

#SNB div.left ul li span.icon.s2 {background-position:-50px -100px;}

#SNB div.left ul li span.icon.w11 {background-position:0 0;}
#SNB div.left ul li span.icon.w13 {background-position:-50px 0;}
#SNB div.left ul li span.icon.w14 {background-position:-100px 0;}
#SNB div.left ul li span.icon.w12 {background-position:-50px 0;}

#SNB div.left ul li span.icon.w21 {background-position:-150px 0;}
#SNB div.left ul li span.icon.w22 {background-position:-200px 0;}
#SNB div.left ul li span.icon.w23 {background-position:-250px 0;}
#SNB div.left ul li span.icon.w24 {background-position:-300px 0;}
#SNB div.left ul li span.icon.w25 {background-position:-350px 0;}
#SNB div.left ul li span.icon.w26 {background-position:-200px 0;}
#SNB div.left ul li span.icon.w27 {background-position:-250px 0;}

#SNB div.right {position:fixed; width:148px; right:-83px; bottom:30px; transition: 0.4s; z-index:6;}
#SNB div.right:hover {right:0;}

#SNB div.right ul {transition: 0.4s;}
#SNB div.right ul li {background-color:#f4f4f4; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:12px; color:#5b5b5b; clear:both; height:65px; padding:10px;}
#SNB div.right ul li:first-child {border-top:1px solid #e6e6e6;}
#SNB div.right ul li span.icon {width:45px; height:45px; background-image:url('/img/icon/aside.png?v=3'); background-position:0 0; float:left; margin-right:8px;}
#SNB div.right ul li b {font-size:14px; color:#272727; display:block; padding-top:2px;}
#SNB div.right ul li a {color:#5b5b5b;}

#SNB div.right ul li.navi {display:none;}

#SNB div.right ul li.chat span.icon {background-position:0 -150px;}
#SNB div.right ul li.map span.icon {background-position:-50px -150px;}
#SNB div.right ul li.navi span.icon {background-position:-100px -150px;}
#SNB div.right ul li.book span.icon {background-position:0 -200px;}

aside span.toggle {display:none;}

#MobileBottom {position:fixed; width:100%; bottom:0; background-color:#ffffff; height:50px; border-top:1px solid #d6d6d6; z-index:1; display:none;}
#MobileBottom ul {width:100%;}
#MobileBottom ul li {width:25%; float:left; height:50px; text-align:center; overflow:hidden;}
#MobileBottom ul li span {display:inline-block; width:50px; height:50px; background-image:url('/img/layout/mobile.png'); background-repeat:no-repeat; background-position:50% 0; background-size:50px;}
#MobileBottom ul li:nth-child(2) span {background-position:50% -50px;}
#MobileBottom ul li:nth-child(3) span {background-position:50% -100px;}
#MobileBottom ul li:nth-child(4) span {background-position:50% -150px;}
#MobileBottom ul li p {text-indent:-9999px;}






footer {background-color:#46494c; margin-top:30px;}

#FNB {height:46px; background-color:#313335;}
#FNB ul {text-align:center;}
#FNB ul li {display:inline-block;}
#FNB ul li a {color:#ffffff; height:46px; padding:0 16px; line-height:46px; font-size:14px;}

#BottomLogo {float:left; height:104px; width:250px; padding-top:3px;}
#BottomLogo .logo .icon {background-position:-52px -9px;}
#BottomLogo .logo .name {color:#ffffff;}
#BottomLogo .logo .name_eng {color:#ffffff;}

#Copyright {float:left; padding-top:15px;}

#Copyright ul {clear:both; margin-left:5px;}
#Copyright ul li {float:left; margin-right:7px; line-height:17px;}
#Copyright ul li:after{content:' | '; font-size:12px; font-weight:100; color:#898989;}
#Copyright ul li:last-child:after{content:''; }
#Copyright ul li span {margin-right:3px; font-size:12px; color:#898989;}

#Copyright p {clear:both; font-size:11px; margin-left:5px; padding:10px 0; color:#a1a1a1;}

footer span.haneuln {float:right; font-size:11px; color:#a1a1a1; padding:15px;}
footer span.haneuln a {color:#ffffff;}

section {}

#SubVisual {background-size:cover; height:250px; line-height:250px; text-align:center; color:#ffffff;}

#LNB {height:170px;}
#LNB h2 {font-weight: 500; font-size:32px; color:#333333; letter-spacing:-3px; border-bottom:1px solid #dedede; text-align:center; height:80px; }
#LNB h2 span {display:inline-block; border-bottom:4px solid #ed1f41; padding:0 45px;  height:82px;  line-height:82px;}
#LNB ul {display: table; margin:0 auto;}
#LNB ul li {float:left;}
#LNB ul li a {display:inline-block; padding:0 20px; height:90px; line-height:90px; color:#333333; font-size:19px; font-family: 'NanumSquare'; font-weight: 700;}
#LNB ul li a:hover {color:#ed1f41;}
#LNB ul li.on a {color:#ed1f41; font-weight: 800;}


@media only screen and (max-width: 1281px){

/*
#GNB {margin-left:-262px;}
#GNB > ul {width:524px;}

}

@media only screen and (max-width: 1024px){
*/

#TopBanner {height:auto;}
#TopBanner .img_pc {display:none;}
#TopBanner .img_mo {display:block; width:100%;}

header {position:relative; margin-top:0; height:64px;}

#HNB {height:64px; width:calc(100% - 64px);}

.logo {display:inline-block; width:100%; padding:17px 0 0 10px;}

#CallInfo {display:none;}

#GNBToggle {width:60px; height:60px; float:left; padding:15px;}
#GNBToggle div {width:100%; height: 4px; margin: 5px 0; transition: 0.4s; background-color:#ed1f41;}
#GNBToggle div:first-child {height: 4px;}
#GNBToggle div:last-child {height: 4px;}

nav {position:fixed; clear:both; left:auto; top:0px; right:0px; width:100%; height:100%; transform: translate3d(100%, 0px, 0px); z-index:9; background-color:#ffffff; overflow:auto;}
nav.on {transform: translate3d(0px, 0px, 0px); border-bottom:0px solid #dadada;}
nav h2 {display:block; background-color:#00abe5; height:64px; line-height:60px; text-align:center; color:#ffffff; font-size:18px; background-image:url("/img/layout/mobile.png?v=2"); background-repeat:no-repeat; background-position:0 -413px;}

#MNB {position:relative; width:100%; height:auto; background-color:#ffffff; border-bottom:0px solid #ffffff;  top:0;}
#MNB ul {display: table; margin:0 auto; clear:both; float:none; padding:25px;}
#MNB ul li {float:left; text-align:center; padding:0 5px;}
#MNB ul li span.icon {display:inline-block; width:60px; height:60px; border:1px solid #d4d4d4; border-radius:30px;}
#MNB ul li span.txt {display:block; padding:5px 0;}
#MNB ul li a {display:block; color:#696969; line-height:1; height:auto; padding:0 0;}

#GNB {width:100%; display:inline-block; clear:both; padding:0px 20px; position:relative; top:0; left:0; margin-left:0;}
#GNB > ul {width:100%; border-top:2px solid #808080;}
#GNB > ul > li {float:left; width:100%; text-align:left; border-bottom:1px solid #dedede;}
#GNB > ul > li > a {width:100%; padding:0 20px; font-size:20px; color:#090909; height:58px; line-height:54px; background-image:url("/img/layout/mobile.png?v=2"); background-repeat:no-repeat; background-position:100% -513px;transition: 0.25s;}
#GNB > ul > li:hover > a {color:#ed1f41; border-bottom:0px solid #54bbbc; background-color:#ffffff;}
#GNB > ul > li > a:hover {color:#ed1f41;}
#GNB > ul > li > a.on {color:#ed1f41; background-image:url("/img/layout/mobile.png?v=2"); background-repeat:no-repeat; background-position:100% -613px;}
#GNB > ul > li > a.off {color:#090909;}
#GNB > ul > li:hover > ul {display:none;}
#GNB > ul > li > ul {position:relative; border-top:1px solid #dedede; height:auto; background-color: rgba( 0, 0, 0, 0 );}
#GNB > ul > li > ul > li {padding:0 20px;}
#GNB > ul > li > ul > li > a {color:#626262; font-size:18px; line-height:35px;}
#GNB > ul:hover > li > ul {display:none;}
#GNB > ul > li:hover > ul > li > a {color:#626262;}

#SNB div.naver {left:-100px; bottom:10px;}
#SNB div.naver.on {left:101px;}

#SNB div.link {left:-100px; bottom:10px;}
#SNB div.link.on {left:10px;}

#SNB div.left {bottom:70px; left:-148px;}
#SNB div.left ul li {background-color: rgba( 255, 255, 255, 0 ); border-bottom:0px solid #e6e6e6; border-right:0px solid #e6e6e6; color:rgba( 255, 255, 255, 0 ); text-align:left; transition: 0.8s;}
#SNB div.left ul li:first-child {border-top:0px solid #e6e6e6;}
#SNB div.left ul li span.icon {float:left; margin-left:0; margin-right:28px; transition: 0.4s;}
#SNB div.left ul li b {color:rgba( 255, 255, 255, 0 ); transition: 0.4s;}
#SNB div.left ul li a {color:rgba( 255, 255, 255, 0 ); transition: 0.8s;}

#SNB div.left.on {left:0;}
#SNB div.left.on ul li {color:#ffffff;}
#SNB div.left.on ul li span.icon {float:left; margin-right:8px;}
#SNB div.left.on ul li b {color:#ffffff;}
#SNB div.left.on ul li a {color:#ffffff;}

#SNB div.right {bottom:70px; right:-148px;}
#SNB div.right ul li {background-color: rgba( 255, 255, 255, 0 ); border-bottom:0px solid #e6e6e6; border-left:0px solid #e6e6e6; color:rgba( 255, 255, 255, 0 ); text-align:right; transition: 0.8s;}
#SNB div.right ul li:first-child {border-top:0px solid #e6e6e6;}
#SNB div.right ul li span.icon {float:right; margin-right:0; margin-left:28px; transition: 0.4s;}
#SNB div.right ul li b {color:rgba( 255, 255, 255, 0 ); transition: 0.4s;}
#SNB div.right ul li a {color:rgba( 255, 255, 255, 0 ); transition: 0.8s;}

#SNB div.right ul li.navi {display:block;}

#SNB div.right.on {right:0;}
#SNB div.right.on ul li {color:#ffffff;}
#SNB div.right.on ul li span.icon {float:right; margin-left:8px;}
#SNB div.right.on ul li b {color:#ffffff;}
#SNB div.right.on ul li a {color:#ffffff;}

aside span.toggle {position:fixed; right:8px; bottom:5px; z-index:6; display:inline-block; width:49px; height:49px; background-color:#ed1f41; border-radius:25px; background-image:url('/img/icon/layout.png?v=6'); background-position:-2px -52px; border:1px solid #e6e6e6; transition: 0.2s;}
aside span.toggle.on {background-position:-52px -52px; background-color:#f4f4f4;}

#SubVisual {height:100px; line-height:100px;}


#LNB {height:85px;}
#LNB h2 {font-size:20px; height:40px; margin-top:10px;}
#LNB h2 span {padding:0 35px;  height:42px;  line-height:42px;}
#LNB ul li a {padding:0 10px; height:45px; line-height:45px; font-size:15px;}

#BottomLogo {height:auto;}
#Copyright {padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:60px;}

footer .container {position:relative;}
footer span.haneuln {position:absolute; top:15px; right:0px;}

}