@charset "utf-8";
@import url(font.css);


body.pop, html.pop {overflow:hidden;}



/* 1: 공통사용
=========================================================================================== */
html {width:100%; min-height:100%;}
body {width:100%; min-height:100%; font-weight:300; font-family:'Noto Sans KR', sans-serif; font-size:16px;}
#wrap {width:100%; min-width:1200px;}

.hidden {display:none;}
.blind {visibility:hidden;}
.inr-c {position:relative; max-width:1180px; margin:0 auto; font-weight:300; color:#2c2c2c;}

.view-m {display:none;}


/*바코드 폰트*/
@font-face{ font-family:C39TWttf; src:url("/erp/css/C39TW.TTF");} 
@font-face{ font-family:C39TWeot; src:url("/erp/css/C39TWT.eot");} 
.bcode{font-family:C39TWttf,C39TWeot;font-size:33pt;}
.bcode2{font-family:C39TWttf,C39TWeot;font-size:17pt;line-height:0.8px}
.bcode3{font-family:C39TWttf,C39TWeot;font-size:50pt;}




/*폰트*/
.c-blue {color:#1074bb !important;}
.c-black {color:#000 !important;}
.c-gray {color:#949494 !important;}
.c-yellow {color:#ff9900 !important;}
.c-green2 {color:#1db150 !important;}

.f-en {font-family:serif;}

.fz-s1 {font-size:12px !important;}
.fz-s2 {font-size:13px !important;}
.fz-b1 {font-size:16px; line-height:1.5; color:#111;}
.fz-b2 {font-size:18px; color:#000;}
.t_link {color:#1d456d; border-bottom:1px solid #1d456d;}


.hd_ty1 {font-weight:700; font-size:38px; line-height: 1.1;}
.hd_ty2 {font-weight:600; font-size:20px;  line-height: 1.1;}
.hd_ty3 {font-weight:400; font-size:14px;  line-height: 1.1;}


.hd_titbox1 {}
.hd_titbox1 .hd_t1 {margin-top: 0.5em; font-size: 18px; color: #666;}


.non_cursor {cursor:default;}
.cur {cursor:}

/*간격*/
.pr-mb0 {margin-bottom: 30px !important;}
.pr-mb1 {margin-bottom: 40px !important;}
.pr-mb2 {margin-bottom: 50px !important;}


/*정렬*/
.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}

.fl {}
.fl:after {content:""; clear:both; display:block;}
.f-l {float:left;}
.f-r {float:right;}

.pos-r {position: relative;}


/*달력*/
.ui-datepicker {
	display:none;
	padding:15px;
	border:1px solid #cfcfcf; 
	background-color:rgba(255,255,255,.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff,endColorstr=#90ffffff);
	text-align:center; font-weight:500; font-size:14px; color:#999; font-size:13px;
}
.ui-datepicker th {width:28px; height:26px; font-weight:700; color:#333; text-align:center;}
.ui-datepicker td {width:28px; height:26px; font-weight:300;}
.ui-datepicker td.ui-datepicker-unselectable {color:#ccc;}
.ui-datepicker td a.ui-state-highlight{font-weight:300; color:#000;}
.ui-datepicker td a.ui-state-active {color:#3c59f0; font-weight:700;}

.ui-datepicker-header {position:relative; margin-bottom:10px;}
.ui-datepicker-title {overflow:hidden; font-size:0;}
.ui-datepicker-title span {font-weight:700; font-size:18px; line-height:30px; color:#4e4e4e;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; text-indent:-9999px; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.ui-datepicker-prev {left:0; background-image:url('../images/common/ico_calendar_prev.png');}
.ui-datepicker-next {right:0; background-image:url('../images/common/ico_calendar_next.png');}


.ui-datepicker-trigger {position:absolute; width:20px; margin-left:-25px; bottom:2px;}
.ui-datepicker-trigger img {width:20px; height:auto;}

.ui-datepicker-buttonpane {overflow:hidden; margin-top:5px;}
.ui-datepicker-buttonpane button.ui-datepicker-current {float:left; border-bottom:1px solid #000;}
.ui-datepicker-buttonpane button.ui-datepicker-close {float:right; border-bottom:1px solid #000;}


/*로케이션*/
.path {background-color: #fafafa; border-bottom: 1px solid #e5e5e5;}
.path ul {font-size: 0;}
.path li {
	display: inline-block; *display: inline; *zoom:1; 
	font-size: 14px; font-size: 0.875rem; line-height: 39px; vertical-align: middle; 
	padding-right: 25px; margin-right: 15px; background: url('../images/common/bg_location.jpg') right center no-repeat;
}
_::-moz-svg-foreign-content, :root .path li {float: left;}
.path li img {display: block;}

.path li:first-child {padding-right: 0; background: none;} 
.path li.current > span {padding-right: 30px; background: url('../images/common/bg_location_s.jpg') right center no-repeat;}


/*검색*/
.box_sch {position: relative; display: inline-block; *display: inline; *zoom:1; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.box_sch input.inp_txt {border: 0; background: none;}
.box_sch .btn {position: absolute; right: 10px; top: 0; text-indent: -9999px; height: 100%; vertical-align: top;}

.ico_sch1 {display: block; width: 30px; height: 100%; background: url(../images/common/ico_search1.png) center center no-repeat;}
.ico_sch2 {display: block; width: 40px; height: 100%; background: url(../images/common/ico_search2.png) center center no-repeat;}
.ico_sch3 {display: block; width: 40px; height: 100%; background: url(../images/common/ico_search3.png) center center no-repeat;}


.box_sch.ty1 {max-width:200px; background-color: #ec9a1c; padding: 0 40px 0 10px;}
.box_sch.ty1 input.inp_txt {height: 34px; line-height: 34px; color: #fff;}

.box_sch.ty1 input.inp_txt::-webkit-input-placeholder {color: #fff;}
.box_sch.ty1 input.inp_txt::-moz-placeholder {color: #fff;}
.box_sch.ty1 input.inp_txt:-ms-input-placeholder {color: #fff;}
.box_sch.ty1 input.inp_txt:-moz-placeholder {color: #fff;}

.box_sch.ty2 {width: 80%; max-width:560px; background-color: #fff; padding: 0 50px 0 10px; border: 4px solid #1c3661;}
.box_sch.ty2 input.inp_txt {height: 50px; line-height: 50px; color: #000;}





/*버튼*/
.btn-bot {margin-top:40px;}
.btn-bot.ty2 {}
.btn-bot.ty2 .inp label {font-size: 16px; color: #000;}

.btn-pk {
	display:inline-block; *display:inline-block; *zoom:1; padding:8px 10px; 
	border:1px solid #fff; 
	color:#fff; font-size:14px; font-size:0.875rem; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk.bdrs {border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-pk.bdrs2 {border-radius:50px;-webkit-border-radius:50px; -moz-border-radius:50px;}
.btn-pk.w100p {width: 100%; min-width:auto !important;}


.btn-pk.b {min-width:200px; padding:15px 20px; font-size:18px; line-height:1.2;}
.btn-pk.b2 {min-width:400px; padding:15px 20px; font-size:18px; line-height:1.2;}
.btn-pk.n {min-width:100px; padding:8px 10px; font-size:14px; }

.btn-pk.ns {min-width:100px; padding:11px 10px; font-size:14px; }
.btn-pk.s {min-width:60px; padding:5px 10px; line-height: 1.2; font-size:12px;}
.btn-pk.ss {min-width:60px; padding:5px 10px; line-height: 1.2; font-size:12px;}
.btn-pk.vl {min-width:200px; padding:8px 10px; font-size:14px; f}
.btn-pk.mem {width: 100%; padding: 18px 20px; font-size: 15px; line-height: 16px;}


/* search2 화면  */
.btn-pk.n_re {min-width:30px; padding:8px 10px; font-size:14px; }
.btn-pk_re {
	display:inline-block; *display:inline-block; *zoom:1; padding:0px 0px; 
	border:1px solid #fff; 
	color:#000000; font-size:12px; font-size:0.875rem; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk_re.blue {background-color:#1074bb; border:1px solid #1074bb; color: #fff;}
.btn-pk_re.blue:hover {background-color:#fff; color: #1074bb;}
.btn-pk_re.blue.off:hover {background-color: #1074bb; color: #fff;}
.btn-pk_re.blue.rv:hover {background-color: #1074bb; color: #fff;}
.btn-pk_re.bdrs {border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-pk_re.blue2 {background-color:#fff; border:1px solid #1074bb; color: #1074bb;}
.btn-pk_re.blue2:hover {background-color:#1074bb; color: #fff;}
.btn-pk_re.blue2.off:hover {background-color: #fff; color: #1074bb;}
.t2_re	{text-align: right;}


.box_prd9 {position: relative;}
.box_prd9 .thumb {position: relative; display:table; width:100%; height:145px; border:1px solid #f1f1f1; background-position:center center; background-repeat:no-repeat; text-align:center; cursor:pointer;}
.box_prd9 .thumb > span {display:table-cell; vertical-align:middle;}
.box_prd9 .thumb > span > img {max-height:140px; vertical-align:middle; max-width:110px;}
.box_prd9 .thumb > span.brand {position: absolute; right: 0; bottom: 0; width: 100%; height: 35px; text-align: right;}
.box_prd9 .thumb > span.brand img {max-height:100%; max-width:100%; position: absolute; right: 0; bottom: 0;}

.box_prd9  .et_office9 {position: absolute; left: -50px; top: 0px;  width: 100%; height: 0px;  background-color: rgba(0,150,0,.7);}
.box_prd9  .et_office9 .col {display: inline-block; color: #fff; font-size: 10px;}
.box_prd9  .et_office9 .h {display: inline-block; padding: 2px 2px;   font-size: 13px; margin-top: 2px; }
.box_prd9  .et_office9 .t {display: block; padding: 0 5px; margin-top: 15px; letter-spacing: -0.0625em; line-height: 1.5; font-weight: 200;}

.box_choice2 {z-index: 999;position:absolute; right:0; width:250px;  margin-top:18px; padding:10px; background-color:#585858; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.box_choice2 .title {padding:10px; margin-bottom:15px; font-size:15px; line-height:1; color:#fff;}
.box_choice2 .title span {position:relative; display:block; padding-bottom:10px;}
.box_choice2 .title span:after {content:""; position:absolute; left:50%; bottom:0; margin-left:-15px; width:30px; height:1px; background-color:#fff;}
.box_choice2 .cont {overflow:hidden; margin-bottom:20px; background-color:#fff; font-size:13px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.box_choice2 .cont th {height:40px; border-bottom:1px solid #ddd;}
.box_choice2 .cont td {padding:15px 5px; font-size:12px; border-bottom:1px solid #ddd;}
.box_choice2 .prd_td > div.img {width:40px; height:100%;}
.box_choice2 .btns a {width:49%; float:left;}
.box_choice2 .btns a:first-child {margin-right:2%;}




.btn-pk.white {}
.btn-pk.white:hover {background-color:rgba(255,255,255,.5);}

.btn-pk.black {border-color: #555; background-color: #555;}
.btn-pk.black:hover {}


.btn-pk.blue {background-color:#1074bb; border:1px solid #1074bb; color: #fff;}
.btn-pk.blue:hover {background-color:#fff; color: #1074bb;}
.btn-pk.blue.off:hover {background-color: #1074bb; color: #fff;}
.btn-pk.blue.rv:hover {background-color: #1074bb; color: #fff;}

.btn-pk.blue2 {background-color:#fff; border:1px solid #1074bb; color: #1074bb;}
.btn-pk.blue2:hover {background-color:#1074bb; color: #fff;}
.btn-pk.blue2.off:hover {background-color: #fff; color: #1074bb;}

.btn-pk.orange {background-color:#fff; border:1px solid #ff9900; color: #ff9900;}
.btn-pk.orange:hover {background-color:#ff9900; color: #fff;}
.btn-pk.orange.rv {background-color: #ff9900; color: #fff;}
.btn-pk.orange.rv:hover {background-color: #ff9900; color: #fff;}
.btn-pk.blue2.off:hover {background-color: #fff; color: #1074bb;}

.btn-pk.gray {background-color:#fff; border:1px solid #999999; color: #999;}
.btn-pk.gray:hover {background-color:#999; color: #fff;}
.btn-pk.gray.off:hover {background-color:#fff; color: #999;}

.btn-pk.gray2 {background-color:#cacaca; border:1px solid #b4b4b4; color: #fff;}
.btn-pk.gray2:hover {background-color:#b4b4b4;}
.btn-pk.gray2.off:hover {background-color: #cacaca;}

.btn-pk.gray2.rv {color:#333; background: none; border:1px solid #919191;}
.btn-pk.gray2.rv:hover {background-color:#919191; color: #fff;}
.btn-pk.gray3 {background-color:#fff; border:1px solid #b4b4b4; color: #666;}
.btn-pk.gray3.rv {background-color:#b4b4b4; color: #fff;}
.btn-pk.gray3:hover {background-color:#b4b4b4; color: #fff;}


.btn-pk.green {background-color:#fff; border:1px solid #08a079; color: #08a079;}
.btn-pk.green.rv {background-color:#08a079; color: #fff;}
.btn-pk.green:hover {background-color:#08a079; color: #fff;}

.btn-pk.green2 {background-color:#067170; border:1px solid #067170; color: #fff;}
.btn-pk.green2:hover {background-color:#067170; color: #fff;}

.btn-pk.off {cursor:no-drop;}


.btn_more {display: block; width: 28px; height: 28px; line-height: 28px; border: 1px solid #ccc; text-indent: -9999px; text-align: center; background: url('../images/common/ico_more1.png') center center no-repeat;}



.btn_plus, .btn_minus {overflow:hidden; position: relative; width: 32px; height: 32px; border: 1px solid #2580c1; border-radius: 50%; vertical-align: middle;}
.btn_plus:after, .btn_minus:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 30px; font-size: 24px; line-height: 28px; color: #2580c1;}
.btn_plus:after {background:  url('../images/common/btn_plus.png') center center no-repeat;}
.btn_minus:after {background: url('../images/common/btn_minus.png') center center no-repeat;}
.btn_plus:hover, .btn_minus:hover {}
.btn_plus span, .btn_minus span {text-indent: -9999px;}


.btn_plus.s, .btn_minus.s {width: 20px; height: 20px; border:0;}
.btn_plus.s:after, .btn_minus.s:after {line-height:1; width:7px; height:7px; left:50%; top:50%; margin-left:-3.5px; margin-top:-3.5px;}
.btn_plus.s:after {background:  url('../images/common/ico-set.png') -26px -75px no-repeat;}
.btn_minus.s:after {background: url('../images/common/ico-set.png') -10px -75px no-repeat;}





/*아이콘*/
.i-ico {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.i-ico:after {display: inline-block; overflow: hidden;width: 0;height: 0;content: '';text-align: left; background-image:url('../images/common/ico-set.png'); background-repeat: no-repeat;*display: inline;*zoom: 1;}
.i-ico.posl-c:after {position: absolute; left: 0; top: 50%;}
.i-ico.posr-c:after {position: absolute; right: 0; top: 50%;}

.i-ico2 {display: inline-block; *display: inline; *zoom: 1; font-size: 0; vertical-align: middle; text-indent: -9999px; background-image:url('../images/common/ico-set.png'); background-repeat: no-repeat;}

.i-ico.check {padding-left:20px;}
.i-ico.check:after {margin-top: -6px; width: 16px; height: 12px; background-position:-70px -10px;}

.i-ico2.delet {width:11px; height:11px; background-position:-40px -75px;}



.t-dot {overflow:hidden;}
.t-dot1 {overflow:hidden; display: block; width: 97%; white-space:nowrap; text-overflow: ellipsis;}
.i-txt {
	display: inline-block; *display: inline; *zoom: 1; vertical-align: top; 
	padding: 4px 10px; 
	font-size: 12px; line-height: 1;  color: #fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: #999;
}
.i-txt.ty2 {
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background-color: #f2f2f2; color: #666;
}
.i-txt.ty3 {background-color: #fff; color: #666; border: 1px solid #ccc;}
.i-txt.blue {border: 1px solid #1074bb; background-color: #fff; color: #1074bb;}


.i-point {
	position: relative;
	display: inline-block; *display: inline; *zoom: 1; vertical-align: top; 
	padding: 4px 5px; margin-left: 5px;
	font-size: 12px; line-height: 1;  color: #fff;
	background-color: #ed991c;
	-webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px;
}
.i-point:after {
	content:""; position: absolute; left: -8px; top: 0;
	width: 0px; height: 0px;
	border-top: 0 solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #ed991c;
}
.i-bat {display: inline-block; *display: inline; *zoom: 1; width: 30px; padding: 3px 5px; vertical-align: top; text-align: center; color: #fff; font-size: 13px; line-height: 1; background-color: #ec9a1c; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.i-state {
	display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; 
	font-size: 12px; width: 55px; padding: 3px 5px; text-align: center; color: #fff;
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; 
}
.i-state.email {background-color: #08a079;}
.i-state.meet {background-color: #08a090;}
.i-state.onestop {background-color: #037172;}
.i-state.free {background-color: #86c741;}





.lst_line {}
.lst_line ul {font-size: 0;}
.lst_line li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 13px; line-height: 1;}
_::-moz-svg-foreign-content, :root .lst_line li {float: left;}
.lst_line li a {position: relative; display: block; padding: 15px 14px;}
.lst_line li a:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #ddd;}
.lst_line li:first-child a:after {content:none;}



.c-red {color: #f44e5d !important;}
.c-green {color: #086d71 !important;}
.c-black {color: #000 !important;}


/*탭*/
.tab {}
.tab ul {font-size: 0;}
.tab li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
_::-moz-svg-foreign-content, :root .tab li {float: left;}

.tabcont {display: none;}


.tab.ty1 {}
.tab.ty1 ul {display: table; width: 100%; table-layout:fixed; border-collapse: collapse;}
.tab.ty1 li {display: table-cell; vertical-align: bottom; border: 1px solid #dbdfe2; border-bottom: 1px solid #888;}
.tab.ty1 li:first-child {margin-left: 0;}
.tab.ty1 li a {display: block; padding: 16px 10px 12px; font-size: 18px; line-height: 1; color: #b8b8b8; text-align: center;}
.tab.ty1 li.on {border-color: #888; border-bottom-color: #fff;}
.tab.ty1 li.on a {color: #000; background-color: #fff; }
.tab.ty1 li.on:after {content:""; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #888;}

.tab.ty1.ss ul {table-layout:auto;}
.tab.ty1.ss li a {font-size: 14px; padding-top: 12px;}


.tab.ty2 {}
.tab.ty2 li {padding-left: 10px; margin-left: 10px; }
.tab.ty2 li:after {content:""; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #cccccc;}
.tab.ty2 li:first-child {padding-left: 0; margin-left: 0;}
.tab.ty2 li:first-child:after {content:none;}
.tab.ty2 li a {font-weight: 700; font-size: 20px; color: #888;}
.tab.ty2 li.on a {color: #000;}



.tab.ty3 {margin-bottom: 20px;}
.tab.ty3 ul {display: table; width: 100%; table-layout:fixed;}
.tab.ty3 li {display: table-cell; vertical-align: top; text-align: center;}
.tab.ty3 li a {display: block; padding: 15px 10px; border: 1px solid #067170; font-size: 16px; line-height: 1; color: #067170;}
.tab.ty3 li.on a {color: #fff; background-color: #067170;}


.tab.ty4 {border-bottom: 2px solid #666;}
.tab.ty4 li {vertical-align: bottom; min-width:180px;  border: 1px solid #e5e5e5; border-left: 0; border-bottom: 0; }
.tab.ty4 li:first-child {margin-left: 0; border-left: 1px solid #e5e5e5;}
.tab.ty4 li a {position: relative; display: block; padding: 20px 10px; font-size: 16px; line-height: 1; color: #666; text-align: center; background-color: #fff;}
.tab.ty4 li.on {border-color: #666; }
.tab.ty4 li.on a {z-index: 1; font-weight: 700; color: #000;}
.tab.ty4 li.on a:after {content:""; position: absolute; left: -2px; top: -2px; width: 100%; height: 100%; border: 2px solid #666; border-bottom-color: #fff;}



/*테이블*/
.inp_phone {}
.inp_phone select.select1,
.inp_phone input.inp_txt {width: 50%;}

.inp_mail {}
.inp_mail select.select1,
.inp_mail input.inp_txt {width: 50%;}

.inp_calender {}
.inp_calender > * {display: inline-block; vertical-align: middle; margin-right: 3px;}
.inp_calender img {margin-right: 10px;}

.inp_calender2 {}
.inp_calender2 > * {display: inline-block; vertical-align: middle; margin-right: 3px;}
.inp_calender2 img {margin-right: 10px;}

.inp_filebox {position: relative; padding-right: 47px;}
.inp_filebox > .pos {position: absolute; right: 0; top: 0;}
.inp_filebox > .pos .btn-pk.n {min-width:auto;}
.inp_filebox > .pos .ico_close {display: block; text-indent: -9999px; width: 20px; height: 22px; background: url('../images/common/ico_trash.png') center center no-repeat;}


.inp_addr {}
.inp_addr .btn-pk {padding-top: 9px; vertical-align: top;}


.tbl_tit {position: relative; margin-bottom: 12px;}
.tbl_tit .title {font-weight: 600; font-size: 20px; color: #000;}
.tbl_tit .fz {font-size: 15px; color: #777;}
.tbl_tit > .rgh {position: absolute; right: 0; bottom: 0;}
.tbl_tit .btns2 {font-size: 13px;}
.tbl_tit .btns2 button {font-size: 10px; vertical-align: middle; color: #086d71 ;}



.tbl_basic {border-top: 1px solid #d4d6d6;}
.tbl_basic .emp {position: relative; display: inline-block;}
.tbl_basic .emp:after {content:"*"; color: #f44e5d;}
.tbl_basic col.subject {width: 150px;}
.tbl_basic col.subject2 {width: 200px;}
.tbl_basic tr {border-bottom: 1px solid #d4d6d6;}
.tbl_basic tbody td {padding: 5px 10px; height: 38px; border-left: 1px solid #d4d6d6;}
.tbl_basic tbody th {padding: 8px 20px; height: 38px; font-weight: normal; color: #000; text-align: left; background-color: #fff;}
.tbl_basic thead th {padding: 8px 10px; height: 38px; border-left: 1px solid #d4d6d6; font-weight: normal; color: #000; text-align: center; background-color: #f6f7f7;}
.tbl_basic th:first-child,
.tbl_basic td:first-child {border-left: 0;}
.tbl_basic .fz {font-size: 13px; font-size: 0.8125rem; color: #777;}
.tbl_basic .bdln {border-left: 0 !important;}
.tbl_basic.bdt0 {border-top: 0 !important;}

.tbl_basic .i_emp {color: #5e96ca;}

.tbl_basic td .inp_calender {padding: 8px 10px; border-top: 1px dotted #d4d6d6;}
.tbl_basic td .inp_calender:first-child {border-top: 0;}


.tbl_basic table.list td {text-align: center;} 
.tbl_basic table.list td.subject {text-align: left;}
.tbl_basic table.list td .end {color: #037172;}

.tbl_basic table.list td .prd_td {text-align: left; color: #000;}

.tbl_basic table.write tr,
.tbl_basic table.write td,
.tbl_basic table.write th {border: 0; height: 40px; font-size: 14px; color: #111;}
.tbl_basic table.write th {padding-left: 0;}
.tbl_basic table.write td .n {display: inline-block; vertical-align: middle; width: 16px; text-align: center;}


.wi-1 {width: 67.7% !important;}
.wi-2 {width: 65.3% !important;}
.wi-3 {width: 20.6% !important;}
.wi-4 {width: 30.4% !important;}
.wi-5 {width: 33.1% !important;}
.wi-6 {width: 23% !important;}

.area_mem_inp {/*overflow:hidden;*/}
.area_mem_inp:after {content:""; clear: both; display: table;}
.area_mem_inp > .info {float: left; width: 69%;}
.area_mem_inp > .rgh {float: right; width: 28%; position:relative;}

/* .tit_mem {margin-bottom: 20px; border-bottom: 1px solid #111;} */
.tit_mem {border-bottom: 1px solid #111;}
.tit_mem .h {margin-bottom: 10px; font-size: 18px; color: #111;}


.tbl_basic table.write2 th {background-color: #f7f7f7;}
.tbl_basic table.write2 td {text-align: center;}
.tbl_basic table.write2 col.txt {width: 15%;}
.tbl_basic table.write2 col.cost {width: 30%;}
.tbl_basic table.write2 tfoot td {padding: 8px 10px; background-color: #f2f8f8; border-left: 1px solid #d4d6d6;}
.tbl_basic table.write2 tfoot td:first-child {border-left: 0;}
.tbl_basic table.write2 tfoot .fz-b1 {font-size: 20px;}



.tbl_basic.ty2 col.num {width: 80px;}
.tbl_basic.ty2 col.day {width: 120px;}
.tbl_basic.ty2 col.state {width: 100px;}
.tbl_basic.ty2 col.name {width: 120px;}
.tbl_basic.ty2 col.pay {width: 120px;}


.tbl_basic.ty2 td,
.tbl_basic.ty2 th {border-left: 0; padding: 8px 10px; font-size: 15px;}
.tbl_basic.ty2 td.subject a {font-size: 17px; max-width:250px;}



.tbl_sch {padding: 10px; margin-bottom: 20px; border: 1px solid #d1d1d1; background-color: #f8f8f8;}
.tbl_sch th {width: 50px; padding: 10px 30px; text-align: left; font-weight: 300; color: #066f72;}
.tbl_sch td {padding: 5px 10px;}
.tbl_sch .wi1 {width: 200px;}
.tbl_sch .wi2 {width: 100px;}


.box_sch_tbl > .sch {position: relative;}
.box_sch_tbl > .sch > .inp {position: relative; padding: 15px 70px 15px 20px; border-top: 1px solid #666;}
.box_sch_tbl > .sch > .inp input {background: none; border: 0; width: 100%; height: 40px; line-height: 40px; font-size: 18px;}
.box_sch_tbl > .sch > .inp .btn_sch {position: absolute; right: 20px; top: 0; width: 40px; height: 100%; text-indent: -9999px; text-align: center;}



.tbl_footer {margin-top: 20px; overflow:hidden; text-align: center;}
.tbl_footer > div {display: inline-block; *display: inline; *zoom:1; vertical-align: top;}
.tbl_footer > .lft {float: left;}
.tbl_footer > .rgh {float: right;}



.tbl_basic .btn-pk {width: 28%; padding: 0; height: 40px; line-height: 38px;}
.tbl_basic .btn-pk.ss {width: auto !important; padding: 7px 10px; line-height: 1; height: auto;}
.btn-pk_pk {width: 11%; padding: 0; height: 40px; line-height: 38px;}


.line-bot {border-top: 1px solid #eee; padding-top: 30px; margin-top: 20px;}
.line-top {border-top: 5px solid #eee; }

.bbsview2 {}
.tbl_view {color: #555555;}
.tbl_view.ty2 {border-top: 2px solid #037172;}
.tbl_view.answer {background-color: #f8f8f8;}


.tbl_view {border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.tbl_view > .top {padding: 20px; display: table; width: 100%; border-bottom: 1px solid #d4d6d6; background-color: #f8f8f8; box-sizing:border-box;}
.tbl_view > .top > div {display: table-cell; vertical-align: middle;}
.tbl_view > .top .title {font-size: 18px;}
.tbl_view > .top .pos {width: 140px; text-align: right;}
.tbl_view > .top .day {font-size: 14px;}
.tbl_view > .cont {padding: 0 20px;}
.tbl_view > .cont > div {padding: 15px 0;}
.tbl_view > .cont .tit {border-bottom: 1px dashed #d1d1d1;}
.tbl_view > .cont .btom {border-top: 1px dashed #d1d1d1;}
.tbl_view > .cont .txt {min-height:200px}
.tbl_view > .cont .h1 {float: left; width: 110px; color: #037172;}
.tbl_view > .cont .t1 {padding-left: 112px;}
.tbl_view > .cont .t1 > .n {display: inline-block; vertical-align: top; margin-right: 10px;}
.tbl_view > .cont .t1 > .n .i-txt {margin-top: 2px;}
.tbl_view > .link {}
.tbl_view > .link a {position: relative; display: block; padding: 15px 20px 15px 150px; border-top: 1px solid #d1d1d1; font-size: 14px; line-height: 20px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tbl_view > .link a > span {position: absolute; left: 0; top: 50%; margin-top: -10px; width: 150px; line-height: 20px; text-align: center;}
.tbl_view > .link a > span .ico {display: inline-block; padding-left: 25px; color: #999;}
.tbl_view > .link a.prev .ico {background: url('../images/common/ico_tbl_prev.png') 0 center no-repeat;}
.tbl_view > .link a.next .ico {background: url('../images/common/ico_tbl_next.png') 0 center no-repeat;}



.box_comp1 {margin-top: -1px; background-color: #f8f8f8; border: 1px solid #d1d1d1; text-align: center;}
.box_comp1 > .inner {padding: 5% 15% 10%; border-top: 1px dashed #d1d1d1;}
.box_comp1 > .inner:first-child {border-top: 0;}
.box_comp1 .title {margin-bottom: 30px; font-size: 24px; color: #333;}
.box_comp1 .area_lst_mem .box_info_mem1 .botm {border-top: 0;}


.box_comp2 {width:725px; padding:50px; margin:0 auto; border:1px solid #dbdfe2; }
.box_comp2 .title {padding-bottom:40px; margin-bottom:40px; text-align:center; border-bottom:1px solid #dbdfe2;}
.box_comp2 .txt {text-align:center;}
.box_comp2 .txt > * {display: inline-block; *display: inline; *zoom:1; vertical-align: middle; font-size:15px; line-height:1.7; color:#000;}
.box_comp2 .txt .t {text-align:left; padding-left:40px;}


.lst_dayck {font-size: 0;}
.lst_dayck li {
	display: inline-block; *display: inline; *zoom:1; margin-right: 5px; font-size: 13px; line-height: 26px; width: 58px; text-align: center; color: #777; border: 1px solid #c4c4c4; background-color: #fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.lst_dayck li.on {background-color: #067170; border-color: #067170; color: #fff;} 


.box-info1 {padding: 20px; border: 1px solid #dbdbdb; background-color: #f5f5f5; background: url('../images/common/bg_infobox.gif') 0 0 repeat;}
.box-info1 li {position: relative; padding-left: 5px; margin-bottom: 5px; font-size: 13px; color: #333; line-height: 20px;}
.box-info1 li:after {content:""; position: absolute; left: 0; top: 9px; width: 1px; height: 1px; background-color: #333;}


.box-info2 {padding: 30px; border: 1px solid #dbdbdb; background-color: #f6f6f6;}
.box-info2 .h1 {margin-bottom: 20px; color: #000;}
.box-info2 .t1 {margin-bottom: 10px; font-size: 13px; line-height: 1.3; color: #666;}



/*header*/
.header {	
	z-index:10; 
	background-color: #fff; border-bottom: 1px solid #e5e5e5;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
	text-align: center;		
	
	 position: fixed;
	 top: 0;
	 width: 100%;  
	 box-sizing: border-box;
}
.header:after {content:""; clear: both; display: block;}

.header > .top {height: 40px; background-color: #222;}
.header > .top .lft {float: left; font-size: 0;}
.header > .top .rgh {float: right;}
.header > .top a {
	font-size: 12px;
	line-height: 40px;
	color: #fff;
	display: inline-block; *display: inline; *zoom:1; vertical-align: top;
}
.header > .top .lft a {width: 184px;  background-color: #3e4348; font-size: 13px;}
.header > .top .lft a.on {background-color: #fff; color: #000;}
.header > .top .rgh a {margin-left: 15px;}

.header > .cen {}
.header > .cen .lft {float: left;}
.header > .cen .lft .event {margin-top: 25px; font-size: 14px; line-height: 1.2; font-weight: 700; color: #000; text-align: left;}
.header > .cen .lft .event span {display: block; margin-bottom: 3px; font-weight: 300; color: #3e4348; font-size: 12px;}
.header > .cen .rgh {float: right;}
.header > .cen .rgh a {margin-top: 13px;}

.btn_hd {position: relative; display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin-left: 30px; font-size: 12px; color: #111;}
.btn_hd span.img {display: block; margin-bottom: 5px;}
.btn_hd .bat {position: absolute; right: -3px; top: -3px; display: block; line-height: 1; padding: 3px 5px; background-color: #1074bb; color: #fff; border-radius: 50px;}

.logo {z-index:0; display:inline-block; width:180px; height:84px; line-height: 84px; vertical-align:top;}
.logo:after {content:""; clear:both; display:block;}
.logo a {display:block; width:100%; height:100%; font-size:0; vertical-align:top;}


.btn_gnb {
	z-index:10;
	position: absolute;
	left:0; top:36px;
	width: 1.5em; height: 3em;
	cursor: pointer;
	margin: 0 auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: 0.1em;
	margin-top: -0.5em;
	background-color: #000;
	border-radius: 3px;
}
.btn_gnb span:after,
.btn_gnb span:before {
	content: "";
	position: absolute; left:0;
	width: 100%;
	height: 100%;
	background-color: #000;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span:after {-webkit-transform: translateY(0.5em); transform: translateY(0.5em);}
.btn_gnb span:before { -webkit-transform: translateY(-0.5em); transform: translateY(-0.5em);}

.btn_gnb.open { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.btn_gnb.open span:before {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.btn_gnb.open span:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}


.btn_close {z-index:10; position:absolute; right:40px; top:40px; width:30px; height:30px;  text-indent:-9999px; background:url('../images/common/btn_close.png') right top no-repeat;}


.gnbbox {}
.gnb {font-size: 0; text-align: center;}
.gnb li {display:inline-block; *display:inline; *zoom:1; width: 20%; vertical-align: top;}
_::-moz-svg-foreign-content, :root .gnb li {float: left;}
.gnb li a {
	display:block; font-weight:700; font-size: 20px; line-height: 20px; color:#000;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.gnb li a span {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding: 20px 0;
}
.gnb li a span:after {
	content:""; 
	position: absolute; left: 50%; bottom: 0;
	width: 0; height: 3px; background-color: #08a079;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.gnb li:hover a,
.gnb li.on a {color: #08a079;} 
.gnb li:hover a span:after,
.gnb li.on a span:after {width: 100%; left: 0;} 

.right {position:absolute; right:0; top:0;}
.right a {display:inline-block; margin-top:30px;color:#fff; border-bottom:1px solid #fff; font-size:12px;}


.btn-pk_min {
	display:inline-block; *display:inline-block; *zoom:1; padding:1px 1px; 
	border:1px solid #fff; 
	color:#fff; font-size:10px; font-size:0.675rem; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk_min.bdrs3 {border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px;}
.btn-pk_min.blue {background-color:#1074bb; border:1px solid #1074bb; color: #fff;}
.btn-pk_min.green {background-color:#5dbb10; border:1px solid #1074bb; color: #fff;}
.btn-pk_min.n {min-width:30px; padding:1px 1px; font-size:10px; font-size:0.875rem;}








/*footer*/
.footer {clear:both; z-index: 1; position: relative; border-top: 1px solid #eee; background-color:#fff; padding: 10px 0;}
.footer .copy {font-size: 12px; color: #999;}



/* 3: 컨텐츠
=========================================================================================== */
a {transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease;}

/*메인*/
.area_search {padding-top: 50px; text-align: center; margin-bottom:50px;}
.area_search .inp {margin-bottom: 20px;}
.area_search {}
.box_keyword {}
.box_keyword .tit {display: inline-block; *display: inline; *zoom:1; margin-right: 10px; font-weight: 500; font-size: 16px; color: #1c3661; vertical-align: middle;}
.box_keyword .tit span {padding-left: 20px;}
.box_keyword .lst {display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.box_keyword .lst a {display: inline-block; *display: inline; *zoom:1; padding: 5px 10px; line-height: auto; font-size: 12px; border: 1px solid #ccc; background-color: #fff;}




/*소식*/
.lst_main_txt {padding: 30px 30px;}
.lst_main_txt .top {position: relative; margin-bottom: 30px;}
.lst_main_txt .pos {position: absolute; right: 0; top: 0;}

.lst_main_txt .lst_dot li a {overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width: 80%;}


.lst_dot {}
.lst_dot li {position: relative; display: table; width: 100%; table-layout:fixed; padding-left: 7px; padding-bottom: 14px;  font-size: 16px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.lst_dot li > * {display: table-cell; vertical-align: middle; width: 100%;}
.lst_dot li:after {content:""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #ccc;}
.lst_dot li a {display: block; color: #000;}
.lst_dot .day {width: 85px; color: #888; text-align: right;}



/*슬라이드*/
.owl-dots {z-index: 10; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.owl-dots .owl-dot {display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 10px; height: 10px; margin: 0 3px; border: 2px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px; cursor:pointer;}
.owl-dots .owl-dot.active {background-color: #ec9a1c; border-color: #ec9a1c;}
.owl-nav {cursor:pointer;}
.owl-nav.disabled {opacity: .5; cursor: default;}

.area_adslider {overflow:hidden; height: 460px; position: relative;}
.area_adslider .item {overflow:hidden; position: relative; height: 460px;}
.area_adslider .img-cen {position: absolute; left: 50%; top: 0; width: 2200px;  margin-left: -1100px;}


.owl-carousel.ty1 .owl-nav [class*=owl-] {z-index: 10; position: absolute; top: 50%; margin-top: -25px; width: 27px; height: 50px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center;}
.owl-carousel.ty1 .owl-nav .owl-prev {left: 50%; margin-left: -550px; background-image: url('../images/common/btn_prev.png');}
.owl-carousel.ty1 .owl-nav .owl-next {right: 50%; margin-right: -550px; background-image: url('../images/common/btn_next.png');}

.owl-carousel.ty2 .owl-nav [class*=owl-] {z-index: 10; position: absolute; top: 50%; margin-top: -14px; width: 28px; height: 28px; text-indent: -9999px; border: 1px solid #ccc; background-repeat: no-repeat; background-position: center center;}
.owl-carousel.ty2 .owl-nav .owl-prev {left: -1px; background-image: url('../images/common/ico_slide_prev1.png');}
.owl-carousel.ty2 .owl-nav .owl-next {right: -1px; background-image: url('../images/common/ico_slide_next1.png');}


/*컨텐츠*/
#container {padding-bottom: 100px; min-height:700px;}
#container .inr-c:after {content:""; clear: both; display: table;}



/*약관동의*/
.area_terms {border-top: 1px solid #555555; border-bottom: 1px solid #555555;}
.area_terms .title {padding: 30px 20px; border-bottom: 1px dotted #cecece;}
.area_terms .title > * {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.area_terms .pos {float: right; position: relative;}
.area_terms .pos label {color: #000;}
.area_terms .pos .inp_radio label::after, .area_terms .pos .inp_radio label:after {border-color: #333;}
.area_terms .pos .inp_radio input:checked + label:before, 
.area_terms .pos .inp_radio input:checked + label::before, 
.area_terms .pos .inp_radio input[checked="checked"] + label:before, 
.area_terms .pos .inp_radio input[checked="checked"] + label::before {background-color: #333;}

.b_terms {overflow-y:auto; max-height:350px; padding: 20px; color: #777; font-size: 15px; line-height: 1.3;}
.b_terms .mb {margin-bottom: 20px;}
.b_terms .h1 {margin-bottom: 15px; font-weight: 600; font-size: 16px;}



.t_tip {font-size: 12px; color: #999;}
.t_tip span {display: inline-block; padding-left: 16px; background: url('../images/common/ico_tip.png') 0 center no-repeat;}
.t_tip.red span {background: url('../images/common/ico_tip2.png') 0 center no-repeat;}
.t_tip.va-t span {background-position: 0 4px;}


div.error .inp_txt,
.inp_txt_mem.error,
.error.inp_txt {border-color: #1074bb; background: url('../images/common/ico_inp_error.png') 100% center no-repeat;}
textarea.error,
select.error {border-color: #1074bb;}


.t_error {margin-top: 3px; font-size: 11px; color: #1074bb;}
.t_error > span {display: inline-block; /*padding-left: 16px; background: url('../images/common/ico_error.png') 0 center no-repeat;*/}


.lst_comment {}
.lst_comment li {padding:20px 0; border-bottom: 1px solid #e8e8e8;}
.lst_comment li .day {margin-bottom: 10px; text-align: right; font-size: 13px; color: #999;}
.lst_comment li .day:after {content:""; clear: both; display: block;} 
.lst_comment li .day .i-txt {float: left;}
.lst_comment li .txt p {font-size: 13px; line-height: 1.5; color: #000;}





.box_gray {padding: 20px 20px 20px; border: 1px solid #eeeeee; background-color: #f5f5f5;}
.box_gray .t1 {font-size: 13px; color: #1074bb;}
.box_gray .inp_checkbox2 { margin-right: 5px; margin-bottom: 5px;}


.inp_checkbox2 {display: inline-block; *display: inline; *zoom:1; vertical-align: top;}
.inp_checkbox2 label {
	display:inline-block; 
	position:relative; 
	padding: 8px 12px;
	font-size: 14px; line-height:16px; 
	border: 1px solid #ddd; background-color: #fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	cursor:pointer;
}
.inp_checkbox2 input[type="checkbox"] {display:none;}
.inp_checkbox2 input[type="checkbox"]:checked + label {
	border-color: #077171; background-color: #077171; color: #fff;
}


/* 2. 상품 검색
========================================*/
#wrap.product .contents {position:relative;}

.box_choice {z-index: 999;position:absolute; right:0; top:0; width:250px; padding:10px; background-color:#585858; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.box_choice .title {padding:10px; margin-bottom:15px; font-size:15px; line-height:1; color:#fff;}
.box_choice .title span {position:relative; display:block; padding-bottom:10px;}
.box_choice .title span:after {content:""; position:absolute; left:50%; bottom:0; margin-left:-15px; width:30px; height:1px; background-color:#fff;}
.box_choice .cont {overflow:hidden; margin-bottom:20px; background-color:#fff; font-size:13px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.box_choice .cont th {height:40px; border-bottom:1px solid #ddd;}
.box_choice .cont td {padding:15px 5px; font-size:12px; border-bottom:1px solid #ddd;}
.box_choice .prd_td > div.img {width:40px; height:100%;}
.box_choice .btns a {width:49%; float:left;}
.box_choice .btns a:first-child {margin-right:2%;}


.box_choice.fixed {position: fixed !important; left: 50%; top: 140px; margin-left: 320px;}


.tbl_total {padding:30px 10px; background-color:#f7f7f7; text-align:center; font-size:12px; color:#5a5a5a;}
.tbl_total .t1 {color:#1074bb; margin-bottom:5px;}
.tbl_total .t1 strong {line-height:1; font-size:24px; vertical-align:bottom;}

.btn_cout {overflow:hidden; display:inline-block; width:72px; border:1px solid #ddd; margin-top:10px;}
.btn_cout .inp_txt {float:left; width:30px; height:21px; line-height:19px; padding:0; text-align:center; font-size:11px; color:#000; border-width:0 1px 0 1px;}
.btn_cout button {float:left; width:20px; height:20px;}


.area_sch_prd {font-size:0; padding-right:280px;}
.area_sch_prd li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:18%; margin-right:2%; margin-bottom:2%;}
.area_sch_prd li a {display:block;}

.area_sch_prd li .btn-pk.cho {border-color:#1074bb; background-color:#fff; color:#1074bb;}
.area_sch_prd li .btn-pk.cho:hover {border-color:#ff9900; color:#ff9900;} 
.area_sch_prd li .btn-pk.cho:hover .i-ico.check:after {background-position:-40px -10px;}
.area_sch_prd li.on .btn-pk.cho {border-color:#ff9900; background-color:#ff9900; color:#fff;}
.area_sch_prd li.on .btn-pk.cho .i-ico.check:after {background-position:-10px -10px;}

.box_prd1 {position: relative;}
.box_prd1 .thumb {position: relative; display:table; width:100%; height:145px; border:1px solid #f1f1f1; background-position:center center; background-repeat:no-repeat; text-align:center; cursor:pointer;}
.box_prd1 .thumb > span {display:table-cell; vertical-align:middle;}
.box_prd1 .thumb > span > img {max-height:140px; vertical-align:middle; max-width:110px;}
.box_prd1 .thumb > span.brand {position: absolute; right: 0; bottom: 0; width: 100%; height: 35px; text-align: right;}
.box_prd1 .thumb > span.brand img {max-height:100%; max-width:100%; position: absolute; right: 0; bottom: 0;}

.box_prd1 .thumb .et_office {position: absolute; left: 0; top: 0;  width: 100%; height: 50px; text-align: center; background-color: rgba(0,0,0,.7);}
.box_prd1 .thumb .et_office .col {display: inline-block; color: #fff; font-size: 10px;}
.box_prd1 .thumb .et_office .h {display: inline-block; padding: 2px 2px;   font-size: 13px; margin-top: 2px; }
.box_prd1 .thumb .et_office .t {display: block; padding: 0 5px; margin-top: 15px; letter-spacing: -0.0625em; line-height: 1.5; font-weight: 200;}

.box_prd1 .thumb .et_office2 {position: absolute; left: 0; top: 0;  width: 100%; height: 20px; text-align: center; background-color: rgba(0,0,0,.00012); z-index:1}
.box_prd1 .thumb .et_office2 .col {display: inline-block; color: #fff; font-size: 10px;}
.box_prd1 .thumb .et_office2 .h {display: inline-block; padding: 2px 2px;   font-size: 13px; margin-top: 2px; }
.box_prd1 .thumb .et_office2 .t {display: block; padding: 0 5px; margin-top: 15px; letter-spacing: -0.0625em; line-height: 1.5; font-weight: 200;}

.box_prd1 .thumb .et_office3 {position: absolute; left: 0; top: 0;  width: 100%; height: 50px; text-align: center; background-color: rgba(0,150,0,.7);}
.box_prd1 .thumb .et_office3 .col {display: inline-block; color: #fff; font-size: 10px;}
.box_prd1 .thumb .et_office3 .h {display: inline-block; padding: 2px 2px;   font-size: 13px; margin-top: 2px; }
.box_prd1 .thumb .et_office3 .t {display: block; padding: 0 5px; margin-top: 15px; letter-spacing: -0.0625em; line-height: 1.5; font-weight: 200;}


/* .box_prd1 {position: relative;}
.box_prd1 .thumb {position: relative; display:table; width:100%; height:145px; border:1px solid #f1f1f1; background-position:center center; background-repeat:no-repeat; text-align:center; cursor:pointer;}
.box_prd1 .thumb > span {display:table-cell; vertical-align:middle;}
.box_prd1 .thumb > span > img {max-height:140px; vertical-align:middle; max-width:110px;}
.box_prd1 .thumb > span.brand {position: absolute; right: 0; bottom: 0; width: 100%; height: 35px; text-align: right;}
.box_prd1 .thumb > span.brand img {max-height:100%; max-width:100%; position: absolute; right: 0; bottom: 0;}

.box_prd1 .thumb .et_office {position: absolute; left: 0; top: 0;  width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,.4);}
.box_prd1 .thumb .et_office .col {display: inline-block; margin-top: 25px; color: #fff; font-size: 11px;}
.box_prd1 .thumb .et_office .h {display: inline-block; padding: 10px 15px; border: 1px solid #ff9900; font-weight: 200; font-size: 15px; margin-top: 12px;}
.box_prd1 .thumb .et_office .t {display: block; padding: 0 5px; margin-top: 15px; letter-spacing: -0.0625em; line-height: 1.5; font-weight: 200;} */


.box_prd1 .txt {padding:5px 0; font-size:12px; line-height:1.4;}
/* .box_prd1 .txt .t1 {font-weight:700; margin-bottom:5px; height: 28px;} */
.box_prd1 .txt .t1 {font-weight:700; margin-bottom:5px; height: 30px; width:124px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.box_prd1 .btns > * {float:left; width:48%; min-width:auto; padding:8px 3px; font-size:12px;}
.box_prd1 .btns > :first-child {margin-right:4%;}
.box_prd1 .btns.mouse_action {display: none; position: absolute; left: 5%; top: 60px; width: 90%;}


.box_prd1:hover .thumb:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}
.box_prd1:hover .btns.mouse_action {display: block;}


.nav_sch {}
.nav_sch .tit {display:block; width:100%; padding:0 10px 5px; text-align:left; font-weight:700; font-size:13px; border-bottom:1px solid #000;}
.nav_sch .tit .i-ico.nav {display:block; padding-right:23px;} 
.nav_sch .tit .i-ico.nav:after {margin-top:-4px; width:14px; height:8px; background-position:-10px -45px;}
.nav_sch .lst {font-size:14px; line-height:1.3; padding:10px;}
.nav_sch .lst li {margin-bottom:7px;}
.nav_sch .lst li a {color:#5b5b5b;}
.nav_sch .lst li.on a,
.nav_sch .lst li:hover a {color:#1074bb;}
.nav_sch .lst.scrollY {font-size:12px;}
.nav_sch .lst.scrollY li {margin-bottom:5px;}
.nav_sch .lst.scrollY li.on a,
.nav_sch .lst.scrollY li:hover a {text-decoration:underline;}



.bbs_prdView {position:relative; padding:0 20px 50px; padding-top:20%;}
.bbs_prd_top {overflow:hidden; margin-bottom:60px;} 
.bbs_prd_top > .img {float:left; width:55.35%;}
.bbs_prd_top > .img .thumb_s {float:left; display:inline-block; vertical-align:top; width:85px;}
.bbs_prd_top > .img .thumb_s li {overflow:hidden; margin-bottom:15px; width: 85px; height: 85px; line-height: 85px; text-align: center; border: 1px solid #eee;}
.bbs_prd_top > .img .thumb_s li img {max-height:85px;}
.bbs_prd_top > .img .thumb_s li a {display:block; position:relative; width: 85px; height: 85px;}
.bbs_prd_top > .img .thumb_s li:hover a:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #1074bb; box-sizing:border-box;}
.bbs_prd_top > .img .thumb_b {margin-left:120px; text-align: center;}
.bbs_prd_top > .img .thumb_b img {max-height:495px;}
.bbs_prd_top > .cont {float:right; width:40.17%;}
.bbs_prd_top > .cont .tit {padding-bottom:35px; border-bottom:1px solid #000;}
.bbs_prd_top > .cont .tit .h1 {margin-bottom:5px; font-size:22px; color:#1074bb;}
.bbs_prd_top > .cont .tit .h2 {font-size:18px; color:#000;}
.bbs_prd_top > .cont .tbl {margin-bottom:30px;}
.bbs_prd_top > .cont .tbl li {overflow:hidden; height:70px; border-bottom:1px solid #ddd; font-size:14px; line-height:70px; color:#555;}
.bbs_prd_top > .cont .tbl li .h {float:left;}
.bbs_prd_top > .cont .tbl li .c {float:right; font-size:30px; color:#1074bb;}
.bbs_prd_top > .cont .tbl li .c .btn_cout {margin-top:20px;}
.bbs_prd_top > .cont .btns {}
.bbs_prd_top > .cont .btns > div {margin-top:10px;}
.bbs_prd_top > .cont .btns > div > .btn-pk {width:49%; float:left;}
.bbs_prd_top > .cont .btns > div > .btn-pk:first-child {margin-right:2%;}
.bbs_prd_top > .cont .btns > div > .btn-pk.gray2.on {background-color:#ff9900; border-color:#ff9900;}
.bbs_prd_top > .cont .btns > div > .btn-pk.gray.on {background-color:#ff9900; border-color:#ff9900; color:#fff;}

.bbs_prd_top > .img {position: relative;}
.bbs_prd_top > .img .thumb_brand {position: absolute; right: 0; bottom: 0;}


.bbs_prd_cont {}
.bbs_prd_cont .tabcont {padding:10px 30px;}
.bbs_prd_cont .title2 {font-weight:300; margin-bottom:10px; font-size:18px;}
.bbs_prd_cont .tbl_basic {border-top:1px solid #888; border-bottom:1px solid #888;}
.bbs_prd_cont .tbl_basic tr:last-child {border-bottom:0;}
.bbs_prd_cont .tbl_basic tbody th {font-size:13px; background-color:#f5f5f5;}
.bbs_prd_cont .tbl_basic tbody td {font-size:13px; padding:10px 20px; color:#888;}
.bbs_prd_cont .tab.ty1 {border-bottom:1px solid #888;}
.bbs_prd_cont .tab.ty1 ul {width:auto; margin-bottom:-1px;}
.bbs_prd_cont .tab.ty1 li {min-width:150px;}


.fix_prd_rgh {position:absolute; top:240px; right:-80px; width:70px; text-align:center;}
.fix_prd_rgh > a {display:block; font-size:11px; padding:5px 0; color:#888;}
.fix_prd_rgh > div {padding:10px 0;}
.fix_prd_rgh a.btn_hd {margin-left:0; font-size:11px; color:#888;}
.fix_prd_rgh a.btn_hd span.img {margin-bottom:0;}
.fix_prd_rgh a.btn_hd span.img img {width:24px;}
.fix_prd_rgh .lst {position:relative; padding-bottom:10px;}
.fix_prd_rgh .lst:after {content:""; position:absolute; left:50%; bottom:0; width:30px; height:1px; background-color:#888; margin-left:-15px;}
.fix_prd_rgh .lst li {position:relative; height: 70px; margin-bottom:10px;}
.fix_prd_rgh .lst img {width:82%;}
.fix_prd_rgh .lst .tt {
	opacity:1; position:absolute; left:0; top:0; display:block; width:100%; height:100%; font-size:11px; line-height:1.3; color:#fff; background-color:rgba(0,0,0,.5);
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.fix_prd_rgh .lst .tt > span {position:relative; top:50%; display:block; padding:0 5px; line-height:1.1; transform: translateY(-50%); word-break:break-all;}
.fix_prd_rgh .lst .tt em {display:block;}
.fix_prd_rgh .lst li:hover .tt {opacity:0;}

.fix_prd_rgh.fixed {position: fixed; left: 50%; top: 140px; margin-left: 600px;}



.contents_search:after {content:""; display: table; clear: both;}
#wrap.product .area_sch_prd {float:left; width:680px; padding-right:0; padding-left: 3%;}
#wrap.product .box_choice {position:static; float:right;}



/* 3. 구매
========================================*/
#wrap.cart {}
#wrap.cart .sub_tit1 .title1.ty1 {color:#26b250;}
#wrap.cart .sub_tit1 .title1.ty1 em {color:#ff9900;}


.td_total {padding:50px 0;}
.td_total > span {display:inline-block; vertical-align:middle; text-align:right;}
.td_total > span.n {padding:0 20px; color:#000;}
.td_total strong {display:block; font-size:30px; line-height:1;}


.step_cart {text-align:center; margin-bottom:50px;}
.step_cart > .n {position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:50px; padding:0 70px; font-size:14px; color:#000; line-height:1.4;}
.step_cart > .n p {position:relative; padding-top:5px; padding-left:50px; }
.step_cart > .n p:after {content:""; position:absolute; left:0; top:0; width:50px; height:50px; background-image:url('../images/common/ico_step_cart.png'); background-repeat:no-repeat;}
.step_cart > .n:after {content:""; position:absolute; right:-20px; top:50%; margin-top:-25px; width:50px; height:50px; background:url('../images/common/ico_step_cart.png') 0 -150px no-repeat;} 
.step_cart > .n.last:after {content:none;} 

.step_cart > .n.n1 p:after {background-position:0 0;}
.step_cart > .n.n2 p:after {background-position:0 -50px;}
.step_cart > .n.n3 p:after {background-position:0 -100px;}

.step_cart > .n.on:after {background-position:-50px -150px;}
.step_cart > .n.on.n1 p:after {background-position:-50px 0;}
.step_cart > .n.on.n2 p:after {background-position:-50px -50px;}
.step_cart > .n.on.n3 p:after {background-position:-50px -100px;}


.box_cart_top {background-color:#f5f5f5; padding:35px; margin-bottom:70px; font-size:0;}
.box_cart_top .n {position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:10px 15px 13px 15px; margin:5px; background-color:#dfdfdf; border-radius:3px;}
.box_cart_top .n > * {line-height:1; vertical-align:middle;}
.box_cart_top .n button {padding-left:20px;}


.box_order_total {border:1px solid #dcdcdc; border-top:1px solid #939393; width: 330px;}
.box_order_total.scroll {position:absolute; left:0;}
.box_order_total > .inner {padding:20px 10px 30px;}
.box_order_total .tit {padding-bottom:10px; border-bottom:1px solid #dcdcdc; font-size:16px; color:#000;}
.box_order_total .top {margin-bottom:30px;}
.box_order_total .top .tit {border-color:#939393;}
.box_order_total .top .tt {background-color:#f7f7f7; text-align:center; padding:30px 10px; font-size:14px; color:#3e8ec7;}
.box_order_total .top .tt strong {font-size:24px;}
.box_order_total .col {margin-bottom:30px;}
.box_order_total .col .tit {margin-bottom:10px;}
.box_order_total th,
.box_order_total td {padding:10px 10px;font-size:13px; font-weight:300; text-align:left; vertical-align:top;}
.box_order_total th {width:70px;}
.box_order_total td {border-bottom:1px solid #ddd;}
.box_order_total .btn-bot {margin-top:0;}
.box_order_total .btn-pk {width:100%;}

.inp_radio.txt {overflow:hidden; width:100%;}
.inp_radio.txt > div {width:102%;}
.inp_radio.txt label {float:left; display:block; width:48%; margin-right:2%; margin-bottom:2%; padding:15px 10px; border:1px solid #ddd; border-radius:5px; text-align:center; box-sizing:border-box;}
.inp_radio.txt label::after,
.inp_radio.txt label:after {content:none;}
.inp_radio.txt input:checked + label,
.inp_radio.txt input[checked="checked"] + label {border-color:#3e8ec7; color:#3e8ec7;}


.od_ty {position: relative;}
.area_mem_inp.od_ty  > .rgh {position: static;}

.box_order_total.fixed {z-index: 5; position: fixed; left: 50%; top: 140px !important; margin-left: 260px; background-color: #fff;}
.box_order_total.fixed2 {position: absolute; left: 0; margin-left: 0; margin-top: -390px;}
.box_order_total.fixed.fixed2 {position: absolute; left: 0; margin-left: 0;}

.box_order_total.fixed3 {position: absolute; right: 0; top: auto; bottom: 0;}


/* 5. 고객센터
========================================*/
.sch_cont {padding-top: 155px; left: 50%; margin-left: -420px; width: 840px; text-align: center; margin-bottom: 40px; border-bottom: 1px solid #1074bb; position: absolute; z-index: 1; background-color: white;}
.sch_cont .select2 {width: 200px; font-size: 14px;}
.sch_cont input[type="text"] {border: 0; width: 800px;}

.sch_txt {margin-bottom:50px; padding-top: 20%;}
.sch_txt p {font-size:15px;}
.sch_txt .btn-pk.s {padding: 5px 7px; min-width:50px; margin: 0 1px;}
.sch_txt .btn-pk.blue.on {background-color: #ff9900; border-color: #ff9900;}
.sch_txt .btn-pk.blue.on:hover {color: #fff;}


.sub_tit1 {text-align: center; margin-left: 225px; margin-bottom:20px; padding-top: 20%;}
.sub_tit1 .title1 {position: relative; font-weight: 700; font-size: 20px; padding-bottom: 10px; color: #000;}
.sub_tit1 .title1 span:after {content:""; position: absolute; left: 50%; bottom: 0; margin-left: -11px; width: 22px; height: 1px; background-color: #8f8f8f;}
.sub_tit1 .title1.ty1 {color:#26b250;}
.sub_tit1 .title1.ty1 em {display:inline-block; vertical-align:bottom; margin-bottom:10px; color:#1074bb;}

.sub_tit2 {margin-bottom: 30px;}
.sub_tit2 .title2 {padding-bottom: 18px; border-bottom: 1px solid #888; font-size: 18px; line-height: 20px;}
.sub_tit2 .t1 {margin-top: 10px; font-size: 13px; color: #666; line-height: 1.;}

.sidebar {float: left; width: 190px; min-height:1px;}
.sidebar .lnb {}
.sidebar .lnb li {border-bottom: 1px solid #888;}
.sidebar .lnb a {display: block; padding: 20px 10px; font-size: 15px; line-height: 1.2;}
.sidebar .lnb li.on a,
.sidebar .lnb li:hover a {color: #1074bb;}
.sidebar .lnb li:first-child a {padding-top: 0;}
.sidebar .myinfo {height: 257px; margin-bottom: 20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#cfd7dc;}
.sidebar .myinfo .tit {padding: 30px 0 0; text-align: center; color: #111; border-bottom:1px solid #b9c2c1;}
.sidebar .myinfo .tit .img span {overflow:hidden; display: block; margin: 0 auto; width: 70px; height: 70px; border-radius: 50%;}
.sidebar .myinfo .tit .img img {max-width:100%; max-height:100%;}
.sidebar .myinfo .tit .t1 {margin-top: 7px; margin-bottom: 5px; font-size: 13px; line-height: 1;}
.sidebar .myinfo .tit .t2 {overflow:hidden; font-weight:700; font-size: 22px; line-height: 1.2; height: 60px;}
.sidebar .myinfo .lst {padding: 10px 15px; border-top: 1px solid #fff;}
.sidebar .myinfo .lst p {overflow:hidden; padding: 3px 0; font-size: 12px; font-weight:700; color: #111; text-align: right;}
.sidebar .myinfo .lst p span:first-child {float: left; font-weight:300;}

.sidebar_etc {float: left; width: 190px; padding-top:20%;}
.sidebar_etc .lnb {}
.sidebar_etc .lnb li {border-bottom: 1px solid #888;}
.sidebar_etc .lnb a {display: block; padding: 20px 10px; font-size: 15px; line-height: 1.2;}
.sidebar_etc .lnb li.on a,
.sidebar_etc .lnb li:hover a {color: #1074bb;}
.sidebar_etc .lnb li:first-child a {padding-top: 0;}
.sidebar_etc .myinfo {height: 257px; margin-bottom: 20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#cfd7dc;}
.sidebar_etc .myinfo .tit {padding: 30px 0 0; text-align: center; color: #111; border-bottom:1px solid #b9c2c1;}
.sidebar_etc .myinfo .tit .img span {overflow:hidden; display: block; margin: 0 auto; width: 70px; height: 70px; border-radius: 50%;}
.sidebar_etc .myinfo .tit .img img {max-width:100%; max-height:100%;}
.sidebar_etc .myinfo .tit .t1 {margin-top: 7px; margin-bottom: 5px; font-size: 13px; line-height: 1;}
.sidebar_etc .myinfo .tit .t2 {overflow:hidden; font-weight:700; font-size: 22px; line-height: 1.2; height: 60px;}
.sidebar_etc .myinfo .lst {padding: 10px 15px; border-top: 1px solid #fff;}
.sidebar_etc .myinfo .lst p {overflow:hidden; padding: 3px 0; font-size: 12px; font-weight:700; color: #111; text-align: right;}
.sidebar_etc .myinfo .lst p span:first-child {float: left; font-weight:300;}

.contents {float: right; width: 960px; }
.contents.product {width: 990px;}
.contents_etc {float: right; width: 960px; padding-top:20%;}

.tbl_top {margin-bottom: 18px; text-align: right;}

.inp_sch {display: inline-block; *display: inline; *zoom:1; vertical-align: bottom; border-bottom: 1px solid #1074bb;}
.inp_sch input[type="text"] {border: 0; height: 30px; padding-top: 0; padding-bottom: 0; width: 250px;}
.inp_sch button {width: 30px; height: 30px; vertical-align: bottom;}
.inp_sch button img {width: 18px;}


.sch_faq {text-align: center; margin-bottom: 50px; padding-top: 30px;}
.sch_faq .inp_sch input[type="text"] {height: 50px; font-size: 18px;}
.sch_faq .inp_sch button {width: 30px; height: 50px;}
.sch_faq .inp_sch button img {width: auto;}

.bbs_tblstyle {}
.bbs_tblstyle .tbl_basic {}
.bbs_tblstyle .tbl_basic.bd {border-top:1px solid #909090;}
.bbs_tblstyle .tbl_basic table {table-layout:fixed;}
.bbs_tblstyle .tbl_basic th {border:0; font-size:13px; line-height: 1.2; }
.bbs_tblstyle .tbl_basic td {border: 0; font-size: 13px; line-height:1.3; color: #888;}
.bbs_tblstyle .tbl_basic td a {color: #111;}
.bbs_tblstyle .tbl_basic td.subject a {display: block; width: 80%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}

tr.tr_view {display: none;}
tr.tr_view td {text-align: left !important; background-color: #f5f5f5; padding: 25px 20px !important; color: #111 !important; font-size: 14px !important;}
tr.tr_view td .q {display:table; width:100%; margin-bottom:10px; table-layout:fixed;}
tr.tr_view td .q span {display:table-cell; vertical-align:middle; padding:10px;}
tr.tr_view td .q span:first-child {width:40px; text-align:center;}
tr.tr_view td .a {display:table; width:100%; table-layout:fixed;}
tr.tr_view td .a span {display:table-cell; vertical-align:middle; padding:10px; color:#1074bb;}
tr.tr_view td .a span:first-child {width:40px; text-align:center;}

tr.tr_tit {cursor:pointer;}

.prd_td {text-align:center; display:table; width:100%; table-layout:fixed;}
.prd_td > div {display:table-cell; vertical-align:middle; }
.prd_td > div.img {width:50px; height:50px; padding-right:5px;}
.prd_td > div.img img {max-width:100%; max-height:100%;}


.lst_faq {font-size: 14px;}
.lst_faq ul {border-top: 1px solid #dbdfe2;}
.lst_faq li {border-bottom: 1px solid #dbdfe2;}
.lst_faq li .tr_tit {position: relative; display: block; padding: 10px 70px 10px 25px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width: 100%; box-sizing:border-box;}
.lst_faq li .tr_tit span.h {display: inline-block; *display: inline; *zoom:1; width: 34px; font-size: 18px;}
.lst_faq li .tr_tit:after {content:""; position: absolute; right: 25px; top: 20px; width: 14px; height: 9px; background-image: url('../images/common/bg_faq.png'); background-repeat: no-repeat; background-position: 0 0;}
.lst_faq li .tr_tit.on:after {background-position: 0 bottom;}
.lst_faq li .tr_view {display: none; position: relative; padding: 25px; border-top: 1px solid #dbdfe2; background-color: #f5f5f5; font-size: 14px; color: #1074bb; line-height: 1.5;}
.lst_faq li .tr_view .h {position: absolute; left: 30px; top: 50%; font-size: 18px; line-height: 1; margin-top: -9px;}
.lst_faq li .tr_view .t {margin-left: 35px; display: block;}


.h_title2 {padding: 15px 30px; margin-bottom: 7px; background-color: #f5f5f5; font-size: 14px; line-height: 1; border-bottom: 1px solid #dbdfe2; border-top: 1px solid #888;}


.bbs_tblstyle .tbl_basic table.write {}
.bbs_tblstyle .tbl_basic table.write th {padding-left: 30px;}
.bbs_tblstyle .tbl_basic table.write td {padding: 10px;}

.bdb0 {border-bottom: 0 !important;}
.textarea.bd0 {border: 0;}


td.notx {padding:80px 0 !important; font-size:13px !important; color:#949494 !important;}




.box_mystep {padding:25px 20px; border:1px solid #dde1e4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center;}
.box_mystep li {overflow:hidden; display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-left:80px; padding-right:70px; background:url('../images/common/bg_mystep.jpg') 0 center no-repeat;}
.box_mystep li:first-child {padding-left:0; background:none;}
.box_mystep li .icon {float:left; margin-right:5px;}
.box_mystep li .t {float:left; font-size:12px; line-height:1.2; color:#949494; text-align:left;}
.box_mystep li .t strong {display:block; margin-bottom:5px; font-size:14px; color:#000;}


.area_pop_return {display:table; width:100%; table-layout:fixed;}
.area_pop_return > div {display:table-cell; vertical-align:middle;}
.area_pop_return .img {padding:0 30px; width:200px;}
.area_pop_return .txt {padding-left:20px; font-size:12px; line-height:1.4;}
.area_pop_return .txt .h1 {margin-bottom:15px; font-size:18px; color:#1074bb;}


.b_order_inp {display:inline-block; vertical-align:top; padding-left:10px; margin-left:5px; font-size:13px; border:1px solid #ddd; background-color:#eee;}
.b_order_inp .inp_txt {border:0; background:none; width:80px;}


/* 6. 맴버쉽-로그인등
========================================*/
#wrap.member {}
#wrap.member .header {border-bottom: 0;}
#wrap.member .header .top {background-color: #f4f4f4;}
#wrap.member #container {padding-top: 170px; padding-bottom: 0%;}
#wrap.member #container .inr-c {max-width:655px; margin: 0 auto;}
#wrap.member #container .inr-c2 {max-width:1000px; margin: 0 auto;}
#wrap.member .footer {display: none;}

#wrap.member .header > .top .lft {margin-left: 30px;}
#wrap.member .header > .top .rgh {margin-right: 30px;}
#wrap.member .header > .top a {font-size: 12px; color: #000;}
#wrap.member .header > .top .lft a {margin-right: 15px; width: auto; background: none;}
#wrap.member .header > .top .rgh a {margin-left: 15px;}


input.inp_txt_mem {width: 100%; height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; border: 0; border-bottom: 1px solid #afbec5; background: none;}
input.inp_txt_mem:focus {border-color: #000;}
select.select_mem {width: 100%; height: 40px; line-height: 40px; border: 0; border-bottom: 1px solid #afbec5; background: url('../images/common/bg_select2.png') right center no-repeat;}
select.select_mem:focus {border-color: #000;}
select.select_mem::-ms-expand {display: none;}
.inp_radio.mem label {font-size: 16px;}
.inp_radio.mem label::after,
.inp_radio.mem label:after {border-color: #afbec5;}
.inp_radio.mem input:checked + label:before, 
.inp_radio.mem input:checked + label::before, 
.inp_radio.mem input[checked="checked"] + label:before, 
.inp_radio.mem input[checked="checked"] + label::before {background-color: #1074bb;}

.inp_phone.mem {font-size: 0; overflow:hidden;}
.inp_phone.mem select.select_mem {float: left; width: 32%; min-width:auto; vertical-align: top; padding-top: 0; padding-bottom: 0;}
.inp_phone.mem input.inp_txt_mem {float: left; width: 32%; min-width:auto; margin-left: 2%; vertical-align: top;}


.h_title {position: relative; font-size: 18px; line-height: 1; color: #111;}
.h_title > span {display: block; padding-left: 30px; background: url('../images/common/ico_tit.gif') 0 center no-repeat;}

.hd_mem {text-align: center; margin-bottom: 40px;}
.hd_mem .title {font-size: 20px; line-height: 1; color: #111;}
.hd_mem .title.ty1 {position: relative;}
.hd_mem .title.ty1:after {content:""; position: absolute; left: 50%; top: -40px; width: 1px; height: 26px; background-color: #111;}
.hd_mem .t1 {font-size: 18px; line-height: 1.2; margin-top: 30px;}


.area_member .fzb1 {margin-top: 10px; font-weight: 300; font-size: 16px; color: #333;}
.area_member .fzb2 {padding: 1em 0; font-weight: 300; font-size: 30px; color: #1074bb;}

.area_member {padding: 0 0 50px; min-height:410px;}
.area_member .col {margin-bottom: 10px;}
.area_member .col.link {text-align: center; padding-top: 5px; margin-bottom: 40px;}
.area_member .col.link a {position: relative; display: inline-block; vertical-align: top; padding-left: 10px; font-size: 14px; color: #111; letter-spacing:-1px}
.area_member .col.link a:first-child {margin-right: 20px;}
.area_member .col.link a:after {content:""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background-color: #111; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} 


.lst_mem_sns {position: relative; text-align: center; padding: 40px 0 22px; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8;}
.lst_mem_sns .h {position: absolute; left: 0; top: -10px; width: 100%; font-size: 18px; line-height: 1; color: #111;}
.lst_mem_sns .h span {background-color: #fff; padding: 0 10px;}
.lst_mem_sns a {display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin: 0 20px;}
.lst_mem_sns a > span {display: block; font-size: 15px; color: #222;}
.lst_mem_sns a img {margin-bottom: 15px;}


.box_member.ty2 {border-top: 1px solid #000;}
.box_member.ty2 .col.line {padding: 20px 25px; margin-bottom: 0; border-bottom: 1px solid #d0d0d0; background-color: #f9f9f9;}

.box_find_input {display: none; padding: 30px 30px; background-color: #fcfcfc; border-bottom: 1px solid #d0d0d0;}
.box_find_input .col {position: relative; display: table; width: 100%; table-layout:fixed;}
.box_find_input .col > div {display: table-cell; vertical-align: middle;}
.box_find_input .col > div.h {font-size: 15px; color: #333; width: 155px;}
.box_find_input .col > div.bt {width: 135px; padding-left: 10px;}
.box_find_input .col .btn-pk {width: 100%; height: 40px; line-height: 38px; padding: 0;}

.box_find_input.pwd {display: block; }

.box_member .col.error .inp_txt_mem,
.box_member .col.error .select_mem {border-color: #ce0000;}
.box_member .col.ok .inp_txt_mem {background: url('../images/common/ico_inp_ok.png') right center no-repeat;}

.area_member.pwd .col {margin-bottom: 20px;}



/*회원가입*/
.box_member2 {}
.box_member2 .h_title {margin-bottom: 25px;}
.box_member2 .col {padding: 25px 0 20px; border-top: 1px solid #b8b8b8;}


.lst_sns a {display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin: 0 20px;}
.lst_sns a > span {display: block; font-size: 15px; color: #222;}
.lst_sns a img {margin-bottom: 15px;}


.lst_step {margin-bottom: 30px;}
.lst_step > .top {margin-bottom: 20px;}
.lst_step > .top .h1 {font-weight: 100; font-size: 34px; line-height: 1.2;}
.lst_step > .top .t1 {margin-top: 10px; font-size: 14px; color: #999;}
.lst_step .step {}

.lst_step .step {display: table; width: 100%; table-layout:fixed; border-collapse: collapse;}
.lst_step .step li {display: table-cell; vertical-align: top; text-align: center;  border: 1px solid #067170; width: 20%;}
.lst_step .step li p {display: block; padding: 10px 10px 12px; font-size: 16px; line-height: 1; color: #067170;}
.lst_step .step li p > span {display: inline-block; text-align: left; vertical-align: top;}
.lst_step .step li p > span > span {margin-bottom: 2px; font-size: 11px; line-height: 1; display: block;}
.lst_step .step li.on {border-left-color: #fff;}
.lst_step .step li.on p {color: #fff; background-color: #067170; border-left: 1px solid #fff;}
.lst_step .step li.on:first-child p {border: 0;}

.box_step {}
.box_step:after {content:""; clear: both; display: table;}
.box_step > .col {float: left; width: 50%; padding: 37px 25px; border: 1px solid #e7e7e7; box-sizing:border-box;}
.box_step > .col:first-child {border-right: 0;} 
.box_step > .col .btn-bot {margin-top: 55px;}
.box_step .tit {margin-bottom: 80px;}
.box_step .tit .h1 {font-weight: 700; font-size: 20px; color: #111; margin-bottom: 10px;}
.box_step .tit .t1 {color: #7d7d7d; font-size: 14px;}



.area_member.join {}

.box_inp_mem {border: 1px solid #dcdcdc; border-top: 0;}
.box_inp_mem > div {padding: 25px;}
.box_inp_mem > div.txt {background-color: #f9f9f9;}
.box_inp_mem > div.inp {}
.box_inp_mem > div.inp .col {padding: 15px 0; margin-bottom: 0;}
.box_inp_mem > div.inp .col.line {border-bottom: 1px solid #eee;}
.box_inp_mem > div.inp .h {margin-bottom: 10px; font-size: 14px; color: #111;}
.box_inp_mem .bt-t {margin-left: 2px;}


.area_join_comp {}
.area_join_comp .ad {margin-bottom: 40px;}
.area_join_comp .txt {text-align: center;}
.area_join_comp .txt .h1 {font-size: 20px; line-height: 1; margin-bottom: 20px; color: #111;}
.area_join_comp .txt .t1 {font-size: 14px; color: #888; line-height: 1.3;}


.btn_tip {vertical-align:middle;}
.btn_tip img {vertical-align:top;}


/* 7. 마이빙고
========================================*/
#wrap.customer {}
#wrap.customer .sub_tit1 .title1.ty1 {color:#1175bb;}
#wrap.customer .sub_tit1 .title1.ty1 em {color:#ff9900;}

.lst_my_sns {margin-top: 90px;}
.lst_my_sns ul {font-size: 0;}
.lst_my_sns li {display: inline-block; *display: inline; *zoom1; text-align: center; width: 33.3%; border-left: 1px solid #ddd; box-sizing:border-box;}
.lst_my_sns li:first-child {border-left: 0;} 
.lst_my_sns li .t1 {margin: 15px 0 35px; font-size: 14px; color: #000;}


#wrap.customer .area_mem_inp > .info {width: 68%;}
#wrap.customer .tbl_basic table.write td .n {width: 14px;}
#wrap.customer .tbl_basic .btn-pk {width: 27%;}

#wrap.customer .box_member {width: 60%; margin: 0 auto;}



.tbl_sch_top {padding:15px 20px; border:1px solid #dde1e4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.tbl_sch_top > .col {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.tbl_sch_top > .col .h1 {display:inline-block; vertical-align:middle; font-size:14px; color:#000; padding-right:10px; margin-right:10px; position:relative;}
.tbl_sch_top > .col .h1:after {content:""; position:absolute; right:0; top:50%; width:1px; height:10px; background-color:#ddd; margin-top:-5px;}
.tbl_sch_top .calender {border-width:0 0 1px 0; padding-right:30px; height:30px; width:120px; font-size:12px;}
.tbl_sch_top input.inp_txt,
.tbl_sch_top select.select2 {height:30px; border-width:0 0 1px 0;}
.tbl_sch_top select.select2 {width:80px; border-bottom:1px solid #dde1e4; font-size:12px; padding-left:0;}
.tbl_sch_top input.inp_txt {width:150px; border-bottom:1px solid #207dc0;}


.tbl_sch_top2 {padding:15px 20px; border:1px solid #dde1e4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.tbl_sch_top2 > .col {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.tbl_sch_top2 > .col .h1 {display:inline-block; vertical-align:middle; font-size:14px; color:#000; padding-right:10px; margin-right:10px; position:relative;}
.tbl_sch_top2 > .col .h1:after {content:""; position:absolute; right:0; top:50%; width:1px; height:10px; background-color:#ddd; margin-top:-5px;}
.tbl_sch_top2 .calender {border-width:0 0 1px 0; padding-right:30px; height:30px; width:120px; font-size:12px;}
.tbl_sch_top2 input.inp_txt,
.tbl_sch_top2 select.select2 {height:30px; border-width:0 0 1px 0;}
.tbl_sch_top2 select.select2 {width:80px; border-bottom:1px solid #dde1e4; font-size:12px; padding-left:0;}
.tbl_sch_top2 input.inp_txt {width:150px; border-bottom:1px solid #207dc0;}

.inp_radio_txt {display:inline-block; vertical-align:middle;}
.inp_radio_txt label {
	display:inline-block; 
	position:relative; 
	width:60px; margin-right:2px;
	font-size: 12px; line-height:22px; 
	cursor:pointer; text-align:center;
	border: 1px solid #dde1e4; color:#949494; background-color: #fff;
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
	vertical-align:middle;
}
.inp_radio_txt input {position: absolute; width: 1px; height: 1px; visibility: hidden;}

.inp_radio_txt input:checked + label,
.inp_radio_txt input[checked="checked"] + label {border-color:#207dc0; color:#207dc0;}




/* 8. 기타
========================================*/
.area_company {line-height:1.5;}
.area_company .t1 {font-size:14px; text-align:center; margin-right:23%;}
.area_company .t2 {font-size: 18.0pt;color: #0070C0; margin-left: 35%;}
.area_company .t3 {font-size: 18.0pt;color: #00B050; margin-left: 37%;}
.area_company .t4 {font-size: 18.0pt;color: #FF9900; margin-left: 35%;}

.area_contact {}
.area_contact .tbl {margin-top:50px; border-bottom:1px solid #d2d2d2; }
.area_contact .tbl table {border-top:2px solid #333; font-size:16px;}
.area_contact .tbl tr {border-bottom:1px solid #d2d2d2;}
.area_contact .tbl td {padding:20px; height:50px;}
.area_contact .tbl th {width:130px; padding-left:40px; text-align:left;}


.area_terms2 {white-space:pre-line; font-size:14px; line-height:1.5; color:#333;}

.tooltip {border:1px solid #333; background-color:#fff; width:120px; padding:5px; margin-top:20px; font-size:12px; color:#000; line-height:1.2;}
.view-inp {}
.view-inp > input {margin-bottom:5px;}

.window_obj{width:91px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; display: block; text-align: left;}

.width_change {width:15%;}

.return_style {color:#888; margin-left:-7px; font-size:14px; vertical-align:middle;}

.btn_bot {overflow:hidden;}
.btn_bot .lft {float:left;}
.btn_bot .rgh {float:right;}
.btn_bot .btn_pack {margin-left:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.btn_bot .btn_pack:first-child {margin-left:0;}




#mainCont {padding-top: 300px;}
#mainCont .sch_txt {display: none;}
#mainCont .sidebar {margin-top: 50px;}
#mainCont .contents_search {margin-left: 220px ; width: 680px; position: relative;}
#mainCont .area_sch_prd {overflow:hidden; padding-right: 0;}
#mainCont .area_sch_prd ul {width: 102%;}
#mainCont .titbox {padding: 15px; margin-bottom: 20px;  border-bottom: 1px solid #333;text-align: center; font-size: 26px; font-weight: 700;}
#mainCont .titbox span {position: relative; display: inline-block; vertical-align: top; padding-left: 40px;}
#mainCont .titbox span:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-repeat: no-repeat; background-position: 0 0;}
#mainCont .titbox span.ico_new:after {background-image: url('../images/common/ico_main_new.png');}
#mainCont .titbox span.ico_best:after {background-image: url('../images/common/ico_main_best.png');}
#mainCont .box_choice {right: -280px;}

/*
#mainCont .box_prd1 .thumb {height: 206px;}
#mainCont .box_prd1 .thumb .et_office .col {margin-top: 45px;}
#mainCont .box_prd1 .thumb > span > img {max-height:200px; max-width: 170px;}
#mainCont .box_prd1 .thumb > span.brand img {max-height:100%; max-width:100%;}
*/



.area_cont {padding-bottom:20px;}

.box_manage {max-width:1000px; margin:0 auto;}
.box_manage .tbl_info {}
.box_manage .tbl_info .title {font-size:20px; font-weight:700; color:#000; text-align:center; margin-bottom:10px;}
.box_manage .tbl_basic tr.bg1 td , .box_manage .tbl_basic tr.bg1 th {background-color:#f8f8f8;}
.box_manage .tbl_basic th ,.box_manage .tbl_basic td {border:1px solid #dfdfdf;}
.box_manage .tbl_basic .view th ,.box_manage .tbl_basic .view td {text-align:left; padding-left:15px;}


.tbl_basic {}
.tbl_info {color:#5b5b5b; line-height:1.3; overflow:hidden; margin-bottom:10px;}

.tbl_basic table {border-top:1px solid #dfdfdf; background-color:#FFF;}
.tbl_basic th {font-weight:300; line-height:1.3; height:22px; padding:7px 10px; color:#000; border-left:1px solid #dfdfdf; background-color:#f1f1f1; letter-spacing:-1px;}
.tbl_basic td {padding:7px 10px; line-height:1.3; height:22px; border-left:1px solid #dfdfdf;}
.tbl_basic tbody tr {border-bottom:1px solid #dfdfdf;}
.tbl_basic thead tr {border-bottom:1px solid #b3b3b3;}
.tbl_basic td.text {height:70px; vertical-align:top;}
.tbl_basic td.subject {text-align:left;}
.tbl_basic td.cost {text-align:right;}

.tbl_basic th:first-child {border-left:0;}
.tbl_basic td:first-child {border-left:0;}

.tbl_basic td.bg1 {background-color:#f5f5f5;}
.tbl_basic td.bg2 {background-color:#ffffff;}


.tbl_basic table.list {text-align:center;}
.tbl_basic table.list td .btn_pack.ss {min-width:30px;}


.tbl_basic table.view {}
.tbl_basic table.view col.w1 {width:180px;}
.tbl_basic table.view col.w2 {width:400px;}

.tbl_basic table.view th {border-right:1px solid #dfdfdf;}
.tbl_basic table.view td {position:relative;}
.tbl_basic table.view td .fl_r {position:absolute; right:10px; top:6px;}

.tbl_basic table.view tfoot td {background-color:#f1f1f1; border-left:0; border-bottom:1px solid #dfdfdf;}




.tbl_basic_re {float:left;  padding-right:0; padding-left: 3%;}
.tbl_info {color:#5b5b5b; line-height:1.3; overflow:hidden; margin-bottom:10px;}

.tbl_basic_re table {border-top:1px solid #dfdfdf; background-color:#FFF;}
.tbl_basic_re th {font-weight:300; line-height:1.3; height:22px; padding:7px 10px; color:#000; border-left:1px solid #dfdfdf; background-color:#f1f1f1; letter-spacing:-1px;}
.tbl_basic_re td {padding:2px 3px; line-height:1.3; height:18px; border-left:1px solid #dfdfdf;}
.tbl_basic_re tbody tr {border-bottom:1px solid #dfdfdf;}
.tbl_basic_re thead tr {border-bottom:1px solid #b3b3b3;}
.tbl_basic_re td.text {height:70px; vertical-align:top;}
.tbl_basic_re td.subject {text-align:left;}
.tbl_basic_re td.cost {text-align:right;}

.tbl_basic_re th:first-child {border-left:0;}
.tbl_basic_re td:first-child {border-left:0;}

.tbl_basic_re td.bg1 {background-color:#f5f5f5;}
.tbl_basic_re td.bg2 {background-color:#ffffff;}


.tbl_basic_re table.list {text-align:center;}
.tbl_basic_re table.list td .btn_pack.ss {min-width:30px;}


.tbl_basic_re table.view {}
.tbl_basic_re table.view col.w1 {width:180px;}
.tbl_basic_re table.view col.w2 {width:400px;}

.tbl_basic_re table.view th {border-right:1px solid #dfdfdf;}
.tbl_basic_re table.view td {position:relative;}
.tbl_basic_re table.view td .fl_r {position:absolute; right:10px; top:6px;}

.tbl_basic_re table.view tfoot td {background-color:#f1f1f1; border-left:0; border-bottom:1px solid #dfdfdf;}




/*폰트색*/
.fc_black {color:#000 !important;}
.fc_red {color:#e73247 !important;}
.fc_gray {color:#999 !important;}
.fc_orange {color:#ff9900 !important;}


.bg_black {background:#000 !important;}
.bg_red {background:#e73247 !important;}
.bg_FFC6C6 {background:#FFC6C6 !important;}
.bg_gray {background:#eed !important;}
.bg_orange {background:#ff9900 !important;}
.bg_C4FDFF {background:#C4FDFF !important;}
.bg_97FD00 {background:#97FD00 !important;}
.bg_FFD9EC {background:#FFD9EC !important;}

.bg_green {background:#00b36b !important;}
.bg_FFDF24 {background:#FFDF24 !important;}
.bg_FFD8D8 {background:#FFD8D8 !important;}

.ft_red {color:#ff1111 !important;}
.ft_green {color:#11ff11 !important;}
.ft_blue {color:#1111ff !important;}


input.inp_txt3 {height: 30px; width:50px;text-align:right}

/* [p032 2026-10-02] 대표님 지시: 마이빙고(#wrap.mypage)·장바구니 흐름(#wrap.cart = 장바구니·주문서·주문완료) 회색 글씨 → 검정.
   색이 따로 정해진 글자(파랑·빨강 등)는 그대로, 칸·라벨·쪽번호·회색 버튼만 */
#wrap.mypage #container td, #wrap.mypage #container th, #wrap.mypage #container label,
#wrap.mypage #container .paging a, #wrap.mypage #container .pagenation a, #wrap.mypage #container .btn-pk.ss, #wrap.mypage #container .btn-pk.gray,
#wrap.mypage #container td strong, #wrap.mypage #container .fl_r,
#wrap.cart #container td, #wrap.cart #container th, #wrap.cart #container label,
#wrap.cart #container .paging a, #wrap.cart #container .pagenation a, #wrap.cart #container td > div {color:#000;}
/* [p032] 추가: 회색 클래스·클래스 없는 span 도 검정, 표 칸 글자 모두 왼쪽 정렬(대표님 지시) */
#wrap.mypage #container span:not([class]), #wrap.mypage #container .c-gray,
#wrap.cart #container span:not([class]), #wrap.cart #container .c-gray, #wrap.cart #container .btn-pk.ss {color:#000;}
#wrap.mypage #container td, #wrap.mypage #container th, #wrap.mypage #container td.cost, #wrap.mypage #container td.subject,
#wrap.cart #container td, #wrap.cart #container th, #wrap.cart #container td.cost {text-align:left;}
/* [p032] 원래 !important 로 고정된 회색(.c-gray)·오른쪽 정렬(.ta-r) 칸도 덮음 */
#wrap.mypage #container .c-gray, #wrap.cart #container .c-gray {color:#000 !important;}
#wrap.mypage #container td.ta-r, #wrap.mypage #container td.ta-c, #wrap.cart #container td.ta-r, #wrap.cart #container td.ta-c {text-align:left !important;}
/* [p034 2026-10-02] 대표님 지시: 제목(장바구니·마이 빙고 등) 안 글자는 원래 색(녹색 계열) 유지 — p032 의 span 검정 규칙에서 제외 */
#wrap.mypage #container h1 span:not([class]), #wrap.mypage #container h2 span:not([class]), #wrap.mypage #container h3 span:not([class]),
#wrap.cart #container h1 span:not([class]), #wrap.cart #container h2 span:not([class]), #wrap.cart #container h3 span:not([class]) {color:inherit;} /* p032 규칙보다 우선순위 높게 */
/* [p037 2026-10-02] 대표님 지시: 가운데 큰 제목(마이 빙고·장바구니) 숨기고 표를 위로 — 마이빙고·장바구니 흐름(장바구니·주문서·주문완료) */
#wrap.mypage .sub_tit1 .title1, #wrap.cart .sub_tit1 .title1 {display:none;}
#wrap.mypage .sub_tit1, #wrap.cart .sub_tit1 {padding-top:0; margin-bottom:0; height:215px;} /* 위의 검색창(절대 위치, 높이 약 196px) 자리만 남김 */
/* [p039 2026-10-02] 대표님 지시: 마이빙고 다른 화면(주문취소 현황·회원정보 수정·배송지 관리·거래관리대장)도 나의 주문내역(p038)처럼
   본문 제목·밑줄 숨김, 상자 사이 여백 40 → 10px(공용 .pr-mb1 이 !important) */
#wrap.mypage .contents .sub_tit2, #wrap.mypage .area_member .info > .tit_mem {display:none;}
#wrap.mypage .contents .pr-mb1 {margin-bottom:10px !important;}