@charset "UTF-8";

/* --------------------------------
   layout
-------------------------------- */
html {font-size: 62.5%; overflow-x: hidden;}
html * {box-sizing: border-box; word-break: keep-all;}
body {font-size: 1.7rem; color: #444;}
.hidden {overflow: hidden;}
/*공통*/
.blind {position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; color: transparent;}
.bord_dotted_bottom {border-bottom: 1px dotted #777; }
.bord_dotted_top {border-top: 1px dotted #777; }
.border_none {border:0 !important; }
.img_wrap.full {text-align: center; position: relative;}
.img_wrap.full img {max-width: 100%; margin: 0 auto;  }
.img_wrap.full.nopd {margin-bottom: 20px;}

.img_wrap img.w1025 {max-width: 1025px; margin: 0 auto; }
.mgt_20 {margin-top: -20px;}
.pd0 {padding: 0 !important;}
.pd10 {padding-top: 10px !important;}
.pdt40 {padding-top: 40px;}
.pdb40 {padding-bottom: 40px;}
.pdb20 {padding-bottom: 20px;}
.pdb0 {padding-bottom: 0 !important;}
img.pc_img {display: block;}
img.mo_img {display: none;}


/*스킵네비*/
#skip_navigation {position:absolute; float:left; top:0px; left:0px; width:200px; font-size:1.4rem; font-weight:bold; padding-left:10px; height:20px; z-index:9999;}
#skip_navigation a { position:absolute; display:block; height:0; overflow:hidden;}
#skip_navigation a:hover, #skip_navigation a:focus, #skip_navigation a:active { height:auto; background:#333; color:#f9f9f9; padding:10px 10px 10px 10px; }

.wrapper {overflow: hidden;}
.inner {padding: 0 20px; margin: 0 auto; position: relative;}

.header_wrap {}
header .header_top {position: relative; max-width: 1260px; margin:0 auto; padding: 10px;}
header .header_top h1 {width: 348px; display: inline-block; vertical-align: top;}
header .header_top h1 a {display: block; width: 100%; height: 64px; font-size: 1px; color: transparent; background: url(/eng/images/pipc/user/common/logo.jpg) no-repeat 0 50%; background-size: contain; }
header .header_top .header_btn_wrap {float: right;}
header .header_top .header_btn_wrap a {display: inline-block; margin-left: 30px; line-height: 32px; font-size: 14px; font-weight: bold;}
header .header_top .header_btn_wrap a:hover {text-decoration: underline;}
header .header_top .header_btn_wrap {padding-top: 11px;}
header .gnb_btn {position: absolute; right: 0; top: 0; width: 60px; height: 52px; padding: 15px 17px; text-align: right; background-color: #002e66; color: transparent; overflow: hidden; z-index: 11;}
header .gnb_btn span {position: relative; display: inline-block; height: 20px; width: 26px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; transition: .5s;}
header .gnb_btn span:after {position: absolute; top: 7px; right: 0; height: 2px; width: 1.6rem; background: #fff; content: ""; transition: .5s;}
header .gnb_btn:hover span {width: 1.6rem;}
header .gnb_btn:hover span:after {width: 26px;}
header .gnb_btn.mobile {display: none;}

.gnb_wrap {position: relative; background: #0f4c81; color:#fff}
.gnb_wrap .gnb_bg {position: absolute; left: 0; top:52px; width: 100%; height: 0; background: #e9edf2; z-index: 99;}
.gnb_wrap.on .gnb_bg {opacity: 1;}
.gnb_wrap .navigation {position: relative; max-width: 1240px; padding-left: 70px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between}
.gnb_wrap .nav_wrap {display: flex; flex-wrap: nowrap;}
.gnb_wrap .nav_wrap a {display: inline-block; word-break: keep-all; white-space: initial;}
/* .gnb_wrap .nav_wrap a:hover {text-decoration: underline;} */
.gnb_wrap .nav_wrap > li {display: inline-block; }
.gnb_wrap .nav_wrap > li > a {padding: 0 58px; line-height: 52px; height: 52px; font-size: 20px; color: #fff;}
.gnb_wrap .nav_wrap > li:last-child {white-space: nowrap;}
.gnb_wrap .nav_wrap > li:last-child > a {padding-right: 150px}
.gnb_wrap .nav_wrap .depth01.active + .depth02_list {display: block !important;}
.gnb_wrap .nav_wrap .depth02_list {display: none; position: absolute; left:0; width: 100%; top:52px; padding: 20px 0 30px; z-index: 100; }
.gnb_wrap .nav_wrap .depth02_list > li {display: flex; align-items: center; padding: 20px 0; border-top: 1px solid #d9dcdf;}
.gnb_wrap .nav_wrap .depth02_list > li:first-child {border-top: 0;}
.gnb_wrap .nav_wrap .depth02_list .depth02 {width: 35%; padding-right:20px; color: #222; font-size:1.8rem; font-weight: bold; }
.gnb_wrap .nav_wrap .depth03_list {width: calc(100% - 200px);}
.gnb_wrap .nav_wrap .depth03_list li {display: inline-block; width: 24.4%; vertical-align: top;}
.gnb_wrap .nav_wrap .depth03_list .depth03 {position: relative; display: flex; align-items: center; width: 100%; height: 55px; padding:0 20px; border: 1px solid #fff; color: #666; font-size: 1.5rem; line-height: 16px; transition: background 0.2s;}
.gnb_wrap .nav_wrap .depth03_list .depth03:hover {background: #fff;}
/* .gnb_wrap .nav_wrap .depth03_list .depth03::before {position: absolute; left: 0; top:13px; width: 6px; height: 3px; border-radius: 50%; background: #9abed3; content: "";} */
.gnb_wrap .nav_wrap .depth02_list > li:last-child .depth03_list {padding-bottom: 3px}

.gnb_wrap.full_nav .nav_wrap {}
.gnb_wrap.full_nav .nav_wrap > li  {position: relative;}
.gnb_wrap.full_nav .nav_wrap .depth02_list {display: block; position: absolute; left:0; width: 100%; top:52px; padding: 19px 0 50px 57px; }
.gnb_wrap.full_nav .nav_wrap .depth02_list .depth02 {padding: 5px 0; width: 100%; font-size:1.5rem; }
.gnb_wrap.full_nav .nav_wrap .depth02_list > li {display: block; padding: 0; border: 0;}
.gnb_wrap.full_nav .nav_wrap .depth03_list {padding: 2px 0 13px; width: 100%;}
.gnb_wrap.full_nav .nav_wrap .depth03_list .depth03::before {position: absolute; left: 0; top:13px; width: 6px; height: 3px; border-radius: 50%; background: #9abed3; content: "";} 
.gnb_wrap.full_nav .nav_wrap .depth03_list li {display: block; width: 100%;}
.gnb_wrap.full_nav .nav_wrap .depth03_list .depth03 {height: auto; padding:5px 0 5px 12px; font-size: 1.4rem; line-height: 16px; letter-spacing: -1px; border: 0;}
.gnb_wrap.full_nav .gnb_bg {background: #fff;border-bottom: 3px solid #0f4c81; }
.mo_gnb_wrap {display: none;}

.sub_nav_wrap {margin-bottom: 60px; border-bottom: 1px solid #dbdbdb;}
.sub_nav_wrap .sub_nav {display: flex; flex-wrap: nowrap;}
.sub_nav_wrap .sub_nav > li:first-child {width: 58px; min-width: auto; border-left: 1px solid #dbdbdb;}
.sub_nav_wrap .sub_nav > li {min-width: 250px; height: 59px; border-right: 1px solid #dbdbdb;}
.sub_nav_wrap .sub_nav > li > .sub_home {display: block; width: 100%; height: 100%; font-size: 0; color: transparent; background: url(/eng/images/pipc/user/common/ico_home.png) no-repeat 50% 50%; background-size: 20px ;}
.sub_nav_wrap .sub_nav > li:last-child .btn {font-weight: bold; color: #1579b5;}
.sub_nav_wrap .sub_nav .nav_warp {position: relative; }
.sub_nav_wrap .sub_nav .nav_warp .btn {position: relative; height: 100%; line-height: 59px; width: 100%; padding: 0 100px 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size: 1.6rem; color: #444;  transition: color .4s;}
.sub_nav_wrap .sub_nav .nav_warp .btn:before {position: absolute; top: 50%; right: 10px; height: 9px; margin-top: -4px; width: 12px; height: 6px; background: url(/eng/images/pipc/user/common/ico_nav_arrow.png) no-repeat 0 0; background-size: contain; content: "";} 
.sub_nav_wrap .sub_nav .nav_warp .btn.on:before {transform: rotate(-180deg);}
.sub_nav_wrap .sub_nav .nav_warp .nav_list {display: none; position: absolute; left: -1px; right: -1px; border: 1px solid #dbdbdb; border-bottom: 0; z-index: 1;}
.sub_nav_wrap .sub_nav .nav_warp .nav_list li {position: relative;  border-bottom: 1px solid #dbdbdb;}
.sub_nav_wrap .sub_nav .nav_warp .nav_list a {display: block; padding: 10px 40px 10px 20px; line-height: 1.4; background:#fafafa;}
.sub_nav_wrap .sub_nav .nav_warp .nav_list li:hover { box-shadow: 0px 2px 5px #ddeef6; z-index: 1;}
.sub_nav_wrap .sub_nav .nav_warp .nav_list li:hover a {color:#1579b5; font-weight: bold; background-color: #f7fbfc; }
.sub_nav_wrap .sub_nav .nav_warp .nav_list a.on {color:#1579b5; font-weight: bold; background-color: #f7fbfc;}

.other_btn_wrap {position: absolute; top: 15px; right: 20px; text-align: right;}
.other_btn_wrap .btn {display: inline-block; width: 36px; height: 36px; margin-left: 6px; border: 1px solid #ccc; overflow: hidden; font-size: 0; color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: contain;}
.other_btn_wrap .btn.btn_mail {background-image: url(/eng/images/pipc/user/common/ico_mail.png) }
.other_btn_wrap .btn.btn_print {background-image: url(/eng/images/pipc/user/common/ico_print.png) }
footer {margin-top: 52px; background: #efebeb;}
.footer_top {background: #0f4c81; }
.footer_top ul { padding: 15px 20px; }
.footer_top ul li {display: inline-block; margin-right: 15px; }
.footer_top ul li a {display: block;line-height: 30px;font-size: 1.6rem; color: #fff; }
.footer_top ul li a:hover {text-decoration: underline;}
.footer_top span.fw_bold{font-weight: bold;}
.footer_add { padding: 35px 0 42px; display: flex; flex-wrap: nowrap; justify-items: center; }
.footer_add .footer_logo {padding-right: 43px; margin-left: 20px;}
.footer_add address {font-size: 1.6rem; line-height: 1.5; color: #888;}
.footer_add address strong {font-weight: bold; color: #333;}

/*button*/
.btn_wrap {margin: 30px 0; text-align: center;}
.btn_wrap.right {text-align: right; margin:20px 0 0;}
.btn_wrap .btn {display: inline-block;}
.btn_wrap .btn.btn_blue {border: 1px solid #0f4c81; background: #0f4c81; color: #fff;}
.btn_wrap .btn.btn_lager {padding: 12px 30px; font-size: 1.7rem; line-height: 1.4; border-radius: 10px; font-weight: bold;}
.btn_wrap .btn.btn_md {width: 120px; height: 39px; line-height: 39px; font-size: 1.6rem; text-align: center;}
.btn_search {display: inline-block; height: 39px; line-height: 39px; width: 79px; text-align: center; background: #0d79c2; color: #fff; vertical-align: top;}
.btn_img {display: none; position: absolute; bottom: 40px; right: 0; width: 164px; height: 164px; background: #fff url(/eng/images/pipc/user/common/ico_img_link.png) no-repeat 0 0; background-size: contain; border-radius: 10px; box-shadow: 0px 2px 11px rgba(0,0,0,0.2); font-size: 0; color: transparent;}
/*input*/
.form_select {display: inline-block; height: 39px; border:1px solid #d2d2d2; border-radius: 0; background: #fff; vertical-align: top; }
.form_select select {width: 100%; padding:0 25px 0 14px; height: 37px; border:0; background: #fff; line-height: 37px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/eng/images/pipc/user/common/ico_select.png) no-repeat 100% 50%; }
.input_txt { padding:0 25px 0 14px; height: 39px;  border:0;  line-height: 37px; border:1px solid #d2d2d2; background: #fff; vertical-align: top;}

.ico_important {margin-top: 20px; padding-left: 30px; padding-bottom: 2px; font-size: 1.5rem; line-height: 1.5; color: #fc2b53; background: url(/eng/images/pipc/user/common/ico_important.png) no-repeat 0 3px;}

.breadcrumbs{background-color:#fff; border-bottom: 1px solid #E1E1E1;}
.breadcrumbs .guideBox{position:relative; height: 60px;}
.subNav > li{width: 220px; border-right: 1px solid #e1e1e1;}
.subNav {display: flex; flex: 1 1 auto;}
.subNav > li:first-child{width: 60px; border-left: 1px solid #e1e1e1;}
.subNav > li:first-child a{display: flex; justify-content: center; align-items: center; padding: 0;}
.subNav > li:first-child a:after{display:none;}


.subNav >li>a{display:flex; height: 60px;font-size: 15px; align-items: center; width: 100%; padding-left: 20px; position: relative;}
.subNav >li>a:after {content: ''; position: absolute; top: calc(50% - 3px); right: 10px; width: 10px; height: 6px;background: url(../../../images/pipc/user/common/ico_select_arr.svg) right 50% no-repeat;}
.subNav >li.active>a:after {transform: rotate(180deg);}
.subNav li {position:relative; word-break:keep-all;}
.subNav > li > ol {position:absolute; top:60px; background-color:#fff; left:-1px; width: 221px; z-index:990; display:none; border:1px solid #e1e1e1; border-top:none;}
.subNav > li > ol > li {line-height:20px; padding:10px 15px; font-size:14px;} 
.subNav > li > ol > li > a>span {color:#666; position: relative;} 
.subNav > li > ol > li.focus ,.subNav > li > ol > li:hover {background-color:#fff;} 
.subNav > li > ol > li.focus > a>span ,.subNav > li > ol > li:hover > a>span{color:#000; font-weight: 600;} 
.subNav > li > ol > li.focus > a>span::before  ,.subNav > li > ol > li:hover > a>span::before {position: absolute; content: ''; bottom: 2px; left: 0; width: 100%; height: 5px; background-color: rgba(237,55,93,.2);} 

.print_sns_share_box{position: relative; display: flex;}
.sns_share_box{}
.btn_print_pr, .btn_sns_sh{display: flex; align-items: center; justify-content: center; width: 100px; height: 60px; text-align: right; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-weight: 500; font-size: 14px; color: #202020;}
.btn_print_pr{border-right: none;}
.btn_print_pr>span{background: url(../../../images/pipc/user/common/icon_print.svg) center 50% no-repeat; display: inline-block; width: 20px; height: 60px; margin-right: 10px;}
.btn_sns_sh>span{background: url(../../../images/pipc/user/common/icon_share.svg) center 50% no-repeat; display: inline-block; width: 20px; height: 60px; margin-right: 10px;}
.btn_print_pr:hover, .btn_sns_sh:hover{color: #ED375D;}



/*1240 이하 전체 적용*/
@media (max-width: 1240px) {
  .header_wrap {border-bottom: 1px solid #dbdbdb;}
  header .header_top {padding: 0 15px;}
  header .header_top h1 a {height: 49px; background-image: url(/eng/images/pipc/user/common/logo_s.jpg);}
  header .header_btn_wrap {display: none;}
  header .gnb_btn {top: 0; right: 0; height:50px; padding: 15px 17px;}
  header .gnb_btn.pc {display: none;}
  header .gnb_btn.mobile {display: block;}
  .gnb_wrap {display: none;}

  .mo_gnb_wrap {position: absolute; top: 0; right: -100%; width: 50%; height: 100%; z-index: 100; background:#fff;color: #fff;}
  .mo_gnb_wrap.open {display: block; }
  .mo_gnb_wrap +.dim {position: fixed; display:none; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); content: ""; z-index: 99;}

  .mo_gnb_wrap .gnb_header { height: 70px; padding: 19px 10px 19px 20px; background: #f3f3f3;}
  .mo_gnb_wrap .gnb_header .btn {display: inline-block; width: 91px; height: 32px; padding: 8px 0; border-radius: 16px; text-align: center; font-size: 14px; color: #fff;}
  .mo_gnb_wrap .gnb_header .btn_home {background: #8a8c8f;}
  .mo_gnb_wrap .gnb_header .btn_lang {background: #c058c9;}
  .mo_gnb_wrap .gnb_header .btn_close { float: right; margin-right: 3px; height: 32px; width: 32px; background: url(/eng/images/pipc/user/common/ico_lnb_close.png) no-repeat 50%; background-size: 18px; font-size: 0;}
  .mo_gnb_wrap  a {display: block;}
  .mo_gnb_wrap .nav_wrap > li {width: 40%;}
  .mo_gnb_wrap .depth01  {padding: 15px 15px; border-bottom: 1px solid transparent; color: #222; font-size: 15px; }
  .mo_gnb_wrap .depth01.active {background: #239bdb; font-weight: bold; color: #fff;}
  .mo_gnb_wrap .depth01.active + .depth02_list {display: block;} 
  .mo_gnb_wrap .depth02_list {display: none; position: absolute; top: 70px; bottom: 0; left: 40%; width: 60%; overflow-y: auto; background: #393e4c; }
  .mo_gnb_wrap .depth02_list .depth02 {position: relative; padding: 15px 30px 15px 25px ;border-bottom: 1px solid #2e323a;font-size: 15px; }
  .mo_gnb_wrap .depth02_list .depth02.openBtn:after {position: absolute; top: 15px; right: 10px; display: inline-block; width: 14px; height: 8px; margin-top: 7px; background: url(/eng/images/pipc/user/common/m_lnb_arrow.png) no-repeat 0 0; background-size: cover;  content: "";}
  .mo_gnb_wrap .depth02_list .depth02.active {font-weight: bold; color: #229ada;}
  .mo_gnb_wrap .depth02_list .depth02.active:after { transform: rotate(180deg)}
  .mo_gnb_wrap .depth02_list .depth02.active + .depth03_list {display: block;}
  .mo_gnb_wrap .depth03_list {display: none; padding:19px 20px 16px; background: #2e323a;}
  .mo_gnb_wrap .depth03_list .depth03 {padding: 5px 0 5px 20px; text-indent: -15px; font-size: 13px; line-height: 22px; word-break: break-word;}
  .mo_gnb_wrap .depth03_list .depth03:before {margin-right: 5px; content: "-";}
  .mo_gnb_wrap .depth03_list .depth03:hover, 
  .mo_gnb_wrap .depth03_list .depth03:active,
  .mo_gnb_wrap .depth03_list .depth03:focus {color: #239bdb; text-decoration: underline;}


  footer {margin-top: 20px;}
  .footer_add {padding: 20px;}
  .footer_add .footer_logo {display: none;}

  .subNav >li>a{height: 50px;}
  .subNav > li{display: none; border: none;}
  .subNav > li:first-child{display: block;}

}

/*테블릿 전용*/
@media (max-width: 1240px) and (min-width: 900px) {
  .sub_nav_wrap .sub_nav > li {width: 32%; max-width: 400px;}
  .sub_nav_wrap .sub_nav .nav_warp .btn {padding-right: 40px;}
  
}

/*900 이하 전체 적용 (모바일)*/
@media (max-width: 900px) {
  
  html {font-size: 58%;}
  header .gnb_btn {padding: 15px 11px; width: 50px;}

  .sub_nav.inner {padding-right: 0;}
  .sub_nav.inner:before {position: absolute; left: 0; top: 40px; width: 100%; height: 1px; background-color: #dbdbdb; content: "";}
  .sub_nav_wrap {margin-bottom: 30px;}
  .sub_nav_wrap .sub_nav {flex-wrap: wrap;}
  .sub_nav_wrap .sub_nav > li {width: calc(50% - 20px); height: 40px; min-width: auto; }
  .sub_nav_wrap .sub_nav > li.depth03 {margin-left: 39px; width: calc(100% - 39px); border-left: 1px solid #dbdbdb; border-right:0;}
  .sub_nav_wrap .sub_nav > li.depth02 {border-right: 0;}
  .sub_nav_wrap .sub_nav > li:first-child {width: 40px;}
  .sub_nav_wrap .sub_nav > li > .sub_home {height: 40px; background-size: 16px;}
  .sub_nav_wrap .sub_nav .nav_warp {width: 100%; }
  .sub_nav_wrap .sub_nav .nav_warp .btn {padding-right: 40px; line-height: 39px;  }

  img.pc_img {display: none;}
  img.mo_img {display: block;}
  img.mo_img.w_250 {width: 250px; margin: 0 auto;}
  img.mo_img.w_400 {max-width: 400px; width: 100%; margin: 0 auto;}
  .img_wrap.full img {padding: 0;}

  .tb_wrap {overflow-x: auto;}
  .tb_wrap table th {padding:10px 10px}
  .tb_wrap table tbody td {padding: 10px 15px;}
  .mo_gnb_wrap {width: 80%;}

  .btn_img {width: 80px; height: 80px; bottom: 10px; display: block;}
  
}
@media (max-width: 480px) {
  header .header_top h1 {width: 85%;}
  .mo_gnb_wrap {width: 100%;}
  .mo_gnb_wrap .depth02_list .depth02 {padding-left: 15px ;}
  .mo_gnb_wrap .depth03_list .depth03 {padding-left: 20px;}

  .btn_img {width: 60px; height: 60px; border-radius: 5px;}
}


/* 개인정보처리방침 국문과 동일 추가 */
#privacy_policy .btn1{background-color:#0f4c81; border:1px solid #0f4c81; color:#fff; padding:13px 30px; display:inline-block; margin-bottom:5px;}
#privacy_policy .btn2{padding:13px 30px; border:1px solid #0f4c81; color:#0f4c81; display:inline-block;}
#privacy_policy .downloadBtn{display:inline-block; border:1px solid #1579b5; color:#1579b5; padding:8px 37px 8px 8px; background:url("https://www.pipc.go.kr/np/resources/images/common/downBg.png") right center no-repeat; font-size:14px; line-height:16px; margin:7px;}
/*버튼세팅*/  

#privacy_policy .designBox{border:2px solid #e8e8e8;min-height:120px;margin-bottom:30px;box-sizing:border-box;padding:30px 30px 30px 160px;position:relative;font-size:18px;line-height:30px;}
#privacy_policy .designBox:before{position:absolute;content:'';width:220px;height:8px;bottom:-2px;right:-2px;background-color:#1579b5;}
#privacy_policy .designBox:after{position:absolute; content:''; width:8px; height:100px; bottom:-2px; right:-2px; background-color:#1579b5;}
#privacy_policy .infoBox{background:url("https://www.pipc.go.kr/np/resources/images/subCommon/infoBoxBg.png") 30px center no-repeat; background-size:100px;}
#privacy_policy .infoBoxW{background:url("https://www.pipc.go.kr/np/resources/images/subCommon/infoBoxWBg.png") 30px center no-repeat; background-size:140px; padding-left:200px;}
#privacy_policy .noticeBox{background:url("https://www.pipc.go.kr/np/resources/images/subCommon/noticeBoxBg.png") 30px center no-repeat;background-size:100px;}
#privacy_policy .noticeBox ul > li{padding-left:12px; font-size:17px; line-height:24px; margin-bottom:12px; position:relative;}
#privacy_policy .noticeBox ul > li:after{position:absolute; content:''; width:6px; height:3px; top:11px; left:0; border-radius:5px; background-color:#9abed3;}
#privacy_policy .noticeBox ul > li:last-child{margin-bottom:0px;}
#privacy_policy .noticeBox ul > li > ol > li {padding:5px 0 0px 30px; text-indent:-15px;}

#privacy_policy .grayBox1{background-color:#f5f5f5; padding:20px; box-sizing:border-box; line-height:24px; margin-bottom:25px;}
#privacy_policy .grayBox2{background-color:#fff; border:1px solid #ccc; padding:20px; box-sizing:border-box; line-height:24px; margin-bottom:25px;}
#privacy_policy .grayBox3{background-color:#fff; border:5px solid #f5f5f5; padding:20px; box-sizing:border-box; line-height:24px; margin-bottom:25px;}
#privacy_policy .imgBox{max-width:100%; margin:0 auto; display:block;}
/*그레이박스*/

#privacy_policy .pageInfo{ border:1px solid #ccc; box-sizing:border-box; margin-bottom:60px;}
#privacy_policy .pageInfo .satisfaction{ padding:20px;}
#privacy_policy .pageInfo .satisfaction p{margin-bottom:15px;}
#privacy_policy .pageInfo .satisfaction ul li{display:inline-block; margin-bottom:5px;}
#privacy_policy .pageInfo .satisfaction input[type='radio']{margin-bottom:3px; display:inline-block; background:#fff;}
#privacy_policy .pageInfo .satisfaction label{color:#888; padding:0 15px 0 8px;}
#privacy_policy .pageInfo .satisfaction:after{content: ''; display: block; clear: both; visibility: hidden;}
#privacy_policy .pageInfo .satisfaction input[type='text']{height:40px;  padding-left:10px; width:85%; float:left; box-sizing:border-box;}
#privacy_policy .pageInfo .satisfaction a{height:40px; line-height:38px; font-weight:bold; width:15%; background-color:#0f4c81; color:#fff; text-align:center; display:block; float:left;}
/*페이지인포*/

#privacy_policy .subTapBasic{border:1px solid #ccc; margin-bottom:40px;} 
#privacy_policy .subTapBasic:after{content:''; display:block; visibility:hidden; clear:both;}
#privacy_policy .subTapBasic li{text-align:center; float:left; box-sizing:border-box; border-left:1px solid #ccc;}
#privacy_policy .subTapBasic li:first-of-type{border-left:none;}
#privacy_policy .subTapBasic li > a{display:block; font-size:18px; line-height:65px; color:#666; box-sizing:border-box; transition-duration:0.3s; background-color:#ededed;} 
#privacy_policy .subTapBasic li.active > a{background-color:#fff; color:#222; font-weight:bold;}   
/*서브탭*/

#privacy_policy .textType1{margin-bottom:20px; padding-bottom:15px; border-bottom:1px dashed #ddd;}
#privacy_policy .textType1.borderN{border-bottom:none; margin-bottom:0px;}
#privacy_policy .designBox .textType1{border-bottom:none; margin-bottom:0; padding-bottom:0px;}
#privacy_policy .textType1 h3{padding:14px 0 0 14px; font-size:24px; font-weight:bold; margin-bottom:15px; line-height:32px; position:relative;}
#privacy_policy .textType1 h3:before{position:absolute; content:''; width:80px; height:4px; top:0; left:0;  background-color:#0f4c81;}
#privacy_policy .textType1 h3:after{position:absolute; content:''; width:4px; height:22px; top:0; left:0; background-color:#0f4c81;}
#privacy_policy .textType1 > div{margin-bottom:15px;}
#privacy_policy .textType1 > div h4{font-size:18px; line-height:24px; margin-bottom:8px; font-weight:bold; color:#1579b5;}
#privacy_policy .textType1 > div ul{padding-left:10px; margin-bottom:10px;}
#privacy_policy .textType1 > div ul > li{padding-left:12px; font-size:17px; line-height:26px; margin-bottom:12px; position:relative;}
#privacy_policy .textType1 > div ul > li > dl > dt{color:#4d6ba9; }
#privacy_policy .textType1 > div ul > li.bulNone{padding-left:2px;}
#privacy_policy .textType1 > div ul > li:after{position:absolute; content:''; width:6px; height:3px; top:11px; left:0; border-radius:5px; background-color:#9abed3;}
#privacy_policy .textType1 > div ul > li.bulNone:after{width:0px; height:0px;}
#privacy_policy .textType1 > div ul > li:last-child{margin-bottom:0px;}
#privacy_policy .textType1 > div ul ol{margin:5px 5px 5px 15px; font-size:15px; line-height:24px;}   
#privacy_policy .textType1 > div ul ol li{margin-bottom:5px; text-indent:-7px;}  
#privacy_policy .textType1 > div ul ol li:before{ content:' · ';}
#privacy_policy .textType1 > div ul ol li.bulNone{ text-indent:-15px; padding-left:25px;}
#privacy_policy .textType1 > div ul ol li.bulNone:before{ content:'';}
/*텍스트 폼 세팅*/  

#privacy_policy .tableBox{margin:10px 0; border-top : 2px solid #0075bf;}
#privacy_policy .tableBox + p{background:#f6fafc; padding:15px; box-sizing:border-box; color:#777; line-height:22px; border:3px dashed #b7ccdd;}         
#privacy_policy .tableBox table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; min-width:700px; }
#privacy_policy .type1 th { background : #f2f3f7; font-weight :bold;}                   
#privacy_policy .type1 th, .type1 td { border-bottom : 1px solid #c3d0d4; border-right:1px solid #c3d0d4; padding :15px 3px; line-height:24px; text-align:center; vertical-align:middle; font-size:16px;}
#privacy_policy .type1 th:last-child, .type1 td:last-child {border-right:none;}
#privacy_policy .type1 th.left, .type1 td.left {text-align:left; padding-left:10px;}
#privacy_policy .type1 th.rBoder, .type1 td.rBoder {border-right:1px solid #c3d0d4;}
#privacy_policy .type1 .bg_yellow { background :#fefbf1; }

.guideBox{display: flex; justify-content: space-between;}
@media all and (min-width:1241px) { 
    .contents, .pageInfo, .guideBox {width:1400px; margin:0 auto;}
}