@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body {  margin:0px; padding:0px; }
body, td, th, label, li, ul, span, p, b, div, input, button, textarea, select { font-family: 'Noto Sans KR', sans-serif; font-size:13px; color:#555; letter-spacing:-0.5px;}

.sans { font-family: 'Noto Sans KR'; }
.dotum { font-family: dotum; }

::-webkit-input-placeholder { color:#cdcdcd; }
:-ms-input-placeholder { color:#cdcdcd; }
::-moz-placeholder { color:#cdcdcd; opacity:1; }
:-moz-placeholder { color:#cdcdcd; opacity:1; }

.f11 { font-size:11px !important; }
.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f16 { font-size:16px !important; }
.f17 { font-size:17px !important; }
.f18 { font-size:18px !important; }
.f19 { font-size:19px !important; }
.f20 { font-size:20px !important; }
.f21 { font-size:21px !important; }
.f22 { font-size:22px !important; }
.f23 { font-size:23px !important; }
.f24 { font-size:24px !important; }
.f25 { font-size:25px !important; }
.f26 { font-size:26px !important; }

.lh100 { line-height:100%; }
.lh110 { line-height:110%; }
.lh120 { line-height:120%; }
.lh130 { line-height:130%; }
.lh140 { line-height:140%; }
.lh150 { line-height:150%; }
.lh160 { line-height:160%; }
.lh170 { line-height:170%; }
.lh180 { line-height:180%; }
.lh190 { line-height:190%; }
.lh200 { line-height:200%; }

.ls0 { letter-spacing:0px; }

.wdp5 { width:5%; }
.wdp10 { width:10%; }
.wdp15 { width:15%; }
.wdp20 { width:20%; }
.wdp25 { width:25%; }
.wdp30 { width:30%; }
.wdp33 { width:33%; }
.wdp34 { width:34%; }
.wdp35 { width:35%; }
.wdp40 { width:40%; }
.wdp45 { width:45%; }
.wdp50 { width:50%; }
.wdp55 { width:55%; }
.wdp60 { width:60%; }
.wdp65 { width:65%; }
.wdp70 { width:70%; }
.wdp75 { width:75%; }
.wdp80 { width:80%; }
.wdp85 { width:85%; }
.wdp90 { width:90%; }
.wdp91 { width:91%; }
.wdp92 { width:92%; }
.wdp93 { width:93%; }
.wdp94 { width:94%; }
.wdp95 { width:95%; }
.wdp96 { width:96%; }
.wdp97 { width:97%; }
.wdp98 { width:98%; }
.wdp99 { width:99%; }
.wdp100 { width:100%; }

.wd5 { width:5px; }
.wd10 { width:10px; }
.wd15 { width:15px; }
.wd20 { width:20px; }
.wd25 { width:25px; }
.wd30 { width:30px; }
.wd35 { width:35px; }
.wd40 { width:40px; }
.wd45 { width:45px; }
.wd50 { width:50px; }
.wd55 { width:55px; }
.wd60 { width:60px; }
.wd65 { width:65px; }
.wd70 { width:70px; }
.wd75 { width:75px; }
.wd80 { width:80px; }
.wd85 { width:85px; }
.wd90 { width:90px; }
.wd91 { width:91px; }
.wd92 { width:92px; }
.wd93 { width:93px; }
.wd94 { width:94px; }
.wd95 { width:95px; }
.wd96 { width:96px; }
.wd97 { width:97px; }
.wd98 { width:98px; }
.wd99 { width:99px; }
.wd100 { width:100px; }

.htp100 { height:100%; }

.pdt1 { padding-top:1px; }
.pdt2 { padding-top:2px; }
.pdt3 { padding-top:3px; }
.pdt4 { padding-top:4px; }
.pdt5 { padding-top:5px; }
.pdt6 { padding-top:6px; }
.pdt7 { padding-top:7px; }
.pdt8 { padding-top:8px; }
.pdt9 { padding-top:9px; }
.pdt10 { padding-top:10px; }
.pdt20 { padding-top:20px; }
.pdt30 { padding-top:30px; }

.pdb1 { padding-bottom:1px; }
.pdb2 { padding-bottom:2px; }
.pdb3 { padding-bottom:3px; }
.pdb4 { padding-bottom:4px; }
.pdb5 { padding-bottom:5px; }
.pdb6 { padding-bottom:6px; }
.pdb7 { padding-bottom:7px; }
.pdb8 { padding-bottom:8px; }
.pdb9 { padding-bottom:9px; }
.pdb10 { padding-bottom:10px; }
.pdb20 { padding-bottom:20px; }
.pdb30 { padding-bottom:30px; }


.pdl1 { padding-left:1px; }
.pdl2 { padding-left:2px; }
.pdl3 { padding-left:3px; }
.pdl4 { padding-left:4px; }
.pdl5 { padding-left:5px; }
.pdl6 { padding-left:6px; }
.pdl7 { padding-left:7px; }
.pdl8 { padding-left:8px; }
.pdl9 { padding-left:9px; }
.pdl10 { padding-left:10px; }
.pdl20 { padding-left:20px; }
.pdl30 { padding-left:30px; }

.pdr1 { padding-right:1px; }
.pdr2 { padding-right:2px; }
.pdr3 { padding-right:3px; }
.pdr4 { padding-right:4px; }
.pdr5 { padding-right:5px; }
.pdr6 { padding-right:6px; }
.pdr7 { padding-right:7px; }
.pdr8 { padding-right:8px; }
.pdr9 { padding-right:9px; }
.pdr10 { padding-right:10px; }
.pdr20 { padding-right:20px; }
.pdr30 { padding-right:30px; }

.ht5 { height:5px; }
.ht10 { height:10px; }
.ht15 { height:15px; }
.ht20 { height:20px; }
.ht25 { height:25px; }
.ht30 { height:30px; }
.ht40 { height:40px; }
.ht50 { height:50px; }
.ht60 { height:60px; }
.ht65 { height:65px; }
.ht70 { height:70px; }
.ht80 { height:80px; }
.ht90 { height:90px; }
.ht100 { height:100px; }

.fw300 { font-weight:300; }
.fw400 { font-weight:400; }
.fw500 { font-weight:500; }
.fw600 { font-weight:600; }
.fw700 { font-weight:700; }
.fw800 { font-weight:800; }
.fw900 { font-weight:900; }

.pd1 { padding:1px; }
.pd2 { padding:2px; }
.pd3 { padding:3px; }
.pd4 { padding:4px; }
.pd5 { padding:5px; }
.pd6 { padding:6px; }
.pd7 { padding:7px; }
.pd8 { padding:8px; }
.pd9 { padding:9px; }
.pd10 { padding:10px; }

.pdl15 { padding-left:15px; }

.mg1 { margin:1px; }
.mg2 { margin:2px; }
.mg3 { margin:3px; }
.mg4 { margin:4px; }
.mg5 { margin:5px; }
.mg6 { margin:6px; }
.mg7 { margin:7px; }
.mg8 { margin:8px; }
.mg9 { margin:9px; }
.mg10 { margin:10px; }

.bdr { border-right:1px solid #cdcdcd; }
.bdl { border-left:1px solid #cdcdcd; }
.bdt { border-top:1px solid #cdcdcd; }
.bdb { border-bottom:1px solid #cdcdcd; }

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

.center { text-align:center !important; }
.right { text-align:right !important; }
.left { text-align:left !important; }

.fleft { float:left; }
.fright { float:right; }
.fboth { clear:both; }

.mgt1 { margin-top:1px; }
.mgt2 { margin-top:2px; }
.mgt3 { margin-top:3px; }
.mgt4 { margin-top:4px; }
.mgt5 { margin-top:5px; }
.mgt6 { margin-top:6px; }
.mgt7 { margin-top:7px; }
.mgt8 { margin-top:8px; }
.mgt9 { margin-top:9px; }
.mgt10 { margin-top:10px; }
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt25 { margin-top:25px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }

.mgb1 { margin-bottom:1px; }
.mgb2 { margin-bottom:2px; }
.mgb3 { margin-bottom:3px; }
.mgb4 { margin-bottom:4px; }
.mgb5 { margin-bottom:5px; }
.mgb6 { margin-bottom:6px; }
.mgb7 { margin-bottom:7px; }
.mgb8 { margin-bottom:8px; }
.mgb9 { margin-bottom:9px; }
.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }
.mgb40 { margin-bottom:40px; }
.mgb50 { margin-bottom:50px; }

.mgl1 { margin-left:1px; }
.mgl2 { margin-left:2px; }
.mgl3 { margin-left:3px; }
.mgl4 { margin-left:4px; }
.mgl5 { margin-left:5px; }
.mgl20 { margin-left:20px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }

.f_brown { color:#5b1201 !important; }
.f_black { color:#222 !important; }
.f_gray { color:#aaa; }
.f_deepblue { color:#084c95 !important; }
.f_lightgray { color:#e1e1e1 !important; }
.f_red { color:#ff2200 !important; }
.f_sky { color:#0b8ed4 !important; }
.f_downorange { color:#c75800 !important; }
.f_orange { color:#fc7203 !important; }
.f_purple { color:#6a5cb4 !important; }
.f_blue { color:#0183ff !important; }
.f_deepgreen { color:#01630c !important; }
.f_green { color:#03b372 !important; }
.f_deepred { color:#c20000 !important; }

.back_white { background-color:#fff; }
.back_lightgray { background-color:#efefef; }

form { margin:0px; }
img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#555; }
a:hover { text-decoration:underline; }

li, ul { list-style-type:none; padding:0; margin:0; }

.point { height:18px; border:2px solid #3d5da5; margin:-1px; }

input, textarea, select{ border:1px solid #cdcdcd; padding:10px; font-weight:400; font-size:14px; }
input[type=image] { border:none !important; vertical-align:middle; }
input[type=button],input[type=submit],label { vertical-align:middle; cursor:pointer; }

.auto { margin:0 auto; }
.overflow { overflow:hidden; }
.block { display:block; }
.inline { display:inline-block; }
.none { display:none; }
.absolute{position:absolute;}
.fixed { table-layout:fixed; }
.hand { cursor:pointer; }
.bdnone { border:none !important; }
.uline{text-decoration:none;border-bottom:1px solid;}
.bold { font-weight:bold; }
.number { ime-mode:disabled; }
.required { color:#FF0000; }
.readonly { background-color:#EFEFEF; }

.div50 { position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#464646;filter:alpha(opacity=50);text-align:center; }

.bg0 { background-color:#ffffff; }
.bg1 { background-color:#f9f9f9; }

.contain { width:1070px; margin:0 auto; }

.box_tm { background-color:#f5f5f5; overflow:hidden; }

.box_sch { background-color:#323232; padding-left:2px; display:inline-block; }
.box_sch input { border:0px; }
.box_sch input[type=text] { width:280px; height:34px; font-size:18px; padding:5px; }
.box_sch td:last-child { width:55px; }
.box_sch input[type=image] { height:48px; padding:0px; }

.box_nav { background-color:#313131; }
.box_nav table td { color:#fff; font-size:18px; padding:10px 0px; font-weight:400; text-align:center; border-right:1px solid #1f1f1f; border-left:1px solid #4e4e4e; width:25%; cursor:pointer; }
.box_nav table .nav_on { background-color:#222; color:#fff; font-size:18px; padding:10px 0px; font-weight:400; text-align:center; border-right:1px solid #1f1f1f; border-left:1px solid #4e4e4e; width:25%; cursor:pointer; }
.box_nav table { border-left:1px solid #1f1f1f; border-right:1px solid #4e4e4e; }

.box_copy { border-top:1px solid #cdcdcd; letter-spacing:0px; }

.title { text-align:left; font-weight:400; font-size:24px; color:#333; padding:10px 0px; }

.tb_write { width:100%; border-top:2px solid #333; }
.tb_write th { background-color:#f5f5f5; color:#333; padding:10px; font-weight:400; font-size:15px; border-bottom:1px solid #cdcdcd; text-align:right; }
.tb_write td { background-color:#fff; color:#555; padding:10px; font-weight:300; font-size:14px; border-bottom:1px solid #cdcdcd; text-align:left; }

.tb_write td input, .tb_write td select { width:96%; }

.bdnone td { border:0px; padding:3px; }
.bdnone td input { width:auto; }

.btn_write { background-color:#d52027; color:#fff; padding:6px 30px; font-size:18px; border:1px solid #ed1f27; border-radius:5px; }
.btn_list { background-color:#555; color:#fff; padding:6px 30px; font-size:18px; border:1px solid #666; border-radius:5px; }
.btn_add { background-color:#fff; color:#555; line-height:100%; margin:1px; font-size:12px; padding:5px; }
.btn_del { background-color:#fff; color:#555; line-height:100%; margin:1px; font-size:12px; padding:5px; }
.btn_login { background-color:#555; color:#fff; width:100%; padding:10px; font-size:18px; border:1px solid #666; border-radius:5px; }

.btn_board_list { background-color:#555; color:#fff; padding:3px 10px; font-size:15px; border:1px solid #666; border-radius:5px; margin:2px; }
.btn_board_write { background-color:#d52027; color:#fff; padding:3px 10px; font-size:15px; border:1px solid #ed1f27; border-radius:5px; margin:2px; }

.box_search { border:1px solid #cdcdcd; background-color:#fff; padding:25px; }

.tb_search { width:100%; border:1px solid #cdcdcd; border-right:0px; }
.tb_search th { background-color:#f5f5f5; text-align:center; padding:5px 0px; font-size:16px; font-weight:400; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; }
.tb_search td { background-color:#fff; padding:0px; font-size:16px; font-weight:400; border-right:1px solid #cdcdcd; vertical-align:top; }
.tb_search td .box_cate { height:148px; table-layout:fixed; overflow-x:hidden; overflow-y:scroll; text-align:center; width:100%; }
.tb_search td .box_cate div { font-size:18px; width:100%; padding:5px 0px; cursor:pointer; }
.tb_search td .box_cate .selected { background-color:#d52027; color:#fff; }

.tb_list { border:1px solid #cdcdcd; background-color:#fff; padding:25px; }
.tb_list_sub { width:100%; }
.tb_list_sub th { background-color:#f5f5f5; text-align:right; color:#555; padding:10px; border-bottom:1px solid #cdcdcd; font-weight:400; font-size:15px; }
.tb_list_sub td { background-color:#fff; text-align:left; color:#555; padding:10px; border-bottom:1px solid #cdcdcd; font-weight:400; font-size:15px; }

.box_thumb div { width:91px; height:50px; float:left; overflow:hidden; vertical-align:middle; margin:0px 5px; background-color:#f5f5f5; }
.box_bimg { width:598px; height:392px; float:left; overflow:hidden; text-align:center; }
.box_bimg img { height:100%; }

.box_detail_img { display:inline-block; width:329px; overflow:hidden; margin:0px 5px; text-align:center; }
.ic_detail { background:url(/images/ic_detail.png) no-repeat top left; width:41px; height:40px; position:absolute; margin-top:-45px; cursor:pointer; margin-left:288px; }
#box_detail { background:url(/images/back_black.png); width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:100; text-align:center; }

.sub_top { background:url(/images/back_sub_top.jpg) repeat-x top left; height:380px; border-bottom:1px solid #cdcdcd; }


.page { height:34px; width:34px; cursor:pointer; }
.pageon { border-bottom:3px solid #696969; height:32px; width:32px; cursor:pointer; }