@charset "utf-8";

/* skip navigation */
#skip-navi{position:relative;z-index:200; width:100%; }
#skip-navi a{position:absolute;top:-70px;left:0;background:#000;color:#fff;border:1px solid #4ec53d;text-align:center;outline:none;padding:10px;}
#skip-navi a:active,#skip-navi a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#skip-navi span{display:inline-block;padding:2px 6px 0 0;font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}

/* margin & padding */
.mt5  {margin-top:5px !important}
.mt9 {margin-top:9px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.ml0  {margin-left:0px !important}
.ml5  {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.mb12  {margin-bottom:12px !important}
.pt0 {padding-top:0 !important;}
.pt2 {padding-top:2px !important;}

/* font style */
.btn-wrap {overflow:hidden; text-align:center}
.fn {font-weight:300; font-family:'NanumGothic','Nanum Gothic';}
.fb {font-weight:800; font-family:'NanumGothicBold', 'Nanum Gothic Bold';}
.ac {text-align:center}
.al {text-align:left}
.ar {text-align:right}
.fl {float:left}
.fr {float:right}

/* layout start */
#wrap {min-width:980px}
.wrap {width:980px; margin:0 auto; }
.m-show {display:none !important; }
.show {display:block !important}
#header {height:40px; background:url('../images/common/bg_header_line.png') bottom left repeat-x; position:relative; }
#header .wrap {position:relative; width:auto;}
/* header | logo */

/* modify
#header .change-mode {position:absolute; top:0; left:23px; width:183px; padding:9px 0 5px; border-right:1px solid #ededed}
#header .change-mode .open-arrow {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:8px; }
#header .change-mode .logo {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:111px; height:25px; background:url('../images/common/logo_design_w.gif') no-repeat; }
#dh-mode-list {background:#fff; width:183px; border:1px solid #333; position:absolute; top:0; left:0; z-index:10; }
#dh-mode-list ul {margin:0 10px; }
#dh-mode-list ul li {height:30px; padding-top:8px; border-top:1px solid #f5f5f5; }
#dh-mode-list ul li:frist-child {border-top:none; }
#dh-mode-list .btn-close {position:absolute; top:13px; right:6px; }
*/
#header .change-mode {position:absolute; top:0; left:0; z-index:20; }
/*#header .change-mode a {display:block; width:202px; height:40px; background:url(../images/common/design_logo.png) no-repeat; text-indent:-999px; overflow:hidden;}*/
#header .change-mode a {display:block; width:202px; height:40px; background:url(../images/common/gnb_logo.png) no-repeat; text-indent:-999px; overflow:hidden;}
#header .over-menu {position:absolute; top:0; left:0; display:none;}
#header .over-menu a.menu1 {background-position:0 -40px}
#header .over-menu a.menu2 {background-position:0 -80px}

/* header | My Menu Util */
#header .util {position:absolute; top:0; right:0; *zoom:1}
#header .util:after {display:block; clear:both; content:'';}
#header .util > ul {float:left; }
#header .util > ul > li {float:left; }
#header .util > ul > li > a {display:block; height:39px; }
#header .util > ul > li > a.btn-my {width:50px; background:url('../images/common/btn_util.png') 0 -6px no-repeat;}
#header .util > ul > li > a.btn-login {width:60px; margin-right:14px; background:url('../images/common/btn_util.png') -50px -6px no-repeat;}
#header .util > ul > li > a.btn-logout {width:60px; margin-right:14px; background:url('../images/common/btn_util.png') -106px -6px no-repeat;}
#header .util > ul > li > a.btn-my:hover,
#header .util > ul > li > a.btn-my.active { background:url('../images/common/btn_util.png') 0 -57px no-repeat;}
#header .util .sub-my-menu {display:none; position:absolute; top:100%; left:0; width:77px; border:1px solid #333; z-index:10; background:#fff; }
#header .util .sub-my-menu a {display:block; float:none; height:30px; line-height:30px; text-align:center; font-family:'돋움', 'Dotum'; font-size:11px; color:#333; border-top:1px solid #ddd}
#header .util .sub-my-menu li:first-child a {border-top:0}
#header > a {display:block; float:left; }

/* header | gnb */
#gnb {text-align:center; }
#gnb > ul > li {padding-top:3px; display:inline-block; *display:inline; zoom:1; vertical-align:top}
#gnb > ul > li > a {display:block; height:36px; line-height:36px; font-family:'dotum'; font-size:11px; color:#323232; padding:0 20px 0 21px; background:url('../images/common/bg_gnb_dotline.png') 0 50% no-repeat;border-bottom:solid 1px #ededed; }
#gnb > ul > li:first-child > a {background:none; }
#gnb > ul > li > a > img {vertical-align:middle; position:relative; top:-1px; }
#gnb > ul > li .arr {display:inline-block; vertical-align:middle; width:11px; height:11px; background:url(../images/common/icon_arrow.png) no-repeat;}
#gnb > ul > li.active {background:url('../images/common/bg_gnb_li.png') repeat-x;}
#gnb > ul > li:hover {background:url('../images/common/bg_gnb_li.png') repeat-x;}
#gnb > ul > li.active > a {font-weight:bold; }
#gnb > ul > li.active .sub-menu {display:block;}
#gnb > ul > li.active .arr {background-image:url(../images/common/icon_arrow_on.png)}
#gnb .sub-menu {display:none; position:absolute; top:40px; left:0; width:100%; height:56px; z-index:10; background:url(../images/common/bg_gnb_sub.png) repeat-x; text-align:center;}
#gnb .sub-menu ul {margin:0 auto; overflow:hidden; display:inline-block; *display:inline; *zoom:1}
#gnb .sub-menu li {float:left}
#gnb .sub-menu a {display:inline-block; padding:18px 22px 20px; font-family:'dotum'; font-size:12px; color:#aaa;}
#gnb .sub-menu a:hover,
#gnb .sub-menu a.active {text-decoration:underline; color:#333}

#header-search {background:#fec90b; position:absolute; top:40px; left:0; width:100%; height:162px; z-index:20; display:none; }
#header-search .wrap {position:relative; width:auto;}
#header-search fieldset {width:468px; margin:0 auto; padding-top:55px; position:relative;}
#header-search .input-text {border:2px solid #fff; height:39px; padding-top:7px;  }
#header-search .input-text .i-text {border:none; background:#fec90b; width:390px; height:32px; line-height:32px; font-size:16px; color:#fff; font-family: 'Nanum Gothic Bold'; padding:0; margin-left:20px; outline:none;  }
#header-search .input-text .placeholder {height:32px; line-height:32px; color:#fff; font-size:16px; font-family: 'Nanum Gothic Bold'; top:7px; left:20px; padding-left:0; }
#header-search .btn-search {width:32px; height:32px; background:url('../images/common/btn_header_search.gif') 0 0 no-repeat; position:absolute; top:62px; right: 10px; }
#header-search .btn-close {width:40px; height:40px; background:url('../images/common/btn_search_close.gif') 0 0 no-repeat; position:absolute; top:-40px; right:0; z-index:20; }
.m-mgz-menu {display:none; }

#content {padding-bottom:70px; }
#content .con-header {padding:43px 0 35px 0; border-bottom:1px solid #ddd; }
#content .con-header h2 {text-align:center; height:33px; overflow:hidden; margin:0 auto; background:url('http://img.designhouse.co.kr/designhouse/ui/common/sp_pagetitle_web.gif') no-repeat;}
#content.search .con-header h2 {width:147px; background-position:0 0; } /* search */
#content.search-re .con-header h2 {width:322px; background-position:0 -101px; } /* search result */
#content.member .con-header h2 {width:253px; background-position:0 -201px; } /* membership */
#content.login .con-header h2 {width:121px; background-position:0 -301px; } /* login */
#content.event .con-header h2 {width:117px; background-position:0 -402px; } /* event */
#content.class .con-header h2 {width:264px; background-position:0 -501px; } /* class & tour */
#content.mypage .con-header h2 {width:161px; background-position:-531px 0; } /* mypage */
#content.nonmember .con-header h2 {width:360px; background-position:0 -600px; } /* mypage */
#content.reader .con-header h2 {width:272px; background-position:-531px -101px; } /* subscription */
#content.customer .con-header h2 {width:375px; background-position:-531px -201px; } /* customer service */
#content.ad-part .con-header h2 {width:357px; background-position:-531px -301px; } /* ad & partnership */
#content.terms .con-header h2 {width:466px; background-position:-531px -401px; } /* terms of use */
#content.privacy .con-header h2 {width:296px; background-position:-531px -501px; } /* privacy policy */
#content.service .con-header h2 {width:296px; background-position:-531px -600px; } /* digital service */

#content .con-header .page-navi {padding-top:27px; font-size:13px; text-align:center; *position:relative; z-index:10;}
#content .con-header .page-navi > ul {display:inline-block; *display:inline; zoom:1; padding-left:14px; font-size:0; background:url('../images/common/sp_pagenavi.png') no-repeat;}
#content .con-header .page-navi > ul > li {display:inline-block; *display:inline; zoom:1; padding-left:43px; background:url('../images/common/sp_pagenavi.png') 20px -30px no-repeat; position:relative; }
#content .con-header .page-navi > ul > li > a {display:inline-block; *display:inline; zoom:1; height:15px; line-height:15px; font-size:11px; font-family:'Dotum'; color:#666; }
#content .con-header .page-navi > ul > li > a.sub-on {padding-right:23px;  background:url('../images/common/sp_pagenavi.png') right -55px no-repeat;}
#content .con-header .page-navi > ul > li.active > a.sub-on {background-position:right bottom; }
#content .con-header .page-navi .sub {position:absolute; top:24px; left:30px; background:#fff; border:1px solid #333; z-index:10; display:none;  }
#content .con-header .page-navi .sub li {display:block; border-top:1px solid #333;}
#content .con-header .page-navi .sub li:first-child  {border-top:none; }
#content .con-header .page-navi .sub a {display:block; height:40px; line-height:40px; min-width:99px; text-align:center; font-family:'Dotum'; white-space: nowrap; font-size:12px; color:#666; padding:0 10px; max-width:140px; *width:140px; overflow: hidden;text-overflow: ellipsis;}
#content .con-header .page-navi .sub a:hover {background:#787878; color:#fff; }

#footer {
	background: #666;
	padding: 30px 0;
	text-align: center;
	font-family: "나눔고딕", "NanumGothic", "Nanum Gothic", "맑은 고딕", "Malgun Gothic", "Georgia Pro", Arial;
}
#footer .wrap {
	margin: 0 auto;
	max-width: 720px;
	font-size: 9pt;
	line-height: 20px;
}
#footer a {
	display: inline-block;
	text-decoration: none;
}
#footer .footer_logo {
	border-bottom: 1px dotted #858585;
	padding-bottom: 15px;
}
#footer .footer_logo .dhLogo {
	margin-bottom: 8px;
}
#footer .family_site {
	padding: 12px 0;
	font-size: 9pt;
	line-height: 20px;
}
#footer .family_site a {
	color: #999;
	margin: 0px 5px;
}
#footer .footer_menu {
	padding: 15px 0;
	color: #999;
	font-size: 9pt;
	line-height: 20px;
}
#footer .footer_menu a {
	color: #fff;
}
#footer .company_info {
	color: #aaa;
	font-size: 9pt;
	line-height: 20px;
}
#footer .footer_copyright {
	color: #aaa;
	font-size: 9pt;
	line-height: 20px;
}

#footer .splitter {
	display: inline-block;
	width: 2px;
	height: 10px;
	background: url("http://designhouse.co.kr/@resource/images/common/bg_footer_bar.png");
	background-repeat: no-repeat;
}

/* layout end */


