@charset "utf-8";
@import url('stroke_eng_common.css');


div.wrapper {overflow:hidden;width:100%;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: normal;}
div#headerWrap {border-bottom: 1px solid #ccc;}
div#headerWrap h1 {margin: 0;}
div#headerWrap h1 a {display: block;}
.fixed {position: fixed !important; top: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

div.wrapper {min-width: 320px;}
div#headerWrap h1 {margin: 0;padding: 0 135px 0 0;}
div#headerWrap h1 a {display: block;height: 75px;padding:18px 15px;box-sizing:border-box;}
div#headerWrap h1 img {display: block;height: 39px;}

div#headerWrap p.eng {position: absolute;right: 15px;top: 15px;padding-right: 30px;border: 1px solid #e10c2e;border-radius: 5px;}
div#headerWrap p.eng a {display: block;padding-left: 10px;height: 23px;color: #000;font-size: 12px;line-height: 22px;font-family: 'Lato-Bold', sans-serif;}

div.menuView {z-index: 50;position: absolute;right: 15px;top: 25px;width: 25px;height: 25px;}
div.menuView a {display: block;height: 25px;border-radius: 5px;font-size: 0;line-height: 0;background: url('/eng/image/common/menuView_m.png') center center no-repeat;background-size: 19px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper {position: relative;min-width: 1200px; padding-top: 166px;}
div#headerWrap {z-index: 70;position: fixed; top: 0; width: 100%; height: 166px;padding-top: 100px;box-sizing:border-box; background: #fff;}
div#headerWrap h1 {position: absolute;left: 50%;top: 20px;width: 306px;height: 63px;margin-left: -600px;background: url('/eng/image/common/header_logo.png') 0 0 no-repeat;}
div#headerWrap h1 a {height: 66px;}
div#headerWrap h1 img {display: none;}

div.menuView {position: absolute;left: 50%;top: 36px;width: 40px;height: 30px;margin-left: 560px;}
div.menuView a {display: block;height: 30px; font-size: 0;line-height: 0;background: url('/eng/image/common/menuView.png') center center no-repeat;}
div.menuClose {display: none;}
}





ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a,
div.gnbUtil ul, div.gnbUtil li, div.gnbUtil a,
div.allMenu ul, div.allMenu li, div.allMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.gnbWrap {display: none !important;}


p.kor {position: absolute; right: 55px; top: 25px;}
p.kor a {border: 1px solid #9199a6; border-radius:3px; padding: 5px 10px; box-sizing:border-box; font-size:13px; line-height: 15px; }
div.allMenu {z-index: 100;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding-top: 50px; padding-left: 100px; box-sizing:border-box;background-color: rgba(0,0,0,0.85);}

div.allMenu ul {position: relative;overflow-x: hidden;overflow-y: auto;height: auto; box-sizing:border-box;}
ul.allMenu > li {}
ul.allMenu > li > a {position: relative;display: block;padding: 15px 42px 14px 15px;color: #111;font-size: 14px;line-height: 20px;border-bottom: 1px solid #d6d6d6;font-family: 'NotoSansKR Bold', sans-serif; background: #fff;}
ul.allMenu > li > a:after {position: absolute;right: 15px;top: 50%;width: 12px;height: 6px;margin-top: -3px;content: "";background: url('/eng/image/common/allMenu_depth_01_m.png') center center no-repeat;background-size: 12px;}

ul.allMenu > li.on > a,
ul.allMenu > li.admin > a {font-family: 'NotoSansKR Bold', sans-serif;}
ul.allMenu > li.admin > a {color: #045db1;}
ul.allMenu > li.admin > a:after {display: none;}

ul.allMenu ul {display: none;}

ul.allMenu ul.depth2 {padding: 0; margin: 0; background-color: #f3f2f9;}
ul.depth2 > li {padding: 0; border-bottom: 1px solid #ccc;}
ul.depth2 > li > a {display: block;color: #696969;font-family: 'NotoSansKR DemiLight', sans-serif; padding: 7px 15px; box-sizing:border-box;}
ul.depth2 > li > a.bl:after {display: inline-block;vertical-align: top;padding-left: 5px;content: "▼";}
ul.depth2 > li.on > a.bl:after {content: "▲";}


div.allMenu ul.allUtil {position: absolute;right: 0; top: 0;width: calc(100% - 100px);height: 50px;padding: 5px 0;box-sizing:border-box;background-color: #2b273e; text-align: right;}
ul.allUtil > li {position: relative; display: inline-block; padding: 0 11px;}
ul.allUtil > li:before {position: absolute;left: 0; top: 50%; margin-top: -5px; content:''; width: 1px; height: 10px; background: rgba(255,255,255,0.28);}
ul.allUtil > li:first-child:before {display: none;}
ul.allUtil a {color: #fff;font-size: 12px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif; padding: 10px 0;}

div.menuClose {position: absolute;left: 100px; top: 0px;width: 50px;}
div.menuClose a {display: block;height: 50px;font-size: 0;line-height: 0;background: url('/eng/image/common/menu_close_m.png') center center no-repeat;background-size: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/* GNB */
ul#gnb {width: 1200px;margin: 0 auto;box-sizing:border-box;font-size: 0;line-height: 0;}
ul#gnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul#gnb > li {position: relative;float: left;width: 25%;text-align: center;}
ul#gnb > li > a {display: block;padding-bottom: 5px;vertical-align: top;color: #1f1f1f;font-size: 22px;line-height: 61px;font-family: 'NotoSansKR Medium', sans-serif; letter-spacing: -1px;}
ul#gnb > li.on > a {padding-bottom: 0;line-height: 61px;border-bottom: 5px solid #d61231;color: #d61231;}

ul#gnb > li > ul {z-index: 50;display: none;position: absolute;left: 0;top: 66px;width: 100%;padding:0 15px 20px;background-color: #fffbf2; box-sizing:border-box; border-radius: 0 0 20px 20px; box-shadow: 5px 0 7px rgba(151,145,129,0.61);}


ul#gnb ul {}
ul#gnb ul li {padding-top: 20px;}
ul#gnb ul a {display: block;color: #4f4b3e;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;text-align: left; letter-spacing: -1px;}
ul#gnb ul a:hover {color: #905b47;font-family: 'NotoSansKR Medium', sans-serif;}


/* 전체메뉴 */
p.kor {display: none;}
p.allBtn {display: none;	}
div.allMenu {z-index: 100;display: none;position: fixed;left: 50%;top: 100px;width: 1200px;padding: 130px 0 30px;box-sizing:border-box;transform:translateX(-50%);background-color: #fff; border: 4px solid; border-image: linear-gradient(to bottom, #d3cdf1, #ffacaf);border-image-slice: 1;}


ul.allMenu {}
ul.allMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.allMenu > li {position: relative; float: left;width: 25%;}
ul.allMenu > li:before {position: absolute; left: 0; top: 0; content:'';	width: 1px; height: 100%; background-color: #eee;}
ul.allMenu > li:first-child {border-left: 0;}
ul.allMenu > li > a {position: relative;display: block;padding: 15px 0;font-size: 22px;line-height: 24px;color: #303030;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;letter-spacing:-1px;}

ul.allMenu > li.on > a {}
ul.allMenu ul.depth2 {min-height: 220px;}
ul.allMenu ul.depth2 > li {padding: 0 0 15px;border-radius: 0;}

ul.allMenu ul.depth2 > li > a {display: block;position: relative;color: #7d7d7d;font-size: 17px;line-height: 40px;font-family: 'NotoSansKR Regular', sans-serif;word-break:keep-all;letter-spacing:-1px; text-align: center;}
ul.allMenu ul.depth2 > li > a:hover {color: #303030;font-family: 'NotoSansKR Medium', sans-serif;}

ul.allMenu ul.depth3 {}
ul.allMenu ul.depth3 > li {padding-left: 10%;border-radius: 0;}

ul.allMenu ul.depth3 > li > a {display: block;position: relative;color: #7d7d7d;font-size: 16px;line-height: 40px;font-family: 'NotoSansKR Regular', sans-serif;word-break:keep-all;letter-spacing:-1px; text-align: center;}
ul.allMenu ul.depth3 > li > a:hover {color: #303030;font-family: 'NotoSansKR Medium', sans-serif;}

ul.allMenu li.admin,
ul.allUtil,
ul.gnbUtil {display: none;}

div.allMenu div.menuClose {z-index: 60;display: block;position: absolute; left:50%; top: 40px;width: 40px; height: 41px; margin-left: -20px;}
div.allMenu div.menuClose a {display: block;height: 38px;font-size: 0;line-height: 0;background: url('/eng/image/common/menu_close.png') center center no-repeat;}

/* gnbUtil */
div.gnbUtil {position: absolute;left: 50%;top: 36px;width: 540px;font-size: 0;line-height: 0;text-align: right;}
div.gnbUtil ul,
div.gnbUtil li {position: relative;display: inline-block;vertical-align: top;}
div.gnbUtil li {padding: 0 12px;}
div.gnbUtil li:after {position: absolute; right: 0; top: 11px; width: 1px; height: 10px; content:''; background-color: #c3c3c3;}
div.gnbUtil li:last-child {padding-right: 0;}
div.gnbUtil li:last-child:after {display: none;}

div.gnbUtil a {display: inline-block;color: #282828;font-size: 14px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}
div.gnbUtil .admin a,
div.gnbUtil .mypage a {}
}

/* Footer */
div#footerWrap {background-color: #514c4c;}
div#footerWrap {color: #ccc;font-family: 'NotoSansKR DemiLight', sans-serif;}

dl.footer, dl.footer dt, dl.footer dd, dl.footer ul, dl.footer li, dl.footer p, dl.footer a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

dl.footer > dt img {display: block;}
dl.footer address {font-style: normal;}
dl.footer ul {overflow: hidden;}
dl.footer li {float: left;}
dl.footer li:last-child {padding-right: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

div#footerWrap {position: relative;padding: 15px;}
dl.footer {position: relative;}
dl.footer > dt {margin-bottom: 5px;}
dl.footer > dt img {display: block; height: 27px;}
dl.footer > dd {overflow: hidden;}
dl.footer ul {margin: 0; padding: 0;}
dl.footer li {display: inline-block; position: relative; padding-right: 20px;}
dl.footer li:after {position: absolute; right: 10px; top: 5px; content:''; width: 1px; height: 8px; background-color: #838383;}
dl.footer li:last-child:after {display: none;}
dl.footer > dd {font-size: 12px;line-height: 16px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {


div#footerWrap {position: relative;}
dl.footer {position: relative;width: 1200px;height: 100px;margin: 0 auto;padding: 26px 0 26px 245px;box-sizing:border-box;}
dl.footer > dt {position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
dl.footer > dd {font-size: 15px;line-height: 24px;}

dl.footer ul {padding: 0;}
dl.footer li {position: relative; padding-right: 30px;}
dl.footer li:after {position: absolute; content:''; right: 15px; top: 50%; width: 1px; height: 12px; background-color: #838383; margin-top: -6px;}
dl.footer li:last-child:after {display: none;}

}

/* ================================================ 메인 =============================================== */
div.mainVisual {background-color: #2b273e;}

ul.mainMenu {margin: 0; padding: 0; list-style: none;}
ul.mainMenu:after {clear: both; content:''; display: block;}
div.mainVisual ul,div.mainVisual ul li {margin: 0; padding: 0; list-style: none;}
dl.mainSchedule ul , dl.mainSchedule ul li {margin: 0; padding: 0; list-style: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.wrapper.main {}
	div.wrapper.main div#headerWrap {z-index:100; background-color: transparent; left: 0; top: 0; position: absolute; width: 100%; border-bottom: 0;}	
	div.wrapper.main div#headerWrap h1 a {background : url('/eng/image/main/header_logo_m_w.png') no-repeat 15px center; background-size: auto 39px;}
	div.wrapper.main div#headerWrap h1 a img {display: none;}
	div.wrapper.main div.menuView a {background-image: url('/eng/image/main/menuView_m_w.png');}
	div.wrapper.main p.kor a {border-color: #fff; color: #fff;}
	div.wrapper.main div.lnbWrap {display: none;}
	div.mainVisual {padding-top: 0; box-sizing:border-box;}
	div.mainVisual > div {position: relative;}
	div.mainVisual ul li img {display: block;}

	div.mainVisual a.bx-prev,
	div.mainVisual a.bx-next {z-index:60; position: absolute;top: 50%; transform:translateY(-50%); width: 11px;height: 20px;text-indent: -10000px;background-repeat: no-repeat; background-size: 11px 20px;}
	div.mainVisual a.bx-prev {left: 15px;background-image: url('/eng/image/main/mainVisualPrev.png'); background-position: center center;}
	div.mainVisual a.bx-next {right:15px;background-image: url('/eng/image/main/mainVisualNext.png'); background-position: center center;}
	div.mainVisual div.bx-pager {z-index:60; position: absolute; top: 65%; width: 100%; text-align: center;}
	div.mainVisual div.bx-pager div {display: inline-block; margin-left: 5px;}
	div.mainVisual div.bx-pager div:first-child {margin-left: 0;}
	div.mainVisual div.bx-pager div a.bx-pager-link {display: block; width: 14px; height: 14px; text-indent: -10000px; background: url('/eng/image/main/mainVisual_page.png') no-repeat center top;}
	div.mainVisual div.bx-pager div a.bx-pager-link.active {width: 33px; height: 14px; background-image:url('/eng/image/main/mainVisual_page_on.png');}
	
	div.mainNotice {background: #f4f4f4; padding: 15px;}
	dl.mainSchedule {position: relative; padding: 15px; background-color: #fff;}
	dl.mainSchedule dt {color: #a72323; font-size:20px; line-height: 20px; padding-right: 30px; font-family:'NotoSansKR Bold',sans-serif; margin-bottom: 10px;}
	dl.mainSchedule dd > ul {border-top: 1px dashed #b7b7b7;}
	dl.mainSchedule dd > ul > li {position: relative; padding: 16px 50px 16px 5px; border-bottom: 1px dashed #b7b7b7;}
	dl.mainSchedule dd > ul > li a.tit {color: #3f3f3f; font-size:16px; line-height: 20px; font-family:'Roboto-Medium',sans-serif;}
	dl.mainSchedule dd > ul > li a.tit:hover {text-decoration: underline;}
	dl.mainSchedule dd > ul > li a.schedulemore {position: absolute; right: 8px; top: 50%; transform : translateY(-50%); padding: 0 5px; color: #a72323; font-size:14px; line-height: 14px; font-family:'Roboto-Regular',sans-serif; box-shadow: inset 0 -6px 0 #edd3d3;}
	dl.mainSchedule dd ul li ul {font-size:0; line-height: 0;}
	dl.mainSchedule dd ul li ul li {position: relative; display: inline-block; padding-left:16px; color: #949494; font-size:12px; line-height: 16px; font-family:'Roboto-Regular',sans-serif; letter-spacing: -0.5px;}
	dl.mainSchedule dd ul li ul li:before {position: absolute; left: 7px; top: 50%; margin-top: -6px; content:''; width: 1px; height: 11px; background: #d7d7d7;}
	dl.mainSchedule dd ul li ul li:first-child {padding-left: 0;}
	dl.mainSchedule dd ul li ul li:first-child:before {display: none;}
	dl.mainSchedule dd.more {position: absolute; padding: 0; right: 15px; top: 22px; width: 12px; height: 12px;}
	dl.mainSchedule dd.more a { display: block;  width: 12px; height: 12px; font-size:0; line-height: 0;background: url('/eng/image/main/mainMore.png') no-repeat center top; background-size:12px;}

	dl.mainJournal {position: relative; background: #a72323; padding: 15px;}
	dl.mainJournal dt {color: #fff; font-size:20px; line-height: 20px; padding-right: 30px; font-family:'NotoSansKR Bold',sans-serif; margin-bottom: 10px;}
	dl.mainJournal dd {position: relative; padding-right: 75px; color: #fff; font-size:14px; line-height: 17px; font-family:'Roboto-Light',sans-serif; text-align: justify;}
	dl.mainJournal dd p {display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; height: 68px;}
	dl.mainJournal dd img.jos {position: absolute; right: -15px; bottom: -15px; height: 99px;}
	dl.mainJournal dd a.link {display: inline-block; margin-top: 10px; background: rgba(0,0,0,0.2); padding: 8px 20px 7px; font-size:14px; line-height: 17px; font-family:'Roboto-Light',sans-serif; border-radius:14px;}
	dl.mainJournal dd a.link:after {display: inline-block; vertical-align: top; content:''; width: 14px; height: 5px; margin: 5px 0 0 6px; background: url('/eng/image/main/link_arr.png') no-repeat left top;}
	dl.mainJournal dd.more {position: absolute; padding: 0; right: 15px; top: 22px; width: 12px; height: 12px;}
	dl.mainJournal dd.more a { display: block;  width: 12px; height: 12px; font-size:0; line-height: 0;background: url('/eng/image/main/mainMore_w.png') no-repeat center top; background-size:12px;}
	ul.mainMenu {padding: 15px;}
	ul.mainMenu li {float: right; width: calc(50% - 10px); margin-top: 10px; border: 6px solid; border-image: linear-gradient(to bottom, #ddccf6, #edcbd9); border-image-slice: 1; box-sizing:border-box;}
	ul.mainMenu li:nth-child(2n+1) {float: left;}
	ul.mainMenu li:nth-child(-n+2) {margin-top: 0;}
	ul.mainMenu li a {position: relative; display: block; padding: 10px 10px 60px; font-size:16px; line-height: 22px; letter-spacing: -0.55px; font-family:'NotoSansKR Medium',sans-serif; height: 110px; box-sizing:border-box;}
	ul.mainMenu li a:after {position: absolute; content:''; background-repeat: no-repeat; background-position: center top;}
	ul.mainMenu li:nth-child(1) a:after {right: 15px; bottom: 15px; width: 31px; height: 52px; background-image: url('/eng/image/main/mainMenu_01.png'); background-size: auto 52px;}
	ul.mainMenu li:nth-child(2) a:after {right: 15px; bottom: 15px; width: 53px; height: 41px; background-image: url('/eng/image/main/mainMenu_02.png'); background-size: auto 41px;}
	ul.mainMenu li:nth-child(3) a:after {right: 15px; bottom: 15px; width: 45px; height: 44px; background-image: url('/eng/image/main/mainMenu_03.png'); background-size: auto 44px;}
	ul.mainMenu li:nth-child(4) a:after {right: 15px; bottom: 15px;  width: 49px; height: 51px; background-image: url('/eng/image/main/mainMenu_04.png'); background-size: auto 51px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.wrapper.main {padding-top: 0;}
	div.wrapper.main div#headerWrap  {background-color: transparent;position: absolute; height: 100px; padding-top: 0; border-bottom: 0;}	
	div.wrapper.main div#headerWrap h1 {background-image: url('/eng/image/main/header_logo_w.png');}
	div.wrapper.main div.menuView a {background-image: url('/eng/image/main/menuView_w.png');}
	div.wrapper.main div.gnbUtil a {color: #fff;}
	div.wrapper.main ul#gnb {display: none !important;}
	div.wrapper.main div.pageTit {display: none;}
	
	div.mainVisual {padding-top: 100px; height: 688px; box-sizing:border-box;}
	div.mainVisual > div {position: absolute; width: 1200px; height: 688px; left: 50%; top: 0; margin-left: -600px;}
	div.mainVisual ul li img {display: block;}
	div.mainVisual a.bx-prev,
	div.mainVisual a.bx-next {z-index:60; position: absolute;top: 50%; transform:translateY(-50%); width: 21px;height: 40px;text-indent: -10000px;background-repeat: no-repeat;}
	div.mainVisual a.bx-prev {left: 0;background-image: url('/eng/image/main/mainVisualPrev.png'); background-position: center center;}
	div.mainVisual a.bx-next {left: 600px;background-image: url('/eng/image/main/mainVisualNext.png'); background-position: center center;}
	div.mainVisual div.bx-pager {z-index:60; position: absolute; top: 456px; width: 655px; text-align: center;}
	div.mainVisual div.bx-pager div {display: inline-block; margin-left: 5px;}
	div.mainVisual div.bx-pager div:first-child {margin-left: 0;}
	div.mainVisual div.bx-pager div a.bx-pager-link {display: block; width: 14px; height: 14px; text-indent: -10000px; background: url('/eng/image/main/mainVisual_page.png') no-repeat center top;}
	div.mainVisual div.bx-pager div a.bx-pager-link.active {width: 33px; height: 14px; background-image:url('/eng/image/main/mainVisual_page_on.png');}

	div.mainCon {position: relative; width: 1200px; margin: 0 auto; padding: 40px 0;}
	div.mainNotice {z-index:60; position: absolute; right: 0; top: -587px; width: 545px; height: 540px;}
	dl.mainSchedule {position: relative; padding: 30px 30px 7px; background-color: #fff;}
	dl.mainSchedule dt {color: #a72323; font-size:28px; line-height: 28px; padding-right: 30px; font-family:'NotoSansKR Bold',sans-serif; margin-bottom: 20px;}
	dl.mainSchedule dd > ul {border-top: 1px dashed #b7b7b7;}
	dl.mainSchedule dd > ul > li {position: relative; padding: 13px 50px 13px 5px; border-bottom: 1px dashed #b7b7b7;}
	dl.mainSchedule dd > ul > li:last-child {border-bottom: 0;}
	dl.mainSchedule dd > ul > li a.tit {color: #3f3f3f; font-size:19px; line-height: 22px; font-family:'Roboto-Medium',sans-serif;}
	dl.mainSchedule dd > ul > li a.tit:hover {text-decoration: underline;}
	dl.mainSchedule dd > ul > li a.schedulemore {position: absolute; right: 6px; top: 50%; transform : translateY(-50%); padding: 0 5px; color: #a72323; font-size:14px; line-height: 14px; font-family:'Roboto-Regular',sans-serif; box-shadow: inset 0 -6px 0 #edd3d3;}
	dl.mainSchedule dd ul li ul {font-size:0; line-height: 0;}
	dl.mainSchedule dd ul li ul li {position: relative; display: inline-block; padding-left: 31px; color: #949494; font-size:15px; line-height: 22px; font-family:'Roboto-Regular',sans-serif; letter-spacing: -0.5px;}
	dl.mainSchedule dd ul li ul li:before {position: absolute; left: 15px; top: 50%; margin-top: -6px; content:''; width: 1px; height: 11px; background: #d7d7d7;}
	dl.mainSchedule dd ul li ul li:first-child {padding-left: 0;}
	dl.mainSchedule dd ul li ul li:first-child:before {display: none;}
	dl.mainSchedule dd.more {position: absolute; padding: 0; right: 30px; top: 32px; width: 23px; height: 23px;}
	dl.mainSchedule dd.more a { display: block;  width: 23px; height: 23px; font-size:0; line-height: 0;background: url('/eng/image/main/mainMore.png') no-repeat center top;}

	dl.mainJournal {position: relative; background: #a72323; padding: 35px 30px 20px;}
	dl.mainJournal dt {color: #fff; font-size:28px; line-height: 28px; padding-right: 30px; font-family:'NotoSansKR Bold',sans-serif; margin-bottom: 15px;}
	dl.mainJournal dd {position: relative; padding-right: 135px; color: #fff; font-size:15px; line-height: 17px; font-family:'Roboto-Light',sans-serif; text-align: justify;}
	dl.mainJournal dd > p {display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 6;}
	dl.mainJournal dd img.jos {position: absolute; right: -30px; top: 4px;}
	dl.mainJournal dd a.link {display: inline-block; margin-top: 10px; background: rgba(0,0,0,0.2); padding: 8px 20px 7px; font-size:15px; line-height: 17px; font-family:'Roboto-Light',sans-serif; border-radius:14px;}
	dl.mainJournal dd a.link:after {display: inline-block; vertical-align: top; content:''; width: 14px; height: 5px; margin: 5px 0 0 6px; background: url('/eng/image/main/link_arr.png') no-repeat left top;}
	dl.mainJournal dd.more {position: absolute; padding: 0; right: 30px; top: 37px; width: 23px; height: 23px;}
	dl.mainJournal dd.more a { display: block;  width: 23px; height: 23px; font-size:0; line-height: 0;background: url('/eng/image/main/mainMore_w.png') no-repeat center top;}


	ul.mainMenu li {float: left; width: 285px; margin-left: 20px;  border: 6px solid; border-image: linear-gradient(to bottom, #ddccf6, #edcbd9); border-image-slice: 1; box-sizing:border-box;}
	ul.mainMenu li:first-child {margin-left: 0;}
	ul.mainMenu li a {position: relative; display: block; padding: 20px 20px 100px; font-size:22px; line-height: 24px; letter-spacing: -0.55px; font-family:'NotoSansKR Medium',sans-serif; height: 190px; box-sizing:border-box;}
	ul.mainMenu li a:after {position: absolute; content:''; background-repeat: no-repeat; background-position: center top;}
	ul.mainMenu li:nth-child(1) a:after {right: 34px; bottom: 16px; width: 63px; height: 103px; background-image: url('/eng/image/main/mainMenu_01.png');}
	ul.mainMenu li:nth-child(2) a:after {right: 19px; bottom: 18px; width: 106px; height: 84px; background-image: url('/eng/image/main/mainMenu_02.png');}
	ul.mainMenu li:nth-child(3) a:after {right: 19px; bottom: 17px; width: 90px; height: 87px; background-image: url('/eng/image/main/mainMenu_03.png');}
	ul.mainMenu li:nth-child(4) a:after {right: 22px; bottom: 13px;  width: 98px; height: 101px; background-image: url('/eng/image/main/mainMenu_04.png');}
}




/* ================================================ 서브 레이아웃 =============================================== */

div#container {position: relative;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.pageTit {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container {position: relative;}

div.contents {width: 1200px; margin: 0 auto 30px; font-size: 17px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif; }

div.pageTit {position: relative; width: 1200px; height: 150px; margin: 0 auto; padding: 50px; box-sizing:border-box;}
div.pageTit h2 {position: relative;margin: 0; color: #1f1f1f;font-size: 40px;line-height: 50px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;letter-spacing:-1px;text-align: center;}
div.pageTit h2:before {content:''; display: inline-block; vertical-align: top;  margin: 0 5px 0 0; width: 32px; height: 31px; background: url('/eng/image/common/pageTit.png') no-repeat center top;}
div.pageTit p.pageControl a {position: absolute; right: 0; top: 50%;	width: 50px; height: 50px; font-size:0; margin-top: -25px; background-repeat: no-repeat; background-position: center center; background-image: url('/eng/image/common/pageNext.png');}
div.pageTit p.pageControl a:first-child {left: 0; right:auto; background-image: url('/eng/image/common/pagePrev.png');}
}

/* LNB */
div.lnbWrap p, div.lnbWrap ul, div.lnbWrap li div.lnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.lnb {z-index: 50;position: relative;height: 50px; background-color:#f3f2f9; padding: 10px 15px; box-sizing:border-box; border-bottom: 1px solid #d4d3de;}

div.lnb dl {float: right;position: relative;width: calc(50% - 5px);margin: 0;}
div.lnb dl:first-child {float: left;}
div.lnb dl.wide {width: 100%;}

div.lnb dt {z-index:10; position: relative;overflow: hidden;margin: 0; }
div.lnb dt a {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  background-color: #fff;  padding: 5px 40px 5px 15px;color: rgba(40,40,40,0.23);font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif; border: 1px solid #e0dfe9; border-radius:5px;}
div.lnb dt a:after {position: absolute;right: 15px;top: 50%;width: 10px;height: 10px;margin-top: -5px;content: "";background: url('/eng/image/common/lnb_bl_m.png') center center no-repeat;background-size: 9px;}
div.lnb dt.view a:after {background-image: url('/eng/image/common/lnb_bl_on_m.png');}
div.lnb dt.view a {border-color: #665e98; color: #665e98; background-color: #f8f7ff;}

div.lnb dd {display: none;position: absolute;left: 0;top: 25px; width: 100%;margin: 0;padding: 10px;border: 1px solid #665e98;border-top: 0 none;background-color: rgba(255,255,255,0.73);box-sizing:border-box; border-radius: 0 0 5px 5px;}
div.lnb dd ul {padding-top: 5px;}
div.lnb dd li {padding-top: 5px;}
div.lnb dd li:first-child {padding-top: 0;}
div.lnb dd a {color: #282828;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.lnbWrap {display: none;}
}





/*  */
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}