/* Common */
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { margin:0; padding:0;}
body,input,textarea,select,button,table { font-family:'Nanum Gothic',Gulim,AppleGothic,sans-serif; font-size:12px; color:#636363; }
img,fieldset { border:0;}
ul,ol { list-style:none }
li { list-style:none; }
em,address { font-style:normal; font-size:12px; }
a { text-decoration:none; color:#333; }
a:hover,a:active,a:focus { text-decoration:underline; color:#0f9dc5; }
/* body : /index.php */
body.body-main { background:none; }
/* body : subpage */
body.body-sub { background:none; }

/* heading */
h1 { font-size:20px; font-weight:bold; }
h2 { font-size:20px; font-weight:600; }
h2 a:hover{ text-decoration:none;}
h3 { font-size:16px; font-weight:bold; }
h4 { font-size:14px; font-weight:bold; }
h5 { font-size:13px; font-weight:bold; }
h6 { font-size:12px; font-weight:bold; }

/* ------------------------------
Paragraph
------------------------------ */
p { font-size:1.3em; }
p.basic { line-height:28px;  margin: 10px 0px 20px 0px; padding: 0px; }
div.basic { margin: 20px 0px 10px 0px; padding: 0px; }
p.basic span.org { color:#eb6100}
p.inner { width:95%;  padding: 10px; }
p.inner span{ color:#22ac38}
p span{  color:#0b92ad;}
p.msg { margin: 10px 1px; padding: 10px; border: 1px dashed #999; background:#eee}
p.msg strong { color: #0b92ad; }
p.graybox { width:670px; margin: 10px 0px 20px 42px; padding: 10px; overflow:hidden; font-size:12px; line-height:21px; border: 1px solid #eeeeee; background: #fafafa}

p.indent { margin: 10px 0px 10px 25px; padding: 0px; }
ul.li_ico{margin:10px 0 20px 10px;}
ul.li_ico li{background:url('/images/sub/li_ico.gif') 20px 9px no-repeat; padding-left:30px; line-height:180%; color:#666; font-size:1.3em; }
ul.li_ico li span{color:#ce251a; font-weight:bold;}
ul.main_li{margin:20px 0px 0px 0px;}
ul.main_li li{height:26px; color:#666; text-align:left;font-size:12px; }
ul.main_li li span.text {display:inline-block; width:280px; padding-right:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
ul.main_li li span.date {display:inline-block; width:80px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }


ul.notice-li li span.text {display:inline-block; width:250px; padding-right:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
ul.notice-li li span.date {display:inline-block; width:80px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* ------------------------------
Title
------------------------------ */
h3.title { font-size:17px; font-weight:600; color:#434343; background:url(/images/sub/h3_ico.gif) 0 0 no-repeat; padding-left:27px; margin-top:30px;}
h3.title span{color:#0f9dc5; }
h4.title { font-size:14px; font-weight:500; color:#626262; background:url(/images/sub/h4_ico.gif) 30px 4px no-repeat; padding-left:42px; margin:15px 0 0 0;}
h4.txt {  font-size:1.2em; fcolor:#626262; margin:15px 0 10px;}
h5.title { clear: both; margin: 20px 0px 5px 0px ; padding: 0px 0px 0px 0px;height: 16px; font-size: 14px;}
h6.title { clear: both; margin: 15px 0px 10px -7px; padding: 0px 0px 0px 10px; height: 18px;  line-height: 18px; font-size: 13px; font-weight:bold; background: url('/img/common/h6_ico.gif') 8px 2px no-repeat; color: #11525c; }

/* ------------------------------
align
------------------------------ */
.alC { text-align:center;}
.alL { text-align:left;}
.alR { text-align:right;}
.fL { float:left;}
.fR { float:right;}
.cB{ clear:both;}

/*padd*/
.padd10{padding:10px 0;}
/* text */
.bold { font-weight:bold; }
/* color */
.aliceblue { color:aliceblue; }
.antiquewhite { color:antiquewhite; }
.aqua { color:aqua; }
.aquamarine { color:aquamarine; }
.azure { color:azure; }
.beige { color:beige; }
.bisque { color:bisque; }
.black { color:black; }
.blanchedalmond { color:blanchedalmond; }
.blue { color:blue; }
.blueviolet { color:blueviolet; }
.brown { color:brown; }
.burlywood { color:burlywood; }
.cadetblue { color:cadetblue; }
.chartreuse { color:chartreuse; }
.chocolate { color:chocolate; }
.coral { color:coral; }
.cornflowerblue { color:cornflowerblue; }
.cornsilk { color:cornsilk; }
.crimson { color:crimson; }
.cyan { color:cyan; }
.darkblue { color:darkblue; }
.darkcyan { color:darkcyan; }
.darkgoldenrod { color:darkgoldenrod; }
.darkgray { color:darkgray; }
.darkgreen { color:darkgreen; }
.darkkhaki { color:darkkhaki; }
.darkmagenta { color:darkmagenta; }
.darkolivegreen { color:darkolivegreen; }
.darkorange { color:darkorange; }
.darkorchid { color:darkorchid; }
.darkred { color:darkred; }
.darksalmon { color:darksalmon; }
.darkseagreen { color:darkseagreen; }
.darkslateblue { color:darkslateblue; }
.darkslategray { color:darkslategray; }
.darkturquoise { color:darkturquoise; }
.darkviolet { color:darkviolet; }
.deeppink { color:deeppink; }
.deepskyblue { color:deepskyblue; }
.dimgray { color:dimgray; }
.dodgerblue { color:dodgerblue; }
.firebrick { color:firebrick; }
.floralwhite { color:floralwhite; }
.forestgreen { color:forestgreen; }
.fuchsia { color:fuchsia; }
.gainsboro { color:gainsboro; }
.ghostwhite { color:ghostwhite; }
.gold { color:gold; }
.goldenrod { color:goldenrod; }
.gray { color:gray; }
.green { color:green; }
.greenyellow { color:greenyellow; }
.honeydew { color:honeydew; }
.hotpink { color:hotpink; }
.indianred { color:indianred; }
.indigo { color:indigo; }
.ivory { color:ivory; }
.khaki { color:khaki; }
.lavender { color:lavender; }
.lavenderblush { color:lavenderblush; }
.lawngreen { color:lawngreen; }
.lemonchiffon { color:lemonchiffon; }
.lightblue { color:lightblue; }
.lightcoral { color:lightcoral; }
.lightcyan { color:lightcyan; }
.lightgoldenrodyellow { color:lightgoldenrodyellow; }
.lightgray { color:lightgray; }
.lightgreen { color:lightgreen; }
.lightpink { color:lightpink; }
.lightsalmon { color:lightsalmon; }
.lightseagreen { color:lightseagreen; }
.lightskyblue { color:lightskyblue; }
.lightslategray { color:lightslategray; }
.lightsteelblue { color:lightsteelblue; }
.lightyellow { color:lightyellow; }
.lime { color:lime; }
.limegreen { color:limegreen; }
.linen { color:linen; }
.magenta { color:magenta; }
.maroon { color:maroon; }
.mediumaquamarine { color:mediumaquamarine; }
.mediumblue { color:mediumblue; }
.mediumorchid { color:mediumorchid; }
.mediumpurple { color:mediumpurple; }
.mediumseagreen { color:mediumseagreen; }
.mediumslateblue { color:mediumslateblue; }
.mediumspringgreen { color:mediumspringgreen; }
.mediumturquoise { color:mediumturquoise; }
.mediumvioletred { color:mediumvioletred; }
.midnightblue { color:midnightblue; }
.mintcream { color:mintcream; }
.mistyrose { color:mistyrose; }
.moccasin { color:moccasin; }
.navajowhite { color:navajowhite; }
.navy { color:navy; }
.oldlace { color:oldlace; }
.olive { color:olive; }
.olivedrab { color:olivedrab; }
.orange { color:orange; }
.orangered { color:orangered; }
.orchid { color:orchid; }
.palegoldenrod { color:palegoldenrod; }
.palegreen { color:palegreen; }
.paleturquoise { color:paleturquoise; }
.palevioletred { color:palevioletred; }
.papayawhip { color:papayawhip; }
.peachpuff { color:peachpuff; }
.peru { color:peru; }
.pink { color:pink; }
.plum { color:plum; }
.powderblue { color:powderblue; }
.purple { color:purple; }
.red { color:red; }
.rosybrown { color:rosybrown; }
.royalblue { color:royalblue; }
.saddlebrown { color:saddlebrown; }
.salmon { color:salmon; }
.sandybrown { color:sandybrown; }
.seagreen { color:seagreen; }
.seashell { color:seashell; }
.sienna { color:sienna; }
.silver { color:silver; }
.skyblue { color:skyblue; }
.slateblue { color:slateblue; }
.slategray { color:slategray; }
.snow { color:snow; }
.springgreen { color:springgreen; }
.steelblue { color:steelblue; }
.tan { color:tan; }
.teal { color:teal; }
.thistle { color:thistle; }
.tomato { color:tomato; }
.turquoise { color:turquoise; }
.violet { color:violet; }
.wheat { color:wheat; }
.white { color:white; }
.whitesmoke { color:whitesmoke; }
.yellow { color:yellow; }
.yellowgreen { color:yellowgreen; }


.png24 { tmp:expression(setPng24(this)); }

/* form elements */
input[type="text"], input[type="password"] { border:1px solid #e2e2e2; padding:3px 2px }
input[type="text"]:focus, input[type="password"]:focus { background-color:#fff; border:1px solid #e2e2e2; }
input[type="text"]:hover, input[type="password"]:hover { background-color:#fff; border:1px solid #e2e2e2; }
textarea { border:1px solid #7af; }
textarea:focus { background-color:#fff; border:1px solid #f00; }

/* none visible object */
.none { display:none; }
.indent { display:inline-block; zoom:1; *display:inline; text-align:left; text-indent:-9999px; }
.blind { position:absolute; top:-9999em; left:-9999em; margin:0; padding:0; font-size:1px; height:0; line-height:0; display:block; overflow:hidden }

/* navi icon */
.content-title:after { display:block; clear:both; content:""; height:20px; border-bottom:1px solid #e2e2e2;}
.page-title { float:left; }
.page-title-text { font-size:25px; letter-spacing:-1px; font-weight:600; color:#fff }
.page-navi { float:right; margin:5px 0 5px; }
.icon-navi-home { display:inline-block; width:14px; height:12px; background:url(/images/navi/icon-navi-bg.png) 0px 0px no-repeat; }
.icon-navi-arrow { display:inline-block; width:12px; height:12px; background:url(/images/navi/icon-navi-bg.png) -17px 0px no-repeat; }

/* float */
.fl { float:left !important; }
.fr { float:right !important; }

/* float both */
.btn_both { overflow:hidden; clear:both; width:100% }
.btn_both .fl { float:left }
.btn_both .fr { float:right }
.float-both { overflow:hidden; clear:both; width:100% }
.float-both .float-left { float:left }
.float-both .float-right { float:right }



/*이미지롤오버**/
a.rollover img { border-width:0px; display:block;height:37px;font-size:0px;}
a.rollover img.rollover { display:none;height:37px;font-size:0px; }
a.rollover:hover { position:relative;height:37px;font-size:0px; }
a.rollover:hover img { display:none; height:37px;font-size:0px;}
a.rollover:hover img.rollover { display:block;height:37px;font-size:0px; }