@charset "utf-8";

/* box */
#content .guide_box {position: relative; margin-left: 3rem; border: 1px solid #e0e0e0; padding: 10px;}
#content .guide_box img {width: 100%;}

#content .img_box {position: relative; display: inline-block;}
#content .btn_img {position: absolute; top: 10px; left: 10px; display: none; width: 40px; height: 40px; background: rgba(0, 0, 0, .7) url(../images/bbs/icon_search.png) no-repeat center; color: #fff; border-radius: 50%; transition:all .3s ease; -webkit-transition:all .3s ease;}
#content .btn_img:hover {background-color: rgba(0, 0, 0, .95);}


/* faq */
#content .fta .fta_tap ul {display: table; width: 100%;}
#content .fta .fta_tap ul li {display: table-cell; width: 25%; text-align: center; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background: #848484;}
#content .fta .fta_tap ul li a {width: 100%; display: inline-block; padding: 1.5rem 0; color: #eee; word-break: keep-all;}
#content .fta .fta_tap ul li.on {background: #fff;}
#content .fta .fta_tap ul li.on a {color: #004cb8; font-weight: 500;}
#content .fta .fta_tap ul li:first-child {border-left: 1px solid #e0e0e0;}

#content .fta .fta_con {min-height: 540px; border: 1px solid #e0e0e0; padding: 4rem 2rem;}
#content .fta .fta_con > div {display: none;}
#content .fta .fta_con > div:after {content: ''; display: block; clear: both;}
#content .fta .fta_con > div.on {display: block;}

#content .fta .fta_con .fta_img {float: left; width: 850px; padding-top: 3rem;}
#content .fta .fta_con .fta_img img {width: 100%; max-width: 850px;}
#content .fta .fta_con .fta_txt {float: left; width: calc(100% - 850px); padding-left: 4rem;}
#content .fta .fta_con .fta_txt ul {margin: 0;}


/* case */
#content .case .case_list:after {content: ''; display: block; clear: both;}
#content .case .case_list > li {float: left; width: 19.2%; min-height: 630px; margin-right: 1%; background: #f0f5f8; border: 1px solid #dde5ea; padding: 3rem 2rem;}/*width: 23%; min-height: 480px; margin-right: 2%; padding: 3rem*/
#content .case .case_list > li:last-child {margin-right: 0;}
#content .case .case_list > li .case_img {width: 110px;}
#content .case .case_list > li .case_txt ul {margin: 2rem 0 0 0;}
#content .case .case_list > li .case_txt ul li {margin-bottom: .5rem;}
#content .case .case_list > li .case_txt ul li.txt {font-size: 15px; font-weight: 300; color: #646464; padding: 0; margin: 1rem 0 0 0;}
#content .case .case_list > li .case_txt ul li.txt:after {display: none;}


/* change */
#content .contents .change {margin-bottom: 1.6rem;}
#content .contents .change .change_list:after {content: ''; display: block; clear: both;}
#content .contents .change .change_list > li {float: left; width: 31.3%; margin-right: 3%; border: 1px solid #e8ecef;}
#content .contents .change .change_list li:last-child {margin-right: 0;}
#content .contents .change .change_list li .change_tit {background: #004cb8; color: #fff; text-align: center; padding: 1rem; font-weight: 500; font-size: 18px;}
#content .contents .change .change_list li .change_con {min-height: 167px; text-align: center; padding: 30px 0;}
#content .contents .change .change_list li .change_con:after {content: ''; display: block; clear: both;}
#content .contents .change .change_list li .change_con div {display: inline-block;}
#content .contents .change .change_list li .change_img img {max-width: 91px;}
#content .contents .change .change_list li .change_img span {display: block; width: 100%; color: #004cb8; font-size: 15px; font-weight: 400; margin-top: 6px;}
#content .contents .change .change_list li .change_txt {vertical-align: top; width: 200px; margin-left: 4rem; }
#content .contents .change .change_list li .change_txt ul li {font-weight: 400; color: #333; text-align: left; margin-bottom: 1.2rem; word-break: keep-all;}
#content .contents .change .change_list li .change_txt ul li:last-child {margin-bottom: 0;}

