@charset "utf-8";
/* CSS Document */

#wrap{background:#FFF;text-align:center}
#header{position:relative;text-align:center}
#container{position:relative;text-align:center}
#content{position:relative;text-align:center}
#footer{position:relative;text-align:center;background:#4f6073;border-top:1px solid #364759;padding:40px 0;line-height:1.5}
#footer>.inner{position:relative;padding:0;font-size:12px;color:#FFF;text-align:center;overflow:visible}
#footer>.inner:after{content:"";display:block;clear:both}
#footer>.inner>p{display:inline-block;margin:0 auto}
#footer>.inner>.logo{display:inline-block;float:left;width:280px;height:30px}
#footer>.inner>.family{display:inline-block;float:right;width:170px;height:30px;z-index:100}
.family > li > a{display:block;position:relative;background-color:#fff;width:170px;font-size:12px;line-height:13px;color:#666 !important;padding:9px 7px 9px 10px;border:1px solid #ccc;box-sizing:border-box;text-align:left}
.family > li > a:after{content:"";position:absolute;right:9px;top:12px;width:0px;height:0px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid #666}
.family > li > a:hover{text-decoration:none !important}
.family > li > ul{position:absolute;display:none;width:170px;background-color:#38761d;margin-top:-297px;border:1px solid #ccc;z-index:20}
.family > li > ul > li{text-align:center;border-bottom:1px solid #6aa84f;padding:3px 0}
.family > li > ul > li > a{font-size:13px;color:#fff !important;display:block; line-height:30px; letter-spacing:-0.5px}
.family > li > ul > li > a:hover{text-decoration:none !important}
.inner{max-width:1200px;margin:0 auto;overflow:hidden}
.lang{position:absolute; top:10px; right:0; line-height:18px; padding:0 10px; background:#FFF; color:#999; border:1px solid #CCC; border-radius:3px; font-size:9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.logo_inner{text-align:center;background:#e5e5e5;padding:20px 0;border-bottom:1px solid #d9d9d9}
.visual{display:block;background:url(index_06_bg.png) center top repeat; background-size: cover;text-align:center}
/*.visual > .inner{max-width:1600px;margin:0 auto;overflow:hidden}*/
.content_item{display:block}
.content_item.history_bg{display:block;background:#eef0f5}
.content_item>.inner{padding:50px 0}
.content_item>.inner > h2{font-size:30px;font-weight:bold;text-align:center;padding-bottom:50px}
.content_item>.inner > p{font-size:14px;text-align:center;padding-bottom:50px; color:#999; line-height:1.5}
.business{display:block;margin-right:-40px}
.business li{float:left;width:25%;padding-right:40px}
.business li div{display:block;position:relative}
.business li div p{position: relative;padding:20px 0;background:rgba(0,0,0,0);color:#000;font-size:16px;font-weight:bold; line-height:1.5;text-align:center;display:block;width:100%}
.history{display:block;margin-right:-60px}
.history>li{float:left;width:50%;padding-right:60px}
.history>li>div{display:block;position:relative}
.history_item{display:block}
.history_item>li{display:block}
.history_item>li:after{content:"";clear:both;display:block}
.history_item>li>span{display:inline-block;float:left;border:1px solid #b3b3b3;background:#cccccc;height:30px;line-height:28px;border-radius:15px;width:90px;text-align:center;font-size:12px;font-weight:bold}
.history_item>li>p{margin-left:100px;padding:5px 0 20px 30px;text-align:left;line-height:1.5;background:url(history_line_middle.png) 0 0 no-repeat}
.history_item>li>p.first{background:url(history_line_first.png) 0 14px no-repeat}
.history_item>li>p.last{background:url(history_line_last.png) 0 0 no-repeat}
.map_wrap{display:block;position:relative}
.map_wrap .mapHeight{width:100%;box-sizing:border-box;height:500px}
.map_wrap .address_tel{position:absolute;right:10px;bottom:10px;display:inline-block;background:#017dc5;z-index:10}


/* business */
.tbl_its_ar01{ table-layout:auto}
.tbl_its_ar01 th, .tbl_its_ar01 td{font-size:14px;line-height:22px;font-family:'Nanum Gothic',sans-serif !important}
.tbl_its_ar01 tr:first-child th,.tbl_its_ar01 tr:first-child td{border-top:2px solid #034ea2}
.tbl_its_ar01 th{vertical-align:middle;background:#f7f7f7;text-align:center;border-bottom:1px solid #c8d0d5;font-weight:700;padding:16px;color:#333}
.tbl_its_ar01 td{vertical-align:middle;border-bottom:1px solid #c8d0d5;color:#666;padding:16px 22px}
.tbl_its_ar01.th02 th{width:147px}
.tbl_its_ar01.th02 th:first-child{border-right:1px solid #c8d0d5}
.tbl_its_ar01.th03 th{width:328px}
.tbl_its_ar01.th04 th{width:148px}
.tbl_its_ar01.th04 th.brd{border-right:1px solid #c8d0d5}
.tbl_its_ar01.th05 th{}
.tbl_its_ar01.th05 th.first{border-right:1px solid #c8d0d5}
.tbl_its_ar01.th05 .btn_email{position:absolute;right:0;top:8px;display:inline-block;width:100px;height:35px;font-size:14px;color:#666;font-weight:700;line-height:35px;border:1px solid #e9e9e9;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;
background-color:#fbfbfb;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#fafafa));
background:-webkit-linear-gradient(top, #fefefe, #fafafa);
background:-moz-linear-gradient(top, #fefefe, #fafafa);
background:-ms-linear-gradient(top, #fefefe, #fafafa);
}
/*.tbl_its_ar01.th05 .btn_email.first{top:11px}*/
.tbl_its_ar01.th05 td{padding:8px 22px;vertical-align:middle;position:relative;height:58px;}
.tbl_its_ar01.th05 td strong{ display:none}
.tbl_si01 th, .tbl_si01 td{font-size:14px;line-height:22px;font-family:'Nanum Gothic',sans-serif !important}
.tbl_si01 th{width:180px;vertical-align:middle;background:#f7f7f7;text-align:center;border-bottom:1px solid #c8d0d5;font-weight:700;padding:16px;color:#333}
.tbl_si01 th.th01{border-right:1px solid #c8d0d5}
.tbl_si01 tr:first-child th, .tbl_si01 tr:first-child td{border-top:2px solid #034ea2}
.tbl_si01 td{vertical-align:middle;border-bottom:1px solid #c8d0d5;color:#666;padding:16px 22px}


.pop-layer {display: none;position: absolute;top: 50%;left: 50%;height: auto;background-color: #fff;border: 1px solid #000;z-index: 10; border-radius:3px; width:800px}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block; }

.pop-layer .pop-header{ position:relative;background:#29334b; padding:15px 10px; text-align:left; border-bottom:1px solid #0d1322; margin-bottom:10px}
.pop-layer .pop-header h1{color:#FFF; font-size: 14px; font-weight:bold}
.pop-layer .pop-header .closeBtn{ position:absolute; top:10px; right:10px; width:30px; height:30px; cursor:pointer; text-align:center; color:#FFF}
.pop-layer .pop-header .closeBtn img{ margin:0 auto}

.pop-layer .pop-container {padding: 10px;}
.pop-layer p.ctxt {color: #666;line-height: 20px; font-size:11px}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 0 14px 0;border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 13px;color: #fff;line-height: 25px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}
.pop-layer .pop-footer {padding:10px 10px; text-align:right; background:#f7f7f7}

a.btn_type1 {display:inline-block; min-width:auto; height:26px;margin-right:2px; text-align:center; position:relative; line-height:24px;  padding-left:0px; padding-right:0px; vertical-align:top;font-family: "맑은 고딕", "Malgun Gothic", "굴림", Gulim, '돋움', Dotum, Arial, Verdana, sans-serif, AppleGothic;letter-spacing:-1px;background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #f2f2f2 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #f2f2f2 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */border:1px solid #999999;color:#000;border-radius:3px;behavior: url("../../images/PIE.htc");}
a.btn_type1:hover {background: #f1f1f1; /* Old browsers */background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #e5e5e5 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #e5e5e5 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */border:1px solid #b3b3b3;}
a.btn_type1 .buttonStyleText{margin-left:0px;vertical-align:top; display:inline-block; font-weight:normal;line-height:24px;padding:0 10px;}


.tbl_contact01{ table-layout:auto;border-top:2px solid #034ea2}
.tbl_contact01 th{vertical-align:middle;background:#f7f7f7;text-align:center;border-bottom:1px solid #c8d0d5;font-weight:700;padding:16px;color:#333}
.tbl_contact01 td{vertical-align:middle;border-bottom:1px solid #c8d0d5;color:#666;padding:16px 22px;font-size:14px;line-height:22px;font-family:'Nanum Gothic',sans-serif !important}
.tbl_contact01 th .down{ font-size:12px;padding-top:10px; font-weight:normal; color:#666; border-top:1px dotted #d9d9d9; margin-top:10px}
.tbl_contact01 th .date{ display:block; font-size:12px; color:#999; padding-top:10px; text-align:left; font-weight:normal}
.tbl_contact01 td .contentWrap{/*width:700px;*/min-height:200px; max-height:400px; overflow:auto; padding:20px 0; font-size:12px}

/*게시판 페이징*/
.boardPagingWrap{display:block; padding:30px 0px 0 0px; text-align:center}
.boardPagingWrap a{display:inline-block; padding:0 16px; border:1px solid #CCC; color:#000; margin:0 1px; line-height:38px; font-size:12px; vertical-align:top; font-weight:bold}
.boardPagingWrap a:hover{ background:#FFF; color:#06C; border-color:#06C;}
.boardPagingWrap a.on{ background:#FFF; color:#06C; border-color:#06C;}
.boardPagingWrap a.first{width:40px; text-align:left; height:40px; text-indent:-9999px; overflow:hidden; background:#FFF url("icon_board_paging_first.png") center center no-repeat}
.boardPagingWrap a.prev{width:40px; text-align:left; height:40px; text-indent:-9999px; overflow:hidden; background:#FFF url("icon_board_paging_prev.png") center center no-repeat}
.boardPagingWrap a.next{width:40px; text-align:left; height:40px; text-indent:-9999px; overflow:hidden; background:#FFF url("icon_board_paging_next.png") center center no-repeat}
.boardPagingWrap a.last{width:40px; text-align:left; height:40px; text-indent:-9999px; overflow:hidden; background:#FFF url("icon_board_paging_last.png") center center no-repeat}

@media all and (max-width:640px){
.logo_inner{padding:15px 10px; text-align:left}
.logo_inner img{height:20px}
.content_item>.inner{padding:30px 10px !important}
.content_item>.inner > h2{font-size:24px;font-weight:bold;text-align:center;padding-bottom:30px;font-size:16px}
.content_item>.inner > p{font-size:12px;}
.business{margin-right:-10px}
.business li{width:50%;padding-right:10px;margin-bottom:20px}
.business li div p{position: relative;padding:20px 0;background:rgba(0,0,0,0);color:#000;font-size:13px; letter-spacing:-0.5px}
.history{margin-right:0px}
.history>li{width:100%;padding-right:00px}
.map_wrap .mapHeight{height:300px}
.map_wrap .address_tel{position:relative;right:auto;bottom:auto;display:block;text-align:left;margin-top:10px}
#footer>.inner{position:relative;padding:0 10px;font-size:12px;color:#FFF;text-align:center}
#footer>.inner:after{content:"";display:block;clear:both}
#footer>.inner>p{display:block;margin:0 auto}
#footer>.inner>.logo{display:block;float:none;width:100%;height:30px;text-align:center; margin-bottom:10px}
#footer>.inner>.family{display:none}
.tbl_its_ar01{border-top:2px solid #034ea2}
.tbl_its_ar01.th05 colgroup, .tbl_its_ar01.th05 th{display:none}
.tbl_its_ar01.th05 th.first{border-right:1px solid #c8d0d5}
.tbl_its_ar01.th05 .btn_email{position:relative;right:auto;top:auto;margin:0 auto;display:block;width:120px;height:35px;font-size:14px;color:#666;font-weight:700;line-height:35px;border:1px solid #e9e9e9;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;
background-color:#fbfbfb;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#fafafa));
background:-webkit-linear-gradient(top, #fefefe, #fafafa);
background:-moz-linear-gradient(top, #fefefe, #fafafa);
background:-ms-linear-gradient(top, #fefefe, #fafafa);
}
.tbl_its_ar01.th05 td{height:auto;vertical-align:top;}
.tbl_its_ar01.th05 td strong{ display:block;text-align:center;padding:0px 0 5px 0}
.tbl_its_ar01.th05 td:first-child,.tbl_its_ar01.th05 td:last-child{ display:none}
/*.tbl_its_ar01.th05 .btn_email.first{top:auto}*/
.lang{position:absolute; top:0px; right:0; line-height:18px; padding:0 10px; background:#FFF; color:#999; border:1px solid #CCC; border-radius:3px; font-size:9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.pop-layer {width:90%}

/*게시판 페이징*/
.boardPagingWrap{padding:20px 0px 0 0px}
.boardPagingWrap a{padding:0 10px;line-height:28px;}
.boardPagingWrap a.first{width:30px; height:30px;}
.boardPagingWrap a.prev{width:30px; height:30px;}
.boardPagingWrap a.next{width:30px; height:30px;}
.boardPagingWrap a.last{width:30px; height:30px;}
}