* {margin:0; padding:0; word-break:keep-all;}

.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}

html,body {font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:300; color: #585858;}
body {position:relative;}
a {text-decoration:none;  color: #337ab7;}
a:hover {
    text-decoration: underline;
}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}

.table.table_02 tbody th, .table.table_02 tbody td {
    text-align: center;
    vertical-align: middle;
}

img{vertical-align: top;}
.section {width:100%; position:relative; }
.c_center {position: relative; margin: 0 auto; width: 1440px;}
select::-ms-expand {display:none}
select {font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size: 1rem; padding: 0 10px;}
input {padding: 0 10px; border: 0; color: #707070; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1rem;}
textarea {font-size: 16px; font-family: 'Noto Sans KR', sans-serif; padding: 10px; box-sizing: border-box; width: 100%; height: 100%; resize: none; border: 1px solid #ddd;}
.openSan {font-family: 'Open Sans', sans-serif; font-weight: 700;}

.f14 {font-size:0.875rem;}
.f15 {font-size:0.938rem;}
.f16 {font-size:1rem;}
.f18 {font-size:1.125rem;}
.f20 {font-size:1.250rem;}
.f22 {font-size:1.375rem;}
.f24 {font-size:1.5rem;}
.f26 {font-size:1.625rem;}
.f28 {font-size:1.75rem;}
.f30 {font-size:1.875rem;}
.f32 {font-size:2rem;}
.f34 {font-size:2.125rem;}
.f36 {font-size:2.250rem;}
.f38 {font-size:2.375rem;}
.f42 {font-size:2.625rem;}
.f44 {font-size:2.75rem;}
.f48 {font-size:3rem;}
.f54 {font-size:3.375rem;}
.f62 {font-size:3.875rem;}
.f72 {font-size:4.5rem;}
.f86 {font-size:5.375rem;}

.m0 {margin:0 !important;}
.mt_0 {margin-top:0 !important;}
.mb_0 {margin-bottom:0 !important;}

.m-12 {margin-top: 12px;}
.m-20 {margin-top: 20px;}
.m-24 {margin-top: 24px;}
.m-28 {margin-top: 28px;}
.m-30 {margin-top: 30px;}
.m-36 {margin-top: 36px;}
.m-40 {margin-top: 40px;}
.m-45 {margin-top: 45px;}
.m-60 {margin-top: 60px;}
.m-80 {margin-top: 80px;}
.m-72 {margin-top: 72px;}
.m-100 {margin-top: 100px;}

.m_10 {margin-bottom: 10px;}
.m_12 {margin-bottom: 12px;}
.m_20 {margin-bottom: 20px;}
.m_24 {margin-bottom: 24px;}
.m_28 {margin-bottom: 28px;}
.m_30 {margin-bottom: 30px;}
.m_36 {margin-bottom: 36px;}
.m_40 {margin-bottom: 40px;}
.m_45 {margin-bottom: 45px;}
.m_60 {margin-bottom: 60px !important;}
.m_80 {margin-bottom: 80px;}
.m_72 {margin-bottom: 72px;}
.m_100 {margin-bottom: 100px;}


.p0 {padding:0 !important;}
.mt_0 {padding-top:0 !important;}
.pb_0 {padding-bottom:0 !important;}


.p-12 {padding-top: 12px !important;}
.p-20 {padding-top: 20px !important;}
.p-24 {padding-top: 24px !important;}
.p-28 {padding-top: 28px !important;}
.p-36 {padding-top: 36px !important;}
.p-45 {padding-top: 45px !important;}
.p-60 {padding-top: 60px !important;}
.p-80 {padding-top: 80px !important;}
.p-72 {padding-top: 72px !important;}
.p-100 {padding-top: 100px !important;}

.p_60 {padding-bottom:60px;}
.p_80 {padding-bottom:80px;}
.p_100 {padding-bottom:100px;}

.wid100 {width: 100%;}
.wid49 {width: 49%;}
.wid23 {width: 23%;}
.wid18 {width: 18%;}

.hght100 {height: 100vh;}

.light {font-weight: 300;}
.bold {font-weight:500;}
.bold1 {font-weight:600;}
.bold2 {font-weight:700;}

.lh15 {line-height:1.5;}
.lh18 {line-height:1.8;}

.dp_f {display: -webkit-box; display: -ms-flexbox; display: flex;}
.dp_sb {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.dp_c {-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.dp_wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.dp_cc {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;}
.dp_end {align-items: flex-end;}
.dp_end02 {justify-content: flex-end;}
.dp_fc {flex-direction: column;}

.dp_ib{display:inline-block;}
.dp_b {display:block;}
.p_r {position:relative;}
.v_m {vertical-align:middle;}

.txt-l {text-align:left !important;}
.txt-r {text-align:right !important;}
.txt-c {text-align:center !important;}

.mo {display:none;}
.mo-m {display:none;}

.top-nav {
    height: 55px;
    background: url("../images/top_bg.gif") repeat-x;
    width: 100%;
    padding-right: 20px;
    box-sizing: border-box;
    position: fixed;
    top:0;
    left: 0;
    z-index: 999;
}

#jqcs_s_demo {
    height: 35px;
    background: #ffffff;
    width: 200px;
    border: none;
    border-radius: 4px;
    position: relative;
}
#jqcs_o_demo .jqcs_option,
#jqcs_s_demo .jqcs_option {
    background-repeat: no-repeat;
    background-size: 23px 17px;
    background-position: 5px center;
    padding: 2.5px 10px 2.5px 35px;
}
#jqcs_o_demo {
    width: 200px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 0px 4px #cacaca;
    margin-top: 4px;
    position: absolute;
    top: 35px;
}
.jqcs_default_select {
    display: none;
}
.jqcs_select {
    position: relative;
    border: 1px #b1b1b1 solid;
    cursor: pointer;
    overflow: hidden;
    color: #555;
}
.jqcs_select:hover {
    background-color: #f9f9f9;
}
.jqcs_select .jqcs_value {
    float: left;
    padding: 0 10px;
    line-height: 28px;
}
.jqcs_select .jqcs_value p.jqcs_placeholder {
    margin: 0;
    line-height: 36px;
    font-size: 13px;
}
.jqcs_select .jqcs_arrow {
    position: absolute;
    right: 0;
    height: 100%;
    background-image: url(../images/arrow_down.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
}
.jqcs_select .jqcs_arrow.rotated {
-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.jqcs_options {
    display: none;
    border-top: 0;
}
.jqcs_option {
    display: block;
    cursor: pointer;
    height: 35px;
    line-height: 30px;
    font-size: 12px;
    color: #000;
}
.jqcs_option:hover {
    background-color: #f9f9f9;
}
.continent {
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 16px;
}
.continent:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top:0
}



.wrap { 
    padding-top: 55px;
    height: 100vh;
    box-sizing: border-box;
}
.side-navbar {
	padding-bottom: 75px;
	box-sizing: border-box;
    width: 300px;
    border-right: 1px solid #efefef;
    height: 100%;
    background-color: #fff;
}
.side-navbar .navbar-header {
    padding: 0 22px;
    height: 50px;
    box-sizing: border-box;
    background: linear-gradient(45deg, #3166bb, #3e7ad8);
    box-sizing: border-box;
}
.side-navbar .navbar-header .navbar-header-tit {
    font-size: 20px;
    color: #fff;
}
.side-navbar .navbar-header .navbar-header-tit span {
    color: #9ebfff;
    margin-left: 10px;
    font-weight: 400;
}
.side-navbar .navbar-cont .navbar-cont-tit {
    height: 60px;
    font-size: 18px;
    font-weight: 700;
    background-color: #fff;
}
.navbar-nav {
    height: calc(100vh - 165px);
    overflow-y: scroll;
} 
.navbar-nav .accordion-toggle {
    position: relative;
    font-size: 15px;
    width: 100%;
    padding: 18px 22px;
    box-sizing: border-box;
    color: #555;
    background-color: #eeeeee;
}

.navbar-nav .qna .accordion-toggle {
    background: #e8f1ff;
    padding: 18px 50px;
    margin-top: 20px;
}
.navbar-nav .qna .accordion-toggle::before {
    content: url("../images/qna.gif");
    display: inline-block;
    font-size: 20px;
    position: absolute;
    left: 16px;
    top: 15px;
}
.navbar-nav .accordion-toggle .italNm {
    display: inline-block;
    color: #537ef3;
    width: 30px;
    text-align: left;
    font-weight: 700;
}
.navbar-nav .accordion-toggle .fa-chevron-right {
    color: rgb(170, 170, 170);
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(0deg);
}
.navbar-nav li.on .accordion-toggle .fa-chevron-right {
    transform: translateY(-50%) rotate(90deg);
}
.navbar-nav .qna.on .accordion-toggle .fa-chevron-right {
    transform: translateY(-50%) rotate(0deg);
}
.sub_title {
    display: none;
    background-color: #f5f5f5;
}
ul.sub_title li {
    padding:10px;
    padding-left: 25px;
}
ul.sub_title li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #444;
    font-size: 15px;
    transition: all 0.3s;
}

ul.sub_title li a:hover {
    color: #4382e7;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 50px;
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 300px);
    box-sizing: border-box;
}

h3.grand_title {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 2px solid #3166bb;
    padding: 10px;
    border-left: 10px solid #1c4d9a;
    font-size: 24px;
    font-weight: 500;
    font-size: 18px;
    color: #333;
}

h4.first_title {
    margin: 30px 0;
    font-size: 20px;
    color: #333;
}

h5 {
    padding: 8px 0 8px 20px;
    border-radius: 100px;
    font-weight: 700;
    margin-top: 20px;
    font-size: 18px;
    transform: skew(0.03deg);
    color: #333;
}

h6 {
    color: #1c4d9a;
    font-weight: bold;
    padding: 10px 20px;
    clear: both;
    padding-left: 60px;
    font-size: 14px;
    transform: skew(0.03deg);
    color: #333;
}

.container p {
    text-indent: 0;
    margin: 0 0 10px;
    line-height: 24px;
    padding: 0 20px;
    padding-left: 60px;
    clear: both;
    font-size: 14px;
    transform: skew(0.03deg);

}

.container .title_sm {
    padding-left: 40px;
    display: block;
    font-weight: bold;
    color: #333;
}

.pdleft04 {
    padding-left: 42px;
}

table.table {
    border: 2px solid rgba(0, 106, 198, 0.5);
    max-width: 800px;
    font-size: 14px;
    transform: skew(0.03deg);
    width: 100%;
}

table.table ul li {
    margin-bottom: 5px;
    line-height: 1.5;
}

th {
    text-align: left;
}

table thead.table_title {
    background: #e8f1ff;
    border-top: 4px solid #3166bb;
    padding: 8px 10px;
    font-weight: bold;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    padding: 8px;
    border-top: 1px solid #ddd;
}

table.table_03 th {
    width: 20%;
    border-right: 1px solid #dddddd;
    text-align: center;
    box-sizing: border-box;
}

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.table > tbody > tr > td.br_right, 
.table > tbody > tr > th.br_right, 
.table > thead > tr > td.br_right, 
.table > thead > tr > th.br_right {
    border-right: 1px solid #ddd;
}

table.table_03 ul {
    padding-left: 30px;
    padding-right: 20px;
    color: #333;
    list-style: disc;
}

.table_source02 {
    float: right;
    font-size: 12px;
    display: block;
    font-weight: normal;
}

.table.table_02 > tbody > tr:first-child th, 
.table.table_02 .th_bg th {
    background: #ffeadd;
    border-right: 1px solid #ddd;
    color: #585858;
    font-size: 13px;
}

.table.th_first > tbody > tr:first-child th {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
}
.table.th_first tr td {
    text-align: left !important;
}
.table > tbody > tr.borbot_none > td, 
.table > tbody > tr.borbot_none > th {
    border-top: none !important;
    border-bottom: none !important;
}

.table.table_02.border_right th, 
.table.table_02.border_right td {
    border-right: 1px solid #ddd;
}
.table.table_02 tbody th, 
.table.table_02 tbody td {
    text-align: center;
}

.table.table_02 > tbody > tr > th {
    background: #f5f5f5;
    font-weight: 700;
    color: #585858;
    font-size: 13px;
}

.tableWrap {
    padding-left: 60px !important;
}

.tableWrap .table_det {
	padding-left: 0;
	color: #7d7d7d;
	font-size: 14px;
	line-height: 1.3;
}


.container .img_source {
    font-size: 12px;
    color: #777;
    padding: 10px 20px 30px 60px;
    width: 80%;
    max-width: 800px;
    text-align: center;
}

.container .txt_source {
    font-size: 12px;
    color: #337ab7;
    padding: 10px 20px 30px 60px;
    width: 80%;
    max-width: 800px;
}

.container img {
	display: block;
    width: 80% !important;
    margin: 40px auto 0;
    max-width: 800px;
	box-sizing: border-box;
}

.container .linkImg {
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    margin-left: 10px;
    box-sizing: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/link_off.png");
}

.container .link:hover .linkImg {
    background-image: url("../images/link_on.png");
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.navbar-toggle {
    display: none;
}
.test1 {
    border-top: 1px solid #d5d5d5;
    border-collapse: separate;
    border-right: 1px solid #d5d5d5;
}
.test1 td {
    padding: 6px 11px;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    text-overflow: ellipsis;
    overflow: hidden;
}
.qnabtn {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
    border-radius: 4px;
    background-color: #dcdcdc;
    text-shadow: none;
    border-style: none;
    border-image: none;
}
.container img {
    margin: 40px 0 0 !important;
	max-width:100%;
}

/*css추가 231127*/
.chapter_imgs {
	/*width:calc(100% - 120px);
	margin:20px auto;*/
	max-width:800px; 
	margin:20px 0 0 60px;
	padding:20px;
	text-align:center;
	border:1px solid #ddd;
	box-sizing:border-box;
}

.chapter_imgs img {
	display:inline-block;
	max-width:100% !important;
	margin:0 !important;
}

.chapter_imgs .img_source {
	width:100%;
	max-width:100%;
	font-size:14px;
	padding:0;
	margin-top:2%;
}
/**/

@media (max-width: 1150px) {

    .container img {
        margin: 40px auto 0 !important;
    }

}


@media (max-width: 1000px) {
    .wrap {
        display: block;
    }
    .side-navbar {
        position:fixed; 
        top:55px; 
        border-right: 0; 
        padding-bottom: 0; 
        width: 100%; 
        height: auto; 
        z-index:55;
    }
    .container {
        padding-right: 8px;
        padding-left: 8px;
        padding-top: 50px; 
        width: 100%; 
        height: auto; 
        overflow-x: hidden; 
        overflow-y: inherit;
    }
    .table > tbody > tr > td, 
    .table > tbody > tr > th, 
    .table > thead > tr > td, 
    .table > thead > tr > th {
        font-size:12px;
    }
    .navbar_toggle {
        display: none;
    }
    .navbar-nav {
        border-bottom: 1px solid #eee; 
        padding: 10px; 
        max-height: 400px; 
        overflow-y: scroll;
    }
    .navbar-toggle {
        display: block;
        border:none;
        background-color: transparent;
        cursor: pointer;
    }
    .navbar-toggle .icon-bar {
        display: block;
        margin-top: 4px;
        width: 22px;
        height: 2px;
        background-color: #fff;
    }
    .navbar-toggle .icon-bar:first-child {
        margin-top: 0;
    }
    table.table {
        width: 100%;
    }
    h3.grand_title {
        margin-top: 20px;
        margin-bottom: 10px;
        border-bottom: 2px solid #3166bb;
        padding: 10px 0;
        border-left: 10px solid #1c4d9a;
        font-size: 24px;
        font-weight: 500;
        font-size: 18px;
    }
    
    h5 {
        padding: 8px 0;
    }
    
    h6 {
        padding: 10px 10px 10px 0;
        padding-left: 0;
    }
    .container .title_sm {
        padding-left: 0;
    }
    .pdleft04 {
        padding-left: 0;
    }
    .container p {
        padding: 0 0 20px 0;
        padding-left: 0;
    }
    .tableWrap {
        width: 100%;
        padding: 0 !important;
        box-sizing: border-box;
        overflow-x: scroll;
    }
	.pdfDwd {
		position: absolute;
		top: 68px;
		right: 43px;
		z-index: 999;
	}
	
	/*231127 css추가*/
	.chapter_imgs {
		width:100%;
		margin:20px 0;
	}
	/***/

}

@media (max-width: 523px) {
    .top-nav > img{
        width: 180px;
    }
    #jqcs_s_demo {
        width: 175px;
    }
}