@charset "utf-8";
@import url("m.css");

#subtop {width:100%; height:150px; margin-top:60px; overflow:hidden; }
#subtop.m21{background:url(../images/m-header-personal@2x.jpg) no-repeat; background-size:cover;}
#subtop.m22{background:url(../images/m-header-biz@2x.jpg) no-repeat; background-size:cover;}
#subtop.m23{background:url(../images/m-header-trans@2x.jpg) no-repeat; background-size:cover;}
#subtop.m24{background:url(../images/m-header-interp@2x.jpg) no-repeat; background-size:cover;}
#subtop.m25{background:url(../images/m-header-auth@2x.jpg) no-repeat; background-size:cover;}
#subtop.m26{background:url(../images/m-header-appo@2x.jpg) no-repeat; background-size:cover;}
#subtop.m27{background:url(../images/m-header-emm@2x.jpg) no-repeat; background-size:cover;}
#subtop.m28{background:url(../images/m-header-etc@2x.jpg) no-repeat; background-size:cover;}
#subtop.m11{background:url(../images/m-header-about@2x.jpg) no-repeat; background-size:cover;}
#subtop.m31{background:url(../images/m-header-contact@2x.jpg) no-repeat; background-size:cover;}

#subtop .in{width:86%; margin:30px auto 0px; }
#subtop .in .line{width:44px; border-top:1px solid #fff; }
#subtop .in .ttl{font-size: 25px; font-weight:300; margin:9px 0px 4px; line-height: 1.44; letter-spacing: -2.5px; color:#fff; }
#subtop .in .txt{font-size: 13px; font-weight: 300; line-height: 1.54; letter-spacing: -0.5px; word-break:keep-all; color: #ffffff; }


#sub.m21{width:90%;margin:30px auto 80px; }
#sub.m21 .box1{margin-bottom:30px; }
#sub.m21 .box1 div{word-break:keep-all; }
#sub.m21 .box1 .tit1{width: 97%;margin: auto; font-size: 17px; margin-bottom:4px; font-weight:600; line-height: 1.41; letter-spacing: -1px; color: #00338e; }
#sub.m21 .box1 .txt1{width: 97%;margin: auto; font-size: 14px; margin-bottom:20px; font-weight: 500; line-height: 1.43; letter-spacing: -0.8px; color: #222222; }
#sub.m21 .box1 .tit2{width: 97%;margin: auto; font-size: 13px; margin-bottom:4px; font-weight:600; line-height: 1.54; letter-spacing: -0.5px; color: #222222; }
#sub.m21 .box1 .tit2_blue{width: 97%; font-size: 14px; margin:20px auto 6px; font-weight:600; line-height: 1.43; letter-spacing: -0.8px; color: #004eda; }
#sub.m21 .box1 .tit2_1{margin-bottom:0; line-height: 1.85; letter-spacing: -1px; }
#sub.m21 .box1 .txt2{width: 97%;margin: auto; font-size: 13px; margin-bottom:20px; font-weight: 300; line-height: 1.54; letter-spacing: -0.5px; color: #333; }
#sub.m21 .box1 .txt2 .mar{margin-top:6px; line-height: 1.38;}
#sub.m21 .box1 .txt2.marB{margin-bottom:0; }
#sub.m21 .box1 .txt3{width: 97%;margin: auto; }
#sub.m21 .box1 .txt3 div{font-size: 14px; margin-bottom:6px; font-weight: 500; line-height: 1.43; letter-spacing: -0.8px; color: #222; }
#sub.m21 .box1 .txt3 div span{display:inline-block; width:43px; font-weight:300; }
#sub.m21 .box1 .txt4{width: 97%;margin: auto; margin-bottom:16px; opacity: 0.8; font-size: 13px; font-weight: 400; line-height: 1.38; letter-spacing: -1px; color: #222222; }

