@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);


@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


@media screen and (max-width: 400px) {
    #topnavigation li.hidetitle {display:none;}
    .etc_menu span.hidetitle {display:none;}
}
@media screen and (min-width: 401px) and (max-width: 500px) {
    #topnavigation li.hidetitle {display:none;}
    .etc_menu span.hidetitle {display:none;}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
    #topnavigation li.hidetitle {display:none;}
    .etc_menu span.hidetitle {display:none;}
}
@media screen and (min-width: 801px) {

}

.no-delay {
    animation-delay: 0ms;
}
.delay300ms {
    animation-delay: 300ms;
}
.delay700ms {
    animation-delay: 700ms;
}
.delay1s {
    animation-delay: 1s;
}
.delay1dot5s {
    animation-delay: 1500ms;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


@-webkit-keyframes fastLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
    }
}
@keyframes fastLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-350px);
        -ms-transform: translateX(-350px);
        transform: translateX(-350px);
    }
}

.active .f-u {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode:both;
}

.active .f-d {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode:both;
}

.active .f-l-fast {
    -webkit-animation-name: fastLeft;
    animation-name: fastLeft;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode:both;
}


#view01 {
    padding: 0;
    margin: 0;
    font-family: 'NanumSquare', 'Roboto', sans-serif !important;
    font-weight: 400;
}