#content .contents .change2 ul {margin: 1rem 0 0 0;}
#content .contents .change2 ul:after {content: ''; display: block; clear: both;}
#content .contents .change2 ul li {position: relative; float: left; width: calc(50% - 20px); border: 1px solid #dde5ea; margin: 0 40px 0 0; padding: 4rem 1rem; background: url(/com/images/content/change2-1.png) no-repeat 4rem center}
#content .contents .change2 ul li:after {content: ''; display: block; position: absolute; top: 45%; left: calc(100% + 16px); width: 9px; height: 18px; background: url(/com/images/content/icon_arrow.png) no-repeat center;}
#content .contents .change2 ul li:last-child:after {display: none;}
#content .contents .change2 ul li:nth-child(2n) {margin-right: 0; margin-bottom: 0;}
#content .contents .change2 ul li dl {margin: 0 0 0 130px;}
#content .contents .change2 ul li dl dt {font-size: 18px; padding-left: 0;}
#content .contents .change2 ul li dl dd {padding-left: 0; margin-left: 0;}
#content .contents .change2 ul li dl dt:after {display: none;}
#content .contents .change2 ul li dl dd:after {display: none;}
#content .contents .change2 .change2_list2 {background-image: url(/com/images/content/change2-2.png)}
#content .contents .change2 .change2_list3 {background-image: url(/com/images/content/change2-3.png)}
#content .contents .change2 .change2_list4 {background-image: url(/com/images/content/change2-4.png)}


/* process */
#content .contents .process {margin-bottom: 4rem;}
#content .contents .process ul:after {content: ''; display: block; clear: both;}
#content .contents .process ul li {float: left; position: relative; width: calc(16.6% - 33px); height: 280px; margin-right: 40px; padding: 3rem 0; border: 1px solid #dde5ea;}
#content .contents .process ul li:last-child {margin-right: 0;}
#content .contents .process ul li:after {content: ''; display: block; position: absolute; top: 45%; left: calc(100% + 16px); width: 9px; height: 18px; background: url(/com/images/content/icon_arrow.png) no-repeat center;}
#content .contents .process ul li:last-child:after {display: none;}
#content .contents .process ul li dl {padding-top: 100px; background: url(/com/images/content/pro01.png) no-repeat center top; text-align: center;}
#content .contents .process ul li dt {font-size: 16px; color: #333; font-weight: 500; line-height: 1.4; word-break: keep-all;}
#content .contents .process ul li dd {margin-top: 1.6rem; font-size: 15px; word-break: keep-all;}
#content .contents .process ul li dl.pro_02 {background-image: url(/com/images/content/pro02.png)}
#content .contents .process ul li dl.pro_03 {background-image: url(/com/images/content/pro03.png)}
#content .contents .process ul li dl.pro_04 {background-image: url(/com/images/content/pro04.png)}
#content .contents .process ul li dl.pro_05 {background-image: url(/com/images/content/pro05.png)}
#content .contents .process ul li dl.pro_06 {background-image: url(/com/images/content/pro06.png)}
#content .contents .process ul li dl.pro2_01 {background-image: url(/com/images/content/pro01.png)}
#content .contents .process ul li dl.pro2_02 {background-image: url(/com/images/content/pro05.png)}
#content .contents .process ul li dl.pro2_03 {background-image: url(/com/images/content/pro03.png)}
#content .contents .process ul li dl.pro2_04 {background-image: url(/com/images/content/pro07.png)}
#content .contents .process ul li dl.pro2_05 {background-image: url(/com/images/content/pro08.png)}
#content .contents .process ul li dl.pro2_06 {background-image: url(/com/images/content/pro06.png)}

