/*@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");

body, table, div, p {font-family: 'Nanum Barun Gothic', sans-serif;}
html, body {width: 100%; height: 100%;}
body{background-color: #FFFFFF; margin: 0;padding: 0;}

*{font-family: 'NanumGothic';}

/* */

/* ############################################
################### CheckBox ##################
############################################ */

.checks {position: relative;}

.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #1D1D1B;
  font-size: 14px;
  letter-spacing: -1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 15px;  /* 체크박스의 너비를 지정 */
  height: 15px;  /* 체크박스의 높이를 지정 */
  line-height: 15px; /* 세로정렬을 위해 높이값과 일치 */
  margin: 5px 8px 5px 10px;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  text-align: center; 
  vertical-align: middle;
  background: #FFFFFF;
  border: 1.5px solid #9C8858;
  border-radius : 4px;
  /* box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  /* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); */
  box-shadow: 0 0 0 0;
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #9C8858;
  /* text-shadow: 1px 1px #fff; */
  background: #FFFFFF;
  border-color: #1D1D1B;
  font-size: 22px;
  font-weight: bold;
  /* border: 2px solid #005CA9; */
  /* box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */
}

/* ############################################
############### SMALL RADIO BUTOON ##############
############################################ */

.smallRadio{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    /* top: -20px; */
    z-index: 1000000;
}

.smallRadio > input[type="radio"] {
    display:none;
}

.smallRadio > input[type="radio"] + label span{
    display:inline-block;
    width: 100px;
    height: 20px;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-indent: 20px;
    line-height: 16px;
    font-size: 13px;
    /* background:url(../../images/study/small_radio_unchecked.png) left top no-repeat; */
    cursor: pointer;
    transition: .3s;
}

.smallRadio > input[type="radio"]:checked + label span {
    /* background:url(../../images/study/small_radio_checked.png) left top no-repeat; */
}

/* ########################################## */
/* ########################################## */
/* ########################################## */


header{
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #000000;
    clear: both;
}

.headerWrap{
    position: relative;
    width: 100%;
    height: 80px;
}

.headerLeft{
    position: relative;
    width: 150px;
    height: 100%;
    float: left;
}

.headerMiddle{
    position: relative;
    width: calc(100% - 300px);
    height: 100%;
    float: left;
}