#sub.m21 .box1 .tb1{margin-bottom:20px; }
#sub.m21 .box1 .tb1 table{width:100%; border:1px solid #ddd; border-bottom:0; }
#sub.m21 .box1 .tb1 table th,
#sub.m21 .box1 .tb1 table td{height: 40px; line-height: 1.67; letter-spacing: -0.8px; color:#333; border-bottom:1px solid #ddd;}
#sub.m21 .box1 .tb1 table th{font-size: 12px; font-weight: 500; background:#ebf0ff; border-right:1px solid #ddd;}
#sub.m21 .box1 .tb1 table td{font-size: 13px; font-weight: 400; padding:10px 6px; background:#fff;}
#sub.m21 .box1 .tb1.m27tb td{text-align:center; border-right:1px solid #ddd;}
#sub.m21 .box1 .tb1.m27tb table th:last-child,
#sub.m21 .box1 .tb1.m27tb table td:last-child{border-right:0; }
#sub.m21 .box1 .bin1{margin-top:6px; }
#sub.m21 .box1 .blue{width: 97%;margin: auto; font-size: 12px; margin-top:10px; line-height: 1.5;letter-spacing: -0.8px;color: #004eda;  }
#sub.m21 .box1 .blue .indent{display: inline-block; text-indent: -13px; padding-left:13px; }
#sub.m21 .box1 .red{width: 97%;margin: auto; font-size: 12px; margin-top:10px; line-height: 1.5;letter-spacing: -0.8px;color: #ff5555;  }
#sub.m21 .box1 .red a{color: #ff5555;}
#sub.m21 .box1 .red.indent{display: inline-block; text-indent: -13px; padding-left:17px; }
#sub.m21 .box1 .red .indent{display: inline-block; padding-left:13px; }
#sub.m21 .box1 .mar0{margin-bottom:0;}
#sub.m21 .box1 .mar1{margin-top:6px;}
#sub.m21 .box1 .mar2{margin-top:2px;}

#sub.m104{width:86%;margin:30px auto 80px; }
#sub.m104 .input_group{margin-bottom:10px; }
#sub.m104 .input_group .th{font-size: 11px; font-weight: 400; line-height: 1.82; letter-spacing: -0.5px; color: #666666; margin-bottom:4px; }
#sub.m104 .input_group .in{overflow:hidden}
#sub.m104 .input_group .in .sels{width:100%; height: 40px; padding:0px 12px; font-size: 13px; line-height: 1.85;letter-spacing: -0.5px; color: #666666; border: solid 1px #dddddd;-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(../images/pickerarrow-gray@2x.png) no-repeat 96% 50%; background-size:8px 4px; /* 화살표 모양의 이미지 */ }
#sub.m104 .input_group .in .input{width:100%; height: 40px; padding:0px 12px; font-size: 13px; line-height: 1.85;letter-spacing: -0.5px; color: #666666; border: solid 1px #dddddd;background-color: #ffffff; }
#sub.m104 .input_group .in .input::placeholder{opacity: 0.5;}
#sub.m104 .input_group .in .texta{height:240px; padding:8px 12px; }
#sub.m104 .input_group .in .in2{float:left; width:60%; border-right:0; }
#sub.m104 .input_group .in .file_btn{float:left; width:40%; height: 40px; font-size: 13px; line-height: 1.85; padding:8px 0px; letter-spacing: -0.5px; color: #666666; font-weight: 400; display:inline-block; text-align:center; border: solid 1px #dddddd;background-color: #ffffff; }
#sub.m104 .input_group .in .file_btn img{width:16px; height:16px; margin-right:7px; position:relative; top:-2px; }
#sub.m104 .input_group .in .file_hidden { width: 0px; height: 0px; padding: 0; overflow: hidden; }
#sub.m104 .frm_btm .txt{font-size: 12px; line-height: 1.5; font-weight:300; text-align:center; letter-spacing: -1px; color: #808080; margin:30px auto 20px; }
#sub.m104 .frm_btm .txt span{color: #00338e;}
#sub.m104 .frm_btm .btns{overflow:hidden; text-align:center;}
#sub.m104 .frm_btm .btns button{float:left; width: 49%;height: 48px;border-radius: 1px; font-size: 13px; line-height: 1.85; font-weight: 500; letter-spacing: -0.5px; }
#sub.m104 .frm_btm .btns button.cancel_btn{color: #666; border: solid 1px #dddddd;background-color: #ffffff; }
#sub.m104 .frm_btm .btns button.submit_btn{margin-left:2%; color: #fff;  border: 0; background-color: #00338e; }


