html{font-size:20px;}
body{font-size:1rem;}

.tablet{display:none;}
.mob{display:none;}


/*헤더*/
#wrap{font-size:0.9rem; line-height:1.3; overflow:hidden;}
#wrap .topBan{width:100%; background:url('/images/default/main/topban_bg.jpg') no-repeat center top; text-align:center;}
#wrap .topBan p{position:absolute; right:1rem; top:50%; transform:translateY(-50%); }

#header{width:100%;z-index:200;}
#header{position:relative; height:4rem;}
#header  h1 {position:absolute; left:0rem; top:50%; transform:translateY(-50%);  z-index:9999;}


/*탑메뉴*/
#header .header_inner {position: relative;width:65rem; margin:0 auto; box-sizing:border-box;  }
#header .header_inner #nav {height:100%; position: relative; height:4rem; text-align: right; padding-right:4rem;}
#header .header_inner #nav img{vertical-align:bottom; }
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;height:100%;}
#header .header_inner #nav ul li { display:inline-block; width: 160px; text-align:center;  float:none; vertical-align:top;position:relative;}
#header .header_inner #nav ul li div a{color:#111; font-weight: 500;display:inline-block; height:4rem; line-height:4rem; text-transform: uppercase;position:relative; font-size:0.95rem; letter-spacing:-0.05em;}
#header .header_inner #nav ul li div{position:relative;}
#header .header_inner #nav ul li.on div:after{content : ""; display : block; position : absolute; left:0; bottom:0px; width : 100%; height :2px; background:#3374be; z-index:100;}
#header .header_inner #nav ul li.on ul{}
#header .header_inner #nav ul li.on div a:before{width:100%; left:0%;}
#header .header_inner #nav strong{font-weight: normal;}
#header .header_inner #nav ul li ul {z-index: 100; display:none; position: absolute; width:160px; height: 270px; left:50%; margin-left:-80px; top:80px; padding:25px 0px 15px; box-sizing:border-box;  border-top:none; text-align:center; border-right:1px solid #ececec;}
#header .header_inner #nav ul li ul:first-child{ border-left:1px solid #ececec;}
#header .header_inner #nav ul li ul li {display:block;margin-bottom:13px; line-height:1.5;}
#header .header_inner #nav ul li ul li a{display:block;color:#333; font-size:0.85rem; height:auto; font-weight:normal; line-height:1.5;}
#header .header_inner #nav ul li ul li a:before{content:""; display:block; clear:both;}
#header .header_inner #nav ul li ul li a:hover{color:#3374be; }
#header .header_inner #nav ul li ul li a:focus{color:#3374be;}
#header .header_inner #nav ul li ul li ul{display:none;}
#header .header_inner #nav ul li ul li ul li{display:none;}

