/* sub */
/* Default set */
html,body,form,div,p,dl,dt,dd,ul,ol,li,fieldset,table,th,td,h1,h2,h3,h4,h5{margin:0;padding:0;font-family:'NanumSquare',sans-serif;}
html, button, input, select, textarea {font-family: sans-serif; }
body{line-height: normal;font-family:'NanumSquare',sans-serif;font-size:16px;color:#1f1f1f;word-break:break-all;padding:0;}
input, textarea, select{padding:0;color:#000;vertical-align:middle;font-family:'NanumSquare',sans-serif;font-size:14px; border:none;}
select{min-width:150px;}
ul li, ol li {list-style:none;margin:0;padding:0}
strong{font-weight:700}
fieldset {vertical-align:top;border:none}
.textbox label {cursor: text; }
.textbox input[type="text"], .textbox input[type="password"] { /* 원하는 너비 설정 */ height: auto; /* 높이값 초기화 */ line-height : normal; /* line-height 초기화 */ font-family: inherit; /* 폰트 상속 */ border: 1px solid #999; border-radius: 0; /* iSO 둥근모서리 제거 */ outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */ -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; }
input[type=text] {padding:0 10px;height:25px;line-height:25px;font-size:14px; color:#333;}
input[type=password] {padding:0 10px;height:25px;line-height:25px;font-size:14px; color:#333; font-family:sans-serif}
a, a:link, a:visited, a:active{text-decoration:none;color:#000;}
/* header
------------------------------------------------------------------------------------*/
#gnb{position:relative;border:none !important;/*default.css 설정 차단*/ background:#444; width:100%; top:0;left:0;height:81px;border-bottom:1px solid #eee;z-index:1000; overflow:hidden;}
#gnb>.inner_wrap{display:block;position:relative; background:#444; height:80px;width:100%;max-width:1240px; margin:0 auto;z-index:1000;}
#gnb>.inner_wrap>.gnb_1dept{float:right;display:block;width:700px;margin-right:0px; text-align:center;font-size:0;height:78px;margin-bottom:1px;}
#gnb>.inner_wrap>.gnb_1dept>li{float:left;display:block;position:relative;width:140px;height:40px;padding:20px 0; text-align:center}
#gnb>.inner_wrap>.gnb_1dept>li>a{display:block;color:#fff;line-height:40px;font-size:18px;font-weight:600;text-align:center;text-decoration:none; cursor:pointer;transition:all 0.5s;-webkit-transition:all 0.5s}
#gnb>.inner_wrap>.gnb_1dept>li>a::after{content:'';display:block;position:absolute;height:2px;width:0;margin-left:0;bottom:-1px;left:50%;background:none;z-index:1;transition:all 0.5s;-webkit-transition:all 0.5s}
#gnb>.inner_wrap>.gnb_1dept>li:hover>a {color:#ea4235;}
#gnb>.inner_wrap>.gnb_1dept>li>a:hover::after{width:0;margin-left:-50%;width:100%;transition:all 0.5s;-webkit-transition:all 0.5s}
#gnb>.inner_wrap>.gnb_logo{display:block;position:absolute;left:0px;top:27px;width:140px;height:26px}
.browserupgrade {position:absolute; width:100%;background:#FFAACC; color:#3333;height:50px; line-height:50px; font-size: 14px;text-align:center;top:0; left:0; z-index:99999999999;}
#hd_b {position:relative;padding-top:50px; width:100%;height:140px;margin:0 auto; margin-bottom:20px;background:#f1f2f6;overflow:hidden;}
#hd_b:after {display:block;clear:both;content:"";}
#hd_b .hd_b {color:#fff; width:100%; overflow:hidden; }
#pg_tit { width:100%; ;margin:0 auto;text-align:center; font-weight:300 !important;font-size:2em;line-height:140px;color:#333;text-transform:uppercase;}
.bowrap{position:relative;max-width:1240px;height:auto;margin:0 auto; padding:50px 0;overflow:hidden;}
/* footer
-------------------------------------------------------------*/
.footer{width:100%;height:160px;background:#14181f;}
.footer>.footer_area{width:100%;max-width:1240px;margin:0 auto; }
.footer>.footer_area>address{padding-top:40px;font-style:normal;}
.footer>.footer_area>address>p{display:block;font-size:14px;color:#ccc; opacity:0.8;font-weight:400;line-height:25px }
.footer>.footer_area>address>.copyright{margin-top:10px; display:block;font-size:14px;color:#ADB2BE;font-weight:400;opacity:1 !important;letter-spacing: 0.5px;}
.footer>.footer_area>address>.copyright em{color:#fff; font-weight:300;}
.footer>.footer_area>address>.copyright a:hover{border-bottom:1px solid #fff;-webkit-transition:all 0.4s;transition:all 0.4s}
#container_title {margin-bottom:20px;font-size:22px;font-family:'NanumSquare',sans-serif;font-weight:normal}
/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:14px 0;border-top:2px solid #333;border-bottom:1px solid #d1dee2;background:#none;color:#383838;font-size:16px;text-align:center;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#none;;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; font-size:16px;}
.tbl_head01 a {}
.tbl_head01 th{background:none !important; font-size:16px; ;}
/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f5f7;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px; line-height:22px; padding:0;margin:0;}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;font-size:14px; color:#000;letter-spacing:0;line-height:25px !important;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}
/* button */
.btn_Area{text-align:center;}
.button{background:#fff; text-decoration:none; position:relative; display:inline-block;height:35px;line-height:35px;text-align:center;font-size:16px;overflow:hidden; color:#333;border:1px solid #efefef;-webkit-transition : all .4s;transition : all .4s; min-width:90px; }
.button{text-decoration:none}
.button:hover{color:#fff;background:#333;-webkit-transition : all .4s;transition : all .4s}
.button:not(:first-child){margin-left:3px}
/* red */
.button.red{background:#EA4235; color:#fff;border:1px solid #c93124;}
.button.red:hover,.button.red:focus{background:#333;}
* {box-sizing: border box;}
.button span {display:inline-block;position:relative;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;will-change:transform}
.button:hover span{-webkit-transform:translate3d(-1rem, 0, 0);transform:translate3d(-1rem, 0, 0)}
.button svg {position: absolute;width: 1.1em;right: 0px;right: 0rem;opacity: 0;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition: all 300ms ease-out;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;will-change: right, opacity;}
.button svg * {stroke-width: 5;stroke-color: transparent;}
.button:hover svg {opacity: 1;right: -2rem;}
/* btn_02 */
a.btn_02>div{position:relative}
a.btn_02>div>div{border-radius:50%;opacity:0.1;background-color:#000;position:absolute}
/*검색*/
#bo_sch {margin-bottom:40px;}
.sfl{margin:0;padding:0;border:1px solid #ccc; width:120px;font-size:14px; line-height:30px !important;height:30px; color:#333;}
input.stxm{margin:0;padding:0 !important;margin:0; font-size:14px; width:260px;text-indent:10px; line-height:28px;margin-right:5px; height:28px;color:#333; border:1px solid #ccc !important;}
button.subm{background:#fff; text-decoration:none; position:relative; display:inline-block;width:90px; height:30px;line-height:29px;text-align:center;font-size:14px;overflow:hidden; color:#fff; background:#24282F;border:1px solid #333;-webkit-transition : all .4s;transition : all .4s; }
button.subm:hover{color:#fff;background:#44484F;-webkit-transition : all .4s;transition : all .4}
.sch_word {color: #ff3011;}
input#captcha_key{width:170px !important;}
/* 내용관리 */
#ctt {position:relative;width:100%; max-width:1240px; margin:0 auto;overflow:hidden;}
.ctt_admin { margin-bottom:10px;text-align:right; }
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:20px;/*border:1px solid #d9d9d9;*/ line-height:1.8em;margin:40px auto;}
#ctt_con img, .ctt_img img { max-width:100%; }
.ctt_img { text-align:center; }
.comp_wrap{width:100%;max-width:1240px; height:450px;padding:20px;margin-top:80px;background:#f3f3fa;background:-webkit-gradient(linear, 0% 20%, 0% 100%, from(#f5f5f5), to(#efefef))}
#comp_info {width:370px; height:450px;float:left;padding-top:60px;}
#comp_map {width:790px; height:450px; margin-left:40px;float:left; border:1px solid #bbb;}
#comp_map div {font-size:14px;}
.gm-style-iw>div>div{width:200px;}
#comp_info { margin:50px 0;padding:0; }
#comp_info dt { margin-bottom:30px; margin-top:-40px;font-weight:700;font-size:20px;line-height:40px; color:#111;border-bottom:2px solid #888;padding:20px 0;}
#comp_info dd { margin:0;padding:8px 14px;border-bottom:1px dotted #aaa;font-size:16px; line-height:30px; color:#333; font-weight:300;}
#comp_info dd i { margin-right:8px;color:#3d4d99; }
#comp_info dd span{font-weight:600; line-height:1.6em}
#comp_info .addr{padding:20px 10px;border-bottom:none; line-height:1.8em;}
.ct {width:100%; clear:both; display:block; text-align:right;}
@media screen and (max-width:1239px){
#ctt {position:relative;width:1000px}
.comp_wrap{width:1000px}
#comp_info {width:350px; height:450px;float:left;padding-top:20px;}
#comp_map {width:550px; height:450px; margin-left:40px;float:left; border:1px solid #bbb;}
}