#sub.m81 .box{width:86%; margin:30px auto 80px; overflow:hidden; }
#sub.m81 .box .right{width:100%;}
#sub.m81 .box .right .txtbox{margin-bottom:30px; }
#sub.m81 .box .right .txtbox .ttl{font-size: 17px; line-height: 1.41; color: #00338e; font-weight:600; margin-bottom:16px; }
#sub.m81 .box .right .txtbox .txt{font-size: 13.3px; line-height: 1.43; letter-spacing: -0.5px; color: #222; word-break:keep-all; }
#sub.m81 .box .right .txtbox .txt .bin{margin-top:15px;}
#sub.m81 .box .r2{overflow:hidden;}
#sub.m81 .box .r2 .col-m{float:left; width:272px; margin-bottom:54px; margin-left:38px; text-align:center;  }
#sub.m81 .box .r2 .col-m:first-child,
#sub.m81 .box .r2 .col-m:nth-child(3n+1){clear:both; margin-left:auto; }
#sub.m81 .box .r2 .col-m .img img{width:100%; }
#sub.m81 .box .r2 .col-m .txt{margin-top:12px; font-size: 17px; font-weight: 500; line-height: 1.41; color:#000; letter-spacing: -1px; }
#sub.m81 .box .r3 .title{font-size: 34px; font-weight: 300; line-height: 1.41;letter-spacing: -3px;color: #000000; }
#sub.m81 .box .r3 .tbox{margin-top:40px; overflow:hidden;}
#sub.m81 .box .r3 .tbox .l_txt{float:left; width:512px; margin-right:96px;}
#sub.m81 .box .r3 .tbox .l_txt .txt{margin-bottom:52px; font-size: 15px; line-height: 1.6; letter-spacing: -0.5px; word-break:keep-all; color: #222222; float:left; }
#sub.m81 .box .r3 .tbox .l_txt .txt .bin{margin-top:15px; }
#sub.m81 .box .r3 .tbox .l_txt .sign{font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; color:#000; text-align:right; }
#sub.m81 .box .r3 .tbox .l_txt .sign img{width:112px; height:64px; margin-left:14px; }
#sub.m81 .box .r3 .tbox .img{float:right; }
#sub.m81 .box .r3 .tbox .img img{width:284px; height:442px; }
#sub.m81 .box .r4{margin-top:7px; font-size: 19px; font-weight: 500; line-height: 1.47;letter-spacing: -1px;color: #222222; }
#sub.m81 .box .r5{margin-top:11px}
#sub.m81 .box .r5 .img_box{width:892px; overflow:hidden; }
#sub.m81 .box .r5 .img_box .col-b{float:left; width:446px; margin-bottom:40px; overflow:hidden; }
#sub.m81 .box .r5 .img_box .col-b .icon{float:left; margin-right:28px; }
#sub.m81 .box .r5 .img_box .col-b .icon img{width:64px; height:72px; }
#sub.m81 .box .r5 .img_box .col-b .txts{float:left; margin-top:10px; }
#sub.m81 .box .r5 .img_box .col-b .txts .t{font-size: 19px; margin-bottom:6px; font-weight: 500; line-height: 1.26; letter-spacing: -1px; color: #000000; }
#sub.m81 .box .r5 .img_box .col-b .txts .b{font-size: 16px;line-height: 1.25;letter-spacing: -0.5px; color: #666666; }
#sub.m81 .box .r6{margin-top:27px; }
#sub.m81 .box .rmar{margin-top:7px; }
#sub.m81 .box .r6 .img{margin-bottom:40px; text-align:center; }
#sub.m81 .box .r6 .img img{width:216px; height:86px; }
#sub.m81 .box .r6 .img2{margin-bottom:39px; text-align:center; }
#sub.m81 .box .r6 .img2 img{width:267px; height:143px; }
#sub.m81 .box .r6 .txt{width:892px; font-size: 19px; line-height: 1.47; margin-bottom:40px; letter-spacing: -1px; word-break:keep-all; color: #222222; }
#sub.m81 .box .r6 .tbox .tl{float:left; width:664px; }
#sub.m81 .box .r6 .tbox .tl .t{font-size: 18px; font-weight: 500; line-height: 1.78; letter-spacing: -1.06px; color: #000000; padding-bottom:10px; border-bottom:1px solid #000;}
#sub.m81 .box .r6 .tbox .tl .b{margin-top:11px; font-size: 18px; font-weight: 500; line-height: 1.56; color: #333333;}
#sub.m81 .box .r6 .tbox .tr{float:right; width:228px; margin-top:42px; text-align:right; }
#sub.m81 .box .r6 .tbox .tr .btn_jpg{width: 152px;height: 42px;padding:9px 0px; font-size: 15px; font-weight: 500; line-height: 1.6; color: #1565c0; background:#fff;border: solid 1px #1565c0; overflow:hidden; }
#sub.m81 .box .r6 .tbox .tr .btn_jpg img{width:24px; height:24px; margin-left:52px; position:relative; top:-2px; }
#sub.m81 .box .r7{margin-top:0px; overflow:hidden;}
#sub.m81 .box .r7 .col-b{float:left; width:208px; margin-left:20px; margin-bottom:30px; }
#sub.m81 .box .r7 .col-b:first-child,
#sub.m81 .box .r7 .col-b:nth-child(4n+1){margin-left:auto; }
#sub.m81 .box .r7 .col-b img{width:208px; height:80px; }

#sub.m111{width:86%; margin: 80px auto; }
#sub.m111 .main_title{font-size: 17px; margin-bottom:16px; line-height: 1.41; color: #00338e; font-weight:600; }
#sub.m111 .txts{font-size: 13px; line-height: 1.54; letter-spacing: -0.5px; color: #222222; }
#sub.m111 .txts .bold{word-break:keep-all;}
#sub.m111 .txts .bin1{margin-bottom:10px; }
#sub.m111 .txts .bin2{margin-bottom:25px; }