@import url("reset.css");

.sub {width:100%; min-height:calc(100vh - 355px); padding-top:200px; background:#fff; position:relative; overflow:hidden;}
.sub:before {content:""; width:100%; height:740px; background:#F5F2EB; position:absolute; left:0; top:0; z-index:0;}
.sub > .inner {width:90%; max-width:1760px; margin:0 auto; position:relative; z-index:10;}
.sub.ty-2 {background:#F5F2EB;}
.sub.ty-2 > .inner:before {content:""; width:200%; height:1px; border-top:1px solid #E2DCCC; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:0;}

.sub .page-title {width:90%; max-width:1170px; height:230px; display:table; background:url(/img/conts/bg_title.svg) right top no-repeat; margin:0 auto;}
.sub .page-title > .inner {display:table-cell; vertical-align:middle; text-align:center;}
.sub .page-title h1 {display:inline-block; position:relative; padding:0 30px; max-width:100%;}
.sub .page-title h1 img {display:inline-block; margin:0 auto; vertical-align:middle}
.sub .page-title h1 span{vertical-align: bottom;font-size: 37px; padding-left:10px;}
.sub .page-title h1:before, .sub .page-title h1:after {content:""; width:8px; height:8px; border-radius:50%; border:1px solid #443816; box-sizing:border-box; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.sub .page-title h1:before {left:0;}
.sub .page-title h1:after {right:0;}
.sub .page-title.ty-2 {height:auto; background:none; margin-bottom:40px;}

.sub .contents {width:100%; position:relative;}
.sub .contents:before {content:""; width:100%; height:100%; background:#fff; border-radius:10px 10px 0 0; position:absolute; left:0; top:0; z-index:0;}
.sub .contents > .inner {width:100%; font-size:0; position:relative; z-index:10;}
.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area {width:calc(100% - 240px); margin-left:240px;}
.sub.ty-2 .contents:before {display:none !important;}

.sub .contents .snb-box {width:240px; background:#E2DCCC; border-radius:10px 0 10px 10px; padding:40px 30px; position:absolute; left:0; top:0; display:block; z-index:100;}
.sub .contents .snb-box .title {width:100%; margin-bottom:30px;}
.sub .contents .snb-box .title img {display:block;}
.sub .contents .snb-box ul li {width:100%; margin-top:10px;}
.sub .contents .snb-box ul li:nth-child(1) {margin-top:0;}
.sub .contents .snb-box ul li .depth-1 {width:100%; height:70px; padding:0 20px; display:table; cursor:pointer; position:relative;}
.sub .contents .snb-box ul li .depth-1:before {content:""; width:0; height:100%; border-radius:10px 0 0 10px; background:#443816; position:absolute; left:0; top:0; z-index:0; transition:width .3s linear;}
.sub .contents .snb-box ul li .depth-1 a {width:100%; height:100%; display:flex; align-items:center;}
.sub .contents .snb-box ul li .depth-1 span {display:table-cell; vertical-align:middle; font-size:16px; color:#29251B; position:relative; z-index:10;}
.sub .contents .snb-box ul li .depth-1 span em {display:block; font-size:14px; font-weight:300; color:#BFA872;}
.sub .contents .snb-box ul li dl {width:100%; box-sizing:border-box; padding:0 0 0 10px; display:none;}
.sub .contents .snb-box ul li dl dd {width:100%; font-size:0; margin-top:20px;}
.sub .contents .snb-box ul li dl dd a {font-size:0; width:100%;}
.sub .contents .snb-box ul li dl dd span {font-size:14px; color:#C1B799; line-height:1.2; display:inline-block; vertical-align:top; box-sizing:border-box;}
.sub .contents .snb-box ul li dl dd span.no {width:30px;}
.sub .contents .snb-box ul li dl dd span.tlt {width:calc(100% - 30px); padding-left:5px;}
.sub .contents .snb-box ul li dl dd:hover span,
.sub .contents .snb-box ul li dl dd.on span {color:#443816;}
.sub .contents .snb-box ul li.on .depth-1 span {color:#fff;}
.sub .contents .snb-box ul li.on .depth-1:before {width:calc(100% + 40px);}

.sub .contents .mo-snb {width:100%; margin-bottom:20px;}
.sub .contents .mo-snb .combo {width:100%; height:60px; position:relative; cursor:pointer;}
.sub .contents .mo-snb .combo:before {content:""; width:8px; height:8px; border:solid #fff; border-width:0 1px 1px 0; position:absolute; right:20px; top:calc(50% - 1px); -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
.sub .contents .mo-snb .combo.tab-snb {background:#443816; border-radius:10px 10px 0 0;}
.sub .contents .mo-snb .combo.tab-snb:before {border-color:#E2DCCC;}
.sub .contents .mo-snb .combo.tab-dep {background:#E2DCCC; border-radius:0 0 10px 10px;}
.sub .contents .mo-snb .combo.tab-dep:before {border-color:#443816;}
.sub .contents .mo-snb .combo .current {width:100%; height:100%; display:table; text-align:center; padding:0 20px;}
.sub .contents .mo-snb .combo .current p {display:table-cell; vertical-align:middle; font-size:16px;}
.sub .contents .mo-snb .combo .current p em {display:none;}
.sub .contents .mo-snb .combo.tab-snb .current {color:#fff;}
.sub .contents .mo-snb .combo.tab-dep .current {color:#443816;}
.sub .contents .mo-snb .combo .option-list {width:100%; max-height:200px; overflow-y:auto; background:#FCFCFA; position:absolute; left:0; top:60px; z-index:100; display:none; border-radius:0 0 10px 10px; box-shadow:0px 5px 10px 0px rgba(68,56,22,0.16);}
.sub .contents .mo-snb .combo .option-list ul {width:100%; height:100%;}
.sub .contents .mo-snb .combo .option-list ul li {font-size:16px; text-align:center;}
.sub .contents .mo-snb .combo .option-list ul li.on,
.sub .contents .mo-snb .combo .option-list ul li:hover {background:#FFF9EB;}
.sub .contents .mo-snb .combo .option-list ul li a {font-size:16px; padding:15px 0; display:block; width:100%; height:100%;}
.sub .contents .mo-snb .combo .option-list dl {width:100%; height:100%;}
.sub .contents .mo-snb .combo .option-list dl dd {font-size:16px; text-align:center;}
.sub .contents .mo-snb .combo .option-list dl dd a {font-size:16px; display:block; width:100%; height:100%; padding:15px 0;}
.sub .contents .mo-snb .combo .option-list dl dd.on, 
.sub .contents .mo-snb .combo .option-list dl dd:hover {background:#FFF9EB;}

.sub .contents .contents-area {position:relative; padding:30px 50px 0 50px;}
.sub .contents .contents-area > .wrap {width:100%; max-width:1170px; margin:0 auto; position:relative; padding-top:70px; z-index:10;}
.sub .contents .contents-area.ty-2 > .wrap {padding-top:90px; margin-left:0;}
.sub .contents .contents-area.ty-3 > .wrap {padding-top:120px;}

.sub .contents .nav {width:100%; position:absolute; left:0; top:0;}
.sub .contents .nav ul {width:100%; font-size:0;}
.sub .contents .nav ul li {display:inline-block; vertical-align:middle; position:relative; margin-left:30px; font-size:14px; color:#6C5B2D;}
.sub .contents .nav ul li:before {content:""; width:6px; height:6px; border:solid #BFA872; border-width:1px 1px 0 0; position:absolute; left:-18px; top:50%; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
.sub .contents .nav ul li:nth-child(1) {margin-left:0; font-size:0; width:14px; height:14px; background:url(/img/conts/icon_home.svg) center no-repeat; background-size:cover;}
.sub .contents .nav ul li:nth-child(1):before {display:none;}

.sub .contents .contents-area .conts-box {width:100%;}
.sub .contents .contents-area .conts-box .section {width:100%; padding:65px 0; position:relative;}
.sub .contents .contents-area .conts-box.ty-2 .section {padding:100px 0;}
.sub .contents .contents-area .conts-box .section > .inner {width:100%; position:relative; z-index:10;}
.sub .contents .contents-area .conts-box .section:nth-child(1) {padding-top:0;}
.sub .contents .contents-area .conts-box .section:nth-child(even) {background:#F7F5EF;}
.sub .contents .contents-area .conts-box .section:nth-child(even):before {content:""; width:300%; height:100%; background:#F7F5EF; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:0;}
.sub .contents .contents-area .conts-box .section:last-child {padding-bottom:150px;}

.sub .contents .contents-area .conts-box .section.bg_ivory {background:#F7F5EF;}
.sub .contents .contents-area .conts-box .section.bg_ivory:before {content:""; width:300%; height:100%; background:#F7F5EF; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:0;}

/*.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area > .wrap {max-width:100%;}
.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .nav {width:calc(100% - 240px); left:240px; padding:0 50px;}
.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .conts-box .section {padding-left:50px; padding-right:50px;}
.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .conts-box .section > .inner {width:calc(100% - 240px); max-width:1170px; margin-left:240px;}*/
.footsns {background:#F8EBD9;}
.footsns .inner{width:100%; max-width:1200px; margin:0 auto; font-size:0}

.sub .contents .conts-area {width:100%; padding:80px 0 150px 0;}
.sub .contents .conts-area .section {width:100%; position:relative; margin:0 auto; padding:60px 70px;}
.sub .contents .conts-area .section:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; border-radius:10px; z-index:0;}
.sub .contents .conts-area .section > * {z-index:10;}
.sub .contents .conts-area .section .cont-box {position:relative;}

.sub .contents .button-box {width:100%; font-size:0; text-align:center;}
.sub .contents .button-box > * {display:inline-block; vertical-align:middle; margin-left:10px;}
.sub .contents .button-box > *:nth-child(1) {margin-left:0;}
.sub .contents .button-box.ty-r {text-align:right;}
.sub .contents .button-box.ty-l {text-align:left;}

.sub .contents .button {display:inline-block; position:relative;}
.sub .contents .button.ty-1 {min-width:165px; height:50px; border-radius:25px; background:#E1DED8; text-align:center; overflow:hidden;}
.sub .contents .button.ty-1:before {content:""; width:0; height:100%; background:#443816; position:absolute; left:0; top:0; transition:all .25s linear; z-index:0;}
.sub .contents .button.ty-1 a {display:block; font-size:16px; color:#443816; line-height:50px; box-sizing:border-box; width:100%; height:100%; padding:0 25px; z-index:10; position:relative;}
.sub .contents .button.ty-1:hover:before {width:100%;}
.sub .contents .button.ty-1:hover a {color:#fff;}
.sub .contents .button.ty-2 {min-width:94px; height:44px; border:1px solid #443816; border-radius:4px; text-align:center; overflow:hidden;}
.sub .contents .button.ty-2 a {display:block; padding:0 15px; font-size:16px; line-height:42px; color:#443816;}
.sub .contents .button.ty-3 {min-width:160px; height:44px; border-radius:25px; background:#003B5D; text-align:center; overflow:hidden;}
.sub .contents .button.ty-3:before {content:""; width:0; height:100%; background:#00456D; position:absolute; left:0; top:0; transition:all .25s linear; z-index:0;}
.sub .contents .button.ty-3 a {display:block; font-size:16px; color:#fff; line-height:44px; box-sizing:border-box; width:100%; height:100%; padding:0 20px; z-index:10; position:relative;}
.sub .contents .button.ty-3:hover:before {width:100%;}
.sub .contents .button.ty-4 {width:100%; max-width:340px; height:44px; border:1px solid #443816; border-radius:30px; text-align:center; overflow:hidden; background:#fff;}
.sub .contents .button.ty-4 a {display:block; padding:0 20px; font-size:16px; line-height:42px; color:#443816;}
.sub .contents .button.more span {display:inline-block; padding-right:25px; max-width:100%; position:relative;}
.sub .contents .button.more span:after {content:""; width:20px; height:10px; background:url(/img/index/icon_more.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:calc(50% - 2px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.sub .contents .button.fill {background:#443816;}
.sub .contents .button.fill a {color:#fff;}
.sub .contents .button.half {max-width:200px;}

.sub .contents .button.disabled a {pointer-events:none;}
.sub .contents .button.ty-2.disabled {border-color:#E1DED8;}
.sub .contents .button.ty-2.disabled a {color:#E1DED8;}

.sub .contents .check-box {width:100%; font-size:0; position:relative;}
.sub .contents .check-box > * {display:inline-block; vertical-align:middle; position:relative;}
.sub .contents .check-box [type="checkbox"] {width:0; height:0; opacity:0; position:absolute; left:-100px; top:-100px;}
.sub .contents .check-box [type="checkbox"] + label {width:18px; height:18px; border-radius:4px; border:1px solid #443816; box-sizing:border-box; cursor:pointer;}
.sub .contents .check-box [type="checkbox"] + label:before {content:""; width:5px; height:8px; border:solid #fff; border-width:0 2px 2px 0; position:absolute; left:4px; top:1px; -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); transform:rotate(40deg); display:none;}
.sub .contents .check-box [type="checkbox"]:checked + label {background:#443816;}
.sub .contents .check-box [type="checkbox"]:checked + label:before {display:block;}
.sub .contents .check-box p {font-size:16px; width:calc(100% - 26px); margin-left:8px;}

.sub .contents .radio-box {width:100%; font-size:0; position:relative;}
.sub .contents .radio-box > * {display:inline-block; vertical-align:middle; position:relative;}
.sub .contents .radio-box [type="radio"] {width:0; height:0; opacity:0; position:absolute; left:-100px; top:-100px;}
.sub .contents .radio-box [type="radio"] + label {width:100%; position:relative; box-sizing:border-box; cursor:pointer; padding-left:25px; font-size:16px;}
.sub .contents .radio-box [type="radio"] + label:before {content:""; width:18px; height:18px; border-radius:50%; box-sizing:border-box; border:1px solid #E1DED8; position:absolute; left:0; top:1px;}
.sub .contents .radio-box [type="radio"] + label:after {content:""; width:8px; height:8px; border-radius:50%; background:#E1DED8; position:absolute; left:5px; top:6px;}
.sub .contents .radio-box [type="radio"]:checked + label:before {border-color:#443816;}
.sub .contents .radio-box [type="radio"]:checked + label:after {background:#443816;}

.sub .contents .preparing {width:100%; height:460px; display:table; text-align:center;}
.sub .contents .preparing > .wrap {width:100%; display:table-cell; vertical-align:middle;}
.sub .contents .preparing h1 {padding-top:100px; font-size:30px; position:relative;}
.sub .contents .preparing h1:before {content:""; width:100%; height:70px; background:url(/img/conts/icon_preparing.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0;}

.sub .contents .depth-title {width:100%; margin-bottom:60px; text-align:center; margin-top:30px;}
.sub .contents .depth-title h2 {display:inline-block; font-size:30px; font-weight:500; position:relative;}
.sub .contents .depth-title h2:before {content:""; width:36px; height:36px; border-radius:50%; background:#EEDFBB; position:absolute; left:-13px; top:-18px; z-index:-1;}
.sub .contents .depth-title .txt {width:100%; text-align:center; font-size:18px; line-height:1.6; margin-top:40px;}
.sub .contents .depth-title .button-box {margin-top:40px;}

.sub .contents .depth-tab {width:100%; margin-bottom:60px;}
.sub .contents .depth-tab ul {font-size:0;}
.sub .contents .depth-tab ul:after {content:""; display:block; clear:both;}
.sub .contents .depth-tab ul li {float:left; display:table; height:60px; border:solid #E1DED8; border-width:1px 1px 1px 0; box-sizing:border-box; background:#fff; text-align:center; cursor:pointer;}
.sub .contents .depth-tab ul li span {display:table-cell; vertical-align:middle; font-size:18px; color:#443816;}
.sub .contents .depth-tab ul li:nth-child(1) {border-left:1px solid #E1DED8;}
.sub .contents .depth-tab ul li:only-child {width:100%;}
.sub .contents .depth-tab ul li:first-child:nth-last-child(2),
.sub .contents .depth-tab ul li:first-child:nth-last-child(2) ~ li {width:50%;}
.sub .contents .depth-tab ul li:first-child:nth-last-child(3),
.sub .contents .depth-tab ul li:first-child:nth-last-child(3) ~ li {width:33.33%;}
.sub .contents .depth-tab ul li:first-child:nth-last-child(4),
.sub .contents .depth-tab ul li:first-child:nth-last-child(4) ~ li {width:25%;}
.sub .contents .depth-tab ul li:first-child:nth-last-child(5),
.sub .contents .depth-tab ul li:first-child:nth-last-child(5) ~ li {width:20%;}
.sub .contents .depth-tab ul li.on {background:#003B5D;}
.sub .contents .depth-tab ul li.on span {color:#fff;}

.sub .contents .category-tab {width:100%; margin-bottom:60px;}
.sub .contents .category-tab .current {display:none;}
.sub .contents .category-tab ul {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub .contents .category-tab ul li {margin-right:60px; position:relative;}
.sub .contents .category-tab ul li:last-child {margin-right:0;}
.sub .contents .category-tab ul li a {display:block; font-size:24px; font-weight:500; color:#443816;}
.sub .contents .category-tab ul li.on:after {content:""; width:100%; height:2px; background:#B98D26; position:absolute; left:0; bottom:-2px;}


.sub .contents ol.linear {margin-top:-8px !important;}
.sub .contents ol.linear li {width:auto; display:inline-block; vertical-align:middle; margin-right:20px !important; margin-top:8px !important;}
.sub .contents ol.linear li:last-child {margin-right:0;}

.about .contents .contents-area .conts-box .section:last-child {background:#fff;}
.about .contents .contents-area .conts-box .section:nth-child(even):before {display:none;}
/*.about .contents .contents-area .conts-box .intro .intro-box {width:100%; font-size:0; margin-bottom:130px;}
.about .contents .contents-area .conts-box .intro .intro-box > * {display:inline-block; vertical-align:bottom; width:50%;}*/
.about .contents .contents-area .conts-box .intro .intro-box {width:100%; display:flex; align-items:center; position:relative; margin-bottom:130px;}
.about .contents .contents-area .conts-box .intro .intro-box .img-box {width:50%;}
.about .contents .contents-area .conts-box .intro .intro-box .img-box span {display:inline-block; width:calc(100% - 100px); position:relative;}
.about .contents .contents-area .conts-box .intro .intro-box .img-box span img {max-width:100%; display:block;}
.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before,
.about .contents .contents-area .conts-box .intro .intro-box .img-box span:after {content:""; border:solid #EEDFBB; position:absolute;}
.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before {width:60px; height:1px; border-width:1px 0 0 0; right:-60px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.about .contents .contents-area .conts-box .intro .intro-box .img-box span:after {width:1px; height:80%; border-width:0 0 0 1px; right:-61px; bottom:0;}
.about .contents .contents-area .conts-box .intro .intro-box .txt-box {padding:20px 10px; width:70%; position:absolute; left:50%; top:50%; transform:translateY(-50%);}
.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 {font-size:40px; color:#443816; margin-bottom:60px;}
.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 span {font-weight:500; color:#B98D26;}
.about .contents .contents-area .conts-box .intro .intro-box .txt-box .conts {font-size:18px; line-height:1.8; color:#443816; text-align: justify;letter-spacing: -1px; width:100%; max-width:550px;}
.about .contents .contents-area .conts-box .intro .cont-box {padding:100px 0; position:relative;}
.about .contents .contents-area .conts-box .intro .cont-box:before {content:""; width:300%; height:100%; border-radius:500px 0 0 500px; background:#F5F2EB; position:absolute; left:-285px; top:0; z-index:0;}
.about .contents .contents-area .conts-box .intro .cont-box:after {content:""; width:200%; max-width:1760px; height:100%; background:url(/img/conts/about_02.png) right bottom no-repeat; z-index:1; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.about .contents .contents-area .conts-box .intro .cont-box ul {width:100%; max-width:900px; position:relative; z-index:10;}
.about .contents .contents-area .conts-box .intro .cont-box ul li {margin-top:60px;}
.about .contents .contents-area .conts-box .intro .cont-box ul li:nth-child(1) {margin-top:0;}
.about .contents .contents-area .conts-box .intro .cont-box ul li span {display:block; margin-bottom:20px; font-size:24px; font-weight:500; position:relative;}
.about .contents .contents-area .conts-box .intro .cont-box ul li span:before {color:#B98D26; font-weight:500;}
.about .contents .contents-area .conts-box .intro .cont-box ul li .conts {font-size:18px; line-height:1.8; padding-left:38px;}
.about .contents .contents-area .conts-box .intro .cont-box ul li:nth-child(1) span:before {content:"01. ";}
.about .contents .contents-area .conts-box .intro .cont-box ul li:nth-child(2) span:before {content:"02. ";}
.about .contents .contents-area .conts-box .intro .cont-box ul li:nth-child(3) span:before {content:"03. ";}

.about .contents .contents-area .conts-box .feature .feature-wrap {width:100%; display:flex; flex-wrap:wrap;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box {width:calc(((100% - 60px) / 3) - 1px); margin-left:30px; min-height:600px; background:#F5F2EB; border-radius:300px; padding:60px 50px;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(1) {margin-left:0;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .icon {display:block; width:180px; height:180px; border-radius:50%; background-color:#FFFFFF; background-size:cover; background-position:center; background-repeat:no-repeat; margin:0 auto;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(1) .icon {background-image:url(/img/conts/icon_feature_01.svg);}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(2) .icon {background-image:url(/img/conts/icon_feature_02.svg);}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(3) .icon {background-image:url(/img/conts/icon_feature_03.svg);}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box h1 {width:100%; height:120px; display:table; font-size:24px; font-weight:500; line-height:1.2; text-align:center; padding:20px 0;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box h1 span {display:table-cell; vertical-align:middle;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box ul {border-top:1px solid #E2DCCC; padding-top:20px; font-size:0;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box ul li {font-size:14px; line-height:1.3; margin-top:20px; padding-left:7px; text-indent:-7px;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box ul li:nth-child(1) {margin-top:0;}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box ul li:before {content:"· ";}
.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .conts {font-size:16px; text-align:center; border-top:1px solid #E2DCCC; padding-top:20px;}

.book .contents .contents-area .conts-box .section:last-child {background:#fff;}
.book .contents .contents-area .conts-box .section:nth-child(even):before {display:none;}
.book .contents .contents-area .conts-box .all ul {width:100%;}
.book .contents .contents-area .conts-box .all ul li {width:100%; font-size:0; margin-top:30px;}
.book .contents .contents-area .conts-box .all ul li:after {content:""; display:block; clear:both;}
.book .contents .contents-area .conts-box .all ul li > * {float:left; width:50%; height:70px; font-size:16px; text-align:center; display:table; position:relative;}
.book .contents .contents-area .conts-box .all ul li > * span {display:table-cell; vertical-align:middle;}
.book .contents .contents-area .conts-box .all ul li .th {height:auto; background:#fff; font-weight:600;}
.book .contents .contents-area .conts-box .all ul li .th:nth-child(1) {padding-left:40px;}
.book .contents .contents-area .conts-box .all ul li .td {padding:0 5px;}
.book .contents .contents-area .conts-box .all ul li .td:before {content:""; width:35px; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:0; display:none;}
.book .contents .contents-area .conts-box .all ul li .td:nth-child(1) {background:#F5F2EB; padding-left:40px;}
.book .contents .contents-area .conts-box .all ul li .td:nth-child(1):before {display:block;}
.book .contents .contents-area .conts-box .all ul li .td:nth-child(2) {background:#ECE8DC;}
.book .contents .contents-area .conts-box .all ul li .td .no {width:70px; height:70px; position:absolute; left:0; top:0; z-index:1; font-size:16px; color:#fff; display:table; text-align:center;}
.book .contents .contents-area .conts-box .all ul li .td .no span {display:table-cell; vertical-align:middle; position:relative; z-index:10; background:url(/img/conts/bg_line.svg) center no-repeat; background-size:cover;}
.book .contents .contents-area .conts-box .all ul li .td .no:before,
.book .contents .contents-area .conts-box .all ul li .td .no:after {content:""; width:0; height:0; border-left:35px solid transparent; border-right:35px solid transparent; position:absolute; left:0; z-index:0;}
.book .contents .contents-area .conts-box .all ul li:nth-child(even) .td .no:before {border-bottom:35px solid #443816; top:0;}
.book .contents .contents-area .conts-box .all ul li:nth-child(even) .td .no:after {border-top:35px solid #443816; bottom:0;}
.book .contents .contents-area .conts-box .all ul li:nth-child(odd) .td .no:before {border-bottom:35px solid #6C5B2D; top:0;}
.book .contents .contents-area .conts-box .all ul li:nth-child(odd) .td .no:after {border-top:35px solid #6C5B2D; bottom:0;}
.book .contents .contents-area .conts-box .all .book-wrap {width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-80px;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box {width:calc((100% - 240px) / 3); margin-left:120px; margin-top:150px; max-width:310px;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box:nth-child(3n+1) {margin-left:0;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box .img {width:100%;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box .img img {max-width:100%; display:block; margin:0 auto;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts {width:100%; margin-top:25px;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts > * {display:block; width:100%; text-align:center;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts span {padding:12px 0; font-size:18px; font-weight:700;}
.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts em {padding:20px 0; border-top:1px solid #29251B; font-size:24px; font-weight:500;}

.book .contents .contents-area .conts-box .detail .detail-box {width:100%; display:flex; flex-wrap:wrap; margin-top:80px;}
.book .contents .contents-area .conts-box .detail .detail-box:nth-child(odd) {flex-direction:row-reverse;}
.book .contents .contents-area .conts-box .detail .detail-box:nth-child(1) {margin-top:0;}
.book .contents .contents-area .conts-box .detail .detail-box > * {width:50%;}
.book .contents .contents-area .conts-box .detail .detail-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.book .contents .contents-area .conts-box .detail .detail-box .txt-box span {display:block; font-size:24px; font-weight:500; color:#B98D26;}
.book .contents .contents-area .conts-box .detail .detail-box .txt-box h1 {font-size:36px; line-height:1.2; margin:10px 0 30px 0;}
.book .contents .contents-area .conts-box .detail .detail-box .txt-box .conts {font-size:18px; line-height:1.8; text-align: justify;letter-spacing: -1px;}
.book .contents .contents-area .conts-box .detail .detail-box:nth-child(odd) .txt-box {padding:30px 0 0 60px;}
.book .contents .contents-area .conts-box .detail .detail-box:nth-child(even) .txt-box {padding:30px 60px 0 0;}

.kmats .contents .contents-area .conts-box .introduce .intro-conts h3 {font-size:24px; font-weight:500; margin-bottom:40px;}
.kmats .contents .contents-area .conts-box .introduce .intro-conts h3 span {color:#B98D26;}
.kmats .contents .contents-area .conts-box .introduce .edu ul {width:100%; display:flex; flex-wrap:wrap;}
.kmats .contents .contents-area .conts-box .introduce .edu ul li {width:calc(((100% - 150px) / 6) - 1px); margin-left:30px; display:table; height:85px; border-radius:60px; border:1px solid #E1DED8; -webkit-box-shadow:0px 3px 6px 0px rgba(191,168,114,0.16); -moz-box-shadow:0px 3px 6px 0px rgba(191,168,114,0.16); box-shadow:0px 3px 6px 0px rgba(191,168,114,0.16); text-align:center;}
.kmats .contents .contents-area .conts-box .introduce .edu ul li:nth-child(1) {margin-left:0;}
.kmats .contents .contents-area .conts-box .introduce .edu ul li span {display:table-cell; vertical-align:middle; padding:0 10px; font-size:20px; font-weight:500; line-height:1.2;}
.kmats .contents .contents-area .conts-box .introduce .edu .txt {font-size:14px; text-align:right; margin-top:30px; color:#BFA872;}
.kmats .contents .contents-area .conts-box .introduce .edu2 ul {width:100%; font-size:0}
.kmats .contents .contents-area .conts-box .introduce .edu2 ul li { display:inline-block; width:calc(100% / 5); height:auto; text-align:center }
.kmats .contents .contents-area .conts-box .introduce .edu2 ul li img{width:98%; max-width:210px}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap {padding-bottom:20px;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box {padding:60px 0 80px 0; border-top:1px solid #fff;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box:nth-child(1) {border-top:0; padding-top:0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box:last-child {padding-bottom:0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt {width:100%; margin-bottom:40px; padding-top:10px; text-align:center;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span {display:inline-block; font-size:18px; font-weight:500; color:#B98D26; position:relative;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span:before {content:""; width:24px; height:24px; border-radius:50%; background:#fff; position:absolute; left:-8px; top:-5px; z-index:-1;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul {width:100%; display:flex; flex-wrap:wrap; margin-top:-50px;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li {width:calc(((100% - 120px) / 5) - 1px); margin-left:30px; margin-top:50px; position:relative; background:#fff; padding:30px; min-height:210px;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:before {content:""; width:100%; height:100%; background:url(/img/conts/box_shadow.png) center no-repeat; background-size:cover; position:absolute; right:-20px; bottom:-20px; z-index:-1;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(5n+1) {margin-left:0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li span {display:block; font-size:14px; color:#BFA872;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li h1 {font-size:20px; font-weight:700; line-height:1.3; margin:10px 0 20px 0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li h1 em {font-size:14px; font-weight:700;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li .conts {font-size:14px; color:#666; line-height:1.3;}

.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 {padding:60px 0 0 0; border-top:none;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1:nth-child(1) {border-top:0; padding-top:0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1:last-child {padding-bottom:0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 .tlt {width:100%; margin-bottom:30px; padding-top:10px; text-align:left;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 .tlt span {display:inline-block; font-size:20px; font-weight:700; color:#000; position:relative;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 .tlt span:before {display:none;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul {width:100%; display:flex; flex-wrap:wrap; margin-top:-50px;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li {width:calc(((100% - 120px) / 4) - 1px); margin-left:30px; margin-top:50px; min-height:auto; position:relative; background:#fff; padding:30px 0; text-align:center}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li:before {content:""; width:100%; height:100%; background:url(/img/conts/box_shadow.png) center no-repeat; background-size:cover; position:absolute; right:-20px; bottom:-20px; z-index:-1;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li:nth-child(4n+1) {margin-left:0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li span {display:block; font-size:14px; color:#BFA872;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li h1 {font-size:20px; font-weight:500; line-height:1.3; margin:10px 0 20px 0;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li h1 em {font-size:14px; font-weight:700;}
.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li .conts {font-size:14px; color:#666; line-height:1.3;}
.kmats .contents .contents-area .conts-box .introduce .dpt_box {width:100%; position:relative; background:#fff; padding:50px 80px;}
.kmats .contents .contents-area .conts-box .introduce .dpt_box:before {content:""; width:100%; height:100%; background:url(/img/conts/box_shadow.png) center repeat; position:absolute; right:-20px; bottom:-20px; z-index:-1;}
.kmats .contents .contents-area .conts-box .introduce .dpt_box p {width:50%; float:left; font-size:20px; position:relative; padding:20px 0 20px 15px;}
.kmats .contents .contents-area .conts-box .introduce .dpt_box p:before {width:4px; height:4px; content:""; display:inline-block; background:#B98D26; position:absolute; left:0; top:33px;}
.kmats .contents .contents-area .conts-box .introduce .dpt_box p span{font-size:14px; color:#BFA872; padding-left:10px;}

.kmats .contents .contents-area .conts-box .introduce .dpt_box:after {content:""; clear:both}


.kmats .contents .contents-area .conts-box .professor ul {width:100%; font-size:0; margin-top:-60px;}
.kmats .contents .contents-area .conts-box .professor ul li {display:inline-block; vertical-align:top; width:calc(((100% - 120px) / 5) - 1px); margin-left:30px; margin-top:60px;}
.kmats .contents .contents-area .conts-box .professor ul li:nth-child(5n+1) {margin-left:0;}
.kmats .contents .contents-area .conts-box .professor ul li .photo {width:100%; overflow:hidden;}
.kmats .contents .contents-area .conts-box .professor ul li .photo span {display:block; width:100%; height:0; padding-bottom:calc(240 / 210 * 100%); position:relative; overflow:hidden; border-radius:11px;}
.kmats .contents .contents-area .conts-box .professor ul li .photo span:before {content:""; width:100%; height:100%; box-sizing:border-box; border-radius:10px; border:4px solid #C7C2AD; position:absolute; left:0; top:0; z-index:1;}
.kmats .contents .contents-area .conts-box .professor ul li .photo span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:0;}
.kmats .contents .contents-area .conts-box .professor ul li .conts {width:100%; margin-top:15px;}
.kmats .contents .contents-area .conts-box .professor ul li .conts h1 {font-size:20px; font-weight:500; margin-bottom:5px;}
.kmats .contents .contents-area .conts-box .professor ul li .conts span {display:block; font-size:14px; color:#BFA872;}

.kmats .contents .contents-area .conts-box .intro-sns {padding:0 !important;}
.kmats .contents .contents-area .conts-box .intro-sns:before,
.kmats .contents .contents-area .conts-box .intro-sns:after {content:""; width:100%; height:100%; position:absolute; top:0; z-index:0;}
.kmats .contents .contents-area .conts-box .intro-sns:before {background:#FFF9EB; left:-50%;}
.kmats .contents .contents-area .conts-box .intro-sns:after {background:#F8EBD9; right:-50%;}
.kmats .contents .contents-area .conts-box .intro-sns > .inner {display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:10;}
.kmats .contents .contents-area .conts-box .intro-sns .depth-title {text-align:left; margin-top:0; margin-bottom:0; width:17%; background:#FFF9EB;}
.kmats .contents .contents-area .conts-box .intro-sns .depth-title h2:before {display:none;}
.kmats .contents .contents-area .conts-box .intro-sns .depth-title .button-box {text-align:left;}
.kmats .contents .contents-area .conts-box .intro-sns .depth-title .button-box .button {height:44px; border-radius:25px; background:#003B5D; overflow:hidden;}
.kmats .contents .contents-area .conts-box .intro-sns .depth-title .button-box .button a {padding:0 50px 0 20px; position:relative; display:block; font-size:16px; color:#fff; line-height:44px;}
.kmats .contents .contents-area .conts-box .intro-sns .depth-title .button-box .button a:before {content:""; width:20px; height:100%; background:url(/img/com/dir.svg) center no-repeat; background-size:100% auto; position:absolute; right:20px; top:0;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts {width:83%; background:#F8EBD9;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap {width:100%; display:flex; flex-wrap:wrap;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box {width:20%; padding:50px 30px; border-left:1px solid #FFF9EB;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box:nth-child(1) {border-left:none;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box .icon {width:100%; max-width:60px; margin:0 auto; position:relative;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box .icon:after {content:""; width:100%; height:100%; background:url(/img/index/pattern_shadow.svg) center no-repeat; background-size:cover; position:absolute; left:8px; bottom:-8px; opacity:0.6;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box .icon a {display:block; width:100%; height:100%; border-radius:50%; font-size:0;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box .icon span {width:100%; height:0; padding-bottom:100%; border-radius:50%; background-color:#fff; display:block; position:relative; z-index:10; background-repeat:no-repeat; background-position:center; background-size:26px auto;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box.email .icon span {background-image:url(/img/index/icon_sns_email.svg);}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box.kakao .icon span {background-image:url(/img/index/icon_sns_kakao.svg);}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box.blog .icon span {background-image:url(/img/index/icon_sns_blog.svg);}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box.facebook .icon span {background-image:url(/img/index/icon_sns_facebook.svg);}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box.youtube .icon span {background-image:url(/img/index/icon_sns_youtube.svg);}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box > em {display:block; text-align:center; font-size:18px; font-weight:700; color:#29251B; margin:24px 0 12px 0;}
.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box > span {display:block; text-align:center; font-size:14px; color:#666;}

/*
.main .sns .sec-conts .sns-wrap {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.main .sns .sec-conts .sns-wrap .sns-box {margin-left:80px; max-width:80px; width:calc((100% - 240px) / 4);}
.main .sns .sec-conts .sns-wrap .sns-box:nth-child(1) {margin-left:0;}
.main .sns .sec-conts .sns-wrap .sns-box .icon {width:100%; position:relative;}
.main .sns .sec-conts .sns-wrap .sns-box .icon:after {content:""; width:100%; height:100%; background:url(/img/index/pattern_shadow.svg) center no-repeat; background-size:cover; position:absolute; left:10px; bottom:-10px;}
.main .sns .sec-conts .sns-wrap .sns-box .icon a {display:block; width:100%; height:100%; border-radius:50%; font-size:0;}
.main .sns .sec-conts .sns-wrap .sns-box .icon span {width:100%; height:0; padding-bottom:100%; border-radius:50%; background-color:#fff; display:block; position:relative; z-index:10; background-repeat:no-repeat; background-position:center; background-size:36px auto;}
.main .sns .sec-conts .sns-wrap .sns-box.youtube .icon span {background-image:url(/img/index/icon_sns_youtube.svg);}
.main .sns .sec-conts .sns-wrap .sns-box.insta .icon span {background-image:url(/img/index/icon_sns_instar.svg);}
.main .sns .sec-conts .sns-wrap .sns-box.blog .icon span {background-image:url(/img/index/icon_sns_blog.svg);}
.main .sns .sec-conts .sns-wrap .sns-box.facebook .icon span {background-image:url(/img/index/icon_sns_facebook.svg);}
.main .sns .sec-conts .sns-wrap .sns-box em {width:100%; display:block; margin-top:25px; font-family: 'Pretendard', sans-serif; font-size:18px; font-weight:700; text-align:center;}
*/

.use .contents .contents-area .conts-box .section .use-conts {display:none;}
.use .contents .contents-area .conts-box .section .use-conts .use-box {padding:50px 0; border-top:1px solid #E1DED8; font-size:0;}
.use .contents .contents-area .conts-box .section .use-conts .use-box:nth-child(1) {padding-top:0; border-top:0;}
.use .contents .contents-area .conts-box .section .use-conts .use-box > * {display:inline-block; vertical-align:top; width:50%;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box {padding:30px 80px 0 0;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1 {font-size:24px; font-weight:500; position:relative; padding-top:15px;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1:before {content:""; width:40px; height:2px; background:#B98D26; position:absolute; left:0; top:0;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .txt {font-size:18px; line-height:1.6; margin-top:30px; text-align: justify; letter-spacing: -1px;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .button {margin-top:60px;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .img-box img {max-width:100%; display:block;}
.use .contents .contents-area .conts-box .section .use-conts.active {display:block;}
.use .contents .contents-area .conts-box .section .use-conts .use-box ul.dot li {padding-left:15px; position:relative;}
.use .contents .contents-area .conts-box .section .use-conts .use-box ul.dot li:before {content:"· "; width:10px; text-align:center; position:absolute; left:0; top:13px; line-height:0;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .conts {width:100%; margin-top:60px;}
.use .contents .contents-area .conts-box .section .use-conts .use-box .conts:nth-child(1) {margin-top:0;}

.bible-use .contents .contents-area .conts-box .section .use-conts {position:relative;}
.bible-use .contents .contents-area .conts-box .section .use-conts:after {content:""; width:50%; height:100%; background-position:right bottom; background-repeat:no-repeat; background-size:100% auto; position:absolute; right:0; top:0; z-index:0;}
.bible-use .contents .contents-area .conts-box .section .use-conts.bible-use-conts-1:after {background-image:url(/img/conts/bible_use_img_01.png);}
.bible-use .contents .contents-area .conts-box .section .use-conts.bible-use-conts-2:after {background-image:url(/img/conts/bible_use_img_02.png);}
.bible-use .contents .contents-area .conts-box .section .use-conts.bible-use-conts-3:after {background-image:url(/img/conts/bible_use_img_03.png);}
.bible-use .contents .contents-area .conts-box .section .use-conts .use-box {padding:0 !important; border:none; margin-top:60px; z-index:10;}
.bible-use .contents .contents-area .conts-box .section .use-conts .use-box:nth-child(1) {margin-top:0;}
.bible-use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box {padding:0 !important; max-width:500px;}

.library .contents .contents-area .conts-box .lib .title-box {width:100%; text-align:center; margin-bottom:30px;}
.library .contents .contents-area .conts-box .lib .title-box h1 {font-size:30px; font-weight:500; line-height:1.2;}
.library .contents .contents-area .conts-box .lib .title-box h2 {font-size:18px; color:#B98D26; margin-bottom:15px;}
.library .contents .contents-area .conts-box .lib .conts-wrap {width:100%; font-size:0;}
.library .contents .contents-area .conts-box .lib .conts-wrap > * {display:inline-block; vertical-align:middle; width:50%;}
.library .contents .contents-area .conts-box .lib .conts-wrap .img-box span {display:block; width:100%; height:0; padding-bottom:100%; position:relative;}
.library .contents .contents-area .conts-box .lib .conts-wrap .img-box span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-box-shadow:0px 18px 18px 0px rgba(68,56,22,0.16); -moz-box-shadow:0px 18px 18px 0px rgba(68,56,22,0.16); box-shadow:0px 18px 18px 0px rgba(68,56,22,0.16);}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box .button-box {margin-top:30px;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb {width:100%; border:solid #E1DED8; border-width:1px 0;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li {padding:15px 0; font-size:0; position:relative;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li:not(.th) {cursor:pointer;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li > * {display:inline-block; vertical-align:middle; padding:0 5px; font-size:14px; text-align:center;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .th {font-weight:600;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .td {font-weight:400; color:#C1B799;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .no {width:80px; display:none}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .range {width:250px;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .subject {width:calc(100% - 250px);}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li:not(.th):hover {background:#FFF9EB;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li:not(.th):hover > * {color:#29251B;}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li.on {background:#E2DCCC !important; -webkit-box-shadow:0px 3px 6px 0px rgba(185,141,38,0.16); -moz-box-shadow:0px 3px 6px 0px rgba(185,141,38,0.16); box-shadow:0px 3px 6px 0px rgba(185,141,38,0.16);}
.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li.on > * {color:#29251B !important;}

.library .contents .contents-area .conts-box .reading .round-tab {width:100%;}
.library .contents .contents-area .conts-box .reading .round-tab ul {width:100%; font-size:0;}
.library .contents .contents-area .conts-box .reading .round-tab ul:after {content:""; display:block; clear:both;}
.library .contents .contents-area .conts-box .reading .round-tab ul li {float:left; background:#FCFCFA; width:calc((100% - 60px) /  7); height:50px; margin-left:10px; cursor:pointer; text-align:center; border-radius:10px 10px 0 0;}
.library .contents .contents-area .conts-box .reading .round-tab ul li:last-child { width:calc(((100% - 60px) /  7) - 1px);}
.library .contents .contents-area .conts-box .reading .round-tab ul li:nth-child(1) {margin-left:0;}
.library .contents .contents-area .conts-box .reading .round-tab ul li a {width:100%; height:100%; display:table;}
.library .contents .contents-area .conts-box .reading .round-tab ul li span {display:table-cell; vertical-align:middle; font-size:16px; color:#443816;}
.library .contents .contents-area .conts-box .reading .round-tab ul li.on {background:#fff;}
.library .contents .contents-area .conts-box .reading .round-tab ul li.on span {color:#443816;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts {width:100%; padding:80px; background:#fff;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts h1 {font-size:36px; font-weight:500; margin-bottom:60px; line-height:1.2;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl {width:100%; margin-bottom:30px; font-size:0; margin-top:-10px;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl > * {display:inline-block; vertical-align:top; position:relative; padding:0 10px; font-size:18px; font-weight:500; margin-top:10px;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dt {width:80px; padding-left:0;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dt:before {content:""; width:1px; height:40%; border-left:1px solid #E1DED8; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dd {width:calc(100% - 80px); color:#BFA872;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .conts {width:100%; font-size:18px; font-weight:300; line-height:1.6; text-align:justify; color:#443816;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .button-box {margin-top:40px;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box {width:100%; height:440px; display:table; text-align:center;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box > .wrap {width:100%; display:table-cell; vertical-align:middle;}
.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box p {margin-bottom:30px; font-size:16px; color:#B7B2A8;}

.library .contents .contents-area .conts-box .section .cont {margin-top:50px; display:inline-block; width:100%;}


.product .contents .contents-area .product-view .section .product-info {width:100%; font-size:0;}
.product .contents .contents-area .product-view .section .product-info > * {display:inline-block; vertical-align:middle; width:50%;}
.product .contents .contents-area .product-view .section .product-info .img-box {padding:10px;}
.product .contents .contents-area .product-view .section .product-info .img-box span {display:block; width:100%; height:0; padding-bottom:100%; position:relative;}
.product .contents .contents-area .product-view .section .product-info .img-box span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-box-shadow:0px 18px 18px 0px rgba(68, 56, 22, 0.16); -moz-box-shadow:0px 18px 18px 0px rgba(68, 56, 22, 0.16); box-shadow:0px 18px 18px 0px rgba(68, 56, 22, 0.16);}
.product .contents .contents-area .product-view .section .product-info .info-box .conts {width:100%; padding:40px 0; border-top:1px solid #E1DED8;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts:nth-child(1) {padding-top:0; border-top:none;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt {width:100%; font-size:0; display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt > * {display:inline-block; vertical-align:middle;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt h1 {font-size:36px; letter-spacing:-1px; line-height:1.2;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt span {width:75px; height:26px; border-radius:30px; box-sizing:border-box; border:1px solid #003B5D; font-size:14px; font-weight:500; color:#003B5D; line-height:24px; padding:0 10px; text-align:center;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt > *:only-child {width:100%;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt > *:first-child:nth-last-child(2) ~ * {width:calc(100% - 75px);}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .sub-tlt {font-size:16px; font-weight:300; margin-top:20px;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts dl {width:100%; font-size:0; margin-top:-10px;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts dl > * {display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 10px; position:relative; font-size:16px; margin-top:10px;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts dl dt {padding-left:0; width:60px; text-align:justify;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts dl dt:before {content:""; width:1px; height:12px; border-left:1px solid #DEDEDE; position:absolute; right:0; top:5px;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts dl dd {width:calc(100% - 60px); color:#666;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .price {font-size:24px; font-weight:500;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .price em {font-family: 'Linux Biolinum'; font-size:40px; color:#B98D26;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .store {margin-top:25px; width:100%; font-size:0;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span {display:inline-block; vertical-align:middle; margin-right:10px; height:44px; text-align:center; border-radius:30px; background:#E1DED8; box-sizing:border-box; margin-top:10px;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span:last-child {margin-right:0;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span a {display:block; height:100%; padding:0 20px; font-size:16px; color:#443816; line-height:44px;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span:hover {background:#443816;}
.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span:hover a {color:#fff;}
.product .contents .contents-area .product-view .section .product-detail {width:100%; margin-top:100px;}
.product .contents .contents-area .product-view .section .product-detail .tlt {font-size:18px; color:#443816; margin-bottom:10px;}
.product .contents .contents-area .product-view .section .product-detail .conts {width:100%; padding:60px 80px; border-top:2px solid #443816; border-bottom:1px solid #E1DED8;}
.product .contents .contents-area .product-view .section .product-detail .conts .video-box {width:100%; height:0; padding-bottom:calc(360 / 640 * 100%); overflow:hidden; position:relative; margin-bottom:40px;}
.product .contents .contents-area .product-view .section .product-detail .conts .video-box iframe {width:100%; height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.product .contents .contents-area .product-view .section .product-detail .conts .explanation {width:100%; font-size:18px; font-weight:300; line-height:1.6; text-align:justify; position:relative;}
.product .contents .contents-area .product-view .section .product-detail .conts .explanation:before {content:""; width:100%; height:100px; background:rgb(255,255,255); background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); position:absolute; left:0; bottom:0; z-index:10;}
.product .contents .contents-area .product-view .section .product-detail .conts .explanation > .wrap {height:200px; overflow:hidden; position:relative; z-index:9;}
.product .contents .contents-area .product-view .section .product-detail .conts .explanation.more:before {display:none;}
.product .contents .contents-area .product-view .section .product-detail .conts .explanation.more > .wrap {height:100%;}
.product .contents .contents-area .product-view .section .product-detail .conts img {max-width:100%;}
.product .contents .contents-area .product-view .section .product-detail .button-box {margin-top:40px;}

.member .contents .conts-area .login {max-width:480px;}
.member .contents .conts-area .login .login-box {width:100%; max-width:340px; margin:0 auto;}
.member .contents .conts-area .login .login-box ul li {width:100%; margin-top:8px;}
.member .contents .conts-area .login .login-box ul li:nth-child(1) {margin-top:0;}
.member .contents .conts-area .login .login-box .menu {width:100%; margin-top:16px; font-size:0;}
.member .contents .conts-area .login .login-box .menu > * {display:inline-block; vertical-align:middle;}
.member .contents .conts-area .login .login-box .menu .chk {width:120px;}
.member .contents .conts-area .login .login-box .menu .chk .check-box p {font-size:14px;}
.member .contents .conts-area .login .login-box .menu ol {font-size:0; text-align:right; width:calc(100% - 120px);}
.member .contents .conts-area .login .login-box .menu ol li {display:inline-block; vertical-align:middle; margin-left:20px; position:relative;}
.member .contents .conts-area .login .login-box .menu ol li:before {content:""; width:1px; height:50%; border-left:1px solid #E1DED8; position:absolute; left:-10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.member .contents .conts-area .login .login-box .menu ol li:nth-child(1) {margin-left:0;}
.member .contents .conts-area .login .login-box .menu ol li:nth-child(1):before {display:none;}
.member .contents .conts-area .login .login-box .menu ol li a {font-size:14px;}
.member .contents .conts-area .login .login-box .button-box {margin-top:40px; padding-top:40px; border-top:1px solid #E1DED8;}

.member .contents .conts-area .join {max-width:870px;}

.member .contents .conts-area .join-result {max-width:480px; height:580px; display:table;}
.member .contents .conts-area .join-result .cont-box {width:100%; display:table-cell; vertical-align:middle; text-align:center;}
.member .contents .conts-area .join-result .cont-box h1 {font-size:30px; position:relative; padding-top:100px;}
.member .contents .conts-area .join-result .cont-box h1:before {content:""; width:70px; height:70px; background:url(/img/conts/icon_chk.svg) center no-repeat; background-size:cover; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.member .contents .conts-area .join-result .cont-box p {font-size:18px; color:#666; margin:40px 0 80px 0;}

.member .contents .conts-area .find {max-width:480px; min-height:580px;}
.member .contents .conts-area .find .find-box {width:100%; max-width:340px; margin:0 auto;}
.member .contents .conts-area .find .find-box .txt {font-size:16px; text-align:center; margin-bottom:30px;}
.member .contents .conts-area .find .find-box ul li {width:100%; margin-top:8px; font-size:0;}
.member .contents .conts-area .find .find-box ul li:nth-child(1) {margin-top:0;}
.member .contents .conts-area .find .find-box ul li > * {display:inline-block; vertical-align:middle; margin-left:8px;}
.member .contents .conts-area .find .find-box ul li > *:nth-child(1) {margin-left:0;}
.member .contents .conts-area .find .find-box ul li.box-phone .select-box {width:74px;}
.member .contents .conts-area .find .find-box ul li.box-phone [type=text] {width:calc(100% - 184px);}
.member .contents .conts-area .find .find-box ul li.box-email [type=text] {width:calc(100% - 102px);}
.member .contents .conts-area .find .find-box ul li ol.linear li {width:auto;}
.member .contents .conts-area .find .find-box .result-box {width:100%; height:250px; display:table; text-align:center;}
.member .contents .conts-area .find .find-box .result-box > .wrap {display:table-cell; vertical-align:middle;}
.member .contents .conts-area .find .find-box .result-box .txt-box {font-size:18px; line-height:1.6; color:#666; position:relative; padding-top:100px;}
.member .contents .conts-area .find .find-box .result-box .txt-box:before {content:""; width:100%; height:70px; background:url(/img/conts/icon_chk.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0;}
.member .contents .conts-area .find .find-box .result-box .txt-box em {font-weight:700; color:#29251B;}

.contents .contents-area .conts-box .agree .agree-box {width:100%; font-size:0; margin-bottom:130px;}
.contents .contents-area .conts-box .agree .agree-box > * {display:inline-block; vertical-align:bottom; width:100%;}
.contents .contents-area .conts-box .agree .agree-box .inner {white-space: pre-wrap; color:#000; font-size:15px;}
.contents .contents-area .conts-box .agree .agree-box .inner table tr td{ text-align:center; padding:5px;}

.ncode select{width:100%;}


.conference .contents .contents-area .conts-box .conference-conts {width:100%;}
.conference .contents .contents-area .conts-box .conference-conts article {width:100%; margin-top:130px;}
.conference .contents .contents-area .conts-box .conference-conts article:nth-child(1) {margin-top:0;}
.conference .contents .contents-area .conts-box .conference-conts .video-area {width:100%;}
.conference .contents .contents-area .conts-box .conference-conts .video-area span {width:100%; height:0; padding-bottom:calc(720 / 1280 * 100%); position:relative; overflow:hidden; display:block;}
.conference .contents .contents-area .conts-box .conference-conts .video-area span > * {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.conference .contents .contents-area .conts-box .conference-conts .img-area {width:100%;}
.conference .contents .contents-area .conts-box .conference-conts .img-area img {max-width:100%; display:block; width:100%;}

.conference .contents .contents-area .conts-box .seminar-conts {width:100%;}
.conference .contents .contents-area .conts-box .seminar-conts article {width:100%; margin-top:130px;}
.conference .contents .contents-area .conts-box .seminar-conts article:nth-child(1) {margin-top:0;}
.conference .contents .contents-area .conts-box .seminar-conts .video-area {width:100%;}
.conference .contents .contents-area .conts-box .seminar-conts .video-area span {width:100%; height:0; padding-bottom:calc(720 / 1280 * 100%); position:relative; overflow:hidden; display:block;}
.conference .contents .contents-area .conts-box .seminar-conts .video-area span > * {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.conference .contents .contents-area .conts-box .seminar-conts .img-area {width:100%;}
.conference .contents .contents-area .conts-box .seminar-conts .img-area img {max-width:100%; display:block; width:100%;}


@media screen and (max-width: 1920px){
	
	.about .contents .contents-area .conts-box .intro .cont-box:before {left:-200px;}

}


@media screen and (max-width: 1760px){

	.about .contents .contents-area .conts-box .intro .intro-box .txt-box {width:50%; position:relative; left:auto; top:auto; transform:none;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 span.br {display:inline-block;}
	
	.about .contents .contents-area .conts-box .intro .cont-box:before {left:-10%;}
	.about .contents .contents-area .conts-box .intro .cont-box:after {background-position:right 10% bottom;}
	.about .contents .contents-area .conts-box .intro .cont-box ul {width:80%; max-width:900px; margin:0 auto;}

}


@media screen and (max-width: 1440px){

	.sub .contents .contents-area {padding:30px 30px 0 30px;}

	.about .contents .contents-area .conts-box .intro .cont-box:before {left:-5%;}
	.about .contents .contents-area .conts-box .intro .cont-box:after {width:150%; background-size:auto 70%;}

	.library .contents .contents-area .conts-box .lib .conts-wrap .img-box {width:40%;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box {width:60%;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .range {width:150px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .subject {width:calc(100% - 230px);}


	/*.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .conts-box .section:nth-child(n+2) {padding-left:0; padding-right:0;}
	.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .conts-box .section:nth-child(n+2) > .inner {width:100%; margin:0 auto;}*/

}


@media screen and (max-width: 1280px){

	.sub .contents .contents-area {padding:20px 30px 0 20px;}

	.sub .contents .category-tab ul li {margin-right:30px;}
	.sub .contents .category-tab ul li a {font-size:20px;}

	.about .contents .contents-area .conts-box .intro .intro-box .img-box span {width:calc(100% - 80px);}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before {width:40px; right:-40px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:after {right:-41px;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 {font-size:36px; margin-bottom:40px;}

	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box {width:calc(((100% - 40px) / 3) - 1px); margin-left:20px; padding:50px 40px;}

	.book .contents .contents-area .conts-box .all .book-wrap {margin-top:-60px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box {width:calc((100% - 120px) / 3); margin-left:60px; margin-top:100px;}

	.book .contents .contents-area .conts-box .detail .detail-box:nth-child(odd) .txt-box {padding:20px 0 0 40px;}
	.book .contents .contents-area .conts-box .detail .detail-box:nth-child(even) .txt-box {padding:20px 40px 0 0;}

	.kmats .contents .contents-area .conts-box .introduce .edu ul li {width:calc(((100% - 100px) / 6) - 1px); margin-left:20px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li {width:calc(((100% - 90px) / 4) - 1px);}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:before {right:-15px; bottom:-15px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(even) {margin-left:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(4n+1) {margin-left:0;}	
	.kmats .contents .contents-area .conts-box .professor ul li {width:calc(((100% - 80px) / 5) - 1px); margin-left:20px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(5n+1) {margin-left:0;}

	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box {padding:50px 15px;}

	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .no {width:70px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .range {width:120px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .subject {width:calc(100% - 190px);}

}


@media screen and (max-width: 1024px){

	.sub {padding-top:150px; min-height:calc(100vh - 333px);}
	.sub .page-title {height:200px; background-size:200px auto; background-position:right top 20px;}
	.sub .page-title h1 img {height:40px;}

	.sub .contents:before {display:none;}

	.sub .contents .snb-box {display:none;}
	
	.sub .contents .contents-area:before {content:""; width:100%; height:100%; background:#fff; border-radius:10px 10px 0 0; position:absolute; left:0; top:0; z-index:0;}
	.sub .contents .contents-area > .wrap {padding-top:50px;}
	.sub .contents .contents-area.ty-2 > .wrap {padding-top:70px; margin:0 auto;}
	.sub .contents .contents-area.ty-3 > .wrap {padding-top:90px;}
	.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area {width:100%; margin-left:0;}

	.sub .contents .contents-area .conts-box .section {padding:50px 0;}
	.sub .contents .contents-area .conts-box.ty-2 .section {padding:80px 0;}
	.sub .contents .contents-area .conts-box .section:last-child {padding-bottom:120px;}

	.sub .contents .conts-area {padding:60px 0 120px 0;}
	.sub .contents .conts-area .section {padding:40px 50px;}

	.sub .contents .button.ty-1 {min-width:160px;}
	.sub .contents .button.ty-1 a {font-size:15px; padding:0 20px;}
	.sub .contents .button.ty-1:hover:before {display:none;}
	.sub .contents .button.ty-1:hover a {color:#443816;}
	.sub .contents .button.ty-2 a {font-size:15px; padding:0 12px;}
	.sub .contents .button.ty-3 {min-width:140px;}
	.sub .contents .button.ty-3:hover:before {display:none;}
	.sub .contents .button.ty-3 a {font-size:15px; padding:0 18px;}
	.sub .contents .button.ty-4 a {font-size:15px; padding:0 18px;}
	.sub .contents .button.more span {padding-right:20px;}
	.sub .contents .button.more span:after {width:16px; top:calc(50% - 1px);}
	.sub .contents .button.half {max-width:190px;}

	.sub .contents .check-box p {font-size:15px;}

	.sub .contents .radio-box [type="radio"] + label {font-size:15px;}
	.sub .contents .radio-box [type="radio"] + label:before {top:0;}
	.sub .contents .radio-box [type="radio"] + label:after {top:5px;}

	.sub .contents .preparing {height:420px;}
	.sub .contents .preparing h1 {font-size:25px;}
	.sub .contents .preparing h1:before {height:60px;}

	.sub .contents .depth-title h2 {font-size:25px;}
	.sub .contents .depth-title h2:before {width:30px; height:30px; left:-12px; top:-13px;}
	.sub .contents .depth-title .txt {font-size:16px; margin-top:30px;}
	.sub .contents .depth-title .txt .br {display:inline-block;}

	.sub .contents .depth-tab ul li span {font-size:16px;}

	.about .contents .contents-area .conts-box .intro .intro-box > * {vertical-align:middle;}
	.about .contents .contents-area .conts-box .intro .intro-box {margin-bottom:100px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box {width:40%;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span {width:calc(100% - 60px);}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before {width:30px; right:-30px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:after {right:-31px;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box {width:60%;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 {font-size:32px; margin-bottom:30px;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box .conts {font-size:16px;}
	.about .contents .contents-area .conts-box .intro .cont-box {padding:80px 0;}
	.about .contents .contents-area .conts-box .intro .cont-box:before {border-radius:0; left:-50%;}
	.about .contents .contents-area .conts-box .intro .cont-box ul {width:100%;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li {margin-top:50px;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li span {margin-bottom:15px; font-size:22px;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li .conts {font-size:16px; padding-left:34px;}

	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box {padding:40px 30px; min-height:500px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .icon {width:100px; height:100px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box h1 {height:120px; font-size:22px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box ul li {font-size:13px; margin-top:15px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .conts {font-size:14px;}

	.book .contents .contents-area .conts-box .all ul li {margin-top:25px;}
	.book .contents .contents-area .conts-box .all ul li > * {font-size:14px;}
	.book .contents .contents-area .conts-box .all ul li .td .no {font-size:14px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts {margin-top:20px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts span {font-size:16px; padding:10px 0;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts em {font-size:20px; padding:18px 0;}

	.book .contents .contents-area .conts-box .detail .detail-box {margin-top:60px;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box span {font-size:22px;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box h1 {font-size:32px; margin:8px 0 20px 0;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box .conts {font-size:16px;}
	.book .contents .contents-area .conts-box .detail .detail-box:nth-child(odd) .txt-box {padding:15px 0 0 30px;}
	.book .contents .contents-area .conts-box .detail .detail-box:nth-child(even) .txt-box {padding:15px 30px 0 0;}

	.kmats .contents .contents-area .conts-box .introduce .intro-conts h3 {font-size:22px; margin-bottom:30px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li {width:calc(((100% - 75px) / 6) - 1px); margin-left:15px; height:80px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li span {font-size:18px;}
	.kmats .contents .contents-area .conts-box .introduce .edu .txt {font-size:13px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt {margin-bottom:40px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span {font-size:16px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span:before {width:22px; height:22px; left:-7px; top:-4px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul {margin-top:-40px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li {width:calc(((100% - 60px) / 4) - 1px); padding:20px; margin-left:20px; margin-top:40px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:before {right:-10px; bottom:-10px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(even) {margin-left:20px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(4n+1) {margin-left:0;}	
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li span {font-size:13px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li h1 {font-size:18px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li h1 em {font-size:13px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li .conts {font-size:13px;}
	.kmats .contents .contents-area .conts-box .professor ul {margin-top:-50px;}
	.kmats .contents .contents-area .conts-box .professor ul li {width:calc(((100% - 90px) / 4) - 1px); margin-left:30px; margin-top:50px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(even) {margin-left:30px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(4n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .professor ul li .conts {margin-top:10px;}
	.kmats .contents .contents-area .conts-box .professor ul li .conts h1 {font-size:18px;}
	.kmats .contents .contents-area .conts-box .professor ul li .conts span {font-size:13px;}

	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li{width:48%; margin-left:0; margin-right:4%}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li:nth-child(2n){margin-left:0; margin-right:0}

	.kmats .contents .contents-area .conts-box .introduce .dpt_box {width:100%; position:relative; background:#fff; padding:30px 20px;}
    .kmats .contents .contents-area .conts-box .introduce .dpt_box p {width:50%; padding:10px 0 10px 15px;}
	.kmats .contents .contents-area .conts-box .introduce .dpt_box p:before{top:20px;}
	.kmats .contents .contents-area .conts-box .introduce .dpt_box p span{ display:block; padding-left:0px;}

	.kmats .contents .contents-area .conts-box .intro-sns:before {display:none;}
	.kmats .contents .contents-area .conts-box .intro-sns:after {width:200%; right:auto; left:50%; transform:translateX(-50%);}
	.kmats .contents .contents-area .conts-box .intro-sns {background:#F8EBD9;}
	.kmats .contents .contents-area .conts-box .intro-sns .depth-title {width:100%; padding:50px 0; text-align:center; position:relative;}
	.kmats .contents .contents-area .conts-box .intro-sns .depth-title:before {content:""; width:200%; height:100%; background:#FFF9EB; position:absolute; left:50%; top:0; transform:translateX(-50%);}
	.kmats .contents .contents-area .conts-box .intro-sns .depth-title .button-box {text-align:center;}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts {width:100%;}

	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box {padding:30px 50px 0 0;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1 {font-size:22px; padding-top:10px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1:before {width:38px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .txt {font-size:16px; margin-top:20px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .button {margin-top:50px;}

	.library .contents .contents-area .conts-box .lib .title-box h1 {font-size:25px;}
	.library .contents .contents-area .conts-box .lib .title-box h2 {font-size:16px;}	
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li > * {font-size:13px;}

	.library .contents .contents-area .conts-box .reading .round-tab ul li {width:calc((100% - 42px) /  7); margin-left:7px;}
	.library .contents .contents-area .conts-box .reading .round-tab ul li:last-child { width:calc(((100% - 42px) /  7) - 1px);}
	.library .contents .contents-area .conts-box .reading .round-tab ul li span {font-size:15px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts {padding:60px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts h1 {font-size:32px; margin-bottom:50px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl {margin-bottom:25px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl > * {font-size:16px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dt {width:70px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dd {width:calc(100% - 70px);}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .conts {font-size:16px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box {height:360px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box p {font-size:15px;}

	.library .contents .contents-area .conts-box .section .cont {margin-top:30px;}

	.product .contents .contents-area .product-view .section .product-info .info-box .conts {padding:30px 0;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt h1 {font-size:32px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt span {width:70px; font-size:13px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt > *:first-child:nth-last-child(2) ~ * {width:calc(100% - 70px);}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .sub-tlt {font-size:15px; margin-top:15px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts dl > * {font-size:15px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts dl dt {width:50px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts dl dt:before {height:10px; top:4px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts dl dd {width:calc(100% - 50px);}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .price {font-size:22px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .price em {font-size:36px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span a {font-size:15px;}
	.product .contents .contents-area .product-view .section .product-detail {margin-top:80px;}
	.product .contents .contents-area .product-view .section .product-detail .tlt {font-size:16px;}
	.product .contents .contents-area .product-view .section .product-detail .conts {padding:50px 40px;}
	.product .contents .contents-area .product-view .section .product-detail .conts .explanation {font-size:16px;}

	.member .contents .conts-area .join-result {height:520px;}
	.member .contents .conts-area .join-result .cont-box h1 {font-size:25px; padding-top:80px;}
	.member .contents .conts-area .join-result .cont-box h1:before {width:60px; height:60px;}
	.member .contents .conts-area .join-result .cont-box p {font-size:16px; margin:30px 0 65px 0;}

	.member .contents .conts-area .find {min-height:500px;}
	.member .contents .conts-area .find .find-box .txt {font-size:15px;}
	.member .contents .conts-area .find .find-box .result-box {height:200px;}
	.member .contents .conts-area .find .find-box .result-box .txt-box {font-size:16px;}

	/*.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area > .wrap {max-width:1170px;}
	.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .nav {width:100%; left:0; padding:0;}
	.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .conts-box .section {padding-left:0; padding-right:0;}
	.sub .contents > .inner > *:first-child:nth-last-child(2) ~ .contents-area .conts-box .section > .inner {width:100%; margin:0 auto;}*/

	.conference .contents .contents-area .conts-box .conference-conts article {margin-top:100px;}
	.conference .contents .contents-area .conts-box .seminar-conts article {margin-top:100px;}

}


@media screen and (max-width: 900px){

	.sub {min-height:calc(100vh - 405px);}

	.sub .contents .category-tab {width:100%; max-width:400px; height:50px; border:1px solid #E1DED8; position:relative; margin:0 auto 50px; cursor:pointer; z-index:100;}
	.sub .contents .category-tab:after {content:""; width:0; height:0; border-top:6px solid #443816; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
	.sub .contents .category-tab .current {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
	.sub .contents .category-tab .current span {max-width:100%; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; font-weight:500; color:#443816;}
	.sub .contents .category-tab ul {position:absolute; left:0; top:50px; max-height:200px; overflow-y:auto; display:none; background:#fff; border:solid #E1DED8; border-width:0 1px 1px 1px;}
	.sub .contents .category-tab ul li {margin:0; width:100%; text-align:center;}
	.sub .contents .category-tab ul li a {display:block; width:100%; padding:8px 10px; font-size:18px; box-sizing:border-box;}
	.sub .contents .category-tab ul li.on:after {display:none;}
	.sub .contents .category-tab ul li.on {background:#E1DED8;}
	.sub .contents .category-tab.active ul {display:block;}

	.about .contents .contents-area .conts-box .intro .intro-box {flex-wrap:wrap;}
	.about .contents .contents-area .conts-box .intro .intro-box > * {display:block;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box {width:100%; max-width:350px; margin:0 auto; text-align:center;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span {width:100%;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before,
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:after {display:none;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before {width:100%; max-width:350px; right:0; left:50%; top:auto; bottom:-30px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:after {width:1px; height:30px; right:0; left:50%; bottom:-30px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box {width:100%; margin-top:30px; text-align:center; padding:0;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 span.br {display:block;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box .conts {max-width:100%;}

	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box {margin-left:0; width:100%; margin-top:20px; min-height:auto; border-radius:20px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(1) {margin-top:0;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box h1 {height:auto;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(1) ul li {width:33.33%; display:inline-block; vertical-align:middle; margin-top:0;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .conts {font-size:13px;}

	/*.book .contents .contents-area .conts-box .all ul li > * {float:none; width:100%;}
	.book .contents .contents-area .conts-box .all ul li .td {width:calc(100% - 35px); margin-left:auto;}
	.book .contents .contents-area .conts-box .all ul li .td:before {display:none !important;}
	.book .contents .contents-area .conts-box .all ul li .td .no {left:-35px;}*/

	.book .contents .contents-area .conts-box .detail .detail-box {display:block; max-width:585px; margin-left:auto; margin-right:auto;}
	.book .contents .contents-area .conts-box .detail .detail-box > * {width:100%;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box {padding:0 !important; margin-bottom:30px; text-align:center;}

	.kmats .contents .contents-area .conts-box .introduce .edu ul {margin-top:-20px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li {width:calc(((100% - 30px) / 3) - 1px); margin-left:15px; margin-top:20px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li:nth-child(3n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li {width:calc(((100% - 60px) / 3) - 1px); margin-left:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:before {right:-12px; bottom:-12px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(even) {margin-left:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(3n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .professor ul li {width:calc(((100% - 60px) / 4) - 1px); margin-left:20px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(even) {margin-left:20px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(4n+1) {margin-left:0;}

	.use .contents .contents-area .conts-box .section .use-conts .use-box > * {width:100%;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .img-box {margin-top:30px;}	

	.library .contents .contents-area .conts-box .lib .conts-wrap > * {display:block;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .img-box {width:100%; max-width:400px; margin:0 auto;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box {width:100%; margin-top:50px;}

	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li{width:48%; margin-left:0; margin-right:4%}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box.type1 ul li:nth-child(2n){margin-left:0; margin-right:0}

	.kmats .contents .contents-area .conts-box .introduce .dpt_box {width:100%; position:relative; background:#fff; padding:30px 20px;}
    .kmats .contents .contents-area .conts-box .introduce .dpt_box p {width:100%; float: none; padding:10px 0 10px 15px;}
	.kmats .contents .contents-area .conts-box .introduce .dpt_box p:before{top:20px;}
	.kmats .contents .contents-area .conts-box .introduce .dpt_box p span{ display:block; padding-left:0px;}

	.kmats .contents .contents-area .conts-box .introduce .edu2 ul{ text-align:center}
	.kmats .contents .contents-area .conts-box .introduce .edu2 ul li{width:33.33%; max-width:210px; margin-left:0; margin-bottom:20px; display:inline-block; height:auto;}
	.kmats .contents .contents-area .conts-box .introduce .edu2 ul li:nth-child(2n){margin-left:0; margin-right:0;}

	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box {width:33.33%; border-bottom:1px solid #FFF9EB; position:relative;}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box:nth-child(3n+1) {border-left:none;}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box:last-child:after {content:""; width:1px; height:100%; border-right:1px solid #fff9eb; position:absolute; right:-1px; top:0;}
}


@media screen and (max-width: 768px){

	.sub {padding-top:120px;}
	.sub:before {height:65vh; max-height:600px;}
	.sub .page-title {height:150px; background-size:150px auto;}
	.sub .page-title h1 {padding:0 25px;}
	.sub .page-title h1:before, .sub .page-title h1:after {width:6px; height:6px;}
	.sub .page-title h1 img {height:34px;}
	.sub .page-title.ty-2 {margin-bottom:30px;}

	.sub .contents .mo-snb .combo .current p {font-size:14px;}
	.sub .contents .mo-snb .combo .option-list ul li {font-size:14px;}
	.sub .contents .mo-snb .combo .option-list ul li a {font-size:14px; padding:12px 0;}
	.sub .contents .mo-snb .combo .option-list dl dd {font-size:14px;}
	.sub .contents .mo-snb .combo .option-list dl dd a {font-size:14px; padding:12px 0;}

	.sub .contents .contents-area {padding:20px 20px 0 20px;}
	.sub .contents .contents-area > .wrap {padding-top:40px;}
	.sub .contents .contents-area.ty-2 > .wrap {padding-top:60px;}
	.sub .contents .contents-area.ty-3 > .wrap {padding-top:80px;}

	.sub .contents .contents-area .conts-box .section {padding:50px 0;}
	.sub .contents .contents-area .conts-box.ty-2 .section {padding:60px 0;}
	.sub .contents .contents-area .conts-box .section:last-child {padding-bottom:100px;}

	.sub .contents .conts-area {padding:50px 0 100px 0;}
	.sub .contents .conts-area .section {padding:40px 30px;}

	.sub .contents .button.ty-1 {min-width:140px;}
	.sub .contents .button.ty-1 a {font-size:14px;}
	.sub .contents .button.ty-2 {min-width:88px;}
	.sub .contents .button.ty-2 a {font-size:14px;}
	.sub .contents .button.ty-3 {min-width:120px;}
	.sub .contents .button.ty-3 a {font-size:14px;}
	.sub .contents .button.ty-4 a {font-size:14px;}
	.sub .contents .button.more span {padding-right:18px;}
	.sub .contents .button.more span:after {width:14px; height:8px; top:50%;}
	.sub .contents .button.half {max-width:170px;}

	.sub .contents .check-box p {font-size:14px;}

	.sub .contents .radio-box [type="radio"] + label {font-size:14px;}

	.sub .contents .preparing {height:320px;}
	.sub .contents .preparing h1 {font-size:22px; padding-top:70px;}
	.sub .contents .preparing h1:before {height:50px;}

	.sub .contents .depth-title {margin-bottom:40px; margin-top:25px;}
	.sub .contents .depth-title h2 {font-size:22px;}
	.sub .contents .depth-title h2:before {width:25px; height:25px; left:-8px; top:-12px;}
	.sub .contents .depth-title .txt {font-size:14px; margin-top:15px;}
	.sub .contents .depth-title .button-box {margin-top:30px;}

	
	.sub .contents .depth-tab {margin-bottom:40px;}	
	.sub .contents .depth-tab ul li {height:50px;}
	.sub .contents .depth-tab ul li span {font-size:14px;}


	.sub .contents .category-tab {margin-bottom:40px;}	


	.about .contents .contents-area .conts-box .intro .intro-box {margin-bottom:80px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box {max-width:300px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before {max-width:300px;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box {padding:0;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 {font-size:26px; margin-bottom:20px;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box .conts {font-size:14px;}
	.about .contents .contents-area .conts-box .intro .cont-box {padding:60px 0;}
	.about .contents .contents-area .conts-box .intro .cont-box:after {background-size:auto 50%;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li {margin-top:40px;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li span {margin-bottom:15px; font-size:20px;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li .conts {font-size:14px; padding-left:32px;}

	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box {padding:30px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .icon {width:80px; height:80px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box h1 {font-size:20px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box ul li {font-size:12px; padding-left:6px; text-indent:-6px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .conts {font-size:12px;}

	.book .contents .contents-area .conts-box .all ul li {margin-top:20px;}	
	.book .contents .contents-area .conts-box .all ul li > * {height:60px; font-size:13px;}
	/*.book .contents .contents-area .conts-box .all ul li .td {width:calc(100% - 30px);}*/
	.book .contents .contents-area .conts-box .all ul li .th:nth-child(1) {padding-left:35px;}
	.book .contents .contents-area .conts-box .all ul li .td:nth-child(1) {padding-left:35px;}
	.book .contents .contents-area .conts-box .all ul li .td .no {width:60px; height:60px; font-size:13px;}
	.book .contents .contents-area .conts-box .all ul li .td .no:before,
	.book .contents .contents-area .conts-box .all ul li .td .no:after {border-left:30px solid transparent; border-right:30px solid transparent; position:absolute;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(even) .td .no:before {border-bottom:30px solid #443816;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(even) .td .no:after {border-top:30px solid #443816;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(odd) .td .no:before {border-bottom:30px solid #6C5B2D;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(odd) .td .no:after {border-top:30px solid #6C5B2D;}
	.book .contents .contents-area .conts-box .all .book-wrap {margin-top:-60px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box {width:calc((100% - 60px) / 2); margin-top:80px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box:nth-child(3n+1) {margin-left:60px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box:nth-child(2n+1) {margin-left:0;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts span {font-size:14px; padding:8px 0;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts em {font-size:18px; padding:15px 0;}

	.book .contents .contents-area .conts-box .detail .detail-box {margin-top:40px;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box {margin-bottom:20px;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box span {font-size:20px;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box h1 {font-size:26px; margin:8px 0 20px 0;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box .conts {font-size:14px;}

	.kmats .contents .contents-area .conts-box .introduce .intro-conts h3 {font-size:20px; margin-bottom:20px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul {margin-top:-15px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li {height:70px; margin-top:15px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li span {font-size:16px;}
	.kmats .contents .contents-area .conts-box .introduce .edu .txt {font-size:12px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box {padding:40px 0 60px 0;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt {margin-bottom:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span {font-size:15px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span:before {width:20px; height:20px; left:-5px; top:-4px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li {width:calc(((100% - 40px) / 3) - 1px); margin-left:20px; min-height:180px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:before {right:-10px; bottom:-10px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(even) {margin-left:20px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(2n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li span {font-size:12px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li h1 {font-size:16px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li h1 em {font-size:12px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li .conts {font-size:12px;}
	.kmats .contents .contents-area .conts-box .professor ul {margin-top:-40px;}
	.kmats .contents .contents-area .conts-box .professor ul li {width:calc(((100% - 40px) / 3) - 1px); margin-top:40px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(even) {margin-left:20px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(3n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .professor ul li .conts h1 {font-size:16px;}
	.kmats .contents .contents-area .conts-box .professor ul li .conts span {font-size:12px;}

	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box {padding:40px 12px;}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box > em {font-size:16px; margin:20px 0 10px 0;}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box > span {font-size:12px;}

	.use .contents .contents-area .conts-box .section .use-conts .use-box {padding:40px 0;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box {padding:0;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1 {font-size:20px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1:before {width:36px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .txt {font-size:14px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .button {margin-top:40px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box ul.dot li {padding-left:14px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box ul.dot li:before {width:6px; top:10px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .conts {margin-top:40px;}

	.bible-use .contents .contents-area .conts-box .section .use-conts .use-box {margin-top:40px;}

	.library .contents .contents-area .conts-box .lib .title-box {margin-bottom:25px;}
	.library .contents .contents-area .conts-box .lib .title-box h1 {font-size:22px;}
	.library .contents .contents-area .conts-box .lib .title-box h2 {font-size:14px; margin-bottom:10px;}	
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li > * {font-size:12px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .no {width:60px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .range {width:100px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .subject {width:calc(100% - 160px);}

	.library .contents .contents-area .conts-box .reading .round-tab ul li {width:calc((100% - 30px) /  7); margin-left:5px;}
	.library .contents .contents-area .conts-box .reading .round-tab ul li:last-child { width:calc(((100% - 30px) /  7) - 1px);}
	.library .contents .contents-area .conts-box .reading .round-tab ul li span {font-size:14px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts {padding:40px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts h1 {font-size:28px; margin-bottom:40px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl {margin-bottom:20px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl > * {font-size:15px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dt {width:70px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dd {width:calc(100% - 70px);}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .conts {font-size:14px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box {height:320px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box p {margin-bottom:20px; font-size:14px;}

	.product .contents .contents-area .product-view .section .product-info > * {width:100%;}
	.product .contents .contents-area .product-view .section .product-info .info-box {margin-top:30px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt h1 {font-size:28px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt span {width:65px; font-size:12px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt > *:first-child:nth-last-child(2) ~ * {width:calc(100% - 65px);}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .sub-tlt {font-size:14px; margin-top:10px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts dl > * {font-size:14px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts dl dt:before {height:9px; top:4px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .price {font-size:20px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .price em {font-size:32px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span a {font-size:14px;}
	.product .contents .contents-area .product-view .section .product-detail {margin-top:60px;}
	.product .contents .contents-area .product-view .section .product-detail .tlt {font-size:14px;}
	.product .contents .contents-area .product-view .section .product-detail .conts {padding:40px 30px;}
	.product .contents .contents-area .product-view .section .product-detail .conts .video-box {margin-bottom:30px;}
	.product .contents .contents-area .product-view .section .product-detail .conts .explanation {font-size:14px;}

	.member .contents .conts-area .join-result {height:480px;}
	.member .contents .conts-area .join-result .cont-box h1 {font-size:22px; padding-top:70px;}
	.member .contents .conts-area .join-result .cont-box h1:before {width:50px; height:50px;}
	.member .contents .conts-area .join-result .cont-box p {font-size:14px; margin:30px 0 60px 0;}

	.member .contents .conts-area .find {min-height:450px;}
	.member .contents .conts-area .find .find-box .txt {font-size:14px; margin-bottom:20px;}
	.member .contents .conts-area .find .find-box ul li.box-phone .select-box {width:70px;}
	.member .contents .conts-area .find .find-box ul li.box-phone [type=text] {width:calc(100% - 174px); max-width:263px;}
	.member .contents .conts-area .find .find-box ul li.box-email [type=text] {width:calc(100% - 96px);}
	.member .contents .conts-area .find .find-box .result-box .txt-box {font-size:14px; padding-top:70px;}
	.member .contents .conts-area .find .find-box .result-box .txt-box:before {height:50px;}

	.conference .contents .contents-area .conts-box .conference-conts article {margin-top:60px;}
	.conference .contents .contents-area .conts-box .seminar-conts article {margin-top:60px;}

}


@media screen and (max-width: 600px){

	.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 span.br {display:inline-block;}

	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap {padding-bottom:40px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li {width:calc(((100% - 30px) / 2) - 1px); margin-left:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:before {right:-15px; bottom:-15px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(even) {margin-left:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(2n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .professor ul li {width:calc(((100% - 30px) / 3) - 1px); margin-left:15px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(even) {margin-left:15px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(3n+1) {margin-left:0;}

	.library .contents .contents-area .conts-box .reading .round-tab {width:100%; height:40px; margin-bottom:10px; background:#FCFCFA; position:relative; border:1px solid #E1DED8; cursor:pointer;}
	.library .contents .contents-area .conts-box .reading .round-tab:after {content:""; width:5px; height:5px; border:solid #E1DED8; border-width:0 1px 1px 0; position:absolute; right:15px; top:calc(50% - 1px); transform:translateY(-50%) rotate(45deg);}
	.library .contents .contents-area .conts-box .reading .round-tab .current {width:100%; height:100%; display:table; text-align:center;}
	.library .contents .contents-area .conts-box .reading .round-tab .current span {display:table-cell; vertical-align:middle; font-size:14px; color:#29251B;}
	.library .contents .contents-area .conts-box .reading .round-tab ul {width:100%; position:absolute; left:0; top:40px; z-index:100; display:none; border-radius:0 0 10px 10px; box-shadow:0px 5px 10px 0px rgb(68,56,22,0.16);}
	.library .contents .contents-area .conts-box .reading .round-tab ul li {float:none; width:100%; height:auto; margin-left:0; border-radius:0; text-align:center;}
	.library .contents .contents-area .conts-box .reading .round-tab ul li:last-child {width:100%;}
	.library .contents .contents-area .conts-box .reading .round-tab ul li a {display:block; width:100%; height:100%; padding:10px; box-sizing:border-box;}
	.library .contents .contents-area .conts-box .reading .round-tab ul li span {display:inline-block;}

}


@media screen and (max-width: 480px){

	.sub {padding-top:100px; min-height:calc(100vh - 320px);}
	.sub .page-title {height:100px; background-size:100px auto;}
	.sub .page-title h1 {padding:0 20px;}
	.sub .page-title h1:before, .sub .page-title h1:after {width:5px; height:5px;}
	.sub .page-title h1 img {height:26px;}

	.sub .contents {border-radius:8px 8px 0 0;}

	.sub .contents .nav ul li {margin-left:20px; font-size:12px;}
	.sub .contents .nav ul li:before {width:5px; height:5px; left:-13px;}
	.sub .contents .nav ul li:nth-child(1) {width:12px; height:12px;}

	.sub .contents .mo-snb .combo {height:50px; }
	.sub .contents .mo-snb .combo:before {width:6px; height:6px; right:15px;}
	.sub .contents .mo-snb .combo .current {padding:0 15px;}
	.sub .contents .mo-snb .combo .current p {font-size:13px;}
	.sub .contents .mo-snb .combo .option-list {top:50px;}
	.sub .contents .mo-snb .combo .option-list ul li {font-size:13px;}
	.sub .contents .mo-snb .combo .option-list ul li a {font-size:13px; padding:10px 0;}
	.sub .contents .mo-snb .combo .option-list dl dd {font-size:13px;}
	.sub .contents .mo-snb .combo .option-list dl dd a {font-size:13px; padding:10px 0;}

	.sub .contents .contents-area {padding:15px 15px 0 15px;}
	.sub .contents .contents-area > .wrap {padding-top:25px;}
	.sub .contents .contents-area.ty-2 > .wrap {padding-top:45px;}
	.sub .contents .contents-area.ty-3 > .wrap {padding-top:65px;}
	
	.sub .contents .contents-area .conts-box .section {padding:30px 0;}
	.sub .contents .contents-area .conts-box.ty-2 .section {padding:40px 0;}
	.sub .contents .contents-area .conts-box .section:last-child {padding-bottom:80px;}

	.sub .contents .conts-area {padding:40px 0 80px 0;}
	.sub .contents .conts-area .section {padding:30px 20px;}

	.sub .contents .button.ty-1 {min-width:120px; height:45px;}
	.sub .contents .button.ty-1 a {font-size:13px; padding:0 17px; line-height:45px;}
	.sub .contents .button.ty-2 {min-width:80px; height:38px;}
	.sub .contents .button.ty-2 a {font-size:13px; padding:0 10px; line-height:36px;}
	.sub .contents .button.ty-3 {min-width:100px; height:38px;}
	.sub .contents .button.ty-3 a {font-size:13px; padding:0 15px; line-height:38px;}
	.sub .contents .button.ty-4 {height:38px;}
	.sub .contents .button.ty-4 a {font-size:13px; padding:0 15px; line-height:36px;}
	.sub .contents .button.more span {padding-right:15px;}
	.sub .contents .button.more span:after {width:12px; top:calc(50% - 2px)}
	.sub .contents .button.half {max-width:160px;}

	.sub .contents .check-box [type="checkbox"] + label {width:16px; height:16px; border-radius:3px;}
	.sub .contents .check-box [type="checkbox"] + label:before {width:4px; height:7px;}
	.sub .contents .check-box p {font-size:13px; width:calc(100% - 21px); margin-left:5px;}

	.sub .contents .radio-box [type="radio"] + label {font-size:13px; padding-left:22px;}
	.sub .contents .radio-box [type="radio"] + label:before {width:16px; height:16px; top:0;}
	.sub .contents .radio-box [type="radio"] + label:after {width:6px; height:6px; top:5px;}

	.sub .contents .preparing {height:250px;}
	.sub .contents .preparing h1 {font-size:20px; padding-top:60px;}
	.sub .contents .preparing h1:before {height:40px;}

	.sub .contents .depth-title {margin-bottom:30px;}
	.sub .contents .depth-title h2 {font-size:20px;}
	.sub .contents .depth-title h2:before {width:20px; height:20px; left:-8px; top:-8px;}
	.sub .contents .depth-title .txt {font-size:13px;}
	.sub .contents .depth-title .button-box {margin-top:20px;}

	.sub .contents .depth-tab {margin-bottom:30px;}	
	.sub .contents .depth-tab ul li {height:45px;}
	.sub .contents .depth-tab ul li span {font-size:13px;}

	.sub .contents .category-tab {height:40px;}
	.sub .contents .category-tab:after {border-top-width:5px;; border-left-width:4px;; border-right-width:4px;}
	.sub .contents .category-tab .current span {font-size:16px;}
	.sub .contents .category-tab ul {top:40px;}
	.sub .contents .category-tab ul li a {font-size:16px;}

	.sub .contents ol.linear {margin-top:-5px !important;}
	.sub .contents ol.linear li {margin-right:15px !important; margin-top:5px !important;}

	.about .contents .contents-area .conts-box .intro .intro-box {margin-bottom:60px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box {max-width:250px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box span:before {max-width:250px;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box h1 {font-size:22px;}
	.about .contents .contents-area .conts-box .intro .intro-box .txt-box .conts {font-size:13px;}
	.about .contents .contents-area .conts-box .intro .intro-box .img-box {max-width:300px;}
	.about .contents .contents-area .conts-box .intro .cont-box {padding:60px 0 200px 0;}
	.about .contents .contents-area .conts-box .intro .cont-box:after {width:100%; background-size:auto 180px; background-position:right 50% bottom;}	
	.about .contents .contents-area .conts-box .intro .cont-box ul li {margin-top:30px;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li span {margin-bottom:10px; font-size:18px; padding-left:30px; text-indent:-30px;}
	.about .contents .contents-area .conts-box .intro .cont-box ul li .conts {font-size:13px; padding-left:30px;}

	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box .icon {width:60px; height:60px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box h1 {font-size:18px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box ul li {margin-top:10px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(1) ul li {width:100%; display:block; margin-top:10px;}
	.about .contents .contents-area .conts-box .feature .feature-wrap .feature-box:nth-child(1) ul li:nth-child(1) {margin-top:0;}

	.book .contents .contents-area .conts-box .all ul li {margin-top:15px;}	
	.book .contents .contents-area .conts-box .all ul li > * {height:50px; font-size:12px;}
	/*.book .contents .contents-area .conts-box .all ul li .td {width:calc(100% - 25px);}*/
	.book .contents .contents-area .conts-box .all ul li .th:nth-child(1) {padding-left:40px;}
	.book .contents .contents-area .conts-box .all ul li .td:nth-child(1) {padding-left:0;}
	.book .contents .contents-area .conts-box .all ul li .td:nth-child(1) > span {display:block; width:calc(100% - 60px); padding:0 10px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.book .contents .contents-area .conts-box .all ul li .td:nth-child(1):before {width:20px;}
	.book .contents .contents-area .conts-box .all ul li .td .no {width:50px; height:50px; font-size:12px; left:-5px;}
	.book .contents .contents-area .conts-box .all ul li .td .no:before,
	.book .contents .contents-area .conts-box .all ul li .td .no:after {border-left:25px solid transparent; border-right:25px solid transparent; position:absolute;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(even) .td .no:before {border-bottom:25px solid #443816;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(even) .td .no:after {border-top:25px solid #443816;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(odd) .td .no:before {border-bottom:25px solid #6C5B2D;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(odd) .td .no:after {border-top:25px solid #6C5B2D;}
	.book .contents .contents-area .conts-box .all ul li:nth-child(odd) .td .no:after {border-top:30px solid #6C5B2D;}
	.book .contents .contents-area .conts-box .all .book-wrap {margin-top:-30px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box {width:calc((100% - 20px) / 2); margin-left:20px; margin-top:40px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box:nth-child(3n+1) {margin-left:20px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box:nth-child(2n+1) {margin-left:0;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts {margin-top:15px;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts span {font-size:12px; padding:5px 0;}
	.book .contents .contents-area .conts-box .all .book-wrap .book-box .conts em {font-size:16px; padding:12px 0;}

	.book .contents .contents-area .conts-box .detail .detail-box {margin-top:30px;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box span {font-size:18px;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box h1 {font-size:22px; margin:6px 0 15px 0;}
	.book .contents .contents-area .conts-box .detail .detail-box .txt-box .conts {font-size:13px;}

	.kmats .contents .contents-area .conts-box .introduce .intro-conts h3 {font-size:18px; margin-bottom:15px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul {margin-top:-10px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li {width:calc(((100% - 15px) / 2) - 1px); margin-left:15px; margin-top:10px; height:60px; border-radius:50px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .introduce .edu ul li:nth-child(even) {margin-left:15px;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li:nth-child(2n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .introduce .edu ul li span {font-size:14px;}
	.kmats .contents .contents-area .conts-box .introduce .edu .txt {margin-top:15px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box {padding:30px 0 50px 0;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt {margin-bottom:20px; padding-top:5px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span {font-size:14px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box .tlt span:before {width:16px; height:16px; left:-4px; top:-4px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap {padding-bottom:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul {margin-top:-30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li {width:calc(((100% - 20px) / 2) - 1px); margin-left:20px; min-height:160px; padding:15px; margin-top:30px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:before {right:-10px; bottom:-10px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(even) {margin-left:20px;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li:nth-child(2n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .introduce .class .class-wrap .class-box ul li h1 {font-size:15px; margin:5px 0 10px 0;}
	.kmats .contents .contents-area .conts-box .professor ul{margin-top:-30px;}
	.kmats .contents .contents-area .conts-box .professor ul li {width:calc(((100% - 20px) / 2) - 1px); margin-left:20px; margin-top:30px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(odd),
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(even) {margin-left:20px;}
	.kmats .contents .contents-area .conts-box .professor ul li:nth-child(2n+1) {margin-left:0;}
	.kmats .contents .contents-area .conts-box .professor ul li .conts h1 {font-size:14px; margin-bottom:3px;}
	.kmats .contents .contents-area .conts-box .professor ul li .conts span {font-size:11px;}

	.kmats .contents .contents-area .conts-box .intro-sns .depth-title {padding:30px 0;}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box {width:50%; padding:25px 8px;}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box:nth-child(3n+1) {border-left:1px solid #FFF9EB}
	.kmats .contents .contents-area .conts-box .intro-sns .sns-conts .sns-wrap .sns-box:nth-child(2n+1) {border-left:none;}

	.use .contents .contents-area .conts-box .section .use-conts .use-box {padding:30px 0;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1 {font-size:18px; padding-top:10px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box h1:before {width:30px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .txt {font-size:13px; margin-top:15px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .txt-box .button {margin-top:30px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box ul.dot li {padding-left:8px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box ul.dot li:before {width:3px; top:8px;}
	.use .contents .contents-area .conts-box .section .use-conts .use-box .conts {margin-top:30px;}

	.bible-use .contents .contents-area .conts-box .section .use-conts {padding-top:300px;}
	.bible-use .contents .contents-area .conts-box .section .use-conts:after {width:100%; height:100%; bottom:auto; top:0; background-position:center top; background-size:auto 260px;}
	.bible-use .contents .contents-area .conts-box .section .use-conts .use-box {margin-top:30px;}

	.library .contents .contents-area .conts-box .lib .title-box {margin-bottom:20px;}
	.library .contents .contents-area .conts-box .lib .title-box h1 {font-size:20px;}
	.library .contents .contents-area .conts-box .lib .title-box h2 {font-size:13px; margin-bottom:8px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box {margin-top:40px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li {padding:12px 0;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li > * {font-size:11px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .no {width:50px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .range {width:80px;}
	.library .contents .contents-area .conts-box .lib .conts-wrap .tb-box ul.tb li .subject {width:calc(100% - 130px);}

	.library .contents .contents-area .conts-box .reading .round-tab .current span {font-size:13px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts {padding:30px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts h1 {font-size:22px; margin-bottom:30px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl {margin-bottom:15px; margin-top:-8px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl > * {font-size:14px; margin-top:8px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dt {width:65px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts dl dd {width:calc(100% - 65px);}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .conts {font-size:13px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .button-box {margin-top:30px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box {height:250px;}
	.library .contents .contents-area .conts-box .reading .conts-wrap .tab-conts .login-box p {margin-bottom:15px; font-size:13px;}

	.product .contents .contents-area .product-view .section .product-info > * {width:100%;}
	.product .contents .contents-area .product-view .section .product-info .info-box {margin-top:30px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts {padding:20px 0;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt {display:block; text-align:center;}	
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt h1 {font-size:22px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt span {width:auto; font-size:13px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .tlt > *:first-child:nth-last-child(2) ~ * {width:100%; margin-top:10px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .sub-tlt {font-size:13px; margin-top:5px; text-align:center;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts dl > * {font-size:13px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .price {font-size:18px; text-align:center;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .price em {font-size:28px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .store {text-align:center; margin-top:20px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span {height:38px; margin:0 4px; margin-top:8px;}
	.product .contents .contents-area .product-view .section .product-info .info-box .conts .store span a {font-size:13px; padding:0 15px; line-height:38px;}
	.product .contents .contents-area .product-view .section .product-detail {margin-top:40px;}
	.product .contents .contents-area .product-view .section .product-detail .tlt {font-size:13px;}
	.product .contents .contents-area .product-view .section .product-detail .conts {padding:20px 0;}
	.product .contents .contents-area .product-view .section .product-detail .conts .video-box {margin-bottom:20px;}
	.product .contents .contents-area .product-view .section .product-detail .conts .explanation {font-size:13px; letter-spacing:-0.5px;}
	.product .contents .contents-area .product-view .section .product-detail .conts .explanation:before {height:80px;}
	.product .contents .contents-area .product-view .section .product-detail .conts .explanation > .wrap {height:150px;}
	.product .contents .contents-area .product-view .section .product-detail .button-box {margin-top:30px;}

	.member .contents .conts-area .login .login-box ul li {margin-top:5px;}
	.member .contents .conts-area .login .login-box .menu {margin-top:10px;}
	.member .contents .conts-area .login .login-box .menu .chk {width:100px;}
	.member .contents .conts-area .login .login-box .menu .chk .check-box p {font-size:12px;}
	.member .contents .conts-area .login .login-box .menu ol {width:calc(100% - 100px);}
	.member .contents .conts-area .login .login-box .menu ol li {margin-left:16px;}
	.member .contents .conts-area .login .login-box .menu ol li:before {left:-8px;}
	.member .contents .conts-area .login .login-box .menu ol li a {font-size:12px;}
	.member .contents .conts-area .login .login-box .button-box {margin-top:30px; padding-top:30px;}

	.member .contents .conts-area .join-result {height:420px;}
	.member .contents .conts-area .join-result .cont-box h1 {font-size:20px; padding-top:60px;}
	.member .contents .conts-area .join-result .cont-box h1:before {width:40px; height:40px;}
	.member .contents .conts-area .join-result .cont-box p {font-size:13px; margin:20px 0 40px 0;}

	.member .contents .conts-area .find {min-height:400px;}
	.member .contents .conts-area .find .find-box .txt {font-size:13px;}
	.member .contents .conts-area .find .find-box ul li {margin-top:5px;}
	.member .contents .conts-area .find .find-box ul li > * {margin-left:5px;}
	.member .contents .conts-area .find .find-box ul li.box-phone .select-box {width:65px;}
	.member .contents .conts-area .find .find-box ul li.box-phone [type=text] {width:calc(100% - 155px);}
	.member .contents .conts-area .find .find-box ul li.box-email [type=text] {width:calc(100% - 85px);}
	.member .contents .conts-area .find .find-box .result-box .txt-box {font-size:13px; padding-top:60px;}
	.member .contents .conts-area .find .find-box .result-box .txt-box:before {height:40px;}

	.conference .contents .contents-area .conts-box .conference-conts article {margin-top:40px;}
	.conference .contents .contents-area .conts-box .seminar-conts article {margin-top:40px;}

}