@charset "utf-8";

@import url('/font/SCoreDream/SCoreDream.css');

body {min-width:340px;background:url('/intro/images/bg_intro.png') no-repeat center;background-size: cover;}

#container {padding:45px 0 95px 0;max-width:1110px;margin: auto;font-family:'SCoreDream';}

/* btn-more */
.btn-more{display:inline-block; display:block; position:absolute; padding-right:20px; background:url('/intro/images/bg_com_more.png') no-repeat center right; font-size:14px;}

/* Tab */
.tab-con {display: none;}
.tab-con.on {display: block;}

/* top_notice */
#top_notice{display:none;background:#2c8bc5;min-height:36px;}
#top_notice *{box-sizing:border-box;}
#top_notice.on {display:block}
#top_notice .img_area > a {display:block;}
#top_notice .img_area > a img {max-width:100%}
#top_notice .inner{position:relative;max-width:1240px;margin:0 auto;}
#top_notice .btn{display:inline-block;text-align:center;border:1px solid #fff;color:#fff;margin-top:1px;border-radius:5px;min-width:31px;height:24px;line-height:22px;padding:0 10px;position: absolute;right:0;top:0;}
#top_notice .btn_topmost_close{border:1px solid #295fb8;border-radius:50%;box-sizing:border-box;top:0;right:0;padding:10px;background:#c0e1ff url('/intro/images/btn_top_close.png') no-repeat center;width:22px;height:22px;transition:0.4s; vertical-align: middle;}
#top_notice .btn_topmost_close:hover{transform:rotate(180deg);}
#top_notice .action{position:absolute;right:15px;bottom:15px;font-size:12px;}
#top_notice .action .chk_today{bottom:0;right:25px;margin-right:5px;vertical-align:top;}
#top_notice .action .chk_today .txt{color: #fff; font-size: 12px;display: inline-block;margin:2px 0 0 0;vertical-align: middle;margin: 0px 0 0 5px;line-height: 1;}
#top_notice .action .chk_today input{margin-top:0;border:none !important;border-radius:0;width:17px;height:17px;vertical-align: middle;}
#top_notice.act{display:none;}

