p{word-break:keep-all}

.c_f{color:#fff !important}
.c_007{color:#007dc1}
.f5{font-weight:500}
.f6{font-weight:600}
.f7{font-weight:700}
.fs1{font-size:1rem;}
.fs2{font-size:1.2rem}
.fs3{font-size:1.3rem;}
.fs4{font-size:1.4rem;}
.fs5{font-size:1.5rem;}
.fs20{font-size:2rem;}

.list_style{display:list-item; list-style-type:disc;}





.sub_visual p img{width:100%}



.sub_visual{position: relative;}
.sub_visual_txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center}
.sub_visual_txt p:nth-child(1){font-size:1.7rem; font-weight:700; width:100%;}
.sub_visual_txt p:nth-child(2){font-size:2.6rem; color:#ff0000; font-weight:800; line-height:1.3;}
.sub_visual_txt p:nth-child(3){font-size:2.6rem; font-weight:800; line-height:1.3;}
@media (max-width:500px){
.sub_visual_txt p:nth-child(1){font-size:3.7vw; font-weight:700; width:100%;}
.sub_visual_txt p:nth-child(2){font-size:6vw; color:#ff0000; font-weight:800; line-height:1.3;}
.sub_visual_txt p:nth-child(3){font-size:6vw; font-weight:800; line-height:1.3;}

}


.black_bg{display:block; width:100%; height:100%; background:rgba(0,0,0,0.15); position: absolute; top:0; left:0;}


#sub_wrap {position:relative; width:100%; background:#fff;}
.sub_menu{width:100%; height:52px;}
.sub_menu .in{margin:0 auto; }
.sub_menu .in .home{width:12.5%; float:left; padding:10px 0px 0px 0px; text-align:center; height:52px; background:#ddd; box-sizing:border-box; border-bottom:1px solid #ddd;}
.sub_menu .in .box1 {width:50%; border-right:1px solid #ddd; border-left:1px solid #ddd; height:52px; float:left; background:#fff; box-sizing:border-box;}
.sub_menu .in .box2 {width:50%; border-right:1px solid #ddd; float:left;  height:52px; background:#fff; box-sizing:border-box;}
.sub_in .sub_in_menubtn {position:relative; width:100%; float:left; background:#f7f7f7; border-top:2px solid #ddd; border-bottom:1px solid #ddd; padding:12px 0;  border-right:none; border-left:none;}
.sub_in .sub_in_menu {width:100%; float:left; border:1px solid #ddd; }
.sub_in .sub_in_menu li {width:100%; float:left; border-bottom:1px solid #ddd; text-align:center;}
.sub_in .sub_in_menu li:last-child{border-bottom:none;}
.sub_in .sub_in_menu li a {display:block;padding:10px 0;}
.sub_in .guide i {color:#ddd; font-size:1.5em; margin:0 15px;}
.dropdown .icon-arrow{font-family: "Lato", Helvetica, Arial !important;}


i{font-style:normal}
.tc{text-align:center}

.write_btn_span{display:block; text-align:right; margin-bottom:1em;}







::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-thumb {
    background: #a9a9a9;
}





	
#headerM{height:67.17px; padding:11px 0;}
.cd-nav-trigger{top:23px;}
.login_alink > ul > li a:nth-child(1){color:#fff !important}
.cd-nav-container{width:100%}


/* 탭메뉴 */
.menu_tab{max-width:1440px; margin:0 auto; text-align:center}
.menu_tab ul{margin-top:-30px;}
.menu_tab ul li{width:20%; font-weight:500; line-height:50px; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-right:0;}
.menu_tab ul li:last-child{border-right:1px solid #ddd}
.menu_tab ul li a{color:#333; display:block; font-weight:600; font-size:1.125rem;}
.menu_tab ul li.on{background:#333; border:1px solid #333}
.menu_tab ul li.on a{color:#fff}




/* 공통 */
.box_wrap{margin-top:2em; border-bottom:2px solid #ef4036}
.sub_section{padding:4em 0; max-width:95%; margin:0 auto; box-sizing:border-box;}
.sub_section:after{content:''; display:block; clear:both;}
.sub_guide{font-weight:700; font-size:1.5rem; width:100%; text-align:center;}
.sub_guide1{font-weight:600; font-size:1.5rem; margin-bottom:1em}
#footer_wrap{text-align:center}





.page_change{position: relative; border-bottom:1px solid #ddd; margin-bottom:2em; padding-bottom:2em;}
.page_change a:nth-of-type(1){position: absolute; top:0; left:0;}
.page_change a:nth-of-type(2){position: absolute; top:0; right:0;}








/* 인사말 */
.ceo_wrap{background:url('/mobile/img/sub/sub_img6_1.jpg') no-repeat center; background-size:cover; padding:2em 1em; background-position:51%}
.ceo_msg > p{line-height:1.5; text-align:center}
.ceo_msg > p:nth-child(1){font-size:1.8rem; font-weight:700}
.ceo_msg > p:nth-child(2){font-weight:500; font-size:1.5rem;}
.ceo_msg1{text-align:left; margin-top:25px;}
.ceo_msg1 > p{line-height:1.6; color:#333; font-size:1rem; font-weight:500; margin-bottom:0.5em;}
.ceo_msg1 > p:last-child{margin-top:2em; font-size:1.2rem; font-weight:600; color:#333; text-align:center}









/* 공평성 보장선언문 */
/*.declaration_wrap{border:5px solid #007dc1; padding:1em; width:100%; margin:0 auto; box-sizing:border-box;}*/
.declaration_wrap img{width:5em}
.declaration_wrap h2{font-size:7vw;}
.declaration1{background:#007dc1; padding:2em; box-sizing:border-box; margin-bottom:2em;}
.declaration1 > p{line-height:1.5; font-size:1.1rem; font-weight:700; color:#fff}
.declaration2{border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.declaration2 > p{line-height:2; color:#777; font-size:1rem; font-weight:500; border-bottom:1px dashed #ddd; padding:1em; box-sizing:border-box; flex-direction:column;}
.declaration2 > p:last-child{border-bottom:0;}
.declaration3 span{display:flex; text-align:center; font-weight:500; font-size:1.2rem; justify-content:center}
.declaration3 span:nth-of-type(1){margin:3em 0 1em 0}
.declaration3 span b{font-weight:700; margin-left:10px;}
@media (max-width:460px){
.declaration3 span{font-size:1rem}
}
@media (max-width:400px){
.declaration1{padding:1em;}
.declaration3 span{font-size:.9rem}

}

/* 인정서 */
.certificate_box{width:49%; float:left; margin-right:1.8%; margin-bottom:2%;}
.certificate_box:nth-child(2n){margin-right:0;}
.certificate_box p img{max-width:100%; min-width:100%; height:100%; box-sizing:border-box; transform:scale(1.0); transition: transform .5s; cursor:pointer;}
.certificate_box p:first-child{overflow:hidden; border:1px solid #ddd;}
.certificate_box p:last-child{width:100%; box-sizing:border-box; text-align:center; font-weight:600; display:flex; justify-content:center; align-items:center; line-height:1.2; background:#007dc1; margin-top:0.5em;}
.certificate_box p:last-child a{padding:13px 20px; color:#fff !important; display:block; width:100%;}
.certificate_box p:last-child:hover{background:#002752}
.certificate_box p img:hover{transform:scale(1.2); transition: transform .5s;}







/*조직 및 연락처*/
#organization{position:relative; width:100%; margin:0 auto;}
#organization:after{content:''; display:block; clear:both;}
#organization p.line {position:absolute; }


#organization div.box1 {width:230px; line-height:60px; position:relative; text-align:center; color:#fff; font-size:19px; font-weight:600; display:inline-block; background-color:#1a236c; border-radius:10px;}
#organization ul.type1 {text-align:center; width:100%; position:relative;}
#organization ul.type1:after{content:''; display:block; clear:both;}
#organization ul.type1 li {width:32.6%; float: left; margin-bottom:0.5em;}
#organization ul.type1 li p {width:100%; line-height:49px; text-align:center; color:#fff; font-size:1.1rem; font-weight:600; display:inline-block; background-color:#007dc1; border-radius:10px 10px 0 0;}
#organization ul.type1 li ul {display:flex; flex-direction:column;}
#organization ul.type1 li ul li{width:100%;}
#organization ul.type1 li ul li p {background-color:#f1f1f1; line-height:23px; color:#333; height:100px; justify-content:center; align-items:center; display:flex; font-size:1rem; border-radius:0 0 10px 10px; text-align:left}
#organization ul.type1 .tc{text-align:center !important}










/* 오시는길 */
.sub_wrap_inner{width:100%; margin:0 auto; box-sizing:border-box;}
.map_txt {padding:30px 20px; box-sizing:border-box; margin-top:0.5em; border:1px solid #ddd;}
.map_txt span{font-size:1.2em; color:#333; font-weight:600; text-align:left; display:block; line-height:1.2;}
.map_txt p{line-height:1.2em; font-size:1em; text-align:left; display:flex; align-items:center; font-weight:600; margin-bottom:0.5em;}
.map_txt .xi{margin-right:0.5em; color:#1a236c; font-size:1.3rem}
.map_txt p .company05_span{color:#1a236c; margin-right:1em; width:100px; display:flex; align-items:center;}







/* 교정견적요청 */
.calibration01_top{justify-content: right;}
.calibration01_top:after{content:''; display:block; clear:both;}
.calibration01_top .search{margin-top:0; padding:0;}
.calibration01_top p{margin-right:1em; align-items:center; justify-content:center;}
.calibration01_top p > span{background:#f7f7f7; height:35px; padding:0.5em; box-sizing:border-box; width:112px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-right:0; font-weight:500}
.calibration01_top a.check_btn{width:77px !important; box-sizing:border-box; line-height:35px !important}
.file_p{background:#555; float:none !important; padding-top:0 !important; font-size:1.2rem !important; font-weight:600; text-align:center}
.file_p a{color:#fff !important; display:block;}

.team_top{margin-bottom:2em; flex-direction:column;}
.team_top div{width:100%; border:1px solid #ddd; padding:1em; box-sizing:border-box;}
.team_top div:first-child{border-top:2px solid #ef4036;}
.team_top div:last-child{border-top:2px solid #007dc1}

.team_top div p:nth-child(1){font-size:1.3rem; font-weight:600; margin-bottom:0.5em}
.team_top div p:nth-child(2){font-size:1.1rem; margin-bottom:5px; font-weight:500}
.team_top div p:nth-child(3){font-size:1.1rem; font-weight:500}

.calibration01_wrap a.list_btn{float:none; margin:0 0 0 5px; vertical-align: middle; height:35px; line-height:35px;}










.span_txt{background:#f7f7f7; display:block; padding:1.5em 1em; box-sizing:border-box; font-weight:500}
.span_txt i{display:block; margin-top:0.5em;}
.box_content{border-top:2px solid #ef4036; flex-direction:column; padding:1em; box-sizing:border-box;}
.box_content:nth-child(odd){background:#f9f9f9}
.box_content:last-child{border-bottom:1px solid #ddd}
.left_box{width:100%; text-align:center; padding:0  0 1em 0; box-sizing:border-box; border-bottom:1px solid #ddd}
.left_box p:nth-of-type(1){background:#007dc1; display:inline-block; margin-bottom:1em; border-radius:50%}
.left_box p:nth-of-type(2){font-size:1.2rem; font-weight:700; color:#1a236c}
.left_box img{width:4.5em; padding:1em; box-sizing:border-box;}
.left_box > span{display:block; font-weight:600; font-size:1rem; color:#1a236c; margin-bottom:0.3em;}
.left_box > span:after{content:''; display:block; width:1px; height:10px; background:#000; margin:0 auto; margin-top:0.2em;}
.left_box > span i{font-size:1.2rem; font-weight:700}
.right_box{width:100%; padding:1em 1em 0 1em; box-sizing:border-box;}
.right_box ul li{list-style:disc; color:#666; line-height:1.5; font-size:1rem; font-weight:500}
.down_li{background:#007dc1; display:inline-block; padding:0.5em 1em; margin-top:10px;}
.down_li a{color:#fff !important}
.down_li:hover{background:#000}
.right_box li strong{color:#ef4036}




/* 실시간 교정 진행 상황 조회 */
.system01_wrap:after{content:''; display:block; clear:both;}
.business1_search {width:100%;float:left; border:2px solid #ddd; box-sizing:border-box; padding:10px 15px 15px 15px; border-radius:5px; margin-bottom:1em}
.business1_search table {width:100%; float:left; }
.business1_search table th {font-weight:500; font-size:15px; color:#333; text-align:left; padding:8px; display:block;}
.business1_search table td {font-weight:300; font-size:15px; color:#666; text-align:left; padding:8px; border-bottom:1px solid #ddd; }
.business1_search table td input {border:1px solid #ddd; padding:3px; height:30px; box-sizing:border-box; width:100%;}
.business1_search div {width:100%; float:left; margin-top:10px; font-size:15px;}
.business1_search div p {width:100%; float:right; text-align:right; align-items:center; flex-direction:column;}
.business1_search div p span{width:100%; text-align:center}

.business1_search a { border-radius:3px; color:#fff; line-height:35px; text-align:center; font-size:15px; font-weight:400; display:block; padding:0}
.system01_div{float:left;}
.system01_div .search{margin-top:10px;}
.system01_div .search:nth-child(2){margin:10px 10px 0 10px;}
.system01_div .search:last-child{margin-right:0;}
.system01_div .search:nth-child(n+2) a{background:#555}
.system01_wrap > .span_txt1{margin-bottom:0.5em; text-align:center; color:#008bd9; font-weight:600; font-size:3.2vw; display:block; padding:1.5em 0.5em; background: #f7f7f7;}

.business1_search .search_div{align-items:center; margin-top:0}
.business1_search .search_div div{margin-top:0}
.business1_search .search_div p{width:auto; margin-right:10px; word-break:keep-all; }
.search_div input{border:1px solid #ddd; padding:3px; height:30px; box-sizing:border-box; width:100%}



/* 교정가능 품목 조회 */
.system02_div{}
.system02_div > div{align-items:center; justify-content:center;}
.system02_div p{width:100%; margin-right:5px;}
.system02_div p input{width:100%}
.system02_div a.search_btn{width:100%; box-sizing:border-box; line-height:31px; font-size:0.95rem; box-shadow:1px 1px 2px #ddd; background-color:#007dc1; font-weight:500; border:1px solid #007dc1; border-radius:0; color:#fff; padding:0 24px; display:inline-block; vertical-align:middle;}
.system02_div div > span{display:block; text-align:center}







/* 교정수수료 및 교정주기 */
.system03_wrap b{color:#008bd9; font-weight:600}
.box_txt{border-bottom:1px solid #ddd; padding-bottom:2em;}
.box_txt span{display:block; margin-bottom:1em}
.box_txt p{line-height:1.5; margin-bottom:1em; color:#333; font-size:1rem;}
.txt_title1{font-size:1.1rem; font-weight:600; color:#c01515;}
.box_txt:nth-of-type(3) .down_p{width:50%}
.box_txt:last-child p{display:list-item; list-style-type:disc; margin-bottom:0.5em; margin-left:1.1em;}
.box_txt:last-child p::marker{color:#007dc1}
.down_p{background:#007dc1; display:inline-block; color:#fff !important; box-sizing:border-box; cursor: pointer; font-weight:600; font-size:1.1rem; width:32.8%; text-align:center;}
.down_p a{padding:1em; box-sizing:border-box; display:block;}
.down_p span{margin-bottom:0; font-weight:400; font-size:1rem;}
.down_p:hover{background:#000}

@media (max-width:480px){
.box_txt br{display:none}
.down_p{width:49%}
}







/* 성적서 진위 여부 확인 */
.report_box{border:1px solid #ddd; padding:1em; box-sizing:border-box; flex-direction:column}
.report_box .tm20 p:nth-child(1){background:#fff; display:inline-block; margin-bottom:1em; padding:1em 2em; box-sizing:border-box; border:2px solid #007dc1;}
.report_box .tm20 p:nth-child(2){font-size:1.2rem; font-weight:600}
.report_box .tm20 p:nth-child(3){margin-top:1em; font-size:1.2rem;}
.report_box .tm20 span{cursor: pointer;}
.report_box .list_style.lm20::marker{color:#007dc1}




@media (max-width:430px){
.report_box .tm20 p:nth-child(2){font-size:1.1rem;}
.report_box .tm20 p:nth-child(3){font-size:1.1rem;}

}




/* 회원가입 */
.list_td1 input{width:27.5%}
.join3 p{font-size:5vw; font-weight:600; text-align:center}
.join3_btn span{max-width:100%; width:100%;} 
.join3_btn span:first-child{margin-right:10px;}
.join3_btn span a{width:100%;}



/* 고객지원 - 채용정보 */
.job1{padding:2em 1em; box-sizing:border-box; background:url('/mobile/img/sub/sub_img1.jpg') no-repeat center; background-size:cover;}
.job1 > span{font-size:1.5rem; margin-bottom:1.5em; display:block; text-align:center; font-weight:600}
.job1 > span > b{color:rgba(219,73,50,1)}
.job1 > span > img:first-child{width:1em; margin-right:10px;}
.job1 > span > img:last-child{width:1em; margin-left:10px;}


.img_icon_wrap{display:flex; justify-content:center; flex-direction:column; position: relative;}
.img_icon_wrap > div{display:flex; align-items:center; z-index: 1;}
.img_icon p img{width:4em}
.img_icon_wrap .img_icon{box-sizing:border-box; width:150px; height:150px; display:flex; align-items:center; justify-content:center; flex-direction:column; border-radius:50%; margin-right:2em;}
.img_icon_wrap div:nth-child(1) .img_icon{background:rgba(219,73,50,0.9)}
.img_icon_wrap div:nth-child(2) .img_icon{background:rgba(73,87,116,0.9)}
.img_icon_wrap div:nth-child(3) .img_icon{background:rgba(219,73,50,0.9)}
.job1_txt{text-align:center; display:flex; justify-content:center;}
.job1_txt .txt1{font-size:20px; font-weight:700; line-height:1; color:#fff; margin-top:0.5em}
.job1_txt .txt2{font-size:17px; font-weight:400; line-height:24px; text-align:left}
.txt2 span{display:block; font-size:1.3rem; font-weight:600; margin-bottom:0.5em;}

.jop_line{position: absolute; left:46.5%; transform:translateX(-46.5%); width:1px; height:100%; background:#ddd;	}

.img_txt_wrap{display:flex; justify-content:space-around; position: relative; flex-direction:column; align-items:flex-start;}
.img_txt{display:flex; align-items:center;}
.img_txt:nth-child(3){margin-right:0;}

.img_icon_wrap div:nth-child(1) .img_txt .job_after{background:rgba(219,73,50,1)}
.img_icon_wrap div:nth-child(2) .img_txt .job_after{background:rgba(73,87,116,0.9)}
.img_icon_wrap div:nth-child(3) .img_txt .job_after{background:rgba(219,73,50,1)}
.job_after{display:block; width:10px; height:10px; background:#000; border-radius:50%; margin:0 auto; margin-right:12px;}

@media (max-width:450px){
.img_icon_wrap > div{flex-direction:column; margin-bottom:1em;}
.img_icon_wrap > div:last-child{margin-bottom:0;}
.img_icon_wrap .img_icon{margin-right:0;}
.img_txt{margin-top:1em; align-items:baseline;}
.jop_line{display:none}
}


.job2{margin-top:5em}
.job2_div{padding:2em 0; border-bottom:1px solid #ddd; flex-direction:column;}
.job2_txt.job2_txt1{width:100%; margin-bottom:1em;}
.job2_txt.job2_txt2{width:100%;}
.job2_txt.job2_txt1 p:nth-child(1){font-size:1.5rem; margin-right:1em; font-weight:400; color:#777}
.job2_txt.job2_txt1 p:nth-child(2){font-size:1.5rem; font-weight:600}
.job2_txt.job2_txt2 p:nth-child(1){margin-bottom:0.5em; font-weight:600; font-size:1.1rem;}
.job2_txt.job2_txt2 p:nth-child(2){color:#777;}
.job2_txt p{line-height:1.4;}

.job3{margin-top:5em;}
.jo3_txt ul:after{content:''; display:block; clear:both;}
.jo3_txt ul li{width:50%; float:left; margin-bottom:0.5em; position: relative; }
.jo3_txt ul li div{width:120px; height:120px; line-height:120px; font-size:1.25rem; font-weight:800; text-align:center; margin:0 auto; border-radius:50%; color:#fff; }
.jo3_txt ul li:nth-child(1) div{background:#1763b6}
.jo3_txt ul li:nth-child(2) div{background:#014a9b}
.jo3_txt ul li:nth-child(3) div{background:#013773}
.jo3_txt ul li:nth-child(4) div{background:#002752;}
.jo3_txt ul li:nth-child(2) div:after{display:none}
.jo3_txt ul li:nth-child(4) div:after{display:none}
.jo3_txt ul li div:after{content:"\e93f"; display:block; color:#ddd; font-family:xeicon; position: absolute; top:0; right:-10px;}
.jo3_txt span{background:#eef3f6; width:100%; display:block; margin-top:2em; padding:2em 1em; font-weight:500; line-height:1.5; box-sizing:border-box; text-align:center; font-size:1.2rem}



.job4{margin-top:5em;}
.job4_txt ul{justify-content:center; text-align:center; border:1px solid #ddd; flex-direction:column}
.job4_txt ul li{display:flex; align-items:center; justify-content:flex-start; padding:1em 0; padding-left:10vw;}
.job4_txt ul li:first-child{border-bottom:1px solid #ddd; border-top:2px solid #ef4036}
.job4_txt ul li:last-child{border-top:2px solid #007dc1}
.job4_txt ul li img{width:3em}
.job4_txt ul li p:first-child{width:80px; height:80px; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.job4_txt ul li p:last-child{font-size:4.5vw; font-weight:600; margin-left:1em;}

.job4_txt ul li:first-child p:first-child{background:#f7f7f7}
.job4_txt ul li:last-child p:first-child{background:#f7f7f7}
@media (max-width:450px){
.job4_txt ul li{padding-left:4vw;}
}