@charset "euc-kr"; @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); @font-face { font-family: 'NanumGothicBold'; font-style: normal; font-weight: 700; src: url(../../../font/NanumGothic-Bold.eot); src: url(../../../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../../../font/NanumGothic-Bold.woff2) format('woff2'), url(../../../font/NanumGothic-Bold.woff) format('woff'), url(../../../font/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 400; src: url(../../../font/NanumGothic-Regular.eot); src: url(../../../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../../../font/NanumGothic-Regular.woff2) format('woff2'), url(../../../font/NanumGothic-Regular.woff) format('woff'), url(../../../font/NanumGothic-Regular.ttf) format('truetype'); } /* CSS reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; position:relative; } body,a,div,section,article { font-family:"NanumGothic"; font-size:14px; color:#444; line-height:22px; } html { } body { background:url('../../images/00common/body_patten.gif'); margin:0; padding:0; position:relative; display:block; max- min-height:900px; } nav ul, ul, ol { list-style:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; } a:hover { text-decoration:underline; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select, label { vertical-align:middle; margin-left:0; margin-right:2px; } table { border-collapse:collapse; border-spacing:0; } caption { display:none; } /* etc style */ .clear { clear:both; } .ft_b { font-weight:bold !important; } .fl_r { float:right; } .fl_l { float:left; } .tac { text-align:center !important; padding:0 !important; } .color_blue { color:#0072bc; } .color_red { color:#ba0404; } .color_orange { color:#f15f22; } .bg_none { background:none !important; } .magT40 { margin-top:40px; } .magR10 { margin-right:10px; } .magL100 { margin-left:100px; } .magB30 { margin-bottom:30px; } .magB20_list > li { margin-bottom:20px !important; } /*MAIN*/ .total_wrap { width:100%; margin:0 auto; padding:0; position:relative; display:block; font-family:"NanumGothic"; } .inner_wrap { width:1100px;margin:0 auto; padding:0; position:relative; display:block; clear:both; background:url('../../images/00common/gnb_bg.gif') left top repeat-y; } .inner_box { display:block; position:relative; width:100%; overflow:hidden; } .top_img { display:block; top:0; left:0; position:absolute; } .main_inner, .content_inner { float:left; position:relative; } .main_inner { width:210px; background:#454545; color:#fff; font-weight:bold; text-align:center; } .main_inner ul.gnb { width:100%; font-size:18px; color:#fff; position:relative; display:block; } .main_inner ul.gnb li { display:block; padding:20px 0; border-bottom:2px solid #595959; } .main_inner ul.gnb li a { color:#fff; font-weight:bold; font-family:"NanumGothic";} .content_inner { padding:0 30px; width:800px; position:relative; } .content_box { width:100%; padding:0; margin:0 0 20px 0; } .content_box .content_list { width:800px; position:absolute; display:block; margin:0; padding:0; top:300px; z-index:999; } .content_box .content_list ul.text_left { float:left; } .content_box .content_list ul.text_right{ float:right; text-align:right; } .content_box .content_list ul li h2 { color:#1866be; font-size:22px; } .content_box .content_list ul li p { color:#444; font-size:14px; margin:0; padding:10px 0 30px 0; } /* 이미지 롤링 */ .slider { width:800px; position:absolute; display:block; } .bx-wrapper { position:relative; display:block; } .bx-wrapper .bx-pager { position:relative; width:100%; } .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-controls-direction { display:none; } /* PAGER */ .bx-controls { position:absolute; top:220px; right:0; margin:0; padding:0; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom: 1; *display:inline; } .bx-wrapper .bx-pager.bx-default-pager a { background:#828282; text-indent:-9999999999999999999px; display:block; width:10px; height:10px; margin:0 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0072bc; } ul.bxslider li div.text_box { text-align:center; top:120px; width:100%; right:0; position:absolute; } ul.bxslider li div.text_box h1 { font-size:34px; color:#850000; line-height:34px; } ul.bxslider li div.text_box p { font-size:24px; color:#444; margin:0 0 10px 0; padding:0; } ul.bxslider li.item01 { height:790px; background:url('../../images/00main/visual_01.png') bottom center no-repeat; } ul.bxslider li.item02 { height:790px; background:url('../../images/00main/visual_02.png') bottom center no-repeat; } /* FOOTER */ .content_inner footer { position:relative; display:block; border-top:1px solid #dadada; width:100%; font-size:12px; } .select_box { position:absolute; right:0; top:20px; } .select_box select { color:#fff; width:120px; padding:3px; background:#40403f; } .tb_style05 { width:100%; float:left; border-top:2px solid #5c6bd5; border-bottom:1px solid #ccc; margin:10px 0; } .tb_style05 thead th { color:#333; background:#f5f5f5; border-right:1px solid #ccc; text-align:center; } .tb_style05 tbody th { border-right:1px solid #ccc; text-align:center; color:#666; } .tb_style05 th, .tb_style05 td { padding:8px 20px; text-align:left; border-bottom:1px solid #dadada; text-align:center; vertical-align:middle; } .tal { text-align:left !important; } .tac { text-align:center !important; } .bd_r { border-right:0 !important; }