@charset "utf-8";
/* CSS Document */
header {z-index:999 !important;}
.main_header .nav_list > li > a {color:#333 !important;}
.main_header {background:#fff !important;}
.main_header .header_inner .utill_inner .fontsize {color:#333 !important;}
.main_header .header_inner .utill_inner .fontsize .fontup {background-image: url("../../images/front/icon/fontsize_up.png") !important;}
.main_header .header_inner .utill_inner .fontsize .fontdown {background-image: url("../../images/front/icon/fontsize_down.png");}
.main_header .header_inner .utill_inner .link > li a {color:#333 !important;}
.container {padding-top:159px;}

.mcItem {max-width:1200px; margin:0 auto; position: relative; clear:both;}
.mainVisual {background:url("../../images/front/main/main_img.png") repeat-x; background-position:center top; height:250px; position:relative;}
.main_txt {padding:5% 0 3% 3%; height:204px;}
.main_txt > span.mainT_big {display:block; font-size:33px; color:#fff; text-shadow:2px 2px 5px rgba(51,51,51, 0.1); letter-spacing: -4px; padding-bottom:2%;}
.main_txt > span.mainT_big > strong {color:#ff9600;}
.main_txt > span.mainT_small {display:block; font-size:17px; color:#fff; line-height:1.5; letter-spacing: -1px;}

/* 분쟁조정사례검색 */
.front_search { /*margin:10px 0 0 290px; width:900px;*/ position:absolute; max-width:80%; width:75%; right:0; left:22%; }
.front_search .search_cnt { clear:both; width:100%; height:70px; display:block; margin-top:12px;}
.front_search .search_cnt > li {float:left; display:flex; }
.front_search .search_cnt > li:first-child {width:calc(100% - 90%); text-align:center; display:inline-block;}
.front_search .search_cnt > li:last-child {width:calc(100% - 10%); display:inline-block; border-bottom:2px solid #ff8400; }
.front_search .search_cnt > li > .search_ico1 {display:inline-block; text-indent:-999px; overflow:hidden; width:48px; height:48px; background:url("../../images/front/main/search_ico1.png") no-repeat;}
.front_search .search_cnt > li > input {width:96%; background:none; border:0; height:42px; color:#fff; font-size:17px; letter-spacing:-1px;}
.front_search .search_cnt > li > input::placeholder {color:#fff; font-size:17px; letter-spacing:-2px;}
.front_search .search_cnt > li > .search_ico2 {display:inline-block; text-indent:-999px; overflow:hidden; width:28px; height:28px; background:url("../../images/front/main/search_ico2.png") no-repeat;}

.front_search .search_list { clear:both; margin-left:10%; display:flex; padding-top:10px;}
.front_search .search_list > li {float:left; color:#fff; font-size:15px; position:relative; padding-right:8%;}
.front_search .search_list > li:last-child { padding-right:0;}
.front_search .search_list > li::before {content:""; display:inline-block; width:2px; height:10px; background:#fff;}
.front_search .search_list > li > ul {clear:both; padding-top:10px;}
.front_search .search_list > li > ul > li {float:left; position:relative;}
.front_search .search_list > li > ul > li:first-child {padding-left:0;}
.front_search .search_list > li > ul > li:last-child::after {display:none;}
.front_search .search_list > li > ul > li::after {content:""; display:inline-block; background:#fff; width:1px; height:10px;}
.front_search .search_list > li > ul > li > a {color:#fff; font-size:13px; letter-spacing: -1px; padding:0 5px;}
.front_search .search_list > li > ul > li:first-child > a {padding-left:0;}
.front_search .search_list > li > ul > li.on > a {color:#ffde00; text-decoration: underline;}
.front_search .search_list > li > ul > li > a:hover, .front_search .search_list > li > ul > li > a:focus {color:#ffde00; text-decoration: underline;}

.item1 {display:flex; padding:60px 0;}

/* 공지사항 */
/*.front_notice {float:left; width:calc(100% - 50%); margin-right:2%; position:relative;}*/
.front_notice {float:left; width:calc(100% - 51%); position:relative;}
.front_notice .notice_tab {clear:both;}
.front_notice .notice_tab > li {float:left; display:inline-block; padding-right:10px; position:relative;}
.front_notice .notice_tab > li:first-child::after {content:""; display:inline-block; width:1px; height:15px; background:#333; transform: rotate(30deg); position: absolute; right:0; top:5px;}
.front_notice .notice_tab > li:last-child {float:left; display:inline-block; padding-right:0; padding-left:10px;}
.front_notice .notice_tab > li > a {font-size:25px; color:#919191; font-weight:800; letter-spacing:-1px;}
.front_notice .notice_tab > li.active > a {color:#333;}
.front_notice .tab_container {clear:both; padding-top:30px; width:100%;}
.front_notice .tab_container .tab_content {display:block;}
.front_notice .tab_container ul > li {display:flex; border:1px solid #dfdfdf; padding:25px 15px; margin-bottom:5px; clear:both; overflow:hidden;}
.front_notice .tab_container ul > li:hover, .front_notice .tab_container ul > li:focus {background:#f2f2f2; border:1px solid #555;}
.front_notice .tab_container .tab_content > ul > li > a {font-size:17px; color:#555555; letter-spacing:-1px; width:calc(100% - 20%); display: inline-block; vertical-align: middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; float:left; z-index:888;}
.front_notice .tab_container .tab_content > ul > li > a:hover { color:#333; text-decoration:underline;}
.front_notice .tab_container .tab_content > ul > li > span.date {float:right; text-align:right; color:#555555; font-size:14px; width:calc(100% - 80%);}
.notice_more {position:absolute; top:5px; right:0;}
.notice_more a:hover,.notice_more a:focus {text-decoration:underline !important; color:#000;}

/* 팝업존 */
.front_popupzone {float:left; position:relative; width:calc(100% - 71%); margin-right:1%; }
.popz_title {font-size:25px; color:#333; font-weight:800; letter-spacing:-1px;}
.popz_list {width:100%; max-width:343px; padding-top:30px;}
.popz_list ul > li {height:289px;}
.popz_list ul > li > a > img {width:100%; height:100%; object-fit:fill; }
.popz_ctrl {position:absolute; top:5px; right:0;}
.popz_ctrl > li {float:left;  display:inline-block; width:18px; height:18px; overflow:hidden; text-indent:999px;}
.popz_ctrl > li > a {position:relative; display:block;}
.popz_ctrl > li.stop_ico > a::before {content:""; display:block; width:5px; height:15px; background:#666; position:absolute; left:2px; top:1px;}
.popz_ctrl > li.stop_ico > a::after {content:""; display:block; width:5px; height:15px; background:#666; position:absolute; right:2px; top:1px;}
.popz_ctrl > li.play_ico {display:inline-block; width:18px; height:18px; overflow:hidden; text-indent:999px;}
.popz_ctrl > li.play_ico > a::before {content:""; display:block; border-bottom: 9px solid transparent;  border-top: 9px solid transparent;  border-left: 9px solid #ff8400;
  border-right: 9px solid transparent; position:absolute; left:7px; top:0;}
.popup-item { height: 289px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 이웃사이센터 */
.front_tel {float:left; height:290px; border:1px solid #dfdfdf;  width:calc(100% - 81%); margin-top:55px; position:relative;}
.tel_cnt1 {text-align:center; padding: 13% 4%;}
.tel_cnt1 > h3 {text-align:left; font-size:19px; letter-spacing: -1px; padding:20px 0 15px 0;}
.tel_cnt1 > p {text-align:left !important; letter-spacing: -2px; line-height:1.5;}
.tel_cnt1 > .img > a > img {width:100%;}
.tel_cnt2 {display:block; width:100%; background:#4f4f4f; color:#fffc00; padding:18px 0 26px 0; font-size:24px; font-weight:800;position:absolute; bottom:0;}
.tel_cnt2 > p {position:relative; padding-left:70px;}
.tel_cnt2 > p::before {content:""; display:block; width:29px; height:40px; background:url("../../images/front/main/ban_ico.png") no-repeat; position:absolute; left:30px; top:-5px;}


.front_banner {background:#e1e2eb; padding:45px 0;}
.front_banner h3 {font-size:23px; color:#333333; letter-spacing: -2px;}
.front_banner h3 > strong {font-size:25px; color:#18478a;}
.front_banner .banner_cnt {width:100%; padding-top:25px; clear:both; display:flex;}
.front_banner .banner_cnt > li {width:20%; padding-right:10px;}
.front_banner .banner_cnt > li:last-child {padding-right:0;}

.front_banner .banner_cnt > li > a {display:block; height:145px; padding:18px 0; background:#fff; width:100%; text-align:center; font-size:15px; color:#333333; letter-spacing: -1px;}
.front_banner .banner_cnt > li > a:hover,.front_banner .banner_cnt > li > a:focus {border:1px solid #333; box-shadow: 2px 2px 2px rgba(51,51,51,.2)}
.front_banner .banner_cnt > li > a > span {display:block; width:70px; height:70px; margin:auto; margin-bottom:10px;}
.front_banner .banner_cnt > li > a > span.banner_ico1 {background:url("../../images/front/main/banner_ico1.png") no-repeat;}
.front_banner .banner_cnt > li > a > span.banner_ico2 {background:url("../../images/front/main/banner_ico2.png") no-repeat;}
.front_banner .banner_cnt > li > a > span.banner_ico3 {background:url("../../images/front/main/banner_ico3.png") no-repeat;}
.front_banner .banner_cnt > li > a > span.banner_ico4 {background:url("../../images/front/main/banner_ico4.png") no-repeat;}
.front_banner .banner_cnt > li > a > span.banner_ico5 {background:url("../../images/front/main/banner_ico5.png") no-repeat;}

/* 분쟁조정신청이 가능한가 */
/*.front_test {background:#f1f1f1; width:calc(100% - 51%); margin-right:35px; padding:35px;}*/
.front_test {background:#f1f1f1; width:calc(100% - 51%); margin-right:2%; padding:35px; float:left;}
.front_test > h3 {font-size:23px; color:#333333; line-height:1.5; font-weight: 200; padding-bottom:28px;}
.front_test > h3 > strong {font-size:26px; color:#ee7600; }
.test_process {clear: both; margin: 17px 0; display: block; overflow: hidden;}
.test_process > li {width:50%; letter-spacing: -2px; line-height:2; color:#333; float:left; font-size:18px; padding-bottom:5px;}
.test_process > li > span {display:inline-block; float:left; width:calc(100% - 20%); padding-top:2px; }
.test_process > li > span.num {display:inline-block; color:#fff; background:#ee7600; font-size:16px; width:calc(100% - 83%); height:30px; border-radius:100px; text-align:center; line-height:28px; margin-right:5px;    max-width: 30px;}

.test_btn {width:100%; clear:both;}
.test_btn > li {width:63%; /*float:left;*/ padding-right:20px; margin:0 auto;}
.test_btn > li:last-child {padding-right:0; }
.test_btn > li > a {font-size:18px; letter-spacing: -2px; text-align:center; border:1px solid #080d5b; border-radius:5px; padding:15px 0; background:#fff; color:#080d5b; display:block; position:relative;}
.test_btn > li > a > span {position:relative; display:inline-block; padding-left:5px; width:18px; height:17px;}
.test_btn > li > a > span::before {content:""; display:inline-block; width:8px; height:8px; background:#080d5b; position:absolute; left:4px; top:7px;}
.test_btn > li > a > span::after {content:""; display:inline-block; border-bottom: 8px solid transparent;  border-top: 8px solid transparent;  border-left: 8px solid #080d5b;
  border-right: 8px solid transparent;  position:absolute; left:10px; top:3px;}
.test_btn > li > a.btn_blue {font-size:18px; text-align:center; border:1px solid #080d5b; border-radius:5px; padding:15px 0; background:#080d5b; color:#fff; display:block;}
.test_btn > li > a:hover, .test_btn > li > a:focus {background:#f2f2f2; text-decoration: underline;}
.test_btn > li > a.btn_blue > span::before {content:""; display:inline-block; width:8px; height:8px; background:#fff; position:absolute; left:4px; top:7px;}
.test_btn > li > a.btn_blue > span::after {content:""; display:inline-block; border-bottom: 8px solid transparent;  border-top: 8px solid transparent;  border-left: 8px solid #fff;  border-right: 8px solid transparent;  position:absolute; left:10px; top:3px;}
.test_btn > li > a.btn_blue:hover, .test_btn > li > a.btn_blue:focus {background:#040849; text-decoration: underline;}

/* FAQ */
.front_faq {background:#0b1f45; padding:40px 0 0 0; position:relative;}
.front_faq > h3 {color:#fff; letter-spacing: -1px; font-size:23px; padding:0 37px;}
.faq_list {padding:20px 37px 45px 37px;}
.faq_list > li {line-height:1.5; padding-bottom:10px; width:100%;}
.faq_list > li > a > span {font-size:14px; letter-spacing: -2px; color:#fff; display:inline-block; width:calc(100% - 12%); padding-top:2px;}
.faq_list > li > a > span.question {display:inline-block; letter-spacing: 0; width:calc(100% - 90%); height:30px; border-radius: 50px; background:#577a09; text-align:center; line-height:30px; vertical-align: top; padding-top:0; max-width:30px;}
.faq_list > li > a > span:hover, .faq_list > li > a > span:focus {text-decoration:underline;}
.faq_btn {position:absolute; bottom:0;}


/* 가이드 */
.front_guide {}
.front_guide > h3 {color:#333; letter-spacing: -1px; font-size:25px; padding-bottom:30px; font-weight:600;  clear:both;}
.front_guide .guide_list {clear:both; padding-bottom:30px;}
.front_guide .guide_list > li {float:left; width:23.99%; margin-right:1%; position:relative;}
.front_guide .guide_list > li .btn_play {position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -30px 0 0 -30px;
    background: url(../../images/front/icon/icon_play.png) no-repeat 0 0;
    background-size: 100%;
    z-index: 9;}
.front_guide .guide_list > li:last-child {margin-right:0;}
.front_guide .guide_list > li > a > img {object-fit: cover; object-position: top; height:157px;}

/* 제도안내 */
.front_policy {background:#3a7bd9; margin-right:35px; border-radius: 5px; width:calc(100% - 50%); float:left; padding:2%;}
.front_policy > h3 {color:#fff; font-weight:600; font-size:20px;}
.front_policy > ul {clear:both; width:100%; padding:10px 0;}
.front_policy > ul > li {float:left; width:33.3%; text-align: center; align-content: center; padding:20px 0; border-right:1px dashed #fff;}
.front_policy > ul > li:nth-child(1),.front_policy > ul > li:nth-child(2),.front_policy > ul > li:nth-child(3) {border-bottom:1px dashed #fff;}
.front_policy > ul > li:nth-child(3),.front_policy > ul > li:nth-child(6) {border-right:0;}
.front_policy > ul > li > a {color:#fff; text-align:left; text-align:center;}
.front_policy > ul > li > a:hover,.front_policy > ul > li > a:focus {text-decoration: underline;}
.front_policy > ul > li > a > i {display:block; width:58px; height:47px; margin:auto;}
.front_policy > ul > li > a > i.policy_ico1 {background:url("../../images/front/main/policy_ico1.png") no-repeat;}
.front_policy > ul > li > a > i.policy_ico2 {background:url("../../images/front/main/policy_ico2.png") no-repeat;}
.front_policy > ul > li > a > i.policy_ico3 {background:url("../../images/front/main/policy_ico3.png") no-repeat;}
.front_policy > ul > li > a > i.policy_ico4 {background:url("../../images/front/main/policy_ico4.png") no-repeat;}
.front_policy > ul > li > a > i.policy_ico5 {background:url("../../images/front/main/policy_ico5.png") no-repeat;}
.front_policy > ul > li > a > i.policy_ico6 {background:url("../../images/front/main/policy_ico6.png") no-repeat;}

.front_guide2 {clear:both; width:calc(100% - 50%);}
.front_guide2 > .guide2_item1 {background:#0b1f45; border-radius: 5px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:3% 2%;}
.guide2_item1 > h3 {color:#fff; font-weight:600; font-size:20px; display:flex;  justify-content: flex-start; align-items: center;}
.guide2_item1 > p {align-content: center; display: flex; align-items: center; color:#fff; font-size:20px; justify-content: flex-end;}

.guide2_item1 > p > i.guide2_ico1 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico1.png") no-repeat;}
.guide2_item1 > ol {clear:both; display:flex; flex-wrap: wrap; padding:2%; margin-top:15px; background:#fff; width:100%; border-radius: 5px;}
.guide2_item1 > ol > li { width:33.3%; padding-bottom:10px; align-items: center; margin-right:15px; display:flex; float:left;}
.guide2_item1 > ol > li:nth-child(3n) {margin-right:0;}
.guide2_item1 > ol > li:nth-child(4), .guide2_item1 > ol > li:nth-child(5), .guide2_item1 > ol > li:nth-child(6) {padding-bottom:0;}
.guide2_item1 > ol > li:nth-child(1), .guide2_item1 > ol > li:nth-child(4) {width:30%; margin-right:0;}
.guide2_item1 > ol > li > span {float:left; display:flex;  border-radius: 50px; height:30px; justify-content: center; align-items: center; color:#fff; font-size:13px; font-weight:600; width:30px; background:#2b57aa; margin-right:5px;}
.guide2_item1 > ol > li > strong {float:left; letter-spacing: -2px; align-items: center;}

.front_guide2 > .guide2_item2 {background:#65830e; margin-top:20px; border-radius: 5px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:2%;}
.guide2_item2 > h3 {color:#fff; font-weight:600; font-size:20px; display:flex;  justify-content: flex-start; align-items: center;}
.guide2_item2 > p {align-content: center; display: flex; align-items: center; color:#fff; font-size:20px; justify-content: flex-end;}
.guide2_item2 > p > i.guide2_ico1 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico1.png") no-repeat;}
.guide2_item2 > p > i.guide2_ico2 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico2.png") no-repeat;}
.guide2_item2 .guide2_cnt {clear:both; text-align:center;padding:2%; margin-top:15px; background:#fff; width:100%; border-radius: 5px;}
.guide2_item2 .guide2_cnt > p {color:#666; font-size:16px; text-align:center; padding:15px 0; }
.guide2_item2 .guide2_cnt > p > strong {font-weight:600; font-size:18px; color:#135506; letter-spacing: -2px;}

.front_guide2 > .guide2_item3 {background:#3a7bd9; border-radius: 5px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:3% 2%;}
.guide2_item3 > h3 {color:#fff; font-weight:600; font-size:20px; display:flex;  justify-content: flex-start; align-items: center;}
.guide2_item3 > p {align-content: center; display: flex; align-items: center; color:#fff; font-size:20px; justify-content: flex-end;}
.guide2_item3 > p > i.guide2_ico1 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico1.png") no-repeat;}
.guide2_item3 > ol {clear:both; display:flex; flex-wrap: wrap; padding:2%; margin-top:15px; background:#fff; width:100%; border-radius: 5px;}
.guide2_item3 > ol > li { width:33.3%; padding-bottom:10px; align-items: center; margin-right:15px; display:flex; float:left;}
.guide2_item3 > ol > li > span {float:left; display:flex;  border-radius: 50px; height:30px; justify-content: center; align-items: center; color:#fff; font-size:13px; font-weight:600; width:30px; background:#2b57aa;}
.guide2_item3 > ol > li > strong {float:left; letter-spacing: -2px; align-items: center;}
.pb0 {padding-bottom:0 !important;}
.front_guide3 {width:100%; display:flex;}
.guide_layout1,.guide_layout2 {margin-right:1rem;}
.front_guide2 > .guide_layout1 {padding:15px; width:33%;}

.guide_layout1 > h3 {padding-bottom:10px;}
.guide_layout1 > ol > li:nth-child(1) {color:#0b1f45;}
.guide_layout1 > ol {}
.guide_layout1 > ol > li {width:43%;}
.guide_layout1 > ol > li > h4 {color:#0b1f45; font-size:16px; padding:5px; font-weight:700;}
.guide_layout1 > ol > li > span {background:#2369ce; margin-right:5px;}

.guide_layout1 .guidelayout_top {display:block; height:68px;}
.front_guide2 > .guide_layout1 {display:block; padding:2%;}
.front_guide2 > .guide_layout1  > .guidelayout_top {display:block; height:68px;}
.front_guide2 > .guide_layout1  > .guidelayout_top > h3 {color:#fff; font-weight:600; margin-bottom:10px; font-size:20px;}
.front_guide2 > .guide_layout1  > .guidelayout_top > h3 > span {font-size:16px;}
.front_guide2 > .guide_layout1 > .guidelayout_top > p {align-content: center; display: flex; align-items: center; color:#fff; font-size:20px; }
.front_guide2 > .guide_layout1 > .guidelayout_top > p > i.guide2_ico1 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico1.png") no-repeat;}
.front_guide2 > .guide_layout1 > ol {padding:23px 15px; margin-top:20px;}

.front_guide2 > .guide_layout2 {width:33%; padding:2%; display:block; }
.front_guide2 > .guide_layout2 > .guidelayout_top {display:block; height:68px;}
.front_guide2 > .guide_layout2 > .guidelayout_top > h3 {color:#fff; font-weight:600; margin-bottom:10px; font-size:20px;}
.front_guide2 > .guide_layout2 > .guidelayout_top > h3 > span {font-size:16px;}
.front_guide2 > .guide_layout2 > .guidelayout_top > p {align-content: center; display: flex; align-items: center; color:#fff; font-size:20px;}
.front_guide2 > .guide_layout2 > .guidelayout_top > p > i.guide2_ico1 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico1.png") no-repeat;}
.front_guide2 > .guide_layout2 > ol {padding:23px 15px; margin-top:20px;}
.front_guide2 > .guide_layout2 > ol > li {width:45%; margin-right:7px;}
.front_guide2 > .guide_layout2 > ol > li:nth-child(1), .front_guide2 > .guide_layout2  > ol > li:nth-child(4) {margin-bottom:10px;}

.front_guide2 > .guide_layout3 {margin-top:0; width:33%; display:block;}
.guide_layout3 .guidelayout_top {display:block; height:68px;}
.guide_layout3 .guidelayout_top > h3 {color:#fff; font-weight:600; margin-bottom:10px; font-size:20px;}
.guide_layout3 .guidelayout_top > h3 > span {font-size:16px;}
.guide_layout3 .guidelayout_top > p {align-content: center; margin-bottom:5px; display: flex; flex-wrap:wrap; align-items: center; color:#fff; font-size:20px; }
.guide_layout3 .guidelayout_top > p > i.guide2_ico1 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico1.png") no-repeat;}
.guide_layout3 .guidelayout_top > p > i.guide2_ico2 {width:29px; height:27px; display:inline-block; background:url("../../images/front/main/guide2_ico2.png") no-repeat;}
.guide_layout3 .guide2_cnt > p {padding:67px 0;}


@media screen and (max-width: 1200px) {
    .mcItem {width:auto; margin:0 2%;}
    .front_search{position: absolute; max-width:100%;  width:76%; right:2%; left:auto; }
    .tel_cnt1 {padding:2%;}
    .tel_cnt2 { padding: 5% 2% 12% 2%;}
    .tel_cnt2 > p::before {left: 11px; top: 0;}
    .tel_cnt2 > p {padding-left:50px;}
}

@media screen and (max-width: 1100px) {
	.main_header .header_inner .utill_inner .btn_allmenu {background: url("../../images/front/icon/icon_allmenu.png") no-repeat center;}
	.container {padding-top:135px !important;}
   .allmenu {z-index:999 !important;}
	.main_txt {padding: 5% 0 0 3%; height: 220px;}
	.mainVisual { background: url("../../images/front/main/main_img_m1100.png") repeat-x; background-position: center top; height: 350px; position: relative; }
	.front_search {  position: relative; max-width: 100%; width: 100%; right: auto; left: auto; padding:0; }
	.front_search .search_list {  margin-left: 0;  width: 100%; background:rgba(31, 92, 180, 0.9); padding:10px; }
	.front_search .search_cnt {clear: both;  width: 100%; height: 70px; display: block;  background: rgba(14, 40, 89, 0.9); margin-top:0; padding:10px 15px;}

	.front_search .search_cnt > li > input {width:calc(100% - 5%);}
	.front_search .search_cnt > li:first-child {width: calc(100% - 95%);}
	.front_search .search_cnt > li:last-child {width: calc(100% - 5%);}

	.front_search .search_cnt > li > .search_ico2 {width:calc(100% - 95%); float:right; margin-top:5px;}
	.front_test { padding: 55px 2% 70px 2%;}

    .guide2_item1 > ol > li {width:47%; margin-right:0;}
    .guide2_item1 > ol > li:nth-child(1), .guide2_item1 > ol > li:nth-child(4) {width:47%;}
    .guide2_item1 > ol > li:nth-child(4) {margin-bottom:10px;}
    .front_policy > ul {padding:35px 0;}

}
@media screen and (max-width: 890px) {

    .item1 {overflow:hidden; display:block; padding:20px 0;}
    .front_notice {float:none; width:100%; margin-bottom:20px;}
    .front_popupzone {float:none; width:100%; margin-bottom:20px; }
    .popz_list {width:100%; max-width: none;}

    .front_tel {float:none; width:100%; height:auto; margin-top:0; position:relative; }
    .popz_list ul > li {height:auto;}
    .tel_cnt2 {position:relative; bottom:inherit;    padding: 18px 0 26px 0;}
    .tel_cnt1 > .img > a > img {width:auto;}

    .front_test { width:100%; margin-bottom:20px; padding:2%;}
    .faq_btn {  position: relative;  bottom: inherit; }
    .front_guide .guide_list > li .btn_play {background-size:60px;}

    .front_policy {width:100%; margin-bottom:20px;}
    .front_policy > ul {padding:20px 0;}
    .front_guide2 {width:100%;}

    .front_guide3 {flex-wrap: wrap;}
    .front_guide3 .guide_layout1,.front_guide3 .guide_layout2,.front_guide3 .guide_layout3 {width:100%; margin-right:0; margin-bottom:10px;}
    .front_guide2 > .guide_layout2 > ol > li:nth-child(1), .front_guide2 > .guide_layout2 > ol > li:nth-child(4) {width:45%;}
    .front_guide2 > .guide_layout2 > ol {padding: 10px 15px;}
    .guide_layout3 .guide2_cnt > p {padding: 10px 0;}

    .front_guide2 > .guide_layout1 > ol {padding:10px 15px;}
}
@media screen and (max-width: 600px) {
	.container {padding-top: 95px !important;}
	.front_search .search_cnt > li:first-child {width: calc(100% - 90%);}
	.front_search .search_cnt > li:last-child {width: calc(100% - 10%);}
	.front_search .search_cnt > li > .search_ico2 {width:calc(100% - 90%); float:right; margin-top:5px;}
	.front_search .search_cnt > li > input { width: calc(100% - 10%); }
    .front_search .search_list > li {padding-right:2%; width:auto; padding-bottom:15px;}
    .front_search .search_list > li:nth-child(2n) {padding-right:2%; width:50%;}
    .front_search .search_list {display:block;}

    .front_test > h3 > br {display:none;}
    .test_process > li {width:100%;}
}
@media screen and (max-width: 500px) {
    .guide2_item2 > h3 {width:100%;}
    .guide2_item2 > p {width:100%; justify-content:flex-start; margin-top:15px;}
}
@media screen and (max-width: 480px) {

	.front_search .search_cnt > li:first-child {width: calc(100% - 85%);}
	.front_search .search_cnt > li:last-child {width: calc(100% - 15%);}

    .front_search .search_list {display:block; padding-left:30px;}
    .front_search .search_list > li {width:100%; padding-bottom:20px;}
    .front_search .search_list > li:last-child {padding-bottom:0;}

    .item1 {padding:30px 0 10px 0;}
    .front_notice .notice_tab > li > a {font-size:18px;}
    .front_notice .tab_container {padding-top:10px;}
    .front_notice .tab_container ul > li {padding: 19px 11px;}

    .popz_title {font-size:18px;}
    .popz_list {padding-top:10px;}

    .front_banner { padding: 20px 0;}
    .front_banner h3 {font-size:18px;}
    .front_banner h3 > strong {font-size:19px;}

    .front_banner .banner_cnt  {display:flex; padding:1.3rem 0 0 0; flex-wrap: wrap; width: 100%;  }
    .front_banner .banner_cnt > li {width:calc(100% - 68%); margin-bottom:2%; float:left; margin-right:2%;}
    .front_banner .banner_cnt > li:nth-child(3n) {margin-right:0;}
    .front_banner .banner_cnt > li:last-child { margin-right:2%; width: calc(100% - 70%);}

    .front_test > h3 {font-size:18px; }
    .front_test > h3 > strong {font-size:19px;}

    .faq_list { padding: 20px 4% 45px 4%;}

    .front_faq {padding-top:30px;}
    .front_faq > h3 {font-size:18px; padding:0 4%;}

    .front_guide > h3 {font-size:18px; padding-bottom:20px;}
    .front_guide .guide_list {display:flex; flex-wrap:wrap; }
    .front_guide .guide_list > li {width:calc(100% - 51%); margin-bottom:3%;}

    .test_process > li {font-size:16px;}
    .test_btn > li > a {font-size:14px;}
    .test_btn > li > a.btn_blue {font-size:14px;}

	.test_btn > li > a > span {vertical-align: text-bottom;}

    .front_guide2 > .guide2_item1 {padding:5% 2%;}
    .front_guide2 > .guide2_item2 {padding:5% 2%;}

}

.main_new_icon {width:12px; height:11px; margin:3px 0 0 5px;}