@charset "utf-8";
@import url('https://use.fontawesome.com/releases/v5.0.12/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');


.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 페이징 */
.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;min-width:30px;text-decoration:none;border-radius:25px}
.pg_page:hover {background-color:#fafafa}
.pg_start, .pg_end, .pg_prev, .pg_next{display: none}
/*
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}
*/
.pg_current {display:inline-block;background:#1191D0;border:1px solid #1191D0;color:#fff;font-weight:bold;height:30px;line-height:30px;min-width:30px;border-radius:25px}



*{margin:0;padding:0;}
* html {height: 1px;}
body{-webkit-text-size-adjust:none}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
margin: 0;padding: 0;font-family: 'Noto Sans KR', sans-serif;font-size: 14px;line-height: 1em;box-sizing: border-box;-webkit-font-smoothing: antialiased}

ul,li,dd{list-style: none}
dl,dt,dd{margin: 0}
img{border: none}
hr{display: none}
fieldset{border: 0}
caption{display: none}
legend{display: none}
form{ margin : 0}
em,i {font-style: normal}
label{cursor: pointer}
button{outline: none;cursor: pointer}
table{border-collapse: collapse;border-spacing:0; border: 0}
input{outline: none}
textarea{outline: none}

a{color: inherit}
a:link,a:visited{text-decoration: none}
a:hover,a:active{text-decoration: none}
.cur{cursor: pointer}
.noline{border-width: 0}
.none{display: none}
.blk{display: block}
.clear{clear: both}
.clear:after{content: ''; display: block;clear: both}
.float_l{float: left}
.float_r{float: right}



.fixed_bot_wrap{position: fixed;bottom: 0;width: 100%;height: 67px;background: #fff;border-top: 2px solid #111;z-index: 10000}
.fixed_bot_wrap li{float: left;width: 25%;padding: 10px 0;text-align: center}
.fixed_bot_wrap li a{display: block;color: #666;font-size: 12px}
.fixed_bot_wrap li a img{display: block;width: 30px;margin: 0 auto 3px}

footer{background: #f8f8f8;padding: 18px 18px;border-top: 1px solid #dedede}
footer.footer_main{margin-bottom: 67px}
footer .address{color: #666;}
footer .address strong{display: block;margin-bottom: 10px;color: #555;font-size: 15px;line-height: 1.4em;font-weight: normal}
footer .address span{display: block;font-size: 12px;line-height: 1.4em}

header{position: relative;height: 85px;margin: 0 auto;max-width: 360px;border-bottom: 1px solid #fff;text-align: left}
header h1 img{width: 270px}
header .global{position: absolute;top: 27px;right: 22px;font-size: 11px;text-align: center}
header .global a{display:block}
header .global img{display: block;width: 30px;border: 1px solid #ddd;margin-bottom: 3px}

.title_wrap{text-align: center;background-repeat: no-repeat;background-size: cover;height: 93px}
.title_wrap .title{position: relative;height: 93px;margin: 0 18px;text-align: center;background: url(../images/bl_l.png) left bottom no-repeat, url(../images/bl_r.png) right bottom no-repeat;background-size: 14px;}
.title_wrap .title h2{padding-top: 22px;color: #fff;font-size: 24px}
.title_wrap .title span.txt_eng{color: #888;font-size: 12px}
.title_wrap .title_icon{z-index: 100;position:absolute;top: 70px;left: 50%;margin-left: -25px;width: 50px;height: 50px}
.title_wrap .title_icon img{max-width: 100%}

.category01{background-image: url(../images/simg01.jpg)}
.category02{background-image: url(../images/simg02.jpg)}
.category03{background-image: url(../images/simg03.jpg)}
.category04{background-image: url(../images/simg04.jpg)}
.category05{background-image: url(../images/simg05.jpg)}
.category06{background-image: url(../images/simg06.jpg)}

.search{background-image: url(../images/search.jpg)}
.title_wrap.search{height: 83px}
.title_wrap.search .title{height: 83px}
.search_result{margin: 28px 0 -14px 0;text-align: center}
.search_result span{display: block;margin-bottom: 7px}
.search_result strong{color: #1191D0;font-size: 18px}
.sch_bx_wrap{margin: 40px auto}
.sch_bx_wrap .search_bx{width: calc(100% - 36px);position: relative;height: 44px;margin: 0 18px;padding-right: 45px;border-bottom: 1px solid #111}
.sch_bx_wrap .search_bx input[type=text]{width: 100%;height: 38px;margin-left: 8px;padding: 0 3px;border: none;color: #606060;font-size: 17px;vertical-align: middle}
.sch_bx_wrap .search_bx .btn_sch{position: absolute; top: 6px;right: 11px;width: 28px;height: 28px;border: none;background: url(../images/btn_sch.png) no-repeat 0 center;background-size: 28px;text-indent: -999px;cursor: pointer}
.search_info{margin: 28px 18px;padding: 18px 18px;border: 1px solid #d8d8d8;color: #666;line-height: 155%}
.ptsc{background-image: url(../images/simg07.jpg)}
.title_wrap.ptsc{height: 83px}
.title_wrap.ptsc .title{height: 83px}
.title_wrap.ptsc .title{position: relative;height: 83px;margin: 0 18px;text-align: center;background: url(../images/bl_bl.png) left bottom no-repeat, url(../images/bl_br.png) right bottom no-repeat;background-size: 14px;}
.ptsc_cont{max-width: 360px;margin: 28px auto 18px;padding: 0 18px}
.ptsc_cont h3{margin-bottom: 10px;color: #111;font-size: 22px;font-weight: 500}
.ptsc_cont p{color: #333;line-height: 1.4em}
.ptsc_cont .mark{margin: 15px 0 12px;padding: 30px 0;background: #fff;border: 1px solid #dedede;text-align: center}
.ptsc_cont .mark img{width: 127px}
.ptsc_cont ul{overflow: hidden}
.ptsc_cont li{float: left;width: 33.33%;text-align: center}
.ptsc_cont li a{display: block;width: 90px;height: 22px}
.ptsc_cont li a:first-child{margin-left: 10px}
.ptsc_cont li a img{max-width: 100%}
.ptsc_bg{text-align: center}
.ptsc_bg img{max-width: 100%;vertical-align: top}

.category_list{margin: 28px 18px}
.category_list li{overflow: hidden;padding: 4px 0 4px 4px;border-bottom: 1px solid #dedede}
.category_list li dl{clear: both}
.category_list li dt{float: left;width: calc(100% - 110px);height: 34px;line-height: 34px;}
.category_list li dd{float: left;width: 110px;text-align: right}
.category_list li dd a{display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center}
.category_list li a img{display: inline-block;width: 14px}

.category{margin: 18px 18px}
.category li{margin-bottom: 7px}
.category li a{display: block;position: relative;width: 100%;height: auto;max-width: 320px;margin: 0 auto}
.category li a strong{position: absolute;top: 34px;left: 34px;color: #fff;font-size: 18px;font-weight: 600;z-index: 10}
.category li a img{display: block;max-width: 100%}

.view{margin: 38px 18px 28px}
.view h3{float: left;width: calc(100% - 100px);font-size: 18px;line-height: 30px;letter-spacing: -1px}
.view .view_btns{float: left;width: 100px;text-align: right}
.view .view_btns a{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center}
.view .view_btns a img{display: inline-block;width: 14px}

.view_tabs{margin-bottom: 10px;padding-top: 10px}
.view_tabs ul{overflow: hidden;border: 1px solid #dedede}
.view_tabs li{float: left;width: 25%;height: 25px;border-right: 1px solid #dedede;color: #333;font-size: 12px;line-height: 25px;text-align: center}
.view_tabs li.active{color: #fff}
.view_tabs li:last-child{border: none}
.view_tabs li a{display: block}
.view_wrap{}
.view_wrap p img{max-width: 100%}
.view_wrap p{margin-top: 5px;font-size: 13px;line-height: 1.4em}
.view_cont{padding-bottom: 14px}
.view_cont h4{margin: 20px 0;font-size: 16px;text-align: center}
.view_cont dl{clear: both;overflow: hidden;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #dedede}
.view_cont dl.addr{padding-bottom: 6px}
.view_cont dt{float: left;width: 63px;margin-left: 5px;color: #888;font-size: 12px}
.view_cont dd{margin-left: 68px;color: #111;font-size: 13px}
.view_cont dd span{display: inline-block;margin-top: -2px;line-height: 150%}
.view_cont dd a{font-weight: 600}
.view_cont h5{margin-top: 15px;padding: 4px 0 4px 4px;color: #fff;font-size: 14px;font-weight: 500}
.view_cont .history li{position: relative;margin-bottom: 10px;padding-left: 52px;color: #333;line-height: 155%}
.view_cont .history li strong{position: absolute;left: 0;color: #111}
.view_cont .g_tit{margin: 28px 0;text-align: center}
.view_cont .g_tit span{padding: 0 5px 2px;border-bottom: 1px solid #666;}
.view_cont .view_cont_img{text-align: center}
.view_cont .view_img{clear: both;overflow: hidden}
.view_cont .view_img li{overflow: hidden;float: left;width: 49%;margin: 0 2% 20px 0;font-size: 12px;text-align: center}
.view_cont .view_img li:nth-child(2n){margin: 0 0 15px 0}
.view_cont .view_img li a{}
.view_cont .view_img li a img{display: block;max-width: 100%;margin: 0 auto 5px;padding: 0}
.view_cont .view_img li span img{display: block;max-width: 100%;max-height: 94px;margin: 0 auto 5px;padding: 0}
.report_down{margin-top: 10px;height: 48px;border: 1px solid #dedede;line-height: 46px;text-align: center}
.report_down a{display: inline-block;padding-left: 20px;color: #111;background: url(../images/ic_download.png) 0 center no-repeat;background-size: 14px}

.view01 .view_tabs li.active{background: #E53D21}
.view01 .view_cont h5{background: #E53D21}
.view02 .view_tabs li.active{background: #22BDB6}
.view02 .view_cont h5{background: #22BDB6}
.view03 .view_tabs li.active{background: #8EB852}
.view03 .view_cont h5{background: #8EB852}
.view04 .view_tabs li.active{background: #EF59A1}
.view04 .view_cont h5{background: #EF59A1}
.view05 .view_tabs li.active{background: #1191D0}
.view05 .view_cont h5{background: #1191D0}
.view06 .view_tabs li.active{background: #FAA61A}
.view06 .view_cont h5{background: #FAA61A}

.intro_h{width: 100%;margin: 72px 0 26px;height: auto;max-width: inherit;padding: 0;background: none;border: none;text-align: center}
.intro_h h1 {width: 207px;margin: 0 auto}
.intro_h h1 img{max-width: 100%}
.intro_h p{margin-top: 10px;}
.intro_h .global_h{position: absolute;top: -53px;right: 22px;font-size: 11px;text-align: center}
.intro_h .global_h a{display:block}
.intro_h .global_h img{display: block;width: 30px;border: 1px solid #ddd;margin-bottom: 3px}

.intro_f{margin: 60px auto 30px;background: none;border: none}
.intro_f h2 {width: 127px;margin:0 auto}
.intro_f h2 img{max-width: 100%}
.sch_wrap{width: 214px;margin: 0 auto}
.sch_wrap .searchbx{width: 207px;position: relative;height: 54px;padding-right: 45px;border: 8px solid #1191D0}
.sch_wrap .searchbx input[type=text]{width: 100%;height: 38px;margin-left: 8px;padding: 0 3px;border: none;color: #606060;font-size: 17px;vertical-align: middle}
.sch_wrap .searchbx .btn_sch{position: absolute; top: 6px;right: 11px;width: 28px;height: 28px;border: none;background: url(../images/btn_sch.png) no-repeat 0 center;background-size: 28px;text-indent: -999px;cursor: pointer}

.reg_wrap{margin: 0 18px 28px}
.reg_wrap p{margin: 28px 0 10px;padding-bottom: 10px;border-bottom: 1px solid #ddd;font-weight: 600}
.reg_wrap dl{clear: both;margin-bottom: 10px}
.reg_wrap dt{float: left;width: 90px;}
.reg_wrap dd{margin-left: 100px}
.reg_wrap select{width: 100%;height: 38px;border: 1px solid #dedede}
.reg_wrap input[type=text]{width: 100%;height: 38px;border: 1px solid #dedede}
.reg_wrap input[type=file]{width: 100%;height: 38px;border-bottom: 1px solid #dedede;line-height: 38px}
.reg_wrap textarea{width: 100%;height: 138px;border: 1px solid #dedede}
.reg_wrap span{display: block;margin-top: 20px;text-align: center}
.reg_wrap span input{height: 38px;padding: 0 20px;background: #1191D0;border: none;color: #fff}



.intro_index_bottom { margin: 130px auto 0}