.pages {line-height: 2em; position: relative; word-break: keep-all; }
.pages { font-size: 15px; color: #666;}

.pages table {width: 100%; border-spacing:0; border-collapse: collapse;}
.pages table th {background: #f5f5f5; text-align: left; color: #4a4a4a; font-weight: bold}
.pages table td, .pages table th {padding: 10px 10px; border: 1px solid #ccc; }


.pages {margin:0 0 10px}
.pages thead th {padding:13px 0; background: #f5f5f5; border-top:2px solid #555;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.pages thead a {color:#383838}
.pages thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.pages tfoot th, .pages tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#f5f5f5;text-align:center}
.pages tbody th {padding:8px 0; border-bottom:1px solid #e9e9e9
                        background: #f5f5f5; border-top:2px solid #555; }
.pages td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.pages th {background: #dee5f3}



.pages h1,
.pages h2,
.pages h3,
.pages h4,
.pages h5 {  }


.pages dl { position: relative; margin:0;  }
.pages dl dt {  position: absolute; top:0; left: 0; font-weight: bold; }
.pages dl dd { padding-left: 50px; }
.pages dl:after { display: block; content: ''; clear: both; }



.pages h2:first-child { margin-top: 0 }
.pages h2 {margin-top: 30px; margin-bottom: 10px; color: #000;
                font-size: 24px; line-height: 30px;
                font-weight: 300; }


.pages h2 {
    border-bottom: 2px solid #aaa;
    padding: 6px 2px 10px 25px;
    background: url(./images/dot_circle.gif) 0 15px no-repeat;
    font-weight: bold;
}


.pages h3 {
        color: #333; font-size: 22px; font-weight:300;
        margin-bottom: 5px; margin-top: 30px; padding-left: 0px; padding-top: 10px;
        font-weight: bold;
             }

.pages .content h3 { background: none; margin: 10px; padding: 0;}

.pages img {max-width: 100%}

.pages table th {text-align: center}
.pages table tr.first th { border-top:2px solid #555; }
.pages table th.background {color: #fff; background: #6d88a5; border-left: 1px solid #fff}

.pages p {line-height: 26px; margin-bottom: 15px; }

.pages.id_31 .gray_box { margin-top: 50px; }

.pages .gray_box { background: #f5f5f5; border: 1px solid #ccc; padding: 40px 30px;
        margin: 20px 0; }
.pages .gray_box h3:first-child { margin-top: 0;  }

.pages .content { margin-bottom: 50px; }
.pages p.big {font-size: 17px}
.pages .emp {color: #49b245; font-weight: bold}
.pages .space2 { height: 20px; }
.pages .box_line {
    border: 1px solid #ccc;
    padding: 15px 25px;
    margin: 20px 0;
    border-left: 3px solid #00836C;
}

.pages .btn {text-align: center; margin: 10px 0}
.pages .btn a {display: inline-block; padding: 10px 60px; background: #265441; border-radius: 3px ;color: #fff; }
.pages .btn a:hover {background: #427ccb}


.pages .btn_submit:hover,
.pages .btn_submit:visited,
.pages .btn_submit:active,
.pages .btn_submit:link  { color: #fff; }
.pages .btn_submit {padding:7px 30px; font-size: 16px; }
.pages .btn_submit_big { padding:7px 50px; }


.pages  div.box {border:1px solid #ddd; border-left:3px solid #a677b0;
            padding:20px 20px;  background:#dee5f3; line-height: 1.6em; margin-bottom: 20px }
.pages  div.box p {margin: 5px 0}

.training table { line-height: 24px; margin-bottom: 50px; }
.training { word-break: break-all; }
.training td { text-align: center; }
.training strong { color: #cc0000; font-weight: normal; }
.pages .license_application_info_box { margin-bottom: 20px; }
.pages .license_application_info_box h3 { margin-top: 3px; }
.pages .license_application_info_box:after { display: block; content: ''; clear: both; }
.pages .license_application_info_box .img { float: left; padding-right: 30px; }
.pages .license_application_info_box .img img { max-height: 200px; }
.pages .license_application_info_box .info { float: left; }
.pages .license_application_info_box

.pages .btn_list { margin: 0; padding: 0; }
.pages .btn_list li { list-style: none; float: left; width: 30%; margin: 1%;  }
.pages .btn_list li a { display: block; text-align: center; background: #265441; color: #fff;
                    padding: 10px 0;}





.books ul { margin: 0; padding: 0; }
.books ul:after { display: block; content: ''; clear: both; }
.books ul li { float: left; list-style: none; width: 21%; margin: 20px 2% ; }
.books ul li .img { width: 176px; height: 242px; overflow:hidden;}
.books ul li .img img { width: 100%; height: 100%; }
.books ul li p { margin: 5px 0; }


/* 인사말 */


/* 회칙 */


/* 조직도 */
.system .tabs-content {margin-top: 30px}
.system .tabs-menu li a{  padding:5px 15px 5px 15px; }
.system h2 {margin-top: 0; position: absolute; top:65px; left: 0}
.system h3 {margin: 5px 0 10px 0 !important; }
.system h4 {margin: 0 0 15px 0; }
.system .box_system { padding-left: 0px; margin-right: 10px; margin-bottom: 20px;  }
.system .box_system:after { display: block; content: ''; clear: both; }
.system .box_system .info { float: left; width: 150px; padding-left: 30px;}
.system .box_system .info h3 { margin-top: 0 !important; }
.system img {display: block; float:left; margin-left:140px; width: 200px;}
.system p {line-height: 1.65em}
.system .info p{line-height: 1.4em; padding: 0 !important; }
.system .info {}




/* 다단 나누기 (부트스트랩에서 가져옴) */
.rowp {
    margin-left: -20px;
    *zoom: 1
}
.rowp:before,
.rowp:after {
    display: table;
    line-height: 0;
    content: ""
}
.rowp:after {
    clear: both
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 750px
}
.span12 {
    width: 1170px
}
.span11 {
    width: 1070px
}
.span10 {
    width: 970px
}
.span9 {
    width: 870px
}
.span8 {
    width: 480px
}
.span7 {
    width: 350px
}
.span6 {
    width: 570px
}
.span5 {
    width: 300px
}
.span4 {
    width: 250px
}
.span3 {
    width: 270px
}
.span2 {
    width: 170px
}
.span1 {
    width: 70px
}
.offset12 {
    margin-left: 1230px
}
.offset11 {
    margin-left: 1130px
}
.offset10 {
    margin-left: 1030px
}
.offset9 {
    margin-left: 930px
}
.offset8 {
    margin-left: 830px
}
.offset7 {
    margin-left: 730px
}
.offset6 {
    margin-left: 630px
}
.offset5 {
    margin-left: 530px
}
.offset4 {
    margin-left: 430px
}
.offset3 {
    margin-left: 330px
}
.offset2 {
    margin-left: 230px
}
.offset1 {
    margin-left: 130px
}




.bg_gr{width: 100%;height: 30px;background: #eee}
.logo { float: left; margin: 0px 0 0 100px}
.logo img { padding: 10px 0; max-height: 100px; max-width: 300px;  }
.logo a:hover img {opacity: 1; }
.bnr{float: left;margin: 25px 0 25px 38px;}
.bnr img{vertical-align: top}
.top_tel_bg{float: right;width: 225px;height: 59px;margin: 32px -10px 0 0;padding:28px 0 0 46px;background: url(../images/tel_bg.png) 0 0 no-repeat;}
.top_tel_bg span{color: #000;font-size: 36px;font-weight: 700;letter-spacing: -1px}
.item{overflow: hidden;width: 100%;margin: 0 0 30px 0;background: #d3e0ee} /* 26396a */
.item::after{clear: both}
.item ul{margin: 0;padding: 0}
.item ul li{float: left;margin: 15px 4px 14px 4px;list-style: none}
.item ul li a {display: inline-block;border: 1px solid #333;}
.link{overflow:hidden;width: 100%;border-bottom: 1px solid #ddd}
.link::after{clear: both}
.link ul{margin: 0;padding: 0}
.link li{float: left;margin: 20px 7px 20px 7px;list-style: none}
/*
.blogo{float: left;}
.blogo img{display: block;margin: 54px 51px 0 46px}
.copy_info{float: right;width: 750px;margin: 0 58px 0 0;text-align: left}
.com_info{margin: 30px 0 0 0;color: #000;font-size: 13px;line-height: 155%}
.copy{color: #575757;font-size: 12px}
.txtchk{color: #125fa6;font-size: 13px;font-weight: 700;line-height: 155%}
.txtwar{display: inline-block;margin: -10px 0 25px 0;padding: 6px 30px 6px 30px;background: #133791;border-radius: 25px;color: #fff;font-size: 12px;text-align: center}
*/

.blogo{float: left;}
.blogo img{display: block;margin: 52px 21px 0 46px; max-width: 240px;}
.copy_info{position: relative;float: right;width: 750px;margin: 0 58px 0 0;text-align: left}
.com_info{margin: 30px 0 0 10px;color: #fff;font-size: 13px;line-height: 155%}
.copy{position: absolute;top: 78px;right: 125px;color: #eee;font-size: 12px}
.txtchk{position: absolute;top: 20px;right: 0;width: 340px;color: #eee;font-size: 12px;font-weight: normal;line-height: 145%}
.txtwar{display: block;margin: 20px 0 25px 0;padding: 6px 30px 6px 30px;background: #DC4300;border-radius: 25px;color: #fff;font-size: 12px;text-align: center}
.bottom_sns{clear: both;margin: 10px 0 0 10px;font-size: 13px;font-weight: 700}
.bottom_sns span{display: inline-block;margin: 0 3px 0 0;padding: 5px 10px 5px 10px;background: #ddd}
.bstel{}
.bssms{}
.bskko{}


h3.arr{margin: 0;padding: 0 0 0 24px;background: url(../images/ar.png) 0 0 no-repeat;color: #125fa6;font-size: 18px;font-weight: 700;letter-spacing: -1px}
.main{overflow: hidden;margin:0 0 30px 0}
.main::after{clear: both}
.cmbox{float: left;width: 250px;margin: 0 0 0 20px}
.conts{float: left;width: 570px;margin: 0 15px 0 25px}
.aside{float: right;width: 250px;margin: 0 0 0 10px}
.aside .best{margin: 0 0 32px 0}
.apply_frm{position: relative;border: 1px solid #ddd}
.apply_frm h3{margin: 0;padding:0 0 0 20px;height: 38px;background: #26396A;color: #fff;font-size: 15px;font-weight: 500;line-height: 38px;letter-spacing: -1px} /* #a89b0d  gold - #CB972C*/
.int{padding: 20px 20px 0 20px}
.int span{display: block;margin: 0 0 8px 0}
.int label{display: inline-block;width: 50px;font-size: 13px;vertical-align: middle}
.int input[type=text]{width: 152px;height: 24px;padding: 0 0 0 2px;border: 1px solid #ddd}
.int textarea{width: 200px;height: 60px;padding: 2px;font-family:'NanumSquareR', 'Nanum Gothic',sans-serif; border: 1px solid #ddd}
.agr{margin: 0 0 10px 0;font-size: 13px;letter-spacing: -0.5px;text-align: center}
.agr input {vertical-align: middle}
.agr span{cursor: pointer}
.btn_ok{width: 200px;margin: 10px 0 10px 0;padding: 7px 0 10px 0;background: #26396a;border: none;color: #fff;letter-spacing: -1px;text-align: center;cursor: pointer}
.apply_list{margin: 0 0 22px 0}
.apply_list h3{margin: 26px 0 0 0;padding: 0 0 10px 10px;border-bottom: 1px solid #000;color: #000;font-size: 15px;font-weight: 700;letter-spacing: -1px}
.apply_list h3 span{color: #0da8a3}
.apply_list ul{margin: 0;padding: 10px 0 0 0;border-top: 1px solid #ddd}
.apply_list li{margin: 0 0 10px 10px;color: #000;font-size: 14px;list-style: none}
.apply_list li span.date{margin: 0 10px 0 0;color: #454545;font-size: 12px}
.customer {border: 1px solid #ddd}
.customer h3{margin: 0 0 0 30px;padding:30px 0 0 0}
.customer p.tel{margin: 7px 0 10px 0;color: #26396A;font-size: 30px;font-weight: 700;letter-spacing: -1px;text-align: center}  /* #A89B0D gold - #CB972C*/
.customer li{list-style: none}
.sns li{display: inline;margin: 0 10px 0 10px}
.bank_info{border-top: 1px solid #ddd}
.bank_info h3{margin: 10px 0 10px 30px;padding: 10px 0 0 0;color: #000;font-size: 14px;letter-spacing: -1px}
.bank_info_detail{margin: 0 0 20px 30px;font-size: 13px}
.bank_info_detail p{margin: 0 0 5px 0}
.vip{margin: 0 0 30px 0}
.navi{margin: 15px 0 30px 0;padding: 0 0 10px 0;border-bottom: 1px solid #ddd;text-align: right}
.text dl{}
.text dt{margin: 0 0 5px 0}
.text dd{margin :0 0 12px 0}
#dongclose{display: block;padding:5px 0 0 0;margin: 0;text-align:center;cursor: pointer}
#bo_sch select{height: 26px;vertical-align: middle}
.btn_submit {margin: 10px 0 10px 0;height: 26px !important;background: #26396a;border: none;border-radius: 0;color: #fff;letter-spacing: -1px;text-align: center;cursor: pointer}


.latest_vip{margin: 20px 0 0 0}
.latest_vip ul{margin: 0 0 0 -10px;padding: 0}
.latest_vip li{float: left;margin: 0 0 15px 10px;list-style: none;  width: 180px; line-height: 20px; }
.latest_vip li span{display: block;margin: 5px 0 0 0;text-align: center;font-size: 13px; height: 35px; }




.latest_review{margin: 10px 0 0 0}
.latest_review ul{margin: 0 0 0 -10px;padding: 0}
.latest_review li{float: left;margin: 0 0 25px 10px;list-style: none}
.latest_review li span{display: block;margin: 5px 0 0 0;text-align: center;font-size: 13px}