@charset 'utf-8';
@import url('common.css');
/*===========================================================================
	LAYOUT
============================================================================*/

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
body .header .sidebar > .inner-section.type2::-webkit-scrollbar {
      width: 5px;
} /* this targets the default scrollbar (compulsory) */

body .header .sidebar > .inner-section.type2::-webkit-scrollbar-track {
      background-color: #7a8389;
} /* the new scrollbar will have a flat appearance with the set background color */
 
body .header .sidebar > .inner-section.type2::-webkit-scrollbar-thumb {
      background-color: #ffc900; 
} /* this will style the thumb, ignoring the track */
 
body .header .sidebar > .inner-section.type2::-webkit-scrollbar-button {
      background-color: #7a8389;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
body .header .sidebar > .inner-section.type2::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

body{background:#333333 url('/img/bg_texture.svg');}
#wrap{background:#fff;position:relative;margin:0 auto;min-width:320px;height:100%;max-width:420px;}
.colgroup{position:relative;margin:0 auto;width:100%;}
#header{position:absolute;top:0;z-index:30;min-width:320px;width:100%;max-width:420px;height:44px;background:#241F20;}
#container{position:relative;top:0;z-index:0;margin:0;padding:0;min-height:100%;background:#FFC900;}
#content{position:relative;top:0;left:0;margin:0;padding:44px 0 44px;height:auto;}
#footer{position:fixed;min-width:320px;max-width:420px;width:100%;height:44px;bottom:0;z-index:20;background:#241F20;overflow:hidden;}
#wrap.use-tab #header{height:88px;}
#wrap.use-tab #content{padding-top:88px;}
/*- app-install-guide  ----------------------------------------------------------------------*/
.img-bul.star{background-image:url('/img/bul_star.svg');}
.img-bul.star.half{background-image:url('/img/bul_star_half.svg');}
.img-bul.star.full{background-image:url('/img/bul_star_full.svg');}
body .app-install-guide{z-index:2;background:#f2f2f2;margin:0 auto;position:fixed;top:0;min-width:320px;width:100%;max-width:420px;padding:9px 0 9px;min-height:62px}
body .app-install-guide *{font-size:12px;font-weight:normal;color:#323232;line-height:14px;}
body .app-install-guide > dl{margin:0 60px 0 97px;cursor:pointer;}
body .app-install-guide > dl > dt.dd-subject{font-size:14px;color:#000000;line-height:16px;height:16px;}
body .app-install-guide > dl > dd.dd-thumbnail{position:absolute;top:50%;left:27px;margin-top:-30px;width:60px;height:60px;background:#ffffff;border-radius:15px;}
body .app-install-guide > dl > dd.dd-thumbnail > .img-bul.ci-logo{background-image:url('/img/ico_app.png');width:60px;height:60px;background-size:60px 60px;background-position:50% 50%;}
body .app-install-guide > dl > dd.dd-description{height:14px;margin-top:3px;}
body .app-install-guide > dl > dd.dd-rated > ul{height:9px;margin-top:3px;}
body .app-install-guide > dl > dd.dd-rated > ul > li{float:left;line-height:9px;}
body .app-install-guide > dl > dd.dd-rated > ul > li > .img-bul.star{width:9px;height:9px;background-size:9px 9px;}
body .app-install-guide > dl > dd.dd-link-message{margin-top:3px;height:14px;}
body .app-install-guide > dl > dd.dd-link a{position:absolute;padding:0 0;width:60px;text-align:center;line-height:20px;font-size:17px;font-weight:normal;height:20px;top:50%;right:0;margin-top:-10px;color:#0080DC;}
body .app-install-guide .use-close-guide{cursor:pointer;position:absolute;padding:0;width:28px;height:100%;top:0;left:0;}
body .app-install-guide .use-close-guide > span{position:absolute;top:0;left:0;width:28px;height:100%;}
body .app-install-guide .use-close-guide > span.img-bul{background-size:9px;background-image:url('/img/bul_close_app.svg');background-position:50% 50%;}
body .app-install-guide+.header{top:80px !important;}
body .app-install-guide+.header+.container #content{padding-top:128px !important;}
body .wrap.use-tab > .app-install-guide+.header+.container #content{padding-top:168px !important;;}
/*- header ----------------------------------------------------------------------*/
body .header{ }
body .header .title-area{position:absolute;margin:0 auto;padding:0;width:100%;height:44px;}
body .header .title-area *{color:#fff;text-decoration:none;text-align:center;font-size:16px;line-height:44px;font-weight:500;}
body .header .title-area > a{margin:0 auto;padding:0 80px;overflow:hidden;}
body .header .title-area > a.link{position:absolute;right:0px;top:0;padding:0 15px;font-size:14px;}
body .header .btn-sidebar{position:absolute;top:10px;left:10px;background-image:url('/img/btn_menu.svg');background-size:18px;width:24px;height:24px;background-position:50% 50%;}
body .header .sidebar-static-background{z-index:1000;height:100%;width:240px;position:fixed;margin-left:-240px;top:0;background:#333333 url('/img/bg_texture.svg')}
body .header .sidebar{overflow-y: scroll !important;z-index:999;position:fixed;margin-left:-240px;top:0;width:200px;padding:20px 20px;height:100%;background-color:#eeeeee;background-image:url('/img/ci.svg');background-repeat:no-repeat;background-position:right bottom;min-height:350px;}
body .header .sidebar > .inner-section{padding:0 5px;}
body .header .sidebar > .inner-section *{text-decoration:none;color:#241F20;}
body .header .sidebar > .inner-section.sidebar-close{margin-bottom:15px;}
body .header .sidebar > .inner-section.sidebar-close > .img-bul{background-image:url('/img/bul_close_sidebar.svg');background-size:15px 15px;width:15px;height:15px;background-position:0 50%;}
body .header .sidebar > .inner-section.type1{margin-bottom:15px;}
body .header .sidebar > .inner-section.type1 *{}
body .header .sidebar > .inner-section.type1.user-area > ul > li > a{display:block;}
body .header .sidebar > .inner-section.type1.user-area > ul > li > a > em.img-bul{background-position:0 50%;background-size:19px 22px;width:30px;height:22px;}
body .header .sidebar > .inner-section.type1.user-area > ul > li.info > a > em.img-bul{background-image:url('/img/bul_info.svg');}
body .header .sidebar > .inner-section.type1.user-area > ul > li.coupon > a > em.img-bul{background-image:url('/img/bul_coupon.svg');}
body .header .sidebar > .inner-section.type1 > ul > li{color:#241F20;margin-top:10px;}
body .header .sidebar > .inner-section.type1 > ul > li:first-child{margin-top:0;color:#888888;}
body .header .sidebar > .inner-section.type2{/*height: 300px;*/height: 380px;  overflow-y: scroll !important;}
body .header .sidebar > .inner-section.type2 > ul > li{line-height:46px;border-top:#dddddd 1px solid;}
body .header .sidebar > .inner-section.type2 > ul > li:first-child{margin-top:0;border-top:0;}
body .header .sidebar > .inner-section.type2 > ul > li.on > a{color:#8B572A;font-weight:600;}
body .header .sidebar > .inner-section.type2 > ul > li > a{display:block;line-height:46px;height:46px;}
body .header .sidebar > .inner-section.type3{margin-bottom:15px;}
body .header .sidebar > .inner-section.type3 > ul > li{line-height:46px;border-top:#dddddd 1px solid;}
body .header .sidebar > ul > li > .img-bul{overflow:hidden;position:absolute;bottom:80px;}
body .header .sidebar > ul > li > .img-bul.ci-side{width:100px;height:46px;background-image:url('/img/ci_side.svg');}
body .header .tab{position:absolute;top:44px;max-width:100%;width:100%;height:44px;}
body .header .tab *{color:#9B9B9B;text-decoration:none;font-size:14px;line-height:44px;}
body .header .tab > ul{display:table;width:100%;max-width:100%;height:44px;padding:0;}
body .header .tab > ul > li{display:table-cell;white-space:nowrap;text-align:center;}
body .header .tab > ul > li > a{display:block;}
body .header .tab > ul > li.on > a{color:#ffffff;}
/*- contents ----------------------------------------------------------------------*/
body .content > .head{z-index:3;}
body .content > .main{z-index:2;margin-top:20px;}
body .content > .foot{z-index:1;}
body .content > .foot *{color:#fff;}
body .content .section{overflow:hidden;position:relative;margin:0;padding:0;}
body .content .section-title{margin:0;border:0;background:#FFC900;padding:8px 20px !important;position:relative;}
body .content .section-title > *{font-weight:600;}
body .content .section-title > .option-link{color:#888888;font-weight:400;position:absolute;right:20px;top:8px;}
body .content .section{margin:0 18px 20px;}
body .content .section.type2{margin:0;padding:0 18px 20px;}
body .content .section.flat{margin:0;padding:0;}
body .content .section.btn-area{padding:20px 18px 20px 0;margin:0;}
body .content .section.btn-area > ul{display:table;width:100%;}
body .content .section.btn-area > ul > li{display:table-cell;width:50%;padding-left:15px;}
body .content .section.btn-area > ul > li:first-child{margin-left:-15px;padding-left:18px;}
body .content .section.btn-area > ul > li > *{display:inline-block !important;}
body .content .section.empty-notice{position:relative;min-height:100px;margin:0;}
body .content .section.empty-notice > p{position:absolute;top:50%;margin-top:-22px;text-align:center;width:100%;} 
/*- footer ----------------------------------------------------------------------*/
body .footer .lnb{position:relative;top:0;max-width:100%;height:44px;}
body .footer .lnb *{color:#9B9B9B;text-decoration:none;font-size:14px;line-height:44px;}
body .footer .lnb > ul{display:table;width:100%;max-width:100%;height:44px;padding:0;}
body .footer .lnb > ul > li{display:table-cell;white-space:nowrap;text-align:center;}
body .footer .lnb > ul > li > a{display:block;}
body .footer .lnb > ul > li.on > a{color:#FFC900;}
/*===========================================================================
	Custom User Interface
============================================================================*/
/*- search-filter ----------------------------------------------------------------------*/
#search-filter{padding:0;margin:0;z-index:10;padding:8px 10px;}
#search-filter > .fixed{}
#search-filter > .fixed > *{}
/*- custom ----------------------------------------------------------------------*/
.custom-ui-qty{width:30px;padding:0 30px;overflow:hidden;position:relative;}
.custom-ui-qty > .btn{font-size:13px !important;width:30px !important;height:30px !important;padding:0 !important;position:absolute;top:0;background:#D0021B !important;color:#ffffff !important;font-weight:800;border-color:#313841 !important;text-align:center;-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.custom-ui-qty > .btn{right:0;}
.custom-ui-qty > .btn:first-child{left:0;}
.custom-ui-qty > .btn.disabled{cursor:auto !important;}
.custom-ui-qty > .btn > em{width:30px;height:30px;background-size:12px 7px;background-position:50% 48%;}
.custom-ui-qty > .text-field{background:#fff;width:30px;text-align:center;border-width:0;text-indent:0;color:#d0021b !important;}
.custom-ui-qty.off{}
.custom-ui-qty.off > .btn{background:#dddddd !important;}
.custom-ui-qty.off > .text-field{color:#888888 !important;}
/*===========================================================================
	MODAL
============================================================================*/
/*- sidebar ----------------------------------------------------------------------*/
.sidebar-background{background:#000000;opacity:0.7;filter:alpha(opacity=70);}
/*GModal Message*/
.toastMessage{width:100%;min-width:320px;max-width:420px;opacity:0;}
.toastMessage > .gModal-content{margin:0 10px;}
.toastMessage > .gModal-content > .opacity-bg{min-width:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.toastMessage > .gModal-content > p{padding:10px 20px;color:#fff;text-align:center;}
/*- GModal ----------------------------------------------------------------------*/
.gModal{}
.gModal > .gModal-content{width:100%;min-width:320px;max-width:420px;}
.gModal > .gModal-content > *{margin:18px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ffffff;-webkit-box-shadow:0 0 8px #919191;-moz-box-shadow:0 0 8px #919191;box-shadow:0 0 8px #919191;-o-box-shadow:0 0 8px #919191;}
.gModal > .gModal-content .gModal-close{top:30px;right:31px;background:none;cursor:pointer;padding:0;}
.gModal > .gModal-content .gModal-close > .img-bul.close{float:left;width:24px;height:24px;background-position:50% 50%;background-size:14px;}
.gModal-background{background:#000000;opacity:0.5;filter:alpha(opacity=50);overflow:hidden;}
.gModal > .gModal-content .head{margin:0 18px;padding:15px 0 10px;border-bottom:#dddddd 1px solid;color:#241F20;font-weight:600;}
.gModal > .gModal-content .main{margin:0 18px;padding:10px 0 20px;}
.gModal > .gModal-content .foot{margin:0 18px;padding:0 0 20px;}
.gModal > .gModal-content .foot > .btn-area > ul{margin-left:12px;}
.gModal > .gModal-content .foot > .btn-area > ul > li{margin-left:12px;width:50%;float:left;}
.gModal > .gModal-content .foot > .btn-area > ul > li:first-child{margin-left:-12px;}
/*- modal-alert ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-alert{}
.gModal > .gModal-content > .modal-alert > .head{}
.gModal > .gModal-content > .modal-alert > .main{}
.gModal > .gModal-content > .modal-alert > .foot{}
.gModal > .gModal-content > .modal-alert > .foot > .btn-area > ul > li > .btn.btn-close{display:none !important;}
.gModal > .gModal-content > .modal-alert.confirm > .foot > .btn-area > ul{margin-left:12px;}
.gModal > .gModal-content > .modal-alert.confirm > .foot > .btn-area > ul > li{margin-left:12px;width:50%;float:left;}
.gModal > .gModal-content > .modal-alert.confirm > .foot > .btn-area > ul > li:first-child{margin-left:-12px;}
.gModal > .gModal-content > .modal-alert.confirm > .foot > .btn-area > ul > li >  .btn.btn-close{display:block !important;}
/*- modal-contact ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-contact{}
/*- modal-login ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-login .text-field{background:#dddddd;}
.gModal > .gModal-content > .modal-login .select-field{background:#dddddd;}
.gModal > .gModal-content > .modal-login .login-validate-error{margin:5px 8px !important;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li{margin-top:10px;width:100%;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li *{color:#fff;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li > * {width:100%;text-decoration:none;height:44px;line-height:44px;position:relative;display:block;background:#444444;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li > button {line-height:42px;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li.facebook > *{background:#3b5998 !important;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li.kakao *{color:#444444 !important;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li.kakao > *{background:#fce711 !important;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li.naver > *{background:#08be00 !important;}
.gModal > .gModal-content > .modal-login > .main > .section.login-btn-area > ul > li.email > *{}
.gModal > .gModal-content > .modal-login > .main > .section.guide-area{margin-top:20px;}
.gModal > .gModal-content > .modal-login > .main > .section.guide-area > dl > dt{color:#999999;font-weight:400;margin-bottom:10px;}
.gModal > .gModal-content > .modal-login > .main > .section.guide-area > dl > dd > ul > li{display:inline-block;border-left:#4A90E2 1px solid; margin:0 0 0 5px;padding:0 0 0 5px;height:16px;}
.gModal > .gModal-content > .modal-login > .main > .section.guide-area > dl > dd > ul > li:first-child{margin-left:0;padding-left:0;border-left:0;}
.gModal > .gModal-content > .modal-login > .main > .section.guide-area > dl > dd > ul > li > a{line-height:16px;vertical-align:top;}
/*- modal-join ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-join > .main .td-phone-area > .btn.transparent{position:absolute;right:0;top:0;height:36px !important;line-height:36px !important;}
/*- modal-rule ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-rule{}
.gModal > .gModal-content > .modal-rule .rule-area > dl > dt{margin-top:20px;font-weight:bold;}
/*- modal-share ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li{margin-top:10px;width:100%;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li *{color:#fff;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li > * {width:100%;text-decoration:none;height:44px;line-height:44px;position:relative;display:block;background:#444444;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li > button {line-height:42px;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.facebook > *{background:#3b5998 !important;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao *{color:#444444 !important;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao > *{background:#fce711 !important;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao-story *{color:#444444 !important;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao-story > *{background:#fce711 !important;}
.gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao{display:none;}
html.PLATFORM-IPHONE .gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao{display:block;}
html.PLATFORM-IPAD .gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao{display:block;}
html.PLATFORM-ANDROID .gModal > .gModal-content > .modal-share > .main > .section.btn-area > ul > li.kakao{display:block;}
/*- modal-navigation ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li{margin-top:10px;width:100%;}
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li *{color:#fff;}
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li > * {width:100%;text-decoration:none;height:44px;line-height:44px;position:relative;display:block;background:#444444;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li > button {line-height:42px;}
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li.daum > *{background:#1D9CFF !important;}
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li.daum-app > *{background:#1D9CFF !important;}
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li.naver > *{background:#00C300 !important;}
.gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li.daum-app{display:none;}
html.PLATFORM-IPHONE .gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li.daum-app{display:block;}
html.PLATFORM-IPAD .gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li.daum-app{display:block;}
html.PLATFORM-ANDROID .gModal > .gModal-content > .modal-navigation > .main > .section.btn-area > ul > li.daum-app{display:block;}
/*===========================================================================
	CONTENTS
============================================================================*/
/*- card-template ----------------------------------------------------------------------*/
.search-result{background:#eeeeee;padding:10px 15px !important;}
.search-result+.card-template:first-child{border-top-width:0 !important;}
.card-template{background:#fff;padding:15px !important;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(153,153,153,0.5) !important;-moz-box-shadow:0 1px 2px rgba(153,153,153,0.5) !important;box-shadow:0 1px 2px rgba(153,153,153,0.5) !important;}
.card-template.off *{border-color:#d5d5d5 !important;color:#a0a0ac !important;}
.card-template.off .img-block > img{-filter:url('/img/bg_gray.svg#grayscale');filter:gray;-webkit-filter:grayscale(100%);}
.card-template .btn.discount{font-size:14px !important;height:20px !important;line-height:18px !important;background:#fff;border:#d0021b 1px solid;color:#d0021b !important;}
.card-template .txt-status-label{width:100%;text-align:center;z-index:1;position:absolute;top:50%;left:0;font-size:24px;line-height:30px;margin-top:-15px;color:#ffffff;}
.card-template > .inner-section.type1{margin-bottom:10px;}
.card-template > .inner-section.type2{}
.card-template > .inner-section.type2 > .subject{color:#8B572A;font-weight:600;}
.card-template.popup{padding:0 !important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}
/*- html-article ----------------------------------------------------------------------*/
.html-article{}
.html-article > .inner-section.main{}
.html-article > .inner-section.main .default-html img{max-width:100%;}
.html-article > .inner-section.main .default-html > .txt-description{margin-top:20px;}
.html-article > .inner-section.main .default-html > .txt-description+.img-block{margin-top:20px;}
.html-article > .inner-section.main .default-html > *:first-child{margin-top:0;}
/*- mor-btn-area ----------------------------------------------------------------------*/
.more-btn-area{text-align:center;padding:20px 18px;}
.more-btn-area > .more > .img-bul.arrow-down.light{width:25px;background-position:100% 50%;background-size:13px;}
/*- form-area ----------------------------------------------------------------------*/
.form-template{}
/*- comment-list ----------------------------------------------------------------------*/
#comment-list{margin:0;border:0;background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none !important;}
#comment-list .txt-input-guide{color:#999999 !important;}
#comment-list .comment-area .inner-section.head{background:#eeeeee;}
/*#comment-list .comment-area .inner-section.head > p{background:#eeeeee;margin:0;padding:15px 10px;border-bottom:#cccccc 1px solid;}*/
#comment-list .comment-area > .inner-section{border-bottom:#dddddd 1px solid;}
#comment-list .comment-area .inner-section > .item{position:relative;padding:20px 18px;}
#comment-list .comment-area .inner-section > .item > .name{margin:0 0 5px;}
#comment-list .comment-area .inner-section > .item > .comment{margin:0 0 10px;overflow:hidden !important;word-wrap:break-word !important;}
#comment-list .comment-area .inner-section > .item > .comment > .textarea-field-area{background:#dddddd;border:#bbbbbb 1px solid;}
#comment-list .comment-area .inner-section > .item > .comment > .textarea-field-area > *{background:#dddddd;}
#comment-list .comment-area .inner-section > .item > .comment > p{color:#999999;}
#comment-list .comment-area .inner-section > .item > .comment a{text-decoration:underline;}
#comment-list .comment-area .inner-section > .item > .secret-notice{margin:0 0 5px;}
#comment-list .comment-area .inner-section > .item > .attachment-area .attachment-lst-box{margin:0;}
#comment-list .comment-area .inner-section > .item > .attachment-area .attachment-lst-box .attachment-lst{margin:0 0 10px;}
#comment-list .comment-area .inner-section > .item > .attachment-area .attachment-lst-box .attachment-lst .use-delete{position:absolute;top:10px;right:10px;z-index:2;cursor:pointer;}
#comment-list .comment-area .inner-section > .item > .attachment-area .attachment-lst-box .attachment-lst .use-delete > .img-bul{background-color:#313841;width:30px;height:30px;background-position:50% 50%;background-size:13px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
#comment-list .comment-area .inner-section > .item > .update-date{margin:0;color:#bbbbbb;}
#comment-list .comment-area .inner-section > .item > .link-area{position:absolute;bottom:20px;right:18px;}
#comment-list .comment-area .inner-section > .item > .link-area *{text-decoration:none;color:#bbbbbb;}
#comment-list .comment-area .inner-section > .item > .link-area > ul > li{float:left;margin-left:5px;padding-left:5px;border-left:#bbbbbb 1px solid;height:15px;}
#comment-list .comment-area .inner-section > .item > .link-area > ul > li > a{line-height:15px;vertical-align:top;}
#comment-list .comment-area .inner-section > .item > .link-area > ul > li:first-child{border-left:0;}
#comment-list .comment-area .inner-section > .item > .btn-area *{line-height:33px;}
#comment-list .comment-area .inner-section > .item > .btn-area .btn.secret{border:#bbbbbb 1px solid;background:#dddddd;width:31px !important;height:31px !important;margin-right:8px;padding:0 !important;}
#comment-list .comment-area .inner-section > .item > .btn-area .btn.secret > .img-bul.check{display:none;}
#comment-list .comment-area .inner-section > .item > .btn-area .btn.secret.on > .img-bul.check{width:31px;height:31px;background-position:50% 50%;background-size:18px 14px;}
#comment-list .comment-area .inner-section > .item > .btn-area .btn.use-add-pictures > .img-bul.pictures{width:20px;background-size:16px;}
#comment-list .comment-area .inner-section > .item > .btn-area > ul > li{float:left;}
#comment-list .comment-area .inner-section > .item > .btn-area > ul > li > a{margin-left:5px;}
#comment-list .comment-area .inner-section > .item.write > .attachment{background:#000000 url('/img/bul_close.svg') 50% 50% no-repeat;background-size:50%;}
#comment-list .comment-area .inner-section > .item.write > .attachment > img{opacity:0.6;}
#comment-list .comment-area .inner-section.reply{background:url('/img/bul_indent.svg') 15px 15px no-repeat ;background-size:19px 12px;}
#comment-list .comment-area .inner-section.reply > .item{padding-left:40px;padding-top:10px;}
#comment-list > .btn-area{text-align:center;margin:10px;}
#comment-list > .btn-area > .use-list-more{padding:0 20px;background:#313841 !important;line-height:40px !important;height:40px !important;color:#ffffff !important;font-weight:bold;font-size:15px;}
#comment-list > .btn-area > .use-list-more > .img-bul.arrow-down.light{width:25px;height:40px;background-position:100% 50%;background-size:13px;}
/*- tooltip ----------------------------------------------------------------------*/
.tooltip{margin:0 0 20px 0;padding:2px;border:#767676 1px solid;background:#fff;-webkit-box-shadow:0 0 4px #919191;-moz-box-shadow:0 1px 4px #919191;box-shadow:0 1px 4px #919191;-o-box-shadow:0 1px 4px #919191;}
.tooltip *{color:#767676;font-size:12px;}
/*===========================================================================
    Defalut	
============================================================================*/
.txt-color1{color:#ffffff !important;}
.txt-color2{color:#241F20 !important;}
.txt-color3{color:#999999 !important;}
.txt-color4{color:#F5A623 !important;}
.txt-color5{color:#8B572A !important;}
.txt-color6{color:#D0021B !important;}
.txt-color7{color:#4A90E2 !important;}
.txt-color8{color:#FFC900 !important;}
.txt-color9{color:#FF001F !important;}
.txt-color10{color:#4eca1d !important;}

.border-color1{border-color:#dddddd !important;}

.bg-color1{background-color:#eeeeee !important;}
.bg-color2{background-color:#FFC900 !important;}
.bg-color3{background-color:#241F20 !important;}

.font-size1{font-size:15px !important;line-height:22px !important;}
.font-size2{font-size:14px !important;line-height:20px !important;}
.font-size3{font-size:13px !important;line-height:19px !important;}
.font-size4{font-size:11px !important;line-height:17px !important;}


/* 2017.02.13 수정 */
/* 자동차관련정보 */

/*- blog-template ----------------------------------------------------------------------*/
.search-result+.blog-template:first-child{border-top-width:0 !important;}
.blog-template{background:#fff;padding:2% !important;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(153,153,153,0.5) !important;-moz-box-shadow:0 1px 2px rgba(153,153,153,0.5) !important;box-shadow:0 1px 2px rgba(153,153,153,0.5) !important;}
.blog-template.off *{border-color:#d5d5d5 !important;color:#a0a0ac !important;}
.blog-template.off .img-block > img{-filter:url('/img/bg_gray.svg#grayscale');filter:gray;-webkit-filter:grayscale(100%);}
.blog-template .btn.discount{font-size:14px !important;height:20px !important;line-height:18px !important;background:#fff;border:#d0021b 1px solid;color:#d0021b !important;}
.blog-template .txt-status-label{width:100%;text-align:center;z-index:1;position:absolute;top:50%;left:0;font-size:24px;line-height:30px;margin-top:-15px;color:#ffffff;}
.blog-template > .inner-section.type1{margin-bottom:10px;}
.blog-template > .inner-section.type2{}
.blog-template > .inner-section.type2 > .subject{color:#8B572A;font-weight:600;}
.blog-template.popup{padding:0 !important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}

body .content .blogSection {
    display: block;
    min-height: 1%;
	width:40%; 
	float:left;
	min-height:145px;
}
body .content .blogSection {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}
body .content .blogSection {
    margin: 0 0 20px 3.7%;
	border:1px solid #DCDCDC;
}

.blog-img{
	min-height:100%;
}

.blog-title{
	font-size: 14px;
    line-height: 22px;
    font-family: 'Nanum Gothic','Arial','Gulim';
    font-weight: 600;
    color: #241F20;
    letter-spacing: -0.5px;
}
.blog-content{
	font-size: 14px;
    line-height: 22px;
    font-family: 'Nanum Gothic','Arial','Gulim';
    font-weight: 400;
    color: #241F20;
    letter-spacing: -0.5px;
}
.blog-block{
	overflow: hidden;
    width: 100%;
    height: 113px;
    display: block;
}

.img-blog-block{
	width:100%;
	height:100%;
}

.blog-type2{
	margin-top:5px;
}
.blog-date{
	font-weight:normal;
	font-size:12px;
}