body { width:100%; height:100%; margin:0; padding:0; font-size:9pt; font-family:Dotum; color:#5c5c5c; text-align:left; background:#FFFFFF; line-height:12px; _behavior: url(""); }

noscript, hr, .tophidden, legend	{ display:none; }
p	{ padding:0 0 5px 0px; margin:0;  }
img 		{ line-height:0; border:0; vertical-align:middle; width:205px height:135px  }
ul, dl, dd, dt		{ margin:0; padding:0; }
ul li	{ list-style:none; margin:0; padding:0;  }
form, fieldset, table, a	{ margin:0; padding:0; border:0; }
label		{ line-height:0; border:0 none; vertical-align:middle; margin:0 5px 0 0; cursor:pointer;  }
.inputsearch {border:0px solid #fff;margin:6px 0px 5px 5px; width:280px;height:22px; font-size:14px;font-weight:bold;}
a:link, a:visited, a:active { color:#525252; text-decoration:none; line-height:15px;}
a:hover { color:#1b1b1b; text-decoration:none; }

.clear	{ clear:both; line-height:0; font-size:0; height:0; overflow:hidden; padding:0; margin:0; }

#wrap {position:relative; background:url(/devu/images/top_bg.gif) repeat-x; margin:0 auto;}

h1	{ padding:0px 0 10px 12px; margin:0; }
h2	{ padding:25px 0 50px 0; margin:0;}
h3	{ padding:0px 0 20px 0; margin:0;}

/*상단*/
#total_top {position:relative;width:980px;height:25px; color:#b4b4b4; font-size:11px;margin:0 auto; }
#total_top a { display:-moz-inline-box; display:inline-block; padding:0px 0 0 0px; font-size:11px; letter-spacing:-1px; padding:0px 6px 0px 6px;}
#total_top .topbtn {position:absolute; left:0; top:4px; padding:0px 0px 0px 0px;}
#total_top .toplogin {position:absolute; right:0; padding:5px 5px 0 0; }
#total_content	{ position:relative; width:980px; height:72px; margin:0 auto;}
#total_content .logo {position:absolute; height:54px; padding:18px 0 0 5px;}
#total_content .topsearch {position:absolute; left:315px;width:360px; height:31px;margin-top:18px; padding:0px; border:2px solid #FF4400;}
#total_content .topsearch .btn {position:absolute; right:0px;top:0px;}
#total_content .topsearch .inputsearch {border:0px none; margin:0; padding:0 10px; width:280px; height:29px; font-size:14px; font-weight:bold;}

#scvForm .topsearch {position:relative; width:360px; height:31px; margin:0 auto; padding:0px; border:2px solid #0044FF;}
#scvForm .topsearch .btn {position:absolute; right:0px;top:0px;}
#scvForm .topsearch .btn #devu_submit {width:50px; height:31px; color:#fff; background-color:#0044FF;}
#scvForm .topsearch .inputsearch {border:0px none; margin:0; padding:0 10px; width:280px; height:29px; font-size:14px; font-weight:bold;}
/*
#total_content .topsearch { position:absolute; left:315px;width:360px; height:34px;margin-top:18px; padding:0px; background:url(/devu/images/search_bar.gif) no-repeat; }
#total_content .topsearch .btn { position:absolute; right:0px;top:0px;}
*/

#topmenu	{ position:relative; width:980px; height:80px; margin:0 auto; z-index:1000; background:url(/devu/images/topmenu_bg.gif)  no-repeat 0 0; }
#topmenu ul	{ margin:0; padding:0; }
#topmenu ul li	{ float:left; padding:0; margin:0; }
#topmenu ul li a div	{ display:none; }

#topmenu ul li #m1	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat 0 0;  ; width:245px; height:40px; }
#topmenu ul li:hover #m1, #topmenu ul li.on #m1	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat 0px -40px; width:245px; height:40px; }

#topmenu ul li #m2	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat -245px 0; width:245px; height:40px; }
#topmenu ul li:hover #m2, #topmenu ul li.on #m2	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat -245px -40px; width:245px; height:40px; }

#topmenu ul li #m3	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat -490px 0; width:245px; height:40px; }
#topmenu ul li:hover #m3, #topmenu ul li.on #m3	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat -490px -40px; width:245px; height:40px; }

#topmenu ul li #m4	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat -735px 0; width:245px; height:40px; }
#topmenu ul li:hover #m4, #topmenu ul li.on #m4	{ display:-moz-inline-box; display:block; background:url(/devu/images/topmenu.gif) no-repeat -735px -40px; width:245px; height:40px; }


#topmenu ul li.on ul	{ display:none; }
#topmenu ul li:hover ul { display:block; } 
#topmenu ul li ul	{ position:absolute; left:0; top:38px;  margin:0; padding:15px; display:none; border:0px solid #333333; }
#topmenu ul li ul li { clear:both; list-style:none;color:#ccc; white-space:nowrap; border-bottom:0px solid #efefef; letter-spacing:-1px;}
#topmenu ul li ul li a	{  display:-moz-inline-box;font-weight:bold; display:inline; padding:11px 5px 10px 5px; margin:0; text-decoration:none; line-height:1; color:#333333; font-size:12px; background:#fff; height:0px; letter-spacing:-1px;}
#topmenu ul li ul li a:hover	{ display:-moz-inline-box; display:inline; text-decoration:none; color:#ff7e00; font-weight:bold; letter-spacing:-1px; }
#topmenu ul li ul#sub1	{ left:10px; }
#topmenu ul li ul#sub2	{ left:245px; }
#topmenu ul li ul#sub3	{ left:150px; }
#topmenu ul li ul#sub4	{ left:565px; }


#contents {position:relative; width:980px; top:0px;margin:0 auto;padding:0px;  }
#left_wrap {float:left; position:relative; width:725px; top:0px;}
#right_wrap {float:right; position:relative;width:225px;right:0;}
#main_status{ height:140px;background:url('/devu/images/main_stat_bg.PNG') no-repeat;}
#main_status_1{ height:103px;background:url('/devu/images/title_03.png') no-repeat;margin-top:10px; background-position:left; font-size:20px; padding: 7px 0 0 0}




/* 로그인 */
#login{position:relative;margin:0;}
#login ul{}
#login ul li.id{ padding:5px 0 5px 0; font-size:11px}
#login ul li p.id{ padding:0px 0 3px 0;}
#login ul li span{ float:right;}
#login .social_btns {padding:9px 0 0; text-align:center;}
#login .social_btns a {padding:0 1px;}

/* 로그아웃 */

#logout{position:relative;margin:0;}
#logout ul li{max-width:225px;}
#logout ul li.info{ height:23px; border-bottom:1px solid #ddd;padding:10px 0 5px 0; font-size:11px;}
#logout ul li span{}
#logout ul li span.nick{width:100px;float:left;padding:0 0 0 10px; }
#logout ul li span.btn{width:75px;float:right; }
#logout ul li.info2{ height:23px;padding:10px 0 5px 10px}
#logout ul li.info2 span.hit {color:#ff4400; font-weight:bold;}

/* 공지사항 */
#m_notice {position:relative;width:200px; border:4px solid #ececec;padding:8px;margin-top:5px;}
#m_notice1 {position:relative;max-width:710px; border:4px solid #ececec;padding:8px;margin-top:0px;}
#m_notice ul {}
#m_notice ul li {width:200px;}
#m_notice ul li.list{height:49px;margin:3px 0 4px 0; background:url(/devu/images/dot_line.gif) repeat-x bottom;}
#m_notice ul li.last {height:35px;}
#m_notice ul li p.text {color:#666; padding:5px 0 0 12px; background:url(/devu/images/dot_icon.gif) no-repeat 0px 6px;height:15px;overflow:hidden}
#m_notice ul li p.date {color:#999; font-size:11px;padding:0 0 0 12px;}
#m_notice ul li.title {height:18px; border-bottom:2px solid #666;padding:5px 0;}
#m_notice .more {float:right;padding:3px 2px;}



#m_devulist {position:relative;width:225px; margin-top:13px;clear:both;}
#m_devulist ul {}
#m_devulist ul li {width:225px;padding:5px 0;}
#m_devulist ul li.list{height:50px; border-bottom:1px solid #aaa;}
#m_devulist ul li.last {height:35px;}
#m_devulist ul li.l_title {background:url(/devu/images/sellist_off.png) no-repeat; width:112px;height:30px;float:left;}
#m_devulist ul li.r_title {background:url(/devu/images/putlist_off.png) no-repeat; width:112px;height:30px;float:left;}
#m_devulist ul li.active.l_title {background:url(/devu/images/sellist_on.png) no-repeat; width:113px;height:30px;float:left;}
#m_devulist ul li.active.r_title {background:url(/devu/images/putlist_on.png) no-repeat; width:113px;height:30px;float:left;}
#m_devulist .more {float:right;padding:3px 2px;}

#m_notice_1 {position:relative;width:225px; margin-top:40px;clear:both;}
#m_notice_1 ul {}
#m_notice_1 ul li {width:225px;padding:8px 0;}
#m_notice_1 ul li.list{height:35px;margin:3px 0 4px 0; border-bottom:1px solid #aaa;}
#m_notice_1 ul li.last {height:35px;}
#m_notice_1 ul li p.text {color:#666; padding:5px 0 0 12px; background:url(/devu/images/dot_icon.gif) no-repeat 0px 6px;height:15px;overflow:hidden}
#m_notice_1 ul li p.date {color:#999; font-size:11px;padding:0 0 0 12px;}
#m_notice_1 ul li.title {height:18px; border-bottom:2px solid #666;padding:5px 0;}
#m_notice_1 .more {float:right;padding:3px 2px;}

#banner {position:relative; margin:10px 0 0 0;}
#banner_1 {position:relative; margin:40px 0 0 0;}
#banner ul {}
#banner ul li{padding:0 0 7px 0;}
#banner_1 ul li{padding:0 0 7px 0;}
#banner_2 ul li{padding:0 0 7px 0;}

#banner_coupon {position:relative; margin:0px auto;background: #F0F0F0}
#banner_coupon ul {}
#banner_coupon ul li{padding:14px;}
#banner_coupon .title{padding:8px 0px;}

/* 탭 */
#tab { padding:0; margin:0 0 10px 0;}
#tab li	{ float:left; list-style:none; display:-moz-inline-box;display:inline-block; _position:relative;  white-space:nowrap !important; margin:0 0 0 2px; }
#tab li a { display:-moz-inline-box;display:inline-block; _position:relative; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #7b7b7b; padding:4px 30px 3px 30px; color:#444444; background:#f5f5f5; font-weight:bold; font-family:dotum, gulim; letter-spacing:-1px;  }
#tab li a:hover	{ color:#fff; text-decoration:none; background:#282828; border-top:1px solid #ffa21b; border-left:1px solid #ffa21b; border-right:1px solid #ffa21b; }
#tab li.on a { color:#2a2a2a; border-top:1px solid #606060; border-left:1px solid #606060; border-right:1px solid #606060; border-bottom:1px solid #fff;  padding:5px 38px 2px 30px; }

/*input  */
.input155 {width:140px; height:17px; border:1px solid #cccbca; background-color:#f6f6f6;}


/* 하단 copyright */

#copyright {  position:relative; margin:0 auto; clear:both;width:980px;padding-top:0px;}
#copyright ul { border-top:3px solid #000;}
#copyright ul li{}
#copyright ul li.link{padding:14px 0 14px 10px; border-bottom:1px solid #ccc;}
#copyright ul li span.social{float:right;}
#copyright span.cg {display:inline-block; font-size:12px;color:#676767;padding:0px;}
#copyright span.cg:after {display:inline-block;width:1px;height:10px;margin:0 .75em 0 .75em;background:#c7c7c7;vertical-align:-1px;content:''}
#copyright span.last {display:inline-block; font-size:12px;color:#676767;padding:0px;}
#copyright ul li.copy{padding:14px 0 18px 170px; height:60px; background:url(/devu/images/bottom_logo.gif) no-repeat 15px 20px;}
#copyright ul li p.text1 {font-size:11px;  font-weight:bold; color:#666;padding:0 0 5px;}
#copyright ul li p.text2 { font-size:11px; color:#666;}
#copyright ul li span.call { font-weight:bold; color:#f65920;}
.top_logintxt { border:1px solid #aeaeae; }

.mobile_quick {display:none;}

/* Media Query */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
@media screen and (max-width:980px) {
	#wrap {background:none;}
	/*#total_top, #total_content, #contents, #left_wrap, #livere_platform, #copyright {width:730px; max-width:730px;}*/
	#total_top .topbtn, #topmenu, #right_wrap, .slide_pf {display:none;}
	#total_content .topsearch {position:absolute; left:315px;width:360px; height:31px;margin-top:18px; padding:0px; border:2px solid #FF4400;}
	#total_content .topsearch .btn {position:absolute; right:0px; top:0px;}
	#total_content .topsearch .btn input {border-radius:0; -webkit-appearance:none;}
	#total_content .topsearch .inputsearch {border:0px none; margin:0; padding:0 10px; width:280px; height:29px; font-size:14px; font-weight:bold;}
	#detail_view .cont p.title {font-size:20px !important;}
	.dt_cont p {font-size:15px !important;}
	#devu_step p {font-size:15px;}
	#devu_step ul li.step1 p.date {font-size:13px !important;}
	#review_tab ul li a {font-size:18px;}
	.TabbedPanelsTabGroup li {font-size:19px;}
	.TabbedPanelsContentGroup a {font-size:17px;}
	.mobile_quick {float:right; display:block; font-size:25px; padding:80px 15px 25px 0;}
	.devu_list .title {height:26px !important;}
	.devu_list .title a {font-size:15px !important; line-height:100% !important; font-weight:normal !important;}
	.devu_list .date .num {font-size:15px !important;}
	/*#copyright ul li.copy {padding:0;}
	#copyright ul li.copy p.text1 {padding:14px 0 18px 170px;}*/
}
