@charset "euc-kr";
/* CSS Document */
body{ font-size:16px}
.box1{ margin:0 1em}
.box2{ margin:0 2em}
.pc_hide{ display:none}

body.sub_pop .box2{ padding-bottom:1.5em;}

.login_wrap .size1{ width:640px; max-width:100%; margin:0 auto}
.login_wrap .top_area{ padding-top:1em;}
.login_wrap .top_area .logo{ text-align:center;}

.login_wrap .tit_area{ padding-top:1em}
.login_wrap .tit_area .tit{ text-align:center;}
.login_wrap .tit_area .tit span{ display:inline-block; *display:inline; zoom:1; border:2px solid #000; border-left:none; border-right:none; padding:0.5em 0.5em; font-size:1.500em; font-weight:600}
.login_wrap .tit_area .tt{ text-align:center; font-weight:600; font-size:1.125em; padding-top:1em}

.login_wrap .visual_slide{ margin-top:1em; height:200px; overflow:hidden; border-top:1px solid #333; border-bottom:3px solid #333}
.login_wrap .visual_slide .slides > li{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover}

.login_wrap .list_area{padding:1em 0; font-size:.75em;}

.login_wrap .input_area{ position:fixed; left:0; bottom:0; width:100%}
.login_wrap .input_area .inner{padding:.5em; position:relative; padding-right:8em; background:#555}
.login_wrap .input_area .inp{ width:100%; display:block; border:none; border-radius:5px; margin:.5em 0; line-height:2em; height:2em; text-align:center}
.login_wrap .input_area .inp:focus{ font-weight:600}
.login_wrap .input_area .btn{ position:absolute; top:1em; right:.5em; width:7em; height:9.5em; background:#e8cd00; border:none; border-radius:5px; text-align:center; font-weight:600; color:#000}
.login_wrap .input_area .inp_box1{ float:left; width:66%}
.login_wrap .input_area .inp_box2{ float:right; width:34%; text-align:center}
.login_wrap .input_area .inp_box3{ margin:0 auto; text-align:center}
.login_wrap .input_area .inp.s1{ width:32%; float:left; margin-left:2%}
.login_wrap .input_area .inp.s2{ width:49%; float:left; margin-left:2%}
.login_wrap .input_area .label_st{ font-size:1em; color:#fff; margin-left:1em; margin-top:.4em}
.login_wrap .input_area .label_st input{ width:20px; height:20px}

.login_wrap .login_area{ width:100%; max-width:1000px; margin:0 auto; margin-top:1.5em; overflow:hidden;}
.login_wrap .login_area .left{ float:left; width:50%;}
.login_wrap .login_area .right{ float:right; width:50%;}

.login_wrap .login{ position:relative; z-index:10; box-sizing:border-box; text-align:center; padding:1em;}
.login_wrap .login *{ position:relative; z-index:inherit}
.login_wrap .login .bg{position: absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#29323d; border-radius:10px 10px 0 0; filter:alpha(opacity=50);opacity:0.5;}
.login_wrap .login:hover .bg{filter:alpha(opacity=100);opacity:1;}
.login_wrap .login label{ display:inline-block; *display:inline; zoom:1; margin-right:1em}
.login_wrap .login .xi{ font-size:1.25em; color:#fff; vertical-align:middle; margin-right:5px; width:20px}
.login_wrap .login .inp_tit{ color:#fff; display:inline-block; *display:inline; zoom:1; width:80px; text-align:left; font-size:.938em; font-weight:600}
.login_wrap .login .inp_tt{ color:#fff; display:inline-block; *display:inline; zoom:1; width:20px; text-align:center; font-size:.875em}
.login_wrap .login .inp_info{ color:#fff;width:100%;text-align:center;}
.login_wrap .login .inp{ height:3em; line-height:3em; border:none; background:#fff; color:#999; border-radius:5px; width:220px; padding:0 0.5em; font-family:Tahoma, sans-serif;  font-weight:600;}
.login_wrap .login .inp.w1{ width:85px}
.login_wrap .login .inp.w2{ width:205px}

.login_wrap .login .inp:focus{ font-weight:600; color:#111}
.login_wrap .login .inp.btn{ width:150px; background:#21b9c7; color:#fff;}

.login_wrap .login.st1{ padding-bottom:80px;}
.login_wrap .login.st1 .bg{filter:alpha(opacity=100);opacity:1;border-radius:10px 10px  15px  15px;}
.login_wrap .login.st1 label{ display:block; margin-right:0; margin:.5em 0;}
.login_wrap .login.st1 .inp.btn{ border-radius:0 0 10px  10px; position:absolute; right:0; bottom:0; height:60px; width:100%;}

.login_wrap .login.st2 .bg{ border-radius:10px; filter:alpha(opacity=1);opacity:1;}

.login_wrap .notice{ margin-left:30px; border:1px solid #ddd; border-radius:5px; position:relative; z-index:inherit;}
.login_wrap .notice .in{ padding:1em;}
.login_wrap .notice .in .notice_tit{ font-weight:600; color:#111; font-size:.938em; letter-spacing:-1px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd}
.login_wrap .notice .in .more{ position:absolute; z-index:inherit; right:0; top:0; margin-right:10px; width:2.5em; line-height:3em; text-align:center;}
.login_wrap .notice .in .more:hover{ background:#f5f5f5}

.login_wrap .notice .swiper-container{ overflow:hidden}
.login_wrap .notice .swiper-container .swiper-slide{ height:auto}
.login_wrap .notice .swiper_btn{position:absolute; z-index:inherit; right:1em; top:1em; z-index:1}
.login_wrap .notice .swiper_btn li{display:block; border:1px solid #ccc; width:22px; line-height:16px; margin:1px 0; border-radius:3px; font-family:"xeicon" !important; text-align:center; cursor:pointer}
.login_wrap .notice .swiper_btn li.btn_prev:before {content: "\e930"; }
.login_wrap .notice .swiper_btn li.btn_next:before {content: "\e936"; }
.login_wrap .notice .swiper_btn li:hover{ background:#f5f5f5}

.login_wrap .notice .tit{ }
.login_wrap .notice .tit > a{ display:block; font-size:.813em; position:relative; z-index:inherit; padding-right:100px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:30px; height:30px}
.login_wrap .notice .tit > a .tt{ font-weight:600; color:#666; vertical-align: middle}
.login_wrap .notice .tit > a .xi{ font-size:1.5em; color:#aaa; vertical-align: middle; padding-right:3px}
.login_wrap .notice .tit > a .date{ position:absolute; z-index:inherit; right:0; top:0; text-align:right; width:80px; color:#777; font-size:.9em}
.login_wrap .notice .flex-direction-nav{ position:absolute; z-index:inherit; right:1em; top:0.7em}
.login_wrap .notice .flex-direction-nav a{ display:block; border:1px solid #ccc; width:22px; height:0.7em; line-height:0.7em; margin:1px 0; border-radius:3px; font-family:"xeicon" !important; text-align:center; }
.login_wrap .notice .flex-direction-nav a.flex-prev:before {content: "\e930"; }
.login_wrap .notice .flex-direction-nav a.flex-next:before {content: "\e936"; }
.login_wrap .notice .flex-viewport{ height:60px !important}

.login_wrap .mainbtn{ max-width:600px; margin:0 auto; padding:1em; position:relative; z-index:inherit}

.login_wrap .login_con_wrap .login_btn_wrap{ float:left; width:50%}
.login_wrap .login_con_wrap .login_btn_wrap .list{ overflow:hidden; padding:0 10px}
.login_wrap .login_con_wrap .login_btn_wrap .list > li{ float:left; width:50%;}
.login_wrap .login_con_wrap .login_btn_wrap .list > li.w100{ width:100%}
.login_wrap .login_con_wrap .login_btn_wrap .list > li .btn{ width:97%; box-sizing:border-box; line-height:40px; height:40px; font-size:.938em; text-align:left; padding:0 30px 0 15px; position:relative; overflow:hidden; margin:0 0 6px 3%}
.login_wrap .login_con_wrap .login_btn_wrap .list > li.w100 .btn{ width:99.5%; margin-left:.5%}
.login_wrap .login_con_wrap .login_btn_wrap .list > li .btn .xi{ margin-right:5px; line-height:35px; vertical-align:middle}
.login_wrap .login_con_wrap .login_btn_wrap .list > li .btn:before{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:-10px; top:0; transition:.3s}
.login_wrap .login_con_wrap .login_btn_wrap .list > li .btn:hover:before{ right:10px}


#header{ background:#29323d; position:relative; z-index:1000}
#header .box1{ position:relative; z-index:inherit}

#header .logo{ position:absolute; left:0; top:1em;}
#header .logo a{ display:inline-block; *display:inline; zoom:1; padding:0.6em 1.5em; border-radius:2em; background:#154194; font-size:.875em; color:#fff;}

#header .gnb_wrap{}
#header .gnb_wrap .gnb{ text-align:center}
#header .gnb_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; position:relative; margin:0 0.5em;}
#header .gnb_wrap .gnb > li .dp1{ display:block; position:relative; font-weight:600; color:#fff; font-size:.938em; padding:1.6em 1.5em; text-transform: uppercase; border-radius:2em}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; bottom:0; left:50%; width:0; height:5px; background:#21b9c7; transition:.3s}
#header .gnb_wrap .gnb > li *{transition:.3s}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; top:100%; left:50%; width:160px; margin-left:-80px; border:2px solid #29323d; border-top:none; background:#fff; visibility:hidden; opacity:0; padding:10px 0}
/*#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-12px; width:100%; height:10px}
#header .gnb_wrap .gnb > li .dp2:before{ content:"\e92f"; font-family:xeicon!important;position:absolute; left:-3px; top:-15px; width:100%}*/
#header .gnb_wrap .gnb > li .dp2 > li{ padding:0 10px}
#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; font-size:.813em; color:#333; font-weight:bold; padding:8px 0; border-top:1px dashed #aaa}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ background:#f5f5f5}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:80%; margin-left:-40%;}
#header .gnb_wrap .gnb > li .xi{ display:none}
#header .gnb_wrap .gnb > li:hover .dp2{ visibility:visible; opacity:1}
@media screen and (max-width:1500px){
#header .gnb_wrap .gnb > li .dp1{ padding:0.6em 1.1em;}
}
@media screen and (max-width:1400px){
#header .gnb_wrap .gnb > li .dp1{ padding:0.6em .7em;}
}
#header .icon_wrap{ position:absolute; z-index:inherit; right:0; top:.8em;}
#header .icon_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .icon_wrap > li a{ display:block; width:2.5em; height:2.5em; border-radius:2.5em; text-align:center; background:#fff}
#header .icon_wrap > li a .xi{ line-height:2em; color:#29323d; font-size:1.250em}
#header .icon_wrap > li:hover a,
#header .icon_wrap > li.on a{ background:#21b9c7;}
#header .icon_wrap > li:hover a .xi,
#header .icon_wrap > li.on a .xi{ color:#fff;}
#header .icon_wrap > li.tt{ padding-right:1em; font-size:.750em; color:#fff;}
#header .icon_wrap > li.lnb_btn{ display:none}

#footer{ border-top:1px solid #ddd; background:#222}
#footer .info{ text-align:center; padding:0.75em 0; overflow:hidden}
#footer .info dt,
#footer .info dd{ float:left; padding:0 1em}
#footer .info dt{ font-size:.75em; font-weight:600; color:#fff}
#footer .info dd{ font-size:.688em; color:#fff}
#footer .info dd.copyright{ float:right; color:#fff;}

#contents{ background:#f5f5f5; padding:1em 0}

#contents .user_wrap{ background:#212224; border-radius:5px; padding:1em}
#contents .user_wrap .user_tit{ color:#0fd7e9; font-size:1em; font-weight:600; text-align:center;}
#contents .user_wrap .user_name{ color:#fff; border-radius:5px; font-size:.75em; padding:0.5em; margin:1em 0; border:1px solid #666; background:#444}
#contents .user_wrap .user_name .xi{ width:2.5em; height:2.5em; border-radius:2.5em; line-height:2.5em; color:#222; background:#fff; vertical-align:middle; text-align:center;}
#contents .user_wrap .user_name span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#contents .user_wrap .user_info{ background:#fff; font-size:.75em; position:relative; padding:1em; border-radius:5px}
#contents .user_wrap .user_info dl{ margin-top:0.5em; padding-top:0.5em; border-top:1px dashed #666}
#contents .user_wrap .user_info dl:first-child{ margin-top:0; padding-top:0; border-top:none}
#contents .user_wrap .user_info dt{ display:inline-block; *display:inline; zoom:1; font-weight:600; color:#111}
#contents .user_wrap .user_info dd{ display:inline-block; *display:inline; zoom:1; color:#666}

#contents .quick_wrap{ margin-top:2em}
#contents .quick_wrap > li{ margin-top:0.5em}
#contents .quick_wrap > li:first-child{ margin-top:0}
#contents .quick_wrap > li > a{ display:block; border:1px solid #ccc; border-radius:5px; padding:1em; font-size:.813em; font-weight:600; border-top:3px solid #aaa; position:relative; overflow:hidden;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
#contents .quick_wrap > li > a .xi{ font-size:1.5em; color:#aaa; vertical-align:middle; padding-right:3px; transition:0.3s}
#contents .quick_wrap > li > a .xi.arrow{ padding-right:0; position:absolute; right:-1em; font-weight:600; top:50%; margin-top:-0.5em}
#contents .quick_wrap > li:hover > a .xi.arrow{ right:0.5em;}
#contents .quick_wrap > li:nth-child(1) > a{ border-top-color:#154194;}
#contents .quick_wrap > li:nth-child(2) > a{ border-top-color: #2179ef}
#contents .quick_wrap > li:nth-child(3) > a{ border-top-color: #21b9c7}
#contents .quick_wrap > li:nth-child(4) > a{ border-top-color: #666}
#contents .quick_wrap > li:nth-child(1) > a .xi{color:#154194}
#contents .quick_wrap > li:nth-child(2) > a .xi{color:#2179ef}
#contents .quick_wrap > li:nth-child(3) > a .xi{color:#21b9c7}
#contents .quick_wrap > li:nth-child(4) > a .xi{color:#666}

#contents .lnb_wrap .gnb > li{ margin-top:0.5em; border:1px solid #ddd; border-radius:5px;}
#contents .lnb_wrap .gnb > li:first-child{ margin-top:0}
#contents .lnb_wrap .gnb > li .dp1{ display:block;border-radius:2px;padding:1em 2em 1em 1em; font-size:.813em; font-family:Tahoma, Arial, sans-serif; font-weight:600; background:#f5f5f5; color:#333; position:relative;}
#contents .lnb_wrap .gnb > li .dp1 > .xi{ font-size:1.25em; vertical-align:top; padding-right:3px}
#contents .lnb_wrap .gnb > li .dp1 > .xi.arrow{ position: absolute; right:1em; top:50%; margin-top:-0.5em;}
#contents .lnb_wrap .gnb > li .dp2{ border-top:none; border-radius:0 0 5px 5px; padding:0.5em; display:none; border-top:1px solid #ddd}
#contents .lnb_wrap .gnb > li .dp2 > li > a{ display:block; font-size:.813em; padding:0.75em; border-radius:5px; color:#666; border:1px solid #ddd; margin-top:3px; position:relative}
#contents .lnb_wrap .gnb > li .dp2 > li:first-child > a{ margin-top:0}
#contents .lnb_wrap .gnb > li .dp2 > li > a .xi{ font-size:1.2em; vertical-align:top; padding-right:3px}
#contents .lnb_wrap .gnb > li .dp2 > li > a .xi.arrow{ position:absolute; right:0.1em; top:50%; margin-top:-0.5em; display:none}
#contents .lnb_wrap .gnb > li:hover .dp1{ background:#ddd}
#contents .lnb_wrap .gnb > li.on{ border-color:#29323d}
#contents .lnb_wrap .gnb > li.on .dp1{ background:#29323d; color:#fff;}
#contents .lnb_wrap .gnb > li.on .dp2{ display:block;}
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a{ background:#f5f5f5}
#contents .lnb_wrap .gnb > li .dp2 > li.on > a{ border-color:#ddd; color:#333; font-weight:600;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#contents .lnb_wrap .gnb > li .dp2 > li.on > a .xi.arrow{ display:block}

#contents .sub_tit_wrap { border-bottom:1px dashed #aaa}
#contents .sub_tit_wrap .sub_tit{ float:left; font-size:1.125em; padding:0.5em 0; color:#111}
#contents .sub_tit_wrap .sub_tit .xi{ font-size:1.25em; vertical-align:top; padding-right:3px}
#contents .sub_tit_wrap .sub_nav{ float:right; margin-top:0.75em}
#contents .sub_tit_wrap .sub_nav > li{ display:inline-block; *display:inline; zoom:1; font-size:.75em; color:#666;}
#contents .sub_tit_wrap .sub_nav > li.this strong{ color:#333; font-weight:600}

#contents .doc{ padding:1em 0; font-size:.75em}
.doc_fs{ font-size:.75em}

/**/
.main_column{ margin-top:1%; overflow:hidden;}
.main_column .left { float:left; width:50%;}
.main_column .right{ float:left; width:50%;}
.main_column .right .list_st{ margin-left:0.8em;}

.list_st.sec3{ margin-top:1%; overflow:auto}
.list_st:first-child{ margin-top:0}
.list_st{ position:relative}
.list_st .list_tit{ display:inline-block; *display:inline; zoom:1; background:#666; color:#fff; border-radius:5px 5px 0 0; padding:0 2em; line-height:2.5em; font-size:.813em; font-weight:600; margin-bottom:-1px}
.list_st .today_tit{ padding:0.5em 0;}
.list_st .more{ position:absolute; z-index:inherit; right:0; top:0; border:1px solid #bbb; border-bottom:none; width:2.5em; line-height:2.5em; text-align:center; border-radius:5px 5px 0 0}
.list_st .more:hover{ background:#f5f5f5}
.list_st .list_wrap{ position:relative; background:#fff;}
.list_st .list_wrap .list{height:9em; overflow:auto; padding:1em; border:1px solid #bbb; border-radius:0 0 5px 5px}
.list_st .list_wrap .list.h1{height:7.5em}
.list_st .list_wrap .list.h2{height:15em}
.list_st .list_wrap .list.h3{height:20em}
.list_st .list_wrap .list li{ font-size:.813em; border-top:1px dashed #ddd; padding:0.4em 4em 0.4em 1.5em; line-height:1.2em; position:relative;}
.list_st .list_wrap .list li:first-child{ border-top:none}
.list_st .list_wrap .list li a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list_st .list_wrap .list li a,
.list_st .list_wrap .list li span{ vertical-align:middle}
.list_st .list_wrap .list li a:hover{ text-decoration:underline}
.list_st .list_wrap .list li.nocon{ line-height:10em; text-align:center; color:#999}
.list_st .list_wrap .list.h1 li.nocon{ line-height:7em}
.list_st .list_wrap .list.h3 li.nocon{ line-height:20em}
.list_st .list_wrap .list li .xi{ position:absolute; top:0.3em; left:0; font-size:1.25em}
.list_st .list_wrap .list li button{ font-size:0.9em; line-height:1.2em; margin-left:5px;}
.list_st .list_wrap .list li span.emo{ display:inline-block; *display:inline; zoom:1; font-weight:600; width:80px}
.list_st .list_wrap .list li span.date{ position:absolute; top:0.45em; right:0; color:#777; font-size:.875em;}
.list_st .map_wrap{ position:relative; overflow:auto; padding:1em; border:1px solid #bbb; border-radius:0 0 5px 5px; background:#fff;}
.list_st .map_wrap .tab_st{ margin-bottom:1em;}
.list_st .map_wrap .map_in iframe{ width:100%;}

.emo5{ color:#CC0000}
.emo4{ color: #FF6600}
.emo3{ color: #009933}
.emo2{ color: #0099CC}
.emo1{ color: #0033CC}

.tab_st > li{ display:inline-block; *display:inline; zoom:1;}
.tab_st > li > a{ display:block; padding:0.3em 1em; font-size:.813em; border:1px solid #ccc; border-radius:2em; font-weight:600}
.tab_st > li > a .xi{ font-size:1.125em; vertical-align:top}
.tab_st > li:hover > a,
.tab_st > li.on > a{ background:#333; border-color:#333; color:#fff;}
.sub_pop .tab_st{ font-size:1.375em;}

.btn_st{ vertical-align:middle; background:#fff; padding:0 0.5em; border:1px solid #ccc; border-radius:3px}
.btn_st .xi{ font-size:1.25em; padding-right:3px; vertical-align:top}
.btn_st:hover{ background:#f5f5f5}

.box_wrap{}
.box_wrap.left{ float:left; width:15%}
.box_wrap.right{ float:left; width:85%}
.box_wrap.right2{ float:left; width:42.5%}

.box_wrap .box_st{background:#fff; border:1px solid #ddd; border-top:2px solid #999; border-radius:0 0 5px 5px; box-shadow:1px 1px 1px #ccc; padding:0.5em; overflow:auto;}
.box_wrap .box_st2{ background:#222; border-radius:5px}
.box_wrap.right .box_st{ margin-left:0.5em; padding:0.5em 1em}
.box_wrap.right2 .box_st{ margin-left:0.5em; padding:0.5em}
.box_wrap.right .box_st .inner{ padding-bottom:0.5em;}

/**/
.page_sec{ margin-top:1em}
.page_sec2{ margin-top:.5em}
.page_sec3{ margin-top:70px}
.page_sec4{ margin-top:2em}

.page_btn_wrap{ text-align:center; margin-top:1em; overflow:hidden}
.page_btn_wrap .left{ float:left}
.page_btn_wrap .right{ float:right}
.sub_pop .page_btn_wrap{ margin-top:20px;}

.table_research{ table-layout:fixed;border-collapse:collapse; }
.table_research.size{ font-size:.75rem}
.table_research td{ padding:.1em 0;  color:#333; border-radius:3px; word-break: break-all; line-height:23px}

.fs{ font-size:.75em}
.table_st{ table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.table_st.size{ font-size:.75rem}
.table_st th{ padding:.7em 0; border:1px solid #ccc; background:#f1f1f1; color:#111;}
.table_st td{ padding:.4em 0; border:1px solid #ddd; color:#333; text-align:center; word-break: break-all;/* line-height:23px*/}
.table_st a{ text-decoration:underline; color:#666;word-break: break-all;}
.table_st .st1 td,
.table_st .st1 td a{ color:#0f7e0f}
.table_st .st2 td,
.table_st .st2 td a{ color:#0057b8}
.table_st .st3 td,
.table_st .st3 td a{ color:#ff0000}
.table_st td a.link1{ color:#ff2020}
.table_st tr:hover td{ background:#f9f9f9}
.table_st.row th{ padding:.5em .5em; border-radius:0}
.table_st.row td{ padding:.5em .5em; border-radius:0; text-align:left}
.table_st.row tr:hover td{ background:none}
.table_st.col th{ padding:.5em .5em; border-radius:0}
.table_st.col td{ padding:.5em .5em; border-radius:0}

.table_st.total th,
.table_st.total td{ background:#f1f2fa; border:1px solid #bbb; font-weight:600;}
.table_st.total tr:hover th,
.table_st.total tr:hover td{ background:#f1f2fa;}

.td_text{padding:6px 0}

.link_st{ cursor:pointer; text-decoration:underline}
.link_st .xi{ vertical-align:middle}
.link_st.asc .xi:before,
.link_st.desc .xi:before{content: "\e936"; color: #FF0000}
.link_st.desc .xi{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);}
  
.col_list{ display:table; width:100%;}
.col_list > li{ display:table-cell; padding:.4em 0; border-left:1px solid #ddd;}
.col_list > li:first-child{ border-left:none;}

/**/
.board_gallery{}
.gallery_wrap{ margin:0 0 -15px -15px; *zoom:1;}
.gallery_wrap:after{ content:""; display:block; clear:both;}
.gallery_wrap > li{ float:left; width:20%;}
.board_gallery.type1 .gallery_wrap > li{ width:25%;}
.board_gallery.type2 .gallery_wrap > li{ width:16.6666%;}
.gallery_wrap .list{ margin:0 0 15px 15px; border:1px solid #ccc;}
.gallery_wrap .list .img_wrap{ margin:5px; margin-bottom:0; overflow:hidden; cursor:pointer;}
.gallery_wrap .list .txt_wrap{ padding:10px 15px;}
.gallery_wrap .list .txt_wrap .tit{ font-size:1.063em; font-weight:700;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */
}
.gallery_wrap .list .txt_wrap .date{ padding-top:5px; font-size:.938em; color:#777;}
.gallery_wrap .list .img_wrap:hover img{ transform:scale(1.1,1.1); transition:0.3s ease;}
.board_gallery.type2 .gallery_wrap .list .txt_wrap{ cursor:pointer;}
.board_gallery.type2 .gallery_wrap .list .txt_wrap:hover .tit{ color:#154194;}

/**/
.board_paging{ text-align:center; margin-top:20px;}
.board_paging button{ vertical-align:top; width:25px; height:25px; line-height:25px; border:1px solid #ddd; background:#fff; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif}
.board_paging button:hover,
.board_paging button.on{ background:#444; color:#fff}
.board_paging button.icon{ background:#f1f1f1;}
.board_paging button.icon:hover{ background:#aaa}

/**/
.label_st{display:inline-block; *display:inline; zoom:1;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ padding-left:3px}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ccc; box-sizing:border-box; font-size:inherit; max-width:100%; margin:1px}
input[type=text].input_st,
input[type=password].input_st,
input[type=tel].input_st{line-height:1; height:23px; padding:0 2px}
input[type=file].input_st{ background:none; border:none}
textarea.input_st{ width:100%; height:100px}
select.input_st{ height:23px;}
input[type=button].input_st,
input[type=submit].input_st,
button.input_st{border-radius:3px; line-height:1; height:23px; background-repeat:no-repeat;background-position:10px center; font-weight:600; padding:0 1em}
button.input_st .xi{ font-size:1.313em; vertical-align: text-top}
input[type=button].input_st.s1,
input[type=submit].input_st.s1{line-height:1; height:20px; padding:0 .5em; font-size:.938em}
.input_st.white{ background:#fff; border:1px solid #aaa; color:#666;}
.input_st.darkgray{ background:#555; border:1px solid #555; color:#fff}
.input_st.black{ background:#111; border:1px solid #111; color:#fff}
.input_st.gray{ background:#eee; border:1px solid #aaa; color:#666;}
.input_st.red{ background:#f92d2d; border:1px solid #f92d2d; color:#fff;}
.input_st.orange{ background:#ff8106; border:1px solid #ff8106; color:#fff;}
.input_st.yellow{ background:#efaf00; border:1px solid #efaf00; color:#fff;}
.input_st.yellowgreen{ background:#74bd0b; border:1px solid #74bd0b; color:#fff;}
.input_st.green{ background:#1a9e23; border:1px solid #1a9e23; color:#fff;}
.input_st.greenblue{ background:#048c74; border:1px solid #048c74; color:#fff;}
.input_st.skyblue{ background:#0b99ce; border:1px solid #0b99ce; color:#fff;}
.input_st.blue{ background:#2a57be; border:1px solid #2a57be; color:#fff;}
.input_st.navy{ background:#001c5a; border:1px solid #001c5a; color:#fff;}
.input_st.violet{ background:#6c24ce; border:1px solid #6c24ce; color:#fff;}
.input_st.pink{ background:#db3abf; border:1px solid #db3abf; color:#fff;}

.w_no{ width:40px}
.w_code{ width:120px}
.w_date{ width:80px}
.w_name{ width:100px}
.w_nameeng{ width:150px}
.w_tit{ width:auto}
.w_tit2{ width:100px}
.w_count{ width:30px}
.w_count2{ width:50px}
.w_state{ width:60px}
.w_btn{ width:65px}
.w_note{ width:70px}
.w_tel{ width:100px}
.w_check{ width:100px}
.w_userid{ width:170px}
.w_auto{ width:auto}

.w_row_th{ width:15%}
.w_row_th2{ width:10%}
.w_row_th3{ width:10%}
.w_row_td{ width:35%}
.w_row_td2{ width:20%}
.w_row_td3{ width:23%}
.w_row_td4{ width:33%}

.iw_0{ width:30px}
.iw_1{ width:40px}
select.iw_1{ width:60px}
.iw_2{ width:80px}
.iw_3{ width:150px}
.iw_4{ width:50%}
.iw_5{ width:97%}
.iw_6{ width:80%}
.iw_7{ width:63%}
.iw_8{ width:72%}
.iw_9{ width:30%}
.iw_10{ width:39%}
.iw_search{ width:200px}
.iw_select{width:100px;}
.iw_birth{width:70px}

.tw_1{ width:13.5%;}
.tw_auto{ width:auto;}

.input_st.textarea_h1{ height:150px}
.input_st.textarea_h2{ height:200px}

.w_research{ width:500px; max-width:100%}
.w_research2{ width:150px; max-width:50%}
.w_research_area{ width:100%; height:50px}
.w_scroll{ padding-right:1px;}

/**/
.calendar .calendar_tit{ text-align:center;padding:1em 0; text-align:center; position:relative}
.calendar .calendar_tit .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:2em; height:2em; border-radius:2em; border:1px solid #333; background:#333; margin:0 2em}
.calendar .calendar_tit .input_st{ position:absolute; right:0; top:1.5em}
.calendar .calendar_tit .btn .xi{ line-height:1.6em; font-size:1.25em; color:#fff}
.calendar .calendar_tit .btn:hover{ background:#666; border-color:transparent}
.calendar .calendar_tit .btn:hover .xi{ color:#fff}
.calendar .calendar_tit .month{ vertical-align:middle; font-size:1.750em; letter-spacing:-1px;}
.calendar .calendar_table{ table-layout:fixed;border-collapse:collapse;}
.calendar .calendar_table th,
.calendar .calendar_table td{ border:1px solid #ddd;}
.calendar .calendar_table th{ border-top:2px solid #666; padding:.7em 0}
.calendar .calendar_table th:first-child{ border-left:none;}
.calendar .calendar_table td{ height:7em; vertical-align:top; padding:.2em; color:#666; position: relative;}
.calendar .calendar_table .sun{ color:#FF0000}
.calendar .calendar_table .sat{ color: #3366CC}
.calendar .calendar_table .date{ display:block}
.calendar .calendar_table .today{ background: #f1f1f1}
.calendar .calendar_table .time{ text-align:center; vertical-align:middle; font-weight:600;}
.calendar .calendar_table.type1 th{ background:#f9f9f9;}
.calendar .calendar_table.type1 td{ height:auto; padding:.7em;}
.calendar .calendar_table.type1 tbody .time{ position:relative; border:0; color:#000;}
.calendar .calendar_table.type1 tbody .time .tt{ position:absolute; top:2.1em; left:0; width:100%;}

.calendar .list > li{ position:relative;}
.calendar .list > li .dot{ position:absolute; z-index:inherit; left:0; top:50%; margin-top:-.25em; width:.5em; height:.5em; border-radius:1em}
.calendar .list > li .tt{ display:block; padding-left:.6em; padding-right:.3em; color:#999; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.calendar .list > li.c1 .dot{ background: #FF0000}
.calendar .list > li.c2 .dot{ background: #FF9900}
.calendar .list > li.c3 .dot{ background: #339933}
.calendar .list > li.c4 .dot{ background: #3366CC}
.calendar .list > li.c5 .dot{ background: #663399}
.calendar .list.top{ text-align:right; background:#f9f9f9; border-top:1px solid #ddd}
.calendar .list.top > li{ display:inline-block; *display:inline; zoom:1; padding:.5em; font-weight:600}
.calendar .list > li a{ color:#666}
.calendar .list > li.c1 a:hover{ color:#FF0000}
.calendar .list > li.c2 a:hover{ color:#FF9900}
.calendar .list > li.c3 a:hover{ color:#339933}
.calendar .list > li.c4 a:hover{ color:#3366CC}

.calendar .list_wrap{ position:absolute; z-index:101; top:-1px; left:-1px; right:-1px; background:#eee; border:1px solid #aaa; overflow:hidden;}
.calendar .list_wrap:hover{ border-color:#3366CC;}
.calendar .calendar_table .con{ position:relative;}
.calendar .calendar_table .con .list{ width:95%;}
.calendar .calendar_table .con .list > li{ margin-left:10px;}

.schedule_table{ table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.schedule_table th,
.schedule_table td{ padding:0; border:1px solid #bbb; text-align:center; vertical-align:top;}
.schedule_table th{ border-top:2px solid #666; padding:.7em 0}
.schedule_table th:first-child,
.schedule_table td:first-child{ border-left:none;}
.schedule_table tbody td{ cursor:pointer;}
.schedule_table .tdhv:hover{ background:#fbfbfb;}
.schedule_table tbody td:first-child:hover{ background:transparent; cursor:default;}
.schedule_table .sun{ color:#FF0000}
.schedule_table .sat{ color: #3366CC}
.schedule_table .schedule{ display:table; width:100%;}
.schedule_table .time_list{ display:table-cell;}
.schedule_table .time_list > dt,
.schedule_table .time_list .tm_con > li{ height:2em; line-height:2em;}
.schedule_table .time_list > dt{ background:#f5f5f5; border:1px solid #ccc; border-right:none; border-top:none;}
.schedule_table .time_list .tm_con > li{ border:1px solid #e5e5e5; border-right:none; border-bottom:none;}
.schedule_table .time_list .tm_con > li:first-child{ border-top:none;}
.schedule_table .time_list:first-child > dt,
.schedule_table .time_list:first-child .tm_con > li{ border-left:none;}
.schedule_table .time_list .tm_con > li{ position:relative;}
.schedule_table .time_list .tm_con > li .bg{ position:absolute; z-index:101; top:0; left:0; width:100%; background:#2A92CA;}
.schedule_table .time_list.type1 > dd{ position:relative;}
.schedule_table .time_list.type1 .tm_con{ position:absolute; top:1em; left:0; width:100%;}
.schedule_table .time_list.type1 .tm_con > li{ border-color:transparent; background:#fff; font-weight:700;}
.schedule_table .time_list.type2 > dd{ position:relative; width:100%;}
.schedule_table .time_list.type2 > dd .cBg_wrap{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.schedule_table .time_list.type2 > dd .cBg{ position:absolute;}
.schedule_table .time_list.type2 > dd .cBg:before{ content:""; position:absolute; top:3px; bottom:3px; left:3px; right:3px; background:#066cca; border-radius:2px;}
.schedule_table .time_list.type2 > dd .cBg:hover:before{ border:1px solid #11226a; opacity:.5;}
.schedule_table .time_list.type2 > dd .cBg.posW1_1{ width:100%; left:0;}
.schedule_table .time_list.type2 > dd .cBg.posW2_1{ width:50%; left:0;}
.schedule_table .time_list.type2 > dd .cBg.posW2_2{ width:50%; left:50%;}
.schedule_table .time_list.type2 > dd .cBg.posW3_1{ width:33.33%; left:0;}
.schedule_table .time_list.type2 > dd .cBg.posW3_2{ width:33.33%; left:33.33%;}
.schedule_table .time_list.type2 > dd .cBg.posW3_3{ width:33.33%; left:66.66%;}
.schedule_table .time_list.type2 > dd .cBg.posH_1{ height:25px;}
.schedule_table .time_list.type2 > dd .cBg.posH_2{ height:50px;}
.schedule_table .time_list.type2 > dd .cBg.posH_3{ height:75px;}
.schedule_table .time_list.type2 > dd .cBg.posH_4{ height:100px;}
.schedule_table .time_list.type2 > dd .cBg.posH_5{ height:125px;}
.schedule_table .time_list.type2 > dd .cBg.posH_6{ height:150px;}
.schedule_table .time_list.type2 > dd .cBg.posH_7{ height:175px;}
.schedule_table .time_list.type2 > dd .cBg.posH_8{ height:200px;}
.schedule_table .time_list.type2 > dd .cBg.posH_9{ height:225px;}
.schedule_table .time_list.type2 > dd .cBg.posH_10{ height:250px;}
.schedule_table .time_list.type2 > dd .cBg.posH_11{ height:275px;}
.schedule_table .time_list.type2 > dd .cBg.posH_12{ height:300px;}
.schedule_table .time_list.type2 > dd .cBg.posH_13{ height:325px;}
.schedule_table .time_list.type2 > dd .cBg.posH_14{ height:350px;}
.schedule_table .time_list.type2 > dd .cBg.posH_15{ height:375px;}
.schedule_table .time_list.type2 > dd .cBg.posH_16{ height:400px;}
.schedule_table .time_list.type2 > dd .cBg.posH_17{ height:425px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_07{ top:25px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_08{ top:50px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_09{ top:75px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_10{ top:100px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_11{ top:125px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_12{ top:150px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_13{ top:175px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_14{ top:200px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_15{ top:225px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_16{ top:250px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_17{ top:275px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_18{ top:300px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_19{ top:325px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_20{ top:350px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_21{ top:375px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_22{ top:400px;}
.schedule_table .time_list.type2 > dd .cBg.posTime_23{ top:425px;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(1):before{ background:#43a9f8;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(2):before{ background:#066cca;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(3):before{ background:#043ac3;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(4):before{ background:#11226a;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(5):before{ background:#00b9bb;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(6):before{ background:#0cd3d1;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(7):before{ background:#2ff3be;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(8):before{ background:#00666f;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(9):before{ background:#03b46f;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(10):before{ background:#5e5ef1;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(11):before{ background:#472bf3;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(12):before{ background:#3104c2;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(13):before{ background:#6b04c2;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(14):before{ background:#9623f8;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(15):before{ background:#c941f6;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(16):before{ background:#ff3289;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(17):before{ background:#cc0056;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(18):before{ background:#94003e;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(19):before{ background:#ff4a6c;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(20):before{ background:#ff612a;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(21):before{ background:#e52b00;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(22):before{ background:#751600;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(23):before{ background:#ff9600;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(24):before{ background:#7e4a00;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(25):before{ background:#ffde00;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(26):before{ background:#c0e200;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(27):before{ background:#74c600;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(28):before{ background:#42b000;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(29):before{ background:#2d7700;}
.schedule_table .time_list.type2 > dd .cBg:nth-child(30):before{ background:#074d00;}

.tooltip{position: fixed; z-index: inherit; width:auto; height:auto; border-radius:5px;  z-index:1; padding:1em; border:1px solid #aaa; box-shadow:1px 1px 3px #ccc; color:#333; display:none;
background: #eeeeee; text-align:left; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.tooltipbtn{cursor:pointer;}
.tooltipbtn:hover .tooltip{ display:block;}
.tooltipbtn.tootippop .tooltip{ display:none;}
.tooltipbtn .nobr{ white-space:nowrap}
.tooltipbtn .size{ width:300px; max-width:100%}
.tooltipbtn .inner{ margin-top:10px}

.tootippop{ display:inline-block}
.tootippop.on .tooltip,
.tootippop.on:hover .tooltip{ display:block}
.tootippop .menu > li{ cursor:pointer; margin:.5em; padding:.2em 1em .2em .5em; border-radius:3px; font-weight:600; font-size:.938em;}
.tootippop .menu > li:hover{ background:#333; color:#fff; border-color:transparent}

.messenger_tit{ padding:0 40px; border-bottom:1px solid #ddd; position:fixed; left:0; top:0; width:100%; line-height:30px; font-weight:600; color:#111; text-align:center; font-size:1.125em; background:#fff; box-shadow:1px 1px 5px #ccc; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box}
.messenger_tit .btn_user{ position:absolute; right:0; top:0; width:35px; height:30px; background:#f1f1f1; font-size:1.25em; color:#666; border:none; border-left:1px solid #ddd; text-align:center}
.messenger_view{ padding:40px 20px 100px 15px;}
.messenger_view .view_box{ margin-top:10px}
.messenger_view .view_box .info{}
.messenger_view .view_box .info .name{ font-weight:600}
.messenger_view .view_box .info .type{ font-weight:600; color:#0066CC}
.messenger_view .view_box .info .date{ font-size:.938em; color:#999}
.messenger_view .view_box .message{ display:inline-block; *display:inline; zoom:1; padding:5px; border:1px solid #ddd; background:#f5f5f5; border-radius:5px; margin-top:5px; word-break: break-all;word-wrap: break-word; font-size:.938em; text-align:left}

.
.messenger_view .view_box.my{ text-align:right}
.messenger_view .view_box.my .message{ background:#fcfad9; border-color:#eee18a}

.messenger_send{ border-top:1px solid #ccc; position:fixed; left:0; bottom:0; width:100%; background:#fff}
.messenger_send .text{ width:76%; height:70px; padding:10px 22% 10px 2%; border:none}
.messenger_send .btn{ position:absolute; right:7%; top:10px; height:70px; width:15%; border:1px solid #ddd; background:#fff; color:#666}
.messenger_send .btn:hover{ box-shadow:0 0 5px #ccc; color:#111}

/**/
.sub_pop{ font-size:.75em;}
.pop_tit{ background:#333; color:#fff; padding:.5em; text-align:center; font-size:1.25em; font-weight:600}

.tt_st1{ font-weight:600; text-decoration:underline; font-style:italic}

.search_wrap{ padding:1em; border:1px solid #ddd; border-radius:3px; margin-bottom:.5em}
.search_wrap .search_con .tit{ font-weight:600; display:inline-block; *display:inline; zoom:1; vertical-align:middle; min-width:70px}

.page_total .total{ line-height:25px; float:left; color:#000; font-weight:600}
.page_total .total .xi{ font-size:1.75em; vertical-align:middle; color:#000; margin-right:-2px}
.page_total .total strong{ color:#ff0000}
.page_total .btn{ float:right}

.page_tit{font-size:1.125em;padding:0 0 5px 0;}
.page_tit2{font-size:1.125em;padding:0 0 5px 0; background:#666; color:#fff; margin-top:10px; padding:5px 10px}
.page_tit2 .xi{ font-size:1.125em; vertical-align: text-bottom; padding-right:3px}
.page_tit3{ font-size:1.125em; background:#f9f9f9; border-top:1px solid #ddd; padding:.7em;}
.page_tit3 .xi{ font-size:1.188em; vertical-align: text-bottom; padding-right:3px}
.today_tit{ padding-bottom:0.3em; font-size:1.750em; font-weight:700; text-align:center;}

.page_tit_wrap{}
.page_tit_wrap .page_tit{ float:left; padding-bottom:0; line-height:25px;}
.page_tit_wrap .btn{ float:right}

.page_note{ padding:1em; border:1px solid #ddd; border-radius:5px; line-height:1.3;}
.page_image{ padding:.5em; border:1px solid #ccc; border-radius:5px; box-shadow:2px 2px 6px rgba(0,0,0,.15);}

.sel_tr{ background:#eeeeee !important; }
.sel_tr:hover td{ background:#eeeeee !important; }

.sign_img{border:1px solid #ddd;display:inline-block;}

.ess{ font-weight:600; color:#FF0000}
.ess_tit{ display:block; text-align:right; margin:10px 0 -5px 0}

/*map*/
#map{ border:1px solid #aaa; border-radius:5px; box-shadow:0 3px 5px rgba(0,0,0,.15);}

.page_mapIcon{ padding:10px 15px; background:#f7f7f7; border:1px solid #ddd; border-radius:5px; text-align:left;}
.page_mapIcon .list{}
.page_mapIcon .list > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:.25em .5em; cursor:pointer; border:1px solid transparent; border-radius:5px;width:18%;}
.page_mapIcon .list > li span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 3px; color:#333; font-weight:700;}
.page_mapIcon .list > li.on{ background:#ddd; border-color:#ccc}
.page_mapIcon .list > li .inp{ width:0;height:0}

.map_info{ width:250px; height:230px; overflow:hidden; overflow-y:auto;}
.map_info .info_w{ padding:15px 15px;}
.map_info .info_w .title{ margin-bottom:10px; font-size:1.125em; color:#154194; font-weight:700;}
.map_info .info_w .txt{ position:relative; padding:3px 0 3px 65px; border-bottom:1px dashed #ddd;}
.map_info .info_w .t1{ display:block; position:absolute; top:3px; left:0; height:100%; line-height:20px; color:#999; font-weight:700;}
.map_info .info_w .t2{ display:block; min-height:20px; line-height:20px;}
.map_info .map_btn_wrap{ margin-top:10px; text-align:right;}
.map_info .map_btn{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:4px 10px; background:#019cbb; border:none; border-radius:3px; font-size:.938em; color:#fff; font-weight:700; cursor:pointer;}
.map_info .map_btn:hover{ background:#008da9;}
.map_info .map_btn_green{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:4px 10px; background:#1a9e23; border:none; border-radius:3px; font-size:.938em; color:#fff; font-weight:700; cursor:pointer;}
.map_info .map_btn_green:hover{ background:#006400;}

.map_info .map_btn_basic{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:4px 10px; background:#fff; border:1px solid #000; border-radius:3px; font-size:.938em; color:#000; font-weight:700; cursor:pointer;}
.map_info .map_btn_red{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:4px 10px; background:red; border:1px solid #000; border-radius:3px; font-size:.938em; color:#fff; font-weight:700; cursor:pointer;}
.map_info .map_btn_green{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:4px 10px; background:green; border:1px solid #000; border-radius:3px; font-size:.938em; color:#fff; font-weight:700; cursor:pointer;}
.map_info .map_btn_blue{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:4px 10px; background:blue; border:1px solid #000; border-radius:3px; font-size:.938em; color:#fff; font-weight:700; cursor:pointer;}
.map_info .map_btn_yellow{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:4px 10px; background:yellow; border:1px solid #000; border-radius:3px; font-size:.938em; color:#000; font-weight:700; cursor:pointer;}

.riskbg_red{ background:red !important;color:#fff !important;}
.riskbg_red:hover{ background:red !important;color:#fff !important;}
.riskbg_green{ background:green !important;color:#fff !important;}
.riskbg_green:hover{ background:green !important;color:#fff !important;}
.riskbg_yellow{ background:yellow !important;color:#000 !important;}
.riskbg_yellow:hover{ background:yellow !important;color:#000 !important;}

.map_wrap {position:relative;overflow:hidden;}
.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:16px;right:100px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '¸¼Àº °íµñ', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:16px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}      


.custom_typecontrol2 {position:absolute;top:55px;right:100px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '¸¼Àº °íµñ', sans-serif;}
.custom_typecontrol2 span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol2 .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol2 .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol2 .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol2 .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol2 .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol2 {position:absolute;top:55px;right:35px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol2 span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol2 span img {width:15px;height:15px;padding:12px 0;border:none;}             
.custom_zoomcontrol2 span:first-child{border-bottom:1px solid #bfbfbf;}