@charset "euc-kr";

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'µ¸¿ò',Dotum,AppleGothic,sans-serif;font-size:11px; letter-spacing:-1px; line-height:17px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color:#999999}
a:hover,a:active,a:focus{text-decoration:underline}
.input,
.input_text{padding-left:5px}

body.main{background:#ffffff}
/*body.main{background:#f2f2f2}*/
#wrap{width:100%; overflow:hidden; position:relative}
#header{width:100%; position:relative; background:#ffffff; border-bottom:0px solid #c9c9c9; z-index:9999; overflow:visible}
#header .header_wrap{width:932px; position:relative; margin:0 auto; position:relative; overflow:visible}
#header .logo{display:block; padding:0; height:94px}

/* nav1 */
#header .nav1{position:absolute; top:18px; right:-10px}
#header .nav1 li{float:left; background:url(../img/common/bar_type1.gif) no-repeat 0 0}
#header .nav1 li.first{background:none; position:relative; top:-9px}
#header .nav1 li a{display:block; padding:0 10px}

/* nav2 */
#header .nav2{position:absolute; top:59px; right:-5px}
#header .nav2 li{float:left}
#header .nav2 li a{display:block; padding:5px 7px}
#header .nav2 li.first a{padding-top:4px}
#header .nav2 li.last a{padding-top:0}
#header .nav2 li.login_idea{display:none}

/* ¾ÆÀ̵ð¾î³ëÆ® */
.ideaNoteBox{display:none}
#header.ideanote .ideaNoteBox{display:block}
#header.ideanote{background:url("http://www.ideanote.co.kr/img/bg.gif") repeat-x 0 0}
#header.ideanote .logo,
#header.ideanote .nav1,
#header.ideanote .nav2{display:none}
#header.ideanote .ideaNoteBox .nav2{display:block}
#header .ideaNoteBox .nav2{position:static; background:#fff}
#header .ideaNoteBox .nav2 a{padding-top:10px}
#header .ideaNoteBox .nav2 .last a{padding-top:3px}
#header.ideanote #totalMenu{top:153px}
#header.ideanote .nav2 li.login_idea{display:block}

/* totalMenu-Àüü¸Þ´º */
#totalMenu{position:absolute; top:132px; left:0; background:#fff; border:2px solid #666666; z-index:9999; width:928px; padding:13px 0 24px 0; opacity:.95; filter:alpha(opacity=95); display:none; *zoom:1}
#totalMenu:after{content:""; display:block; clear:both}
#totalMenu div{float:left; padding:0 13px; border-left:1px solid #ececec; letter-spacing:-1px; font-family:"µ¸¿ò","µ¸¿òü",Dotum; line-height:16px}
#totalMenu div ul{text-align:left; height:330px}
#totalMenu div strong{display:block; color:#ff713b; font-size:12px; margin-bottom:10px}
#totalMenu div li{padding-bottom:3px}
#totalMenu div a{color:#595959}
#totalMenu .btn_close{position:absolute; right:10px; top:13px}	
			
/* ad_event */
#header .ad_event{position:relative; height:77px; top:-15px}
#header .ad_event .section1{height:77px; padding-top:15px; *zoom:1}
#header .ad_event .section1:after{content:""; display:block; clear:both}
#header .ad_event h2{float:left}
#header .ad_event h2 img{margin:19px 50px 0 9px}
#header .ad_event ul{float:left; margin-top:19px}
#header .ad_event ul li{width:250px; float:left; text-align:center}
#header .ad_event  button{padding:0; margin:0; border:0; text-indent:0; overflow:visible; cursor:pointer; background:transparent}
#header .ad_event .btn_more{position:absolute; top:60px; left:11px}
#header .ad_event .btn_close{position:absolute; right:0; top:27px}
#header .ad_event .btn_open{position:absolute; left:911px; top:0; display:none; z-index:9999}

#container{width:100%; overflow:hidden; margin-bottom:20px}
.content_wrap{display:block; width:932px; margin:0 auto; margin-top:17px; *zoom:1}
.content_wrap:after{content:""; display:block; clear:both}
.content_wrap .column_left{float:left; width:711px}
.content_wrap .column_right{float:right; width:211px}

/* tab_news */
.tab_news{border:0px solid #E9E9E9; height:173px; background:#ffffff; no-repeat 0 100%; overflow:hidden; margin-bottom:24px}
.tab_news .tab{display:block; height:29px; *zoom:1}
.tab_news .tab:after{content:""; display:block; clear:both}
.tab_news .tab li{float:left; text-align:center}
.tab_news .tab li a{display:block; width:69px; height:29px}
.tab_news .tab li a span{font-size:0; line-height:0; text-indent:-3000px}
.tab_news ul.tab01{background:url(../img/common/news_tab_bg01.gif) no-repeat 0 0}
.tab_news ul.tab02{background:url(../img/common/news_tab_bg02.gif) no-repeat 0 0}
.tab_news ul.tab03{background:url(../img/common/news_tab_bg03.gif) no-repeat 0 0}
.tab_news .news_list{width:208px; overflow:hidden; *zoom:1;border:1px solid #E9E9E9;border-top-color:#fff;}
.tab_news .news_list:after{content:""; display:block; clear:both}
.tab_news .news_list ul{float:left; overflow:hidden; padding:14px 13px; display:none}
.tab_news .news_list ul li{background:url(../img/common/dot1.gif) no-repeat 0 6px; padding-left:8px}
.tab_news a{color:#777;line-height:19px;}

/* shop_list */
.shop_list{background:#fff; border:1px solid #E9E9E9; height:173px; padding-left:175px; position:relative; overflow:hidden; margin-bottom:24px}
.shop_list .login{width:175px; height:100%; border-right:1px solid #E9E9E9; position:absolute; left:0; top:0}
.shop_list .shop_wrap{padding-top:21px;*zoom:1}
.shop_list .shop_wrap:after{content:""; display:block; clear:both}
.shop_list .shop_wrap li{float:left; width:175px; text-align:center; background:url(../img/common/mall_bg_bar.gif) no-repeat 0 0}
.shop_list .shop_wrap li.first{background:none}
.shop_list .shop_wrap li .link1{padding:2px 0}
.shop_list .shop_wrap li .link1 a{display:inline-block; padding:0 4px; background:url(../img/common/bar_type2.gif) no-repeat 0 3px; color:#707070}
.shop_list .shop_wrap li .link1 a.first{background:none}
.shop_list .shop_wrap li .link2{padding-bottom:6px}
.shop_list .shop_wrap li .link3{text-align:left; width:131px; margin:0 auto; overflow:hidden}
.shop_list .shop_wrap li .link3 a{display:block; background:url(../img/common/icon_event.gif) no-repeat 0 0; padding-left:35px; letter-spacing:-2px; font-size:11px}

/* marketing */
.marketing{background:#fff; height:182px; overflow:hidden; border:1px solid #e8e8e8; margin-bottom:29px}
.marketing h2{position:absolute; top:16px; left:19px}
.marketing a{color:#707070}
.marketing .marketing_wrap1,
.marketing .marketing_wrap2{position:relative; float:left; overflow:hidden}
.marketing .ovr_tab_wrap{padding:7px 0 7px 9px}
.marketing .ovr_tab_wrap .tab{position:absolute; top:7px; left:9px; width:155px; margin-top:39px}
.marketing .ovr_tab_wrap .tab li{display:block; padding-left:10px; border:1px solid #fff}
.marketing .ovr_tab_wrap .tab li a{display:block; height:19px; line-height:21px; width:100%}
.marketing .ovr_tab_wrap .tab li.active{border-color:#e8e8e8; background:#fff url(../img/common/icon_arrow.gif) no-repeat 95% 50%}
/*.marketing .ovr_tab_wrap .tab li.active{border:1px solid #e8e8e8; border-right-color:#fff; background:#fff url(../img/common/icon_arrow.gif) no-repeat 95% 50%}*/
.marketing .ovr_tab_wrap .tab li.active a{color:#333}
.marketing .ovr_tab_wrap .tab li.active a:hover{text-decoration:none}
.marketing .ovr_tab_wrap .con{margin-left:153px;width:251px; height:166px; border:0px solid #e8e8e8; overflow:hidden}
.marketing .con li ul{padding-left:20px}
.marketing .con li ul li{background:url(../img/common/dot1.gif) no-repeat 0 50%; padding-left:8px}
.marketing .con li ul li a{color:#333}
.marketing .ovr_tab_wrap .con li{display:none}
.marketing .ovr_tab_wrap .con li.active,
.marketing .ovr_tab_wrap .con li.active li{display:block}
.marketing .marketing_wrap1{width:415px}
.marketing .marketing_wrap2{width:291px}
.marketing .marketing_wrap2 .ovr_tab_wrap{padding-left:6px}
.marketing .marketing_wrap2 .tab{width:97px}
.marketing .marketing_wrap2 .con{width:182px; margin-left:98px}

/* design */
.design{background:#ffffff; border:1px solid #E9E9E9; height:195px; overflow:hidden; margin-bottom:29px; *zoom:1}
.design:after{content:""; display:block; clear:both}
.design h2{margin-top:16px}
.design .design_wrap1{float:left; width:409px; position:relative; left:20px}
.design .design_wrap2{float:left; width:280px; position:relative}
.design .point_pr{width:206px; margin-bottom:14px; margin-top:15px}
.design .point_pr a{display:block; position:relative; padding-right:70px; cursor:pointer}
.design .point_pr a img{width:70px; height:60px; border:1px solid #eaeaea}
.design .point_pr a span{position:absolute; top:0; right:0; width:125px; padding:3px 0}
.design .point_pr a span strong{font-weight:normal; display:block}
.design .point_pr a span em{display:block; color:#ff9900; background:url(../img/common/icon_type.gif) no-repeat 0 0; padding-left:45px; margin-top:8px}

.design .event_list{width:206px}
.design .event_list li{background:url(../img/common/dot1.gif) no-repeat 0 6px; padding-left:8px}
.design .event_list a{color:#999999}

.design .design_list1{position:absolute; top:45px; right:34px; width:160px}
.design .design_list1:after{content:""; display:block; clear:both}
.design .design_list1 li{float:left; height:67px; width:77px}
.design .design_list1 li img{border:1px solid #eaeaea; width:70px; height:60px}

.design .design_list2{margin-top:14px}
.design .design_list2 li{height:58px; overflow:hidden; margin-bottom:12px}
.design .design_list2 li a{cursor:pointer;*zoom:1}
.design .design_list2 li a:after{content:""; display:block; clear:both}
.design .design_list2 li img{float:left; width:69px; height:56px; border:1px solid #f5f5f5; margin-right:12px}
.design .design_list2 li span{float:left; width:150px}
.design .design_list2 li span strong{display:block; padding-bottom:6px}

/* getmall_list */
.getmall_list{position:relative; padding-top:31px}
.getmall_list .tab{position:absolute; top:0; left:0; border-left:0px solid #dedede}
.getmall_list .tab li{float:left; border:1px solid #E9E9E9;border-bottom-color:#fff;}
.getmall_list .tab li a{display:block; width:76px; height:29px; position:relative; left:-1px; text-align:center; line-height:29px; background:#f5f5f5; border:1px solid #f5f5f5; color:#999999; font-size:11px}
.getmall_list .tab li.active a{background:#ffffff; border:0 none; left:0; color:#333333; font-weight:bold}
.getmall_list .tab li.active a:hover{text-decoration:none}
.getmall_list .notice{position:absolute; top:0; left:178px; line-height:31px}
.getmall_list .notice em{padding-left:20px}
.getmall_list .getmall_article{background:#ffffff; border:1px solid #E9E9E9; height:281px; position:relative;border-bottom-color:#fff;border-right-color:#fff;;border-left-color:#fff;}
.getmall_list .getmall_article .category{padding:18px 14px; *zoom:1;}
.getmall_list .getmall_article .category:after{content:""; display:block; clear:both}
.getmall_list .getmall_article .category li{float:left}
.getmall_list .getmall_article .category a{color:#999999; display:block; background:url(../img/common/icon_arrow.gif) no-repeat 0 4px; padding:0 8px}
.getmall_list .getmall_article .category li.active{}
.getmall_list .getmall_article .category li.active a,
.getmall_list .getmall_article .category li a:hover{color:#FE8E44; background-image:url(../img/common/icon_arrow2.gif)}
.getmall_list .getmall_article .btn_more{position:absolute; top:13px; right:10px}
.getmall_list .cnts_list{width:98%;  margin:0 auto; *zoom:1}
.getmall_list .cnts_list:after{content:""; display:block; clear:both}
.getmall_list .cnts_list li{float:left; padding:3px; position:relative}
.getmall_list .cnts_list li a{display:block; width:92px; height:92px; overflow:hidden; position:relative; color:#dfdfdf}
.getmall_list .cnts_list li a:hover{cursor:pointer; text-decoration:none}
.getmall_list .cnts_list li a em{display:block; position:absolute; bottom:0; left:0; background:#000; width:100%; text-align:center; filter:alpha(opacity=60); opacity:.6}
.getmall_list .cnts_list li a em span{display:block; position:relative}
.getmall_list .cnts_list li a em strong{display:none; position:relative; word-break:keep-all; white-space:nowrap; text-align:left; font-weight:normal}

/* pg_navi */
.pg_navi{text-align:center; font-family:Verdana, Geneva, sans-serif; margin-top:13px;}
.pg_navi a{display:inline-block; line-height:13px}
.pg_navi a span{display:block; padding:5px 5px; color:#AFAFAF; letter-spacing:0;font-size:9px;}
.pg_navi a.prev,
.pg_navi a.next{position:relative; top:3px}
.pg_navi a.active span{color:#ff6600; font-weight:bold}

/* add_wrap */
.add_wrap{height:201px; margin-bottom:13px; position:relative}
.add_wrap .icon{position:absolute; top:0; left:0}

/* service */
.service{border-top:1px solid #E9E9E9; border-bottom:0px solid #dedede; position:relative; height:195px; overflow:hidden; margin-bottom:62px}
.service h2{margin:13px 0 9px 0}
.service li{background:url(../img/common/dot2.gif) no-repeat 3px 5px; padding-left:12px; position:relative}
.service li a{color:#999999}
.service li a strong{color:#252525; font-weight:bold}
.service li img{vertical-align:top; padding-left:10px}
.service span.more{display:block; text-align:right}
.service h3{margin:8px 0 9px 0px}

/* c_center */
.c_center h2{height:24px}
.c_center .c_center_wrap{height:280px; overflow:hidden;border-top:1px solid #E9E9E9; border-bottom:0px solid #dedede}
.c_center .c_center01{background:url(../img/common/c_center_txt.gif) no-repeat 0 0; height:215px}
.c_center .c_center01 p{font-size:0; line-height:0}
.c_center .c_center02{padding:5px 0px}
.c_center .c_center02 h3{float:left}

.c_center .c_center02 table{margin-top:0px; float:none; clear:both}
.c_center .c_center02 th{vertical-align:top; width:30px; height:18px; text-align:left}
.c_center .c_center02 td{color:#999999; letter-spacing:0; vertical-align:top;font-family:'verdana';font-size:9px;}

/* footer */
#footer{width:100%; overflow:hidden; position:relative; padding-top:30px}
.main_footer{background:#f2f2f2}
#footer .footer_wrap{width:932px; margin:0 auto}
#footer .ft_menu{border:1px solid #d9d9d9; border-left:0 none; border-right:0 none}
#footer .ft_menu ul{*zoom:1}
#footer .ft_menu ul:after{content:""; display:block; clear:both}
#footer .ft_menu li{float:left}
#footer .ft_menu li a{display:block; padding:0 11px; margin:12px 0;background:url(../img/common/ft_bar.gif) no-repeat 0 3px}
#footer .ft_menu li.first a{background:none}

.copyright{height:68px;margin-left:11px; position:relative; background:url(../img/common/footer_logo.png) no-repeat 10px 22px; height:100px}
.copyright dl,
.copyright p{position:relative; font-size:0; line-height:0}
.copyright span{background:url(../img/common/footer_copy.png) no-repeat 0 0; display:block; width:558px; height:70px; position:absolute; top:22px; left:168px}