#content .contents .process2 ul:after {content: ''; display: block; clear: both;}
#content .contents .process2 ul li {position: relative; float: left; width: calc(50% - 20px); min-height: 175px; border: 1px solid #dde5ea; margin-right: 40px; margin-bottom: 30px; padding: 4rem 1rem 0 3rem; border-top: 2px solid #004cb8;}
#content .contents .process2 ul li:first-child {padding: 2.4rem 1rem 0 3rem;}
#content .contents .process2 ul li:after {content: ''; display: block; position: absolute; top: 45%; left: calc(100% + 16px); width: 9px; height: 18px; background: url(/com/images/content/icon_arrow.png) no-repeat center;}
#content .contents .process2 ul li:nth-child(2n) {margin-right: 0;}
#content .contents .process2 ul li:nth-child(2n):after {display: none;}
#content .contents .process2 ul li:last-child:after {display: none;}
#content .contents .process2 ul li .process_img {width: 80px; height: 80px; background: url(/com/images/content/pro01.png) no-repeat left center; position: absolute; top: calc(50% - 40px);}
#content .contents .process2 ul li .process_img .num {width: 20px; height: 20px; font-size: 14px; line-height: 22px; text-align: center; display: inline-block; vertical-align: top; font-weight: 500; font-family: 'Roboto'; color: #fff; background: #004cb8; border-radius: 50%; margin-right: .6rem; margin-top: 6px; margin-left: 2px;}
#content .contents .process2 ul li .process_img.pro3_02 {background-image: url(/com/images/content/pro07.png);}
#content .contents .process2 ul li .process_img.pro3_03 {background-image: url(/com/images/content/pro03.png);}
#content .contents .process2 ul li .process_img.pro3_04 {background-image: url(/com/images/content/pro06.png);}
#content .contents .process2 ul li .process_img.pro3_05 {background-image: url(/com/images/content/pro09.png);}
#content .contents .process2 ul li .process_txt {padding-left: 120px;}
#content .contents .process2 ul li .process_txt dt {font-size: 18px; font-weight: 500; color: #333;}
#content .contents .process2 ul li .process_txt dd {position: relative; font-size: 15px; margin-top: .3rem;padding-left: 8px; word-break: keep-all; }
#content .contents .process2 ul li .process_txt dd:after {content: ''; width: 2px; height: 2px; background: #333; display: block; position: absolute; left: 0; top: 12px; border-radius: 50%;}


/* sitemap */
#content .sitemap .site_dep1 {width: calc(25% - 24px); vertical-align: top; display: inline-block; margin-right: 28px; margin-bottom: 5rem;}
#content .sitemap .site_dep1:nth-child(4n) {margin-right: 0;}
#content .sitemap .site_dep1 h3 span {width: 100%; background: #004cb8; color: #fff; padding: 12px 20px; font-size: 18px; font-weight: 400; display: inline-block;}
#content .sitemap .site_dep1 .site_dep2 {padding: 0 0px;}
#content .sitemap .site_dep1 .site_dep2 > li > a {width: 100%; padding: 14px 20px; display: inline-block; border-bottom: 1px solid #dde5ea; color: #333; font-weight: 300; font-size: 16px;}
#content .sitemap .site_dep1 .site_dep3 {border-bottom: 1px solid #dde5ea; padding: 12px 5px; background: #F0F5F8;}
#content .sitemap .site_dep1 .site_dep3 > li {padding: 0 20px; margin-bottom: 1rem;}
#content .sitemap .site_dep1 .site_dep3 > li:last-child {margin-bottom: 0;}
#content .sitemap .site_dep1 .site_dep3 > li > a {position: relative; width: 100%; display: inline-block; padding-left: 10px;}
#content .sitemap .site_dep1 .site_dep3 > li > a:after {content: ''; width: 4px; height: 4px; background: #333; display: block; position: absolute; left: 0; top: 11px; border-radius: 50%;}


