@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Armata);
@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(http://fonts.googleapis.com/css?family=Montserrat);

* {
	font-family:AppleGothic, DroidSansFallback, 굴림, gulim;
	margin:0 ; padding:0 ;
	color:#555555;
	line-height:150%;
}

/*body {-webkit-text-size-adjust:none;font-family:'맑은 고딕','Malgun Gothic',AppleGothic,DroidSansFallback,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}*/
/* body {width:100%;overflow-x:hidden;text-align:center;background:url(/smart/images/top_bg.jpg) repeat-x left top;background-size: auto 124px;-wlist_divebkit-text-size-adjust:none;font-family:'맑은 고딕','Malgun Gothic',AppleGothic,DroidSansFallback,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;} */
/* td, th, div, ul li, p { font-size:14px ;margin:0 ; padding:0 ;font-family:'맑은 고딕','Malgun Gothic',AppleGothic,DroidSansFallback,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;} */

/* input:not([type='checkbox']):not([type='radio']), textarea {-webkit-appearance:none;} */
/* td {text-align:left}
th {text-align:center}
div,dl,dt,dd,ol,ul,form {list-style:none;} */
/* h1,h3,caption {display:none;} */
/* img, input			{padding:0;border:0;vertical-align:middle;}
fieldset {border:0;vertical-align:middle;margin:0; padding:0;} */
/* 
a:link			{text-decoration: none;}
a:visited		{text-decoration: none;}
a:hover		{color: #ff6868; text-decoration: none;}
table {border-collapse: collapse;}
input.text { 		
	background-color: #ffffff;	
	color:#555555; 
	BORDER: #cfcfcf 1px solid;
	padding:0 0 0 0;
}
input.radio { 		
	BORDER: none;
	background-color: #ffffff;
}
input.img {padding:0;border:0;}

textarea { 
	background-color: #ffffff;	
	color:#555555; 
	BORDER-BOTTOM: #e7e7e7 1px solid;
    BORDER-LEFT: #e7e7e7 1px solid;
    BORDER-RIGHT: #e7e7e7 1px solid;
    BORDER-TOP: #e7e7e7 1px solid;
}

input.select { 
	background-color: #ffffff;
	border:solid #ACACAC 1px ; 
	font-family:"Dotum"; 
	HEIGHT:18px;
	color: #555555;
}
input.checkbox {
	border: none;
	background:none;
}

hr {color:#dedede;}

div.page {clear:both;width:100%;text-align:center;margin-top:10px;margin-bottom:10px }
div.skipNav { display:none}
 */

#wrap {min-width:310px;height:100%;margin:0 auto;/* text-align:center; */padding:10px 0 0 0;background:url(/smart/images/top_bar.jpg) no-repeat right top;background-size: auto 6px;}

#top {position:relative;}
#top .logo {text-align:left;padding:3px 0 0 10px;}
#top .search {position:absolute;top:5px; right:0px;padding-right:0px;;text-align:right;}
#top .search a {padding-right:10px; display:block;}

/*
.top_search {background:url(/images/search_box.png) no-repeat left top;}
.top_search label {display:none;}
.top_search legend {display:none;}
.top_search fieldset {width:185px;padding: 3px 0px 8px 10px;text-align:left;}
.top_search fieldset .input-text {border:0;width:142px;background:#fdfaf2;}
.placeholder {font-size:1em; font-family:dotum; color:#999; letter-spacing:-1px; border:1px solid red;}
.placeholder-focus {border:1px solid green;}

*/

#gnb {padding:10px 10px;}
#gnb ul li {display:inline-block;font-size:14px;font-family: 'Noto Sans', sans-serif;font-weight: 300;}
#gnb ul li a:link,
#gnb ul li a:visited {color:#7a7473;padding:2px 3px;}
#gnb ul li a:hover, #header 
#gnb ul li a:active, #header 
#gnb ul li a:focus {text-decoration:none; color:#363232;padding:2px 3px;}

#iview {margin:0 auto;
	display: block;	
	width: 100%;
	min-width: 100%;
	min-height:238px;
	padding:0;	
	text-align:center;
	overflow: hidden;
	border-bottom:3px solid #797979;
	padding-bottom:15%;
}

