]
/* --------------------------------
   layout
-------------------------------- */
.container:not(.main) {padding-bottom: 30px;}
.title_h2 {margin-bottom: 30px; font-size: 36px; color: #444; font-weight: bold; border-bottom: 1px solid #333;}
.title_h2 span {display: inline-block; padding-bottom: 16px; border-bottom: 4px solid #333;}
.h3_subTit {font-size: 19px; color: red; font-weight: 450; margin-top: -12px; padding-bottom: 10px;}

.tabWrap {margin-top: 70px;}
.tabs.type01 {display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 40px; border: 1px solid #ccc; }
.tabs.type01 li {width: 50%; height: 100%; }
.tabs.type01 li + li {border-left: 1px solid #ccc;}
.tabs.type01 li a {display: block; height: 100%; line-height: 26px; padding: 21px 10px; font-size: 1.8rem; color: #444; text-align: center; background:#eee }
.tabs.type01 li a span {display: block;}
.tabs.type01 li a .single {line-height: 52px;}
.tabs.type01 li.active a {background: #fff; font-weight: bold; color: #222; }

.tabContent {display: none;}
.tabContent .bracket_style:first-child {margin-top:40px}


.bracket_style {position: relative; padding: 22px 0 30px 0; border-bottom: 1px dotted #777; }
.bracket_style:first-child {margin-top: 70px;}
.bracket_style:before, 
.bracket_style:after {position: absolute; left: 0; top: 0; border-top: 4px solid #0f4c81; border-left: 4px solid #0f4c81; content: "";}
.bracket_style:before {width: 4px; height: 22px;} 
.bracket_style:after {width: 80px; height: 4px;}
.bracket_style + .bracket_style {margin-top: 35px;}


.tit_h3 {padding-bottom: 22px; padding-left: 20px; font-size: 2.4rem; font-weight: bold;}
.tit_h4 {padding:20px 0 10px; font-size: 1.8rem; color: #1579b5; font-weight: bold; line-height: 1.4;}

.tit_h3 + .tit_h4 {padding-top: 0;}
.tit_h4 + .sub_txt {line-height: 1.5; font-size: 1.7rem;}
.tit_h3 + .tb_wrap,
.tit_h4 + .tb_wrap {margin-top: 10px;}

p.sub_txt,
ul.sub_txt > li  {position: relative; padding-left: 22px; line-height: 1.4; font-size: 1.6rem;}
ul.sub_txt > li::before,
p.sub_txt:before {position: absolute; left: 0; width: 6px; height: 3px; top: 11px; background: #9abed3; border-radius: 1px; content: "";}
p.sub_txt:before,
p.sub_txt + p.sub_txt ,
ul.sub_txt > li::before {left: 0;}
ul.sub_txt > li + li {margin-top: 5px; }
.sub_txt strong {}
.sub_txt.bus{line-height: 1.7;}
.list01 {padding-top: 28px;}
.list01 li {font-size: 1.6rem; font-weight: bold; line-height: 1.6;}

.list_line li {padding-left: 10px; text-indent: -10px;}
.list_num li {padding-left: 22px; text-indent: -22px;}

.border_box {margin: 20px 0; padding: 20px; line-height: 1.5; border: 1px solid #ccc;}
.border_box h3 {text-align: center; font-size: 2.0rem; font-weight: bold; padding-bottom: 10px;}

.Legal_basis_box{ padding:30px 30px 50px 210px; border-width: 2px; background: url(/eng/images/pipc/user/contents/noticeBoxBg.png) no-repeat 50px 50%; background-size: 120px;}
.Legal_basis_box.appa {background-image: url(/eng/images/pipc/user/contents/appaBg.png);}
.Legal_basis_box.gpa {background-image:url(/eng/images/pipc/user/contents/gpaBg.jpg);}
.Legal_basis_box.gpen {background-image: url(/eng/images/pipc/user/contents/gpenBg.png);}
.Legal_basis_box.coe {background-image: url(/eng/images/pipc/user/contents/coeBg.png);}

.tabWrap.logo .Legal_basis_box {padding-left: 250px; background-size: 150px;}


.controlLevelList {display: flex; flex-wrap: nowrap; justify-content: space-between; font-size: 1.6rem;}
.controlLevelList > li {position: relative; width: 14%; border: 1px solid #ccc;}
.controlLevelList > li::before {position: absolute; top: 50%; right: -40px; margin-top: -15px; width: 40px; height: 30px; background: url(/eng/images/pipc/user/common/ico_arrow.png) no-repeat 0 0; content: "";}
.controlLevelList > li:last-child::before {display: none;} 
.controlLevelList > li dt {padding: 20px 0; text-align: center; font-weight: bold; color: #fff; background: #226fba;}
.controlLevelList > li dd {padding: 10px; line-height: 1.4; }

.controlLevelList.type01 {margin: 10px 0 20px 10px;}
.controlLevelList.type01 span {display: block; line-height: 1.4;}
.controlLevelList.type01 li {padding: 15px; border: 7px solid #1579b5; border-radius: 3px; font-size: 1.6rem; text-align: center; font-weight: bold;}
.controlLevelList.type01 > li::before {right: -47px;}

.bord_dotted_bottom + .tit_h3 {padding-top: 30px;}
.gray_box {margin: 10px 0; padding: 30px; background: #f4f4f4; color: #444; font-size: 1.6rem; line-height: 1.5;}
/*table*/
table {width: 100%; table-layout: fixed; }
table caption {position: absolute; width: 0; height: 0; overflow: hidden; }
.tb_wrap{position: relative; margin-top: 40px; border-top: 2px solid #0087c6;}
.tb_wrap .scroll_img {display: none; width: 82px; height: 82px; position: fixed; left: 50%; top: 50%; margin: -41px 0 0 -41px; background:#fff url(/eng/images/pipc/user/common/ico_scroll.png) no-repeat; background-size: contain;border-radius: 5px; box-shadow: 0px 2px 11px rgba(0,0,0,0.2); font-size: 0; color: transparent;}
.tb_wrap .scroll_img.on {display: none;}
.tb_wrap table {min-width: 767px; font-size: 1.6rem; color: #444; line-height: 1.5;}
.tb_wrap table th {padding: 17px 20px; border-bottom: 1px solid #c3d0d4; border-left: 1px solid #c3d0d4; background: #f2f3f7; vertical-align: middle; text-align: center; font-weight: bold;}
.tb_wrap table tbody td {padding: 17px 30px; border-bottom: 1px solid #c3d0d4; border-left: 1px solid #c3d0d4;}
.tb_wrap table th:first-child,
.tb_wrap table td:first-child {border-left:0}
.tb_wrap table tbody td li + li {padding-top: 5px;}
.tb_wrap.chairperson table tbody td {vertical-align: middle;}
.tb_wrap.chairperson table tbody td:first-child {text-align: center;}
.tb_wrap.chairperson table tbody td strong {display: block;}

.tb_wrap.type01 {border-color: #7f7f7f;}
.tb_wrap.type01 table th {padding: 12px 20px; background-color: #f9f9f9;} 
.tb_wrap.type01 table th,
.tb_wrap.type01 table td {border-color: #d5d5db;}
.tb_wrap.type01 table td.bg_gray {padding: 12px; text-align: center; background-color: #f9f9f9; vertical-align: middle; word-break: keep-all;}

.tb_list {margin: 0 20px; border-top: 2px solid #7f7f7f; font-size: 1.6rem; line-height: 1.5; }
.tb_list thead th {padding: 17px 10px; background:#f9f9f9; border-bottom: 1px solid #d5d5db; color: #111; font-weight:bold}
.tb_list tbody td {padding: 17px 10px; border-bottom: 1px solid #d5d5db; text-align: center; }
.tb_list tbody td.tb_title {text-align: left;}
.tb_list tbody td.tb_title .title {display: block; width: 100%; white-space: nowrap; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; }
.tb_list tbody td.tb_title .title:hover {text-decoration: underline;}
.tb_list tbody td.tb_attach img {padding-top: 3px;}
.tb_detail {margin: 0 20px; border-top: 2px solid #7f7f7f; font-size: 1.6rem; line-height: 1.5; }
.tb_detail tbody th {padding:14px 0 14px 30px; text-align: left; background:#f9f9f9; border-bottom: 1px solid #d5d5db; color: #111; font-weight:bold}
.tb_detail tbody td {padding:14px 20px 14px 30px;  border-bottom: 1px solid #d5d5db;}

/*검색*/
.table_wrap .search_box {margin-top: 0; margin-left: 0; margin-right: 0;}
.table_wrap .search_box span {padding-left: 3%;}
.table_wrap .tb_list {margin-right: 0; margin-left: 0;}
.search_box {display: flex; flex-wrap: nowrap; margin:0 20px; padding: 20px; background: #f4f5f9; text-align: center; font-size: 1.6rem; justify-content: center;}
.search_box span {display: inline-block; padding-right: 20px; height: 39px; line-height: 39px; color: #111; font-weight: bold;}
.search_box .form_select {width: 14.3%; }
.search_box .input_txt {width: 59.5%;margin: 0 10px; }
.search_box + .tb_list {margin-top: 40px;}
.search_box.type01 .form_select {width: 35%;}
.search_box.type01 .form_select + .form_select {width: 40%; margin:0 10px}
/*페이지*/
.paging_div {margin-top: 30px; text-align: center;}
.paging_div .paging_inner {display: inline-block;}
.paging_div .paging_inner li {display: inline-block; vertical-align: top; margin: 5px 0;}
.paging_div .paging_inner li a {display: block; font-size: 14px; line-height: 30px; height:32px; width: 32px; text-align: center; background-color: #fff; color: #111;}
.paging_div .paging_inner li a:hover {border:1px solid #ddd; background-color:#fafafa;  border-radius:50px;}
.paging_div .paging_inner li em {display: block; font-size: 14px; line-height: 30px; height:32px; width: 32px; text-align:center; background-color:#222; color:#fff; border:1px solid #222; font-weight:bold; border-radius:50px;transition-duration: 0.1s; }
.paging_div .btn {display: inline-block; height: 30px; width: 30px; border: 1px solid #fff !important;  border-radius:50px; vertical-align: top; overflow: hidden; color: transparent; font-size: 0; background-image: url(/eng/images/pipc/user/common/ico_page.png) !important; background-repeat: no-repeat; background-size: 28px auto; } 
.paging_div .btn:hover {border: 1px solid #e9e9e9 !important; } 
.paging_div .btn.btn_first {background-position: 0 0;}
.paging_div .btn.btn_prev {background-position: 0 -28px;}
.paging_div .btn.btn_next {background-position: 1px -56px;}
.paging_div .btn.btn_last {background-position: 1px -84px;}


.bracket_style dl dt {line-height: 1.5; font-size: 1.9rem;}
.bracket_style dl dd {line-height: 1.5; font-size: 1.7rem; padding-bottom: 20px;}

ul li {font-size: 1.7rem; line-height: 1.5;}/* li 에 sub_txt 클래스 추가 할 경우 없어도 무방 */
ul li.sub_txt {position: relative; font-size: 1.7rem; line-height: 1.5;}
ul li.sub_txt:before {content: "";position: absolute; left: -14px; width: 6px; height: 3px; top: 12px; background: #9abed3; border-radius: 1px;}

/* .btn_download {width: 200px; height: 40px; color: #000; background: #e2e2e2; border: 2px solid #888; box-sizing: border-box;} */
.btn_wrap .btn_download {margin: 5px; width: calc(50% - 5px); padding: 6px 10px;}
.btn_download {display: inline-block; padding: 6px 19px; line-height: 1.4; border-radius: 19px; border: 1px solid #707070; font-size: 1.8rem; color: #444;  }
.btn_download:hover {background: #707070; color: #fff;}
.btn_txt_download {display: inline-block; text-decoration: underline;}
.emphasis {color:#d63232; line-height: 1.5; font-size: 1.7rem; margin: 20px 0;}
.btn_wrap.download .btn {margin-bottom: 10px; width: 613px;}

.border_dooted {margin-top: 30px; padding-bottom: 25px; border-bottom: 1px dotted #777; border-top: 1px dotted #777; }

.img_wrap.mgt_20 {}
.img_wrap.mgt_20 img {padding-top: 0;}

.board_nav {display: flex; flex-wrap: wrap; margin-top: 50px; border-top: 1px solid #d5d5db;}
.board_nav dt {width: 20%; padding:14px 0 14px 30px; border-bottom: 1px solid #d5d5db; font-weight: bold; color: #111; background: #f9f9f9;}
.board_nav dd {width: 80%; padding:14px 0 14px 30px; border-bottom: 1px solid #d5d5db;}
.board_nav dd a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board_nav dd a:hover {text-decoration: underline;}

.ol_box {display: flex; flex-wrap: nowrap; justify-content: space-between; }
.ol_box li {position: relative; width: calc(33.333% - 40px); text-align: center; font: 1.5rem; letter-spacing: -1px; background: #e7ecf1;}
.ol_box li:after {position: absolute; top: 50%; right: -50px; margin-top: -15px; width: 40px; height: 30px; background: url(/eng/images/pipc/user/common/ico_arrow.png) no-repeat 50% 50%; content: "";}
.ol_box li:last-child:after {display: none;}
.ol_box li dt {padding: 15px; background: #226fba; color: #fff; line-height: 1.4;}
.ol_box li dd {padding: 15px; background: #e7ecf1;}

.purpose_layout {display: flex; flex-wrap: nowrap; padding:40px 0 0;}
.purpose_layout li {width: 33.333%; padding: 0 3%; text-align: center; color: #444; word-break: keep-all;}
.purpose_layout li dl { padding-top: 30px;}
.purpose_layout li dl dt {padding-bottom: 20px; font-size: 2.4rem; font-weight: bold;}
.purpose_layout li dl dd {font-size: 1.6rem; }

.certification_box {display: flex; flex-wrap: nowrap; align-items: center; padding: 40px 5%; margin-bottom: 40px; background: #fafafa;}
.certification_box img {width: 22%; padding-right: 5%;}
.certification_box p {line-height: 1.5; color: #333; font-size: 1.6rem; word-break: keep-all;}

.global_wrap {display: flex; flex-wrap: nowrap; padding: 30px 50px; margin: 20px 0; border: 1px solid #ccc; line-height: 1.5; align-items: center; }
.global_wrap .left {width: 300px; padding-right: 60px; text-align: center;  flex-shrink: 0;}
.global_wrap .tit_h4:first-child {padding-top: 0;}
/* .global_wrap .left .btn {display: block;} */

.greetings_wrap {overflow: hidden; margin-top: 60px; color: #444; word-break: keep-all;}
.greetings_wrap img {float: left; padding-left: 60px; width: 350px;}
.greetings_wrap .large_txt {float: right; width: calc(100% - 382px); padding-bottom: 60px; font-size: 3rem; line-height: 1.6; }
.greetings_wrap .large_txt span {display: block;}
.greetings_wrap .txt {float: right; width: calc(100% - 382px); font-size: 1.6rem; line-height: 1.5;}

.greetings_bg {line-height: 1.8; margin-top: 40px; padding: 35px 0; font-size: 1.6rem; border:1px solid #ccc ; background: url(/eng/images/pipc/user/contents/greetingBg.png) no-repeat 50% 50%; background-size: cover; text-align: center;}
.greetings_bg span {padding-bottom: 10px; font-size: 2rem;display: block; line-height:2;}
.greetings_bg strong {font-size: 2rem;}
/* .greetings_wrap .picture {width: 350px;} */
.greetings_wrap .right {float: right; width: calc(100% - 382px); }
.greetings_wrap .c_blue {color: #4d6ba9;}

.profile_list {padding-left: 12px; padding-top: 10px; border-left: 2px solid #ddd;}
.profile_list li {display: table; height: 70px; width: 100%; table-layout: fixed;}
.profile_list li .year {display: table-cell; position: relative; width: 80px; font-size: 2rem; color: #1c6099; font-weight: bold; letter-spacing: -1px;}
.profile_list li .year::before {position: absolute; left: -16px; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #1c6099; content: "";}
.profile_list li span {display: table-cell;  font-size: 1.4rem; line-height: 1.4; vertical-align: top; height: 100px;}

.figure_3list {display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 40px; margin-bottom:50px;}
.figure_3list dl{width: 32%; text-align: center; border: 1px solid #ccc; }
.figure_3list dl dt {padding: 12px; background: #334d70; color: #fff; font-size: 1.8rem; font-weight: 700;}
.figure_3list dl dd {padding: 30px; }
.figure_3list dl dd figure {display: flex; flex-wrap: wrap; align-items: center; text-align: center; justify-items: center ;}
.figure_3list dl dd figcaption {margin-left: 10px; }
.figure_3list dl dd figcaption .name {font-size: 1.8rem; font-weight: bold; padding-bottom: 10px;}
.figure_3list dl dd img {display: inline-block; box-shadow: #ccc 3px 3px 6px;}

.Legal_basis_box.type01 {margin: 0px 0 40px;}
.Legal_basis_box:not(.type01) {margin: 40px 0;}

/*조직도*/
.orgBox {text-align:center; margin-top: 70px; }
.orgBox .org_1 > a {margin:0 auto; display:block; width:300px; line-height:80px; border:15px solid #226fba; font-size:2.4rem; font-weight:bold; color:#226fba; border-radius:100px;text-align:center;}
.orgBox .org_2 > a {line-height:60px;  border-radius:100px; background:#194c8b; font-size:2.4rem; color:#fff;}
.orgBox .org_3 > li > a {padding: 17px 0; line-height:22px; font-size:1.8rem; color:#fff; background:#334d70; border-radius:7px;}
.orgBox .org_4 a {border:1px solid #5e6a94; margin-top:5px; padding:10px 0;border-radius:7px;  line-height:20px; background:#fff; color:#5e6a94;  box-sizing:border-box;}
.orgLayout1,  .orgLayout2 {overflow:hidden; width:100%; }
.orgLayout2 {position: relative; padding-top: 30px;}
.orgLayout2:before {position: absolute; top: 0; left: 12.5%; right: 12.5%; height: 1px; background: #c8c8c8; content: "";}
.orgLayout2 > li {position: relative; float: left; width: 25%; padding: 0 5px;}
.orgLayout2 > li > .org_4 > a {margin-top: 0;}
.orgLayout2 > li:before {position: absolute; width: 1px; top: -30px; left: 50%; height: 30px; background: #c8c8c8; content: "";}
.orgBox .org_2 {padding:35px 0;  background:url("https://www.pipc.go.kr/np/resources/images/content/orgLayout2M.gif") repeat-y center top; }
.orgLayout1 > li{ float:left; width:50%; padding:15px 0; }
.orgLayout1 a, .org_2 a { width:300px; display:block; text-align:center; margin:0 auto; }
.orgLayout1{background:url("https://www.pipc.go.kr/np/resources/images/content/orgLayout1Bg.gif") repeat-y 50% 0; }
.orgLayout2 a {display:block; max-width:220px; text-align:center; margin:0 auto; }

.directions_img {padding-bottom: 40px;}
.yellow {color: #f2b012;}
.green {color: #148863;}
.blue {color: #2458a0;}
.red {color: #f74141;}
.org {color: #ec8c3e;}
.purple {color: #c047e3;}

/*Introduction of the System*/
.functions_wrap {max-width: 1025px; margin: 40px auto;}
.functions_wrap .vision_box {padding: 3px; border-radius: 50px; border: 4px solid #0f4c82; display: flex; flex-wrap: nowrap; max-width: 736px; margin: 0 auto; align-items: center; }
.functions_wrap .vision_box dt { width: 80px; height: 80px; padding: 0;  background: #0f4c82; border-radius: 40px; text-align: center; vertical-align: middle; color: #fff; line-height: 80px; font-size: 1.6rem; font-weight: bold;}
.functions_wrap .vision_box dd { padding: 0 0 0 20px; font-size: 1.5rem; vertical-align: middle; color:#000; font-weight: bold;}
.functions_wrap .vision_box dd.t_center{ width:calc(100% - 80px);padding:0 100px 0 20px;text-align:center;} /* 0111 add */
.functions_wrap .vision_box + .vision_box {margin-top: 35px;}
.functions_wrap .vision_box.skyblue {border-color: #0088c6;}
.functions_wrap .vision_box.skyblue dt {background: #0088c6;}
.functions_wrap.type01 .vision_box {max-width: 1002px;}
.functions_wrap.type01 .vision_box li {text-indent: -10px; padding-left: 10px; font-size: 1.5rem;}
.functions_wrap.type01 .vision_box li + li {margin-top: 5px;}

.function_box {border: 4px solid #9670d5; border-radius: 40px; padding: 1.6% 3%;}
.function_box dl dt {padding-bottom: 5px; font-size: 1.7rem; color:#9670d5; font-weight: bold;}
.function_box dl dd {font-size: 1.4rem; line-height: 1.4;}

.mission_wrap {position: relative; padding-left: 23%; margin: 40px;}
.mission_wrap p {position: absolute; left: 0; top: 95px; width: 143px; height: 143px; line-height: 143px; font-weight: bold; text-align: center; z-index: 1; border-radius: 50%; background: #0f4c82; color: #fff;}
.mission_wrap dl{position: relative;}
.mission_wrap dl:before {position: absolute; left:-12%;top: 22px; width: 11%; border: 1px dashed #b4bec8; content: "";}
.mission_wrap dl:nth-child(2):before {top: 65px; width: 18%; left: -18%; transform: rotate(-33deg);}
.mission_wrap dl:nth-child(3):before {}
.mission_wrap dl:nth-child(4):before {top:-16px; width: 26%; left: -18%; transform: rotate(33deg);}

.mission_wrap dl + dl {margin-top: 20px;}
.mission_wrap dl dt {position: relative; padding: 14px 10px 15px 54px; margin-bottom: 3px; width:516px; background: #91abcc; border-radius: 25px; z-index: 1; font-size: 1.4rem; color: #fff; font-weight: bold;}
.mission_wrap dl dt.bg_green{background-color: #6db7d2;}
.mission_wrap dl dt.bg_purple{background-color: #9670d5;}
.mission_wrap dl dd {font-size: 1.4rem; line-height: 1.3; padding: 2px 0 2px 54px; color: #000; font-weight: bold;}

.performance_wrap {position: relative; text-align: center; padding: 60px 0 180px; max-width: 1050px; margin: 0 auto;}
.performance_wrap .pc_img {display: inline-block;}
.performance_wrap dt {position: absolute; width: 0; height: 0; overflow: hidden;}
.performance_wrap li {text-align: left; font-size: 1.5rem; font-weight: bold;}
.performance_list {position: absolute; width: 420px;}
.performance_list.list_01 {top: 0;; right: 0; width: 40%;}
.performance_list.list_02 {left: 0; bottom: 0; height: 170px;}
.performance_list.list_03 {right: 0; bottom: 0; height: 170px;}

.site_map_wrap {}
.site_map_wrap .depth02_list > li {display: flex; flex-wrap: nowrap;  align-items: center; padding: 15px 0; /*border-top: 1px solid #d9dcdf;*/}
.site_map_wrap .depth02_list > li:first-child {border-top: 0;}
.site_map_wrap .depth02_list > li .depth02 {width: 16.2%;  padding-right:20px; color: #222; font-size:1.8rem; font-weight: bold; }
.site_map_wrap .depth03_list {width: calc(100% - 200px);}
.site_map_wrap .depth03_list li {display: inline-block; width: 24.4%;margin: 5px 0; vertical-align: top;}
.site_map_wrap .depth03_list .depth03 {position: relative; display: flex; align-items: center; width: 100%; height: 55px; padding:0 20px; border: 1px solid #e9edf2; color: #666; font-size: 1.5rem; line-height: 16px; transition: background 0.2s;}
.site_map_wrap .depth03_list .depth03:hover {background: #e9edf2;}

@media (max-width: 1200px) {


    .controlLevelList {flex-wrap: wrap;}
    .controlLevelList > li {width: calc(50% - 40px); margin-right: 40px; margin-bottom: 10px; }

    .profile_list li {display: block; height: auto; padding-bottom: 20px;}
    .profile_list li .year {display: block; padding-bottom: 10px;}
    .profile_list li span {display: block; font-size: 1.5rem;}
    .figure_3list dl dd {padding: 20px;}
    .figure_3list dl dd figure  {display: block; text-align: center;}
    .figure_3list dl dd figcaption {margin:20px 0 0 0}

    .site_map_wrap .depth02_list > li {padding-bottom: 0;}
    .site_map_wrap .depth02_list > li .depth02 {width:22%; }
    .site_map_wrap .depth03_list {width: 100%;}
    .site_map_wrap .depth03_list li{width: 49%; }
    .site_map_wrap .depth03_list .depth03 {padding: 0 10px;}
}
@media (max-width: 900px) {
    .other_btn_wrap {display: none;}
    .title_h2 {margin-bottom: 20px; font-size: 2.3rem;}
    .tabs.type01 {flex-wrap: wrap;}
    .tabs.type01 li {width: 100%;}
    .tabs.type01 li + li {border-left: 0; border-top: 1px solid #ccc;}
    .tabs.type01 li a {padding: 12px 10px;}
    .tabs.type01 li a span {display: inline-block;}
    .tabs.type01 li a .single {line-height: 26px;}

    .search_box {margin: 0 0 20px;}
    .search_box .form_select {width: 20%;}
    .search_box .input_txt {width: 50%;}
    .search_box + .tb_list {margin-top: 20px;}
    .tb_list {margin:0;}

    .tb_wrap table th,
    .tb_wrap table tbody td  {padding: 10px 15px;}
    

    .img_wrap.mgt_20 {margin: 0;}

    .purpose_layout {flex-wrap: wrap;}
    .purpose_layout li {width: 100%; padding-bottom: 20px;}
    .purpose_layout li img {width: 120px;}
    .purpose_layout li dl {padding-top: 10px; max-width: 600px; margin: 0 auto;}

    .certification_box {display: block; text-align: center; padding: 30px 20px; margin-bottom: 20px}
    .certification_box img {width: 30%; padding-right: 0; margin-bottom: 10px;} 
    .certification_box p {text-align: left;}

    .global_wrap {display: block; padding: 20px 20px 20px 40px; text-align: center;}
    .global_wrap .left {padding-right: 0; }
    .global_wrap .right {text-align: left;}

    .greetings_wrap img {width: 30%; padding-left: 0;}
    .greetings_wrap .large_txt {padding-bottom: 30px;width: calc(100% - 35%);}
    .greetings_wrap .txt {width: calc(100% - 35%);}
    .greetings_bg {margin-top: 20px; padding: 20px 0;}
    .greetings_wrap .right {width: calc(100% - 32%);}

    .Legal_basis_box.type01 {margin-top: 0;}
    .orgLayout2 {padding: 0;}
    .orgLayout2:before {display: none}
    .orgLayout2 > li {float: none; width: 300px; margin: 0 auto 30px;}
    .orgLayout2 a {max-width: 300px;}
    .orgBox {margin-top: 40px;}
    .orgBox .org_1 > a {border-width: 7px; font-size: 2rem; line-height: 48px;}

    .bracket_style {padding-top: 18px;}
    .bracket_style:first-child {margin-top: 40px;}
    p.sub_txt, ul.sub_txt > li {padding-left: 14px;}

    .functions_wrap .vision_box { border: 4px solid #0f4c82; flex-wrap: wrap; border-radius: 20px; }
    .functions_wrap .vision_box dt { width: 100%; height: 30px; padding: 0 ;border-radius: 15px; text-align: left; line-height: 30px; text-align: center;}
    .functions_wrap .vision_box dd { padding: 10px 10px 10px 15px;  font-size: 1.5rem; vertical-align: middle; color:#000; font-weight: bold;}
    .functions_wrap .vision_box + .vision_box {margin-top: 20px;}

    .functions_wrap.type01 .vision_box {border:0}
    .functions_wrap.type01 .vision_box dd {margin-top: 5px; border: 2px solid #0f4c82; border-radius: 15px; width: 100%;}
    .functions_wrap.type01 .vision_box.skyblue dd {border-color: #0088c6;} 

    .function_box {border-radius: 30px;}   
    .functions_wrap {margin-top: 20px;}
    .mission_wrap {padding-left:0; margin: 20px auto; max-width: 736px;}
    .mission_wrap p {position:initial; width: 120px; height: 120px; line-height: 120px; display: block; margin: 0 auto 20px; }
    .mission_wrap dl:before {display: none;}
    .mission_wrap dl dt {width: 100%; text-align: center;}

    .directions_img {padding-bottom: 20px;}
    .directions_img .btn_img {bottom: 20px;}

    .performance_wrap {text-align: left; padding: 0; max-width: none; margin: 0 auto;}
    .performance_wrap .pc_img {display: none;}
    .performance_wrap .mo_img {margin:0 auto; max-width: 350px; width: 100%;}
    .performance_wrap dt {position:static; width: 100%; height: auto; overflow:visible;}
    .performance_wrap li {text-align: left; font-size: 1.5rem; font-weight: bold;}
    .performance_list {position: static; width: auto;}
    .performance_list + .performance_list {margin-top: 25px;}
    .performance_list dt {padding: 12px 20px; margin-bottom: 15px; border-radius: 15px; font-weight: bold; font-size: 1.6rem; color: #fff; text-align: center; line-height: 1.5;}
    .performance_list.list_01 {width: auto;}
    .performance_list.list_02 {height: auto;}
    .performance_list.list_03 {height: auto;}
    .performance_list.list_01 dt {background-color: #c68fe0;}
    .performance_list.list_02 dt {background-color: #7cbed6;}
    .performance_list.list_03 dt {background-color: #39bda5;}

}

/*태블릿모바일*/
@media all and (max-width:767px) {
    .controlLevelList > li {width: 100%; margin-right: 0; margin-bottom: 40px; }
    .controlLevelList > li:before {bottom: -35px; top: auto; left: 50%; margin-left: -20px; margin-top: 0; background-image: url(/eng/images/pipc/user/common/ico_arrow2.png);}
    .controlLevelList > li:last-child {margin-bottom: 0;}
    .tb_wrap .scroll_img.on {display: block;}
    .tb_list table , 
    .tb_list table thead , 
    .tb_list table tbody , 
    .tb_list table tr, 
    .tb_list table td {display: block;}
    .tb_list table thead,
    .tb_list table .tb_no{display: none;}
    .tb_list table td {border: 0;}
    .tb_list table tr + tr {border-top: 1px dotted #ddd;}
    .tb_list table tr {padding: 10px 0; text-align: center;}
    .tb_list tbody td {display: inline-block; padding: 0 10px;}
    .tb_list tbody td img {padding-top: 2px;}
    .tb_list table .tb_title {display: block; padding: 0; margin: 10px 0;}
    .tb_list tbody td.tb_title .title {padding: 10px; border: 1px solid #ccc; background: #fcfcfc;  white-space: normal;}

    .tb_detail {margin: 0;}
    .tb_detail table , 
    .tb_detail table tbody , 
    .tb_detail table tr, 
    .tb_detail table td {display: block;}
    .tb_detail table .d_none {display: none;}
    .tb_detail table .title,
    .tb_detail table .contents {padding: 10px;}
    .tb_detail table .d_inblock {display: inline-block; width: 80%; padding-left: 10px;}
    .tb_detail table .d_flex {display: flex; flex-wrap: wrap;}
    .tb_detail table .d_flex .d_inblock:nth-child(1), 
    .tb_detail table .d_flex .d_inblock:nth-child(3) {width: 100px; flex-shrink: 0; }
    .tb_detail table .d_flex .d_inblock:nth-child(2), 
    .tb_detail table .d_flex .d_inblock:nth-child(4) {width: calc(100% - 100px); flex-shrink: 0; }

    .search_box {padding: 0; background: #fff;}
    .search_box span {display: none;}
    .search_box .form_select {width: 25%;}
    .search_box .input_txt {width: calc(100% - 25% - 50px - 10px); margin: 0 0 0 10px;}
    .search_box .btn_search {width: 50px;}
    .search_box.type01 .form_select {width: 40%;}
    .search_box.type01 .form_select + .form_select {width: calc(100% - 40% - 10px);; margin:0 0 0 10px;}
    
    .board_nav {margin-top: 20px;}
    .board_nav dt {padding: 10px; width: 100px;}
    .board_nav dd {padding: 10px; width: calc(100% - 100px);}

    .Legal_basis_box {padding: 120px 20px 30px; background-position: 50% 20px; background-size: 80px;}


    .ol_box {flex-wrap: wrap;}
    .ol_box li {width: 100%; }
    .ol_box li + li {margin-top: 40px;}
    .ol_box li:after {top: auto; bottom: -35px; left:50%; right:auto; margin-left: -20px; transform: rotate(90deg);}

    .btn_download {margin-top: 10px;}
    .controlLevelList.type01 {margin-left: 0;}
    .controlLevelList.type01 > li::before {bottom: -41px;}

    .tabWrap.logo .Legal_basis_box {padding-left: 30px; background-size: auto 120px; background-position:  50% 20px;}
    .tabWrap.logo .Legal_basis_box.appa,
    .tabWrap.logo .Legal_basis_box.gpen,
    .tabWrap.logo .Legal_basis_box.coe {background-size: auto 90px;}

    .greetings_wrap { text-align: center;}
    .greetings_wrap img {width: 70%; padding-left: 20px; float: none;}
    .greetings_wrap .large_txt {padding-top: 20px; width: 100%; text-align: left; font-size: 2rem; line-height: 1.5;}
    .greetings_wrap .txt {width: 100%; text-align: left;}
    .greetings_bg {font-size: 1.4rem; padding: 20px; line-height: 1.7;}
    .greetings_bg span {font-size: 1.6rem; line-height: 1.7;}
    
    .greetings_wrap .right {width: 100%; text-align: left;} 
    .greetings_wrap img.picture {width: 50%; padding: 0; margin-bottom: 20px;}
    .greetings_wrap .sub_txt li {margin-bottom: 10px;}

    .figure_3list {display: block;}
    .figure_3list dl {width: 100%; margin-bottom: 30px;}

    .orgLayout1 > li {float: none; width: 100%; padding: 0; margin: 10px 0; background: #fff;}

    .function_box {border-radius: 20px;}   
    .mission_wrap dl dt {padding:10px 20px;}
    .mission_wrap dl dd {padding-left: 20px;}

    .btn_wrap.download .btn {width: 100%;}
    .site_map_wrap .depth02_list > li {flex-wrap: wrap;}
    .site_map_wrap .depth02_list > li .depth02 {width: 100%;}
    .site_map_wrap .depth03_list li{width: 100%; }
}