@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 { position: relative;}
#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(16% - 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.active > 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; }
.btn_cbot{min-width: 90px;  height: 42px; line-height: 42px;  padding: 0 30px;  color: #fff;  background: #152a8b;  border-color: #152a8b; cursor: pointer;  text-decoration: none; border-radius:5px;}
.btn_cbot:before{ content:""; display:inline-block; position:relative; width:25px; height:16px; background:url(../../../images/ips/cmmn/btn_chat.png) no-repeat; background-size:16px; top:2px}
.fold_wrap .box > button:after{ content:""; display:inline-block; position: absolute; width:36px; height:20px; background:url(../../../images/ips/cmmn/folding_p.png) 0 2px no-repeat; background-size:16px; right:0; }


.ann{/* padding: 0 3px 0 2px !important; border-radius: 3px; font-size: 12px; background: #fff; line-height: 15px;  text-align: center; font-weight: 600; color: #28348a; word-break:keep-all; margin-left: 2px; */padding-left: 2px !important;}
.ann_r{/* padding: 0 3px 0 2px !important; border-radius: 3px; font-size: 12px; background: #4e80f7; line-height: 15px;  text-align: center; font-weight: 600; color: #fff; word-break:keep-all; margin-left: 2px; */padding-left: 2px !important;}

/*이용가이드*/
.pti_guide{ float:left; width:100%; margin:0}
.pti_guide_l{ float:left; width:45%}
.pti_guide .pti_guide_box{ float:right; width:calc(100% - 47%); padding:10px 0; background:#f0f4f7}
/*.pti_guide .pti_guide_box:before { position: relative ; content: ''; display: inline-block; left: -31px; top: -10px; width: 20px; height: 20px; background: #f0f4f7;  z-index: 1;  -webkit-transform: skewX(45deg); transform: skewX(45deg); }*/
.pti_guide .tit{ font-weight:600; color:#0e2250; font-size:18px; line-height:24px; padding-bottom: 10px; padding-top: 0;}
.pti_guide .pti_guide_box li{  border-bottom:1px dotted #ddd;height: auto;  padding: 10px; }
.pti_guide .pti_guide_box li span{ float:left; font-weight:600; color:#3c68d0; width:8%; text-align:left; }
.pti_guide .pti_guide_box li span:last-child{ float:left;  color:#555; font-weight:normal; width:calc( 100% - 10%); text-align:left}
.pti_guide .pti_guide_box li:last-child{ border-bottom:none}
.pti_guide img{ border:1px solid #ddd}

/*챗봇 서비스 소개*/
.service_info{ width:100%; text-align: center;}
.service_info li{ display:inline-block; border-radius:10px;  padding:20px; text-align:center; width:23%; margin-left:10px}
.service_info li div{ width:100%; 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 {background-color:#f8f8f8;}
.service_info li:first-child{ margin-left:0}
.service_info li img { width:100px;}

.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 #2d2d2d; padding:20px; vertical-align:middle; border-radius: 5px; width:100%}
.user_guide div{ display:inline-block; width: 83%;}
.user_guide div p{ padding: 2px 0; letter-spacing:-1px}
.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; }
.con_h{ width:50%; vertical-align:top; display:inline-block; padding-bottom:20px; float:left; }
.con_h_end{ width:46%; float:right;  vertical-align:top; display:inline-block; }
.app_list{ border:1px solid #e3e6e8; border-radius:10px; display:inline-block; width:100%;}
.app_list a{ display:inline-block}
.app_list_d span:first-child{ margin-right:5px}
.app_list label{color: #6e6e6e; font-weight: 600; display: inline-block; margin-top: 3px; padding-left:10px; vertical-align:middle}
.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-bottom:10px}
.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; vertical-align: top;width: 45%;}
.con_h ul li img{ width:45px; height:45px; margin:0 0 0 10px; border-radius: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;}
.con_h_end_r span{ display: inline-block; font-size: 14px;margin-left: 5px;}
.con_caption{ padding:6px 0 !important;  border-bottom:none !important}
.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:#2b68a5; color:#2D6EF0; float: right; padding:0 5px; font-size:14px; margin-left:10px; font-weight:normal; width:80px; text-align:center; }
.dt2{ background:#3C68D0; color:#fff; float: right; padding:0 5px; font-size:14px; margin-left:10px; font-weight:normal; width:80px;  text-align:center; }
.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 #e3e6e8; padding:0 10px; border-radius:20px; font-weight:normal; font-size:15px; line-height:30px; height:33px; margin-top: 30px;  position: relative;}
.btn_w_r a{ display:block; cursor:pointer}
.notice_list{ border:1px solid #f0f0f0; width:100%; height:363px; margin-top: 5px; overflow-x: auto; display: inline-block}
.notice_list ul{ padding: 3px 0; vertical-align:top }
.notice_list ul p{ background:#f2f2f2; border-top:1px solid #707070; text-align:center; color:#484848; font-weight:600; font-size:16px; padding:12px 0; display: inline-block; width: 100%;}
.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 5px 0 0; width:18px; height:18px; line-height:20px}
.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;}

/*개인정보 처리방침 동의 약관*/
.useStplat_new {line-height:20px; text-align: left; border-bottom:1px solid #DDD; padding-bottom:55px }
.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}
.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 }

/* folding (basic toggle) */
.folding_container{position:relative; clear:both; border-top:2px solid #ccc; margin:0 auto}
.board_search_detail{ margin-top: -20px; text-align: center; padding: 10px 0; display:inline-block; width:100%}
.folding_container dt.folding_toggle{float:left; position:relative; width:100%;  padding:15px 0; display:inline-block; color:#444444; border-top: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}

/*챗봇_서비스 소개 테이블*/
.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; }
.table_wrap_h td img, .table_wrap_h2 td img{ margin-top:-2px}

/*개인정보처리방침_이용약관*/
.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: 24px;}
.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; padding-bottom:5px; color:#666}
.useStplat ul{ margin-bottom:15px; text-align:left}
.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;}

/*알림내역 상담하기*/
.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%;}
.layer h1{  text-align: center; background: #fff;  color: #333; font-size: 24px !important; font-weight: normal; padding: 0; }
.layer_close{ float:right; position:absolute; top: 31px; 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:0 auto; }
.chat_main_wrapper{ width: 1440px; margin-left: auto !important; margin-right: auto !important; }
.chat_main_l{background:#3a6de8; position:relative; width:945px; 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: 470px; 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 50px; width: calc(100% - 950px); }
/* .chat_main_l .chat_service_wrap{position: relative; left: 440px; top: -686px;z-index: 1; width: 420px; height: 650px; border-radius: 10px;} */
.chat_main_l .chat_service_wrap{position:absolute; left: 470px; top: 58px;z-index: 1; width: 420px; height: 650px; border-radius: 10px;}

.chat_main_visual{ display:inline-block; padding-top:20px }
.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: 30px; line-height: 44px; font-weight: normal; font-family: "ONE 모바일고딕 Regular";} 
.chat_main_visual .txt span{ font-weight:600; font-size:32px}
.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{ width:100%; padding-top:20px }
.chat_main_menu ul li{display: inline-block; width: 48%; vertical-align: top;padding: 20px 0 0 2px;}
.chat_main_menu ul li .thumb{ background:#2357d4 ;  height: 57px; width: 57px; text-align: center; line-height: 57px; border-radius: 50%; display:inline-block; margin-right: 10px; }
.chat_main_menu ul li .thumb img{ width:30px; height:30px}
.chat_main_menu ul li  a:hover .thumb, .intro_mid li a:focus .thumb{background:#c3d9fd}
.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 .sub: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 .sub: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:#F6F9FE; 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:#D13E3E}
/* .chat_main_faq .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{ position: relative; right: 0; float:right;font-weight:400;font-size:15px;margin-top: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:#6D6D6D;}
.chat_main_call { border-radius:10px; background: #f4f4f8; width: 100%; height: 150px;}
/* .chat_main_call dl:after{ content: ""; display: inline-block; position: absolute; width: 106px; top: 551px; margin-left:228px; background: url(../../../images/ips/cmmn/chat_main_call.png) right no-repeat; height: 179px; background-size: 106px;} */
.chat_main_call dl{	display: inline-block; height: 100px;}
.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: 0 0 0 20px; font-size: 16px; height: 50px;  width: 100%; display: inline-block; background: #ebebef; border-radius: 0 0 10px 10px; line-height: 50px;}

/*chat_main_ban*/
.chat_main_ban{ border-radius:30px 0 30px 30px; background: #f4f4f8; width: 100%; height: 100px; margin-bottom: 16px;}
.chat_main_ban:before{ content:"";display:inline-block; position:relative; background:url(../../../images/ips/cmmn/chat_main_ban.png) no-repeat; width:139px; height:98px;}
.chat_main_ban p{color: #1f2c88;  font-size: 18px; font-weight: 600; word-break: keep-all; display:inline-block; position: relative;  top: -28px; left: 5px; line-height: 24px;}
.chat_main_ban a{display: block;}

/* header */
.m_map 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:hidden; border-bottom:1px solid #e5e5e5;position:fixed; background:#fff; }
#header #gnb:after {content:""; display:block; width:100%; background:#fff;  left:0; top:0; border-bottom: 1px solid #e5e5e5;}
#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; ; }
#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:25px 0; box-sizing:border-box; line-height:31px;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;}

h2{color: #111; font-size: 22px; font-weight: 600; letter-spacing: normal; display: block; padding: 15px 0; line-height: 25px;}
h3{ padding:30px 0 15px 0; color:#282f37; font-size:22px; font-weight:600; letter-spacing:-1px;display: inline-block; line-height: 24px;}
.selCbotNm{ padding:30px 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; margin-top: 21px; z-index: 9999; }
.m_map .lang_c{ width: 50px; height: 25px; padding: 0 5px; line-height: 19px; border: 2px solid #8e8e8e; border-radius: 30px; text-align: left; right: 49px; top: 15px; position: absolute; background: url(../../../images/gcc/cbot/lang_arr2.png) right 9px no-repeat; background-position-x: 28px; background-size: 9px; padding-left: 5px; font-size: 16px; color: #152a8b; background-color: #fff; font-weight: 600;cursor: pointer; z-index: 99;}
.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: 25px; 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:url(../../../images/ips/cmmn/main_bg.png) top repeat;}
.main_wrapper{width: 1440px;  margin-left: auto !important; margin-right: auto !important; }
.visual{ height:564px; background:url(../../../images/ips/cmmn/visual.png) bottom right no-repeat; margin-bottom:40px; background-size: contain;}
.visual .txt{ color:#fff;  vertical-align:top }
.visual .txt p{padding:70px 0 45px; font-size: 42px; line-height: 56px; 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: 20px 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:490px;  }
.visual .txt_caption li:last-child{background:url(../../../images/ips/cmmn/main_txt2.png) left no-repeat;}
.m_s, .s_go{ display:none}
.main_caption{ display: inline-block; color:#777; font-size:14px; padding:15px 0 0 10px; float:left}
.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{ margin:0 20px;  }
.s_go .tit{ background:#2d58c1; display:block; border-radius:50px; text-align:center; color:#fff; font-size:13px; line-height:25px; max-width:120px}
.s_go li{ display:inline-block ; margin:15px 15px 0 0; text-align:center }
.s_go li a{ display:block; color:#fff}
.s_go li span{ display:block; font-size:13px; text-align:center; padding-top:5px}
.s_go li img{ width:50px;}
.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; 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:#8d8d8d; padding-bottom:25px; font-size: 15px;}
.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:#4276eb; display:block; width:180px; cursor:pointer}
.main_cert_l input[type="button"]:last-child{background:#2349a2; margin-top:5px}

.main_cert_c{ display: inline-block; width:11%; border-radius:10px;  margin-left:20px; line-height:175px; height:175px; background:#1da7b1; 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 0; width:74%; 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{ display:inline-block; width:31%; height:175px; border-radius:10px; background:url(../../../images/ips/cmmn/mian_c_go.png) right bottom no-repeat; background-color:#304a89; vertical-align:top; margin-left:20px}
.main_cert_r a{ display:block; color:#fff; font-size:20px; line-height:30px; width:70%; height:100%;  padding:40px 30px; word-break: keep-all;text-align: left; }
.main_cert_r a:after{width: 24px; height: 29px; position: absolute; right: 60px; content: ""; display: inline-block;}

/*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:40px; }
.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:50px; margin-bottom:40px; text-align:center; border-bottom:1px solid #ddd;font-size: 17px; }
.depth_tab li{ display: inline-block; line-height:50px; padding:0 30px }
.depth_tab li a{display: block; text-decoration:none; text-align:center; z-index:1; vertical-align:top; color:#555;}
.depth_tab .tabclick a{  background:#326DF5 !important; color:#333 !important; z-index:2;  }
.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 { width:100%; margin:20px 0 30px 0 }

.board_list th { border-right: 1px solid #c7c7c7; color: #222; padding: 18px 0; font-size: 16px;  background: #ebf1fe;}
.board_list td {text-align: center; color: #666; padding: 18px 0;  border-bottom: 1px solid #c2c2c2; }
.board_list th:last-child{ border-right:none}
.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;  }
.board_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}
.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;}

/*알림내역*/
.noti_list { border-top: 2px solid #555; width:100%; margin:20px 0 30px 0 }
.noti_list th { border-bottom: 1px solid #aaa; color: #222; padding: 18px 0; font-size:16px }
.noti_list td { text-align: center; color: #666;padding: 18px 0; border-bottom: 1px solid #ddd;}
.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; max-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 25px; overflow: hidden; margin-bottom: 30px; text-align:center; border-radius:5px }
.board_search dl{ width:35%; display: inline-block;}
.board_search dl:last-child{ width:60%;}
.board_search dt{display:inline-block; font-weight:600; width:100px }
.board_search dd{ width: calc(100% - 120px); 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; padding: 10px 25px; overflow: hidden; margin-top: 10px; text-align: center; border-radius: 5px; }
.cld_search li{display:inline-block;  margin: 0 10px;}
.cld_search li input[type="radio"]{margin-right:5px}

/* 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:10px 30px; margin-bottom:20px; border-radius: 5px;}
.board_view li { display:block; padding:15px; border-bottom:1px solid #e3e3e3}
.board_view li:last-child{ border-bottom:none}
.board_view li span{ width:105px; display:inline-block; padding-left:10px;}
.board_view li span:before{ content:""; display:inline-block; position:relative; width:3px; height:3px; background:#5d5d5d; top: -5px; left: -10px;}
.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;}

/*서비스 제안*/
.service_sug{width: 95%; margin: 0 auto;}
.service_sug_intro{width: 75%; margin: 0 auto;  background: url(../../../images/ips/cmmn/service_sug.png) right bottom no-repeat;}
.service_sug_intro div{width: calc(100% - 350px);padding: 28px 0;height: auto; }
.service_sug_intro div p{color:#353540; font-size:16px;  word-break: keep-all; font-weight: 600;}
.service_sug_intro div p:first-child{font-size: 26px; line-height: 34px; padding-bottom:33px}
.service_sug_intro div p:last-child{background: #e0eaed; border-radius: 30px; margin:26px 0; padding: 2px 40px; text-align: center; display: inline-block; font-size: 15px;}
.service_sug table{table-layout: unset; width:100%; border-top:2px solid #676767;}
.service_sug th{ background:#ebf1fe; text-align:center;  font-weight: 700; border-bottom:1px solid #c2c2c2;  width:25%; word-break: keep-all;}
.service_sug td{padding:20px; border-bottom:1px solid #c2c2c2; }
.service_sug input[type="radio"] { width: 19px;  height: 19px;}
.service_sug .btn_area_c 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;}


/*일시정지*/		
.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 p{ display:inline-block; font-size: 16px; padding: 5px 15px;}
.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}

/*신청취소*/
.out{ background:#fff; border:1px solid #ddd; margin-bottom:20px; border-radius: 5px; text-align:left; padding:30px}
.out ul{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; }
.out li{display:block; padding:5px}
.out li:before{ content:""; display:inline-block; position:relative; width:3px; height:3px; background:#5d5d5d; 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; margin:0 5px 0 5px;}
.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 {    z-index: 1; 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(99.99% / 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}
.inner-tab .link{text-decoration:none; color:#555}
.inner-tab .link:hover{text-decoration:none; }

/*챗봇 이용안내*/
.cbot_guide{position: absolute; z-index: 9999;  background:rgba(0,0,0,0.7); border: 4px solid #000; top: 0; width: 100%; height: 100%; bottom: 0; left: 0; text-align: center; color: #fff; font-size: 12px; }
.cbot_guide:before{ content:""; display:inline-block; height:100%; vertical-align:middle;}
.cbot_guide .close {z-index: 9;text-align: center;background: #FFF;color: #000;border-radius: 50%;height: 70px;width: 70px;position: absolute;bottom: 7px;left: calc(42%);line-height: 35px;font-size: 50px;top:50%;}  
.cbot_guide_top{ width: calc(100% - 30px); background: #000; height: 52px; position: absolute; top: 0; width: 100%; padding:0 20px; color:#fff; font-size:14px; opacity:.8 }
.cbot_guide_top ul{opacity: 100;}
.cbot_guide_top li{ padding-right:6px; display:inline-block; line-height:55px}
.cbot_guide_top li:last-child{ padding-right:0}
.cbot_guide_foot{width:100%; background: #000; height: 85px; position: relative;  bottom: 134px; left: 0; padding:0 15px; opacity:.8}
.cbot_guide_foot_btn{position: relative; top: 8px;}
.cbot_guide_foot_btn li{ display:inline-block}
.cbot_guide_foot_btn li:first-child{ float:left}
.cbot_guide_foot_btn li:nth-child(2){left: calc(100% - 50%); position: absolute; transform: translate(-50%);}
.cbot_guide_foot_btn li:last-child{ float:right}
.chot_guide_mid{ position: absolute; top:100px; font-weight:normal}
.chot_guide_mid p{ display:inline-block; width: 210px; word-break: keep-all; text-align:left; padding:0}
.chot_guide_mid p:first-child:before{ content: ""; position: absolute; display: block; height: 214px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid1.png) no-repeat;  left: 3px; top: -226px;}
.chot_guide_mid p:first-child{ position: absolute; margin: 174px 0 0 30px; }
.chot_guide_mid p:nth-child(2):before{ content: ""; position: absolute; display: block; height: 162px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid2.png) no-repeat; left: 6px; top: -173px;}
.chot_guide_mid p:nth-child(2){ position: absolute;margin: 121px 0 0 69px;}
.chot_guide_mid p:nth-child(3):before{ content: ""; position: absolute; display: block; height: 110px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid3.png) no-repeat;left: 2px; top: -122px;}
.chot_guide_mid p:nth-child(3){position: absolute; margin: 70px 0 0 112px;}
.chot_guide_mid p:nth-child(4):before{ content: ""; position: absolute; display: block; height: 82px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid4.png) no-repeat;left: 2px; top: -86px;}
.chot_guide_mid p:nth-child(4){position: absolute; margin: 33px 0 0 153px;}
.chot_guide_mid p:nth-child(5):before{ content: ""; position: absolute; display: block; height: 82px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid4.png) no-repeat;left: 2px; top: -85px;}
.chot_guide_mid p:nth-child(5){position: absolute; margin: -14px 0 0 153px;}
.chot_guide_mid_r{ position: absolute; top: 100px; right: 30px; font-weight: normal;}
.chot_guide_mid_r p{ display:inline-block; width: 80px; word-break: keep-all; text-align:right; padding:0}
.chot_guide_mid_r p:first-child:before{ content: ""; position: absolute; display: block; height: 35px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid5.png) no-repeat; right: 6px;  top: -39px;}
.chot_guide_mid_r p:first-child{ position: absolute; right: 42px;  top: -14px;}
.chot_guide_mid_r p:nth-child(2):before{ content: ""; position: absolute; display: block; height: 35px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid5.png) no-repeat; right:11px;  top: -39px;}
.chot_guide_mid_r p:nth-child(2){ position: absolute; right: -10px;  top: -14px;}
.cbot_guide_foot_con {  text-align: center;  height: 40px; position: relative; top:40px; margin: 0 auto; vertical-align: top; border: none; background: #fff; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); border-radius: 10px 0 10px 10px; width:100% }
.cbot_guide_foot_con span{ position:absolute; display:inline-block}
.cbot_guide_foot_con .p1{ left: 10px;  top: 6px;}
.cbot_guide_foot_con .p2{ left:50px; top: 6px; color:#999; font-size:15px}
.cbot_guide_foot_con .p3{ top: 6px; right:10px;}
.cbot_guide_foot_g{ vertical-align: top;  margin: 0 auto; width: calc(100% - 30px);  height: 50px; position: relative; bottom: 150px;}
.cbot_guide_foot_g p:first-child:before{ content: ""; position: absolute; display: block; height: 129px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid8.png) no-repeat;left: 34px; bottom: -139px;}
.cbot_guide_foot_g p:first-child{position: absolute; margin: -91px 0 0 -2px; text-align:left}
.cbot_guide_foot_g p:nth-child(2):before{ content: ""; position: absolute; display: block; height: 82px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid6.png) no-repeat;left: 62px; bottom: -95px;}
.cbot_guide_foot_g p:nth-child(2){left: calc(100% - 50%);  position: absolute;  transform: translate(-50%);}
.cbot_guide_foot_g p:nth-child(3):before{ content: ""; position: absolute; display: block; height: 99px; width: 7px; background: url(../../../images/ips/cmmn/cbot_guide_mid7.png) no-repeat; right: 44px; bottom: -16px;}
.cbot_guide_foot_g p:nth-child(3){ float:right; margin:-54px 0 0 0}
.ally-hidden{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0);}

/*비회원로그인-본인인증 방법선택*/
.cer_pop{ padding:20px; margin:0 auto; width:100%;}
.cer_pop h1{font-size: 20px; line-height: 30px; padding-bottom: 5px;}
.cer_pop i{ color:#5884e1; padding-right:5px}
.cer_pop ul{ border-top:3px double #cfcfcf; padding:20px 0; margin:10px 0 0 0; text-align: center;}
.cer_pop ul li{ display:inline-block; border-radius:50%; width:137px; height:137px; background:#fff; border:1px solid #adadad; margin:30px 20px; vertical-align: top; line-height: 137px;}
.cer_pop ul li span{ display: block; line-height: 30px; font-size:16px}
.cer_pop ul li a{ display:block; }
.cer_pop ul li:hover{ background:#f9f9f9; color:#36F}

@media (max-width: 1460px) {
.chat_main_l {  width: 875px; padding: 20px;}
.chat_main_l .chat_main_con {  width: 442px;}
.chat_main_l .chat_service_wrap {  left: 435px;}
.lang_area { left: 435px;}
.lang_area .lang_c{right: 36px !important}
.chat_main_r {  width: calc(100% - 1064px); padding:20px 0 0 20px}	
}
	
@media (max-width: 1279px) {
#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 span { right:15px; top:-10px; position:relative;}
.m_map .pc-none , .lang_area .lang_c{ display:block !important; }  
.m_map .lang_c { display:none !important}
.visual {height: 418px; 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;height: 100%;}
.chat_main_l { width:100%; border-radius:0}
.chat_main_r { display:none}
.chat_main_l .chat_service_wrap { width:55%}
.cbot_guide_foot_g{bottom: 150px;}
.cbot_guide .close{bottom: 34px; left:calc(44%)}
}

@media (max-width: 1191px) {
.service_sug_intro{width: 90%;}
}

@media (max-width: 1115px) {
.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;}
}

@media (max-width: 1080px) {
.chat_main_wrapper{ width:100%; height: 100%}	
.chat_main_l .chat_main_con { display:none}
.chat_main_l { padding:0; height: 100%; background: #fff;}
.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}
.service_list li { padding: 0 10px; }
.service_list button { width: calc(50% - 10px); }
.service_list .bx-wrapper { margin:0 15px 0 11px; }
.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 {margin-top:-88px;}
.service_list .bx-controls .bx-controls-direction a { position: absolute; 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; }
/*.cbot_guide_foot_g{bottom: 178px;}*/
/*.cbot_guide_foot{bottom: 162px;} */
.cbot_guide .close{bottom: 34px; left:calc(46%)}
.lang_area {display: none;}
.m_map div{position: fixed;  width: 125px;  right: 0;}
.m_map .lang_c {z-index: 999 !important; display: block !important;}
.m_map .lang_box{ top: 44px; width:125px !important}
.m_map .lang_box li{ width: 100% !important;} 
.m_map .lang_box li a{display: block;  height: auto !important; font-size: initial; font-weight: normal; line-height: initial; text-decoration: none; color: #fff;  text-align: left; }
}

@media (max-width: 1024px) {
.main_container {background: url(../../../images/ips/cmmn/main_bg_m.png) top repeat;}	
.visual { height: 300px; margin-bottom: 20px; background-size:contain  }
.visual .txt p {padding: 20px 0 10px; font-size: 24px; line-height: 28px; letter-spacing:normal;width: 60%;}
.visual .txt p span {font-size: 28px;}
.visual .txt_caption li{ display:none}
.m_s, .s_go{ display:block; font-size:14px; color:#a9bcec; padding: 10px 0; }
	
.main_cert_l, .main_cert_c, .main_cert_r { width:100%; margin:0 0 10px 0; padding: 15px; }
.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{line-height: 15px; height: auto ;}
.main_cert_c a:before { background:none; height:auto}
.main_cert_c a{ padding:0; }
.main_cert_r{ background-image:none; height:auto}
.main_cert_r a{ width:100%; text-align: left; padding: 0 20px;}
.main_cert_r a:after{ background: url(../../../images/ips/cmmn/mian_c_ar.png) right no-repeat; background-size:12px;}
.pti_guide .pti_guide_box li span:last-child {padding-left:12px;}	
}

@media (max-width: 986px) {
.service_sug_intro { width: 100%;}	
.service_sug_intro div {width: calc(100% - 250px);}
}    
    
@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%;}
.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}
.board_list .viewOnlyPC{ display:none; width:0 }
.board_list .subject{width: calc(100% - 30%);}
}

@media (max-width: 840px) {
.service_sug_intro {background:none;}	
.service_sug_intro div {width:100% ;text-align:center; padding:0; }
.service_sug_intro div:after{content: ""; display: inline-block;  background: url(../../../images/ips/cmmn/service_sug.png) center bottom no-repeat;  background-size: 230px; width: 100%; height: 200px;}
.service_sug_intro div p:first-child {font-size: 22px; line-height: 26px; padding-bottom: 13px;}
.service_sug_intro div p:last-child {  margin: 10px 0;padding: 2px 0; width: 100%;}
}

@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: 11; 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) {
.visual {background: url(../../../images/ips/cmmn/visual_m.png) bottom no-repeat; background-size:contain}
.visual .txt p {width:100%}
.s_go {margin: 0}
.table_wrap_h, .table_wrap_h2 {width: 100%;  float: left;}
.service_info li{ width:100%; margin:0 0 10px 0; padding:10px 20px}
.service_info li div{ padding: 0 30px; padding-top: 0; font-size: 15px; text-align: left;}
.service_info li .txt_b { font-size: 16px;}
.service_info li div p{ display:inline-block}
.service_info li img { width: 60px; margin-right: 10px;}

.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;}
.noti_list a { display: inline-block; vertical-align:top; max-width: none; text-overflow: inherit;white-space: normal;}
}

@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: 760px) {
.cer_pop ul li{margin: 30px 55px;}
}

@media (max-width:720px){
.service_sug table td span{ padding: 5px 0; display: block;}
}

@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) {
.user_guide div { width:100%; text-align:center}
.user_guide button {border-radius: 0; float: initial; margin-top: 5px; width: 100%; }
.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;  }
}

@media (max-width: 560px) {
.service_info li img { width: 50px;}
.service_info li div { padding: 0}
}

@media (max-width: 550px) {  
.board_search dt { width:55px;}
.board_search dd{ width: calc(100% - 65px); display:inline-block; vertical-align:middle; }
.board_bottom .pagination { transform:scale(.85)}
.board_list {margin: 20px 0;}
.tab li a{ padding:10px 0}
.cer_pop ul li{margin: 30px 16px;}
}

@media (max-width: 490px) {
.service_info li div p:first-child {display: block; text-align: center;}
.service_info li div { text-align: center;}
}
	
@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;}
.service_sug_intro div p:first-child {font-size: 20px; line-height: 24px;}
}

@media (max-width: 470px){
.pti_guide .pti_guide_box:before {display:none;}
/* .pti_guide .pti_guide_box{padding: 20px;} */
.pti_guide_l {width:100%}
.pti_guide .pti_guide_box {width:100%;margin-top:30px;}
.pti_guide .pti_guide_box li {font-size: 14px; line-height: 18px;}
}

@media (max-width: 460px){
.con_h_end_r {width: 100%;  text-align: left;   padding-left: 6px;}
.con_h_end_r .btn_w_r{ margin-top:0}
.service_sug table td{ padding:10px}
}

@media (max-width: 430px){
.con_h ul li img { display:none}
}
@media (max-width: 420px){
.m_s{ display:none}
.s_go li {margin:5px 3px 0 0}
.s_go li img { width:45px}
.con_h ul li {  width: 100%;}
}

@media (max-width: 410px) {  
.board_search dt { width:55px;}
.board_search dd{ width: calc(100% - 65px); display:inline-block; vertical-align:middle; }
.board_bottom .pagination { transform:scale(.85)}
.board_list {margin: 20px 0;}
.tab li a{ padding:10px 0}
.layer h1{font-size:20px !important;}
.layer_close{ top:10px; }
}

@media (max-width: 380px) { 
/* .board_list .subject a { max-width:80%} */
.main_cert_l li {margin-right: 0}
.visual .txt p span { font-size: 24px;}
.main_cert_r a {   font-size: 16px; padding:0}
.con_h ul li { width:100%}
.con_h .app_list_no{width: 100%; display: block; padding: 15px 0 0 0; }
.con_h .app_list_d input[ type="radio"], .con_h .app_list_no input{ margin: 0 5px 0 0;}
.board_top .search button {min-width: 50px;}
.depth_tab li {  padding: 0 20px;}
.cer_pop ul li{margin: 20px 16px;}
}

@media (max-width: 360px) { 
.service_sug input[type="radio"] {width: 13px; height: 13px;}
}