@charset "utf-8";
/*base*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body{ font-weight:300; height:100%;width:100%;text-align:left;font-size:12px;font-family:"Noto Sans KR","Dotum", "Arial", "verdana";color:#666666;line-height:1.5;}
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;margin:0;padding:0px}
img{border:0 none;line-height:0;font-size:0;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;width:100%}
fieldset{border:0}
legend, caption{display:none;height:0;overflow:hidden}
textarea{border:2px solid #dbdbdc;padding:8px 10px !important;line-height:18px; resize:none;}
input, textarea{font-weight:300;vertical-align:middle;font-size:12px;color:#666;font-family:"Noto Sans KR","Dotum", "Arial", "verdana";padding:0;margin:0}
input[type="checkbox"] {width:17px; height:17px;}
input[type="radio"] {margin-top:-4px; width:17px; height:17px;}
input[type="file"]{height:22px;color:#666;border:1px solid #d4d4d4;line-height:22px;vertical-align:middle;background:#fff}
input.text{height:33px;line-height:33px;padding:0px 10px;border:2px solid #dbdbdc;}
input.date{margin:0 3px 0 0;width:110px}
em {font-style:normal;}
iframe {border:none;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Util */
.ta-c { text-align: center !important;}
.ta-r { text-align: right !important;}
.ta-l { text-align: left !important;}
.fl-l { float: left;}
.fl-r { float: right;}
.fl-no { float: none;}
.hidden { visibility: hidden;}
.fs35 { font-size:35px !important; }
.va-t { vertical-align:top !important; }
.bg-f6f6f6 { background:#f6f6f6; }
.bg-ffffff { background:#fff; }
.bg-gra { background:url(../../../image/page/bg_gra.jpg) left bottom repeat-x;}

/* spaces */
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 70px !important; }
.mt100 { margin-top: 100px !important; }

.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }

.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 70px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.ml75 { margin-left: 75px !important; }
.ml0 { margin-left: 0px !important; }
.ml3 { margin-left: 3px !important; }
.mr3 { margin-right: 3px !important; }
.mr10 { margin-right: 10px !important; }
.b-blue { border:1px solid #56c7d5; }


.of-hi { overflow:hidden; }
.thin { font-weight:100; }
/* blind */
.blind{width:0; height:0; text-indent:-10000px;font-size:0px;line-height:0px; position:absolute; left:-99999px;}
.blind table{text-indent:-10000px}
/* skipnavi */
#skipnavi{height:0}
#skipnavi li a {display: block;font-size:16px;width:100%;position:absolute;top:-10000px;left:0;text-align:center;z-index:999999}
#skipnavi li a:focus{position:absolute;top:0;left:0;font-weight:bold;background:#272727;padding:20px 0;color:#ffffff;height:14px}
/*layout*/
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.bg-line { position:absolute; width:100%; height:100%; }
body.main .bg-line.line1 { background:none; top:0px; left:64px; display:none; }
body.main .bg-line.line2 { background:none; top:0px; left:60px; display:none; }
.bg-line.line1 { background:url(../../../image/common/bg_line1.png) top right no-repeat; top:0px; left:64px; }
.bg-line.line2 { background:url(../../../image/common/bg_line2.png) top right no-repeat; top:0px; left:60px; }
.bg-line.line3 { background:url(../../../image/common/bg_line3.png) top right no-repeat; top:0px; left:21px; }
.basic-width { width:1110px; max-width:1110px; margin:0px auto; position:relative; }
#headerWrap { position:relative; width:100%; overflow:hidden; height:49px; background:#fff; }
#header div { line-height:49px; height:49px; }
#header img { vertical-align:middle; }
#header .logo { margin:0px 0px 0px 250px; }
#header .util { position:relative; min-width:200px; }
#header .util-btn { margin-right:0px; }
#header .util-btn span { color:#cccccc; margin:0px 17px; }
#header .util-btn span.divide { background:url(../../../image/common/bg_divide.gif) no-repeat center center; width:3px; height:3px; display:inline-block; }
#header .util-btn a { font-size:11px; color:#999999; margin:0px 4px; font-weight:normal; }
#header .sns a { margin-left:10px; }

#gnbWrap .bb { width:100%; height:1px; background:#ddd; top:71px; left:0px; position:absolute; }
#gnbWrap { position:absolute; width:100%; overflow:hidden; height:72px; background-size:100% 1px; z-index:2; ;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
 }
