/* »ó´Ü ÅëÇÕ°Ë»ö */
#TWholeSize-SearchCom-box-inner {overflow: hidden; width: 1080px; height: auto; margin:100px auto; text-align:center;}
.h2-TWholeSize-SearchCom-text {font-size:18pt; text-align:left; color:#222; letter-spacing:-0.5px; line-height:150%; font-weight:600;}
.h2p-TWholeSize-SearchCom-borderLine {border-bottom:2px solid #444; padding:0 0 5px 0; margin-top:-5px;}
.p2tTitle-searchb {padding:30px 0 10px 0; text-align:left; font-size:11pt; font-weight:300; color:#444; letter-spacing:-0.5px; margin-left:10px;}
.p2tTitle-searchbR {text-align:left; font-size:11pt; font-weight:600; color:#ea0101; letter-spacing:-0.5px;}
.p2tTitle-searchbB {text-align:left; font-size:11pt; font-weight:600; color:#000; letter-spacing:-0.5px;}



/* ÅëÇÕ°Ë»ö ¿ÞÂÊ Ä«Å×°í¸®, ¿À¸¥ÂÊ »óÇ°¸®½ºÆ® */
#TWholeSize-SearchCom-Box {width: 1080px; height: auto; margin:20px auto 50px auto; text-align:center;}
.row-TSearchSizeLRbox:after {content: ""; display: table; clear: both;}
.column-TSearchSizeLRb-Left {float: left; width: 180px; padding: 10px 0 0 0; height: auto; text-align:left;}
.column-TSearchSizeLRb-right {float: right; width: 900px; padding: 10px 0 10px 40px; height: auto; text-align:left;}
.column-TSearchSizeLRb-Left h2 {font-size:11pt; font-weight:bold; text-align:left; color:#000;}
.column-TSearchSizeLRb-Left h3 {font-size:11pt; font-weight:bold; text-align:left; color:#000; margin-top:40px;}
.column-TSearchSizeLRb-Left ul {list-style:none;}
.column-TSearchSizeLRb-Left li {font-size:10pt; color:#222; padding:0; letter-spacing:-0.5px;}
.column-TSearchSizeLRb-Left li.categoryListMenu {font-size:10pt; color:#222; padding:5px 0 8px 0; letter-spacing:-0.5px;} /* Ä«Å×°í¸® padding°ª */
.column-TSearchSizeLRb-Left li.categoryListMenu a:hover {font-size:10pt; color:#000; padding:5px 0 8px 0; font-weight:bold; letter-spacing:-0.5px;} /* a li hoverÃß°¡ */
/* Ã¼Å©¹Ú½º */
.topWsearChecks input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.topWsearChecks input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.topWsearChecks input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 15px; height: 15px; line-height: 15px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ccc; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.topWsearChecks input[type="checkbox"] + label:active:before,
.topWsearChecks input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.topWsearChecks input[type="checkbox"]:checked + label:before {content: '\2714'; color: #000; text-shadow: 1px 1px #fff; background: #fff; border-color: #ccc; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}
/* Å¸ÀÌÆ² ¾Æ·¡ ¶óÀÎ */
hr.btmGray {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0.5em 0 1em 0; padding: 0;}
/*  Ä«Å×°í¸® */
.searLfCateCollapsible {background-color: #fff; font-size:11pt; font-weight:bold; text-align:left; color:#000; margin-top:20px; cursor: pointer; padding:0; width: 100%; border: none; text-align: left; border-bottom:1px solid #ccc; outline: none;}
.searLfCateCollapsible.active, .searLfCateCollapsible:hover {background-color: #fff;}
.searLfCateContent {padding: 0; display: none; overflow: hidden; background-color: #fff;}
.searLfCateCntsView {padding:20px 0 10px 0;}
.searLfCateCollapsible:after {content: '\002B'; color: #222; font-weight: bold; float: right; margin-left: 5px;}
.searLfCateCollapsible.active:after {content: "\2212";}
/*  Ä«Å×°í¸®b */
.searLfCateCollapsibleb {background-color: #fff; font-size:11pt; font-weight:bold; text-align:left; color:#000; margin-top:20px; cursor: pointer; padding:0; width: 100%; border: none; text-align: left; border-bottom:1px solid #ccc; outline: none;}
.searLfCateCollapsibleb.active, .searLfCateCollapsibleb:hover {background-color: #fff;}
.searLfCateContentb {padding: 0; overflow: hidden; background-color: #fff;}
.searLfCateCntsViewb {padding:20px 0 10px 0;}
.searLfCateCollapsibleb:after {content: '\002B'; color: #222; font-weight: bold; float: right; margin-left: 5px;}
.searLfCateCollapsibleb.active:after {content: "\2212";}
/*  ºê·£µå */
.searLfBranCollapsible {background-color: #fff; font-size:11pt; font-weight:bold; text-align:left; color:#000; margin-top:30px; cursor: pointer; padding:0; width: 100%; border: none; text-align: left; border-bottom:1px solid #ccc; outline: none;}
.searLfBranCollapsible.active, .searLfBranCollapsible:hover {background-color: #fff;}
.searLfBranContent {padding: 0; display: none; overflow: hidden; background-color: #fff;}
.searLfBranCntsView {padding:20px 0 10px 0;}
.searLfBranCollapsible:after {content: '\002B'; color: #222; font-weight: bold; float: right; margin-left: 5px;}
.searLfBranCollapsible.active:after {content: "\2212";}
/*  »çÀÌÁî */
.searLfSizeCollapsible {background-color: #fff; font-size:11pt; font-weight:bold; text-align:left; color:#000; margin-top:30px; cursor: pointer; padding:0; width: 100%; border: none; text-align: left; border-bottom:1px solid #ccc; outline: none;}
.searLfSizeCollapsible.active, .searLfSizeCollapsible:hover {background-color: #fff;}
.searLfSizeCollapsible:after {content: '\002B'; color: #222; font-weight: bold; float: right; margin-left: 5px;}
.searLfSizeCollapsible.active:after {content: "\2212";}
.searLfSizeContent {padding: 0; max-height: 0; overflow: hidden; background-color: #fff;}
.searLfSizeContentView {padding:20px 0 10px 0;}

/*  ±âÁ¸ ¿É¼Ç */
.searLfOptCollapsible {background-color: #fff; font-size:11pt; font-weight:bold; text-align:left; color:#000; margin-top:30px; cursor: pointer; padding:0; width: 100%; border: none; text-align: left; border-bottom:1px solid #ccc; outline: none;}
.searLfOptCollapsible.active, .searLfOptCollapsible:hover {background-color: #fff;}
.searLfOptContent {padding: 0; display: none; overflow: hidden; background-color: #fff;}
.searLfOptCntsView {padding:20px 0 10px 0;}
.searLfOptCollapsible:after {content: '\002B'; color: #222; font-weight: bold; float: right; margin-left: 5px;}
.searLfOptCollapsible.active:after {content: "\2212";}
/* ¿É¼Ç ¹Ú½º Ãß°¡ */
.restRearOptBox {width: 100%; height: auto; margin:0 auto; text-align:center; padding:25px 0; border:none;}
.restRearOptTit {width: 100%; height: auto; margin:0 auto; text-align:left; padding:10px 0; border-bottom:1px solid #ccc; color:#444; font-size:11pt; font-weight:bold;}
.restRearOptFm {width: 98%; height: auto; margin:0 auto; text-align:center; padding:10px 0;}

/* °á°ú³»Àç°Ë»ö */
.resultResearchBox {width: 100%; height: auto; margin:0 auto; text-align:center; padding:10px 0; background-color:#f8f8f8; border:1px solid #ccc; color:#444; font-size:9pt; font-weight:bold;}
/* ¶óµð¿À¹öÆ° */
.serLfOptchecks {position: relative; padding-top:10px; text-align:center;}
.serLfOptchecks input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.serLfOptchecks input[type="radio"] + label {display: inline-block; position: relative; padding-left: 22px; font-size:10pt; padding-right:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.serLfOptchecks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: -1px; width: 16px; height: 16px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.serLfOptchecks input[type="radio"] + label:active:before,
.serLfOptchecks input[type="radio"]:checked + label:active:before  {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.serLfOptchecks input[type="radio"]:checked + label:before {background: #E9ECEE; border-color: #adb8c0;}
.serLfOptchecks input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 2px; left: 3px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}
/* °Ë»ö¹Ú½º */
form.searRebox input[type=text] {padding: 10px; font-size: 9pt; border: 1px solid #ccc; float: left; width: 80%; background: #fff;}
form.searRebox button {float: left; width: 20%; padding: 2px 0 0 0; background: #666; color: #fff; font-size: 9pt; text-align:center; border: 1px solid #666; border-left: none; cursor: pointer;}
form.searRebox::after {content: ""; clear: both; display: table;}
#searchw {padding: 10px; font-size: 9pt; border: 1px solid #ccc; float: left; width: 80%; background: #fff;}
#searchw-category {padding: 10px; font-size: 9pt; border: 1px solid #ccc; float: left; width: 80%; background: #fff;} /* Ä«Å×°í¸® °Ë»ö input box */
.searchButton {border: none; color: #fff; padding: 0px 5px; cursor: pointer; width:30px; height:28px; background-color:#666;}
.searchButton2 {border: none; color: #fff; padding: 0px 5px; cursor: pointer; width:30px; height:28px; background-color:#666;}/* Ä«Å×°í¸® °Ë»ö ¹öÆ° */
.fa fa-search {width:40px; height:28px; top:10px;} /* µ¸º¸±â ¾ÆÀÌÄÜ */
/* ¿À¸¥ÂÊ °Ë»ö°á°ú½Ã »óÇ°¸®½ºÆ® ÅÇ¹öÆ° */
.TWholeSize-SearRtab-Box {width: 100%; height: auto; margin:20px auto 50px auto; text-align:center;}
.tWleSarghTab {overflow: hidden; border: none;}
.tWleSarghTab button {background-color: inherit; float: left; border: none; outline: none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc; cursor: pointer; height:40px; padding: 0 10px; transition: 0.3s; font-size: 9pt; font-weight:bold;}
.tWleSarghTab button:nth-child(6) {border-right:1px solid #ccc;}
.tWleSarghTab button:hover {background-color: #f8f8f8;}
.tWleSarghTab button.active {background-color: #ddd;}
.tWleSarghTabcontent {display: none; padding: 20px 0; border: none; border-top: none;}
/* select box */
.twlsrgh-select {width: 100px; padding: 0; margin-top:10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; font-size:9pt; color:#666; text-align:left;}

/* »óÇ°¸®½ºÆ® °á°úÀç°Ë»ö - Æ÷ÇÔ, Á¦¿Ü ¿À¸¥ÂÊ */
.searRightExceptBox {width: 100%; height: auto; margin:0 auto 10px auto; padding:15px 20px; text-align:left; border:1px solid #ccc; border-radius: 25px; background-color: #f8f8f8; clear:bold;}
/* Æ÷ÇÔ */
.row-searRgt-inner:after {content: ""; display: table; clear: both;}
.column-searRgt-Left {float:left; width: 10%; height: auto; margin:0 auto 10px auto; padding:0; text-align:center; #f8f8f8; clear:bold;}
.column-searRgt-right {float:right; width: 90%; height: auto; margin:0 auto 10px auto; padding:0; text-align:left; #f8f8f8; clear:bold;}
/*Á¦¿Ü */
.row-searBowRgt-inner:after {content: ""; display: table; clear: both;}
.column-searBowRgt-Left {float:left; width: 10%; height: auto; margin:0 auto; padding:0; text-align:center; #f8f8f8; clear:bold;}
.column-searBowRgt-right {float:right; width: 90%; height: auto; margin:0 auto; padding:0; text-align:left; #f8f8f8; clear:bold;}
/* °øÅë */
.searChip {display: inline-block; padding: 0 15px; margin-bottom:5px; text-align:left; height: 30px; font-size: 9pt; color:#444; line-height: 30px; border-radius: 25px; background-color: #fff; border:1px solid #eee;}
.searClosebtn {padding-left: 5px; color: #444; font-weight: bold; float: right; font-size: 9pt; font-weight:bold; cursor: pointer;}
.searClosebtn:hover {color: #000; cursor: pointer;}
.column-searRgt-Left .textBLfbold {font-size:10pt; color:#444; letter-spacing:-0.5px; font-weight:bold; line-height:30px;}
.column-searBowRgt-Left .textBLfbold2 {font-size:10pt; color:#444; letter-spacing:-0.5px; font-weight:bold; line-height:30px;}



/* »ó´Ü »çÀÌÁî°Ë»ö */
#TWholeSize-SearchSize-box-inner {overflow: hidden; width: 1080px; height: auto; margin:100px auto; text-align:center;}
.h2-TWholeSize-SearchSize-text {font-size:18pt; text-align:left; color:#222; letter-spacing:-0.5px; line-height:150%; font-weight:600;}
.h2p-TWholeSize-SearchSize-borderLine {border-bottom:2px solid #444; padding:0 0 5px 0; margin-top:-5px;}
.p2tTitle-size-searchb {padding:30px 0 10px 0; text-align:left; font-size:10pt; font-weight:300; color:#444; letter-spacing:-0.5px;}

/* ÀüÃ¼Ä«Å×°í¸®, ÀüÃ¼ºê·£µå, ÀüÃ¼»çÀÌÁîº° */
#TWholeSize-SearchSize-box-inT {width: 1080px; height: auto; margin:0 auto 50px auto; text-align:center;}
.row-TSearchSize-box-inT:after {content: ""; display: table; clear: both;}
.column-TSearchSize-box-inT-Left {float: left; width: 180px; padding: 10px 0 0 0; height: auto; text-align:left;}
.column-TSearchSize-box-inT-right {float: right; width: 900px; padding: 10px 0 10px 40px; height: auto; text-align:left;}

.p2tTitle-size-lefth2-title {padding:30px 0 0 0; text-align:left; font-size:10pt; font-weight:600; color:#000; letter-spacing:-0.5px;}
.h2p-TWholeSizeLeft-borderLine {border-bottom:1px solid #888; padding:0 0 5px 0; margin:0 0 10px 0;}
.h2p-TWholeSizeRight-borderLine {border-bottom:1px solid #666; padding:0 0 5px 0; margin:0 0 10px 0;}
.TSearchSizeT-Left-select-box {width: 100%; padding:0 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; resize: vertical; color:#666; font-size:9pt; height:28px;}
.TSearchSizeT-Left-select-box2 {width: 100%; padding:0 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; resize: vertical; color:#666; font-size:9pt; height:28px;}

/* »çÀÌÁî Ã¼Å©¹Ú½º */
.checksSearBrandSize {position: relative;}
.checksSearBrandSize ul li {width:180px; height:auto; text-align:left; padding:0; margin:0 auto; font-size:10pt; font-weight:300; color:#000; line-height:160%; padding:4px 0;}
.checksSearBrandSize input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; /*overflow: hidden;*/ clip:rect(0,0,0,0); border: 0}
.checksSearBrandSize input[type="checkbox"] {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checksSearBrandSize input[type="checkbox"] {content: ' '; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: 0px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px;}
.checksSearBrandSize input[type="checkbox"]:checked:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checksSearBrandSize input[type="checkbox"]:checked:before {content: '\2714'; color: #000;}

/* »çÀÌÁî°Ë»ö ¿À¸¥ÂÊ »óÇ°¸®½ºÆ® */
#TWholeSize-RightSearchSize-box {width: 100%; height: auto; margin:0 auto 50px auto; text-align:center;}
.h2Rsize-gltitle {font-size:14pt; font-weight:bold; color:#0a65b1; letter-spacing:-0.5px; text-align:left; padding:30px 0 0 0;}
.row-TWSize-RightSearchSize:after {content: ""; display: table; clear: both;}
.column-TWSize-RightSearchSize-01 {float: left; width: 23.14%; margin:1.5% 1.25% 1.5% 0; padding: 0; height:auto; text-align:center; background-color:#fff;}
.column-TWSize-RightSearchSize-02 {float: left; width: 23.15%; margin:1.5% 1.25% 1.5% 1.3%; padding: 0; height:auto; text-align:center; background-color:#fff;}
.column-TWSize-RightSearchSize-03 {float: left; width: 23.15%; margin:1.5% 1.25% 1.5% 1.25%; padding: 0; height:auto; text-align:center; background-color:#fff;}
.column-TWSize-RightSearchSize-04 {float: left; width: 23.15%; margin:1.5% 0 1.5% 1.11%; padding: 0; height:auto; text-align:center; background-color:#fff;}

.card-TWSize-RightSearchSize-01 {width: 100%; margin:0 auto; padding: 20px; height:auto; text-align:center; border:1px solid #ccc;}
.card-TWSize-RightSearchSize-01 img {width: 100%; height:auto;}
.card-TWSize-RightSearchSize-02 {width: 100%; margin:0 auto; padding: 20px; height:auto; text-align:center; border:1px solid #ccc;}
.card-TWSize-RightSearchSize-02 img {width: 100%; height:auto;}
.card-TWSize-RightSearchSize-03 {width: 100%; margin:0 auto; padding: 20px; height:auto; text-align:center; border:1px solid #ccc;}
.card-TWSize-RightSearchSize-03 img {width: 100%; height:auto;}
.card-TWSize-RightSearchSize-04 {width: 100%; margin:0 auto; padding: 20px; height:auto; text-align:center; border:1px solid #ccc;}
.card-TWSize-RightSearchSize-04 img {width: 100%; height:auto;}

.hcard2-title-01 {font-size:10pt; font-weight:300; color:#444; letter-spacing:-0.5px; line-height:150%; text-align:left; padding-top:20px;}
.hcard2-title-02 {font-size:10pt; font-weight:300; color:#666; letter-spacing:-0.5px; line-height:150%; text-align:left;}
.hcard2-title-02-line {text-decoration:line-through; font-size:9pt; font-weight:300; color:#666; letter-spacing:-0.5px; line-height:150%; text-align:left; margin-right:5px;}
.hcard2-title-02-b {font-size:11pt; font-weight:bold; color:#000; letter-spacing:-0.5px; line-height:150%; text-align:left;}
.hcard2-title-02-r {font-size:11pt; font-weight:bold; color:#e0232a; letter-spacing:-0.5px; line-height:150%; text-align:left;}

.newIconGr {font-family: 'Roboto', sans-serif; font-weight:400; font-size:5pt; margin:0 5px; color:#fff; background-color:#116ea3; padding:1px 4px; border-radius:2px; letter-spacing:0px; border:none; outline:none; height:20px;} /* new¾ÆÀÌÄÜ */