@charset "utf-8";
@font-face{
	font-family:'sOne';
	src:url(fonts/samsungone-400.eot);
	src:url(fonts/samsungone-400.eot?#iefix) format("embedded-opentype"),
	url(fonts/samsungone-400.woff2) format("woff2"),
	url(fonts/samsungone-400.woff) format("woff"),
	url(fonts/samsungone-400.ttf) format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'sOneBold';
	src:url(fonts/samsungOne-700.eot);
	src:url(fonts/samsungOne-700.eot?#iefix) format("embedded-opentype"),
	url(fonts/samsungOne-700.woff2) format("woff2"),
	url(fonts/samsungOne-700.woff) format("woff"),
	url(fonts/samsungOne-700.ttf) format("truetype");
	font-weight:bold;
	font-style:normal;
}

@font-face{
	font-family:'sSharp';
	src:url(fonts/samsungSharpSans-Regular.eot);
	src:url(fonts/samsungSharpSans-Regular.eot?#iefix) format("embedded-opentype"),
	url(fonts/samsungSharpSans-Regular.woff) format("woff"),
	url(fonts/samsungSharpSans-Regular.ttf) format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'sSharpBold';
	src:url(fonts/samsungSharpSans-Bold.eot);
	src:url(fonts/samsungSharpSans-Bold.eot?#iefix) format("embedded-opentype"),
	url(fonts/samsungSharpSans-Bold.woff) format("woff"),
	url(fonts/samsungSharpSans-Bold.ttf) format("truetype");
	font-weight:bold;
	font-style:normal;
}

/*reset*/
[hidden], area, base, basefont, command, datalist, head,input[type=hidden], link, menu[type=context], meta, noembed, noframes,param, script, source, style, track, title {display: none;/* case-insensitive */}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; line-height:1; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
li{display:list-item;}
table {display:table; border-collapse: collapse; border-spacing: 0;}
thead{display:table-header-group;}
tbody{display:table-row-group;}
tfoot{display:table-footer-group;}
tr{display:table-row;}
td, th{display:table-cell;}
img,fieldset,iframe{border:0 none;}
address,em{font-style:normal; font-weight:normal;}
img{border:0;}
a {-webkit-tap-highlight-color:transparent; text-decoration:none;}

/*placeholder*/
::-webkit-input-placeholder {color:#1f68db;}
:-moz-placeholder {color:#1f68db; opacity:1;}
::-moz-placeholder {color:#1f68db; opacity:1;}
:-ms-input-placeholder {color:#1f68db;}
::placeholder{color: #1f68db; opacity:1;}

/*common*/
body{font-family: "sOneBold", "sOne", "sSharp", Arial, sans-serif; font-size:10px; color:#1b1b1b; visibility:hidden; overflow:hidden;}
.btn{display:inline-block; padding:18px 40px; border-radius: 45px; line-height:14px; text-align:center; font-size:14px; text-transform:uppercase; color:#000; background:#fff; font-family:"sSharpBold";}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder{color:red;}
.line{border-bottom:1px solid #c2c2c2;}

/*index*/
.header{position:fixed; top:0; width:100%; color:#fff; background:#1b1b1b url('../images/bg_header.jpg') right center no-repeat; z-index:1;}
.header .logo{display:inline-block; padding:18px 0 17px 26px;}
.header .title{display:inline-block; padding:19px 0 18px 26px; line-height:45px; vertical-align:top; font-size:22px; font-family:'sSharpBold'; text-transform:capitalize;}
.header .btn{float:right; margin:16px 20px 0 0; font-size:13px;}

.section{margin-top:82px;}
.sidebar{position:fixed; width:360px; height:calc(100% - 82px); border-right:1px solid #a2a2a2; background:#f2f2f2; overflow-y:auto; z-index:1000;}
.contents{position:relative; width:calc(100% - 360px); margin-left:360px;}

.search{position:relative; padding:13px 0; background:#fff;}
.search_area{margin:0 13px; background:#ececec;}
.search input{width:calc(100% - 62px); padding:13px; line-height:1.6; border:none; outline:none; background:#ececec; font-size:20px; font-family:'sSharpBold';}
.search img{position:absolute; top:50%; right:26px; width:24px; margin-top:-12px;}

.nav{border-bottom:1px solid #ccc; }
.nav a{display:block; position:relative; color:#1b1b1b;}
.nav .chap_more{float:right;}
.nav .toc-chap{border-top:1px solid #ccc; background:#fff;}
.nav .toc-chap:nth-of-type(1){border-top:none;}
.nav .toc-chap{background:#fff url('../contents/images/template/b-close.png') 320px center no-repeat; background-size:16px auto;}
.nav .toc-chap a{padding:19px 26px; font-size:18px;}
.nav .on{background:#6d6d6d url('../contents/images/template/b-open.png') 320px center no-repeat; background-size:16px auto;}
.nav .on a{color:#fff;}
.nav .toc-sect{padding:0 18px 19px 42px; background:#d9d9d9;}
.nav .toc-sect li{padding-top:19px; font-size:15px;}

.cover{position:relative; height:calc(100% - 102px); background:#000 url('../images/bg_cover.jpg') 100px 0px no-repeat; background-size:800px auto ;}
.cover .model{width:30%; padding:208px 0 0 496px; font-size:65px; font-family:"sSharpBold"; text-transform:capitalize;}
.cover .history{position:absolute; bottom:5%; left:220px; width:100%;}
.cover .history_line{position:absolute; top:20px; left:0; width:64.8%; margin-left:134px; border-top:1px solid #4d4d4d; opacity:0.7;}
.cover .tit{margin-left:0px; padding-bottom:15px; font-size:30px; color:#ffc000;}
.cover p{margin-left:134px; padding-bottom:30px; font-size:20px; color:#fff;}
.cover li{margin-left:155px; padding-bottom:13px; font-size:16px; color:#fff; list-style:square;}

.btn_next{display:inline-block; position:absolute; right:70px; top:50%; margin-top:-116px;}

.footer{clear:both;position:fixed; padding:40px 0 35px 0;border-top:1px solid #d7d7d7;width:calc(100% - 360px);bottom:0;right:0;background:#fff;line-height:1em;}
.footer .logo_footer{padding-left:40px;vertical-align:top; width:auto; height:26px;}
.footer .copyright{position:absolute; bottom:40px; right:0;  padding-right:40px; font-size:16px; color:#777; font-family:"sSharpBold";line-height:24px;}