.kr{font-family: 'Noto Sans KR'; } .en{font-family: 'Lato', sans-serif;} #section1{position:relative;width:100%;margin:0 auto;background:url(../img/bg_topvis.png) repeat center top;text-align:center;overflow:hidden; height:100vh;} #section1 .content-wrapper{position:relative;width:100%;margin:0 auto;text-align:center;background:url(../img/line_visdott.png) repeat-x left 390px;height:100%;vertical-align:top;} #section1 .content-wrapper h1{position:absolute;width:110px;padding:0 10px;top:340px;left:0;text-align:left;background:url(../img/bg_topvis.png) repeat left top;transition:all ease 0.5s;} .iden_txt{position:relative;display:block;vertical-align:top;max-width:1200px;background:url(../img/bg_mo_mainvis.png) no-repeat center 0px;min-height:361px;margin:0 auto;text-align:center;color:#fff;overflow:hidden;margin-top:265px; z-index:10;} .iden_txt ul{float:left;padding:0;margin:0;} .iden_txt ul li{display:block;text-align:left;font-size:25px;margin-bottom:70px;line-height:150%;letter-spacing:-0.5px;font-weight:300;} .iden_txt ul li:nth-child(2){width:70%;background:url(../img/bg_topvis.png) repeat left top;} .iden_txt p{position:absolute;right:0;top:22%;color:#fff;font-size:40px;text-align:right;width:270px;background:url(../img/bg_topvis.png) repeat left top;letter-spacing:-0.5px;font-weight:300;} #section1 .object_box{position:absolute;width:100%;margin:0 auto;text-align:center;top:0;} #section1 .object_box .obbox{position:relative;width:1200px;margin:0 auto;text-align:center;height:800px;} #section1 .object01{position:absolute;top:30px;background:url(../img/bg_comp.png) no-repeat left 0px;padding:0 0 0 70px;left:238px;z-index:25;} #section1 .object02{position:absolute;top:170px;left:575px;z-index:26;} #section1 .object03{position:absolute;top:270px;left:550px;z-index:28;} #section1 .object03 img{max-width:90%;} #section1 .object04{position:absolute;bottom:140px;right:220px;z-index:30;background:url(../img/bg_vis_mobile.png) no-repeat 90% 0px;padding:90px 40px 0 0;} #section1 .content-wrapper h3{position:absolute;z-index:20;bottom:90px;font-family: 'Lato', sans-serif;font-size:110px;box-sizing:border-box;padding-left:100px;letter-spacing:100px;text-align:center;color:rgba(256,256,256,0.05);text-transform:uppercase;width:100%;} .move{ opacity:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; } #section1 .bigtxt{position:absolute;z-index:22;width:100%;bottom:-23px;margin:0 auto;text-align:center;} #section1 .bigtxt span{display:block;color:#fff;text-align:center;font-size:35px;padding:0px 0 140px 0;background:url(../img/img_keyboard.png) no-repeat center bottom;} #section1 .bigtxt span br{display:none;} #section1 .object_new1223{position: absolute;left:50%;bottom:40%; transform:translate(-50%,0); z-index:0;} #section1 .object_new1223 img{width:100%;} #section2{position:relative;width:100%;margin:0 auto;text-align:center;overflow:hidden;margin-bottom:40px;} #section2 .content-wrapper{position:relative;display:block;left:0;width:92%;margin:0 auto;text-align:center;} /* #section2 #header{position:relative;margin:0 auto;text-align:center;width:100%;top:0;vertical-align:top;overflow:hidden;margin-bottom:5px;} #section2 #header h1{position:absolute;left:0px;width:auto;margin-top:5px;} #section2 #header .gnb{position:absolute;right:0px;top:25px;} #section2 #header .gnb a{display:inline-block;border:1px solid #222;width:29px;height:29px;} #section2 #header .gnb a:nth-child(2){margin-left:-5px;border-left:none;} #section2 #header .lnb{position:relative;margin:0 auto;text-align:center;padding:30px 0;} #section2 #header .lnb ul li{display:inline-block;padding:0 30px;background:url(../img/ic_gnb.png) no-repeat left 7px;text-align:center;} #section2 #header .lnb ul li:first-child{background:none;} #section2 #header .lnb ul li a{display:block;color:#000;font-weight:600;font-family: 'Lato', sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;}*/ #section2 #header{position:absolute;margin:0 auto;text-align:center;width:100%;top:0;vertical-align:top;overflow:hidden;margin-bottom:5px;z-index:10;height:90px; -webkit-transition: position ease 0.3s; -moz-transition: position ease 0.3s; transition: position ease 0.3s; } .fixed{background:#fff; animation: nsoft 0.5s 1; -webkit-animation: nsoft 0.5s 1; -webkit-transition: position ease 0.3s; -moz-transition: position ease 0.3s; transition: position ease 0.3s; } @-webkit-keyframes nsoft { 0% {opacity:0.2;} 50% {opacity:0.5;} 100% {opacity:1.0;} } .absol{position:absolute;} #section2 #header h1{position:absolute;width:auto;margin-top:5px;left:4.5%;z-index:999;cursor:pointer} #section2 #header .gnb{position:absolute;right:4.5%;top:25px;} #section2 #header .gnb a{display:inline-block;border:1px solid #222;width:38px;height:38px;} #section2 #header .gnb a:nth-child(1){} #section2 #header .gnb a:nth-child(2){margin-left:-6px;border-left:none;} #section2 #header .gnb a:nth-child(3){margin-left:-6px;border-left:none;} #section2 #header .gnb a:nth-child(4){margin-left:-6px;border-left:none;} #section2 #header .lnb{position:relative;margin:0 auto;text-align:center;padding:10px 0;} #section2 #header .lnb ul li{display:inline-block;padding:0 30px;background:url(../img/ic_gnb.png) no-repeat left 7px;text-align:center;} #section2 #header .lnb ul li:first-child{background:none;} #section2 #header .lnb ul li a{display:block;color:#000;font-weight:600;font-family: 'Lato', sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;} #section2 .introbox{position:relative;width:100%;background:url(../img/bg_gray.png) repeat center;min-height:520px;margin-top:90px;padding-bottom:110px} #section2 .introbox h3{display:block;color:#284ca0;margin:0 auto;text-align:center;overflow:hidden;padding:80px 0 40px 0;font-size:35px;font-weight:normal;font-family: 'Noto Sans KR'; } #section2 .introbox ul {padding:0;margin:0 auto;display:block;width:95%;overflow:hidden;} #section2 .introbox ul li{float:left;display:table;width:calc(100%/ 3);font-family: 'Noto Sans KR'; } #section2 .introbox ul li img{display:block;margin:0 auto;} #section2 .introbox ul li:nth-child(2) img{margin-top:20px;} #section2 .introbox ul li:nth-child(3) img{margin-top:20px;} #section2 .introbox ul li:nth-child(4) img{margin-top:75px;} #section2 .introbox ul li p{display:block;text-align:center;margin-top:20px;font-size:18px;color:#284ca0;font-weight:400;line-height:150%;} #section2 .introbox ul li p strong{display:block;color:#222;font-weight:400;font-size:22px;} #section2 .introbox span{display:block;width:100%;margin:0 auto;font-size:25px;font-weight:400;margin-top:30px;color:#284ca0;overflow:hidden;line-height:150%;letter-spacing:-1px;} #section2 .introbox .new_intro_linchpin{width:90%; max-width:1140px; margin:40px auto 0;} #section2 .introbox .new_intro_linchpin img{width:100%; max-width:1200px;} #section2 .introbox ul.peo_list{display:flex;} #section2 .introbox ul.peo_list li{float:none;display:block; margin-right:1%;} #section2 .introbox ul.peo_list li .img{display: inline-block; padding:12px 24px 0 24px;background: rgba(255,255,255,0.5); border-radius:20px; overflow: hidden; box-sizing:border-box } #section2 .introbox ul.peo_list li .img img{width:100%;} #section2 .introbox ul.peo_list li:nth-child(2) img{margin-top:0;} #section2 .introbox ul.peo_list li:nth-child(3) img{margin-top:0;} #section2 .introbox ul.peo_list li:nth-child(4) img{margin-top:0;} #section2 .introbox ul.peo_list li p{margin-top:16px;} #section3{position:relative;width:100%;margin:0 auto;text-align:center;} #section3 .content-wrapper{position:relative;display:block;left:0;width:92%;margin:0 auto;text-align:center;vertical-align:top;} #section3 .content-wrapper h3{display:block;color:#284ca0;margin:0 auto;text-align:center;overflow:hidden;padding:0px 0 40px 0;font-size:35px;font-weight:normal;font-family: 'Noto Sans KR'; } #section3 .content-wrapper h3.pt40{padding-top:40px; } #section3 .content-wrapper .workbox{display:inline-block;width:24.5%;box-sizing:border-box;vertical-align:top;min-height:500px;margin-bottom:20px;} #section3 .content-wrapper .workbox p{display:block;color:#fff;font-family: 'Lato', sans-serif;font-size:14px;letter-spacing:1px;font-weight:bold;padding:80px 0 0px 0;} #section3 .content-wrapper .workbox h4{display:table;width:100%;text-align:center;color:#fff;font-family: 'Noto Sans KR'; font-size:15px;background:url(../img/bg_penta.png) no-repeat center top;height:188px;} #section3 .content-wrapper .workbox h4 em{display:table-cell;vertical-align:middle;font-style:normal;} #section3 .content-wrapper .workbox h4 strong{font-size:25px;font-weight:normal;display:block;line-height:140%;} #section3 .content-wrapper .workbox span{display:block;margin:0 auto;color:#fff;font-family: 'Noto Sans KR'; line-height:150%;font-size:15px;font-weight:400;text-align:center;width:90%;margin-top:40px;} .work01{background:url(../img/bg_work01.png) no-repeat center top;} .work02{background:url(../img/bg_work02.png) no-repeat center top;} .work03{background:url(../img/bg_work03.png) no-repeat center top;} .work04{background:url(../img/bg_work04.png) no-repeat center top;} .process .procbox{position:relative;overflow:hidden;width:100%;background:#284ca0;box-sizing:border-box;padding:80px 7% 50px 7%;} .process .procbox ul{padding:0;margin:0;} .process .procbox ul li{float:left;width:16.66%;color:#a1b7eb;font-family: 'Noto Sans KR'; font-size:15px;text-align:left;line-height:140%;} .process .procbox ul li img{display:block;margin-bottom:20px;} .process .procbox ul li strong{display:block;margin-bottom:15px;color:#fff;font-size:25px;font-weight:normal} .mo_process{display: none;} .mo_process .procbox{position:relative;overflow:hidden;width:100%;background:#284ca0;box-sizing:border-box;padding:30px 4% 30px 4%;} .mo_process .procbox ul{padding:0;margin:0;} .mo_process .procbox ul li{display:block;width:100%;color:#a1b7eb;font-family: 'Noto Sans KR'; font-size:15px;text-align:center;line-height:140%;padding-bottom:20px;margin-bottom:10px;border-bottom:1px dotted rgba(256,256,256,0.4);} .mo_process .procbox ul li img{display:block;margin:0 auto;margin-bottom:20px;} .mo_process .procbox ul li strong{display:block;margin-bottom:15px;color:#fff;font-size:20px;text-align:center;} .mo_process .procbox ul li span{display:block;margin:0 auto;margin-top:20px;width:90%;color:#fff;background:url(../img/ic_comm_down.png) no-repeat center top;background-size:18px auto;padding-top:26px;text-align:center;} .comment{position:relative;overflow:hidden;width:100%;background:#284ca0 url(../img/line_w_dott.png) repeat-x center 17px;box-sizing:border-box;padding:0 0 20px 0;} .comment h4{float:left;font-size:20px;font-weight:bold;color:#fff;font-family: 'Noto Sans KR'; margin:0 2%;} .comment ul{padding:0;float:left;margin:0%;box-sizing:border-box;width:85%;} .comment ul li{float:left;background:url(../img/ic_comm_down.png) no-repeat left top;margin-top:5px;color:#fff;font-family: 'Noto Sans KR'; width:16.66%;padding:50px 20px 50px 0;box-sizing:border-box;text-align:left;line-height:140%;} .abpro{position:relative;overflow:hidden;width:100%;background:url(../img/bg_process_box.png) no-repeat center top;min-height:530px;} .abpro h3{display:block;color:#fff !important;} .abpro .abbox{display:block;margin:0 auto;width:1200px;overflow:hidden;margin-bottom:50px;background:url(../img/ic_whiteone.png) no-repeat right 51%;} .abpro .abbox ul{float:left;background:url(../img/line_w_dott.png) repeat-x center 72px;width:90%;} .abpro .abbox ul li{float:left;width:20%;color:#fff;display:table;background:url(../img/bg_cir_on.png) no-repeat center top;height:142px;font-weight:bold;line-height:140%;font-size:18px;} .abpro .abbox h4{float:left;display:table;background:url(../img/ic_whiteone.png) no-repeat right 51%;width:10%;color:#fff;height:142px;font-weight:bold;font-family: 'Lato', sans-serif;} .abpro .abbox ul li span, .abpro .abbox h4 span{display:table-cell;vertical-align:middle;} .abpro .abbox h4 strong{font-size:25px;} /*22년도수정*/ .abpro.modify2022 {min-height:500px;} .abpro.modify2022 h3.sub-title span.eng {color:#fff !important;} .abpro.modify2022 .abbox { margin-top:50px; margin-bottom:0; background-image:url(../img/ic_whiteone.png),url(../img/ic_whiteone.png); background-repeat:no-repeat, no-repeat; background-position:left 51%, right 51%; } .abpro.modify2022 .abbox>* {width:100%; height:auto;} .abpro.modify2022 .abbox>h4 {background:none;} .abpro.modify2022 .abbox ul li {width:calc(100%/7);} #section3 .content-wrapper .style{display:block;max-width:1200px;margin:0 auto;overflow:hidden;} #section3 .content-wrapper .style h3{padding-top:30px;} #section3 .content-wrapper .style h3.logo-linchpin {padding-top:70px;} #section3 .content-wrapper .style ul{padding:0;margin:0;display:block;overflow:hidden;margin:30px 0 80px 0;} #section3 .content-wrapper .style ul li{float:left;width:33.33%;display:table;box-sizing:border-box;padding:0 40px;font-size:18px;line-height:150%;} #section3 .content-wrapper .style ul li img{display:block;margin:0 auto;margin-bottom:20px;} #section3 .content-wrapper .style p{display:block;margin:0 auto;text-align:center;font-size:30px;font-weight:bold;letter-spacing:1px;color:#222;width:100%;margin-bottom:80px;} #section4{position:relative;width:100%;margin:0 auto;text-align:center;background:url(../img/bg_contact.png) repeat;height:400px;} #section4 .content-wrapper{position:relative;display:block;left:0;width:100%;margin:0 auto;text-align:center;vertical-align:top;padding:35px 0 0 0;} #section4 .content-wrapper .conbox{display:block;margin:0 auto;width:1200px;padding:40px 0;overflow:hidden;margin-bottom:40px;} #section4 .content-wrapper .coninfo{float:left;width:40%;} #section4 .content-wrapper .coninfo h3{display:block;color:#284ca0;margin:0 auto;text-align:left;letter-spacing:1px;overflow:hidden;padding:40px 0 20px 0;font-size:35px;font-weight:normal;font-family: 'Lato', sans-serif;text-transform:uppercase;} #section4 .content-wrapper .coninfo span{font-size:18px;display:block;text-align:left;margin-bottom:20px;} #section4 .content-wrapper .coninfo strong{display:block;text-align:left;color:#284ca0;font-family: 'Lato', sans-serif;letter-spacing:1px;font-size:20px;margin-bottom:40px;} #section4 .content-wrapper .coninfo strong img{margin-right:10px;} #section4 .content-wrapper .coninfo p{display:block;text-align:left;} #section4 .content-wrapper .contact{float:left;width:60%;box-sizing:border-box;padding:40px 0;} #section4 .content-wrapper .contact input.intxt{width:100%;border:1px solid #ddd;-webkit-appearance:none;background:#fff;padding:12px 20px;box-sizing:border-box;font-size:12px;text-transform:uppercase;color:#888;letter-spacing:1px;font-family: 'Lato', sans-serif;} #section4 .content-wrapper .contact textarea{width:100%;border:1px solid #ddd;-webkit-appearance:none;background:#ece8e8;padding:12px 20px;min-height:100px;box-sizing:border-box;font-family: 'Noto Sans KR'; font-size:12px;text-align:left;color:#666;overflow-y:scroll;} #section4 .content-wrapper .contact textarea.comment{height:150px;background:#fff;color:#888;letter-spacing:1px;font-family: 'Lato', sans-serif;padding:10px 20px;text-transform:uppercase;} #section4 .content-wrapper .contact .submit{width:auto;background:#284ca0;background-size:auto;border:1px solid #284ca0;padding:13px 208px;} #section4 .content-wrapper .contact input.bt{width:auto;border:none;padding:0;} #section4 .content-wrapper .contact input.ch{float:left;width:20px;height:20px;background:#fff;border:1px solid #ddd;} #section4 .content-wrapper .map{display:block;width:100%;border:0;overflow:hidden;padding:0;margin:0;background:#fff;} #section3 .content-wrapper .bt_banner{width:100%; margin-bottom:70px; background:url(../img/bt_bannerbg.jpg) no-repeat center center; background-size:100%;z-index:-10000} #section3 .content-wrapper .bt_banner ul{width:60%; height:340px; margin:0 auto; overflow:hidden} #section3 .content-wrapper .bt_banner ul li{display:block; float:left; width:100%; } #section3 .content-wrapper .bt_banner ul li a{padding:130px 0 200px; display:block; } #section3 .content-wrapper .bt_banner ul li.bt_left a{position:absolute; left:50%;display:inline-block; width:386px;margin-left:-460px; z-index:10000} #section3 .content-wrapper .bt_banner ul li.bt_right a{position:absolute;left:50%;display:inline-block; margin-left:60px; } .selectbox {position:relative;float:left;width:29.2%; height: 41px; line-height: 41px; background: #fff url(../img/ic_select.png) no-repeat 95% 50%; border: 1px solid #ddd; z-index: 1; } .selectbox label { position: absolute; top: 0px; left: 5px; height: 41px; line-height: 41px; color: #999; z-index: -1; } .selectbox select { width: 100%; height: 40px; line-height: 40px; font-family: inherit; border: 0; opacity: 0; z-index:40; filter:alpha(opacity=0); -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } table.cform tr td span{float:left;font-size:13px;color:#666;} table.cform tr td.pt20{padding:10px 0;} #footer{ position:relative; width:100%; margin:30px auto 190px; text-align:center; clear:both; } #footer p{display:block;margin:0 auto;margin-bottom:20px;} #footer dl{margin:0;padding:0;margin:0 aut0;display:block;} #footer dl dt{display:inline-block;vertical-align:top;font-size:14px;color:#666;} #footer dl dd{display:inline-block;vertical-align:top;padding:0 10px 0 10px;font-size:14px;color:#666;} #footer cite{font-style:normal;display:block;text-align:center;font-size:11px;color:#888;font-family: 'Lato', sans-serif;letter-spacing:1px;text-transform:uppercase;padding:10px 0;} #footer.modify2305 {margin:30px auto 70px;} #section1 .m_top_tel{display:none;} #m_db{display:none;} .layer{display:none;} /* DB */ #db{position:fixed;width:100%; min-width:1200px; height:204px;bottom:0; background:url(../img/web_db.png?=ver20200120) no-repeat center 0; z-index:10000; } #db .db_inner{position: relative; width:1200px; margin:60px auto 0; overflow:hidden;} #db .db_inner .db_input{float:left; padding:10px 0 0 0px; margin-right:30px; } #db .db_inner .db_input ul{float:left;margin-right:5px; } #db .db_inner .db_input ul input{padding:8px; height:30px;width:240px; font-size:12px; border:1px solid #e3dbdb;margin-bottom:3px;} #db .db_inner .db_input ul textarea{width:280px;padding:8px; height:64px;font-size:12px;border:1px solid #e3dbdb;} .db_info{ clear:both; font-size:13px;} .db_info .popon{color:#284ca0; font-weight:bold;} .db_bt{position: absolute; top:36px ;left:50%;margin-left:-25px; } /* 레이어팝업 */ .layer{position:fixed; display:none; left:0;bottom:25%; z-index:3000000; width:100%;} .layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#284ca0; padding:5px; border-radius:0 8px 0 10px;} .layer .layer_wrap{position:relative;width:90%; max-width:900px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);} .layer .layer_wrap .DB_info_detail{width:100%; margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;} .layer .layer_wrap .DB_info_detail h2{padding:25px 20px 0px; font-size:21px; font-weight:bold;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;} .content-wrapper h2{ font-size:1.2em ;letter-spacing:-0.05em; color:#303132; padding-bottom:20px;font-family: 'NanumSquare', sans-serif; } /*22-11추가작업*/ #section3 h3.sub-title {padding:0; margin-top:120px; font-size:30px; padding-top:100px; position:relative; letter-spacing:-1px;} #section3 h3.sub-title.none {padding-top:0;} #section3 h3.sub-title.none:before {display:none;} #section3 h3.sub-title:before {position:absolute; top:0; left:50%; width:1px; height:80px; background:#aaa; display:block; content:"";} #section3 h3.sub-title span.eng {font-weight:500; font-family:'Lato', sans-serif; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:#333; display:block;} #section3 h3.sub-title span.eng b {margin-right:5px; font-weight:500;} #section3 h3.sub-title.first {margin-top:0;} #section3 p.sub-explain {margin-top:10px; margin-bottom:30px; font-size:16px; font-weight:400; letter-spacing:-.5px; color:#666;} #section3 div.sub-contents {position:relative; z-index:1; margin-bottom:150px;} #section3 article.sub-contents-wrap {position:relative; z-index:1; margin-bottom:150px;} #section3 article.sub-contents-wrap>a, #section3 div.sub-contents>a { position:absolute; bottom:0; right:3%; transform:translateY(50%); z-index:2; border-radius:50%; box-shadow:5px 5px 10px rgba(0,0,0,.2); } #section3 .homebox {border:1px solid #eee; background:#f0f0f0; padding:80px 7%;} #section3 .homebox>div {display:flex; flex-wrap:wrap;} #section3 .homebox>div+div {margin-top:50px; padding-top:50px; border-top:1px dotted #ccc;} #section3 .homebox>div .sub-contents-inner {width:calc(100% - 140px); display:flex; padding-right:50px;} #section3 .homebox>div .sub-contents-inner>a {width:calc(100%/4); padding:0 10px;} #section3 .homebox>div .sub-contents-inner>a img {max-width:100%;} #section3 .homebox>div>a {width:140px;} #section3 .webbox {border:1px solid #eee; background:#f0f0f0; padding:80px 7%;} #section3 .webbox {display:flex;} #section3 .webbox>div {width:50%; display:flex; flex-wrap:wrap; padding-left:50px; justify-content:center;} #section3 .webbox>div>a {position:relative;} #section3 .webbox>div>a span { display: block; position:absolute; top:100px; left:-20px; color:#bbb; font-weight:600; font-family:'Lato', sans-serif; font-size:14px; letter-spacing:1px; line-height:0; transform:rotate(-90deg); transform-origin:bottom left; text-align:right; text-transform:uppercase; } #section3 .webbox>div>a span b {color:#284ca0; font-weight:800;} #section3 .sub-contents-wrap.partners-wrap {position:relative; overflow:hidden;} #section3 .partnerbox>article {width:90%; max-width:1600px; margin:0 auto;} #section3 .partnerbox .logoplay { margin-top:30px; display:flex; align-items:center; } #section3 .partnerbox .logoplay .partner-intro { max-width:200%; flex-shrink:0; display:flex; animation:logoplay 40s infinite linear; align-items:center; justify-content:space-around; } #section3 .partnerbox .logoplay .partner-intro>div {margin-right:100px;} #section3 .partnerbox .logoplay .partner-intro>div img {max-width:100%; height:auto;} @keyframes logoplay{ 0% {transform:translateX(0%)} 100% {transform:translateX(-100%)} }​ /* 미디어쿼리 */ @media screen and (max-width: 1700px) { .process .procbox ul li{padding-right:10px;box-sizing:border-box;} .process .procbox ul li br{display:none;} } @media screen and (max-width: 1500px) { #section1 .content-wrapper h1{left:7%;top:70px;background:none;} .procbox{padding:50px 4%} .procbox ul li{width:15.6%;margin-right:1%;} .procbox ul li strong{font-size:22px;} .procbox ul li br{display:none;} .comment h4{float:none;display:block;margin:0 auto;width:100%;margin-bottom:20px;} .comment h4 br{display:none;} .comment {padding:20px 4%;float:none;display:block;margin:0 auto;text-align:center;box-sizing:border-box;background-position:center 85px;} .comment ul {width:100%;} .comment ul li{width:15.6%;margin-right:1%;} #section2 .introbox ul li {position:relative;width:24%;float:none;display:inline-block;box-sizing:border-box;} #section2 .introbox span{font-size:20px;margin-top:16px;} #section2 .introbox ul li p{font-size:14px;bottom:0;} #section2 .introbox ul li p strong{font-size:18px;} #section2 .introbox ul li {vertical-align:top;} #section2 .introbox ul li img{vertical-align:top;} #section2 .introbox ul li:nth-child(4) img{margin-top:0px;margin-bottom:80px;} #section2 .introbox ul li:nth-child(2) img{margin-top:0;margin-bottom:50px;} #section2 .introbox ul li:nth-child(3) img{margin-top:0;margin-bottom:50px;} #section3 .content-wrapper .workbox h4 strong{font-size:22px;} #section2 .introbox ul.peo_list li p{margin-top:12px;} #section2 .introbox ul.peo_list li:nth-child(1) img{margin-top:0px;margin-bottom:0;} #section2 .introbox ul.peo_list li:nth-child(4) img{margin-top:0px;margin-bottom:0; } #section2 .introbox ul.peo_list li:nth-child(2) img{margin-top:0;margin-bottom:0; ;} #section2 .introbox ul.peo_list li:nth-child(3) img{margin-top:0;margin-bottom:0;} .process .procbox ul{display: flex; } } @media screen and (max-width: 1200px) { .process .procbox ul{display: flex; flex-wrap:wrap;justify-content: space-between;} .process .procbox ul li{float:none; width:calc(100%/ 3 - 20px);} #section1 .content-wrapper h1{left:0%;top:30px;margin:0 auto;text-align:center;width:100%;background:none;} #section1 .object_box .obbox{width:90%;} .iden_txt{width:85%;} #section1 .bigtxt{bottom:-50px;} #section1 .object01{left:17%;top:12%;padding:0;} #section1 .object01 img{max-width:80%;} #section1 .object02{left:45%;top:16%;} #section1 .object02 img{max-width:90%;} #section1 .object03{left:46%;top:25%;z-index:40;} #section1 .object03 img{max-width:80%;} #section1 .object04{right:18%;bottom:15%;} #section1 .object04 img{max-width:80%;} #section1 .content-wrapper h3{font-size:90px;letter-spacing:50px;} .iden_txt ul li{font-size:22px;} .iden_txt p{font-size:35px;} #section1 .bigtxt span{font-size:30px;} #section2 {} #section2 .content-wrapper{width:100%;} #section2 .introbox ul{width:98%;} #section2 .introbox ul li {width:49.55%;float:none;display:inline-block;box-sizing:border-box;} #section2 .introbox ul li:nth-child(4) img{margin-top:40px;margin-bottom:40px;} #section3 {overflow:hidden;box-sizing:border-box;} #section3 .content-wrapper{width:98%;overflow:hidden;} #section3 .content-wrapper .workbox{width:49.5%;background-size:100% 100%;margin-bottom:3px;} #section3 .content-wrapper .style{width:100%;max-width:100%;} #section4 .content-wrapper .conbox{width:100%;} .abpro{min-height:600px;background-size:auto 100%;} .abpro .abbox{width:100%;background:none;margin-bottom:20px;} .abpro .abbox h4{display:block;float:none;margin:0 auto;text-align:center;background:none;height:auto;margin-bottom:20px;} .abpro .abbox ul{display:block;float:none;width:100%;background:none;} .cd-vertical-nav{display:none !important;} .cd-nav-trigger{display:none !important;} #section4 .content-wrapper .conbox{width:98%;margin:0 auto;} #section2 .introbox ul.peo_list{display:flex; flex-wrap: wrap} #section2 .introbox ul.peo_list li{width:48%; margin:1%;} #section2 .introbox ul.peo_list li .img img{width:auto;} #section2 .introbox ul.peo_list li:nth-child(4) img{margin-top:0px;margin-bottom:0;} #section2 .introbox ul.peo_list li:nth-child(2) img{margin-top:0;margin-bottom:0;} #section2 .introbox ul.peo_list li:nth-child(3) img{margin-top:0;margin-bottom:0;} #section2 .introbox ul.peo_list li p{margin-top:4px; margin-bottom:16px;} } @media screen and (max-width: 1024px) { .process .procbox ul li{float:none; width:calc(100% / 2 - 20px)} .sub-contents-wrap.ps_new{display: none;} .mo_process{display: block;} .sub-contents-wrap.ps_new{display: none;} .iden_txt{width:98%;} .iden_txt p{font-size:30px;} .iden_txt ul li{font-size:20px;} #section2 .introbox h3{font-size:30px;} #section3 .content-wrapper h3{font-size:40px;padding:30px 0;} #section3 .content-wrapper h3.pt40{padding:40px 0;font-size:30px;} .iden_txt{background-size:300px auto;} #section1 {min-height:1000px; } #section1 .object01 img{max-width:70%;} #section1 .object03 img{max-width:70%;} #section1 .object03{display:none;} .iden_txt p{background:none;} #section1 .object02{top:20%;} #section1 .object01{top:18%;} .cd-scroll-down{display:none;} .cd-image-replace{display:none;} #section2 #header .gnb{display:none;} #section2 #header .lnb{float:right;} .move{opacity:1.0 !important;} #section1 .bigtxt span br{display:block;} body {overflow-x:hidden;} #section3 .content-wrapper {width:100%;} #section3 .content-wrapper .bt_banner{display:none} #section3 .content-wrapper .bt_banner2{width:100%; overflow:hidden;} #section3 .content-wrapper .bt_banner2 ul{ margin:0 auto; overflow:hidden} #section3 .content-wrapper .bt_banner2 ul li{display:block; float:left; width:100%; } #section3 .content-wrapper .bt_banner2 ul li img{width:100%; } #section3 .content-wrapper .bt_banner ul{width:100%; height:340px; margin:0 auto; overflow:hidden} /*22-11추가작업*/ #section3 h3.main-title {font-size:30px;} #section3 h3.sub-title {padding:0; margin-top:40px; font-size:24px; padding-top:50px; position:relative; letter-spacing:-1px;} #section3 h3.sub-title.none {padding-top:0;} #section3 h3.sub-title.none:before {display:none;} #section3 h3.sub-title:before {position:absolute; top:0; left:50%; width:1px; height:40px; background:#aaa; display:block; content:"";} #section3 h3.sub-title span.eng {font-size:12px;} #section3 p.sub-explain {margin-top:10px; margin-bottom:20px; font-size:15px; word-break:keep-all;} #section3 p.sub-explain br {display:none;} #section3 div.sub-contents {position:relative; z-index:1; margin-bottom:150px;} #section3 article.sub-contents-wrap {position:relative; z-index:1; margin-bottom:100px;} #section3 article.sub-contents-wrap .procbox {padding-bottom:100px;} #section3 article.sub-contents-wrap>a, #section3 div.sub-contents>a { position:absolute; bottom:0; right:50%; transform:translate(50%, 50%); z-index:2; border-radius:50%; box-shadow:5px 5px 10px rgba(0,0,0,.2); } #section3 div.sub-contents {padding:30px 4% 100px;} #section3 div.sub-contents {display:flex; flex-wrap:wrap;} #section3 div.sub-contents>div {width:100%; display:flex; flex-wrap:wrap;} #section3 div.sub-contents>div+div {margin-top:20px;} #section3 .homebox>div .sub-contents-inner {flex-wrap:wrap;} #section3 .homebox>div .sub-contents-inner>a {width:50%;} #section3 .homebox>div .sub-contents-inner>a:nth-child(2)~a {margin-top:20px;} #section3 div.sub-contents.homebox {padding-bottom:30px !important;} #section3 div.sub-contents.homebox>div+div {margin-top:50px;} #section3 .webbox>div img {max-width:100%;} #section3 .webbox>div {width:50%; display:flex; flex-wrap:wrap; padding-left:50px; justify-content:center;} #section3 .webbox>div>a {position:relative;} #section3 .webbox>div>a span { display: block; position:absolute; top:100px; left:-20px; color:#bbb; font-weight:600; font-family:'Lato', sans-serif; font-size:14px; letter-spacing:1px; line-height:0; transform:rotate(-90deg); transform-origin:bottom left; text-align:right; text-transform:uppercase; } #section3 .webbox>div>a span b {color:#284ca0; font-weight:800;} #section3 .partnerbox {overflow:hidden; width:100vw; max-width:100%;} #section3 .partnerbox>article+article {margin-top:120px;} #section3 .partnerbox .logoplay .partner-intro {animation:logoplay 30s infinite linear;} #section3 .partnerbox .logoplay .partner-intro>div img {max-width:initial; height:35px;} #section3 .partnerbox .logoplay .partner-intro+div {display:none;} .abpro.modify2022 .abbox {background:none;} .abpro.modify2022 .abbox ul li {width:calc(100%/4);} .abpro.modify2022 .abbox ul li:nth-child(4)~li {margin-top:30px;} #section2 .introbox ul.peo_list li .img{padding:16px 8px 0 8px; width:100%;} } @media screen and (max-width: 640px) { .process .procbox ul li{float:none; width:100%;} #section1{padding-top:15%;} .iden_txt{background:none;} #section1 h1 img{max-width:80%;} #section1 .content-wrapper{background:none;} #section1 .object02{display:none;} #section1 .object01{background:none;top:14%;} #section1 .object04{background:none;bottom:6%;padding:0;right:35%;} #section1 .object04 img{max-width:227px;} #section1 .object01 img{max-width:220px;} .iden_txt ul {float:none;display:block;margin:0 auto;} .iden_txt ul li{margin-bottom:20px;text-align:center;} .iden_txt ul li:nth-child(2){text-align:center;width:100%;} .iden_txt p{display:block;position:relative;margin:0 auto;text-align:center;overflow:hidden;} #section1 .content-wrapper h3{font-size:50px;letter-spacing:5px;padding-left:0;} #section1 .bigtxt{bottom:-170px;} #section1 .bigtxt span{background-size:250px auto;background-position:center 80%;} #section1 .bigtxt span{font-size:28px;} #section2 #header{display:none;} #section2{position:relative;} #section2 .introbox{display:block;margin-top:0;} #section3 .content-wrapper .workbox{width:100%;float:none;display:block;} #section2 .introbox ul li{width:90%;display:block;margin:0 auto;float:none;} #section2 .introbox ul li:nth-child(1) img{max-width:60%;} #section2 .introbox ul li:nth-child(2) img{max-width:60%;} #section2 .introbox ul li:nth-child(3) img{max-width:50%;} #section2 .introbox ul li:nth-child(4) img{max-width:55%;} #section2 .introbox ul.peo_list li .img{padding:8px 8px 0 8px;} #section2 .introbox ul.peo_list li:nth-child(1) img{max-width:85%;} #section2 .introbox ul.peo_list li:nth-child(2) img{max-width:85%;} #section2 .introbox ul.peo_list li:nth-child(3) img{max-width:85%;} #section2 .introbox ul.peo_list li:nth-child(4) img{max-width:85%;} #section2 .introbox h3{font-size:28px;padding:60px 0 30px;} #section2 .introbox span {width:90%;font-size:18px;} #section2 .introbox span br{display:none;} #section2 .introbox .new_intro_linchpin{width:94%; max-width:980px; margin:32px auto 0;} #section3 .content-wrapper h3{font-size:28px;} #section3 .content-wrapper h3.pt40{font-size:28px;} .abpro .abbox ul li{width:50%;font-size:14px;margin-bottom:5px;} #section3 .content-wrapper .style ul{margin:30px 0;} #section3 .content-wrapper .style ul li{width:100%;float:none;display:block;margin:0 auto;margin-bottom:15px;font-size:14px;} #section3 .content-wrapper .style p{font-size:22px;} #section4 .content-wrapper .conbox{padding:0;} #section4 .content-wrapper .coninfo span{width:95%;margin:0 auto;font-size:14px;text-align:center;} #section4 .content-wrapper .coninfo{display:block;float:none;width:100%;} #section4 .content-wrapper .contact{display:block;float:none;width:100%;} #section4 .content-wrapper .contact .submit{padding:13px;} #footer{width:98%;font-size:13px;} #footer dl dt, #footer dl dd{font-size:13px;} #section4 .content-wrapper .coninfo p{width:70%;margin:0 auto;text-align:center;} #section4 .content-wrapper .coninfo p img{max-width:100%;} #section4 .content-wrapper .coninfo h3{font-size:28px;text-align:center;padding:20px 0;} #section4 .content-wrapper .coninfo strong{margin:0 auto;text-align:center;margin-top:4px;margin-bottom:20px;} .mo_process .procbox ul li:last-child{border:none;} #section1 .m_top_tel{display:block; top:0; position:fixed; width:70%;left:50%;margin-left:-35%; z-index:1000} /* #m_db{background: url(../img/m_db_bg.png) no-repeat 0 0 ; width:100%; padding:7% 0 4% 0; bottom:0; position:fixed;z-index:1000; display:block;} */ #m_db { background:#f9f9f9; width:100%; padding:2% 0; box-shadow:-20px 0 30px rgba(0,0,0,.3); /*수정*/ bottom:0; position:fixed;z-index:1000; display:block; } .m_db_box{width:90%; margin:0 auto} .m_db_box ul.left_box{width:29%;float:left;margin:0% 1% 0 0} .m_db_box ul.left_box img{width:100%} .m_db_box ul.right_box{width:70%; float:left;} .m_db_box ul.right_box h2{width:95%; } .m_db_box ul.right_box h2 img{width:100%;} #m_db ul input{float:left;border:1px solid #e3dbdb;height:25px; line-height:25px;padding-left:2%; margin-left:1%;} #m_db ul textarea{border:1px solid #e3dbdb;height:25px; border-radius:5px; line-height:25px; padding-left:2%; padding-top:0; margin:1% 0 0 1%;} #m_db .db_info{ clear:both; width:69%;float:right; color:#4a4a4a;margin:0.5% 0 1.8%; letter-spacing:-0.05em} #m_db .db_info .popon{color:#1746b5; font-weight:bold;} #m_db .db_bt2{display:block;clear:both; width:100%;margin:0 auto ;} #m_db .db_bt2 img{width:100%; text-align:center} .pop_bt2{font-size:0.85em} /*22-12 수정*/ .m_db_box.modify2022 textarea::-webkit-input-placeholder, .m_db_box.modify2022 input[type="text"]::-webkit-input-placeholder {color:#666 !important; font-family:initial !important; font-size:12px !important;} /*크롬,사파리*/ .m_db_box.modify2022 textarea::-moz-input-placeholder, .m_db_box.modify2022 input[type="text"]::-moz-placeholder {color:#666 !important; font-family:initial !important; font-size:12px !important;} /*파폭*/ .m_db_box.modify2022 textarea, .m_db_box.modify2022 input[type="text"] { width:100%; color:#000 !important; font-family:initial !important; font-size:12px !important; border:1px solid #e3dbdb; border-radius:5px; height:25px; line-height:25px; padding:0 2%; margin:0 !important; } .m_db_box.modify2022 textarea {resize:none; margin-top:1% !important;} .m_db_box.modify2022 {display:flex; flex-wrap:wrap;} .m_db_box.modify2022>div.left_box {width:25%; padding-right:3%;} .m_db_box.modify2022>div.left_box img {max-width:100%;} .m_db_box.modify2022>div.right_box {width:75%;} .m_db_box.modify2022>div.right_box h2 img {width:70%;} .m_db_box.modify2022>div.right_box .inner_input {display:flex;} .m_db_box.modify2022>div.right_box .inner_input div:first-child {width:34%;} .m_db_box.modify2022>div.right_box .inner_input div:last-child {width:66%; padding-left:1%;} .m_db_box.modify2022>div.right_box .inner_text {display:flex;} .m_db_box.modify2022 .db_info {float:none !important; width:100% !important; margin:0 important;} .m_db_box.modify2022 .btn_box {width:100%; margin-top:5px;} /* 레이어팝업 */ .layer{position:fixed; display:none; left:0;bottom:30px; z-index:3000000; width:100%;} .layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#284ca0; padding:5px; border-radius:0 8px 0 10px;} .layer .layer_wrap{position:relative;width:90%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);} .layer .layer_wrap .DB_info_detail{width:100%; margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;} .layer .layer_wrap .DB_info_detail h2{padding:25px 20px 0px; font-size:1.5em; font-weight:bold;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;} .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;} .content-wrapper h2{ font-size:1.2em ;letter-spacing:-0.05em; color:#303132; padding-bottom:14px;font-family: 'NanumSquare', sans-serif; } @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); #db{display:none; } /*22-11추가작업*/ #section3 .homebox>div .sub-contents-inner {width:100%; padding-right:0; padding-bottom:30px;} #section3 div.sub-contents.homebox>div+div {margin-top:30px; padding-top:30px;} #section3 .homebox>div>a {width:100%;} #section3 .homebox>div>a:nth-child(1)~a {margin-top:20px;} #section3 .partnerbox .logoplay .partner-intro {animation:logoplay 20s infinite linear;} /*pc x2*/ #section3 .partnerbox .logoplay .partner-intro>div {margin-right:50px;} .abpro.modify2022 .abbox {padding-bottom:30px;} .abpro.modify2022 .abbox ul li {width:calc(100%/2);} .abpro.modify2022 .abbox ul li:nth-child(2)~li {margin-top:10px;} #footer.modify2305 {padding:0 30px;} } /* ******************** 23-04 contact ******************** */ #section_contact .content-wrapper {position:relative; display:block; left:0; width:92%; margin:0 auto; text-align:center; vertical-align:top;} #section_contact .section { position:relative; overflow:hidden; width:100%; box-sizing:border-box; display:flex; justify-content:center; align-items:center; } #section_contact .section a { width:50%; padding:50px 7%; border:1px solid transparent; box-sizing:border-box; } #section_contact .section a .eng {font-weight:500; font-family:'Lato', sans-serif; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:#fff; display:block;} #section_contact .section b {letter-spacing:-1px; color:#fff; font-size:24px; font-weight:normal; font-family:'Noto Sans KR';} #section_contact .section a {background:#284ca0; transition:.3s;} #section_contact .section a.ad_counsel {background:#f0f0f0; border:1px solid #eee;} #section_contact .section a.ad_counsel>* {color:#000;} #section_contact .section a:hover {filter:contrast(130%); border:1px solid #284ca0;} #section_contact .section a.ad_counsel:hover>* {color:#284ca0;} /*공통 레이어 팝업창*/ .commonLayer{position:fixed; display:none; left:0;bottom:25%; z-index:2999990; width:100%;} .commonLayer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#284ca0; padding:5px; border-radius:0 8px 0 10px;} .commonLayer .layer_wrap{position:relative;width:90%; max-width:900px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);} .commonLayer .layer_wrap .DB_info_detail{width:100%; margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;} .commonLayer .layer_wrap .DB_info_detail h2{padding:25px 20px 0px; font-size:21px; font-weight:bold;} .commonLayer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;} .commonLayer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:390px; padding:8px 16px; overflow:auto; box-sizing:border-box;} .commonLayer h2 b {color:#284ca0;} /* .commonLayer .db_info {margin-top:10px;} */ /*공통 레이어 팝업창 - 폼*/ .formCommon .formWrap {background:#f0f0f0; padding:15px; border-radius:10px; font-size:15px; font-weight:500; font-family:'Noto Sans KR';} .formCommon .formWrap .inputWrap {display:flex;} .formCommon .formWrap .inputWrap+.inputWrap {margin-top:10px; padding-top:10px; border-top:1px dotted #ccc;} .formCommon .formWrap .inputWrap>label {width:17%; letter-spacing:-1px; color:#000; display:flex; align-items:center;} .formCommon .formWrap .inputWrap>label.required {padding-left:15px; background-position:left center !important;} .formCommon .formWrap .inputWrap>.formGroup {width:83%;} .formCommon .formWrap .inputWrap>.formGroup.radio {min-height:25px;} .formCommon .formWrap .inputWrap>.formGroup.radio {display:flex;} .formCommon .formWrap .inputWrap>.formGroup.radio li {margin-right:20px;} .formCommon .applyWrap {display:flex; justify-content:space-between; margin-top:15px;} .formCommon .applyWrap .applyBtn a { padding:10px 50px; display:inline-block; border-radius:5px; background:#284ca0; color:#fff; font-size:15px; font-weight:400; font-family:'Noto Sans KR'; } /* 체크박스+라디오버튼 */ .checkBoxType>li {float:left; display:inline-block; vertical-align:middle; line-height:1; font-weight:700; margin-top:3px;} .checkBoxType input[type='checkbox'] {position:absolute; left:-999999999999px;} .checkBoxType input[type='checkbox']+label {padding:5px 0 5px 30px; background:url(../img/i-radio.svg) left 3px no-repeat; cursor:pointer; background-size:25px;} .checkBoxType input[type='checkbox']:checked+label {background-image:url(../img/i-radio-on.svg);} .checkBoxType input[type='radio'] {position:absolute; left:-999999999999px;} .checkBoxType input[type='radio']+label {padding:5px 0 5px 30px; background:url(../img/i-radio.svg) left 3px no-repeat; cursor:pointer; background-size:25px;} .checkBoxType input[type='radio']:checked+label {background-image:url(../img/i-radio-on.svg);} .checkBoxType label {padding-left:40px; font-size:14px; font-weight:400; font-family:'Noto Sans KR'; cursor:pointer; position:relative;} /* 인풋 스타일 */ .formCommon input[type="text"], .formCommon input[type="password"], .formCommon input[type="number"], .formCommon select, .formCommon button, .formCommon textarea { z-index:0; position:relative; border:1px solid #ddd; height:35px; padding:8px; font-size:15px; line-height:1; color:#666; font-weight:400; font-family:'Noto Sans KR'; background-color:#fff; background-image:none; width:100%; -webkit-appearance: none; /*모바일에서 입체효과 없애기*/ -moz-appearance: none; appearance: none; -webkit-box-shadow:0 0 0 1000px transparent inset; } .formCommon input::-webkit-input-placeholder {color:#666 !important;} /*크롬,사파리*/ .formCommon input::-moz-placeholder {color:#666 !important;} /*파폭*/ .formCommon input:focus, .formCommon select:focus, .formCommon textarea:focus {z-index:1; outline:none !important; border:1px solid #aaa; background-color:#fff;} .formCommon select { cursor:pointer; color:#666; /* background-image:url(../images/common/arrow-down.png) !important; */ background-color:#fff !important; background-repeat:no-repeat !important; background-position:right 15px center !important; background-size:15px !important; -webkit-appearance: none; /*모바일에서 입체효과 없애기*/ -moz-appearance: none; appearance: none; } .formCommon textarea {width:100% !important; height:100px !important; resize:none;} .formCommon input:disabled, .formCommon input:read-only {background-color:#f7f7f7 !important; cursor:default; color:#888;} .formCommon input:-moz-disabled, .formCommon input:-moz-read-only {background-color:#eee !important;} .formCommon input:disabled:focus, .formCommon input:read-only:focus {border:1px solid #ccc !important;} .formCommon input:-moz-disabled:focus, .formCommon input:-moz-read-only:focus {border:1px solid #ccc !important;} .formCommon textarea {line-height:1.8; max-width:100%; min-width:100%;} .formCommon textarea:disabled {background:#f9f9f9 !important;} .formCommon button {cursor:pointer;} /*230502*/ #section_contact .content-wrapper2 {width:92%; margin:50px auto 150px;} #section_contact .content-wrapper2 {display:flex; background:#f0f0f0; align-items:start; padding:0 20%;} #section_contact .content-wrapper2 h3 {width:25%; padding:70px 0;} #section_contact .content-wrapper2 form {width:75%;} #section_contact .content-wrapper2 .formCommon .formWrap .inputWrap:last-child {padding-bottom:10px; border-bottom:1px dotted #ccc;} #section_contact h3{display:block;color:#284ca0;padding:0;font-size:35px;font-weight:normal;font-family: 'Noto Sans KR'; } #section_contact .formCommon {padding:70px 0;} #section_contact .formCommon .formWrap {padding:0;} @media screen and (max-width: 1400px) { #section_contact .content-wrapper2 {width:100%; display:flex; flex-wrap:wrap; padding:0 40px;} } @media screen and (max-width: 992px) { /* ******************** 23-04 contact ******************** */ #section_contact .section a {padding:50px 3%;} .formCommon .formWrap .inputWrap {flex-wrap:wrap;} .formCommon .formWrap .inputWrap>* {width:100% !important;} .formCommon .formWrap .inputWrap>label {margin-bottom:5px;} .commonLayer .layer_wrap .DB_info_detail .DB_info_detail_wrap {height:300px;} /*230502*/ #section_contact .content-wrapper2 {padding:40px;} #section_contact .content-wrapper2 {margin:50px auto 70px;} #section_contact .content-wrapper2>* {width:100% !important;} #section_contact .content-wrapper2 h3 {padding:0 !important; font-size:28px;} #section_contact .formCommon {padding:30px 0;} } @media screen and (max-width: 640px) { /* ******************** 23-04 contact ******************** */ #section_contact .section {flex-wrap:wrap;} #section_contact .section a {width:100% !important;} #section_contact .section b {font-size:20px;} #section_contact .section a .eng {font-size:10px;} .formCommon .formWrap .inputWrap>.formGroup.radio {flex-wrap:wrap;} .formCommon .formWrap .inputWrap>.formGroup.radio li {margin-right:0; width:50%; height:25px;} .formCommon .formWrap .inputWrap>.formGroup.radio li:nth-child(2)~li {margin-top:5px;} .formCommon .applyWrap {flex-wrap:wrap;} .formCommon .applyWrap>* {width:100% !important;} .formCommon .applyWrap .applyBtn {margin-top:10px;} .formCommon .applyWrap .applyBtn a {width:100%; padding:10px; text-align:center;} /* #section_contact .content-wrapper2 {padding:0 40px;} */ }