/* 상단 배너 */
.main_spot { position:relative; height:417px; overflow:hidden; min-width:1100px; background:url(../img/main/bx_loader.gif) center center no-repeat }
/*.main_spot .spot_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:417px; overflow:hidden }*/
.main_spot .spot_bx { width: 100%; height: 417px; overflow: hidden; visibility: hidden; }
.main_spot .spot_bx .mainSpotSlider, .main_spot .spot_bx .mainSpotSlider li { height: 417px; }
.main_spot .spot_bx .mainSpotSlider li { overflow: hidden; }
.main_spot .spot_bx .mainSpotSlider li img { position: absolute; left: 50%; margin-left: -960px;}
.main_spot .spot_bx .bx-controls { margin-left:-127px; position:absolute; bottom:20px; left:50%; z-index: 100; }
.main_spot .spot_bx .bx-controls .bx-pager-item { display:inline-block; *float:left; margin:0 7px; width:14px; height:14px }
.main_spot .spot_bx .bx-controls .bx-pager-item a { display:block; width:14px; height:14px; text-indent:-9999em; background:url(../img/common/sp_pager.png) 0 0 no-repeat }
.main_spot .spot_bx .bx-controls .bx-pager-item a.active { background-position:0 -14px }

/* 상단 카테고리 */
#column_top_bx { position:relative; height:150px; border-bottom:1px solid #d5d5d5; background:#eee }
#column_top { margin:0 auto; position:relative; width:1100px }
#customer_cate { position:relative; float:left; width:770px; *zoom:1 }
#customer_cate:after { display:block; clear:both; content:'' }
#customer_cate ul li { float:left; width:150px; height:150px; background:url(../img/main/customer_cate_line.gif) 0 47px no-repeat }
#customer_cate ul li.first { width:150px; background:none }
#customer_cate ul li a { display:block; width:128px; height:150px; font-size:14px; font-weight:bold; text-align:center; cursor:pointer }
#customer_cate ul li a .ico { display:inline-block; width:127px; height:94px; background:url(../img/main/sp_customer_cate.png) 0 0 no-repeat }
#customer_cate ul li a .ico1 { background-position:0 0 }
#customer_cate ul li a .ico2 { background-position:0 -100px }
#customer_cate ul li a .ico3 { background-position:0 -200px }
#customer_cate ul li a .ico4 { background-position:0 -300px }
#customer_cate ul li a .ico5 { background-position:0 -400px }
#customer_cate ul li a .ico6 { background-position:0 -500px }
#customer_cate ul li a .tx2 { display:inline-block; padding-top:10px }

/* 로그인 */
#user_login { position:relative; float:left; width:328px; height:149px; border:1px solid #d5d5d5; background:#fff }
#user_login .login_bx { position:relative; width:328px; height:149px }
#user_login .login_bx .lg_box { position:absolute; top:23px; left:26px }
#user_login .login_bx .lg_box dl { float:left }
#user_login .login_bx .lg_box dl dt { display:none }
#user_login .login_bx .lg_box dl dd { height:38px; vertical-align:top }
#user_login .login_bx .lg_box dl dd input { padding:0 10px; width:158px; height:33px; line-height:33px; border:1px solid #e1e1e1 }
#user_login .login_bx .lg_box .lg_btn { margin-left:6px; float:left; width:90px; height:73px; font-size:15px; color:#fff; font-weight:bold; background:#1a4f98 }
#user_login .login_bx .lg_btm { position:absolute; top:113px; left:26px; width:276px }
#user_login .login_bx .lg_btm .t1 { float:left }
#user_login .login_bx .lg_btm .t1 a { font-size:13px; font-weight:bold }
#user_login .login_bx .lg_btm .t2 { float:right }
#user_login .login_bx .lg_btm .t2 span { padding-left:7px }
#user_login .login_bx .lg_btm .t2 label { font-size:13px }

