@charset "utf-8"; /* cms83@almacomm.co.kr */ /** \0/IE8 \0/IE9 IE8 uses \0 @media all\0 { } IE9 uses \9 @media all and (monochrome:0) { } **/ .blindTxt {display: none;} /* layout */ /* width:1302px */ #wrap {width:100%; min-width:1302px} .fixedWidth {width:1302px; margin:0 auto} #mainContainer {width:960px; margin:0 auto 34px auto; padding:0 171px; } #subContainer {width:1302px} /* main */ .main_banner_area {width:100%; margin-bottom:30px} #main_banner {position: relative; width: 1228px; margin: 0 auto; z-index:998; visibility:hidden; height:486px;} #main_banner #bxslider {} /* main slider btn */ #main_banner #bxslider li {position:relative; } #main_banner #bxslider li .mainRollingBtn {position:absolute; top:300px; left:170px} /* #main_banner #bxslider li {float:left} */ #main_banner .slide_btn_area a {position: absolute; top: 50%; margin-top: -31px; outline:0; width:37px; height: 63px; z-index: 999; text-indent: -9999px; display: block;} #main_banner .slide_btn_area a#prevBtn {left:-37px; background:url(/images/main/btn_rolling_prev_off.png) no-repeat 0 0;} #main_banner .slide_btn_area a#prevBtn:hover {background:url(/images/main/btn_rolling_prev_on.png) no-repeat 0 0;} #main_banner .slide_btn_area a#nextBtn {right:-37px; background:url(/images/main/btn_rolling_next_off.png) no-repeat 0 0;} #main_banner .slide_btn_area a#nextBtn:hover {background:url(/images/main/btn_rolling_next_on.png) no-repeat 0 0;} #main_banner .bx-wrapper .bx-controls-direction a {top:-9999999px; background:none} #main_banner .bx-wrapper .bx-pager {position:absolute; top:20px; height:20px; display:inline-block; *display:inline; zoom:1; text-align:left; margin:0 0 0 152px; padding:0} #main_banner .bx-wrapper .bx-pager.bx-default-pager a {background:url(/images/main/ico_slide_dot_off.png) no-repeat 0 0; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 10px 0 0; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} #main_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #main_banner .bx-wrapper .bx-pager.bx-default-pager a.active {background:url(/images/main/ico_slide_dot_on.png) no-repeat 0 0;} #mainContainer .sec1 {overflow:hidden; margin-bottom:18px} #mainContainer .sec1 .cnt_l {float:left;} #mainContainer .sec1 .cnt_l .btn_movies {} #mainContainer .sec1 .cnt_l .btn_movies a {position:relative; width:475px; height:284px; display:block; color:#fff; font-family:Dotum, 돋움; font-weight:bold} #mainContainer .sec1 .cnt_l .btn_movies a:hover {color:#f0660a} #mainContainer .sec1 .cnt_l .btn_movies a .movie_txt {position:absolute; bottom:11px; left:14px} #mainContainer .sec1 .cnt_l .btn_movies a .player {position:absolute; top:90px; left:200px; display:inline-block; *display:inline; width:95px; height:95px; background:url(/images/main/ico_play_video_off.png) no-repeat 0 0; zoom:1} #mainContainer .sec1 .cnt_l .btn_movies a .player.on {background:url(/images/main/ico_play_video_on.png) no-repeat 0 0;} #mainContainer .sec1 .cnt_l img {/* border:1px solid #b4b4b4 */} #mainContainer .sec1 .cnt_r {float:right} #mainContainer .sec1 .cnt_r .fixed_banner {overflow:hidden; margin-bottom:10px} #mainContainer .sec1 .cnt_r .fixed_banner li {float:left; margin-right:5px} #mainContainer .sec1 .cnt_r .fixed_banner li.last {margin-right:0} #mainContainer .sec1 .cnt_r .fixed_banner li a {position:relative; display:block} #mainContainer .sec1 .cnt_r .fixed_banner li .transparency {width:155px; height:120px; position:absolute; top:0; left:0; background: url(/images/cnt/_transparency2.png) no-repeat 0 0} #mainContainer .slide_banner_area {border:1px solid #dcdcdc; visibility:hidden; height:164px} #mainContainer .slide_banner_area .bx-wrapper .bx-pager {position:absolute; top:18px; height:20px; display:inline-block; *display:inline; zoom:1; text-align:left; margin:0 0 0 17px; padding:0;} #mainContainer .slide_banner_area .bx-wrapper .bx-pager.bx-default-pager a {background:url(/images/main/ico_slide_dot_02_off.png) no-repeat 0 0; text-indent: -9999px; display: block; width: 11px; height: 11px; margin: 0 8px 0 0; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} #mainContainer .slide_banner_area .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainContainer .slide_banner_area .bx-wrapper .bx-pager.bx-default-pager a.active {background:url(/images/main/ico_slide_dot_02_on.png) no-repeat 0 0;} #mainContainer .sec2 {margin-bottom:18px} #mainContainer .sec1 .board_l, #mainContainer .sec1 .board_r {border:1px solid #dcdcdc; padding:19px 17px; width:439px; height:98px} #mainContainer .sec1 .main_board {overflow:hidden; position:relative; font-family:Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif; font-size:13px; } #mainContainer .sec1 .main_board dd {margin-top:12px} #mainContainer .sec1 .main_board dd li {line-height:2} #mainContainer .sec1 .main_board dd a {color:#585858; display:block; overflow:hidden;} #mainContainer .sec1 .main_board dd a:hover {color:#f0660a} #mainContainer .sec1 .main_board dd a span {display:inline-block; *display:inline; zoom:1;} #mainContainer .sec1 .main_board dd a span.fl {width:367px; overflow:hidden; display:block} #mainContainer .sec1 .main_board dd a span.fl span {font-weight:bold; float:left; } #mainContainer .sec1 .main_board dd a span.fl span.main_tmap { width:304px; height:26px; display:inline; } #mainContainer .sec1 .main_board dd a span.spanOther {float:left} #mainContainer .sec1 .main_board dd a span.main_tmap2 {width:380px; height:26px; display:inline;} #mainContainer .sec1 .main_board dd a span.fl span.main_tmap span {width:100%; height:26px; display:block; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #mainContainer .sec1 .main_board dd a span.main_tmap2 span {float:left; width:380px; height:26px; display:block; font-weight:normal;} #mainContainer .sec1 .main_board dd a span.fl span.main_tmapforcar { width:254px; height:26px; display:inline; zoom:1} #mainContainer .sec1 .main_board dd a span.fl span.main_tmapforcar span {width:100%; height:26px; display:block; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #mainContainer .sec1 .main_board dd a span.fr {width:70px; font-weight:normal; text-align:right} #mainContainer .sec1 .main_board dd.btn_board_more a {position:absolute; top:0; right:0; padding-right:14px; color:#787878; font-weight:bold; font-size:11px; line-height:14px; background:url(/images/main/main_ico_arrow.gif) no-repeat right 0} #mainContainer .sec1 .main_board dd.btn_board_more a:hover {color:#f0660a; background:url(/images/main/main_ico_arrow_over.gif) no-repeat right 0} #mainContainer .sec1 .service {overflow:hidden; margin-top:10px} #mainContainer .sec1 .service li {float:left; margin-right:5px; border:1px solid #dcdcdc; padding:19px 0 19px 17px; width:253px; height:106px} #mainContainer .sec1 .service li .call_center dd {padding:15px 19px 0 9px; color:#666; font-family: 'TMOBI300'; font-size:12px;display:flex;justify-content:space-between; letter-spacing:-.5px } #mainContainer .sec1 .service li .call_center dd div {width:75px; position:relative; display:inline-block;} #mainContainer .sec1 .service li .call_center dd div img {position:relative; margin-left:17px; } #mainContainer .sec1 .service li .call_center dd div:after {position:absolute; right:0; top:20px; content: ""; display: inline-block;background:url(/images/main/img-ic-arrow@2x.png) no-repeat right -2px center; background-size:11px 13px; width:11px; height:13px} #mainContainer .sec1 .service li .call_center dd div p{text-align:center; margin-left:-3px; padding-top:9px} #mainContainer .sec1 .service li .call_center dd div:last-child p{padding-top:5px} #mainContainer .sec1 .service li .call_center dd div:last-child:after{background:none} #mainContainer .sec1 .service li .call_center dd div .fixed_w {width:46px; display:inline-block; font-size:12px} #mainContainer .sec1 .service li .call_center dd div.first {margin-bottom:4px} #mainContainer .sec1 .service li .call_center dd div.txt_s_wrap {line-height:13px} #mainContainer .sec1 .service li .call_center dd span {font-size:13px; font-weight:normal} #mainContainer .sec1 .service li .call_center dd span.txt_s {font-size:11px; font-weight:normal; } #mainContainer .sec1 .service li .contact_us {overflow:hidden; } #mainContainer .sec1 .service li .contact_us div {width:139px; text-align:center; font-size:11px; font-weight:bold; font-family:Dotum, 돋움;} #mainContainer .sec1 .service li .contact_us div a {padding:90px 0 0 0; line-height:1.46} #mainContainer .sec1 .service li .contact_us div a:hover {color:#f0660a} #mainContainer .sec1 .service li .contact_us .fr a {padding:98px 0 0 0} #mainContainer .sec1 .service li .contact_us .fl {background:url(/images/main/img_contact_us_qna.gif) no-repeat 50% 16px } #mainContainer .sec1 .service li .contact_us .fr {background:url(/images/main/img_contact_us_faq.gif) no-repeat 50% 18px } #mainContainer .sec1 .service li .contact_us div span {display:block} #mainContainer .sec1 .service li.last {margin-right:0; width:178px; } #mainContainer .sec1 .service li.last .family_site{padding-top:23px} #mainContainer .sec1 .service li.last .family_site a {color:#666; font-family: 'TMOBI300'; font-size:12px;} #mainContainer .sec1 .service li.last .family_site div {padding-left:24px; text-align:center; display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:2} #mainContainer .sec1 .service li.last .family_site div a:hover {color:#f0660a; } #mainContainer .sec1 .service li.last .family_site div.link_1 {background:url(/images/main/img-ic-api@2x.png) no-repeat left -2px center; background-size:20px} #mainContainer .sec1 .service li.last .family_site div.link_2 {margin-top:3px; background:url(/images/main/img-ic-mail@2x.png) no-repeat left -2px center; background-size:20px} #mainContainer .sec1 .service li.last .family_site div.link_3 {width:59px; background:url(/images/main/img_family_site_navicall.gif) no-repeat 50% center} /* topLink */ .topLink {overflow:hidden; width:1256px; padding:23px 23px 14px 23px; margin:0 auto; } .topLinkFixed {width:960px; margin:0 auto; overflow:hidden;} .topLink ul {float:right;} .topLink li {float:left; padding:0 14px 0 0; margin:0 14px 0 0; background:url(/images/common/line_top_link.gif) no-repeat right 2px; } .topLink li.last {background:none; margin-right:0; padding-right:0} .topLink li .login {padding:0 20px 0 0; background:url(/images/common/bul_all_menu.gif) no-repeat right 1px} .topLink li .allMenu {padding:0 20px 0 0; margin:0; background:url(/images/common/bul_all_menu.gif) no-repeat right 1px} .topLink li .login.close, .topLink li .allMenu.close {color:#f0660a; background:url(/images/common/bul_all_menu_close_over.gif) no-repeat right 1px} .topLink li .login.close:hover, .topLink li .allMenu.close:hover {background:url(/images/common/bul_all_menu_close_over.gif) no-repeat right 1px} .topLink li button, .menuClose button {display:inline-block; color:#5b5b5b; line-height:1.6; border:none; background:none; text-decoration: none; font-family:Dotum, 돋움; font-size:11px} .topLink li button:hover {color:#f0660a} .topLink li .login:hover, .topLink li .allMenu:hover {background:url(/images/common/bul_all_menu_over.gif) no-repeat right 1px} .topLink li button span {position:relative} /* gnb */ #header {width:100%; height: 62px;} #head { width:1302px; margin:0 auto;} #head .gnbArea {width:960px; margin:0 auto} #head h1 {float:left; margin:13px 130px 0 0} #gnb {width:960px; margin:0 auto; /*font-family: 'TMOBI500'; margin:10px 0 0 0*/} #gnb ul {} #gnb ul:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} #gnb ul li {float:left; display:inline-block; *display:inline; zoom:1; font-size:21px; padding:0 212px 5px 0; position:relative; z-index:1001} #gnb ul li.d3 {float:right; padding-right:0} #gnb ul li.last {padding:0 0 5px 0} #gnb ul li.d1 a.gnb_1, #gnb ul li.d2 a.gnb_2, #gnb ul li.d3 a.gnb_3, #gnb ul li.d4 a.gnb_4 {display:block; /* padding:0 0 22px 0; */ margin-top:13px; margin-bottom:22px} #gnb ul li.d1 a.gnb_1 {width:57px; height:22px; background:url(/images/common/gnb_1_off.png) no-repeat 0 1px} #gnb ul li.d2 a.gnb_2 {width:124px; height:22px; background:url(/images/common/gnb_2_off.png) no-repeat 0 0} #gnb ul li.d3 a.gnb_3 {width:127px; height:21px; background:url(/images/common/gnb_3_off.png) no-repeat 0 1px} #gnb ul li.d4 a.gnb_4 {width:97px; height:22px; background:url(/images/common/gnb_4_off.gif) no-repeat 0 0} #gnb ul li.d1 a.gnb_1:hover {background:url(/images/common/gnb_1_over.png) no-repeat 0 1px} #gnb ul li.d2 a.gnb_2:hover {background:url(/images/common/gnb_2_over.png) no-repeat 0 0} #gnb ul li.d3 a.gnb_3:hover {background:url(/images/common/gnb_3_over.png) no-repeat 0 1px} #gnb ul li.d4 a.gnb_4:hover {background:url(/images/common/gnb_4_over.gif) no-repeat 0 0} #gnb ul li.d1 a.gnb_1.on {background:url(/images/common/gnb_1_on.png) no-repeat 0 1px} #gnb ul li.d2 a.gnb_2.on {background:url(/images/common/gnb_2_on.png) no-repeat 0 0} #gnb ul li.d3 a.gnb_3.on {background:url(/images/common/gnb_3_on.png) no-repeat 0 1px} #gnb ul li.d4 a.gnb_4.on {background:url(/images/common/gnb_4_on.gif) no-repeat 0 0} #gnb ul li.last {padding:0} /* #gnb ul li li a {color:#4c4c4d; display:inline-block; padding:10px 0 20px 0} */ #gnb ul li li a:hover {color:#f0660a} #gnb ul li a.on {color:#d92414} #gnb ul li div {display:none; overflow:hidden; position:absolute; top:51px; /*top:40px\9;*/ padding:23px 0 0 0; z-index:10000;} #gnb ul li ul { height:0; font-family:Dotum, 돋움; border-right:1px solid #e3e3e3; padding-top:2px} #gnb ul li ul.s1 {width:255px;} #gnb ul li ul.s2 {width:326px;} #gnb ul li ul.s3 {width:164px; border:none} #gnb ul li ul.s4 {width:146px; border:none} #gnb ul li ul li {font-size:12px; display:block; width:100%; margin-bottom:22px; } #gnb ul li ul li a {display:block; width:100%; padding:0} #gnb ul li.on div {z-index:999;} #gnb ul li.on ul {height:200px; margin:0 0 10px 0} .subMenuBg02 {position:absolute; top:109px; z-index:1000; width:100%; height:240px; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom; /* display:none */} .gnbMenu02 {height:240px; background:#fbfbfb;} #depth_2, #fullMenu, #loginArea {display:none; } #loginArea {position:absolute; z-index:10000} #fullMenu {position:absolute; width:1302px; z-index:10000} .subMenuBg {overflow:hidden; position:absolute; top:109px; z-index:999; width:100%; font-family:Dotum, 돋움; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom} .gnbMenu {background:#fbfbfb;} .gnbMenu ul {overflow:hidden; width:960px; margin:0 auto 0 auto; margin:1px auto 0 auto\9} .gnbMenu ul li {float:left; border-right:1px solid #e3e3e3; ; padding:0 0 0 15px; margin:12px 0 10px 0} .gnbMenu ul li ul {display:block; width:100%} .gnbMenu ul li ul li {clear:both; display:block; padding:0; margin:10px 0} .gnbMenu ul li a:hover, .gnbMenu ul li a.on {color:#f0660a} .gnbMenu ul li.s1 {width:255px; margin-left:224px; padding:0; min-height:200px} .gnbMenu ul li.s2 {width:326px; min-height:200px} .gnbMenu ul li.s3 {width:166px; border:none; min-height:200px} .gnbMenu ul li.s4 {width:146px; border:none; min-height:200px} #fullMenu {background:#fbfbfb; width:100%; min-width:1302px} #allMenu.gnbMenu {width:1302px; margin:0 auto;} #allMenu.gnbMenu ul.first_child {width:1050px; position:relative; top:0; left:170px; margin:0} #allMenu.gnbMenu ul li {margin-top:17px} #allMenu.gnbMenu ul li a.on {color:#4c4c4d} #allMenu.gnbMenu ul li li {font-weight:bold; border:none; margin:4px 0 25px 0} #allMenu.gnbMenu ul li li li {font-weight:normal; margin:10px 0 0 2px; padding-left:8px; background:url(/images/common/bul_dot.gif) no-repeat 0 7px} #allMenu.gnbMenu ul li li li a {line-height:16px} #allMenu.gnbMenu ul li li li li {font-size:11px; background:none; padding:0; margin:10px 0 0 0} #allMenu.gnbMenu ul li.s1 {margin-left:224px} #allMenu.gnbMenu ul li.s1, #allMenu.gnbMenu ul li.s2, #allMenu.gnbMenu ul li.s3, #allMenu.gnbMenu ul li.s4 {min-height:740px} .otherMenu.gnbMenu {position:relative; border-top:1px solid #d6d6d6; padding-top:14px} .otherMenu.gnbMenu ul li {border:none; margin:17px 0 0 0} .otherMenu.gnbMenu ul li a.on {color:#4c4c4d} .otherMenu.gnbMenu ul li li {font-weight:bold; margin:10px 0 25px 0} .otherMenu.gnbMenu ul li li li {font-weight:normal; margin:10px 0 0 0; padding-left:11px; background:url(/images/common/bul_dot.gif) no-repeat 0 5px} .otherMenu.gnbMenu ul li.s1 {margin-left:225px} .otherMenu.gnbMenu ul li.s1, .otherMenu.gnbMenu ul li.s2, .otherMenu.gnbMenu ul li.s3, .otherMenu.gnbMenu ul li.s4 {min-height:178px} .otherMenu ul li.s1 {width:210px;} .otherMenu ul li.s2 {width:160px;} .otherMenu ul li.s3 {width:170px;} .otherMenu ul li.s4 {width:130px;} .allMenuOther {position:relative; width:1200px; margin:0 auto} .menuClose {position:absolute; top:165px; right:0; } .topLoginClose {top:300px; z-index:1002} .menuClose button {padding:0 20px 0 0; background:url(/images/common/bul_menu_close.gif) no-repeat right 1px} .menuClose button:hover {color:#f0660a; background:url(/images/common/bul_menu_close_over.gif) no-repeat right 1px} /* loginArea */ #loginArea {width:100%} #loginArea.topLogin {width:100%; min-width:1302px; background:#fff url(/images/common/bg_sub_menu.png) repeat-x 0 bottom; top:43px; padding:40px 0 81px 0} .loginWrap {position:relative; width:960px; margin:0 auto} .loginWrap .tmapWelcome {margin:135px 0 ; text-align:center} .loginWrap .oneidLogin {position:relative; float:left; width:411px; padding:12px 0 12px 69px} .loginWrap .oneidLogin fieldset {overflow:hidden; width:330px;} .loginForm {float:left;} .loginForm input {line-height:12px; width:236px; border:1px solid #ccc; font-weight:bold;} .loginForm .idInput {padding:8px 11px 8px 11px;} .loginForm .pwInput {padding:7px 11px 8px 11px;} .loginForm input[type="text"].idInput {border-bottom:none} .btn_login {float:right; } .loginMistake {font-size:11px; color:#d92414; text-align:center; margin-top:15px; line-height:1.4} .oneidLink {width:330px; position:absolute; top:210px; top:211px\0/IE8; overflow:hidden; } .loginWrap .signUp {float:left; border-left:1px solid #b2b2b2; padding:12px 0 12px 40px} .loginWrap .signUp .signUp_txt {margin:0 0 22px 0; text-align:center; line-height:1.8; color:#000} .loginWrap .signUp .relatedSites {overflow:hidden} .loginWrap .signUp .relatedSites li {float:left; } .loginWrap .signUp .relatedSites li a {display:block; margin:0 9px} .loginWrap .signUp .btnSignUp {text-align:center; margin-top:25px} .loginWrap .loginTxt {font-size:17px; color:#000; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; text-align:center} .loginWrap .loginTxt.txt01 {margin:0 0 54px 0} .loginWrap .loginTxt.txt02 {margin:0 0 22px 0} .loginWrap .loginTxt span {color:#d92414;} .ol_sort {position:relative; } .in_tit {position:absolute; top:0; left:0;} .in_txt {padding-left:16px; display:block} .passArea {float:right !important; margin:30px 0 0 0} .infoTxt {border:1px solid #d5d5d5; padding:32px 75px; text-align:center; margin-top:40px;} .infoTxt .txt01 {font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-size:20px; line-height:24px; color:#000; font-weight:bold; margin-bottom:15px} .infoTxt .txt02 {font-weight:bold; color:#333; line-height:20px; margin-bottom:3px} .infoTxt .txt03 {overflow:hidden; color:#7b7b7b; text-align:left; margin-top:15px} .infoTxt .txt03 .star {float:left; width:10px; line-height:20px;} .infoTxt .txt03 .txt {float:left; width:550px; color:#7b7b7b; line-height:20px} .infoTxt dl.dlBox {margin-top:17px; padding:20px; border:1px solid #d5d5d5; background:#f7f7f7; text-align:left; color:#333} .infoTxt dl.dlBox dt {font-weight:bold; margin-bottom:10px} .infoTxt dl.dlBox dd {line-height:20px} .infoTxt02 {padding:14px 18px 14px 18px; text-align:left;} .infoTxt02 .inputText {border:1px solid #ccc; padding:5px 5px 5px 5px; color:#333; vertical-align:top} .passOk {overflow:hidden;} .passOk .dlSort {float:left; color:#000} .passOk .dlSort dt {float:left; padding-right:14px; margin:0 12px 0 0; font-weight:bold; background:url(/images/common/line_row_red.gif) no-repeat right 7px; line-height:26px} .passOk .dlSort dd {float:left; font-weight:bold; line-height:26px} /* lnb */ #lnb {font-weight:bold; margin-top:47px;} #lnb .lnbSpan {display:block} /* 1 ~3 공통 */ #lnb ul li a {border-bottom:1px solid #dcdcdc; display:block; /* width:173px; */ padding:13px 0 13px 15px; font-size:15px; color:#000; background:#f1f1f1} #lnb ul li a.first {border-top:1px solid #dcdcdc} #lnb ul li.txt_2_line a {background-position:161px 26px} #lnb ul li.depth_1_other a {background:#f1f1f1} #lnb ul li.depth_1_other a:hover, #lnb ul li.depth_1_other.on a {background:#d92414} #lnb ul li a:hover {color:#fff; background:#d92414} #lnb ul li.on a {color:#fff; background:#d92414} #lnb ul li.txt_2_line a:hover {background-position:161px 26px} #lnb ul li ul {display:none} #lnb ul li ul li a {font-size:13px} #lnb ul li ul li a:hover {color:#d92414 !important; background:url(/images/common/bul_dot_red03.gif) no-repeat 15px 20px !important} #lnb ul li ul li ul li a {font-size:12px} #lnb ul li.on ul li {background:none} #lnb ul li.on ul li.on {background:none} #lnb ul li.on ul.depth_2 li.depth_2_other {} #lnb ul li ul li a {color:#5a5a5a !important; width:165px; padding:13px 0 13px 23px; font-size:13px; background:#fff url(/images/common/bul_dot_grey_02.gif) no-repeat 15px 20px !important} #lnb ul li.on ul li a:hover, #lnb ul li.on ul li.on a {color:#d92414 !important; background:url(/images/common/bul_dot_red03.gif) no-repeat 15px 20px !important} /* #lnb ul li ul li:hover .ico_menu_2 {background:url(/images/btn/btn_lnb_open_2_over.gif) no-repeat 0 0} */ /* 3depth */ #lnb ul li ul.depth_2 li ul li a {font-size:12px; padding:5px 0 6px 24px; background:url(/images/btn/btn_lnb_3_off.gif) no-repeat 15px 13px !important; border:none; color:#5a5a5a !important; font-weight:normal;} #lnb ul li ul.depth_2 li ul li a:hover {color:#d92414 !important; text-decoration:underline; background:url(/images/btn/btn_lnb_3_on.gif) no-repeat 15px 13px !important} #lnb ul li ul.depth_2 li {position:relative;} #lnb ul li.on ul.depth_2 li.on {} #lnb ul li.on ul.depth_2 li.on li {background:url(/images/btn/btn_lnb_3_off.gif) no-repeat 15px 13px !important} #lnb ul li.on ul.depth_2 li.on li.on {background:url(/images/btn/btn_lnb_3_on.gif) no-repeat 15px 13px !important} #lnb ul li.on ul.depth_2 li.on li a {border:none; color:#5a5a5a !important; font-size:12px; font-weight:normal; background:url(/images/btn/btn_lnb_3_off.gif) no-repeat 15px 13px !important} #lnb ul li.on ul.depth_2 li.on li a:hover, #lnb ul li.on ul.depth_2 li.on li.on a {color:#d92414 !important; text-decoration:underline; background:url(/images/btn/btn_lnb_3_on.gif) no-repeat 15px 13px !important} #lnb ul li.on ul.depth_2 li.on li.depth_4 a {background:none !important;} #lnb ul li ul li ul {display:none; margin:8px 0 0 0; padding-bottom:8px; border-bottom:1px solid #dcdcdc} #lnb ul li ul.depth_2 {padding:0; overflow:hidden;} /* 닫힌 회색 */ #lnb ul li.lnb_ico {position:relative; line-height:1.3} #lnb ul li.lnb_ico:hover .ico_menu_1 {background:url(/images/btn/btn_lnb_open_over.gif) no-repeat 0 0;} #lnb ul li.lnb_ico.other .ico_menu_1.close_off {background:url(/images/btn/btn_lnb_close_over.gif) no-repeat 0 0;} #lnb ul li.lnb_ico.other .ico_menu_1.close_off:hover {background:url(/images/btn/btn_lnb_close.gif) no-repeat 0 0;} #lnb ul li.lnb_ico.other.depth_1_other_open:hover .ico_menu_1.close_off {background:url(/images/btn/btn_lnb_close.gif) no-repeat 0 0;} #lnb ul li.lnb_ico .ico_menu_1 {margin:0; padding:0; border:none; cursor:pointer; position:absolute; top:17px; right:12px; width:13px; height:13px; background:url(/images/btn/btn_lnb_open.gif) no-repeat 0 0;} /* 열린 회색 */ #lnb ul li.lnb_ico .ico_menu_1.close_off {background:url(/images/btn/btn_lnb_close_over.gif) no-repeat 0 0} /* 닫힌 빨간색 */ #lnb ul li.lnb_ico.over a {background:#d92414; color:#fff} #lnb ul li.lnb_ico .ico_menu_1:hover, #lnb ul li.lnb_ico .ico_menu_1.redClose {background:url(/images/btn/btn_lnb_open_over.gif) no-repeat 0 0} #lnb ul li.lnb_ico .ico_menu_1 span {display:none} /* 열린 빨간색 */ #lnb ul li.lnb_ico .ico_menu_1.on, #lnb ul li.lnb_ico .ico_menu_1.on:hover {background:url(/images/btn/btn_lnb_close.gif) no-repeat 0 0;} #lnb ul li.lnb_ico .ico_menu_2 {margin:0; padding:0; border:none; cursor:pointer; position:absolute; top:16px; right:12px; width:13px; height:13px; background:url(/images/btn/btn_lnb_open_2.gif) no-repeat center center;} #lnb ul li.lnb_ico .ico_menu_2:hover {background:url(/images/btn/btn_lnb_open_2_over.gif) no-repeat center center;} #lnb ul li.lnb_ico .ico_menu_2 span {display:none} #lnb ul li.lnb_ico .ico_menu_2.on {background:url(/images/btn/btn_lnb_close_2_over.gif) no-repeat center center;} #lnb ul li.lnb_ico ul.depth_2 li.on .ico_menu_2.close {background:url(/images/btn/btn_lnb_open_2_over.gif) no-repeat center center;} #lnb ul li.lnb_ico li.over .ico_menu_2.off {background:url(/images/btn/btn_lnb_close_2_over.gif) no-repeat center center;} #lnb ul li.lnb_ico .ico_menu_2.off {background:url(/images/btn/btn_lnb_close_2.gif) no-repeat center center;} #lnb ul li.on ul.depth_2 li.over a {color:#d92414 !important; background:url(/images/common/bul_dot_red03.gif) no-repeat 15px 20px !important;} #lnb ul li.on ul.depth_2 li.over li a {font-size:12px; padding:5px 0 6px 24px; background:url(/images/btn/btn_lnb_3_off.gif) no-repeat 15px 13px !important; border:none; color:#5a5a5a !important; font-weight:normal;} #lnb ul li ul.depth_2 li.over a {color:#d92414 !important; background:url(/images/common/bul_dot_red03.gif) no-repeat 15px 20px !important;} #lnb ul li ul.depth_2 li.over li a {font-size:12px; padding:5px 0 6px 24px; background:url(/images/btn/btn_lnb_3_off.gif) no-repeat 15px 13px !important; border:none; color:#5a5a5a !important; font-weight:normal;} #lnb ul li ul.depth_2 .depth_2_other .ico_menu_2 {background:url(/images/btn/btn_lnb_open_2.gif) no-repeat center center} #lnb ul li ul.depth_2 .depth_2_other:hover .ico_menu_2 {background:url(/images/btn/btn_lnb_open_2_over.gif) no-repeat center center;} #lnb ul li ul.depth_2 .depth_2_other:hover .ico_menu_2.off {background:url(/images/btn/btn_lnb_close_2_over.gif) no-repeat center center;} #lnb ul li.on ul.depth_2 .depth_2_other .ico_menu_2 {background:url(/images/btn/btn_lnb_open_2_over.gif) no-repeat center center;} #lnb ul li.on ul.depth_2 .on.depth_2_other:hover .ico_menu_2 {background:url(/images/btn/btn_lnb_close_2_over.gif) no-repeat center center;} #lnb ul li.on ul.depth_2 .on.depth_2_other:hover .ico_menu_2.on.close {background:url(/images/btn/btn_lnb_open_2_over.gif) no-repeat center center;} #lnb ul li.on ul.depth_2 .depth_2_other .ico_menu_2.off {background:url(/images/btn/btn_lnb_close_2_over.gif) no-repeat center center;} #lnb ul li.on ul.depth_2 .ico_menu_2.close.off:hover {background:url(/images/btn/btn_lnb_close_2_over.gif) no-repeat center center;} /* lnb_depth_my */ #lnb.lnb_depth_my {} #lnb.lnb_depth_my ul.depth_1 li.depth_2 a {display:block; width:173px; padding:13px 0 13px 13px; font-size:13px; color:5a5a5a; background:none} #lnb.lnb_depth_my ul.depth_1 li.depth_2.on a {color:#fff; background:#d92414 url(/images/common/bul_lnb_arrow.gif) no-repeat 165px 16px} /* sub layout */ #contentsArea {width:960px; margin:28px auto 60px auto} #contents {clear:both; width:960px;} #lnb {float:left; width:186px; margin-right:38px} #lnb h2 {margin:0 0 25px 0} #cnt {float:left; width:736px; font-family:Dotum, 돋움;} #cnt h3 {width:100%; padding:29px 0 0 0; height:48px; margin:0 0 24px 0; border-bottom:1px solid #000} #cnt.midArea h3 {margin-bottom: 0px;} #contents:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} #footer {clear:both; width:100%; font-family:Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;} .mapFoot {width:960px; overflow:hidden; border-top:1px solid #d6d6d6; padding:27px 0; margin:0 auto} #footer .footLink {overflow:hidden;} #footer .footLink li {float:left; margin:0 17px 0 0; padding:0 20px 0 0 ; background:url(/images/common/line_link_footer.gif) no-repeat right 1px; background:url(/images/common/line_link_footer.gif) no-repeat right 0 \0/IE8;} #footer .footLink li.last {background:none} #footer .footLink li a {color:#8f8f8f; font-weight:bold} #footer .footLink li a.other {color:#d92414} #footer .footLink li a:hover {color:#f0660a} #footer address {color:#8f8f8f; font-size:11px; margin:15px 0 0 0; line-height:1.4} #footer address span {display:block; } #footer .footLogo {margin:10px 0 0 0} /* location */ #location {float:right} #location li {float:left; font-size:11px; font-family:Dotum, 돋움; padding: 0 14px 0 0; margin:0 9px 0 0; background:url(/images/common/location_arrow.gif) no-repeat right 1px;} #location li img, #location li a {vertical-align:middle; display:block; color:#5a5a5a} #location li a:hover {text-decoration:underline !important; color:#f0660a !important} #location li.last {background:none; font-weight:bold; padding:0; margin:0} #location li.other {background:none; font-weight:bold; padding:0; margin:0} /* pagination */ .pagination {text-align:center; margin:50px 0 0 0} .pagination li {width:17px; height:17px; display:inline-block; *display:inline; zoom:1; vertical-align:middle} .pagination .btn_paging.mr6 a {display:block; text-indent:-5000px; background:url(/images/btn/btn_prev_off.gif) no-repeat 0 0} .pagination .btn_paging.mr6 a:hover {background:url(/images/btn/btn_prev_on.gif) no-repeat 0 0} .pagination .btn_paging.ml6 a {display:block; text-indent:-5000px; background:url(/images/btn/btn_next_off.gif) no-repeat 0 0} .pagination .btn_paging.ml6 a:hover {background:url(/images/btn/btn_next_on.gif) no-repeat 0 0} .pagination li a {line-height:17px; display:block; color:#000; font-weight:bold; text-align:center;} .pagination li a:hover {text-decoration:underline !important; color:#f0660a !important} .pagination li a.on {color:#d92414} .pagination li a, .pagination li img {vertical-align:middle} /* tmap */ .resultsNum {margin:35px 0 10px 0;font-weight:bold; font-size:12px; color:#000} .resultsNum span {font-family:Malgun Gothic,맑은 고딕; font-weight:normal; font-size:13px} .resultsNum02 {overflow:hidden; } .resultsNum02 div {font-family:Malgun Gothic,맑은 고딕; font-size:13px} .phoneList {overflow:hidden; border-top:1px solid #cdcdcd; padding:14px 0 0 0} .phoneList li {float:left; margin:0 4px 30px 0;} .phoneList li.last {margin:0 0 30px 0} .phoneList li .thumPhone {margin:0 0 10px 0; border:1px solid #e7e7e7; width:179px; height:165px; display:block; position:relative; } .phoneList li .transparency {width:179px; height:165px; position:absolute; top:1px; left:1px; background: url(/images/cnt/_transparency.png) no-repeat 0 0;} .phoneList li .thumPhone img {width:179px; height:165px; } .phoneList li .thumPhone02 {width:123px; height:123px; padding:21px 28px;} .phoneList li .thumPhone02 img {width:123px; height:123px; margin-bottom:0 !important} .phoneList li .divisionInfo {position:relative; text-align:center; color:#000; line-height:1.6; height:261px;} /* 원복 시 높이 값 수정되어야함 */ .phoneList li .divisionInfo a {color:#000;} .phoneList li .divisionInfo a:hover {color:#f0660a} .phoneList li .divisionInfo span {display:block; font-size:12px} .phoneList li .divisionInfo span strong {font-size:13px} .phoneList li .divisionInfo.listHover:hover {color:#f0660a; cursor:pointer} .phoneList li .divisionInfo.listHover span img {margin-bottom:10px; } .phoneList li .divisionInfo02 {height:280px;} /* 원복 시 높이 값 수정되어야함 */ .phoneList li .divisionInfo02:hover {color:#f0660a} .phoneList li .divisionInfo02 a {display:block; margin-top:5px} /* 설치파일/맵다운로드 상세 */ .phoneResults {overflow:hidden; margin-top:40px;} .phoneResults .phoneView {float:left; width:219px; height:182px; border:1px solid #ccc; margin-right:39px; padding:18px 0 0 0; text-align:center} .phoneResults .phoneView img {width:179px; height:165px;} .phoneResults .mobileArea {float:left; font-weight:bold; color:#000; width:450px; margin-top:55px} .phoneResults .mobileArea .mobileBrand {font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-size:24px; } .phoneResults .mobileArea .mobileEmphysema {font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-size:18px; font-weight:normal; margin-top:10px} .phoneResults .mobileArea .mobileResolution {font-size:13px; margin-top:20px; padding:0 0 0 12px; background:url(/images/common/bul_dot_red.gif) no-repeat 0 5px} .install_view {letter-spacing:-0.04em; margin-top:50px} .install_view .installation_file, .install_view .map_file {overflow:hidden; display:inline-block; color:#969696} .install_view .installation_file {margin-right:17px} .install_view .installation_file .tit, .install_view .map_file .tit {float:left; background:#f2f2f2; width:51px; text-align:center; padding:7px 0 5px 0; color:#000; font-size:11px; display:inline-block; border:1px solid #ccc; border-right:none} .install_view .installation_file .cnt, .install_view .map_file .cnt {float:left; border:1px solid #ccc; padding:7px 0 4px 6px;} /* tab */ .colsTab {width:736px; margin-top:50px;} .colsTab .ui-state-hover, .colsTab .ui-widget-content .ui-state-hover, .colsTab .ui-widget-header .ui-state-hover {background:#f6f6f6; border:1px solid #dcdcdc; border-bottom:none} .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active.ui-state-hover {background:#fff; border:1px solid #aaa; border-bottom:none} #mapdownList {} #mapdownList .no_file {text-align:center; color:#d92414; border:1px solid #aaa; border-top:none; line-height:200px} #mapdownList .listDown {position:relative; overflow:hidden; cursor:pointer; clear:both; padding:14px 5px 16px 5px; border-top:1px solid #dcdcdc; font-family:Dotum, 돋움; z-index:99} #mapdownList .listDown ul {overflow:hidden; } #mapdownList .listDown li {float:left; } #mapdownList .listDown li.titFile {font-weight:bold; color:#333; width:166px; font-size:13px; height:18px} #mapdownList .listDown li.titSubject {width:410px; padding-right:5px; color:#333; font-weight:bold; font-size:13px} #mapdownList .listDown.on li.titSubject {color:#ccc} #mapdownList .listDown .titbtnDown {position:absolute; top:10px; right:40px; width:104px; height:29px; background:url(/images/btn/btn_file_down.gif) no-repeat 0 0; z-index:999} #mapdownList .listDown.on {cursor:default} #mapdownList .listDown.on .titbtnDown, #mapdownList .listDown.on span {display:none} #mapdownList .listDown .titbtnDown:hover, .listDown .titbtnDown:focus {background:url(/images/btn/btn_file_down_over.gif) no-repeat 0 0} #mapdownList .downContens.on {padding:0; border:none; height:0 !important} #nTabA01.ui-tabs-panel.ui-widget-content.ui-corner-bottom {padding:0} #mapdownList .ui-widget {font-size:13px} #mapdownList .ui-state-default, #mapdownList .ui-widget-content .ui-state-default, #mapdownList .ui-widget-header .ui-state-default {border:none; border-bottom:1px solid #dcdcdc; background:#fff; color:#333} #mapdownList .ui-widget-content {color:#333} #mapdownList .ui-accordion {padding:0} .ui-accordion .listDown.ui-accordion-header {padding:16px 5px 16px 5px; margin:0} #mapdownList .ui-icon {width:11px; height:7px} #mapdownList .ui-accordion-header .ui-accordion-header-icon {top:50%; left:710px; margin:0} #mapdownList .ui-state-default .ui-icon {background:url(/images/btn/btn_arrow_open.gif) no-repeat 0 0} #mapdownList .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background:url(/images/btn/btn_arrow_open_over.gif) no-repeat 0 0} #mapdownList .ui-state-active .ui-icon {background:url(/images/btn/btn_arrow_close.gif) no-repeat 0 0} .listDown.ui-accordion-header.ui-state-default.ui-accordion-icons.ui-accordion-header-active.ui-state-active.ui-corner-top:hover .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {background:url(/images/btn/btn_arrow_close_over.gif) no-repeat 0 0 !important} #mapdownList .ui-accordion-content {height:auto !important; padding:20px 10px; font-size:12px; color:#000; font-family:Dotum, 돋움; background:#fafafa; border-bottom:1px solid #dcdcdc} #mapdownList .ui-state-active, #mapdownList .ui-widget-content.ui-state-active, #mapdownList .ui-widget-header.ui-state-active {border:none;} #mapdownList .ui-state-active {border-bottom:1px solid #dcdcdc} .billiardShow {overflow:hidden;} .billiardShow .icon {float:left; width:20px} .billiardShow .txt {float:left; width:670px} .cnt_area {color:#000} .cnt_area .cntTit {font-size:20px; line-height:24px; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif} .cnt_area .cntSubTit {font-size:16px; line-height:24px; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; padding-left:12px; background:url(/images/common/bul_dot_red02.gif) no-repeat 0 11px} .cnt_area .cntSubTit02 {font-size:15px; line-height:24px; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif;} .cnt_area .cntSubTit03 {font-size:14px; line-height:20px; font-weight:bold; color:#d92414; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif;} .cnt_area .cntSubTit04 {font-size:14px; line-height:20px; font-weight:bold; color:#000; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif;} .cnt_area .cntSubTit05 {font-size:15px; line-height:24px; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; padding-left:12px; background:url(/images/common/bul_dot_red02.gif) no-repeat 0 11px} .cnt_area .cntSubTxt {font-size:12px; line-height:22px; padding-left:12px; background:url(/images/common/bul_dot_red02.gif) no-repeat 0 9px} .cnt_area .cntSubTxt02 {font-size:15px; font-weight:bold; color:#f0660a} .cnt_area .commonTxt {position:relative; font-size:12px; line-height:20px; } .cnt_area .commonTxt02 {font-size:11px; line-height:20px; color:#4c4c4d} .cnt_area .dotTxt {font-size:12px; line-height:20px; padding-left:12px; background:url(/images/common/bul_dot.gif) no-repeat 0 10px; text-align:left; } .cnt_area .dotTxt02 {font-size:11px; line-height:20px; color:#4c4c4d; padding:0 0 0 9px; background:url(/images/common/bul_dot_gray_03.gif) no-repeat 0 10px} .cnt_area .dotTxt03 {font-size:12px; line-height:20px; color:#333; padding:0 0 0 9px; background:url(/images/common/bul_dot_02.gif) no-repeat 0 9px; text-align:left; } .cnt_area .cntBg {min-height:156px; padding:0 229px 0 0; background:url(/images/tmap/bg_tmap_datafree.jpg) no-repeat right 7px} .commonImg {margin-top:14px} .cnt_area .btnCnt_01 {} .cnt_area div .txt_red_stress {font-size:12px ; font-weight:normal; color:#d92414; font-family:Dotum, 돋움} /* 빨간색 */ .cnt_area .btn_txt_link {padding-right:10px; color:#0e58ff; background:url(/images/common/ico_link_blue.gif) no-repeat right 2px} .cnt_area .btn_txt_link2 {color:#0e58ff;} .cnt_area .btnAvailableTerminal {position:absolute; bottom:5px; right:0} .jaguar {background:url(/images/tmap_for_car/img_jaguar_logo.jpg) no-repeat 489px 0} .cnt_area .sortTxt {width:533px; margin:20px auto 0 auto;} .cnt_area .sortTxt .fl {width:240px; text-align:left; line-height:20px} /* cnt-aivi - smart navigation 레이아웃스타일 공통 사용 */ /* light300, regular400, medium 500, bold700 */ .cnt-aivi{font-family: 'Noto Sans KR', sans-serif !important; font-weight:400; color:#333 !important} .cnt-aivi h3{margin-top:20px !important;padding:0 0 10px 0 !important;; font-family: inherit; font-weight:700; font-size:32px; color:#333; letter-spacing:-.2px;} .cnt-aivi .cntTit {font-family: inherit;font-weight: 700;font-size: 20px;color: #333 !important} .cnt-aivi div.cntTit:first-child{font-weight:500; font-size:24px } .cnt-aivi .commonTxt {font-family: inherit; color:#4d4d4d; letter-spacing:-.03px} .cnt-aivi .commonTxt2 { font-family: inherit; font-weight: 700; color: #000; letter-spacing: 0px} .cnt-aivi .tabConnect li a{font-family: inherit;color:#000;} .cnt-aivi .tabConnect li.on a{font-weight:700} .cnt-aivi .cntSubTit {font-family: inherit;font-weight: 700;color: #333 !important} .cnt-aivi .fontMg {font-family: inherit;font-weight:700} .cnt-aivi .mapCommonBtn {padding-right:91px} .cnt-aivi .mapCommonBtn span{font-family: inherit !important;font-weight:700;} .cnt-aivi .box1{width:390px; padding:0;display:inline-flex} .cnt-aivi .box1 span{width:389px;padding:0;} /* customer - aivi/smart navigation */ .cnt-aivi .titH4{font-family: inherit !important;font-weight:400; font-size:24px; margin:66px 0 16px;color:#333} .cnt-aivi .txt{font-family: inherit !important;font-weight:700;letter-spacing:-.03px; color:#000 } .cnt-aivi .tabConnect06 li a{line-height:3; height:38px} .cnt-aivi .prodUpdateIntro3{width:auto; padding:44px 31px 63px} .cnt-aivi .prodUpdateIntro3 dl{ padding:0; padding-right:40px} .cnt-aivi .prodUpdateIntro3 dl dt{font-family: inherit !important;} .cnt-aivi .prodUpdateIntro3 dl dd{font-family: inherit !important; font-size:16px} .cnt-aivi .prodUpdateIntro3 .add-txt{padding:0 !important; padding-top:44px !important; } .prodUpdateIntro3 .add-txt-bold{line-height:21px} .cnt-aivi .prodUpdateIntro3 .add-txt, .cnt-aivi .prodUpdateIntro3 .add-txt-red, .cnt-aivi .prodUpdateIntro3 .add-txt-bold{font-family: inherit !important;letter-spacing:-.1px;} .cnt-aivi .prodUpdateIntro4{width:auto; padding:44px 30px 63px} .cnt-aivi .prodUpdateIntro4 dl{float:left; width:30%; padding:0;} .cnt-aivi .boardList th{font-family: inherit !important; font-size:14px; color:000;} .cnt-aivi .boardList button.btnInstall{background:url(/images/btn/btn_install_open02.png) no-repeat 0 0; background-size:104px 29px} .cnt-aivi .boardList button.btnInstall:hover {background:url(/images/btn/btn_install_open02.png) no-repeat 0 0;background-size:104px 29px} .cnt-aivi .boardList button.btnInstall.on {background:url(/images/btn/btn_install_open02_over.png) no-repeat 0 0 !important;background-size:104px 29px !important} .cnt-aivi .boardList button.btnInstall.on:hover {background:url(/images/btn/btn_install_open02_over.png) no-repeat 0 0 !important;background-size:104px 29px !important} .longBtn {overflow:hidden; margin:30px 0 0 0} .longBtn a {width:364px; padding:8px 0 8px 0; text-align:center; background:url(/images/tmap_for_car/bg_mapBtn_off.gif) no-repeat 0 0; line-height:16px; font-weight:bold; color:#464646; } .longBtn a:hover {background:url(/images/tmap_for_car/bg_mapBtn_on.gif) no-repeat 0 0;} .cnt_table_list {width:100%} .cnt_table_list caption {visibility:hidden; font-size:0; width:0; height:0; line-height:0} .cnt_table_list th {padding:8px 0; border:1px solid #dcdcdc; background:#f5f5f5; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-size:12px; color:#000; } .cnt_table_list td {color:#333; padding:13px; text-align:center; border:1px solid #dcdcdc; line-height:16px} .cnt_table_list td.other {background:#fbfbfb} .cnt_area .introductionImg {margin:26px 0 20px 0} .youtube_area {position:relative; margin-top:60px; height:414px} .youtube_area .image_play {position:absolute; top:0; left:0;} .repList {border:1px solid #ccc; padding:52px 21px; margin-top:21px} .repList ul {overflow:hidden; } .repList ul li {float:left; margin-right:17px;} .repList ul li.last {margin-right:0} .repList2 {position:relative; padding:52px 12px;} .repList2 ul li {margin-right:8px} .repList3 {width:632px; margin-top:28px; border:1px solid #dcdcdc; background:#fbfbfb; padding:30px 39px; text-align:center} .repList4 {width:668px; margin-top:28px; border:1px solid #dcdcdc; background:#fbfbfb; padding:30px 21px; text-align:center} .sort_wrap {overflow:hidden; } .sort_wrap .time {float:left; margin-right:30px} .sort_wrap .mail {float:left; } .sort_wrap .mail a:hover {border-bottom:1px solid #333} .repList5 ul {overflow:hidden; } .repList5 ul li {float:left; margin-right:10px;} .repList5 ul li.last {margin-right:0} .repList6 {margin-top:58px; border:1px solid #dcdcdc; background:#f8f8f8; padding:30px 0 30px 43px} .repList6 > ul > li {position:relative; margin-bottom:55px; } .repList6 > ul > li.last {margin-bottom:0} .repList6 .install_sms_agree {margin:0 0 0 110px} .btn_install_down_link_sent {margin:22px 0 0 96px} .repList8 {border:1px solid #dcdcdc; background:#f8f8f8; padding:30px; text-align:left; } .repList8 .boxTitle {font-size:15px; line-height:24px; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; } .repList8 .boxTitle span {color:#d92414;} .repList8 div {line-height:20px} .step {position:absolute; top:0; left:0} .step_cnt {} .step_cnt dt {padding-left:110px; line-height:21px; font-size:16px; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif} .step_cnt dd {margin-top:24px} .step_cnt .img {display:inline-block; width:71px; text-align:center; vertical-align:top;} .step_cnt .cnt_view {display:inline-block; margin-left:39px} .step_cnt .cnt_view .addDescription {color:#4c4c4d} #recaptcha {width:304px; height:78px; margin:30px auto 0 auto;} /* select box */ .step_cnt .ck_num {/* color:#f0660a; */ margin-left:10px} .step_cnt .ck_num span {font-weight:bold} .step_cnt input[type="text"] {height:28px !important; padding:0 4px; line-height:30px;} .step_cnt .phoneNumber div.fancy-select div.trigger {width:50px; padding:8px 0 6px 8px; padding:10px 0 6px 8px \0/IE8} .step_cnt .phoneNumber div.fancy-select div.trigger:hover {border:1px solid #969696} .step_cnt .phoneNumber div.fancy-select ul.options {min-width:58px !important;} .step_cnt .phoneNumber div.fancy-select ul.options.open {width:58px !important;} /* .selectFrm .selectboxit-container .selectboxit {} #contents .selectFrm.secondSelect .selectboxit-btn {width:auto !important} */ #contents .selectFrm .selectboxit-btn, #contents .inputBox .selectboxit-btn {width:116px !important} #contents .select_design .selectboxit-btn {width:228px !important} #contents .phoneNumber .selectboxit-btn, ,.loginWrap .phoneNumber .selectboxit-btn {width:60px !important} #contents .selectboxit-btn, .selectFrm .selectboxit-btn { cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: #fff; color: #333; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; } #contents .inputBox .selectboxit-container #contents .boardView td.select_design span.selectboxit-container, .loginWrap .tbl_cfct td span.selectboxit-container, .loginWrap .tbl_cfct td span.selectboxit-container .selectboxit-option-icon-container {margin-left:0; } #contents .selectboxit-container .selectboxit-options, .selectFrm .selectboxit-container .selectboxit-options {width:118px !important} #contents .selectFrm2 .selectboxit-container .selectboxit-options {min-width:100% !important} #contents .phoneNumber .selectboxit-container .selectboxit-options, .loginWrap .phoneNumber .selectboxit-container .selectboxit-options {width:62px !important} #contents .select_design .selectboxit-container .selectboxit-options {width:230px !important} .loginWrap .selectboxit-option, #contents .selectboxit-option, .selectFrm .selectboxit-option, .selectboxit-optgroup-header { font-size:11px; /* padding:6px 0 6px 8px; */ color: #5a5a5a; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; } #contents .selectboxit-option a, .loginWrap .selectboxit-option a , .selectFrm .selectboxit-option a, .selectFrm2 .selectboxit-option a {padding:6px 0 6px 8px;} #contents .selectboxit-container span.selectboxit-text {max-width:100% !important} #contents .selectFrm .selectboxit-container span {height:25px; line-height:25px; } #contents .selectFrm2 .selectboxit-container span {height:25px; line-height:25px; } #contents .select_design .selectboxit-container span {height:25px; line-height:25px;} #contents .inputBox .selectboxit-container {float:left; margin-right:6px} #contents .inputBox .selectboxit-container .selectboxit-container {margin-right:0} #contents .selectboxit-container span {height:29px; line-height:29px; } #contents .phoneNumber .selectboxit-container span, .loginWrap .phoneNumber .selectboxit-container span {height:28px; line-height:28px;} .selectboxit-btn.selectboxit-focus.selectboxit-open .selectboxit-default-arrow { border: 4px solid transparent; border-bottom-color: #000; top:26% !important; } /* checkbox common */ .check_area input[type="checkbox"], .check_area input[type="radio"]{border:none;} .check_area label.checkbox_label {margin-right:100px; margin-left:22px; cursor:pointer} .check_area label.radio_label {margin-right:100px; margin-left:3px; cursor:pointer} .check_area .icheckbox_square-blue, .check_area .iradio_square-blue {left:0} .repList7 {border:1px solid #ccc; padding:20px 20px 19px 20px; margin-top:30px; line-height:2; font-weight:bold;} .repList7 .addDescription {font-weight:normal; color:#333; line-height:1.6} .slide_btn_area a {position:absolute; top:50%; margin-top:-20px; width:11px; height:23px; z-index:9999;} .prevBtn {left:13px} .nextBtn {right:13px} .cnt_area .bx-wrapper .bx-controls-direction a {top:-9999999px; background:none} .imgCenter {text-align:center; margin:111px 0 0 0} .imgCenter .img {marign:42px 0 0 0;} .imgCenter .btnLink {margin:42px 0 17px 0;}/*marign-bottom:17px*/ /* tmap_for_car */ #tmapForCar {position:relative; } #tmapForCar h4, .titH4 {font-size:20px; color:#000; margin:45px 0 20px 0; font-weight:bold; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; letter-spacing:-0.02em} .titH4ohter {margin-top:70px} #tmapForCar .titH4ohter a {vertical-align:middle; display:inline-block; *display:inline; zoom:1; margin-left:10px} #tmapForCar .titOhter {color:#ed1b24; font-size:22px} #tmapForCar .txt01 {color:#000; } #tmapForCar .txt02 {line-height:1.6} .imgSmartConnect {position:absolute; top:0; right:13px;} .prodUpdateIntro {position:relative; width:734px; height:200px; margin:20px 0; border:1px solid #dcdcdc; background:url(/images/tmap_for_car/bg_prodUpdateIntro.gif) no-repeat 0 -10px} .prodUpdateIntro .thum {width:355px; text-align:center; padding:35px 0 0 0; } .prodUpdateIntro .thum img {width:200px; height:130px} .prodUpdateIntro dl {position:absolute; top:49px; left:420px; width:300px} .prodUpdateIntro dl dt {color:#6f6f6f; font-weight:bold} .prodUpdateIntro dl dd {margin:2px 0 24px 0; font-size:18px; color:#f0660a; font-family:Malgun Gothic,맑은 고딕} /* 20190616 추가 Start */ .prodUpdateIntro2 {position:relative; width:734px; margin:20px 0; border:1px solid #dcdcdc; background:url(/images/tmap_for_car/bg_prodUpdateIntro.gif) no-repeat 0 -10px} .prodUpdateIntro2 .thum {width:355px; text-align:center; padding:35px 0 0 0; float:left; } .prodUpdateIntro2 .thum img {width:200px; height:130px} .prodUpdateIntro2 dl {float:right; padding:49px 15px 0 0; width:300px} .prodUpdateIntro2 dl dt {color:#6f6f6f; font-weight:bold} .prodUpdateIntro2 dl dd {margin:2px 0 24px 0; font-size:18px; color:#f0660a; font-family:Malgun Gothic,맑은 고딕} .prodUpdateIntro2 .add-txt{clear:both; padding:40px 20px 20px;} .prodUpdateIntro2 .add-txt p{padding-bottom: 10px} .prodUpdateIntro3 dl{float:left; padding-left:20px; } .prodUpdateIntro3 dl dt{font-size:14px} .prodUpdateIntro3 dl:nth-of-type(1){width:210px} .add-txt-red {color:#d92414; font-family:Dotum, 돋움; line-height:20px; letter-spacing:-0.02em} .add-txt-bold {color:#333; font-family:Dotum, 돋움; line-height:20px; letter-spacing:-0.02em; font-weight: bold} .add-txt-bold-red{color:#d92414; font-family:Dotum, 돋움; line-height:20px; letter-spacing:-0.02em; font-weight: bold} .add-txt-black{color:#333; font-family:Dotum, 돋움; line-height:20px; letter-spacing:-0.02em;} /* 20190616 추가 End */ .tabConnect {} .tabConnect ul {border-bottom:1px solid #aaa;} .tabConnect li {float:left; width:146px; border-bottom-width:0 !important; border:1px solid #dcdcdc; background:#f6f6f6; border-left:none} .tabConnect li.bly {border-left:1px solid #dcdcdc} .tabConnect li.onOther {border-left:1px solid #dcdcdc; border-right:none} .tabConnect li.on {margin-bottom:-1px; padding-bottom:2px; border:1px solid #aaa; background:#fff} .tabConnect li.other {width:142px} .tabConnect li a {font-family:Malgun Gothic,맑은 고딕; font-size:14px; display:block; padding:18px 0 17px 0; text-align:center; color:#1e1e1e;} .tabConnect li.other a {padding-top:8px; padding-top:9px \0/IE9; padding-bottom:8px} .tabConnect li.on a {color:#d92414; font-weight:bold; background:#fff; } .tabConnect li a span {display:block} .tabConnect ul:before, .tabConnect ul:after {content: "";display: table;border-collapse: collapse;} .tabConnect ul:after {clear: both;} .tabConnect ul {min-height: 0; /* support: IE7 */} .tabConnect ul.type2 li {border: 0px; background: #fff; height:54px; padding:0px; position: relative;} .tabConnect ul.type2 li.on {margin-bottom:0px;} .tabConnect ul.type2 li a {padding:0px; height:100%; line-height: 54px;} .tabConnect ul.type2 li.on a {position: absolute; top:0px; left:0px; height:52px; border-bottom: 3px solid #d92414; width:100%;} .tabConnect02 li a {padding:10px 0 12px 0} .tabConnect03 li {width:166px} .tabConnect04 li {width:178px} .tabConnect05 li {width:183px} .tabConnect05 li.on {width:182px; margin-left:-1px} .tabConnect05 li.on.first {margin-left:0} .tabConnect06 li {width:244px} .tabConnect06 li.on {width:243px; margin-left:-1px} .tabConnect06 li.on.first {margin-left:0} .tabWidth{position:relative; overflow: hidden; } .tabWidth:after{ content:''; display: block; position: absolute; left: 0; bottom: 10px; border-bottom:1px solid #aaa; width:100%} .tabWidth ul {border-bottom: 0; } .tabWidth li{ margin-bottom: 10px; width:80px !important;} /* 버전업 될때마다 바뀜 */ .tabWidth li:first-child{border-left:1px solid #dcdcdc;} .tabWidth li.on:first-child{border-left:1px solid #aaa;} .tabWidth li.on{margin-bottom:10px; padding-bottom: 0} .update_info {display:none;} .update_info.first {display:block;} .txtBox {border:1px solid #dcdcdc; padding:23px 20px} .txt {color:#333; font-family:Dotum, 돋움; line-height:20px; letter-spacing:-0.02em} .txt span {font-weight:bold} .certification_process {overflow:hidden; padding:0 0 0 97px; margin:35px 0 0 0} .certification_process li {float:left; margin-right:104px} .certification_complete {padding:47px 0 50px 0; text-align:center; border:1px solid #dcdcdc; border-top:none; } .certification_complete span {font-family:Malgun Gothic,맑은 고딕; padding:0 0 0 36px; background:url(/images/common/bul_check.gif) no-repeat 0 80%; color:#e53424; font-size:22px; line-height:22px} .boardView {width:100%; border:1px solid #dcdcdc} .boardView th {border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#f5f5f5; color:#1b1313; padding:10px 0 10px 16px; text-align:left; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-weight:bold} .boardView td {padding:10px 0 10px 16px; border:1px solid #dcdcdc; word-break:break-all;} .boardView td .inputText {width:146px; border:1px solid #ccc; padding:4px 5px 5px 5px; color:#333} .boardView td .inputText02 {padding:6px 5px 7px 5px} .boardView td .inputText03 {padding:7px 5px 7px 5px} .boardView td span.txt {font-size:11px; color:#f0660a; margin-left:5px} .boardView div.fancy-select div.trigger {width:148px} .boardView div.fancy-select ul.options {min-width:156px} .boardView .phoneNumber {margin-left:1px} .boardView .phoneNumber div.fancy-select div.trigger {width:50px; padding:8px 0 6px 8px; padding:10px 0 6px 8px \0/IE8} .boardView .phoneNumber div.fancy-select ul.options {min-width:58px} .boardView .phoneNumber div.fancy-select ul.options.open {width:58px; top:28px} .boardView .phoneNumber div.fancy-select div.trigger:after {top:12px} .inputText.disabled {border:1px solid #e5e5e5 !important; background:#fff} .boardView input[type="radio"] {border:none; } .boardViewNon td {padding:17px 0 16px 16px} .boardViewAc {border:none} .boardViewAc th {padding:7px 0; text-align:center} .boardViewAc th.num {border-left:none} .boardViewAc th.last {border-right:none} .boardViewAc td {padding:10px 0; text-align:center; color:#333; border-bottom:none; border-top:1px solid #dcdcdc} .boardViewAc td.num {background:#fbfbfb; border-left:none} .boardViewAc td.name {font-weight:bold} .boardViewAc td.last {border-right:none} .boardViewAc02 th {text-align:center; padding:0;} .wFixed div {width:130px; text-align:left; margin:0 auto} .wFixed div span {margin-left:10px; color:#333; font-size:12px; line-height:20px} .boardList {width:100%;} .boardList th {font-family:Malgun Gothic,맑은 고딕; font-size:13px; color:#000; background:#f5f5f5; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:11px 0} .boardList td {text-align:center; padding:10px 0; border-bottom:1px solid #dcdcdc; color:#333} .boardList button.btnInstall {display:block; width:104px; height:29px; background:url(/images/btn/btn_install_open.gif) no-repeat 0 0; border:none; cursor:pointer} .boardList button.btnInstall:hover {background:url(/images/btn/btn_install_open_over.gif) no-repeat 0 0} .boardList button.btnInstall.on {background:url(/images/btn/btn_install_close.gif) no-repeat 0 0} .boardList button.btnInstall.on:hover {background:url(/images/btn/btn_install_close_over.gif) no-repeat 0 0} .boardList a.btnDown {margin:0 auto; display:block; width:104px; height:29px; background:url(/images/btn/btn_file_down02.png) no-repeat 0 0; background-size: 104px 29px;} .boardList td.updateCnt {padding:20px 14px; color:#000; background:#fafafa; text-align:left; line-height:18px} .boardList02 {width:100%; border:1px solid #bebebe} .boardList02 th {font-family:Malgun Gothic,맑은 고딕; font-size:12px; color:#000; background:#f5f5f5; border-left:1px solid #dcdcdc; border-bottom:1px solid #bebebe; padding:6px 0 8px 0} .boardList02 th.num {border-left:none} .boardList02 th.other {background:#efefef} .boardList02 th.other2 {border-bottom:1px solid #dcdcdc} .boardList02 td {text-align:center; padding:10px 0 8px 0; border:1px solid #dcdcdc; border-bottom:none; color:#000; line-height:1.8; letter-spacing:-0.02em} .boardList02 td a {color:#000; display:block; width:100%} .boardList02 td.num {background:#fbfbfb; border-left:none} .boardList02 td.last {border-right:none} .boardList02 td.otherLeft {text-align:left; padding-left:17px} .boardList02 td.other {border:none; border-top:1px solid #dcdcdc} .boardList02 td.other02 {border-left:none;} .boardList02 td button {border:none; background:none; padding:0;} .boardList02 td button.btn_removal_certification {width:76px; height:21px} .boardList02 td button.btn_cancel {width:36px; height:21px} .boardList02 .strong {font-weight:bold} .boardList03 {} .boardList03 td.first {font-size:14px; text-align:center; font-weight:bold; border-left:none; vertical-align:middle} .boardList03 td {position:relative; font-size:13px; line-height:20px; vertical-align:top; font-family:Dotum, 돋움; text-align:left; padding-left:17px; padding-right:15px; border-left:1px solid #dcdcdc} .btnFaqviews {text-align:right; position:relative; right:-13px} .td41 td {} .td41 td.otherLeft .strong {width:370px; height:22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .has-js .label_check, .has-js .label_radio { padding-left: 34px; } .has-js .label_radio { background: url(/images/common/radio_off.gif) no-repeat; } .has-js .label_check { background: url(/images/common/check_off.gif) no-repeat; } .has-js label.c_on { background: url(/images/common/check_on.gif) no-repeat; } .has-js label.r_on { background: url(/images/common/radio_on.gif) no-repeat; } .has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; } .phonePayment {font-family:Malgun Gothic,맑은 고딕; color:#000; font-size:16px; font-weight:bold} .phonePayment .money {width:168px; display:inline-block; *display:inline; zoom:1; padding:6px 0 10px 0; margin-right:5px; text-align:center; color:#ed1b24; border:1px solid #ccc; line-height:28px; font-size:28px; font-weight:normal; vertical-align:middle} .phonePayment .vat {font-family:Dotum, 돋움; font-weight:normal; font-size:12px; color:#f0660a; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:10px} .addDescription {color:#5a5a5a; margin:15px 0 0 0} .addDescription span {font-weight:bold;} .addDescription .newline {display:inline-block; margin:6px 0 0 10px; font-weight:normal;} .phone_guide_terminal {overflow:hidden; margin:40px 0 0 0} .phone_guide_terminal div {float:left; text-align:center; margin-right:7px} .phone_guide_terminal div.last {margin-right:0} .phone_guide_terminal div span.text {font-weight:bold; color:#000;display:block; margin:16px 0} #tmapForCar div.fancy-select div.trigger, #board div.fancy-select div.trigger {padding:9px 0 7px 8px; margin-right:6px} /* #tmapForCar div.fancy-select ul.options.overflowing, #board div.fancy-select ul.options.overflowing {bottom:20px} #tmapForCar div.fancy-select ul.options.overflowing.open, #board div.fancy-select ul.options.overflowing.open {bottom:31px} */ #tmapForCar .boardView div.fancy-select div.trigger {width:218px; padding:5px 0 4px 8px; margin-right:6px; } #tmapForCar .boardView div.fancy-select ul.options {top:24px; width:226px} #tmapForCar .boardView div.fancy-select div.trigger:after {top:10px} #tmapForCar .boardView div.fancy-select div.trigger.open:after {top:5px !important} /* #tmapForCar .boardView div.fancy-select ul.options.overflowing.open, #tmapForCar .boardView div.fancy-select ul.options.overflowing { bottom:0; top:24px !important; } */ .boardView td .inputText.byte_check {width:216px} .cols {margin-top:29px} .cols li {overflow:hidden; margin-bottom:26px} .cols li div {float:left; width:306px; margin:0 25px 0 0} .cols li dl {float:left; width:370px;} .cols li dl dt {overflow:hidden; color:#000; line-height:24px} .cols li dl dt span.num {width:20px; float:left; font-weight:bold} .cols li dl dt span.txt {width:350px; float:left; } .cols li dl dt span, .cols li dl dd span {font-weight:normal; line-height:24px} .cols li dl dd {color:#000; line-height:24px; margin-left:18px} .cols2 {} .cols2 {overflow:hidden; } .cols2 li div.img {float:left; width:220px; margin:0 25px 0 0} .cols2 li dl {float:left; width:470px;} .cols2 li dl dt {overflow:hidden; color:#000; font-size:14px; line-height:24px; font-weight:bold; font-family:Malgun Gothic,맑은 고딕;} .cols2 li dl dt.other {font-size:12px; color:#777} .cols2 li dl dd {color:#000; line-height:24px} .cols2 li dl dd.other {color:#777} .connectSort {overflow:hidden; } .connectSort div.img {float:left; width:158px; text-align:center; margin-top:5px} .connectSort div.connectTxt {float:left; width:560px} .dash {float:left; width:10px} .dashTxt {float:left; width:700px} .inTit {float:left; font-weight:bold; } .inTxt {float:left; width:540px; margin-left:4px} .faqOther {margin-top:20px; padding:22px 10px 28px 10px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#fafafa; } .faqOther dt {margin-bottom:20px; font-size:13px; color:#f0660a; line-height:20px; font-weight:bold; padding-left:25px; background:url(/images/tmap_for_car/ico_query.png) no-repeat 0 0} .faqOther dd {padding-left:25px; line-height:20px; background:url(/images/tmap_for_car/ico_answer.png) no-repeat 0 0} .faqOther dd span.ico {background-size: auto 17px; text-indent: 17px; display: inline-block; background-position: 0 0; background-repeat: no-repeat;} .faqOther dd span.bluetooth {background-image:url(/images/tmap_for_car/ico_fl_qna2.png);} .faqOther dd span.iphone {background-image:url(/images/tmap_for_car/ico_fl_qna1.png);} .faqOther dd img.phone {width:300px;} .faqOther dd img.headUnit {width:600px;} /* 탭추가 160627 */ .tabs {margin:25px 0 0;overflow:hidden;} .tabs li {float:left;} .tabs li a {display:block;text-align:center;color:#000000;font-size:14px;font-weight:bold;border-left:1px solid #ccc;font-family:'맑은고딕','MalgunGothic'} .tabs li:first-child a {border-left:0;} .tabs .active a{color:#ed1b24;} .tabs.tabs4 li {width:25%;} .tabs.tabs5 li {width:20%;} .tabs.tabs6 li {width:16.6%;} .tab_content {padding:12px 0 0;} .voluminosityTerminal {overflow:hidden;} .voluminosityTerminal li {float:left; margin-right:30px; margin-bottom:25px} .voluminosityTerminal li.last {margin-right:0} .voluminosityTerminal li .img {border:1px solid #dcdcdc; margin-bottom:13px} .voluminosityTerminal li div {color:#333; line-height:20px} /* my tmap */ #myTmap {} #myTmap button img {left:0} /* 지도 즐겨찾기 관리 */ .my_area .user_info {height:80px; margin-bottom:36px; padding:20px 0 0 17px; background:url('/images/my_tmap/bg_user_info.gif') no-repeat right top; border:1px solid #dcdcdc;} .my_area .user_info .name {margin-bottom:18px; font-size:20px; color:#000;} .my_area .user_info dl {overflow:hidden;} .my_area .user_info dl dt {float:left; margin-right:10px; padding-right:12px; font-weight:bold; color:#000; background:url('/images/my_tmap/bul_line.gif') no-repeat right 1px;} .my_area .user_info dl dd {float:left; margin-right:35px; font-weight:bold; color:#000;} .my_area .info_list {/* margin-bottom:20px; */} .my_area .info_list li {padding-left:18px; color:#000; background:url('/images/my_tmap/bul_dot.gif') no-repeat 5px 10px; line-height:24px;}/*margin-bottom:10px;*/ .btnTransfer {margin:3px 0 10px 18px;} .btnMoreView {margin:-2px 0 29px 18px;} .btnTransfer a span, .btnMoreView a span {font-weight:bold;} .btnMoreView .CommonBtn {padding-right:32px !important;} .btnMoreView .CommonBtn span {padding-left:31px !important;} .my_area .favoTab {position:relative; top:1px; overflow:hidden;} .my_area .favoTab li {float:left; text-align:center;} .my_area .favoTab li a {display:block; height:41px; line-height:39px; padding:0 30px; font-size:14px; font-weight:bold;} .my_area .favoTab li a.first {color:#1e1e1e; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#f6f6f6 url('/images/my_tmap/bg_tab.gif') repeat-x left 40px;} .my_area .favoTab li a.last {color:#1e1e1e; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#f6f6f6 url('/images/my_tmap/bg_tab.gif') repeat-x left 40px;} .my_area .favoTab li a.first.current {border-left:1px solid #a3a3a3;border-top:1px solid #a3a3a3;border-right:1px solid #a3a3a3; color:#d92414; background:#fff;} .my_area .favoTab li a.last.current {border-left:1px solid #a3a3a3;border-top:1px solid #a3a3a3;border-right:1px solid #a3a3a3; color:#d92414; background:#fff;} .my_area .favoBox {padding:15px; border:1px solid #aaa;} .my_area .mang_area {overflow:hidden; min-height:494px; border:1px solid #bebebe;} .my_area .mang_area .coulmnL {float:left; width:50%; height:494px; overflow:auto;} .my_area .mang_area .coulmnR {float:left; width:50%;} .my_area .mang_area .coulmnR .map_area {position:relative; min-height:494px; border-left:1px solid #bebebe; z-index:99} .my_area .mang_area .coulmnR .map_area .mapFrame {height:404px !important; border-bottom:1px solid #dcdcdc;} .my_area .mang_area .coulmnR .map_area .mapFrame2 {height:494px !important;} .my_area .mang_area .coulmnR .map_area .info {padding:8px 0 0 12px;} .my_area .mang_area .coulmnR .map_area .info .tit {font-size:17px; margin-bottom:10px; font-weight:bold;word-break:break-all;} .my_area .mang_area .coulmnR .map_area .info .add {font-size:12px; padding-bottom:10px; color:#333;} .my_area .mang_area .coulmnR .map_area .info .phone {font-size:12px; color:#f0660a; padding:0 0 0 20px; background:url(/images/my_tmap/ico_phone.gif) no-repeat 0 2px} .my_area .mang_area .none_info {padding-top:250px; text-align:center; font-size:13px; line-height:24px; color:#5a5a5a; background:url('/images/my_tmap/bg_star.gif') no-repeat center 158px;} .my_area .mang_area .none_info2 {padding-top:280px; text-align:center; font-size:13px; line-height:24px; color:#5a5a5a; background:url('/images/my_tmap/bg_none_srch.gif') no-repeat center 188px;} .my_area .mang_area .none_info2 strong {color:#e15043;} .my_area .btnMt {margin-top:15px;} .my_area .btn_txt_link {margin-left:2px; padding-right:10px; color:#0e58ff; background:url(/images/common/ico_link_blue.gif) no-repeat right 2px; vertical-align:middle;} .favoBox .mang_area .list div {position:relative; height:44px; padding-left:42px; background:url('/images/my_tmap/icon_map.png') no-repeat 18px center; line-height:44px; font-size:13px; color:#333; font-weight:bold; border-bottom:1px solid #dcdcdc;} .favoBox .mang_area .list.delMode div {padding-left:57px; background:url('/images/my_tmap/icon_map.png') no-repeat 34px center;} .favoBox .mang_area .list div a {vertical-align:top;} .favoBox .mang_area .list.delMode .current .updown, .favoBox .mang_area .list.delMode div:hover .updown {display:none} .favoBox .mang_area .list div:hover {padding-left:57px; background:#f8f8f8 url('/images/my_tmap/icon_map.png') no-repeat 34px center;} .favoBox .mang_area .list div.current {padding-left:57px; background:#e5eef4 url('/images/my_tmap/icon_map_current.png') no-repeat 34px center;} .favoBox .mang_area .list div.current .updown, .favoBox .mang_area .list div:hover .updown {display:inline; } .favoBox .mang_area .list div:hover.modify {padding-left:42px; background:#e5eef4 url('/images/my_tmap/icon_map_current.png') no-repeat 18px center;} .favoBox .mang_area .list div.modify {padding-left:42px; background:#e5eef4 url('/images/my_tmap/icon_map_current.png') no-repeat 18px center;} .favoBox .mang_area .list div.modify .updown, .favoBox .mang_area .list div .updown {width:22px; height:44px; display:none;} .favoBox .mang_area .list div .updown .up {position:absolute; top:0; left:1px; } .favoBox .mang_area .list div .updown .down {position:absolute; top:22px; left:1px; } .favoBox .mang_area .list div .btn {position:absolute; top:8px; right:14px;} .favoBox .mang_area .list div .btn2 {position:absolute; top:14px; right:14px;} .favoBox .mang_area .list div .btn a {margin-left:8px;} .favoBox .mang_area .list div .input {position:relative; display:inline-block;} .favoBox .mang_area .list div .inputCheck {position:absolute; top:16px; left:10px;} .favoBox .mang_area .inputText {width:187px; padding-left:8px; height:26px; line-height:26px; border:1px solid #ccc; font-weight:bold; font-family:"돋움",Dotum; color:#000;} .favoBox .mang_area .inputText:focus, .favoBox .mang_area .inputText.current {border:1px solid #ed1b24;} .modify_txt {position:relative;} .modify_txt .schAutoClose {position:absolute; top:10px; left:166px; width:30px; height:26px; background:#fff url('/images/map/btn_inputClose.gif') no-repeat center center; z-index:999} .favoBox .mang_area .list.bookmark div {height:42px; line-height:13px; padding:12px 0 0 42px; background:url('/images/my_tmap/icon_map.png') no-repeat 18px center;} .favoBox .mang_area .list.bookmark div.not {height:32px; line-height:13px; padding:22px 0 0 42px; background:url('/images/my_tmap/icon_map.png') no-repeat 18px center;} .favoBox .mang_area .list div .btn_bmark {display:inline-block; width:28px; height:28px; background:url('/images/my_tmap/btn_bookmark_off.png') no-repeat right top; text-indent:-99999px;} .favoBox .mang_area .list div .btn_bmark:hover {background:url('/images/my_tmap/btn_bookmark_on.png') no-repeat right top;} .favoBox .mang_area .list div .btn_bmark.on {display:inline-block; width:28px; height:28px; background:url('/images/my_tmap/btn_bookmark_2_off.png') no-repeat right top;} .favoBox .mang_area .list div .btn_bmark.on:hover {background:url('/images/my_tmap/btn_bookmark_2_on.png') no-repeat right top;} .favoBox .mang_area .list.bookmark div:hover {background:#f8f8f8 url('/images/my_tmap/icon_map.png') no-repeat 18px center;} .favoBox .mang_area .list.bookmark div.current {background:#e5eef4 url('/images/my_tmap/icon_map_current.png') no-repeat 18px center;} .favoBox .mang_area .list.bookmark div .add {display:block; margin-top:5px; font-weight:normal; color:#787878; font-size:12px; font-family:'돋움',Dotum,Arial,Sans-serif;} .favoBox .mang_area .list.bookmark div .srchWord {color:#d92414;} .favoBox .favoRegi {min-height:541px;} .favoBox .favoRegi {height:100%; z-index:3; background:#fff;} .favoBox .favoRegi .info_txt {padding-top:300px; background:url('/images/my_tmap/bg_favoRegi.gif') no-repeat center 160px; text-align:center; color:#5a5a5a; font-size:13px; line-height:26px;} .favoBox .favoRegi .schArea {position:relative; margin-bottom:15px;} .favoBox .favoRegi .schArea .inputText {width:621px; padding:8px 7px; border:1px solid #ccc; font-weight:bold; font-family:"돋움",Dotum; color:#000;} .favoBox .favoRegi .schArea .inputText:hover {border:1px solid #969696} .favoBox .favoRegi .schArea .inputText:focus, .favoBox .favoRegi .schArea .inputText.current {border:1px solid #ed1b24;} .favoBox .favoRegi .schArea .schAuto {position:absolute; top:32px;*top:33px; left:0; width:635px; border:1px solid #ccc; border-top:none; background:#fff; z-index:999;} .favoBox .favoRegi .schArea .schAuto li a {display:block; height:30px; line-height:30px; padding-left:11px; color:#000;} .favoBox .favoRegi .schArea .schAuto li a:hover {background:#f8f8f8;} .favoBox .favoRegi .schArea .schAuto li a strong {color:#ed1b24; font-weight:normal;} .favoBox .favoRegi .schArea .schAutoClose {position:absolute; top:1px; left:605px; width:30px; height:30px; background:url('/images/map/btn_inputClose.gif') no-repeat center center; text-indent:-99999px; } .favoBox .favoRegi .schArea .schAreaHidden {display:none;} .favoBox .mang_area .list.destination div:hover {padding-left:42px; background:#f8f8f8 url('/images/my_tmap/icon_map.png') no-repeat 18px center;} .favoBox .mang_area .list.destination.delMode div:hover {padding-left:57px; background:#f8f8f8 url('/images/my_tmap/icon_map.png') no-repeat 34px center;} .favoBox .mang_area .list.destination.delMode div:hover.current {background:#e5eef4 url('/images/my_tmap/icon_map_current.png') no-repeat 34px center;} .favoBox .mang_area .list.destination.delMode div.current {padding-left:57px; background:#e5eef4 url('/images/my_tmap/icon_map_current.png') no-repeat 34px center;} .favoBox .mang_area .list.destination div.current {padding-left:42px; background:#e5eef4 url('/images/my_tmap/icon_map_current.png') no-repeat 18px center;} /* KU 즐겨찾기 데이터 이관 휴대폰 인증*/ .tbl_cfct {margin-top:13px; border:1px solid #dcdcdc;} .tbl_cfct tr {border-bottom:1px solid #dcdcdc;} .tbl_cfct th {border-right:1px solid #dcdcdc; background:#f5f5f5;} .tbl_cfct th, .tbl_cfct td {padding:8px 0 9px 16px; text-align:left;} .tbl_cfct .mb6 {margin-bottom:6px;} .tbl_cfct .mb10 {margin-bottom:10px;} .tbl_cfct td input[type="radio"] {margin-right:6px; border:none;} .tbl_cfct td input[type="text"] {height:28px !important; padding:0 4px; line-height:30px;} .tbl_cfct td label {margin-right:16px;} .tbl_cfct td span {margin-left:5px;} /* .tbl_cfct .not_num, .tbl_cfct .ok_num {display:none; color:#f0660a;} .tbl_cfct .not_num.on, .tbl_cfct .ok_num.on {display:block;} */ .tbl_cfct .ck_num {color:#f0660a;} .tbl_cfct .iradio_square-blue {left:0px;} .tbl_cfct .phoneNumber div.fancy-select div.trigger {width:50px; padding:8px 0 6px 8px; padding:10px 0 6px 8px \0/IE8} .tbl_cfct .phoneNumber div.fancy-select ul.options {min-width:58px !important;} .tbl_cfct .phoneNumber div.fancy-select ul.options.open {width:58px !important;} /* map icon */ .coulmnR .mapFrame .ico_marker {display:inline-block; width:25px; height:27px; padding-top:7px; text-align:center; background:url('/images/map/ico_marker_on2.png') no-repeat center center;} /* My제보 */ .myReportTit {border:1px solid #bebebe; overflow-y:auto; overflow-x:hidden !important;} .myReport {height:615px; border:1px solid #bebebe; border-top:none; overflow-y:auto; overflow-x:hidden !important;} .tbl_myReport {width:100%;} .tbl_myReport th {height:28px; text-align:center; font-size:12px; color:#000; background:#f0f0f0; border-right:1px solid #bebebe;} .tbl_myReport th.last {border-right:none;} .tbl_myReport td {padding:12px 0; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#333;} .tbl_myReport td.last {border-right:none;} .tbl_myReport td.subject {padding-left:20px; text-align:left; font-weight:bold; color:#333;} .tbl_myReport td.noneReport {padding-top:298px; text-align:center; border:none; background:url('/images/my_tmap/bg_none_report.gif') no-repeat center 154px;} .tbl_myReport td.noneReport .txt {margin-bottom:12px; color:#5a5a5a; font-size:16px;} .tbl_myReport td.noneReport .txt2 {margin-bottom:20px; font-size:12px; color:#acacac;} .tbl_myReport td.noneReport .txt3 a {padding-right:14px; background:url('/images/my_tmap/bul_arrow.gif') no-repeat right center; color:#f0660a; font-weight:bold;} .tbl_myReport tr.item:hover td {background:#f8f8f8;} .tbl_myReport td.answer {padding:20px; background:#ecf3f7; text-align:left;} .tbl_myReport td.answer p {line-height:22px; font-size:12px; color:#333; text-align:left;} .tbl_myReport td.answer .state {display:inline-block; margin-bottom:16px; padding:0 15px 0 30px; height:25px; line-height:23px; text-align:center; font-size:13px; font-weight:bold; color:#27343a; border-radius:12px; background:#b4c2c9 url('/images/my_tmap/bg_state.gif') no-repeat 10px center;} .tbl_myReport td.answer .completeReception {display:inline-block; margin-bottom:16px; padding:0 15px 0 30px; height:25px; line-height:23px; text-align:center; font-size:13px; font-weight:bold; color:#27343a; border-radius:12px; background:#bbc7b8 url('/images/my_tmap/bg_end.gif') no-repeat 10px center;} .tbl_myReport td.answer .companion {display:inline-block; margin-bottom:16px; padding:0 15px 0 30px; height:25px; line-height:23px; text-align:center; font-size:13px; font-weight:bold; color:#27343a; border-radius:12px; background:#beacad url('/images/my_tmap/bg_companion.gif') no-repeat 10px center;} .tbl_myReport tr.item.answerTit, .tbl_myReport tr.item.answerTit:hover td {background:#ecf3f7} .show {display:table-row;} .item td {cursor:pointer;} #ascrail2000-hr {display:none !important;} /* Btn */ .my_area .CommonBtn {display:inline-block; padding-right:20px; height:30px; background:url('/images/map/bg_popBtn.gif') no-repeat right top;} .my_area .CommonBtn span {display:inline-block; padding-left:20px; height:30px; font-size:12px; background:url('/images/map/bg_popBtn.gif') no-repeat left top; color:#464646; line-height:30px; letter-spacing:-1px; font-family:Dotum, 돋움;} .my_area .CommonBtn:hover {background:url('/images/map/bg_popBtn_over.gif') no-repeat right top;} .my_area .CommonBtn:hover span {background:url('/images/map/bg_popBtn_over.gif') no-repeat left top} /* .my_area .CommonBtn:active {background:url('/images/map/bg_popBtn_select.gif') no-repeat right top;} .my_area .CommonBtn:active span {background:url('/images/map/bg_popBtn_select.gif') no-repeat left top} */ .my_area .CommonBtn.disabled { background:url('/images/map/bg_popBtn_disabled.gif') no-repeat right top;} .my_area .CommonBtn.disabled span {color:#b5b5b5; background:url('/images/map/bg_popBtn_disabled.gif') no-repeat left top;} .btnArea {text-align: center;} .mapCommonBtn {display: inline-block; padding-right: 17px; height: 34px; background: url('/images/map/bg_mapBtn.gif') no-repeat right top;} .mapCommonBtn span {display: inline-block; padding-left: 17px; height: 34px; background: url('/images/map/bg_mapBtn.gif') no-repeat left top; color: #464646; font-weight: bold; line-height: 34px; font-family: Dotum, 돋움;} .mapCommonBtn:hover {background:url('/images/map/bg_mapBtn_over.gif') no-repeat right top;} .mapCommonBtn:hover span {background:url('/images/map/bg_mapBtn_over.gif') no-repeat left top} .dimm {cursor:default; color:#b1b1b1; background: url('/images/map/bg_mapBtn.gif') no-repeat right top;} .dimm span {color:#b1b1b1; background: url('/images/map/bg_mapBtn.gif') no-repeat left top;} .dimm:hover {background: url('/images/map/bg_mapBtn.gif') no-repeat right top;} .dimm:hover span {background: url('/images/map/bg_mapBtn.gif') no-repeat left top;} .mapCommonBtn2 {display:inline-block; height:34px; background:url('/images/map/bg_mapBtn.gif') no-repeat right top;}/*padding-right:17px;*/ .mapCommonBtn2 span {display:inline-block; width:283px; height:34px; background:url('/images/map/bg_mapBtn.gif') no-repeat left top; color:#464646; font-weight:bold; line-height:34px; font-family:Dotum, 돋움;}/*padding-left:17px;*/ .mapCommonBtn2:hover {background:url('/images/map/bg_mapBtn_over.gif') no-repeat right top;} .mapCommonBtn2:hover span {background:url('/images/map/bg_mapBtn_over.gif') no-repeat left top} /* .mapCommonBtn:active {background:url('/images/map/bg_mapBtn_select.gif') no-repeat right top;} .mapCommonBtn:active span {background:url('/images/map/bg_mapBtn_select.gif') no-repeat left top; color:#fff} */ /* checkbox, radio */ .icheckbox_square-blue, .iradio_square-blue {display:inline-block !important; vertical-align:middle; margin:0 !important; padding:0 !important; width:15px !important; height:15px !important; background:url(/images/map/checkbox_radio.png) no-repeat !important; border:none !important; cursor:pointer; left:-46px; margin-right:-17px !important;} .boardViewAc .icheckbox_square-blue, .iradio_square-blue {margin-right:0 !important;} .icheckbox_square-blue {background-position:0 -1px !important;} .icheckbox_square-blue.hover {background-position:-15px -1px !important;} .icheckbox_square-blue.checked {background-position:-30px -1px !important;} .icheckbox_square-blue.disabled {background-position:-45px -1px !important; cursor:default;} .icheckbox_square-blue.checked.disabled {background-position:-60px -1px !important;} .iradio_square-blue {background-position:-75px -1px !important;} .boardView .iradio_square-blue {left:0; border:1px solid red} .boardView .checLabel {/* margin-left:20px */ margin-left:4px} .iradio_square-blue.hover {background-position:-90px -1px !important;} .iradio_square-blue.checked {background-position:-105px -1px !important;} .iradio_square-blue.disabled {background-position:-120px -1px !important; cursor:default;} .iradio_square-blue.checked.disabled {background-position:-135px -1px !important;} button.phoneNumChange {width:152px; height:30px; background:url(/images/btn/btn_phone_change_info_open_off.gif) no-repeat 0 0; border:none; cursor:pointer} button.phoneNumChange:hover {background:url(/images/btn/btn_phone_change_info_open_on.gif) no-repeat 0 0} button.phoneNumChange.on {background:url(/images/btn/btn_phone_change_info_close_off.gif) no-repeat 0 0} button.phoneNumChange.on:hover {background:url(/images/btn/btn_phone_change_info_close_on.gif) no-repeat 0 0} /* notice, event */ .board_tab {overflow:hidden; margin:29px 0} .board_tab li {float:left; width:146px; border-right:1px solid #ccc; } .board_tab02 li {width:180px} .board_tab li.last {border:none} .board_tab li a {display:block; text-align:center; font-size:14px; color:#000; font-weight:bold; font-family:Malgun Gothic,맑은 고딕;} .board_tab li a.on, .board_tab li a:hover {color:#ed1b24; } .board_tab03 {margin:29px 0} .board_tab03 li {float:left; width:146px; border-right:1px solid #ccc; height:19px} .board_tab03 li.last {border:none} .board_tab03 li a {display:block; text-align:center; font-size:14px; color:#000; font-weight:bold; font-family:Malgun Gothic,맑은 고딕;} .board_tab03 a {letter-spacing:-0.06em} .board_tab03 .install_tab3 a {margin-top:-8px} .board_tab03 li a.current, .board_tab03 li a:hover {color:#ed1b24; } #nTabA02.ui-tabs-panel, #nTabA03.ui-tabs-panel {padding:0} .cntInstallation {margin:30px 0 0 20px} .noticeSearch {width:339px; margin:0 auto} .viewCnt {padding:35px 24px !important} .bul_event {vertical-align:bottom; margin-right:10px} .otherPosts {color:#ccc; font-weight:bold} .otherPosts a {color:#333;} .eventIng {margin:28px 0 -50px 0} .eventIng .boxArea {border:1px solid #ccc; color:#000; margin-bottom:30px} .eventIng .boxArea a {color:#000} .eventIng .boxArea .img {border-bottom:1px solid #ccc} .eventIng .boxArea .img img {width:734px; height:336px} .eventIng .boxArea .txt {padding:12px} .eventIng .boxArea .txt .tit {font-weight:bold; overflow:hidden} .eventIng .boxArea .txt .tit a {float:left; display:block; width:660px; height:20px} .eventIng .boxArea .txt .tit img {float:left; margin-right:10px} .eventIng .boxArea .txt .date {font-weight:normal; margin-top:4px} .eventNot {position:relative; width:736px; height:500px} .eventNot .internalUse {position:absolute; top:110px; left:270px} .eventNot .internalUse div {margin:27px 0 0 0; font-family:Malgun Gothic,맑은 고딕; color:#858585} .eventEnd {overflow:hidden; width:768px; margin:28px 0 -50px 0} .eventEnd .boxArea {float:left; border:1px solid #ccc; color:#000; margin-bottom:30px; width:358px; margin-right:16px} .eventEnd .boxArea a {color:#6f6f6f} .eventEnd .boxArea .img {border-bottom:1px solid #ccc; } .eventEnd .boxArea .img img {width:358px; height:164px} .eventEnd .boxArea .txt {padding:12px} .eventEnd .boxArea .txt .tit {font-weight:bold; overflow:hidden} .eventEnd .boxArea .txt .tit a {float:left; display:block; width:280px; height:20px} .eventEnd .boxArea .txt .tit img {float:left; margin-right:10px} .eventEnd .boxArea .txt .date {font-weight:normal; margin-top:4px} .eventEnd .boxArea .txt .date a {color:#858585} /* form */ /* all */ .inputText::-ms-clear {display: none;} /* ie */ .searchInt::-ms-clear, input[type="text"]::-ms-clear {display:none} .placeholder { color: #a9a9a9 !important; } input::-webkit-input-placeholder { /* WebKit browsers */ color:#a9a9a9 !important; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#a9a9a9 !important; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#a9a9a9 !important; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#a9a9a9 !important; } .inputBox {margin-bottom:28px} input {border:1px solid #ccc;} input[type="image"] {border:none} input[type="text"], input[type="password"] {font-family:Dotum, 돋움; font-size:12px} .searchInt {/* padding:7px 11px */ /* padding:8px 11px 7px 11px; */padding:0 11px !important; height:29px; line-height:29px} .searchInt.on {border:1px solid #969696} .searchInt.other {padding:8px 11px 8px 11px} input[type="text"]:hover, input[type="password"]:hover, input[type="text"].hover {border:1px solid #969696} input[type="text"]:focus, input[type="password"]:focus, input[type="text"].current {border:1px solid #ed1b24 !important} .inputBox.schArea {position:relative;} .inputBox.schArea .schAutoClose {position:absolute; top:1px; left:635px; width:30px; height:30px; background:url('/images/map/btn_inputClose.gif') no-repeat center center; z-index:999} .selectFrm {display:inline-block; float:left; margin-right:18px} .selectFrm2 {display:inline-block; float:left; margin-right:18px} .selectFrm label {float:left; display:inline-block; background:#f2f2f2; width:51px; text-align:center; /* padding:7px 0 5px 0; */ height:25px; line-height:25px; color:#000; font-size:11px; display:inline-block; border:1px solid #ccc; border-right:none} .selectFrm2 label {float:left; display:inline-block; background:#f2f2f2; width:51px; text-align:center; /* padding:7px 0 5px 0; */ height:25px; line-height:25px; color:#000; font-size:11px; display:inline-block; border:1px solid #ccc; border-right:none} .selectFrm select {-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} .selectFrm2 select {-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} .selectFrm div.fancy-select div.trigger:after {top:11px !important} div.fancy-select.disabled div.trigger:after {border-top-color:#ccc !important} div.install_view .selectFrm:nth-child(1) div.fancy-select div.trigger {width:120px} div.install_view .selectFrm.firstSelect div.fancy-select div.trigger {width:120px} div.install_view .selectFrm:nth-child(2) div.fancy-select div.trigger {width:240px} div.install_view .selectFrm.secondSelect div.fancy-select div.trigger {width:240px} div.install_view .selectFrm:nth-child(1) div.fancy-select ul.options {width:128px} div.install_view .selectFrm.firstSelect div.fancy-select ul.options {width:128px} div.install_view .selectFrm:nth-child(2) div.fancy-select ul.options {width:248px} div.install_view .selectFrm.secondSelect div.fancy-select ul.options {width:248px} .selectFrm.on div.fancy-select div.trigger {border:1px solid #969696; } /* autocomplete */ #mapSidebar .schArea .ui-widget {font-size:12px !important;position:relative;z-index:9992;} .ui-menu { position:relative; width:212px; border:1px solid #ccc; border-top:none; background:#fff; font-family:Dotum, 돋움; font-size:12px; z-index:9992; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding:0 0 0 11px; line-height:30px; cursor: pointer; min-height: 0; /* support: IE7 */ background:#fff; z-index:9991; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { background:#f8f8f8; border:none; color:#000; } .ui-menu .ui-menu-item:first-letter {font-weight:normal;} /* btn */ .acBtn {text-align:center; margin:40px 0 0 0 } .acBtn button {border:none; padding:0} #payBtn img {left:0} .arBtn {text-align:right; margin:20px 0 0 0 } .arBtn button {border:none; padding:0} .commingSoon {text-align:center; } /* lbs */ #lnb_infor {width:100%; margin-top:60px } #lnb_infor .related_information {width:100%; background:#444; border-bottom:1px solid #555} #lnb_infor .related_information dl {overflow:hidden; width:960px; margin:0 auto} #lnb_infor .related_information dl dt {float:left; padding:19px 21px 19px 34px; color:#fff; font-family:Dotum, 돋움; font-weight:bold} #lnb_infor .related_information dl dt.infor_tit_01 {line-height:20px; background:url(/images/lbs_biz/ico_lbs_etc_infor_01.gif) no-repeat 0 16px} #lnb_infor .related_information dl dt.infor_tit_03 {width:112px; padding:19px 0} #lnb_infor .related_information dl dt.infor_tit_02 {line-height:24px; background:url(/images/lbs_biz/ico_lbs_etc_infor_02.gif) no-repeat 0 18px} #lnb_infor .related_information dl dd {float:left; padding:19px 21px 19px 21px; line-height:18px; color:#a1a1a1; font-family:Dotum, 돋움; background:url(/images/lbs_biz/line_lbs_etc_infor.gif) no-repeat 0 24px} #lnb_infor .related_information dl dd.last {background:none} #lnb_infor .related_information dl dd.line_two {padding:19px 21px 8px 21px;} #lnb_infor .related_information dl dd.page_link a {margin-right:10px} #lnb_infor .related_information dl dd a {color:#a1a1a1; line-height:22px} #lnb_infor .related_information dl dd span {display:inline-block; *display:inline; line-height:22px; zoom:1;} #lnb_infor .related_information dl dd span.name {font-size:14px; margin-right:5px} #lnb_infor .related_information dl dd span.phone {padding-left:28px; margin-right:5px; background:url(/images/lbs_biz/ico_phone.gif) no-repeat 0 0} #lnb_infor .related_information dl dd span.mail {padding-left:28px; display:inline-block; *display:inline; line-height:22px; zoom:1; background:url(/images/lbs_biz/ico_mail.gif) no-repeat 0 0} #lnb_infor .lbs_etc {background:#555} #lnb_infor .lbs_etc ul {overflow:hidden; width:960px; margin:0 auto} #lnb_infor .lbs_etc ul li {float:left; padding:12px 10px 13px 0; margin-right:10px; background:url(/images/lbs_biz/line_lbs_etc_infor.gif) no-repeat right 15px} #lnb_infor .lbs_etc ul li.last {background:none} #lnb_infor .lbs_etc ul li a {color:#a1a1a1; } #lnb_infor .lbs_etc ul li a.on {color:#fff; font-weight:bold} .lbs_contents_01 {overflow:hidden; margin-top:17px} .lbs_contents_01 li {float:left; margin-right:10px; color:#000;} .lbs_contents_01 li.last {margin-right:0} .lbs_contents_01 li dt {font-weight:bold; line-height:20px; margin:8px 0 12px 0} .lbs_contents_01 li dt span {display:inline-block; *display:inline; border-bottom:2px solid #000; width:180px; zoom:1} .lbs_contents_01 li dt span.none {border:none;} .lbs_contents_01 li dd {line-height:20px} .lbs_contents_01 a.contact_us_mail {color:#d92414; text-decoration:underline} .etc_list {overflow:hidden; margin-top:15px} .etc_list li {float:left; margin:0 19px 9px 0} .etc_list li.last {margin-right:0} .contents_map_01 {overflow:hidden;} .contents_map_01 li {float:left; font-weight:bold; font-size:16px; text-align:center; margin-right:10px; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif} .contents_map_01 li div {margin-top:19px} .contents_map_01 li.last {margin-right:0} .contents_map_01 li span {color:#f0660a} .contents_map_02 {border:1px solid #bebebe} .contents_map_02 .title {background:#f5f5f5; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-weight:bold; border-bottom:1px solid #dcdcdc; padding:7px 0; text-align:center} .contents_map_02 li {border-bottom:1px solid #dcdcdc; padding:12px 0 13px 12px; color:#333} .contents_map_02 li.last {border-bottom:none} .map_infor_01 {overflow:hidden; margin-top:30px} .map_infor_01 .img {float:left; margin:33px 120px 0 106px} .map_infor_01 .txt_infor {float:left; width:287px} .map_infor_01 .txt_infor li {margin-bottom:24px} .map_infor_01 .txt_infor dt {font-weight:bold; color:#fff; text-align:center; padding:8px 0} .map_infor_01 .txt_infor dd {line-height:20px; border:1px solid #dcdcdc; border-top:none; padding:16px 0 16px 10px} .midZone {padding:59px 0 50px; text-align: center;} .midZone .midDescription {letter-spacing:-1px; line-height:24px; margin-top:35px;} .cnt_area .map_bg_rolling {position:relative; margin-top:20px} .cnt_area .map_bg_rolling .slide_btn_area a {position: absolute; top: 50%; margin-top: -60px; outline:0; width:37px; height: 63px; z-index: 9999} .cnt_area .map_bg_rolling .slide_btn_area a#prevBtn {left:0} .cnt_area .map_bg_rolling .slide_btn_area a#nextBtn {right:0} .cnt_area .map_bg_rolling .bx-wrapper .bx-controls-direction a {top:-9999999px; background:none} .cnt_area .map_bg_rolling .bx-wrapper .bx-pager {position:absolute; bottom:80px; width:100%; text-align:center; padding:0} .cnt_area .map_bg_rolling .bx-wrapper .bx-pager.bx-default-pager a {background:url(/images/main/ico_slide_dot_off.png) no-repeat 0 0; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 10px 0 0; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .cnt_area .map_bg_rolling .bx-wrapper .bx-pager.bx-default-pager a:hover, .cnt_area .map_bg_rolling .bx-wrapper .bx-pager.bx-default-pager a.active {background:url(/images/main/ico_slide_dot_on.png) no-repeat 0 0;} .box_list {overflow:hidden; margin-top:15px} .box_list li {float:left; border:1px solid #d5d5d5; margin:0 10px 10px 0} .box_list li.other {border:none; margin:0 7px} .box_list li.last {margin-right:0} .box_list li dt {border-bottom:1px solid #dcdcdc; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-weight:bold; padding:7px 0; text-align:center; background:#fbfbfb} .box_list li dt span {color:#d92414} .box_list li dd {width:149px; height:130px; padding:13px 10px 0 10px; color:#666; line-height:20px} .dot {float:left; width:7px} .dot_txt {float:left; width:140px} .cnt_accordion {} .cnt_accordion dt {margin-top:-1px; cursor:pointer; border:1px solid #bebebe; font-size:13px; font-family:Malgun Gothic,맑은 고딕,Helvetica,sans-serif; font-weight:bold; padding:6px 10px 6px 10px; background:#f5f5f5 url(/images/lbs_biz/ico_arrow_open.gif) no-repeat 700px 11px} .cnt_accordion dt.on {background:#f5f5f5 url(/images/lbs_biz/ico_arrow_close.gif) no-repeat 700px 11px} .cnt_accordion dd {padding:0 10px} .pushTab {width:710px; margin:20px 0 0 0} .pushTab .push {font-family:'Dotum', 돋움; vertical-align:middle; font-size:11px; color:#fff; width:38px; line-height:18px; display:inline-block; *display:inline; zoom:1; background: url(/images/lbs_biz/tab_bg_push.gif) no-repeat 0 0} .pushTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .push {background: url(/images/lbs_biz/tab_bg_push_on.gif) no-repeat 0 0} .ui-tabs .ui-tabs-nav li a {font-weight:bold} .ico_check_list {} .ico_check_list li {line-height:22px; padding:0 0 0 30px; background: url(/images/lbs_biz/img_lop_05.gif) no-repeat 0 4px} .nicescroll-rails div:hover {background-color:#8c8c8c !important} /* .numList {float:left; width:20px;} .numListTxt {float:left; width:650px; } */ .numList {position:absolute; top:0; left:0; width:16px;} .numListTxt {padding-left:16px; display:inline-block;} /* IE8 uses \0 */ @media all\0 {} /* IE8 uses \0 */ @media \0screen { #gnb ul li {float:left; display:inline-block; *display:inline; zoom:1; font-size:21px; padding:0 212px 8px 0; position:relative; z-index:1001;} #gnb ul li.last {padding:0 0 7px 0} .subMenuBg02 {position:absolute; top:120px; z-index:1000; width:100%; height:240px; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom; display:none} .subMenuBg {overflow:hidden; position:absolute; top:121px; z-index:999; width:100%; font-family:Dotum, 돋움; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom} .loginForm .idInput {padding:9px 11px 9px 11px} .loginForm .pwInput {padding:9px 11px 9px 11px} .searchInt {padding:8px 11px 7px 11px} #tmapForCar div.fancy-select div.trigger, #board div.fancy-select div.trigger {padding:9px 0 9px 8px} .selectFrm div.fancy-select div.trigger:after {top:10px !important} .mapCommonBtn span {letter-spacing:-0.05em} .boardView td .inputText03 {padding:8px 5px 8px 5px} } @media all and (monochrome:0) { .searchInt {padding:8px 11px\9} .loginForm .pwInput {padding:8px 11px 8px 11px\9} } /* IE9 uses \9 */ @media all and (monochrome:0) { /* @media screen and (min-width:0{{ content }}) { */ .subMenuBg02 {position:absolute; top:118px; z-index:1000; width:100%; height:240px; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom; display:none} .subMenuBg {overflow:hidden; position:absolute; top:118px; z-index:999; width:100%; font-family:Dotum, 돋움; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom} #allMenu.gnbMenu ul li li li {font-weight:normal; margin:10px 0 0 2px; padding-left:8px; background:url(/images/common/bul_dot.gif) no-repeat 0 6px} .mapCommonBtn span {letter-spacing:-0.06em} .mapCommonBtn span {line-height:36px;} .boardView .phoneNumber div.fancy-select div.trigger {padding:8px 0 6px 8px;} } /* 웹킷기반 */ @media screen and (-webkit-min-device-pixel-ratio:0){ .subMenuBg02 {position:absolute; top:117px; z-index:1000; width:100%; height:240px; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom; display:none} .mapCommonBtn span {letter-spacing:0} .subMenuBg {overflow:hidden; position:absolute; top:117px; z-index:999; width:100%; font-family:Dotum, 돋움; padding-bottom:3px; background:url(/images/common/bg_sub_menu.png) repeat-x 0 bottom} #gnb ul li {float:left; display:inline-block; *display:inline; zoom:1; font-size:21px; padding:0 212px 5px 0; position:relative; z-index:1001;} #gnb ul li.last {padding:0 0 5px 0} } /* 파이어폭스 */ @-moz-document url-prefix() { /* .loginForm input { padding:9px 11px 9px 11px;} */ .subMenuBg02 {top:119px;} .subMenuBg {top:119px;} }