@charset "utf-8";    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
 body {font-family:'Noto Sans KR',"돋움", sans-serif; line-height: 1.5em; color:#323232; font-size:14px; font-weight:300}
 select, input, textarea, button{ font-family:'Noto Sans KR','Noto Sans KR', 'Nanum Gothic', sans-serif; font-size:inherit}
 input[type="submit"], input[type="reset"]{cursor:pointer}
 input[type="text"], input[type="password"], select{border:1px solid #d2d2d2}
 img{vertical-align:top}
 table { border-collapse: collapse; border-spacing: 0}
 ul, ol{list-style: none}
 a {color: #323232; text-decoration: none;}
 address{font-style:normal}
 caption{text-indent:-9999px; height:0;}
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
 legend{ display:none}
  /*@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url('/contents/fonts/NotoSansKR-Light.woff') format('woff'), url('/contents/fonts/NotoSansKR-Light.otf') format('opentype'); }
 @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('/contents/fonts/NotoSansKR-Regular.woff') format('woff'), url('/contents/fonts/NotoSansKR-Regular.otf') format('opentype'); }
*/ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }
 @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); }
 @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }
 @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); }
 @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); }
 @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }
 [출처] 본고딕 웹폰트 질문드립니다. (내용 추가/해결▲) (하드코딩하는사람들) |작성자 LayOut  .fw2{ font-weight:200;}
 .fw3{ font-weight:300;}
 .fw4{ font-weight:400;}
 .fw5{ font-weight:500;}
 .fw6{ font-weight:600;}
 .fw7{ font-weight:700;}
 .fw7{ font-weight:800;}
   #debug_bar { height:80px; z-index:99999;}
 #debug_bar #debug_setform { float:left; }
 #debug {bottom: 0; position: fixed; z-index: 9999; display:none}
 #debug #debug_setform label {margin-left:8px; font-weight:bold; display:inline-block; margin-bottom:5px;}
 #debug #debug_setform select {vertical-align:middle}
 .debug_slide { display:block; border:1px solid #ccc; border-bottom:0; padding:0px 2px 0 0; background-color:#fff; width:80px; cursor:pointer; text-align:center; font-size:14px; height:30px; line-height:30px;}
 #debug #debug_setform { border:1px solid #ccc; background-color:#f2f2f2; width:100%; margin:0; padding:10px; clear:both; font-size:13px}
 #debug #debug_setform hr { display:none;}
 #debug #debug_setform .nice-select { height:30px; line-height:27px; font-size:13px;}
 #debug .body {height: 300px; overflow:scroll; border:1px solid #ccc; font-size:12px}
 #debug .debug_box { list-style:none; margin:0px; display:block; border:1px solid #ccc; padding:7px; background-color: #fcfcfc}
 #debug .debug_box span.key { color:#CE0000}
 #debug .debug_box span.value {color:#555}
 #debug .btn_sml { margin-right:10px;}
 #debug .get, #debug .post { background-color: #e8f2ff}
 #debug .session, #debug .cookie {background-color:#f3e2f3}
 #debug .config {background-color:#F0FFF0}
 #debug .server {background-color:#fff}
 #debug .system {background-color:#fffce1}
 #debug .error { background-color:#ffdde3}
 #HTMLValidator1 { background-color: #FFFFFF; bottom: 0; height: 300px; position: fixed; width: 100%; z-index: 9999; overflow-y:scroll; border:1px solid #ccc}
 #debug_open { bottom: 0; position: fixed;z-index: 9999}
 .error { background-color:#ccc; display:inline;}
  a.btn_big { display:inline-block; padding-right:4px; background:url(/images/common/bg_btn_default.gif) no-repeat 100% 0; font-family:'Noto Sans KR', 'Nanum Gothic', '돋움', dotum; font-size:12px; color:#333; line-height:26px; word-spacing:-1px; text-decoration:none !important; white-space:nowrap }
 a.btn_big span, a.btn_big strong { display:block; padding:0 8px 1px 12px; background:url(/images/common/bg_btn_default.gif) no-repeat }
 a.btn_sml { display:inline-block; padding-right:4px; background:url(/images/common/bg_btn_default.gif) no-repeat 100% -27px; font-family:'Noto Sans KR', 'Nanum Gothic', '돋움', dotum; font-size:11px; color:#333; line-height:21px; letter-spacing:-1px; word-spacing:-1px; text-decoration:none !important; white-space:nowrap; margin-bottom:10px; }
 a.btn_sml span, a.btn_sml strong { display:block; padding:0 4px 1px 8px; background:url(/images/common/bg_btn_default.gif) no-repeat 0 -27px }
 a.btn_sml span img { margin-right:2px; vertical-align:middle !important; border:0; }
 .btn_list { width:100%; text-align:right; margin-top:24px; }
 .btn_list label { margin-right:5px;}
 .btn_list span { padding-top:0px !important;}
 .root_path { width:100%; text-align:left; margin-bottom:5px;}
  .tab_list { margin:0 auto 30px; max-width:1200px;}
 .tab_menu { width:100%; background:url(/images/common/bg_tab.gif) repeat-x 0 100%; display:inline-block; }
 .tab_menu li {  float:left; margin-right:-1px; background:url(/images/common/bg_tab_right.gif) 100% 0 no-repeat !important; list-style:none; padding:0 !important; }
 .tab_menu li span { display:block }
 .tab_menu li a { display:block;  background:url(/images/common/bg_tab_left.gif) 0 0 no-repeat; color:#666; line-height:28px; height:28px; width:110px; text-align:center; text-decoration:none; font-size:13px; }
 .tab_menu li a.touch { font-size:14px;padding: 8px 12px 0; }
 .tab_menu li a:hover {color:#333}
 .tab_menu li.selected { background-position:100% -28px}
 .tab_menu li.selected a { background-position:0 -28px; color:#333; font-weight:bold; letter-spacing:-1px }
  #board_list_table { background: transparent url("/images/common/board/table_bg_02.gif") repeat-x scroll left top; border-spacing: 0; border-style: solid none none; border-top: 2px solid #535353; clear: both; width: 100%; }
 #board_list_table th { background: transparent url("/images/common/board/table_bg_01.gif") no-repeat scroll right 8px; border-bottom: 1px solid #b5b5b5; border-style: none none solid; color: #555555; padding: 8px 0 7px; text-align: center; }
 #board_list_table td { background: transparent none repeat scroll 0 0; border-bottom: 1px solid #d6d6d6; color: #666666; padding: 8px 3px; text-align: center; }
 #tab_content_m4 table td input { width:55%;}
 #tab_content_m4 #search_result { width:100%; margin-top:10px;}
  #skiptoContent { margin:0; padding:0;}
 a.accessibility01, a.accessibility02 {display: block; font-size: 1em; left: 0; position: absolute; text-align: center; top: -10000px; width: 100%; z-index: 500;}
 a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active, a.accessibility02:hover, a.accessibility02:focus, a.accessibility02:active {background: none repeat scroll 0 0 #ff3a00;color: #FFFFFF;font-weight: bold; padding: 15px 0; position: absolute; top: 0;z-index: 500;}
  #browser { background:url("/images/common/op70.png") repeat scroll 0 0; top:0; left:0; z-index:1001; height:100%; width:100%; position: fixed; text-align:center;}
 #browser .infobox { background-color:#fff; width:714px; height:426px; margin:221px auto 0; color:#303030; position:relative;}
 #browser .infobox h2 { font-size:30px; font-weight:600; padding-top:54px; line-height:30px;}
 #browser .infobox h2 span { color:#e53838;}
 #browser .infobox p { font-size:17px; line-height:27px; margin-top:25px;}
 #browser .infobox ul { width:607px; margin:25px auto 0;}
 #browser .infobox ul li { float:left; margin-left:11px;}
 #browser .infobox ul li:first-child { margin-left:0;}
 #browser .infobox ul li a { display:block; padding-top:110px; width:195px;}
 #browser .infobox ul li a span {background-color:#88837d; height:50px; width:195px; text-align:center; display:block; color:#fff; line-height:50px; cursor:pointer;}
 #browser .infobox ul li.ie a {background:url("/images/common/bw_ie.gif") no-repeat scroll center 0;}
 #browser .infobox ul li.ff a {background:url("/images/common/bw_ff.gif") no-repeat scroll center 0;}
 #browser .infobox ul li.cr a {background:url("/images/common/bw_cr.gif") no-repeat scroll center 0;}
 #browser a.brower_close { display:block; position:absolute; right:20px; top:20px; width:24px; height:23px; background:url("/images/common/bw_close.gif") no-repeat scroll center 0;}
 #browser a.brower_close span { display:block; text-indent:-5000px;}
  .hidden{display:none}
 .clear:after{display:block; content:""; clear:both; height:0}
 .group:after{display:block; content:""; clear:both; height:0}
 .bor_none { border:none !important;}
 .bg_none { background:none !important;}
 .hidden {display:none;}
 .font_b{font-weight:500;}
  .gnb li a.newwin {background: url("/images/common/newwin.gif") no-repeat 91% center; display:block;}
 .f_l{float:left}
 .f_r{float:right}
  .align_center {text-align:center !important;}
 .align_left {text-align:left !important;}
 .align_right {text-align:right !important;}
 .valing_top{ vertical-align:top;}
  .align_c {text-align:center !important;}
 .align_l {text-align:left !important;}
 .align_r {text-align:right !important;}
  .mal0 {margin-left:0 !important;}
 .mal5 {margin-left:5px !important;}
 .mal10 {margin-left:10px !important;}
 .mal15 {margin-left:15px !important;}
 .mal20 {margin-left:20px !important;}
 .mal25 {margin-left:25px !important;}
 .mal30 {margin-left:30px !important;}
 .mal35 {margin-left:35px !important;}
 .mal40 {margin-left:40px !important;}
 .mal50 {margin-left:50px !important;}
 .mal55 {margin-left:55px !important;}
 .mal60 {margin-left:60px !important;}
 .mal70 {margin-left:70px !important;}
 .mal75 {margin-left:75px !important;}
 .mal80 {margin-left:80px !important;}
 .mal90 {margin-left:90px !important;}
 .mal100 {margin-left:100px !important;}
 .mal120 {margin-left:120px !important;}
 .mal130 {margin-left:130px !important;}
 .mal140 {margin-left:140px !important;}
 .mal150 {margin-left:150px !important;}
 .mal-5 {margin-left:-5px !important;}
 .mal-10 {margin-left:-10px !important;}
 .mal-15 {margin-left:-15px !important;}
 .mal-20 {margin-left:-20px !important;}
 .mal-25 {margin-left:-25px !important;}
 .mal-30 {margin-left:-30px !important;}
 .mal-35 {margin-left:-35px !important;}
 .mal-40 {margin-left:-40px !important;}
 .mal-45 {margin-left:-45px !important;}
 .mal-50 {margin-left:-50px !important;}
 .mar0 {margin-right:0 !important;}
 .mar5 {margin-right:5px !important;}
 .mar10 {margin-right:10px !important;}
 .mar15 {margin-right:15px !important;}
 .mar20 {margin-right:20px !important;}
 .mar25 {margin-right:25px !important;}
 .mar30 {margin-right:30px !important;}
 .mar35 {margin-right:35px !important;}
 .mar40 {margin-right:40px !important;}
 .mar45 {margin-right:45px !important;}
 .mar50 {margin-right:50px !important;}
 .mar55 {margin-right:55px !important;}
 .mar60 {margin-right:60px !important;}
 .mar70 {margin-right:70px !important;}
 .mar80 {margin-right:80px !important;}
 .mar90 {margin-right:90px !important;}
 .mar100 {margin-right:100px !important;}
 .mar120 {margin-right:120px !important;}
 .mar130 {margin-right:130px !important;}
 .mar140 {margin-right:140px !important;}
 .mar150 {margin-right:150px !important;}
 .mab0 {margin-bottom:0 !important;}
 .mab5 {margin-bottom:5px !important;}
 .mab10 {margin-bottom:10px !important;}
 .mab15 {margin-bottom:15px !important;}
 .mab20 {margin-bottom:20px !important;}
 .mab25 {margin-bottom:25px !important;}
 .mab30 {margin-bottom:30px !important;}
 .mab35 {margin-bottom:35px !important;}
 .mab40 {margin-bottom:40px !important;}
 .mab45 {margin-bottom:45px !important;}
 .mab50 {margin-bottom:50px !important;}
 .mab55 {margin-bottom:55px !important;}
 .mab60 {margin-bottom:60px !important;}
 .mab65 {margin-bottom:65px !important;}
 .mab70 {margin-bottom:70px !important;}
 .mab75 {margin-bottom:75px !important;}
 .mab80 {margin-bottom:80px !important;}
 .mab85 {margin-bottom:85px !important;}
 .mab90 {margin-bottom:90px !important;}
 .mab95 {margin-bottom:95px !important;}
 .ma0 {margin:0 !important;}
 .ma5 {margin:5px !important;}
 .ma10 {margin:10px !important;}
 .ma15 {margin:15px !important;}
 .ma20 {margin:20px !important;}
 .ma25 {margin:25px !important;}
 .ma30 {margin:30px !important;}
 .ma35 {margin:35px !important;}
 .ma40 {margin:40px !important;}
 .ma45 {margin:45px !important;}
 .ma50 {margin:50px !important;}
 .mat0 {margin-top:0 !important;}
 .mat3 {margin-top:3px !important;}
 .mat5 {margin-top:5px !important;}
 .mat10 {margin-top:10px !important;}
 .mat12 {margin-top:12px !important;}
 .mat15 {margin-top:15px !important;}
 .mat20 {margin-top:20px !important;}
 .mat25 {margin-top:25px !important;}
 .mat30 {margin-top:30px !important;}
 .mat35 {margin-top:35px !important;}
 .mat40 {margin-top:40px !important;}
 .mat45 {margin-top:45px !important;}
 .mat50 {margin-top:50px !important;}
 .mat54 {margin-top:54px !important;}
 .mat60 {margin-top:60px !important;}
 .mat70 {margin-top:70px !important;}
 .mat80 {margin-top:80px !important;}
 .mat90 {margin-top:90px !important;}
 .mat100 {margin-top:100px !important;}
 .mat110 {margin-top:110px !important;}
 .mat120 {margin-top:120px !important;}
 .mat130 {margin-top:130px !important;}
 .mat140 {margin-top:140px !important;}
 .mat150 {margin-top:150px !important;}
 .mat200 {margin-top:200px !important;}
 .mat-5 {margin-top:-5px !important;}
 .mat-10 {margin-top:-10px !important;}
 .mat-15 {margin-top:-15px !important;}
 .mat-20 {margin-top:-20px !important;}
 .mat-25 {margin-top:-25px !important;}
 .mat-30 {margin-top:-30px !important;}
 .mat-35 {margin-top:-35px !important;}
 .mat-40 {margin-top:-40px !important;}
 .mat-45 {margin-top:-45px !important;}
 .mat-50 {margin-top:-50px !important;}
 .pal0 {padding-left:0px !important;}
 .pal5 {padding-left:5px !important;}
 .pal10 {padding-left:10px !important;}
 .pal15 {padding-left:15px !important;}
 .pal20 {padding-left:20px !important;}
 .pal25 {padding-left:25px !important;}
 .pal30 {padding-left:30px !important;}
 .pal35 {padding-left:35px !important;}
 .pal40 {padding-left:40px !important;}
 .pal50 {padding-left:50px !important;}
 .pal55 {padding-left:55px !important;}
 .pal60 {padding-left:60px !important;}
 .pal65 {padding-left:65px !important;}
 .pal70 {padding-left:70px !important;}
 .pal75 {padding-left:75px !important;}
 .pal80 {padding-left:80px !important;}
 .pal85 {padding-left:85px !important;}
 .pal90 {padding-left:90px !important;}
 .par0 {padding-right:0 !important;}
 .par5 {padding-right:5px !important;}
 .par10 {padding-right:10px !important;}
 .par15 {padding-right:15px !important;}
 .par20 {padding-right:20px !important;}
 .par25 {padding-right:25px !important;}
 .par30 {padding-right:30px !important;}
 .par35 {padding-right:35px !important;}
 .par40 {padding-right:40px !important;}
 .pat0 {padding-top:0px !important;}
 .pat5 {padding-top:5px !important;}
 .pat10 {padding-top:10px !important;}
 .pat15 {padding-top:15px !important;}
 .pat20 {padding-top:20px !important;}
 .pat25 {padding-top:25px !important;}
 .pat30 {padding-top:30px !important;}
 .pat35 {padding-top:35px !important;}
 .pat40 {padding-top:40px !important;}
 .pat50 {padding-top:50px !important;}
 .pat60 {padding-top:60px !important;}
 .pat70 {padding-top:70px !important;}
 .pat80 {padding-top:80px !important;}
 .pat90 {padding-top:90px !important;}
 .pab5 {padding-bottom:5px !important;}
 .pab10 {padding-bottom:10px !important;}
 .pab15 {padding-bottom:15px !important;}
 .pab20 {padding-bottom:20px !important;}
 .pab25 {padding-bottom:25px !important;}
 .pab30 {padding-bottom:30px !important;}
 .pab35 {padding-bottom:35px !important;}
 .pab40 {padding-bottom:40px !important;}
 .pab50 {padding-bottom:40px !important;}
 .pa0{padding:0 !important;}
 .pa5{padding:5px !important;}
 .pa10{padding:10px !important;}
 .pa15{padding:10px !important;}
 .pa20{padding:15px !important;}
 .pa25{padding:25px !important;}
 .pa30{padding:30px !important;}
 .pa35{padding:35px !important;}
 .pa40{padding:40px !important;}
 .pa45{padding:45px !important;}
 .pa50{padding:50px !important;}
 table th.th_5 { width:5%;}
 table th.th_10 { width:10%;}
 table th.th_15 { width:15%;}
 table th.th_20 { width:20%;}
 table th.th_25 { width:25%;}
 table th.th_30 { width:30%;}
 table th.th_35 { width:35%;}
 table th.th_40 { width:40%;}
 table th.th_45 { width:45%;}
 table th.th_50 { width:50%;}
 table th.th_55 { width:55%;}
 table th.th_60 { width:60%;}
 table th.th_65 { width:65%;}
 table th.th_70 { width:70%;}
 table th.th_75 { width:75%;}
 table th.th_80 { width:80%;}
 table td.td_5 { width:5%;}
 table td.td_10 { width:10%;}
 table td.td_15 { width:15%;}
 table td.td_20 { width:20%;}
 table td.td_25 { width:25%;}
 table td.td_30 { width:30%;}
 table td.td_35 { width:35%;}
 table td.td_40 { width:40%;}
 table td.td_45 { width:45%;}
 table td.td_50 { width:50%;}
 table td.td_55 { width:55%;}
 table td.td_60 { width:60%;}
 table td.td_65 { width:65%;}
 table td.td_70 { width:70%;}
 table td.td_75 { width:75%;}
 table td.td_80 { width:80%;}
  #content .tab_content { display:none;}
 #content >div.selected { display:block; width:100%;}