#user_login .login_bx .lg_top { height:40px; border-bottom:1px solid #d5d5d5 }
#user_login .login_bx .lg_top .t1 { float:left; padding:10px 17px; font-size:14px; color:#1a4f98; font-weight:bold }
#user_login .login_bx .lg_top .t2 { float:right; padding:10px 15px; font-size:14px }
#user_login .login_bx .lg_info { position:relative; height:108px; }
#user_login .login_bx .lg_info .t1 { position:absolute; top:12px; left:0; width:100%; font-size:14px; font-weight:bold; text-align:center }
#user_login .login_bx .lg_info .t1 a { font-size:14px; font-weight:bold; }
#user_login .login_bx .lg_info .t2 { position:absolute; top:35px; left:0; width:100%; font-size:14px; font-weight:bold; text-align:center;}
#user_login .login_bx .lg_info .t2 a { font-size:14px; font-weight:bold;color:#d93f2d}
#user_login .login_bx .lg_info .lg_btm_btn { position:absolute; top:63px; left:0; width:100%; text-align:center }
#user_login .login_bx .lg_info .lg_btm_btn a { display:inline-block; *display:inline; width:128px; height:28px; font-size:13px; line-height:28px; border:1px solid #d7d7d7 }

/* 도메인 검색 */
#column_mid { padding-top:30px; *zoom:1 }
#column_mid:after { display:block; clear:both; content:'' }
#domain_search { position:relative; float:left; width:688px; height:183px; border:1px solid #d6d6d6 }
#domain_search .scr_top { position:absolute; top:26px; left:26px; width:636px }
#domain_search .scr_top h3 { float:left; font-size:18px; font-weight:bold }
#domain_search .scr_top .more { float:right }
#domain_search .scr_top .more a { font-size:13px; color:#626262; font-weight:bold }
#domain_search .scr_box { position:absolute; top:58px; left:26px; font-size:0; border: 3px solid #434343; }
#domain_search .scr_box .www { font-size: 26px; font-weight: bold; color: #898989; display: inline-block; padding: 2px 0 0 20px; vertical-align: top; }
#domain_search .scr_box input { padding: 0 10px 0 0; width: 433px; height: 40px; font-size: 26px; color: #898989; font-weight: bold; line-height: 40px; border: none; }
#domain_search .scr_box a { display:inline-block; *display:inline; width:97px; height:44px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:44px; background:#434343; vertical-align:top }
#domain_search .scr_btm { position:absolute; top:120px; left:26px }
#domain_search .scr_btm p { padding-bottom:5px; font-size:14px; font-weight:bold }
#domain_search .scr_btm p span { padding-left:5px }

/* 네임서버정보 */
#nameServer_info { margin-left:30px; position:relative; float:left; width:378px; height:183px; border:1px solid #d6d6d6 }
#nameServer_info h3 { position:absolute; top:23px; left:26px; font-size:18px; font-weight:bold }
#nameServer_info ul { position:absolute; top:65px; left:26px; }
#nameServer_info ul li { padding-bottom:7px; font-size:13px }
#nameServer_info ul li .t1 { color:#296dcc }
#nameServer_info ul li .t2 { color:#7d7d7d }
#nameServer_info ul li .slash { padding: 0 10px }

