@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/* header*/
#header{height: 60px;}
#header .quick-button{position:fixed; bottom: 2.66%; right: 2.66%; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); border-radius:50%;}
#header .quick-button img{width:70px;}
#header .inner{display: flex; align-items:center; justify-content:space-between;height: 100%;}
#header h1 a{display: block; background: url(../images/main/OMILTI-Consulting-logo.jpg)center no-repeat; width: 72px; height: 35px; background-size: cover;}
#header .lnb_wrap{display: flex;align-items: center;gap:25px;}
#header .gnb{display: none;}
#header .gnb li{position: relative;}
#header .gnb li span a{padding: 39px 25px;font-size: 17px; color: #222; font-weight: 500;}
#header .gnb .lnb_sub{display: none;position: absolute;z-index: 100;left: 50%; transform: translateX(-50%); top: 64px;border-top: 1px solid #ddd;}
#header .gnb .lnb_sub .sub_menu{background: #fff; }
#header .gnb .lnb_sub li a{display: block;font-size: 16px; color: #222; height: 45px;width: max-content; line-height: 45px; padding: 0 20px;}
#header .gnb li:nth-child(1) .lnb_sub li a{width: 335px;}
#header .gnb li:nth-child(2) .lnb_sub li a{width: 200px;}
#header .gnb .lnb_sub .depth03{display: none; background: #f1f1f1;padding: 10px 0px;}
#header .gnb .lnb_sub .depth03 .depth03_menu li a{font-size: 15px; color: #444;height: 27px;line-height: 27px;}
#header .search_wrap{display: flex;gap:20px;}
#header .search_wrap .search_btn{display: block; background: url(../images/main/main_search_mob.png)center no-repeat; width: 18px; height: 18px; background-size: cover;}
#header .search_wrap .search_btn.on{display: block; background: url(../images/main/main_x_mob.png)center no-repeat; width: 16px; height: 16px; background-size: cover;}
#header .search_box{display: none;position: absolute;background: #fff;height: 60px;}
#header .search_box input{border:none;width: 200px; height: 35px;padding-left: 20px;margin-left: 0px;margin-top: 15px;}
#header .search_box input::placeholder{font-size: 14px; color: #888;}
#header .search_box button{right: 10px;top: 57%;}
#header .search_box button img{width: 15px;}

