#quick {width:80px; height:375px; position:fixed; top:350px; right:30px; z-index:100000000000000;}
#quick .icon {width:80px; height:80px; cursor: pointer;  background-color:#868686; border-bottom:1px solid #787878;  text-align:center;}
#quick .icon img {padding:17px 0 5px 0;}
#quick .icon p{color:#fff; font-size:13px; }
#quick ul {width:100%; height:140px; background-color:#fff; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
#quick li {
	height:35px; width:100%; cursor: pointer;  text-align:center; 
	color:#000; font-size:12px; line-height:35px; border-bottom:1px solid #e7e7e7; font-weight:700; 
	letter-spacing:-1px;
}

#top {width:100%; height:50px; background-color:#4d4d4d;}
#top ul {width:1200px; margin:0 auto;}
#top .btn {float:left;}
#top .btn .btn_01 {float:left; width:130px; height:50px; border-right:1px solid #3a3a3a; border-left:1px solid #3a3a3a;  background: #fff url("/sub/img/btn_01_off.png") no-repeat center;  cursor: pointer; }
#top .btn .btn_01:hover {background: #fff url("/sub/img/btn_01_off.png") no-repeat center;}
#top .btn .btn_02 {float:left; width:130px; height:50px; border-right:1px solid #3a3a3a; background: #4d4d4d url("/sub/img/btn_02_off.png") no-repeat center; cursor: pointer; }
#top .btn .btn_02:hover {background: #fff url("/sub/img/btn_02_on.png") no-repeat center;}
#top .btn .btn_03 {float:left; width:130px; height:50px; border-right:1px solid #3a3a3a; background: #4d4d4d url("/sub/img/btn_03_off_n.png") no-repeat center; cursor: pointer; }
#top .btn .btn_03:hover {background: #fff url("/sub/img/btn_03_on_n.png") no-repeat center;}
#top .btn .btn_04 {float:left; width:130px; height:50px; border-right:1px solid #3a3a3a; background: #4d4d4d url("/sub/img/btn_04_off.png") no-repeat center; cursor: pointer; }
#top .btn .btn_04:hover {background: #fff url("/sub/img/btn_04_on.png") no-repeat center;}
#top .btn .btn_05 {float:left; width:130px; height:50px; border-right:1px solid #3a3a3a; background: #4d4d4d url("/sub/img/logo_ymedu_wh.png") no-repeat center; cursor: pointer; }
#top .btn .btn_05:hover {background: #fff url("/sub/img/logo_ymedu.png") no-repeat center;}

#top .login {float:right; line-height:50px;}
#top .login a {color:#fff;}
#top .login a:hover {color:#ddd;}
#top .login span {color:#777; margin:0 5px;}
#top:after {display:block;visibility:hidden;clear:both;content:""}


#head {width:1200px; height:150px; margin:0 auto; }
#head .logo {float:left; width:200px; height:150px; line-height:150px;}
#head .search {float:left; width:calc(100% - 400px); text-align:center; padding-top:50px; position:relative;}
#head .search .yt-ico{position:absolute; right:0; top:50%; transform:translateY(-50%);    text-align: right;}
#head .search .yt-ico img{width:70%; }
#head .search_area {width:510px; min-height:40px; border-bottom:2px solid #2c6ec7; margin:0 auto;}
#head .search_area .box {float:left; width:480px; height:35px; color:#2c6ec7; border:0;  font-family: 'NanumSquare', sans-serif; font-size:17px; font-weight: 700}
#head .search_area .go {float:left; width:26px;}
#head .keyword {width:510px; height:40px; margin:10px auto; font-size:13px; font-family: 'NanumSquare', sans-serif; text-align:center; font-weight: 400}
#head .keyword a {color:#545454;}
#head .keyword span {color:#bbb; margin:0 5px;}
#head .btn {float:left; width:200px; text-align:right; line-height:150px;}
#head .btn a {color:#111; font-family: 'NanumSquare', sans-serif; font-size:14px;  font-weight: 400; margin-left:10px;}
#head .btn .cart {float:right; margin:61px 0 0 10px; width:40px; height:30px; background: url("/sub/img/cart_bg.jpg") no-repeat center; line-height:10px; cursor: pointer; }
#head .btn .cart .no {text-align:center; margin:10px 0 0 20px; width:20px; height:20px; font-size:10px; line-height:20px; color:#fff; }
#head:after {display:block;visibility:hidden;clear:both;content:""}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#2c6ec7; 
}
::-moz-placeholder { /* Firefox 19+ */
  color:#2c6ec7; 
}
:-ms-input-placeholder { /* IE 10+ */
  color:#2c6ec7; 
}
:-moz-placeholder { /* Firefox 18- */
  color:#2c6ec7; 
}


