@charset "euc-kr";

/* Reset */
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td {margin:0px; padding:0px;}

/* Basic Elements */
html, body {height:100%; min-height:480px; min-width:320px;}
body, table, textarea, input, select, button, dt, dd, li, th, td {font-size:12px; font-family:'³ª´®°íµñ', 'Nanum Gothic', '¸¼Àº °íµñ', 'Malgun Gothic', arial, Verdana, Dotum, AppleGothic, sans-serif; color:#666; letter-spacing:0px; line-height:16px;}

/*input, select {vertical-align:middle;}*/
img, fieldset, iframe {border:0 none;}
li, dl, dt, dd {list-style:none;}
table {border-collapse:collapse;}
header,nav,aside,section,article { display:block; }
a {text-decoration:none; color:#333333; cursor:pointer;}
/* input {-webkit-appearance: none;} */


.hidden {display:none;}
#ifrmHidden {display:none;}

/* Align */
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

/* BoldColor */
.b {}

/* position */
.relative {position:relative;}
.absolute {position:absolute;}

/* float */
.fl {float:left;} .fr {float:right;}

/* clear */
.clearl {clear:left;}		.clearr {clear:right;}		.clearb {clear:both;}

/* Common */
.width100p {width:100%;}
.width90p {width:90%;}
.eng {font-family:"Montserrat",arial,sans-serif; letter-spacing:0.5px;font-weight:700;}
.red{color:#ff2d27}
.gray{color:#7f7f7f}
.page_tit{font-size:14px;text-align:center; margin-top:5%; padding-bottom:5%;margin-bottom:2%;border-bottom:1px solid #303030;}

/* Layout */
#wrap {width:100%;overflow:hidden;position:relative;}
#wrap>header {display:block; width:100%;}
/* #wrap>section {display:block;width:90%;} */
#wrap>footer {display:block; width:100%;}

/* ÆäÀÌÁö Å¸ÀÌÆ² */
#page_title{position:relative;margin-bottom:10px;}
#page_title .top_title {clear:both; height:45px; line-height:14px; background:#f7f7f7; color:#222222; font-size:14px; font-weight:bold; text-align:center; border-bottom:solid 1px #eeeeee; }
#page_title .top_title .pt_box_r {height:100%; padding:17px 0 0 0;}
#page_title .top_title .small_title{color:#929292; font-size:11px; font-weight:normal;}
.sky_hilight {}

/* Header */
.top_banner{width:100%;max-height:110px;background-color:#FFEF47}
.top_banner p{text-align:center;} /*¹è³Ê À§ °£°Ý Ãß°¡ margin-top:20px */
.top_banner img{width:100%;max-width:500px;} /*¹è³Ê À§ ÀÌ¹ÌÁö »ö»ó Ãß°¡ margin-top:10px*/

.top_menu{background-color:#f7f7f7;max-height:30px; width:100%;padding:1% 0 ;margin-bottom:8px; }
.top_menu:after{content:"";display:block;clear:both;}
.top_menu{ *zoom:1; }
.top_menu ul {text-align:center;}

.top_menu ul li{float:left;width:18%;line-height:25px;font-size:14px;font-weight:bold;overflow:hidden; }
.top_menu ul li a{color:#555555;}
.top_menu ul .tm_link1{width:10%;}
.top_menu ul .tm_link2{width:20%;}
.top_menu ul .tm_link{width:16%;}
.top_menu ul .tm_div{width:1%;}

.m_logo h1{text-align:center; background-color:#fff; margin-bottom:0px;} /*¸ð¹ÙÀÏ ·Î°í ÇÏ´Ü °£°Ý Å©±â*/
.m_logo h1 img{width:100%; text-align:center; max-width:180px;} /*¸ð¹ÙÀÏ ·Î°í Å©±â*/



#wrap>header #logo	{float:left;}


#wrap>header #mnb		{float:right; padding:8px;}
#wrap>header #mnb li	{float:left; padding-left:2px;}
#wrap>header #mnb a.btn			{display:block; height:18px;}
#wrap>header #mnb a.btn>span		{display:none;}
#wrap>header #mnb a.btn.login	{width:43px; background:url('../img/btn_login.gif') no-repeat;}
#wrap>header #mnb a.btn.logout	{width:52px; background:url('../img/btn_logout.gif') no-repeat;}
#wrap>header #mnb a.btn.mypage	{width:56px; background:url('../img/btn_mypage.gif') no-repeat;}





/* ÀüÃ¼°Ë»öÃ¢ ³ëÃâ ½ºÅ¸ÀÏ 20180723
#wrap>header .sch_wrap{position:relative; width:100%;margin:0px 0 10px 5px;}
*/

#wrap>header .sch_wrap{position:relative; width:93%;margin:0px 0 0px 25px;} 
#wrap>header #search {text-align:center; padding:0px 0;margin-bottom:2px;} /*°Ë»öÃ¢ ÇÏ´Ü °£°Ý*/
#wrap>header #search form {padding:0 0px 0 0px; background:#ffffff; border-radius:0px 0px 0px 0px; border:2px solid #FF352F;height:30px; width:94%;}
#wrap>header #search legend {display:none;}
#wrap>header #search fieldset {height:26px;}
#wrap>header #search .kw {padding:0 0px 5px 0; margin-left:0px; height:22px;text-align:left; }
#wrap>header #search .kw .kw_ico {padding-left:0px; }
#wrap>header #search .kw input {padding:3px 0 3px 5px; font:16px Malgun Gothic;width:98.5%; border:0px; height:24px; -webkit-appearance:none; -webkit-border-radius:0px; background:#ffffff;}
#wrap>header #search .btn {position:absolute;left:99%; top:0px; margin-left:-23%;}
#wrap>header #search .btn button {background:transparent; border:0px; padding:0 0 0 0;margin:3px 0 0 0;}
#wrap>header #search .btn img {width:22px;max-width:22px;}
#wrap>header #search .btn button>span {display:none;}
#wrap>header #search .btn2 {position:absolute; left:99%; top:0px; margin-left:-14%; }
#wrap>header #search .btn2 button {background:transparent; border:0px; padding:0 0 0 0;margin:3px 0 0 0;}
#wrap>header #search .btn2 img {width:24px; max-width:24px;}
#wrap>header #search .btn2 button>span {display:none;}



/* Main */
#wrap .main_banner {padding:0px 0; text-align:center;}
#wrap .goods_display{text-align:center;}
#wrap .goods_display .title {padding:0px 0 0px 0;font-size:18px;color:#363636;font-weight:bold;: }

.main_wrap{width:100%;text-align:center; }
.main_contents{width:100%;}
.visual{width:100%;text-align:center;background-color:#eaf8fc;border-top:0px solid #dddddd;}
.visual li img{width:100%;max-width:500px;margin:0 0px 5px 0px;} /*¸ÞÀÎ ¹è³Ê ÇÏ´Ü °£°Ý */
.visual_mbanner_wrap{}

/*
.v_under:after{content:"";display:block;clear:both;}
.v_under{ *zoom:1;  line-height:0px; }
.v_under li{float:left; width:33.33333333333%;line-height:0px;}
.v_under2 li{float:left; width:100%;line-height:0px;}
.v_under li img{width:100%;max-width:680px;margin-bottom:0px}
*/


.v_under:after{content:""; display:block; clear:both;}
.v_under{ *zoom:1;}
.v_under li{float:left; width:24.8%;line-height:0px;}
.v_under li img{width:100%;max-width:680px;margin-bottom:0px}




/* µô·¯¸ô»ó´Ü */
.v_under_:after{content:""; display:block; clear:both;}
.v_under_{ *zoom:1;}
.v_under_ li{float:left; width:24.8%; line-height:10px;}
.v_under_ li img{width:100%; max-width:680px; margin-bottom:0px}




.new_prod_wrap{text-align:center;width:100%;}
.new_prod_wrap ul li{width:44% !important;margin:0; } /*¸ÞÀÎº£½ºÆ® ¸®½ºÆ® °¡·Î»çÀÌÁî   */
/* .new_prod_wrap ul li img{width:49%;max-width:250px;} */


.mid_banner {margin-top:0px; margin-bottom:0px;}
.mid_banner ul:after{content:"";display:block;clear:both;}
.mid_banner ul{ *zoom:1; }
.mid_banner ul li{float:left;width:100%; }
.mid_banner ul li:first-child{margin-right:0% }
.mid_banner ul li img{width:100%;max-width:680px}


.best_prod_wrap{text-align:center;width:100%; }
.best_prod_wrap ul li{width:44% !important;margin:0; } /*¸ÞÀÎº£½ºÆ® ¸®½ºÆ® °¡·Î»çÀÌÁî   */
/* .best_prod_wrap ul li img{width:49%;max-width:250px;} */

.best_more{padding:10px 0px;width:100%;background-color:#eeeeee;text-align:center;margin:0 auto;cursor:pointer;} /*¸ÞÀÎ MORE*/
.best_more img{width:100%;max-width:480px}


.end_banner {margin-top:0px;}
.end_banner ul:after{content:"";display:block;clear:both;}
.end_banner ul{ *zoom:1; }
.end_banner ul li{float:left;width:100%; }
.end_banner ul li:first-child{margin-right:0% }
.end_banner ul li img{width:100%;max-width:680px}






/* page_title */


/* Footer */
#wrap>footer #fnb		{padding:6px 0; text-align:center; font-size:8pt; font-weight:bold;}
#wrap>footer #fnb li	{display:inline-block; padding:0 5px;}
#wrap>footer #fnb a.btn_pcmode {display:inline-block; width:101px; height:26px; background:url('../img/btn_pc_view.gif') no-repeat; }
#wrap>footer #copyright {padding:0 0 10px 0; text-align:center; font-size:9px; font-family:Arial; color:#666;}
#wrap>footer #copyright span {color:#600;}

.footer_wrap{width:100%;margin:20px 0 40px 0;text-align:center}
.cs_center{height:auto;}
.cs_01{background-color:#f7f7f7;padding:2%; height:160px; }
.cs_01 ul li{text-align:left}
.cs_info_01{font-weight:700;font-size:14px;margin-bottom:15px}
.cs_info_02{font-size:30px;color:#FF4E87;font-weight:bold;margin-bottom:5px}
.cs_info_03{font-size:14px;color:#8e8e8e;font-weight:700;margin:7px}
.cs_info_04{color:#9a9a9a}
.cs_info_04 span{color:#4b4b4b}
.cs_info_05 {margin-top:10px}
.cs_info_03{font-size:14px;color:#8e8e8e;margin:7px}


.banking:after{content:"";display:block;clear:both;}
.banking{ *zoom:1;margin-top:30px}
.banking ul{padding:0 2%;margin-top:10px}
.bank_01{text-align:left;width:100%;}
.bank_01 ul li{font-size:15px;font-family:"Open Sans",arial,sans-serif; letter-spacing:0.5px;text-align:left;}
.bank_01 ul li img{width:100%;max-width:50px;vertical-align:-5px;margin-right:5px }
.b_txt_01{font-weight:700;font-size:15px; margin-bottom:10px;}
.b_txt_02{color:#a1a1a1}
.b_txt_02 span{color:#4b4b4b}
.bank_02{width:100%;}
.bank_02 ul li{font-size:15px;font-family:"Open Sans",arial,sans-serif; letter-spacing:0.5px;text-align:left;}
.bank_02 ul li img{width:100%;max-width:50px;vertical-align:-5px;margin-right:5px }

.bottom_menu:after{content:"";display:block;clear:both;}
.bottom_menu{ *zoom:1; }
.bottom_menu{background-color:#464646;margin-top:30px}
.bottom_menu ul{padding:0 0%;text-align:center;}
.bottom_menu ul li{float:left;font-weight:bold;font-size:12px;width:18%;height:39px;line-height:39px; }
.bottom_menu ul .privacy{width:32%;}
.bottom_menu ul li a{color:#fff }

.company_info{margin-top:20px;margin-left:10px;}
.company_info:after{content:"";display:block;clear:both;}
.company_info{ *zoom:1; }
.c_info_01{width:100%;text-align:left; }
.com_data li{color:#9a9a9a;font-size:13px}
.com_data li span{color:#555555;}
.com_copy{margin:15px 0 15px 0;}
.com_copy li{color:#b4b4b4;font-size:10px;line-height:10px}


.c_info_02{width:100%;text-align:left;margin-top:20px; }
.c_info_02 h3{color:#252525;font-size:13px;margin-bottom:10px}
.c_info_02 dl dt{color:#252525;font-size:13px;}
.c_info_02 dl dd{color:#555555;font-size:13px;margin-bottom:5px}

.btn_pcmode {display:block; width:100%; height:40px; background:#000; color:#FFF; text-align:center; line-height:40px; margin-top:30px;}



/* GoodsList Type */
ul.gl_type_01 {text-align:center; padding:0; width:100%;margin:0 auto;}
ul.gl_type_01 li {border:1px solid #eeeeee; padding:0px 5px 5px 5px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:78px; margin-bottom:8px; margin-right:5px}
ul.gl_type_01 li.blank		{padding:0; width:78px; height:0px; visibility:hidden;}
ul.gl_type_01 .gl_img		{}
ul.gl_type_01 .gl_name		{color:#363636; font-size:16px; text-align:left; margin-top:5px; margin-bottom:5px; line-height:20px;}
ul.gl_type_01 .gl_ori_price	{color:#bbbbbb; font:16px tahoma; text-align:left; margin-top:5px; line-height:20px;}
ul.gl_type_01 .gl_price	{font-family:tahoma; color:#464646;font-size:16px;font-weight:bold; padding-top:5px; padding-bottom:20px; margin-bottom:0px; max-width:40%; text-align:left; border-bottom:1px solid #e3e3e3;}
/* ul.gl_type_01 img {width:100px;border:0px solid #ececec;width:74px;} */


ul.gl_type_02 {border-top:1px solid #e5e5e5;text-align:left;padding:0 ;width:100%;margin:0 auto;}
ul.gl_type_02 li {position:relative; padding:10px 0 10px 95px; min-height:120px; border-bottom:1px solid #e5e5e5;}
ul.gl_type_02 li.noGoods	{min-height:0px; padding:10px 0; text-align:center;}
ul.gl_type_02 .gl_img		{position:absolute; top:5px; left:5px; z-index:10; color:#6B6D70; font-size:14px; width:200px; overflow:hidden;}
ul.gl_type_02 .gl_img_icon	{position:absolute; top:25px; left:5px; z-index:10; width:40px; overflow:hidden;}
ul.gl_type_02 .gl_name		{margin-bottom:5px; max-height:60px; color:#6B6D70; font-size:14px; line-height:20px; overflow:hidden;}
ul.gl_type_02 .gl_shortdesc	{float:left; padding-bottom:5px; color:#666; font-size:12px;}
ul.gl_type_02 .gl_price_title{float:left;}
ul.gl_type_02 .gl_price		{font:bold 16px tahoma; color:#464646; padding-top:5px; margin-bottom:0px; max-width:50%; text-align:left;}
ul.gl_type_02 .price_strike		{font: 12pt tahoma; color:#999999; line-height:20px; padding-left:5px;}
ul.gl_type_02 .gl_reserve_title {float:left;padding-top:5px;}
ul.gl_type_02 .gl_reserve	{font-family:tahoma; padding-top:5px; padding-bottom:0px; margin-bottom:0px; max-width:100%; text-align:left;}
ul.gl_type_02 .gl_detail	{position:absolute; top:0px; left:0px; z-index:20; width:100%; height:100%;}
ul.gl_type_02 .gl_detail a	{display:block; overflow:hidden; width:100%; height:100%; z-index:20;}
ul.gl_type_02 .blt		{padding-left:6px; background:url('../img/bul_s.gif') no-repeat left center;}
ul.gl_type_02 .gl_enter_title {float:left;padding-top:5px;}
ul.gl_type_02 .gl_enter	{font-family:tahoma; padding-top:10px; max-width:100%; text-align:left; font-size:12px;}


/* OrderItem 
ul.order_item_list {}
ul.order_item_list > li {position:relative; padding:10px 0 10px 100px; border-bottom:1px solid #e5e5e5;}
ul.order_item_list .oil_chk {position:absolute; top:10px; left:5px;}
ul.order_item_list .oil_img {position:absolute; top:10px; left:30px;}
ul.order_item_list .oil_name {margin-bottom:5px; max-height:32px; color:#666; font-size:14px; line-height:16px; overflow:hidden;}
ul.order_item_list .oil_option {padding-bottom:5px; color:#666;}
ul.order_item_list .oil_price_title {float:left; padding-right:5px;}
ul.order_item_list .oil_price {color:#FF444F}
ul.order_item_list .oil_reserve_title {float:left; padding-right:5px;}
ul.order_item_list .oil_reserve {}
ul.order_item_list .oil_delivery_title {float:left; padding-right:5px;}
ul.order_item_list .oil_delivery_title {}
ul.order_item_list .oil_ea_title {float:left; padding-right:5px;}
ul.order_item_list .oil_ea {}
ul.order_item_list .oil_total_title {float:left; padding-right:5px;}
ul.order_item_list .oil_total_title {}
ul.order_item_list .blt	{padding-left:6px; background:url('../img/bul_s.gif') no-repeat left center;}

div.order_item_total {margin:40px auto 10px; padding:5px 0 0 20px; background-color:#eaeaea;width:95%;}
div.order_item_total>table {float:left;}
div.order_item_total>table th {padding:0 2px 0 6px; background:url('../img/bul_s.gif') no-repeat left center;}
div.order_item_total>table td {padding:2px; text-align:right;}
div.order_item_total>table td.price {color:#FF444F}*/


/* OrderItem_renewal 191115 */
.m_redbtn {display:inline-block; font-weight:bold; color:#fff; font-size:14px; width:49%; padding:20px 0; box-sizing:border-box; background:#7a05ab; border:1px solid #7a05ab;}
.m_redborder_btn{background:#fff; border:1px solid #7a05ab; color:#7a05ab;display:inline-block; font-weight:bold;font-size:14px; width:49%; padding:20px 0; box-sizing:border-box;}
.m_cart {background:#f7f7f7;}
#cart a.m_redbtn {display:inline-block; font-weight:bold; color:#fff; font-size:14px; width:49%; padding:20px 0; box-sizing:border-box; background:#7a05ab; border:1px solid #7a05ab;}
#cart a.m_redborder_btn{background:#fff; border:1px solid #7a05ab; color:#7a05ab;display:inline-block; font-weight:bold;font-size:14px; width:49%; padding:20px 0; box-sizing:border-box;}

.order_item_list li {display:table; width:100%; border-bottom:1px solid #e1e1e1;}
#order .order_item_list li:last-child {border-bottom:none;}
.order_item_list li > div {display:table-cell; vertical-align:top; padding:25px 0;}
.order_item_list li > div.m_cart_img {width:25%; text-align:center; vertical-align:middle;}
.order_item_list li > div.m_cart_img img {width:100%; max-width:130px;}
.order_item_list li > div.m_cart_gdinfo {width:70%; position:relative; padding-left:20px;}
.order_item_list li > div.m_cart_gdinfo .cart_info1 a {font-size:20px; font-weight:bold; word-break:keep-all; line-height:1.3;}
.order_item_list li > div.m_cart_gdinfo .cart_info1 p {font-size:20px; padding:5px 0 5px 0; word-break:keep-all;line-height:1.3;}
.order_item_list li > div.m_cart_gdinfo .cart_info1 span {padding:0 0 0px 0; font-size:20px; line-height:1.2; word-break:keep-all;}
.order_item_list li > div.m_cart_gdinfo .cart_info2 {padding-top:0;/* position:absolute; bottom:25px; left:0px; width:100%; padding-left:20px; box-sizing:border-box; */}
.order_item_list li > div.m_cart_gdinfo .cart_info2 input[type='text'] {display:inline-block;  text-align:center; border:1px solid #e1e1e1; box-sizing:border-box; padding:10px 0; max-height:40px; min-width:60px; font-size:14px;}
.order_item_list li > div.m_cart_gdinfo .cart_info2 input[type='submit'] {display:inline-block;border:none;text-align:center; background:#848a98; color:#fff; font-weight:bold; font-size:14px; max-height:40px; padding:10px 15px; box-sizing:border-box;border:1px solid #848a98;} 
.order_item_list li > div.m_cart_gdinfo .cart_info2 b {font-weight:bold; float:right; line-height:30px; font-size:17px; padding-right:40px;}

/* Indicator */
.indicator {display:none; height:50px; background:url('../img/indicator.gif') no-repeat center center;}

/* Category */
section#category {padding:0 ;width:97%;margin:0 auto;}
section#category ul > li {padding:0 0px; border-bottom:1px solid #e5e5e5; }
section#category ul > li > a {width:100%; align:center; display:block; padding:10px 20px; position:relative;  background:url('../img/ico_list.gif?a') no-repeat right;}

/* Rental category*/
section#rental {padding:0 ;width:97%;margin:0 auto; }
section#rental ul > li {padding:0px 0px; border-bottom:1px solid #e5e5e5;}
section#rental ul > li > a {width:100%; font-weight:bold; display:block; padding:10px 20px; position:relative;  background:url('/shop/data/img/m_mypage_more.png') no-repeat 96%; box-sizing:border-box; background-size:10px;}
section#rental .rentalcat ul li {padding:10px 0;}
section#rental .rentalcat ul li a {font-weight:bold; font-size:16px;}
section#rental .rentalcat ul li a img {vertical-align:middle; max-width:35px; margin-right:10px;}
section#rental .rentalcat ul li a span {vertical-align:middle;}

/* Store*/
section#store {padding:0 ;width:97%;margin:0 auto;}
section#store ul > li {padding:0 0px; border-bottom:1px solid #e5e5e5; }
section#store ul > li > a {width:100%; align:center; display:block; padding:10px 20px; position:relative;  background:url('../img/ico_list.gif?a') no-repeat right;}


/* Cart */

section#cart ul.list > li {position:relative; padding:10px 0; border-bottom:1px solid #e5e5e5;}
section#cart ul.button {padding:5px 0 15px 0; text-align:center;margin:10px 0;}
section#cart ul.button > li {float:left;width:31%;margin:0 1%; text-align:center;line-height:30px;}
section#cart ul.button a > span		{color:#fff;font-weight:bold;}
section#cart ul.button a.chkall		{display:block; height:30px;background-color:#ff2d27;}
section#cart ul.button a.chkdel		{display:block;height:30px;background-color:#a7a7a7;}
section#cart ul.button a.cartclear	{display:block; height:30px;background-color:#666666;}
section#cart .button a.allorder	{display:inline-block; width:100%; height:40px; background-color:#ff2d27; line-height:35px;margin:10px 0;}
section#cart .button a.allorder span{color:#fff;font-weight:bold;}

/* Goods */
section#goods {padding:0 ;width:97%;margin:0 auto;}
section#goods div.list_header {padding:0 10px; margin-top:10px;}
section#goods div.list_header ul.sub_category {text-align:left;margin-bottom:5px;}
section#goods div.list_header ul.sub_category li {display:inline-block;}
section#goods div.list_header ul.sub_category li a {display:inline-block; padding:0px 0px; margin-bottom:5px; margin-right:8px}
section#goods div.list_header div.list_sort {text-align:right; padding:5px 0;}
section#goods div.list {padding:0 10px 10px 10px;}
.price	 {font:bold 14pt tahoma; color:#FF444F; letter-spacing:-0.5; line-height:20px}
.price_strike {font: 14pt tahoma; color:#999999; letter-spacing:-0.5; line-height:20px; padding-left:5px;}
.price2	 {font:bold 12pt tahoma; color:#999999; letter-spacing:-0.5; line-height:20px}
.price3	 {font:bold 14pt tahoma; color:#363636; letter-spacing:-0.5; line-height:20px}
.price4	 {font:bold 12pt tahoma; color:#464646; letter-spacing:-0.5; line-height:20px}
.price5	 {font:bold 12pt tahoma; color:#999999; letter-spacing:-0.5; line-height:20px}
.price6	 {font:bold 12pt tahoma; color:#464646; letter-spacing:-0.5; line-height:20px}


/* Order 
section#order {padding:0 ;width:97%;margin:0 auto;}
section#order ol {}
section#order fieldset {position:relative; padding:5px;}
section#order fieldset>legend {font-size:13px; font-weight:bold;}
section#order fieldset>dl>dt {clear:left; float:left; padding:6px 3px 3px 6px; width:65px; font-size:11px; background:url('../img/bul_s.gif') no-repeat left center;}
section#order fieldset>dl>dd {float:left; padding:3px;}
section#order #zipcode_list {position:absolute; left:0; display:none; z-index:20; width:100%; border-top:1px solid gray; border-bottom:1px solid gray; background-color:#fff;}
section#order #zipcode_list li>a {display:block; padding:5px 2px; border-bottom:1px solid #e5e5e5;}
section#order #paper_goodsprice {font-weight:bold;}
section#order #coupon_list {position:absolute; left:0; padding:10px 0; display:none; z-index:20; width:100%; background-color:#fff; border-top:2px solid #e5e5e5; border-bottom:2px solid #e5e5e5; font-size:11px;}
section#order #coupon_list .summary {text-align:right; font-weight:bold;}
section#order #coupon_list table {clear:both; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
section#order #coupon_list th {height:25px; background-color:#f0f0f0; font-size:11px; vertical-align:middle; font-weight:normal;}
section#order #coupon_list td {height:40px; border-top:1px solid #e5e5e5; font-size:11px; vertical-align:middle; text-align:center;}
section#order #coupon_list .btn_close {padding-top:15px; text-align:center;}
section#order #coupon_list .btn_close a {display:inline-block; width:49px; height:21px; background:url('../img/btn_close.gif') no-repeat;}
section#order .ul_zipcode li {float:left;}
section#order .btn_zipcode_search {display:inline-block; width:70px; height:23px; background:url('../img/btn_postsearch.gif?f') no-repeat; background-size:100% 100%;}
section#order .zipcode_desc {font-size:8pt; color:#999}
section#order .btn {padding:20px 0;width:100%;}
section#order .btn li {display:inline-block;width:47%;margin:0 1%; text-align:center;line-height:35px;}
section#order .btn .submit {display:inline-block;width:100%; height:35px; background-color:#ff2d27;border:0}
section#order .btn .cancel {display:inline-block;width:100%; height:35px; background-color:#a7a7a7;border:0}
section#order .btn li span{color:#fff;font-weight:bold;}
section#order .apply_coupon {display:inline-block; vertical-align:bottom; width:79px; height:23px; background:url('../img/btn_coupon.gif?x') no-repeat; background-size:100% 100%; }
*/

section#order .m_order_wrap legend {font-size:18px; color:#252525; font-weight:bold; border-bottom:2px solid #252525; width:100%;padding:15px 0;}
section#order .m_order_wrap legend span {font-size:13px; font-weight:normal; padding-left:20px; vertical-align:middle;}
section#order .m_order_wrap fieldset {padding-bottom:30px;}
section#order .m_order_wrap table {width:100%;}
section#order .m_order_wrap tr { border-bottom:1px solid #e1e1e1; }
section#order .m_order_wrap th {width:20%; max-width:130px; text-align:left; vertical-align:middle; font-size:13px; color:#252525; font-weight:bold;}
section#order .m_order_wrap td { padding:10px 0;}
section#order .m_order_wrap td input[type='text'] {padding:10px; font-size:13px; border:1px solid #ccc;}
section#order .m_order_wrap td input[type='text'].wid100 {width:100%; box-sizing:border-box;}
section#order .m_order_wrap td input[type='text'].w60 {width:25%; box-sizing:border-box;}
section#order .m_order_wrap td input[type='text'].w50 {width:18%; box-sizing:border-box;}
section#order .m_order_wrap td a.gray_btn{display:inline-block;border:none;text-align:center; background:#848a98; color:#fff; font-weight:bold; font-size:13px; max-height:40px; padding:10px 2%; box-sizing:border-box;border:1px solid #848a98;}
section#order .m_order_wrap dt { font-weight:bold; font-size:13px; color:#252525;}
section#order .m_order_wrap dl.clearfix dt {width:40%; float:left; padding:2% 0;}
section#order .m_order_wrap dl.clearfix dd {width:60%; padding:2% 5%;; float:right; text-align:right; box-sizing:border-box; font-size:13px;}
section#order .m_order_wrap td dl dt a {float:right;}
section#order .m_order_wrap dd ul {display:table; width:100%; margin:3% 0;}
section#order .m_order_wrap dd ul li {font-size:12px;  color:#252525; display:table-cell; width:50%;}
section#order .m_order_wrap dd ul li label {font-weight:bold; font-size:13px; display:inline-block; width:38px; text-align:left;}
section#order .m_order_wrap dd label {font-weight:bold; font-size:13px; display:inline-block; width:38px; text-align:left; color:#252525;}
section#order .m_order_wrap dd ul li input[type='text'] {width:40%;}
section#order .m_order_wrap dd ul li:last-child {text-align:right;} 
section#order .m_order_wrap .m_order_price {display:table; background:#f2f2f2; padding:5% 7%; width:100%; box-sizing:border-box;}
section#order .m_order_wrap .m_order_price strong {display:table-cell;font-size:16px; font-weight:bold; color:#252525; vertical-align:middle; width:40%;}
section#order .m_order_wrap .m_order_price b {display:table-cell;font-size:26px; font-weight:bold; vertical-align:middle; width:60%; text-align:right;}
section#order .m_order_wrap .m_pay_method span {padding-right:5%;}
section#order .m_order_wrap .m_pay_method label {padding-left:5px; font-size:13px;}
section#order .m_order_wrap .m_pay_method input {vertical-align:middle; }
section#order .m_order_wrap input[type='radio'] {margin:0; vertical-align:middle;}


/* Settle 
section#settle {padding:0 ;width:97%;margin:0 auto;}
section#settle ol {}
section#settle fieldset {position:relative; padding:5px;}
section#settle fieldset>legend {display:none;}
section#settle fieldset>dl>dt {clear:left; float:left; padding:6px 3px 3px 6px; width:70px; font-size:11px; background:url('../img/bul_s.gif') no-repeat left center; }
section#settle fieldset>dl>dd {float:left; padding:3px;}
section#settle fieldset>dl>dd>select {width:185px;}
section#settle .btn {padding:20px 0;}
section#settle .btn li {display:inline-block;;width:47%;margin:0 1%; text-align:center;line-height:35px;}
section#settle .btn li span{color:#fff;font-weight:bold;}
section#settle .btn .submit {display:inline-block; width:100%; height:35px; background-color:#ff2d27;border:0;}
section#settle .btn .cancel {display:inline-block; width:100%; height:35px; background-color:#a7a7a7;border:0}
*/
#orderbox legend {font-size:18px; color:#252525; font-weight:bold; border-bottom:2px solid #252525; width:100%;padding:15px 0;}
fieldset#orderbox {padding-bottom:30px;}
#orderbox table {width:100%;}
#orderbox tr { border-bottom:1px solid #e1e1e1; }
#orderbox th {width:25%; max-width:130px; text-align:left; vertical-align:middle; font-size:13px; color:#252525; font-weight:bold;}
#orderbox td { padding:10px 0; font-size:14px; width:75%;}
#orderbox td input[type='text'] {padding:10px; font-size:14px; border:1px solid  #e1e1e1; width:100%; box-sizing:border-box;}
#orderbox td b {font-weight:bold; font-size:16px;}
#orderbox td select {border-radius:0; width:100%; float:none; }

/* Order_end 
section#order_end {padding-top:180px ;width:97%;margin:0 auto;background:url('../img/img_order_ok.gif') no-repeat center 25px;}
section#order_end table {width:95%; margin-bottom:10px; border-collapse:collapse;}
section#order_end table th,
section#order_end table td {padding:5px; vertical-align:middle; border:1px solid #e5e5e5;}
section#order_end table th {background-color:#f9f9f9;}
section#order_end table td {text-align:right;}
*/

.order_end_wrap .order_end {text-align:center; padding-top:20%; }
.order_end_wrap .order_end p {font-size:30px; font-weight:600; color:#252525;}
.order_end_wrap .order_end table {width:100%; border:1px solid #cccccc; margin:75px auto 20px;}
.order_end_wrap .order_end table tr:first-child {border-bottom:1px solid #ccc;}
.order_end_wrap .order_end table th {font-size:14px; text-align:left; color:#7d7d7d; font-weight:bold; padding:5% 6%; background:#f6f6f6; width:35%;}
.order_end_wrap .order_end table td {font-size:18px; text-align:right; padding:25px 35px; font-weight:bold; color:#252525;}
.order_end_wrap .order_end table td b {font-weight:bold; font-size:24px;}

/* Order_fail */
section#order_fail {padding-top:180px ;;width:97%;margin:0 auto;background:url('../img/img_order_fail.gif') no-repeat center 25px;}
section#order_fail table {width:100%; margin-bottom:10px; border-collapse:collapse;}
section#order_fail table th,
section#order_fail table td {padding:5px; vertical-align:middle; border:1px solid #e5e5e5;}
section#order_fail table th {background-color:#f9f9f9;}
section#order_fail table td {text-align:right;}


/* Goods View */
section#goods_view {width:97%;margin:20px auto 0; }
section#goods_view #goods_coupon {clear:both; padding:10px 0;text-align:center;}
section#goods_view #goods_coupon li{display:inline-block; vertical-align:top; padding-bottom:10px;}
section#goods_view #goods_coupon .coupon_img {display:inline-block; font:bold 12px tahoma; color:#FF0000; padding:19px 40px 0 0; width:100px; height:36px;}
section#goods_view #goods_coupon .coupon_img.type_01 {background:url('../img/coupon01.gif');}
section#goods_view #goods_coupon .coupon_img.type_02 {background:url('../img/coupon02.gif');}
section#goods_view #goods_coupon .coupon_img.type_03 {background:url('../img/coupon03.gif');}
section#goods_view #goods_coupon .coupon_img.type_04 {background:url('../img/coupon04.gif');}

section#goods_view #sns_area { padding:0px 0 0 0px; }

section#goods_view #goods_spec {padding-top:10px 20px; min-height:90px; }
section#goods_view #goods_spec dl {position:relative; padding:10px 0 0 0px;}
section#goods_view #goods_spec dt {padding-right:2px;}
section#goods_view #goods_spec .gs_img {position:absolute; top:10px; left:10px; width:140px;}
section#goods_view #goods_spec .gs_img img {width:100%;}
section#goods_view #goods_spec .gs_name {margin-bottom:5px; max-height:32px; color:#666; font-size:14px; line-height:16px; overflow:hidden;}
section#goods_view #goods_spec .gs_option {padding-bottom:5px; color:#666;}
section#goods_view #goods_spec .gs_price_title {float:left;}
section#goods_view #goods_spec .gs_price {}
section#goods_view #goods_spec .gs_couponprice_title {float:left;}
section#goods_view #goods_spec .gs_couponprice {}
section#goods_view #goods_spec .gs_couponemoney_title {float:left;}
section#goods_view #goods_spec .gs_couponemoney {}
section#goods_view #goods_spec .gs_reserve_title {float:left;}
section#goods_view #goods_spec .gs_reserve {}
section#goods_view #goods_spec .gs_strprice_title {}
section#goods_view #goods_spec .gs_strprice {}
section#goods_view #goods_spec .blt {padding-left:6px; background:url('../img/bul_m.gif') no-repeat left center;}

.ccc{width:99%;max-width:500px ;text-align:left;}
.ccc1{width:99%;max-width:500px ;margin:1px 0 5px 0; text-align:left;}
.goods_nm{color:#363636; font-size:18px; font-weight:bold;text-align:left;border-bottom:1px solid #969ca3;padding:0 0 10px 10px;line-height:22px;}

.thumbnail-area{text-align:center;border:1px solid #d9d9d9;}
.thumbnail-area img{width:100%;text-align:center;}
.g_price{color:#ff2d27;font-size:20px;font-weight:bold;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding: 10px 0 10px 10px;max-width:490px;text-align:center; }

section#goods_view #goods_info {color:#303030; clear:both; width:100%;padding:0px 5px; font-size:9pt;}
section#goods_view #goods_info dt {color:#303030; clear:left; float:left; padding:3px 5px 3px 6px; background:url('../img/bul_m.gif') no-repeat left center;  font-size:9pt;}
section#goods_view #goods_info dd {color:#303030; padding:3px 0px 3px 0px; overflow:hidden;}
section#goods_view #goods_info dd>select {width:170px;}

section#goods_view #goods_control {width:100%; padding:0 0px ;margin:15px 0;}
section#goods_view #goods_control ul {width:100%;margin:0 auto; }
section#goods_view #goods_control li {float:left; text-align:center;width:31%;height:40px;line-height:40px;margin: 0 1%;   }
section#goods_view #goods_control li.gc_btn_kakao{background-color:#FFEF47;}
section#goods_view #goods_control li.gc_btn_order{background-color:#666666;}
section#goods_view #goods_control li.gc_btn_realtime{background-color:#C00;}
section#goods_view #goods_control li.gc_btn_cart{background-color:#ff2d27;}
section#goods_view #goods_control li.gc_btn_wish{background-color:#a7a7a7;}.
section#goods_view #goods_control li a span{color:#fff;font-weight:bold;}
section#goods_view #goods_control li.gc_btn_kakao>a	{color:#000;font-weight:bold; }
section#goods_view #goods_control li.gc_btn_order>a	{color:#fff;font-weight:bold; }
section#goods_view #goods_control li.gc_btn_realtime>a	{color:#fff;font-weight:bold; }
section#goods_view #goods_control li.gc_btn_cart>a	{color:#fff;font-weight:bold;  }
section#goods_view #goods_control li.gc_btn_wish>a	{color:#fff;font-weight:bold;}

section#goods_view #goods_control li.gc_btn_list>a	{display:block; width:90px; height:40px; }
section#goods_view #goods_tabs		{clear:both; width:100%;text-align:center;margin-top:20px; margin-bottom:20px;}
section#goods_view #goods_tabs ul	{width:100%; height:22px; margin:0 auto;}
section#goods_view #goods_tabs li	{display:inline-block; *zoom:1; *display:inline; text-align:center;width:49%; }
section#goods_view #goods_tabs li a	{display:block;}
section#goods_view #goods_tabs li a.btn_info	{ height:22px;border-bottom:1px solid #bbb; padding-top:5px;}
section#goods_view #goods_tabs li a.btn_desc	{ height:22px;border-bottom:1px solid #bbb; padding-top:5px;}
section#goods_view #goods_tabs li a.btn_review{ height:22px;border-bottom:1px solid #bbb; padding-top:5px;}
section#goods_view #goods_tabs li a.btn_info_on	{height:22px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-bottom:none;padding-top:5px; }
section#goods_view #goods_tabs li a.btn_desc_on	{height:22px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-bottom:none;padding-top:5px; }
section#goods_view #goods_tabs li a.btn_review_on	{height:22px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-bottom:none;padding-top:5px; }
section#goods_view #goods_tabs li a>span {}
section#goods_view #goods_tabs li a.btn_info_on span{font-weight:bold;}
section#goods_view #goods_tabs li a.btn_desc_on span{font-weight:bold;}
section#goods_view #goods_tabs li a.btn_review_on span{font-weight:bold;}
section#goods_view #goods_tabs .clearb {margin-top:-1px; }

section#goods_view #goods_detail { width:97%; padding:0px 6px;}
section#goods_view #goods_detail img{width:100% !important ;height:100% !important ;}
section#goods_view #goods_detail table{width:100%;max-width:600px;}
section#goods_view #goods_detail table img{ width:100% !important ;  }
section#goods_view #goods_detail iframe{width:100%;}

section#goods_view #goods_review {display:none; padding:0px 10px 0px 10px;width:95%;}
section#goods_view #goods_review #review_list_container .gr_li {clear:both;}
section#goods_view #goods_review .review-title {font-size:14px; font-weight:bold; color:#353535; height:27px; line-height:27px;}
section#goods_view #goods_review .review-title .title{float:left;}
section#goods_view #goods_review .review-title .title .title_cnt{color:#466996}
section#goods_view #goods_review .review-title .write-btn{float:right;width:80px; height:27px; line-height:27px; font-size:12px; color:#FFFFFF; font-weight:normal;text-align:center; background:#808591; margin-right:30px;}
section#goods_view #goods_review .review-title .write-btn{float:right;width:80px; height:27px; line-height:27px; font-size:12px; color:#FFFFFF; font-weight:normal;text-align:center; background:#808591; margin-right:30px;}
section#goods_view #goods_review .del-btn {float:right; margin-bottom:8px; width:70px; height:27px; line-height:27px; font-size:12px; color:#FFFFFF; font-weight:normal; text-align:center; background:#808591; margin-right:30px;}
section#goods_view #goods_review .active{color:#FECE00;}
section#goods_view #goods_review #review_list_container .gr_li dl {position:relative; height:22px; padding-top:10px; border-bottom:1px solid #e5e5e5;}
section#goods_view #goods_review #review_list_container .gr_li1 dl {position:relative; height:22px; padding-top:10px;}
section#goods_view #goods_review #review_list_container .gr_name {float:right; overflow:hidden;padding-right:10px;}
section#goods_view #goods_review #review_list_container .gr_data {float:left; width:150px; overflow:hidden;}
section#goods_view #goods_review #review_list_container .gr_point {float:left; width:100%; overflow:hidden;}
section#goods_view #goods_review #review_list_container .gr_subject {float:left;  font-weight:bold; white-space:nowrap; overflow:hidden;}
section#goods_view #goods_review #review_list_container .gr_detail>a {position:absolute; left:0px; top:0px; width:100%; height:100%;}
section#goods_view #goods_review #review_list_container .gr_contents {clear:both; overflow:hidden; padding:5px; background-color:#f4f4f4; border-bottom:1px solid #e5e5e5;}
section#goods_view #goods_review #review_more_button {display:hidden; padding:30px 0; text-align:center;}
section#goods_view #goods_review #review_more_button a {display:inline-block; width:72px; height:29px; background:url('../img/btn_more.gif') no-repeat;}

/*»óÇ°ÈÄ±â*/
section#nreviewregister {padding:0 ;width:95%;margin:0 auto;}
section#nreviewregister table{border:none; width:100%; margin-left:0px;}
section#nreviewregister table td{padding:5px; vertical-align:middle; border-bottom:solid 1px #eeeeee; height:30px; font-size:16px;} 
section#nreviewregister table th{text-align:center; width:70px; vertical-align:middle; border-bottom:solid 1px #eeeeee; color:#353535; font-size:12px;}
section#nreviewregister table .img{padding:5px; width:150px;}
section#nreviewregister table .img img{}
section#nreviewregister .goods-nm{font-size:20px; margin-bottom:5px; color:#353535; font-weight:bold; line-height:24px;overflow:hidden; word-break:break-all;}
section#nreviewregister .model{font-size:16px;line-height:22px;}
section#nreviewregister .goods-price{font-size:16px;line-height:22px;}
section#nreviewregister .enter_name{font-size:16px;line-height:22px;}
section#nreviewregister table td input[type='text'],
section#nreviewregister table td input[type='password']{width:95%;border:1px solid #dddddd;line-height:34px;font-size:16px; height:34px; padding-left:10px;}
section#nreviewregister table td textarea{width:95%;height:100px;padding-top:6px;margin-top:5px;font-size:16px; padding:10px 0 10px 10px;}
section#nreviewregister .btn_center {margin:auto; width:270px; height:34px; margin-top:20px; margin-bottom:40px;}
section#nreviewregister .btn_center .btn_save{border:none; background:#7a05ab; color:#FFFFFF; font-size:16px; width:130px; height:40px; float:left; font-weight:bold;}
section#nreviewregister .btn_center .btn_prev{border:none; background:#808591; color:#FFFFFF; font-size:16px; width:130px; height:40px; float:right; font-weight:bold;}
section#nreviewregister .attach{float:right;}
section#nreviewregister .camera_btn{width:80px; height:27px; line-height:27px; font-size:12px; color:#FFFFFF; font-weight:normal;text-align:center; background:#808591;}
section#nreviewregister .camera_btn :active{background:#808591; float:left;}

#page_title{position:relative;margin-bottom:10px;}
#page_title .top_title .pt_box_r {height:100%;padding:12px 0 0 0;}
#page_title .btn_back {position:absolute; top:5px; left:10px; border:none; font-size:0; width:38px; height:27px; background-image:url("../common/img/new/btn_back.png"); background-size:100% 100%; background-color:#f7f7f7;}

#star-point{text-align:center; position:relative; overflow:hidden;}
#star-point .star-point-select{overflow:hidden; position:absolute; top:0; width:230px;}
#star-point .star-point-select span.star{display:block; width:26px; height:26px; float:left; margin:0 12px 0 0; font-size:0; background-image:url("/shop/data/img/m_star_off.png"); background-size:100% 100%;}
#star-point .star-point-select span.selected{font-weight:bold; background-image:url("/shop/data/img/m_star.png");}
#star-point div.description{margin-top: 26px;}

#star-point2{text-align:center; position:relative; overflow:hidden;}
#star-point2 .star-point-select{overflow:hidden; position:absolute; top:0; width:230px;}
#star-point2 .star-point-select span.star{display:block; width:26px; height:26px; float:left; margin:0 12px 0 0; font-size:0; background-image:url("/shop/data/img/m_star_off.png"); background-size:100% 100%;}
#star-point2 .star-point-select span.selected{font-weight:bold; background-image:url("/shop/data/img/m_star.png");}
#star-point2 div.description{margin-top: 26px;}

#star-point3{text-align:center; position:relative; overflow:hidden;}
#star-point3 .star-point-select{overflow:hidden; position:absolute; top:0; width:230px;}
#star-point3 .star-point-select span.star{display:block; width:26px; height:26px; float:left; margin:0 12px 0 0; font-size:0; background-image:url("/shop/data/img/m_star_off.png"); background-size:100% 100%;}
#star-point3 .star-point-select span.selected{font-weight:bold; background-image:url("/shop/data/img/m_star.png");}
#star-point3 div.description{margin-top: 26px;}

#review-attach{list-style:none; overflow:hidden; position:relative; margin-bottom:5px; margin-top:10px;}
#review-attach li.item{float:center; width:120px; height:80px; overflow:hidden; margin-right:7px; margin-bottom:10px;}
#review-attach li.item button.file-face{display:block; overflow:hidden; width:100%; height:100%; border:1px solid #eeeeee; vertical-align:middle; font-size:16px;background:#ffffff;}
#review-attach li.item button.file-face.preview{background-size:100% auto; border:none;}
#review-attach li.item input.file-hidden{opacity:0;}

#guest-info input[type='password']{border:solid 1px #cfcfcf;}

/* MyPage */
section#mypage {padding:0 ;width:97%;margin:0 auto;}
section#mypage ul {border-top:1px solid #e5e5e5;}
section#mypage ul>li>a {display:block; position:relative; width:100%; margin:auto; border-bottom:1px solid #e5e5e5;}
section#mypage dt {width:40%; padding:8px 0; background:url('../img/mypage_line.gif') no-repeat right center; font-size:12px; color:#333;}
section#mypage dd {position:absolute; top:0px; padding:10px 0; width:100%; text-align:right;}
section#mypage dt>span {padding-left:20px;}
section#mypage dd>span {display:block; padding-right:20px; text-align:right;}

section#emoneylist {padding:0 ;width:97%;margin:0 auto;}
section#emoneylist table {width:95%; border-bottom:1px solid #ccc;}
section#emoneylist table th,
section#emoneylist table td {font-size:16px;padding:15px; border-bottom:1px solid #e5e5e5; vertical-align:middle;}
section#emoneylist .el_date {font-family:tahoma; font-size:12pt; color:#999; padding-bottom:5px;}
section#emoneylist .el_emoney_reserve {min-width:60px;}
section#emoneylist .el_emoney_use {min-width:60px;}
section#emoneylist .pagediv {font-size:16px;padding:15px 0 20px 0; text-align:center;}
section#emoneylist tr.minus {background-color:#f4f4f4;}

/* ÄíÆù¸®½ºÆ® */
section#couponlist {padding:0 ;width:97%;margin:0 auto 40px auto;}
section#couponlist table {width:95%; border-bottom:1px solid #ccc;}
section#couponlist table th,
section#couponlist table td {font-size:16px; padding:15px; border-bottom:1px solid #e5e5e5; vertical-align:middle;line-height:20px;}
section#couponlist .cl_goodsnm {font-size:16px; color:#999;}
section#couponlist .cl_priod {font-size:16px; color:#999; }
section#couponlist .cl_price {min-width:60px;}
section#couponlist .cl_cnt {min-width:60px;}
section#couponlist .pagediv {text-align:center;}
section#couponlist tr.used {background-color:#f4f4f4;}

/* ÁÖ¹®³»¿ª */
section#orderlist {padding:0 ;width:97%;margin:0 auto;}
section#orderlist table {width:95%; margin:20px 0; margin-left:10px; border-collapse:collapse;}
section#orderlist table th,
section#orderlist table td {font-size:16px; padding:15px; vertical-align:middle; border:1px solid #e5e5e5;}
section#orderlist table th {background-color:#f9f9f9;}
section#orderlist table td {text-align:right;}
section#orderlist table td a{text-align:center;}
section#orderlist .pagediv {text-align:center;}
section#orderlist .btn_orverview {float:right; display:block; width:100px; height:30px; background:#7a05ab; border:1px solid #666666; color:#fff; padding:15px 0 0 0;vertical-align:middle;}
section#orderlist .step {color:#ff0000;}

/* ÁÖ¹®³»¿ª »ó¼¼ÆäÀÌÁö */
section#orderview {padding:0 ;width:97%;margin:0 auto 20px auto;}
section#orderview .item_list {}
section#orderview .item_list>ul {width:95%;border:1px solid #e5e5e5;margin-left:10px;}
section#orderview .item_list>ul > li {position:relative; padding:20px 0 20px 180px; border-bottom:1px solid #e5e5e5;}
section#orderview .item_list>ul > li dt,dl{line-height:20px;}
section#orderview .item_list>ul .oil_chk {position:absolute; top:10px; left:5px;}
section#orderview .item_list>ul .oil_img {position:absolute; top:20px; left:10px;}
section#orderview .item_list>ul .oil_name {margin-bottom:5px; color:#666; font-size:20px; line-height:1.2; overflow:hidden; font-weight:bold;}
section#orderview .item_list>ul .oil_model {color:#666; font-size:20px; line-height:1.2; overflow:hidden;}
section#orderview .item_list>ul .oil_option {padding-bottom:10px; color:#666; font-size:16px;line-height:1.3;}
section#orderview .item_list>ul .oil_price_title {float:left; padding-right:5px; font-size:16px;}
section#orderview .item_list>ul .oil_price {padding-bottom:10px; font-size:16px;}
section#orderview .item_list>ul .oil_ea_title {float:left; padding-right:5px; font-size:16px;}
section#orderview .item_list>ul .oil_ea {padding-bottom:10px; font-size:16px;}
section#orderview .item_list>ul .oil_dstep_title {float:left; padding-right:5px; font-size:16px;}
section#orderview .item_list>ul .oil_dstep {padding-bottom:10px;font-size:16px;}


section#orderview .info h4		{display:none;}
section#orderview .info table	{margin-top:20px; margin-left:10px; width:95%; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
section#orderview .info th		{width:130px; padding:16px;text-align:right; background-color:#f9f9f9;}
section#orderview .info th,
section#orderview .info td		{font-size:16px; padding:10px;  border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

/* Âò¸®½ºÆ® */
section#wishlist {padding:0 ;width:97%;margin:0 auto;}
section#wishlist ul.list {background-color:#ffffff;}
section#wishlist ul.list > li {position:relative; padding:20px 0 20px 190px; border-bottom:1px solid #e5e5e5;}
section#wishlist ul.list .wl_chk {position:absolute; top:50px; left:5px;width:24px; height:24px;}
section#wishlist ul.list .wl_img {position:absolute; top:10px; left:40px;}
section#wishlist ul.list .wl_name {margin-bottom:5px; color:#666; font-size:20px; line-height:1.3; font-weight:bold; line-height:20px; overflow:hidden;}
section#wishlist ul.list .wl_model {padding-bottom:10px; color:#666;font-size:20px; line-height:1.2;}
section#wishlist ul.list .wl_option {padding-bottom:10px; color:#666;font-size:16px; line-height:1.3;}
section#wishlist ul.list .wl_price_title {float:left;padding-right:5px; font-size:16px;}
section#wishlist ul.list .wl_price {padding-bottom:10px; font-size:16px; line-height:1.3;}
section#wishlist ul.list .wl_reserve_title {float:left;padding-right:5px; font-size:16px;}
section#wishlist ul.list .wl_reserve {padding-bottom:10px; font-size:16px;}
section#wishlist ul.list .blt {padding-left:6px; background:url('../img/bul_s.gif') no-repeat left center;}
section#wishlist div.pagediv {clear:both; padding-top:20px; text-align:center;padding-bottom:10px; font-size:16px;}
section#wishlist ul.button {padding:20px 0 15px 0;}
section#wishlist ul.button > li {float:left;width:31%;margin:0 1%; text-align:center;line-height:40px;}
section#wishlist ul.button a > span {color:#fff;font-weight:bold;font-size:16px;}
section#wishlist ul.button a.chkall {display:block; height:40px;background-color:#666666;}
section#wishlist ul.button a.chkdel {display:block; height:40px;background-color:#a7a7a7;}
section#wishlist ul.button a.cartin {display:block; height:40px;background-color:#7a05ab;}
section#wishlist div.desc	 {padding:10px 0 20px 6px; font-size:16px;}


/* Join 20191210*/

section#memberjoin {background:#f6f6f6; padding:5% 0 20% 0;}

section#memberjoin .agreement_title {display:table; width:100%; margin-bottom:4%;}
section#memberjoin .agreement_title > div {display:table-cell; text-align:center; background:#fff; border:1px solid #848a98;width:50%; color:#848a98; font-size:15px; padding:3% 0; font-weight:bold;}
section#memberjoin .agreement_title > div.now_agreement {background:#848a98; border:1px solid #848a98; color:#fff;}

section#memberjoin textarea {width:100%; overflow:hidden; min-height:300px; box-sizing:border-box; padding:5%; border:1px solid #e1e1e1; margin:0;}
section#memberjoin .content_view {width:100%; text-align:center; height:30px; border:1px solid #e1e1e1; border-top:none; background:#fff; box-sizing:border-box;line-height:30px;}
section#memberjoin .content_view img {vertical-align:middle; width:20px; }
section#memberjoin .content_view_up {width:100%; text-align:center; height:30px; border:1px solid #e1e1e1; border-top:none; background:#fff; box-sizing:border-box;line-height:30px;}
section#memberjoin .content_view_up img {vertical-align:middle; width:20px; }
section#memberjoin .agreement_chk {padding:2% 0 0 0;}
section#memberjoin .agreement_chk > div {padding-bottom:1%;}
section#memberjoin .agreement_chk .agreement_chk3 {font-size:12px;}
section#memberjoin .agreement_chk > div input,section#memberjoin .agreement_chk > div label {vertical-align:middle;}

section#memberjoin .account th {display:none;}
section#memberjoin .account td {padding:2% 0;}
section#memberjoin input[type='text'],
section#memberjoin input[type='number'],
section#memberjoin input[type='email'],
section#memberjoin input[type='tel'],
section#memberjoin input[type='password'] {font-size:12px !important;border:1px solid #e1e1e1; padding:3% 5%; box-sizing:border-box; width:100%; height:auto; border-radius:0;}
section#memberjoin input[type='password']:first-of-type {border-bottom:none;}
section#memberjoin input[type='checkbox'] {vertical-align:middle;}
section#memberjoin input[type='checkbox'] + label {vertical-align:middle;}

section#memberjoin input.w60 {width:20%; text-align:center;}
section#memberjoin input.w50 {width:9%; text-align:center;}
section#memberjoin input.w75 {width:75%;}
section#memberjoin input.w25 {width:25%;}
section#memberjoin input.w18 {width:18%;}

section#memberjoin .description {padding-top:5px;}
section#memberjoin .gray_btn{display:inline-block; vertical-align:middle; border:none;text-align:center; background:#848a98; color:#fff; font-weight:bold; font-size:13px; padding:3% 3%; box-sizing:border-box;border:1px solid #848a98;}
section#memberjoin .m_item_tit {display:inline-block; vertical-align:middle; width:15%;}

section#memberjoin .step_btn { clear:both; width:90%; text-align:center; margin-top:30px;}
section#memberjoin button.m_redbtn {display:inline-block; font-weight:bold; color:#fff; font-size:14px; width:48%; padding:20px 0; box-sizing:border-box; background:#7a05ab; border:1px solid #7a05ab;}
section#memberjoin button.m_redborder_btn {background:#fff; border:1px solid #7a05ab; color:#7a05ab;display:inline-block; font-weight:bold;font-size:14px; width:48%; margin-left:10px; padding:20px 0px; box-sizing:border-box; }



/* SNS È¸¿ø °¡ÀÔ*/

section#socialjoin .content {width:100%;}
section#socialjoin .agreement_chk {clear:both;font-size:12px;color:#222222; height:75px; padding:0px 16px 20px 16px;}
section#socialjoin .agreement_chk label{height:25px; line-height:25px; position:relative;}
section#socialjoin .agreement_chk label input[type=checkbox]{border:solid 1px #BBBBBB;}
section#socialjoin .agreement_chk label a { text-decoration:underline; color:#2784ff; }

section#socialjoin .account {clear:both; padding:20px 0px; border-top:solid 2px #e5e5e5; border-bottom:solid 2px #e5e5e5; margin:0 auto;}
section#socialjoin .account .account_content {padding:0px 16px;}
section#socialjoin .account .account_content .input_wrap{clear:both;}
section#socialjoin .account .account_content .input_title{width:15%;min-width:60px;font-size:13px; color:#222222; float:left; line-height:30px;}
section#socialjoin .account .account_content input[type='text'], 
section#socialjoin .account .account_content input[type='number'], 
section#socialjoin .account .account_content input[type='email'], 
section#socialjoin .account .account_content input[type='password']{font-size:14px !important;border:1px solid #e1e1e1; padding:3% 5%; box-sizing:border-box; width:50%; height:auto; border-radius:0;}
section#socialjoin .account .account_content .input_content{width:70%;font-size:14px;float:left;margin-bottom:11px;}
section#socialjoin .account .account_content .input_content .gray_btn{height:38px !important; display:inline-block; vertical-align:middle; border:none;text-align:center; background:#848a98; color:#fff; font-weight:bold; font-size:14px; box-sizing:border-box;border:1px solid #848a98;}
section#socialjoin .account .account_content .input_content #check-id-duplicate {width:80px; margin:0; text-align:center; height:29px; color:#FFFFFF; line-height:29px; font-size:12px; font-weight:bold; background:#808591; border-radius:1px; border:none;}
section#socialjoin .account .account_content .input_content .description_wrap{margin-top:10px;}
section#socialjoin .account .account_content .input_content .description{font-size:14px;color:#9e9e9e;line-height:18px;}
section#socialjoin .account .account_content .input_content .chk{color:#5e5e5e; }
section#socialjoin .account .account_content .input_content .wrong{color:#9e9e9e;}

section#socialjoin .certify {clear:both; font-size:14px; color:#3e3e3e;}
section#socialjoin .certify .div_RnCheck_ipin, section#socialjoin .certify .div_RnCheck_hpauth {width:100%; border:1px solid #DEDEDE; margin-bottom:10px;}
section#socialjoin .certify .div_RnCheck_ipin ul.info, section#socialjoin .certify .div_RnCheck_hpauth ul.info {border:5px solid #F3F3F3; padding:5px; list-style-type:none;}
section#socialjoin .certify .div_RnCheck_ipin ul.info li, section#socialjoin .certify .div_RnCheck_hpauth ul.info li {background:url('../img/ipin/Regist_box_icon.gif') no-repeat 0 2px; padding:2px 0 2px 17px;}

section#socialjoin .step_btn {clear:both; width:90%; text-align:center; margin-top:30px;}
section#socialjoin .step_btn .next_btn {display:inline-block; font-weight:bold; color:#fff; font-size:14px; width:48%; padding:20px 0; box-sizing:border-box; background:#7a05ab; border:1px solid #7a05ab;}
section#socialjoin .step_btn .cancel_btn {background:#fff; border:1px solid #7a05ab; color:#7a05ab;display:inline-block; font-weight:bold;font-size:14px; width:48%; margin-left:10px; padding:20px 0px; box-sizing:border-box;}

section#socialjoin .w120 {width:120px;}


/* È¸¿ø°¡ÀÔ ¿Ï·á */
section#memberjoin .content {width:90%; margin:0 auto;}
section#memberjoin .account .join_end {height:75px; color:#929ca8; font-size:16px; text-align:center;line-height:75px; font-weight:bold;}
section#memberjoin .account .join_id {color:#222222;}
section#memberjoin .step_btn .confirm_btn {height:45px; margin-left:50px;}
section#memberjoin .step_btn .confirm_btn #confirm-btn{width:300px; text-align:center; height:45px; color:#FFFFFF; line-height:45px; font-size:16px; font-weight:bold; background:#7a05ab; border:none;}



/* Login 20191208*/

#m_login .login_wrap .join_find ul {display:table; width:100%;margin-top:20px;}
#m_login .login_wrap .join_find ul li {display:table-cell; width:33%; text-align:center; height:30px; vertical-align:middle;}
#m_login .login_wrap .join_find ul li:nth-child(2) {border-right:1px solid #cccccc; border-left:1px solid #cccccc;}
#m_login .login_wrap .join_find ul li a {display:block; width:100%; font-size:16px; font-weight:bold; color:#252525;}
#m_login .login_wrap .guest_login {margin-top:20px}

#m_login {background:#f6f6f6;}
#m_login h1 {text-align:center; padding:5% 0;}
#m_login h1 img {width:100%; max-width:250px;}
#m_login .login_wrap {padding-bottom:5%;}

#m_login .login_b input[type='text'],
#m_login .login_b input[type='password'] {border:1px solid #e1e1e1; height:60px; line-height:60px; font-size:16px; color:#7d7d7d; width:100%; padding-left:25px; margin-bottom:10px; box-sizing:border-box;}

#m_login .login_b input[type='checkbox'] {transform:scale(1.5);}

#m_login .login_b .login_btn {margin:5% 0;}
#m_login .login_b .login_btn button {display:block; height:54px; line-height:54px; border:none; background:#7a05ab; color:#fff; font-weight:bold; text-align:center; width:100%; font-size:16px;}
#m_login label {font-size:14px; vertical-align:middle; padding:0 1%;}
#m_login .btn-social-login {width:100%; height:54px; line-height:54px; text-align:center; margin-bottom:10px;}
#m_login .btn-social-login img {vertical-align:middle; height:20px; width:auto;}
#m_login .btn-social-login span {vertical-align:middle; font-size:16px; font-weight:bold; color:#fff;}
#btn-naver-login {background:#03cf5d; background-image:none;}
#btn-kakao-login {background:#ffcc00; background-image:none;}
#btn-facebook-login {background:#31508b; background-image:none;}
#m_login .login_wrap > ul li:nth-child(1) img {height:14px; width:auto;}

#m_login .non_member {margin:5% 0; }
#m_login .non_member a {display:block; width:100%; text-align:center; background:#333; height:54px; line-height:54px; color:#fff; text-align:center; font-weight:bold; font-size:16px;}


#m_login .login_font{color:#ffffff; font-size:14px; font-weight:bold;}


/*myinfo 20191210*/

section#myInfo {background:#f6f6f6; padding:5% 0 10% 0;}
section#myInfo .account {width:95%}
section#myInfo .terms { font-size:16px; padding:15px 0; line-height:25px; border-top:solid 1px #dddde1; border-bottom:solid 1px #dddde1; }
section#myInfo .terms a:hover {text-decoration:underline; }

section#myInfo .input_wrap {clear:both;}
section#myInfo .newPwdDiv { display:none; }

section#myInfo input[type='text'],
section#myInfo input[type='number'],
section#myInfo input[type='email'],
section#myInfo input[type='password'] {font-size:12px !important;border:1px solid #e1e1e1; padding:4% 5%; box-sizing:border-box; width:100%; height:auto; border-radius:0;}
section#myInfo input[type='checkbox'],
section#myInfo input[type='radio'] { height:15px; border:solid 1px #BBBBBB; }
section#myInfo select { border-radius:3px; border:solid 1px #aeaeaf; height:29px; }

section#myInfo .asterisk { width:1px; padding-left:10px; color:#f00; float:left; height:40px; line-height:40px; }
section#myInfo .input_title { width:15%;padding-left:10px; color:#222222; float:left; height:40px; padding-top:11px;  }
section#myInfo .input_content {width:70%; float:left; line-height:40px; margin-bottom:5px;}
section#myInfo .input_content span{width:100%; float:left; line-height:16px; margin-bottom:5px;}

section#myInfo .input_wrap button { display:inline-block; vertical-align:middle; border:none;text-align:center; background:#848a98; color:#fff; font-weight:bold; font-size:13px; padding:4% 2%; box-sizing:border-box;border:1px solid #848a98;}
section#myInfo .description { font-size:12px; color:#9e9e9e; line-height:16px; }

section#myInfo .confirm_btn { clear:both; width:94%; text-align:center; margin:40px 0 0 10px;}
section#myInfo button.m_redbtn {display:inline-block; font-weight:bold; color:#fff; font-size:14px; width:45%; padding:20px 0; box-sizing:border-box; background:#7a05ab; border:1px solid #7a05ab;}
section#myInfo button.m_redborder_btn {background:#fff; border:1px solid #7a05ab; color:#7a05ab;display:inline-block; font-weight:bold;font-size:14px; width:45%; margin-left:10px; padding:20px 0px; box-sizing:border-box; }

section#myInfo .input_wrap .red { color:#f00; }
section#myInfo .input_wrap .w100 { width:100%;}
section#myInfo .input_wrap .w18 { width:18%; text-align:center;}
section#myInfo .input_wrap .w25 { width:20%; text-align:center;}
section#myInfo .input_wrap .w30 { width:30%; text-align:center;}

section#myInfo .input_wrap .w45 { width:45px; }
section#myInfo .input_wrap .w60 { width:60px; }
section#myInfo .input_wrap .w70 { width:70px; }

section#myInfo .input_wrap .btn_pad, section#myInfo .noline { padding-top:10px; }
section#myInfo .input_wrap .block { display:block; }


div.passwordStrenth { display:none; }
div.passwordStrenth dl { margin:0; padding:0 6px 0 0; color:#373737; font-weight:bold; font-size:12px;}
div.passwordStrenth dl dt, div.passwordStrenth dl dd { display:inline; font-size:12px; margin:0; height:15px; line-height:15px; }
div.passwordStrenth dl dt { color:#363636; font-weight:bold; width:95px; }
div.passwordStrenth dl dd.lv0 { color:#F52D00; }
div.passwordStrenth dl dd.lv1 { color:#028EFF; }
div.passwordStrenth dl dd.lv2 { color:#0213FF; }
div.passwordStrenth dl dd.lv3, div.passwordStrenth dl dd.lv4 { color:#46C32D; }

#sns-txt-FACEBOOK {color:#3b579d; font-weight:bold;}
#sns-txt-PAYCO {color:#fa1414; font-weight:bold;}





/* ¸ð¹ÙÀÏ ÆäÀÌÁöÀÇ ·¹ÀÌ¾î ÆË¾÷ css */
#frmMask {position:absolute; top:0; left:0; width:100%; z-index:99; background:#000; opacity:0.2;}
.mobileLayerArea {position:absolute; top:0; left:0; width:100%; z-index:100;}
.mobileLayerArea #frmTitle {width:100%; height:55px; text-align:center; line-height:55px; background:#a8adb8; color:#fff; font-weight:bold; opacity:1; z-index:100;}
.mobileLayerArea #frmTitle #frmClose {position:absolute; top:0; right:0; width:59px; height:52px; background:url('../../common/img/btn_close.png');}
.mobileLayerArea .mobileLayerFrame {width:100%; z-index:100; background:#fff;}
.layer-class {position:absolute; left:2%; width:96%; background:#ffffff; display:block; box-shadow:2px 2px 4px #7f7f7f; z-index:1000;}
.layer-class #layer_title {background:#313030; width:100%;height:45px; border-bottom:solid 1px #b2b2b2;}
.layer-class #layer_title .title{padding-left:14px; line-height:45px; font-size:16px; font-weight:bold; color:#FFFFFF; float:left;}
.layer-class #layer_title #cancel-btn { float:right; background:url("../../common/img/nmyp/btn_close_off.png") no-repeat; border:none; width:31px; height:32px; margin-top:7px; margin-right:7px;}
.layer-class #layer_title #cancel-btn:active{background:url("../../common/img/nmyp/btn_close_on.png") no-repeat;}
.layer-class iframe {border-bottom-left-radius:1em; border-bottom-right-radius:1em;}

/* »ó¼¼ÆäÀÌÁö ÆÛ°¡±â urlº¹»ç css */
#background {position : fixed; left:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); display:none; z-index:98;}
#copyUrlArea {position:fixed; top:30%; left:0; width:100%; height:200px; padding:40px; z-index:100;/*  display:none; */ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#copyUrlArea #copyUrlInnerArea {position:relative; width:100%; border:1px solid #e1e1e1; padding:50px 15px; margin-left:10px; background:#fff; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#copyUrlArea #copyUrlInnerArea #copyUrlAreaClose {position:absolute; top:20px; right:15px; width:23px; height:23px; z-index:100; background:url('../../common/img/sns/m_pop_close.gif');}
#copyUrlArea #copyUrlInnerArea input[type='text'] {font-size:14px; width:100%; padding:5px; background:#fff; border:1px solid #bbb; color:#999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
 
/*»óÇ°ÈÄ±â »èÁ¦*/
section#board-delete .btn_center {margin:auto; width:198px; height:34px; margin-top:20px; margin-bottom:20px;}
section#board-delete .btn_center .btn_confirm{border:none; background:#7a05ab; color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left; line-height:38px;}
section#board-delete .btn_center .btn_back{margin-left:10px;border:none; background:#808591;  color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left; line-height:38px;}
section#board-delete .content {text-align:center;font-size:14px;line-height:20px;}

/*ºñ¹Ð¹øÈ£*/
section#board-secret .content{text-align:center}
section#board-secret .btn_center {margin:auto; width:198px; height:40px; margin-top:20px; margin-bottom:20px;font-size:16px;}
section#board-secret .btn_center .btn_confirm{border:none; background:#7a05ab; color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left; line-height:38px;}
section#board-secret .btn_center .btn_back{margin-left:10px;border:none; background:#808591;  color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left; line-height:38px;}

/*ÇÏ´Ü À§¾Æ·¡ (¸ð¾Æ Æ©´× Ãß°¡)*/
.quick-buy-integration-area-move-top { width: 50px; height: 50px; position: fixed; right: 20px; bottom: 150px; z-index:2;}
.quick-buy-integration-area-move-bottom { width: 50px; height: 50px; position: fixed; right: 20px; bottom: 90px; z-index:2;}
.quick-buy-integration-area-move-bottom-kakao { position: fixed; right: 20px; bottom: 30px; z-index:2;}

/* ½ÅÃ» ÇÏ±â °³ÀÎÁ¤º¸ */

section#realtime {background-color:#FFFFFF;min-height:100%; position:relative; margin-bottom:15px; height:1120px; width:100%;}
section#realtime .agreement {width:100%; float:left;}
section#realtime .agreement .agreement_title{height:59px;}
section#realtime .agreement .agreement_wrap {margin:auto;width:300px; height:39px; margin-top:14px; margin-bottom:6px;}
section#realtime .agreement .agreement_title .agreement2{height:35px; border:solid 1px #808591; color:#808591; float:left; font-size:15px; line-height:35px; width:90%;text-align:center; border-top-left-radius:4px;border-bottom-left-radius:4px; border-top-right-radius:4px;border-bottom-right-radius:4px; font-weight:bold;  margin-left:20px;}
section#realtime .agreement .agreement_title .now_agreement{background:#808591; color:#FFFFFF;}
section#realtime .agreement .agreement_content1 {height:180px; border:solid 1px #BBBBBB; background-color:#FFFFFF; width:300px; margin-left:auto; }
section#realtime .agreement .agreement_content1 .content-text{border:none; width:270px; height:150px; -webkit-appearance:none;font-size:12px;  padding:15px 10px 15px 10px; }

section#realtime .agreement .agreement_content2 {height:150px; border:solid 1px #e5e5e5; background-color:#FFFFFF;  width:95%; margin:0 0 3px 8px;}

section#realtime .agreement .agreement_content2 .content-text{border:none; width:94%; height:120px; -webkit-appearance:none; font-size:12px; padding:10px 10px 10px 10px; }

section#realtime .agreement .content_view {width:300px;text-align:right; font-size:12px; color:#43454d; height:29px; line-height:29px; margin:auto;}
section#realtime .agreement .view_btn {float:right; }

section#realtime .agreement_ {clear:both;font-size:12px;color:#222222; padding:0px 16px; border-bottom:solid 0px #e5e5e5; border-top:solid 0px #e5e5e5;}
section#realtime .agreement_ label{height:20px; line-height:20px; position:relative;}

section#realtime .agreement_chk {clear:both;font-size:12px;color:#222222; padding:0px 16px; border-bottom:solid 0px #e5e5e5; border-top:solid 0px #e5e5e5;}
section#realtime .agreement_chk label{height:0px; line-height:0px; position:relative;}
section#realtime .agreement_chk label input[type=checkbox]{border:solid 1px #BBBBBB;}
section#realtime .agreement_chk label a { text-decoration:underline; color:#2784ff; }

/**** ¸ð¹ÙÀÏ °Ô½ÃÆÇ *****/
section#page_title {position:relative; width:100%;}
section#page_title .btn_list {position:absolute; top:5px; left:10px; border:none; font-size:0; width:58px; height:27px; background-image:url("../../common/img/new/btn_list_view.png"); background-size:100% 100%;}
section#page_title .btn_back {position:absolute; top:5px; left:5%; border:none; font-size:0; width:27px; height:27px; background-image:url("../../common/img/new/btn_back.png"); background-size:100% 100%; background-color:transparent;/*  background-color:#f7f7f7; */}
section#page_title .btn_navi {position:absolute; top:5px; left:10px; border:none; font-size:12; width:56px; height:27px; }
section#page_title .btn_write {position:absolute; top:5px; left:10px; border:none; font-size:0; width:56px; height:27px; background-image:url("../../common/img/new/btn_board_write.png"); background-size:100% 100%;}
section#page_title .btn_index {position:absolute; top:5px; left:10px; border:none; font-size:0; width:63px; height:27px; background-image:url("../../common/img/new/btn_index.png"); background-size:100% 100%;}

/*µðÆúÆ® ½ºÅ²¸®½ºÆ®*/
section#boardlist {background:#FFFFFF;width:97%;margin:0 auto;}
section#boardlist .search{width:100%;height:40px;vertical-align:middle;padding:20px 0 20px 10px;}
section#boardlist .search .input{font-size:18px;}
section#boardlist .search-button{width:90px;height:40px;background:#eeeeee;border:1px solid #A9A9A9;font-size:18px; font-weight:bold;}
section#boardlist table {width:100%; border:0px; }
section#boardlist td {height:80px; vertical-align:middle;}
section#boardlist .title td { border-bottom:solid 1px #DBDBDB;text-align:center; color:#252525; background-color:#FFFFFF; vertical-align:middle;}
section#boardlist td.first{ }
section#boardlist td.left { padding-left:10px; text-align:left; }
section#boardlist td.img img{width:48px; height:48px; margin:5px 5px 0px 5px; } 
section#boardlist #board-table .data-row {width:100%;border-bottom:1px solid #DBDBDB; border-top:1px solid #DBDBDB;height:80px;}
section#boardlist #board-table .data-row .data-box {padding:0 0 0 10px;}
section#boardlist #board-table .data-row .data-box .bullet{background:url('../../common/img/myp/bullet.png') no-repeat right center; width:12px; height:40px;position:absolute;right:20px}
section#boardlist #board-table .data-row .data-box .subject{line-height:24px;}
section#boardlist #board-table .data-row .data-box .subject-text{font-size:20px; color:#252525; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;margin-right:5px;}
section#boardlist #board-table .data-row .data-box .etc{margin-top:5px; font-size:18px;}
section#boardlist .more-btn {width:300px; margin:auto; text-align:center; height:40px; color:#ffffff; line-height:40px; font-size:15px; font-weight:bold; background:#7a05ab; border-radius:0px; margin-top:20px; margin-bottom:20px;}

section#boardlist .icon-reply{background-image:url('../../common/img/new/icon_reply.png');width:26px;height:14px;background-size:100%;float:left;margin-right:5px}
section#boardlist .icon-secret{background-image:url('../../common/img/new/icon_secret.png');width:12px;height:14px;background-size:100%;float:left;margin-right:5px}
section#boardlist .icon-notice{background-image:url('../../common/img/new/icon_notice.png');width:26px;height:14px;background-size:100%;float:left;margin-right:5px}
section#boardlist .icon-new{width:32px;height:15px;float:left;font-size:20px; color:#7a05ab; font-weight:bold; margin-left:5px;}
section#boardlist .icon-hot{width:32px;height:15px;float:left;font-size:20px; color:#7a05ab; font-weight:bold; margin-left:5px;}

/*°Ö·¯¸® ½ºÅ² ¸®½ºÆ®*/
section#gallery-boardlist { padding:0px; background:#FFFFFF;  }
section#gallery-boardlist {background-color:#FFFFFF;min-height:100%; }
section#gallery-boardlist table {width:100%; }
section#gallery-boardlist td.img img{width:48px; height:48px; margin:5px 5px 0px 5px; }
section#gallery-boardlist #board-table .title .box{margin-top:10px;width:95%;border:1px solid #dddddd;position:relative;padding-top:7%;padding-bottom:20%}
section#gallery-boardlist #board-table .title .subject{font-weight:bold;padding-top:5px;height:20px;font-size:11px;position:absolute;width:100%;background:rgba(52,52,52,1);opacity:0.8;bottom:0px;color:#ddd;vertical-align:middle;}

section#gallery-boardlist .more-btn {width:300px; margin:auto; text-align:center; height:35px; color:#ffffff; line-height:35px; font-size:15px; font-weight:bold; background:#808591; border-radius:3px; margin-top:15px;}
section#gallery-boardlist .board-title {font-size:14px; font-weight:bold;color:#353535; height:27px; line-height:27px; margin-bottom:12px;}
section#gallery-boardlist .board-title .title{float:left;}
section#gallery-boardlist .board-title .title .title_cnt{color:#466996}
section#gallery-boardlist .board-title .write-btn{float:right;width:80px; height:27px; line-height:27px; font-size:12px; color:#FFFFFF; font-weight:normal;text-align:center; background:#808591; border-radius:3px;}
section#gallery-boardlist #board-table .data-row{border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;height:55px}
section#gallery-boardlist #board-table .data-row .bullet{text-align:right;background:url('../../common/img/myp/bullet.png') no-repeat right center; width:12px; height:40px;margin-right:20px;float:right;padding-top:10px}
section#gallery-boardlist #board-table .data-row .data-box{padding:10px 0 0 10px;float:left}
section#gallery-boardlist #board-table .data-row .data-box .subject{font-weight:bold;font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
section#gallery-boardlist #board-table .data-row .data-box .etc{margin-top:5px}
section#gallery-boardlist #board-table .data-row .
section#gallery-boardlist .icon-reply{background-image:url('../../common/img/new/icon_reply.png');width:26px;height:14px;background-size:100%;float:left;margin-right:5px}
section#gallery-boardlist .icon-secret{background-image:url('../../common/img/new/icon_secret.png');width:12px;height:14px;background-size:100%;float:left;margin-right:5px}
section#gallery-boardlist .icon-notice{background-image:url('../../common/img/new/icon_notice.png');width:26px;height:14px;background-size:100%;float:left;margin-right:5px}
section#gallery-boardlist .icon-new{background-image:url('../../common/img/new/icon_new.png');width:31px;height:14px;background-size:100%;float:left;margin-right:5px}
section#gallery-boardlist .icon-hot{background-image:url('../../common/img/new/icon_hot.png');width:31px;height:14px;background-size:100%;float:left;margin-right:5px}
section#gallery-boardlist .subject-text{float:left;margin-right:5px;overflow:hidden; }
section#gallery-boardlist .search-button{width:70px;height:35px;background:#f4f7f8;color:#71768a;font-weight:bold;border:1px solid #d4dce0}

/*ºä*/
section#boardContent {background-color:#FFFFFF; width:97%; margin:0 auto 20px auto; }
section#boardContent .title{border-bottom:1px solid #DBDBDB;padding-left:10px;font-size:18px;line-height:28px;padding-bottom:10px;}
section#boardContent .title .subject-text{width:100%;font-size:20px; font-weight:bold;color:#252525; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;margin-right:5px;}
section#boardContent .link{padding:5px;line-height:20px;margin-top:10px;}
section#boardContent .uploadFile{padding:5px 0 5px 0px;line-height:20px;margin-top:10px;width:100%;border-top:1px solid #dbdbdb}
section#boardContent .more-btn {width:300px; margin:auto; text-align:center; height:35px; color:#ffffff; line-height:35px; font-size:15px; font-weight:bold; background:#808591; border-radius:3px; margin-top:15px;}
section#boardContent .btn_center {margin:auto;width:100%;height:34px; margin-top:10px;border-top:1px solid #dbdbdb;padding-top:10px}
section#boardContent .btn_center button{border:none; background:#808591; border-radius:3px; color:#FFFFFF; font-size:13px; width:74px; height:34px; float:left;margin-left:5px;margin-right:5px; font-weight:bold;}
section#boardContent .memo{width:100%;height:74px;padding:0px;border:0px;margin:0px;}
section#boardContent .memo-box{border:1px solid #dedede;float:left;width:70%;height:74px}
section#boardContent .comment_button{height:76px;padding:0px;margin:0px;width:100%;border:1px solid #808591 ;background:#808591;color:#FFFFFF; font-size:13px; font-weight:bold}
section#boardContent .contents_holder{padding-left:10px;margin-top:20px;margin-bottom:20px;table-layout:fixed;width:95%; font-size:18px;line-height:150%;}
section#boardContent table td input[name=name], input[type=password] {width:130px;height:21px;border:1px solid #dbdbdb;}
section#boardContent .icon-reply{background-image:url('../../common/img/new/icon_reply.png');width:26px;height:14px;background-size:100%;float:left;margin-right:5px}
section#boardContent .icon-secret{background-image:url('../../common/img/new/icon_secret.png');width:12px;height:14px;background-size:100%;float:left;margin-right:5px}
section#boardContent .icon-notice{background-image:url('../../common/img/new/icon_notice.png');width:26px;height:14px;background-size:100%;float:left;margin-right:5px}

/*±Û¾²±â*/
section#boardregister {background:#FFFFFF; }
section#boardregister table{border:none; width:100%;}
section#boardregister table td{padding:8px 8px 8px 8px; vertical-align:middle; border-bottom:solid 1px #dbdbdb;}
section#boardregister table .img{padding:5px; width:60px;}
section#boardregister table .img img{border:solid 1px #d9d9d9;}
section#boardregister table td input[name=name], input[type=password] {width:130px;height:21px;border:1px solid #dbdbdb;border-radius: 0px;}
section#boardregister table td input[name=subject]{width:72%;height:27px;margin-top:3px;float:left;border:0px}
section#boardregister table td textarea{width:95%;height:116px;border:0px solid #dbdbdb}
section#boardregister .btn_center {margin:auto; width:198px; height:34px; margin-top:20px; margin-bottom:20px;}
section#boardregister .btn_center .btn_save{border:none; background:#f35151; border-radius:3px; color:#FFFFFF; font-size:13px; width:94px; height:34px; float:left;  font-weight:bold;}
section#boardregister .btn_center .btn_prev{margin-left:10px;border:none; background:#808591; border-radius:3px; color:#FFFFFF; font-size:13px; width:94px; height:34px; float:left; font-weight:bold;}
section#boardregister .attach{float:left;}
section#boardregister .secret_button{width:38px;height:38px;float:right;border:0px solid}
section#boardregister .secret_button.on{background-image: url("../../common/img/new/btn_secret_on.png");background-size:100% }
section#boardregister .secret_button.off{background-image: url("../../common/img/new/btn_secret_off.png");background-size:100%; }
section#boardregister .notice_button{width:38px;height:38px;float:right;border:0px solid}
section#boardregister .notice_button.on{background-image: url("../../common/img/new/btn_notice_on.png");background-size:100% }
section#boardregister .notice_button.off{background-image: url("../../common/img/new/btn_notice_off.png");background-size:100%; }
section#boardregister .speechBox{background:#ffffff;border-bottom:solid 1px #dbdcde;border:0px;width:100%;height:30px}
section#boardregister #board-attach{list-style:none; overflow:hidden; position:relative; margin-bottom:5px;}
section#boardregister #board-attach li.item{float:left; width:50px; height:50px; overflow:hidden; margin-right:7px; margin-bottom: 7px;}
section#boardregister #board-attach li.item button.file-face{width:100%; height:100%; border:none; background-image:url("../../common/img/new/btn_file_plus.png"); background-size:100% 100%; font-size:0;}
section#boardregister #board-attach li.item button.file-face.preview{background-size:100% auto; border:none;}
section#boardregister #board-attach li.item input.file-hidden{opacity:0; margin-bottom:-20px;}

/*»èÁ¦*/
section#board-delete .btn_center {margin:auto; width:198px; height:34px; margin-top:20px; margin-bottom:20px;}
section#board-delete .btn_center .btn_confirm{border:none; background:#7a05ab; color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left; line-height:38px;}
section#board-delete .btn_center .btn_back{margin-left:10px;border:none; background:#808591;  color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left; line-height:38px;}
section#board-delete .content {text-align:center}

/*ºñ¹Ð¹øÈ£*/
section#board-secret .content{text-align:center}
section#board-secret .btn_center {margin:auto; width:198px; height:40px; margin-top:20px; margin-bottom:20px;}
section#board-secret .btn_center .btn_confirm{border:none; background:#7a05ab; color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left;  line-height:38px;}
section#board-secret .btn_center .btn_back{margin-left:10px;border:none; background:#808591;  color:#FFFFFF; font-size:14px; width:94px; height:38px; float:left; line-height:38px;}
/**** ¸ð¹ÙÀÏ °Ô½ÃÆÇ end*****/





/**¸ð¾Æ Æ©´× Ãß°¡**/
input:focus {outline: none;}


/* ¾ÆÀÌµð & ÆÐ½º¿öµå Ã£±â °øÅë  ÀÌÇö¿ì Ãß°¡ 20191125*/
section.find_common_layout { background-color:#FFFFFF; min-height:95%; position:relative; margin:0 auto;}


/*ÀÌ¸§, °¡ÀÔ¸ÞÀÏÁÖ¼Ò, */
section.find_common_layout div.find_common_center {width:95%; padding:0; margin:40px 10px 0 15px;}
section.find_common_layout div.find_common_center label { display:block; position:static; margin:10px 0 10px 0; width:100%; }
section.find_common_layout div.find_common_center label input {width:95%; height:54px; line-height:54px; font-size:16px; padding-left:10px;border:solid 1px #DFDFDF;position:static; color:#8C8C8C;}

/*¾ÆÀÌµð,ÆÐ½º¿öµå Ã£±â Å¸ÀÌÆ²*/
section.find_common_layout div.find_common_center div.find_common_title { height:30px; line-height:10px; width:100%; font-size:20px; font-weight:bold; color:#363636; }
section.find_common_layout div.find_common_center div.find_password_message { height:40px; line-height:20px; width:100%; font-size:16px; color:#9e9e9e; }
section.find_common_layout div.find_common_center .find_common_margin_bottom { margin-bottom: 10px; }

/* ºñ¹Ð¹øÈ£ Ã£±â - °øÅë */
section.find_common_layout div.find_password_message_input { font-size: 16px; color: #9e9e9e; margin: 4px 0px 10px 0px;}


/*¾ÆÀÌµðÃ£±â, ´ÙÀ½, È¸¿øÁ¤º¸¿¡ µî·ÏµÈ ÀÌ¸ÞÀÏ·Î ÀÎÁõ, ¹öÆ°*/
section.find_common_layout div.find_common_step_btn {width:93%; text-align:center; margin:20px auto 0 auto;}
section.find_common_layout div.find_common_step_btn button {text-align:center; width:100%;display:block;height:60px;color:#ffffff;font-size:21px;font-weight:bold;background:#7a05ab;border:none;}
section.find_common_layout div.find_password_message { height:40px; line-height:20px; width:100%; font-size:16px; color:#9e9e9e; }

/* ºñ¹Ð¹øÈ£ Ã£±â - ÀÎÁõ¹øÈ£ ÀÔ·Â */
section.find_common_layout div.find_password_auth_resend {width:93%; font-size: 16px; color: #9e9e9e; margin:10px auto 0 auto;}
section.find_common_layout div.find_password_auth_resend span { text-decoration: underline; font-weight: bold; }

/*·Î±×ÀÎ,ºñ¹Ð¹øÈ£ Ã£±â ¹öÆ°*/
section.find_common_layout div.find_common_bottom_btn {width:93%; margin:30px auto 0px auto; padding:20px 0; font-size:16px; border-top:solid 1px #DFDFDF; }
section.find_common_layout div.find_common_bottom_btn button {margin:0 5px 0 5px;width:45%;text-align:center;height:50px;color:#363636;line-height:50px;font-size:16px;font-weight:bold;background:#ffffff;border:solid 1px #DFDFDF;}


/*¾ÆÀÌµð,ÆÐ½º¿öµå °á°úÈ­¸é*/
section.find_common_layout div.find_common_center div.find_id_info {height: 60px;line-height: 60px; text-align:center;	border:solid 1px #DFDFDF; font-size: 16px; margin-top: 20px; color: #8C8C8C;}
section.find_common_layout div.find_common_center div.find_id_info span {font-weight: bold; color: blue; }







/*ºÒÇÊ¿ä cssÃßÁ¤*/
section.find_common_layout div.find_common_center div.find_id_authentication { margin: 25px 0px 0px 0px; padding: 15px 0 0 2px; font-size:14px; background:url('../img/new/bg_sns_line.gif') repeat-x left top; background-size:5px; }
section.find_common_layout div.find_common_center div.find_id_authentication div.authentication-title { font-size:16px; font-weight:bold; color:#61656d; margin-bottom: 10px; }
section.find_common_layout div.find_common_center div.find_id_authentication  button {
	width: 49%;
	margin:auto;
	text-align:center;
	height:35px;
	color:#ffffff;
	line-height:35px;
	font-size:15px;
	font-weight:bold;
	background:#808591;
	border-radius:3px;
	border:none;
}


