@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

ul {list-style:none;}
a {color:#333; text-decoration:none;}
img, fieldset {border:0;}

html, body {width:100%; font-size:12px; color:#333; line-height:1.5;}

body {background:#c3c3c3; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif, dotum;}
body::before {content:''; display:block; background:url(../images/page_bg.png) 0 0 no-repeat; position:fixed; bottom:0; left:0; width:100%; height:752px; z-index:2;}

#wrap {position:relative; min-width:1200px; z-index:3;}
.innerwrap {width:914px; margin:0 auto; position:relative;}

#header {text-align:center; padding:25px 0; position:relative; background:#f1f1f1; border-bottom:4px solid #a31e24;}

.top_menu {overflow:hidden; position:absolute; top:-12px; right:0;}
.top_menu li {float:left; background:url(/images/top_line.gif) 0 50% no-repeat;}
.top_menu li:first-child {background:none;}
.top_menu li a {display:block; padding:0 7px; font-family:sans-serif; color:#111; font-size:12px;}

/* .main_video {width:914px; height:420px; margin:40px auto 0; overflow:hidden; border:0;}
.main_video p {margin-left:-18px;}
.main_video div {margin-left:-18px; margin-top:-40px;}
.main_video video {width:955px; height:480px;} */
.main_video {width:1000px; margin:40px auto 0; overflow:hidden; border:0;}
.main_video p {margin-left:-18px;}
.main_video div {position:relative; padding-bottom:49.75%; background:#000;}
.main_video video {position:absolute; top:0; left:50%; margin-left:-55%; margin-top:-25px; width:110%; height:110%;}

#footer {padding:18px 0; width:914px; margin:0 auto; text-align:right;}
#footer .lang {margin-bottom:18px;}
#footer .addr {color:#111; font-size:13px; font-weight:bold; font-family:malgun gothic;}

#main_container {overflow:hidden; width:914px; margin:30px auto 0 auto;}
#main_container div {float:left; width:287px; margin-left:26px; padding:15px 0; /* background:url(/images/line_dott.png) 0 0 repeat-x; */}
#main_container div:first-child {margin-left:0;}
#main_container div a {font-size:11px; font-family:'Nanum Gothic', '나눔고딕'; color:#111;}
#main_container div a span {display:block; font-size:18px; font-weight:bold; color:#111; line-height:24px;}
#main_container div p {width:92px; padding:8px 0 0 190px; min-height:112px;}
.bn_shef {background:url(/images/main_bn01.png?ver=1) 0 0 no-repeat;}
.bn_prd {background:url(/images/main_bn02.png?ver=1) 0 0 no-repeat;}
.bn_cs {background:url(/images/main_bn03.png?ver=1) 0 0 no-repeat;}

#container {background:#fff; width:914px; margin:40px auto 0; min-height:600px;}
#container h3 {background:#f4f4f4; padding:16px 15px; font-size:18px; color:#555;}
#container .con {padding:23px 20px; line-height:1.6;}
#container .con h4 {font-size:16px; color:#f01b2e; margin-bottom:10px;}
.story {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif, 'Nanum Gothic', '나눔고딕';}

.link_dw {margin:25px 0;}
.link_dw li {margin:8px 0;}
.link_dw li a {color:#f01b2e;}

.stit {border-bottom:solid 1px #ccc; padding-bottom:5px; font-weight:bold; font-size:14px; margin-bottom:15px;}
.hs_list {overflow:hidden;}
.hs_list dl {float:left; width:175px; margin-right:30px;}
.hs_list dl dt {margin-bottom:10px;}
.hs_list dl dt img {border:solid 1px #555;}
.hs_list dl dd span {display:block; font-weight:bold;}

.prd > ul {overflow:hidden; margin:50px 0 0 50px;}
.prd > ul:first-child {margin-top:0;}
.prd > ul li {float:left; height:240px; text-align:center;}
.prd > ul li:first-child {margin-left:0;}
.prd > ul li p {display:block; line-height:16px;}
.prd > ul.wr li {margin:12px 30px;}
.prd > ul.leather li {margin:12px 30px;}
.prd > ul.calli li {margin:12px 30px;}
.prd > ul.refill li {margin:12px 25px;}
.prd > ul li a {height:220px; display:table-cell; vertical-align:middle; text-align:center;}
.prd > ul.wr li a {width:130px;}
.prd > ul.leather li a {width:150px;}
.prd > ul.calli li a {width:150px;}
.prd > ul.refill li a {width:150px;}