@charset "euc-kr";

/* jsk */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote, button, mark, textarea, select, em ,strong, p,
span, header, section, article, footer, hgroup, aside, nav, figure, address, a, dt, dd, ul, ol, li, td, th, input  {}

button {outline:1;}
.newsletter_GNB button, 
.newsletter_GNB button:focus, 
.newsletter_GNB button:active{padding:0;}
.newsletter_GNB img {position:relative;}

#renewNewsletter{position:relative;width:100%;overflow:hidden;}
.newsletter_box{position:relative; z-index:100; width:100%;}
.newsletter_top {width:1200px; margin:0 auto;}	
.newsMain {overflow:hidden; position:relative; width:1200px; height:810px; margin:0 auto;}
.newsMain:after {display:block; content:""; clear:both;}
#snsArea {width:1200px; margin:0 auto; background:#f9f5f2;}
img {vertical-align:top;}
/* gnb */
.newsletter_top {background:#6a5b4f;}
.newsletter_top:after {display:block; content:""; clear:both;}
.newsletter_GNB {position:relative; float:left; width:88px;}
.newsletter_GNB .menu {width:88px; height:60px;}
.newsletterMenu {display:none; position:absolute; left:0; top:60px; z-index:100; width:1200px; height:810px; padding:20px; background:#dfd2c8; box-sizing:border-box;}
.newsletterInner {height:770px; padding-top:120px; padding-left:50px; background:#fff; box-sizing:border-box;}
.newsletter_tit {float:left; width:222px; height:60px;}
.gnbTitle > strong {display:block; padding-left:30px; font-weight:bold; color:#332821; font-size:35px; letter-spacing:-1px;}
.gnbTitle strong > img {vertical-align:top;}
.gnbList {height:365px; margin-top:53px;}
.gnbList strong > img {vertical-align:top;}
.depOne:after {display:block; content:""; clear:both;}
.depOne > li {float:left; height:365px; padding-left:30px; border-left:1px solid #d6d5d1; box-sizing:border-box;}
.depOne > li:first-child {border-left:0;}
.depOne .listOne {width:277px;}
.depOne .listTwo {width:262px;}
.depOne .listThree {width:366px;}
.depOne > li > strong {display:inline-block; height:24px; font-weight:bold; color:#332821; font-size:25px; letter-spacing:-1px;}
.depTwo {margin-top:44px;}
.depTwo > li {margin-top:44px;}
.depTwo > li:first-child {margin-top:0;}
.depTwo > li > strong {display:inline-block; height:16px; font-weight:bold; color:#b57300; font-size:17px; letter-spacing:-1px;}
.depTwo > li > a {display:block; margin-top:8px; color:#332821; font-size:20px; letter-spacing:-1px; line-height:25px;}
.depTwo > li > a:hover, .depTwo > li > a:focus {color:#dc6800;}
.depTwo > li .eng {color:#332821; font-size:20px; letter-spacing:-1.5px;}
.depThree li {}
.depThree li:first-child {margin-top:5px;}
.depThree > li > a {display:block; font-weight:500; color:#332821; font-size:20px; letter-spacing:-1px; line-height:32px;}
.depThree > li > a:hover, .depThree > li > a:focus {color:#dc6800;}
.gnbSide {position:absolute; right:100px; top:239px;}
.gnbSide li {margin-top:2px;}
.snsList {position:absolute; bottom:143px; right:99px; width:auto; height:16px;}
.snsList strong {font-size:16px; color:#332821;}
.snsList strong img {vertical-align:top;}
.snsList ul {display:inline-block;}
.snsList ul:after {display:block; content:""; clear:both;}
.snsList li {float:left; width:16px; height:16px; margin-left:30px;}
.snsList li:first-child {margin-left:42px;}
.snsList li img {vertical-align:top;}
.btnClose {position:absolute; right:20px; top:20px;}

.viewLast {float:right; width:216px; height:60px;}
.viewLastMenu {display:none; position:relative; z-index:1000; width:200px; margin-left:14px; padding:3px 0; border:1px solid #6a5b4f; border-top:0; background:#fff;}
.viewLastMenu li {height:35px; text-align:center;}
.viewLastMenu li a {display:block; background:#fff; font-weight:350; color:#332820; font-size:15px; line-height:35px;}
.viewLastMenu li a:hover, .viewLastMenu li a:focus {background:#dfd2c8; color:#281303;}

.menuList {display:none;}
/* left menu */
.newsMainLeft {position:absolute; left:0; top:0; width:330px; height:810px; padding:42px 20px 20px 20px; background:#ffe240; box-sizing:border-box;}
.newsLeftTitle {margin-left:10px;}
.newsLeftTitle .titleText {margin-top:15px; font-size:16px; color:#4a3f36; letter-spacing:-1px; font-weight:500; line-height:25px;}
.newsLeftRolling {min-height:243px; margin-top:29px; margin-left:5px; padding-top:31px; box-sizing:border-box;}
.newsLeftRolling li {margin-top:17px; text-align:center;}
.newsLeftRolling li:first-child {margin-top:0;}
.newsLeftRolling li a {display:block; font-size:32px; font-weight:300; color:#3c2f25; letter-spacing:-1px; line-height:46px;}
.newsItemLink {height:190px;}
.newsItemLink .itemOne {margin-top:16px; margin-left:13px;}
.newsItemLink .itemOne li {text-align:center;}
.newsItemLink .itemOne li a {display:block;}
.newsItemLink .itemTwo {margin-top:17px;}
.newsItemLink .itemTwo:after {display:block; content:""; clear:both;}
.newsItemLink .itemTwo li {float:left; width:145px;}
.newsItemLink .itemTwo li a {display:block;}
.newsItemLink .itemTwo li a img {width:100%;}

/* 190709 Ãß°¡ : S */
.newsItemLink.type_itemTwo{margin-bottom:17px;}
.newsItemLink.type_itemTwo .itemTwo{overflow:hidden; margin:0;}
.newsItemLink.type_itemTwo .itemTwo li.bnr1{float:left; width:165px;}
.newsItemLink.type_itemTwo .itemTwo li.bnr2{float:right; width:110px;}
/* 190709 Ãß°¡ : E */


.newsInfoList {height:130px; padding:0 10px; background:#fff; border:1px solid #fff; border-radius:8px; text-align:center;}
.newsInfoList ul:after {display:block; content:""; clear:both;}
.newsInfoList li.infoItem01 {float:left; width:87px; padding-top:27px;}
.newsInfoList li.infoItem02 {float:left; width:86px; margin-left:4px; padding-top:33px;}
.newsInfoList li.infoItem03 {float:left; width:87px; margin-left:4px; padding-top:27px;}
.newsInfoList li a {display:block;}
/* right menu */
.newsMainContents {position:absolute; left:330px; top:0; width:870px;}
.newsMainContents > div {height:810px; box-sizing:border-box;}
.newsMainContents .newsItem01 {position:relative; width:870px; background:url(../img/bg_news01.png) no-repeat 0 0;}
.newsMainContents .newsItem01 .secondTitle {}
.newsMainContents .newsItem01 .newsTitle {color:#005ebf;}
.newsMainContents .newsItem01 .newsViewMore {position:absolute; left:50px; top:268px;}
.newsMainContents .newsItem01 .newsTip {position:absolute; left:26px; top:438px;}
.newsMainContents .newsItem02 {position:relative; width:870px; background:url(../img/bg_news02.png) no-repeat 0 0;}
.newsMainContents .newsItem02 .newsTitle {color:#05979c;}
.newsMainContents .newsItem02 .newsViewMore {position:absolute; left:50px; top:268px;}
.newsMainContents .newsItem03 {position:relative; width:540px; background:url(../img/bg_news03.png) no-repeat 0 0;}
.newsMainContents .newsItem03 .newsTitle {color:#1d7308;}
.newsMainContents .newsItem03 .newsViewMore {position:absolute; left:50px; top:333px;}
.newsMainContents .newsItem03 .newsMainItem .newsDesc {margin-top:24px;}
.newsMainContents .newsMainItem {padding:66px 0 0 50px;}
.newsMainContents .newsMainItem .secondTitle {opacity:0; filter:Alpha(opacity=0); -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; color:#4c312e; letter-spacing:-0.5px; font-size:26px; font-weight:500; font-family:"KBFG Display",sans-serif;}
.newsMainContents .on .newsMainItem .secondTitle {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform:translateX(0); transform:translateX(0);}
.newsMainContents .newsMainItem .newsViewMore {opacity:0; filter:Alpha(opacity=0); -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;}
.newsMainContents .on .newsMainItem .newsViewMore {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform:translateX(0); transform:translateX(0);}
.newsMainContents .newsMainItem .newsTitle {opacity:0; filter:Alpha(opacity=0); -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; display:block; margin-top:5px; margin-left:4px; font-family:"KBFG Display",sans-serif; font-size:58px; font-weight:bold;}
.newsMainContents .on .newsMainItem .newsTitle {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform:translateX(0); transform:translateX(0);}
.newsMainContents .newsMainItem .newsDesc {opacity:0; filter:Alpha(opacity=0); -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: opacity 0.6s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 0.6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; margin-top:6px; color:#5b3f3c; letter-spacing:-0.5px; font-size:18px; font-weight:500; line-height:28px;}
.newsMainContents .on .newsMainItem .newsDesc {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform:translateX(0); transform:translateX(0);}
.newsMainRightArea {position:absolute; top:0; left:540px; width:330px; height:810px;}
.newsMainRightArea > div {overflow:hidden;}
.newsMainRightArea a img {display:block; transform:scale3d(1, 1, 1);transition:transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.newsMainRightArea a:hover img {transform:scale3d(1.1, 1.1, 1)}
.newsMainRightTop {position:relative;}
.newsMainRightBtm {position:relative;}
.newsMainRightText {position:absolute; left:50%; bottom:20px; width:100%; margin-left:-165px; text-align:center;}
.newsMainRightTop .newsMainRightText span {display:block; font-size:19px; color:#fff; line-height:30px; letter-spacing:-0.5px; font-weight:500;}
.newsMainRightTop .newsMainRightText strong {display:block; font-size:24px; color:#fff; font-weight:bold; letter-spacing:-1px;}
.newsMainRightBtm .newsMainRightText span {display:block; font-size:19px; color:#382f28; line-height:30px; letter-spacing:-0.5px; font-weight:500;}
.newsMainRightBtm .newsMainRightText strong {display:block; font-size:24px; color:#662c05; font-weight:bold; letter-spacing:-1px;}
.newsMainRightArea > div .rightText {display:block; position:absolute; left:0; bottom:26px; width:100%; text-align:center;}

.rollArea {position:absolute; right:20px; top:360px; width:30px; text-align:center;}
.rollArea a {display:inline-block; width:20px; height:20px; margin-top:2px; background:url(../img/img_roll_off.png) no-repeat 50% 50%;}
.rollArea a:first-child {margin-top:0;}
.rollArea a.on {background:url(../img/img_roll_on.png) no-repeat 50% 50%;}
.rollArea a.play {background:url(../img/img_roll_play.png) no-repeat 50% 50%;}
.rollArea a.play.pause {background:url(../img/img_roll_pause.png) no-repeat 50% 50%;}

.goText {position:absolute; left:-9999px; top:-9999px;}

#snsArea {position:relative; z-index:100;}
#snsArea ul {text-align:center;}
#snsArea ul:after {display:block; content:""; clear:both;}
#snsArea li {display:inline-block; margin-left:64px;}
#snsArea li:first-child {margin-left:0;}
#snsArea li a {display:block; height:80px; padding-left:25px; font-size:16px; color:#695b50; letter-spacing:-0.5px; font-weight:bold; line-height:80px;}
#snsArea .snsTw a {background:url(../img/img_icon_t.png) no-repeat 0 31px;}
#snsArea .snsTw a:hover, #snsArea .snsTw a.on {background:url(../img/img_icon_t_on.png) no-repeat 0 31px;}
#snsArea .snsFb a {background:url(../img/img_icon_f.png) no-repeat 0 31px;}
#snsArea .snsFb a:hover, #snsArea .snsFb a.on {background:url(../img/img_icon_f_on.png) no-repeat 0 31px;}
#snsArea .snsIn a {background:url(../img/img_icon_i.png) no-repeat 0 31px;}
#snsArea .snsIn a:hover, #snsArea .snsIn a.on {background:url(../img/img_icon_i_on.png) no-repeat 0 31px;}

/* ¸ÞÀξÆÀÌÄÜ 2019-06-24 */
.newsInfoList .infoItem01 {text-align:center;}
.newsInfoList .infoItem01 a {display:inline-block; position:relative; width:50px; height:79px;}
.newsInfoList .infoItem01 a span {display:block; position:absolute; right:-12px; bottom:20px; width:24px; height:24px; transition: all ease 1s;}
.newsInfoList .infoItem01 a:hover span {transform:rotate(1080deg);}
.newsInfoList .infoItem02 {text-align:center;}
.newsInfoList .infoItem02 a {display:inline-block; position:relative; width:56px; height:74px;}
.newsInfoList .infoItem02 a span {display:block; position:absolute; left:30px; top:13px; width:28px; height:28px; transition: all ease 1s;}
.newsInfoList .infoItem02 a:hover span {-webkit-animation:myCircle 1s ease 1; -moz-animation:myCircle 1s ease 1; -o-animation:myCircle 1s ease 1; animation:myCircle 1s ease 1;}
@keyframes myCircle {
	from {transform:rotate(0deg) translateX(10px) rotate(0deg);}
	to {transform:rotate(-360deg) translateX(0) rotate(360deg);}
}
@-webkit-keyframes myCircle {
	from {transform:rotate(0deg) translateX(10px) rotate(0deg);}
	to {transform:rotate(-360deg) translateX(0) rotate(360deg);}
}
@-moz-keyframes myCircle {
	from {transform:rotate(0deg) translateX(10px) rotate(0deg);}
	to {transform:rotate(-360deg) translateX(0) rotate(360deg);}
}
@-o-keyframes myCircle {
	from {transform:rotate(0deg) translateX(10px) rotate(0deg);}
	to {transform:rotate(-360deg) translateX(0) rotate(360deg);}
}
.newsInfoList .infoItem03 {text-align:center;}
.newsInfoList .infoItem03 a {display:inline-block; position:relative; width:60px; height:80px; Perspective:220px;}
.newsInfoList .infoItem03 a span {display:block; position:absolute; left:5px; top:0px; width:50px; height:54px; transition: all ease 1s; transition:0.3s; transform-origin:0 100% 0 0;}
.newsInfoList .infoItem03 a:hover span {transform:rotateX(45deg) scale(1.1) translateY(-12px);}
/* ¸ÞÀξÆÀÌÄÜ ³¡ 2019-06-24 */

/* ¼­ºê */
.newsSub {position:relative; width:1200px; margin:0 auto;}
.newsSubNav {background:#f9f5f2;}
.newsSubNav ul {}
.newsSubNav ul:after {display:block; content:""; clear:both;}
.newsSubNav > ul > li {position:relative; float:left; margin-left:-1px;}
.newsSubNav li > a {display:block; height:50px; box-sizing:border-box; border-left:1px solid #dcd6d1; border-right:1px solid #dcd6d1; background:#f9f5f2 url(../img/sub/img_arr_bottom.png) no-repeat 100% 0; font-size:16px; color:#6a5b4f; font-weight:700; line-height:50px;}
.newsSubNav li ul li a {display:block; border:0; background:0;}
.newsSubNav .navOne {}
.newsSubNav .navOne a {border-left:0;}
.newsSubNav .navTwo {width:250px;}
.newsSubNav .navTwo a {padding:0 50px 0 26px; background-position:210px 50%;letter-spacing:-1px;}
.newsSubNav .navThree {width:370px;}
.newsSubNav .navThree a {padding:0 30px 0 26px; background-position:330px 50%; letter-spacing:-1px;}
.newsSubNav li > a {display:block; box-sizing:border-box;}
.newsSubNav li .navSelect {display:none; position:absolute; top:50px; left:0; z-index:100; width:100%; background:#f9f5f2; border:1px solid #dcd6d1; box-sizing:border-box;}
.newSubCont {position:relative; padding:80px 0;}
.newSubCont > div {position:relative;}
.subQuizYes {position:absolute; right:306px; bottom:285px;}
.subQuizNo {position:absolute; right:142px; bottom:285px;}
.newSubCont .quizly {display:none; position:absolute; left:0; top:0; z-index:90;}
.quizly .quizDim {display:none; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40);}
.quizly .quizResFirst {display:none; position:fixed; left:50%; top:50%; margin-left:-265px; margin-top:-265px; z-index:90;}
.quizly .quizResFirst .goLink {position:absolute; left:0; bottom:0;}
.quizly .quizResSecond {display:none; position:fixed; left:50%; top:50%; margin-left:-265px; margin-top:-265px; z-index:90;}
.quizly .quizResSecond .goLink {position:absolute; left:0; bottom:0;}
.quizly .closeQuiz {position:absolute; right:20px; top:20px;}

.subTravel {padding:0 100px;}
.subTravel ol:after {display:block; content:""; clear:both;}
.subTravel li {position:relative; float:left; margin-left:80px;}
.subTravel li:first-child {margin-left:0;}
.subTravel li > a {position:absolute; bottom:0; left:50%; margin-left:-72px;}

.goTop {position:absolute; right:1px; bottom:80px;}