/* sub */

/* visual */

.visual .cover {padding-top: 90px; /*height: 304px;*/ height: 0; background-position: center center; background-repeat: no-repeat; text-align: center; overflow: hidden;}
.visual .cover .txt {line-height: 304px;}
.visual .cover .subject {display: inline-block; line-height: 1.2em; font-size: 40px; color: #fff; font-weight: 300; vertical-align: middle;}

.visual .cover .txt2 .subject {padding-bottom: 105px;}
.visual .cover .txt2 .nicksH-sch{position: absolute;left: 0;bottom: 65px;width: 100%;}

.visual.blg .slide .mv {height: 577px; background-size: auto 100%; transition: background .5s;}
.visual.blg .slide .mv:before {background: linear-gradient(to bottom, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%)}
.visual.blg .slide .mv:hover {background-size: auto 102%;}
.visual.blg .slide .mv .btn:hover,
.visual.blg .slide .mv .btn:focus {opacity: .4;}
.visual.blg .slide .txt {padding-top: 275px; color: #fff;}
.visual.blg .slide .subject {font-size: 40px; color: #fff;}
.visual.blg .slide .mv:hover .subject {color: #fff;}
.visual.blg .slide .button {margin-top: 30px;}

.visual.blg .slide .bx-wrapper .bx-pager {top: 230px;}


/* search */

.search {display: none; border-bottom: 1px solid #d2d2d2;}
.search > div > div {float: left; position: relative; border-right: 1px solid #d2d2d2;}
.search > div > div:first-child {float: left; border-left: 1px solid #d2d2d2;}
.search select,
.search input {font-size: 20px; color: #000; border-color: transparent;}
.search select {padding: 10px 45px 10px 30px; width: 300px; height: 66px; background-image: url(../img/sub/icnSearchSelect.png);}
.search select.small {width: 200px;}
.search input {padding: 22px 59px 21px 29px; width: 304px;}
.search .sch {position: absolute; top: 0; right: 0; width: 59px; height: 66px; background: url(../img/sub/btnSearch.png) center center no-repeat;}

	/* search - mob */
	body.mob .search {border-bottom: 0;}
	body.mob .search .cen {width: 100%;}
	body.mob .search > div > div {border: 0; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
	body.mob .search > div > div.fst {border-left: 0;}
	body.mob .search select {padding-left: 10px; width: 359.5px;}
	body.mob .search select.small {width: 179.5px;}
	body.mob .search input {padding-left: 10px; width: 288px;}


/* area */

.area {}
.area .flt section.post {float: right; width: 999px;}


/* left nav */

.leftNav {float: left; padding: 50px 0 120px; width: 300px;}
.leftNav > div {margin-top: 65px;}
.leftNav > div:first-child {margin-top: 0;}
.leftNav .label {padding-bottom: 20px; line-height: 50px; font-size: 32px; color: #000; border-bottom: 2px solid #000;}
.leftNav .label-s {display: none; line-height: 73px; font-size: 22px; color: #000; font-weight: 500;}
.leftNav .label-s.on {padding: 0 45px 0 20px; color: #fff; background: #ea6931 url(../img/sub/icnLabelsOn.png) 93% center no-repeat;}
.leftNav ul {margin-top: 30px;}
.leftNav ul li {}
.leftNav ul li a {display: block; margin: 5px 0; padding: 0 10px; line-height: 40px; font-size: 20px; color: #000; letter-spacing: -1.6px; position: relative; background: url(../img/sub/icnLabelsOn.png) 93% center no-repeat;}
.leftNav ul li a:after {content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 40px; background: #fff; opacity: 1; transition: all .5s;}

.leftNav ul li.on a {font-weight: 500;}
.leftNav ul li a:hover:after,
.leftNav ul li a:focus:after,
.leftNav ul li.on a:after {opacity: 0;}

.leftNav .more {display: block; margin-top: 40px; border: 1px solid #cbcbcb; text-align: center;}
.leftNav .more span {padding-right: 20px; line-height: 44px; font-size: 18px; color: #7b7b7b ; background: url(../img/sub/btnMore.png) right center no-repeat;}
.leftNav .more:hover,
.leftNav .more:focus {border-color: #000;}

	/* left nav - mob */
	body.mob .leftNav {display: none;}


/* layer */

.layer {background: url(../img/temp_sub/imgLayer.png) center center no-repeat; text-align: center;}
.layer > div {line-height: 266px;}
.layer .txt {display: inline-block; vertical-align: middle;}
.layer .type {margin-bottom: 15px;}
.layer .type span {padding: 5px 20px; line-height: 1em; font-size: 19px; color: #000; font-weight: bold; border: 2px solid #000; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.layer .subject {line-height: 1.2em; font-size: 43px; color: #000; font-weight: 300;}
.layer .desc {margin-top: 15px; font-size: 20px; color: #000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}

.layer .button {position: absolute; left: 0; top: 20px; margin: 0; width: 100%; height: 0;}
.layer .btn {min-width: 53px; line-height: 43px; background-color: #fff; border: 1px solid #d8d8d8; transition: all .5s;}
.layer .btn:hover,
.layer .btn:focus {border-color: #000;}
.layer .btn span {line-height: 43px; font-size: 18px; color: #999;}
.layer .btn.prev span {padding-left: 15px; background: url(../img/sub/btnLayerPrev.png) 0 center no-repeat;}

.layer.nicksH {background-image: url(../img/temp_sub/imgLayerNicksHands.png);}
.layer.nicksH.nH2 {padding-top: 90px; background-color: #000; background-position: center bottom;}
.layer.nicksH > div {line-height: 340px;}
.layer.nicksH .type span {color: #fff; border-color: #fff; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.layer.nicksH .subject {color: #fff;}
.layer.nicksH .desc {color: #fff; font-weight: 300;}


/* post */

section.post {position: relative; padding: 50px 0 120px;}

section.post .tbl-hd .btn:hover,
section.post .tbl-hd .btn:focus {background: #000;}
section.post .tbl-hd .btn.edge:hover,
section.post .tbl-hd .btn.edge:focus {background: #f7f7f7;}
section.post .tbl-ft .btn:hover,
section.post .tbl-ft .btn:focus {opacity: .6;}
/*section.post.bg {background-color: #f7f7f7;}*/
section.post.bg {background-color: #fff;}
section.post .title {position: relative; margin-bottom: 50px; padding-bottom: 20px; line-height: 50px; font-size: 43px; color: #000; font-weight: 300; border-bottom: 1px solid #cbcbcb;}
section.post .titleS {position: relative; margin-bottom: 40px; line-height: 1.2em; font-size: 25px; color: #000;}
section.post .titleSs {position: relative; margin-bottom: 20px; line-height: 1.2em; font-size: 20px; color: #000; font-weight: 500;}

section.post .title .button,
section.post .titleS .button {position: absolute; top: 0; right: 0; margin: 0;}
section.post .title .button .btn:hover,
section.post .title .button .btn:focus,
section.post .titleS .button .btn:hover,
section.post .titleS .button .btn:focus {opacity: .4;}

section.post .title .button .btn.sort {margin-top: 25px; padding: 0 15px 0 0; min-width: 0; line-height: 25px; font-size: 16px; color: #a3a3a3; background: url(../img/sub/icnSort.png) right center no-repeat;}

	/* post - mob */
	body.mob section.post {width: 100% !important;}


/* post. photo */

section.post .photo {}
section.post .photo ul {width: 1019px}
section.post .photo ul li {margin: 0 20px 20px 0;}
section.post .photo ul li a {display: block; width: 999px; background-color: #fff; overflow: hidden;}
section.post .photo ul li a:hover img {opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}

section.post .photo ul li.pt5 {margin-top: -246px;}
section.post .photo ul li.pt7 {margin-top: -124px;}

section.post .photo ul li.pt1 a {width: 439px; height: 525px;}
section.post .photo ul li.pt2 a {width: 540px; height: 280px;}
section.post .photo ul li.pt3 a {width: 260px; height: 471px;}
section.post .photo ul li.pt4 a {width: 260px; height: 347px;}
section.post .photo ul li.pt5 a {width: 439px; height: 226px;}
section.post .photo ul li.pt6 a {width: 719px; height: 223px;}
section.post .photo ul li.pt7 a {width: 260px; height: 347px;}

	/* photo - mob */
	body.mob section.post .photo ul {width: 700px;}
	body.mob section.post .photo ul li {margin: 0 11px 11px 0;}
	body.mob section.post .photo ul li a {width: 680px;}
	
	body.mob section.post .photo ul li.pt5 {margin-top: -165px;}
	body.mob section.post .photo ul li.pt7 {margin-top: -85px;}

	body.mob section.post .photo ul li.pt1 a {width: 301px; height: 360px;}
	body.mob section.post .photo ul li.pt2 a {width: 368px; height: 190px;}
	body.mob section.post .photo ul li.pt3 a {width: 178.5px; height: 323px;}
	body.mob section.post .photo ul li.pt4 a {width: 178.5px; height: 238px;}
	body.mob section.post .photo ul li.pt5 a {width: 301px; height: 154px;}
	body.mob section.post .photo ul li.pt6 a {width: 490.5px; height: 152px;}
	body.mob section.post .photo ul li.pt7 a {width: 178.5px; height: 238px;}


/* post. photo2 */

section.post .photo2 {}
section.post .photo2 ul {margin-left: -30px;}
section.post .photo2 ul li {margin-left: 30px;}
section.post .photo2 ul li.left {width: 614px;}
section.post .photo2 ul li.right {width: 756px;}

section.post .photo2 ul li.full,
section.post .photo2 ul li.full img {width: 100%;}
section.post .photo2 ul li .pt-item {display: block; position: relative; margin-bottom: 30px;}
section.post .photo2 ul li .txt .type {height: 21px; line-height: 1.2em; font-size: 16px; color: #5f5f5f; font-weight: 500; overflow: hidden;}
section.post .photo2 ul li .txt .subject {height: 80px; line-height: 1.2em; font-size: 22px; color: #000; font-weight: 300; overflow: hidden; transition: all .3s;}
section.post .photo2 ul li .txt .subject em {font-weight: 500;}
section.post .photo2 ul li .txt .btn {display: inline-block;}

section.post .photo2 ul li .txt.pos {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 100%); text-align: center; transition: all .3s;}
section.post .photo2 ul li a {overflow: hidden;}
section.post .photo2 ul li a img {transition: all 1s;}
section.post .photo2 ul li .thumb {overflow: hidden;}
section.post .photo2 ul li a:hover .txt.pos,
section.post .photo2 ul li a:focus .txt.pos {opacity: 1;} 
section.post .photo2 ul li.full a:hover img,
section.post .photo2 ul li.full a:focus img {transform: scale(1.02);}
section.post .photo2 ul li .txt.pos > div {position: absolute; top: 52%; left: 0; margin-top: -109px; width: 100%; transition: all .3s;}
section.post .photo2 ul li a:hover .txt.pos > div,
section.post .photo2 ul li a:focus .txt.pos > div {margin-top: -129px;}
section.post .photo2 ul li .txt.pos .type {height: 50px; font-size: 20px; color: #fff; font-weight: 300; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
section.post .photo2 ul li .txt.pos .subject {font-size: 34px; color: #fff;}

section.post .photo2 ul li .pt-item.lst a {display: block; position: relative; padding: 10px 0; min-height: 146px; border-bottom: 1px solid #e1e1e1;}
section.post .photo2 ul li .pt-item.lst a:first-child {border-top: 1px solid #e1e1e1;}
section.post .photo2 ul li .pt-item.lst .thumb {position: absolute; top: 10px; left: 0; width: 417px; height: 146px;}
section.post .photo2 ul li .pt-item.lst .txt {padding-left: 445px;}
section.post .photo2 ul li .pt-item.lst .txt .subject {padding-top: 5px;}
section.post .photo2 ul li .pt-item.lst .txt .type {position: absolute; left: 445px; bottom: 15px; transition: all .3s;}

section.post .photo2 ul li .pt-item.lst a:hover .txt .subject,
section.post .photo2 ul li .pt-item.lst a:focus .txt .subject,
section.post .photo2 ul li .pt-item.lst a:hover .txt .type,
section.post .photo2 ul li .pt-item.lst a:focus .txt .type {color: #b99978;}

	/* photo2 - mob */
	body.mob section.post .photo2 ul {width: 680px; margin-left: 0; text-align: center;}
	body.mob section.post .photo2 ul li {margin-left: 0; width: auto; display: inline-block; float: none;}
	body.mob section.post .photo2 ul li .txt .button {margin-top: 20px;}

	body.mob section.post .photo2 ul li .txt.pos > div {margin-top: -113px;}
/* co-btn */

ul.co-btn {margin-top: 15px;}
ul.co-btn li {margin-left: 5px;}
ul.co-btn li a {background-color: #f9f9f9; border: 1px solid #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
ul.co-btn li a span {line-height: 30px; font-size: 14px; color: #000; font-weight: 500;}
ul.co-btn li a:hover,
ul.co-btn li a:focus {border-color: #000;}

ul.co-btn li.i01 a {width: 91px;}
ul.co-btn li.i02 a {width: 101px;}
ul.co-btn li.i03 a {width: 91px;}
ul.co-btn li.i04 a {width: 89px; border: 2px solid #000;}
ul.co-btn.i3 li a {width: 126px;}

ul.co-btn li.i01 a span {padding-left: 20px; background: url(../img/sub/icnCoButton01.png) 0 center no-repeat;}
ul.co-btn li.i02 a span {padding-left: 15px; background: url(../img/sub/icnCoButton02.png) 0 center no-repeat;}
ul.co-btn li.i03 a span {padding-left: 25px; background: url(../img/sub/icnCoButton03.png) 0 center no-repeat;}
ul.co-btn li.i04 a span {padding-left: 20px; line-height: 28px; color: #000; background: url(../img/sub/icnCoButton04.png) 0 center no-repeat;}


/* popup. view popup */

.popup.view {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 100; overflow: auto; }
.popup.view .panel {top: 64px; left: 0; right: 0; bottom: 0; margin: 0; width: auto; background: #000;}
.popup.view .panel .head {background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 9; border-bottom:solid 1px}
.popup.view .panel .body {padding: 0; position: static;}

.popup.view .panel .viewSlide {position: fixed; float: none; left: 0; right: 458px; top: 64px; bottom: 0; overflow: auto;}
.popup.view .panel .viewSlide ul {}
.popup.view .panel .viewSlide ul li {height: 467px;}
.popup.view .panel .viewSlide ul li img {}

.popup.view .panel .viewSlide .bx-wrapper {width: 941px; height: 577px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
.popup.view .panel .viewSlide .bx-wrapper .bx-pager.bx-default-pager {bottom: 20px;}
.popup.view .panel .viewSlide .bx-wrapper .bx-pager.bx-default-pager a {background: url(../img/sub/btnPagerOff.png) center center no-repeat;}
.popup.view .panel .viewSlide .bx-wrapper .bx-pager.bx-default-pager a.active {background: url(../img/sub/btnPagerOn.png) center center no-repeat;}

.popup.view .panel .viewSlide .bx-wrapper .bx-controls-direction a {margin-top: -25.5px; width: 51px; height: 51px;}
.popup.view .panel .viewSlide .bx-wrapper .bx-prev {background: url(../img/sub/btnPrev.png) center center no-repeat;}
.popup.view .panel .viewSlide .bx-wrapper .bx-next {background: url(../img/sub/btnNext.png) center center no-repeat;}
.popup.view .panel .viewSlide .bx-wrapper .bx-prev:hover,
.popup.view .panel .viewSlide .bx-wrapper .bx-prev:focus {transform: translateX(-3px);}
.popup.view .panel .viewSlide .bx-wrapper .bx-next:hover,
.popup.view .panel .viewSlide .bx-wrapper .bx-next:focus {transform: translateX(3px);}

.popup.view .panel .info {background: #fff; padding: 30px; position: fixed; right: 0; top: 64px; bottom: 0; width: 398px; overflow: auto;}
.popup.view .panel .name {margin-bottom: 10px;}
.popup.view .panel .name,
.popup.view .panel .name a {line-height: 31px; font-size: 18px; color: #000; font-weight: 500;}
.popup.view .panel .name .emblem {margin-right: 10px; /*width: 31px;*/ height: 31px; overflow: hidden;}

.popup.view .panel dl {}
.popup.view .panel dl dt {font-size: 18px; color: #000;}
.popup.view .panel dl dd {margin-top: 15px; font-size: 14px; color: #999;}

.popup.view .panel .bot {margin-top: 25px; padding-top: 20px; border-top: 1px solid #e7e7e7;}
.popup.view .panel .item {margin-top: 10px;}
.popup.view .panel .item:first-child {margin-top: 0 !important;}
.popup.view .panel .item .label {margin-bottom: 7px; font-size: 15px; color: #000;}
.popup.view .panel .item ul {}
.popup.view .panel .item ul li {margin-left: 10px;}
.popup.view .panel .item ul li a {width: 126px; height: 95px; overflow: hidden;}
.popup.view .panel .item ul li a img {transition: all .5s;}
.popup.view .panel .item ul li a:hover img,
.popup.view .panel .item ul li a:focus img {transform: scale(1.05);}

	/* view popup - mob */
    body.mob .popup.view .panel {top: 64px; margin-left: 0; width: auto; top: 0; padding-top: 64px; background: #fff;}
    body.mob .popup.view .panel .viewSlide {position: relative; top:0;}
    body.mob .popup.view .panel .viewSlide .bx-wrapper {width: auto; height: auto;}
    body.mob .popup.view .panel .viewSlide ul:after {content: ''; display: block; clear: both;}
    body.mob .popup.view .panel .viewSlide ul li {height: auto; line-height: 0;}
    body.mob .popup.view .panel .viewSlide ul li img {vertical-align: top; width: 100%;}
    body.mob .popup.view .panel .viewSlide .bx-wrapper {position: static;}
    body.mob .popup.view .panel .info {position: static; width: auto !important; padding: 30px; }
body.mob .popup.view ul.co-btn { margin-left: -5px; margin-top: 10px;}
body.mob .popup.view ul.co-btn > li {margin-top: 5px;}
body.mob .popup.view ul.co-btn > li:first-child {margin-left: 5px !important;}

body.mob .popup.view .item ul.flt { margin-left: -10px; margin-top: -10px;}
body.mob .popup.view .item ul.flt > li {margin-top: 10px;}
body.mob .popup.view .item ul.flt > li:first-child {margin-left: 10px !important;}

/*  */

.stiker {display: inline-block; margin: 4px 0 0 5px; width: 16px; height: 16px; vertical-align: top;}
.stiker.new {background: url(../img/sub/icnNew.png) center center no-repeat;}

.star {position: relative; margin: 4px 0 0; width: 83px; height: 15px; background: url(../img/sub/imgStar.png) 0 0 no-repeat; text-align: left;}
.star em {display: inline-block; height: 100%; text-indent: -9999px; background: url(../img/sub/imgStarFull.png) 0 0 no-repeat; text-align: left; vertical-align: top; overflow: hidden;}

ul.i-sns {}
ul.i-sns li {margin-left: 2px;}
ul.i-sns li a {width: 23px; height: 22px; background-position: center center; background-repeat: no-repeat;}
ul.i-sns li a:hover,
ul.i-sns li a:focus {opacity: .4;}
ul.i-sns li.i01 a {background-image: url(../img/sub/icnSnsMin01.png);}
ul.i-sns li.i02 a {background-image: url(../img/sub/icnSnsMin02.png);}
ul.i-sns li.i03 a {background-image: url(../img/sub/icnSnsMin03.png);}
ul.i-sns li.i04 a {background-image: url(../img/sub/icnSnsMin04.png);}
ul.i-sns li.i05 a {background-image: url(../img/sub/icnSnsMin05.png);}


/* tabs */

.tabs {margin-bottom: 45px; height: 64px;}
.tabs ul {}
.tabs ul li {width: 100%;}
.tabs ul li a {display: block; position: relative; margin-left: -1px; line-height: 59px; text-align: center; padding-bottom: 5px;}
.tabs ul li a:after {content: ''; display: block; position: absolute; border: 1px solid #dbdbdb; left: 0; right: 0; top: 0; bottom: 0; transition: all .5s;}
.tabs ul li span {display: inline-block; line-height: 1.2em; font-size: 16px; color: #a3a3a3; font-weight: 500; vertical-align: middle;}

.tabs ul.unit2 li {width: 50%;}
.tabs ul.unit3 li {width: 33.333333%;}
.tabs ul.unit4 li {width: 25%;}
.tabs ul.unit5 li {width: 20%;}
.tabs ul.unit6 li {width: 16.666666%;}

.tabs ul li a:hover:after,
.tabs ul li a:focus:after,
.tabs ul li.on a:after {border-width: 5px; border-color: #000;}
.tabs ul li a:hover span,
.tabs ul li.on a span {color: #000;}


/* mark tab */

.mark-tab {margin-bottom: 50px;}
.mark-tab ul {}
.mark-tab ul li {text-align: center;}
.mark-tab ul li a {display: block; position: relative; margin-right: -1px; padding-top: 1px; height: 77px; line-height: 73px; font-size: 20px; color: #000; font-weight: 500; background-color: #f7f7f7; border: 1px solid #e1e1e1; border-bottom: 2px solid #000; box-sizing: border-box; }
.mark-tab ul li a:hover,
.mark-tab ul li a:focus {border-color: #999; border-bottom-color: #000;}

.mark-tab ul li.on a {padding-top: 0; font-weight: bold; background-color: #fff; border: 2px solid #000; border-bottom-color: transparent; z-index: 1;}

.mark-tab ul.unit2 li {width: 50%;}
.mark-tab ul.unit3 li {width: 33.333333%;}
.mark-tab ul.unit4 li {width: 25%;}
.mark-tab ul.unit5 li {width: 20%;}
.mark-tab ul.unit6 li {width: 16.666666%;}


/* category tab */

.cate-tab {position: absolute; top: 0; right: 445px;}
.cate-tab ul {}
.cate-tab ul li {display: inline-block; margin-left: 30px; vertical-align: top;}
.cate-tab ul li:first-child {margin-left: 0 !important;}
.cate-tab ul li a {margin-bottom: 50px; padding-bottom: 20px; line-height: 50px; font-size: 18px; color: #000; border-bottom: 1px solid transparent; position: relative;}
.cate-tab ul li a:after {content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; width: 0; margin: 0 auto; background: #000; height: 1px; transition: all .3s; opacity: 0;}
.cate-tab ul li.on a {font-weight: bold;}
.cate-tab ul li a:hover:after,
.cate-tab ul li a:focus:after,
.cate-tab ul li.on a:after {width: 100%; opacity: 1;}

	/* category tab - mob */
	body.mob .cate-tab {position: static;}



/* category search */

.cate-sch {position: absolute; top: 2px; right: 0;}
.cate-sch .input {display: inline-block; font-size: 0; vertical-align: top;}
.cate-sch .input span {}
.cate-sch .input input {padding: 11px 10px; width: 273px; border-color: #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.cate-sch .input input:hover {border-color: #aaa;}
.cate-sch .input input:focus {border-color: #000;}
.cate-sch .sch {margin-left: 2px; width: 95px; background-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.cate-sch .sch:hover,
.cate-sch .sch:focus {opacity: .6;}
.cate-sch .sch span {padding-right: 25px; line-height: 45px; font-size: 18px; color: #fff; background: url(../img/sub/btnSearchWhite.png) right center no-repeat;}


/* table */

table.bsc {margin-top: 30px; border-top: 2px solid #000; border-bottom: 1px solid #d8d8d8; text-align: center;}
table.bsc thead {}
table.bsc tbody {}
table.bsc tr {}
table.bsc tr th {padding: 20px 0; background-color: #f7f7f7; border-bottom: 1px solid #d8d8d8;}
table.bsc tr th.bt {border-top: 1px solid #d8d8d8;}
table.bsc tr td {padding: 20px 0; border-top: 1px solid #d8d8d8;}
table.bsc tr:first-child td {border-top: 0;}
table.bsc tr th > div {padding: 0 10px; line-height: 1.2em; font-size: 18px; color: #333d49; font-weight: 500;}
table.bsc tr td > div {padding: 0 10px;}
table.bsc tr td > div,
table.bsc tr td > div a {font-size: 16px; color: #666; transition: all .5s;}
table.bsc tr:hover td > div,
table.bsc tr:hover td > div a {color: #000;}
table.bsc .chkB input + label {padding-left: 23px !important;}

table.bsc .state {}
table.bsc .state.ing {color: #ea6931;}
table.bsc .state.end {color: #b99978;}

table.bsc .price {color: #1373b3;}

table.bsc .txt {display: inline-block; font-size: 16px; color: #333d49; vertical-align: middle;}

table.bsc .keyword a {border-bottom: 1px solid #000;}

table.bsc .btn {padding: 0 10px; min-width: 53px; line-height: 33px; background-color: #fff; border: 1px solid #000;}
table.bsc .btn span {line-height: 35px; font-size: 16px; color: #000; font-weight: 500;}
table.bsc .btn:hover,
table.bsc .btn:focus {border-color: #000;}

table.bsc .btn.black {color: #fff; background-color: #000; border-color: #000;}
table.bsc .btn.black span {color: #fff;}

table.bsc .btn.file {padding: 0 10px !important; min-width: 93px !important;}
table.bsc .btn.file:hover,
table.bsc .btn.file:focus {border-color: #000; transform: none;}
table.bsc .btn.file span {padding-left: 20px; background: url(../img/sub/icnAddFile.png) 0 center no-repeat;}

table.bsc .sel-btn {padding: 9px 0 9px 5px; width: 9px; height: 5px; background: url(../img/sub/btnSel.png) right center no-repeat;}

	/* table - mob */
	body.mob table.bsc tr th > div {font-size: 16px;}
	body.mob table.bsc tr td > div,
	body.mob table.bsc tr td > div a {font-size: 14px;}

	body.mob table.bsc .btn {padding: 0; min-width: 100%;}


/* table. tbody */

table.bsc tbody span {font-size: 16px; color: #999;}
table.bsc tbody span em {color: #ea6931; font-weight: 500;}

table.bsc tbody span.caption {font-size: 15px;}

table.bsc tbody input,
table.bsc tbody select,
table.bsc tbody textarea {font-size: 16px; border: 1px solid #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
table.bsc tbody input:hover,
table.bsc tbody select:hover,
table.bsc tbody textarea:hover {border-color: #aaa;}

table.bsc tbody input {padding: 5px 10px 7px; width: 488px;}
table.bsc tbody input.full {width: 1208px;}
table.bsc tbody input.min {width: 112px;}
table.bsc tbody input.mid {width: 253px;}
table.bsc tbody input.mid2 {width: 320px;}

table.bsc tbody select {padding: 5px 10px 7px; width: 510px; height: 35px;}
table.bsc tbody select.full {width: 100%;}
table.bsc tbody select.min {width: 134px;}

table.bsc tbody textarea {width: 1188px; height: 160px;}

table.bsc tbody .inpB + .inpB,
table.bsc tbody .selB + .selB {padding-left: 27px; background: url(../img/sub/icnTo.png) 10px center no-repeat;}

table.bsc tbody .inpB,
table.bsc tbody .selB {display: inline-block; position: relative; vertical-align: top;}

table.bsc tbody .inpB span {position: absolute; top: 0; right: 10px; line-height: 33px;}

table.bsc tbody .tel select {width: 95px;}
table.bsc tbody .tel input {width: 73px;}
table.bsc tbody .tel .selB + .inpB,
table.bsc tbody .tel .inpB + .inpB {position: relative; padding-left: 27px; background: none;}
table.bsc tbody .tel .selB + .inpB:before,
table.bsc tbody .tel .inpB + .inpB:before {display: block; content: ""; position: absolute; top: 17px; left: 9px; width: 8px; height: 1px; background-color: #e4e4e4;}

table.bsc tbody .addr .inpB {display: block; margin-top: 10px;}
table.bsc tbody .addr .inpB:first-child {margin-top: 0;}
table.bsc tbody .addr .inpB:first-child input {width: 372px;} 
table.bsc tbody .addr .btn {margin-left: 10px;}
table.bsc tbody .addr .inpB + .inpB {padding-left: 0; background: none;}

table.bsc tbody .fileB .add {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all .5s;}
table.bsc tbody .fileB .add:hover,
table.bsc tbody .fileB .add:focus {border-color: #000;}

table.bsc tbody ul.cpList {margin: 5px 0 10px;}
table.bsc tbody ul.cpList li {margin-right: 10px; width: 292px;margin-bottom: 8px;}
table.bsc tbody ul.cpList li > div {position: relative; padding: 15px 10px 10px; height: 83px; border: 1px solid #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
table.bsc tbody ul.cpList li .delete {position: absolute; top: 5px; right: 5px; padding: 5px; width: 9px; height: 9px; background: url(../img/sub/btnDelete.png) center center no-repeat;}
table.bsc tbody ul.cpList li .name {margin-bottom: 10px; font-size: 16px; color: #000; font-weight: 500;}
table.bsc tbody ul.cpList li dl {font-size: 0;}
table.bsc tbody ul.cpList li dl dt,
table.bsc tbody ul.cpList li dl dd {display: inline-block; font-size: 15px;vertical-align: top;}
table.bsc tbody ul.cpList li dl dt {margin-right: 2px; color: #666; font-weight: 500;}
table.bsc tbody ul.cpList li dl dd {color: #999;}

table.bsc tbody .itmList {}
table.bsc tbody .itmList > div {padding-left: 46px; width: 268px; background: url(../img/sub/icnNextArr.png) 19px center no-repeat;}
table.bsc tbody .itmList > div:first-child {padding-left: 0 !important; background: none !important;}
table.bsc tbody .itmList .label {padding: 0 10px; line-height: 33px; font-size: 16px; color: #000; background: url(../img/sub/icnListOff.png) 95% center no-repeat; border: 1px solid #ebebeb; cursor: pointer;}
table.bsc tbody .itmList .open .label {background: url(../img/sub/icnListOn.png) 95% center no-repeat;}
table.bsc tbody .itmList ul {border: 1px solid #ebebeb;}
table.bsc tbody .itmList .label + ul {border-top: 0;}
table.bsc tbody .itmList ul li {padding: 3px 0;}
table.bsc tbody .itmList ul li a {display: block; padding: 0 10px; line-height: 30px;}
table.bsc tbody .itmList ul li.on a {background-color: #f4efe9;}

table.bsc tbody ul.tbList {margin-top: 10px;}
table.bsc tbody ul.tbList li {margin: 15px 15px 0 0;}
table.bsc tbody ul.tbList li > div {position: relative;}
table.bsc tbody ul.tbList li .delete {position: absolute; top: 5px; right: 5px; padding: 5px; width: 13px; height: 13px; background: url(../img/sub/btnDeleteThumbnail.png) center center no-repeat;}
table.bsc tbody ul.tbList li .thumb {width: 186px; height: 125px; background: #e2e2e2 url(../img/sub/imgThumbnail.png) center center no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden;}
	
	/* table. tbody - mob */
	body.mob table.bsc tbody input {max-width: 468px;}
	body.mob table.bsc tbody input.full {width: 468px !important;}
	body.mob table.bsc tbody input.m-min,
	body.mob table.bsc tbody input.min {width: 112px !important;}

	body.mob table.bsc tbody select.min {width: 134px !important;}

	body.mob table.bsc tbody textarea {width: 468px !important;}

	body.mob table.bsc tbody .inpB + .inpB,
	body.mob table.bsc tbody .selB + .selB {margin-top: 5px;}

	body.mob table.bsc tbody .addr .inpB input {width: 468px;}
	body.mob table.bsc tbody .addr .inpB:first-child input {width: 362px;} 

	body.mob table.bsc tbody ul.cpList li {float: none; margin: 5px 0 0;width: 100%;}
	body.mob table.bsc tbody ul.cpList li:first-child{margin-top: 0;}

	body.mob table.bsc tbody .itmList > div {margin-top: 10px; padding-left: 0; background: none;}
	body.mob table.bsc tbody .itmList > div:first-child {margin-top: 0;}

	body.mob table.bsc tbody ul.tbList li {margin-bottom: 10px;}
	body.mob table.bsc tbody ul.tbList li .thumb {width: 148px;}


/* table. tal */

table.bsc.tal tbody tr th > div {padding: 0 20px; line-height: 1.4em; letter-spacing: -2px;}
table.bsc.tal tbody tr.required th > div {position: relative; padding-left: 30px;}
table.bsc.tal tbody tr.required th > div:before {display: block; content: "*"; position: absolute; top: 0; left: 20px; font-size: 18px; color: #999; font-weight: 500;}
table.bsc.tal tbody tr td > div {padding: 0 20px;}

table.bsc.tal tbody .chkB{margin: 6px 0 0 10px;}
table.bsc.tal tbody .chkB input + label {padding-left: 27px !important; font-size: 15px; color: #666;}
table.bsc.tal tbody .chkB input + label:hover,
table.bsc.tal tbody .chkB input + label:focus {color: #000;}

.leftNav + section.post table.bsc.tal tbody input {width: 312px;}
.leftNav + section.post table.bsc.tal tbody input.full {width: 787px;}
.leftNav + section.post table.bsc.tal tbody input.min {width: 100px;}

.leftNav + section.post table.bsc.tal tbody select {width: 334px;}
.leftNav + section.post table.bsc.tal tbody select.full {width: 100%;}
.leftNav + section.post table.bsc.tal tbody select.min {width: 112px;}

.leftNav + section.post table.bsc.tal tbody textarea {width: 787px;}

	/* table. tal - mob */
	body.mob table.bsc.tal tbody .chkB {margin-left: 0;}


/* table view */

table.bsc.viw tr th {background-color: transparent;}
table.bsc.viw tr th > div {position: relative;}
table.bsc.viw tr th .subject {margin-bottom: 25px; line-height: 1.2em; font-size: 22px; color: #262626; font-weight: 500;}
table.bsc.viw tr th .info {margin-top: 10px;}
table.bsc.viw tr th .info span {position: relative; margin-left: 10px; padding-left: 10px; line-height: 1.2em; font-size: 16px; color: #999;}
table.bsc.viw tr th .info span:after {display: block; content: ""; position: absolute; top: 3px; left: 0; width: 1px; height: 14px; background-color: #e4e4e4;}
table.bsc.viw tr th .info span.fst {margin-left: 0; padding-left: 0;}
table.bsc.viw tr th .info span.fst:after {display: none;}
table.bsc.viw tr th .file {position: absolute; bottom: 0; right: 20px; padding-left: 25px; background: url(../img/sub/icnAddFile.png) 0 center no-repeat;}
table.bsc.viw tr th .file {font-size: 16px; color: #000; font-weight: 500;}
table.bsc.viw tr th .file a {font-size: 16px; color: #1373b3; border-bottom: 1px solid #1373b3; transition: all .3s;}
table.bsc.viw tr th .file a:hover,
table.bsc.viw tr th .file a:focus {opacity: .4;}

table.bsc.viw tr.cont td > div {min-height: 400px; font-size: 18px; color: #666;}
table.bsc.viw tr.cont td > em {font-size: 16px; color: #666;padding:2px 10px 5px 10px;background-color:#eaeaea}


/* table. info */

table.bsc.info {border-top: 1px solid #d8d8d8; text-align: left;}
table.bsc.info tr th,
table.bsc.info tr td {padding: 15px 0;}
table.bsc.info tr th > div,
table.bsc.info tr td > div {padding: 0 20px;}
table.bsc.info tr th > div,
table.bsc.info tr td > div,
table.bsc.info tr td > div a {font-size: 20px;}
table.bsc.info tr td > div,
table.bsc.info tr td > div a {color: #666;}

	/* table. info - mob */
	body.mob table.bsc.info tr th > div,
	body.mob table.bsc.info tr td > div,
	body.mob table.bsc.info tr td > div a {font-size: 18px;}


/* table. head */

.tbl-hd {position: relative;}
.tbl-hd.line {margin-top: 50px; padding-top: 50px; border-top: 1px solid #e7e7e7;}
.tbl-hd select {padding: 7px 27px 7px 15px; width: 135px; height: 45px; font-size: 18px; color: #b5b5b5; border: 2px solid #e1e1e1; transition: all .5s;}
.tbl-hd select:hover {border-color: #bbb; z-index: 1;}
.tbl-hd select:focus {border: 2px solid #000 !important; z-index: 2;}

.tbl-hd .box {position: relative; padding: 25px 30px; border: 1px solid #d9d9d9; margin-bottom: 20px;}
.tbl-hd .box,
.tbl-hd .box .subject,
.tbl-hd .box span {line-height: 1.2em; font-size: 25px;}
.tbl-hd .box span {color: #999;}
.tbl-hd .box span em {color: #ea6931;}
.tbl-hd .box span.date{font-size: 18px;}

.tbl-hd .box .desc {margin-top: 20px; line-height: 1.6em; font-size: 16px; color: #666;}
.tbl-hd .box .zip {margin-top: 25px; padding-bottom: 3px; font-size: 16px; color: #1373b3; font-weight: 500; border-bottom: 1px solid #1373b3;}

.tbl-hd .box .Initial {position: absolute; top: 50%; right: 30px; margin-top: -22.5px; padding: 0 15px; background-color: #f7f7f7; border: 1px solid #d8d8d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.tbl-hd .box .Initial:hover,
.tbl-hd .box .Initial:focus {border-color: #000;}
.tbl-hd .box .Initial span {padding-left: 25px; line-height: 43px; font-size: 18px; color: #999; font-weight: 500; background: url(../img/sub/icnInitial.png) 0 center no-repeat;}
.tbl-hd .box .select {position: absolute; top: 50%; right: 20px; margin-top: -22.5px;}

.tbl-hd .tbl-sch {position: absolute; top: 0; right: 0; font-size: 0;}
.tbl-hd .tbl-sch select {margin-right: -2px; border-radius: 3px 0 0 3px;}
.tbl-hd .tbl-sch select,
.tbl-hd .tbl-sch .input {display: inline-block; vertical-align: top;}
.tbl-hd .tbl-sch .input input {width: 271px; border: 2px solid #e1e1e1; transition: all .5s;}
.tbl-hd .tbl-sch .input input:hover {border-color: #bbb; z-index: 1;}
.tbl-hd .tbl-sch .input input:focus {border: 2px solid #000 !important; z-index: 2;}
.tbl-hd .tbl-sch .sch {margin-left: 5px; width: 95px; background-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.tbl-hd .tbl-sch .sch span {padding-right: 25px; line-height: 45px; font-size: 18px; color: #fff; background: url(../img/sub/btnSearchWhite.png) right center no-repeat;}
.tbl-hd .tbl-sch .sch:hover,
.tbl-hd .tbl-sch .sch:focus {opacity: .6;}


/* table. body */

.tbl-bd {}
.tbl-bd .wr {position: absolute; top: 30px; right: 20px; font-size: 14px; color: #d0d0d0;}
.tbl-bd .new .subject {position: relative; padding-right: 20px; color: #666; font-weight: bold;}
.tbl-bd .new .subject:after {display: block; content: "N"; position: absolute; top: 2px; right: 0; font-family: 'Roboto', 'Noto', 'Malgun Gothic', 'Dotum', sans-serif !important;  font-size: 16px; color: #000; font-weight: 900;}


/* table. body. gallery */

.tbl-bd ul.gall {margin-top: 50px; margin-right: -21px;}
.tbl-bd ul.gall li {margin: 0 21px 21px 0;}
.tbl-bd ul.gall li > div {width: 319px; height: 429px;}
.tbl-bd ul.gall li > a,
.tbl-bd ul.gall li > div > a,
.tbl-bd ul.gall li .info > a {display: block; padding: 20px; height: 100%; box-sizing: border-box; transition: all 1s; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid #d8d8d8;}
.tbl-bd ul.gall li > a:hover,
.tbl-bd ul.gall li > a:focus,
.tbl-bd ul.gall li > div > a:hover,
.tbl-bd ul.gall li > div > a:focus,
.tbl-bd ul.gall li .info > a:hover, 
.tbl-bd ul.gall li .info > a:focus {box-shadow: 0 5px 120px rgba(0,0,0,.1); border-color: #000;}

.tbl-bd ul.gall li .info {height: 359px;}
.tbl-bd ul.gall li .thumb {position: relative; height: 186px; overflow: hidden;}
.tbl-bd ul.gall li .txt {margin-top: 15px;}
.tbl-bd ul.gall li .state,
.tbl-bd ul.gall li .type {margin-bottom: 15px; line-height: 1.2em; font-size: 20px; color: #000; font-weight: bold;}
.tbl-bd ul.gall li .subject {margin-bottom: 5px; max-width: 100%; line-height: 1.2em; font-size: 26px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbl-bd ul.gall li .desc {max-width: 100%; height: 2.4em; line-height: 1.2em; font-size: 18px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.tbl-bd ul.gall li .date {font-size: 16px; color: #acacac;}
.tbl-bd ul.gall li .star {width: 98px; height: 18px; background-image: url(../img/sub/imgStar02.png);}
.tbl-bd ul.gall li .star em {background-image: url(../img/sub/imgStar02Full.png);}
.tbl-bd ul.gall li .bot {border-top: 1px solid #d8d8d8;}
.tbl-bd ul.gall li .bot .more {display: block; padding: 0 50px 0 20px; line-height: 66px; font-size: 20px; color: #000; background: #f7f7f7 url(../img/sub/icnTableUlMore.png) 93% center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #f7f7f7;}
.tbl-bd ul.gall li .bot .more:hover,
.tbl-bd ul.gall li .bot .more:focus {border-bottom-color: #000;}

	/* table. body - mob */
	body.mob .tbl-bd ul.gall li > div {width: 327px;}
	body.mob .tbl-bd ul.gall li .info a {padding: 20px 25px;}


/* table. body. webzine */

.tbl-bd ul.webzine {margin-top: 30px; border-top: 2px solid #000; border-bottom: 1px solid #d8d8d8;}
.tbl-bd ul.webzine li {border-top: 1px solid #d8d8d8;}
.tbl-bd ul.webzine li:first-child {border-top: 0;}
.tbl-bd ul.webzine li > a {display: block; position: relative; padding: 30px 0; line-height: 144px;}
.tbl-bd ul.webzine li .thumb {position: absolute; top: 30px; left: 0; width: 259px; height: 144px; overflow: hidden;}
.tbl-bd ul.webzine li .txt {display: inline-block; padding: 0 95px 0 290px; width: 100%; box-sizing: border-box; vertical-align: middle;}
.tbl-bd ul.webzine li .subject {display: inline-block; margin-bottom: 15px; max-width: 90%; line-height: 1.2em; font-size: 24px; color: #000; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbl-bd ul.webzine li .desc {max-width: 100%; max-height: 2.8em; line-height: 1.4em; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.tbl-bd ul.webzine li .date {position: absolute; top: 50%; right: 0; margin-top: -11px; width: 95px; line-height: 22px; font-size: 16px; color: #999; text-align: center;}


/* table. body. qna */

.tbl-bd ul.qna {margin-top: 50px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.tbl-bd ul.qna li {border-top: 1px solid #d8d8d8;}
.tbl-bd ul.qna li:first-child {border-top: 0 !important;}
.tbl-bd ul.qna li > div {display: block; position: relative; padding: 20px;}
.tbl-bd ul.qna li .thumb {position: absolute; top: 20px; left: 20px; width: 134px; height: 106px; overflow: hidden;}
.tbl-bd ul.qna li .txt {min-height: 100px;}
.tbl-bd ul.qna li .subject,
.tbl-bd ul.qna li .subject a {margin-bottom: 10px; line-height: 1.2em; font-size: 18px; color: #000;}
.tbl-bd ul.qna li .subject a {max-width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbl-bd ul.qna li .subject span {margin-left: 10px; font-size: 16px; color: #666;}
.tbl-bd ul.qna li .subject span em {color: #ea6931;}
.tbl-bd ul.qna li .desc {line-height: 1.6em; font-size: 16px; color: #666;}

.tbl-bd ul.qna li .q .txt {padding: 3px 0 0 35px; background: url(../img/sub/icnQnaQ.png) 0 0 no-repeat;}


/* table. footer */

.tbl-ft {}
.tbl-ft .pager {margin-top: 50px; padding-top: 50px; border-top: 1px solid #e7e7e7; text-align: center;}

/*.tbl-ft .pager a {margin: 0 2px; padding: 0 2px; min-width: 60px; line-height: 28px; font-family: 'Lato', 'Noto', 'Malgun Gothic', 'Dotum', sans-serif; font-size: 12px; color: #b5b5b5; font-weight: bold; background-color: #fff; border: 2px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.tbl-ft .pager a:hover {color: #b99978;}
.tbl-ft .pager ul {display: inline-block; vertical-align: top;}
.tbl-ft .pager ul li {display: inline-block; vertical-align: top;}
.tbl-ft .pager ul li a {min-width: 24px; font-size: 15px; color: #515151;}
.tbl-ft .pager ul li.on a {color: #b99978;}*/

.tbl-ft .pager,
.tbl-ft .pager ul {text-align: center;}
.tbl-ft .pager a {margin: 0 10px; line-height: 21px; font-family: 'Lato', 'Noto', 'Malgun Gothic', 'Dotum', sans-serif !important; font-weight: 400;}
.tbl-ft .pager a.prev,
.tbl-ft .pager a.next {font-size: 12px; color: #000; font-weight: 900; transition: all .3s;}
.tbl-ft .pager a.prev {margin-right: 20px;}
.tbl-ft .pager a.next {margin-left: 20px;}
.tbl-ft .pager a.prev:hover,
.tbl-ft .pager a.prev:focus,
.tbl-ft .pager a.next:hover,
.tbl-ft .pager a.next:focus {opacity: .4;}
.tbl-ft .pager ul,
.tbl-ft .pager li {display: inline-block; vertical-align: top;}
.tbl-ft .pager li a {font-size: 15px; color: #666; font-weight: 600; transition: all .5s;}
.tbl-ft .pager li a:hover,
.tbl-ft .pager li a:focus,
.tbl-ft .pager li.on a {color: #000;}
.tbl-ft .pager li a:hover,
.tbl-ft .pager li a:focus {opacity: .4;}
.tbl-ft .pager li.on a {opacity: 1;}

.tbl-ft .vieCtrl {margin-top: 50px; border-top: 1px solid #d9d8d8; border-bottom: 1px solid #d9d8d8;}
.tbl-ft .vieCtrl dl {position: relative; border-top: 1px solid #d9d8d8;}
.tbl-ft .vieCtrl dl:first-child {border-top: 0;}
.tbl-ft .vieCtrl dl dt {position: absolute; top: 0; left: 0; padding: 0; width: 140px; line-height: 60px; font-size: 18px; color: #262626; font-weight: 500; background-color: #f7f7f7; text-align: center;}
.tbl-ft .vieCtrl dl dd {position: relative; padding: 0 120px 0 150px;}
.tbl-ft .vieCtrl dl dd,
.tbl-ft .vieCtrl dl dd a {line-height: 60px; font-size: 18px; color: #666;}
.tbl-ft .vieCtrl dl dd a:hover {color: #000;}
.tbl-ft .vieCtrl dl dd .date {position: absolute; top: 0; right: 0; width: 120px; line-height: 60px; font-size: 16px; color: #c1c1c1; text-align: center;}

.tbl-ft .comment {position: relative; margin-top: 55px;}
.tbl-ft .comment .total {font-size: 18px; color: #666;}
.tbl-ft .comment .total em {color: #000;}
.tbl-ft .comment .caption {position: absolute; top: 1px; right: 0; font-size: 16px; color: #999;}
.tbl-ft .comment .textarea {position: relative; margin-top: 25px; padding-right: 125px;}
.tbl-ft .comment .textarea textarea {height: 85px; border-color: #dbdbdb;}
.tbl-ft .comment .textarea .btn {position: absolute; top: 0; right: 0; min-width: 95px; height: 107px; line-height: 107px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.tbl-ft .comment .list {margin-top: 50px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.tbl-ft .comment .list ul {}
.tbl-ft .comment .list ul li {padding: 20px 0; border-top: 1px solid #d8d8d8;}
.tbl-ft .comment .list ul li:first-child {border-top: 0;}
.tbl-ft .comment .list ul li > div {padding: 0 5px;}
.tbl-ft .comment .list ul li .info{}
.tbl-ft .comment .list ul li .info span {position: relative; margin-left: 10px; padding-left: 10px; line-height: 1.2em; font-size: 16px; color: #999;}
.tbl-ft .comment .list ul li .info span:after {display: block; content: ""; position: absolute; top: 3px; left: 0; width: 1px; height: 14px; background-color: #e4e4e4;}
.tbl-ft .comment .list ul li .info span.fst {margin-left: 0; padding-left: 0;}
.tbl-ft .comment .list ul li .info span.fst:after {display: none;}
.tbl-ft .comment .list ul li .info .wr {line-height: 1.2em; font-size: 16px; color: #000;}
.tbl-ft .comment .list ul li .txt {font-size: 16px; color: #666;}

	/* table. footer - mob */
	body.mob .tbl-ft .comment .caption {position: static; margin-top: 10px;}
	body.mob .tbl-ft .comment .textarea textarea {width: 564px !important;}



/* nicks hands */

section.post .service ul {text-align: center;}
section.post .service ul li {width: 12.5%;}
section.post .service ul li a {display: block; position: relative; margin-left: -1px; padding-top: 85px; height: 32px; font-size: 16px; color: #000; font-weight: 500; background-position: center 21px; background-repeat: no-repeat;}
/*section.post .service ul li a:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #d8d8d8; transition: all .5s;}*/
section.post .service ul li a:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0px solid #d8d8d8; transition: all .5s;}
section.post .service ul li a:hover,
section.post .service ul li a:focus,
section.post .service ul li.on a {color: #000;font-size: 18px;font-weight: 700;}
section.post .service ul li a:hover:after,
section.post .service ul li a:focus:after,
/* section.post .service ul li.on a:after {border-color: #000; border-width: 5px;}*/
section.post .service ul li.on a:after {border-color: #000; border-width: 0px;}

section.post .service ul li.i01 a {background-image: url(../img/sub/icnService01.png);}
section.post .service ul li.i02 a {background-image: url(../img/sub/icnService02.png);}
section.post .service ul li.i03 a {background-image: url(../img/sub/icnService03.png);}
section.post .service ul li.i04 a {background-image: url(../img/sub/icnService04.png);}
section.post .service ul li.i05 a {background-image: url(../img/sub/icnService05.png);}
section.post .service ul li.i06 a {background-image: url(../img/sub/icnService06.png);}
section.post .service ul li.i07 a {background-image: url(../img/sub/icnService07.png);}
section.post .service ul li.i08 a {background-image: url(../img/sub/icnService08.png);}

section.post .service ul li.i01 a:hover,
section.post .service ul li.i01.on a {background-image: url(../img/sub/icnService01On.png);}
section.post .service ul li.i02 a:hover,
section.post .service ul li.i02.on a {background-image: url(../img/sub/icnService02On.png);}
section.post .service ul li.i03 a:hover,
section.post .service ul li.i03.on a {background-image: url(../img/sub/icnService03On.png);}
section.post .service ul li.i04 a:hover,
section.post .service ul li.i04.on a {background-image: url(../img/sub/icnService04On.png);}
section.post .service ul li.i05 a:hover,
section.post .service ul li.i05.on a {background-image: url(../img/sub/icnService05On.png);}
section.post .service ul li.i06 a:hover,
section.post .service ul li.i06.on a {background-image: url(../img/sub/icnService06On.png);}
section.post .service ul li.i07 a:hover,
section.post .service ul li.i07.on a {background-image: url(../img/sub/icnService07On.png);}
section.post .service ul li.i08 a:hover,
section.post .service ul li.i08.on a {background-image: url(../img/sub/icnService08On.png);}

section.post .nicksH ul {text-align: center;}
section.post .nicksH ul li {margin-left: 19px; width: 454px;}
section.post .nicksH ul li > div {height: 379px; border: 1px solid #ebebeb;}
section.post .nicksH ul li .thumb {height: 213px; overflow: hidden;}
section.post .nicksH ul li .txt {padding: 30px 10px 10px; text-align: center;}
section.post .nicksH ul li .desc {font-size: 18px; color: #000;}
section.post .nicksH ul li .desc em {display: inline-block; margin-bottom: 10px; font-size: 20px; color: #000; font-weight: bold; vertical-align: top;}

section.post .nickH-serv {margin-top: 80px; padding-top: 70px; border-top: 1px solid #e5e5e5;}
section.post .nickH-serv ul {margin: 0 0 50px 0;}
section.post .nickH-serv ul li {margin-left: 21px;}
section.post .nickH-serv ul li a {display: block; position: relative; width: 263px; height: 237px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden;}
section.post .nickH-serv ul li .thumb {width: 100%; height: 100%; overflow: hidden; border-radius: 8px;}
section.post .nickH-serv ul li .thumb img {transition: all .5s; border-radius: 8px;}
section.post .nickH-serv ul li .txt {position: absolute; top: 0; left: 0; padding: 10px; width: 243px; height: 217px; line-height: 217px; background: url(../img/sub/bgMask.png) 0 0 repeat; text-align: center; transition: all .5s;}
section.post .nickH-serv ul li .txt span {margin-top: -5px; line-height: 1.2em; font-size: 20px; color: #fff; vertical-align: middle;letter-spacing: inherit; transition: all .5s;}
section.post .nickH-serv ul li a:hover .txt,
section.post .nickH-serv ul li a:focus .txt {opacity: .8;}
section.post .nickH-serv ul li a:hover .txt span,
section.post .nickH-serv ul li a:focus .txt span {letter-spacing: 1px;}

	/* nicks hands - mob */
	body.mob section.post .service ul li a {letter-spacing: -1.6px;}

	body.mob section.post .nicksH ul li {float: none; margin: 10px auto !important;}

	body.mob section.post .nickH-serv ul {margin-right: -13px;}
	body.mob section.post .nickH-serv ul li {margin: 0 13px 13px 0;}
	body.mob section.post .nickH-serv ul li a {width: 218px; height: 196px;}
	body.mob section.post .nickH-serv ul li .txt {width: 198px; height: 176px; line-height: 176px; border-radius: 8px;}


/* nicks hands. search */

.nicksH-sch {margin-top: 25px; text-align: center;}
.nicksH-sch .input {display: inline-block; font-size: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: top;}
.nicksH-sch .input span + span { margin-left: -2px;}
.nicksH-sch .input span input {padding: 9px 10px; width: 260px; border-color: transparent; border: 2px solid #e1e1e1; border-radius: 3px 0 0 3px; height: 23px;}
.nicksH-sch .input span input.place {padding-left: 35px; width: 235px; background: #fff url(../img/sub/icnPlace.png) 10px center no-repeat; border: 2px solid #e1e1e1; border-radius: 0 3px 3px 0; }
.nicksH-sch .input span input.place2 {width: 315px;}
.nicksH-sch .input span input:hover,
.nicksH-sch .input span input:focus,
.nicksH-sch .input span select:hover,
.nicksH-sch .input span select:focus { border-color: #aaa; z-index: 1;}
.nicksH-sch .input span:hover + span input,
.nicksH-sch .input span:hover + span select {border-left-color: #aaa;}
.nicksH-sch .input:hover span:not(:last-child) input,
.nicksH-sch .input:hover span:not(:last-child) select { border-right-color: #aaa;}
.nicksH-sch .input span input:focus {border: 2px solid #000 !important; z-index: 2;}
.nicksH-sch .input span select {height: 45px; color: #b5b5b5; background-image: url(../img/common/icnSelect.png); border-width: 2px; border-radius: 3px 0 0 3px;}
.nicksH-sch .input span select:focus {border-width: 2px !important; z-index: 2;}
.nicksH-sch .input span + span select {border-radius: 0;}
.nicksH-sch .input span select.sel1 {width: 175px;}
.nicksH-sch .input span select.sel2 {width: 160px;}
.nicksH-sch .input span select.sel3 {width: 135px;}

.nicksH-sch .sch {margin-left: 2px; width: 95px; height: 45px; background-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.nicksH-sch .sch:hover,
.nicksH-sch .sch:focus {transform: scale(1.02);}
.nicksH-sch .sch.brown {background-color: #b99978;}
.nicksH-sch .sch span {padding-right: 25px; line-height: 45px; font-size: 18px; color: #fff; font-weight: 500; background: url(../img/sub/btnSearchWhite.png) right center no-repeat;}

	/* nicks hands. search - mob */
    body.mob .nicksH-sch {width: 466px; margin: 0 auto;}
    body.mob .nicksH-sch .input input {width: 240px;}
    body.mob .nicksH-sch .input span:last-child {margin-top: 10px; float: left; margin-left: 0;}
	body.mob .nicksH-sch .input input.place {width: 315px;}
    body.mob .nicksH-sch .sch {float: right; margin-top: -45px;}
body.mob .nicksH-sch .input:hover span:nth-child(3) select {border-radius: 0 3px 3px 0;}
body.mob .nicksH-sch .input:hover span:nth-child(3) select {border-right-color: #e1e1e1;}
body.mob .nicksH-sch .input span:nth-child(3):hover select {border-right-color: #aaa;}
body.mob .nicksH-sch .input span:nth-child(3) + span input {border-radius: 3px;}
body.mob .nicksH-sch .input span:nth-child(3):hover + span input {border-left-color: #e1e1e1;}


/* nicks hands. popup */

.popup.nicksH .panel .chk-area {margin-top: 40px; text-align: center;}
.popup.nicksH .panel .chk-area .chkB {margin: 5px 20px; text-align: left;}
.popup.nicksH .panel .chk-area .chkB input + label {padding-left: 35px !important; font-size: 18px;}

.popup.nicksH .panel .nicksH-sch {margin-top: 50px;}

	/* nicks hands. popup - mob */
	body.mob .popup.nicksH .panel .chk-area .chkB {width: 140px;}


/* co-info */

section.post .co-info {position: relative; margin-bottom: 50px;}
section.post .co-info .thumb {position: absolute; top: 0; left: 0; width: 419px; height: 239px; line-height: 239px; background: #fff url(../img/sub/imgNoneLogo.png) center center no-repeat; border: 1px solid #e9e9e9; text-align: center; overflow: hidden;}
section.post .co-info .thumb img {vertical-align: middle;}

section.post .co-info .txt {position: relative; padding: 20px 0 0 450px; height: 221px; overflow: hidden;}
section.post .co-info .name {margin-bottom: 15px; padding-bottom: 15px; line-height: 1.2em; font-size: 30px; color: #000; background: url(../img/sub/icnCoNameLine.png) 0 bottom no-repeat;}
section.post .co-info .name span {font-size: 25px; color: #666; font-weight: 500;}
section.post .co-info .star {margin: 5px 0 0 5px; width: 155px; height: 28px; background-image: url(../img/sub/imgStar03.png);}
section.post .co-info .star em {background-image: url(../img/sub/imgStar03Full.png);}
section.post .co-info .desc {line-height: 1.6em; font-size: 20px; color: #999; font-weight: 300;}

section.post .co-info .follow {position: absolute; top: 20px; right: 0;}
section.post .co-info .follow .count {display: inline-block; margin-right: 10px; vertical-align: top;}
section.post .co-info .follow .count span {padding-left: 18px; line-height: 30px; font-size: 15px; color: #999; font-weight: 300; background: url(../img/sub/icnFollowLine.png) 8px center no-repeat;}
section.post .co-info .follow .count span:first-child {padding-left: 0; background: none;}
section.post .co-info .follow .btn {min-width: 71px; background-color: #fff; border: 1px solid #e4e4e4;}
section.post .co-info .follow .btn,
section.post .co-info .follow .btn span {line-height: 30px; font-size: 14px; color: #000; font-weight: 500;}
section.post .co-info .follow .btn.add {background-color: #f9f9f9;}
section.post .co-info .follow .btn.add span {padding-right: 15px; background: url(../img/sub/icnFollow.png) right center no-repeat;}
section.post .co-info .follow .btn:hover,
section.post .co-info .follow .btn:focus {border-color: #000;}

section.post .co-info .co-btn {margin-left: 10px;}

section.post .co-info table.bsc.info {margin-top: 50px;}

	/* co-info - mob */ 
	body.mob section.post .co-info .thumb {position: relative; width: 678px;}
	body.mob section.post .co-info .txt {padding: 70px 0 0; height: 100%;}

	body.mob section.post .co-info .follow {top: 10px; width: 100%; text-align: right;}
	body.mob section.post .co-info .follow .count {position: absolute; top: 0; left: 0;}

	body.mob section.post .co-info .co-btn {margin: 30px 0 0;}

	body.mob section.post .co-info table.bsc.info {margin-top: 15px;}


/* co-bot */

section.post .co-bot {margin-top: 50px; padding-top: 50px; border-top: 1px solid #ebebeb;}
section.post .co-bot .button {margin-top: 70px;}


/* co-blog */
section.post .co-blog {position: relative;}
section.post .co-blog .thumb {position: absolute; top: 0; left: 0; width: 569px; height: 311px; background-color: #fff; text-align: center; overflow: hidden; z-index: 1;}
section.post .co-blog .thumb a {display: block; width: 100%; height: 100%; overflow: hidden;}
section.post .co-blog .thumb a:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom left, rgba(0,0,0,.4) 20%, rgba(0,0,0,0) 100%); opacity: 0; transition: all .3s;}
section.post .co-blog .thumb .date {transition: all .3s;}
section.post .co-blog .thumb.rt a:before {background: linear-gradient(to top left, rgba(0,0,0,.4) 20%, rgba(0,0,0,0) 100%); }
section.post .co-blog .thumb a img {transition: all 1s;}
section.post .co-blog .thumb a:hover:before,
section.post .co-blog .thumb a:focus:before {opacity: 1;}
section.post .co-blog .thumb.lt a:hover .date,
section.post .co-blog .thumb.lt a:focus .date {top: 25px;}
section.post .co-blog .thumb.rt a:hover .date,
section.post .co-blog .thumb.rt a:focus .date {bottom: 25px;}
section.post .co-blog .txt {position: relative; padding-left: 615px;}
section.post .co-blog .date {margin-bottom: 20px; line-height: 1.2em; font-size: 30px; color: #999; font-weight: 300;}
section.post .co-blog .subject,
section.post .co-blog .subject a {max-width: 100%; height: 2.8em; font-size: 30px; color: #000; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s;}
section.post .co-blog .subject a:hover {color: #b99978;}
section.post .co-blog .subject em {font-weight: 400;}
section.post .co-blog .desc {display: -webkit-box !important; margin-top: 25px; padding-top: 25px; height: 6.4em; line-height: 1.6em; font-size: 18px; color: #000; border-top: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}

section.post .co-blog ul.i-sns {display: inline-block; margin-left: 15px; vertical-align: top;}

section.post .co-blog .bl-btn {position: absolute; top: 0; right: 0;}
section.post .co-blog .bl-btn .comm {display: inline-block; padding-right: 25px; line-height: 22px; font-size: 15px; color: #666; background: url(../img/sub/icnComments.png) right center no-repeat; vertical-align: top;}
section.post .co-blog .bl-btn .comm em {color: #b99978;}

	/* co-blog - mob */ 
	body.mob section.post .co-blog .thumb {position: relative; width: 100%;}
	body.mob section.post .co-blog .txt {margin-top: 30px; padding-left: 0;}


/* project slide */

section.post .projSlide {padding: 0 66px;}
section.post .projSlide ul {}
section.post .projSlide ul li {margin-right: 20px; width: 302px !important;}
section.post .projSlide ul li > a {display: block;}
section.post .projSlide ul li > a img {transition: all .5s;}
section.post .projSlide ul li > a:hover img,
section.post .projSlide ul li > a:focus img {transform: scale(1.02);}
section.post .projSlide ul li .thumb {height: 172px; overflow: hidden;}
section.post .projSlide ul li .txt {margin-top: 5px;}
section.post .projSlide ul li .subject {max-width: 100%; font-size: 16px; color: #333d49; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section.post .projSlide ul li .desc {display: -webkit-box !important; height: 44px; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

section.post .bx-wrapper .bx-pager.bx-default-pager a {background: url(../img/sub/btnPager03Off.png) center center no-repeat;}
section.post .bx-wrapper .bx-pager.bx-default-pager a.active {background: url(../img/sub/btnPager03On.png) center center no-repeat;}

section.post .projSlide .bx-wrapper .bx-controls-direction a {margin-top: -60px; width: 46px; height: 46px; box-sizing: border-box; border: 1px solid #eee;}
section.post .projSlide .bx-wrapper .bx-prev {left: 0; margin-left: -66px; background: url(../img/sub/btnPrev02.png) center center no-repeat;}
section.post .projSlide .bx-wrapper .bx-next {right: 0; margin-right: -66px; background: url(../img/sub/btnNext02.png) center center no-repeat;}
section.post .projSlide .bx-wrapper a:hover,
section.post .projSlide .bx-wrapper a:focus {border-color: #000;}

	/* project slide - mob */ 
	body.mob section.post .projSlide ul li {width: 264px !important;}
	body.mob section.post .projSlide ul li .thumb {height: 150px;}


/* store list */

section.post .storeList {}
section.post .storeList ul {float: left; margin-left: 25px;}
section.post .storeList ul:first-child {margin-left: 0 !important;}
section.post .storeList ul li {margin-bottom: 25px; width: 231px;}
section.post .storeList ul li > a {position: relative; overflow: hidden;}
section.post .storeList ul li > a + a {margin-top: 25px;}
section.post .storeList ul li > a:before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(to right top, rgba(0,0,0,.4) 20%, rgba(0,0,0,0) 100%); opacity: 0; transition: all .3s;}
section.post .storeList ul li > a:first-child {margin-top: 0 !important;}
section.post .storeList ul li img {transition: all .5s;}
section.post .storeList ul li .txt {position: absolute; left: 25px; bottom: 25px; line-height: 1.2em; font-size: 20px; color: #000; transition: all .3s;}
section.post .storeList ul li .txt.white {color: #fff;}
section.post .storeList ul li > a:hover:before,
section.post .storeList ul li > a:focus:before {opacity: 1;}
section.post .storeList ul li > a:hover .txt,
section.post .storeList ul li > a:focus .txt {bottom: 40px; color: #fff;}

section.post .storeList ul.stL1_3,
section.post .storeList ul.stL1_3 li.big {width: 487px;}
section.post .storeList ul.stL1_3 li.big + li + li {margin-left: 25px;}

section.post .storeList .btn.loadMore span {line-height: 50px;}

	/* store list - mob */
	body.mob section.post .storeList ul {margin-left: 8px;}
	body.mob section.post .storeList ul li {margin-bottom: 10px; width: 164px;}
	body.mob section.post .storeList ul li > a + a {margin-top: 10px;}
	body.mob section.post .storeList ul li .txt {left: 10px; bottom: 10px;}

	body.mob section.post .storeList ul.stL1_3,
	body.mob section.post .storeList ul.stL1_3 li.big {width: 336px;}
	body.mob section.post .storeList ul.stL1_3 li.big + li + li {margin-left: 8px;}


/* store view*/

section.post .storeV {}
section.post .storeV .top {margin-bottom: 60px;}

section.post .storeV .sale {display: inline-block; margin-right: 10px; line-height: 25px; font-size: 20px; color: #ea6931; font-weight: bold; vertical-align: top;}
section.post .storeV .sale em {display: inline-block; font-size: 25px; vertical-align: top;}
section.post .storeV .price {display: inline-block; line-height: 25px; font-size: 16px; color: #000; vertical-align: top;}
section.post .storeV .price em {display: inline-block; margin-right: 2px; font-size: 20px; font-weight: bold; vertical-align: top;}
section.post .storeV .price .strike {color: #bbb; font-weight: 500; text-decoration: line-through;}

section.post .storeV .sale.big {line-height: 60px; font-size: 32px;}
section.post .storeV .sale.big em {font-size: 51px;}
section.post .storeV .price.big {font-size: 20px;}
section.post .storeV .price.big em {font-size: 25px;}
section.post .storeV .price.big .strike {font-size: 18px;}


/* store view. top */

section.post .storeV .stV-info {position: relative; width: 300px;}
section.post .storeV .stV-info .loca {margin-bottom: 20px; padding-top: 8px;}
section.post .storeV .stV-info .loca,
section.post .storeV .stV-info .loca a {font-size: 14px; color: #999;}
section.post .storeV .stV-info .loca .color {color: #ea6931;}
section.post .storeV .stV-info .like {position: absolute; top: 0; right: 0; width: 35px; height: 35px; background: url(../img/sub/btnLikeOff.png) center center no-repeat;}
section.post .storeV .stV-info .like:hover,
section.post .storeV .stV-info .like:focus {opacity: .4;}
section.post .storeV .stV-info .like.on {background: url(../img/sub/btnLikeOn.png) center center no-repeat;}
section.post .storeV .stV-info .name {margin-bottom: 20px; padding-bottom: 15px; font-size: 26px; color: #000; border-bottom: 1px solid #ccc;}
section.post .storeV .stV-info .name span {font-size: 20px; color: #666;}
section.post .storeV .stV-info .star {margin-top: 3px; width: 98px; height: 18px; background-image: url(../img/sub/imgStar02.png);}
section.post .storeV .stV-info .star em {background-image: url(../img/sub/imgStar02Full.png);}
section.post .storeV .stV-info dl {position: relative; margin: 2px 0;}
section.post .storeV .stV-info dl dt,
section.post .storeV .stV-info dl dd {font-size: 16px;}
section.post .storeV .stV-info dl dt {position: absolute; top: 0; left: 0; color: #000;}
section.post .storeV .stV-info dl dd {padding-left: 40px; color: #666;}
section.post .storeV .stV-info ul.i-sns {margin-top: 25px;}
section.post .storeV .stV-info ul.i-sns li a {margin: 0 2px;}

section.post .storeV .stV-img {margin-left: 30px; width: 740px;}
section.post .storeV .stV-img ul.slide {}
section.post .storeV .stV-img ul.slide li {height: 441px; overflow: hidden;}

section.post .storeV .stV-img ul.pager {margin-top: 10px; font-size: 0;}
section.post .storeV .stV-img ul.pager li {margin-left: 10px;}
section.post .storeV .stV-img ul.pager li a {width: 140px; height: 91px; overflow: hidden;}
section.post .storeV .stV-img ul.pager li a img {transition: all .5s;}
section.post .storeV .stV-img ul.pager li a:hover img,
section.post .storeV .stV-img ul.pager li a:focus img {transform: scale(1.05);}

section.post .storeV .stV-img .bx-controls-direction {display: none;}

	/* store view. top - mob */
	body.mob section.post .storeV .stV-info ul.i-sns {position: absolute; top: 5px; right: 45px; margin-top: 0;}

	body.mob section.post .storeV .stV-img {margin-top: 30px;}
	body.mob section.post .storeV .stV-img ul.slide li {height: 405px;}

	body.mob section.post .storeV .stV-img ul.pager li a {width: 128px; height: 83px;}


/* store view. right */

section.post .storeV .stV-rt {float: right; position: relative; margin-left: 30px; width: 300px;}
section.post .storeV .stV-rt .co {margin-bottom: 35px; padding-left: 25px; background: url(../img/sub/icnCo.png) 0 center no-repeat;}
section.post .storeV .stV-rt .co,
section.post .storeV .stV-rt .co a {font-size: 16px; color: #000;}
section.post .storeV .stV-rt .co a {padding-right: 15px; background: url(../img/sub/icnCoArr.png) right center no-repeat;}
section.post .storeV .stV-rt .shipping {position: absolute; top: 0; right: 0; font-size: 16px; color: #999;}
section.post .storeV .stV-rt .select {margin-top: 20px;}
section.post .storeV .stV-rt .select select {padding: 3px 10px; width: 100%; height: 35px; font-size: 16px; background: url(../img/common/icnSelect02.png) 96% center no-repeat;border-color: #ebebeb;}
section.post .storeV .stV-rt .select select:hover {border-color:#aaa;}
section.post .storeV .stV-rt .select select:focus {border-color:#000;}

section.post .storeV .stV-rt ul.selectList {margin-top: 20px; border: 1px solid #e5e5e5;}
section.post .storeV .stV-rt ul.selectList li {position: relative; padding: 20px 10px; background-color: #f9f9f9; border-top: 1px solid #e5e5e5;}
section.post .storeV .stV-rt ul.selectList li:first-child {border-top: 0;}
section.post .storeV .stV-rt ul.selectList li > div {}
section.post .storeV .stV-rt ul.selectList li .delete {position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; background: url(../img/sub/btnStoreDelete.png) center center no-repeat;}
section.post .storeV .stV-rt ul.selectList li .label {margin-bottom: 20px; font-size: 16px; color: #000;}
section.post .storeV .stV-rt ul.selectList li .quantity {position: absolute; left: 10px; bottom: 25px; line-height: 18px; font-size: 16px; color: #000;}
section.post .storeV .stV-rt ul.selectList li .quantity .plus,
section.post .storeV .stV-rt ul.selectList li .quantity .minus {width: 18px; height: 18px; background-position: center center; background-repeat: no-repeat;}
section.post .storeV .stV-rt ul.selectList li .quantity .plus {margin-right: 5px; background-image: url(../img/sub/btnStorePlus.png);}
section.post .storeV .stV-rt ul.selectList li .quantity .minus {margin-left: 5px; background-image: url(../img/sub/btnStoreMinus.png);}
section.post .storeV .stV-rt ul.selectList li .price {display: block; text-align: right;}

section.post .storeV .stV-rt dl {position: relative; margin-top: 40px;}
section.post .storeV .stV-rt dl dt {position: absolute; top: 0; left: 0; font-size: 16px;}
section.post .storeV .stV-rt dl dd {padding-left: 75px; text-align: right;}
section.post .storeV .stV-rt .button {margin-top: 30px; font-size: 0;}
section.post .storeV .stV-rt .button .btn {margin: 0 !important; padding: 0 !important; width: 50%; line-height: 59px; background-color: #000; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; transform-origin: right center;}
section.post .storeV .stV-rt .button .btn.color {background-color: #fff; transform-origin: left center;color:#000;border: 1px solid #000;height:59px}
section.post .storeV .stV-rt .button .btn:hover,
section.post .storeV .stV-rt .button .btn:focus {opacity: .4;}

	/* store view. right - mob */
	body.mob section.post .storeV .stV-rt {margin-top: 30px;}


/* store view. cont */

section.post .storeV .stV-cont {width: 1070px;}
section.post .storeV .stV-cont > div {margin-top: 50px; border-top: 1px solid #e4e4e4;}
section.post .storeV .stV-cont > div:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
section.post .storeV .stV-cont .titleS {margin: 50px 0 15px; padding-left: 10px; font-weight: 500;}
section.post .storeV .stV-cont .titleS span {line-height: 1.2em; font-size: 25px; color: #666; font-weight: 500;}
section.post .storeV .stV-cont .titleS span.mini {font-size: 16px; font-weight: 400;}

section.post .storeV .stV-cont .titleS .star {margin-top: 0; width: 155px; height: 28px; background-image: url(../img/sub/imgStar03.png);}
section.post .storeV .stV-cont .titleS .star em {background-image: url(../img/sub/imgStar03Full.png);}

section.post .storeV .stV-cont .titleS select {margin-left: 5px; padding: 2px 10px; width: 135px; height: 45px; font-size: 18px; color: #b5b5b5; font-weight: 500; border: 2px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
section.post .storeV .stV-cont .titleS select:hover {border-color: #aaa;}
section.post .storeV .stV-cont .titleS select:focus {border-color: #000; border-width: 2px !important;}

section.post .storeV .stV-cont table.bsc.info {margin-top: 10px;}
section.post .storeV .stV-cont table.bsc.info tr th > div,
section.post .storeV .stV-cont table.bsc.info tr td > div,
section.post .storeV .stV-cont table.bsc.info tr td > div a {font-size: 16px;}

section.post .storeV .stV-cont .releSlide {}
section.post .storeV .stV-cont .releSlide ul {}
section.post .storeV .stV-cont .releSlide ul li {margin-right: 20.5px; width: 252px !important;}
section.post .storeV .stV-cont .releSlide ul li > a img {transition: all .5s;}
section.post .storeV .stV-cont .releSlide ul li > a:hover img,
section.post .storeV .stV-cont .releSlide ul li > a:focus img {transform: scale(1.05);}
section.post .storeV .stV-cont .releSlide ul li .thumb {height: 172px; overflow: hidden;}
section.post .storeV .stV-cont .releSlide ul li .txt {margin-top: 5px;}
section.post .storeV .stV-cont .releSlide ul li .type {margin-bottom: 5px; font-size: 16px; color: #333d49; font-weight: 500;}
section.post .storeV .stV-cont .releSlide ul li .subject {display: -webkit-box !important; height: 3.6em; line-height: 1.2em; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-pager {display: none;}

section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-controls-direction a {top: 0; margin-top: -56px; width: 46px; height: 46px;}
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-prev {left: auto; right: 45px; background: url(../img/sub/btnPrev02.png) center center no-repeat; border: 1px solid #eee; box-sizing: border-box;}
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-next {right: 0; background: url(../img/sub/btnNext02.png) center center no-repeat; border: 1px solid #eee; box-sizing: border-box;}
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-prev:hover,
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-prev:focus,
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-next:hover,
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-next:focus {border-color: #000; z-index: 6;}
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-prev:hover + .bx-next,
section.post .storeV .stV-cont .releSlide .bx-wrapper .bx-prev:focus + .bx-next {border-left-color: #000;}

section.post .storeV .stV-cont .tbl-bd ul.webz {border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
section.post .storeV .stV-cont .tbl-bd ul.webz li {border-top: 1px solid #d8d8d8;}
section.post .storeV .stV-cont .tbl-bd ul.webz li:first-child {border-top: 0 !important;}
section.post .storeV .stV-cont .tbl-bd ul.webz li > a {display: block; position: relative; padding: 20px 20px 20px 175px; height: 106px;}
section.post .storeV .stV-cont .tbl-bd ul.webz li .thumb {position: absolute; top: 20px; left: 20px; width: 134px; height: 106px; overflow: hidden;}
section.post .storeV .stV-cont .tbl-bd ul.webz li img { transition: all .5s;}
section.post .storeV .stV-cont .tbl-bd ul.webz li .txt {margin-top: 15px;}
section.post .storeV .stV-cont .tbl-bd ul.webz li .subject {margin-bottom: 10px; padding-right: 285px; line-height: 1.2em; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section.post .storeV .stV-cont .tbl-bd ul.webz li .desc {display: -webkit-box !important; height: 2.8em; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
section.post .storeV .stV-cont .tbl-bd ul.webz li .star {margin: 0 0 0 10px; width: 98px; height: 18px; background-image: url(../img/sub/imgStar02.png);}
section.post .storeV .stV-cont .tbl-bd ul.webz li .star em {background-image: url(../img/sub/imgStar02Full.png);}
section.post .storeV .stV-cont .tbl-bd ul.webz li > a:hover img {transform: scale(1.05);}

section.post .storeV .stV-cont .tbl-bd ul.qna {margin-top: 0;}

section.post .storeV .stV-cont dl.info {margin-top: 25px;}
section.post .storeV .stV-cont dl.info dt {margin-bottom: 10px; color: #333d49; font-weight: 500;}
section.post .storeV .stV-cont dl.info dt,
section.post .storeV .stV-cont dl.info dt span {font-size: 16px;}
section.post .storeV .stV-cont dl.info dt span {color: #999;}
section.post .storeV .stV-cont dl.info dd {line-height: 1.6em; font-size: 16px; color: #666;}


/* blog */

.tbl-bd ul.blg {}  
.tbl-bd ul.blg > li {margin-top: 60px;}
.tbl-bd ul.blg > li:first-child {margin-top: 0;}
.tbl-bd ul.blg li .co-blog {min-height: 569px;}
.tbl-bd ul.blg li .co-blog > div {padding: 0 60px !important; width: 569px !important;}
.tbl-bd ul.blg li .co-blog .thumb {position: static; height: 569px;}
.tbl-bd ul.blg li .co-blog .thumb a {position: relative;}
.tbl-bd ul.blg li .co-blog .txt {padding-top: 90px !important; text-align: center;}
.tbl-bd ul.blg li .co-blog .date {position: absolute; margin-bottom: 0; right: 20px; color: #fff;}
.tbl-bd ul.blg li .co-blog .type {margin-bottom: 30px; font-size: 20px; color: #b99978; font-weight: bold;}
.tbl-bd ul.blg li .co-blog .subject,
.tbl-bd ul.blg li .co-blog .subject a {height: 2.4em; line-height: 1.2em; font-size: 34px;}
.tbl-bd ul.blg li .co-blog .desc {margin-top: 40px; padding-top: 40px; font-size: 20px;}
.tbl-bd ul.blg li .co-blog .bl-btn {position: static; margin-top: 35px;}

.tbl-bd ul.blg li .co-blog .lt .date {top: 20px;}
.tbl-bd ul.blg li .co-blog .rt .date {bottom: 20px;}

	/* blog - mob */
	body.mob .tbl-bd ul.blg li .co-blog > div {margin: 30px auto 0;}
	body.mob .tbl-bd ul.blg li .co-blog .txt {padding-top: 0 !important;}
	body.mob .tbl-bd ul.blg li .co-blog .date {top: 20px !important;}

    body.mob section.post .co-blog .thumb.rt a:before {background: linear-gradient(to bottom left, rgba(0,0,0,.4) 20%, rgba(0,0,0,0) 100%); }


/* customer */

/* customer - notice */

table.bsc.noti tr td {padding: 35px 0;}


/* customer - event */

.tbl-bd ul.gall.event li .subject {margin-bottom: 10px; font-size: 22px;}

.tbl-bd ul.gall.event li.end .thumb:after {display: block; content: "이벤트 종료"; position: absolute; top: 0; left: 0; width: 100%; line-height: 186px; font-size: 25px; color: #999; font-weight: 500; background: url(../img/sub/bgMask.png) 0 0 repeat; text-align: center;}
.tbl-bd ul.gall.event li.end .state {color: #999;}



/* login join */

section.logjoin .title {padding-bottom: 0; border-bottom: 0; text-align: center;}
section.logjoin .label {line-height: 75px; font-size: 20px; color: #000; font-weight: bold;}
section.logjoin .desc {position: relative; margin-bottom: 30px; padding-top: 20px; color: #3c3c3c;}
section.logjoin .desc:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 2px; background-color: #000;}
section.logjoin .desc,
section.logjoin .desc span {line-height: 1.8em; font-size: 16px;}
section.logjoin .desc span {color: #666;}
section.logjoin .caption-txt {margin: 5px 0; padding: 0 10px; font-size: 14px; color: #999; text-align: left;}

section.logjoin .input {position: relative; padding-right: 154px; width: 445px;}
section.logjoin .input input {padding: 18px 20px 19px 20px; width: 403px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
section.logjoin .input input:hover {border-color: #bbb;}
section.logjoin .input input.round {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
section.logjoin .input span {display: block;}
section.logjoin .input span + span {margin-top: 10px;}
section.logjoin .input .chkB {margin-top: 20px;}
section.logjoin .input .chkB input + label {color: #999;}
section.logjoin .input .chkB input + label:hover,
section.logjoin .input .chkB input + label:focus {color: #000;}
section.logjoin .input .button {position: absolute; top: 0; right: 0; margin: 0;}
section.logjoin .input .button .btn {line-height: 130px;}

section.logjoin .btn:hover,
section.logjoin .btn:focus {opacity: .6;}

section.logjoin .caption li {position: relative; margin-top: 10px;}
section.logjoin .caption li:first-child {margin-top: 0;}
section.logjoin .caption li .txt {display: inline-block; margin-right: 10px; padding-left: 30px; min-width: 170px; line-height: 31px; font-size: 16px; color: #000; text-align: left; vertical-align: top;}
section.logjoin .caption li .txt,
section.logjoin .caption li .button {display: inline-block; vertical-align: top;}
section.logjoin .caption li .button {margin: 0;}
section.logjoin .caption li .button .btn {line-height: 31px; font-size: 16px;}
section.logjoin .caption li.id .txt {background: url(../img/sub/icnFindID.png) 0 center no-repeat;}
section.logjoin .caption li.pw .txt {background: url(../img/sub/icnFindPW.png) 0 center no-repeat;}
section.logjoin .caption li.join .txt {background: url(../img/sub/icnJoin.png) 0 center no-repeat;}

section.logjoin .box {position: relative; background-color: #f7f7f7; border: 1px solid #e1e1e1; border-top: 2px solid #000;}
section.logjoin .box .flt > div {position: relative; padding: 40px 50px; width: 50%; min-height: 365px; box-sizing: border-box;}
section.logjoin .box .rt:after {display: block; content: ""; position: absolute; top: 40px; left: 0; width: 1px; height: 80%; background-color: #e5e5e5;}
section.logjoin .box .caption {margin-top: 75px;}
section.logjoin .box .bot {padding: 40px 50px 50px; border-top: 1px solid #e5e5e5;}
section.logjoin .box .bot:first-child {border-top: 0;}

section.logjoin .find {margin: 0 auto; padding-bottom: 150px; width: 1000px;}
section.logjoin .find .input {margin: 0 auto;}
section.logjoin .find .caption {margin-top: 50px; padding-top: 50px; border-top: 1px solid #e1e1e1; text-align: center;}

section.logjoin .step {margin-bottom: 50px;}
section.logjoin .step ul li {width: 20%; background: url(../img/sub/icnJoinStepArr.png) 0 center no-repeat; text-align: center;}
section.logjoin .step ul li > div {display: inline-block; position: relative; padding: 10px 0 0 95px; height: 65px; line-height: 1em;font-size: 20px; color: #000; text-align: left; vertical-align: top;}
section.logjoin .step ul li > div:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 75px; height: 75px; background-color: #e1e1e1; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
section.logjoin .step ul li.on > div:before {background-color: #000;}
section.logjoin .step ul li span {margin-bottom: 10px; font-size: 16px; color: #000; font-weight: 500;}

section.logjoin .step ul li.i01 > div:before {background-image: url(../img/sub/icnJoinStep01.png); background-position: 18px 20px;}
section.logjoin .step ul li.i02 > div:before {background-image: url(../img/sub/icnJoinStep02.png); background-position: 22px 17px;}
section.logjoin .step ul li.i03 > div:before {background-image: url(../img/sub/icnJoinStep03.png); background-position: 18px 15px;}
section.logjoin .step ul li.i04 > div:before {background-image: url(../img/sub/icnJoinStep04.png); background-position: 14px 15px;}
section.logjoin .step ul li.i05 > div:before {background-image: url(../img/sub/icnJoinStep05.png); background-position: center center;}

section.logjoin .chkB.newletter input + label {padding-left: 30px !important; font-size: 16px; color: #999;}
section.logjoin .chkB.newletter input:hover + label,
section.logjoin .chkB.newletter input:focus + label {color: #000;}

section.logjoin .join .flt > div {padding: 40px;}
section.logjoin .join .rt .input {margin: 0 auto; padding: 0; width: 528px; text-align: center;}
section.logjoin .join .rt .input input {padding: 13px 20px 14px 20px; width: 486px;}
section.logjoin .join .rt .chkB {margin: 0 25px 20px;}
section.logjoin .join .rt .chkB input + label {padding-left: 30px !important; font-size: 20px; color: #000; font-weight: 500;}
section.logjoin .join .rt .button {position: static; margin-top: 25px;}
section.logjoin .join .rt .button .btn {padding: 0; width: 100%; line-height: 50px;}
section.logjoin .join .bot {text-align: center;}
section.logjoin .join .bot .label {font-size: 22px; font-weight: 500;}
section.logjoin .join .bot .desc:before {left: 50%; margin-left: -8px;}
section.logjoin .join .bot .login-sns {text-align: center;}
section.logjoin .join .bot .login-sns a {margin: 0 auto 10px ; width: 661px; height: 50px; line-height: 50px; font-size: 18px; color: #000; font-weight: bold;  border: 1px solid #d4dde7; box-sizing: border-box; transition: all .5s;}
section.logjoin .join .bot .login-sns a:focus,
section.logjoin .join .bot .login-sns a:hover {background-color: #fff;}
section.logjoin .join .bot .login-sns a span {height: 100%; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; text-align: left;}
section.logjoin .join .bot .login-sns a.facebook span {padding-left: 102px; background-image: url(../img/sub/imgTxtFacebook.png);}
section.logjoin .join .bot .login-sns a.kakao span {padding-left: 70px; background-image: url(../img/sub/imgTxtKakao.png);}
section.logjoin .join .bot .login-sns a.naver span {padding-left: 87px; background-image: url(../img/sub/imgTxtNaver.png);}

section.logjoin .join .agrTxt {margin-bottom: 20px; padding: 30px 20px; height: 350px; font-size: 16px; color: #a3a3a3; background-color: #fff; border: 1px solid #e1e1e1; box-sizing: border-box; overflow-y: scroll;}
section.logjoin .join .agrTxt em {display: inline-block; margin-bottom: 10px; color: #333; font-weight: 500; vertical-align: top;}

section.logjoin .join.step2 .desc {padding-bottom: 205px;}
section.logjoin .join.step2 .desc:after {display: block; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -55px; width: 151px; height: 171px; background: url(../img/sub/imgPhone.png) center center no-repeat;}
section.logjoin .join.step2 .button .btn {width: 500px; transform-origin: right center;}
section.logjoin .join.step2 .button .btn.black {transform-origin: left center;}
section.logjoin .join.step3 > div {margin: 0 30px; padding: 10px 0 35px; border-bottom: 1px solid #ddd;}
section.logjoin .join.step3 .label {line-height: 55px; font-size: 18px;}
section.logjoin .join.step3 .chkB input + label {padding-left: 30px !important; font-size: 16px; color: #999; transition: all .5s;}
section.logjoin .join.step3 .chkB input + label:hover,
section.logjoin .join.step3 .chkB input + label:focus {color: #000;}
section.logjoin .join.step3 .chkB.agrAll {position: absolute; top: 25px; right: 30px; margin: 0; padding: 0; border: 0;}
section.logjoin .join.step3 .button {padding-top: 30px; border-bottom: 0;}
section.logjoin .join.step3 .button .btn {width: 500px;}
section.logjoin .join.step4 .label {font-size: 18px;}
section.logjoin .join.step4 table.bsc {margin-top: 0;}

section.logjoin .join.step5 .logo {margin: 0 auto 45px; width: 95px; height: 29px; text-indent: -9999px; background: url(../img/common/imgLogoGray.png) center center no-repeat; text-align: left;}
section.logjoin .join.step5 .label {padding-top: 60px; background: url(../img/sub/icnJoinComplete.png) center 0 no-repeat;}
section.logjoin .join.step5 .button .btn {width: 500px; transform-origin: right center;}
section.logjoin .join.step5 .button .btn.black {transform-origin: left center;}

	/* login join - mob */
	body.mob section.logjoin .input {width: 424px;}
	body.mob section.logjoin .input input {width: 382px;}

	body.mob section.logjoin .box .rt:after {top: 0; left: 50px; width: 578px; height: 1px;}

	body.mob section.logjoin .find {width: 100%;}

	body.mob section.logjoin .step ul li > div {padding: 85px 10px 0; text-align: center;}
	body.mob section.logjoin .step ul li > div:before {left: 50%; margin-left: -35px;}

	body.mob section.logjoin .join .bot .login-sns a {width: 528px;}

	body.mob section.logjoin .join.step2 .button .btn,
	body.mob section.logjoin .join.step5 .button .btn {width: 250px;}
	body.mob section.logjoin .join.step3 .button .btn {width: 588px;}

	body.mob section.logjoin .join.step4 table.bsc .btn {padding: 0 10px; min-width: 53px;}


/* mypage */

/* mypage. leftNav */

.mypage .my-wrap {border: 1px solid #ebebeb;}
.mypage .my-wrap .user {position: relative; padding: 30px 105px 30px 70px; min-height: 44px;}
.mypage .my-wrap .thumb {position: absolute; top: 30px; left: 20px; width: 44px; height: 44px; background: url(../img/sub/imgMember.png) center center no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.mypage .my-wrap .name {font-size: 16px; color: #666;}
.mypage .my-wrap .name em {color: #000; font-weight: 500;}
.mypage .my-wrap .type {font-size: 16px; color: #999;}
.mypage .my-wrap .btn.log {position: absolute; top: 35px; right: 20px; min-width: 43px; line-height: 31px; font-size: 14px; color: #000; font-weight: 500; background-color: #fff; border: 1px solid #000;}
.mypage .my-wrap .btn.log:hover,
.mypage .my-wrap .btn.log:focus {border-color: #000; color: #000;}
.mypage .my-wrap .list {}
.mypage .my-wrap .list > div {}
.mypage .my-wrap .list .label {padding: 0 0 0 40px; line-height: 50px; background-color: #f7f7f7; background-position:  20px center; background-repeat: no-repeat; border-bottom: 0;}
.mypage .my-wrap .list .label.i01 {background-image: url(../img/sub/icnMyAlarm.png);}
.mypage .my-wrap .list .label.i02 {background-image: url(../img/sub/icnMyEstimate.png);}
.mypage .my-wrap .list .label.i03 {background-image: url(../img/sub/icnMyAttention.png);}
.mypage .my-wrap .list .label.i04 {background-image: url(../img/sub/icnMyBusiness.png);}
.mypage .my-wrap .list .label.i05 {background-image: url(../img/sub/icnMyHome.png); border-bottom: 1px solid #fff;}
.mypage .my-wrap .list .label.i06 {background-image: url(../img/sub/icnMyBlog.png);}
.mypage .my-wrap .list .label.i07 {background-image: url(../img/sub/icnMyNotice.png);}
.mypage .my-wrap .list .label,
.mypage .my-wrap .list .label a {font-size: 18px; color: #999; font-weight: 500;}
.mypage .my-wrap .list .label a {margin-top: -5px; vertical-align: middle;}
.mypage .my-wrap .list .label:hover,
.mypage .my-wrap .list .label a:hover {color: #666;}
.mypage .my-wrap .list ul {margin-top: 0; padding: 15px 20px;}
.mypage .my-wrap .list ul li {position: relative;}
.mypage .my-wrap .list ul li a {display: inline-block; position: relative; padding-left: 10px; line-height: 21px; font-size: 16px; color: #999; font-weight: 500; background: none;}
.mypage .my-wrap .list ul li a:before {display: block; content: "·"; position: absolute; top: 0; left: 0; line-height: 21px; font-size: 16px; color: #999; font-weight: 500;}
.mypage .my-wrap .list ul li a:after {content: none;}
.mypage .my-wrap .list ul li a:hover::before,
.mypage .my-wrap .list ul li a:hover,
.mypage .my-wrap .list ul li.on a {color: #000;}
.mypage .my-wrap .list ul li .num {position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; width: 15px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center;}
.mypage .my-wrap + .button {margin-top: 20px;}
.mypage .my-wrap + .button .btn {display: block; line-height: 44px; font-size: 18px; color: #7b7b7b; font-weight: 400; background-color: #fff; border: 1px solid #cbcbcb; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.mypage .my-wrap + .button .btn:hover,
.mypage .my-wrap + .button .btn:focus {border-color: #000;}
.mypage .my-wrap .list ul li ul {padding: 0;}
.mypage .my-wrap .list ul li ul li {}
.mypage .my-wrap .list ul li ul li a {margin: 0; color: #c4c4c4;}
.mypage .my-wrap .list ul li ul li a:before {content: "-";}


/* mypage. post */

.mypage .flt section.post {width: 1050px;}


/* mypage. my-head */

.mypage .my-hd {position: relative; margin-bottom: 30px; padding: 30px 30px 30px 196px; min-height: 156px; border: 2px solid #ededed;}
.mypage .my-hd .thumb {position: absolute; top: 30px; left: 20px; width: 152px; height: 152px; border: 2px solid #e0e0e0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.mypage .my-hd .id {margin: 20px 0 15px; line-height: 1.2em; font-size: 30px; color: #000;}
.mypage .my-hd .type {margin-bottom: 2px; font-size: 16px; color: #999;}
.mypage .my-hd .note {font-size: 16px; color: #666;}
.mypage .my-hd .btn {margin-top: 20px; min-width: 43px; line-height: 31px; font-size: 14px; color: #000; font-weight: 500; background-color: #fff; border: 1px solid #000;}
.mypage .my-hd .btn:hover,
.mypage .my-hd .btn:focus {border-color: #000;}
.mypage .my-hd .follow {position: absolute; top: 30px; right: 30px;}
.mypage .my-hd .follow li {position: relative; padding-left: 18px; line-height: 21px; font-family: 'Lato', 'Noto', 'Malgun Gothic', 'Dotum', sans-serif; font-size: 15px; color: #999;}
.mypage .my-hd .follow li:before {display: block; content: ""; position: absolute; top: 3px; left: 9px; width: 1px; height: 13px; background-color: #d9d9d9;}
.mypage .my-hd .follow li:first-child::before {display: none;}


/* mypage. my-tab */

.mypage .my-tab {margin-bottom: 20px;}
.mypage .my-tab ul {}
.mypage .my-tab ul li {}
.mypage .my-tab ul li a {display: block; position: relative; margin-right: -1px; line-height: 62px; border: 1px solid #d8d8d8; text-align: center; box-sizing: border-box; }
.mypage .my-tab ul li a span {margin-top: -5px; line-height: 1.2em; font-size: 16px; color: #a3a3a3; font-weight: 500; vertical-align: middle; transition: all .5s;}
.mypage .my-tab ul li.on a span {color: #000;}
.mypage .my-tab ul li a:hover span,
.mypage .my-tab ul li a:focus span {color: #000;}
.mypage .my-tab ul.unit2 li {width: 50%;}
.mypage .my-tab ul.unit3 li {width: 33.333333%;}
.mypage .my-tab ul.unit4 li {width: 25%;}
.mypage .my-tab ul.unit5 li {width: 20%;}
.mypage .my-tab ul.unit6 li {width: 16.666666%;}


/* mypage. my-body */

.mypage .my-bd {}
.mypage .my-bd > div {/*position: relative; margin-bottom: 20px; min-height: 344px; border: 2px solid #ededed;*/}
.mypage .my-bd .company-info,
.mypage .my-bd .portfolio,
.mypage .my-bd .register,
.mypage .my-bd .myhome,
.mypage .my-bd .blog {margin-top: 40px; min-height: 0; border: 0;}

.mypage .my-bd .noneTxt {position: absolute; top: 90px; left: 0; padding-top: 130px; width: 100%; line-height: 1.2em; font-size: 30px; color: #cacaca; text-align: center;}
.mypage .my-bd .noneTxt.photo {background: url(../img/sub/icnMyphoto.png) center 0 no-repeat;}
.mypage .my-bd .noneTxt.info {background: url(../img/sub/icnMyinfo.png) center 0 no-repeat;}


/* mypage. my-body. table */

.mypage table.bsc tbody .itmList > div {padding-left: 44px;}
.mypage table.bsc tbody .file-link {color: #1373b3; border-bottom: 1px solid #1373b3;}
.mypage table.bsc tbody textarea {width: 1218px !important;}
.mypage .flt table.bsc tbody textarea {width: 888px !important;}
.mypage table.bsc tbody .license .fileB .add {width: 142px;}
.mypage table.bsc tbody .license .fileB .add:focus,
.mypage table.bsc tbody .license .fileB .add:hover {border-color: #000; transform: none;}
.mypage table.bsc tbody .license .fileB .add span {background: url(../img/sub/icnLicense.png) 0 center no-repeat;}

.mypage .leftNav + section.post table.bsc.tal tbody input.min {width: 125px;}
.mypage .leftNav + section.post table.bsc.tal tbody input.full {width: 858px;}
.mypage .leftNav + section.post table.bsc.tal tbody input.tmin {font-size: 12px;}
.mypage .leftNav + section.post table.bsc.tal tbody .address input {width: 588px;}
.mypage .leftNav + section.post table.bsc.tal tbody .address select {width: auto; padding-right: 40px;}
.mypage .leftNav + section.post table.bsc.tal tbody .address .inpB + .inpB,
.mypage .leftNav + section.post table.bsc.tal tbody .address .selB + .selB {padding-left: 0; background: none;}

	/* my-body. table - mob */
	body.mob .mypage table.bsc tbody td > div {padding: 0 10px;}
	body.mob .mypage table.bsc tbody input.full,
	body.mob .mypage table.bsc tbody textarea {max-width: 523px; width: 523px !important;}
	body.mob .mypage table.bsc tbody .license .fileB input {width: 163px;}
	body.mob .mypage table.bsc tbody .license .fileB .add {margin: 5px 0 0; width: 163px;}

	body.mob .mypage .leftNav + section.post table.bsc.tal tbody .address .selB {margin: 0 0 5px;}
	body.mob .mypage .leftNav + section.post table.bsc.tal tbody .address select {width: 244px;}


/* mypage. my-body. gall */

.mypage .tbl-bd ul.gall li > div {position: relative; padding: 20px; width: 294px; height: 322px;}
.mypage .tbl-bd ul.gall li .thumb {height: 172px; overflow: hidden;}
.mypage .tbl-bd ul.gall li .thumb img {transition: all .5s; }
.mypage .tbl-bd ul.gall li .thumb:hover img {transform: scale(1.05);}
.mypage .tbl-bd ul.gall li .thumb .chkB {position: absolute; top: 10px; left: 10px; margin: 0;}
.mypage .tbl-bd ul.gall li .subject {font-size: 16px; font-weight: 500; display: -webkit-box !important; white-space: initial; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mypage .tbl-bd ul.gall li .button {position: absolute; bottom: 20px; right: 20px;}
.mypage .tbl-bd ul.gall li .button .btn {min-width: 43px; line-height: 35px; font-size: 16px;}

	/* my-body. gall - mob */
	body.mob .mypage .tbl-bd ul.gall li > div {width: 287px;}


/* mypage. my-body. portfolio */

.mypage .portfolio .title {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.mypage .portfolio table.bsc tbody td > div em {color: #333d49; font-weight: 500;}
.mypage .portfolio table.bsc tbody .inpB input {width: 290px !important;}
.mypage .portfolio table.bsc tbody .selB select {width: 153px !important;}
.mypage .portfolio table.bsc tbody .selB + .selB {margin-left: 2px; padding-left: 0; background: none;}
.mypage .portfolio table.bsc tbody .imgList {padding: 10px; height: 199px; border: 1px solid #ebebeb; overflow-y: scroll;}
.mypage .portfolio table.bsc tbody .imgList ul {}
.mypage .portfolio table.bsc tbody .imgList ul li {position: relative; min-height: 23px;}
.mypage .portfolio table.bsc tbody .imgList ul li + li {margin-top: 12px;}
.mypage .portfolio table.bsc tbody .imgList ul li .txt {padding-right: 35px; line-height: 23px; font-size: 16px; color: #666;}
.mypage .portfolio table.bsc tbody .imgList ul li .chkB {position: absolute; margin: 0; top: 0; right: 0; }
.mypage .portfolio table.bsc tbody .imgList + .button {margin-top: 10px; text-align: left;}
.mypage .portfolio table.bsc tbody .imgList + .button .btn {padding: 0 10px; min-width: 93px; line-height: 35px; font-size: 16px; color: #000; font-weight: 500;}
.mypage .portfolio table.bsc tbody .itmList {margin-right: -5px;}
.mypage .portfolio table.bsc tbody .itmList > div {margin-right: 5px; padding-left: 0; width: 153px; background: none;}


	/* my-body. gall - mob */
	body.mob .mypage .portfolio table.bsc tbody .inpB input {width: 136px !important;}
	body.mob .mypage .portfolio table.bsc tbody .selB select {width: 158px !important;}
	body.mob .mypage .portfolio table.bsc tbody .selB + .selB {margin: 10px 0 0;}
	body.mob .mypage .portfolio table.bsc tbody .imgList + .button .btn {min-width: 130px !important;}
	body.mob .mypage .portfolio table.bsc tbody .imgList + .button .btn + .btn {margin: 10px 0 0;}


/* mypage. my-body. register */

.mypage .register table.bsc tr th,
.mypage .register table.bsc tr td {border-left: 1px solid #d8d8d8;}
.mypage .register table.bsc tr th:first-child,
.mypage .register table.bsc tr td:first-child {border-left: 0;}
.mypage .register table.bsc tr th > div,
.mypage .register table.bsc tr td > div,
.mypage .register table.bsc tr td > div a {font-size: 16px;}
.mypage .register table.bsc tr td > div em {color: #000;}
.mypage .register table.bsc .btn {min-width: 0;}

	/* my-body. register - mob */
	body.mob .mypage .register table.bsc tr th > div,
	body.mob .mypage .register table.bsc tr td > div {padding: 0 5px;}
	body.mob .mypage .register table.bsc .btn {padding: 0 3px;}

	body.mob .mypage .register .tbl-hd .tbl-sch .input input {width: 250px;}


/* mypage. my-body. myhome */

.mypage .myhome .co-info .txt {padding-top: 0; height: 241px;}
.mypage .myhome .co-info .follow {position: relative; top: 0; margin-bottom: 15px; text-align: right;}
.mypage .myhome .co-info .follow .count {/*position: absolute; top: 0; left: 0;*/}
.mypage .myhome .co-info .name {font-size: 20px;}
.mypage .myhome .co-info .name span {font-size: 16px;}
.mypage .myhome .co-info .star {margin-top: 3px; width: 98px; height: 18px; background-image: url(../img/sub/imgStar02.png);}
.mypage .myhome .co-info .star em {background-image: url(../img/sub/imgStar02Full.png);}
.mypage .myhome .co-info .desc {font-size: 16px; color: #666;}
.mypage .myhome table.bsc.info tr th > div,
.mypage .myhome table.bsc.info tr td > div,
.mypage .myhome table.bsc.info tr td > div a {font-size: 18px;}
/*.mypage .myhome .projSlide ul li {width: 292px !important;}
.mypage .myhome .co-blog .thumb {width: 358px; height: 275px;}
.mypage .myhome .co-blog .txt {padding-left: 388px;}
.mypage .myhome .co-blog .date,
.mypage .myhome .co-blog .subject,
.mypage .myhome .co-blog .subject a {font-size: 25px;}
.mypage .myhome .co-blog .desc {font-size: 16px;}*/

	/* my-body. myhome - mob */
	body.mob .mypage .myhome .co-info .txt {margin-top: 10px;}
	/*body.mob .mypage .myhome .projSlide ul li {width: 264px !important;}
	body.mob .mypage .myhome .co-blog .thumb {position: absolute;}*/


/* mypage. my-body. blog */

.mypage .blog .title {padding-bottom: 0; border-bottom: 0;}
.mypage .blog .tbl-bd ul.webzine li > a {line-height: 1.4em; height: 198px;}
.mypage .blog .tbl-bd ul.webzine li .txt {display: block; position: relative; padding: 20px 0 0 365px; vertical-align: top;}
.mypage .blog .tbl-bd ul.webzine li .txt:after {display: block; content: "more +"; position: absolute; bottom: 0; right: 20px; line-height: 22px; font-size: 16px; color: #000; font-weight: 500;}
.mypage .blog .tbl-bd ul.webzine li .thumb {width: 348px; height: 198px;}
.mypage .blog .tbl-bd ul.webzine li .desc {max-height: 4.2em; height: 4.2em; -webkit-line-clamp: 3;}
.mypage .blog .tbl-bd ul.webzine li .date {position: static; margin-top: 20px; width: auto; text-align: left;}
.mypage .blog .tbl-bd ul.webzine li > a img {transition: all .5s;}
.mypage .blog .tbl-bd ul.webzine li > a:hover img {transform: scale(1.02);}

.mypage .blog table.bsc.viw {border-bottom: 2px solid #000}
.mypage .blog table.bsc.viw tr th {padding: 30px 0;}
.mypage .blog table.bsc.viw tr th > div {padding: 0;}
.mypage .blog table.bsc.viw tr th .cate {margin-bottom: 5px; font-size: 20px; color: #999; text-align: center;}
.mypage .blog table.bsc.viw tr th .subject {margin-bottom: 50px; font-size: 30px; font-weight: 400; text-align: center;}
.mypage .blog table.bsc.viw tr th .info .user {display: inline-block; position: relative; padding-left: 65px; vertical-align: top;}
.mypage .blog table.bsc.viw tr th .info .user .thumb {position: absolute; top: -20px; left: 0; width: 58px; height: 59px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.mypage .blog table.bsc.viw tr th .info .user .name {line-height: 1.2em; font-size: 16px; color: #000;}
.mypage .blog table.bsc.viw tr th ul.i-sns {position: absolute; top: 100%; right: 0; margin-top: -20px;}
.mypage .blog table.bsc.viw tr th ul.i-sns li {margin-left: 5px;}
.mypage .blog table.bsc.viw tr.cont td {padding: 60px 0;}
.mypage .blog table.bsc.viw tr.cont td > div {padding: 0; text-align: center;}
.mypage .blog table.bsc.viw tr.cont td img {}
.mypage .blog table.bsc.viw tr.cont td .txt {padding: 20px 10px; line-height: 1.8em; font-size: 18px; color: #666;}
.mypage .blog table.bsc.viw tr.cont td img + .txt,
.mypage .blog table.bsc.viw tr.cont td .txt + img {margin-top: 20px;}

.mypage .blog .tbl-ft .comment .textarea textarea {width: 1254px;}

.mypage .blog .adminWrap {padding: 30px 0 80px; border-top: 2px solid #000; border-bottom: 1px solid #d8d8d8}
.mypage .blog .adminWrap .adm-lt {float: left; width: 680px;}
.mypage .blog .adminWrap .adm-rt {float: right; width: 687px;}
.mypage .blog .adminWrap .top {padding: 9px; font-size: 0; background-color: #f7f7f7; border: 1px solid #ebebeb;}
.mypage .blog .adminWrap .top .btn {padding: 0 10px; width: 113px; height: 35px; line-height: 35px; font-size: 16px; color: #000; font-weight: 500; background-color: #fff; border: 1px solid #d8d8d8; text-align: left;}
.mypage .blog .adminWrap .top .btn:hover,
.mypage .blog .adminWrap .top .btn:focus {border-color: #000;}
.mypage .blog .adminWrap .top .btn.add {background-image: url(../img/sub/icnAdminAdd.png); background-position: 112px center; background-repeat: no-repeat;}
.mypage .blog .adminWrap .list {margin-top: -1px; height: 430px; border: 1px solid #ebebeb;}
.mypage .blog .adminWrap .list ul {position: relative; padding: 10px 0;}
.mypage .blog .adminWrap .list ul:after {display: block; content: ""; position: absolute; bottom: 0; left: 20px; right: 20px; border-top: 1px dashed #d8d8d8;}
.mypage .blog .adminWrap .list ul li {}
.mypage .blog .adminWrap .list ul li a {display: block; padding: 8px 20px 8px 45px; line-height: 21px; font-size: 16px; color: #000; background: url(../img/sub/icnAdminList.png) 20px center no-repeat;}
.mypage .blog .adminWrap .list ul li.on {background-color: #f1ebe4;}
.mypage .blog .adminWrap .button {margin-top: 20px;}
.mypage .blog .adminWrap .button .btn {height: 31px; line-height: 31px; background-color: #f7f7f7; background-repeat: no-repeat; border: 1px solid #d8d8d8;}
.mypage .blog .adminWrap .button .btn:hover,
.mypage .blog .adminWrap .button .btn:focus {border-color: #000;}
.mypage .blog .adminWrap .button .btn.del {padding: 0 10px; min-width: 53px; font-size: 16px; color: #000; font-weight: 500; background-image: url(../img/sub/icnAdminDel.png); background-position: 50px center; text-align: left;}
.mypage .blog .adminWrap .button .up,
.mypage .blog .adminWrap .button .down {padding: 0; min-width: 33px; width: 33px; background-position: center center;}
.mypage .blog .adminWrap .button .up {background-image: url(../img/sub/icnAdminListUp.png);}
.mypage .blog .adminWrap .button .down {background-image: url(../img/sub/icnAdminListDown.png);}

.mypage .blog .adminWrap .info {border-top: 1px solid #000; border-bottom: 1px solid #d8d8d8}
.mypage .blog .adminWrap .info dl {position: relative; border-top: 1px solid #d8d8d8;}
.mypage .blog .adminWrap .info dl:first-child {border-top: 0;}
.mypage .blog .adminWrap .info dl dt {position: absolute; top: 0; left: 0; padding: 20px 10px 20px 20px; width: 86px; line-height: 35px; font-size: 16px; color: #333d49; font-weight: 500; background-color: #f7f7f7;}
.mypage .blog .adminWrap .info dl dd {padding: 20px 20px 20px 135px;}
.mypage .blog .adminWrap .info dl dd .inpB input {padding: 5px 10px 7px; width: 380px; font-size: 16px; color: #000; border-color: #d8d8d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.mypage .blog .adminWrap .info dl dd .inpB input:hover {border-color: #999;}
.mypage .blog .adminWrap .info dl dd .chkB {margin: 6px 20px 6px 0;}
.mypage .blog .adminWrap .info dl dd .chkB input + label {font-size: 16px;}

	/* my-body. blog - mob */
	body.mob .mypage .blog .tbl-hd .button > div {float: none; max-width: 100%; text-align: left;}
	body.mob .mypage .blog .tbl-hd .tbl-sch .input input {width: 145px;}

	body.mob .mypage .blog .adminWrap .adm-rt {margin-top: 30px;}
	body.mob .mypage .blog .adminWrap .info dl dd .inpB input {width: 503px;}

/* mypage - 20181005 추가/수정 */
.my-id.overview li { float: left; box-sizing: border-box; width: 25%; height: 206px; border: 1px solid #d8d8d8; }
.my-id.overview li + li { border-left: 0; }
.my-id.overview a { display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 29px; }
.my-id.overview dt,
.my-id.overview dd { color: #a3a3a3; font-weight: 500; transition: color .5s; }
.my-id.overview dt { font-size: 24px; line-height: 34px; margin-bottom: 54px; display: inline-block; position: relative; }
.my-id.overview dt:after { content: ''; display: block; width: 10px; height: 10px; border: 1px solid; border-color: #a7a7a7 #a7a7a7 transparent transparent; transform: rotate(50deg); position: absolute; right: -15px; top: 2px; bottom: 0; margin: auto 0; transition: background .5s; }
.my-id.overview dd { font-size: 40px; line-height: 58px; text-align: right; }
.my-id.overview li a:hover,
.my-id.overview li a:hover dt,
.my-id.overview li a:hover dd { color: #000; }
.my-id.overview li a:hover dt:after { border-color: #000 #000 transparent transparent; }
.my-id.overview li.multi { padding-top: 19px; }
.my-id.overview li.multi dt { float: left; margin-bottom: 0; }
.my-id.overview li.multi dd { float: right; font-size: 24px; line-height: 34px; font-weight: 400; }
.my-id.overview li.multi a { font-size: 24px; line-height: 34px; color: #a3a3a3; height: auto; clear: both; padding-bottom: 10px; padding-top: 11px; font-weight: 500; border: none;/*vai 추가*/ }
.my-id.overview li.multi a:after { content: ''; display: block; clear: both; }
.my-id.overview li.multi a:hover { color: #000; }

.my-id.focus { margin-left: -21px; }
.my-id.focus > li { border: 1px solid #d8d8d8; margin: 21px 0 0 21px; box-sizing: border-box; position: relative; padding: 15px 21px; float: left; width: 336px; height: 105px; transition: border .5s; }
.my-id.focus > li:hover { border-color: #000; }
.my-id.focus .delete { position: absolute; right: 0; top: 0; width: 49px; height: 29px; text-indent: -999px; overflow: hidden; }
.my-id.focus .delete:before,
.my-id.focus .delete:after { content: ''; display: block; width: 10px; height: 10px; background: #999; top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: absolute; transform: rotate(45deg); transition: all .5s; }
.my-id.focus .delete:before { width: 2px; }
.my-id.focus .delete:after { height: 2px; }
.my-id.focus .delete:hover:before,
.my-id.focus .delete:hover:after { background: #000; }
.my-id.focus a { display: block; }
.my-id.focus dl { line-height: 23px; }
.my-id.focus dt { font-size: 16px; font-weight: 500; color: #000; margin-bottom: 7px; padding-right: 85px; position: relative; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; max-width: 100%; }
.my-id.focus dd { font-size: 15px; font-weight: 400; color: #b3b3b3; }
.my-id.focus dd dl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #b3b3b3; }
.my-id.focus dd dt { font-size: 15px; color: #666; display: inline; margin-bottom: 0; padding-right: 0; }
.my-id.focus dd dt:after { content: ':'; margin: 0 2px; }
.my-id.focus dd dd { display: inline; }
.my-id.focus .star { width: 83px; text-indent: -999px; overflow: hidden; position: absolute; padding-right: 0; right: 0; top: 0; }
.my-id.focus .star:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; background: url('../img/sub/imgStarFullBlack.png') left top no-repeat; }
.my-id.focus .star.p5:before { width: 83px; }
.my-id.focus .star.p4:before { width: 66px; }
.my-id.focus .star.p3:before { width: 49px; }
.my-id.focus .star.p2:before { width: 32px; }
.my-id.focus .star.p1:before { width: 16px; }
    .mob .my-id.focus > li { width: 329px; }

.my-id.inquiryList col.no { width: 70px; }
.my-id.inquiryList col.writer,
.my-id.inquiryList col.date,
.my-id.inquiryList col.status { width: 150px; }
.my-id.inquiryList td,
.my-id.inquiryList td a,
.my-id.inquiryList td strong { font-size: 16px; color: #666; transition: color .5s; }
.my-id.inquiryList td.left { text-align: left; padding-left: 80px; }
.my-id.inquiryList tr:hover > td,
.my-id.inquiryList tr:hover > td a,
.my-id.inquiryList td strong { color: #000; }
    .mob .my-id.inquiryList col.no { width: 70px; }
    .mob .my-id.inquiryList col.writer,
    .mob .my-id.inquiryList col.date,
    .mob .my-id.inquiryList col.status { width: 100px; }
    .mob .my-id.inquiryList td.left { padding-left: 0px; }

/* 180829 */

/* popup - view */
.popup.view .panel .viewSlide ul li {height: 577px; line-height: 577px; }
.popup.view .panel .viewSlide ul li img {display: inline-block; vertical-align: middle;}
.popup.view .panel .desc {margin-top: 30px; max-width: 100%; height: 5.6em; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}


/* popup - 1:1 */

.popup.onetalk {}
.popup.onetalk .panel .body {padding: 0;}
.popup.onetalk .panel .talk {padding: 20px 30px 30px; height: 630px; background-color: #f7f7f7; overflow-y: scroll;}
.popup.onetalk .panel .talk ul {}
.popup.onetalk .panel .talk ul li {margin-top: 30px;}
.popup.onetalk .panel .talk ul li > div {width: 50%;}
.popup.onetalk .panel .talk ul li .speech {display: inline-block; position: relative; margin-top: 10px; vertical-align: top;}
.popup.onetalk .panel .talk ul li .speech .wr {position: absolute; top: 0; width: 125px; font-size: 12px; color: #666; text-align: center;}
.popup.onetalk .panel .talk ul li .speech .box {position: relative; padding: 25px 20px; min-width: 212px; font-size: 14px; color: #000; font-weight: 500; text-align: left;}
.popup.onetalk .panel .talk ul li .speech .box:after {display: block; content: ""; position: absolute; top: -1px; width: 14px; height: 9px;}

.popup.onetalk .panel .talk ul li .lt .speech {padding-right: 125px;}
.popup.onetalk .panel .talk ul li .lt .speech .wr {right: 0;}
.popup.onetalk .panel .talk ul li .lt .speech .box {margin-left: 13px; background-color: #ececec; border: 1px solid #ddd;}
.popup.onetalk .panel .talk ul li .lt .speech .box:after {left: -14px; background: url(../img/sub/icnOneTalkLeft.png) center center no-repeat;}

.popup.onetalk .panel .talk ul li .rt {text-align: right;}
.popup.onetalk .panel .talk ul li .rt .speech {padding-left: 125px;}
.popup.onetalk .panel .talk ul li .rt .speech .wr {left: 0;}
.popup.onetalk .panel .talk ul li .rt .speech .box {margin-right: 13px; background-color: #f3eee3; border: 1px solid #e2dbcc;}
.popup.onetalk .panel .talk ul li .rt .speech .box:after {right: -14px; background: url(../img/sub/icnOneTalkRight.png) center center no-repeat;}

.popup.onetalk .panel .talk-input {position: relative; padding: 30px 200px 30px 30px;}
.popup.onetalk .panel .talk-input input.input {padding: 18px 10px 19px; width: 1148px;}
.popup.onetalk .panel .talk-input .btn {position: absolute; top: 30px; right: 30px; padding: 0; width: 165px; height: 60px; line-height: 60px; font-size: 16px ;color: #fff; background-color: #333; text-align: center !important;}
.popup.onetalk .panel .talk-input .btn:hover,
.popup.onetalk .panel .talk-input .btn:focus {transform: scale(1.03);}

	/* popup 1:1 - mob */
	body.mob .popup.onetalk .panel .talk ul {width: 620px;}
	body.mob .popup.onetalk .panel .talk ul li > div {width: 80%;}
	body.mob .popup.onetalk .panel .talk-input input.input {width: 428px;}


/* cooperative */

.mypage .my-bd .cooperative {margin-top: 50px; border: 0;}
.mypage .my-bd .cooperative > div {width: 515px;}
.mypage .my-bd .cooperative > div + div {margin-left: 20px;}
.mypage .my-bd .cooperative .label {line-height: 45px; font-size: 22px; color: #000; font-weight: 500;}
.mypage .my-bd .cooperative .tbl-hd .button {position: absolute; top: 0; right: 0; margin-top: 0;}
.mypage .my-bd .cooperative .list {margin-top: 30px;}
.mypage .my-bd .cooperative .list li {margin-bottom: 20px;}
.mypage .my-bd .cooperative .list li > div {margin: 0; padding: 20px; border: 1px solid #dcdcdc; transition: all .5s; box-shadow: 0 0 0 rgba(0,0,0,0);}
.mypage .my-bd .cooperative .list li .thumb {position: absolute; top: 20px; left: 20px; width: 206px; height: 121px; line-height: 121px;overflow: hidden; z-index: 1;}
.mypage .my-bd .cooperative .list li .thumb img {vertical-align: top; transition: all .5s;}
.mypage .my-bd .cooperative .list li .thumb .chkB {position: absolute; top: 5px; left: 5px;}
.mypage .my-bd .cooperative .list li .txt {padding: 10px 0 0 225px; height: 111px;}
.mypage .my-bd .cooperative .list li .txt .name {padding-bottom: 0; font-size: 16px; font-weight: 500; background: none;}
.mypage .my-bd .cooperative .list li .txt .star {margin-top: 2px; width: 83px; height: 15px; background-image: url(../img/sub/imgStar.png);}
.mypage .my-bd .cooperative .list li .txt .star em {background-image: url(../img/sub/imgStarFull.png);}
.mypage .my-bd .cooperative .list li .txt dl {font-size: 0;}
.mypage .my-bd .cooperative .list li .txt dl dt {color: #666; font-weight: 500;}
.mypage .my-bd .cooperative .list li .txt dl dt,
.mypage .my-bd .cooperative .list li .txt dl dd {display: inline-block; font-size: 15px; vertical-align: top;}
.mypage .my-bd .cooperative .list li .txt dl dd {color: #999;}
.mypage .my-bd .cooperative .list li .txt .keyword {margin-top: 10px;}
.mypage .my-bd .cooperative .list li .txt .keyword a {margin-right: 3px; font-size: 15px; color: #666; font-weight: 500; text-decoration: underline;}
.mypage .my-bd .cooperative .list li:hover > div {border-color: #000; box-shadow: 0 5px 120px rgba(0,0,0,.1);}
.mypage .my-bd .cooperative .list li:hover .thumb img {transform: scale(1.05);}

	/* cooperative - mob */
	body.mob .mypage .my-bd .cooperative > div {width: 330px;}
	body.mob .mypage .my-bd .cooperative .tbl-hd .button {position: static; margin-top: 10px; font-size: 0; text-align: left;}
	body.mob .mypage .my-bd .cooperative .tbl-hd .button .btn {width: 130px;}
	body.mob .mypage .my-bd .cooperative .tbl-hd .button .btn.edge {width: 128px;}
	body.mob .mypage .my-bd .cooperative .tbl-hd .button .btn + .btn {margin-left: 10px;}
	body.mob .mypage .my-bd .cooperative .list li .thumb {position: relative; top: 0; left: 0; width: 100%; height: 135px; line-height: 135px;}
	body.mob .mypage .my-bd .cooperative .list li .txt {padding-left: 0;}


/* simple estimate */

section.simple .title {margin-bottom: 30px; padding-bottom: 0; border-bottom: 0; text-align: center;}
section.simple .titleSs {color: #666; text-align: center;}
section.simple .box {position: relative; margin-top: 30px; padding: 50px 30px 40px; background-color: #f7f7f7; border: 1px solid #e1e1e1; border-top: 2px solid #000;}
section.simple .box .input-wrap {margin: 0 auto; width: 653px;}
section.simple .box .input-wrap dl {position: relative; margin-bottom: 20px; padding-left: 102px;}
section.simple .box .input-wrap dl dt {position: absolute; top: 0; left: 0; width: 100px; line-height: 60px; font-size: 18px; color: #333d49; font-weight: 500;}
section.simple .box .input-wrap dl dd {font-size: 0;}
section.simple .box .input-wrap input,
section.simple .box .input-wrap select,
section.simple .box .input-wrap textarea {font-size: 18px; color: #333d49; border-color: #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
section.simple .box .input-wrap input:hover,
section.simple .box .input-wrap select:hover,
section.simple .box .input-wrap textarea:hover {border-color: #aaa;}
section.simple .box .input-wrap input {padding: 18px 10px 19px; width: 529px;}
section.simple .box .input-wrap select {width: 551px; height: 60px;}
section.simple .box .input-wrap select.half {width: 270px;}
section.simple .box .input-wrap select.half + select.half {margin-left: 11px;}
section.simple .box .input-wrap textarea {padding: 20px; width: 509px; height: 240px;}
section.simple .box .input-wrap .bot {position: relative; margin-top: 30px; text-align: right;}
section.simple .box .input-wrap .bot .chkB {position: absolute; top: 5px; left: 0; margin: 0;}
section.simple .box .input-wrap .bot .chkB input + label {font-size: 16px; color: #999;}
section.simple .box .input-wrap .bot .chkB input:hover + label {color: #000;}
section.simple .box .input-wrap .bot .btn {line-height: 33px; font-size: 16px;}
section.simple .box .input-wrap .bot .btn:hover,
section.simple .box .input-wrap .bot .btn:focus {background: #000;}
section.simple .box .input-wrap .button {margin-top: 30px; padding-top: 30px; border-top: 1px solid #d8d8d8;}
section.simple .box .input-wrap .button .btn {display: block; line-height: 60px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
section.simple .box .input-wrap .button .btn span {margin-top: -5px; padding-right: 25px; font-size: 18px; color: #fff; background: url(../img/sub/icnArrow.png) right center no-repeat; vertical-align: middle;}
section.simple .box .input-wrap .button .btn + .btn {margin: 10px 0 0;}
section.simple .box .input-wrap .button .btn:hover,
section.simple .box .input-wrap .button .btn:focus {opacity: .6;}

section.simple .box .complete {text-align: center;}
section.simple .box .complete .titleS {margin-bottom: 15px; padding-top: 110px; font-weight: 500; background: url(../img/sub/icnSimpleComplete.png) center 0 no-repeat;}
section.simple .box .complete .desc {font-size: 16px; color: #666;}
section.simple .box .complete .button .btn {padding: 0; width: 528px; line-height: 50px; transform-origin: right center;}
section.simple .box .complete .button .btn.black {transform-origin: left center;}
section.simple .box .complete .button .btn:hover {opacity: .6;}
section.simple .box .complete .bot {margin: 50px auto 0; padding-top: 50px; width: 1066px; border-top: 1px solid #e3e3e3;}
section.simple .box .complete .bot .desc {line-height: 1.8em; color: #999;}

	/* simple - mob */
	body.mob section.simple .box .input-wrap {width: 100%;}
	body.mob section.simple .box .input-wrap input {width: 494px;}
	body.mob section.simple .box .input-wrap select {width: 516px;}
	body.mob section.simple .box .input-wrap select.half {width: 253px;}
	body.mob section.simple .box .input-wrap select.half + select.half {margin-left: 10px;}
	body.mob section.simple .box .input-wrap textarea {width: 474px;}

	body.mob section.simple .box .complete .button .btn {width: 250px;}
	body.mob section.simple .box .complete .bot {width: 100%;}




/* 180920 */
/* mypage - estimate */

.mypage .my-bd .estimate {margin-top: 50px; border: 0;}
.mypage .my-bd .estimate .tabs ul li a {background-color: #fff;}
.mypage .my-bd .estimate .tabs ul li a span {color: #000;}

/*.mypage .my-bd .estimate .tabs ul li a {background-color: #999;}
.mypage .my-bd .estimate .tabs ul li a span {color: #fff;}*/

.mypage .my-bd .estimate .tabs ul li a:after {border-color: #000;}
/*.mypage .my-bd .estimate .tabs ul li a:after {border-color: #999;}*/

.mypage .my-bd .estimate .tabs ul li a:hover,span {color: #fff;}/*181106*/
.mypage .my-bd .estimate .tabs ul li a:focus,span {color: #fff;}/*181106*/
.mypage .my-bd .estimate .tabs ul li.on a {background-color: #000;}
.mypage .my-bd .estimate .tabs ul li.on a span {color: #fff;}
/*.mypage .my-bd .estimate .tabs ul li.on a {background-color: #333;}*/

.mypage .my-bd .estimate .tabs ul li a:hover:after,
.mypage .my-bd .estimate .tabs ul li a:focus:after,
.mypage .my-bd .estimate .tabs ul li.on a:after {border-color: #000;}

.mypage .my-bd .estimate table.bsc .subject {color: #000; font-weight: 500;}

/* 181004 */
/* login */
section.logjoin .input.regist {position: relative; padding-right: 0px; width: 555px;}
section.logjoin .input.regist input {width: 495px;}
section.logjoin .input.regist input.half {width: 220px;}
section.logjoin .input.regist input.half:nth-child(2n) {margin-left: 15px;}

section.post table.bsc.tal tbody .address .btn.add span {padding-right: 15px; line-height: 32px; background: url(../img/sub/icnFollow.png) right center no-repeat;}
section.post table.bsc.tal tbody .address .btn.add.minus span {background: url(../img/sub/icnAdminDel.png) right center no-repeat;}
table.bsc.tal tbody tr.address td > div {margin-top: 4px;}




/* 181010 */

section.logjoin .join .caption-box {margin-bottom: 50px; padding: 25px 10px; background-color: #f7f7f7; border: 1px solid #d8d8d8;}
section.logjoin .join .caption-box .desc {margin: 0; padding: 0; color: #686868;}
section.logjoin .join .caption-box .desc:before {display: none;}
section.logjoin .join .caption-box .desc em {font-weight: 600;}

.fileB .text {display: inline-block; line-height: 35px; font-size: 18px; vertical-align: top;}
.fileB .text em {display: inline-block; margin-top: -5px; min-width: 120px; vertical-align: middle;}

table.bsc.tal tbody tr th > div {letter-spacing: -3px;}
table.bsc.tal tbody tr.required th > div {padding-left: 20px;}
table.bsc.tal tbody tr.required th > div:before {left: 10px;}



section.logjoin2 .title {margin-bottom: 5px; font-size: 25px;}
section.logjoin2 .title + .desc {margin: 0; padding: 0; text-align: center;}
section.logjoin2 .title + .desc:before {display: none;}
section.logjoin2 .box {border: 0; background-color: #fff; text-align: center;}
section.logjoin2 .box .rt:after {top: 0; height: 100%;}

section.logjoin2 .box .label {font-size: 25px; font-weight: 400;}
section.logjoin2 .box .input {margin: 0 auto 30px; padding: 0; width: 421px; font-size: 0;}
section.logjoin2 .box .input dl {margin-top: 15px; text-align: left;}
section.logjoin2 .box .input dl:first-child {margin-top: 0;}
section.logjoin2 .box .input dl dt {margin-bottom: 3px; font-size: 12px; color: #000;}
section.logjoin2 .box .input dl dd {}
section.logjoin2 .box .input dl dd input {padding: 4px 10px 5px; width: 399px; border-color: #6b6b6b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

section.logjoin2 .box .input dl.half {display: inline-block; width: 206px; vertical-align: top;}
section.logjoin2 .box .input dl.half + dl.half {margin-left: 9px;}
section.logjoin2 .box .input dl.half dd input {width: 184px;}

section.logjoin2 .box .sns-login {margin-bottom: 40px;}
section.logjoin2 .box .sns-login a {display: block; margin: 10px auto 0; width: 419px; line-height: 30px; font-size: 16px; color: #000; font-weight: 500; border: 1px solid #6b6b6b; text-align: center;}
section.logjoin2 .box .sns-login a:first-child {margin-top: 0;}
section.logjoin2 .box .sns-login a img {margin: -5px 5px 0 0; vertical-align: middle;}

section.logjoin2 .box .chkB input + label {color: #666;}
section.logjoin2 .box .chkB input + label a {margin-top: -2px; color: #000; border-bottom: 1px solid #000; vertical-align: middle;}

section.logjoin2 .box .choice {margin-bottom: 20px;}
section.logjoin2 .box .choice .chkB + .chkB {margin-left: 20px;}
section.logjoin2 .box .choice .chkB input[type="radio"]:checked + label {color: #000;}
section.logjoin2 .box .choice .chkB input[type="radio"] + label:before {background: #000;}

section.logjoin2 .box .btn {width: 120px; line-height: 30px; font-size: 15px; color: #000; background-color: #fff; border-color: #6a6a6a;}



section.logjoin2 .account {margin: 45px auto 0; width: 598px; border-top: 1px solid #eaeaea;}
section.logjoin2 .account .label {display: inline-block; position: relative; margin-top: -25px; padding: 10px; line-height: 1.4em; font-size: 20px; background-color: #fff; vertical-align: top;}
section.logjoin2 .account .input {margin: 30px auto 0; padding-bottom: 40px; width: 100% !important; border-bottom: 1px solid #eaeaea;}
section.logjoin2 .account .input dl {position: relative; padding-left: 165px;}
section.logjoin2 .account .input dl dt {position: absolute; top: 0; left: 0; padding-left: 12px; line-height: 32px; font-size: 15px; font-weight: 400;}
section.logjoin2 .account .button {margin-top: 20px; }
section.logjoin2 .account .button .lt a {font-size: 15px; color: #666;}
section.logjoin2 .account .button .lt a.del {margin-right: 10px; padding-left: 25px; background: url(../img/common/icnDelete.png) 0 0 no-repeat;}
section.logjoin2 .account .button .lt a:hover {color: #000;}

section.logjoin2 .account .button .btn {padding: 0; width: 76px; min-width: 76px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
section.logjoin2 .account .button .btn.black {line-height: 32px; color: #fff; background-color: #000;}

/* vai 2018.10.17 */
.bn {border: none  !important;}

/* shopping */
.button + .shopping { margin-top: 10px; }
.shopping + .shopping { margin-top: 20px; }
.shopping header.title { font-size: 18px; font-weight: 700; color: #000; line-height: 28px; padding: 15px 0; border-bottom: 2px solid #000; margin-bottom: 0; }
.shopping header.title.gray { color: #666; }
.shopping header.title + table { margin-top: 0; }
.shopping header.title .function { float: right; margin-bottom: 10px; }
.shopping header.title:after { content: ''; display: block; clear: both; }
.shopping header.title .function button { font-size: 14px; width: 102px; }
.shopping header.title .note { float: right; color: #999; font-size: 16px; }

.shopping header { position: relative; }
.shopping.myInfo { border: 1px solid #dadada; }
.shopping.myInfo header { border-bottom: 1px solid #dadada; }
.shopping.myInfo header:after { content: ''; display: block; clear: both; }
.shopping.myInfo header > dl { padding: 0 19px; }
.shopping.myInfo header dt { float: left; line-height: 78px; font-weight: 500; font-size: 16px; }
.shopping.myInfo header dt figure { display: inline-block; vertical-align: middle; width: 59px; height: 59px; border-radius: 50%; box-sizing: border-box; border: 2px solid #e0e0e0; overflow: hidden; margin-right: 7px; }
.shopping.myInfo header dd { overflow: hidden; text-align: right; line-height: 78px; }
.shopping.myInfo header dd dl,
.shopping.myInfo header dd dt,
.shopping.myInfo header dd dd { float: none; display: inline-block; vertical-align: middle; padding: 0; color: #666; font-size: 16px; font-weight: 500; }
.shopping.myInfo header dd dt { margin-left: 36px; }
.shopping.myInfo header dd dd { margin-left: 15px; }
.shopping.myInfo header dd strong { display: inline; font-size: 20px; color: #000; font-weight: 700; }
.shopping.myInfo > dl { background: #f9f9f9; padding: 20px; line-height: 35px; }
.shopping.myInfo > dl:after { content: ''; display: block; clear: both; }
.shopping.myInfo > dl dt { float: left; width: 100px; line-height: 35px; color: #000; font-weight: 700; font-size: 16px; }
.shopping.myInfo > dl dd { float: left; width: calc(50% - 100px); line-height: 35px; font-weight: 500; font-size: 16px; color: #666; }

table.bsc.orderList thead th { background: transparent; font-size: 16px; }
table.bsc.orderList td { color: #666; font-size: 16px; }
table.bsc.orderList td + td { border-left: 1px solid #f0f0f0; }
table.bsc.orderList a { color: inherit; border-bottom: 1px solid #ddd; padding: 0 1px; }
table.bsc.orderList a:hover { color: #b99978; }
.shopping header.title + table.bsc { border-top: 0 none; }
table.bsc.orderList caption { text-align: left; font-size: 18px; color: #666; font-weight: 500; line-height: 56px; }
.cen.flt table.bsc.orderList .left { padding-left: 0; }
table.bsc.orderList .left { text-align: left; padding-right: 18px; padding-left: 18px; }
table.bsc.orderList .right { text-align: right; padding-left: 18px; }
table.bsc.orderList th.right { padding-right: 10px; }
table.bsc.orderList td.checkbox + td { border-left: 0 none; }
table.bsc.orderList col.price { width: 120px; }
    body.mob table.bsc.orderList col.price { width: 85px; }
table.bsc.orderList col.amount { width: 60px; }
    body.mob table.bsc.orderList col.amount { width: 40px; }
table.bsc.orderList td.img { padding-right: 20px; }
table.bsc.orderList strong.price { font-weight: 700; color: #000; display: inline-block; font-size: 20px; }
table.bsc.sheet input { width: 273px; vertical-align: middle; }
table.bsc.sheet .addr .inpB:first-child input { width: 273px; }
table.bsc.sheet .addr .inpB ~ .inpB input { width: 390px; }
table.bsc.sheet .atSymbol { line-height: 30px; margin: 0 3px; color: #d2d2d2; }
table.bsc.sheet .email select { width: 273px; background-position: 97% 50%; }
table.bsc.sheet button.addr { border-color: #000; color: #000; background: #fff; font-size: 16px; width: 113px; margin-left: 15px; }
table.bsc.sheet .chkB input[type="radio"] + label:before { background: #000; }
table.bsc.sheet button.coupon { background: #666; border: 0 none; vertical-align: middle; width: 102px; margin: 0 10px; }
table.bsc.sheet button.coupon:hover,
table.bsc.sheet button.coupon:focus { background: #555; }
table.bsc.sheet strong.price { font-weight: 700; color: #000; display: inline-block; font-size: 20px; }
table.bsc.sheet span.note { font-size: 14px; vertical-align: 1px; }
    body.mob table.bsc.sheet tbody .addr .inpB:first-child input { width: 273px; }
    body.mob table.bsc.sheet .btn { min-width: 0; padding: 0 10px; font-size: 16px; }
body.mob table.bsc.sheet tbody .chkB { margin-left: 10px; }
body.mob table.bsc .email input,
body.mob table.bsc .email select { width: 200px; }

.shopping figure.productInfo { float: left; width: 95px; }
.shopping dl.productInfo { padding-right: 20px; }
.shopping dl.productInfo dt { font-size: 16px; }
.shopping dl.productInfo dt strong { font-weight: 500; display: inline; font-size: inherit; }
.shopping dl.productInfo dd { color: #999; font-size: 16px; margin-top: 5px; }
.shopping dl.productInfo dd + dd { margin-top: 12px; }
.shopping table.bsc.orderList dl.productInfo { padding-left: 18px; text-align: left; overflow: hidden; }
.shopping table.bsc.orderList button.btn.option { background: #999; border: 0 none; width: 114px; min-width: 0; display: block; font-size: 16px; line-height: 31px; }

.shopping .status { line-height: 37px; background: #000; color: #fff; padding: 0 14px; border-radius: 3px; font-size: 16px; }
.shopping table.bsc .status { margin: -10px 0; }

ul.wishList { margin-left: -13px; }
ul.wishList li { margin-left: 13px; margin-top: 30px; float: left; width: 252px; }
ul.wishList li:nth-child(2n) { margin-left: 14px; }
ul.wishList dl { margin-top: 6px; overflow: hidden; }
ul.wishList dt { line-height: 22px; color: #666; font-size: 16px; height: 70px; overflow: hidden; display: -webkit-box !important; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
ul.wishList dt strong { margin-bottom: 4px; font-weight: 500; font-size: 16px; }
ul.wishList dd { font-size: 16px; color: #999; margin-top: 8px; }

    body.mob .shopping header.title,
    body.mob .shopping.myInfo header { width: auto; }
    body.mob ul.wishList li,
    body.mob ul.wishList li:nth-child(2n) { margin-left: 62px; }

.shopping.detail .orderNo { background: #000; padding: 0 20px; line-height: 45px; padding-bottom: 2px; }
.shopping.detail .orderNo dt,
.shopping.detail .orderNo dd { display: inline-block; color: #fff; font-size: 16px; font-weight: 700; }
.shopping.detail .orderNo dt { margin-right: 8px; }

.shoppingInfoWrap { margin-top: 27px; background: #ddd; }
.shoppingInfoWrap:after { content: ''; display: block; clear: both; }
.shoppingInfo { border: 2px solid #000; background: #fff; padding: 10px 20px; box-sizing: border-box; width: calc(100% - 334px); float: left; }
.shoppingInfo table caption { text-align: left; font-size: 16px; font-weight: 700; color: #000; line-height: 36px; }
.shoppingInfo table.bsc { border-top: 1px solid #8c8c8c; margin-top: 0; }
.shoppingInfo table.bsc + table.bsc { margin-top: 20px; }
.shoppingInfo table.bsc th { background: transparent; font-size: 16px; font-weight: 700; color: #666; text-align: left; padding-left: 10px; }
.shoppingInfo table.bsc td { font-size: 16px; font-weight: 500; color: #666; text-align: left; }
.shoppingInfo table.bsc td.noData { text-align: center; padding: 25px 0; }
.shoppingInfo table.bsc:last-child { border-bottom: 0 none; }
.shoppingSum { overflow: hidden; overflow: hidden; box-sizing: border-box; padding: 21px 17px; }
.shoppingSum dt { float: left; color: #666; font-weight: 700; font-size: 16px; padding-left: 20px; line-height: 59px; height: 59px; }
.shoppingSum dd { background: #fff; font-size: 16px; font-weight: 500; color: #666; text-align: right; padding-right: 20px; line-height: 59px; height: 59px; }
.shoppingSum dd + dt,
.shoppingSum dd + dt + dd { margin-top: 1px; }
.shoppingSum dl + dl { margin-top: 20px; }
.shoppingSum dl.payment dt,
.shoppingSum dl.payment dd { color: #fff; background: #6e6e6e; line-height: 41px; height: 41px; padding-bottom: 1px; }
.shoppingSum strong { color: #000; font-size: 20px; display: inline; font-weight: 700; }
.shoppingSum .btn { border-radius: 0; display: block; width: 100%; margin-top: 30px; height: 59px; }
.shoppingSum .btn:hover,
.shoppingSum .btn:focus { background: #333; }
body.mob .shoppingInfo { width: 100%; float: none; }

.shopping .priceSum { background: #f7f7f7; margin-top: 30px; }
.shopping .priceSum:after { content: ''; display: block; clear: both; }
.shopping .priceSum dl { float: left; width: 33.4%; text-align: center; box-sizing: border-box; border-left: 1px solid #e5e5e5; padding: 10px; }
.shopping .priceSum dl:first-child { width: 33.2%; border-left: 0 none; }
.shopping .priceSum dt,
.shopping .priceSum dd { font-size: 16px; color: #666; font-weight: 500; line-height: 23px; }
.shopping .priceSum strong { display: inline; color: #000; font-weight: 700; font-size: 20px; }
.shopping .priceSum.sheet { border: 2px solid #000; border-top: 0 none; margin-top: 0; background: #fff; }
.shopping .priceSum.sheet dl { padding: 0; }
.shopping .priceSum.sheet dt { border-bottom: 1px solid #e5e5e5; line-height: 47px; }
.shopping .priceSum.sheet dd { line-height: 83px; }


.shopping .confirm { margin-top: 30px; }
.shopping .confirm .btn { height: 59px; border-radius: 0; line-height: 58px; width: 159px; }

section.logjoin .box .lt:after {display: block; content: ""; position: absolute; top: 40px; right: -1px; width: 1px; bottom: 0; background-color: #e5e5e5;}
section.logjoin2 .box .guest { margin-top: 18px; }
section.logjoin2 .box .label p.text { margin: -16px 0 26px; color: #999; }
section.logjoin2 .box textarea { display: block; width: 100%; box-sizing: border-box; border-color: #666; color: #666; }
section.logjoin2 .box .guest .input { margin-bottom: 24px; }
section.logjoin2 .box .guest .input:after { content: ''; display: block; clear: both; }
section.logjoin2 .box .guest .chkB { margin-top: 6px; float: left; }
section.logjoin2 .box .guest .button { clear: both; margin-top: 0; }
    body.mob section.logjoin .box .flt .lt { padding-bottom: 100px; }
    body.mob section.logjoin .box .flt:before { content: none; }

.paySystem { border: 1px solid #000; margin-top: -2px; background: #fff; position: relative; z-index: 51; padding: 16px 30px 36px 10px; }
.paySystem:after { content: ''; display: block; clear: both; }
.paySystem li { float: left; width: 184px; height: 53px; margin-top: 20px; margin-left: 20px; }
.paySystem label span { display: block; width: 148px; height: 53px; border: 1px solid #e4e4e4; border-radius: 3px; box-sizing: border-box; background: #f9f9f9; line-height: 51px; vertical-align: middle; font-size: 18px; color: #000; text-align: center; }
.paySystem label img { vertical-align: middle; }
.paySystem .chkB input + label { height: auto; padding-left: 36px !important; }
.paySystem .chkB input[type="radio"] + label:before { background: #000; }
.paySystem label span.icon:before { content: ''; display: inline-block; vertical-align: middle; background: left top no-repeat; margin-right: 6px; padding-bottom: 5px; }
.paySystem label span.icon.credit:before { background-image: url('../img/sub/order_paysystem_credit.png'); width: 31px; height: 28px; }
.paySystem label span.icon.mobile:before { background-image: url('../img/sub/order_paysystem_mobile.png'); width: 23px; height: 34px; }
.paySystem label span.icon.account:before { background-image: url('../img/sub/order_paysystem_account.png'); width: 36px; height: 33px; }
.paySystem label span.icon.vAccount:before { background-image: url('../img/sub/order_paysystem_vaccount.png'); width: 48px; height: 33px; padding-bottom: 7px; }
.paySystem label span.icon.transfer:before { background-image: url('../img/sub/order_paysystem_transfer.png'); width: 48px; height: 33px; padding-bottom: 7px; }



/* 181023 */

.btn.delete span {padding-left: 15px; background: url(../img/sub/btnDelete.png) 0 center no-repeat;}


/* 181109 vai */

table.bsc.tal.step4 tbody .address select {width: auto; padding-right: 40px;}
table.bsc.tal.step4 tbody input {width: 312px;}
table.bsc.tal.step4 tbody .address input {width: 588px;}

li.i01 a.btnAddJjim.on span{background: url(../img/sub/icnCoButton01_on.png) 0 center no-repeat;}




/* 181128 */

ul.i-sns li.like a {margin-left: 25px; padding-left: 30px; width: auto; font-size: 16px; color: #999; background-image: url(../img/add/icnBlogLike.png); background-position: 0 center;}


section.post .titleS em {color: #666;}

section.post .blog .bottom {margin-top: 80px;}

section.post .cateSlide {}
section.post .cateSlide ul {}
section.post .cateSlide ul li {margin-right: 120px; width: 256px !important;}
section.post .cateSlide ul li > a img {transition: all .5s;}
section.post .cateSlide ul li > a:hover img,
section.post .cateSlide ul li > a:focus img {transform: scale(1.05);}
section.post .cateSlide ul li .thumb {height: 172px; overflow: hidden;}
section.post .cateSlide ul li .txt {margin-top: 5px;}
section.post .cateSlide ul li .subject {display: -webkit-box !important; height: 2.4em; line-height: 1.2em; font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
section.post .cateSlide ul li .date {margin-top: 10px; font-size: 16px; color: #999;}

section.post .cateSlide .bx-wrapper .bx-pager {display: none;}
section.post .cateSlide .bx-wrapper .bx-controls-direction a {top: 0; margin-top: -56px; width: 46px; height: 46px;}
section.post .cateSlide .bx-wrapper .bx-prev {left: auto; right: 45px; background: url(../img/sub/btnPrev02.png) center center no-repeat; border: 1px solid #eee; box-sizing: border-box;}
section.post .cateSlide .bx-wrapper .bx-next {right: 0; background: url(../img/sub/btnNext02.png) center center no-repeat; border: 1px solid #eee; box-sizing: border-box;}
section.post .cateSlide .bx-wrapper .bx-prev:hover,
section.post .cateSlide .bx-wrapper .bx-prev:focus,
section.post .cateSlide .bx-wrapper .bx-next:hover,
section.post .cateSlide .bx-wrapper .bx-next:focus {border-color: #000; z-index: 6;}
section.post .cateSlide .bx-wrapper .bx-prev:hover + .bx-next,
section.post .cateSlide .bx-wrapper .bx-prev:focus + .bx-next {border-left-color: #000;}


section.post .similar {}
section.post .similar ul {border-top: 1px solid #d8d8d8;}
section.post .similar ul li {border-bottom: 1px solid #d8d8d8;}
section.post .similar ul li > a {display: block; position: relative; padding: 20px 20px 20px 150px; height: 103px;}
section.post .similar ul li .thumb {position: absolute; top: 20px; left: 10px; width: 113px; height: 103px;}
section.post .similar ul li .txt {padding-top: 15px;}
section.post .similar ul li .subject {display: -webkit-box !important; height: 2.4em; line-height: 1.2em; font-size: 18px; color: #000; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
section.post .similar ul li .subject em {color: #666;}
section.post .similar ul li .user {display: inline-block; font-size: 16px; color: #999; vertical-align: top;}
section.post .similar ul li .button {display: inline-block; margin: 0 0 0 20px; vertical-align: top;}
section.post .similar ul li .button,
section.post .similar ul li .button span {line-height: 22px; font-size: 16px; color: #999}
section.post .similar ul li .button span {margin-right: 5px; padding-left: 25px;}
section.post .similar ul li .button span.like {background: url(../img/add/icnSimilar01.png) 0 3px no-repeat;}
section.post .similar ul li .button span.comment {background: url(../img/add/icnSimilar02.png) 0 bottom no-repeat;}




/* 181129 */

#bo_cate_ul {padding-right: 400px;}
#bo_cate li {padding: 2px 5px;}

.tbl-bd ul.blg li .co-blog .lt .date {display: none;}

	/* mob */
	body.mob #bo_cate_ul {padding: 80px 0 0 0;}



/* 181224 */

.leftNav ul li ul {margin: 0 10px 15px;}
.leftNav ul li ul li {}
.leftNav ul li ul li a {line-height: 22px; font-size: 14px; font-weight: 400 !important; background: none;}
.leftNav ul li ul li a:after {display: none;}
.leftNav ul li ul li.on a {font-weight: 500 !important;}




section.post .storeLst {}
section.post .storeLst ul {margin-right: -20px;}
section.post .storeLst ul li {margin: 0 20px 20px 0;}
section.post .storeLst ul li a {display: block; width: 318px; min-height: 426px;}
section.post .storeLst ul li .thumb {height: 318px; line-height: 318px; text-align: center; background-color: #fff; border: 1px solid #dedede; overflow: hidden; transition: all .3s;}
section.post .storeLst ul li :hover .thumb {border-color: #000;}
section.post .storeLst ul li .thumb img {vertical-align: middle;}
section.post .storeLst ul li .text {padding: 20px 0;}
section.post .storeLst ul li .name {font-size: 16px;}
section.post .storeLst ul li .price {display: inline-block; margin-right: 10px; font-size: 16px; font-weight: bold; vertical-align: top;}
section.post .storeLst ul li .sale {display: inline-block; font-size: 16px; color: #ea6931; vertical-align: top;}
section.post .storeLst ul li .strike {font-size: 16px; color: #999; text-decoration: line-through;}

	/* mob */
	body.mob section.post .storeLst ul li a {width: 330px;}





/* 190327 */

.store_mobTab,
.store_mobMenu {display: none;}


	/* mob */
	body.mob .pS {display: none !important;}
	body.mob .store_mobTab {display: block; position: relative; font-size: 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
	body.mob .store_mobTab:after {display: block; content: ""; position: absolute; top: 0; left: 50%; margin-left: -0.5px; width: 1px; height: 100%; background-color: #dbdbdb;}
	body.mob .store_mobTab a	{margin-right: -1px; width: 50%; line-height: 70px; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: bold; text-align: center; letter-spacing: -0.5px; box-sizing: border-box;}

	body.mob .store_mobMenu {position: absolute; top: 90px; left: 0; padding: 30px 35px 120px; width: 720px; background-color: #fff; box-sizing: border-box; z-index: 5;}
	body.mob .store_mobMenu.on {display: block;}
	body.mob .store_mobMenu .label {position: relative; margin-bottom: 40px; padding-bottom: 40px; font-size: 20px; font-weight: bold;}
	body.mob .store_mobMenu .label:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 215px; height: 1px; background-color: #000;}
	body.mob .store_mobMenu .close {position: absolute; top: 30px; right: 35px; width: 23px; height: 23px; background: url(../img/sub/btnCloseStoreMenu.png) center center no-repeat;}
	body.mob .store_mobMenu .cancel {position: absolute; left: 0; bottom: 0; width: 100%; line-height: 72px; font-size: 25px; color: #000; font-weight: 600; background-color: #fff; text-align: center;}
	body.mob .store_mobMenu ul {}
	body.mob .store_mobMenu ul li {margin-bottom: 10px;}
	body.mob .store_mobMenu ul li a {font-size: 20px; font-weight: 500;}
	body.mob .store_mobMenu ul li a:hover,
	body.mob .store_mobMenu ul li.on a {text-decoration: underline;}
	
	
	
	
	/* 190725 */
	
	section.logjoin .box.logbox .flt .lt {float: none; margin: 0 auto;}
	section.logjoin .box.logbox .flt .rt,
	section.logjoin .box.logbox .flt .rt:after,
	section.logjoin .box.logbox .flt .lt:after {display: none;}