@charset "euc-kr";

::-webkit-scrollbar {display:none !important;}
body {width: 100%; height: 100%; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
body::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
* { padding:0; margin:0; letter-spacing: -0.02em;}
*:focus {outline: none;}
html {height:100%; color:#303030; font-family: 'Noto Sans KR'; line-height: 1;}
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;}
body {margin:0; padding:0; background-color:transparent; font-size:15px; width:100%; letter-spacing:0;}
DIV, form, FIELDSET, BLOCKQUOTE, ADDRESS, TABLE, THEAD, TBODY, TFOOT, TR, TD, CAPTION, IFRAME, TEXTAREA, center, span, pre, br, P, dl, dt, dd, ul, li {color:#555; padding:0; margin:0;}
table { border:0px; margin:0px; border-collapse:collapse;}
option { line-height:100%; }
fieldset { border:0; margin:0; padding:0;}
img{ border: 0; vertical-align: middle; margin:0; padding:0;}
ol, ul, li, dd { list-style:none; list-style-image:none; margin:0; padding:0; text-decoration:none;}
em, var {font-style:normal;}
legend, caption { margin:0; padding:0; visibility:hiccen; font:0; }
fieldset { border:0; }
div, p, span, li, table, td, {word-break:break-all; text-decoration:none;}
hr, caption, legend {left:0px; top:0px; width:0px; height:0px; padding:0; overflow:hidden; font-size:0; visibility:hidden; position:absolute;}

button {font-family:'NanumBarunGothic'; cursor:pointer;-webkit-tap-highlight-color: transparent;}
textarea {border:1px solid #c8c8c8; padding:8px; font-family:"Noto Sans KR";}
input {margin:0; padding:0; background-color:transparent; letter-spacing:0; font-family:"Noto Sans KR"; border:none;-webkit-tap-highlight-color: transparent;}
input[type="submit"], input[type="button"], input[type="image"]{font-family:"Noto Sans KR"; cursor:pointer; border-radius:0;-ms-appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */}
input[type="password"], input[type="text"], input[type="number"]{font-family:"Noto Sans KR"; border-radius:0; -ms-appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */}
input[type="radio"] {border:0;}
select {color:#6b6a6b; border:1px solid #c7c7c7; font-family:"Noto Sans KR"; margin:0; background-color:#ffffff; border-radius:0;}
select:focus {border:1px solid #999eaa;}
a, a:link, a:visited, a:hover {color:#333; text-decoration:none;-webkit-tap-highlight-color: transparent;}

/************************** 기본설정 ********************************/
.clearfix::before{content:""; display:block; clear:both;}
.clearfix::after{content:""; display:block; clear:both;}
.blind {line-height:0; font-size:0px; visibility:hidden; overflow:hidden; line-height:0; width:0;}
.hidden {left:-9999px !important; top:-9999px !important; height:0px; line-height:0; font-family:Arial; font-size:0px; font-style:normal; font-variant:normal; position:absolute !important;}
.hidden ol li {list-style:decimal;}
.hidden .alpha {list-style:upper-alpha inside;}

#wrap{width: 100%; padding-bottom: 43px; background: url(../img/bg.png) no-repeat; position: relative; overflow: hidden;}
#wrap .layout{width: 1335px; margin: 0 auto; position: relative;}
#wrap .layout h1{width: 407px; height: 260px; background: url(../img/title.png) no-repeat; text-indent: -9999px; position: absolute; top: 142px; left: -24px;}
#wrap .layout .app_download{width: 836px; height: 841px; background: url(../img/phone.png) no-repeat; position: absolute; left: -274px; top: 429px; z-index: 9;}
#wrap .layout .app_download a{display: block; width: 197px; height: 330px; text-indent: -9999px; position: absolute; left: 351px; top: 30px;}
#wrap .layout .content{margin-left: 420px; padding-top: 140px; position: relative; z-index: 99;}
#wrap .layout .content .html_download h2{margin-bottom: 10px; font-size: 28px; color: #231815; letter-spacing: -0.02em;}
#wrap .layout .content .html_download ul{width: 911px; height: 127px; padding-top: 49px; padding-left: 29px; box-sizing: border-box; background: url(../img/web_browser.png) no-repeat;}
#wrap .layout .content .html_download ul li{float: left;}
#wrap .layout .content .html_download ul li:nth-child(1), #wrap .layout .content .html_download ul li:nth-child(4){width: 241px;}
#wrap .layout .content .html_download ul li:nth-child(2), #wrap .layout .content .html_download ul li:nth-child(5){width: 334px;}
#wrap .layout .content .html_download ul li:nth-child(n+4){margin-top: 14px;}
#wrap .layout .content .html_download ul li a{font-size: 22px; letter-spacing: -0.04em; color: #595656; font-weight:500;}
#wrap .layout .content .ebook{margin-top: 35px;}
#wrap .layout .content .ebook h2{margin-left: 10px; font-size: 28px; color: #231815; letter-spacing: -0.02em;}
#wrap .layout .content .ebook h3{margin-top: 2px; font-size: 21px; color: #005774; letter-spacing: -0.04em;}
#wrap .layout .content .ebook h3 strong{font-size: 26px;}
#wrap .layout .content .ebook .file_pc{height: 141px; background: url(../img/file_download.png) 0 40px no-repeat;}
#wrap .layout .content .ebook .file_pc a{text-indent: -9999px;}
#wrap .layout .content .ebook .file_mobile{display: none;}
#wrap .layout .content .ebook .reader, #wrap .layout .content .ebook .guide{float: left;}
#wrap .layout .content .ebook .reader{width: 677px;}
#wrap .layout .content .ebook .file_pc reader ul{padding-top: 12px;}
#wrap .layout .content .ebook .file_pc .reader ul li{float: left; margin-top: 12px;}
#wrap .layout .content .ebook .file_pc .reader ul li + li{margin-left: 8px;}
#wrap .layout .content .ebook .file_pc .reader ul li a{display: block; width: 216px; height: 100px;}
#wrap .layout .content .ebook .file_pc .guide a{display: block; width: 218px; height: 100px; margin-top: 12px;}
#wrap .layout .content .epub .pc{width: 937px; margin-top: -1px; margin-left: -5px; padding: 39px 42px 44px 33px; box-sizing: border-box; background: url(../img/frame.png) no-repeat; font-size: 0;}
#wrap .layout .content .epub .mobile{display: none; font-size: 0;}
#wrap .layout .content .epub li{display: inline-block; position: relative;}
#wrap .layout .content .epub li + li{margin-left: 11px;}
#wrap .layout .content .video{margin-top: -10px;}
#wrap .layout .content .video h3{font-size: 21px; color: #005774; letter-spacing: -0.04em;}
#wrap .layout .content .video .list{width: 932px; height: 226px; margin-top: 8px; margin-left: -5px; padding: 18px 14px 6px 30px; box-sizing: border-box; background: url(../img/frame.png) 0 -372px no-repeat;}
#wrap .layout .content .video .list ul{float: left; margin-right: 30px;}
#wrap .layout .content .video .list ul li{height: 18.5px; padding-left: 28px;}
#wrap .layout .content .video .list ul li a{font-size: 13px; letter-spacing: -0.055em; color: #595656}
#wrap .layout .content .video .list ul li + li{margin-top: 3px;}
#wrap .layout .content .video .list ul:nth-child(1) li{background: url(../img/play_1.png) no-repeat;}
#wrap .layout .content .video .list ul:nth-child(2) li{background: url(../img/play_2.png) no-repeat;}
#wrap .layout .content .video .list ul:nth-child(3) li{background: url(../img/play_3.png) no-repeat;}
#wrap .layout .content .video .list ul:nth-child(4) li{background: url(../img/play_4.png) no-repeat;}
#wrap .layout .content .video .list ul:nth-child(5) li{background: url(../img/play_5.png) no-repeat;}
#wrap .layout .content .video .list ul:nth-child(5){margin-right: 0;}
#wrap .layout .logo{position: absolute; bottom: 20px; right: 11px;}

/* 반응형 */
@media screen and (max-width:1400px){
	#wrap{background: url(../img/bg_tablet.png) no-repeat; background-size: 100%;}
	#wrap .layout{width: 100%;}
	#wrap .layout h1{width: 388px; height: 248px; background: url(../img/title_tablet.png); position: absolute; left: -388px; right: 0; margin: auto; top: 80px;}
	#wrap .layout .app_download{width: 223px; height: 397px; margin: auto; background: url(../img/phone_tablet.png) no-repeat; position: absolute; top: 95px; right: -320px; left: 0; z-index: 999;}
	#wrap .layout .app_download a{width: 127px; height: 213px; left: 46px; top: 19px;}
	#wrap .layout .content{margin-left: 0; padding-top: 414px;}
	#wrap .layout .content .html_download ul{min-width: 951px; height: 160px; margin: auto; padding-top: 69px; background: url(../img/web_browser_tablet.png) no-repeat;}
	#wrap .layout .content .html_download h2{width: 951px; margin: 0 auto 10px;}
	#wrap .layout .content .ebook .file_pc{width: 951px; margin: 4px auto 0; background: url(../img/file_download_tablet.png) 0 40px no-repeat;}
	#wrap .layout .content .ebook h2{width: 951px; margin: auto; padding-left: 10px;}
	#wrap .layout .content .ebook .reader{width: 693px;}
	#wrap .layout .content .ebook h3{margin-left: 7px !important;}
	#wrap .layout .content .ebook .file_pc .reader ul li a{width: 218px;}
	#wrap .layout .content .epub{margin-top: 30px;}
	#wrap .layout .content .epub .pc{width: 978px; margin: auto; padding: 39px 62px 44px 54px; background: url(../img/frame_tablet.png) no-repeat;}
	#wrap .layout .content .ebook .epub h3{width: 951px; margin: auto !important; padding-left: 7px;}
	#wrap .layout .content .video{margin-top: 4px;}
	#wrap .layout .content .video h3{width: 951px; margin: 0 auto 10px !important; padding-left: 7px;}
	#wrap .layout .content .video .list{width: 978px; margin: auto; background: url(../img/frame_tablet.png) 0 -387px no-repeat;}
	#wrap .layout .logo{width: 944px; padding-right: 20px; left: 0; right: 0; margin: auto; text-align: right; box-sizing: border-box;}
}

@media screen and (max-width:1000px){
	#wrap{background: url(../img/bg_tablet.png);}
	#wrap .layout .content .html_download h2{width: 95%; font-size: 21px;}
	#wrap .layout .content .html_download ul{width: 95%; height: auto; min-width: auto; padding-top: 6.5%; padding-bottom: 45px; background-size: 100%;}
	#wrap .layout .content .html_download ul li:nth-child(1), #wrap .layout .content .html_download ul li:nth-child(4){width: 27%;}
	#wrap .layout .content .html_download ul li:nth-child(2), #wrap .layout .content .html_download ul li:nth-child(5){width: 40%;}
	#wrap .layout .content .html_download ul li:nth-child(n+4){margin-top: 14px;}
	#wrap .layout .content .html_download ul li a{font-size: 17px;}
	#wrap .layout .content .ebook h2{padding-left: 0px; font-size: 21px;}
	#wrap .layout .content .ebook{width: 95%; margin: 2% auto 0;}
	#wrap .layout .content .ebook .reader{width: 100%;}
	#wrap .layout .content .ebook .reader ul{margin-top: 18px;}	
	#wrap .layout .content .ebook h3{font-size: 18px; margin-left: 0px !important;}
	#wrap .layout .content .ebook h3 strong{font-size: 25px;}
	#wrap .layout .content .ebook .file_pc{display: none;}
	#wrap .layout .content .ebook .file_mobile{display: block;}
	#wrap .layout .content .ebook .file_mobile .reader li{float: left;}
	#wrap .layout .content .ebook .file_mobile .reader li + li{margin-left: 8px;}
	#wrap .layout .content .ebook .file_mobile .reader li a{display: block; width: 180px; height: 83px;}
	#wrap .layout .content .ebook .file_mobile .reader li a img{margin-top: -2px; margin-left: -11px;}
	#wrap .layout .content .ebook .file_mobile .guide{margin-top: 25px;}
	#wrap .layout .content .ebook .file_mobile .guide a{display: block; margin-top: 20px; margin-left: -10px;}
	#wrap .layout .content .epub{margin-top: 15px;}
	#wrap .layout .content .epub .pc{display: none;}
	#wrap .layout .content .epub .mobile{display: block; width: 100%; margin-top: 14px; padding: 25px 5px; box-sizing: border-box; background: #d1dde3; border-radius: 3px; box-shadow: 1px 1px 9px 2px #00000026; text-align: center;}
	#wrap .layout .content .epub .mobile li{margin: 0 1.5%;}
	#wrap .layout .content .video{width: 95%; margin: 33px auto 0;}
	#wrap .layout .content .video h3{margin-bottom: 20px !important; font-size: 18px;}
	#wrap .layout .content .video .list{width: 100%; height: auto; padding: 15px; box-sizing: border-box; border-radius: 3px;
	background: #bfd2da; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd2da 0%, #a3bac5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bfd2da 0%,#a3bac5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bfd2da 0%,#a3bac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd2da', endColorstr='#a3bac5',GradientType=0 ); /* IE6-9 */}
	#wrap .layout .content .video .list ul{margin-right: 2.8%;}
	#wrap .layout .logo{width: 95%; bottom: 7px; z-index: 99;}
}

@media screen and (max-width:900px){
	#wrap .layout .content .video .list ul:nth-child(4){margin-right: 0;}
	#wrap .layout .content .video .list ul:nth-child(5){clear: both;}
}

@media screen and (max-width:800px){
	#wrap .layout h1{width: 258px; height: 168px; background: url(../img/title_mobile.png) no-repeat; left: -258px; top: 120px;}
	#wrap .layout .content .html_download ul{padding-left: 20px;}
	#wrap .layout .content .html_download ul li:nth-child(2), #wrap .layout .content .html_download ul li:nth-child(5){width: 35%;}
	#wrap .layout .content .html_download ul li a{font-size: 15px;}
}

@media screen and (max-width:700px){
	#wrap .layout .content .epub .mobile{padding: 25px 1%; text-align: left;}
	#wrap .layout .content .epub .mobile li{width: 32.666666%; margin: 0; text-align: center;}
	#wrap .layout .content .epub .mobile li:nth-child(n+4){margin-top: 15px;}
	#wrap .layout .content .video .list{padding: 10px;}
	#wrap .layout .content .video .list ul:nth-child(4){clear: both; margin-right: 1.5%;}
	#wrap .layout .content .video .list ul:nth-child(1),#wrap .layout .content .video .list ul:nth-child(4){width: 28%;}
	#wrap .layout .content .video .list ul:nth-child(5){clear: none;}
}

@media screen and (max-width:650px){
	#wrap .layout .content .html_download ul{width: 376px; margin-left: 2.5%; padding-top: 55px; background: url(../img/web_browser_mobile.png) no-repeat;}
	#wrap .layout .content .html_download ul li{width: 100% !important; margin-top: 0px !important; line-height: 1.8;}
	#wrap .layout .content .html_download ul li a{font-size: 17px;}
}

@media screen and (max-width:600px){
	#wrap .layout .content .ebook .file_mobile .reader li:nth-child(3){clear: both; margin-left: 0; margin-top: 15px;}
}

@media screen and (max-width:550px){
	#wrap .layout{padding-top: 510px;}
	#wrap .layout h1{left: 0; right: 0; top: 25px;}
	#wrap .layout .app_download{left: 0; right: 0; top: 211px; z-index: 9;}
	#wrap .layout .content{padding-top: 0;}
	#wrap .layout .content .video .list ul:nth-child(1), #wrap .layout .content .video .list ul:nth-child(3){width: 38%;}
	#wrap .layout .content .video .list ul:nth-child(3), #wrap .layout .content .video .list ul:nth-child(5){clear: both;}
	#wrap .layout .content .video .list ul:nth-child(3), #wrap .layout .content .video .list ul:nth-child(4), #wrap .layout .content .video .list ul:nth-child(5){margin-top: 10px;}
	#wrap .layout .content .video .list ul:nth-child(4){width: 45%;clear: none;}
}

@media screen and (max-width:400px){
	#wrap .layout .content .html_download ul{width: 95%; background-size: 100%; box-sizing: border-box; margin: 0 auto; padding-top: 13.5%; padding-bottom: 13%;}
	#wrap .layout .content .html_download ul li a{font-size: 15px;}
	#wrap .layout .content .ebook .file_mobile .reader li a{width: 157px; height: 73px;}
	#wrap .layout .content .ebook .file_mobile .reader li a img{margin-top: -1px; margin-left: -9px; width: 175px;}
	#wrap .layout .content .ebook .file_mobile .guide a img{width: 175px;}
	#wrap .layout .content .video .list ul{width: 100% !important; margin-top: 10px !important; margin-right: 0 !important; clear: both !important;}
	#wrap .layout .content .video .list ul:nth-child(1){margin-top: 0;}
	#wrap .layout .content .video .list{padding-bottom: 50px;}
}

@media screen and (max-width:350px){
	#wrap .layout .content .html_download ul li{line-height: 1.5;}
	#wrap .layout .content .html_download ul li a{font-size: 13px;}
	#wrap .layout .content .ebook .file_mobile .reader li{clear: both; margin-left: 0 !important; margin-top: 15px;}
	#wrap .layout .content .ebook .file_mobile .reader li:first-child{margin-top: 0;}
	#wrap .layout .content .epub .mobile li{width: 50%;}
}