@charset "utf-8"; 

/*common*/
html {font-size:15px;}
body, section, article, aside, address, nav, main, header, footer, h1, h2, h3, h4, h5, h6, div, p, a, ul, ol, li, dl, dt, dd, span, input, [type=text], [type=password], [type=file], [type=email], [type=number], [type=tel], select {text-decoration:none; margin:0; padding:0; color:#000; font-style:normal; font-weight:normal; font-family:'맑은 고딕', 'Malgun Gothic', 'Dotum', 'AppleGothic', sans-serif; box-sizing:border-box; letter-spacing:-1px; line-height:1.5; word-break:keep-all;}
li {list-style:none;}
a:focus,
a:hover,
a[target="_blank"] {text-decoration:underline;}
caption,legend,caption *,legend * {position:absolute; overflow:hidden; clip:rect(0, 0, 0, 0); margin:-1px; width:1px; height:1px;}

img {border:0; vertical-align:middle;}
table {border-collapse:collapse; width:100%;}
fieldset {border:0; padding:0;}
button {border:none; background:none; cursor:pointer;}
strong, h1, h2, h3, h4, h5, h6 {font-weight:600; line-height:1.3;}
h1 > * , h2 > * , h3 > * , h4 > * , h5 > * , h6 > * {font-weight:bold;}

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

.b-n {border-left:none !important;}
.b-l {border-left:1px solid #e4e4e4 !important;}

.v-b {vertical-align: baseline;}

.blind {position:absolute; width:1px; height:1px; border:0; overflow:hidden; margin:-1px; clip:rect(0,0,0,0);}
.clearfix::after,
.clearfix::before {display:block; clear:both; content:'';}

.comp-table .table-top-info {display:block; text-align:center; font-weight:bold; font-size:17px;}
.comp-table table {margin:10px 0;}
.comp-table table thead {border-top:2px solid #555; border-bottom:1px solid #e4e4e4; background-color:#f2f2f2;}
.comp-table table thead th {padding:5px 10px 5px 15px; height:35px; background-color:#f2f2f2; color:#111; font-size:16px; text-align:center; font-weight:bold; white-space:nowrap; line-height:1.2;}

.comp-table table tbody {border-top:2px solid transparent; border-bottom:2px solid #555zz;}
.comp-table table tbody td {padding:5px 10px 5px 15px; height:30px; border-bottom:1px solid #e4e4e4; font-size:14px; text-align:left; word-break:keep-all; line-height:1.2;}

.comp-table table thead tr:first-child,
.comp-table table thead tr:last-child,
.comp-table table tbody tr:first-child {border-top:1px solid #e4e4e4;}
.comp-table table thead tr th:nth-child(n+2),
.comp-table table tbody th:nth-child(n+2),
.comp-table table tbody td:nth-child(n+2) {border-left:1px solid #e4e4e4;}

.comp-table table tbody td li {color:#111;}
.comp-table table tbody td li strong {color:#333; letter-spacing:0.5px;}

.comp-table table tbody td[scope="row"] {line-height:1.5;}
.comp-table table tbody tr th {border-bottom:1px solid #e4e4e4;}

.comp-table .t-c tbody td {text-align: center;}
.comp-table .b-n tbody td:first-child {border-left:0;}

.comp-table table thead tr:nth-child(2) > th {border-left: 1px solid #e4e4e4;}
/* 
**tbody 안에 rowspan / colspan 으로 셀 병합이 있을 경우(border 깨지는 경우) 
1) table class="comp_tb_type1_b" 클래스 추가, 
2) 가장 좌측의 th, td에 class="b-n" 주기
*/
.comp-table table tbody tr th:first-child, 
.comp-table table tbody tr td:first-child {border-left:1px solid #e4e4e4;}

*[class^=comp_ex_] {display:block; margin:30px 0; padding:30px; box-shadow:0 5px 5px 0 #eee;}
*[class^=comp_ex_][class*=_yellow] {background-color:#FFFFE0; border-left:5px solid #D9D900;}
*[class^=comp_ex_][class*=_green] {background-color:#DCFFD4; border-left:5px solid #00C000;}
*[class^=comp_ex_][class*=_pink] {background-color:#FEE6E6; border-left:5px solid #FF8080;}
*[class^=comp_ex_][class*=_blue] {background-color:#CFF3F3; border-left:5px solid #00C0C0;}
*[class^=comp_ex_][class*=_gray] {background-color:#eeeeee; border-left:5px solid #6b6b6b;}
*[class^=comp_ex_][class*=_dark] {background:rgba(0, 0, 0, 0.72); color:#f8f8f2;}
*[class^=comp_ex_][class*=_dark] * {color:#f8f8f2;}
*[class^=comp_ex_][class*=_dashed] {background-color:#f8f8f5; border:dashed 2px gray; border-radius:8px; padding:20px 30px;}

*[class*=check] {display:inline-block; background:url(../img/icon_check1.png) no-repeat center left; padding-left:28px; margin:3px 0;}


*[class^=comp_btn_] {display:inline-block; position:relative; padding:5px 25px; border:1px solid rgba(0, 0, 0, 0.21); border-bottom:4px solid rgba(0, 0, 0, 0.21); border-radius:6px; font-size:16px; text-decoration:none; color:#fff; text-shadow:0 1px 0 rgba(0, 0, 0, 0.15);}

*[class^=comp_btn_][class*=_link] {
    color:#fff; 
    background:rgba(165, 0, 52, 1); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(165, 0, 52, 1)), to(rgba(192,76,112, 1))); 
    background:-webkit-linear-gradient(rgba(192,76,112, 1) 0, rgba(165, 0, 52, 1) 100%); 
    background:-moz-linear-gradient(rgba(192,76,112, 1) 0, rgba(165, 0, 52, 1) 100%); 
    background:-o-linear-gradient(rgba(192,76,112, 1) 0, rgba(165, 0, 52, 1) 100%); 
    background:linear-gradient(rgba(192,76,112, 1) 0, rgba(165, 0, 52, 1) 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0); 
    vertical-align:bottom; 
    text-decoration:none; 
}

*[class^=comp_btn_][class*=_link]:hover {color:#fff; text-decoration:none;}
*[class^=comp_btn_][class*=_link]:focus {color:#fff; text-decoration:none;}
*[class^=comp_btn_][class*=_link]:active {color:#fff; text-decoration:none; background:#000;}


/*common list-style*/
*[class^=list_depth1] + .desc_g_v1 {padding-top:15px;}
*[class^=list_depth1] {padding:10px 0 10px 0;}
*[class^=list_depth1] li {line-height:26px; padding-top:5px;}
*[class^=list_depth1] li:first-child {padding-top:0;}

/*dot bullet*/
.list_depth1_type1 {padding:10px 0 0 20px;}
.list_depth1_type1 li {line-height:26px; padding-top:5px;}
.list_depth1_type1 > li:first-child {padding-top:0;}
.list_depth1_type1 > li::before {display:inline-block; content:''; margin:13px 12px 0 -20px; width:5px; height:5px; border-radius:50%; background-color:#000; vertical-align:top;}
.list_depth1_type1 li .tit_subject {display:inline-block; padding-bottom:0;}

p.list_depth1_type1 {padding-top:0;}
p.list_depth1_type1::before {display:inline-block; content:''; margin:10px 12px 0 -20px; width:5px; height:5px; border-radius:50%; background-color:#000; vertical-align:top;}

.list_depth1_text {padding-left:20px;}
.list_depth1_num,
.list_depth1_alph {padding-left:35px;}
.list_depth1_num > li {list-style:decimal;}
.list_depth1_alph > li {list-style:lower-alpha;}

.list_depth2_type1 {padding:10px 0 30px 40px;}
.list_depth2_type1 li {line-height:26px; padding-top:5px;}
.list_depth2_type1 li:first-child {padding-top:0;}
.list_depth2_type1 li::before {display:inline-block; content:''; margin:12px 10px 0 -15px; width:5px; height:5px; border-radius:50%; background-color:#000; vertical-align:top;}
.list_depth2_type1 + .desc_g_v1 {padding-top:10px;}


/*숫자 bullet*/
.list_depth1_type2 li {padding-top:15px; line-height:26px; font-size:0.935rem; list-style:decimal; list-style-position:inside;}
.list_depth1_type2 li:first-child {padding-top:0;}
.list_depth1_type2 .tit_subject {padding:0 0 5px 5px; display:inline-block;}

.list_depth1 .list_depth2 {padding:10px 0 0 12px;}
.list_depth1 .list_depth2 li {padding-top:5px; line-height:26px; font-size:0.935rem; text-indent:-9px; margin-left:9px;}


/*[S] contents*/


#wrap {position:relative; min-width:320px; width:1200px; margin:0 auto; padding:50px 0;}
.container {position:relative; width:calc(100% - 280px); min-height:895px; margin:0; margin-left:280px;}
.subinner {}
.sidebar-content {position:absolute; top:50px; left:0; display:inline-block; width:235px; height:100%;}
.sidebar-content h2 {display:block; width:100%; font-size:18px;}

.sidebar-content.fixed .nav {position:fixed; top:10px; width:235px;}

/*nav*/
.nav {margin-top:20px; background-color:#fff;}
.nav:first-of-type {border-top:1px solid #fff; margin-top:0;}
.nav .sidebar-h3 {padding-left:10px;}
.nav .sidebar-h3 strong {font-size:20px; color:#05165C;}
.nav .sidebar-h3 span {display:inline-block; margin-left:15px; padding:2px 4px; font-size:13px;}

.nav-list {margin-top:10px; background-color:#f2f2f2; padding:15px 10px 10px 15px;}

*[class^=nav-list] .sidebar-h4 {}
*[class^=nav-list] {}
/**[class^=nav-list] > li {position:relative; padding-left:15px;}
 *[class^=nav-list] > li:before {position:absolute; top:5px; left:0; display:inline-block; width:3px; height:2px; background-color:#f00; content:''} */
*[class^=nav-list] li a {}
*[class^=nav-list] li a > * {display:inline-block; line-height:1.6; font-size:14px; font-weight:bold; color:#555;}

*[class^=nav-list] li a:focus,
*[class^=nav-list] li a:focus > *,
*[class^=nav-list] li a:active,
*[class^=nav-list] li a:active > *,
*[class^=nav-list] li a:hover,
*[class^=nav-list] li a:hover > * {color:#05165C; text-decoration:underline;}

*[class^=nav-list] li a strong {min-width:40px; margin-right:10px;}
*[class^=nav-list] li a span {font-size:14px;}

*[class^=nav-list][class*=depth2] {margin-bottom:10px;}
*[class^=nav-list][class$=depth2] > .sidebar-h4 {font-size:15px;}
*[class^=nav-list][class$=depth2] > .sidebar-h4 strong {}
*[class^=nav-list][class$=depth2] > .sidebar-h4 span {display:inline-block; padding:2px 5px; padding-left:0; font-size:14px; letter-spacing:-0.6px; line-height:1.2;} 

*[class^=nav-list][class*=depth3] {margin-left:16px;}
*[class^=nav-list][class$=depth3] li a strong {min-width:80px; margin-right:10px;}

*[class^=nav-list][class*=dot] li a {position:relative; padding-left:20px;}
*[class^=nav-list][class*=dot] li a:before {position:absolute; top:8px; left:10px; display:inline-block; width:5px; height:5px; margin-right:3px; border-radius:50%; background-color:#333; content:'';}

.nav .active,
.nav .active-fix {position:relative; padding-bottom:2px; background-color:#fff; border:1px solid #f2f2f2; border-left:0; box-shadow:2px 2px 2px 0 #ddd;}

.nav .active:after,
.nav .active-fix:after {position:absolute; top:0; right:-5px; display:inline-block; width:5px; height:100%; background-color:#000; content:'';}

.nav .active:active,
.nav .active:focus,
.nav .active:hover {text-decoration:none;}

.nav .active a,
.nav .active strong,
.nav .active span,
.nav .active-fix a,
.nav .active-fix strong,
.nav .active-fix span {font-weight:600;}

/*[S] top*/
.goTop {position:fixed; bottom:15px; right:15px; display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; background-color:#6b6b6b; text-align:center; transition:background-color .3s, opacity .5s, visibility .5s; opacity:0; visibility:hidden; z-index:1000;}
.goTop span {display:inline-block; color:#fff; font-size:0.75rem; line-height:1; letter-spacing:0;}
.goTop:focus,
.goTop:active,
.goTop:hover {cursor:pointer; background-color:#555;}
.goTop.show {opacity:1; visibility:visible;}

.goTop:before {margin:0;}
.tab_panel {position:absolute; top:0; right:0;}
.tab_panel .tab_list {display:block; padding-left:1px;}
/*[E] top*/


/*[S] CONTENTS*/
.section + .section {margin-top:50px;}

.box_heading h3 {font-size:32px;}
.box_heading h3,
.box_heading h3 > * {display:inline-block; vertical-align:middle; line-height:1;}
.box_heading h3:before {display:inline-block; width:5px; height:34px; background-color:#4b4b4b; margin-right:8px; vertical-align:middle; content:'';}

.information {padding:50px 0 30px 0; letter-spacing:0;}
.information p {letter-spacing:0;}

.sc-wrapper {padding:40px 30px; border-top:2px solid #05165C;}
.sc-wrapper h4 {}
.sc-wrapper h4,
.sc-wrapper h4 > * {font-size:1.7rem; line-height:1.3;}
.sc-wrapper h4 > span {margin-left:20px; line-height:1.3;}

.sc-header {display:inline-block; width:100%; padding:0 0 20px 10px;}
.sc-header .h4 {margin-left:20px; font-weight:bold;}
.sc-header .h4 > * {font-weight:bold;}
.sc-header .h4:before {display:inline-block; width:10px; height:1px; background-color:#6b6b6b; margin-right:5px; vertical-align:middle; content:'';}

.sc-content {position:relative;}
.sc-content h5 {padding-bottom:5px; margin:30px 0 20px; font-size:20px; font-weight:bold; border-bottom:1px solid #ccc;}
.sc-content h5:first-of-type {margin-top:10px;}
.sc-content h6 {margin:20px 0 10px; font-size:18px; font-weight:bold;}
.sc-content > strong {font-weight:500;}
.sc-content > * {word-break:keep-all; line-height:1.8; letter-spacing:0;}
.sc-content > p {padding-bottom:20px; text-align:justify;}
.sc-content > p + .list_depth1 {padding-top:0}
.sc-content > p + .list_depth1_text {padding-top:0}
.sc-content > .list_depth1 + p {padding-top:10px}
.sc-content > p + .list_depth1_type1 {padding-top:0;}
.sc-content > p + .panel-wrap {margin-top:70px;}
.sc-content .list_depth1 {padding:10px 10px 10px 59px;}
.sc-content .list_depth1_text {padding-left:0;}
.sc-content .txt_num {margin:0 5px 0 -60px;}

.sc-content .list_depth1_num,
.sc-content .list_depth1_alph {padding-left:20px;}
.sc-content .list_depth1_type1 {padding-left:20px;}

.comp-table {margin:20px 0;}
.comp_title {padding:10px 0;}
.comp_title::before {display:inline-block; content:''; margin-right:5px; padding-bottom:4px; width:15px; height:15px; background:url(../img/icon_title.png) no-repeat 0 0; vertical-align:middle;}
.comp_title_v1 {display:block; padding-bottom:20px; color:#103056; text-align:center; font-weight:bold;}

.wrap_cont {margin-bottom:30px;}
.tab_heading {position:relative;}
.sub_tit {display:inline-block; width:calc(100% - 325px); font-size:32px; font-weight:bold;}
.txt_cont {margin-left:15px;}

.tit_desc {display:block; padding-top:10px; ; font-size:16px; font-weight:bold;}
.tit_subject {display:block; padding:0 0 15px 0; font-size:16px; font-weight:bold;}
.desc_g,
.desc_g_v1 {padding-top:5px; line-height:1.5; word-break:keep-all; white-space:normal;}
.desc_g + .desc_g {padding-top:20px;}
.desc_g + .list_depth1 {padding:20px 0 20px 40px;}
.desc_g + .tit_desc {padding-top:30px;}
.tit_desc + .desc_g {padding-top:20px;}
.tit_support {display:block; color:#103056; font-weight:bold; text-align:center;}


.imgbox_gray {width:1100px; margin:20px 0; padding:30px 50px; background-color:#f2f2f2;}
.contentsWrap .imgbox_gray .img {display:inline-block; margin:30px 0 0 0;}
.contentsWrap .imgbox_gray .figure {margin:20px 0 0 0;}

.img_link {margin:20px 20px 20px 0;}
.img_link > p {text-align:right;}
.img_link + .comp_btn_link {margin-bottom:45px;}
.img_box {display:flex;}
.img_box_col {display:flex; flex-direction:column;}
.img_box > div {flex-basis:500px;}
.img_box > div:last-child {margin-left:50px;}
.figure {margin:30px 35px 30px;text-align: center;}
.figure:not(:first-of-type) {margin-top:3rem;}
.figure figcaption {padding-top:10px; max-width:900px; text-align:center;}
.figure-half figcaption {max-width:450px;}
.footnotes {display:inline-block; margin-top:30px; padding:5px 0 0 15px; border-top:1px solid #e4e4e4; font-size:14px;}
.naming-list {padding:30px; padding-top:20px;}
.naming-list dt {margin-bottom:5px; font-weight:500;}
.naming-list dd + dt {margin-top:40px;}
.naming-list dd {padding-left:20px;}
.naming-list dd p {text-align:justify; word-break:keep-all; text-indent:-8px}
.naming-list dd p.mgt5 {text-indent:0;}

.figcaption {display: block;text-align: center;font-weight: bold;font-size: 17px;}
.figcaption:last-child {text-align: left;font-size: 16px;font-weight: normal;}

/*[S] universal-design 1*/

.nav-part + .nav-part {margin-top:15px; padding:20px 0 0 0;}
.thumbnail {text-align:center;}
.thumbnail a {overflow:hidden; display:inline-block; width:195px; height:232px; border:1px solid #ddd;}
.thumbnail a > img {display:inline-block; width:100%; height:auto; object-fit:scale-down;}

.authors {text-align:right;}
.author-list {display:inline-block; font-size:15px;}
.author-list dl {display:flex; align-items:center; justify-content:flex-start; text-align:left;}
.author-list dl dt {flex:0 0 75px; min-width:75px;}
.author-list dl dd {flex:1 1 auto;}

.sub-information {padding-top:30px; font-size:15px;}
.sub-information * {font-size:15px;}
.date-list {display:flex; justify-content:space-between; width:70%; padding-top:10px;}
.date-list .head_icon_type02:before {margin-right:5px;}

.ref-list li {margin-top:15px; color:#555; font-size:15px;}
.ref-list li:first-child {margin-top:0;}

/*[E] universal-design 1*/


@media screen and (max-width:1600px) {  
    .imgbox_gray {width:100%;}
    .imgbox_gray .figure img {width:100%; height:100%;}
}