@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: NanumGothic;
    src: url( '/font/NanumGothic.eot'); /* 저버전 익스플로러 폰트 적용*/
    src: url('/font/NanumGothic.eot?') format('eot'), /* IE 9 폰트 적용 */
         url('/font/NanumGothic.woff') format('woff'); /* IE 9, 파이어폭스, 크롬 폰트 적용 */
}
@font-face {
    font-family: NanumGothicBold;
    src: url( '/font/NanumGothicBold.eot'); /* 저버전 익스플로러 폰트 적용*/
    src: url('/font/NanumGothicBold.eot?') format('eot'), /* IE 9 폰트 적용 */
         url('/font/NanumGothicBold.woff') format('woff'); /* IE 9, 파이어폭스, 크롬 폰트 적용 */
}



.it_top{background:url(/new_it/img/top_bg.gif) repeat-x; height:194px;}
.it_login{width:1080px; margin:auto;text-align:right;}
.it_logo{width:1080px; margin:auto; text-align:center}

#it_menu{width:1080px; height:88px; margin:auto; padding-top:10px;}
#gnb{position:absolute;height:88px; width:1080px; margin:auto; font-size:1em;font-family: 'NanumGothicBold';}
#gnb img{float:left;}
#gnb a:link,#gnb a:visited{color:#7babf5}
#gnb a:hover{color:#fff;}
#gnb li{float:left;}
#gnb li ul{position:absolute;left:0;top:60px;display:none;}
#gnb li.m2 ul{left:130px;color:#fff;}
#gnb li.m5 ul{left:720px;color:#fff;}
#gnb li.m6 ul{left:950px;color:#fff;}
#gnb li ul li{padding:0 8px 0 5px;}

#it_main_middile li{float:left;}
#it_main_middile,#it_notice{width:1080px; margin:auto}
.it_main_quick{margin-top:19px; height:148px; width:1080px;}

.main_quick1,.main_quick2,.main_quick3,.main_quick4{display: block; float: left;width: 264px;height: 148px;text-indent: -9999px;}
.main_quick1{background:url(/new_it/img/main_quick1.gif) no-repeat;margin-right:8px;}
.main_quick1:hover{background-image: url(/new_it/img/main_quick1_on.gif);margin-right:8px;}
.main_quick2{background:url(/new_it/img/main_quick2.gif) no-repeat;margin-right:8px;}
.main_quick2:hover{background-image: url(/new_it/img/main_quick2_on.gif);margin-right:8px;}
.main_quick3{background:url(/new_it/img/main_quick3.gif) no-repeat;margin-right:8px;}
.main_quick3:hover{background-image: url(/new_it/img/main_quick3_on.gif);margin-right:8px;}
.main_quick4{background:url(/new_it/img/main_quick4.gif) no-repeat;}
.main_quick4:hover{background-image: url(/new_it/img/main_quick4_on.gif)}


