@charset "utf-8";
@import url("webfont.css");
@import url("vliferary_m.css");

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,footer,header,hgroup,nav,output,section,time,mark,audio,video {margin: 0;padding: 0;border: 0;vertical-align: baseline;-webkit-text-size-adjust: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
tr,th,td {vertical-align: middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {font-family: 'SpoqaHanSans', Sans-serif;font-weight: 400;font-size: 16px;color: #000;-webkit-text-size-adjust: 100%;}
ol,ul,li {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
a:hover {text-decoration: none;}
caption,legend {display: none;}
button {font: 100%;outline: none;border: 0;padding: 0;margin: 0;background-color: transparent;cursor: pointer;}
input,select {font: 100%;outline: none;-webkit-border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
input {-webkit-border-radius: 0;-webkit-appearance: none;}
input[type="checkbox"],input[type="radio"] {background: none;border: none;cursor: pointer;}
input[type="submit"] {cursor: pointer;}
strong {font-weight: bold;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {/* WebKit browsers */color: transparent;}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: transparent;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color: transparent;}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color: transparent;}
input:-ms-input-placeholder {color: #bbbbbb;}
input::-webkit-input-placeholder {color: #bbbbbb;}
input::-moz-placeholder {color: #bbbbbb;}
input::-moz-placeholder {color: #bbbbbb;}
.after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.blind {overflow:hidden; position: absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px;}
h2 {font-size: 26px;font-weight: 700;line-height: 1.55em;color: #222;text-align: left;}
h3 {font-size: 18px;font-weight: 700;line-height: 1.64em;color: #007dc5;text-align: left;}
.pc_only {display: none !important;}
.mobile_only {display: block !important;}
.conTit_box {width: 100%;height: 158px;background: #00b5e2;padding-top: 30px;}
.conTit_box ul {width: calc(100% - 40px);margin: 0 auto;}
.conTit_box ul li.tit {margin-bottom: 8px;}
.conTit_box ul li.tit h2 {color: #fff;}
.conTit_box ul li.text {font-size: 15px;font-weight: 400;line-height: 1.64em;color: #fff;}
.conTit_box ul li.text br {display: none;}
.key_visual {width: 100%;height: 568px;position: relative;}
.key_visual:before {content:"";position: absolute;top: 0;width: 100%;height: 160px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));z-index: 12;display: block;}
.key_visual .conTit_box {width: 100%;height: 163px;background: rgba(255, 255, 255, 0.6);padding-top: 20px;position: absolute;bottom: 0;}
.key_visual .conTit_box ul {width: calc(100% - 40px);margin: 0 auto;}
.key_visual .conTit_box ul li.tit {margin-bottom: 8px;}
.key_visual .conTit_box ul li.tit h2 {color: #222;}
.key_visual .conTit_box ul li.text {font-size: 15px;font-weight: 400;line-height: 1.64em;color: #222;}
.key_visual .conTit_box ul li.text br {display: none;}
.key_visual .conTit_box ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.tab_box {height: 53px;background: #f9f9f9;border-bottom: 1px solid rgba(0, 0, 0, 0.1);overflow-y: hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;text-align: center;}
.tab_box ul {display: inline-block;height: 20px;padding: 14px 0;}
.tab_box ul li {display: inline-block;vertical-align: middle;}
.tab_box ul li a {display: block;font-size: 13px;color: #222;line-height: 1.55em;font-weight: 400;filter: alpha(opacity=70);opacity: 0.7;-moz-opacity: 0.7;position: relative;padding: 0 20px;text-align: center;}
.tab_box ul li a:after {content: '';width: 1px;height: 20px;background: rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;}
.tab_box ul li:first-child a:after {display: none;}
.tab_box ul li.on_tab a {filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;text-decoration: underline;}
.tab_box ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.tab_box::-webkit-scrollbar {display: none;}
.pagination_type01 {margin: 20px 0 0;display: inline-block;}
.pagination_type01 button {display: inline-block;font-size: 15px;line-height: 1.78em;color: #353535;font-weight: 400;margin: 0 4px;}
.pagination_type01 button.on_page {text-decoration: underline;font-weight: 700;}
.pagination_type01 a {display: inline-block;font-size: 15px;line-height: 1.78em;color: #353535;font-weight: 400;margin: 0 4px;}
.pagination_type01 a.on_page {text-decoration: underline;font-weight: 700;}
.pagination_type01 .prev_btn {width: 30px;height: 13px;background: url('/images/m_arrow_prev.png') no-repeat center center;background-size: 30px 13px;margin: 0 12px 0 0;}
.pagination_type01 .next_btn {width: 30px;height: 13px;background: url('/images/m_arrow_next.png') no-repeat center center;background-size: 30px 13px;margin: 0 0 0 12px;}
.pagination_type02 {margin: 15px 0 0; text-align: right}
.pagination_type02.right {position:absolute; right: 0;}
.pagination_type02 .num {display: inline-block;}
.pagination_type02 .num span {font-size: 15px;font-weight: 700;line-height: 1.78em;color: #353535;}
.pagination_type02 .mobile_only {display: inline-block;}
.pagination_type02 .desktop_only {display: none;}
.pagination_type02 a {display: inline-block;}
.pagination_type02 .prev_btn {display: none;}
.pagination_type02 .next_btn {display: none;}
.m_loadmore_btn {display: inline-block;font-size: 15px;font-weight: 700;color: #222;text-align: center;padding-bottom: 18px;background: url('/images/m_loadmore.png') no-repeat center bottom;background-size: 15px 15px;margin: 0 auto;}
.detail_page {width: 100%;padding: 55px 0 120px;background: #fff;}
.detail_page .box {width: 100%;margin: 0 auto;}
.detail_page .box > div.date {font-size: 13px;color: #666;padding: 0 20px;margin-bottom: 10px;}
.detail_page .box > div.news_contents ul li.tit_box {width: calc(100% - 40px);margin: 0 auto;font-size: 26px;line-height: 1.35em;color: #222;font-weight: 300;padding: 0 0 70px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.detail_page .box > div.news_contents ul li.text_box {padding: 50px 20px 80px 20px;font-size: 15px;line-height: 1.62em;color: #222;overflow: hidden;}
.detail_page .box > div.news_contents ul li.text_box p {font-size: 15px;line-height: 1.62em;color: #222;padding: 0 20px;margin: 10px 0;}
.detail_page .box > div.news_contents ul li.text_box .point_text {font-size: 18px;line-height: 1.54em;margin: 0 0 20px;}
.detail_page .box > div.news_contents ul li.text_box .img_text {font-size: 11px;line-height: 1.54em;color: #666;margin-bottom: 30px;}
.detail_page .box > div.news_contents ul li.text_box img {max-width: 100%;margin-top: 40px;}
.detail_page .box:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.detail_page .box hr {display: block;width: 100%;height: 1px;background: none;border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.detail_page .box .back_btn {display: inline-block;font-size: 12px;font-weight: 700;color: #222;padding-left: 38px;margin: 23px 0 0 20px;background: url('/images/m_arrow_prev.png') no-repeat left center;background-size: 30px 13px;}
.top_btn {display: block;background: url('/images/top_btn.png') no-repeat 50% 50% #fff;width: 50px;height: 50px;position: absolute;bottom: 20px;right: 20px;right: 0;z-index: 1000;background-size: 13px 30px;}
.arrow_btn {display: block;text-align: right;font-size: 12px;font-weight: 700;line-height: 1.78em;color: #222;background: url('/images/arrow_next.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;margin: 0 auto;z-index: 10;}
.w_banner {width: 100%;background: #fff;}
.w_banner > a {display: block;width: calc(100% - 40px);height: 160px;margin: 0 auto;position: relative;}
.w_banner .arrow_btn {display: none;}
.w_banner .img_box {position: absolute;top: 0;right: 0;width: 43%;height: 100%;overflow: hidden;}
.w_banner .img_box img {display: inline-block;max-width: 100%;max-height: 100%;position: absolute;right: 0;bottom: 0;}
.w_banner .text_box {width: 50%;height: 115px;position: absolute;top: 20px;left: 0;}
.w_banner .text_box strong {font-size: 15px;color: #222;max-height: 44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 5px;}
.w_banner .text_box p {font-size: 11px;color: #222;max-height: 34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.w_banner .text_box span {position: absolute;left: 0;bottom: 0;font-size: 10px;color: #222;}
.b_banner {width: 100%;background: #000;}
.b_banner > a {display: block;width: calc(100% - 40px);height: 160px;margin: 0 auto;position: relative;}
.b_banner .arrow_btn {display: none;}
.b_banner .img_box {position: absolute;top: 0;right: 0;width: 43%;height: 100%;overflow: hidden;}
.b_banner .img_box img {display: inline-block;max-width: 100%;max-height: 100%;position: absolute;right: 0;bottom: 0;}
.b_banner .text_box {width: 50%;height: 115px;position: absolute;top: 20px;left: 0;}
.b_banner .text_box strong {font-size: 15px;color: #fff;max-height: 44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 5px;}
.b_banner .text_box p {font-size: 11px;color: #fff;max-height: 34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.b_banner .text_box span {position: absolute;left: 0;bottom: 0;font-size: 10px;color: #fff;}
.reports_list {width: 100%;text-align: center;}
.reports_list ul li {width: 100%;margin-bottom: 12px;text-align: left;}
.reports_list ul li .over_box a {display: block;width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
.reports_list ul li .over_box a > strong {display: block;font-size: 10px;color: #666;margin-bottom: 10px;}
.reports_list ul li .over_box a > p {font-size: 20px;line-height: 1.48em;color: #222;max-height: 116px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap: break-word;}
.reports_list ul li .over_box a div {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 20px 20px;}
.reports_list ul li .over_box a div p {font-size: 13px;color: #666;}
.reports_list ul li .over_box a div span {vertical-align: bottom;}
.reports_list ul li .over_box a div .date {float: left;display: inline-block;font-size: 13px;color: #666;}
.reports_list ul li .over_box a div .arrow {display: inline-block;float: right;background: url('/images/m_download.png') no-repeat right center;background-size: 13px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
.reports_list ul .link .over_box a div .arrow {background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;padding-right: 20px;font-size: 12px;font-weight: 600;color: #007dc5;}
.reports_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.reports_list .m_loadmore_btn {display: none;}
.news_list {width: 100%;text-align: center;}
.news_list .none_text {font-size: 18px;line-height: 1.54em;color: #bbb;text-align: center;margin: 150px 0 30px;}
.news_list ul li {width: 100%;margin-bottom: 12px;text-align: left;}
.news_list ul li .over_box a {display: block;width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
.news_list ul li .over_box a > strong {display: block;font-size: 20px;line-height: 1.34em;color: #222;font-weight: 500;max-height: 78px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;margin-bottom: 10px;}
.news_list ul li .over_box a > p {font-size: 13px;line-height: 1.48em;color: #222;max-height: 57px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
.news_list ul li .over_box a div {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 20px 20px;}
.news_list ul li .over_box a div p {font-size: 13px;color: #666;}
.news_list ul li .over_box a div span {vertical-align: bottom;}
.news_list ul li .over_box a div .date {float: left;display: inline-block;font-size: 13px;color: #666;}
.news_list ul li .over_box a div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
.news_list ul .link .over_box a div .arrow {background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;padding-right: 20px;font-size: 12px;font-weight: 600;color: #007dc5;}
.news_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.news_list .m_loadmore_btn {display: none;}
.book_list {width: calc(100% - 40px);margin: 0 auto;padding-bottom: 41px; display: flex; flex-wrap: wrap;}
.book_list ul li {width: 100%;}
.book_list ul li .over_box a {display: block;width: 100%;height: 100%;background: #fff;position: relative;}
.book_list ul li .over_box a .thum {width: 100%;height: 0;padding-top: calc(132.85714286%);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.book_list ul li .over_box a .tit_box {height: 146px;background: #fff;border-top: 1px solid #d9d9d9;padding: 20px;}
.book_list ul li .over_box a .tit_box strong {display: block;font-size: 18px;line-height: 1.64em;color: #222;margin-bottom: 5px;font-weight: 400;}
.book_list ul li .over_box a .tit_box p {font-size: 13px;line-height: 1.67em;color: #353535;height: 66px;max-height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.book_list ul li .over_box a .tit_box > div {margin-top: 25px;}
.book_list ul li .over_box a .tit_box > div .arrow {float: right;background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;padding-right: 21px;font-size: 12px;font-weight: 700;color: #007dc5;display: inline-block;}
.book_list ul li .over_box .desktop_only {display: none;}
.book_list ul li .over_box .mobile_only {display: block;}
.book_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.textbook_list {width: calc(100% - 40px);margin: 0 auto;padding-bottom: 41px;}
.textbook_list ul li {float: left;width: 100%;}
.textbook_list ul li .over_box a {display: block;width: 100%;height: 100%;background: #fff;position: relative;}
.textbook_list ul li .over_box a .thum {width: 100%;height: 0;padding-top: calc(132.85714286%);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.textbook_list ul li .over_box a .tit_box {height: 76px;background: #fff;border-top: 1px solid #d9d9d9;padding: 20px;}
.textbook_list ul li .over_box a .tit_box strong {display: block;font-size: 18px;line-height: 1.64em;color: #222;font-weight: 400;margin-bottom: 24px;}
.textbook_list ul li .over_box a .tit_box p {font-size: 13px;line-height: 1.67em;color: #353535;height: 66px;max-height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.textbook_list ul li .over_box a .tit_box > div {margin-top: 25px;}
.textbook_list ul li .over_box a .tit_box > div .arrow {float: right;background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;padding-right: 21px;font-size: 12px;font-weight: 700;color: #007dc5;display: inline-block;}
.textbook_list ul li .over_box .desktop_only {display: none;}
.textbook_list ul li .over_box .mobile_only {display: block;}
.brand_list {width: calc(100% - 40px);margin: 0 auto;}
.brand_list ul li {width: 100%;margin-bottom: 12px;text-align: left;}
.brand_list ul li .over_box {position: relative;}
.brand_list ul li .over_box a {display: block;width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
.brand_list ul li .over_box a > img {display: block;width: 220px;margin: 20px auto 5px;}
.brand_list ul li .over_box a > p {font-size: 15px;line-height: 1.78em;color: #222;text-align: center;}
.brand_list ul li .over_box a div {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 20px 20px;}
.brand_list ul li .over_box a div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
.brand_list ul li .over_box .site {display: inline-block;font-size: 12px;font-weight: 700;color: #222;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;width: auto;height: auto;padding: 0 19px 0 0;position: absolute;top: 20px;left: 20px;}
.brand_list ul .link .over_box a div .arrow {background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;padding-right: 20px;font-size: 12px;font-weight: 600;color: #007dc5;}
.brand_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.list_wrap02 {width: calc(100% - 40px);margin: 0 auto;}
.list_wrap02 li {margin-bottom: 12px;}
.list_wrap02 li a {display: block;width: calc(100% - 40px);background: #fff;padding: 20px 20px 30px;transition: all 0.3s ease;position: relative;}
.list_wrap02 li a > span {display: inline-block;font-size: 12px;font-weight: 700;color: #222;padding-right: 19px;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;}
.list_wrap02 li a > img {display: block;width: 220px;margin: 15px auto 0;}
.list_wrap02 li a > p {font-size: 15px;line-height: 1.78em;color: #222;text-align: center;padding: 0 10px;}
.list_wrap03 {width: calc(100% - 40px);margin: 30px auto 0;}
.list_wrap03 li {width: 100%;margin-bottom: 12px;}
.list_wrap03 li a {display: block;position: relative;}
.list_wrap03 li .img {width: 100%;height: 0;padding-top: calc(100%);background-position: center center;background-repeat: no-repeat;background-size: cover;border-bottom: 1px solid #d9d9d9;}
.list_wrap03 li .text {background: #fff;padding: 20px 20px;position: relative;text-align: right;}
.list_wrap03 li .text strong {display: block;font-size: 20px;font-weight: 400;line-height: 1.54em;color: #222;word-break: keep-all;margin-bottom: 10px;text-align: left;}
.list_wrap03 li .text strong small {display: block; font-size: 15px; font-weight: 500;}
.list_wrap03 li .text p {font-size: 13px;line-height: 1.64em;color: #222;text-align: left;}
.list_wrap03 li .text span {display: inline-block;font-size: 12px;font-weight: 700;color: #007dc5;padding-right: 21px;background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;margin-top: 40px;}
.list_wrap03 li .text ul {margin-top: 5px;}
.list_wrap03 li .text li {width: 100%; height: auto; margin: 5px 0 0 0; padding-left: 10px; text-indent: -10px; font-size: 13px;line-height: 1.64em;color: #222;text-align: left;}
.list_wrap03 li .desktop_only {display: none;}
.list_wrap03 li .mobile_only {display: block;}
.list_wrap04 {width: calc(100% - 40px);margin: 0 auto;}
.list_wrap04 li {margin-bottom: 12px;}
.list_wrap04 li a {display: block;width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px 20px;position: relative;}
.list_wrap04 li a > span {position: absolute;right: 20px;bottom: 20px;display: inline-block;font-size: 12px;font-weight: 700;color: #007dc5;padding-right: 19px;background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;}
.list_wrap04 li a strong {display: block;font-size: 20px;line-height: 1.64em;color: #222;margin-bottom: 10px;font-weight: 400;}
.list_wrap04 li a p {font-size: 13px;line-height: 1.64em;color: #222;}
.list_wrap04 li .desktop_only {display: none;}
.list_wrap04 li .mobile_only {display: block;}
.list_wrap04 li .mobile_none span {display: none;}
form > div {margin-bottom: 40px;}
form > div label {display: block;font-size: 13px;line-height: 1.67em;color: #222;}
form > div input {width: 100%;height: 44px;border: 0;border-bottom: 1px solid #222;font-size: 15px;color: #666;line-height: 1.78em;}
form > div select {width: 100%;height: 44px;border: 0;border-bottom: 1px solid #222;font-size: 15px;color: #bbb;line-height: 1.78em;background: url('/images/m_dropdown03.png') no-repeat right center;background-size: 13px 13px;}
form > div select option {font-size: 15px;color: #666;line-height: 1.78em;border: 1px solid #222;}
form > div textarea {width: 100%;height: 194px;border: 0;border-bottom: 1px solid #222;font-family: 'Spoqa Han Sans', Sans-serif;font-weight: 400;font-size: 15px;color: #666;line-height: 1.78em;outline: none;resize: none;overflow: auto;}
form > div > span {display: block;font-size: 13px;line-height: 1.54em;color: #666;margin-top: 10px;}
form > div .input-file {position: relative;}
form > div .input-file [type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0 none;}
form > div .input-file .file-label {position: absolute;top: 13px;right: 0;width: 80px;font-size: 15px;font-weight: 700;line-height: 1.78em;color: #222;text-align: right;background: url('/images/m_search02.png') no-repeat left center;background-size: 13px 13px;}
form > div .input-file .file-name {width: 100%;text-indent: 5px;border-bottom: 1px solid #222;}
form > div .file-label {cursor: pointer;}
form > div .email_box {position: relative;}
form > div .email_box input {width: 48%;vertical-align: bottom;}
form > div .email_box .text {position: absolute;font-size: 15px;color: #222;top: 15px;left: 52%;}
form > div .email_box .email_input {width: calc(47% - 20px);padding-left: 20px;margin-left: 3%;}
form > div .email_box select {width: 100%;vertical-align: bottom;margin-top: 15px;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {font-size: 15px;color: #222;line-height: 18px;}
input[type="checkbox"] + label span {display: inline-block;width: 20px;height: 20px;margin: -2px 10px 0 0;vertical-align: middle;background-color: #fff;border: solid 1px rgba(0, 0, 0, 0.15);cursor: pointer;}
input[type="checkbox"]:checked + label span {background: url('/images/check.png') no-repeat center center #007dc5;background-size: 22px 22px;}

.more {margin:20px 20px 0 20px;text-align: center}
.more .btn_more {width:100%;padding:15px;border: 1px #cecece solid; color: #8e8e93; font-size: 14px;}
.more .btn_more span {position:relative; padding-right: 24px;}
.more .btn_more span:after {content:"";display: block;position: absolute;top:1px;right:0;width:8px;height:8px;border-top: 1px solid #8e8e93; border-left: 1px solid #8e8e93;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
/*popup*/
.pop_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #000;filter: alpha(opacity=40);opacity: 0.4;-moz-opacity: 0.4;z-index: 2000;}
.popup {position: fixed;top: 50%;left: 0;right: 0;width: calc(100% - 100px);max-width: 400px;padding: 80px 30px;background: #fff;margin: -140px auto 0;z-index: 2100;}
.popup .close_btn {position: absolute;top: 20px;right: 20px;display: inline-block;}
.popup .close_btn img {display: inline-block;width: 15px;height: 15px;}
.popup p {font-size: 15px;line-height: 1.64em;color: #222;}
.popup span {display: block;font-size: 13px;line-height: 1.64em;color: #666;margin-top: 10px;}
.popup div {border-top: 1p1x solid #222;border-bottom: 1px solid #222;padding: 15px 20px;margin-top: 30px;}
.popup div p {font-size: 13px;line-height: 1.64em;color: #222;}
.popup div p strong {display: inline-block;font-weight: 400;font-size: 13px;line-height: 1.64em;color: #007dc5;margin-left: 10px;}
.popup .arrow_btn {display: block;margin: 30px auto 0;}
.popup02 {position: fixed;top: 40%;left: 0;right: 0;width: calc(100% - 100px);max-width: 400px;padding: 50px 30px;background: #fff;margin: 0 auto;z-index: 2100;}
.popup02 .close_btn {position: absolute;top: 20px;right: 20px;display: inline-block;}
.popup02 .close_btn img {display: inline-block;width: 15px;height: 15px;}
.popup02 p {font-size: 15px;line-height: 1.64em;color: #222;text-align: center;}
/*header*/
.header {width: 100%;background: transparent;position: fixed;top: 0;left: 0;z-index: 1000;transition: background 0.2s ease;}
.header .gnb_bg {width: 100%;height: 0;background: #fff;position: absolute;top: 120px;transition: all 0.2s ease;}
.header .gnb_wrap {padding: 0 20px; height: 60px;margin: 0 auto;position: relative;z-index: 1;}
.header .gnb_wrap h1 {position: absolute;top: 14px;}
.header .gnb_wrap h1 a img {display: block;height: 30px;}
.header .gnb_wrap h1 a .b_logo {display: none;}
.header .gnb_wrap h1 a .w_logo {display: block;}
.header .gnb_wrap h1 a .gnbLogo {width: 65px;height: 23px;}
.header .gnb_wrap .nav {display: none;}
.header .gnb_wrap .util {display: none;}
.header .gnb_wrap .lang {position: absolute;top: 21px;right: 55px;}
.header .gnb_wrap .lang .select_btn {display:block;width:20px;height:20px;background: url('/images/ico_lang_w.svg') no-repeat 0 0; background-size: 20px auto; font-size: 0; line-height: 0; text-indent: -1000000px;opacity:0.8}
.header.header_fixed .gnb_wrap .lang .select_btn,
.header.header_on .gnb_wrap .lang .select_btn {background: url('/images/ico_lang.svg') no-repeat 0 0; background-size: 20px auto;opacity:0.64}
.header .gnb_wrap .lang .option_list {display: none;position: absolute;top: 30px;left: -24px;background: #fff;border: solid 1px #d9d9d9;padding: 15px 25px;filter: alpha(opacity=95);opacity: 0.95;-moz-opacity: 0.95;}
.header .gnb_wrap .lang .option_list::before {position:absolute;top:-6px;left:50%;content:""; width:11px;height:6px;margin-left:-5px;background: url('/images/arrow_lang.png') no-repeat 0 0; background-size: 11px auto; }
.header .gnb_wrap .lang .option_list li {margin-top: 5px;}
.header .gnb_wrap .lang .option_list li a {display: block;font-size: 12px;color: #353535;}
.header .gnb_wrap .lang .option_list li a:hover {text-decoration: underline;}
.header .gnb_wrap .lang .option_list li:first-child {margin-top: 0;}
.header .gnb_wrap .menu_btn {position: absolute;top: 22px;right: 20px;width: 19px;height: 15px;z-index: 10;}
.header .gnb_wrap .menu_btn > span {display: block;width: 100%;height: 1px;background: #fff;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;margin: 7px 0;transition: all .4s;}
.header .gnb_wrap .menu_btn > span:first-child {margin: 0 0 7px;}
.header .gnb_wrap .menu_btn > span:last-child {margin: 7px 0 0;}


/* 2018-10-15 메인 수정(한국어만) */
.header.ko .gnb_wrap .b_menu_btn > span {background: #000;}
.header.ko.header_fixed .gnb_wrap .b_menu_btn > span {background: #000;}
.header.ko .gnb_wrap .b_lang .select_btn {background-image: url('/images/ico_lang.svg');}

.header .gnb_wrap .active span:nth-child(1n) {background: #000;filter: alpha(opacity=64);opacity: 0.64;-moz-opacity: 0.64;-webkit-transform: translateY 8px rotate -45deg;transform: translateY(8px) rotate(-45deg);}
.header .gnb_wrap .active span:nth-child(2n) {filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;}
.header .gnb_wrap .active span:nth-child(3n) {background: #000;filter: alpha(opacity=64);opacity: 0.64;-moz-opacity: 0.64;-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
.header .lnb_wrap {display: none;}
.header_on {background: #fff; transform: translateY(0) !important}
.header_on .gnb_wrap h1 a .b_logo {display: block;}
.header_on .gnb_wrap h1 a .w_logo {display: none;}
.header_on .gnb_wrap .menu_btn > span {background: #000;filter: alpha(opacity=64);opacity: 0.64;-moz-opacity: 0.64;margin: 7px 0;}
.header_fixed {transition: transform .3s ease;}
.header_fixed .gnb_wrap {background: #fff;}
.header_fixed .gnb_wrap h1 a .b_logo {display: block;}
.header_fixed .gnb_wrap h1 a .w_logo {display: none;}
.header_fixed .gnb_wrap .menu_btn > span {background: #000;filter: alpha(opacity=64);opacity: 0.64;-moz-opacity: 0.64;margin: 7px 0;}
.header_fixed.is-hide {transform: translateY(-60px);}
.w_header {background: #fff;}
.w_header .gnb_wrap h1 a .b_logo {display: block;}
.w_header .gnb_wrap h1 a .w_logo {display: none;}
.w_header .gnb_wrap .menu_btn > span {background: #000;filter: alpha(opacity=64);opacity: 0.64;-moz-opacity: 0.64;margin: 7px 0;}
/*mobile nav*/
.m_nav {width: 100%;padding: 20px 0;background: #fff;position: fixed;top: 60px;left: 0;right: 0;bottom: 0;overflow-y: auto;display: none;z-index: 900;}
.m_nav .menu {width: calc(100% - 40px);margin: 0 auto;}
.m_nav .menu > li {margin: 20px 0 0;}
.m_nav .menu > li > a {font-size: 26px;color: #222;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;}
.m_nav .menu > li > a.on_menu {text-decoration: underline;filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;}
.m_nav .menu > li > a .ico {display:inline-block;width:25px;height:29px;background: url('/images/ico_now.svg') no-repeat 0 0; background-size: contain; margin: -10px 0 0 1px; text-indent: -10000px; font-size: 0; line-height: 0;vertical-align: middle;  /*vertical-align: top !important*/}
.m_nav .menu > li .sub_menu {display: none;}
.m_nav .menu > li .sub_menu li {margin: 18px 0 0;}
.m_nav .menu > li .sub_menu li a {font-size: 15px;color: #222;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;}
.m_nav .menu > li .sub_menu li a.on_sub {text-decoration: underline;filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;}
.m_nav .menu > li .sub_menu li span {font-size: 15px;color: #222;opacity: 0.4;}
.m_nav .util {width: calc(100% - 40px);margin: 100px auto 50px;}
.m_nav .util li {margin-bottom: 25px;}
.m_nav .util li a {display: block;font-size: 15px;color: #222;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;padding-right: 18px;}
.m_nav .util li a.recruit_btn {background: url('/images/sitego02.png') no-repeat right center;}
.m_nav .util li:last-child {margin-bottom: 0;}
.m_nav .lang {width: calc(100% - 40px);margin: 0 auto;}
.m_nav .lang li {float: left;}
.m_nav .lang li a {display: block;font-size: 15px;color: #222;padding-right: 18px;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;padding: 0 22px;position: relative;}
.m_nav .lang li a:after {content: '';width: 1px;height: 12px;background: #000;filter: alpha(opacity=150);opacity: 0.15;-moz-opacity: 0.15;position: absolute;left: 0;top: 6px;}
.m_nav .lang li:first-child a {padding: 0 22px 0 0;}
.m_nav .lang li:first-child a:after {display: none;}
.m_nav .lang:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}

/* 20-04-10 메인 퀵메뉴 추가 */
.m_quick {display:none;}
.m_quick.ko {display:block; position: fixed; bottom: -60px; width: 100%; background:#00B5E2; z-index: 801}
.m_quick.ko ul:after {content: "";display: block;clear: both}
.m_quick.ko ul li {float:left;width:25%;}
.m_quick.ko ul li a {display:block;background-size: 7.500vw 7.500vw; background-position: center 2.688vw; background-repeat: no-repeat;padding:10.031vw 0 2.125vw;color:#fff; text-align: center; font-size:12px; box-sizing: border-box;}
.m_quick.ko ul li:nth-child(1) a {background-image: url('/images/m_quick_about.png');}
.m_quick.ko ul li:nth-child(2) a {background-image: url('/images/m_quick_brand.png');}
.m_quick.ko ul li:nth-child(3) a {background-image: url('/images/m_quick_global.png');}
.m_quick.ko ul li:nth-child(4) a {background-image: url('/images/m_quick_people.png');}

/*contents*/
#contents_wrap {width: 100%;min-width: 320px;padding-top: 60px;min-height: 400px;overflow-x: hidden;}
#contents_wrap > p {text-align: center;padding: 100px 0;font-size: 20px;}
#contents_wrap.main {padding-top: 0;position: relative;}
#contents_wrap.main .main_wrap {width: 100%;}
#contents_wrap.main .main_wrap .scroll_arrow {display: none;}
#contents_wrap.main .main_wrap .contents {width: 100%;position: relative;z-index: 10;box-sizing: border-box;}
#contents_wrap.main .main_wrap .page01 {width: 100%;position: fixed;top: 0;background: url('/images/m_main_top_241118.jpg') no-repeat 50% 0; background-size: cover;}
#contents_wrap.main.en .main_wrap .page01,
#contents_wrap.main.cn .main_wrap .page01,
#contents_wrap.main.vn .main_wrap .page01 {background-image: url('/images/m_main_top_220708.gif');}
#contents_wrap.main .main_wrap .page01 .gradation_bg {position: absolute;bottom: 0;width: 100%;height: 200px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 181, 226, 0.95));z-index: 2;}
#contents_wrap.main .main_wrap .page01 .gradation_bg_top {position: absolute;top: 0;width: 100%;height: 160px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));z-index: 12;display: block;}
#contents_wrap.main.ko .main_wrap .page01 .gradation_bg_top {height: 90px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));}
#contents_wrap.main .main_wrap .page01 .main_visual {position: absolute;width: 100%;height: 100%;z-index: 10;}
#contents_wrap.main .main_wrap .page01 #video-bg {display: none;}
#contents_wrap.main .main_wrap .page01 .btn {position: absolute;bottom: 20px;right: 20px;display: inline-block;font-size: 12px;font-weight: 700;color: #fff;background: url('/images/m_sitego02.png') no-repeat right center;background-size: 13px 13px;padding-right: 20px;z-index: 3;}
#contents_wrap.main .main_wrap .page01 .swiper-slide {background-size: cover; background-position: center center; background-repeat:no-repeat }
#contents_wrap.main .main_wrap .page01 .slide1 {background-image: url('/images/main_visual_01.jpg');}
#contents_wrap.main .main_wrap .page01 .slide2 {background-image: url('/images/main_visual_02.jpg');}
#contents_wrap.main .main_wrap .page01 .slide3 {background-image: url('/images/main_visual_03.jpg'); background-position: center bottom; }
#contents_wrap.main .main_wrap .page01 .slide4 {background-image: url('/images/main_visual_04.jpg');}
#contents_wrap.main .main_wrap .page01 .slide5 {background-image: url('/images/main_visual_05.jpg');}
#contents_wrap.main .main_wrap .page02 {background: rgba(0, 181, 226, 0.80);position: relative;}
#contents_wrap.main .main_wrap .page02 .arrow_btn {position: absolute;right: 20px;bottom: 20px;display: inline-block;text-align: right;font-size: 12px;font-weight: 400;line-height: 1.78em;color: #fff;background: url('/images/arrow_img02.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;margin: 0 auto;z-index: 10;}
#contents_wrap.main .main_wrap .page02 .arrow_btn.youtube {position: absolute; top: -40px; bottom: auto; right: 20px;background: url('/images/arrow_img01.png') no-repeat right center;color:#007dc5;}
#contents_wrap.main .main_wrap .page02 > div {width: calc(100% - 40px);margin: 0 auto;padding-top: 20px;}
#contents_wrap.main .main_wrap .page02 > div p {font-size: 15px;line-height: 1.64em;color: #fff;font-weight: 400;}
#contents_wrap.main .main_wrap .page02 > div .tit {font-size: 15px;font-weight: 700;margin-bottom: 15px;}
#contents_wrap.main .main_wrap .page02 > div .tit strong {display: block;font-size: 22px;line-height: 1.22em;margin-bottom: 3px;}
#contents_wrap.main .main_wrap .page02 > div p {letter-spacing:-0.065em}
#contents_wrap.main .main_wrap .page02 .text01 {display: block;}
#contents_wrap.main .main_wrap .page02 .text01 .arrow_btn {top: 100px;bottom: auto;}
#contents_wrap.main .main_wrap .page02 .text02 {display: none;}

#contents_wrap.main .main_wrap .page04 {width: 100%;background: #f3f3f3;position: relative;z-index: 10;padding-bottom: 130px;}
#contents_wrap.main .main_wrap .page04 .tit_box {width: calc(100% - 40px);margin: 0 auto;padding: 60px 0 30px;}
#contents_wrap.main .main_wrap .page04 .tit_box .layout_type01 li .left {margin-bottom: 10px;}
#contents_wrap.main .main_wrap .page04 .tit_box .layout_type01 li .left p {font-size: 30px;font-weight: bold;line-height: 1.22;color: #222;}
#contents_wrap.main .main_wrap .page04 .tit_box .layout_type01 li .right p {font-size: 15px;line-height: 1.64;}
#contents_wrap.main .main_wrap .page04 .tit_box .layout_type01 li .right p br {display: none;}
#contents_wrap.main .main_wrap .page04 .main_banner {width: 100%;margin: 0 auto;}
#contents_wrap.main .main_wrap .page04 .main_banner .banner_list {position: relative;padding-bottom: 50px;}
#contents_wrap.main .main_wrap .page04 .main_banner .banner_list .pagination_type02 .mobile_only {display: inline-block;}
#contents_wrap.main .main_wrap .page04 .main_banner .banner_list .pagination_type02 .desktop_only {display: none;}
#contents_wrap.main .main_wrap .page04 .swiper-button-next {display: none;}
#contents_wrap.main .main_wrap .page04 .swiper-button-prev {display: none;}
#contents_wrap.main .main_wrap .page04 .main_brand {width: 100%;padding: 50px 0 50px;}
#contents_wrap.main .main_wrap .page04 .main_brand > p {width: calc(100% - 40px);margin: 0 auto;font-size: 30px;font-weight: bold;line-height: 1.22;color: #222;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap {width: calc(100% - 40px);margin: 30px auto 0;position: relative;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list {overflow: inherit;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul li {width: 100%;margin-bottom: 0;text-align: left;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul li .over_box a {display: block;width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul li .over_box a > span {display: inline-block;font-size: 12px;font-weight: 700;color: #222;padding-right: 19px;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul li .over_box a > img {display: block;width: 220px;margin: 20px auto 5px;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul li .over_box a > p {font-size: 15px;line-height: 1.78em;color: #222;text-align: center;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul li .over_box a div {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 20px 20px;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul li .over_box a div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .brand_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .pagination_type02 .mobile_only {display: inline-block;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .pagination_type02 .desktop_only {display: none;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .swiper-button-next,#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .swiper-container-rtl .swiper-button-prev {display: none;}
#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .swiper-button-prev,#contents_wrap.main .main_wrap .page04 .main_brand .list_wrap .swiper-container-rtl .swiper-button-next {display: none;}
/* 2020 국문 메인 브랜드 개편 */
#contents_wrap.main .main_wrap .main_brand.new {width: 100%;padding: 50px 0 50px;}
#contents_wrap.main .main_wrap .main_brand.new > p {width: calc(100% - 40px);margin: 0 auto;font-size: 30px;font-weight: bold;line-height: 1.22;color: #222;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap {width: calc(100% - 40px);margin: 30px auto 0;position: relative;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list {width:auto; overflow: inherit;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li {width: calc(100% - 40px);margin-bottom: 12px;text-align: left;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box a {display: block;width: 100%;height: 110.625vw;padding: 0; position: relative; background-position: 50% 50%;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.wisecamp a {background-image: url('/images/main/wisecamp.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.soobakc a {background-image: url('/images/main/soobakc.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.textbook a {background-image: url('/images/main/textbook.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.book a {background-image: url('/images/main/book.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.soohakplus a {background-image: url('/images/main/soohakplus.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.wings a {background-image: url('/images/main/wings.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.englisheye a {background-image: url('/images/main/englisheye.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.masterkorean a {background-image: url('/images/main/masterkorean.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.jumpsky a {background-image: url('/images/main/jumpsky.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.mastertopik a {background-image: url('/images/main/mastertopik.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.challenge a {background-image: url('/images/main/challenge.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.ebsnurisam a {background-image: url('/images/main/ebsnurisam.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.ipsi a {background-image: url('/images/main/ipsi.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.sehim a {background-image: url('/images/main/sehim.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.vivasam a {background-image: url('/images/main/vivasam.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.tesom a {background-image: url('/images/main/tesom.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.tschool a {background-image: url('/images/main/tschool.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.tikitoki a {background-image: url('/images/main/tikitoki.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.momntalk a {background-image: url('/images/main/momntalk.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.ivytz a {background-image: url('/images/main/ivytz.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.digitaltextbook a {background-image: url('/images/main/digitaltextbook.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.pionada a {background-image: url('/images/main/pionada.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.onlyone a {background-image: url('/images/main/only1.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.tabtap a {background-image: url('/images/main/tabtap.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.masterk a {background-image: url('/images/main/masterk.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.oksusu a {background-image: url('/images/main/oksusu.png');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box.ddaksoo a {background-image: url('/images/main/ddaksoo.png');}
#contents_wrap.main .main_wrap .main_brand .list_wrap .brand_list ul li .over_box.elif a {background-image: url('/images/main/elif.jpg');}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box a > p {padding-top: 28vw;font-size: 4.8vw;line-height: 1.2em;color: #353535;text-align: center;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box a div {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 20px 20px;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul li .over_box a div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .brand_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .pagination_type02 {top:-50px; margin: 0}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .pagination_type02 .mobile_only {display: inline-block;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .pagination_type02 .desktop_only {display: none;}
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .swiper-button-prev,
#contents_wrap.main .main_wrap .main_brand.new .list_wrap .swiper-button-next {display: none;}
#contents_wrap.main .main_wrap .page04 .main_news {width: 100%;margin: 0 auto;padding: 0 0 80px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.main .main_wrap .page04 .main_news > ul > li {margin-bottom: 12px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 {width: 100%;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a {display: block;width: 100%;height: 0;padding-top: calc(100%);background: #fff;position: relative;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a > span {font-size: 10px;font-weight: 700;color: #666;display: block;position: absolute;top: 20px;left: 20px;right: 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a strong {display: block;font-size: 20px;line-height: 1.54em;color: #222;margin: 18px 0 10px;font-weight: 400;position: absolute;top: 53px;left: 20px;right: 20px;word-break: keep-all;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a strong br {display: none;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a .b_box {width: calc(100% - 40px);position: absolute;bottom: 20px;right: 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a .b_box span {vertical-align: bottom;font-weight: 400;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a .b_box .date {float: left;display: inline-block;font-size: 12px;color: #666;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a .b_box .arrow {display: inline-block;float: right;background: url('/images/arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 40px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type01 .over_box a .b_box .arrow.down {background:url('/images/m_download.png') no-repeat right center; background-size:13px 13px; padding-right:30px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 {width: 100%;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a {display: block;width: 100%;background: #fff;position: relative;padding: 0;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .thum {width: 100%;height: 0;padding-top: calc(100%);background-repeat: no-repeat;background-size: cover;background-position: left center;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box {width: calc(100% - 40px);height: 244px;background: #fff;padding: 20px;position: relative;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box span {font-size: 10px;font-weight: 700;color: #666;display: block;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box strong {display: block;font-size: 20px;line-height: 1.41em;color: #222;margin: 18px 0 10px;font-weight: 400;word-break: keep-all;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box p {display: none;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box .b_box {width: calc(100% - 40px);position: absolute;bottom: 20px;left: 0;right: 0;padding: 0 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box .b_box span {vertical-align: bottom;font-weight: 400;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box .b_box .date {float: left;display: inline-block;font-size: 13px;color: #666;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type02 .over_box a .tit_box .b_box .arrow {display: inline-block;float: right;background: url('/images/arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 {width: 100%;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a {display: block;width: 100%;background: #fff;position: relative;padding: 0;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .thum {width: 100&;width: 100%;height: 0;padding-top: calc(100%);background-repeat: no-repeat;background-size: cover;background-position: center center;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box {width: calc(100% - 40px);height: 248px;background: #fff;padding: 20px;position: relative;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box span {font-size: 10px;font-weight: 700;color: #666;display: block;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box strong {display: block;font-size: 20px;line-height: 1.41em;color: #222;margin: 18px 0 10px;font-weight: 400;word-break: keep-all;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box p {display: none;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box .b_box {width: calc(100% - 40px);position: absolute;bottom: 20px;left: 0;right: 0;padding: 0 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box .b_box span {vertical-align: bottom;font-weight: 400;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box .b_box .date {float: left;display: inline-block;font-size: 13px;color: #666;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type03 .over_box a .tit_box .b_box .arrow {display: inline-block;float: right;background: url('/images/arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type04 {width: 100%;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type04 .over_box a {display: block;width: 100%;height: 0;padding-top: calc(100%);background-image: url('/images/main_now_03_m.jpg');position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type04 .over_box a > span {font-size: 10px;font-weight: 700;color: #fff;display: block;position: absolute;top: 20px;left: 20px;right: 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type04 .over_box a strong {display: block;font-size: 20px;line-height: 1.54em;color: #fff;font-weight: 400;position: absolute;top: 53px;left: 20px;right: 20px;word-break: keep-all;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type04 .over_box a .b_box {width: calc(100% - 40px);position: absolute;bottom: 20px;right: 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type04 .over_box a .b_box span {vertical-align: bottom;font-weight: 400;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type04 .over_box a .b_box .arrow {display: inline-block;float: right;background: url('/images/arrow_img02.png') no-repeat right center;background-size: 30px 13px;padding-right: 40px;font-size: 12px;font-weight: 600;color: #fff;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 {width: 100%;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a {display: block;width: 100%;height: 0;padding-top: calc(100%);background: #fff;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a > span {font-size: 10px;font-weight: 700;color: #fff;display: block;position: absolute;top: 20px;left: 20px;right: 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a strong {display: block;font-size: 20px;line-height: 1.54em;color: #fff;font-weight: 400;position: absolute;top: 53px;left: 20px;right: 20px;word-break: keep-all;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a strong span {display: block;font-size: 13px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a strong br {display: none;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a .b_box {width: calc(100% - 40px);position: absolute;bottom: 20px;right: 20px;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a .b_box span {vertical-align: bottom;font-weight: 400;}
#contents_wrap.main .main_wrap .page04 .main_news > ul .list_type05 .over_box a .b_box .arrow {display: inline-block;float: right;background: url('/images/arrow_img02.png') no-repeat right center;background-size: 30px 13px;padding-right: 40px;font-size: 12px;font-weight: 600;color: #fff;}


/****************************************************************************************/
/* 2021-04-28 국문만 개편 */
/****************************************************************************************/
#contents_wrap.main.ko .main_wrap .page01 {position:relative;; background-color: #f7f7f7}
#contents_wrap.main.ko .main_wrap .page01 .text01 {position:absolute;bottom:0;left:0;width:100%;background: rgba(0, 181, 226, 0.80); z-index: 2; padding-bottom:12.031vw;box-sizing: border-box;}
#contents_wrap.main.ko .main_wrap .page01 .text01 .tit {position:relative;width: 100%; margin: 0 auto; padding:20px 20px 40px 20px;font-size: 15px;line-height: 1.64em;color: #fff;word-break: keep-all;font-weight: 300; box-sizing: border-box;}
#contents_wrap.main.ko .main_wrap .page01 .text01 .tit strong {display: block; font-size: 18px;line-height: 1.22em;margin-bottom: 3px;}
#contents_wrap.main.ko .main_wrap .page01 .text01 .arrow_btn {position: absolute;right:20px;bottom: 2vw; color: #fff;background: url('/images/arrow_img02.png') no-repeat right center;background-size: 30px 13px;z-index: 10;}
#contents_wrap.main.ko .main_wrap .page04 .main_news {padding: 0 0 12px 0}

#contents_wrap.main.ko .main_now {width: calc(100% - 40px); margin: auto}
#contents_wrap.main.ko .main_now:after {content: "";display: block;clear: both}
#contents_wrap.main.ko .main_now li {margin-bottom: 12px;}
#contents_wrap.main.ko .main_now .over_box a {display: block;background: #fff;}
#contents_wrap.main.ko .main_now .over_box a .thum {width: 100%;height: 280px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#contents_wrap.main.ko .main_now .over_box a .tit_box {width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
#contents_wrap.main.ko .main_now .over_box a .tit_box > strong {display: block;font-size: 20px;line-height: 1.34em;color: #222;font-weight: 500;max-height: 78px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;margin-bottom: 10px;}
#contents_wrap.main.ko .main_now .over_box a .tit_box > p {font-size: 13px;line-height: 1.48em;color: #222;max-height: 57px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
#contents_wrap.main.ko .main_now .over_box a .tit_box > div {width: calc(100% - 40px);position: absolute;bottom: 20px;}
#contents_wrap.main.ko .main_now .over_box a .tit_box > div span {vertical-align: bottom;}
#contents_wrap.main.ko .main_now .over_box a .tit_box > div .date {float: left;display: inline-block;font-size: 13px;color: #666;}
#contents_wrap.main.ko .main_now .over_box a .tit_box > div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.main.ko .main_now .go_list_btn {float:right;display: inline-block;font-size: 12px;font-weight: 700;color: #222;margin: 0 0 40px 0; padding-right:50px;background: url('/images/m_arrow_next.png') no-repeat right center;background-size:30px 13px}

#contents_wrap.main .main_wrap .page03 {width: 100%;position: relative;}
#contents_wrap.main .main_wrap .page03 .slide_wrap {width: 100%;position: relative;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box {display: block;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide {width: 100%;height: 100%;position: relative;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide .img {widows: 100%;height: 100%;margin: 0 auto;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide .text {widows: 100%;position: absolute;top: 0;left: 0;padding: 20px;background: rgba(255, 255, 255, 0.9);box-sizing: border-box;z-index: 1;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide .text p {font-size: 13px;line-height: 1.64em;color: #222;font-weight: 300;word-break: keep-all;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide .text p br {display: none;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide .text p.tit {font-size: 15px;font-weight: 700;margin-bottom: 15px;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide .text p.tit strong {display: block;font-size: 26px;line-height: 1.35em;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide01 .img {background-image: url('/images/main_joyfuldiscovery_01_m.jpg');background-size: cover;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide02 .img {background-image: url('/images/main_joyfuldiscovery_02_m.jpg');background-size: cover;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide03 .img {background-image: url('/images/main_joyfuldiscovery_03_m.jpg');background-size: cover;}
#contents_wrap.main .main_wrap .page03 .slide_wrap .slide_box .slide04 .img {background-image: url('/images/main_joyfuldiscovery_04_m.jpg');background-size: cover;}
#contents_wrap.main .main_wrap .page03 [class^="swiper-button"] {display: none;}

/* 2018-10-15 메인 수정(한국어만) */
#contents_wrap.main.ko .main_wrap .page03 {background: #f3f3f3;}
#contents_wrap.main.ko .main_wrap .page03 .main_banner .banner_list .pagination_type02 {margin: 15px 0 0 20px}
#contents_wrap.main.ko .main_wrap .brand_intro {width:100%;margin:0 auto;position: relative;}
#contents_wrap.main.ko .main_wrap .brand_intro ul {width: calc(100% - 40px);margin: 0 auto;padding-top: 60px;padding-bottom:calc(30%)}
#contents_wrap.main.ko .main_wrap .brand_intro ul li {position: relative;margin-bottom:12px;}
#contents_wrap.main.ko .main_wrap .brand_intro ul li .text_box a {position: relative; display: block;width: 100%;height: 0;padding-top: calc(100%);background-repeat: no-repeat;background-size: cover;background-position: center center;}
#contents_wrap.main.ko .main_wrap .brand_intro ul li.brand01 .text_box a {background-image: url('/images/brand_intro_01_m.jpg');}
#contents_wrap.main.ko .main_wrap .brand_intro ul li.brand02 .text_box a {background-image: url('/images/brand_intro_02_m.jpg');}
#contents_wrap.main.ko .main_wrap .brand_intro ul li.brand03 .text_box a {background-image: url('/images/brand_intro_03_m.jpg');}
#contents_wrap.main.ko .main_wrap .brand_intro ul li.brand04 .text_box a {background-image: url('/images/brand_intro_04_m.jpg');}
#contents_wrap.main.ko .main_wrap .brand_intro ul li .text_box {width: 100%;height: 100%;box-sizing: border-box;}
#contents_wrap.main.ko .main_wrap .brand_intro ul li .text_box .tit_box {display:block;position:absolute;top:0;width:100%;padding:20px 15px;color:#fff;z-index:10;box-sizing: border-box;font-size:15px;}
#contents_wrap.main.ko .main_wrap .brand_intro ul li .text_box .tit_box strong {display:block;font-size:20px;letter-spacing:-0.065em}
#contents_wrap.main.ko .main_wrap .brand_intro ul li .text_box a .b_box {width: calc(100% - 40px);position: absolute;bottom: 20px;right: 20px;}
#contents_wrap.main.ko .main_wrap .brand_intro ul li .text_box a .b_box span {vertical-align: bottom;font-weight: 400;}
#contents_wrap.main.ko .main_wrap .brand_intro ul li .text_box a .b_box .arrow {display: inline-block;float: right;background: url('/images/arrow_img02.png') no-repeat right center;background-size: 30px 13px;padding-right: 40px;font-size: 12px;font-weight: 600;color: #fff;}
/* 2018-10-15 메인 수정(한국어만) */
#contents_wrap.main.ko .main_wrap .page04 {padding-bottom: 0}



#contents_wrap.brand {padding-top: 0;}
#contents_wrap.brand .story_wrap {width: 100%;}
#contents_wrap.brand .story_wrap .contents {width: 100%;position: relative;z-index: 10;box-sizing: border-box;background: #fff;}
#contents_wrap.brand .story_wrap .page01 {position: fixed;top: 0;background: url('/images/m_joyfuldiscovery_kv.jpg') no-repeat center center;background-size: cover;}
#contents_wrap.brand .story_wrap .page01 .gradation_bg {position: absolute;bottom: 0;width: 100%;height: 183px;background: rgba(0, 181, 226, 0.95);z-index: 2;}
#contents_wrap.brand .story_wrap .page01 .gradation_bg > div {width: calc(100% - 40px);margin: 0 auto;padding-top: 20px;}
#contents_wrap.brand .story_wrap .page01 .gradation_bg > div .tit {font-size: 15px;line-height: 1.64em;color: #fff;font-weight: 700;}
#contents_wrap.brand .story_wrap .page01 .gradation_bg > div .tit strong {display: block;font-size: 30px;line-height: 1.22em;margin-bottom: 3px;}
#contents_wrap.brand .story_wrap .page01 .gradation_bg_top {position: absolute;top: 0;width: 100%;height: 160px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));z-index: 2;}
#contents_wrap.brand .story_wrap .page01 .scroll_arrow {display: none;}
#contents_wrap.brand .story_wrap .page02 {width: 100%;background: rgba(0, 181, 226, 0.95);padding: 20px 0 40px;}
#contents_wrap.brand .story_wrap .page02 > div {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .story_wrap .page02 > div p {font-size: 15px;line-height: 1.64em;color: #fff;word-break: keep-all;}
#contents_wrap.brand .story_wrap .page02 > div p br {display: none;}
#contents_wrap.brand .story_wrap .page02 > div .tit {font-size: 15px;font-weight: 700;margin-bottom: 15px;}
#contents_wrap.brand .story_wrap .page02 > div .tit strong {display: block;font-size: 30px;line-height: 1.22em;margin-bottom: 3px;}
#contents_wrap.brand .story_wrap .page03 ul {width: 100%;margin: 0 auto;}
#contents_wrap.brand .story_wrap .page03 ul li img {width: 100%;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box {width: calc(100% - 40px);margin: 0 auto;padding: 25px 0 70px;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box > div {float: left;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .left {width: 15%;font-size: 18px;font-weight: 700;line-height: 1.64em;color: #007dc5;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right {width: 85%;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right p {font-size: 13px;line-height: 1.64em;color: #353535;margin-bottom: 10px;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right p br {display: none;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right .tit {font-size: 15px;font-weight: 700;margin-bottom: 15px;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right .tit strong {display: block;font-size: 20px;line-height: 1.35em;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right .links {margin-top: 25px;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right .links a {display: inline-block; width: 60px; margin-right: 6px; vertical-align: top;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right .links img {width: 100%}
#contents_wrap.brand .story_wrap .page03 ul li .text_box .right .links span {display: block; text-align: center;	letter-spacing: -1px; font-size: 10px; color: #222;}
#contents_wrap.brand .story_wrap .page03 ul li .text_box:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .brand_type01 {width: 100%;}
#contents_wrap.brand .brand_type01 .contents_top {width: 100%;height: 568px;background-image: url('/images/m_child_kv.jpg');background-position: center top;background-repeat: no-repeat;background-size: cover;position: relative;}
#contents_wrap.brand .brand_type01 .contents_top .gradation_bg_top {position: absolute;top: 0;width: 100%;height: 160px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));z-index: 2;}
#contents_wrap.brand .brand_type01 .contents_top .text_box {position: absolute;bottom: 0;width: 100%;height: 163px;padding-top: 20px;background: rgba(255, 255, 255, 0.95);}
#contents_wrap.brand .brand_type01 .contents_top .text_box > div {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .brand_type01 .contents_top .text_box ul {width: 100%;}
#contents_wrap.brand .brand_type01 .contents_top .text_box ul li.left {font-size: 26px;font-weight: 700;line-height: 1.35em;color: #222;}
#contents_wrap.brand .brand_type01 .contents_top .text_box ul li.right {font-size: 15px;line-height: 1.64em;color: #353535;margin-top: 8px;}
#contents_wrap.brand .brand_type01 .contents_bot {width: 100%;background: #f3f3f3;padding: 50px 0 150px;}
#contents_wrap.brand .brand_type01 .contents_bot .text_box {width: 100%;margin: 0 auto 40px;}
#contents_wrap.brand .brand_type01 .contents_bot .text_box > div {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .brand_type01 .contents_bot .text_box > div p {font-size: 15px;line-height: 1.64em;color: #353535;margin-bottom: 7px;}
#contents_wrap.brand .brand_type02 {width: 100%;}
#contents_wrap.brand .brand_type02 .contents_top {width: 100%;height: 568px;background-image: url('/images/m_child_kv.jpg');background-position: center top;background-repeat: no-repeat;background-size: cover;position: relative;}
#contents_wrap.brand .brand_type02 .contents_top .gradation_bg_top {position: absolute;top: 0;width: 100%;height: 160px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));z-index: 2;}
#contents_wrap.brand .brand_type02 .contents_top .text_box {position: absolute;bottom: 0;width: 100%;height: 163px;padding-top: 20px;background: rgba(255, 255, 255, 0.95);}
#contents_wrap.brand .brand_type02 .contents_top .text_box > div {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .brand_type02 .contents_top .text_box ul {width: 100%;}
#contents_wrap.brand .brand_type02 .contents_top .text_box ul li.left {font-size: 26px;font-weight: 700;line-height: 1.35em;color: #222;}
#contents_wrap.brand .brand_type02 .contents_top .text_box ul li.right {font-size: 15px;line-height: 1.64em;color: #353535;margin-top: 8px;}
#contents_wrap.brand .brand_type02 .contents01 {width: 100%;background: #fff;padding: 50px 0 80px;}
#contents_wrap.brand .brand_type02 .contents01 .text_box {width: 100%;margin: 0 auto;}
#contents_wrap.brand .brand_type02 .contents01 .text_box > div {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .brand_type02 .contents01 .text_box > div p {font-size: 15px;line-height: 1.64em;color: #353535;margin-bottom: 7px;}
#contents_wrap.brand .brand_type02 .contents01 .text_box > div strong {display: block;font-size: 26px;font-weight: 300;line-height: 1.41em;color: #007dc5;margin-bottom: 10px;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li {width: 100%;margin-bottom: 12px;text-align: left;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li .over_box {position: relative;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li .over_box a {display: block;width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li .over_box a > span {display: inline-block;font-size: 12px;font-weight: 700;color: #222;padding-right: 19px;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li .over_box a > img {display: block;width: 220px;margin: 20px auto 5px;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li .over_box a > p {font-size: 15px;line-height: 1.78em;color: #222;text-align: center;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li .over_box a div {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 20px 20px;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul li .over_box a div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul .link .over_box a div .arrow {background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;padding-right: 20px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.brand .brand_type02 .contents01 .brand_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .brand_type02 .contents02 {width: 100%;background: #f3f3f3;padding: 50px 0 80px;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .brand_type02.new .contents02 .video_wrap {margin-top: 50px;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .play_box {width: 100%;margin: 30px auto 40px;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .play_box > div.img {width: 100%;height: 0;padding-top: calc(60.71428571%);position: relative;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .play_box > div.img iframe {position: absolute;top: 0;left: 0;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .play_box > div.text {margin-top: 20px;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .play_box > div.text .tit {font-size: 18px;line-height: 1.78em;color: #666;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .play_box > div.text .date {font-size: 13px;line-height: 1.72em;color: #666;margin: 3px 0 0;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .play_box:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list {padding-bottom: 42px;width: 100%;overflow: hidden;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul {width: 100%;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li {float: left;width: 49%;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li a {display: block;width: 100%;background: #fff;transition: all 0.3s ease;position: relative;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li a .thum {width: 100%;height: 0;padding-top: calc(60.29411765%);overflow: hidden;background-repeat: no-repeat;background-position: center top;background-size: cover;transition: all 0.3s ease;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li a .thum iframe {display: none;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li a .tit_box {height: 61px;padding: 15px 10px;background: #fff;transition: all 0.3s ease;position: relative;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li a .tit_box p {position: absolute;left: 10px;bottom: 15px;font-size: 10px;color: #666;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li a .tit_box p.tit {position: relative;left: 0;bottom: auto;font-size: 13px;color: #353535;line-height: 1.74em;height: 44px;overflow: hidden;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul li .play_bg {display: none;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul .play_on {position: relative;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul .play_on .over_box a .tit_box p {color: #fff;z-index: 10;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul .play_on .over_box a .tit_box p.tit {color: #fff;text-decoration: underline;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul .play_on .over_box a .play_bg {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 181, 226, 0.80);}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list .swiper-button-next,#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list .swiper-container-rtl .swiper-button-prev {display: none;}
#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list .swiper-button-prev,#contents_wrap.brand .brand_type02 .contents02 .video_wrap .video_list .swiper-container-rtl .swiper-button-next {display: none;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap {width: calc(100% - 40px);margin: 80px auto 0;}
#contents_wrap.brand .brand_type02.new .contents02 .list_wrap {margin-top: 0;}

#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list {width: 100%;margin: 30px auto 0;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li {width: 100%;margin-bottom: 12px;text-align: left;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box {position: relative;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box .site {display: inline-block;font-size: 12px;font-weight: 700;color: #222;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;width: auto;height: auto;padding: 0 19px 0 0;position: absolute;top: 20px;left: 20px;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box a {display: block;width: calc(100% - 40px);height: 270px;background: #fff;padding: 20px;position: relative;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box a > span {display: inline-block;font-size: 12px;font-weight: 700;color: #222;padding-right: 19px;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box a > img {display: block;width: 220px;margin: 10px auto 0;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box a > p {font-size: 13px;line-height: 1.67em;color: #666;text-align: center;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box a > p.tit {font-size: 15px;line-height: 1.78em;color: #222;margin-bottom: 4px;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box a div {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 20px 20px;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul li .over_box a div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul .link .over_box a div .arrow {background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;padding-right: 20px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.brand .brand_type02 .contents02 .list_wrap .brand_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .brand_type02 .contents03 {width: 100%;background: #fff;padding: 80px 0;}
#contents_wrap.brand .brand_type02 .contents03 hr {border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.15);margin: 80px 0 20px;}
#contents_wrap.brand .brand_type02 .contents03 .arrow_btn {display: block;width: calc(100% - 80px);}
#contents_wrap.brand .brand_type02 .contents03 .register_box {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li {margin-bottom: 50px;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .left {font-size: 15px;line-height: 1.64;color: #666666;margin-bottom: 20px;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .left br {display: none;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .left p {font-size: 15px;line-height: 1.64;color: #666666;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .left > span {display: block;font-size: 13px;line-height: 1.54;color: #666666;margin-top: 10px;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .right {text-align: right}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .right p {font-size: 15px;line-height: 1.64;color: #222; text-align:left}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .right .scroll_box {width: calc(100% - 30px);height: 228px;padding: 20px 10px 20px 20px;border: solid 1px rgba(0, 0, 0, 0.15);margin: 30px 0 15px;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .right .scroll_box > div {width: 100%;height: 228px;overflow-y: auto;padding-right: 10px;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .right .scroll_box > div p {font-size: 13px;line-height: 1.67em;color: #666;}
#contents_wrap.brand .brand_type02 .contents03 .register_box ul li .right .check_box {width: 100%;text-align: right;}

#contents_wrap.brand .brand_type02 .contents04 {width: 100%;background: #fff;border-top:1px #d9d9d9 solid;padding: 50px 0 0 0;}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap {}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap:after {content:''; display: block; clear: both;}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap h3 {margin: 0 20px 30px 20px;}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap .left {margin: 0 20px; text-align: right}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap .left p {text-align: left}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap .left .down_btn {display: inline-block;float: right;height: 22px;margin: 30px 20px;background: url('/images/m_download.png') no-repeat right center;background-size: 13px 13px;padding-right: 26px;font-size: 12px;font-weight: 700;color: #007dc5;}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap .left .down_btn:hover {text-decoration: underline;}
#contents_wrap.brand .brand_type02 .contents03 .register_box .right .site,
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap .left .site {display: inline-block;font-size: 12px;font-weight: 700;line-height: 1.67em;color: #222;padding-right: 25px; margin-top:40px;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap .right {margin-top: 20px}
#contents_wrap.brand .brand_type02 .contents04 .roadmap_wrap .right img {width: 100%; vertical-align: middle;}

#contents_wrap.brand .brand_type03 {width: 100%;}
#contents_wrap.brand .brand_type03 .text > a {display: inline-block;font-size: 12px;font-weight: 700;line-height: 1.67em;color: #222;padding-right: 38px;background: url('/images/arrow_next.png') no-repeat right center;margin-top: 40px;}
#contents_wrap.brand .brand_type03 .text > a.site {padding-right: 25px;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.brand .brand_type03 .intro_box {width: 100%;}
#contents_wrap.brand .brand_type03 .intro_box .tit_box {width: 100%;height: 248px;background-color: #00b5e2;}
#contents_wrap.brand .brand_type03 .intro_box .tit_box div {width: 100%;height: 156px;margin: 0 auto;padding-top: 92px;text-align: center;}
#contents_wrap.brand .brand_type03 .intro_box .tit_box div img {max-width: 300px;}
#contents_wrap.brand .brand_type03 .intro_box .sub_tit {width: 100%;background-color: #fff;}
#contents_wrap.brand .brand_type03 .intro_box .sub_tit div {width: 100%;margin: 0 auto;padding: 40px 0;}
#contents_wrap.brand .brand_type03 .intro_box .sub_tit div p {font-size: 18px;line-height: 1.64em;color: #666;text-align: center;}
#contents_wrap.brand .brand_type03 .intro_box .img_box01 {width: 100%;background-color: #fafafa;}
#contents_wrap.brand .brand_type03 .intro_box .img_box01 > div {width: 100%; text-align: center;}
#contents_wrap.brand .brand_type03 .intro_box .img_box01 > div .only_mobile {display: inline;max-width: 100%;}
#contents_wrap.brand .brand_type03 .intro_box .img_box01 > div .text {padding: 30px 20px 80px;background: #fff;text-align: right;}
#contents_wrap.brand .brand_type03 .intro_box .img_box01 > div .text p {font-size: 18px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .brand_type03 .intro_box .img_box01 > div .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;}
#contents_wrap.brand .brand_type03 .intro_box .img_box02 {width: 100%;}
#contents_wrap.brand .brand_type03 .intro_box .img_box02 .img {height: 280px;background-image: url('/images/vivasam_intro_m.jpg');background-position: center center;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.brand .brand_type03 .intro_box .img_box02 .text {padding: 30px 20px 80px;background: #fff;text-align: right;border-bottom: 1px solid #d9d9d9;}
#contents_wrap.brand .brand_type03 .intro_box .img_box02 .text p {font-size: 18px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .brand_type03 .intro_box .img_box02 .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;}
#contents_wrap.brand .brand_type03 .event_box {width: 100%;background: #fff;border-top: 1px solid #f3f3f3;}
#contents_wrap.brand .brand_type03 .event_box .site {width: 100%;margin: 0 auto;padding: 50px 0 40px;}
#contents_wrap.brand .brand_type03 .event_box .site ul li {float: left;width: 50%;margin: 0 0 21px 0;font-size: 12px;font-weight: 700;color: #222;}
#contents_wrap.brand .brand_type03 .event_box .site ul li a {display: inline-block;font-size: 12px;font-weight: 700;color: #222;padding-right: 25px;padding-left: 20px;background: url('/images/m_sitego04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.brand .brand_type03 .event_box .site ul li .desktop_only {display: none;}
#contents_wrap.brand .brand_type03 .event_box .site ul li .mobile_only {display: inline-block;}
#contents_wrap.brand .brand_type03 .event_box .site ul li .mobile_none {background: none;cursor: inherit;}
#contents_wrap.brand .brand_type03 .event_box .site ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .brand_type03 .brand_contents {width: 100%;background: #f3f3f3;padding: 60px 0 30px;}
#contents_wrap.brand .brand_type03 .brand_contents > p {font-size: 15px;font-weight: 700;line-height: 1.64em;color: #222;text-align: center;margin-bottom: 20px;}
#contents_wrap.brand .brand_type03 .brand_contents .list_wrap {width: 100%;margin-bottom: 70px;}
#contents_wrap.brand .brand_type03 .brand_contents .list_wrap .book_list .swiper-button-next,#contents_wrap.brand .brand_type03 .brand_contents .list_wrap .book_list .swiper-container-rtl .swiper-button-prev {display: none;}
#contents_wrap.brand .brand_type03 .brand_contents .list_wrap .book_list .swiper-button-prev,#contents_wrap.brand .brand_type03 .brand_contents .list_wrap .book_list .swiper-container-rtl .swiper-button-next {display: none;}
#contents_wrap.brand .elemantary_wrap .contents_top {background-image: url('/images/m_primary_kv.jpg');}
#contents_wrap.brand .middlehigh_wrap .contents_top {background-image: url('/images/m_secondary_kv.jpg');}
#contents_wrap.brand .educator_wrap .contents_top {background-image: url('/images/m_educator_kv.jpg');}
#contents_wrap.brand .foreigner_wrap .contents_top {background-image: url('/images/m_foreigner_kv.jpg');}
#contents_wrap.brand .global_wrap .contents_top {background-image: url('/images/m_global_kv.jpg');}
#contents_wrap.brand .textbook_wrap .brand_contents .list_wrap {margin-bottom: 70px;}
#contents_wrap.brand .textbook_wrap .brand_contents .list_wrap .textbook_list .swiper-button-next,#contents_wrap.brand .textbook_wrap .brand_contents .list_wrap .textbook_list .swiper-container-rtl .swiper-button-prev {display: none;}
#contents_wrap.brand .textbook_wrap .brand_contents .list_wrap .textbook_list .swiper-button-prev,#contents_wrap.brand .textbook_wrap .brand_contents .list_wrap .textbook_list .swiper-container-rtl .swiper-button-next {display: none;}
#contents_wrap.brand .vivasam_wrap .intro_box .tit_box {background-color: #273FA1;}
#contents_wrap.brand .vivasam_wrap .brand_contents {background: #fff;padding: 60px 0;}
#contents_wrap.brand .vivasam_wrap .brand_contents > p {margin-bottom: 50px;}
#contents_wrap.brand .vivasam_wrap .brand_contents ul {width: 100%;margin: 0 auto;}
#contents_wrap.brand .vivasam_wrap .brand_contents ul li {float: left;width: 50%;min-height: 154px;text-align: center;margin-bottom: 25px;}
#contents_wrap.brand .vivasam_wrap .brand_contents ul li img {width: 100px;}
#contents_wrap.brand .vivasam_wrap .brand_contents ul li p {font-size: 13px;color: #222;margin-top: 11px;}
#contents_wrap.brand .vivasam_wrap .brand_contents ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .vivasam_wrap .brand_contents span {border-top: 1px solid #d9d9d9;display: block;width: calc(100% - 40px);margin: 0 auto;text-align: center;font-size: 10px;line-height: 1.54em;color: #666;padding-top: 10px;}
#contents_wrap.brand .isoobakc_wrap .intro_box .tit_box {background-color: #003975;}
#contents_wrap.brand .isoobakc_wrap .intro_box .img_box02 .img {background-image: url('/images/isoobakc_intro_m.jpg');}
#contents_wrap.brand .isoobakc_wrap .brand_contents {widows: 100%;background: #fff;padding: 0;}
#contents_wrap.brand .isoobakc_wrap .brand_contents .img {widows: 100%;height: 0;padding-top: calc(87.5%);background-image: url('/images/isoobakc_trial_m.jpg');background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.brand .isoobakc_wrap .brand_contents .text {widows: 100%;padding: 30px 20px 80px;text-align: right;}
#contents_wrap.brand .isoobakc_wrap .brand_contents .text p {font-size: 18px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .isoobakc_wrap .brand_contents .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;}
#contents_wrap.brand .isoobakc_wrap .brand_contents .text > a {display: inline-block;font-size: 12px;font-weight: 700;line-height: 1.67em;color: #222;padding-right: 38px;background: url('/images/arrow_next.png') no-repeat right center;margin-top: 40px;}
#contents_wrap.brand .soobakc_wrap .intro_box .tit_box {background-color: #003975;}
#contents_wrap.brand .soobakc_wrap .intro_box .img_box02 .img {background-image: url('/images/soobakc_intro_m.jpg');}
#contents_wrap.brand .soobakc_wrap .brand_contents {widows: 100%;background: #fff;padding: 0;}
#contents_wrap.brand .soobakc_wrap .brand_contents .img {widows: 100%;height: 0;padding-top: calc(87.5%);background-image: url('/images/soobakc_trial_m.jpg');background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.brand .soobakc_wrap .brand_contents .text {widows: 100%;padding: 30px 20px 80px;text-align: right;}
#contents_wrap.brand .soobakc_wrap .brand_contents .text p {font-size: 18px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .soobakc_wrap .brand_contents .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;}
#contents_wrap.brand .soobakc_wrap .brand_contents .text > a {display: inline-block;font-size: 12px;font-weight: 700;line-height: 1.67em;color: #222;padding-right: 38px;background: url('/images/arrow_next.png') no-repeat right center;margin-top: 40px;}
#contents_wrap.brand .soobakc_wrap .brand_contents .text .desktop_only {display: none;}
#contents_wrap.brand .soobakc_wrap .brand_contents .text .mobile_only {display: inline-block;}
#contents_wrap.brand .wisecamp_wrap .intro_box .tit_box {background-color: #00a499;}
#contents_wrap.brand .wisecamp_wrap .intro_box .img_box02 .img {background-image: url('/images/wisecamp_intro_m.jpg');}
#contents_wrap.brand .wisecamp_wrap .brand_contents {widows: 100%;background: #fff;padding: 0;}
#contents_wrap.brand .wisecamp_wrap .brand_contents .img {widows: 100%;height: 0;padding-top: calc(87.5%);background-image: url('/images/wisecamp_trial_m.jpg');background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.brand .wisecamp_wrap .brand_contents .text {widows: 100%;padding: 30px 20px 80px;text-align: right;}
#contents_wrap.brand .wisecamp_wrap .brand_contents .text p {font-size: 18px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .wisecamp_wrap .brand_contents .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;}
#contents_wrap.brand .wisecamp_wrap .brand_contents .text > a {display: inline-block;font-size: 12px;font-weight: 700;line-height: 1.67em;color: #222;padding-right: 38px;background: url('/images/arrow_next.png') no-repeat right center;margin-top: 40px;}
#contents_wrap.brand .ivytz_wrap .intro_box .tit_box {background-color: #65573d;}
#contents_wrap.brand .ivytz_wrap .intro_box .img_box02 .img {background-image: url('/images/ivytz_intro_m.jpg');}
#contents_wrap.brand .ivytz_wrap .brand_contents {padding: 0;}
#contents_wrap.brand .ivytz_wrap .brand_contents > div {background: #f3f3f3;padding: 80px 0 60px;}
#contents_wrap.brand .ivytz_wrap .brand_contents > div > p {font-size: 15px;font-weight: 700;line-height: 1.64em;color: #222;text-align: center;margin-bottom: 20px;}
#contents_wrap.brand .ivytz_wrap .brand_contents .program {background: #fff;padding: 50px 0 30px;}
#contents_wrap.brand .ivytz_wrap .brand_contents .program ul {width: 100%;margin: 30px auto 0;}
#contents_wrap.brand .ivytz_wrap .brand_contents .program ul li {padding: 0 30px;margin-bottom: 30px;}
#contents_wrap.brand .ivytz_wrap .brand_contents .program ul li strong {display: block;font-size: 18px;color: #222;font-weight: 400;text-align: center;margin-bottom: 5px;}
#contents_wrap.brand .ivytz_wrap .brand_contents .program ul li p {font-size: 13px;line-height: 1.64em;color: #666;text-align: center;}
#contents_wrap.brand .visangplus_wrap .intro_box .tit_box {background-color: #440099;}
#contents_wrap.brand .visangplus_wrap .intro_box .img_box02 .img {background-image: url('/images/pluslearning_intro_m.jpg');}
#contents_wrap.brand .englisheye_wrap .intro_box .tit_box {background-color: #00b4cd;}
#contents_wrap.brand .englisheye_wrap .intro_box .img_box02 .img {background-image: url('/images/englisheye_intro_m.jpg'); background-position: center 15%;}
#contents_wrap.brand .englisheye_wrap .intro_box .img_box02 .text {background: transparent;}
#contents_wrap.brand .englisheye_wrap .brand_contents.top {widows: 100%;background: #fff;padding: 0;}
#contents_wrap.brand .englisheye_wrap .brand_contents.top .img {widows: 100%;height: 0;padding-top: calc(87.5%);background-image: url('/images/englisheye_trial_m.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.brand .englisheye_wrap .brand_contents.top .text {widows: 100%;padding: 30px 20px 80px;text-align: right;}
#contents_wrap.brand .englisheye_wrap .brand_contents.top .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;text-align: left}
#contents_wrap.brand .englisheye_wrap .brand_contents.top .text li {padding-left: 18px; text-indent: -18px; font-size: 16px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .sehim_wrap .intro_box .tit_box {background-color: #009c4e;}
#contents_wrap.brand .sehim_wrap .intro_box .img_box02 .img {background-image: url('/images/sehim_intro_m.jpg');}
#contents_wrap.brand .sehim_wrap .intro_box .img_box02 .text {background: rgba(250, 250, 250, 0.7);}
#contents_wrap.brand .challenge_wrap .intro_box .tit_box {background-color: #f3980e;}
#contents_wrap.brand .challenge_wrap .intro_box .img_box02 .img {background-image: url('/images/challenge_intro_m.jpg');}
#contents_wrap.brand .challenge_wrap .intro_box .img_box02 .text {background: transparent;}
#contents_wrap.brand .wings_wrap .intro_box .tit_box {background-color: #078bcf;}
#contents_wrap.brand .wings_wrap .intro_box .img_box02 .img {background-image: url('/images/wings_intro_m.jpg');}
#contents_wrap.brand .digital_wrap .intro_box .tit_box {background-color: #00b5e2;}
#contents_wrap.brand .digital_wrap .intro_box .img_box02 .img {background-image: url('/images/digitalbook_intro_m.jpg');}
#contents_wrap.brand .digital_wrap .brand_contents {background: #fff;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box {width: 100%;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box > li {padding: 50px 0 60px;border-bottom: 1px solid #d9d9d9;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box > li strong {display: block;font-size: 18px;color: #222;text-align: center;font-weight: 400;padding: 0 20px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box > li p {font-size: 13px;line-height: 1.64em;color: #666;text-align: center;margin-top: 5px;padding: 0 20px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 {padding: 0 0 80px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 ul {width: calc(100% - 40px);margin: 25px auto 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 ul li {margin-top: 13px;text-align: center;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 ul li img {display: block;max-width: 184px;margin: 0 auto;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 ul li p {font-size: 13px;line-height: 1.67em;color: #222;text-align: center;margin-top: 10px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 ul li span {display: inline-block;width: 13px;height: 13px;background: url('/images/icon01.png') no-repeat center center;background-size: 13px 13px;transform: rotate(90deg);margin-top: 5px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 ul li span.plus {background: url('/images/icon02.png') no-repeat center center;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list01 ul li:first-child {margin-top: 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list02 ul {width: calc(100% - 40px);margin: 25px auto 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list02 ul li {margin-top: 25px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list02 ul li img {display: block;max-width: 100%;margin: 0 auto;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list02 ul li p {font-size: 13px;line-height: 1.67em;color: #222;text-align: center;margin-top: 10px;padding: 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list02 ul li p br {display: none;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list02 ul li:first-child {margin-top: 25px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list02 ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list03 img {display: block;max-width: calc(100% - 40px);margin: 25px auto 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list04 {padding: 50px 0 0;border: 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list04 ul {width: calc(100% - 40px);margin: 25px auto 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list04 ul li {margin-top: 25px;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list04 ul li img {display: block;max-width: 100%;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list04 ul li p {font-size: 13px;line-height: 1.67em;color: #222;text-align: center;margin-top: 10px;padding: 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list04 ul li:first-child {margin-top: 0;}
#contents_wrap.brand .digital_wrap .brand_contents .list_box .list04 ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .ipsi_wrap .intro_box .tit_box {background-color: #00b5e2;}
#contents_wrap.brand .ipsi_wrap .intro_box .img_box02 .img {background-image: url('/images/ipsi_intro_m.jpg');}
#contents_wrap.brand .tschool_wrap .intro_box .tit_box {background-color: #273FA1;}
#contents_wrap.brand .tschool_wrap .intro_box .img_box02 .img {background-image: url('/images/tschool_intro_m.jpg');}
#contents_wrap.brand .momntalk_wrap .intro_box .tit_box {background-color: #e83f4c;}
#contents_wrap.brand .momntalk_wrap .intro_box .img_box02 .img {background-image: url('/images/momntalk_intro_m.jpg');}
#contents_wrap.brand .mkorean_wrap .intro_box .tit_box {background-color: #485cc7;}
#contents_wrap.brand .mkorean_wrap .intro_box .img_box02 .img {background-image: url('/images/masterkorean_intro.jpg'); background-size:170% auto; background-position:right 0}
#contents_wrap.brand .mkorean_wrap .brand_contents {background: #f3f3f3;}
#contents_wrap.brand .mkorean_wrap .brand_contents > div {}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul {width: calc(100% - 40px);margin: 25px auto 0;}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li > a {display: block; position:relative;background:#fff;font-size: 12px;line-height: 1.67em;color: #222;padding:20px;margin-bottom: 12px; text-align: right}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li > a:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li > a > span {display: inline-block;font-size: 12px;font-weight: 700;color: #007dc5;padding-right: 21px;background: url('/images/m_sitego03.png') no-repeat right center;background-size: 13px 13px;margin-top: 40px;}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li .pc_only {display: none}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li img {display: block;max-width: 100%;margin: 0 auto;}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li strong {display: block;font-size: 20px;line-height: 1.67em;color: #222;margin: 0 0 10px 0; text-align: left; font-weight: 400}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li p {font-size: 13px;line-height: 1.67em;color: #222;padding: 0; text-align: left;}
#contents_wrap.brand .mkorean_wrap .brand_contents > div ul li:first-child {margin-top: 25px;}
#contents_wrap.brand .mtopic_wrap .intro_box .tit_box {background-color: #485cc7;}
#contents_wrap.brand .mtopic_wrap .intro_box .img_box02 .img {background-image: url('/images/mastertopic_intro_m.jpg');}
#contents_wrap.brand .mtopic_wrap .brand_contents .list_wrap04 li a p {padding-left: 15px;}
#contents_wrap.brand .mtopic_wrap .brand_contents .list_wrap04 li a p span {font-size: 13px;line-height: 1.64em;color: #222;display: inline-block;width: 15px;margin-left: -15px;}
#contents_wrap.brand .mtopic_wrap .brand_contents .list_wrap04 li a p br {display: none;}
#contents_wrap.brand .nurisam_wrap .intro_box .tit_box {background-color: #f29700;}
#contents_wrap.brand .nurisam_wrap .intro_box .img_box02 .img {background-image: url('/images/nurisam_intro_m.jpg');}
#contents_wrap.brand .nurisam_wrap .brand_contents {widows: 100%;background: #fff;padding: 0;}
#contents_wrap.brand .nurisam_wrap .brand_contents .img {widows: 100%;height: 0;padding-top: calc(87.5%);background-image: url('/images/nurisam_nuriplus_m.jpg');background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.brand .nurisam_wrap .brand_contents .text {widows: 100%;padding: 30px 20px 80px;text-align: right;}
#contents_wrap.brand .nurisam_wrap .brand_contents .text p {font-size: 18px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .nurisam_wrap .brand_contents .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;}
#contents_wrap.brand .nurisam_wrap .brand_contents .text > a {display: inline-block;font-size: 12px;font-weight: 700;line-height: 1.67em;color: #222;padding-right: 38px;background: url('/images/arrow_next.png') no-repeat right center;margin-top: 40px;}
#contents_wrap.brand .jumpsky_wrap .intro_box .tit_box {background-color: #0037d2;}
#contents_wrap.brand .jumpsky_wrap .intro_box .img_box02 .img {background-image: url('/images/jumpsky_intro_m.jpg');}
#contents_wrap.brand .jumpsky_wrap .intro_box .img_box02 .text {background: transparent;}
#contents_wrap.brand .tesom_wrap .intro_box .tit_box {background-color: #481c87;}
#contents_wrap.brand .tesom_wrap .intro_box .img_box02 .img {background-image: url('/images/tesom_intro_m.jpg'); background-position: center top;}
#contents_wrap.brand .tikitoki_wrap .intro_box .img_box02 .img {background-image: url('/images/tikitoki_intro.jpg');}
#contents_wrap.brand .tikitoki_wrap .intro_box .img_box02 .text p br {display: none;}
#contents_wrap.brand .pionada_wrap .intro_box .tit_box {background-color: #702bf7;}
#contents_wrap.brand .pionada_wrap .intro_box .img_box02 .img {background-image: url('/images/pionada_intro_m.jpg'); background-position: center center;}
#contents_wrap.brand .masterk_wrap .intro_box .tit_box {background-color: #485cc7;}
#contents_wrap.brand .masterk_wrap .intro_box .img_box02 .img {background-image: url('/images/masterk_intro_m.jpg'); background-position: center center;}
#contents_wrap.brand .oksusu_wrap .intro_box .tit_box {background-color: #0a70ea;}
#contents_wrap.brand .oksusu_wrap .intro_box .tit_box img{margin-top:-4px;}
#contents_wrap.brand .oksusu_wrap .intro_box .img_box02 .img {background-image: url('/images/oksusu_intro.png');background-position: center center;}
#contents_wrap.brand .ddaksoo_wrap .intro_box .tit_box {background-color: #ffcd00;}
#contents_wrap.brand .ddaksoo_wrap .intro_box .tit_box img{margin-top:23px;}
/* 2022-10-13 추가 */
#contents_wrap.brand .only1_wrap .intro_box .tit_box {background-color: #f20000;}
#contents_wrap.brand .only1_wrap .intro_box .img_box02 {background-color:#fafafa;}
#contents_wrap.brand .only1_wrap .intro_box .img_box02 .img {background-image: url('/images/only1_intro_m.jpg');}
#contents_wrap.brand .only1_wrap .brand_contents {widows: 100%;background: #fff;padding: 0;}
#contents_wrap.brand .only1_wrap .brand_contents .img {widows: 100%;height: 0;padding-top: calc(87.5%);background-image: url('/images/only1_trial_m.jpg');background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
#contents_wrap.brand .only1_wrap .brand_contents .text {widows: 100%;padding: 30px 20px 80px;text-align: right;}
#contents_wrap.brand .only1_wrap .brand_contents .text p {font-size: 18px;line-height: 1.54em;color: #222;font-weight: 300;text-align: left;}
#contents_wrap.brand .only1_wrap .brand_contents .text p.tit {font-size: 15px;line-height: 1.64em;font-weight: 700;margin-bottom: 10px;}
#contents_wrap.brand .only1_wrap .brand_contents .text > a {display: inline-block;font-size: 12px;font-weight: 700;line-height: 1.67em;color: #222;padding-right: 38px;background: url('/images/arrow_next.png') no-repeat right center;margin-top: 40px;}
#contents_wrap.brand .tabtap_wrap .intro_box .tit_box {background-color: #2833b3;}
#contents_wrap.brand .tabtap_wrap .intro_box .img_box02 .img {background-image: url('/images/tabtap_intro_m.jpg');}
#contents_wrap.brand .tabtap_wrap .list_wrap03 li .text strong br {display: none;}
/* 240429 엘리프 추가 */
#contents_wrap.brand .elif_wrap .intro_box .tit_box {background-color: #00b5e2;}
#contents_wrap.brand .elif_wrap .intro_box .img_box02 .img {background-image: url('/images/elif_intro_m.jpg');background-position: center center;}

#contents_wrap.company {padding-top: 0;position: relative;}
#contents_wrap.company .twentieth_wrap {width: 100%;}
#contents_wrap.company .twentieth_wrap .contents {width: 100%;position: relative;z-index: 10;box-sizing: border-box;}
#contents_wrap.company .twentieth_wrap .page01 {position: fixed;top: 0;background: url('/images/m_20th_kv.jpg') no-repeat center center;background-size: cover;}
#contents_wrap.company .twentieth_wrap .page01 #visual {position: relative;height: 400px;text-align: center;overflow: hidden;}
#contents_wrap.company .twentieth_wrap .page01 #video-bg {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100%;height: 100%;background: #000;background-size: cover;z-index: -100;}
#contents_wrap.company .twentieth_wrap .page01 #video-bg iframe {border: none;width: 100%;height: 100%;}
#contents_wrap.company .twentieth_wrap .page01 #visual-content {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100%;}
#contents_wrap.company .twentieth_wrap .page01 #visual-content {z-index: 100;}
#contents_wrap.company .twentieth_wrap .page01 .wrap_video {width: 100%;height: 100%;}
#contents_wrap.company .twentieth_wrap .page01 .video-corver {position: absolute;width: 100%;height: 100%;z-index: 10;}
#contents_wrap.company .twentieth_wrap .page01 .gradation_bg {position: absolute;bottom: 0;width: 100%;height: 200px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 181, 226, 0.95));z-index: 2;}
#contents_wrap.company .twentieth_wrap .page01 .gradation_bg_top {position: absolute;top: 0;width: 100%;height: 160px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));z-index: 2;}
#contents_wrap.company .twentieth_wrap .page01 .scroll_arrow {display: none;}
#contents_wrap.company .twentieth_wrap .page01 .btn {position: absolute;bottom: 20px;right: 20px;display: inline-block;font-size: 12px;font-weight: 700;color: #fff;background: url('/images/m_sitego02.png') no-repeat right center;background-size: 13px 13px;padding-right: 20px;z-index: 3;}
#contents_wrap.company .twentieth_wrap .page02 {background: rgba(0, 181, 226, 0.95);padding-top: 30px;}
#contents_wrap.company .twentieth_wrap .page02 > div {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.company .twentieth_wrap .page02 > div p {font-size: 13px;line-height: 1.64em;color: #fff;font-weight: 400;}
#contents_wrap.company .twentieth_wrap .page02 > div .tit {font-size: 18px;font-weight: 700;margin-bottom: 40px;}
#contents_wrap.company .twentieth_wrap .page02 > div .tit strong {display: block;font-size: 30px;line-height: 1.22em;margin-bottom: 3px;}
#contents_wrap.company .twentieth_wrap .page03 {background: #1b2022;}
#contents_wrap.company .twentieth_wrap .page03 .fixed_box {width: 100%;}
#contents_wrap.company .twentieth_wrap .page03 .top_text {width: calc(100% - 40px);height: 262px;position: relative;margin: 0 auto;padding-top: 30px;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text {position: absolute;width: 100%;height: 100%;margin: 0 auto;opacity: 0;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text .btn_arrow {text-decoration: none;display: inline-block;position: absolute;top: 200px;right: 10px;font-size: 12px;font-weight: 700;line-height: 1.78em;color: #fff;z-index: 10;padding-right: 48px;background: url(common/images/arrow_img02.png) no-repeat right center;background-size: 30px 13px;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text .left p {font-size: 11px;line-height: 1.67em;color: #bbb;padding-left: 36px;position: relative;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text .left p span {position: absolute;left: 0;font-size: 11px;line-height: 1.67em;color: #bbb;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text .right {margin-bottom: 15px;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text .right p {font-size: 18px;font-weight: 700;line-height: 1.64em;color: #fff;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text .right .tit strong {display: block;font-size: 30px;line-height: 1.22em;color: #fbfbfb;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .slide_text:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.company .twentieth_wrap .page03 .top_text .text01 {opacity: 1;}
@keyframes fadeInLeft {from {  opacity: 0;  transform: translate3d(20px, 0, 0);}to {  opacity: 1;  transform: none;}}
#contents_wrap.company .twentieth_wrap .page03 .top_text .fadeInLeft {animation-duration: 0.8s;animation-fill-mode: both;animation-name: fadeInLeft;animation-delay: 0.8s;}
@keyframes fadeOutLeft {from {  opacity: 1;  transform: none;}to {  opacity: 0;  transform: translate3d(-20px, 0, 0);}}
#contents_wrap.company .twentieth_wrap .page03 .top_text .fadeOutLeft {animation-duration: 0.8s;animation-fill-mode: both;animation-name: fadeOutLeft;}
#contents_wrap.company .twentieth_wrap .page03 .img_slide {width: 100%;overflow-x: hidden;position: relative;}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul {position: absolute;width: 10000px;height: 100%;left: 0;transition: all 0.8s ease;}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li {float: left;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 20px;}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li.slide01 {background-image: url('/images/20th_aboveimagination_00(m).jpg');}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li.slide02 {background-image: url('/images/20th_aboveimagination_01(m).jpg');}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li.slide03 {background-image: url('/images/20th_aboveimagination_02(m).jpg');}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li.slide04 {background-image: url('/images/20th_aboveimagination_03(m).jpg');}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li.slide05 {background-image: url('/images/20th_aboveimagination_04(m).jpg');}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li.slide06 {background-image: url('/images/20th_aboveimagination_05(m).jpg');}
#contents_wrap.company .twentieth_wrap .page03 .img_slide ul li.slide07 {background-image: url('/images/20th_aboveimagination_06(m).jpg');}
#contents_wrap.company .twentieth_wrap .page03 .navigation {width: 100%;height: 47px;padding-top: 22px;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in {width: 100%;height: 1px;background: rgba(255, 255, 255, 0.15);position: relative;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .out {position: absolute;top: 0;left: 0;width: 0;height: 100%;background: rgba(255, 255, 255, 0.5);transition: all 0.8s ease;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle {display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #666;position: absolute;top: -2px;transition: all 0.8s ease;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle.on_circle {background: #fff;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle01 {left: 5%;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle02 {left: 10%;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle03 {left: 48%;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle04 {left: 53%;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle05 {left: 90%;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .circle06 {left: 95%;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .nav_text {display: inline-block;position: absolute;top: 6px;font-size: 11px;color: #666;transition: all 0.8s ease;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .nav_text.pro {left: 7%;margin-left: -15px;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .nav_text.pla {left: 50%;margin-left: -17px;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .nav_text.peo {left: 92%;margin-left: -13px;}
#contents_wrap.company .twentieth_wrap .page03 .navigation .in .nav_text.on_nav {color: #fff;}
#contents_wrap.company .twentieth_wrap .desktop_only {display: none !important;}
#contents_wrap.company .twentieth_wrap .mobile_only {display: block !important;}
#contents_wrap.company .twentieth_wrap .page04 {position: relative;z-index: 10;width: 100%;background: #f3f3f3;padding: 50px 0 150px;}
#contents_wrap.company .twentieth_wrap .page04 > div {width: 100%;}
#contents_wrap.company .twentieth_wrap .page04 > div .left {width: calc(100% - 40px);margin: 0 auto 30px;}
#contents_wrap.company .twentieth_wrap .page04 > div .left span {display: block;font-size: 11px;line-height: 1.69;color: #666;margin-top: 10px;}
#contents_wrap.company .twentieth_wrap .page04 > div .right {width: 100%;}
#contents_wrap.company .twentieth_wrap .page04 > div .right p {width: calc(100% - 40px);margin: 0 auto;font-size: 15px;line-height: 1.69em;color: #222;margin-bottom: 10px;}
#contents_wrap.company .twentieth_wrap .page04 > div .right p br {display: none;}
#contents_wrap.company .twentieth_wrap .page04 > div .right img {display: block;width: 100%;margin: 50px 0 10px;}
#contents_wrap.company .twentieth_wrap .page04 > div .right .down_btn {display: inline-block;float: right;background: url('/images/m_download.png') no-repeat right center;background-size: 13px 13px;padding-right: 22px;font-size: 12px;font-weight: 700;color: #007dc5;margin-right: 20px;}
#contents_wrap.company .twentieth_wrap .page04 > div .right .pdf_text {display: block;width: calc(100% - 40px);margin: 0 auto 30px;font-size: 11px;line-height: 1.69;color: #666;}
#contents_wrap.company .twentieth_wrap .page04 > div:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.company .about_wrap .key_visual {background: url('/images/about/about_kv3.png') no-repeat 45% top;background-size: cover;}
#contents_wrap.company .about_wrap .contents {width: 100%;background: #fff;}
#contents_wrap.company .about_wrap .contents hr {display: block;width: 100%;height: 1px;background: none;border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
#contents_wrap.company .about_wrap .contents .layout_type01 li .left {font-size: 18px;line-height: 1.64em;color: #666;margin-bottom: 10px;}
#contents_wrap.company .about_wrap .contents .layout_type01 li .right p {font-size: 15px;line-height: 1.41em;color: #222;}
#contents_wrap.company .about_wrap .contents .content01 {width: 100%;margin: 0 auto;padding: 50px 0 70px;background: #fff;}
#contents_wrap.company .about_wrap .contents .content01 h3 {margin: 0 20px 30px;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li {margin-bottom: 80px;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right p {font-size: 26px;font-weight: 300;line-height: 1.41em;color: #007dc5;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right p br {display: none;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right span {font-size: 15px;line-height: 1.64em;color: #222222;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right > ul > li {float: left;width: 48%;min-height: 93px;margin-right: 4%;padding-bottom: 35px;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right > ul > li .out {display: block;width: 40px;height: 1px;background: #d9d9d9;position: relative;margin-bottom: 15px;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right > ul > li .out .in {display: block;position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: #007dc5;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right > ul > li p {font-size: 15px;line-height: 1.41em;color: #222222;font-weight: 400;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right > ul > li:nth-child(2n) {margin-right: 0;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 > li .right > ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.company .about_wrap .contents .content01 .layout_type01 .list03 {margin-bottom: 0;}
#contents_wrap.company .about_wrap .contents .content02 {background: #f9f9f9;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_img div.text {background: #f3f3f3;padding: 50px 20px 80px;box-sizing: border-box;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_img div.text strong {display: block;font-size: 26px;font-weight: 300;line-height: 1.41em;color: #222;margin: 30px 0 10px;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_img div.text strong br {display: none;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_img div.text p {font-size: 15px;line-height: 1.78em;color: #2d2d2d;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_img div.text p.name {text-align: right;margin-top: 20px;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_img div.img {height: 450px;background: url('/images/about.jpg') no-repeat right top;background-size: cover;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_text {margin: 0 auto;padding: 50px 20px 70px;}
#contents_wrap.company .about_wrap .contents .content02 .ceo_text .layout_type01 li {margin-bottom: 30px;}
#contents_wrap.company .about_wrap .contents .content03 {width: 100%;margin: 0 auto;padding: 50px 0 100px;background: #fff;}
#contents_wrap.company .about_wrap .contents .content03 .ci_img {width: calc(100% - 40px);height: 0;padding-top: calc(57.14285714%);background: url('/images/about_ci_m.jpg') no-repeat center center;background-size: cover;margin: 0 auto 30px;border: 1px solid #d9d9d9;}
#contents_wrap.company .about_wrap .contents .content03 .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.company .about_wrap .contents .content03 .layout_type01 li .right p br {display: none;}
#contents_wrap.company .about_wrap .contents .content04 {width: 100%;margin: 0 auto;padding: 50px 0 60px;background: #fff;}
#contents_wrap.company .about_wrap .contents .content04 h3 {margin-bottom: 30px;padding: 0 20px;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .left {font-size: 15px;color: #666;border-top: 1px solid #d9d9d9;padding: 18px 5px;background: url('/images/dropdown05.png') no-repeat 97% center;background-size: 13px 13px;margin-bottom: 0;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .right {display: none;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .right p {margin-bottom: 10px;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .right .book_list {margin: 30px 0 12px;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .right .book_list li {float: left;width: calc(50% - 1px);border-right: 1px solid #d9d9d9;text-align: center;margin-bottom: 28px;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .right .book_list li img {width: 136px;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .right .book_list li:nth-child(2n) {border-right: 0;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li .right .book_list:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li.last .left {border-bottom: 1px solid #d9d9d9;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li.on_list .left {background: url('/images/dropdown06.png') no-repeat 97% center;background-size: 13px 13px;border-bottom: 0;}
#contents_wrap.company .about_wrap .contents .content04 .layout_type01 > li.on_list .right {display: block;}
#contents_wrap.company .about_wrap .contents .content05 {width: 100%;margin: 0 auto;padding: 50px 0 150px;background: #fff;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .left {margin-bottom: 30px;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .right {text-align: center;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .right p {text-align: left;line-height: 1.64em;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .right .tit {font-size: 26px;font-weight: 300;line-height: 1.41em;color: #007dc5;margin-bottom: 30px;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .right .img {margin-bottom: 10px;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .right .tit br {display: none;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .right img {display: inline-block;width: 200px;}
#contents_wrap.company .about_wrap .contents .content05 .layout_type01 li .right span {display: block;font-size: 13px;color: #666;text-align: center;margin: 10px 0 30px;}
#contents_wrap.company .about_wrap .contents .content05 > p {font-size: 18px;line-height: 1.64em;color: #666;margin: 60px 20px 30px;}
#contents_wrap.company .about_wrap .contents .content05 .award_list {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.company .about_wrap .contents .content05 .award_list li {float: left;width: 50%;height: 180px;border: 1px solid #d9d9d9;margin: -1px 0 0 -1px;box-sizing: border-box;text-align: center;background: #fff;padding: 30px 10px;}
#contents_wrap.company .about_wrap .contents .content05 .award_list li img {width: 50px;}
#contents_wrap.company .about_wrap .contents .content05 .award_list li strong {display: block;font-size: 10px;color: #666;font-weight: 400;margin: 7px 0 3px;}
#contents_wrap.company .about_wrap .contents .content05 .award_list li p {font-size: 10px;line-height: 1.54em;color: #222;}
#contents_wrap.company .about_wrap .contents .content05 .award_list:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.company .history_wrap .key_visual {background: url('/images/history_kv_m.jpg') no-repeat left top;background-size: cover;}
#contents_wrap.company .history_wrap .contents {width: 100%;background: #fff;padding: 50px 0 100px;}
#contents_wrap.company .history_wrap .contents hr {display: none;}
#contents_wrap.company .history_wrap .contents > div {margin-bottom: 80px;}
#contents_wrap.company .history_wrap .contents .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.company .history_wrap .contents .layout_type01 li .left {font-size: 15px;line-height: 1.64em;color: #666;border-top: 1px solid #d9d9d9;padding: 18px 5px;background: url('/images/dropdown05.png') no-repeat 97% center;background-size: 13px 13px;}
#contents_wrap.company .history_wrap .contents .layout_type01 li .right {display: none;padding: 0 0 30px 5px;}
#contents_wrap.company .history_wrap .contents .layout_type01 li .right p {font-size: 15px;line-height: 1.41em;color: #222;padding-left: 35px;margin-bottom: 10px;}
#contents_wrap.company .history_wrap .contents .layout_type01 li .right p span {display: inline-block;width: 35px;font-size: 13px;line-height: 2.28em;color: #666;margin-left: -35px;}
#contents_wrap.company .history_wrap .contents .layout_type01 li.on_list .left {background: url('/images/dropdown06.png') no-repeat 97% center;background-size: 13px 13px;border-bottom: 0;}
#contents_wrap.company .history_wrap .contents .layout_type01 li.on_list .right {display: block;}
#contents_wrap.company .history_wrap .contents .layout_type01 li:last-child {border-bottom: 1px solid #d9d9d9;}
#contents_wrap.company .history_wrap .contents .layout_type01 .list_tit {margin-bottom: 30px;}
#contents_wrap.company .history_wrap .contents .layout_type01 .list_tit .left {border-top: 0;padding: 0;background: none;margin-bottom: 10px;}
#contents_wrap.company .history_wrap .contents .layout_type01 .list_tit .right {display: block;padding: 0;}
#contents_wrap.company .history_wrap .contents .layout_type01 .list_tit .right .tit {font-size: 26px;line-height: 1.41em;color: #222;font-weight: 300;padding: 0;}
#contents_wrap.company .history_wrap .contents .layout_type01 .list_tit .right .tit br {display: none;}
#contents_wrap.people {padding-top: 0;position: relative;}
#contents_wrap.people .culture_wrap .key_visual {background: url('/images/m_culture_kv.jpg') no-repeat center top;background-size: cover;}
#contents_wrap.people .culture_wrap .contents {width: 100%;background: #f3f3f3;padding: 50px 0 150px;text-align: center;}
#contents_wrap.people .culture_wrap .contents ul {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.people .culture_wrap .contents ul li {width: 100%;margin-bottom: 12px;text-align: left;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a {display: block;background: #fff;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .thum {width: 100%;height: 280px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .tit_box {width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .tit_box > strong {display: block;font-size: 20px;line-height: 1.34em;color: #222;font-weight: 500;max-height: 78px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;margin-bottom: 10px;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .tit_box > p {font-size: 13px;line-height: 1.48em;color: #222;max-height: 57px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .tit_box > div {width: calc(100% - 40px);position: absolute;bottom: 20px;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .tit_box > div span {vertical-align: bottom;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .tit_box > div .date {float: left;display: inline-block;font-size: 13px;color: #666;}
#contents_wrap.people .culture_wrap .contents ul li .over_box a .tit_box > div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.people .culture_wrap .contents .m_loadmore_btn {margin-top: 40px;}
#contents_wrap.people .creators_wrap {width: 100%;}
#contents_wrap.people .creators_wrap .contents {width: 100%;position: relative;z-index: 10;box-sizing: border-box;}
#contents_wrap.people .creators_wrap .scroll_arrow {display: none;}
#contents_wrap.people .creators_wrap .page01 {position: fixed;top: 0;background: url('/images/employees_kv_m.jpg') no-repeat center center;background-size: cover;}
#contents_wrap.people .creators_wrap .page01 .gradation_bg {position: absolute;bottom: 0;width: 100%;height: 200px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 181, 226, 0.95));z-index: 2;}
#contents_wrap.people .creators_wrap .page01 .gradation_bg_top {position: absolute;top: 0;width: 100%;height: 160px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));z-index: 2;}
#contents_wrap.people .creators_wrap .page02 {background: rgba(0, 181, 226, 0.95);padding: 20px 0 40px;}
#contents_wrap.people .creators_wrap .page02 > div {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.people .creators_wrap .page02 > div p {font-size: 15px;line-height: 1.64em;color: #fff;}
#contents_wrap.people .creators_wrap .page02 > div p br {display: none;}
#contents_wrap.people .creators_wrap .page02 > div .tit {font-size: 30px;font-weight: 700;margin-bottom: 10px;line-height: 1.54em;}
#contents_wrap.people .creators_wrap .page03 {width: 100%;background: #f3f3f3;padding: 50px 0 150px;}
#contents_wrap.people .creators_wrap .page03 .people_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .form_box {width: 100%;margin: 0 auto 40px;position: relative;text-align: right;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .form_box .select_box {position: relative;z-index: 10;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .form_box .select_box .select_btn {display: block;width: 100%;height: 25px;border-bottom: 1px solid #222;font-size: 15px;line-height: 1.78em;color: #353535;padding: 10px 0;background: url('/images/m_dropdown03.png') no-repeat right center;background-size: 13px 13px;text-align: left;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .form_box .select_box .select_btn.on_select {background: url('/images/m_dropdown04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .form_box .select_box .option_list {display: none;position: absolute;top: 45px;left: 0;width: calc(100% - 42px);border: solid 1px #222222;background: #fff;padding: 18px 20px;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .form_box .select_box .option_list li a {display: block;font-size: 15px;line-height: 1.78em;color: #353535;text-align: left;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list {width: 100%;text-align: center;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list .none_text {font-size: 18px;line-height: 1.54em;color: #bbb;text-align: center;margin: 150px 0 30px;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li {width: 100%;margin-bottom: 12px;text-align: left;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a {display: block;width: calc(100% - 40px);height: 0;background: #fff;padding: 20px;padding-top: calc(100%);position: relative;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a .name {position: absolute;top: 15px;left: 20px;font-size: 15px;line-height: 1.64em;color: #222;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a .name span {display: inline-block;font-size: 10px;color: #666;vertical-align: middle;margin-left: 7px;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a img {display: block;max-width: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a > div {position: absolute;bottom: 20px;right: 20px;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a > div .add_btn {display: inline-block;float: right;height: 22px;background: url('/images/plus_icon.png') no-repeat right center;background-size: 13px 13px;padding-right: 21px;font-size: 15px;font-weight: 600;color: transparent;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a .bg {opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 181, 226, 0.9);transition: all 0.2s ease;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a .bg div {width: calc(100% - 40px);height: 174px;margin: 55px auto 0;overflow: hidden;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a .bg div strong {display: block;font-size: 15px;line-height: 1.64em;color: #fff;font-weight: 700;margin-bottom: 10px;letter-spacing: -0.05em;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul li .over_box a .bg div p {font-size: 13px;line-height: 1.78em;color: #fff;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul .add_box .over_box a .name {z-index: 10;color: #fff;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul .add_box .over_box a .name span {color: #fff;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul .add_box .over_box a > div .add_btn {background: url('/images/close-wm.png') no-repeat right center;background-size: 13px 13px;position: relative;z-index: 10;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list ul .add_box .over_box a .bg {opacity: 1;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list .pagination_type01 {display: none;}
#contents_wrap.people .creators_wrap .page03 .people_wrap .people_list .m_loadmore_btn {margin-top: 35px;}
#contents_wrap.people .hrm_wrap .key_visual {background: url('/images/personalsystem_kv_m.jpg') no-repeat left top;background-size: cover;}
#contents_wrap.people .hrm_wrap .contents {width: 100%;background: #fff;}
#contents_wrap.people .hrm_wrap .contents hr {display: block;width: 100%;height: 1px;background: none;border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
#contents_wrap.people .hrm_wrap .contents > div {width: 100%;margin: 0 auto;}
#contents_wrap.people .hrm_wrap .contents > div .layout_type01 li {text-align: left;}
#contents_wrap.people .hrm_wrap .contents > div .layout_type01 li .left {font-size: 18px;line-height: 1.41em;color: #666;}
#contents_wrap.people .hrm_wrap .contents > div .layout_type01 li .right strong {display: block;font-size: 26px;font-weight: 300;line-height: 1.41em;color: #007dc5;margin-bottom: 10px;}
#contents_wrap.people .hrm_wrap .contents > div .layout_type01 li .right p {font-size: 15px;line-height: 1.78em;color: #222;margin-bottom: 18px;}
#contents_wrap.people .hrm_wrap .content01 {padding: 50px 0 100px;}
#contents_wrap.people .hrm_wrap .content01 .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.people .hrm_wrap .content01 .layout_type01 li .left {margin-bottom: 30px;}
#contents_wrap.people .hrm_wrap .content01 .layout_type01 li .right p {margin-bottom: 20px;}
#contents_wrap.people .hrm_wrap .content02 {padding: 50px 0 0;}
#contents_wrap.people .hrm_wrap .content02 h3 {margin-bottom: 30px;padding: 0 20px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 > li {margin-bottom: 80px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 > li .left {margin-bottom: 30px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list01 {margin-bottom: 50px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list01 .left {margin-bottom: 30px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list01 .right ul li {float: left;width: 50%;height: 60px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list01 .right ul li p {font-size: 15px;line-height: 1.78em;color: #222;margin-bottom: 5px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list01 .right ul li .out {display: block;width: 87px;height: 1px;background: #d9d9d9;position: relative;margin-bottom: 15px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list01 .right ul li .out .in {display: block;position: absolute;top: 0;right: 0;width: 28px;height: 100%;background: #007dc5;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list01 .right ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .left {margin-bottom: 10px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div {position: relative;width: 280px;height: 216px;margin: 30px auto;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div .c_box {position: absolute;width: 108px;height: 108px;border: 1px solid #0f8cd7;border-radius: 50%;background: #f6fbfe;margin-left: 12px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div .c_box p {font-size: 13px;line-height: 1.78em;color: #222;margin-top: 45px;text-align: center;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div .c_box.c_box01 {top: 0;left: 0;right: 0;margin: 0 auto;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div .c_box.c_box02 {top: 105px;left: 50%;margin-left: -116px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div .c_box.c_box03 {top: 105px;right: 50%;margin-right: -116px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div > span {position: absolute;top: 160px;left: 50%;display: inline-block;width: 12px;height: 1px;background: #0f8cd7;margin-left: -6px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div > span:after {content: '';width: 3px;height: 3px;background: #0f8cd7;border-radius: 50%;position: absolute;top: -1px;left: -2px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div > span:before {content: '';width: 3px;height: 3px;background: #0f8cd7;border-radius: 50%;position: absolute;top: -1px;right: -2px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div .line02 {top: 104px;left: 176px;transform: rotate(60deg);}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list02 .right > div .line03 {top: 104px;left: 104px;transform: rotate(-60deg);}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .left {margin-bottom: 10px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div {margin-top: 60px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box {height: 32px;position: relative;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .text01 {display: block;font-size: 10px;color: #8d8d8d;margin-bottom: 7px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line {display: block;width: 98%;height: 1px;background: #d9d9d9;position: relative;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line > span {display: inline-block;width: 5px;height: 5px;background: #bbb;border-radius: 50%;position: absolute;top: -2px;left: 0;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line .circle02 {left: 16.66%;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line .circle03 {left: 33.32%;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line .circle04 {left: 49.98%;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line .circle05 {left: 66.64%;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line .circle06 {left: 83.3%;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .line .circle07 {left: 100%;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box > div {width: 30px;text-align: center;position: absolute;bottom: 2px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box > div p {font-size: 10px;color: #222;text-align: center;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box > div span {display: block;width: 15px;height: 15px;border: 1px solid #0f8cd7;background: #f6fbfe;border-radius: 50%;font-size: 10px;color: #007dc5;line-height: 1em;text-align: center;box-sizing: border-box;padding-top: 1px;margin: 0 auto;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .text02 {left: 30%;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .line_box .text03 {right: -9px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .box {width: 100%;height: 45px;border: 1px solid #0f8cd7;background: #f6fbfe;margin-top: 10px;text-align: center;padding-top: 25px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .box > div {display: inline-block;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .box > div span {display: inline-block;font-size: 13px;line-height: 1.78em;color: #222;padding-right: 18px;background: url('/images/plus_icon.png') no-repeat right center;background-size: 10px 10px;margin-right: 8px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list03 .right > div .box > div span:last-child {padding-right: 0;background: none;margin-right: 0;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 {margin-bottom: 50px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 .left {margin-bottom: 10px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 .right ul {margin-top: 40px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 .right ul li {float: left;width: 48%;min-height: 114px;margin-right: 4%;margin-bottom: 15px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 .right ul li strong {display: block;font-size: 15px;line-height: 1.78em;color: #222;margin-bottom: 5px;font-weight: 400;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 .right ul li p {font-size: 13px;line-height: 1.67em;color: #666;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 .right ul li:nth-child(2n) {margin-right: 0;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list04 .right ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list05 .left {margin-bottom: 10px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list05 .right ul {margin-top: 30px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list05 .right ul li {float: left;width: 48%;margin-right: 4%;padding-bottom: 20px;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list05 .right ul li strong {display: block;font-size: 15px;line-height: 1.78em;color: #222;margin-bottom: 5px;font-weight: 400;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list05 .right ul li p {font-size: 13px;line-height: 1.67em;color: #666;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list05 .right ul li:nth-child(2n) {margin-right: 0;}
#contents_wrap.people .hrm_wrap .content02 .layout_type01 .list05 .right ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.people .hrm_wrap .content03 {padding: 50px 0 80px;}
#contents_wrap.people .hrm_wrap .content03 h3 {margin-bottom: 30px;padding: 0 20px;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li {margin-bottom: 80px;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .left {margin-bottom: 10px;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul {margin-top: 50px;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul li {margin-bottom: 10px;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul li > div {display: inline-block;width: 100px;height: 60px;border: 1px solid #0f8cd7;border-radius: 50%;background: #f6fbfe;padding: 40px 0 0;position: relative;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul li > div p {font-size: 13px;line-height: 1.73em;color: #222;text-align: center;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul li > div p.style {margin-top: -8px;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul li > div span {display: none;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul li .mobile_only {display: inline-block;width: calc(100% - 130px);font-size: 13px;line-height: 1.54em;color: #666;text-align: left;vertical-align: middle;margin-left: 15px;}
#contents_wrap.people .hrm_wrap .content03 .layout_type01 li .right ul li .mobile_only.style {margin-top: -32px;}
#contents_wrap.pr .contents {width: 100%;background: #fff;padding: 55px 0 150px;}
#contents_wrap.pr .contents.back_color {background: #f3f3f3;}
#contents_wrap.pr .contents .video_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.pr .contents .video_wrap .play_box {width: 100%;margin: 0 auto 50px;}
#contents_wrap.pr .contents .video_wrap .play_box > div.img {width: 100%;height: 0;padding-top: calc(60.71428571%);position: relative;}
#contents_wrap.pr .contents .video_wrap .play_box > div.img iframe {position: absolute;top: 0;left: 0;}
#contents_wrap.pr .contents .video_wrap .play_box > div.text {margin-top: 20px;}
#contents_wrap.pr .contents .video_wrap .play_box > div.text .tit {font-size: 18px;line-height: 1.78em;color: #007dc5;font-weight: 700;}
#contents_wrap.pr .contents .video_wrap .play_box > div.text .date {font-size: 13px;line-height: 1.72em;color: #666;margin: 3px 0 20px;}
#contents_wrap.pr .contents .video_wrap .play_box > div.text .scroll_box {width: 100%;height: 126px;overflow: hidden;}
#contents_wrap.pr .contents .video_wrap .play_box > div.text .scroll_box .in_text {font-size: 13px;line-height: 1.69em;color: #666;}
#contents_wrap.pr .contents .video_wrap .play_box:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.pr .contents .video_wrap .video_list {padding-bottom: 42px;width: 100%;overflow: hidden;}
#contents_wrap.pr .contents .video_wrap .video_list ul {width: 100%;}
#contents_wrap.pr .contents .video_wrap .video_list ul li {float: left;width: 49%;}
#contents_wrap.pr .contents .video_wrap .video_list ul li a {display: block;width: 100%;background: #fff;transition: all 0.3s ease;position: relative;}
#contents_wrap.pr .contents .video_wrap .video_list ul li a .thum {width: 100%;height: 0;padding-top: calc(60.29411765%);overflow: hidden;background-repeat: no-repeat;background-position: center top;background-size: cover;transition: all 0.3s ease;}
#contents_wrap.pr .contents .video_wrap .video_list ul li a .thum iframe {display: none;}
#contents_wrap.pr .contents .video_wrap .video_list ul li a .tit_box {height: 61px;padding: 15px 10px;background: #fff;transition: all 0.3s ease;position: relative;}
#contents_wrap.pr .contents .video_wrap .video_list ul li a .tit_box p {position: absolute;left: 10px;bottom: 15px;font-size: 10px;color: #666;}
#contents_wrap.pr .contents .video_wrap .video_list ul li a .tit_box p.tit {position: relative;left: 0;bottom: auto;font-size: 13px;color: #353535;line-height: 1.74em;height: 44px;overflow: hidden;}
#contents_wrap.pr .contents .video_wrap .video_list ul li .play_bg {display: none;}
#contents_wrap.pr .contents .video_wrap .video_list ul .play_on {position: relative;}
#contents_wrap.pr .contents .video_wrap .video_list ul .play_on .over_box a .tit_box p {color: #fff;z-index: 10;}
#contents_wrap.pr .contents .video_wrap .video_list ul .play_on .over_box a .tit_box p.tit {color: #fff;text-decoration: underline;}
#contents_wrap.pr .contents .video_wrap .video_list ul .play_on .over_box a .play_bg {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #007dc5;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;}
#contents_wrap.pr .contents .video_wrap .video_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.pr .contents .video_wrap .video_list .swiper-button-next,#contents_wrap.pr .contents .video_wrap .video_list .swiper-container-rtl .swiper-button-prev {display: none;}
#contents_wrap.pr .contents .video_wrap .video_list .swiper-button-prev,#contents_wrap.pr .contents .video_wrap .video_list .swiper-container-rtl .swiper-button-next {display: none;}
#contents_wrap.pr .contents .news_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.pr .contents .news_wrap .form_box {width: 100%;margin: 0 auto 40px;position: relative;text-align: right;}
#contents_wrap.pr .contents .news_wrap .form_box .select_box {position: relative;margin-bottom: 20px;z-index: 10;}
#contents_wrap.pr .contents .news_wrap .form_box .select_box .select_btn {display: block;width: 100%;height: 25px;border-bottom: 1px solid #222;font-size: 15px;line-height: 1.78em;color: #353535;padding: 10px 0;background: url('/images/m_dropdown03.png') no-repeat right center;background-size: 13px 13px;text-align: left;}
#contents_wrap.pr .contents .news_wrap .form_box .select_box .select_btn.on_select {background: url('/images/m_dropdown04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.pr .contents .news_wrap .form_box .select_box .option_list {display: none;position: absolute;top: 45px;left: 0;width: calc(100% - 42px);border: solid 1px #222222;background: #fff;padding: 18px 20px;}
#contents_wrap.pr .contents .news_wrap .form_box .select_box .option_list li a {display: block;font-size: 15px;line-height: 1.78em;color: #353535;text-align: left;}
#contents_wrap.pr .contents .news_wrap .form_box .search_box {position: relative;}
#contents_wrap.pr .contents .news_wrap .form_box .search_box input {width: calc(100% - 30px);height: 46px;border: 0;border-bottom: 1px solid #222;background: none;font-size: 15px;line-height: 1.78em;color: #353535;padding-right: 30px;}
#contents_wrap.pr .contents .news_wrap .form_box .search_box input:-ms-input-placeholder {font-size: 15px;}
#contents_wrap.pr .contents .news_wrap .form_box .search_box input::-webkit-input-placeholder {font-size: 15px;}
#contents_wrap.pr .contents .news_wrap .form_box .search_box input::-moz-placeholder {font-size: 15px;}
#contents_wrap.pr .contents .news_wrap .form_box .search_box input::-moz-placeholder {font-size: 15px;}
#contents_wrap.pr .contents .news_wrap .form_box .search_box .search_btn {position: absolute;right: 0;bottom: 0;width: 19px;background: url('/images/m_search02.png') no-repeat center center;background-size: 13px 13px;padding: 21px 0;font-size: 0;}
#contents_wrap.pr .contents .printad_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.pr .contents .printad_wrap .show_box {margin-bottom: 50px;}
#contents_wrap.pr .contents .printad_wrap .show_box .text_box {margin-top: 17px;}
#contents_wrap.pr .contents .printad_wrap .show_box .text_box strong {font-size: 18px;font-weight: 700;line-height: 1.64em;color: #007dc5;}
#contents_wrap.pr .contents .printad_wrap .show_box .text_box p {font-size: 13px;line-height: 1.69em;color: #666;}
#contents_wrap.pr .contents .printad_wrap .show_box .img_box img {width: 100%;height: auto;}
#contents_wrap.pr .contents .printad_wrap .show_box:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.pr .contents .printad_wrap .printad_list {padding-bottom: 42px;text-align: center;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li {float: left;width: 49%;margin: 0 2% 2% 0;text-align: left;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li:nth-child(2n) {margin: 0 0 2% 0;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li a {display: block;width: 100%;position: relative;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li a .thum {width: 100%;height: 0;padding-top: calc(129.16666667%);overflow: hidden;position: relative;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li a .thum img {width: 100%;position: absolute;top: 0;left: 0;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li a .thum .thum_bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;filter: alpha(opacity=17);opacity: 0.17;-moz-opacity: 0.17;z-index: 10;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li a .tit_box {height: 60px;padding: 15px 10px;background: #fff;position: relative;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li a .tit_box .date {position: absolute;left: 10px;right: 10px;bottom: 15px;font-size: 10px;color: #666;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul li a .tit_box .tit {position: relative;font-size: 13px;line-height: 1.64em;color: #353535;max-height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul .show_on a .select_bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #00b5e2;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;z-index: 10;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul .show_on a .tit_box .date {color: #fff;z-index: 20;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul .show_on a .tit_box .tit {color: #fff;z-index: 20;text-decoration: underline;}
#contents_wrap.pr .contents .printad_wrap .printad_list ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.pr .contents .brochure_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.pr .contents .brochure_wrap ul li {margin-bottom: 12px;}
#contents_wrap.pr .contents .brochure_wrap ul li a {display: block;}
#contents_wrap.pr .contents .brochure_wrap ul li .thum {height: 0;padding-top: calc(124.64285714%);overflow: hidden;background: #fff;position: relative;background-size: cover;background-position: center;}
#contents_wrap.pr .contents .brochure_wrap ul li .thum img {width: 100%;position: absolute;top: 0;left: 0;}
#contents_wrap.pr .contents .brochure_wrap ul li .tit_box {background: #fff;border-top: 1px solid rgba(0, 0, 0, 0.15);position: relative;height: 88px;padding: 20px;}
#contents_wrap.pr .contents .brochure_wrap ul li .tit_box p {font-size: 20px;line-height: 1.54em;color: #222;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
#contents_wrap.pr .contents .brochure_wrap ul li .tit_box > div {position: absolute;bottom: 20px;left: 20px;right: 20px;}
#contents_wrap.pr .contents .brochure_wrap ul li .tit_box > div .date {font-size: 13px;color: #666;}
#contents_wrap.pr .contents .brochure_wrap ul li .tit_box > div .arrow {display: inline-block;float: right;background: url('/images/m_download.png') no-repeat right center;background-size: 13px 13px;padding-right: 30px;font-size: 12px;font-weight: 700;color: #007dc5;}
#contents_wrap.ir .contents {width: 100%;background: #fff;padding: 50px 0 150px;}
#contents_wrap.ir .contents.back_color {background: #f3f3f3;}
#contents_wrap.ir .contents .managementinfo_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ir .contents .managementinfo_wrap ul {width: 100%;}
#contents_wrap.ir .contents .managementinfo_wrap ul li {margin-top: 50px;}
#contents_wrap.ir .contents .managementinfo_wrap ul li:first-child {margin-top: 0px;}
#contents_wrap.ir .contents .managementinfo_wrap ul li .left {font-size: 18px;line-height: 1.64;color: #666666;margin-bottom: 30px;}
#contents_wrap.ir .contents .managementinfo_wrap ul li:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list01 .right strong {font-size: 26px;font-weight: 300;line-height: 1.41;color: #007dc5;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list01 .right strong br {display: none;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list01 .right p {font-size: 15px;line-height: 1.64;color: #222222;margin-top: 10px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list02 .right {max-width: 100%;overflow-x: auto;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list03 .right > div {margin-bottom: 53px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list03 .right > div .tit_box {margin-bottom: 34px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list03 .right > div .tit_box strong {font-size: 56px;font-weight: 100;line-height: 1em;color: #007dc5;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list03 .right > div .tit_box p {display: inline-block;font-size: 18px;line-height: 1.64;color: #222222;margin-left: 10px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list03 .right > div .tit_box .mid_text {vertical-align: 14px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list03 .right > div .con_box p {font-size: 15px;color: #666;margin-bottom: 17px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list03 .right > div .con_box p span {font-size: 18px;line-height: 1.41;color: #222222;display: inline-block;margin-right: 8px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list04 .right > div:first-child {margin-bottom: 50px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list04 .right > div:first-child .con_box {padding-bottom: 25px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list04 .right > div .tit_box {margin-bottom: 20px;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list04 .right > div .tit_box strong {font-size: 26px;font-weight: 300;line-height: 1em;color: #007dc5;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list04 .right > div .tit_box p {font-size: 18px;line-height: 1.64;color: #222222;display: inline-block;margin-left: 10px;vertical-align: bottom;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list04 .right > div .con_box strong {font-size: 15px;line-height: 1.67;color: #222222;font-weight: 400;}
#contents_wrap.ir .contents .managementinfo_wrap ul .list04 .right > div .con_box p {font-size: 15px;color: #666;line-height: 1.67;margin: 5px 0 15px;}
#contents_wrap.ir .contents .stockinfo_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ir .contents .stockinfo_wrap ul {width: 100%;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .left {margin-bottom: 30px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .left strong {display: block;font-size: 13px;font-weight: 700;color: #222;margin: 10px 0 3px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .left p {font-size: 10px;line-height: 1.54em;color: #666;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .left p br {display: none;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div .price {display: block;font-size: 56px;font-weight: 100;color: #007dc5;line-height: 1em;position: relative;padding-left: 30px;vertical-align: middle;margin-bottom: 23px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div .price.up:after {content: '';width: 20px;height: 16px;background: url('/images/up_icon03.png') no-repeat left center;background-size: 20px 16px;position: absolute;top: 25px;left: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div .price.down:after {content: '';width: 20px;height: 16px;background: url('/images/down_icon03.png') no-repeat left center;background-size: 20px 16px;position: absolute;top: 25px;left: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div > span {display: block;float: left;width: 50%;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div > span .label {display: inline-block;font-size: 13px;color: #222;margin-right: 5px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div > span .data {display: inline-block;font-size: 13px;font-weight: 700;line-height: 1em;color: #007dc5;padding-left: 12px;position: relative;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div > span .data.up:after {font-size: 10px;position: absolute;top: 0;left: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div > span .data.down:after {font-size: 10px;position: absolute;top: 0;left: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div .change .data.up:after {content: '';width: 8px;height: 6px;background: url('/images/up_icon02.png') no-repeat left center;background-size: 8px 6px;position: absolute;top: 5px;left: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div .change .data.down:after {content: '';width: 8px;height: 6px;background: url('/images/down_icon02.png') no-repeat left center;background-size: 8px 6px;position: absolute;top: 5px;left: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div .fluctuation .data.up:after {content: "+";font-size: 15px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div .fluctuation .data.down:after {content: "-";font-size: 15px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right div > div:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right .stock {margin-top: 26px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right .stock > span {display: block;float: left;width: 50%;margin-bottom: 6px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right .stock > span > span {display: inline-block;font-size: 13px;color: #222;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right .stock > span .label {width: 65px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right .stock > span .data {font-weight: 700;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right .stock:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right .table_box {width: 100%;overflow-x: auto;margin: 50px 0 10px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table {min-width: 480px;width: 100%;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table thead tr th {font-size: 13px;color: #222;text-align: left;padding: 10px 0 10px 15px;border-top: 1px solid #222;border-bottom: 1px solid #222;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table thead tr th:first-child {text-align: center;padding: 10px 0;border-right: 1px solid rgba(0, 0, 0, 0.15);}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table thead tr th:last-child {text-align: center;padding: 10px 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table tbody tr td {font-size: 13px;color: #666;text-align: left;padding: 10px 0 10px 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.15);position: relative;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table tbody tr td:first-child {padding: 10px 0;text-align: center;border-right: 1px solid rgba(0, 0, 0, 0.15);}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table tbody tr td:last-child {text-align: center;padding: 10px 0;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table tbody tr td:nth-child(3) {padding: 10px 0 10px 25px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table tbody tr td.up:after {content: '';width: 8px;height: 6px;background: url('/images/up_icon.png') no-repeat left center;background-size: 8px 6px;position: absolute;top: 17px;left: 15px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table tbody tr td.down:after {content: '';width: 8px;height: 6px;background: url('/images/down_icon.png') no-repeat left center;background-size: 8px 6px;position: absolute;top: 17px;left: 15px;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right table tbody tr:last-child td {border-bottom: 1px solid #222;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right p {font-size: 10px;line-height: 1.54;color: #666;}
#contents_wrap.ir .contents .stockinfo_wrap ul li .right p br {display: none;}
#contents_wrap.ir .contents .stockinfo_wrap ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.ir .contents .publicdisclosure_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ir .contents .publicdisclosure_wrap ul {width: 100%;}
#contents_wrap.ir .contents .publicdisclosure_wrap ul li .right {margin-top: 10px;}
#contents_wrap.ir .contents .publicdisclosure_wrap ul li .right div {font-size: 15px;line-height: 1.64;color: #222222;margin-bottom: 30px;}
#contents_wrap.ir .contents .publicdisclosure_wrap ul li .right a {display: inline-block;float: right;background: url('/images/m_download.png') no-repeat right center;background-size: 13px 13px;padding-right: 30px;font-size: 12px;font-weight: 600;color: #007dc5;}
#contents_wrap.ir .contents .financeinfo_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ir .contents .financeinfo_wrap h3 {margin-bottom: 30px;}
#contents_wrap.ir .contents .financeinfo_wrap ul {width: 100%;}
#contents_wrap.ir .contents .financeinfo_wrap ul li {overflow: hidden;margin-bottom: 80px;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div {width: 100%;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.left {font-size: 18px;line-height: 1.64;color: #666666;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right > span {display: block;font-size: 10px;line-height: 1.54;color: #666666;text-align: right;margin-top: 7px;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table {display: none;width: 100%;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table thead {border-top: 1px solid #222;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table thead tr th {font-size: 13px;color: #222;text-align: center;padding: 10px;border-right: 1px solid #d9d9d9;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table thead tr th.right_text {text-align: right;border-right: 0;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table tbody {border-bottom: 1px solid #222;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table tbody tr td {font-size: 13px;color: #666;text-align: right;padding: 10px;border-top: 1px solid #d9d9d9;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table tbody tr td:first-child {text-align: left;border-right: 1px solid #d9d9d9;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table tbody tr:first-child td {border-top: 1px solid #222;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table tbody .total td {background: #f9f9f9;color: #222;font-weight: 700;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table tbody .total td span {font-size: 13px;background: #f9f9f9;color: #666;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right table tbody .total .normal_text {font-weight: 400;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .web_only {display: none;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only {display: block;text-align: center;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .tit_box {display: inline-block;margin: 30px 0 20px;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .tit_box a {display: inline-block;width: 13px;height: 13px;padding: 4px;vertical-align: top;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .tit_box a.prev {background: url('/images/m_prev01.png') no-repeat center center;background-size: 13px 13px;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .tit_box a.next {background: url('/images/m_next01.png') no-repeat center center;background-size: 13px 13px;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .tit_box a.disable {opacity: 0.3;cursor: default;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .tit_box .year {display: none;font-size: 15px;color: #222;font-weight: 700;vertical-align: top;margin: 0 13px;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .tit_box .year.show_tit {display: inline-block;}
#contents_wrap.ir .contents .financeinfo_wrap ul li > div.right .mobile_only .show_table {display: table;}
#contents_wrap.ir .contents .financeinfo_wrap ul li.list03 {margin-bottom: 0;}
#contents_wrap.ir .contents .reports_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ir .contents .reports_wrap .form_box {width: 100%;margin: 0 auto 40px;position: relative;text-align: right;}
#contents_wrap.ir .contents .reports_wrap .form_box .select_box {position: relative;margin-bottom: 20px;z-index: 10;}
#contents_wrap.ir .contents .reports_wrap .form_box .select_box .select_btn {display: block;width: 100%;height: 25px;border-bottom: 1px solid #222;font-size: 15px;line-height: 1.78em;color: #353535;padding: 10px 0;background: url('/images/m_dropdown03.png') no-repeat right center;background-size: 13px 13px;text-align: left;}
#contents_wrap.ir .contents .reports_wrap .form_box .select_box .select_btn.on_select {background: url('/images/m_dropdown04.png') no-repeat right center;background-size: 13px 13px;}
#contents_wrap.ir .contents .reports_wrap .form_box .select_box .option_list {display: none;position: absolute;top: 45px;left: 0;width: calc(100% - 42px);border: solid 1px #222222;background: #fff;padding: 18px 20px;}
#contents_wrap.ir .contents .reports_wrap .form_box .select_box .option_list li a {display: block;font-size: 15px;line-height: 1.78em;color: #353535;text-align: left;}
#contents_wrap.ethics .contents {width: 100%;background: #fff;padding: 50px 0 130px;}
#contents_wrap.ethics .contents.back_color {background: #f3f3f3;}
#contents_wrap.ethics .contents .management_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ethics .contents .management_wrap .layout_type01 li .left {margin-bottom: 10px;}
#contents_wrap.ethics .contents .management_wrap .layout_type01 li .right p {font-size: 15px;line-height: 1.78;color: #222;}
#contents_wrap.ethics .contents .management_wrap .layout_type01 li .right strong {display: block;font-size: 26px;font-weight: 300;line-height: 1.42em;color: #007dc5;margin: 40px 0 10px;}
#contents_wrap.ethics .contents .charter_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .left {margin-bottom: 10px;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right p {font-size: 15px;line-height: 1.78;color: #222;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right > ul {margin-top: 40px;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right > ul > li {float: left;width: 48%;min-height: 93px;margin-right: 4%;padding-bottom: 35px;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right > ul > li .out {display: block;width: 40px;height: 1px;background: #d9d9d9;position: relative;margin-bottom: 15px;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right > ul > li .out .in {display: block;position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: #007dc5;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right > ul > li p {font-size: 15px;line-height: 1.41em;color: #222222;font-weight: 400;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right > ul > li:nth-child(2n) {margin-right: 0;}
#contents_wrap.ethics .contents .charter_wrap .layout_type01 li .right > ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.ethics .contents .standard_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li.list01 .left {border-top: 0;padding: 0;background: none;margin-bottom: 10px;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li.list01 .right {padding: 0 0 30px 0;display: block;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .left {font-size: 15px;line-height: 1.64em;color: #666;border-top: 1px solid #d9d9d9;padding: 18px 5px;background: url('/images/dropdown05.png') no-repeat 97% center;background-size: 13px 13px;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .right {display: none;padding: 0 0 10px 5px;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .right strong {display: none;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .right p {margin-bottom: 10px;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .right ul li {margin-bottom: 20px;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .right ul li p {font-size: 15px;line-height: 1.67;color: #222;margin-bottom: 10px;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .right ul li span {display: block;font-size: 15px;line-height: 1.67;color: #666;padding-left: 15px;position: relative;margin-bottom: 10px;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li .right ul li span:after {content: '-';position: absolute;top: 0;left: 0;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li.on_list .left {background: url('/images/dropdown06.png') no-repeat 97% center;background-size: 13px 13px;border-bottom: 0;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li.on_list .right {display: block;}
#contents_wrap.ethics .contents .standard_wrap .layout_type01 > li:last-child {border-bottom: 1px solid #d9d9d9;}
#contents_wrap.audit hr {border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.15);margin: 80px 0 50px;}
#contents_wrap.audit hr.last_hr {margin: 80px 0 20px;}
#contents_wrap.audit .arrow_btn {display: block;width: calc(100% - 80px);}
#contents_wrap.audit .contents {width: 100%;background: #fff;padding: 50px 0 130px;}
#contents_wrap.audit .contents.back_color {background: #f3f3f3;}
#contents_wrap.audit .contents .protect_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.audit .contents .protect_wrap h3 {margin-bottom: 30px;}
#contents_wrap.audit .contents .protect_wrap ul {width: 100%;}
#contents_wrap.audit .contents .protect_wrap ul li {margin-bottom: 50px;}
#contents_wrap.audit .contents .protect_wrap ul li.list02 {margin-bottom: 0;}
#contents_wrap.audit .contents .protect_wrap ul li.list02 .right {padding-left: 0;}
#contents_wrap.audit .contents .protect_wrap ul li > div.left {font-size: 18px;line-height: 1.64;color: #666666;margin-bottom: 20px;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right {padding-left: 16px;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right ol {width: 100%;list-style: decimal;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right ol li {font-size: 15px;line-height: 1.78;color: #222;list-style: decimal;margin-bottom: 6px;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right span {display: block;font-size: 13px;line-height: 1.54;color: #666666;margin-top: 10px;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right p {font-size: 15px;line-height: 1.78;color: #222;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right > div {float: left;width: 50%;min-height: 62px;margin-top: 15px;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right > div.address {width: 100%;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right > div strong {display: block;font-size: 13px;line-height: 1.48;color: #222;font-weight: 400;margin-bottom: 5px;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right > div p {font-size: 13px;line-height: 1.48;color: #666;}
#contents_wrap.audit .contents .protect_wrap ul li > div.right:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.audit .contents .protect_wrap ul li:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.audit .contents .counsel_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.audit .contents .counsel_wrap h3 {margin-bottom: 30px;}
#contents_wrap.audit .contents .counsel_wrap ul li {margin-bottom: 50px;}
#contents_wrap.audit .contents .counsel_wrap ul li.list02 {margin-bottom: 0;}
#contents_wrap.audit .contents .counsel_wrap ul li.list02 .right {padding-left: 0;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.left {font-size: 18px;line-height: 1.64;color: #666666;margin-bottom: 20px;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right ol {width: calc(100% - 16px);padding-left: 16px;list-style: decimal;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right ol li {font-size: 15px;line-height: 1.78;color: #222;list-style: decimal;margin-bottom: 6px;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right ol li br {display: none;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right > span {display: block;font-size: 13px;line-height: 1.54;color: #666666;margin-top: 10px;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right p {font-size: 15px;line-height: 1.78;color: #222;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right > div {/*min-height: 62px;*/ margin-top: 15px;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right > div.address {width: 100%;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right > div.line {border-top: 1px dashed #d9d9d9;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right > div strong {display: block;font-size: 13px;line-height: 1.48;color: #222;font-weight: 400;margin-bottom: 5px;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right > div p {font-size: 13px;line-height: 1.48;color: #666;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right .scroll_box {width: calc(100% - 30px);height: 228px;padding: 20px 10px 20px 20px;border: solid 1px rgba(0, 0, 0, 0.15);}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right .scroll_box > div {width: 100%;height: 228px;overflow-y: auto;padding-right: 10px;}
#contents_wrap.audit .contents .counsel_wrap ul li > div.right .check_box {width: 100%;text-align: right;margin-top: 20px;min-height: auto;}
#contents_wrap.audit .contents .counsel_wrap ul li:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.audit .contents .form_wrap ul li {margin-bottom: 40px;}
#contents_wrap.audit .contents .form_wrap ul li > div.left {font-size: 22px;line-height: 1.64;color: #666666;}
#contents_wrap.audit .contents .form_wrap ul li > div.left h3 {margin-bottom: 10px;}
#contents_wrap.audit .contents .form_wrap ul li > div.left span {display: none;}
#contents_wrap.audit .contents .form_wrap ul li > div.right {padding: 0;}
#contents_wrap.audit .contents .form_wrap ul li > div.right p {margin-bottom: 50px;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div {margin-bottom: 40px;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div label {display: block;font-size: 13px;line-height: 1.67em;color: #222;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div input {width: 100%;height: 44px;border: 0;border-bottom: 1px solid #222;font-size: 15px;color: #666;line-height: 1.78em;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div select {width: 100%;height: 44px;border: 0;border-bottom: 1px solid #222;font-size: 15px;color: #bbb;line-height: 1.78em;background: url('/images/dropdown03.png') no-repeat right center;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div select option {font-size: 15px;color: #666;line-height: 1.78em;border: 1px solid #222;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div textarea {width: 100%;height: 194px;border: 0;border-bottom: 1px solid #222;font-family: 'Spoqa Han Sans', Sans-serif;font-weight: 400;font-size: 15px;color: #666;line-height: 1.78em;outline: none;resize: none;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div span {font-size: 13px;line-height: 1.54em;color: #666;margin-top: 5px;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .input-file {position: relative;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .input-file [type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0 none;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .input-file .file-label {position: absolute;top: 16px;right: 0;width: 80px;font-size: 15px;font-weight: 700;line-height: 1.78em;color: #222;text-align: right;background: url('/images/m_search02.png') no-repeat left center;background-size: 13px 13px;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .input-file .file-name {width: 100%;text-indent: 5px;border-bottom: 1px solid #222;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .file-label {cursor: pointer;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .email_box {position: relative;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .email_box input {width: 48%;vertical-align: bottom;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .email_box .text {position: absolute;font-size: 15px;color: #222;top: 15px;left: 52%;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .email_box .email_input {width: calc(47% - 20px);padding-left: 20px;margin-left: 3%;}
#contents_wrap.audit .contents .form_wrap ul li > div.right form > div .email_box select {width: 100%;vertical-align: bottom;margin-top: 15px;}
#contents_wrap.audit .contents .form_wrap ul li > div.right:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.audit .contents .form_wrap ul li:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.audit .contents .check_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.audit .contents .check_wrap ul li .left {font-size: 22px;line-height: 1.64;color: #666666;}
#contents_wrap.audit .contents .check_wrap ul li .left h3 {margin-bottom: 10px;}
#contents_wrap.audit .contents .check_wrap ul li .left span {font-size: 13px;line-height: 1.54em;color: #666;}
#contents_wrap.audit .contents .check_wrap ul li .right {padding: 0;}
#contents_wrap.audit .contents .check_wrap ul li .right p {margin-bottom: 8px;font-size: 15px;color: #222;}
#contents_wrap.audit .contents .check_wrap ul li .right span {font-size: 10px;line-height: 1.54em;color: #666;margin-top: 5px;}
#contents_wrap.audit .contents .check_wrap ul li .right table {width: 100%;table-layout: fixed;}
#contents_wrap.audit .contents .check_wrap ul li .right table thead tr th {font-size: 13px;line-height: 1.67em;color: #222;padding: 13px 0;border-bottom: 1px solid #222;text-align: center;}
#contents_wrap.audit .contents .check_wrap ul li .right table thead tr th:nth-child(2) {text-align: left;padding: 13px 0 13px 10px;}
#contents_wrap.audit .contents .check_wrap ul li .right table tbody tr td {font-size: 13px;line-height: 1.67em;color: #4f4f4f;padding: 13px 0;border-bottom: 1px solid #222;text-align: center;}
#contents_wrap.audit .contents .check_wrap ul li .right table tbody tr td:nth-child(2) {text-align: left;padding: 13px 0px 13px 10px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
#contents_wrap.audit .contents .check_wrap ul li div .web_only {display: none;}
#contents_wrap.audit .contents .check_wrap ul li div .mobile_only {display: block;font-size: 13px;line-height: 1.54em;color: #666;margin-bottom: 50px;}
#contents_wrap.audit .contents .compensation_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.audit .contents .compensation_wrap ul > li {margin-bottom: 50px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .left {font-size: 18px;line-height: 1.64;color: #666666;margin-bottom: 20px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > p {font-size: 15px;line-height: 1.64;color: #222;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right ol {width: 100%;list-style: decimal;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right ol li {font-size: 15px;line-height: 1.78;color: #222;list-style: decimal;margin-bottom: 6px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div {margin: 0 0 30px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div > span {display: block;font-size: 13px;line-height: 1.54em;color: #666;margin-top: 15px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div p {font-size: 15px;line-height: 1.78;color: #222;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table {width: 100%;margin: 20px 0 0;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table thead {border-top: 1px solid #222;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table thead tr th {font-size: 13px;line-height: 1.67em;color: #222;padding: 15px 10px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table thead tr th:first-child {text-align: center;border-right: 1px solid rgba(0, 0, 0, 0.15);}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table tbody {border-bottom: 1px solid #222;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table tbody tr td {font-size: 13px;line-height: 1.67em;color: #4f4f4f;border-top: 1px solid rgba(0, 0, 0, 0.15);padding: 15px 10px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table tbody tr td:first-child {text-align: center;border-right: 1px solid rgba(0, 0, 0, 0.15);}
#contents_wrap.audit .contents .compensation_wrap ul > li .right > div table tbody tr:first-child td {border-top: 1px solid #222;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right .text02 {font-size: 13px;line-height: 1.67em;color: #4f4f4f;margin-top: 7px;padding-left: 12px;}
#contents_wrap.audit .contents .compensation_wrap ul > li .right .text02 span {display: inline-block;width: 12px;font-size: 13px;line-height: 1.67em;color: #4f4f4f;margin-left: -12px;}
#contents_wrap.audit .contents .compensation_wrap ul .list02 .right {padding-left: 16px;}
#contents_wrap.audit .contents .compensation_wrap ul .list03 .right {padding-left: 16px;}
#contents_wrap.audit .contents .compensation_wrap ul .list05 .right {padding-left: 16px;}
#contents_wrap.audit .contents .compensation_wrap ul .list06 {margin-bottom: 0;}
#contents_wrap.audit .contents .compensation_wrap ul .list06 .right p {font-size: 13px;}
#contents_wrap.audit .contents .compensation_wrap ul .list06 .right span {margin-bottom: 15px;}
#contents_wrap.proposal hr {border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.15);margin: 80px 0 50px;}
#contents_wrap.proposal hr.last_hr {margin: 80px 0 20px;}
#contents_wrap.proposal .arrow_btn {display: block;width: calc(100% - 80px);}
#contents_wrap.proposal .contents {width: 100%;background: #fff;padding: 50px 0 130px;}
#contents_wrap.proposal .contents.back_color {background: #f3f3f3;}
#contents_wrap.proposal .contents .register_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.proposal .contents .register_wrap ul li {margin-bottom: 50px;}
#contents_wrap.proposal .contents .register_wrap ul li.list02 {margin-bottom: 0;}
#contents_wrap.proposal .contents .register_wrap ul li.list02 .right {padding-left: 0;}
#contents_wrap.proposal .contents .register_wrap ul li > div.left {font-size: 18px;line-height: 1.64;color: #666666;margin-bottom: 20px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.left h3 br {display: none;}
#contents_wrap.proposal .contents .register_wrap ul li > div.left > span {display: block;font-size: 13px;line-height: 1.54;color: #666666;margin-top: 10px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right .b_mar {margin-bottom: 50px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right > span {display: block;font-size: 13px;line-height: 1.54;color: #666666;margin-top: 10px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right p {font-size: 15px;line-height: 1.78;color: #222;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right .scroll_box {width: calc(100% - 30px);max-height: 228px;padding: 20px 10px 20px 20px;border: solid 1px rgba(0, 0, 0, 0.15);margin: 30px 0 15px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right .scroll_box > div {width: 100%;height: 228px;overflow-y: auto;padding-right: 10px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right .scroll_box > div p {font-size: 13px;line-height: 1.67em;color: #666;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right .check_box {width: 100%;text-align: right;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right form > div:last-child {margin-bottom: 0;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right form .phone {position: relative;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right form .phone .ver_code {width: calc(100% - 120px);padding-right: 120px;margin-top: 15px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right form .phone .ver_btn {position: absolute;top: 22px;right: 0;display: block;width: 87px;font-size: 15px;font-weight: 700;line-height: 1.67em;color: #222;z-index: 2;padding: 11px 0 11px 22px;text-align: right;background: url('/images/m_sms.png') no-repeat left center;background-size: 12px 10px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right form .complete .ver_btn {background: url('/images/m_check02.png') no-repeat left center;background-size: 22px 22px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right form .complete > span {color: #007dc5;}
#contents_wrap.proposal .contents .register_wrap ul li:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
/* 240205 추가 */
#contents_wrap.proposal .contents .register_wrap ul li > div.right > div {float: left;width: 50%; /*margin-bottom: 15px;*/}
#contents_wrap.proposal .contents .register_wrap ul li > div.right > div.address {width: 100%;margin-bottom: 0;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right > div strong {display: block;font-size: 13px;line-height: 1.48;color: #222;font-weight: 400;margin-bottom: 5px;}
#contents_wrap.proposal .contents .register_wrap ul li > div.right > div p {font-size: 13px;line-height: 1.48;color: #666;}

#contents_wrap.proposal .contents .check_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.proposal .contents .check_wrap ul li .left {font-size: 22px;line-height: 1.64;color: #666666;}
#contents_wrap.proposal .contents .check_wrap ul li .left h3 {margin-bottom: 10px;}
#contents_wrap.proposal .contents .check_wrap ul li .left span {font-size: 13px;line-height: 1.54em;color: #666;}
#contents_wrap.proposal .contents .check_wrap ul li .right {padding: 0;}
#contents_wrap.proposal .contents .check_wrap ul li .right p {margin-bottom: 8px;font-size: 15px;color: #222;}
#contents_wrap.proposal .contents .check_wrap ul li .right div {margin-bottom: 40px;}
#contents_wrap.proposal .contents .check_wrap ul li .right div span {display: block;font-size: 11px;line-height: 1.54em;color: #666;margin-top: 7px;}
#contents_wrap.proposal .contents .check_wrap ul li div .web_only {display: none;}
#contents_wrap.proposal .contents .check_wrap ul li div .mobile_only {display: block;font-size: 13px;line-height: 1.54em;color: #666;margin-bottom: 50px;}
#contents_wrap.proposal .contents .guide_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .left {margin-bottom: 20px;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .left h3 br {display: none;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul li {margin-bottom: 15px;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul li p {font-size: 15px;line-height: 1.78em;color: #222;margin-bottom: 5px;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul li p span {display: inline-block;width: 20px;font-size: 15px;line-height: 1.78em;color: #007dc5;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul li > span {display: block;font-size: 13px;line-height: 1.67em;color: #4f4f4f;position: relative;padding-left: 35px;margin-bottom: 5px;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul li > span br {display: none;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul li > span:after {content: '-';position: absolute;top: 0;left: 20px;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul li:nth-child(2n) {margin-right: 0;}
#contents_wrap.proposal .contents .guide_wrap .layout_type01 li .right ul:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
#contents_wrap.contact .contents {width: 100%;background: #fff;padding: 50px 0 130px;}
#contents_wrap.contact .contents.back_color {background: #f3f3f3;}
#contents_wrap.contact .contents .contact_wrap {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 > li {margin-bottom: 40px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 > li .left {font-size: 18px;line-height: 1.67em;color: #666;margin-bottom: 20px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 > li .right > div strong {display: block;font-size: 14px;line-height: 1.67em;color: #222;font-weight: 400;margin-bottom: 6px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 > li .right > div p {font-size: 14px;line-height: 1.67em;color: #666;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list01 .left {margin-bottom: 30px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list01 .right .map {width: 100%;height: 280px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list02 .right > div {display: inline-block;width: 48%;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list02 .right > div p a {font-size: 15px;line-height: 1.67em;color: #666;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list02 .right .address {display: block;width: 100%;margin-bottom: 15px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right > div {margin-bottom: 15px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right ol {list-style: decimal;margin-left: 15px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right ol li {font-size: 13px;line-height: 1.67em;color: #666;list-style: decimal;margin-bottom: 6px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right ol li br {display: none;}
/* 오시는 길 > 찾아오시는 길 */
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic {margin-bottom: 50px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic h4 {position: relative; margin-bottom: 24px; color: #222; font-size: 14px; line-height: 1.67;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic h4::before {content: ''; position: absolute; top: 0; left: 0; height: 22px; background-position: left center; background-repeat: no-repeat; background-size: auto 22px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic.traffic-subway h4::before {width: 22px; background-image: url("/images/ico_subway.png")}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic.traffic-bus h4::before {width: 28px; background-image: url("/images/ico_bus.png")}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic.traffic-car h4::before {width: 38px; background-image: url("/images/ico_car.png")}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic h4 span {padding-right: 5px; box-shadow: inset 0 -0.8em 0 #fff799;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic.traffic-subway h4 span {padding-left: 22px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic.traffic-bus h4 span {padding-left: 28px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic.traffic-car h4 span {padding-left: 38px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic ul li {position: relative; font-size: 14px; line-height: 1.67em; color: #666;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic > ul > li {margin-bottom: 30px;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic > ul > li:last-child {margin-bottom: 0;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic > ul li li {padding-left: 0.875em;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic > ul li li::before {content: '▪'; position: absolute; left: 0; color: #000507; font-size: 0.75em;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic p {margin-bottom: 4px; color: #222; font-weight: 700;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic ul li b {color: #222; font-weight: 400;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic .blue-bus {color: #058cff;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic .green-bus {color: #17a754;}
#contents_wrap.contact .contents .contact_wrap .layout_type01 .list03 .right .traffic .maeul-bus {color: #89c30f;}
#contents_wrap.error {width: 100%;background-color: #fff;padding: 0 0 150px;}
#contents_wrap.error > div .logo_box {padding: 18px 20px 10px;border-bottom: 1px solid #d9d9d9;}
#contents_wrap.error > div .logo_box img {width: 65px;height: 23px;}
#contents_wrap.error > div .text_box {width: calc(100% - 40px);margin: 0 auto;padding-top: 60px;}
#contents_wrap.error > div .text_box p {font-size: 26px;font-weight: 300;line-height: 1.41;color: #222222;}
#contents_wrap.error > div .text_box span {display: block;font-size: 15px;line-height: 1.78;color: #222222;margin-top: 20px;}
#contents_wrap.error > div .btn_box {width: calc(100% - 40px);margin: 0 auto;margin-top: 80px;text-align: right;}
#contents_wrap.error > div .btn_box a {display: inline-block;text-align: right;font-size: 12px;font-weight: 700;line-height: 1.78em;color: #222;background: url('/images/arrow_next.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;margin-left: 30px;}

/* 2021-04-28 비상now 추가*/
#contents_wrap.now {padding-top: 0;position: relative;}
#contents_wrap.now .vinside_wrap .key_visual {background: url('/images/m_vinside_kv.jpg') no-repeat center top; background-size: cover;}
#contents_wrap.now .newsfeed_wrap .key_visual {background: url('/images/m_newsfeed_kv.jpg') no-repeat center top; background-size: cover;}
#contents_wrap.now .channel_wrap .key_visual {background: url('/images/m_channel_kv.jpg') no-repeat center top; background-size: cover;}
#contents_wrap.now .channel_list {padding: 20px 0 50px 0; width: calc(100% - 50px); margin: auto}
#contents_wrap.now .channel_list > li {position: relative; padding: 25px 0;border-bottom:1px #e5e5ea solid; box-sizing: border-box; color: #8e8e93; font-size: 14px;}
#contents_wrap.now .channel_list > li:after {content: ""; display: block; clear: both}
#contents_wrap.now .channel_list > li .logo {display:none;}
#contents_wrap.now .channel_list > li strong {display:block; font-size:20px;color: #1b1d20}
#contents_wrap.now .channel_list > li .sns_link {margin-top: 10px;}
#contents_wrap.now .channel_list > li .sns_link:after {content: ""; display: block; clear: both}
#contents_wrap.now .channel_list > li .sns_link li {float: left; margin-left: 12px;line-height: 28px;}
#contents_wrap.now .channel_list > li .sns_link li:first-child {margin-left: 0}
#contents_wrap.now .channel_list > li .sns_link li a {display:inline-block;background-color: #485cc7; width: 28px; height: 28px; border-radius: 14px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: 14px auto}
#contents_wrap.now .channel_list > li .sns_link li a.youtube {background-image: url('/images/m_ico_sns_yt.png');}
#contents_wrap.now .channel_list > li .sns_link li a.facebook {background-image: url('/images/m_ico_sns_fb.png'); background-size: 7px auto}
#contents_wrap.now .channel_list > li .sns_link li a.blog {background-image: url('/images/m_ico_sns_blog.png');}
#contents_wrap.now .channel_list > li .sns_link li a.instagram {background-image: url('/images/m_ico_sns_ita.png');}
#contents_wrap.now .channel_list > li .sns_link li a.kin {background-image: url('/images/m_ico_sns_kin.png');}
#contents_wrap.now .channel_list > li .sns_link li a.linkedin {background-image: url('/images/m_ico_sns_link.png');}
#contents_wrap.now .channel_list > li .sns_link li a.ntv {background-image: url('/images/m_ico_sns_ntv.png');}
#contents_wrap.now .channel_list > li .sns_link li a.post {background-image: url('/images/m_ico_sns_post.png'); background-size: 10px auto}
#contents_wrap.now .channel_list > li .sns_link li.bar {position: relative; padding-left: 12px;}
#contents_wrap.now .channel_list > li .sns_link li.bar::before {content: ""; display: block; position: absolute; left: 0; top: 50%; height: 20px; transform: translateY(-50%); border-left: 1px solid #e5e5ea;}
#contents_wrap .news_contents_list {width: 100%;background: #f3f3f3;padding: 50px 0 150px;text-align: center;}
#contents_wrap .news_contents_list ul {width: calc(100% - 40px);margin: 0 auto;}
#contents_wrap .news_contents_list ul li {width: 100%;margin-bottom: 12px;text-align: left;}
#contents_wrap .news_contents_list .over_box a {display: block;background: #fff;}
#contents_wrap .news_contents_list .over_box a .thum {width: 100%;height: 280px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#contents_wrap .news_contents_list .over_box a .tit_box {width: calc(100% - 40px);height: 240px;background: #fff;padding: 20px;position: relative;}
#contents_wrap .news_contents_list .over_box a .tit_box > strong {display: block;font-size: 20px;line-height: 1.34em;color: #222;font-weight: 500;max-height: 78px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;margin-bottom: 10px;}
#contents_wrap .news_contents_list .over_box a .tit_box > p {font-size: 13px;line-height: 1.48em;color: #222;max-height: 57px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
#contents_wrap .news_contents_list .over_box a .tit_box > div {width: calc(100% - 40px);position: absolute;bottom: 20px;}
#contents_wrap .news_contents_list .over_box a .tit_box > div span {vertical-align: bottom;}
#contents_wrap .news_contents_list .over_box a .tit_box > div .date {float: left;display: inline-block;font-size: 13px;color: #666;}
#contents_wrap .news_contents_list .over_box a .tit_box > div .arrow {display: inline-block;float: right;background: url('/images/m_arrow_img01.png') no-repeat right center;background-size: 30px 13px;padding-right: 38px;font-size: 12px;font-weight: 600;color: #007dc5;}

/* 2022-04-06 메타 추가*/
#contents_wrap.meta {position:relative;padding-top:0;}
#contents_wrap.meta .about_wrap .key_visual {background: url('/images/m_meta_about_kv.jpg') no-repeat center top; background-size: cover;}
#contents_wrap.meta .onlyone_wrap .key_visual {background: url('/images/m_learning_kv.jpg') no-repeat center top; background-size: cover;}
#contents_wrap.meta .onlyone_wrap .contents {font-size:14px; text-align: center;line-height: 1.48em;}
#contents_wrap.meta .onlyone_wrap .source {margin-top: 20px;font-size:12px; color: #666;}
#contents_wrap.meta .onlyone_wrap .line {display: inline-block; background: url('/images/meta_bg_line.png') repeat-x 0 80%; font-style: normal;}
#contents_wrap.meta .onlyone_wrap h3 .line {background: url('/images/meta_bg_line2.png') repeat-x 0 80%;}
#contents_wrap.meta .onlyone_wrap .txt_point {margin-bottom: 50px; color: #007dc5; font-weight: 700;}
#contents_wrap.meta .onlyone_wrap .txt_point .line {background: url('/images/meta_bg_line2.png') repeat-x 0 80%;}
#contents_wrap.meta .onlyone_wrap .video {position:relative; width: 100%; margin: auto; padding-top: 56.25%}
#contents_wrap.meta .onlyone_wrap .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#contents_wrap.meta .onlyone_wrap section {padding: 50px 0}
#contents_wrap.meta .onlyone_wrap section:nth-child(even) {background-color: #f3f3f3}
#contents_wrap.meta .onlyone_wrap section .txt {padding:30px 20px; word-break: keep-all;}
#contents_wrap.meta .onlyone_wrap section .txt .underline {font-style:normal;text-decoration: underline}
#contents_wrap.meta .onlyone_wrap h3 + .txt {padding-top: 0;}
#contents_wrap.meta .onlyone_wrap .img_survey {background: url('/images/meta_survey.jpg') no-repeat center 0; padding-top: 90%; background-size: contain}
#contents_wrap.meta .onlyone_wrap .news {position:relative; padding: 70px 20px; background: url("/images/meta_bg_news.png") 100% 100% no-repeat; background-size: cover; margin: 0 20px; word-break: keep-all;}
#contents_wrap.meta .onlyone_wrap .news:before,
#contents_wrap.meta .onlyone_wrap .news:after {content: ""; position: absolute; left:50%; display: inline-block; width: 25px; height: 21px; margin-left: -12px;}
#contents_wrap.meta .onlyone_wrap .news:before {top:30px; background: url('/images/ico_quotes.png') no-repeat 0 0; background-size:contain}
#contents_wrap.meta .onlyone_wrap .news:after {bottom:30px; background: url('/images/ico_quotes_end.png') no-repeat 0 0; background-size:contain}
#contents_wrap.meta .onlyone_wrap .imgbox {position:relative; background: url('/images/meta_section1.jpg') no-repeat center 0; background-size:contain; padding: 35% 20px 0}
#contents_wrap.meta .onlyone_wrap .imgbox:before {content: ""; display: none;}
#contents_wrap.meta .onlyone_wrap .imgbox.img2 {background: url('/images/meta_section2.jpg') no-repeat center 0; background-size:contain;}
#contents_wrap.meta .onlyone_wrap .imgbox.img3 {background: url('/images/meta_section3.jpg') no-repeat center 0; background-size:contain;}
#contents_wrap.meta .onlyone_wrap .check_list {padding: 0 20px}
#contents_wrap.meta .onlyone_wrap .check_list .txt {padding: 15px 0 25px; font-size: 12px; color: #353535; font-weight: 300; letter-spacing:-0.085em;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box {position: relative; background:#fff; margin:auto; padding: 30px 20px; border-bottom:5px #e0e0e0 solid}
#contents_wrap.meta .onlyone_wrap .check_list .list_box:before {content: ""; display: block; position: absolute; top:-10px; left:0; width: 100%; height: 15px;background: url('/images/meta_note.png') repeat-x 0 0; background-size: auto 15px;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box h4 {background: url('/images/meta_dotted.png') repeat-x left bottom; background-size: auto 1px; padding-bottom: 15px; line-height: 1;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box h4 img {height: 14px;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box ul {text-align: left;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box ul li {margin-top: 5px; line-height: 1.5;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box ul li:first-child {margin-top: 10px;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box ul li label {display: inline-block;background: url('/images/meta_check_off.png') no-repeat 0 0; background-size: auto 16px; padding-left:20px; font-size: 13px; line-height: 16px; cursor:pointer; word-break: keep-all;}
#contents_wrap.meta .onlyone_wrap .check_list .list_box ul li input:checked + label {background: url('/images/meta_check_on.png') no-repeat 0 0; background-size: auto 15px;}
#contents_wrap.meta .onlyone_wrap .btn {margin: 30px 0;padding: 0 20px;}
#contents_wrap.meta .onlyone_wrap .btn a {display: block; background-color: #f6fbfe; border:1px #0f8cd7 solid; padding: 15px 30px; color: #007dc5; font-weight: 700;}
#contents_wrap.meta .onlyone_wrap .btn a span {background:url('/images/m_arrow_img01.png') no-repeat right center; background-size:30px 13px; padding-right: 38px; font-size: 12px;}
/*#contents_wrap.meta .onlyone_wrap section:last-child {padding:0 0 100px 0;background: #fff;}*/
/*#contents_wrap.meta .onlyone_wrap section:last-child h3 {color: #c50009}*/
/*#contents_wrap.meta .onlyone_wrap section:last-child .txt_point {color: #c50009; font-size:24px;}*/
/*#contents_wrap.meta .onlyone_wrap section:last-child .line {background: url('/images/meta_bg_line3.png') repeat-x 0 80%;}*/
/*#contents_wrap.meta .onlyone_wrap section:last-child .btn a {background-color: #ffeced; border:1px #e82b33 solid; color:#c50009}*/
/*#contents_wrap.meta .onlyone_wrap section:last-child .btn a span {background:url('/images/m_arrow_img04.png') no-repeat right center; background-size:30px 13px;}*/
/*#contents_wrap.meta .onlyone_wrap section .coming {color: #222; font-size: 22px; font-weight: 700}*/

/* 2023-12-13 메타 업데이트 */
#contents_wrap.meta .onlyone_wrap .ttl {margin-bottom: 20px;}
#contents_wrap.meta .onlyone_wrap .ttl h3 {margin-bottom: 20px; font-size: 20px; color: #007dc5; text-align: center;}
#contents_wrap.meta .onlyone_wrap .ttl p {font-family: 'GmarketSans'; font-weight: 700; color: #03449e; font-size: 16px; line-height: 1.35; letter-spacing: -.025em;}
#contents_wrap.meta .onlyone_wrap .ttl p .line {background: url('/images/meta_bg_line.png') repeat-x 0% 80%;}
#contents_wrap.meta .onlyone_wrap .img_onlyone_wrap {max-width: 780px; width: 100%; margin: 0 auto;}
#contents_wrap.meta .onlyone_wrap .img_onlyone {background-position: top center; background-repeat: no-repeat;  background-size: contain;}
#contents_wrap.meta .onlyone_wrap .img_onlyone.ty1 {background-image: url('/images/meta_onlyone_img1.jpg'); padding-top: 46.154%;}
#contents_wrap.meta .onlyone_wrap .img_onlyone.ty2 {background-image: url('/images/meta_onlyone_img2.jpg'); padding-top: 48.462%;}
#contents_wrap.meta .onlyone_wrap .img_onlyone.ty3 {background-image: url('/images/meta_onlyone_img3.jpg'); padding-top: 32.821%;}
#contents_wrap.meta .onlyone_wrap .source {font-size: 12px; color: #666; line-height: 1.3; margin: 5px 5px 0; text-align: left;}
#contents_wrap.meta .onlyone_wrap section .txt.no_pd {padding: 0 20px;}
#contents_wrap.meta .onlyone_wrap section .txt dl {}
#contents_wrap.meta .onlyone_wrap section .txt dl dt {color: #007dc5; font-weight: 700; margin-bottom: 6px;}
#contents_wrap.meta .onlyone_wrap section .txt dl dt:before {content:'·'; padding-left: .5em; text-indent: -.5em;}
#contents_wrap.meta .onlyone_wrap section .txt dl dd {color: #353535; line-height: 1.9}
#contents_wrap.meta .onlyone_wrap .effect_list {padding: 30px 20px}
#contents_wrap.meta .onlyone_wrap .effect_list .txt {padding: 15px 0 25px; font-size: 12px; color: #353535; font-weight: 300; letter-spacing:-0.085em;}
#contents_wrap.meta .onlyone_wrap .effect_list .list_box {position: relative; background:#fff; margin:auto; padding: 30px 20px; border-bottom:5px #e0e0e0 solid}
#contents_wrap.meta .onlyone_wrap .effect_list .list_box:before {content: ""; display: block; position: absolute; top:-10px; left:0; width: 100%; height: 15px;background: url('/images/meta_note.png') repeat-x 0 0; background-size: auto 15px;}
#contents_wrap.meta .onlyone_wrap .effect_list .list_box ul {color: #353535; line-height: 1.9;}
#contents_wrap.meta .onlyone_wrap .effect_list .list_box ul li {margin-top: 20px; word-break: keep-all;}
#contents_wrap.meta .onlyone_wrap .effect_list .list_box ul li:first-child {margin-top: 0;}
#contents_wrap.meta .onlyone_wrap .effect_list .list_box ul li strong {display: block;}
#contents_wrap.meta .onlyone_wrap .effect_list .list_box ul li .line {background: url('/images/meta_bg_line2.png') repeat-x 0 80%;}

/* 241121 꼼꼼체 서체 소개 페이지 */
.anchor-nav {display: none; padding: 0 20px; background-color: rgba(255,255,255,.9);}
.anchor-nav.kkomkkom_on {display: block;}
.anchor-nav .menu-selector {position: relative; display: block; height: 50px; color: #415259; font-family: 'font-KkomKkom'; font-weight: 700; font-size: 16px; line-height: 50px;}
.anchor-nav .menu-selector::after {content:''; position: absolute; top: 17px; width: 9px; height: 9px; margin-left: 16px; border-right: 1px solid #415259; border-top: 1px solid #415259; transform: rotate(135deg);}
.anchor-nav .menu-selector.active::after {top: 22px; transform: rotate(-45deg);}
.anchor-nav .menu-wrap {display: none;}
.anchor-nav .menu-wrap.active {display: block;}
.anchor-nav .menu-wrap .menu-list {padding: 5px 0;}
.anchor-nav .menu-wrap .menu-list li {}
.anchor-nav .menu-wrap .menu-list li a {position: relative; display: block; padding: 10px 0 10px 12px; color: rgba(65,82,89,.7); font-family: 'font-KkomKkom'; font-weight: 400; font-size: 16px; line-height: 1.75; letter-spacing: -.05em;}
.anchor-nav .menu-wrap .menu-list li.active a {font-weight: 700; color: #415259;}
.anchor-nav .menu-wrap .menu-list li.active a::before {content:''; position: absolute; top: 21px; left: 0; width: 4px; height: 4px; border-radius: 100%; background-color: #415259;}
.header.header_on .anchor-nav {display: none;}

#contents_wrap.kkomkkom {padding-top: 0; overflow-x: visible;}
#contents_wrap.kkomkkom .dot-list li {padding-left: 0.444em; text-indent: -0.444em;}
#contents_wrap.kkomkkom .dot-list li:before {content:'· '; color: inherit;}
#contents_wrap.kkomkkom .hypen-list li {padding-left: 0.688em; text-indent: -0.688em;}
#contents_wrap.kkomkkom .hypen-list li:before {content:'- '; color: inherit;}
#contents_wrap.kkomkkom .kkomkkom_wrap .contents {position: relative;}
#contents_wrap.kkomkkom .kkomkkom_wrap .container-type1 {width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
#contents_wrap.kkomkkom .kkomkkom_wrap .container-type2 {width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
#contents_wrap.kkomkkom .kkomkkom_wrap section {min-height: 100vh; padding: 10vh 0; box-sizing: border-box; background-color: #fff;}
#contents_wrap.kkomkkom img {max-width: 100%; display: inline-block;}

#contents_wrap.kkomkkom .kkomkkom_wrap {word-break: keep-all;}
#contents_wrap.kkomkkom .kkomkkom_wrap .key_visual {background: url('../..//images/kkomkkom_kv_m.jpg') no-repeat center;background-size: cover;}
#contents_wrap.kkomkkom .kkomkkom_wrap .top-visual {position: relative; top: auto; width: 100%; height: 100vh; background: repeat url("../../images/kkomkkom/bg_tv.png") 30% 80%;}
#contents_wrap.kkomkkom .kkomkkom_wrap.fixed .top-visual {position: fixed; top: 0; z-index: -1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .top-visual .cover {width: 100%; height: 100%; background: no-repeat url("../../images/kkomkkom/tv_cover_m.png") center/cover;}
#contents_wrap.kkomkkom .kkomkkom_wrap .top-visual h2 {position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%);}
#contents_wrap.kkomkkom .kkomkkom_wrap .top-visual h2 img {width: 80%; transform: translateY(100px); opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease;}
#contents_wrap.kkomkkom .kkomkkom_wrap .top-visual .scroll-down {position: absolute; left: 50%; bottom: 30px; margin-left: -12.5px; width: 25px; height: 31px; animation: scrollDown 1.5s infinite; -webkit-animation: scrollDown 1.5s infinite;}
@keyframes scrollDown {
    0% {transform: translateY(0);}
    40% {transform: translateY(15px);}
    100% {transform: translateY(0);}
}
@-webkit-keyframes scrollDown {
    0% {transform: translateY(0);}
    40% {transform: translateY(15px);}
    100% {transform: translateY(0);}
}
#contents_wrap.kkomkkom .kkomkkom_wrap.fixed .content1 {margin-top: 100vh;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 {width: 100%; height: 400vh; padding: 0;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .sticky {position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .2s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module .container-type1 {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .txt-wrap {padding: 0 10px; font-family: 'font-KkomKkom'; font-weight: 400; font-size: 20px; line-height: 1.538; letter-spacing: -.05em; text-align: center; transition: all .4s; transition-delay: .2s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .word-wrap {position: relative; width: 100%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .word-wrap .box {position: relative; margin: 0 auto; max-width: 462px; min-width: 231px; width: 80%; border-radius: 10px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition: all .4s; transition-delay: .2s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .word-wrap .box img {transition: all .4s; transition-delay: .3s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .word-wrap .hand {position: absolute; transition: all .4s; transition-delay: .3s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .word-wrap .hand img {width: 100%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module:nth-child(1) .word-wrap .hand {width: 178%; left: 49.454%; top: 17.554%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module:nth-child(2) .word-wrap .hand {width: 150%; left: 50.246%; top: 11.471%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module.ty1 {background-color: #fff;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module.ty1 .txt-wrap {color: #00b5e2;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module.ty1 .word-wrap .box {background-color: #00b5e2; background-image: url("../../images/kkomkkom/word_line1.png");}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module.ty2 {background-color: #00b5e2;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module.ty2 .txt-wrap {color: #fff;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section1 .layout-module.ty2 .word-wrap .box {background-color: #fff; background-image: url("../../images/kkomkkom/word_line2.png");}

#contents_wrap.kkomkkom .kkomkkom_wrap .section2 {width: 100%; background-color: #f1f1f5;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .sticky {display: flex; align-items: center; justify-content: center; flex-direction: column;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .layout-module {width: 100%; box-sizing: border-box;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title {padding: 45px 0; background: no-repeat url("../../images/kkomkkom/bg_sec2.png") 50% 50%/cover;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 {font-family: 'font-KkomKkom'; font-weight: 400; font-size: 28px; color: #222; line-height: 1.593; letter-spacing: -.05em; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 strong {position: relative; display: inline-block; padding: 0 10px; letter-spacing: -.1em; z-index: 1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 .t2 {color: #fff;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 strong em {display: inline-block; font-style: normal;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 strong::before {content: ''; position: absolute; bottom: 0; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; z-index: -1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 .t1::before {background-image: url("../../images/kkomkkom/sec2_deco1.png");}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 .t2::before {background-image: url("../../images/kkomkkom/sec2_deco2.png");}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .title h3 .t3::before {background-image: url("../../images/kkomkkom/sec2_deco3.png"); background-position: bottom center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame {display: flex; flex-direction: column; gap: 20px; padding: 0 40px; z-index: 1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card {position: relative; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: rgba(0,0,0,.1) 0 10px 20px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .in {padding: 50px 20px 30px; background-color: #fff;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .top {position: absolute; top: 0; left: 0; width: 100%; height: 40px; display: flex; align-items: center; padding: 0px 20px; background-color: #00b5e2; box-sizing: border-box;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .top .dot {position: relative; display: inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 100%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .top .dot::before,
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .top .dot::after {content: ''; position: absolute; width: inherit; height: inherit; background-color: inherit; border-radius: inherit;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .top .dot::before {left: calc(100% + 8px);)}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .top .dot::after {left: calc(200% + 16px);)}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .img {margin-bottom: 18px; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .tit {font-family: 'font-KkomKkom'; font-size: 20px; line-height: 1.538; letter-spacing: -.025em; box-shadow: 0px -7px 0px #dafdff inset;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section2 .card-frame .card .txt {font-family: 'font-KkomKkom'; font-size: 18px; line-height: 1.778; letter-spacing: -.025em;}

#contents_wrap.kkomkkom .kkomkkom_wrap .section3 {width: 100%; height: 800vh; padding: 0;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .sticky {position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .layout-module {position: absolute; top: 0; left: 0; width: 100%; height: 100%; width: 100%; height: 100vh;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .layout-module .container-type1 {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .txt-wrap {padding: 0 10px; color: #222; font-size: 20px; line-height: 1.538; letter-spacing: -.05em; text-align: center; transition: all .4s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .word-wrap {width: 100%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .word-wrap .box {position: relative; margin: 0 auto; max-width: 462px; min-width: 231px; width: 80%;  border-radius: 10px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition: all .5s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .word-wrap .overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .word-wrap .word {position: relative; z-index: 2;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .word-wrap .overlay,
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .word-wrap .word {transition: all .2s; transition-delay: .3s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .word-wrap .font-name {position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); padding: 4px 12px; background-color: #fff; color: #666; font-size: 13px; line-height: 1.7; letter-spacing: -.025em; border-radius: 50vh; opacity: 0; transition: all .7s;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .layout-module.ty1 .word-wrap .box {background-color: #f1f1f5; background-image: url("../../images/kkomkkom/word_line3.png");}
#contents_wrap.kkomkkom .kkomkkom_wrap .section3 .layout-module.ty2 .word-wrap .box {background-color: #eedc00; background-image: url("../../images/kkomkkom/word_line4.png");}

#contents_wrap.kkomkkom .kkomkkom_wrap .section4 {display: flex; align-items: center; justify-content: center; background-color: #bfecf7;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section4 .card-frame {display: flex; flex-direction: column; gap: 20px; padding: 0 20px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section4 .card-frame .card {padding: 25px 20px 30px; background-color: #fff; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section4 .card-frame .img {margin-bottom: 10px; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section4 .card-frame .txt {color: #222; font-family: 'font-KkomKkom'; font-weight: 400; font-size: 18px; line-height: 1.778; letter-spacing: -.025em; word-break: keep-all;}

#contents_wrap.kkomkkom .kkomkkom_wrap .section5 {display: flex; align-items: center; justify-content: center; background-color: #f1f1f5;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .img {position: relative;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .line,
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .line {text-align: center; z-index: 1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .overlay {text-align: center; z-index: 2;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .word {text-align: center; position: relative; z-index: 3;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .txt {margin-top: 24px; padding: 0 10px; color: #222; font-size: 18px; line-height: 1.538; letter-spacing: -.05em; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section5 .txt + .img {margin-top: 45px;}

#contents_wrap.kkomkkom .kkomkkom_wrap .section6 {position: relative; display: flex; align-items: center; justify-content: center; background: repeat url("../../images/kkomkkom/bg_sec6.png") 30% 80%; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section6 .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat url("../../images/kkomkkom/sec6_cover_m.png") center/cover;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section6 .container-type1 {position: relative; z-index: 1;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section6 .txt {padding: 0 10px; margin-bottom: 30px; color: #222; font-family: 'font-KkomKkom'; font-weight: 400; font-size: 20px; line-height: 1.35; letter-spacing: -.05em;}

#contents_wrap.kkomkkom .kkomkkom_wrap .section7 {display: flex; align-items: center; justify-content: center; background-color: #f1f1f5;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 h3 {margin-bottom: 30px; color: #222; font-weight: 400; font-size: 20px; line-height: 1.538; letter-spacing: -.05em; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .preview-text-input {width: 100%; height: 350px; padding: 20px; font-family: 'font-KkomKkom'; font-size: 34px; letter-spacing: -.05em; border: 0; border-radius: 10px; outline: none; resize: none; box-sizing: border-box;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .preview-text-input::placeholder {color: #999;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .preview-text-input:focus {outline: 2px solid #00b5e2;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .btns {margin-top: 10px; padding: 0 20px; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .select-font-size {margin-bottom: 24px; padding-left: 30px; background: no-repeat url("../../images/kkomkkom/select_font_size.png") left center/contain;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .select-font-size .font-size-range {-webkit-appearance: none; appearance: none; vertical-align: middle; max-width: 320px; width: 100%; height: 4px; background: linear-gradient(to right, #00b5e2 0%, #00b5e2 var(--value, 50%), #dadada var(--value, 50%), #dadada 100%); border-radius: 50vh;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .select-font-size .font-size-range::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 20px; height: 20px; background-color: #00b5e2; border-radius: 100%; cursor: pointer;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .select-font-size .font-size-range::-moz-range-thumb {width: 20px; height: 20px; background-color: #00b5e2; border-radius: 100%; cursor: pointer;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .select-font-weight {}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .select-font-weight button {display: inline-block; width: 100px; height: 40px; color: #fff; font-family: 'font-KkomKkom'; font-weight: 400; font-size: 18px; background-color: #9e9e9e; border-radius: 50vh;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section7 .select-font-weight button.active {background-color: #00b5e2;}

#contents_wrap.kkomkkom .kkomkkom_wrap .section8 {display: flex; align-items: center; justify-content: center; background-color: #00b5e2; color: #fff;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module {}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .txt {padding: 0 10px; margin-bottom: 40px; font-size: 20px; line-height: 1.538; letter-spacing: -.05em;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .txt .reddot {margin-bottom: 16px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .txt .reddot img {width: 110px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads {width: 100%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads .btn-down {position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 10px; width: 100%; height: 60px; color: #222; font-family: 'font-KkomKkom'; font-weight: 400; font-size: 18px; line-height: 1.636; letter-spacing: -.05em; background-color: #fff; border-radius: 10px; text-align: center;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads .btn-down:last-child {margin-bottom: 0;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads .btn-down span {color: #666; font-size: 12px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads .btn-down i {position: absolute; top: 50%; right: 20px; margin-top: -11px; display: inline-block; width: 12px; height: 22px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("../../images/kkomkkom/btn_down.png");}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads .btn-down:hover {color: #00b5e2; box-shadow: rgba(0,0,0,.2) 0 8px 24px;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads .btn-down:hover span {color: #00b5e2;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .layout-module .downloads .btn-down:hover i {background-image: url("../../images/kkomkkom/btn_down_on.png");}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .table {margin-top: 80px; border-top: 2px solid #3dbfdf; font-size: 14px; line-height: 1.75; letter-spacing: -.05em;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .table .row {padding: 6px 0;  border-bottom: 2px solid #3dbfdf;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .table .row:nth-child(1) {display: flex;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section8 .table .table-title {margin-right: 4px; font-weight: 700;}

.blink {animation: blink 1.3s infinite; -webkit-animation: blink 1.3s infinite;}
@keyframes blink {
    50% {
        opacity: 0;
    }
}
@-webkit-keyframes blink {
    50% {
        opacity: 0;
    }
}

/* 꼼꼼체 서체 소개 페이지 수정 */
#contents_wrap.kkomkkom .kkomkkom_wrap .section9 {position: relative; display: flex; align-items: center; background-color: #bfecf7; padding: 0; min-height: auto;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section9 .video-wrap {width: 100%;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section9 .video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;}
#contents_wrap.kkomkkom .kkomkkom_wrap .section9 .video-container video{position: absolute;top:0;left:0;width:100%;height:100%;}

/* footer */
.footer {width: 100%;background: #1b2022;position: relative;z-index: 800;}
.footer .inner {width: calc(100% - 40px);margin: 0 auto;}
.footer ul {padding: 60px 0;}
.footer ul li.f_logo img {display: block;width: 65px;height: 23px;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;}
.footer ul li.fMenu_wrap {max-width: 280px;}
.footer ul li.fMenu_wrap .family_site {margin-top: 30px;}
.footer ul li.fMenu_wrap .family_site a {float: left;display: block;font-size: 15px;color: #ffffff;padding: 5px 15px;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;line-height: 18px;background: url('/images/f_line.png') no-repeat left center;background-position: left 7px\9;}
.footer ul li.fMenu_wrap .family_site a:first-child {padding: 5px 15px 5px 0;background: none;}
.footer ul li.fMenu_wrap .family_site a:nth-child(4) {padding: 5px 15px 5px 0;background: none;}
.footer ul li.fMenu_wrap .family_site a:nth-child(6) {padding: 5px 15px 5px 0;background: none;}
.footer ul li.fMenu_wrap .family_site:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.footer ul li.fMenu_wrap .f_menu {margin-top: 30px;}
.footer ul li.fMenu_wrap .f_menu a {float: left;display: block;font-size: 13px;color: #ffffff;padding: 5px 15px;filter: alpha(opacity=40);opacity: 0.4;-moz-opacity: 0.4;line-height: 15px;background: url('/images/f_line02.png') no-repeat left center;background-position: left 6px\9;letter-spacing: 0;}
.footer ul li.fMenu_wrap .f_menu a:first-child {padding: 5px 15px 5px 0;background: none;}
.footer ul li.fMenu_wrap .f_menu a:nth-child(4) {padding: 5px 15px 5px 0;background: none;}
.footer ul li.fMenu_wrap .f_menu a:nth-child(7) {padding: 5px 15px 5px 0;background: none;}
.footer ul li.fMenu_wrap .f_menu a:last-child {padding: 5px 0 5px 15px;}
.footer ul li.fMenu_wrap .f_menu a.deep_text {filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;}
.footer ul li.fMenu_wrap .f_menu a.point_text {filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1; color: #00B5E2}
.footer ul li.fMenu_wrap .f_menu:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.footer .f_sns {position: absolute; top: 60px; right: 20px;}
.footer .f_sns a {display: inline-block; box-sizing: border-box; width: 25px; height: 25px; margin-left: 8px; border: 1px solid #ccc; border-radius:50%; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: top;}
.footer .f_sns a.naver {background-image: url(/images/ico_sns_naver.png); background-size: 9px auto;}
.footer .f_sns a.youtube {background-image: url(/images/ico_sns_youtube.png); background-size: 12px auto;}
.footer .f_sns a.facebook {background-image: url(/images/ico_sns_fb.png); background-size: 7px auto;}
.footer .f_sns a.linkedin {background-image: url(/images/ico_sns_link.png); background-size: 13px auto;}

.footer .copy {width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.15);padding: 20px 0 30px;overflow: hidden;}
.footer .copy div {width: calc(100% - 40px);margin: 0 auto;position: relative;}
.footer .copy div p {font-size: 10px;line-height: 1.67em;color: #646464;vertical-align: bottom;}
.footer .copy div p a {font-size: 10px;line-height: 1.67em;color: #646464;vertical-align: bottom;}
.footer .copy div p br {display: none;}
.footer .copy div p.copyRights {text-align: right;margin-top: 20px;}

/* 2018-08-06 메인 팝업 */
.popupMain {position: fixed;top: 50%;left: 0;right: 0;width: 90%;max-width: 420px;margin: -190px auto 0;z-index: 2100;}
.popupMain.popPosition {margin-top: -220px;}
.popupMain .inner {background: #00b5e2;}
.popupMain .close_btn {position: absolute;top: 20px;right: 20px;display: inline-block;}
.popupMain .close_btn img {display: inline-block;width: 20px;height: 20px;}
/* .popupMain .img {position: relative;width: 100%;height: 0;padding-top: 54%;background-repeat: no-repeat;background-position: center center;background-size: cover;} */
.popupMain .img img {width: 100%; height: auto; vertical-align: top;}
.popupMain .text {padding: 20px 20px 50px;background: #00b5e2;position: relative;}
.popupMain .text .tit {font-size: 17px;line-height: 1.41em;letter-spacing: -0.6px;font-weight: 700;display: block;margin-bottom: 10px;}
.popupMain .text p {letter-spacing: -0.5px;font-size: 14px;line-height: 1.4em;color: #fff;}
.popupMain .text p > span {display: inline-block; text-indent: 96px}
.popupMain .text p em {font-size:13px; font-style: normal; font-weight: 700}
.popupMain .text > a {text-decoration: none;display: inline-block;position: absolute;bottom: 20px;right: 30px;font-size: 12px;font-weight: 700;line-height: 1.78em;color: #fff;padding-right: 48px;background: url('/images/arrow_img02.png')no-repeat right center;background-size: 30px 13px;}
.popupMain .text_only {padding: 35px 20px 30px; background: #00b5e2; position: relative; text-align: center; line-height: 1.2;}
.popupMain .text_only p {font-size: 14px; color: #fff;}
.popupMain .text_only .tit {font-size: 25px; font-weight: 700;display: block; margin-bottom: 15px;}
.popupMain .btn_box {margin-top: 15px; padding: 15px 25px 10px; background: #fff; border-radius: 10px;}
.popupMain .btn_box + .btn_box {margin-top: 13px;}
.popupMain .btn_box .tit {margin-bottom: 10px; letter-spacing: -1.5px; font-size: 18px; color: #333;}
.popupMain .btn_box .btn {display: block; box-sizing: border-box; max-width: 247px; height: 32px; margin: 0 auto 5px; padding: 5px 10px; border: 2px solid #00b5e2; border-radius: 19px; text-align: center; letter-spacing: -1px; font-weight: 700; font-size: 15px; color: #00b5e2;}
.popupMain .btn_box .btn span {padding: 0 25px 0 0px; background: url("/images/arrow_img03.png") no-repeat 100% 50%; background-size: 20px auto; font-weight: inherit; font-size: inherit;}
.popupMain .btn_box p.btn {filter: grayscale(100%);}
.popupMain .btn_box li {display: inline-block;}
.popupMain .btn_box li + li {margin-left: 8px;}
.popupMain .check_box {margin-top: 0px;text-align: right;padding:10px 20px;background: #00b5e2;border-top:1px solid #bbb;}
.popupMain .check_box form {line-height: 0;}
.popupMain .check_box form input[type="checkbox"] {display:none;}
.popupMain .check_box form input[type="checkbox"] + label {font-size: 13px;color: #d9d9d9;line-height: 18px;}
.popupMain .check_box form input[type="checkbox"] + label span {display:inline-block;width:16px;height:16px;margin:-2px 10px 0 0;vertical-align:middle; background-color: transparent;border: solid 1px #d9d9d9;cursor:pointer;}
.popupMain .check_box form input[type="checkbox"]:checked + label span {background: url('/images/check02.png') no-repeat center center #fff;background-size: 22px 22px;}
.popupMain .text dl {color:#fff;}
.popupMain .text dl dt {text-decoration:underline;ont-size:16px;}
.popupMain .text dl dd {font-size:14px;}
.popupMain.noti {margin-top: -270px;}
.popupMain.noti .inner {max-width: 480px;}
.popupMain.noti .text {padding: 20px 10px 10px; text-align: center;}
.popupMain.noti .text .tit {font-size: 20px;}
.popupMain.noti .text p {line-height: 1.4; font-size: 14px;}
.popupMain.noti .text table {margin-top: 15px; width: 100%; border-collapse: separate; border-spacing: 1px; border-radius: 20px; overflow: hidden}
.popupMain.noti .text table th, td {padding: 10px 0px; background: #fff; letter-spacing: -1px; font-weight: normal; font-size: 12px; color: #333;}
.popupMain.noti .text table thead th {background: #e2f2fc;font-size: 12px; color: #666;}
.popupMain.noti .text table tbody th {color: #007dc5;}
.popupMain.noti .text table tbody th strong {font-weight: bold;}
.popupMain.noti .text table a {text-decoration: underline; color: inherit;}
.popupMain.noti .text table + p {margin-top: 10px; text-align: left; font-size: 12px;}
.popupMain.noti .text table + p a {text-decoration: underline; color: inherit;}
.popupMain.noti .btn_wrap {padding: 0 15px 25px; text-align: center;}
.popupMain.noti .btn_wrap .btn {display: inline-block; box-sizing: border-box; width: 280px; height: 38px; padding: 8px 15px; background: #fff; border-radius: 17px; text-align: center; letter-spacing: -1.5px; font-weight: 700; font-size: 15px; color: #00b5e2;}
.popupMain.noti .btn_wrap .btn span {padding: 0 25px 0 0px; background: url("/images/arrow_img03.png") no-repeat 100% 50%; background-size: 20px auto; font-weight: inherit; font-size: inherit;}