@charset 'utf-8';
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input {  -webkit-appearance: none; -webkit-border-radius: 0; }
input::placeholder { color:#474646; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; }
html { font-size: 10px; line-height:1.35em; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family: 'NanumSquare', sans-serif; color:#474646; }
html, body { height:100%; }


/* wrap */
.wrap { position:fixed; left:0; top:0; right:0; bottom:0; display:block; background-repeat:no-repeat; background-position:center; background-image:url('../_img/main_bg.jpg'); background-size:cover; min-height:590px; min-width:880px; padding:0 40px; }
.wrap .container { position:relative; left:50%; top:50%; width:880px; display:block; transform:translate(-50%, -50%); overflow:hidden; }
.wrap .container .logo { float:left; padding:10px 0 0 20px; }
.wrap .container .contents { float:right; width:452px; min-height:580px; border:10px solid #d35e67; border-radius:10px; overflow:hidden; background-color:#fff; box-sizing:border-box; padding-bottom:20px; }
.wrap .contents .banner { position:relative; overflow:hidden; margin-bottom:8px; }
.wrap .btn_area { text-align:center; }
.wrap .btn_area a.btn { display:block; text-align:center; font-size:17.5px; width:245px; line-height:44px; height:44px; color:#fff; background-color:#f41961; margin-bottom:7px; border-radius:44px; font-weight:700;  margin:0 auto; margin-bottom:6px; }
.wrap .btn_area a:last-child { margin-bottom:0; }
.wrap .btn_area a.btn.btn2 { background-color:#8519f4; }
.wrap .btn_area a.btn.login { background: rgb(223,96,95); background: linear-gradient(90deg, rgba(223,96,95,1) 0%, rgba(207,78,121,1) 25%, rgba(180,48,166,1) 50%, rgba(158,22,203,1) 75%, rgba(137,0,235,1) 100%); }
.wrap .text_guide { font-size:14px; line-height:1.45; text-align:center; font-weight:700; margin-top:35px; }

/* 로그인 */
#login { }
#login .title { display:block; text-align:center; font-size:30px; line-height:1.25; font-weight:700; margin-bottom:15px; color:#020202; letter-spacing:-0.5px; padding-top:40px; }
#login .content { width:330px; margin:0 auto; } 
#login .formbx { margin-bottom:20px; }
#login .formbx .fr_input { display:block; width:100%; height:54px; line-height:1.45; border:1px solid #030303; padding:0 20px; box-sizing:border-box; font-size:16px; }
#login .formbx .fr_input:last-child { border-top:0; }
#login .text_terms { margin-bottom:20px; font-size:14px; line-height:1.45; font-weight:700; }
#login .agree { margin-bottom:25px; }
#login .agree input { display:none; }
#login .agree label { position:relative; cursor:pointer; padding-left:30px; font-size:14px; line-height:1.35; padding-top:5px; }
#login .agree label:before { position:absolute; left:0; top:0; display:block; width:22px; height:22px; border:1px solid #000; content:""; }
#login .agree input:checked + label:before { background-color:#fe0214; }
#login .btn_area { text-align:center; }
#login .guidebx { text-align:center; margin-top:25px; } 
#login .guidebx .text { font-size:14px; line-height:1.35; margin-bottom:20px; }

/* ebook */
#ebook { }
#ebook .hd { position:fixed; left:0; top:0; right:0; display:block; height:50px; box-sizing:border-box; padding:10px 0 0 20px; background-color:#333; }
#ebook .hd .btn_home { display:inline-block; width:25px; height:25px; cursor:pointer; vertical-align:middle; margin-right:7px; }
#ebook .hd .btn_home img { width:100%; height:auto; }
#ebook .hd .title { display:inline-block; font-size:17px; font-weight:700; line-height:1.45; vertical-align:middle; padding-top:4px; color:#fff; }

#ebook #contents_view { position:fixed; left:0; top:50px; bottom:0; right:0; } 
#ebook #contents_view iframe { border:0; }


/* bg styles*/


.bg1 {
	background:url(/__Commonlib/_img/main_title.jpg);
	background-repeat : no-repeat;
	background-position : center top;
}

.bg2 {
	background:url(/__Commonlib/_img/bg_01.jpg);
	background-repeat : no-repeat;
	background-position : center bottom;
}