/* header */
header {max-width:1110px;margin: auto;position: relative;margin-bottom:50px;}
header h1 {background:url('/intro/images/img_bi.png') no-repeat center / 100%;width:233px;height:54px;text-indent:-9999px;}
header .noti {position: absolute;right:0;top:0;display: flex;justify-content: center;align-items: center;background:#ffeeb9;padding:0 40px;height:55px;border-radius: 100px;}
header .noti span {position: relative;display: inline-block;padding-left:50px;font-weight:500;font-size:23px;letter-spacing:-1px;}
header .noti span:after {width:29px;height:26px;display: block;content:"";position: absolute;left:0;top:0;bottom:0;margin: auto;background:url('/intro/images/ico_noti.png') no-repeat center left;}

/* mc-service-box*/
.mc-service-box{position: relative;min-height:595px;display:flex;align-items: stretch;justify-content:center;}
.mc-service-box > div{position: relative;padding:35px 45px 125px;flex:1;box-shadow: 2px 8px 10px rgba(0, 0, 0, 0.2);background:#fff;}
.mc-service-box > div .btn_go{position: absolute;bottom:40px;left:45px;right:45px;display:flex;align-items: center;justify-content: center;height:60px;border-radius:8px;font-size:20px;cursor:pointer;background-color:#ffc107;color:black;font-weight:500;}
.mc-service-box > div .mtit {position:relative;text-align:center;font-size:34px;font-weight:600;padding-top:70px;line-height:1;}
.mc-service-box > div .tit {display: inline-block;margin: auto;width:165px;height:50px;display: flex;justify-content: center;align-items: center;margin-top:50px;font-size:22px;font-weight:500;color:#fff;border-radius:30px;}
.mc-service-box > .search-box {border-radius:50px 10px 10px 50px;}
.mc-service-box > .search-box:after {content: "";position: absolute;top:-10px;right:44px;width:47px;height:52px;background:url('/intro/images/ico_book_mark.png') no-repeat center / 100%;}
.mc-service-box::after {right:5px;background: linear-gradient(to left, #8d8d8d12, transparent);border-radius: 0 50px 50px 0;}
.mc-service-box > .search-box .mtit {background:url('/intro/images/ico_home02.png') no-repeat top center;}
.mc-service-box > .search-box .tit {background: #4380bd;}
.mc-service-box > .search-box .service-links{background-color:#e8f1f8;min-height:190px;}
.mc-service-box > .search-box .btn_go{background-color:#333;color:#fff;}
.mc-service-box::before, 
.mc-service-box::after {content: "";position: absolute;top:0; bottom: 0; width:8px; z-index: 1; pointer-events: none; height:100%;}
.mc-service-box:before {left:-4px;background: linear-gradient(to left,#f0f0f0);border-radius: 50px 0 0 50px;}
.mc-service-box > .library-box {border-radius:10px 50px 50px 10px;}
.mc-service-box > .library-box .mtit {background:url('/intro/images/ico_home01.png') no-repeat top center;}
.mc-service-box > .library-box .tit {background: #f39336;}
.mc-service-box > .library-box .service-links {background-color:#fff1e4;min-height:273px;}
.mc-service-box .service-links {position: relative;margin-top:50px;padding:40px 25px 25px;border-radius:20px;display: flex;justify-content: center;align-items: center;}
.mc-service-box .service-links .tit {position: absolute;left:0;right:0;top:-25px;margin: auto;}
.mc-service-box .service-links .list{margin:-15px 0 0 -15px;border-radius:20px;;width:100%;}
.mc-service-box .service-links .list li {float: left;width: calc(100% / 2 - 15px); margin: 15px 0 0 15px;}
.mc-service-box .service-links .list li a {border: 1px solid #3f3e39;display: flex;align-items: center;justify-content: center;height:50px;border-radius: 5px;font-size:16px;font-weight:500;}

/* lib_cls_bo x*/
[class^="lib_cls_box"] {display:flex; width:56px; height:29px; padding:0 5px; border-radius:20px; color:#fff; text-align:center; line-height:33px; justify-content:center;align-items:center;font-size:13px;}
[class^="lib_cls_box"][class*="_box1"]{background:#0fc3c5;}
[class^="lib_cls_box"][class*="_box2"]{background:#87d25a;}
[class^="lib_cls_box"][class*="_box3"]{background:#d6d312;}
[class^="lib_cls_box"][class*="_box4"]{background:#ee8100;}
[class^="lib_cls_box"][class*="_box5"]{background:#da4c4c;}
[class^="lib_cls_box"][class*="_box6"]{background:#da597b;}
[class^="lib_cls_box"][class*="_box7"]{background:#de61b3;}
[class^="lib_cls_box"][class*="_box8"]{background:#ba5ed1;}
[class^="lib_cls_box"][class*="_box10"]{background:#6a60c7;}
[class^="lib_cls_box"][class*="_box11"]{background:#3ab395;}
[class^="lib_cls_box"][class*="_box12"]{background:#66b141;}
[class^="lib_cls_box"][class*="_box13"]{background:#72a3ec;}
[class^="lib_cls_box"][class*="_box14"]{background:#5f6f8e;}
[class^="lib_cls_box"][class*="_box15"]{background:#87d25a;}
[class^="lib_cls_box"][class*="_box16"]{background:#009554;}
[class^="lib_cls_box"][class*="_box17"]{background:#1b386d;}
[class^="lib_cls_box"][class*="_box18"]{background:#2dbee8;}
[class^="lib_cls_box"][class*="_box41"]{background:#ff6262;}
[class^="lib_cls_box"][class*="_box41"]{background:#ff5722;}
[class^="lib_cls_box"][class*="_box99"]{background:#587fee;}

/* mc-lb-box */
.mc-lb-box {position:relative;padding-top:60px;}
.mc-lb-box h2 {font-size:28px;font-weight:600;line-height:1;margin-bottom:30px;}
.mc-lb-box .library-news {position:relative;padding:30px 40px;overflow:hidden; border:4px solid #deecf4; border-radius:20px;background:#fff;}
.mc-lb-box .library-news .btn-more {position:absolute; top:38px; right:35px;}
.mc-lb-box .library-news .library-news-sel {position:absolute; z-index:2; top:30px; right:115px;}
.mc-lb-box .library-news .library-news-sel select {width:200px; height:40px; border:1px solid #d8d8d8; font-size:13px; vertical-align:top;padding:10px;}
.mc-lb-box .library-news .tab-con {position:static;}
.mc-lb-box .library-news .tab-menu ul {display:table; table-layout:fixed;}
.mc-lb-box .library-news .tab-menu ul > li {display:table-cell;}
.mc-lb-box .library-news .tab-menu ul > li + li {padding-left:10px;}
.mc-lb-box .library-news .tab-menu ul > li a {display:flex; position:relative; min-width:116px; height:42px; border-radius:20px; background:#d9e0e3; font-size:16px;justify-content:center;align-items:center;box-sizing:border-box;color:#9da1a4;font-weight:500;}
.mc-lb-box .library-news .tab-menu ul > li.on a {border:1px solid #2c8bc5; background:#fff; color:#2c8bc5;box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.mc-lb-box .library-news .book-board {margin-top:25px;}
.mc-lb-box .library-news .book-board ul {margin:-20px 0 0 -20px;}
.mc-lb-box .library-news .book-board ul li {float: left;width: calc(100% / 4 - 20px); margin: 20px 0 0 20px;}
.mc-lb-box .library-news .book-board ul li .txt {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size:15px;}
.mc-lb-box .library-news .book-board ul li a{display:flex;flex-direction: column;border: 1px solid #ddd;padding:15px 20px;position:relative;border-radius:10px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);color:#2c2c2c;font-size:15px;min-height:150px;}
.mc-lb-box .library-news .book-board ul li [class^="lib_cls_box"] {margin-bottom:10px;}
.mc-lb-box .library-news .book-board ul li a:hover .txt {text-decoration:underline;}
.mc-lb-box .library-news .book-board ul li .date {position: absolute;bottom:20px;display:inline-block;padding:2px 0 5px 25px;color:#868686;font-size:15px;background:url('/intro/images/ico_time.png') no-repeat top left;line-height:1;}
.mc-lb-box .library-news .book-board ul li.empty{text-align:center;padding: 50px 0;margin: auto;width: 100%;}
.mc-lb-box .library-news .book-board ul li.empty .txt{display:inline-block;width:auto;background:url('/intro/images/img_empty.gif') no-repeat left top;font-size:18px;padding-left:65px;height:49px;line-height:49px;color:#888;}

/* srch_area */
.srch_box{border-radius:30px;border:1px solid #cecece;width:100%;height:53px;margin:30px 0;}
.srch_area{position:relative;padding:5px 60px 5px 120px;height:52px;display: flex;align-items: center;}
.srch_area .select_ty,
.srch_area .input_ty{width:100%;border:none;border-bottom:1px solid transparent;font-size:16px;}
.srch_area placeholder {color:#bfbfbf;}
.srch_area .select_ty{position:absolute;left:5px;top:6px;width:115px;box-shadow: inset 0 0 0 5px #fff !important;border:none !important;}
.srch_area .btn_srch{position:absolute;right:17px;top:0;bottom:0;margin: auto;background:url('/intro/images/btn_sch.png') no-repeat center / 100%;width:30px;height:30px;font-size:0;}
.srch_area .stit {position:absolute;left:25px;padding:0 16px 0 0;font-size:16px;font-weight:500;}
.srch_area .stit:after{content: '';position: absolute;right:0;top:0;bottom:0;margin: auto;width:1px;height:27px;background:#000;}

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

	#container {padding:40px 15px 80px;}

	/* mc-service-box */
	.mc-service-box {min-height:auto;}
	.mc-service-box > div {padding:20px 20px 110px;}
	.mc-service-box > div .btn_go {left:20px;right:20px;bottom:30px;}

}

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

	#container {padding:30px 10px 50px;}

	/* header */
	header h1 {width:180px;height:35px;}
	header .noti span {font-size:14px;}

	/* mc-service-box */
	.mc-service-box > div .mtit {padding-top:50px;font-size:16px;background-size:35px !important}
	.mc-service-box > div .btn_go {font-size:16px;}
	.mc-service-box .service-links {padding:0 20px;}
	.mc-service-box .service-links .tit {height:45px;font-size:16px;}
	.mc-service-box .service-links .list li a {font-size:14px;letter-spacing:-1px;}

	/* srch_area */
	.srch_area .select_ty, .srch_area .input_ty {font-size:13px;}
	
	/* mc-lb-box */
	.mc-lb-box .library-news {padding:25px 20px;}
}

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

	/* top_notice */
	#top_notice {padding:10px 0;}
	#top_notice .inner .img_area img {max-width:100%}
	#top_notice .action {position: static;text-align: right;margin:10px 10px 0 0;}

	/* header */
	header {margin-bottom:25px;}
	header .noti {position: static;margin-top:20px;padding:5px 20px;}
	header .noti span {padding-left:35px;}

	/* mc-service-box */
	.mc-service-box  {display: block;padding:0;}
	.mc-service-box > div {border-radius: 20px !important;}
	.mc-service-box > div + div {margin-top:20px;}
	.mc-service-box > div .btn_go {height:55px;}
	.mc-service-box > .search-box:after {width:25px;height:30px;right:25px;top:-5px;}
	.mc-service-box .service-links {min-height:auto  !important;padding:45px 10px 30px;}
	.mc-service-box .service-links .tit {width:100%;}
	.mc-service-box .service-links .list {margin:-10px 0 0 -10px;}
	.mc-service-box .service-links .list li {    width: calc(100% / 2 - 10px);margin: 10px 0 0 10px;}
	.mc-service-box::before, .mc-service-box::after {background:none !important;}
	
	/* srch_area */
	.srch_area {padding:0 45px 0 95px;}
	.srch_area .stit {left:15px;font-size:13px;}
	.srch_area .btn_srch {width:20px;height:20px;}

	/* mc-lb-box */
	.mc-lb-box {padding-top:30px;}
	.mc-lb-box h2 {font-size:18px;margin-bottom:20px;}
	.mc-lb-box .library-news .book-board ul li {width: calc(100% / 2 - 20px);} 

	/* mc-lb-box */
	.mc-lb-box {padding-top:30px;}
	.mc-lb-box .library-news {padding:20px;margin-top:20px;}
	.mc-lb-box .library-news .tab-menu{margin-left:0;padding-right:35px;}
	.mc-lb-box .library-news .tab-menu ul{width:100%;}
	.mc-lb-box .library-news .tab-menu ul > li a{height:35px;line-height:35px;padding:0;font-size:15px;}
	.mc-lb-box .library-news .btn-more{top:20px;right:15px;width:35px;height:35px;font-size:0;padding:0;background-position:center;}
	.mc-lb-box .library-news .library-news-sel{margin-top:38px;position:absolute;right:auto;left:20px;right:20px;}
	.mc-lb-box .library-news .library-news-sel select{-webkit-appearance:none;width:100%;height:35px;font-size:12px;background:url('/intro/images/mb/bg_select.png') no-repeat 97% 50%;background-size:7px 6px;padding:3px 18px 4px 5px;}
	.mc-lb-box .library-news .tab-con{margin-top:50px;}
	.mc-lb-box .library-news .book-board {margin-top:65px;}
	.mc-lb-box .library-news .book-board ul li .txt {font-size:14px;}
	.mc-lb-box .library-news .book-board ul li .date {padding:3px 0 3px 25px;font-size:14px;}
	.mc-lb-box .library-news .book-board ul li.empty .txt{font-size:15px;}
}


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

	/* mc-service-box */
	.mc-service-box .service-links {padding: 35px 15px 20px;}
	.mc-service-box .service-links .list {margin:-10px 0 0 0;}
	.mc-service-box .service-links .list li  {width:100%;margin-left:0;}

}