.logoDiv{
    position: relative;
    width: 140px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    cursor: pointer;
    background-image: url(../images/logo.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    transition: .3s;
}

.headerRight{
    position: relative;
    width: 150px;
    height: 100%;
    float: left;
}

/* .headerRight{
    position: relative;
    width: 150px;
    height: 40px;
    left: calc(100% - 150px);
    top: 26px;
    overflow: hidden;
} */

.hr_1{
    position: relative;
    width: 44px;
    height: 100%;
    float: left;
    background-image: url(../images/ico/h_1.png);
    background-position-x: 20%;
    background-position-y: 66%;
    background-repeat: no-repeat;
    color: #FFFFFF;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 100px;
    cursor: pointer;
}

.hr_2{
    position: relative;
    width: 44px;
    height: 100%;
    float: left;
    background-image: url(../images/ico/h_2.png);
    background-position-x: 20%;
    background-position-y: 66%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.hr_3{
    position: relative;
    width: 44px;
    height: 100%;
    float: left;
    background-image: url(../images/ico/h_3.png);
    background-position-x: 20%;
    background-position-y: 66%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.ico_1{
    position: relative;
}

.navi{
    position: relative;
    width: 100%;
    height: 40px;
    background-color:  #706F6F;
    /* top: 40px; */
    z-index: 10000;
}

.navi > div{
    position: relative;
    /* width: 16.66%; */
    width: 20%;
    height: 40px;
    float: left;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 42px;
    background-position-x: 10%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    transition: .3s;
}

.navi > div:hover{
    background-color: rgba(0, 0, 0, 0.34);
}

.naviSelected{
    background-color: rgba(0, 0, 0, 0.34);
}

/* .navi > div:nth-child(1){background-image: url(../images/ico/ic_1.png);text-indent: 28%;}
.navi > div:nth-child(2){background-image: url(../images/ico/ic_2.png);text-indent: 40%;}
.navi > div:nth-child(3){background-image: url(../images/ico/ic_3.png);text-indent: 33%;}
.navi > div:nth-child(4){background-image: url(../images/ico/ic_4.png);text-indent: 33%;}
.navi > div:nth-child(5){background-image: url(../images/ico/ic_5.png);text-indent: 33%;}
.navi > div:nth-child(6){background-image: url(../images/ico/ic_6.png);text-indent: 33%;} */

.navi > div:nth-child(1){background-image: none; text-align: center;}
.navi > div:nth-child(2){background-image: none; text-align: center;}
.navi > div:nth-child(3){background-image: none; text-align: center;}
.navi > div:nth-child(4){background-image: none; text-align: center;}
.navi > div:nth-child(5){background-image: none; text-align: center;}
.navi > div:nth-child(6){background-image: none; text-align: center;}



.sliderWrap{
    position: relative;
    width: 100%;
    height: 490px;
    /* top: -40px; */
    background-color:  #706F6F;
    font-size: 30px;
}

.slider{
    position: relative;
    width: 100%;
    height: 490px;
}

.div1{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/m_1.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.div2{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/m_2.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.div3{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/m_3.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

/* ######################################## */

.miniBoard{
    position: relative;
    width: 100%;
    height: 300px;
}

.miniBoardDiv{
    position: relative;
    width: calc(25% - 2px);
    height: 100%;
    float: left;
    border-right: 2px solid #DADADA;
}

.miniBoardHeader{
    position: relative;
    width: 100%;
    height: 60px;
    background-position-x: 5%;
    background-position-y: 100%;
    background-repeat: no-repeat;
    text-indent: 65px;
    line-height: 90px;
    color: #706F6F;
    font-size: 22px;
}

.miniBoardBody{
    position: relative;
    width: calc(100% - 15px);
    height: calc(100% - 20px);
    top: 20px;
    left: 15px;
    color: #706F6F;
    
    overflow: hidden;
}

.miniBoardBody2{
    position: relative;
    width: calc(100% - 15px);
    height: calc(100% - 20px);
    top: 20px;
    left: 15px;
    color: #706F6F;
    font-size: 16px;
    overflow: hidden;
}

.miniBoardBodySpan{
    position: relative;
    display: block;
    width: 95%;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
    transition: .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.miniBoardBodySpan:hover{
    font-weight: bold;
}

.miniBoardBodyCSSpan1{
    position: relative;
    display: block;
    color: #706F6F;
    font-size: 16px;
    font-weight: bold;
}

.miniBoardBodyCSSpan2{
    position: relative;
    display: block;
    color: #706F6F;
    font-size: 14px;
}

.miniBoardHeader_1{background-image: url(../images/ico/b_1.png);}
.miniBoardHeader_2{background-image: url(../images/ico/b_2.png);}
.miniBoardHeader_3{background-image: url(../images/ico/b_3.png);}
.miniBoardHeader_4{background-image: url(../images/ico/b_4.png);}

/* ######################################## */

.back40{
    /* background-color: #706F6F; */
    height: 40px;
    width: 100%;
}

.p_titieDiv{
    position: relative;
    width: 98%;
    height: 80px;
    color: #1D1D1B;
    font-size: 24px;
    line-height: 80px;
    font-weight: bold;
    /* background-color: #9C8858; */
    /* text-indent: 10%; */
    text-indent: 135px;
}

.productDiv{
    position: relative;
    width: calc(100% - 100px);
    min-height: 600px;
    padding: 20px 30px 80px 80px;
    /* background-color: #CCCCCC; */
    margin: 0 auto;
    overflow: hidden;
}

.productDivInner{
    position: relative;
    width: 100%;
    /* background-color: #9C8858; */
    /* background-color: #CCCCCC; */
}

.productLinkBox{
    position: relative;
    width: 600px;
    height: 800px;
    float: left;
    transition: .3s;
    margin-right: 40px;
    margin-bottom: 150px;
    cursor: pointer;
}

/* .productLinkBox:hover{
    background-color:rgba(0, 0, 0, .1);
} */

.productLinkInnerDiv{
    position: relative;
    width: 80%;
    height: 100%;
    border: 2px solid #706F6F;
	top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    cursor: pointer;
    transition: .3s;
}

.productLinkInnerDiv:hover{
    background-color:rgba(0, 0, 0, .1);
}

.p_innerBody{
    position: relative;
    width: 100%;
    /* height: 83%; */
    height: 75%;
    border-bottom: 2px solid #706F6F;
    /* background-image: url(../images/testImg.png); */
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: contain;
}

.p_innerBody2{
    position: relative;
    width: 100%;
    height: 83%;
    border-bottom: 2px solid #706F6F;
    /* background-image: url(../images/making.png); */
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-size: contain;
}

.p_innerBottom{
    position: relative;
    width: 100%;
    height: 16%;
}

.p_span1{
    position: relative;
    display: block;
    padding-top: 20px;
    text-indent: 60px;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #1D1D1B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.p_span2{
    position: relative;
    display: block;
    text-indent: 60px;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #DE3C42;
}

/* ######################################## */

.detailDiv{
    position: relative;
    width: 80%;
    min-height: 690px;
    margin: 0 auto;
    top: 40px;
}

.d_Inner{
    position: relative;
    width: 50%;
    min-height: 520px;
    float: left;
}

.d_InnerImgDiv{
    position: relative;
    width: 100%;
    min-height: 520px;
    /* background-image: url(../images/m_1.png); */
    background-repeat: no-repeat;
    background-position-x: 80%;
    background-position-y: 0%;
    /* background-color: lightblue; */
    background-size: contain;
}

.d_InnerSpanTitle{
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 22px;
    color: #1D1D1B;
    text-indent: 12px;
    border-top: 1px solid #1D1D1B;
    border-bottom: 1px solid #1D1D1B;
}

.d_InnerBody{
    position: relative;
    width: 100%;
    height: 150px;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
}

.d_InnerBodyLeft{
    position: relative;
    width: 100px;
    height: 100%;
    float: left;
}

.d_InnerBodyRight{
    position: relative;
    width: calc(100% - 100px);
    height: 100%;
    float: left;
}

.d_innerLeftSpan{
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    color: #1D1D1B;
    font-size: 16px;
    line-height: 30px;
    text-indent: 12px;
}

.d_innerRightSpan1{
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    color: #DE3C42;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.d_innerRightSpan2{
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    color: #1D1D1B;
    font-size: 16px;
    line-height: 30px;
}

.d_innerOption{
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #1D1D1B;
}

.d_innerSelect{
    position: relative;
    margin: 0;
    padding: 0;
    width: 95%;
    height: 30px;
    top: 50%;
    font-size: 16px;
    font-weight: bold;
    transform: translateY(-50%);
    cursor: pointer;
}

.d_innerSelect option{
    font-size: 16px;
    font-weight: bold;
}

.d_result{
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #F5F5F4;
    border-bottom: 1px solid #1D1D1B;
}

.d_InnerBodyLeftSE{
    position: relative;
    width: 48%;
    height: 100%;
    float: left;
}

.d_resultSpan1{
    position: relative;
    display: block;
    line-height: 50px;
    color: #1D1D1B;
    font-size: 16px;
    text-indent: 12px;
    /* padding-right: 50px; */
}

.d_InnerBodyRightSE{
    position: relative;
    /* width: calc(100% - 260px); */
    width: 52%;
    height: 100%;
    float: left;
    overflow: hidden;
    /* background-color: #9C8858; */
    z-index: 10000;
}

.d_resultSpan2{
    position: relative;
    display: block;
    line-height: 50px;
    color: #DE3C42;
    font-weight: bold;
    font-size: 16px;
    padding: 0 15px 0 50px;
    float: left;
}

.d_exitBtn{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background-image: url(../images/ico/exitBtn.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    float: left;
    top: 50%; 
    transform: translateY(-50%);
    cursor: pointer;
}

.d_btnDiv{
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden;
    top: 40px;
}

.basicGrayBtn{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 49%;
    height: 100%;
    background-color: #F5F5F4;
    border: 1px solid #1D1D1B;
    line-height: 100%;
    color: #1D1D1B;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    float: left;
    cursor: pointer;
    transition: .3s;
}

.basicGrayBtn_33{
    width: 33.3%;
    font-size: 16px;
}

.basicGrayBtn:hover{
    background-color: #EAEAEA;
}

.basicRedBtn{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 100%;
    background-color: #DE3C42;
    line-height: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    float: left;
    cursor: pointer;
}

.basicRedBtn100{
    width: 100%;
}

.basicRedBtn:hover{
    background-color: #D2242B;
}

.detailContentsDiv{
    position: relative;
    width: 80%;
    min-height: 100px;
    margin: 0 auto;
}

.letterSpacing_1{ letter-spacing: 1.2px;}
.lineHeight50{ line-height: 50px;}

/* ########################################
########################################
######################################## */

.d1_Div{
    position: relative;
    width: 970px;
    border: 20px solid #A6A9AE;
    margin: 0;
    padding: 0;
    margin: 0 auto;
}

.d1_DivRed{
    position: relative;
    width: 970px;
    border: 20px solid #DE3B42;
    margin: 0;
    padding: 0;
    margin: 0 auto;
}

.d1_Div1{
    position: relative;
    width: 970px;
    height: 170px;
    margin: 0 auto;
}

.d1_innerVBar1{
    position: relative;
    float: left;
    width: 80px;
    height: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-image: url(../images/vbar.png);
}

.d1_innerVBar1Red{
    position: relative;
    float: left;
    width: 80px;
    height: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-image: url(../images/vbar2.png);
}

.d1_innerVBar2{
    position: relative;
    width: 890px;
    height: 170px;
    float: left;
}

.d1_titleSpan{
    position: relative;
    font-size: 40px;
    font-weight: bold;
    color: #414141;
    padding-right: 20px;
    top: 45px;
}

.d1_titleSpan2{
    top: 105px;
}

.d1_titleSpan3{
    top: 105px;
}

.d1_Div2{
    position: relative;
    width: 970px;
    height: 260px;
    background-color: #040707;
    margin: 0 auto;
}

.d1_Div3{background: none;}

.d1_innerVBar3{
    position: relative;
    height: 130px;
}

.d1_innerVBar4{
    position: relative;
    width: 100%;
    height: 85px;
}

.d1_innerSpan3, .d1_innerSpan6{
    position: absolute;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    top: 50%;
    padding-left: 30px;
    padding-right: 20px;
}

/* ######################################## */

.d2_titleBox{
    position: relative;
    width: 100%;
    height: 160px;
    background-color: #E8E8E9;
}

.d2_titleSpan1{
    position: relative;
    display: block;
    color: #808181;
    font-size: 36px;
    text-align: center;
    top: 25px;
    letter-spacing: 3.4px;
}

.d2_titleSpan2{
    position: relative;
    display: block;
    color: #414141;
    font-size: 50px;
    font-weight: bolder;
    text-align: center;
    top: 35px;
}

.d2_inner1{
    position: relative;
    height: 30px;
    color: #414141;
    font-size: 20px;
    text-align: center;
}

.d2_innerSpan1{
    position: relative;
    color: #808181;
    font-size: 22px;
    text-align: center;
}

.d2_innerSpan3{
    position: relative;
    color: #808181;
    font-size: 22px;
    text-align: center;
}

.d2_inner1BoldSpan{
    font-weight: bolder;
}

.d2_inner1BoldSpan2{
    font-weight: bolder;
}

.d2_backImg{
    position: relative;
    margin-top: 24px;
    height: 1000px;
    padding: 20px;
    background-image: url(../images/m_1.png);
    background-position-x: 50%;
    background-position-y: 0%;
    background-size: 90%;
    background-repeat: no-repeat;
}

.d2_backImg2{
    position: relative;
    margin-top: 24px;
    height: 1100px;
    padding: 20px;
    background-image: url(../images/m_2.png);
    background-position-x: 50%;
    background-position-y: 0%;
    background-size: 90%;
    background-repeat: no-repeat;
}

.d1_innerVBar3SE{height: 200px;}
.d1_innerVBar33{height: 240px;}

.d1_innerVBar3_1{
    position: relative;
    height: 60px;
}

.d1_innerVBar3_2{
    position: relative;
    width: 90%;
    height: 140px;
}

.d1_innerVBar3_3{
    position: relative;
    width: 90%;
    height: 180px;
}

.d1_innerVBar3_1_span1{
    color: #808181;
    font-size: 56px;
    font-weight: bolder;
    padding-left: 20px;
    letter-spacing: -1px;
}

.d1_innerVBar3_1_span2{
    color: #414141;
    font-size: 48px;
    font-weight: bolder;
    padding-left: 20px;
    line-height: 80px;
    letter-spacing: -1px;
}

.d1_innerVBar3_2_span1{
    position: relative;
    color: #808181;
    font-size: 22px;
    top: 30px;
    left: 80px;
}

.d1_innerVBar3_2_span2{
    position: relative;
    display: inline-block;
    color: #808181;
    font-size: 22px;
    top: 20px;
    left: 80px;
}

.d1_innerVBar3_2_span2SE{left: 0;}

.d3_backImg_1{
    position: relative;
    width: 90%;
    height: 400px;
    margin: 0 auto;
    background-image:url('../images/gif/gif_1.gif'), url('../images/gif/gif_2.gif');
    background-size:50% 100%, 50% 100%; 
    background-position:0px 0px ,100% 0px;
    background-repeat:no-repeat;
}

.d3_backImg_2{
    position: relative;
    width: 90%;
    height: 600px;
    margin: 0 auto;
    background-image:url('../images/gif/gif_3.gif');
    background-position:50% 0px;
    background-repeat:no-repeat;
    padding-bottom: 60px;
}

.d3_backImg_3{
    position: relative;
    width: 90%;
    height: 900px;
    margin: 0 auto;
    background-image:url('../images/sub/s_3.png');
    background-position: 50% 0px;
    background-repeat:no-repeat;
    background-size: contain;
}

.d3_backImg_4{
    position: relative;
    width: 90%;
    height: 900px;
    margin: 0 auto;
    background-image:url('../images/sub/s_2.png');
    background-position: 50% 0px;
    background-repeat:no-repeat;
    background-size: contain;
}

.d3_backImg_5{
    position: relative;
    width: 90%;
    height: 400px;
    margin: 0 auto;
    background-image:url('../images/sub/s_6.png'), url('../images/sub/s_8.png');
    background-size:50% 100%, 50% 100%; 
    background-position:0px 0px ,100% 0px;
    background-repeat:no-repeat;
}

.d3_backImg_6{
    position: relative;
    width: 90%;
    height: 900px;
    margin: 0 auto;
    background-image:url('../images/m_2_s.png');
    background-position: 50% 0px;
    background-repeat:no-repeat;
    background-size: contain;
}

.d2_inner2{
    position: relative;
    height: 250px;
    text-align: center;
}

.d2_inner3{
    position: relative;
    height: 500px;
    text-align: center;
    padding-bottom: 90px;
}

.d2_inner2 span{
    position: relative;
    top: 270px;
}

.d2_inner3 span{
    position: relative;
    top: 520px;
}

.d2_inner2_inner{
    position: relative;
    float: left;
    width: 300px;
    height: 250px;
    text-align: center;
    border: 11.5px solid#864f4f;
}

.d2_inner2_inner2{
    position: relative;
    float: left;
    width: 462px;
    height: 500px;
    border: 11.5px solid#864f4f;
    text-align: center;
}

.d2_inner2_innerImg_1{
    position: relative;
    background-image:url('../images/sub/s_1.png');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.d2_inner2_innerImg_2{
    position: relative;
    background-image:url('../images/sub/s_5.png');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.d2_inner2_innerImg_3{
    position: relative;
    background-image:url('../images/sub/s_13.png');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.d2_inner2_innerImg_4{
    position: relative;
    background-image:url('../images/sub/s_11.png');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.d2_inner2_innerImg_5{
    position: relative;
    background-image:url('../images/sub/s_12.png');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.dd1_Div3{
    position: relative;
    width: 970px;
    height: 1000px;
    background-color: #040707;
    margin-bottom: 80px;
}

.dd1_Div3_innerImg_1{
    position: relative;
    background-image:url('../images/etc/1.jpg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.dd1_Div3_innerImg_2{
    position: relative;
    background-image:url('../images/etc/2.jpg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.dd1_Div3_innerImg_3{
    position: relative;
    background-image:url('../images/etc/3.jpg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.dd1_Div3_innerImg_4{
    position: relative;
    background-image:url('../images/etc/4.jpg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.dd1_Div3_innerImg_5{
    position: relative;
    background-image:url('../images/etc/5.jpg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.dd1_Div3_innerImg_6{
    position: relative;
    background-image:url('../images/etc/6.jpg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size: contain;
}

.d1_Div1SpanDiv{
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    font-weight: bolder;
    color: #414141;
    margin-left: 30px;
}

.d1_innerSpan4{color: #FEC00F;}
.d1_innerSpan5{color: #404040;}
.d1_innerSpan33{top: 25%;}

.d1_Div_red{color: #DE3C42;}

/* ######################################## */

.tabMenu{
    position: relative;
    width: calc(98% + 2px);
    height: 82px;
    margin: 0 auto;
    background: #FFFFFF;
}

.tabMenu > section{
    display: none;
    width: calc(98% + 2px);
    height: 35px;
    top: 40px;
    background-color: #CCCCCC;
}

.tabMenu > input{
    display: none;
}

.tabMenu > label {
    position: relative;
    width: 49%;
    height: 40px;
    float: left;
    color: #414042;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #414042;
    cursor: pointer;
    transition: .3s;
}

.tabMenu > input:checked + label {
    color: #FFFFFF;
    background-color: #414042;
    border: 1px solid #414042;
}

#tab1:checked ~ #content1, #tab2:checked ~ #content2 {
    display: block;
}

.videoDiv{
    position: relative;
    width: 100%;
    min-height: 250px;
    top: 120px;
    padding-bottom: 120px;
}

/* ######################################## */

.dprogressWrap{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #706F6F;
    overflow-y: auto;
    overflow-x: hidden;
}

.dprogressDiv{
    position: relative;
    width: 80%;
    min-height: 690px;
    margin: 0 auto;
    top: 40px;
    
}

.d_innerWrap{
    position: relative;
    width: 90px;
    height: 130px;
    float: left;
}

.d_innerWrap2{
    position: relative;
    width: 60px;
    height: 130px;
    float: left;
}

.d_innerHead{
    position: relative;
    width: 100%;
    height: 40px;
    background-image: url(../images/ico/select.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.d_innerHeadNone{
    background-image: none;
}

.d_innerBody1{
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    background-color: #414142;
}

.d_selected{
    background-color: #1D1D1B;
}

.d_span1{
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    top: 30px;
}

.d_span2{
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    top: 36px;
}

.d_innerBody2{
    position: relative;
    width: 100%;
    height: 90px;
    background-image: url(../images/ico/arrow.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.d_arrow{
    position: relative;
    width: 90px;
    height: 90px;
}


.d_infor{
    position: relative;
    width: 100%;
    top: 120px;
    
}

.d_span3{
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 20px;
}

.d_span3:nth-child(6){
    padding-bottom: 4px;
}

.d_txtIndent20{
    text-indent: 22px;
}

.d_bottomDiv{
    position: relative;
    top: 200px;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background-color: #414042;
    line-height: 40px;
    margin-bottom: 80px;
}

.d_inner1{
    position: relative;
    display: inline-block;
    width: 90px;
    height: 40px;
    background-color: #414042;
    border-radius: 8px 0 0 8px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}

.d_inner2{
    position: relative;
    display: inline-block;
    width: calc(100% - 192px);
    background-color: #FFFFFF;
    height: 40px;
    text-indent: 20px;
    color: #1D1D1B;
    font-weight: bold;
    letter-spacing: -1px;
}

.d_inner3{
    position: relative;
    display: inline-block;
    width: 90px;
    height: 40px;
    background-color: #414042;
    border-radius: 0 8px 8px 0;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    transition: .3s;
}

.d_inner3:hover{
    background-color: #1D1D1B;
}

/* ######################################## */

.cartDiv{
    position: relative;
    /* width: calc(85% + 45px); */
    /* background-color: #9C8858; */
    width: 950px;
    /* min-height: 490px; */
    /* height: 100%; */
    margin: 0 auto;
    top: 80px;
}

.c_headerDiv{
    position: relative;
    width: 100%;
    height: 34px;
    border-top: 1px solid #1D1D1B;
    background-color: #F5F5F4;
    overflow: hidden;
}

.c_h_1{
    position: relative;
    width: 40px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    float: left;
}

.c_h_2{
    position: relative;
    width: 100px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_h_3{
    position: relative;
    width: 35%;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_h_3SE{
    position: relative;
    width: calc(35% + 45px);
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_h_4{
    position: relative;
    width: 14%;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_h_5{
    position: relative;
    width: 21%;
    height: 100%;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    /* background-color: #1D1D1B; */
    float: left;
}

.c_bodyDiv{
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #1D1D1B;
    background-color: #FFFFFF;
    overflow: hidden;
}

.c_b_inner{
    position: relative;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #CDCCCC;
    overflow: hidden;
}

.c_b_1{
    position: relative;
    width: 40px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    float: left;
}

.c_b_2{
    position: relative;
    width: 100px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_b_2 > img{
    position: relative;
    width: 95%;
    height: 95%;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.c_b_3{
    position: relative;
    width: 35%;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_b_3SE{
    position: relative;
    width: calc(35% + 45px);
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_b_3_exitBtn{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;
    background-image: url(../images/ico/exitBtn.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10000;
}

.c_infor_1{
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #1D1D1B;
    text-indent: 12px;
    text-align: left;
    line-height: 100px;
}

.c_infor_2{ display: none;}
.c_infor_3{ display: none;}

.c_b_4{
    position: relative;
    width: 14%;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    float: left;
}

.c_b_4_span{
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #1D1D1B;
    text-indent: 12px;
    text-align: right;
    padding-right: 12px;
    line-height: 100px;
}

.c_b_5{
    position: relative;
    width: 21%;
    height: 100%;
    text-align: center;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    /* background-color: #1D1D1B; */
    float: left;
}

.c_b_5_span{
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #DE3C42;
    text-indent: 12px;
    text-align: right;
    padding-right: 12px;
    line-height: 100px;
}

.calcDiv{
    position: relative;
    width: 950px;
    height: 100px;
    margin: 0 auto;
    margin-top: 100px;
    overflow: hidden;
    margin-bottom: 40px;
}

.calcInner1{
    position: relative;
    width: 620px;
    height: 100px;
    float: left;
}

.calcInner2{
    position: relative;
    width: 150px;
    height: 100px;
    background-image: url(../images/ico/plus.png);
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    float: left;
}

.calcInner3{
    position: relative;
    width: 180px;
    height: 100px;
    background-image: url(../images/ico/equal.png);
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    float: left;
}

.calcSpan1{
    position: relative;
    display: block;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    padding-right: 16px;
    color: #1D1D1B;
    top: 30px;
}

.calcSpan2{
    position: relative;
    display: block;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    padding-right: 16px;
    color: #DE3C42;
    top: 40px;
}

.calcSpan3{
    position: relative;
    display: block;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    padding-right: 16px;
    color: #DE3C42;
    top: 40px;
}

.cart_btnDiv{
    position: relative;
    width: 950px;
    height: 50px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    overflow: hidden;
}

.cart_btnInner1{
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
}

.cart_btnInner2{
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
}

/* ######################################## */

.orderDiv{
    position: relative;
    width: 950px;
    margin: 0 auto;
    margin-top: 40px;
    /* background-color: #9C8858; */
    margin-bottom: 50px;
}

.o_titleDiv{
    position: relative;
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #1D1D1B;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: bold;
    line-height: 39px;
}

.o_wrap{
    position: relative;
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #CDCCCC;
    line-height: 39px;
    font-size: 16px;
    color: #1D1D1B;
    background-color: #FFFFFF;
}

.o_wrapSpan1{
    position: relative;
    display: block;
    width: 25%;
    background-color: #F5F5F4;
    text-indent: 12px;
    float: left;
}

.o_wrapSpan2{
    position: relative;
    display: block;
    width: 75%;
    text-indent: 12px;
    float: left;
}

.o_wrapInput{
    position: relative;
    display: block;
    width: 72%;
    height: 30px;
    top: 3px;
    left: 12px;
    text-indent: 12px;
    float: left;
    border: 1px solid #1D1D1B;
}

.o_wrapInput2{
    position: relative;
    width: 300px;
    height: 26px;
    top: 6px;
    left: 12px;
    text-indent: 12px;
    float: left;
    border: 1px solid #1D1D1B;
}

.o_wrapBtn{
    position: relative;
    display: inline-block;
    width: 120px;
    height: 30px;
    left: 22px;
    background-color: #414142;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}

.o_wrapBtn2{ display: none;}

.o_selectDiv{
    position: relative;
    display: block;
    width: 75%;
    height: 100%;
    text-indent: 12px;
    float: left;
    text-indent: 12px;
}

.o_innerSelect{
    position: relative;
    margin: 0;
    padding: 0;
    width: 97%;
    height: 30px;
    cursor: pointer;
}

.o_resultBox{
    position: relative;
    width: 97%;
    height: 60%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #DE3C42;
    line-height: 60px;
    padding-right: 15px;
    border: 1px solid #DE3C42;
}

.o_checkBox{
    position: relative;
    width: 98%;
    height: 30px;
}

.o_btnBox{
    position: relative;
    width: 230px;
    height: 50px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.o_titleSpan{
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #1D1D1B;

    margin-bottom: 40px;
}

.o_imgBox{
    position: relative;
    width: 98%;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    color: #1D1D1B;
    font-size: 24px;
    font-weight: bold;
    line-height: 200px;
}

/* ######################################## */

.boardDiv{
    position: relative;
    width: 950px;
    min-height: 690px;
    margin: 0 auto;
    top: 40px;
}

.b_titleDiv{
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 22px;
    font-weight: bold;
    color: #1D1D1B;
    text-indent: 50px;
    line-height: 60px;
    background-image: url(../images/ico/b_3.png);
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    margin-bottom: 24px;
}

.b_titleDivSE{
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 22px;
    font-weight: bold;
    color: #1D1D1B;
    text-indent: 50px;
    line-height: 60px;
    background-image: url(../images/ico/b_2.png);
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    margin-bottom: 24px;
}

.b_titleInner{
    position: absolute;
    width: 80px;
    height: 30px;
    top: 20px;
    right: 10px;
    font-size: 14px;
    text-indent: 26px;
    line-height: 40px;
    font-weight: normal;
    background-image: url(../images/ico/pen.png);
    background-position-x: 0%;
    background-position-y: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.b_headerDiv{
    position: relative;
    width: 100%;
    height: 33px;
    background-color: #414142;
    color: #FFFFFF;
    line-height: 33px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.b_h100{
    position: relative;
    display: block;
    width: 99px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    float: left;
}

.b_h1002{
    position: relative;
    display: block;
    width: 99px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    float: left;
}

.b_h150{
    position: relative;
    display: block;
    width: 150px;
    height: 100%;
    float: left;
}

.b_h600{
    position: relative;
    display: block;
    width: 599px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    float: left;
}

.b_bodyDiv{
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.b_bodyInner{
    position: relative;
    width: 100%;
    height: 29px;
    border-bottom: 1px solid #CDCCCC;
    color: #1D1D1B;
    font-size: 15px;
    line-height: 29px;
    cursor: pointer;
    transition: .3s;
}

.b_bodyInner:hover{
    background-color: #EFEFEF;
}

.b_b100{
    position: relative;
    display: block;
    width: 99px;
    height: 100%;
    border-right: 1px solid #F5F5F4;
    float: left;
    text-align: center;
}

.b_b1002{
    position: relative;
    display: block;
    width: 99px;
    height: 100%;
    border-right: 1px solid #F5F5F4;
    float: left;
    text-align: center;
}

.b_b150{
    position: relative;
    display: block;
    width: 150px;
    height: 100%;
    float: left;
    text-align: center;
}

.b_b600{
    position: relative;
    display: block;
    width: 599px;
    height: 100%;
    border-right: 1px solid #CDCCCC;
    float: left;
    text-indent: 12px;
}

.b_pagingDiv{
    position: relative;
    width: 500px;
    height: 24px;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
}

.b_pagingBtn{
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
    background-color: #414142;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    font-size: 15px;
    border-radius: 6px;
    cursor: pointer;
}

.b_pagingInner{
    position: relative;
    display: inline-block;
    min-width: 22px;
    height: 24px;
    text-align: center;
    overflow: hidden;
}

.b_span{
    position: relative;
    display: block;
    width: 20px;
    height: 24px;
    float: left;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}

.b_span:hover{
    background-color: #EFEFEF;
    border-radius: 4px;
}

/* ######################################## */

.writeDiv{
    position: relative;
    width: 90%;
    min-height: 690px;
    margin: 0 auto;
    top: 40px;
}

.writeDivInner{
    position: relative;
    width: 100%;
    height: 100%;
}

.w_inner1{
    position: relative;
    width: 100%;
    height: 33px;
    background-color: #FFFFFF;
    overflow: hidden;
    border-top: 1px solid #414142;
}

.w_inner2{
    position: relative;
    width: 100%;
    /* min-height: 200px; */
    background-color: #FFFFFF;
    overflow: hidden;
    border-top: 1px solid #414142;
    border-bottom: 1px solid #414142;
}

.w_innerDiv1{
    position: relative;
    width: 100px;
    height: 100%;
    background-color: #F5F5F4;
    float: left;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #1D1D1B;
}

.w_innerDiv2{
    position: relative;
    width: calc(100% - 100px);
    height: 100%;
    float: left;
}

.w_input{
    position: relative;
    width: calc(100% - 8px);
    height: 30px;
    text-indent: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #1D1D1B;
}

.w_area{
    position: relative;
    width: calc(100% - 27px);
    height: 100%;
    text-indent: 12px;
    font-size: 15px;
    font-weight: bold;
    color: #1D1D1B;
    padding: 12px;
    line-height: 25px;
}

.w_btnBox{
    position: relative;
    width: 200px;
    height: 30px;
    margin: 0 auto;
    margin-top: 80px;
    padding-bottom: 80px;
}

.w_btn{
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    border: none;
    background-color: #706F6F;
    cursor: pointer;
    transition: .3s;
}

.w_btn:hover{
    background-color: #1D1D1B;
}

/* ######################################## */
/* ######################################## */
/* ######################################## */

footer{
    position: relative;
    width: 100%;
    height: 120px;
    background-color: #000000;
    overflow: hidden;
}

.f_logo{
    position: relative;
    width: 13%;
    height: 60px;
    top: 30px;
    border-right: 2px solid #FFFFFF;
    background-image: url(../images/logo_f.png);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    float: left;
}

.f_contents{
    position: relative;
    width: 87%;
    left: 13%;
    top: -30px;
    height: 60px;
    float: left;
    padding-left: 24px;
}

.f_span1{
    position: relative;
    display: block;
    font-size: 14px;
    color: #FFFFFF;
}

/* ########################################## */
/* ########################################## */
/* ########################################## */

.ui-button.ui-widget.ui-spinner-button.ui-spinner-up {
    position: absolute;
    width: 20px;
    height: 14px;
    top: 0px;
    /* border: 1px solid #6F2A54;
    background-color:#6F2A54 ; */
    background-image: url('../../images/s_up.png');
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10000;
 }
  
 .ui-button.ui-widget.ui-spinner-button.ui-spinner-down {
    position: absolute;
    width: 20px;
    height: 14px;
    /* border: 1px solid #6F2A54;
    background-color:#6F2A54 ; */
    background-image: url('../../images/s_down.png');
    background-repeat: no-repeat;
    top: 14px;
    cursor: pointer;
    z-index: 10000;
}

._spinnerDiv{
    position: relative;
    width: 30px;
    height: 28px;
    float: left;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
}

/* ._spinnerDivCover{
    position: absolute;
    width: 176%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 10000;
} */

._spinnerDiv > input{
    position: relative;
    height: 28px;
    z-index: 100000;
}

._spinner{
    position: relative;
    width: 20px;
    text-align: center;
    font-size: 16px;
    color: #6F2A54;
    border: none;
    height: 14px;
    z-index: 10000;
}

/* ######################################## */
/* ############# INNER PAGE ############## */
/* ######################################## */

.i_title{
    position: relative;
    width: 100%;
    height: 120px;
    background-color: #706F6F;
    margin-top: 100px;
    margin-bottom: 100px;
}

.i_titleSpan{
    position: relative;
    display: block;
    line-height: 120px;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    text-indent: 60px;
}

.i_image{
    position: relative;
    width: 1000px;
    height: 800px;
    
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.i_url1{ background-image: url(../images/m_1.png);}

.i_innerBox{
    position: relative;
    width: 800px;
    height: 100%;
    padding: 80px 0 80px 0;
    margin: 0 auto;
}

.i_innerSpan1{
    position: relative;
    display: block;
    font-size: 52px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.i_infor{
    position: relative;
    display: block;
    width: 100%;
    
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;

    /* margin-bottom: 20px; */
}

.i_inforImg1{ height: 1130px; background-image: url(../images/etc/i_1_1.png);}
.i_inforImg2{ height: 3526px; background-image: url(../images/etc/i_1_2.png);}
.i_inforImg3{ height: 1728px; background-image: url(../images/etc/i_1_3.png);}
.i_inforImg4{ height: 3526px; background-image: url(../images/etc/i_2_1.png);}

/* ######################################## */
/* ######################################## */

.basicPop{
    position: relative;
    width: 390px;
    height: 290px;
    border: 5px solid #1D1D1B;
    border-radius: 15px;
    font-size: 24px;
    color: #1D1D1B;
    background-color: #CDCCCC;
    background-image: url(../images/alert.png);
    background-position-x: 50%;
    background-position-y: 20%;
    background-repeat: no-repeat;
    text-align: center;
}

.basicBtn{
    position: relative;
    width: 100px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    background-color: #66665C;
    transition: .3s;
    cursor: pointer;
}

.basicPopSpan{
    position: relative;
    display: block;
    top: 164px;
    width: 400px;
    font-size: 24px;
    font-weight: bold;
    color: #1D1D1B;
}

.basicBtn:hover{
    background-color: #1D1D1B;
}

.basicBtn_set1{
    position: relative;
    display: block;
    margin: 0 auto;
    top: 210px;
}

/* ########################################## */
/* ########################################## */
/* ########################################## */
.clearBoth{clear: both;}

.marginTop-5{    margin-top: 5px;}
.marginTop-8{    margin-top: 8px;}
.marginTop-10{    margin-top: 10px;}
.marginTop-12{    margin-top: 12px;}
.marginTop-15{    margin-top: 15px;}
.marginTop-16{    margin-top: 16px;}
.marginTop-20{    margin-top: 20px;}
.marginTop-20_3{    margin-top: 20.3px;}
.marginTop-23{    margin-top: 23px;}
.marginTop-24{    margin-top: 24.5px;}
.marginTop-25{    margin-top: 25px;}
.marginTop-30{    margin-top: 30px;}
.marginTop-35{    margin-top: 35px;}
.marginTop-37{    margin-top: 37px;}
.marginTop-40{    margin-top: 40px;}
.marginTop-45{    margin-top: 45px;}
.marginTop-50{    margin-top: 50px;}
.marginTop-60{    margin-top: 60px;}
.marginTop-65{    margin-top: 65px;}
.marginTop-70{    margin-top: 70px;}
.marginTop-80{    margin-top: 80px;}
.marginTop-85{    margin-top: 85px;}
.marginTop-90{    margin-top: 90px;}
.marginTop-100{    margin-top: 100px;}
.marginTop-110{    margin-top: 110px;}
.marginTop-120{    margin-top: 120px;}
.marginTop-300{    margin-top: 300px;}
.marginBottom-100{    margin-bottom: 100px;}

.displayNone{    display: none;}

/* ######################################## */
/* ######################################## */
/* ######################################## */
/* ######################################## */

@media (max-width: 599px){
    .headerLeft{
        width: 0px;
        height: 100%;
        float: left;
    }
    
    .headerMiddle{
        position: relative;
        width: calc(100% - 300px);
        height: 100%;
        float: left;
    }
    
    .logoDiv{
        position: relative;
        width: 140px;
        height: 50px;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        background-image: url(../images/logo.png);
        background-position-x: 0%;
        background-position-y: 50%;
        background-repeat: no-repeat;
        transition: .3s;
    }

    .headerRight{
        position: relative;
        width: 150px;
        height: 100%;
        left: 150px;
        float: left;
    }

    .p_titieDiv{
        position: relative;
        height: 50px;
        color: #1D1D1B;
        font-size: 20px;
        line-height: 50px;
        font-weight: bold;
        text-indent: 86px;
        /* left: 65px; */
    }

    .navi > div{
        font-size: 16px;
        transition: .3s;
    }

    .navi > div:nth-child(1){background-image: none; text-indent: 0; text-align: center;}
    .navi > div:nth-child(2){background-image: none; text-indent: 0; text-align: center;}
    .navi > div:nth-child(3){background-image: none; text-indent: 0; text-align: center;}
    .navi > div:nth-child(4){background-image: none; text-indent: 0; text-align: center;}
    .navi > div:nth-child(5){background-image: none; text-indent: 0; text-align: center;}
    .navi > div:nth-child(6){background-image: none; text-indent: 0; text-align: center;}

    .miniBoardBodySpan{
        position: relative;
        display: block;
        width: 95%;
        line-height: 30px;
        font-size: 14px;
        font-weight: normal;
        cursor: pointer;
        transition: .3s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; 
    }

    .f_logo{
        position: relative;
        display: none;
    }
    
    .f_contents{
        position: relative;
        width: 90%;
        top: 30px;
        left: 2%;
        height: 60px;
        float: left;
    }

    .f_span1{
        position: relative;
        display: block;
        font-size: 12px;
        color: #FFFFFF;
    }

    .miniBoardDiv{
        position: relative;
        width: calc(50% - 2px);
        height: 100%;
        float: left;
        border-right: 2px solid #DADADA;
    }

    .miniBoardDiv:nth-child(1){display: none;}
    .miniBoardDiv:nth-child(2){display: none;}
    
    .productDiv{
        position: relative;
        width: calc(100% - 100px);
        min-height: 600px;
        padding: 10px 30px 50px 50px;
        background-color: #FFFFFF;
        overflow: hidden;
    }

    .productLinkBox{
        position: relative;
        /* width: 150px;
        height: 210px; */
        width: 300px;
        height: 420px;
        float: left;
        transition: .3s;
    }

    .productLinkInnerDiv{
        position: relative;
        width: 80%;
        height: 90%;
        top: 50%;
        border: 2px solid #706F6F;
        transform: translateY(-50%);
        margin: 0 auto;
        cursor: pointer;
    }
    
    .p_span1{
        position: relative;
        display: block;
        text-indent: 65px;
        padding-top: 14px;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: #1D1D1B;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; 
    }

    .p_span2{
        position: relative;
        display: block;
        text-indent: 65px;
        font-size: 16px;
        font-weight: bold;
        color: #DE3C42;
    }

    .d_Inner{
        position: relative;
        width: 100%;
        min-height: 520px;
        float: left;
    }

    .d_result{
        position: relative;
        width: 100%;
        height: 50px;
        background-color: #F5F5F4;
        border-bottom: 1px solid #1D1D1B;
    }
    
    .d_resultSpan1{
        position: relative;
        display: inline-block;
        line-height: 50px;
        color: #1D1D1B;
        font-size: 15px;
        letter-spacing: -1px;
    }

    .d_resultSpan2{
        position: relative;
        display: block;
        line-height: 50px;
        color: #DE3C42;
        font-weight: bold;
        font-size: 14px;
        padding: 0 10px 0 45px;
        letter-spacing: -2px;
        float: left;
    }

    ..detailContentsDiv{
        position: relative;
        width: 80%;
        min-height: 100px;
        margin: 0 auto;
        padding-bottom: 80px;
    }

    .cartDiv{
        position: relative;
        width: 90%;
        min-height: 490px;
        margin: 0 auto;
        top: 80px;
    }

    .c_h_4{ display: none; }
    .c_h_5{ display: none; }
    .c_b_4{ display: none; }
    .c_b_5{ display: none; }

    .c_h_3{
        position: relative;
        width: calc(100% - 142px);
        height: 100%;
        border:none;
        text-align: center;
        color: #1D1D1B;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        float: left;
    }

    .c_h_3SE{
        position: relative;
        width: calc(100% - 102px);
        height: 100%;
        border:none;
        text-align: center;
        color: #1D1D1B;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        float: left;
    }

    .c_b_3{
        position: relative;
        width: calc(100% - 142px);
        height: 100%;
        border:none;
        text-align: center;
        color: #1D1D1B;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        float: left;
    }

    .c_b_3SE{
        position: relative;
        width: calc(100% - 102px);
        height: 100%;
        border:none;
        text-align: center;
        color: #1D1D1B;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        float: left;
    }

    .c_infor_1{
        position: relative;
        display: block;
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        font-weight: bold;
        color: #1D1D1B;
        text-indent: 12px;
        text-align: left;
        top: 8px;
        line-height: 35px;
    }

    .c_infor_2{
        position: relative;
        display: block;
        font-size: 13px;
        font-weight: normal;
        color: #1D1D1B;
        text-indent: 12px;
        text-align: left;
        line-height: 18px;
    }

    .c_infor_3{
        position: relative;
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #DE3C42;
        text-indent: 12px;
        text-align: left;
        line-height: 30px;
    }

    .calcDiv{
        position: relative;
        width: 100%;
        height: 100px;
        margin: 0 auto;
        margin-top: 40px;
        overflow: hidden;
        margin-bottom: 40px;
    }
    
    .calcInner1{ display: none;}
    .calcInner2{ display: none;}
    .calcInner3{
        position: relative;
        width: 100%;
        height: 100px;
        background-image: none;
    }

    .calcSpan1{
        position: relative;
        display: block;
        font-size: 16px;
        text-align: right;
        font-weight: bold;
        padding-right: 20px;
        color: #1D1D1B;
        top: 30px;
    }

    .calcSpan3{
        position: relative;
        display: block;
        font-size: 16px;
        text-align: right;
        font-weight: bold;
        padding-right: 20px;
        color: #DE3C42;
        top: 40px;
    }

    .cart_btnDiv{
        position: relative;
        width: 92%;
        height: 50px;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 40px;
        overflow: hidden;
    }
    
    .cart_btnInner1{ display: none; }
    
    .cart_btnInner2{
        position: relative;
        width: 100%;
        height: 100%;
    }

    .orderDiv{
        position: relative;
        width: 95%;
        margin: 0 auto;
        margin-top: 40px;
        /* background-color: #9C8858; */
        margin-bottom: 50px;
    }

    .o_wrapBtn{ display: none;}

    .o_wrapBtn2{
        position: relative;
        display: inline-block;
        width: 120px;
        height: 30px;
        left: 28%;
        background-color: #414142;
        color: #FFFFFF;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
    }

    .checks input[type="checkbox"] + label {
        display: inline-block;
        position: relative;
        cursor: pointer;
        color: #1D1D1B;
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .boardDiv{
        position: relative;
        width: 85%;
        min-height: 690px;
        margin: 0 auto;
        top: 40px;
    }

    .b_headerDiv{
        font-size: 14px;
    }

    .b_h150{display: none;}
    .b_h1002{display: none;}
    .b_h600{
        position: relative;
        display: block;
        width: 70%;
        height: 100%;
        float: left;
        border: none;
    }

    .b_bodyInner{
        font-size: 13px;
    }

    .b_b1002{display: none;}
    .b_b150{display: none;}

    .b_b600{
        position: relative;
        display: block;
        width: 70%;
        height: 100%;
        float: left;
        text-indent: 12px;
        border: none;
    }

    .b_pagingDiv{
        position: relative;
        width: 90%;
        height: 24px;
        margin: 0 auto;
        padding-bottom: 50px;
        text-align: center;
    }


    /* ######################################## */
    /* ############# detail Mobile ############## */
    /* ######################################## */
    
    .d1_Div{
        position: relative;
        width: 95%;
        border: 10px solid #A6A9AE;
        margin: 0;
        padding: 0;
        margin: 0 auto;
    }
    
    .d1_DivRed{
        position: relative;
        width: 95%;
        border: 10px solid #DE3B42;
        margin: 0 auto;
    }
    
    .d1_Div1{
        position: relative;
        width: 100%;
        height: 80px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    
    .d1_innerVBar1{
        position: relative;
        float: left;
        width: 40px;
        height: 100%;
        background-position-x: 50%;
        background-position-y: 50%;
        background-repeat: no-repeat;
        background-image: url(../images/vbar.png);
    }
    
    .d1_innerVBar1Red{
        position: relative;
        float: left;
        width: 40px;
        height: 100%;
        background-position-x: 50%;
        background-position-y: 50%;
        background-repeat: no-repeat;
        background-image: url(../images/vbar2.png);
    }
    
    .d1_innerVBar2{
        position: relative;
        width: 90%;
        height: 170px;
        float: left;
    }
    
    .d1_titleSpan{
        position: relative;
        font-size: 24px;
        font-weight: bold;
        color: #414141;
        padding-right: 10px;
        top: 25px;
    }
    
    .d1_titleSpan2{
        top: 25px;
    }
    
    .d1_titleSpan3{
        top: 50px;
    }
    
    .d1_Div2{
        position: relative;
        width: 100%;
        height: 200px;
        background-color: #040707;
        margin: 0 auto;
    }
    
    .d1_Div3{
        position: relative;
        width: 100%;
        height: 200px;
        background-color: #040707;
    }
    
    .d1_Div3{background: none;}
    
    .d1_innerVBar3{
        position: relative;
        height: 100px;
        padding-right: 8%;
    }
    
    .d1_innerVBar4{
        position: relative;
        width: 100%;
        height: 85px;
    }
    
    .d1_innerSpan3{
        position: absolute;
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        top: 50%;
        padding-left: 10px;
        padding-right: 12px;
    }

    .d1_innerSpan6{
        position: relative;
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        top: -20px;
        padding-left: 10px;
        padding-right: 12px;
    }
    
    /* ######################################## */
    
    .d2_titleBox{
        position: relative;
        width: 100%;
        height: 100px;
        background-color: #E8E8E9;
    }
    
    .d2_titleSpan1{
        position: relative;
        display: block;
        color: #808181;
        font-size: 20px;
        text-align: center;
        top: 17px;
        letter-spacing: 0.3px;
    }
    
    .d2_titleSpan2{
        position: relative;
        display: block;
        color: #414141;
        font-size: 24px;
        font-weight: bolder;
        text-align: center;
        top: 27px;
    }
    
    .d2_inner1{
        position: relative;
        height: 30px;
        color: #414141;
        font-size: 18px;
        text-align: center;
        margin: 0 3% 0 3%;
    }
    
    .d2_innerSpan1{
        position: relative;
        color: #808181;
        font-size: 20px;
        text-align: center;
    }
    
    .d2_innerSpan3{
        position: relative;
        display: block;
        color: #808181;
        font-size: 20px;
        text-align: center;
        top: 0px;
    }
    
    .d2_inner1BoldSpan{
        font-weight: bolder;
    }

    .d2_inner1BoldSpan2{
        font-weight: bolder;
        margin-bottom: 150px;
    }

    .d2_inner1BoldSpan3{
        font-weight: bolder;
        margin-bottom: 50px;
    }
    
    .d2_backImg{
        position: relative;
        margin-top: 30px;
        height: 400px;
        padding: 20px;
        background-image: url(../images/m_1.png);
        background-position-x: 50%;
        background-position-y: 0%;
        background-size: 90%;
        background-repeat: no-repeat;
    }
    
    .d2_backImg2{
        position: relative;
        margin-top: 30px;
        height: 500px;
        padding: 20px;
        background-image: url(../images/m_2.png);
        background-position-x: 50%;
        background-position-y: 0%;
        background-size: 90%;
        background-repeat: no-repeat;
    }
    
    .d1_innerVBar3SE{height: 200px;}
    .d1_innerVBar33{height: 240px;}
    
    .d1_innerVBar3_1{
        position: relative;
        height: 40px;
    }
    
    .d1_innerVBar3_2{
        position: relative;
        width: 90%;
        height: 140px;
    }
    
    .d1_innerVBar3_3{
        position: relative;
        width: 90%;
        height: 180px;
    }
    
    .d1_innerVBar3_1_span1{
        color: #808181;
        font-size: 30px;
        font-weight: bolder;
        padding-left: 10px;
        letter-spacing: -1px;
    }
    
    .d1_innerVBar3_1_span2{
        color: #414141;
        font-size: 24px;
        font-weight: bolder;
        padding-left: 5px;
        line-height: 80px;
        letter-spacing: -1px;
    }
    
    .d1_innerVBar3_2_span1{
        position: relative;
        color: #808181;
        font-size: 22px;
        top: 30px;
        left: 38px;
    }
    
    .d1_innerVBar3_2_span2{
        position: relative;
        display: inline-block;
        color: #808181;
        font-size: 22px;
        top: 20px;
        left: 38px;
        /* margin-bottom: 24px; */
    }
    
    .d1_innerVBar3_2_span2SE{left: 0;}
    
    .d3_backImg_1{
        position: relative;
        width: 90%;
        height: 800px;
        margin: 0 auto;
        background-image:url('../images/gif/gif_1.gif'), url('../images/gif/gif_2.gif');
        background-size:100% 50%, 100% 50%; 
        background-position:0px 0px ,0% 100%;
        background-repeat:no-repeat;
    }
    
    .d3_backImg_2{
        position: relative;
        width: 90%;
        height: 600px;
        margin: 0 auto;
        background-image:url('../images/gif/gif_3.gif');
        background-position:50% 0px;
        background-repeat:no-repeat;
        padding-bottom: 60px;
    }
    
    .d3_backImg_3{
        position: relative;
        width: 90%;
        height: 450px;
        margin: 0 auto;
        background-image:url('../images/sub/s_3.png');
        background-position: 50% 50px;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d3_backImg_4{
        position: relative;
        width: 90%;
        height: 900px;
        margin: 0 auto;
        background-image:url('../images/sub/s_2.png');
        background-position: 50% 0px;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d3_backImg_5{
        position: relative;
        width: 90%;
        height: 660px;
        margin: 0 auto;
        margin-top: 70px;
        background-image:url('../images/sub/s_6.png'), url('../images/sub/s_8.png');
        background-size:100% 50%, 100% 50%; 
        background-position:0px 0px ,0% 100%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d3_backImg_6{
        position: relative;
        width: 90%;
        height: 600px;
        margin: 0 auto;
        background-image:url('../images/m_2_s.png');
        background-position: 50% 0px;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d2_inner2{
        position: relative;
        float: none;
        height: 850px;
        width: 80%;
        text-align: center;
        margin: 0 auto;
        /* padding-bottom: 50px; */
    }
    
    .d2_inner3{
        position: relative;
        float: none;
        height: 960px;
        width: 80%;
        text-align: center;
    }
    
    .d2_inner2 span{
        position: relative;
        top: 270px;
    }
    
    .d2_inner3 span{
        position: relative;
        top: 370px;
    }
    
    .d2_inner2_inner{
        position: relative;
        /* float: left; */
        /* width: 90%; */
        height: 250px;
        margin: 0 auto;
        text-align: center;
        border: none;
        margin-bottom: 80px;
    }
    
    .d2_inner2_inner2{
        position: relative;
        /* width: 90%; */
        height: 350px;
        margin: 0 auto;
        border: none;
        text-align: center;
        margin-bottom: 80px;
    }
    
    .d2_inner2_innerImg_1{
        position: relative;
        background-image:url('../images/sub/s_1.png');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d2_inner2_innerImg_2{
        position: relative;
        background-image:url('../images/sub/s_5.png');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d2_inner2_innerImg_3{
        position: relative;
        background-image:url('../images/sub/s_13.png');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
        margin-bottom: 150px;
    }
    
    .d2_inner2_innerImg_4{
        position: relative;
        background-image:url('../images/sub/s_11.png');
        background-position:50% 0%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d2_inner2_innerImg_5{
        position: relative;
        background-image:url('../images/sub/s_12.png');
        background-position:50% 0%;
        background-repeat:no-repeat;
        background-size: contain;
    }

    .dd1_Div3{
        position: relative;
        width: 100%;
        height: 500px;
        background-color: #040707;
        margin-bottom: 80px;
    }
    
    .dd1_Div3_innerImg_1{
        position: relative;
        background-image:url('../images/etc/1.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .dd1_Div3_innerImg_2{
        position: relative;
        background-image:url('../images/etc/2.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .dd1_Div3_innerImg_3{
        position: relative;
        background-image:url('../images/etc/3.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .dd1_Div3_innerImg_4{
        position: relative;
        background-image:url('../images/etc/4.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .dd1_Div3_innerImg_5{
        position: relative;
        background-image:url('../images/etc/5.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .dd1_Div3_innerImg_6{
        position: relative;
        background-image:url('../images/etc/6.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size: contain;
    }
    
    .d1_Div1SpanDiv{
        position: relative;
        /* height: 40px; */
        /* line-height: 30px; */
        font-size: 22px;
        font-weight: bolder;
        color: #414141;
        margin-left: 30px;
        margin-bottom: 20px;
    }
    
    .d1_innerSpan33{top: 25%;}
    .d1_innerSpan4{color: #FEC00F;}
    .d1_innerSpan5{color: #414141;}
    
    .d1_Div_red{color: #DE3C42;}
    
    /* ######################################## */
    /* ############# INNER PAGE ############## */
    /* ######################################## */

    .i_title{
        position: relative;
        width: 100%;
        height: 80px;
        background-color: #706F6F;
        margin-top: 360px;
        margin-bottom: 100px;
    }

    .i_titleSpan{
        position: relative;
        display: block;
        line-height: 80px;
        font-size: 24px;
        font-weight: bold;
        color: #FFFFFF;
        text-indent: 20px;
    }
    
    .marginTop-100{    margin-top: 100px;}
    .marginTop-300{    margin-top: 700px;}
    .marginBottom-100{    margin-bottom: 100px;}
}