p, span, dt , dd, li{word-break:keep-all;} .sub_common{text-align:center; padding-top:115px;} .sub_common h3 span{color:#000; font-size:50px; line-height:50px; display:block; font-weight:800; text-align:center; font-family:'GmarketSans'; letter-spacing:-0.04em;} .sub_common h3 span strong{color:#019ced;} .sub_common .subtit{} .sub_common .subtit .tit_p{font-size:20px;} .sub_common_02{padding-top:8%;} .sub_common_02 h3 span{font-size:50px; font-weight:bold; display:block; text-align:center; padding:0 7% 7% 7%; margin:0px auto;} .sub_common_01{position:relative; width:100%; padding-top:10%; padding-bottom:10%; background:#f4f4f4;} .sb101_01{} .sb101_01 span{} .sb101_01_01{} .sb101_01_01 p{font-size:20px;} .sb101_01_01 p:last-child{margin-bottom:100px;} .sb101_01 h3 span{margin-bottom:40px;} .s102{position:relative; width:100%; margin:0px auto; padding-top:150px; padding-bottom:200px; overflow:hidden;} .s102 h3 span{display:block; width:100%; max-width:1315px; margin:0px auto; text-align:center; padding-bottom:40px; } .s102 h3 span img{width:100%; max-width:271px;} .s102_01{margin-bottom:140px;} .s102_01 p{font-size:20px;} .s102_02_01{background:#f4f4f4; text-align:left; padding-top:75px; position:relative; padding-bottom:0 !important;} .s102_02_01 div{position:relative; padding-bottom:60px ; max-width:1315px; margin:0px auto;} .s102_02_01 div:before{content:''; background:url("../images/sub/s102_02_01.png") no-repeat right bottom; background-size:contain; width:445px; height:454px; position:absolute; bottom:0; right:0;} .s102_02_01 h4 span{max-width:1315px; display:block; font-size:34px; font-weight:bold; margin:0px auto; padding-bottom:35px; } .s102_02_01 p{width:100% !important; max-width:1315px; display:block; font-size:36px; line-height:45px; margin:0px auto; padding-bottom:50px;} .s102_02_01 span{font-size:22px; max-width:1315px; display:block; margin:0px auto;} .s102_02_02{max-width:1315px; display:block; margin:0px auto; text-align:left; padding-top:87px;} .s102_02_02 p{font-size:20px; line-height:32px; margin-bottom:45px;} .s102_txt1{color:#848484; font-size:20px; text-align:left;padding-bottom:45px; line-height:30px; word-break:keep-all;} .s102_txt2{font-weight:bold; color:rgba(23,23,23,0.8); font-size:26px; text-align:left; line-height:40px; letter-spacing:-0.05em;} .s102_txt2 strong{display:block; font-size:30px; padding-top:45px; font-family:'Nanum Myeongjo', Serif;} .s102_2{background:#f4f4f4; padding-top:150px; padding-bottom:150px; width:100%; max-width:1920px; margin:0px auto; text-align:center;} .s102_2 ul{width:95%; max-width:1317px; margin:0px auto;} .s102_2 ul li {width:24%; display:inline-block; margin-right:1%; margin-bottom:1%;} .s102_2 ul li img{width:100%; max-width:304px;} .s102_2 ul li:nth-child(4), .s102_2 ul li:nth-child(8), .s102_2 ul li:nth-child(12){margin-right:0; } .s103{text-align:center; padding-top:150px; background:none; height:auto; padding-bottom:150px;} .s103_1{margin-bottom:95px;} .s103_1 h3 span{/*color:#009fff; font-size:60px; line-height:60px; font-weight:bold;*/ display:block; text-align:center; padding-bottom:40px; } .s103_1 h3 span img{max-width:682px;} .s103_1 p{color:#222222; font-weight:500; font-size:20px; line-height:33px;} .s103_2{background-image:url("../images/sub/s103_2_bg.png"); background-repeat: no-repeat; background-position:center top; background-size:contain; width:100%; max-width:1190px; margin:0px auto; padding-top:230px;padding-bottom:240px; padding-left:120px; padding-right:120px;} .s103_2 dl{width:33%; max-width:300px; display:inline-block;} .s103_2 dl:nth-child(1){float:left;} .s103_2 dl:nth-child(1) dd{color:#6bcdf2;} .s103_2 dl:nth-child(2){} .s103_2 dl:nth-child(2) dd{color:#4f8eac;} .s103_2 dl:nth-child(3){float:right;} .s103_2 dl:nth-child(3) dd{color:#4f51ac} .s103_2 dt{border-radius:50%; font-size:40px; font-weight:bold;} .s103_2 dd{width:100%; margin:0px auto; font-size:22px; padding-top:15px;} .s103_3{margin:0px auto; margin-top:130px; background:#f4f4f4; padding-top:90px; padding-bottom:90px;} .s103_3 h4 span{font-weight:bold; font-size:26px; text-align:center; width:100%; display:block; padding-bottom:30px;} .s103_3 p{font-size:20px; line-height:28px; max-width:715px; margin:0px auto;} .s103_4{margin-top:110px; margin-bottom:110px;} .s103_4 ul{width:100%; max-width:1315px; margin:0px auto;} .s103_4 li{display:inline-block; width:20%; margin:0px; font-size:25px; font-weight:500; position:relative; vertical-align:top; background-repeat:no-repeat; background-position:center top;} .s103_4 li:nth-child(1){background-image:url("../images/sub/s103_4_01.png");} .s103_4 li:nth-child(2){background-image:url("../images/sub/s103_4_02.png");} .s103_4 li:nth-child(3){background-image:url("../images/sub/s103_4_03.png");} .s103_4 li:nth-child(4){background-image:url("../images/sub/s103_4_04.png");} .s103_4 li:nth-child(5){background-image:url("../images/sub/s103_4_05.png");} .s103_4 li span{display:block; margin-top:70%;} .s103_5{padding-top:115px; border-top:1px solid #eaeaea;} .s103_5 h4 span{font-size:26px; font-weight:bold; display:block; text-align:center; padding-bottom:30px;} .s103_5 p{font-size:20px; padding-bottom:45px;} .s103_5 a{font-size:16px; color:#0a0a0a; border:1px solid #bbbbbb; border-radius:25px; padding:13px 23px; display:inline-block; } .s103_5 a:hover{background:#bbbbbb; color:#fff;} /*문화및구성원소개*/ .s104_01{} .s104_01 h3 span{font-size:0; display:block; text-align:center; font-weight:bold; padding-bottom:40px; } .s104_01 h3 span img{max-width:580px;} .s104_01 p{ font-size:20px; line-height:33px; margin-bottom:90px;} .s104_02{width:100%; max-width:1319px; margin:0px auto; padding-bottom:105px;} .s104_02 dl{width:30%; max-width:375px; min-height:283px; display:inline-block; margin-right:1%; margin-left:1%; border-radius:12px; vertical-align:top; border:1px solid #e6e6e6; padding-top:50px; padding-left:30px; padding-right:30px; } .s104_02 dt{font-size:20px; font-weight:bold; margin-bottom:40px; letter-spacing:-0.02em;} .s104_02 dd{font-size:18px; line-height:25px; text-align:left;} .s104_02 p{font-size:30px; line-height:38px; word-break:keep-all;} .s104_02_btm02{font-weight:bold; padding-top:1% !important;} .s104_03{padding-bottom:180px;; padding-top:113px; border-top:1px solid #eaeaea; } .s104_03_01{width:100%; max-width:1315px; margin:0px auto; /*padding-top:3%;*/ padding-bottom:95px !important; display:inline-block;} .s104_03_01 h4 span{font-size:26px; font-weight:bold; padding-bottom:5%; display:block; width:100%; clear:both; text-align:center;} .s104_03_01 p{font-size:20px;} .s104_03_01 ul{width:33%; display:inline-block; padding-bottom:3%; float:left;} .s104_03_01 ul li{max-width:410px; margin:0px auto; } .s104_03_01 ul li span{display:block;} .s104_03_02{max-width:850px; margin:0px auto;} .s104_03_02_01{width:30%;display:inline-block; padding-top:160px; padding-bottom:0 !important; vertical-align:top;} .s104_03_02_01:nth-child(1){background:url("../images/sub/s104_03_02_01_01.png") no-repeat center top;} .s104_03_02_01:nth-child(2){background:url("../images/sub/s104_03_02_01_02.png") no-repeat center top;} .s104_03_02_01:nth-child(3){background:url("../images/sub/s104_03_02_01_03.png") no-repeat center top;} .s104_03_02_01 h5 span{font-size:30px; display:block; text-align:center; margin-bottom:19px;} .s104_03_02_01 p{font-size:20px; padding-bottom:45px;} .s104_03_02_01 a{font-size:20px; line-height:20px; color:#b5b5b6; position:relative; padding-right:25px;} .s104_03_02_01 a:before{content:"\e940"; font-family:"xeicon"; font-size:17px; line-height:20px; position:absolute; right:0;} .box410{width:33%; max-width:410px;} .box410 ul{width:100%;} .s105_01 h3 span{display:block; text-align:center; font-weight:bold; padding-bottom:40px;} .s105_01 p{font-size:20px; line-height:33px;} .s105_02{} .s105_02 .s105_02_01_in{width:20%; max-width:218px; min-height:455px; background:#fff; display:inline-block; vertical-align:top; margin-right:2%; border:1px solid #e6e6e6; margin-bottom:24px; border-radius:12px;} .s105_02 .s105_02_01_in li{display:block; height:100%;} .s105_02 .s105_02_01_in li:first-child{overflow:hidden; border-top-right-radius:12px; border-top-left-radius:12px; } .s105_02 ul li img{width:100%;} .s105{padding-top:115px; padding-bottom:160px;} .s105_01{margin-bottom:92px;} .s105_01 h3 span img{max-width:659px;} .s105_01 p{text-align:center;} .s105_02 .s105_02_01_in h4 span{font-size:18px; color:#9fa0a0; display:block; padding-top:38px; padding-left:25px; padding-right:25px; } .s105_02 .s105_02_01_in h4 span strong{font-size:26px; color:#222222; margin-right:2%;} .s105_02 .s105_02_01_in ul{padding-left:25px; padding-right:25px; padding-top:20px; } .s105_02 .s105_02_01_in ul li{font-size:18px; line-height:24px; text-align:left; background-image:url("../images/sub/s201_04_icon.gif"); background-repeat:no-repeat; background-position:left 9px; padding-left:10px;} .s105_02_01{max-width:1315px; margin:0px auto; text-align:center;} .s106_01{} .s106_01 h3 span{display:block; text-align:center; padding-bottom:40px;} .s106_01 p{font-size:20px; line-height:33px; margin-bottom:90px;} .s106_02{max-width:1200px; margin:0px auto; padding-bottom:7%;} .s106_02 iframe{width:100%; min-height:700px;} .s106_03{max-width:1315px; margin:0px auto; padding-bottom:20%;} .s106_03 dl{width:24%; margin:0 1% 1% 0; max-width:290px; display:inline-block; text-align:left; vertical-align:top; height:200px; border:1px solid #e6e6e6; border-radius:12px; padding-top:40px; padding-bottom:35px; /*padding-left:30px; padding-right:30px;*/ padding-right:20px; padding-left:20px;} .s106_03 dt{font-weight:bold; font-size:20px; line-height:25px; margin-bottom:5%; color:#019ced; width:20%; display:inline-block; vertical-align:top;} .s106_03 dd{ font-size:18px; line-height:25px; width:80%; display:inline-block; letter-spacing:-0.04em; padding-left:3%;} .s106_03 dd span{display:block;} .s106_03 dd span:last-child{font-weight:bold; /*margin-top:22px;*/ margin-top:15px;} .s106_03 dl:nth-child(1) dd span:last-child{margin-top:10px;} /*서비스*/ /*중증장애인재택근무*/ .s201{background:none; padding-bottom:15%; } .s201_01{max-width:1315px; width:100%; margin:0px auto; text-align:center;} .s201_01 h3 span{padding-bottom:45px;padding-right:0; padding-left:0; font-size:0; } .s201_01 h3 span img{width:100%; max-width:553px;} .s201_01 p{font-size:20px;} .s201_01_01{width:100%; max-width:810px; margin:0px auto; text-align:center; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6;} .s201_01_01 p{font-size:26px; line-height:45px; background:url("../images/m/s101_c1_line.png") no-repeat bottom; background-size:contain; word-break:keep-all;} .s201_01_01 p:first-child{color:#0078ff; font-size:30px; background:url("../images/m/s101_c1_line.png") no-repeat top; background-size:contain;} .s201_02{width:100%; padding-bottom:130px; margin-top:100px; /*background:#f6f6f6;*/} .s201_02 .s201_02_inbox{width:100%; max-width:1315px;margin:0px auto;} .s201_02 p{padding:2% 5%; background:linear-gradient(to right, #31c6ff, #008aff); border-radius: 15px;} .s201_02 p span{font-size:20px; line-height:26px; text-align:left; color:#fff;} .s201_02 p span:first-child{font-size:26px; line-height:26px; display:inline-block;/* width:22%;*/ vertical-align:top; border-right:2px solid #fff; padding-right:1%; margin-right:2%; } .s201_02 p span:last-child{display:inline-block; width:76%;} /*.s201_02 dl{margin-top:5%;} .s201_02 dl span{display:block;} .s201_02 dt{color:#009fff; font-size:35px; font-weight:bold; padding-left:3%;} .s201_02 dt span:last-child{font-size:26px; color:#000; padding-top:1%;} .s201_02 dd {font-size:21px; line-height:32px; padding:3% 0 0 3%; } .s201_02 dd span:first-child{color:#009fff; padding-bottom:1%; font-weight:bold; } .s201_02 ul li{font-size:21px;background:url("../images/sub/s201_04_icon.gif") no-repeat center left; padding-left:1%; }*/ .s201_02_01{border-top:2px solid #019ced; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; width:49%; margin-right:1%; margin-top:50px; margin-bottom:50px; vertical-align:top; overflow:hidden; height:270px; display:inline-block; padding-right:40px; padding-left:40px; padding-bottom:50px;} .mr_00{margin-right:0;} .s201_02_01 dt {font-size:20px; padding-top:50px; padding-bottom:38px; padding-left:0; font-weight:500; } .s201_02_01 dd{font-size:18px; /*padding-right:3%;*/ font-weight:400;} .s201_02_02{border-radius:25px; padding:; } .s201_02_02 dt, .s201_04 dt{font-size:20px; line-height:26px; color:#898989; font-weight:500; width:28%; display:inline-block; vertical-align:top; background:url("../images/sub/s201_02_02_icon.gif") no-repeat left center; text-align:left; padding-left:43px;} .s201_02_02 dd, .s201_04 dd{font-size:20px; color:#898989; font-weight:300; line-height:27px; width:71%; display:inline-block; text-align:left;} .s201_03{background:url("../images/sub/s201_03_bg.png") no-repeat #efefef; background-position:20% 100%; background-size:cover; text-align:center; padding:100px 0;} .s201_03 p{ font-size:26px; font-weight:500; } .s201_03 p strong{font-family:'Nanum Myeongjo', Serif; letter-spacing:-0.04em;} .s201_03 p:last-child{font-size:20px; line-height:30px; padding-top:35px; color:rgba(0,0,0,0.8); font-weight:400;} .s201_03_01{width:100%; max-width:1315px; margin:0px auto; /*padding-top:1%; padding-bottom:1%;*/ } .s201_03_01 dt{font-weight:bold; font-size:18px;margin-bottom:3px;} .s201_03_01 dt span{font-weight:lighter; color:rgba(0,0,0,0.5); margin-left:3px; letter-spacing:-0.05em; } .s201_03_01 dd{font-size:18px; line-height:23px;} .s201_04{padding-top:50px; padding-bottom:120px; margin-bottom:120px; border-bottom:1px solid #ececec; } .s201_04 dl{width:100%; max-width:1315px; margin:0px auto;} .s201_04 dt{} .s201_04 dd{} .s201_05{width:100%; max-width:1315px; margin:0px auto;padding:0; text-align:center;} .s201_05 h4{margin-bottom:30px;} .s201_05 h4 span{display:block; font-size:40px; font-weight:600; width:100%; max-width:1315px; margin:0px auto; text-align:center; padding-top:60px;} .s201_05 h5 span{background:url("../images/sub/s201_05_step.gif")no-repeat center; color:#009fff; font-size:21px; line-height:21px; width:57px; height:52px; display:block; text-align:center; margin:0px auto; padding-top:20px;} .s201_05 p{font-size:20px; font-weight:400; width:100%; max-width:1315px; margin:0px auto; padding-bottom:75px; text-align:center; word-break:keep-all;} .s201_05 dl{width:20%; min-height:310px; display:inline-block; vertical-align:top; text-align:center; background:#fff; margin-bottom:2%;} .s201_05 dt{font-size:20px; margin-top:40px;} .s201_05 dd{font-size:18px; color:#898989; font-weight:300;} .s201_05 li{font-size:18px; color:#898989; font-weight:300; } .s201_05 li:before{content:"\e91b"; font-family:"xeicon";} .s201_05 .sub_table01{border-top:2px solid #0d0d0d; width:100%; margin-bottom:90px;} .s201_05 .sub_table01 th{background:#efefef; font-weight:bold; font-size:20px; padding:10px 0px; text-align:center; border-right:1px solid #c9caca;border-bottom:1px solid #c9caca; font-weight:500;} .s201_05 .sub_table01 th:last-child, .s201_03 .sub_table01 td:last-child{border-right:0px;} .s201_05 .sub_table01 td{border-bottom:1px solid #c9caca; border-right:1px solid #c9caca; font-size:20px; font-weight:400; color:#474747; padding:15px 0px; background:#fff; text-align:center;} /*.s201_05 .sub_table01 td:last-child{border-right:0px;}*/ /*.s201_05 .sub_table01 td:nth-child(3){border-right:0px;}*/ .sub_table_color{background:#d9f0fc !important; border-right:0px !important;} .sub_table_color01{background-color:#f3f8ff !important; color:#70a9f5 !important; font-weight:bold; /*border-right:2px solid #70a9f5 !important; border-left:2px solid #70a9f5 !important;border-bottom:2px solid #70a9f5 !important;*/} /*업무지원서비스*/ .s202_01{padding-bottom:170px;text-align:center; width:100%; margin:0px auto;} .s202_01 h3 span{padding-bottom:45px;padding-right:0; padding-left:0; } .s202_01 h3 span img{width:100%; max-width:781px;} .s202_01 p{font-size:20px;} .s202_02{ margin-bottom:150px;} .s202_02_01{width:95%; max-width:1315px; margin:0px auto; } .s202_02 dl{width:30%; margin-right:2%; margin-bottom:45px; display:inline-block; vertical-align:top; padding-top:192px; max-height:425px; border-radius:15px; border:1px solid #e6e6e6; overflow:hidden; } .s202_02 dt{font-size:20px; line-height:25px; font-weight:500; background:#fff; margin:40px 7% 0 7%; padding-bottom:20px;} .s202_02 dd{font-size:18px; line-height:28px; background:#fff; padding:0 7%; min-height:205px; letter-spacing:-0.04em;} .s202_02 dl:nth-child(1){background:url("../images/sub/s202_02_01.png") no-repeat top center #fff;} .s202_02 dl:nth-child(2){background:url("../images/sub/s202_02_02.png") no-repeat top center #fff;} .s202_02 dl:nth-child(3){background:url("../images/sub/s202_02_03.png") no-repeat top center #fff;} .s202_02 dl:nth-child(4){background:url("../images/sub/s202_02_04.png") no-repeat top center #fff;} /*장애인 직무교육*/ .s203{padding-bottom:50px;} .s203_01{width:90%; margin:0px auto; text-align:center; padding-bottom:170px;} .s203_01 h3 span{padding-bottom:56px; padding-right:0; padding-left:0;} .s203_01 h3 span img{width:100%; max-width:852px;} .s203_01 p{text-align:center; font-size:30px; font-size:30px; font-weight:bold; font-weight:500;} .s203_01 p:last-child{font-size:20px; line-height:35px; width:100%; margin:0px auto; padding-top:45px;; font-weight:300;} .s203_01 p:last-child strong{font-weight:400;} .s203_02{width:100%; height:auto; margin:0px auto; padding-bottom:180px;} .s203_02 dl{width:100%; max-width:1150px; margin:0px auto; border-bottom:2px solid #eaeaea; background-size:40% !important;} .s203_02 dt{font-size:35px; margin-bottom:40px; font-weight:600;} .s203_02 dd{font-size:20px; line-height:33px; letter-spacing:-0.04em; } .s203_02 dl:nth-child(1){background:url("../images/sub/s203_02_01.png") no-repeat left top; padding-left:35%; padding-top:50px;padding-bottom:160px; margin-bottom:90px; } .s203_02 dl:nth-child(2){background:url("../images/sub/s203_02_02.png") no-repeat 90% top; padding-right:35%; padding-top:100px;padding-bottom:225px; margin-bottom:65px; } .s203_02 dl:nth-child(3){background:url("../images/sub/s203_02_03.png") no-repeat left top; padding-left:35%; padding-top:120px;padding-bottom:220px; margin-bottom:46px;} .s203_02 dl:nth-child(4){background:url("../images/sub/s203_02_04.png") no-repeat 90% top; padding-right:35%; padding-top:120px;padding-bottom:200px; margin-bottom:85px; } .s203_02 dl:nth-child(5){background:url("../images/sub/s203_02_05.png") no-repeat left top; padding-left:35%; padding-top:110px;padding-bottom:130px; border-bottom:0px; } .s204{} .s204_01{margin:0px auto; padding-bottom:160px;} .s204_01 h3 span{padding-bottom:145px; line-height:60px;} .s204_01 h3 span img{max-width:752px;} .s204_01 h4 span{font-size:26px; font-weight:bold; display:block; text-align:left; padding-bottom:40px; width:100%; max-width:1315px; margin:0px auto;} .s204_01 ul{width:100%; max-width:1315px; margin:0px auto; } .s204_01 li{width:32%; height:100px; display:inline-block; vertical-align:top; border:1px solid #e6e6e6; background-position:5% center; background-repeat:no-repeat; text-align:left; margin-right:1%; margin-bottom:1%; padding:2% 3% 2% 7%; font-size:18px;} .s204_01_01{border-bottom:1px solid #ccc;} .s204_01_01 ul{padding:1% 0 3%;} .s204_01_01 li:nth-child(1){background-image:url("../images/sub/s204_01.png");} .s204_01_01 li:nth-child(2){background-image:url("../images/sub/s204_02.png");margin-right:0px;} .s204_01_01 li:nth-child(3){background-image:url("../images/sub/s204_03.png")} .s204_01_01 li:nth-child(4){background-image:url("../images/sub/s204_04.png")} .s204_01_01 li:nth-child(5){background-image:url("../images/sub/s204_05.png"); margin-right:0px;} .s204_01_01 li:nth-child(6){background-image:url("../images/sub/s204_06.png");} .s204_01_01 li:nth-child(7){background-image:url("../images/sub/s204_07.png");} .s204_01_01 li:nth-child(8){background-image:url("../images/sub/s204_08.png");} .s204_01_01 li:nth-child(9){background-image:url("../images/sub/s204_09.png");} .s204_01_01 li:nth-child(10){background-image:url("../images/sub/s204_10.png");} .s204_01_02{} .s204_01_02 h4 span{padding-top:120px;} .s204_01_02 ul{} .s204_01_02 li{} .s204_01_02 li:nth-child(1){background-image:url("../images/sub/s204_11.png"); } .s204_01_02 li:nth-child(2){background-image:url("../images/sub/s204_12.png"); } .s204_01_02 li:nth-child(3){background-image:url("../images/sub/s204_13.png"); } .s204_01_02 li:nth-child(4){background-image:url("../images/sub/s204_14.png"); } .s204_01_02 li:nth-child(5){background-image:url("../images/sub/s204_15.png"); } .s204_01_02 li:nth-child(6){background-image:url("../images/sub/s204_16.png"); } .s204_02{background:#f4f4f4; padding-top:137px; padding-bottom:137px;} .s204_02_01{background:url("../images/sub/s204_btm.png") no-repeat left center; background-size:40%; width:100%; max-width:1315px; margin:0px auto; padding-left:35%; text-align:left;} .s204_02_01 p{font-size:20px; padding-left:3%;} .s204_02_01 h3{width:100%; max-width:1315px; margin:0px auto;} .s204_02_01 h3 span{font-size:35px; text-align:left;font-weight:bold; padding:3% 0 2% 3%; position:relative; z-index:10000;} .s204_02_01 h3 span strong{font-weight:lighter;} .s204_02_1{/*background:#deeffb;*/ padding:5% 0; max-height:450px; width:100%; max-width:1315px; margin:0px auto; position:relative; z-index:10000;} .s204_02_1 dl{ margin-bottom:37px; padding-left:3%;} .s204_02_1 dt{font-weight:bold; font-size:26px;} .s204_02_1 dt:before{content:"\e929"; font-family:'xeicon'; color:#0961d0;} .s204_02_1 dd{font-size:20px; padding-left:25px; padding-top:16px;} /*상생프로젝트*/ /*크랩2.1*/ .s301{padding-top:115px;} .s301_01{width:100%; max-width:1315px; margin:0px auto; } .s301_01 h3 span{font-size:50px; line-height:50px; font-weight:800; display:block; text-align:center; margin-bottom:20px; font-family:'GmarketSans';} .s301_01 h3 span strong{color:#019ced;} /*.s301_01 h3 span img{width:100%; max-width:387px;}*/ .s301_01 p{text-align:center; font-size:30px; font-size:30px; font-weight:bold; font-weight:500;} .s301_01 p:last-child{font-size:20px; line-height:35px; width:100%; margin:0px auto; padding-top:45px;; font-weight:300;} .s301_01 p:last-child strong{font-weight:400;} .s301_02{margin:90px 0; position:relative;} .s301_02_in{max-width:1315px; margin:0px auto; background-image:url("../images/sub/s301_02.png"); background-repeat:no-repeat; background-position:center 45%;} .s301_02_01, .s301_02_02{display:inline-block; vertical-align:top; width:49%; clear:both;} .s301_02_01{margin-right:1%;} .s301_02_02{margin-left:1%;} .s301_02_01_top, .s301_02_02_top{ width:100%; max-width:568px; padding-top:45px; padding-bottom:80px; background-color:#fff; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .s301_02_01_top{border-top:2px solid #0061b3;float:right;} .s301_02_02_top{border-top:2px solid #008aff;float:left;} .s301_02_01_top h4 span, .s301_02_02_top h4 span{font-family:'GmarketSans';font-size:35px; line-height:35px; display:block;text-align:center; margin:0px auto; font-weight:500; padding-bottom:65px;} .s301_02_01_top h4 span{color:#008aff;} .s301_02_02_top h4 span{color:#0061b3;} .s301_02_01_top h5, .s301_02_02_top h5{width:32.5%; margin-right:0.5%; display:inline-block;vertical-align:top;} .s301_02_01_top h5 span, .s301_02_02_top h5 span{color:#222; font-size:22px; display:block; text-align:center; margin:0px auto; padding-top:100px; } .topimg01{background-image:url("../images/sub/s301_02_01.gif"); background-repeat:no-repeat; background-position: top center;} .topimg02{background-image:url("../images/sub/s301_02_02.gif"); background-repeat:no-repeat; background-position: top center;} .topimg03{background-image:url("../images/sub/s301_02_03.gif"); background-repeat:no-repeat; background-position: top center;} .topimg04{background-image:url("../images/sub/s301_02_04.gif"); background-repeat:no-repeat; background-position: top center;} .topimg05{background-image:url("../images/sub/s301_02_05.gif"); background-repeat:no-repeat; background-position: top center;} .topimg06{background-image:url("../images/sub/s301_02_06.gif"); background-repeat:no-repeat; background-position: top center;} .s301_02_01 dl, .s301_02_02 dl{width:32%; display:inline-block; vertical-align:top; margin-top:180px; float:left;} .s301_02_01 dl:last-child{margin-right:0;} .s301_02_02 dl:last-child{margin-right:0;} .s301_02_01 dt, .s301_02_02 dt{border:2px solid #008aff; color:#008aff; font-size:19px; line-height:60px; margin-top:20px; text-align:center;} .s301_02_01 dd, .s301_02_02 dd{color:#585858; text-align:center; font-size:20px; line-height:25px; padding:15px 0; border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; } .s301_02_01 dd span, .s301_02_02 dd span{font-size:18px;} .s301_03{} .s301_03 img{width:100%;} .s301_04{padding-bottom:200px;} .s301_04 div{max-width:1315px; margin:0px auto; padding-bottom:5%;} .s301_04 dl{width:50%; display:inline-block; margin-top:110px; vertical-align:top;} .s301_04 dl:first-child{background:url("../images/sub/s301_04_01.png") no-repeat center 18%; } .s301_04 dl:last-child{background:url("../images/sub/s301_04_02.png") no-repeat center 19%;} .s301_04 dt{font-size:30px; line-height:30px; font-weight:bold; text-align:center; padding-top:165px; font-weight:400; } .s301_04 dt span{font-size:20px; line-height:20px; font-weight:500; display:block;font-family:'GmarketSans'; padding-top:15px;} .s301_04 dd{font-size:20px; max-width:370px; margin:0px auto; text-align:center; line-height:30px; font-weight:300; color:#6d6d6d; padding-top:45px;} .s302{padding-top:115px;} .s302_01{width:100%; max-width:1315px; margin:0px auto; text-align:center; padding-bottom:150px;} .s302_01 h3 span{font-size:50px; line-height:50px; font-weight:800; display:block; text-align:center; margin-bottom:55px; font-family:'GmarketSans';} .s302_01 p{font-size:20px;font-weight:400; margin-bottom:95px;} .s302_01 p strong{font-weight:600;} .s302_01 img{width:100%;} .s302_02{width:100%; border-bottom:1px solid #ececec;} .s302_02_01{width:100%; max-width:1315px; margin:0px auto; padding-bottom:145px; padding-top:40px; padding-left:40%; background-image:url("../images/sub/s302_02.png"); background-repeat:no-repeat; background-position:13% center; background-size:38%; } .s302_02_01 h4 span{font-size:35px; display:block; line-height:45px; font-weight:500; margin-bottom:40px;} .s302_02_01 p{font-size:20px;} .s302_03{margin-top:120px; margin-bottom:200px;} .s302_03 ul{width:100%; max-width:1315px; margin:auto; text-align:center;} .s302_03 li{display:inline-block; width:20%; vertical-align:top; background-repeat:no-repeat; background-position:top center; padding-top:140px; background-size:55%;} .s302_03 li span{display:block; font-size:30px; line-height:30px;} .s302_03 li span:last-child{font-family:'GmarketSans'; font-weight:300; font-size:20px; line-height:20px; margin-top:20px;} .s302_03 li:nth-child(1){background-image:url("../images/sub/s302_03_01.png"); } .s302_03 li:nth-child(2){background-image:url("../images/sub/s302_03_02.png"); } .s302_03 li:nth-child(3){background-image:url("../images/sub/s302_03_03.png"); } .s302_03 li:nth-child(4){background-image:url("../images/sub/s302_03_04.png"); } .s302_03 li:nth-child(5){background-image:url("../images/sub/s302_03_05.png"); } .s302_04{background-color:#f4f4f4; padding-top:160px;padding-bottom:200px;} .s302_04_in{width:100%; max-width:1200px; margin:0px auto; position:relative; background-image:url("../images/sub/s302_04_line.png"); background-repeat: no-repeat; background-position:2% top; background-size:contain; } /*.s302_04_in:before{content:''; width:1px; height:1130px; position:absolute; background-color:#19b9ff; top:25px; left:25px; z-index:1000;}*/ .s302_04_in div{background-repeat:no-repeat; background-position:left 20px; position:relative; z-index:1001;} .s302_04_in div:nth-child(1){background-image:url("../images/sub/s302_04_01.png");} .s302_04_in div:nth-child(2){background-image:url("../images/sub/s302_04_02.png");} .s302_04_in div:nth-child(3){background-image:url("../images/sub/s302_04_03.png");} .s302_04_in div:nth-child(4){background-image:url("../images/sub/s302_04_04.png");} .s302_04_in div:nth-child(5){background-image:url("../images/sub/s302_04_05.png");} .s302_04_in div:nth-child(6){background-image:url("../images/sub/s302_04_06.png");} .s302_04_in div:nth-child(7){background-image:url("../images/sub/s302_04_07.png");} .s302_04 dl{margin-left:100px; background-color:#fff; margin-bottom:10px; border-radius:15px; position:relative; padding-right:65px; padding-left:65px; padding-top:35px; padding-bottom:40px; margin-bottom:40px;} .s302_04 dl:before{content:''; background-image:url("../images/sub/s302_04_icon.png"); background-repeat:no-repeat; background-position:left top; position:absolute; left:-18px; top:0; width:18px; height:60px; } .s302_04 dt{display:inline-block; width:20%;vertical-align:top; font-size:30px; font-weight:600;} .s302_04 dd{display:inline-block; width:79%; font-size:20px; line-height:35px; vertical-align:top; } .s303{padding-top:115px;} .s303_01{width:100%; max-width:1315px; margin:0px auto; text-align:center; padding-bottom:150px;} .s303_01 h3 span{font-size:50px; line-height:50px; letter-spacing:-0.04em; font-weight:800; display:block; text-align:center; margin-bottom:55px; font-family:'GmarketSans';} .s303_01 p{font-size:20px;font-weight:400; margin-bottom:95px;} .s303_01 p strong{font-weight:600;} .s303_01 img{width:100%;} .s303_02{background-color:#efefef; padding-top:170px;padding-bottom:160px;} .s303_02_01{width:100%; max-width:1315px; margin:0px auto; padding-right:60px; padding-left:60px;} .s303_02_01 div{background-color:#fff; border-top:1px solid #008aff; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; width:32%; min-height:990px; margin-right:1%; display:inline-block; vertical-align:top; padding-top:60px;padding-right:70px; padding-left:70px; text-align:center;} .s303_02_01 h4 span{font-size:30px; line-height:40px; font-weight:500; text-align:center; display:block; min-height:80px;} .s303_02_01 ul{margin-top:60px; } .s303_02_01 li{font-size:22px; line-height:32px; background-repeat:no-repeat; background-position:top center; padding-top:165px; padding-bottom:120px; position:relative; } .s303_02_01 li:nth-child(1):after{content:"\e943"; font-family:'xeicon'; font-size:35px; position:absolute; bottom:15%; right:45%; color:#9d9d9d;} .s303_02_01 li:nth-child(2):after{content:"\e943"; font-family:'xeicon'; font-size:35px; position:absolute; bottom:15%; right:45%; color:#9d9d9d;} .s303_02_01a{} .s303_02_01a li:nth-child(1){background-image:url("../images/sub/s303_02_01.png");} .s303_02_01a li:nth-child(2){background-image:url("../images/sub/s303_02_02.png");} .s303_02_01a li:nth-child(3){background-image:url("../images/sub/s303_02_03.png");} .s303_02_01b{} .s303_02_01b li:nth-child(1){background-image:url("../images/sub/s303_02_04.png");} .s303_02_01b li:nth-child(2){background-image:url("../images/sub/s303_02_05.png"); line-height:60px;} .s303_02_01b li:nth-child(3){background-image:url("../images/sub/s303_02_03.png");} .s303_02_01c{margin-right:0;} .s303_02_01c li:nth-child(1){background-image:url("../images/sub/s303_02_07.png");} .s303_02_01c li:nth-child(2){background-image:url("../images/sub/s303_02_08.png"); line-height:60px;} .s303_02_01c li:nth-child(3){background-image:url("../images/sub/s303_02_09.png");} .s303_03{background-image:url("../images/sub/s303_03.png"); background-size:75%; background-repeat:no-repeat; background-position:center bottom; text-align:center; padding-bottom:862px; margin-top:170px; margin-bottom:220px; } .s303_03 h4 span{font-size:26px; display:block;text-align:center; font-weight:500; padding-bottom:30px;} .s303_03 p{font-size:20px;} .s304{padding-top:115px; padding-bottom:225px;} .s304_01{} .s304_01 h3 span{font-size:50px; line-height:60px; letter-spacing:-0.04em; font-weight:800; display:block; text-align:center; margin-bottom:120px; font-family:'GmarketSans';} .s304_02{width:100%; max-width:1315px; margin:0px auto;} .s304_02 dl{ background-image:url("../images/sub/s304_02.png"); background-repeat:no-repeat; background-position:left top; background-size:37%; padding-top:20px; padding-left:50%;} .s304_02 dt{font-size:35px; line-height:45px; font-weight:500; margin-bottom:35px;} .s304_02 dd{font-size:20px; line-height:32px; padding-bottom:135px;} .s304_03{border-top:1px solid #eaeaea; padding-top:115px; text-align:center;} .s304_03 ul{width:100%; max-width:1315px; margin:0px auto;} .s304_03 li{width:19%; margin-right:1%; display:inline-block; vertical-align:top; font-size:26px; line-height:26px; text-align:center; background-repeat:no-repeat; background-size:42%; background-position:top center; padding-top:165px;} .s304_03 li span:last-child{font-size:18px; line-height:18px; display:block; font-family:'GmarketSans'; margin-top:19px;} .s304_03 li:nth-child(1){background-image:url("../images/sub/s304_03_01.png");} .s304_03 li:nth-child(2){background-image:url("../images/sub/s304_03_02.png");} .s304_03 li:nth-child(3){background-image:url("../images/sub/s304_03_03.png");} .s304_03 li:nth-child(4){background-image:url("../images/sub/s304_03_04.png");} .s304_03 li:nth-child(5){background-image:url("../images/sub/s304_03_05.png"); margin-right:0;} .s3051{padding-top:115px; padding-bottom:225px;} .s305_01 h3 span{margin-bottom:55px;} .s305_01 p{margin-bottom:95px;} .s305_02{background-color:#f4f4f4; padding-top:85px; padding-bottom:85px; margin-bottom:130px;} .s305_02 h4 span{display:block; text-align:center; font-size:30px; line-height:30px; margin-bottom:35px; font-weight:500;} .s305_02 p{ font-size:20px;} .s305_03{background-image:url("../images/sub/s305_03.png"); background-repeat:no-repeat; background-position:top center; background-size:90%; width:100%; max-width:1315px; margin:0px auto; padding-top:1030px;} .s305_03 h4 span{font-size:30px; line-height:30px; display:block; text-align:center; font-weight:500; margin-bottom:35px;} .s305_03 h5 span{font-size:30px; line-height:30px; display:block; text-align:center; font-weight:500; margin-top:70px; color:#20b2ff;} .s305_03 p{font-size:20px; line-height:35px;} .s401{width:100%; max-width:1315px; margin:0px auto; padding-bottom:10%;} .s401 .bbs_input{width:100%; height:50px;} /*고객지원*/ .s501, .s502{max-width:1315px; margin:0px auto;} .s503{width:100%; max-width:1315px; margin:0px auto; padding-bottom:10%;} .s503 .bbs_input{height:50px; width:100%;} .s503 .searchBtn button{font-size:13px;} .s501_01, .s502_01{margin-top:7%; text-align:center; border-top:1px solid #ededed;} .s501_01 span{font-size:23px; width:25%; display:inline-block; text-align:center;} .s502_01 span{font-size:23px; width:32%; display:inline-block; text-align:center;} .s501_01 span a, .s502_01 span a{color:#b5c5ce;border-bottom:2px solid #d7dee2; /*border-top:1px solid #fff;border-left:1px solid #fff;*/ display:block; padding:7% 0;} .s501_01 span:last-child a{} .s501_01 span .on, .s502_01 span .on{color:#008aff; font-weight:bold; /*background:#f4f4f4;*/ border-bottom:3px solid #008aff;/*border-top:1px solid #008aff;border-right:1px solid #008aff;border-left:1px solid #008aff;*/} .s501_01 span a:hover, .s502_01 span a:hover{color:#008aff; font-weight:bold; border-bottom:3px solid #008aff;/*border-top:1px solid #008aff;border-right:1px solid #008aff;border-left:1px solid #008aff;*/} .s501_02, .s502_02{padding:7% 5%;} .s501_02 h4 span, .s502_02 h4 span{font-size:30px; line-height:30px; margin-bottom:3%; padding-left:2%; display:block; font-weight:bold; border-left:4px solid #222527;} .s501_02 h4 span strong{font-weight:300; letter-spacing:-0.06em;} .s501_02 .s501_02_01{} .s501_02 dl, .s502_02 dl{margin-top:4%;} .s501_02 dt, .s502_02 dt{font-size:23px;font-weight:bold; margin-bottom:2%; } .s501_02 dd, .s502_02 dd{font-size:18px; line-height:28px; } .s501_02 .s501_02_01 dt{color:rgba(34,37,39,1);} .s501_02 .s501_02_01 dd{font-size:19px; line-height:25px;} .s501_02 .s501_02_02 dt{color:#1fb5ff;} .s501_02 .s501_02_02 dd{color:rgba(34,37,39,0.85);} .s501_02 .s501_02_02 .s501_02_02_plus{background:#f4f4f4; padding:3%;margin-top:3%;} .s501_02 .s501_02_02 dd h5 span{font-size:16px; margin-top:5px;} .s501_02 .s501_02_02 dd p{font-size:16px; margin-top:5px;font-weight:bold;} .s501_02 .s501_02_02 .s501_02_02_plus ul{margin:10px 5px 25px 5px;} .s501_02 .s501_02_02 .s501_02_02_plus li{font-size:16px; line-height:25px; margin-bottom:5px; font-weight:300;} .s501_02 h5 span, .s502_02 h5 span{font-size:23px;margin-top:7%; margin-bottom:2%; display:block;} .s501-1_02 h5 span{font-size:23px;margin-top:7%; margin-bottom:2%; display:block; font-weight:bold;} .s501_02 p, .s502_02 p{font-size:22px; line-height:32px;} .s501-2_02{} .s501-2_02 dd h5 span {} .s501-2_02 dd h6 span {font-size:20px;} .s501-2_02 dd ul{margin:1% 1% 2% 1%;} .s501-2_02 dd li{font-size:18px;} .s502-1_02 p{ position:relative; padding-left:18px; padding-bottom:1%; line-height:30px;} .s502-1_02 p:before{content:"\e9b1";font-family:"xeicon"; color:#70a9f5; font-size:10px; padding-right:5px; position:absolute; left:0;} .s502 dd p{font-size:16px; line-height:25px; margin-top:2%; padding:1% 2%; background:rgba(0,0,0,0.05); } .s502 .s502_02 ul{margin:10px 5px 25px 5px;} .s502 .s502_02 li{font-size:16px; line-height:25px; color:rgba(0,0,0,0.7);} .s502_02_li_icon li:before{content:"\e91b"; font-family:"xeicon";} .s502_02_dd_icon dd{position:relative; padding-left:16px;} .s502_02_dd_icon dd:before{content:"\e9b1";font-family:"xeicon"; color:#70a9f5; font-size:10px; padding-right:5px; position:absolute; left:0;} .s603_01{} .s603_02{} /* .s603_02 h4 span{font-size:25px; margin-top:50px; display:block; } .s603_02 p{font-weight:300;} .s603_02 a{display:block; color:#fff; font-size:14px; line-height:37px; text-decoration:none; cursor:pointer; padding-right:10px; padding-left:10px; background:#70a9f5;border:1px solid #70a9f5;} .s603_02 .choice01{color:#70a9f5; background-color:#fff; border:1px solid #70a9f5;} .s603_02 a svg{ color:#fff; vertical-align:middle;} .s603_02 span{display:inline-block;} .s603_02 table{border-top: 1px solid #dce3e2;} .s603_02 table th{font-size:16px; font-weight:400; background:#f3f6fa; color:#222; padding:15px 0 15px 10px; border-bottom: 1px solid #dce3e2; border-right: 1px solid #dce3e2; border-left: 1px solid #dce3e2; } .s603_02 table td{font-size:14px; font-weight:300; padding:15px 0 15px 10px; border-top: 1px solid #dce3e2; border-bottom: 1px solid #dce3e2; border-right: 1px solid #dce3e2; border-left: 1px solid #dce3e2; } .s603_02 label{line-height:35px; margin-right:10px;} .s603_02 label span{line-height:35px; display:inline-block; vertical-align:middle;} .s603_02 label span img{vertical-align:middle;} .s603_02 input{font-size:14px; line-height:35px; border:1px solid #cdcdcd; vertical-align:middle;} .s603_02 input[type="text"]{vertical-align:top;} .s603_02 input[type="radio"]{width:20px; height:20px; line-height:35px; margin-right:2px;} .s603_02 input[type="checkbox"]{width:20px; height:20px; line-height:35px; margin-right:5px;} .s603_02 select{font-size:14px; line-height:35px; height:37px; border:1px solid #cdcdcd; font-weight:300;} .s603_02 textarea{border:1px solid #cdcdcd; width:95%; font-size:14px;} */ .s603_02_01{} .s603_02_01_img{width:130px; height:170px; background:#fff; border:1px solid #ededed; margin:0px auto;} .s603_02_01_img img{width:95%; text-align:center;} .s603_02_01_name{ text-align:center; margin-top:8px;} .s603_02_01_name span{display:block; width:100%; font-size:16px; font-weight:300;} .s603_02_01_name span:last-child{} .s603_02_01 table{width:100%; border-top:2px solid #dce3e2;} .s603_02_01 table th{background:#f3f6fa;} .s603_02_01 table td{} .s603_02_01 table td a{display:inline-block;} .s603_02_02{} .s603_02_03{} .s603_02_03 p strong{font-weight:500;} .s603_02_04{} .s603_02_04 ul{/*width:20%;*/ display:inline-block;} .s603_02_04 div{display:inline-block;} .s603_02_04 li{display:inline-block;} .s603_02_04 li:last-child a{border-left:0px;} .s603_02_05{} .s603_02_05_tit{} .s603_02_05_tit h4{position:relative;} .tit_detail{position:absolute; margin-top:0px !important; top:0; right:0;} .tit_detail span{font-size:14px !important; font-weight:300;margin-top:0px !important; color:#696969;} .tit_detail_in{font-weight:400 !important;} .tit_detail img{vertical-align:middle;} .s603_02_05_file{} .s603_02_05_file div{display:inline-block; padding-top:20px; vertical-align:top;} .h_form{width:100%;display:block;} .s603_02_05_file div input[type="file"]{width:100%;} .s603_02_05_file div:nth-child(1){width:15%;} .s603_02_05_file div:nth-child(2){width:50%;} .s603_02_05_file div:nth-child(3){width:30%;} .s603_02_06{} .s603_02_07{margin-bottom:50px;} .s603_02_07 textarea{height:400px;} .s603_02_07_tit{position:relative;} .s603_02_07_tit a{position:absolute; width:200px; top:0px; left:110px; text-align:center; cursor:pointer;} .s603_02_07 h5 span{ font-size:18px; margin-top:10px; font-weight:300; } .s603_btn input[type="submit"]{display:block; text-align:center; width:200px; margin:0px auto; cursor:pointer; font-size:20px; line-height:50px;} .s605{margin-bottom:120px;} .s605_02{max-width:800px; margin:0px auto;} .s605_02 div{width:49%; max-width:380px; height:380px; display:inline-block; text-align:center;} .s605_02 a{border:1px solid #d6d8da; border-radius:20px; display:block; height:100%; box-shadow:1px 1px 3px rgba(0,0,0,0.2);} .s605_02 a:hover{background-color:#ededed;} .s605_02 h4 span{display:block; text-align:center; font-size:28px; font-weight:500; padding-top:63%;} .s605_02 p{font-size:20px; font-weight:400; color:rgba(0,0,0,0.4); padding-top:10px;} .s605_02_01 a{background-image:url("../images/sub/s605_01.png"); background-repeat:no-repeat; background-position:center 35%; margin-right:1%;} .s605_02_02 a{background-image:url("../images/sub/s605_02.png"); background-repeat:no-repeat; background-position:center 35%; margin-left:1%;} .s605_02_01 a{border:1px solid #008cff;} .s605_02_01 h4 span{color:#008cff;} .s605_02_01 a p{} .s605_02_02{} .s606_02{max-width:1000px; margin:0px auto;} .s701{} .s702{} .s703{width:100%; max-width:1315px; margin:0px auto;} .s703_02{margin-top:100px;} .s703_02 p{font-size:20px; text-align:left;} .s703_02 h4 span{font-size:30px; font-weight:500; margin-top:90px; display:block;} .s703_02 ul{} .s703_02 li{text-align:left; font-size:18px;background-image:url("../images/sub/s201_04_icon.gif"); background-repeat:no-repeat; background-position:left 9px;} .s701_01 h3 span, .s702_01 h3 span, .s703_01 h3 span{} .step_end{max-width:100%; text-align:center; background:url("../images/sub/step_end.png") no-repeat center top; padding-top:130px;} .step_end p:first-child{font-size:40px;} .step_end p:nth-child(2){font-size:18px; padding-top:80px; font-weight:300; margin-bottom:40px;} .step_end a{ font-size:25px; color:#fff; background-color:#008cff; padding:20px 40px; width:35%; display:block; margin:0px auto; } .space_block{} .space_block a{display:inline-block;} .space_block span:last-child{letter-spacing:-1px; color:#999} .line20_input{width:20%;} .line30_input{width:30%;} .line40_input{width:40%;} .line50_input{width:50%;} .line60_input{width:60%;} .space_btm{margin-bottom:5px;} .space05_r{margin-right:5px;} .space05_l{margin-left:5px;} .space10_r{margin-right:10px;} .space10_l{margin-left:10px;} .space40_t{margin-top:40px;} .t_text_r{text-align:right;} .t_text_l{text-align:left;} .board_tit{font-size:20px; font-weight:bold; font-family:'Dotum';} .selectbox{padding-right:10px !important; padding-left:10px !important; border-right:0px !important; height:50px !important;} .searchBtn button{padding-right:25px !important;padding-left:25px !important; background:#454a54 !important; border-top-right-radius:5px; border-bottom-right-radius:5px; height:50px;} .story_search{padding:15px 0; background:#f4f4f4; } .listBtn{display:block; margin:0px 0px 10px 0; } .listBtn button{background:#fff !important; border:1px solid #adaeb1 !important; color:#adaeb1 !important; border-radius:5px; /*width:80px; height:80px; box-shadow:1px 1px 2px rgba(0,0,0,0.2);*/ } .listBtn button:hover{background:#adaeb1 !important; color:#fff !important; text-shadow:1px 1px 2px rgba(0,0,0,0.2); } .s_font{} .s_font a{font-size:14px; line-height:18px; } .s_font a:hover{color:#02069f !important;} .s_font a:hover .board_tit span{color:#3a6dd6 !important;} .s_font_sm{padding:10px 0px;} .board_imgbox{} .board_imgbox a{display:block;} .board_imgbox a img{width:100%; min-width:95px; max-width:200px;} .t_boardbox{border-top:1px solid #ededed;} .s601{width:100%; max-width:1315px; margin:0px auto; padding-bottom:10%;} .sub_table02{} .sub_table02 th{ background:#70a9f5; color:#fff; font-size:21px; padding:2% 0; text-align:center; font-weight:bold; border-bottom:1px solid #6290cd; border-left:1px solid #70a9f5; border-right:1px solid #70a9f5;} .sub_table02 td{color:#222527; font-size:19px; padding:1% 0; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; text-align:center;} .sub_table02 td:last-child{border-right:0px;} .sub_table_color01tran{border-bottom:1px solid #c8c8c8 !important;} .table_plus{margin-bottom:5px;} .table_plus th{border-left:1px solid #6290cd !important; border-right:1px solid #6290cd !important;} .sub_table03{margin-bottom:5px;} .sub_table03 th{font-size:20px; padding:1% 0; text-align:center; background:rgba(0,0,0,0.05); /*color:#70a9f5; font-weight:bold;*/ border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;} .sub_table03 td{color:#222527; font-size:17px; line-height:23px; padding:1% 3%; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; text-align:left; } .contact_L_btn{width:100%; display:inline-block;} .space_point01{width:100% !important;} .mo_tabbox .mo_tab a{padding-right:5% !important; padding-left:5% !important; letter-spacing:-0.1em; } .mo_tabbox .mo_tab a:hover{color:#339519 !important; border:2px solid #339519; } .mo_tabbox .mo_tab.on a{color:#339519 !important; border:2px solid #339519; background:#fff !important;} .mo_tabbox .mo_tab.t3 a:hover{border:2px solid #339519 !important;} .mo_tabbox .mo_tab.t3.on a{border:2px solid #339519 !important;} .mo_tabbox .mo_tab.t3 a span{display:inline-block; font-size:13px;} .input_number >button{border-radius:50%; width:35px !important; height:35px !important; margin-top:7px; margin-right:3px; margin-left:3px; font-size:25px !important; line-height:25px !important;} .input_number >button:hover{color:#339519 !important; border:1px solid #339519;} .input_number >input[type="text"]{border-left:1px solid #dfdfdf !important;} .mowrite_R .mo_inner .mo_titsub li .line-tot{border-bottom:0px !important;} .mowrite_R .mo_inner .mo_titsub li dl.line-tot dd{width:100%; text-align:right; color:#339519 !important; border:1px solid #339519; background:#fff; line-height:60px; padding-right:5%;} .mowrite_R .mo_inner .mo_titsub li dl.line-tot dt span:first-child{font-size:18px; display:block;} .mowrite_R .mo_inner .mo_titsub li dl.line-tot dt span{ color:#000 !important; font-size:22px;} .mowrite_R .mo_inner .mo_titsub li dl.line-tot span{color:#339519 !important;} .expect_mo{padding-left:43px; padding-right:43px;} .mo_extit{background:#f7f8f8 !important; color:#212121 !important; font-weight:bold; text-align:left !important; border-bottom:1px solid #c9c9c9; padding-top:40px !important; padding-left:0px !important; padding-right:0px !important;} .mo_extit span:first-child{border-left:4px solid #212121; padding-left:20px; font-size:30px; line-height:30px; display:inline-block; } .mo_extit span:last-child{font-weight:lighter;} .mo_extit::after{display:none;} .mowrite_R .mo_inner .mo_formbody{padding-right:0px !important; padding-left:0px !important;} .mowrite_R{background:#f7f8f8;} .plus_color01{background:#dff2fc !important;} .plus_color01 .mo_extit{background:#dff2fc !important;} .plus_color01 .mo_inner .mo_titsub li{background:#dff2fc !important;} .plus_color01 .mo_inner .mo_formbody{background:#dff2fc !important;} .plus_color02{background:#fff9e6 !important;} .plus_color02 .mo_extit{background:#fff9e6 !important;} .plus_color02 .mo_inner .mo_titsub li{background:#fff9e6 !important;} .plus_color02 .mo_inner .mo_formbody{background:#fff9e6 !important;} .contact_L_btn a:first-child{color:#339519 !important; font-weight:bold; border:2px solid #339519 !important; } .contact_L_btn a:last-child{border:1px solid #e5e6e6; color:#1e1e1e;} ul.bbs_view{padding-bottom:0px !important} #bbsVieContents{width:100%;padding-top:20px; background:#f8f8f8;} #bbsVieContents table{width:100%;} #bbsVieContents .table_img_point{width:100% !important;} #bbsVieContents table span, #bbsVieContents table p, #bbsVieContents table a{padding:0 3%; display:block;} .bbs_view li.tit{border-top:1px solid #f4f4f4;} .bbs_view li.tit span.subject{padding-left:2% !important;} .mo_tabbox .mo_tab.t3 a{padding:20px 13px !important;} @media only screen and (max-width:1680px){ .sub_common h3 span{font-size:45px; line-height:45px;} .sub_common .subtit .tit_p{font-size:19px; line-height:26px;} .sb101_01_01 .s101_txt1{margin-bottom:0;} .sb101_01_01 p:last-child{margin-bottom:15%;} .sb101_2 h4 span{font-size:30px; line-height:30px; margin-bottom:1%;} .sb101_2 h4 span strong{line-height:30px;} .sb101_3{padding-bottom:10%; padding-top:10%;} .sb101_3 h4 span{font-size:24px; line-height:23px; padding-bottom:2%;} .sb101_3 p{font-size:18px; padding-bottom:4%;} .sb101_3 dl{padding-top:19%; padding-left:3%; padding-right:3%; background-size:115%;} .sb101_3 dt{padding-top:12%; padding-bottom:5%;} .sb101_3 dd{font-size:16px;} .sb101_4 {width:100%; margin-top:14%; margin-bottom:14%;} .sb101_4 h4 span{font-size:24px; line-height:24px; padding-bottom:2%;} .sb101_4 p{font-size:19px; padding-bottom:4%;} .s102{width:100%; max-width:1680px; background-size:60%; } .s102_in{width:95%;} .s102_txt1{width:55%;} .s102_01{margin-bottom:9%;} .s102_2{width:100%; max-width:1680px;} .s102_in_2{right:-5%;} .s102_02_01 div:before{width:410px; height:410px;} .s103{padding-top:15%;} .s104_02 ul{padding-right:5%;} .s104_02 ul li:last-child{min-height:200px;} .s104_02 ul li span{font-size:20px;} .s104_02 ul li span:first-child{font-size:33px; line-height:36px;} .s201_01 h3 span{width:97%;} .s202_02 dt{} .s202_02 dd{} .s203_01{} .s203_01 h3 span{width:97%;} .s203_02{} .s204_02_01{padding-left:40%;} .s204_01 h3 span img{width:97%;} .s204_02_01 h3 span{font-size:33px; line-height:33px;} .s301_02_01 dl{margin-left:0; margin-right:1%;} .s302_02_01{padding-left:48%; background-position:9% 21%;} .s302_02_01 h4 span{font-size:33px;} .s304{padding-top:10%; padding-bottom:15%;} .s304_01 h3 span{font-size:45px; line-height:55px; margin-bottom:8%;} .s304_02 dl{padding-top:1%;} .s304_02 dt{font-size:33px; margin-bottom:5%;} .s304_02 dd{font-size:18px; line-height:30px; padding-bottom:20%;} .s304_03{padding-top:11%;} .s304_03 li{font-size:23px; line-height:23px; padding-top:13%;} .s304_03 li span:last-child{font-size:16px; line-height:16px; margin-top:7%;} .s3051{padding-bottom:14%;} .s305_01 h3 span{margin-bottom:2%;} .s305_01 p{margin-bottom:6%;} .s305_02{padding-top:5%; padding-bottom:5%; margin-bottom:8%;;} .s305_02 h4 span{font-size:27px; line-height:27px; margin-bottom:2%;} .s305_03{padding-top:65%;} .s305_03 h4 span{font-size:27px; line-height:27px; margin-bottom:2%;} .s305_03 h5 span{font-size:27px; line-height:27px; margin-top:5%;} } @media only screen and (max-width:1100px){ .sub_common{padding-top:15%;} .sub_common h3 span{font-size:40px; line-height:40px;} .sub_common_02{padding-top:13%;} .sub_common h3 span{} .sub_common_02 h3 span{font-size:40px; } .sb101_2 h4 span{font-size:28px;} .sb101_2 p{margin-bottom:5%;} .sb101_3 dl{/*padding-top:23%;*/} .sb101_3 dt{} .s102{padding-top:15% !important;} .s102 h3 span{padding-bottom:4%;} .s102_02_01 div{padding-left:2%; padding-right:40%;} .s102_02_01 div:before{width:390px; height:390px;} .s102_txt1{width:57%; font-size:18px;} .sb101_01 h3 span{margin-bottom:4%;} .sb101_2{} .s102_02_02{padding-top:8%; padding-right:2%; padding-left:2%;} .s102_in_2 img{width:100%;} .s102_name{font-size:20px; bottom:-5%;} .s102_name span{font-size:25px;} .s103_1{margin-bottom:8%;} .s103_1 h3 span{} .s103_1 p{} .s103_2{width:96%; padding-top:14%; max-width:900px; padding-right:10%; padding-left:10%; padding-bottom:16%;} .s103_2 dl{/*background-position:center 116%;*/} .s103_2 dt{font-size:30px;} .s103_2 dt span{left:15%; top:32%;} .s103_2 dd{width:80%; background-size:78%; font-size:20px; line-height:23px;} .s103_2 dd span{width:160px; height:160px; line-height:160px; font-size:27px;} .s103_3{padding-top:8%;padding-bottom:8%;} .s103_3 p{font-size:18px;} .s103_3 span{font-size:20px;} .s103_4{margin-top:11%; margin-bottom:11%;} .s103_4 li{font-size:23px; background-size:65%; } .s103_5{padding-top:10%;} .s104_01 p{margin-bottom:11%;} .s104_02 ul{padding-right:3%;} .s104_02 ul li:first-child{font-size:35px;} .s104_02 ul li:last-child{min-height:250px;} .s104_02 ul li span{font-size:16px;} .s104_02 ul li span:first-child{font-size:28px; line-height:36px;} .s104_02 ul li span:last-child{line-height:21px;} .s104_02 p{font-size:25px; line-height:35px; padding:0 10%;} .s104_02_btm02{ padding-top:2% !important;} .s105{padding-bottom:20%;} .s105_01{margin-bottom:11%;} .s105_02 ul li{} .s105_02_01{width:95%; margin:0px auto;} .s105_02 .s105_02_01_in{width:30%; margin-right:1%; min-height:445px;} .s105_02 .s105_02_01_in h4 span{font-size:16px;} .s106_01 p{margin-bottom:11%;} .s106_02{max-width:1100px; margin:0px auto; padding-bottom:7%;} .s106_02 iframe{width:95%; min-height:500px;} .s106_03{width:95%;} .s106_03 dl{padding-right:3%; padding-left:3%; padding-top:5%; padding-bottom:4%; height:280px;} .s106_03 dt{width:100%;} .s106_03 dd{font-size:16px;width:100%;} .s201{} .s202_01{padding-bottom:9%;} .s201_01_01{width:90%;} .s201_01 h3 span{padding-bottom:4%;} .s201_01_01 p{padding:0 5%; font-size:20px; line-height:40px;} .s201_01_01 p:first-child{font-size:25px;} .s201_02{margin-top:10%; padding-bottom:12%; background-size:60%; padding-right:2%; padding-left:2%;} .s201_02 h3 span{font-size:50px;} .s201_02 p{} .s201_02 p:last-child{font-size:19px !important;} .s201_02 p span:last-child{line-height:25px;} .s201_02_01{padding-left:3%; padding-right:3%; padding-bottom:5%; margin-top:5%; margin-bottom:5%;} .s201_02_01 dt{font-size:18px; padding-top:11%; padding-bottom:8%;} .s201_02_01 dd{font-size:16px; line-height:24px;} .s201_02_02 dt, .s201_04 dt{padding-left:4%; font-size:18px;} .s201_02_02 dd, .s201_04 dd{font-size:18px;} .s201_03{padding:10% 3% 8% 3%;} .s201_03 p{font-size:24px;/* padding-bottom:4%;*/} .s201_03 h4{padding-top:6%; padding-bottom:2%;} .s201_03 h4 span{font-size:25px;} .s201_05 .sub_table01{margin-bottom:9%;} .s201_03 .sub_table01 th{font-size:20px;} .s201_03 .sub_table01 td{font-size:19px;} .s201_03_01{} .s201_03_01 p{} .s201_03 p:last-child{padding-top:3%; font-size:18px;} .s201_04{padding-top:5%; padding-bottom:11%; padding-right:2%; padding-left:2%; margin-bottom:11%;} .s201_04 p{font-size:35px; padding:13% 0% 8%;} .s201_04 dt{} .s201_04 dt span{} .s201_04 dt span:last-child{font-size:18px;} .s201_04 dd{font-size:18px; line-height:26px;} .s201_04 ul li{font-size:18px;} .s201_04_01{/*background-size:15%; padding-left:18%;*/} .s201_04_02{/*background-size:14%; padding-left:18%; margin-top:10% !important;*/} .s201_04_01:before{width:95px; height:95px; left:43%;} .s201_05{width:94%;} .s201_05 h4{margin-bottom:3%;} .s201_05 h4 span{font-size:31px; padding-top:6%;} .s201_05 h5 span{font-size:20px;} .s201_05 .sub_table01 th{font-size:18px;} .s201_05 .sub_table01 td{font-size:18px;} .s201_05 p{padding-bottom:7%; font-size:18px;} .s201_05 dl{min-height:295px; background-size:12%;/* width:23%;*/} .s201_05 dt{font-size:19px; margin-top:18%;} .s201_05 dd{font-size:17px;} .s201_05 dd ul li{font-size:16px; line-height:20px; letter-spacing:-0.06em;} .s201_05 li:before{font-size:13px;} .s202_01 h3 span{width:95%; margin:0px auto; padding-bottom:4%;} .s202_02 dt{font-size:18px; padding-bottom:5%; margin-top:12%;} .s202_02 dd{font-size:16px; line-height:23px;} .s203_01 h3 span{padding-bottom:2%;} .s203_01 p{font-size:25px;} .s203_01 p:last-child{padding-top:5%;} .s203_02{width:95%; max-width:900px; min-height:800px;} .s203_02 dl:nth-child(1){padding-top:5%; padding-bottom:18%; margin-bottom:10%; padding-left:45%;} .s203_02 dl:nth-child(2){padding-right:50%; padding-top:11%; padding-bottom:24%; margin-bottom:7%;} .s203_02 dl:nth-child(3){ padding-left:45%;padding-top:12%; padding-bottom:23%; margin-bottom:7%;} .s203_02 dl:nth-child(4){padding-right:50%; padding-top:11%; padding-bottom:24%; margin-bottom:9%;} .s203_02 dl:nth-child(5){padding-left:45%; padding-top:12%; padding-bottom:13%;} .s203_02 dt{font-size:30px;} .s203_02 dd{font-size:18px;} .s203_02_02 h4 span{font-size:24px;} .s204_01 h3 span{padding-bottom:15%;} .s204_01 h4 span{font-size:24px; padding-bottom:4%;} .s204_01 li{font-size:16px; padding-left:9%;} .s204_02_01{padding-left:43%;} .s204_02_1 dl{ padding-left:4%; margin-bottom:6%;} .s204_02_1 dt{font-size:24px; line-height:24px;} .s204_02_1 dd{font-size:18px; padding-top:3%; padding-left:4%;} .s204_02 h3 span{font-size:26px; padding-left:4%;} .s204_02:before{height:330px; right:-6%;} .s204_02:after{height:270px;} .s301{padding-top:15%;} .s301_01 h3 span{font-size:40px; line-height:40px; margin-bottom:2%;} .s301_02{margin:7% 0; padding-right:2%; padding-left:2%;} .s301_02_in{padding-right:2%; padding-left:2%; background-position:center 36%;} .s301_02_01_top, .s301_02_02_top{padding-top:8%; padding-bottom:11%;} .s301_02_01_top h4 span, .s301_02_02_top h4 span{font-size:28px; padding-bottom:7%;} .s301_02_01_top h5 span, .s301_02_02_top h5 span{font-size:18px; padding-top:59%;} .s301_02_01 dl, .s301_02_02 dl{margin-left:0; margin-right:1%; margin-top:50%;} .s301_02_01 dt, .s301_02_02 dt{margin-top:12%; padding:9% 0;} .s301_02_01 dd, .s301_02_02 dd{ font-size:18px; line-height:18px; padding:9% 0;} .s301_02_01 dd span, .s301_02_02 dd span{display:block; font-size:16px;} .s301_04{padding-bottom:20%;} .s301_04 dl{background-size:35% !important; background-position:center top !important; margin-top:11%;} .s301_04 dt{font-size:26px; line-height:26px; padding-top:35%;} .s301_04 dt span{font-size:18px; line-height:18px; padding-top:3%;} .s301_04 dd{font-size:18px; padding-top:10%;} .s302{padding-top:15%;} .s302_01{padding-bottom:13%;} .s302_01 h3 span{font-size:40px; line-height:40px; margin-bottom:7%;} .s302_01 p{font-size:18px; margin-bottom:9%;} .s302_01 img{padding-right:2%; padding-left:2%;} .s302_02_01{padding-top:4%; padding-bottom:13%; padding-right:2%;} .s302_02_01 h4 span{font-size:30px; margin-bottom:7%;} .s302_02_01 p{font-size:18px;} .s302_03{margin-top:13%; margin-bottom:20%;} .s302_03 li{padding-top:12%;} .s302_03 li span{font-size:25px;} .s302_03 li span:last-child{font-size:18px; margin-top:6%;} .s302_04{padding-top:13%; padding-bottom:20%;} .s302_04_in{padding-right:2%;padding-left:2%;background-position:4% top;} .s302_04 dl{padding-top:3%; padding-bottom:4%;padding-right:5%; padding-left:5%; margin-bottom:5%; margin-left:10%;} .s302_04 dl:after{left:4%;} .s302_04 dt{font-size:25px; line-height:28px;} .s302_04 dd{font-size:17px; line-height:28px; padding-left:3%;} .s303{padding-top:15%;} .s303_01{padding-bottom:15%;} .s303_01 h3 span{font-size:40px; line-height:40px; margin-bottom:7%;} .s303_01 p{font-size:18px; margin-bottom:9%;} .s303_02{padding-top:15%; padding-bottom:15%;} .s303_02_01{padding-right:7%; padding-left:7%;} .s303_02_01 div{padding-top:7%; padding-right:5%; padding-left:5%; min-height:auto; } .s303_02_01 h4 span{font-size:25px; line-height:35px; min-height:70px;} .s303_02_01 ul{margin-top:25%; min-height:auto;} .s303_02_01 li{background-size:60%; padding-top:63%; padding-bottom:34%; font-size:19px; line-height:30px;} .s303_02_01 li:nth-child(1):after{font-size:30px; bottom:10%;} .s303_02_01 li:nth-child(2):after{font-size:30px; bottom:10%;} .s303_03{margin-top:15%;margin-bottom:20%; padding-bottom:50%;} .s303_03 h4 span{font-size:23px;} .s303_03 p{font-size:18px;} .s401{width:96%; margin:0px auto;} .s503{width:96%; margin:0px auto;} .s601{width:96%; margin:0px auto;} .s603_02{width:96%; margin:0px auto;} .step_end{padding-top:12%;} .step_end p:first-child{font-size:34px;} .step_end p:nth-child(2){font-size:16px; margin-bottom:4%; padding-top:5%;} .step_end a{font-size:22px; padding:2% 7%;} .space_point .mo_select .mo_tit{min-height:36px;} } @media only screen and (max-width:850px){ .sub_common h3 span{font-size:35px; line-height:35px;} .sub_common_02 h3 span{font-size:35px; } .sb101_2 h4 span{font-size:26px;} .sb101_3 dl{/*padding-top:25%;*/} .sb101_3 dt{} .sb101_3 dd{line-height:22px;} .s102_02_01 div{} .s102_02_01 div:before{width:360px; height:360px;} .s102_02_01 p{font-size:30px; } .s103_1 h3 span img{width:auto; max-height:37px;} .s105{/*padding-top:20%;*/} .s105_01{/*margin-bottom:15%;*/} .s105_02 .s105_02_01_in h4 span{padding-top:25px;padding-right:15px;padding-left:15px;} .s105_02 .s105_02_01_in h4 span strong{font-size:25px;} .s105_02 .s105_02_01_in ul{padding-top:20px;padding-right:15px;padding-left:15px;} .s105_02 .s105_02_01_in ul li{font-size:17px;} .s106_03 dl{height:230px; padding-right:2%; padding-left:2%;} .s106_03 dt{font-size:18px;} .s106_03 dd span{font-size:16px; line-height:1.4;} .s106_03 dd span:last-child{font-size:15px; margin-top:15px;} .s201_02{/*padding-top:5%;*/ background-size:64%; background-position:100% 34%;} .s201_02 h3 span{width:65%; padding-left:10%; font-size:45px;} .s201_03_01 p{} .s201_02 p:last-child{font-size:17px !important; line-height:23px;} .s201_05 dl{min-height:220px; width:32%; margin-bottom:5%;} .s201_05 dl:before{width:15px; right:-15px; height:33px;} .s201_05 dl:nth-child(1){z-index:8; margin-left:0; width:32%; padding-left:3%;} .s201_05 dl:nth-child(4){z-index:8; margin-left:0; width:32%; padding-left:3%;} .s201_05 dt{/*margin-top:0;*/} .s201_05 dt, .s201_05 dd{font-size:16px;} .s203_02{} .s203_02 dt{font-size:28px; line-height:35px;} .s203_02 dd{font-size:16px; line-height:26px;} .s204_02_01 h3 span{font-size:24px;} .s204_02_01 h3 span strong{font-size:24px;} .s204_02:before{height:280px; right:-25%;} .s204_02_01 p{font-size:16px;} .s204_02_1 dt{font-size:22px;} .s204_02_1 dd{font-size:16px;} .s301_01{} .s301_01 h3 span{font-size:27px; line-height:27px;} .s301_01 p{font-size:26px;} .s301_01 p:last-child{font-size:16px; line-height:25px; padding-top:3%;} .s301_02_in{padding:0 1%; background-size:70%;background-position:center 43%;} .s301_02_01_top, .s301_02_02_top{background-position:center 28% !important; background-size:70%; min-height:235px; } .s301_02_01_top h4 span, .s301_02_02_top h4 span{font-size:24px;} .s301_02_01_top h5 span, .s301_02_02_top h5 span{font-size:16px; line-height:19px; background-size:70%;} .s301_02_01_top h5 .space{ padding-top:30%;} .s301_02_01 dl:last-child{margin-right:0;} .s301_02_01 dl, .s301_02_02 dl {margin-top:40%;} .s301_02_01 dt, .s301_02_02 dt{font-size:16px; line-height:16px;} .s301_02_01 dd, .s301_02_02 dd{font-size:13px; line-height:13px; } .s301_02_01 dd span, .s301_02_02 dd span{font-size:12px;} .s301_04 dt{font-size:20px; line-height:25px;} .s302_04_in div{background-size:6%; background-position:left 16px;} .s302_04 dl:before{width:14px; top:-10px; left:-14px;} .s302_04 dd{font-size:16px; line-height:25px;} .s301_04 dd{font-size:14px; line-height:20px; padding-right:5%; padding-left:5%;} .s302_04 dt{font-size:23px;} .s303_02_01 div{/*max-height:704px;*/ padding-top:5%; padding-right:3%; padding-left:3%; } .s303_02_01 h4 span{font-size:22px; line-height:32px; min-height:65px;} .s303_02_01 li{font-size:17px;} .s501_01, .s502_01{padding-right:3%; padding-left:3%;} .s501_01 span, .s502_01 span{font-size:20px;} .s501_02 h4 span, .s502_02 h4 span{font-size:27px;} .s605_02{padding-right:3%;padding-left:3%;} .s605_02 div{max-height:330px;} .s605_02_01 a{background-size:30%;} .s605_02_02 a{background-size:30%;} .s605_02 h4 span{font-size:25px;} .s605_02 p{font-size:16px;} .step_end{padding-top:17%;} .step_end p:first-child{font-size:28px;} .step_end p:nth-child(2){font-size:14px;} .step_end a{font-size:18px;} .board_tit{padding-top:10px; display:inline-block; line-height:25px; font-size:18px;} .s_font a {font-size:12px;} .deatail_size a{white-space:normal; overflow:hidden; text-overflow:ellipsis; height:50px; display:block; margin-bottom:15px;} .mo_field{position:relative; width:100%;} .space_point .input_number{position:relative; display:inline-block; height:70px; width:95%;} .space_point .input_number >input[type="text"]{height:100% !important; width:100% !important; position:absolute; right:0; text-align:right !important; padding-right:15% !important; } .space_point .input_number >button{width:30px !important; height:30px !important;position:absolute; left:0; z-index:50;} .space_point .input_number >button:last-child{font-size:25px; bottom:0 !important; border-top:0px; border-left:1px solid #dfdfdf !important;} .space_point .mo_select .mo_field span.input_text{position:absolute; bottom:6px; right:11px; line-height:20px !important;} } @media only screen and (max-width:640px) { .sub_common{} .sub_common h3 span{font-size:30px; line-height:30px;} .sub_common .subtit .tit_p{font-size:15px; line-height:22px; padding-right:4%; padding-left:4%;} .sub_common .subtit .tit_p br{display:none;} .sub_common_02{padding-top:14%;} .sub_common_02 h3 span{font-size:30px;} .sb101_2 a{padding:2% 5%;} .sb101_4 a{padding:2% 5%;} .sb101_2 h4 span{font-size:24px;} .sb101_3 h4 span{font-size:22px; line-height:26px;} .sb101_4 h4 span{font-size:22px;} .sb101_01_01{} .sb101_01_01 p{font-size:14px; line-height:25px;} .sb101_01_01 p:last-child{margin-bottom:10%;} .sb101_01 h3 span img{width:auto; max-height:39px;} .s101_txt1 br{display:none !important;} .sb101_01_01 p br{display:block;} .sb101_2 p{font-size:15px;} .sb101_3{/*padding-top:80px; padding-bottom:80px;*/} .sb101_3 p{font-size:17px;} .sb101_3 dl{width:30%; padding-right:2%; padding-left:2%; min-height:325px; background-size:contain !important; padding-top:17%;} .sb101_3 dt{font-size:16px; padding-top:8%; /*padding-bottom:10px;*/} .sb101_3 dd{font-size:13px; line-height:19px; } .sb101_4 p{font-size:17px;} .s102{width:100%; max-width:640px; /*padding-top:20% !important;*/ padding-bottom:50px; } .s102 h3 span{font-size:40px; line-height:49px; padding-bottom:3%;} .s102 h3 span img{width:auto; max-height:39px;} .s102_01 p{font-size:15px;} .s102_02_01 div{padding-left:5%;} .s102_02_01 div:before{width:340px; height:340px; right:-10%;} .s102_02_01{padding-bottom:0 !important;} .s102_02_01 div p br{display:none;} .s102_02_01 h4 span{font-size:26px; padding-bottom:25px;} .s102_02_01 p{font-size:23px; line-height:33px;} .s102_02_01 span{font-size:19px;} .s102_02_02{padding-left:4%; padding-right:4%; } .s102_02_02 p {font-size:14px; line-height:24px; margin-bottom:4%;} .s102_in_2{right:-7%;} .s102_txt1{font-size:14px; width:100%; line-height:23px; padding-bottom:30px;} .s102_txt2{font-size:18px; line-height:28px;} .s102_txt2 strong{font-size:22px; padding-top:6%;} .s102_name{font-size:18px;} .s102_name span{font-size:20px;} .s102_2{width:100%; max-width:640px; padding-top:50px; padding-bottom:50px;} .s102_2 ul{width:95%;} .s102_2 ul li img{max-width:122px;} .s103{/*padding-top:30%;*/ padding-bottom:25%;} .s103_1{margin-bottom:10%;} .s103_1 h3 span{padding-bottom:7%;} .s103_1 h3 span img{width:90%;} .s103_1 p{font-size:16px; line-height:23px; padding-left:2%; padding-right:2%;} .s103_1 p br{display:none;} .s103_2{ } .s103_2 dl{/*background-position:center bottom; background-size:2%;*/} .s103_2 dt{font-size:25px;} .s103_2 dd{width:80%; font-size:16px; padding-top:3%;} .s103_2 dd span{width:110px; height:110px; line-height:110px; font-size:20px;} .s103_3{padding-right:2%; padding-left:2%; margin-top:10%;} .s103_3 h4 span{font-size:21px;} .s103_3 p{font-size:15px; line-height:22px;} .s103_4{margin-top:15%;margin-bottom:8%;} .s103_4 li{width:27%; margin-right:3%; margin-left:3%; margin-bottom:7%;} .s103_4 li span{font-size:18px;} .s103_5{padding-top:60px;} .s103_5 h4 span{font-size:21px;} .s103_5 p{font-size:15px;} .s104_01{} .s104_01 h3 span{} .s104_01 h3 span img{max-height:34px; width:auto;} .s104_01 p{font-size:14px; line-height:23px; margin-bottom:7%;} .s104_02{padding-bottom:45px;} .s104_02 dl{padding-top:5%; padding-left:2%; padding-right:2%;} .s104_02 dt{font-size:15px; margin-bottom:25px;} .s104_02 dd{font-size:13px; line-height:18px;} .s104_02 p{font-size:16px; line-height:23px; margin:0px auto; } .s104_03{padding-top:80px; padding-bottom:110px;} .s104_03_01{padding-bottom:60px !important;} .s104_03_01 h4 span{font-size:22px;} .s104_03_01 p{font-size:14px;} .s104_03_02_01{width:26%; margin:0 2%; background-size:80% !important; padding-top:135px;} .s104_03_02_01 h5 span{font-size:22px; margin-bottom:10px; letter-spacing:-0.04em;} .s104_03_02_01 p{font-size:13px; padding-bottom:30px;} .s104_03_02_01 a{font-size:12px; padding-right:17px;} .s104_03_02_01 a:before{font-size:12px; line-height:12px;} .s105_01 h3 span img{max-height:34px; width:90%;} .s105_01 p{font-size:14px; line-height:25px;} .s105_02 .s105_02_01_in{width:30%; margin-right:1%; min-height:350px;} .s105_02 .s105_02_01_in h4 span{font-size:15px; padding-top:10%; padding-right:5%; padding-left:5%; } .s105_02 .s105_02_01_in h4 span strong{ font-size:18px;} .s105_02 .s105_02_01_in ul{ padding-right:5%; padding-left:5%;} .s105_02 .s105_02_01_in ul li{font-size:15px;} .s105_02 ul li:first-child{} /*.s105_02 ul li:first-child img{width:100%;} .s105_02 ul li:last-child span{font-size:12px;} .s105_02 ul li:last-child span strong{font-size:16px;} .s105_02 ul li:last-child span:first-child{font-size:14px;} .s105_02 ul li:last-child span:last-child{bottom:10%;}*/ .s105_02_01{width:95%; max-width:640px; margin:0px auto;} .s106_02 iframe{min-height:400px; height:400px;} .s106_03 dl{width:49%; margin-bottom:5%; padding-right:4%; padding-left:4%; height:225px;} .s106_03 dt{/*font-size:20px;*/width:20%;} .s106_03 dd{font-size:14px; width:80%;} .s201{/*padding-right:2%; padding-left:2%;*/} .s201_01 p{font-size:16px;} .s201_01 h3 span img{max-height:39px; width:auto;} .s201_01_01 {width:80%;} .s201_01_01 p{font-size:14px; line-height:30px;} .s201_01_01 p:first-child{font-size:16px;} .s201_02{/*padding:8% 0 11%;*/padding-right:2%; padding-left:2%; background-size:80%; background-position:100% 98px;} .s201_02 h3 span{font-size:30px; width:60%;} .s201_02 p{padding:5% ; width:100%; clear:both;} .s201_02 p span:first-child{font-size:22px; margin-bottom:3%; float:left;} .s201_02 p span:last-child{font-size:18px; line-height:20px; width:100%} .s201_02_01{padding-right:3%;padding-left:3%; height:330px;} .s201_02_01 dl{margin-top:3%;} .s201_02_01 dt{/*font-size:16px;*/ padding-top:16%; padding-bottom:10%; min-height:105px; letter-spacing:-0.04em;} .s201_02_01 dd{font-size:15px; letter-spacing:-0.04em; } .s201_02_02 dt, .s201_04 dt{font-size:17px; display:block; width:100%; padding-left:5%; background-size:4%; margin-bottom:2%;} .s201_02_02 dd, .s201_04 dd{font-size:15px; line-height:23px; display:block; width:100%;} .s201_03_01 p{width:100%;} .s201_03_01 p:last-child{font-size:16px; line-height:25px;} .s201_03{background-position:54% 100%;} .s201_03 p{/*font-size:22px;*/ line-height:34px;} .s201_03 p strong{display:block;} .s201_03 h4{margin-bottom:3%; margin-top:5%;} .s201_03 h4 span{font-size:16px;} .s201_03 .sub_table01 th{font-size:16px;} .s201_03 .sub_table01 td{font-size:15px;} .s201_04{padding-right:2%; padding-left:2%;} .s201_04 p{font-size:25px; line-height:30px;} .s201_04 dt{} .s201_04 dd{ margin-top:2%;} .s201_04 dd span:first-child{font-size:16px;} .s201_04 ul li{font-size:15px;} .s201_04_01{} .s201_04_01:before{width:80px; height:80px; left:41%;} .s201_04_02{/*background-size:14%; padding-left:18%;*/ padding-bottom:8%;} .s201_04_02 dt{padding-top:7%;} .s201_05{} .s201_05 h4 span{font-size:25px; padding-top:7%;} .s201_05 h5 span{font-size:20px;} .s201_05 .sub_table01{margin-bottom:7%;} .s201_05 .sub_table01 th{font-size:17px;} .s201_05 .sub_table01 td{font-size:16px;} .s201_05 p{font-size:16px;} .s201_05 dl{min-height:210px;} .s201_05 dl:before{width:12px; right:-12px; height:27px;} .s201_05 dt{font-size:16px; margin-top:7%;} .s201_05 dd{font-size:14px; line-height:18px; padding-top:3%;} .s201_05 li{font-size:12px;} .s202_01 p{font-size:16px;} .s202_02 dl{width:48%; margin-bottom:3%;} .s202_02 dt{font-size:16px;} .s202_02 dd{font-size:14px;} .s203{padding-bottom:5%;} .s203_01{padding-bottom:22%;} .s203_01 h3 span{/*padding-bottom:5%;*/} .s203_01 p{font-size:16px; line-height:16px;} .s203_01 p:last-child{ padding-top:3%;} .s203_02{height:auto; padding-bottom:15%; } .s203_02 dt{font-size:25px; margin-bottom:8%;} .s203_02 dd{font-size:16px; line-height:26px;} .s203_02 dd br{display:none;} /*.s203_02 dl:nth-child(1){padding-left:45%; padding-top:5%; padding-bottom:15%; margin-bottom:15%;} .s203_02 dl:nth-child(2){padding-right:45%;padding-top:7%; padding-bottom:15%; margin-bottom:15%;} .s203_02 dl:nth-child(3){padding-left:45%; padding-top:7%; padding-bottom:15%; margin-bottom:15%;} .s203_02 dl:nth-child(4){padding-right:45%; padding-top:10%; padding-bottom:15%; margin-bottom:15%;} .s203_02 dl:nth-child(5){padding-left:45%; padding-top:7%; padding-bottom:17%; }*/ .s204_01{padding-bottom:5%;} .s204_01 h3 span{/*padding-bottom:15%;*/} .s204_01 h3 span img{} .s204_01 h4 span{font-size:22px; padding-left:2%;} .s204_01 ul{padding-bottom:10%; padding-right:2%; padding-left:2%;} .s204_01 li{font-size:14px; min-height:85px; padding:6% 1% 5% 13%; width:49%; background-size:21%;} .s204_01 li span{font-size:12px; font-weight:lighter; color:rgba(0,0,0,0.6); display:block;} .s204_01_01{} .s204_01_01 li:nth-child(2), .s204_01_01 li:nth-child(4), .s204_01_01 li:nth-child(8), .s204_01_01 li:nth-child(10){margin-right:0;} .s204_01_01 li:nth-child(3), .s204_01_01 li:nth-child(9){margin-right:1%;} .s204_01_02 li:nth-child(2) span{display:inline-block;} .s204_01_02 li:nth-child(2), .s204_01_02 li:nth-child(4), .s204_01_02 li:nth-child(6){margin-right:0;} .s204_01_02 li:nth-child(3){margin-right:1%;} .s204_01_02 h4 span{padding-top:7%;} .s204_02{padding-top:7%; padding-bottom:7%;} .s204_02 h3 span{font-size:23px; padding-left:5%;} .s204_02_01{ background-size:35%; background-position:3% 85% !important; padding-right:2%; padding-left:0%;} .s204_02_01 p{font-size:15px; padding-left:5%;} .s204_02_1{padding-top:7%; padding-bottom:0; padding-left:40%;} .s204_02_1 dl{/*padding-right:5%;*/ padding-left:3%; margin-bottom:5%;} .s204_02_1 dt:before{position:absolute; left:0;} .s204_02_1 dt{font-size:18px; width:25%; display:inline-block; vertical-align:top; position:relative; padding-left:6%;} .s204_02_1 dd{font-size:14px; width:72%; display:inline-block; vertical-align:top; padding-top:0; padding-left:3%;} .s301_01{} .s301_01 h3 span{font-size:30px; line-height:30px;} .s301_01 h3 span img{width:45%;} .s301_01 p{font-size:23px; line-height:23px;} .s301_01 p:last-child{font-size:14px; line-height:20px; padding-top:3%;} .s302_01 p{font-size:16px;} .s302_01 p br{display:none;} .s302_02_01 h4 span{font-size:25px; line-height:35px;} .s302_02_01 p{font-size:16px;} .s302_03 li span{font-size:22px;} .s302_03 li span:last-child{font-size:16px;} .s301_02_in{padding:0 1%; background-size:70%; background-position:center 45%;} .s301_02_01_top, .s301_02_02_top{background-position:center 28% !important; background-size:70%; min-height:200px;} .s301_02_01_top h4 span, .s301_02_02_top h4 span{font-size:22px;} .s301_02_01_top h5 span, .s301_02_02_top h5 span{font-size:14px; line-height:16px; padding-top:62%;} .s301_02_01:last-child h5 .space{padding-top:28%;} .s301_02_01 dl, .s301_02_02 dl{margin-left:0; margin-right:1%;} .s301_02_01 dt, .s301_02_02 dt{font-size:13px; line-height:14px;} .s301_02_01 dd, .s301_02_02 dd{font-size:12px; line-height:14px; } .s301_02_01 dd span, .s301_02_02 dd span{font-size:11px; } .s301_04 dl{background-size:35% !important; background-position:center top !important;} .s301_04 dt{font-size:20px;} .s301_04 dd{font-size:14px; line-height:20px; } .s302_04_in{background-position:4.5% top;} .s302_04 dl:before{width:12px; top:-15px; left:-12px;} .s302_04 dt{font-size:20px;} .s302_04 dd{font-size:15px;} .s303_02_01 h4 span{font-size:19px; line-height:30px; min-height:60px; letter-spacing:-0.06em;} .s303_02_01 li{font-size:14px; line-height:21px; letter-spacing:-0.07em;} .s303_02_01b li:nth-child(2){line-height:42px;} .s303_02_01c li:nth-child(2){line-height:42px;} .s304_01 h3 span{font-size:30px; line-height:40px;} .s304_02 dl{background-position:left 23%; background-size:40%;} .s304_02 dt{font-size:23px; line-height:35px;} .s304_02 dd{font-size:14px; line-height:24px; } .s304_03 li{font-size:17px; line-height:17px;} .s304_03 li span:last-child{font-size:13px;} .s305_02{padding-right:2%; padding-left:2%;} .s305_02 h4 span{font-size:21px; line-height:21px;} .s305_02 p{font-size:14px; line-height:18px;} .s305_03{background-size:85%; padding-top:70%; padding-right:2%; padding-left:2%; } .s305_03 h4 span{font-size:21px; line-height:21px;} .s305_03 p{font-size:14px; line-height:18px; letter-spacing:-0.04em;} .s305_03 h5 span{font-size:22px; padding-top:6%;} .s501_01, .s502_01{} .s501_02,.s502_02{padding:15% 5%;} .s501_01 span, .s502_01 span{font-size:16px;} .s501_02 h4 span, .s502_02 h4 span{font-size:20px;} .s501_02 dl, .s502_02 dl{margin-top:10%;} .s501_02 dt, .s502_02 dt{font-size:18px;} .s501_02 dd, .s502_02 dd{font-size:14px; line-height:20px;} .s501_02 .s501_02_02 dd br{display:none;} .s501_02 .s501_02_01 dd{font-size:14px; line-height:20px;} .s501_02 .s501_02_02 dd h5 span{font-size:14px;} .s501_02 .s501_02_02 dd p{font-size:14px; line-height:20px;} .s501_02 .s501_02_02 .s501_02_02_plus li{font-size:12px; line-height:18px;} .s501_02 p, .s502_02 p{font-size:16px; line-height:20px;} .s501-1_02 h5 span{font-size:20px; } .s501_02 h5 span, .s502_02 h5 span{font-size:18px;} .s501-2_02 dd h6 span{font-size:18px;} .s501-2_02 dd li{font-size:16px;} .s502 dd p{font-size:14px; line-height:20px;} .s502 .s502_02 li{font-size:13px; line-height:18px;} .s501_02 dd div {overflow:auto;} .s502_02 dd div {overflow:auto;} .sub_table02 th{font-size:16px;} .sub_table02 td{font-size:14px;} .sub_table03 th{font-size:16px;} .sub_table03 td{font-size:14px;} .s605_02 div{max-height:250px;} .s605_02 h4 span{font-size:22px; line-height:22px;} .s605_02 p{font-size:14px;} .step_end{padding-top:23%;} .step_end p:first-child{font-size:23px;} .step_end p:nth-child(2){font-size:12px;} .step_end a{font-size:14px;} /*계산기*/ .mowrite_L{width:100% !important; float:none !important;} .mowrite_L h4.mo_h4{font-size:16px !important;} .mo_tabbox .mo_tab a{/*padding:3% 1% !important;*/} .mo_tabbox .mo_tab.t3 a{padding-top:15px !important;} .mowrite_L .mo_tabbox{margin-left:0% !important; margin-bottom:8% !important;} .mo_input #mo_count{margin-left:0% !important; width:100% !important;} .space_point .input_number >button{width:30px !important; height:30px !important;position:absolute; left:0; z-index:50;} .space_point .input_number >button:last-child{font-size:25px; bottom:0 !important; border-top:0px; border-left:1px solid #dfdfdf !important;} .space_point .input_number >input[type="text"]{height:100% !important; width:100% !important; position:absolute; right:0; text-align:right !important; padding-right:15% !important; } .mo_wrap_select{margin-left:0 !important;display:inline-block; width:100%;} .space_point .input_number{position:relative; display:inline-block; height:70px; width:95%;} .space_point .contact_L_btn{ display:inline-block; width:100%;} .contact_L_btn{margin-top:10% !important; margin-bottom:5% !important;} .contact_L_btn a{margin-top:0px !important;} .mowrite_R{float:none !important; width:100% !important;} .mowrite_R .mo_inner .mo_formbody{padding-left:5% !important; padding-right:5% !important;} .mowrite_R .mo_inner .mo_titsub li{padding-top:5% !important;} .mo_field{position:relative; width:100%;} .space_point .mo_select .mo_field span.input_text{position:absolute; bottom:6px; right:11px; line-height:20px !important;} .space_point .mo_select .mo_tit{min-height:36px;} .space_point .mo_select .mo_tit span{font-size:12px !important;} .space_point01{width:100% !important;} .space_point01 .mo_select .mo_field span.input_text{} .bbs_pn li.tit span.no{width:20% !important;} .bbs_pn li.tit span.subject{width:78% !important;} #bbsVieContents .table_img_point{width:95% !important; } } @media only screen and (max-width:480px) { .sub_common h3 span{font-size:27px; line-height:27px;} .sub_common .subtit .tit_p{font-size:13px;} .sub_common_02 h3 span{font-size:27px;} .sTxt{padding-top:3%;} .sTxt p span{padding-top:5%;} .sTxt p em strong{font-size:24px; line-height:24px;} .sb101_2 h4 span{font-size:22px;} .sb101_3 h4 span{font-size:20px; line-height:23px;} .sb101_4 h4 span{font-size:20px;} .sb101_2 p{font-size:13px;} .sb101_3 p{font-size:13px;} .sb101_3 dl{width:96%; padding-top:53%; padding-bottom:35px; padding-right:5%; padding-left:5%; margin:0 0 20px 0;} .sb101_4 p{font-size:13px;} .sb101_01 h3 span img{/*width:90%;*/max-height:22px;} .sb101_01_01{padding-right:2%; padding-left:2%;} .sb101_01_01 .s101_txt1 { width:80%; margin:0 auto; font-size:13px; line-height:18px; text-align:center; /*padding-top:35px;*/} .s102{/*padding-top:25% !important;*/} .s102 h3 span{/*font-size:32px; line-height:40px;*/} .s102 h3 span img{max-height:30px;} .s102_02_01{padding-top:40px !important;} .s102_02_01 div{padding-bottom:14%;} .s102_02_01 h4 span{font-size:20px;} .s102_02_01 div:before{width:260px;height:260px;} .s102_02_01 span{font-size:16px;} .s102_02_01 p{font-size:18px ; line-height:26px; } .s102_txt1{width:100%; line-height:20px; padding-bottom:25px; font-size:12px;} .s102_txt1 br{} .s102_txt2{font-size:14px; line-height:22px;} .s102_txt2 strong{padding-top:10%; padding-bottom:5%;; font-size:18px;} .s102_name{font-size:12px;} .s102_name span{font-size:15px;} .s103_2 dl{ /*background-position:center 116%; background-size:3%;*/} .s103_2 dt{font-size:19px;} .s103_2 dd{font-size:12px; line-height:16px;} .s103_2 dd span{width:90px; height:90px; line-height:90px; font-size:12px;} .s103_4 li{background-size:65% !important;} .s103_4 li span{font-size:15px; margin-top:70%;} .s104_01 h3 span img{max-height:22px;} .s104_02 ul li:first-child{font-size:27px;} .s104_02 ul li span{font-size:14px;} .s104_02 ul li span:first-child{font-size:23px; line-height:30px;} .s104_02 p{font-size:14px; line-height:20px;} .s104_03_02_01 h5 span{font-size:18px; letter-spacing:-0.07em;} .s104_03_02_01 a:before{line-height:20px;} .s105_01 h3 span img{max-height:22px;} .s105_02 .s105_02_01_in{/*width:48%;*/ min-height:270px;} .s105_02 .s105_02_01_in h4 span{font-size:12px; line-height:15px; font-weight:300; text-align:center;} .s105_02 .s105_02_01_in h4 span strong{font-size:17px; display:block; margin-bottom:5%;} .s105_02 .s105_02_01_in ul{padding-top:7%;} .s105_02 .s105_02_01_in ul li{font-size:13px; line-height:14px; margin-bottom:4%;} .s105_02 ul {background:#fff;margin-bottom:5%; /*padding-top:3%;*/} .s105_02 ul li{/*width:85px; height:100px; min-height:100px; overflow:hidden;*/} .s106_01{} .s106_01 h3 span{} .s106_01 h3 span img{max-height:30px;} .s106_02 iframe{min-height:300px; height:300px;} .s106_03 dl{padding-right:6%; padding-left:6%;} .s106_03 dt{font-size:18px; width:100%;} .s106_03 dd{padding-left:0; width:100%;} .s106_03 dd br{display:none;} .s106_03 dd:last-child br{display:block;} .s201_01 p{font-size:13px;} .s201_01 h3 span img{max-height:22px;} .s201_01_01 p{line-height:20px; font-size:13px;} .s201_01_01 p:first-child{padding-bottom:2%;font-size:15px;} .s201_02 h3 span{width:70%; padding-left:10%; font-size:27px;} .s201_02{/*padding-bottom:16%;*/ background-size:90%; background-position:100% 88px;} .s201_02 p{font-size:15px;} .s201_02 p span:first-child{font-size:20px; padding-right:2%;} .s201_02 p span:last-child{font-size:16px;} .s201_02_02 dt, .s201_04 dt{font-size:15px;} .s201_02_02 dd, .s201_04 dd{font-size:14px;} .s201_02_01{height:305px;} .s201_03_01 p{font-size:20px; line-height:30px; width:100%;} .s201_03_01 p:last-child{font-size:14px; line-height:23px;} .s201_02_01 dt{font-size:16px; line-height:23px;} .s201_02_01 dd{font-size:14px; line-height:22px;} .s201_04 dd{} .s201_04 ul li{font-size:12px; background-position:0px 7px;} .s201_04_01:before{width:70px; height:70px;} .s201_03 .sub_table01 th{font-size:14px;} .s201_03 .sub_table01 td{font-size:13px;} .s201_05 h4 span{font-size:20px;} .s201_05 h5 span{font-size:18px;} .s201_05 p{font-size:14px;} .s201_05 .sub_table01 th{font-size:15px;} .s201_05 .sub_table01 td{font-size:14px;} .s201_05 dl{border-radius:15px; min-height:215px;} .s201_05 dt{font-size:14px;} .s201_05 dd{font-size:14px; padding-top:0;} .s201_05 dd ul li{font-size:12px; line-height:15px;} .s201_05 li:before{font-size:11px;} .s202_01 p{font-size:14px;} .s202_02 dt{font-size:15px; line-height:20px;} .s202_02 dd{font-size:13px; line-height:19px;} .s203_01 h3 span{line-height:32px;} .s203_02{} .s203_02 dl{border-bottom:1px solid #eaeaea;} .s203_02 dl:nth-child(1){padding-top:0; padding-bottom:10%; margin-bottom:15%;} .s203_02 dl:nth-child(2){padding-top:0; padding-bottom:15%; margin-bottom:15%;} .s203_02 dl:nth-child(3){padding-top:0; padding-bottom:15%; margin-bottom:15%;} .s203_02 dl:nth-child(4){padding-top:0; padding-bottom:15%; margin-bottom:15%;} .s203_02 dl:nth-child(5){padding-top:0; padding-bottom:15%;} .s203_02 dt{font-size:19px; line-height:26px; margin-bottom:3%;} .s203_02 dt br{display:none;} .s203_02 dd{font-size:12px; line-height:19px;} .s204_01 h3 span{line-height:32px;} .s204_01 h4 span{font-size:18px;} .s204_01 li{font-size:12px; line-height:15px; min-height:65px; height:auto; padding:3% 2% 0 17%;} .s204_01 li span{font-size:10px; line-height:13px; margin-top:2%; } .s204_02 h3 span{font-size:20px; padding-left:5%;} .s204_02_01{background:none; padding-left:0;} .s204_02_01 h3 span strong{font-size:20px;} .s204_02:before{right:-28%; height:170px;} .s204_02:after{height:170px;} .s204_02_01 p{font-size:13px;} .s204_02_1{padding-left:0;} .s204_02_1 dt{font-size:15px;} .s204_02_1 dd{font-size:13px;} .s301_01 h3 span{font-size:25px; line-height:25px;} .s301_01 p{font-size:18px;} .s301_01 p:last-child{font-size:12px; line-height:18px;padding-right:2%;padding-left:2%;} .s301_01 p:last-child br{display:none;} .s301_04 dt span{font-size:13px;} .s301_04 dd{font-size:13px;} .s302_01 h3 span{font-size:25px; line-height:25px;} .s302_01 p{font-size:13px; padding-right:2%; padding-left:2%;} .s302_01 p br{display:none;} .s302_02_01{background-size:41%; background-position:7% 26%;} .s302_02_01 h4 span{font-size:19px; line-height:25px; margin-bottom:7%;} .s302_02_01 p{font-size:13px;} .s301_02_01_top, .s301_02_02_top{min-height:175px;} .s301_02_01_top h4 span, .s301_02_02_top h4 span{font-size:19px; line-height:35px; width:90%;} .s301_02_01_top h5 span, .s301_02_02_top h5 span{min-height:60px; font-size:12px; line-height:14px;} .s301_02_01 dt, .s301_02_02 dt{font-size:11px;} .s301_02_01 dd span, .s301_02_02 dd span{font-weight:300;} .s302_03 li{width:32%; padding-top:17%; margin-bottom:8%;} .s302_03 li span{font-size:18px;} .s302_03 li span:last-child{font-size:12px; line-height:17px;} .s302_04{padding-right:2%;} .s302_04 dl:after{left:6%;} .s302_04 dt{font-size:17px; line-height:19px;} .s302_04 dd{font-size:13px; line-height:19px;} .s302_04 dd br{display:none;} .s303_01 h3 span{font-size:25px; line-height:25px;} .s303_01 p{font-size:14px; padding-right:2%; padding-left:2%;} .s303_01 p br{display:none;} .s303_02_01{} .s303_02_01 div{width:100%; margin-bottom:5%; margin-right:0;} .s303_02_01 h4 span{font-size:18px; line-height:25px; min-height:auto;} .s303_02_01 ul{margin-top:13%; margin-bottom:10%;} .s303_02_01 li{width:33%; display:inline-block; vertical-align:top; padding-top:20%; padding-bottom:0; padding-right:7%; font-size:12px; line-height:16px; background-position:20% top; } .s303_02_01 li:nth-child(3){width:32%; background-position:30% top;} .s303_02_01 li:nth-child(1):after{content:"\e93f"; right:0; top:25px; width:20px; height:20px;} .s303_02_01 li:nth-child(2):after{content:"\e93f"; right:0; top:25px; width:20px; height:20px;} .s303_02_01b li:nth-child(2){line-height:16px;} .s303_02_01c li:nth-child(2){line-height:16px;} .s303_03{padding-bottom:53%;} .s303_03 h4 span{font-size:19px;} .s303_03 p{font-size:14px; font-weight:300; padding-right:2%; padding-left:2%;} .s304_01 h3 span{font-size:25px; line-height:35px;} .s304_02 dl{padding-right:2%; padding-left:46%;} .s304_02 dt{font-size:19px; line-height:26px; margin-bottom:3%;} .s304_02 dd{font-size:12px; line-height:19px;} .s304_03 li{width:29%; padding-top:15%; margin-bottom:9%; font-size:15px; line-height:15px; } .s304_03 li span:last-child{font-size:12px;} .s304_03 li:nth-child(4){margin-bottom:0;} .s304_03 li:nth-child(5){margin-bottom:0;} .s305_02 h4 span{font-size:18px; line-height:18px;} .s305_02 p{font-size:12px;} .s305_02 p br{display:none;} .s305_03 h4 span{font-size:18px; line-height:18px;} .s305_03 p{font-size:12px; font-weight:300;} .s305_03 h5 span{font-size:18px;} .s501_01 span, .s502_01 span{font-size:14px;} .s605_02 div{max-height:190px;} .s605_02 h4 span{font-size:20px; line-height:20px;} .s605_02 p{font-size:13px; padding-top:7px;} .step_end{background-size:25% !important; padding-top:28%;} .step_end p:first-child{font-size:20px;} .step_end p:nth-child(2){} .step_end a{font-size:13px; width:50%;} .sub_table02 th{font-size:14px;} .sub_table02 td{font-size:12px;} } @media only screen and (max-width:350px){ .sTxt p em strong{font-size:20px;} .sub_common h3 span{font-size:23px; line-height:23px;} .sub_common .subtit .tit_p{font-size:12px; line-height:15px; padding-right:2%; padding-left:2%;} .sub_common .subtit .tit_p br{display:none;} .sub_common_02 h3 span{font-size:23px;} .s102 h3 span img{max-height:22px;} .s102_01 p{font-size:12px; line-height:19px;} .s102_02_01 div {padding-right:0px;} .s102_02_01 div:before{width:220px;height:220px;} .s102_02_01 p{padding-right:40%; margin-bottom:0; font-size:14px; line-height:22px; padding-bottom:10%;} .s102_02_01 span{font-size:15px;} .s102_02_01 span strong{display:block;} .s102_02_02{padding-top:12%;} .s102_02_02 p{font-size:13px; line-height:20px;} .s103_1 p{font-size:12px;} .s103_2{/*padding-top:16%;padding-bottom:10%;*/} .s103_2 dl:nth-child(1){padding-top:5%;} .s103_2 dl:nth-child(2){padding-top:5%;} .s103_2 dl:nth-child(3){padding-top:5%;} .s103_2 dl:nth-child(1) dt{color:#6bcdf2;} .s103_2 dl:nth-child(2) dt{color:#4f8eac;} .s103_2 dl:nth-child(3) dt{color:#4f51ac;} .s103_2 dt{line-height:22px; font-size:17px;} .s103_2 dd{font-size:0px;} .s103_2 dd span{width:75px; height:75px; line-height:75px; font-size:13px; margin-right:2%;} .s103_3{margin-top:15%; padding-top:15%; padding-bottom:15%;} .s103_3 h4 span{font-size:18px; padding-bottom:5%;} .s103_3 p{font-size:13px; line-height:20px} .s103_4 li{ margin:0px 3% 7% 3%;} .s103_4 li span{font-size:14px;} .s103_5 h4 span{font-size:18px; padding-bottom:8%;} .s103_5 p{font-size:13px;} .s104_01 h3 span img{max-height:19px;} .s104_01 p{padding-bottom:5%;} .s104_02 dl{width:90%; margin:0px 5% 5%; padding-right:5%; padding-left:5%; min-height:auto; padding-bottom:5%;} .s104_03{padding-top:60px;} .s104_03_01{padding-bottom:40px !important;} .s104_03_01 h4 span{font-size:18px;} .s104_03_01 p{font-size:12px;} .s104_03_02_01{padding-top:25%;} .s104_03_02_01 h5 span{font-size:15px;} .s104_03_02_01 p{font-size:12px;} .s105_01 h3 span img{max-height:19px;} .s105_02 ul {} .s105_02 ul li{width:100%; } .s105_02 .s105_02_01_in{min-height:215px;} .s105_02 .s105_02_01_in h4 span{font-size:11px; line-height:11px;} .s105_02 .s105_02_01_in h4 span strong{font-size:15px;} .s105_02 .s105_02_01_in ul{padding-top:10px;} .s105_02 .s105_02_01_in ul li{font-size:11px; padding-left:10%; background-position:left 7px;} .s106_03 dl{width:100%; height:auto; padding-top:8%; padding-bottom:5%;} .s201_01 p{font-size:13px;} .s201_02{background-position:100% 80px; padding-bottom:20%; background-size:88%;} .s201_02 h3 span{width:70%; padding-left:10%; font-size:23px;} .s201_02 p{font-size:20px !important; line-height:25px; width:100%; padding-right:2%;} .s201_02 p:last-child{font-size:11px !important; line-height:15px; width:55%;} .s201_02 p span:first-child{font-size:18px;} .s201_02 p span:last-child{font-size:14px;} .s201_02_01 dt{font-size:14px; line-height:20px; min-height:75px;} .s201_02_01 dd{font-size:13px; line-height:19px;} .s201_03_01 p{font-size:18px;} .s201_04_01:before{width:60px; height:60px; left:38%;} .s201_04 dt span{font-size:25px;} .s201_04 dt span:last-child{font-size:13px; line-height:18px;} .s201_04 p{font-size:20px; line-height:25px; padding-bottom:15%;} .s201_04 p br{display:none;} .s201_05 h4 span{font-size:18px;} .s201_05 p{font-size:12px;} .s201_05 dt, .s201_05 dd{font-size:12px;} .s202_02 dl{width:96%; display:block; margin:0 2% 4% 2%;} .s202_02 dt{min-height:auto; word-break:keep-all; margin-top:7%; padding-bottom:3%;} .s202_02 dl:nth-child(2) dt{letter-spacing:-0.08em;} .s202_02 dt br{display:none;} .s202_02 dd{min-height:auto; font-size:12px; line-height:18px; padding-bottom:8%;} .s203_01 h3 span{line-height:30px;} .s203_02{} .s203_02 dt{font-size:17px; line-height:24px;} .s203_02 dd{font-size:11px; line-height:16px;} .s204_01 h3 span{line-height:30px;} .s204_01 li{min-height:65px; padding-top:3%; background-size:28% !important;} .s204_01 li span{display:none;} .s204_01 h4 span{font-size:20px;} .s204_02:before{background:none;} .s204_02:after{height:150px;} .s204_02 h3 span{font-size:18px;} .s204_02_01 h3 span strong{font-size:18px;} .s204_02_01 p{font-size:12px;} .s204_02_1 dl{} .s204_02_1 dt{font-size:14px; line-height:20px;} .s301_01 h3 span{font-size:23px;} .s301_01 p{font-size:16px;} .s301_01 p:last-child{font-size:11px; line-height:16px;} .s301_02_in{background-position:center 38%;} .s301_02_01_top, .s301_02_02_top{min-height:140px;} .s301_02_01_top h4 span, .s301_02_02_top h4 span{font-size:15px; letter-spacing:-0.05em;} .s301_02_01 dd, .s301_02_02 dd{font-size:11px; line-height:13px;} .s302_01 h3 span{font-size:23px; line-height:23px;} .s302_01 p{font-size:12px;} .s301_04 dt{font-size:18px;} .s301_04 dd{font-size:12px;} .s302_02_01 h4 span{font-size:16px; line-height:25px;} .s302_02_01 p{font-size:11px; font-weight:300;} .s302_03 li{} .s302_03 li:nth-child(4), .s302_03 li:nth-child(5){ margin-bottom:0;} .s302_03 li span{font-size:15px; line-height:15px;} .s302_03 li span:last-child{line-height:14px; font-size:11px;} .s302_04_in div{background-size:7%; background-position:left 12px;} .s302_04 dl {clear:both;} .s302_04 dl:before{width:7px; left:-7px; top:-24px;} .s302_04 dt {font-size:15px; float:left; width:19%;} .s302_04 dd{font-size:12px; line-height:16px;} .s303_01 h3 span{font-size:23px; line-height:23px;} .s303_01 p{font-size:12px;} .s303_02_01 h4 span{font-size:16px;} .s303_02_01 div{clear:both;} .s303_02_01 ul{display:inline-block; width:100%;} .s303_02_01 li{font-size:11px; float:left;} .s303_03 h4 span{font-size:16px;} .s303_03 p{font-size:12px;} .s304_01 h3 span{font-size:23px; line-height:32px;} .s304_02 dt{font-size:15px; line-height:21px; letter-spacing:-0.04em;} .s304_02 dd{font-size:10px; line-height:14px; font-weight:300;} .s304_03 li{font-size:12px; line-height:13px; } .s304_03 li span:last-child{font-size:10px; line-height:12px;} .s305_02 h4 span{font-size:16px; line-height:19px; width:70%; margin:0px auto;} .s305_02 p {font-size:11px; line-height:16px; margin-top:2%;} .s305_03 h4 span {font-size:16px; line-height:23px; width:70%; margin:0px auto;} .s305_03 p{font-size:11px; margin-top:4%;} .s305_03 h5 span{font-size:16px; line-height:23px;} .s605_02 div{max-height:150px;} .s605_02 h4 span{font-size:16px; line-height:16px;} .s605_02 p{font-size:12px; line-height:14px; width:60%; margin:0px auto} .s605_02_01 a{background-position:center 30%;} .s605_02_02 a{background-position:center 30%;} }