#cate {width:100%; height:50px; background-color:#2c6ec7;}
#cate .area {width:1200px; margin:0 auto;}
#cate .m1 li {float:left; width:16.66%; height:49px; border-right:1px solid #568bd2; text-align:center; color:#fff; font-size:17px; font-weight: 700; font-family: 'NanumSquare', sans-serif;  line-height:50px;}
#cate .m1 li a {color:#fff; display:block;}
#cate .m1 .l {border-left:1px solid #568bd2;}

#cate .m2 {position:absolute; top:250px; left:0; width:100%; height:0px; background-color:#fafafa; border-bottom:1px solid #ddd; z-index:100000; overflow:hidden;}
#cate .m2 ul {width:1200px; margin:0 auto;}
#cate .m2 li {float:left; width:16.66%; height:400px; border-right:1px solid #ddd; text-align:center; padding:20px 0; background-color:#fff;}
#cate .m2 .l {border-left:1px solid #ddd;}
#cate .m2 li a {display:block; margin:6px 0; font-size:15px; color:#333;}
#cate .m2 li a:hover {color:#2c6ec7;}


#new_pop {
	position:absolute; top:320px; left:50%; margin-left:280px; width:315px; height:455px; 
	background: #fff url("/sub/img/new_pop_bg.jpg") top no-repeat;
	z-index:10000;
}
#new_pop .icon {width:100%; height:75px; text-align:right;}
#new_pop .icon img {margin-right:10px;}
#new_pop .book_list {width:180px; margin:10px auto; text-align:center; color:#777777; font-size:13px; font-family: 'NanumSquare', sans-serif;  }