/* form style */
.form-type1 .alert {color:#ed1c24; margin-top:3px;}
.form-type1 .input-chk {color:#ed1c24;}
.input-text {position:relative; *zoom:1;}
.input-text .placeholder {position:absolute; top:0; left:0; display:block; font-size:12px; color:#888; line-height:33px; padding-left:10px; height:33px; z-index:1; zoom:1; }
.placeholder .mob {display:none}
.input-text input.i-text {height:32px; border:1px solid #aaa; padding:0 7px; font-size:13px; line-height:32px; color:#333; *position:relative; *top:-1px;}
.input-text input.i-text.disabled {background:#ebebe4; }
.input-text input.i-text.red {border:1px solid #ed1c24; }
.input-text input.i-text + span.icon-check {display:none; position:absolute; top:10px; right:10px; }
.input-text input.i-text.chk + span.icon-check {display:block; width:18px; height:14px; background:url('../images/member/sp_chk_w.png') no-repeat; }
.input-text input.i-text.chk.red + span.icon-check {display:block; background:url('../images/member/sp_chk_w.png') 0 bottom no-repeat; }
.input-text.amount {width:58px;}
.input-text.amount .i-text{width:30px; text-align:center; font-family:'tahoma'; height:23px; line-height:23px; border-color:#aaa; margin-right:13px}
.input-text.amount .btn-ctrl {position:absolute; right:0; top:0; *top:1px; width:13px; background:url(../images/common/btn_amount_arr.gif) no-repeat;}
.input-text.amount .btn-plus,
.input-text.amount .btn-minus {width:13px; height:13px; display:inline-block; position:relative; vertical-align:top; border:none; background:transparent}
.input-text.amount .btn-minus {margin-top:-1px;}
.input-text.amount .btn-plus *,
.input-text.amount .btn-minus * {display:inline-block; position:relative; text-indent:-999px; overflow:hidden; vertical-align:top;}

.text-area {position:relative; padding:5px 10px 20px 10px; border:1px solid #aaa; background-color:#fff;}
.text-area .placeholder {position:absolute; top:-5px; left:0; display:block; font-size:12px; color:#888; line-height:35px; padding-left:10px; height:35px;}
.text-area > textarea {width:100%; border:none}
.text-area .byte {position:absolute; bottom:5px; right:15px; font-size:13px; font-family: 'Nanum Gothic Bold'; color:#333; }
.input-select {height:34px; line-height:34px; border:1px solid #aaa; background-color:#fff; padding-left:10px;  font-size:12px; }
.input-select.disabled {background:#ebebe4; }
.input-select.red {border:1px solid #ed1c24; }
.search-file .in {overflow:hidden;}
.search-file .in:first-child {margin-bottom:10px; }
.search-file .input-file {float:left; width:148px; height:32px; border:1px solid #333; position:relative; margin-right:10px;  }
.search-file .input-file input {border:none; line-height:30px; height:30px; padding-left:12px; width:108px; font-size:13px; }
.search-file .input-file .btn-del {width:10px; height:10px; position:absolute; top:11px; right:12px; background:url(../images/common/btn_file_del.gif) no-repeat; }
.search-file .byte {float:left; margin-left:10px; line-height:34px; }
.search-file .file-btn {float:left; width:105px; height:34px; position:relative; }
.search-file .file-btn .btn {width:105px; font-size:12px; color:#666; }
.search-file .file-btn input {width:105px; height:34px; position:absolute; top:0; left:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
	opacity: 0;
}
.search-file .file-txt {float:left; line-height:34px; margin-left:10px; }

input[type='text'],input[type='password'],input[type='submit'],input[type='search'],button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']
{-webkit-appearance:none;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
select {
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.input-select.disabled {
	background:#ebebe4;
}

/* amount */
.amount-box {font-size:0; }
.amount-box a {display:inline-block; *display:inline; zoom:1; width:32px; height:32px; background:url(../images/common/sp_amount_btn.gif) no-repeat; text-align:center; vertical-align:middle;}
.amount-box a.btn-am-minus {border:1px solid #aaa; border-right:none; background-position:0 0; position:relative; *left:1px; }
.amount-box a.btn-am-plus {border:1px solid #aaa; border-left:none; background-position:0 -32px;  position:relative; *left:-1px;  }
.amount-box .input-box {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0; }
.amount-box .input-box input {width:67px; height:32px; line-height:31px; font-family:'Nanum Gothic'; font-size:14px; color:#333; background-color:#fff; border:1px solid #aaa; text-align:center;}

/* btn style */
.btn-area.col1 {text-align:center; }
.btn-area .btn {display:inline-block; *display:inline; zoom:1;}
.btn.normal {background:#323232; color:#fff; font-size:12px; height:33px; text-align:center; line-height:33px;  vertical-align:middle; }

/* button */
.btn .button {position:relative; display:inline-block; text-decoration:none !important; white-space:nowrap; overflow:visible; cursor:pointer;}
.btn {position:relative; display:inline-block;  text-decoration:none !important; white-space:nowrap; vertical-align:top; overflow:visible; cursor:pointer; border:1px solid #888; background:transparent; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; color:#666;}
.btn + button.btn {margin-left:5px}
.btn.xsmall {border-color:#d8d8d8; font-family:'돋움',dotum; font-size:12px; height:19px; line-height:19px;}
button.btn.xsmall {height:21px; line-height:17px;}
.btn.small {height:23px; line-height:23px; font-size:13px}
button.btn.small {height:25px; line-height:21px}
.btn.medium {height:32px; line-height:32px; font-size:14px}
button.btn.medium {height:34px; line-height:30px}
.btn.large {height:48px; line-height:48px; font-size:18px}
button.btn.large {height:50px; line-height:46px}
.btn.normal {background:#fff; color:#666}
.btn.slightly {background:#f5f5f5}
.btn.weighty {background:#333; border-color:#333; color:#fff}
.btn.warring {background:#ff4c2f; border-color:#ff4c2f; color:#fff}
.btn.warring.ancore {padding:0 30px 0 75px; background:url(../images/common/icon_heart.png) 24px 8px no-repeat #ff4c2f; }
.btn-arrow {padding:0 6px; margin-left:5px; vertical-align:middle; }
.btn-arrow .button {top:1px}
.btn-arrow .icn-arr {display:inline-block; margin-left:3px; width:3px; height:5px; background:url(../images/event/ic_map_arr.png) no-repeat;}

/* input */
.radio-box,
.check-box {display:inline-block; *display:inline; *zoom:1; position:relative; min-height:20px; *height:20px; line-height:20px;}
.radio-box + .radio-box {margin-left:5px;}
.check-box + .check-box {margin-left:5px;}
.radio-box *, .check-box * {vertical-align:top}
.radio-box > input[type="radio"], .check-box > input[type="checkbox"] {
	position:absolute; top:0; left:0; z-index:-1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
	opacity: 0;
}
.radio-box > label,
.check-box > label {display:block; *display:inline-block; padding-left:20px; vertical-align:top;}
.check-box > label {background:url('../images/common/sp_input_chk_off.png') 0 2px no-repeat;}
.radio-box > label {background:url('../images/common/sp_input_radio_off.png') 0 2px no-repeat; color:#888;}
.check-box.checked > label {background:url('../images/common/sp_input_chk_on.png') 0 2px no-repeat;}
.radio-box.checked > label {background:url('../images/common/sp_input_radio_on.png') 0 2px no-repeat; color:#333;}
.input-select {line-height:20px}
.input-disabled .radio-box.checked > label {background:url('../images/mypage/radio-disabled_w.gif') 0 2px no-repeat; }

/* pay text */
.normal-price em {font-family:'Tahoma'; font-weight:bold; }
.normal-price em + em {font-family: 'Nanum Gothic Bold'; font-weight:normal; position:relative; top:-2px; }
.selling-price em {font-family:'Tahoma'; font-weight:bold; }
.selling-price em + em {font-family: 'Nanum Gothic Bold'; font-weight:normal; position:relative; top:-2px; }
.options-price em {font-family:'Tahoma'; font-weight:bold; }
.options-price em + em {font-family: 'Nanum Gothic Bold'; font-weight:normal; position:relative; top:-2px; }
.benefit-price em {font-family:'Tahoma'; font-weight:bold; }
.benefit-price em + em {font-family: 'Nanum Gothic Bold'; font-weight:normal; position:relative; top:-2px; }

/* icon - round */
.icon {display:inline-block; *display:inline; zoom:1; }
.icon.round1 {width:85px; height:85px; line-height:85px; text-align:center; background:url('../images/common/sp_round_box.png') no-repeat; }
.icon.round1.best {color:#fff; font-size:25px;  }
.icon.round1.sell {background-position:0 -85px; color:#414141; }
.icon.round1.sell em {font-size:30px; font-family:'Myriad Pro'}
.icon.round1.sell em + em {font-size:20px; }
.icon.round2 {width:71px; height:71px; line-height:71px; text-align:center; background:url('../images/common/sp_round_box.png') no-repeat; }
.icon.round2.best {color:#fff; font-size:20px; background-position:0 -170px; }
.icon.round2.sell {background-position:0 -241px; color:#414141; }
.icon.round2.sell em {font-size:25px; font-family:'Myriad Pro'}
.icon.round2.sell em + em {font-size:16px; }
.icon.round3 {width:90px; height:76px; line-height:26px; text-align:center; background:url('../images/common/sp_round_box.png') no-repeat; padding-top:14px;}
.icon.round3.since {color:#fff; font-size:14px; background-position:0 -312px;}
.icon.round3.publishdate {color:#fff; font-size:14px; background-position:0 -402px;}
.icon.round3.layer {margin-left:-10px;}
.icon.round3 span {font-size:27px; font-family:'Tahoma';}
.icon.round3 span em {font-size:20px;}

/* icon - square */
.icon.rect1 {width:50px; height:25px; line-height:25px; text-align:center;}
.icon.rect1.discount {font-size:15px; font-family:'Tahoma'; font-weight:bold; background-color:#ffcb08;}
.icon.rect1.discount em {font-size:12px; font-family:'Myriad Pro';}
.icon.rect1.popularity {font-size:15px; color:#fff; font-weight:bold; background-color:#ff4c2f;}
.icon.rect2 {height:17px; color:#fff; font-size:12px; line-height:17px; padding:0 6px; background:#ff4c2f; }

/* table */
/* table | list */
.tbl-lst {border-top:1px solid #666}
.tbl-lst thead th {font-size:13px; text-align:center; font-family:'Nanum Gothic Bold', 'NanumGothicBold'; height:43px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#f9f9f9; border-bottom:1px solid #ddd}
.tbl-lst tbody td {text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.tbl-lst tbody td.al {padding-left:7px; text-align:left; }
.tbl-lst td.chk {vertical-align:top}
.tbl-lst .btn * {font-family:'Nanum Gothic', 'NanumGothic';}
.tbl-lst .normal-price *{font-weight:300;}
.tbl-lst .selling-price *{font-weight:300;}
.tbl-lst .options-price *{font-weight:300;}
.tbl-lst .product-item {position:relative; min-height:80px; padding:10px 0 10px 100px; text-align:left}
.tbl-lst .product-item .info * {line-height:20px; color:#333}
.tbl-lst .product-item .thum {position:absolute; top:0; left:0; width:81px; height:98px; border:1px solid #ddd; }
.tbl-lst .product-item .thum img {width:81px; height:98px; }
.tbl-lst .product_quantity {width:58px; margin:0 auto;}
.tbl-lst .product_quantity .btn {width:100%;}
.tbl-lst .btn-cart-area .btn{width:58px}
.m-list-all-opt {overflow:hidden; padding-bottom:10px; }
.m-list-all-opt .check-box {float:left; }
.m-list-all-opt .check-box label {font-size:12px; color:#888; padding-left:23px; }
.m-list-all-opt .list-sel-del {float:right; border:0; padding-left:21px; background:url('../images/common/btn_m_del.png') no-repeat; background-size:16px 16px; height:16px; }
.m-list-all-opt .list-sel-del {font-size:12px; color:#888; line-height:16px; font-family: 'Nanum Gothic';}

/* table | col-table */
.col-table {border-top:1px solid #666;  }
.col-table thead th {height:45px; background:#f9f9f9; border-bottom:1px solid #ddd; font-size:13px; font-family: 'Nanum Gothic Bold';}
.col-table tbody td { border-bottom:1px solid #ddd; height:53px; text-align:center; font-size:13px; }
.col-table tbody .h53 td {height:53px; border-bottom:1px solid #ddd; text-align:center; font-size:13px; }
.col-table tbody td .label {display:none}

.m-row-table-list {border-top:1px solid #666; }
.m-row-table-list > li {padding:6px 0; border-bottom:1px solid #ddd; }
.m-row-table-list .group-row {position:relative; padding:6px 0; min-height:14px; }
.m-row-table-list .group-row .label {position:absolute; top:6px; left:0; width:85px; font-family: 'Nanum Gothic Bold'; }
.m-row-table-list .group-row .in {padding-left:92px; color:#666; }

/* table | form-type1 */
.form-type1 {padding-top:37px; padding-bottom:10px; position:relative; }
.form-type1 h3 {font-size:22px; font-family: 'Nanum Gothic Bold'; padding-bottom:20px; }
.form-type1 h3.sub-tit {margin-bottom:48px; padding-bottom:12px; border-bottom:1px solid #333;}
.form-type1 h4 {font-size:18px; font-family: 'Nanum Gothic Bold'; padding: 0 0 10px 0; }
.form-type1 h3 .fc-red,
.form-type1 h4 .fc-red {color:#fb2b1c; }
.form-type1 .aside-btn {position:absolute; top:40px; right:0; }
.form-type1 .aside-btn .btn {padding:0 20px; font-size:12px; color:#666}
.form-type1 .aside-btn02 {position:absolute; top:30px; right:0; }
.form-type1 .aside-btn02 .btn {padding:0 20px; font-size:12px; color:#666}
.form-type1 table {border-top:1px solid #666;  }
.form-type1 table .col2 th {width:180px;  }
.form-type1 table th {border-bottom:1px solid #ddd; vertical-align:top; text-align:left; }
.form-type1 table th .label {display:inline-block; *display:inline; zoom:1; padding:27px 0 0 24px; font-size:13px; font-family: 'Nanum Gothic Bold'; }
.form-type1 table td  {padding:15px 0; border-bottom:1px solid #ddd; }
.form-type1 .w200 {width:200px; }
.form-type1 .w200 .i-text {width:184px; }
.form-type1 .w764 .i-text {width:764px; }
.form-type1 .text-area textarea {height:78px; }
.form-type1 .search-file {margin:10px 0; }
.form-type1 .user-num {overflow:hidden; width:360px; }
.form-type1 .user-num .num-text {float:right; font-size:13px; line-height:34px; }
.form-type1 .user-num .input-text {float:left; }
.form-type1 .user-num .input-text .i-text {width:184px; }
.form-type1 .hp-num {min-height:34px; }
.form-type1 .hp-num > div {float:left; padding-left:10px; }
.form-type1 .hp-num > div:first-child {padding-left:0;}
.form-type1 .hp-num .select-wrap {width:95px;  }
.form-type1 .hp-num .select-wrap .input-select {width:100%; }
.form-type1 .hp-num .input-text .i-text {width:79px; }
.form-type1 .hp-num .check-text {font-size:12px; color:#888; margin-top:9px; margin-left:10px;}
.form-type1 .email {min-height:34px; }
.form-type1 .email .in > div {float:left; margin-left:10px; }
.form-type1 .email .in > div:first-child {margin-left:0;}
.form-type1 .email .input-text .i-text {width:134px; }
.form-type1 .email .select-wrap {width:148px; float:left; margin-left:10px; }
.form-type1 .email .select-wrap .input-select {width:100%; }
.form-type1 .email .text {color:#888; font-family:'Tahoma'; font-size:14px; line-height:34px;}
.form-type1 .explain-text {clear:both; font-size:12px; color:#888; padding-top:8px; line-height:18px; }
.form-type1 .post-num .insert {font-size:0; margin-top:10px; overflow:hidden; }
.form-type1 .post-num .insert > div {float:left; }
.form-type1 .post-num .insert:first-child {margin-top:0; }
.form-type1 .post-num .i-text {width:764px; }
.form-type1 .post-num .i-text.post-num {width:79px; margin-right:10px; }
.form-type1 .post-num .btn.medium {width:93px; text-align:center; color:#666; }
.form-type1 .text-data {font-size:13px; padding:10px 0;}
.form-type1 .file-txt {font-size:13px; color:#888 }
.form-type1 .file-txt em {display:inline-block; *display:inline; zoom:1; margin-left:20px; color:#666; }
.form-foot {text-align:center; margin-top:10px; font-size:0; }
.form-foot .btn {width:163px; margin-left:10px; }
.form-foot .btn:first-child {margin-left:0; }

/* pageing */
.pageing {text-align:center}
.pageing span{display:inline-block; margin:0 auto; overflow:hidden;}
.pageing span * {vertical-align:top}
.pageing span strong{float:left; width:22px; height:22px; line-height:18px; margin:0 2px;}
.pageing span a {float:left; width:22px; height:22px; line-height:18px; font-size:16px; margin:0 8px; font-family:'tahoma'; color:#666}
.pageing span a.btn-first,
.pageing span a.btn-last,
.pageing span a.btn-prev,
.pageing span a.btn-next,
.pageing span strong,
.pageing span a.active {background-image:url('../images/common/sp_pageing.png'); background-repeat: no-repeat; text-indent:-999px; overflow:hidden; margin:0 2px}
.pageing span strong,
.pageing span a.active {margin:0 8px}
.pageing .mob-total {display:none;}
.pageing span a.btn-first {background-position:50% 0}
.pageing span a.btn-prev {background-position:50% -22px}
.pageing span a.btn-next {background-position:50% -66px}
.pageing span a.btn-last {background-position:50% -88px}
.pageing span strong,
.pageing span a.active {background-position:50% -44px}

/* bxslider plugin */
.bx-wrar {position:relative; overflow:hidden;}
.bx-wrapper {position:relative; *zoom: 1; overflow:hidden;}
.bx-wrapper img {max-width: 100%; display: block;}
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);
	-o-transform: translatez(0); transform: translatez(0);
}

/* tab */
.tab-type1 {height:49px; background:url('../images/common/bg_tab_line.gif') bottom left repeat-x;  }
.tab-type1 ul {*zoom:1}
.tab-type1 ul:after {display:block; clear:both; content:''}
.tab-type1 > ul > li {float:left; width:190px; position:relative}
.tab-type1 > ul > li > a {display:block; height:47px; font-size:16px; font-family: 'Nanum Gothic Bold'; color:#888; text-align:center; line-height:47px; border:1px solid #ddd; border-right:none; border-bottom:none; }
.tab-type1 > ul > li a .num {font-family:'Tahoma'; color:#888}
.tab-type1 > ul > li.active > a {color:#333; border:1px solid #666; border-bottom:1px solid #fff; border-right:1px solid #666 }
.tab-type1 > ul > li.active > a .num {color:#fb2b1c; }
.tab-type1 > ul > li.active > .sub {display:block}
.tab-type1 > ul > li.active + li a  {border-left:none; }
.tab-type1 > ul > li.last > a {border-right:1px solid #ddd; }
.tab-type1 > ul > li.last.active > a {border-right:1px solid #666; }
.tab-type1 .sub {position:absolute; top:100%; display:none}
.tab-type1 .sub li {float:left; background:url('../images/common/bg_subtab_line.gif') 0 50% no-repeat;}
.tab-type1 .sub li:first-child {background:transparent}
.tab-type1 .sub a {display:block; padding:20px; font-size:14px; color:#888}
.tab-type1 .sub li.active > a,
.tab-type1 .sub li > a.active {color:#333; font-family: 'Nanum Gothic Bold';}

/* layer popup */
.layer-mask {position:fixed;width:100%; height:100%; top:0; left:0; z-index:400; background:url('../images/common/bg_opacity70.png')}
.layer-popup {position:absolute; z-index:500; top:100px; left:50%; background:#fff; margin-left:-350px; border:1px solid #000; width:618px; padding:40px;}
.layer-popup .pop-title {position:relative; width:618px;}
.layer-popup .pop-title h3 {font-size:22px; font-weight:normal; padding-bottom:15px; border-bottom:1px solid #666;}
.layer-popup .pop-title .btn-close {width:25px; height:25px; background:url('../images/common/btn_pop_close.gif') 0 0 no-repeat; position:absolute; bottom:15px; right:0; z-index:20; }
.layer-popup .pop-title .m-show + .btn-close {top:-10px; bottom:0; }
.layer-popup .aside-btn {position:absolute; top:97px; right:40px; }
.layer-popup .aside-btn .btn {padding:0 15px; }
.layer-popup .pop-section {width:618px; }
.layer-popup .pop-section .form-type1 {padding-top:0; padding-bottom:0;}
.layer-popup .pop-section .tip-list {margin-top:10px; }
.layer-popup .pop-section .tip-list.step {margin-top:46px; }
.layer-popup .pop-section .tip-list > li {font-size:13px; line-height:20px; color:#888; }
.layer-popup .pop-section .tip-list > li strong {color:#666; }
.layer-popup .pop-section .popup-foot-btn {padding-top:30px; text-align:center; font-size:0; }
.layer-popup .pop-section .popup-foot-btn.step {padding-top:20px;}
.layer-popup .pop-section .popup-foot-btn .btn {width:178px; margin-left:10px; }
.layer-popup .pop-section .popup-foot-btn .btn:first-child {margin-left:0; }
#layer-addr-add {height:520px; overflow:auto; overflow-x:hidden; }
#layer-addr-add .form-type1 table {border-top:0; }
#layer-addr-add .post-num .i-text {width:422px; }
#layer-addr-add .post-num .i-text.post-num {width:79px; margin-right:10px; }
/* zip code */
.zip-section {padding:30px 0; }
.zip-section .input-text .placeholder {font-size:13px; }
.zip-section .input-text .i-text {font-size:13px; }
.zip-section .input-select {min-width:145px; }
.zip-section .search-box {padding-bottom:30px; }
.zip-section .search-box .select-wrap {margin-bottom:10px; }
.zip-section .search-box .search-wrap {position: relative; }
.zip-section .search-box .search-text {margin-right: 162px;}
.zip-section .search-box .search-text .input-text {width:100%;}
.zip-section .search-box .search-text .input-text:after {display:block; content:""; clear:both;}
.zip-section .search-box .search-text .input-text .i-text {float:left; width:100%; padding:0 0 0 10px;}
.zip-section .search-box .search-btn {position: absolute; top: 0; right: 0; }
.zip-section .search-box .search-btn button {float: left; margin-left: 10px; width:65px;}
.zip-section .search-box .search-btn button:first-child {margin:0;}
.zip-section .search-box .info-text {margin-top:20px; line-height:20px; display:none; }
.zip-section .search-box .info-text dt {color:#666; line-height:20px; font-family: 'Nanum Gothic Bold'; font-size:13px; }
.zip-section .search-box .info-text dd {color:#888; line-height:20px; font-size:13px; }
.zip-section .search-box .select-box {background:#f7f7f7; border:1px solid #ddd; padding:20px;margin:30px 0 10px 0;}
.zip-section .search-box .select-box .select-info {line-height:20px; font-size:13px; }
.zip-section .search-box .select-box .select-info strong {color:#ff4c2f; font-weight:normal;  font-size:13px; }
.zip-section .search-box .select-box .select-info p {font-size:13px; }
.zip-section .search-box .select-box .select-list {margin-top:20px; }
.zip-section .search-box .select-box .select-add {height:34px; line-height:34px; }
.zip-section .search-box .select-box .add-list {position:relative; padding-left:105px; margin: 5px 0; }
.zip-section .search-box .select-box .add-list dt {position:absolute; top:0; left: 0; width:100px;height:34px; line-height:34px; font-family: 'Nanum Gothic Bold'; font-size:14px; }
.zip-section .search-box .select-box .add-list dd {height:34px; line-height:34px; font-size:14px; }
.zip-section .search-box .select-box .add-list dd > * {float:left; }
.zip-section .search-box .select-box .add-list dd .input-text {width:100%; padding-left:0; height:32px; line-height:32px; overflow:hidden;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #aaa; float:none;}
.zip-section .search-box .select-box .add-list dd .input-text:after {display:block; content:""; clear:both;}
.zip-section .search-box .select-box .add-list dd .input-text .i-text {width:100%; padding: 0 0 0 10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:none;}
.zip-section .search-box .select-box .add-list dd.input-area {position:relative; padding-right:85px;}
.zip-section .search-box .select-box .add-list dd.input-area button {position:absolute; top:0; right:0; width:75px; height:34px; float:none}
.zip-section .search-box .form-foot {margin-top:20px;}
.zip-section .result-box {padding-top:30px;border-top:1px solid #ddd;}
.zip-section .result-box .before-txt {margin:65px 0; text-align:center; display:block; }
.zip-section .result-box .before-txt * {font-family: 'Nanum Gothic Bold'; font-size:13px; line-height:20px; }
.zip-section .result-box .before-txt p {color:#333; }
.zip-section .result-box .before-txt strong {color:#ff4c2f; font-weight:normal; }
.zip-section .result-box .result-info {color:#ff4c2f; line-height:30px; font-size:13px; }
.zip-section .result-box .result-info2 {color:#888; line-height:30px; font-size:14px;}
.zip-section .result-box .result-list {border-top:1px solid #666; }
.zip-section .result-box .result-list dt {background: #f9f9f9; position:relative; padding-left:90px; color:#333; }
.zip-section .result-box .result-list dt span {width:100%; text-align:center; display:block; height:44px; line-height:44px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:13px; font-family: 'Nanum Gothic Bold';}
.zip-section .result-box .result-list dt span:first-child {position:absolute; top:0; left:0; width:90px; border-left:none; }
.zip-section .result-box .result-list dt:first-child {border-left:none; }
.zip-section .result-box .result-list dd {height:229px; overflow: auto; overflow-x:hidden; border-bottom:1px solid #ddd;}
.zip-section .result-box .result-list dd li {position:relative; padding-left:90px; border-bottom:1px solid #ddd;}
.zip-section .result-box .result-list dd li div {border-left:1px solid #ddd; display:inline-block; padding:15px 10px;}
.zip-section .result-box .result-list dd li div:first-child {border-left:none; }
.zip-section .result-box .result-list dd li div.post-num {position:absolute; top:0; left:0; width:70px; text-align:center; }
.zip-section .result-box .result-list dd li div.address {display:block; font-size:13px; }
.zip-section .result-box .result-list dd li div.post-num {position:absolute; top:0; left:0; width:70px; text-align:center; font-family:'Tahoma'; font-size:13px; }
.zip-section .result-box .result-list2 {border-top:1px solid #666;}
.zip-section .result-box .result-list2 dt {overflow:hidden; background: #f9f9f9; }
.zip-section .result-box .result-list2 dt span {display:block;float:left; text-align:center; padding:15px 10px;  color:#333; font-size:13px; font-family: 'Nanum Gothic Bold';}
.zip-section .result-box .result-list2 dt span + span {border-left:1px solid #ddd;}
.zip-section .result-box .result-list2 .post-num { width:70px; font-size:13px; }
.zip-section .result-box .result-list2 dd .post-num {font-family:'Tahoma'; }
.zip-section .result-box .result-list2 .address {width:506px;}
.zip-section .result-box .result-list2.col3 .address {width:416px; font-size:13px; }
.zip-section .result-box .result-list2.col3 dt {border-bottom: 1px solid #ddd; }
.zip-section .result-box .result-list2.col3 dt .btn-select {width:69px; font-size:13px; }
.zip-section .result-box .result-list2.col3 dt .btn-select a {font-size:13px; }
.zip-section .result-box .result-list2 dd {overflow:scroll; overflow-x:hidden; height:137px; border-bottom:1px solid #ddd;}
.zip-section .result-box .result-list2 td {text-align:center;  padding:15px 10px;border-left:1px solid #ddd; border-top:1px solid #ddd;}
.zip-section .result-box .result-list2 dd tr:first-child td {border-top:none;}
.zip-section .result-box .result-list2 td:first-child {border-left:0}
.zip-section .result-box .result-list2 td.address {text-align:left}
.zip-section .result-box .result-list2 td.btn-select a{text-decoration:underline; color:#ff4c2f; font-size:13px; font-family: 'Nanum Gothic Bold';}
.zip-section .detail-add {border-top:none;}

.address-list > div  {padding-top:24px; }
.address-list .radio-box label {font-size:13px; font-family: 'Nanum Gothic Bold';}
.address-list .radio-box label em {color:#ff4c2f; }
.address-list .col-table {margin-top:10px; }
.address-list .col-table td {height:auto; padding:15px 0;}
.address-list .col-table td .in {font-size:13px;}
.address-list + .btn-area {margin-top:20px; }

/* 코멘트 */
.comment-field {position:relative; padding-right:140px; margin-top:50px}
.comment-field .text-area textarea {height:71px; display:block}
.comment-field .btn-submit {position:absolute; right:0; top:0}
.comment-field .btn-submit button {height:98px; line-height:94px; width:130px}
.comment-field .text-area .byte {font-size:13px; font-family:'tahoma'; color:#333}

.comment-field.review .review-txt {height:28px; font-size:13px; color:#888; }
.comment-field.review .text-area {padding-left:190px; }
.comment-field.review .text-area .placeholder {left:190px; top:5px; }
.comment-field.review .btn-submit {top:28px; }
.comment-field.review .hline {width:1px; height:9px; overflow:hidden; background:#ccc; position:absolute; top:17px; left:169px; }
.comment-field.review .star-score {width:100px; height:16px; overflow:hidden; background:url('../images/common/bg_star_score.png') 0 0 no-repeat; position:absolute; top:12px; left:34px; }
.comment-field.review .star-score > div {height:16px; background:url('../images/common/bg_star_score.png') 0 -29px no-repeat; position:relative; }
.comment-field.review .star-score .score1 {width:20%}
.comment-field.review .star-score .score2 {width:40%}
.comment-field.review .star-score .score3 {width:60%}
.comment-field.review .star-score .score4 {width:80%}
.comment-field.review .star-score .score5 {width:100%}
.comment-field.review .star-score label {position:absolute; display:block; width:16px; height:16px; cursor:pointer; }
.comment-field.review .star-score label input {cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
	opacity: 0;
}
.comment-field.review .star-score .label1 {top:0; left:0; }
.comment-field.review .star-score .label2 {top:0; left:21px; }
.comment-field.review .star-score .label3 {top:0; left:42px; }
.comment-field.review .star-score .label4 {top:0; left:63px; }
.comment-field.review .star-score .label5 {top:0; left:84px; }

.star-view {display:inline-block; *display:inline; zoom:1; width:100px; height:16px; overflow:hidden; background:url('../images/common/bg_star_score.png') 0 0 no-repeat; }
.star-view > span {display:inline-block; *display:inline; zoom:1; height:16px; background:url('../images/common/bg_star_score.png') 0 -29px no-repeat; position:relative; }
.star-view .score1 {width:20%}
.star-view .score2 {width:40%}
.star-view .score3 {width:60%}
.star-view .score4 {width:80%}
.star-view .score5 {width:100%}

/* 댓글 */
.comment-wrapper {position:relative; margin-top:15px}
/*
.btn-wrap + .comment-wrapper {margin-top:0}
.btn-wrap + .comment-wrapper .comment-cnt {padding:10px 0}
*/
.comment-cnt {color:#666; font-size:13px; padding:20px 0 10px}
.comment-sort {position:absolute; top:0; right:0;}
.comment-sort .select-wrap select{width:110px}
.comment-list {border-top:1px solid #666; }
.comment-list > li {position:relative; padding:30px 20px 28px; border-bottom:1px solid #ddd}
.comment-list .mb-info {position:absolute; top:30px; left:20px; width:180px; font-size:13px; color:#333; word-break:break-all; line-height:16px; }
.comment-list .mb-info .nick {font-family:'tahoma';}
.comment-list .mb-info .nick em {display:inline-block; width:20px; height:18px; background:url(../images/event/sp_comment.png) no-repeat 0 -76px; vertical-align:text-bottom; margin-right:5px; position:relative; top:3px}
.comment-list .mb-info + .comment-cont {margin-left:190px;}
.comment-list .mb-info .star-view {margin-left:13px; }
.comment-list .icn-best {display:inline-block; color:#fff; font-weight:300; font-family:'tahoma'; font-size:12px; width:40px; height:19px; line-height:19px; vertical-align:middle; background:#fb2b1c; text-align:center}
.comment-list .icn-secret {display:inline-block; width:12px; height:16px; background:url(../images/event/sp_comment.png) no-repeat -88px -46px; overflow:hidden; vertical-align:middle; margin-right:5px}
.comment-list .cmt-cont > a {display:block}
.comment-list .cmt-cont > a:hover {text-decoration:underline}
.comment-list .cmt-cont .txt-title {display:block; font-size:13px; color:#333; line-height:19px; }
.comment-list .cmt-cont .btn-pic{display:inline-block; text-indent:-999px; overflow:hidden; width:16px; height:16px; vertical-align:middle; background:url(../images/event/sp_comment.png) no-repeat 0 0;}
.comment-list .txt-cont {display:block; font-size:13px; line-height:20px; color:#666}
.comment-list .txt-title + .txt-cont {margin-top:10px; max-height:44px; overflow:hidden;  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  word-wrap:break-word;}
.comment-list .write-info {margin-top:10px}
.comment-list .write-info * {display:inline-block; *display:inline; zoom:1; font-family:'tahoma'; font-size:13px; color:#666; line-height:16px; vertical-align:bottom}
.comment-list .write-info .date {margin-right:30px}
.comment-list .write-info .nick {color:#333; background:url('../images/class/img_hline.png') right 50% no-repeat; padding-right:16px; margin-right:15px; }
.comment-list .write-info .icn {width:15px; height:16px; background-image:url(../images/event/sp_comment.png); background-repeat:no-repeat;  margin:0 3px 0 0; position:relative; top:2px; }
.comment-list .write-info .btn-like .icn {background-position:-17px 0;}
.comment-list .write-info .btn-cnt {background:url(../images/event/icon_cmt_l_line.png) no-repeat 0 5px; margin-left:15px; padding-left:14px}
.comment-list .write-info .btn-cnt .icn {background-position:-32px 2px; position:relative; top:-1px}
.comment-list .thum-wrap {display:none; margin-top:20px}
.comment-list .thum-wrap ul {overflow:hidden;}
.comment-list .thum-wrap li {float:left; margin-left:24px}
.comment-list .thum-wrap li:first-child {margin-left:0;}
.comment-list .btn-wrap {display:none; margin-top:20px}
.comment-list .thum-wrap + .btn-wrap {margin-top:30px}
.comment-list .btn-wrap .del {width:46px}
.comment-list .btn-wrap .recommend {width:88px;}
.comment-list .btn-wrap .recommend .icn-like {display:inline-block; margin-right:4px; width:15px; height:13px; background:url(../images/event/sp_comment.png) -64px 0; vertical-align:middle; position:relative; top:-2px; *top:2px; }
/* 댓글 하위 댓글 */
.comment-list .comment-sub-wrap {display:none}
.comment-list .comment-field {margin-top:30px;}
.comment-list .comment-list {border-top:1px solid #ddd}
.comment-list .comment-list > li {padding:20px 20px 25px 0}
.comment-list .comment-sub-wrap .mb-info {width:150px; top:20px; left:0}
.comment-list .comment-list .mb-info + .comment-cont {margin-left:170px;}
.comment-list .comment-list .mb-info .nick em {background-position:-64px -46px}

/* 댓글 펼침시 */
.comment-list li.active {border-bottom:1px solid #666}
.comment-list li.active .txt-title + .txt-cont {max-height:100%; overflow:visible; display:block}
.comment-list li.active .thum-wrap {display:block}
.comment-list li.active .btn-wrap {display:block}
.comment-list li.active .comment-sub-wrap {display:block}

.btn-more {padding:10px 0 0}
.btn-more button {display:block; width:60px; height:60px; background:url(../images/event/btn_event_more.gif) no-repeat; margin:0 auto; border:0}
.btn-more button span {display:block; text-indent:-999px; overflow:hidden;}

.mobile-gnb {display:none; }

/* 검색결과 */
.search-result-wrap {padding:50px 20px 0 20px;}
.search-result-wrap .tab-type1 .col7 li {width:134px;}
.search-result-wrap .tab-type1 .col7 li:first-child {width:136px;}
.search-result-wrap .tab-type1 .col7 li a {font-size:14px;}
.search-result-wrap .result {width:940px; overflow:hidden;}
.search-result-wrap .result .result-title {font-size:13px; color:#333; font-weight:bold; border-bottom:1px solid #666; padding-bottom:9px; margin-top:50px;}
.search-result-wrap .result .result-title em {color:#666; font-weight:normal;}
.search-result-wrap .result .result-list li {position:relative; min-height:100px; border-bottom:1px solid #ddd; padding:20px 0 20px 158px;}
.search-result-wrap .result .result-list li .thumb {position:absolute; top:20px; left:10px; width:116px; height:98px; border:1px solid #ddd; overflow:hidden;}
.search-result-wrap .result .result-list li .subject {font-size:16px; color:#333; font-weight:bold; margin-top:3px;}
.search-result-wrap .result .result-list li .summary {font-size:13px; color:#666; line-height:23px; margin-top:3px;}
.search-result-wrap .result .result-list li .date {font-size:13px; color:#333; margin-top:9px;}
.search-result-wrap .result .pageing {margin-top:30px;}

/* 약관 */
.terms h3{font-size:18px;font-weight:normal;color:#333;border-bottom:solid 1px #333;padding:60px 0 15px 7px}
.terms-wrap{padding:45px 7px 0 7px}
.terms-wrap h4{font-size:14px;color:#333;padding-bottom:25px}
.terms-wrap h5{font-size:13px;color:#333;padding-bottom:15px}
.terms-wrap p{padding-bottom:30px;font-size:12px;color:#666;line-height:21px}
.privacy h3{font-size:18px;font-weight:normal;color:#333;border-bottom:solid 1px #333;padding:60px 0 15px 7px}
.privacy-wrap{padding:45px 7px 0 7px}
.privacy-wrap h4{font-size:13px;color:#333;padding-bottom:15px}
.privacy-wrap p{padding-bottom:30px;font-size:12px;color:#666;line-height:21px}
.privacy-wrap .table-wrap {border-top:1px solid #666; padding-bottom:30px}
.privacy-wrap .table-wrap table tbody th {height:45px; font-family: 'Nanum Gothic Bold'; font-size:12px; color:#333; line-height:45px; background-color:#f9f9f9; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.privacy-wrap .table-wrap.col6 table tbody th {width:148px;}
.privacy-wrap .table-wrap table tbody th.first {width:200px;}
.privacy-wrap .table-wrap.col6 table tbody th.first {width:195px;}
.privacy-wrap .table-wrap table tbody th:first-child {border-left:none;}
.privacy-wrap .table-wrap table tbody td {font-size:12px; color:#333; line-height:20px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding-top:11px; padding-bottom:9px;}
.privacy-wrap .table-wrap table tbody td:first-child {border-left:none;}
#layer-email-collect {height:370px; overflow:auto; overflow-x:hidden; }
#layer-email-collect .email-txt1{font-size:13px;color:#333;line-height:26px;text-align:center;padding-top:80px}
#layer-email-collect .email-txt1 strong{font-size:13px;color:#333;line-height:26px}

/* banner - 20160812 #349 */
.main-sort-box{position:relative;}
.banner-right{position:absolute;right:-180px;top:70px;}
.banner-bottom-m{margin-top:-80px;padding-bottom:59px;background-color:#f7f7f7;text-align:center;}
.banner-bottom{margin-top:-25px;padding-bottom:65px;background-color:#f7f7f7;text-align:center;}
.banner-class .banner-bottom,
.banner-event .banner-bottom,
.banner-reader .banner-bottom{margin-top:-38px;}
.banner-service .banner-bottom{margin-top:-48px;}
.banner-service.bg-white .banner-bottom,
.banner-reader .banner-bottom{background-color:#fff;}
.banner-service.bg-white .banner-bottom{padding-top:10px;}

/*******************
	mobile css
 ********************/
@media only screen and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio :2) and (max-width: 768px),
only screen and (min-device-pixel-ratio :2) and (max-width: 768px) {

	html, body {overflow-x:hidden; }

	#wrap {min-width:0; width:100%; min-height:700px; position:relative; z-index:1;}
	.btn-more button {width:40px; height:40px; -webkit-background-size:100%; -moz-background-size:100%;background-size:100%;}

	select {
		-moz-appearance: none;
		-webkit-appearance:none;
		background:url(../images/common/bg_select_arrow.png) right 50% no-repeat;
		background-size:21px 6px;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.input-select.disabled {
		background:url(../images/common/bg_select_arrow.png) right 50% no-repeat #ebebe4;
		background-size:21px 6px;
	}

	.check-box > label,
	.radio-box > label {min-height:18px; line-height:18px; vertical-align:top}
	.check-box > label {background:url(../images/common/sp_input_m_chk_off.png) 0 0 no-repeat; -webkit-background-size:18px auto; -moz-background-size:18px auto; background-size:18px auto}
	.radio-box > label {background:url(../images/common/sp_input_m_radio_off.png) 0 0 no-repeat; -webkit-background-size:18px auto; -moz-background-size:18px auto; background-size:18px auto; color:#888;}
	.check-box.checked > label {background:url(../images/common/sp_input_m_chk_on.png) 0 0 no-repeat; -webkit-background-size:18px auto; -moz-background-size:18px auto; background-size:18px auto}
	.radio-box.checked > label {background:url(../images/common/sp_input_m_radio_on.png) 0 0 no-repeat; -webkit-background-size:18px auto; -moz-background-size:18px auto; background-size:18px auto;color:#333;}
	.input-disabled .radio-box.checked > label {background:url('../images/mypage/radio-disabled.gif') 0 0 no-repeat; background-size:18px 18px;}

	.input-select {height:30px; line-height:27px; position:relative; }
	.input-text input.i-text {height:30px; line-height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%;}
	.input-text .placeholder {line-height:30px; height:30px; }
	.placeholder .web {display:none;}
	.placeholder .mob {display:block}
	.search-file .in:first-child {display:table; width:100%; margin-bottom:5px;}
	.search-file .in:first-child > div {display:table-cell; vertical-align:middle; }
	.search-file .file-btn {float:none; width:65px; height:30px; position:relative; }
	.search-file .file-btn .btn {width:65px; height:30px; }
	.search-file .file-btn input {width:65px; height:30px;position: relative;}
	.search-file .file-txt {float:none; margin-left:0; line-height:1.2; padding-left:5px; font-size:10px; height:30px; }

	.search-file .input-file {float:left; width:49.5%; height:28px; border:1px solid #333; margin-right:1%; margin-bottom:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.search-file .input-file input {border:none; line-height:25px; height:26px; padding-left:5px; width:69px; font-size:12px; }
	.search-file .input-file .btn-del {width:12px; height:12px; position:absolute; top:8px; right:5px; background:url(../images/common/btn_file_del_m.gif) no-repeat; background-size:12px 12px; }
	.search-file .byte {float:left; width:49.5%; line-height:30px; margin-left:0; padding-left:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.search-file .in:nth-child(2) {overflow:hidden; width:100%; }
	.search-file .in:nth-child(2n) > div:nth-child(2) {margin-right:0; }
	.search-file .in:nth-child(2) > div:nth-child(4) {margin-right:0; }

	.input-text.amount {width:45px;}
	.input-text.amount .i-text{width:45px; text-align:center; height:30px; line-height:30px; border-color:#aaa; margin-right:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.input-text.amount .btn-ctrl {display:none;}

	.amount-box a {width:28px; height:28px;}
	.amount-box a.btn-am-minus {background-position:6px 8px; background-size:16px 32px; position:relative; *left:1px; }
	.amount-box a.btn-am-plus {background-position:6px -10px; background-size:16px 32px;  position:relative; *left:-1px;  }
	.amount-box .input-box input {width:50px; height:28px; line-height:28px; font-family:'Nanum Gothic'; font-size:14px; color:#333; background-color:#fff; border:1px solid #aaa; text-align:center;}

	.btn {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.btn.xsmall {height:25px; line-height:25px; font-size:11px}
	button.btn.xsmall {height:25px; line-height:25px; font-size:11px}
	.btn.medium {height:30px; line-height:30px; font-size:12px}
	button.btn.medium {height:30px; line-height:30px}
	.btn.large {height:35px; line-height:35px; font-size:12px}
	button.btn.large {height:35px; line-height:35px}
	.btn.warring.ancore {padding:0 22px 0 49px; background:url(../images/common/icon_heart.png) 22px 9px no-repeat #ff4c2f; background-size:17px 17px; }

	.wrap {width:auto; }
	.m-hide {display:none !important; }
	.m-show {display:block !important; }
	.m-block {display:block !important; }
	tbody.m-show {display:table-row-group !important;}
	tr.m-show {display:table-row !important;}
	td.m-show {display:table-cell !important;}
	li.m-show {display:list-item !important;}
	.m-show.inline {display:inline-block !important; }

	#header {height:45px; background:#fff; border-bottom:1px solid #ddd; position:relative; }
	#header .wrap {position:relative; }
	#header .util {position:absolute; top:0; right:0; overflow:hidden; }
	#header .util ul {float:left; }
	#header .util ul li {float:left; }
	#header .util ul li > a {display:block; height:39px; background:url('../images/common/btn_util.png') 0 -6px no-repeat; }
	#header .util ul li > a.btn-my {width:34px; }
	#header .util ul li > a.btn-login {width:52px; background-position:-44px -6px; margin-right:14px; }
	#header > a {display:block; float:left; }
	#header .change-mode {position:relative; top:0; left:0; width:auto; text-align:center; padding:0; margin:0 80px;}
	#header .change-mode .open-arrow {display:none;}
	#header .change-mode .logo {width:143px; margin:0 auto; height:45px; background:url('../images/common/logo_dhm.png') no-repeat; background-size:auto 45px; background-position:50% 0;}
	#header .change-mode .logo.mgz01 {background:url('../images/common/logo_m_mgz01.png') no-repeat; background-size:auto 45px; background-position:50% 0;}
	#header .change-mode .logo.mgz02 {background:url('../images/common/logo_m_mgz02.png') no-repeat; background-size:auto 45px; background-position:50% 0;}
	#header .change-mode .logo.mgz03 {background:url('../images/common/logo_m_mgz03.png') no-repeat; background-size:auto 45px; background-position:50% 0;}
	#header .change-mode .logo.mgz04 {background:url('../images/common/logo_m_mgz04.png') no-repeat; background-size:auto 45px; background-position:50% 0;}
	#header .change-mode .logo.mgz05 {background:url('../images/common/logo_m_mgz05.png') no-repeat; background-size:auto 45px; background-position:50% 0;}
	#header .change-mode .logo.mgz06 {background:url('../images/common/logo_m_mgz06.png') no-repeat; background-size:auto 45px; background-position:50% 0;}
	#header .aside {position:absolute; top:12px; right:15px;}
	#header .aside a {display:inline-block; height:22px; background:url('../images/common/sp_m_header.png') no-repeat; background-size:auto 22px; }
	#header .aside a.btn-search {width:17px; background-position:-33px 0}
	#header .aside a.btn-mypage {width:15px; background-position:-60px 0; margin-left:10px; }
	#dh-mode-list {background:#fff; width:183px; border:1px solid #333; position:absolute; top:-9px; left:0; z-index:10; }
	#gnb .btn-m-menu {display:block; height:22px; width:18px; background:url('../images/common/sp_m_header.png') no-repeat; background-size:auto 22px; position:absolute; top:12px; left:15px;}
	#gnb ul {display:none; }

	#header-search {background:#fec90b; position:absolute; top:45px; left:0; width:100%; height:auto; z-index:20; display:none; }
	#header-search:after {content:""; display:block; width:7px; height:7px; background:#fec90b; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:-4px; right:48px; }
	#header-search .wrap {position:relative; width:auto;}
	#header-search fieldset {width:auto; margin:0 auto; padding:26px 15px; position:relative;}
	#header-search .input-text {border:1px solid #fff; height:38px; padding:7px 10px 0 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#header-search .input-text .i-text {border:none; background:#fec90b; width:100%; height:20px; line-height:20px; font-size:13px; color:#fff; font-family: 'Nanum Gothic'; padding:0; outline:none;  margin-left:0; }
	#header-search .input-text .placeholder {height:20px; line-height:20px; color:#fff; font-size:13px; font-family: 'Nanum Gothic'; top:7px; left:10px; padding-left:0; }
	#header-search .btn-search {width:21px; height:21px; background:url('../images/common/btn_search_m.png') 0 0 no-repeat; background-size:21px 21px; position:absolute; top:35px; right: 25px; }
	#header-search .btn-close {width:17px; height:17px; padding:0; background:url('../images/common/btn_search_close_m.png') 0 0 no-repeat; background-size:17px 17px; position:absolute; top:-31px; right:44px; z-index:20; }

	.m-mgz-menu {background:#333; position:absolute; top:45px; left:0; width:100%; z-index:20; padding:10px 0; display:none; }
	.m-mgz-menu:after {content:""; display:block; width:7px; height:7px; background:#333; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:-3px; right:19px; }
	.m-mgz-menu ul {display:table; width:100%; }
	.m-mgz-menu ul > li {display:table-cell; width:33.3%; }
	.m-mgz-menu ul > li:nth-child(2) {width:33.4%}
	.m-mgz-menu a {color:#fff; display:block; padding:14px 0; text-align:center; background:url('../images/common/bg_white_dotline.png') 0 50% no-repeat; background-size:1px auto; }
	.m-mgz-menu ul > li:first-child a {background:none; }
	.m-mgz-menu .btn-close {width:19px; height:19px; padding:0; background:url('../images/common/btn_search_close_m.png') 50% 50% no-repeat #fff; background-size:17px 17px; position:absolute; top:-32px; right:14px; z-index:20; }


	#content .con-header {padding:35px 0 26px 0; }
	#content .con-header h2 {height:22px; background:url('http://img.designhouse.co.kr/designhouse/ui/service/sp_pagetitle_mob.png') no-repeat; background-size:540px auto; }
	#content.search .con-header h2 {width:97px; background-position:0 0; } /* search */
	#content.search-re .con-header h2 {width:212px; background-position:0 -50px; } /* search result */
	#content.member .con-header h2 {width:167px; background-position:0 -100px; } /* membership */
	#content.login .con-header h2 {width:80px; background-position:0 -149px; } /* login */
	#content.event .con-header h2 {width:77px; background-position:0 -200px; } /* event */
	#content.class .con-header h2 {width:173px; background-position:0 -250px; } /* class & tour */
	#content.mypage .con-header h2 {width:106px; background-position:-265px 0; } /* mypage */
	#content.nonmember .con-header h2 {width:245px; background-position:0 -300px; } /* mypage */
	#content.reader .con-header h2 {width:179px; background-position:-265px -50px; } /* subscription */
	#content.customer .con-header h2 {width:247px; background-position:-265px -100px; } /* customer service */
	#content.ad-part .con-header h2 {width:235px; background-position:-265px -150px; } /* ad & partnership */
	#content.terms .con-header h2 {width:269px; background-position:-265px -200px; } /* terms of use */
	#content.privacy .con-header h2 {width:195px; background-position:-265px -250px; } /* privacy policy */
	#content.service .con-header h2 {width:200px; background-position:-265px -300px; } /* digital service */

	#content .con-header .page-navi {padding-top:10px;}
	#content .con-header .page-navi > ul {padding-left:0;background:none;}
	#content .con-header .page-navi > ul > li { padding-left:0; margin-left:0; background:none; display:none; }
	#content .con-header .page-navi > ul > li.now {display:inline-block; }
	#content .con-header .page-navi > ul > li > a {height:auto; line-height:1.2; font-size:12px; font-family:'Nanum Gothic'; }
	#content .con-header .page-navi > ul > li > a.sub-on {padding-right:16px;  background:url('../images/common/img_pagenavi_arrow_m.png') right 1px no-repeat; background-size:12px auto;}
	#content .con-header .page-navi > ul > li.active > a.sub-on {background-position:right -13px;}
	#content .con-header .page-navi .sub { left:50%; margin-left:-80px;}
	#content .con-header .page-navi .sub a {width:160px; font-family:'Nanum Gothic'; }
	#content .con-header .page-navi .sub a:active {background:#333; color:#fff; }

	#footer {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	#footer .wrap {
		min-width: 320px;
		font-size: 9px;
		line-height: 15px;
	}
	#footer .footer_logo {
		border-bottom: 0;
		padding-bottom: 0;
	}
	#footer .footer_logo .dhLogo {
		-webkit-transform: scale(0.6, 0.6);
		-moz-transform: scale(0.6, 0.6);
		-o-transform: scale(0.6, 0.6);
		-ms-transform: scale(0.6, 0.6);
		transform: scale(0.6, 0.6);
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-o-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom;
	}
	#footer .footer_menu {
		padding-top: 3px;
		padding-bottom: 12px;
		font-size: 9px;
		line-height: 15px;
	}
	#footer .company_info {
		font-size: 9px;
		line-height: 15px;
	}
	#footer .footer_copyright {
		font-size: 9px;
		line-height: 15px;
	}
	/* icon */
	.icon.round2 {width:76px; height:76px; line-height:76px; text-align:center; background:none; }
	.icon.round2.best {background:#ff4c2f; color:#fff; font-size:25px; border-radius:38px; }
	.icon.round2.sell {color:#414141; background:#ffcb08; border-radius:38px; }
	.icon.round2.sell em {font-size:27px; font-family:'Myriad Pro'}
	.icon.round2.sell em + em {font-size:19px; }
	.icon.rect1 {width:35px; height:17px; line-height:17px; text-align:center;}
	.icon.rect1.discount {font-size:11px; font-family:'Tahoma'; font-weight:bold; background-color:#ffcb08;}
	.icon.rect1.discount em {font-size:8px; font-family:'Myriad Pro';}
	.icon.rect1.popularity {font-size:11px; color:#fff; font-weight:bold; background-color:#ff4c2f;}

	/* table | form-type1 */
	.form-type1 {margin:0 15px; padding-top:30px; padding-bottom:0; }
	.form-type1 h3 {font-size:16px; padding-bottom:10px; }
	.form-type1 h4 {font-size:16px; padding-bottom:10px; }
	.form-type1 h3 .fc-red,
	.form-type1 h4 .fc-red {display:none; }
	.form-type1 .aside-btn {position:absolute; top:25px; right:0; }
	.form-type1 .aside-btn .btn {padding:0 10px; font-size:11px; color:#666; height:25px; line-height:25px; }
	.form-type1 .aside-btn02 {position:absolute; top:25px; right:0; }
	.form-type1 .aside-btn02 .btn {padding:0 10px; font-size:11px; color:#666; height:25px; line-height:25px; }
	.form-type1 table {border-bottom:1px solid #ddd; }
	.form-type1 table .col2 th {width:92px;  }
	.form-type1 table th .label {padding-left:0; padding-top:15px; font-size:12px; }
	.form-type1 table th {border-bottom:none; }
	.form-type1 table tbody tr:first-child td {padding-top:15px; }
	.form-type1 table tbody tr:first-child th .label {padding-top:23px; }
	.form-type1 table tbody tr:last-child td {padding-bottom:15px; }
	.form-type1 table td {padding:7px 0; border-bottom:none; }
	.form-type1 table.first {border-top:none; }
	.form-type1 table.first tr:first-child td {padding-top:0; }
	.form-type1 table.first tbody tr:first-child th .label {padding-top:8px; }
	.form-type1 .file-txt {font-size:11px; line-height:1.4; }
	.form-type1 .user-num {overflow:hidden; width:auto }
	.form-type1 .user-num .num-text {float:none; font-size:12px; line-height:1.2; color:#888; margin-bottom:8px; }
	.form-type1 .user-num .input-text {float:none; }
	.form-type1 .user-num .input-text .i-text {width:100%; }
	.form-type1 .hp-num {min-height:0; display:table; width:100%; }
	.form-type1 .hp-num > div {float:none; margin-left:0; display:table-cell; padding-left:5px; vertical-align:top; width:33.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.form-type1 .hp-num > div:first-child {padding-left:0;}
	.form-type1 .hp-num > div:last-child {width:33.6%; }
	.form-type1 .hp-num .select-wrap {width:33.2%; position:relative; }
	.form-type1 .hp-num .select-wrap .input-select {width:100%; }
	.form-type1 .hp-num .input-text .i-text {width:100%; }
	.form-type1 .hp-num .check-text {display:block; float:none; background-color:#ff6600; clear:both; margin-top:9px; margin-left:10px;}
	.form-type1 .email {min-height:34px; }
	.form-type1 .email .in {display:table; width:100%; }
	.form-type1 .email .in > div {float:none; margin-left:0; display:table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.form-type1 .email .in > div:first-child {width:40%;padding-right:8px;width:50%;}
	.form-type1 .email .in > div:last-child {padding-left:8px; }
	.form-type1 .email .input-text {width:100%}
	.form-type1 .email .input-text .i-text {width:100%; }
	.form-type1 .email .select-wrap {width:100%; clear:both; margin-left:0; float:none; margin-top:5px;}
	.form-type1 .email .text {color:#888; font-family:'Tahoma'; font-size:14px; line-height:34px;}
	.form-type1 .post-num .insert {font-size:0; margin-top:10px; }
	.form-type1 .post-num .insert:first-child {display:table; width:100%;}
	.form-type1 .post-num .insert > div {float:none; margin-left:0; display:table-cell; vertical-align:top; padding-left:5px; width:33.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.form-type1 .post-num .insert > div:first-child {padding-left:0;}
	.form-type1 .post-num .insert > div:last-child {width:33.6%; }
	.form-type1 .post-num .insert:first-child {margin-top:0; }
	.form-type1 .post-num .i-text {width:100%; }
	.form-type1 .post-num .i-text.post-num {width:100%;margin-right:0;}
	.form-type1 .post-num .btn.medium {width:100%; height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.form-type1 .birth {display:table; width:100%; }
	.form-type1 .birth .select-wrap {float:none; margin-left:0; display:table-cell; vertical-align:top; width:33.2%; padding-left:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.form-type1 .birth .select-wrap:first-child {padding-left:0;}
	.form-type1 .birth .select-wrap:last-child {width:33.6%; }

	.form-type1 .w764 .i-text {width:100%; }
	.form-type1 .w200 {width:auto; }
	.form-type1.view .text-data {font-size:12px; padding:0; }
	.form-type1.view table td {padding:10px 0;}
	.form-type1.view table th {padding:10px 0;}
	.form-type1.view table th .label {padding-left:0; padding-top:0; font-size:12px; }
	.form-type1.view tr:first-child th, .form-type1.view tr:first-child td {padding-top:15px !important; }
	.form-type1.view tr:last-child th, .form-type1.view tr:last-child td {padding-bottom:15px !important; }
	.form-type1.view tr:first-child th .label {padding-top:0 !important; }
	.form-foot {margin:15px 15px 0 15px; overflow:hidden; }
	.form-foot.col2 .btn {width:49%; margin-left:0; float:right; }
	.form-foot.col2 .btn:first-child {float:left;  }

	.col-table,
	.col-table tbody {display:block}
	.col-table tbody tr {display:block; border-bottom:1px solid #ddd; border-left:none; border-right:none; padding:3px 0}
	.col-table tbody td {position:relative; display:list-item; text-align:left; border:none; list-style:none; margin:0; padding:6px 0; height:auto;}
	.col-table tbody td .label {display:block; position:absolute; top:6px; left:0; width:85px; font-family: 'Nanum Gothic Bold'; font-size:12px}
	.col-table tbody td .label + .in {padding-left:95px; color:#666; font-size:12px}
	.col-table tbody td .in .m-show.inline {margin:0 2px; color:#666}

	.tbl-lst {border-top:none;}
	.tbl-lst tbody tr:first-child td {border-top:1px solid #666;}
	.tbl-lst.m-cart-col3 td:nth-child(1) {width:27px; text-align:left; }
	.tbl-lst.m-cart-col3 td:nth-child(4) {width:65px; text-align:right; }
	.tbl-lst tbody td {padding:14px 0;}
	.tbl-lst .product_quantity {width:45px;}
	.tbl-lst.m-cart-col3 .product_quantity {float:right; }
	.tbl-lst .product-item {position:relative; min-height:50px; padding:0 0 0 61px; text-align:left}
	.tbl-lst .product-item .info * {line-height:17px;}
	.tbl-lst .product-item .benefit-price {padding-top:5px;}
	.tbl-lst .product-item .thum {position:absolute; top:0; left:0; width:38px; height:48px; }
	.tbl-lst .product-item .thum img {width:38px; height:48px;}

	/* tab */
	.tab-type1 {height:35px; overflow:hidden; background:none; }
	.tab-type1 .col2 li {width:50%}
	.tab-type1 ul li a {height:33px; line-height:33px; font-size:12px; border-bottom:1px solid #666; }

	/* layer popup */
	.layer-popup {position:absolute; top:0; left:0; border:none; width:100%; margin:0; padding:0;}
	.layer-popup .pop-title {position:relative; width:auto; }
	.layer-popup .pop-title h3 {height:45px; text-align: center; font-size:16px; line-height:45px; font-weight:bold; border-bottom:1px solid #ddd; padding:0; }
	.layer-popup .pop-title .btn-close {width:18px; height:18px; background:url('../images/common/btn_pop_close_m.gif') 0 0 no-repeat; background-size:18px 18px; position:absolute; right:15px; z-index:20; }
	.layer-popup .pop-title .m-show + .btn-close {top:15px;}
	.layer-popup .pop-section {padding:25px 15px; position:relative; width:auto; }
	.layer-popup .pop-section .tip-list.step {margin-top:10px; }
	.layer-popup .pop-section .tip-list {margin:15px 15px 0 15px; }
	.layer-popup .pop-section .tip-list > li {font-size:11px; line-height:15px; color:#888; padding-top:5px; text-indent:-8px; padding-left:8px;  }
	.layer-popup .pop-section .tip-list > li * {font-size:11px; }
	.layer-popup .pop-section .popup-foot-btn.step {padding-top:15px;}
	.layer-popup .pop-section .popup-foot-btn {width:auto; padding-top:15px; margin:0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.layer-popup .pop-section .popup-foot-btn.col2 {overflow:hidden; }
	.layer-popup .pop-section .popup-foot-btn.col2 .btn {width:48%; margin-left:0; float:right; }
	.layer-popup .pop-section .popup-foot-btn.col2 .btn:first-child {float:left;  }
	#layer-addr-add {hegiht:100%; }
	#layer-addr-add .pop-section {padding:0; }
	#layer-addr-add .post-num .i-text {width:100%; }
	#layer-addr-add .post-num .i-text.post-num {width:100%; margin-right:0; }

	/* zip code */
	.zip-section {padding:20px 0;}
	.zip-section .search-box {padding-bottom:15px; }
	.zip-section .input-text .placeholder {font-size:12px; }
	.zip-section .input-text .i-text {font-size:12px; }
	.zip-section .search-box .search-text {margin-right: 134px;}
	.zip-section .search-box .search-text .input-text {height:30px; line-height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.zip-section .search-box .search-btn button {float: left; margin-left:5px; width:62px;}
	.zip-section .search-box .form-foot {margin:15px 0 0 0;}
	.zip-section .search-box .form-foot button {width:100%;}
	.zip-section .search-box .select-box {margin-top:15px; padding:10px; }
	.zip-section .search-box .select-box .select-list {margin-top:10px; }
	.zip-section .search-box .select-box .select-info {font-size:11px; }
	.zip-section .search-box .select-box .select-info strong {font-size:11px; }
	.zip-section .search-box .select-box .select-info p {font-size:11px; }
	.zip-section .search-box .select-box .select-add {line-height:1.2; height:auto; padding:5px 0;}
	.zip-section .search-box .select-box .add-list dt {font-size:14px; height:auto; }
	.zip-section .search-box .select-box .add-list {padding-left:85px; margin:0; height:auto; }
	.zip-section .search-box .select-box .add-list dt {position:absolute; top:0; left: 0; width:80px; line-height:16px; font-size:12px; font-family: 'Nanum Gothic';}
	.zip-section .search-box .select-box .add-list dd {font-size:12px; line-height:16px; height:auto; font-family: 'Nanum Gothic Bold'; padding:0;}
	.zip-section .search-box .select-box .add-list dd input {float:left; height:28px; line-height:28px;}
	.zip-section .search-box .select-box .add-list dd .input-text {height:30px; }
	.zip-section .search-box .select-box .add-list dd.input-area {position:relative; padding-right:67px;}
	.zip-section .search-box .select-box .add-list dd.input-area button {position:absolute; top:0; right:0; width:62px; height:30px; line-height:30px; }
	.zip-section .result-box {padding-top:10px; border-top:none; }
	.zip-section .result-box .before-txt {margin:100px 0;}
	.zip-section .result-box .result-list dt span {height:30px; line-height:30px; border-left:none; font-size:12px; }
	.zip-section .result-box .result-list dd {height:auto; overflow: visible; border-bottom:1px solid #ddd;}
	.zip-section .result-box .result-list dd li {position:relative; padding-left:80px; border-bottom:none;}
	.zip-section .result-box .result-list dd li div {border-left:none; display:inline-block; padding:10px;}
	.zip-section .result-box .result-list2 td {text-align:center;  padding:15px 10px;border: none;}
	.zip-section .result-box .result-list2 dt {display:table; width:100%; }
	.zip-section .result-box .result-list2 dt span {float:none; display:table-cell; text-align:center; padding:0; height:30px; line-height:30px; font-size:12px; font-size:12px;}
	.zip-section .result-box .result-list2 .post-num {width:60px; font-size:12px;}
	.zip-section .result-box .result-list2 .address {width:auto;}
	.zip-section .result-box .result-list2.col3 .address {width:auto;}
	.zip-section .result-box .result-list2.col3 dt .btn-select {width:auto; display:none}
	.zip-section .result-box .result-list2 dd td {padding:10px 0}
	.zip-section .result-box .result-list2 dd .address {text-align:left}
	.zip-section .result-box .result-list2.col3 td.btn-select {width:60px}
	.zip-section .result-box .result-list2.col3 .btn-select a:before {content:"주소"}
	.zip-section .result-box .result-list2 dt span + span {border-left:0}
	.zip-section .result-box .result-info {font-size:11px; }
	.zip-section .result-box .result-info2 {font-size:11px; color:#888; line-height:1.3; padding-bottom:7px}
	.zip-section .result-box .result-list2 td.btn-select a {font-size:11px; font-family: 'Nanum Gothic';}
	.zip-section .result-box .result-list dd li div.post-num {font-size:11px; }
	.zip-section .result-box .result-list dd li div.address {font-size:11px; }

	.address-list {margin:0 15px;}
	.address-list > div  {padding-top:15px; }
	.address-list .col-table td {padding:6px 0;}
	.address-list + .btn-area {margin-top:15px; margin-bottom:20px; }

	/* pageing */
	.pageing .btn-first,
	.pageing .btn-last{display:none}
	.pageing span a {display:none}
	.pageing span .btn-prev,
	.pageing span .btn-next {display:inline-block; border:1px solid #aaa;width:28px; height:28px; background-color:#fff; }
	.pageing span strong {background:transparent; text-indent:0; text-align:center; line-height:28px;}
	.pageing span a.btn-prev {background-position:50% -18px;}
	.pageing span strong,
	.pageing span a.active {display:inline-block; margin:0 2px 0 0}
	.pageing span .mob-total {display:inline-block; line-height:28px; float:left; margin:0 8px 0 0;}
	.pageing span .mob-total:before {content:"/ ";}
	.pageing span a.btn-next {background-position:50% -18px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

	/* 코멘트 */
	.comment-field {margin-top:25px; padding-right:45px}
	.comment-field .text-area textarea {height:60px; line-height:20px;}
	.comment-field .btn-submit button {width:45px; height:72px; line-height:35px}
	.comment-field .placeholder {top:0; color:#aaa}
	.comment-field .text-area .byte {display:none}
	.comment-list .comment-field {margin-top:15px}

	.comment-field.review .review-txt {height:20px; font-size:11px; color:#888; }
	.comment-field.review .text-area {padding-left:10px; padding-top:25px; }
	.comment-field.review .text-area .placeholder {left:0; top:20px; }
	.comment-field.review .btn-submit {top:20px;}
	.comment-field.review .btn-submit .btn {height:92px; line-height:92px; }
	.comment-field.review .hline {display:none;  }
	.comment-field.review .star-score {width:80px; height:13px; overflow:hidden; background:url('../images/common/bg_star_score_m.png') 0 0 no-repeat; background-size:80px 30px; position:absolute; top:8px; left:10px; }
	.comment-field.review .star-score > div {height:13px; background:url('../images/common/bg_star_score_m.png') 0 100% no-repeat; background-size:80px 30px; position:relative; }
	.comment-field.review .star-score .score1 {width:20%}
	.comment-field.review .star-score .score2 {width:40%}
	.comment-field.review .star-score .score3 {width:60%}
	.comment-field.review .star-score .score4 {width:80%}
	.comment-field.review .star-score .score5 {width:100%}
	.comment-field.review .star-score label {position:absolute; display:block; width:13px; height:13px; cursor:pointer; }
	.comment-field.review .star-score .label1 {top:0; left:0; }
	.comment-field.review .star-score .label2 {top:0; left:17px; }
	.comment-field.review .star-score .label3 {top:0; left:34px; }
	.comment-field.review .star-score .label4 {top:0; left:51px; }
	.comment-field.review .star-score .label5 {top:0; left:68px; }

	.star-view { width:80px; height:13px; overflow:hidden; background:url('../images/common/bg_star_score_m.png') 0 0 no-repeat;  background-size:80px 30px; }
	.star-view > span {height:13px; background:url('../images/common/bg_star_score_m.png') 0 100% no-repeat;  background-size:80px 30px; position:relative; }
	.star-view .score1 {width:20%}
	.star-view .score2 {width:40%}
	.star-view .score3 {width:60%}
	.star-view .score4 {width:80%}
	.star-view .score5 {width:100%}

	/* 댓글 */
	.comment-cnt {padding-bottom:20px}
	.comment-cnt + .comment-sort {top:15px}
	.comment-list .mb-info {position:static; width:auto; font-size:12px; padding:5px 0}
	.comment-list .mb-info + .comment-cont {margin-left:0}
	.comment-list .mb-info .nick {font-size:12px}
	.comment-list .mb-info .nick em {width:14px; height:12px; background-position:-15px -38px; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px; top:0}
	.comment-list .mb-info .star-view {margin-left:0; }
	.comment-list .icn-best {width:37px; height:17px; font-size:11px; line-height:17px; vertical-align:middle}
	.comment-list .icn-secret {width:12px; height:16px; background-position:-18px -7px; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px;  vertical-align:middle}
	.comment-list .txt-cont {font-size:11px; line-height:15px;  word-wrap:break-word;}
	.comment-list .cmt-cont .txt-title {font-size:12px}
	.comment-list .cmt-cont .btn-pic {width:15px; height:15px; background-position:0 -8px; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px; vertical-align:middle}
	.comment-list .cmt-cont > a:hover {text-decoration:none}
	.comment-list .write-info {margin-top:10px}
	.comment-list .write-info * {font-size:12px; vertical-align:top;}
	.comment-list .write-info .date {margin-right:28px}
	.comment-list .write-info .nick {padding-right:9px; margin-right:8px; }
	.comment-list .write-info .icn {-webkit-background-size:50px; -moz-background-size:50px; background-size:50px; top:0;}
	.comment-list .write-info .btn-like .icn {width:14px; height:13px; background-position:0 -24px;}
	.comment-list .write-info .btn-cnt .icn {width:14px; height:13px; background-position:-18px -24px; top:0}
	.comment-list .thum-wrap {margin-top:10px}
	.comment-list .thum-wrap li {float:left; width:25%; padding:0 6px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0}
	.comment-list .thum-wrap li img {width:100%;}
	.comment-list .thum-wrap + .btn-wrap {margin-top:15px}
	.event-view-pape .comment-list .comment-field {margin-top:15px}
	.comment-list .btn-wrap {margin-top:10px}
	.event-view-pape .text-area .placeholder {top:6px}

	/* 댓글 하위 댓글 */
	.comment-list > li {padding:10px 0 15px}
	.comment-list .comment-list > li {padding:10px 0 15px}
	.comment-list .comment-list .mb-info + .comment-cont {margin:0}
	.comment-list .comment-sub-wrap .mb-info {width:auto; }
	.comment-list .comment-list .mb-info .nick em {width:9px; height:9px; background-position:-32px -38px; top:0; margin-right:7px;}
	.comment-sub-wrap .comment-cnt {display:none}

	/* 모바일 GNB */
	.mobile-gnb-layer {display:none; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
	.mobile-gnb {display:none; position:absolute; z-index:3; top:0; left:0; width:277px; height:100%; background:#333; border-right:1px solid #292929; padding-bottom:90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.mobile-gnb * {font-family: AppleSDGothicNeo,"Helvetica","Malgun Gothic","맑은고딕",sans-serif; color:#fff; }
	.mobile-gnb .hello {height:45px; line-height:45px; color:#fff; font-size:11px; padding-left:15px; background:#2f2f2f; }
	.mobile-gnb .m-lnb {height:72px; background:url('../images/common/btn_m_lnb.png') no-repeat; background-size:277px 72px; }
	.mobile-gnb .m-lnb li {width:68px; height:72px; float:left; margin-left:1px; }
	.mobile-gnb .m-lnb li:first-child {margin-left:0; }
	.mobile-gnb .m-lnb li a {display:block; height:72px; position:relative; }
	.mobile-gnb .m-lnb li:nth-child(2) em {display:block; width:12px; height:12px; text-align:center; line-height:12px; color:#34363b; font-size:9px; position:absolute; top:19px; left:41px; font-weight:bold;  }
	.mobile-gnb .dh-menu .menu-head {height:50px; background:url('../images/common/logo_gnb_m_dh.png') 15px 50% no-repeat #484848; background-size:auto 20px;}
	.mobile-gnb .dh-menu > ul > li > a {display:block; position:relative; height:49px; border-top:1px solid #292929; color:#fff; font-size:15px; line-height:49px; padding-left:42px; background:url('../images/common/bg_mgnb_li.png') no-repeat; background-size:263px 99px }
	.mobile-gnb .dh-menu > ul > li > a.active {background-position:0 100%; color:#ffd632; }
	.mobile-gnb .dh-menu > ul > li > a:after {content:""; display:block; width:17px; height:15px; background:url('http://img.designhouse.co.kr/designhouse/ui/common/sp_m_gnb_306.png') no-repeat; background-size:auto 500px; position:absolute; top:17px; left:15px; }
	.mobile-gnb .dh-menu > ul > li > a.active:after{background-position:100% 0}
	.mobile-gnb .dh-menu > ul > li:nth-child(2) > a:after {background-position:0 -26px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(2) > a.active:after {background-position:100% -26px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(3) > a:after {background-position:0 -53px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(3) > a.active:after {background-position:100% -53px; }
	.mobile-gnb .mgz-menu .menu-head {position:relative; height:50px; background:#333; position:relative; padding-left:15px; }
	.mobile-gnb .mgz-menu .menu-head .sns-btn {position:absolute; top:15px; right:14px; }
	.mobile-gnb .mgz-menu .menu-head .sns-btn a {display:block; float:left; margin-left:10px; width:20px; height:20px; background:url('http://img.designhouse.co.kr/designhouse/ui/common/sp_m_gnb_306.png') 0 -155px no-repeat; background-size:auto 500px; }
	.mobile-gnb .mgz-menu .menu-head .sns-btn a:nth-child(2) {background-position:0 -181px; }
	.mobile-gnb .mgz-menu .menu-head .sns-btn a:nth-child(3) {background-position:0 -208px; }
	.mobile-gnb .mgz-menu > ul {background:#292929; }
	.mobile-gnb .mgz-menu > ul > li > a {display:block; position:relative;  height:40px; line-height:40px; font-size:13px; border-top:1px solid #484848; padding-left:40px; }
	.mobile-gnb .mgz-menu > ul > li:first-child > a {border-top:none }
	.mobile-gnb .mgz-menu .sub {background:#1f1f1f; padding:8px 0; display:none; border-top:1px solid #484848; }
	.mobile-gnb .mgz-menu .sub > li > a {display:block; position:relative; font-size:11px; height:36px; line-height:36px; padding-left:55px; color:#ccc;}
	.mobile-gnb .mgz-menu .sub > li > a:before {content:""; display:block; position:absolute; top:17px; left:44px; width:4px; height:1px; background:#ccc;}
	/*.mobile-gnb .mgz-menu + .dh-menu ul {opacity:0.7; }*/
	.mobile-gnb .dh-menu > ul > li:nth-child(4) > a:after {background-position:0 -78px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(4) > a.active:after {background-position:100% -78px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(5) > a:after {background-position:0 -263px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(5) > a.active:after {background-position:100% -263px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(6) > a:after {background-position:0 -237px; }
	.mobile-gnb .dh-menu > ul > li:nth-child(6) > a.active:after {background-position:100% -237px; }

	.mobile-gnb .dh-menu .sub {background:#292929; padding:9px 0; display:none; }
	.mobile-gnb .dh-menu .sub a {display:block; position:relative; color:#fff; height:40px; line-height:40px; padding-left:44px; font-size:13px; }
	.mobile-gnb .sub .depth3 {/*background:#1f1f1f;*/ padding:8px 0; display:none; }
	.mobile-gnb .sub .depth3 > li > a {display:block; position:relative; font-size:11px; height:36px; line-height:36px; padding-left:55px; color:#ccc;}
	.mobile-gnb .sub .depth3 > li > a:before {content:""; display:block; position:absolute; top:17px; left:44px; width:4px; height:1px; background:#ccc;}
	.mobile-gnb .menu-box a.plus:after {content:""; display:block; position:absolute; top:13px; right:15px; width:14px; height:14px; background:url('http://img.designhouse.co.kr/designhouse/ui/common/sp_m_gnb_306.png') 100% -118px no-repeat; background-size:auto 500px; }
	.mobile-gnb .menu-box a.active.plus:after {background:url('http://img.designhouse.co.kr/designhouse/ui/common/sp_m_gnb_306.png') 100% -137px no-repeat; background-size:auto 500px;}
	.mobile-gnb .menu-box a.blank:after {content:""; display:block; width:8px; height:8px; background:url('http://img.designhouse.co.kr/designhouse/ui/common/sp_m_gnb_306.png') 100% -102px no-repeat; background-size:auto 500px; position:absolute; top:15px; right:19px;}
	.mobile-gnb .dh-menu > ul > li.active + .sub {display:block; }
	.mobile-gnb .foot-menu {border-top:1px solid #292929; padding-top:22px; }
	.mobile-gnb .foot-menu ul {text-align:center; font-size:0;  }
	.mobile-gnb .foot-menu ul li {display:inline-block; padding:0}
	.mobile-gnb .foot-menu ul li:after {content:"|"; display:inline-block; font-size:9px; color:#6f6f6f; vertical-align:middle; padding:0 14px;}
	.mobile-gnb .foot-menu ul li:last-child:after {display:none; }
	.mobile-gnb .foot-menu ul li a {position:relative; display:inline-block; padding-left:18px; font-size:12px; color:#aaa; vertical-align:middle; }
	.mobile-gnb .foot-menu ul li a:before {position:absolute; top:1px; left:0; content:""; display:inline-block; width:11px; height:11px; background:url('http://img.designhouse.co.kr/designhouse/ui/common/sp_m_gnb_306.png') 0 -102px no-repeat; background-size:auto 500px;}
	.mobile-gnb .foot-menu ul li:nth-child(2) a:before {width:13px; height:12px; background-position:0 -118px; }
	.mobile-gnb .foot-menu ul li:nth-child(3) a:before {width:10px; height:10px; background-position:0 -137px; top:2px; }

	/* 검색결과 */
	#content.search .con-header {border-bottom:0; background-color:#f7f7f7; }
	#content.search {padding-bottom:0; }
	.search-result-wrap {background-color:#f7f7f7; padding:0 15px 35px 15px;}
	.search-result-wrap .result {width:auto;}
	.search-result-wrap .result .result-title {font-size:12px; color:#666; font-weight:normal; border-bottom:1px solid #666; padding-bottom:9px; margin-top:20px;}
	.search-result-wrap .result .result-title span {color:#333; font-weight:bold;}
	.search-result-wrap .result .result-list li {position:relative; min-height:0; background-color:#fff; border:1px solid #e9e9e9; padding:15px 15px 15px 15px; margin-bottom:10px;}
	.search-result-wrap .result .result-list li:first-child {margin-top:15px;}
	.search-result-wrap .result .result-list li .thumb {display:none;}
	.search-result-wrap .result .result-list li .subject {font-size:13px;}
	.search-result-wrap .result .result-list li .summary {font-size:11px; line-height:17px; margin-top:8px;}
	.search-result-wrap .result .result-list li .summary a {color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical;  word-wrap:break-word; }
	.search-result-wrap .result .result-list li .date {font-size:11px; margin-top:13px; color:#888; }
	.search-result-wrap .result .pageing {margin-top:15px;}

	/* 약관 */
	#layer-email-collect .email-txt1 {padding-top:0}

	/* banner - 20160812 #349 */
	.banner-right,
	.banner-bottom{display:none;}
}
/* End mobile */


/* 반응형(모바일,데스크탑) 보이기/감추기 제어 */
.show-mobile {display: none;}
@media screen and (max-width: 768px) {
	.show-mobile {display: block !important;}	
	.show-desktop {display: none;}
}

/* DFP 광고 영역 */
.ads-container .ads-wrap { text-align: center; }
.ads-container .ads-wrap > div { margin: 0 auto; }

/* DFP : Show and Hide */
.ads-wrap.ads-mobile { display: none !important; }
@media only screen and (max-width: 768px) {
/* 모바일 */
	.ads-wrap.ads-pc { display: none !important; }
	.ads-wrap.ads-mobile { display: block !important; }
}

.dh-main-top-banner {
	max-width: 960px;
	margin-bottom: 15px;
}

.dh-main-middle-banner {
	max-width: 960px;
	margin-top: 15px;
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
	.dh-main-top-banner {
		margin-bottom: 30px;
	}
	
	.dh-main-middle-banner {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}