@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
#main #wrap {float:left; margin:0 auto; width:1220px; height:780px; border-bottom:1px solid #e5e5e5; }
#lnb {float:left; width:190px; height:780px; background-color:#009ddf;}
#logo{padding-top:32px; padding-left:40px; background-color:#ffffff; height:75px;}
#menu {}
#menu div { padding-top:20px; height:38px; border-bottom:solid #2fbfef 1px; }
#menu div a { padding-left:40px; font-family:'nanum gothic', sans-serif; font-size:14px; font-weight:700; color:#ffffff; }
#menu div:hover.menu1 { background-color:#ffffff;}
#menu div a:hover.menu1_a { color:#009ddf;}
#menu div a:hover.menu2_a { color:#009ddf;}
#menu div a:hover.menu3_a { color:#009ddf;}
#menu div a:hover.menu4_a { color:#009ddf;}
#menu div a:hover.menu5_a { color:#009ddf;}
#menu div a:hover.menu6_a { color:#009ddf;}
#util {padding-top:20px; padding-left:40px; background-color:#b9b9b9; height:155px;}
#util div {}
#util div a {font-family:'nanum gothic', sans-serif; font-size:10px; font-weight:700; color:#ffffff; }
#util div a:hover.util_menu1 { color:#009ddf; }
#util div a:hover.util_menu2 { color:#009ddf; }
#util div a:hover.util_menu3 { color:#009ddf; }
#util div a:hover.util_menu4 { color:#009ddf; }
/* 2depth */
#lnb_2depth {position:absolute; float:left; left:190px; width:155px; height:780px; padding:0; background:#ffffff; font-family:'nanum gothic', sans-serif; font-size:12px; font-weight:700; color:#888888; letter-spacing:-0.5px; }
#lnb_2depth #lnb01 {position:absolute; top:132px;}
#lnb_2depth #lnb02 {position:absolute; top:190px;}
#lnb_2depth #lnb03 {position:absolute; top:248px;}
#lnb_2depth #lnb04 {position:absolute; top:306px;}
#lnb_2depth #lnb05 {position:absolute; top:364px;}
#lnb_2depth #lnb06 {position:absolute; top:422px;}
#lnb_2depth .menu2depth {padding-left:30px;}
#lnb_2depth .menu2depth li{margin-bottom:14px;}
#lnb_2depth .menu2depth li .menu3depth {background:#ffffff; padding:10px 0 6px 40px; *padding:10px 0 12px 40px; margin-left:-30px; margin-top:7px; width:115px;}
#lnb_2depth .menu2depth li .menu3depth li{margin-bottom:10px !important; width:155px; height:11px; *float:left;}
#visual {float:left; width:590px; height:780px; overflow:hidden;}
/* lnb btn */
#btn_area{ height:340px; padding-top:20px; padding-bottom:20px; padding-left:30px; }
#btn_area a {
background:#ffffff; text-decoration:none;
font-family:'nanum gothic', sans-serif; font-weight:700; text-indent:0px; line-height:27px; -moz-border-radius:45px; -webkit-border-radius:45px; border-radius:45px; text-align:center;
vertical-align:middle; display:inline-block; font-size:12px; color:#009ddf; width:110px; height:28px; border:0; margin-bottom:10px;
}
/*mainQuick */
#mainQuick {width:340px; height:164px; }
#mainQuick li {width:75px; height:76px; margin: 0 7px 6px 0; display:inline-block; float:left; overflow:hidden; text-indent:-9999px;}
#mainQuick li a {width:75px; height:76px; margin: 0 8px 6px 0; display:block; background:url(../img/new1/icon_off.gif) no-repeat;}
#mainQuick li a.quickIcon01 {background:url(../img/new1/icon_off.gif) no-repeat; background-position:0px 0px;}
#mainQuick li a.quickIcon02 {background:url(../img/new1/icon_off.gif) no-repeat; background-position:-83px 0px ;}
#mainQuick li a.quickIcon03 {background:url(../img/new1/icon_off.gif) no-repeat; background-position:-166px 0px ;}
#mainQuick li a.quickIcon04 {background:url(../img/new1/icon_off.gif) no-repeat; background-position: -249px 0px ;}
#mainQuick li a.quickIcon05 {background:url(../img/new1/icon_off.gif) no-repeat; background-position: 0px -82px ;}
#mainQuick li a.quickIcon06 {background:url(../img/new1/icon_off.gif) no-repeat; background-position: -83px -82px ;}
#mainQuick li a.quickIcon07 {background:url(../img/new1/icon_off.gif) no-repeat; background-position: -166px -82px ;}
#mainQuick li a.quickIcon08 {background:url(../img/new1/icon_off.gif) no-repeat; background-position: -249px -82px ;}
#mainQuick li a:hover.quickIcon01 {background:url(../img/new1/icon_on.gif) no-repeat; background-position:0px 0px;}
#mainQuick li a:hover.quickIcon02 {background:url(../img/new1/icon_on.gif) no-repeat; background-position:-83px 0px ;}
#mainQuick li a:hover.quickIcon03 {background:url(../img/new1/icon_on.gif) no-repeat; background-position:-166px 0px ;}
#mainQuick li a:hover.quickIcon04 {background:url(../img/new1/icon_on.gif) no-repeat; background-position: -249px 0px ;}
#mainQuick li a:hover.quickIcon05 {background:url(../img/new1/icon_on.gif) no-repeat; background-position: 0px -82px ;}
#mainQuick li a:hover.quickIcon06 {background:url(../img/new1/icon_on.gif) no-repeat; background-position: -83px -82px ;}
#mainQuick li a:hover.quickIcon07 {background:url(../img/new1/icon_on.gif) no-repeat; background-position: -166px -82px ;}
#mainQuick li a:hover.quickIcon08 {background:url(../img/new1/icon_on.gif) no-repeat; background-position: -249px -82px ;}
#mainQuick li a:hover.quickIcon {width:75px; height:76px; margin: 0 8px 6px 0; display:block; background:url(../img/new1/icon_on.gif) no-repeat;}
.mainCement {position:relative;}
.mainCement .cementImg {position:absolute; width:60px; height:60px; left:0px; }
.mainCement .cementTab {width:240px; height:23px; margin-bottom:8px; margin-left:80px; display:inline-block;}
.mainCement .cementDetail {width:240px; height:30px; margin-left:80px; }
.mainCement .cementDetail a {color:#666;}
#mainGolden {position:relative; float:left;}
#mainGolden .goldenImg{float:left; width:60px; height:60px; margin-right:20px;}
#mainGolden .goldenDetial{width:240px; height:30px; padding-top:5px; display:inline; float:left; }
#mainNetwork {position:relative;}
#mainNetwork .networkImg {position:absolute; width:61px; height:79px; left:0px; }
#mainNetwork .networkTitle {width:242px; height:10px; margin-bottom:11px; margin-left:80px; }
#mainNetwork .networkLocal {width:242px; height:20px; margin-bottom:8px; margin-left:80px; }
#mainNetwork .networkLocal ul li {float:left; display:inline; margin-right:1px; height:20px;}
#mainNetwork .networkLocal ul li a { height:20px; display:block; text-indent:-9999px;}
#mainNetwork .networkLocal ul li a.network01 {width:33px; background:url(../img/new1/network_off.gif) no-repeat; background-position:0px 0px; }
#mainNetwork .networkLocal ul li a.network02 {width:48px; background:url(../img/new1/network_off.gif) no-repeat; background-position:-34px 0px; }
#mainNetwork .networkLocal ul li a.network03 {width:48px; background:url(../img/new1/network_off.gif) no-repeat; background-position:-83px 0px; }
#mainNetwork .networkLocal ul li a.network04 {width:56px; background:url(../img/new1/network_off.gif) no-repeat; background-position:-132px 0px; }
#mainNetwork .networkLocal ul li a.network05 {width:52px; background:url(../img/new1/network_off.gif) no-repeat; background-position:-189px 0px; }
#mainNetwork .networkLocal ul li a:hover.network01 {width:33px; background:url(../img/new1/network_on.gif) no-repeat; background-position:0px 0px; }
#mainNetwork .networkLocal ul li a:hover.network02 {width:48px; background:url(../img/new1/network_on.gif) no-repeat; background-position:-34px 0px; }
#mainNetwork .networkLocal ul li a:hover.network03 {width:48px; background:url(../img/new1/network_on.gif) no-repeat; background-position:-83px 0px; }
#mainNetwork .networkLocal ul li a:hover.network04 {width:56px; background:url(../img/new1/network_on.gif) no-repeat; background-position:-132px 0px; }
#mainNetwork .networkLocal ul li a:hover.network05 {width:52px; background:url(../img/new1/network_on.gif) no-repeat; background-position:-189px 0px; }
#mainNetwork .networkDetail {width:242px; height:30px; margin-left:80px; }
#con {float:left; width:370px; height:740px; padding-top:40px; padding-left:50px; background-color:#fff; }
.con_title {clear:both; padding-bottom:20px;}
.con_in {float:left; padding-bottom:50px;}
.contents {clear: both; margin: 0 auto; overflow: hidden; padding:0; position: relative; width: 1280px;}
/* footer */
#footer {clear:both; position:relative; width:100%; height:80px; background-color:#6a6a6a;}
#footer p{position:absolute; float:left; top:10px; left:40px;font-family:'nanum gothic', sans-serif; font-size:10px; font-weight:700; color:#888888;}
#footer #infor {height:80px; margin-top:25px; float:right; margin-right:40px;}
#footer #infor li {float:left; display:inline; margin-right:10px; }
#footer #infor li .btn1 {
background:#888888; text-decoration:none;
font-family:'nanum gothic', sans-serif; font-weight:700; text-indent:0px; line-height:25px; -moz-border-radius:45px; -webkit-border-radius:45px; border-radius:45px; text-align:center;
vertical-align:middle; display:inline-block; font-size:10px; color:#cccccc; width:110px; height:24px; border:0; margin-bottom:10px;
}
#footer #infor li .btn2 {
background:#009ddf; text-decoration:none;
font-family:'nanum gothic', sans-serif; font-weight:700; text-indent:0px; line-height:25px; -moz-border-radius:45px; -webkit-border-radius:45px; border-radius:45px; text-align:center;
vertical-align:middle; display:inline-block; font-size:10px; color:#ffffff; width:110px; height:24px; border:0; margin-bottom:10px;
}
/*quick*/
.quick { background: none repeat scroll 0 0 #313131; height: 100%; position: fixed; right: 0; top: 0; width: 56px; z-index: 100;}
.quick ul{margin-top:89px;}
.quick ul li a{ text-indent:-1000px; display:block; height:88px !important; margin:0 0 0 0 !important;*margin:0 0 0 0 !important;width:56px !important;padding:0 !important;}
.quick ul li.quick1 a {background:url(../img/common/quick1.gif) 0 0 no-repeat;}
.quick ul li.quick1 a:hover {background:url(../img/common/quick1_over.gif) 0 0 no-repeat;}
.quick ul li.quick2 a {background:url(../img/common/quick2.gif) 0 0 no-repeat;}
.quick ul li.quick2 a:hover {background:url(../img/common/quick2_over.gif) 0 0 no-repeat;}
.quick ul li.quick3 a {background:url(../img/common/quick3.gif) 0 0 no-repeat;}
.quick ul li.quick3 a:hover {background:url(../img/common/quick3_over.gif) 0 0 no-repeat;}
.quick ul li.quick4 a {background:url(../img/common/quick4.gif) 0 0 no-repeat;}
.quick ul li.quick4 a:hover {background:url(../img/common/quick4_over.gif) 0 0 no-repeat;}
.quick ul.quick_s {margin-top:10px;}
.quick ul.quick_s li a{ text-indent:-1000px; display:block; height:51px !important; margin:0 0 0 0 !important;*margin:0 0 0 0 !important;width:56px !important;padding:0 !important;}
.quick ul li.quick_s_1 a {background:url(../img/common/quick_network.gif) 0 0 no-repeat; }
.quick ul li.quick_s_1 a:hover {background:url(../img/common/quick_network_over.gif) 0 0 no-repeat;}
.quick ul li.quick_s_2 a {background:url(../img/common/quick_webzine.gif) 0 0 no-repeat;}
.quick ul li.quick_s_2 a:hover {background:url(../img/common/quick_webzine_over.gif) 0 0 no-repeat;}
/*contents*/
/*.contents .main {float:left; width:968px; height:887px; background:url(../img/common/img.jpg) 0 0 no-repeat; }*/
.contents .main {float:left; width:968px; height:887px; }
.contents .main_img_01 {margin-left:223px; bottom:20px; position:fixed; }
.contents .main_img_02 {margin-left:383px; bottom:-10px; position:fixed; }
.contents .main_img_03 {margin-left:450px; bottom:-10px; position:fixed; }
.contents .main_img_04 {margin-left:832px; bottom:-10px; position:fixed; }
.contents .main_img_05 {margin-left:582px; bottom:-30px; position:fixed; }
.contents .main_img_06 {margin-left:751px; bottom:-30px; position:fixed; }
.contents .main_img_07 {margin-left:-5px; bottom:-20px; position:fixed; }
.contents .main_img_08 {margin-left:294px; bottom:-40px; position:fixed; }
.contents .main_img_09 {margin-left:629px; bottom:-40px; position:fixed; }
.contents .main_txt_01 {margin-left:65px; margin-top:172px; position:fixed; }
.contents .main_txt_02 {margin-left:65px; margin-top:202px; position:fixed; }
.contents .main_txt_03 {margin-left:65px; margin-top:262px; position:fixed; }
.contents .main_bg {bottom:0px; position:fixed; }
/* Remicon */
.contents .remicon {float:left; width:968px; height:887px; }
.contents .remicon_img_01 {margin-left:223px; bottom:-20px; position:fixed; }
.contents .remicon_img_02 {margin-left:743px; bottom:-20px; position:fixed; }
.contents .remicon_img_03 {margin-left:265px; bottom:-40px; position:fixed; }
.contents .remicon_txt_01 {margin-left:65px; margin-top:122px; position:fixed; }
.contents .remicon_txt_02 {margin-left:65px; margin-top:152px; position:fixed; }
.contents .remicon_txt_03 {margin-left:65px; margin-top:222px; position:fixed; }
.contents .remicon_btn {margin-left:65px; margin-top:282px; position:fixed; }
.contents .remicon_bg {bottom:0px; position:fixed; }
/* PHC */
.contents .phc {float:left; width:968px; height:887px; }
.contents .phc_img_01 {margin-left:600px; bottom:170px; position:fixed; }
.contents .phc_img_02 {margin-left:53px; bottom:-20px; position:fixed; }
.contents .phc_txt_01 {margin-left:65px; margin-top:122px; position:fixed; }
.contents .phc_txt_02 {margin-left:65px; margin-top:152px; position:fixed; }
.contents .phc_txt_03 {margin-left:65px; margin-top:222px; position:fixed; }
.contents .phc_btn {margin-left:65px; margin-top:322px; position:fixed; }
.contents .phc_bg {bottom:0px; position:fixed; }
/* Admixture */
.contents .admix {float:left; width:968px; height:887px; }
.contents .admix_img_01 {margin-left:660px; bottom:0px; position:fixed; }
.contents .admix_img_02 {margin-left:293px; bottom:-10px; position:fixed; }
.contents .admix_img_03 {margin-left:453px; bottom:-30px; position:fixed; }
.contents .admix_txt_01 {margin-left:65px; margin-top:122px; position:fixed; }
.contents .admix_txt_02 {margin-left:65px; margin-top:152px; position:fixed; }
.contents .admix_txt_03 {margin-left:65px; margin-top:222px; position:fixed; }
.contents .admix_btn {margin-left:65px; margin-top:282px; position:fixed; }
.contents .admix_bg {bottom:0px; position:fixed; }
/* Special Product */
.contents .special {float:left; width:968px; height:887px; }
.contents .special_img_01 {margin-left:0px; bottom:-20px; position:fixed; }
.contents .special_txt_01 {margin-left:65px; margin-top:122px; position:fixed; }
.contents .special_txt_02 {margin-left:65px; margin-top:152px; position:fixed; }
.contents .special_txt_03 {margin-left:65px; margin-top:222px; position:fixed; }
.contents .special_btn {margin-left:65px; margin-top:282px; position:fixed; }
.contents .special_bg {bottom:0px; position:fixed; }
/*left menu */
.width940 {width:940px;}
/*padding,margin*/
.mg0{ margin:0 !important;}
.mgt0{ margin-top:0 !important;}
.mgt1{ margin-top:1px !important;}
.mgt2{ margin-top:2px !important;}
.mgt3{ margin-top:3px !important;}
.mgt4{ margin-top:4px !important;}
.mgt5{ margin-top:5px !important;}
.mgt10{ margin-top:10px !important;}
.mgt15{ margin-top:15px !important;}
.mgt20{ margin-top:20px !important;}
.mgt25{ margin-top:25px !important;}
.mgt30{ margin-top:30px !important;}
.mgt35{ margin-top:35px !important;}
.mgt40{ margin-top:40px !important;}
.mgt45{ margin-top:45px !important;}
.mgt50{ margin-top:50px !important;}
.mgt60{ margin-top:60px !important;}
.mgt80{ margin-top:80px !important;}
.mgl0{ margin-left:0 !important;}
.mgl5{ margin-left:5px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl35{margin-left:35px !important;}
.mgr30{margin-right:30px !important;}
.pdl0{ padding-left:0 !important;}
.pdl5{ padding-left:5px !important;}
/*//padding,margin*/
/*font*/
.b {font-weight:bold;}
/*align*/
.alg_center{ text-align:center !important;}
.alg_left{ text-align:left !important;}
.alg_right{ text-align:right !important;}
.alg_middle{ vertical-align:middle !important;}
.c_both{ clear:both;}
.float_r{ float:right !important;}