.book_box {width:213px; height:450px; margin:0 auto; background:url('/sub/img/book_bg.jpg')top center no-repeat;  cursor: pointer; }
.book_box .book_bg {width:211px; height:303px; margin:1px;}
.book_box h2 {color:#2c2c2c; font-size:17px; font-weight:700; padding:20px 0 10px 0; font-family: 'NanumSquare', sans-serif;}
.book_box p {color:#2c6ec7; font-weight:700; padding-top:5px;}

.book_box_s {width:155px; height:320px; margin:0 auto; background:url('/sub/img/book_bg_s.jpg')top center no-repeat;  cursor: pointer; }
.book_box_s .book_bg {width:153px; height:220px; margin:1px;}
.book_box_s h2 {color:#2c2c2c; font-size:17px; font-weight:700; padding:20px 0 10px 0; font-family: 'NanumSquare', sans-serif;}
.book_box_s p {color:#2c6ec7; font-weight:700; padding-top:5px;}

#main_banner {width:1200px; margin:50px auto; overflow:hidden;l}
#main_banner .area {float:left; width:20%; cursor: pointer; }
#main_banner .area .img {float:left; width:80px;}
#main_banner .area .img img {width:65px;}
#main_banner .area .text {float:left; width:calc(100% - 80px); font-size:14px; font-weight:700; color:#bababa; line-height:20px;}
#main_banner .area .text p {color:#111; font-size:17px; font-family: 'NanumSquare', sans-serif;  padding:10px 0;}

#main_best {
	width:100%; 
	border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; 
	overflow:hidden; 
	padding:50px 0; background:url('/sub/img/best_bg.jpg')repeat;
}
#main_best .title {text-align:center; font-size:14px; color:#818181; font-weight:700; line-height:20px;}
#main_best .title p {color:#2c6ec7; font-size:25px; font-weight:900; font-family: 'NanumSquare', sans-serif;  padding:15px 0 10px 0;}
#main_best .list {width:1200px; margin:30px auto; text-align:center; color:#777777; font-size:13px; font-family: 'NanumSquare', sans-serif; }

#main_new {
	width:100%; 
	overflow:hidden; 
	padding:50px 0;
}
#main_new .title {text-align:center; font-size:14px; color:#818181; font-weight:700; line-height:20px;}
#main_new .title p {color:#2c6ec7; font-size:25px; font-weight:900; font-family: 'NanumSquare', sans-serif;  padding:15px 0 10px 0;}
#main_new .list {width:1200px; margin:30px auto; text-align:center; color:#777777; font-size:13px; font-family: 'NanumSquare', sans-serif; }

#main_board {
	width:100%; 
	border-top:1px solid #e3e3e3; 
	overflow:hidden; 
	padding:50px 0; background-color:#fafafa;
}

#main_board .area {width:1200px; margin:0 auto;}

#main_board .board_01 {float:left; width:588px; height:323px; padding:55px; margin:0 20px 20px 0; border:1px solid #ddd; background-color:#fff; cursor: pointer;}
#main_board .board_01 .icon {position:absolute; width:64px; height:62px; background:url('/sub/img/icon_re.png')no-repeat; z-index:10000; margin-top:-55px; margin-left:445px;}
#main_board .board_02 {float:left; width:588px; height:323px; padding:55px; margin:0 0 20px 0; border:1px solid #ddd; background-color:#fff; cursor: pointer;}
#main_board .board_02 .icon {position:absolute; width:64px; height:62px; background:url('/sub/img/icon_hit.png')no-repeat; z-index:10000; margin-top:-55px; margin-left:445px;}
#main_board .book_list {}
#main_board .img {float:left; width:155px; margin-right:40px;}
#main_board .info {float:left; width:calc(100% - 195px); color:#777; font-size:15px; line-height:23px;}
#main_board .info h2 {color:#2c2c2c; font-size:22px; font-weight:700;}
#main_board .info p {color:#aaa; font-size:17px; font-weight:700; padding:15px 0 15px 0;}

#main_board .board_03 {float:left; width:588px; height:218px; margin:0 20px 20px 0; border:1px solid #ddd; background-color:#fff; }
#main_board .board_03 .cs {
	float:left; width:50%; height:218px; text-align:center;
	color:#868686; font-size:13px; line-height:18px;
}
#main_board .board_03 .about {
	float:left; width:50%; height:218px; text-align:left; background:url('/sub/img/about_bg.jpg')center no-repeat;
	padding:25px; font-family: 'NanumSquare', sans-serif; font-size:16px; line-height:23px; color:#000;
	cursor: pointer; 
}
#main_board .board_03 .cs .t {font-size:20px; color:#000;  font-family: 'NanumSquare', sans-serif; font-weight:900; padding:35px 0 20px 0;}
#main_board .board_03 .cs .n {font-size:25px; color:#0961d6; font-family: 'NanumSquare', sans-serif; padding-bottom:12px;}
#main_board .board_03 .cs .m {font-size:13px; color:#000;  font-family: 'NanumSquare', sans-serif; padding-bottom:10px;}

#main_board .board_04 {float:left; width:590px; height:220px; margin:0 0 20px 0;}
#main_board .board_04 li {width:100%; height:220px; cursor: pointer; }

#main_board .board_05 {float:left; width:100%; height:200px; border:1px solid #ddd; background-color:#fff;margin-bottom:20px; }
#main_board .board_05 .left {float:left; width:50%;  height:200px; border-right:1px solid #e3e3e3; padding:25px 35px;}
#main_board .board_05 .right {float:left; width:calc(50% - 1px); height:200px; padding:25px 35px;}
#main_board .board_05 .title {font-size:14px; color:#a9a9a9;}
#main_board .board_05 .title b {color:#000; font-size:20px; font-weight:900; margin-right:5px;}
#main_board .board_05 .list {width:100%; height:100px; padding-top:15px;}
#main_board .board_05 .list li {padding-bottom:3px; overflow:hidden; cursor: pointer; }
#main_board .board_05 .list .subject {float:left; width:440px; font-size:15px; color:#777; font-weight:700;}
#main_board .board_05 .list .date {float:left; width:calc(100% - 440px); font-size:15px; color:#8bb2e5;}
#main_board .board_05:after{content:""; display:block; clear:both; }

