@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Infra Development Team
 * 코스튬 특판 Stylesheet
 * Author - sgp8116@hanbitsoft.co.kr 190516
 ------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {margin:0;padding:0;font-size:100%;}
img, fieldset, button {border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body, input, button, textarea, select, table, kbd {line-height:1.2;font-family:Malgun Gothic,'맑은고딕','돋움', dotum, Helvetica,sans-serif;font-size:12px;color:#000;}
img {vertical-align:middle;}
ol, ul {list-style:none;}
a {text-decoration:none;color:#000;}
a:hover, a:focus, a:active {text-decoration:underline;color:#0000ff;}
button, label {cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm {display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
.irWa {position:relative;display:block;overflow:hidden;width:100%;height:100%;z-index:-1;}
.blind {position:absolute;top:0;left:-1000%;width:1px;height:1px;line-height:0;overflow:hidden;}
.show {display:block;}
.hide {display:none;}
.fL {float:left;}
.fR {float:right;}
.clearFix {zoom:1;}
.clearFix:after {content:'';display:block;clear:both;}
.opc {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;}

/* Styles
-------------------------------------------------------------- */
#wrap {position:relative;width:100%;min-width:1200px;overflow:hidden;}
#wrap .inner{position:relative;width:1100px;height:100%;margin:0 auto;}

/* header */
#header{background:url(../images/bg00.jpg) no-repeat 50% 0;height:870px;}

/* contents */
#contents{}
#contents .cos_list{position:relative;font-size:1px;line-height:0;text-indent:-9999px;height:100%;}
#contents .btn_pre{background:url(../images/btn_prev.png) no-repeat 50% 50%;width:220px;height:40px;transition:0.5s;-webkit-transition:0.5s;}
#contents .cont01 .btn_pre{position:absolute;top:220px;left:439px;z-index:1;}
#contents .cont02 .btn_pre{position:absolute;top:246px;left:439px;z-index:1;}
#contents .btn_pre:hover{left:455px;}
#contents .btn_buy{position:absolute;}

#contents .cont01{background:url(../images/bg01.jpg) no-repeat 50% 0;height:1257px;}

#contents .cont01 .cos01{background:url(../images/cos01_01.png) no-repeat 50% 314px;height:402px;padding-top:300px;}
#contents .cont01 .cos01 .btn_buy.btn01{top:630px;left:39px;width:200px;height:50px;}
#contents .cont01 .cos01 .btn_buy.btn02{top:630px;left:519px;width:340px;height:50px;}

#contents .cont01 .cos02{background:url(../images/cos01_02.png) no-repeat 50% 56px;height:445px;}
#contents .cont01 .cos02 .btn_buy.btn01{top:373px;left:39px;width:200px;height:50px;}
#contents .cont01 .cos02 .btn_buy.btn02{top:373px;left:519px;width:340px;height:50px;}

#contents .cont02{background:url(../images/bg02.jpg) no-repeat 50% 0;height:1281px;}


#contents .cont02 .cos01{background:url(../images/cos02_01.png) no-repeat 50% 337px;height:394px;padding-top:335px;}
#contents .cont02 .cos01 .btn_buy.btn01{top:651px;left:39px;width:200px;height:50px;}
#contents .cont02 .cos01 .btn_buy.btn02{top:651px;left:519px;width:340px;height:50px;}

#contents .cont02 .cos02{background:url(../images/cos02_02.png) no-repeat 50% 53px;height:444px;}
#contents .cont02 .cos02 .btn_buy.btn01{top:367px;left:39px;width:200px;height:50px;}
#contents .cont02 .cos02 .btn_buy.btn02{top:367px;left:519px;width:340px;height:50px;}

#contents .cont03{background:url(../images/bg03.jpg) no-repeat 50% 0;height:269px;}
#contents .cont03 ol{padding:60px 0 0 55px;}
#contents .cont03 ol li{font-size:12px;line-height:20px;letter-spacing:0;font-weight:normal;color:#222;}
#contents .cont03 ol>li{position:relative;margin-bottom:10px;padding-left:15px;}
#contents .cont03 ol>li:before{position:absolute;top:0;left:0;display:block;font-weight:bold;}
#contents .cont03 ol>li:first-child:before{content:"1. ";}
#contents .cont03 ol>li:first-child+li:before{content:"2. ";}
#contents .cont03 ol li>ul>li:before{content:"- ";}

/* footer */
#footer{background:url(../images/footer.jpg) no-repeat 50% 0;height:91px;}