@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css
 * Desc      :page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; }
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.m {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}


.top_banner {position: relative;}
.top_banner img {position: relative; left: 50%; top: 0px; transform:translateX(-50%)}
.h_position {display: none;}
/* down */
#header.down {position:fixed; left:0px; top:0px;}

#wrap.down .h_position {display: block; height: 155px;}


/* header */
#header {width:100%; z-index:9999; box-sizing:border-box; transition:all 0.2s 0s ease-in-out; background:#fff; min-width: 1200px; position: relative}
#header:after {display: block; content:""; width: 100%; height: 1px; background:#e8e8e8; position: absolute; left: 0px; bottom: 0px;}

.in_header {max-width:1200px; margin:0 auto; width:100%; height:80px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9; color:#000;}
#header h1 {position:absolute; left:0%; transform: translateY(-50%); top:50%; overflow:hidden; z-index:10; padding-bottom:1px;}
#header h1 a {display:block; overflow:hidden; height:100%; outline:none;}


.search_wrap {max-width:233px; box-sizing: border-box; padding-right: 40px; box-sizing: border-box; border:1px solid #ebebeb; border-radius:4px; width: 100%; overflow: hidden; background: #f4f4f4; position: relative;}
.search_wrap .input {flex: 1; width: 100%; outline: none; background: none; font-size: 14px; border: none; height:30px; line-height: 30px;}
/* .search_wrap button {outline: none; border: none; width:26px; height: 26px; display: flex; justify-content: center; align-items: center; text-align: center; background:#525252; border-radius:100%; font-size:36px; color: #fff; cursor: pointer; position: absolute; right:5px; top: 50%; transform: translateY(-50%)}
 */
.search_wrap button {outline: none; border: none; width:35px; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; background:url(../img/common/search.gif) no-repeat center center #fff; cursor: pointer; position: absolute; right:0px; top:0%;}
.top_menu_wrap {border-bottom: 1px solid #ccc; background: #fff;}
.top_menu_wrap .inner {display: flex; justify-content: flex-end; align-items: center; padding:8px 0px;}
.top_menu_wrap .inner .txt {margin-right: auto; font-size:18px; line-height: 1.3em; color: #000;}

.top_menu {display: flex; flex-wrap: wrap; align-items: center; padding-right: 20px;}
.top_menu > li {margin-left:10px; padding-left:10px; position:relative; line-height:24px; font-size:14px; }
.top_menu > li:before {display:block; content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; left:0px; top:50%; margin-top:-6px;}
.top_menu > li a {color:#222; font-weight:300; font-size:13px; }

.top_menu > li:first-child:before {display:none;}



/* wrap */
#wrap {width:100%; min-width: 1200px; overflow:hidden; margin:0 auto;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; }


.inner {max-width:1200px; margin:0 auto;}


.bg_wrap {background:#f2f2f2}



.w_gnb {padding:0px 0px 0px 250px;}
.w_gnb .gnb {max-width:1200px; margin: 0 auto; box-sizing: border-box; position: relative; justify-content:space-between; display: flex; flex-wrap: wrap; align-items: center}
.w_gnb .gnb .event_btn {}
.w_gnb .gnb .event_btn > a {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 46px; line-height: 1.3em; background: #5ddfde; border-radius:60px; padding: 0px 20px; color: #fff; font-size: 17px; box-sizing: border-box;}



.w_gnb .gnb > ul {margin:0 auto; flex: 1; justify-content:space-between; display: flex; flex-wrap: wrap; padding-right:10px;}
.w_gnb .gnb > ul > li {text-align:center; padding: 0px 0px; position:relative; transition:all 0.2s 0s ease-in-out; width:100px;}
.w_gnb .gnb > ul > li > a {display:block; color:#333333;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:20px; line-height:80px; height:80px; color:#222222; font-weight:600; transition:all 0.2s 0s ease-in-out; box-sizing: border-box; }


.w_gnb .sub_menu  {position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:190px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding:0px 0px; border:1px solid #000; background:#fff; padding:10px 0px; display:none; z-index: 99 }
.w_gnb .sub_menu > li {padding:3px 3px 3px 3px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:14px; text-align:center; font-weight:400; color:#333333; padding:3px 0px; line-height:20px; transition:all 0.2s 0s ease-in-out;}
.w_gnb .sub_menu > li > a:hover {color:#000; background: #ffefda}
.w_gnb .three_depth { display:none;}
.w_gnb .three_depth { display:none;}





/* visual */
#section1 { padding:0px;  border-top: 1px solid #000000}

.main_visual {width: 100%; overflow: hidden; position: relative; z-index: 2}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width:1200px; margin: 0 auto; position: relative;}
.main_visual .v_frame .vf {display: block; padding-bottom: 50%; position: relative;}

.main_visual .bxslider > li a {display:block;}
.main_visual .bxslider > li img {position: relative; left: 50%; top: 0px; transform:translateX(-50%)}



.main_visual .v_bt {display:block; position:absolute; top:50%; transform:translateY(-50%); z-index:99;}
.main_visual .v_bt > a {display:block; padding:9px 10px 10px 10px;}
.main_visual #visual_r1 {right: 50%; margin-right: -850px;}
.main_visual #visual_l1 {left: 50%; margin-left: -850px;}




.main_visual .bx-controls {text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:30px; width:100%; max-width:1200px; box-sizing:border-box; z-index:99;}
.main_visual .bx-wrapper .bx-pager {position:relative; width:auto !important; left:auto; bottom:auto; display:inline-block; vertical-align:top; padding: 0px; z-index:99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:relative; bottom:auto; display:inline-block; right:auto; width:24px; height:18px; text-align:center; padding-top:10px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; z-index:99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align:top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:200px; height:10px; margin:0; background:#666666; border:none; -moz-border-radius:0px;  -webkit-border-radius:0px; border-radius:0px; box-sizing:border-box; position:relative; opacity:1;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity:1; background:#f40405;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1;  background:#f40405;}
.main_visual .bx-wrapper .bx-controls-auto .active {display:none;}

.quick_wrap {transition:all 0.3s 0s ease-in-out; z-index:9; position:absolute; margin-left: -220px; top: 0px;}
.quick_wrap > ul {transition:all 0.3s 0s ease-in-out;}
.quick_wrap > ul > li {margin-top:10px;}
.quick_wrap > ul > li:first-child {margin-top:0px;}
.quick_wrap.fix {top:133px; position: fixed;}

#section2 .inner {position: relative;}
/*

@media screen and (min-width:1200px) {
	.quick_wrap {transform:translate(0px, -50%);}
}


@media screen and (max-width:1200px) {
	.quick_wrap {transform:translate(-165px, -50%);}

}
*/




/* section */
.section {padding:70px 0px; font-size:18px; line-height:140%; word-break:keep-all; color:#333333; font-weight:400; }
.inner {max-width: 1200px; margin: 0 auto;}




.m_tit_wrap {position: relative; margin-bottom:10px; text-align: center}
.m_tit_wrap:after {display: block; content: ""; width: 100%; height:2px; background:#282828; position: absolute; left: 0px; top: 50%; margin-top: -1px;}
.m_tit_wrap .m_tit {background: #fff; position: relative; padding: 0px 20px; display: inline-block;}

.m_tit {padding:0px 0px 0px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#282828; text-align:center; font-size:33px; line-height:130%; font-weight:800; z-index:2; position:relative}
.m_tit {padding:0px 0px 0px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#282828; text-align:center; font-size:33px; line-height:130%; font-weight:800; z-index:2; position:relative}

.m_tit_txt {margin:0px 0px 30px 0px; word-break:keep-all; color:#333; font-weight:300; font-size:20px; text-align:center; line-height:150%; display:block;}



.product_list > ul.three {margin: -20px;}
.product_list > ul.three > li {width: 33.333333%; padding: 20px;}

.product_list > ul {display: flex; flex-wrap: wrap; margin: -7px;}
.product_list > ul > li {width: 25%; box-sizing: border-box; padding:7px;}
.product_list .box {overflow: hidden; transition:all 0.3s 0s ease-in-out; display: block; height: 100%; box-sizing: border-box; transition:all 0.3s 0s ease-in-out;}
.product_list .box .pic {display: block; padding-bottom: 100%; overflow: hidden; position: relative; border:2px solid #f8f8f8; border-radius:30px; background: #fff; transition:all 0.3s 0s ease-in-out;}
.product_list .box .pic > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }
.product_list .box:hover .pic {border-color:#ff4660; }
.product_list .box .info {position: relative; margin-top:10px; padding:20px 0px 0px 0px;}
.product_list .box .info .flag_wrap {display: flex; flex-wrap: wrap; position: relative; margin: 0px -20px 30px -20px; padding-left:5px;}
.product_list .box .info .flag_wrap:before {display: block; content: ""; opacity: 0.6; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0px; top: 50%;}
.product_list .box .info .flag_wrap .flag {display:block; color: #fff; min-width: 63px; line-height:32px; height:29px; color: #fff; font-size:16px; border-radius:5px; padding: 0px 5px; box-sizing: border-box; text-align: center; position: relative; margin-left:8px;}
.product_list .box .info .flag_wrap .flag:first-child {margin-left: 0px;}
.product_list .box .info .prd_tit {margin-bottom:5px;}
.product_list .box .info .prd_tit .model {display:block; color: #666666; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.product_list .box .info .name {font-size:26px; text-align: center; overflow: hidden; /*text-overflow: ellipsis; overflow: hidden;*/ white-space: nowrap; color: #000; text-align: center; line-height: 1.3em; font-weight:600; margin-bottom:5px;}
.product_list .box .info .sale_wrap {display: flex; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 16px;  padding: 10px 0px 5px 0px;}
.product_list .box .info .sale_wrap .arrow {padding: 0px 5px;}
.product_list .box .info .sale_wrap .line {text-decoration: line-through}
.product_list .box .info .sale_wrap .won > strong { font-size: 1.15em;}
.product_list .box .info .place {font-size:20px; text-align: center; color: #000;  font-size:20px; color: #000; padding: 3px 0px; font-weight: 300;}
.product_list .box .info .place > strong {font-weight:600; font-size: 1.3em; color: #ff4660; }
.product_list .box .info .bt {display: flex; width: 150px; height: 53px; border:1px solid #ccc; border-radius:10px; justify-content: center; align-items: center; font-size: 17px; margin: 10px auto; box-sizing: border-box;transition:all 0.3s 0s ease-in-out; }
.product_list .box:hover .info .bt {border-color:#ff4660; background: #ff4660; color: #fff;}

#section4 {position: relative; padding-top:30px;}
#section4:before {display: block; content: ""; width: 100%; height:280px; background:#7592ff; position: absolute; left: 0px; top:0%;}
#section4 .inner {display: flex; flex-wrap: wrap; position: relative; align-items: flex-start}
#section4 .inner .tit_area {width: 220px; color: #fff; font-size:26px; font-weight:100; line-height: 1.3em; padding-bottom: 40px; background: url(../img/main/arrow.gif) no-repeat left bottom}
#section4 .inner .tit_area > h3 {width: 220px; color: #fff; font-size: 1.3em; font-weight: 800; line-height: 1.3em; }
.main_banner {display: flex; flex-wrap: wrap; justify-content:space-between; margin: -10px; padding-top:30px; flex: 1;}
.main_banner > li {width:33.333333%; box-sizing: border-box; padding: 10px;}
.main_banner > li > a {display: block; overflow: hidden; border-radius:30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 20%)}
.main_banner > li > a img {max-width: 100%;}




.main_customer {display: flex; flex-wrap: wrap; justify-content: space-between}
.main_customer .box { width: 230px;}
.main_customer .box > h3 {color: #222222; font-size: 26px; line-height: 140%; font-weight: 600; padding-bottom:15px;}
.main_customer .box > h3 .eng {font-size: 16px; display: block; color: #999999; line-height: 140%; font-weight: 400;}
.main_customer .center .tel {letter-spacing: -1px; font-size:42px; color: #f34747; line-height:120%; font-weight:700;}
.main_customer .center .time {font-size: 15px; color: #333333; line-height:140%; font-weight:300;}
.main_customer .center .time > li {padding-top: 5px;}
.main_customer .bank dt {padding-top: 10px;}
.main_customer .bank .number {font-size:16px; color: #999999; line-height:140%; padding-top: 5px;}
.main_customer .bank .number > strong {font-size:22px; color: #000000; line-height:140%; font-weight:700; display: block;}

.customer_board {position: relative; display: flex; flex-wrap: wrap; justify-content:space-between}
.customer_board .bx-viewport {height:100% !important}

.customer_board .box {width:50%; box-sizing: border-box; padding:20px 10px; background: #fff;}
.customer_board .box > h3 {color: #222222; font-size:26px; display: flex; align-items: center; font-weight: 600; padding-bottom: 5px;}
.customer_board .box > h3 .ico {padding-left:8px;}
.customer_board .box > h3 .ico img{width:30px;}

.customer_board .box .board {padding: 10px; border: 1px solid #ccc; border-radius:10px; height:300px; overflow: hidden; box-sizing: border-box}
.customer_board .box .board ul > li {padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #ccc; }
.customer_board .box .board ul > li:last-child {margin-bottom:0px; border: none;}
.customer_board .box .board ul > li > a {color: #333333;}
.customer_board .box .board ul > li .subject {display: flex; flex-wrap: nowrap; align-items: center;}
.customer_board .box .board ul > li .txt_t {font-size:18px; color: #000; font-weight: 600; line-height: 1.3em;}
.customer_board .box .board ul > li .star {color: #ea0000; padding-left: 20px; font-size: 14px;}
.customer_board .box .board ul > li .txt_s {font-size: 14px; color: #333; line-height: 1.3em; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; height:2.6em; font-weight: 100;}
.customer_board .box .board .flex {display: flex; align-items: center;}
.customer_board .box .board .flex > li {box-sizing: border-box; border: none; padding: 0px 3px; margin: 0px; font-size: 13px;}
.customer_board .box .board .flex > li:nth-child(1) {width: 20%;}
.customer_board .box .board .flex > li:nth-child(2) {width: 15%;}
.customer_board .box .board .flex > li:nth-child(3) {width: 25%;}
.customer_board .box .board .flex > li:nth-child(3) {width: 25%;}
.customer_board .box .board .flex > li:nth-child(4) {flex: 1}
.customer_board .box .board .flex > li .type1 {display: inline-flex; justify-content: center; align-items: center; padding: 0px 10px; border-radius:60px; height:36px; background: #000000; color: #fff;}
.customer_board .box .board .flex > li .type2 {display: inline-flex; justify-content: center; align-items: center; padding: 0px 10px; border-radius:60px; height:36px; background: #f64c70; color: #fff;}

#section5 .banner {display: flex; flex-wrap: wrap; margin: -10px; justify-content: space-between}
#section5 .banner > li {padding: 10px;}


.main_customer .quick {flex: 1; max-width: 700px; margin: 0 auto; border: 1px solid #e0e0e0; min-height: 178px; display: flex; flex-wrap: wrap; align-items: center; justify-self: center;}
.main_customer .quick > ul {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
.main_customer .quick > ul > li {padding: 5px;}
.main_customer .quick > ul > li > a {display: block; text-align: center}
.main_customer .quick > ul > li > a > span {display: block; color: #222222; font-size: 15.5px; line-height: 130%; padding-top: 10px; }

#section5 {padding-top: 20px;}

#section6 {padding: 0px; border-top:1px solid #e4e4e4; }

.main_customer {display: flex; flex-wrap: wrap; margin: 0px -10px; padding: 15px 0px;}
.main_customer > dl {width: 50%; box-sizing: border-box; padding: 10px; height: 66px; padding-right: 80px; position: relative;}
.main_customer > dl:nth-child(2) {border-left:1px solid #e4e4e4;}
.main_customer > dl {display: flex; align-items: flex-start}
.main_customer > dl > dt {position: relative; color: #333; font-size:17px; width: 125px; position: relative; text-align: center; align-self: center;}
.main_customer > dl > dt:After {display: block; content: ""; width: 1px; height: 20px; background: #e4e4e4; position: absolute; right: 0px; top: 50%; transform: translateY(-50%)}
.main_customer > dl > dd {flex: 1; overflow: hidden}
.main_customer > dl > dd > ul {padding-left:20px;}
.main_customer > dl > dd > ul > li {padding-top: 3px; line-height: 1.3em;}
.main_customer > dl > dd > ul > li a {color:#000; font-size: 13px; font-weight: 100; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main_customer > dl > dd.more {position: absolute; right:20px; top: 50%; transform: translateY(-50%);}
.main_customer > dl > dd.more > a {display: inline-block; border: 1px solid #e4e4e4; font-size: 12px; border-radius:4px; background: #fff; padding: 0px 5px; }

.footer_logos {display: flex; flex-wrap: wrap; justify-content: space-between; padding:15px 0px;}
.footer_logos > ul {display: flex; flex-wrap: wrap; margin: 0px -8px;}
.footer_logos > ul > li {padding: 0px 8px; font-family:dotum; font-size: 12px;}
.footer_logos > ul.logos > li {display:flex; align-items: center;}
.footer_logos > ul.logos > li .ico {padding-right: 10px;}



/* footer */
#footerW {clear:both; padding:0px 0px 70px 0px; background:#f8f8f8; box-sizing:border-box; margin:0 auto; position:relative;  }

#footerW.z_over {z-index:101; position:relative;}

#footer { position:relative; max-width:1200px; display: flex; flex-wrap: wrap; margin:0 auto; z-index: 2; color: #b9b8bd; }
#footer a {color: #b9b8bd; }
#footer .go_top {position:absolute; right:0px; top:-67px}
#footer .sns {position:absolute; right:180px; top:-67px}
#footer .box_wrap {box-sizing: border-box; display: flex; flex-wrap: wrap; width: 100%;}
#footer .box_wrap .box {width:32%; font-family: 'Noto Sans'; font-size: 13px; color: #797979; box-sizing: border-box; padding:20px 10px; border-left:1px solid #ccc; }
#footer .box_wrap .info {width:36%; font-family: 'Noto Sans'; font-size: 13px; color: #797979; box-sizing: border-box; padding:20px 10px; border-left:1px solid #ccc; }
#footer .box_wrap .info .navi {display: flex; flex-wrap: wrap; margin: 0px -10px; padding-bottom: 30px;}
#footer .box_wrap .info .navi > li {padding: 0px 10px;}
#footer .box_wrap .info .navi > li > a {color: #000; font-weight: 400;}
#footer .box_wrap .info > dl > dt {color: #000; font-weight: 300; padding-bottom: 25px;}
#footer .box_wrap .info > dl > dd {line-height: 1.4em; padding-top:5px;}
#footer .box_wrap .box > h3 {color: #000; font-size: 17px;}
#footer .box_wrap .box > h3:after {display: block; content: ""; width: 30px; height: 1px; background: #000; margin:20px 0px 30px 0px;}
#footer .box_wrap .box > h3:after {display: block; content: ""; width: 30px; height: 1px; background: #000; margin:20px 0px 30px 0px;}
#footer .box_wrap .box .tel {font-weight: 600; color: #999; line-height: 1.3em; padding-bottom: 30px; font-size: 25px;}
#footer .box_wrap .box .txt_a {font-size: 14px; line-height: 1.5em;}
#footer .box_wrap .box .txt_b {font-size: 15px; line-height: 1.5em; color: #000;}
#footer .box_wrap .center {padding-left: 30px;}




#footer .addressW {width: 50%; box-sizing: border-box; padding-left:65px; border-left:1px solid #757575; color: #a6a5a5; font-size: 15px; line-height: 1.5em; font-weight:200; letter-spacing: -0.3px; }
#footer .addressW a {color: #a6a5a5}
#footer .addressW .tag {font-size:12px; color: #7f7f7e;}

#footer .footer_txt_product{margin-top:20px; margin-bottom:20px;padding:10px;font-size:10px;}

#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}


/*atab*/
.atab { margin-bottom:40px; padding-top:10px; display: flex; flex-wrap: wrap;}
.atab:after {clear:both; display:block; content:"";}
.atab li {flex: 1;}
.atab li a {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%; height:68px; background:#fff; line-height:130%; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; font-size:1.15em; font-weight:400; background:#fff}
.atab li.on a {font-weight:500; border:1px solid #fa6f8c !important; background:#fa6f8c; color:#fff;}


.btab {display:flex; flex-wrap:wrap; margin:+5px -10px;}
.btab > li {padding:5px 10px;}
.btab > li > a {display:block; color:#666666; font-size:1.2em; line-height:140%; padding-top:10px; position:relative;}
.btab > li > a:before {display:block; content:""; width:0px; height:0px; background:#966a52; border-radius:100%; position:absolute; left:50%; top:0px; margin-left:-3px;transition:all 0.4s 0s ease-in-out;}
.btab > li.on > a {color:#966a52; font-weight:600;}
.btab > li.on > a:before {width:6px; height:6px; }



.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; table-layout: fixed; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:15px; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border-radius:20px; overflow:hidden;}
.pop_wrap .x_btn { font-size: 0px; width:30px; height:30px; position:absolute; right:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:inline-block; cursor:pointer; background:none}
.pop_wrap .x_btn:after {display: block; content: ""; width: 100%; height:3px; background: #fff; transform-origin:center; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%;}
.pop_wrap .x_btn:before {display: block; content: ""; width: 100%; height:3px; background: #fff; transform-origin:center; transform: translateY(-50%) rotate(135deg); position: absolute; top: 50%;}

.pop_wrap .pop_head {background:#000; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:150%;  color:#fff; padding:20px 50px 20px 25px; text-align:left; font-weight:600;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}
.pol_sc_in {height: 100%;}
.pop_wrap .pop_bottom .close {background: #000000; display: block; color: #fff; line-height:50px; font-size: 16px; text-align: center}




/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}

/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../popup/images/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}
.main_pop_content > img{max-width:100%;}
.pop_bottom_bt {display: flex; flex-wrap: wrap; width: 100%; background: #333; border-top:2px solid #fff; }
.pop_bottom_bt > a {display: block; width: 50%; box-sizing: border-box; color: #fff; text-align: center; height:50px; line-height:48px; font-size:16px; font-weight: 400; border-left: 1px solid #fff;}
.pop_bottom_bt > a:first-child {border: none;}


.sub_wrap {background: #fff}
.sub_con {max-width: 1200px; padding-top:10px; padding-bottom:80px; margin: 0 auto; font-size: 14px; }
.s_tit {font-size: 24px; padding:30px 0px 10px 0px;}
.s_tit > span {display: inline-block; border-bottom:2px solid #5ddfde}
.title_bar {max-width:1400px; margin:0px auto; margin-bottom:30px; padding-top:80px; position:relative;}
.title_bar h2 {font-size:30px; text-align:center; font-weight:400; color:#000000; line-height:120%; transition:all 0.2s 0s ease-in-out;}
.sub_cate {margin-bottom: 30px;}
.sub_cate > ul {display: flex; flex-wrap: wrap; border-top:1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background: #fff;}
.sub_cate > ul > li {flex-basis:100px; background: #fff;}
.sub_cate > ul > li > a {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #1b1b1b; font-size: 14px; line-height: 130%; height:52px; text-align: center; transition:all 0.2s 0s ease-in-out;}
.sub_cate > ul > li > a:hover {background: #ffedf3}
.sub_cate > ul > li > a.on {background: #e6004f; color: #fff;}
.sub_cate > ul > li.all { flex-basis:140px; padding-right:40px;}
.sub_cate > ul > li.all > a > span {display:inline-block; padding-left:40px; position: relative; min-height: 17px; font-size: 1.2em;}
.sub_cate > ul > li.all > a > span > span {position: absolute; left: 0px; top:1px; display: block; width: 22px; height: 2px; background: #fff;}
.sub_cate > ul > li.all > a > span > span:after {background: #fff; display: block; content: ""; width: 100%; height: 2px; position: absolute; left: 0px; top: 8px;}
.sub_cate > ul > li.all > a > span > span:before {background: #fff;display: block; content: ""; width: 100%; height: 2px; position: absolute; left: 0px; top:15px;}

.detail_search {border-radius:20px; background: #fff; box-shadow: 1px 2px 3px rgba(0, 0, 0, 10%); padding: 20px; padding-bottom:10px;}
.detail_search .head {display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 10px 0px 20px 0px;}
.detail_search .head > h3 {font-size: 12px; color: #fe8d5b; font-weight: 600;}
.detail_search .head > h3 > span {display: block; padding-right: 40px; line-height: 27px; background: url(../img/common/search.gif) no-repeat right center;}
.detail_search .head .btn_reset {display: block; padding-left:30px; line-height: 27px; background: url(../img/common/reset.gif) no-repeat left center; font-size: 12px; color: #959595; outline: none; border: none;}

.filter_area .row {display: flex; flex-wrap: wrap; border-top:1px solid #eeeeee; }

.filter_area .row > h3 {width: 195px; box-sizing: border-box; font-size: 16px; padding-left: 10px; padding-top:6px; line-height:40px;}
.filter_area .row > ul {flex:1; display: flex; padding:6px 0px; flex-wrap: wrap;}
.filter_area .row > ul > li {padding:5px;}
.filter_area .row > ul > li > a {display: block; line-height:30px; font-size: 15px; padding: 0px 10px; border-radius:6px; transition:all 0.2s 0s ease-in-out; color: #666; letter-spacing: -0.5px; font-weight: 300; position: relative}
.filter_area .row > ul > li > a:hover {color: #000;}
.filter_area .row > ul > li > a.on {background: #ff4660; color:#fff;}
.filter_area .row > ul > li > a.on:hover:before{content:'x';width:16px;height:16px; font-size:13px; line-height:11px; text-align: center; border-radius:100%; display:inline-block; background: #fff; position:absolute;top:-4px;right:-4px; border: 1px solid #ccc; color: #999; box-sizing: border-box;}
.filter_area .ft_row ul li.active a{background:#fa6c39;color:#fff}

.product_sort {display: flex; flex-wrap: wrap; border-bottom: 1px solid #eeeeee; padding: 30px 3% 10px 3%; margin-bottom: 10px; justify-content: space-between; }
.product_sort .total {font-size:12px; color: #959595; font-weight: 300;}
.product_sort > ul {display: flex; flex-wrap: wrap;}
.product_sort > ul > li {padding-left: 10px}
.product_sort > ul > li > a {display: block; color: #959595; font-size: 12px;}
.product_sort > ul > li > a.on {font-weight:600; color: #000;}

.paging {overflow:hidden; text-align:center; margin:45px 0px 25px 0px; width:100%; font-weight:300; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.paging img {vertical-align:middle; max-width:70%;}
.paging a {color:#333333; width:30px; height: 30px; box-sizing: border-box; line-height:140%; overflow: hidden; font-size:13px; border:1px solid #e0e0e0; border-left: none; display:inline-flex; justify-content: center; align-items: center; font-weight:300; background: #fff;}
.paging a:first-child {border-left:1px solid #e0e0e0;}
.paging a.on {color:#f7120a; border:1px solid #f7120a;}

.product_view {display: flex; flex-wrap: wrap; justify-content: space-between}
.product_img_wrap {width:880px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between}
.product_img_wrap .product_img {width:330px; box-sizing: border-box; padding:0px 10px;}
.product_img_wrap .product_img .big {display: flex; height: 340px; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;}
.product_img_wrap .product_img .big img {max-width: 100%}
.product_img_wrap .prd_name {text-align: center; }
.product_img_wrap .prd_name > h2 {font-size:26px; color: #000000; line-height: 140%; font-weight: 600; }
.product_img_wrap .prd_name .date {font-size:15px; padding-top: 10px; color: #666; line-height: 140%;}
.product_img_wrap .prd_name > p {padding-top:5px; line-height:1.4em; color:#666;}
.product_img_wrap .color_txt {padding-top:5px; text-align: center; font-size:16px; line-height: 1.3em; font-weight: 300;}
.product_img_wrap .small {display: flex; flex-wrap: wrap; justify-content: center; padding:25px 0px 0px 0px;}
.product_img_wrap .small > li {padding: 2px;}
.product_img_wrap .small > li > a {display: flex; width:50px; height: 50px; border: 1px solid #eee; position: relative;}
.product_img_wrap .small > li > a:hover:after {display: block; content: ""; width: 100%; height: 100%; border: 2px solid #000; box-sizing: border-box; position: absolute; left: 0px; top: 0px;}


.product_img_wrap .color_select {display: flex; flex-wrap: wrap; justify-content: center; padding:5px 0px 10px 0px;}
.product_img_wrap .color_select > li {padding: 2px;}
.product_img_wrap .color_select > li > a {display: flex; width:30px; height: 30px; border-radius:4px; position: relative; border-radius:100%; border:2px solid #999;  }
.product_img_wrap .color_select > li > a.on:after {display: block; content: ""; width: 100%; height: 100%; border:3px solid #fff; box-sizing: border-box; position: absolute; left: 0px; top: 0px; border-radius:100%;}


.product_img_wrap .product_info {width:490px; padding-left: 10px; font-size: 17px;}
.product_img_wrap .product_info > h3 {font-size:24px; font-weight:500; padding: 30px 0px 10px 0px; line-height: 1.3em;}
.product_img_wrap .product_info > h3:first-child {padding-top:20px;}
.product_img_wrap .btn_group {display: flex; flex-wrap: wrap; margin: -3px; justify-content: space-between}
.product_img_wrap .btn_group > li {padding: 3px; flex: 1}
.product_img_wrap .btn_group > li > button {border-radius:6px; font-weight:400; outline: none; background: #fff; display: flex; border: 1px solid #ccc; min-height: 40px; box-sizing: border-box; justify-content: center; align-items: center; font-size:17px; padding: 0px 3px; width: 100%; cursor: pointer;  color: #666;}
.product_img_wrap .btn_group > li > .on {border-color:#000000; font-weight: 600;  background: #000000; color:#fff}
.product_img_wrap #join_type_txt {padding-top: 5px; font-size: 100; line-height: 1.5em;}
.product_img_wrap .note {color: #666; font-size: 14px;}
.product_img_wrap select{border-radius: 5px;border: 1px solid #333;padding:0px 40px 0px 20px !important;font-size: 17px;width: 100%;color: #ff4660; background: url(../img/common/arrow.png) no-repeat 98% center #fff; cursor: pointer;box-sizing: border-box; height:42px; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}
.product_img_wrap .radio_group {display: flex; flex-wrap: wrap; margin: -10px;}
.product_img_wrap .radio_group > li {padding:10px;}
.product_img_wrap .tip {padding-top: 10px; font-size:16px;  color: #ff4660}
.product_img_wrap .all_view {text-align: right; height: 30px; margin-top: -30px;}
.product_img_wrap .all_view > a {font-size: 14px; color: #000;}
.product_img_wrap .price_select {border: 1px solid #ccc; border-top:none; background: #fbfbfb; padding: 20px; margin-top: -2px; font-family: 'Noto Sans';
 font-size: 14px; line-height: 1.4em;}

.product_info_wrap .item_price > h2 {padding: 15px 0px ;text-align: center; color: #000; font-size:19px;}
.product_info_wrap .item_price > h3 {padding:10px; line-height:1.5em; background: #000; color: #fff; font-size:20px; font-weight: 400; padding-left:25px;}
.product_info_wrap .item_price { border: 1px solid #ccc; border-radius:6px; overflow: hidden}
.product_info_wrap .item_price > h2 .type {display: flex; font-size: 18px; width: 26px; height: 26px; border-radius:100%; margin-right: 5px; background-color: #fa7647; color: #fff; justify-content: center; box-sizing: border-box;  align-items: center; margin-top: -3px;}
.product_info_wrap .item_price > h2 .small_txt {font-size: 14px; color: #666; line-height: 1.3em;}
.product_info_wrap {width:290px; box-sizing: border-box;}
.product_info_wrap .price_list > li.tit {justify-content:flex-start; font-size:19px; align-items: center; font-weight:700; margin-bottom:10px;}
.product_info_wrap .price_list > li.tit .txt_a {display:inline-flex; font-size:15px; width:24px; height:24px; justify-content: center; color:#fff; text-align:center; align-items:center; line-height:1.1em; font-weight:700; border-radius:100%; margin-right:5px;}
.product_info_wrap .price_list > li {display: flex; flex-wrap: wrap; justify-content: space-between; font-size:17px; line-height: 1.4em; padding:5px 10px;}
.product_info_wrap .price_list > li.fb {font-weight: 700 !important; font-size:19px;}
.product_info_wrap .price_list > li.fb .con {font-weight: 700 !important}
.product_info_wrap .price_list > li.fb .con > strong {font-weight: 700 !important}
.product_info_wrap .price_list {padding: 10px 15px; }
.product_info_wrap .price_list > li .con {font-weight:300;}

.product_info_wrap .price_list > li .con .gm {color: #ff4660;}
.product_info_wrap .price_list2 > li {display: flex; flex-wrap: wrap; justify-content: space-between; font-size:16px; line-height: 1.4em}
.product_info_wrap .price_list2 > li .con.blue {color: #3462e7}
.product_info_wrap .price_list2 > li .con.line {text-decoration: line-through}
.product_info_wrap .price_list2 > li .subject {position: relative;}
.product_info_wrap .price_list2 > li .subject .tip {position: absolute; top: 0px; left: 110%; border: 1px solid #000; font-size: 13px; background: #fff; padding:10px 20px; font-family: 'Noto Sans'; width:240px; display: none;}

.product_info_wrap .dot_line {margin: 20px 0px; border-top:1px dashed #ccc; display:block}
.product_info_wrap .month_price {text-align: right; font-size:25px; color: #ff4660 ;line-height: 1.4em;}
.product_info_wrap .month_price .gmB {font-size: 1.4em; line-height: 1.4em;}
.product_view .end_btn {padding-top:20px; justify-content: center; display: flex; flex-wrap: wrap; margin: 0px -10px;}
.product_view .end_btn > li {box-sizing: border-box; padding: 10px;}
.product_view .end_btn > li > a {display: flex; align-items: center; font-size:16px; font-weight:400; color:#000; line-height: 1.3em; box-sizing: border-box;}
.product_view .end_btn > li > a .ico {padding-right: 10px;}
.product_view .end_btn > li > a.order_bt  {font-size:20px; min-height:60px; background: #da0001;  color:#fff}
.product_view .end_btn > li.one {width: 100%; max-width: 270px; margin: 0 auto;}
.product_view .end_btn > li.one a {height: 70px; border:1px solid #000; border-radius:4px; justify-content: center; font-size: 20px; font-weight: 600; color: #000; background: #fff;}
.product_view .order_btn {padding-top: 20px;}
.product_view .order_btn > li a {display: flex; align-items: center; height:100px; border:1px solid #ff3737; border-radius:4px; justify-content: center; font-size:26px; font-weight: 600; color: #fff; background: #ff3737;}


.total_price {font-size: 13px; line-height: 1.4em; padding:0px 15px 20px 15px; letter-spacing: -0.5px; text-align: right;}
.total_price:before {display:block; content: ""; width:96%; height: 1px; background: #ccc; margin: 0 auto; margin-bottom: 20px;}


.prd_info_wrap .price .box .bt {padding-top: 20px; text-align: right;}
.prd_info_wrap .price .box .bt > button {width: 200px; height: 55px; line-height: 120%; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size:20px; font-weight: 400; border-radius: 10px; background: #000000; outline:none; border: none; cursor: pointer}
.prd_info_wrap .box .select {border: none; line-height: 38px; width: 100%; padding: 10px; box-sizing: border-box;background-color: #f7f7f7; border-radius: 10px;}

.prd_tab {display: flex; flex-wrap: wrap; justify-content: space-between;}
.prd_tab > li {flex: 1;}
.prd_tab > li > a {display: flex; min-height: 50px; justify-content: center; align-items: center; line-height: 1.3em; background: #f7f7f7; padding-top: 3px; font-size: 20px; color: #000; border:1px solid #dddddd; border-bottom: none; border-left-width:0px;}
.prd_tab > li > a .count {font-size: 12px; color:#fb6d3a; padding-left:7px;}
.prd_tab > li > a.on {background: #fff; border-top:2px solid #4a4a4a }
.prd_tab > li:first-child > a {border-left-width:1px;}

.b_quick_wrap {position: fixed; left: 0px; bottom: 0px; background:#000000; width: 100%; z-index: 88}
.b_quick_wrap .inner {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 0px; min-width:1230px;}
.b_quick_wrap .inner > ul {display: flex; flex-wrap: wrap; font-size: 15px; justify-content: space-between; flex: 1; align-items: center;}
.b_quick_wrap .inner > ul > li { color: #fff; padding-right: 10px;}
.b_quick_wrap .inner > ul > li:nth-child(1) {width:13%}
.b_quick_wrap .inner > ul > li:nth-child(2) {width:25%}
.b_quick_wrap .inner > ul > li:nth-child(3) {width:26%}
.b_quick_wrap .inner > ul > li:nth-child(4) {flex: 1}
.b_quick_wrap .inner .bt {width: 340px; display: flex}
.b_quick_wrap .inner .bt > a {display: flex; width: calc((100% / 2) - 5px); margin: 0px 5px; height: 42px; border-radius:4px; font-size: 16px; color: #000; justify-content: center; align-items: center; font-weight: 600;}





/* btn */
.btnType1, a.btnType1 {display: inline-flex; height: 31px; box-sizing: border-box; border: 1px solid #ccc; padding: 0px 5px; font-size: 13px; color: #333; background: #fff; justify-content: center; align-items: center; font-weight: 300;}
.btnType2, a.btnType2 {display: inline-flex; height:29px; box-sizing: border-box; border: 1px solid #e74c3c; padding: 0px 10px; font-size: 13px; color: #fff; background: #e74c3c; justify-content: center; align-items: center; font-weight: 300; border-radius:4px; }

.btn_ico_arrow {display: block; position: relative; padding-right:10px;}
.btn_ico_arrow:after {content: ''; width:7px; height: 7px; border-top:2px solid #fff; border-right:2px solid #fff; border-radius:2px; display: inline-block; transform: rotate(45deg) translateY(-50%); position: absolute; right: 0px; top: 50%; margin-top: -1px;}

.sns_share {display:flex; flex-wrap:wrap;}
.sns_share > li { width:33.3333%; box-sizing:border-box; padding:10px 5px; text-align:center;}
.sns_share > li > a {display:inline-block; color:#000; font-size:16px; line-height:1.4em;}
.sns_share > li > a img {width:125px;}
.sns_share > li > a .txt {display:block; padding-top:10px;}

.sns_url_area {border:1px solid #ccc; position:relative; margin:20px 30px; display:flex;}
.sns_url_area input {padding:5px; box-sizing:border-box; border:none; height:50px; font-size:18px; line-height:1.4em; flex:1}
.sns_url_area button {background: #fff; border: none; border-left:1px solid #ccc; font-size: 18px; display: flex; justify-content: center; width: 70px; align-items: center; cursor: pointer;}

.copy_complete {background:rgba(0, 0, 0, 100%); padding:20px; color:#fff; font-size:15px; text-align:center;  border-radius:50px; margin-top:30px;}

.card_list > ul {display:flex; flex-wrap:wrap; margin:0px -20px;}
.card_list > ul > li {width:50%; box-sizing:border-box; padding:20px;}
.card_list .box {border:1px solid #ccc; box-sizing:border-box; height:100%; padding:40px 50px; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column;}
.card_list .box .cate {display:flex; flex-wrap:wrap; justify-content: center;}
.card_list .box .cate > span {display:inline-block; color:#fff; font-size:14px; line-height:1.3em; margin:5px; padding:5px 10px; border-radius:4px; background:#7362c2}
.card_list .box .name {color:#333; font-size:26px; font-weight:700;line-height:1.4em; padding:10px 0px 20px 0px;}
.card_list .box .info {text-align:left; font-size:14px; line-height:1.4em;}
.card_list .box .info > dt {padding:20px 0px; font-size:26px; text-align:center; line-height:1.5em; font-weight:700; color:#cd1e25}
.card_list .box .btn {margin-top:auto; padding-top:20px;}
.card_list .box .btn a {display:inline-flex; flex-wrap:wrap; justify-content: center; align-items:center; height:48px; min-width:158px; border-radius:60px; background:#da1727; color:#fff;}


.used_phone_search {margin:30px 0px 20px 0px; border:1px solid #ccc; display:flex; align-items: center; }
.used_phone_search .ico {padding:0px 20px;}
.used_phone_search input {padding:5px; box-sizing:border-box; outline:none; border:none; height:50px; font-size:18px; line-height:1.4em; flex:1}



.table_style1 {clear:both; width:100%; table-layout:fixed; font-size:16px; border-top:2px solid #000;}
.table_style1 thead tr th {background-color:#f5f5f5; color:#333333; padding:10px 2px; border:1px solid #d9d9d9; font-weight:500; word-break:break-all; text-align:center;}
.table_style1 thead tr:first-child th {border-top:none;}
.table_style1 tbody tr th {background-color:#eff1f6; border-bottom:1px solid #d9d9d9; padding:10px 0 9px;font-weight:700; }


.table_style1 tbody tr td {border:1px solid #d9d9d9; line-height:130%; height:28px; padding:10px 5px; text-align:center; font-weight:300;  word-wrap:break-word; color:#333333}
.table_style1 tbody tr th {border:1px solid #d9d9d9;}
.table_style1 tbody tr th.tl {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style1 tbody tr td.subject {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style1 tbody tr .left_line {border-left:1px solid #d5d5d5 !important;}
.table_style1 .input {min-height:40px; line-height:40px; width:100%;}
.table_style1 .on td {background:#f5f5f5;}

.used_phone_scroll {overflow-y:auto;}