/*³×À̹ö ½ºÄù¾î font-family: 'NanumSquare', sans-serif; */ @import url("http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css"); /*Ä¿½ºÅÒ Ãß°¡ css*/ /*¸ð´Þâ*/ #allmenuoveray{ position: fixed; width: 100%; height: 100%; z-index: 0; background: rgba(44,44,44,0.8); opacity: 0; display:none;} #allmenu { position: fixed; z-index: 0; background: #ffffff; left: 0; top: -30px; width: 100%; height:1500px; opacity: 0; display:none;} #allmenu .dept_group{overflow:hidden; margin-left:10%;} #allmenu .dept_group > div {float: left; width: 16%; height: 400px; padding: 140px 0 0 2%; top:100px;} #allmenu > div .sitemap_customer{margin-top:70px;} #allmenu > div p { font-family: 'NanumSquare', sans-serif; width:100%; font-size: 22px; font-weight: bold; color: #000; letter-spacing: -1px; margin-bottom: 33px; border-bottom:1px dashed #d7d7d7; padding-bottom:20px;} #allmenu > div ul li { margin-bottom: 15px; } #allmenu > div ul li a {font-size: 18px; letter-spacing: -1px; color: #5f5f5f;} #allmenu > div .btm01 {margin-top: 124px;} #allmenu > div .btm02 {margin-top: 92px;} #allmenu .close_btn{position:fixed; absolute; top: 33px; right: 4%; cursor: pointer;} .sitemap_btn{position:absolute; top:35px; right:4%; z-index:1;} .sitemap_btn .white_sitemap{display:block;} .sitemap_btn .black_sitemap{display:none;} /*###### ±âŸ °øÅë######*/ html,body {margin:0;padding:0; } #wrap {float:left; width:100%; position:relative; min-width:1200px;} .main_wrap { background-color:#ffffff;} .inner {width:1200px; margin:0 auto; position:relative;} /* °Ô½ÃÆÇ ÆäÀÌ¡*/ div.page_list {font-weight:bold; padding:20px;text-align:center; display:table; margin:25px auto;} div.page_list > span {display:inline-block; width:32px; height:32px; border:1px solid #706565; float:left; line-height:32px; background-color:#706565; color:white; margin-left:7px; } div.page_list > a {display:inline-block; width:32px; height:32px; border:1px solid #d0d0d0; float:left; line-height:32px; margin-left:7px; color:black;} div.page_list > a:hover {background-color:#706565; color:white; border:1px solid #706565;} /*admin ÆäÀÌÁö css*/ .admin-home {position: absolute; left:690px; top:80px; } .admin-home ul {margin:0; float:left;} .admin-home ul li {float: left;margin-right:20px;} /*Æ˾÷*/ #popup {position:absolute; top:129px; left:0; width:100%; z-index:999;} #popup > div {float:left; max-width:100%; margin:10px;} #popup > div > img {max-width:100%;} /*#### ÃÖ»ó´Ü ¸Þ´º ####*/ #menu_top {position:relative; float:left; width:100%; height: 38px; line-height:38px; background:#0b68b6; z-index:1; display:block!important; top:-38px;} #menu_top .float_left {float:left; margin-left:10px;} #menu_top .float_left a{display:inline-block; width:30px; text-align:center; cursor:default; vertical-align:middle;} #menu_top .float_right {float:right; margin-right:10px;} #menu_top .float_right a{color:#fffefe; font-family: "Noto Sans KR", sans-serif; font-size:12px; font-weight:lighter; letter-spacing:0px;} #menu_top .float_right span{margin:0 5px;} /*###### header #########*/ #header {width:100%; position:absolute; float:left; height:90px; z-index:1; margin-top:38px;} #header > .inner {height:100%; z-index:1;} /*·Î°í*/ #top_logo {padding:25px 0 0 0; float:left; position:absolute; z-index:1;} #top_logo a .normal_logo{display:block;} #top_logo a .hover_logo{display:none;} #main_gnb {position:relative; float:right; z-index:1;} /*¼­ºêÄ«Å×°í¸® ¹è°æ»ö*/ #gnb_bg {position:absolute; top:0px; left:0; width:100%; background-color:#fff; z-index:1; height:90px; opacity:1;} #gnb_bg > div {position:absolute; width:100%; top:90px; left:0; background:#cfcfcf; height:1px; transition: all 0.5s ease-in-out; text-align:center;} /*¸ÞÀÎÄ«Å×°í¸®*/ #gnb { float: right; margin-left: 70px; position:relative; top:-38px;} #gnb ul.main_list > li { float: left; height: 92px; margin: 0 10px; position: relative;} #gnb ul.main_list > li > a { line-height: 90px; display: block; text-align: center; padding: 0 51px; font-size: 17px; color: #231815; font-weight: 400; letter-spacing: -1px;} #gnb ul.main_list > li > a:hover{color:#0b68b6;} #gnb ul.main_list > li:after { content: ''; display: block; width: 0; height: 2px; margin: auto; background: transparent; position: absolute; bottom: 0; transform: scaleX(0); transition: transform 200ms ease-in-out;} #gnb ul.main_list > li:hover { background: #f4f4f4; } #gnb ul.main_list > li:hover > ul.sub_gnb { display: block; } #gnb ul.main_list > li:hover:after {width: 100%; background: #232323; transform: scaleX(1); } #gnb ul.sub_gnb { background: #f4f4f4; display: none; } #gnb ul.sub_gnb > li { border-top: 1px solid #ffffff; } #gnb ul.sub_gnb > li:first-child { border-top: none; } #gnb ul.sub_gnb > li > a { display: block; padding: 16px 0; text-align: center; font-size: 15px; letter-spacing: -1px; color: #575757; } #gnb ul.sub_gnb > li:hover > a { background: #0b68b6; color: #ffffff; } #right_area{position:fixed; right:0; z-index:1;} #right_area > ul > li{float:left; text-align:center; width:90px; border-left:1px solid #e5e5e5; height:75px;} #right_area > ul > li:nth-child(3){border-left:0;} #right_area > ul > li > a{font-size: 17px; font-family: "Noto Sans KR", sans-serif; font-weight: 400; color: #463a3a; height: 75px; line-height: 75px;} /* #right_area > ul > li:nth-child(1) a{padding:28.5px 0px;} #right_area > ul > li:nth-child(2) a{padding:28.5px 29px} */ #right_area > ul > li.sitemap{background:#282828; height:76px;} #right_area > ul > li.sitemap .sitemap_modal{height:100%;} #right_area > ul > li .btn_site img{margin-top:19px;} #right_area > ul > li .btn_site h1{font-size:13px; color:#fff; height:33px; line-height:33px;} /*###### content #########*/ .for_mbl{display:none;} #content {position:relative; overflow:hidden; width:100%; background-color:#ffffff; margin:0; z-index:0; margin-top:128px;} /*¸ÞÀιè³Ê section1*/ #main_sec1 {float:left; position:relative; width:100%; } #main_popbtn{position:absolute; bottom:15%; left:0;} #main_popbtn a{display:block; } #main_popbtn a h1{color:#3e3e3e; font-size:21px; font-family: "Noto Sans KR", sans-serif; background-color:#fff; padding:25px 110px; border-radius:35px; font-weight:500; letter-spacing:0.5px;} /* #main_popbtn a h1 span{ font-size:33px; font-family: "Noto Sans KR", sans-serif; font-weight:normal;} */ /* #main_popbtn a img{position:relative; top:20px; left:30px;} */ #mbl_sec1{display:none;} /*¸ÞÀÎ Áß°£ ¹è³Ê section2*/ /* #main_sec2 {background:#f3f3f3; padding:70px 0; width:100%; float:left;} #main_sec2 .inner > h1{font-family: "Noto Sans KR", sans-serif; font-size:49px; color:#000; text-align:center; margin-bottom:33px; font-weight:normal; letter-spacing:-3px;} #main_sec2 .inner > p{font-family: "Noto Sans KR", sans-serif; font-size:17px; color:#6f6f6f; text-align:center; margin-bottom:60px; font-weight:lighter; letter-spacing:-1px;} #main_sec2 ul li{width:32.4%; margin-left:1.4%; float:left; position:relative; height:386px; transition:all 0.8s ease-in-out;} #main_sec2 ul li > a{display:block;} #main_sec2 ul li:nth-child(1){margin-left:0;} #main_sec2 ul li.cont_01{background:url('../images/cont_bg_01.jpg')no-repeat; background-size:cover; background-color:#0170b7; background-position:center center;} #main_sec2 ul li.cont_02{background:url('../images/cont_bg_02.jpg')no-repeat; background-size:cover; background-color:#009ece; background-position:center center;} #main_sec2 ul li.cont_03{background:url('../images/cont_bg_03.jpg')no-repeat; background-size:cover; background-color:#00c0d1; background-position:center center;} #main_sec2 ul li:hover{background-position:center 80px;} #main_sec2 ul li .sec2_txt_area{background:rgba(46, 49, 51, .88); margin-top:184px; width:100%; padding:30px 0 70px 30px; box-sizing:border-box; transition: all 0.8s ease-in-out;} #main_sec2 ul li:hover .sec2_txt_area{margin-top:0; background:0; transition: all 0.8s ease-in-out; padding-bottom:254px;} #main_sec2 ul li:hover .sec2_txt_area p{color:#fff;} #main_sec2 ul li .sec2_txt_area h1{font-family: "Noto Sans KR", sans-serif; font-size:35px; font-weight:lighter; color:#fff; margin-bottom:23px;} #main_sec2 ul li .sec2_txt_area p{font-family: "Noto Sans KR", sans-serif; font-size:17px; font-weight:lighter; color:#c8c8c8; line-height:1.3;} #main_sec2 ul li > a > p{position:absolute; bottom:20px; left:30px; color:#fff; width:60px; height:13px; line-height:0.3; font-family: "Noto Sans KR", sans-serif; color:#fff; font-size:15px; font-weight:lighter; background:url('../images/arrow_bg.png')no-repeat center center; background-size:cover;} */ #main_sec2 {background:#f3f3f3; padding:70px 0; width:100%; float:left;} #main_sec2 .inner > h1{font-family: "Noto Sans KR", sans-serif; font-size:49px; color:#000; text-align:center; margin-bottom:33px; font-weight:normal; letter-spacing:-3px;} #main_sec2 .inner > p{font-family: "Noto Sans KR", sans-serif; font-size:17px; color:#6f6f6f; text-align:center; margin-bottom:60px; font-weight:lighter; letter-spacing:-1px;} #main_sec2 ul li{width:32.4%; margin-left:1.4%; float:left; position:relative; } #main_sec2 ul li > a{display:block;} #main_sec2 ul li:nth-child(1){margin-left:0;} #main_sec2 ul li .cont_hover_img{display:none;} #main_sec2 .main_sec2_web ul li:hover .cont_img{display:none;} #main_sec2 .main_sec2_web ul li:hover .cont_hover_img{display:block;} #main_sec2 ul li .sec2_txt_area{position:absolute; width:100%; top:53%; left:0; text-align:center; transition: all 0.8s; } #main_sec2 ul li .sec2_txt_area h1{font-family: "Noto Sans KR", sans-serif; font-size:35px; font-weight:lighter; color:#333; margin-bottom:23px;} #main_sec2 ul li .sec2_txt_area p{font-family: "Noto Sans KR", sans-serif; font-size:17px; font-weight:lighter; color:#696969; line-height:1.3;} .main_sec2_mobile{display:none;} /* main_sec3 */ #main_sec3{float:left; width:100%; margin:90px 0;} #main_sec3 .left_banner{background:#f5f3f0; width:35.5%; height:426px; float:left; box-sizing:border-box;} #main_sec3 .left_banner > h1{background:#949494; font-size:16px; color:#ffffff; height:48px; line-height:48px; text-align:center; font-weight:normal; letter-spacing:-0.5px;} #main_sec3 .left_banner .cs_box{padding-top:29px; } #main_sec3 .left_banner ul li{border-bottom:1px solid #dbd8d4; margin:0 25px;} #main_sec3 .left_banner ul li h1{font-family: "Noto Sans KR", sans-serif; font-weight:normal; font-size:17px; color:#56524a; margin:15px 0 20px;} #main_sec3 .left_banner ul li p{margin:0 0 15px; font-family: "Noto Sans KR", sans-serif; font-size:19px; color:#383535; padding-left:30px; background:url('../images/phone_icon.png')no-repeat left center;} #main_sec3 .left_banner ul li p a{cursor:default;} #main_sec3 .left_banner ul li:last-child{border-bottom:0; } #main_sec3 .left_banner ul li:last-child p{font-size:15px; background:url('../images/clock_icon.png')no-repeat 5px center;} #main_sec3 .right_banner{width:61.83%; float:right;} #main_sec3 .right_banner ul li{background:#e8e8e9;} #main_sec3 .right_banner .bx-wrapper .bx-controls-direction a{top:10%;} #main_sec3 .right_banner .bx-wrapper .bx-prev{left:auto; right:50px;} #main_sec4{float:left; width:100%; background:url('../images/sec4_bg.jpg')no-repeat center center; background-size:cover;} #main_sec4 .sec4_cont01{} #main_sec4 .sec4_cont01 .txt_area{width:70%; float:right;} #main_sec4 .sec4_cont02{} #main_sec4 .sec4_cont02 .txt_area{width:70%; float:left;} #main_sec4 > div{width:50%; float:left; text-align:center; padding:94px 0 61px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 0.3s ease-in-out; background-color:rgba(0, 0, 0, 0);} #main_sec4 > div:hover{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 0.3s ease-in-out; background-color:rgba(0, 0, 0, .4);} #main_sec4 > div h1{font-family: "Noto Sans KR", sans-serif; font-size:38px; color:#fff; font-weight:normal; margin-bottom:60px; } #main_sec4 > div p{font-family: "Noto Sans KR", sans-serif; font-size:17px; color:#fff; font-weight:lighter; line-height:1.3; margin-bottom:84px;} #main_sec4 > div p span{font-family: "Noto Sans KR", sans-serif; font-weight:normal;} #main_sec4 > div .btn_area{text-align:center;} #main_sec4 > div a{width:165px; height:40px; line-height:40px; display:inline-block; text-align:center; background:#0170b7; color:#fff; font-size:15px; font-family: "Noto Sans KR", sans-serif; font-weight:normal; box-shadow:5px 5px 5px rgba(0,0,0, .41); border-radius:25px;} #main_sec4 > div a:hover{color:#000; background:#fff;} /*¸ÞÀÎ Ãâ·Â ±Û section5*/ #main_sec5 {overflow:hidden; width:100%; position:relative;} #main_sec5 .inner > div{width:47.3333333%; float:left; display:inline-block; padding:70px 0 78px;} #main_sec5 .inner > div:nth-child(1){margin-right:5.3333333333333%;} #main_sec5 .inner > div .sec3_title{padding-bottom:18px;} #main_sec5 .inner > div .sec3_title h2{margin-bottom:17px;} #main_sec5 .inner > div .sec3_title h2 a{font-family: "Noto Sans KR", sans-serif; font-weight:500; font-size:26px;} #main_sec5 .inner > .bbs1 ul{overflow:hidden; border-top:2px solid #000; height:263px; border-bottom:1px solid #1e1e1e;} #main_sec5 .inner > .bbs1 ul li{float:left; font-family: "Noto Sans KR", sans-serif; border-bottom:1px solid #d3d3d3; height:65px; line-height:65px;} #main_sec5 .inner > .bbs1 ul li:nth-child(2n+1){width:19%; padding-right:10%; padding-left:1%; font-size:19px; font-weight:500;} #main_sec5 .inner > .bbs1 ul li:nth-child(2n){width:70%; font-size:19px; font-weight:300;} #main_sec5 .inner > .bbs1 ul li:last-child{border-bottom:none;} #main_sec5 .inner > .bbs1 ul li:nth-last-child(2){border-bottom:none;} #main_sec5 .inner > .bbs1 ul li:last-child{border-bottom:none;} #main_sec5 .inner > .bbs1 ul li span{float:right; font-size:30px; font-weight:lighter;} #main_sec5 .inner > .bbs2 .bx-wrapper{max-width:inherit!important;overflow:hidden; border-top:2px solid #000; border-bottom:1px solid #1e1e1e; padding:0 60px; box-sizing:border-box;} #main_sec5 .inner > .bbs2 .bx-wrapper .bx-prev{background:url('../images/prev_btn.jpg')no-repeat center center; backgroun-size:cover; width:29px; height:93px; top:36%;} #main_sec5 .inner > .bbs2 .bx-wrapper .bx-next{background:url('../images/next_btn.jpg')no-repeat center center; backgroun-size:cover; width:29px; height:93px; top:36%;} #main_sec5 .inner > .bbs2 .bx-viewport{ height:auto!important; } #main_sec5 .inner > .bbs2 ul{ height:263px; padding:50px; 0; box-sizing:border-box;} #main_sec5 .inner > .bbs2 ul li{} #main_sec6{overflow:hidden; width:100%; position:relative; background:url('../images/sec6_bg.jpg')no-repeat center center; background-size:cover; height:629px} #main_sec6 .sec6_left{width:33.9%; float:left; z-index:2; background:#042a5a; padding-top:81px; box-sizing:border-box; padding-right:68px;} #main_sec6 .sec6_left > h1{font-family: "Noto Sans KR", sans-serif; font-size:32px; font-weight:normal; color:#ffffff; margin-bottom:30px;} #main_sec6 .sec6_left ul li{border-bottom:1px solid #010f20; border-top:1px solid #153c6d;} #main_sec6 .sec6_left ul li:nth-child(1){border-top:0;} #main_sec6 .sec6_left ul li:nth-child(1) p{font-family: "Noto Sans KR", sans-serif; font-weight:lighter; font-size:17px; color:#b8b8b8; margin-bottom:37px; padding-left:0; background:none;} #main_sec6 .sec6_left ul li:last-child{border-bottom:0;} #main_sec6 .sec6_left ul li:last-child p{background:url('../images/clock_bg.png')no-repeat left center; font-size:15px;} #main_sec6 .sec6_left ul li h1{font-family: "Noto Sans KR", sans-serif; font-size:17px; font-weight:normal; color:#ffffff; margin-top:22px; margin-bottom:21px;} #main_sec6 .sec6_left ul li p{font-family: "Noto Sans KR", sans-serif; font-size:19px; font-weight:normal; color:#ffffff; margin-bottom:27px; background:url('../images/phone_bg.png')no-repeat left center; padding-left:25px;} #main_sec6 .sec6_left ul li p a{color:#fff; cursor:default;} #main_sec6 .sec6_left ul li p span{font-weight: lighter; font-size: 14px; position: relative; top: -3px; margin: 0 10px; color: #3a5475;} #main_sec6 .sec6_right{width:66.1%; float:right; z-index:1; background:rgba(255, 255, 255, .89); margin:120px 0; padding:90px 0 80px; text-align:center;} #main_sec6 .sec6_right h2{font-family: "Noto Sans KR", sans-serif; font-size:22px; color:#26282a; font-weight:lighter; margin-bottom:16px;} #main_sec6 .sec6_right h2 span{font-family: "Noto Sans KR", sans-serif; font-weight:normal;} #main_sec6 .sec6_right h1{font-family: "Noto Sans KR", sans-serif; font-size:48px; color:#26282a; font-weight:normal; margin-bottom:60px;} #main_sec6 .sec6_right .under_line{width:28px; height:1px; margin:0 auto; background:#000; margin-bottom:48px;} #main_sec6 .sec6_right p{font-family: "Noto Sans KR", sans-serif; font-size:16px; color:#898989; font-weight:lighter; letter-spacing:0.5px; line-height:1.3;} /* pop */ #popup_modal{background-color:#fff; max-width:1200px; height:505px; width:1200px; padding:50px 0; overflow-x:hidden; } #popup_modal .title{text-align:center;} #popup_modal .title h1{font-size:34px; color:#454545; font-weight:500;} #popup_modal .title p{font-size:19px; color:#9d9d9d; font-weight:300; margin-top:18px; letter-spacing:0.2px;} #popup_modal .cont{margin-top:45px;} #popup_modal div ul{overflow:hidden;} #popup_modal ul li{cursor:pointer;} #popup_modal div ul li:hover{border:3px solid #134e80; background-color:rgba(11,104,182,0.1);} #pop_line{width:1050px; margin:0 auto;} #pop_line ul li{float:left; position:relative; width:30.5%; margin:0 2%; height:280px; box-sizing:border-box; text-align:center; background-color:#f6f6f6; padding-top:33px; border-radius:15px; border:3px solid transparent; cursor:pointer;} #pop_line ul li:first-child{margin-left:0;} #pop_line ul li:last-child{margin-right:0;} #pop_line ul li .pop_txt_area h2{font-size:22px; color:#404040; margin-top:30px; font-weight:500;} #pop_line ul li .pop_txt_area p{font-size:17px; color:#696969; margin-top:14px; font-weight:lighter; letter-spacing:0.2px; line-height:18px;} #pop_date{width:1050px; margin:0 auto; display:none; } #pop_date .right_txt{padding-left:20px; font-size:15px; color:#9d9d9d; font-weight:300;} #pop_date .cont{margin-top:10px; width:33.3333%; height:290px; float:left; box-sizing:border-box; padding:0 1%; text-align:center; } #pop_date .cont .border{border:1px solid #969696; box-sizing:border-box; height:100%; border-radius:5px;} #pop_date .cont h1{font-size:20px; padding:12px 0;} #pop_date .cont th{font-size:15px; font-weight:300;} #pop_date .cont td{font-size:17px; font-weight:300; padding:7px 13px;} #pop_date .cont table{margin:0 auto;} #pop_date .cont table thead{border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; line-height:40px;} #pop_date .cont table tbody tr a{display:block;} #pop_date .cont table tbody td:first-child a{color:#ff0000;} #pop_date .cont table tbody td:last-child a{color:#006cff;} #pop_date .before_icon{position:absolute; left:62px; top:60%; } #pop_date .after_icon{position:absolute; right:62px; top:60%;} #pop_date .fas{color:#747474;} .pop_add{width:1050px; margin:0 auto; display:none;} .pop_add ul li{float:left; border:1px solid #b9b9b9; color:#404040; font-size:17px; text-align:center; font-weight:300; height:40px; line-height:38px; width:13.4%; margin:0 10px 10px 0; box-sizing:border-box;} .pop_add ul li:nth-child(7n){margin-right:0;} .pop_add ul li span{display:block;} .pop_add ul li:hover{line-height:34px;} #pop_size{width:1050px; margin:0 auto; display:none; } #pop_size ul li{float:left; position:relative; border:1px solid #b9b9b9; color:#404040; font-size:18px; text-align:center; font-weight:300; height:58px; line-height:55px; width:32%; margin:0 20px 10px 0; box-sizing:border-box;} #pop_size ul li:nth-child(3n){margin-right:0;} #pop_size ul li:hover{line-height:52px;} #pop_sp{width:1050px; margin:0 auto; display:none; } #pop_sp ul li{float:left; position:relative; width:195px; height:200px; margin:0 8px; box-sizing:border-box; text-align:center; padding-top:33px; border:1px solid #b9b9b9; border-radius:15px;} #pop_sp ul li:hover{padding-top:31px;} #pop_sp ul li:first-child{margin-left:0;} #pop_sp ul li:last-child{margin-right:0;} #pop_sp ul li.checked{border:3px solid #134e80; background-color:rgba(11,104,182,0.1);} #pop_sp ul li.checked:hover{ padding-top:33px;} #pop_sp ul li .pop_txt_area h2{font-size:18px; color:#404040; margin-top:20px; font-weight:300;} #pop_sp .btn{width:195px; height:50px; font-size:18px; font-weight:500; margin:0 auto; margin-top:39px; background-color:#3c3c3c; color:#fff; line-height:50px; text-align:center; border-radius:25px; cursor:pointer;} #pop_last{width:950px; margin:0 auto; display:none; } #pop_last .pop_last_form{overflow:hidden;} #pop_last .pop_last_form label{font-size:18px; color:#404040; font-weight:300; width:58px; display:inline-block;} #pop_last .pop_last_form input{height:48px; border:1px solid #dedede; width:80%; padding-left:10px; font-size:15px;} #pop_last .form_top div{width:50%; float:left; margin-top:8px;} #pop_last .form_mid div{width:50%; float:left; margin-top:8px;} #pop_last .form_btm div{width:100%; float:left; margin-top:8px;} #pop_last .form_btm input{width:90%;} #pop_last .privacy_check{float:left; margin-top:15px;} #pop_last .privacy_check input{height:20px; width:20px; border:1px solid #dedede; background-color:#f6f6f6; border-radius:none; margin:0; padding:0; vertical-align:-10%;} #pop_last .privacy_check span{font-size:16px; color:#b8b8b8; font-weight:300; margin-left:7px; letter-spacing:0.5px;} #pop_last .btn{float:none; width:195px; height:50px; font-size:18px; font-weight:500; margin:0 auto; margin-top:39px; background-color:#3c3c3c; color:#fff; line-height:50px; text-align:center; border-radius:25px;} /* #popup_modal{background:url('../images/popup_bg.jpg')no-repeat center center; background-size:cover;} #popup_modal .apply_area form table.ck_group{width:371px;} #popup_modal .apply_area form table.ck_group tr td{padding:0;} #popup_modal .apply_area form table.ck_group tr td input[type="checkbox"]{display:none;} #popup_modal .apply_area form table.ck_group tr td input[type="checkbox"] + label span{display:inline-block; width:10px; height:10px; background:#f3f3f3; border:1px solid #a8a8a8; border-radius:25px; margin-right:5px;} #popup_modal .apply_area form table.ck_group tr td input[type="checkbox"]:checked + label span{background:#a8a8a8; width:10px; height:10px; border:1px solid #000;} #popup_modal .apply_area form table.ck_group tr td label{font-size:14px; font-weight:normal; color:#454c4e;} #popup_modal .apply_area form .check_title{background:none; font-family: "Noto Sans KR", sans-serif; font-size:17px; color:#454c4e; text-align:left; font-weight:normal; padding-left:33px; padding-bottom:0;} .modal{max-width:980px; height:550px; width:980px;} .pop_banner .apply_area{width:50%; border:1px solid #e9e9e9; background:#fff;} .pop_banner .apply_area form{padding:0 10px;} .pop_banner h1{font-family: "Noto Sans KR", sans-serif; font-size:15px; font-weight:lighter; color:#fff; margin-bottom:13px; text-align:center; letter-spacing:-0.5px; padding:20px 0; background:#0189b1;} .pop_banner p{font-family: "Noto Sans KR", sans-serif; font-size:17px; font-weight:lighter; color:#031e26; margin-bottom:35px; text-align:center;} .pop_banner form table{width:390px; margin:0 auto;} .pop_banner form table tr{height:30px;} .pop_banner form table th{font-family: "Noto Sans KR", sans-serif; font-size:15px; font-weight:normal; color:#454c4e; padding-left:10px;} .pop_banner form table td{width:85px; height:30px; padding:5px 0;} .pop_banner form table .input_area{ width:100%; height:30px; padding:0 3px; box-sizing:border-box; background:#eee; border:none;} .pop_banner form table .date{width:113px;} .pop_banner form table .name{width:113px;} .pop_banner form table select{width:112px; height:30px; background:#eee; border:none;} .pop_banner form .submit_btn{text-align:center; margin-top:32px; margin-bottom:25px;} .pop_banner form a{display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #ffffff; width: 165px; height: 40px; text-align: center; line-height: 40px; background: #303030; border-radius: 25px; font-weight:normal;} .pop_banner form a:hover{background:#032a59; color:#fff;} */ /*###### footer #########*/ #footer{position:relative; float:left; width:100%; background-color:#32353a;} #copyright {color:#d0cfcf; line-height:16px; font-size: 12px; text-align:center; font-family: 'Nanum Gothic', sans-serif;} #copyright .copy_btns{background:#2b2b2b;} #copyright .copy_btns > .inner{height:34px; padding-top:21px; text-align:left;} #bot_nav {display:inline-block; height:25px; line-height:15px; text-align:center;} #bot_nav > li {float:left; padding-left:10px; padding-right:10px; border-left:2px solid white;} #bot_nav > li:first-child { border-left:0; padding-left:0;} #bot_nav > li > a {color:white; font-weight:bold; font-size:15px;} #bot_nav > li > a:hover {color:#c6c6c6;} #copyright .copy_logo{margin-top:60px; margin-bottom:65px;} #copyright .site_info .inner{color:#c8c8c8; font-size:14px; font-family: 'Nanum Gothic', sans-serif; line-height:1.3; letter-spacing:-0.5px; text-align:left; padding:36px 0;} #mbl_footer_btn{display:none;} #scrollUp { bottom: 1px; right: 0; color: #fff; width:54px; height:54px; line-height:64px; text-align:center; font-size:14px; box-sizing:border-box; background:url('../images/top_btn_bg.png')no-repeat center center; background-size:cover; position:absolute; } /*######ÄÁÅØÆ® Æû#########*/ #contact_btn {position:fixed; top:43%; width:50px; height:80px; z-index:90; background-color:#3799ca; cursor:pointer; background-repeat:no-repeat; } #contact_btn > a {display:block; width:29px; height:58px;} .contact_btn_in { right:5px; background-image:url('/_yesweb/_skin_h/images/contact_btn_in.png'); background-position:center center;} .contact_btn_out { right:260px; background-image:url('/_yesweb/_skin_h/images/contact_btn_out.png'); background-position:center center;} #contact { position:fixed; top:43%; width:270px; z-index:80;} .contact_in {right:-265px;} .contact_out {right:0;} .ct_cont {height:400px; background-color:#3799ca; position:relative; margin-top:-150px;} .ct_form {padding:30px;} .ct_form h1 {font-size:20px; text-align:center; margin-bottom:30px;} .ct_form p.ct_input { font-weight:800;} .ct_form p.ct_input > input {height:1.5em; margin-bottom:10px; padding-left:5px;} .ct_form textarea {resize:none; overflow:hidden; width:100%;} .ct_form p.ct_agree {line-height:2em; margin-top:5px;} .ct_form p.ct_agree > input {float:left;} .ct_form p.ct_agree > label {float:left; cursor:pointer;} .ct_form p.agree_a { text-align:right; clear:both;} .ct_form p.agree_a > a {font-size:13px; font-weight:bold;} .ct_form p.agree_a > a:hover {color:black; } .ct_form p.ct_submit {margin-top:20px; width:90%; margin-left:5%;} .ct_form #ct_submit {background-color:#4b4844; color:#f5f5f5; width:100%; padding:10px 0; font-size:14px; border:0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .ct_form #ct_submit:hover, .ct_form #ct_submit:active { background-color:#5e5c59; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} /* ·Î±×ÀÎ Á¤Áø¾Æ */ #login{width:100%; margin: 60px 0 60px 0;} #login .inner{margin:0 auto;} .inner .top_box{width:99%;margin: 0 auto 60px auto;} .inner .top_box img{padding:60px 0px 80px 0px;margin-left:35%;} .inner .top_box p {text-align: center; font-weight: bold; font-size: 24px;} .inner .top_box p span {color: #0b68b6;} .inner .top_box p:first-child {margin-bottom: 5px;} .inner .bottom_box{width:99%; height:200px;margin:0 auto; border-top:2px solid #363636; border-bottom:1px solid #cdcdcd; background-image:url('../images/line.jpg'); background-repeat:no-repeat;background-position:606px center; } .bottom_box .left{width:50%; float:left;padding-top:64px; position:relative; font-size:14px; color:#272727; font-weight:bold;} .bottom_box .left p:first-child {margin-bottom: 10px;} .bottom_box .left .left_01 span{padding:0px 70px 0px 10px} .bottom_box .left .left_02 span{padding:0px 59px 0px 10px} .bottom_box .left .input{width:220px;} .bottom_box .right a{margin-left:20px; float: right;} .bottom_box .right a#gray{margin-left:23px;} /* input style */ .bottom_box .left input[type=text], .bottom_box .left input[type=password] {border: 1px solid #dddddd; padding: 5px 0;} .bottom_box .left input[type=image] {float:right;position:absolute; right:110px; top: 64px;} .bottom_box .right{float:right;font-size:12px; color:#616161; padding-top:64px; margin-right: 70px;} .bottom_box .right img{vertical-align:middle;} .bottom_box .right p {overflow: hidden; line-height: 28px;} .bottom_box .right p:first-child {margin-bottom: 10px;} .sns_login {margin-top: 35px;} .sns_login ul {overflow: hidden; width: 50%; margin: 0 auto;} .sns_login ul li {float: left; margin-left: 10px;} .sns_login ul li:first-child {margin-left: 0;}