@charset "euc-kr";

/* Default Buttons */
.bdrop .bbtn,
.bdrop .cbtn,
.blayer .bbtn,
.blayer .cbtn,
.bbtn,
.cbtn { transition:all 0.3s ease; box-sizing:border-box; display:inline-block; height:40px; padding: 0 14px; font-size:14px; white-space:nowrap; cursor:pointer; vertical-align:top;}

.bdrop,
.blayer { display:inline-block; position:relative; vertical-align:top;}
.bdrop button { display:block;}
.bdrop .cbtn i,
.bdrop .cbtn b,
.bdrop .bbtn i { display:block; padding-right:20px; font-style:normal; font-weight:normal;}
.bdrop .cbtn i { background:url(../images/btn/bul_cdrop1.png) no-repeat right center;}
.bdrop .cbtn b { background:url(../images/btn/bul_cdrop2.png) no-repeat right center;}
.bdrop .bbtn i { background:url(../images/btn/bul_bdrop.png) no-repeat right center;}

.bdrop .cbtn { border:3px solid #abbac3; line-height:34px;}

.bdrop .cbtn + .cbtn { width:16px; margin-left:-2px; padding:0; background-image:url(../images/btn/bul_cdrop1.png); background-repeat:no-repeat; background-position:left center;}
.bdrop .bbtn + .bbtn { width:16px; margin-left:-2px; padding:0; background-image:url(../images/btn/bul_bdrop.png); background-repeat:no-repeat; background-position:2px center;}

.bdrop ul { position:absolute; min-width:100px; margin-top:3px; background:#fff; border:1px solid #d8d8d8; box-shadow: 0 2px 2px rgba(0,0,0,0.4); z-index:10000;}
.bdrop li { padding:5px 0; font-size:13px !important; text-align:left !important;}
.bdrop li a { display:block; padding:2px 10px; color:#666; white-space:nowrap;}
.bdrop li a:hover,
.bdrop li a:focus { background:#666; color:#fff;}
.bdrop .slink { border-top:1px solid #d8d8d8;}
.bdrop label { overflow:hidden; display:block; position:absolute; visibility:hidden; width:1px; height:1px; font-size:0;}

.blayer div { position:absolute; margin-top:3px; background:#fff; border:1px solid #d8d8d8; box-shadow: 0 2px 2px rgba(0,0,0,0.4); z-index:10000;}

.bbtn { background:#fff; border:1px solid #abbac3; color:#8ba1ae; line-height:38px;}
.bbtn:hover,
.bbtn:focus { background:#eff2f4;}

.cbtn { background:#abbac3; border:5px solid #abbac3; color:#fff; line-height:30px;}
.cbtn:hover,
.cbtn:focus { background:#8b9aa3;}

.bbtn.h20 { height:20px !important; font-size:12px !important; line-height:20px !important;}
.cbtn.h20 { height:20px !important; border-width:2px !important; font-size:12px !important; line-height:13px !important;}
.bbtn.h25 { height:25px !important; font-size:12px !important; line-height:25px !important;}
.cbtn.h25 { height:25px !important; border-width:2px !important; font-size:12px !important; line-height:18px !important;}
.bbtn.h30 { height:30px !important; line-height:28px !important;}
.cbtn.h30 { height:30px !important; border-width:3px !important; line-height:24px !important;}
.bbtn.h35 { height:35px !important; line-height:33px !important;}
.cbtn.h35 { height:35px !important; border-width:4px !important; line-height:27px !important;}
.bbtn.h45 { height:45px !important; line-height:43px !important;}
.cbtn.h45 { height:45px !important; line-height:35px !important;}

.cbtn.blue { background-color:#3d5698; border-style:solid; border-color:#3d5698; color:#fff !important;}
.cbtn.blue:hover,
.cbtn.blue:focus { background-color:#1b2d5d;}

.cbtn.sky { background-color:#6fb3e0; border-style:solid; border-color:#6fb3e0;}
.cbtn.sky:hover,
.cbtn.sky:focus { background-color:#4f99c6;}

.cbtn.green { background-color:#87b87f; border-style:solid; border-color:#87b87f;}
.cbtn.green:hover,
.cbtn.green:focus { background-color:#629b58;}

.cbtn.orange { background-color:#ffb752; border-style:solid; border-color:#ffb752;}
.cbtn.orange:hover,
.cbtn.orange:focus { background-color:#e59729;}

.cbtn.red { background-color:#d15b47; border-style:solid; border-color:#d15b47; color:#fff !important;}
.cbtn.red:hover,
.cbtn.red:focus { background-color:#b74635;}

.cbtn.black { background-color:#555; border-style:solid; border-color:#555;}
.cbtn.black:hover,
.cbtn.black:focus { background-color:#303030;}

.cbtn.pink { background-color:#d6487e; border-style:solid; border-color:#d6487e;}
.cbtn.pink:hover,
.cbtn.pink:focus { background-color:#b73766;}

.cbtn.purple { background-color:#9585bf; border-style:solid; border-color:#9585bf;}
.cbtn.purple:hover,
.cbtn.purple:focus { background-color:#7461aa;}

.cbtn.yellow { background-color:#fee188; border-style:solid; border-color:#fee188; color:#963;}
.cbtn.yellow:hover,
.cbtn.yellow:focus { background-color:#f7d05b;}

.cbtn.grey { background-color:#6575A8; border-style:solid; border-color:#6575A8;}
.cbtn.grey:hover,
.cbtn.grey:focus { background-color:#888;}

.bbtn.blue { border-color:#8aafce; color:#6696c4;}
.bbtn.blue:hover,
.bbtn.blue:focus { background:#eaf2f8;}

.bbtn.sky { border-color:#8fbcd9; color:#74a0c1;}
.bbtn.sky:hover,
.bbtn.sky:focus { background:#eef5fa;}

.bbtn.green { border-color:#a7c9a1; color:#81a87b;}
.bbtn.green:hover,
.bbtn.green:focus { background:#edf4eb;}

.bbtn.orange { border-color:#e7b979; color:#daa458;}
.bbtn.orange:hover,
.bbtn.orange:focus { background:#fef7ec;}

.bbtn.red { border-color:#d7a59d; color:#b98a82 !important;}
.bbtn.red:hover,
.bbtn.red:focus { background:#fbf4f3;}

.bbtn.black { border-color:#959595; color:#6b6b6b;}
.bbtn.black:hover,
.bbtn.black:focus { background:#e4e4e4;}

.bbtn.pink { border-color:#d299ae; color:#b66f87;}
.bbtn.pink:hover,
.bbtn.pink:focus { background:#fbeff4;}

.bbtn.purple { border-color:#b7b1c6; color:#8978a4;}
.bbtn.purple:hover,
.bbtn.purple:focus { background:#efedf5;}

.bbtn.yellow { border-color:#ecd181; color:#d3a61a;}
.bbtn.yellow:hover,
.bbtn.yellow:focus { background:#fdf7e4;}

/* Layer */
.blayer > div { min-width:200px;}

/* paging */
.paging { padding:30px 0 0; font-size:0; text-align:center;}
.paging > span { display:inline-block;}
.paging > span.num { background:#fff; border:1px solid #d8d8d8;}
.paging > span.num + span.num { border:1px solid #d8d8d8; border-left:0;}
.paging > span.num + span.num + span.num { border:1px solid #d8d8d8; border-left:0;}
.paging > span.num + span.num + span.num + span.num { border:1px solid #d8d8d8; border-left:0;}
.paging > span.num + span.num + span.num + span.num + span.num { border:1px solid #d8d8d8; border-left:0;}
.paging a,
.paging strong { display:inline-block; height:31px; padding:0 12px; font-size:14px; color:#5D5D5D; font-weight:normal; line-height:31px;}
.paging strong,
.paging a:hover,
.paging a:focus { background:#686868; color:#fff;}

.paging .fst { border:1px solid #ededed;}
.paging .fst a { width:34px; height:31px; padding:0; background:#f6f6f6 url(../images/btn/btn_paging.png) no-repeat;}
.paging .prev { border:1px solid #ededed; border-left:0; border-right:0;}
.paging .prev a { width:34px; height:31px; padding:0; background:#f6f6f6 url(../images/btn/btn_paging.png) no-repeat;}
.paging .next { border:1px solid #ededed; border-left:0;}
.paging .next a { width:34px; height:31px; padding:0; background:#f6f6f6 url(../images/btn/btn_paging.png) no-repeat;}
.paging .lst { border:1px solid #ededed; border-left:0;}
.paging .lst a { width:34px; height:31px; padding:0; background:#f6f6f6 url(../images/btn/btn_paging.png) no-repeat;}
.paging a span { overflow:hidden; display:block; visibility:hidden; width:34px; height:31px; font-size:1px;}

.paging .fst a { background-position:left top;}
.paging .prev a { background-position:left -31px;}
.paging .next a { background-position:left -62px;}
.paging .lst a { background-position:left -93px;}

.paging .fst a:hover,
.paging .fst a:focus { background:#e5e5e5 url(../images/btn/btn_paging.png) no-repeat left top;}
.paging .prev a:hover,
.paging .prev a:focus { background:#e5e5e5 url(../images/btn/btn_paging.png) no-repeat left -31px;}
.paging .next a:hover,
.paging .next a:focus { background:#e5e5e5 url(../images/btn/btn_paging.png) no-repeat left -62px;}
.paging .lst a:hover,
.paging .lst a:focus { background:#e5e5e5 url(../images/btn/btn_paging.png) no-repeat left -93px;}

/* button area */
.buttons { padding:10px 0 55px;}
.buttons:after { display:block; clear:both; content:"";}