@charset "utf-8";
/* base */
html,body{height:100%;margin:0;background:transparent}
body{font-size:75%;line-height:1.5;color:#4c4c4c;background:transparent;font-style:normal;font-family:AppleGothic,Dotum,sans-serif}
table{font-size:1em}
img,fieldset{border:0}
fieldset legend{position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
ul,ol,dl{list-style:none;padding:0;margin:0;}
img,
ul li img{vertical-align:top}
p{padding:0;margin:0}
a{text-decoration:none}
a:link,a:visited{color:#4c4c4c}
a:hover,a:active,a:focus{color:#e03712;text-decoration:underline}

img.vam{margin:0 0 2px 0;vertical-align:middle}/*글자와 이미지 어울림*/

.dpn{display:none !important}
.dpb{display:block !important}
.nbg{background:transparent !important}
.brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
.blind{position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}/* 만약 이미지 숨김기법으로 링크를 적용할때는 width/height값을 1px을 줘야함  */
.indent{clear:both;margin-left:19px !important}/* 들여쓰기 */
.overflow_h {overflow:hidden}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* layout */
body{}
#wrap{position:relative;width:100%;padding:0;margin:0;!background:url(/images/inc/bg.gif) no-repeat 50% 0}
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#header{z-index:20;clear:both;position:relative;width:1000px;height:160px;margin:0 auto}
#container{z-index:10;clear:both;position:relative;width:1000px;margin:0 auto;padding:0 0 100px}
#container:after{content:".";display:block;clear:both;height:0;visibility:hidden}
#side{display:inline;float:left;width:240px;padding:0;margin:0 50px 20px 0}
#body{display:inline;float:left;width:710px;padding:0;margin:0}
#body.tsh{display:inline;float:left;width:780px;padding:0;margin:0 40px 0 0}
#rside{display:inline;float:left;width:180px;padding:0;margin:167px 0 0}
#body.mm{float:none;width:1000px;padding:0;margin:0}
#body_header{clear:both;position:relative;width:100%;height:60px;padding:0;margin:0}
#body.tsh #body_header{margin-top:30px;}
#body_content{clear:both;position:relative;width:710px;min-height:350px;_height:350px;margin:0 auto;padding:0}
#body_content.tsh{clear:both;position:relative;width:780px;min-height:350px;_height:350px;margin:0;padding:0}
#body_content:after{content:".";display:block;clear:both;height:0;visibility:hidden}
#footer{clear:both;position:relative;width:100%;height:126px;margin:0;background:url(/images/inc/bg_footer.gif) no-repeat 50% 0}
#footer_wp{position:relative;width:1000px;height:126px;margin:0 auto;}
#quick{z-index:50;position:absolute;left:50%;top:270px;width:70px;height:405px;margin-left:525px;background:url(/images/inc/bg_qm.gif) no-repeat}

/* 전체공통UI초기화 */
#header *,#side *,#footer_wp *{list-style:none;margin:0;padding:0;border:0;background:transparent;font-size:1em;line-height:1.25}

/* header */
#skipnavigation *{list-style:none;margin:0;padding:0}
#skipnavigation a{display:block;width:100%;height:1px;margin-top:-1px;overflow:hidden;white-space:nowrap}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#000;line-height:36px;text-decoration:underline !important;font-size:1.17em;background:#f4f4f4}

#logo{position:absolute;left:6px;top:14px}

#gm{z-index:10;position:absolute;right:0;top:15px;}
#gm .loginName{ font-color:#311f10 }
#gm ul{display:inline;float:right;position:relative;height:11px;}
#gm ul li{display:inline;float:left;height:11px;padding:0 10px 0 0;margin:0 8px 0 0;background:url(/images/inc/gmlibg.gif) no-repeat 100% 50%}
#gm ul li.nobg{background:transparent;padding:0;}
#gm ul li a{display:inline;float:left;padding:0;margin:0;}

#search{z-index:10;position:absolute;left:334px;top:12px;width:366px;height:38px;background:url(/images/inc/bg_search.gif) no-repeat}
#search fieldset legend{position:absolute;left:-9999px}
#search p.tt{z-index:-1;position:absolute;left:21px;top:12px;color:#000;font-size:1em;line-height:18px}
#search input.it{z-index:10;position:absolute;left:21px;top:12px;width:260px;height:18px;line-height:18px;color:#000;font-size:1em;border:0;background:#fbf3e7;opacity:0.01;}
#search .btns{position:absolute;right:0;top:4px}

#topmenu{	position:absolute;left:0;top:70px;width:1000px;height:90px}
#topmenu ul{position:absolute;left:0;top:0}
#topmenu ul li{display:inline;float:left;padding:0;margin:0}
#topmenu ul li.on ul { display: block; }
#topmenu ul li ul{display:none;position:absolute;left:0;top:55px;width:1000px;height:35px}
#topmenu ul li ul li{display:inline;float:left;}
#topmenu ul li ul li a{display:block;padding:8px 28px 12px 10px;margin:0;line-height:1.25;color:#222;white-space:nowrap;background:url(/images/inc/nav2bg.gif) no-repeat 0 12px}
#topmenu ul li ul li a:focus,
#topmenu ul li ul li a:hover,
#topmenu ul li ul li a.on{background:url(/images/inc/nav2bgon.gif) no-repeat 0 12px;color:#e03712;text-decoration:underline;font-weight:bold;letter-spacing:-1px}
#topmenu ul li ul#top2m1{padding-left:50px;width:950px}
#topmenu ul li ul#top2m2{padding-left:250px;width:750px}
#topmenu ul li ul#top2m3{padding-left:300px;width:700px}
#topmenu ul li ul#top2m4{padding-left:200px;width:900px}

#visual{z-index:10;position:relative;width:100%;height:170px;}
#visual .visual{position:relative;width:1000px;height:170px;padding:0;margin:0 auto}
/* side */
h2#lnb_title{position:relative;width:240px;padding:0;margin:0;background:transparent}
h2#lnb_title img{vertical-align:top}
#sidemenu{position:relative;width:240px;padding:0;margin:0;background:url(/images/inc/bg_sideul.gif) no-repeat 0 100%}
#sidemenu ul{position:relative;width:200px;padding:20px 20px 66px;margin:0}
#sidemenu ul li{width:100%;}
#sidemenu ul li a{display:block;width:200px;padding:0;margin:0;line-height:1.25}
#sidemenu ul li ul{position:relative;width:200px;padding:3px 0 0;margin:0}
#sidemenu ul li ul li{}
#sidemenu ul li ul li a{display:block;width:200px;padding:0 0 2px;margin:0}

/* body_header */
#pagenavi{position:absolute;right:0px;top:16px;min-width:1em;font-size:1em;white-space:nowrap;text-align:right}
#pagenavi a{display:inline;float:left;color:#000;text-decoration:none;padding-top:0px}
#pagenavi a.home{}
#pagenavi span{display:block;float:left;width:18px;height:18px;color:#000;text-decoration:none;text-align:center}
#pagenavi strong{color:#000;text-decoration:none}
#pagenavi a:hover{text-decoration:none}

#h1pageTitle h1{position:absolute;left:0;top:6px;padding:0 !important;margin:0;background:transparent}

/* footer */
#flogo{position:absolute;left:39px;top:19px}
#flogo2{position:absolute;left:23px;top:52px}
#fmenu{position:absolute;left:290px;top:22px}
#fmenu ul{}
#fmenu ul li{display:inline}
#fmenu ul li a{display:block;float:left;padding:0;margin:0}
#addressbox{position:absolute;left:290px;top:53px}
#addressbox address{display:block;padding:0;margin:0;}
#addressbox address.copyright{display:block;padding:5px 0 0;margin:0;}
/* quick */
#quick h2{padding:0;margin:0;background:transparent}
#quick .fzbox{position:relative;width:47px;height:15px;padding:6px 11px 7px 12px}
#quick .fzbox h3{float:left;padding:0;margin:0;background:transparent}
#quick .fzbox a.pl{float:left;padding:0;margin:0;}
#quick .fzbox a.mi{float:left;padding:0;margin:0 0 0 3px;}
#quick .qm{position:relative;width:70px;padding:0;margin:0}
#quick .qm ul{width:70px}
#quick .qm ul li{width:100%}
#quick .qm ul li a{display:block;padding:0;margin:0}

/* Common Template */
/* Heading */
h1,h2,h3,h4,h5,h6{padding:0;margin:10px 0;background:transparent;font-size:1em;line-height:1.25;font:bold 1em/1.25 'Dotum'}
h1{margin:0;padding:0 0 0 16px;background:url(/images/inc/h1bg.gif) no-repeat 0 4px;font-weight:bold;font-size:1.25em;line-height:1.2}
h2{margin:10px 0;padding:0 0 0 20px;background:url(/images/inc/h2bg.gif) no-repeat;color:#000;font-weight:bold;font-size:1em;line-height:1.25}
h3{margin:10px 0;padding:0 0 0 15px;background:url(/images/inc/h3bg.gif) no-repeat;color:#333;font-weight:bold;font-size:1em;line-height:1.25}
h4{margin:10px 0;padding:0 0 0 10px;background:url(/images/inc/h4bg.gif) no-repeat 0 6px;color:#4c4c4c;font-weight:normal;font-size:1em;line-height:1.25}
/* List */
ul.bu{list-style:none;margin:6px 0;padding:0;text-align:left}
ul.bu li{display:block;margin:0;padding:0 0 0 18px;color:#222;background:url(/images/inc/li1bg.gif) no-repeat}
ul.bu ul li{background:url() no-repeat}/* 2depth */
ul.bu ul ul li{ background:url() no-repeat}/* 3depth */
ul.bu ul ul ul li{ background:url() no-repeat}/* 4depth */
ul.bu ul,ul.bu ul ul,ul.bu ul ul ul{list-style:none;margin:6px 0;padding:0}

ul.pbu{list-style:none;margin:0;padding:0;text-align:left}
ul.pbu li{display:block;margin:0;padding:3px 0 2px 9px;color:#222;line-height:1.25;background:url(/images/inc/pli1bg.gif) no-repeat 0 9px}

ul.abu{list-style:none;margin:0;padding:0;text-align:left}
ul.abu li{display:inline;float:left;width:100%;padding:0;margin:0}
ul.abu li a{display:block;margin:0;padding:5px 0 5px 10px;color:#222;line-height:1.25;background:url(/images/inc/mli1bg.gif) no-repeat 0 9px}
ul.abu li a:hover{color:#e03712}

ul.mbu{list-style:none;margin:0;padding:0;text-align:left}
ul.mbu li{display:block;margin:0;padding:3px 0 2px 11px;color:#222;line-height:1.25;background:url(/images/content/mli1bg.gif) no-repeat 0 6px}

table td ul.bu{list-style:none;margin:0;padding:0;text-align:left}
table td ul.bu li{margin:0;padding:1px 0 1px 10px;background: url(/images/inc/pli1bg.gif) no-repeat 0 7px}
table td ul.bu ul li{background:url() no-repeat}
table td ul.bu ul{list-style:none;margin:6px 0;padding:0}

ol{margin:6px 0;padding:0 0 0 22px;list-style-type:decimal-leading-zero}/* 숫자리스트( 01,02,03 이렇게 시작함) */
ol.decimal{list-style-type:decimal}/* 숫자리스트( 1,2,3 이렇게 시작함) */
ol.num{margin:0 0 0 -22px}
ol.num li{list-style:none;padding:0 0 0 18px;background-repeat:no-repeat;background-position:0 2px}/* 이미지 숫자리스트 */

dl.bu{padding:0;margin:6px 0;text-align:left}
dl.bu dt{float:left;padding:2px 0 1px;margin:0;line-height:1.25;color:#4c4c4c;font-weight:bold}
dl.bu dd{float:left;padding:2px 0 1px;margin:0 0 0 10px;line-height:1.25;color:#4c4c4c;font-weight:normal}

p{display:block;padding:0;margin:0;line-height:20px;color:#222}
p.pt{display:block;padding:0 0 0 10px;margin:0;line-height:20px;background:url(/images/inc/bg_ppoint.gif) no-repeat 0 8px;color:#222}
p.bu{display:block;padding:0 0 0 9px;margin:0;line-height:20px;background:url(/images/inc/mli1bg.gif) no-repeat 0 6px;color:#222}
/* table 상단강조 */
table caption {position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
table.t1{border-collapse:collapse;width:100%;margin:0;border:0;border-top:2px solid #956f48;background:#fff;border-right: 1px hidden #fff}
*:first-child+html table.t1{border-right:1px solid #fff !important}
table.t1 tr{text-align:center}
table.t1 th, table.t1 td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 10px 8px}
table.t1 th{background:#f4f4f4;font-weight:bold;text-align:inherit}
table.t1 thead th{background:#f6f6f6;color:#222;vertical-align:middle}
table.t1 tbody.tdtac{text-align:center !important}
table.t1 tbody td.sj a{color:#e03712;text-decoration:underline}

table.t11{border-collapse:collapse;width:100%;margin:0;border:0;border-top:2px solid #956f48;background:#fff}
table.t11 tr{text-align:left}
table.t11 th, table.t11 td{border:1px solid #ccc;padding:8px 10px 6px}
table.t11 th{background:#f4f4f4;font-weight:bold;text-align:inherit}
table.t11 thead th{background:#f6f6f6;color:#222;vertical-align:middle;text-align:center;border-bottom:0;}
table.t11 tbody td.num{color:#e03712;text-align:center}

table.t2{clear:both;border-collapse:separate;width:409px;margin:0;border:0;border-top:2px solid #adcff0;background:#fff}
table.t2 caption {}
table.t2 tr{}
table.t2 th, table.t2 td{border-bottom:1px solid #e0e0e0;padding:5px 7px 3px}
table.t2 th{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;font-weight:bold;text-align:inherit}

table.t3{clear:both;border-collapse:collapse;margin:0;border:0;border-top:2px solid #956f48;border-bottom:2px solid #ccc;background:#fff;border-right: 1px hidden #fff}
*:first-child+html table.t3{border-right:1px solid #fff !important}
table.t3 caption {}
table.t3 tr{}
table.t3 th, table.t3 td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 10px 7px;line-height:15px}
table.t3 th{border-right:1px solid #ccc;font-weight:bold;text-align:inherit;background:url(/images/board/bg_t3_thead.gif) repeat-x 0 100%}
/* 배치 */
.left{float:left;padding:6px 0}
.right{float:right;padding:6px 0}
img.flm{float:left;margin:0 20px 20px 0}
img.frm{float:right;margin:0 0 20px 20px}
img.center{display:block;margin:0 auto;text-align:center}
.fl{float:left}
.fr{float:right}
.ct{position:relative;margin:0 auto;padding:0;text-align:center}
/* text-align */
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
/* box */
.box1{position:relative;border:1px solid #eee;background:#f7f7f7;padding:0}
.box1.pd30{padding:20px 30px}
.box1.pd43{padding:13px 43px}
.box1.eppd13{padding:13px 30px}


/* community */
ol.num li.n01{background-image: url(/images/inc/n01.gif);}
ol.num li.n02{background-image: url(/images/inc/n02.gif);}
ol.num li.n03{background-image: url(/images/inc/n03.gif);}
ol.num li.n04{background-image: url(/images/inc/n04.gif);}
ol.num li.n05{background-image: url(/images/inc/n05.gif);}
ol.num li.n06{background-image: url(/images/inc/n06.gif);}

.fwn{font-weight:normal !important}
.fwb{font-weight:bold !important}

.lsm1{letter-spacing:-1px !important}
.ls0{letter-spacing:0 !important}

/* position */
.m0 {margin:0 !important}
.mt0 {margin-top:0 !important}
.mt1 {margin-top:1px !important}
.mt2 {margin-top:2px !important}
.mt3 {margin-top:3px !important}
.mt4 {margin-top:4px !important}
.mt5 {margin-top:5px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt100 {margin-top:100px !important}
.ml1 {margin-left:1px !important}
.ml2 {margin-left:2px !important}
.ml3 {margin-left:3px !important}
.ml4 {margin-left:4px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.mb5{margin-bottom:5px !important}
.mb7{margin-bottom:7px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mr1 {margin-right:1px !important}
.mr2 {margin-right:2px !important}
.mr3 {margin-right:3px !important}
.mr4 {margin-right:4px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr30 {margin-right:30px !important}
.mr40 {margin-right:40px !important}
.pl5  {padding-left:5px !important}
.pl10  {padding-left:10px !important}
.pl60  {padding-left:60px !important}
.pr60  {padding-right:60px !important}
.pt0 {padding-top:0px !important}
.pt2 {padding-top:2px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt50 {padding-top:50px !important}
.pb0 {padding-bottom:0px !important}
.pb50 {padding-bottom:50px !important}
/* color */
.pcr{color:#EB7016}
.cle03712{color:#e03712 !important}
.cl885d2e{color:#885d2e !important}
.cl000{color:#000 !important}
.cl222{color:#222 !important}
.fs11{font-size:.92em !important}
.tdu{text-decoration:underline !important}
.lh25{line-height:25px !important;background-position:0 5px !important}