@charset "uft-8";

@import url('option.css');
@import url('common.css');
@import url('content.css');
@import url('bootstrap.css');
@import url('fontAwesome.css');
@import url('ionicons.css');
@import url('animate.css');
@import url('hover.css');
@import url('cssmenu.css');
@import url('crosscover.css');
@import url('idealSlider.css');
@import url('idealSliderTheme.css');









/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: ;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html {height:100%;}
body {height:100%; min-width:320px; word-break:keep-all;}
body,input,textarea,select,button {font-family:'NotoSansKR', 'Open sans', 'Malgun Gothic', '맑은 고딕'; font-size:13px; color:#777; font-weight:300; line-height:22px;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:13px; font-weight:normal;}
legend, caption {display:none;}
img,input,select,textarea {vertical-align:middle;}
a {text-decoration:none; color:#727272;}
a:hover {text-decoration:none; color:#0A3470;}

/* 부트스트랩-변경 */
input[type="file"] {display:inline-block; height:30px;}
.modal-header {padding:10px 25px 15px 25px; border-bottom:none; background:#dc4300; border-radius:3px 3px 0 0;}
.modal-title {padding:5px 0 0 0; font-size:16px; color:#fff;}
.modal-body {padding:30px;}
.close {font-size: 33px;}

.cheditor-tb-wrapper {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}







/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; height:100%;}

/* 상단영역 - PC */
#header {position:fixed; width:100%; z-index:99;}
#header > .gnbTop {width:1150px; margin:0 auto; padding:20px 0 20px 0; text-align:right; font:13px/22px 'Open sans', 'Malgun Gothic', '맑은 고딕'; overflow:hidden;}
#header > .gnbMenu {width:100%; background:#0A3470; overflow:hidden;}
#header > .gnbMenu > dl {width:1150px; margin:0 auto; overflow:hidden;}
#header > .gnbMenu > dl > dt {float:left; width:30%; padding-top:15px;}
#header > .gnbMenu > dl > dd {float:right; width:65%;}
#header > .gnbMenu > dl > dd > ul {width:100%; overflow:hidden;}
#header > .gnbMenu > dl > dd > ul > li {float:left; width:20%; background:url('../images/common/menu_line.gif') right 24px no-repeat;}
#header > .gnbMenu > dl > dd > ul > li > a {display:block; width:100%; padding:20px 0; text-align:center; font-weight:500; font-size:15px; color:#fff;}
#header > .gnbMenu > dl > dd > ul > li > a:hover {color:#e5f0ff;}
#header > .gnbMenu > dl > dd > ul > li > a.on {color:#e5f0ff;}
#header > .gnbMenu > dl > dd > ul > li div {display:none; position:absolute; width:150px; border-left:#072c60 1px solid; border-right:#072c60 1px solid; overflow:hidden; z-index:999;}
#header > .gnbMenu > dl > dd > ul > li div a {display:block; padding:10px 15px; font-size:12px; color:#fff; background:rgba(10,52,112,1.0); border-bottom:#072c60 1px solid; cursor:pointer;}
#header > .gnbMenu > dl > dd > ul > li div a:hover {color:#000; background:rgba(255,255,255,0.7);}

/* 상단영역 - MOBILE */
#headerMobile {position:fixed; top:0px; width:100%; background:#fff; border-bottom:#e5e5e5 1px solid; z-index:99;}
#headerMobile .gnbMenu {margin:0 30px; padding:15px 0 15px 0; overflow:hidden;}
#headerMobile .gnbMenu dt {float:left; width:15%; padding-top:5px; text-align:right;}
#headerMobile .gnbMenu dt:first-child {text-align:left;}
#headerMobile .gnbMenu dt a {color:#0a3470;}
#headerMobile .gnbMenu dt a:hover {color:#333;}
#headerMobile .gnbMenu dd {float:left; width:70%; text-align:center;}
#headerMobile .gnbTotal {position:fixed; top:0; width:200px; height:100%; margin-left:-200px; background:#333; overflow:auto;}
#headerMobile .gnbTotal > dl {width:100%; padding:21px 17px 21px 20px; overflow:hidden;}
#headerMobile .gnbTotal > dl dt {float:left; font-weight:500; font-size:20px; color:#fff;}
#headerMobile .gnbTotal > dl dd {float:right; font-size:20px; color:#fff; cursor:pointer;}
#headerMobile .gnbTotal > p {width:100%; padding:10px; text-align:center; border-top:#444 1px solid; overflow:hidden;}
#headerMobile .gnbTotal > p > a {display:inline-block; padding:0 15px 2px 15px; font-size:12px; color:#ccc; letter-spacing:-1px; border:#222 1px solid; background:#444;}
#headerMobile .gnbTotal > p > a:hover {color:#fff; background:#2394ce; border:#2394ce 1px solid;}

/* 컨텐츠영역 */
#content {width:100%; padding-top:124px; padding-bottom:70px;}

/* 하단영역 */
#footer {width:100%; border-top:#e5e5e5 1px solid; overflow:hidden;}
#footer > dl {width:1150px; margin:0 auto; padding:30px 0 30px 0; overflow:hidden;}
#footer > dl > dt {float:left;}
#footer > dl > dt p {margin-bottom:10px;}
#footer > dl > dt p a {display:inline-block; font-weight:500; color:#555;}
#footer > dl > dt p a:hover {color:#0A3470;}
#footer > dl > dt div {font-size:12px;}
#footer > dl > dt div span {font-weight:400; color:#000;}
#footer > dl > dd {float:right; padding-top:10px;}








/* 반응형 ============================================================================================ */
/* 모바일  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:479px) {
#header {display:none;}

#content {padding-top:80px;}

#footer > dl {width:300px;}
#footer > dl > dt {width:100%; text-align:center;}
#footer > dl > dd {width:100%; padding-top:25px; text-align:center;}
}


/* 테블릿1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:480px) and (max-width:767px) {
#header {display:none;}

#content {padding-top:80px;}

#footer > dl {width:450px;}
#footer > dl > dt {width:100%; text-align:center;}
#footer > dl > dd {width:100%; padding-top:25px; text-align:center;}
}


/* 테블릿1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:989px) {
#header {display:none;}

#content {padding-top:80px;}

#footer > dl {width:720px;}
#footer > dl > dt {width:100%; text-align:center;}
#footer > dl > dd {width:100%; padding-top:25px; text-align:center;}
}


/* PC1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:990px) and (max-width:1199px) {
#headerMobile {display:none;}
#header > .gnbTop {width:940px;}
#header > .gnbMenu > dl {width:940px;}
#header > .gnbMenu > dl > dd > ul > li div {width:120px;}

#footer > dl {width:940px;}
}


/* PC2  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:1200px) {
#headerMobile {display:none;}
}