@media (max-width: 768px) { /*모바일*/

    .image_pc { display: none;}
    .image_mobile { display: ''; width: 100%; vertical-align: top;}

    p {
        font-size:3.2888vw;
        line-height: 1.88888em;
    }
    p .importart { font-weight: bold; color: #000;}

    .container{
        margin: 0 auto;
        width: 100% !important;
        position:relative;
        max-width: 100%;
    }

    #subheader {position: fixed; top: 55px; z-index: 9; border-bottom: 1px solid #e6e6e6;}
    .subheader { background: #fafafa;  width: 100vw;}
    .subheader ul{ padding: 0; margin: 0;}
    .subheader ul li{  line-height: 11vw; height: 12vw;display: inline-block;text-align: center; padding-right:3vw; font-size: 3.88vw; }
    .subheader ul li:first-child{  padding-left:5vw; }
    .subheader ul li.active hr {
        width: 100%;
        margin-top: -6px;
        border-color: white;
        border-top: 3px solid rgba(99, 60, 179, 1.0);
        transition: 0.5s width ease, 0.5s visibility ease;
        text-align: left;
        visibility: visible;
    }
    .subheader ul li.active ~ hr{
        width:100%; visibility:visible;}

    .subheader hr {
        width: 0%;
        margin-top: -6px;
        border-color: white;
        border-top: 3px solid rgba(99, 60, 179, 1.0);
        transition: 0.5s width ease, 0.5s visibility ease;
        text-align: left;
        visibility: hidden;
    }


    .div_bg { position: relative;}
    .div_txt {
        width:  100px !important;
        text-align: left;
    }
    .div_txt .text_position{
        position: absolute;
        top:0px;
    }
    .div_txt .text_position p{
        font-size: 2.8888vw;
        line-height: 1.6em;
    }
    .div_txt .text_position p span { font-weight: 900;}
    .div_txt .text_position p.date { font-size: 20px; font-weight: 900;font-family:  'Roboto', sans-serif !important;}

    #section0{}

    #section1{ background-color:#ffffff;}
    #section3{ background-color: #f7f7f7;}
    #section5{ background-color: #f9f9f9;}
    #section6{ background-color: #3a4d9f;}
    /*#section7{ !*background-color: #440c84; *position: relative;padding-bottom:100px;}*/
    #section8{ background-color: #f3f7fe;}
    .inputarea  {
        position: relative;
        width: 100%;
        overflow:  hidden;
    }
    /*.inputarea .step01 {width:100%;}*/
    /*.inputarea .step02 {width:100%;}*/
    .inputarea .titlename { width: 100%;font-weight: 900; margin-bottom: 7px; color: #000; font-size: 3.888888vw;}
    .inputarea hr { width: 100px; height: 4px; color: #aeff3b; background: #aeff3b; border: 0px solid #000; }
    .inputarea .subtitle { font-size: 6.8vw; font-weight: 900; color: #000; }
    .inputarea .underbartxt { font-size: 12px; color: #6244c6; text-decoration: underline; position: absolute; top:3px; right: 0; }

    .note10inputbox { height: 45px; width: 100%; }
    .note10inputbox input[type=text], .note10inputbox input[type=number] {
        width: 100%; height:43px; background-color: #fff; padding-left: 10px; border: 1px solid #ccc; color: #5438ac !important;
        font-size: 14px; font-weight: bold;
    }
    .note10inputbox input[type=text]:focus, .note10inputbox input[type=number]:focus {
        border: 2px solid #5438ac;
        font-size: 14px; font-weight: bold;
    }
    .note10inputbox input[type=text]::placeholder, .note10inputbox input[type=number]::placeholder {color:#777777 !important;}
    .note10inputbox input[type=text]::-moz-placeholder, .note10inputbox input[type=number]::-moz-placeholder {color:#777777 !important;;}
    .note10inputbox input[type=text]::-ms-placeholder , .note10inputbox input[type=number]::-ms-placeholder {color:#777777 !important;;}
    .note10inputbox input[type=text]::-webkit-placeholder, .note10inputbox input[type=number]::-webkit-placeholder {color:#777777 !important;;}

    .inputActionDiv {width:200vw; position: relative;}
    .inputActionDiv>ul{}
    .inputActionDiv>ul>li{ width: 50% !important; float: left; padding: 0 20px;}

    .boninBtn {
        position: absolute;
        top:-30px;
        right: 0;
        display: inline-block;
        background-color: #000;    color: #eee;
        height: 43px;
        line-height: 40px;
        padding: 0 50px;
        padding: 0 20px;
        font-size: 14px;
        /*border-radius: 30px; -moz-border-radius: 30px ; -webkit-border-radius: 30px;*/
    }

    .select-styled {
        height:43px;
        line-height: 43px;
        padding-left: 10px;
        border:0px solid #000;
        color:#777 !important;
        background-color: #fff;
        border:1px solid #ddd;
        top: -1px;
        font-size: 3.5vw !important;
    }
    .select-styled:after {
        content: '';
        display: block;
        position: absolute;
        top: 22px !important;
        right: 15px !important;
        width: 7px;
        height: 7px;
        margin: -5px 0 0 -6px;
        border: solid #808080;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .select-styled:active:after, .select-styled.active:after {
        content: '';
        display: block;
        position: absolute;
        top: 22px !important;
        right: 15px !important;
        width: 7px;
        height: 7px;
        margin: -5px 0 0 -6px;
        border: solid #808080;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .select-styled.checked_value {
        color: #5438ac !important; font-weight: bold;
    }
    .select-options {
        display: none;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
        background-color: #fff;
        border: 2px solid #5438ac;
    }
    .select-options li.lichoice {
        color: #fff;
        background: #5438ac;
    }
    .select-options li {
        margin: 0;
        /* padding: 4px 0; */
        text-indent: 15px;
        color: #000;
        font-size: 14px !important;
        border-top: 1px solid #cacaca;
        -moz-transition: all 0.15s ease-in;
        -o-transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in;
        text-align: left;
    }
    .select-options li:first-child{ border-top: none;}


    .select-styled_default{
        height:43px;
        line-height: 43px;
        padding-left: 10px;
        border:1px solid #ddd;
        background-color: #fff;
        top: -1px;
        color: red;
        font-size: 3.5vw  !important;
        color: #777 !important;
    }
    .select-options li{font-size: 3.0vw  !important;}
    .note10inputbox2 { height: 43px; background-color: #f2f2f2; border: 0px solid #aaa;}
    .note10inputbox3 { height: 43px; background-color: #f2f2f2; border: 0px solid #aaa;}

    input[type='text'],input[type='number'],input[type="text"]:read-only,input[type="number"]:read-only, input[type="password"]:read-only {
        border:1px solid #ddd;
        height: 45px;
        padding-left:10px;
    }

    .btn {
        display: inline-block;
        height: 10vw;
        line-height: 10vw;
        font-size: 3.0vw;
        border:0px solid #000;
        cursor: pointer;
    }

    .btn-big {
        display: inline-block;
        height: 10vw;
        line-height: 10vw;
        font-size: 3.0vw;
        border:0px solid #000;
        cursor: pointer;
    }

    .btn-reserve {
        display: inline-block;
        height: 13vw;
        line-height: 13vw;
        font-size: 3.0vw;
        border:0px solid #000;
        cursor: pointer;
    }

    .btn-default {
        width: 100%;
        background-color: #000;
        color: #fff !important;
        font-weight: 500;
        font-size: 3.8888vw;
        border-radius:  50px;-moz-border-radius: 50px;-webkit-border-radius:  50px;
    }

    .btn-default-disable {
        width: 100%;
        background-color: #ddd;
        color: #aaa !important;
        font-weight: 500;
        font-size: 3.8888vw;
        border-radius:  50px;-moz-border-radius: 50px;-webkit-border-radius:  50px;
    }

    .btn-default-width {
        width: 100%;
        display: inline-block;;
        padding: 0 3vw;
        background-color: #6244c6;
        color: #aeff3b !important;
        font-weight: bold;
        border: 1px solid #6244c6;
    }
    .btn-default-white-width {
        width: 100%;
        display: inline-block;;
        padding: 0 3vw;
        background-color: #fff;
        color: #6244c6 !important;
        font-weight: bold;
        border: 1px solid #6244c6;
    }
    .btn-default-white {
        display: inline-block;;
        padding: 0 50px;
        background-color: #6244c6;
        color: #aeff3b !important;;
        font-weight: 900;
    }

    .shortboardtitle {font-size: 18px; line-height: 26px; color:#000; font-weight: bold;}
    .snsloginlayerpopup{
        width:440px;
        border:1px solid #000;
        border-radius: 5px;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: 0 5px 4px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 4px rgba(0,0,0,.2);
        box-shadow: 0 5px 4px rgba(0,0,0,.2);
        padding:25px 40px 40px 40px;
        background-color:#f9f9f9;
    }
    .snsloginlayerpopup .title1{
        font-size:22px;
        color:#777;
    }
    .snsloginlayerpopup .title2{
        padding-top:16px;
        font-size:24px;
        line-height:32px;
    }
    .supportlayerpopup{
        width:100%;
        border:1px solid #f53f0c;
        background-color:#fff;
    }
    .supportlayerpopup_halfbg{
        height: 100%;
        background-image: url('http://img.mnprice.com/data/upload/c22534.jpg');
        background-color:#fff;
        background-repeat: repeat-y;
        background-size: 50% auto;
    }

    .supportlayerpopup h1{
        font-size:2.0em;
        line-height:1.2em;
    }
    .supportlayerpopup h3{
        font-size:1.8em;
        line-height:1.4em;
    }
    .supportlayerpopup p{
        font-size:1.2em;
        line-height:1.2em;
    }

    .popup.pop-share {margin-top:-157px;}
    .popup.pop-share ul {margin-top:25px; text-align:center; margin-bottom:20px;}
    .popup.pop-share ul * {vertical-align:top;}
    .popup.pop-share ul li {display:inline-block; font-size:0; line-height:0; margin:0 0 0 14px;}
    .popup.pop-share ul li:first-child {margin-left:0;}
    .popup.pop-share ul li a {display:block;}
    .popup.pop-share ul li p {height:40px; line-height:40px;}
    .popup.pop-share ul li p:before {content:" "; display:inline-block;}
    .popup.pop-share ul li p:after {content:" "; display:inline-block;}
    .popup.pop-share ul li p * {vertical-align:middle;}
    .popup.pop-share ul li p span {font-size:16px; letter-spacing:-0.05em; color:#333; font-weight:500; display:inline-block; line-height:20px;}
    .popup.pop-share .pop-share-ip .sh-ip {background:#eee; border:1px solid #aaa; padding:0 20px; font-size:14px; line-height:48px; width:100%; box-sizing:border-box;}

    .blind {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:5;}


    .section.sec6 {background:#161616; background-size:100%; text-align:left !important;}
    .section.sec6 .content {padding:50px 0 50px; margin: 0 20px;}
    .section.sec6 .content .title {font-size:0; line-height:0; margin-bottom:50px;}
    .section.sec6 .content .comment-box .comment-total {font-size:16px; line-height:20px; color:#999; margin-bottom:15px;}
    .section.sec6 .content .comment-box .comment-total strong {color:#f18513;}
    .section.sec6 .content .comment-write {margin-bottom:25px;}
    .section.sec6 .content .comment-write .c-logout {background:rgba(255,255,255,0.3); cursor:pointer; padding:0 20px; font-size:1.0rem; line-height:50px; height:50px; color:#fff; font-weight:100;}
    .section.sec6 .content .comment-write .c-login textarea {background:rgba(255,255,255,0.3); cursor:pointer; padding:10px 20px; font-size:20px; line-height:25px; height:70px; color:#fff; font-weight:100; width:100%; box-sizing:border-box;}
    .section.sec6 .content .comment-write .c-login textarea::placeholder {color:#fff;}
    .section.sec6 .content .comment-write .c-login textarea::-moz-placeholder {color:#fff;}
    .section.sec6 .content .comment-write .c-login textarea::-ms-placeholder {color:#fff;}
    .section.sec6 .content .comment-write .c-login textarea::-webkit-placeholder {color:#fff;}

    .section.sec6 .content .c-list-option {*zoom:1; height:35px;}
    .section.sec6 .content .c-list-option:after {content:""; display:block; clear:both;}
    .section.sec6 .content .c-list-option .c-align {float:left;}
    .section.sec6 .content .c-list-option .c-align a {display:inline-block; font-size:16px; line-height:20px; margin-right:15px; color:#999999; font-weight:100;}
    .section.sec6 .content .c-list-option .c-align a.active-a {color:#fff;}
    .section.sec6 .content .c-list-option .c-reset {float:right; cursor:pointer;}
    .section.sec6 .comment-list {border-bottom:3px solid #343131;}
    .section.sec6 .comment-list .comment-item {border-top:1px solid #343131; padding:17px 0 0; position:relative;}
    .section.sec6 .comment-list .comment-item .item-con dt {margin-bottom:15px;}
    .section.sec6 .comment-list .comment-item .item-con dt span.name {font-size:14px; line-height:20px; font-weight:500; color:#f18513;}
    .section.sec6 .comment-list .comment-item .item-con dt span.date {font-size:14px; line-height:20px; font-weight:100; color:#484444; display:inline-block; margin-left:25px;}
    .section.sec6 .comment-list .comment-item .item-con dd {font-size:14px; color:#fff; line-height:20px; font-weight:100; padding: 0; margin:0; }
    .section.sec6 .comment-list .comment-item .item-menu {position:absolute; top:17px; right:0;}
    .section.sec6 .comment-list .comment-item .item-menu .icon {width:4px; height:18px; position:relative; cursor:pointer; padding:0 10px;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .item-menu.pop-on .icon {
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .item-menu .icon span {display:block; width:4px; height:4px; background:#666; border-radius:4px; }
    .section.sec6 .comment-list .comment-item .item-menu .icon span + span {margin-top:3px;}
    .section.sec6 .comment-list .comment-item .item-menu.pop-on .icon span { background:#fff;}

    .section.sec6 .comment-list .comment-item .item-bottom {*zoom:1; padding:15px 0 18px;}
    .section.sec6 .comment-list .comment-item .item-bottom:after {content:""; display:block; clear:both;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-total {float:left;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-total a {font-size:14px; color:#999; line-height:20px;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-total a strong {font-weight:500; color:#f18513;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm {float:right;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm button {
        height:20px; line-height:20px; margin-left:15px;
    }
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm .like-num {font-size:14px; color:#9e1435; display:inline-block; margin-left:3px;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm .dislike-num {font-size:14px; color:#4d3aa1; display:inline-block; margin-left:3px;}
    .section.sec6 .comment-list .comment-item .c-item-reply {display:none; background:#252121; padding:20px;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-logout {background:rgba(255,255,255,0.2); cursor:pointer; padding:0 20px; line-height:50px; height:50px;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea {background:rgba(255,255,255,0.3); cursor:pointer; padding:10px 20px; line-height:25px; height:70px; overflow:hidden; color:#fff; font-weight:100; width:100%; box-sizing:border-box;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::-moz-placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::-ms-placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::-webkit-placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .reply-comment {padding-left:22px; background:url(/resources/css/205/images/reply-icon.png) left no-repeat;}
    .section.sec6 .comment-list .comment-item .c-item-reply .reply-comment textarea {display:block; width:100%; height:70px; background:#343131; color:#fff; padding:20px; box-sizing:border-box; font-weight:100;}


    .section.sec6 .comment-list .comment-item .reply-list {padding:15px 0 0;}
    .section.sec6 .comment-list .comment-item .reply-item {margin-left:22px; padding:15px 0; border-top:1px solid #343131; position:relative;}
    .section.sec6 .comment-list .comment-item .reply-item:first-child {border-top:0;}
    .section.sec6 .comment-list .comment-item .reply-item:before {content:""; display:block; position:absolute; top:50%; left:-22px; margin:-5px 0 0 0; width:10px; height:10px; background:url(/resources/css/205/images/reply-icon.png) left no-repeat;}
    .section.sec6 .comment-list .comment-item .reply-list dt {margin-bottom:10px;}
    .section.sec6 .comment-list .comment-item .reply-list dt span.name {font-size:14px; line-height:20px; font-weight:500; color:#f18513;}
    .section.sec6 .comment-list .comment-item .reply-list dt span.date {font-size:14px; line-height:20px; font-weight:100; color:#484444; display:inline-block; margin-left:25px;}
    .section.sec6 .comment-list .comment-item .reply-list dd {font-size:14px; color:#fff; line-height:20px; font-weight:100;}
    .section.sec6 .comment-list .comment-item .reply-list .item-menu {position:absolute; top:17px; right:0;}
    .section.sec6 .comment-list .comment-item .reply-list .item-menu .icon {width:4px; height:18px; position:relative; cursor:pointer; padding:0 10px;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .item-menu.pop-on .icon {
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .reply-list .item-menu .icon span {display:block; width:4px; height:4px; background:#666; border-radius:4px; }
    .section.sec6 .comment-list .comment-item .reply-list .item-menu .icon span + span {margin-top:3px;}
    .section.sec6 .comment-list .comment-item .reply-list .item-menu.pop-on .icon span { background:#fff;}

    .section.sec6 .c-more-btn {margin-top:30px;}
    .section.sec6 .c-more-btn button {

        display:block; border:2px solid #714316; line-height:70px; height:72px; font-size:16px;
        color:#c76e13; font-weight:100; width:100%; box-sizing:border-box;
        -ms-transition:500ms;
        -o-transition:500ms;
        -webkit-transition:500ms;
        transition:500ms;
    }
    .section.sec6 .c-more-btn button:hover {background:rgba(255,255,255,0.1);
        -ms-transition:500ms;
        -o-transition:500ms;
        -webkit-transition:500ms;
        transition:500ms;
    }


    /* 이 이후부터 이성훈 추가 */
    .write_area_02 .reply_textarea{
        display:block;
        width:100%;
        min-height: 70px;
        padding:10px;
        border:1px solid #ddd;
        overflow:hidden;
        background-color:transparent;
        font-size:14px;
        border:0 none;
        line-height:22px;
        color:#fff;
    }

    .write_area {
        border:1px solid #343131;
        background-color: rgba(50, 50, 50, 0.7);
        color: #666;
        position: relative;
    }
    .write_area .write_area_01 {
        border-bottom:1px solid #343131;
        overflow:hidden;
        padding: 0 15px;
        line-height:32px;
    }
    .write_area .write_area_02 {
        border-bottom:1px solid #343131;
        overflow:hidden;
        padding: 0 15px;
    }
    .write_area .write_area_03 {
        border-bottom:1px solid #343131;
    }
    .write_area .write_area_04 {
        overflow:auto;
        padding: 5px 15px;
        line-height: 24px;
    }

    .write_area .write_area_04 #mobile {
        width: 300px;
        height: 34px;
        font-size: 16px;
        background-color:#555;
        border-radius:  3px;
        -moz-border-radius: 3px;
        -webkit-border-radius:  3px;
        color:#aaa;
    }
    .write_area .write_area_04 #mobile::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_04 #mobile::-moz-placeholder { /* Firefox 19+ */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_04 #mobile:-ms-input-placeholder { /* IE 10+ */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_04 #mobile:-moz-placeholder { /* Firefox 18- */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_01 .snsbtnsarea { float:left;padding-top: 6px;}   /* board의 오른쪽 top*/
    .write_area .write_area_01 .snsbtnsarea ul {margin:0;padding:0;list-style:none;}
    .write_area .write_area_01 .snsbtnsarea li {
        float:left !important;
        padding:0 !important;
        vertical-align:middle;
    }
    .write_area .write_area_01 .snsbtnsarea img{
        border:1px solid #343131;
        margin-left: 3px;
        border-radius:  5px;
        -moz-border-radius: 5px;
        -webkit-border-radius:  5px;
    }

    .write_area .write_area_04 .replybtn02 {
        display: inline-block;
        vertical-align:middle;
        outline: none;
        cursor: pointer;

        font-size:12px;
        font-weight:bold;
        text-align: center;
        text-decoration: none;
        border:0px;
        border-radius: 2px;
        width:100px;
        height:34px;
    }
    .write_area .write_area_04 .replybtn02:hover {
        text-decoration: none;
    }
    .write_area .write_area_04 .replybtn02:active {
        position: relative;
        top: 1px;
    }

    .write_area .write_area_04 .maxtextlength {
        position:absolute;
        top: 90px;
        right: 20px;
    }

    .write_area .write_area_04 .btnorange01 {
        color: #ffffff;
        border: solid 1px #000;
        background: #f18513;
        background: -webkit-gradient(linear, left top, left bottom, from(#f18513), to(#f18513));
        background: -moz-linear-gradient(top,  #f18513,  #f18513);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18513', endColorstr='#f18513');
    }
    .write_area .write_area_04 .btnorange01:hover {
        background: #f18513;
        background: -webkit-gradient(linear, left top, left bottom, from(#f18513), to(#f18513));
        background: -moz-linear-gradient(top,  #fa7f02,  #f18513);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18513', endColorstr='#f18513');
    }
    .write_area .write_area_04 .btnorange01:active {
        background: #f18513;
        background: -webkit-gradient(linear, left top, left bottom, from(#f18513), to(#f18513));
        background: -moz-linear-gradient(top,  #f18513,  #f18513);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18513', endColorstr='#f18513');
    }

    .snsloginok .icon span + span {
        margin-top: 3px;
    }
    .snsloginok .snsloginname {
        float: right;
        padding-right:10px;
    }
    .snsloginok .icon {
        padding-top:6px;
        width: 3px;
        height: 18px;
        position: relative;
        cursor: pointer;
        padding: 9px 5px;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transition: 300ms;
        -o-transition: 300ms;
        -webkit-transition: 300ms;
        transition: 300ms;
    }
    .snsloginok .icon span {
        display: block;
        width: 3px;
        height: 4px;
        background: #666;
        border-radius: 3px;
    }

    .popup {display:none; position:fixed; top:50%; left:50%; width:380px; margin-left:-190px; background:#fff; border-radius:10px; z-index:6; padding:35px 40px; box-sizing:border-box;}
    .popup .pop-close {position:absolute; top:40px; right:40px; cursor:pointer;}
    .popup .pop-title{margin:0; padding:0;}
    .popup .pop-title dt {font-size:20px; color:#000; font-weight:600; line-height:24px;}
    .popup .pop-title dd {font-size:16px; line-height:24px; color:#666;margin:0; padding:0;}

    .popup.pop-login {margin-top:-115px;}
    .popup.pop-login ul {margin-top:35px; padding:0; text-align:center;}
    .popup.pop-login ul li {display:inline-block; font-size:0; line-height:0; margin:0 0 0 14px;padding:0;}
    .popup.pop-login ul li:first-child {margin-left:0;}


    .swiper-reserveboard-next{
        z-index:99;
        display:inline-block;
        cursor: pointer;
        width: 60px;
        height: 60px;
        background: url(/resources/img/reserve_shortboard_next.png) no-repeat;
        position: absolute;
        right: -100px;
    }
    .swiper-reserveboard.swiper-button-disabled{
        opacity : 0.2;
        filter: alpha(opacity=20);
        -moz-opacity:0.2;
        -khtml-opacity: 0.2;
    }
    .swiper-reserveboard-prev{
        z-index:99;
        display:inline-block;
        width: 60px;
        height: 60px;
        cursor: pointer;
        background: url(/resources/img/reserve_shortboard_before.png) no-repeat;
        position: absolute;
        left: -100px;
    }
    .swiper-reserveboard-prev.swiper-button-disabled{
        opacity : 0.2;
        filter: alpha(opacity=20);
        -moz-opacity:0.2;
        -khtml-opacity: 0.2;
    }

    .btn-reserveGobtn { font-size: 4.3333vw;  color: #fff;  line-height: 15vw;}
    .btn-reserveGobtn span{ font-weight: bold; text-decoration: underline;}

    .swiper-container-pagination .swiper-pagination-reserve.swiper-pagination-bullets {
        position:relative;
        bottom: 0px !important;
        left: 0;
        width: 100%;
    }

    .swiper-pagination-reserve .swiper-pagination-bullet {
        margin: 0 4px;
    }
    .swiper-pagination-reserve .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 0;
        background: #fff;
        border:1px solid #474747;
        opacity: 1;
    }
    .swiper-pagination-reserve .swiper-pagination-bullet-active {
        width: 80px;
        height: 8px;
        border:0px solid #aeff3b;
        opacity: 1;
        background: #aeff3b;
    }

    .swiper-container-pagination .swiper-pagination-reserve2.swiper-pagination-bullets {
        position:relative;
        bottom: 0px !important;
        left: 0;
        width: 100%;
    }

    .swiper-pagination-reserve2 .swiper-pagination-bullet {
        margin: 0 4px;
    }
    .swiper-pagination-reserve2 .swiper-pagination-bullet {
        width: 70px;
        height: 8px;
        display: inline-block;
        border-radius: 0px;
        background: #e7e7e7;
        opacity: 1;
    }
    .swiper-pagination-reserve2 .swiper-pagination-bullet-active {
        width: 70px;
        height: 8px;
        border:0px solid #474747;
        opacity: 1;
        background: #474747;
    }

    .btn_01 {
        display: inline-block;
        height: 16vw;
        width: 70%;
        background: #e4e8ea;
        color: #333;
        font-size: 4.0vw;
        width: 240px;
        font-weight: bold;;
        border: 3px solid #6244c6;
        box-shadow: 0px 0px 20px #280e7e;
    }

}

/*111111111111111111111111111111111111111111111111111111111111111111111111*/
@media (min-width: 769px) { /*pc*/


    .image_pc { display: '';}
    .image_mobile { display: none;}

    p {
        font-size:1.0rem;
        line-height: 1.6em;
    }
    p .important { font-weight: bold; color: #000;}

    .container{
        margin: 0 auto;
        width: 1200px !important;
        position:relative;
        max-width: 1200px;
    }

    .div_bg { position: relative;}
    .div_txt {
        margin: 0 auto;
        width:  1200px !important;
        text-align: left;
    }
    .div_txt .text_position{
        position: absolute;
        top:0px;
    }
    .div_txt .text_position p{
        font-size: 18px;
        line-height: 28px;
    }
    .div_txt .text_position p span { font-weight: 900;}
    .div_txt .text_position p.date { font-size: 20px; font-weight: 900;font-family:  'Roboto', sans-serif !important;}

    #section0{ background-color: #f2f2f2 !important;}

    .btn {
        display: inline-block;
        padding: 0 54px;
        font-size: 18px;
        height: 60px;
        line-height: 60px;
        border:1px solid #000;
    }

    .btn .defaltbtn {
    }

    #section1{ background-color:#edecec;}
    #section3{ background-color: #f7f7f7;}
    #section5{ background-color: #f9f9f9;}
    #section6{ background-color: #3a4d9f;}
    /*#section7{ !*background-color: #440c84; *position: relative;padding-bottom:100px;}*/
    #section8{ background-color: #f3f7fe;}
    .inputarea  {
        -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:    10px 10px  0px 0px rgba(0, 0, 0, 0.5);
        box-shadow:         6px 6px  0px 0px rgba(0, 0, 0, 0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }
    .inputarea .step01 {width:380px; float:left; position: absolute; left: 50px; top:50px;}
    .inputarea .step02 {width:380px; float:left; position: absolute; left: 500px; top:50px;}
    .inputarea hr { width: 140px; height: 4px; color: #aeff3b; background: #aeff3b; }
    .inputarea .num { font-size: 40px; font-weight: bold; color: #fff; }
    .inputarea .subtitle { font-size: 28px; font-weight: bold; color: #fff; }
    .inputarea .date { font-size: 16px; color: #fff; }
    .inputarea .underbartxt { font-size: 12px; color: #6244c6; text-decoration: underline; }
    .inputarea .titlename { width: 100%;font-weight: 900; margin-bottom: 7px; color: #000000; font-size: 16px;}

    .note10inputbox { height: 40px; width: 100%; margin-top: 3px; }
    .note10inputbox input[type=text], .note10inputbox input[type=number] {
        width: 100%; height:40px; background-color: #fff; padding-left: 10px; border: 1px solid #ccc; color: #5438ac !important;
        font-size: 14px; font-weight: bold;
    }
    .note10inputbox input[type=text]:focus, .note10inputbox input[type=number]:focus {
        border: 2px solid #5438ac;
        font-size: 14px; font-weight: bold;
    }

    .note10inputbox input[type=text],.note10inputbox input[type=number]::placeholder, .note10inputbox input[type=number]::placeholder {color:#999;}
    .note10inputbox input[type=text],.note10inputbox input[type=number]::-moz-placeholder, .note10inputbox input[type=number]::-moz-placeholder {color:#999;}
    .note10inputbox input[type=text],.note10inputbox input[type=number]::-ms-placeholder, .note10inputbox input[type=number]::-ms-placeholder {color:#999;}
    .note10inputbox input[type=text],.note10inputbox input[type=number]::-webkit-placeholder, .note10inputbox input[type=number]::-webkit-placeholder {color:#999;}

    .boninBtn {
        position: absolute;
        top:-30px;
        right: 0;
        display: inline-block;
        background-color: #000;    color: #eee;
        height: 40px;
        line-height: 40px;
        padding: 0 50px;
        padding: 0 20px;
        font-size: 14px;
        /*border-radius: 30px; -moz-border-radius: 30px ; -webkit-border-radius: 30px;*/
    }

    .mobileNamecheckbtn {
        display: inline-block;
        background-color: #000;    color: #eee;
        height: 45px;
        line-height: 40px;
        font-size: 14px;
        /*border-radius: 30px; -moz-border-radius: 30px ; -webkit-border-radius: 30px;*/
    }

    .select-styled {
        height:40px;
        line-height: 38px;
        border:0px solid #000;
        color:#777 !important;
        background-color: #fff;
        border:1px solid #ccc;
        font-size: 13px;
        top: -1px;
        margin-top: 5px;
    }
    .select-styled:after {
        content: '';
        display: block;
        position: absolute;
        top: 17px !important;
        right: 15px !important;
        width: 7px;
        height: 7px;
        margin: -5px 0 0 -6px;
        border: solid #808080;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .select-styled:active:after, .select-styled.active:after {
        content: '';
        display: block;
        position: absolute;
        top: 22px !important;
        right: 15px !important;
        width: 7px;
        height: 7px;
        margin: -5px 0 0 -6px;
        border: solid #808080;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .select-styled.checked_value {
        color: #5438ac !important; font-weight: bold;
    }
    .select-options {
        display: none;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
        background-color: #fff;
        border: 2px solid #5438ac;
    }
    .select-options li.lichoice {
        color: #fff;
        background: #5438ac;
    }
    .select-options li {
        margin: 0;
        /* padding: 4px 0; */
        text-indent: 15px;
        color: #000;
        font-size: 14px !important;
        border-top: 1px solid #cacaca;
        -moz-transition: all 0.15s ease-in;
        -o-transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in;
        text-align: left;
    }
    .select-options li:first-child{ border-top: none;}

    .select-styled_default{
        height:40px;
        line-height: 40px;
        padding-left: 10px;
        border:0px solid #000;
        background-color: #fff;
        border: 1px solid #ccc;
        top: -1px;
        font-size: 13px;
        color: #777;
    }
    .note10inputbox2 { height: 40px; background-color: #f2f2f2; border: 0px solid #aaa;}
    .note10inputbox3 { height: 40px; background-color: #f2f2f2; border: 0px solid #aaa;}

    input[type='text'],input[type='number'],input[type="text"]:read-only,input[type="number"]:read-only, input[type="password"]:read-only {
        border:1px solid #ddd;
        height: 40px;
        padding-left:10px;
    }

    .btn {
        display: inline-block;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        border:0px solid #000;
        cursor: pointer;
    }

    .btn-big {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        border:0px solid #000;
        cursor: pointer;
    }

    .btn-default {
        width: 100%;
        background-color: #000000;
        color: #ffffff !important;
        font-size: 18px;
        border-radius:  30px;
        -moz-border-radius: 30px;
        -webkit-border-radius:  30px;
    }
    .btn-default-width {
        display: inline-block;;
        padding: 0 40px;
        background-color: #6244c6;
        color: #aeff3b !important;
        font-weight: bold;
        font-size: 16px;
        border: 2px solid #6244c6;
    }
    .btn-default-white-width {
        display: inline-block;;
        padding: 0 40px;
        background-color: #fff;
        color: #6244c6 !important;
        font-weight: bold;
        font-size: 16px;
        border: 2px solid #6244c6;
    }
    .btn-default-white {
        display: inline-block;;
        padding: 0 80px;
        background-color: #6244c6;
        color: #aeff3b !important;;
        font-weight: 900;
        font-size: 20px;
    }

    .boxgcover  {
        background: #fff;
    }
    .shortboardtitle {font-size: 16px; line-height: 22px; color:#000; font-weight: bold; padding: 10px;}
    .snsloginlayerpopup{
        width:440px;
        border:1px solid #000;
        border-radius: 5px;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: 0 5px 4px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 4px rgba(0,0,0,.2);
        box-shadow: 0 5px 4px rgba(0,0,0,.2);
        padding:25px 40px 40px 40px;
        background-color:#f9f9f9;
    }
    .snsloginlayerpopup .title1{
        font-size:22px;
        color:#777;
    }
    .snsloginlayerpopup .title2{
        padding-top:16px;
        font-size:24px;
        line-height:32px;
    }
    .supportlayerpopup{
        width:100%;
        border:1px solid #f53f0c;
        background-color:#fff;
    }
    .supportlayerpopup_halfbg{
        height: 100%;
        background-image: url('http://img.mnprice.com/data/upload/c22534.jpg');
        background-color:#fff;
        background-repeat: repeat-y;
        background-size: 50% auto;
    }

    .supportlayerpopup h1{
        font-size:2.0em;
        line-height:1.2em;
    }
    .supportlayerpopup h3{
        font-size:1.8em;
        line-height:1.4em;
    }
    .supportlayerpopup p{
        font-size:1.2em;
        line-height:1.2em;
    }

    .popup.pop-share {margin-top:-157px;}
    .popup.pop-share ul {margin-top:25px; text-align:center; margin-bottom:20px;}
    .popup.pop-share ul * {vertical-align:top;}
    .popup.pop-share ul li {display:inline-block; font-size:0; line-height:0; margin:0 0 0 14px;}
    .popup.pop-share ul li:first-child {margin-left:0;}
    .popup.pop-share ul li a {display:block;}
    .popup.pop-share ul li p {height:40px; line-height:40px;}
    .popup.pop-share ul li p:before {content:" "; display:inline-block;}
    .popup.pop-share ul li p:after {content:" "; display:inline-block;}
    .popup.pop-share ul li p * {vertical-align:middle;}
    .popup.pop-share ul li p span {font-size:16px; letter-spacing:-0.05em; color:#333; font-weight:500; display:inline-block; line-height:20px;}
    .popup.pop-share .pop-share-ip .sh-ip {background:#eee; border:1px solid #aaa; padding:0 20px; font-size:14px; line-height:48px; width:100%; box-sizing:border-box;}

    .blind {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:5;}


    .section.sec6 {background:#161616; background-size:100%; text-align:left !important;}
    .section.sec6 .content {padding:100px 0 100px;}
    .section.sec6 .content .title {font-size:0; line-height:0; margin-bottom:50px;}
    .section.sec6 .content .comment-box .comment-total {font-size:16px; line-height:20px; color:#999; margin-bottom:15px;}
    .section.sec6 .content .comment-box .comment-total strong {color:#f18513;}
    .section.sec6 .content .comment-write {margin-bottom:25px;}
    .section.sec6 .content .comment-write .c-logout {background:rgba(255,255,255,0.3); cursor:pointer; padding:0 20px; font-size:20px; line-height:70px; height:70px; color:#fff; font-weight:100;}
    .section.sec6 .content .comment-write .c-login textarea {background:rgba(255,255,255,0.3); cursor:pointer; padding:10px 20px; font-size:20px; line-height:25px; height:70px; color:#fff; font-weight:100; width:100%; box-sizing:border-box;}
    .section.sec6 .content .comment-write .c-login textarea::placeholder {color:#fff;}
    .section.sec6 .content .comment-write .c-login textarea::-moz-placeholder {color:#fff;}
    .section.sec6 .content .comment-write .c-login textarea::-ms-placeholder {color:#fff;}
    .section.sec6 .content .comment-write .c-login textarea::-webkit-placeholder {color:#fff;}

    .section.sec6 .content .c-list-option {*zoom:1; height:35px;}
    .section.sec6 .content .c-list-option:after {content:""; display:block; clear:both;}
    .section.sec6 .content .c-list-option .c-align {float:left;}
    .section.sec6 .content .c-list-option .c-align a {display:inline-block; font-size:16px; line-height:20px; margin-right:15px; color:#999999; font-weight:100;}
    .section.sec6 .content .c-list-option .c-align a.active-a {color:#fff;}
    .section.sec6 .content .c-list-option .c-reset {float:right; cursor:pointer;}
    .section.sec6 .comment-list {border-bottom:3px solid #343131;}
    .section.sec6 .comment-list .comment-item {border-top:1px solid #343131; padding:17px 0 0; position:relative;}
    .section.sec6 .comment-list .comment-item .item-con dt {margin-bottom:15px;}
    .section.sec6 .comment-list .comment-item .item-con dt span.name {font-size:14px; line-height:20px; font-weight:500; color:#f18513;}
    .section.sec6 .comment-list .comment-item .item-con dt span.date {font-size:14px; line-height:20px; font-weight:100; color:#484444; display:inline-block; margin-left:25px;}
    .section.sec6 .comment-list .comment-item .item-con dd {font-size:14px; color:#fff; line-height:20px; font-weight:100; padding: 0; margin:0; }
    .section.sec6 .comment-list .comment-item .item-menu {position:absolute; top:17px; right:0;}
    .section.sec6 .comment-list .comment-item .item-menu .icon {width:4px; height:18px; position:relative; cursor:pointer; padding:0 10px;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .item-menu.pop-on .icon {
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .item-menu .icon span {display:block; width:4px; height:4px; background:#666; border-radius:4px; }
    .section.sec6 .comment-list .comment-item .item-menu .icon span + span {margin-top:3px;}
    .section.sec6 .comment-list .comment-item .item-menu.pop-on .icon span { background:#fff;}

    .section.sec6 .comment-list .comment-item .item-bottom {*zoom:1; padding:15px 0 18px;}
    .section.sec6 .comment-list .comment-item .item-bottom:after {content:""; display:block; clear:both;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-total {float:left;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-total a {font-size:14px; color:#999; line-height:20px;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-total a strong {font-weight:500; color:#f18513;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm {float:right;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm button {
        height:20px; line-height:20px; margin-left:15px;
    }
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm .like-num {font-size:14px; color:#9e1435; display:inline-block; margin-left:3px;}
    .section.sec6 .comment-list .comment-item .item-bottom .c-recomm .dislike-num {font-size:14px; color:#4d3aa1; display:inline-block; margin-left:3px;}
    .section.sec6 .comment-list .comment-item .c-item-reply {display:none; background:#252121; padding:20px;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-logout {background:rgba(255,255,255,0.2); cursor:pointer; padding:0 20px; line-height:50px; height:50px;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea {background:rgba(255,255,255,0.3); cursor:pointer; padding:10px 20px; line-height:25px; height:70px; overflow:hidden; color:#fff; font-weight:100; width:100%; box-sizing:border-box;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::-moz-placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::-ms-placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .c-login textarea::-webkit-placeholder {color:#fff;}
    .section.sec6 .comment-list .comment-item .c-item-reply .reply-comment {padding-left:22px; background:url(/resources/css/205/images/reply-icon.png) left no-repeat;}
    .section.sec6 .comment-list .comment-item .c-item-reply .reply-comment textarea {display:block; width:100%; height:70px; background:#343131; color:#fff; padding:20px; box-sizing:border-box; font-weight:100;}


    .section.sec6 .comment-list .comment-item .reply-list {padding:15px 0 0;}
    .section.sec6 .comment-list .comment-item .reply-item {margin-left:22px; padding:15px 0; border-top:1px solid #343131; position:relative;}
    .section.sec6 .comment-list .comment-item .reply-item:first-child {border-top:0;}
    .section.sec6 .comment-list .comment-item .reply-item:before {content:""; display:block; position:absolute; top:50%; left:-22px; margin:-5px 0 0 0; width:10px; height:10px; background:url(/resources/css/205/images/reply-icon.png) left no-repeat;}
    .section.sec6 .comment-list .comment-item .reply-list dt {margin-bottom:10px;}
    .section.sec6 .comment-list .comment-item .reply-list dt span.name {font-size:14px; line-height:20px; font-weight:500; color:#f18513;}
    .section.sec6 .comment-list .comment-item .reply-list dt span.date {font-size:14px; line-height:20px; font-weight:100; color:#484444; display:inline-block; margin-left:25px;}
    .section.sec6 .comment-list .comment-item .reply-list dd {font-size:14px; color:#fff; line-height:20px; font-weight:100;}
    .section.sec6 .comment-list .comment-item .reply-list .item-menu {position:absolute; top:17px; right:0;}
    .section.sec6 .comment-list .comment-item .reply-list .item-menu .icon {width:4px; height:18px; position:relative; cursor:pointer; padding:0 10px;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .item-menu.pop-on .icon {
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transition:300ms;
        -o-transition:300ms;
        -webkit-transition:300ms;
        transition:300ms;
    }
    .section.sec6 .comment-list .comment-item .reply-list .item-menu .icon span {display:block; width:4px; height:4px; background:#666; border-radius:4px; }
    .section.sec6 .comment-list .comment-item .reply-list .item-menu .icon span + span {margin-top:3px;}
    .section.sec6 .comment-list .comment-item .reply-list .item-menu.pop-on .icon span { background:#fff;}

    .section.sec6 .c-more-btn {margin-top:30px;}
    .section.sec6 .c-more-btn button {

        display:block; border:2px solid #714316; line-height:70px; height:72px; font-size:16px;
        color:#c76e13; font-weight:100; width:100%; box-sizing:border-box;
        -ms-transition:500ms;
        -o-transition:500ms;
        -webkit-transition:500ms;
        transition:500ms;
    }
    .section.sec6 .c-more-btn button:hover {background:rgba(255,255,255,0.1);
        -ms-transition:500ms;
        -o-transition:500ms;
        -webkit-transition:500ms;
        transition:500ms;
    }


    /* 이 이후부터 이성훈 추가 */
    .write_area_02 .reply_textarea{
        display:block;
        width:100%;
        min-height: 70px;
        padding:10px;
        border:1px solid #ddd;
        overflow:hidden;
        background-color:transparent;
        font-size:14px;
        border:0 none;
        line-height:22px;
        color:#fff;
    }

    .write_area {
        border:1px solid #343131;
        background-color: rgba(50, 50, 50, 0.7);
        color: #666;
        position: relative;
    }
    .write_area .write_area_01 {
        border-bottom:1px solid #343131;
        overflow:hidden;
        padding: 0 15px;
        line-height:32px;
    }
    .write_area .write_area_02 {
        border-bottom:1px solid #343131;
        overflow:hidden;
        padding: 0 15px;
    }
    .write_area .write_area_03 {
        border-bottom:1px solid #343131;
    }
    .write_area .write_area_04 {
        overflow:auto;
        padding: 5px 15px;
        line-height: 24px;
    }

    .write_area .write_area_04 #mobile {
        width: 300px;
        height: 34px;
        font-size: 16px;
        background-color:#555;
        border-radius:  3px;
        -moz-border-radius: 3px;
        -webkit-border-radius:  3px;
        color:#aaa;
    }
    .write_area .write_area_04 #mobile::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_04 #mobile::-moz-placeholder { /* Firefox 19+ */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_04 #mobile:-ms-input-placeholder { /* IE 10+ */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_04 #mobile:-moz-placeholder { /* Firefox 18- */
        color: #cccccc;
        font-size: 12px;
    }
    .write_area .write_area_01 .snsbtnsarea { float:left;padding-top: 6px;}   /* board의 오른쪽 top*/
    .write_area .write_area_01 .snsbtnsarea ul {margin:0;padding:0;list-style:none;}
    .write_area .write_area_01 .snsbtnsarea li {
        float:left !important;
        padding:0 !important;
        vertical-align:middle;
    }
    .write_area .write_area_01 .snsbtnsarea img{
        border:1px solid #343131;
        margin-left: 3px;
        border-radius:  5px;
        -moz-border-radius: 5px;
        -webkit-border-radius:  5px;
    }

    .write_area .write_area_04 .replybtn02 {
        display: inline-block;
        vertical-align:middle;
        outline: none;
        cursor: pointer;

        font-size:12px;
        font-weight:bold;
        text-align: center;
        text-decoration: none;
        border:0px;
        border-radius: 2px;
        width:100px;
        height:34px;
    }
    .write_area .write_area_04 .replybtn02:hover {
        text-decoration: none;
    }
    .write_area .write_area_04 .replybtn02:active {
        position: relative;
        top: 1px;
    }

    .write_area .write_area_04 .maxtextlength {
        position:absolute;
        top: 90px;
        right: 20px;
    }

    .write_area .write_area_04 .btnorange01 {
        color: #ffffff;
        border: solid 1px #000;
        background: #f18513;
        background: -webkit-gradient(linear, left top, left bottom, from(#f18513), to(#f18513));
        background: -moz-linear-gradient(top,  #f18513,  #f18513);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18513', endColorstr='#f18513');
    }
    .write_area .write_area_04 .btnorange01:hover {
        background: #f18513;
        background: -webkit-gradient(linear, left top, left bottom, from(#f18513), to(#f18513));
        background: -moz-linear-gradient(top,  #fa7f02,  #f18513);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18513', endColorstr='#f18513');
    }
    .write_area .write_area_04 .btnorange01:active {
        background: #f18513;
        background: -webkit-gradient(linear, left top, left bottom, from(#f18513), to(#f18513));
        background: -moz-linear-gradient(top,  #f18513,  #f18513);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18513', endColorstr='#f18513');
    }

    .snsloginok .icon span + span {
        margin-top: 3px;
    }
    .snsloginok .snsloginname {
        float: right;
        padding-right:10px;
    }
    .snsloginok .icon {
        padding-top:6px;
        width: 3px;
        height: 18px;
        position: relative;
        cursor: pointer;
        padding: 9px 5px;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transition: 300ms;
        -o-transition: 300ms;
        -webkit-transition: 300ms;
        transition: 300ms;
    }
    .snsloginok .icon span {
        display: block;
        width: 3px;
        height: 4px;
        background: #666;
        border-radius: 3px;
    }

    .popup {display:none; position:fixed; top:50%; left:50%; width:380px; margin-left:-190px; background:#fff; border-radius:10px; z-index:6; padding:35px 40px; box-sizing:border-box;}
    .popup .pop-close {position:absolute; top:40px; right:40px; cursor:pointer;}
    .popup .pop-title{margin:0; padding:0;}
    .popup .pop-title dt {font-size:20px; color:#000; font-weight:600; line-height:24px;}
    .popup .pop-title dd {font-size:16px; line-height:24px; color:#666;margin:0; padding:0;}

    .popup.pop-login {margin-top:-115px;}
    .popup.pop-login ul {margin-top:35px; padding:0; text-align:center;}
    .popup.pop-login ul li {display:inline-block; font-size:0; line-height:0; margin:0 0 0 14px;padding:0;}
    .popup.pop-login ul li:first-child {margin-left:0;}


    .swiper-reserveboard-next{
        z-index:99;
        display:inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background: url(/resources/img/btn_small_arrow_right.png) no-repeat;
        position: absolute;
    }
    .swiper-reserveboard.swiper-button-disabled{
        opacity : 0.2;
        filter: alpha(opacity=20);
        -moz-opacity:0.2;
        -khtml-opacity: 0.2;
    }
    .swiper-reserveboard-prev{
        z-index:99;
        display:inline-block;
        width: 27px;
        height: 27px;
        cursor: pointer;
        background: url(/resources/img/btn_small_arrow_left.png) no-repeat;
        position: absolute;
        left: 420px;
    }
    .swiper-reserveboard-prev.swiper-button-disabled{
        opacity : 0.2;
        filter: alpha(opacity=20);
        -moz-opacity:0.2;
        -khtml-opacity: 0.2;
    }

    .btn-reserveGobtn { font-size: 24px;  color: #fff;  line-height: 80px;}
    .btn-reserveGobtn span{ font-weight: bold; text-decoration: underline;}

    .new_input_box ul li{ display: inline-block; vertical-align: top;}

    .btn_01 {
        display: inline-block;
        height: 70px;
        background: #e4e8ea;
        color: #333;
        font-size: 20px;
        width: 240px;
        font-weight: bold;;
        border: 3px solid #6244c6;
        box-shadow: 0px 0px 20px #280e7e;
    }
}