#main_board .blog {width:100%; overflow:hidden; margin-top:20px;  border:1px solid #ddd; background-color:#fff;}
#main_board .blog:after{content:""; display:block; clear:both; }
#main_board .blog .img {float:left; width:130px; margin-right:30px;}
#main_board .blog .img img{height:100%; }
#main_board .blog .tt {float:left;  width:calc(100% - 160px); font-size:15px; color:#777; line-height:27px; }
#main_board .blog .tt p {color:#000; font-size:20px; font-family: 'NanumSquare', sans-serif; padding-bottom:12px; font-weight:700;}
#main_board .blog .tt  a {background-color:#fafafa; padding:7px 10px; border:1px solid #ddd; border-radius:3px; text-align:center; font-size:13px; color:#777;}
#main_board .blog .tt  a:hover {border:1px solid #222; color:#222;}
#main_board .blog .leftbox {float:left; width:calc(50% - 1px); padding:25px 35px 25px 25px;}
#main_board .blog .rightbox {float:left; width:50%;  padding:25px 0 0 35px; border-left: 1px dashed #ddd;}

#tail {width:1200px; margin:40px auto; overflow:hidden;}
#tail .copy {float:left; width:calc(100% - 220px); font-size:13px; line-height:23px; color:#a3a3a3;}
#tail .copy h2 {font-size:15px; color:#000; font-family: 'NanumSquare', sans-serif; padding-bottom:10px;}
#tail .copy span {color:#ccc; font-size:13px; margin:0 5px;}
#tail .copy p {font-size:11px; color:#b8b8b8; padding-top:10px;}
#tail .copy p b {color:#2a7ed3;}
#tail .family {float:left; width:220px;}
#tail .family select {width:100%; height:40px; border:1px solid #ddd; padding:0 5px;}


/* 서브페이지 - 상단이미지 */ 
#subvisual {position:relative;background-repeat:no-repeat; background-position:center; background-position:top;height:225px;}
#subvisual .inner {width:1000px; margin:0 auto;}
#subvisual .subject {font-family:impact;font-size:60px;color:#fff;font-weight:300;text-transform:uppercase;padding-top:50px;}
#subvisual .content {font-size:15px;color:#fff;padding-top:10px;}

/* 서브페이지 - 레이아웃 */ 
#container {display:block;position:relative;background:#fff}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container .container_inner {width:1200px;margin:0 auto;padding:50px 0;}
#container .sub_content { }

/* 서브페이지 - 타이틀 */ 
#container .sub_title {margin-top:0px; text-align:left;padding-bottom:50px;}
#container .sub_title p.subject {color:#111;font-size:32px;padding-bottom:10px;}
#container .sub_title p.content {color:#aaa;font-size:14px;}

/* 서브페이지 - 타이틀(회원) */ 
#container .member_title {text-align:center;margin-top:0px;}
#container .member_title p.icon {padding-bottom:30px;}
#container .member_title p.subject {font-size:63px;color:#111;font-weight:900;text-align:center;letter-spacing:-2px;padding-bottom:60px;}

/* 서브페이지 - 이용약관, 개인정보처리, 이메일무답수집거부 */ 
#container #sub_privacy { }
#container #sub_privacy .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container #sub_privacy .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify}

/* 기본 탭메뉴 */
.sub_tabmenu {display:table;border-collapse:collapse;width:100%;border-bottom:3px solid #3a3a3a;margin-bottom:30px;}
.sub_tabmenu ul {display:table-row;}
.sub_tabmenu ul li {display:table-cell;height:50px;line-height: 50px;text-align:center;border:1px solid #eaeaea;}
.sub_tabmenu ul li a {display: block;width:100%;height:100%; }
.sub_tabmenu ul li.on, .sub_tabmenu ul li.on a {color:#fff;background:#3a3a3a;border: 1px solid #3a3a3a !important;z-index:9999;}