@charset "utf-8";

body{ background: #f8f8ec; font-size: 14px}
/*
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none;}
::selection { background: #fe57a1; color: #fff; text-shadow: none;}
*/

/* 스킵네비 */
.skip {position:absolute;top:0;left:0;width:100%;height:0;line-height:0; z-index:999;}
.skip a {display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
.skip a:focus{z-index:9999;position:absolute;top:0;left:0;width:100%;height:19px;line-height:100%;margin:0;padding:5px 0 0 0; border:1px solid #54a51b !important; background:#63c31e; font-weight:bold;font-size:14px;color:#ffffff;text-align:center;}

a, cite, code, dfn, del, em, ins, label, q, strong, input, select{ vertical-align: top}

#header{ width: 100%}
.headerTop{ background: #59b048; border-bottom: 2px solid #3f982e}
.headerTop .headerTopArea{ width: 1000px; margin: 0 auto; position: relative;}
.headerTop .headerTopArea h1{ text-align: center; padding: 13px 0}
.headerTop .headerTopArea h1 a{ display: inline-block; }
.headerTop .headerTopArea h1 a img{ height: 25px}
.headerTop .headerTopArea .tp_util{ position: absolute; right: 0; top: 13px}
.headerTop .headerTopArea .tp_util li{ float: left; position: relative}
.headerTop .headerTopArea .tp_util li:before{ content: ""; position: absolute; left: 0; top: 6px; height: 13px; width: 1px; background: #fff;}
.headerTop .headerTopArea .tp_util li:first-child:before{ display: none}
.headerTop .headerTopArea .tp_util li a{ display: block; padding: 3px 10px; color: #fff}
.headerTop .headerTopArea .tp_util li a strong{ color: #b2ff90}
.headerTop .headerTopArea .tp_schCategory{ position: absolute; left: 0; top: 12px}
#headerCategory{ background: url(../img/cmmCuration/bg3.png); border-bottom: 1px solid #3f982e; padding: 10px 0}
#headerCategory .categoryArea{ width: 1000px; margin: 0 auto; position: relative;}
#headerCategory .categoryArea .btnArea{ margin-top: 0; text-align: left}
#headerCategory .categoryArea .btnArea .button{ margin-bottom: 5px}
#headerCategory .section_rgt{ margin-top: 5px; padding-top: 5px; border-top: 1px solid #777b7f; text-align: center}
#headerCategory .section_rgt label{ color: #fff}
#headerCategory .layerBox_btn{ text-align: center; margin: 10px 0 0}
#headerCategory .layerBox_btn .button{ padding: 0 30px; left: 10px}
.mainCategory{ background: #f6f6f8; border-bottom: 2px solid #c0c8d3; margin-top: -2px}
.mainCategory .categoryBtn{ width: 1000px; margin: 0 auto; text-align: right; padding: 4px 0}
.categoryLayer{ position: absolute; width: 100%; height: 100%; background: url(../img/cmmCuration/bg1.png); z-index: 999;}
.categoryLayer .layerBox{ width: 1000px; margin: 30px auto 0; position: relative;}
.categoryLayer .layerBox h2{ background: #d34050; text-align: center; font-size: 18px; color: #fff; line-height: 54px; font-weight: normal}
.categoryLayer.categoryLayer2 .layerBox h2{ background: #04abf7; color: #fff}
.categoryLayer .layerBox h2 strong{ color: #fdf570; font-size: 18px; position: relative;}
.categoryLayer.categoryLayer2 .layerBox h2 strong{ color: #fcff00}
.categoryLayer.categoryLayer2 .layerBox h2 em{  font-size: 18px; color: #333; font-weight: bold; letter-spacing: -1px; margin-right: 10px}
.categoryLayer .layerBox .layerCont{ background: #fff; border: 3px solid #cecece; border-top: 0; padding: 20px 35px}
.categoryLayer .layerBox .layerCont .section{ position: relative; margin-bottom: 30px}
.categoryLayer .layerBox .layerCont .section .btnArea .button *{ margin-bottom: 5px; text-align: left}
.categoryLayer .step_tl{ border-bottom: 2px solid #cecece; font-size: 15px; color: #6e6e6e; line-height: 35px; font-weight: bold; letter-spacing: -1px}
.categoryLayer .step_tl strong{ display: inline-block; font-size: 24px; color: #010101; margin: 0 5px 3px 10px}
.categoryLayer .section_rgt{ position: absolute; right: 0; top: 10px}
.categoryLayer .section_rgt label, #headerCategory .section_rgt label{ font-size: 14px; letter-spacing: -1px; margin: 0 3px 0 10px}
.categoryLayer .section_rgt label.reset, #headerCategory .section_rgt label.reset{ background: url(../img/cmmCuration/icon.png) no-repeat 0 -51px; padding-left: 18px; cursor: pointer}
#headerCategory .section_rgt label.reset{ background-position: 0 -151px}
.categoryLayer .section_rgt label .checkbox, #headerCategory .section_rgt label .checkbox{ margin-right: 5px}
.categoryLayer .layerBox_btn{ text-align: center; margin-top: 60px}
.categoryLayer .layerBox_btn .button.large.gray{ padding: 0 200px}
.categoryLayer .layerBox_close{ position: absolute; right: 25px; top: 20px; background: url(../img/cmmCuration/icon.png) no-repeat 0 -114px; width: 19px; height: 19px; font-size: 0; line-height: 0; color: transparent}

#container{ width: 1000px; margin: 30px auto 15px;}
#container:after{ content: ""; display: block; clear: both; }
.section h2{ font-size: 23px; color: #5d5d5d; font-weight: normal; letter-spacing: -1px; position: relative; height: 40px}
.section h2:after{ content: ""; width: 100%; height: 1px; position: absolute; top: 12px; background: #bebebe}
.section h2 span{ position: absolute; display: inline-block; font-size: 23px; color: #5d5d5d; background: #f8f8ec; padding-right: 15px; z-index: 3;}
.section h2 strong{ font-size: 25px; color: #363636; position: relative;}
.section .curationArea:after{ content: ""; display: block; clear: both; margin-bottom: 35px}
.section .curationArea li{ float: left;}
.section .curationArea .w30{ width: 30%}
.section .curationArea .mrl5{ margin: 0 5%}
.section .curationBox{ min-height: 335px; background: #fff; border: 1px solid #cecece; position: relative}
.section .curationBox .imgL{ display: block; text-align: center;}
.section .curationBox .imgL img{ width: 100%; height: 200px;}
.section .curationBox .ranking{ position: absolute; left: 8px; top: -1px;}
.section .curationBox .ranking img{ width: 30px}
.section .curationBox .ranking strong{ position: absolute; left: 0; width: 30px; top: 0; height: 34px; line-height: 25px; color: #fff; text-align: center}
.section .curationBox .curationCont{ margin: 10px 7px; letter-spacing: -1px}
.curationCont .curation_tl{ font-family: dotum; font-size: 14px; color: #3b3a3a; vertical-align: top; font-weight: bold; margin-bottom: 8px}
.curationCont .curation_tl .tab_nm{ display: inline-block; margin-right: 5px; background: #585763; font-size: 11px; font-family: dotum; color: #fff; padding: 5px 5px 3px; line-height: 1; font-weight: normal}
.curationCont .curation_cont{ font-family: dotum; height: 53px; overflow: hidden; font-size: 12px; color: #7b7b7b; line-height: 18px; margin-bottom: 5px}
.curationCont .curation_writer a{ display: inline-block; font-family: dotum; font-size: 12px; color: #848dad; line-height: 18px; padding: 4px 0}
.curationCont .curation_recomd{ position: absolute; bottom: 12px; right: 10px}
.curationCont .curation_recomd span{ display: inline-block; border: 1px solid #c5c5c5; margin-left: -1px; padding: 0 10px 0 20px; line-height: 20px; font-family: dotum; font-size: 12px; color: #929292; background: url(../img/cmmCuration/icon.png) no-repeat; letter-spacing: 0}
.curationCont .curation_recomd span.reply{ background-position: 5px 3px}
.curationCont .curation_recomd span.pick{ background-position: 4px -24px}

/* 농업기술 HOT 큐레이션 */
#hotCuration{ position: relative; margin-bottom: 30px}
#hotCuration h2:after{ content: ""; display: block; width: 100%; height: 0}
#hotCuration .curationArea{ width: 90%; margin: 0 auto; overflow: hidden;}
#hotCuration .curationArea li{ width: 32%;}
#hotCuration .curationArea .mrl5{ margin: 0 2%}
.rollMov{ position: absolute; display: block; width: 38px; height: 335px; background: #cdcdc4 url(../img/cmmCuration/rollMov.png) no-repeat 8px 47%; border: 1px solid #a5a5a5; font-size: 0; line-height: 0; color: transparent; top: 40px}
.rollMov.rgt{ right: 0; background-position: -90px 47%}
#hotCuration .categorySch{ top: -5px;}
#hotCuration .categorySch .button.medium.green{ margin-left: 0}

.tabs{ position: relative; margin-left: 1px}
.tabs:after{ content: ""; clear: both; display: block;}
.tabs li{ float: left;}
.tabs li a{ display: block; border: 1px solid #dedede; background: #fff; width: 155px; text-align: center; line-height: 38px; font-size: 15px; font-weight: bold; color: #717171; margin-left: -1px}
.tabs li a.active{ background: #04abf7; border-color: #04abf7; color: #fff}

.tabsCont{ width: 1000px; margin-top: 20px; position: relative}
.tabsCont li{ width: 23.5% !important; float: left; margin: 0 1% 1% 0; display: block; border: 1px solid #dedede; background: #fff; width: 155px; text-align: center; line-height: 38px; font-size: 15px; }
.tabsCont li img{ width: 100%; height: auto; cursor: pointer}
.tabsCont .curationCont{ margin: 10px 7px; letter-spacing: -1px; text-align: left}

.categoryList{ position: relative}
.categorySch{ position: absolute; right: 0; top: 6px; z-index: 99}
.categorySch label{ position:absolute; top:0; left:0; width:0; height:0; line-height:0; text-indent: -1000000px}
.categorySch select{ background: #fff; border: 1px solid #ddd; height: 34px; color: #717171; padding: 5px 0}
.categorySch .inputData{ background: #f8f8f8; border: 1px solid #c7c7c7; height: 34px; color: #717171}
.categorySch .button.medium.green{ height: 34px; margin-left: -5px; padding-left: 15px; color: #fff}
.categoryList .more{ display: block; background: #fff; border: 1px solid #cecece; color: #000; text-align: center; line-height: 35px; font-weight: bold}

#cuContents{ float: left; width: 720px}
.curationDtlArea{ }
.curationDtlArea h1{ font-size: 30px; color: #363636; line-height: 1; letter-spacing: -1px}
.curation_tp{ position: relative; margin: 25px 0 10px}
.curation_tp .writeNm{ font-size: 14px; color: #747474}
.curation_tp .writeNm strong{ font-size: 14px; color: #333; margin-left: 5px}
.curation_tp .recomdNum{ position: absolute; right: 10px; top: 0;}
.curation_tp .recomdNum span{ margin-left: 15px; font-size: 14px; color: #747474}
.curation_tp .recomdNum span.green, .curation_tp .recomdNum span.green strong{ color: #3e8e2f}
.curation_tp .recomdNum span strong{ font-size: 14px; color: #333; margin-left: 5px}
.curationDtlArea h1 span{ font-size: 15px; color: #59b048; display: block; margin-bottom: 5px}
.curationDtlArea .curation_con{ color: #555; font-size: 14px; line-height: 25px}
.curationDtlArea .curation_con p{ margin-bottom: 30px}
.curationDtlArea .curation_con p.ce{ text-align: center}
.curationDtlArea .curation_con img{ max-width: 100%}
.curationDtlArea .curation_recomd{ text-align: center; margin: 50px 0}
.curationDtlArea .curation_btm{ position: relative}
.curationDtlArea .curation_btm .keyword{ font-size: 12px; color: #f15a24}
.curationDtlArea .curation_btm .keyword span{ display: inline-block; vertical-align: top; margin-right: 15px}
.curationDtlArea .curation_btm .keyword_tab{ background: url(../img/cmmCuration/button.png) no-repeat 0 -237px; width: 70px; height: 25px; display: inline-block; font-size: 0; line-height: 0; color: transparent}
.curationDtlArea .curation_btm .snsPrt{ position: absolute; right: 0; top: 0}
.curationDtlArea .curation_btm .snsPrt *{ font-weight: normal; letter-spacing: -1px; color: #666}
.replyArea{ border: 1px solid #ddd; background: #fff; margin-top: 10px}
.replyArea h2{ background: #f8f8f8; border-bottom: 1px solid #ddd; font-size: 14px; color: #333; padding: 15px}
.list_comment{ margin: 0 20px}
.list_comment li{ border-bottom: 1px solid #dedede; padding: 20px 0;}
.list_comment li:last-child{ border-bottom: 0}
.list_comment li:after{ content: ""; display: block; clear: both}
.list_comment li .usrThumb{ float: left; width: 60px}
.list_comment li .comnt{ display: table-cell; color: #666; position: relative;}
.list_comment li .comnt .usrNm{ font-size: 14px; color: #039aa8; width: 110px}
.list_comment li .comnt .commt_txt{ margin: 10px 0; line-height: 20px}
.list_comment li .comnt .commt_txt img{ max-width: 100%}
.list_comment li .comnt .commt_btn{ position: absolute; top: 0; right: 0;}
.commt_reply label, .list_comment li .comnt.form label{ font-size: 0; line-height: 0; color: transparent}
.commt_reply{ background: #f9f9f9 url(../img/cmmCuration/commt_reply.png) no-repeat 10px 20px; padding: 10px 10px 10px 40px; position: relative}
.commt_reply .textarea, .list_comment li .comnt.form .textarea{ width: 82%; height: 40px; border: 1px solid #d5d5d5; background: #fff; box-sizing:border-box; margin-bottom: 5px}
.commt_reply .button.medium,  .comnt.form .button.medium{ height: 40px !important;}
.commt_reply .button.medium *, .comnt.form .button.medium *{ line-height: 40px}
.comnt.form .button.small{ height: 23px !important; left: -4px}
.comnt.form .button.small *{ line-height: 23px; letter-spacing: -1px; padding: 0 4px; font-weight: bold}
.commt_reply .commt_btn{ right: 10px !important; top: 10px !important}
.list_comment li .comnt.form{ width: 610px}
.list_comment li .comnt.form .inputData{ background: #f9f9f9; border: 1px solid #ccc; width: 140px; height: 23px; margin: 0 5px 5px 0}
.list_comment li .comnt.form .inputData.file{ width: 82%; background: #fff}
#aside{ float: right; width: 240px;}
.hitCuraition, .usrCuration{ border-bottom: 4px solid #d4dbd4; margin-top: 20px; position: relative; padding-bottom: 10px}
.hitCuraition h2, .usrCuration h2{ font-size: 16px; color: #000; margin-bottom: 20px}
.usrCuration h2 strong{ font-size: 16px; color: #59b048; }
#aside .asideList li{ margin-bottom: 20px}
#aside .asideList li a{ display: block;}
#aside .asideList li a:after{ content: ""; display: block; clear: both}
#aside .asideList li a .thumb{ display: inline-block; width: 70px; float: left;}
#aside .asideList li a .thumb img{ width: 60px; height: 48px; border: 1px solid #cdcdc3}
#aside .asideList li a .thumbDsc{ display: table-cell; width: 100%; font-size: 13px; color: #343434}
#aside .asideList li a .thumbDsc strong{ display: block; height: 55px; overflow: hidden; font-weight: normal; line-height: 1.4; margin-top: -5px; letter-spacing: -1px; word-break: break-all; width: 170px}
#aside .asideList li a .thumbDsc em{ display: block; color: #f15a24; font-size: 12px; margin-top: 5px}
#aside .more{ position: absolute; bottom: 5px; right: 10px; color: #000; letter-spacing: -1px}

.curationReg .curation_title{ margin-bottom: 10px}
.curationReg .curation_title label, .curationReg legend{ font-size: 0; line-height: 0; color: transparent}
.curationReg .curation_title .inputData{ background: #fff; border: 4px solid #bfbfbf; height: 50px; width: 100%; box-sizing:border-box; text-align: center; font-size: 20px}

.curationReg table{ border-bottom: 1px solid #deded8; margin-bottom: 30px}
.curationReg th, .curationReg td{ padding: 5px 8px; color: #333}
.curationReg th{ font-size: 14px; font-weight: bold; width: 20%}
.curationReg th label{ font-size: 14px}
.curationReg td select{ background: #fff; border: 1px solid #ddd; height: 34px; color: #717171; padding: 5px 0}
.curationReg td .inputData{ background: #f8f8f8; border: 1px solid #c7c7c7; height: 34px; color: #717171}
.curationReg td .descript{ margin: 5px 0; }

/* button str */
.btnArea{ margin: 10px 0 0; text-align:center;}
.btnArea:after{ content: ""; clear: both; display: block;}
.btnArea .fl{ float: left;}
.btnArea .fr{ float: right;}

.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background: url() no-repeat; vertical-align:top; overflow:visible; font-weight:bold; cursor: pointer; font-family: '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Apple Gothic, sans-serif;}
.button { margin-right:3px; margin-bottom: 3px}
.button *{ left: 3px; cursor:pointer;}

/* button size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:27px; line-height:27px; font-size: 13px;}
.button.large, .button.large *{ height:36px; line-height:36px; font-size: 15px;}
.button.small, .button.small *{ height:23px; line-height:23px; font-weight: normal; }
.button.xsmall, .button.xsmall *{ height:19px; line-height:19px; font-weight: normal !important;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -581px;}
.button.small { background-position:left -235px;}
.button.xsmall { background-position:left -461px;}
.button.medium *{ padding:0 15px 0 18px; background-position:right top;}
.button.large *{ padding:0 25px 0 20px; font-size:12px; background-position:right -581px; color: #666; font-weight: bold}
.button.small *{ padding:0 11px 0 7px; font-size:11px; background-position:right -235px;}
.button.xsmall *{ padding:0 8px 0 3px; font-size:11px; background-position:right -461px; color: #0a7bc8 !important;}

.button.medium.gray, .button.large.gray{ background: #606060; border-radius: 3px; padding: 0 10px; color: #fff;}
.button.medium.white{ background: #fff; padding: 0 20px 0 5px; border-radius: 3px;}
.button.medium.red{ background: #d34050; padding: 0 20px 0 5px; border-radius: 3px; color: #fff}
.button.medium.black{ background: #000; padding: 0 20px 0 5px; border-radius: 3px; color: #fff}
.button.medium.whiteBrd{ background: none; border: 1px solid #fff; padding: 0 15px 0 0;}
.button.medium.whiteBrd *{ color: #fff; height:25px; line-height:20px; font-size: 12px}
.button.medium.gray.gray2{ background: #b6b6b6; padding: 0 20px 0 5px;}
.button.medium.gray.gray2 *{ color: #353535; line-height: 20px}
.button.medium.green{ background: #59b048; padding: 0 15px 0 0}
.button.medium.green2{ background: #59b048; padding: 0 20px 0 5px;  border-radius: 3px;}
.button.medium.green2.green4{ background: #3f982e; height: auto}
.button.medium.green2 *, .button.medium.grayF *{ color: #fff}
.button.medium.gray.gray2.gray3, .button.medium.green2.green3{ height: 55px;}
.button.medium.gray.gray2.gray3 *, .button.medium.green2.green3 *{ line-height: 18px; top: 7px}

.button.medium.gray.gray2, .button.medium.green2{ height: 45px;}
.button.medium.green2.hAuto{ height: auto;}
.button.medium.gray.gray2 button, .button.medium.green2 button{ display: inline-block; width: 55px; white-space: normal;  text-align: left; word-break: break-all; line-height: 20px}
.button.medium.gray.gray2.gray3 button, .button.medium.green2.green3 button{ width: 85px}

.button.small.gray{ background: #b6b6b6; padding: 0 20px 0 5px; border-radius: 3px; color: #fff}
.button.small.gray *{ color: #333}

.button.icon *{ padding: 0}
.button.icon .check{background: url(../img/cmmCuration/icon.png) no-repeat 0 -74px; width: 20px; z-index: 99;}
.button.icon .check.check2{background-position: -25px -74px;}
.button.icon .search{background: url(../img/cmmCuration/icon.png) no-repeat 3px -182px; width: 33px; z-index: 99;}
.button.icon .setting{background: url(../img/cmmCuration/icon.png) no-repeat 0 -218px; width: 23px; z-index: 99;}

.button.icon .faceb{background: url(../img/cmmCuration/button.png) no-repeat -82px -235px; width: 16px; height: 15px; z-index: 99;}
.button.icon .twt{background: url(../img/cmmCuration/button.png) no-repeat -106px -235px; width: 16px; height: 15px; z-index: 99;}
.button.icon .print{background: url(../img/cmmCuration/button.png) no-repeat -136px -235px; width: 16px; height: 15px; z-index: 99;}

.button.round{ background: url(../img/cmmCuration/button.png) no-repeat; padding: 57px 0 15px; color: #fff; width: 89px; color: #666; font-size: 16px; font-weight: bold}
.button.round.active{ background-position: 100% 0}
.button.round.pickIn{ background-position: 0 -103px}
.button.round.pickIn.active{ background-position: 100% -103px}
.button.round span{ font-size: 0; line-height: 0; color: transparent}

/* 2016 06 17 add */
.section .curationBox .curationCont{ height: 110px}
.curation_tl{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.categorySch .inputData{ line-height: 34px; height: 32px}
#hotCuration h2 span{ position: relative}
.curationDtlArea #curation_con *{ background: none;}
/* .curationDtlArea #curation_con table, .curationDtlArea #curation_con img{ width: 100% !important;}
.curationDtlArea #curation_con img{ height: auto !important} */
.curationDtlArea #curation_con p{ font-size: 18px; margin-bottom: 0; line-height: 30px}
.curationDtlArea #curation_con h1{ font-size: 18px}
.list_comment li .comnt{ display: block}
.list_comment li .comnt .commt_txt{ margin: 10px 0 10px 60px}
.commt_reply{ padding: 10px 10px 1px 60px; background-position: 20px 20px}
.commt_reply .commt_txt{ margin-left: 0 !important}
.list_comment li .comnt.form{ width: 100%}
.commt_reply .textarea, .list_comment li .comnt.form .textarea{ width: 510px}
.comnt.form .button.medium{ line-height: 40px !important}
.comnt.form .button.medium button{ width: 60px;}
.list_comment li .comnt.form .inputData.file{ margin-left: 60px; width: 510px}
.curationDtlArea .curation_btm .keyword span{ margin-right: 5px}
.commt_toggle{ margin-top: 30px}
.commt_toggle .button.medium.gray.gray2 button{ width: 60px;}
.commt_toggle .inputData{ background: #fff; width: 140px; margin: 0 5px 5px 0}
.categoryList .more{ clear: both}
.list_comment li .comnt.form .inputData{ line-height: 23px}
.commt_deleteLayer{ position: absolute; background: #f8f8f8; border: 1px solid #9f9f9f; border-top: 1px solid #f15a24; padding: 5px 10px; right: 0; width: 170px; z-index: 9}
.commt_deleteLayer label{ display: block; margin: 0 0 5px 0}
.commt_deleteLayer input{ float: left}
.commt_deleteLayer input.inputData{ width: 70%; margin-right: 5px; line-height: 25px}
.commt_deleteLayer input.btnOk{ background: #ececec; border: 1px solid #a5a5a5; height: 25px; cursor: pointer}
.curationDtlArea .curation_btm .snsPrt button{ margin-right: 8px}

/* 2016.07.04 add */
.headerTop{ background: url(../img/cmmCuration/headerTop.png); height: 56px; border-bottom: 0}
.headerTop .headerTopArea h1{ text-align: left; padding: 15px 0 15px 10px}
.headerTop .headerTopArea .tp_util{ top: 15px}
.headerTop .headerTopArea .tp_util li:before{ width: 0;}
.headerTop .headerTopArea .tp_util li a{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; background: url(../img/cmmCuration/button2.png) no-repeat; vertical-align:top; cursor: pointer; height: 26px; margin-right: 3px; padding: 0; text-indent: -1000000px; width: 50px}
.headerTop .headerTopArea .tp_util li a strong{ text-indent: -1000000px}
.headerTop .headerTopArea .tp_util li a.register{ background-position: -112px -258px; width: 110px;}
.headerTop .headerTopArea .tp_util li a.setting{ background-position: -73px -80px; width: 72px;}
.headerTop .headerTopArea .tp_util li a.mypage{ background-position: 0 -168px; width: 77px}
.headerTop .headerTopArea .tp_util li a.login{ background-position: 0 -80px; width: 56px;}
.headerTop .headerTopArea .tp_util li a.logout{ background-position: 0 -124px; width: 67px;}
.headerTop .headerTopArea .tp_util li a.join{ background-position: 0 -348px; width: 64px;}
#container{ background: #fff; border-left: 1px solid #c0c8d3; border-right: 1px solid #c0c8d3; margin: 0 auto; padding: 30px 20px 15px}
.section h2 span{ background: #fff}
.rollMov{ width: 55px; height: 55px; border: 0; background: url(../img/cmmCuration/rollMov.png) no-repeat 0 0; top: 165px}
.rollMov.lft{ left: -20px}
.rollMov.rgt{ background-position: 100% 0; right: -20px}
.bx-wrapper{ max-width: 980px !important; margin: 0 auto 40px !important}
#hotCuration .curationArea li{ margin: 0 !important; width: 339px !important}
#hotCuration .curationArea li .curationBox{ margin-right: 40px}
.section .curationBox .imgL{ padding: 10px}
.section .curationBox .ranking{ left: -1px}
.section .curationBox .ranking img{ width: 40px}
.section .curationBox .ranking strong{ width: 40px; line-height: 35px}
.curationCont .curation_recomd span{ padding: 0 10px 0 25px;}
.section .curationBox .curationCont{ margin: 5px 10px 10px 10px}
.tabsCont ul:after{ content: ""; display: block; clear: both}
.tabsCont ul{ position: relative; left: 10px}
.tabsCont li{ margin: 0; width: 230px !important; border: 0; padding-bottom: 20px}
.tabsCont li a{ display: inline}
.tabsCont li img{ border: 1px solid #dedede; border-bottom: 0; padding: 10px; width: 208px}
.tabsCont .curationCont{ border: 1px solid #dedede; border-top: 0; margin: 0; padding: 5px 10px 10px}
.curationCont .curation_recomd{ bottom: 30px}
.categoryList .tabs{ margin-left: 10px}
.categorySch{ right: 9px}
#hotCuration h2{ margin-left: 10px}
#hotCuration .curationCont .curation_recomd{ bottom: 10px}
.categorySch .inputData{ line-height: 30px}
.categoryList .more{ background:#e8e8e8 url(../img/cmmCuration/bg4.png) repeat-x 0 -2px}
.curationDtlArea #curation_con table, .curationDtlArea #curation_con img{ max-width: 100%; display: inline-block}
.curationDtlArea h1{ font-size: 33px; line-height: 1.3}
.curationDtlArea h1 span{ margin: 0}
.curation_tp{ margin: 35px 0 20px}
.curation_tp .writeNm, .curation_tp .recomdNum span{ font-size: 15px}
.curationDtlArea .curation_btm{ height: 87px; z-index: 10}
.curationDtlArea .curation_btm .keyword{ font-size: 14px; border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; letter-spacing: -1px}
.curationDtlArea .curation_btm .keyword span{ background: #f8f8f8; border: 1px solid #ddd; color: #f15a24; padding: 0 10px; line-height: 26px}
.curationDtlArea .curation_btm span.keyword_tab{ text-indent: -1000000px; width: 0; border: 0; padding: 0; margin: 0}
.curationDtlArea .curation_btm .snsPrt{ top: 51px;}
.curationDtlArea .curation_btm .snsPrt button{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; background: url(../img/cmmCuration/button2.png) no-repeat; vertical-align:top; cursor: pointer; height: 38px; margin-right: 2px; padding: 0; text-indent: -1000000px; width: 50px}
.curationDtlArea .curation_btm .snsPrt button span{ width: 0}
.curationDtlArea .curation_btm .snsPrt button.share{ background-position: 0 -252px; width: 89px;}
.curationDtlArea .curation_btm .snsPrt button.print{ background-position: 0 -297px; width: 63px;}
.curationDtlArea .btnArea{ margin: -36px 0 30px 0 !important; text-align: left; position: relative; z-index: 10}
.curationDtlArea .btnArea span{ background: none !important; padding: 0 !important;}
.curationDtlArea .btnArea span a{ color: #000 !important}
.curationDtlArea .btnArea a.btnModi, .btnModi{ background: url(../img/cmmCuration/button2.png) no-repeat 0 -209px; width: 96px; height: 38px; text-indent: -1000000px; padding: 0}
.curationDtlArea .btnArea a.btnList, .btnList{ background: url(../img/cmmCuration/button2.png) no-repeat -111px -209px; width: 77px; height: 38px; text-indent: -1000000px; padding: 0}

.replyArea{ border: 0}
.replyArea h2{ border-top: 1px solid #ddd;}
.list_comment li .comnt .commt_txt{ margin: 10px 0 30px 60px;}
.list_comment li .comnt .commt_btn{ position: relative; margin-bottom: -10px}
.list_comment li .comnt .commt_btn:after{ content: ""; display: block; clear: both;}
.list_comment li .comnt .commt_btn .button{ background: #f8f8f8; border: 1px solid #ddd; color: #272727; padding: 0 8px; font-size: 13px; line-height: 24px}
.list_comment li .comnt .commt_btn .button.delete{ background: #717171; border-color: #717171; color: #fff; float: right}
.list_comment li .comnt .commt_btn .button.replyModi{ float: right}
.list_comment li .comnt .usrNm{ width: auto; float: left; margin-right: 10px}
#shareBox{ position: absolute; background: #fff; border: 3px solid #04abf7; z-index: 99; top: -240px; right: 0}
#shareBox .tl{ text-align: center; font-size: 18px; color: #555; line-height: 47px; border-bottom: 1px solid #b2b2b2; font-weight: bold}
#shareBox .shareList{ padding: 20px 15px 10px; width: 240px; margin: 0 auto;}
#shareBox .shareList:after{ content: ""; display: block; clear: both;}
#shareBox .shareList a{ float: left; display: block; background: url(../img/cmmCuration/share.png) no-repeat; width: 60px; padding-top: 43px; text-align: center; margin-bottom: 15px}
#shareBox .shareList a span{ color: #666; font-size: 12px; white-space: nowrap; }
#shareBox .shareList a.face{ background-position: 10px 0}
#shareBox .shareList a.twitter{ background-position: -48px 0}
#shareBox .shareList a.blog{ background-position: -106px 0}
#shareBox .shareList a.band{ background-position: -164px 0}
#shareBox .shareList a.line{ background-position: 10px -92px}
#shareBox .shareList a.kakaotalk{ background-position: -48px -92px}
#shareBox .shareList a.kakaostory{ background-position: -106px -92px}
#shareBox .shareBoxClose{ display: block; position: absolute; background: url(../img/cmmCuration/share.png) no-repeat 100% 100%; width: 21px; height: 21px; right: 16px; top: 13px; font-size: 0;}

#popCurationMore{ position: fixed; left: 0; top: 0; background: url(../img/cmmCuration/bg1.png); width: 100%; min-height: 100%; z-index: 100;}
#popCurationMore .usrCuration{ width: 300px; border: 3px solid #04abf7; margin: 220px auto 0; background: #fff; min-height: 555px; position: relative; right: -67px}
#popCurationMore .usrCuration h2{ font-size: 18px; color: #555; line-height: 47px; border-bottom: 1px solid #b2b2b2; text-align: center}
#popCurationMore .usrCuration h2 strong{ font-size: 18px; }
#popCurationMore .usrCuration .asideList{ margin: 0 15px; /* height: 500px; overflow-y: auto; */}
#popCurationMore .usrCurationClose{ display: block; position: absolute; background: url(../img/cmmCuration/share.png) no-repeat 100% 100%; width: 21px; height: 21px; right: 16px; top: 13px; font-size: 0;}

#popCurationMember{ position: fixed; left: 0; top: 0; background: url(../img/cmmCuration/bg5.png); width: 100%; min-height: 100%; z-index: 100;}
#popCurationMember #curationMemberBox{ width: 500px; border: 3px solid #04abf7; margin: 100px auto 0; background: #fff; min-height: 305px; position: relative}
#curationMemberLogin .loginTl{ background: url(../img/cmmCuration/memberBox.png) no-repeat 0 0; margin: 15px auto 10px; min-height: 90px; width: 260px; padding: 30px 0 0 130px; font-size: 25px; letter-spacing: -2px}
#curationMemberLogin .loginTl strong{ display: block; font-size: 30px; color: #f15a24; margin-bottom: 20px}
#popCurationMember .loginBox{ margin: 0 25px; border: 1px solid #d4d4d4; background: #f6f6f6; padding: 15px 30px 10px; position: relative}
#popCurationMember .loginBox dt.skip{ width: 0; height: 0; text-indent: -1000000px}
#popCurationMember .loginBox .inputData{ border: 1px solid #b2b2b2; background: #fff; line-height: 37px; height: 37px; width: 255px; text-indent: 5px; color: #9d9d9d; margin-bottom: 3px}
#popCurationMember .loginBox .btnLogin{ position: absolute; left: 290px; top: 15px; width: 110px; height: 76px; border: 0; background: #f15a24; text-align: center; line-height: 76px; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer}
#popCurationMember .loginBtm{ margin-top: 10px; text-align: center; color: #8d8d8d; font-size: 15px;}
#popCurationMember .loginBtm a.join{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; background: url(../img/cmmCuration/button2.png) no-repeat 0 -394px; vertical-align:middle; cursor: pointer; height: 26px; margin-right: 3px; padding: 0; text-indent: -1000000px; width: 64px}

#popCurationMember .loginBox.joinBox{ margin-bottom: 20px; text-align: center}
#curationMemberJoin .joinTl{ background: url(../img/cmmCuration/memberBox.png) no-repeat 0 100%; margin: 15px auto 10px; min-height: 90px; width: 300px; padding: 30px 0 0 130px; font-size: 25px; letter-spacing: -2px}
#curationMemberJoin .joinTl strong{ display: block; font-size: 30px; color: #f15a24; margin-bottom: 20px}
#popCurationMember .loginBox .point_txt{ color: #f15a24; margin-bottom: 15px; text-align: left}
#popCurationMember .loginBox dd:after{ content: ""; display: block; clear: both;}
#popCurationMember .loginBox dt{ text-align: left}
#popCurationMember .loginBox .inputData.w100{ width: 100%;}
#popCurationMember .loginBox .inputData.pw2{ float: left; width: 49%; margin: 0 1% 0 0;}
#popCurationMember .loginBox .inputData.pw2.bg{ background: #f8f8f8}
#popCurationMember .loginBox .inputData:focus{ border-color: #f15a24}
#popCurationMember .agreement{ margin: 5px 1% 15px 0; border: 1px solid #b2b2b2; background: #fff; width: 99%; height: 60px; overflow-y: auto;text-align: left; padding: 5px}
#popCurationMember .btnJoin{ border: 0; background: #f15a24; text-align: center; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; width: 200px}
#popCurationMember .curationMemberBoxClose{ display: block; position: absolute; background: url(../img/cmmCuration/share.png) no-repeat 100% 100%; width: 21px; height: 21px; right: 16px; top: 13px; font-size: 0;}

.commt_reply .commt_btn{ margin: 0 0 5px !important; top: -10px !important}
.commt_reply .commt_btn .replyModi{ background: #fff !important}
#usrComnt{ padding-top: 0; margin-top: -1px}
#usrComnt .comntTl{ border: 1px solid #b3b3b3; background: #f8f8f8; text-align: center; line-height: 45px; font-size: 14px; color: #333}
.list_comment li .comnt.form{ }
#usrComnt .comntBox1{ border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding: 5px 10px 0}
#usrComnt .comntBox1 .inputData{ border: 1px solid #ddd; background: #fff; color: #333; line-height: 33px; height: 30px}
#usrComnt .comntBox1 .file{ margin-left: 0}
#usrComnt .comntBox1 .button.small.gray{ background: #717171; line-height: 33px !important; height: 30px !important; border-radius: 0;}
#usrComnt .comntBox1 .button.small.gray button{ color: #fff !important; text-align: center;  line-height: 30px;}
#usrComnt .comntBox2:after{ content: ""; display: block; clear: both;}
#usrComnt .comntBox2 .textarea{ border: 1px solid #bababa; border-right: 0; float: left; box-sizing:border-box; width: 80%; height: 85px;}
#usrComnt .comntBox2 .button{ float: left; background: #04abf7; height: 85px !important; line-height: 85px !important; border-radius: 0; padding: 0; width: 20%; margin: 0 !important; text-align: center}
#usrComnt .comntBox2 .button button{ height: 85px !important; line-height: 85px !important; padding: 0; text-align: center; font-size: 15px; color: #fff}

.layerCont .btnArea{ margin: 10px 20px !important}
.layerCont .btnArea .check, .myPage .btnArea .check{ background: url(../img/cmmCuration/button.png) no-repeat 0 -266px; color: #333; width: 106px; height: 54px; border: 0; padding: 0 7px 0 20px; letter-spacing: -1px; text-align: left; white-space: normal; float: left; margin: 0 2px 4px}
.layerCont .btnArea .check.checkOn, .myPage .btnArea .check.checkOn{ background-position: 0 -346px; font-weight: bold}
.layerCont .btnArea .check.checkOn2, .myPage .btnArea .check.checkOn2{ background-position: 0 -429px; font-weight: bold}
.myPage{ float: none !important; width: 100% !important;  min-height: 1000px}

html{background: url(../img/cmmCuration/bg.png);}
body{background: transparent url(../img/cmmCuration/wrap_bg.png) 50% 0; min-height: 100%}
#container{ border: 0; background: transparent}

.myPage .section{ position: relative}
.myPage .section .step_tl{ background: #e6e6e6; border-top: 1px solid #d1d1d1; padding: 10px 20px 15px; margin-top: 20px; font-size: 15px; color: #6e6e6e; letter-spacing: -1px}
.myPage .section .step_tl strong{ color: #000; font-size: 24px; margin-right: 10px}
.myPage .section .section_rgt{ position: absolute; right: 10px; top: 15px}
.myPage .section .section_rgt label{ margin: 0 10px}
.myPage .section .section_rgt label .checkbox{ margin-top: 3px; margin-right: 3px}
.myPage .section .section_rgt label.reset{ background: url(../img/cmmCuration/icon.png) no-repeat 0 -51px; padding-left: 18px; cursor: pointer}
.myPage .section .btnArea{ margin: 10px 20px 50px !important}
.myPage .section .btnArea.btnArea2{ margin: 15px 0 20px !important; border-top: 1px solid #d1d1d1; padding: 15px 20px}
.myPage .layerBox_btn{ text-align: center}
.myPage .layerBox_btn .button{ background: #606060; font-size: 15px; color: #fff; width: 50%; height: 40px; line-height: 40px}
.my_curation{ margin-top: 80px; position: relative}
.my_curation .my_tab{ border-bottom: 2px solid #04abf7; margin-bottom: 20px}
.my_curation .my_tab:after{ content: ""; display: block; clear: both;}
.my_curation .my_tab a{ float: left; display: inline-block; border: 1px solid #d7d7d7; border-bottom: 0; background: #f9f9f9; padding: 0 30px; margin-right: 2px; font-size: 14px; letter-spacing: -1px; height: 44px; line-height: 44px}
.my_curation .my_tab a.active{ border: 2px solid #04abf7; border-bottom: 2px solid #fff; margin-bottom: -2px; background: #fff; height: 43px; line-height: 43px; font-weight: bold; color: #04abf7}
.my_curation .w20{ width: 22%; margin-bottom: 20px}
.my_curation .w20.ml{ margin-left: 4%}
.my_curation .curation_recomd { right: 10px; bottom: 10px; margin: 0}
.my_curation .curation_recomd { right: 10px; bottom: 10px; margin: 0}
.my_curation .curation_recomd .delete{ background: #555 url(../img/cmmCuration/icon.png) no-repeat 2px -252px; padding: 0; width: 23px; height: 22px; border: 0; font-size: 0; vertical-align: top; cursor: pointer}
.my_curation .ranking{ display: inline-block; color: #fff; background: #da3131; width: auto; padding: 5px}
.my_curation .more{ background: #e8e8e8 url(../img/cmmCuration/bg4.png) repeat-x 0 -2px; display: block; border: 1px solid #cecece; color: #000; text-align: center; line-height: 35px; font-weight: bold;}

.headerTop .headerTopArea .tp_util li a.mypage{ width: 77px !important; min-height: auto}
.list_comment li .comnt .commt_btn{ margin-bottom: 0}
.commt_toggle{ margin-top: 0}
.commt_toggle .button.medium.gray.gray2{ background: #04abf7; border-radius: 0; margin-left: -5px;}
.commt_toggle .button.medium.gray.gray2 button{ line-height: 40px !important; color: #fff}
.headerTop .headerTopArea .tp_util li a.register{ width: 35px}
#popCurationMember #curationMemberBox{ margin: 50px auto 0;}
.replyArea h2{ margin-bottom: 5px}
.commt_toggle .inputData{ line-height: 25px}
#popCurationMore .usrCuration{ margin: 142px auto 0;}
.section .curationBox:hover, .tabsCont li:hover img, .tabsCont li:hover .curationCont{ border-color: #da3131}
#hotCuration .bx-wrapper .bx-viewport{ height: 347px !important;}
#popCurationMore .usrCuration h2{ letter-spacing: -1px}
.categoryLayer .section_rgt label .checkbox, #headerCategory .section_rgt label .checkbox{ margin-top: 4px}

.btnRegi{ background: url(../img/cmmCuration/button2.png) no-repeat 0 -481px; width: 96px; height: 38px; text-indent: -1000000px; padding: 0; margin: 0 3px}
.btnCancel{ background: url(../img/cmmCuration/button2.png) no-repeat 0 -534px; width: 72px; height: 38px; text-indent: -1000000px; padding: 0; margin: 0 3px}

.headerTop .headerTopArea .tp_util li a.register{ background-position: -112px -258px; width: 102px; height: 26px;}
.headerTop .headerTopArea .tp_util li a.setting{ background-position: -162px -168px; width: 80px; height: 26px; margin-right: 10px}

.noDataArea{ width: 100%; text-align: center; margin: 150px 0 0}
.noDataArea p{ margin-top: 20px; text-align: center; font-size: 20px; color: #797979; font-weight: bold}
.btnBlueBox{ background: #04abf7; border: 0; color: #fff; padding: 0 20px; vertical-align: middle}

#popCurationMember .agreement{ width: 96%;}
.rollMov.lft{ left: -22px;}
.phoneCertify{ margin: 0 0 20px; background: #e7e7e7; border-top: 1px solid #dadada; padding: 5px; text-align: left}
.phoneCertify p.txt1{ padding: 5px;}
.phoneCertify p.txt2{ padding: 0 0 20px}
.phoneCertify button{ line-height: 37px}
.btnOrangeBox{ background: #f15a24; border: 0; color: #fff; padding: 0 20px; vertical-align: middle}
.phoneCertify .count, .phoneCertify .certifyOk{ margin: 10px 0; text-align: center; color: #164f7a}
.phoneCertify .count strong{ color: #f15a24; margin: 0 5px; font-size: 16px}

/* 2016. 08.01 */
.selectArea{ margin: 10px 20px}
.selectArea .categorySch{ position: relative; right: 0; top: 0}
.selectArea .categorySch .txtInfo{ vertical-align: top; padding-top: 5px; display: inline-block;}
.selectArea .categorySch .button.medium{ margin-left: 0; background: #04abf7 !important}
.selectArea .resultBox{ margin-top: 5px; background: #ededed; border-top: 1px solid #dcdcdc; padding: 5px}
.selectArea .resultBox:after, .selectArea .chkBtnArea:after{ content: ""; display: block; clear: both;}
.selectArea .resultBox .chkBtn{ background: #ededed; border: 0; font-size: 14px; color: #636363; display: block; margin: 2px; float: left; padding: 0 15px; border-radius: 3px; line-height: 30px; cursor: pointer}
.selectArea .resultBox .chkBtn.checked{ background: #d7d7d7; color: #434343; font-weight: bold}
.selectArea .chkBtnArea{ margin-top: 5px; position: relative}
.selectArea .chkBtnArea .txtBox{ float: left; border: 1px solid #8c8c8c; color: #434343; font-size: 14px; padding: 0 55px 0 10px; position: relative; line-height: 30px; margin: 0 3px 3px 0}
.selectArea .chkBtnArea .txtBox button.delete{ position: absolute; right: 0; top: 0; height: 30px; background: url(../img/cmmCuration/button2.png) no-repeat -114px -302px; border: 0; width: 36px; height: 30px; font-size: 0; line-height: 0; text-indent: -1000000px; cursor: pointer}
.selectBtnArea{ position: relative}
.selectBtnArea .txtBox{ position: relative; display: inline-block; border: 1px solid #8c8c8c; color: #434343; font-size: 14px; padding: 0 55px 0 10px; position: relative; line-height: 32px;}
.selectBtnArea .txtBox button.delete{ position: absolute; right: 0; top: 0; background: #7d7d7d url(../img/cmmCuration/button2.png) no-repeat -114px -302px; border: 0; width: 36px; height: 32px; font-size: 0; line-height: 0; text-indent: -1000000px; cursor: pointer}
.curationReg td .inputData.bg1{ background: #fff !important; border-color: #ddd !important}
.curationDtlArea.dtl h1{ background: url(../img/cmmCuration/bg6.png); padding-bottom: 6px}
.curationDtlArea.dtl h1 span{ display: block; background: #fff; font-size: 33px; color: #434343; padding-bottom: 15px; letter-spacing: -2px; text-align: center}
.curationDtlArea .tp_field{ margin-top: 7px; text-align: center}
.curationDtlArea .tp_field span{ display: inline-block; font-size: 15px; color: #363636; background: url(../img/cmmCuration/icon.png) no-repeat; padding-left: 25px; min-height: 20px; letter-spacing: -1px; margin: 0 20px}
.curationDtlArea .tp_field span strong{ font-size: 15px; color: #333;}
.curationDtlArea .tp_field .region{ background-position: 0 -305px; padding-left: 20px}
.curationDtlArea .tp_field .products{ background-position: 0 -339px}
.curationDtlArea .tp_field .field{ background-position: 0 -373px}
.curation_tp{ margin: 55px 0 20px}
.curation_tl{ width: 65%; padding-right: 35%; position: relative}
.curationBox .curation_tl .region, .tabsCont .curation_tl .region{ position: absolute; right: 0; top: 0; font-size: 12px; font-weight: normal; color: #666; background: url(../img/cmmCuration/icon.png) no-repeat -7px -412px; padding-left: 15px}
.section .curationBox .imgL{ position: relative}
.section .curationBox .imgL span{ position: absolute; bottom: 10px; left: 10px; width: 277px; height: 28px; line-height: 28px; background: url(../img/cmmCuration/bg7.png); color: #fff; text-align: left; font-family: dotum; letter-spacing: -1px}
.section .curationBox .imgL span strong{ display: inline-block; background: url(../img/cmmCuration/bg8.png); padding: 0 8px; font-weight: normal; margin-right: 5px}
.section .curationBox .imgL span em{ display: inline-block; width: 70%; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tabsCont #wookmark1 .curationCont{ position: relative}
.tabsCont #wookmark1 .curationCont .group{ position: absolute; top: -38px; left: 10px; width: 208px; height: 28px; line-height: 28px; background: url(../img/cmmCuration/bg7.png); color: #fff; text-align: left; font-family: dotum; letter-spacing: -1px}
.tabsCont #wookmark1 .curationCont .group strong{ display: inline-block; background: url(../img/cmmCuration/bg8.png); padding: 0 8px; font-weight: normal; margin-right: 5px}
.tabsCont #wookmark1 .curationCont .group em{ display: inline-block; width: 65%; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
.curationReg .txtInfowarn{ text-align: center; margin: -15px 0 30px}
.tabsCont .curationCont .curation_recomd{ bottom: 10px}

.my_curation .myInfoTxt{ font-size: 28px; border-bottom: 1px solid #ddd; padding: 30px 0 20px 150px; letter-spacing: -1px; margin: 30px 0 10px 0; background: url(../img/cmmCuration/memberBox2.png) no-repeat 20px 0; min-height: 85px}
.my_curation .myInfoTxt em{ font-size: 28px; color: #00a9ff}
.my_curation .myInfoTxt span{ display: block; font-size: 15px; margin-top: 20px}
.my_curation .myInfo{ margin-bottom: 30px}
.my_curation .myInfo th, .my_curation .myInfo td{ padding: 5px 8px; font-size: 14px; line-height: 1.6}
.my_curation .myInfo th{ font-weight: bold; background: url(../img/cmmCuration/bg3.png) no-repeat 10px 16px; padding-left: 20px}
.my_curation .myInfo .inputData{ border: 1px solid #b2b2b2; line-height: 37px; height: 35px;}
.my_curation .myInfo .point_txt{ color: #f15a24; margin-bottom: 15px;}

#popCurationMember .loginBtm a.join.findPw{ background: url(../img/cmmCuration/button2.png) no-repeat -73px -394px; width: 87px; margin-left: 5px}
#popCurationMember .loginBtm{ font-size: 14px; letter-spacing: -1px;}
#curationMemberJoin .joinTl.findpw{ background: url(../img/cmmCuration/memberBox2.png) no-repeat 0 -141px;}
#popCurationMember .point_txt2{ margin-bottom: 5px; text-align: left; display: block}

.headerTop .headerTopArea h1 a span{ margin-left: 10px; display: inline-block; line-height: 25px; color: #b2ff90; font-size: 16px; font-weight: normal; border-left: 1px solid #fff; padding-left: 10px; letter-spacing: -1px}

/* 2015.8.31 */
.curationCont .curation_writer a{ color: #505050; font-weight: bold; max-width:88px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right:10px;}
.curation_tp .writeNm strong{ font-size: 15px}
.date{ display: inline-block; font-size: 15px; margin-left: 10px; color:#6d6d6d; border-left: 1px solid #ddd; padding-left: 10px}
.curationCont .curation_writer .date{ display: inline-block; font-size: 12px; margin-left: 5px; line-height: 24px; color: #5284b2; border: 0; padding-left: 0; letter-spacing: 0;}
.curationDtlArea .btnArea a.btnModi.btnDelete, .btnModi.btnDelete{ background-position: -116px -481px}
#popCurationMember .loginBtm a.join.findPw.findMail{ background-position: -166px -394px; width: 77px; margin-left: 0}
.phoneCertify.bgnone{ background: none; border: 0}
#curationMemberJoin .joinTl.findpw.findMail{ background-position: 0 -288px}

/* 2016.09.05 Quick Menu add */
#container{ position: relative}
.rgtQuick{ }
.rgtQuick .quickDiv{ width: 108px; margin-top: 0}
.rgtQuick h2{ background: #04abf7; font-size: 14px; color: #fff; text-align: center; line-height: 35px; font-weight: normal; position: relative}
.rgtQuick a{ display: block; border: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;  border-top: 0; text-align: center; padding: 60px 0 0 0; height: 25px; line-height: 1; font-size: 13px; color: #616161; background: #fff url(../img/cmmCuration/quick.png) no-repeat; letter-spacing: -1px}
.rgtQuick a.mn1{ background-position: 28px 10px}
.rgtQuick a.mn2{ background-position: 28px -74px}
.rgtQuick a.mn3{ background-position: 28px -150px; height: 40px; line-height: 1.3}
.rgtQuick a.mn4{ background-position: 28px -233px}
.rgtQuick a.mn5{ background-position: 28px -315px; border-bottom: 2px solid #d1d1d1; }
.rgtQuick a.mn6{ background: #d1d1d1 url(../img/cmmCuration/quick.png) no-repeat 28px -427px; width: 108px; height: 35px; border: 0; padding: 0; line-height: 30px}

/* 2016.09.06 Quick Menu add */
.rgtQuick{ width: 1260px; margin: 0 auto; }
.rgtQuick .quickDiv{ float: right; margin-top: 81px; width: 100px}
.rgtQuick a{ font-size: 12px; padding: 60px 0 5px 0; height: 30px}
.rgtQuick a.mn1{ background-position: 25px 15px}
.rgtQuick a.mn2{ background-position: 23px -70px}
.rgtQuick a.mn3{ background-position: 26px -150px; height: 40px; line-height: 1.3}
.rgtQuick a.mn4{ background-position: 23px -233px}
.rgtQuick a.mn5{ background-position: 23px -312px;}
.rgtQuick a.mn6{ width: 100px; height: 35px; background-position: 26px -427px}

.btnSave{ background: url(../img/cmmCuration/button2.png) no-repeat -204px -209px;  width: 96px; height: 38px; text-indent: -1000000px; padding: 0; margin: 0 3px;}

.curationDtlArea .snsPrt button{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; background: url(../img/cmmCuration/button2.png) no-repeat; vertical-align:top; cursor: pointer; height: 38px; margin-right: 2px; padding: 0; text-indent: -1000000px; width: 50px}
.curationDtlArea .snsPrt button span{ width: 0}
.curationDtlArea .snsPrt button.share{ background-position: 0 -252px; width: 89px;}
.curationDtlArea .snsPrt button.print{ background-position: 0 -297px; width: 63px;}
.curationDtlArea .curation_btm{ height: auto;}
.curationDtlArea .curation_btm span.keyword_tab{ position: absolute}
.curationDtlArea .curation_btm .keyword:after{ content: ""; display: block; clear: both}
.curationDtlArea .curation_btm .keyword{     padding-bottom: 5px;}
.curationDtlArea .curation_btm .keyword span{ float: left; margin-bottom: 3px}
.curationDtlArea .btnArea{ margin: 10px 0 50px 0 !important}

.cuDtl_btn2{ position: fixed; width: 100%; bottom: 0; left: 0; background: url(../img/cmmCuration/bg.png); z-index: 30}
.cuDtl_btn2 div{ width: 1040px; margin: 0 auto; padding: 10px 0; text-align: center; border-top: 1px solid #c0c8d3; background: none}
.cuDtl_btn2 div a{ display: inline-block; width: 240px; background: #04abf7; color: #fff; padding: 10px; text-align: center;}

#container{ padding-bottom: 50px}

.categoryLayer .layerBox h2{ background: #B43745;}
.categoryLayer .layerBox h2 strong{ color: #ffffff;}

#popCurationMember .loginBox .point_txt{ color: #83003F; } 
#popCurationMember .btnJoin{ background: #83003F; }
.btnBlueBox{ background: #0068aa;}
.btnOrangeBox{ background: #83003F;}
.phoneCertify .count strong{ color: #83003F;}
 
#curationMemberLogin .loginTl strong{ color: #9f340e;} 
#popCurationMember .loginBox .btnLogin{background: #9f340e;}

.tabs li a.active{ background: #0068aa; border-color: #0068aa; color: #fff }
.headerTop .headerTopArea h1 a span{ color: #000000;}
.button.medium.green{ background: #14840e;}
.button.medium.green2{ background: #14840e;}
.curationCont .curation_cont{ color: #4f4f4f;}
.curationCont .curation_writer .date{ color: #144f86;}
#usrComnt .comntBox2 .button{ background: #0068aa; }
.rgtQuick h2{ background: #0068aa; }
.rgtQuick a{ color: #515151; }
.cuDtl_btn2 div{ border-top: 1px solid #0065a5; }
.cuDtl_btn2 div a{ background: #0068aa;}
.list_comment li .comnt .usrNm{ color: #007984;}
.curationDtlArea .curation_btm .keyword span{ color: #A62C01;}
.curation_tp .recomdNum span{color: #6d6d6d;}
.curation_tp .recomdNum span.green, .curation_tp .recomdNum span.green strong{ color: #1E6410;}
.usrCuration h2 strong{ font-size: 16px; color: #1d6310; }
#aside .asideList li a .thumbDsc em{color: #A62C01;}
.noDataArea p{ color: #595959;}
.curationMemberJoin .joinTl{ background: url(../img/cmmCuration/memberBox.png) no-repeat 0 100%; margin: 15px auto 10px; min-height: 90px; width: 300px; padding: 30px 0 0 130px; font-size: 25px; letter-spacing: -2px}
.curationMemberJoin .joinTl strong{ display: block; font-size: 30px; color: #83003F; margin-bottom: 20px}
.curationMemberJoin .joinTl.findpw{ background: url(../img/cmmCuration/memberBox2.png) no-repeat 0 -141px;}
.curationMemberJoin .joinTl.findpw.findMail{ background-position: 0 -288px}

.my_curation .my_tab a.active{color: #006CA4}
.my_curation .my_tab a.hover{color: #3B711E}
.my_curation .myInfoTxt em{ color: #006CA4}
.my_curation .myInfo .point_txt{ color: #9A3A17;}
.noDataArea p{ color: #595959;}

/* 2018 04 03 */
.headerTop .headerTopArea h1{ padding: 10px 0 0 10px}
.headerTop .headerTopArea h1 a img{ height: auto}
.headerTop .headerTopArea h1 a span{ font-size: 0; border: 0; line-height: 22px; padding-left: 0}
.headerTop .headerTopArea h1 a span:before, .headerTop .headerTopArea h1 a span:after{ content: '사용자가 직접 참여하는'; display: inline-block; font-size: 15px; color: #000; letter-spacing: -0.085em}
.headerTop .headerTopArea h1 a span:after{ content: '농업기술 공유 사이트'; font-weight: 600; margin-left: 5px;}

.headerTop .headerTopArea h1 a span:before, .headerTop .headerTopArea h1 a span:after{ display: none}

/* 2017.12.28 이재선 추가(모바일 에디터)*/
.curationReg .moEditor{display:none;}

/* 2018 01 17 이재선 모바일 체크용 요소 추가 */
#moComnHidArea{display: block;}

/* 2017.12.28 이재선 추가(모바일 에디터)*/
.curationReg .moEditor{display:none;}

/* 2018 01 17 이재선 모바일 체크용 요소 추가 */
#moComnHidArea{display: block;}

/* 2018 04 10 */
.headerTop{ background: url(../img/cmmCuration/headerTop.png) repeat-x 0 100%; height: 64px}
.headerTop .headerTopArea h1 a{ width: 560px; height: 45px; background: url(../img/cmmCuration/header_logo4.png) no-repeat 0 8px}
.headerTop .headerTopArea h1 a img{ display: none}

/* 2018 06 18 */
.categoryList .tabs:before{ content: ''; display: block; width: calc(100% - 10px); height: 1px; position: absolute; left: 0; bottom: 0; background: #0068aa;}
.categoryList .tabs{ max-height: 50px !important;}
.tabs li a{ width: auto !important; padding: 0 25px; line-height: 48px;}
.categorySch #pageIndex + label{width: 20px;height: 34px; margin: 0 0 0 80px;}
.categorySch #pageIndex + label:after{content: '\25BE';display: block;position: absolute;right: 5px;top: 0;color: #fff;font-size:  15px;width: auto;height: auto;text-indent: 0;line-height: 34px; font-size: 20px;}
.categorySch #pageIndex + label + select{appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 105px;color: #fff;background: #69a7e9;border-radius: 5px;border: 0;text-indent: 5px;font-weight: 600; z-index: 10}
.categorySch #pageIndex + label + select + label + select{ width: 105px !important}
.categorySch #pageIndex + label + select + label + select + select{ width: 90px !important}
.categorySch #sWord.inputData{ width: 110px !important}

#popCurationMember{ position: absolute; background: none}
#popCurationMember:before{ content: ''; display: block; position: fixed; background: url(../img/cmmCuration/bg5.png); width: 100%; height: 100%; left: 0; top: 0;}

.tabsCont ul{ left: 5px;}
.tabsCont li{ width: 243px !important; padding-bottom: 10px;}
.tabsCont .curationCont{ margin: 0 7px; width: 208px;}
.tabsCont li img{ border: 0; padding: 0; width: 230px;}

.categorySch #pageIndex + label{ margin: 0; background: #69a7e9; width: 105px; z-index: 9; border-radius: 3px;}
.categorySch #pageIndex + label + select{ z-index: 10; background: transparent; position: relative; color:#000;}