#header .header_inner #nav p{position:absolute; right:0; top:50%; transform:translateY(-50%);}
#header .header_inner #nav p a{display:inline-block;margin-left:0.3rem;}
#header .header_inner #nav p a i{background:#828489; color:#fff; font-size:0.8rem; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; border-radius:50%;}
#header .header_inner #nav p a span{font-size:0;}
.bg_box {display:none; position: absolute;width: 100%;height: 270px;top: 80px; z-index:10; box-sizing:border-box;background:#fff url("/images/default/main/tm_bg.png")no-repeat 18% bottom;box-shadow:5px 5px 8px rgba(0,0,0,0.2); border-top:1px solid #ececec;}

/*사이트맵 버튼*/
#header .btn-gnb-menu{position:absolute; right:0;top:50%; transform:translateY(-50%); cursor:pointer; z-index:9999; width:4rem; text-align:right; }
#header .btnAll { position:relative; width: 30px; height: 26px; outline: none; z-index:9999;}
#header .btnAll span { display: block; width: 100%; height: 3px; position: absolute; background-color: #555; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0; }
#header .btnAll > span:nth-child(2) { top: 10px; }
#header .btnAll > span:nth-child(3) { top: 20px;}
#header .btnAll:hover span{width: 30px;}
#header.open .btnAll > span:nth-child(1) { top: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 30px;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 30px;}
#header.open .btnAll > span:nth-child(3) { top: 10px; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 30px;}


#header.open .btn-allmenu{position:absolute;top:0;right:0;background:#ed1b23;width:4rem;height:4rem;z-index:10000;}
#header.open .btn-allmenu .btn-allmenu-close{position:absolute;top: 0;right:0; width:4rem; height:4rem; color:#fff; font-size:2rem; text-align:center; line-height:4.5rem; z-index:10000;display: inline-block;}


/*사이트맵*/
#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0;  z-index:100; transition:right 0.45s; background:#fff;}
#header.open #navi{transition:right 0.45s; right:0px;}

#menuAll #mnaviHead,
#menuAll .menu-member{display: none;}
#menuAll h3{text-align: center; font-size:1rem; line-height:1.3; padding-top:6rem; color:#111;}
#menuAll h3 em{font-size:2rem; display:block;}
#menuAll .mobile_top ul {overflow:hidden; width:65rem; margin:0 auto; }
#menuAll .mobile_top ul li{width:19%; float:left; margin-left:1%;}
#menuAll .mobile_top ul li:first-child{margin-left: 0;}
#menuAll .mobile_top ul li a{display:block; font-size:1.1rem; font-weight:500; color:#fff; background: #3374be; padding:1rem 0; text-align:center; width:100%; }
#menuAll .mobile_top ul li ul{margin-top:2rem;}
#menuAll .mobile_top ul li ul li{float:none; width:100%; padding-left:.75rem; position:relative; margin-top:15px; margin-left:0;}
#menuAll .mobile_top ul li ul li:first-child{margin-top:0;}
#menuAll .mobile_top ul li ul li:before{content : ""; display : block; position : absolute; left :0px;  top:10px; width :8px; height : 1px; background:#666;}
#menuAll .mobile_top ul li ul li a{ display:block; font-size:.95rem; color:#333; background:none; text-align: left; padding:0;}
#menuAll .mobile_top ul li ul li a:hover{color:#3374be;}
#menuAll .mobile_top ul li ul li ul{margin:1rem 0 2rem;} 	
#menuAll .mobile_top ul li ul li ul li{margin-top:10px;}
#menuAll .mobile_top ul li ul li ul li a{font-size:0.8rem; color:#888;}
#menuAll .mobile_top ul li ul li ul li:before{content : ""; display : block; position : absolute; left :0px;  top:10px; width :5px; height : 5px; border-radius:50%; background:#b4b4b4;}

/* 서브비주얼 */
#wrap #sepration {height:233px; overflow: hidden; clear:both; max-width: 1920px; position: relative; background-position: 50% 0; box-sizing:border-box; }
#wrap .vtxt{width:65rem; margin:0 auto; margin-top:-233px; height:233px;position:relative; z-index:100; text-align: center;text-shadow:3px 5px 5px rgba(0, 0, 0, 0.1); color:#fff; text-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);}
#wrap .vtxt h3{font-size:45px; letter-spacing:-0.02em; font-weight:700; vertical-align:middle; color:#fff;margin-bottom:20px; padding-top:60px;}
#wrap .vtxt h3 span{font-size:24px; font-weight:300; display:block; }
#wrap .vtxt p{font-size:22px;}

#wrap #sepration .mask {width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;}
#wrap #sepration .mask .img { height: 100%; -webkit-animation: subVisualMotion 1s; animation: subVisualMotion 1s; background-repeat: no-repeat; background-position: 50%; background-size: cover; }

@-webkit-keyframes subVisualMotion { 0% { -webkit-transform: scale(1.1); transform: scale(1.1) rotate(0.1deg); }
  100% { -webkit-transform: scale(1); transform: scale(1) rotate(0); } }

@keyframes subVisualMotion { 0% { -webkit-transform: scale(1.1); transform: scale(1.1)  rotate(0.1deg); }
  100% { -webkit-transform: scale(1); transform: scale(1)  rotate(0); } }


/* LNB */
.snb {position:absolute;top:-30px;width:100%;z-index:80;}
.snb .allWrap {position:absolute;top:0;left:50%;width:100%;max-width:65rem;height:60px;margin:0 auto; background:#fff;-moz-box-shadow:0 10px 7px rgba(0, 0, 0, 0.16); -webkit-box-shadow:0 10px 7px rgba(0, 0, 0, 0.16);box-shadow:0 10px 7px rgba(0, 0, 0, 0.16); transition:all .3s ease; transform:translate(-50%,  0);}
.snb .allWrap .snbWrap{position:relative;width:65rem;height:60px;margin:0 auto;}
.snb.fix .allWrap{position:fixed;max-width:100%; border-radius:0;}
.snbWrap a.home{position:relative;display:block;float:left;width:60px;height:60px;color:#fff; background: linear-gradient(45deg, #19417e, #2963b3);z-index:20;}
.snbWrap a.home i{position:absolute;left:50%;top:50%; transform: translate(-50%, -50%); font-size:1rem;}
.snbWrap ul#lnb{position:relative;padding-left:60px;}
.snbWrap ul#lnb:after{content:''; display:block; clear:both;}
.snbWrap ul#lnb>li{width:270px;position:relative;float:left; z-index:2;}
.snbWrap ul#lnb>li:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#c7c7c7;}
.snbWrap ul#lnb>li.on{ z-index:3;}
.snbWrap ul#lnb>li a{display:block; width:100%; height:60px; padding:0 30px; color:#333; line-height:60px;font-weight:500; box-sizing:border-box;}
.snbWrap ul#lnb>li>a .unfd{position:absolute; top:50%; right:30px; width:13px; height:9px; margin:-3px 0 0 ; background:url('/images/default/content/sub_arrow.png') no-repeat 0 0; text-indent:-999em; transition: all .2s ease; transform-origin:50% 50%;}
.snbWrap ul#lnb>li.on > a{color:#19417f; position:relative;}
.snbWrap ul#lnb>li > a{color:#333;}
.snbWrap ul#lnb>li > a:active{color:#19417f; position:relative;}

.snbWrap #lnb>li>div{z-index:20; position:absolute;top:60px; width:calc(100% + 0px); background:#f6f6f6; padding:15px 0px;display:none;  margin-left:0px; border-top:none; box-sizing:border-box; box-shadow:0 10px 10px rgba(0, 0, 0, 0.16);}
.snbWrap #lnb>li>div>ul>li{height:auto;}
.snbWrap #lnb>li>div>ul>li>a{position:relative;padding-left:30px; color:#666;height:auto; line-height:35px;}
.snbWrap #lnb>li>div>ul>li>a.on{color:#19417f;}
.snbWrap #lnb>li>div>ul>li>a.over{color:#19417f;}

/* 탭메뉴 */
.tab_menu{  margin:2.5rem 0 0; }
.tab_menu ul{    position: relative;   text-align: center;   height: 54px;  }
.tab_menu ul li{display: inline-block; height: 54px;      vertical-align: middle; }
.tab_menu ul li a{ display: inline-block;  height: 52px;    border: 1px solid #ddd;   padding:0 2rem; margin:0 .5rem;  background-color: #fff;    color: #666;
    line-height: 52px;    vertical-align: top;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box; }
.tab_menu ul li.on a{position: relative;    height: 54px;  background:#364660;  border: 1px solid #364660;    border-bottom: 0;    color: #fff;}
.tab_menu ul li strong{font-weight: 700;}


#container { margin:0; padding:0; position:relative;}
#container #section {   margin:0 auto;}

#container #section .right_content {width:100%; min-height:700px; overflow:hidden;}
#container #section .right_content .content_title {width:1200px;margin:0 auto; margin-top:100px;}
#container #section .right_content .content_title h3 {position:relative; width: 100%;   font-size: 40px;    line-height: 1.0;     font-weight:400;    letter-spacing: -1.5px; color:#121212; text-align:center; }
#container #section .right_content .content_body {padding:80px 0px 100px; width:100%;}

/*푸터*/
#footer{ clear:both; line-height:1.5;background-color:#333; color:#818181; font-size:0.8rem; letter-spacing:0;}
#footer .copyright { width:65rem; margin:0 auto; padding:2rem 0;overflow:hidden; position:relative;}
#footer .copyright h3{position:absolute; right:0; bottom:2rem;}
#footer .copyright p {margin-top:10px;}
#footer .copyright p em{padding:0 10px;}
#footer .copyright p b{color:#81c5dc;}
#footer .copyright a{color:#7a7a7a;}
#footer .copyright p.copy i{color:#FFCC00;}




/* =============================================================================
  통합검색
   ========================================================================== */

.search_wrap{padding:0; width:1200px; margin: 0 auto; padding-top:30px;}
.cate_area{ box-sizing:border-box; border-top:2px solid #21416A; border-bottom:1px solid #d0d0d0;margin-bottom:80px;}
.search_all{overflow:hidden; width:50%; margin:0 auto; margin-bottom:30px;border:2px solid #175a9e; }
.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:40px; line-height:40px;  padding-right:40px; 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% - 40px);  float:left;box-sizing:border-box;}
.search_all .searchBox input.keyWord{ height: 40px; line-height: 40px; background:transparent; border:none;width:calc(100% - 140px);  padding-left:10px;}
.search_all .searchBox input.btnSearch{float:left; width:40px;}

.tit-search h2{text-align:center; font-size:25px; font-weight:500;}
.tit-search h2 span{color:#000;}
.tit-search h2 em{color:#f05b1c;}
.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; }
.cate_area .pt ul li{float:left; width:25%; 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{font-size:18px; color:#7c7c7c; }
.cate_area .pt ul li.on a{color:#355885; font-weight:bold;}


.sr_result{position:relative; }
.sr_result h3{background:url('/images/default/content/h4.gif') no-repeat left center; padding-left:28px;margin-bottom:10px; font-size:20px; color:#212121; font-weight:normal; margin-top:25px;}
.sr_result h3 span{color:#f05b1c;}
.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:25px;}
.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;}