@charset "utf-8";

/*공통*/
.wrap {position: relative; width:100%; margin:0 auto}
.wrapper{ width: 1440px; max-width: calc(100% - 60px); margin-left: auto !important; margin-right: auto !important; }
/* .wrapper{ width: 1280px; max-width: calc(100% - 60px); margin-left: auto !important; margin-right: auto !important; } */
/* .n_wrapper{  width: 1835px; max-width: calc(100% - 5px);  margin-left: auto !important;  margin-right: auto !important;} */
.container{ box-sizing:border-box;}
.container:after { display: block; clear: both; content: ''; }
#content { position: relative; min-height: calc(100vh - 15.3rem);padding:30px 0}
#content:after { display: block; clear: both; content: ''; }
#main .container { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; }

/*챗봇 서비스 분야*/
.word_select { text-align: center; padding: .65rem 1rem; margin-bottom: 10px; }
.word_select button { display: inline-block; vertical-align: middle; font-size: 16px; color: #333; font-weight: 600; height: 38px; padding: 5px 15px; background: #f6f6f6; color:#222; border-radius: 50%; }
.word_select button + button { margin-left: 10px; }
.word_select button.all { font-size: 0.8rem; }
.word_select button.active { background: #090909; color: #fff; border-radius: 20px; }
.service_list{ display:inline-block; width:100%}
.service_list button { float: left; width: calc(19.2% - 10px); margin: 10px 0 0 10px; border-radius: 10px; border: 1px solid #929292; font-weight: 400; color: #222; height: 75px; text-align: center; word-break: keep-all; }
.service_list button.active { background: #326DF5; color:#fff; }

.fold_wrap { border-top: 1px solid #2b2b2b; }
.fold_wrap .box > button { display: block; width: 100%; text-align: left; border-bottom: 1px solid #828282; padding: 10px 15px; font-size: 16px; font-weight: 600; color:#022222}
.fold_wrap .box .cont {padding: 20px 30px; /* visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0;*/  -webkit-transition: padding .2s; transition: padding .2s; background: #f9f9f9; border-bottom: 1px solid #eee;}
.fold_wrap .box.active .cont { border-bottom: 1px solid #28303D; padding: 1rem .85rem; visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }
.fold_wrap .box > button:after{ content:""; display:inline-block; position: absolute; width:36px; height:20px; background:url(../../../images/ips/cmmn/folding_m.png) 0 2px no-repeat; background-size:16px; right:0; }
.fold_wrap .box > button:hover:after{ background:url(../../../images/ips/cmmn/folding_p.png) 0 4px no-repeat; background-size:16px; right:0;}
.fold_wrap .box .cont span{ color:#0c4de2; font-weight:600}
.fold_wrap .box .cont span:before{  content:'※'; display:inline-block; padding-right:5px}
.fold_wrap .box .cont span:after{ content:':'; padding:0 5px; display:inline-block}
.fold_wrap .box .cont .tit{ font-weight:600; color:#000; padding:0 0 6px 0}

/*알림서비스 소개*/
.notice_info { width: 100%;  text-align: center; }
.notice_info li { display: inline-block;  border-radius: 10px;  padding: 20px; text-align: center;  width: 23%;  margin-left: 10px}
.notice_info li div { width: 100%;  color: #222;     line-height: 26px; font-size: 16px}
.notice_info li .num { color: #152a8b; font-weight: 600;  }
.notice_info li .txt_b { font-weight: 600;  font-size: 18px;  }
.notice_info li { background-color: #f8f8f8; }
.notice_info li:first-child { margin-left:0}
.notice_info li img { width: 100px;}
.app_re{ float:left}
.app_re li{ height:43px; border:1px solid #ddd; border-radius:50px; text-align:left; padding:6px 5px 0 15px; float: left; width: calc(19.2% - 4px); margin:9px 0 0 10px; }
.app_re li span{ line-height:20px}
.app_re img{ width:29px;margin: 0 6px 3px 0}

/*챗봇 서비스 소개*/
.service_info{ width:100%; }
.service_info li{ display:inline-block; border-radius:10px;  padding:20px; text-align:center; width:23%; margin-left:25px}
.service_info li div{ width:100%; padding-top:125px; color:#222; line-height:26px; font-size:16px}
.service_info li .num{ color:#152a8b; font-weight:600; }
.service_info li .txt_b { font-weight:600; font-size:18px;}
.service_info li:nth-child(1) { background:url(../../../images/ips/cmmn/service_info_01.png) center 30px no-repeat; background-size:100px; background-color:#f8f8f8; margin-left:0}
.service_info li:nth-child(2) { background:url(../../../images/ips/cmmn/service_info_02.png) center 30px no-repeat; background-size:100px; background-color:#f8f8f8; }
.service_info li:nth-child(3) { background:url(../../../images/ips/cmmn/service_info_03.png) center 30px no-repeat; background-size:100px; background-color:#f8f8f8; }
.service_info li:nth-child(4) { background:url(../../../images/ips/cmmn/service_info_04.png) center 30px no-repeat; background-size:100px; background-color:#f8f8f8; }
.function_wrap{ width:100%}
.function_wrap div{border: 1px solid #213491; border-radius: 150px; background: #fff; padding: 40px; width: 45%; display: inline-block; height:250px; line-height:20px; }
.function_wrap div p{ float:left; width:18%; padding-top:50px; text-align:center; color:#213491; font-size:18px;word-break:keep-all}
.function_wrap div p span{word-break:keep-all}
.function_wrap div .function_r{ padding-left:20px; width:27%}
.function_wrap div ul{ float:left; width:70%; padding-left:20px; }
.function_wrap div ul li:nth-child(1){ font-weight:600; color:#222; padding-bottom:10px}
.function_wrap div ul li{color:#767676; word-break:keep-all }
.function_wrap .icon{display: inline-block; position: absolute; left: 40%;}
.function_wrap div ul:last-child{ padding-top:15px}

/*알림설정*/
.user_guide{ border:2px solid #ddd; padding:10px 20px; vertical-align:middle; border-radius: 5px; width:100%; background:#f8f8f8; margin-top: 20px;}
.user_guide div{ display:inline-block; width: 83%;}
.user_guide div p{/*  padding: 2px 0; letter-spacing:-1px */line-height: 20px;}
.user_guide button{/*  background:#4e4e4e; border-radius:20px; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; padding: 0 15px; */ float:right; top: -2px;  position: relative;}
.user_guide button img{ width:24px}

.con_h{ width:50%; vertical-align:top; display:inline-block; padding-bottom:20px; float:left; font-size: 16px; font-weight:normal}
.con_h_end{ width:46%; float:right;  vertical-align:top; display:inline-block; font-size: 16px;font-weight:normal}
.app_list{ border-radius:10px; display:inline-block; width:100%; margin-bottom: 7px; border-left: 2px solid #e2e2e2; border-right: 2px solid #e2e2e2; border-bottom: 2px solid #e2e2e2;}
.app_list a{ display:inline-block}
.app_list thead{background: #3C68D0;color: #fff; line-height: 38px;}
.app_list thead th{font-weight:normal }
.app_list thead th:first-child{border-radius:7px 0 0 0 }
.app_list thead th:last-child{border-radius:0 7px 0 0 }
.app_list table td{padding:5px 10px; text-align:center}
.app_list table td:nth-child(2){ text-align:left}
.app_list .app_w1{ width:75px; text-align:right;  }
.app_list .app_w{ width:120px}
.app_list table img{ width:35px;}
.app_list_d span:first-child{ margin-right:5px}
.app_list label{color: #6e6e6e; font-weight: 600; display: inline-block; margin-top: 3px;margin-left: 29px; padding-left:2px; vertical-align:middle; word-break: keep-all;}
.app_list label span{color: #777; font-weight: normal; width: 100%; display: block; font-size: 14px;}
.con_h .tit, .con_h_end .tit{ font-size:17px; font-weight:600; color:#333;padding: 0 0 10px 0; display: block;width: 90%;}
.con_h ul{border-bottom:1px solid #e3e6e8; padding: 25px;}
.con_h ul:last-child{ border-bottom:none}
.con_h ul li{ display:inline-block; text-align:left; padding:15px 5px 15px 0; width: 24%;vertical-align: top;}
.con_h ul li img{ width:45px; height:45px; margin:0 0 0 10px;}
.con_h input[type="radio"]{width: 19px;  height: 19px;}
.con_h .app_list_d{ border:1px solid #e3e6e8; border-radius:10px; display:inline-block; width:100%; padding:25px; vertical-align:middle }
.con_h .app_list_d input[ type="radio"], .con_h .app_list_no input{ margin:0 5px 0 10px}
.con_h .app_list_d p:first-child{ width:65%; display:inline-block}
.con_h .app_list_d p:last-child{ width:35%; display:inline-block; float:right}
.con_h .app_list_no{ font-weight:normal; font-size:15px; padding:0 0 0 10px}
.con_h_end_r{ width: 54%; float: right; text-align: right; line-height: 35px; margin-top: 20px;}
.con_h_end_r span{ display: inline-block; font-size: 14px;}
.con_caption{ padding: 10px !important; border: 1px solid #e7e7e7 !important; background: #f8f8f8; border-radius: 7px; color:#6E6E6E}
.con_caption li{ color:#555; text-align:left;background:url(../../../images/ips/cmmn/go_caption.png) 0 8px no-repeat; display:inline-block; background-size: 14px; padding: 5px 0 0 19px !important; width:100% !important}
.dtl{  background: #fff; color: #666; border: 1px solid #ccc; float: right; padding: 2px 5px; font-size: 14px; margin-left: 10px; font-weight: normal; width: 55px;  border-radius: 5px; text-align: center;}
.dt2{ background:#3C68D0; color:#fff; border: 1px solid #3C68D0; float: right; padding:2px 5px; font-size:14px; margin-left:10px; font-weight:normal; width:55px;  text-align:center; border-radius: 5px;}
.all_check{ font-weight:normal; font-size:16px; color:#777; }
.all_check input[type="checkbox"]{ margin-bottom: 2px;}
.btn_w_r{ background:#fff; border:1px solid #c7c7c7; padding:0 10px; border-radius:7px; font-weight:normal; font-size:15px; line-height:30px; height:33px; position: relative;}
.btn_w_r a{ display:block; cursor:pointer}
.notice_list{ width:100%; max-height:1344px;  margin: 5px 0 5px 0; overflow-x: auto; display: inline-block}
.notice_list_l{width:76%; vertical-align:top; display:inline-block; }
.notice_list_r{ float:right; width:10%; vertical-align:top; display:inline-block;}
.notice_list ul{ vertical-align: top; border: 2px solid #e2e2e2; border-radius: 7px; margin: 5px 0 5px 0; padding-bottom: 7px; position:relative;}
.notice_list .tit{ background: #3C68D0; border-top: 1px solid #707070; text-align: center; color: #fff; font-weight: 600; font-size: 16px; padding: 0; width: 100%;  line-height: 38px; border-radius: 7px 7px 0 0;     font-weight: normal;}
/* .notice_list .tit span:last-child { margin-right:80px } */
.notice_list ul li{ color:#6c6c6c; text-align:left; padding:6px 10px; display:block; width:100%; }
.notice_list ul li .detail{visibility: hidden; display: none;}
.con_h_end input[ type="checkbox"]{ margin:-3px 1px 0 0; width:18px; height:18px; line-height:20px; font-size: 16px;}
.notice_list img{ width:14px; height:14px; margin-left:5px; margin-top:-3px; cursor: pointer; }
.btn_dtail{background: #3965CE; color: #fff; height: 45px; font-size: 16px; text-decoration: none; height: 45px; border: 1px solid #ddd; font-size: 16px; display: inline-block; min-width: 100px; padding: 10px 30px; margin: 10px 0; vertical-align: middle; transition: all 0.2s; border-radius: 5px;}

@media (max-width: 1493px) {
.notice_list{max-height:1341px;  }	
}
@media (max-width: 1286px) {
.notice_list{max-height:1362px;  }	
}
/*개인정보 처리방침 동의 약관*/
.useStplat_new {line-height:20px; text-align: left; border-bottom:1px solid #DDD; padding-bottom:5px }
.useStplat_con{width: 100%; background: #F4F5F9; border: 1px solid #E5E5E5; padding: 10px; margin-bottom: 5px;font-size: 14px;}
.useStplat_new .tit, .tit label, .tit input {font-size:16px; font-weight:600; padding:10px 0 5px 0; color:#333;     font-weight: normal;}
.useStplat_new table{display:table; width:100% ; font-size:14px; border-top:2px solid #666666; margin-top:10px; word-break: unset; }
.useStplat_new table tr{height:42px;}
.useStplat_new table th{background:#f0f2f4; padding:6px 3px; color:#333; border:1px solid #CCC;}
.useStplat_new table td{padding:8px 3px; border:1px solid #CCC; text-align:left; background:#fff}
.useStplat_new table .txt_b{ font-weight:600; text-decoration:underline; }
.useStplat_new p{font-size:14px;}
.useStplat_new_end{ border-top:1px dashed #333; text-align:center; font-size:16px; padding-top:10px;}
.useStplat_new_end input, .useStplat_new_end label{ font-size:16px}
.layer h2{ text-align:center; background:#323a68; color:#fff; font-size:24px !important; font-weight:normal; padding:10px 0; border:0 !important; line-height:26px }

/*챗봇_서비스 소개 테이블*/
.table_wrap table th { background: #fff; padding: 15px 0; }
.table_wrap table td { text-align: center; border-bottom: 1px solid #c1c1c1; padding: .85rem 0; }
.table_wrap_h, .table_wrap_h2 { border-top: 2px solid #000; width:50%; display: table-cell; }
.table_wrap_h table th, .table_wrap_h2 table th { background: #fff; padding: 15px 0; border-bottom:1px solid #c1c1c1 }
.table_wrap_h table td, .table_wrap_h2 table td { text-align: center; border-bottom: 1px solid #ddd; padding: .85rem 0; }

/*개인정보처리방침_이용약관*/
.useStplat .open {position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all;}
.useStplat_agree{ position: relative; overflow-y: auto; width:100%; padding: 15px; border: 1px solid #CCC; box-sizing: border-box; max-height: 230px; }
.useStplat{display: inline-block; line-height: 20px; font-size:15px; font-weight:400;}
.useStplat div{ margin-bottom:20px; line-height:20px; text-align: left; line-height:20px }
.useStplat .tit{font-size:18px; font-weight:600; padding-bottom:10px; color:#333}
.useStplat .txt{font-size:16px; font-weight:600; color:#666}
.useStplat ul{ margin-bottom:15px; text-align:left; font-size:15px;}
.useStplat ul ul{ margin-left:15px; margin-bottom:5px }
.useStplat b{ font-weight:600; padding:10px 0 0 0 !important; display:block;}
.useStplat .con{ margin-left:5px !important}
.useStplat .con2{ margin-left:15px !important}
.useStplat .con3{ margin-left:11px !important}
.useStplat .con4{ margin-left:21px !important}
.useStplat table{display:table; width:100% ; font-size:15px; margin-top:10px;border:1px solid #ddd; border-top:1px solid #aaa;border-collapse: collapse}
.useStplat table tr{height:42px;}
.useStplat table th{background:#fafafa; padding:6px 3px; color:#333;  text-align:center; border:1px solid #ddd;}
.useStplat table td{padding:8px 3px; text-align:left;border:1px solid #ddd; word-break:break-all;}

/*개인정보 수집 및 동의*/ 
.agree_tit{padding: .72rem 0 .72rem 0;  width: 64rem;  max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; font-weight:600; font-size:18px; border-bottom:1px solid #ddd;}
.agree_area{  padding: .72rem 0 .72rem 0;  width: 64rem;  max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; background: #fff;}
.agree_con{width:100%; background:#f4f5f9; border:1px solid #e5e5e5; padding:20px; margin-bottom:10px;max-height:515px; overflow:auto; overflow-x:hidden;}
.agree_check{margin:0 0 20px 0; border-bottom:1px dotted #ccc; padding-top:10px}
.agree_check p, .agree_check ul{ padding-bottom:10px; display:inline-block; width:45% }
.agree_check ul li{ display:inline-block; margin-right:15px}
.agree{ font-size:14px; line-height:20px; }
.agree .caption{background:#fff; padding:10px; margin-bottom:15px;}
.agree .tit{ font-weight:600; font-size:16px; display:block; margin: 20px 0 10px 0;}
.agree div{ margin:10px 0}
.agree ul li b{margin-top:10px; display:inline-block}
.agree ul li ul li{ margin:0; padding-left:14px;}
.all_a{text-align:center;}
.all_a li{ display: inline-block}
.agree table{display:table; width:100% ; font-size:15px;  border-top:2px solid #666666; margin-top:10px }
.agree table tr{height:42px;}
.agree table th{background:#f0f2f4;  padding:6px 3px; color:#333; border:1px solid #ccc;}
.agree table td{padding:8px 3px; border:1px solid #ccc; text-align:left}

/*알림내역 상담하기*/
.noti_pop{ margin:0 auto; width:100%;}
.noti_pop h1{height: 65px; text-align: left; background: #152a8b;  padding: 0; }
.noti_pop h1 img{ position: absolute; left: 30px; top: 15px;}
.noti_pop .close{ float:right; position:absolute; top: 21px; right: 30px; }
.noti_pop .close a{ cursor:pointer}
.noti_pop .con{max-width: calc(100% - 60px); width:100%; margin:0 auto; padding:20px 0;}
.noti_pop .con .chat_service_wrap {-webkit-box-shadow: none; box-shadow: none; }

/*만족도 평가*/
.layerbg{ position:fixed; z-index:9999; top:0; left:0; bottom:0; right:0; text-align:center; overflow: auto;}
.layer{ margin:0 auto; width:100%; padding:10px 30px}
.layer h1{ text-align: left; background: #fff; color: #333; font-size: 20px !important; font-weight: normal; padding: 0; margin-bottom: 20px;}
.layer_close{ float:right; position:absolute; top: 10px; right: 30px; }
.sta_level_tit{ background: url(../../../images/ips/cmmn/ic_q.png) 20px no-repeat; float: left; width: 100%; font-size: 16px; display: inline; color: #444; border-bottom: 1px solid #CCC; }
.sta_level_tit span{position: relative; float: left; width: 85%; width: calc(100% - 60px); line-height: 1.6em; padding: 0 0 0 55px; margin: 25px 15px; text-align: initial; font-weight:600 }
.sta_level {padding:15px 20px 20px 20px; display:inline-block; text-align:center;}
.sta_txt{ float:left; padding:20px 0; width:80%; vertical-align:top }
.sta_level textarea{font-size:14px !important; height:80px !important; }
.sta_level input[type="radio"]{ margin-left:30px}
.sta_level input:first-child[type="radio"]{ margin-left:0 !important}
.sta_tit{margin:20px 0 0 10px;}
.sta_btn input{ float: left; width:20%; margin-top: 20px; color: #FFF; background:#37404e !important; text-align:center; height:80px !important; line-height:80px !important; border-radius:0 !important;}

/*상담서비스 메인*/
.chat_main_container{width:100%;  margin:20px auto; }
.chat_main_wrapper{ width: 1440px; margin-left: auto !important; margin-right: auto !important; }
.chat_main_l{background:#3a6de8; position:relative; width:885px; display: inline-block; vertical-align: top; border-radius:0 50px 0 0; padding:20px 0; border:0; height: 782px;}
.chat_main_l .chat_main_con{ width: 400px; display: inline-block; vertical-align: top;}
.chat_main_l:before{ content:""; width:3001px; height:100%; position:absolute; top:0 ; left:-3000px; background:#3a6de8}
.chat_main_r{ position:relative; display:inline-block; padding:20px 0 0 30px;width: 390px; }
.chat_main_l .chat_service_wrap{position: relative; left: 440px; top: -686px;z-index: 1; width: 420px; height: 650px; border-radius: 10px;}

.chat_main_visual{ display:inline-block; padding-top:40px }
.chat_main_visual .tit{ background:#152a8b; line-height:37px; color:#d7defc; text-align:center; border-radius:5px; font-size:18px; width: 203px; }
.chat_main_visual .txt{ padding-top: 30px; color: #fff; font-size: 33px; line-height: 45px; font-weight: normal;} 
.chat_main_visual .txt span{ font-weight:600; font-size:34px}
.chat_main_visual:after{ content: ""; display: inline-block; position: absolute; background: url(../../../images/ips/cmmn/chat-main_visual.png) right no-repeat; background-size: 156px; top: 71px; width: 410px; height: 203px;}
.chat_main_menu{ padding-top:50px; }
.chat_main_menu ul li{display: inline-block; width: 48%; vertical-align: top;padding: 20px 0 0 0;font-size: 17px;}
.chat_main_menu ul li a{ color:#fff;}
.chat_main_menu ul li a span{ padding-left:10px}
.chat_main_menu ul li a:hover{ color:#ffd600}
.chat_main_menu ul li a:after{ content:""; display:inline-block; position:relative; width:8px; height:5px; background: url(../../../images/ips/cmmn/chat_main_menu_o.png) right no-repeat; top: -3px; right: -5px;}
.chat_main_menu ul li a:hover:after{ content:""; display:inline-block; position:relative; width:8px; height:5px; background: url(../../../images/ips/cmmn/chat_main_menu_ov.png) right no-repeat; top: -3px; right: -5px;}
.chat_main_menu ul li ul { display:none; width: 411px; background: #3768de; position: relative; border-radius: 10px; padding: 15px;margin-top: 5px;} 
.chat_main_menu ul li ul li{    padding: 2px 0;}
.chat_main_menu ul li ul li a{ color: #F0F3FF; font-size: 14px; line-height: 16px; padding-left: 10px;}
.chat_main_menu ul li ul li a:after, .chat_main_menu ul li ul li a:hover:after{ background:none}
.chat_main_menu ul li ul li a:hover{ color:#fff; text-decoration:underline}
.chat_main_menu ul li ul li a:before {content: ""; display: inline-block; width: 3px; position: relative; top: -2px; height: 3px; left: -5px; background: #f6f8fd;} 

.chat_main_faq, .chat_main_notice{ width:100%; margin-bottom:30px }
.chat_main_faq .tit, .chat_main_notice .tit{ color:#333; border-bottom:1px solid #222; font-size:20px; font-weight:600; line-height:55px;}
.chat_main_faq .tit span, .chat_main_notice .tit span{ color:#f64949}
.chat_main_faq .more{ position: absolute; right: 5px; top: 42px; }
.chat_main_faq .more a:after{ content:""; display:inline-block; position:relative; width:10px; height:7px; background:url(../../../images/ips/cmmn/page_next.png) no-repeat;right: -5px; top:-2px} 
.chat_main_faq ul, .chat_main_notice ul{ padding-top:5px}
.chat_main_faq ul li { border-bottom:1px solid #e5e5e5; line-height:42px; color:#333; width:100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; text-align:left }
.chat_main_faq ul li span { color:#00806C; padding-right:15px; font-weight:600 }
.chat_main_faq ul li a, .chat_main_notice ul li a{ color:#333;}
.chat_main_faq ul li spann a {color:#3dadb5}
.chat_main_notice ul li{ line-height:26px; color:#333; width:100%; }
.chat_main_notice .more{ position: absolute; right: 0; top: 348px; right:5px }
.chat_main_notice .more a:after{ content:""; display:inline-block; position:relative; width:10px; height:7px; background:url(../../../images/ips/cmmn/page_next.png) no-repeat;right: -5px; top:-2px} 
.chat_main_notice li span:first-child{display:inline-block;  width:75%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  text-align:left; }
.chat_main_notice li span:last-child{ float:right; display:inline-block;  width:25%; text-align:right; color:#808080;}
.chat_main_call { border-radius:10px; background: url(../../../images/ips/cmmn/chat_main_call_bg.png)  repeat;width:369px; height:266px;}
.chat_main_call dl:after{ content: ""; display: inline-block; position: absolute; width: 360px; top: 551px; background: url(../../../images/ips/cmmn/chat_main_call.png) right no-repeat; height: 179px; background-size: 106px;} 
.chat_main_call dt{ color:#333; font-size:18px; padding:30px  0 0 20px;}
.chat_main_call dd{ color:#333; font-size:28px; font-weight:600; line-height:45px; padding:0 0 0 20px}
.chat_main_call p{ padding:40px 0 0 20px; font-size: 16px; }

/* header */
#header i { font-size: 33px; color: #383838; }
.header a, .header img, .header i { vertical-align: baseline; max-width: none; }
#header { position: relative; z-index: 999;  height:112px; }
#header:before { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; content: ''; background: #fff; box-sizing:border-box; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
#header h1{position:absolute; left:-10px; z-index:990;  top: auto;  width:135px; height:45px; top:18px;} 
#header h1 img{width:135px; height:45px;}
#header .go_back {position:absolute; left:50%; z-index:990; margin-left:-647px;  top:23px;}
/* #header h1 a:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background: url(../../../images/ips/cmmn/logo.png) no-repeat;} */
#header #gnb {width:100%; height: 82px; z-index:50; overflow:visible !important; border-bottom:1px solid #e5e5e5;position:fixed; background:#fff; }
#header #gnb:after {content:""; display:block; width:100%; background:#fff;  left:0; top:0;}
#header .sticky {width:100%; height:82px;  z-index:50;  position:fixed;  top:0; box-shadow: 0 5px 8px 0 rgba(0,0,0,0.16); }
.menu_box{  position: relative;  width: 1440px; max-width: calc(100% - 60px);  margin:0 auto; display:block }
#header #gnb .blind {display:none; width:100%; height:auto; position:fixed; left:0; top:0; background:rgba(0,0,0,0.6);}
#header #gnb .blind:after {content:""; display:block; width:100%; height:82px; position:absolute; left:0; top:0;}
#header #gnb #blind {width:100%; height:0; background:#fff;  border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; position:absolute; left:0; top:82px; z-index:1; box-sizing:border-box; display:none;  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);}
#header #gnb #blind:after {content:""; display:none; width:2000px; height:100%; background:#fff; position:absolute; left:50%; top:0; margin-left:-2420px;}
#header #gnb > div > ul{left:calc(55% - (1635px/3))}
#header #gnb .nav{display:inline-block !important; overflow: hidden;}
#header #gnb ul {width:680px; position:relative; z-index:20; box-sizing:border-box;  padding:0; }
#header #gnb ul:after {content:""; display:block;  clear:both; } 
#header #gnb ul li {float:left; width:calc( 92% / 3); box-sizing:border-box; height:100%; position:relative;}
#header #gnb ul li.sub06{display:none;}
#header #gnb ul li a {display:block; height:82px; box-sizing:border-box; font-size:21px;font-weight: 600; line-height:31px; text-decoration:none; color:#121212; text-align:center; }
#header #gnb ul li a span {display:inline-block; vertical-align:top; height:100%; padding:0; box-sizing:border-box; line-height:82px;word-break:keep-all; text-align:center; }
#header #gnb ul li a.on, #header #gnb ul li:hover, #header #gnb ul li:active {color:#006ae2;}
#header #gnb ul li ul{	position: relative; padding:14px 25px 20px 25px; box-sizing: border-box; width:100%; opacity:0; -webkit-opacity:0; background:transparent; border-top:6px solid transparent; transition:background 0.3s ease; -webkit-transition:background 0.3s ease;}
#header #gnb ul li ul.on{background: #f5f9ff; border-top-color: #006ae2;}
#header #gnb ul li ul:after{content: ""; position: absolute; top: 0; right: -1px; display: block; width: 1px; height: 100%; background:rgba(0, 0, 0, 0.08);}
#header #gnb ul li ul.on:after{background:transparent;}
#header #gnb ul li:last-child ul:after{right:0;}
#header #gnb ul li:first-child ul:before{content: ""; position: absolute; top: 0; left:0; display: block; width: 1px; height: 100%; background:rgba(0, 0, 0, 0.08);}
#header #gnb ul li:first-child ul.on:before{display:none;}
#header #gnb ul li ul li {width:auto; height:auto; margin-bottom:0; float:none;}
#header #gnb ul li ul li:first-child {margin-top:0;}
#header #gnb ul li ul li a {font-size:15px; line-height:20px; text-align:left; width: 100%; height:auto; color:#121212; padding:6px 0; display:inline-block; vertical-align:top; position:relative;}
#header #gnb ul li ul li a span {font-weight:400; margin:0; padding:0; width: 100%; height:auto; font-size: 18px;font-weight: 400; line-height:23px;}
#header #gnb ul li ul li a span:hover{text-decoration: underline; color: #006ae2; font-weight:600}
#header #gnb ul li ul li a.on:after,
#header #gnb ul li ul li a:hover:after,
#header #gnb ul li ul li a:active:after {color:#006ae2;}
#header #gnb ul li ul li ul{display: none;}
#header .util {position:absolute; right:0;  top: 22px; z-index:71;}
#header .util:after {content:""; display:block; clear:both;}
#header .util span a{ padding: 0 25px;  line-height: 38px;   height: 38px; display: inline-block; font-weight:600; cursor: pointer; }
#header .util span a:hover, #header .util span a:focus{color:#3c68d0}
#header .util .login {background: #fff;  color: #333;border: 2px solid #333; border-radius: 30px; padding: 5px 0;}
#header .util .login:hover{ background:#3c68d0; color:#fff; border:2px solid #3c68d0}
#header .util .login a:hover {color: #fff;}


/* #header .util span a:last-child{ background:#3965cd; color:#fff; border-radius:30px; } */
/* #header .util a:first-child{ background:#f4f4f4; color:#000;}
#header .util a:first-child:before{ content:"";display:inline-block; position:relative; background:url(../../../images/ips/cmmn/ban_logo.png) no-repeat; top:4px; width:25px; height:19px;}  */
/* #header .util span a:last-child:before{ content:""; display:inline-block; position:relative; background:url(../../../images/ips/cmmn/login.png) no-repeat; top:1px; width:20px; height:15px;} */ 

h2{color: #111; font-size: 22px; font-weight: 600; letter-spacing: normal; display: block; padding: 15px 0; line-height: 25px;}
h3{ padding:20px 0 15px 0; color:#282f37; font-size:18px; font-weight:600; letter-spacing:-1px;display: inline-block; line-height: 24px;}

/* 모바일 메뉴 버튼 */
.m_map { float: right; vertical-align: middle; }
.m_map span { display: inline-block; z-index: 9999; position: relative; right: 20px; top: 15px;}
.m_map .pc-none { display: none; }

/* 모바일 메뉴 영역 */
#mobile-menu-layer { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; z-index: 10000; right: 0; display: none; overflow-y: auto; }

#mobile-menu-layer .mobile-close-btn {  position: absolute; z-index: 10; right: 15px; top: 20px; font-size: 1.9rem; color: #fff; text-align: center;}
.nav-box { max-width: 260px; width: 260px; position: absolute; right: 0; background: #ffffff; height: 100%; }
.nav-box .tit { background: #3c68cf; height: 63px; line-height: 18px; padding: 25px 0 0 74px; text-align: left; vertical-align: top;  color: #fff; font-size: 20px; font-weight: 600;}
.nav-box .tit:before{content: ""; display: inline-block; position: absolute; background: url(../../../images/ips/cmmn/ga.svg)left no-repeat; width: 38px; height: 38px; background-size: 38px; background-color: #eff5ff; border-radius: 50px; top: 15px; left: 25px; }
.nav-box .m_btn{height: 43px;  background: #3c68cf; border-top: 1px solid #c6d6fa;}
.nav-box .m_btn span{width: calc(100%/3); color: #EBF1FF; text-align: center; border-left: 1px solid #c6d6fa; height: 42px; line-height: 42px; display: inline-block; font-size: 16px;}
.nav-box .m_btn span:first-child{ border-left:none}
.nav-box .m_btn span:hover, .nav-box .m_btn span:focus{background: #092f85; color:#ffe011}

.nav-box ul li { position: relative; display: block; border-bottom: 1px solid #e8e8e8; font-size: 16px; }
.nav-box .dep1-link {display: block; line-height: 50px; color: #000; height: 50px; padding: 0 24px; letter-spacing: -0.048em;}
.nav-box ul li a{ display:inline-block; cursor:pointer}
.nav-box .dep1-link:after{ content: ""; display: inline-block; position: absolute; background: url(../../../images/ips/cmmn/m_menu_arr.png) right no-repeat; right: 20px; top: 21px; width: 5px; height: 8px;}
.nav-box .open:after { content: ""; display: inline-block; position: absolute; background: url(../../../images/ips/cmmn/m_menu_arr.png) right no-repeat; right: 20px; top: 21px; width: 5px; height: 8px;transform:rotate(90deg);}
.nav-box ul li a:hover{ color:#4e80f7; font-weight: 600;}
.nav-box .tit span{background: #3965cd; color: #fff; border-radius: 25px; font-size: 13px; height: 20px; padding: 2px 10px; font-weight: normal; position: relative; left: 7px;  top: -1px; width: 53px; text-align: center;}

/* 모바일 2depth 메뉴 영역 */
.nav-box ul li ul{display:none;}
.nav-box ul li .on{display:block;}
.nav-box ul li ul li {border-bottom: none; line-height: 20px; background: #eff5ff; font-size: 14px;display:block; }
.nav-box ul li ul li a{color:#121212; display:block;padding: 10px 0 10px 22px;width:100%; border-bottom:1px solid #ddd}
.nav-box ul li ul li:first-child{border-top:1px solid #e8e8e8;}
/* .nav-box ul li ul li:before{ content: "";  display: inline-block;  position: relative;padding-right: 3px;} */
.nav-box ul li ul li a:focus, .nav-box ul li ul li a:hover{background:#3c68d0; color:#fff}

.chat_mb{ position:absolute; bottom:0; height:95px; background: #4e74d3; color: #ebebef; line-height: 25px; padding: 20px;  display: block; width:100%;}
.chat_mb a{ display:block; cursor:pointer;  padding: 10px 0;}
.chat_mb a:after{ content: ""; display: inline-block; position: absolute; background: url(../../../images/ips/cmmn/m_menu_ban1.png) right no-repeat; right: 15px; top: 23px;width: 54px; height: 54px;background-size: 54px;}

.covid_mb{ position:absolute; bottom:0; height:95px; background: #152a8b; color: #acc5ff; line-height: 25px; padding: 20px;  display: block; width:100%;}
.covid_mb a{ display:block; cursor:pointer;     padding: 10px 0;}
.covid_mb a:after{ content: ""; display: inline-block; position: absolute; background: url(../../../images/ips/cmmn/m_menu_ban.png) right no-repeat; right: 15px; top: 23px;width: 54px; height: 54px;background-size: 54px;}

/*메인*/
.main_container{ background:#3c68d0;margin-bottom:30px;}
.main_wrapper{width: 1835px; max-width: calc(100% - 60px); margin-left: auto !important; margin-right: auto !important; }
.visual{ height:527px; background:url(../../../images/ips/cmmn/visual.png) bottom right no-repeat; margin-bottom:40px; background-size: contain;}
.visual .txt{ color:#fff;  vertical-align:top; padding-top:15px; }
.visual .txt p{padding:0 0 15px 0; font-size: 42px; line-height: 50px; letter-spacing:-1px; max-width: 620px; word-break: keep-all;}
.visual .txt p span{ font-weight:600; font-size:48px;  word-break:keep-all}
.visual .txt .point{ text-emphasis-style:dot; -webkit-text-emphasis-style:dot;}
.visual .txt_caption li{ font-size:18px; line-height:26px; padding: 0 0 20px 90px; font-weight:normal}
.visual .txt_caption li:first-child{border-bottom:1px solid #6386d9; background:url(../../../images/ips/cmmn/main_txt1.png) left no-repeat; width:640px;  }
.visual .txt_caption li:last-child{background:url(../../../images/ips/cmmn/main_txt2.png) left no-repeat; margin-top: 5px;}
/* .m_s, .s_go{ display:none} */
.m_s{ display:none}
.main_caption{ display: block; color:#6D6978; font-size:14px; padding:0 0 0 15px; float:left; text-align:left;width: 100%; margin:5px 0 0 0}
.main_caption:before{ content:''; display:inline-block; position: relative ; height:14px; width:14px; left:-4px; top:2px; background:url(../../../images/ips/cmmn/mian_caption.png) left no-repeat; float:left}
.s_go{padding-left: 85px; width: 640px;}
.s_go .tit{ background:#2d58c1; display:block; border-radius:50px; text-align:center; color:#fff; font-size:13px; line-height:25px; height: 25px; width:120px}
.s_go li{ display:inline-block ; width: 62px; text-align:center;margin-bottom: 12px; vertical-align: top;}
.s_go li a{ display:block; color:#fff}
.s_go li span{ display:block; font-size:13px; text-align:center; padding-top:5px; line-height:14px; }
.s_go li img{ width:40px;}
.main_cert{ display:inline-block; padding-bottom:30px; margin: 0 auto; text-align: center;}
.main_cert_l{display:inline-block; border:1px solid #b5b5b5; border-radius:10px; padding:30px 20px; width:53%; max-height: 175px; vertical-align:top}
.main_cert_l div{ float:left;}
.main_cert_l p:first-child{ font-size:24px; color:#000; font-weight:600; padding-bottom: 15px; text-align: left;}
.main_cert_l p{ color:#5E605E; padding-bottom:25px; font-size: 15px; text-align: left;}
.main_cert_l li{ display:inline-block; margin-right:5px}
.main_cert_l div:last-child{ float:right;}
.main_cert_l input[type="button"]{ line-height:54px; height:54px; border-radius:5px; color:#fff; font-size:18px; background:#3864C8; display:block; width:180px; cursor:pointer}
.main_cert_l input[type="button"]:last-child{background:#1E3E8A; margin-top:5px}

.main_cert_c{ display: inline-block; width:11%; border-radius:10px;  margin-left:20px; line-height:175px; height:175px; background:#157980; text-align: center; vertical-align:top}
.main_cert_c a{ color:#fff; font-size:18px; display:block; line-height:22px; word-break:keep-all; padding:60px 10px;  height:100%; margin:auto }
.main_cert_c a:before{content:''; display:block; position: relative ;  height:18px; color:#fff; top:-13px; background:url(../../../images/ips/cmmn/login_rock.png) center no-repeat;}


.main_cert_r_org{ display:inline-block; width:31%; height:175px; border-radius:10px; background:url(../../../images/ips/cmmn/mian_c_go_org.png) right bottom no-repeat; background-color:#304a89; vertical-align:top;}
.main_cert_r_org a{ display:block; color:#fff; font-size:20px; line-height:30px; height:100%;  padding:60px 30px 0 20px; word-break: keep-all;text-align: left; }
.main_cert_r_org a:after{width: 24px; height: 29px; position: absolute; right: 60px; content: "";display: inline-block;}
.main_cert_r_org span{width: 65%; display: inline-block; word-break: keep-all;}

.main_cert_r{ display:inline-block; width:15%; height:175px; border-radius:10px; background:url(../../../images/ips/cmmn/mian_b_go.png) center 106px no-repeat; background-color:#426DD2; vertical-align:top; margin-left:20px; background-size:83px}
.main_cert_r2{ display:inline-block; width:15%; height:175px; border-radius:10px; background:url(../../../images/ips/cmmn/mian_c_go.png) center 106px no-repeat; background-color:#304a89; vertical-align:top; background-size:44px;}
.main_cert_r a, .main_cert_r2 a{ display: block; color: #fff; font-size: 18px; line-height: 22px; height: 100%; padding: 30px 10px; word-break: keep-all; text-align: center; }
.main_cert_r a:after, .main_cert_r2 a:after{width: 24px; height: 29px; position: absolute; right: 50px; content: "";display: inline-block;}

.main_cert_r3{ display:inline-block; width:15%; height:175px; border-radius:10px; background:#151F6D; text-align: center; vertical-align:top; background-size:44px;}
.main_cert_r3 a{ color:#fff; font-size:18px; display:block; line-height:22px; word-break:keep-all; padding:100px 25px;  height:100%; margin:auto }
.main_cert_r3 a:after{content:''; display:block; position: relative ;  height:65px; color:#fff; top:-120px; background:url(../../../images/ips/cmmn/dgtlOnpaLgn.png) center no-repeat;}

/*footer*/
footer{ background:#22292f; width:100%; height:auto; display:block;}
.footer_con{ padding: 30px 0; color: #8E979F; line-height: 24px;  width: 100%; display: inline-block;}
.footer_con .info{ display:inline-block; font-size:16px}
.footer_con .info p{ font-size:14px}
.footer_con .info ul{ padding-bottom:20px;}
.footer_con .info ul li{ display: inline-block; padding-right: 30px; color: #8E979F; font-weight: 600; position: relative;}
.footer_con .info strong{color: #ddb92d;}
.footer_con a{ color:#8E979F; text-decoration:none; cursor: pointer;  display: inline-block;}
.footer_con a:hover{ color:#ddb92d}
.footer_con .lisence{ display: inline-block; float:right; width:95px }
.footer_con a:focus{outline:#fff dotted 3px !important;}

/* tab 개별페이지 */
.tab{position:relative; width:100%; height:60px;  margin-bottom:20px; }
.tab li{ display:table-cell; width:1%; }
.tab li a{display: block; text-decoration:none; background:#fff; text-align:center; z-index:1; vertical-align:middle; font-size:17px; border:1px solid #e0e0e0; color:#666; margin-left:-1px; height: 60px; padding:20px 0; word-break:keep-all ; width:100%}
.tab .tabclick a{  background:#3c68d0 !important; color:#fff !important; z-index:2; width: 100%; }
.tab li.tabclick:after{ position: relative; display: block; content: ""; width: 16px; height: 18px; background: url(../../../images/ips/cmmn/tab.png) no-repeat;transform: translate(-50%,0px);left: 50%; top: -1px;}

/* depth_tab */
.depth_tab{position: relative;width: 100%; height: 45px; margin-bottom: 10px; text-align: center; border: 1px solid #d4d4d4; border-radius: 10px; font-size: 17px;}
.depth_tab li{ display: inline-block; line-height:45px;width: calc(100% / 5);  float: left; }
.depth_tab li a{width:100%; display: block; text-decoration:none; text-align:center; z-index:1; vertical-align:top; color:#555; font-size: 17px;}
.depth_tab .tabclick a{ background: #326DF5 !important; color:#fff !important; z-index:2;  border-radius: 7px; }
/* .depth_tab li.tabclick:after{ position: relative; display: block; content: ""; border-bottom: 5px solid #282728;top: -4px;padding: 0 20px;} */

/* 퀵링크 */
.quick_chat{ position:fixed; right:5%; bottom:22%; width: 129px;height: 182px; background:url(../../../images/ips/cmmn/wing_bg.png) no-repeat;}
.quick_chat span{ display:inline-block;  text-align:center; padding: 116px 30px 0 30px;}
.quick_chat a{ display:block;}

/*공지사항*/
.board_list { border-top: 2px solid #555; width:100%; margin:20px 0 30px 0 }
.board_list th { border-bottom: 1px solid #aaa; color: #222; padding: 18px 0; font-size:16px }
.board_list td { text-align: center; color: #666;padding: 18px 0; border-bottom: 1px solid #ddd;}
.board_list .num { width:8%}
.board_list .file, .board_list .date{ width:12%}
.board_list .notice .num:after{ position: relative; display:inline-block; font-size: 14px;width: 36px; height: 36px; line-height: 36px; border-radius: 50%; color: #fff; background: #333; text-align: center; content:'공지'; z-index:10}
.board_list .subject{ text-align:left;  width: 98.5%; }
.board_list a { color:#333; width:auto; max-width:90%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; text-align:left}
.board_list a:hover, .board_list td.ellipsis a:focus { text-decoration: underline; }
.board_list .new:after {vertical-align: middle; background: #116eb4; color:#fff; border-radius:50px;  content:'N'; display: inline-block; width:18px; height:18px; line-height:18px; font-size:10px; text-align:center }
.board_list a:hover, .board_list td a:focus { text-decoration: underline; }.board_search dl{ width:1%; display: table-cell;}
.text {text-align:right; font-size: 16px; margin-bottom: 15px}

/*알림내역*/
.noti_list { width:100%; margin:20px 0 30px 0 }
.noti_list th { border-right: 1px solid #c7c7c7; color: #222; padding: 18px 0; font-size: 16px;  background: #ebf1fe;}
.noti_list th:last-child{ border-right:none}
.noti_list td { text-align: center; color: #666;padding: 18px 0; border-bottom: 1px solid #c2c2c2;}
.noti_list .tit{ display:none; font-weight:600; width:90px; text-align:left; display:none;}
.noti_list .num { width:8%}
.noti_list .date{ width:20%} 
.noti_list .group  { width:18%}
.noti_list .channel { width:13%}
.noti_list .subject{ text-align:left;  width: 98.5%;}
.noti_list a { color:#333; width:auto; width:90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; text-align:left}
.noti_list a:hover, .notice_list td.ellipsis a:focus { text-decoration: underline; }
.noti_list a:hover, .noti_list td a:focus { text-decoration: underline; }.board_search dl{ width:1%; display: table-cell;}

/*목록 상단 페이지 건수*/
.board_top { margin-bottom: 15px; }
.board_top:after { display: block; clear: both; content: ''; }
.board_top .page { float: left; color: #666; padding: 5px 0; }
.board_top .page > * { display: inline-block; vertical-align: middle; }
.board_top .page p { padding-right: 7px; margin-right: 3px; position: relative; }
.board_top .page p:after { position: absolute; content: ''; right: 0; top: 3px; width: 1px; height: 14px; background: #ddd; }
.board_top .page p:last-child { padding-right: 0; margin-right: 0; }
.board_top .page p:last-child:after { display: none; }
.board_top .page strong { color: #0A4BCD; font-weight: 600; }
.board_top .search { float: right; }
.board_top .search > * { display: inline-block; vertical-align: middle; }
.board_top .search .form_select { width: 150px; }
.board_top .search input { width: 195px; }
.board_top .search button { height: 34px; border: 1px solid #333; line-height:34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; min-width: 80px; padding: 0; background-color: #333; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; margin-left: -4px; }
.board_top .search button:hover, .board_top .search button:focus { background-color: transparent; color: #333; }
.list_select { position: relative; background: #fff; display: inline-block; width:45px  }
.list_select:after { position: absolute; top: calc(50% + 2px); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; width: 0; height: 0; content: ''; border: 4px solid transparent; border-top: 5px solid #595959; }
.list_select select { width: 100%; background: transparent; position: relative; z-index: 1; padding: 0 5px; }

/*검색*/
.board_search{background: #f0f4f7; padding: 30px 10px; overflow: hidden; margin-bottom: 30px; text-align:center; border-radius:5px }
.board_search dl{ width:30%; display: inline-block;text-align:left}
.board_search dl:last-child{ width:60%;}
.board_search dt{display:inline-block; font-weight:600; }
.board_search dd{ width: calc(100% - 80px); display:inline-block; vertical-align:middle; }
.board_search input[type="text"]{ background:#fff; border:1px solid #ddd; box-sizing:border-box; height:34px; line-height:34px; padding: 0 10px; width: calc(100% - 65px);}
.board_search input[type="submit"] { background:#333; color:#fff; box-sizing:border-box; height:34px; line-height:34px;  min-width: 64px; cursor:pointer; margin-left:-4px}
.form_select{ position:relative; background:#fff; display:inline-block; width:100%}
.form_select:after{ position:absolute; top:calc(50% + 2px); -webkit-transform:translateY(-50%); transform:translateY(-50%); right:10px; width:0; height:0; content:''; border:4px solid transparent; border-top:5px solid #595959;}
.form_select select{ width:100%; background: transparent ; position:relative; z-index:1; padding:0 5px; box-sizing:border-box; height:34px; line-height:34px; border:1px solid #ddd;}
.cld_search{background: #f0f4f7; border:1px solid #ddd; border-radius:7px; padding: 10px; overflow: hidden; margin-top: 10px; text-align: center; border-radius: 5px; }
.cld_search li{display:inline-block;  margin: 0 5px;}
.cld_search li input[type="radio"]{margin-right:5px}
.cld_search p{ font-size:13px}

/* pagination */
.board_bottom{ display:block; width:100%; margin: 0 auto;  text-align: center;}
.board_bottom .pagination{display:inline-block; text-align:center; vertical-align:middle;}
.board_bottom .pagination li{display: inline-block; vertical-align: middle; background: #fff; border-radius: 50%; width: 40px; height: 40px;  line-height: 40px; text-align: center; border: 1px solid #ddd; margin: 0 2px; text-decoration: none;}
.board_bottom .pagination li a{ display: block;  border-radius: 50%; color: #6F6F6F;  -webkit-transition: all 0.2s; transition: all 0.2s;}
.board_bottom .pagination li.page_num:hover a{border-color: #000; background: #000;  color: #fff;}
.board_bottom .pagination li.page_num a:focus{border-color: #000; background: #000;  color: #fff;}
.board_bottom .pagination li.current{ border-color: #000; background: #000;  color: #fff;}
.board_bottom .pagination li i{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path: polygon(0 0, 0 0, 0 0)}
.board_bottom .pagination *{box-sizing:content-box;}

/* 상세 */
.board_view{position:relative; width:100%; border-bottom:1px solid #aaa; padding-bottom:20px;margin-bottom:20px; }
.board_view ul{ background:#fafafa; border:1px solid #ddd; padding:0 30px; margin-bottom:20px; border-radius: 5px;}
.board_view li { display:block; padding:10px; border-bottom:1px solid #e3e3e3}
.board_view li:last-child{ border-bottom:none}
.board_view li span{ width:105px; display:inline-block; }
.board_view li span:before{ content:""; display:inline-block; position:relative; width:3px; height:3px; background:#5d5d5d; top: -5px; left: -10px;}
.board_view li span:after { content: ":";  display: inline-block; position: relative;float: right;  padding-right: 5px;}
.board_view .con{ line-height:22px;}

.board_write table{table-layout: unset; border-top: 2px solid #2f2f2f;}
.board_write th {background: #fafafa;  text-align: center;  padding: 10px 0;  font-weight: 700;  border-bottom: 1px solid #ddd; width:25%}
.board_write td { padding: 20px; border-bottom: 1px solid #ddd;}

/*일시정지*/		
.stop{ background:#fff; border:1px solid #ddd; margin-bottom:20px; border-radius: 5px; text-align:center;}
.stop p{ word-break:keep-all}
.stop .tit{ color:#424242; padding:50px 20px 20px 20px; font-size:20px; line-height:24px }
.stop .txt{ color:#767676; padding:0 20px}
.stop .on_off{ display: block; background: #f7f7f7; vertical-align: middle; padding: 30px 0; margin-top: 40px; text-align: center; }
.stop .on_off .tit_s{ display: inline-block; font-size: 18px; padding: 5px 15px; background: none; color: #333; line-height: 20px;}
.stop .on_off ul{ margin:auto; width:60%; }
.stop .on_off ul li{ display:inline-block; vertical-align:middle; font-size:18px; height:28px; line-height:28px; border-radius:50px;background:#fff;color: #a0a0a0;}
.stop .on_off span { display:inline-block;  width:65px; text-align:center;  font-size:16px}
.stop .on_off .on{ background:#3965cd; color:#fff; border-radius:50px;height:28px; line-height:28px;}
.stop .on_off .off{ background:#d2599c; color:#fff; border-radius:50px;height:28px; line-height:28px;}
.stop .on_off .on label{ color:#fff}
.stop .on_off .off label{ color:#fff}
.stop .on_off span input[type="radio"] { margin-left:0 !important}

/*일시정지*/		
.pause{ background:#fff; border:1px solid #ddd; border-radius: 5px; text-align:left; padding: 15px 20px;}
.pause .tit_s{ display: inline-block; font-size: 16px; font-weight: 600; color: #333; line-height: 20px; width: calc(100% - 80px);}
.pause_butt{ float: right; position: relative; right: 0; top: 0;}
.pause_butt .off{ background: #e2e2e2; vertical-align: middle;width: 67px; height: 30px; line-height: 30px; position: absolute;  top: -4px;  right: 0;border-radius: 50px;  padding: 3px 5px;display: inline-block; }
.pause_butt .off span{ border-radius: 30px; display: inline-block; width: 26px; height: 18px; top: 3px;  position: relative; vertical-align: top;background:#fff; float: right;}
.pause_butt .on{ background: #3C68D0; vertical-align: middle;width: 67px; height: 30px; line-height: 30px; position: absolute;  top: -4px;  right: 0;border-radius: 50px;  padding: 3px 5px;display: inline-block; }
.pause_butt .on span{ border-radius: 30px; display: inline-block; width: 26px; height: 18px; top: 3px; position: relative; vertical-align: top;background:#fff; float: left;}

.pause_zone{display: inline-block; width: 100%; margin: 5px 0 0 0;}
.pause_zone_s{width: calc(100% / 2 - 60px); min-width: 1%;} 
.pause_zone select{ width:100%; background: transparent; position: relative; z-index: 1; padding: 0 5px; box-sizing: border-box; height: 34px; line-height: 34px; border: 1px solid #ddd;} 
.pause_zone_butt{display: inline-block; margin-left: 10px;}
.pause_zone_butt img{width: 34px; border: 1px solid #ddd; border-radius: 5px; padding: 10px;}

/*신청취소*/
.out{ border: 1px solid #e2e2e2;  border-radius: 10px; display: inline-block;  width: 100%;  margin-bottom: 7px; padding:10px 0}
.out li{display:block; padding:5px 20px 5px 30px}
.out li:before{ content:""; display:inline-block; position:relative; width:3px; height:3px; background:#353535; top: -5px; left: -10px;}
.out p{ padding:5px 10px}

/*버튼*/
.btn_area{ text-align:right; padding:20px 0}
.btn_area button { text-decoration: none; height: 45px; border: 1px solid #ddd; line-height:45px;  font-size: 16px; display: inline-block; min-width: 100px; padding: 0 30px;text-align: center; vertical-align: middle;  -webkit-transition: all 0.2s; transition: all 0.2s; border-radius:5px;}
.btn_w { background-color: #fff; color: #333;  }

.btn_area_c{ text-align:center; padding:20px 0; width: 100%;  float: left;}
.btn_area_c button { text-decoration: none; height: 55px; line-height:55px;  font-size: 16px; display: inline-block; min-width: 200px; padding: 0 30px;text-align: center; vertical-align: middle;  -webkit-transition: all 0.2s; transition: all 0.2s;}
.btn_b { background-color: #313131; color: #fff;  } 
	
/*팝업*/
.popup{width: 100%; padding:20px}
.popup h1{font-size: 20px;font-weight: normal;line-height: 20px; padding-bottom: 10px; word-break: keep-all; color: #333;  width: 95%;}
.popup_area{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; line-height: 22px; }
.popup_area ul li:first-child{border-bottom: 1px solid #ddd;  padding: 10px 0; margin-bottom: 10px; color: #333; font-weight: 500; }
.popup_area ul li{ color:#757575}

/* service_guide */
.service_guide{position:relative; width:100%; float:left; margin-top:10px}
.service_guide .top{position:relative; display:block;width:100%; vertical-align: bottom; float:left}
.service_guide .top .tit{ color:#333; display:inline-block; font-size:16px; float:left;padding:10px 0;}
.service_guide .top .btn{ float:right; margin-bottom:5px; }
.service_guide .top .btn a{display:inline-block; font-size:15px; border: 1px solid #ddd; color:#494949; border-radius: 6px; line-height: 30px; background-color: #fff;  text-align:center; padding:0 20px}
.service_guide .top .btn a:after{ content:""; display:inline-block; position:relative; height:15px; width:20px; background:url(../../../images/ips/cmmn/link_go.png) right no-repeat; background-size:14px; top:2px}
.service_guide ul{float:left; line-height:22px; padding:10px; width:100%; background:#fafafa; border-top:2px solid #ddd; border-left:1px solid #ddd;  border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.service_guide li span{ color:#000;}
.service_group{  text-align:right; margin-top:10px; padding:10px 0; color:#000; border-bottom:1px solid #ddd; width:100%; float:left}

.inner-tab {padding: 30px 0 0 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom:10px;}
.inner-tab:nth-child(2) { margin-top: 32px; }
.inner-tab > a.selected { display: none;position: relative;width: 100%; border-width: 1px; border:1px solid #DDD; padding: 17px; box-sizing: border-box; text-align: center;}
.inner-tab > ul { width: 100%;}
.inner-tab > ul > li { float: left; width: 100%; font-size: 18px; font-weight: 600;letter-spacing: -1px; line-height: 20px;background: #FFF;}
.inner-tab.col-5 > ul > li { width: calc(100% / 5);}
.inner-tab.col-4 > ul > li { width: calc(99.8% / 4);}
.inner-tab.col-3 > ul > li { width: calc(100% / 3);}
.inner-tab.col-2 > ul > li{ width: calc(100% / 2);}
.inner-tab > ul > li > a {display: block; width: 100%; border-width: 1px; border:1px solid #DDD; padding: 14px 12px 13px; box-sizing: border-box; text-align: center;cursor:pointer;}
.inner-tab.col-5 > ul > li:nth-of-type(n+6) > a { border-top-width: 0; }
.inner-tab.col-5 > ul > li:nth-of-type(5n+2) > a,.inner-tab.col-5 > ul > li:nth-of-type(5n+3) > a,.inner-tab.col-5 > ul > li:nth-of-type(5n+4) > a,.inner-tab.col-5 > ul > li:nth-of-type(5n) > a { border-left-width: 0; }
.inner-tab.col-4 > ul > li:nth-of-type(n+5) > a { border-top-width: 0; }
.inner-tab.col-4 > ul > li:nth-of-type(4n+2) > a,.inner-tab.col-4 > ul > li:nth-of-type(4n+3) > a,.inner-tab.col-4 > ul > li:nth-of-type(4n) > a { border-left-width: 0; }
.inner-tab.col-3 > ul > li:nth-of-type(n+4) > a { border-top-width: 0; }
.inner-tab.col-3 > ul > li:nth-of-type(3n+2) > a,.inner-tab.col-3 > ul > li:nth-of-type(3n) > a { border-left-width: 0; }
.inner-tab.col-2 > ul > li:nth-of-type(n+3) > a { border-top-width: 0; }
.inner-tab.col-2 > ul > li:nth-of-type(2n) > a { border-left-width: 0; }
.inner-tab.pc-col-2 > ul > li:nth-of-type(n+3) > a { border-top-width: 0; }
.inner-tab.pc-col-2 > ul > li:nth-of-type(2n) > a { border-left-width: 0; }
.inner-tab > ul > li > a:hover { background-color: #EFF6FF; border-color: #DDD; color: #282728;}
.inner-tab > ul > li > a.active { background-color: #3C68D0; border-color: #3C68D0; color: #FFF}

.board_search dl:last-child {width:5%}

.con_h_end_search{background: #fff; border: 1px solid #ddd; box-sizing: border-box; height: 34px; line-height: 34px;  margin-top: 5px; width:100%}
.con_h_end_i { width: 90%;vertical-align: top; border: 0; height: 32px; background: url(../../../images/ips/cmmn/btn_search.png) 10px 6px no-repeat; background-size: 20px !important; padding-left: 34px;}
/* .con_h_end_b {background: #fafafa !important; color: #000; box-sizing: border-box; height: 34px; line-height: 34px; min-width: 64px; cursor: pointer; margin-left: -4px; margin-top: 5px;} */ 
.con_h_end_b{ background: url(../../../images/ips/cmmn/close.png) no-repeat !important; background-size: 15px !important; display: inline-block; border: 0; width: 22px;  height: 22px;  float: right;  position: relative;  top: 9px;}

.list_search{background: #fff; border: 1px solid #ddd; box-sizing: border-box; height: 34px; line-height: 34px;  margin-top: 5px; width:100%; border-radius: 10px; margin-bottom: 10px;}
.list_search input{padding: 0 10px; width: calc(100% - 42px); vertical-align: top; border: 0; background: none;}
.list_search input[type=button]{ width:32px; background: url(../../../images/ips/cmmn/btn_search.png) no-repeat; background-size: 22px;position: relative;  top: 5px; height: 24px;}
.list_i { width: 100%;vertical-align: top; border: 0; height: 32px; background: url(../../../images/ips/cmmn/btn_search.png) 0 no-repeat; background-size: 20px !important; padding-left: 25px;}

/* folding (basic toggle) */
.folding_container{position:relative; clear:both; border-top:2px solid #ccc; margin:0 auto;  font-size:16px;}
.board_search_detail{ margin-top: -20px; text-align: center; padding: 10px 0; display:inline-block; width:100%}
.folding_container dt.folding_toggle_old{float:left; position:relative; width:100%;  padding:15px 0; display:inline-block; color:#444444; border-bottom:1px solid #e1e1e1; cursor:pointer;}
.folding_ti{ float:left; position:relative; margin-left:5px; text-align:left}
.folding_icon{position:relative; right:40px; top:10px; width:50px; height:100%; cursor:pointer; float:right}
.folding_icon input{position:absolute; left:50%; top:50%; margin-left:36px; margin-top:-6px; width:13px; height:6px; border:0;}
.folding_content{display:none; float:left; width:100%;background: #fafafa; border: 1px solid #ddd;}
.folding_in{float:left; width:100%;  background:#fafafa; padding:10px; line-height:18px; color: #333; word-break:keep-all; text-align:left; border-left:1px solid #ddd;  border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.folding_in dt{float:left; width:100%; display:inline-block; }
.folding_in dt.dt_top{margin-top:17px;}
.folding_in dd{float:left; padding-top:5px; width:100%; }
.folding_in dd span{ color:#4488cd;}
.folding_in .btn{ position: relative; display: inline-block; border: 1px solid #ddd; color:#494949; border-radius: 6px; line-height: 34px; background-color: #fff; padding:0 20px;  text-align:center; margin-top: 10px;}
.folding_in .btn:after{ content:""; display:inline-block; position:relative; height:15px; width:20px; background:url(../../../images/ips/cmmn/link_go.png) right no-repeat; background-size:14px; top:2px}
.folding_all{ padding:5px 0; width:100%; display:inline-block; margin:8px 0}
.folding_all .s_tit{ padding-bottom:10px}
.folding_all .s_tit:before{content:""; display:inline-block; position:relative; height:20px; width:21px; top:0;  background:url(../../../images/ips/cmmn/ic_dot8.png) left no-repeat; float:left; background-size:21px; padding-left:5px }

/* 관심지역 */
.myzone_tit{ font-weight: 600; margin-right: 25px; }

@media (max-width: 1279px) {
/* .main_container {  background: url(/resource/images/ips/cmmn/main_bg2.png) top repeat; } */
#header {height: 85px; border-bottom: 1px solid #e5e5e5;}
#header #gnb { border:none; height: 55px !important; border-bottom: 1px solid #e5e5e5;}
#header #gnb:after {width: 100%; height: 55px; z-index: 50; overflow: hidden; position: fixed;border-bottom: none;  }
#header h1 {top:5px } 
#header h1 a:after{ content:""; display:block; position:absolute; left:0; top:0; background: url(../../../images/ips/cmmn/logo_m.png) no-repeat; background-size:121px}
#header .go_back { left:-25px; margin-left:0; top:11px } 
#header .util{ display:none; }
#header{ display:block}
#header #gnb .nav{display:none !important; }
/* .m_map a:before{ content: ""; display: inline-block; right: 0; top: 0; position: relative; width: 25px; height: 35px; z-index: 99; } */

/* .m_map span { right:15px; top:-10px; position:relative;} */
.m_map .pc-none { display: block !important; }  		
.visual {height: 450px; background: url(../../../images/ips/cmmn/visual2.png) bottom right no-repeat;background-size: auto;}
.visual .txt p {font-size: 24px; }
.visual .txt p span { font-size: 36px;}
.quick_chat { display:none}

.chat_main_wrapper{width:calc(100% - 60px); margin:0 auto }
.chat_main_container {margin: 0 auto;}
.chat_main_l { width:100%; border-radius:0}
.chat_main_r { display:none}
.chat_main_l .chat_service_wrap { width:55%}
}

@media (max-width: 1204px) {
.main_cert_l input[type="button"]{ line-height:54px; height:54px; border-radius:5px; color:#fff; font-size:18px; background:#3864C8; display:block; width:165px; cursor:pointer}
.main_cert_l li{  margin-right:0}	
}

@media (max-width: 1200px) { 
.main_cert_r_org a { padding: 46px 30px 0 20px;}
.main_cert_r_org span{width: 50%; } 
}
@media (max-width: 1180px) {
.main_cert_r_org a { padding: 46px 30px 0 20px;}
.main_cert_r_org span{width: 50%; } 
}
@media (max-width: 1160px) {
.visual{ background: url(../../../images/ips/cmmn/visual2.png) bottom right no-repeat; background-size: 700px;}	
}

@media (max-width: 1115px) {
.notice_info li{width: 47%;  margin: 5px 20px 15px 0;}
.service_info li{width: 47%;  margin: 5px 20px 15px 0;}
.function_wrap div {width: 100%; height:auto; padding: 15px 0; border-radius:20px}
.function_wrap div {width: 100%; height:  auto; padding: 15px 0; margin-top: 10px; border-radius:20px}
.function_wrap .icon { display:none}
.function_wrap div p, .function_wrap div .function_r {text-align: center; width: 100%; padding:0 20px 10px 20px}
.function_wrap div ul, .function_wrap div ul:last-child { width:100%; padding:0 20px;}
.s_go { width: 600px}
}

@media (max-width: 1080px) {
.app_re li{ width: calc(32.3% - 10px);  }	
.chat_main_wrapper{ width:100%;}	
.chat_main_l .chat_main_con { display:none}
.chat_main_l { padding:0}
.chat_main_l .chat_service_wrap {width: 100%;  margin-left: 50%;  border-radius: 0; height: 100%; position: relative; left: 0; top: 0;    margin: auto;}
.con_h, .con_h_end { width:100%}
.con_h_end, .notice_list { height:auto}
.con_h { padding-bottom:0}
.service_list li { padding: 0 10px; }
.service_list button { width: calc(50% - 10px); }
.service_list .bx-wrapper { margin:0 15px 0 25px; }
.service_list .bx-controls { text-align: center; margin-top: 5px; }
.service_list .bx-controls .bx-pager a { display: inline-block; vertical-align: middle; width: 8px; height: 8px; background: #323a68; border-radius: 50%; opacity: .6; text-indent: -9999px; }
.service_list .bx-controls .bx-pager a + a { margin-top: 0; margin-left: 10px; }
.service_list .bx-controls .bx-pager a.active { width: 11px; height: 11px; opacity: 1; }
.service_list .bx-controls .bx-pager-item { display: inline-block; vertical-align: middle; }
.service_list .bx-controls .bx-pager-item + .bx-pager-item { margin-top: 0; margin-left: 10px; }
.service_list .bx-controls .bx-controls-direction a { position: absolute; top: 47%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-100%); transform: translateY(-100%); width: 30px; height: 30px; text-align: center; line-height: 30px; }
.service_list .bx-controls .bx-controls-direction a.bx-prev { left: 0px; }
.service_list .bx-controls .bx-controls-direction a.bx-next { right: 0px; }
.app_list label { display: inline-block;margin-left: 5px;}
.visual .txt_caption li:first-child {  width: 560px;}
.visual { height: 366px; margin-bottom: 20px;}
.visual .txt p {padding:0; font-size: 24px; line-height: 24px; letter-spacing:normal;}
.visual .txt p span {font-size: 28px;}
.visual .txt_caption li{ display:none}
.m_s, .s_go{ display:block; font-size:14px; color:#F2F2F2;  padding: 10px 0 0 0;  width: 450px; } 
}

@media (max-width: 1060px) {
.main_cert_l input[type="button"] {width: 135px;}
}

@media (max-width: 1024px) {
/* .main_container {background: url(/resource/images/ips/cmmn/main_bg_m.png) top repeat;}	 */
.main_cert_l{ padding:10px}
.main_cert_l, .main_cert_c, .main_cert_r, .main_cert_r3 { width:100%; margin:0 0 10px 0; height: auto }
.main_cert_l p:first-child{ text-align: center; padding-top:10px }
.main_cert_l div:last-child { float:left; }
.main_cert_l div{ float:none; width: 100%;  }
.main_cert_l p{ text-align:center}
.main_cert_l .caption{ display:none}
.main_cert_l input[type="button"] { display:inline-block; width: 45%}
.main_cert_l input[type="button"]:last-child{margin-top: 0; margin-right:0}
.main_cert_l ul { padding-bottom:10px}
.main_cert_c a:before { background:none; height:auto}
.main_cert_c a, .main_cert_r3 a{ padding:10px;  line-height: 30px;}
.main_cert_r, .main_cert_r2{ background-image:none; height:auto; width: 100%; padding: 10px;}
.main_cert_r a, .main_cert_r2 a{ width:100%; text-align: left; padding: 0 20px;}
.main_cert_r a:after, .main_cert_r2 a:after{ background: url(../../../images/ips/cmmn/mian_c_ar.png) right 2px no-repeat; background-size:12px;}

.main_cert_r3{ background-image:none; height:50px; width: 100%; padding: 10px;}
.main_cert_r3 a{ width:100%; text-align: center; padding: 0 20px;}
.main_cert_r3 a:after{background: url(../../../images/ips/cmmn/dgtlOnpaLgn.png) center 2px no-repeat; top:-35px; right:100px; background-size:40px;}

.main_cert_r_org{ background-image:none; height:auto; width: 100%;}
.main_cert_r_org a{ width:100%; text-align: left; padding: 1px;}
.main_cert_r_org a:after{ background: url(../../../images/ips/cmmn/mian_c_ar.png) right no-repeat; background-size:12px;}
.footer_con .lisence:after{ background:none}
.main_cert_r_org span { width: 90%;}
.main_container {  margin-bottom: 10px;}
}

@media (max-width: 960px) {
.con_h ul li { width:45%}
.app_list label span {display: inline-block; width: auto;}
.visual {background: url(../../../images/ips/cmmn/visual_m.png) bottom no-repeat; background-size:contain; height: 300px;}
.visual .txt p { max-width:100%;}
.m_s, .s_go { width: 100%;}
}

@media (max-width: 940px) {
.footer_con .lisence {width: 100%; margin-top: 10px;}
.footer_con .lisence img{ transform: scale(.85); max-width: 80px;}
}

@media (max-width: 900px) {
.board_list thead, .board_list .viewOnlyPC, .board_list .num{ display:none}
.board_list .notice .subject:before{ position: relative; display:inline-block; font-size: 14px;width: 36px; height: 36px; line-height: 36px; border-radius: 50%; color: #fff; background: #333; text-align: center; content:'공지'; z-index:10}  
.board_list td{ float:left;  border:none; padding: 5px 0;}
/* .board_list .subject a{ max-width: 88%;} */
.noti_list th:nth-child(6){ border-right:none}
.board_list td:last-child{ float:left; width:100%; text-align:left;  border-bottom: 1px solid #ddd;color: #999; }
/* .board_search dl{display: block !important; width: 100% !important; text-align:left} */
.noti_list .viewOnlyPC{ display:none; width:0 }
/* .board_search dl:last-child{width:100%} */
.board_search { padding: 30px 50px 30px 0px; }
.board_search dl { text-align: center; }
.board_search input[type="submit"] { width:99%; }
}

@media (max-width: 840px) {
.app_re li{ width: calc(49% - 10px);  }	
}

@media (max-width: 820px) {
.inner-tab { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
.inner-tab.col-5 > a.selected, .inner-tab.col-4 > a.selected, .inner-tab.col-3 > a.selected, .inner-tab.col-2 > a.selected {display: block; padding: 10px 32px 9px 10px; text-align: left; font-size: 18px; background-color: #fff; }
.inner-tab.col-5 > a.selected::before, .inner-tab.col-4 > a.selected::before, .inner-tab.col-3 > a.selected::before, .inner-tab.col-2 > a.selected::before { content: ""; display: block; width: 24px; height: 24px; background: url(../../../images/ips/cmmn/tab_fold_open.png) no-repeat center; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
.inner-tab.col-5 > a.selected.active::before,.inner-tab.col-4 > a.selected.active::before, .inner-tab.col-3 > a.selected.active::before, .inner-tab.col-2 > a.selected.active::before { -webkit-transform:rotate(180deg) translateY(50%); -moz-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); -o-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); }
.inner-tab.col-5 > ul, .inner-tab.col-4 > ul, .inner-tab.col-3 > ul, .inner-tab.col-2 > ul { display: none; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; }
.inner-tab.col-5 > ul > li, .inner-tab.col-4 > ul > li, .inner-tab.col-3 > ul > li, .inner-tab.col-2 > ul > li { width: 100%;border-bottom: 1px solid #DDD; }
.inner-tab.col-5 > a.selected.active + ul, .inner-tab.col-4 > a.selected.active + ul, .inner-tab.col-3 > a.selected.active + ul, .inner-tab.col-2 > a.selected.active + ul { display: block; border-left:1px solid #DDD; border-right:1px solid #DDD; box-sizing: border-box; position: absolute; top: 100%; z-index: 10; max-height: calc(40px * 5 + 20px); overflow: auto; }
.inner-tab.col-5 > ul > li > a, .inner-tab.col-4 > ul > li > a, .inner-tab.col-3 > ul > li > a, .inner-tab.col-2 > ul > li > a { padding: 10px 8px 9px 10px; border: none; text-align: left; }
}

@media (max-width: 800px) {
/* .s_go {margin: 0; } */
.table_wrap_h, .table_wrap_h2 {width: 100%;  float: left;}
.service_info li{ width:100%; margin:0 0 10px 0;}
.service_info li:nth-child(1), .service_info li:nth-child(2), .service_info li:nth-child(3), .service_info li:nth-child(4){ background-image:none; padding: 10px 0 15px 0;}
.service_info li div{ padding-top:0; font-size: 15px;}
.service_info li .txt_b { font-size: 16px;}

.notice_info li{ width:100%; margin:0 0 10px 0;}
.notice_info li:nth-child(1), .notice_info li:nth-child(2), .notice_info li:nth-child(3), .notice_info li:nth-child(4){ background-image:none; padding: 10px 0 15px 0;}
.notice_info li div{ padding-top:0; font-size: 15px;}
.notice_info li .txt_b { font-size: 16px;}
/* .noti_list { border-top: 1px solid #ddd;}
.noti_list th{ display:none}
.noti_list td { display:block; text-align: left; color: #666;padding: 18px 0; border-bottom: 1px solid #ddd;}
.noti_list td:first-child{border-top: 2px solid #555;}
.noti_list td .tit{ display:inline-block; width:25%; } */
/* .noti_list a { display: inline-block; vertical-align:top; max-width: none; text-overflow: inherit;white-space: normal; width:70%; } */

}

@media (max-width: 780px) {
.agree_check p, .agree_check ul{ padding-bottom:10px; display:block; width:100% }	
}

@media (max-width: 767px) {
.footer_con .info {  font-size: 16px;}
.footer_con .info ul { padding-bottom: 10px;}
.footer_con .info ul li { padding-right: 10px;}
.footer_con .info p { font-size: 14px; line-height: 18px;}
.footer_con .info strong { padding: 0 }
}

@media (max-width: 700px) {
.text {text-align:left !important; }
}

@media (max-width: 680px) {
.btn_area_c button {height: 45px; line-height: 45px; font-size: 15px; min-width: 150px;  padding: 0 15px;  margin-bottom: 5px;}
.jconfirm .jconfirm-box {  width: 90% !important;}
}

@media (max-width: 640px) {
.con_h ul li {width: 48%; padding: 5px 0;}
.con_h, .con_h_end{height: auto;}
.con_h .app_list_d p:last-child {float: none;  margin-top: 5px; width:100%}
.con_h .app_list_d p:first-child { width: 100%;}
.user_guide, .con_h ul, .con_h .app_list_d{ padding:15px}
.con_h .app_list_d {text-align: center;}
.app_list_d span{ background:#fff; border:1px solid #e3e6e8; padding:10px 0; border-radius:50px; display: inline-block; width: 100px;}
.app_list_d span:hover{ background:#f7f8fa; border:2px solid #2b68a5}
.chat_foot_srch_btn, .chat_foot_faq_btn{ visibility:hidden}
.chat_foot_more_all button{visibility: visible}
.chat_foot_more_all{ visibility:visible !important}
.chat_foot_more{ visibility:visible !important}
.chat_foot_btn{ width: calc(100% + 2rem); margin-left: 50%; text-align:center; font-size: 14px;}
.chat_foot_more  button{ display:inline-block; color:#222; height:26px;  }
.con_h .app_list_no{width: 100%; display: block; padding: 15px 0 0 0; }
.con_h .app_list_no input{ margin: 0 5px 0 0;}
.con_h ul li { width:100%}
}

@media (max-width: 605px) {
.agree{ font-size:13px !important}
.agree_check input, .agree_check label, .agree_check p { font-size:13px !important}
}


@media (max-width: 574px) {
.visual { height: 368px}
.app_list .app_w1 { width: 45px;}
.app_list .app_w {  width: 80px;}
.app_list thead span { display:block; font-size: 12px; line-height: 13px;}
.app_list thead{ line-height: 22px;}
} 

@media (max-width: 566px) {
.visual { height: 399px;}	
.app_re li{ width: calc(99% - 10px);  }	
.board_search dd, dt { font-size: 15px; }
}
	
@media (max-width: 550px) {  
.board_bottom .pagination { transform:scale(.85)}
.board_list {margin: 20px 0;}
.tab li a{ padding:10px 0}
.s_go { width: 100%;}
.board_search dd { width: calc(100% - 65px);}
}

@media (max-width: 509px) {
.visual { height: 413px;}	
}

@media (max-width: 500px) {
.fc-toolbar-chunk > div > .fc-prev-button {margin-right:0px !important;}
.fc-toolbar-chunk > div > .fc-next-button {margin-left:0px !important;}
.fc-toolbar-chunk > div > .fc-toolbar-title {font-size:16px !important;}
}

@media (max-width: 480px){
h2 { font-size: 20px; line-height: 24px; padding-bottom: 15px;}
.board_view ul { padding: 5px 10px;}
/* .board_view li span { display: block; padding-left:0} */
.con_h ul li img { width:25px; height:25px; margin: 0 0 0 5px;}
.service_guide .btn {float: left;width:100%; margin-top: 5px;}
.service_guide .btn a{ width:100% !important; }
.service_guide { margin-top: 0; }
.service_guide .top .tit { padding: 10px 0 0 0;}
.board_search{padding: 15px; text-align: left;}
.board_search dl { width: 27%;}
}

@media (max-width: 460px){
.btn_dtail {width: 100%; text-align: center;}
.pause_zone_s{width: 100%; margin: 3px 0;}
.pause_zone_butt {margin:4px 0 0 0}
.pause_zone_butt img{width: 30px;  padding: 9px;} 
.pause .tit_s{margin-top:5px;}
}

@media (max-width: 450px){
.board_search dt { width: 30px; vertical-align: middle; }
.board_search dd { width: calc(100% - 42px);}
.text {font-size:14px;}
}

@media (max-width: 446px){
.m_s{ display:none;}
.visual { height: 392px;}
.s_go li span { font-size: 12px;}
.s_go li { width: 58px;}
.agree_con {  max-height: 280px;}
.agree_con .con {   padding-left:15px}
.notice_list ul li .detail{ visibility: visible !important; display: inline-block; color: #2b68a5; font-size: 15px; display: inline-block;}
.board_search dl { width: 39%;}
}

@media (max-width: 442px){
.visual { height: 431px;}
.s_go li { width: 50px;}
.visual .txt p span { font-size: 22px;}
}

@media (max-width: 430px){
.depth_tab li a{font-size: 15px; letter-spacing: -1px;}
}

@media (max-width: 410px){
.visual .txt p { font-size: 18px; line-height: 18px;}
}

@media (max-width: 390px) {
.s_go li span { font-size: 12px;}
.s_go li {margin:2px 0; width: 58px; }
.visual .txt p span { font-size: 24px;}
}
	
@media (max-width: 380px) { 
.board_list .subject a { max-width:80%}
.main_cert_l li {margin-right: 0}
.main_cert_r a, .main_cert_r2 a {   font-size: 16px; padding:0}
.con_h ul li { width:100%}
.con_h .app_list_d input[ type="radio"]{ margin: 0 5px 0 0;}
.cld_search li{margin: 0 2px; line-height: 20px; height: 20px; }
.board_top .search button {min-width: 50px;}
.notice_list .tit { font-size: 15px; }
.useStplat_new  .tit label { font-size: 15px; }
.notice_list .tit span:last-child { text-align: left;  width: 60%;  display: inline-block; margin-right: 0px; }

}

@media (max-width: 370px) {
.visual { height: 431px;}
}

@media (max-width: 360px) {
.con_h_end_r {width: 100%;  text-align: left; margin-top: 0;  float: none;}
.con_h_end_r .btn_w_r{ margin-top:0; float: right;}
}

@media (max-width: 340px) {
.visual .txt p {font-size:16px;}
.depth_tab li a{font-size: 14px;}
.board_search dt { width: 25px;}
.board_search dl { width: 36%;}
.board_search dd { width: calc(100% - 32px);}
.notice_list_l {  width: 68%;}
}

@media (max-width: 299px) {
.s_go li { width: 57px;}
.visual { height: 390px;}
.visual .txt p span { font-size: 20px;}
}

@media (max-width: 295px) {
.s_go li { width: 53px;}
.s_go li span { font-size: 11px;}
.visual { height: 385px;}
}