@font-face{ font-family:"NanumSquareR"; src:url('../fonts/NanumSquareR.eot'); src:url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumSquareR.woff') format('woff'), url('../fonts/NanumSquareR.ttf') format('truetype'); src:local('?'), url('../fonts/NanumSquareR.woff') format('woff'); } @font-face{ font-family:"NanumSquareB"; src:url('../fonts/NanumSquareB.eot'); src:url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumSquareB.woff') format('woff'), url('../fonts/NanumSquareB.ttf') format('truetype'); src:local('?'), url('../fonts/NanumSquareB.woff') format('woff'); } /**@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);**/ @font-face{ font-family:"malgun"; src:url('../fonts/malgun.eot'); src:url('../fonts/malgun.eot?#iefix') format('embedded-opentype'), url('../fonts/malgun.woff') format('woff'), url('../fonts/malgun.ttf') format('truetype'); src:local('?'), url('../fonts/malgun.woff') format('woff'); } *{margin:0; padding:0} html{width:100%; height:100%} body{position:relative; font-size:14px;font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#777;-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%;-ms-text-size-adjust:100%;} body.main{background:none;} body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0} ul,ol,li{list-style:none} img, fieldset{border:none; vertical-align:top} legend, caption{display:none} textarea, button{vertical-align:middle} button{cursor:pointer;border:none;overflow:visible;} input, select{height:24px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#777;} input,option{padding:3px} select{height:32px; padding:2px} textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#777; font-size:13px;} .checkbox{padding:0; border:0} .disNone{display:none} a{text-decoration:none; color:#777} a:hover, a:focus, a:active{text-decoration:none;} table{width:100%; border-collapse:collapse} table th{font-family:'NanumSquareB'; font-weight:normal} strong{font-family:'NanumSquareB'; font-weight:normal} map area{outline:none;} button{margin:0; padding:0; background:none; font-size:14px; font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#777; word-break:break-all;} input[type="password"]{font-family:dotum,"돋움",sans-serif !important;} input[type="radio"]:focus{outline:1px dotted #888;} ::-webkit-input-placeholder {color:#4a4098;} :-moz-placeholder {color:#4a4098; opacity:1;} ::-moz-placeholder {color:#4a4098; opacity:1;} :-ms-input-placeholder {color:#4a4098;} :placeholder-shown {color:#4a4098;} .clearB{clear:both} img {max-width:100%;} /* 간격 */ .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt80{margin-top:80px !important} .ml10 {margin-left:10px !important;} /* 정렬 */ .taC{text-align:center !important} .taR{text-align:right !important} .taL{text-align:left !important} .fL{float:left !important} .fR{float:right !important} /* 버튼 */ .red{color:#4a4098 !important} .btn333{display:inline-block; background:#333; color:#fff; padding:8px 20px 7px; vertical-align:middle} .btn333two{display:inline-block; padding:8px 20px; border:1px solid #333; background:#333; background-size:1px 33px; color:#fff; font-family:'NanumSquareB'; font-weight:normal;} .btnRed{display:inline-block; background:#4a4098; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-family:'NanumSquareB'; font-weight:normal; vertical-align:middle} .btnRed.wide{width:auto; padding:0 20px;} .btnRed2{display:inline-block; border:1px solid #4a4098; background:#fff; color:#4a4098; width:98px; height:38px; line-height:40px; text-align:center; font-family:'NanumSquareB'; font-weight:normal; vertical-align:middle} .btnGry{display:inline-block; background:#666; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-family:'NanumSquareB'; font-weight:normal; vertical-align:middle} .whtBt{display:inline-block; background:#fff; color:#333; font-family:'NanumSquareB'; font-weight:normal; padding:7px 20px; border:1px solid #bdbdbd} .whtBt2{display:inline-block; width:80px; height:42px; line-height:42px; background:#fff; color:#555; font-size:16px; border:1px solid #bfbfbf; border-radius:2px; text-align:center} .whtBt3{display:inline-block; padding:8px 20px; border:1px solid #bfbfbf; background:url('/common/images/icon/btn_fffbg.gif') repeat-x 0 0; background-size:1px 33px; color:#333; font-family:'NanumSquareB'; font-weight:normal;} .srchBt{display:inline-block; width:79px; height:32px; background:#4a4098; line-height:32px; color:#fff; font-size:13px; text-align:center} .srchBt span{padding-left:20px; background:url('/common/images/icon/srch_icon.png') no-repeat 0 center; background-size:15px; line-height:32px;} .situ1{display:inline-block; padding:0 20px; height:26px; line-height:26px; background:#4a4098; color:#fff; font-size:13px; border-radius:13px; text-align:center; font-family:'NanumSquareB'; font-weight:normal;} .state1{display:inline-block; width:68px; height:24px; background:#ffd000; line-height:24px; color:#333; font-size:13px; border-radius:12px; text-align:center} .state2{display:inline-block; width:68px; height:24px; background:#57d3fe; line-height:24px; color:#333; font-size:13px; border-radius:12px; text-align:center} .state3{display:inline-block; width:68px; height:24px; background:#dfdfdf; line-height:24px; color:#333; font-size:13px; border-radius:12px; text-align:center} .tipTxt{font-size:16px; padding:8px 0 8px 45px; background:url('/common/images/icon/tip_icon.png') no-repeat 0 center; color:#333;} .dotTxt{padding:0 0 5px 10px; background:url('/common/images/icon/dot3x3.gif') no-repeat 0 8px; background-size:3px; color:#777; line-height:24px;} #wrapper{position:relative; width:100%; min-width:1300px;} #header{position:relative; width:100%;z-index:1000} .headDiv{position:relative; width:1100px; height:85px; margin:auto} .headDiv h1{position:absolute; top:22px; left:0px;} .headDiv .util {position:absolute;top:0px;right:0px;width:147px;overflow:hidden;background:#a3afa3;padding:26px 0;} .headDiv .util a {display:block;font-family:'NanumSquareB';font-size:13px;color:#fff;line-height:13px;text-align:center;} .headDiv .util li{/*background:url('../img/dot_1.png') 0 5px no-repeat;*/padding:10px 0;} #gnb {position:absolute;top:0px;right:147px;z-index:1000} #gnb .oneD {display:block;padding:0px 0;height:83px;float:left;width:127px;line-height:83px;text-align:center;font-size:16px;color:#333; font-family:'NanumSquareB';background:url('../img/gnb_line.png') no-repeat left center;} #gnb .oneD:first-child {background:none;} #gnb .oneD:hover, #gnb .oneD.go, #gnb .oneD.on {color:#3a5a20;} #gnb .twoD{display:none; position:absolute; top:83px; width:127px; height:312px; padding:10px 0 0px 0; border-left:1px solid #e5e5e5; z-index:100;text-align:center;box-sizing:border-box} #gnb .twoD.on{background:#3a5a20} #gnb .twoD.one{left:0px;} #gnb .twoD.two{left:127px;} #gnb .twoD.thr{left:254px;} #gnb .twoD.fou{left:381px;} #gnb .twoD.fiv{left:508px} #gnb .twoD.six{left:635px} #gnb .twoD a{display:block; margin:8px 0px;padding:4px 0px;font-size:13px; color:#666;} #gnb .twoD.on a{color:#fff; font-family:'NanumSquareB'; font-weight:normal;} #gnb .twoD.on a.on{color:#ddd;} #header .twoDbg{display:none; position:absolute;top:83px;left:0;width:100%;height:312px; margin:auto; background:url('../img/gnb_bg.jpg') no-repeat center top #f6f6f6; z-index:900} body.main #header{position:absolute;/*border-bottom:1px solid #ab998f*/background:url('../img/bg_line_gnb_btm.png') left bottom repeat-x;} body.main #header #gnb a.oneD{color:#fff} body.main #header #gnb.on a.oneD{color:#333} body.main #header.main_on{background-color:#fff} body.main .headDiv .util {background:url(../img/bg_header_util.png);} body.main #header.main_on .util {background:#a3afa3;} .sec-vi{position:relative;;width:100%;height:786px} .sec-vi li{height:786px} body.main .sec-row1{overflow:hidden;padding:40px 0 68px 0} body.main .sec-base-w{width:1200px;margin:0 auto;position:relative} body.main .sec-row1 .tit{position:relative;text-align:center;height:50px;margin-bottom:30px} body.main .sec-row1 .tit .btn-r{position:absolute;right:0;top:0} body.main .sec-row1 ul{overflow:hidden} body.main .sec-row1 ul li{float:left;text-align:center;margin:0;padding:0;width:20%;min-height:375px;} body.main .sec-row1 ul li span{color:#888888;font-size:14px;margin-top:12px;line-height:30px;display:block;letter-spacing:-0.5px;} body.main .sec-row2{background:url('../img/main_bg_2.jpg');min-height:500px} body.main .sec-row2 h2{text-align:center;padding:40px 0} body.main .sec-row2 .ul_list_1{overflow:hidden;padding-bottom:70px} body.main .sec-row2 .ul_list_1 > li{float:left;height:400px} body.main .sec-row2 .ul_list_1 > li.wd_1{width:398px} body.main .sec-row2 .ul_list_1 > li.wd_2{width:400px} body.main .sec-row2 .ul_list_1 > li.wd_3{width:399px} body.main .sec-row2 .ul_list_1 > li.wd_4{width:398px;background:url(../img/bg_main_2_4.png);} body.main .sec-row2 .ul_list_1 > li.wd_5{width:400px} body.main .sec-row2 .ul_list_1 > li.wd_6{width:399px;background:url(../img/bg_main_2_6.jpg);} body.main .sec-row2 .ul_list_1 .sec-col-2{padding:70px 40px 60px 40px;background-color:#fff;height:270px} body.main .sec-row2 .ul_list_1 .sec-col-2 .tit{color:#333333;font-size:19px;text-align:center;font-family:'NanumSquareB';} body.main .sec-row2 .sec-btn-top {text-align:center;padding-top:5px;padding-bottom:35px} body.main .sec-row2 .sec-btn-top a{color:#e89b68;font-size:13px;} body.main .sec-row2 .sec-notice{overflow:hidden} body.main .sec-row2 .sec-notice > li{overflow:hidden;position:relative;color:#777777;font-size:15px;line-height:29px} body.main .sec-row2 .sec-notice > li .dt{position:absolute;right:0;top:2px;padding:5px 5px;line-height:13px;border:1px solid #eeeeee;color:#999999;font-size:13px} body.main .sec-row2 .ul_list_1 > li.wd_4 > div{padding:70px 0 0 125px} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .row1{height:194px} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .tit{color:#333333;font-family:'NanumSquareB';font-size:19px;padding-bottom:20px} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .txt{line-height:20px;font-family:'NanumSquareR';color:#777777;} body.main .sec-row2 .ul_list_1 > li.wd_6 > div .row1{padding:60px 0 0 200px;text-align:center;height:130px} body.main .sec-row2 .ul_list_1 > li.wd_6 > div .row2{padding:60px 200px 0 0;text-align:center;height:130px} body.main .sec-row2 .ul_list_1 > li.wd_6 > div .tit{color:#333333;font-family:'NanumSquareB';font-size:19px;padding-bottom:20px} body.main .sec-row2 .ul_list_1 > li.wd_6 > div .row1 .tit{color:#fff} body.main .sec-row2 .ul_list_1 > li.wd_6 > div .txt{line-height:20px;font-family:'NanumSquareR';color:#777777;} body.main .sec-row3{background:url('../img/main_bg_2.jpg');min-height:390px;padding:50px 0 90px 0;} body.main .sec-row3 .tit{text-align:center;font-size:14px;} body.main .sec-row3 .tit .txt{padding-top:10px} body.main .sec-row3 .sec-photo-list{position:relative;padding-top:40px} body.main .sec-row3 .sec-photo-list .sec-r{position:absolute;right:28px;top:-5px} body.main .sec-row3 .bg_black{position:absolute;width:100%;height:100%;background-color:#000;opacity:0.15} body.main .logo_on{display:none} body.main .logo_off{display:block} body.main .sec-row3 .bx-wrapper .bx-pager{display:none} body.main .sec-row3 .bx-prev{background:url('../img/btn_vi_right.png');width:24px;height:24px;left:0 } body.main .sec-row3 .bx-next{background:url('../img/btn_vi_left.png');width:24px;height:24px; } body.main .sec-row3 .bx-controls{position:absolute;/*right:140px;*/left:1050px;top:-28px} body.main .sec-row2 .ul_list_4{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); overflow:hidden;padding-bottom:70px} body.main .sec-row2 .ul_list_4 > li{} body.main .sec-row2 .ul_list_4 > li.wd_1{grid-area: 1 / 1 / 3 / 3;} body.main .sec-row2 .ul_list_4 > li.wd_1 img { width: 100%; } body.main .sec-row2 .ul_list_4 > li.wd_2{grid-area: 1 / 3 / 2 / 4; background:url(../img/bg_main_2_4.png); background-size: contain;} body.main .sec-row2 .ul_list_4 > li.wd_3{grid-area: 2 / 3 / 3 / 4; background:url(../img/bg_main_2_6.jpg) no-repeat; background-size: contain;} body.main .sec-row2 .ul_list_4 > li.wd_2 > div{padding:70px 0 0 125px} body.main .sec-row2 .ul_list_4 > li.wd_2 > div .row1{height:194px} body.main .sec-row2 .ul_list_4 > li.wd_2 > div .tit{color:#333333;font-family:'NanumSquareB';font-size:19px;padding-bottom:20px} body.main .sec-row2 .ul_list_4 > li.wd_2 > div .txt{line-height:20px;font-family:'NanumSquareR';color:#777777;} body.main .sec-row2 .ul_list_4 > li.wd_3 > div .row1{padding:60px 0 0 200px;text-align:center;height:130px} body.main .sec-row2 .ul_list_4 > li.wd_3 > div .row2{padding:60px 200px 0 0;text-align:center;height:130px} body.main .sec-row2 .ul_list_4 > li.wd_3 > div .tit{color:#333333;font-family:'NanumSquareB';font-size:19px;padding-bottom:20px} body.main .sec-row2 .ul_list_4 > li.wd_3 > div .row1 .tit{color:#fff} body.main .sec-row2 .ul_list_4 > li.wd_3 > div .txt{line-height:20px;font-family:'NanumSquareR';color:#777777;} .visual_wrap {display:block;min-width:1300px;height:343px;position:relative;text-align:center;overflow:hidden;} .sub01 {background:url('../img/sub_bg01.png') no-repeat center bottom;/**background-attachment:fixed;background-position:center top;**/} .sub02 {background:url('../img/sub_bg09.png') no-repeat center bottom;} .sub03 {background:url('../img/sub_bg02.png') no-repeat center bottom;} .sub04 {background:url('../img/sub_bg03.png') no-repeat center bottom;} .sub05 {background:url('../img/sub_bg05.png') no-repeat center bottom;} .sub06 {background:url('../img/sub_bg04.png') no-repeat center bottom;} .sub07 {background:url('../img/sub_bg03.png') no-repeat center bottom;} .sub08 {background:url('../img/sub_bg08.png') no-repeat center bottom;} .sub_copy {display:block;text-align:center;color:#fff;font-size:30px;margin-top:150px;letter-spacing:-1px;line-height:30px /** -webkit-animation:sub_copy 10s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out 0.5s; -ms-animation:sub_copy 10s; -ms-animation-iteration-count: 1; -ms-animation-timing-function: ease-in-out 0.5s;**/ } /** @-webkit-keyframes sub_copy{ 0% {-webkit-transform: scale(1) rotate(0deg) translateX(50px) translateY(0px) skewX(0deg) skewY(0deg);opacity:0;} 50%{-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);opacity:1;} 100%{-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);} } @-ms-keyframes sub_copy{ 0% {-ms-transform: scale(1) rotate(0deg) translateX(50px) translateY(0px) skewX(0deg) skewY(0deg);opacity:0;} 50%{-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);opacity:1;} 100%{-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);} } **/ .sub_copy > span{font-size:16px;font-weight:500;} .sec_base_w{width:1100px;margin:0 auto} .sub_navi_wrap {display:block;height:53px;background-color:#86a26f;overflow:hidden;position:absolute;top:343px;left:0px;right:0px;z-index:9999;} .sub_navi_wrap.on {position:fixed;top:0px;} .navi_menu {position:relative;width:1100px;margin:0px auto;z-index:90;} .sub_navi {width:1099px;margin:0px auto;border-left:1px solid #9cb28b;} .sub_navi:after {content:"";display:block; height:0; clear:both; visibility:hidden;} .sub_navi.one li {width:100%;} .sub_navi.two li {width:50%;} .sub_navi.three li {width:33.33%;} .sub_navi.four li {width:25%;} .sub_navi.five li {width:20%;} .sub_navi.six li {width:16.666%;} .sub_navi.seven li {width:14.222%;} .sub_navi.eight li {width:12.444%;} .sub_navi.nine li {width:11.111%;} .sub_navi li {float:left;} .sub_navi li a {display:block;height:35px;padding-top:18px;border-bottom:2px solid #fff;font-family:'NanumSquareB';font-weight:bold;color:#fff;text-align:center;border-right:1px solid #9cb28b;font-size:15px;} .sub_navi li a:hover, .sub_navi li a.on {color:#5a7044;background-color:#fff;} .sec-location{height:135px;overflow:hidden;position:relative;text-align:center;padding-top:133px;width:100%} .sec-location h2{font-weight:600;font-size:42px;color:#333333;margin-bottom:20px} .sub_location {overflow:hidden;margin:0 auto;} .sub_location li {display:inline;background:url('../img/arrow_1.png') no-repeat right center;padding:0px 13px 0px 10px;font-family:'NanumSquareB';font-weight:bold;color:#888888;font-size:14px;} .sub_location li:last-child {color:#333;background:none;padding:0px 0px 0px 10px;} #footer {width:100%;background:#545652; z-index:800} .footDiv {position:relative; width:970px;margin:auto; padding:25px 0 25px 130px;} .footDiv .flogo {position:absolute;top:65px;left:0px;} .footDiv .fUtil {display:block;} .footDiv .fUtil a {font-family:'NanumSquareB';line-height:35px;font-weight:normal;color:#fff;font-size:13px;} .footDiv span {color:#6f716e; margin:0 8px;} .footDiv .copyRight {display:block;width:700px;font-size:13px;font-weight:bold;font-family:'NanumSquareB';color:#b7b7b7;border-top:1px solid #6f716e;padding-top:10px} .footDiv .copyRight strong {color:#888;margin-left:10px;} .footDiv .copyRight p{font-size:11px; margin-top:8px;font-family:'NanumSquareB'; font-weight:normal;color:#b7b7b7;border-top:1px solid #6f716e;padding-top:10px} .footDiv .selecting {position:absolute;top:60px;right:0px;width:170px;height:30px;line-height:30px;padding-left:10px;border:1px solid #898989;color:#fff;font-family:'NanumSquareB';font-size:13px;cursor:pointer;background:url('../img/white_arrow.png') no-repeat 96% center;} .footDiv .choose {position:absolute;bottom:30px;right:0px;width:180px;border:1px solid #898989;padding:5px 0px;background:#fff;} .footDiv .choose a {display:block;padding:5px 10px;font-family:'NanumSquareB';font-size:13px;color:#555;} .footDiv .choose a:hover {color:#429200;} .subBody {position:relative;display:block;min-height:600px;margin:0px auto;overflow:hidden;padding-bottom:100px} .sample {position:absolute;top:0px;left:50%;margin-left:-960px;} .real_btn {position:absolute;top:570px;left:50%;margin-left:-550px;width:550px;height:77px;background:url('blank.png');} .tab_menu {display:block;position:absolute;top:200px;left:0px;width:100%;text-align:center;font-size:0px;z-index:999;} .tab_menu a {display:inline-block;height:52px;overflow:hidden;} .tab_menu.two a{width:550px;} .tab_menu.five a{width:220px;} .tab_menu a span {display:block;font-family:'NanumSquareB';line-height:50px;height:50px;font-weight:bold;border:1px solid #e8e8e8;border-right:none;color:#666;background:#fff;font-size:15px;text-align:center;} .tab_menu a:last-child span {border-right:1px solid #e8e8e8;} .tab_menu a span.on {height:48px;line-height:48px;border:2px solid #0168b7;color:#0168b7;} .tab_menu a:hover span {background:#0168b7;color:#fff;} /* 메인페이지 */ /* 서브페이지 */ #cBody{position:relative} #lnb{width:199px; float:left;} #lnb .tit{padding-bottom:36px; font-size:28px; color:#4a4098;} #lnb div{width:159px; border-top:1px solid #ddd;} #lnb a.twoD{display:block; font-size:15px; color:#777; padding:11px 10px; border-bottom:1px solid #ddd; letter-spacing:-1px} #lnb a.twoD.on{color:#4a4098; border-bottom:2px solid #4a4098; font-family:'NanumSquareB'; font-weight:normal;} #lnb .thrD{width:129px; padding:15px 15px 0; background:#f7f7f7; border-bottom:1px solid #ddd; letter-spacing:-1px} #lnb .thrD a{display:block; margin-bottom:17px; color:#777} #lnb .thrD a.on{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;} #lnb .thrD a:hover{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;} #subCon{position:relative; width:950px; min-height:500px; float:left; padding:0 0 100px 50px; border-left:1px solid #ddd} #subCon h2{font-size:36px; color:#333; line-height:36px; margin-bottom:50px; font-family:'NanumSquareB'; font-weight:normal;} #subCon .path{position:absolute; top:15px; right:0;} #subCon .path span{padding-left:19px; margin-left:15px; background:url('./img/path_arrow.gif') no-repeat 0 center} #subCon .path span.home{padding-left:0px; margin-left:0px; background:none} .titTxt{font-size:20px; color:#333; font-family:'NanumSquareB'; font-weight:normal;} .titTxt2{font-size:14px; color:#333; font-family:'NanumSquareB'; font-weight:normal; margin-top:15px; line-height:24px} /* 2017-01-13 추가 */ .titTxt .displayC{font-size:14px; color:#555; font-family:'NanumSquareR'; font-weight:normal;} .titTxt .addTxt{font-size:14px; color:#555; font-family:'NanumSquareR'; font-weight:normal;} /* 모바일 lnb */ #mobileLnb{display:none; position:absolute; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #ddd; z-index:800;} #mobileLnb .mLnbDiv{position:relative; width:94%; height:40px; margin:auto;} #mobileLnb .mLnbDiv a{display:block} #mobileLnb .mLnbDiv .home{width:48px; height:14px; padding:13px 0; text-align:center; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd} #mobileLnb .mLnbDiv .lnbOne{position:relative; width:160px; padding:12px 19px; float:left; border-right:1px solid #ddd} #mobileLnb .mLnbDiv .lnbOne.on{color:#333; font-family:'NanumSquareB'; font-weight:normal;} #mobileLnb .mLnbDiv .lnbOne.cur{color:#384352; font-family:'NanumSquareB'; font-weight:normal;} #mobileLnb .mLnbDiv .lnbOne img{position:absolute; top:19px; right:19px;} #mobileLnb .mLnbDiv .lnbTwo{display:none; position:absolute; top:40px; left:0; width:160px; border:1px solid #ddd; padding:15px 19px 5px; background:#fff} #mobileLnb .mLnbDiv .lnbTwo a{font-size:13px; margin-bottom:15px;} #mobileLnb .mLnbDiv .lnbTwo a:hover{color:#384352; font-family:'NanumSquareB'; font-weight:normal;} #mobileLnb .mLnbDiv .lnbTwo a.on{color:#384352; font-family:'NanumSquareB'; font-weight:normal;} .mobileMenu{display:none; position:absolute; top:10px; right:15px} .mobileMenu img{width:30px;} #gnbM{display:none; position:absolute; top:0; right:-300px; width:300px; background:#fff; z-index:1000} /** #gnbM .mUtil{padding:17px 15px; background:#4a4098; font-size:13px; letter-spacing:-1px} #gnbM .mUtil a{color:#fff;} #gnbM .mUtil span{margin:0 6px; color:#817ab7} **/ #gnbM .mUtil{padding:0px 15px;line-height:50px;background:#384352;color:#fff;font-size:13px; letter-spacing:-1px} #gnbM .mUtil a{color:#fff;} #gnbM .mUtil span{margin:0 6px; color:#817ab7} #gnbM .mobileMenuXbt{position:absolute; top:15px; right:10px;} #gnbM .mobileMenuXbt img{width:15px} #gnbM .gnbDiv a{display:block} #gnbM .gnbDiv .one{padding:14px 20px 10px; font-size:17px; color:#333; border-bottom:1px solid #d9d9d9; font-family:'NanumSquareB'; font-weight:normal; background:url('../img/mgnb_oneicon.gif') no-repeat 270px center; background-size:18px 18px;} #gnbM .gnbDiv .one.on{color:#384352; border-bottom:1px solid #384352; background:url('../img/mgnb_oneicon_on.gif') no-repeat 270px center; background-size:18px 18px;} #gnbM .gnbDiv .two{padding:15px 20px; border-bottom:1px solid #d9d9d9;} #gnbM .gnbDiv .two .twoD{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9;} #gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7} #gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px} .dimdBg{display:none; position:absolute; top:0; left:0; width:100%; height:; background:url('../img/dimd_bg.png') repeat 0 0; z-index:900} #mobileSub{position:relative; display:none; height:; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#333} #mobileSub .mPrv{position:absolute; top:0; left:0; border-right:1px solid #ddd} #mobileSub .mNxt{position:absolute; top:0; right:0; border-left:1px solid #ddd} #mobileSub a{display:block; padding:14px 20px;} #mobileSub a img{height:15px;} .mobileSubmenu{display:none; position:absolute; top:50px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#fff; z-index:999} .mobileSubmenu a{display:block; padding:10px 3%; border-bottom:1px solid #ddd; color:#555; font-size:15px;} .newTxt {font-size:16px; color:#4a4098; font-weight:bold;} .feature > div.town_list{display:block;overflow:hidden} .town_list > ul{overflow:hidden} .town_list > ul > li{float:left;width:33.3%} .town_list > ul > li .sec_bx{;width:311px;height:353px;margin-bottom:100px;position:relative;background-color:#f2f2f2;} .town_list > ul > li.w2 .sec_bx{margin:0 auto} .town_list > ul > li.w3 .sec_bx{float:right} .town_list > ul > li .sec_bx .tit-s{position:absolute;left:0;top:0;background-color:#7aa854;width:100px;height:80px;color:#fff;font-size:16px;text-align:center;padding-top:20px;line-height:20px} .town_list > ul > li .sec_bx .tit-s.bg1{background-color:#d19b32} .town_list > ul > li .tit2{color:#666666;font-family:'NanumSquareR';font-size:17px;text-align:center;padding-top:20px} .town_list > ul > li .name{color:#333333;font-family:'NanumSquareB';font-size:17px;text-align:center;padding-top:5px} .sec-town-view{position:relative;} .sec-town-view .sec-list-s{position:absolute;right:0;top:0; z-index:9999} .tab_wrap {overflow:hidden;;border-left:1px solid #ddd;margin:0px auto 60px;} .tab_wrap:after {display:block;clear:both;content:"";} .tab_wrap li {float:left;position:relative;margin-left:0px;padding:0px 0;text-align: center;font-size:16px;background-color:#f7f7f7;letter-spacing:-0.2px;cursor:pointer;*zoom:1;border-right:1px solid #dddddd;box-sizing:border-box;;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd} .tab_wrap li:after {display:block;clear:both;content:"";} .tab_wrap.w12 li{width:12.47%} .tab_wrap.w25 li{width:25%} .tab_wrap.w50 li{width:50%} .tab_wrap.w5 li{width:20%} .tab_wrap.w6 li{width:16.66%} .tab_wrap.w7 li{width:14.28%} .tab_wrap li a {display:block;line-height:46px;} .tab_wrap li span {display:block;padding:0;line-height:46px;} .tab_wrap li:first-child span {border-left:none} .tab_wrap li.last span {border-right:none;} .tab_wrap .on {background-color: #597b3e;color:#fff} .tab_wrap .on a{background-color: #597b3e;color:#fff} .tab_wrap .on span {border:none} .feature .product_tab {overflow:hidden;;border-left:1px solid #dddddd} .feature .product_tab:after {display:block;clear:both;content:"";} .feature .product_tab li {float:left;position:relative;margin-left:0px;padding:13px 0;text-align: center;font-size:16px;background-color:#f7f7f7;letter-spacing:-0.2px;cursor:pointer;*zoom:1;border-right:1px solid #dddddd;box-sizing:border-box;;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd} .feature .product_tab li:after {display:block;clear:both;content:"";} .feature .product_tab.w12 li{width:12.47%} .feature .product_tab.w25 li{width:25%} .feature .product_tab.w50 li{width:50%} .feature .product_tab li span {display:block;padding:0} .feature .product_tab li:first-child span {border-left:none} .feature .product_tab li.last span {border-right:none;} .feature .product_tab .on {background-color: #597b3e;color:#fff} .feature .product_tab .on a{background-color: #597b3e;color:#fff} .feature .product_tab .on span {border:none} /*.feature .product_tab .on:after {position:absolute;left:47%;top:60px;content: "";display:block;height:0;width:0;border:solid transparent;border-top-color:#dddddd;border-width:10px;}*/ .feature .img_list {overflow:hidden;margin-bottom:40px;} .feature .img_list:after {display:block;clear:both;content:"";} .feature .img_list div {float:left;position:relative;width:347px;margin-right:24px;} .feature .img_list div.last {margin-right:0;} .feature .img_list div img {width:100%;} .feature .img_list div p {padding:20px 0 45px 0;height:24px;line-height:24px;text-align:right;font-size:24px;font-weight:400;color:#231f20} .feature .img_list div p span {display:block;background:url('../img/bg_line_long.png') right bottom no-repeat;padding-bottom:10px;} /** .feature .img_list div p {position:absolute;right:0px;bottom:0px;width:100%;padding:13px 0;text-align:center;background:#000;opacity:0.8;filter:alpha(opacity=80)} .feature .img_list div p span {display:block;color:#fff;font-size:18px;letter-spacing:-0.2px;} **/ .feature .num01 .img_list div {width:538px;} .feature .num01 .img_list div:first-child {width:1100px;margin-bottom:40px;} .feature .num01 .img_list div:first-child p {width:100%;} .feature .num01 .img_list div p {width:100%;} /* .feature .num02 .img_list div {width:538px;} */ .feature .num02 .img_list.ext div {width:538px;} .feature .num02 .img_list div:first-child {width:100%;margin-bottom:40px;} .feature .num02 .img_list div.second {margin-right:24px;} .feature .num02 .img_list div p {width:100%;} .feature .num03 .box {padding:60px 0 60px 55px;margin-top:40px;margin-bottom:55px;background:url('../images/product/company_bg_0201.png') center top repeat;border:1px solid #c3d0ba} .feature .num03 .box ul li {line-height:35px;list-style-type: none;} .feature .num03 .box ul li span {font-size:17px;color:#626262} .feature .num03 .box ul li.none {line-height:30px;list-style-type:none;} .feature .num03 div.feat_thr {position:relative;display:inline-block;zoom:1;*display:inline;width:347px;margin-left:25px} .feature .num03 div.feat_thr:first-child {margin-left:0px;} .feature .num03 div.feat_thr p {position:absolute;right:0px;bottom:0px;width:100%;padding:13px 0;text-align:center;background:#000;opacity:0.7;filter:alpha(opacity=80)} .feature .num03 div.feat_thr p span {display:block;color:#fff;font-size:18px;letter-spacing:-0.2px;} .feature .num03 strong {font-size:30px;color:#231f20;background:url('../img/bg_line_short.png') left bottom no-repeat;padding-bottom:20px;line-height:30px;font-weight:400;display:block;margin-bottom:30px} .feature .txt_box {padding:50px 40px 55px 50px;background-color:#fafcf7;border:2px solid #d8e0d2;;} .feature .txt_box ul li {font-size:16px;color:#626262;line-height:35px;background:url('../img/dot_2.png') left 13px no-repeat;padding-left:10px;} .feature .txt_box ul li.none {line-height:30px;list-style-type:none;} .feature .num01 .txt_box li strong {display:inline-block;width:250px;color:#57443E;} .feature .num02 .txt_box li strong {display:inline-block;width:110px;color:#57443E;} .feature .num03 .txt_box li strong {color:#72945D;} .feature .num04 .txt_box li strong {color:#447332;} .feature .num05 .txt_box li strong {color:#299d00;} .feature .num06 .txt_box li strong {color:#299d00;} .feature .num07 .txt_box li strong {color:#299d00;} .feature .num08 .txt_box li strong {color:#299d00;} .feature .num04 .img_list div p span{display:inline;border-bottom:1px solid #333;background:url('');} .feature .num05 .img_list div p span{display:inline;border-bottom:1px solid #333;background:url('');} .feature .num06 .img_list div p span{display:inline;border-bottom:1px solid #333;background:url('');} .feature .num07 .img_list div p span{display:inline;border-bottom:1px solid #333;background:url('');} .feature .num08 .img_list div p span{display:inline;border-bottom:1px solid #333;background:url('');} .feature > div.sec_life{display:block;} .sec_life{overflow:hidden;width:100%;margin-bottom:100px} .sec_life .sec_left{width:200px;float:left;border-top:4px solid #229fac;padding-top:26px} .sec_life .sec_right{width:870px;float:right} .sec_life .sec_right > ul{overflow:hidden;width:100%;} .sec_life .sec_right > ul > li{float:left;width:247px;height:263px;background-color:#f2f2f2;margin-left:43px;margin-bottom:27px;text-align:center;} .sec_life .sec_right > ul > li a{color:#333333;font-size:17px;line-height:68px} .sec_life .sec_right > ul > li .sec-img{width:247px;height:195px} .sec_life.line_2 .sec_left{border-top:4px solid #8d4685} .sec_life.line_3 .sec_left{border-top:4px solid #33a05e} .sec_life.line_4 .sec_left{border-top:4px solid #bb478a} .sec_life.line_5 .sec_left{border-top:4px solid #e49e44} .sec_life.line_6 .sec_left{border-top:4px solid #e36343} .feature > div.sec_life_service{display:block;} .sec_life_service{overflow:hidden} .sec_life_service > ul > li{float:left;width:247px;height:263px;background-color:#f2f2f2;margin-right:35px;margin-bottom:27px;text-align:center;} .sec_life_service > ul > li a{color:#333333;font-size:17px;line-height:68px} .sec_life_service > ul > li:nth-child(4n){margin-right:0} .sec_life_service > ul > li .sec-img{width:247px;height:195px} .notice_txt {margin-top:20px;color:#666;line-height:22px;} .notice_txt.small{font-size:0.9em} .blind, legend {display:block;overflow:hidden;position:absolute;top:-1000em;left:0;} .hidden{display:block; overflow:hidden; position:absolute;width:1; height:1; padding:0; margin:0; font-size:0; line-height:0;text-indent:-9999px;} .cast .hidden {display: none;} .product_link {position:absolute;top:90px;left:50%;display:block;width:1100px;margin-left:-550px;z-index:997;background-color:rgba(255,255,255,0.8);text-align:center;} .product_link a {display:inline-block;width:176px;height:43px;border:1px solid #ddd;vertical-align:middle;} .product_link a.link01 {background:url('../img/w_tab01.jpg') no-repeat;} .product_link a.link02 {background:url('../img/w_tab02.jpg') no-repeat #f7f7f7;margin:0px 1.5px;} .product_link a.link03 {background:url('../img/w_tab03.jpg') no-repeat #f7f7f7;margin:0px 1.5px;} .product_link a.link04 {background:url('../img/w_tab04.jpg') no-repeat #f7f7f7;margin:0px 1.5px;} .product_link a.link05 {background:url('../img/w_tab05.jpg') no-repeat #f7f7f7;margin:0px 1.5px;} .product_link a.link06 {background:url('../img/w_tab06.jpg') no-repeat;} .product_link a:hover {border:0px solid #ddd;vertical-align:middle;width:178px;height:45px;} .product_link a:hover.link01 {background:url('../img/w_tab01_on.jpg') no-repeat;} .product_link a:hover.link02 {background:url('../img/w_tab02_on.jpg') no-repeat;} .product_link a:hover.link03 {background:url('../img/w_tab03_on.jpg') no-repeat;} .product_link a:hover.link04 {background:url('../img/w_tab04_on.jpg') no-repeat;} .product_link a:hover.link05 {background:url('../img/w_tab05_on.jpg') no-repeat;} .product_link a:hover.link06 {background:url('../img/w_tab06_on.jpg') no-repeat;} .product_link.on{position:fixed;top:0px;left:50%;width:1100px;z-index:99;margin:0px 0px 0px 0px;margin-left:-550px;-webkit-backface-visibility: hidden} .map_guide {display:block;position:relative;margin-top:150px;z-index:9;} .map_guide a {position:absolute;width:110px;height:25px;line-height:25px;background:#fff;border:2px solid #222;text-align:center;z-index:999;border-radius:25px;font-size:13px;font-family:'NanumSquareB';color:#333;letter-spacing:-0.5px;} .map_guide a:hover {background:#f9ffc5;} .map_guide a.guide01 {top:133px;left:186px;} .map_guide a.guide02 {top:264px;left:197px;} .map_guide a.guide03 {top:369px;left:310px;} .map_guide a.guide04 {top:400px;left:310px;} .map_guide a.guide05 {top:433px;left:310px;} .map_guide a.guide06 {top:469px;left:272px;} .map_guide a.guide07 {top:507px;left:180px;} .map_guide a.guide08 {top:540px;left:180px;} .map_guide a.guide09 {top:555px;left:320px;} .map_guide a.guide10 {top:622px;left:158px;} .map_guide a.guide11 {top:658px;left:158px;} .map_guide a.guide12 {top:156px;left:440px;} .map_guide a.guide13 {top:228px;left:384px;} .map_guide a.guide14 {top:259px;left:384px;} .map_guide a.guide15 {top:390px;left:430px;} .map_guide a.guide16 {top:509px;left:464px;} .map_guide a.guide17 {top:342px;left:521px;} .map_guide a.guide18 {top:374px;left:544px;} .map_guide a.guide19 {top:466px;left:630px;} .map_guide a.guide20 {top:568px;left:630px;} .map_guide a.guide21 {top:603px;left:630px;} .map_guide a.guide22 {top:638px;left:630px;} .map_guide a.guide23 {top:440px;left:826px;} .map_guide a.guide24 {top:46px;left:635px;} /* space */ .space h4 {margin:50px 0 20px 0;font-weight:bold;font-size:22px;color:#272727;letter-spacing:-0.4px;} .space .total_list {overflow:hidden;background-color:#f7f7f7;border-top:1px solid #dddddd;} .space .total_list h3 {float:left;width:220px;padding:30px 33px;background-color:#f4f4f4;text-align:center;} .space .total_list h3 p {margin-top:10px;font-size:17px;color:#272727;letter-spacing:-0.2px;} .space .total_list ul {overflow:hidden;width:100%} .space .total_list ul li {float:left;width:25%;height:78px;text-align:center;} .space .total_list ul li a {display:block;text-align:center;border-left:1px solid #dddddd;height:100%;line-height:78px;} .space .total_list ul li:last-child a{;border-right:1px solid #dddddd} .space .total_list ul li a img{vertical-align:middle} .space .total_list ul li.on a{background:#597b3e} .space .total_list ul li.on a{border-left:1px solid #597b3e} .space .total_list ul li.last {border-right:none;} .space .total_list ul:after {display:block;clear:both;content:"";} .space .total_list:after {display:block;clear:both;content:"";} .space .detail_info {width:100%;border:5px solid #597b3e;box-sizing:border-box;height:138px;position:relative;} .space .detail_info .tits{position:absolute;left:0;top:37px;width:290px;text-align:center} .space .detail_info.table2 {padding-left:290px} .space .detail_info.table2 p {margin:0 0 8px 86px;font-size:20px;font-weight:bold;color:#fff;} .space .detail_info.table2 p span {font-weight:normal;} .space .detail_info.table2 .box {margin-bottom:30px;} .space .detail_info .box table {width:770px;margin-left:290px;margin-top:40px} .space .detail_info .box table th {padding:0;font-size:16px;color:#595959;letter-spacing:-0.2px;border-right:1px solid #dbdbdb} .space .detail_info .box table td {padding:15px 0 0 0;text-align:center;font-size:18px;color:#333333;border-right:1px solid #dbdbdb;} .space .detail_info .box table th.last{border-right:none} .space .detail_info .box table td.last{border-right:none} .space .image_plan {overflow:hidden;position:relative;margin-top:60px;} .space .image_plan:after {display:block;clear:both;content:"";} .space .image_plan .box {float:left;position:relative;width:495px;} .space .image_plan .box:first-child {width:1098px;margin-right:27px;} .space .image_plan .btn_viewpop {position:absolute;bottom:0;right:-1px;padding:9px;background-color:#d8d8d8;z-index:100;} .space .image_plan .btn_viewpop:hover, .interior .btn_viewpop:focus, .interior .btn_viewpop:active {background:#2c564c;} .space .image_plan .viewpop {position:absolute;top:0;left:0;width:1098px;} .space .image_plan .viewpop .btn_close {position:absolute;top:0;right:-1px;padding:9px;background-color:#2c564c;} .space .image_plan div > img {width:100%;border:1px solid #d5d5d5;} .space .image_place div > img {width:1098px;border:1px solid #d5d5d5;} .space .txt_box{padding:50px 40px 55px 50px;background-color:#fafcf7;border:2px solid #d8e0d2;margin-top:45px;} .space .txt_box ul li {font-size:16px;color:#626262;line-height:35px;background:url('../img/dot_2.png') left 13px no-repeat;padding-left:10px;} .item .item_box {margin-top:10px;overflow:hidden} .item .item_box.first {margin-top:0px} .item .item_box h3 {position:relative;padding:0px 0 20px;font-size:30px;line-height:30px;font-weight:bold;color:#231f20;letter-spacing:-0.5px;margin-bottom:30px} .item .item_box h3 span {position:absolute;;background-color:#302f30;height:1px;width:26px;display:block;bottom:0} .item .item_box ul {overflow:hidden;width:100%;margin:0 auto;padding-bottom:60px} .item .item_box ul.item2 {width:535px;} .item .item_box ul li {float:left;margin-left:27px;width:332px;height:305px;position:relative} .item .item_box ul li img{width:100%;height:100%} .item .item_box ul li:first-child {margin-left:0px;} .item .item_box ul li p {position:absolute;left:0;;bottom:0;padding:25px 0 0 0;height:75px;box-sizing:border-box;text-align:center;font-size:16px;line-height:20px;color:#4b4b4b;letter-spacing:-0.5px;width:100%;} .item .item_box ul li p.line_2 {padding:18px 0;} .pop_item {display:none;z-index:2000;position:fixed;top:0;left:0;width:100%;height:100%;} .pop_item .layer {background-color:#000;width:100%;height:100%;opacity:0.8;filter: alpha(opacity=80);} .pop_item .item_view {position:absolute;left:50%;top:7%;margin-left:-550px;} .pop_item .item_view a {position:absolute;} .pop_item .item_view .close {top:17px;right:17px;} .pop_item .item_view .arrow_left {left:5%;top:45%;} .pop_item .item_view .arrow_right {right:5%;top:45%;} .pop_item .item_view .title_txt {position:absolute;top:20px;left:20px;font-size:30px;color:#4b4b4b;line-height:30px;} .item_box2 {margin-top:10px;overflow:hidden} .item_box2.first {margin-top:0px} .item_box2 h3 {position:relative;padding:0px 0 20px;font-size:30px;line-height:30px;font-weight:bold;color:#231f20;letter-spacing:-0.5px;margin-bottom:30px} .item_box2 h3 span {position:absolute;;background-color:#302f30;height:1px;width:26px;display:block;bottom:0} .item_box2 ul {overflow:hidden;width:100%;margin:0 auto;padding-bottom:60px} .item_box2 ul li {float:left;margin-right:55px;width:329px;height:429px;position:relative} .item_box2 ul li img{width:329px;height:329px;border:1px solid #e5e5e5} .item_box2 ul li:nth-child(3n) {margin-right:0px;} .item_box2 ul li .dt{color:#888888;font-size:15px;margin-top:5px} .item_box2 ul li .tit{color:#333333;font-size:16px;margin-top:20px} /* interior */ .interior .total_list {position:relative;overflow:hidden;background-color:#f0f0f0;width:100%;border:5px solid #597b3e;box-sizing:border-box} .interior .total_list h3 {float:left;width:269px;padding:44px 0 42px 0;text-align:center;background-color:#fff;} .interior .total_list ul {float:left;/*width:774px;*/;width:820px;height:100px;padding-top:29px;overflow:hidden;background:url('../images/interior/bg_line_center.png') 430px 40px no-repeat;} .interior .total_list ul li {float:left} .interior .total_list ul li:first-child {border-left:none;padding-left:50px} .interior .total_list ul li.last {padding-left:50px;border-right:none;} .interior .total_list ul li dl{/*width:222px;*/height:80px;overflow:hidden;} .interior .total_list ul li dl:first-child {padding-right:0;} .interior .total_list ul li dl dd {float:left;margin:22px 30px 4px 0;} .interior .total_list ul li dl dd a {display:block;height:40px;padding:0;width:98px;line-height:40px;} .interior .total_list ul li dl dd a img{height:40px} .interior .total_list ul li dl dd.on a{background:#fff;} .interior .total_list ul li dl dd.last {padding-right:0px;margin-right:0} .interior .total_list ul li dl:after {display:block;clear:both;content:"";} .interior .total_list:after {display:block;clear:both;content:"";} .interior .interior_bg {position:relative;width:1100px;height:29px;background:url("../img/arrow_green.png") 110px no-repeat;z-index:100;top:-5px} .interior .view_box {position:relative;overflow:hidden;padding-top:80px;} .interior .view_box > div {display:inline-block;position:relative;} .interior .view_box span {position:absolute;bottom:0;right:46px;padding:12px 19px;text-align:center;font-size:20px;background-color:#000;color:#fff;opacity:0.7;filter:alpha(opacity=70);z-index:10;letter-spacing:-0.2px;} .interior .view_box.num01 {margin-top:-29px;padding-top:0;} .interior .view_box.num02 {background:url(../images/interior/bg_img01.jpg) 0 80px no-repeat;text-align:right;} .interior .view_box.num02.bg1 {background:url(../images/interior/bg_img02.jpg) 0 80px no-repeat;text-align:right;} .interior .view_box.num03 {} .interior .view_box.num03 div{float:left;width:474px;} .interior .view_box.num03 div.last{float:right; width:580px;} .interior .view_box.num03:after {display:block;clear:both;content:"";} .interior .view_box.num04 {text-align:left;background:url(../images/interior/bg_img03.jpg) right 80px no-repeat;} .interior .view_box.num04.bg1 {background:url(../images/interior/bg_img04.png) right 80px no-repeat;} .interior .view_box.num04 div {width:740px;} .interior .view_box.num05 {} .interior .view_box.num05 div{float:left;width:580px;} .interior .view_box.num05 div.last{float:right; width:474px;} .interior .view_box.num05:after {display:block;clear:both;content:"";} .interior .view_box span.right {right:0;} .interior .btn_viewpop {position:absolute; bottom:0;right:0;padding:9px;background-color:#d8d8d8;z-index:100;} .interior .btn_viewpop:hover, .interior .btn_viewpop:focus, .interior .btn_viewpop:active {background:#2c564c;} .viewpop {display:none;position:fixed;top:0;z-index:2000;width:100%;height:100%;} .viewpop .overlay {width:100%;height:100%;background-color:#000;opacity:0.8;filter:alpha(opacity=80);} .viewpop .cont_box {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;} .viewpop .cont_box .cont {display:inline-block;position:relative;margin:0 auto;} .viewpop .cont_box .btn_close {position:absolute;bottom:0;right:0;padding:9px;background-color:#D8D8D8;} .viewpop .cont_box .btn_close:hover {background-color:#2c564c;} .interior #pano {height:780px;margin-top:-29px;} .interior #pano embed {position:relative;z-index:10} .interior .btn_fin {position:absolute;right:10px;top:10px} /* program */ .program .txt_bold{color:#2d2c2c; font-weight:bold; font-size:18px; letter-spacing:-1px;} .program p{color:#6d6d6d; font-size:15px; line-height:1.5em;} .program .txt_box{padding-bottom:37px;} /* life */ .pdb_0{padding-bottom:0 !important;} .program .top_area{padding:20px 0 80px; text-align:center;} .program .top_area p{margin-bottom:40px;} .program .txt_box h3 {padding-bottom:15px;} .program .txt_box h4{color:#2c554c;padding-bottom:23px;} .program .cont1 .txt_box .txt2{color:#898989; font-size:13px;} .program .cont1 .box{padding-bottom:95px;} .program .cont1 .box > img{display:block; margin:0 auto;} .program .cont1 .cont_list > li{position:relative; left:0; top:0; height:536px; z-index:2;} .program .cont1 .cont_list > li .cont_popup{display:none; position:absolute; left:0px; top:0px; z-index:1;} .program .cont1 .cont_list > li .cont_popup a{display:block; position:absolute; right:55px; top:24px;} .program .cont1 .cont_list > li .list_content{position:relative; left:0; top:0; width:505px; height:479px; padding:57px 0 0 45px;} .program .cont1 .cont_list > li .list_content p{font-weight:bold; font-size:16px; letter-spacing:-1px; padding-bottom:80px;} .program .cont1 .cont_list > li.right{padding-left:550px;} .program .cont1 .cont_list > li.list_01{background-image:url(../images/program/life_cont1_list_bg01.jpg);} .program .cont1 .cont_list > li.list_02{background-image:url(../images/program/life_cont1_list_bg02.jpg);} .program .cont1 .cont_list > li.list_03{background-image:url(../images/program/life_cont1_list_bg03.jpg);} .program .cont1 .cont_list > li.list_04{background-image:url(../images/program/life_cont1_list_bg04.jpg);} .program .cont1 .cont_list > li.list_05{background-image:url(../images/program/life_cont1_list_bg05.jpg);} .program .cont1 .cont_list > li.list_06{background-image:url(../images/program/life_cont1_list_bg06.jpg);} .program .cont1 .cont_list > li.list_01 p{color:#02646e;} .program .cont1 .cont_list > li.list_02 p{color:#591155;} .program .cont1 .cont_list > li.list_03 p{color:#790c52;} .program .cont1 .cont_list > li.list_04 p{color:#016732;} .program .cont1 .cont_list > li.list_05 p{color:#a0660e;} .program .cont1 .cont_list > li.list_06 p{color:#a43413;} .program .cont1 .list_box{overflow:hidden;} .program .cont1 dl{float:left; width:248px; height:120px;} .program .cont1 dl dt{padding-bottom:10px;font-weight:bold; color:#5d5c5c; font-size:15px; } .program .cont1 dl dd li{color:#7f7f7f; line-height:1.5em;font-size:12px;} .program .cont1 dl dd li span{padding-left:14px;} .program .cont1 .cont_list > li .list_content .btn_pop{display:block; position:absolute; left:419px; bottom:40px; width:101px; height:34px; line-height:34px; text-align:center; color:#02646e; border:1px solid #02646e;font-size:12px;} .program .cont1 .cont_list > li.list_01 .list_content .btn_pop{color:#00adbf; border:1px solid #00adbf} .program .cont1 .cont_list > li.list_02 .list_content .btn_pop{color:#9d1c95; border:1px solid #9d1c95 } .program .cont1 .cont_list > li.list_03 .list_content .btn_pop{color:#cf158d; border:1px solid #cf158d} .program .cont1 .cont_list > li.list_04 .list_content .btn_pop{color:#00a04c; border:1px solid #00a04c} .program .cont1 .cont_list > li.list_05 .list_content .btn_pop{color:#eb9615; border:1px solid #eb9615} .program .cont1 .cont_list > li.list_06 .list_content .btn_pop{color:#ef5d31; border:1px solid #ef5d31} .program .box h5{padding-bottom:25px;} .program .box > div{padding-bottom:50px;} .program .box.box1{padding-bottom:80px;} .alert_desc {margin-top: 5vh; font-size: 24px; text-align: center; line-height: 1.5;} .alert_desc img {width: 48px; margin-bottom: 28px; vertical-align: bottom;} /* notice */ .notice > div {padding-top:50px;text-align:center;} /* survey */ .txt_green{color:#006139;} .txt_gray{color:#404040;} .txt_s{font-size:16px; color:#7d7d7d;} .survey .tit_area{margin-bottom:67px;} .survey .tit_area.teaser h1{width:100%; padding-top:73px; margin:0 auto 80px; background:url(images/survey_h2_bg_teaser.jpg) center 0 no-repeat;} .survey .tit_area.teaser h1 img{margin-top:0;} .survey .tit_area.open h1{width:100%; padding-top:43px; margin:0 auto 80px; background:none;} .survey .tit_area.open h1 img{margin-top:0;} .survey .tit_area.open .top_banner{position:absolute; right:3px; top:2px;} .survey .tit_area .txt1{width:920px; padding-bottom:30px; margin:0 auto; background:url(images/survey_line.png) center 100% no-repeat; font-size:21px; line-height:35px;} .survey .tit_area .txt1 strong{font-size:23px;} .survey_wrap{width:905px; padding-left:75px; margin:0 auto; text-align:left;line-height:25px;font-size:12px;} .survey_wrap > ol{} .survey_wrap > ol > li{margin-bottom:60px; font-size:19px;} .survey_wrap > ol > li .q_tit{font-weight:bold;} .survey_wrap > ol > li .num{font-size:40px;} .survey_wrap > ol > li .qList_inner{overflow:hidden; padding-top:23px; margin-left:44px; font-size:15px; color:#7d7d7d;} .survey_wrap > ol > li input{vertical-align:middle;} .survey_wrap > ol > li label{vertical-align:middle;} .survey_wrap > ol > li input[type=text]{padding:5px; background-color:#f0efef; border:1px solid #cbcbcb;} .survey_wrap > ol > li input[type=checkbox]{margin-right:10px;} .survey_wrap > ol > li input[type=radio]{margin-right:5px;} .survey_wrap > ol > li table{width:747px; margin-bottom:10px; border:1px solid #cbcbcb;} .survey_wrap > ol > li table th{padding:10px 15px; background-color:#f0efef; border:1px solid #cbcbcb; font-size:15px; color:#282828; font-weight:normal; text-align:center; } .survey_wrap > ol > li table td{padding:10px 15px; border:1px solid #cbcbcb; font-size:15px; text-align:center; } .survey_wrap .question1 li{width:100%; margin-bottom:17px;} .survey_wrap .question1 li.last{margin-bottom:0;} .survey_wrap .question2 li{float:left; margin-right:65px;} .survey_wrap .question3 li{margin-bottom:17px;} .survey_wrap .question4 .qList_inner{margin-bottom:20px;} .survey_wrap .question4 ul{overflow:hidden; margin-bottom:10px;} .survey_wrap .question4 li{float:left; width:24%;} .survey_wrap .question4 .qList_inner_box{width:703px; padding:21px; margin-bottom:10px; background-color:#f0efef; border:1px solid #cbcbcb; color:#282828;} .survey_wrap .question4 .qList_inner_box .txt1{margin-bottom:15px; font-size:18px;} .survey_wrap .question4 .qList_inner_box dl.first{margin-bottom:35px;} .survey_wrap .question4 .qList_inner_box dt{margin-bottom:10px; font-size:16px;} .survey_wrap .question4 .qList_inner_box dt.last{clear:both; padding-top:15px;} .survey_wrap .question4 .qList_inner_box dd{margin-bottom:10px; color:#4f4f4f; font-size:14px;} .survey_wrap .question4 .qList_inner_box dd.fl{float:left; width:48.5%; margin-right:1.5%;} .survey_wrap .question4 .qList_inner_box dd.last{margin-bottom:0;} .survey_wrap .question4 .qList_inner_box dd .txt_green{display:inline-block; *display:inline; width:230px; font-size:14px;} .survey_wrap .question4 .font_s{font-size:12px;} .survey_wrap .question4 table td{padding:10px;} .survey_wrap .question4 table label.first{} .survey_wrap .question4 table input[type=text]{width:30px; margin-left:15px;} .survey_wrap .question4 table input[type=text].first{margin-left:0;} .survey_wrap .question4 table th{padding:0;} .survey_wrap .question4 .txt2{padding:10px; font-size:13px; color:#608732;} .survey_wrap .question5 li{float:left; margin-right:65px;} .survey_wrap .question6 .q_tit strong{margin-left:42px;} .survey_wrap .question6 li{float:left; width:190px; margin-bottom:10px;} .survey_wrap .question6 li.last{width:330px;} .survey_wrap .question7 p{padding-top:15px; margin-left:44px; font-size:13px; color:#608732;} .survey_wrap .question7 label{display:inline-block;margin-right:5px;} .survey_wrap .question7 ul {overflow:hidden;} .survey_wrap .question7 input[type=text]{width:245px;} .survey_wrap .question7 li{float:left; margin-right:5px;} .survey_wrap .question8 .q_tit .mgl {margin-left:42px;} .survey_wrap .question8 input {width:735px;} .survey_wrap .question9 li{float:left; margin-right:65px;} .survey_wrap .info_area{width:830px; margin-bottom:50px;} .survey_wrap .info_area input,.survey_wrap .info_area label,.survey_wrap .info_area select{vertical-align:middle;} .survey_wrap .info_area h2{margin-bottom:30px; font-size:20px; color:#282828; } .survey_wrap .info_area .agreement{margin-bottom:20px;} .survey_wrap .agreement_inner{padding:10px 15px; margin-bottom:20px; border:2px solid #ccc; color:#7d7d7d;} .survey_wrap .agreement_inner h3{margin-bottom:15px; font-size:16px; font-weight:normal; color:#282828; } .survey_wrap .agreement_inner .txt1{margin-bottom:30px;} .survey_wrap .agreement_inner .txt1 a{margin-left:10px; text-decoration:underline;} .survey_wrap .agreement_inner .txt2{margin-bottom:15px;} .survey_wrap .agreement_inner .txt1,.survey_wrap .agreement_inner .txt3{line-height:20px;} .survey_wrap .agree_txt input{margin-right:5px;} .survey_wrap .agree_txt .txt1{margin-right:30px; font-size:14px; font-weight:bold; color:#282828;} .survey_wrap .agree_txt .txt2{display:block; margin-bottom:10px; font-size:14px; font-weight:bold; color:#282828;} .survey_wrap .agree_txt .input1{margin-right:50px;} .survey_wrap .agree_txt label{color:#7d7d7d;} .survey_wrap .add_qs {padding:17px;overflow:hidden;} .survey_wrap .add_qs .qs1 {margin-bottom:10px;} .survey_wrap .add_qs .input1{margin-right:50px;} .survey_wrap .add_qs .txt {margin-right:10px;font-weight:bold;color:#282828;font-size:14px;} .survey_wrap .add_qs label{color:#7d7d7d;} .survey_wrap .add_qs input[type=radio] {margin-right: 5px;} .survey_wrap .add_qs .qs2 input {padding:5px;width:100px;background-color:#f0efef; border:1px solid #cbcbcb;} .survey_wrap .infomation .txt{margin-bottom:10px; color:#7d7d7d;} .survey_wrap .infomation table{width:100%; margin-bottom:15px;} .survey_wrap .infomation table th{padding:8px 15px; background-color:#f0efef; border:1px solid #cbcbcb; border-left:none; font-size:14px; color:#282828; text-align:center; } .survey_wrap .infomation table td{padding:8px 15px; border:1px solid #cbcbcb; border-right:none; font-size:12px; text-align:left; color:#7d7d7d;} .survey_wrap .infomation table label.first{margin-right:83px;} .survey_wrap .infomation table input[type=text],.survey_wrap .infomation table select{padding:5px; border:1px solid #cbcbcb;} .survey_wrap .infomation table a img{padding:10px 0 10px 5px; vertical-align:middle;} .survey_wrap .w400{width:400px; margin-bottom:10px;} .survey_wrap .w250{width:250px;} .survey_wrap .w150{width:150px;} .survey_wrap .w100{width:100px;} .survey_wrap .w50{width:50px;} .survey_wrap .btn_area{text-align:center;} hr,.hidden {display:none;} .dimmed{display:none; position:fixed; top:0px; left:0; right:0;bottom:0; z-index:10001; height:100%; background:rgba(0,0,0,0.7);} .pop-recruit{display:none; position:fixed; top:100px; left:50%; z-index:10002; width:1098px;border:1px solid #e8e8e8; margin-left:-550px; padding:0; background:#ffffff;} .pop-map{display:none; position:fixed; top:100px; left:50%; z-index:10003; width:1098px;border:1px solid #e8e8e8; margin-left:-520px; padding:0; background:#ffffff;} .pop-map img{max-width:100%;width:100%} .pop-map .btn-close2{position:absolute; top:0; right:0;} .pop-recruit .btn-close{position:absolute; top:15px; right:15px;} .pop-recruit .title{font-size:22px;text-align:left;; color:#000000;background-color:#e8e8e8;line-height:60px;padding-left:25px} .pop-recruit .cont01{padding:50px;overflow:hidden;margin-bottom:40px} .pop-recruit .cont01 .sec-img{width:215px;height:170px} .pop-recruit .cont01 .sec_left{width:215px;float:left;} .pop-recruit .cont01 .sec_right{width:750px;float:right;} .pop-recruit .cont02{overflow:hidden;padding:0 50px 50px 50px} .pop-recruit .cont02 .col1{float:left;width:215px;margin-right:35px;padding-top:20px} .pop-recruit .cont02 .col1 img{width:215px} .pop-recruit .cont02 .col2{float:left;width:320px;} .pop-recruit .cont02 .col3{float:right;width:411px;text-align:right;position:relative;} .pop-recruit .cont02 .col3 .btn_plus{position:absolute;right:0;top:0} .pop-recruit .cont02 .col3 .sec-img{width:411px;} .pop-recruit .cont02.line_1 .col1{border-top:4px solid #229fac} .pop-recruit .cont02.line_2 .col1{border-top:4px solid #8d4685} .pop-recruit .cont02.line_3 .col1{border-top:4px solid #33a05e} .pop-recruit .cont02.line_4 .col1{border-top:4px solid #bb478a} .pop-recruit .cont02.line_5 .col1{border-top:4px solid #e49e44} .pop-recruit .cont02.line_6 .col1{border-top:4px solid #e36343} .ul_list_2{overflow:hidden;border-top:1px solid #dddddd;} .ul_list_2 li{position:relative;border-bottom:1px solid #dddddd;line-height:22px;padding:12px 0;padding-left:120px;font-size:15px;} .ul_list_2 li .tit{display:block;line-height:16px;padding:12px 0;color:#333333;font-size:16px;position:absolute;left:5px;top:3px} .ul_list_2 li a{color:#da5c00} .ul_list_2 li pre {font-family:"NanumSquareR";} .ul_list_3{overflow:hidden;border-top:1px solid #333333;width:100%} .ul_list_3 li{position:relative;border-bottom:1px solid #dddddd;line-height:22px;padding:12px 0;padding-left:126px;font-size:15px;} .ul_list_3 li img{vertical-align:middle} .ul_list_3 li.end{border-bottom:none} .ul_list_3 li a{color:#da5c00} .ul_list_3 li .tit{display:block;line-height:16px;padding:12px 0;color:#333333;font-size:16px;position:absolute;left:5px;top:3px} .pop-recruit .cont01 .ul_list_3 li{text-align:left;padding-bottom:12px;width:625px} .faq {display:block;border-top:2px solid #555;margin:27px 0px 42px;} .article {border-bottom:1px solid #ebebeb; } .article .q {display:block;background:url('../img/ico_q.png') no-repeat 27px 20px;} .article .q a {display:block;line-height:20px;font-family:"NanumSquareB";font-size:15px;padding:18px 0px 18px 80px;color:#444;background:url('../img/ico_arrow_down.png') no-repeat 98% 23px;} .article .q a:hover {color:#429200;} .article .q a.on {display:block;padding-left:80px;font-family:"NanumSquareB";font-size:15px;color:#429200;background:url('../img/ico_arrow_up.png') no-repeat 98% 23px;} .article .a {border-top:1px solid #e2e2e2;font-family:"NanumSquareR";font-size:15px;color:#666;padding:25px 20px 25px 80px;line-height:24px;background:url('../img/ico_a.png') no-repeat 27px 32px #f7f7f7;} .point_txt {color:#429200;} .let_box {border:1px solid #ddd;padding:15px 20px;color:#333;line-height:28px;font-size:15px;background:#fff;margin:15px 0px;width:90%;} .agree_wrap {width:1058px;height:133px;padding:10px 20px 20px 20px;border:1px solid #ccc;overflow-y:scroll;margin-bottom:10px;} .agree_wrap strong.tit {display:block;padding:10px 0px 10px 12px;color:#333;font-size:16px;background:url('../img/dot_blue.jpg') no-repeat left center;} .agree_wrap strong {display:block;padding:10px 0px 5px 0px;color:#333;font-size:15px;} .agree_wrap span {display:block;padding:5px 0px;color:#888;font-size:14px;line-height:22px;} .paging {text-align:center;padding-top:30px;width:100%;overflow:hidden;} .paging img {vertical-align:middle;padding:0px;} .paging .num {margin:0px 15px;} .paging .num a {display:inline-block;color:#888682;border:1px solid #fff;font-size:13px;padding:0px;width:25px;height:27px;vertical-align:middle;line-height:29px;color:#000;font-family:'NanumSquareB';overflow:hidden;} .paging .num a:hover, .paging .num a.on {color:#e36a2f;border:1px solid #e0e0e0;} .notice{position:relative} .notice > div.search_wrap{height:35px;margin-bottom:13px;position:relative;padding-top:0} .search_wrap .tit{color:#777777;font-size:14px;background:url('../img/bg_notice_tit.png') 0 27px no-repeat;padding-left:15px;line-height:16px;padding-top:25px;display:block;text-align:left;} .search_wrap .bx-r{position:absolute;right:0;top:0;text-align:right} .search_wrap .bx-r input{background-color:#f7f7f7;border:1px solid #333333;line-height:33px;height:33px;text-align:left;width:320px} .search_wrap .bx-r select{background-color:#f7f7f7;border:1px solid #d9d9d9;line-height:40px;height:40px;text-align:left;width:100px} .search_wrap .bx-r input.btn_search {background:url('../img/btn_search.png') no-repeat center;width:18px;height:18px;display:inline-block;vertical-align:middle;text-indent:-999em;position:absolute;right:5px;top:12px;border:0; cursor: pointer;} .board_wrap {width:1100px;margin:55px auto 10px;overflow:hidden;position:relative;} .board_wrap label {color:#333;margin:0px 20px 0px 5px;} .pright {position:absolute;top:0px;right:0px;} .tb01 {width:100%;border-top:2px solid #5a5a5a;margin-top:50px;} .tb01 table {width:100%;font-family:'NanumSquareR';} .tb01 tr th {font-size:14px;background:#f7f7f7;border-bottom:1px solid #e2e2e2;padding:10px 10px 10px 20px;color:#333;text-align:left;font-family:'NanumSquareB';} .tb01 tr td {border-bottom:1px solid #e2e2e2;font-size:13px;padding:10px;letter-spacing:-0.5px;} .tb01.txt_c tr th{text-align:center} .tb01.txt_c tr td{text-align:center} .notice > div.tb02 {width:100%;border-top:2px solid #5a5a5a;padding-top:0} .tb02 table {width:100%;font-family:'NanumSquareR';} .tb02 td.txtL{text-align:left} .tb02 td .tit{font-family:'NanumSquareB';font-size:16px; color:#333} .tb02 tbody td {border-bottom:1px solid #e2e2e2;font-size:15px;line-height:16px;padding:20px 5px;letter-spacing:-0.5px;} .tb02 tbody td.bg1{background-color:#f6f6f6;} .tb02 tbody td.tit2{color:#b32499} .tb03 {width:100%;border-top:2px solid #5a5a5a;margin-top:50px;} .tb03 table {width:100%;font-family:'NanumSquareR';} .tb03 tr th {font-size:14px;background:#f7f7f7;border-bottom:1px solid #e2e2e2;padding:10px 10px 10px 20px;color:#333;text-align:left;font-family:'NanumSquareB';width:160px;} .tb03 tr td {border-bottom:1px solid #e2e2e2;font-size:13px;padding:10px;letter-spacing:-0.5px;} .tb03.txt_c tr th{text-align:center} .tb03.txt_c tr td{text-align:center} .tb03 tr td .w190 {width:190px;} .tb03 tr td .w95 {width:95px;} .tb03 tr td .w62 {width:62px;} .tb03 tr td .w50 {width:50px;} .tb03 tr td .w90 {width:190px;} .tb03 tr td .w220 {width:220px;} .tb03 tr td .address {width:500px;display:block;margin-top:6px;ime-mode:active;} .tb03 tr td .memoN01 {width:90%;height:380px;} .tb03 .p_thum {width:200px;height:146px;overflow:hidden;} .tb03 .p_thum img {width:100%;} .tb03 tr .pds {text-align:left;color:#777;line-height:22px;font-size:14px;} .tb03 tr .pds strong {display:block;color:#333;padding:20px 0px 10px;font-size:16px;width:100%;overflow:hidden;} .tb03 tr .pds span {display:block;color:#888;padding:10px 0px;font-size:14px;} .notice > div.sec-bbs-view{border-top:2px solid #5a5a5a;margin:0;padding:0} .sec-bbs-view .sec-top{background-color:#f7f7f7;padding:20px 10px 20px 20px;overflow:hidden;text-align:left;border-bottom:1px solid #e2e2e2} .sec-bbs-view .sec-top .tit1{font-size:17px;color:#333333;display:block;float:left} .sec-bbs-view .sec-top .sec-r{float:right;margin-right:20px} .sec-bbs-view .sec-top .line{margin:0 20px;width:1px;background-color:#e1e1e1;border:none;height:10px;font-size:10px;line-height:10px} .sec-bbs-view .hit{color:#888888} .sec-bbs-view .sec-txt{padding:50px 20px;line-height:30px;font-size:16px;min-height:400px;} .bbs_next_ul{border-top:1px solid #e2e2e2;overflow:hidden} .bbs_next_ul > li{overflow:hidden;position:relative;border-bottom:1px solid #e2e2e2;padding:20px;font-size:16px;padding-left:150px;color:#333 } .bbs_next_ul > li .tit1{position:absolute;left:20px;top:20px;color:#888888;font-size:15px} .bbs_next_ul .sec-r{float:right;margin-right:10px} .bbs_next_ul .line{margin:0 20px;width:1px;background-color:#e1e1e1;border:none;height:10px;font-size:10px;line-height:10px} .bbs_next_ul .hit{color:#888888} .btnBlue {display:inline-block; background:#597b3e; color:#fff;width:145px;padding:10px 0px 9px;text-align:center;font-family:'NanumSquareB';font-size:12px;vertical-align:middle} .btnGrey {display:inline-block; background:#767e86; color:#fff;width:145px;padding:10px 0px 9px;text-align:center;font-family:'NanumSquareB';font-size:12px;vertical-align:middle} .btnRed{display:inline-block; background:#4a4098; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-family:'NanumSquareB'; font-weight:normal; vertical-align:middle} .btnBlue2 {display:inline-block; background:#2f78ca; color:#fff;width:145px;padding:10px 0px 9px;text-align:center;font-family:'NanumSquareB';font-size:12px;vertical-align:middle} .white {color:#fff;} .grey {color:#231f20;} .f40 {font-size:40px;} .f30 {font-size:30px;} .f20 {font-size:20px;} .f26 {font-size:26px;} .dp {display:block;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt70 {padding-top:70px;} .pb20 {padding-bottom:20px;} .pb70 {padding-bottom:70px;} .mr70 {margin-right:70px;} .mr40 {margin-right:40px;} .mt45m {margin-top:-45px;} .mt20 {margin-top:20px;} .clB {clear:both;} .pR {position:relative;} .pic01 {display:block;height:298px;background:url('../img/top_visual01.jpg') no-repeat center;text-align:center;font-family:'NanumSquareB';padding-top:130px;line-height:50px;} .pic01_1 {display:block;height:400px;background:url('../img/top_visual02.jpg') no-repeat center;text-align:center;font-family:'NanumSquareB';padding-top:100px;line-height:50px;} .pic01_1 strong {border-bottom:1px solid #d2e3e4;} .pic01_2 {display:block;height:298px;background:url('../img/top_visual03.jpg') no-repeat center;text-align:center;font-family:'NanumSquareB';padding-top:130px;line-height:50px;margin-top:50px;} .pic01_3 {display:block;height:346px;background:url('../img/top_visual04.jpg') no-repeat center;padding:0px 0px 0px 70px;margin-top:50px;} .pic02_1 {display:block;height:298px;background:url('../img/top_visual05.jpg') no-repeat center;text-align:center;font-family:'NanumSquareB';padding-top:130px;line-height:50px;margin-top:50px;} .pic01_new {display:block;height:620px;background:url('../img/new_p01.jpg') no-repeat center top;text-align:center;font-family:'NanumSquareB';padding-top:100px;line-height:50px;} .mide {border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:inline-block;padding:4px 0px 0px;} .tit_sub {font-size:30px;color:#231f20;display:block;background:url('../img/line_black.jpg') no-repeat left bottom;padding:25px 0px;margin:0px 0px 25px;} .tit_sub01 {font-size:28px;color:#333;display:block;background:url('../img/line_black02.jpg') no-repeat left bottom;padding:0px 0px 25px;margin:0px 0px 25px;} .tit_sub01 strong {color:#6da121;} .tit_sub02 {font-size:28px;color:#333;display:block;background:url('../img/line_black02.jpg') no-repeat right bottom;padding:0px 0px 25px;margin:0px 0px 25px;} .tit_sub02 strong {color:#6da121;} .tit_sub03 {font-size:30px;color:#333;display:inline-block;padding:2px 0px;border-bottom:1px solid #7f7f7f;line-height:40px;} .tit_sub04 {font-size:30px;font-family:'NanumSquareB';color:#8cbb30;display:block;background:url('../img/line_black.jpg') no-repeat left bottom;padding:80px 0px 25px;margin-bottom:25px;} .pic02 {display:block;height:285px;background:url('../img/page_bg01.jpg') no-repeat right bottom;line-height:30px;color:#666;font-size:16px;letter-spacing:-0.5px;} .pic02_r {display:block;line-height:30px;color:#666;font-size:16px;letter-spacing:-0.5px;} .pic03 {display:block;font-family:'NanumSquareB';background:url('../img/hands_r.png') no-repeat left center;line-height:28px;color:#6da121;font-size:18px;letter-spacing:-0.5px;padding:10px 0px 0px 70px;} .cont01 {display:block;} .cont01:after {content:"";display:block; height:0; clear:both; visibility:hidden;} .cont01 li {width:50%;float:left;padding-bottom:50px;} .cont01 li:nth-child(2), .cont01 li:nth-child(4) {text-align:right;} .ntb {} .ntb table {border:1px solid #e5e5e5;border-top:2px solid #555;width:100%;box-sizing:border-box;background:#f8f8f9;} .ntb table th {color:#333;font-size:17px;padding:20px;font-family:'NanumSquareB';border-bottom:1px solid #e5e5e5;} .ntb table th:nth-child(2) {background:#92bd84;color:#fff;} .ntb table th:nth-child(3) {background:#019f96;color:#fff;} .ntb table td {color:#333;font-size:17px;padding:20px;font-family:'NanumSquareB';text-align:center;border-bottom:1px solid #e5e5e5;} .ntb table td:nth-child(1) {background:#fff;font-size:16px;} .cont_r {margin:30px auto 0px;} .cont_r li {float:left;width:25%;text-align:center;} .cont_r li div {display:table;width:204px;height:204px;margin:30px auto;} .cont_r li span {display:table-cell;width:100%;height:100%;border-radius:50%;color:#fff;font-size:22px;font-family:'NanumSquareB';vertical-align:middle;text-align:center;border:5px solid #8cb57f;background:#8cb57f;} .cont_r li strong {display:block;color:#7ea771;font-size:18px;font-family:'NanumSquareB';text-align:center;} .cont_r li:nth-child(2) span, .cont_r li:nth-child(4) span {background:#fff;color:#7ea771;} .box01 {display:block; border:1px solid #ddd;padding:30px 60px 30px 60px;} .box01 ul {display:block;} .box01 ul:after {content:"";display:block; height:0; clear:both; visibility:hidden;} .box01 ul li {float:none;display:block;padding:10px 0px;font-size:16px;line-height:24px;font-family:'NanumSquareB';} .box01 ul li strong {display:inline-block;vertical-align:top;background:url('../img/dot_g.png') no-repeat left center;color:#005151;width:60px;padding:0px 0px 0px 10px;} .box01 ul li span {display:inline-block;vertical-align:top;color:#666;} /* .box01 li:nth-child(1), .box01 li:nth-child(3), .box01 li:nth-child(5) {width:70%;} .box01 li:nth-child(2), .box01 li:nth-child(4),, .box01 li:nth-child(6) {width:28%;} */ .box02 {display:block; border:1px solid #ddd;padding:40px 0px 40px 30px;background:#fafcf7;clear:both;margin-top:75px;} .box03 {display:block;margin-top:50px;} .box03:after {content:"";display:block; height:0; clear:both; visibility:hidden;} .box03 li {float:left;width:25%;letter-spacing:-0.5px;} .box03 li strong {display:block;font-size:20px;color:#333;font-family:'NanumSquareB';padding:0px 0px 10px 15px;} .box03 li span {display:block;font-size:15px;color:#777;padding:5px 0px 5px 25px;background:url('../img/dot_green.png') no-repeat 15px 11px;} .exp01 {display:block;padding:5px 10px;font-size:15px;color:#666;background:url('../img/dot_grey.png') no-repeat left center;} .exp02 {display:block;padding:5px 10px;font-size:15px;color:#666;background:url('../img/dot_grey.png') no-repeat right center;} .exp03 {display:block;padding:5px 0px;font-size:15px;color:#666;line-height:24px;} .exp03_1 {display:block;padding:0px 0px;font-size:25px;color:#7db117;} .exp04 {display:block;padding:8px 30px;font-size:17px;letter-spacing:-0.5px;color:#666;background:url('../img/check_green.png') no-repeat left center;} .meb {width:514px;} .pic_pos01 {position:absolute;top:20px;right:0px;} .pic_pos02 {position:absolute;top:400px;right:0px;} .memo_star {display:block;text-align:right;padding:3px 0px;margin-bottom:-45px;padding-top:25px;} .star {color:#e75528;font-weight:bold;font-size:15px;display:inline-block;vertical-align:bottom;height:12px;padding-top:0px;overflow:hidden;border:0px solid red;} .txt_agree {font-size:14px;line-height:24px;font-family:'NanumSquareR';color:#666;display:block;width:1100px;margin:30px auto;padding:0px 30px;} .txt_agree strong {font-size:16px;padding:30px 0px 10px;color:#333;font-family:'NanumSquareB';display:block;margin-left:-20px;} .txt_agree span {font-size:15px;padding:10px 0px;color:#333;font-family:'NanumSquareB';display:block;} .txt_agree h1 {font-size:16px;text-decoration:underline;color:#0f88e5;} .txt_agree01 {font-size:14px;line-height:24px;font-family:'NanumSquareR';color:#666;display:block;width:1100px;margin:30px auto;padding:20px 0px;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .txt_agree01 strong {font-size:16px;padding:0px 0px 10px;color:#333;font-family:'NanumSquareB';display:block;} .txt_agree03 {font-size:14px;line-height:24px;font-family:'NanumSquareR';color:#666;display:block;width:1040px;margin:0px auto;padding:0px 30px;} .txt_agree03 strong {font-size:16px;padding:30px 0px 10px;color:#333;font-family:'NanumSquareB';display:block;margin-left:-20px;} .txt_agree03 span {font-size:14px;padding:10px 0px;color:#333;display:block;} .txt_agree03 h1 {font-size:16px;text-decoration:underline;color:#0f88e5;} /* 모바일 lnb */ .mobileMenu{display:none; position:absolute; top:15px; right:15px} .mobileMenu img{width:30px;} #gnbM {display:none;position:fixed; top:0;right:-230px;width:230px;background:#1e293c;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;z-index:999999} #gnbM.on {display:none;position:fixed; top:0;right:0px;width:230px; background:#1e293c; z-index:999999} /** #gnbM .mUtil{padding:0px 15px;line-height:50px;height:50px;background:#206644; font-size:13px; letter-spacing:-1px} #gnbM .mUtil a{color:#fff;} #gnbM .mUtil span{margin:0 6px; color:#817ab7} #gnbM .mobileMenuXbt{position:absolute; top:10px; left:10px;} #gnbM .mobileMenuXbt img{max-height:90%;min-width:30px} **/ #gnbM .mUtil{padding:0px 15px;line-height:50px;background:#206644;color:#fff;font-size:13px; letter-spacing:-1px} #gnbM .mUtil a{color:#fff;} #gnbM .mUtil span{margin:0 6px; color:#817ab7} #gnbM .mobileMenuXbt{position:absolute; top:15px; right:10px;} #gnbM .mobileMenuXbt img{width:15px} #gnbM .gnbDiv {display:block;overflow-y:auto;} #gnbM .gnbDiv a{display:block} #gnbM .gnbDiv .one{padding:15px 20px 12px; font-size:14px; color:#fff; border-bottom:1px solid #7d838e; font-weight:normal; background:url('../img/mgnb_oneicon.png') no-repeat 200px center; background-size:18px 18px;} #gnbM .gnbDiv .one.on{color:#06dada;background:url('../img/mgnb_oneicon_on.png') no-repeat 200px center; background-size:18px 1px;} #gnbM .gnbDiv .two{padding:0px 0px 0px 20px; border-bottom:1px solid #545c6b;color:#c3c3c3;} #gnbM .gnbDiv .two .twoD{font-size:14px; color:#c3c3c3; padding:12px 7px; border-bottom:1px solid #545c6b;} #gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #545c6b; background:#f7f7f7} #gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px} .dimdBg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:999;} .b_log {border:1px solid #545c6b;width:90%;margin:20px auto;display:block;text-align:center;font-size:14px;color:#fff;line-height:35px;} #mobileSub{position:relative; display:none; height:; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#333} #mobileSub .mPrv{position:absolute; top:0; left:0; border-right:1px solid #ddd} #mobileSub .mNxt{position:absolute; top:0; right:0; border-left:1px solid #ddd} #mobileSub a{display:block; padding:14px 20px;} #mobileSub a img{height:15px;} .mobileSubmenu{display:none; position:absolute; top:50px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#fff; z-index:999} .mobileSubmenu a{display:block; padding:10px 3%; border-bottom:1px solid #ddd; color:#555; font-size:15px;} .mobile_navi {display:none;width:100%;font-size:0px;position:absolute;top:170px;left:0px;z-index:9999;letter-spacing:-1px;} .mobile_navi.on {position:fixed;display:none;top:50px;left:0px;z-index:9999;width:100%;letter-spacing:-1px;-webkit-backface-visibility: hidden} .mobile_navi .half {width:50%;} .mobile_navi .full {width:100%;} .mobile_navi .mobile_navi_sub {display:inline-block;vertical-align:top;position:relative;} .mobile_navi a {display:block;} .mobile_navi .b_first {padding-left:10px;font-size:13px;line-height:50px;color:#fff;background:url('../img/off_navi01.png') no-repeat 96% center #6d974b; background-size:16px auto;} .mobile_navi .s_first {padding-left:10px;font-size:13px;line-height:50px;color:#fff;background:url('../img/off_navi02.png') no-repeat 96% center #6d974b; background-size:16px auto;} .mobile_navi .b_first.on {background:url('../img/on_navi.png') no-repeat 96% center #fff;color:#6d974b;background-size:16px auto;} .mobile_navi .s_first.on {background:url('../img/on_navi.png') no-repeat 96% center #fff;color:#6d974b;background-size:16px auto;} .mobile_navi .b_second {display:none;} .mobile_navi .b_second a {display:block;background:url('../img/ttip.png') no-repeat 10px center #fff;border-bottom:1px solid #dadada; background-size:auto 10px;} .mobile_navi .b_second span {display:block;padding-left:20px;font-size:13px;line-height:50px;color:#2e2e2e;background:url('../img/mb_snb_r.jpg') no-repeat 96% center #fff;background-size:auto 10px;} #mobileLnb{display:none; position:absolute; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #ddd; z-index:800;} #mobileLnb .mLnbDiv{position:relative; width:94%; height:40px; margin:auto;} #mobileLnb .mLnbDiv a{display:block} #mobileLnb .mLnbDiv .home{width:48px; height:14px; padding:13px 0; text-align:center; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd} #mobileLnb .mLnbDiv .lnbOne{position:relative; width:160px; padding:12px 19px; float:left; border-right:1px solid #ddd} #mobileLnb .mLnbDiv .lnbOne.on{color:#333; font-family:'NanumSquareB'; font-weight:normal;} #mobileLnb .mLnbDiv .lnbOne.cur{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;} #mobileLnb .mLnbDiv .lnbOne img{position:absolute; top:19px; right:19px;} #mobileLnb .mLnbDiv .lnbTwo{display:none; position:absolute; top:40px; left:0; width:160px; border:1px solid #ddd; padding:15px 19px 5px; background:#fff} #mobileLnb .mLnbDiv .lnbTwo a{font-size:13px; margin-bottom:15px;} #mobileLnb .mLnbDiv .lnbTwo a:hover{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;} #mobileLnb .mLnbDiv .lnbTwo a.on{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;} .sec-interview .sec-row1 {overflow:hidden;margin-bottom:70px} .sec-interview .sec-row1 .sec-img{float:left;} .sec-interview .sec-row1 .sec-txt{float:right;width:500px;height:472px;text-align:left;position:relative;} .sec-interview .sec-row1 .sec-txt .tit1{font-size:35px;font-weight:500;color:#333;padding:40px 0 0 0;line-height:50px} .sec-interview .sec-row1 .sec-txt .tit1 span{;border-bottom:1px solid #333;padding-bottom:2px} .sec-interview .sec-row1 .sec-txt .tit2{color:#666666;font-size:16px;margin-top:20px;line-height:24px} .sec-interview .sec-row1 .sec-txt .tit2 span{color:#649d11;padding-top:10px;display:block;} .sec-interview .sec-row1 .sec-txt .sec-btm{border-left:1px solid #333;padding-left:20px;position:absolute;left:0;bottom:0} .sec-interview .sec-row1 .sec-txt .sec-btm .pos{font-size:18px;color:#333;line-height:26px;margin-bottom:10px;font-weight:500} .sec-interview .sec-row1 .sec-txt .sec-btm .name{color:#649d11;font-size:24px} .sec-interview .sec-row2 {position:relative;margin-bottom:70px} .sec-interview .sec-row2 .tit{color:#cd2812;font-size:20px;margin-bottom:20px} .sec-interview .sec-row2 .sec-txt{font-size:16px;color:#666666;line-height:28px} .sec-interview .sec-row3{position:relative;overflow:hidden} .sec-interview .sec-row3 .tit{color:#cd2812;font-size:20px;margin-bottom:20px} .sec-interview .sec-row3 .sec-txt{font-size:16px;color:#666666;line-height:28px;letter-spacing:-0.9px} .sec-interview .sec-row3 .sec-left{float:left;width:660px} .sec-interview .sec-row3 .sec-right{float:right} .sec-interview .sec-row4{overflow:hidden;width:100%;margin-bottom:70px} .sec-interview .sec-row4 .sec-img{float:left;width:50%} .agreement_inner {display:block;} .agreement_inner table {width:100%;margin:10px auto;border-right:1px solid #eee;} .agreement_inner tr th {background:#ddd;padding:10px;border-bottom:1px solid #eee;} .agreement_inner tr td {padding:10px;line-height:24px;border-bottom:1px solid #eee;border-left:1px solid #eee;} .pc {display:block !important;} .mb {display:none !important;} .new_wrap {text-align:center;margin:30px auto 100px;} .pcv {display:inline-block;} .mobilev {display:none;} .pt80 {padding-top:80px;} .mpt50 {padding-top:0px;} .ifWrap iframe {width:100%;height:700px;} .mid020 {display:block;width:1100px;margin:45px auto 0px;letter-spacing:-0.5px;} .mview {display:none;} .mhide {display:block;} #mainPopup {display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;opacity:0.7;filter:alpha(opacity=70);-ms-filter:alpha(opacity=70);top:0;left:0;background:#000;z-index:1001;} #pop_main {display:none;position:fixed;left:50%;margin-left:-296px;top:25%;width:592px;background:#fff;z-index:1002;} .pop_tit {display:block;padding:20px;position:relative;color:#333;font-size:24px;font-family:'NanumSquareB';background:#f5f5f5;} .pop_tit a {position:absolute;top:20px;right:20px;} .pop_tb {display:block;padding:40px 30px;} .pop_tb table {width:100%;border-top:2px solid #0e0e0e;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;font-family:'NanumSquareB';} .pop_tb table tr th {width:70px;text-align:left;padding:10px 0px 10px 15px;background:#f6f7f7;color:#222;border-bottom:1px solid #e5e5e5;} .pop_tb table tr td {padding:10px 0px 10px 15px;background:#fff;color:#222;border-bottom:1px solid #e5e5e5;} .pop_btn {display:block;text-align:center;padding-top:30px;} .pop_btn a {width:136px;line-height:40px;display:block;margin:0px auto;color:#fff;background:#13253c;font-size:15px;font-family:'NanumSquareB';} .ans_wrap {display:block;text-align:left !important;position:relative;margin-bottom:30px;} .ans_tit {display:block;font-family:'NanumSquareB';font-size:18px;color:#000;} .ans_wrap input {font-family:'NanumSquareB' !important;height:22px !important;line-height:auto !important;color:#999;margin:10px 10px 10px 0px;} .ans_wrap textarea {display:inline-block;vertical-align:top;width:90%;height:54px;background:#f8f8f8;color:#999;padding:10px;} .ans_wrap .btn_h {display:inline-block;vertical-align:middle;text-align:center;background:#484b53;width:75px;height:75px;line-height:75px;position:absolute;bottom:0px;right:0px;color:#fff;font-family:'NanumSquareB' !important;} .ans_box {display:block;text-align:left !important;position:relative;padding:20px 0px !important;font-size:13px;line-height:20px;color:#777;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background:#fff;margin-top:-1px;} .ans_box_top {display:block;font-size:13px;color:#888;padding-bottom:15px;border:0px solid red;} .ans_box_top span {color:#000;font-size:14px;margin-right:10px;font-weight:600;} .pass_top {position:absolute;top:15px;right:0px;} .pass_top input {font-family:'NanumSquareB' !important;height:22px !important;line-height:auto !important;color:#999;margin-right:1px;} .pass_top .btn_del01 {display:inline-block;vertical-align:top;text-align:center;background:#bababa;width:40px;height:30px;line-height:30px;color:#fff;font-family:'NanumSquareB' !important;} /*20180828추가*/ .guide_txt04 strong {display:inline-block;vertical-align:middle;font-size:16px;color:#333;padding:0 10px 0 0;} .guide_txt04 span {display:inline-block;font-size:15px;color:#333;line-height:15px;padding:0 0 0 10px;border-left:1px solid #ddd;} .guide_txt05 {text-align:right;font-size:15px;color:#666;padding:5px 0;} .guide_txt06 {text-align:left;font-size:15px;color:#666;padding:5px 0;} .guide_txt06_1 {text-align:left;font-size:15px;color:#666;padding:5px 0 5px 10px;background:url('../img/dot_green.png') no-repeat left 14px;line-height:24px;} .guide_txt07 {border:1px solid #eee;background:#fbfcf8;padding:50px;margin:50px auto;} .guide_txt07 strong {display:block;font-size:17px;color:#333;padding:8px 0;} .guide_txt07 span {display:block;font-size:16px;color:#333;padding:5px 0 5px 10px;line-height:19px;background:url('../img/dot_green.png') no-repeat left 12px;} .tb_guide {overflow:auto;} .tb_guide table {width:100%;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} .tb_guide tr th {color:#333;font-size:14px;background:#f2f2f2;white-space:nowrap;padding:7px;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;} .tb_guide tr td {color:#666;font-size:14px;white-space:nowrap;padding:7px;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;text-align:center;} .tb_guide tr td:nth-child(1) {color:#333;} .tb_guide .bw {background:#fff;} .tb_guide .bb {background:#e3eff9;} .tb_guide .bs {background:#ffedd5;} .tb_guide .bg {background:#b8f4d0;} .tb_guide .by {background:#ffffcc;} .tb_guide .tLn {text-align:left;} .tb_guide .tLn01 {text-align:left;white-space:normal;} .btn_file {display:inline-block;font-size:13px;color:#86a26f;border:2px solid #86a26f;padding:5px;letter-spacing:-0.8px;white-space:nowrap;} .hit {white-space:nowrap;} .copyRight01 {display:block;width:700px;font-size:13px;font-weight:bold;font-family:'NanumSquareB';color:#b7b7b7;border-top:1px solid #6f716e;padding-top:10px;margin-top:10px;line-height:20px;} .copyRight01 strong {color:#888;margin-left:10px;} .copyRight01 p {font-size:11px; margin-top:8px;font-family:'NanumSquareB'; font-weight:normal;color:#b7b7b7;border-top:1px solid #6f716e;padding-top:10px} .co_tit {display:inline-block;vertical-align:top;width:80px;font-size:13px;font-weight:bold;color:#b7b7b7;font-family:'NanumSquareB';color:#b7b7b7;padding:0;letter-spacing:-1px;} /*20180828끝*/ .service_box_wrap {border:1px solid #eee;border-top:1px solid #555;clear:both;} .service_box_wrap ul {} .service_box_wrap ul:after {display:block;clear:both;content:"";} .service_box_wrap li {float:left;width:20%;min-height:480px;} .service_box_wrap li:nth-child(odd) {background:#f7f7f7;} .service_box_wrap li div {display:table;width:100%;height:105px;border-bottom:1px solid #eee;text-align:center;} .service_box_wrap li div strong {display:table-cell;width:100%;font-size:15px;color:#666;vertical-align:middle;font-weight:500;} .service_box_wrap li div span {font-size:12px;font-weight:500;} .service_box_wrap li div strong img {vertical-align:middle;margin-right:5px;} .service_box_wrap li a {display:block;font-size:15px;color:#333;font-weight:500;text-align:center;padding:5px 5px;margin:30px auto;} .pro_wrap {border:1px solid #eee;padding:30px 0;margin:-1px auto 0px;} .pro_wrap dd {display:inline-block;vertical-align:middle;width:10%;position:relative;font-size:24px;color:#5d962d;font-weight:600;line-height:30px;text-align:center;} .pro_wrap dd:after {content:"";position:absolute;right:-1px;top:50%;margin-top:-8px;width:1px;height:16px;background:#d5d5d5;} .pro_wrap dt {display:inline-block;vertical-align:middle;width:86%;font-size:16px;color:#666;font-weight:500;line-height:28px;padding-left:3%;} .pro_wrap dt strong {display:block;color:#333;font-weight:600;} /* 테블릿 가로 해상도 */ @media all and (max-width:1199px) { .pc {display:none !important;} .mb {display:block !important;} .mview {display:block !important;} .mhide {display:none !important;} #wrapper{min-width:100%} .headDiv {width:100%;height:50px;top:0px;left:0px;z-index:999;} #header {position:fixed;width:100%;height:50px;background:#fff;margin-bottom:0px;} .headDiv h1 {position:absolute;top:10px;left:10px;} .headDiv h1 a {display:block;width:auto;height:auto;} .headDiv h1 a img {padding:0px;height:30px} .headDiv .util{display:none} #gnb{display:none} #subCon h2{display:none} .mobileMenu{display:block} #gnbM{display:block} #gnbM.on{display:block} #gnbM .gnbDiv a{display:block} #gnbM .gnbDiv .one{padding:15px 20px 12px; font-size:14px; color:#fff; border-bottom:1px solid #7d838e; font-weight:normal; background:url('../images/mgnb_oneicon.png') no-repeat 200px center; background-size:18px 18px;} #gnbM .gnbDiv .one.on{color:#06dada;background:url('../images/mgnb_oneicon_on.png') no-repeat 200px center; background-size:18px 1px;} #gnbM .gnbDiv .two{padding:0px 0px 0px 20px; border-bottom:1px solid #545c6b;color:#c3c3c3;} #gnbM .gnbDiv .two .twoD{font-size:14px; color:#c3c3c3; padding:12px 7px; border-bottom:1px solid #545c6b;} #gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #545c6b; background:#f7f7f7} #gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px} .mobile_navi {display:block} .mobile_navi.on {display:block} #mobileSub{display:block} .mobileSubmenu{display:none;} .quick_right {display:none;} .sub_location_wrap {display:none;} #cBody{position:relative;padding-top:50px;z-index:1;} .visual_wrap {display:block;min-width:100%;height:170px;position:relative;text-align:center;overflow:hidden;background-size:cover;} .sub_copy {display:block;text-align:center;color:#fff;font-size:18px;margin-top:0px;padding:30px;letter-spacing:-1px;} .sub_copy > span{font-size:14px} .sub_navi_wrap, .sub_navi_wrap.on {display:none;} .sub_tit_b {font-size:24px;margin-top:30px;background:url('../img/ttip01.png') no-repeat center top;background-size:auto 3px;padding-top:8px;} .subBody {min-height:400px;padding:30px 0px 50px;width:100%} .subBody img {max-width:100%;} .Wlayout {width:100%;} .foot_site {display:none;} .footDiv {position:relative; width:100%;margin:auto; padding:0;background-color:#545652;} .footDiv .flogo {position:absolute;top:60px;left:10px} .footDiv .flogo img {width:80px;} .footDiv .fUtil {border-bottom:1px solid #dedede;margin-bottom:55px;padding-left:10px;} .footDiv .fUtil a {font-family:'NanumSquareB';line-height:40px;font-weight:normal;font-size:12px;letter-spacing:-0.1px;} .footDiv span {color:#dedede; margin:0 5px;font-size:10px} .footDiv .copyRight {font-size:11px;font-family:'NanumSquareB';color:#fff;padding:10px;opacity:0.6;border-top:none;line-height:22px;width:100%} .footDiv .copyRight strong {color:#fff;margin-left:10px;opacity:0.6;border-top:none} .footDiv .copyRight p{font-size:10px; font-family:'NanumSquareB'; font-weight:normal;color:#fff;opacity:0.6;border-top:none;margin-top:0;padding-top:0} .footDiv .selecting {position:relative;top:0;left:0;right:0;width:92%;height:30px;line-height:30px;padding-left:10px;margin:1em 2%} .footDiv .choose {display:none;} .footDiv .choose {position:absolute;z-index:9999;bottom:85px;right:5px;width:94%;border:1px solid #898989;padding:0;background:#fff;margin:0 2%} .footDiv .choose a {display:block;padding:5px 10px;font-family:'NanumSquareB';font-size:13px;color:#555;} .footDiv .choose a:hover {color:#429200;} .mt45 {margin-top:25px !important;} .f24 {font-size:18px;} .f21 {font-size:17px;} .f15 {font-size:13px;} .f16 {font-size:14px;} .txt001 {display:block;padding:25px 20px 25px 83px;background:url('../img/icon_home.png') no-repeat 20px 30px;background-size:50px auto;} .txt002 {display:block;padding:25px 10% 30px 10%;background:#fff;text-align:center;margin:0px auto 0px;width:80%;background:#fafafa;} .mid001 {height:auto;background:none;} .mid002 {display:block;width:80%;margin:30px auto;padding:0px 8% 0px 12%;background:none;letter-spacing:-0.5px;} .mid003 {display:block;width:90%;margin:30px auto 0px;border:1px solid #ddd;letter-spacing:-1px;} .mid003 li {float:left;border-right:1px solid #ddd;margin-right:-1px;text-align:center;line-height:18px;height:170px;} .mid003 li:nth-child(1) {background:url('../img/sub03_ico01m.png') no-repeat center 30px;width:46%;padding:100px 2% 30px 2%;background-size:50px auto;border-bottom:1px solid #ddd;} .mid003 li:nth-child(2) {background:url('../img/sub03_ico02m.png') no-repeat center 30px;width:46%;padding:100px 2% 30px 2%;background-size:45px auto;border-bottom:1px solid #ddd;} .mid003 li:nth-child(3) {background:url('../img/sub03_ico03m.png') no-repeat center 24px;width:46%;padding:100px 2% 30px 2%;background-size:50px auto;} .mid003 li:nth-child(4) {background:url('../img/sub03_ico04m.png') no-repeat center 30px;width:34%;padding:100px 8% 30px 8%;background-size:50px auto;} .mid003 li:nth-child(5) {display:none;} .tab_menu_real {display:block;text-align:left;width:93%;margin:20px auto 0px;border:1px solid #e8e8e8;} .tab_menu_real a {display:inline-block;height:35px;overflow:hidden;margin:-1px;border:1px solid #e8e8e8;} .tab_menu_real.two a{width:50%;} .tab_menu_real.three a{width:33.33%;} .tab_menu_real.five a{width:50%;} .tab_menu_real a span {display:block;line-height:35px;height:35px;border:0px solid #e8e8e8;border-right:0px solid #e8e8e8;font-size:12px;letter-spacing:-0.5px;} /* 2017-07-30 MOdify */ .sec_base_w{width:94%;padding:0 3%;min-width:320px} .sec-location {padding-top:34px;height:auto;line-height:24px;height:24px} .sec-location h2{font-size:24px} .sec-location .sub_location{display:none} .cont01 li {width:100%;float:none;padding-bottom:30px;text-align:center} .cont01 li:nth-child(2), .cont01 li:nth-child(4) {text-align:center} .tit_sub{font-size:18px;padding:10px 0px 10px 0} .pic01 {height:auto;background:url('../img/top_visual01.jpg') no-repeat center;background-size:100% auto;;padding:30px 0;line-height:30px;font-size:18px} .pic02 {height:auto;background:url('../img/page_bg01.jpg') no-repeat right bottom;background-size:100% auto;padding-bottom:5em;} .pic03 {line-height:24px;font-size:16px;} .pic01_1 {height:auto;background:url('../img/top_visual02.jpg') no-repeat center;background-size:100% auto;padding:30px 0 70px 0;line-height:30px;font-size:18px;letter-spacing:-0.5px;} .pic01_3 {background:url('../img/top_visual04_mb.jpg') no-repeat center;height:auto;margin-top:2em;background-size:100% 100%;padding:2em;padding-bottom:130px} .pic01_3 .tit_sub04{padding:1em 0 0 0} .box01 {border:1px solid #ddd;padding:10px 20px;} .exp01 {background:url('../img/dot_grey.png') no-repeat left 10px;} .sec-intro-location .fL{float:none !important;padding-top:1em} .sec-intro-location .fR{float:none !important;padding-top:1em;text-align:left !important} .sec-intro-location .taR{text-align:left !important} .sec-intro-location .clB{padding-bottom:1em} .sec-intro-location .mr70{margin-right:0} .sec-intro-location .exp02 {background:url('../img/dot_grey.png') no-repeat left center;} .sec-intro-location .mt45m{margin-top:0} .sec-intro-location .box02{margin:0;padding:1em} .sec-intro-location .pb70{padding-bottom:1em} .tit_sub01 {font-size:18px;background:url('../img/line_black02.jpg') no-repeat left bottom;padding:0px 0px 10px;margin:0px 0px 25px;} .tit_sub02 {font-size:18px;background:url('../img/line_black02.jpg') no-repeat left bottom;padding:0px 0px 10px;margin:0px 0px 25px;} .sec-img-mb {text-align:center} .sec-img-mb img{max-width:100%} .meb{width:100%} .feature .product_tab.w12 li{width:50%} .feature .product_tab.w12 li {background-color:#fff;color:#333} .feature .product_tab.w12 .on {background-color: #597b3e;color:#fff} .feature .product_tab.w12 .on a{background-color: #597b3e;color:#fff} .feature .product_tab.w25 li{width:50%} .feature .product_tab.w25 li {background-color:#fff;color:#333} .feature .product_tab.w25 .on {background-color: #597b3e;color:#fff} .feature .product_tab.w25 .on a{background-color: #597b3e;color:#fff} .feature .product_tab a span {font-size:13px;} #contents.feature .blind{display:block;position:relative;top:0;left:0;color:#333;margin-bottom:1em;font-size:20px} .feature .img_list {margin-bottom:1em;} .feature .img_list div {float:none;position:relative;width:100%;margin-right:0;} .feature .img_list div.last {margin-right:0;} .feature .num01 .img_list div:first-child{width:100%} .feature .num01 .img_list div{width:100%} .feature .img_list div img {width:100%;} .feature .num02 .img_list.ext div{width:100%;} .feature .img_list div p {padding:20px 0 45px 0;height:24px;line-height:24px;text-align:right;font-size:24px;font-weight:400;color:#231f20} .feature .img_list div p span {display:block;background:url('../img/bg_line_long.png') right bottom no-repeat;padding-bottom:10px;} .feature .num01 .txt_box li strong{display:block;margin-top:0.5em} .feature .txt_box ul li{line-height:24px} .feature .txt_box{padding:1em} .feature .txt_box ul li {;background:url('../img/dot_2.png') left 10px no-repeat;} .feature .num02 .txt_box li strong{display:block;margin-top:0.5em} .feature .num03 .box {padding:2em} .subBody .clB .fL{float:none !important} .subBody .clB .fR{float:none !important;padding-top:2em;text-align:center} .subBody .pt70{padding-top:2em} .subBody .pb70{padding-bottom:2em} .subBody .pR{float:none !important} .box03 li{float:none;width:100%;padding-bottom:2em} .box03 {margin-top:2em;} .town_list > ul > li{width:48%;float:left;margin-bottom:2em;margin-right:1%;margin-left:0} .town_list > ul > li:nth-child(2n){float:right;margin-left:1%;margin-right:0} .town_list > ul > li .sec_bx{width:100%;height:auto;margin:0;padding-bottom:2em} .town_list > ul > li .sec_bx .tit2{font-size:0.9em} .town_list > ul > li img{width:100%;height:100%} .town_list > ul > li.w3 .sec_bx{float:left;margin:0} .town_list > ul > li .sec_bx .tit-s{width:70px;height:70px;color:#fff;font-size:14px;text-align:center;padding-top:1em;line-height:20px} .space .image_plan :first-child.box{width:100%} .sec_life_service > ul > li{float:none;width:100%;height:50px;background-color:#fff;margin-right:0;margin-bottom:0;text-align:left;border-bottom:1px solid #cecece;background:url('/img/btn_arrow_r.jpg') 98% center no-repeat;background-size:auto 40%;} .sec_life_service > ul > li a{color:#333333;font-size:17px;line-height:50px} .sec_life_service > ul > li:nth-child(4n){margin-right:0} .sec_life_service > ul > li .sec-img{display:none} .notice_info {margin:20px 0 25px;padding:10px 0 0 0;padding-left:4%;width:96%;font-size:12px;color:#555;line-height:1.4em;border-top:1px solid #c1c1c1;} .notice_info li {position:relative;} .notice_info li.notice_bold{font-weight:bold;} .notice_info li:before {content:"※";position:absolute;left:-15px;} .notice_info li.last_li:before {content:"";position:absolute;left:-15px;} .notice_info.center {margin:20px auto 25px;width:85%;} .space .total_list {overflow:hidden;background-color:#fff;border-top:none;margin-bottom:1em} .space .total_list ul li {float:left;width:50%;height:100%;text-align:center;} .space .total_list ul li a {display:block;text-align:center;border-left:none;height:100%;line-height:0;} .space .total_list ul li:last-child a{;border-right:none} .space .total_list ul li a img{vertical-align:middle;max-width:100%} .space .total_list ul li.on a{background:#fff} .space .total_list ul li.on a{border-left:none} .space .total_list ul li.last {border-right:none;} .space .total_list ul:after {display:block;clear:both;content:"";} .space .total_list:after {display:block;clear:both;content:"";} .space .detail_info {width:100%;border:2px solid #6d974b;box-sizing:border-box;height:100%;position:relative;overflow:hidden;} .space .detail_info .tits{position:relative;display:block;;left:0;top:0;width:100%;text-align:center} .space .detail_info.table2 {padding-left:290px} .space .detail_info.table2 p {margin:0 0 8px 86px;font-size:20px;font-weight:bold;color:#fff;} .space .detail_info.table2 p span {font-weight:normal;} .space .detail_info.table2 .box {margin-bottom:30px;} .space .detail_info .box table {width:100%;margin-left:0;margin:1.5em 0} .space .detail_info .box table th {padding:0;font-size:15px;color:#595959;letter-spacing:-0.2px;border-right:1px solid #dbdbdb} .space .detail_info .box table td {padding:8px 0 0 0;text-align:center;font-size:16px;color:#333333;border-right:1px solid #dbdbdb;} .space .detail_info .box table th.last{border-right:none} .space .detail_info .box table td.last{border-right:none} .interior .total_list {background-color:#fff;width:100%;border:2px solid #6d974b;box-sizing:border-box;margin-bottom:1em} .interior .total_list h3 {float:none;width:100%;padding:0;text-align:center;background-color:#fff;} .interior .total_list h3 img{width:100%} .interior .total_list ul {float:none;width:100%;height:100%;padding-top:1em;overflow:hidden;background:url('') 430px 40px no-repeat;} .interior .total_list ul li {float:none;width:100%} .interior .total_list ul li:first-child {border-left:none;padding-left:0} .interior .total_list ul li.last {padding-left:0;border-right:none;} .interior .total_list ul li dl{height:auto;margin:1em 0;overflow:hidden;width:100%;} .interior .total_list ul li dl:first-child {padding-right:0;} .interior .total_list ul li dl dt{margin-left:1em} .interior .total_list ul li dl dt a{color:#6d974b;font-size:1.4em;font-weight:bold;margin:0} .interior .total_list ul li dl dd {float:left;margin:0;width:33.3%;text-align:center;} .interior .total_list ul li dl dd a {display:block;height:40px;padding:0;width:100%;line-height:40px;margin:1em 0} .interior .total_list ul li dl dd a img{height:40px;max-width:100%} .interior .total_list ul li dl dd.on a{background:#fff;} .interior .total_list ul li dl dd.last {padding-right:0px;margin-right:0} .interior .total_list ul li dl:after {display:block;clear:both;content:"";} .interior .total_list:after {display:block;clear:both;content:"";} .interior .interior_bg {position:relative;width:1100px;height:29px;background:url("") 110px no-repeat;z-index:100;top:-5px} .interior .btn_viewpop {display:none} .interior .view_box span{right:0} /* 2017-07-30 MOdify */ .sec-vi{position:relative;;width:100%;height:306px} .sec-vi li{height:306px} body.main img{max-width:100%} body.main .sec-base-w{width:100%} body.main .sec-row1{height:auto;padding:1em 0 2em 0} body.main .sec-row1 ul{padding:0 1em;overflow:hidden} body.main .sec-row1 ul li{width:33.3%;margin-bottom:1em} body.main .sec-row1 ul li img{width:80%} body.main .sec-row1 ul li span{font-size:12px;} body.main .sec-row2 {padding:1em} body.main .sec-row2 .ul_list_1 > li{height:250px} body.main .sec-row2 .ul_list_1 > li.wd_1{width:50%} body.main .sec-row2 .ul_list_1 > li.wd_1 img{width:100%;height:100%} body.main .sec-row2 .ul_list_1 > li.wd_2{width:50%} body.main .sec-row2 .ul_list_1 > li.wd_3{width:50%;float:right} body.main .sec-row2 .ul_list_1 > li.wd_3 img{width:100%;height:100%} body.main .sec-row2 .ul_list_1 > li.wd_4{width:50%;float:left;background:url(../img/bg_main_2_4.png);background-size:100% 100%} body.main .sec-row2 .ul_list_1 .sec-col-2{padding:30px 10px 35px 10px} body.main .sec-row2 .sec-notice > li .dt{display:none;} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .txt{display:none} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .tit{width:110px} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .row1{height:140px} body.main .sec-row2 .ul_list_1 > li.wd_5{width:50%;height:auto} body.main .sec-row2 .ul_list_1 > li.wd_5 img{width:100%;height:100%} body.main .sec-row2 .ul_list_1 > li.wd_6{width:50%;height:100%;background:url('');background-size:100% 100%;height:auto} body.main .sec-row3 .bx-controls{display:none} body.main .sec-row3 .btn_all{display:block;margin:1em 0;text-align:center} .sec-row3.mb .tit .mobile img{height:20px} body.main .sec-row3 .sec-photo-list2{padding:1em} body.main .sec-row3 .sec-photo-list2 > ul{overflow:hidden} body.main .sec-row3 .sec-photo-list2 > ul > li{float:left;width:25%;height:200px} body.main .sec-row3 .sec-photo-list2 > ul > li img{width:100%;height:100%} body.main .logo_on{display:block} body.main .logo_off{display:none} body.main .sec-row2 .ul_list_4 > li.wd_2 > div .txt {display: none;} body.main .sec-row2 .ul_list_4 > li.wd_2 > div .tit {padding-bottom: 0; font-size: 2vw;} body.main .sec-row2 .ul_list_4 > li.wd_2 > div {padding: 0;} body.main .sec-row2 .ul_list_4 > li.wd_2 > div .row1 {height: auto;} body.main .sec-row2 .ul_list_4 > li.wd_2 > div .row1 a, body.main .sec-row2 .ul_list_4 > li.wd_2 > div .row2 a {display: block; padding: 22% 0 22% 28%;} .agree_wrap {width:95%;height:auto;padding:2%} .agree_wrap strong.tit {padding:10px 0px 10px 12px;font-size:13px;} .agree_wrap strong {display:block;padding:10px 0px 5px 0px;color:#333;font-size:13px;} .agree_wrap span {display:block;padding:5px 0px;color:#888;font-size:12px;line-height:20px;} .agree_wrap h1 {font-size:12px;color:#2381f4;} .board_wrap{width:100%;margin:1em auto;} .txt_agree01{width:100%;padding:1em 1em;margin:0;box-sizing:border-box} .bbs_next_ul > li{padding-left:80px} .article .q a {padding:15px 10% 15px 15%;width:75%;font-size:13px;} .article .q a.on {font-size:13px;padding-left:60px} .article .a {font-size:13px;padding-left:60px} .sec-interview .sec-row1 {margin-bottom:3em} .sec-interview .sec-row1 .sec-img{float:none;} .sec-interview .sec-row1 .sec-img img{width:100%} .sec-interview .sec-row1 .sec-txt{float:none;width:100%;height:auto} .sec-interview .sec-row1 .sec-txt .tit1{font-size:1.8em;padding:40px 0 0 0;line-height:2em} .sec-interview .sec-row1 .sec-txt .sec-btm{border-left:1px solid #333;padding-left:20px;position:relative;margin-top:2em} .sec-interview .sec-row2 {margin-bottom:3em} .sec-interview .sec-row2 .tit{font-size:1.6em;margin-bottom:1em} .sec-interview .sec-row2 .sec-txt{font-size:1.2em;line-height:1.6em} .sec-interview .sec-row3 .tit{font-size:1.6em;margin-bottom:1em} .sec-interview .sec-row3 .sec-txt{font-size:1.2em;line-height:1.6em} .sec-interview .sec-row3 .sec-left{float:none;width:100%;margin-bottom:1em} .sec-interview .sec-row3 .sec-right{float:none;text-align:right} .sec-interview .sec-row1 .sec-txt .sec-btm .pos{font-size:1.2em;line-height:1.6em} .sec-interview .sec-row1 .sec-txt .sec-btm .name{font-size:1.8em} .sec-interview .sec-row4{margin-bottom:3em} .sec-interview .sec-row4 .sec-img{float:none;width:100%;margin-bottom:1em} .txt_agree {width:96%;padding:0px 2%;} .txt_agree01 {width:96%;padding:2% 2%;} .txt_agree03 {width:96%;padding:0px 2%;} .search_wrap .bx-r{position:relative;right:0;top:0;} .search_wrap .bx-r input.btn_search {right:3%;cursor:pointer} .search_wrap .bx-r input{background-color:#f7f7f7;border:1px solid #333333;padding:0px;padding-left:3px;line-height:24px;height:24px;text-align:left;width:70%;float:right;} .search_wrap .bx-r select{background-color:#f7f7f7;border:1px solid #d9d9d9;line-height:26px;height:26px;text-align:left;width:20%} .search_wrap .bx-r input.btn_search {background:url('../img/btn_search.png') no-repeat center;width:18px;height:18px;display:inline-block;vertical-align:middle;text-indent:-999em;position:absolute;right:8px;top:4px;border:0} .bbs_txt{margin-top:10px;color:#888;font-size:0.9em} .bbs_txt span{font-size:0.8em;color:#eee} .sec-bbs-view .sec-top .tit1{float:none;display:block} .sec-bbs-view .sec-top .sec-r{float:none;margin-right:0;text-align:left;margin:0.5em 0 0 0;display:block;width:100%} .item_box2 ul li{text-align:center;margin-right:0;width:100%} .interior #pano {display:block;width:100%;height:250px;} .txt_agree03 strong{margin-left:0} .txt_agree strong{margin-left:0} .pop-recruit{top:80px;left:5%;width:90%;margin-left:0px;} .pop-recruit .cont02{padding:0px 10px 30px 10px !important;} .ul_list_2 li .tit {font-size: 13px;} .ul_list_2 li {padding-left:90px;font-size: 13px;} } /* 테블릿 세로 해상도 */ @media all and (max-width:980px) { #wrapper{min-width:100%;overflow:hidden} #gnbM .gnbDiv {} .sub_tit_s {display:none;} .interior .view_box {margin:0;padding:0;margin-bottom:1em} .interior .view_box.num01 {margin-top:0;padding-top:0;} .interior .view_box.num03 div{float:none;width:100%;} .interior .view_box.num02 img{width:100%} .interior .view_box.num03 img{width:100%} .interior .view_box.num03 div{margin-bottom:1em} .interior .view_box.num03 div.last{float:none; width:100%;margin-bottom:0} .interior .view_box.num04 div {width:100%;} .interior .view_box.num05 div{float:none;width:100%;} .interior .view_box.num05 div.last{float:none; width:100%;} .interior .view_box > div{;display:block} .txt_agree {width:96%;padding:0px 2%;} .txt_agree01 {width:96%;padding:2% 2%;} .txt_agree03 {width:96%;padding:0px 2%;} } /* 모바일 해상도 */ @media all and (max-width:800px) { } /* 모바일 해상도2*/ @media all and (max-width:680px) { .new_wrap {text-align:center;margin:50px auto 100px;} .pcv {display:none;} .mobilev {display:block;} .pt80 {padding-top:50px;} .mpt50 {padding-top:50px;} .ifWrap iframe {width:100%;height:450px;} #gnbM .gnbDiv {} body.main .sec-row1 ul li{width:50%;margin-bottom:1em} body.main .sec-row2 .ul_list_1 > li{;height:auto} body.main .sec-row2 .ul_list_1 > li.wd_1{width:100%} body.main .sec-row2 .ul_list_1 > li.wd_1 img{width:100%} body.main .sec-row2 .ul_list_1 > li.wd_2{width:100%} body.main .sec-row2 .ul_list_1 > li.wd_3{width:100%;float:none} body.main .sec-row2 .ul_list_1 > li.wd_3 img{width:100%} body.main .sec-row2 .ul_list_1 > li.wd_4{width:100%;float:none} body.main .sec-row2 .ul_list_1 > li.wd_5{width:100%} body.main .sec-row2 .ul_list_1 > li.wd_5 img{width:100%} body.main .sec-row2 .ul_list_1 > li.wd_6{width:100%} body.main .sec-row2 .ul_list_1 > li.wd_4 > div{padding:60px 0 0 125px;height:194px} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .row1{height:120px} body.main .sec-row2 .ul_list_1 > li.wd_4 > div .row1 .tit{width:220px} body.main .sec-row3 .sec-photo-list2 > ul > li{float:left;width:50%;height:180px} body.main .sec-row2 .ul_list_4 { grid-template-columns: 1fr; grid-template-rows: 1fr .5fr 1fr;} body.main .sec-row2 .ul_list_4 > li.wd_1, body.main .sec-row2 .ul_list_4 > li.wd_2, body.main .sec-row2 .ul_list_4 > li.wd_3 {grid-area: unset;} body.main .sec-row2 .ul_list_4 > li.wd_2 {background-repeat: no-repeat; background-color: #fff; } body.main .sec-row2 .ul_list_4 > li.wd_2 > div .tit { font-size: 19px; } body.main .sec-row2 .ul_list_4 > li.wd_2 > div .row1 a, body.main .sec-row2 .ul_list_4 > li.wd_2 > div .row2 a {padding: 13% 0 13% 18%;} .tb02 td .tit{font-family:'NanumSquareB';font-size:13px} .tb02 tbody td {border-bottom:1px solid #e2e2e2;font-size:12px;line-height:14px;padding:15px 5px;letter-spacing:-1px;} .tb02 tbody td.bg1{background-color:#f6f6f6;} .tb02 tbody td.date {display: none;} .tb02 tbody td.tit2{color:#b32499} .sec-bbs-view .sec-top{background-color:#f7f7f7;padding:15px 10px 15px 15px;overflow:hidden;text-align:left;border-bottom:1px solid #e2e2e2} .sec-bbs-view .sec-top .tit1{font-size:14px;color:#333333;display:block;float:left} .sec-bbs-view .sec-top .sec-r{float:right;margin-right:20px;display:none;} .sec-bbs-view .sec-txt{padding:30px 20px;line-height:20px;font-size:13px;min-height:400px;} .bbs_next_ul{border-top:1px solid #e2e2e2;overflow:hidden} .bbs_next_ul > li{overflow:hidden;position:relative;border-bottom:1px solid #e2e2e2;padding:15px;font-size:13px;padding-left:100px;color:#333 } .bbs_next_ul > li .tit1{position:absolute;left:20px;top:15px;color:#888888;font-size:13px} .bbs_next_ul .sec-r{float:right;margin-right:10px} .tb03 tr th {font-size:12px;padding:10px 5px 10px 10px;width:60px;} .tb03 tr td {font-size:12px;padding:10px;letter-spacing:-1px;} .tb03 tr td .w190 {width:90%;} .tb03 tr td .w95 {width:75px;} .tb03 tr td .w62 {width:62px;} .tb03 tr td .w50 {width:50px;} .tb03 tr td .w90 {width:70px;display:block;margin:3px 0px;} .tb03 tr td .w220 {width:90%;} .tb03 tr td .address {width:90%;display:block;margin-top:5px;ime-mode:active;} .tb03 tr td .memoN01 {width:90%;height:120px;} .tb03 .p_thum {width:100px;height:90px;overflow:hidden;} .tb03 tr .pds {text-align:left;color:#777;line-height:18px;font-size:12px;} .tb03 tr .pds strong {display:block;color:#333;padding:10px 0px 10px;font-size:14px;width:100%;overflow:hidden;} .tb03 tr .pds span {display:block;color:#888;padding:10px 0px;font-size:12px;} .memo_star {display:block;text-align:right;padding:3px 0px;margin-bottom:-45px;padding-top:25px;font-size:12px;} .star {color:#e75528;font-weight:bold;font-size:12px;display:inline-block;vertical-align:bottom;height:12px;padding-top:0px;overflow:hidden;border:0px solid red;} #pop_main {left:5%;margin-left:0px;top:15%;width:90%;} .pop_tit {padding:15px;font-size:18px;} .pop_tit a {position:absolute;top:15px;right:15px;} .pop_tb {display:block;padding:30px 15px;} .pop_tb table tr th {width:55px;padding:10px 0px 10px 10px;font-size:12px;} .pop_tb table tr td {padding:10px 7px 10px 10px;font-size:13px;} .pop_btn {padding-top:20px;} .pop_btn a {width:136px;line-height:30px;display:block;font-size:13px;} .ans_wrap textarea {width:65%;height:54px;} /*20180828추가*/ .guide_txt04 strong {display:block;font-size:15px;} .guide_txt04 span {display:block;font-size:14px;line-height:15px;padding:8px 0 0 0;border-left:0px solid #ddd;} .guide_txt07 {padding:30px;margin:30px auto;} .guide_txt07 strong {font-size:14px;} .guide_txt07 span {font-size:13px;line-height:17px;} .prQ {width:200px;} /*20180828끝*/ .ntb table th {font-size:15px;} .ntb table td {font-size:14px;} .ntb table td:nth-child(1) {font-size:14px;} .cont_r li {width:50%;min-height:250px;} .cont_r li div {display:table;width:140px;height:140px;margin:20px auto;} .cont_r li span {font-size:18px;} .cont_r li strong {font-size:15px;} .f40 {font-size:30px;} .f30 {font-size:24px;} .f20 {font-size:15px;} .f26 {font-size:18px;} .pic01_new {height:420px;background:url('../img/new_p01.jpg') no-repeat center 20%;padding-top:100px;line-height:40px;} .service_box_wrap li {width:33.333%;min-height:350px;} .service_box_wrap li:last-child {/*width:100%;min-height:150px;*/} .service_box_wrap li div {height:80px;} .service_box_wrap li div strong {font-size:14px;} .service_box_wrap li div span {font-size:12px;} .service_box_wrap li a {font-size:14px;margin:15px auto;} .tab_wrap li {font-size:13px;} .tab_wrap li a {line-height:34px;} .tab_wrap li span {line-height:34px;} .pro_wrap dd {width:20%;font-size:20px;} .pro_wrap dt {width:69%;font-size:14px;line-height:24px;padding-left:7%;padding-right:3%;} .taR{text-align:center;} .col_mobile {display: none;} }