@charset "utf-8";

*{padding:0; margin:0;}
html{height:100%; font-family: sans-serif; font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{width:100%; min-height:100%; height:100%;font-size:16px;font-family:'Nanum Gothic', 나눔고딕, Dotum, Sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template{display: none;}
a{background-color: transparent; text-decoration:none; color:#fff;}
a:active, a:hover{outline: 0;}
a:hover{color:#fff;}
li{list-style:none;}
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: bold;}
dfn{font-style: italic;}
h1{font-size: 2em; margin:0;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border: 0; width:100%;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre{overflow: auto;}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}
.hide{height:0; font: 0/0 a; text-shadow: none; color: transparent; overflow:hidden;} 
.cboth{height:0; font: 0/0 a; text-shadow: none; color: transparent; overflow:hidden; clear:both;} 
em{font-style:normal;}
ul#image-gallery{display:none;}

.Pcon{display:none;}
.Lcon{width:100%;position:relative;}
.header{width:100%;height:65px;background:#30303a;text-align:center;position:relative;z-index:99999;opacity:1;}
.header img{width:auto;height:65px;}

/*slide btn*/
	.bookWrap .bookBtn{text-align:center;margin-top:30px;padding-bottom:60px;position:relative;font-weight:bold;}
	.bookWrap a{display:inline-block;border-radius: 0.7em;height:35px;line-height:35px;width:55.55555%;box-sizing:border-box;font-size:1.188em;}
	
	.book1 .bookBtn a:nth-child(1){background:#fa741a;margin-bottom:10px;}
	.book1 .bookBtn a:nth-child(2){background:#faa61a;}

	.book2 .bookBtn a:nth-child(1){background:#007dcd;margin-bottom:10px;}
	.book2 .bookBtn a:nth-child(2){background:#00b4cd;}

	.book3 .bookBtn a:nth-child(1){background:#c13761;margin-bottom:10px;}
	.book3 .bookBtn a:nth-child(2){background:#db57a0;}

	.book4 .bookBtn a:nth-child(1){background:#1b9d77;margin-bottom:10px;}
	.book4 .bookBtn a:nth-child(2){background:#2f9f49;}

	.book5 .bookBtn a:nth-child(1){background:#5258a0;margin-bottom:10px;}
	.book5 .bookBtn a:nth-child(2){background:#8f52a0;}

	.book6 .bookBtn a:nth-child(1){background:#469dcf;margin-bottom:10px;}
	.book6 .bookBtn a:nth-child(2){background:#007dc5;}

	.book7 .bookBtn a:nth-child(1){background:#e55b8a;margin-bottom:10px;}
	.book7 .bookBtn a:nth-child(2){background:#b21d5e;}

	.book8 .bookBtn a:nth-child(1){background:#4db84f;margin-bottom:10px;}
	.book8 .bookBtn a:nth-child(2){background:#117931;}

	.book9 .bookBtn a:nth-child(1){background:#5f79b1;margin-bottom:10px;}
	.book9 .bookBtn a:nth-child(2){background:#2b4e98;}

	.book10 .bookBtn a:nth-child(1){background:#d1733b;margin-bottom:10px;}
	.book10 .bookBtn a:nth-child(2){background:#a84510;}


ul#slide_banner{height:100%;}
#slide_banner li{width:100%;padding-bottom:80px;margin:0 auto;text-align:center;padding-top:30px;}
#slide_banner li.li01{background:url(../img/30_bg.jpg) no-repeat top center;background-size:cover;}
#slide_banner li.li02{background:url(../img/50_bg.jpg) no-repeat top center;background-size:cover;}
#slide_banner li.li03{background:url(../img/80_bg.jpg) no-repeat top center;background-size:cover;}
#slide_banner li.li04{background:url(../img/120_bg.jpg) no-repeat top center;background-size:cover;}
#slide_banner li.li05{background:url(../img/180_bg.jpg) no-repeat top center;background-size:cover;}

#slide_banner li.li01 .bookWrap, #slide_banner li.li02 .bookWrap,
#slide_banner li.li03 .bookWrap, #slide_banner li.li04 .bookWrap,
#slide_banner li.li05 .bookWrap
{width:21.5%;display:inline-block;}
#slide_banner li .bookBtn{margin-top:10px;}
#slide_banner li a{display:inline-block;border-radius: 0.7em;width:90%;height:35px;line-height:35px;font-size:0.95em;font-weight:bold;}

p.footer{position:absolute;bottom:10px;color:#ccc;font-size:0.8em;width:100%;text-align:center;}

.sub_book{margin-top:50px;}
.sub_book img{width:auto;height:35px;}


/*sub*/
.home{margin-left:10px;display:inline-block;font-size:0;}
.unit30 .st{background:url(../img/tit30_st.png) no-repeat;background-size:cover;}
.unit30 .wn{background:url(../img/tit30_wn.png) no-repeat;background-size:cover;}
.unit30 .b1{background:url(../img/num30_1.png) no-repeat;background-size:cover;}
.unit30 .b2{background:url(../img/num30_2.png) no-repeat;background-size:cover;}
.unit40 .st{background:url(../img/tit40_st.png) no-repeat;background-size:cover;}
.unit40 .wn{background:url(../img/tit40_wn.png) no-repeat;background-size:cover;}
.unit40 .b1{background:url(../img/num40_1.png) no-repeat;background-size:cover;}
.unit40 .b2{background:url(../img/num40_2.png) no-repeat;background-size:cover;}
.unit50 .st{background:url(../img/tit50_st.png) no-repeat;background-size:cover;}
.unit50 .wn{background:url(../img/tit50_wn.png) no-repeat;background-size:cover;}
.unit50 .b1{background:url(../img/num50_1.png) no-repeat;background-size:cover;}
.unit50 .b2{background:url(../img/num50_2.png) no-repeat;background-size:cover;}
.unit60 .st{background:url(../img/tit60_st.png) no-repeat;background-size:cover;}
.unit60 .wn{background:url(../img/tit60_wn.png) no-repeat;background-size:cover;}
.unit60 .b1{background:url(../img/num60_1.png) no-repeat;background-size:cover;}
.unit60 .b2{background:url(../img/num60_2.png) no-repeat;background-size:cover;}
.unit80 .st{background:url(../img/tit80_st.png) no-repeat;background-size:cover;}
.unit80 .wn{background:url(../img/tit80_wn.png) no-repeat;background-size:cover;}
.unit80 .b1{background:url(../img/num80_1.png) no-repeat;background-size:cover;}
.unit80 .b2{background:url(../img/num80_2.png) no-repeat;background-size:cover;}
.unit100 .st{background:url(../img/tit100_st.png) no-repeat;background-size:cover;}
.unit100 .wn{background:url(../img/tit100_wn.png) no-repeat;background-size:cover;}
.unit100 .b1{background:url(../img/num100_1.png) no-repeat;background-size:cover;}
.unit100 .b2{background:url(../img/num100_2.png) no-repeat;background-size:cover;}
.unit120 .st{background:url(../img/tit120_st.png) no-repeat;background-size:cover;}
.unit120 .wn{background:url(../img/tit120_wn.png) no-repeat;background-size:cover;}
.unit120 .b1{background:url(../img/num120_1.png) no-repeat;background-size:cover;}
.unit120 .b2{background:url(../img/num120_2.png) no-repeat;background-size:cover;}
.unit150 .st{background:url(../img/tit150_st.png) no-repeat;background-size:cover;}
.unit150 .wn{background:url(../img/tit150_wn.png) no-repeat;background-size:cover;}
.unit150 .b1{background:url(../img/num150_1.png) no-repeat;background-size:cover;}
.unit150 .b2{background:url(../img/num150_2.png) no-repeat;background-size:cover;}
.unit180 .st{background:url(../img/tit180_st.png) no-repeat;background-size:cover;}
.unit180 .wn{background:url(../img/tit180_wn.png) no-repeat;background-size:cover;}
.unit180 .b1{background:url(../img/num180_1.png) no-repeat;background-size:cover;}
.unit180 .b2{background:url(../img/num180_2.png) no-repeat;background-size:cover;}
.unit210 .st{background:url(../img/tit210_st.png) no-repeat;background-size:cover;}
.unit210 .wn{background:url(../img/tit210_wn.png) no-repeat;background-size:cover;}
.unit210 .b1{background:url(../img/num210_1.png) no-repeat;background-size:cover;}
.unit210 .b2{background:url(../img/num210_2.png) no-repeat;background-size:cover;}

/*210208 ebook추가*/
.bookTit_e .ebook{position:absolute;right:10px;}
.bookTit_e .bookNum{margin-right:0 !important;}
.unit30 .bookTit_e .st, .unit30 .bookTit_e .wn,
.unit40 .bookTit_e .st, .unit40 .bookTit_e .wn,
.unit50 .bookTit_e .st, .unit50 .bookTit_e .wn,
.unit60 .bookTit_e .st, .unit60 .bookTit_e .wn,
.unit80 .bookTit_e .st, .unit80 .bookTit_e .wn,
.unit100 .bookTit_e .st, .unit100 .bookTit_e .wn,
.unit120 .bookTit_e .st, .unit120 .bookTit_e .wn,
.unit150 .bookTit_e .st, .unit150 .bookTit_e .wn,
.unit180 .bookTit_e .st, .unit180 .bookTit_e .wn,
.unit210 .bookTit_e .st, .unit210 .bookTit_e .wn{position:relative;}
.unit30 .bookTit_e .st .b1, .unit30 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num30_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit30 .bookTit_e .st .b2, .unit30 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num30_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit40 .bookTit_e .st .b1, .unit40 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num40_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit40 .bookTit_e .st .b2, .unit40 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num40_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit50 .bookTit_e .st .b1, .unit50 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num50_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit50 .bookTit_e .st .b2, .unit50 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num50_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit60 .bookTit_e .st .b1, .unit60 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num60_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit60 .bookTit_e .st .b2, .unit60 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num60_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit80 .bookTit_e .st .b1, .unit80 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num80_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit80 .bookTit_e .st .b2, .unit80 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num80_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit100 .bookTit_e .st .b1, .unit100 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num100_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit100 .bookTit_e .st .b2, .unit100 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num100_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit120 .bookTit_e .st .b1, .unit120 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num120_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit120 .bookTit_e .st .b2, .unit120 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num120_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit150 .bookTit_e .st .b1, .unit150 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num150_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit150 .bookTit_e .st .b2, .unit150 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num150_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit180 .bookTit_e .st .b1, .unit180 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num180_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit180 .bookTit_e .st .b2, .unit180 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num180_2_e.png) no-repeat;background-size:contain;position:absolute;}
.unit210 .bookTit_e .st .b1, .unit210 .bookTit_e .wn .b1{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num210_1_e.png) no-repeat;background-size:contain;position:absolute;}
.unit210 .bookTit_e .st .b2, .unit210 .bookTit_e .wn .b2{content:'';display:inline-block;width:37px;height:37px;top:9px;right:-48px;background:url(../img/num210_2_e.png) no-repeat;background-size:contain;position:absolute;}


.bookTit{width:100%;height:80px;background:#30303a;}
.bookTit img{height:80px;width:auto;}
.bookTit .bookLevel{margin-left:10px;display:inline-block;height:80px;width:237px;}

.unit100 .st, .unit100 .wn,
.unit120 .st, .unit120 .wn,
.unit150 .st, .unit150 .wn,
.unit180 .st, .unit180 .wn,
.unit210 .st, .unit210 .wn{width:252px;}



.bookTit .bookNum{width:53px;height:80px;float:right;margin-right:10px;}
.unitNum li{width:25%;box-sizing:border-box;background:#fff;font-size:0.875em;float:left;text-align:center;padding:10px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.unitNum li:nth-child(4n){border-right:0;}
.unitNum li a{display:inline-block;text-decoration:none;color:#666;}
.unitNum .on a{color:#fff;}
.unitWrap{overflow:auto;height:100%;}
.unitWrap .subTit{width:100%;height:45px;text-align:center;color:#fff;clear:both;font-size:1.15em;line-height:45px;}
.unitList{position:relative;}
.unitList li{float:none;display:block;}
.unitList p{display:inline-block;padding-left:10px;color:#fff;font-weight:bold;}
.unitList ul{width:94%;margin:0 auto;padding-top:20px;min-height:288px;}
.unitList li{padding:10px;font-size:0.875em;box-sizing:border-box;margin-bottom:10px;background:url(../img/unit_bg.png) repeat;}
.unitList li:last-child{margin-bottom:0;}
.unitList li a{display:inline-block;float:right;width:20px;height:15px;background-size:cover;}
.unitList span{padding-right:10px;border-right:1px solid #dddddd;font-weight:bold;}

.unit30{background:url(../img/30_bg.jpg) no-repeat;}
.unit30 .unitNum .on{color:#fff;background:#fdc75c;}
.unit30 .subTit{background:#fcaf17;}
.unit30 .unitList li{border:1px solid #fcaf17;border-radius:0.5em;}
.unit30 .unitList li a{background:url(../img/icon_sp30.png) no-repeat;background-size:cover;}
.unit30 .unitList span{color:#fcaf17;}
.unit40{background:url(../img/40_bg.jpg) no-repeat; background-size:cover;}
.unit40 .unitNum .on{color:#fff;background:#82d7ea;}
.unit40 .subTit{background:#00b4cd;}
.unit40 .unitList li{border:1px solid #82d7ea;border-radius:0.5em;}
.unit40 .unitList li a{background:url(../img/icon_sp40.png) no-repeat;background-size:cover;}
.unit40 .unitList span{color:#82d7ea;}
.unit50{background:url(../img/50_bg.jpg) no-repeat; background-size:cover;}
.unit50 .unitNum .on{color:#fff;background:#e589bc;}
.unit50 .subTit{background:#da57a0;}
.unit50 .unitList li{border:1px solid #e589bc;border-radius:0.5em;}
.unit50 .unitList li a{background:url(../img/icon_sp50.png) no-repeat;background-size:cover;}
.unit50 .unitList span{color:#e589bc;}
.unit60{background:url(../img/60_bg.jpg) no-repeat; background-size:cover;}
.unit60 .unitNum .on{color:#fff;background:#92ca7c;}
.unit60 .subTit{background:#2f9f49;}
.unit60 .unitList li{border:1px solid #92ca7c;border-radius:0.5em;}
.unit60 .unitList li a{background:url(../img/icon_sp60.png) no-repeat;background-size:cover;}
.unit60 .unitList span{color:#92ca7c;}
.unit80{background:url(../img/80_bg.jpg) no-repeat; background-size:cover;}
.unit80 .unitNum .on{color:#fff;background:#bc99c7;}
.unit80 .subTit{background:#8f52a1;}
.unit80 .unitList li{border:1px solid #bc99c7;border-radius:0.5em;}
.unit80 .unitList li a{background:url(../img/icon_sp80.png) no-repeat;background-size:cover;}
.unit80 .unitList span{color:#bc99c7;}
.unit100{background:url(../img/100_bg.jpg) no-repeat; background-size:cover;}
.unit100 .unitNum .on{color:#fff;background:#4ca4d7;}
.unit100 .subTit{background:#007dc6;}
.unit100 .unitList li{border:1px solid #0ea8ea;border-radius:0.5em;}
.unit100 .unitList li a{background:url(../img/icon_sp100.png) no-repeat;background-size:cover;}
.unit100 .unitList span{color:#0099da;}
.unit120{background:url(../img/120_bg.jpg) no-repeat; background-size:cover;}
.unit120 .unitNum .on{color:#fff;background:#c9608e;}
.unit120 .subTit{background:#b21d5e;}
.unit120 .unitList li{border:1px solid #e55b8a;border-radius:0.5em;}
.unit120 .unitList li a{background:url(../img/icon_sp120.png) no-repeat;background-size:cover;}
.unit120 .unitList span{color:#e55b8a;}
.unit150{background:url(../img/150_bg.jpg) no-repeat; background-size:cover;}
.unit150 .unitNum .on{color:#fff;background:#58a16e;}
.unit150 .subTit{background:#117931;}
.unit150 .unitList li{border:1px solid #46a748;border-radius:0.5em;}
.unit150 .unitList li a{background:url(../img/icon_sp150.png) no-repeat;background-size:cover;}
.unit150 .unitList span{color:#46a748;}
.unit180{background:url(../img/180_bg.jpg) no-repeat; background-size:cover;}
.unit180 .unitNum .on{color:#fff;background:#6a83b7;}
.unit180 .subTit{background:#2b4e98;}
.unit180 .unitList li{border:1px solid #1a8dd5;border-radius:0.5em;}
.unit180 .unitList li a{background:url(../img/icon_sp180.png) no-repeat;background-size:cover;}
.unit180 .unitList span{color:#1a8dd5;}
.unit210{background:url(../img/210_bg.jpg) no-repeat; background-size:cover;}
.unit210 .unitNum .on{color:#fff;background:#c27c57;}
.unit210 .subTit{background:#a84510;}
.unit210 .unitList li{border:1px solid #bf5f26;border-radius:0.5em;}
.unit210 .unitList li a{background:url(../img/icon_sp210.png) no-repeat;background-size:cover;}
.unit210 .unitList span{color:#bf5f26;}


p.sub_footer{color:#ccc;font-size:0.8em;text-align:center;width:100%;padding:20px 0;}
p.pc_footer{display:none;}

/*오디오 플레이어 추가*/
.player_wrap{background:url(../img/bg.png) repeat; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000;}
.pop_close{display:block; position:absolute; right:1em; bottom:160px;}
.pop_close img{width:26px; display:block;}
.audio-player{width:100%; height:150px; background:#f0f0f0; padding:15px 1.2em 15px; position:absolute; bottom:0; left:0; right:0; box-sizing:border-box;}
.audio-loaded{width:100%; max-width:640px; background:#ccc; height:6px; border-radius:2px; margin:0 auto; position:relative;}
.audio-loaded-current{display:block; position:absolute; height:6px; border-radius:2px; background:#402176;}
.audio-loaded-handle{ background:#402176; width:20px; height:20px; border-radius:100%; position:absolute; top:0; margin-top:-7px; margin-left:-10px;}
.audio-player-btn{width:100%; max-width:640px; margin:0 auto; padding:13px 0 0; position:relative; text-align:center;}
.playpause{width:30px; height:34px; border:0; outline:0; background:none; display:block; margin:0 auto;}
.mp-play{background:url(../img/mp3_play.png) no-repeat 0 0; background-size:cover;}
.mp-pause{background:url(../img/mp3_pause.png) no-repeat 0 0; background-size:cover;}
.player_wrap .pre, .player_wrap .next{width:80px; height:25px;border:0; outline:0; margin:-5px 3px 0; display:inline-block;}
.player_wrap .pre{background:url(../img/btn_pre.png) no-repeat 0 0; background-size:80px 25px;}
.player_wrap .next{background:url(../img/btn_next.png) no-repeat 0 0; background-size:80px 25px;}
.playTrack{color:#f0f0f0; font-size:1.25em; position:relative; padding:0 0 8px; text-align:center;}

.unit30 .playTrack p{display:block; background:#fcaf17; border-radius:8px; padding:7px 0;}
.unit40 .playTrack p{display:block; background:#00b4cd; border-radius:8px; padding:7px 0;}
.unit50 .playTrack p{display:block; background:#da57a0; border-radius:8px; padding:7px 0;}
.unit60 .playTrack p{display:block; background:#2f9f49; border-radius:8px; padding:7px 0;}
.unit80 .playTrack p{display:block; background:#8f52a1; border-radius:8px; padding:7px 0;}
.unit100 .playTrack p{display:block; background:#007dc6; border-radius:8px; padding:7px 0;}
.unit120 .playTrack p{display:block; background:#b21d5e; border-radius:8px; padding:7px 0;}
.unit150 .playTrack p{display:block; background:#117931; border-radius:8px; padding:7px 0;}
.unit180 .playTrack p{display:block; background:#2b4e98; border-radius:8px; padding:7px 0;}
.unit210 .playTrack p{display:block; background:#a84510; border-radius:8px; padding:7px 0;}

@media all and (orientation:portrait) {
	.Lcon{display:none;}
	.Pcon{width:100%; height:100%;overflow:scroll;position:relative;display:block;/*overflow:hidden;background:url(../img/80_bg.jpg) no-repeat center;background-size:cover;*/}
	.lSSlideOuter{/*overflow:visible !important;*/overflow:hidden;position:relative; box-sizing:border-box; height:100%;/*overfow:hidden;*/}
	.lSSlideWrapper{overflow:scroll !important;height:100% !important; padding-top:125px;background:transparent;box-sizing:border-box;}
	ul#image-gallery{overflow:auto !important;display:block; width:100%; height:inherit !important; box-sizing:border-box;}
	ul#image-gallery li{height:100% !important;overflow:auto !important;width:100%;}
	.header{width:100%;height:80px;background:#30303a;text-align:center; position:absolute; top:0; z-index:5;}
	.header img{width:auto;height:80px;}
	.bookWrap{width:100%;position:relative;overflow-y:auto;}
	.bookDetail{width:75%; margin:0 auto;/*margin-top:42.5px;*/background:transparent;}
	.lSPager{margin-top:0 !important;}
	.p_wrap{background:#30303a;overflow:hidden;}
	.Pcon .lSAction > a{top:50%;}

	p.footer{position:absolute;bottom:20px;color:#ccc;font-size:0.8em;width:100%;text-align:center;}
	.Lcon p.footer{display:none;}
	
	/*sub*/
		
	.unit30 .bookTit .bookLevel, .unit50 .bookTit .bookLevel,
	.unit60 .bookTit .bookLevel, .unit80 .bookTit .bookLevel
	{width:177px;}	

    
    .unit30 .bookTit_e .st .b1, .unit30 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num30_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit30 .bookTit_e .st .b2, .unit30 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num30_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit40 .bookTit_e .st .b1, .unit40 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num40_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit40 .bookTit_e .st .b2, .unit40 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num40_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit50 .bookTit_e .st .b1, .unit50 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num50_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit50 .bookTit_e .st .b2, .unit50 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num50_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit60 .bookTit_e .st .b1, .unit60 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num60_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit60 .bookTit_e .st .b2, .unit60 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num60_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit80 .bookTit_e .st .b1, .unit80 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num80_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit80 .bookTit_e .st .b2, .unit80 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num80_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit100 .bookTit_e .st .b1, .unit100 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num100_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit100 .bookTit_e .st .b2, .unit100 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num100_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit120 .bookTit_e .st .b1, .unit120 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num120_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit120 .bookTit_e .st .b2, .unit120 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num120_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit150 .bookTit_e .st .b1, .unit150 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num150_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit150 .bookTit_e .st .b2, .unit150 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num150_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit180 .bookTit_e .st .b1, .unit180 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num180_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit180 .bookTit_e .st .b2, .unit180 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num180_2_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit210 .bookTit_e .st .b1, .unit210 .bookTit_e .wn .b1{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num210_1_e.png) no-repeat;background-size:contain;position:absolute;}
    .unit210 .bookTit_e .st .b2, .unit210 .bookTit_e .wn .b2{content:'';display:inline-block;width:27px;height:27px;top:7px;right:-35px;background:url(../img/num210_2_e.png) no-repeat;background-size:contain;position:absolute;}
    
    

    
    
    
    
	.bookTit{width:100%;height:60px;background:#30303a;}
	.bookTit img{height:60px;width:auto;}
	.bookTit .bookLevel{height:60px;width:188px;}
	.bookTit .bookNum{width:40px;height:60px;}



	.header{width:100%;height:65px;background:#30303a;text-align:center;position:relative;z-index:99999;opacity:1;}
    .header img{width:auto;height:65px;}
	.swiper-container {width: 100%; margin-left: auto;margin-right: auto;}
    .swiper-slide {background-size: cover;background-position: center;}
    .gallery-top {/*min-height: 90%;*/width: 100%;overflow-y:auto;/*height:calc(100% - 105px);*/}
    .gallery-thumbs {box-sizing: border-box;background:#30303a;}
    .gallery-thumbs .swiper-slide {width: 20%;height: 40px;line-height:40px;background:#fff;text-align:center;margin-right:2px;box-sizing:border-box;}
	.gallery-thumbs .swiper-slide img{width:auto;height:40px;}

	.gallery-thumbs .swiper-slide-active .slide1{border-bottom:5px solid #fdaf17;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide2{border-bottom:5px solid #04b2cd;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide3{border-bottom:5px solid #d7589f;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide4{border-bottom:5px solid #2ca04b;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide5{border-bottom:5px solid #8c53a4;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide6{border-bottom:5px solid #007dc6;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide7{border-bottom:5px solid #b21b5d;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide8{border-bottom:5px solid #117931;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide9{border-bottom:5px solid #2b4e98;box-sizing:border-box;height:40px;}
	.gallery-thumbs .swiper-slide-active .slide10{border-bottom:5px solid #a84510;box-sizing:border-box;height:40px;}

	.book_nav{margin:20px 10px 20px 0;text-align:right;}
	.book_nav img{width:auto;height:40px;}
	
	.book_nav a{display:inline-block;width:auto;width:100px;height:40px;}
	.book30 a:nth-child(1){background:url(../img/30_1_off.png) no-repeat;background-size:contain;}
	.book30 a:nth-child(1).active{background:url(../img/30_1_on.png) no-repeat;background-size:contain;}
	.book30 a:nth-child(2){background:url(../img/30_2_off.png) no-repeat;background-size:contain;}
	.book30 a:nth-child(2).active{background:url(../img/30_2_on.png) no-repeat;background-size:contain;}

	.book40 a:nth-child(1){background:url(../img/40_1_off.png) no-repeat;background-size:contain;}
	.book40 a:nth-child(1).active{background:url(../img/40_1_on.png) no-repeat;background-size:contain;}
	.book40 a:nth-child(2){background:url(../img/40_2_off.png) no-repeat;background-size:contain;}
	.book40 a:nth-child(2).active{background:url(../img/40_2_on.png) no-repeat;background-size:contain;}

	.book50 a:nth-child(1){background:url(../img/50_1_off.png) no-repeat;background-size:contain;}
	.book50 a:nth-child(1).active{background:url(../img/50_1_on.png) no-repeat;background-size:contain;}
	.book50 a:nth-child(2){background:url(../img/50_2_off.png) no-repeat;background-size:contain;}
	.book50 a:nth-child(2).active{background:url(../img/50_2_on.png) no-repeat;background-size:contain;}

	.book60 a:nth-child(1){background:url(../img/60_1_off.png) no-repeat;background-size:contain;}
	.book60 a:nth-child(1).active{background:url(../img/60_1_on.png) no-repeat;background-size:contain;}
	.book60 a:nth-child(2){background:url(../img/60_2_off.png) no-repeat;background-size:contain;}
	.book60 a:nth-child(2).active{background:url(../img/60_2_on.png) no-repeat;background-size:contain;}

	.book80 a:nth-child(1){background:url(../img/80_1_off.png) no-repeat;background-size:contain;}
	.book80 a:nth-child(1).active{background:url(../img/80_1_on.png) no-repeat;background-size:contain;}
	.book80 a:nth-child(2){background:url(../img/80_2_off.png) no-repeat;background-size:contain;}
	.book80 a:nth-child(2).active{background:url(../img/80_2_on.png) no-repeat;background-size:contain;}

	.book100 a:nth-child(1){background:url(../img/100_1_off.png) no-repeat;background-size:contain;}
	.book100 a:nth-child(1).active{background:url(../img/100_1_on.png) no-repeat;background-size:contain;}
	.book100 a:nth-child(2){background:url(../img/100_2_off.png) no-repeat;background-size:contain;}
	.book100 a:nth-child(2).active{background:url(../img/100_2_on.png) no-repeat;background-size:contain;}

	.book120 a:nth-child(1){background:url(../img/120_1_off.png) no-repeat;background-size:contain;}
	.book120 a:nth-child(1).active{background:url(../img/120_1_on.png) no-repeat;background-size:contain;}
	.book120 a:nth-child(2){background:url(../img/120_2_off.png) no-repeat;background-size:contain;}
	.book120 a:nth-child(2).active{background:url(../img/120_2_on.png) no-repeat;background-size:contain;}

	.book150 a:nth-child(1){background:url(../img/150_1_off.png) no-repeat;background-size:contain;}
	.book150 a:nth-child(1).active{background:url(../img/150_1_on.png) no-repeat;background-size:contain;}
	.book150 a:nth-child(2){background:url(../img/150_2_off.png) no-repeat;background-size:contain;}
	.book150 a:nth-child(2).active{background:url(../img/150_2_on.png) no-repeat;background-size:contain;}

	.book180 a:nth-child(1){background:url(../img/180_1_off.png) no-repeat;background-size:contain;}
	.book180 a:nth-child(1).active{background:url(../img/180_1_on.png) no-repeat;background-size:contain;}
	.book180 a:nth-child(2){background:url(../img/180_2_off.png) no-repeat;background-size:contain;}
	.book180 a:nth-child(2).active{background:url(../img/180_2_on.png) no-repeat;background-size:contain;}

	.book210 a:nth-child(1){background:url(../img/210_1_off.png) no-repeat;background-size:contain;}
	.book210 a:nth-child(1).active{background:url(../img/210_1_on.png) no-repeat;background-size:contain;}
	.book210 a:nth-child(2){background:url(../img/210_2_off.png) no-repeat;background-size:contain;}
	.book210 a:nth-child(2).active{background:url(../img/210_2_on.png) no-repeat;background-size:contain;}

}



@media all and (min-width: 1024px) {
	.Lcon{height:100%;overflow:hidden;}
	.bx-wrapper{height:100%;}
	#slide_banner li{height:100%;padding-top:130px;}
	#slide_banner li a{font-size:1.2em;}
	.header{height:100px;}
	.header img{height:100px;}
	.unitNum li{font-size:1.15em;padding:15px 0;}
	.unitWrap .subTit{height:60px;font-size:1.45em;line-height:60px;}
	.unitList ul{padding-top:50px;}
	.unitList li{margin-bottom:15px;font-size:1.15em;}
	.unitList li a{width:25px;height:18px;}
	.unitWrap{height:100%;overflow:hidden;position:relative;}
	.unitList{height:100%;}
	p.sub_footer{display:none;}
	p.pc_footer{display:block;position:absolute;color:#ccc;font-size:1em;width:100%;text-align:center;bottom:20px;}
	#slide_banner li .bookBtn{margin-top:20px;}
	.bookWrap .bookBtn{padding-bottom:0;}
}

@media (min-width: 768px) and (orientation: portrait) {
	.lSSlideOuter .lSPager.lSGallery li{height:45px;background-size:contain !important;}
	#image-gallery li a{height:45px;line-height:45px;}
	.Pcon{height:100%;overflow:hidden;}
	/*p.footer{bottom:100px;}*/
	.bookDetail{width:70%;}
	.bookTit{width:100%;height:80px;background:#30303a;}
	.bookTit img{height:80px;width:auto;}
	.bookTit .bookLevel{margin-left:15px;display:inline-block;height:80px;width:235px;}
	.bookTit .bookNum{width:35px !important;height:35px !important;top:9px !important;right:-43px !important;}
	.unitNum li{font-size:1.15em;padding:15px 0;}
	.unitWrap .subTit{height:60px;font-size:1.45em;line-height:60px;}
	.unitList ul{padding-top:50px;}
	.unitList li{margin-bottom:15px;font-size:1.15em;}
	.unitList li a{width:25px;height:18px;}
	.unitWrap{height:100%;overflow:hidden;position:relative;}
	.unitList{height:100%;}
	p.sub_footer{display:none;}
	p.pc_footer{display:block;position:absolute;color:#ccc;font-size:1em;width:100%;text-align:center;bottom:20px;}
    
    .unit30 .bookTit .bookLevel, .unit50 .bookTit .bookLevel,
	.unit60 .bookTit .bookLevel, .unit80 .bookTit .bookLevel
	{width:240px;}	
}

@media (max-width: 360px) and (orientation: portrait) {
	.lSSlideOuter .lSPager.lSGallery li:nth-child(1){padding:0;}
	.lSSlideOuter .lSPager.lSGallery li:nth-child(9){padding-left:0;}
	.lSSlideOuter .lSPager.lSGallery li:nth-child(10){padding:0;margin-right:0 !important;}
	/*.lSSlideOuter .lSPager.lSGallery li:nth-child(1){padding:0 1px;}
	.lSSlideOuter .lSPager.lSGallery li:nth-child(9){padding-left:1px;}
	.lSSlideOuter .lSPager.lSGallery li:nth-child(10){padding:0 1px;margin-right:0 !important;}*/
	/*171212 추가*/
	/*.lSSlideOuter .lSPager.lSGallery li{margin-right:0.25% !important;height:45px;}
	.lSSlideOuter .lSPager.lSGallery{height:45px;}*/
	/*.lSSlideOuter .lSPager.lSGallery li{width:9% !important;}*/
}

@media (max-width: 320px) and (orientation: portrait) {
	.Pcon{height:auto;overflow:auto;}
	.lSSlideOuter .lSPager.lSGallery li:nth-child(1){padding:0;}
	.lSSlideOuter .lSPager.lSGallery li:nth-child(9){padding-left:0;}
	.lSSlideOuter .lSPager.lSGallery li:nth-child(10){padding:0;margin-right:0 !important;}
	/*p.footer{margin-top:20px;}*/
}

@media (max-width: 480px) and (orientation: landscape) {
	#slide_banner li{min-height:230px;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:55px !important;}
	p.footer{bottom:30px;}
	.bookWrap .bookBtn{padding-bottom:0;}
}

@media (max-width: 1024px) and (orientation: landscape) {
	.unitWrap{height:auto;overflow:auto;position:relative;}
	.unitList{height:auto;}
	p.sub_footer{display:block;}
	p.pc_footer{display:none;}
	.bookWrap .bookBtn{padding-bottom:0;}

}

@media (max-width: 600px) and (orientation: landscape) {
	#slide_banner li .bookBtn a{font-size:0.75em;}
	.bookWrap .bookBtn{padding-bottom:0;}
}