/* nav */
.nav_btn{display: block; background: url(../images/main/ham_mob.png)center no-repeat; background-size: cover; width: 22px; height: 16px;}
#header.nav .nav_btn{display: block; background: url(../images/main/nav_x_mob.png)center no-repeat; background-size: cover; width: 20px; height: 20px;}
#header.nav .search_btn{display: none;}
.navigation{position:fixed;top: 60px;z-index:5000;width:222px;background-color:#171c60;height:100%;display:none;right: 0px;height:100%;font-family: 'Pretendard';}
.navigation.nav{display:block;}
.navigation .login_box{display: flex;}
.navigation .login_box a{position: relative;display: block;flex:1;text-align: center;color: #fff;font-size: 16px;line-height: 41px;height: 41px;background: #2366ff;}
.navigation .login_box a:nth-child(1):after{content:'';position: absolute;right: 0px;top: 5px;width: 1px;height: 31px;background: #fff;opacity: .3;}
.navigation h3{height:45px;width:100%;}
.navigation h3 a{border-bottom: 1px solid rgba(255,255,255,.2);}
.navigation h3.active a:after{border:2px solid #fff ;width: 8px; height: 8px; background: transparent;}
.navigation h3.on a:after{border:2px solid #fff ;}
/* .navigation h3:nth-child(2) a{border-top: 1px solid #ddd;} */
.navigation h3 a{position: relative;height:45px;width:100%;background-color:#171c60;display: flex;align-items: center;padding: 0 10px;color:#FFF;font-size:13px;font-weight:400;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform: translateY(-50%);right: 10px;width: 4px;height: 4px;background: #fff;border-radius:50% ;}
.navigation ul{display: block; padding:10px 0;background:#232764;border-bottom: 1px solid rgba(255,255,255,.2);}
.navigation ul li{margin-bottom: 8px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#FFF;font-size:12px;border:none;background:#232764;font-weight: 400;padding-left: 10px;}
.navigation ul li a:after{display: none;}
.nav_bg{display: none;position: absolute;top: 60px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 4500;}

#visual_wrap{position: relative;padding-top: 60px;}
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .txt{position: absolute;z-index: 1000;width: 100%;top: 50%;left: 0; transform:translateY(-50%);}
#visual_wrap ul li .txt p{font-size: 20px;color: #fff;text-align: center;font-weight: 700;padding-bottom: 12px;}
#visual_wrap ul li .txt span{display: block;font-size: 12px;color: #fff;text-align: center;font-weight: 300;line-height: 18px;padding: 0 25px;}
#visual_wrap ul li .txt i{display: block;}
#visual_wrap .visual_items { position:absolute;left: 50%;bottom: 25px;transform:translateX(-50%); z-index:1000;}
#visual_wrap .visual_items .inner { display:flex; align-items:center;justify-content: center;}
#visual_wrap .visual_items .visual_paging { display:flex; align-items:center;}
#visual_wrap .visual_items .visual_paging a { display:block; position:relative;cursor:auto;}
#visual_wrap .visual_items .visual_paging a ~ a { margin-left:25px;}
#visual_wrap .visual_items .visual_paging a em {display: block;width: 6px;height: 6px;border-radius: 50%;background: #fff;opacity: .55;}
#visual_wrap .visual_items .visual_paging a.active em {opacity: 1;}
#visual_wrap .visual_items .visual_paging a.active::before{content:''; display: block;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:28px; height:28px; border-radius:50%; border:1px solid rgba(255,255,255,.2); }
#visual_wrap .visual_items .visual_paging a .circle_wrap{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:28px; height:28px;}
#visual_wrap .visual_items .visual_paging a .circle_wrap:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:1px solid rgba(255,255,255,0); }
#visual_wrap .visual_items .visual_paging a .circle_wrap .left{position: absolute; left: 0; top:0; width: 50%; height: 100%; overflow: hidden; z-index:10;}
#visual_wrap .visual_items .visual_paging a .circle_wrap .right{position: absolute; right: 0; top:0; width: 50%; height: 100%; overflow: hidden; z-index:10;}
#visual_wrap .visual_items .visual_paging a .circle_wrap .left img{position: absolute; left: 0; top:0; width:100%; height:100%; transform: rotate(180deg); transform-origin:center right;}
#visual_wrap .visual_items .visual_paging a .circle_wrap .right img{position: absolute; right: 0; top:0; width:100%; height:100%;  transform: rotate(180deg); transform-origin:center left;}
#visual_wrap .visual_items .visual_paging a.active .circle_wrap .right img{transform: rotate(360deg); transition: linear 1.2s; }
#visual_wrap .visual_items .visual_paging a.active .circle_wrap .left img{transform: rotate(360deg); transition:linear 1.2s; transition-delay:1.2s;}
#visual_wrap .visual_items .visual_paging a.on .circle_wrap .right img{transform: rotate(360deg); transition: linear 2s; }
#visual_wrap .visual_items .visual_paging a.on .circle_wrap .left img{transform: rotate(360deg); transition:linear 2s; transition-delay:2s;}

/* section */
.section{line-height: 1;}
.section h4.sec_tit{font-size: 25px; color: #222; font-weight: 700;}

/* section01 */
#section01{background: url(../images/main/sec01_bg_mob.jpg)center no-repeat; height: 285px; padding: 40px 0px;}
#section01 .con{display: flex;gap:15px;flex-direction: column;padding-left: 2.66%; align-items:flex-start;}
#section01 .tit span{display: block; margin-bottom: 5px;font-size: 20px; color: #84b2e5; font-weight: 600;}
#section01 .txt p{font-size: 12px; color: #222; font-weight: 300;line-height: 25px;word-break:keep-all;padding-right: 20px;}
#section01 .txt p i{display: inline;}
#section01 .txt p b{display: block;}

/* section02 */
#section02{padding: 40px 0;}
#section02 .tit{position: relative;margin-bottom: 80px;}
#section02 h4.sec_tit{text-align: center;}
#section02 .icon_wrap{position: absolute; top: 63px; transform: translateY(-50%);right: 0;display: flex;justify-content: space-between; align-items: center;border:1px solid #ddd;width: 140px; height: 40px;padding: 0 15px;}
#section02 .icon_wrap p{color: #222;font-size: 12px; font-weight: 500;}
#section02 .icon_wrap img{width: 37px;height: fit-content;}
#section02 .con_wrap{display: flex;gap:10px; flex-wrap:wrap;}
#section02 .con_wrap .con{position: relative;width: calc((100% - 10px) / 2);}
#section02 .con_wrap .con_tab{display: block;}
#section02 .con_wrap .con:hover .txt_wrap{box-shadow: 0 0 0 10px #84b2e5 inset;}
#section02 .con_wrap .con:hover img{transform:scale(1.1);}
#section02 .con_wrap .con a{display: block;width: 100%;}
#section02 .con_wrap .con .img_wrap{position:relative; width:100%; padding-bottom:68.182%; overflow:hidden;}
#section02 .con_wrap .con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; transition:.5s;}
#section02 .con_wrap .con .txt_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 100%;height: 100%;transition:.4s;}
#section02 .con_wrap .con .txt_wrap p{position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);  width: 100%;text-align: center;color: #fff;font-size: 15px; font-weight: 600;text-align: center;line-height: 19px;}
#section02 .con_wrap .con .txt_wrap p i{display: inline;}
#section02 .con_wrap .con .txt_wrap p b{display: block;}

/* section03 */
#section03{background: url(../images/main/sec03_bg_mob.jpg)center no-repeat; height: 250px;padding: 40px 0px;}
#section03 .inner{display: flex;gap: 10px;align-items: flex-start; flex-direction: column;}
#section03 .tit h4{font-size: 25px; color: #fff; font-weight: 700; line-height: 50px;}
#section03 .tit h4 i{display: inline;}
#section03 .con_wrap{display: flex; flex-wrap:wrap;gap: 5px;width: 100%;} 
#section03 .con{width: 100%; height: 38px; border:1px solid rgba(255,255,255,.3);padding: 0 15px;}
#section03 .con a{display: flex; align-items:center; justify-content:space-between; width: 100%; height: 100%;}
#section03 .con a img{width: 38px;}
#section03 .con p{color: #fff;font-size: 12px; font-weight: 500;}

/* section04 */
#section04{padding: 40px 0;background: #f5f5f5;}
#section04 .tit{position: relative;margin-bottom: 30px;}
#section04 h4{text-align: center;}
#section04 a.more_btn{position: absolute; right: 0; bottom: 0;font-size: 12px; color: #222; font-weight: 500;}
#section04 a.more_btn::after{content:''; display: inline-block; background: url(../images/main/more_btn_mob.png)center no-repeat; background-size:cover; width: 9px; height: 9px;margin-left: 5px;}
#section04 .con_wrap ul{display: flex; gap:10px;}
#section04 .con_wrap ul li{width: calc((100% - 10px) / 2);border-top:2px solid #222; border-bottom:1px solid #a1a1a1; padding: 20px 0px;}
#section04 .con_wrap ul li:nth-child(3),
#section04 .con_wrap ul li:nth-child(4){display: none;}
#section04 .con_wrap ul li .date{margin-bottom: 10px;}
#section04 .con_wrap ul li .date strong{font-size: 20px; color: #222; font-weight: 500;}
#section04 .con_wrap ul li .date span{display: inline-block;	margin-left: 15px;font-size: 12px; color: #222; font-weight: 500;}
#section04 .con_wrap ul li .txt em{font-size: 15px; color: #222; font-weight: 500; line-height: 21px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;word-break: keep-all;}
#section04 .con_wrap ul li .txt p{font-size: 12px; color: #555; font-weight: 500; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;word-break: keep-all;}

/* section05 */
#section05{background: url(../images/main/sec04_bg_mob.jpg)left no-repeat; height: auto;background-size: 100% 445px; background-position-y: top;}
#section05 h4.sec_tit{color: #fff;}
#section05 .inner{display: flex;align-items: baseline;flex-direction: column;}
#section05 .left{width: 100%;padding: 40px 0px;}
#section05 .left p{font-size: 12px; color: #fff; font-weight: 300; line-height: 25px;}
#section05 .left > p{padding: 15px 0px 20px; border-bottom:1px solid rgba(255,255,255,.2); margin-bottom: 20px;padding-right: 0px;}
#section05 .left > p i{display:none;}
#section05 .left address{display: flex;flex-wrap:wrap;gap:15px 0;padding-right: 0px;}
#section05 .left address p:nth-child(1){width: 100%;}
#section05 .left address p:nth-child(2),
#section05 .left address p:nth-child(3){width: 50%;}
#section05 .left address p em{font-size: 15px; color: #fff; font-weight: 600;}
#section05 .left address p em::before{content:''; display: inline-block; width: 2px; height: 12px; background: #fff;margin-right: 5px;}
#section05 .left address p span{display: block;word-break: keep-all;}
#section05 .right{width: 100%;padding: 40px 0px;display: flex; gap:10px; flex-wrap:wrap;justify-content: end;}
#section05 .right p{font-size: 12px; line-height: 1.5; word-break: break-word;}
#section05 .right input[type="text"]{width: calc((100% - 10px) / 2); border:1px solid #ddd;height: 40px;padding-left: 10px;font-size: 12px; font-weight: 400; color: #222;}
#section05 .right input.input01{width: 100%;}
#section05 .right input::placeholder{font-size: 12px; font-weight: 300; color: #aaa;}
#section05 .right textarea{width: 100%; height: 100px; resize:none;padding: 10px ;border:1px solid #ddd;font-size: 12px; color: #222;}
#section05 .right textarea::placeholder{font-size: 12px; font-weight: 300; color: #aaa;}
#section05 .right a.submit_btn{display: block; width: 150px; height: 40px;background: #151c61; color: #fff;font-size: 12px; font-weight: 300;text-align: center; line-height: 40px;}

/* footer */
#footer{background: #1f2330; padding: 30px 0;}
#footer .inner{display: flex; flex-direction: column;justify-content:space-between;align-items: flex-start;}
#footer .sitemap{display: flex; justify-content:center;flex-wrap:wrap;gap:20px 35px;width: 100%; padding: 0 0px 25px;}
#footer .sitemap a{display: block; width: max-content;color: #fff;font-size: 12px; font-weight: 500;}
#footer .f_right{width: 100%;}
#footer .f_right .con{display: flex;gap:15px;align-items: center;flex-wrap: wrap;justify-content: center;flex-direction: column-reverse;}
#footer .f_right .sns_wrap{display: flex;gap:8px;align-items: center;}
#footer .f_right .sns_wrap img{width: 35px;}
#footer .f_right .con .f_logo{display: block;margin-left: 10px;width: 100%;}
#footer .f_right .con .f_logo img{width: 72px;margin: 0 auto;}
#footer .f_right p.copy{padding-top: 15px; color: #fff; font-size: 11px; text-align: center;}

/* =====sub========================================================= */
#sub_visual_wrap{position: relative;margin-top: 60px;}
#sub_visual_wrap .sub_txt_wrap{position: absolute; top: 50%;left: 50%; transform:translate(-50%,-50%);width: 100%;}
#sub_visual_wrap .sub_txt_wrap h2{color: #fff;text-align: center;font-size: 20px; font-weight: 700;}
#sub_visual_wrap .sub_txt_wrap ul{display: flex; justify-content:center;gap:0 22px;flex-wrap: wrap; align-items:center}
#sub_visual_wrap .sub_txt_wrap ul li{position: relative;color: #fff;font-size: 12px;}
#sub_visual_wrap .sub_txt_wrap ul li:first-child{display: block;background: url(../images/sub/home_tab.png)center no-repeat; background-size: cover; width: 11px; height: 10px;}
#sub_visual_wrap .sub_txt_wrap ul li:not(:first-child)::before{content:''; position: absolute; top: 50%; transform:translateY(-50%); left: -11px;display: inline-block; width: 2px; height: 2px; background: #fff; border-radius: 50%;}
#sub_contents{padding: 42px 0;}
#sub_contents .contop h2{text-align: center; color: #222; font-size: 18px; font-weight: 700;padding-bottom: 20px;}


/* tab_menu */
.tab_menu {display: block; width:100%; height:50px; }
.tab_menu .inner{position:relative; display: flex; width: 100%;height:100%;background: #fff;border-bottom:1px solid #ddd;padding: 0;}
.tab_menu a.home{position: relative;display: none;width: 320px; height: 100%; background: url(../images/sub/home02_mob.png)center right 20px no-repeat #151c61; }
.tab_menu .menu {display: flex;width: 100%; height:100%;}
.tab_menu .menu > li {position:relative; flex:1; width: auto;height:100%; background:url("../images/sub/tab_bt_mob.png") center right 18px no-repeat rgba(255,255,255,.9); background-size: 16px;}
.tab_menu .menu > li:nth-child(2){width: auto;}
.tab_menu .menu > li.on {background-image:url("../images/sub/tab_top_mob.png");background-color: #fff;background-size: 16px;}
.tab_menu .menu > li > a {display:flex; align-items:center; padding: 0 45px 0 10px; width:100%; height:100%; font-size: 13px; color:#000; font-weight: 500; line-height:16px; box-sizing:border-box; word-break:keep-all;border-right: 1px solid #ddd;}
.tab_menu .menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; padding:20px 0; box-sizing:content-box; background-color:#fff; z-index:10; border:1px solid #ddd;}
.tab_menu .menu > li ul li ~ li { margin-top:15px;}
.tab_menu .menu > li ul li a {display:flex; align-items:center; position:relative; width:100%; font-size:13px; color:#555;  font-weight: 500;padding:0 10px 0 10px; box-sizing:border-box; line-height:16px;transition:.3s;}
.tab_menu .menu > li ul li a:hover{color: #151c61;}
.tab_menu .menu > li ul li.on a{color: #151c61;}

/* depth03 */
.depth03_wrap .depth03 ul{display: flex;gap:12px; justify-content:center;padding-bottom: 20px;}
.depth03_wrap .depth03 ul li{width: calc((100% - 24px) / 3); height: 32px; border:1px solid #84b2e5}
.depth03_wrap .depth03 ul li a{display: block; text-align: center; line-height: 30px;color: #555; font-size: 13px;} 
.depth03_wrap .depth03 ul li.on{background: #84b2e5;}
.depth03_wrap .depth03 ul li.on a{color: #fff;}

.con{margin-bottom:40px; word-break:break-word;}
.con:last-child{margin-bottom:0;}
.sub_con{margin-bottom:20px;}
.sub_con:last-child{margin-bottom:0;}

h5.h5_tit{position:relative; font-size:18px; color:#222; padding-left:15px; margin-bottom:15px;}
h5.h5_tit::before{position:absolute; content:''; width:4px; height:18px; background:linear-gradient(to top, #151c61, #84b2e5); left:0; top:4px;}
h6.h6_tit{position:relative; font-size:15px; color:#222; padding-left:22px; margin-bottom:15px;}
h6.h6_tit::before{position:absolute; content:''; width:14px; height:14px; background:url('../images/sub/h6_tit.png')center no-repeat; left:0; top:5px; background-size:cover;}

.top_box{display:flex; flex-wrap:wrap; gap:20px; align-items:flex-end;}
.top_box .img_wrap{width:100%;}
.top_box .img_wrap img{width:100%;}
.top_box em{position:relative; padding-top:15px; font-size:13px; color:#222; line-height:1.5; width:100%; word-break:break-word;}
.top_box em::before{position:absolute; content:''; width:0; height:2px; background:#151c61; left:0; top:0;}
.txt_box{font-size:12px; line-height:1.5; background:#f5f5f5; padding:15px; margin-bottom:15px;}
.txt_box:last-child{margin-bottom:0;}

ul.list01 li{position:relative; font-size:12px; padding-left:12px; margin-bottom:10px; word-break:break-word;}
ul.list01 li::before{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#84b2e5; left:0; top:8px;}
ul.list01 li:last-child{margin-bottom:0;}
ul.list01 li span{color:#84b2e5; display:block; margin-bottom:5px;}

.tbl01{width:100%; border-top:2px solid #84b2e5;}
.tbl01 th{font-size:12px; color:#222; border:1px solid #ddd; padding:10px ; background:#f5f5f5;}
.tbl01 td{font-size:12px; border:1px solid #ddd; padding:10px;}

.pc_tbl{display:none;}
.mob_tbl{display:table;}

.paging_wrap{margin-top: 50px;}
ul.paging{gap: 5px;}
ul.paging li{margin: 0;width: 25px; height: 25px;}
ul.paging li a{font-size: 12px;font-weight: 400; color: #555;}
ul.paging li.on{background: #151c61; border:1px solid #151c61;}
ul.paging li.on a{font-size: 12px;font-weight: 400; }
ul.paging li.paging_arrow{background: #f5f5f5;}
ul.paging li.paging_arrow img{width: 9px;}

/* sub0101 */
.sub0101_wrap .con:nth-child(2) > div{border-bottom:1px dashed #ddd; padding-bottom:15px;}
.sub0101_wrap .con:nth-child(2) > div:last-child{border-bottom:none;}
.sub0101_wrap .con > div ~ div{margin-top:15px;}
.sub0101_wrap .con div strong{display:block; font-size:14px; color:#151c61;}

/* sub01 */
#sub_contents p{font-size:12px; line-height:1.5; word-break:break-word;}
.sub01_wrap .con .mark_wrap .img_wrap{display:flex; justify-content:center; margin-bottom:10px;}
.sub01_wrap .con .mark_wrap .txt_wrap p{font-size:13px; font-weight:600; color:#222; text-align:center;}
.sub01_wrap .con .mark_wrap .tbl01 td{text-align:center; font-size:13px; font-weight:600;}
.sub01_wrap .con .mark_wrap ul li{font-size:12px; margin-bottom:5px;}
.sub01_wrap .con .mark_wrap ul li:last-child{margin-bottom:0;}
.sub01_wrap .link th{text-align:left;}
.sub01_wrap .mark th{padding:10px 0;}
.sub01_wrap .mark td{padding:10px 0;}
.sub01_wrap .con .list01{margin:10px 0 0 0;}

/* sub0102 */
.sub0102_wrap .con .tbl01 td .list01{margin:0;}
.sub0102_wrap .con .mark_wrap > div{margin-bottom:20px;}
.sub0102_wrap .con .mark_wrap > div:last-child{margin-bottom:0;}

/* sub0104 */
.mark_wrap_wrap{display:flex; flex-direction: column-reverse;}
.mark_wrap{margin-top:15px;}

/* sub0105 */
.sub0105_wrap .con02 .tbl01{margin-top:15px;}
.sub0105_wrap .con02 .tbl01 th{width:25%;}

/* sub0109 */
.sub0109_wrap .con02 p strong{color:#222; display:block;}

/* sub0110*/
.sub0110_wrap .txt_box{margin-top:15px;}

/* sub0111 */
.sub0111_wrap h4.kc_tit{font-size:20px; margin:42px 0 15px; border-top:1px solid #ddd; padding-top:30px; color:#222; text-align:left;}
.sub0111_wrap a.color {color:#60a8ff;}
.sub0111_wrap p.txt_box{display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
.sub0111_wrap p{color:#222;}
.sub0111_wrap table td{color:#222;}
.sub0111_wrap li{color:#222;}

.kc01 .tel_box{background:#f5f5f5; border-radius:20px; padding:20px; /*border:1px solid #ddd; border-top:2px solid #84b2e5;*/}
.kc01 .tel_box strong{display:block; font-size:18px; color:#222; margin-bottom:10px;}
.kc01 .box {display:flex; flex-direction:column; gap:10px;}
.kc01 .box .p_wrap{display: flex;}
.kc01 .box .p_wrap .p_tit {position:relative;padding:0 0 0 30px;font-size:12px;color:#151c61;font-weight:600;}
.kc01 .box .p_wrap .ico02:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon02.png)no-repeat center;width:20px;height:20px;}
.kc01 .box .p_wrap .ico04:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon04.png)no-repeat center;width:20px;height:20px;}
.kc01 .box .p_wrap .p_txt {font-size:12px;color:#555;padding-left:10px;}
.kc01 p em{display:block; height:7px;}

.kc02 .tbl01 td{width:50%;}
.kc02 .tbl01 tr:nth-child(2) td{text-align:center;}
.kc02 .tbl01 td img{width:280px;}
.kc02 .tbl01 td span{display:block; margin-bottom:10px; font-size:12px; line-height:1.6;}
.kc02 .sub_con02{margin-top:20px;}
.kc02 .process{display:flex; flex-wrap:wrap; gap:10px; align-items: center;}
.kc02 .process div{width:100%; background:#f5f5f5; padding:20px; display:flex; align-items:center; height:60px;}
.kc02 .process div em{display:inline-block; width:28px; height:28px; background:#151c61; color:#fff; font-size:12px; font-weight:666; border-radius:6px; text-align:center; line-height:30px; margin-right:10px;}
.kc02 .process div p{display:inline-block; font-size:12px; width:calc(100% - 38px);font-weight:500; color:#222; line-height:1.6 !important;}
.kc02 p.txt_img_box{display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
.kc02 p.txt_img_box img{width:100%;}

.kc03 .tbl01 {margin-bottom:10px;}
.kc03 .tbl01 td{width:33.33%;}
.kc03 .tbl01 td{text-align:center;}
.kc03 .tbl01 td span{display:block; margin-top:10px; font-size:12px; line-height:1.6;}
.kc03 .process{display:flex; flex-wrap:wrap; gap:10px; align-items: center;}
.kc03 .process div{width:100%; background:#f5f5f5; padding:20px; display:flex; align-items:center; height:60px;}
.kc03 .process div em{display:inline-block; width:28px; height:28px; background:#151c61; color:#fff; font-size:12px; font-weight:666; border-radius:6px; text-align:center; line-height:30px; margin-right:10px;}
.kc03 .process div p{display:inline-block; font-size:12px; width:calc(100% - 38px);font-weight:500; color:#222; line-height:1.6 !important;}
.kc03 p.txt_img_box{display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
.kc03 p.txt_img_box img{width:100%;}


/* sub0201 */
div.txt_box p ~ p{margin-top:15px;}
.sub0201_wrap .mark_wrap {flex-wrap: wrap;}

/* sub0301 */
.sub0301_wrap .about_wrap{display:flex; flex-wrap:wrap; align-items:flex-start; gap:30px; background:url('../images/sub/sub0301_logo.png')right bottom no-repeat; background-size:100px 50px;}
.sub0301_wrap .img_wrap{position: relative; width:100%; padding-bottom: 127.27%; overflow: hidden;}
.sub0301_wrap .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%; }
.sub0301_wrap .con01 .txt_wrap{width:100%; padding-bottom:60px;}
.sub0301_wrap .txt_wrap p{font-size:13px; color:#222; line-height:1.5; margin-top:15px; word-break:break-word;}
.sub0301_wrap .txt_wrap p:first-child{position:relative; padding-top:25px; margin-top:0;}
/* .sub0301_wrap .txt_wrap p::before{position:absolute; content:''; width:40px; height:2px; background:#151c61; left:0; top:0;} */
.sub0301_wrap .con02 .sub_con{display:flex; flex-wrap:wrap; align-items:flex-start; gap:30px;}
.sub0301_wrap .con02 .sub_con .txt_wrap{width:100%;}
.sub0301_wrap .con02 .sub_con .txt_wrap > div{margin-top:15px;}
.sub0301_wrap .con02 .sub_con .img_wrap{position: relative; width:100%; padding-bottom: 63.21%; overflow: hidden;}
.sub0301_wrap .con02 .sub_con .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%;}
.sub0301_wrap .map_wrap{position: relative; width: 100%; padding-bottom: 55%; overflow: hidden; margin-bottom:15px;}
.sub0301_wrap .map_wrap iframe{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%; }

/* sub0501 */
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .search_wrap{position: relative;width: 100%;margin-bottom: 30px;}
.sub0501_wrap .search_wrap input{width: 100%; height: 35px; border:none; border-bottom:2px solid #222;}
.sub0501_wrap .search_wrap input::placeholder{font-size: 12px;color: #999;}
.sub0501_wrap .search_wrap button{position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
.sub0501_wrap .search_wrap button img{width: 16px;}
.sub0501_wrap .list_wrap{display: flex; flex-wrap:wrap;gap:20px 10px;}
.sub0501_wrap .list_wrap .con{width: calc((100% - 10px) / 2);border:1px solid #ddd;overflow: hidden; border-radius:0 15px 0 15px;margin-bottom: 0;}
.sub0501_wrap .list_wrap .con a{display: block; width: 100%;	}
.sub0501_wrap .list_wrap .con .img_wrap{position:relative; width:100%; padding-bottom:56.291%;}
.sub0501_wrap .list_wrap .con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0501_wrap .list_wrap .con .txt_wrap{padding: 15px 10px;}
.sub0501_wrap .list_wrap .con .txt_wrap p{font-size: 20px; color: #222; font-weight: 600;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }

/* sub0601 */
.sub0601_wrap{display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start;}
.sub0601_wrap .left{width:100%;}
.sub0601_wrap .left h4{font-size:40px; color:#222; margin-bottom:20px;}
.sub0601_wrap .left em{display:block; font-size:13px; line-height:1.5; border-bottom:1px solid #ddd; padding-bottom:20px;}
.sub0601_wrap .left em i{display:block;}
.sub0601_wrap .left em strong{display:block;}
.sub0601_wrap .right{width: 100%;padding:30px 20px;display: flex; gap:10px; flex-wrap:wrap;justify-content: end;}
.sub0601_wrap .right input[type="text"]{width: calc((100% - 10px) / 2); border:1px solid #ddd;height: 40px;padding-left: 10px;font-size: 12px; color: #222;}
.sub0601_wrap .right input.input01{width: 100%;}
.sub0601_wrap .right input::placeholder{font-size: 12px; font-weight: 300; color: #aaa;}
.sub0601_wrap .right input[type="checkbox"]{width:12px; height:12px; border:1px  solid #ddd; margin-right:5px;}
.sub0601_wrap .right textarea{width: 100%; height: 100px; resize:none;padding: 10px 10px;border:1px solid #ddd;font-size: 12px; color: #222;}
.sub0601_wrap .right textarea::placeholder{font-size: 12px; font-weight: 300; color: #aaa;}
.sub0601_wrap .right a.submit_btn{display: block; width: 100%; height: 40px;background: #151c61; color: #fff;font-size: 12px; font-weight: 300;text-align: center; line-height: 40px;}

.sub0601_wrap .box .p_wrap {margin-top:20px;}
.sub0601_wrap .box .p_wrap .p_tit {position:relative;padding-left:30px;font-size:15px;color:#151c61;font-weight:600;}
.sub0601_wrap .box .p_wrap .ico01:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon01.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .ico02:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon02.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .ico03:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon03.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .ico04:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon04.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .p_txt {font-size:12px;color:#555;padding-top:10px;}
.sub0601_wrap .box .box01 {display:flex;gap:60px;}

}