/*{width:1920px; height:100%; position:relative;}*/


html, body, #wrap {margin:0; padding:0; height:100%; overflow:auto !important;}

dl,dt,dd,ul,ol,li{list-style:none; }
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%; padding:0; margin:0; }
fieldset{border:none; }
hr,caption{display:none; }
strong{font-weight:normal; }
em{font-style:normal; }
legend{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; text-indent:-9999px; }

img{vertical-align:middle; height:auto; }
input,textarea,select,table{display:inline-block; vertical-align:middle; }

input,textarea,select{font-size:14px; line-height:22px; border:0}
 
input:focus,textarea:focus, select:focus{}

*:focus {outline:none;}
input[type=text]::-ms-clear{display:none !important;}

* {margin:0; padding:0; border:none;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
a {text-decoration:none;}

.dim { display:none; position:absolute; top:0px; right:0px; width:100%; height:100%; background:RGBA(0,0,0,0.7); }

.contents{}
.contents .mainPopup{display:none; position:absolute; top:50%; left:50%; width:1000px; height:700px; margin-top:-350px; margin-left:-500px; border:5px solid #4c7ed9; border-radius:30px; z-index:1; background-color:#eff0f2; box-shadow:1px 1px 10px; }

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Modify Start ***************************************************************************************************************************/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

/* myLibrary */
.myLibrary {position:absolute; display:inline-block; width:100%;}
.myLibrary header {width:100%; height:77px; background:#D1CFCF;}
.myLibrary .wrap {position:relative; width:1200px; margin:0 auto; padding:0 20px;}

.myLibrary .titleContainer .titleTxt {padding-left:67px; line-height:76px; background:url('../img/logo/logo.png') no-repeat left center; font-size:0px; color:#000; text-align:left; text-indent:-9999px;}

.myLibrary .contentContainer .contentList {width:100%; height:auto; padding:10px 0px;}
.myLibrary .contentContainer .contentList:after {content:''; clear:both; display:block; height:0; visibility:hidden;}
.myLibrary .contentContainer .contentList > li {float:left; width:232px; height:auto; margin-top:50px; text-align:center; cursor:pointer;}
.myLibrary .contentContainer .contentList > li .listImg {position:relative; width:172px; height:224px; margin:0 auto; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 3px 5px rgba(0,0,0,0.3);}
.myLibrary .contentContainer .contentList > li .listImg.img01 {background:url('/files/contents/5bb5e9f435714/ebook/OEBPS/pp_bg/001.jpg') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img02 {background:url('/files/contents/5bb5ec6c4a682/ebook/OEBPS/pp_bg/001.jpg') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img03 {background:url('/resources/cover/visang_001.png') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img04 {background:url('/files/contents/5bb5e7b39fa89/ebook/OEBPS/pp_bg/001.jpg') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img05 {background:url('/resources/cover/visang_sil05.png') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img06 {background:url('/resources/cover/visang_music05.png') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img07 {background:url('/resources/cover/visang_che05.png') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img08 {background:url('/resources/cover/cover_08.png') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg.img09 {background:url('/resources/cover/visang_09_digyo.png') no-repeat center; background-size:172px auto;}
.myLibrary .contentContainer .contentList > li .listImg .mask {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.myLibrary .contentContainer .contentList > li .listImg .mask:hover {background:rgba(91,87,166,0.7);}
.myLibrary .contentContainer .contentList > li .listImg.on .mask {background:rgba(91,87,166,0.7);}

.myLibrary .contentContainer .contentList > li .listText {margin-top:10px; font-size:16px; color:#222;}
/* // myLibrary */

/* Main */
.mainContent {background:#5b57a6; font-family: 'Montserrat', sans-serif; text-align:center; color:#fff;}

.mainContent .main_top {position:relative; display:table; width:100%; height:750px;}
.mainContent .main_top .main_visual {display:table-cell; vertical-align:middle;}
.mainContent .main_top .main_visual .main_logo {width:300px; height:170px; margin:0 auto 40px; background:url('../img/logo/logo_main.png') no-repeat center; text-indent:-9999px; font-size:0;} 
.mainContent .main_top .main_visual .main_btn_library {box-sizing:border-box; width:244px; height:55px; line-height:52px; margin:0 auto; border:1px solid rgba(255,255,255,0.3); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-weight:600; font-size:24px;}
.mainContent .main_top .main_visual .main_btn_library > a {display:inline-block; width:100%; height:100%; color:#fff; text-decoration:none; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; transition:all .3s;}
.mainContent .main_top .main_visual .main_btn_library > a:hover {background:#fff; color:#5b57a6;}

.mainContent .main_bot .main_bot_navi {font-size:20px;}
.mainContent .main_bot .main_bot_navi > li {display:inline-block; vertical-align:top; text-align:left;}
.mainContent .main_bot .main_bot_navi .bot_icon {position:relative; display:inline-block; vertical-align:top; margin-right:10px;}
.mainContent .main_bot .main_bot_navi .bot_icon.type01 {width:34px; height:41px; background:url('../img/navi/main_btn_brochure.png') no-repeat center;}
.mainContent .main_bot .main_bot_navi .bot_icon.type02 {width:29px; height:41px; background:url('../img/navi/main_btn_loc.png') no-repeat center;}
.mainContent .main_bot .main_bot_navi .bot_icon.type03 {width:34px; height:34px; background:url('../img/navi/main_btn_www.png') no-repeat center;}

.mainContent .main_bot .main_bot_navi > li > a {display:inline-block; margin-top:5px; color:#fff; text-decoration:none;}
.mainContent .main_bot .main_bot_navi > li:nth-child(2n) {width:1px; height:33px; margin:0 30px 80px; background:url('../img/navi/main_bot_cell.png') no-repeat center;}
/* // Main */


/* 디바이스 별 해상도 최적화 */
@media (min-width:921px) and (max-width:1200px) {
	/* myLibrary */
	.myLibrary .wrap {width:968px;}
	
	/* main */
	.mainContent .main_top {height:700px;}
}

@media (min-width:781px) and (max-width:920px) {
	/* myLibrary */
	.myLibrary .wrap {width:736px;}
	
	/* main */
	.mainContent .main_top {height:640px;}
}

@media (min-width:660px) and (max-width:780px) {
	/* myLibrary */
	.myLibrary .wrap {width:660px;}
	.myLibrary .contentContainer .contentList > li {float:none; display:inline-block; width:200px;}
	
	/* main */
	.mainContent .main_top {height:500px;}
}

@media (min-width:481px) and (max-width:659px) {
	/* myLibrary */
	.myLibrary .wrap {width:446px;}
	.myLibrary .contentContainer .contentList > li {width:200px;}

	/* main */
	.mainContent .main_bot .main_bot_navi > li:nth-child(2n) {margin:0 10px 80px;}
	.mainContent .main_top {height:440px;}
	footer {margin-bottom:80px;}
}
@media (max-width:480px) {
	/* myLibrary */
	.myLibrary .wrap {width:340px; padding:0;}
	
	.myLibrary .contentContainer .contentList > li {width:170px;}
	.myLibrary .contentContainer .contentList > li .listImg {width:138px; height:180px; background-size:138px auto;}
	.myLibrary .contentContainer .contentList > li .listText {font-size:14px;}
	
	/* main */
	.mainContent .main_top .main_visual .main_logo {width:240px; height:136px; background-size:240px auto;}

	.mainContent .main_top .main_visual .main_btn_library {width:196px; height:44px; line-height:42px; font-size:20px;}
	.mainContent .main_bot .main_bot_navi > li:nth-child(2n) {margin:0 6px 80px; }
	.mainContent .main_bot .main_bot_navi > li > a {font-size:14px;}
	.mainContent .main_top {height:420px;}

	.mainContent .main_bot .main_bot_navi .bot_icon {margin-right:4px;}
	.mainContent .main_bot .main_bot_navi .bot_icon.type01 {width:27px; height:32px; background-size:27px auto;}
	.mainContent .main_bot .main_bot_navi .bot_icon.type02 {width:23px; height:32px; background-size:23px auto;}
	.mainContent .main_bot .main_bot_navi .bot_icon.type03 {width:27px; height:27px; background-size:27px auto;}

	footer {margin-bottom:80px; font-size:14px;}
}