/*
 * 1300K Mobile Site Default CSS
 *
*/

/* WebFont ================================================================*/
@import url(//fonts.googleapis.com/css?family=Montserrat:400,600|Roboto:400,700);



/* Default Reset ==========================================================*/
html {width:100%; height:100%}
body {overflow:auto; width:100%; height:100%; background-color:#f2f2f2; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {margin:0; padding:0}
body, input, textarea, select, button, table {font-family:'AppleSDGothicNeo-Light', 'Roboto', 'Droid Sans', 'Malgun Gothic', 'Apple-Gothic', '¾ÖÇðíµñ', 'Helvetica', dotum, 'µ¸¿ò', sans-serif; color:#5c5c5c}
fieldset, img {border:0}
ul, ol, li, dl, dt, dd {list-style:none}
address, var, em, dfn, strong {font-style:normal}
table {border:0; border-collapse:collapse; border-spacing:0}
caption, legend {display:none; width:0; height:0; font-size:0; line-height:0}
button {border: 0px; padding: 0; overflow: visible}



/* Basic Style ============================================================*/
a {text-decoration:none; color:#545454; outline:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
a:link, a:visited, a:active {text-decoration:none; color:#545454}
a:hover {text-decoration:none; color:#545454}

input.ipt_txt {width:auto; height:30px; padding:0 2%; border:1px solid #a7a8ad; font-size:14px; color:#333; font-weight:bold; vertical-align:middle}



/* Define Custom Style ====================================================*/
.inline {display:inline}
.inline_block {display:inline-block}
.block {display:block}
.fl_lft {float:left}
.fl_rgt {float:right}
.pos_rel {position:relative}
.pos_abs {position:absolute}
.blind {overflow:hidden; text-indent:-20000px; white-space:nowrap}
.hidden {display:none; overflow:hidden; width:0; height:0; font-size:0; line-height:0; color:transparent; white-space:nowrap}
.clear {*zoom:1}
.clear:after {content:""; display:block; clear:both}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}

.radius_5 {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; -moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px}
.bgc_fff {background-color:#fff}
.ta_ctr {text-align:center !important}
.fs_14 {font-size:14px !important}
.fs_18 {font-size:18px !important}
.mg_t5 {margin-top:5px !important}
.mg_t8 {margin-top:8px !important}
.pd_t10 {padding-top:10px !important}
.pd_t20 {padding-top:20px !important}
.pd_t40 {padding-top:40px !important}
.pd_b25 {padding-bottom:25px !important}
.pd_b35 {padding-bottom:35px !important}
.pd_tb18 {padding-top:18px !important; padding-bottom:18px !important}
.hi_30px {height:30px !important}



/* CLS CSS ================================================================*/
.clsCheckBox {cursor:pointer}
.clsCheckBox input {display:none}
.clsCheckBox .ico_chknormal {position:relative; display:inline-block; width:auto; height:21px; padding-left:29px; font-size:13px; line-height:21px; color:#333; font-weight:bold}
.clsCheckBox .ico_chknormal span {position:absolute; top:0; left:0}
.clsCheckBox .ico_chkbasic {position:relative; display:inline-block; width:auto; height:21px; padding-left:29px; font-size:12px; line-height:21px; color:#b0b0b0; -webkit-text-shadow:0 -1px 1px #000; -moz-text-shadow:0 -1px 1px #000; text-shadow:0 -1px 1px #000}
.clsCheckBox .ico_chkbasic span {position:absolute; top:0; left:0}
.clsCheckBox .ico_chkmono {position:relative; display:inline-block; width:auto; height:15px; padding:1px 0 0 23px; font-size:13px; line-height:14px; color:#333; font-weight:bold;  -webkit-text-shadow:0 -1px 1px #fff; -moz-text-shadow:0 -1px 1px #fff; text-shadow:0 -1px 1px #fff; vertical-align:middle}
.clsCheckBox .ico_chkmono span {position:absolute; top:0; left:0}
.clsCheckBox .ico_chkmonog {position:relative; display:inline-block; width:auto; height:15px; padding:1px 0 0 23px; font-size:13px; line-height:14px; color:#f9f9f9; vertical-align:middle}
.clsCheckBox .ico_chkmonog span {position:absolute; top:0; left:0}

.clsJQKInput {position:relative; width:auto; height:36px; cursor:pointer}
.clsJQKInput input {display:inline-block; width:63px; height:34px; border:1px solid #000; line-height:36px; color:#262628; font-size:16px; font-weight:bold; text-align:left}
.clsJQKInput .jqki_chg_btn {position:absolute; top:0; left:61px; width:auto; height:36px}
.clsJQKInput .jqki_chg_btn li {display:inline-block; width:37px; height:34px; border:1px solid #424244; border-color:#424244 #000 #000 #424244; background-color:#262728; cursor:pointer; vertical-align:middle}
.clsJQKInput .jqki_chg_btn li span {margin:9px 0 0 11px}
.clsJQKInput .jqki_chg_btn li.jqki_btn_dn {-webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px}
.clsJQKInput .jqki_chg_btn li.last_btn {-webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px}
.clsJQKInput input.cart_type {border:1px solid #c7c7c7; color:#262628}
.clsJQKInput ul.cart_type li {border:1px solid #c7c7c7; border-color:#eaeaea #c7c7c7 #c7c7c7 #eaeaea; background:#fefefe; background:-moz-linear-gradient(top,  #fefefe 0%, #cecece 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cecece)); background:-webkit-linear-gradient(top,  #fefefe 0%,#cecece 100%); background:linear-gradient(to bottom,  #fefefe 0%,#cecece 100%)}
.clsJQKInput ul.cart_type li.jqki_btn_change {height:24px; padding-top:10px; font-size:13px; color:#c2c2c4; font-weight:bold; text-align:center; -webkit-text-shadow:0 1px 0 #fff; -moz-text-shadow:0 1px 0 #fff; text-shadow:0 1px 0 #fff}
.clsJQKInput ul.cart_type li.jqki_btn_change_on {border-color:#6f6f72; color:#87E756; -webkit-text-shadow:0 1px 0 #333337; -moz-text-shadow:0 1px 0 #333337; text-shadow:0 1px 0 #333337; background:-moz-linear-gradient(top,  #7a7a7f 0%, #4d4d52 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7a7f), color-stop(100%,#4d4d52)); background:-webkit-linear-gradient(top,  #7a7a7f 0%,#4d4d52 100%); background:linear-gradient(to bottom,  #7a7a7f 0%,#4d4d52 100%)}
.clsJQKInput .jqki_chg_btn.gray_type {height:34px; border-top:1px solid #929ca8; border-bottom:1px solid #929ca8}
.clsJQKInput input.gray_type {border:1px solid #929CA8; color:#444}
.clsJQKInput ul.gray_type li {display:inline-block; width:37px; height:34px; border-top:none; border-bottom:none; border-left:1px solid #929ca8; border-right:1px solid #929ca8; background-color:#ebebeb; cursor:pointer; vertical-align:middle}
.clsJQKInput ul.gray_type li:first-child {border-right-color:#ebebeb}
.clsJQKInput input.pdt_type {padding-left:35px; padding-right:35px; height:36px; border:0 !important; -webkit-appearance:none; -webkit-border-radius:0; font-weight:normal}
.clsJQKInput .jqki_chg_btn.pdt_type {position:absolute; top:0; left:0; width:126px !important; height:0; border-radius:0}
.clsJQKInput ul.pdt_type li {position:absolute; top:0; width:33px; height:36px; padding:0 !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; background-color:#f8f8f8; cursor:pointer; z-index:10}
.clsJQKInput ul.pdt_type li.jqki_btn_dn {left:0; border-left:0; border-top:0; border-bottom:0; border-right:1px solid #dfe0e0}
.clsJQKInput ul.pdt_type li.jqki_btn_up {right:0; border-left:1px solid #dfe0e0; border-top:0 !important; border-bottom:0; border-right:0}

.clsBanner {position:relative; display:block; overflow:hidden}
.clsBanner > li {display:none}
.clsBannerPager {z-index:10}
.clsBannerPager .ico_page {display:inline-block; width:7px; height:7px; background:#dfdfdf; box-shadow:0px 1px 2px #555 inset; margin:0 3px; cursor:pointer; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-top-left-radius:10px; -moz-border-top-right-radius:10px; -moz-border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.clsBannerPager .ico_page_on {background:#60c31f;}
.clsBannerPager .ico_page_mid {display:inline-block; width:9px; height:9px; background:#dfdfdf; box-shadow:0px 1px 2px #555 inset; margin:0 3px; cursor:pointer; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-top-left-radius:10px; -moz-border-top-right-radius:10px; -moz-border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.clsBannerPager .ico_page_mid_on {background:#60c31f;}

.clsRadioBtn {display:inline-block; width:auto; cursor:pointer}
.clsRadioBtn input {display:none}
.clsRadioBtn label {display:block; overflow:hidden; font-size:13px; color:#f9f9f9; vertical-align:middle}
.clsRadioBtn label span {display:block; float:left; vertical-align:middle}
.clsRadioBtn label span.k_hf1 {margin-right:5px}
.clsRadioBtn label span.radio_title {padding-right:13px}

.clsTouchContent {padding-top:45px}
.clsTopButton {display:none}



/* °øÅë ÅÛÇø´
******************************************************************************/
/* ¼¿·ºÆ®,ÀÎDz °øÅë */
article#mybook_content input,
article#mybook_content select {vertical-align: middle}

/* ¼¿·ºÆ® */
article#mybook_content select {height: 34px; padding: 7px 30px 9px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #C0C0C0; border-radius: 4px; color: #333; font-size: 14px; background-color: white; background-image: url('//img.1300k.com/mobile/common/bg_select2.png'),url('//img.1300k.com/mobile/common/bg_select.png'); background-repeat: no-repeat,repeat-x; background-position: right bottom, left bottom}

/* ÅؽºÆ®¹Ú½º */
article#mybook_content input[type="text"],
article#mybook_content input[type="password"],
article#mybook_content input[type="number"],
article#mybook_content input[type="tel"] {border: 1px solid #A7A8AD; border-radius: 4px; color: #333; font-size: 14px; height: 34px; line-height: 14px; padding: 8px 10px; box-sizing: border-box}
article#mybook_content textarea {border: 1px solid #A7A8AD; border-radius: 4px; color: #333; font-size: 14px; line-height: 130%; padding: 8px 10px; resize: none; box-sizing: border-box}

/* ¶óµð¿À¹öÆ° */
article#mybook_content input[type='radio'] {width: 16px; height: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-width: 0px; background: url('//img.1300k.com/mobile/common/bullet_radio.png') no-repeat left top}
article#mybook_content input[type='radio']:checked {background-position: -20px top}
article#mybook_content input[type='radio']:disabled {background-position: right top}

/* ¼¿·ºÆ® ¹Ú½º */
#container_page article .category {overflow: hidden; padding: 5px 10px}
#container_page article .category select {width: 100%; height: 34px; padding: 7px 30px 9px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #C0C0C0; border-radius: 6px; background-color: white; background-image: url('//img.1300k.com/mobile/main/2015/bg_select2.png'),url('//img.1300k.com/mobile/main/2015/bg_select.png'); background-repeat: no-repeat,repeat-x; background-position: right bottom, left bottom}

/* ÷ºÎÆÄÀÏ */
#container_page article .user_addfile {position: relative; padding-left: 90px; margin-top: 10px}
#container_page article .user_addfile span.btn {display: inline-block; position: absolute; top: 0px; left: 0px; width: 78px; padding: 8px 0px 10px 0px; font-size: 14px; line-height: 1; color: white; text-align: center; border: 1px solid #101B2D; border-radius: 6px; background-color: #323B4A}
#container_page article .user_addfile span.btn input[type="file"] {position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; height: 100%}
#container_page article .user_addfile input[type="text"] {box-sizing: border-box; width: 100%; padding: 9px; font-size: 14px; border: 1px solid #A7A8AD; border-radius: 6px; background: white}

/* Ä«Å×°í¸® ÅÜ */
#container_page article ul.category_tab {overflow: hidden; width: 100%; box-sizing: border-box; padding: 5px}
#container_page article ul.category_tab li {float: left; width: 25%}
#container_page article ul.category_tab li a {display: block; box-sizing: border-box; margin: 5px; padding: 5px 0px 7px; border: 2px solid #A3A3A3; text-align: center; font-size: 12px; line-height: 120%; color: #A3A3A3; font-weight: bold}
#container_page article ul.category_tab li a.on {color: white; border-color: #3EB900; background-color: #3EB900}


/* ÄÜÅÙÃ÷ ÅÜ */
#container_page #content ul.content_tab {overflow: hidden; padding: 20px 5px 15px; border-top: 1px solid #DEDEDE; background: white}
#container_page #content ul.content_tab li {float: left; width: 50%; box-sizing: border-box; padding: 0px 5px; line-height: 0; font-size: 0}
#container_page #content ul.content_tab li a {display: block; border-radius: 6px; border: 1px solid #BFBFBF; color: #797878; font-weight: bold; font-size: 12px; line-height: 1; padding: 8px 0px 10px; text-align: center}
#container_page #content ul.content_tab li a.on {background: #3EB900; color: white}

/* »óÇ°°ü·Ã °øÅë ÅÜ */
#container_page article.flicking_content nav.tab_product_current {padding: 10px 10px 0px 10px; background: white}
#container_page article.flicking_content nav.tab_product_current ul {overflow: hidden; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #BFBFBF}
#container_page article.flicking_content nav.tab_product_current ul li {float: left; width: 33%; box-sizing: border-box; border-left: 1px solid #BFBFBF}
#container_page article.flicking_content nav.tab_product_current ul li:first-child {width: 34%}
#container_page article.flicking_content nav.tab_product_current ul li a {display: block; padding: 14px 0px; font-weight: bold; text-align: center; color: #333333; padding: 10px 0px 11px 0px; background-color: white}
#container_page article.flicking_content nav.tab_product_current ul li a.on {color: white; background-color: #3C4553}


/* »ç¿ëÀÚ ÄÚ¸àÆ®
******************************************************************************/
#container_page .user_comment {background-color: white}
#container_page .user_comment h3 {position: relative; min-height: 15px; font-size: 14px; line-height: 1; color: #545454; padding: 15px 10px 18px; background-color: #E6E6E7; border-top: 1px solid white; height: auto; border-bottom: none}
#container_page .user_comment h3.list_write {padding-right: 80px; background-color: white; border-bottom: 1px solid #DADADA}
#container_page .user_comment h3 strong {color: #3EB900}
#container_page .user_comment.select_cmt h3 strong {color: #ff6600}
#container_page .user_comment h3 time {display: block; margin-top: 5px; font-size: 11px; color: #797979; line-height: 1; font-weight: normal}
#container_page .user_comment h3 a.btn_area {display: block; height: 21px; padding: 10px 0px; position: absolute; top: 2px; right: 10px}
#container_page .user_comment h3 a.btn_area img {width: auto; height: 21px}

/* ÄÚ¸àÆ® ¸ñ·Ï */
#container_page .user_comment ul.comment_list li {position: relative; border-bottom: 1px solid #EEEEEE; padding: 10px 13px 15px}
#container_page .user_comment ul.comment_list li .info {font-size: 11px; color: #9B9B9B; margin-bottom: 7px}
#container_page .user_comment ul.comment_list li .info span.user_name {display: inline-block; vertical-align: middle; padding-right: 19px; position: relative; font-weight: bold}
#container_page .user_comment ul.comment_list li .info span.user_name:after {content: ' '; display: block; width: 1px; height: 10px; position: absolute; top: 50%; right: 8px; margin-top: -5px; background-color: #D5D5D5}
#container_page .user_comment ul.comment_list li .info time {display: inline-block; color: #888888; vertical-align: middle}
#container_page .user_comment ul.comment_list li p {font-size: 12px; font-weight: bold; color: #666666; line-height: 140%}
#container_page .user_comment ul.comment_list li p.photo_box {padding:15px 12px; border:1px solid #c7c7c7; background-color:#f0f0f0}
#container_page .user_comment ul.comment_list li p .photo_blk {display:block; width:100%; height:auto; margin-bottom:10px; text-align:center}
#container_page .user_comment ul.comment_list li p .photo_blk img {width:100%}
#container_page .user_comment ul.comment_list li button.btn_close {position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; margin: 0px; padding: 0px; overflow: visible; background: transparent}
#container_page .user_comment ul.comment_list li button.btn_close img {position: absolute; top: 11px; right: 10px; width: 18px; height: 17px}

/* ÄÚ¸àÆ® ±Û¾²±â */
#container_page .user_comment fieldset.comment_write {position: relative; padding: 15px}
#container_page .user_comment fieldset.comment_write p.write_user {float: left; font-size: 14px; font-weight: bold; line-height: 1; color: #2E2E2E; margin: 7px 12px 20px 0px}
#container_page .user_comment fieldset.comment_write .select_icon {float: left; overflow: hidden; width: 144px; border: 1px solid #A7A8AD}
#container_page .user_comment fieldset.comment_write .select_icon p.icon_preview {float: left; width: 70px; padding: 5px 0px 3px; line-height: 1; text-align: center}
#container_page .user_comment fieldset.comment_write .select_icon p.icon_preview img {vertical-align: middle; width: auto; height: 19px}
#container_page .user_comment fieldset.comment_write .select_icon button {float: left; width: 74px; height: 30px; padding-bottom: 2px; color: white; font-size: 12px; font-weight: bold; background-color: #878787}
#container_page .user_comment fieldset.comment_write p.write_field {clear: both}
#container_page .user_comment fieldset.comment_write p.write_field textarea {box-sizing: border-box; width: 100%; height: 110px; padding: 10px; resize: none; font-size: 14px; border: 1px solid #A7A8AD; border-radius: 6px; background: white}
#container_page .user_comment fieldset.comment_write ul.warning {font-size: 11px; color: #797979; margin-top: 8px; line-height: 120%}
#container_page .user_comment fieldset.comment_write ul.warning li {margin-top: 3px}
#container_page .user_comment fieldset.comment_write ul.warning li:first-child {margin-top: 0px}
#container_page .user_comment fieldset.comment_write .btn_submit {margin-top: 18px; text-align: center}
#container_page .user_comment fieldset.comment_write .btn_submit a img {width: auto; height: 31px; vertical-align: middle}

/* ÄÚ¸àÆ® ¾ÆÀÌÄܼ±Åà Æ˾÷ */
.popup_option_icon {display: none; width: 219px; height: 207px; padding-top: 26px}
.popup_option_icon .icon_list {overflow: hidden; width: 217px; height: 176px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #9E9E9E; background: white}
.popup_option_icon .icon_list .icon_wrap {height: 176px; overflow: hidden}
.popup_option_icon .icon_list .icon_wrap ul {position: relative; float: left; width: 217px; height: 176px; box-sizing: border-box; border-right: 1px solid #ADADAD}
.popup_option_icon .icon_list .icon_wrap ul li {float: left; width: 73px; box-sizing: border-box; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #ADADAD}
.popup_option_icon .icon_list .icon_wrap ul li:nth-child(3n-2) {border-left-width: 0px; width: 72px}
.popup_option_icon .icon_list .icon_wrap ul li a,
.popup_option_icon .icon_list .icon_wrap ul li span.empty {display: block; width: 100%; height: 43px; padding: 12px 0px; line-height: 1; box-sizing: border-box; text-align: center}
.popup_option_icon .icon_list .icon_wrap ul li a.on {border: 2px solid #3fb900; padding: 10px 0px}
.popup_option_icon .icon_list .icon_wrap ul li a img {vertical-align: middle}
.popup_option_icon .indicator {height: 30px; padding-top: 8px; text-align: center; box-sizing: border-box; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #9E9E9E; background: #EDEDED}
.popup_option_icon .indicator button {margin: 0px 4px; padding: 0px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; border: 0px solid #37404E; background: transparent url('//img.1300k.com/mobile/common/2015/btn_ind.png') no-repeat right top; background-size: auto 9px}
.popup_option_icon .indicator button.on {background-position: left top}
.popup_option_icon button.btn_close {position: absolute; top: -10px; right: -10px; padding: 10px; width: 35px; height: 35px; border: 0px solid transparent; background: transparent}
.popup_option_icon button.btn_close img {position: absolute; top: 10px; right: 10px; width: 15px; height: 15px}


/* ÄÚ¸àÆ® Àüüº¸±â */
#container_page .user_comment .comment_all {padding: 0 5px; text-align: right; line-height: 1}
#container_page .user_comment .comment_all a {display: inline-block; padding: 5px 12px 5px 0px; font-size: 14px; color: #545454; font-weight: bold; background: url('//img.1300k.com/mobile/common/2015/bullet_commentlist.png') no-repeat right 10px; background-size: 5px auto}
#container_page .user_comment .comment_all a strong {color: #3EB900}
#container_page .user_comment.select_cmt .comment_all a strong {color: #ff6600}

/* ÄÚ¸àÆ® ÅÇ ³×ºñ */
#container_page #content nav.comment_tab ul {overflow: hidden}
#container_page #content nav.comment_tab ul li {float: left; width: 50%}
#container_page #content nav.comment_tab ul li a {display: block; text-align: center; padding: 10px 0px; color: #666666; font-size: 14px; font-weight: bold; background-color: #E9E9E9}
#container_page #content nav.comment_tab ul li a strong {color: #3EB800; font-weight: normal}
#container_page #content nav.comment_tab ul li a.on {background-color: white}


/* °øÅë ÄÚ¸àÆ® (ver.2018)
******************************************************************************/
.tpl_comment {padding-top:25px}
.tpl_comment p,
.tpl_comment a,
.tpl_comment span,
.tpl_comment textarea {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum}
.tpl_comment .tit {font-size:15px; color:#000}
.tpl_comment .tit strong {font-size:16px; font-weight:600}
.tpl_comment .write_blk {position:relative; width:100%; height:100px; padding:10px 75px 10px 10px; margin-top:15px; border:1px solid #ddd; background:#f2f2f2; box-sizing:border-box}
.tpl_comment .write_blk textarea {width:100%; height:80px; border:0; background:#f2f2f2; font-size:13px; color:#333; line-height:17px; -webkit-appearance:none; outline:none}
.tpl_comment .write_blk textarea::placeholder {color:#959595}
.tpl_comment .write_blk .txt_byte {position:absolute; bottom:35px; right:5px; font-size:11px; color:#959595}
.tpl_comment .write_blk .txt_byte strong {font-weight:400; color:#000}
.tpl_comment .write_blk .btn_submit {display:block; position:absolute; bottom:0; right:0; width:65px; height:33px; background:#1ed25f; font-size:14px; font-weight:400; color:#fff; text-align:center; line-height:33px}
.tpl_comment .cmt_list ul li {position:relative; padding:20px 0; border-bottom:1px solid #ddd}
.tpl_comment .cmt_list ul li.txt_none {padding:23px 0 25px; font-size:13px; font-weight:400; color:#959595; text-align:center; line-height:1}
.tpl_comment .cmt_list ul li .writer {margin-bottom:10px}
.tpl_comment .cmt_list ul li .img_ico {display:inline-block; padding-right:2px; vertical-align:middle}
.tpl_comment .cmt_list ul li .img_ico img {width:auto; height:17px}
.tpl_comment .cmt_list ul li .txt_id {display:inline-block; padding-right:8px; font-size:13px; font-weight:400; color:#959595; vertical-align:middle}
.tpl_comment .cmt_list ul li .txt_date {display:inline-block; font-size:13px; color:#959595; vertical-align:middle}
.tpl_comment .cmt_list ul li p {font-size:13px; font-weight:400; color:#333; line-height:17px; word-break:break-all}
.tpl_comment .cmt_list ul li .btn_del {position:absolute; top:0; right:0; width:12px; height:12px; padding:10px 0 10px 10px}
.tpl_comment .cmt_list .btn_more {display:none; height:15px; padding:15px 0; text-align:center}
.tpl_comment .cmt_list .btn_more span {display:inline-block; padding-right:24px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_more.png') 100% center no-repeat; background-size:14px auto; font-size:14px; font-weight:400; color:#000; line-height:15px; vertical-align:top}


/* °øÅë ÆäÀÌ¡ (ver.2018)
******************************************************************************/
.tpl_pagination {padding:10px 0}
.tpl_pagination .paging {font-size:0; line-height:0; text-align:center; color:#555}
.tpl_pagination .paging .btn {display:inline-block; overflow:hidden; width:30px; height:30px; margin:0 5px; background-position:50%; background-repeat:no-repeat; background-size:7px auto; font-size:0; line-height:0; vertical-align:top; cursor:pointer}
.tpl_pagination .paging .btn.prev {background-image:url('//img.1300k.com/mobile/common/2018/btn_paging_prev.png')}
.tpl_pagination .paging .btn.next {background-image:url('//img.1300k.com/mobile/common/2018/btn_paging_next.png')}
.tpl_pagination .paging a {display:inline-block; width:30px; height:30px; margin:0 5px; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:14px; font-weight:600; color:#999; line-height:30px}
.tpl_pagination .paging a.on {color:#333}



/* ±âȹÀü ¸®½ºÆ® (ver.2018)
********************************************************************************/
.tpl_evt_item {margin-top:10px; border-bottom:1px solid #eaeaea}
.tpl_evt_item:first-child {margin-top:0}
.tpl_evt_item:last-child {border-bottom:0}
.tpl_evt_item .desc {display:block; position:relative; padding:18px 15px; background:#fff}
.tpl_evt_item .desc .tag {position:absolute; overflow:hidden; top:-12px; left:15px}
.tpl_evt_item .desc .tag em {display:block; float:left; width:55px; height:22px; margin-right:5px; background:#ee6763; font-size:13px; color:#fff; line-height:22px; text-align:center}
.tpl_evt_item .desc .tag em.evt_type_1 {background:#98b826}
.tpl_evt_item .desc .tag em.evt_type_2 {background:#ee6763}
.tpl_evt_item .desc .tag em.evt_type_3 {background:#e8ad51}
.tpl_evt_item .desc .tag em.evt_type_4 {background:#eb7142}
.tpl_evt_item .desc .tag em.evt_type_5 {background:#ab7360}
.tpl_evt_item .desc .tag em.evt_type_6,
.tpl_evt_item .desc .tag em.evt_type_7,
.tpl_evt_item .desc .tag em.evt_type_8 {background:#1ed29d}
.tpl_evt_item .desc .tag em.evt_type_9 {background:#498cc9}
.tpl_evt_item .desc .tag em.evt_type_A {background:#54c7ce}
.tpl_evt_item .desc .tit {display:block; overflow:hidden; padding-right:45px; font-size:15px; font-weight:700; color:#000; line-height:1.2; white-space:nowrap; text-overflow:ellipsis}
.tpl_evt_item .desc .date {display:block; margin-top:8px; font-size:13px; color:#838383; line-height:1}
.tpl_evt_item .desc .day {position:absolute; top:20px; right:15px; font-size:16px; font-weight:600; color:#1ed25f; line-height:1}
.tpl_evt_item .key_product {padding:11px 15px 20px; background:#fff}
.tpl_evt_item .key_product li {width:82px; margin-top:0; margin-right:9px}
@media all and (min-width:640px) {
	.tpl_evt_item .key_product li {width:162px; margin-right:18px}
}


/* input custom (ver.2018)
********************************************************************************/
.input_btn {display:inline-block; position:relative; vertical-align:top}
.input_btn input[type="checkbox"] , .input_btn input[type="radio"] {position:absolute; top:0; left:0; width:17px; height:17px; margin:0; z-index:1; opacity:0}
.input_btn input[type="checkbox"] + label , .input_btn input[type="radio"] + label {display:block; position:relative; padding-left:27px; font-size:13px; color:#444}
.input_btn input[type="checkbox"] + label:before , .input_btn input[type="radio"] + label:before {display:block; position:absolute; top:0; left:0; width:17px; height:17px; background:url('//img.1300k.com/mobile/common/2018/img_input.png') 0 0 no-repeat; background-size:17px; content:''}
.input_btn input[type="checkbox"]:checked + label:before {background-position:0 -22px}
.input_btn input[type="checkbox"]:disabled + label:before {background-position:0 -44px}