@charset "utf-8";
/* CSS Document */
body { font-family:'Nanum Gothic';}

#sg_wrap { width:100%; z-index:1;}

/* 인덱스 - 페이지 설정 */
#sg_wrap .index_page { width:100%; height:600px; background:url(../images/index_bg.jpg) no-repeat top center; position:relative;}

/* 인덱스 - 상단메뉴 */
#sg_wrap .index_page .m_menu { width:40px; height:40px; position:absolute; top:0; right:0;}
#sg_wrap .index_page .m_menu a {width:40px; height:40px; display:block;}
#sg_wrap .index_page .m_menu a img { width:100%; height:100%; }


/* 인덱스 - 메인이미지 */
#sg_wrap .index_page .m_logo {width:230px; height:35px; position:absolute; left:50%; margin-left:-115px; top:45px;}
#sg_wrap .index_page .m_img {width:275px; height:200px; position:absolute; left:50%; margin-left:-138px; top:80px;}
#sg_wrap .index_page .vsimg img { width:100%; height:100%;}
#sg_wrap .index_page .copyright { width:300px; position:absolute; top:500px; left:50%; margin-left:-150px;}
#sg_wrap .index_page .copyright li { font-size:10px; text-align:center; color:#000000; }

/* 인덱스 - 아이콘박스 영역 */
#sg_wrap .index_page .micon_box { width:100%; height:200px; background:url(../images/iconbox_bg.png) repeat; border-top:solid 1px #cecece; border-bottom:solid 1px #cecece; top:260px; left:0; position:absolute;box-sizing:border-box; z-index:2;}
#sg_wrap .index_page .micon_box .white_box { width:100%; height:200px; position:relative;}
/* 인덱스 - 아이콘 버튼*/ 
#sg_wrap .index_page .micon_box .white_box .micon_wrap { width:270px; height:180px; position:absolute; left:50%; margin-left:-135px; top:10px;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul { width:270px; height:180px; position:relative;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li { width:84px; height:84px; float:left; margin:3px;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li a { width:84px; height:84px; display:block; position:relative;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li a span { width:80px; height:13px; position:absolute; top:55px; left:0; display:block; font-size:13px; line-height:13px; text-align:center; color:#494f53;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li a .ti_1 { letter-spacing:-1.2px;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li a:hover span { color:#ffffff;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon01 { background:url(../images/m_icon01.png) no-repeat top;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon02 { background:url(../images/m_icon02.png) no-repeat top;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon03 { background:url(../images/m_icon03.png) no-repeat top;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon04 { background:url(../images/m_icon04.png) no-repeat top;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon05 { background:url(../images/m_icon05.png) no-repeat top;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon06 { background:url(../images/m_icon06.png) no-repeat top;}
#sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon01:hover, #sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon02:hover, #sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon03:hover, #sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon04:hover, #sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon05:hover, #sg_wrap .index_page .micon_box .white_box .micon_wrap .micon_ul li .micon06:hover { background-position:bottom;}



/* 인덱스 - 하단 로고이미지 */
#sg_wrap .index_page .index_logo { width:186px; height:33px; display:block; position:absolute; top:488px; left:50%; margin-left:-93px;}
#sg_wrap .index_page .index_logo img { width:100%; height:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* 서브 - 헤더영역 */
#header { width:100%; height:40px; position:fixed; top:0; z-index:10;}
#header .gnb { width:100%; height:40px; position:relative; background-color:#e9b800;}
#header .gnb .s_menu { width:40px; height:40px; position:absolute; top:0; right:0;}
#header .gnb .s_back { width:40px; height:40px; position:absolute; top:0; left:0;}
#header .gnb .top_btn a {width:40px; height:40px; display:block;}
#header .gnb .top_btn a img { width:100%; height:100%; }
#header .gnb .sub_title { width:200px; height:40px; line-height:40px; position:absolute; left:50%; margin-left:-100px; font-size:20px; font-weight:800; color:#ffffff; text-align:center;}


