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

/****************************** RESET ******************************/
html{font-size:16px;}
body{font-size:1rem;}
*{margin:0; padding:0; box-sizing:border-box;}
*:focus { outline:none; }
html,body {width:100%;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0}
div {outline:none;}
body,h1,h2,h3,h4,input,button,textarea, select {margin:0;  font-family:'Montserrat', 'Noto Sans KR', '나눔고딕',  'sans-serif'; color:#221815;}
body {overflow-y: scroll; word-break:keep-all;}
header, footer, section, article, aside, hgroup, details, menu, figure, figcaption {display:block;}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input, select {vertical-align:middle; border:1px solid #d5d5d5; vertical-align:middle; font-size:.9rem;}
img {vertical-align:middle;}
i,em,address {font-style:normal;}
label,button {cursor:pointer; display:inline-block;}
button {margin:0;padding:0;}
a {text-decoration:none; color:#221815;}
a:hover {text-decoration:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0;}
table caption {width:0; height:0; text-indent:-9999px; overflow:hidden;}
.clear_both {clear:both; *zoom:1;}
.clear_both:after {content:" "; display:block; clear:both;}

/* 기본세팅  */
body { /*min-height: 2000px;*/ margin:0; padding:0;}
.bs-header {}
img {max-width:100%;}
.web{display:none;}

#page_wrap i{vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-family: inherit;font-weight: 700;color: inherit; margin: 0; font-family:'GmarketSans', 'sans-serif';}

/* 헤더  */
#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:absolute; right:-90%; top:0; width:90%; height:100%;  z-index:9999;}
#mnaviHead {position:relative; display:block; height:56px; padding:0 1rem; border-bottom:1px solid #F4F4F4;}
#mnaviHead ul{overflow:hidden;}
#mnaviHead ul li{float:right; height:56px; line-height:56px;}
#mnaviHead ul li i{font-size:1.5rem;}
#mnaviHead ul li:first-child{float:left;}

.sns_pop{text-align:center; padding:.75rem 0; border-bottom:1px solid #DDDEE3;}
.sns_pop li{display:inline-block; margin:0 1.5rem; font-size:.7rem;}
.sns_pop li img{width:2rem; margin-bottom:5px;}

/*1차*/
#navi ul#mbtop {width:100%; margin:0; padding:0; padding:0px 1rem; margin-top:8px; border-top:1px solid #DDDEE3; position:relative;}
#navi ul#mbtop:before{content : ""; display : block; position : absolute; left : 0; top:-9px;  width :100%; height : 8px; background : #E9EAEE;}
#navi ul#mbtop li{margin:0; float:none; width:100%; border-bottom:1px #F4F4F4 solid; position:relative; }
#navi ul#mbtop li:after{ content :"\e941"; display : block; position : absolute; right:0;  top:18px;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.1rem;  color:#262626;}
#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:#43A7FC;}
#navi ul#mbtop li a span {font-size:15px;}


/*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 0;}
#navi ul#mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none;}
#navi ul#mbtop li ul li a {color:#5F5F5F; background:url(none); font-size:.95rem; font-weight:500; height:auto; line-height:30px;padding-left:1rem;}
#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;}


/* 네비게이션 서브메뉴 */
.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;}
.smenu_wrap span{position:absolute;top:0;left:0;width:37px; height:3.3rem;  line-height:3.3rem; text-align:center; display:inline-block;}
.smenu_wrap span i{vertical-align:middle;}
.smenu{width:100%;box-sizing:border-box; position:relative; clear:both;}
.smenu .sm{width:100%; height:3.3rem; }
.smenu .sm > li{width:50%; float:left; position:relative; padding:0px 10px;}
.smenu .sm > li:before{content:'';display : block; position : absolute; left :0; top:0;  width :1px; height : 100%; background : #e3e3e3; }
.smenu .sm > li.on{background:url('/images/mobile/sm_on.png') no-repeat 95% center; background-size:10px auto;}
.smenu .sm > li > a{display:block; line-height:1.1; 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:3.3rem; text-align:left;line-height:1.3;  font-weight:bold; letter-spacing:-0.02em; font-size:0.9rem; color:#1b1b1b; background:url('/images/mobile/sm.png') no-repeat right center;  background-size:10px auto; padding:0px 20px 0px 0px;}
.smenu .sm > li.on > a { background:none; }
.smenu .sm > li.active{background: url(/images/mobile/sm_on.png) no-repeat 95% center;}

.smenu .sm > li .scon{position:absolute; top:3.3rem; width:calc(100% + 1px); left:0; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);}
.smenu .sm > li .scon ul{background-color:#fff; border-bottom:1px solid #e0e2e4;}
.smenu .sm > li .scon ul li a{padding:12px 5px 12px 10px; display:block; font-size:0.9rem; border:1px solid #e0e2e4; border-bottom:none; line-height:1.3;color:#1b1b1b;}
.smenu .sm > li .scon ul li:first-child a{border-top:none;}
.smenu .sm > li .scon ul li.active a{background-color: #43A7FC; color:#fff;border-color: #43A7FC;}
.smenu .sm > li #subMList ul li.active a{background-color: #43A7FC; color:#fff;border-color: #43A7FC;}

.sv2 .smenu .sm > li .scon ul li.active a,
.sv2 .smenu .sm > li #subMList ul li.active a{background-color: #FFCC33; border-color: #FFCC33;}

.sv3 .smenu .sm > li .scon ul li.active a,
.sv3 .smenu .sm > li #subMList ul li.active a{background-color: #47DAAE; border-color: #47DAAE;}

.sv4 .smenu .sm > li .scon ul li.active a,
.sv4 .smenu .sm > li #subMList ul li.active a{background-color: #25CEE3; border-color: #25CEE3;}

.sv5 .smenu .sm > li .scon ul li.active a,
.sv5 .smenu .sm > li #subMList ul li.active a{background-color: #FF7DC1; border-color: #FF7DC1;}

.sv6 .smenu .sm > li .scon ul li.active a,
.sv6 .smenu .sm > li #subMList ul li.active a{background-color: #78A6FC; border-color: #78A6FC;}

/*서브비쥬얼*/
.sub_visual{width:100%; text-align:center; box-sizing:border-box; padding:0px 1rem; color:#fff; z-index:0; position:relative;}
.sub_visual h2{font-size:1.6rem; height:7rem;line-height:7rem; color:#fff; font-weight:bold; text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.5);}


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


/*3차*/
.third { *zoom:1; padding:0 1rem;overflow:hidden; }
.third ul{width:50%; float:right;}
.third li {float:left; width:50%;  vertical-align:middle; text-align:center;border:1px solid #e7e7e7; background-color:#f5f5f5;}
.third li a {display:block;height:35px; line-height:35px; font-size:15px; color:#333;text-transform:capitalize; }
.third li.active{background-color:#625757; border:1px solid #625757;} 
.third li.active a{color:#fff;}

.content_wrap{position:relative; z-index:0; min-height:230px;  padding-bottom:4rem; overflow:hidden;}

/* 버튼 */
.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;  }


/*푸터*/
#footer{ padding: 2rem 1rem; background-color:#01203e; color:#fff; font-size:.8rem; letter-spacing:0.02em;}
#footer .fcon{margin-bottom:1rem; position:relative;}
#footer .fcon div ul{margin-bottom:15px;}
#footer .fcon div ul li{display:inline-block; font-size: .9rem; margin-right:10px;}
#footer em{color:#43a7fc; margin-right:10px; }
#footer .fsns{position:absolute; bottom:0; right:0;}
#footer .fsns li{display:inline-block; margin-left:5px;}
#footer .fsns li img{width:1.8rem;}
#footer b{display:block; margin-top:10px;}
#footer a{color:#fff; font-weight:normal;}
#footer span {color:#0071bf; padding:0px 10px; } 
#footer .copy{color:#fff; margin-top:10px; font-size:.7rem;}

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




/* =============================================================================
  통합검색
   ========================================================================== */
.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_b.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;}