/* intro */
#content .intro {margin-top: 4rem;}
#content .intro .intro_tit {text-align: center; padding-top: 64px; margin-bottom: 4rem; background: url(/com/images/content/intro_logo.png) no-repeat top center;}
#content .intro .intro_tit h3 {font-size: 22px; font-weight: 500; color: #333; word-break: keep-all;}
#content .intro .intro_tit h3 span {font-weight: 600; color: #004cb8;}
#content .intro .intro_box {background: #f0f5f8; margin-bottom: 8rem;}
#content .intro .intro_box ul:after{content:""; clear:both; display:block;}
#content .intro .intro_box ul li {position: relative; float: left; width: 50%; padding: 6rem 2rem;} 
#content .intro .intro_box ul li:first-child:after {content: ''; display: block; position: absolute; bottom: 8rem; right: 0; width: 1px; height: 150px; background: #c3d4de;}
#content .intro .intro_box ul li dl {width: 450px; height: auto; margin: 0 auto; padding-left: 100px; background: url(/com/images/content/intro_icon1-1.png) no-repeat left 28px;}
#content .intro .intro_box ul li:nth-child(2) dl {background-image: url(/com/images/content/intro_icon1-2.png);}
#content .intro .intro_box ul li dl dt {font-size: 18px; font-weight: 500; color: #333; margin-bottom: 1.2rem;}
#content .intro .intro_box ul li dl dt span {color: #e60021;}
#content .intro .intro_box ul li dl dd {word-break: keep-all;}
#content .intro .intro_box2 {margin-bottom: 4rem; padding-bottom: 180px; background: url(/com/images/content/intro_bgarrow.png) no-repeat center bottom;}
#content .intro .intro_box2 ul {width: 1080px; margin: 0 auto; text-align: center;}
#content .intro .intro_box2 ul:after{content:""; clear:both; display:block;}
#content .intro .intro_box2 ul li {position: relative; display: inline-block; margin-right: 20px; padding-right: 40px;}
#content .intro .intro_box2 ul li span {display: inline-block; width: 200px; height: 200px; background: #33a4d6; color: #fff; text-align: center; border-radius: 50%; padding-top: 80px; font-size: 18px; font-weight: 500;}
#content .intro .intro_box2 ul li:nth-child(2n) span {background: #257dd6;}
#content .intro .intro_box2 ul li:after {content: ''; display: block; position: absolute; width: 20px; height: 20px; background: url(/com/images/content/intro_plus.png) no-repeat center; top: calc(50% - 10px); right: 0;}
#content .intro .intro_box2 ul li:last-child {margin-right: 0; padding-right: 0;}
#content .intro .intro_box2 ul li:last-child:after {display: none;}
#content .intro .intro_box3 .tit {font-size: 28px; font-weight: 600; color: #111; text-align: center; margin-bottom: 4rem;}
#content .intro .intro_box3 .tit span {display: block; font-size: 20px; font-weight: 500; color: #004cb8;}
#content .intro .intro_box3 .service_box li {float: left; width: 23.5%; min-height: 380px; margin-right: 2%; padding: 3rem 3rem 0 3rem; border: 1px solid #dde5ea; border-top: 4px solid #265dbd;}
#content .intro .intro_box3 .service_box li:last-child {margin-right: 0;}
#content .intro .intro_box3 .service_box li dt {text-align: center; padding-top: 90px; margin-bottom: 2rem; font-size: 18px; font-weight: 500; color: #333; background: url(/com/images/content/intro_icon_3-1.png) no-repeat center top;}
#content .intro .intro_box3 .service_box li:nth-child(2) dt {background-image: url(/com/images/content/intro_icon_3-2.png);}
#content .intro .intro_box3 .service_box li:nth-child(3) dt {background-image: url(/com/images/content/intro_icon_3-3.png);}
#content .intro .intro_box3 .service_box li:nth-child(4) dt {background-image: url(/com/images/content/intro_icon_3-4.png);}
#content .intro .intro_box3 .service_box li dd {position: relative; margin-bottom: 1.2rem; padding-left: 12px; word-break: keep-all; font-weight: 300;}
#content .intro .intro_box3 .service_box li dd:after {content: ''; width: 4px; height: 4px; background: #265dbd;; display: block; position: absolute; left: 0; top: 12px; border-radius: 50%;}






/********** media **********/

