@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('/css/default/notosanskr.css');
@import url('/css/default/remixicon.css');
@import url('/css/default/xeicon.css');

/****************************** RESET ******************************/
html{font-size:15px;}
body{font-size:1rem;}
*{margin:0; padding:0; box-sizing:border-box;}
*:focus { outline:none; }
html{width:100%; height:100%}
body{position:relative; font-family: 'Noto Sans KR', AppleGothic, 'Dotum', sans-serif; font-size:100%; color:#5E5E5E; height:100%;  -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;letter-spacing:0; word-break:keep-all; word-wrap:break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0}
html, body, div, span, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0;padding:0}
ol, ul, li {list-style:none;}
em, dt, dd, address, i {font-style:normal}
img {vertical-align:middle; max-width:100%;}
img, fieldset {border:0 none;}
label {padding-right:10px}
button {border:0 none;background:transparent;cursor:pointer}
hr {display:none;}
legend, .skip, .blind, .skip_nav {width:0;height:0;visibility:hidden;font-size:0;line-height:0;position:absolute;top:0;left:-9999em;overflow:hidden;}
table caption {display:none}
table {border-collapse:collapse;border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a{color:inherit}
a:link, a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:none}

h1, h2, h3, h4, h5, h6{font-family: inherit;font-weight: 700;color: inherit;margin: 0;}

input, textarea, select {font-family: inherit; letter-spacing: 0em; color: inherit;	padding: 0; outline: none;}
button {border:0; cursor: pointer;}

.clearfix { display:block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }


/* 헤더  */
#header {height: 56px; width:100%; position:relative;border-bottom:1px solid rgba(255, 255, 255, 0.25);}
#header h1 {}
#header h1 img{position:absolute; top:50%; left:15px; transform:translateY(-50%);}

/* 전체메뉴 보기 */
#header .topMenu { position:absolute; top:50%; right:15px;  transform:translateY(-50%); text-align:center; vertical-align:middle; cursor:pointer;  }
#header #navi{background:#fff;display:none; position:fixed; right:-90%; top:0; width:90%; height:100%;  z-index:9999;}
#mnaviHead {position:relative; display:block; height:56px;}
#mnaviHead ul{position:absolute; right:15px; top:0; overflow:hidden;}
#mnaviHead ul.sns{left:15px;}
#mnaviHead ul li{float:left; margin-left:10px; height:56px; line-height:56px;}
#mnaviHead ul li img{vertical-align:middle;}
#mnaviHead h3{font-size:1.2em;color:#fff; padding-left: 10px; font-weight:700; line-height:56px;}
#mnaviHead p.close a {position:absolute; right:10px; top:15px;}
#mnaviHead p.log{height:56px; line-height:56px; color:#999; padding-left:15px;}
#mnaviHead p.log b{color:#000;}