#gnbWrap.expend { position:absolute; width:100%; overflow:hidden; height:331px; border-bottom:none;background:#fff; background-size:100% 100%; z-index:10000;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1)  ;
	-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1)  ;
	-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1)  ;

}
#gnbWrap .navBg{width:100%; min-width:1110px; position:absolute; height:72px; overflow:hidden;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
 }
#gnbWrap .navBg.expend{position:relative; z-index:900; top:0px; left:0; height:331px;}
#gnbWrap .navBg .bg-gnb { position:absolute; left:-209px; top:20px; display:none; z-index:-1; }
#gnbWrap .navBg.expend .bg-gnb { display:block; }
#gnbWrap .navBg .nav .bg{display:none;}
#gnbWrap .navBg.expend .nav .bg{display:block; position:absolute; top:254px; left:0; z-index:900;

}


/*
#gnbWrap .bb { width:100%; height:1px; background:#ddd; top:71px; left:0px; position:absolute; }
#gnbWrap { position:absolute; width:100%; overflow:hidden; height:72px; z-index:200; }
#gnbWrap.expend { height:399px; border-bottom:none; background-position:0px 86px; z-index:10000;}
#gnbWrap .navBg{width:100%; min-width:1110px; position:absolute; height:72px; overflow:hidden;}
#gnbWrap .navBg.expend{position:relative; z-index:900; top:0px; left:0; height:399px;}
#gnbWrap .navBg .bg-gnb { position:absolute; left:-209px; top:20px; display:none; z-index:-1; }
#gnbWrap .navBg.expend .bg-gnb { display:block; }
#gnbWrap .navBg .nav .bg{display:none;}
#gnbWrap .navBg.expend .nav .bg{display:block; position:absolute; top:254px; left:0; z-index:900;}
*/
#gnbWrap .navBg .nav{margin:0 auto; width:1110px; position:relative; height:72px; }
#gnbWrap .navBg .nav h2{ float:left; font-size:0; position:absolute; top:0px;}
#gnbWrap .oneDepth > a { display:inline-block; padding:20px 42px 34px 42px; }
#gnbWrap .navBg .nav h2.mn1{left:297px;}
#gnbWrap .navBg .nav h2.mn2{left:450px;}
#gnbWrap .navBg .nav h2.mn3{left:644px;}
#gnbWrap .navBg .nav h2.mn4{left:782px;}
#gnbWrap .navBg .nav h2.mn5{left:931px;}
#gnbWrap .navBg .nav h2.mn6{left:778px;}
#gnbWrap .navBg .nav h2.mn7{left:920px;}
#gnbWrap .navBg .nav ul{width:14.2%; position:absolute; top:105px; left:0;  min-height:225px; }
#gnbWrap .navBg .nav ul.mn1{left:284px; width:175px;}
#gnbWrap .navBg .nav ul.mn2{left:453px; width:195px;}
#gnbWrap .navBg .nav ul.mn3{left:635px; width:162px;}
#gnbWrap .navBg .nav ul.mn4{left:779px; width:168px;}
#gnbWrap .navBg .nav ul.mn5{left:954px; width:110px;}
#gnbWrap .navBg .nav ul.mn6{left:815px;}
#gnbWrap .navBg .nav ul.mn7{left:975px;}
#gnbWrap .navBg .nav ul li{width:100%; margin:0 0 2px 0;}
#gnbWrap .navBg .nav ul li a{display:inline-block; border-bottom:1px solid transparent; height:18px; font-size:15px; color:#666666; overflow:hidden; }
#gnbWrap .navBg .nav ul li a:hover {color:#0e76bc;  }
#gnbWrap .navBg .nav hr{height:1px; border:none; border-top:1px solid #c7c7c7; width:116px; padding:0; margin:20px 0 20px 0; text-align:left;}
hr.gray{height:1px; border:none; border-top:1px solid #dcdcdc; }
#gnbWrap .navBg .nav hr.green { position:absolute; left:339px; top:69px; height:2px; border:none; border-top:2px solid #5cbb46; width:73px; margin:0px; display:none; }
#gnbWrap .navBg.expend .nav hr.green { display:block; }
#gnbWrap .navBg .nav ul > li{width:100%; margin:0; text-align: center; }
#gnbWrap .navBg .nav ul > li > a{display:inline-block; text-align:center; height:25px; font-weight:500; line-height:25px; font-size:14px; color:#666666; overflow:hidden; }
#gnbWrap .navBg .nav ul > li > a:hover{ color:#22b500; border-bottom:1px solid #22b500; }
/*#gnbWrap .navBg .nav ul > li > a:hover {color:#0e76bc; border-bottom:1px solid #0e76bc; }*/
#gnbWrap .navBg .nav ul > li > ul {  }
#gnbWrap .navBg .nav ul > li > ul > li { height:20px; line-height:20px; }
#gnbWrap .navBg .nav ul > li > ul > li > a{display:inline-block; height:20px; line-height:20px; font-size:12px; color:#666666; overflow:hidden; }
#gnbWrap .navBg .nav ul > li > ul > li > a:hover{ color:#22b500; border-bottom:1px solid #22b500; }
#topBanner {height:528px; min-width:1100px; overflow:hidden; position:relative; margin-top:90px; }
#topBanner li {width: 100%; height: 528px;  }
#topBanner li a {display: block; width:100%; max-width:1110px; height: 469px; margin:0 auto; text-indent: -999px;  overflow: hidden;}
#topBanner .thumb { width:1110px; position:absolute; left:50%; margin-left:-600px; text-align:center; bottom:35px; z-index:100;}
#topBanner .thumb a { position:relative; display:inline-block; width:15px; height:15px; border-radius:8px; background:#fff; opacity:.5; font-size:0; border:0; padding:0; margin:0 3px; cursor:pointer;}
#topBanner .thumb .active {background:#fff; opacity:1; width:40px; /*background-position:-20px 0;*/}
#topBanner .thumb .over { display:none; position:absolute; left:0px; top:0px; border:3px solid #13bae0; width:64px; height:38px; }
#topBanner .thumb .active .over{display:block;}
#topBanner .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    outline: 0;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    z-index: 9999;
}
#topBanner .bx-controls-direction a.bx-next { background: url(../../../image/main/btn_left.png) no-repeat; left:50%; margin-left:-625px; }
#topBanner .bx-controls-direction a.bx-prev { background: url(../../../image/main/btn_right.png) no-repeat; left:50%; margin-left:555px;}
#topBanner .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {z-index: 9999;}
#topBanner .bx-controls-auto .bx-start {
	display:none;
	z-index: 9999;
	position:absolute;
	left:50%;
	bottom:43px;
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 12px;
    outline: 0;
    background:url(../../../image/main/start.png) no-repeat;
    margin: 0 3px;
}
#topBanner .bx-controls-auto .bx-stop {
	z-index: 9999;
	position:absolute;
	left:50%;
	bottom:43px;
    text-indent: -9999px;
    width: 9px;
    height: 12px;
    outline: 0;
    background:url(../../../image/main/stop.png) no-repeat;
    margin: 0 3px;
	display:none;
}

