@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
#chat {
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#AAAAAA;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-shadow-color:#AAAAAA;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#EFEFEF;
	scrollbar-arrow-color:000000;
}

td { font-size:12px; }
.px_10 { font-size:10px; FONT-FAMILY: "arial"; }
.px_11 { font-size:11px; }
.px_17 { font-size:17px; }

a.title_blue:link {COLOR: #002AFF; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_blue:visited {COLOR: #002AFF; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_blue:hover {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_blue:active {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}
a.title_blue:link {COLOR: #002AFF; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_blue:visited {COLOR: #002AFF; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_blue:hover {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_blue:active {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}

a.title_black:link {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_black:visited {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_black:hover {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_black:active {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}
a.title_black:link {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_black:visited {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_black:hover {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_black:active {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}

a.title_white:link {COLOR: white; FONT-FAMILY: ""; TEXT-DECORATION: none}
a.title_white:visited {COLOR: white; FONT-FAMILY: ""; TEXT-DECORATION: none}
a.title_white:hover {COLOR: white; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_white:active {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}

a.title_memo:link {COLOR: #272727; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_memo:visited {COLOR: #272727; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_memo:hover {COLOR: #1A66BB; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_memo:active {COLOR: #272727; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_memo:link {COLOR: #272727; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_memo:visited {COLOR: #272727; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_memo:hover {COLOR: #1A66BB; FONT-FAMILY: ""; TEXT-DECORATION: underline}
a.title_memo:active {COLOR: #272727; FONT-FAMILY: ""; TEXT-DECORATION: underline}

A.title:link {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title:visited {COLOR: #2D2D2D; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title:hover {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title:active {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title:link {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title:visited {COLOR: #2D2D2D; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title:hover {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title:active {COLOR: #1B8FCB; FONT-FAMILY: ""; TEXT-DECORATION: none}

A.title_a:link {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title_a:visited {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title_a:hover {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: underline}
A.title_a:active {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title_a:link {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title_a:visited {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.title_a:hover {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: underline}
A.title_a:active {COLOR: black; FONT-FAMILY: ""; TEXT-DECORATION: none}

A.t_c:link {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.t_c:visited {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.t_c:hover {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: underline}
A.t_c:active {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.t_c:link {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.t_c:visited {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: none}
A.t_c:hover {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: underline}
A.t_c:active {COLOR: #22A1E4; FONT-FAMILY: ""; TEXT-DECORATION: none}

A.a_c:link {COLOR: #959595; FONT-FAMILY: 'NanumSquare', sans-serif; TEXT-DECORATION: none; letter-spacing: -1px;}
A.a_c:visited {COLOR: #959595; FONT-FAMILY: 'NanumSquare', sans-serif; TEXT-DECORATION: none; letter-spacing: -1px;}
A.a_c:hover {COLOR: #959595; FONT-FAMILY: 'NanumSquare', sans-serif; TEXT-DECORATION: underline; letter-spacing: -1px;}
A.a_c:active {COLOR: #959595; FONT-FAMILY: 'NanumSquare', sans-serif; TEXT-DECORATION: none; letter-spacing: -1px;}


img{border:none;}
p { margin-top:2px; margin-bottom:2px; margin-left:2px; margin-right:2px; line-height: 140%; }
body { font-size:12px; }

.px_con { font-size:12px; letter-spacing: 0px; line-height: 160%; }

.home_css {
	text-align: right;
	vertical-align: bottom;
	padding: 0px 0px 30px 0px;
}

.ahome_menu {
	padding-left:15px;
	color:#656565;
	font-weight:bold;
	font-size: 17px;
	letter-spacing: -0.5px;
	padding-top: 4px;
	font-family: 'NanumSquare', sans-serif;
	background-color: white;
}

.ahome_bmenu {
	padding-left:21px;
	padding-bottom:10px;
	line-height:150%;
	font-size: 13px;
	color: #959595;
	border-bottom: 5px solid #e1e8ed;
	font-family: 'NanumSquare', sans-serif;
	background-color: white;
}

.ahome_bmenu .depth_box .depth1 {
	margin: 0;
	font-size:13px;
	font-family: 'NanumSquare', sans-serif;    
    letter-spacing: -1px;
	cursor: pointer;
}

.ahome_bmenu .depth_box .depth2_box {
	display: block;
}

.ahome_bmenu .depth_box .depth2_box li a {
	text-decoration: none;
	color:#959595;
	font-size:13px;
	font-family: 'NanumSquare', sans-serif;    
    letter-spacing: -1px;
}

.ahome_whiteback{
	background-color: white;
}

.ahome_title {
	color: #454545;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	background: linear-gradient(180deg, #FFFFFF 38.02%, #F1F1F1 100%);

}

.ahome_title_nm {
	font-weight:bold;
	color:#454545;
	border-top:2px solid #525358;
	border-bottom:1px solid #c1c4cb;
}

.ahome_subTit {
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:0 20px;
	height:56px;
	background-color:#EBF0FA;
}

.ahome_subTit p {
	display:flex;
	align-items: center;
	color:#0044CC;
	font-size:14px;
	font-weight: 700;
}

.ahome_subTit p svg {
	margin-right:10px;
}

.ahome_subTit > a {
	display:inline-block;
	font-size:14px;
	color:#0044CC;
	font-weight: 700;
	text-decoration: none;
}

.mem_tab_box {
	margin:20px 0px 40px;
}

.mem_tab_box li {
	margin-right:10px;
	display:inline-block;
}

.mem_tab_box li a {
	display:block;
	color:#fff;
	font-size:16px;
	font-weight: 700;
	background-color:#B1B6BD;
	height:40px;
	line-height:42px;
	padding:0 30px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.mem_tab_box li a.active, .mem_tab_box li a:hover {
	background-color:#3C4150;
}

.api_loading_layer{
	width: 900px;
	height: 100%;
	position: absolute;
	background-color: rgba(255,255,255,0.5);
	background-image: url(/images/coupang_loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}

.prod_detail_img {
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.prod_detail_img .product_img {
	position: relative;
}

.prod_detail_img .product_img .icon_19{
	width: 14px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 6px;
}

.mych-container {
	display: flex;
}

.mych-container .mych-title {
	font-size: 20px;
	font-weight: bold;
	flex: 1;
}

.mych-container .mych-wrap {
	flex: 2;
}

.mych-container .mych-wrap .tb_tit_warning {
	font-size: 16px;
}

.mych_div {
	width:820px;
}
.mych_title {
	font-size:24px;
	font-weight:bold;
	text-align:left;
	margin-bottom: 60px;
}

.mych_div .btn_group {
	text-align: center;
}

.mych_div .btn_group .btn_join {
	text-decoration: none;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.mych_div .btn_group .btn_save {
	width: 90px;
	background-color: #3c4150;
	border: 1px solid #33333b;
	text-align: center;
}

.toggle_box {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.toggle_box .tb_tit {
	color:#454545;
	font-size:16px;
	font-weight: 400;
	width: 110px;
}

.toggle_box .tb_tit .tb_beta_txt {
	color:#f00;
	font-size:10px;
	vertical-align: super;
}

.toggle_box .tb_toggle {
	display: flex;
	border:1px solid #333;
}

.toggle_box .tb_toggle label {
	position: relative;
}

.toggle_box .tb_toggle label input[type=radio] {
	position:fixed;
	top:0;
	left:0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

.toggle_box .tb_toggle label input[type=radio] + span {
	display:inline-block;
	width: 40px;
	height: 22px;
	line-height: 24px;
	background-color:#F3F3F5;
	font-size:12px;
	color:#3C4150;
	transition: all 0.3s ease;
	text-align: center;
	cursor: pointer;
}

.toggle_box .tb_toggle label input[type=radio]:checked + span {
	background-color: #3C4150;
	color:#fff;
}

.toggle_box .tb_toggle label input[type=radio]:disabled + span {
	opacity: 0.5;
}
