/* 리셋 */
* { -webkit-box-sizing: border-box; -moz-box-sizing:  border-box; box-sizing: border-box; }
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal}
li{list-style:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
fieldset,img,a{border:0px}
* {margin:0;padding:0;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
html {-webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; -webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}  /* button fix for ie8 */
input,textarea,select,button{ font-family: "맑은고딕","Malgun Gothic",serif;}
input { -webkit-box-shadow: none;  -moz-box-shadow: none;   box-shadow: none; border-radius:0; font-size:12px}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#bdbdbd}
input::-moz-placeholder{color:#bdbdbd}
input:-moz-placeholder{color:#bdbdbd}
input:-ms-input-placeholder{color:#bdbdbd}
textarea::-webkit-input-placeholder{color:#bdbdbd}
textarea::-moz-placeholder{color:#bdbdbd}
textarea:-moz-placeholder{color:#bdbdbd}
textarea:-ms-input-placeholder{color:#bdbdbd}
table {border-collapse:collapse;table-layout:fixed}

/* 공통 */
html,body {margin:0;padding:0;}
html,body,input,textarea,select,button{font-family: "맑은고딕","Malgun Gothic",serif; letter-spacing: -1px;}
h1 {font-weight:700!important}
.tit {font-weight:700!important}
.join {background:#f8f8f8}
.bbs_show {display:none}

.scroll_x {width:100%; overflow-x: scroll;}
.scroll_x table {min-width:1280px;}

/* 헤더 */
.header_wrap header { position: relative; /*max-width: 1000px;*/ width: 100%; height: 100%; margin: 0 auto; padding:0;}
.header_wrap header h1 { position:absolute; top:6px; left:32px;overflow: hidden}
.header_wrap header h1 img { float: left; vertical-align: middle}
.header_wrap header .tit { float: left; margin-top: 0; margin-left: 10px; color: #FFF;vertical-align: middle}

.header_wrap_visit header { position: relative; /*max-width: 1000px;*/ width: 100%; height: 100%; margin: 0 auto; padding:0;} /* visit header 분리 */
.header_wrap_visit header h1 { position:absolute; top:11px; left:32px;overflow: hidden} /* visit header 분리 */
.header_wrap_visit header h1 img { float: left; vertical-align: middle} /* visit header 분리 */
.header_wrap_visit header .tit { float: left; margin-top: 0; margin-left: 10px; color: #FFF;vertical-align: middle} /* visit header 분리 */

/* 중앙 메뉴 */
.content { position:relative; min-height: 100%; }

/* 헤더 */
body { position: relative; }
.sub_main {background: url('../img/main/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; }
/*.main {background:#f8f8f8}*/

.header_wrap { position: relative; width: 100%; height: 32px; padding-top: 1px;  background:#004368; }
.header_wrap.clicked { background-color:#212934; background-image:none; z-index:9999}

.header_wrap header .gnb { display: none; /*float:left; */height: 31px; /*margin-left: 20px;*/ line-height: 31px; font-size: 14px; /*padding-left:50px; */ margin:0 auto; width:100%; text-align: center}
.header_wrap header .gnb ul li { /*float: left;*/ display:inline-block}
.header_wrap header .gnb ul li a { margin-right: 32px; color:#fff; opacity: 0.5 }
.header_wrap header .gnb ul li a:hover,
.header_wrap header .gnb ul li a.on { opacity: 1 }
.header_wrap header .hambergerIcon { float: right; width: 18px; height: 18px; margin: 15px 8px 0 8px; cursor: pointer; }
.header_wrap header .quickIcon { display: none; float: right; width: 20px; height: 17px; margin: 16px 0 0 10px; cursor: pointer; }
.header_wrap header .langs { float: right; /*margin-top: 12px;*/position:absolute; top:12px; right:50px }
.header_wrap header .langs .lang { float: left; margin-right: 5px; border: 1px solid #A0A3A8; color: #A0A3A8; font-size: 11px; }
.header_wrap header .langs .lang:last-child { margin-right: 0; }
.header_wrap header .langs .lang li { width: 50px; }
.header_wrap header .langs .lang a { display:block; width: 45px; height: 22px; line-height: 23px; text-align: center; color:#fff}
.header_wrap header .langs .lang:hover {border: 1px solid #fff; }
.header_wrap header .langs .lang.selected { display: none; }
.header_wrap header .langs .lang.selected a { color: #FFF; }
.header_wrap header .langs .lang.selected a:visited { color: #FFF; }
.header_wrap header .home { float: right; margin: 12px 5px 0 0; padding:0 10px; height: 23px; background-color: #FFF; color: #404851; line-height: 24px; text-align: center; text-decoration: none; font-size: 11px; }

.header_wrap_visit { position: relative; width: 100%; height: 42px; padding-top: 1px;  background:#004368; } /* visit header 분리 */
.header_wrap_visit.clicked { background-color:#212934; background-image:none; z-index:9999} /* visit header 분리 */

.header_wrap_visit header .gnb { display: none; /*float:left; */height: 31px; /*margin-left: 20px;*/ line-height: 41px; font-size: 14px; /*padding-left:50px; */ margin:0 auto; width:100%; text-align: center} /* visit header 분리 */
.header_wrap_visit header .gnb ul li { /*float: left;*/ display:inline-block} /* visit header 분리 */
.header_wrap_visit header .gnb ul li a { margin-right: 32px; color:#fff; opacity: 0.5 } /* visit header 분리 */
.header_wrap_visit header .gnb ul li a:hover, /* visit header 분리 */
.header_wrap_visit header .gnb ul li a.on { opacity: 1 } /* visit header 분리 */
.header_wrap_visit header .hambergerIcon { float: right; width: 18px; height: 18px; margin: 15px 8px 0 8px; cursor: pointer; } /* visit header 분리 */
.header_wrap_visit header .quickIcon { display: none; float: right; width: 20px; height: 17px; margin: 16px 0 0 10px; cursor: pointer; } /* visit header 분리 */
.header_wrap_visit header .langs { float: right; /*margin-top: 12px;*/position:absolute; top:12px; right:50px } /* visit header 분리 */
.header_wrap_visit header .langs .lang { float: left; margin-right: 5px; border: 1px solid #A0A3A8; color: #A0A3A8; font-size: 11px; } /* visit header 분리 */
.header_wrap_visit header .langs .lang:last-child { margin-right: 0; } /* visit header 분리 */
.header_wrap_visit header .langs .lang li { width: 50px; } /* visit header 분리 */
.header_wrap_visit header .langs .lang a { display:block; width: 45px; height: 22px; line-height: 23px; text-align: center; color:#fff} /* visit header 분리 */
.header_wrap_visit header .langs .lang:hover {border: 1px solid #fff; } /* visit header 분리 */
.header_wrap_visit header .langs .lang.selected { display: none; } /* visit header 분리 */
.header_wrap_visit header .langs .lang.selected a { color: #FFF; } /* visit header 분리 */
.header_wrap_visit header .langs .lang.selected a:visited { color: #FFF; } /* visit header 분리 */
.header_wrap_visit header .home { float: right; margin: 12px 5px 0 0; padding:0 10px; height: 23px; background-color: #FFF; color: #404851; line-height: 24px; text-align: center; text-decoration: none; font-size: 11px; } /* visit header 분리 */

.admin {overflow-x: hidden}

.admin.main {width:100%;height:100%;min-height: 100%}

.admin.main .main_box {/*width:1232px; margin:50px auto;*/ text-align: left; display:table; table-layout: fixed; width:100%}
.admin.main .main_box .left_wrap { width:66%;  display: table-cell;position:relative; vertical-align: top;padding-right:16px}
.admin.main .main_box .left_wrap .banner_img {max-width:100%; height:408px}
.admin.main .main_box .right_wrap { width:35%;  display: table-cell;position:relative; height:100%; vertical-align: top}

.admin.main .main_box .bbs_tit { color:#333; padding-bottom:5px; margin-bottom: 5px; border-bottom:2px solid #999; position:relative; font-weight: bold}
.admin.main .main_box .bbs_tit a {position:absolute; right:0; top:-2px; font-size:16px; color:#333}

.admin.main .main_box .left_wrap .banner {position:relative;}
.admin.main .main_box .left_wrap .banner .banner_img_m {display:none}
.admin.main .main_box .left_wrap .banner .banner_txt {position:absolute; top:64px; left:60px;}
.admin.main .main_box .left_wrap .banner .banner_txt .title {color:#fff; font-size:38px; font-weight: bold; letter-spacing: -2px; line-height: 1.1em}
.admin.main .main_box .left_wrap .banner .banner_txt .title img,
.admin.main .main_box .left_wrap .banner .banner_txt .title span{ vertical-align: middle; margin-left:5px}
.admin.main .main_box .left_wrap .banner .banner_txt .desc {color:#999; font-size:18px; font-weight: bold; margin-top:20px; }

.admin.main .main_box .left_wrap .main_bbs {margin-top:16px; width:100%; position:relative; overflow: hidden}
.admin.main .main_box .left_wrap .main_bbs .bbs_wrap {width:49%; float:left; vertical-align: top; min-height: 206px}
.admin.main .main_box .left_wrap .main_bbs .bbs_wrap + .bbs_wrap {float:right}
.admin.main .main_box .bbs_wrap {width:100%; background: #f8f8f8}
.admin.main .main_box .bbs_wrap ul li + li {border-top:1px dashed #ddd}
.admin.main .main_box .bbs_wrap ul li a {width:100%; line-height: 28px; font-size:12px; color:#666;}
.admin.main .main_box .bbs_wrap ul li a span {display:inline-block; vertical-align: top;}
.admin.main .main_box .bbs_wrap ul li a span.subject {width:75%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.admin.main .main_box .bbs_wrap ul li a span.date {color:#999; float:right; width:20%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align: right}

.admin.main .main_box .right_wrap .main_bot_box {position:absolute; bottom:0; width:100%; height:206px; background:#06476b;}
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap {padding:24px;}
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap + .mms_wrap {padding-top:0; padding-bottom: 0}
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap .tit { color:#fff; font-size:14px; font-weight: bold;padding-bottom: 10px;}
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap .input_wrap {position:relative; display:block; background: #fff; padding-left:4px;height:36px;}
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap .input_wrap input {border:0; width:80%; height:36px; line-height: 36px; font-size:12px; color:#999; display:block; float:left; vertical-align: middle}
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap .input_wrap input + a { background:#1596d8; height:36px; line-height: 36px; font-size:12px; color:#fff; text-align: center; vertical-align: middle; display:block; float:left;width:20%; }
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap .input_wrap select {border:0; width:100%; height:36px; line-height: 36px;}
.admin.main .main_box .right_wrap .main_bot_box .mms_wrap + .mms_wrap .input_wrap {padding:0;}

.admin.main .main_box .right_wrap .count_box { width:100%; height:108px;margin-top:16px; text-align: center}
.admin.main .main_box .right_wrap .count_box ul {display:table; width:85%; margin:0 auto}
.admin.main .main_box .right_wrap .count_box ul li {display:table-cell; width:50%; text-align: left}
.admin.main .main_box .right_wrap .count_box ul li span{ display:inline-block; vertical-align: middle;}
.admin.main .main_box .right_wrap .count_box ul li .label {font-size:14px; color:#333; font-weight: bold}
.admin.main .main_box .right_wrap .count_box ul li .count {font-size:14px; color:#fff; background:#999; margin-left:10px; border-radius: 50%; padding:25px 20px;}
.admin.main .main_box .right_wrap .count_box ul li .count .number { font-size:32px; font-weight: bold; width:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align: center;} /* text-align 추가 */

.admin.main .main_box .right_wrap .list ul li { background:#fff; border:1px solid #ddd;}
.admin.main .main_box .right_wrap .list ul li + li {margin-top:8px}
.admin.main .main_box .right_wrap .list ul li a {display:block; padding:20px 24px }
.admin.main .main_box .right_wrap .list ul li a p {font-size:12px; color:#666; width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.admin.main .main_box .right_wrap .list ul li a p b {font-size:14px; color:#333; font-weight: bold}
.admin.main .main_box .right_wrap .list ul li a p + p {margin-top:4px}

.admin.main .main_box .right_wrap.type2 .count_box { background:#06476b; height:auto;text-align: left; padding:10px 10px 15px; margin-bottom: 2px;margin-top:10px}
.admin.main .main_box .right_wrap.type2 .count_box ul { width:100%; }
.admin.main .main_box .right_wrap.type2 .count_box ul li {display:table-cell; width:50%; text-align: left; }
.admin.main .main_box .right_wrap.type2 .count_box ul li:first-child{padding-right:10px}
.admin.main .main_box .right_wrap.type2 .count_box ul li .label { color:#fff;  }
.admin.main .main_box .right_wrap.type2 .count_box ul li .count {background-color:transparent; margin-left:0px; border-radius: 0; padding:0; float:right}
.admin.main .main_box .right_wrap.type2 .count_box ul li .count b { font-weight:700; font-size:1.2em; letter-spacing: 1px}
.admin.main .main_box .right_wrap.type2 .list {height: 247px}
.admin.main .main_box .right_wrap.type2 .list ul li { background-color:transparent; border:0}
.admin.main .main_box .right_wrap.type2 .list ul li + li {margin-top:4px; border-top:1px dashed #ddd}
.admin.main .main_box .right_wrap.type2 .list ul li a { padding:10px }
.admin.main .main_box .right_wrap.type2 .list ul li a p {font-size:12px; color:#666; width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.admin.main .main_box .right_wrap.type2 .list ul li a p b {font-size:14px; color:#333; font-weight: bold}
.admin.main .main_box .right_wrap.type2 .list ul li a p + p {margin-top:4px}

.admin.main .main_box .right_wrap.type2 .main_bot_box { background: #f8f8f8}

.admin.main .main_box .right_wrap .site_box {margin-top:8px;}
.admin.main .main_box .right_wrap .site_box select {width:100%;border:1px solid #ddd; width:100%; height:32px; line-height: 32px; font-size:12px; color:#666}

.admin.main .main_box .right_wrap .today_box .count_box {border:1px solid #ddd; background:#fff; height: auto; display:table; padding:6px 20px; table-layout: fixed}
.admin.main .main_box .right_wrap .today_box .count_box + .count_box {margin-top:4px}
.admin.main .main_box .right_wrap .today_box .count_box .icon,
.admin.main .main_box .right_wrap .today_box .count_box .label,
.admin.main .main_box .right_wrap .today_box .count_box .label span,
.admin.main .main_box .right_wrap .today_box .count_box .count {display:table-cell; vertical-align: middle}
.admin.main .main_box .right_wrap .today_box .count_box .label span + span {padding-left:8px; }
.admin.main .main_box .right_wrap .today_box .count_box .label {font-size:14px; color:#333; font-weight: bold}
.admin.main .main_box .right_wrap .today_box .count_box .count {font-size:14px; color:#333; font-weight: bold; text-align: right; border-left:1px solid #ddd; width:50%}
.admin.main .main_box .right_wrap .today_box .count_box .count b {font-size:40px;font-weight: bold; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; max-width:50%; display:inline-block; vertical-align: middle; line-height: 1.4em }
.admin.main .main_box .right_wrap .today_box .count_box .count span { display:inline-block; vertical-align: middle; line-height: 3em; margin-left: 4px}

.header_wrap header .hambergerIcon,
.header_wrap header .guideIcon,
.header_wrap header .logoutIcon,
.header_wrap header .settingIcon{ display: none; }
.header_wrap header .guideIcon {  height: 25px; margin: 10px 5px 0 5px; float: right }
.header_wrap header .logoutIcon {   height: 23px; margin: 12px 5px 0 5px; float: right }
.header_wrap header .settingIcon {   height: 23px; margin: 12px 5px 0 5px; float: right }

.header_wrap_visit header .hambergerIcon,
.header_wrap_visit header .guideIcon,
.header_wrap_visit header .logoutIcon,
.header_wrap_visit header .settingIcon{ display: none; }
.header_wrap_visit header .guideIcon {  height: 25px; margin: 10px 5px 0 5px; float: right }
.header_wrap_visit header .logoutIcon {   height: 23px; margin: 12px 5px 0 5px; float: right }
.header_wrap_visit header .settingIcon {   height: 23px; margin: 12px 5px 0 5px; float: right }

.alram_wrap {position:fixed; top:50px; right:20px; z-index: 99; width:350px;}
.alram_wrap .alram_box { border:1px solid #ddd; border-top:2px solid #1596d8; background:#fff}
.alram_wrap .alram_box .alram_hd { height:62px; padding-left:62px; font-size:14px; color:#333; font-weight: bold; line-height: 62px; position: relative; letter-spacing: 0}
.alram_wrap .alram_box .alram_hd a {width:62px; height: 62px; position:absolute; top:0; left:0; display:block; background:url(../img/sub/alarm_close.png) center no-repeat; background-size: 20px;}
.alram_wrap .alram_box .alram_list {background:#f2f2f2; max-height: 186px; overflow-y: auto}
.alram_wrap .alram_box .alram_list ul li {border-bottom:1px solid #ddd; height:62px; position: relative; padding-left:62px;}
.alram_wrap .alram_box .alram_list ul li:last-child {border:0}
.alram_wrap .alram_box .alram_list ul li .icon { width:62px; height: 62px;position:absolute; top:0; left:0; display:block; background:url(../img/sub/icon_alarm_01.png) center no-repeat; }
.alram_wrap .alram_box .alram_list ul li .icon.icon_01 { background-image:url(../img/sub/icon_alarm2_01.png)}
.alram_wrap .alram_box .alram_list ul li .icon.icon_02 { background-image:url(../img/sub/icon_alarm2_02.png)}
.alram_wrap .alram_box .alram_list ul li .icon.icon_03 { background-image:url(../img/sub/icon_alarm2_03.png)}
.alram_wrap .alram_box .alram_list ul li.active { background:#ddd}
.alram_wrap .alram_box .alram_list ul li.active .icon.icon_01 { background-image:url(../img/sub/icon_alarm_01.png)}
.alram_wrap .alram_box .alram_list ul li.active .icon.icon_02 { background-image:url(../img/sub/icon_alarm_02.png)}
.alram_wrap .alram_box .alram_list ul li.active .icon.icon_03 { background-image:url(../img/sub/icon_alarm_03.png)}
.alram_wrap .alram_box .alram_list ul li .cate {font-size:12px; color:#333;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;width:80%; padding-top:15px; font-weight: bold}
.alram_wrap .alram_box .alram_list ul li .desc {font-size:12px; color:#999;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;width:80%}
.alram_wrap .alram_box .alram_list ul li .btn_close {width:10px; height: 10px; position:absolute; top:10px; right:10px; display:block; background:url(../img/sub/alarm_close.png) center no-repeat; background-size: cover;}

@media screen and (min-width: 480px) {
    .header_wrap header h1 img { height: 28px; }
    .header_wrap header .tit { font-size: 16px; }
    .header_wrap header .hambergerIcon { width: 25px; height: 20px; margin: 12px 15px 0 10px; }
    .header_wrap header .quickIcon { width: 25px; height: 22px; margin: 13px 0 0 10px; }
    .header_wrap header .quickIcon img { width:100%!important}
    

    .header_wrap header .langs .lang a { width: 47px; height: 23px; line-height: 23px; }
    .header_wrap header .home { margin: 12px 5px 0 0;height: 24px; line-height: 25px; font-size: 13px; }
    
    .header_wrap_visit header h1 img { height: 28px; } /* visit header 분리 */
    .header_wrap_visit header .tit { font-size: 16px; } /* visit header 분리 */
    .header_wrap_visit header .hambergerIcon { width: 25px; height: 20px; margin: 12px 15px 0 10px; } /* visit header 분리 */
    .header_wrap_visit header .quickIcon { width: 25px; height: 22px; margin: 13px 0 0 10px; } /* visit header 분리 */
    .header_wrap_visit header .quickIcon img { width:100%!important} /* visit header 분리 */
    

    .header_wrap_visit header .langs .lang a { width: 47px; height: 23px; line-height: 23px; } /* visit header 분리 */
    .header_wrap_visit header .home { margin: 12px 5px 0 0;height: 24px; line-height: 25px; font-size: 13px; } /* visit header 분리 */

}
@media screen and (min-width: 1000px) {
    .header_wrap header { padding-left: 0; }
    .header_wrap header h1 img { height: 16px; }
    .header_wrap header .tit { margin-left: 4px; font-size: 14px; }
    .header_wrap header .gnb { display: block; }
    
    

    .header_wrap header .langs{position:absolute; top:4px; right:32px;}
    .header_wrap header .langs .lang { margin-right: 5px; font-size: 11px; }
    .header_wrap header .langs .lang a { width: 50px; height: 20px; line-height: 20px; }
    
    .header_wrap header .home { margin: 10px 5px 0 0; width: 68px; height: 26px; line-height: 27px; font-size: 13px; }
    
    .header_wrap_visit header { padding-left: 0; } /* visit header 분리 */
    .header_wrap_visit header h1 img { height: 16px; } /* visit header 분리 */
    .header_wrap_visit header .tit { margin-left: 4px; font-size: 14px; } /* visit header 분리 */
    .header_wrap_visit header .gnb { display: block; } /* visit header 분리 */
    
    

    .header_wrap_visit header .langs{position:absolute; top:9px; right:32px;} /* visit header 분리 */
    .header_wrap_visit header .langs .lang { margin-right: 5px; font-size: 11px; } /* visit header 분리 */
    .header_wrap_visit header .langs .lang a { width: 50px; height: 20px; line-height: 20px; } /* visit header 분리 */
    
    .header_wrap_visit header .home { margin: 10px 5px 0 0; width: 68px; height: 26px; line-height: 27px; font-size: 13px; } /* visit header 분리 */
    
    .admin .header_wrap { height: 92px; padding-top: 0;  background:#fff; z-index: 99 }
    .admin .header_wrap .header_top {position: relative;height:60px;}
    .admin .header_wrap .header_top h1  {top:0}
    .admin .header_wrap .header_top h1 a { color:#144561; font-size:20px; line-height: 55px;float:left}
    .admin .header_wrap .header_top h1 a span {vertical-align:middle; display:inline-block}
    .admin .header_wrap .header_top h1 a .place {color:#666; padding:0 10px; line-height: 30px; font-size:13px; border:1px solid #ddd; margin-left:10px; border-radius: 30px}
    .admin .header_wrap .header_top h1 .name {color:#666; line-height: 48px; font-size:12px; margin-left:5px }
    .admin .header_wrap .header_top h1 select {border:1px solid #ddd; margin-left:15px;font-size:12px;color:#666; margin-top:22px }
    .admin .header_wrap .header_top .header_link { position:absolute; right:32px; top:0; line-height: 55px;}
    .admin .header_wrap .header_top .header_link a {font-size:14px; font-weight: 700; color:#666; display: inline-block; vertical-align: middle; letter-spacing: 0}
    .admin .header_wrap .header_top .header_link .line {display: inline-block; vertical-align: middle; width:1px; height:10px; background:#ddd; margin:0 3px;}
    .admin .header_wrap .header_top .header_link .btn_alram {position:relative; }
    .admin .header_wrap .header_top .header_link .btn_alram .count { display:block; position:absolute;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; background: #e9c83b; text-align: center; right:-12px; top:12px; height:12px; padding:0 4px; max-width: 25px; font-size:10px; line-height: 10px; border-radius: 12px}
    .admin .header_wrap .header_bottom { position: relative; width: 100%; height: 32px;  background:#004368; }
    
    .join .header_wrap  {border-bottom:1px solid #ddd; height:60px }

    .admin .header_wrap_visit { height: 92px; padding-top: 0;  background:#fff; z-index: 99 } /* visit header 분리*/
    .admin .header_wrap_visit .header_top {position: relative;height:60px;} /* visit header 분리*/
    .admin .header_wrap_visit .header_top h1  {top:0} /* visit header 분리*/
    .admin .header_wrap_visit .header_top h1 a { color:#144561; font-size:20px; line-height: 55px;float:left} /* visit header 분리*/
    .admin .header_wrap_visit .header_top h1 a span {vertical-align:middle; display:inline-block} /* visit header 분리*/
    .admin .header_wrap_visit .header_top h1 a .place {color:#666; padding:0 10px; line-height: 30px; font-size:13px; border:1px solid #ddd; margin-left:10px; border-radius: 30px} /* visit header 분리*/
    .admin .header_wrap_visit .header_top h1 .name {color:#666; line-height: 48px; font-size:12px; margin-left:5px } /* visit header 분리*/
    .admin .header_wrap_visit .header_top h1 select {border:1px solid #ddd; margin-left:15px;font-size:12px;color:#666; margin-top:22px } /* visit header 분리*/
    .admin .header_wrap_visit .header_top .header_link { position:absolute; right:32px; top:0; line-height: 55px;} /* visit header 분리*/
    .admin .header_wrap_visit .header_top .header_link a {font-size:14px; font-weight: 700; color:#666; display: inline-block; vertical-align: middle; letter-spacing: 0} /* visit header 분리*/
    .admin .header_wrap_visit .header_top .header_link .line {display: inline-block; vertical-align: middle; width:1px; height:10px; background:#ddd; margin:0 3px;} /* visit header 분리*/
    .admin .header_wrap_visit .header_top .header_link .btn_alram {position:relative; } /* visit header 분리*/
    .admin .header_wrap_visit .header_top .header_link .btn_alram .count { display:block; position:absolute;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; background: #e9c83b; text-align: center; right:-12px; top:12px; height:12px; padding:0 4px; max-width: 25px; font-size:10px; line-height: 10px; border-radius: 12px} /* visit header 분리*/
    .admin .header_wrap_visit .header_bottom { position: relative; width: 100%; height: 32px;  background:#004368; } /* visit header 분리*/
    
    .join .header_wrap_visit  {border-bottom:1px solid #ddd; height:60px } /* visit header 분리*/
    
    .admin .menu ul {  padding: 0px;  margin: 0px;  list-style: none;  position: relative;  display: inline-block;  }
    .admin .menu > li > ul.sub_menu {  min-width: 10em;  padding: 4px 0;  background-color: #f4f4f4;  border: 1px solid #fff;}
    .admin .menu ul li { padding: 0px; }
    .admin .menu > ul > li { display: block; float: left; }
    .admin .menu ul li a {  display: block;  text-decoration: none;  color: #fff;  font-size: 14px; letter-spacing: 0;  min-width:110px;    text-align: center; background: #008bd5;    line-height: 32px;}
    .admin .menu ul li:hover a,
    .admin .menu ul li.active> a{  background: #f2f2f2;  color: #333;  transition: all .5s ease-out;font-weight:bold;}
    .admin .menu ul li.hover > a{  background: #efa666;  color: #fff;}
    .admin .menu ul li > a { padding:0 15px; }
    .admin .menu ul ul {  display: none;  position: absolute;  top: 100%; }
    .admin .menu ul li:hover > ul,
    .admin .menu ul li.active > ul.depth2{ display: block;}
    .admin .menu ul.depth2 { background:#f2f2f2;left:0; right:0; width:99999%; height:40px;}
    .admin .menu ul ul > li { position: relative; display:block; float:left; padding-top:6px;padding-left:32px }
    .admin .menu ul ul > li a {  padding: 0 10px;font-size:12px; color:#666; background:#f2f2f2; line-height: 28px; border-radius: 26px; min-width: 100px; }
    .admin .menu ul ul > li:hover>a,
    .admin .menu ul ul > li.active>a{  background: #ddd;  color: #333;font-weight:bold;}
    .admin .menu ul ul ul {  position: absolute;  left: 32px;  top: 100%; padding-top:6px; width:160px;  }
    .admin .menu ul ul ul > li {float:none; padding:0;border:1px solid #c8c8c8; }
    .admin .menu ul ul ul > li + li {border-top:0}
    .admin .menu ul ul ul > li a,
    .admin .menu ul ul > li:hover ul > li a{border-radius:0; background:#fff;text-align: left }
    .admin .menu ul ul > li:hover ul > li a:hover {background: #eac442;  color: #333;font-weight:bold;}
}

/* 모바일 메뉴 레이어 */
.menuLayer { display: none; }
.menuLayer.clicked { display: block; z-index: 300; position: absolute; width: 100%; background-color: #212934; text-align: center; }
.menuLayer.clicked li a { display: block; height:80px; border-bottom: 1px solid #283038; color: #FFF; line-height: 80px; text-decoration: none; font-size: 18px; }

/* 임직원용 모바일 메뉴 레이어 */
.admin .menuLayer.clicked { text-align: left; border-top: 1px solid #283038; z-index: 999 }
.admin .menuLayer.clicked li {border-bottom: 1px solid #283038; position:relative; }
.admin .menuLayer.clicked li a {/*border-color:#0b76af; */font-size:16px;}
.admin .menuLayer.clicked li:last-child {border:0}
.admin .menuLayer.clicked li .depth_1 {position:relative; width:100%}
.admin .menuLayer.clicked li .depth_1 a {padding:16px 12px;height:auto; line-height:normal;}
.admin .menuLayer.clicked li a.more { position:absolute; right:0; top:0; width:auto; padding-right:0; border:0;height:auto; line-height:normal;padding:16px 10px;}
.admin .menuLayer.clicked li a.more img {width:15px}
.admin .menuLayer.clicked li a.more .close {display:none}
.admin .menuLayer.clicked li .depth_2_wrap {display:none}
.admin .menuLayer.clicked li .depth_2 {padding-top:12px; background: #283038}
.admin .menuLayer.clicked li .depth_2 a{ height:auto; border:0; line-height:normal; padding:4px 24px;font-size: 16px; opacity: 0.7}
.admin .menuLayer.clicked li .depth_2 a:first-child {opacity:1}
.admin .menuLayer.clicked li .depth_2 + .depth_2 {padding-top:8px}
.admin .menuLayer.clicked li .depth_2:last-child {padding-bottom: 12px}

.admin .menuLayer.clicked li a.more.on .open {display:none}
.admin .menuLayer.clicked li a.more.on .close {display:block; margin-top:-4px}
.admin .menuLayer.clicked li a.more.on + .depth_2_wrap {display:block}

.quickMenuLayer { display: none; position:fixed;}
.quickMenuLayer.clicked { display: block; z-index: 100; position:absolute; width: 100%; background-color: #212934; text-align: center;}
.quickMenuLayer.clicked ul { border-bottom: 1px solid #283038; }
.quickMenuLayer.clicked ul h1 { margin-top: 35px; margin-bottom: 10px; color: #FFF; font-size: 28px; }
.quickMenuLayer.clicked ul li a { display: block; height: 45px; line-height: 55px; color: #FFF; text-decoration: none; font-size: 20px; }
.quickMenuLayer.clicked ul li:last-child a { margin-bottom: 20px; }



#popup_mask { display: none; z-index: 250; position:fixed;left:0;top:0;right:0;bottom:0;background:#000;filter:alpha(opacity=75);opacity:0.75; }
#popup_mask2 { display: none; z-index: 350; position:fixed;left:0;top:0;right:0;bottom:0;background:#000;filter:alpha(opacity=75);opacity:0.75; } /* 방문신청 이중팝업 관련 */
#popup_mask.clicked { display:block;}

/* 중앙 메뉴 */
.content { /*max-width: 1000px; */width: 100%; margin: 0 auto; padding: 0 0 0; text-align: center; overflow:hidden; min-height:800px;}
.content:after { clear: both; content:""; display: block; }

.content > .content-position > .welcome {font-size: 30px; font-weight:700}
.content > .content-position > h1 {font-size: 60px; font-weight:normal; padding:10px 0 0;}
.content > .content-position > h1 span {color:#092d74; vertical-align:top; line-height: 52px; letter-spacing: -5px}
.content > .content-position > h1 span img {height:56px}
.content > .content-position > h1 span + span {margin-left:-10px}
.content > .content-position > .subHeading { font-size:48px;color: #000033; font-weight:700}

.content-position{position:relative; overflow:hidden; top:50%;max-width: 1232px; margin:0 auto; margin-top:-340px}
.navWrap nav { margin-top: 20px; }
.navWrap nav li { border-radius: 4px; }
.navWrap nav > ul > li:first-child { position: relative; width: 90%; height:auto; margin: 0 auto 10px; padding: 20px 0 30px; border-radius: 4px; background-color: #FFF; background: url('../img/main/device_icon.png') 95% 48% no-repeat; background-size: 80px 71px; }
.navWrap nav > ul > li:first-child h1 { width: 70%; font-size: 13px; color: #333; text-align: center; font-weight:normal; line-height:20px;}
.navWrap nav > ul > li:first-child .subHeading { width: 100%; float: none; font-size: 18px; color: #333; line-height:22px; }
.navWrap nav > ul > li:first-child .subHeading .underline { text-decoration: underline; }
.navWrap nav > ul > li:first-child .aWrap { width: 70%; text-align: center; margin-top: 15px; display:block; }
.navWrap nav > ul > li:first-child a { display: inline; padding: 7px 40px; background-color: #092d74; color: #FFF; font-size: 13px; text-decoration: none; text-align: center; }
.navWrap nav > ul > li:first-child .backWhite { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px;  background-color: rgba(255, 255, 255, 1);  }
.navWrap nav > ul > li:last-child > ul { clear: both; }
.navWrap nav > ul > li:last-child > ul .navList { float: left; width: 195px; margin-right: 10px; padding-top: 30px; color: #FFF; }
.navWrap nav > ul > li:last-child > ul .navList h1 { font-size: 18px; line-height:22px; }
.navWrap nav > ul > li:last-child > ul .navList img { margin: 30px 0 25px; }
.navWrap nav > ul > li:last-child > ul .navList p { font-size: 11px; line-height:15px;}
.navWrap nav > ul > li:last-child > ul a:nth-child(1) .navList { width: 44%; margin: 0 2% 0 5%; padding: 30px 0; background-color: #008bd5; }
.navWrap nav > ul > li:last-child > ul a:nth-child(1) .navList img { height: 35px; margin: 15px 0 9px; }
.navWrap nav > ul > li:last-child > ul a:nth-child(2) .navList { width: 44%;  padding: 30px 0;background-color: #092d74; }
.navWrap nav > ul > li:last-child > ul a:nth-child(2) .navList img { height: 40px; margin: 13px 0 6px; }
.navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList { clear: both; width: 90%; padding: 30px 0; margin: 10px 0 0 5%; background: url('../img/main/desk_m.png'); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; text-align: right; padding-right: 5%; }

.navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList { /*width: 195px; height: 220px; */margin: 0; background: url('../img/main/desk.png'); text-align: center; padding-right: 0%; }
/*.navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList h1 { float: none; width: inherit; padding-right: 0; font-size: 17px; }*/
.navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList h1 span { display: inline; }
.navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList img { display: inline; }
.navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList h1 { margin-top: 0; }
.mobile_box { display:none}
.navWrap nav > ul > li:last-child > ul a:last-child .navList { margin-right: 0; }
.navWrap nav > ul > li:last-child > ul:last-child { position: relative; float: left; left: 5%; width: 90%; /*height: 140px;*/ margin-top: 16px; border-radius: 4px; background-color: #FFF; overflow:hidden; display:block; }
.navWrap nav > ul > li:last-child > ul:last-child h1 { height: 47px; padding-left: 20px; background-color: #63727B; color: #FFF; font-size: 16px; line-height: 47px; text-align: left; border-radius: 4px 4px 0 0; font-weight:normal}
.navWrap nav > ul > li:last-child > ul:last-child li { display:inline-block; vertical-align:top; position: relative; width: 16%; padding:35px 0 23px;}
.navWrap nav > ul > li:last-child > ul:last-child li.arrow { width:2.5%;}
.navWrap nav > ul > li:last-child > ul:last-child li.arrow img { width:100%; height:100%;}
.navWrap nav > ul > li:last-child > ul:last-child li:nth-child(6) { background: none; }

.navWrap nav > ul > li:last-child > ul:last-child li span { display:table;  width: 100%; height:45px; /*vertical-align:middle;*/ font-size: 12px; color: #333; }
.navWrap nav > ul > li:last-child > ul:last-child li span span {/*display:table-cell; */text-align:center; padding-top:10px; word-break: keep-all; line-height: 1.2em}
.navWrap nav > ul > li:last-child > ul:last-child li span br { display:none}
.noticeWrap { float: left; position: relative; width: 90%; margin-top: 12px; margin-left: 5%; border-radius: 4px; }
.noticeWrap > div { position: relative; float: left; width: 100%; height: 50px; line-height: 50px; border-radius: 4px; background-color: #FFF; }
.noticeWrap > div:first-child { margin-bottom: 10px; }
.noticeWrap > div h1 { float: left; margin: 0 10px 0 13px; font-size: 14px; color: #333; font-weight:normal; width: 60px; text-align: left;  }
.noticeWrap .article { float: left; width: 65%; }
.noticeWrap .faq .article { width: 70%; }
.noticeWrap .article div { float: left; }
.noticeWrap .article .subject { font-size: 12px; text-align: left; max-width:85% }
.noticeWrap .article .subject a { color: #333; text-decoration: none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100% }
.noticeWrap .article .subject a:hover { text-decoration: underline; }
.noticeWrap .article .date { display:block; position: absolute; right: 8px; top: 0; margin-right: 16px; font-size: 12px; color: #C1C1C1; }
.noticeWrap .article .plus { position: absolute; right: 10px; top: 0; font-size: 14px; }
.noticeWrap .article .plus a { color: #C1C1C1; text-decoration: none; }
.noticeWrap .and { display: none; z-index: 1; position: absolute; top: 0; left: 51%; width: 5px; text-align: center; color: #C1C1C1; }

.navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList { clear: none; }
.navWrap nav > ul > li:last-child > ul .navList .brHidden { display: none; }


@media screen and (min-width: 360px) {
    .navWrap nav { margin-top: 40px; }
    .navWrap nav > ul > li:first-child {background-size: 110px; height:auto; padding:22px 0 35px; overflow:hidden}
    .navWrap nav > ul > li:first-child .subHeading { line-height:22px;}

    .navWrap nav > ul > li:first-child a { padding: 12px 47px; font-size: 14px; }

    .navWrap nav > ul > li:last-child > ul { clear: both; }
    .navWrap nav > ul > li:last-child > ul .navList { float: left; width: 195px; margin-right: 10px; }
    .navWrap nav > ul > li:last-child > ul .navList h1 { font-size: 18px; font-weight:normal; line-height:22px; }
    .navWrap nav > ul > li:last-child > ul .navList p { font-size:13px; line-height:18px;}
    .navWrap nav > ul > li:last-child > ul .navList img { margin: 20px 0 15px; }
    
    .navWrap nav > ul > li:last-child > ul a:last-child .navList { margin-right: 0; }
    .noticeWrap .article { float: left; width: 45%; }
    .noticeWrap .faq .article { width: 50%; }

}

@media screen and (min-width: 700px) {
    .navWrap nav > ul > li:first-child { height: 220px; padding-top: 50px; background: url('../img/main/device_icon.png') 83% 48% no-repeat; background-size: 170px 150px;}
    .navWrap nav > ul > li:first-child h1 { font-size: 22px;}
    .navWrap nav > ul > li:first-child .subHeading { font-size: 18px; line-height:22px; font-weight:700 }
    .navWrap nav > ul > li:first-child .aWrap { margin-top: 30px; }
    .navWrap nav > ul > li:first-child a { padding: 15px 50px; font-size: 18px; }   
    .navWrap nav > ul > li:last-child > ul .navList h1 { font-size: 22px; /*line-height:30px;*/ }
    .navWrap nav > ul > li:last-child > ul a:nth-child(1) .navList { height:auto; overflow:hidden }
    .navWrap nav > ul > li:last-child > ul a:nth-child(1) .navList img { height: 45px; margin: 20px 0 15px;}
    .navWrap nav > ul > li:last-child > ul a:nth-child(2) .navList { height:auto; overflow:hidden}
    .navWrap nav > ul > li:last-child > ul a:nth-child(2) .navList img { height: 49px; margin: 20px 0 15px;}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList { height:auto; overflow:hidden}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList img { height: 49px; margin: 20px 0 15px;}
    /*.navWrap nav > ul > li:last-child > ul:last-child { height: 196px; }*/
    .navWrap nav > ul > li:last-child > ul:last-child h1 { font-size: 18px; height: 62px; line-height: 62px; }
    .navWrap nav > ul > li:last-child > ul:last-child li span { font-size: 16px; }
    .noticeWrap .article { float: left; width: 75%; }
    .noticeWrap .faq .article { width: 80%; }

    .noticeWrap > div { position: relative; float: left; width: 100%; height: 80px; line-height: 80px; border-radius: 4px; background-color: #FFF; }
    .noticeWrap > div:first-child { margin-bottom: 10px; }
    .noticeWrap > div h1 { float: left; margin: 0 10px 0 13px; font-size: 22px; color: #333; font-weight:normal; width: 105px; text-align: left; padding-left:10px;  }
    .noticeWrap .article { float: left; width: 65%; }
    .noticeWrap .faq .article { width: 70%; }
    .noticeWrap .article .subject { font-size: 18px; text-align: left; color:#666; }
    .noticeWrap .article .subject a { color: #666;  }
    .noticeWrap .article .subject a:hover { text-decoration: underline; }
    .noticeWrap .article .date { position: absolute; right: 30px; top: 0; font-size: 18px; color: #C1C1C1; }
    .noticeWrap .article .plus { position: absolute; right: 20px; top: 0; font-size: 18px; }
    .noticeWrap .article .plus a { color: #C1C1C1; text-decoration: none; }
    .noticeWrap .and { display: none; z-index: 1; position: absolute; top: 0; left: 48%; width: 5px; text-align: center; color: #C1C1C1; }
    
    .noticeWrap > div h1 { font-size: 14px; width: initial; width:12% }
}

@media screen and (min-width: 1000px) {
    .navWrap nav > ul > li:first-child { float: left; width: 48.4%; height: 420px; margin-right: 16px; margin-bottom: 0; padding-top: 36px; border-radius: 4px;background: url('../img/main/device_icon.png') 51% 48% no-repeat; }
    .navWrap nav > ul > li:first-child h1 { width: 100%; float: none; font-size: 24px; font-weight:normal; color: #333; line-height:34px; }
    .navWrap nav > ul > li:first-child .aWrap { width: 100%; margin-top: 70px; margin-top: 265px; } /* 1.13 폰트크기 조절로 margin 조정 270 > 265*/
    .navWrap nav > ul > li:first-child a { float: none; top: 0; left: 0; font-weight: 700; font-size: 23px; padding: 15px 0; width:96%; text-align: center; display:inline-block} /* 1.13 폰트크기 조정 20 > 23*/
    .navWrap nav > ul > li:last-child > ul { clear: none; }
    .navWrap nav > ul > li:last-child > ul .navList h1 { font-size: 17px; font-weight: normal }
    .navWrap nav > ul > li:last-child > ul a:nth-child(1) .navList,
    .navWrap nav > ul > li:last-child > ul a:nth-child(2) .navList { width: 15.6%;margin: 0 1.5% 0 0;  }
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList { width: 15.6%;margin:0;}
    /*.navWrap nav > ul > li:last-child > ul a:nth-child(2) .navList { width: 197px; height: 220px; padding-top: 30px; }*/

    .navWrap nav > ul > li:last-child > ul:last-child h1 { font-size: 17px; font-weight:normal }
    .navWrap nav > ul > li:last-child > ul:last-child h1 { height: 47px; line-height: 47px; }
    .navWrap nav > ul > li:last-child > ul:last-child { left: 0; width: 50%; }
    .navWrap nav > ul > li:last-child > ul:last-child li span { font-size: 14px; }  
    
    
    .noticeWrap > div { position: relative; float: left; width: 100%; height: 50px; line-height: 50px; border-radius: 4px; background-color: #FFF; }
    .noticeWrap > div:first-child { margin-bottom: 10px; }
    .noticeWrap > div h1 { float: left; margin: 0 10px 0 13px; font-size: 14px; color: #333;  width: 60px; text-align: left;  }

    .noticeWrap { width: 1230px; margin: 16px 0 0 0; background-color: #FFF; }
    .noticeWrap > div { width: 48%; background: none; height: 50px; line-height: 50px; }
    .noticeWrap > div:first-child { margin: 0; }
    .noticeWrap > div h1 { font-size: 14px; width: initial; width:15% }
    .noticeWrap .faq { padding-left:0;width: 49.5%;  }
    .noticeWrap .article .subject { font-size: 12px; width: 270px; text-overflow:ellipsis;overflow: hidden;white-space: nowrap; }
    .noticeWrap .article .date { margin-right: 28px;  font-size: 12px;}
    .noticeWrap .article .plus { margin-right: 3px; font-size: 14px; }
    .noticeWrap .faq .article .date { margin-right: 45px; }
    .noticeWrap .faq .article .plus { margin-right: 20px; }
    .noticeWrap .and { display: inline; }
}

/* 푸터 */
.footer_wrap { clear: both; display:block; padding:0 32px; background-color: #777777; text-align: center; overflow:hidden  }
.footer_wrap footer {width: 100%;   color: #fff; font-size: 10px; display:blcok;padding: 10px 0 ; letter-spacing: 0 }
.footer_wrap footer ul { float:right;}
.footer_wrap footer ul li { float: left; margin-right: 5px; }
.footer_wrap footer ul li a { display: block; padding: 8px 3px; color: #fff; text-decoration: none;}
.footer_wrap footer ul:after { clear: both; content: ""; display: block; }
.footer_wrap footer:after { clear: both; content: ""; display: block; }
.footer_wrap footer span img {height:16px;vertical-align:middle}
.footer_wrap footer span {vertical-align:middle}
.footer_wrap footer img + span {margin-left:4px}

@media screen and (max-width:1000px) {
    .footer_wrap { padding:0 24px;}
    .footer_wrap footer ul { float:none; display:block; margin:5px auto; text-align: center}
    .footer_wrap footer ul li {display:inline-block; float:none}
    
    .admin .footer_wrap footer ul {border-top:1px solid #9b9b9b; margin-top:10px; padding-top:10px;}
    .admin .footer_wrap footer ul li {display:block; margin: 0 auto; line-height: 1.4em}
    .admin .footer_wrap footer ul li.btn_help {margin-top:8px}
    .admin .footer_wrap footer ul li.btn_help a {margin:0 auto}
}        
@media screen and (min-width: 360px) {
    
    .footer_wrap footer ul li a { width: 100px;font-size: 10px; }
}
@media screen and (min-width: 481px) {
    .footer_wrap footer span { font-size: 10px; }
    
    .footer_wrap footer ul li a { width: 110px;  }
}
@media screen and (min-width: 1000px) {
    .footer_wrap { text-align: left; }
    .footer_wrap footer { height: 44px; padding: 0; line-height: 44px; }
    .footer_wrap footer ul { width: 390px; }
    .footer_wrap footer ul { float: right; width:auto; margin: 0; }
    .footer_wrap footer ul li a { display: inline; }
    
    .footer_wrap footer ul li:nth-child(1) a,
    .footer_wrap footer ul li:nth-child(1) span{ background-color: transparent; margin-right: 8px; padding: 0; }
    .footer_wrap footer ul li:nth-child(1):after { content: '|'; color: #FFF; color: #ADADAD; }
    .footer_wrap footer ul li:nth-child(1) { margin-right: 0; }
    .footer_wrap footer ul li:nth-child(2) a,
    .footer_wrap footer ul li:nth-child(2) span{ background-color: transparent;margin-left: 8px;  margin-right: 8px; padding: 0; }
    .footer_wrap footer ul li:nth-child(2):after { content: '|'; color: #FFF; color: #ADADAD; }
    .footer_wrap footer ul li:nth-child(3) { margin-right: 0; }
    .footer_wrap footer ul li:nth-child(4) a,
    .footer_wrap footer ul li:nth-child(4) span{ background-color: transparent;margin-left: 8px;  margin-right: 8px; padding: 0; }
    .footer_wrap footer ul li:nth-child(4):after { content: '|'; color: #FFF; color: #ADADAD; }
    

}

/* 퀵메뉴 */
.quickMenu {z-index: 20; display: block; position: absolute; top: 125px; right: 0;}
.quickMenu:after { clear: both; content: ""; display: block; }
.quickMenu .toggleBtnWrap { position: relative; float: left; width: 45px; }
.quickMenu .toggleBtnWrap .topImg { z-index: 10; position: absolute; top: -3px; left: 0; }
.quickMenu .toggleBtnWrap > .innerWrap { position: absolute; top: 0; left: 0; width: 45px; background-color: #092d74; }
.quickMenu .toggleBtnWrap > .innerWrap .left { position: absolute; top: 0; left: 1px; width: 1px; background-color: #33639C; }
.quickMenu .toggleBtnWrap > .innerWrap p { position: relative; width: 45px; padding-top: 34px; color: #FFF; text-align: center; font-size:15px; line-height:18px;font-weight:700; height:193px; }
.quickMenu .toggleBtnWrap > .innerWrap .toggleBtn { position: absolute; bottom: 0; left: 0px; border: 0; width: 44px; height: 45px; background: url('../img/sub/quick_toggle_btn.png'); cursor: pointer; outline: none; }
.quickMenu .toggleBtnWrap > .innerWrap .toggleBtn2 { z-index: 5; position: absolute; bottom: 1px; left: 1px; border: 0; width: 44px; height: 45px; background: url('../img/sub/quick_toggle_btn2.png'); cursor: pointer; display: none; outline: none; }
.quickMenu .toggleBtnWrap > .innerWrap .toggleBtn:focus { outline: none; }
.quickMenu .toggleBtnWrap > .innerWrap .toggleBtn2:focus { outline: none; }
.quickMenu nav { display: none; float: left; width: 265px; padding: 15px 0 0 0; background-color: #FFF; margin-top: -3px; overflow:hidden;  height:195px; }
.quickMenu nav ul { width: 240px; margin: 0 18px 12px; }
.quickMenu nav ul h1 { clear: both; margin-bottom: 3px; color: #333; font-size: 14px;  }
.quickMenu nav ul li { float: left; margin: 3px 20px 2px 0; font-size: 12px;  }
.quickMenu nav ul li a { text-decoration: none; color: #8C8C8C; }
.quickMenu nav ul li a:hover { color: #092d74; text-decoration: underline; }
.quickMenu nav ul:after { clear: both; content: ""; display: block; }
.quickMenu .closeBtn { display: none; position: absolute; top: 14px; right: 14px; width: 18px; height: 18px; border: 0; background: url('../img/sub/quick_close_btn.png') no-repeat; cursor: pointer; }

.sub .quickMenu nav { background-color: #f9f9f9; }





/* 서브 하위메뉴 *****************************************************************************************************/
.sub_contents { width:1000px; display:block; margin:0 auto 100px; min-height:900px;}
.admin .sub_contents { margin:5px auto 100px; } /* 삭제X 제목부분 여백축소 */

.sub_contents .title_wrap { width:100%; display:block; text-align:center; overflow:hidden; padding:5px 0;} /* 삭제X 제목부분 여백축소 */
.sub_contents .title_wrap .sub_gnb { text-align:right; float:right;}
.sub_contents .title_wrap .sub_gnb ul li { float:left; color:#999; font-size:11px; padding:0 3px; vertical-align:middle}
.sub_contents .title_wrap .tit { clear:both; color:#333; font-size:40px; padding:30px 0 20px; letter-spacing: -3px} /* 삭제X 제목부분 여백축소 */
.sub_contents .title_wrap .txt { color:#666; font-size:14px; line-height:20px; margin-bottom:20px;}

.sub_contents .btn_wrap { display:block; text-align:center; margin:20px auto 0}
.sub_contents .btn_wrap a { display:inline-block; color:#fff;/* min-width:106px;*/ padding:9px 16px; font-size:12px;}
.sub_contents .btn_wrap a.btn_gray{ background:#b3b3b3}
.sub_contents .btn_wrap a.btn_blue{ background:#008bd5}
.sub_contents .btn_wrap a.btn_black{ background:#333}
.sub_contents .btn_wrap a.btn_red{ background:#bb162b}
.sub_contents .btn_wrap a.btn_line {border:1px solid #dadada; border-radius: 5px; }
.sub_contents .btn_wrap a.btn_line.btn_blue {border-color:#008bd5}
.sub_contents .btn_wrap a.btn_line.btn_black {border-color:#333; border-radius: 5px; }
.sub_contents .btn_wrap a.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.sub_contents .btn_wrap2 { display:block; text-align:right; margin:-50px auto 15px;}
.sub_contents .btn_wrap2 a { display:inline-block; color:#666;  padding:5px 8px; border:1px solid #dcdcdc; font-size:12px;}

.sub_contents .btn_wrap3{ clear:both; display:block; text-align:right; margin:10px auto ;} /* 삭제X 제목부분 여백축소 */
.sub_contents .btn_wrap3 input {border:1px solid #ddd; padding:4px}
.sub_contents .btn_wrap3 input + a {margin-left:4px}
.sub_contents .btn_wrap3 .float_l {float:left}
.sub_contents .btn_wrap3 a { display:inline-block; color:#fff; padding:5px 8px; background:#333; font-size:12px;}
.sub_contents .btn_wrap3 a.btn_gray { background:#999}
.sub_contents .btn_wrap3 a.btn_line {border:1px solid #dadada; border-radius: 5px; }
.sub_contents .btn_wrap3 a.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.sub_contents .bbs_wrap .btn_wrap3 {margin-bottom:8px}

.bbs_wrap .tit {position:relative}
.bbs_wrap .tit a.btn { display:inline-block; color:#666;  padding:5px 8px; line-height: normal;border:1px solid #dcdcdc; font-size:12px; float:right; margin-top:4px}
.bbs_wrap .tit a.btn + a.btn {margin-right:5px}
.bbs_wrap .tit a.btn.btn_gray { background:#999}
.bbs_wrap .tit a.btn.btn_line {border:1px solid #dadada; border-radius: 5px; }
.bbs_wrap .tit a.btn.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.bbs_wrap .table_box {width:100%; display:table; table-layout: fixed}
.bbs_wrap .table_box .table_cell {display:table-cell; vertical-align: top;}
.bbs_wrap .table_box .table_cell.scroll {height:374px; overflow-y: auto; display:block}
.bbs_wrap .table_box .table_cell + .table_cell {border-left:16px solid #fff;}

/* select box */
.bbs_header{padding:12px 0;overflow:hidden; border:1px solid #dedede; background:#f9f9f9; text-align:center; margin-bottom:30px;}
.bbs_header .search_wrap{}
.bbs_header .search_box{ display:inline-block; height:28px;vertical-align:middle; }
.bbs_header .search_box .input_search{float:left;padding:0 10px;height:28px;border:1px solid #dcdcdc;border-right:0;font-size:13px;color:#575757;*line-height:28px;line-height:28px}
.bbs_header .search_box .select_wrap{float:left; width:87px;}
.bbs_header .btn_search{ border:1px solid #dcdcdc; border-left:0; background:url(../img/sub/icon_search.png) center no-repeat #fff; background-size:50%; display:block; width:30px; height:28px; display:inline-block; vertical-align:middle; text-indent:-9999px; margin-left:-10px; cursor:pointer}
.select_wrap{position:relative;width:100px;height:28px;background:#fff url("../img/sub/select.gif") no-repeat right center; background-size:auto 15px; border:1px solid #dcdcdc;margin-right:4px; }
.select_wrap .value{cursor:pointer;padding:0 12px 0 10px;height:28px;line-height:26px;font-size:12px;color:#575757;white-space:nowrap; text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.select_wrap select{cursor:pointer;display:block;position:absolute;left:0px;top:0;right:-1px;width:100%;height:100%;font-size:12px;color:#575757;border:0;z-index:20;filter:alpha(opacity=0);opacity:0;z-index:20;}

/* 방문신청하기 */
.sub_contents .step_wrap { width:100%; height:70px; display:block; position:relative; overflow:hidden; margin:0 auto 40px; }
.sub_contents .step_wrap .bg_cover { width:100%; height:70px; border:1px solid #dcdcdc}
.sub_contents .step_wrap .bg_cover img  { width:100%; height:100%;}
.sub_contents .step_wrap ul { position:absolute; top:0; width:100%; height:70px;}
.sub_contents .step_wrap ul li { float:left; width:33.3%; color:#888; text-align:center; display:block; line-height:65px;font-weight:700}
.sub_contents .step_wrap ul li.on { color:#fff}
.sub_contents .step_wrap ul li img { vertical-align:middle; padding-right:10px; width:30px;}
.sub_contents .step_wrap ul li span { vertical-align:middle}
.sub_contents .step_wrap ul li span span { vertical-align:0px;}

.sub_contents .agree_wrap { clear:both; width:100%; display:block; margin:0 auto 20px;}
.sub_contents .agree_wrap .tit { color:#333; font-size:20px; line-height:40px;}
.sub_contents .agree_wrap .agree { width:100%; height:240px; border:1px solid #dcdcdc; border-top:1px solid #333;overflow-y:scroll}
.sub_contents .agree_wrap .agree .scroll { padding:30px 50px; font-size:12px; line-height:22px; color:#999; }
.sub_contents .agree_wrap .agree .scroll p { color:#666; font-size:14px; line-height:22px;}
.sub_contents .agree_wrap .check_wrap { text-align:right; font-size:13px; color:#666; padding:5px 10px; }
.sub_contents .agree_wrap .check_wrap input {vertical-align:middle;display:inline-block; }
.sub_contents .agree_wrap .check_wrap span {vertical-align:middle;display:inline-block;padding-bottom: 2px }
.sub_contents .agree_wrap .check_wrap input + span {color:#008bd5}

.sub_contents .fin_wrap { clear:both; width:100%; display:block; margin:40px auto;}
.sub_contents .fin_wrap .tit { color:#333; font-size:20px; line-height:40px;}
.sub_contents .fin_wrap .box { width:100%;border-top:1px solid #333; background:#f9f9f9; text-align:center; padding:50px 0;}
.sub_contents .fin_wrap .box .icon img { width:170px}
.sub_contents .fin_wrap .box .txt { color:#333; font-size:24px; padding:30px 0 10px}
.sub_contents .fin_wrap .box .name { color:#999; font-size:16px;}
.sub_contents .fin_wrap .box .btn_wrap { margin-top:30px;}

/* 방문객정보 */
.visit_list { display:block; overflow:hidden}
.visit_list .visit_list_header ul { border-top:1px solid #333;  display:table; table-layout:fixed;width:100%; }
.visit_list .visit_list_header ul li{ display:table-cell; float:none;vertical-align:middle;padding:15px 0; }
.visit_list ul { clear:both}
.visit_list ul li { overflow:hidden; border-bottom:1px solid #dcdcdc; display:table-cell; width:8%; text-align:center; vertical-align:middle}
.visit_list ul li.list_01 { width:8%}   
.visit_list ul li.list_02 { width:8%}
.visit_list ul li.list_02 .select_wrap { margin-right:0; width:80px;}
.visit_list ul li.list_03 { width:24%;} 
.visit_list ul li.list_03 div { display:inline-block; font-size:0}
.visit_list ul li.list_04 { width:24%; color:#999}  
.visit_list ul li.list_05 { width:7%}   
.visit_list ul li.list_06 { width:7%}
.visit_list ul li.list_07 { width:9%}   
.visit_list ul li.list_08 { width:9%}   
.visit_list ul li.list_09 { width:4%}   
.visit_list ul li.list_09 img { width:16px; vertical-align:middle}      
.visit_list ul li .tit {color:#333;  line-height:normal;  font-size:13px;}  
.visit_list ul li .write { padding:4px 0; text-align:center; font-size:14px;color:#666; }
.visit_list ul li input {border:1px solid #dcdcdc; vertical-align:middle}
.visit_list ul li input.text,
.visit_list ul li input.num{  width:80%; padding:0 10px; height: 28px; line-height: 28px; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.visit_list ul li input.num{width:26%; }
.noInfoTd {background-color: #e9e9e9;} /* 삭제X TD 빈값 채우기 css */

/* 단체정보 */
.admin .visit_list ul { table-layout: fixed; width:100%; display:table}
.admin .visit_list ul li.list_01 { width:12%}   
.admin .visit_list ul li.list_02 { width:20%}
.admin .visit_list ul li.list_02 div { display:inline-block; vertical-align: middle}
.admin .visit_list ul li.list_03 { width:17%;}  
.admin .visit_list ul li.list_04 { width:17%; color:#999}   
.admin .visit_list ul li.list_05 { width:17%}   
.admin .visit_list ul li.list_06 { width:17%}
.admin .visit_list ul li.list_07 { width:8%}    
.admin .visit_list ul li.list_07 img { width:16px; vertical-align:middle}   
.admin .visit_list ul li .cal { display:inline-block; width:auto}
.admin .visit_list ul li .cal input { padding:0 0 0 10px; height:28px; width:70px; border:1px solid #dcdcdc; border-right:0;vertical-align:middle}
.admin .visit_list ul li .cal .btn_search { border:1px solid #dcdcdc; border-left:0; background:url(../img/sub/icon_cal.png) center no-repeat #fff; background-size:50%; width:30px; height:28px; display:inline-block; vertical-align:middle; text-indent:-9999px;}

/*.visit_list ul li .write a.btn_1 { padding:8px 10px; display:inline-block; vertical-align:middle; background:#092d74; color:#fff; margin:0 auto; font-size:12px;}
.visit_list ul li .write a.btn_2 { padding:8px 10px; display:inline-block; vertical-align:middle; background:#405988; color:#fff; margin:0 auto; font-size:12px;}*/

.visit_list ul li .write a { padding:5px 8px; display:inline-block; vertical-align:middle;  margin:0 auto; font-size:12px;}
.visit_list ul li .write a.btn_line {border:1px solid #dadada; border-radius: 5px; }
.visit_list ul li .write a.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

/* 공지사항 */
.bbs_wrap .tit { color:#333; font-size:20px; line-height:40px;}
.bbs_wrap .tit.desc {color:#666; font-size:12px; line-height: normal; padding-bottom: 8px; margin-top:-4px; }
.bbs_wrap p.total { color:#333; font-size:14px; padding-bottom:10px; margin-top:40px}
.bbs_wrap p.total span { color:#008bd5}

.bbs_wrap p.total a.btn { display:inline-block; color:#666;  padding:5px 8px; line-height: normal;border:1px solid #dcdcdc; font-size:12px; float:right;margin-top: -8px; }
.bbs_wrap p.total a.btn + a.btn {margin-right:5px}
.bbs_wrap p.total a.btn.btn_gray { background:#999}
.bbs_wrap p.total a.btn.btn_line {border:1px solid #dadada; border-radius: 5px; }
.bbs_wrap p.total a.btn.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.bbs_wrap .info { border-top:1px solid #333; width:100%; padding:20px 0}
.bbs_wrap .info p{ padding:0 10px; font-size:13px; line-height:18px; color:#000}
.bbs_wrap .info p.blue{color:#405988}
.bbs_wrap .info p.red{color: #bb162b; }
.bbs_wrap .info p.gray,
.bbs_wrap .info p span.gray{color: #999; }
.bbs_wrap .info p.bold,
.bbs_wrap .info p span.bold{font-weight:700; }
.bbs_wrap .info p + p.check_wrap {margin-top:2px}
.bbs_wrap .info p.check_wrap input,
.bbs_wrap .info p.check_wrap span {display:inline-block; vertical-align: middle; margin-right:4px}

.bbs_wrap table.bbs_list { border-top:1px solid #aaaaaa; width:100%; clear:both}
.sub_contents .bbs_wrap table.bbs_list.scroll {max-height:258px; overflow-y: auto;}
.sub_contents .bbs_wrap .bbs_list + table.bbs_list.scroll {border-top:0; }

.bbs_scroll .scroll_area {height:258px; overflow-y: auto;}
.bbs_scroll table.bbs_list thead td:last-child {padding-right:30px}
.bbs_scroll .scroll_area table.bbs_list {border-top:0; }

.bbs_wrap table.bbs_list.pd_t {margin-top:20px}
.bbs_wrap table.bbs_list td { border-bottom:1px solid #dcdcdc; height: 24px; text-align:center; color:#191919; padding:5px 5px; font-size:12px; vertical-align:middle;word-break:break-word;word-wrap:break-word;}
.bbs_wrap table.bbs_list td.subject,
.bbs_wrap table.bbs_list td.align_l{ text-align:left;}
.bbs_wrap table.bbs_list td.align_c{ text-align:center;}
.bbs_wrap table.bbs_list td.align_t{  vertical-align: top}
.bbs_wrap table.bbs_list td.subject a { color:#333}
.bbs_wrap table.bbs_list td.subject a:hover { text-decoration:underline}
.bbs_wrap table.bbs_list td.name { color:#666}
.bbs_wrap table.bbs_list td.fin { color:#008bd5;font-weight:700; }
.bbs_wrap table.bbs_list td.appr { color:#0022d5;font-weight: bold; }
.bbs_wrap table.bbs_list td.error { color:#FF0004;font-weight:700; }
.bbs_wrap table.bbs_list td.date,
.bbs_wrap table.bbs_list td.hit {letter-spacing: 0}
.bbs_wrap table.bbs_list thead td { color:#333; padding:9px 5px; font-weight:700; border-bottom-width: 2px }
.bbs_wrap table.bbs_list td input { border:1px solid #dcdcdc; width:30%; padding:0 10px ; height: 28px;}
.bbs_wrap table.bbs_list td input[type=checkbox],
.bbs_wrap table.bbs_list td input[type=radio]{ vertical-align:middle; width:auto; padding:0}
.bbs_wrap table.bbs_list td.name input { width:100%;}
.bbs_wrap table.bbs_list td.phone input { margin:0 2px; width:25%; vertical-align:middle} 
.bbs_wrap table.bbs_list td a.btn_1 { padding:8px 10px; display:inline-block; vertical-align:middle; background:#092d74; color:#fff}
.bbs_wrap table.bbs_list td a.btn_2 { padding:8px 10px; display:inline-block; vertical-align:middle; background:#405988; color:#fff}
.bbs_wrap table.bbs_list td .btn_del img { width:20px;}

.bbs_wrap table.bbs_list thead td.subject { text-align:center; width:65%; }
.bbs_wrap table.bbs_list thead td.num { width:10%}

.paging { display:block; margin:30px auto 0; text-align:center}
.paging ul li { display:inline-block; width:24px; height:24px; vertical-align:middle; text-align:center; line-height:24px;  }
.paging ul li a { color:#666; font-size:12px;font-weight:700; display:block; border-radius:2px;  }
.paging ul li.num a:hover,
.paging ul li.num a.on { background:#008bd5; color:#fff}
.paging ul li img { width:100%}

.bbs_wrap table.bbs_view { border-top:1px solid #aaaaaa; width:100%}
.bbs_wrap table.bbs_view td { border-bottom:1px solid #dcdcdc; color:#191919; padding:8px 5px 9px; font-size:14px; width:100%; display:block;}
.bbs_wrap table.bbs_view td.subject { color:#333; padding-left:30px; overflow:hidden; width:100%}
.bbs_wrap table.bbs_view td.subject p.left { width:70%; vertical-align:middle; float:left}
.bbs_wrap table.bbs_view td.subject p.right { float:right;}
.bbs_wrap table.bbs_view td.subject p span{ color:#191919; font-size:12px; padding-right:5px;}
.bbs_wrap table.bbs_view td.subject input[type=text] {width:100%; padding:0 10px; width:95%; height:28px; line-height: 28px; border:1px solid #ddd}
.bbs_wrap table.bbs_view td.con { padding:30px; line-height:20px; word-break: break-all}
.bbs_wrap table.bbs_view td.file{ padding-left:30px;}
.bbs_wrap table.bbs_view td.file span.bold { color:#333;font-weight:700; padding-right:15px; min-width:90px; display:inline-block}
.bbs_wrap table.bbs_view td.file a img { width:11px;}
.bbs_wrap table.bbs_view td.file span {vertical-align:middle}
.bbs_wrap table.bbs_view td.file input {vertical-align:middle; margin-right:4px}
.bbs_wrap table.bbs_view td.file input + span + input {margin-left:16px;}
.bbs_wrap table.bbs_view td.file p.search {vertical-align:middle;display:inline-block;width:90%}
.bbs_wrap table.bbs_view td.file p.search input {width:60%;margin:0!important}

.bbs_wrap .bbs_bottom{margin-top:50px;}
.bbs_wrap .bbs_bottom p { border-top:1px solid #dcdcdc; padding:10px 0; display:block; width:100%; font-size:13px; color:#191919; clear:both}
.bbs_wrap .bbs_bottom p .left { padding:0 20px 0 30px; display:inline-block; vertical-align:middle; color:#666;font-family:'HDharmonyM'}
.bbs_wrap .bbs_bottom p .left span.arrow { padding-right:15px; display:inline-block; vertical-align:middle; line-height:14px; font-size:8px;}
.bbs_wrap .bbs_bottom p .date { text-align:right; float:right; padding-right:10px;}
.bbs_wrap .bbs_bottom p.next {  border-bottom:1px solid #dcdcdc}
.bbs_wrap .bbs_bottom p a { width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:inline-block; vertical-align:middle}
.bbs_wrap .bbs_bottom p a:hover { text-decoration:underline}

.bbs_wrap table.bbs_write { border-top:1px solid #aaaaaa; width:100%;border-collapse: separate}
.bbs_wrap table.bbs_write.bd_none {border:0}
.bbs_wrap table.bbs_write td { border-bottom:1px solid #dcdcdc; color:#191919; padding:4px 4px; font-size:12px; vertical-align:middle; height: 36px}
.bbs_wrap table.bbs_write td.tit {padding-left:10px; }
.bbs_wrap table.bbs_write td.align_c{ text-align:center;}
.bbs_wrap table.bbs_write td.align_r{ text-align:right;padding-right:10px}
.bbs_wrap table td.select_wrapping {padding-bottom:2px}
.bbs_wrap table td.select_wrapping span {display:inline-block; vertical-align:top; height: 28px; line-height: 28px}
.bbs_wrap table td.select_wrapping span + .select_wrap { margin-left:4px}
.eq_popup .bbs_wrap table.bbs_write td { border-bottom:1px solid #dcdcdc; color:#191919; padding:4px 4px; font-size:14px; vertical-align:middle; height: 36px} /* 물품반출입 출력 팝업 수정 */

@media screen and (-webkit-min-device-pixel-ratio:0){.bbs_wrap table td.select_wrapping {padding-bottom:1px;}}

.bbs_wrap table.bbs_write td.tit { background:#f9f9f9; /*padding-left:30px; */color:#666;line-height:normal}
.bbs_wrap table.bbs_write td.tit2 { background:#ddd6;color:#333;line-height:normal; text-align:center;font-weight: 700; }
.bbs_wrap table.bbs_write td.name { color:#666}
.bbs_wrap table.bbs_write td input { border:1px solid #dcdcdc; width:80%; padding:0 10px; height: 28px;}
.bbs_wrap table.bbs_write td input[type=checkbox] { padding:0px; width:auto; height:auto;vertical-align: middle; }
.bbs_wrap table.bbs_write td input[type=radio] { padding:5px; width:auto; height:auto; vertical-align: middle; margin-right:3px}
.bbs_wrap table.bbs_write td input[type=radio] + span + input[type=radio] {margin-left:10px}
.bbs_wrap table.bbs_write td.row { border-left:1px solid #dcdcdc; text-align:center; padding:0; vertical-align:middle}
.bbs_wrap table.bbs_write td.row .btn { font-size:12px; padding:5px 8px;  color:#fff; background:#333; text-align:center; margin:0 auto; display:inline-block; vertical-align:middle}
.bbs_wrap table.bbs_write td.row .btn.btn_line {border:1px solid #dadada; border-radius: 5px; }
.bbs_wrap table.bbs_write td.row .btn.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}
.bbs_wrap table.bbs_write td.name input { width:35%}
.bbs_wrap table.bbs_write .phone input { width:50%; vertical-align: middle; height: 28px;}
.bbs_wrap table.bbs_write .phone .select_wrap { vertical-align: middle}
.bbs_wrap table.bbs_write td .phone input {width:25%}
.bbs_wrap table.bbs_write td .phone span {display:inline-block; width:10px; text-align: center; vertical-align: middle}
.bbs_wrap table.search_box td .search,
.bbs_wrap table.search_box td .select_wrap { display:inline-block; vertical-align: middle}
.bbs_wrap table.search_box td .search {width:65%}
.bbs_wrap table.search_box td .search input { width:70%}
.bbs_wrap table td .search input { padding: 0 10px; height:28px; width:60%; border:1px solid #dcdcdc; border-right:0;vertical-align:middle; }
.bbs_wrap table td .search .btn_search { border:1px solid #dcdcdc; border-left:0; background:url(../img/sub/icon_search.png) center no-repeat #fff;background-size:50%; width:30px; height:28px; display:inline-block; vertical-align:middle; text-indent:-9999px;}
.bbs_wrap table td .cal { display:inline-block; width:auto}

@media screen and (min-width: 519px) {
    .bbs_wrap table td .cal input { padding:0 10px; height:28px; width:100px; border:1px solid #dcdcdc; border-right:0;vertical-align:middle}
}
@media screen and (max-width: 518px) {
    .bbs_wrap table td .cal input { padding:0 10px; height:28px; width:65%; border:1px solid #dcdcdc; border-right:0;vertical-align:middle}
}
.bbs_wrap table td .cal .btn_search { border:1px solid #dcdcdc; border-left:0; background:url(../img/sub/icon_cal.png) center no-repeat ; background-size:50%; width:30px; height:28px; display:inline-block; vertical-align:middle; text-indent:-9999px;}

.bbs_wrap table td .input_text {display:inline-block; vertical-align: middle}
.bbs_wrap table td .input_text input {width:100%}
.bbs_wrap table td .btn_td { clear:both; display:inline-block; vertical-align: middle}
.bbs_wrap table td .btn_td a { display:inline-block; color:#fff; padding:5px 8px; background:#333; font-size:12px;}
.bbs_wrap table td .btn_td a.btn_gray { background:#999}
.bbs_wrap table td .btn_td a.btn_line {border:1px solid #dadada; border-radius: 5px; }
.bbs_wrap table td .btn_td a.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.bbs_wrap table.bbs_write td .txt { font-size:12px; line-height:18px; padding-top:4px;}
.bbs_wrap td .select_wrap.build { width:150px;}
.bbs_wrap td .select_wrap { display:inline-block; margin-right:3px;}

.bbs_wrap table.bbs_write .ok_table {max-width:50%}
.bbs_wrap table.bbs_write .ok_table th {padding-bottom:4px}
.bbs_wrap table.bbs_write .ok_table td {border:1px solid #dcdcdc;}

.bbs_wrap table.bbs_list + .tit,
.bbs_wrap table.bbs_write + .tit{margin-top:20px}
.bbs_wrap table.bbs_write + .bbs_list {margin-top:16px}

.bbs_m_wrap {width:100%; display:table; table-layout: fixed; clear:both; }
.bbs_m_wrap .bbs_m_cell {display:table-cell; vertical-align: top}
.bbs_m_wrap .bbs_m_cell:first-child {width:60%}

.bbs_wrap .bbs_m_wrap + .bbs_m_wrap  table.bbs_write {border-top:0}
.bbs_m_wrap + .bbs_m_wrap {margin-bottom:20px}
.bbs_m_wrap + .bbs_m_wrap .bbs_m_cell:first-child,
.bbs_m_wrap + .bbs_m_wrap .bbs_m_cell:nth-child(2){width:30%}

.hei28 {height:28px; text-align:center; padding:5px 5px; font-size:13px; vertical-align:middle;word-break:break-word;word-wrap:break-word;} /* 삭제X height 28px 맞추기위해 추가*/
.hei28_button {height:28px; text-align:center; padding:5px 8px; font-size:13px; vertical-align:middle;word-break:break-word;word-wrap:break-word;} /* 삭제X height 28px 맞추기위해 추가*/
.group_auth_a { height:28px; color:#fff; padding:5px 8px; font-size:12px; border:1px solid #dadada; border-radius: 5px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}} /* 삭제X 그룹권한 관리 화면의 버튼 위치 및 사이즈 때문에 추가*/

/* faq */
.bbs_wrap .faq_wrap { border-top:1px solid #aaaaaa; width:100%}
.bbs_wrap .faq_wrap ul.faq li { border-bottom:1px solid #dcdcdc;font-size:14px;  display:table; text-align:left; width:100%;}
.bbs_wrap .faq_wrap ul.faq li p {display:none; border-top:1px solid #dcdcdc; padding:20px; color:#999; line-height:20px; }
.bbs_wrap .faq_wrap ul.faq li a { width:100%; background:url(../img/sub/faq_open.png) center right no-repeat; padding:20px 50px 20px 0; color:#666; width:100%; display:block;}
.bbs_wrap .faq_wrap ul.faq li a.on { background:url(../img/sub/faq_close.png) center right no-repeat;}
.bbs_wrap .faq_wrap ul.faq li a span {  display:table-cell;vertical-align:middle;}
.bbs_wrap .faq_wrap ul.faq li a span.num { padding-right:20px; color:#999; }

/* 본사출입 약관 */
.sub_contents .policy_wrap { clear:both; width:100%; display:block; margin:0 auto 40px;}
.sub_contents .policy_wrap .tit { color:#333; font-size:20px; line-height:40px;}
.sub_contents .policy_wrap .policy { width:100%;border-top:1px solid #333; border-bottom:1px solid #dcdcdc;  padding:30px 20px; color:#999; font-size:14px; line-height:24px;}
.sub_contents .policy_wrap .policy p { color:#333; padding-top:5px;font-family:'HDharmonyM'}

.sub_contents .policy_wrap .policy table{width:100%;border-collapse:collapse; border-top:1px solid #999}
.sub_contents .policy_wrap .policy table td { border-bottom:1px solid #eee; padding:10px 0; text-a67lign:center}
.sub_contents .policy_wrap .policy table th { border-bottom:1px solid #dcdcdc; padding:10px 0; text-align:center}

.table_menu { display:block; border:1px solid #ddd; padding:4px 8px; color:#999; font-size:12px}
.table_menu + .table_menu {border-top:0}
.table_menu.active { background:#008bd5; color:#fff}

/* 팝업 */
.popup_tit { font-size:18px; color:#fff; padding:12px 24px; background:#008bd5; display:block; position:relative}
.popup_tit .close { position:absolute; top:0px; right:0;}
.popup_secu_instructions_tit { font-size:18px; color:#666; padding:12px 24px; background:#f9f9f9; display:block; position:relative;border-bottom: 1px solid #aaaaaa;}
.popup_secu_instructions_tit .close { position:absolute; top:0px; right:0;}
.popup_info { font-size:14px; color:#666; line-height:20px; background:#f9f9f9; padding:24px; /*border-top:1px solid #333; padding:20px 0 0; margin-top:20px;*/}
.popup_wrap { padding:24px; position:relative; overflow-y:auto; max-height:500px}
.popup_wrap.pd_10 { padding-top:10px}
.popup_wrap .bbs_tit { font-size:14px; font-weight: 700; color:#333}
.popup_wrap .tit.bbs_tit { font-size:16px}
.popup_wrap .info {  font-size:14px; color:#666; line-height:20px; padding-top:20px; font-weight:700 }
.popup_wrap .info span { color:#092d74}
.popup_wrap .bbs_wrap { /*margin-top:20px;*/}
.popup_wrap .bbs_wrap.pd_t {margin-top:20px}
.popup_wrap .bbs_wrap table.bbs_write { margin-bottom:10px;}
/*.popup_wrap .bbs_wrap table.bbs_list { border-top:0;}*/
.popup_wrap .bbs_wrap table.bbs_list td input { width:100%; padding:10px;}
.popup_wrap .bbs_wrap table.bbs_list td .select_wrap { width:80px;}
.popup_wrap .bbs_wrap table.bbs_write td.name { padding-top:20px; padding-bottom:20px;}

.popup_wrap .bbs_tit + .bbs_wrap {padding-top:10px;}
.popup_wrap .bbs_tit span {margin:0 4px 0 2px}
.popup_wrap .bbs_tit span,
.popup_wrap .bbs_tit input {vertical-align:middle; display:inline-block; line-height: 20px}

.popup_wrap .mobile_show.scroll { display:none}

.popup_wrap .search_wrap { text-align:center; display:block; margin-bottom: 20px}
.popup_wrap .search_wrap input { padding: 0 10px; height:28px; width:85%; border:1px solid #dcdcdc; border-right:0;vertical-align:middle}
.popup_wrap .search_wrap .btn_search { border:1px solid #dcdcdc; border-left:0; background:url(../img/sub/icon_search.png) center no-repeat #fff;background-size:50%; width:30px; height:28px; display:inline-block; vertical-align:middle; text-indent:-9999px;}

.popup_wrap .paging { margin:15px auto 30px; }

.popup_wrap .scroll { overflow-y:auto; display:block; border-top:1px solid #333;  margin-top:40px;}
.popup_wrap .scroll.list_wrap { height:184px;}
.popup_wrap .search_wrap + .scroll {  border-top:0;  margin-top:0px;}

.popup_wrap .text_area textarea {border:1px solid #dcdcdc; display:block; width:100%; padding:16px; resize: none; font-size:12px; color:#999}

.popup_wrap .btn_wrap { display:block; text-align:center; margin:20px auto 0}
.popup_wrap .btn_wrap a { display:inline-block; color:#fff;/* min-width:106px;*/ padding:9px 16px; font-size:12px}
.popup_wrap .btn_wrap a.btn_gray{ background:#b3b3b3}
.popup_wrap .btn_wrap a.btn_blue{ background:#008bd5}
.popup_wrap .btn_wrap a.btn_black{ background:#333}
.popup_wrap .btn_wrap a.btn_red{ background:#bb162b}
.popup_wrap .btn_wrap a.btn_line {border:1px solid #dadada; border-radius: 5px; }
.popup_wrap .btn_wrap a.btn_line.btn_blue {border-color:#008bd5}
.popup_wrap .btn_wrap a.btn_line.btn_black {border-color:#333; border-radius: 5px; }
.popup_wrap .btn_wrap a.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.popup_wrap .btn_wrap2 { display:block; text-align:right; margin:0px auto 15px;}
.popup_wrap .btn_wrap2 a { display:inline-block; color:#666; padding:5px 8px;border:1px solid #dcdcdc; font-size:12px;}
.popup_wrap .btn_wrap2 a.btn_line {border:1px solid #dadada; border-radius: 5px; }
.popup_wrap .btn_wrap2 a.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.popup_wrap .btn_wrap3{ display:block; text-align:right; margin:15px auto 0px;}
.popup_wrap .btn_wrap3 a { display:inline-block; color:#fff; padding:5px 8px; background:#333; font-size:12px;}
.popup_wrap .btn_wrap3 a.btn_line {border:1px solid #dadada; border-radius: 5px; }
.popup_wrap .btn_wrap3 a.btn_gra{ background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(center top, #fff, #eaeaea); color:#999}

.popup_wrap .mobile_show .bbs_wrap table.bbs_write { border-top:0;}

.mobile_show { display:none}

#print { display:none; background:#fff; width:100%; height:100%; position:fixed; top:0; left:0; margin-top:0; margin-left:0; z-index:300}
#popup_3 { display:none; background:#fff; width:400px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-130px; margin-left:-200px; z-index:300}
#popup_4 { display:none; background:#fff; width:800px; /*height:460px; */position:fixed; top:50%; left:50%; margin-top:-230px; margin-left:-400px; z-index:300}
#popup_v1 { display:none; background:#fff; width:580px; /*height:260px;*/ position:fixed; top:24%; left:50%; margin-top:-130px; margin-left:-300px; z-index:300} /*삭제X 방문신청 임의팝업*/
#popup_v2 { display:none; background:#fff; width:800px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-230px; margin-left:-400px; z-index:300} /*삭제X 방문신청 임의팝업*/
#popup_v3 { display:none; background:#fff; width:700px; /*height:260px;*/ position:fixed; top:24%; left:50%; margin-top:-130px; margin-left:-300px; z-index:600} /*삭제X 방문신청 임의팝업(이중)*/
#popup_v4 { display:none; background:#fff; width:700px; /*height:260px;*/ position:fixed; top:24%; left:50%; margin-top:-130px; margin-left:-300px; z-index:600} /*삭제X 방문신청 임의팝업(이중)*/
#popup_v5 { display:none; background:#fff; width:400px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-130px; margin-left:-200px; z-index:300} /*삭제X 방문신청 임의팝업*/
#popup_v6 { display:none; background:#fff; width:800px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-230px; margin-left:-400px; z-index:300} /*삭제X 방문신청 임의팝업*/
#popup_parkFee { display:none; background:#fff; width:400px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-130px; margin-left:-200px; z-index:300} /* 삭제X 팝업 추가 */ 
#popup_teamnameSearch { display:none; background:#fff; width:400px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-130px; margin-left:-200px; z-index:300} /*삭제X 보호구역 팀선택 popup_3*/
.popup_setup { display:none; background:#fff; width:400px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-130px; margin-left:-200px; z-index:300} /* 삭제X setup, 비밀번호 초기화 */
.popup_3 { display:none; background:#fff; width:400px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-130px; margin-left:-200px; z-index:300} /* 삭제X 추가건  */
.popup_eq { display:none; background:#fff; width:400px; /*height:260px;*/ position:fixed; top:50%; left:50%; margin-top:-180px; margin-left:-200px; z-index:300} /* 삭제X 추가건 */

.visit_list.visit_pop ul li.list_01 { width:8%} 
.visit_list.visit_pop ul li.list_02 { width:15%}
.visit_list ul li.list_02 .select_wrap { width:auto}
.visit_list.visit_pop ul li.list_03 { width:18%;}   
.visit_list.visit_pop ul li.list_04 { width:15%;}   
.visit_list.visit_pop ul li.list_05 { width:15%}

/* 조직도 */
.popup_wrap.organization  .scroll {margin-top:0; border-bottom: 1px solid #ddd;height:230px}
.organization .bbs_wrap table.bbs_list td{text-align:left;border:0;padding:0}
.bbs_wrap .organization table.bbs_list tbody td{text-align:left;padding:0}
.organization label { vertical-align: middle; color:#333; font-weight: bold; font-size:12px; display: table-cell;vertical-align: top; text-align: left; }
.organization input[type="checkbox"] {padding:0; margin:0; vertical-align: middle;width:auto!important; height:auto!important;isplay: table-cell;vertical-align: top;}
.organization input[type="checkbox"]:checked~ul {display:none;}
.organization .org_box {padding-top:10px}
.organization .org_box + .org_box { border-top:1px dashed #ddd; margin-top:15px; margin-bottom: 15px}
.organization .org_box .inner {display:table; table-layout: fixed; width:100%; }
.organization .org_team {vertical-align: top; margin-left:10px;display: table-cell; width:60%; text-align: left}
.organization .org_team span {vertical-align: middle;font-size:12px; margin-right:4px}

.main_pd_rl5 {padding:0 5px;}/* 추가 */

/* 회원가입 */
.join_wrap {width:700px; margin:0 auto; background:#fff; padding:24px; box-shadow: 1px 1px 20px 1px #ddd; }
.join_wrap .join_input + .join_input { margin-top:16px}
.join_wrap input.text{border:1px solid #ddd; width:100%; height:28px; padding:0 10px; color:#666; font-size:12px}
.join_wrap select {border:1px solid #ddd; width:100%; height:28px; padding:0 10px; color:#666; font-size:12px}
.join_wrap .desc {font-size:12px; color:#999; margin-top:4px; line-height: 1.3em}
.join_wrap .title {margin-top:32px; overflow: hidden; margin-bottom: 16px}
.join_wrap .title p {font-size:12px; color:#666; float:left; vertical-align: middle}
.join_wrap .title p.agree {float:right; vertical-align: middle}
.join_wrap .title p b {font-size:14px; color:#333; font-weight: bold}
.join_wrap .title p a {color:#999; display: inline-block; vertical-align: middle}
.join_wrap .title p a:hover {color:#333}
.join_wrap .title p input {vertical-align: middle; margin-left:4px}

.join_wrap .place {overflow:hidden}
.join_wrap .place input.text{ width:49%; float:right}
.join_wrap .place .select_wrap{ width:49%; float:left}

.join_wrap .phone {width:100%; display:table}
.join_wrap .phone .select_wrap {width:100%}
.join_wrap .phone span { display:table-cell; color:#666; vertical-align: middle}
.join_wrap .phone span:first-child {width:33%}
.join_wrap .phone .em {padding:0 4px; text-align: center}
.join_wrap .cal { display:block; width:100%}
.join_wrap .cal input { padding:0 0 0 10px; height:28px; width:28.5%; border:1px solid #dcdcdc; border-right:0;vertical-align:middle}
.join_wrap .cal .btn_search { border:1px solid #dcdcdc; border-left:0; background:url(../img/sub/icon_cal.png) center no-repeat #fff; background-size:50%; width:30px; height:28px; display:inline-block; vertical-align:middle; text-indent:-9999px;}

.join_wrap .btn_wrap {margin-top:24px; border-top:1px solid #ddd; padding-top:24px}

.join_wrap + .copyright {font-size:12px; color:#999; text-align: center; margin-top:40px; letter-spacing: 0}

#actImtrSbc b {font-weight: bold;} /* 삭제X  12.26 다음에디터 본문 폰트굵기 조절 */

@media screen and (min-width:800px) {
    #popup_1 { display:none; background:#fff; width:800px; /*height:540px;*/ position:fixed; top:50%; left:50%; margin-top:-270px; margin-left:-400px; z-index:300}
    #popup_2 { display:none; background:#fff; width:800px; /*height:590px;*/ position:fixed; top:50%; left:20%; margin-top:-295px; margin-left:-100px; z-index:300} 
    #popup_2_ex { display:none; background:#fff; width:300px; /*height:590px;*/ position:fixed; top:50%; left:80%; margin-top:-295px; margin-left:-300px; z-index:301}
    #popup_securityInstructions { display:none; background:#fff; width:800px; /*height:590px;*/ position:fixed; top:50%; left:50%; margin-top:-295px; margin-left:-400px; z-index:300} /* 보안 안내사항 */
    .popup_board { display:none; background:#fff; width:800px; height:540px; position:fixed; top:50%; left:50%; margin-top:-295px; margin-left:-400px; z-index:300} /* 삭제X 임의 팝업 */
    #popup_securityModify { display:none; background:#fff; width:800px; /*height:590px;*/ position:fixed; top:50%; left:50%; margin-top:-295px; margin-left:-400px; z-index:300} /* 삭제X  보안요원 정보수정 popup_2*/
    .popup_staffSearch { display:none; background:#fff; width:600px; min-height:460px;/*height:540px;*/ position:fixed; top:50%; left:50%; margin-top:-270px; margin-left:-300px; z-index:400} /* 삭제X  추가건 */
    
}

@media screen and (max-width: 1280px) {
    .noticeWrap {width:100%;}
    .navWrap nav > ul > li:last-child > ul:last-child {width:49.5%}
    
    .scroll_x table.bbs_list_m {min-width:inherit}
}
@media screen and (max-width: 1000px) {
    
    .header_wrap header .hambergerIcon,
    .header_wrap header .guideIcon,
    .header_wrap header .logoutIcon,
    .header_wrap header .settingIcon{ display: block; }
    
    .header_wrap_visit header .hambergerIcon, /* visit header 분리 */
    .header_wrap_visit header .guideIcon, /* visit header 분리 */
    .header_wrap_visit header .logoutIcon, /* visit header 분리 */
    .header_wrap_visit header .settingIcon{ display: block; } /* visit header 분리 */
    
    .only_web {min-width:1200px; overflow-x: auto}
    .only_web .admin .header_wrap {min-width:1200px;}
    .only_web .admin .header_wrap_visit {min-width:1200px;} /* visit header 분리 */
    
    .content{/*height:auto !important*/ min-height:1100px;}
    .content-position{top:6%; margin-top:0px; } 
    .content > .content-position > h1 { font-size:52px;  }
    
    .navWrap nav > ul > li:first-child .subHeading { width: 70%; }
    .navWrap nav > ul > li:last-child > ul .navList p { font-size: 18px; line-height:22px; } /* 1.13 요청에 따라 글자크기 늘림 18>22 */
    
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList { padding:30px 0; display:block; width:90%; height:auto; background:url(../img/main/desk_m.png) no-repeat; margin:0 2% 0 5%; background-size:cover;vertical-align:middle;}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList h1 { display:inline-block; width: 39%;font-size: 18px; text-align:left; vertical-align:middle; vertical-align:middle; letter-spacing:-1px; padding-left:20px;}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList p {  width: 58%; text-align:right; padding-right:20px; font-size:18px; line-height:24px; display:inline-block;vertical-align:middle}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList img { display: none; }
    
    .navWrap nav > ul > li:last-child > ul a:nth-child(1),
    .navWrap nav > ul > li:last-child > ul a:nth-child(2) { display:none!important}
    
    .noticeWrap,
    .navWrap nav > ul > li:last-child > ul:last-child {width:90%}
    
    .mobile_box { display:block; clear:both; margin-top:10%; width:100%; height:auto; }
    .mobile_box a { width: 45%;  background-color: #647CA3; display:inline-block; color:#fff; border-radius:5px; font-size:25px; vertical-align:middle; padding:10px 0}
    .mobile_box a:nth-child(1) img { height: 30px; vertical-align:middle }
    .mobile_box a:nth-child(2) {  background-color: #092d74;}
    .mobile_box a:nth-child(2) img { height: 30px; vertical-align:middle }

    .header_wrap{height:50px }
    .header_wrap header h1 {top:12px; left: 24px;}
    .header_wrap header h1 a {display:block;}   
    .header_wrap header h1 img {height:20px}
    
    .header_wrap_visit{height:50px } /* visit header 분리 */
    .header_wrap_visit header h1 {top:12px; left: 24px;} /* visit header 분리 */
    .header_wrap_visit header h1 a {display:block;} /* visit header 분리 */   
    .header_wrap_visit header h1 img {height:20px} /* visit header 분리 */
    
    .admin .header_wrap .header_top h1 {top:6px; }
    .admin .header_wrap .header_top h1 a { color:#fff; font-size:16px; }
    .admin .header_wrap .header_top h1 a span {vertical-align:middle; display:inline-block;letter-spacing: -1.5px;}
    .admin .header_wrap .header_top h1 a .place {color:#fff; padding:0 10px; line-height: 28px; font-size:13px; border:1px solid #ddd; margin-left:10px; border-radius: 30px; opacity: 0.6}
    .admin .header_wrap .header_top .header_link,
    .admin .header_wrap .header_top h1 .name,
    .admin .header_wrap .header_top h1 select {display:none}
    
    .admin .header_wrap_visit .header_top h1 {top:6px; } /* visit header 분리 */
    .admin .header_wrap_visit .header_top h1 a { color:#fff; font-size:16px; } /* visit header 분리 */
    .admin .header_wrap_visit .header_top h1 a span {vertical-align:middle; display:inline-block;letter-spacing: -1.5px;} /* visit header 분리 */
    .admin .header_wrap_visit .header_top h1 a .place {color:#fff; padding:0 10px; line-height: 28px; font-size:13px; border:1px solid #ddd; margin-left:10px; border-radius: 30px; opacity: 0.6} /* visit header 분리 */
    .admin .header_wrap_visit .header_top .header_link, /* visit header 분리 */
    .admin .header_wrap_visit .header_top h1 .name, /* visit header 분리 */
    .admin .header_wrap_visit .header_top h1 select {display:none} /* visit header 분리 */
    
    .sub_contents .bbs_list input,
    .sub_contents .bbs_view input,
    .sub_contents .bbs_write input,
    .sub_contents .search_wrap input,
    .popup_wrap .bbs_write input {-webkit-appearance: none!important}
    
    
    
    .sub_contents .bbs_list input[type=checkbox],
    .sub_contents .bbs_view input[type=checkbox],
    .sub_contents .bbs_write input[type=checkbox],
    .sub_contents .search_wrap input[type=checkbox],
    .popup_wrap .bbs_write input[type=checkbox] {-webkit-appearance:checkbox!important; width:auto!important; height: auto;}
    .sub_contents .bbs_list input[type=radio],
    .sub_contents .bbs_view input[type=radio],
    .sub_contents .bbs_write input[type=radio],
    .sub_contents .search_wrap input[type=radio],
    .popup_wrap .bbs_write input[type=radio]  {-webkit-appearance:radio!important; width:auto!important; height: auto}
    
    .sub_contents .bbs_write input[type=checkbox] { -webkit-appearance:normal!important}

    .sub_contents { width:100%; overflow:hidden; padding:0 20px 50px;margin:0 auto 0; min-height:600px;}
    
    .mobile_hide { display:none!important}
    .mobile_show { display:block!important}
    
    .bbs_wrap.bbs_notice .hit,
    .bbs_wrap.bbs_notice .name { display:none}  
    .sub_contents .title_wrap .tit { font-size:42px; padding:20px 0 10px; letter-spacing:-1px;}
    .sub_contents .title_wrap .txt { font-size:14px; line-height:20px;letter-spacing:-1px;}
    .sub_contents .title_wrap .sub_gnb { display:none}
    
    .sub_contents .agree_wrap .tit { font-size:18px;}
    
    .sub_contents .btn_wrap a,  
    .sub_contents .agree_wrap .agree .scroll,
    .sub_contents .agree_wrap .agree .scroll p, 
    .sub_contents .agree_wrap .check_wrap { font-size:14px;}
    
    .sub_contents .agree_wrap .agree .scroll { line-height:20px;}
    .sub_contents .agree_wrap .check_wrap { padding-top:10px; text-align:left}
    .sub_contents .agree_wrap .check_wrap input {vertical-align:top;margin-top:4px }
    .sub_contents .agree_wrap .check_wrap span {vertical-align:top;padding:0 }
    
    /*.sub_contents .btn_wrap3 a {font-size:14px; text-align:center; padding:10px 18px}*/
    
    .sub_contents .progress_view .btn_wrap3 { text-align:center; margin:0 auto 20px}
    
    
    .bbs_wrap table.bbs_view td.subject,
    .bbs_wrap table.bbs_view td.con,
    .bbs_wrap table.bbs_view td.file,
    .bbs_wrap .bbs_bottom p .left{ padding-left:20px;}
    
    .bbs_wrap.progress_wrap table.bbs_write { margin-bottom:0px;}
    .bbs_wrap.progress_wrap .progress_btn.mobile_show { width:100%; text-align:center; padding:10px 0; margin-bottom:50px; border-bottom:1px solid #dcdcdc}
    .bbs_wrap.progress_wrap .progress_btn.mobile_show .btn { font-size:12px; padding:10px 15px; color:#fff; background:#333; text-align:center; margin:0 auto; display:inline-block; vertical-align:middle}
    
    .bbs_wrap.visit_wrap table.bbs_write { margin-bottom:0px;}
    .bbs_wrap.visit_wrap .mobile_show.mobile_btn { width:100%; text-align:center; padding:10px 0; margin-bottom:50px; border-bottom:1px solid #dcdcdc}
    .bbs_wrap.visit_wrap .mobile_show.mobile_btn .btn { font-size:14px; padding:10px 30px; color:#fff; background:#333; text-align:center; margin:0 auto; display:inline-block; vertical-align:middle}
    
    .bbs_wrap.progress_wrap .mobile_show .btn { font-size:14px; padding:10px 30px; color:#fff; background:#333; text-align:center; margin:0 auto; display:inline-block; vertical-align:middle}
    
    .bbs_wrap.visit_wrap .mobile_show td input[type=checkbox] { text-align:left; width:auto;}
    .bbs_wrap.visit_wrap .mobile_show td.phone input {width:25%; vertical-align:middle}
    .bbs_wrap.visit_wrap .mobile_show td.birth .select_wrap.year { width:100%;}
    .bbs_wrap.visit_wrap .mobile_show td.birth .select_wrap { width:40%; margin:2px 0}
    .bbs_wrap.visit_wrap .mobile_show td a.btn_1 { padding:8px 10px; display:inline-block; vertical-align:middle; background:#092d74; color:#fff}
    .bbs_wrap.visit_wrap .mobile_show td a.btn_2 { padding:8px 10px; display:inline-block; vertical-align:middle; background:#405988; color:#fff}
    
    .bbs_wrap.progress_wrap table.bbs_write td input,
    .bbs_wrap.progress_wrap td .select_wrap,
    .bbs_wrap.progress_wrap td.birth .select_wrap.year { width:100%;}
    .bbs_wrap.progress_wrap td.birth .select_wrap { width:40%; margin:2px 0}
    .bbs_wrap.progress_wrap td.phone .select_wrap {margin:0 0 4px 0 }
    .bbs_wrap.progress_wrap td .time {display:inline-block; vertical-align: middle; width:70%;margin-left:4px}
    .bbs_wrap.progress_wrap td .time .select_wrap {width:45%}
    
    .bbs_wrap.visit_wrap .mobile_show td .btn_del img { width:15px;}
    
    .bbs_wrap.visit_wrap .bbs_write td.company .select_wrap { display:block; width:100%; margin:2px 0}
    
    /*방문객정보*/
    .visit_list .mobile_show { display:inline-block!important}
    .visit_list ul { border-top:1px solid #333;}
    .visit_list ul li { float:none; display:table; table-layout:fixed;width:100%!important; text-align:left;}   
    .visit_list ul li .tit { padding:15px 0; color:#666; background:#f9f9f9;  display:table-cell;  width:35%; vertical-align:middle;font-size:14px;}
    .visit_list ul li .tit.mobile_show {display:table-cell!important}
    .visit_list ul li .tit span { padding-left:10px;}   
    .visit_list ul li .write { display:table-cell; text-align:left; padding:15px 0; padding-left:10px; vertical-align:middle;}      
    .visit_list ul li .write input.text,            
    .visit_list ul li.list_02 .select_wrap { width:93%}
    .visit_list ul li .write a.btn_1,
    .visit_list ul li .write a.btn_2 {width:93%; text-align:center}
    .visit_list ul li.list_03 .select_wrap { margin-right:5px;}
    
    .visit_list.visit_pop ul li.list_03 .select_wrap,
    .visit_list.visit_pop ul li.list_04 .select_wrap { width:93%; margin:0}
    .visit_list.visit_pop ul li.list_03 div { display:block}
    
    /*팝업*/
    .popup_wrap .bbs_wrap table.bbs_write td .select_wrap,
    .popup_wrap .bbs_wrap table.bbs_write td input  { width:100%;}
    .popup_wrap .bbs_wrap table.bbs_write td .cal input  { width:80%;}
    
    
    
    .popup_wrap .bbs_wrap table.bbs_write td .btn_del img { width:20px;}
    
    .popup_wrap .btn_wrap3 a {font-size:14px; text-align:center; padding:10px 18px}
    .popup_wrap .btn_wrap a { padding:10px 18px;font-size:14px; }
    
    
    /* 임직원용 */
    .admin .menu {display:none}
    
    .admin.main .content {padding:24px;}
    .content-position.main_box {top:0;margin:0}
    .admin.main .main_box { width:100%;  display:block;}
    .admin.main .main_box .left_wrap { width:100%;  display:block;padding-right:0}
    .admin.main .main_box .right_wrap { width:100%;  display:block; height:auto; margin-top:16px;}  
    .admin.main .main_box .left_wrap .banner img.banner_img {width:100%;}
    .admin.main .main_box .right_wrap .main_bot_box {position:relative;bottom:auto; margin-top:16px; height: auto}  
    .admin.main .main_box .right_wrap .main_bot_box .mms_wrap + .mms_wrap {padding-bottom:40px}
    
    .bbs_wrap table.bbs_write .ok_table {max-width:100%}
    
    
    .bbs_wrap table.bbs_write td.select_wrapping {padding-bottom:1px}
    .bbs_m_wrap {display:block;}
    .bbs_m_wrap .bbs_m_cell {display:block;}
    .bbs_m_wrap .bbs_m_cell:first-child,
    .bbs_m_wrap + .bbs_m_wrap .bbs_m_cell:first-child,
    .bbs_m_wrap + .bbs_m_wrap .bbs_m_cell:nth-child(2){width:100%}
    
    .bbs_wrap .bbs_m_wrap .bbs_m_cell + .bbs_m_cell table.bbs_write {border-top:0}
}


@media screen and (max-width:800px){    
    
    .header_wrap header h1 {left:12px}
    
    .header_wrap_visit header h1 {left:12px} /* visit header 분리 */
    
    .content > .content-position > h1 span {display:block; margin:0 auto!important; line-height:1.2em; letter-spacing: -1px;}
    .content > .content-position > h1 span + span {margin:0;}
    .content > .content-position > h1 span img { width:60%; height:auto}
    .sub_contents .step_wrap,
    .sub_contents .step_wrap .bg_cover,
    .sub_contents .step_wrap ul {  height:45px; margin-bottom:20px;}
    .sub_contents .step_wrap ul li { line-height:42px; font-size:14px;} 
    .sub_contents .step_wrap ul li img { width:24px;  padding-right:5px;}
    .sub_contents .agree_wrap .agree .scroll { padding:20px 20px;  }    
    .sub_contents .btn_wrap2 {margin:0px auto 15px;}    
    .sub_contents .title_wrap .tit { font-size:34px;}
    .sub_contents .title_wrap .tit.eng { font-size:40px;}   
    
    .bbs_wrap table.bbs_view td.subject p.left { width:100%; float:none}
    .bbs_wrap table.bbs_view td.subject p.right { float:none; margin-top:5px;}
    .bbs_wrap table.bbs_view td.file span.bold { display:block; padding-bottom:5px;}
    
    .bbs_wrap table.bbs_write td .cal { margin:2px auto; }  
    /*.bbs_wrap table.bbs_write td.tit { padding-left:10px;}*/
    .bbs_wrap table.bbs_write td.name input { width:100%}
    
    .bbs_bottom .date { display:none}
    
    .popup_wrap .mobile_show.scroll table.bbs_write { border-top:0}
    .popup_wrap .btn_wrap2 { text-align:center;}    
    
    #popup_1 { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; overflow:auto}
    #popup_2 { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; overflow:auto}       
    #popup_2_ex { display:none; background:#fff; width:100%; height:100%; z-index:301; position:fixed; top:0; overflow:auto}
    #popup_securityInstructions { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; overflow:auto} /* 보안 안내사항*/
    #popup_4 { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; left:0; overflow:auto; margin:0;}
    #popup_v1 { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; left:0; overflow:auto; margin:0;} /* 삭제X 방문신청 임의팝업*/
    #popup_v2 { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; left:0; overflow:auto; margin:0;} /* 삭제X 방문신청 임의팝업*/
    #popup_v3 { display:none; background:#fff; width:100%; height:100%; z-index:600; position:fixed; top:0; left:0; overflow:auto; margin:0;} /* 삭제X 방문신청 임의팝업(이중)*/
    #popup_v4 { display:none; background:#fff; width:100%; height:100%; z-index:600; position:fixed; top:0; left:0; overflow:auto; margin:0;} /* 삭제X 방문신청 임의팝업(이중*/
    #popup_v5 { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; left:0; overflow:auto; margin:0;} /* 삭제X 방문신청 임의팝업*/  
    #popup_v6 { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; left:0; overflow:auto; margin:0;} /* 삭제X 방문신청 임의팝업*/
    .popup_board{ display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; overflow:auto} /* 삭제X 임의 팝업*/  
    #popup_securityModify { display:none; background:#fff; width:100%; height:100%; z-index:300; position:fixed; top:0; overflow:auto} /* 삭제X 보안요원 정보수정 popup_2*/
    .popup_staffSearch { display:none; background:#fff; width:100%; height:100%; min-height:460px; z-index:400; position:fixed; top:0; overflow:auto} /* 삭제X 추가건 */
        
    
    .popup_wrap {  max-height:inherit}
    
    .footer_wrap footer ul li a {background:#888; border-radius: 30px;}
    
    .sub_main { background-color: #7c8491; background-image: url(../img/main/bg_m.jpg); }
    
    /* 모바일레이아웃 변형되는 테이블(목록) */
    .bbs_hide {display:none}
    .bbs_show {display:block;}
    .bbs_wrap table.bbs_list.bbs_list_m tr {position:relative; display:block; padding:8px 0;border-bottom:1px solid #dcdcdc}
    .bbs_wrap table.bbs_list.bbs_list_m td {display:block; text-align: left;border:0; padding-top:4px;padding-bottom:4px;height: auto}
    
    .bbs_wrap table.bbs_list.bbs_list_m td span { vertical-align: middle; color:#999; display: inline-block; max-width: 70%}
    .bbs_wrap table.bbs_list.bbs_list_m td span.bbs_show {display:inline-block!important; width:22%; font-weight: bold; color:#666!important; padding-left:6px;padding-right:6px}
    .bbs_wrap table.bbs_list.bbs_list_m td.state {position:absolute; top:50%; margin-top:-35px; right:0}
    .bbs_wrap table.bbs_list.bbs_list_m td .stats_wrap { } 
    .bbs_wrap table.bbs_list.bbs_list_m td .stats_wrap .txt { width:70px; height:70px; display:block; float:right; text-align:center;  color:#fff; font-weight:700; line-height:70px; border-radius:70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; background:#999 }
    .bbs_wrap table.bbs_list.bbs_list_m td .stats_wrap .txt span { padding:0 10px; color:#fff; line-height: 1.3em}

    .bbs_wrap table.bbs_list.bbs_list_m td.fin .stats_wrap .txt{ background:#008bd5}
    .bbs_wrap table.bbs_list.bbs_list_m td.error .stats_wrap .txt{ background:#FF0004}
    
    
    
    /* 모바일레이아웃 변형되는 테이블(쓰기) */
    /*.bbs_wrap table.bbs_write.bbs_write_m tr td.tit {width:20%}
    .bbs_wrap table.bbs_write.bbs_write_m tr td + td.tit {width:15%}
    .bbs_wrap table.bbs_write.bbs_write_m tr td input {width:100%}
    .bbs_wrap table.bbs_write.bbs_write_m tr td .cal input {width:80px}
    .bbs_wrap table.bbs_write.bbs_write_m tr td.phone input {width:50%}*/
    .bbs_wrap table.bbs_write.bbs_write_m tr td {display:block; float:left; vertical-align: middle; padding-bottom:0; height: auto; min-height: 40px }
    .bbs_wrap table.bbs_write.bbs_write_m tr td.tit {width:28%; line-height: 30px}
    .bbs_wrap table.bbs_write.bbs_write_m tr td.tit + td {width:72%;padding-top:5px; }
    .bbs_wrap table.bbs_write.bbs_write_m tr td.tit + td .cal {margin-top:0}
    .bbs_wrap table.bbs_write.bbs_write_m tr td.tit + td .cal input {width:65px;padding-right:0}
    
    /* 임직원용 */
    .admin.main .content {padding:0;}
    .admin.main .main_box .left_wrap .banner img.banner_img {display:none}
    .admin.main .main_box .left_wrap .banner img.banner_img_m {width:100%; display:block}
    .admin.main .main_box .left_wrap .banner .banner_txt {top:0;left:0; right:0; width:100%; text-align: center; height:100%; vertical-align: middle; display:table}
    .admin.main .main_box .left_wrap .banner .banner_txt .txt_box {display:table-cell; vertical-align: middle}  
    .admin.main .main_box .left_wrap .banner .banner_txt .title {font-size:28px;}
    .admin.main .main_box .left_wrap .banner .banner_txt .title img {height:30px;}
    .admin.main .main_box .left_wrap .banner .banner_txt .title span {margin-left:3px; vertical-align: bottom}  
    .admin.main .main_box .left_wrap .banner .banner_txt .desc {color:#fff; opacity:0.6}
    
    .admin.main .main_box .left_wrap .banner {display:none}
    
    .admin.main .main_box .left_wrap .main_bbs {padding:0 24px}
    .admin.main .main_box .bbs_wrap,
    .admin.main .main_box .left_wrap .main_bbs .bbs_wrap{width:100%; float:none}
    .admin.main .main_box .bbs_wrap + .bbs_wrap,
    .admin.main .main_box .left_wrap .main_bbs .bbs_wrap + .bbs_wrap{width:100%; float:none; margin-top:16px}
    
    .admin.main .main_box .right_wrap .list_wrap,
    .admin.main .main_box .right_wrap .site_box{padding:0 24px; }
    .admin.main .main_box .right_wrap .count_box ul {width:100%}
    .admin.main .main_box .right_wrap.type2 .main_bot_box{padding:0 24px 0; margin-bottom: 24px; background-color: transparent}
    
    .admin.main .main_box .right_wrap.type2 .list {height:auto}
    .admin.main .main_box .right_wrap.type2 .list ul li a {padding-left:0}
    
    .admin.main .main_box .left_wrap .main_bbs .bbs_wrap { min-height: inherit}
    
    .admin.main .main_box .right_wrap.type2 .count_box {background:#008bd5}
    
    /* 회원가입 */
    .join_wrap {width:95%;padding:5%; box-shadow: 0; }
    
    .footer_wrap footer span img {display:block; margin:0 auto}
}

@media screen and (max-width: 700px) {
    .content { min-height:850px;}
    .content > .content-position > .welcome { font-size:18px; letter-spacing: 0}
    .content > .content-position > h1 { font-size:40px;}

    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList h1 {font-size: 16px; padding-left:20px;}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList p { font-size:13px; line-height:18px;}   
    
    .navWrap nav > ul > li:last-child > ul:last-child {margin-top:12px}
    
    .header_wrap header h1 { padding-top:4px;}
    .header_wrap header h1 img { height:18px;}  
    .header_wrap header .tit { font-size:16px }
    
    .header_wrap_visit header h1 { padding-top:4px;} /* visit header 분리 */
    .header_wrap_visit header h1 img { height:18px;} /* visit header 분리 */
    .header_wrap_visit header .tit { font-size:16px } /* visit header 분리 */
    
    /* 임직원용 */
    .admin.main .main_box .right_wrap .count_box {height:auto;padding-bottom:10px}
    .admin.main .main_box .right_wrap .count_box ul li + li {border-left:1px solid #ddd}
    .admin.main .main_box .right_wrap .count_box ul li .label {text-align:center;display:block; margin:0 auto}
    .admin.main .main_box .right_wrap .count_box ul li .label br {display:none}
    .admin.main .main_box .right_wrap .count_box ul li .count {margin: 0 auto;    display: block;    padding: 0;    border-radius: 0;    text-align: center;    background: none;    color: #333;}
}

@media screen and (max-width:600px){        
    .sub_contents .fin_wrap .box .txt { padding:30px 10px;}     
    .bbs_wrap table.bbs_write td a { color:#999}
    #popup_3 {  width:90%; height:290px; position:fixed; top:50%; left:5%; margin-top:-125px; margin-left:0;}   
    #popup_teamnameSearch {  width:90%; height:250px; position:fixed; top:50%; left:5%; margin-top:-125px; margin-left:0;} /* 삭제X 보호구역 팀선택 popup_3*/
    .popup_setup {  width:90%; height:250px; position:fixed; top:50%; left:5%; margin-top:-125px; margin-left:0;}  /* 삭제X  setup, 비밀번호 초기화 */
    .popup_3 {  width:90%; height:250px; position:fixed; top:50%; left:5%; margin-top:-125px; margin-left:0;} /* 삭제X  추가 */
    .popup_eq {  width:90%; height:250px; position:fixed; top:50%; left:5%; margin-top:-125px; margin-left:0;} /* 삭제X  추가 */
}

@media screen and (max-width: 520px) {  
    .navWrap nav > ul > li:first-child h1 { font-size: 17px; }
    .navWrap nav > ul > li:first-child img { right: 5%; }
    .navWrap nav > ul > li:first-child .subHeading { font-size: 15px; line-height:20px; letter-spacing:-1px }
    
    .navWrap nav > ul > li:last-child > ul:last-child li {padding:20px 0 0px;}  

    .navWrap nav > ul > li:first-child { background: url('../img/main/device_icon.png') 85% 48% no-repeat;background-size: 105px 90px;}
    .navWrap nav > ul > li:first-child h1 { font-size: 16px; }
    
    .navWrap nav > ul > li:first-child a { padding: 7px 30px; font-size: 14px; }
    
    .noticeWrap .article { float: left; width: 55%; }
    .noticeWrap .faq .article { width: 60%; }
        
}

@media screen and (max-width: 440px) {
    .content > .content-position > h1 { font-size:30px; line-height:30px; padding:10px 0 7px;}
    .content > .content-position > .subHeading { font-size:28px;}
    .content > .content-position > .welcome { font-size:14px;}
    
    .navWrap nav { margin-top:25px;}
    
    
    
    .navWrap nav > ul > li:last-child > ul:last-child li span br  { display:block; line-height:14px;}
    
    .navWrap nav > ul > li:first-child { background:url('../img/main/device_icon.png') 90% 48% no-repeat; background-size:90px; text-align:left; padding-left:20px;}
    .navWrap nav > ul > li:first-child .aWrap { text-align:left; width:100%;}
    .navWrap nav > ul > li:first-child .aWrap a { padding:10px 30px;}
    
    .navWrap nav > ul > li:last-child > ul .navList p { font-size:13px; line-height:18px;}
    
    .navWrap nav > ul > li:last-child > ul:last-child li { width:15%}

    .navWrap nav > ul > li:last-child > ul:last-child li img { width:30px;}
    .navWrap nav > ul > li:last-child > ul:last-child li span { font-size:10px; letter-spacing:-1px;}   
    
    .noticeWrap > div h1 { margin-left:20px; margin-right:0}    
    
    
    
}

@media screen and (max-width:450px) {
    .content { min-height:750px;}
    
    .bbs_wrap table.bbs_write.bbs_write_m tr td.tit + td .cal input {width:60px}
    
    /* 방문신청 진행보기 _ 모바일 리스트 
    .sub_contents .bbs_list_m .list ul { width:100%;}
    .sub_contents .bbs_list_m .list .stats_wrap { display:none}
    .sub_contents .bbs_list_m .list ul li.date_wrap .line { display:inline-block}
    .sub_contents .bbs_list_m .list ul li.date_wrap .stats { display:inline-block}*/
}

@media screen and (max-width:350px) {   
    
    .bbs_header .search_box .select_wrap { display:none}    
    .bbs_bottom { display:none}
    .bbs_wrap table.bbs_write td .cal input { width:60px;}
    
    .sub_contents .btn_wrap2  {  text-align:center; }
    .sub_contents .btn_wrap2 a { display:block; margin-top:3px;}
    .sub_contents .step_wrap ul li img { display:none}
    
    .bbs_wrap.visit_wrap .mobile_show td a.btn_1,
    .bbs_wrap.visit_wrap .mobile_show td a.btn_2 { display:block; margin-top:3px; text-align:center; width:100%;}
    
    /* 방문신청 진행보기 _ 모바일 리스트
    .sub_contents .bbs_list_m .list .line { display:none!important}
    .sub_contents .bbs_list_m .list span { display:block!important} */
    
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList { padding:20px 0}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList h1 {width:100%; text-align:center; padding:0;letter-spacing:-1px; }
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList p { text-align:center;padding:10px 0 0; letter-spacing:-1px;}
    .navWrap nav > ul > li:last-child > ul a:nth-child(3) .navList p br { display:none}
    
}

@media screen and (max-width:335px) {   
    .content { min-height:480px;}
    .content > .content-position > .welcome { font-size:14px;}
    .content > .content-position > h1 { line-height:30px; padding:20px 0 10px}
    .content > .content-position > h1 span { display:block}
    
    .header_wrap header .subHeading { display: none; }
    
    .header_wrap_visit header .subHeading { display: none; } /* visit header 분리 */
    
    .navWrap nav > ul > li:first-child { background: none; height:auto; overflow:hidden; text-align:center; padding-left:0}
    .navWrap nav > ul > li:first-child h1 { display: none; }    
    .navWrap nav > ul > li:first-child .aWrap { width: 100%; text-align: center; margin-top: 15px; }
    .navWrap nav > ul > li:last-child > ul .navList p { display: none; }
    .navWrap nav > ul > li:last-child > ul .navList h1 { margin-top: 10px; }    

    .navWrap nav > ul > li:last-child > ul:last-child { display:none; }
    .noticeWrap .article .subject { display:none; }
    .noticeWrap > div h1 { width: 100%; text-align: center; left: 0; margin: 0;  }
    .noticeWrap .article .date { display:none; }
    .footer_wrap footer ul { display: none; }
    .navWrap nav > ul > li:last-child > ul a:nth-child(1) .navList img {  }
    .navWrap nav > ul > li:last-child > ul .navList .brHidden { display: block; }
    
    .navWrap nav > ul > li:last-child > ul:last-child li img { height:30px;}
    
    .navWrap nav > ul > li:first-child .subHeading { width:100%;}
    
    body {min-width:335px}
}