@charset "euc-kr";
/* CSS Document */

*{border:0px;}
body{margin:0px; border:0px; no-repeat center top; width:100%;}/*background:url(mobile.jpg)*/
img{margin:0px; padding:0px;}
ul,li,a{margin:0px; padding:0px; text-decoration:none; list-style-type:none; display:inline;}

#wrap{position:relative; margin:0px auto; width:100%;}
#wrap2{margin:0px auto; width:100%;}

/*#wrap_contents{position:relative; margin:0px auto; width:400px;}*/
/*#main img{width:100%;}/*max-width:100%;*/


 

#top{position:relative; margin-bottom:30px; width:100%; background:url(img/m_top_line_bg.png) top repeat-x;}
#top2{position:relative; margin:0px auto; width:320px;}
.logo{margin:0px auto; text-align:center;}
.top_line{position:relative; margin:0px 0px 24px 0px; width:320px:}
.bt_phone img{float:left; margin:6px 0px 0px 24px; width:12px;}
.bt_home img{float:right; margin:8px 22px 0px 0px; width:15px;}
.logo img{position:relative; margin:0 auto; width:144px;}

#top_menu{margin-bottom:0px; width:100%; background:url(img/m_top_ms_bt_bg.png) bottom repeat-x;}
.top_ms{margin:0px auto; width:360px;}



#container{margin:0px auto; width:100%;}
#container2{margin:20px auto; width:360px;}
#sub_bg{margin:0px auto; width:360px; height:160px; background:url(img/m_cate/m_cate_img_bg.png) top no-repeat;}
#qr_sub_bg{margin:0px auto; width:360px; height:160px; background:url(img/mq_cate/mq_cate_img_bg.png) top no-repeat;}

.mobile_main{margin:0px 0px 10px 28px; width:305px;}
.mobile_sub_left{margin-left:85px; padding:0px; top:40px; width:55px;}
.mobile_sub{position:relative; margin:-50px 0px 10px 160px; width:167px;}

.qr_mobile_sub{float:left; margin:50px 0px 0px 40px; width:162px;}
.qr_mobile_sub_left{position:relative; margin-left:220px; padding:0px; top:55px; width:71px;}





.mobile_title{margin-bottom:0px auto; width:100%; background:url(img/m_title_cate0_bg.png) top repeat-x;}
/*.mobile_title2{margin-bottom:13px; width:320px;}*/
.mobile_title2{margin:0px auto; width:360px;}
.mobile_cate{margin:0px auto; width:100%;}
.mobile_cate2{margin:13px auto; width:360px;}



/*company*/
.company{margin:0px auto; width:360px; top:0px;}
.area{margin:0px auto; height:20px;}
.c_img{position:absolute; margin:0px; border:0px; padding:0px; top:450px; width:227px; z-index:99;}
.map{margin:0px auto; width:340px; z-index:99;}


.mobile_cate .m_cate{float:left; margin-left:25px; font-size: 12px; font-family: "±¼¸²"; font-weight: bold; color: #000000; text-align:left; letter-spacing: -1px;}
.mobile_cate .m_sample li{margin-right:5px;}
.m_cate0{float:left; margin:10px 0px 0px 20px; width:100px; height:198px;}
.m_cate0 img{margin:0px; width:100px; height:198px;}
.m_sample{float:left; margin:0px 10px 50px 5px; width:132px; background:url(img/m_cate_bg.png) no-repeat; width:141px; height:240px;}
.m_title{margin:8px 0px 0px 8px;}


.domain{margin-top:225px; padding-left:10px;}
.domain li a{color:#999;}
.domain li a:link,a:visited{color:#777777;}
.domain li a:hover,a:active{color:#3e87b9;}

#design_cate{float:left; margin:0px auto; width:100%;}
#design_cate2{margin:0px auto; width:360px;}
.design_cate_title{margin:0px auto; width:100%; background:url(img/m_design_cate_title_bg.png) bottom repeat-x;}
.design_cate_title2{margin:0px auto; width:360px;}
.cate_list{margin-top:10px; width:100%;}
.cate_list ul{margin:0px 50px 0px 10px;}
.cate_list li{float:left; margin:0px 0px 5px 25px; width:140px; height:15px; background:url(img/design_cate_line.png) bottom repeat-x; font-size: 12px; font-family: "±¼¸²"; font-weight: bold; color: #555555; letter-spacing: -1px; text-align:left;}
.cate_list li a:link{color:#555555;}
.cate_list li a:visited{color:#999999;}
.cate_list li a:hover,a:active{color:#3e87b9;}

#bottom{float:left; margin:0px auto; width:100%;}/*10px 0px 5px 0px;*/
#bottom2{margin:0px auto; width:360px;}
#bottom img{width:165px;}
.bt_menu{float:left; margin:0px 10px 5px 0px; width:360px;}
.bt_menu .bt_array{float:left; margin:0px 0px 0px 10px;}


#copyright_area{float:left; margin:0px auto; width:100%; background:url(img/copyright_bg.png) top repeat-x;}
#copyright_area2{margin:0px auto; width:360px;}
.copyright{float:left; margin:0px auto; width:320px;}
.bt_top{position:absolute; width:30px; margin:6px 0px 0px 320px;}
.bt_corp_pcver{float:left; width:86px; margin:5px 0px 10px 10px;}
.copyright_sorriso{float:right; width:220px; margin:5px 10px 10px 0px;}

/*==========================================================================*/

#mq_top{position:relative; margin-bottom:30px; width:100%; background:url(img/mq_top_line_bg.png) top repeat-x;}
#mq_top_menu{margin-bottom:0px; width:100%; background:url(img/mq_top_ms_bt_bg.png) bottom repeat-x;}

.mq_mobile_title{margin-bottom:0px auto; width:100%; background:url(img/mq_title_cate0_bg.png) top repeat-x;}

.mq_design_cate_title{margin:0px auto; width:100%; background:url(img/mq_design_cate_title_bg.png) bottom repeat-x;}

.mq_main{margin:0px 0px 10px 28px; width:300px; height:227px;}

.mobile_cate .mq_cate{float:left; margin-left:25px; font-size: 12px; font-family: "±¼¸²"; font-weight: bold; color: #000000; text-align:left; letter-spacing: -1px;}
.mobile_cate .mq_sample li{margin-right:5px;}
.mq_cate0{float:left; margin:10px 0px 0px 8px; width:124px; height:124px; }
.mq_cate0 img{margin:9px 0px 0px 9px; width:106px; height:106px;}
.mq_sample{float:left; margin:0px 10px 50px 5px; width:132px; background:url(img/mq_cate_bg.png) no-repeat; width:141px; height:156px;}
.mq_title{margin:8px 0px 0px 8px;}

.mq_domain{margin-top:142px; padding-left:10px;}
.mq_domain li a{color:#999;}
.mq_domain li a:link,a:visited{color:#777777;}
.mq_domain li a:hover,a:active{color:#3e87b9;}