@media all and (max-width:1280px) {
  #content .fta .fta_con {min-height: auto;}
  #content .fta .fta_con .fta_img {width: 70%; min-height: auto; padding-top: 0;}
  #content .fta .fta_con .fta_txt {width: 30%;}
  
  #content .contents .change .change_list li .change_con {min-height: 280px; padding: 30px 40px;}
  #content .contents .change .change_list li .change_img {width: 100%; height: 108px; margin-bottom: 2rem}
  #content .contents .change .change_list li .change_txt {width: auto; margin-left: 0; text-align: center;}
  #content .contents .change .change_list li .change_txt ul li{text-align: center;}
  
  #content .case .case_list > li {width: 49%; min-height: 400px; margin-bottom: 2%;}
  #content .case .case_list > li:nth-child(2n) {margin-right: 0;}
  
  #content .contents .process ul li br {display: none;}
  #content .contents .process2 ul li {padding: 3rem 1rem 0 3rem;}
  #content .contents .process2 ul li:first-child {padding: 2rem 1rem 0 2rem;}
  #content .contents .process2 ul li .process_txt {padding-left: 100px;}
  #content .contents .process2 ul li .process_txt dd br {display: none;}
  
  #content .intro .intro_box3 .tit {font-size: 26px;}
  #content .intro .intro_box3 .service_box li {width: 49%; min-height: 320px; margin-bottom: 3rem;}
  #content .intro .intro_box3 .service_box li:nth-child(2n) {margin-right: 0;}
}


@media all and (max-width:1024px) {
  #content .fta .fta_tap ul li {width: auto;}
  #content .fta .fta_con .fta_img {float: none; width: 100%; min-height: auto; text-align: center; margin-bottom: 3rem; padding-top: 1rem}
  #content .fta .fta_con .fta_txt {float: none; width: 100%; padding-left: 0;}
  
  #content .contents .change .change_list li .change_con {padding: 30px 15px;}
  #content .contents .change2 ul li {background-position: 3rem center;}
  #content .contents .change2 ul li dl {margin: 0 0 0 110px;}
  
  #content .contents .process ul li {width: calc(33.3% - 27px); height: 250px; margin-top: 3rem;}
  #content .contents .process ul li:nth-child(1),
  #content .contents .process ul li:nth-child(2),
  #content .contents .process ul li:nth-child(3) {margin-top: 0;}
  #content .contents .process ul li:nth-child(3n) {margin-right: 0;}
  #content .contents .process ul li:nth-child(3n):after {display: none;}
  #content .contents .process2 ul li {padding: 20px 10px 0 30px;}
  #content .contents .process2 ul li:first-child {padding: 10px 10px 10px 20px;}
  
  #content .intro .intro_box2 ul {width: 100%;}
  #content .intro .intro_box2 ul li {margin-right: 6px; padding-right: 26px;}
  #content .intro .intro_box2 ul li span {width: 150px; height: 150px; padding-top: 52px; font-size: 14px;}
  #content .intro .intro_box ul li dl {width: auto; height: auto; background-position: 20px 28px}
  
  #content .sitemap .site_dep1 {width: calc(33.3% - 21px); margin-right: 28px;}
  #content .sitemap .site_dep1:nth-child(3n) {margin-right: 0;}
  #content .sitemap .site_dep1:nth-child(4n) {margin-right: 28px;}
}


@media all and (max-width:767px) {
  #content .guide_box {margin-left: 0; padding: 0;}
  #content .btn_img {display: block;}
  
  #content .contents .change .change_list li .change_con {min-height: 240px; padding: 20px 5px;}
  #content .contents .change2 ul li {background-position: 2rem center;}
  
  #content .contents .process2 ul li {width: 100%; min-height: auto; padding: 0 10px 0 30px!important; margin-right: 0;}
  #content .contents .process2 ul li:after {width: 18px; height: 9px; top: calc(100% + 11px); left: calc(50% - 9px); background: url(/com/images/content/icon_arrow_bt.png) no-repeat center bottom;}
  #content .contents .process2 ul li:nth-child(2n):after {display: block;}
  #content .contents .process2 ul li .process_txt {padding-left: 110px;}
  #content .contents .process2 ul li .process_txt dl {padding: 40px 0;}
  
  #content .con_box img {width: 100%;}
  
  #content .sitemap .site_dep1 {width: calc(50% - 12px); margin-right: 20px;}
  #content .sitemap .site_dep1:nth-child(2n) {margin-right: 0;}
  #content .sitemap .site_dep1:nth-child(3n) {margin-right: 20px;}
  #content .sitemap .site_dep1 h3 span {font-size: 16px;}
  
  #content .intro .intro_tit h3 {font-size: 20px;}
  #content .intro .intro_box {margin-bottom: 6rem;}
  #content .intro .intro_box ul li {width: 100%; padding: 5rem 4rem;}
  #content .intro .intro_box ul li:first-child:after {width: 80%; height: 1px; bottom: 0; right: 10%;}
  #content .intro .intro_box ul li dl {background-position: 20px;}
  #content .intro .intro_box2 ul li {width: 48%; margin-right: 0; margin-bottom: 3rem; padding-right: 26px;}
  #content .intro .intro_box2 ul li:nth-child(2n) {margin-right: 0; padding-right: 0;}
  #content .intro .intro_box2 ul li:nth-child(2n):after {display: none;}
  #content .intro .intro_box3 .tit {font-size: 26px;}
  #content .intro .intro_box3 .service_box li {width: 49%; min-height: 320px; margin-bottom: 3rem;}
  #content .intro .intro_box3 .service_box li:nth-child(2n) {margin-right: 0;}
  
  .btn_img {display: block;}
}