/* 로그인 */
.menu-member {box-sizing:border-box; overflow:hidden; }
.menu-member a{display:block; float:left; width:50%; color:#fff; background-color:#00A7D5; height:40px; line-height:40px; font-size:0.95em; text-align:center;position:relative;}
.menu-member a:first-child:before{ content : ""; display : block; position : absolute; right:0; top:50%; width :1px; height : 16px; margin-top:-8px; background: rgba(255, 255, 255, .5);}

/* 언어별 */
div.info{position:absolute; left:15px; top:0;}
div.info a{display:block; height:56px; line-height:56px; text-align:center;box-sizing:border-box; }
div.info a img{vertical-align:middle;}
div.info_pop{display:none; position:absolute; z-index:1000;top:56px; left:0px; padding:10px 5px; background:#fff; border:2px solid #000; width:60px; box-sizing:border-box;}
div.info_pop ul li{margin-top:10px; text-align:center;}
div.info_pop ul li:first-child{margin-top:0px;}
div.info_pop ul li a{font-weight:bold;color:#212c42;}


/*1차*/
#navi ul#mbtop {width:100%; margin:0; padding:0; padding:0px 15px;}
#navi ul#mbtop li{margin:0; float:none; width:100%; border-bottom:1px #eeeeee solid; position:relative; }
#navi ul#mbtop li:after{ content :"\e941"; display : block; position : absolute; right:1rem;  top:15px;font-family:'xeicon'; font-weight:500; }
#navi ul#mbtop li a {display:block; width:100%; height:50px; box-sizing:border-box; font-weight:500;  line-height:50px; font-size:1.1em;  color:#262626; padding-left:10px;}
#navi ul#mbtop li.open_li{ position:relative;}
#navi ul#mbtop li.open_li:after{ content :"\e944";}
#navi ul#mbtop li.open_li > a {color:#0053A2;}
#navi ul#mbtop li a span {font-size:15px;}
#navi ul#mbtop li:first-child{border-top:1px #eeeeee solid;}

/*2차*/
#navi ul#mbtop li ul {display:none; float:none; background-color:#f5f5f5; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:15px;}
#navi ul#mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none;}
#navi ul#mbtop li ul li a {color:#262626; background:url(none); font-size:1.0em; font-weight:500; height:auto; line-height:30px;padding-left:0;}
#navi ul#mbtop li ul li:first-child{border:none;}
#navi ul#mbtop li ul li:after,
#navi ul#mbtop li ul li:before{display:none;}

/*3차*/
#navi ul#mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
#navi ul#mbtop li ul li ul li {display:none;}

/*서브비주얼*/
div.sub_visual{height:130px; width:100%; background:url('/images/default/content/sub_visual01.jpg') no-repeat center top; background-size:250% auto; z-index:0;text-align:center;}
div.sub_visual h2{font-size:1.6rem; padding-top:30px; line-height:75px;color:#333; font-weight:700; }


/* 네비게이션 서브메뉴 */
div.smenu_wrap{position:relative;padding-left:37px; background-color:#fafafa; z-index:10;box-sizing:border-box; z-index:3; border-bottom:1px solid #e3e3e3;}
div.smenu_wrap span {position:absolute;top:0;left:0;width:37px; height:45px;  line-height:45px; text-align:center; }
div.smenu{width:100%;box-sizing:border-box; position:relative; clear:both;}
div.smenu ul.sm{width:100%; height:45px; }
div.smenu ul.sm > li{width:50%; float:left; position:relative; padding:0px 10px;}
div.smenu ul.sm > li:before{content:'';display : block; position : absolute; left :0; top:0;  width :1px; height : 100%; background : #e3e3e3; }
div.smenu ul.sm > li.on{background:url('/images/mobile/sm_on.png') no-repeat 95% center; background-size:10px auto;}
div.smenu ul.sm > li > a{display:block; line-height:1.1; font-size:15px; color:#333;text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	 height:45px; text-align:left;line-height:1.3; font-size:0.95em; font-weight:bold; letter-spacing:-0.01em; color:#1b1b1b; background:url('/images/mobile/sm.png') no-repeat right center;  background-size:10px auto; padding:0px 20px 0px 0px;}
div.smenu ul.sm > li.on > a { background:none; }
div.smenu ul.sm > li.active{background: url(/images/mobile/sm_on.png) no-repeat 95% center;}

div.smenu ul.sm > li div.scon{position:absolute; top:46px; width:calc(100% + 1px); left:0; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);}
div.smenu ul.sm > li div.scon ul{background-color:#fff; border-bottom:1px solid #e0e2e4;}
div.smenu ul.sm > li div.scon ul li a{padding:10px 2px 10px 10px; display:block;  border:1px solid #e0e2e4; border-bottom:none; line-height:1.3;color:#1b1b1b;}
div.smenu ul.sm > li div.scon ul li:first-child a{border-top:none;}
div.smenu ul.sm > li div.scon ul li.active a{background-color: #8D80BA; color:#fff;border-color: #8D80BA;}
div.smenu ul.sm > li div#subMList ul li.active a{background-color: #8D80BA; color:#fff;border-color: #8D80BA;}

h2.mobile_pt{color:#333333; font-size:1.5em; font-weight:bold; letter-spacing:-0.03em;  padding:1.5rem 1rem 1rem; line-height:1.0; margin-bottom:1.5rem; border-bottom:1px solid #ddd;}


/*3차*/
div.third {margin-bottom:30px; *zoom:1; height:35px;}
div.third ul{display:table; width:100%; margin:0 auto; line-height:0; font-size:0;}
div.third li {display:table-cell; *display:inline; *zoom:1; width:25%; height:35px; vertical-align:middle; text-align:center;border:1px solid #e7e7e7; background-color:#f5f5f5;}
div.third li a {display:block; line-height:1.2; font-size:15px; color:#333;text-transform:capitalize; }
div.third li.active{background-color:#625757; border:1px solid #625757;} 
div.third li.active a{color:#fff;}

div.content_wrap{position:relative; z-index:0; min-height:230px;  padding-bottom:3rem;}

/* 버튼 */
.btn_confirm { margin-right: 7px;  padding: 8px 30px;   font-size: 1.0em;  font-weight: bold;  color: #fff;  background-color: #dd4834;  border: 1px solid #dd4834; cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important; }
.btn_cancel {  padding:8px 30px;   font-size: 1.0em;  font-weight: bold;  color: #fff;  background-color: #6d6c74;  border: 1px solid #666;cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important;  }


/*푸터*/
.bottom{padding:15px 0; border-top:1px solid #ddd;}
.bottom ul{overflow:hidden}
.bottom ul li{float:left; width:25%; text-align:center;}
.bottom ul li img{width:70px;}

div#footer{ padding: 25px 15px;background-color:#DEDEDE; text-align:center;}
div#footer h3{margin-bottom:20px;}
div#footer p{color:#333; line-height:1.3; font-size:400;}
div#footer p span{margin:0 10px; color:#888; font-size:.8rem;}
div#footer p.copy{margin-top:15px; color:#888; font-size:.7rem;}
div#footer ul.sns{margin-bottom:20px;}
div#footer ul.sns li{display:inline-block; margin:0 5px;}
div#footer ul.sns li a{display:block; width:30px; height:30px; color:#fff; background:#8D80BA; border-radius:50%; line-height:30px;}

div#footer div.link{width:100%; text-align:center; margin-top:20px;}
div#footer div.link ul{clear:both; text-align:center;}
div#footer div.link ul li{margin:0; padding:0; display:inline-block; float:none;}
div#footer div.link ul li a{display:inline-block; padding: 0px 3px; color: #333;}




/* =============================================================================
  통합검색
   ========================================================================== */
.search_wrap{padding:0;}
.cate_area{ box-sizing:border-box; border-top:2px solid #21416A; border-bottom:1px solid #d0d0d0;margin-bottom:2rem;}
.search_all{overflow:hidden; width:100%; margin:0 auto; margin-bottom:30px;border:2px solid #175a9e; position:relative;}
.search_all .searchBox  select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
.search_all .searchBox select.total_select{ border: 0 none;  padding: 0;  margin: 0;  background: transparent;  outline: none; height:2.5rem; line-height:2.5rem;  padding-right:2.5rem; padding-left:15px; border:none; background-image:none;   -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;	background: #fff url('/images/default/content/sel_icon.png') no-repeat right center; width:100px;}
.search_all .searchBox{border-right:none;width:calc(100% - 2.5rem);  float:left;box-sizing:border-box;}
.search_all .searchBox input.keyWord{ height: 2.5rem; line-height: 2.5rem; background:transparent; border:none;width:calc(100% - 140px);  padding-left:10px;}
.search_all input.btnSearch{position:absolute; right:0.5rem;top:50%; transform:translateY(-50%); border:none; width:30px;}


.tit-search h2{text-align:center; font-size:1.2rem; font-weight:500;}
.tit-search h2 span{color:#000;}
.tit-search h2 em{color:#FF3D00;}
.cate_area h2{font-size:18px; font-weight:bold; color:#212121;background:url('/images/default/content/search_tit.gif') no-repeat left 5px; padding-left:20px; margin-top:15px;}
.cate_area .folding{position:relative; padding:10px 0px 0px; 0px;}
.cate_area .folding h3{position:absolute; left:50%; margin-left:-52px; bottom:-27px; cursor:pointer; }
.cate_area .pt{padding-bottom:35px;}
.cate_area .pt ul{overflow:hidden; font-size:0.85rem;}
.cate_area .pt ul li{float:left; width:50%; margin-top:10px; background:url('/images/default/content/ser_bul.gif') no-repeat left center; padding-left:18px; box-sizing:border-box;}
.cate_area .pt ul li a em{color:#7c7c7c; margin-left:0.25rem; font-size:0.8rem;}
.cate_area .pt ul li.on a{color:#355885; font-weight:bold;}


.sr_result{position:relative; }
.con .sr_result h3{margin-bottom:10px; font-size:1.2rem; color:#212121; font-weight:normal; margin-top:1rem !important; padding:0;}
.con .sr_result h3:before{display:none;}
.con .sr_result h3 span{color:#FF3D00;}
.sr_result p.more{position:absolute; top:0px; right:0px;}
.sr_result p.gal_tit a{color:#333 !important; font-weight:500; font-size:18px;background:url('/images/default/content/dot.gif') no-repeat left 10px; padding-left:10px; }
.sr_result .gal_con{word-break:break-all; color:#848484; font-size:16px;margin:8px 0px; margin-left:10px;}
.sr_result .date{background: url('/images/default/content/date.gif') no-repeat 0 center; padding-left:20px;font-size:12px; color:#adadad;padding-top:2px; }
.sr_result .sdate{margin-left:10px;}
.sr_result p.smore{position:absolute; top:0; right:0;}

.sr_result .tb_wrap {background:url('/images/default/content/dot_line2.gif') repeat-x left bottom; padding-bottom:1rem;}
.sr_result .tb_view{border-collapse: collapse;	border-spacing: 0; table-layout:fixed;}
.sr_result table.online_tb{border-bottom:solid 1px #e4e4e4;}
.sr_result .tb_view thead th{color: #818181; font-weight: bold; padding:11px 15px; font-size: 14px; text-align:left; vertical-align:middle; border-bottom:1px solid #e4e4e4;}
.sr_result .tb_view tbody th{ color:#a1a6a9; font-weight:bold;  padding:11px 15px; text-align:left;background: url('/images/default/content/th.gif') no-repeat right center; font-size:12px; }
.sr_result .tb_view tbody td{padding:12px 10px;color:#818181; line-height: 20px; font-size:13px;}
.sr_result .tb_view tbody td.attached a{font-size:12px; text-decoration:underline !important;}
.sr_result .tb_view tbody td.date{font-size:12px; text-align:center;}
.sr_result .tb_view tbody td.view{background: url('/images/default/content/th.gif') no-repeat left center; font-size:12px;text-align:center;}
.sr_result .tb_view tbody .vbar{background: url('/images/default/content/th.gif') no-repeat right center; font-size:12px;text-align:center;}


.no_result{text-align:center; font-size:18px; color:#848484;}
.no_result b{color:#212121; font-size:30px; font-weight:bold; line-height:50px;}