@charset "utf-8"; #mainbody { position:relative;min-width:1245px; } #mainbody.main {background:#eaeaea} .bodywrapper { padding-bottom:5px;padding-right:65px;} /*.bodywrapper.current { padding-right:200px; }*/ #mainbody.loginbf .bodywrapper.current { padding-right:200px; } #mainbody.loginbf .bodywrapper.current .mainheader aside { right:200px; } #mainbody.loginbf .bodywrapper.current .quickmenu { display:block !important } .mainheader { top:0;left:0;width:100%;height:43px;background:url(../../images/myc/bg_header.png) repeat-x 0 0;z-index:99 } .mainheader h1 { position:absolute;top:0;left:0; } .mainheader h1 a { display:block;width:140px;height:43px;text-indent:-9999px;background:url(../../images/new/logo.png) no-repeat 12px 7px; } .mainheader nav { padding-left:140px; } .mainheader nav > ul { overflow:hidden; } .mainheader nav > ul:after { content:"";display:block;clear:both } .mainheader nav > ul > li { float:left; } .mainheader nav > ul > li > a { display:block;height:23px;padding:10px 8px;text-align:center;text-decoration:none;min-width:30px} .mainheader nav > ul > li > a.current { background:#fff} .mainheader nav > ul > li > a.current span { color:#0346cc;font-weight:bold} .mainheader nav > ul > li > a > span { display:block;font-size:14px;color:#fff; } .mainheader nav > ul > li > ul { position:absolute;top:43px;left:0;width:207px;min-height:400px;padding:10px 0 30px;background:#fff url(../../images/bg_nav_area.gif) repeat-x 0 100%;z-index:2; } .mainheader nav > ul > li > ul > li { float:none;width:206px;padding:3px 0 3px 340px; } .mainheader nav > ul > li > ul > li > a { display:block;position:relative;line-height:21px;padding:0 15px;z-index:2;text-decoration:none } .mainheader nav > ul > li > ul > li > a > span { color:#545454;font-size:13px; } .mainheader nav > ul > li > ul > li > a.current,.mainheader nav > ul > li > ul > li > a:hover,.mainheader nav > ul > li > ul > li > a:focus { background:#9da3af url(../../images/bg_nav_menu_arr.gif) no-repeat 100% 50%; } .mainheader nav > ul > li > ul > li > a.current span,.mainheader nav > ul > li > ul > li > a:hover span,.mainheader nav > ul > li > ul > li > a:focus span { color:#fff; } .mainheader .menu_bg { position:absolute;top:13px;left:0;width:545px;height:350px;background:url(../../images/bg_nav_dotline.gif) repeat-y 100% 0;z-index:1; } .mainheader .menu_bg.no_line { background:none } .mainheader .menu_bg .menu_title { width:276px;height:300px;padding:0 22px;line-height:42px;letter-spacing:-1px;font-size:18px;background:url(../../images/bg_nav_menu_title.gif) no-repeat 100% 0; } .mainheader .menu_bg .menu_title span { display:block;width:260px;color:#18181a;font-size:32px; font-weight: normal;} .mainheader .menu_bg .menu_title p {color:#6c6f74;font-size:12px; font-weight: normal;} .mainheader nav > ul > li > ul > li > ul { position:absolute;top:13px;left:540px;width:305px;height:380px;background:url(../../images/bg_nav_dotline.gif) repeat-y 100% 0;z-index:2; } .mainheader nav > ul > li > ul > li > ul > li { padding-left:10px;} .mainheader nav > ul > li > ul > li > ul > li > a { display:block;padding:0 15px;line-height:24px; } .mainheader nav > ul > li > ul > li > ul > li > a > span { overflow:hidden;display:block;color:#203960;font-size:13px;text-overflow:ellipsis;white-space:nowrap; } .mainheader nav > ul > li > ul > li > ul > li > a.current,.mainheader nav > ul > li > ul > li > ul > li > a:hover { text-decoration:none} .mainheader nav > ul > li > ul > li > ul > li > a.current { font-weight:bold} .mainheader nav > ul > li > ul > li > ul > li > a.current span,.mainheader nav > ul > li > ul > li > ul > li > a:hover span { color:#2e69de; } .mainheader nav > ul > li > ul > li > ul > li > ul { position:absolute;top:0;left:325px;width:250px; } .mainheader nav > ul > li > ul > li > ul > li > ul > li { } .mainheader nav > ul > li > ul > li > ul > li > ul > li > a { display:block;line-height:24px; } .mainheader nav > ul > li > ul > li > ul > li > ul > li > a > span { display:block;color:#5f6876;font-size:12px; } .mainheader nav > ul > li > ul > li > ul > li > ul > li > a:hover,.mainheader nav > ul > li > ul > li > ul > li > ul > li > a.current { padding-left:8px;background:url(../../images/bg_nav_menu_bul.gif) no-repeat 0 9px } .mainheader nav > ul > li > ul > li > ul > li > ul > li > a:hover span,.mainheader nav > ul > li > ul > li > ul > li > ul > li > a.current span { color:#447acf; } .mainheader nav > ul > li > ul:after, .mainheader nav > ul > li > ul > li > ul:after { content:"";display:block;height:0;clear:both;visibility:hidden; } .mainheader dl { position:absolute;top:185px;left:20px;width:262px;border:1px solid #cfcfcf;border-radius:6px;background:#f6f6f6;z-index:3; } .mainheader dl dt,.mainheader dl dd{ padding:0 14px;font-size:12px; } .mainheader dl dt { height:25px;line-height:25px;border-bottom:1px solid #ddd;color:#56575b; } .mainheader dl dt a { display:inline-block;position:absolute;top:10px;right:10px;width:10px;height:10px;background:url(../../images/bg_nav_menu_list.png) no-repeat 0 0; } .mainheader dl dt a.current{background-image:url(../../images/bg_nav_menu_list_close.png)} .mainheader dl dt a span { display:block;text-indent:-9999px; } .mainheader dl dd { border-top:1px solid #fff; } .mainheader dl dd ul { padding:5px 0 8px; } .mainheader dl dd ul li a { display:block;line-height:22px;padding-left:8px;color:#5e5e5e;background:url(../../images/bg_nav_list_bul.gif) no-repeat 0 50%; } .mainheader dl dd ul li a:hover,.mainheader dl dd ul li a:focus,.mainheader dl dd ul li a:active { color:#2e69de } .mainheader aside { position:absolute;top:9px;right:65px;line-height:25px; } .mainheader aside .searchtext { display:inline-block;position:relative;width:127px;height:100%;padding:0 0 0 8px;background:url(../../images/myc/bg_searchtext.png) no-repeat 0 0; } .mainheader aside .searchtext input { width:105px;padding:0 5px;line-height:25px;color:#fff;border:none;vertical-align:top;background:transparent; } .mainheader aside .searchtext button { position:absolute;top:0;right:7px;width:25px;height:100%;background:url(../../images/btn_searchtext.png) no-repeat 6px 4px; } .mainheader aside .searchtext button span { display:inline-block;text-indent:-9999px; } .mainheader aside .sitemap { display:inline-block;width:76px;height:100%;margin-left:2px;text-indent:-9999px;background:url(../../images/btn_sitemap.png) no-repeat 2px 50%; } /*.bodywrapper.current .mainheader aside { right:200px; }*/ #content { position:relative;padding:11px 30px 80px 240px; } #left { position:absolute;top:11px;left:11px;width:200px;border:1px solid #d4d4d4;border-bottom:0;box-shadow:0 3px #ebebeb;border-radius:5px;word-break:break-all; } #left .left_top { padding:10px 20px 15px 10px;border-bottom:2px solid #4f7bd5;border-radius:5px 5px 0 0;background:url(../../images/bg_lefth1.png) repeat-x 0 100%; } #left .left_top h1 { line-height:23px;text-align:center;color:#406cc8;font-size:16px; } #left .leftmenu { } #left .leftmenu > ul { } #left .leftmenu > ul > li { background:#fafafa; } #left .leftmenu > ul > li > a { display:block;padding:11px 7px 11px 10px;border-bottom:1px solid #c8c8c8; } #left .leftmenu > ul > li:last-child > a{border-bottom:1px solid #d4d4d4} #left .leftmenu > ul > li > a > span { display:block;padding-right:22px;color:#2a313b;font-size:13px;background:url(../../images/ico_left2depth_on.gif) no-repeat 100% 0; } #left .leftmenu > ul > li > a:hover > span,#left .leftmenu > ul > li > a:active > span,#left .leftmenu > ul > li > a:focus > span {color:#4574d2} #left .leftmenu > ul > li > a.current { border-radius:0 !important; } #left .leftmenu > ul > li > a.current > span { font-weight:bold;color:#305c95;background:url(../../images/ico_left2depth_active.gif) no-repeat 100% 0; } #left .leftmenu > ul > li.no_depth > a > span,#left .leftmenu > ul > li.no_depth > a.current > span {background:none} #left .leftmenu > ul > li > ul { } #left .leftmenu > ul > li > ul > li { } #left .leftmenu > ul > li > ul > li > a { display:block;padding:0 5px 0 26px;line-height:34px;border-top:1px solid #f0f1f2;border-bottom:1px solid #c8c8c8;background:#eff0f2 url(../../images/bul_left3depth.png) no-repeat 15px 15px; } #left .leftmenu > ul > li > ul > li > a span { display:block;color:#2a313b;font-size:12px; } #left .leftmenu > ul > li > ul > li > a:hover > span,#left .leftmenu > ul > li > ul > li > a:active > span,#left .leftmenu > ul > li > ul > li > a:focus > span {color:#4574d2} #left .leftmenu > ul > li > ul > li > a.current span { color:#335db5;font-weight:bold; } #left .leftmenu > ul > li > ul > li > ul { background:#e2e2e2;border-bottom:1px solid #c8c8c8; } #left .leftmenu > ul > li > ul > li > ul > li { } #left .leftmenu > ul > li > ul > li > ul > li > a { display:block;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; } #left .leftmenu > ul > li > ul > li > ul > li > a > span { display:block;padding:3px 5px 3px 20px;color:#353d48;font-size:12px;background:url(../../images/ico_left4depth_off.gif) no-repeat 11px 11px } #left .leftmenu > ul > li > ul > li > ul > li > a:hover > span,#left .leftmenu > ul > li > ul > li > ul > li > a:active > span,#left .leftmenu > ul > li > ul > li > ul > li > a:focus > span {color:#4574d2} #left .leftmenu > ul > li > ul > li > ul > li > a.prev { border-bottom:1px solid #ccc; } #left .leftmenu > ul > li > ul > li > ul > li > a.current { border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f9f9f9;background:linear-gradient(#ffffff, #f3f3f3); } #left .leftmenu > ul > li > ul > li > ul > li > a.current span{background:url(../../images/ico_left4depth_on.gif) no-repeat 0 0;} #left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current { border-top:0;box-shadow:0 1px #fff inset; } #left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current { border-bottom:0 } #left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current span{padding-top:4px;} #left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current span{padding-bottom:4px} #left .leftmenu.depth4 > ul > li > ul > li > a { display:block;padding:7px 13px 6px 20px;line-height:20px;border-top:1px solid #f0f1f2;border-bottom:1px solid #c8c8c8;background:#eff0f2 url(../../images/bul_left3depth.gif) no-repeat 11px 15px; } #left .leftmenu.depth4 > ul > li > ul > li > a span { display:block;padding:0 10px 0 0;color:#2a313b;background:url(../../images/ico_left3depth2.gif) no-repeat 100% 6px; } #left .leftmenu.depth4 > ul > li > ul > li > a:hover > span,#left .leftmenu.depth4 > ul > li > ul > li > a:active > span,#left .leftmenu.depth4 > ul > li > ul > li > a:focus > span {color:#4574d2} #left .leftmenu.depth4 > ul > li > ul > li > a.current span { color:#3e5a9a;font-weight:bold;background:url(../../images/ico_left3depth.gif) no-repeat 100% 6px; } #left .leftmenu.depth4 > ul > li > ul > li.no_depth > a span,#left .leftmenu.depth4 > ul > li > ul > li.no_depth > a.current span{background:none} #left .left_close { position:absolute;top:6px;right:0;width:14px;height:34px;background:url(../../images/btn_left_opener.png) no-repeat 0 0; } #left .left_close span { display:inline-block;text-indent:-9999px; } #content.leftfolded { padding:11px 30px 16px 53px; } #content.leftfolded #left { width:2px;height:50px;border-bottom:1px solid #d4d4d4; } #content.leftfolded #left .leftmenu, #content.leftfolded #left .left_top { display:none; } #content.leftfolded #left .left_close { width:14px;top:7px;right:auto;left:0;background:url(../../images/btn_left_opener.png) no-repeat -16px 0; } .quickmenu { position:fixed;top:0;right:0;width:65px;background:url(../../images/myc/bg_quick.png) repeat-y left top;z-index:99;height:100%} .quickmenu .quickmenu_top { position:relative;width:100%;height:43px;background:url(../../images/myc/bg_quicktop.png) repeat-x 0 0;border-bottom:1px solid #4a4a4a;box-sizing:border-box } .quickmenu .quickmenu_top h1 + a { display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px;background:url(../../images/myc/bg_quickmenuclosed.png) no-repeat 50% 50%;z-index:999 } .quickmenu .quickmenu_top h1 { display:none; } .quickmenu.login_after .quickmenu_top h1{display:block;text-indent:-9999px;background:url(../../images/myc/h1_customs_my02.png) no-repeat 15px 16px} .quickmenu.login_after .quickmenu_top h1 > a{display:block;height:43px;background:url(../../images/myc/h1_customs_btn.png) no-repeat 94% 15px} .quickmenu.login_after .quickmenu_top h1 + a {width:19px;height:50px;top:63px;left:47px;background:url(../../images/myc/btn_quickmenu.png) no-repeat 0 0} .quickmenu.current.login_after .quickmenu_top h1{background:url(../../images/myc/h1_customs_my01.png) no-repeat 20px 16px } .quickmenu.current.login_after .quickmenu_top h1 + a {left:182px;background-position:0 -50px} .quickmenu .quickmenuwrapper { } .quickmenu .info { padding:17px 19px 16px 21px;text-align:center; } .quickmenu .info dl { display:none; } .quickmenu .infoBtn { text-align:center; } .quickmenu .infoBtn .myinfo { display:block;width:25px;height:25px;margin:15px 0 15px 20px;text-indent:-9999px;background:url(../../images/btn_myinfo.png) no-repeat 0 0; } .quickmenu .infoBtn .message { display:none; } .quickmenu .infoBtn .logout { display:block;width:25px;height:25px;margin:0 0 15px 20px;text-indent:-9999px;background:url(../../images/btn_logout.png) no-repeat 0 0; } .quickmenu footer ul li { border-top:1px solid #555560; } .quickmenu footer ul li:first-child { border-top:1px solid #585862; } .quickmenu li.third, .quickmenu li.fourth { font-size:11px; } .quickmenu footer ul li a { display:block;padding:10px 7px;text-align:center; } .quickmenu footer ul li a span { display:inline-block;color:#fff; } .quickmenu footer ul li ul{background:#2d2d37} .quickmenu footer ul li li{border:0} .quickmenu footer ul li.first ul{padding:11px 13px 11px 19px;} .quickmenu footer ul li.first li{position:relative;height:22px;padding-top:4px;} .quickmenu footer ul li.first li:first-child{padding-top:0} .quickmenu footer ul li.first li select{width:132px;height:100%;padding-left:1px;color:#b0afc1;border:1px solid #585862;vertical-align:top;background:#585862} .quickmenu footer ul li.first li button{position:absolute;right:6px;} .quickmenu footer > p {border-top:1px solid #555560;height:50px} .quickmenu footer > p span { display:none; } .quickmenu footer > p .top {display:block;padding-top:16px;text-align:center} .quickmenu.current { width:200px; } .quickmenu.current .quickmenu_top a { background:url(../../images/myc/bg_quickmenuopened.png) no-repeat 13px 10px; } .quickmenu.current .quickmenu_top h1 { display:block;width:100%;height:43px;text-indent:-9999px;background:url(../../images/myc/h1_customs.png) no-repeat 50% 16px; } .quickmenu.current .info { padding:12px 0;text-align:center;border-bottom:1px solid #25252c;background:#2d2d37; } .quickmenu.current .info p { color:#d2d2d2;font-size:13px; } .quickmenu.current .info p span { color:#fff; } .quickmenu.current .info ul { display:block;padding:8px 0 0;text-align:center; } .quickmenu.current .info ul li { color:#e1e1e5; } .quickmenu.current .info ul li span { color:#44f6f3; } .quickmenu footer,.quickmenu.current footer { position:absolute;bottom:0;width:100%;background:url(../../images/myc/bg_quickf.png) repeat-y left top} .quickmenu.current footer ul:after { content:"";display:block;height:0;clear:both;visibility:hidden; } .quickmenu.current footer ul li.third { float:left;width:42%; } .quickmenu.current footer ul li.fourth { float:right;width:58%;border-left:1px solid #555560;box-sizing:border-box; } .quickmenu.current footer ul li a { line-height:36px;padding:0 17px 0 18px;text-align:left; } .quickmenu.current footer ul li.fourth a { letter-spacing:-1px; } .quickmenu.current footer ul li a span { display:block;background:url(../../images/ico_quickfooter.png) no-repeat 100% 8px; } .quickmenu.current footer ul li a.current span{background-position:100% -60px} .quickmenu.current footer ul li.third a span, .quickmenu.current footer ul li.fourth a span, .quickmenu.current footer ul li.second a span{ background:none; } .quickmenu footer ul li > p { display:none} .quickmenu.current footer ul li.second > p{overflow:hidden;height:70px;padding:10px 0 0 2px;background:none;} .quickmenu.current footer ul li.second > p>a{float:left;width:90px;background:url(../../images/btn_footer_help.gif) no-repeat 0 0;} .quickmenu footer ul li.second>p>a,.quickmenu footer ul li.second>p>a span{display:block;height:61px} .quickmenu footer ul li.second>p>a{padding:0;} .quickmenu footer ul li.second>p>a>span{text-indent:-9999px;background:none !important} .quickmenu.current footer ul li > p { display:block;padding:10px 17px 0 18px;color:#c8cdd0;font-size:12px;line-height:15px;background:#2d2d37;} .quickmenu.current footer ul li > p>span {display:block;margin-top:2px} .quickmenu.current footer > p span { display:block;padding:16px 0 0;color:#6b7686;font-size:11px;line-height:16px;text-align:center; } .info_customs{position:relative;padding-top:60px} .info_customs .tit,.info_customs .tit button,.info_customs .tit a,.info_customs .tit span{display:block;width:27px;height:26px} .info_customs .tit{position:absolute;top:15px;left:20px;} .info_customs .tit.message,.info_customs .tit.mypage,.info_customs .tit.quickFvrt,.info_customs .tit.mycustoms,.info_customs .tit.fvrtMenu{display:none} .info_customs .tit.logout{left:15px;top:10px} .info_customs .tit button,.info_customs .tit a{background:url(../../images/btn_info_customs_NEW.png) no-repeat 0 0} .info_customs .tit.message button,.info_customs .tit.message a{background-position:-37px 0} .info_customs .tit.mypage button,.info_customs .tit.mypage a{background-position:-73px 0} .info_customs .tit.logout button,.info_customs .tit.mycustoms a{background-position:-109px 0} .info_customs .tit.logout button,.info_customs .tit.mycustoms>span{text-indent:0 !important;position:absolute; line-height:13px;text-align:center;top:-4px; right:-5px;width:18px;height:13px; border:1px solid #b1b1be; background:#7a7a7a; color:#ffe500; font-size:12px} .info_customs .tit.logout button,.info_customs .tit.logout a{background-position:-146px 0} .info_customs .tit.on button,.info_customs .tit.on a{background-position:0 -34px} .info_customs .tit.on.message button,.info_customs .tit.message a:hover,.info_customs .tit.message a:active,.info_customs .tit.message a:focus{background-position:-37px -34px} .info_customs .tit.on.mypage button,.info_customs .tit.mypage a:hover,.info_customs .tit.mypage a:active,.info_customs .tit.mypage a:focus{background-position:-73px -34px} .info_customs .tit.on.mycustoms button,.info_customs .tit.mycustoms a:hover,.info_customs .tit.mycustoms a:active,.info_customs .tit.mycustoms a:focus{background-position:-109px -34px} .info_customs .tit.on.logout button,.info_customs .tit.logout a:hover,.info_customs .tit.logout a:active,.info_customs .tit.logout a:focus{background-position:-146px -34px} .info_customs .tit span{text-indent:-9999px} .info_customs article{height:375px;border-top:1px solid #585862} /* 즐겨찾기 아이콘 */ .fav_icons{position:relative;height:325px;border-top:1px solid #585862;border-left:1px solid #53535d} .fav_icons h2{margin:0;padding:0} .fav_icons h2 a{display:none;margin:5px 0 0 15px;padding:0 0 0 12px;line-height:16px;color:#e4e4eb;font-size:12px;background:url(../../images/bg_appOpen.png) no-repeat 0 4px;} .fav_icons .icon_menu{padding:0 0 0 8px;*zoom:1} .fav_icons .icon_menu:after{content:"";display:block;clear:both} .fav_icons .icon_menu li{position:relative;float:left;width:47px;height:80px;margin:0 14px 5px 0;font-size:11px} .fav_icons .icon_menu li a,.fav_icons .icon_menu li a span{display:block;color:#e4e4eb;} .fav_icons .icon_menu li a{height:45px;border-radius:5px;background:url(../../images/bg_quickicons.png) repeat-x 0 0} .fav_icons .icon_menu li a:hover span{color:#21ced3} .fav_icons .icon_menu li span{position:absolute;left:0;width:47px;height:14px;padding-top:52px;line-height:14px;text-align:center;} .fav_icons .icon_menu li button,.fav_icons .icon_menu li label{display:inline-block;position:absolute;top:-8px;right:-5px;width:8px;height:18px;padding:0 6px 0 5px;line-height:19px;border:2px solid #b4b5bd;border-radius:16px;font-size:11px;color:#e8c81a;font-weight:bold;background:#3a3a44;} .fav_icons .icon_menu li span{background:url(../../images/quickicons/ico_fav.png) no-repeat 0 0} .fav_icons .icon_menu li .icon_01 span {background-position:-58px 0} .fav_icons .icon_menu li .icon_02 span {background-position:-116px 0} .fav_icons .icon_menu li .icon_03 span {background-position:-174px 0} .fav_icons .icon_menu li .icon_04 span {background-position:-232px 0} .fav_icons .icon_menu li .icon_05 span {background-position:-290px 0} .fav_icons .icon_menu li .icon_06 span {background-position:-348px 0} .fav_icons .icon_menu li .icon_07 span {background-position:-406px 0} .fav_icons .icon_menu li .icon_08 span {background-position:-464px 0} .fav_icons .icon_menu li .icon_09 span {background-position:0 -58px} .fav_icons .icon_menu li .icon_10 span {background-position:-58px -58px} .fav_icons .icon_menu li .icon_11 span {background-position:-116px -58px} .fav_icons .icon_menu li .icon_12 span {background-position:-174px -58px} .fav_icons .icon_menu li .icon_13 span {background-position:-232px -58px} .fav_icons .icon_menu li .icon_14 span {background-position:-290px -58px} .fav_icons .icon_menu li .icon_15 span {background-position:-348px -58px} .fav_icons .icon_menu li .icon_16 span {background-position:-406px -58px} .fav_icons .icon_menu li .icon_17 span {background-position:-464px -58px} .fav_icons .icon_menu li .icon_18 span {background-position:0 -116px} .fav_icons .icon_menu li .icon_19 span {background-position:-58px -116px} .fav_icons .icon_menu li .icon_20 span {background-position:-116px -116px} .fav_icons .icon_menu li .icon_21 span {background-position:-174px -116px} .fav_icons .icon_menu li .icon_22 span {background-position:-232px -116px} .fav_icons .icon_menu li .icon_23 span {background-position:-290px -116px} .fav_icons .icon_menu li .icon_24 span {background-position:-348px -116px} .fav_icons .icon_menu li .icon_25 span {background-position:-406px -116px} .fav_icons .icon_menu li .icon_26 span {background-position:-464px -116px} .fav_icons .icon_menu li .icon_27 span {background-position:0 -174px} .fav_icons .icon_menu li .icon_28 span {background-position:-58px -174px} .fav_icons .icon_menu li .icon_29 span {background-position:-116px -174px} .fav_icons .icon_menu li .icon_30 span {background-position:-174px -174px} .fav_icons .icon_menu li .icon_31 span {background-position:-232px -174px} .fav_icons .icon_menu li .icon_32 span {background-position:-290px -174px} .fav_icons .icon_menu li .icon_33 span {background-position:-348px -174px} .fav_icons .icon_menu li .icon_34 span {background-position:-406px -174px} .fav_icons .icon_menu li .icon_35 span {background-position:-464px -174px} .fav_icons .icon_area { overflow:hidden;position:relative;height:595px;padding:10px 0 0; } .fav_icons .icon_area h3 { display:none;position:absolute;left:35px;bottom:9px;width:25px;margin:0;padding:0; } .fav_icons .icon_area h3 a,.fav_icons .icon_area h3 strong { display:block;height:25px;background:url(../../images/btn_quickpaging_off.png) no-repeat 0 0; } .fav_icons .icon_area h3 a span,.fav_icons .icon_area h3 strong span{display:inline-block;text-indent:-9999px} .fav_icons .icon_area h3.on a { background:url(../../images/btn_quickpaging_on.png) no-repeat 0 0; } .fav_icons .icon_area h3.area_02{left:70px} .fav_icons .icon_area h3.area_03{left:105px} .fav_icons .icon_area h3.area_02 a,.icon_area h3.area_02 strong{background-position:-50px 0} .fav_icons .icon_area h3.area_03 a,.icon_area h3.area_03 strong{background-position:-100px 0} .fav_icons .icon_area h3.on.area_02 a{background-position:-50px 0} .fav_icons .icon_area h3.on.area_03 a{background-position:-100px 0} .fav_icons .icon_area .icon_setting { position:absolute;bottom:9px;left:140px;width:25px;height:25px;background:url(../../images/btn_settings.png) no-repeat 0 0; } .fav_icons .icon_area .icon_setting span { display:inline-block;text-indent:-9999px; } /* 메시지 톡 */ .message_talk aside{position:relative;height:35px;background:#474751} .message_talk aside h2{padding:0 0 0 12px;line-height:35px;font-size:13px;color:#fff} .message_talk aside h2 span{padding-left:5px;color:#c5c5c5} .message_talk aside button{display:inline-block;width:18px;height:18px;margin-left:10px;text-indent:-9999px;background:url(../../images/btn_message_function.png) no-repeat 0 0} .message_talk aside .btn_area{position:absolute;top:8px;right:8px;} .message_talk aside .setting{background-position:-30px 0} .message_talk aside .reset{background-position:-59px 0} .message_talk aside .close{position:absolute;top:11px;right:12px;width:11px;height:11px;text-indent:-9999px;background:url(../../images/btn_message_total.png) no-repeat -29px -48px} .message_talk fieldset{height:20px;padding:8px 2px 8px 10px;background:#2d2d37} .message_talk fieldset input,.message_talk fieldset button{display:inline-block;height:20px;} .message_talk fieldset label{color:#61616d} .message_talk fieldset input{width:140px;color:#fefefe;border:0;background:transparent} .message_talk fieldset button{width:30px;margin-right:2px;text-indent:-9999px;border-left:1px solid #474751;background:url(../../images/btn_message_search.png) no-repeat 9px 50%} .message_lst p{position:relative;padding:0 12px;line-height:33px;border-top:1px solid #71717b;color:#fff;font-size:12px;background:#5d5d68} .message_lst p span,.message_lst p button,.message_lst p a{display:inline-block;font-size:11px;} .message_lst p span{margin-left:5px;color:#ffdb3d} .message_lst p button,.message_lst p a{position:absolute} .message_lst p button{top:9px;right:25px;padding:0 8px;border-right:1px solid #41414a;color:#fff} .message_lst p a{right:0;width:24px;height:32px;text-indent:-9999px;background:url(../../images/btn_message_lst.png) no-repeat -26px 0} .message_lst p a.current{background-position:0 0} .message_lst li li,.modify li{padding:10px 11px;font-size:11px;color:#f2f2f2;border-top:1px solid #65656e;border-bottom:1px solid #3a3a44} .message_lst li li:first-child,.modify li:first-child,.modify li.first_child{border-top:0} .message_lst li li strong,.modify li strong{margin-right:2px;font-size:12px} .message_lst .lately li span,.modify li span{margin-left:5px;color:#ffdb3d} .message_lst .lately li a,.modify li a{overflow:hidden;display:block;padding-top:3px;color:#c4c4c4;line-height:15px;font-size:11px;text-overflow:ellipsis;white-space:nowrap} .message_lst .lately li a:hover,.message_lst .lately li a:active,.message_lst .lately li a:focus,.modify li a:hover,.modify li a:active,.modify li a:focus{color:#dbbb2d} .message_lst .relation ul{height:295px;} .message_lst .relation li{padding-top:9px;padding-bottom:9px} .message_lst .relation .talk_ico,.message_lst .relation div span {display:inline-block;} .message_lst .relation .talk_ico{width:19px;height:16px;margin:0 5px;text-indent:-9999px;background:url(../../images/btn_message_total.png) no-repeat 0 0} .message_lst .relation .talk_ico:hover,.message_lst .relation .talk_ico:active,.message_lst .relation .talk_ico:focus{background-position:-20px 0} .message_lst .relation div span{line-height:11px;font-size:11px;letter-spacing:-1px} .message_lst .relation div span:first-child{padding-right:5px;border-right:1px solid #808085} .message_lst .relation div span a,.message_lst .relation div span strong{color:#fff} .message_lst .relation div span strong{letter-spacing:0} .message_lst .relation div span a:hover,.message_lst .relation div span a:active,.message_lst .relation div span a:focus{color:#ffdb3d} .modify{border-bottom:1px solid #65656e} .modify p{padding:11px;line-height:18px;color:#b5b5b5;font-size:11px;letter-spacing:-1px;background:#2d2d37} .modify li{position:relative;padding-right:50px} .modify li .close{display:inline-block;position:absolute;top:16px;right:10px;width:21px;height:21px;text-indent:-9999px;background:url(../../images/btn_message_total.png) no-repeat -29px -24px} .talk_box {background:#22222c} .talk_box .area {height:315px;padding-left:12px;} /*.talk_box .area,.message_lst .relation ul{overflow-y:auto;overflow-x:hidden; scrollbar-3dLight-Color:#22222c; scrollbar-arrow-color:#fff; scrollbar-base-color:#22222c; scrollbar-Face-Color:#3a3a44; scrollbar-Track-Color:#22222c; scrollbar-DarkShadow-Color:#22222c; scrollbar-Highlight-Color:#22222c; scrollbar-Shadow-color:#22222c }*/ .talk_box .area::-webkit-scrollbar,.message_lst .relation ul::-webkit-scrollbar {width:12px} .talk_box .area::-webkit-scrollbar-track,.message_lst .relation ul::-webkit-scrollbar-track{background:#22222c} .talk_box .area::-webkit-scrollbar-thumb,.message_lst .relation ul::-webkit-scrollbar-thumb{height:50px;border-radius:6px;background:#3a3a44;} .talk_box .area h3{padding-top:10px;line-height:15px;color:#fff;font-size:12px} .talk_box .area h3 span{padding-left:5px;color:#c5c5c5} .talk_box ul{padding-right:12px;*zoom:1} .talk_box ul:after{content:"";display:block;clear:both} .talk_box ul li {clear:both; min-width:140px;} .talk_box li{float:right;margin-bottom:5px;padding-bottom:10px;background:url(../../images/btn_message_talk.png) no-repeat 100% 100%} .talk_box li.other{float:left;background-position:0 100%} .talk_box li div{padding:6px 8px;line-height:15px;font-size:11px;color:#333;border-radius:6px;background:#fff;word-break:break-all} .talk_box li.other div{background:#ffdb3d} .talk_box li span{display:block;position:relative;padding-top:5px;line-height:15px;text-align:right} .talk_box li span span {display:block;} .talk_box li span a{display:inline-block;padding-left:15px;background:url(../../images/btn_message_total.png) no-repeat -29px -59px} .talk_box fieldset {height:60px;margin:9px 0 0;padding:5px 12px 10px;background:#22222c} .talk_box fieldset div{position:relative;padding:6px 35px 6px 5px;border:1px solid #4b4b58;border-radius:5px;background:#3a3a44;height:50px;} .talk_box fieldset textarea{line-height:15px;color:#fefefe;font-size:11px;resize:none;border:0;background:transparent} .talk_box fieldset a,.talk_box fieldset button{display:inline-block;position:absolute;top:6px;right:5px;width:26px;margin:0;padding:0;text-indent:-9999px;background:url(../../images/btn_message_total.png) no-repeat 0 -24px} .talk_box fieldset a{height:17px} .talk_box fieldset button{top:27px;height:27px;background-position:0 -45px} /* quick영역 - 개인이용메뉴 */ .quickmenu.current .info_customs{height:436px;padding-top:44px} .quickmenu.current .info_customs article{height:435px;} .quickmenu.current .info_customs .tit.message,.quickmenu.current .info_customs .tit.mypage,.quickmenu.current .info_customs .tit.fvrtMenu,.quickmenu.current .info_customs .tit.mycustoms{display:block;} .quickmenu.current .info_customs .tit{top:9px;left:27px} .quickmenu.current .info_customs .tit.message{left:65px} /*.quickmenu.current .info_customs .tit.mypage{left:87px}*/ .quickmenu.current .info_customs .tit.mycustoms{left:103px} .quickmenu.current .info_customs .tit.logout{left:141px} /* 즐겨찾기 아이콘 관련 current */ .quickmenu.current .fav_icons{height:435px} .quickmenu.current .fav_icons h2 a{display:block;} .quickmenu.current .fav_icons .icon_menu{padding:0 0 0 15px} .quickmenu.current .fav_icons .icon_area{height:375px;} .quickmenu.current .fav_icons .icon_area h3{display:block} .quickmenu.current .fav_total.current{position:absolute;top:-44px;width:397px;height:43px;border-right:1px solid #585862;border-bottom:1px solid #585862;background:#3a3a44} .quickmenu.current .fav_total.current a{width:30px;padding-left:17px;line-height:32px;background:url(../../images/btn_delete.png) no-repeat 0 10px} .quickmenu.current .fav_total.current button{display:inline-block;position:absolute;top:10px;left:265px;width:60px;height:25px;color:#fff;border-radius:2px;background:#5a5a67} .quickmenu.current .fav_total.current button[type="submit"],.quickmenu.current .fav_total.current button.btn_submit{left:330px;background:#4f76c5} .quickmenu.current .fav_icons.current .area{position:absolute;right:0;width:597px;background:#474751} .quickmenu.current .fav_icons.current .icon_area{height:100%;padding:0;} .quickmenu.current .fav_icons.current .icon_area ul{float:left;width:183px;height:390px;padding-top:20px;border-left:1px solid #585862} .quickmenu.current .fav_icons.current .icon_area .area_01 + ul{border-left:0} .quickmenu.current .fav_icons.current .icon_area h3{bottom:17px;left:85px} .quickmenu.current .fav_icons.current .icon_area h3.area_02{left:285px} .quickmenu.current .fav_icons.current .icon_area h3.area_03{left:485px} .quickmenu.current .fav_icons.current .icon_area .icon_setting{display:none} .quickmenu.current .normal .info {padding-top:25px} .quickmenu.current .normal .info .login {height:48px !important;border-bottom:0 !important} .quickmenu.current .normal .info .login .button {top:6px !important} /* 2014-8월 :2주차 */ /* UI-MYC-0101-010S_개별담보제공신청 table-layout */ .table_layout .v_top{ vertical-align:top} .table_layout .v_bott{ vertical-align:bottom} .table_layout .v_top .table_top{ margin-right:15px} .table_top.calendar tbody td { height:80px;vertical-align:top;text-align:right;padding-right:12px; } .table_top.calendar tbody td a { color:#000; } .table_top.calendar tbody td .unclick { color:#a1a1a1; } /* main 20140812 ---------------------------------------------------------*/ .clearBoth { clear:both; } #main { position:relative;background:#eaeaea; } .push { padding:20px 27px;background:#fff; } .push_left { float:left;width:54%;position:relative; } .push_right { float:right;width:44%;position:relative; } .push_left header, .push_right header { position:relative;height:42px;border:1px solid #d6d6d6;background:#f5f5f5; } .push_left header h1, .push_right header h1 { position:absolute;left:20px;top:10px;color:#4270cc;font-size:17px;font-weight:bold; } .push_left header a, .push_right header a { position:absolute;right:20px;top:11px; } .push_left .process, .push_right .stat { position:relative;height:228px;padding:0 20px;border:1px solid #d6d6d6;border-top:0; } .process { padding:0 20px; } .process p { padding:13px 0 0; } .process p span { color:#4270cc; } .process .pro_search { position:relative;height:34px;margin:12px 0 0;padding-right:58px } .process .pro_search select { width:100%;height:34px;padding:5px 0;line-height:29px;border:1px solid #e3e3e3;color:#000;font-weight:bold;font-size:13px;background:#f2f2f2; } .process .pro_search a { position:absolute;top:0;right:0; } .process .pro_search a.pro_search_combo { right:54px; } .process .pro_graph { margin:20px 0 0; } .process .pro_graph dl { position:relative;float:left;width:20%;height:103px;text-align:center;background:url(../../images/bg_pro_graph.gif) repeat-x 0 53px; } .process .pro_graph dl dt { position:absolute;top:0;width:100%; line-height:14px} .process .pro_graph dl dt strong { display:inline-block; height:45px; } .process .pro_graph dl dt span { display:block;font-size:12px;color:#5f5f5f;text-align:center; padding-top:48px;} .process .pro_graph dl dd div { position:relative;height:55px;background:url(../../images/bg_process.png) no-repeat 50%; margin-top:28px;} .process .pro_graph dl.current dd div { background:url(../../images/bg_process_on.png) no-repeat 50%; } .process .pro_graph dl:first-child dd { background:url(../../images/bg_pro_graph2.gif) no-repeat; } .process .pro_graph dl dd.last { background:url(../../images/bg_pro_graph2.gif) no-repeat 100% 0; } .process .pro_graph dl dd img { margin:18px 0 0 1px; } .process .pro_graph dl.current dt { color:#4270cc; } .process .pro_graph dl dt button { position:relative;top:43px;height:23px;padding:0 7px;font-size:12px;border:1px solid #bebebe;border-radius:3px; background:linear-gradient(#fefefe 0%, #f0f0f0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#fefefe", endColorStr="#f0f0f0"); } .stat { padding:0 !important;} .stat h2{position:relative;display:inline-block;float:left;width:33.3%;margin:0;padding:0;z-index:5} .stat h2 a { display:block;width:99.92%;padding:8px 0 9px;color:#686868;text-align:center;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f5f5f5; } .stat h2:first-child a { border-left:none; } .stat h2.on a { color:#4270cc;border-bottom:1px solid #fff;background:#fff; } .stat .tab_area{position:absolute;top:45px;width:100%;z-index:2} .stat_cont{overflow:hidden;position:relative;height:183px;padding-left:33.3%;} .stat .point{display:block;position:absolute;top:55px;width:33.5%;height:15px;background:url(../../images/ico_stat_selected.gif) no-repeat 100% 0;z-index:9} .stat_cont h3{position:absolute;left:8px;width:29%;height:37px;margin:0;padding:0;border:1px solid #d6d6d6;border-radius:3px;background:linear-gradient(#fff,#f4f4f4);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#f4f4f4");z-index:10} .stat_cont h3 a,.stat_cont h3 span{line-height:37px;font-size:16px} .stat_cont h3 a{display:block;position:relative;padding:0 35% 0 25%;text-decoration:none;background:url(../../images/ico_stat_total.png) no-repeat 8% 0} .stat_cont h3 span {position:absolute;top:0;right:0;width:35%;font-size:24px;text-align:center;border-left:1px solid #d6d6d6} .stat_cont h3.current{border:1px solid #496fbc;background:linear-gradient(#557dce, #496fbc);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#557dce", endColorStr="#496fbc");} .stat_cont h3.current a{color:#fff} .stat_cont h3.current span{border-left:1px solid #3f65b4} .stat_area{position:relative;height:100%;padding:0 10px;border-left:1px solid #d6d6d6} .stat_area .point{display:inline-block;position:absolute;top:10px;left:-8px;width:8px;height:15px;} .stat_area p{padding:10px 20px 6px 0} .stat_area .grid_list {font-size:12px; } .stat_area .grid_list thead tr th { padding:3px 3px 5px; } .stat_area .grid_list tbody tr td { padding:4px 3px 6px; } .stat_area .more{position:absolute;top:10px;right:12px} .stat_cont .m02{top:44px;} .stat_cont .m03{top:88px;} .stat_cont .m04{top:132px;} .stat_cont .m02 a{background-position:8% -39px} .stat_cont .m03 a{background-position:8% -78px} .stat_cont .m04 a{background-position:8% -117px} .stat_cont .m01.current a{background-position:8% -156px} .stat_cont .m02.current a{background-position:8% -195px} .stat_cont .m03.current a{background-position:8% -234px} .stat_cont .m04.current a{background-position:8% -273px} .potlete { position:relative;bottom:0;background:#eaeaea; } .potlete header { position:relative;height:46px;background:#dcdcdc; } .potlete header h1 { position:absolute;top:12px;left:27px;font-size:22px;font-weight:100;color:#4270cc; } .potlete header h1 span { color:#4e4e59 } .potlete header p,.potlete header ul { position:absolute; } .potlete header p { top:13px;left:135px;color:#535252;font-size:12px; } .potlete header ul { top:11px;right:27px; } .potlete header ul li { float:left;margin:0 0 0 8px; } .potleteContainer { padding:20px 17px 8px 17px} .potleteContainer .potleteBox{box-shadow:0 2px 3px #dedede} .potleteContainer:after,.potleteContainer .potleteBox:after{content:"";display:block;clear:both} .potleteContainer .potleteBox header{cursor:move} .potleteBox,.potleteBox header {position:relative;background:#fff;} .potleteBox { margin:0 0 13px 0; } .potleteContainer.potleteTop { background:#fff; padding:20px 27px 5px 27px; } .potleteBoxtop:after{content:"";display:block;clear:both} .potleteBoxtop { margin:0 0 15px;} .potleteBoxtop.folded { width:49.5%;} .potleteBoxtop.floatRight header { cursor:move} .potleteBoxtop .potlete_conttop { position:relative;height:228px;border:1px solid #d6d6d6;border-top:0; overflow-y:auto} .potleteBoxtop .potlete_conttop p { } .potleteBoxtop,.potleteBoxtop header {position:relative;background:#fff;} .potleteBoxtop header { position:relative;height:42px;border:1px solid #d6d6d6;background:#f5f5f5; } .potleteBoxtop header.current {border-bottom:1px solid #c8c8c8;} .potleteBoxtop header h1 { position:absolute;left:20px;top:10px;color:#4270cc;font-size:17px;font-weight:bold; } .potleteBoxtop header a { position:absolute;right:20px;top:11px; } .potleteBoxtop .btn_pot,.potleteBoxtop .btn_pot span {display:inline-block} .potleteBoxtop .btn_pot span {text-indent:-9999px} .potleteBoxtop .btn_pot {position:absolute;} .potleteBoxtop .btn_pot { width:21px;height:21px;background:url(../../images/btn_pot_type01.png) no-repeat 0 0} .potleteBoxtop .current .btn_pot {background-position:0 -22px} .potleteBox header { height:37px;border:1px solid #c8c8c8;border-bottom:1px solid #dedede;border-radius:3px 3px 0 0; } .potleteBox header.current{border-bottom:1px solid #c8c8c8} .potleteBox header h2,.potleteBox header ul {position:absolute;} .potleteBox header h2 { top:3px;left:15px;margin:0;padding:0;line-height:27px;border-bottom:0;color:#3c4347;font-size:16px;font-weight:bold; } .potletemore { position:absolute; top:10px;right:50px;} .potletemore { display:inline-block;padding-right:8px;color:#626262;background:url(../../images/ico_potlete_more.png) no-repeat 100% 7px; } .potleteBox header ul { top:0;right:42px;height:37px; } .potleteBox header ul li { margin:0; } .potleteBox header ul li a { display:inline-block;height:37px;padding:0 20px;line-height:35px;border-left:1px solid #dedede;color:#3c4347;background:#efefef; } .potleteBox header ul li.current a { color:#4270cc;background:#fff; } .push .btn_pot,.push .btn_pot span,.potleteBox .btn_pot,.potleteBox .btn_pot span{display:inline-block} .push .btn_pot span,.potleteBox .btn_pot span {text-indent:-9999px} .push .btn_pot,.potleteBox .btn_pot {position:absolute;} .push .btn_pot { width:21px;height:21px;background:url(../../images/btn_pot_type01.png) no-repeat 0 0} .push .current .btn_pot {background-position:0 -22px} .potleteBox .btn_pot { right:0;width:42px;height:37px;line-height:35px;border-left:1px solid #dedede;background:url(../../images/btn_pot_type02.png) no-repeat 0 0} .potleteBox .current .btn_pot{background-position:0 -38px} .potleteBox.folded {width:49.5%;min-height:37px;height:auto !important;height:37px;background-color:#d2d2d2} .potleteBox.folded header { border-radius:3px 3px 0 0; } .potleteBox.folded header.current { border-bottom:1px solid #c8c8c8;border-radius:3px; } /* .potlete_cont { position:relative;} .potlete_cont h3 { font-size:13px; } .potlete_cont h3 span { margin:0 0 0 5px;padding:0 0 0 10px;font-size:12px;background:url(../../images/bg_potleteConSpan.gif) no-repeat 0 5px; } */ .potlete_tab_area { height:250px;overflow-y:auto;overflow-x:hidden; } .potlete_tab_cont,.potlete_content { padding:8px 15px 8px 15px;} .potleteBox.main header{cursor:default} .potlete_cont{position:relative;border:1px solid #c8c8c8;border-top:0;border-radius:0 0 3px 3px;background:#fff; height:250px;} .potlete_content { height:171px; overflow-y:auto; overflow-x:hidden} .potlete_tab{position:relative;height:250px; border:none !important; text-align:right} .potlete_tab .tab_more {position:absolute;top:-29px;margin-left:-80px;background:url(../../images/btn_mainMore.png) no-repeat 0 0;z-index:9999} .potlete_tab .tab_more {display:inline-block;width:19px;height:19px} .potlete_tab .title{display:inline-block;position:relative;top:-38px;margin:0 43px 0 -49px;padding:0;} .potlete_tab .title a{ display:inline-block;height:37px;padding:0 20px;line-height:35px;border-left:1px solid #dedede;color:#3c4347;background:#efefef; } .title.more a{padding-right:33px} .potlete_tab .title.on a{color:#4270cc;font-weight:bold;border-bottom:1px solid #fff;background:#fff;} .potlete_tab .potlete_tab_area{position:absolute;width:100%;top:0;left:0;text-align:left} .potlete_tab.type_02{overflow-y:auto;border:1px solid #c8c8c8;border-top:0;border-radius:0 0 3px 3px;text-align:left;background:#fff !important} .potlete_tab.type_02 .title{top:0;left:15px;margin:0;z-index:999} .potlete_tab.type_02 .title:first-child a{padding-left:0;background:none} .potlete_tab.type_02 .title a{border:0;display:inline-block;color:#3c4347;padding:0 2px 0 10px;font-weight:normal;background:url(../../images/bg_potlete_subtab.gif) #fff no-repeat 0 12px} .potlete_tab.type_02 .title.on a{text-decoration:underline;color:#4270cc;font-weight:bold;} .potlete_tab.type_02 .potlete_tab_area{overflow:visible;height:134px !important;padding-top:30px;border:0} .potlete_sub_tab,.potlete_sub_tab h4{position:relative;} .potlete_sub_tab h4,.potlete_sub_tab h4 a{display:inline-block} .potlete_sub_tab h4{margin:0;padding:0} .potlete_sub_tab h4 a{ color:#3c4347;padding:0 2px 0 10px;font-weight:normal;background:url(../../images/bg_potlete_subtab.gif) #fff no-repeat 0 4px} .potlete_sub_tab h4:first-child a{padding-left:0;background:none} .potlete_sub_tab h4.on a{color:#4270cc;font-weight:bold;border-bottom:1px solid #fff;text-decoration:underline;} .potlete_sub_tab div{position:absolute;width:100%;top:30px;left:0;text-align:left; padding-bottom:10px;} /* MYC */ /* main 컨텐츠 */ .main_boardlist { background:url(../../images/myc/bg_mainvisual.jpg) no-repeat 50% 50%; height:275px; width:100%;overflow:hidden;text-align:center} #main .main_visual { float:left;display:table;display:inline-block} #main .main_visual { width:430px;height:275px;background:url(../../images/myc/bg_mainimg.jpg) no-repeat 45% 65%;position:relative } #main .main_visual p{position:absolute;top:30px;right:30px} #main .board {text-align:left;overflow:hidden;position:relative;padding:20px} #main .board div { float:right;width:48.2%;position:relative;margin-left:15px} #main .board div:first-child { margin-left:0;float:left;width:49%} #main .board h2 { display:block;color:#fff;font-size:16px;font-weight:100;text-decoration:none;height:35px;line-height:30px;border-bottom:1px solid #8194a5} #main .board .more { position:absolute;right:0;top:5px} #main .board ul { margin:13px 0 0} #main .board ul li { position:relative;height:26px;width:100%;padding-right:75px;box-sizing:border-box} #main .board ul li a { overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;color:#fff} #main .board ul li a span { position:absolute;right:0;color:#fff} .potleteBox.main header h2 span.date { font-size:12px;font-weight:normal} .potleteBox.main header { height:50px;border:1px solid #c8c8c8;border-bottom:2px solid #fa9218;border-radius:3px 3px 0 0; } .potleteBox.main header h2 { top:12px;left:15px;margin:0;padding:0;line-height:27px;border-bottom:0;color:#3c4347;font-size:16px;font-weight:bold; } .potleteBox .grid.rate { border:1px solid #c8c8c8;border-top:none;margin-bottom:0} .potleteBox .grid.rate .grid_list { border-top:0;border-right:none;margin-bottom:0} .potleteBox .grid.rate .grid_list table { width:100%;box-sizing:border-box} .potleteBox .grid.rate .grid_list thead tr th,.potleteBox .grid.rate .grid_list tbody tr td { padding:6px 0} .potleteBox .grid.rate .grid_list thead tr th { background:none;text-align:left;font-size:12px;font-weight:bold;border:none;padding-left:15px} .potleteBox .grid.rate .grid_list tbody tr td strong { display:block;border-right:1px solid #bebebe; line-height:15px} .potleteBox .grid.rate .grid_list thead tr th.textRight,.potleteBox .grid.rate .grid_list tbody tr td.textRight { padding-right:15px} .potleteBox .grid.rate .grid_list tbody tr td { border:none;padding-left:15px;text-align:left} .potleteBox .grid.rate .grid_list tbody tr.gridhover td { background:#f0f0f0 !important} .potleteBox .grid.rate .grid_list tbody tr.even.gridhover td { background:#fff !important} .potleteBox .grid.rate .grid_list tbody tr td { background:#f0f0f0} .potleteBox .grid.rate .grid_list tbody tr.even td { background:#fff} .rate_more{display:block;position:absolute;top:20px;right:15px;background:url(../../images/myc/bg_nav_list_bul.gif) no-repeat 100% 8px;width:45px} .rate_more {color:#4270cc !important;font-size:12px;font-weight:bold} .fav_menu{position:relative;margin:0 0 0 325px;*zoom:1} .fav_menu:after{content:"";display:block;clear:both} .fav_menu div{position:absolute;left:0;width:100%;} .fav_menu div>ul{border:1px solid #c7c7c7;*zoom:1px} .fav_menu div>ul:after{content:"";display:block;clear:both} .fav_menu div>ul>li{overflow:hidden;position:relative;float:left;width:16.66%;height:158px;background:#f7f7f7 url(../../images/bg_fav_menu_line.gif) repeat-y 100% 0} .fav_menu div>ul>li:hover strong,.fav_menu div>ul>li:focus strong {color:#fff;font-weight:bold;border-bottom:1px solid #f7f7f7;background:#4c73c1} .fav_menu div>ul>li a,.fav_menu div>ul>li strong{display:block} .fav_menu div>ul li strong{overflow:hidden;height:37px;border-right:1px solid #dedede;line-height:37px;font-weight:100;text-align:center;border-bottom:1px solid #dedede;background:#f7f7f7;font-size:13px;font-weight:bold} .fav_menu div>ul>li>a span{display:inline-block;text-indent:-9999px} .fav_menu div>ul li ul{position:absolute;top:38px;width:100%;height:120px;background:#f7f7f7 url(../../images/bg_fav_menu_line.gif) repeat-y 100% 0;overflow-y:auto} .fav_menu div>ul li ul li { width:100%;border-bottom:1px solid #ddd} .fav_menu div>ul li ul li a{padding-left:10px;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;text-align:left;height:29px;line-height:29px;font-size:12px} .fav_menu div>ul li ul li a:hover,.fav_menu div>ul li ul li a:focus{background:#e9f0ff;color:#2151b1;text-decoration:underline} .fav_menu div>ul>li a.icon_01{height:120px;background:url(../../images/myc/ico_favMenus001.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_02{height:120px;background:url(../../images/myc/ico_favMenus002.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_03{height:120px;background:url(../../images/myc/ico_favMenus003.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_04{height:120px;background:url(../../images/myc/ico_favMenus004.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_05{height:120px;background:url(../../images/myc/ico_favMenus005.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_06{height:120px;background:url(../../images/myc/ico_favMenus006.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_07{height:120px;background:url(../../images/myc/ico_favMenus007.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_08{height:120px;background:url(../../images/myc/ico_favMenus008.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_09{height:120px;background:url(../../images/myc/ico_favMenus009.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_10{height:120px;background:url(../../images/myc/ico_favMenus010.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_11{height:120px;background:url(../../images/myc/ico_favMenus011.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_12{height:120px;background:url(../../images/myc/ico_favMenus012.png) no-repeat 50% 50%} .fav_menu div>ul>li a.icon_13{height:120px;background:url(../../images/myc/ico_favMenus013.png) no-repeat 50% 50%} .fav_menu .fav_menu_total { float:right;display:inline-block;height:25px;padding:0 10px;line-height:23px;color:#585862;font-size:12px;border:1px solid #cacaca;border-radius:3px;background:#fff;background:linear-gradient(#fff, #f5f5f5); } .fav_menu .fav_menu_total:hover,.fav_menu .fav_menu_total:active,.fav_menu .fav_menu_total:focus {color:#4574e1} /* MYC - 메인 개인화영역 */ .quickmenu .login,.quickmenu .login .id_pw,.quickmenu .login .check,.quickmenu .login .button button,.quickmenu .function ul,.quickmenu .function .func_center {display:none} .quickmenu .login { position:relative;height:130px;border-bottom:1px solid #585862;background:url(../../images/myc/bg_quickf.png) repeat-y left top} .quickmenu .login .id_pw ,.quickmenu .login .check,.quickmenu .login .button {position:absolute} .quickmenu .login .id_pw { top:17px;text-align:center; } .quickmenu .login .id_pw input { width:162px;height:35px;margin:0 0 10px;padding:0 10px;line-height:30px;border:2px solid #9c9caa;color:#fff;font-weight:bold;font-size:13px;background:#686874; } .quickmenu .login .check { top:105px;left:15px;color:#d0d0d7; } .quickmenu .login .button { top:12px} .quickmenu .login .button button { margin-top:6px;padding:9px 0;color:#e6e6ed;font-size:13px;font-weight:bold;color:#e6e6ed;border-radius:3px; /* box-shadow:outset 0 1px 1px #a7a7b0;*/ box-shadow:0 1px 1px #a7a7b0; background: #4c73c1; } .quickmenu .login .button button.mainAnyIdlogin { margin-top:6px;padding:9px 0;color:#dfeaff;font-size:13px;font-weight:bold;color:#dfeaff;border-radius:3px; box-shadow:inset 0 1px 1px #14b1f8; background: #179df5; } .quickmenu .login .button button.mainlogin,.quickmenu .login .button button.btn_submit,.quickmenu .login .button button.btn_loginbf { margin:0;color:#dfeaff;box-shadow:inset 0 1px 1px #14b1f8; background:#179df5; } .quickmenu .login .button .id_pw_sear {display:none;margin-top:10px} .quickmenu .login .button .id_pw_sear a { display:inline-block;margin-right:1px;font-size:12px;line-height:10px;color:#fff;text-align:center;border-right:1px solid #7c7c83;padding-right:8px;margin-right:3px} .quickmenu .login .button .id_pw_sear a.linkjoin { margin-right:0;padding-right:0;border:none;color:#74ccfe} .quickmenu .login .button button[type="submit"],.quickmenu .login .button button.btn_submit{display:none;width:30px;padding:15px 10px;white-space:normal;} .quickmenu .login .button button.btn_loginbf{display:block;width:30px;padding:15px 10px;white-space:normal;} .quickmenu.current .login .button button.btn_loginbf{display:none} .quickmenu .function {position:relative;height:180px;padding:0 10px} .quickmenu.current .login {display:block;padding:0} .quickmenu.current .login .id_pw,.quickmenu.current .login .check,.quickmenu.current .login .button,.quickmenu.current .login .button .id_pw_sear{display:block;} .quickmenu.current .login .button {left:15px;} .quickmenu.current .login .button button {display:inline-block;width:170px;} .quickmenu.current .login .button button.small{padding:3px 0;font-size:13px;} .quickmenu.current .login .button button[type="submit"],.quickmenu.current .login .button button.btn_submit {display:block;padding:9px 0;} .quickmenu.current .function ul,.quickmenu.current .function li a,.quickmenu.current .function .func_center{display:block} .quickmenu.current .function li { float:left;width:55px;height:65px;margin:20px 2px 0 3px;text-align:center; } .quickmenu.current .function li a{padding-top:50px;line-height:14px;font-size:11px;color:#fff;text-align:center;} .quickmenu.current .function li .icon_01 {background:url(../../images/myc/ico_function001.png) no-repeat 49% 0} .quickmenu.current .function li .icon_02 {background:url(../../images/myc/ico_function002.png) no-repeat 49% 0} .quickmenu.current .function li .icon_03 {background:url(../../images/myc/ico_function003.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_01 {background:url(../../images/myc/main1_icon1_n.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_02 {background:url(../../images/myc/main1_icon2_n.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_03 {background:url(../../images/myc/main1_icon3_n.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_04 {background:url(../../images/myc/main1_icon4_n.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_05 {background:url(../../images/myc/main1_icon5_n.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_06 {background:url(../../images/myc/main1_icon6_n.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_07 {background:url(../../images/myc/main1_icon7_n.png) no-repeat 49% 0} .quickmenu.current .function li .myc_icon_08 {background:url(../../images/myc/main1_icon8_n.png) no-repeat 49% 0} .quickmenu.current .function .func_center { position:absolute;bottom:23px;left:15px; } /* 2014-9월 :3주차 */ /* UI-MYC-0502-010Q_회원가입안내 총칙*/ .joinlaw { position:relative;border:1px solid #afafb1;width:96%;height:500px;overflow:auto;padding:2%} .joinlaw > h3 { text-align:center;color:#2645b7;font-size:26px;line-height:35px; } .joinlaw > p { color:#646658;font-size:13px;line-height:18px; } .joinlaw > ul { margin-top:20px; } .joinlaw > ul > li{ line-height:24px;margin-bottom:15px; } .joinlaw > ul > li strong { font-size:16px;color:#4674d2; } .joinlaw > ul > li > ul > li{ line-height:20px;margin-bottom:10px; } .joinlaw > ul > li > ul > li strong { font-weight:normal; } /* 2014-10월 :2주차 */ /* 회원가입 */ .guidement{background:url(../../images/myc-img01.gif) no-repeat 35px 0px;margin:30px 0 20px 50px;padding:10px 0 30px 200px} .guidement dt{padding-bottom:15px;color:#ee6d40;font-weight:bold;font-size:18px;} .guidement dd{padding:3px 0 4px 0;line-height:22px} .join_division{overflow:hidden;padding:0 50px;margin:0 auto} .join_division >dl{overflow:hidden;position:relative;float:left;width:27%;min-width:180px;height:245px;padding:25px 3%;border:1px solid #d4d4d4;border-left:0;background:#f8f8f8;} .join_division >dl:first-child{border-left:1px solid #d4d4d4} .join_division >dl >dt{margin:0 0 10px 0;font-size:18px;color:#4270cc;text-align:center;font-weight:bold;padding-top:70px} .join_division >dl.chief >dt { background:url(../../images/myc/ico_joindiv01.png) no-repeat 50% top} .join_division >dl.member >dt { background:url(../../images/myc/ico_joindiv02.png) no-repeat 50% top} .join_division >dl.user >dt { background:url(../../images/myc/ico_joindiv03.png) no-repeat 50% top} .join_division >dl >dt >span{padding-bottom:20px;color:#717171;} .join_division >dl >dd{line-height:20px;display:block;text-align:justify} .join_division >dl >dd.join_btn{position:absolute;left:0;bottom:10px;width:100%;height:42px;text-align:center;} .join_mem{ line-height:20px;margin-top:10px} .join_mem img{vertical-align:middle;} .joinimpor{line-height:18px;background:url(../../images/ico_important.png) no-repeat 0 1px;padding:0 0 10px 20px} .joinimpor a { border:1px solid #ddd;background:#fff;padding:3px 10px} .join_att { margin:15px 0 0 45px} .identify{ margin-bottom:12px;border:1px solid #ddd;border-radius:2px;background:#f5f5f5; overflow:hidden;height:120px;} .identify dl{width:49%;border-right:1px solid #ddd;padding:0;float:left;height:120px;} .identify dl dt{text-align:center;margin:20px 0 15px 0;font-size:20px;font-weight:bold;} .identify dl dd{padding:3px 0 4px 8px;line-height:16px;background:url(../../images/bul_lawdepth.png) no-repeat 0 9px;margin:0 0 0 20px;line-height:18px} .identify dl dd span{text-decoration:underline;color:#517dd5;} .identify dl.noline{border-right:none;} /* MYC */ /* UI-MYC-0405-102Q_수입화물진행정보 상세 조회 */ .ing_info{position:relative;min-height:130px;height:auto !important;height:130px;margin:10px 0 30px 0;padding-left:0;border:1px solid #ccc;background:#f1f1f1;background:linear-gradient(#f6f5f5, #ffffff);filter:none;} .ing_info:after{content:"";display:block;clear:both} .ing_info p{position:absolute;top:0;left:0;width:140px;margin:50px 0 0 20px;color:#575656;font-size:22px;line-height:35px;} .ing_info dl{float:left;width:12%;min-width:95px;height:130px;border-left:1px dotted #bfbfbf;} .ing_info dl:first-child{margin-left:1px;border-left:0;} .ing_info dl.info01{background:url(../../images/myc-cont-img-icon01.png) no-repeat 50% 75px} .ing_info dl.info02{background:url(../../images/myc-cont-img-icon02.png) no-repeat 50% 75px} .ing_info dl.info03{background:url(../../images/myc-cont-img-icon03.png) no-repeat 50% 75px} .ing_info dl.info04{background:url(../../images/myc-cont-img-icon04.png) no-repeat 50% 75px} .ing_info dl.info05{background:url(../../images/myc-cont-img-icon05.png) no-repeat 50% 75px} .ing_info dl.info06{background:url(../../images/myc-cont-img-icon06.png) no-repeat 50% 75px} .ing_info dl.info07{background:url(../../images/myc-cont-img-icon07.png) no-repeat 50% 75px} .ing_info dl.impImg1_on{background:url(../../images/impImg1_on.gif) no-repeat 50% 65px} .ing_info dl.impImg2_on{background:url(../../images/impImg2_on.gif) no-repeat 50% 65px} .ing_info dl.impImg3_on{background:url(../../images/impImg3_on.gif) no-repeat 50% 65px} .ing_info dl.impImg4_on{background:url(../../images/impImg4_on.gif) no-repeat 50% 65px} .ing_info dl.impImg5_on{background:url(../../images/impImg5_on.gif) no-repeat 50% 65px} .ing_info dl.impImg6_on{background:url(../../images/impImg6_on.gif) no-repeat 50% 65px} .ing_info dl.impImg7_on{background:url(../../images/impImg7_on.gif) no-repeat 50% 65px} .ing_info dl.impImg8_on{background:url(../../images/impImg8_on.gif) no-repeat 50% 65px} .ing_info dl.trnhImg6_on{background:url(../../images/trnhImg6_on.gif) no-repeat 50% 65px} .ing_info dl.trnhImg7_on{background:url(../../images/trnhImg7_on.gif) no-repeat 50% 65px} .ing_info dl.impImg1_off{background:url(../../images/impImg1_off.gif) no-repeat 50% 65px} .ing_info dl.impImg2_off{background:url(../../images/impImg2_off.gif) no-repeat 50% 65px} .ing_info dl.impImg3_off{background:url(../../images/impImg3_off.gif) no-repeat 50% 65px} .ing_info dl.impImg4_off{background:url(../../images/impImg4_off.gif) no-repeat 50% 65px} .ing_info dl.impImg5_off{background:url(../../images/impImg5_off.gif) no-repeat 50% 65px} .ing_info dl.impImg6_off{background:url(../../images/impImg6_off.gif) no-repeat 50% 65px} .ing_info dl.impImg7_off{background:url(../../images/impImg7_off.gif) no-repeat 50% 65px} .ing_info dl.impImg8_off{background:url(../../images/impImg8_off.gif) no-repeat 50% 65px} .ing_info dl.trnhImg6_off{background:url(../../images/trnhImg6_off.gif) no-repeat 50% 65px} .ing_info dl.trnhImg7_off{background:url(../../images/trnhImg7_off.gif) no-repeat 50% 65px} .ing_info dl dt{height:120px;font-weight:bold;font-size:14px;color:#555454;line-height:20px;margin:15px 0 0 0} .ing_info dl dt span{color:#b1b0ac;display:block;} .ing_info dl dd button{display:inline-block;height:22px;line-height:18px;border-radius:3px;font-size:12px;font-weight:bold;color:#585862;border:1px solid #d4d4d4;box-shadow:1px 1px 1px #d8d8d8;background:#fff} .ing_info dl dd button span {padding:0 15px;} .ing_info dl dd button.current { border-color:#a5a5a5; background:#f1f1f1; background:linear-gradient(#bfbfbf, #d9d9d9); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#bfbfbf", endColorStr="#d9d9d9"); } .ing_info dl dd button.current span {color:#5a5a5a;background:url(../../images/myc-cont-arrow01.png) no-repeat 96% 5px; } /* MYC - 로그인 영역 */ .loginwrapper {min-width:1116px !important} .loginwrapper .bodywrapper.current,.loginwrapper .bodywrapper.current #content {padding:0 !important} .login_domain{ width:1116px;margin:20px auto 0;box-sizing:border-box} .login_domain .tit_intro{display:block;padding-right:25px;line-height:34px;font-size:14px;text-align:right;background:url(../../images/bul_myc_login_tit.gif) no-repeat 99% 50%} .login_domain .tit_intro a{color:#345db5} .login_domain .tit_intro a:hover,.login_domain .tit_intro a:active,.login_domain .tit_intro a:focus{color:#345db5;text-decoration:none} .login_domain input[type="text"],.login_domain input[type="password"] {width:215px;height:35px;padding:5px 0 5px 15px;border:1px solid #cfd0d1;background:#fff} .box { border:1px solid #e9e9e9;height:auto;box-sizing:border-box} .box.login {padding:25px 120px 35px;margin-bottom:20px} .login_visual { background:url(../../images/myc/login_visual.gif) no-repeat left 50%;height:140px;padding-left:300px} .login_visual strong { font-size:22px;color:#f06e40;line-height:40px;letter-spacing:-0.5px;padding-top:35px;display:block} .login_Area{border:1px solid #e1e1e1;background:#fbfbfb;position:relative;margin:auto} .certificate_area{overflow:hidden;position:relative} .certificate_ti{color:#7e7f7f;font-size:30px;line-height:34px;position:absolute;top:86px;left:27px;font-weight:normal;letter-spacing:-1px} .certificate_ti span{display:block;color:#9b9b9b;} .certificate_area img{position:absolute;top:100px;right:25px;} .cer_txt{position:absolute;top:210px;left:27px;font-size:12px;color:#9b9b9b;} .unipass_area{ border:1px solid #fff;box-sizing:border-box;height:100%;padding:0 50px} .login_ti { text-align:center;margin-top:20px;margin-bottom:20px;font-weight:normal;color:#6b6b6d;font-size:30px} .login_ti strong{color:#345DB5} .input_row{float:left;width:310px;overflow:hidden;box-sizing:border-box} .input_row input.current,.input_row input:focus { border:1px solid #4270cc} .unipass_area fieldset{margin:auto;width:100%;padding:20px 0;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1} .login_write{width:450px;margin:0 auto} .login_att { margin-top:-20px;margin-bottom:20px;height:40px;background:#4270cc;text-align:center;color:#fff;font-weight:bold;line-height:38px} .login_att span {background:url(../../images/myc/ico_loginatt.png) no-repeat left 50%;padding-left:22px} .id_save {width:450px;margin:5px auto 0} .int2{margin:0 0 4px 0;background:url(../../images/myc/bg_int.png) no-repeat 10px 50% !important;width:300px !important;padding-left:50px !important;padding-right:10px !important} .int2:focus,.int2.current{background:url(../../images/myc/bg_int_current.png) no-repeat 10px 50% !important} .pnt2{margin:0 0 4px 0;background:url(../../images/myc/bg_pnt.png) no-repeat 10px 50% !important;width:300px !important;padding-left:50px !important;padding-right:10px !important} .pnt2:focus,.pnt2.current{background:url(../../images/myc/bg_pnt_current.png) no-repeat 10px 50% !important} .unipass_area .find_info{margin:10px auto;width:450px;color:#565656;font-size:12px;text-align:center} .unipass_area .find_info a { background:url(../../images/bdr_top2depth.gif) no-repeat left 50%;padding-left:15px;margin-right:12px} .unipass_area .find_info a:first-child { background:none;padding-left:0} /* MYC - 아이디찾기 */ .find_Area{border:1px solid #d4d4d4;height:240px;background:linear-gradient(#f6f5f5, #ffffff);width:96%;position:relative;margin:auto;background:#f8f8f8;} .find_Area h2 {width:32%; position:absolute; top:75px} .idfind_ti{text-align:right; color:#7e7f7f;font-size:30px;line-height:34px;font-weight:normal;letter-spacing:-1px;background:url(../../images/key.gif) no-repeat right 0;height:90px; padding-right:100px} .idfind_ti span{display:block;color:#9b9b9b;} .idfind_area{position:absolute;top:42px;left:45%;} .idfind_area ul li{height:40px;width:400px;position:relative;} .idfind_area ul li label{color:#4f504f;font-size:13px;vertical-align:middle;} .idfind_area ul li span {position:absolute; left:100px; top:0;} .idfind_area ul li span input{vertical-align:middle; margin-bottom:3px;} .btn_ok{margin-left:100px} /* indicatetab - a태그 이외 디자인 요청건 */ ul.indicatetab li span{display:block;padding:0 5px;line-height:32px;color:#4c4d4d;font-size:13px;font-weight:bold;border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;background:#ededed;} ul.indicatetab li.selected span{color:#fff;border-top:1px solid #4270cc;border-bottom:1px solid #4270cc;background:#4270cc;} ul.indicatetab li.selected:first-child span{border-left:1px solid #4270cc} /* MYC 전용 content common */ .v_top{vertical-align:top !important} /* 정보제공 동의서 - UI-MYC-0607-040S */ .agree_box{padding:20px} .agree_box p{margin:20px 0;line-height:30px;font-size:20px} .agree_box p span{display:block;font-size:22px;} .agree_box table{margin-top:30px;border:1px solid #ddd;} .agree_box table th{background:none !important} /* 가상키패드 관련 css 추가 */ .main #DIV_KEYPAD div div{position:fixed !important;top:170px !important;left:inherit !important;right:0 !important;margin-left:-480px} /*포틀릿 드랍가능영역 하이라이트 */ .potlete_highlight { border:1px solid #b5d7f2;background:#c8e3f8;opacity:0.5;filter:alpha(opacity=50); margin:-1px;} /*전자입찰 */ .biddingarea{position:relative;min-height:200px;height:auto !important;border:1px solid #e1e1e1;border-radius:6px} .biddingarea > .header {background:#f5f5f5; text-align:center; padding:25px 0; border-bottom:1px solid #eee} .biddingarea > .header > span { text-align:left; background:url(../../images/myc/logo_unipass.gif) no-repeat 0 0; padding-left:140px; display:inline-block;} .biddingarea > .header > span > strong { color:#4574d2} .biddingarea p{margin:0 0 15px} .biddinglist { text-align:center} .biddinglist .arrow_left { position:absolute; left:12px; top:57%; width:26px; height:38px; z-index:90;} .biddinglist .arrow_right { position:absolute; right:12px; top:57%; width:26px; height:38px; z-index:90;} .biddinglist ul { padding:5px 50px 0 0; max-width:850px; margin:0 auto; overflow:hidden; text-align:center; display:inline-block} .biddinglist ul:after{content:"";display:block;clear:both} .biddinglist ul li { float:left;width:121px; height:195px; padding-left:48px; text-align:center} .biddinglist ul li p { padding-top:128px;text-align:center; word-break: keep-all; background-position:50% 0} .biddinglist ul li.HS_icon_01 p { background:url(../../images/myc/HS_icon_01.gif) no-repeat} .biddinglist ul li.HS_icon_02 p { background:url(../../images/myc/HS_icon_02.gif) no-repeat} .biddinglist ul li.HS_icon_03 p { background:url(../../images/myc/HS_icon_03.gif) no-repeat} .biddinglist ul li.HS_icon_04 p { background:url(../../images/myc/HS_icon_04.gif) no-repeat} .biddinglist ul li.HS_icon_05 p { background:url(../../images/myc/HS_icon_05.gif) no-repeat} .biddinglist ul li.HS_icon_06 p { background:url(../../images/myc/HS_icon_06.gif) no-repeat} .biddinglist ul li.HS_icon_07 p { background:url(../../images/myc/HS_icon_07.gif) no-repeat} .biddinglist ul li.HS_icon_08 p { background:url(../../images/myc/HS_icon_08.gif) no-repeat} .biddinglist ul li.HS_icon_09 p { background:url(../../images/myc/HS_icon_09.gif) no-repeat} .biddinglist ul li.HS_icon_10 p { background:url(../../images/myc/HS_icon_10.gif) no-repeat} .biddinglist ul li.HS_icon_11 p { background:url(../../images/myc/HS_icon_11.gif) no-repeat} .biddinglist ul li.HS_icon_12 p { background:url(../../images/myc/HS_icon_12.gif) no-repeat} .biddinglist ul li.HS_icon_13 p { background:url(../../images/myc/HS_icon_13.gif) no-repeat} .biddinglist ul li.HS_icon_14 p { background:url(../../images/myc/HS_icon_14.gif) no-repeat} .biddinglist ul li.HS_icon_15 p { background:url(../../images/myc/HS_icon_15.gif) no-repeat} .biddinglist ul li.HS_icon_16 p { background:url(../../images/myc/HS_icon_16.gif) no-repeat} .biddinglist ul li.HS_icon_17 p { background:url(../../images/myc/HS_icon_17.gif) no-repeat} .biddinglist ul li.HS_icon_18 p { background:url(../../images/myc/HS_icon_18.gif) no-repeat} .biddinglist ul li.HS_icon_19 p { background:url(../../images/myc/HS_icon_19.gif) no-repeat} .biddinglist ul li.HS_icon_20 p { background:url(../../images/myc/HS_icon_20.gif) no-repeat} .biddinglist ul li.HS_icon_21 p { background:url(../../images/myc/HS_icon_21.gif) no-repeat} .biddinglist ul li.HS_icon_22 p { background:url(../../images/myc/HS_icon_22.gif) no-repeat} .biddinglist ul li.HS_icon_23 p { background:url(../../images/myc/HS_icon_23.gif) no-repeat} .biddinglist ul li.HS_icon_24 p { background:url(../../images/myc/HS_icon_24.gif) no-repeat} .biddinglist ul li.HS_icon_25 p { background:url(../../images/myc/HS_icon_25.gif) no-repeat} .biddinglist ul li.HS_icon_26 p { background:url(../../images/myc/HS_icon_26.gif) no-repeat} .biddinglist ul li.HS_icon_27 p { background:url(../../images/myc/HS_icon_27.gif) no-repeat} .biddinglist ul li.HS_icon_28 p { background:url(../../images/myc/HS_icon_28.gif) no-repeat} .biddinglist ul li.HS_icon_29 p { background:url(../../images/myc/HS_icon_29.gif) no-repeat} .biddinglist ul li.HS_icon_30 p { background:url(../../images/myc/HS_icon_30.gif) no-repeat} .biddinglist ul li.HS_icon_31 p { background:url(../../images/myc/HS_icon_31.gif) no-repeat} .biddinglist ul li.HS_icon_32 p { background:url(../../images/myc/HS_icon_32.gif) no-repeat} .biddinglist ul li.HS_icon_33 p { background:url(../../images/myc/HS_icon_33.gif) no-repeat} .biddinglist ul li.HS_icon_34 p { background:url(../../images/myc/HS_icon_34.gif) no-repeat} .biddinglist ul li.HS_icon_35 p { background:url(../../images/myc/HS_icon_35.gif) no-repeat} .biddinglist ul li.HS_icon_36 p { background:url(../../images/myc/HS_icon_36.gif) no-repeat} .biddinglist ul li.HS_icon_37 p { background:url(../../images/myc/HS_icon_37.gif) no-repeat} .biddinglist ul li.HS_icon_38 p { background:url(../../images/myc/HS_icon_38.gif) no-repeat} .biddinglist ul li.HS_icon_39 p { background:url(../../images/myc/HS_icon_39.gif) no-repeat} .biddinglist ul li.HS_icon_40 p { background:url(../../images/myc/HS_icon_40.gif) no-repeat} .biddinglist ul li.HS_icon_41 p { background:url(../../images/myc/HS_icon_41.gif) no-repeat} .biddinglist ul li.HS_icon_42 p { background:url(../../images/myc/HS_icon_42.gif) no-repeat} .biddinglist ul li.HS_icon_43 p { background:url(../../images/myc/HS_icon_43.gif) no-repeat} .biddinglist ul li.HS_icon_44 p { background:url(../../images/myc/HS_icon_44.gif) no-repeat} .biddinglist ul li.HS_icon_45 p { background:url(../../images/myc/HS_icon_45.gif) no-repeat} .biddinglist ul li.HS_icon_46 p { background:url(../../images/myc/HS_icon_46.gif) no-repeat} .biddinglist ul li.HS_icon_47 p { background:url(../../images/myc/HS_icon_47.gif) no-repeat} .biddinglist ul li.HS_icon_48 p { background:url(../../images/myc/HS_icon_48.gif) no-repeat} .biddinglist ul li.HS_icon_49 p { background:url(../../images/myc/HS_icon_49.gif) no-repeat} .biddinglist ul li.HS_icon_50 p { background:url(../../images/myc/HS_icon_50.gif) no-repeat} .biddinglist ul li.HS_icon_51 p { background:url(../../images/myc/HS_icon_51.gif) no-repeat} .biddinglist ul li.HS_icon_52 p { background:url(../../images/myc/HS_icon_52.gif) no-repeat} .biddinglist ul li.HS_icon_53 p { background:url(../../images/myc/HS_icon_53.gif) no-repeat} .biddinglist ul li.HS_icon_54 p { background:url(../../images/myc/HS_icon_54.gif) no-repeat} .biddinglist ul li.HS_icon_55 p { background:url(../../images/myc/HS_icon_55.gif) no-repeat} .biddinglist ul li.HS_icon_56 p { background:url(../../images/myc/HS_icon_56.gif) no-repeat} .biddinglist ul li.HS_icon_57 p { background:url(../../images/myc/HS_icon_57.gif) no-repeat} .biddinglist ul li.HS_icon_58 p { background:url(../../images/myc/HS_icon_58.gif) no-repeat} .biddinglist ul li.HS_icon_59 p { background:url(../../images/myc/HS_icon_59.gif) no-repeat} .biddinglist ul li.HS_icon_60 p { background:url(../../images/myc/HS_icon_60.gif) no-repeat} .biddinglist ul li.HS_icon_61 p { background:url(../../images/myc/HS_icon_61.gif) no-repeat} .biddinglist ul li.HS_icon_62 p { background:url(../../images/myc/HS_icon_62.gif) no-repeat} .biddinglist ul li.HS_icon_63 p { background:url(../../images/myc/HS_icon_63.gif) no-repeat} .biddinglist ul li.HS_icon_64 p { background:url(../../images/myc/HS_icon_64.gif) no-repeat} .biddinglist ul li.HS_icon_65 p { background:url(../../images/myc/HS_icon_65.gif) no-repeat} .biddinglist ul li.HS_icon_66 p { background:url(../../images/myc/HS_icon_66.gif) no-repeat} .biddinglist ul li.HS_icon_67 p { background:url(../../images/myc/HS_icon_67.gif) no-repeat} .biddinglist ul li.HS_icon_68 p { background:url(../../images/myc/HS_icon_68.gif) no-repeat} .biddinglist ul li.HS_icon_69 p { background:url(../../images/myc/HS_icon_69.gif) no-repeat} .biddinglist ul li.HS_icon_70 p { background:url(../../images/myc/HS_icon_70.gif) no-repeat} .biddinglist ul li.HS_icon_71 p { background:url(../../images/myc/HS_icon_71.gif) no-repeat} .biddinglist ul li.HS_icon_72 p { background:url(../../images/myc/HS_icon_72.gif) no-repeat} .biddinglist ul li.HS_icon_73 p { background:url(../../images/myc/HS_icon_73.gif) no-repeat} .biddinglist ul li.HS_icon_74 p { background:url(../../images/myc/HS_icon_74.gif) no-repeat} .biddinglist ul li.HS_icon_75 p { background:url(../../images/myc/HS_icon_75.gif) no-repeat} .biddinglist ul li.HS_icon_76 p { background:url(../../images/myc/HS_icon_76.gif) no-repeat} .biddinglist ul li.HS_icon_77 p { background:url(../../images/myc/HS_icon_77.gif) no-repeat} .biddinglist ul li.HS_icon_78 p { background:url(../../images/myc/HS_icon_78.gif) no-repeat} .biddinglist ul li.HS_icon_79 p { background:url(../../images/myc/HS_icon_79.gif) no-repeat} .biddinglist ul li.HS_icon_80 p { background:url(../../images/myc/HS_icon_80.gif) no-repeat} .biddinglist ul li.HS_icon_81 p { background:url(../../images/myc/HS_icon_81.gif) no-repeat} .biddinglist ul li.HS_icon_82 p { background:url(../../images/myc/HS_icon_82.gif) no-repeat} .biddinglist ul li.HS_icon_83 p { background:url(../../images/myc/HS_icon_83.gif) no-repeat} .biddinglist ul li.HS_icon_84 p { background:url(../../images/myc/HS_icon_84.gif) no-repeat} .biddinglist ul li.HS_icon_85 p { background:url(../../images/myc/HS_icon_85.gif) no-repeat} .biddinglist ul li.HS_icon_86 p { background:url(../../images/myc/HS_icon_86.gif) no-repeat} .biddinglist ul li.HS_icon_87 p { background:url(../../images/myc/HS_icon_87.gif) no-repeat} .biddinglist ul li.HS_icon_88 p { background:url(../../images/myc/HS_icon_88.gif) no-repeat} .biddinglist ul li.HS_icon_89 p { background:url(../../images/myc/HS_icon_89.gif) no-repeat} .biddinglist ul li.HS_icon_90 p { background:url(../../images/myc/HS_icon_90.gif) no-repeat} .biddinglist ul li.HS_icon_91 p { background:url(../../images/myc/HS_icon_91.gif) no-repeat} .biddinglist ul li.HS_icon_92 p { background:url(../../images/myc/HS_icon_92.gif) no-repeat} .biddinglist ul li.HS_icon_93 p { background:url(../../images/myc/HS_icon_93.gif) no-repeat} .biddinglist ul li.HS_icon_94 p { background:url(../../images/myc/HS_icon_94.gif) no-repeat} .biddinglist ul li.HS_icon_95 p { background:url(../../images/myc/HS_icon_95.gif) no-repeat} .biddinglist ul li.HS_icon_96 p { background:url(../../images/myc/HS_icon_96.gif) no-repeat} .biddinglist ul li.HS_icon_97 p { background:url(../../images/myc/HS_icon_97.gif) no-repeat} .biddinglist ul li p span strong{ display:block;} .numlist>li {border-bottom:1px solid #eaeaea; position:relative;padding:20px 0 15px 200px; overflow:hidden;min-height:30px;} .numlist2>li {padding-left:50px !important; word-break:keep-all} .numlist>li span.num {position:absolute; left:0; top:10px; display:inline-block; padding-right:20px; background:url(../../images/myc/bg_numlist.png) no-repeat; width:39px; height:39px; text-align:center;line-height:39px; font-size:14px; font-weight:bold; color:#335db5} .numlist>li h3{ position:absolute; left:50px; top:22px; font-size:13px; font-weight:bold; color:#3a3a3a} .listtype>li {padding:0 0 0 8px;background:url(../../images/myc/bul_type01.png) no-repeat 0 9px; line-height:18px} .listtype>li strong {color:#4270cc} .listtype>li ol {padding:7px 0} .listtype>li ol li {padding-left:20px; color:#666} .listtype_table>li { padding-left:10px;} .listtype_table>li.link { color:#4270cc; padding-left:0} /* 마을개요*/ .con_left65{float:left; width:65%; display:inline-block; padding:10px 0 0} .con_right30{ display:inline-block; width:30%; } /*리스트유형*/ ul.listtype_01{padding-left:13px} ul.listtype_01 li {background:url(../../images/bul_vstype.gif) no-repeat left 8px; padding-left:8px; color:#686868; line-height:20px; padding-bottom:3px;} ul.listtype_01 li ul {padding:5px 0 0 5px} ul.listtype_01 li ul li {background:url(../../images/bul_vstype3.gif) no-repeat left 10px} ul.listtype_02 li {background:url(../../images/bul_vstype4.gif) no-repeat left 10px; padding-left:8px; color:#686868; padding-bottom:3px} ul.listtype_03 li {background:url(../../images/bul_vstype5.gif) no-repeat left 10px; padding-left:8px; color:#787878; padding-bottom:3px} dl.listtype_01 { padding-left:13px;margin-bottom:10px} dl.listtype_01 dt { color:#333; line-height:25px} dl.listtype_01 dd {background:url(../../images/bul_vstype3.gif) no-repeat left 10px;padding-left:10px;color:#686868} dl.listtype_01 dd .img_box{margin-left:-23px !important;margin-top:10px} .con_txt{ padding:0 0 5px 8px; line-height:16px; color:#686868; } /*지시문유형*/ .instruct_page ul { padding-left:25px} .instruct_page ul li { font-size:12px; line-height:16px; padding-bottom:4px;} .instruct_page ul li strong{ color:#d06c08} .instruct_page ul.listtype_02 { padding-left:5px} .instruct_modulecon { overflow:visible;min-height:22px;height:auto !important;padding:6px 0 5px 17px;line-height:22px;text-overflow:clip;white-space:normal;border:1px solid #ddd;border-radius:2px;color:#3a3a3a;background:#f5f5f5;} .instruct_modulecon ol li { font-size:12px; line-height:16px; padding-bottom:4px;} .instructbox { margin:10px 20px 10px 10px;background:#fffef3; border:1px solid #dbd9c0;padding:10px 25px;color:#585858; font-size:12px; } .instructbox ul {padding-left:0} /*업무안내 */ .img_box{display: block; border:solid 1px #ddd; text-align: center; padding:20px 0} /* Message Layer Popup */ .msgLayer { position:fixed;left:20%;top:50%;width:60%;height:400px;margin-top:-200px;border:1px solid #b4b4b4;background:#fff;z-index:2;} .msgLayer section { position:relative; height:400px;} .msgLayer h4 {overflow:hidden; padding-left:22px;height:50px;line-height:50px;background:#f5f5f5;font-size:18px;color:#222;text-overflow:ellipsis;white-space:nowrap;} .msgLayer article { overflow-y:auto; height:275px; padding:10px;} .msgLayer footer { position:absolute; left:0; bottom:0; width:100%;} .msgLayer footer .btn_total { margin:0; padding:10px;} /* 2015.03.24 Favorite Keyword & Search Result */ #left.fkword { min-height:100%; background:#f2f2f2; border:1px solid #d3d3d3; border-radius:0; box-shadow:none;} #left.fkword header { height:40px; margin:0; padding:0; border:0;} #left.fkword header h1 { padding:0 0 0 10px; font-size:14px; color:#335db5; line-height:40px} #left.fkword header>a {background:none;position:absolute; top:18px; left:83px;} #left.fkword .tabsection {padding:0 10px;} #left.fkword .subtab {height:22px; margin-bottom:4px;} #left.fkword .subtab li {width:33%; margin:0;} #left.fkword .subtab li a {padding:2px 14px 4px; background:#f4f4f4; border:1px solid #dedede; border-left:1px solid #f4f4f4; border-radius:0; font-size:12px; color:#444; font-weight:normal; text-align:center; line-height:14px;} #left.fkword .subtab li:first-child a {border-left:1px solid #dedede;} #left.fkword .subtab li.selected a {background:#fff; border:1px solid #a9a9a9;} #left.fkword .subtab li.previous a {border-right:1px solid #f4f4f4;} #left.fkword .subtabarea {margin:0; padding:5px; border:none;} #left.fkword .subtabarea ol li {position:relative; list-style:none; height:22px; line-height:22px;} #left.fkword .subtabarea ol li a {overflow:hidden; display:block; margin:0 45px 0 22px; font-size:12px; color:#000; text-overflow:ellipsis; white-space:nowrap;} #left.fkword .subtabarea ol li strong {position:absolute; top:6px; left:0; width:14px; height:14px; background:#4574D2; font-size:10px; color:#fff; font-weight:normal; text-align:center; line-height:14px;} #left.fkword .subtabarea ol li > span {position:absolute; top:0; right:0; width:28px; padding-left:12px; font-size:10px;} #left.fkword .subtabarea ol li > span.same {background: url(../../images/ico_rank.gif) no-repeat left top; text-indent:-9999px;} #left.fkword .subtabarea ol li > span.up {background: url(../../images/ico_rank.gif) no-repeat left -22px;} #left.fkword .subtabarea ol li > span.down {background: url(../../images/ico_rank.gif) no-repeat left -44px;} .schresult_list1 { padding-bottom:10px;} .schresult_list1 li { overflow:hidden; height:30px; padding-left:15px; background: url(../../images/myc/bg_searchresult.png) no-repeat left 11px; line-height:30px; text-overflow:ellipsis; white-space:nowrap;} .schresult_list1 li a.login,.schresult_list1 li a.certi {display:inline-block; padding-right:20px;} .schresult_list1 li a.login {background:url(../../images/myc/ico_search_login.gif) no-repeat right 50%} .schresult_list1 li a.certi {background:url(../../images/myc/ico_search_certi.gif) no-repeat right 50%} .schresult_list1 li img { height:15px; vertical-align:middle;} .schresult_list1 li strong { color:#d6285b;} .schresult_list2 { padding-bottom:10px;} .schresult_list2 li { padding: 0 0 20px 15px; background: url(../../images/myc/bg_searchresult.png) no-repeat left 11px; border-bottom: 1px solid #dedede;} .schresult_list2 header { height:30px !important; margin:20px 0 0 !important; padding:0 !important; border:0 !important; *zoom:1;} .schresult_list2 header:after { display:block; clear:both; content: "";} .schresult_list2 header h2, .schresult_list2 header span { float:left; line-height:30px;} .schresult_list2 header h2 { font-size:13px;color:#335db5} .schresult_list2 header h2 strong { color:#d6285b;} .schresult_list2 header img { height:15px; vertical-align:middle;} .schresult_list2 p { margin-top:6px; padding: 0 0 0 10px; background: url(../../images/bul_left3depth.png) no-repeat left 9px;} .schresult_list2 .nowrap h2 { text-decoration: none;} .schresult_list2 .nowrap span { font-weight:normal;} .schresult_list2 .nowrap p { overflow:hidden; padding:0; background: none; text-overflow:ellipsis; white-space:nowrap;} /* 메인변경 */ .quickmenu { height:100%} .timeover { font-size:12px;color:#a0d6ff;margin-right:3px;font-weight:bold} .quickmenu.current footer > p span { display:block;color:#6b7686;font-size:11px;line-height:16px;text-align:center; } .quickmenu footer .cscenter { display:none} .quickmenu.current footer .cscenter { display:block} .quickmenu.current footer .cscenter { overflow:hidden;width:100%;border-top:1px solid #555560;padding:10px} .quickmenu.current footer .cscenter dt,.quickmenu.current footer .cscenter dd { float:left;color:#6b7686;font-size:12px;line-height:16px} .quickmenu.current footer .cscenter dt { width:98px;height:30px;border-right:1px dotted #717375;font-weight:bold;color:#fff} .quickmenu.current footer .cscenter dt strong { color:#eebe2e;font-size:18px;line-height:25px} .quickmenu.current footer .cscenter dd { padding-left:10px;color:#dfdfdf} .quickmenu.current footer .cscenter dd span { display:block} .quickmenu.current footer .cscenter dd span:first-child { padding-bottom:10px} .potlete_cont.rollingb { border-top:1px solid #C8C8C8;border-top-left-radius:3px;border-top-right-radius:3px;height:191px;position:relative} .rollingb ul {position:relative;overflow:hidden} .rollingb ul.img { height:100%} .rollingb ul.img li { position:absolute;bottom:5px;width:308px;height:144px} .rollingb li.li1 {display:block} .rollingb .img,.rollingb .view_num,.rollingb .p,.rollingb li.li2,.rollingb li.li3 {display:none} .rollingb .img li:first-child { display:block} .rollingb .img li+li { display:none} .rollingb ul.view_num { position:absolute;top:13px;left:10px;overflow:hidden} .rollingb ul.view_num li {display:block;float:left;margin-right:5px;width:9px;height:8px;background:url(../../images/myc/btn_rollb.png) no-repeat 50% 50%;cursor:default} .rollingb ul.view_num li.first {background:url(../../images/myc/btn_rollbcurrent.png) no-repeat 50% 50%;width:20px} .rollingb ul.view_num li a { display:block} .rollingb ul.view_num li a span { display:block;text-indent:-9999px} .rollingb ul.view_num li.first a {color:#fff} .rollingb ul.play { position:absolute; top:8px; left:67px} .rollingb ul.play li {padding-right:5px;float:left;width:20px} .cargo { border-top:1px solid #C8C8C8;border-top-left-radius:3px;border-top-right-radius:3px;position:relative;margin:0 0 0 325px;*zoom:1;margin-bottom:13px} .cargo { height:52px !important; padding: 15px 0 0 13px} .cargo h2 { margin:0;padding:0;line-height:40px;top:11px;border-bottom:0;color:#3c4347;font-size:16px;font-weight:bold;position:absolute} .cargo fieldset { box-sizing:border-box;margin:0 0 0 105px;overflow:hidden;line-height:34px} .cargo ul { position:relative;float:left} .cargo li {display:inline-block;margin:0 3px 0 0} .cargo input[type="radio"] { position:relative;top:-1px;margin:0 4px 0 0} .cargo div { float:left;width:49%;min-width:290px;overflow:hidden;margin-right:10px;margin-left:5px} .cargo input[type="text"] { width:25.5%;height:28px;margin:0 -1px 0 0;line-height:25px;border:1px solid #d0d0d0;vertical-align:middle;background:#f7f7f7; text-align:left} .cargo div select { height: 28px;margin:0 -1px 0 0;width:80px;padding: 5px;background: none repeat scroll 0% 0% #F7F7F7; border: 1px solid #D0D0D0;vertical-align:middle} .cargo button { vertical-align:middle;display:inline-block;padding:0 3%;border-radius:3px;text-align:left; cursor:pointer;background:linear-gradient(#878787, #6d6d6d); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#878787", endColorStr="#6d6d6d"); } .cargo button span { display:block;height:28px;margin:0;padding:0 0 0 18px;line-height:26px;color:#fff;font-size:13px;font-weight:bold;background:url(../../images/btn_searchreset.png) no-repeat 0 7px; } .cargo button[type="submit"],.cargo button.btn_submit { float:none;background:linear-gradient(#557dce, #496fbc); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#557dce", endColorStr="#496fbc"); } .cargo button[type="submit"] span,.cargo button.btn_submit span { background:url(../../images/btn_searchmagnifier.png) no-repeat 0 7px; } /* page footer */ .page_footer { border-top:1px solid #ccc;width:100%;padding-top:17px} .page_footer article { width:1020px;margin:0 auto;overflow:hidden;line-height:28px} .page_footer strong,.page_footer ul { float:left;margin-right:15px;overflow:hidden} .page_footer ul { margin-right:7px} .page_footer ul li {float:left; background:url(../../images/myc/bg_footline.gif) no-repeat left 10px; padding:0 8px 0 8px; font-size:12px; font-weight:bold;line-height:27px} .page_footer ul li a { color:#3D5E9F} .page_footer ul li a span.person { color:#e40a2e; font-weight:bold; text-decoration:underline;} .page_footer ul li:first-child{padding-left:0; background:none} .page_footer address{float:left;font-size:12px; font-style:normal} .page_footer address span{color:#3d5e9f;font-weight:bold} .page_footer article>span { font-size:12px;margin-left:10px} /*공인인증안내,이용안내*/ .content_top { border-bottom:1px solid #3a3a44;overflow:hidden;padding-right:330px;height:130px} .content_top p { word-break:keep-all;margin-bottom:15px} .content_top p strong { color:#4574D2} .certi_info { background:url(../../images/myc/bg_certiinfo.png) no-repeat right 50%} .exp_customs { background:url(../../images/myc/bg_expcustoms.png) no-repeat right 50%} .imp_customs { background:url(../../images/myc/bg_impcustoms.png) no-repeat right 50%} .refund { background:url(../../images/myc/bg_refund.png) no-repeat right 50%} .instruct_module .information { border-top:1px dashed #ccc;padding-top:15px} .instruct_module .information p { color:#484848} /* 세션 */ .sesnTime {font-size:12px; color:#FFFFFF;} /* 2018 new main 컨텐츠 시작 */ /* -----------------------HEADER 메뉴상단 */ .mainheader aside .M18_mymenu { display:inline-block;width:65px;height:100%;margin-left:2px; margin-right:8px; text-indent:-9999px;background:url(../../images/new/btn_mymenu.png) no-repeat 2px 50%; }/* My메뉴추가 */ .mainheader aside .searchtext div{ z-index:999; display:block; position:absolute; padding:0px; margin:0px; overflow:hidden; left:6px; border:1px solid #666; width:124px; background-color:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .mainheader aside .searchtext div.M18_word h3 {padding:0px 0px 2px 5px; font-size:11px; margin:0px; line-height:18px; background-color:#369; color:#CCC; border-bottom:1px solid #666;} .mainheader aside .searchtext div.M18_word ul {padding:0px; margin:0px;} .mainheader aside .searchtext div.M18_word ul li {padding:0px 0px 2px 5px; font-size:11px; color:#444444; border-bottom:1px dotted #e4e4e4; line-height:18px; overflow:hidden;} .mainheader aside .searchtext div.M18_word ul li a:link, .mainheader aside .searchtext div.M18_word ul li a:visited { text-decoration:none; } .mainheader aside .searchtext div.M18_word ul li a:hover, .mainheader aside .searchtext div.M18_word ul li a:active { text-decoration:none; background-color:#EAEAEA;} .mainheader aside .searchtext div.M18_word {display:none} .M18_main_boardlist {position:relative; background:url(../../images/myc/bg_mainvisual.jpg) no-repeat 50% 50%; width:100%; height:275px; overflow:hidden;} /*******************/ #main .M18_popupzone { position:relative; float:left; margin-top:15px; margin-left:15px; width:400px; height:245px; border:1px solid #FFF;}/* 팝업존 */ #main .M18_popupzone h2 { visibility:hidden; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px;} #main .M18_popupzone div { position:absolute; z-index:1; width:400px; height:29px; margin-top:216px; background:url(../../images/new/bg_popupbar.png) 0px 0px;} #main .M18_popupzone div p { position:absolute; right:0px; margin-right:5px; margin-top:5px; z-index:100;} #main .M18_popupzone div p.M18_popupzone_btn { z-index:101; position:absolute; width:71px; height:19px; background:url(../../images/new/btn_popupzone.png) no-repeat 0px 0px;} #main .M18_popupzone div p.M18_popupzone_btn button { cursor:pointer} /* #main .M18_popupzone div p.M18_popupzone_btn button:focus { outline:none;}*/ #main .M18_popupzone div p.M18_popupzone_btn button.M18_front { position:absolute; left:48px; width:23px; height:19px;} #main .M18_popupzone div p.M18_popupzone_btn button.M18_next { position:absolute; left:24px; width:23px; height:19px; background:url(../../images/new/btn_popupzone_play1.png) no-repeat -24px 0px;} #main .M18_popupzone div p.M18_popupzone_btn button.M18_stop { position:absolute; left:24px; width:23px; height:19px;} #main .M18_popupzone div p.M18_popupzone_btn button.M18_back {position:absolute; width:23px; height:19px;} #main .M18_popupzone div p.M18_popupzone_btn span { visibility:hidden; list-style:none;} #main .M18_popupzone ul { position:absolute; overflow:hidden;} #main .M18_popupzone ul li { display:block; float:left; width:400px; height:245px; top:0px;} #main .M18_popupzone ul li a { display:block; width:400px; height:245px; text-decoration:none; border:none; vertical-align:top;} #main .M18_popupzone ul li a img { width:400px; height:245px; } #main .M18_popupzone ul.M18_rolling_num { position:absolute; right:0px; margin-right:170px; margin-top:225px; z-index:1;} #main .M18_popupzone ul.M18_rolling_num li { display:inline-block; margin-left:2px; margin-right:2px; width:14px; height:14px; cursor:pointer;} #main .M18_popupzone ul.M18_rolling_num li a { display:block; text-indent:-9999px; list-style:none;} #main .M18_popupzone ul.M18_rolling_num li.M18_rolling_on { background:url(../../images/new/btn_popupzone_rolling_on.png) no-repeat 0px 0px; width:20px;} #main .M18_popupzone ul.M18_rolling_num li.M18_rolling_off { background:url(../../images/new/btn_popupzone_rolling_off.png) no-repeat 0px 0px; width:14px;} #main .M18_board {position:relative; overflow:hidden; margin-top:15px; margin-left:15px; margin-right:15px; font-family:'맑은 고딕', Malgun Gothic, sans-serif; color:#fff;} #main .M18_board div { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #main .M18_board div {position:relative; float:right; width:46%;} #main .M18_board div:first-child { float:left; width:50%;} #main .M18_board .M18_board_notice div{ left:15px; margin:0px; padding:0px; text-align:left; width:100%; clear:both;}/* 공지사항&행정예고 */ #main .M18_board .M18_board_notice div h2 {color:#fff; font-size:16px; text-decoration:none; padding-left:8px; padding-bottom:0px; clear:both;} #main .M18_board .M18_board_notice ul { clear:both;} #main .M18_board .M18_board_notice ul li { position:relative; height:24px; width:100%; padding-right:78px; box-sizing:border-box;} #main .M18_board .M18_board_notice ul li a { overflow:hidden; padding-left:8px; display:block; white-space:nowrap; text-overflow:ellipsis; color:#FFF;} #main .M18_board .M18_board_notice ul li a span { position:absolute; right:0px; color:#fff; margin:0px; padding:0px;} #main .M18_board .M18_board_search {margin-bottom:5px; text-align:left;}/* 화물진행정보&수출이행내역 검색 */ #main .M18_board .M18_board_search div{float:left; width:100%; padding:14px 20px 14px 14px; clear:both;} #main .M18_board .M18_board_search div h2 {color:#fff; font-size:16px; line-height:16px; text-decoration:none; padding:0px; margin:0px; clear:both;} #main .M18_board .M18_board_search div ul{ height:20px; padding-top:10px; padding-bottom:8px;} #main .M18_board .M18_board_search div ul li { float:left; display:inline-block; padding-right:15px;} .M18_board_search select {height: 25px; margin: 0 -1px 0 0; background: none repeat scroll 0% 0% #F7F7F7; border: 1px solid #D0D0D0; vertical-align: middle;} .M18_board_search input[type="text"] { text-align: left; height: 25px; } .btn_submit { vertical-align:middle; display:inline-block; height:29px; margin:0; padding:0px;line-height:29px; cursor:pointer;} .input_style1 {width:72%; height:29px;} .tbox1 { border:1px solid #61707f; border-radius:0px 0px 1px 1px; background-color:#384e66; margin-bottom:5px;} .tbox2 { border:1px solid #61707f; border-radius:3px 3px 3px 3px; background-color:#3e5367; margin-bottom:5px;} .M18_notice_more { position:absolute; right:8px; top:5px;} .M18_rate_more {position:absolute; display:block; top:20px; right:15px;} .M18_mgintop7 { margin-top:7px !important; } .M18_paddbut7 { padding-bottom:20px; clear:both;} /* -----------------------LEFT_RIGHT */ .M18_main_potlete {position:relative; width:100%; overflow:hidden;} .M18_potlete_cont1 { position:relative; float:left; width:310px; margin-top:15px; margin-left:15px;} .M18_potlete_cont2 {position:relative; overflow:hidden; margin-top:15px; margin-right:15px; padding-left:15px; font-family:'맑은 고딕', Malgun Gothic, sans-serif; color:#fff;} .M18_potlete_cont2 div{ display:block;} /* -----------------------LEFT 환율정보_시스템접속상태 */ .M18_rate {position:relative; float:left; width:310px; border:1px solid #c8c8c8; border-radius:3px 3px 3px 3px; background-color:#fff; overflow:hidden;} /*LEFT_환율정보 */ .M18_rate h2 {position:relative; float:left; margin-left:12px; margin-top:15px; font-size:16px; font-weight:bold; color:#333;} .M18_rate span.M18_rate_date {padding:0px; font-size:12px; font-weight:normal;} .M18_rate span.M18_rate_more { position:absolute; width:10px; height:10px; right:0px; margin-right:12px; cursor:pointer; border:0px; } .M18_rate header { height:50px; border-bottom:#fa9218 2px solid;} .M18_rate table { width:100%; border-collapse:separate; border-spacing:0px;} .M18_rate table thead tr th{ background:none; text-align:left; font-size:14px; color:#000; font-weight:bold; border:none; padding-left:15px; padding-top:15px; padding-bottom:7px;} .M18_rate table thead tr th.M18_textRight { text-align:right; padding-right:15px;} .M18_rate table tbody tr td { border:none; padding-left:15px; padding-top:6px; padding-bottom:5px; padding-right:5px; line-height:23px; text-align:left;} .M18_rate table tbody tr td strong { display:block; border-right:1px solid #bebebe; line-height:15px;} .M18_rate table tbody tr { background-color:#f0f0f0;} .M18_even { background-color:#FFF !important;} .M18_system { position:relative; float:left; width:310px; height:90px; background:url(../../images/new/bg_m18_systemstate.png) no-repeat 0 0px; padding:0px; margin:13px 0 0 0;}/* LEFT_시스템접속상태 */ .M18_system h2 { position:absolute; top:30px; left:98px; color:#fff; font-size:14px; line-height:16px; text-decoration:none; white-space:nowrap;} .M18_system span { position:absolute; top:13px; left:238px; } /* -----------------------RIGHT 3가지조회서비스_7가지독립적조회서비스*/ .M18_3service { position:relative; float:left; width:100%; height:262px; border:1px solid #c8c8c8; border-radius:3px 3px 3px 3px; background-color:#fff; overflow:hidden; *zoom:1; }/* RIGHT_3가지주요조회서비스(조회/출력/신청신고) */ .M18_3service { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .M18_3service ul:after {content:""; display:block; clear:both;} .M18_3service ul { position:relative; padding:0px; margin:0px; list-style:none;} .M18_3service .m0,.m1,m2 { width:100%; right:1px; top:1px;} .M18_3service .m0 a span.test0{ position:absolute; float:right; right:0px; top:0px; display:block; background:url(../../images/new/tab_m18_3service1_off.jpg) no-repeat; width:98px; height:86px; cursor:pointer; clear:both;} .M18_3service .m1 a span.test1{ position:absolute; float:right; right:0px; top:87px; display:block; background:url(../../images/new/tab_m18_3service2_off.jpg) no-repeat; width:98px; height:86px; cursor:pointer; clear:both;} .M18_3service .m2 a span.test2{ position:absolute; float:right; right:0px; top:174px; display:block; background:url(../../images/new/tab_m18_3service3_off.jpg) no-repeat; width:98px; height:86px; cursor:pointer; clear:both;} .M18_3service .m0 a span.test0.on{ position:absolute; float:right; right:0px; top:0px; display:block; background:url(../../images/new/tab_m18_3service1_on.jpg) no-repeat; width:98px; height:86px; cursor:pointer; clear:both;} .M18_3service .m1 a span.test1.on{ position:absolute; float:right; right:0px; top:87px; display:block; background:url(../../images/new/tab_m18_3service2_on.jpg) no-repeat; width:98px; height:86px; cursor:pointer; clear:both;} .M18_3service .m2 a span.test2.on{ position:absolute; float:right; right:0px; top:174px; display:block; background:url(../../images/new/tab_m18_3service3_on.jpg) no-repeat; width:98px; height:86px; cursor:pointer; clear:both;} .M18_3service #sm0 { position:absolute; float:right; right:100px; height:260px; top:1px; left:2px; bottom:2px;} .M18_3service #sm1 { position:absolute; float:right; right:100px; height:260px; top:1px; left:2px; bottom:2px;} .M18_3service #sm2 { position:absolute; float:right; right:100px; height:260px; top:1px; left:2px; bottom:2px;} .M18_3service ul li ul li {text-align:center; display:inline-block; width:18%; min-height:102px; margin-top:8px; } .M18_3service ul li ul li p {color:#333; font-size:13px; font-weight:bold; margin-bottom:5px; height:32px; line-height:32px;} .M18_3service ul li ul li a:hover {color:#333;} .M18_3service ul li ul li a:focus, .M18_3service ul li ul li a:active {text-decoration:none !important;} .M18_3service ul li ul.M18_icon { float:right; text-align:center;} .M18_hiddenTxt { position:absolute; visibility:hidden; height:0; line-height:0;} .M18_padding { padding-right:110px;} /** 해보자*/ .M18_3service ul li ul li p.on {background-color:#4773c1 !important;} /* .M18_margin {cursor:pointer;} */ .M18_margin a{text-decoration: none; } .M18_margin a:visited{text-decoration: none; } .M18_margin a:link{text-decoration: none; } .M18_margin a:active{text-decoration: none; } .M18_margin.on {background-color:#B0E2FF !important;} .M18_3service ul li ul li p.two {line-height:15px;} .M18_3service ul li ul li p.on {background-color:#B0E2FF !important;} .M18_dservice { position:relative; float:left; border:1px solid #c8c8c8; width:100%; min-width:706px; margin-top:15px; margin-bottom:15px; padding:2px; overflow:hidden;} /* RIGHT_독립적인 조회서비스(7가지) */ .M18_dservice { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .M18_dservice h2 { display:none; padding:0px; margin:0px; line-height:0px;} .M18_dservice table { height:67px; border-top:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; border-left:1px solid #FFF; } .M18_dservice table thead tr th { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} .M18_dservice table tbody tr td { padding:0px; margin:0px; cursor:pointer;} .M18_dservice table tbody tr td:hover h3{ color:#FF3; } .M18_dservice table tbody tr td a h3 { cursor:pointer;} .M18_dservice table tbody tr td a h3:hover { color:#FF3;} .M18_dservice table tbody tr td a h3:focus, .M18_dservice table tbody tr td a h3:active { text-decoration:underline; } .M18_dservice table tbody tr td h3 { position:absolute; top:0px; line-height:14px; padding:0px; margin-top:5px; margin-left:5px; color:#fff; font-size:13px; font-weight:bold;} .M18_dservice table tbody tr td p { position:absolute; right:0; bottom:0px; margin-right:5px; margin-bottom:3px;} .M18_dservice table tbody tr td.M18_dservice_li_bg1 { background-color:#61a378 !important; background:url(../../images/new/icon_M18_dservice_1.png) no-repeat right bottom; padding: 0; border:1px solid;} .M18_dservice table tbody tr td.M18_dservice_li_bg2 { background-color:#519d8d !important; background:url(../../images/new/icon_M18_dservice_2.png) no-repeat right bottom; padding: 0; border:1px solid;} .M18_dservice table tbody tr td.M18_dservice_li_bg3 { background-color:#29a0ab !important; background:url(../../images/new/icon_M18_dservice_3.png) no-repeat right bottom; padding: 0; border:1px solid;} .M18_dservice table tbody tr td.M18_dservice_li_bg4 { background-color:#157e9a !important; background:url(../../images/new/icon_M18_dservice_4.png) no-repeat right bottom; padding: 0; border:1px solid;} .M18_dservice table tbody tr td.M18_dservice_li_bg5 { background-color:#15537f !important; background:url(../../images/new/icon_M18_dservice_5.png) no-repeat right bottom; padding: 0; border:1px solid;} .M18_dservice table tbody tr td.M18_dservice_li_bg6 { background-color:#0a3c5a !important; background:url(../../images/new/icon_M18_dservice_6.png) no-repeat right bottom; padding: 0; border:1px solid;} .M18_dservice table tbody tr td.M18_dservice_li_bg7 { background-color:#012a43 !important; background:url(../../images/new/icon_M18_dservice_7.png) no-repeat right bottom; padding: 0; border:1px solid;} .quickmenu.current footer .M18_quicksite {float:left; display:block; overflow:hidden; width:200px; height:74px; padding-top:5px; border-top:1px solid #555560;}/* 관련사이트 */ .quickmenu.current footer .M18_quicksite h2{ margin-left:10px; color:#6b7686; font-size:14px; font-weight:bold; color:#fff; line-height:26px; clear:both;} .quickmenu.current footer .M18_quicksite .M18_quicksite_box div {position:absolute; margin-left:12px; border:1px solid #333339; box-sizing:border-box; width:176px; height:28px; background-color:#585862; clear:both;} .quickmenu.current footer .M18_quicksite .M18_quicksite_box div .M18_moresite { display:block; height:28px; margin-left:7px; line-height:26px; color:#FFF; text-decoration:none; text-align:left; } .quickmenu.current footer .M18_quicksite .M18_quicksite_box div .M18_moresite:after {content:""; overflow:hidden; position:absolute; background:url(../../images/new/btn_quicksite_view.png) no-repeat; vertical-align:middle; top:40%; right:8px; width:10px; height:6px;} .quickmenu.current footer .M18_moresite_layer { position:absolute; border:1px solid #333333; box-sizing:border-box; bottom:0px; margin-bottom:155px; margin-left:12px; width:176px; z-index:99999 !important; background-color:#585862; display:none;} .quickmenu.current footer .M18_moresite_layer .M18_list li{margin:0px; padding-bottom:10px;} .quickmenu.current footer .M18_moresite_layer .M18_list li dl {list-style:none; margin:0px; padding:0px;} .quickmenu.current footer .M18_moresite_layer .M18_list li dl dt{ padding-left:8px; color:#fe9b27; font-weight:bold; font-size:13px; line-height:24px; background-color:#64646c;} .quickmenu.current footer .M18_moresite_layer .M18_list li dl dd{ color:#FFF; font-size:12px; line-height:18px;} .quickmenu.current footer .M18_moresite_layer .M18_list li dl dd a{ display:block; color:#FFF; font-size:12px; text-decoration:none; text-align:left; line-height:20px; background-color:transparent; -webkit-text-decoration-skip:objects;} .quickmenu.current footer .M18_moresite_layer .M18_list li dl dd a:link, .quickmenu.current footer .M18_quicksite .M18_quicksite_box div .M18_moresite_layer .M18_list li dl dd a:visited { color:#FFF; text-decoration:none; cursor:pointer; } .quickmenu.current footer .M18_moresite_layer .M18_list li dl dd a:hover, .quickmenu.current footer .M18_quicksite .M18_quicksite_box div .M18_moresite_layer .M18_list li dl dd a:active { color:#FFF; text-decoration:underline; cursor:pointer; background-color:#0a3f5e; } .quickmenu.current footer .M18_moresite_layer p { position:absolute; margin-top:3px; padding-left:6px; display:block; height:26px; width:165px; line-height:26px; color:#FFF; text-decoration:none; text-align:left; background-color:#585862; clear:both;} .quickmenu.current footer .M18_moresite_layer p a { position:absolute; display:block; overflow:hidden; vertical-align:middle; top:40%; right:0px; margin-right:8px;} .quickmenu.current footer .M18_moresite_layer p.M18_close a {width:10px; height:6px; background:url(../../images/new/btn_quicksite_close.png) no-repeat; cursor:pointer; } .quickmenu.current footer .M18_moresite_layer p.M18_close {cursor:pointer;} .M18_padd_l{ padding-left:7px;} .M18_quicksiteSpan {display:none;} .quickmenu.current footer .M18_moresite_layer .M18_list{overflow-y: auto; height:260px;} .quickmenu.current footer .M18_cscenter {float:left; display:block; overflow:hidden; width:200px; height:104px; padding-top:5px; border-top:1px solid #555560;}/* 기술지원센터 */ .quickmenu.current footer .M18_cscenter h2{ margin-left:10px; color:#6b7686; font-size:1.1em; font-weight:bold; color:#fff; line-height:26px; clear:both;} .quickmenu.current footer .M18_cscenter div.M18_cscenter_box {margin-left:12px; border:1px solid #333339; box-sizing:border-box; width:176px; height:66px; background-color:#585862; text-align:center;} .M18_fontstyle_1{ font-size:23px; color:#ffc763; line-height:35px;} .M18_fontstyle_2{ font-size:15px; color:#eedab5; } .mainheader nav > ul > li > a > span.menucolor {color:#eaf1a2;} .mainheader nav > ul > li > a.current span.menucolor {color:#0346cc;} .btn_more { height: 21px; line-height: 21px; padding: 0 15px; border: 1px solid #dcdcdc; border-radius: 3px; background: linear-gradient(#f8f8f8, #f2f2f2);} .btn_more span { display: block;height: 21px; margin: 0; padding: 0 0 0 12px; font-size: 13px; font-weight: bold; color: #517dd5; background: url(../../images/ico_inline_show.png) no-repeat 0 -1px;} .btn_more.current span { background: url(../../images/ico_inline_show.png) no-repeat 0 -22px;} /* 2018 new main 컨텐츠 끝 $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */