@charset "utf-8";

@font-face {
    font-family: '나눔고딕';
    font-style: normal;
    src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.woff") format("woff");
}

body, h1, h2, h3, div, p, ul, dl, ol, li, dt, dd, input, select, textarea, blockquote, table, th, td, img {margin:0; padding:0; font-family:'나눔고딕','Nanumgothic',ng,Tahoma,Geneva,sans-serif; font-size:13px;color:#5D5D5D}

img {border:0; vertical-align:middle;}
input {height:20px; line-height:20px}
input[type="text"] {border:1px solid #c6c6c6;}
input[type="password"] {border:1px solid #c6c6c6;}
select {border:1px solid #c6c6c6;}
textarea {border:1px solid #c6c6c6;}

table {border-collapse:collapse;}
caption {display:none;}

li {list-style:none;}

.underline{text-decoration:underline;}

/* link */
a {border:0; text-decoration:none; color:#64686b;}

/* align */
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}

.vt {vertical-align:top;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom;}

/* font */
.font_cs {font-size:11px; color:#828181;}
.font_b {font-size:15px; font-weight:bold;}

/* float */
.fl {float:left;}
.fr {float:right;}
.c_both {clear:both;}

/* background */
.c_bg {background:none !important;}


/* border */
.c_border {border:none !important;}
.c_bl {border-left:none !important;}
.c_bt {border-top:none !important;}
.br {border-right:1px solid #e2e2e2;} 
.line {border-top:2px solid #dbdbdb;}

/* width */
.full {width:100%;}


/* font */
.f_gray {color:#aaaaaa;}
.f_blue {color:#3378b3;}
.f_red {color:#ff7100;}
.f_black {color:#333333;}
.f_bold {font-weight:bold;}
.fb_red {color:#ff0000;}
.f_lc {color:#c60a43;}

/* font-size*/
.font11 {font-size:11px;}
.font15 {font-size:15px;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px;}

/* bgcolor */
.bgc_c {background-color:#ccffff;}
.bgc_v {background-color:#ccccff;}
.bgc_p {background-color:#ffcccc;}
.bgc_y {background-color:#ffffcc;}
.bgc_yg {background-color:#ccffcc;}
.bgc_sb {background-color:#99ffff;}
.bgc_yy {background-color:#ffff99;}
.bgc_r {background-color:#ef707b;}
.bgc_o {background-color:#ffd200;}
.bgc_g {background-color:#98d440;}
.bgc_gg {background-color:#fafafa;}

/* margin */
.mt02 {margin-top:2px !important;}
.mt03 {margin-top:3px !important;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mr10 {margin-right:10px;}
.mr18 {margin-right:18px !important;}
.mb05 {margin-bottom:5px !important;}
.mb30 {margin-bottom:30px !important;}
.ml0 {margin-left:0 !important;}
.ml03 {margin-left:3px !important;}
.ml04 {margin-left:4px !important;}
.ml05 {margin-left:5px !important;}
.ml08 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml11 {margin-left:11px;}
.ml13 {margin-left:13px;}
.ml14 {margin-left:14px !important;}
.ml15 {margin-left:15px;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px !important;}
.ml20 {margin-left:20px !important;}
.ml22 {margin-left:22px !important;}
.ml25 {margin-left:25px !important;}
.ml38 {margin-left:38px;}
.ml47 {margin-left:47px;}
.ml62 {margin-left:62px;}
.ml70 {margin-left:70px;}
.ml76 {margin-left:76px;}
.ml105 {margin-left:105px;}
.ml140 {margin-left:140px;}
.m0 {margin:0 !important;}
.mtb10 {margin:10px 0 10px 0;}

/* padding */
.pt03 {padding-top:3px !important;}
.pt08 {padding-top:8px !important;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pl08 {padding-left:8px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.p20 {padding:20px !important;}
.p0{padding:0 !important;}

.mp_0 {padding:0 !importnant; margin:0 !important;}

.lh16 {line-height:16px;}
.lh20 {line-height:20px;}

#footer {width:1020px; height:140px; min-width:1020px; margin:0 auto; background-color:#f6f6f6; border-top:1px solid #dbdbdb; clear:both;}
#footer .f_cont {position:relative;}
#footer .f_cont h1 {padding:28px 0 0 20px; float:left; }
#footer .f_cont .copyright {position:absolute; left:200px; top:28px;}
#footer .f_cont .copyright li {line-height:20px; color:#888888;}
.publish{position:relative;width:1020px; height:70px;margin:0 auto;background:url('/images/common/bg_publisher.gif') left top no-repeat;clear:both;}
.publish > ul{position:absolute;left:650px;top:13px;}
.publish > ul > li{display:inline-block; margin-right:10px;border:1px solid #dbdbdb;}

.f_banner {width:200px; margin:28px 20px 0 0; float:right;}
.f_banner .f_roll_banner {position:relative;}
.f_banner .f_roll_banner span {position:absolute; top:5px;}
.f_banner .f_roll_banner span.left {left:1px;}
.f_banner .f_roll_banner span.right {right:-1px;}
.f_banner .f_roll_banner div img {margin:1px 3px; float:left;}
.f_banner .f_roll_banner .rol_ban {margin-left:26px;}

#footer2 {height:140px; min-width:1020px;background-color:#f6f6f6; border-top:1px solid #dbdbdb; clear:both;}
#footer2 .f_cont {width:1020px; margin:0 auto; position:relative;}
#footer2 .f_cont h1 {float:left; padding-top:28px;}
#footer2 .f_cont .copyright {position:absolute; left:200px; top:28px;}
#footer2 .f_cont .copyright li {line-height:20px; color:#888888;}