.main_text {margin-top:50px;width:100%;height:100%;text-align:center;}
.main_text h2 {font-size:55px;line-height:50px;font-family: 'Montserrat', Arial,Helvetica, sans-serif;font-weight: 700;color:#ac675e;}
.main_text a {
	font-size:10px;line-height:30px;display:inline-block;color:#ac675e;
	padding:0px 12px;margin-top:15px;
	text-align:center;text-decoration:none;font-family:'Source Code Pro',Arial,Helvetica,sans-serif;
	border:1px solid #ac675e;
}
.main_text a:hover {text-decoration:none;}

#flickingList {overflow:hidden; margin:0 auto; width:315px; height:180px;}
#flickingList .contt {position:relative; overflow:hidden; width:100%; cursor:move;border:none;}
#flickingList .layerWrap {overflow:hidden; position:relative; width:10000px; font-size:0; white-space:nowrap; vertical-align:top;}
#flickingList .layer {float:left; width:100%; height:136px;overflow:hidden;}
#flickingList .layer img {border:3px solid #efefef;width:309px; }
#flickingList .prevNext {margin:10px; text-align:center;}
#flickingList .tabWrap {margin-top:10px; padding-bottom:10px; text-align:center;}
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:20px; height:20px; background:black;color:#fff;}
#flickingList .tabWrap li a.current {background:#fd6566;}

#center {float:left;width:100%;padding-bottom:10px;text-align:center;}
#center ul {padding:10px 5px 10px 15px;}
#center ul li {float:left;padding:0 0px;width:24%;border-left:1px solid #dedede;text-align:center;}
#center ul li img {width:99%;}
#center ul li.line_n {border-left:none;}

.showroom {width:90%;margin:0 auto;}
.showroom table {width:100%;}
.showroom .pic {width:30%;border-bottom:1px dotted #dedede;padding: 10px 0;}
.showroom .pic img {width:100%;margin:0px 0;}
.showroom .place {text-align:left;border-bottom:1px dotted #dedede;padding: 10px 0 10px 10px;}
.showroom .place .stxt {font-size:0.75em;line-height:0.75em;}
.showroom .place ul li {border-bottom:none;}
.showroom .red {color:#fd6566;line-height:0.75em;}
.showroom .tel {font-size:1.2em;}


.m_p_list {clear:both;background:#eeece8;padding: 20px 10px 20px 10px;}
.m_p_list .st {margin-bottom:20px;}
#m_p_listwrap {width:100%;margin:0 auto;text-align:center;overflow:hidden;height:153px;margin-bottom:20px;}
#m_p_listwrap .plist ul li {display:inline-block;width:120px;height:80px;}
#m_p_listwrap .plist ul li img {border:1px solid #d4d4d4;}

.m_p_list .all {clear:both;display:inline-block;font-size:12px;line-height:140%px;color:#95908f;
	padding:5px 8px;margin:0 auto;
	text-align:center;text-decoration:none;font-family:'Source Code Pro',Arial,Helvetica,sans-serif;
	border:1px solid #ffffff;
	width:100px;}


/*
.footer {clear:both;position:relative; width:100%;text-align:left;padding:0px 0 0 0;background:#95908f;}
.footer .copy {position:relative;margin-top:10px;clear:both;padding-top:10px;padding-bottom:10px;background:#222222;}
.footer .copy p {text-align:left;color:#727272;padding-left:10px;padding-right:10px;font-size:0.75em;letter-spacing:-0.1em;}
.footer .copy p .bb {font-size:1.2em;color:#727272;padding-bottom:1px;display:block;}
.footer .copy p .ss {font-size:0.9em;letter-spacing:-0.05em;color:#727272;}

.footer .copy .btnpc {position:absolute; right:10px; top:20px;width:}
.footer .copy .btnpc a {border:1px solid #414141;padding:3px 5px;display:block;}

.footer .f_btn1 {position:relative; left:10px; top:0;}
.footer .f_btn1 li {display:inline-block;padding:10px 0px 0 0px;}
.footer .f_btn2 {position:absolute; right:10px; top:5px;}
.footer .f_btn2 li {display:inline-block;padding:10px 2px 0 2px;font-weight:bold;letter-spacing:-1px;font-size:1em;}
.footer .f_btn2 li a {color:#ffffff;}

*/



/*서브컨텐츠*/
.cont {clear:both;/* margin-top:10px; */border-top:4px solid #ff8d8d;min-height:320px;width:100%;}
.cont .title {position:relative;border-bottom:1px solid #9a978a;background:#f5f4f0;text-align:left;padding: 8px 90px 8px 15px;font-size:1.2em;font-weight:900;}
.cont .title .btn_go {position:absolute; right:10px; top:2px;}
.cont .title .btn_go a {display:block;background:url(/smart/images/btn_ico.png) no-repeat left center;background-size: auto 12px;padding: 7px 5px 5px 15px;}

/*서브컨텐츠_웹툰*/
.cont2 {clear:both;margin-top:0px;border-top:4px solid #ff8d8d;min-height:320px;width:100%;}
.cont2 .title {position:relative;border-bottom:1px solid #9a978a;background:#f5f4f0;text-align:left;padding: 8px 90px 8px 15px;font-size:1.2em;font-weight:900;}
.cont2 .title .btn_go {position:absolute; right:10px; top:2px;}
.cont2 .title .btn_go a {display:block;background:url(/smart/images/btn_ico.png) no-repeat left center;background-size: auto 12px;padding: 7px 5px 5px 15px;}

.category table {width:100%;}
.category table td {border-bottom:1px solid #c2c2c2;border-left:1px solid #c2c2c2;background:url(/smart/images/more.png) no-repeat right center;background-size: auto 15px;}
.category table td a {padding: 8px 15px;display:block;}


/*제품리스트*/

.p_list {width:100%;background:#eeece8;padding: 20px 0px;}
.p_list ul {padding-bottom:10px;}
.p_list ul li {display:inline-block;width:30%;padding: 7px 3px;}
.p_list ul li img {display:inline-block;border:1px solid #d4d4d4;width:98%;}
.p_list .more {clear:both;display:inline-block;font-size:12px;line-height:140%px;color:#676160;
	padding:8px 8px;margin:0 auto;
	text-align:center;text-decoration:none;font-family:'Source Code Pro',Arial,Helvetica,sans-serif;
	border:1px solid #ffffff;
	width:50%;
	
	border:1px solid #676160;
	}

.p_view {}

#bnnrRolling {position:relative;}
#bnnrRolling .anchors {overflow:hidden; zoom:1;}
#bnnrRolling .anchors li {float:left;}
#bnnrRolling .anchors li.current button {background:orange; cursor:pointer;}
#bnnrRolling .btns {margin:0px 0;}
#bnnrRolling .btns button {border:0; background:none;}
#bnnrRolling .btns button.left {position:absolute;bottom:20px;left:10px;}
#bnnrRolling .btns button.right {position:absolute;bottom:20px;right:10px;}
#bnnrRolling .btns button.auto {background:orange;}
#bnnrRolling .btns button.stop {background:red;}
#bnnrRolling .list {}
#bnnrRolling .list li {}

.p_view .view_sm {margin:15px 0;}
.p_view .view_sm tr td {padding: 3px 3px 3px 10px;}
.p_view .view_sm tr td.price {color:#c82d35}

.choice {background:#f2f2f2;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding: 20px 0;}
.choice table td {padding: 0px 10px 5px 15px;}
.choice ul  {margin-top:15px;padding:0 8px;}
.choice ul li {display:inline;text-align:center;}


#pro_info {clear:both;width:100%;text-align:left;padding:0;margin:0;}
#pro_info dt, #pro_info dd {border-bottom:1px solid #dedede;}
#pro_info dt {clear:both;background:#f2f2f2;font-size:1.2em;font-weight:700;}
#pro_info dt p {background:url(/smart/images/more.png) no-repeat right center;background-size: auto 15px;}
#pro_info dt p .tab {display:block;padding: 8px 12px;}
#pro_info dd {background:#FFF;padding: 8px 12px;}
#pro_info .current {background:#979797;}
#pro_info .current a {font-weight:bold; color:white !important;}
#pro_info dd table {width:100%;border-top:3px solid #999;}
#pro_info dd table th {color:#9d9d9d;background:#f9f9f9;border-bottom:1px solid #dedede;font-size:0.9em;padding:5px;text-align:left;}
#pro_info dd table td {background:#ffffff;border-bottom:1px solid #dedede;border-left:1px solid #dedede;font-size:0.9em;padding:5px;text-align:left;}
#pro_info dd#tab3 ul li {border-bottom:1px solid #dedede;width:100%;}
#pro_info dd#tab3 ul li .list {position:relative;width:100%;height:30px; padding:3px 0; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:1em;} 




/* 로그인 */
#login {clear:both;text-align:left;padding: 20px 20px;border-bottom:1px solid #e1e1e1;}
#login dl dt {text-align:left;padding-bottom:20px;}
#login dl dd.stxt {color:#757575;letter-spacing:-1px;}
#login dl dd ul li {padding: 2px 0;}
#login dd {position:relative;}
#login input.box {border:1px solid #e5e5e5;height:22px;width:220px;background:#f5f5f5;}
#login input.box2 {border:1px solid #e5e5e5;height:20px;width:20px;background:#f5f5f5;}
#login .btn {position: absolute;top:2px; left:230px;}
#login table tr td {padding:5px;letter-spacing:-1px;}
#login .btn2 {padding-top: 30px;}
#login .btn2 p {font-size:0.9em;color:#777;padding-bottom:5px;letter-spacing:-0.1em;}
#login .btn2 a {display:inline-block;width:32%; padding: 8px 0;background:#e2e2e2;border:1px solid #d0d0d0;text-align:center; }


#tab_menu {clear:both;margin-top:-4px;}
#tab_menu ul {width:100%;margin:0 auto;}
#tab_menu ul li {float:left;width:33%;border-top:1px solid #f9c5c7;border-left:1px solid #f9c5c7;background:#f5f4f0;border-bottom:3px solid #ff8d8d;}
#tab_menu ul li a {font-weight:bold;font-size:1.1em;width:100%;padding:10px 0;display:inline-block;letter-spacing:-0.1em;}
#tab_menu ul li.line {border-right:1px solid #999999;}
#tab_menu ul li.on {width:33%;background:#ff8d8d;}
#tab_menu ul li.on a {color:#ffffff;}


#cart_list {clear:both;background:#f9f8f7;padding:10px;letter-spacing:-0.1em;}
#cart_list .list {text-align:left;border:1px solid #d4d4d4;margin-bottom:10px;}
#cart_list .list .pro_name {font-size:1.2em;}
#cart_list .list .pic {border:1px solid #e6e6e6;}
#cart_list .list table {width:100%;}
#cart_list .price {color:#cb0303;font-size:1.4em;}
#cart_list .price2 {color:#222;font-size:1.4em;}
#cart_list .price_s {color:#222;font-size:1em;font-weight:bold;}
#cart_list .stxt {font-size:0.9em;}
#cart_list .total {background:#eeeeee;}

#cart_list .all {border: 1px solid #d4d4d4;width:100%;}
#cart_list .all td {padding:10px;}
#cart_list .all td p {text-align:center;}
#cart_list .all .line_left {border-left:1px solid #e9e9e9;}
#cart_list .all .line_bot {border-bottom:1px solid #e9e9e9;}

#cart_list .list_buy {text-align:left;border-bottom:1px solid #d4d4d4;margin-bottom:10px;}
#cart_list .list_buy .pic {border:1px solid #e6e6e6;}
#cart_list .list_buy .price {color:#cb0303;font-size:1em;}

.buy_st {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#5a5555;text-align:left;padding:10px 15px;color:#fff;font-weight:bold;}


/* 탭 */
#tabcontainer {position:relative; width:100%;margin:0 auto;padding-top:15px;}
#tabcontainer .sm_txt {position:absolute; top:25px; left: 230px;color:#878787;}
/* 탭-앵커리스트 */
#tabcontainer ul.anchor {overflow:hidden; width:100%; border-bottom:1px solid #969696;}
#tabcontainer ul.anchor li {float:left; background:url(/images/board/tab_bg.jpg) no-repeat;}
#tabcontainer ul.anchor li a {float:left; width:100px;padding:7px 0 7px 0; font-weight:bold;text-align:center;}
#tabcontainer ul.anchor li.current {background:url(/images/board/tab_bg_on.jpg) no-repeat;}
#tabcontainer ul.anchor li.current a { !important;}
/* 탭-리스트 */
#tabcontainer .bw_list ul {clear:both; width:100%;text-align:left;}
#tabcontainer .bw_list ul li.ico {overflow:hidden;  padding:5px 0 5px 15px; line-height:28px;border-bottom:1px solid #e0e0e0;}
#tabcontainer .bw_list ul li input {border:none;padding:3px 5px;}
#tabcontainer .bw_list ul li span {display:inline-block;width:60px;}
#tabcontainer .bw_list ul li span.ico2 {padding:0 0 0 15px;}
#tabcontainer .bw_list ul li input.bg1 {height:18px;width:151px;border:1px solid #dedede;}
#tabcontainer .bw_list ul li input.bg2 {height:18px;width:95%;border:1px solid #dedede;}
#tabcontainer .bw_list ul li input.bg3 {height:18px;width:20%;border:1px solid #dedede;}
#tabcontainer .bw_list ul li input.bg4 {height:18px;width:100%;border:1px solid #dedede;}
#tabcontainer .bw_list ul li select {border:none;}

/*
.post_pop2 {position:absolute; top:5px; left: 0px;width:98%;border:4px solid #efefef;background:#ffffff;visibility: hidden;z-index:10;}
*/
.post_pop2 .st {position:relative; font-weight:bold;font-size:1.2em; border-bottom:1px solid #dedede;background:#efefef;text-align:left;padding-bottom:5px;}
.post_pop2 .st .close {position:absolute; top:0px; right: 5px;}
.post_pop2 .stxt {font-size:0.9em;color:#666;}
.post_pop2 .post_box {border:2px dotted #dedede;padding:10px;width:90%;margin:0 auto;}
.post_pop2 .post_box input {border:1px solid #dedede;}
.post_pop2 .post_list {padding:10px;}
.post_pop2 .post_list table {width:100%;border-top:2px solid #ccc;}
.post_pop2 .post_list table th {border-bottom:1px solid #dedede;background:#efefef;padding:3px;}
.post_pop2 .post_list table td {border-bottom:1px solid #dedede;background:#ffffff;padding:3px;}
.post_pop2 .post_list table td.cen {text-align:center;}


.place {text-align:left;padding: 10px 0;}
.place ul li {padding: 3px 5px;letter-spacing:-0.1em;border-bottom:1px solid #efefef;font-size:0.9em;}
.payment {text-align:left;padding: 10px 10px;}


#tab_menu2 {clear:both;margin-top:-4px;background:#f5f4f0;width:100%;}
#tab_menu2 ul {margin:0 auto;width:100%;}
#tab_menu2 ul li {float:left;width:24%;border-top:1px solid #f9c5c7;background:url(/smart/images/tab_line.gif) repeat-y left top;border-bottom:3px solid #ff8d8d;}
#tab_menu2 ul li a {font-weight:bold;font-size:1em;width:100%;padding:10px 0;display:inline-block;letter-spacing:-0.1em;}
#tab_menu2 ul li.line {border-right:1px solid #999999;}
#tab_menu2 ul li.on {width:28%;background:#ff8d8d;}
#tab_menu2 ul li.on a {color:#ffffff;}

#photo_list {clear:both;width:98%;margin:0 auto;padding:5px 0;}
#photo_list .b_top {border-top:1px solid #dbdbdb;}
#photo_list ul li.list {padding:10px 0;border-bottom:1px solid #dbdbdb;text-align:left;float:left;width:100%;}
#photo_list ul li .pic {float:left;width:105px;}
#photo_list ul li .txt {float:left;}
#photo_list ul li .txt li {line-height:120%;}
#photo_list ul li .txt li .day {color:#666;font-size:0.9em;}
#photo_list ul li .txt li .red {color:#c25656;}
#photo_list ul li .txt li .gray {color:#939393;}
#photo_list ul li .txt .stxt {font-size:0.9em;}

#board_list {clear:both;width:98%;margin:0 auto;padding:5px 0;}
#board_list .b_top {border-top:1px solid #dbdbdb;}
#board_list ul li.list {padding:10px 0;border-bottom:1px solid #dbdbdb;text-align:left;font-size:1.1em;width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#board_list ul li.list span {color:#939393;font-size:0.9em;display:inline-block; width:80px;}


.list_more {clear:both;margin:0 auto;padding:15px 0;}
.list_more a {padding: 7px 30px;width:50%;border:1px solid #dedede;}

.board_btn {clear:both;text-align:right;padding: 10px;border-top:1px solid #dedede;}
.board_btn a {padding: 5px 15px;width:80px;border:1px solid #dedede;background:#f5f5f5;font-weight:bold;}

.board_sbtn {padding: 3px 15px;width:80px;border:1px solid #dedede;background:#f5f5f5;font-weight:bold;}

#photo_view {clear:both;text-align:left;width:98%;margin:0 auto;padding-top:10px;}
#photo_view .st {border-bottom:1px solid #dedede;}
#photo_view .gray {color:#939393;}
#photo_view .stxt {font-size:0.9em;}
#photo_view ul li {font-size:0.9em;border-bottom:1px dotted #dedede;padding: 2px;}

#photo_view .con_text {border-bottom:1px dotted #dedede;padding:10px 0;}
#photo_view .prev span {display:inline-block;width:65px;color:#000;}

#photo_write {clear:both;text-align:left;width:98%;margin:0 auto;padding-top:10px;}
#photo_write ul {border-top:1px dotted #dedede;}
#photo_write ul li {font-size:0.9em;border-bottom:1px dotted #dedede;padding: 2px;}
#photo_write ul li span {display:inline-block;width:50px;}
#photo_write .stxt {font-size:0.9em;letter-spacing:-0.1em;}
#photo_write .gray {color:#939393;}
#photo_write .red {color:#c25656;}

#tab_menu3 {clear:both;padding: 10px 8px 0 10px;}
#tab_menu3 ul {width:100%;margin:0 auto;}
#tab_menu3 ul li {float:left;width:33%;border-top:1px solid #999999;border-left:1px solid #999999;background:url(/smart/images/tab_bg.jpg) repeat-x left top;border-bottom:1px solid #999999;letter-spacing:-0.1em;}
#tab_menu3 ul li a {font-weight:bold;font-size:14px;width:100%;padding:10px 0;display:inline-block;letter-spacing:-0.2em;}
#tab_menu3 ul li.line {border-right:1px solid #999999;}
#tab_menu3 ul li.on {width:33%;background:#ffffff;border-bottom:none;}
#tab_menu3 ul li.on a {color:#b20838;}


.contents {clear:both;padding: 20px 10px 30px 10px;text-align:left;}
.st {font-size:1.3em;font-weight:bold;color:#b20838;letter-spacing:-0.1em;}
.st2 {font-size:1.2em;font-weight:bold;color:#b20838;letter-spacing:-0.1em;}
.txt_red {color:#b20838;font-weight:500;}

.top2 {padding-top:2px;}
.top5 {padding-top:5px;}
.top10 {padding-top:10px;}
.top15 {padding-top:15px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}
.top35 {padding-top:35px;}
.clear {clear:both;}
.cen {text-align:center;}
.rig {text-align:right;}
.pad10 {padding:10px;}

.rig10 {padding-right:10px;}

.left5 {padding-left:5px;}
.left10 {padding-left:10px;}
.test {border:1px solid #000000;}

.bot10 {padding-bottom:10px;}
.bot30 {padding-bottom:30px;}
.bot40 {padding-bottom:40px;}

.mtop2 {padding-top:2px;}
.mtop25 {padding-top:25px;}