@charset "utf-8";

.tablet {display:block;}
a.a_link {color:#0a72ca;}
a.a_link:hover {text-decoration:underline; cursor:pointer;}
/* color */
.cm {color:#0a72ca;}/* 메인컬러 */
.cr {color:#e7505a;}/* 빨강 */
.cy {color:#c29d0b;} /* 노랑 */
.cs {color:#27a4b0;} /* 민트 */
.co {color:#ffa800 !important;} /* 오렌지 */
.cc {color:#aebfd3;} /* 연한파랑 */
.bgw {background-color:#fff;} /* 하얀배경 */
.bgcg {background-color:#fafafa;} /* 회색배경 */
.bggr {background-color:#26a6a8;} /* 초록배경 */

.justify {text-align:justify;}

/* font */
.italic {font-style:italic;}
.h2_title {font-weight:400; margin-bottom:30px; padding-bottom:25px; font-size:30px; line-height:32px; color:#0a72ca;}
.h2_title span {display:inline-block; vertical-align:middle; position:relative;}
.h2_title span:before {content:""; position:absolute; left:0; bottom:-20px; width:30px; height:2px; background-color:#0a72ca;}
.h3_title {font-weight:400; margin-bottom:20px; font-size:26px; line-height:30px; color:#222;}
.h4_title {font-weight:400; position:relative; width:auto; margin-bottom:15px; padding-left:10px; font-size:20px; line-height:20px; color:#00569f;}
.h4_title:before {content:""; position:absolute; left:0px; top:50%; width:4px; height:4px; margin-top:-2px; background-color:#00569f;}
.txt_big {font-size:20px; line-height:20px;}
.txt_middle {font-size:15px; line-height:24px;}
.txt_small {font-size:13px; line-height:20px;}

/* paging */
.paging {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; text-align:center;}
.paging a {display:inline-block; vertical-align:middle; width:38px; height:38px; margin-right:5px; border:1px solid #ddd; line-height:38px; color:#666; font-weight:400; transition:0.2s;}
.paging a:hover, .paging a.on {background-color:#414141; color:#fff;}
.paging a.p_prev, .paging a.p_next {position:relative;}
.paging a.p_prev:before {content:''; position:absolute; right:15px; top:16px; width:5px; height:5px; border-bottom:solid 1px currentcolor; border-left:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.paging a.p_next:before {content:''; position:absolute; left:15px; top:16px; width:5px; height:5px; border-top:solid 1px currentcolor; border-right:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/* paging */
.paging.type01 {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; text-align:center;}
.paging.type01 .p_area {display:inline-block; vertical-align:middle; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.paging.type01 a {display:inline-block; vertical-align:middle; float:left; width:38px; height:38px; margin:0; border-left:0px; border-top:0px; border-bottom:0px; border-right:1px solid #ddd; line-height:38px; color:#666; font-weight:400; transition:0.2s;}
.paging.type01 a:hover, .paging.type01 a.on {background-color:#414141; color:#fff;}
.paging.type01 a.p_prev, .paging a.p_next {position:relative;}
.paging.type01 a.p_prev:before {content:''; position:absolute; right:15px; top:16px; width:5px; height:5px; border-bottom:solid 1px currentcolor; border-left:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.paging.type01 a.p_next:before {content:''; position:absolute; left:15px; top:16px; width:5px; height:5px; border-top:solid 1px currentcolor; border-right:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}



table {width:100%; background-color:#fff;}
table thead th {background-color:#fafafa; color:#414141;}
table thead th, table tbody th {font-weight:400;}
 table thead th, table tbody th, table tbody td{padding:12px 0; line-height:18px;text-align:center;}
 div[name~="content"] table thead th, div[name~="content"] table tbody th, div[name~="content"] table tbody td,
 div[class~="boardContent"] table thead th, div[class~="boardContent"] table tbody th, div[class~="boardContent"] table tbody td{text-align:left !important;}
 table tbody td{padding:12px 5px;}


/* table 
table {width:100%; border-top:2px solid #0a72ca; background-color:#fff;}
table thead th {background-color:#fafafa; color:#414141;}
table thead th, table tbody th {font-weight:400;}
 table thead th, table tbody th, table tbody td{padding:12px 0; border-bottom:1px solid #eee;  line-height:20px;text-align:center;}
 div[name~="content"] table thead th, div[name~="content"] table tbody th, div[name~="content"] table tbody td,
 div[class~="boardContent"] table thead th, div[class~="boardContent"] table tbody th, div[class~="boardContent"] table tbody td{text-align:left !important;}
 table tbody td{padding:12px 5px;}

table.__se_tbl_ext{border:0;text-align:left;}
table.__se_tbl_ext tbody td{padding:0;border:0;line-height:normal;word-break: normal;}
table.__se_tbl_ext table.__se_tbl_ext{background-color:transparent}
table.__se_tbl_ext tbody td[bgcolor=#0B3387]{background-color:#0B3387}


table.type01 {border-left:1px solid #eee;}
table.tal tbody th, table.tal tbody td {text-align:left !important;}
table.type01 tbody th {vertical-align:top;background-color:#f2f2f2;}
table.type01 thead th, table.type01 tbody th, table.type01 tbody td {padding:12px 15px; border-right:1px solid #eee;}
table.type01 thead th.bgcg, table.type01 tbody td.bgcg {background-color:#eaf0ef !important;}

table thead th.align {position:relative; padding:12px 30px 12px 15px; text-align:left;}
table thead th.align button {display:inline-block; position:absolute; right:10px; top:12px; width:20px; height:20px;}
table thead th.align button:before {content:""; position:absolute; left:5px; top:3px; border-bottom: 6px solid #111; border-left: 5px solid transparent; border-right: 5px solid transparent;}
table thead th.align button:hover:before {border-bottom-color:#0a72ca;}
table thead th.align button:after {content:""; position:absolute; left:5px; bottom:3px; border-top: 6px solid #111; border-left: 5px solid transparent; border-right: 5px solid transparent;}
table thead th.align button:hover:after {border-top-color:#0a72ca;}
table thead th.align.ascending button:after {display:none;}
table thead th.align.descending button:before {display:none;}

*/
input[type=text], input[type=password], input[type=date], input[type=email], input[type=file], input[type=tel] {display:inline-block; vertical-align:middle; height:40px; padding:0px; border:1px solid #ddd; border-radius:0px; color:#414141; line-height:40px; text-indent:10px; box-sizing:border-box; -webkit-appearance: none;}
input.warning {border-color:#c29d0b; color:#c29d0b; outline:0;}
input.error {border-color:#e50011; color:#e50011; outline:0;}
input.success {border-color:#27a4b0; color:#27a4b0; outline:0;}
select {display:inline-block; vertical-align:middle; height:40px; padding:0px; border:1px solid #ddd; color:#414141; text-indent:10px; /* -webkit-appearance: none; */}
textarea {display:inline-block; vertical-align:middle; width:100%; padding:10px; border:1px solid #ddd; border-radius:0px; color:#414141; line-height:18px; box-sizing:border-box; -webkit-appearance: none;}
input:input-placeholder {color:#ddd;}
input:-ms-input-placeholder {color:#ddd;}
input::-webkit-input-placeholder {color:#ddd;}
input::-moz-placeholder {color:#ddd;}
input::-moz-placeholder {color:#ddd;}

/* button */
.btn {display:inline-block; vertical-align:middle; min-width:100px; height:40px; padding:0 20px; line-height:40px; border:1px solid #5e738b; background-color:#5e738b; color:#fff; text-indent:0px; cursor:pointer; transition:0.2s; text-align:center; box-sizing:border-box;}
.btn:hover {background-color:#56697f;}
.btn_area {display:inline-block; vertical-align:middle; width:100%;}
.btn_area.btn1 .btn {float:left; width:100%;}
.btn_area.btn2 .btn {float:left; width:50%;}
.btn_area.btn3 .btn {float:left; width:33.3%;}
.btn_area.btn4 .btn {float:left; width:25%;}
.btn_area.btn5 .btn {float:left; width:20%;}
.btn_area.btn6 .btn {float:left; width:16.66%;}
.btn_area.btn7 .btn {float:left; width:14.28%;}
.btn_area.btn8 .btn {float:left; width:12.5%;}
.btn.bgcm {background-color:#003663; border-color:#003663;} /* 파란색 */
.btn.bgcm:hover {background-color:#2f87c3; border-color:#2f87c3;}
.btn.bggr {background-color:#29b4b6; border-color:#29b4b6;} /* 초록색 */
.btn.bggr:hover {background-color:#26a6a8; border-color:#26a6a8;}
.btn.bggm {background-color:#525e64; border-color:#525e64;} /* 회색 */
.btn.bggm:hover {background-color:#485358; border-color:#485358;}
.btn.bgcr {background-color:#e7505a; border-color:#e7505a;} /* 빨간색 */
.btn.bgcr:hover {background-color:#dc4c55; border-color:#dc4c55;}
.btn.small {min-width:auto; height:24px; padding:0 10px; line-height:24px;}
.btn.small span {display:inline-block; background-color:#2a5693; margin-left:5px; padding:0 6px; border-radius:10px; font-size:12px; line-height:14px;}

.i_btn {display:inline-block; vertical-align:middle; width:40px; height:40px; border:1px solid #ddd; background-repeat:no-repeat; background-position:center center; background-size:40px auto; transition:0.2s;}
.i_calender {background-image:url("../images/i_calendar.html"); border-left:0px; float:left;}
.i_calender:hover {background-color:#eee;}

/* search */
.search_area {background-color:#ddd; display:inline-block; vertical-align:middle; width:100%; padding:20px; box-sizing:border-box;}
.search_area * {box-sizing:border-box;}
.search_area .btn {min-width:auto;}
.search_area .btn.small {margin-bottom:4px;}

/* box */
.scroll_y {display:inline-block; vertical-align:middle; overflow-x:hidden; overflow-y:scroll;}
.box {display:inline-block; width:100%; padding:20px; border:1px solid #eee; background-color:#fafafa; box-sizing:border-box;}
.box.t1 {border-color:#0a72ca; background-color:#f7fbff;} /* 파란색 */
.box.t2 {border-color:#ffa800; background-color:#fffbf4;} /* 주황색 */


/* 타이틀 */
h3.title {display:inline-block; vertical-align:middle; position:relative; width:100%; padding-bottom:10px; margin-bottom:20px;}
h3.title:before {content:""; position:absolute; left:0; bottom:0; width:50px; height:4px; background-color:#e3e6e8;}
h3.title:after {content:""; position:absolute; left:0; bottom:0; width:10px; height:4px; background-color:#2f59ce;}
.title {display:inline-block; vertical-align:middle; font-weight:400; font-size:20px; line-height:40px; word-wrap:normal; word-break:keep-all;}
.title.light, .title .light {font-weight:300;}
.title.bold, .title .bold {font-weight:500;}
.title.t1 {font-size:25px; line-height:30px;}
.title.t2 {font-size:40px; line-height:50px;}
.title span {display:inline-block; vertical-align:middle; width:100%;}

/* Search */
.search {display:inline-block; width:100%; padding:15px 20px; border:1px solid #2f59ce; background-color:#f4f5f9; box-sizing:border-box;}
.search > div {display:inline-block; vertical-align:middle; float:left; min-height:80px; padding:5px 0;}
.search .s_txt {margin-bottom:10px; font-size:14px; line-height:20px; font-weight:500; color:#222;}
.search .s_contents {display:inline-block; vertical-align:middle; width:100%; height:40px;}
.search .s_contents label {line-height:40px;}
.search .area {min-height:inherit;}


/* 폼뷰통합 */
.step {display:inline-block; vertical-align:middle; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;}
.step li {display:inline-block; vertical-align:middle; float:left; width:25%;}
.step li .s_area {display:block; width:auto; height:200px; padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.step li .s_area .s_title {height:36px; margin-bottom:30px; font-size:20px; line-height:20px; color:#0a72ca; font-weight:500;}
.step li .s_area .s_txt {font-size:14px; line-height:20px;}
.step.type03 {border:0;}
.step.type03 li {box-sizing:border-box; padding:2px;}
.step.type03 li .s_area {height:230px; padding:0; border:1px solid #0a72ca;}
.step.type03 li .s_area .s_title {margin-bottom:0; padding:10px 0; background-color:#0a72ca; color:#fff; text-align:center;}
.step.type03 li .s_area .s_txt {box-sizing:border-box; padding:10px;}

.div_table {display:table; width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.div_table .tr {display:table; vertical-align:middle; width:100%;}
.div_table .tr .th {background-color:#eee; vertical-align:top; font-weight:500;}
.div_table .tr .th, .div_table .tr .td {display:table-cell; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; line-height:20px;}
.div_table .div_table {margin-top:10px; border-color:#eee;}
.div_table .div_table .tr .th {background-color:#fafafa;}
.div_table .div_table .tr .th, .div_table .div_table .tr .td {border-color:#eee;}

.steps {display:inline-block; vertical-align:middle; width:100%;}
.steps li {display:inline-block; vertical-align:middle; float:left;}
.steps li > div {width:auto; margin:5px; padding:10px; background-color:#fafafa; border:1px solid #ddd; text-align:center;}
.steps li .txt_big {font-size:40px; line-height:44px; margin-bottom:10px; font-weight:500; color:#2f59ce;}
.steps li .txt_small {color:#2f59ce;}

.formView table {width:100%; border-top:2px solid #0a72ca; background-color:#fff;}
.formView table tbody td.th, .formView table thead th {background-color:#fafafa; color:#414141;}
.formView table tbody td.th, .formView table thead th, .formView table tbody th {font-weight:400;}
.formView table thead th, .formView table tbody th, .formView table tbody td {padding:12px 0; border-bottom:1px solid #ddd; text-align:center; line-height:20px;}
.formView table tbody td {padding:12px 5px;}
.formView table.type01 {border-left:1px solid #ddd;}
.formView table.tal tbody th, .formView table.tal tbody td {text-align:left !important;}
.formView table.type01 tbody td.th, .formView table.type01 tbody th {vertical-align:top;background-color:#f2f2f2;}
.formView table.type01 tbody td.th, .formView table.type01 thead th, .formView table.type01 tbody th, .formView table.type01 tbody td {padding:12px 15px; border-right:1px solid #ddd;}
.formView table.type01 thead th.bgcg, .formView table.type01 tbody td.bgcg {background-color:#eaf0ef !important;}


i.im, h1, h2, h3, h4, h5, h6 {font-style:normal;}
.css_init {}
.css_init b, .css_init strong {font-weight:bold !important;}
.css_init i, .css_init cite, .css_init em, .css_init var, .css_init address, .css_init dfn {font-style:italic  !important;}
.css_init u, .css_init ins {text-decoration:underline  !important;}

.hide{display:none;}