@charset "utf-8";

.main_container * {box-sizing: border-box;}
.clearfix:after {clear: both; content: ""; display: block;}

/** MAIN **/
.m_content {background: url(/images/19_eng/main/bg.jpg) center/cover;}

h3 {font-size: 18px; margin-bottom: 22px;}
/*div.rollbox {overflow: hidden;}*/
div.rollbox a>img {width: 100%;}
div.rollbox a>span {font-size: 16px; display: block; text-align: center; margin-top: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.roll {position: absolute;top: 20px;right: 20px;width: 46px;font-size: 0;z-index: 2;}
.roll a {background: url(/images/19_eng/main/roll.png) no-repeat; height: 0px; padding-top: 15px; overflow: hidden; display: inline-block;}
.roll a.prev {background-position: 0, 0; width: 9px;}
.roll a.next {background-position: -28px, 0; width: 9px; float: right;}
.roll a.pause {background-position: -22px, 0; width: 6px; margin-left: 11px;}
.roll a.play {background-position: -9px, 0; width: 13px; margin-left: 8px;}

.title {padding: 69px 26px 30px; text-align: center;}
.title p {color: #fff; margin-top: 19px;}

.sight {background: rgba(0,0,0,0.6);}
.sight .wrap>div {padding: 18px 20px; position: relative;}
.sight h3 {color: #fff;}
.sight .wrap .rollbox li {display: none; float: left;}
.sight .wrap .rollbox li.on {display: block!important;}
.sight .rollbox img {width: 100%;}
.sight .rollbox span {color: #fff; font-size: 16px; display: block; text-align: center; margin-top: 20px;}
.sight .roll {top: 20px; right: 20px; width: 46px;}

.recommend, .fest, .special {position: relative; padding: 20px;}
.recommend .rollbox img, .fest .rollbox img, .special .rollbox img {width: 100%;}
.fest li, .special li {visibility: hidden; float: left;}
.recommend li.on, .fest li.on, .special li.on {visibility: visible;}
.recommend {background: #ea7a20;}
.recommend h3 {color: #fff; letter-spacing: -1px;}
.recommend li {float: left;}
.recommend span {color: #fff;}

/*슬라이드*/
.recommend .caroufredsel_wrapper {height: 111%!important;}
.recommend .caroufredsel_wrapper ul {position: relative!important;}

.m_content>.wrap {background: #fff;}
.fest a span, .special a span {color: #494949;}
.fest .roll a, .special .roll a {background-image: url(/images/19_eng/main/roll2.png);}

.fest h3 {color: #3a5aa9;}
.special {border-top: 1px solid #b3b3b3;}
.special h3 {color: #379719;}

.greetings div {background: url(/images/19_eng/main/greetings_2022.png) no-repeat bottom right -8px #ebebeb; padding: 52px 20px 84px;}
.greetings a>span {margin: 0; text-align: left; color:#494949;}
.greetings span strong {font-size: 30px; font-weight: normal; display: block; letter-spacing: -1px; margin-bottom: 7px;}
.greetings ul li {float: left; width: 50%; background: #2e4792; padding: 15px 0; border: 1px solid #586ca8;}
.greetings ul li a {color: #fff; text-align: center; display: block;font-size: 16px; padding-top: 45px;}
.greetings ul li.hi a {background: url(/images/19_eng/main/history.gif) no-repeat center 0;}
.greetings ul li.lo a {background: url(/images/19_eng/main/location.gif) no-repeat center 0;}
.greetings ul li.sb a {background: url(/images/19_eng/main/symbol.gif) no-repeat center 0;}
.greetings ul li.in a {background: url(/images/19_eng/main/info.gif) no-repeat center 0;}

/* Tablet */
@media all and (min-width:768px) {
    .title {padding: 75px 0;}
    .box {width: 728px; margin:auto; margin-bottom: 40px;}
    .box>div {border-radius: 10px;}
    .sight {float: right; width: 354px;}
    .sight .wrap>div {padding-bottom: 27px;}
    .sight img {height: 197px;}
    .sight div span {margin-top: 27px;}
    .recommend {float: left; width: 354px;}
    
    .m_content>.wrap {width: 728px; margin: auto; border-radius: 10px; padding: 8px 0; border:1px solid #d1d1d1; margin-bottom: 40px;}
    .m_content>.wrap>div {width: 50%; float: left;}
    .fest {border-right: 1px solid #d1d1d1;}
    .special {border: none;}
    
    .greetings div, .greetings ul {float: left; width: 50%;}
    .greetings a>span {margin-left: 25px;}
    .greetings ul li {padding: 20.5px 0;}
}

/* Desktop */
@media all and (min-width:1024px) {
    .m_content {min-width: 1200px;}
    .title {padding: 53px 0 95px;}
    
    .box {position: relative; width: 1200px; height: 328px; margin: auto; margin-bottom: 57px;}
    .sight {position: absolute; left: 213px; width: 9999px;}
    .sight .wrap {margin-left: 222px;}
    .sight .wrap .clearfix {width: 795px; padding: 20px 0;}
    .sight .wrap .rollbox li {display: block; width: 375px; float: left; margin-left: 15px;}
    .sight .rollbox li.on {margin-left: 0;}
    .sight a span {margin-top: 20px;}
    .sight p.roll {right: 30px;}
    
    .recommend {position: absolute; top: -61px; width: 405px;}
    .box .recommend {padding: 20px 0 0;}
    .recommend h3 {margin-left: 20px;}
    .recommend .rollbox {height: 269px;}
    .recommend a img {border-radius: 0 0 10px 10px;}
    .recommend a span {position: absolute; display: block; background: #ea7a20; padding: 20px 12px;margin-top: 0; bottom: -28px;}
    
    .m_content>.wrap {background: none; width: 1200px; border: none; padding: 0; padding-bottom: 109px; margin-bottom: 0;}
    .m_content>.wrap>div {width: 390px;}
    .fest .rollbox, .special .rollbox {height: 312px;}
    .fest .roll a, .special .roll a {background-image: url(/images/19_eng/main/roll.png);}
    .fest h3, .fest a span, .special h3, .special a span {color: #fff;}
    .fest p.roll, .special p.roll {top: 23px; right: 15px;}
    
    .fest, .special {background: #3a5aa9; border: none; border-radius: 10px; padding: 23px 0;}
    .fest h3, .special h3 {margin-left: 15px;}
    .m_content>.wrap>div.special {float: right; background: #379719;}
    
    .m_content {position: relative; overflow-x: hidden;}
    .greetings {position: absolute; bottom: 59px; left: 50%; transform: translateX(-50%);}
    .greetings div, .greetings ul {float: none; width: 390px;}
    .greetings div {border-radius: 10px 10px 0 0;}
    .greetings a>span {margin-left:10px;}
    .greetings ul li.sb {border-radius: 0 0 0 10px;}
    .greetings ul li.in {border-radius: 0 0 10px 0;}
}

.gnb .lang {float: right;margin-right: 20px; width: auto;}
.lang li {border: none; display: inline-block;}
.lang li a {color: #fff;padding: 12px 16px;border-left: 1px solid rgba(255,255,255,0.2);height: 21px;}
.lang li.on a, .lang li:hover a {background: #2d2d2d; text-decoration: none; color: #fff;}
.menu a, .menu a:hover{font-weight:normal !important}
.menu>ul>li>a{font-size: 16px;}
.eng_head .menu>ul>li>a{font-size:15px}
.s_left h2{font-size:20px}
.s_con{padding-bottom:60px}
@media all and (min-width:768px) {
.eng_head .menu>ul>li{width:auto;float: none;display: inline-block;}
.eng_head .menu>ul>li>a{padding:24px 18px 0 18px;}
.depth_boxcon>ul>li{width:100%;margin:5px 0}
.depth_boxcon>ul>li:first-child{margin-top:30px}
.depth_boxcon>ul>li>a{font-size:16px}
}
@media all and (min-width:1024px) {
.menu{width:800px;margin-left: 100px;}
.eng_head .menu{width:900px;margin-left:0}
.eng_head .menu>ul>li>a{font-size:18px;padding-top: 35px;}
.depth_boxcon>ul>li:first-child{margin-top:0}
.eng_head .menu1 .depth_boxcon ul{margin-left:220px}
.eng_head .menu2 .depth_boxcon ul{margin-left:300px}
.eng_head .menu3 .depth_boxcon ul{margin-left:0px}
.eng_head .menu4 .depth_boxcon ul{margin-left:0px}
.menu1 .depth_boxcon ul{margin-left:300px}
.menu2 .depth_boxcon ul{margin-left:450px}
.menu3 .depth_boxcon ul{margin-left:0px}
.menu4 .depth_boxcon ul{margin-left:180px}
}
/*
.head {background: #fff; margin-top: 1px;}
.menu {display: none;}
.menu>ul>li {background: #0070b8;}
.menu ul ul {background: #fff;}
.menu li li a {padding-left: 20px; font-size: 14px;}
@media all and (min-width:768px) {
    .gnb .lang {margin-right: 45px;}
    .head {background: none;}
    .menu {display: block; width: auto;}
    .menu>ul {text-align: center; font-size: 0;}
    .menu>ul>li {width: auto; float: none; display: inline-block; background: none;}
    .menu>ul>li:first-child {margin-left: 0;}
    .menu>ul>li>a {padding: 24px 15px 0; font-size: 18px; letter-spacing: -1.4px; }
    .menu>ul>li>a:hover {color: #0070b8;}
    .menu>ul>li:first-child>a {padding-left: 0;}
    .sub_menu {display: none;}
    .menu>ul>li:hover .sub_menu {display: block;}
    .menu ul ul {position: absolute; width: 100%; left: 0; background: #0071b9; text-align: left;}
    .menu li li {border: none; display: inline-block;}
    .menu li li a {padding: 15px; color: #fff;}
    .menu li li a:hover {font-weight: bold; text-decoration: underline;}
}
@media all and (min-width:1024px) {
    .head {width: 1200px;}
    .menu {margin-top: 1px; margin-left: 53px;}
    .menu>ul>li>a {padding-top: 33px; font-size: 20px; }
}
                                                                                                                                                
*/

footer {padding: 24px 20px; background: #fbfbfb; position: relative; border-top: 1px solid #e5e5e5;}
footer div div {margin-bottom: 40px;}
footer ul {color: #464646; letter-spacing: -0.9px;}
footer li {padding-bottom: 8px;}
footer li span {margin-left: 30px;}
address {font-style: normal;}
small {font-size: 14px;}
footer .gotop {display:block;background:url("/images/common/cmd_ico.png") no-repeat center -187px #fff;width:48px;height:0;padding:48px 0 0 0;overflow:hidden;border:1px solid #ddd;position:absolute;top:24px;right:0;}
@media all and (min-width:768px) {
    footer {padding: 20px 30px;}
    footer .wrap {position: relative;}
    footer div div {margin-bottom: 30px;}
    footer ul {letter-spacing: normal;}
    footer .gotop {top: 20px; right: 30px;}
}
@media all and (min-width:1024px) {
    footer {padding: 32px 0;}
    footer .wrap {width: 1200px; margin: auto;}
    footer div div {float: left;}
    footer ul {float: left; margin-left: 44px;}
    footer .gotop {top: 0px; right: 0px;}
}