@media all and (max-width:650px) {
  #content .contents .change2 ul li {width: 100%; background-position: 3rem center; margin-right: 0; margin-bottom: 30px;}
  #content .contents .change2 ul li:after {width: 18px; height: 9px; top: calc(100% + 11px); left: calc(50% - 9px); background: url(/com/images/content/icon_arrow_bt.png) no-repeat center bottom;}
  
  #content .intro .intro_box2 ul li {width: 48%; margin-right: 0; margin-bottom: 3rem; padding-right: 26px;}
  #content .intro .intro_box2 ul li:nth-child(2n) {margin-right: 0; padding-right: 0;}
  #content .intro .intro_box2 ul li:nth-child(2n):after {display: none;}
}

@media all and (max-width:520px) {
#content .case .case_list > li {width: 100%; min-height: auto; }
}


@media all and (max-width:480px) {
  #content .btn_img {width: 36px; height: 36px; top: 5px; left: 5px;}
  
  #content .fta .fta_tap ul li {display: block; width: 100%;}
  
  #content .contents .change .change_list > li {display: block; float: none; width: 100%; margin-right: 0; margin-bottom: 3rem;}
  #content .contents .change .change_list li .change_con {min-height: auto;}
  #content .contents .change .change_list li .change_con div {height: auto;}
  #content .contents .change .change_list li .change_txt ul li br {display: none;}
  
  #content .case .case_list > li {width: 100%; min-height: auto; margin-right: 0; margin-bottom: 2rem;}
  #content .case .case_list > li .case_txt ul li.txt {font-size: 14px;}
  
  #content .contents .process ul li {width: 100%; height: auto; margin-right: 0; margin-top: 30px;}
  #content .contents .process ul li:nth-child(2),
  #content .contents .process ul li:nth-child(3) {margin-top: 30px;}
  #content .contents .process ul li:after {width: 18px; height: 9px; top: calc(100% + 11px); left: calc(50% - 9px); background: url(/com/images/content/icon_arrow_bt.png) no-repeat center bottom;}
  #content .contents .process ul li:nth-child(3):after {display: block; width: 18px; height: 9px; top: calc(100% + 11px); left: calc(50% - 9px); background: url(/com/images/content/icon_arrow_bt.png) no-repeat center bottom;}
  #content .contents .process ul li dl {padding: 15px 0 15px 124px;; background-position: 20px center; text-align: left;}
  #content .contents .process ul li dt {font-size: 16px;}
  #content .contents .process ul li dd {font-size: 14px; margin-top: 1rem;}
  #content .contents .process2 ul li {padding: 0 10px!important;}
  #content .contents .process2 ul li .process_txt {padding-left: 100px;}
  #content .contents .process2 ul li .process_txt dl {padding: 30px 0;}
  #content .contents .process2 ul li .process_txt dt {font-size: 16px;}
  
  #content .intro .intro_tit {background-size: 50%; margin-bottom: 4rem; padding-top: 54px;}
  #content .intro .intro_tit h3 {font-size: 18px;}
  #content .intro .intro_tit h3 br {display: none;}
  #content .intro .intro_box ul li {text-align: center; padding: 4rem 3rem;}
  #content .intro .intro_box ul li dl {padding-left: 0; background: none!important;}
  #content .intro .intro_box3 .tit {font-size: 24px;}
  #content .intro .intro_box3 .tit span {font-size: 18px;}
  #content .intro .intro_box3 .service_box li {width: 100%; min-height: auto; margin-right: 0; padding: 3rem 3rem;}
  #content .intro .intro_box3 .service_box li dt {background: none!important; padding-top: 0; text-align: left;}
  #content .intro .intro_box3 .service_box li dd:after {top: 10px;}
  
  #content .sitemap .site_dep1 {width: 100%; margin-right: 0;}
  #content .sitemap .site_dep1:nth-child(3n) {margin-right: 0;}
  #content .sitemap .site_dep1 .site_dep2 > li > a {padding: 12px 20px;}
}


