@charset "utf-8";

.NanumBarunGothic { font-family: "NanumBarunGothic"; }
.NanumSquare { font-family: "NanumSquare"; }
.NexonGothic { font-family: "NEXON Gothic"; }
.font_thin { font-weight: 100 !important; }
.Roboto { font-family: 'Roboto Slab', serif !important; }
.white, .num a { color:#FFF !important;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.delay_1 {	animation-delay: .0s; }
.delay_2 {	animation-delay: .20s; }
.delay_3 {	animation-delay: .40s; }
.delay_4 {	animation-delay: .60s; }
.delay_5 {	animation-delay: .80s; }
.delay_6 {	animation-delay: .99s; }

/* ------------------------------ 탭 이동을 위한 CSS -------------------------------*/
.owl-carousel a:focus { display:inline-block !important; border:0px solid #FFF !important; }
.onweb_g2 ul a:focus .lt_img_box { display:inline-block; outline:2px solid #000 !important; }

/* ------------------------------- 추가 CSS 2 ---------------------------------*/

.seec_btn0{background-color:#3a8afd;padding:7px 20px 5px 20px;display:inline-block;cursor:pointer;font-size:20px;font-weight:normal;text-decoration:none;border:2px solid #FFF;color:#FFF !important; margin-top:10px; margin-bottom:0px;}
.seec_btn0{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:21px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.seec_btn0:hover{background:#2375eb !important;color:#FFF !important;}/* 강사등록버튼 블루 */

.seec_btn1{background-color:#CCCCCC;padding:7px 20px 5px 20px;display:inline-block;cursor:pointer;font-size:20px;font-weight:normal;text-decoration:none;border:2px solid #FFF;color:#FFF !important; margin-top:10px; margin-bottom:0px;}
.seec_btn1{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:21px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.seec_btn1:hover{background:#CCCCCC !important;color:#FFF !important;}/* 취소,초기화버튼 */

.seec_btn2{background-color:#518acb;padding:7px 15px 5px 15px;display:inline-block;cursor:pointer;font-size:14px;font-weight:normal;text-decoration:none;border:2px solid #FFF;color:#FFF !important; margin-top:0px; margin-bottom:0px;}
.seec_btn2{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:10px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.seec_btn2:hover{background:#3E78BA !important;color:#FFF !important;}/* 요청하기 버튼 */

.onweb_btn1{background-color:transparent;padding:7px 20px 3px 20px;display:inline-block;cursor:pointer;font-size:12px;font-weight:normal;text-decoration:none;border:2px solid #AAA;color:#333 !important;}
.onweb_btn1{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:21px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.onweb_btn1:hover{background:#56b879 !important;color:#FFF !important;}

.onweb_btn2{background-color:transparent;padding:7px 20px 3px 20px;display:inline-block;cursor:pointer;font-size:12px;font-weight:normal;text-decoration:none;border:2px solid #FFF;color:#FFF !important; margin-top:10px; margin-bottom:0px;}
.onweb_btn2{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:21px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.onweb_btn2:hover{background:#000 !important;color:#FFF !important;}

.onweb_btn3{background-color:#000;padding:7px 20px 5px 20px;display:inline-block;cursor:pointer;font-size:15px;font-weight:normal;text-decoration:none;border:2px solid #FFF;color:#FFF !important; margin-top:10px; margin-bottom:0px;}
.onweb_btn3{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:21px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.onweb_btn3:hover{background:#F00 !important;color:#FFF !important;}

.onweb_btn4{background-color:#000;min-width:200px;margin:0 auto; padding:10px;display:inline-block;cursor:pointer;font-family: "NanumSquare";font-size:17px;font-weight:400;text-align:center;line-height:50px; text-decoration:none;color:#FFF !important;}
.onweb_btn4{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.onweb_btn4:hover{background:#F00 !important;color:#FFF !important;}

.red_bar { height:1px; background-color:#56b879; width:100px; margin:0px auto; padding:0px;  margin-top:20px; margin-bottom:20px; }
.round_under { position: absolute; left:calc(50% - 35px); z-index:1; width: 70px; height: 70px; background-color: #000; text-align:center; color:#FFF; border-radius:35px; }
.round_under2 { position: absolute; left:calc(50% - 35px); z-index:1; width: 70px; height: 70px; background:#FFF; text-align:center; color:#56b879; line-height:70px; font-size:20px; border-radius:35px; -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); }
.triangle_under { position: absolute; left:calc(50% - 20px); z-index:1; width: 0px;  height: 0px; border: 0 solid transparent; border-left-width: 20px; border-right-width: 20px; border-top: 20px solid; }

.onweb_SectionTitle { font-size:46px; line-height:50px; color:#111; text-align:center; font-weight:700; letter-spacing:-1px; padding:15px 0px; font-family: "NEXON Gothic"; }
.onweb_SectionText { font-size:15px; color:#555; text-align:center; font-family: "NEXON Gothic"; }

.cssmenu_btn a { text-align:center; margin:0; padding:0; width:100%; display:block; overflow:hidden; font-size:12px; font-weight:normal; line-height:40px; color:#FFF; font-family:'NEXON Gothic'; }
.cssmenu_btn a:hover { background-color:#000 !important; }
.cssmenu_line { width:100%; height:1px; display:block; overflow:hidden; margin:0; padding:0; margin-top:1px; }

.wow { visibility: visible !important; }

/* ------------------------------- CSS / 초기화 ----------------------------------*/
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:13px;height:100%;background:#EEE; color:#555; font-family:'NanumBarunGothic', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'NanumSquare';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1em; font-family:'NanumBarunGothic', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
button, input[type=submit] {cursor:pointer}
button:focus {outline:none;}
input[type=text], input[type=password], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select,button {font-size:1em; font-family:'NanumBarunGothic', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
textarea {border-radius:5;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}
img{vertical-align:middle;max-width:100%;height:auto}
div{margin:0 auto; padding:0;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
border-radius: 12px;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
border-radius: 12px;
}

.placeholdersjs {color:#aaa !important}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}

.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#56b879;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#56b879}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px; border-radius: 12px;}/*텍스트필드*/
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px; width:100%;}
.form_01 .frm_label {display:inline-block;width:130px}

/*셀렉트폼*/
.pl{
    width: 240px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 12px 13px;
    font-family:'NanumBarunGothic','Malgun Gothic','맑은 고딕','돋움',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
}

.pl:focus{
    border: 1px solid #9ed4ff;
    box-sizing: border-box;
    border-radius: 12px;
	-webkit-box-shadow:0 0 5px #9ed4ff;
    -moz-box-shadow:0 0 5px #9ed4ff;
    box-shadow:0 0 5px #9ed4ff;
    border:1px solid #558ab7 !important;
}