/* 컨텐츠 타이틀 */
.column_tit { padding-bottom:15px }
.column_tit h3 { font-size:18px; font-weight:bold }
.column_tit h3 span { color:#4c9cd8 }

/* 도움말센터 */
#column_counsel { padding-top:25px }
#column_counsel .counsel_lst { position:relative; width:1100px; height:160px; overflow:hidden }
#column_counsel .counsel_lst ul { width:1128px }
#column_counsel .counsel_lst ul li { margin-right:28px; float:left; width:160px; height:160px }
#column_counsel .counsel_lst ul li a { display:block; width:160px; height:160px; text-align:center; background:url(../img/main/sp_counsel_lst.png) 0 0 no-repeat; cursor:pointer }
#column_counsel .counsel_lst ul li a.ico1 { background-position:0 0 }
#column_counsel .counsel_lst ul li a.ico2 { background-position:0 -160px }
#column_counsel .counsel_lst ul li a.ico3 { background-position:0 -320px }
#column_counsel .counsel_lst ul li a.ico4 { background-position:0 -480px }
#column_counsel .counsel_lst ul li a.ico5 { background-position:0 -640px }
#column_counsel .counsel_lst ul li a.ico6 { background-position:0 -800px }
#column_counsel .counsel_lst ul li a span { display:inline-block; padding-top:120px; font-size:14px; font-weight:bold }
#column_counsel .counsel_lst ul li a span.t2 { padding-top:110px }

/* 고급진 기능 */
#column_function { padding-top:25px }
#column_function .function_lst { position:relative; width:1097px; height:361px; border:1px solid #d5d5d5; overflow:hidden }
#column_function .function_lst ul {}
#column_function .function_lst ul li { position:relative; float:left; width:365px; height:180px; border-left:1px dotted #d5d5d5; border-bottom:1px dotted #d5d5d5 }
#column_function .function_lst ul li.first { border-left:none }
#column_function .function_lst ul li.bx_bg { background:#f6f6f6 }
#column_function .function_lst ul li a { display:block; height:180px; cursor:pointer }
#column_function .function_lst ul li a .t1 { position:absolute; top:30px; left:28px; font-size:14px; color:#959595 }
#column_function .function_lst ul li a .t1 em { color:#535353; font-weight:bold }
#column_function .function_lst ul li a .t2 { position:absolute; top:54px; left:26px; font-size:24px; font-weight:bold }
#column_function .function_lst ul li a .t3 { position:absolute; top:107px; left:26px; font-size:14px; color:#7d7d7d }
#column_function .function_lst ul li a .ico { position:absolute; top:87px; right:20px; width:100px; height:85px; background:url(../img/main/sp_function_lst.png) 0 0 no-repeat }
#column_function .function_lst ul li a .ico1 { background-position:0 0 }
#column_function .function_lst ul li a .ico2 { background-position:0 -100px }
#column_function .function_lst ul li a .ico3 { background-position:0 -200px }
#column_function .function_lst ul li a .ico4 { background-position:0 -300px }
#column_function .function_lst ul li a .ico5 { background-position:0 -400px }
#column_function .function_lst ul li a .ico6 { background-position:0 -500px }

/* 하단 배너 */
#column_btm_bn { margin-top:30px; position:relative; width:100%; height:160px; overflow:hidden }
#column_btm_bn .bx-controls { position:absolute; top:67px; left:0; width:100% }
#column_btm_bn .bx-controls a { display:block; position:absolute; top:0; width:35px; height:35px; color:#fff; text-align:center; line-height:42px; background:#a8a49d }
#column_btm_bn .bx-controls .bx-prev { left:0 }
#column_btm_bn .bx-controls .bx-next { right:0 }

/* 하단 게시판 */
#column_board { margin:30px 0; position:relative; height:185px; overflow:hidden }
#column_board .bx_board { position:relative; float:left; width:349px; height:183px; border:1px solid #d7d7d7 }
#column_board .bx_board .tit { position:relative; padding:26px 0 0 26px; width:296px; *zoom:1 }
#column_board .bx_board .tit:after { display:block; clear:both; content:'' }
#column_board .bx_board .tit h3 { float:left; font-size:18px; font-weight:bold }
#column_board .bx_board .tit .more { padding-top:4px; float:right }
#column_board .bx_board .tit .more a { font-size:13px; color:#626262 }
#column_board .bx_board .lst { padding:20px 0 0 29px; position:relative; width:280px }
#column_board .bx_board .lst ul li { padding:0 0 0 13px; height:23px; background:url(../img/common/blit_3x3.gif) 0 8px no-repeat }
#column_board .bx_board .lst ul li a { display:block; width:280px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden  }
#column_board .bx_board .lst ul li a span { color:#296dcc }

#column_board .bx_patch { margin-left:24px }

#column_board .bx_cs { margin-left:23px }
#column_board .bx_cs .tit { padding-left:34px }
#column_board .bx_cs .t1 { margin:0 30px 0 21px; position:relative; height:53px; border-bottom:1px solid #eee }
#column_board .bx_cs .t1 .tel { position:absolute; top:4px; left:11px; font-size:32px; color:#1a4f98; font-weight:bold }
#column_board .bx_cs .t1 .tel_info { position:absolute; top:7px; left:180px }
#column_board .bx_cs .t1 .tel_info span { display:block; font-size:13px }
#column_board .bx_cs .t2 { padding:0 36px 0 34px; position:relative; height:70px; background:url(../img/main/ico_main_cs.jpg) 257px 8px no-repeat }
#column_board .bx_cs .t2 p { padding-top:10px }