@media all and (max-width:360px) {
  #content .contents .process2 ul li .process_txt dl {padding: 20px 0;}
  
  #content .intro .intro_box ul li {padding: 3rem 2rem;}
}


@media all and (max-width:320px) {
  
}



/*221103 개인정보처리방침*/

.pdataWrap .box{ background:#f6f7fa; border:1px solid #d9dde1; padding:20px; margin-bottom:30px}
.pdataWrap .box .top_txt{color:#0259a6; margin-bottom:10px; font-size:1.25em;text-align:center;font-weight:500}
.pdataWrap table div{display:block;padding:100px 0 0 0;min-height:125px;word-break:keep-all;color:#333;background-position:center 0 !important;vertical-align:top;text-align:center;}
.pdataWrap table{margin-top:5px}

.pdataWrap .icon01{background:url(../images/privacy/icon01.png) no-repeat;}
.pdataWrap .icon02{background:url(../images/privacy/icon02.png) no-repeat;}
.pdataWrap .icon03{background:url(../images/privacy/icon03.png) no-repeat;}
.pdataWrap .icon04{background:url(../images/privacy/icon04.png) no-repeat;}
.pdataWrap .icon05{background:url(../images/privacy/icon05.png) no-repeat;}
.pdataWrap .icon06{background:url(../images/privacy/icon06.png) no-repeat;}
.pdataWrap .icon07{background:url(../images/privacy/icon07.png) no-repeat;}
.pdataWrap .icon08{background:url(../images/privacy/icon08.png) no-repeat;}
.pdataWrap .icon09{background:url(../images/privacy/icon09.png) no-repeat;}
.pdataWrap .icon10{background:url(../images/privacy/icon10.png) no-repeat;}
.pdataWrap .icon11{background:url(../images/privacy/icon11.png) no-repeat;}
.pdataWrap .icon12{background:url(../images/privacy/icon12.png) no-repeat;}
.pdataWrap .icon13{background:url(../images/privacy/icon13.png) no-repeat;}
.pdataWrap .icon14{background:url(../images/privacy/icon14.png) no-repeat;}
.pdataWrap .icon15{background:url(../images/privacy/icon15.png) no-repeat;}
.pdataWrap .icon16{background:url(../images/privacy/icon16.png) no-repeat;}
.pdataWrap .icon17{background:url(../images/privacy/icon17.png) no-repeat;}
.pdataWrap .icon18{background:url(../images/privacy/icon18.png) no-repeat;}
.pdataWrap .icon19{background:url(../images/privacy/icon19.png) no-repeat;}
.pdataWrap .icon20{background:url(../images/privacy/icon20.png) no-repeat;}

.pdataWrap .pdataCon{}
.pdataWrap h4{font-size:1.5em;font-weight:500;padding:12px 10px 7px 0;border-bottom:1px dashed #ccc;margin:50px 0 20px;color:#0259a6;background:none}
.pdataWrap .pdataCon i{display:inline-block;width:40px;height:43px;background-size:40px !important;background-position:center !important;vertical-align:middle;margin-left:7px}
.pdataWrap .pdataCon p{margin-bottom:5px}
.pdataWrap .pdataCon strong{vertical-align:middle;font-weight:500;color:#333;font-size:1.1em}
.pdataWrap > ul{ margin-bottom:30px}
.pdataWrap ul li{ margin-bottom:10px;font-size:1em}
.pdataWrap ul li ul{ margin:7px 0 0 20px}
.pdataWrap ul li ul li{ margin-bottom:5px;font-size:0.938em;color:#555}
.pdataWrap ul.con_ul > li{margin-bottom:5px !important}