@charset "utf-8";

@import url(util.css);

/* Font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


/* Reset with bootstrap */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'NanumBarunGothic','Nanum Gothic','Noto Sans CJK KR','Noto Sans KR','나눔 바른 고딕','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif;color:#666}
a{text-decoration:none;color:inherit}
a:hover, a:focus, a:active{text-decoration:none;color:inherit}
a,button,input,textarea{-o-transition:border-color .3s,background .3s,color .3s,opacity .3s;-moz-transition:border-color .3s,background .3s,color .3s,opacity .3s;-webkit-transition:border-color .3s,background .3s,color .3s,opacity .3s,-webkit-transform .3s;transition:border-color .3s,background .3s,color .3s,opacity .3s,-webkit-transform .3s}
li{list-style:none}
address,em{font-style:normal}
label{margin-bottom:0;cursor:pointer;font-weight:400}
table{width:100%}
video{max-width:100%}
textarea{resize:none}
img{vertical-align:top}

/* Helper Classes */
a.skip{display:block;text-align:center}
a.skip:active,a.skip:focus{position:absolute;top:0;left:0;right:0;z-index:999;padding:5px;background:#000;color:#fff}
.blank{background:url(../img/blank.png)}
.overflow{overflow:hidden}
.ellipsis{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}
.d-iblock{display:inline-block}
.d-block{display:block !important}
.pr{position:relative}
.pa{position:absolute}
.no-style{margin:0;padding:0;border:0;background:none}
.txtline{display:block;display:-webkit-box;overflow:hidden;max-height:2.8em;line-height:1.4em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
.ver-top{vertical-align:top}
.ver-mid{vertical-align:middle}
.text-left{ text-align: left !important}

/* Icon */
[class*=icon-]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.icon-new{position:absolute;top:50%;right:0;width:13px;height:13px;margin-top:-7px;background-image:url(../img/icon_new.jpg)}

/* Typography */
.fw500{font-weight:500}
.h1, .h2, .h3, h1, h2, h3{margin:0}
.t2{font-size:22px}
.t3{font-size:20px}
.t4{font-size:16px}

/* Theme */
.color-wh{color:#fff !important}
.color-blk{color:#1c1c1c !important}
.color-grey{color:#a2a2a2 !important}
.color-blue{color:#415e9b !important}
.color-sky{color:#4ea9ee !important}
.color-red{color:#ff6364 !important}
.color-org{color:#ff865c !important}
.color-navy{color:#24486a !important}
.bg-wh{background-color:#fff !important}
.bg-red{background-color:#ff6364 !important}
.bg-tomato{background-color:#db605a !important}
.bg-navy{background-color:#294c73 !important}
.bg-blue{background-color: #4ea9ee !important;}
.bg-sky{background-color:#4ea9ee !important}
.bg-grey{background-color:#b7b7b7 !important}
.bg-dark{background-color: #999 !important;}

/* Grid */
.row,
.form-horizontal .form-group{margin-left:0;margin-right:0}
.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:0;padding-right:0}
.layout{width:1000px;margin:0 auto}
.wfull{width:100% !important}
.whalf{width:50% !important}
.wauto{width:auto !important}
.w80{width:80px !important}
.w100{width:100px !important}
.w130{width:130px !important}

/* Navs */
.tabs{margin-bottom:10px;border-bottom:1px solid #ccc}
.tabs a{display:block;margin:0 1px -1px 0;padding:6px 15px;background:#294c73;color:#fff}
.tabs>.active>a{background:#5dabd1}
.tab{ margin-bottom:40px}
.tab a{ display: block; margin: 0 0 -1px -1px; padding:8px; border:1px solid #d0d0d0; text-align: center; color: #424242}
.tab .active a,.tab a:hover{ background: #00a0e9; color: #fff}

/* List */
[class*=lst-bullet-]{line-height:1.7}
[class*=lst-bullet-] li{position:relative;padding-left:.714em}
[class*=lst-bullet-] li:before{position:absolute;left:0}
.lst-bullet-dot li:before{content:"ㆍ"}
.lst-bullet-dash li:before{content:'-'}
.list-inline{font-size:0}
.list-inline>li{padding:0}
.list-float>li, .dl-float dt{float:left}
.list-float:after, .dl-float:after{content:"";display:block;clear:both}
.dl-float dt{clear:left}
.dl-inline>*{display:inline-block;vertical-align:middle}

/* Table */
.tb-fixed{table-layout:fixed}
.tb tr>*{padding:10px 20px;border-bottom:1px solid #e3e3e3;text-align:center}
.tb tr>*+*{border-left:1px solid #e3e3e3}
.tb-view tr:first-child td, .tb th{background:#f9f9f9;border-top:2px solid #266fd1;color:#000}
.tb-view .meta{width:260px;padding:10px;text-align:right}
.tb-view .view{padding:25px 20px;line-height:2}
.tb-view .file{font-weight:700;color:#000}
.tb-view tr>*{border-left:0 !important;text-align:left}
.tb-collapse .cont{display:none}
.tb-collapse .cont.active{display:table-row}
.tb-collapse .cont td[colspan="3"]{padding:15px;background:#00a0e9;text-align:left;color:#fff}

/* Form */
.form-control{height:30px;padding:4px 10px;border-radius:0;border-color:#ccc;box-shadow:none !important;outline:0 !important}
.form-control.itx{display:inline-block;vertical-align:top}
.help-block{font-size:14px;color:#424242}
.form-group{margin-bottom:10px}
.form-control[type=password]{font-family:arial}
.control-label.control-label{padding-top:6px;text-align:left;color:#000}
.form-horizontal .checkbox-inline, .form-horizontal .radio-inline{padding:0}
.form-horizontal .checkbox, .form-horizontal .radio{padding-top:2px}
.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio]{margin:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
/* Form : Button */
.btn{min-height:30px;padding:5px 10px;border-radius:0;text-shadow:none;background-color:transparent;box-shadow:none !important}
.btn[class*=bg-]{color:#fff !important}
.btn.bg-wh{color:#666 !important}
.btn-sm{padding:11px 25px;font-size:18px}
.btn-xs{min-height:0;height:20px;padding:2px 20px;font-size:12px}
[class*=btn-border]{border:1px solid #fff;color:#777 !important}
.btn-round{padding:5px 2.5em;border-radius:20px}

/* Nav */
.nav-pills{ margin-bottom:40px}
.nav-pills>li>a{ width: 130px; padding:5px; border-radius:0;background:#b0b0b0; text-align: center; color: #fff}
.nav-pills>.active>a{background:#00a0e9 !important;}
.pagination{margin:30px 0 50px}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#4c7aea;border-color:#4c7aea}
.pagination+.btn-round{width:150px;padding:8px;margin:30px 0 0 -150px;font-size:16px}

/* Modal */
.modal-alert .modal-dialog{width:500px}
.modal-header{position:relative;padding:0}
.modal-title{padding:10px;font-size:22px;text-align:center;color:#fff}
.modal-content{padding:40px 10px;box-shadow:none;border:0;border-radius:0;text-align:center;font-size:20px;color:#000}
.modal-header .close{position:absolute;right:10px;top:50%;margin-top:-8px;opacity:1;text-shadow:none;font-weight:400;font-size:30px;line-height:20px;color:#fff}
.frm-info{padding:0 60px;margin-top:30px;font-size:18px;text-align:left;color:#929292}

/*--------------------------------------
    PAGES
---------------------------------------*/

/* Layout */
html,body{height:100%}
#wrap{position:relative;padding-bottom:58px;min-width:1000px;min-height:100%}

/* Header */
#hd{position:absolute;top:0;left:0;right:0;z-index:50;height:58px;padding:5px 30px}
.logo{display:inline-block;vertical-align:top}
.gnb{padding:6px 12px;margin-top:10px;border:1px solid rgba(255,255,255,.3);border-radius:20px}
.gnb>li{font-size:14px;color:#fff}
.gnb>li+li:before{content:"|";display:inline-block;margin:0 12px;opacity:.7}

/* Footer */
#ft{position:absolute;bottom:0;left:0;right:0;height:58px;padding:10px;background:#383838;text-align:center;font-size:12px;color:#c9c9c9}

/* main */
.main-title, .sub-title{font-family:'Noto Sans CJK KR','Noto Sans KR','나눔 바른 고딕','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif;letter-spacing:-.03em;text-align:center}
.main-visual{position:relative;height:445px;background:#000 url(../img/bg_main.jpg) no-repeat 50% 50%}
.main-title, .sub-title{font-size:38px;color:#fff}
.main-title strong, .sub-title>span{display:block;margin-bottom:8px;font-size:26px;font-weight:400}
.main-title{display:table;width:1000px;height:100%;margin:0 auto;text-align:left}
.main-title>span{display:table-cell;padding-left:165px;vertical-align:middle}
.main-link{position:relative;width:535px;margin:45px auto}
.main-link:before{content:"";position:absolute;display:block;top:0;left:50%;bottom:0;border:1px solid #d6d6d6}
.main-link .t3>span{display:block;margin-bottom:3px;font-size:24px;color:#24486a}
.main-link .btn{display:block;width:130px;min-height:0;padding:0;margin:0 auto;border-radius:3px;background:#db605a !important;font-size:13px;line-height:24px;color:#fff !important}
.main-link img{margin:15px auto 5px}

/*--------------------------------------
    SUB
---------------------------------------*/

.sub-visual, .sub-hd{height:354px;padding-top:44px;background-repeat:no-repeat;background-position:50% 50%;background-color:#000}
.sub-main>div{float:left;width:310px}
.sub-main .col-center{width:380px}
.sub-main .h3{padding:50px 0;text-align:center}
.notice{padding:20px 25px;border:1px solid #dadada;border-width:0 1px}
.notice>li{position:relative;padding:0 70px 0 10px}
.notice>li+li{margin-top:10px}
.notice>li:before{content:"";position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background:#a4a4a4}
.notice .date{position:absolute;top:3px;right:0;font-size:12px;color:#999}
.notice .ellipsis{position:relative;display:inline-block;max-width:100%;padding-right:18px;vertical-align:top}
.login-bx{padding:20px 35px}
.login-bx .control-label{float:left;width:80px;font-size:16px;padding:5px 10px 0 0;text-align:right}
.login-bx .wrp{float:left;width:160px}
.login-bx .btm{padding-left:80px}
.video-area{padding:20px 34px 0}
.link-banner{padding:40px 0 15px;text-align:center}
.link-banner>li+li{margin-left:10px}
.link-banner img{height:40px}
.sub-hd{position:relative;height:200px;background:url(../img/bg_sub2.jpg) 50% 0 no-repeat}
/*
.sub-hd:after{content:"";position:absolute;left:50%;bottom:-50px;width:387px;height:127px;margin-left:-193px;background:url(../img/bg_sub.png) no-repeat}
*/
.content{padding-top:50px}
.content:before{content:"";position:absolute;display:block;top:200px;bottom:58px;left:50%;margin-left:-235px;border-left:1px solid #eee}
#side{float:left;width:265px;padding-left:70px}
#content{position:relative;float:left;width:735px;padding:20px 70px 70px}
.line-tit{padding:0 30px 20px;font-size:22px;color:#213152}
.line-tit:before{content:"";display:block;width:30px;margin-bottom:15px;border:3px solid #0689ec;border-radius:4px}
.snb>li{padding:10px;padding-left:30px;border-top:1px solid #ddd}
.snb>.active{color:#00a0e9}
.sub-tit{float:left;width:22px;white-space:nowrap;color:#2f2f2f}
.location{float:right;margin-top:5px;font-size:12px;color:#707070}
.location>li:last-child{font-weight:700;color:#000}
.location>li+li:before{content:"";display:inline-block;width:5px;height:9px;background:url(../img/arr.gif) no-repeat;margin:2px 10px;vertical-align:top}
.header{padding-bottom:60px}

/* 게시판 */
.collapse{display:block}
.collapse [data-toggle="collapse"]{display:block;padding:10px 15px;background:#faf9f9;border-top:1px solid #c1c1c1;color:#000}
.collapse .cont{display:none;padding:25px 15px;border-top:1px solid #c1c1c1;line-height:1.8}
.lst-faq{border-bottom:1px solid #c1c1c1}
.lst-faq>li:first-child .cont{display:block}
/* 교육 */
.top-txt{padding:10px 0}
/* 문의 */
.rgst-end{text-align:center}
.rgst-end>p{padding-top:20px;font-size:24px;color:#000}
.rgst-end>.wrp{margin:20px -12px 35px;height:193px;padding:85px 25px 0 230px;background:url(../img/rgst.jpg) no-repeat;text-align:left}
.frm-rgst{margin-top:-40px}
.frm-rgst .form-group{display:block;margin-bottom:15px}
.frm-rgst .tit{margin:40px 0 25px;padding-left:10px;border-left:3px solid;font-size:16px;color:#294c73}
.frm-rgst>.form-inline+.form-inline{margin-top:70px}
/* 팝업 */
.pop-title{padding:12px 60px; position:relative; background: #415e9b;font-size:20px;color:#fff;}
.pop-header .pop-gnb{position: absolute; right:30px; top: -6px; width: 100px; }
.pop-header .pop-gnb a{display:inline-block; width:30px; height:30px; background-size:auto 10px !important; }
.pop-header .pop-gnb a:nth-child(1){background:url(../img/pop-icon01.jpg) no-repeat center; background-size: auto 3px !important;}
.pop-header .pop-gnb a:nth-child(2){background:url(../img/pop-icon02.png) no-repeat center;}
.pop-header .pop-gnb a:nth-child(3){background:url(../img/pop-icon03.png) no-repeat center;}
.pop-content{padding:60px 100px;font-size:16px;line-height:1.6}
.frm-inquiry{margin:-20px -40px;font-size:14px}
.frm-inquiry>p{margin-bottom:40px;text-align:center;font-size:16px;color:#000}
.lst-answer{margin:0 0 45px;font-size:14px}
.lst-answer>li{margin-top:10px}
.answer-bx{padding:20px 25px 10px;margin:20px 0 35px;background:#f4f4f4;border-radius:20px;text-align:left}
.answer-bx dt{float:left;width:90px;padding:5px;border-radius:20px;font-size:14px;font-weight:400;text-align:center;color:#fff}
.answer-bx dt:first-child+dd{padding-top:0;line-height:30px}
.answer-bx dd{margin-bottom:10px;padding-top:5px;margin-left:110px}
.tb-result+.tb-result{margin-top:20px}
.tb-result tr>*{padding-bottom:8px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;font-size:13px}
.tb-result td{color:#00a0e9}
.alert-bx{padding:40px 10px;border:6px solid #fff;background:#415e9b;text-align:center;font-size:16px;line-height:1.6;color:#ccc}
.alert-bx .btn{padding:5px}
.pop-content.v2{max-width: 765px; padding: 30px;}
#popup .well{padding: 20px 40px 20px 20px; margin-bottom:40px;}
#popup .well th{height: 45px; font-size:12px; text-align:right; padding-right:18px; color: #555;}
#popup .input-group{width:100%;}
#popup .border-radius{margin-left:20px; width:80px; height:24px; text-align:center; font-size:12px; border-radius: 20px;}
#popup .user-info{font-size:12px;}
#popup .user-info th{text-align: center; border-right: 1px #adadad solid; border-bottom: 1px #adadad solid; padding: 7px 0; border-top: 2px #686868 solid; color: #424242;}
#popup .tb-top{border-left:1px #adadad solid;}
#popup .tb-scroll{max-height: 300px; overflow-y: scroll; border-bottom: 1px #adadad solid; border-left: 1px #adadad solid;  border-right: 1px #adadad solid;}
#popup .tb-middle td{padding:7px; border-top: 1px #adadad solid; }
#popup .tb-middle td:first-child{text-align: center; border-right: 1px #adadad solid;}
#popup .tb-middle .first-row td{border-top:none;}