/* container */
body {font-family:'宋体',sans-serif; letter-spacing:-0.25px;}

/* layout */
.container {padding-right:10px; padding-left:10px; margin-right:auto; margin-left:auto;}
.container-fluid {padding-right:20px; padding-left:20px; margin-right:auto; margin-left:auto;}
.container:before, .container:after {clear:both; content:" "; display:block;}
.container-fluid:before, .container-fluid:after {clear:both; content:" "; display:block;}

/*웹 접근성 포커싱*/
:focus-visible:not(body) {border-color:#FA8585; border-radius:4px; box-shadow:inset 0 0 5px red; outline:2px solid red;}
input:focus-visible {box-shadow:inset 0 0 2px red; outline:2px solid red;}
/*:focus {outline: initial !important; border-color: #1da1f2 !important; box-shadow:inset 0 0 5px #1da1f2 !important; border-radius: 5px !important;}*/
#main:target::before {content: ""; display: block; height: 84px; margin-top: -84px; visibility: hidden;}

@media screen and (min-width:319px) {
	main .box_error > p {font-size:16px;}
	.container-fluid {padding-left:10px; padding-right:10px; }
}

@media screen and (min-width:768px) {
	.container {width:730px;}
	.container-fluid {width:720px; padding-right:10px; padding-left:10px;}
}

@media screen and (min-width:800px) {
	.container-fluid {width:740px; padding-right:10px; padding-left:10px;}
}

@media screen and (min-width:1021px) {
	.container {width:960px;}
	.container-fluid {width:940px; padding-right:20px; padding-left:20px;}
}

@media screen and (min-width:1060px) {
	.container-fluid {width:960px; padding-right:20px; padding-left:20px;}
}

@media screen and (min-width:1200px) {
	.container {width:1100px;}
	.container-fluid {width:1100px; padding-right:40px; padding-left:40px;}
}

/* 공통 스타일 { */
.xi {display:inline-block; vertical-align:middle; }
.hidden { position:fixed; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); }
.slick-track {margin:0; }
img {max-width:100%; }
strong.blue {color:#0036ce; }
a.blue {color:#0036ce; }
.mb30 {margin-bottom:30px;}
p.dot {position:relative; padding-left:10px;}
p.dot:before {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#000;}
/* } 공통 스타일 */

/* 23.02.27 oz15 스크롤 스타일 추가 { */
.scrollbar::-webkit-scrollbar {width:10px;}
.scrollbar::-webkit-scrollbar-thumb {background-color:#cccccc; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
.scrollbar::-webkit-scrollbar-track {background-color:initial; border-radius:10px; box-shadow:inset 0px 0px 5px white;}
/* } 23.02.27 oz15 스크롤 스타일 추가 */

/* 공통 팝업 스타일 { */
.dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; min-height:100%; z-index:9; transition:background 0.3s}
.dim.on {display: block; height:100%; background:rgba(0,0,0,0.6); }
.not_scroll {position:fixed; overflow:hidden; width:100%; height:100%;}
/* } 공통 팝업 스타일 */

/* 레이어 팝업 스타일 { */
div.box_popup {display:none; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:200000; background-color:rgba(0,0,0,.5); }
div.box_popup div.popup {overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:800px; box-shadow:2px 5px 13px rgb(0 0 0 / 20%); border-radius:5px; background:transparent; }
/* 23.04.12 oz15 스타일 수정 { */
div.box_popup div.popup h2 {position:relative; box-sizing:border-box; height:60px; padding:0 60px 0 20px; padding-right:60px; color:#fff; background:#0036ce; line-height:60px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* } 23.04.12 oz15 스타일 수정 */
div.box_popup div.popup button.btn_close {position:absolute; top:0; right:0; width:60px; height:60px; line-height:60px; color:#fff;}
div.box_popup div.popup button.btn_close > i {font-size:15px;}
div.box_popup div.popup > div.popup_inner {padding:20px; background:#fff; box-sizing:border-box;}
div.box_popup div.popup > div.popup_inner > div {height:auto; padding:10px; box-sizing:border-box; overflow-y:auto;}
div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar {width:10px;}
div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar-thumb {background-color:#cccccc; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar-track {background-color:initial; border-radius:10px; box-shadow:inset 0px 0px 5px white;}
div.box_popup div.popup > div.popup_inner div.line {margin:30px 0; height:1px; background:#e5e5e5;}
/* } 레이어 팝업 스타일 */
/*공통 검색결과 스타일*/
main .box_error {padding: 170px 0 40px;	box-sizing: border-box;	background: #e3f0fc url(/static/image/search_ico_error.png) no-repeat top 40px center; text-align: center;}
main .box_error > p {font-size:20px; font-weight:bold;}


@media screen and (max-width:991px) {
	div.box_popup div.popup {width:90%;}
}

@media screen and (max-width:620px) {
	div.box_popup div.popup > div.popup_inner > div {height:calc(100vh - 220px);}
}

@media screen and (max-width:480px) {
	div.box_popup div.popup > div.popup_inner > div {height:calc(80vh - 220px);}
}

/* 23.01.27 메인팝업 스타일 수정 { */
div[data-role=mainPopup] {display:none; max-width:80%; max-height:80vh; position:fixed; left:10px; top:10px; z-index:200000; box-sizing:border-box;}
div[data-role=mainPopup].center {top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important;}
div[data-role=mainPopup] div.popup {overflow:hidden; display:flex; flex-direction:column; width:100%; height:100%; border-radius:10px; background:#fff;  border:1px solid #d5d4d4; box-sizing:border-box;}
div[data-role=mainPopup] div.popup .popup_header {position:relative; box-sizing:border-box; width:100%; flex-basis:60px; max-height:126px; padding:20px; padding-right:40px; color:#fff; background:#0036ce; line-height:1.2; font-size:18px; word-break:keep-all;}
div[data-role=mainPopup] div.popup button.btn_close {position:absolute; top:0; right:0; width:60px; height:60px; line-height:60px; color:#fff;}
div[data-role=mainPopup] div.popup button.btn_close > i {font-size:15px;}
div[data-role=mainPopup] div.popup > div.popup_inner {background:#fff; box-sizing:border-box; height:60%; flex-grow:1;}
div[data-role=mainPopup] div.popup > div.popup_inner > div.wrap_scroll {height:100%; box-sizing:border-box; overflow-y:auto;}
div[data-role=mainPopup] div.popup > div.popup_inner > div.wrap_scroll::-webkit-scrollbar {width:10px;}
div[data-role=mainPopup] div.popup > div.popup_inner > div.wrap_scroll::-webkit-scrollbar-thumb {background-color:#cccccc; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
div[data-role=mainPopup] div.popup > div.popup_inner > div.wrap_scroll::-webkit-scrollbar-track {background-color:initial; border-radius:10px; box-shadow:inset 0px 0px 5px white;}
div[data-role=mainPopup] div.popup div.popup_footer {font-size:0; box-sizing:border-box; flex-basis:60px;}
div[data-role=mainPopup] div.popup div.popup_footer button {width:50%; height:60px; background:#f5f5f5; font-size:15px; color:#878787; font-weight:500; word-break:keep-all; box-sizing:border-box;}
div[data-role=mainPopup] div.popup div.popup_footer button.close_today {border-right:1px solid #d5d4d4;}
div[data-role=mainPopup] div.popup div[data-today="N"].popup_footer button.close_today {display:none;}
div[data-role=mainPopup] div.popup div[data-today="N"].popup_footer button.close {width:100%;}

@media screen and (max-width:767px) {
	div[data-role=mainPopup] {height:inherit !important;}
}
/* 22.12.29 공유하기 팝업 스타일 추가 { */
div.box_popup div.popup > div.popup_inner.share div.contents {margin-bottom:30px; padding:30px; background-color:#e3f0fc;}
div.box_popup div.popup > div.popup_inner.share > div {padding:0; height:auto;}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li {width:50px;}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li a {display:block; width:100%; height:100%; text-align:center;}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li i.icon {display:inline-block; width:50px; height:50px; border-radius:10px; margin-bottom:10px; background-position:center; background-repeat:no-repeat; background-size:auto;}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.twitter i.icon {background-color:#1da1f2 ; background-image:url(../image/share_popup_icon_twitter.png);}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.x i.icon {background-color:#000 ; background-image:url(../image/share_popup_icon_x.png); background-size: 20px 20px;}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.facebook i.icon {background-color:#3b5998 ; background-image:url(../image/share_popup_icon_facebook.png);}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.mail i.icon {background-color:#909099 ; background-image:url(../image/share_popup_icon_mail.png);}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.blog i.icon {background-color:#2cb400 ; background-image:url(../image/share_popup_icon_blog.png);}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.kakao i.icon {background-color:#ffd400 ; background-image:url(../image/share_popup_icon_kakao.png);}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.url i.icon {background-color:#ffffff; background-image:url(../image/share_popup_icon_url.png);}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li.qrcode i.icon {background-color:#ffffff; background-image:url(../image/share_popup_icon_kmoocqr.png);background-position:center;background-size: 80% 80%;}
div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li span.title {display:block; width:100%; text-align:center; letter-spacing:-0.5px; font-size:13px; color:#808080;}

div.popup > div.popup_inner div.wrap_btn {padding-top:20px; text-align:center; border-top:1px solid #e5e5e5;}
div.popup > div.popup_inner div.wrap_btn button.btn {width:120px; height:48px; border-radius:10px; background-color:#0036ce; color:#fff; font-size:15px;}

div.box_popup div.popup.share_submit {box-shadow:none;}
div.box_popup div.popup.share_submit > div.popup_inner > div {height:auto;}
div.box_popup div.popup > div.popup_inner.share_submit {width:400px; margin:0 auto; padding:50px 30px 30px; border-radius:10px;}
div.box_popup div.popup > div.popup_inner.share_submit > div {padding:0;}
div.box_popup div.popup > div.popup_inner.share_submit > div > div.share_submit {margin-top:50px; padding:0;text-align:center; vertical-align:middle;}
div.box_popup div.popup > div.popup_inner.share_submit > div > div.share_submit > button {width:100%; padding:0;box-sizing:border-box;height:50px; line-height:50px; text-align:center; border-radius:3px; font-size:16px;}
div.box_popup div.popup > div.popup_inner.share_submit > div > div.share_submit > button.btn_submit {color:#fff; background:#0036ce;}
div.box_popup div.popup > div.popup_inner.share_submit > div > p {font-size:18px; line-height:26px; text-align:center; word-break:keep-all;}

@media screen and (max-width:678px) {
	div.box_popup div.popup > div.popup_inner.share_submit {width:100%;}
	div.box_popup div.popup > div.popup_inner.share div.contents {padding:30px 10px; }
}

@media screen and (max-width:620px) {
	div.box_popup div.popup.share {width:90%!important;}
	div.box_popup div.popup > div.popup_inner.share div.contents ul.sns {gap:20px 0;}
	div.box_popup div.popup > div.popup_inner.share div.contents ul.sns li {width:33.3333%;}
	div.box_popup div.popup > div.popup_inner > div {height:auto; }
}
/* } 22.12.29 공유하기 팝업 스타일 추가 */

/* 서브페이지 전체 타이틀 스타일 { */
div.page_title_wrap {box-sizing:border-box;}
div.page_title_wrap h3.page_title {padding:60px 0 40px; font-size:36px; font-weight:bold; word-break:keep-all;}
div.page_title_wrap h3.page_title.white {color:#fff;}
div.page_title_wrap h3.page_title + div.box_info > strong {display:block; padding-bottom:10px; font-size:20px; font-weight:bold; word-break:keep-all;}
div.page_title_wrap h3.page_title + div.box_info > p {padding:3px 0; font-size:14px; color:#585858; line-height:1.4; word-break:keep-all;}
div.page_title_wrap h3.page_title + div.box_info > p.dot {position:relative; padding-left:10px;}
div.page_title_wrap h3.page_title + div.box_info > p.dot:before {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#000;}
/* } 서브페이지 전체 타이틀 스타일 */

/* 타이틀 배경타입 스타일 { */
div.page_title_wrap.type_bg {padding-bottom:40px; background-color:#002475; background-image:url(../image/bg_title_01.png), url(../image/bg_title_02.png); background-repeat:no-repeat; background-position:bottom left, top 30% right 20%;}
div.page_title_wrap.type_bg.logo {padding-top:40px;}
div.page_title_wrap.type_bg div.box_info {position:relative;}
div.page_title_wrap.type_bg h3.page_title,
div.page_title_wrap.type_bg h3.page_title + div.box_info > strong {color:#fff; line-height:1.3}
div.page_title_wrap.type_bg h3.page_title + div.box_info > p {color:#dddfe8;}
div.page_title_wrap.type_bg h3.page_title + div.box_info > p.dot:before {background:#fff;}
div.page_title_wrap.type_bg h3.page_title + div.box_info > a.btn_link {box-sizing:border-box; position:absolute; bottom:0; right:0; width:180px; border:2px solid #00A85D; line-height:48px; font-size:16px; color:#00A85D; font-weight:500; text-align:center;}
div.page_title_wrap.type_bg h3.logo {margin-bottom:40px;}
div.page_title_wrap.type_bg h3.logo > img {box-sizing:border-box; padding:15px; max-width:100%; background:#fff;}
.bg_wave {background-color:#002475; background-image:url(../image/bg_title_01.png), url(../image/bg_title_02.png); background-repeat:no-repeat; background-position:bottom left, top 30% right 20%;}
/* } 타이틀 배경타입 스타일 */

/* 서브페이지 정보 비주얼 */
div.page_visual_wrap {box-sizing:border-box; min-height:400px; padding:90px 0; background:none; background-size:cover;}
div.page_visual_wrap p.title {font-size:34px; color:#fff; font-weight:bold; line-height:1.2; word-break:keep-all;}
div.page_visual_wrap p.info {padding-top:34px; font-size:18px; color:#fff; line-height:1.3; word-break:keep-all;}
div.page_visual_wrap.black p {color:#000;}

/* 서브페이지 영역별 요소 */
div.context {box-sizing:border-box; padding-bottom:160px; overflow-x:hidden;}
div.context h4.title {box-sizing:border-box; padding:60px 0 20px; font-size:24px; font-weight:bold;}
div.context p.txt {font-size:15px; color:#000; line-height:1.5;}
div.context div.box_img {box-sizing:border-box; width:100%; padding:40px; background:#f7f7f7; text-align:center;}
div.context div.box_img > img {max-width:100%;}

/* 검색하기 */
div[data-role="search"] {padding-top:20px; font-size:0;}
div[data-role="search"].line {margin-top:20px; border-top:1px solid rgba(255,255,255,0.3);}
div[data-role="search"] div.search_wrap {display:-moz-box; display:-webkit-box; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
div[data-role="search"] div.option {display:inline-block; position:relative; vertical-align:top;background:#FFFFFF;}
div[data-role="search"] div.option + div.option {margin-left:10px;}
div[data-role="search"] div.option:after {content:'\e936'; font-family:'xeicon'; position:absolute; top:0; right:0; width:48px; height:48px; font-size:20px; text-align:center; line-height:48px;}
div[data-role="search"] div.option select {box-sizing:border-box; position:relative; padding:0 68px 0 20px; width:160px; height:48px; border:none; font-size:16px; color:#000; line-height:48px; }
div[data-role="search"] div.option select + select {margin-left:4px;}
div[data-role="search"] div.option + div.search {margin-left:10px;}
div[data-role="search"] div.search {display:inline-block; vertical-align:top; font-size:0;}
div[data-role="search"] div.search > input {width:calc(100% - 48px); border:none; line-height:48px;}
div[data-role="search"] div.search > input::placeholder {padding:0 68px 0 20px; font-size:16px; color:#808080;}
div[data-role="search"] div.search > button.btn_search {width:48px; height:48px; background:#00A85D;}
div[data-role="search"] div.search > button.btn_search > i {font-size:20px; color:#fff;}
div[data-role="search"] div.search + button.all {margin-left:10px;}
div[data-role="search"] button.all {box-sizing:border-box; width:120px; height:48px; background:#00A85D; line-height:48px; font-size:16px; color:#fff; font-weight:500;  vertical-align:top;}

/* top */
div.top {height:84px;}

/* floating */
div.floating {width:100%;}
div.floating > div.chat {z-index:5;}

/* 모바일 nav */
div.mobile_nav[data-role=header] {display:none; visibility:visible; height:49px; box-sizing:border-box; border-top:1px solid #e6e6e6; border-bottom:2px solid #e6e6e6}
div.mobile_nav[data-role=header] ul.menu {height:45px; font-size:0; }
div.mobile_nav[data-role=header] ul.menu:after {content:''; display:block; clear:both; }
div.mobile_nav[data-role=header] ul.menu li {display:inline-block; width:25%; height:100%; font-size:15px;}
div.mobile_nav[data-role=header] ul.menu li > a {display:block; height:100%; line-height:45px; font-weight:bold; text-align:center ;}
div.mobile_nav[data-role=header] ul.menu li > a.dot span{position:relative; display:inline-block ;}
div.mobile_nav[data-role=header] ul.menu li > a.dot span:after {content:''; display:block; position:absolute; top:5px; right:-15px; width:6px; height:6px; background-color:#fd3049; }


/* top버튼 */
div.btn_top {position:fixed; right:40px; bottom:32px; display:inline-block; z-index:5; }
div.btn_top > a {box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
div.btn_top a.chatting {box-sizing:border-box; display:block; width:60px; height:60px; font-size:22px; color:#fff; text-align:center; line-height:60px; background:url(../image/ico_chat.png) no-repeat center rgb(54, 129, 254);}
div.btn_top a[data-action=top] {box-sizing:border-box; display:block; width:60px; height:60px; font-size:22px; color:#000; text-align:center; line-height:58px; background:#fff; border:1px solid #000; }
div.btn_top a[data-action=top] > i {vertical-align:1px;}
div.btn_top a + a {margin-top:10px;}

/* 스킵네비게이션 */
div.skip_nav a {box-sizing:border-box; position:fixed; left:0; top:-70px; width:100%; height:40px; background:#fff; color:red; font-weight:bold; line-height:40px; text-align:center; z-index:100; transition:0.3s;}
div.skip_nav a:focus {top:0; outline:3px solid red;}

/* breadcrumb */
div.breadcrumb {box-sizing:border-box; height:60px; line-height:60px; background:#fff; border-bottom:1px solid #e6e6e6; box-shadow:0 5px 8px rgba(187,187,187,0.2);}
div.breadcrumb > div.container {display: flex; align-items: center; height: 100%}
div.breadcrumb > div.container > a,
div.breadcrumb > div.container > i  {display:inline-block; margin:15px 16px 15px 0; font-size:14px; line-height:14px; vertical-align:middle;}
div.breadcrumb > div.container > i.xi.xi-home-o{margin-right:5px;font-size:16px;}
div.breadcrumb > div.container > a:hover {text-decoration: underline;}

/* 서브페이지 컨텐츠리스트 공통 스타일 */
div[data-role="context_list"] {padding-top:20px; overflow:hidden;}
div[data-role="context_list"] > div.list_header {padding:20px 0; border-bottom:1px solid #000;}
div[data-role="context_list"] > div.list_header:after {content:''; display:block; clear:both;}
div[data-role="context_list"] > div.list_header > p.count {float:left; font-size:18px; color:#000; font-weight:bold;}
div[data-role="context_list"] > div.list_header > p.sort {float:right; font-size:0;}
div[data-role="context_list"] > div.list_header > p.sort > button {font-size:14px; color:#808080; vertical-align:middle;}
div[data-role="context_list"] > div.list_header > p.sort > button > i {display:inline-block; width:17px; height:17px; margin-left:8px; line-height:17px; border:1px solid #9b9b9b; border-radius:50%; vertical-align:0;}
div[data-role="context_list"] > div.list_header > p.sort > button.active {color:#000; font-weight:bold;}
div[data-role="context_list"] > div.list_header > p.sort > button.active > i {border:1px solid #000;}
div[data-role="context_list"] > div.list_header > p.sort > button + button {position:relative; margin-left:25px;}
div[data-role="context_list"] > div.list_header > p.sort > button + button:before {content:''; position:absolute; top:1px; left:-12px; display:inline-block; width:1px; height:17px; background:#e5e5e5; vertical-align:middle; pointer-events:none;}
div[data-role="context_list"] > div.list_header > p.count > span.blue {color:#0036ce;}
/* div[data-role="context_list"] > ul.list_wrap {} 내부 리스트 영역(ul,li)은 영역별로 스타일을 설정한다. */
div[data-role="context_list"] > div.list_more {box-sizing:border-box;}
div[data-role="context_list"] > div.list_more > button {box-sizing:border-box; width:100%; padding:20px 0; background:#f7f7f7; border:1px solid #e6e6e6; font-size:16px; color :#000; font-weight:bold; text-align:center; cursor:pointer;}
div[data-role="context_list"] > div.list_more > button > i {margin-left:4px;}

/* 페이징 */
div[data-role="paging"] ul {font-size:0; text-align:center;}
div[data-role="paging"] ul > li {display:inline-block; vertical-align:middle;}
div[data-role="paging"] ul > li > a {display:block; width:26px; height:26px; background:#fff; font-size:15px; color:#262626; line-height:26px; text-align:center; }
div[data-role="paging"] ul > li > a.arrow {width:29px; border:1px solid #dfdfdf; color:#38383c;}
div[data-role="paging"] ul > li > a.arrow i {line-height:26px; font-weight:bold; font-size:18px;}
div[data-role="paging"] ul > li > a:hover {background:#0035dd; color:#fff;}
div[data-role="paging"] ul > li > a.disabled {background:#0035dd; color:#a4a4a4;}
div[data-role="paging"] ul > li > a.prev {margin-left:4px; margin-right:24px;}
div[data-role="paging"] ul > li > a.next {margin-right:4px; margin-left:24px;}
div[data-role="paging"] ul > li:not(.arrow) > a {border-radius:2px;}
div[data-role="paging"] ul > li.active > a {background:#0035dd; color:#fff;}
div[data-role="paging"] ul > li > a.arrow.first i {display:block; margin:0 auto; height:100%; width:12px;}
div[data-role="paging"] ul > li > a.arrow.first.active i {display:block; margin:0 auto; height:100%; width:12px; }
div[data-role="paging"] ul > li > a.arrow.end i {display:block; margin:0 auto; width:12px; height:100%;}
div[data-role="paging"] ul > li > a.arrow.end i.active {display:block; margin:0 auto; width:12px; height:100%;}

/* 페이징 버튼일경우 */
div[data-role="paging"] ul > li > button {display:block; width:26px; height:28px; background:#fff; font-size:15px; color:#262626; line-height:26px; text-align:center; }
div[data-role="paging"] ul > li > button.arrow {width:31px; border:1px solid #dfdfdf; color:#38383c;}
div[data-role="paging"] ul > li > button.arrow i {line-height:26px; font-weight:bold; font-size:18px;}
div[data-role="paging"] ul > li > button:hover {background:#0035dd; color:#fff;}
div[data-role="paging"] ul > li > button.disabled {background:#0035dd; color:#a4a4a4;}
div[data-role="paging"] ul > li > button.prev {margin-left:4px; margin-right:24px;}
div[data-role="paging"] ul > li > button.next {margin-right:4px; margin-left:24px;}
div[data-role="paging"] ul > li:not(.arrow) > button {border-radius:2px;}
div[data-role="paging"] ul > li.active > button {background:#0035dd; color:#fff;}
div[data-role="paging"] ul > li > button.arrow.first i {display:block; margin:0 auto; height:100%; width:12px;}
div[data-role="paging"] ul > li > button.arrow.first.active i {display:block; margin:0 auto; height:100%; width:12px; }
div[data-role="paging"] ul > li > button.arrow.end i {display:block; margin:0 auto; width:12px; height:100%;}
div[data-role="paging"] ul > li > button.arrow.end i.active {display:block; margin:0 auto; width:12px; height:100%;}

/* Form 객체 기본 디자인 정의 */
ul[data-role=form] {list-style:none; border-top:2px solid transparent; min-width:100%;}
ul[data-role=form].black {border-top-color:#222;}

ul[data-role=form] > li {display:table; width:100%; min-height:60px; table-layout:fixed; box-sizing:border-box;}
ul[data-role=form].inner > li {border-bottom:1px solid #e3e4e5;}
ul[data-role=form].outer > li {border-left:1px solid #e3e4e5; border-right:1px solid #e3e4e5;}

ul[data-role=form] > li > label {display:table-cell; width:150px; vertical-align:top; line-height:20px; background:#f4f4f4; padding:20px 0px 20px 20px; font-weight:bold; font-size:14px;}
ul[data-role=form] > li > label.required:after {color:red; content:" (필수)"; font-weight:normal;}
ul[data-role=form] > li > label.small {width:100px;}
ul[data-role=form] > li > div {display:table-cell; width:100%; padding:10px 10px 10px 0px; line-height:1; vertical-align:top;}
ul[data-role=form] > li > div:last-child {padding-right:0px;}
ul[data-role=form] > li > label + div {padding-left:10px;}
ul[data-role=form] > li > div > div[data-role=text] {display:table; padding:5px 0px; min-height:30px; line-height:30px; font-size:14px;}
ul[data-role=form] > li > div > div[data-role=text] > div {display:table-cell; vertical-align:middle; line-height:1.6;}
ul[data-role=form] > li > div > div[data-role=button] {margin-top:0; text-align:left; padding:0px;}
ul[data-role=form] > li > div > div[data-role=button] > button {height:40px; line-height:40px; padding:0px 15px; margin:0px;}
ul[data-role=form] > li > div div[data-role=help] {margin-bottom:0;}
ul[data-role=form] > li > div div[data-role=button] {text-align:left;}

div[data-role=input] {display:block; width:100%; min-height:40px; position:relative;}
div[data-role=input] input, div[data-role=input] textarea, div[data-role=input] select, div[data-role=input] label {-webkit-appearance:none;}
div[data-role=inputset] {display:block; width:100%; position:relative; font-size:0;}
div[data-role=inputset] > div[data-role=input] {display:block; margin-top:5px; vertical-align:middle; font-size:1rem;}
div[data-role=inputset] > div[data-role=input]:first-child {margin-top:0px;}
div[data-role=inputset] > div[data-role=text] {font-size:1rem; height:40px; line-height:40px;}
div[data-role=inputset].inline > div[data-role] {vertical-align:middle;}
div[data-role=inputset].inline > div[data-role=input] {display:inline-block; width:auto; margin-top:0px; margin-right:5px;}
div[data-role=inputset].inline > div[data-role=input]:last-child {margin-right:0px;}
div[data-role=inputset].inline > div[data-role=input] > label {padding-right:15px;}
div[data-role=inputset].inline > div[data-role=input]:last-child > label {padding-right:0px;}
div[data-role=inputset].inline > div[data-role=text] {display:inline-block; width:auto; margin-top:0px; margin-right:5px;}
div[data-role=inputset].inline > div[data-role=text]:last-child {margin-right:0px;}
div[data-role=inputset].flex {width:100%; min-height:40px; display:table; table-layout:fixed;}
div[data-role=inputset].flex > div[data-role=input] {display:table-cell; width:auto; margin-top:0px; white-space:nowrap; overflow:visible; border-left:5px solid transparent;}
div[data-role=inputset].flex > div[data-role=input] > label {white-space:nowrap;}
div[data-role=inputset].flex > div[data-role=input]:first-child {border-left:0px;}
div[data-role=inputset].flex > div[data-role=text] {display:table-cell; width:auto; margin-top:0px; white-space:nowrap; overflow:visible; border-left:5px solid transparent; font-size:14px; line-height:40px;}
div[data-role=inputset].flex > div[data-role=help] {display:table-caption; caption-side:bottom; margin-top:5px; margin-left:0px; margin-bottom:5px; border-left:0;}

div[data-role=input][data-type=select] > div {border:1px solid #d1d1d1; background:#fff; box-sizing:border-box; width:100%; height:40px; line-height:1; cursor:pointer; color:#666;}
div[data-role=input][data-type=select] > div > span {display:inline-block; width:calc(100% - 34px); height:38px; line-height:38px; vertical-align:middle; text-align:left; box-sizing:border-box; padding:0px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;}
div[data-role=input][data-type=select] > div > i {display:inline-block; width:30px; height:38px; line-height:38px; text-align:center; vertical-align:middle;position:absolute;}
div[data-role=input][data-type=select] > button:focus, div[data-role=input][data-type=select] > button:active, div[data-role=input][data-type=select] > button.focus {border-color:#66afe9;}
div[data-role=input][data-type=select] > button:focus > i, div[data-role=input][data-type=select] > button:active > i, div[data-role=input][data-type=select] > button.focus > i {color:#428bca;}
div[data-role=input][data-type=select] > button:disabled {border-color:#ccc !important; background:#f4f4f4; opacity:0.8; cursor:not-allowed;}
div[data-role=input][data-type=select] > ul {list-style:none; border:1px solid #66afe9; box-sizing:border-box; width:100%; position:absolute; top:39px; left:0; z-index:8; background:#fff; display:none; text-align:left;}
div[data-role=input][data-type=select] > ul > li {height:38px; line-height:38px; padding:0px 10px; border-bottom:1px solid #d1d1d1; cursor:pointer; outline:none; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; -o-user-select:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px;}
div[data-role=input][data-type=select] > ul > li:last-child {border-bottom:0px;}
div[data-role=input][data-type=select] > ul > li:focus {color:#fff; background-color:#428bca;}
div[data-role=input][data-type=select].extend > button {border-color:#66afe9;}
div[data-role=input][data-type=select].extend > button > i:before {content:"\e905";}
div[data-role=input][data-type=select].extend > ul {display:block; max-height:240px; overflow-y:auto;}
div[data-role=input][data-type=select].extend.up > ul {top:auto; bottom:calc(100% - 1px);}
div[data-role=input][data-type=select] > select {width:100%; height:40px; opacity:0; -webkit-appearance:none; position:absolute; z-index:1; top:0; left:0;}
div[data-role=input][data-type=select].error > button {border-color:#f44336;}
div[data-role=input][data-type=select].error > button > i {color:#f44336;}
div[data-role=input][data-type=select].success > button {border-color:#4caf50;}
div[data-role=input][data-type=select].success > button > i {color:#4caf50;}

div[data-role=input][data-type=input] > input {border:1px solid #d1d1d1; background:#fff; box-sizing:border-box; width:100%; height:40px; padding:10px; line-height:18px; border-radius:0px;}
/*div[data-role=input][data-type=input] > input:focus, div[data-role=input][data-type=input] > input.focus {border-color:#66afe9;}*/
div[data-role=input][data-type=input] > input[disabled] {background:#e5e5e5; opacity:0.5; cursor:not-allowed;}
div[data-role=input][data-type=input] > input[type=date] {opacity:1; width:100%; height:100%; position:absolute; top:0; left:0; z-index:5;}
div[data-role=input][data-type=input] > button {background:#fff; position:absolute; top:1px; right:1px; width:38px; height:38px; border:0; line-height:38px; cursor:pointer; color:#666;}
div[data-role=input][data-type=input] > button:hover {background:#f4f4f4; color:#333;}
div[data-role=input][data-type=input] > button:focus {border:1px solid #66afe9; top:0px; right:0px; width:40px; height:40px; line-height:38px;}
div[data-role=input][data-type=input] > button[disabled] {background:#e5e5e5; opacity:0.5; cursor:not-allowed; color:#666;}
div[data-role=input][data-type=input].extend > input {border-color:#66afe9;}
div[data-role=input][data-type=input].extend > button {background:#428bca; color:#fff;}
div[data-role=input][data-type=input].error > input {border-color:#f44336;}
div[data-role=input][data-type=input].success > input {border-color:#4caf50;}

div[data-role=input][data-type=input] > div[data-role=picker] {position:absolute; top:40px; left:0px; width:100%; box-sizing:border-box; border:1px solid #d1d1d1; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.1); display:none; z-index:10;}
div[data-role=input][data-type=input].extend > div[data-role=picker] {display:block;}

div[data-role=input][data-type=textarea] {height:auto;}
div[data-role=input][data-type=textarea] > textarea {border:1px solid #d1d1d1; background:#fff; box-sizing:border-box; width:100%; height:220px; padding:10px; line-height:18px; border-radius:0px; min-height:100px; resize:none; display:block;}
/*div[data-role=input][data-type=textarea] > textarea:focus, div[data-role=input][data-type=textarea] > textarea.focus {border-color:#66afe9;}*/
div[data-role=input][data-type=textarea] > textarea[disabled] {background:#e5e5e5; opacity:0.5; cursor:not-allowed;}
div[data-role=input][data-type=textarea].error > textarea {border-color:#f44336;}
div[data-role=input][data-type=textarea].success > textarea {border-color:#4caf50;}

div[data-role=input][data-type=checkbox] > label {cursor:pointer; display:inline-block; min-height:20px; line-height:20px; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; -o-user-select:none; padding:10px 0px 10px 32px; vertical-align:middle;}
div[data-role=input][data-type=checkbox] > label > button.checkbox {display:inline-block; width:24px; height:24px; margin:-2px 8px -2px -32px; box-sizing:border-box; border:1px solid #d1d1d1; float:left; background:#fff; cursor:pointer; vertical-align:middle;}
div[data-role=input][data-type=checkbox] > label > button.checkbox.on {background:#43b3ec; border-color:#5891dd; font-family:moimz; line-height:22px; color:#fff; text-align:center; padding-right:1px;}
div[data-role=input][data-type=checkbox] > label > button.checkbox.on:before {content:"\eb10";}
div[data-role=input][data-type=checkbox] > label > button.checkbox:focus {border-color:#66afe9;}
div[data-role=input][data-type=checkbox].disabled > label {opacity:0.5; cursor:not-allowed;}
div[data-role=input][data-type=checkbox].disabled > label > button {border-color:#ccc !important; background:#e5e5e5; opacity:0.8; cursor:not-allowed;}
div[data-role=input][data-type=checkbox].error > label {color:#f44336;}
div[data-role=input][data-type=checkbox].error > label > button {border-color:#f44336;}
div[data-role=input][data-type=checkbox].success > label {color:#4caf50;}
div[data-role=input][data-type=checkbox].success > label > button {border-color:#4caf50;}

div[data-role=input][data-type=radio] > label {cursor:pointer; display:inline-block; min-height:17px; line-height:17px; color:#666; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; -o-user-select:none; padding:10px 0px 10px 32px;}
div[data-role=input][data-type=radio] > label > button.radio {display:inline-block; width:24px; height:24px; margin:-3px 8px -3px -32px; box-sizing:border-box; border:1px solid #d1d1d1; float:left; background:#fff; border-radius:50%; cursor:pointer; vertical-align:middle;}
div[data-role=input][data-type=radio] > label > button.radio.on {border:8px solid #43b3ec; background:#fff;}
div[data-role=input][data-type=radio] > label > button.radio:focus {border-color:#66afe9;}
div[data-role=input][data-type=radio].disabled > label {opacity:0.8; cursor:not-allowed;}
div[data-role=input][data-type=radio].disabled > label > button {border-color:#ccc !important; background:#e5e5e5; cursor:not-allowed;}
div[data-role=input][data-type=radio].error > label {color:#f44336;}
div[data-role=input][data-type=radio].error > label > button {border-color:#f44336;}
div[data-role=input][data-type=radio].success > label {color:#4caf50;}
div[data-role=input][data-type=radio].success > label > button {border-color:#4caf50;}
div[data-role=input] + div[data-role=input], div[data-role=input] + div[data-role=inputset], div[data-role=inputset] + div[data-role=input], div[data-role=inputset] + div[data-role=inputset] {margin-top:5px;}
div.list_page {margin-top:40px;}

/* 게시판 리스트 공통 스타일 */
ul[data-role=table] {margin-bottom:30px; list-style:none; min-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}

ul[data-role=table] > li {display:table; width:100%; font-size:14px; table-layout:fixed; box-sizing:border-box;}
ul[data-role=table] > li {border-bottom:1px solid #e3e4e5;}
ul[data-role=table].outer > li {border-left:1px solid #e3e4e5; border-right:1px solid #e3e4e5;}
ul[data-role=table].inner.outer > li {border-right:0px;}
ul[data-role=table].inner.outer > li > span:last-child {border-right:1px solid #e3e4e5;}

ul[data-role=table] > li > span, ul[data-role=table] > li.thead > a {display:table-cell; vertical-align:top; box-sizing:border-box; height:60px;}
ul[data-role=table] > li > span.thead {background:#f4f4f4; font-weight:bold;}
ul[data-role=table] > li.thead {border-top:2px solid transparent; border-bottom:1px solid #e3e4e5;}
ul[data-role=table].red > li.thead {border-top-color:#f44336;}
ul[data-role=table].black > li.thead {border-top-color:#222;}

ul[data-role=table] > li.thead > span, ul[data-role=table] > li.thead > a {background:#f4f4f4; font-weight:bold; text-align:center; vertical-align:middle; line-height:1.6; padding:10px 0px;}
ul[data-role=table] > li.thead > a {color:#333; text-decoration:none;}
ul[data-role=table] > li.thead > a > i {margin-left:5px;}
ul[data-role=table] > li.tbody {background:#fff;}
ul[data-role=table] > li.tbody > span {vertical-align:middle; padding:0px 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul[data-role=table] > li.tbody > span.multiline {line-height:20px; padding:10px; height:auto; white-space:normal;}
ul[data-role=table] > li.tbody > span.center {text-align:center;}
ul[data-role=table] > li.tbody > span.right {text-align:right;}

/* 로그인 체크박스 공통 */
div[data-role=check_search] > label {cursor:pointer; vertical-align:middle;}
div[data-role=check_search] > button > i {display:inline-block; width:20px; height:20px; margin-right:5px; line-height:20px; border:1px solid #cccdcd; border-radius:20px; background:#fff; color:#cccdcd; vertical-align:middle; text-align:center;}
div[data-role=check_search] > button.on > i {border-color:#0036ce; color:#fff; background:#0036ce;}
div[data-role=check_search] > div.search {float:right; padding:5px 0; box-sizing:border-box;}
div[data-role=check_search] > div.search > a {position:relative; color:#808080;}
div[data-role=check_search] > div.search > a.email {padding-right:30px;}
div[data-role=check_search] > div.search > a.email:after {content:''; display:inline-block; position:absolute; right:11px; top:3px; width:1px; height:15px; background:#b6c0ca;}

/* 폼 버튼, 기타*/
div[data-name="privacy"] {padding:15px 20px; border-bottom:1px solid #e3e4e5; font:0;}
div[data-name="privacy"] div[data-role=check_search] {display:inline-block; font-size:14px; vertical-align:middle;}
div[data-name="privacy"] label {position:relative; display:inline-block; vertical-align:middle; cursor:pointer; }
div[data-name="privacy"] label input[type="checkbox"] {display:none;}
div[data-role="button"] {padding:30px 0; text-align:center; vertical-align:middle;}
div[data-role="button"] button {box-sizing:border-box; padding:0 30px; height:50px; line-height:50px; text-align:center; border-radius:3px; font-size:16px; }
div[data-role="button"] button.btn_submit {color:#fff; background:#0036ce;}

/* 별점 공통 */
span[data-role=star_rate] {display:inline-block; width:108px; height:18px; background:url(../image/img_star_rate_gray.png) no-repeat top left; vertical-align:middle; overflow:hidden;}
span[data-role=star_rate] > span.star_rating {display:inline-block; width: 108px; height: 18px; background: #000; background:url(../image/img_star_rate_color.png) no-repeat top left; }

#introduce_area, #preview_area, #operate_area, #question_area, #etc_area, #recommend_area, #institution_area {display:none;}
main.basic_view div.recommend, main.basic_view div.recommend div.program {display:none;}
main.basic_view > div.list div.breadcrumb > a.share {margin-right:0;}
main.basic_view > div.list ul.view li.image div.card_img span.ico_year { position:absolute; display:inline-block; right:-45px; bottom:-45px; width:94px; height:94px; background-color:#0036ce; transform:rotate(45deg);}
main.basic_view > div.list ul.view li.image div.card_img i { position:absolute; display:inline-block; width:33px; height:32px; left:0; top:30%; background:url(../image/program_ico_year.png)no-repeat center; transform:rotate(-45deg); z-index:2;}
main.basic_view > div.context {padding-bottom:0;}
main.basic_view > div.context > div.container {margin-bottom:20px;}
main.basic_view > div.context > div.container div.list_header {display:none;}
main.basic_view > div.context > div.container ul.group_list {cursor:pointer;}
main.basic_view > div.context > div.container div.intro video {height:auto;}
main.basic_view > div.context > div.container div.intro div.etc {padding-bottom:20px; font-size:15px;}

main.series_detail > div.list ul.view > li.text > div.list > div.button > div > button {width: calc(100% - 8px);}

/* 검색창노출화면 */
div[data-role="all_search"] {display:none; position:absolute; top:84px; right:0; z-index:5; width:100%; max-height:80vh; padding:80px 0; border-top:1px solid #e6e6e6; background-color:#fff; z-index:999; box-sizing:border-box; overflow-y:auto;}
div[data-role="all_search"].on {display:block;}
div[data-role="all_search"] > div.container {position:relative;}
div[data-role="all_search"] > div.container > div {box-sizing:border-box;}
div[data-role="all_search"] > div.container > div > h4 {font-size:32px; font-weight:bold; line-height:33px; text-align:center; word-break:keep-all;}
div[data-role="all_search"] > div.container > div > div.box_search.all {margin:40px 0 30px; padding-top:0;}
div[data-role="all_search"] > div.container > div > div.box_search.all div.search {width:100%;}
div[data-role="all_search"] > div.container > div > div.box_search.all div.search > input {width:calc(100% - 68px); line-height:68px; border-radius:4px 0 0 4px; background:#f5f5f5;}
div[data-role="all_search"] > div.container > div > div.box_search.all div.search > button.btn_search {width:68px; height:68px; border-radius:4px;}
div[data-role="all_search"] > div.container > div > div.box_search.all div.search > button.btn_search > i {font-size:25px;}
div[data-role="all_search"] > div.container > div > div.title > strong {display:inline-block; width:100%; margin-bottom:20px; font-size:16px; line-height:20px;}
div[data-role="all_search"] > div.container > div > div.title > strong > button {float:right; text-decoration:underline; text-underline-position:under;}
div[data-role="all_search"] > div.container > div > div.line {display:inline-block; width:100%; height:1px; margin:10px 0 30px; background:#e6e6e6;}
div[data-role="all_search"] > div.container > div > div.title > div.title_list > span {display:inline-block; margin-bottom:20px; margin-right:20px; line-height:18px;}
div[data-role="all_search"] > div.container > div > div.title > div.title_list > span > i {display:inline-block; width:18px; height:18px; margin-left:5px; font-size:7px; line-height:18px; border:1px solid #d6d6d6; background:#fff; text-align:center; cursor:pointer; vertical-align:top;}
div[data-role="all_search"] > div.container > div > div.recommend_list > strong {display:inline-block; width:100%; margin-bottom:20px; font-size:16px; line-height:20px;}
div[data-role="all_search"] > div.container > div > div.recommend_list > ul::after {content:''; display:block; clear:both;}
div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li {float:left; width:calc((100% - 20px) / 5); margin-right:5px; border:1px solid #e6e6e6; border-radius:5px; box-sizing:border-box;}
div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li:nth-of-type(5n) {margin-right:0;}
div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li > a {display:inline-block; padding:20px 15px; box-sizing:border-box;}
div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li p.title {height:90px; padding-bottom:45px; font-size:16px; font-weight:bold; line-height:22px; word-wrap:break-word; box-sizing:border-box;}
div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li span {display:inline-block; padding:4px; border:1px solid #ee137b; border-radius:2px; box-sizing:border-box; color:#ee137b;}
div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li p.date {margin-top:10px; line-height:24px; color:#808080;}
/* 23.01.19 검색박스 닫기버튼 추가 { */
div[data-role="all_search"] div.btn {position:absolute; right:0; top:-65px;}
div[data-role="all_search"] div.btn > button.close {margin-bottom:30px; width:60px; height:60px; font-weight:bold; font-size:25px; color:#222;}
/* } 23.01.19 검색박스 닫기버튼 추가 */

/* 탭메뉴 */
div[data-role="tab_menu"] ul.tab_wrap li.active {background:#0035dd; color:#fff;}
div[data-role="tab_menu"] ul.tab_wrap li:hover {background:#0035dd; color:#fff;}
div[data-role="tab_menu"] ul.tab_wrap li {border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
div[data-role="tab_menu"] ul.tab_wrap {display:-ms-flexbox; display:-webkit-box; display:-moz-box; display:flex; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:0; position:relative; height:100%; white-space:nowrap; font-size:0;}/* border-bottom:2px solid #000;}*/
div[data-role="tab_menu"] ul.tab_wrap > div {width:100%;}
div[data-role="tab_menu"] ul.tab_wrap > div > div {border-left:1px solid #e0e0e0;}
div[data-role="tab_menu"] div.container {position:relative;}
div[data-role="tab_menu"] ul.tab_wrap li {box-sizing:border-box; display:inline-block; width:calc(100% / 7); height:60px; background:#f7f7f7; font-size:16px; color:#000; font-weight:bold;  text-align:center; cursor:pointer; transition:all 0.3s;}
div[data-role="tab_menu"] ul.tab_wrap li a {display:-ms-flexbox; display:-webkit-box; display:-moz-box; display:flex; -webkit-box-pack:center; -moz-box-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center; width:100%; height:100%; line-height:1.1;}
div[data-role="tab_menu"] button.tab_arrow {display:none; position:absolute; top:50%; transform:translateY(-50%); width:20px; height:100%; font-size:20px; color:#009D57; font-weight:bold; z-index:5; font-weight:bold; }
div[data-role="tab_menu"] button.tab_prev {left:20px;}
div[data-role="tab_menu"] button.tab_next {right:25px;}
button.tab_arrow > i {border-radius:20px;border-width:2px;border:1px solid #FFFFFF;padding:5px;background:#FFFFFF;color:#000000;box-shadow:0px 0px 1px 2px #ededed;}
/* 탭메뉴 상단 */
div[data-role="tab_menu"] ul.tab_wrap_big {position:relative; overflow:hidden; height:60px; white-space:nowrap; font-size:0; border-right:1px solid #e0e0e0;}
div[data-role="tab_menu"] div.container {position:relative;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_big li {box-sizing:border-box; display:inline-block; width:122px; border-left:1px solid #e0e0e0; font-size:16px; color:#000; font-weight:bold; line-height:20px; text-align:center; cursor:pointer; transition:all 0.3s;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_big li.active {background:#0035dd; color:#fff;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_big li:hover {background:#0035dd; color:#fff;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_big li a {display:block; width:100%; height:100%;}
div[data-role="tab_menu"].big_tab button.tab_arrow_big {display:none; position:absolute; top:50%; transform:translateY(-50%); width:20px; height:100%; font-size:20px; color:#00A85D; font-weight:bold; z-index:5; font-weight:bold; }
div[data-role="tab_menu"].big_tab button.tab_prev_big {left:20px;}
div[data-role="tab_menu"].big_tab button.tab_next_big {right:20px;}
div[data-role="tab_menu"].big_tab {border-bottom:none;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_big li {width:366px;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_big li > a {text-overflow:ellipsis; overflow:hidden; white-space:break-spaces; display: flex; justify-content: center; align-items: center;}
div[data-role="context_list"].big_list {padding-top:0;}
div[data-role="tab_menu"] {padding-top:40px;}
div[data-role="tab_menu"] ul.tab_wrap_to_big {position:relative; overflow:hidden; height:60px; white-space:nowrap; font-size:0; border-right:1px solid #e0e0e0;}
div[data-role="tab_menu"] div.container {position:relative;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_to_big li {box-sizing:border-box; display:inline-block; width:122px; border-left:1px solid #e0e0e0; font-size:16px; color:#000; font-weight:bold; line-height:60px; text-align:center; cursor:pointer; transition:all 0.3s;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_to_big li.active {background:#0035dd; color:#fff;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_to_big li:hover {background:#0035dd; color:#fff;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_to_big li a {display:block; width:100%; height:100%;}
div[data-role="tab_menu"].big_tab button.tab_arrow_big {display:none; position:absolute; top:50%; transform:translateY(-50%); width:20px; height:100%; font-size:20px; color:#00A85D; font-weight:bold; z-index:4; font-weight:bold; }
div[data-role="tab_menu"].big_tab button.tab_prev_big {left:20px;}
div[data-role="tab_menu"].big_tab button.tab_next_big {right:20px;}
div[data-role="tab_menu"].big_tab {padding-top:0; height:60px; border-bottom:1px solid #e0e0e0; border-top:none;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_to_big li {width:366px;}
div[data-role="tab_menu"].big_tab ul.tab_wrap_to_big li > a {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div[data-role="context_list"].big_list {padding-top:0;}
.slick-track, .slick-list.draggable {height: 100%;}

/* 툴팁 */
.ui-tooltip {margin-left:10px; padding:10px 20px; color:#fff; border-radius:10px; font:bold 14px; text-transform:uppercase; box-shadow:0 0 7px black;}
.ui-tooltip, .arrow:after {background:#FBF8EF; border:0;}
.ui-tooltip-content {line-height:1.3;}
div.box_popup div.popup > div.popup_inner > div {max-height: 65vh;}

@media screen and (max-width:1200px) {
	/* 타이틀 배경타입 */
	div.page_title_wrap.type_bg {background-position:bottom left -70%, top 30% right -20%;}

	/* 탑버튼 */
	div.btn_top {right:10px; }
	div.btn_top a.chatting {width:50px; height:50px; }
	div.btn_top a[data-action=top] {width:50px; height:50px; line-height:50px; }
}

@media screen and (max-width:1020px) {
	/* 타이틀 배경타입 */
	div.page_title_wrap.type_bg h3.page_title + div.box_info > a.btn_link {position:static; display:block; width:100%; margin-top:15px;}
}

@media screen and (max-width:991px) {
	/* 검색창 노출화면 */
	div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li {width:calc((100% - 5px) / 2); margin-bottom:5px;}
	div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li:nth-of-type(2n) {margin-right:0;}
	div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li:last-child {margin-bottom:0;}
}

@media screen and (max-width:768px) {
	/* 검색하기 */
	div[data-role="search"] div.option {margin-bottom:6px;}
	div[data-role="search"] div.option select {width:100%;}
	div[data-role="search"] form div.option, div.search_wrap div.option {-webkit-box-ordinal-group:0; -ms-flex-order:0; order:0;}
	div[data-role="search"] form div.search, div.search_wrap div.search {-webkit-box-ordinal-group:2; -ms-flex-order:2; order:2;}
	div[data-role="search"] form button.all, div.search_wrap button.all {-webkit-box-ordinal-group:1; -ms-flex-order:1; order:1;}

	/* 공지사항 */
	div[data-name="board-list"] ul[data-role=table] > li > span.loopnum {text-align:left;}
	div[data-name="board-list"] ul[data-role=table] > li > span.type {text-align:left;}
	div[data-name="board-list"] ul[data-role=table] > li > span.title {text-align:left;}
	div[data-name="board-list"] ul[data-role=table] > li > span.date {text-align:left;}
	div[data-name="board-list"] ul[data-role=table] > li.thead > span {display:none;}
	div[data-name="board-list"] ul[data-role=table] > li.tbody {font-size:0; display:block; padding:10px 0px;}
	div[data-name="board-list"] ul[data-role=table] > li.tbody > span {display:inline-block; font-size:14px; box-sizing:border-box; vertical-align:middle; padding:0;}
	/* 문의 */
	div[data-name="privacy"] {padding-left:0; padding-right:0;}
	/* 이미지 박스 */
	div.context div.box_img {padding:30px;}
}

@media screen and (max-width:550px) {
	/* 이미지 박스 */
	div.context div.box_img {padding:15px;}
}

@media screen and (max-width:480px) {
	div[data-role="all_search"] > div.container > div > div.recommend_list > ul > li {width:100%; margin-right:0;}
}

@media screen and (max-width:380px) {
	/* 메인 팝업 */
	div[data-role=mainPopup] div.popup div.popup_footer button {font-size:13px;}
	/* 문의 */
	div[data-name="privacy"] label {font-size:12px;}
	/* breadcrumb */
	div.breadcrumb > div.container > a,
	div.breadcrumb > div.container > i  {margin-right:5px;}

	/* 서브페이지 컨텐츠리스트 공통 스타일 */
	div[data-role="context_list"] > div.list_header > p {display:inline-block; width:100%;}
	div[data-role="context_list"] > div.list_header > p.count {margin-bottom:10px;}

	/* 페이징 a태그 */
	div[data-role="paging"] ul > li > a {width:20px; height:20px; line-height:20px; font-size:12px; line-height:20px;}
	div[data-role="paging"] ul > li > a.arrow {width:20px; height:20px; }
	div[data-role="paging"] ul > li > a.arrow i {font-size:12px; line-height:20px; vertical-align:top;}
	div[data-role="paging"] ul > li > a.prev {margin-right:10px;}
	div[data-role="paging"] ul > li > a.next {margin-left:10px;}

	/* 페이징 버튼식 */
	div[data-role="paging"] ul > li > button {width:20px; height:20px; line-height:20px; font-size:12px; line-height:20px;}
	div[data-role="paging"] ul > li > button.arrow {width:22px; height:22px; }
	div[data-role="paging"] ul > li > button.arrow i {font-size:12px; line-height:20px; vertical-align:top;}
	div[data-role="paging"] ul > li > button.prev {margin-right:10px;}
	div[data-role="paging"] ul > li > button.next {margin-left:10px;}
}

body { position: static !important; top:0px !important; }
iframe.goog-te-banner-frame { display: none !important; }
.skiptranslate { display: none !important; }

.goog-logo-link { display:none !important; }
.goog-te-gadget { color: transparent !important; overflow: hidden;}
.goog-te-balloon-frame{display: none !important;}
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}
#google_translate_element {visibility: hidden; position: absolute; top: 0px;}