@CHARSET "UTF-8";

.mb0{margin-bottom:0px !important}
.mb20{margin-bottom:20px !important}
.pb0{padding-bottom:0px !important}
.pt50{padding-top:50px !important}

#container{padding-top:100px;font-weight:normal;box-sizing:border-box;}
#container > .inner-section{padding:25px 30px 120px}
.page-title{min-height:80px;}
.page-title h2{text-align:center;font-size:30px;line-height:40px;font-weight:bold;letter-spacing:10px}
.page-title .sub-title{padding:15px 0;text-align:center;font-size:16px;line-height:24px;font-weight:bold}
.page-title .sub-text{padding:40px 0;text-align:center;font-size:16px;line-height:24px;}
.page-title .sub-text em{color:#D50037}
.page-title .path-list{display:none}

.form-section .input-list > li{margin-bottom:20px;}
.input-section{position:relative;}
.input-section .input-text{display:block;width:100%;height:60px;padding:0;font-size:16px;line-height:59px;background:none;border:0;border-bottom:1px solid #000;box-sizing:border-box;}
.input-section .input-text.error{border-color:#D50037}
.input-section .input-text:disabled{color:#000;font-weight:bold;border-color:#C4C4C4}
.input-section .input-text::-ms-clear{display:none}
.input-section .textarea{display:block;width:100%;height:44px;padding:10px 0;font-size:16px;line-height:24px;background:none;border:0;border-bottom:1px solid #000;box-sizing:border-box;overflow:hidden;resize:none;}

.input-section .validate-text{display:none;font-size:12px;line-height:18px;font-weight:bold;color:#D50037}
.input-section .valid-btn{position:absolute;right:0;bottom:18px;text-align:right;}
.input-section .valid-btn button{display:inline-block;padding:0 15px;margin-left:16px;height:24px;line-height:24px;font-size:12px;font-weight:bold;background:#E5E5E5;border:0;}
.input-section .valid-list{display:block;width:100%;padding-top:12px;text-align:right;}
.input-section .valid-list li{display:inline-block;margin-left:14px;}
.input-section .valid-check{display:inline-block;padding-left:14px;height:24px;line-height:24px;font-size:12px;font-weight:bold;color:#C4C4C4;background:url(/resources/img/common/icon_valid.png) no-repeat 0 center;background-size:10px auto}
.input-section .valid-check.check{color:#000;background-image:url(/resources/img/common/icon_valid_check.png)}
 
.btn-section{padding-top:30px;}
.btn-section .sub-link{padding-top:30px;text-align:center;}
.btn-section .sub-link li{display:inline-block;margin:0 10px;}
.btn-section .sub-link li a{font-size:16px;font-weight:bold;text-decoration:underline}

button.btn-black, a.btn-black{display:block;width:100%;height:50px;font-size:16px;color:#fff;font-weight:bold;line-height:50px;text-align:center;background:#000;border:0;}
button.btn-black-line, a.btn-black-line{display:block;width:100%;height:48px;font-size:16px;color:#000;font-weight:bold;line-height:50px;text-align:center;background:none;border:1px solid #000;box-sizing:border-box;}


.sub-info{padding:40px 0;text-align:center;font-size:16px;line-height:24px;}

@media all and (min-width:768px) {
	#container{min-height:100vh;padding-top:130px;}
	#container > .inner-section{width:1080px;margin:0 auto;padding:50px 0 200px;}
	.page-title{min-height:150px;}
	.page-title h2{font-size:40px;line-height:50px;}
	.page-title .sub-text{padding-bottom:60px;}
	.page-title .path-list{display:block;padding-top:25px;text-align:center;}
	.page-title .path-list li{display:inline-block;padding-right:20px;margin-right:10px;background:url(/resources/img/common/icon_page.png) no-repeat right center;background-size:12px auto;}
	.page-title .path-list li a{font-size:14px;line-height:20px;}
	.page-title .path-list li:last-child{padding-right:0;margin-right:0;background:none;}
	.page-title .path-list li:last-child a{color:#D50037;font-weight:bold;}
	
	.form-section{width:500px;margin:0 auto;}
	.btn-section.btn-center{text-align:center}
	.btn-section:after{content:"";clear:both;display:block;}
	.btn-section .btn-right{float:right;}
	.btn-section .sub-link{float:left;padding-top:18px;text-align:left;}
	.btn-section .sub-link li{margin:0 20px 0 0;}
	
	button.btn-black, a.btn-black{display:inline-block;width:auto;padding:0 60px;}
	button.btn-black-line, a.btn-black-line{display:inline-block;width:auto;padding:0 60px;}
}


.account-section .greet-section{padding:24px 0 20px;text-align:right;}
.account-section .greet-section .greet-text{margin-bottom:20px;font-size:24px;text-align:center;}
.account-section .greet-section .logout{font-size:16px;font-weight:bold;text-decoration:underline}
.account-section .menu-list li{margin-bottom:5px;}
.account-section .menu-list dl{position:relative;padding:23px 10px;background:#F4F4F4;}
.account-section .menu-list dl dt{font-size:20px;line-height:24px;font-weight:bold;letter-spacing:5px;}
.account-section .menu-list dl dd{position:absolute;right:10px;top:23px;}
.account-section .menu-list dl dd a{font-size:16px;line-height:24px;font-weight:bold;text-decoration:underline;}
@media all and (min-width:768px) {
	.account-section > .inner-section{width:500px;margin:0 auto;}
	.account-section .greet-section{position:relative;padding:34px 30px;border-top:1px solid #000;}
	.account-section .greet-section .greet-text{margin:0;padding-right:80px;text-align:left;}
	.account-section .greet-section .logout{position:absolute;right:30px;top:34px;line-height:24px;}
	.account-section .menu-list dl{padding:23px 30px;}
	.account-section .menu-list dl dd{right:30px}
}


.util-section{margin-bottom:10px;}
.util-section .total{font-size:14px;line-height:24px;font-weight:bold;}
.util-section .total em{color:#D50037}
.search-section{margin-bottom:30px;}
.search-section .search-input{position:relative;padding:0 40px;background:#E5E5E5;box-sizing:border-box;}
.search-section .search-input input[type=text]{width:100%;height:40px;line-height:40px;font-size:16px;background:none;border:0;outline:0;}
.search-section .search-input input[type=text]::-ms-clear{display:none}
.search-section .search-input .btn-search{position:absolute;left:10px;top:6px;width:28px;height:28px;font-size:0;background:url(/resources/img/common/icon_search.png) no-repeat 0 0;background-size:contain;border:0;}
.search-section .search-input .btn-clear{position:absolute;right:12px;top:12px;width:16px;height:16px;font-size:0;background:url(/resources/img/common/icon_clear.png) no-repeat 0 0;background-size:contain;border:0;}
.pagination-section{position:relative;padding-top:60px;text-align:center;}
.pagination-section .btn-prev{display:block;position:absolute;left:0;top:60px;width:20px;height:40px;padding:0;font-size:0;background:url(/resources/img/common/icon_page_prev.png) no-repeat 0 center;background-size:auto 20px;border:0;}
.pagination-section .btn-prev.none{background-image:url(/resources/img/common/icon_page_prev_none.png)}
.pagination-section .btn-next{display:block;position:absolute;right:0;top:60px;width:20px;height:40px;padding:0;font-size:0;background:url(/resources/img/common/icon_page_next.png) no-repeat right center;background-size:auto 20px;border:0;}
.pagination-section .btn-next.none{background-image:url(/resources/img/common/icon_page_next_none.png)}
.pagination-section .current{display:inline-block;width:40px;height:40px;font-size:14px;font-weight:bold;text-align:center;line-height:40px;background:#E5E5E5;vertical-align:top;}
.pagination-section .divide{display:inline-block;padding:0 10px;width:11px;height:40px;background:url(/resources/img/common/icon_page.png) no-repeat center center;background-size:12px auto}
.pagination-section .end{display:inline-block;height:40px;font-size:14px;line-height:40px;vertical-align:top;}
.detail-util{position:relative;margin-bottom:40px;padding:40px 0 64px;}
.detail-util .share-btn{text-align:center;}
.detail-util .share-btn li{display:inline-block;margin:0 25px;vertical-align:middle;}
.detail-util .share-btn li button{display:inline-block;padding:0;height:30px;background:no-repeat center center;background-size:contain;border:0}
.detail-util .share-btn li button.link{width:26px;background-image:url(/resources/img/common/icon_link.png);}
.detail-util .share-btn li button.facebook{width:17px;background-image:url(/resources/img/common/icon_facebook.png);}
.detail-util .share-btn li button.twitter{width:29px;background-image:url(/resources/img/common/icon_twitter.png);}
.detail-util .btn-prev{position:absolute;left:0;bottom:0;display:inline-block;padding-left:22px;height:24px;font-size:14px;line-height:24px;font-weight:bold;letter-spacing:5px;background:url(/resources/img/common/icon_page_prev.png) no-repeat 0 center;background-size:auto 20px;}
.detail-util .btn-prev.none{color:#C4C4C4;background-image:url(/resources/img/common/icon_page_prev_none.png)}
.detail-util .btn-next{position:absolute;right:0;bottom:0;display:inline-block;padding-right:22px;height:24px;font-size:14px;line-height:24px;font-weight:bold;letter-spacing:5px;background:url(/resources/img/common/icon_page_next.png) no-repeat right center;background-size:auto 20px;}
.detail-util .btn-next.none{color:#C4C4C4;background-image:url(/resources/img/common/icon_page_next_none.png)}
.box-content{padding:20px;background:#F4F4F4}
.box-content p{margin-bottom:25px;font-size:16px;line-height:24px;font-weight:bold;text-align:center;}
.box-content p.cs{margin:0;}
.box-content p.cs a{display:inline-block;padding-right:15px;vertical-align:top;}
.box-content p.text{margin-bottom:0;font-weight:normal;}
@media all and (min-width:768px) {
	.util-section{margin-bottom:15px;}
	.util-section:after{content:"";clear:both;display:block}
	.util-section .total{float:left;line-height:40px}
	.util-section .search-section{float:right;width:240px;margin-bottom:0}
	.pagination-section{width:310px;margin:0 auto;}
	.detail-util{padding:40px 0;width:800px;margin:0 auto 40px;}
	.detail-util .btn-prev,.detail-util .btn-next{bottom:40px;}
}

.board-section .list-section ul{border-top:1px solid #000;}
.board-section .list-section li{display:block;border-bottom:1px solid #000}
.board-section .list-section li .list-content{position:relative;padding:20px 10px 25px}
.board-section .list-section li.bg .list-content{background:#F4F4F4}
.board-section .list-section li .list-content .no{margin-bottom:10px;font-size:16px;line-height:24px;font-weight:bold}
.board-section .list-section li .list-content .no .notice{display:block;width:22px;height:22px;background:url(/resources/img/common/icon_notice.png) no-repeat center center;background-size:contain}
.board-section .list-section li .list-content .title{height:60px;line-height:30px;font-size:20px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.board-section .list-section li .list-content .date{position:absolute;right:10px;top:20px;text-align:right;font-size:16px;line-height:24px;font-weight:bold;letter-spacing:5px}
.board-section .list-section li .door-content dt{position:relative;padding:20px 10px;font-size:20px;line-height:30px;}
.board-section .list-section li .door-content dt:before{content:"Q.";display:block;margin-bottom:12px;font-size:16px;font-weight:bold;}
.board-section .list-section li .door-content dt:after{content:"";display:block;position:absolute;right:10px;top:20px;width:20px;height:12px;background:url(/resources/img/common/icon_door.png) no-repeat center center;background-size:contain;}
.board-section .list-section li .door-content dd{display:none;position:relative;padding:20px 10px;font-size:16px;line-height:24px;border-top:1px solid #000;}
.board-section .list-section li .door-content dd:before{content:"A.";display:block;margin-bottom:12px;font-size:16px;font-weight:bold;color:#D50037}
.board-section .list-section li .door-content.active{background:#F4F4F4}
.board-section .list-section li .door-content.active dt:after{transform:rotate(180deg)}
.board-section .list-section li .door-content.active dd{display:block;}
.board-section .post-section .post-title{padding:20px 10px;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;}
.board-section .post-section .post-title h4{margin-bottom:24px;font-size:20px;line-height:32px;font-weight:bold;}
.board-section .post-section .post-title .date{font-size:16px;color:#C4C4C4;font-weight:bold;letter-spacing:5px;}
.board-section .post-section .post-content{padding:40px 10px;border-bottom:1px solid #000;}
.board-section .post-section .file-section{padding:20px 0;border-bottom:1px solid #000}
.board-section .post-section .file-section .file-list li{margin-bottom:10px;}
.board-section .post-section .file-section .file-list li:last-child{margin-bottom:0;} 
.board-section .post-section .file-section .file-list li a{display:inline-block;padding-right:30px;font-size:16px;line-height:20px;font-weight:bold;text-decoration:underline;background:url(/resources/img/common/icon_download.png) no-repeat right center;background-size:18px auto}
.board-section .message-form{padding-top:50px;}
@media all and (min-width:768px) {
	.board-section .list-section li .list-content{width:100%;height:70px;display:table;table-layout:fixed;border-collapse:collapse;}
	.board-section .list-section li .list-content .no{display:table-cell;width:90px;height:70px;line-height:70px;vertical-align:middle;text-align:center;}
	.board-section .list-section li .list-content .no .notice{display:inline-block;vertical-align:middle;}
	.board-section .list-section li .list-content .title{display:table-cell;width:810px;height:70px;line-height:70px;vertical-align:middle;white-space:nowrap;}
	.board-section .list-section li .list-content .date{position:static;display:table-cell;width:180px;height:70px;line-height:70px;vertical-align:middle;text-align:center;box-sizing:border-box;}
	.board-section .list-section li .door-content dt{padding:22px 90px;}
	.board-section .list-section li .door-content dt:before{position:absolute;left:32px;top:22px;margin:0;}
	.board-section .list-section li .door-content dt:after{right:30px;top:30px;}
	.board-section .list-section li .door-content dd{padding:22px 90px;}
	.board-section .list-section li .door-content dd:before{position:absolute;left:32px;top:22px;margin:0;}
	.board-section .post-section .post-title{padding:20px 140px}
	.board-section .post-section .post-content{padding:40px 140px}
	.board-section .post-section .file-section .file-list{padding:0 140px;}
}
.board-section .card-section li{margin-bottom:40px;}
.board-section .card-section li dl{width:100%;}
.board-section .card-section li dl dt{margin-bottom:20px}
.board-section .card-section li dl dt img{display:block;width:100%;}
.board-section .card-section li dl dd h4{margin-bottom:20px;font-size:20px;font-weight:bold;line-height:32px;}
.board-section .card-section li dl dd .date{font-size:16px;font-weight:bold;color:#C4C4C4;letter-spacing:5px;}
@media all and (min-width:768px) {
	.board-section .card-section{margin:0 -15px;}
	.board-section .card-section ul{}
	.board-section .card-section ul li{width:370px;margin-bottom:70px;padding:0 15px;box-sizing:border-box}
}

.editor-content{}
.editor-content h4{margin:0;padding-bottom:30px;font-size:20px;line-height:32px;font-weight:bold;color:#000;}
.editor-content h5{margin:0;padding-bottom:10px;font-size:16px;line-height:24px;font-weight:bold;color:#000;}
.editor-content p{margin:0;padding-bottom:10px;font-size:16px;line-height:24px;color:#000;}
.editor-content h6{position:relative;margin:0;font-size:14px;line-height:20px;font-weight:bold;color:#C4C4C4}
.editor-content .note-editable a{color:#D50037;text-decoration:underline}
.editor-content b{font-weight:bold;}
.editor-content img{max-width:100%}
.editor-content iframe{max-width:100%}
.editor-content .video-iframe{position:relative;margin-bottom:25px;padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.editor-content .video-iframe iframe,
.editor-content .video-iframe object,
.editor-content .video-iframe embed{position:absolute; top:0; left:0; width:100%; height:100%;}


.program-section .category-section{margin-bottom:30px;}
.program-section .category-section ul{width:100%;}
.program-section .category-section ul:after{content:"";clear:both;display:block}
.program-section .category-section ul li{float:left;width:calc(30% - 8px);padding-right:8px;}
.program-section .category-section ul li:last-child{width:40%;padding-right:0;}
.program-section .category-section ul li a{display:block;height:35px;line-height:33px;font-size:16px;font-weight:bold;color:#D50037;border:1px solid #D50037;text-align:center;box-sizing:border-box;border-radius:17.5px;}
.program-section .category-section ul li.active a{color:#fff;background:#D50037}
.program-section .list-section ul{border-top:1px solid #000;}
.program-section .list-section li{display:block;padding-bottom:30px;border-bottom:1px solid #000;}
.program-section .list-section li .list-content{position:relative;}
.program-section .list-section li .list-content h4{margin-bottom:20px;padding:22px 10px;line-height:26px;font-size:20px;font-weight:bold;border-bottom:1px solid #C4C4C4;}
.program-section .list-section li .list-content h4 em{display:inline-block;height:26px;margin-right:10px;padding:0 15px;font-size:14px;font-weight:bold;color:#D50037;line-height:24px;border:1px solid #D50037;border-radius:13px;box-sizing:border-box;vertical-align:top;}
.program-section .list-section li .list-content dl{width:100%;margin-bottom:10px;display:table;table-layout:fixed;border-collapse:collapse;}
.program-section .list-section li .list-content dl dt{display:table-cell;width:78px;padding:0;padding-left:10px;font-size:16px;line-height:24px;font-weight:bold;}
.program-section .list-section li .list-content dl dd{display:table-cell;padding:0;padding-left:10px;font-size:16px;line-height:24px;}
.program-section .list-section li .list-content .apply-done{display:block;width:100%;height:50px;font-size:16px;color:#D50037;font-weight:bold;line-height:50px;text-align:center;background:#F4F4F4;border:0;}
.program-section .list-section li .list-content .apply-done:before{content:"";display:inline-block;margin-right:10px;width:10px;height:50px;background:url(/resources/img/common/icon_check.png) no-repeat center center;background-size:contain;vertical-align:top;}
.program-section .detail-section{position:relative;}
.program-section .detail-section h4{padding:22px 10px;line-height:26px;font-size:20px;font-weight:bold;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;}
.program-section .detail-section .class-content{padding:40px 10px;border-bottom:1px solid #000;}
.program-section .detail-section .class-content.noline{padding:40px 10px;border-bottom:0px solid #000;}
.program-section .detail-section .class-content img{max-width:100%}
.program-section .detail-section .video-iframe{position:relative;margin-bottom:40px;padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.program-section .detail-section .video-iframe iframe,
.program-section .detail-section .video-iframe object,
.program-section .detail-section .video-iframe embed{position:absolute; top:0; left:0; width:100%; height:100%;}
.program-section .detail-section dl{width:100%;margin-bottom:10px;display:table;table-layout:fixed;border-collapse:collapse;}
.program-section .detail-section dl dt{display:table-cell;width:78px;padding:0;font-size:16px;line-height:24px;font-weight:bold;}
.program-section .detail-section dl dd{display:table-cell;padding:0;font-size:16px;line-height:24px;}

.program-section .detail-section .course-title{position:relative;width:100%;padding:10px;padding-bottom:50px;margin-bottom:4px;background:#F4F4F4;border:1px solid #E5E5E5;box-sizing:border-box;}
.program-section .detail-section .course-title:after{content:"";clear:both;display:block}
.program-section .detail-section .course-title p{font-size:16px;line-height:24px;}
.program-section .detail-section .course-title p.no{float:left;width:50px;}
.program-section .detail-section .course-title p.title{float:left;width:calc(100% - 50px);font-weight:700;}
.program-section .detail-section .course-title p.title:before{content:"";display:inline-block;width:26px;height:26px;margin-right:8px;vertical-align:top;background:url(/resources/img/common/icon_play.png) no-repeat center center;background-size:contain;}
.program-section .detail-section .course-title p.state{position:absolute;left:60px;bottom:10px;}
.program-section .detail-section .course-title p.state em{display:inline-block;width:82px;height:26px;line-height:24px;font-size:14px;font-weight:700;color:#D50037;text-align:center;border:1px solid #D50037;border-radius:13px;box-sizing:border-box;}
.program-section .detail-section .course-title p.state em.ing{color:#fff;background:#D50037;}

.program-section .detail-section .course-list{padding:60px 0;margin-bottom:60px;}
.program-section .detail-section .course-list h5{margin-bottom:20px;padding-left:25px;font-size:16px;font-weight:700;background:url(/resources/img/common/icon_list.png) no-repeat 0 center;}
.program-section .detail-section .course-list li{position:relative;width:100%;padding:10px;padding-bottom:50px;margin-bottom:4px;background:#F4F4F4;border:1px solid #E5E5E5;box-sizing:border-box;}
.program-section .detail-section .course-list li:after{content:"";clear:both;display:block}
.program-section .detail-section .course-list li p{font-size:16px;line-height:24px;}
.program-section .detail-section .course-list li p.no{float:left;width:50px;}
.program-section .detail-section .course-list li p.title{float:left;width:calc(100% - 50px);}
.program-section .detail-section .course-list li p.state{position:absolute;left:60px;bottom:10px;}
.program-section .detail-section .course-list li p.state em{display:inline-block;width:82px;height:26px;line-height:24px;font-size:14px;font-weight:700;color:#D50037;text-align:center;border:1px solid #D50037;border-radius:13px;box-sizing:border-box;}
.program-section .detail-section .course-list li p.state em.ing{color:#fff;background:#D50037;}
.program-section .detail-section .course-list li p.state em.end{color:#9B9B9B;background:#E5E5E5;border-color:#E5E5E5}
.program-section .detail-section .course-list li.END p{color:#9B9B9B}
.program-section .detail-section .course-list li.ING p.title{font-weight:700;} 
.program-section .detail-section .course-list li.ING p.title:before{content:"";display:inline-block;width:26px;height:26px;margin-right:8px;vertical-align:top;background:url(/resources/img/common/icon_play.png) no-repeat center center;background-size:contain;}


@media all and (min-width:768px) {
	.program-section .category-section ul{text-align:center}
	.program-section .category-section ul li{float:none;display:inline-block;width:auto;margin:0 6px;padding:0}
	.program-section .category-section ul li:last-child{width:auto;}
	.program-section .category-section ul li a{display:inline-block;padding:0 30px;}
	.program-section .detail-section .class-content{padding:40px 140px;}
	.program-section .detail-section .class-content.noline{padding:40px 140px;}
	.program-section .list-section li{padding:0;}
	.program-section .list-section li .list-content{padding:30px;}
	.program-section .list-section li .list-content h4{width:810px;padding:0 0 20px 0;border-top:0;}
	.program-section .list-section li .list-content .btn-section{position:absolute;right:30px;top:0;}
	.program-section .list-section li .list-content .btn-section a,
	.program-section .list-section li .list-content .btn-section .apply-done{display:block;width:180px;padding:0;}
	.program-section .list-section li .list-content .apply-done{display:inline-block;width:auto;padding:0 60px;}
	
	.program-section .detail-section .course-title{display:table;width:100%;padding:0;table-layout:fixed;border-collapse:collapse;}
	.program-section .detail-section .course-title:after{display:none}
	.program-section .detail-section .course-title p{display:table-cell;width:60px;padding:9px 0;line-height:26px;text-align:center;vertical-align:top;box-sizing:border-box;}
	.program-section .detail-section .course-title p.no{float:none;width:60px;}
	.program-section .detail-section .course-title p.title{float:none;width:calc(100% - 180px);text-align:left;}
	.program-section .detail-section .course-title p.state{position:static;width:120px;}
	
	.program-section .detail-section .course-list{margin-bottom:30px;border-bottom:1px solid #000; }
	.program-section .detail-section .course-list li{display:table;width:100%;padding:0;table-layout:fixed;border-collapse:collapse;}
	.program-section .detail-section .course-list li:after{display:none}
	.program-section .detail-section .course-list li p{display:table-cell;width:60px;padding:9px 0;line-height:26px;text-align:center;vertical-align:top;box-sizing:border-box;}
	.program-section .detail-section .course-list li p.no{float:none;width:60px;}
	.program-section .detail-section .course-list li p.title{float:none;width:calc(100% - 180px);text-align:left;}
	.program-section .detail-section .course-list li p.state{position:static;width:120px;}
	
	
}


.about-section{padding:25px 0 120px}
.about-section .about-klao{margin-bottom:160px;}
.about-section .about-klao .klao-logo{margin-bottom:60px;padding:60px;text-align:center;background:#f4f4f4}
.about-section .about-klao .klao-logo img{height:130px;}
.about-section .about-klao .text{padding:0 30px;font-weight:bold;font-size:20px;line-height:32px;text-align:center;}
.about-section .title-section{margin-bottom:50px;text-align:center;}
.about-section .title-section h3{margin-bottom:10px;letter-spacing:2px;font-size:32px;font-weight:bold;}
.about-section .title-section h4{font-size:18px;line-height:32px;font-weight:bold;}
.about-section .business-list{margin-bottom:160px;}
.about-section .business-list ul li{margin-bottom:50px;}
.about-section .business-list ul li:last-child{margin-bottom:0;}
.about-section .business-info .img{margin-bottom:20px;}
.about-section .business-info .img img{display:block;width:100%;}
.about-section .business-info .info .gray{padding:0 30px;margin-bottom:10px;font-size:55px;line-height:62px;color:#f4f4f4;font-weight:900;}
.about-section .business-info .info dl dt{padding:0 30px 25px;font-size:24px;font-weight:bold;line-height:32px;border-bottom:1px solid #000}
.about-section .business-info .info dl dd{padding:30px 30px 0;}
.about-section .business-info .info dl dd p{margin-bottom:8px;font-size:18px;line-height:26px;}
.about-section .process{margin-bottom:160px;}
.about-section .process .img{padding:0 30px;text-align:center;}
.about-section .process .img img{height:315px;}
.about-section .process .img img.pc{display:none}
.about-section .partnership .partner-list li{margin-bottom:20px;text-align:center;}
.about-section .partnership .partner-list li img{height:110px}
.association-section .group-list{border-top:1px solid #000}
.association-section .group-list > li{padding-bottom:10px;border-bottom:1px solid #000;}
.association-section .group-section h4{padding:20px 10px;line-height:26px;font-size:20px;font-weight:bold;border-bottom:1px solid #C4C4C4;}
.association-section .group-section ul{padding-top:10px;}
.association-section .group-section ul li{margin-bottom:10px;}
.association-section .group-section dl{padding:0 10px;}
.association-section .group-section dl dt{margin-bottom:5px;font-size:16px;line-height:24px;font-weight:bold;}
.association-section .group-section dl dd{font-size:16px;line-height:24px;}
@media all and (min-width:768px) {
	.about-section{padding:50px 0 200px}
	.about-section > .inner-section{width:1080px;margin:0 auto;padding:50px 0 200px;}
	.about-section .about-klao .text{width:1080px;margin:0 auto;box-sizing:border-box;}
	.about-section .business-list li{margin-bottom:60px;}
	.about-section .business-info:after{content:"";clear:both;display:block;}
	.about-section .business-info .img{float:left;width:540px;margin:0;}
	.about-section .business-info .info{float:right;width:540px;}
	.about-section .business-info.right .img{float:right;}
	.about-section .business-info.right .info{float:left;}
	.about-section .business-info .info .gray{margin-bottom:30px;font-size:80px;}
	.about-section .business-info .info dl dt{padding-bottom:35px;}
	.about-section .business-info .info dl dd{padding-top:35px;}
	.about-section .business-info .info dl dd p{margin-bottom:15px;}
	.about-section .process .img img{height:270px;}
	.about-section .process .img img.pc{display:block}
	.about-section .process .img img.mb{display:none}
	.about-section .partnership .partner-list:after{content:"";clear:both;display:block}
	.about-section .partnership .partner-list li{float:left;width:30%;display:block;margin:0;text-align:center}
	.about-section .partnership .partner-list li:first-child{width:20%;text-align:left;}
	.about-section .partnership .partner-list li:last-child{width:20%;text-align:right;}
	
	.association-section .group-list > li{padding:30px;margin-bottom:0;}
	.association-section .group-section h4{padding:0 10px 20px}
	.association-section .group-section dl{width:100%;display:table;table-layout:fixed;border-collapse:collapse;}
	.association-section .group-section dl dt{display:table-cell;width:178px;padding:0;padding-left:10px;font-size:16px;line-height:24px;font-weight:bold;}
	.association-section .group-section dl dd{display:table-cell;padding:0;padding-left:10px;font-size:16px;line-height:24px;}
	
	
}

/* 20230410 location */
.about-section.location .about-klao .klao-logo{padding: 45px;}
.about-section.location .about-klao .klao-logo img{max-width: 250px; height: auto;}
.about-section.location .list-content{display: flex; flex-direction: column-reverse;}
.about-section.location>.inner-section{padding: 0px; margin: 0 30px; border-top: 3px solid black; box-sizing: border-box;}
.about-section.location>.inner-section dl{display: block;}
.about-section.location>.inner-section dl dt{width: 100%; font-size: 24px; font-weight: bold; box-sizing: border-box; border-bottom: 1px solid black; line-height: 92px;}
.about-section.location>.inner-section dl dd{width: 100%; font-size: 18px; border-bottom: 1px solid black; padding: 24px 0px; box-sizing: border-box;}
.about-section.location>.inner-section dl:first-of-type dd{width: 100%; font-size: 18px; border-bottom: 1px solid black; box-sizing: border-box; padding: 30px 0px; box-sizing: border-box;}
.about-section.location>.inner-section dl:nth-of-type(2) dd{padding-right: 100px;}
.about-section.location>.inner-section dl dd b{font-weight: bold; margin-right: 20px;}

.about-section.location iframe{width: 100%; height: 500px; margin-top: 120px;}

@media all and (min-width:768px) {
	.about-section.location .about-klao{margin-bottom: 100px;}
	.about-section.location .about-klao .klao-logo img{max-width: 450px;}
	.about-section.location .about-klao .text{padding: 0px;}

	.about-section.location>.inner-section{margin: auto;}
	.about-section.location .list-content{display: block;}
	.about-section.location>.inner-section dl:first-of-type{display: flex; height: 212px;}
	.about-section.location>.inner-section dl{display: flex; height: 112px;}
	.about-section.location>.inner-section dl dt{width: 230px; text-align: center; font-size: 24px; font-weight: bold; margin-right: 20px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid black; line-height: 110px;}
	.about-section.location>.inner-section dl:first-of-type dt{line-height: 210px;}
	.about-section.location>.inner-section dl dd{width: 100%; font-size: 18px; border-bottom: 1px solid black; padding: 45px 0px; box-sizing: border-box;}
	.about-section.location>.inner-section dl:first-of-type dd{width: 100%; font-size: 18px; border-bottom: 1px solid black; box-sizing: border-box; padding: 60px 0px; box-sizing: border-box;}
	.about-section.location>.inner-section dl dd b{font-weight: bold; margin-right: 20px;}

	.about-section.location iframe{width: 100%; height: 709px; margin-top: 100px;}
}

/* 20230410 CCLAB*/
.about-section.cclab .pc_br{display: none;}

.about-section.cclab .about-klao .klao-logo img{max-width: 250px; height: auto;}
.about-section.cclab h4{font-size: 32px; font-weight: bold; margin-top: 52px; padding: 0 0 30px 20px;}

.about-section.cclab .slider_wrap{display: block; border-top: 1px solid black; padding-top: 27px;}
.about-section.cclab .slider_wrap .slider_box{margin-bottom: 80px;}
/* .about-section.cclab .slider_wrap .slider_box .slider li{height: 350px; overflow: hidden;} */
/* .about-section.cclab .slider_wrap .slider_box .slider li img{height: 100%; width: auto;} */
.about-section.cclab .slider_wrap .slider_box .slider li img{width: 100%;}
.about-section.cclab .slider_wrap .slider_box ul li{font-size: 16px; margin-left: 20px; line-height: 24px;}
.about-section.cclab .slider_wrap .slider_box ul li b{font-size: 24px; font-weight: bold; margin-top: 30px; display: block; margin-bottom: 13px;}
.about-section.cclab .slider_wrap .slider_box ul li::before{content: ''; width: 4px; height: 4px; background-color: black; border-radius: 2px; display: inline-block; position: relative; top: -5px; left: -20px;}
.about-section.cclab .slider_wrap .slider_box ul li:first-of-type,
.about-section.cclab .slider_wrap .slider_box ul li:nth-of-type(2){margin-left: 0;}
.about-section.cclab .slider_wrap .slider_box ul li:first-of-type::before,
.about-section.cclab .slider_wrap .slider_box ul li:nth-of-type(2)::before{display: none;}
.about-section.cclab .slider_wrap .slider_box ul li:nth-of-type(2){margin-bottom: 25px;}
.about-section.cclab .slider_wrap .slider_box ul:last-of-type{padding: 0 30px; box-sizing: border-box;}

.about-section.cclab .slick-prev::before,.about-section.cclab .slick-next::before{content: ''; width: 24px; height: 50px; display: block; background: url(/resources/img/page/icon_slick.png) no-repeat;  opacity: 1; background-position: center;}
.about-section.cclab .slick-next::before{transform: rotate(180deg);}
.about-section.cclab .slick-prev{z-index: 4; left: 0; width: 24px; height: 50px; background-color: #fff;}
.about-section.cclab .slick-next{z-index: 4; right: 0px; width: 24px; height: 50px; background-color: #fff;}
.about-section.cclab .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background-color: #fff;}

@media all and (min-width:768px) {
	.about-section.cclab  .pc_br{display: block;}
	.about-section.cclab .about-klao .klao-logo img{max-width: 450px;}
	.about-section.cclab .about-klao .text{padding: 0px;}
	.about-section.cclab h4{margin-top: 80px;}
	.about-section.cclab h4:first-of-type{margin-top: 0px;}
	.about-section.cclab .slider_wrap{display: flex; justify-content: space-between; }
	.about-section.cclab .slider_wrap .slider_box{width: 530px; margin-bottom: 0px;}
	.about-section.cclab .slider_wrap .slider_box .slider li{height: 350px; overflow: hidden;}
	.about-section.cclab .slider_wrap .slider_box .slider li img{width: 100%; height: auto;}
	.about-section.cclab .slider_wrap .slider_box ul li{font-size: 16px; position: relative; margin-left: 20px; line-height: 25px;}
	.about-section.cclab .slider_wrap .slider_box ul li::before{content: ''; width: 4px; height: 4px; background-color: black; border-radius: 2px; display: inline-block; position: relative; top: -5px; left: -20px;}
	.about-section.cclab .slider_wrap .slider_box ul li:first-of-type, .about-section.cclab .slider_wrap .slider_box ul li:nth-of-type(2){margin-left: 0;}
	.about-section.cclab .slider_wrap .slider_box ul li:first-of-type::before, .about-section.cclab .slider_wrap .slider_box ul li:nth-of-type(2)::before{display: none;}
	.about-section.cclab .slider_wrap .slider_box ul li:nth-of-type(2){margin-bottom: 25px;}
	.about-section.cclab .slider_wrap .slider_box ul li b{font-size: 20px; margin-top: 15px; margin-bottom: 10px;}
}