@charset "utf-8"; .btn_dust{ width:1000px; position:relative; margin:0 auto; height:1px;z-index:10;} .btn_dust a{margin:443px 0 0 -190px; position: absolute;} .btn_forest{ width:1000px; position:relative; margin:0 auto; height:1px;z-index:10;} .btn_forest a{margin:529px 0 0 -190px; position: absolute;} .btn_gong{ width:1000px; position:relative; margin:0 auto; height:1px;z-index:10;} .btn_gong a{margin:630px 0 0 -190px; position: absolute;} .btn_realestate{ width:1000px; position:relative; margin:0 auto; height:1px;z-index:10;} .btn_realestate a{margin:347px 0 0 -190px; position: absolute;} .depthbox{ clear:both; margin-bottom:30px;} .depthbox select{ display:none;} .depthbox ul li{ display:inline-block; margin-bottom:5px; } .depthbox ul li a{ font-size:15px; color:#666; letter-spacing:-1px; display:inline-block; height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; background:#f8f8f8;vertical-align:middle} .depthbox ul li a:hover{ color:#06C;} .depthbox ul .active a{ background-color:#266fcc; color:#fff; border:1px solid #039;} .depthbox ul .active a:hover{ color: #0FF;} .forest_tab{margin-bottom:10px} .forest_tab li{display:inline-block;} .forest_tab li a{ height:35px; line-height:35px; padding:0 10px;display:inline-block;border:1px solid #ccc; background:#f8f8f8;} .forest_tab li a:hover, .forest_tab li a:focus{color:#35691c} .forest_tab li.on a{color:#fff;background:#468229;border:1px solid #35691c} .forest_tab li.on a:hover, .forest_tab li.on a:focus{color:#bfffa2} .forest_tab:after{clear:both;content:"";display:block} .tab_basic{ clear:both; margin-bottom:40px;display:none} .tab_basic ul li{ display:inline-block; margin-bottom:5px; } .tab_basic ul li a{ font-size:12px; color:#666; letter-spacing:-1px; display:inline-block; height:35px; line-height:35px; padding:0 10px; border:1px solid #ccc; background:#f8f8f8;} .tab_basic ul li a:hover{ color:#06C;} .tab_basic ul .active a{ background-color:#266fcc; color:#fff; border:1px solid #039;} .tab_basic ul .active a:hover{ color: #0FF;} .depthbox2{ clear:both; margin-bottom:20px;display:none} .depthbox2 ul li{float:left; margin-bottom:5px; } .depthbox2 ul li a{ font-size:14px; color:#666; letter-spacing:-1px; display:block; height:35px; line-height:35px; padding:0 1px; border:1px solid #ccc; background:#f8f8f8;border-radius:3px;text-align:center;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .depthbox2 ul li a:hover{ color:#06C;} .depthbox2 ul .active a{ background-color:#266fcc; color:#fff; border:1px solid #039;} .depthbox2 ul .active a:hover{ color: #0FF;} .depthbox2 ul:after{clear:both;content:"";display:block} /*2021*/ /*공공누리 171103*/ .open_license { float:right; width:100%; padding-top:25px; margin:20px 0 20px 0; border-top:1px solid #dbdee6;} .open_license .license_mark { margin-right:25px; vertical-align:top; display:inline-block;} .open_license .license_txt { padding-top:15px; vertical-align:top; display:inline-block;} .open_license .license_txt a { color:#f26522;} .open_license:after { clear:both;content:"";display:block} .box_foot_divz { width:100%; overflow:hidden; clear:both; margin:0 auto;} /*만족도*/ .btn { display:inline-block; padding:7px 20px 5px 20px; border:1px solid transparent; border-radius:3px;} #satibox { position:relative; float:left; width:100%; border:1px solid #dbdee6;} #satibox ul li { float:left; width:33.333333%; text-align:center; border-right:1px solid #dbdee6;} #satibox ul li:last-child { border-right:0;} #satibox ul li label { float:left; width:35%; height:50px; line-height:50px; background:#e9ebf1; border-right:1px solid #dbdee6;} #satibox ul li span { float:left; width:65%; height:50px; line-height:50px; padding:0 7px;} #satibox ul li span input { width:100%; height:35px; border:1px solid #ccc;} #satibox .sel { height:100px; clear:both; padding:20px; border-top:1px solid #dbdee6;} #satibox .sel dl{ width:65%; float:left;} #satibox .sel dl dd label{ display:inline-block; margin-right:10px;} #satibox .sel dl dd input{ display:inline-block; vertical-align: middle;} #satibox .sel .btnbox{ float:right; clear:none; margin-top:10px;} #satibox .btnbox button { display:inline-block; padding:5px 10px; background:#ee2f5b; border:1px solid #c02045; border-radius:3px; color:#fff;line-height:1.6} #satibox .btnbox a{ display:inline-block; padding:5px 10px; background:#666; border:1px solid #555; border-radius:3px; color:#fff;line-height:1.6} #satibox .comment{ clear:both; display:none;} #satibox .comment dt{ background:#e9ebf1; padding:10px 20px;border:1px solid #dbdee6; margin-top:20px;} #satibox .comment dd{ padding:20px; border:1px solid #dbdee6; border-top:0;} #satibox .comment dd p{ clear:both;} #satibox .comment dd textarea{ float:left; width:89%; height:100px; border:1px solid #ccc;} #satibox .comment dd button{ float: right; width:10%; height:100px; line-height:100px; padding:0 10px; background:#ee2f5b; border:1px solid #c02045; border-radius:3px; color:#fff; width:10%; font-size:15px;} .satibox_txt{float:right;width:100%;margin-bottom:25px} /*2021*/ /*레이아웃 E*/ #start{float:left; width:750px; margin-top:50px; min-height:600px;} .subtitle{ font-size:23px; margin:0 0 30px 0; font-weight:bold; border-bottom:1px solid #666; letter-spacing:-2px; } .position{text-align:right;} .position a{ display:inline-block; padding:3px 20px 3px 0px; background:url(/images/www/arrow.gif) no-repeat right 5px; line-height:20px;} .position .home img{ vertical-align: text-bottom; margin-top:5px; vertical-align:top;} .position a:last-child{ background:none; padding-right:0;line-height:20px;} .highlight{ font-weight:bold;} .filter{ } .filter dl{ margin:20px;} .filter dl dt{ font-weight:bold;color:#333;} .filter dl dd ul{ border:0;} .filter dl dd ul li{ float:left; width:50%;} .filter dl dd ul li button{ font-size:12px; width:100%; background:#fff; border:1px solid #ccc;} .filter dl dd ul li button:last-child{ border-left:0;} .filter dl dd ul li .selected{ background:#555; color:#fff;} .filter dl dd ul li a{background:#fff; color:#555; font-size:12px; width:100%; padding:0; text-align:center; font-size:12px; line-height:25px;border:1px solid #ccc;} .filter dl dd ul li:nth-child(3) a, .filter dl dd ul li:nth-child(4) a{ border-bottom:0; border-top:0;} /*2020-02-22*/ .corona_layer { position:absolute; right:10px; top:10px; width:142px; height:143px; z-index:100;} .corona_layer .layer_close { position:absolute; right:5px; top:5px; width:20px; height:20px; } .corona_layer img, .corona_layer .layer_close img { width:100%; height:auto;} .area { margin-bottom:15px; clear:both; height:75px;} .area dt{ font-size:14px; padding-top:22px; line-height:18px; height:78px; background:#ee2e5b; color:#fff; float:left; width:10%; text-align:center; font-weight:bold;} .area dd{ float:left; width:90%; border:1px solid #ccc;} .area dd ul li{ float:left; width:14.2%; text-align:center; border-right:1px solid #ccc;} .area dd ul .nobo{ border:0;} .area dd ul li a{ font-size:12px; font-weight:bold; display:block; padding:47px 0 7px 0 ;} .area dd ul li:first-child{ background:url(../../images/www/main/area-icon1.jpg) no-repeat center 10px;} .area dd ul li:nth-child(2){ background:url(../../images/www/main/area-icon2.jpg) no-repeat center 10px;} .area dd ul li:nth-child(3){ background:url(../../images/www/main/area-icon3.jpg) no-repeat center 10px;} .area dd ul li:nth-child(4){ background:url(../../images/www/main/area-icon4.jpg) no-repeat center 10px;} .area dd ul li:nth-child(5){ background:url(../../images/www/main/area-icon5.jpg) no-repeat center 10px;} .area dd ul li:nth-child(6){ background:url(../../images/www/main/area-icon6.jpg) no-repeat center 10px;} .area dd ul li:nth-child(7){ background:url(../../images/www/main/area-icon7.jpg) no-repeat center 10px;} .tabmenu{ position:relative; border:1px solid #ccc;border-top:2px solid #222; float:left; position:relative; width:667px; padding:22px 0 0 25px; height:210px;} .tabmenu .board_tab{} .tabmenu .board_tab dl{ padding:20px; position:absolute;} .tabmenu .board_tab dt{ z-index:5;position:absolute;top:20px;background:url(../../images/www/main/line.jpg) no-repeat right 7px;} .tabmenu .board_tab dt a{ display:inline-block; padding:0 8px; font-size:15px;}/*padding:0 10px;*/ .tabmenu .board_tab dt .over{ font-weight:bold; color:#333;} .tabmenu .board_tab dd{ z-index:1; position:relative; display:none; width:95%; } .tabmenu .board_tab dd ul{padding-top:35px;} .tabmenu .board_tab dd ul li{ height:32px; line-height:32px; border-bottom:1px dashed #ddd;} .tabmenu .board_tab dd ul li a{ float:left;line-height:32px; width:500px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tabmenu .board_tab dd ul li span{ float: right; width:70px; color:#999;} .tabmenu .board_tab .tab01{left:2.5%; } .tabmenu .board_tab .tab02{left:11.5%;} .tabmenu .board_tab .tab03{left:23.7%;} .tabmenu .board_tab .tab04{left:35.7%;} .tabmenu .board_tab .tab05{left:49%;} .tabmenu .board_tab .tab06{left:61%;} .tabmenu .board_tab .tab07{left:72%; background:none;} /* .tabmenu .board_tab .tab01{left:2%; } .tabmenu .board_tab .tab02{left:12%;} .tabmenu .board_tab .tab03{left:24%;} .tabmenu .board_tab .tab04{left:36%;} .tabmenu .board_tab .tab05{left:48%;} .tabmenu .board_tab .tab06{left:60%; background:none;} */ .tabmenu .board_tab .btn-more{ position:absolute; top:0px; right:0px;} .tabmenu .board_tab .btn-more img{ vertical-align:text-bottom;} .mayor{ border-top:2px solid #222; float: right; width:333px; background:#f2f2f2 url(../../images/www/main/mayor_bg.jpg) no-repeat left -20px; padding:20px 0 0 20px; height:210px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}/*padding:25px 0 0 20px;*/ .mayor dt{ color:#999; font-size:12px; line-height:20px; width:200px;padding-bottom:5px}/*padding-bottom:2px*/ .mayor ul{ margin-top:10px; font-weight:bold;} .mayor ul li{line-height:16px;font-size:12px} .mayor ul a{ color:#09C; padding-left:10px; background:url(../../images/www/main/mayor_ar.png) no-repeat left center;letter-spacing:-0.08em;line-height:16px} .mban{float:right;width:311px;} .mban li:first-child a{background:#0079d0 url(../../images/www/main/mban_bg01.png) no-repeat 202px bottom;padding-left:21px;margin-bottom:4px} .mban li a{display:block;height:84px;padding-top:17px;background:#ebebec url(../../images/www/main/mban_bg02.png) no-repeat 21px bottom;border:1px solid #ccc;padding-left:111px;} .colorbox { float:left; width:598px; height:502px; margin:13px 0; border-bottom:1px solid #ccc;} .colorbox h4 { font-size:20px; margin-bottom:20px; letter-spacing:-1px; } .colorbox h4 a { color:#fff; font-weight:bold; padding-right:30px;} .colorbox h4 a img { vertical-align:sub;} .colorbox .service h4 { margin-bottom:10px;} .colorbox .service h4 a { color:#222;} .colorbox ul { width:100%;height:170px; } .colorbox ul li a { color:#fff; background:url(../../images/www/main/colorbox_ar.png) no-repeat left center; padding-left:10px;} .colorbox .enjoy{ background:url(../../images/www/main/enjoy_bg.jpg) repeat; float:left; width:299px; height:250px; padding:25px 0 0 25px; } .colorbox .study{ background:url(../../images/www/main/study_bg.jpg) no-repeat right 0; float:left; width:299px;height:250px; padding:25px 0 0 25px; } .colorbox .join{ background:url(../../images/www/main/join_bg.jpg) repeat; float:left; width:299px;height:250px; padding:25px 0 0 25px; } .colorbox .service{ background:url(../../images/www/main/service_bg.jpg) repeat; float:left; width:299px; height:250px; padding:25px 0 0 25px; border-right:1px solid #ccc; } .colorbox .enjoy ul {background:url(../../images/www/main/enjoy_img.png) no-repeat right bottom; } /*.colorbox .study ul{ background:url(../../images/www/main/study_img.png) no-repeat right bottom; }*/ .colorbox .study ul{height:65px} .colorbox .join ul{ background:url(../../images/www/main/join_img.png) no-repeat right bottom; } .colorbox .service p { color:#999; font-size:12px; line-height:20px;} .colorbox .service select { margin:10px 0; width:260px; display:block; height:30px; border:1px solid #ccc;} .colorbox .service input { border:2px solid #0090eb;height:32px; width:260px;display:block;} .colorbox .service button {margin:10px 0;height:32px; background: #0090eb; width:260px;display:block; border:0; color:#fff; font-size:12px;} .colorbox .enjoy h4 {background:url(../../images/www/main/title_ar.png) no-repeat 82px center;} .colorbox .study h4 {background:url(../../images/www/main/title_ar.png) no-repeat 140px center;} .colorbox .study h4.da {background:url(../../images/www/main/title_ar.png) no-repeat 82px center;} .colorbox .join h4 {background:url(../../images/www/main/title_ar.png) no-repeat 82px center;} .colorbox .yaho{background:url(../../images/www/main/yaho_bg.jpg) no-repeat right 0;float:left; width:299px;height:250px; padding:20px 0 0 0; border:1px solid #ccc} .colorbox .yaho h4{margin:0 0 5px 25px} .colorbox .yaho ul{height:163px;padding-left:25px} .colorbox .yaho ul li a{ color:#1d8721; background:url(../../images/www/main/colorbox_yahoar.png) no-repeat left center; padding-left:10px;} .whitebox { float:left; width:398px; background:url(../../images/www/main/service_bg.jpg) repeat; border:1px solid #ccc; border-left:0; height:502px;margin:13px 0;} .whitebox div { padding:13px 20px 20px; clear:both;} .whitebox h4 { font-size:16px; margin-bottom:5px;} .whitebox h4 a img { vertical-align:middle;} .whitebox .view p { float:left; width:50%; margin-bottom:20px;padding-top:10px} .whitebox .view ul { float:left; width:50%; margin-bottom:13px;} .whitebox .view ul li { border-bottom:1px solid #ccc; height:25px; background:url(../../images/www/main/i-dot.jpg) no-repeat left center;} .whitebox .view ul li a { display:inline-block; line-height:23px; padding-left:10px;} .whitebox .view ul li a:hover { color:#ee2e5b;} .read{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .read ul, .talk ul{ background:#fff; border:1px solid #ccc; height:90px;} .read ul li{float:left; width:33.3%; text-align:center; border-right:1px solid #ccc;} .talk ul li{float:left; width:25%; text-align:center; border-right:1px solid #ccc;height:88px;overflow:hidden} .talk ul li .MB10{ margin-bottom:10px;} .read ul li a, .talk ul li a {display:block;padding-top:53px; padding-bottom:5px; font-size:12px; letter-spacing:-1px;} .read ul li a strong, .talk ul li a strong{ display:block; line-height:10px;} .read ul .nobo, .talk ul .nobo{ border-right:0;} .talk ul li a {letter-spacing:-2px;} .read ul li a strong{letter-spacing:-1px} .read div{margin:0;padding:0 !important;} .read div.r1{float:left;width:73%;clear:none !important;} .read div.r2{float:right;width:26%;clear:none !important;} .read ul li:first-child{background:url(../../images/www/main/read-icon1.jpg) no-repeat center 8px;} .read ul li:nth-child(2){background:url(../../images/www/main/read-icon3.jpg) no-repeat center 8px;} .read ul li:last-child{background:url(../../images/www/main/read-icon2.jpg) no-repeat center 8px;} .talk ul li:first-child{background:url(../../images/www/main/talk-icon5.jpg) no-repeat center 8px;} .talk ul li:nth-child(2){background:url(../../images/www/main/talk-icon1.jpg) no-repeat center 8px;} .talk ul li:nth-child(3){background:url(../../images/www/main/talk-icon2.jpg) no-repeat center 8px;} .talk ul li:last-child{background:url(../../images/www/main/talk-icon4.jpg) no-repeat center 8px;} .read div.r2 h4{letter-spacing:-1px} .read div.r2 ul li{background:url(../../images/www/main/read-icon4.jpg) no-repeat center 8px;width:100% !important} .read:after{clear:both;content:"";display:block} .sitebox{ clear:both; background:#565a79; height:79px; margin-bottom:15px;} .sitebox .msite{ display:none;} .sitebox dl{ width:1000px; margin:0 auto;} .sitebox dl dt{ font-size:14px; line-height:18px; padding-top:18px; background:#34385e; color:#fff; float:left; width:100px; text-align:center; height:79px; font-weight:bold;} .sitebox dl dd{ float:left; width:1000px; } .sitebox dl dd ul{ border-left:1px solid #72768f; width:100%; float:left;} .sitebox dl dd ul li{ float:left; width:9.06%; text-align:center; border-right:1px solid #72768f;}/*width:10%;*/ .sitebox dl dd ul li a{ font-size:12px; font-weight:bold; color:#cacdde; display:block; padding:47px 0 7px 0;} .sitebox dl dd ul li:first-child{background:url(../../images/www/main/site-icon9.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(2){background:url(../../images/www/main/site-icon7.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(3){background:url(../../images/www/main/site-icon6.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(4){background:url(../../images/www/main/site-icon10.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(5){background:url(../../images/www/main/site-icon4.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(6){background:url(../../images/www/main/site-icon5.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(7){background:url(../../images/www/main/site-icon1.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(8){background:url(../../images/www/main/site-icon2.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(9){background:url(../../images/www/main/site-icon3.jpg) no-repeat center 8px;} .sitebox dl dd ul li:nth-child(10){background:url(../../images/www/main/site-icon8.jpg) no-repeat center 8px;} .sitebox dl dd ul li:last-child{background:url(../../images/www/main/site-icon11.jpg) no-repeat center 8px;} .area_news h4 { font-size:16px; color:#222; font-weight:bold; margin-bottom:0;} .area_news ul { position: relative; float:left; padding-bottom:25px;width:100%} .area_news ul li { float:left; width:23.5%; height:400px; margin-right:20px; text-align:center; border:1px solid #ccc; border-radius:5px; border-top:0;} .area_news ul li h5 { height:40px; font-size:15px; background-color:#419ace; border-radius:5px 5px 0 0; border:1px solid #419ace;}/*#5cafdf*/ .area_news ul li h5 a { color:#fff; line-height:37px; font-weight:bold; } .area_news ul li p { padding:10px 0 20px 0;} .area_news ul li dl { width:90%; margin:0 auto; text-align:justify;} .area_news ul li dl dt { font-size:15px; height:30px; overflow:hidden; text-align:left;text-overflow:ellipsis;white-space:nowrap} .area_news ul li dl dd { font-size:12px; height:135px; overflow:hidden;} .area_news ul li dl dd a { color:#999;} .area_news ul li dl dd a:hover { color:#666;} .area_news .last_li { float:right; margin-right:0;} .area_news ul li p img{ width:90%; margin:5px auto 0 auto; height:auto;} .tab_btm{ background:url(../../images/www/main/tab_total_bg.jpg) repeat-x left top; clear:both; height:400px;} .tab_btm dl{ width:1000px; position:relative; margin:0 auto;} .tab_btm dl .tab{ position:absolute; width:33.3%; text-align:center;} .tab_btm dl .tab a{height:42px; line-height:42px;display:inline-block; font-weight:bold; font-size:14px;} .tab_btm dl .tab .over{ width:100%; background:#0085d2; color:#fff; } .tab_btm dl .tab01{ left:0;} .tab_btm dl .tab02{ left:33.3%;} .tab_btm dl .tab03{ left:66.6%;} .tab_btm dl .tabbox{ position: relative; top:70px; display:none;} .tab_btm .total li{ float:left; width:33.333%;text-align:center; margin-top:1px; margin-bottom:45px;} .tab_btm .total li a{ font-weight:bold; line-height:40px; } .tab_btm .impor { float:left; width:60%;} .tab_btm .impor li{ float:left; width:50%; height:185px;} .tab_btm #tab1 .impor li:nth-child(1){width:33.333%; background:url(../../images/www/main/citizen-img1.jpg) no-repeat right bottom;} .tab_btm #tab1 .impor li:nth-child(2){width:33.333%; background:url(../../images/www/main/citizen-img2.jpg) no-repeat right bottom;} .tab_btm #tab1 .impor li:nth-child(3){width:33.333%; background:url(../../images/www/main/citizen-img3.jpg) no-repeat right bottom;} .tab_btm #tab1 .impor li:nth-child(4){ background:url(../../images/www/main/citizen-img4.jpg) no-repeat right bottom;} .tab_btm #tab1 .impor li:nth-child(5){ background:url(../../images/www/main/citizen-img5.jpg) no-repeat right bottom;} .tab_btm #tab2 .impor li:nth-child(1){ background:url(../../images/www/main/licensee-img1.jpg) no-repeat right bottom;} .tab_btm #tab2 .impor li:nth-child(2){ background:url(../../images/www/main/licensee-img2.jpg) no-repeat right bottom;} .tab_btm #tab2 .impor li:nth-child(3){ background:url(../../images/www/main/licensee-img3.jpg) no-repeat right bottom;} .tab_btm #tab2 .impor li:nth-child(4){ background:url(../../images/www/main/licensee-img4.jpg) no-repeat right bottom;} .tab_btm #tab3 .impor li:nth-child(1){ background:url(../../images/www/main/tourist-img1.jpg) no-repeat right bottom;} .tab_btm #tab3 .impor li:nth-child(2){ background:url(../../images/www/main/tourist-img2.jpg) no-repeat right bottom;} .tab_btm #tab3 .impor li:nth-child(3){ background:url(../../images/www/main/tourist-img3.jpg) no-repeat right bottom;} .tab_btm #tab3 .impor li:nth-child(4){ background:url(../../images/www/main/tourist-img4.jpg) no-repeat right bottom;} .tab_btm .impor li dl{ border-top:3px solid #222; width:90%; margin:0 auto;} .tab_btm .impor li .more{width:90%; margin:0 auto;} .tab_btm .impor li .more a{ background:#f8f8f8; border:1px solid #ccc; border-radius:3px; padding:3px 5px; font-size:12px; } .tab_btm .impor li dl dt{ font-size:20px; line-height:25px; font-weight:bold; letter-spacing:-2px; color:#222; margin:10px 0;} .tab_btm .impor li dl dd{ font-size:12px;margin-bottom:15px; line-height:20px;} .tab_btm #tab1 .impor li dl dt{ font-size:18px;letter-spacing:-3px;} .tab_btm .etc_list{ float: right; width:35%;} .tab_btm .etc_list li{ float:left; width:50%; background:url(../../images/www/main/i-dot.jpg) no-repeat left 10px; padding-left:8px;} .tab_btm .etc_list li a{ font-size:12px;} .tab_btm .etc_list .pc_hidden{ display:none;} .ms_banner, .marea, .msite{ display:none;} /*메인레이아웃 E*/ /*마일리지*/ #mileage{} #mileage .mile_total{ background-color:#f8f8f8; font-size:15px; text-align:center; height:100px; width:50%; float:left; border:1px solid #ddd; padding:20px 10px 10px 10px;} #mileage .mile_list{height:100px; width:48%; margin-left:2%; float:left; border:1px solid #ddd; padding:10px;} #mileage .mile_list strong{ display:inline-block; margin-right:5px;} #mileage .mile_list .tcolor1{ display:inline-block; float:right;} #mileage .mile_list .tcolor1 span{ color:#666; font-weight:normal;} #mileage .icon3{ border-bottom:1px dashed #ccc;} .snsbox{ clear:both; } .phone-area{ background:#f8f8f8; float:left;width:280px; border:3px solid #666; margin-bottom:50px; border-radius:10px;} .phone-area h5{ font-size:15px; background:#666; color:#fff; border-radius:6px 6px 0 0; font-weight:bold; letter-spacing:0; padding:5px 0 ; margin-bottom:10px; text-align:center;} .phone-area .message, .phone-area .directory, .phone-area .sender{ padding:0 20px;} .phone-area .message textarea{ width:100%; border:1px solid #ccc;} .phone-area .number-list li{ background:#fff; width:100%; float:left; margin:0 0 3px 0; border:1px solid #ccc;} .phone-area .number-list li a{ float:right; text-align:center; display:inline-block; width:20px; margin-top:7px;} .phone-area .number-list li a img{ width:10px; vertical-align:middle;} .phone-area .number-list input{ float:left; height:25px; width:180px; border:0;} .phone-area .number-list em{ float:left; background:#888; color:#fff; width:20px; height:25px; line-height:25px; display:inline-block; text-align:center;} .phone-area .sender{ float:left; width:100%; margin-top:10px;} .phone-area .sender strong{ float:left; width:30%} .phone-area .sender input{ float: right; width:70%; border:1px solid #ccc; height:25px;} .phone-area .btn-area{ text-align:center; float:left; width:100%; margin:10px 0 0 0; padding:10px 20px 0 20px; border-top:1px dashed #ccc;} .phone-area .btn-area .btn-small{ width:48%; padding:4px 0; font-weight:bold;} .phone-area p{ float:left; width:100%; text-align:right; padding:0 20px; margin-bottom:20px;} .emoticon{ float: right; width:450px;} .emoticon ul{ float:left; width:100%; margin-bottom:20px;} .emoticon ul li{ float:left; width:30%; margin:0 0 10px 3%;} .emoticon ul li p{ text-align: center; cursor:pointer;} .emoticon ul li textarea{ width:100%; display:inline-block; border:1px solid #ccc;} .emoticon .pagination a{ border:1px solid #ccc; border-radius:3px; } /*오류신고*/ #pop_error{ width:95%; margin:20px auto;} #pop_error span{ float:left; display:inline-block; line-height:25px; margin-left:10px;} #pop_error .filebox2 .upload-name{ width:60%;} .filebox2 .upload-name1 {display: inline-block; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; -moz-appearance: none; width:60%;} .filebox2 .upload-btn{} .filebox2 .upload-btn label{float:none !important} #pop_error span.finfo{ float:none; } /*게시판_개인정보처리방침*/ .bbs_privacy {width: 100%;margin-top: 20px;} #board .bbs_privacy .stitle1{font-size:1.125rem;} .bbs_privacy .priv_box {overflow-y: scroll;border: 1px solid #ccc;padding: 20px;height: 150px;} .bbs_privacy .priv_box ul {border: 0;padding-left: 10px;} .bbs_privacy .priv_box ul li {border: 0;} .bbs_privacy .agree_ck {text-align:center;padding: 10px 0;} .bbs_privacy .agree_ck label{margin:0 5px} /* responsive web design area */ @media all and (max-width:768px){ /*모바일메뉴 S*/ .btn_side{ display:block; z-index:5; font-size:0; line-height:0; position: absolute; top:10px; right:70px; width:53px; height:51px; border-radius:3px; background:#ee2e5b; } .btn_side i{ border-top:8px double #fff; border-bottom:8px double #fff; height:2px; display:block; width:23px; margin:16px 0 0 15px; } .btn_area{display:block; z-index:5; text-align:center; line-height:15px; color:#fff;position: absolute; top:10px; right:130px; width:53px; height:51px; border-radius:3px; background:#565a79; } .btn_area i{ display:block; margin:10px 0 0 0; font-weight:bold;font-size:12px; color:#fff; } .btn_area i:hover{ color:#fff ;} .btn_tour{display:block;text-align:center;color:#fff !important;background:#222;line-height:38px} #open_side { display:block; overflow-y:scroll; height:100%; width:100%;clear:both; position: fixed; z-index:98; top:0px; background:url(/images/www/open_side_bg.png) repeat; } #open_side .btn_side{ background:none;position:absolute; top:5px; left:210px; padding:10px; width:18px; height:18px;} #open_side .side_gnb { position:absolute; height:2000px; width:250px;background:#2e2f31; padding-top:50px; right:0; } #open_side .depth1 ul{ display:none;} #open_side .depth1 li{ border-bottom:1px dotted rgba(255, 255, 255, 0.2);} #open_side .depth1 a{ color:#777; display:inline-block; padding:10px 15px 10px 10px ; width:90%; font-size:15px; background:url(/images/www/open_arrow.png) no-repeat 230px 22px; } #open_side .depth1 .active a{background:#ee2e5b url(/images/www/close_arrow.png) no-repeat 230px 20px; color:#fff;} #open_side .depth1 .active .depth2 { display:block;} #open_side .depth1 .active .depth2 a{color:#ccc;background:#333 url(/images/www/open_arrow2.png) no-repeat 230px 17px; font-size:13px; padding-left:20px; font-size:13px; width:215px;} #open_side .depth1 .active .depth2 .active a{ color:#ee2e5b ; background:url(/images/www/close_arrow2.png) no-repeat 230px 17px; padding:7px 15px 7px 20px ; } #open_side .depth1 .active .depth2 .active .depth3 { display:block;} #open_side .depth1 .active .depth2 .active .depth3 a { color:#999;background:#222 url(/images/www/close_arrow3.png) no-repeat 20px 12px; font-size:11px; padding:5px 15px 5px 30px ;width:205px;} #open_side .depth1 .active .depth2 li:last-child, .depth1 .active .depth2 .active .depth3 li:last-child{ border-bottom:0;} #open_side .depth1 .munhwa a{background:#ee2e5b url(/images/www/close_arrow.png) no-repeat 230px 20px; color:#fff;} #open_area { display:block; overflow-y:scroll; height:100%; width:100%;clear:both; position: fixed; z-index:98; top:0px; background:url(/images/www/open_side_bg.png) repeat; } #open_area .btn_area{ background:none; position:absolute; top:5px; left:210px; padding:10px; width:18px; height:18px;} #open_area .side_gnb { position:absolute; height:2000px; right:0; width:250px;background:#2e2f31; padding-top:50px; } #open_area .depth1 ul{ display:none;} #open_area .depth1 li{ border-bottom:1px dotted rgba(255, 255, 255, 0.2);} #open_area .depth1 a{ color:#ccc; display:inline-block; padding:10px 15px 10px 10px ; width:90%; font-size:14px; background:url(/images/www/open_arrow.png) no-repeat 230px 22px; } #open_area .depth1 .active a{ color:#fff;background:#0059b4 url(/images/www/open_arrow.png) no-repeat 230px 20px;} #open_area .depth1 .active .depth2 { display:block;} #open_area .depth1 .active .depth2 a{color:#ccc; background:#333 url(/images/www/open_arrow2.png) no-repeat 230px 17px;padding-left:20px; font-size:13px;} #open_area .depth1 .active .depth2 .active a{color:#00b4ff; background:url(/images/www/close_arrow2.png) no-repeat 230px 17px; padding:7px 15px 7px 20px ; } #open_area .depth1 .active .depth2 .active .depth3 { display:block;} #open_area .depth1 .active .depth2 .active .depth3 a {color:#999; background:#222 url(/images/www/close_arrow3.png) no-repeat 20px 14px; font-size:11px; padding:5px 15px 5px 30px ;width:215px;} #open_area.depth1 .active .depth2 li:last-child, .depth1 .active .depth2 .active .depth3 li:last-child{ border-bottom:0;} #open_side .m_topmenu{} #open_side .m_topmenu a{ background-color:#666; box-sizing:border-box; display:inline-block; color:#ccc; line-height:30px; float:left; text-align:center; font-size:11px;} #open_side .m_topmenu a:first-child{ width:50%; border-right:1px solid #333; } #open_side .m_topmenu a:last-child{ width:50%;} #open_side .m_langUL{ border-top:2px solid #666;} #open_side .m_langUL a{ background-color:#333; box-sizing:border-box; display:inline-block; color:#ccc; line-height:30px; float:left; text-align:center; font-size:11px;} #open_side .m_langUL a{ width:33.3%; border-right:1px solid #666; } #open_side .m_langUL a:last-child{ width:33.3%;border-right:0} .depthbox select{font-family: inherit; color:#fff; border-radius:3px;/*appearance: none;*/ -moz-appearance: none; -o-appearance: none; -ms-appearance: none; -webkit-appearance: none; background:#777 url(/images/www/sel_ar.png) no-repeat 97% 50%; display: block; width:100%; border: 1px solid #666; background-size:13px;}/* padding: .8em .5em;*/ .depthbox ul{ display:none;} /*모바일메뉴 E*/ .f_box .formbox, .mo_hidden{ display:none;} .subtitle{ font-size:22px; margin:20px 0;} .position{text-align:left; border:1px solid #ccc; background-color:#f8f8f8; margin-top:10px; padding:0 5px;} .position a:last-child{ color:#06C;} .stitle{ font-size:16px; font-weight:bold;} .con_icon{ clear:both; height:25px; width:100%; margin-bottom:20px;} /*메인레이아웃 S*/ .banner, .tabmenu, .mayor{ width:100%; padding:0;} .banner{ margin:10px 0; position:relative;} .tabmenu{ border-top:0; margin-bottom:10px; height:215px;} .tabmenu .board_tab dt{ background:none; top:0px; padding:0;text-align:center; width:14.7%;}/*width:16.6%;*/ .tabmenu .board_tab dt a{ border-top:2px solid #777; font-size:13px; letter-spacing:-1px; display:inline-block; width:100%; padding:8px 0; text-align:center; background:#999; color:#eee;} .tabmenu .board_tab dt .over{ border-top:2px solid #222; background:#fff; color:#222; } .tabmenu .board_tab .tab01{ left:0;} .tabmenu .board_tab .tab02{ left:14.2%;} .tabmenu .board_tab .tab03{ left:28.4%;} .tabmenu .board_tab .tab04{ left:42.6%;} .tabmenu .board_tab .tab05{ left:56.8%;} .tabmenu .board_tab .tab06{ left:71%;;} .tabmenu .board_tab .tab07{ left:85.2%; width:14.7%} /* .tabmenu .board_tab .tab01{ left:0;} .tabmenu .board_tab .tab02{ left:16.6%;} .tabmenu .board_tab .tab03{ left:33.2%;} .tabmenu .board_tab .tab04{ left:49.8%;} .tabmenu .board_tab .tab05{ left:66.4%;} .tabmenu .board_tab .tab06{ left:83%; width:17%;} */ .tabmenu .board_tab dd{ padding:10px 20px; top:25px; width:100%;} .tabmenu .board_tab dd ul li a{ font-size:12px; display:block; height:30px; float:inherit; width:100%; overflow:hidden;} .tabmenu .board_tab dd ul li span{ display:none;} .tabmenu .board_tab .btn-more{ margin-right:10px; top:20px; font-size:12px;} .tabmenu .board_tab .btn-more img{ display:none; } .mayor{ height:210px; border-left:1px solid #ccc; padding:20px; background:#f8f8f8 url(../../images/www/main/mayor_bg.png) no-repeat right bottom; background-size:300px;} .mayor dt a{line-height:18px} .mayor dt a span{line-height:18px} .mban{width:100%} .mban li:first-child{margin-right:1%} .mban li{float:left;width:49.5%;} .colorbox{ width:100%; height:402px; margin:10px 0;} .colorbox h4{ font-size:18px; margin-bottom:10px;} .colorbox .enjoy h4{background:url(../../images/www/main/title_ar.png) no-repeat 75px center;} .colorbox .study h4{background:url(../../images/www/main/title_ar.png) no-repeat 127px center;} .colorbox .join h4{background:url(../../images/www/main/title_ar.png) no-repeat 75px center;} .colorbox ul{ height:auto} .colorbox .enjoy, .colorbox .study, .colorbox .join, .colorbox .service{ padding:20px; width:50%; height:200px; overflow:hidden;} .colorbox .enjoy ul, .colorbox .study ul, .colorbox .join ul{background:none;} .colorbox .study h4.da{background:url(../../images/www/main/title_ar.png) no-repeat 75px center;} .colorbox .study ul{ height:auto;padding-bottom:20px} .colorbox .service p { display:none;} .colorbox .service select, .colorbox .service input, .colorbox .service button{width:100%;} .colorbox .study{background:url(../../images/www/main/study_bg.jpg) no-repeat left 0;} .colorbox .yaho{width:50%;height:200px; padding:20px;background:url(../../images/www/main/yaho_bg.jpg) no-repeat left 0;} .colorbox .yaho h4{margin-left:0} .colorbox .yaho h4 img{width:120px} .colorbox .yaho ul{background:none;height:auto;padding-left:0} .colorbox .yaho ul li a{} .marea{ clear:both; text-align:center; display:block; height:56px; padding:10px 0; border-bottom:1px solid #777;background:#565a79;} .marea label{} .marea .inputbox{ border-radius:3px; border:0;} .marea .btn-enter{ padding:3px 10px;} .msite{ margin-bottom:10px;clear:both; text-align:center; display:block; height:56px; padding:10px 0; border-bottom:1px solid #777;background:#565a79;} .msite label{} .msite .inputbox{ border-radius:3px; border:0;} .msite .btn-enter{ padding:3px 10px;} .tab_btm{ height:185px; width:95%; margin:0 auto; border:1px solid #ccc; border-top:0;} .tab_btm dl{ width:100%;} .tab_btm .impor{ display:none;} .tab_btm dl .tabbox{ top:55px;} .tab_btm .etc_list{ position:absolute; height:110px; overflow-y:scroll; float:inherit; clear:both; width:95%; margin:0 auto 0 15px;} .tab_btm .etc_list .pc_hidden{ display: block;} .ms_banner{ display: block; width:95%; margin:10px auto; } .ms_banner li{ float:left; width:33%; padding:4px;} .ms_banner li:last-child{ margin-bottom:20px;} .ms_banner li img{ width:100%; border:1px solid #ccc;} .ms_banner .control_btn{ display:none; z-index:1000;} .ms_banner .corona_btn{position:absolute;left:0;width:100%;z-index:100} .ms_banner .corona_btn img{width:100%} .whitebox { width:100%; border-left:1px solid #ccc;} .area_news ul { padding-bottom:0;} .area_news ul li { width:48.5%; margin:0 0 15px 0;} .area_news ul li:nth-child(even) { float:right; margin-right:0;} /*메인레이아웃 E*/ /*마일리지*/ .phone-area{ margin:0 auto 30px auto; float:none; clear:both; height:450px;} .emoticon{ margin:0 auto; float:none; clear:both; width:100%;} .emoticon .pagination a:nth-child(8), .emoticon .pagination a:nth-child(9){ display: inline-block; text-align:center;} .depthbox2{display:block} .depthbox2 ul li{width:32%;margin:0 0.5% 5px} /*2021*/ .open_license{width:100%; margin-right:0;} .open_license .license_mark{width:100%;float:none;padding-bottom:5px; text-align:center;margin-right:0} .open_license .license_txt{width:100%;float:none; padding-top:5px;} /*만족도*/ #satibox ul li { width:100%; border-right:0; border-bottom:1px solid #dbdee6;} #satibox ul li:last-child { border-bottom:0;} #satibox ul li label { width:27%;} #satibox ul li span { width:73%;} #satibox .sel dl { width:100%;} #satibox .sel .btnbox { width:100%; margin-top:10px;} /*2021*/ } @media all and (max-width:600px){ /*메인레이아웃 S*/ .tabmenu { height:205px;} .tabmenu .board_tab dt a{ font-size:11px; letter-spacing:-1px;} .tabmenu .board_tab .btn-more{ font-size:11px;} .tabmenu .board_tab dd ul{ padding-top:25px;} .mayor { height:150px; background-size:213px; padding:20px 15px;} .mayor dt img{ width:140px;} .mayor dt span{ display:none;} .mayor dd ul{ margin-top:0;} .mayor dd ul li{line-height:16px;} .mayor dd a{line-height:16px; font-size:12px; } .colorbox{ height:362px;} .colorbox .enjoy, .colorbox .study, .colorbox .join, .colorbox .service{ height:180px; padding:15px;} .colorbox h4{ font-size:15px; letter-spacing:-2px;} .colorbox h4 a img{ margin-left:5px;} .colorbox ul{ height: auto;} .colorbox ul li{ line-height:20px;} .colorbox ul li a{ font-size:12px; letter-spacing:-1px; line-height:20px;} .colorbox .service select, .colorbox .service input, .colorbox .service button{ margin:5px 0;} .colorbox .enjoy h4{background:url(../../images/www/main/title_ar.png) no-repeat 62px center;} .colorbox .study h4{background:url(../../images/www/main/title_ar.png) no-repeat 98px center;} .colorbox .join h4{background:url(../../images/www/main/title_ar.png) no-repeat 62px center;} .colorbox .yaho{width:50%;height:180px; padding:15px;} .tab_btm .etc_list{ width:90%;} .tab_btm .etc_list li{ background:url(../../images/www/main/i-dot.jpg) no-repeat left 8px;} .tab_btm .etc_list li a{ display:inline-block; line-height:18px;} .ms_banner{ position:relative; height:110px; } .ms_banner li{ display:none; margin-bottom:20px; width:100%; float:left; padding:0; border-right:1px solid #ccc; height:110px;} .ms_banner .active{ display:block;} .ms_banner .active img{ height:auto;} /*.ms_banner .control_btn{ display: block;line-height:20px; position:absolute; z-index:1000; right:10px; top:10px; background:url(../../images/www/main/control_bg.png) repeat-x; border:1px solid #ccc;} .ms_banner .control_btn a{ float:left; line-height:20px; border-right:1px solid #ccc; display:inline-block; } .ms_banner .control_btn a:last-child{ border:0;} .ms_banner .control_btn .count{ float:left;line-height:20px; padding:0 5px; display:inline-block; border-right:1px solid #ccc;} .ms_banner .control_btn .count .on{ color:#06C; font-weight:bold;} */ .ms_banner .control_btn{ display: block;line-height:20px; width:100%; } .ms_banner .control_btn .count{ margin-top:2px; float:left; line-height:20px; padding:0 5px; display:inline-block; } .ms_banner .control_btn .count .on{ color:#06C; font-weight:bold;} .ms_banner .control_btn a{margin-bottom:5px;line-height:20px; border:1px solid #ccc; border-left:0; display:inline-block; float:left} .ms_banner .control_btn .prev{ border-left:1px solid #ccc;} .area_news ul li { width:100%; height:auto;} .area_news ul li dl dd { height:auto; padding-bottom:15px;} /*메인레이아웃 E*/ /*통합검색*/ .sch_tapmenu ul li a{ font-size:12px; letter-spacing:-1px;} /*마일리지*/ #mileage .mile_total, #mileage .mile_list{ clear:both; width:100%; margin:0 0 20px 0;} .phone-area{ width:100%; border:1px solid #666;} .corona_layer { width:120px; height:121px; z-index:100;} } @media all and (max-width:640px){ .mban li:first-child a{background-position:90% bottom} .mban li{width:100%;} .mban li a{padding-left:60%} } @media all and (max-width:500px){ .mban li a{padding-left:45%} } @media all and (max-width:400px){ .whitebox { height:475px;} .whitebox h4 { margin-bottom:0;} .whitebox .view p { width:40%;} .whitebox .view p img { width:100%; height:auto; padding-top:10px;} .whitebox .view ul { float:right; width:55%;} } /*0122 */ .cont_Mqm_p{ position:absolute;margin:258px 0 0 1015px;}/*353px 438px*/ .cont_Mqm_pm{ display:none} @media all and (max-width:768px){ .cont_Mqm_pm{width:95%;margin:10px auto 0 auto;border:1px solid #ccc;clear:both;text-align:center;border-radius:5px; display:block;} .cont_Mqm_pm img{width:85%} .hid{ display:none} } /*0128*/ .cont_Mqm_u20{position:absolute;margin:300px 0 0 1015px;} @media all and (max-width:768px){ .cont_Mqm_u20{display:none;} } /*0303메인 퀵메뉴추가*/ .cont_Mqm_gover{ position:absolute;margin:463px 0 0 1015px;}/*597px*/ .cont_Mqm_wamark{ position:absolute;margin:511px 0 0 1015px;}/*416px 502px*/ .cont_Mqm_munhwa{position:absolute;margin:258px 0 0 1015px;}/*margin:294px 0 0 1015px;*/ .cont_Mqm_facilities{position:absolute;margin:258px 0 0 1015px;}/*342px*/ .cont_Mqm_youth{position:absolute;margin:574px 0 0 1015px;} .cont_Mqm_muntxt{position:absolute;margin:-38px 0 0 1015px;;width:171px;text-align:center} .cont_Mqm_muntxt a{font-size:15px;font-weight:600} .cont_Mqm_muntxt a:hover{color:#ee2e5b} .cont_Mqm_jjdaum{ position:absolute;margin:417px 0 0 1015px;} @media all and (max-width:768px){ .satibox_txt{float:none;width:100%;margin-bottom:25px} } /*분야별정보-대학생학자금대출이자지원*/ .interest{width:750px;} .interest table{font-size:13px;width:100%;border:3px solid #000;box-sizing:border-box;border-collapse:collapse;} .interest th,.interest td{border:1px solid #ddd;padding:5px 2px;text-align:center;height:40px;position:relative} .interest span.star i{font-size:0;} .interest span.star{color:red} .interest .tl{text-align:left !important;padding:15px;} span.co_blue{color:blue} .interest th.h1{font-size:22px;line-height:50px;width:100%} .interest th.h2{font-size:22px;line-height:35px;width:100%} .interest th.h2 span{font-size:20px;} .interest dl{position:absolute;width:100%;top:0;height:40px;padding:0;margin:0} .interest dl dt{float:left;width:100px;border-right:1px solid #ddd;height:40px;line-height:40px} .interest dl dt.line{line-height:1em} .interest dl dd{float:left} .interest ul,.interest li{list-style:none;padding:0;margin:0} .interest ul{margin-bottom:30px;} .interest ul ul{margin-left:14px;} .interest .agree_check{margin:20px 0;text-align:center;font-weight:800;line-height:30px;} .interest p.text{color:#000;margin-bottom:10px;} .interest .agree_check input{margin-right:10px} .interest .sign .date, .interest .sign .name, .interest .sign .city{text-align:right;line-height: 250%;} .interest .sign {padding:20px 40px;}/*padding:20px 50px;*/ .interest .sign2 {padding:20px 50px;} .interest a.post{margin-right:5px;text-decoration:none;background:#444;color:#fff;float:left;font-size:12px;padding:4px 5px 4px} .btnbox .btn-02 ,.btnbox .btn-03{background:#555;color:#fff} .btnbox .btn-01{background:#ee2f5b;color:#fff} .Idendify{border-bottom: 1px dashed #ddd;text-align:center;clear:both;width:750px;padding:20px 0;} .Idendify dl{width:300px;margin:0 auto} .Idendify dt{float:left;} .finish_layer {display:none; position: absolute; top: 100%; left: 50%; width: 410px; height:auto; background-color:#fff; border: 5px solid #3571B5; z-index: 10;} .finish_layer .pop-container {padding: 20px 25px;} .finish_layer p.ctxt {color: #666; line-height: 25px;} .finish_layer .btn-r {width: 100%; margin:10px 0 0 0 ; padding-top: 10px; border-top: 1px solid #DDD; text-align:center;} .finish_layer a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;text-decoration:none} .finish_layer a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;} .btnbox.tl{text-align:left !important} .myIdentify{width:100%;text-align:center; border: 3px solid #ddd; padding: 20px 30px 30px;border: 3px solid #ddd;padding: 20px 30px 30px;} .myIdentify ul{position:relative} .myIdentify label{vertical-align: top;line-height: 29px;width:100px;display: inline-block;} .myIdentify .clearFix:after{margin-bottom:5px;display:block;content:'';clear:both} .myIdentify p.confirm a{line-height:36px;margin-top: 10px;width: 172px;} /*.bo_search fieldset label{margin-right:10px}*/ .interest input.tc {text-align:center} .interest input.it-txt{line-height: 28px;height: 28px;} /*.box_foot_divz{width:1000px;overflow:hidden;clear:both;margin:0 auto}*/ @media all and (max-width:768px){ .box_foot_divz{ width:100%;margin:10px 0 0 0;} } /*접근성 관련 label 숨김처리*/ /*.LabelHidden {left:-9999em !important;width:1px !important;height:1px !important;margin:0 !important;padding:0;background:none !important;font-size:0 !important;line-height:0 !important;text-indent:-9999em !important;}*/ .LabelHidden {position: absolute; clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; margin: -1px;} /*웹표준 작업 2016.10.04*/ .qcate, .qstrong{ cursor:pointer; } /*네이버 연관채널태그*/ .nvChn{display:none;} /*코로나배너*/ .corona_banner{ background:#ec6951 url(../../images/www/corona_banner_i.jpg) no-repeat 0 bottom; width:100%; height:70px; color:#fff; padding-top:13px; letter-spacing:-2px; margin-bottom:15px} .corona_banner:after, .corona_banner:before{ display:block; clear:both; content:""} .corona_banner a, .corona_banner a:hover, .corona_banner a:visited{ color:#fff} .corona_banner h3{ float:left; margin:0 10px 0 110px; font-size:24px} .corona_banner p{float:left;margin-top:4px;display:none;} .corona_banner p a{display:inline-block;padding:5px 10px 5px 45px;border-radius:10px;background:#ffd052 url(/images/www/main/icon_mask.png) no-repeat 10px center;color:#000;font-size:16px;background-size:30px;font-weight:600} .corona_banner p a:hover,.corona_banner p a:focus{color:#000} .corona_banner ul{ float:left; margin-left:60px; margin-top:8px} .corona_banner li{ position:relative; float:left; font-size:16px;} .corona_banner li:after{ content:"|"; padding:0 10px ; font-size:12px; color:#fff} .corona_banner li:last-child:after{ display:none} .liveguide_layer { position:absolute; left:1px; top:1px; width:663px; height:324px; z-index:99999;} .liveguide_layer .layer_link { position:absolute; right:70px; top:7px;} .liveguide_layer .layer_link a {text-align:center; color:#fff; border-radius:15px; padding: 4px 10px 6px; background: #002f59; border-radius: 15px; margin-right: 3px;} .liveguide_layer .layer_link a span {padding-right: 10px; background: url(/images/www/link_arrow.png) no-repeat right 4px;} .liveguide_layer .layer_close { position:absolute; right:7px; top:7px; width:55px; height:25px;background:url(/images/www/open_side_bg.png) repeat;text-align:center;color:#fff;border-radius:15px} .liveguide_layer img{ width:100%; height:auto;} .liveguide_layer .layer_close img {} .info_layer{ position:absolute; left:1px; top:1px; width:663px; height:324px; z-index:99999;} .info_layer .layer_close{ position:absolute; right:7px; top:7px; width:55px; height:25px;background:url(/images/www/open_side_bg.png) repeat;text-align:center;color:#fff;border-radius:15px} .info_layer img{ width:100%; height:auto;} @media all and (max-width:768px){ .corona_banner{ height:auto; background-position:-15px bottom; padding:10px 0 8px 80px; margin-bottom:10px; float:left} .corona_banner h3{font-size:18px; margin-left:0; font-weight:600} .corona_banner p{margin:0 0 5px 0;} .corona_banner p a{font-size:14px;padding:5px 10px 5px 35px;background-size:25px;background-position:5px center} .corona_banner ul{clear:both;float:none; margin-left:0; margin-top:0;display:block} .corona_banner li{ font-size:14px;} .liveguide_layer{width:100%;height:auto} .info_layer{width:100%;height:auto} } @media all and (max-width:410px){ .corona_banner h3{float:none;} .corona_banner p{float:none; margin:5px 0;display:none} } /*앱사용 유도*/ .appUse{display:table;height:100%;width:100%;clear:both;position:fixed;z-index:100;top:0px;background:url(/images/www/open_side_bg.png) repeat;} .appUse div{width:300px;margin:0 auto;text-align:center;display:table-cell;vertical-align:middle} .appUse div p{margin-bottom:30px} .appUse div p.no a{text-decoration:underline;font-size:18px;color:#fff}