#content_wrap{overflow:hidden;margin-top:100px;} #main_search{position:relative} #login_wrap{position:absolute;top:0;left:0;z-index:999;padding:20px 0 0 10px;overflow:hidden} #loginBox{position:relative;width:222px;height:152px;background:url(../img/common/login_box_bg.gif) no-repeat;letter-spacing:-.1em} #loginBox h2, #infoNameServer h2{font-size:1.1em;padding:11px;letter-spacing:0} .loginId ,.loginPw{position:relative;margin:8px 0 0 10px} #loginId , #loginPw{display:block;padding:0 0 0 10px;width:117px;height:23px;line-height:23px;border:1px solid #eee} .loginId label, .loginPw label{position:absolute;top:3px;left:5px} .SSL_Login{position:absolute;top:11px;right:10px;font-size:11px} .SSL_Login label{position:relative;top:-1px} #btn_loginOk{position:absolute;top:45px;right:10px;width:65px;height:60px;background:url(../img/common/login_btn.gif) no-repeat;border:0 none;cursor:pointer;color:#fff;font-weight:bold} .member_links{position:absolute;top:120px;left:0;width:100%;text-align:center;} .member_links a{color:inherit;text-decoration:none} .member_links .btn_memberJoin{color:#111} #extend{margin-top:10px;width:220px;height:40px;background:url(../img/common/extend_bg.png) no-repeat;text-shadow:0 1px #02477a;letter-spacing:-.1em} #extend a{color:#fff;text-decoration:none;display:block;float:left;width:95px;padding-left:15px;line-height:40px} #infoNameServer{margin-top:10px;width:220px;height:120px;background:url(../img/common/nameserver_bg.png) no-repeat;line-height: 1.3em;} #nameServer01, #nameServer02{height:25px;position:relative;margin:6px 0 0 105px;font-size:11px} #nameServer02{margin-top:12px} .serverNumber{font-size:10px} .btn_copyClip{position:absolute;top:18px;right:15px;width:10px;height:10px;background:url(../img/common/clip_btn.gif) no-repeat;text-indent:-9999px;cursor:pointer;border:0 none} #bankNumber{margin-top:10px;padding-left:80px;width:140px;height:80px;background:url(../img/common/bankNumber_bg.png) no-repeat;letter-spacing:-.1em} #bankNumber h2{padding-top:12px} .clipTitle{margin-top:5px;font-weight:600} .clipContent{color:#888} #main_visual{float:right;width:730px;height:460px;position:relative} .visual_btn{z-index:999;position:absolute;bottom:40px;left:0;overflow:hidden} .visual_btn li{float:left} .visual_btn a{margin-right:8px;display:block;float:left;width:32px;height:12px;background:url(../img/visual_btn.png) -32px 0 no-repeat;text-indent:-9999px} .visual_btn a.active{background:url(../img/visual_btn.png) 0 0 no-repeat;} .visual_cont.show{display:block} .visual_cont{top:0;left:0;position:relative} .visual_img{position:absolute;top:0;left:200px;width:716px;height:461px;background:url(../img/common/visual4.png) no-repeat} #visual1 .visual_img{background:url(../img/common/visual5.png) no-repeat} #visual2 .visual_img{background:url(../img/common/visual2.png) no-repeat} #visual3 .visual_img{left:280px;background:url(../img/common/visual3.png) no-repeat} #visual4 .visual_img{background:url(../img/common/visual4.png) no-repeat} .visual_des{white-space:nowrap;width: 100%;position:absolute;top:40px;left:0;} .visual_des h2{font-weight: normal;font-size:50px;line-height:1.2em;letter-spacing:-.1em} .visual_des .small{font-size:20px;letter-spacing: 0;color: #999;line-height: 1.5em;} .visual_des ul{line-height: 100%;font-size:1.2em;margin-top:25px;color:#888} .visual_des ul li{padding-left:12px;margin-bottom:.6em;background:url(../img/common/visual_bullet.gif) 3px 8px no-repeat;letter-spacing: -.05em;} .view_detail{position: absolute;top: 280px;left: 200px;padding: 0;} .view_detail a{display: inline-block;padding: 0 35px 0 0;height:27px;line-height:24px;background:url(../img/common/view_detail_btn.png) right 0 no-repeat;color:inherit;letter-spacing:-.1em;font-weight:600} .view_detail a:hover{text-decoration:none} .visual_des p.desc{font-size: 1.3em;line-height: 2em;margin-top: 20px;} #visual2 p.desc{font-size: 1.2em;line-height: 1.5em;} #visual2 .view_detail{top: 280px;left: 200px;} #visual3 .view_detail{top: 250px;left: 10px;} #visual3 .view_detail.btn2{left: 160px;} #visual3 .visual_des ul{font-size:1.1em;} #noticeNews{width:270px;margin:0 40px 0 0;float:left;position:relative} #noticeNews h2{font-size:1.15em;padding:20px 0 20px 8px;} #noticeNews ul li{padding: 2px 0 12px 10px;background:url(../img/common/list_bullet.gif) 2px 9px no-repeat;height:1.4em;overflow: hidden;} #noticeNews ul li:last-child{padding-bottom:0} #noticeNews ul li a{float:left;color:inherit} .regDate{float:right;color:#aaa} #noticeNews .view_more{position:absolute;right:0;top:20px} #searchDomain{position:relative;} .DomainInput{display:table; width:100%; height: 120px; position: relative; } .DomainInput > div {display:table-cell;vertical-align: middle;} .DomainInput div.col_left {width:120px;} .DomainInput div.col_right {width:130px; text-align:right;} .DomainInput .www{font-size: 30px; line-height: 1em; color: #444;font-weight:600;margin-left: 19px; } .DomainInput input{ width: 100%; height: 55px; border: 2px solid #3792c9; font-size: 17px; padding: 10px 30px; } .DomainInput input:focus { border: 2px solid #ff8a1b;outline: none;} .DomainInput .domain_button{width:135px;} .DomainInput .domain_button p{height: 55px; width: 100%; border-radius:13px; background: linear-gradient(to right, #3dcadb, #60b2f1); color: #fff; line-height: 55px; text-indent: 46px;font-size: 16px; font-weight: 500;position:relative;} .DomainInput .domain_button p:after{content:"";position:absolute;display:block;background : url(/img/common/search.png) no-repeat; top:15px;left:13px;width: 25px;height: 25px;} .inputDomain_focus{ color:#222222;} .Domain_eng{position:absolute;top:90px;left:40px} .Domain_Kr{position:absolute;top:120px;left:40px} .Domain_eng span, .Domain_Kr span{color:#fff;font-size:10px} .Domain_eng input, .Domain_Kr input{margin-left:10px} .Domain_eng label, .Domain_Kr label{display:inline-block;line-height:100%;word-break:normal;padding-left:10px;} .btn_engDominSearch{width: 110px; height: 55px; font-size: 23px; color: #fff; padding: 5px 15px 5px 40px; cursor: pointer; font-weight: 600; background: #3792c9; position:relative;} .btn_engDominSearch:before { content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: 300; text-decoration: inherit; font-size: 23px; position: absolute; top: 16px; left: 18px; } .btn_engDominSearch:hover {background: #006cb6;} #quickLink{width:260px;height:170px;background:url(../img/common/quickLink_bg.jpg) no-repeat;float:right;position:relative} #quickLink ul{width:230px;margin:15px auto;overflow:hidden} #quickLink ul li{float:left;width:110px;letter-spacing:-.1em;word-spacing:-.1em;text-align:center} #quickLink ul li a{display:block;width:100%;padding-top:43px;height:23px;text-decoration:none;color:#333;font-weight:600;} #quickLink .qlink2 {margin-left:10px} #quickLink .qlink3 {margin-top:10px} #quickLink .qlink4 {margin-left:10px;margin-top:10px} .newComment { background: url("/00_html/img/main/icn_new.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 0; overflow: hidden; padding-top: 11px; vertical-align: middle; width: 26px; } .popupFooter .btn_close{ background:url(/img/common/btn_close1.gif) 3px 3px no-repeat; width:44px; height:13px; vertical-align:middle; } .main_slider .slider_description { text-align: center; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: center; align-content: center; justify-content: center; -ms-flex-pack: center; -ms-flex-align: center; height: 700px; min-height: 200px; background-image: url(/img/common/main_slide_bg_01.jpg); background-size: cover; background-position: center; padding: 10px; } /* 메인비쥬얼 슬라이드 이미지 */ .main_slider .slider_description.second{ background-image: url(/img/common/main_slide_bg_02.jpg);text-align:left;} .main_slider .slider_description.third{ background-image: url(/img/common/main_slide_bg_03.jpg);text-align:left;} .main_slider .slider_description.fourth{ background-image: url(/img/common/main_slide_bg_04.jpg);text-align:left;} .main_slider .slider_description.Fifth{ background-image: url(/img/common/main_slide_bg_05.jpg);text-align:left;} /*메인비쥬얼 첫번째*/ .main_slider .slider_description p.border_ra{ font-size: 23px; line-height: 1em; color: #fff; margin-bottom: 30px;display: inline-block; padding: 25px 70px; background: #014d81; border-radius: 50px;} .main_slider .slider_description h2 { font-size: 85px; color: #fff; font-family: 'Binggrae Melona', sans-serif !important; font-weight: bold; letter-spacing: -2px;} .main_slider .slider_description h2 strong { font-weight: bold;} /*메인비쥬얼 두번째*/ .main_slider .slider_description.second .inner_wrap{width:1200px; margin:0 auto;} .main_slider .slider_description.second p.border_ra{font-size:15px;color: #fff;margin-bottom: 40px;display: inline-block;padding: 10px 25px; background: #1381a5; border-radius: 50px;} .main_slider .slider_description.second h2{margin-bottom:40px;font-size:70px;} .main_slider .slider_description.second p{color:#fff;font-size:17px;line-height: 24px;} .main_slider .slider_description.second p.more a{text-decoration:none;color:#fff;padding: 6px 30px; border: 1px solid #fff; margin-top: 35px; text-align: center; font-size: 13px; display: inline-block;} /*메인비쥬얼 세번째*/ .main_slider .slider_description.third .inner_wrap{width:1200px; margin:0 auto;} .main_slider .slider_description.third h2{margin-bottom:40px;font-size:60px;line-height:73px;} .main_slider .slider_description.third p{color:#fff;font-size:17px;line-height: 24px;} .main_slider .slider_description.third p.more a{text-decoration:none;color:#fff;padding: 6px 30px; border: 1px solid #fff; margin-top: 35px; text-align: center; font-size: 13px; display: inline-block;} /*메인비쥬얼 네번째*/ .main_slider .slider_description.fourth .inner_wrap{width:1200px; margin:0 auto;} .main_slider .slider_description.fourth h2{margin-bottom:40px;font-size:60px;line-height:73px;color:#222;} .main_slider .slider_description.fourth p{color:#222;font-size:17px;line-height: 24px;} .main_slider .slider_description.fourth p.more a{text-decoration:none;color:#222;padding: 6px 30px; border: 1px solid #222; margin-top: 35px; text-align: center; font-size: 13px; display: inline-block;} /*메인비쥬얼 다섯번째*/ .main_slider .slider_description.Fifth .inner_wrap{width:1200px; margin:0 auto;} .main_slider .slider_description.Fifth h2{margin-bottom:40px;font-size:60px;line-height:73px;color:#222;} .main_slider .slider_description.Fifth p{color:#222;font-size:17px;line-height: 24px;} .main_slider .slider_description.Fifth p.more a{text-decoration:none;color:#222;padding: 6px 30px; border: 1px solid #222; margin-top: 35px; text-align: center; font-size: 13px; display: inline-block;} #main_article{ background: #f7f7f7;overflow:hidden;} .main_pd_100 {padding: 100px 0;} .container .col_3 {width: 31.33%; margin-right: 3%; margin-bottom: 3%; float: left;} .main_info_box {background:#fff; box-shadow: 0 0 25px rgba(0,0,0,0.1);cursor: pointer;} .main_info_box img {width:100%; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } .main_info_box .img_box {overflow:hidden;} .main_info_box .info_text_box {text-align:center; padding: 40px 10px;} .main_info_box .info_text_box h1 {font-size: 23px; color: #444; padding-bottom: 10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;} .main_info_box .info_text_box h2 {font-size: 15px; color: #666; font-weight: 500; padding-bottom: 25px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;} .main_info_box .info_text_box p { font-size: 14px; color: #999; line-height: 1.5em;padding-top: 25px; } .main_info_box .title_under_bar {width: 80%; height: 1px; margin: 0 auto; padding: 0 30px; background: #ddd;} .main_info_box:hover .img_box img { transform:scale(1.05); -moz-transform: scale(1.05); -webkit-transform:scale(1.05);} .main_info_box:hover .info_text_box h1, .main_info_box:hover .info_text_box h2 {color:#3792c9;} .main_article_helper .title_section {text-align:center;} .main_article_helper .title_section h2 {font-size: 45px; padding-bottom: 15px; font-weight: 400; color: #000;letter-spacing: -2px;} .main_article_helper .title_section h1 {font-size: 45px; font-weight: 400; color: #000;letter-spacing: -2px; padding-bottom: 60px; } .main_article_helper .title_section h1 strong {font-size: 50px; font-weight: 800;} #main_article_helper .info_shadow_box { box-shadow: 20px 20px 0 rgba(0,0,0,0.05);} #main_article_helper .info_shadow_box .inner_wrap {box-shadow:0 0 25px rgba(0,0,0,0.05);} #main_article_helper .two_divide_col {display: table; width: 100%; text-align:center;} #main_article_helper .two_divide_col > div {display:table-cell; vertical-align:middle; width:50%;padding:80px 30px;} #main_article_helper .two_divide_col .left_col { background:#6aabd8;} #main_article_helper .two_divide_col .right_col { background:#6abad8;} #main_article_helper .two_divide_col h1 {font-size: 30px; color: #fff; font-weight: 800; padding-bottom: 20px;} #main_article_helper .two_divide_col p {font-size: 16px; color: #fff; line-height: 1.5em; padding-top: 20px;} #main_article_helper .three_divide_col {display: table; width: 100%;} #main_article_helper .three_divide_col > div {display:table-cell; vertical-align:top; width:33.33%;padding:80px 0 70px; position: relative;} #main_article_helper .three_divide_col h1 {font-size: 23px; color: #222; padding: 0 0 45px 30px; position: relative;} #main_article_helper .three_divide_col h2 {font-size: 20px; color: #444; font-weight: 500; padding-bottom: 40px; letter-spacing: -1px;} #main_article_helper .three_divide_col .bar { display: inline-block; width: 2px; height: 15px; background: #444; margin: 0 10px; } #main_article_helper .three_divide_col p .bar {position: relative; top: 1px;} #main_article_helper .three_divide_col a {font-size: 28px; color: #3792c9; text-decoration: none; font-weight: 800; position: relative; top: 2px;} #main_article_helper .three_divide_col p {font-size:17px; color:#444;letter-spacing: -1px; line-height: 1em; padding-bottom: 10px;} #main_article_helper .three_divide_col .front {display: inline-block; width: 213px;} #main_article_helper .three_divide_col .bank_name {font-size: 18px; font-weight: 600; letter-spacing: -2px; color: #000;} #main_article_helper .three_divide_col .bank_num {font-size: 28px; color: #3792c9; font-weight: 800; letter-spacing: -2px;} #main_article_helper .name_server_1, #main_article_helper .name_server_2 {display:table; width:100%;} #main_article_helper .name_server_1 > div, #main_article_helper .name_server_2 > div {display:table-cell;vertical-align:top;} #main_article_helper .name_server_1 .num, #main_article_helper .name_server_2 .num {width:48px;} #main_article_helper .name_server_1 .num span, #main_article_helper .name_server_2 .num span {display: inline-block; background: #3792c9; font-size: 16px; color: #fff; padding: 6px;} #main_article_helper .name_server_1 .info .name, #main_article_helper .name_server_2 .info .name {font-size: 20px; color: #222; font-weight: 600;} #main_article_helper .name_server_1 {padding-bottom:30px;} #main_article_helper .three_divide_col .left_col {padding-left:80px;} #main_article_helper .three_divide_col .middle_col {padding-left:90px;} #main_article_helper .three_divide_col .right_col {padding-left:100px;} #main_article_helper .three_divide_col .left_col:after, #main_article_helper .three_divide_col .middle_col:after {content:"";width: 1px; height: 100px; background: #ddd; position: absolute; right: 0; top: 38%;} #main_article_helper .three_divide_col > div h1:after {content:"";width: 19px; height: 19px; position: absolute; left: 0; top: 3px;} #main_article_helper .three_divide_col .left_col h1:after {background:url(/img/main/phone_icon.png) center no-repeat;} #main_article_helper .three_divide_col .middle_col h1:after {background:url(/img/main/money_icon.png) center no-repeat;} #main_article_helper .three_divide_col .right_col h1:after {background:url(/img/main/glass_icon.png) center no-repeat;} .main_middle_slider {background:#f7f7f7;} .main_middle_slider .notice_section .notice_left {width:230px; float:left;} .main_middle_slider .notice_section .notice_right {width:calc(100% - 230px); float:left;} .main_middle_slider .notice_section .notice_left h2 {font-size: 18px; color: #666; padding-bottom: 30px; letter-spacing: -1px;} .main_middle_slider .notice_section .notice_left h1 {font-size: 35px; color: #222; font-weight: 400; line-height: 1.2em; letter-spacing: -2px; padding-bottom:15px;} .main_middle_slider .notice_section .notice_left h1 strong { font-weight: 800;} .main_middle_slider .notice_section .notice_left p {font-size: 14px; letter-spacing: -1px;color: #666;padding-bottom: 40px;} .main_middle_slider .main_notice_slide {top: -10px;} .main_middle_slider .main_notice_slide .notice_slide_inner_box {background: #fff; padding: 40px 40px; margin: 10px 15px; box-shadow: 0 0 10px rgba(0,0,0,0.05);} .main_middle_slider .main_notice_slide .notice_slide_inner_box h2 {padding-bottom:25px;} .main_middle_slider .main_notice_slide .notice_slide_inner_box h2 a {font-size: 25px; color: #222; line-height: 1.1em; text-decoration: none; letter-spacing:-1px;} .main_middle_slider .main_notice_slide .notice_slide_inner_box a:hover { color: #3792c9 !important;} .main_middle_slider .main_notice_slide .notice_slide_inner_box p {font-size:15px; color:#999;line-height: 1.2em;padding-bottom:40px; } .main_middle_slider .main_notice_slide .notice_slide_inner_box a.read_more {font-size: 13px; color: #444;text-decoration: none; position: relative;display: inline-block;letter-spacing:-0.1em} .main_middle_slider .main_notice_slide .notice_slide_inner_box a.read_more:after {content: ""; width: 36px; height: 8px; background:url(/img/main/read_more_icon.png) center no-repeat; position: absolute; right: -48px; top: 2px; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;} .main_middle_slider .main_notice_slide .notice_slide_inner_box a.read_more:hover:after {right:-52px;background:url(/img/main/read_more_icon_blue.png) center no-repeat;} .slick-slider .slick-arrow { z-index: -100;} .notice_control_btn span {display: inline-block; border: 1px solid #3792c9; width:35px; height:35px; margin-right:2px;cursor:pointer;background-size: inherit; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;} .notice_control_btn span:hover {background:#3792c9;background-size: inherit; background-repeat: no-repeat; background-position: center;} .notice_control_btn .prev_btn {background-image:url(/img/main/slider_prev_btn_blue.png);} .notice_control_btn .next_btn {background-image:url(/img/main/slider_next_btn_blue.png);} .notice_control_btn .prev_btn:hover {background-image:url(/img/main/slider_prev_btn_white.png);} .notice_control_btn .next_btn:hover {background-image:url(/img/main/slider_next_btn_white.png);} #main_article_homepage.main_article_helper .title_section h2 strong{font-size:50px; font-weight:800;} #main_article_homepage.main_article_helper .title_section h2 {padding-bottom: 20px;} .main_homepcenter_box {padding:70px 20px;box-shadow: 0 0 25px rgba(0,0,0,0.1); text-align:center; cursor: pointer; position:relative;top:0; left:0; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;} .main_homepcenter_box .img_box {display: inline-block; width: 109px; height: 89px; margin-bottom: 20px;} .main_homepcenter_box .info_text_box h1 {font-size: 23px; color: #444; padding-bottom: 20px; letter-spacing: -1px;} .main_homepcenter_box .info_text_box h2 {font-size: 15px; color: #666; padding-bottom: 20px; letter-spacing: -1px;font-weight: 500;} .main_homepcenter_box .info_text_box .title_under_bar {width: 80%;margin: 0 auto; height: 1px; background: #ddd; margin-bottom: 20px;} .main_homepcenter_box .info_text_box p {font-size: 15px; color: #999; line-height: 1.2em; font-weight: 500;} .main_homepcenter_box:hover {top:-10px; /*left:-20px; */background-image:url(/img/main/open_bg.png); background-size:cover;} .main_homepcenter_box:hover .info_text_box h1 {color: #fff;} .main_homepcenter_box:hover .info_text_box h2 {color: #fff;} .main_homepcenter_box:hover .info_text_box .title_under_bar { background: #fff;} .main_homepcenter_box:hover .info_text_box p { color: #fff; } .main_homepcenter_box.tech .img_box {background:url(/img/main/open_ic_09.png);} .main_homepcenter_box.tech:hover .img_box {background:url(/img/main/open_icov_09.png);} .main_homepcenter_box.design .img_box {background:url(/img/main/open_ic_11.png);} .main_homepcenter_box.design:hover .img_box {background:url(/img/main/open_icov_11.png);} .main_homepcenter_box.w3c .img_box {background:url(/img/main/open_ic_13.png);} .main_homepcenter_box.w3c:hover .img_box {background:url(/img/main/open_icov_13.png);} .main_homepcenter_box.quality .img_box {background:url(/img/main/open_ic_23.png);} .main_homepcenter_box.quality:hover .img_box {background:url(/img/main/open_icov_23.png);} .main_homepcenter_box.price .img_box {background:url(/img/main/open_ic_25.png);} .main_homepcenter_box.price:hover .img_box {background:url(/img/main/open_icov_25.png);} .main_homepcenter_box.service .img_box {background:url(/img/main/open_ic_27.png);} .main_homepcenter_box.service:hover .img_box {background:url(/img/main/open_icov_27.png);} .main_homepcenter_link {padding-top: 50px; text-align: CENTER;} .main_homepcenter_link a {display: inline-block; font-size: 20px; line-height: 1em; color: #3792c9; font-weight: 600; padding: 25px 130px 25px 60px; border: 2px solid #3792c9; border-radius: 50px; text-decoration: none; background:#fff;position:relative;width: 286px; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;} .main_homepcenter_link a.portfolio { margin-right: 30px;} .main_homepcenter_link a:after {content:"";width: 51px; height: 11px; position: absolute; right: 60px; top: 44%; background: url(/img/main/homep_link_icon_blue.png); -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;} .main_homepcenter_link a:hover {background:#3792c9; color:#fff;} .main_homepcenter_link a:hover:after { right: 50px; background: url(/img/main/homep_link_icon_white.png);} .main_banner_slide {top:-10px;} .main_banner_slide .main_banner_inner_box { margin: 10px;} .main_banner_slide .main_banner_inner_box img {margin: 0 auto; padding: 25px 10px; max-width: 100%;} .main_banner_slide .main_banner_inner_box .banner_box {background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);} .main_banner_slide .main_banner_inner_box .upper {margin-bottom:20px;} /************************************************************ 서브 배너(워드프레스) ************************************************************/ #rightBanner{display:none;} #PopPanel{position:absolute;top:60px;left:10px;width:500px;} #PopPanel .buttonWrap{background:url('/img/sub/bg_error_pop.jpg') no-repeat center;background-size:cover;padding:30px 40px;} #PopPanel .buttonWrap h2{color:#fff;font-size:43px;letter-spacing:-0.05em;line-height:1.28em;font-weight:800;margin-bottom:20px} #PopPanel .buttonWrap h2 span{display:block;color:#fff71a;font-size:14px;letter-spacing:0;font-weight:500} #PopPanel .buttonWrap p{color:#fff;font-size:14px;line-height:1.78em;margin-bottom:20px;letter-spacing:-0.05em;} #PopPanel .buttonWrap a{display:inline-block;background:#fff71a;border-radius:10px;text-align:center;width:154px;height:44px;line-height:44px;margin-bottom:5px;font-size:15px;font-weight:500;} #PopPanel .buttonWrap a:hover{text-decoration:none;background:#ffb91a;color:#fff} #PopPanel .txtWrap{background:#f2f2f2;padding:25px 40px 30px 40px;} #PopPanel .txtWrap h3{color:#f04242;letter-spacing:-0.05em;font-size:18px;font-weight:700;} #PopPanel .txtWrap p{color:#444;font-size:15px;padding:13px 0 0 22px;letter-spacing:-0.05em;font-weight:500} #PopPanel #main_pop_close_btn {position: absolute; top: 30px; right: 30px; font-size: 25px; font-weight: 600; display: inline-block; cursor: pointer; font-family: auto; color: #fff;} /* Media Query*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .btn_engDominSearch:before {top:22px;} } @media only screen and ( max-width: 1200px ) { .main_slider .slider_description h2 { font-size: 65px;} .main_slider .slider_description p.border_ra { font-size: 24px; } /*1200 - second*/ .main_slider .slider_description.second .inner_wrap{width:90%; } .main_slider .slider_description.second p.border_ra{margin-bottom: 30px;} .main_slider .slider_description.second h2{margin-bottom:30px;font-size:60px;} .main_slider .slider_description.second p{font-size:15px;line-height: 21px;} /*1200 - third*/ .main_slider .slider_description.third .inner_wrap{width:90%; } .main_slider .slider_description.third h2{margin-bottom:30px;font-size:60px;} .main_slider .slider_description.third p{font-size:15px;line-height: 21px;} /*1200 - fourth*/ .main_slider .slider_description.fourth .inner_wrap{width:90%; } .main_slider .slider_description.fourth h2{margin-bottom:30px;font-size:60px;} .main_slider .slider_description.fourth p{font-size:15px;line-height: 21px;} /*1200 - Fifth*/ .main_slider .slider_description.Fifth .inner_wrap{width:90%; } .main_slider .slider_description.Fifth h2{margin-bottom:30px;font-size:60px;} .main_slider .slider_description.Fifth p{font-size:15px;line-height: 21px;} .main_info_box .pc_br {display:none;} #main_article_helper .three_divide_col .left_col {padding-left:30px;} #main_article_helper .three_divide_col .middle_col {padding-left:50px;} #main_article_helper .three_divide_col .right_col {padding-left:60px;} } @media only screen and ( max-width: 1180px ) { .main_info_box {min-height:450px;} #main_article_helper .three_divide_col {display: block;} #main_article_helper .three_divide_col > div { display: block; padding: 80px 0 0px;} #main_article_helper .three_divide_col .left_col {width: 50%; float: left; padding-left: 50px;} #main_article_helper .three_divide_col .middle_col {width: 50%; float: left; padding-left: 50px;} #main_article_helper .three_divide_col .middle_col:after {content:none;} #main_article_helper .three_divide_col .right_col {width: 100%; float: left; padding-left: 50px; padding-bottom:70px} #main_article_helper .name_server_1, #main_article_helper .name_server_2 { display: table; width: 50%; float: left; } .main_middle_slider .main_notice_slide .notice_slide_inner_box h2 a { font-size: 18px;} .main_homepcenter_box .info_text_box p { font-size: 13px;} } @media only screen and (min-width: 981px ) { .container .col_3:nth-child(3n) {margin-right:0;} .container .col_3:nth-child(4), .container .col_3:nth-child(5), .container .col_3:nth-child(6) {margin-bottom:0;}} @media only screen and ( max-width: 980px ) { .main_slider .slider_description { height: 400px;} .main_slider .slider_description h2 { font-size: 45px;} .main_slider .slider_description p.border_ra { font-size: 20px; } /*980 - second*/ .main_slider .slider_description.second h2{font-size:50px;} .main_slider .slider_description.third h2{font-size: 45px; line-height: 55px; margin-bottom: 20px;} .main_slider .slider_description.third .more a{margin-top: 20px;} .main_slider .slider_description.fourth h2{font-size: 45px; line-height: 55px; margin-bottom: 20px;} .main_slider .slider_description.fourth .more a{margin-top: 20px;} .main_slider .slider_description.Fifth h2{font-size: 45px; line-height: 55px; margin-bottom: 20px;} .main_slider .slider_description.Fifth .more a{margin-top: 20px;} .container .col_3 { width: 48%; margin-right: 4%; margin-bottom: 4%; } .container .col_3:nth-child(2n) {margin-right:0;} .container .col_3:nth-child(5), .container .col_3:nth-child(6) {margin-bottom:0;} .main_info_box { min-height: 500px; } .main_info_box .info_text_box { padding: 40px 20px; } .main_article_helper .title_section h2 { font-size: 25px;} .main_article_helper .title_section h1 { font-size: 25px; } .main_article_helper .title_section h1 strong { font-size: 30px;} #main_article_helper .two_divide_col p .pc_br {display:none;} #main_article_helper .three_divide_col p { font-size: 14px; display:flex; align-items:center} #main_article_helper .three_divide_col .front {/* width: 140px;*/ width:110px; word-break:keep-all} #main_article_helper .three_divide_col h2 { font-size: 18px;} #main_article_helper .three_divide_col a { font-size: 22px;} #main_article_helper .three_divide_col .bank_name {font-size: 16px;} #main_article_helper .three_divide_col .bank_num {font-size: 22px;} #main_article_helper .name_server_1 .info .name, #main_article_helper .name_server_2 .info .name { font-size: 16px;} .main_middle_slider .main_notice_slide .notice_slide_inner_box { padding: 30px 30px;} #main_article_homepage.main_article_helper .title_section h2 strong{ font-size: 30px; } .main_homepcenter_box .info_text_box p { font-size: 13px;} #PopPanel{top:3px;left:3px;width:400px;} #PopPanel .buttonWrap{padding:20px 30px;} #PopPanel .buttonWrap h2{font-size:30px;margin-bottom:15px} #PopPanel .buttonWrap h2 span{font-size:12px;} #PopPanel .buttonWrap p{font-size:12px;margin-bottom:15px;} #PopPanel .buttonWrap a{border-radius:5px;width:120px;height:38px;line-height:38px;font-size:13px;} #PopPanel .txtWrap{padding:20px 20px 25px 30px;} #PopPanel .txtWrap h3{font-size:16px;} #PopPanel .txtWrap p{font-size:13px;padding:10px 0 0 18px;} .DomainInput .www{font-size: 20px;} .DomainInput input{ height: 45px;font-size: 13px;} .DomainInput div.col_left{width: 86px;} .DomainInput div.col_right{width: 115px;} .btn_engDominSearch{ width: 100px; height: 45px; font-size: 18px;} .btn_engDominSearch:before{top: 11px;} .DomainInput .domain_button{width: 110px;} .DomainInput .domain_button p{height: 45px; width: 100%; border-radius: 13px; line-height: 45px; font-size: 13px;text-indent: 36px;} .DomainInput .domain_button p:after{top: 13px;background-size: 20px;} } @media only screen and ( max-width: 768px ) { .main_info_box { min-height: 450px; } .main_homepcenter_link a {font-size: 16px; padding: 15px 80px 15px 40px; width: 220px;} .main_homepcenter_link a.portfolio { margin-right: 10px; } .main_homepcenter_link a:after {right: 20px; top: 40%;} .main_homepcenter_link a:hover:after { right: 10px;} } @media only screen and ( max-width: 680px ) { #content_wrap { margin-top: 60px; } .main_slider .slider_description { height: 240px;} .main_slider .slider_description h2 { font-size: 25px;} .main_slider .slider_description p.border_ra { font-size: 13px; padding: 15px 25px; } /*680 - second*/ .main_slider .slider_description.second{text-align:center;background-image: url(/img/common/main_mslide_bg_02.jpg);} .main_slider .slider_description.second .inner_wrap{width:100%;} .main_slider .slider_description.second p.border_ra{font-size:11px;color: #fff;margin-bottom: 15px;padding: 5px 17px; background: #1381a5; border-radius: 30px;} .main_slider .slider_description.second h2{margin-bottom:15px;font-size:30px;} .main_slider .slider_description.second p{color:#fff;font-size:12px;line-height: 17px;} .main_slider .slider_description.second p.more a{ padding: 5px 20px; border: 1px solid #fff; margin-top: 15px; font-size: 11px;} /*680 - third*/ .main_slider .slider_description.third{text-align:center;background-image: url(/img/common/main_mslide_bg_03.jpg);} .main_slider .slider_description.third .inner_wrap{width:100%;} .main_slider .slider_description.third h2{margin-bottom:15px;font-size:30px;line-height:40px;} .main_slider .slider_description.third p{color:#fff;font-size:12px;line-height: 17px;} .main_slider .slider_description.third p.more a{ padding: 5px 20px; border: 1px solid #fff; margin-top: 15px; font-size: 11px;} /*680 - fourth*/ .main_slider .slider_description.fourth{text-align:center;background-image: url(/img/common/main_mslide_bg_04.jpg);} .main_slider .slider_description.fourth .inner_wrap{width:100%;} .main_slider .slider_description.fourth h2{margin-bottom:15px;font-size:30px;line-height:40px;} .main_slider .slider_description.fourth p{color:#222;font-size:12px;line-height: 17px;} .main_slider .slider_description.fourth p.more a{ padding: 5px 20px; border: 1px solid #222; margin-top: 15px; font-size: 11px;} /*680 - Fifth*/ .main_slider .slider_description.Fifth{text-align:center;background-image: url(/img/common/main_mslide_bg_05.jpg);} .main_slider .slider_description.Fifth .inner_wrap{width:100%;} .main_slider .slider_description.Fifth h2{margin-bottom:15px;font-size:30px;line-height:40px;} .main_slider .slider_description.Fifth p{color:#222;font-size:12px;line-height: 17px;} .main_slider .slider_description.Fifth p.more a{ padding: 5px 20px; border: 1px solid #222; margin-top: 15px; font-size: 11px;} #main_article_helper .info_shadow_box { box-shadow: none;} .main_article_helper .title_section h2 { font-size: 18px;} .main_article_helper .title_section h1 { font-size: 18px; padding-bottom: 30px; } .main_article_helper .title_section h1 strong { font-size: 20px;} #main_article_helper .two_divide_col > div {padding: 30px 10px;} #main_article_helper .two_divide_col h1 { font-size: 18px; padding-bottom: 10px;} #main_article_helper .two_divide_col p { font-size: 10px;} #main_article_helper .two_divide_col img {max-width:50%;} #main_article_helper .three_divide_col > div { padding: 20px 0 0px;} #main_article_helper .three_divide_col h1 { font-size: 17px; padding: 0 0 15px 25px;} #main_article_helper .three_divide_col > div h1:after {top: -1px;} #main_article_helper .three_divide_col h2 { font-size: 13px;padding-bottom: 20px; } #main_article_helper .three_divide_col .left_col { padding-left: 15px;} #main_article_helper .three_divide_col .middle_col { padding-left: 20px;} #main_article_helper .three_divide_col .right_col {padding-left: 20px; padding-bottom: 20px;} #main_article_helper .three_divide_col a { font-size: 13px; top: 0;} #main_article_helper .three_divide_col .bar {width: 1px; height: 10px; margin: 0 5px;} #main_article_helper .three_divide_col p { font-size: 13px; } #main_article_helper .three_divide_col p .bar { display: block;height: 0; margin-bottom: 5px;} #main_article_helper .three_divide_col .bank_name { font-size: 14px;} #main_article_helper .three_divide_col .bank_num { font-size: 18px;} #main_article_helper .name_server_1 .num span, #main_article_helper .name_server_2 .num span {font-size: 12px; padding: 5px;} #main_article_helper .name_server_1 .num, #main_article_helper .name_server_2 .num { width: 30px; } #main_article_helper .name_server_1 .info .name, #main_article_helper .name_server_2 .info .name { font-size: 14px; } #main_article_helper .name_server_1 { padding-bottom: 0; } .main_middle_slider .main_notice_slide .notice_slide_inner_box { padding: 30px 15px;} #main_article_homepage.main_article_helper .title_section h2 strong{ font-size: 20px; } #main_article_homepage.main_article_helper .title_section h2 { padding-bottom: 15px;} .main_middle_slider .main_notice_slide .notice_slide_inner_box h2 a { font-size: 14px;} .main_middle_slider .main_notice_slide .notice_slide_inner_box p { font-size: 12px;} .main_homepcenter_box .info_text_box .pc_br {display:none;} .main_homepcenter_box {padding: 50px 20px;} .main_homepcenter_link a {font-size: 14px; padding: 10px 20px 10px 20px; width: 120px;} .main_homepcenter_link a:after {content:none;} #PopPanel{position:relative;width:95%; border: 3px solid #000;} #PopPanel .buttonWrap{padding:20px 30px;} #PopPanel .buttonWrap h2{font-size:30px;margin-bottom:15px} #PopPanel .buttonWrap h2 span{font-size:12px;} #PopPanel .buttonWrap p{font-size:12px;margin-bottom:15px;} #PopPanel .buttonWrap a{border-radius:5px;width:120px;height:38px;line-height:38px;font-size:13px;} #PopPanel .txtWrap{padding:20px 20px 25px 30px;} #PopPanel .txtWrap h3{font-size:16px;} #PopPanel .txtWrap p{font-size:13px;padding:10px 0 0 18px;} } @media only screen and ( max-width: 480px ) { .main_slider .slider_description { height: 260px; padding: 10px 10px 80px; } .main_slider .slider_description p.border_ra { font-size: 12px; padding: 10px 20px; margin-bottom: 20px; letter-spacing: -1px; } /*480 - second*/ .main_slider .slider_description{padding-bottom:100px;} .main_slider .slider_description.second p.border_ra{font-size:9px;color: #fff;margin-bottom:8px;padding:3px 12px; background: #1381a5; border-radius: 30px;width:70px;} .main_slider .slider_description.second h2{margin-bottom:10px;font-size:25px;} .main_slider .slider_description.second p{width:70%;margin:0 auto;color:#fff;font-size:8px;line-height: 13px;} .main_slider .slider_description.second p.more a{display:none;} .main_slider .slider_description.second p .block_br{display:none;} /*480 - third*/ .main_slider .slider_description.third h2{margin-bottom:5px;font-size:25px;line-height:30px;} .main_slider .slider_description.third p{width:60%;margin:0 auto;color:#fff;font-size:8px;line-height: 13px;} .main_slider .slider_description.third p.more a{display:none;} .main_slider .slider_description.third p .block_br{display:none;} /*480 - fourth*/ .main_slider .slider_description.fourth h2{margin-bottom:5px;font-size:25px;line-height:30px;} .main_slider .slider_description.fourth h2 .block_br{display:none;} .main_slider .slider_description.fourth p{width:80%;margin:0 auto;color:#222;font-size:8px;line-height: 13px;} .main_slider .slider_description.fourth p.more a{margin-top: 8px;} .main_slider .slider_description.fourth p .block_br{display:none;} /*480 - Fifth*/ .main_slider .slider_description.Fifth h2{margin-bottom:5px;font-size:25px;line-height:30px;} .main_slider .slider_description.Fifth h2 .block_br{display:none;} .main_slider .slider_description.Fifth p{width:80%;margin:0 auto;color:#222;font-size:8px;line-height: 13px;} .main_slider .slider_description.Fifth p .block_br{display:none;} #main_search {position: absolute; top: 150px; width: 100%;} .DomainInput {height: 45px;} .DomainInput > div { display: block;} .DomainInput div.col_left { width: 60px; position: absolute; top: 16px; left: 2px; } .DomainInput .www { font-size: 14px; line-height: 1.2em;} .domain_button p{display:none;} .btn_engDominSearch { width: 40px; height: 40px; font-size: 0; color: #3792c9; padding: 0; background: #ffffff;position: absolute; top: 3px; right: 5px; } .DomainInput input { height: 50px; border: none; font-size: 12px; padding: 10px 46px 10px 90px;text-indent: 0;background: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.1);} .btn_engDominSearch:hover { background: #fff; } .btn_engDominSearch:before {top: 8px; left: 10px;} .main_pd_100 { padding: 25px 0; } .main_info_box .info_text_box h1 { font-size: 15px;} .main_info_box .info_text_box { padding: 20px 5px; } .main_info_box .title_under_bar, .main_info_box .info_text_box p {display:none;} .main_info_box .info_text_box h2 { font-size: 12px; letter-spacing: -1px;padding-bottom: 0;} .main_info_box { min-height: inherit;} .main_middle_slider .notice_section .notice_left h2 {font-size: 14px; padding-bottom: 10px;} .main_middle_slider .notice_section .notice_left h1 { font-size: 22px;} .main_middle_slider .notice_section .notice_left p {font-size: 12px; padding-bottom: 30px;} .main_middle_slider .notice_section .notice_left { width: 130px;} .main_middle_slider .notice_section .notice_right { width: calc(100% - 130px);} .main_middle_slider .main_notice_slide .notice_slide_inner_box h2 a { font-size: 16px;} .main_middle_slider .main_notice_slide .notice_slide_inner_box { padding: 20px 15px; } .main_middle_slider .main_notice_slide .notice_slide_inner_box h2 { padding-bottom: 15px; } .main_middle_slider .main_notice_slide .notice_slide_inner_box p {padding-bottom: 15px;} .main_homepcenter_box { padding: 20px 3px;} .main_homepcenter_box .info_text_box h1 {font-size: 15px; padding-bottom: 10px; } .main_homepcenter_box .info_text_box h2 { font-size: 12px;padding-bottom: 0; letter-spacing: -2px;} .main_homepcenter_box .info_text_box .title_under_bar, .main_homepcenter_box .info_text_box p {display:none;} .main_homepcenter_box:hover {top:-5px; left:-5px; } .main_banner_slide .main_banner_inner_box img {padding: 13px 10px;} #PopPanel #main_poop_close_btn {position:absolute; top:15px; right:15px; font-size:16px; } } @media only screen and ( max-width: 320px ) { .DomainInput input {font-size: 13px;} .main_slider .slider_description p.border_ra { font-size: 10px; } .main_article_helper .title_section h1 { font-size: 16px;} #main_article_helper .three_divide_col h2 { font-size: 12px;} #main_article_helper .three_divide_col p { font-size: 12px;} #main_article_helper .three_divide_col .bank_num { font-size: 16px;} #main_article_helper .name_server_1 .info .name, #main_article_helper .name_server_2 .info .name { font-size: 13px;} .main_homepcenter_box .info_text_box h2 { font-size: 11px;} } /* [LDH 26.01.30] 메인 일부 개편 */ #PopPanel {z-index:4;} .main_vis_container { max-width: 87.5vw; width:90%; margin:0 auto; background: #222; height: 700px; border-radius: 30px; overflow: hidden; display: flex; align-items: flex-end; padding: 60px; position:relative;} .main_vis_container .main_vis_video {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: translateZ(0); z-index:1;} .main_vis_container::after {content:''; display: block; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); position:absolute; left:0; top:0; z-index: 2;} .main_vis_container .text_area {position:relative; z-index: 3;} .main_vis_container .text_area h2 {color:#fff; font-size: 62px; letter-spacing:-3px; line-height: 1.3; padding-bottom: 20px; font-weight: 700; word-break:keep-all;} .main_vis_container .text_area p {color:#fff; font-size: 22px; line-height: 1.5; word-break:keep-all;} #yt-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 16:9 기준으로 화면을 덮도록 */ width: 177.78vh; /* 100vh * 16/9 */ height: 100vh; min-width: 100%; min-height: 56.25%; /* 100vw * 9/16 */ pointer-events: none; /* 배경처럼 클릭 막기 */ } /* responsive */ @media only screen and ( max-width: 1440px ) { .main_vis_container .text_area h2 {font-size: 52px; padding-bottom: 20px;} .main_vis_container .text_area p {font-size: 18px;} } @media only screen and ( max-width: 1280px ) { .main_vis_container {height:570px;} } @media only screen and ( max-width: 980px ) { .main_vis_container {padding: 40px; border-radius: 20px;} .main_vis_container .text_area h2 {font-size: 42px; letter-spacing: -2px; padding-bottom: 10px;} .main_vis_container .text_area p {font-size: 16px;} } @media only screen and ( max-width: 480px ) { .main_vis_container {height: 85.42vw; padding: 20px;} .main_vis_container .text_area h2 {font-size: 24px;} .main_vis_container .text_area p {font-size: 14px;} .main_vis_container .text_area p br {display:none;} #main_search.new_main_sch {position:relative; left: auto; top: auto; margin-top: 30px;} #yt-bg {width: 92.78vh;} } /* 모바일 가로전용 */ @media (max-width: 480px) and (orientation: portrait) { .main_vis_container {height: 85.42vw; padding: 20px;} } /* 모바일 세로전용 */ @media (max-width: 812px) and (orientation: landscape) { .main_vis_container {height: 29.56vw; padding: 20px;} }