@font-face {
  font-family: 'NanumBarunGothic';
  src: url('../../font/NanumBarunGothic.eot');
  src: url('../../font/NanumBarunGothic.woff') format('woff'),
       url('../../font/NanumBarunGothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumBarunGothicBold';
  src: url('../../font/NanumBarunGothicBold.eot');
  src: url('../../font/NanumBarunGothicBold.woff') format('woff'),
       url('../../font/NanumBarunGothicBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NanumSquare';
  src: url('../../font/NanumSquare.eot');
  src: url('../../font/NanumSquare.woff') format('woff'),
       url('../../font/NanumSquare.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{ font-size: 12px;word-break: keep-all;}
a:hover{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.center {text-align: center !important;}

/*상단배너*/
#topbanner{display: block;position: relative;}
#topbanner img{width: 100%;}
/*상단배너 - 버튼*/
#topbanner .control_btn{text-align: center;position: absolute;bottom: 3px;left: 50%;margin-left: -10px;z-index: 99;}
#topbanner .control_btn ul li{cursor:pointer; display: inline-block;margin: 0;width: 14px; height: 3px; background: #fff;}
#topbanner .control_btn ul li:hover{background:#e6151a;}
#topbanner .control_btn ul li.active{background:#e6151a;}

/*헤더*/
header{}
header ul{display: table;background: #f9f9f9;width: 100%;border-bottom: solid 1px #ddd;}
header ul li{display:table-cell;width: 33.3%;border-right: solid 1px #ddd; line-height: 33px;height: 33px;text-align: center;}
header ul li:last-child{border-right: 0;}
header ul li a{color:#6c6c6c; font-size: 12px; text-decoration: none;}
header ul li a:hover{color:#444;}
header h1{display:block;padding:15px 0;text-align: center;}
header h1 img{max-width: 200px;}
header .logo{position: relative;}
header .logo i{position: absolute;left: 12px;font-size: 23px;top: 30px;color: #0f2e4e;cursor: pointer;}
body.fixed header .logo { position:fixed; left:0; top:0; z-index:1000; width:100%; background:#fff; border-bottom:1px solid #888;}

/*메뉴*/
nav{ border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;}
nav ul.dp_1{line-height: 45px; height: 45px;width: calc(100% - 30px);white-space: nowrap;overflow: hidden;padding: 0 5px}
nav ul.dp_1 li{display: inline-block;padding: 0 5px; font-family: 'NanumBarunGothic','NanumBarunGothicBold', serif;vertical-align: top;letter-spacing: -0.5px;}
nav ul.dp_1 li.next{position: absolute;right:0;height: 45px;overflow: hidden;padding: 0;width: 20px;}
nav ul.dp_1 li.active a{color: #000; font-weight: bold;}
nav ul.dp_1 li a{color: #000; text-decoration: none;font-size: 13px;font-weight: 500;}
nav ul.dp_1 li.next a{font-size: 20px;line-height: 49px;}
nav ul.dp_2{background: #f0f0f0; line-height: 39px; height: 40px;white-space: nowrap;overflow: hidden;padding: 0 5px;border-top: solid 1px #dfdfdf;}
nav ul.dp_2 li{display: inline-block;padding: 0 5px; font-family: 'NanumBarunGothic','NanumBarunGothicBold', serif;}
nav ul.dp_2 li a{color: #000; text-decoration: none;font-size: 13px;font-weight: 500;}

/*서브 타이틀*/
#subTitle{letter-spacing: -0.5px;font-family: 'NanumBarunGothic','NanumBarunGothicBold', serif;  font-weight: 500;border-bottom: solid 1px #ddd;}
.defalut_bg{background: url('../img/section_bg_pattern.jpg') #f5f5f7; background-size: cover;}
.overlay_bg{background: rgba(0,0,0,0.3); padding:30px 10px;}
#subTitle h1{font-size: 20px; color:#fff;margin-bottom: 5px; font-weight: 600;font-family: 'NanumSquare';}
#subTitle h5{font-size: 13px; color:#fff; font-weight: 400;}

/*alert-msg-공통디자인*/
.alert-msg{border:solid 1px #555; line-height: 30px;padding:5px;text-align: center;background: #fff;font-family: 'NanumBarunGothic','NanumBarunGothicBold', serif;font-weight: 600;color: #dc2323; font-size: 14px;  width: 95%;  margin: auto;   position: relative;}


/*tab-공통디자인*/
ul.tabMenu{margin: 15px 0;font-size: 0;text-align: center;}
ul.tabMenu.grid3 li{ width:30%;padding:0;}
ul.tabMenu li{position: relative;display: inline-block;line-height: 35px;width:45%;border: solid 1px #000;font-size: 14px;text-align: center;font-family: 'NanumSquare';  font-weight: 600;margin-left: -1px;}
ul.tabMenu li:hover, ul.tabMenu li.active{background: #c50f0f;border-color:#c50f0f; z-index: 99;}
ul.tabMenu li a{text-decoration: none;  letter-spacing: -0.5px; color:#000;display: block;}
ul.tabMenu li:hover a, ul.tabMenu li.active a{color:#fff;}
ul.tabMenu.m4 li{width: 20%;}

/*tab-공통디자인2*/
ul.tabMenu2{ display:flex;margin: auto;font-size: 0;text-align: center; margin:0 2%; box-sizing:border-box;border: solid 1px #000;}
ul.tabMenu2 li{ flex:1; position: relative;line-height: 35px;font-size: 14px;text-align: center;font-family: 'NanumSquare';  font-weight: 600; box-sizing:border-box;border-left: solid 1px #000;}
ul.tabMenu2 li:first-child { border-left:none;}
ul.tabMenu2 li:hover, ul.tabMenu2 li.active{background: #c50f0f;border-color:#c50f0f; z-index: 99;}
ul.tabMenu2 li a{text-decoration: none;  letter-spacing: -0.5px; color:#000;display: block;}
ul.tabMenu2 li:hover a, ul.tabMenu2 li.active a{color:#fff;}



/*paging-공통디자인*/
.paging{margin-bottom: 10px;}
.paging ul{text-align: center;}
.paging ul li{display: inline-block;font-family: 'NanumBarunGothic','NanumBarunGothicBold', serif; font-size: 13px;margin: 0 5px;}
.paging ul li a{text-decoration: none;color: #000;}
.paging ul li.active a{color: #f5373c;font-weight: bold; border-color:#f5373c; }
.paging ul li.prev a{background: #fff;display: inline-block;border: solid 1px #555; border-radius: 2px;width: 26px;height: 26px;line-height: 26px;text-align: center;}
.paging ul li.next a{background: #fff;display: inline-block;border: solid 1px #555; border-radius: 2px;width: 26px;height: 26px;line-height: 26px;text-align: center;}
.paging ul li a:hover{color: #f5373c;font-weight: 500; border-color:#f5373c !important; }


/*contents*/
#contents{padding: 20px 0; border-top: solid 1px #ddd;}
.p10 { padding:0 10px;}
.bbs_detail{text-align: center;background: #fff; padding: 50px 0;font-family: 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
.bbs_detail .list{font-size: 16px;font-weight: 500;display: block;margin: auto;border: solid 1px #999; border-left: 0;border-right: 0;padding: 15px 5px;text-align: left;}
.bbs_detail .list h1{}
.bbs_detail .con { text-align:left; padding:20px 5px; font-size:13px; border-bottom:1px solid #999;}
.bbs_detail .con img { width:100% !important; height:auto !important;}
.bbs_detail .btns { padding:10px 0 0; text-align:right; border-top:1px solid #999;}
.bbs_detail .btns a { display:inline-block; padding:0 15px; font-size:16px; height:32px; line-height:32px; text-align:center; background:#1368b1; color:#fff; text-decoration:none;}


.bbs_detail_page {font-family: 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;background: #fff;border-top: solid 1px #ddd;margin-bottom: 30px;}
.bbs_detail_page .list-item{font-size: 0;}
.bbs_detail_page .list-item a{ text-decoration: none;}
.bbs_detail_page .list-item:hover{background: #f9f9f9; cursor: pointer;}
.bbs_detail_page .list-item div{width: 30%;font-size: 14px;text-align: center;display: inline-block;padding: 13px 20px;border-bottom: solid 1px #ddd; box-sizing:border-box; vertical-align:middle;}
.bbs_detail_page .list-item div:first-child{border-right: solid 1px #ddd;}
.bbs_detail_page .list-item div:last-child{width: 70%;text-align: left;}
.bbs_detail_page .list-item div:last-child a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.bbs_detail_page .list-item div i{margin-right: 5px;}
.bbs_detail_page_btn{text-align: right;}
.bbs_detail_page_btn a{font-family: 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;border-radius: 0; background: #dc2323;font-size: 15px;text-align: center;padding: 10px 20px;color:#fff;text-decoration: none;display: inline-block;}
.bbs_detail_page_btn a i{margin-right: 3px;vertical-align: -1px;}

.pop_type1.on { display:block; border-radius:10px;}
.pop_type1 { display:none; position:fixed; left:0; top:50%; z-index:1200; width:80%; margin:0 10% 0; background:#fff; transform:translateY(-50%);}
.pop_type1 .tit { position:relative; padding:0 10px; height:50px; line-height:50px; text-align:left; font-family:'NanumGothic'; background:#454545; border-radius:10px 10px 0 0;}
.pop_type1 .tit h2 { font-size:19px; color:#fff;}
.pop_type1 .tit a { position:absolute; right:15px; top:1px;  text-decoration:none; font-size:0; color:transparent;}
.pop_type1 .tit a:after { content:"\f057"; font-family:'FontAwesome'; font-size:30px; color:#fff;}
.pop_type1 .con { padding:20px; border-radius:0 0 10px 10px;}
.dim { position:fixed; left:0; top:0; z-index:1199; width:100%; height:100%; background:rgba(0,0,0,0.5);}

.con .title{text-align: center;font-family: 'NanumSquare', serif; padding:50px 0 20px 0;}
.con .title h1{font-size: 34px; color: #000;font-weight: 500;letter-spacing: -0.5px;}
.con .title h1:before{content: '';display: block;width: 20px;height: 20px;border-radius: 40px;border: solid 4px #f4b92f;margin: auto;margin-bottom: 15px;}
.con .title h5{font-size: 17px; color: #3f474a;font-weight: 400;letter-spacing: -0.5px;line-height: 23px;margin-top: 3px;}
.con .title h5:after{content: '';display: none;width: 40px;height: 0px;background: #555;margin:20px auto;}


.complete-bg{background: url('../img/section_bg.png') #f5f5f7; padding: 50px 0 !important; font-family: 'NanumSquare'; text-align: center;}
.complete-box h1{font-size: 34px; color: #000;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 8px;}
.complete-box h5{font-size: 17px; color: #777;letter-spacing: -0.5px;}
.complete-box h1:before{content: '';display: block;width: 20px;height: 20px;border-radius: 40px;border: solid 4px #f4b92f;margin: auto;margin-bottom: 15px;}
.complete-box .text-box{line-height: 25px;font-size: 16px;padding: 20px 8px;background: #fff;border: solid 1px #ddd;display: inline-block;margin: auto;margin-top: 20px;}
.complete-box .text-box b{color: #e20005;font-weight: bold;}
.complete-box .text-box a.btn{display: block;text-decoration: none;margin: auto;font-family: 'NanumSquare';line-height: 50px;margin-top: 20px;background: #4d585c;cursor: pointer;border: 0;color: #fff;font-size: 18px;height: 50px;}
.complete-box .text-box a.btn:hover{background: #2f383c;}


/*풋터*/
footer{padding-bottom: 50px;}
footer .footerMenu{background:#444;padding: 12px 10px;}
footer .footerMenu ul li{display: inline-block;margin-bottom: 5px;}
footer .footerMenu ul li:after{content:' | '; font-size: 9px;color:#666; padding:0 2px;}
footer .footerMenu ul li:last-child:after{content:'';padding:0;}
footer .footerMenu ul li a{color: #fff; font-size: 11px;text-decoration: none;}
footer .copyright{padding: 0 10px;font-size: 11px;color:#777;margin-top: 20px;line-height: 18px;}
footer .copyright a{color: #000;text-decoration:none;}