html, body{ font-family:'Nanum Gothic','malgun gothic','맑은고딕','돋움','Sans-serif',arial;}
.bx-wrapper{margin:0 auto;} 
.bx-wrapper .bx-viewport{border:none; left:0px; box-shadow:none;}
a{text-decoration:none; color:#444;}
*{color:#444;}
html{	overflow-x: hidden; overflow-y: scroll;}
.hide{display:none !important;}
.blue{color:#0075bf;}
.ma50{margin-bottom:50px;}
.ma7{margin-bottom:7px;}
.ma10{margin-bottom:10px;}
.maT30{margin-top:30px;}
.red{color:#ff054a;}
.bold{font-weight:bold;}
.imgMax{max-width:100%;}
.centerBox{width:100%; text-align:center; margin:15px 0;}
.rightBox{width:100%; text-align:right; margin:15px 0;}
.grayBox{background-color:#fff; border:1px solid #ccc; padding:20px; box-sizing:border-box; line-height:28px; margin-bottom:45px;}
.grayBox2{background-color:#f1f1f1; border:1px solid #f1f1f1; margin-bottom:15px;}

.qBtn{color:#0075bf; border:1px solid #0075bf; padding:10px 15px; font-size:14px; display:inline-block; transition-duration:0.3s;}
.qBtn:hover{background-color:#0075bf; color:#fff;}
.qBtn2{color:#0075bf; border:1px solid #0075bf; padding:10px 15px; font-size:16px; width:400px; border-radius:30px; display:inline-block; transition-duration:0.3s;}
.qBtn2:hover{background-color:#0075bf; color:#fff;}
.qBtn3{color:#0075bf; border:1px solid #0075bf; padding:10px 15px; font-size:16px; width:550px; border-radius:30px; display:inline-block; transition-duration:0.3s;}
.qBtn3:hover{background-color:#0075bf; color:#fff;}
.qBtn4{margin-right: 5px}
.noticeBul{color:#004570; border:1px solid #004570; padding:0px 5px; line-height:22px; border-radius:50px; display:block; width:35px; margin:0 auto; font-size:14px;}
.qBtn301{color:#0075bf; border:1px solid #0075bf; padding:20px; font-size:16px; display:inline-block; transition-duration:0.3s; margin:1px}
.qBtn301:hover{background-color:#0075bf; color:#fff;}
.qBtn302{color:#2e9b55; border:1px solid #2e9b55; padding:20px; font-size:16px; display:inline-block; transition-duration:0.3s; margin:1px}
.qBtn302:hover{background-color:#2e9b55; color:#fff;}

#skip_navigation {position:absolute;float: left;top:0px;left:0px;width:200px;font-size:14px;font-weight:bold;padding-left:10px;height:20px;}
#skip_navigation a { position:absolute; display:block; height:0; overflow:hidden;}
#skip_navigation a:hover, #skip_navigation a:focus, #skip_navigation a:active { height:auto; background:#0b3e9c; color:#f9f9f9; padding:10px 10px 10px 10px; }
/*스킵네비*/
.tableBox{border-top : 2px solid #0075bf; margin:10px 0; background-color:#fff;}      
.tableBox + p{background:#fafafa; border:2px dashed #eee; padding:15px; box-sizing:border-box; color:#777; line-height:22px;}         
.tableBox > table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; min-width:720px; }
.type1 .textLeft{text-align: left}
.type1 th { background : #f6f8fa; font-weight :bold;}                   
.type1 th, .type1 td { border-bottom : 1px solid #d5dce2; border-right:1px solid #d5dce2; padding :15px 10px; line-height:22px; text-align:center; vertical-align:middle;}
.type2 th {padding :10px 5px; line-height:20px; font-size:14px; vertical-align:middle;}
.type2 td {padding :10px 5px; line-height:20px; font-size:14px; vertical-align:top;}
.type3 td {text-align:left;}
.type4 {border:1px solid #d5dce2; margin-bottom:10px;}
.type5 td {text-align:center;}
.type1 th:last-child, .type1 td:last-child {border-right:none;}
.type1 th.left, .type1 td.left {text-align:left;}
.type1 th.rBoder, .type1 td.rBoder {border-right:1px solid #d5dce2;}
.type1 .bg_yellow { background :#fefbf1; }
.type5 td{padding:10px 5px;}
.type5 input{width:95%; height:28px; line-height:28px;}
.type5 td select {padding:0 5px; height:26px; box-sizing:border-box; background-color:#fafafa; border:1px solid #ccc; width:100%;}
/*테이블 폼*/ 
input{ border:1px solid #ccc; font-family:'Nanum Gothic','malgun gothic','맑은고딕','돋움','Sans-serif',arial;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder { color: #aaa; } 
input::-moz-placeholder { color: #aaa; }
/*인풋 기본 스타일*/
.borderSearch{margin-bottom:10px; width:100%; overflow:hidden;}
.borderSearch form fieldset > div{float:right; position:relative; padding-left:100px;}
.borderSearch form select {width:95px; position:absolute; top:0; left:0; border:1px solid #ddd; background-color:#f6f6f6; padding-left:5px; height:40px; line-height:40px; font-size:14px; }
.borderSearch form fieldset > div >div {position:relative; padding-right:60px; width:350px; box-sizing:border-box;}
.borderSearch form div input {background-color:#fff; padding-left:5px; height:40px; line-height:36px; font-size:14px; width:100%; box-sizing:border-box;}
.borderSearch a {background-color: #354d65; color: white; height:40px; line-height:40px; font-size:14px; width:60px; text-align:center; position:absolute; right:0; top:0;} 
/*보더서치존*/
.noticeBg{background-color:#f9fbfe;}
/*게시판*/
.paging{padding:40px 0; width:100%; text-align:center;}
.paging > a {display: inline-block; width:32px;line-height: 32px;text-align: center; font-size:12px; border:1px solid #ddd;}
.paging ol {display: inline-block;box-sizing: border-box;text-align: center; padding:0 10px;}
.paging ol li {display: inline-block;}
.paging ol li a {display: block;font-size: 14px; line-height: 28px; width: 28px; border-radius: 50px; transition-duration: 0.4s; border:1px solid #fff;}
.paging ol li a:hover ,.paging ol li a.focus { border:1px solid #81b3d3; color:#0075bf;}
/*페이징*/   
.boardViewArea{border-top : 2px solid #004570; margin:10px 0;}
.boardViewArea h4{text-align:center; font-size:26px; line-height:30px; padding:20px 0;}
.boardData{width:100%; text-align:center; background-color:#f9fbfe; border-top:1px solid #d5dce2; border-bottom:1px solid #d5dce2; padding:25px 0;}
.boardData li{display:inline-block; border-left:1px solid #d5dce2; padding:0 10px 0 20px; line-height:16px; vertical-align:top;}
.boardData li:first-of-type{border-left:none;}
.boardContents{padding:40px; box-sizing:border-box; line-height:24px;}
.boardContents img{max-width:100%;}
.boardNav { border-top:1px solid #d5dce2;}
.boardNav li{border-bottom:1px solid #d5dce2; padding:25px 0;}
.boardNav li:first-child{background-color:#f9fbfe; padding:25px 0 12px 0;}
.boardNav li dl:after{content: ''; display: block; clear: both; visibility: hidden;}
.boardNav li dl dt{float:left; width:15%; text-align:center; border-right:1px solid #d5dce2; box-sizing:border-box; line-height:24px;}
.boardNav li dl dd{float:left; width:85%; padding-left:30px; box-sizing:border-box;}
.boardNav li dl dd a{line-height:24px;}
.boardNav li dl dd div.fileNone{line-height:24px; margin-bottom:13px;}
.download{padding-left:20px; background:url(/images/file.png) left 5px no-repeat;  margin-bottom:13px;}
/*보더 뷰*/
.btn1{background-color:#354d65; border:1px solid #354d65; color:#fff; padding:15px 30px; display:inline-block;}
.btn2{color:#888; padding:15px 30px; border:1px solid #aaa; display:inline-block; background:#fff;}
.btn3{color:#888; padding:5px 8px; border:1px solid #aaa; display:inline-block; background:#fff;}
/*버튼세팅*/   
.photoBorder{width:100%;}
.photoBorder:after{content:''; display:block; visibility:hidden; clear:both;}
.photoBorder li a{display:block; border:1px solid #ccc; color:black;}
.photoBorder li a figure img{width:100%; height:240px; display:block;}
.photoBorder li a figure figcaption{padding:10px; border-top:1px solid #ccc;}
.photoBorder li a figure figcaption dl dt{line-height:20px; height:40px; font-weight:bold; margin-bottom:10px; overflow:hidden;}
.photoBorder li a figure figcaption dl dd > *{display:inline-block; padding:5px 0;}
.photoBorder li a figure figcaption dl dd strong{width:70px;}
/*포토갤러리*/
.boardWrite tr > *.borderR{border-right:1px solid #d5dce2;}
.boardWrite tr > *.tdCenter{text-align:center; padding:2px;}
.boardWrite tr > * img{width:100%;}
.boardWrite tr td .download{margin-bottom:0;}

.appListBox{width:100%; border-top : 2px solid #004570; }
.appListBox ul li{padding:20px; border-bottom:1px solid #d5dce2;}
.appListBox ul li .appListCon h3{display:block; width:100%; font-size:22px;  margin-bottom:20px; padding-top:7px;}
.appListBox ul li .appListCon div{border:1px solid #d5dce2; background-color:#f9fbfe; padding:30px; box-sizing:border-box;}
.appListBox ul li .appListCon div dl{ font-size:16px; line-height:22px; margin-bottom:15px; position:relative;}
.appListBox ul li .appListCon div dl:last-of-type{margin-bottom:0px;}
.appListBox ul li .appListCon div dl dt{font-weight:bold; display:inline-block; width:14%; vertical-align:top; padding-left:13px; box-sizing:border-box;}
.appListBox ul li .appListCon div dl dt:after{position:absolute; content:''; width:4px; height:4px; top:11px; left:0; border-radius:5px; background-color:#666;}
.appListBox ul li .appListCon div dl dd{margin-left:5px; display:inline-block; width:83%;}
/*신청페이지*/ 

.sub_tab_nav_map li a{width:95%; margin:0 auto;}


.comment{font-size:14px; line-height:20px; margin:7px 0; display:inline-block;}
.gray{color:#777;}

/*ALL Using CSS*/
@media screen and (max-width:767px) {
    .textNav, .subContentsArea, .maxBox, .bannerArea{width:96%; margin:0 auto;}
    .headerArea{width:100%; height:50px; background-color:#fff; position:relative; border-bottom:1px solid #ccc;}
    .headerAreaMain{border-bottom:none;}
    .headerArea header > .sideNav{display:none;}
    .headerArea header h1{padding:5px; position:absolute; left:10px; top:5px; z-index:200;}
    .headerArea header h1 a{width:180px;}
    .lnbBtn,.lnb-bg,.lnb{display:block; z-index:9990;}
    .lnbBtn{position:absolute; right:5px;}  
    .headerAreaMain .lnbBtn{position:absolute; right:55px;}  
    .lnb {position: fixed; top: 0; right: -320px; z-index: 15; width: 300px; height: 100%; overflow-y: scroll; background: #f1f1f1; box-shadow:0px 0px 20px rgba(0,0,0,0.5) ; z-index:9999;}
    .lnb .lnb-title { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: 10px; }
    .lnb .lnb-title h3 { height: 60px; font-size: 16px; line-height: 60px; background: #f1f1f1;}
    .lnb .lnb-title h3 > a {display:inline-block; padding-left:5px; font-size: 14px; line-height: 60px;}
    .lnb .lnb-title h3 span {float: right; height: 100%; padding:5px 0; }
    .lnb ul > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 45px; text-indent:15px; background-color:#fff; border-top: 1px solid #ddd;}
    .lnb ul > li:last-of-type {border-bottom: 1px solid #ddd;}
    .lnb ul > li > a{ display:block; padding-left:5px; color:#777;}
    .lnb ul > li ol { display:none; }
    .lnb ul > li > ol > li { line-height: 40px; background: #f1f1f1; }
    .lnb ul > li > ol > li > a:before { content: " - "; }
    .lnb ul > li > ol > li > a{font-size:14px; padding-left:5px; color:#333;}
    .lnb ul > li > ol > li > ol { border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
    .lnb ul > li > ol > li > ol li{ line-height: 40px; background: #e1e1e1; }
    .lnb ul > li > ol > li > ol li a:before { content: "· "; }
    .lnb ul > li > ol > li > ol  li a{font-size:14px; padding-left:17px; color:#000;}
    .lnb-bg { position: fixed; top: 0; bottom:0; right:0; left: 0; z-index: 9990; display: none; background: rgba(0, 0, 0, 0.5);}
    .headerArea header nav{display:none;}
    #skip_navigation{display:none;}
    /*헤더*/
    .footerArea{box-sizing:border-box; padding:30px 0; border-top:1px solid #ccc; text-align:center;}    
    footer .siteList form{margin:0 auto 30px auto; width:250px;}    
    footer .siteList form:after{content:''; display:block; visibility:hidden; clear:both;}
    footer .siteList select{ float:left; border:1px solid #666; height:40px; line-height:40px; width:200px; box-sizing:border-box; padding:10px;}    
    footer .siteList select option{color:#fff; line-height:30px; padding:10px; display:inline-block;}         
    footer .siteList a{float:left; height:40px; line-height:40px; width:50px; text-align:center; display:block; border:1px solid #666; box-sizing:border-box; border-left:none;}          
    footer ul{text-align:center; margin-bottom:20px;}    
    footer ul li{display:inline-block; font-weight:bold; padding:0 10px;}    
    footer address{font-size:16px; line-height:22px; margin-bottom:10px;}
    footer .copyright{font-size:12px; line-height:16px;}
    /*푸터*/
    .contents .subNav{display:none;}
    .subMenuInfoArea{width:100%; border-bottom:1px solid #ddd; background:#fafafa; padding:5px 0;} 
    .subMenuInfoArea .textNav{line-height:22px; padding-left:5px; font-size:14px;}
    .subMenuInfoArea p img{display:inline; vertical-align:middle;}
    .contents .subSection > h2{font-size:24px; line-height:30px; padding:20px 0 20px 5px; border-bottom:1px solid #ddd; margin-bottom:30px;}
    /*서브 기본폼*/    
    
    .grayBox{padding:10px; margin-bottom:20px; font-size:14px; line-height:24px;}
    .textType1{margin-bottom:45px;}
    .textType1 h3{padding-left:15px; font-size:22px; font-weight:bold; margin-bottom:20px; line-height:24px; position:relative;}
    .textType1 h3:after{position:absolute; content:''; width:5px; height:20px; top:2px; left:0; border-radius:5px; background-color:#0075bf;}
    .textType1 > div{margin:0 0 10px 5px;}
    .textType1 > div h4{font-size:17px; line-height:24px; margin-bottom:10px; font-weight:bold; color:#447593;}
    .textType1 form div h4{font-size:17px; line-height:24px; margin-bottom:10px; font-weight:bold; color:#447593;}
    .textType1 > div ul{padding-left:10px; margin-bottom:10px;}
    .textType1 > div ul > li{padding-left:12px; font-size:14px; line-height:22px; margin-bottom:8px; position:relative;}
    .textType1 > div ul > li:after{position:absolute; content:''; width:4px; height:4px; top:9px; left:0; border-radius:5px; background-color:#666;}
    .textType1 > div ol{margin:5px 5px 5px 15px; font-size:12px; line-height:18px;}   
    .textType1 > div ol li{margin-bottom:5px;}   
    /*텍스트 폼 세팅*/  
    
    .tableBox{overflow-x:scroll;}   
    .tableBox p{ padding:10px; font-size:12px;}         
    .type1 th, .type1 td { padding :12px 3px; line-height:20px; font-size:14px;}
    /*테이블 폼*/ 
    .qBtn2{width:auto; font-size:14px;}
    .qBtn3{width:auto; font-size:14px;}
	.qBtn4{width: 100%; box-sizing: border-box; margin-bottom: 5px; text-align: center;}

	.borderSearch p{float:none; margin-bottom:5px;}
    .borderSearch form fieldset > div{float:none; }
    .borderSearch form fieldset > div >div {width:100%;}
    /*보더서치존*/
    .borderArea{border-top : 2px solid #004570; width:100%;}
	.borderArea .board colgroup col{width:100% !important;}
    .board{width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:10px; text-align:left; box-sizing:border-box;}
    .board thead tr{display:none;}
    .board tr {width:100%; border-bottom : 1px solid #d5dce2; padding :15px 5px; line-height:22px; vertical-align:middle; display:block; box-sizing:border-box;}
    .board tbody tr td {font-size:13px; line-height:16px; border:0; display:inline-block; border-right:1px solid #ddd; padding:0 7px 0 2px;}
    .board tbody tr td:first-child {display:none;}
    .board tbody tr td.boardTitle {width:100%; margin-bottom:8px; font-size:15px; border-right:none; line-height:20px;}
    .board tbody tr td a{display:inline-block; vertical-align:middle;}
    .board tbody tr td a:hover{text-decoration:underline;}
    .new{font-size:10px;color:#d53d13; vertical-align:top; line-height:12px;padding-left:2px; font-weight:bold;}
    /*게시판*/

    .paging{padding:20px 0;}
    .paging > a { width:20px;line-height: 22px; font-size:10px;}
    .paging ol {padding:0;}
    .paging ol li a {font-size: 12px; line-height: 20px; width: 16px; }
    .paging ol li a:hover ,.paging ol li a.focus {width: 20px;}
    /*페이징*/    
    .boardViewArea h4{font-size:22px; line-height:28px;}
    .boardData li{padding:0 0 0 8px; line-height:12px; font-size:12px;}
    .boardContents{padding:20px; font-size:14px; line-height:22px;}
    .boardNav li dl dt{width:20%; font-size:13px; line-height:20px;}
    .boardNav li dl dd{padding-left:10px; font-size:13px; width:75%;}
    .boardNav li dl dd a{line-height:20px;}
    .boardNav li dl dd div.fileNone{line-height:20px;}
    .download{padding-left:17px; background:url(/images/file.png) left 4px no-repeat;}
    /*보더 뷰*/
    
    .btn1{padding:8px 15px; font-size:14px;}
    .btn2{ padding:8px 15px; font-size:14px;}

    
    .writeBox{border-top : 2px solid #004570; margin-bottom:10px;}
    .boardWrite { width:100%; box-sizing:border-box; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
    .boardWrite th {background : #f9fbfe; font-weight :bold; border-bottom:1px solid #d5dce2; border-right:1px solid #d5dce2; line-height:18px; text-align:center;  padding :6px 2px; vertical-align :middle; font-size:14px;}
    .boardWrite td { padding :8px 4px; border-bottom:1px solid #d5dce2; text-align:left; vertical-align:middle; font-size:14px; line-height:18px;}
    .boardWrite td input{height:26px; box-sizing:border-box; padding-left:5px; width:100%; background-color:#fafafa;}
    .boardWrite td textarea { display : block; width : 100%; height : 200px; box-sizing:border-box; }
    .boardWrite td input[type='checkbox'], .boardWrite td input[type='radio']{height:auto; width:auto; background-color:#fff; line-height:26px; vertical-align:middle; margin:0px 4px 1px 4px;}
    .commentB{padding-left:10px; font-size:14px; color:#4c6ca8; margin-bottom:5px; display:inline-block;}
    .boardWrite td select {padding:0 5px; height:26px; box-sizing:border-box; background-color:#fafafa; border:1px solid #ccc; width:100%;}
    .boardWrite tr td input.shortText{width:150px; }
    .boardWrite tr td select.shortText2{width:62px; }
    .filebox{margin-bottom:5px;}
    .filebox label {display: inline-block; padding:3px 6px; color: #fff; font-size:12px; line-height:18px; vertical-align:top; background-color: #004570; cursor: pointer; border: 1px solid #05263b;}
    .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
    .filebox .upload-name { display: inline-block; width:60%; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
    /*보더 쓰기*/
    
    .longDataBox{background-color:#f6f6f6; border:1px solid #ddd; max-height:150px; overflow-y:scroll; box-sizing:border-box; padding:15px; margin-bottom:15px; line-height:18px; font-size:13px; }
    .longDataBox *{line-height:18px !important; font-size:13px !important; }
    /*개인정보동의*/
    
    .sub_tab_nav:after{content: ''; display: block; clear: both; visibility: hidden;}
    .sub_tab_nav{margin-bottom:15px;}
    .sub_tab_nav li{text-align:center; display:block; box-sizing:border-box; margin-bottom:5px; width:100%;}
    .sub_tab_nav_map li{margin-right:0px; width:50%; float:left;}
    .sub_tab_nav li a{display:block; font-size:16px; border:1px solid #728794; line-height:34px; background-color:#f9fbfe; padding:1px; border-radius:50px; color:#728794; box-sizing:border-box;}
    .sub_tab_nav li.active a, .sub_tab_nav li a:hover{color:#444; background-color:#fff; border:2px solid #444; padding:0px;}   
    
    .photoBorder li{float:left; width:100%; box-sizing:border-box; margin-bottom:20px;}
    /*포토갤러리*/

    .appListBox ul li{padding:10px;}
    .appListBox ul li .appListCon h3{ font-size:18px; margin-bottom:10px; padding-top:7px; line-height:22px;}
    .appListBox ul li .appListCon div{padding:15px; box-sizing:border-box;}
    .appListBox ul li .appListCon div dl{font-size:14px; line-height:20px; margin-bottom:15px;}
    .appListBox ul li .appListCon div dl dt{width:100%; padding-left:13px; display:block; margin-bottom:3px;}
    .appListBox ul li .appListCon div dl dt:after{position:absolute; content:''; width:4px; height:4px; top:8px; left:0; border-radius:5px; background-color:#666;}
    .appListBox ul li .appListCon div dl dd{display:block; width:100%; padding-left:8px; box-sizing:border-box;}
    /*신청페이지*/ 
    
	.imgMax2{max-width:100%; margin-bottom:10px;}
	
     /*251204 추가*/
    .sub_tab_registration li a {font-size: 14px;}
    .sub_tab_registration li {width: 48%;}
    .miniTable {border:1px solid #d5dce2; margin-left: 15px; width:97%;}
    .miniTable th {font-weight: 400;}
    a.highlighter, a.highlighter2 {position: relative; display: inline-block; z-index: 0;}
    a.highlighter::before {content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 0.5em; background: #ffee57;  z-index: -1; transform: skew(-10deg); }
    a.highlighter2::before {content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 0.5em; background: #c9fbff;  z-index: -1; transform: skew(-10deg); }
    .qbtn_2 a {margin: 4px;}
    
}
/*mobile*/
@media screen and (min-width:768px) and (max-width:1240px) {
    .textNav, .subContentsArea, .maxBox, .bannerArea{width:96%; margin:0 auto;}
    .headerArea{width:100%; height:50px; background-color:#fff; position:relative; border-bottom:1px solid #ccc;}
    .headerAreaMain{border-bottom:none;}
    .headerArea header > .sideNav{display:none;}
    .headerArea header h1{padding:5px; position:absolute; left:10px; top:5px; z-index:200;}
    .headerArea header h1 a{width:180px;}
    .lnbBtn,.lnb-bg,.lnb{display:block; z-index:9990;}
    .lnbBtn{position:absolute; right:5px;}  
    .headerAreaMain .lnbBtn{position:absolute; right:55px;}  
    .lnb {position: fixed; top: 0; right: -320px; z-index: 15; width: 300px; height: 100%; overflow-y: scroll; background: #f1f1f1; box-shadow:0px 0px 20px rgba(0,0,0,0.5) ; z-index:9999;}
    .lnb .lnb-title { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: 10px; }
    .lnb .lnb-title h3 { height: 60px; font-size: 16px; line-height: 60px; background: #f1f1f1;}
    .lnb .lnb-title h3 > a {display:inline-block; padding-left:5px; font-size: 14px; line-height: 60px;}
    .lnb .lnb-title h3 span {float: right; height: 100%; padding:5px 0; }
    .lnb ul > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 45px; text-indent:15px; background-color:#fff; border-top: 1px solid #ddd;}
    .lnb ul > li:last-of-type {border-bottom: 1px solid #ddd;}
    .lnb ul > li > a{ display:block; padding-left:5px; color:#777;}
    .lnb ul > li ol { display:none; }
    .lnb ul > li > ol > li { line-height: 40px; background: #f1f1f1; }
    .lnb ul > li > ol > li > a:before { content: " - "; }
    .lnb ul > li > ol > li > a{font-size:14px; padding-left:5px; color:#333;}
    .lnb ul > li > ol > li > ol { border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
    .lnb ul > li > ol > li > ol li{ line-height: 40px; background: #e1e1e1; }
    .lnb ul > li > ol > li > ol li a:before { content: "· "; }
    .lnb ul > li > ol > li > ol  li a{font-size:14px; padding-left:17px; color:#000;}
    .lnb-bg { position: fixed; top: 0; bottom:0; right:0; left: 0; z-index: 9990; display: none; background: rgba(0, 0, 0, 0.5);}
    .headerArea header nav{display:none;}
    /*헤더*/
    .footerArea{height:240px; box-sizing:border-box; padding:30px 0; border-top:1px solid #ccc; text-align:center;}    
    footer .siteList form{margin:0 auto 30px auto; width:350px;}    
    footer .siteList form:after{content:''; display:block; visibility:hidden; clear:both;}
    footer .siteList select{ float:left; border:1px solid #666; height:40px; line-height:40px; width:300px; box-sizing:border-box; padding:10px;}    
    footer .siteList select option{color:#fff; line-height:30px; padding:10px; display:inline-block;}         
    footer .siteList a{float:left; height:40px; line-height:40px; width:50px; text-align:center; display:block; border:1px solid #666; box-sizing:border-box; border-left:none;}          
    footer ul{text-align:center; margin-bottom:20px;}    
    footer ul li{display:inline-block; font-weight:bold; padding:0 10px;}    
    footer address{font-size:16px; line-height:34px;}
    footer .copyright{font-size:14px; }
    /*푸터*/
    .contents .subNav{display:none;}
    .subMenuInfoArea{width:100%; border-bottom:1px solid #ddd; background:#fafafa;}
    .subMenuInfoArea .textNav{line-height:44px; padding-left:5px; }
    .subMenuInfoArea p img{display:inline; vertical-align:middle;}
    .contents .subSection > h2{font-size:34px; line-height:40px; padding:40px 0 40px 5px; border-bottom:1px solid #ddd;  margin-bottom:30px;}
    /*서브 기본폼*/   
    
    .textType1{margin-bottom:75px;}
    .textType1 h3{padding-left:20px; font-size:28px; font-weight:bold; margin-bottom:25px; line-height:28px; position:relative;}
    .textType1 h3:after{position:absolute; content:''; width:5px; height:26px; top:1px; left:0; border-radius:5px; background-color:#0075bf;}
    .textType1 > div{margin-bottom:25px;}
    .textType1 > div h4{font-size:20px; line-height:26px; margin-bottom:10px; font-weight:bold; color:#447593;}
    .textType1 form div h4{font-size:20px; line-height:26px; margin-bottom:10px; font-weight:bold; color:#447593;}
    .textType1 > div ul{padding-left:10px; margin-bottom:10px}
    .textType1 > div ul > li{padding-left:13px; font-size:16px; line-height:24px; margin-bottom:10px; position:relative;}
    .textType1 > div ul > li:after{position:absolute; content:''; width:4px; height:4px; top:11px; left:0; border-radius:5px; background-color:#666;}
    .textType1 > div ul > li:last-child{margin-bottom:0px;}
    .textType1 > div ol{margin:5px 5px 5px 15px; font-size:16px; line-height:24px;}   
    .textType1 > div ol li{margin-bottom:5px;}   
    /*텍스트 폼 세팅*/  
    
    .borderSearch p{float:none; margin-bottom:5px;}
    .borderSearch form fieldset > div{float:none; }
    .borderSearch form fieldset > div >div {width:100%;}
    /*보더서치존*/
    .borderArea{border-top : 2px solid #004570; margin:10px 0;}
    .board{width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:10px; text-align:center; box-sizing:border-box;}
    .board tr > *{border-bottom : 1px solid #d5dce2; border-right:1px solid #f1f4f7; padding :12px 10px; line-height:22px; text-align:center; vertical-align:middle; }
    .board tr > *:last-child{border-right:none; }
    .board thead tr th {white-space:nowrap; padding :17px 10px; color:#004570; font-weight :bold; border-bottom : 1px solid #004570;}
    .board tbody tr td {font-size:15px;}
    .board tbody tr td.boardTitle {text-align:left;}
    .board tbody tr td a{display:inline-block; vertical-align:middle;}
    .board tbody tr td a:hover{text-decoration:underline;}
    .new{font-size:10px;color:#d53d13; vertical-align:top; line-height:12px;padding-left:2px; font-weight:bold;}
    /*게시판*/

    .writeBox{border-top : 2px solid #004570; margin-bottom:10px;}
    .boardWrite { width:100%; box-sizing:border-box; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
    .boardWrite th {background : #f9fbfe; font-weight :bold; border-bottom:1px solid #d5dce2; border-right:1px solid #d5dce2; line-height:22px; text-align:center;  padding :15px 5px; vertical-align : middle;}
    .boardWrite td { padding :15px 10px 15px 10px; border-bottom:1px solid #d5dce2; text-align:left; vertical-align:middle; line-height:20px;}
    .boardWrite td input{height:32px; box-sizing:border-box; padding-left:10px; width:100%; background-color:#fafafa;}
    .boardWrite td textarea { display : block; width : 100%; height : 250px; box-sizing:border-box; }
    .boardWrite td select {padding:0 5px; height:32px; box-sizing:border-box; background-color:#fafafa; border:1px solid #ccc; min-width:200px;}
    .boardWrite td input[type='checkbox'], .boardWrite td input[type='radio']{height:auto; width:auto; background-color:#fff; line-height:32px; vertical-align:middle; margin:0px 5px 2px 5px;}
    .boardWrite tr td input.shortText{width:200px; }
    .boardWrite tr td select.shortText2{min-width:80px;}
    .commentB{padding-left:10px; font-size:14px; color:#4c6ca8; margin-bottom:8px; display:inline-block;}
    .filebox{margin-bottom:5px;}
    .filebox label { display: inline-block; padding:5px 10px; color: #fff; font-size:14px; line-height:20px; vertical-align: middle; background-color: #004570; cursor: pointer; border: 1px solid #05263b;}
    .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
    .filebox .upload-name { display: inline-block; width:60%; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
    /*보더 쓰기*/
    
    .longDataBox{background-color:#f6f6f6; border:1px solid #ddd; max-height:220px; overflow-y:scroll; box-sizing:border-box; padding:20px; margin-bottom:15px; line-height:24px!important; font-size:14px !important; }
    .longDataBox *{line-height:20px !important; font-size:14px !important; }
    /*개인정보동의*/
        
    .sub_tab_nav:after{content: ''; display: block; clear: both; visibility: hidden;}
    .sub_tab_nav{margin-bottom:15px;}
    .sub_tab_nav li{float:left; text-align:center; display:block; box-sizing:border-box; margin-right:7px; margin-bottom:5px;}    
    .sub_tab_nav_map li{margin-right:0px; width:20%;}
    .sub_tab_nav li a{display:block; font-size:16px; border:1px solid #728794; line-height:34px; background-color:#f9fbfe; padding:1px 21px; border-radius:50px; color:#728794; box-sizing:border-box;}
    .sub_tab_nav li.active a, .sub_tab_nav li a:hover{color:#444; background-color:#fff; border:2px solid #444; padding:0px 20px;}   
    
    .photoBorder li{float:left; width:31.6%; margin-left:2.5%; box-sizing:border-box; margin-bottom:30px;}
    .photoBorder li:nth-of-type(3n+1){margin-left:0;}
    /*포토갤러리*/ 

    .appListBox ul li .appListCon div dl dt{ width:17%;}
    .appListBox ul li .appListCon div dl dd{ width:81%;}
    /*신청페이지*/ 
    
    .imgMax2{width:48%; height:300px;}
    .imgMax2:nth-of-type(2n){margin-left:1%;}

    /*251204 추가*/
    .sub_tab_registration li {width: 30%;}
    .miniTable {border:1px solid #d5dce2; margin-left: 15px; width:97%;}
    .miniTable th {font-weight: 400;}
    a.highlighter, a.highlighter2 {position: relative; display: inline-block; z-index: 0;}
    a.highlighter::before {content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 0.5em; background: #ffee57;  z-index: -1; transform: skew(-10deg); }
    a.highlighter2::before {content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 0.5em; background: #c9fbff;  z-index: -1; transform: skew(-10deg); }

}
/*tablet*/
@media screen and (min-width:1241px) {
    .textNav, .subContentsArea, .maxBox, .bannerArea{width:1240px; margin:0 auto;}
    body{position:relative;}
    .headerArea{width:100%; height:100px; position:relative;}
    .headerArea header:after{content:''; display:block; visibility:hidden; clear:both;}
    .headerArea header > .sideNav{float:right; margin-right:20px;}
    .headerAreaMain header > .sideNav{float:right; margin-right:70px;}
    .headerArea header a{display:block;}
    .headerArea header h1{padding:33px 0; float:left; margin-left:30px;}
    .headerArea header h1 a{width:137px;}
    .headerArea header h1 a img{width:100%;}
    .lnbBtn,.lnb-bg,.lnb{display:none;}
    .headerArea header nav{position:absolute; top:0; left:50%; margin-left:-530px;  width:1060px; text-align:center;}
    .headerArea header nav > ul{z-index:100; margin:0 auto; width:auto; display:inline-block;}
    .headerArea header nav > ul > li{display:block; float:left; padding:0 25px; text-align:center;}
    .headerArea header nav ul > li > a{text-align:center; line-height:100px;  font-size:18px; font-weight:bold; letter-spacing:-1px; transition-timing-function:ease-in-out; transition-duration:0.4s;}    
	.headerArea header nav > ul > li > .navBg{position:absolute; top:100px; left:50%; margin-left:-530px;  width:1060px; z-index:9999; display:none; }
    .headerArea header nav > ul > li:hover > .navBg, .headerArea header nav > ul > li > .navBg.focus4{display:block;} 
	.headerArea header nav > ul > li > .navBg > div{position:absolute; top:0; left:-650px; width:800px; height:440px; z-index:9999; background-color:#3e3e3e;}
    .headerArea header nav > ul > li > .navBg > div p{position:absolute; top:30px; left:570px; width:40px; height:3px; z-index:2000; background-color:#fff;}
    .headerArea header nav > ul > li > .navBg > div h4{position:absolute; top:45px; left:570px; color:#fff; z-index:2000; text-align:left; font-size:20px; font-weight:bold; line-height:30px;} 
	.headerArea header nav > ul > li > .navBg > ol{ position:absolute; top:0px; left:150px; width:1400px; z-index:1000; height:440px; text-align:left; box-sizing:border-box; padding:16px 300px 16px 16px; background-color:#fff; border-top:1px solid #ccc; border-bottom:2px solid #3e3e3e;}
    .headerArea header nav > ul > li > .navBg > ol > li{margin-bottom:10px; width:312px; /*float:left;*/ margin-right:15px; display:inline-block; vertical-align:top;}
    .headerArea header nav > ul > li > .navBg > ol > li > a{display:block; border:1px solid #ddd; padding-left:15px; line-height:45px; width:300px;}
    .headerArea header nav > ul > li > .navBg > ol > li:hover > a, .headerArea header nav > ul > li > .navBg > ol > li > a:focus {border:1px solid #0075bf; color:#0075bf;}
    .headerArea header nav > ul > li > .navBg > ol > li > ol{ padding:5px 0 0 0px;}
    .headerArea header nav > ul > li > .navBg > ol > li > ol li{padding-bottom:3px; width:312px;}
    .headerArea header nav > ul > li > .navBg > ol > li > ol li a::before{content:'· ';}
    .headerArea header nav > ul > li > .navBg > ol > li > ol li a{display:block; width:300px; line-height:38px; padding-left:10px;}
    .headerArea header nav > ul > li > .navBg > ol > li > ol li a:hover{background-color:#0075bf; color:#fff; }
    .headerArea header > .sideNav > a{display:block; float:left; font-size:12px; margin-left:12px; padding-top:15px; color:#868686;}
    /*헤더*/
    .footerArea{box-sizing:border-box; padding:30px 0; border-top:1px solid #ccc; text-align:center;}    
    footer .siteList form{margin:0 auto 30px auto; width:350px;}    
    footer .siteList form:after{content:''; display:block; visibility:hidden; clear:both;}
    footer .siteList select{ float:left; border:1px solid #666; height:40px; line-height:40px; width:300px; box-sizing:border-box; padding:10px;}    
    footer .siteList select option{color:#fff; line-height:30px; padding:10px; display:inline-block;}         
    footer .siteList a{float:left; height:40px; line-height:40px; width:50px; text-align:center; display:block; border:1px solid #666; box-sizing:border-box; border-left:none;}          
    footer ul{text-align:center; margin-bottom:20px;}    
    footer ul li{display:inline-block; font-weight:bold; padding:0 10px;}    
    footer address{font-size:16px; line-height:34px;}
    footer .copyright{font-size:14px; }
    /*푸터*/
    
    .subMenuInfoArea{width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; margin-bottom:30px;}
    .subMenuInfoArea p img{display:inline; vertical-align:middle;}
    .subMenuInfoArea .textNav{line-height:58px; padding-left:5px; }
    .subContentsArea:after{content: ''; display: block; clear: both; visibility: hidden;}
    .subContentsArea > *{float:left;}
    .contents .subNav{width:250px; margin-bottom:150px;}
    .contents .subNav h2{width:250px; height:100px; text-align:center; font-size:25px; padding-top:55px; border:1px solid #ddd; box-sizing:border-box; margin-bottom:5px;}
    .contents .subNav nav {background-color: white; box-sizing:border-box;  overflow:hidden; }
    .contents .subNav nav ul > li {display: block; margin-bottom:5px; box-sizing:border-box;}
    .contents .subNav nav ul > li > a {padding: 16px 22px; font-size: 16px; line-height:20px; border: 1px solid #ddd; display: block;}
    .contents .subNav nav ul > li.subNavFocus, .contents .subNav nav ul > li:hover{background-color:#0075bf;}
    .contents .subNav nav ul > li.subNavFocus > a,.contents .subNav nav ul > li:hover > a{color:white; border:1px solid #0075bf;}
    .contents .subNav nav ul > li ol {display:none;}
    .contents .subNav nav ul > li.subNavFocus ol {background-color: #f1f1f1; padding:20px; display:block;}
    .contents .subNav nav ul > li ol li a {padding:5px 0px 5px 20px; line-height:18px; font-size: 14px; color: #8f8f8f; display:block; text-indent:-11px;}
    .contents .subNav nav ul > li ol li a:before{content:' 〉 ';}
    .contents .subNav nav ul > li ol li a:hover,.contents .subNav nav ul > li ol li.focus a{color:#0075bf; }   
    .contents .subSection{margin:0 0 50px 70px; width:920px;}
    .contents .subSection > h2{font-size:50px; line-height:50px; padding:40px 0 40px 5px; border-bottom:1px solid #ddd;   margin-bottom:50px;}
    /*서브 기본폼*/       
    .textType1{margin-bottom:75px;}
    .textType1 h3{padding-left:20px; font-size:28px; font-weight:bold; margin-bottom:25px; line-height:28px; position:relative;}
    .textType1 h3:after{position:absolute; content:''; width:5px; height:26px; top:1px; left:0; border-radius:5px; background-color:#0075bf;}
    .textType1 > div{margin-bottom:25px;}
    .textType1 > div h4{font-size:20px; line-height:26px; margin-bottom:10px; font-weight:bold; color:#447593;}
    .textType1 form div h4{font-size:20px; line-height:26px; margin-bottom:10px; font-weight:bold; color:#447593;}
    .textType1 > div ul{padding-left:10px; margin-bottom:10px;}
    .textType1 > div ul > li{padding-left:13px; font-size:16px; line-height:24px; margin-bottom:10px; position:relative;}
    .textType1 > div ul > li:after{position:absolute; content:''; width:4px; height:4px; top:11px; left:0; border-radius:5px; background-color:#666;}
    .textType1 > div ul > li:last-child{margin-bottom:0px;}
    .textType1 > div ol{margin:5px 5px 5px 15px; font-size:16px; line-height:24px;}   
    .textType1 > div ol li{margin-bottom:5px;}   
    /*텍스트 폼 세팅*/ 
    .borderArea{border-top : 2px solid #004570; margin:10px 0;}
    .board{width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:10px; text-align:center; box-sizing:border-box;}
    .board tr > *{border-bottom : 1px solid #d5dce2; border-right:1px solid #f1f4f7; padding :12px 10px; line-height:22px; text-align:center; vertical-align:middle; }
    .board tr > *:last-child{border-right:none; }
    .board thead tr th {white-space:nowrap; padding :17px 10px; color:#004570; font-weight :bold; border-bottom : 1px solid #004570; }
    .board tbody tr td {font-size:15px;}
    .board tbody tr td.boardTitle {text-align:left;}
    .board tbody tr td a{display:inline-block; vertical-align:middle;}
    .board tbody tr td a:hover{text-decoration:underline;}
    .new{font-size:10px;color:#d53d13; vertical-align:top; line-height:12px;padding-left:2px; font-weight:bold;}
    /*게시판*/    
    .writeBox{border-top : 2px solid #004570; margin-bottom:10px;}
    .boardWrite { width:100%; box-sizing:border-box; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
    .boardWrite th {background : #f9fbfe; font-weight :bold; border-bottom:1px solid #d5dce2; border-right:1px solid #d5dce2; line-height:22px; text-align:center;  padding :15px 5px; vertical-align : middle;}
    .boardWrite td { padding :15px 10px 15px 10px; border-bottom:1px solid #d5dce2; text-align:left; vertical-align:middle; line-height:20px;}
    .boardWrite td input{height:32px; box-sizing:border-box; padding-left:10px; width:100%; background-color:#fafafa;}
    .boardWrite td select {padding:0 5px; height:32px; box-sizing:border-box; background-color:#fafafa; border:1px solid #ccc; min-width:200px;}
    .boardWrite td textarea { display : block; width : 100%; height : 250px; box-sizing:border-box; }
    .boardWrite td input[type='checkbox'], .boardWrite td input[type='radio']{height:auto; width:auto; background-color:#fff; line-height:32px; vertical-align:middle; margin:0px 5px 2px 5px;}
    .boardWrite tr td input.shortText{width:200px; }
    .boardWrite tr td select.shortText2{min-width:80px; }
    .commentB{padding-left:10px; font-size:14px; color:#4c6ca8; margin-bottom:8px; display:inline-block;}
    .filebox{margin-bottom:5px;}
    .filebox label { display: inline-block; padding:5px 10px; color: #fff; font-size:14px; line-height:20px; vertical-align: middle; background-color: #004570; cursor: pointer; border: 1px solid #05263b;}
    .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
    .filebox .upload-name { display: inline-block; width:60%; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
    /*보더 쓰기*/
    .longDataBox{background-color:#f6f6f6; border:1px solid #ddd; max-height:280px; overflow-y:scroll; box-sizing:border-box; padding:20px; margin-bottom:15px; line-height:24px !important; font-size:14px !important; }
    .longDataBox *{line-height:20px !important; font-size:14px !important; }
    /*개인정보동의*/    
    .sub_tab_nav:after{content: ''; display: block; clear: both; visibility: hidden;}
    .sub_tab_nav{margin-bottom:15px;}
    .sub_tab_nav li{float:left; text-align:center; display:block; box-sizing:border-box; margin-right:5px; margin-bottom:7px;}
    .sub_tab_nav_map li{margin-right:0px; width:20%;}
    .sub_tab_nav li a{display:block; font-size:16px; border:1px solid #728794; line-height:34px; background-color:#f9fbfe; padding:1px 21px; border-radius:50px; color:#728794; box-sizing:border-box;}
    .sub_tab_nav li.active a, .sub_tab_nav li a:hover{color:#444; background-color:#fff; border:2px solid #444; padding:0px 20px;}   
    
    .photoBorder li{float:left; width:31.6%; margin-left:2.5%; box-sizing:border-box; margin-bottom:30px;}
    .photoBorder li:nth-of-type(3n+1){margin-left:0;}
    /*포토갤러리*/ 
    
    .imgMax2{width:48%; height:300px;}
    .imgMax2:nth-of-type(2n){margin-left:1%;}
    
    /*251204 추가*/
    .sub_tab_registration li {width: 30%;}
    .miniTable {border:1px solid #d5dce2; margin-left: 15px; width:97%;}
    .miniTable th {font-weight: 400;}
    a.highlighter, a.highlighter2 {position: relative; display: inline-block; z-index: 0;}
    a.highlighter::before {content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 0.5em; background: #ffee57;  z-index: -1; transform: skew(-10deg); }
    a.highlighter2::before {content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 0.5em; background: #c9fbff;  z-index: -1; transform: skew(-10deg); }
}
/*pc*/