.it_main_banner{margin-top:30px; border-top:2px solid #d1d1d1; padding-top:14px; height:127px;}

.main_banner1,.main_banner2{display: block; float: left;width: 354px;height: 111px;text-indent: -9999px;}
.main_banner1{background:url(/new_it/img/main_banner1.gif) no-repeat;margin-right:8px;}
.main_banner1:hover{background-image: url(/new_it/img/main_banner1_on.gif);margin-right:8px;}
.main_banner2{background:url(/new_it/img/main_banner2.gif) no-repeat;margin-right:8px;}
.main_banner3_top{width:354; height:111px}
.main_banner3_bottom1,.main_banner3_bottom2,.main_banner3_bottom3{display: block; float: left;width:118px;height: 51px;text-indent: -9999px;}
.main_banner3_bottom1{background-image: url(/new_it/img/main_banner3_bottom1.gif); width:118px; }
.main_banner3_bottom1:hover{background-image: url(/new_it/img/main_banner3_bottom1_on.gif);  }
.main_banner3_bottom2{background-image: url(/new_it/img/main_banner3_bottom2.gif);}
.main_banner3_bottom2:hover{background-image: url(/new_it/img/main_banner3_bottom2_on.gif); }
.main_banner3_bottom3{background-image: url(/new_it/img/main_banner3_bottom3.gif);}
.main_banner3_bottom3:hover{background-image: url(/new_it/img/main_banner3_bottom3_on.gif); }






#it_notice { margin-top:30px;}
.it_notice_s{width:521px; float:left; margin-right:37px;}

#content{width:1080px; margin:auto;}

.sub_top{margin-top:70px;}
.pc1,.pc2{margin-top:60px;}
.pc1{height:362px;}
.pc2{height:200px;}
.point{float:left;width:18px;margin:3px 10px 0 0;}
.pc_txt{float:right; width:1052px; padding-bottom:30px;font-size:1.2em;line-height:1.5em;}
.pc_txt,.pc1 .ch_pc .ch_pc1 table tr td{color:#000;font-family: 'NanumGothic'}
.pc1 .ch_pc .ch_pc1 table tr td{font-size:1.1em}
.ch_pc{margin-left:20px; width:1060px;}
.ch_pc1{float:left; width:530px;}
.ch_pc1 td{padding:0 0 10px 10px;}


.pc_button {background-color:#585858;display:inline-block;color:#fff;font-size:1em;height:25px;line-height:25px;width:118px;text-align:center;}
.pc_button:hover {background-color:#bfbfbf; color:#fff}

.phone{float:right; padding-bottom:100px;}
.phone1{margin-top:50px;}



.sub2_menu,.sub5_menu{height:37px; width:1080px; margin-top:63px;}
.sub2_1 li,.sub2_2 li,.sub2_3 li,.sub2_4 li,.sub5_1 li,.sub5_2 li,.sub5_3 li{float:left}
.sub2_1 .sub2_menu a.submenu2_1{background-image: url(/new_it/img/sub2_menu1_on.gif)}
.sub2_2 .sub2_menu a.submenu2_2{background-image: url(/new_it/img/sub2_menu2_on.gif)}
.sub2_3 .sub2_menu a.submenu2_3{background-image: url(/new_it/img/sub2_menu3_on.gif)}
.sub2_4 .sub2_menu a.submenu2_4{background-image: url(/new_it/img/sub2_menu4_on.gif)}
.submenu2_1 {display: block; float: left;width: 265px;height: 37px;background-image: url(/new_it/img/sub2_menu1.gif);text-indent: -9999px;margin-right:6px;}
.submenu2_1:hover {background-image: url(/new_it/img/sub2_menu1_on.gif);}
.submenu2_2 {display: block; float: left;width: 265px;height: 37px;background-image: url(/new_it/img/sub2_menu2.gif);text-indent: -9999px;margin-right:6px}
.submenu2_2:hover {background-image: url(/new_it/img/sub2_menu2_on.gif);}
.submenu2_3 {display: block; float: left;width: 265px;height: 37px;background-image: url(/new_it/img/sub2_menu3.gif);text-indent: -9999px;margin-right:6px}
.submenu2_3:hover {background-image: url(/new_it/img/sub2_menu3_on.gif);}
.submenu2_4 {display: block; float: left;width: 265px;height: 37px;background-image: url(/new_it/img/sub2_menu4.gif);text-indent: -9999px;}
.submenu2_4:hover {background-image: url(/new_it/img/sub2_menu4_on.gif);}


.it_box,.it_box1{width:353px; height:205px; border: dotted 1px #d1d1d1;margin-top:55px; float:left;}
.it_box1{margin-left:7.5px; margin-right:7.5px;}
.it_box_top{width:353px; height:47px; background-color:#d1d1d1; color:#000; line-height:47px; font-size:1.1em}
.it_box_top img{margin:13px 10px 0 11px;vertical-align:middle;}

.arrow{margin:60px 0 0 515px;}
.sub2_1_txt0{margin:37px 0 0 265px; text-align:center}
.sub2_1_bottom{margin:28px 0 100px 0;border-top: solid 1px #bfbfbf; line-height:1.5em; background:url(/new_it/img/sub2_1_img.gif) no-repeat; background-position:right; height:365px;}
.sub2_1_bottom li{width:360px; margin-top:50px; float:left}

.sub2_2_txt0{margin:30px 0 0 342px;}
.sub2_2_bottom{margin:28px 0 100px 0;border-top: solid 1px #bfbfbf; line-height:1.5em; background:url(/new_it/img/sub2_2_img.gif) no-repeat; background-position:right; height:480px;}
.sub2_2_bottom li{width:1080px; margin-top:50px;}


.sub2_3_txt_title{margin-top:80px;}
.icon{height:205px; background:url(/new_it/img/sub2_3_icon_bg.gif); font-size:1.2em; color:#000;font-family: 'NanumGothic'}
.icon li{width:180px;text-align:center; padding-top:45px;}
.sub2_3_txt{border-top: solid 1px #bfbfbf; padding-top:50px;}
.sub2_3_txt li{width:540px; height:130px; line-height:1.5em; }
.sub2_3 table{width:1080px; font-size:1.2em; color:#000;font-family: 'NanumGothic'; margin:35px 0 30px 0;}
.sub2_3 td{ padding-top:10px; padding-bottom:10px; width:270px}
.table_title{ text-align:center;}
.table1{background-color:#f7f7f7;}
.table_left{padding-left:20px;}

.sub2_4_txt{float:left; width:540px; margin-top:75px; line-height:1.5em;}
.sub2_4_txt li{padding-bottom:46px;width:540px;}
.sub2_4_img{float:right; width:540px;}

.sub_img{margin:63px 0 30px 0;}

.sub5_1 .sub5_menu a.submenu5_1{background-image: url(/new_it/img/sub5_menu1_on.gif)}
.sub5_2 .sub5_menu a.submenu5_2{background-image: url(/new_it/img/sub5_menu2_on.gif)}
.sub5_3 .sub5_menu a.submenu5_3{background-image: url(/new_it/img/sub5_menu3_on.gif)}
.submenu5_1 {display: block; float: left;width: 354px;height: 37px;background-image: url(/new_it/img/sub5_menu1.gif);text-indent: -9999px;margin-right:6px;}
.submenu5_1:hover {background-image: url(/new_it/img/sub5_menu1_on.gif);}
.submenu5_2 {display: block; float: left;width: 354px;height: 37px;background-image: url(/new_it/img/sub5_menu2.gif);text-indent: -9999px;margin-right:6px}
.submenu5_2:hover {background-image: url(/new_it/img/sub5_menu2_on.gif);}
.submenu5_3 {display: block; float: left;width: 354px;height: 37px;background-image: url(/new_it/img/sub5_menu3.gif);text-indent: -9999px;margin-right:6px}
.submenu5_3:hover {background-image: url(/new_it/img/sub5_menu3_on.gif);}

.pc_s{width:948px; margin:auto; }
.pc_s_logo{float:right;}
.pc_s_title{padding-top:80px; text-align:center}
.pc_s_icon{padding-top:38px;text-align:center; margin-bottom:12px;}
.pc_s_price{background-color:#000; color:#fff; width:158px; height:31px; margin:auto; font-size:1.5em; text-align:center;font-family:'NanumGothicBold'; line-height:31px}
.spec{font-family:'NanumGothic'; font-size:1.2em; margin:16px 0 10px 0; text-align:center}
.spec table{font-family:'NanumGothic';font-size:1.1em; border-collapse:collapse; width:684px; height:383px;margin:auto;}
.spec tr td{padding:5px;border:1px solid #e5e5e5;margin:0;}
.a{background-color:#ededed;font-family:'NanumGothicBold'}
.spec span{color:#3767b1; font-size:1.1em; font-family:'NanumGothicBold';}
.spec img{margin-top:30px;}
.spec_detail{font-family:'NanumGothicBold';line-height:2em; text-align:center; border-bottom:2px dotted #bfbfbf; margin-bottom:30px}
.spec_title{font-size:1.5em; text-align:left}
.spec_title img{vertical-align:middle;}
.cpu1_1,.memory1_1,.mainboard1_1,.graphiccard1_1,.cpu2_1,.memory2_1,.mainboard2_1,.graphiccard2_1,.cpu3_1,.memory3_1,.mainboard3_1,.graphiccard3_1,.cpu4_1,.memory4_1,.mainboard4_1,.graphiccard4_1,.cpu5_1,.memory5_1,.mainboard5_1,.graphiccard5_1,.cpu6_1,.memory6_1,.mainboard6_1,.graphiccard6_1
{font-size:1.2em; background-color:#ededed; margin-left:25px; padding-left:5px; line-height:1.2em;  margin-top:5px}
.cpu1_2,.memory1_2,.mainboard1_2,.graphiccard1_2,.cpu2_2,.memory2_2,.mainboard2_2,.graphiccard2_2,.cpu3_2,.memory3_2,.mainboard3_2,.graphiccard3_2,.cpu4_2,.memory4_2,.mainboard4_2,.graphiccard4_2,.cpu5_2,.memory5_2,.mainboard5_2,.graphiccard5_2,.cpu6_2,.memory6_2,.mainboard6_2,.graphiccard6_2
{font-size:1.5em; background-color:#000;padding-left:5px; line-height:1.5em; color:#fff; margin:9px 0 30px 25px;}
.cpu1_1{width:419px;}
.cpu1_2{width:469px;}
.cpu2_1{width:425px;}
.cpu2_2{width:469px;}
.cpu3_1{width:424px;}
.cpu3_2{width:700px;}
.cpu4_1{width:424px;}
.cpu4_2{width:433px;}
.cpu5_1{width:424px;}
.cpu5_2{width:707px;}
.cpu6_1{width:424px;}
.cpu6_2{width:700px;}
.memory1_1{width:286px}
.memory1_2{width:733px}
.memory2_1{width:286px}
.memory2_2{width:733px}
.memory3_1{width:286px}
.memory3_2{width:733px}
.memory4_1{width:286px}
.memory4_2{width:733px}
.memory5_1{width:351px}
.memory5_2{width:733px}
.memory6_1{width:358px}
.memory6_2{width:733px}
.mainboard1_1{width:658px}
.mainboard1_2{width:541px}
.mainboard2_1{width:556px}
.mainboard2_2{width:573px}
.mainboard3_1{width:556px}
.mainboard3_2{width:573px}
.mainboard4_1{width:531px}
.mainboard4_2{width:490px}
.mainboard5_1{width:900px}
.mainboard5_2{width:553px}
.mainboard6_1{width:531px}
.mainboard6_2{width:553px}
.graphiccard1_1{width:484px;}
.graphiccard1_2{width:535px;}
.graphiccard2_1{width:430px;}
.graphiccard2_2{width:535px;}
.graphiccard3_1{width:430px;}
.graphiccard3_2{width:535px;}
.graphiccard4_1{width:430px;}
.graphiccard4_2{width:530px;}
.graphiccard5_1{width:430px;}
.graphiccard5_2{width:553px;}
.graphiccard6_1{width:430px;}
.graphiccard6_2{width:530px;}
.pc_s_bottom{background:url(/new_it/img/pc_s_bottom_bg.gif)no-repeat; width:690px; height:326px; margin:auto;font-family:'NanumGothicBold'; line-height:2em; font-size:1.2em; padding:50px 0 0 30px}
.pc_s_bottom span{color:#3767b1; font-size:1.1em; padding-left:115px}