#visualWrap { margin-top:72px; position:relative; width:100%; height:159px; border-bottom:1px solid #d9d9d9; background:url(../../../image/common/bg_visual.jpg);}
.visua-top { position:absolute; left:0px; top:0px; width:100%; height:288px;/* background:url(../../../image/page/pattern_01.png);*/ }
.visua-bottom { position:absolute; left:0px; top:297px; width:100%; height:54px; /*background:url(../../../image/page/pattern_02.png)*/; }
.breadcrumb { width:1110px; line-height:1; position:relative; margin:0px auto; }
.breadcrumb a{ display:inline-block; padding:0px 10px; color:#999999; font-size:12px; }
.breadcrumb a.on{ color:#333; }
.breadcrumb span{ display:inline-block; width:10px; text-align:center; }
.full-wrap { position:relative; width:100%; overflow:hidden; }
#visualWrap #visual { height:160px; }
#visual h2 { text-align:left; color:#fff; font-size:45px; letter-spacing:-1px; line-height:1; letter-spacing:-4px; }
#visual h2 > span { display:inline-block; margin-top:45px; margin-left:55px; font-weight:100; }
#visual h2 > span .one{ font-weight:bold; color:#fffbb8; }
#visual h2 > span .two{ font-weight:bold; color:#ebffd8; }
#visual p { line-height:1; margin-top:15px;  padding-left:55px; font-size:22px; color:#fff; font-weight:bold; }
#contentsWrap { position:relative; width:100%; overflow:hidden;  border-bottom:1px solid #f6f6f6; }
#contentsWrap .contents { width:1110px; padding:40px 0 50px; min-height:500px; }
.contents h2 { line-height:1; text-align:center; padding-bottom:45px; margin-bottom:50px; font-size:50px; color:#333; font-weight:bold; background:url(../../../image/common/bg_circle.gif) center bottom no-repeat; }
.contents h2 span { color:#f89265; display:inline-block; }
.contents .pos h2 { line-height:34px; height:34px; text-align:center; margin-bottom:0px; font-size:40px; color:#666666; font-weight:normal; }
.contents h3 { font-size:25px; font-weight:bold; color:#666666; line-height:1; margin-bottom:30px; }
.contents .leave-wrap h3 { font-size:25px; font-weight:bold; color:#666666; line-height:1; margin-bottom:20px; }
.contents .top-wrap { background:url(../../../image/common/bg_top.jpg) no-repeat center bottom; }
.contents .top-wrap p { text-align:center; font-size:20px; font-weight:500; color:#000; }
#contentsWrap #contentsArea{width:962px; margin:27px auto 0; position:relative;}
.contents-base { margin:0px 75px; }
#contentsWrap .contents-base .con { margin-top:25px; overflow: hidden; }
#contentsWrap .top .desc { color:#888888; font-size:15px; font-weight:bold; }
#contentsWrap .subTitle2 { color:#333; font-size:25px; font-weight:500; line-height:25px; height:25px; }
#contentsWrap .underTitle{color:#333; font-size:34px; font-weight:500; margin:50px 0 20px 0;}
#contentsWrap .textBox{border:1px solid #dcdcdc; overflow:scroll; overflow-X:hidden; padding:20px; height:275px; color:#8d8d8d; }
	.contents-base .subTitle2 .titBtn {float:right; margin-top:12px; }
	.contents-base .subDesc2 { display: inline-block; margin: 12px 0 0 0; color:#888888; font-size:15px; font-weight:500; }
	.grey-con { padding:120px 0px; height: auto; background:#f8f8f8; overflow:hidden; max-height:385px; }
.bottom-wrap { width:1110px; max-width:1110px; margin:120px auto 100px; position:relative; overflow:hidden; padding-top:60px; background:url(../../../image/common/bg_circle.gif) center top no-repeat; }
.type2 .bottom-wrap { margin:40px auto 100px;  padding-top:60px; background:url(../../../image/common/bg_circle.gif) center top no-repeat; }
#tabWrap { position:relative; width:100%; margin-bottom:70px; }
#tabWrap ul { height:62px;  }
#tabWrap ul li { float:left; width:16.66%; position:relative; }
#tabWrap ul li a { border-left:1px solid #dedede; border-top:1px solid #dedede; border-bottom:1px solid #dedede; font-size:18px; color:#4c4d4f; line-height:62px; display:block; text-align:center; font-weight:500; background:#fff; }
#tabWrap ul li:last-child a { border-right:1px solid #dedede; }
#tabWrap ul li.on a { color:#fff; background:#0e76bc; border-left:1px solid #0e76bc; border-top:1px solid #0e76bc; border-bottom:1px solid #0e76bc; }
#tabWrap ul li.on:after {
  content: '';
  position: absolute; left: 47%; top: 62px;
  width: 0px; margin-top: 2px;
  border-top: 7px solid #0e76bc; border-right: 6px solid transparent; border-left: 6px solid transparent;
}
#footerWrap { position:relative; width:100%; overflow:hidden; border-top:1px solid #d9dbdd; background:#fff; padding:20px 0px; }
#footerWrap .f-logo { height:56px; }
#footerWrap .f-txt { padding-left:25px; height:147px; margin-left:29px;  }
#footerWrap .f-txt a{ color:#828282; font-size:12px; }
#footerWrap .f-txt p{ margin-top:19px; font-size:12px; color:#828282; }
#footerWrap .f-txt .divide { display:inline-block; color:#cdcdcd; margin:0px 7px; }
#quick{position:absolute; left:50%; z-index:200; width:100px; margin-left:582px;}
#quick .quickIcon {}
#quick .quickIcon li {}
#quick .quickIcon li a {display:block;}
#quick .quickIcon li img {vertical-align:middle;}

/*common*/
.blue { color:#09baee !important; }
.grey { color:#a0a0a0; }
.midium { font-weight:500; }
a.btn-wide-blue { width:300px; height:60px; line-height:60px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; background:#09baee; margin:0px 4px; }
a.btn-wide-grey { width:300px; height:60px; line-height:60px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; background:#96a1b4; margin:0px 4px; }
a.btn-nomal-blue { width:224px; height:50px; line-height:50px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; background:#09baee; margin:0px 4px; }
a.btn-nomal-grey { width:224px; height:50px; line-height:50px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:400; background:#96a1b4; margin:0px 4px; }
a.btn-nomal-green { width:198px; height:50px; line-height:50px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:400; background:#5cbb46; }
a.btn-board-blue { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:16px; font-weight:400; background:#09baee; margin:0px 4px; }
a.btn-board-grey { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:16px; font-weight:400; background:#96a1b4; }
a.btn-board-grey.directions { width:224px; height:50px; line-height:50px; color:#fff; text-align:left; display:inline-block; font-size:18px; font-weight:400; background:url(../../../image/page/bg_diretion.png) no-repeat left 40px center #96a1b4; letter-spacing:-1.3px; padding-left:70px; }
a.btn-board-white { width:150px; height:38px; line-height:38px; color:#333; border:1px solid #a9a9a9; text-align:center; display:inline-block; font-size:15px; font-weight:400; background:#fff; }
a.btn-board-grey2 { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:16px; font-weight:400; background:#b7b7b7; }
a.btn-board-grey-small { width:84px; height:30px; line-height:30px; color:#555555; border:1px solid #a9a9a9; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#f5f5f5; }
a.btn-small-grey { width:96px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:400; background:#96a1b4; margin:0px 4px; }
a.btn-small-blue { width:96px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:16px; font-weight:400; background:#09baee; margin:0px 4px; }
[class^="pop"] a.btn-nomal-blue { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; background:#09baee; margin:0px 4px; }
[class^="pop"] a.btn-nomal-grey { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; background:#b7b7b7; margin:0px 4px; }
.standby { display:inline-block; background:#b4b4b4; font-size:14px; padding:0px 20px; line-height:30px; height:30px; color:#fff; margin-left:40px;}
.q_comp { display:inline-block; background:#717171; font-size:14px; padding:0px 20px; line-height:30px; height:30px; color:#fff; margin-left:40px;}

.modal {
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=85);
    opacity: 0.8;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 210;
    display: none;
}
.layerPop {
    z-index: 600;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -320px;
    width: 484px;
    padding: 60px 78px;
    min-height: 220px;
    background: #fff;
    box-shadow: 5px 10px 2px rgba(0,0,0,.1);
}
/* selectbox */
.selectArea{position:relative; display:inline-block;}
.selectbox{padding: 0 10px;height:33px;font-size:12px;line-height:33px;display:block;cursor:pointer;border:2px solid #dbdbdc;color:#626262;background:#fff url('../../../image/common/btn_selectBox.gif') no-repeat right center;}
div.selectbox-wrapper{position:absolute;width:400px;background-color:white;border:1px solid #dbdbdc;margin:-1px 0 0 0;padding:0;text-align:left;height:60;/*IE6 fix */ overflow-y:auto;z-index:1;max-height:300px;}
div.selectbox-wrapper ul li.selected{background-color:#eee}
div.selectbox-wrapper ul li.current{background-color:#ddd}
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:2px 5px 2px 10px;cursor:pointer;font-size:12px;line-height:28px;}
html:first-child select{padding-right:6px;height:20} /* Opera 9 & Below Fix */
/*radio, checkbox custom style*/
.check,
.radio {padding:2px 0 2px 20px;}
.radio {background: url("../../../image/common/radio-off.png") no-repeat center left; }
.check {background: url("../../../image/common/check-off.gif") no-repeat center left; }
label.c_on {background: url("../../../image/common/check-on.gif") no-repeat center left; }
label.r_on {background: url("../../../image/common/radio-on.png") no-repeat center left; }
label{margin:0 20px 0 0;line-height:1.5em; letter-spacing: -0.5px; }
.board label{margin:0 10px 0 0;line-height:1.5em; letter-spacing: -0.5px; }
.check input,
.radio input { position: absolute; left: -9999px;}
/*paging*/
.paging{margin-top:0px;text-align:center; position:relative; }
.paging img { vertical-align:middle; }
.paging .number { height:35px; line-height:35px; font-family:'dotum' }
.paging .number a{padding:0px 8px; color:#626262; font-weight:300; }
.paging .number a.current{font-weight:bold; color:#09baee;}
.paging .inner-btn { position:absolute; right:0px; top:0px; }
.paging .inner-btn-left { position:absolute; left:0px; top:0px; }

/*file*/
.file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:96px;
    height:33px;
    background:#fff;
    color:#666666;
    text-align:center;
    line-height:33px;
	border:1px solid #999999;
	margin:0px !important;
	font-size:16px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:292px;
    height:33px;
    line-height:33px;
    font-size:12px;
    padding: 0px 10px;
    border: 2px solid #ddddde;

}

/*btn*/
[class*="btn"] { display:inline-block; }
.btn-repeat { line-height:24px; height:24px; width:86px; background:#666666; color:#fff; border:none; font-size:12px; font-weight:600; margin-left:8px; }