/* 서브 - 공통 */
input, select, textarea { width:100%; height:40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; border:solid 1px #d2d2d2; font-size:15px; text-indent:15px; color:#a1a1a1;}

#sg_wrap .s_page .full_btn { height:40px; background-color:#00bcd4; font-size:20px; font-weight:800; color:#FFFFFF; text-align:center; line-height:40px; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.ls01 { padding-left:20px; padding-top:3px; background:url(../images/list_icon01.png) no-repeat left center; font-size:16px; font-weight:bold; color:#2d6c86; line-height:24px;}
.ls02 { padding-left:13px; background:url(../images/list_icon02.gif) no-repeat left top; font-size:13px; font-weight:bold; color:#333333; }
.ls03 { padding-left:10px; background:url(../images/list_icon03.gif) no-repeat left top;}
.stxt01 { font-size:13px; color:#666; display:block; padding-top:10px; line-height:24px;}

/* 서브 - 리스트 공통 */
#sg_wrap .s_page { width:100%; position:absolute; top:40px; }
#sg_wrap .s_page .list_ul { width:95%; margin:10px auto; }
#sg_wrap .s_page .list_ul .list_li { width:100%; border-bottom:solid 1px #ebebeb; box-sizing:border-box; font-size:15px; cursor:pointer;}
#sg_wrap .s_page .list_ul .list_li:hover {background-color:#d7faff;}
#sg_wrap .s_page .list_ul .list_li .height01 { height:60px; }
#sg_wrap .s_page .list_ul .list_li .height02 { height:45px; }
#sg_wrap .s_page .list_ul .list_li .height03 { height:80px; }
#sg_wrap .s_page .list_ul .list_li .li_link_icon { width:12px; height:100%; position:absolute; top:0; right:0; background-color:#96c2fe; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;}
#sg_wrap .s_page .list_ul .list_li .li_link_icon img { width:12px; height:18px; margin:auto 0; position:absolute; top:50%; margin-top:-9px; right:0;}
#sg_wrap .s_page .list_ul .gray_bg { background-color:#f4f4f4;} 
#sg_wrap .s_page .list_ul .boxcolor01 { background-color:#adadad; } /*회색 */
#sg_wrap .s_page .list_ul .boxcolor02 { background-color:#0076bf; } /*청색(의대) */
#sg_wrap .s_page .list_ul .boxcolor03 { background-color:#46b872; } /*녹색(한의대) */
#sg_wrap .s_page .list_ul .boxcolor04 { background-color:#ca6fcc; } /*보라색(치대) */
#sg_wrap .s_page .list_ul .boxcolor05 { background-color:#e4691e; } /*오랜지색 */

#sg_wrap .s_page .list_ul .proceeding { position:absolute; width:40px; height:40px; top:50%; margin-top:-20px; left:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-weight:800; text-align:center; color:#FFFFFF; }
#sg_wrap .s_page .list_ul .proceeding .lh01 { height:40px; line-height:38px; display:block; font-size:13px;}
#sg_wrap .s_page .list_ul .proceeding .lh02 { line-height:15px; margin-top:5px; display:block; font-size:13px;}
#sg_wrap .s_page .list_ul .proceeding .lh03 { height:40px; line-height:40px; display:block; font-size:16px;}

#sg_wrap .s_page .list_ul .list_li .right_btn { width:60px; height:30px; position:absolute; top:50%; margin-top:-15px; right:5px; display:block; color:#FFFFFF; text-align:center; text-indent:-10px; line-height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:16px; font-weight:800; background: url(../images/right_btn_bg.png) no-repeat right; -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); }
#sg_wrap .s_page .list_ul .list_li .bgco01 { background-color:#d01334; }
#sg_wrap .s_page .list_ul .list_li .bgco02 { background-color:#0076bf; }
#sg_wrap .s_page .list_ul .list_li .shd {-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* Safari and Chrome */ -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* Firefox */ -ms-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* CSS3 */}

#sg_wrap .s_page .subtop_box { margin:10px;}
#sg_wrap .s_page .subtop_box .top_noti { font-size:15px; line-height:24px; padding:7px; border:solid 1px #0095aa; box-sizing:border-box; background-color:#00bcd4; color:#FFFFFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#sg_wrap .s_page .subtop_box .top_noti .cotx { color:#004048;}


/* 서브 - 공통 테이블 디자인 */
.cont_table { width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; box-sizing:border-box; font-size:13px;}
.cont_table th { height:45px; background-color:#f7f7f7; color:#333; font-size:15px; text-align:center;}
.cont_table td { height:45px; text-align:center; color:#8d8d8d; } 
.cont_table .tdh { background-color:#e4edf8; color:#000000; font-weight:bold;}
.cont_table .br { border-right:1px solid #e5e5e5 !important; box-sizing:border-box;}
.cont_table .te_left{text-align:left;}
.cont_table .pl15 { padding-left:15px;}

.tbset { background-color:#FFFFFF; border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4;}
.tbset th { padding:5px 0; text-align:center; color:#ffffff; font-size:13px !important;  background-color:#4a91ca;}
.tbset td { font-family:'Nanum Gothic'; text-align:center; padding:4px 0; line-height:30px; font-size:13px; color:#666;}
.tbset .tatit { background-color:#f0ebeb; font-weight:bold;}
.tbset .bold { font-weight:bold; }
.tbset .te_left{text-align:left;}
.tbset .pl05 { padding-left:5px;}
.tbset .pl15 { padding-left:15px;}
.tbset .bgco { background-color:#f6f6f6;}
.tbset .bgco2 { background-color:#e7e7e7;}
.tbset .btn_link:hover {background-color:#f6f6f6;}

.tbset_time { background-color:#FFFFFF; border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4;}
.tbset_time th { text-align:center; color:#ffffff; font-size:12px !important;  background-color:#d4d4d4; height:20px; box-sizing:border-box;}
.tbset_time td { font-family:'Nanum Gothic'; text-align:center; line-height:20px; font-size:12px; color:#666; height:20px; box-sizing:border-box;}

.tbset_detail { background-color:#FFFFFF; border-top:solid 1px #767676; border-bottom:solid 1px #767676;}
.tbset_detail th { padding-left:10px; color:#656565; font-size:15px; height:30px;}
.tbset_detail td { padding-right:10px; text-align:right; font-size:15px; color:#3970ae; height:30px; font-weight:bold;}
.tbset_detail .bgco { background-color:#f6f6f6;}
.tbset_detail .bb01 { border-bottom:solid 1px #f1f1f1;}
.tbset_detail .bb02 { border-bottom:solid 1px #bfbfbf;}

/* board tr line */
.under_l { border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.under_l2 { border-bottom:1px solid #aeaeae; box-sizing:border-box;}
.under_lB { border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.top_l { border-top:1px solid #e5e5e5; box-sizing:border-box;}

.bold { font-weight:bold;}


/* 서브 - 대학별 컬러 샘플 */
.bgco01 { background-color:#f25f62;}
.bgco02 { background-color:#0076be;}
.bgco03 { background-color:#46b872;}
.bgco04 { background-color:#ca6fcc;}
.bgco05 { background-color:#ccc950;}


/* 서브페이지 - 로그인 */

/* 서브 - 로그인페이지 상단 */
#sg_wrap .s_page { width:100%; height:600px; position:relative; }

#sg_wrap .s_page .s_logo {width:283px; height:43px; position:absolute; left:50%; margin-left:-142px; top:60px;}
#sg_wrap .s_page .s_logo img { width:100%; height:100%;}
#sg_wrap .s_page .text_noti { width:280px; height:40px; position:absolute; top:150px; left:50%; margin-left:-140px; font-size:13px; color:#636363;}

/* 서브 - 로그인정보입력 */
#sg_wrap .s_page .ipt_box { width:300px; height:250px; position:absolute; top:220px; left:50%; margin-left:-150px;}
#sg_wrap .s_page .ipt_box li { width:300px; height:40px;}
#sg_wrap .s_page .ipt_box .ipt_login { width:300px; height:40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; border:solid 1px #d2d2d2; font-size:15px; text-indent:15px; color:#a1a1a1;}
#sg_wrap .s_page .ipt_box .btn_login { width:300px; height:40px; background-color:#1ab8c5; font-size:20px; font-weight:800; color:#FFFFFF; text-align:center; line-height:40px; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#sg_wrap .s_page .ipt_box .admin_login { width:300px; height:40px; border-bottom:solid 1px #d1dfe8; box-sizing:border-box; position:relative;}
#sg_wrap .s_page .ipt_box .admin_login .admin_txt { width:200px; height:40px; font-size:12px; line-height:35px; color:#303030; position:absolute; left:15px;}
#sg_wrap .s_page .ipt_box .admin_login .admin_check { width:20px; height:20px; position:absolute; top:5px; right:15px;}
#sg_wrap .s_page .ipt_box .admin_login .admin_check input { width:20px; height:20px; border:solid 1px #999999;}



/* 서브 - 생활관소개*/
#sg_wrap .s_page .tab {position:relative; height:40px; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; background:#ffffff;}
#sg_wrap .s_page .tab li{ float:left;} 
#sg_wrap .s_page .tab .rightline { border-right:solid 1px #dedede; box-sizing:border-box; }
#sg_wrap .s_page .tab .menu { width:33.3%; height:40px;}
#sg_wrap .s_page .tab .menu .tbtn:link, .tbtn:active, .tbtn:visited {  width:100%; height:40px; display:block; font-size:16px; text-align:center; line-height:40px; color:#e9b800; font-weight:bold;}
#sg_wrap .s_page .tab .menu .tbtn:hover, #sg_wrap .s_page .tab .menu .tbtn.selected { color:#FFFFFF; background-color:#43bcc2;}

#sg_wrap .s_page .con10 { padding:10px;}
#sg_wrap .s_page .con10 .con_img01 { width:100%; margin:10px 0;}
#sg_wrap .s_page .con10 .con_img01 img { width:100%; height:100%;}
#sg_wrap .s_page .con10 .con_tit01 { font-size:16px; font-weight:bold; color:#a28200; line-height:25px;}
#sg_wrap .s_page .con10 .con_txt01 { width:100%; font-size:13px; line-height:22px;}
#sg_wrap .s_page .con10 .con_bot_sign { width:100%; height:30px; margin-top:30px; font-size:13px; font-weight:bold; line-height:30px; text-align:right; color:#000000;}
#sg_wrap .s_page .con10 .con_bot_sign .name { margin-left:5px; font-size:18px;}

#sg_wrap .s_page .con10 .photo { padding:10px; text-align:center;}

/* 1020 생활관소개 */
#sg_wrap .s_page .con10 .top_slogan { font-size:15px; color:#a28200;}
#sg_wrap .s_page .con10 .top_txt { font-size:13px; line-height:30px;}
#sg_wrap .s_page .con10 .top_img { width:100%;}
#sg_wrap .s_page .con10 .top_img img { width:100%; height:100%;}
#sg_wrap .s_page .con10 .cont_table .con_img { width:600px; height:339px; margin:0 auto; padding:10px 0;}
#sg_wrap .s_page .con10 .cont_table .con_img img { width:100%; height:100%;}


/* 서브 - 오시는 길*/
#sg_wrap .s_page .tab2 {position:relative; height:40px; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; background:#ffffff;}
#sg_wrap .s_page .tab2 li{ float:left;} 
#sg_wrap .s_page .tab2 .rightline { border-right:solid 1px #dedede; box-sizing:border-box; }
#sg_wrap .s_page .tab2 .menu { width:50%; height:40px;}
#sg_wrap .s_page .tab2 .menu .tbtn:link, .tbtn:active, .tbtn:visited {  width:100%; height:40px; display:block; font-size:16px; text-align:center; line-height:40px; color:#e9b800; font-weight:bold;}
#sg_wrap .s_page .tab2 .menu .tbtn:hover, #sg_wrap .s_page .tab2 .menu .tbtn.selected { color:#FFFFFF; background-color:#43bcc2;}

#sg_wrap .s_page .map_box { margin:10px auto; width:100%;}
div [id*=daumRoughmapContainer] { width:96%; padding:2%; max-width:640px; margin:0 auto;}

/* 서브 - 공지사항 - 리스트 */
#sg_wrap .s_page .notice_box { width:100%; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sg_wrap .s_page .notice_box li { position:absolute; height:30px; line-height:30px; }
#sg_wrap .s_page .notice_box li a { width:100%; height:60px; display:block;}
#sg_wrap .s_page .notice_box .subject { left:5px; top:0; color:#575757;}
#sg_wrap .s_page .notice_box .date { right:30px; bottom:0; color:#b8b8b8;}

/* 서브 - 외박신청 - 리스트 */
#sg_wrap .s_page .stayout_box { width:100%; position:relative;}
#sg_wrap .s_page .stayout_box li { position:absolute; height:30px; line-height:30px; }
#sg_wrap .s_page .stayout_box .duration { left:55px; top:0; color:#387cac; font-weight:bold;}
#sg_wrap .s_page .stayout_box .name { left:55px; top:25px; font-weight:bold;}
#sg_wrap .s_page .stayout_box .date { left:55px; bottom:0; }

/* 서브 - 상벌점확인 - 리스트 */
#sg_wrap .s_page .penalty_box { width:100%; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sg_wrap .s_page .penalty_box li { position:absolute; height:30px; line-height:30px; }
#sg_wrap .s_page .penalty_box .subject { left:55px; top:0; color:#35000b; }
#sg_wrap .s_page .penalty_box .name { left:55px; top:25px; font-weight:bold;}
#sg_wrap .s_page .penalty_box .date { left:55px; bottom:0; }


/* 서브 - 고장신고 - 리스트 */
#sg_wrap .s_page .repair_box { width:100%; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sg_wrap .s_page .repair_box li { position:absolute; height:30px; line-height:30px; }
#sg_wrap .s_page .repair_box .subject { left:55px; top:0; color:#35000b;}
#sg_wrap .s_page .repair_box .name { left:55px; top:25px; font-weight:bold;}
#sg_wrap .s_page .repair_box .date { left:55px; bottom:0; }


/* 서브 - 입사확인 */
#sg_wrap .s_page .ipsa_box {  width:100%; position:relative;}
#sg_wrap .s_page .ipsa_box li { position:absolute; height:30px; line-height:30px; }
#sg_wrap .s_page .ipsa_box .chasu_num{ left:10px; top:0; color:#8c8c8c;}
#sg_wrap .s_page .ipsa_box .subject { width:90%; left:10px; top:25px; line-height:25px; color:#000000;}

/* 서브 - 컨텐츠 준비중 */
#sg_wrap .s_page .waiting { width:300px; height:300px; position:absolute; top:50%; margin-top:-190px; left:50%; margin-left:-150px;} 
#sg_wrap .s_page .waiting img { width:100%; height:100%;} 

/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* 우측 패널 */
#left_panel { width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:url(../images/black_panel_bg.png) repeat; overflow:scroll;}
#left_panel .panel_box { width:280px; min-height:550px; height:100%; position:absolute; top:0; right:0; background-color:#FFFFFF; }
/* 우측 패널 - 상단영역 */
#left_panel .panel_box .panel_head { width:280px; height:100px; background-color:#e9b800; }
#left_panel .panel_box .panel_head .panel_top { width:270px; height:40px; box-sizing:border-box; border-bottom:solid 1px #ffffff; margin:0 auto; position:relative;}
#left_panel .panel_box .panel_head .panel_top .gohome { position:absolute; width:55px; height:20px; top:10px; right:5px;}
#left_panel .panel_box .panel_head .panel_top .gohome a { width:55px; height:20px; border:solid 1px #ffffff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:block; color:#FFFFFF; font-size:12px; text-align:center; line-height:17px; box-sizing:border-box;}
#left_panel .panel_box .panel_head .panel_top .nation { position:absolute; width:55px; height:20px; top:10px; right:0;}
#left_panel .panel_box .panel_head .panel_top .nation a { width:55px; height:20px; border:solid 1px #ffffff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:block; color:#FFFFFF; font-size:12px; text-align:center; line-height:17px; box-sizing:border-box;}
#left_panel .panel_box .panel_head .panel_top img { width:158px; height:24px; position:absolute; top:8px; left:5px;}

/* 우측 패널 - 상단영역 - 사생정보 */
#left_panel .panel_box .panel_head .p_user_info { width:280px; height:60px; position:relative;}
#left_panel .panel_box .panel_head .p_user_info li { position:absolute;}
/* 우측 패널 - 상단영역 - 로그인 전 */
#left_panel .panel_box .panel_head .p_user_info .login_click { width:100%; height:30px; top:4px;}
#left_panel .panel_box .panel_head .p_user_info .login_click .login_btn { width:108px; height:30px; border:solid 1px #41161d; background-color:#FFFFFF; color:#e9b800; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; display:block; font-size:18px; font-weight:800; text-align:center; line-height:26px; margin:0 auto; box-sizing:border-box;}
#left_panel .panel_box .panel_head .p_user_info .login_noti { width:100%; height:24px; text-align:center; font-size:12px; color:#FFFFFF; line-height:24px; top:34px;}
/* 우측 패널 - 상단영역 - 로그인 후 */
#left_panel .panel_box .panel_head .p_user_info .name_txt { width:180px; height:28px; top:4px; left:20px; font-size:20px; font-weight:800; line-height:28px; color:#FFFFFF; text-align:center;}
#left_panel .panel_box .panel_head .p_user_info .name_txt2 { width:180px; height:28px; top:14px; left:20px; font-size:20px; font-weight:800; line-height:28px; color:#FFFFFF; text-align:center;}
#left_panel .panel_box .panel_head .p_user_info .num_txt { width:180px; height:22px; top:32px; left:20px; font-size:20px; font-weight:800; line-height:22px; color:#FFFFFF; text-align:center;}
#left_panel .panel_box .panel_head .p_user_info .logout { position:absolute; width:55px; height:20px; top:10px; right:10px;}
#left_panel .panel_box .panel_head .p_user_info .logout a { width:55px; height:40px; border:solid 1px #104270; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:block; background-color:#FFFFFF; color:#0093ff; font-size:12px; text-align:center; line-height:38px; box-sizing:border-box; font-weight:bold;}

/* 우측 패널 - 메뉴박스 */
#left_panel .panel_box .menu_box { width:280px; height:190px;}
#left_panel .panel_box .menu_box .menu_ul { width:270px; height:190px; margin:5px; position:relative;}
#left_panel .panel_box .menu_box .menu_ul li { width:90px; height:90px; display:block; float:left; box-sizing:border-box;}
#left_panel .panel_box .menu_box .menu_ul li .btn_menu { width:90px; height:90px; display:block; position:relative;}
#left_panel .panel_box .menu_box .menu_ul li .btn_img { width:40px; height:40px; position:absolute; top:10px; left:50%; margin-left:-20px; }
#left_panel .panel_box .menu_box .menu_ul li .btn_img img{ width:100%; height:100%;}
#left_panel .panel_box .menu_box .menu_ul li .btn_txt { width:100%; height:26px; text-align:center; line-height:26px; font-size:14px; color:#777777; position:absolute; top:52px;}

#left_panel .panel_box .menu_box .menu_ul .b4 { border:solid 1px #dfdfdf;}
#left_panel .panel_box .menu_box .menu_ul .b3 { border-top:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf;}
#left_panel .panel_box .menu_box .menu_ul .b3_1 { border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf;}
#left_panel .panel_box .menu_box .menu_ul .b2 { border-right:solid 1px #dfdfdf;  border-bottom:solid 1px #dfdfdf;}

#left_panel .btn_close { width:40px; height:100%; position:fixed; top:50%; margin-top:-60px; left:0; display:block;}
#left_panel .btn_close img { width:40px; height:120px;}


/* ----------------------------------------------------------------------------------------------------------------------------------- */


/* 팝업 세부페이지 공통설정 */
.pop_sub { width:100%; height:100%; position:fixed; top:0; left:0; z-index:20; background:url(../images/black_panel_bg.png) repeat; overflow:scroll}
.pop_sub .subpage_box { width:100%;}
.pop_sub .subpage_box .pop_top{ width:100%; height:40px; background:url(../images/popsub_topbg.png) no-repeat left; position:relative;}
.pop_sub .subpage_box .pop_top .subpop_title { width:250px; height:40px; position:absolute; left:60px; font-size:16px; font-weight:800; color:#222222; line-height:45px;}
.pop_sub .subpage_box .pop_top .close_btn { width:40px; height:40px; position:absolute; right:0;}
.pop_sub .subpage_box .pop_top .close_btn img { width:100%; height:100%;}
.pop_sub .subpage_box .pop_body { width:100%; min-height:600px; background-color:#FFFFFF;}
.pop_sub .subpage_box .full_btn { height:40px; background-color:#00bcd4; font-size:20px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:40px; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.pop_sub .harf_btn { background-color:#00bcd4;  width:100%; height:40px; font-size:20px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:40px; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.pop_sub .btn_bg01 { background-color:#00bcd4;}
.pop_sub .btn_bg02 { background-color:#ff262c;}
.pop_sub .btn_bg03 { background-color:#46b872;}
.pop_sub .board_btn { width:100%; height:40px; position:relative;}
.pop_sub .board_btn .left_btn { width:45%; height:40px; position:absolute; left:10px; }
.pop_sub .board_btn .right_btn { width:45%; height:40px; position:absolute; right:10px;}


/* 팝업 - 리스트 공통 */
.pop_sub .subpage_box .pop_body { width:100%; position:absolute; top:40px; }
.pop_sub .subpage_box .pop_body .list_ul { width:100%;}
.pop_sub .subpage_box .pop_body .list_ul .list_li { width:100%; border-bottom:solid 1px #ebebeb; box-sizing:border-box; font-size:15px; cursor:pointer;}
.pop_sub .subpage_box .pop_body .list_ul .list_li:hover {background-color:#d7faff;}
.pop_sub .subpage_box .pop_body .list_ul .list_li .height40 { height:40px; }
.pop_sub .subpage_box .pop_body .list_ul .list_li .height80 { height:80px; }
.pop_sub .subpage_box .pop_body .list_ul .list_li .height100 { height:100px; }
.pop_sub .subpage_box .pop_body .list_ul .gray_bg { background-color:#f4f4f4;} 
.pop_sub .subpage_box .pop_body .list_ul .proceeding { position:absolute; width:30px; height:30px; top:10px; left:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-weight:800; text-align:center; color:#FFFFFF; background-color:#0076bf; line-height:30px; display:block; font-size:18px;}

.pop_sub .subpage_box .pop_body .selbtn { margin:10px;}
.pop_sub .subpage_box .pop_body .selbtn .full_btn2 { height:50px; background-color:#0076bf; font-size:24px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:50px; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* Safari and Chrome */ -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* Firefox */ -ms-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* CSS3 */}

/* 팝업 - 댓글 관련 */
.pop_sub .subpage_box .pop_body .reply {padding:10px; position:relative;}
.pop_sub .subpage_box .pop_body .list_ul .list_li .comment_box { width:100%; position:relative;}
.pop_sub .subpage_box .pop_body .list_ul .list_li .comment_box .re_writer { height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#333333; padding-left:10px;}
.pop_sub .subpage_box .pop_body .list_ul .list_li .comment_box .comment { min-height:30px; line-height:30px; display:block; padding-left:5px; }


.pop_sub .subpage_box .pop_body .map_img { text-align:center;}


/* 팝업 view page */
#pop_view { padding:10px;} 
#pop_view li { width:100%; font-size:15px; color:#3c3c3c; border-bottom:solid 1px #ffffff; box-sizing:border-box; background-color:#bdeaff;}
#pop_view .subject_box,
#pop_view .proceed_box { line-height:40px;}
#pop_view .date_box {text-align:right; padding-right:10px; height:40px; line-height:40px;}
#pop_view li span {padding:0 10px; display:block;}
#pop_view .infor_box { width:100%; height:40px; position:relative;}
#pop_view .infor_box .writer { text-align:left; width:150px; height:40px; line-height:40px; position:absolute; left:10px;}
#pop_view .infor_box .date { text-align:right; width:150px; height:40px; line-height:40px; position:absolute; right:10px;}
#pop_view .contents_box { width:100%; min-height:100px; }
#pop_view .contents_box .textbox { padding:5px; font-size:13px; color:#666666; line-height:20px; }
#pop_view .contents_box .textbox img { width:100%; height:100%;}

#ipsa_view { padding:10px;} 

/* 팝업 write page */
#pop_write { padding:10px;} 
#pop_write .infor_box { width:100%; font-size:15px; color:#3c3c3c; border-bottom:solid 1px #ffffff; box-sizing:border-box; background-color:#bdeaff; width:100%; height:40px; position:relative;}
#pop_write .infor_box .writer { text-align:left; width:250px; height:40px; line-height:40px; position:absolute; left:10px;}
#pop_write .txt_contents { height:150px; line-height:24px;}
 
 
 /* 팝업 상벌점 항목조회 */
.penalty_saerch { width:100%; position:relative; }
.penalty_saerch li { padding-left:10px;}
.penalty_saerch .penalty_num { height:30px; line-height:30px; top:0; color:#8c8c8c;}
.penalty_saerch .reason { width:90%; height:40px; top:30px; line-height:20px; color:#000000;}
.penalty_saerch .li_link_icon { width:12px; height:100%; position:absolute; top:0; right:0; background-color:#96c2fe; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;}
.penalty_saerch .li_link_icon img { width:12px; height:18px; margin:auto 0; position:absolute; top:50%; margin-top:-9px; right:0;}



/* 팝업 댓글쓰기 레이어*/
.reply_box { width:300px; height:160px; position:absolute; top:50%; margin-top:-80px; left:50%; margin-left:-150px; background-color:#FFFFFF;}
.reply_box .input_box { padding:10px;} 	


.top_noti { font-size:15px; line-height:24px; padding:7px; border:solid 1px #a4a4a4; box-sizing:border-box; background-color:#c7c7c7; color:#353535; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}


/* 말풍선 레이어 설정 */
.pop_balloon {width:160px; height:35px; position:absolute; bottom:25px; right:5px; z-index:20;}
.pop_balloon .balloon_box { width:160px; height:35px; position:relative;}
.pop_balloon .balloon_box .pop_arrow { position:absolute; top:5px; left:0; width:20px; height:20px;}
.pop_balloon .balloon_box .pop_arrow img { width:100%; height:100%;}
.pop_balloon .balloon_box .selbtn { width:140x; height:35px; margin-left:20px; background-color:#4c4c4c; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; position:relative;}
.pop_balloon .balloon_box .selbtn .balloon_btn { width:50px; height:25px; background-color:#e4691e; font-size:15px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:25px; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* Safari and Chrome */ -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* Firefox */ -ms-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);  /* CSS3 */ text-shadow:2px 2px 2px #964412; float:left; margin-left:5px; margin-top:5px;}
.pop_balloon .balloon_box .selbtn .pop_close { width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; right:5px; display:block;}
.pop_balloon .balloon_box .selbtn .pop_close img { width:100%; height:100%;}


/* 팝업 로딩 */
#pop_loading { width:100%; height:100%; position:absolute; top:0; left:0; z-index:20; background:url(../images/white_loading_bg.png) repeat;}
#pop_loading .loading_box { width:100px; height:100px; position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-50px;}
#pop_loading .loading_box img { width:100%; height:100%;}

/* 팝업 달력 설정 */
.calendar { width:100%; height:185px; border:solid 1px #d8eef9; webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; padding:10px;}
.calendar .selmonth { height:25px; position:relative; background-color:#00bcd4; margin-bottom:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.calendar .selmonth a:link,
.calendar .selmonth a:active,
.calendar .selmonth a:visited { width:25px; height:25px; position:absolute; line-height:23px; font-weight:bold; color:#ffffff; display:block; text-align:center;}
.calendar .selmonth .prev { top:0; left:0;}
.calendar .selmonth .next { top:0; right:0;}
.calendar .selmonth .yearmonth { width:130px; line-height:25px; text-align:center; position:absolute; top:0; left:50%; margin-left:-65px; color:#FFFFFF; font-size:13px; font-weight:800;}
.calendar .datebox { width:100%;}
.calendar .datebox th { height:17px; text-align:center;}
.calendar .datebox td { height:17px; text-align:center; position:relative; padding:1px;}
.calendar .datebox td span { height:16px; display:block; line-height:13px; cursor:pointer; border: solid 1px #dddddd;}
.calendar .datebox td .normal,
.calendar .datebox td .blcck { background-color:#f5f5f5;}
.calendar .datebox td .today { background-color:#00bcd4; color:#FFFFFF;}
.calendar .datebox td .dontsel { width:93%; height:16px; background:url(../images/dontsel.png) repeat; position:absolute; margin:0 auto;}
.calendar .datebox td .normal:hover,
.calendar .datebox td .today:hover,
.calendar .datebox td .selday { background-color:#ee7979; border: solid 1px #dddddd; color:#FFFFFF;}

.height50 { height:50px;}