@import url('/usr/css/layout2017.css'); /* Popup ---------------------------------------------------*/ #apopWidth {width:100%; height:100%;} .apopTop {height:38px; background: url(http://img.arreo.com/usr/img2/com/popTopBg.gif) repeat-x; padding:0px 0px 0px 10px; font-weight:bold; color:#fff;} .apopMiddle {height:100%; background-color:#fff; text-align:center; padding:12px;} .apopBottom {height:42px; background-color:#f0f0f0; text-align:center; padding-top:6px;} .apopTop .apopTitle {color:#FFFF00;} .apopTop .apopTopIcon {margin:0px 4px -2px 0px;} .apopMiddle .apopTabMenu {width:578px; height:28px; background: url(http://img.arreo.com/usr/img2/com/popTMBg.gif) repeat-x; border-left:1px solid #6085c3; border-right:1px solid #6085c3; margin-bottom:15px; padding-left:4px;} .apopTabMenu div {width:108px; height:19px; text-align:center; padding-top:5px; font-weight:bold; margin:4px 0px 0px 2px; } .apopTabMenu div.on { float:left; background:url(http://img.arreo.com/usr/img2/com/popTMov.gif) no-repeat; color:#3c6cbc;} .apopTabMenu div.off {float:left; background:url(http://img.arreo.com/usr/img2/com/popTM.gif) no-repeat; color:#fff;} .apopTabMenu div.off a { color:#fff; text-decoration:none;} .apopTabMenu p { font-weight:bold; padding-top:7px;} /*주소록pop*/ .apopJoinArea {width:586px;} table.joinLeftTop {width:354px; height:29px;} table.joinLeftTop .jLCbg {height:24px; padding:5px 0px 0px 6px; color:#3677c0; font-weight:bold; background:url(http://img.arreo.com/usr/img2/com/popJTCenter.gif) repeat-x;} table.joinLeftList {width:352px;} table.joinLeftList th { height:24px; font-size:12px; background:#eef3fb; font-weight:lighter; color:#000; padding-top:4px; text-align:center; border-bottom:1px solid #d9e0ed;} table.joinLeftList td { height:22px; color:#666; padding-top:2px; text-align:center; word-break:break-all; border-bottom:1px solid #d9e0ed; } table.joinLeftBottom {width:354px; height:12px;} table.joinLeftBottom .jLBbg {height:12px; border-bottom:1px solid #d9e0ed;} table.joinRightTop {width:222px; height:29px;} table.joinRightTop .jLCbg {height:24px; padding:5px 0px 0px 6px; color:#3677c0; font-weight:bold; background:url(http://img.arreo.com/usr/img2/com/popJTCenter.gif) repeat-x;} table.joinRightList {width:220px;} table.joinRightList th { height:24px; font-size:12px; background:#eef3fb; font-weight:lighter; color:#000; padding-top:4px; text-align:center; border-bottom:1px solid #d9e0ed;} table.joinRightList td { height:22px; color:#666; padding-top:2px; text-align:center; word-break:break-all; border-bottom:1px solid #d9e0ed; } table.joinRightBottom {width:222px; height:12px;} table.joinRightBottom .jLBbg {height:12px; border-bottom:1px solid #d9e0ed;} /*.iframeISLeft {width:352px; height:506px; border-left:1px solid #d9e0ed; border-right:1px solid #d9e0ed; overflow-y:auto; overflow-x:hidden;} .iframeISRight {width:220px; height:506px; border-left:1px solid #d9e0ed; border-right:1px solid #d9e0ed; overflow-y:auto; overflow-x:hidden;} *html .iframeISLeft {width:354px; height:506px; border-left:1px solid #d9e0ed; border-right:1px solid #d9e0ed; overflow-y:auto;} *html .iframeISRight {width:222px; height:506px; border-left:1px solid #d9e0ed; border-right:1px solid #d9e0ed; overflow-y:auto;}*/ .apopTitle {width:100%; font-weight:bold; color:#000; text-align:left; margin-bottom:4px;} .apopTitle .iconpd {margin-right:4px;} .addJointSet {width:100%; text-align:left; margin-bottom:15px;} .addJointSet span.txtPd {margin-left:40px;} .addJointSet div.topPd {margin-top:2px;} table.jointInfo {width:585px; border:1px solid #dadada;} table.jointInfo th {height:21px; color:#000; font-weight:bold; background-color:#f0f0f0; padding:6px 0px 4px 0px; text-align:center;} table.jointInfo th .pointTxt {color:#26a1cb;} table.jointInfo th .txtPd {margin-left:30px;} table.jointInfo td {height:18px; color:#5f73c2; font-weight:bold; background-color:#fff; padding:6px 0px 4px 0px; text-align:center;} .ISBtn {width:585px; height:18px; margin-top:10px;} .leftISBtn {float:left; width:347px; text-align:left; padding-left:5px;} .leftISBtn img {margin-right:4px;} .rightISBtn {float:right; width:218px; text-align:left;} .rightISBtn img {margin-right:4px;} .altPop {float:left; width:146px; border:3px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fff; line-height:16px;} *html .altPop {float:left; width:146px; border:3px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fff; line-height:16px;} .altPop .altTxt {float:left; width:100%;} .altPop .altTxt .point1 {color:#000;} .altPop .altLine {float:left; width:100%; height:1px; border-bottom:1px solid #ff6600; margin:2px 0 6px 0;} .altPop .checkSMS {float:left; width:100%; margin:0px 0 0 0px; color:#666;} .altPop .checkSMS input {margin-bottom:-2px;} .altPop .checkMMS {float:left; width:100%; margin:0 0 0 0px; color:#666;} .altPop .checkMMS input {margin-bottom:-2px;} .altPop .btn {float:left; width:100%; margin-top:6px; text-align:center;} .altPop .btn img {margin-right:4px;} /*이용안내*/ #Content {float:left; width:805px; margin-top:5px} #howto {clear:both; background:url(http://img.arreo.com/asp_guide/img/arreo/img_HowtoLine.gif) repeat-y; text-align:center;} #howto div.howtoBottom {background:url(http://img.arreo.com/asp_guide/img/arreo/img_HowtoBottom.gif); height:10px; margin-top:20px;} #howto div.mt60 { margin-top:60px;} #howto div.top { text-align:right; padding-right:40px; margin-top:10px;} /*Excel guide Pop-up 110614*/ #guide {width:700px; margin:0px auto; padding:0px;} /*tab01*/ .tab_menu { width:700px; height:35px; padding-right:3px; margin-left:27px;} .tab_menu li {display:inline; text-align:center; } .tab_menu li.on {width:102px; height:35px;} .tab_menu li.off {width:102px; height:35px;} .tab_menu li.on02 {width:102px; height:35px;} .tab_menu li.off02 {width:102px; height:35px;} .tab_menu li.on03 {width:102px; height:35px;} .tab_menu li.off03 {width:102px; height:35px;} .tab_menu li.on04 {width:102px; height:35px;} .tab_menu li.off04 {width:102px; height:35px;} .tab_menu li.on05 {width:102px; height:35px;} .tab_menu li.off05 {width:102px; height:35px;} .tab_menu li.on06 {width:102px; height:35px;} .tab_menu li.off06 {width:102px; height:35px;} .menu_2dep { width:666px; height:26px; margin:11px 0px 0px 27px;} .menu_2dep ul {display:block; position:relative; margin:0px; padding:0px; color:#062c6a;} .menu_2dep li {display:inline; position:relative; margin-right:7px; padding:0px; color:#062c6a;} .menu_2dep li.line {display:inline; position:relative; margin-top:5px; margin-right:7px; padding:0px; color:#062c6a;} .menu_2dep ul img {display:inline-block; position:relative; margin:0 4px 2px 0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/ /*layer_015 : 201509 이벤트 레이어위치 */ #layer_015_join{position:absolute;left:-220px;top:419px;} #layer_015_join_in{} /*event2015.css*/ /*발신번호 사전등록 : 20151005 */ .transnum_reg .cont_top_title{position:relative;display:block;width:100%;height:15px;padding:7px 0;background:url("http://img.arreo.com/usr/img2/com/title_bg01.gif") 0 bottom repeat-x;} .transnum_reg .cont_top_title h3{padding-left:25px;background:url("http://img.arreo.com/usr/img2/mya/mya_icon01.gif") no-repeat;font-size:1.15em;letter-spacing:0.01em;} .transnum_reg .cont_top_title .btn_transnum_info_img{position:absolute;right:5px;top:5px;} .transnum_reg .cont_top_title .btn_transnum_info_img a{display:block;text-decoration:none;color:#ff6600} .transnum_reg .cont_bottom_area{margin:20px 0;font-family:'Dotum';} .transnum_reg .cont_bottom_area .cont_textbox1{padding:11px 15px;border:4px solid #d8e1ea;color:#444;line-height:1.6;} .transnum_reg .cont_bottom_area .cont_textbox1 p{letter-spacing:0.02em} .transnum_reg .cont_bottom_area .cont_textbox1 ul li{padding-left:10px;background:url("http://img.arreo.com/usr/img3/msg/ico_grayPoint02.gif") 2px 7px no-repeat;} .transnum_reg .cont_bottom_area .cont_textbox1 ul li span{color:#ff6600} .transnum_reg .cont_bottom_area .cont_textbox1 ul li a{color:#ff6600} .transnum_reg .cont_bottom_area .cont_num_del{display:block;padding:11px 0 11px 53px;margin:0 0 30px 0;background:#eef5fd;border-top:1px solid #c6d8ec;border-bottom:1px solid #c6d8ec;} .transnum_reg .cont_bottom_area .cont_num_del ul{overflow:hidden;} .transnum_reg .cont_bottom_area .cont_num_del ul li{float:left;width:290px;margin:3px 0;font-weight:600;color:#333} .transnum_reg .cont_bottom_area .cont_num_del ul li img{vertical-align:middle;margin:-1px 9px 0 0;} .transnum_reg .cont_bottom_area .cont_num_del ul li button{display:inline-block;width:10px;height:13px;margin-left:10px;background:url("http://img.arreo.com/usr/img/transnum/transnum_phn_delete.png") 0 3px no-repeat;text-indent:-99999em;border:0;outline:0;cursor:pointer} .transnum_reg .cont_bottom_area .cont_num_del dl{overflow:hidden;padding:15px 0;} .transnum_reg .cont_bottom_area .cont_num_del dl dt{float:left;margin-top:5px;font-weight:bold} .transnum_reg .cont_bottom_area .cont_num_del dl dt button{display:inline-block;width:44px;height:18px;margin-left:10px;background:url("http://img.arreo.com/usr/img/transnum/transnum_phn_delete.png") no-repeat;text-indent:-99999em;border:0;outline:0;cursor:pointer} .transnum_reg .cont_bottom_area .cont_num_del dl dd{float:left;margin-left:30px;} .transnum_reg .cont_bottom_area .cont_table_board1 table{width:100%;border-collapse:collapse;border-spacing:0;font-family:'Dotum';} .transnum_reg .cont_bottom_area .cont_table_board1 table th{border-bottom:1px solid #e0e0e0;font-weight:normal} .transnum_reg .cont_bottom_area .cont_table_board1 table td{padding:5px 10px;border-bottom:1px solid #e0e0e0;} .transnum_reg .cont_bottom_area .cont_table_board1 table .last{border-bottom:none} .transnum_reg .cont_bottom_area .cont_table_board1 table:first-child{display:block;margin-bottom:8px;border-top:1px solid #c6d8ec;border-bottom:1px solid #c6d8ec;} .transnum_reg .cont_bottom_area .cont_table_board1 table:first-child th{background:#eef5fd;} .transnum_reg .cont_bottom_area .cont_table_board1 table:first-child td input[type="text"]{width:120px;height:20px;padding:0 5px;border:1px solid #707070;outline:0;} .transnum_reg .cont_bottom_area .cont_table_board1 table:first-child td input[type="radio"]{vertical-align:middle;} .transnum_reg .cont_bottom_area .cont_table_board1 table:first-child td span{margin-right:15px;} .transnum_reg .cont_bottom_area .cont_table_board1 table:first-child td .btn_trans_acc{display:inline-block;width:66px;height:22px;background:url("http://img.arreo.com/usr/img/transnum/transnum_btn_acc.gif") no-repeat;border:0;outline:0;text-indent:-999999em;cursor:pointer} .transnum_reg .cont_bottom_area .cont_table_board1 table#tblhpAuthInput{display:block;} .transnum_reg .cont_bottom_area .cont_table_board1 table#tblhpAuthInput th{background:#ededed;border-bottom:none;border-top:1px solid #d0d0d0;} .transnum_reg .cont_bottom_area .cont_table_board1 table#tblhpAuthInput td{border-bottom:none;border-top:1px solid #d0d0d0;} .transnum_reg .cont_bottom_area .cont_table_board1 table#tblhpAuthInput td input[type="password"]{width:40px;height:20px;padding:0 5px;border:1px solid #666} .transnum_reg .cont_bottom_area .cont_table_board1 table#tblhpAuthInput td #btnAuthHpDiv{height:20px;padding:0 7px;line-height:20px} .transnum_reg .cont_bottom_area .cont_table_board1 table#tbloff{display:block;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;} .transnum_reg .cont_bottom_area .cont_table_board1 table#tbloff th{background:#ededed;} .transnum_reg .cont_bottom_area .cont_table_board1 table#tbloff td select{height:22px;border:1px solid #707070;} .transnum_reg .cont_bottom_area .cont_table_board1 table#tbloff td input[type="text"]{width:40px;height:20px;padding:0 5px;border:1px solid #707070;} .transnum_reg .cont_bottom_area .cont_table_board1 table#tbloff td input[type="file"]{} .transnum_reg .cont_bottom_area .cont_table_board1 table#tbloff td textarea{width:99.5%;height:45px;padding:0.5%;outline:0;border:1px solid #707070;resize:none;} .transnum_reg .cont_bottom_area .cont_table_board1 .btn_trans_app{display:block;width:61px;height:21px;margin:10px auto;background:url("http://img.arreo.com/usr/img/transnum/transnum_btn_app.gif") no-repeat;border:0;outline:0;text-indent:-999999em;cursor:pointer} .transnum_reg .cont_bottom_area .cont_textbox2{margin:25px 0;padding:15px;border:1px solid #ddd;background:#f1f1f1;color:#787878;line-height:1.6} .transnum_reg .cont_bottom_area .cont_textbox2 > ol > li > ul{margin-left:10px;} .transnum_reg .cont_bottom_area .cont_textbox2 > ul{margin-top:2px;} .transnum_reg .cont_bottom_area .cont_textbox2 > ul li{color:#7895ce;} .transnum_reg .cont_bottom_area .cont_textbox1.cont_notice_box{padding-left:58px;background:url("http://img.arreo.com/usr/img4/arreo/msg/ico_notice.gif") 15px 15px no-repeat;} .transnum_reg .cont_bottom_area .cont_textbox3{display:block;padding:11px 0 11px 53px;background:#eef5fd;border-top:1px solid #c6d8ec;border-bottom:1px solid #c6d8ec;} .transnum_reg .cont_bottom_area .cont_textbox3 p{padding:24px 0;text-align:center} .transnum_reg .cont_bottom_area .cont_table_board2{margin-top:50px;} .transnum_reg .cont_bottom_area .cont_table_board2 table{width:100%;border-collapse:collapse;border-spacing:0;font-family:'Dotum';} .transnum_reg .cont_bottom_area .cont_table_board2 table th{background:#e5edf6;border:1px solid #bfcfe1;border-left:0;border-right:0;} .transnum_reg .cont_bottom_area .cont_table_board2 table td{padding:5px 10px;border:1px solid #bfcfe1;border-right:0;border-left:0;} .transnum_reg .cont_bottom_area .cont_table_board2 table td span{margin-left:10px;color:#3282d2;font-weight:bold} .transnum_reg .cont_bottom_area .cont_table_board2 .btn_trans_cfm{display:block;width:37px;height:21px;margin:10px auto;background:url("http://img.arreo.com/usr/img/transnum/transnum_btn_cfm.gif") no-repeat;border:0;outline:0;text-indent:-999999em;cursor:pointer} .transnum_reg .cont_bottom_area .cont_certificate{padding:10px;border-top:1px solid #888;border-bottom:1px solid #888;} .transnum_reg .cont_bottom_area .cont_certificate dl{overflow:hidden;display:block;padding:4px 0;border-bottom:1px dashed #ccc} .transnum_reg .cont_bottom_area .cont_certificate dl dt{float:left;width:90px;margin:0 30px 0 10px;} .transnum_reg .cont_bottom_area .cont_certificate dl dd{position:relative;float:left;width:650px;margin-top:15px;color:#777} .transnum_reg .cont_bottom_area .cont_certificate dl dd span{font-weight:bold;margin-right:6px;} .transnum_reg .cont_bottom_area .cont_certificate dl dd a{position:absolute;right:15px;top:-8px} .transnum_reg .cont_bottom_area .cont_certificate dl dd.mt0{margin:0} .transnum_reg .cont_bottom_area .cont_certificate dl dd.mt0 a{top:2px;} .transnum_reg .cont_bottom_area .cont_certificate p{padding:15px 0 0 33px;line-height:18px;color:#59749b;background:url("http://img.arreo.com/usr/img/transnum/bull_12.png") 12px 23px no-repeat} /*발신번호 우측 퀵메뉴*/ #quick_transnum_info{position:absolute;top:600px;right:-110px;z-index:99;} #quick_transnum_info a{display:block;padding:7px 15px;margin:10px 0;text-align:center;border-radius:7px;background:#8697ab;box-shadow:1px 1px 6px #333;color:#fff} #quick_transnum_info a+a{background:#aa988e} /*발신번호 사전등록 공지사항 상세보기 : 20151005 */ #transnum_info_wrap{overflow:hidden;display:block;width:100%;height:928px;font-family:'NanumBarunGothic','Doutum';font-size:11px;background:#fbfbfb;} #transnum_info_wrap > a{display:block;width:240px;height:44px;line-height:44px;;margin:20px auto;font-family:"Noto Sans KR";font-size:17px;text-align:center;background:#4796d6;color:#fff;} #transnum_info_head{display:block;width:100%;height:328px;margin-top:-15px;background:url("http://img.arreo.com/usr/img/transnum/transnum_head_img.jpg") no-repeat;text-indent:-9999999em;} #transnum_info_body{display:block;width:90%;padding:22px 3%;margin:-91px auto 0;border-radius:10px;border:1px solid #e1e1e1;background:#fff} #transnum_info_body h4{display:block;width:412px;height:38px;padding:10px 0;background:url("http://img.arreo.com/usr/img/transnum/transnum_body_tit.png") no-repeat;text-indent:-99999em;} #transnum_info_body ol{margin:0;padding:0;} #transnum_info_body ol li dl dt{display:block;width:100%;height:66px;margin-bottom:10px;text-indent:-99999em;} #transnum_info_body ol li:first-child dl dt{background:#f1f1f1 url("http://img.arreo.com/usr/img/transnum/transnum_body_list_01.png") 15px 10px no-repeat;} #transnum_info_body ol li+li dl dt{background:#f1f1f1 url("http://img.arreo.com/usr/img/transnum/transnum_body_list_02.png") 15px 10px no-repeat;} #transnum_info_body ol li+li+li dl dt{background:#f1f1f1 url("http://img.arreo.com/usr/img/transnum/transnum_body_list_03.png") 15px 10px no-repeat;} #transnum_info_body ol li dl dd{display:block;padding:10px;font-family:'Doutm';font-size:14px;line-height:20px;color:#818181;} #transnum_info_body > p {display:block;height:38px;margin:30px 0 0 10px;background:url("http://img.arreo.com/usr/img/transnum/transnum_body_text_01.png") no-repeat;text-indent:-999999em;} #transnum_info_body{} .phnChange{padding:50px 0 50px 200px;border-top:2px solid #333;border-bottom:1px solid #333;background:#f2f8fb} .phnChange select{width:60px;height:30px;border:1px solid #ccc;} .phnChange input{width:100px;height:28px;padding:0 5px;border:1px solid #ccc} .phnChange a{display:inline-block;height:30px;line-height:30px;padding:0px 10px;background:#db754d;color:#fff !important} .usr_name{padding:30px 0 30px 280px;border-radius:5px;border:2px solid #93bf4f;background:url("http://img.arreo.com/usr/img2/com/icon_phone02.gif") 200px 35px no-repeat;} .usr_name p{padding:3px 0;font-weight:bold} /*개인정보:비밀번호변경 /mbr/mbr_pw_mdf.html*/ .mbr_pw_wrap{margin-top:12px;padding:50px 150px 30px;background:url("http://img.arreo.com/usr/img2/join/bg_img1.png") 850px 37px no-repeat;} .mbr_pw_wrap .mbr_top{display:block;height:129px;background:url("http://img.arreo.com/usr/img2/join/tit_pw_mdf.gif") no-repeat;text-indent:-99999em;} .mbr_pw_wrap .mbr_center1{padding:15px 0 10px;} .mbr_pw_wrap .mbr_center1 p{display:block;padding:0 0 10px 0;font-family: 'Noto Sans KR';font-weight:350;font-size:16px;line-height:22px;} .mbr_pw_wrap .mbr_center1 p > span{display:block;font-weight:bold} .mbr_pw_wrap .mbr_center2 div{padding:20px 210px;border-radius:2px;border:1px solid #e4e4e4;background:#f8f8f8} .mbr_pw_wrap .mbr_center2 div ul li{display:block;margin:5px 0;padding-left:7px;background:url("http://img.arreo.com/usr/img2/join/bull_02.gif") 0 15px no-repeat;} .mbr_pw_wrap .mbr_center2 div ul li label{display:inline-block;width:130px;font-family: 'Noto Sans KR';font-weight:350;font-size:15px;} .mbr_pw_wrap .mbr_center2 div ul li input{width:200px;height:33px;padding:0 10px;border:1px solid #ccc;outline:0;} .mbr_pw_wrap .mbr_center2 p{margin:40px;text-align:center;} .mbr_pw_wrap .mbr_center2 p a{display:inline-block;padding:0 20px;height:30px;line-height:30px;background:#333;color:#fff} .mbr_pw_wrap .mbr_center2 p a:first-child{background:#b00b2e} .mbr_pw_wrap .mbr_bottom{padding-top:20px;border-top:1px solid #e2e2e2;} .mbr_pw_wrap .mbr_bottom dl{font-family: 'Noto Sans KR';font-weight:350;font-size:15px;} .mbr_pw_wrap .mbr_bottom dl dt{margin:0;padding:0;color:#000;font-weight:bold} .mbr_pw_wrap .mbr_bottom dl dt span{color:#b00b2e} .mbr_pw_wrap .mbr_bottom dl dd{margin:4px 0;padding:0;color:#444} /*좌측메뉴 : 삐삐사서함 20160412*/ #lmBox .receiveBox#menu_list_4 ul{margin:1px 0 5px -10px;} #lmBox .receiveBox#menu_list_4 ul li a{display:block;padding:3px 0 3px 10px;background:url("http://img.arreo.com/usr/img/history/bull_22.png") 0px 5px no-repeat;text-decoration:none;color:#333;} #lmBox #menu_list_1{position:relative} #lmBox #menu_list_1 #btn_view{position:absolute;right:9px;top:8px;display:inline-block;width:8px;height:4px;background:url("http://img.arreo.com/usr/img/history/bull_21.png") no-repeat;text-indent:-99999em} #lmBox #menu_list_1 #view_vms{position:absolute;right:0;z-index:99999;display:none} #lmBox #menu_list_1 #view_vms .hidden{display:none} #lmBox #menu_list_1 #view_vms li a{display:block;} /*상단 타이틀 : 20160601*/ .cont_top_title{position:relative;display:block;width:100%;height:15px;padding:7px 0;background:url("http://img.arreo.com/usr/img2/com/title_bg01.gif") 0 bottom repeat-x;} .cont_top_title h3{padding-left:25px;font-size:1.15em;letter-spacing:0.01em;} .cont_top_title.mail h3{background:url("http://img.arreo.com/usr/img2/mail/mail_icon02.gif") no-repeat;} /*메일 환경설정 탭:20160601*/ .tit_tab_01{display:block;width:768px;margin:15px 0 15px 20px;} .tit_tab_01 ul{overflow:hidden;border-bottom:1px solid #ccc} .tit_tab_01 ul li{float:left;margin-right:1px;} .tit_tab_01 ul li a{display:block;width:95px;height:22px;padding:4px 0 0;line-height:22px;text-align:center;border-radius:5px 5px 0 0;background:#e5e5e5} .tit_tab_01 ul li a:hover{text-decoration:none;background:#ffeded;color:#333} .tit_tab_01 ul li.on a{background:#fa9898;text-decoration:none;color:#fff} /*충전소 카드사별결제방식:20160825*/ .csh_step{overflow:hidden;margin:10px -10px 10px 0;} .csh_step li{float:left;margin-right:10px;text-align:center} .csh_step li > p{margin-top:10px;cursor:pointer} .charge_area{margin-bottom:40px;} .charge_area:after{content:"";display:block;clear:both} .charge_area .chg_left{float:left;width:48%} .charge_area .chg_right{float:right;width:48%} .charge_area .chg_table table{width:100%;border-top:2px solid #6296ca} .charge_area .chg_table table thead th{padding:10px;background:#eee;border-bottom:1px solid #ccc} .charge_area .chg_table table tbody th{padding:10px;background:#eee;border-bottom:1px solid #ddd;text-align:left} .charge_area .chg_table table tbody td{padding:5px;border-bottom:1px solid #ddd} .charge_area .chg_table table tbody td:nth-of-type(2){border-left:1px solid #ddd} .charge_area .chg_table table tbody td input[type="radio"]{margin:0 3px;vertical-align:middle} .charge_area .chg_table table tbody td input[type="text"]{width:110px;height:20px;padding:0 5px;border:1px solid #ddd} .charge_area .chg_table table tbody td input#numCnt2{text-align:right} .charge_area .chg_table table tbody td dl{padding:5px 0;} .charge_area .chg_table table tbody td dl dt{font-weight:bold;} .charge_area .chg_table table tbody td dl dd{padding:3px 0;} .charge_area .chg_table table tbody td dl dd em{color:#ff6600} .charge_area .chg_table.chg_right table tbody td input[type="text"]{width:80px;border:none;text-align:right} .charge_area .chg_table.chg_right table tbody td span em{color:#ff6600} .charge_area .btn_area_chg{padding:15px 0;text-align:center} .charge_area .btn_area_chg a{display:inline-block;height:28px;line-height:28px;padding:0 20px;text-align:center;border-radius:3px;background:#6296ca;color:#fff} .csh_table{width:100%;margin-top:20px;} .csh_table span{display:block;margin-bottom:10px;height:12px;padding-left:15px;background:url("http://img.arreo.com/usr/img2/com/icon_08.gif") no-repeat;font-weight:bold;} .csh_table table{width:100%;border-collapse:collapse;border-spacing:0} .csh_table table thead th{padding:5px;background:#d9d9d9;border:1px solid #bbb} .csh_table table tbody th{padding:5px;background:#eee;border:1px solid #bbb} .csh_table table tbody td{padding:5px;background:#fff;border:1px solid #bbb} .csh_info {} .csh_info dl{overflow:hidden;padding:15px 10px;border-bottom:1px dotted #ddd} .csh_info dl dt{float:left;width:140px;height:30px;line-height:30px;text-align:center;border-radius:5px;background:#bfb771;color:#fff;/*background:linear-gradient(to left, #d5cd8e, #4c98e3 90%)*/} .csh_info dl dd{float:left;margin-left:15px;} .csh_info dl dd ul li{padding:5px 20px 0;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 10px 10px no-repeat} .cp_info{padding:10px;border-bottom:1px solid #ddd;margin-bottom:50px;} .cp_info dl dt{font-family:Noto Sans KR;font-size:16px;font-weight:400} .cp_info dl dt span{color:#6296ca} .cp_info dl dd{padding:5px;} .cp_info dl dd em{display:inline-block;margin-right:7px;width:15px;height:15px;line-height:15px;text-align:center;border-radius:100%;background:#333;color:#fff} .cp_info dl dd span{display:inline-block;font-weight:bold} /*7eleven 좌측메뉴별도:20160902 ============================================================================================================================================================*/ #left_menu2{float:left;width:160px;margin:0 15px 0 0;} #left_menu2 h3{margin:0;padding:25px 0 20px 20px;height:18px;line-height:18px;background:url("http://img.arreo.com/usr/img5/company/lnb_bg01.png");color:#fff;font-size:18px;font-family:'NanumGothicBold', '나눔고딕볼드';} #left_menu2 #lnb_box{height:700px;border-right:1px solid #c8c8c8} #left_menu2 #lnb_box > ul{border-top:1px solid #c8c8c8} #left_menu2 #lnb_box > ul:first-child{border-top:none} #left_menu2 #lnb_box > ul > li{position:relative;display:block;} #left_menu2 #lnb_box > ul > li #view_vms{position:absolute;right:0;top:20px;z-index:99;} #left_menu2 #lnb_box > ul > li > a{display:inline-block;width:126px;padding:10px 10px 10px 25px;background:url("http://img.arreo.com/usr/img5/company/bull_21.gif") 15px 17px no-repeat;text-decoration:none;color:#666} #left_menu2 #lnb_box > ul > li > a:hover{width:124px;background:#81b7eb url("http://img.arreo.com/usr/img5/company/bull_21_on.gif") 15px 17px no-repeat;color:#fff} #left_menu2 #lnb_box > ul > li .addEnd{position:absolute;right:10px;top:5px;} #left_menu2 #lnb_box > ul > li #btn_view{position:absolute;right:10px;top:11px;display:inline-block;width:8px;height:4px;background:url("http://img.arreo.com/usr/img/history/bull_21.png") no-repeat;text-indent:-99999em} #left_menu2 #lnb_box > ul > li #empty{position:absolute;right:10px;top:5px;} #left_menu2 #lnb_box > ul > li .addLast a{display:block;padding:5px 0 5px 30px;background:url("http://img.arreo.com/usr/img5/company/bull_22.gif") 20px 8px no-repeat;text-decoration:none;color:#666} #left_menu2 #lnb_box > ul > li .addLast a:hover{background:#f3f3f3 url("http://img.arreo.com/usr/img5/company/bull_22.gif") 20px 8px no-repeat;} /*7eleven 로그인페이지별도:20160902*/ .login_bg{margin:0;padding:0;background:#f5f5f5;font-family:Dotum} #login_wrap{position:relative;width:1200px;height:742px;margin:0 auto;background:url("http://img.arreo.com/usr/img5/company/login_skin2.jpg") 0 0 no-repeat} #login_wrap #main_tit{position:absolute;left:387px;top:205px;} #login_wrap #login_box{position:absolute;left:400px;top:380px;width:400px;} #login_wrap #login_box > ul li{width:270px;height:30px;padding:10px 15px;margin-bottom:7px;background-color:rgba(0,0,0,0.3);} #login_wrap #login_box > ul li label{display:inline-block;width:80px;font-size:17px;font-weight:bold;color:#fff;font-family:Dotum} #login_wrap #login_box > ul li input{width:170px;height:23px;padding:0 5px;background:none;border:none;outline:none;font-size:18px;color:#fff} #login_wrap #login_box #usr_id_login{position:absolute;right:0;top:20px} #login_wrap #login_box #usr_id_login em{font-size:13px;font-weight:bold;color:#000} #login_wrap #login_box #usr_id_login em input{vertical-align:middle} #login_wrap #login_box #usr_id_login span a{display:block;margin-top:19px;width:88px;height:20px;padding:15px 0;text-align:center;background-color:rgba(0,0,0,0.4);font-size:14px;color:#fff;text-decoration:none} #login_wrap #login_box #usr_id_login span a:hover{background-color:rgba(228,102,0,0.6);} #login_wrap #login_box #usr_join_find{margin-left:-1%} #login_wrap #login_box #usr_join_find a{display:inline-block;width:49%;margin-left:1%;height:22px;padding:13px 0 5px;text-align:center;background:#666;font-size:14px;color:#fff;} #login_wrap #login_box #usr_join_find a:first-child{background:#1d6d9f} /*7eleven 로그인페이지 하단별도:20160902*/ #footer2{overflow:hidden;padding:30px 0 50px 295px;background:#262626;} #footer2 #foot_area{width:1200px;margin:0 auto} #footer2 #foot_area h2{float:left;margin:0;padding:0;} #footer2 #foot_area ul{float:left;margin:0 0 0 80px;} #footer2 #foot_area ul li{display:blcok;font-family:Dotum;font-size:11px;color:#949494} /*7eleven 삐삐사서함 페이징:20160909*/ #Content.content_vms .board_area{ clear:both; overflow:hidden;display:block;width:805px; height:26px; margin-top:10px; padding-top:5px; border-top:1px solid #bfcfe1; border-bottom:1px solid #bfcfe1; background:#dae6f3;} #Content.content_vms .board_area .area_left{float:left;margin-left:10px;} #Content.content_vms .board_area .area_right{float:right;margin:-5px 0 0 12px;height:23px;line-height:28px;} #Content.content_vms .board_area .area_right select{display:inline-block;height:22px;line-height:22px;border:1px solid #ccc;background:#f0f4f8;} #Content.content_vms .board_area .area_right input{height:19px;border:1px solid #ccc} #Content.content_vms .board_area .area_right a{display:inline-block;margin:5px 10px 0 0;padding:0 16px 0 0;color:#000;text-decoration:none;} /*www4.arreo.com .content_vms #Page{dispaly:block;margin:15px 0 0 0;text-align:center;} #allCont {margin:0;} table{border-collapse:collapse;border-spacing:0;} www4.arreo.com*/ /*============================================================================================================================================================*/ /*주소록추가 대량추가 /usr/addr/wrtLargeBuddy.vw : 20161010*/ .addr_head{overflow:hidden;padding:5px 10px;;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#ddd} .addr_head > div {float:left;} .addr_head > div select{width:110px;height:24px;border:1px solid #ccc} .addr_head > div span a{display:inline-block;padding:6px 10px 4px;background:#fff;border-radius:2px;color:#666} .addr_head > div span a:hover{color:#333} .addr_head > p {float:right;} .addr_head > p a{display:inline-block;*display:inline;margin-left:3px;padding:6px 10px 4px;background:#fff;border-radius:2px;color:#2371d2} .addr_head > p a:hover{color:#0d54ac} .addr_bbs{width:100%} .addr_bbs th{padding:10px 0;background:#f5f5f5;font-weight:normal;border-bottom: 1px solid #ddd;} .addr_bbs td{text-align:center;padding:5px 0; } .addr_bbs td.line{height:0px !important;line-height:0 !important; padding:0 !important;margin:0 !important;} .addr_bbs td select{margin:1px 0;width:83%;height:24px;border:1px solid #ccc;outline:0} .addr_bbs td input[type="text"]{margin:1px 0;width:80%;height:22px;padding:0 1%;border:1px solid #ccc;color:#999;outline:0} tr.pd_mt td{line-height:0 !important; padding:0 !important;margin:0 !important;} /*주소록추가 엑셀불러오기파일 /usr/addr/importExcelFile2.vw 20161012*/ .addr_exl{padding:10px;} .addr_exl > h5{position:relative;padding-left:15px;font-weight:normal} .addr_exl > h5:after{content:"";display:block;clear:both;position:absolute;left:0;top:2px;width:4px;height:4px;border-radius:100%;background:#fff;border:3px solid #2371d2;} .addr_exl > h5 span{margin-right:5px;font-weight:bold} .addr_exl > p{margin:10px 0;padding:15px 0 15px 50px;background:#eee;} .addr_exl > p select{width:150px;height:24px;border:1px solid #ccc;vertical-align:bottom} .addr_exl > p > a{display:inline-block;margin-left:10px;width:90px;height:14px;padding:5px 0 3px;text-align:center;background:#fff;border-radius:2px;border:1px solid #efbdbd;color:#e67c7c} .addr_exl > p > a:hover{color:#d65b5b} .addr_exl > p input[type="text"]{width:280px;height:23px;} .addr_exl > ul {margin-top:10px;} .addr_exl > ul li{line-height:20px;} /*엑셀불러오기파일*/ .addr_exl_reg{margin:10px;padding:10px 30px;border:1px solid #ccc;} .addr_exl_reg p{display:inline-block;width:45%;padding:5px 10px;background:url("http://img.arreo.com/usr/img2/com/icon_29.gif") 0 5px no-repeat} /*주소록추가 중복검사*/ .addr_exl .overlap{padding:10px;} .addr_exl .overlap span{padding-left:20px;background:url("http://img.arreo.com/usr/img2/com/icon_29.gif") 12px 0 no-repeat} .addr_exl .overlap p{margin:10px 0;padding:15px;background:#eee;text-align:center} .addr_exl .overlap p select{width:150px;height:24px;border:1px solid #ccc;} .addr_exl .overlap p input[type="radio"]{vertical-align:middle;margin-left:10px;} .addr_exl .overlap p a{display:inline-block;margin-left:5px;padding:5px 10px 3px;background:#fff;border-radius:2px;border:1px solid #efbdbd;color:#e67c7c} .addr_exl .overlap p a:hover{color:#d65b5b;} .addr_exl #noSearch{padding:10px;text-align:center} /**/ .tab_area{display:block;margin:10px 0;border-bottom:1px solid #ddd} .tab_area ul{overflow:hidden;margin-bottom:-1px;} .tab_area ul li{float:left;margin-right:-1px;} .tab_area ul li a{display:inline-block;height:30px;line-height:2.45;padding:0px 32.7px;border:1px solid #ddd;background:#f5f5f5;color:#888;text-decoration:none;*display:inline; zoom:1;} .tab_area ul li a:hover{color:#555;} .tab_area ul li.on a{background:#fff;border:1px solid #888;border-bottom:1px solid #fff; color:#333;position:relative} .tab_area ul li.on02 a{background:#fff;border:1px solid #888;border-bottom:1px solid #fff; color:#333;position:relative}/*특수문자 레이어*/ .tab_area ul li.on03 a{background:#fff;border:1px solid #888;border-bottom:1px solid #fff; color:#333;position:relative} .tab_area.gift ul li a{padding:0px 30.3px}/*모바일상품권*/ .tab_area.mail ul li a{padding:0px 22px}/*메일환경설정*/ .stab {display:block;} .stab ul{overflow:hidden;margin-left:1px;padding-left:1px} .stab ul li{float:left;margin-left:-1px;} .stab ul li a{display:block;padding:0 12px; line-height:22px;border:1px solid #ddd;color:#999; } .stab ul li a:hover{color:#666} .stab ul li:first-child a{border-radius:30px 0 0 30px} .stab ul li:last-child a{border-radius:0 30px 30px 0} .stab ul li.on a{position:relative;z-index:99;border:1px solid #77a2d8; color:#2371d2} /*그림문자 */ .stab2 {display:block;margin:0 0 5px 0;} .stab2 ul{overflow:hidden;} .stab2 ul li{float:left;display:inline-block;width:105px;padding:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .stab2 ul li em{color:#e00366} .stab3 {display:block;margin:20px 0 -5px;} .stab3 ul{overflow:hidden;} .stab3 ul li{float:left;margin-right:-1px;} .stab3 ul li a{display:block;padding:5px 12px 3px;background:#fff;border:1px solid #999;border-bottom:none;color:#666;text-decoration:none} .stab3 ul li.on a{background:#999;color:#fff} /**/ .bbs_head11{position:relative;clear:both;padding:5px 0;line-height:2;height:26px＼0＼IE8;*height:26px;} .bbs_head11:after{content:"";display:block;clear:both} .bbs_head11 .sch_left{float:left} .bbs_head11 .sch_right{float:right} .bbs_head11 .total_num{display:inline-block; margin-top:2px;position:relative;padding-left:7px;} .bbs_head11 .total_num:after{content:"";display:block;clear:both;width:3px;height:3px;background:#2371d2;position:absolute;left:0;top:9px;} .bbs_head11 select{height:24px;border:1px solid #ccc;vertical-align:top} .bbs_head11 input[type="text"]{height:22px;padding:0 3px;border:1px solid #ccc;vertical-align:top} .bbs_head11 .btn_sch{display:inline-block;line-height:24px;padding:0 10px;background:#555;color:#fff;vertical-align:top; cursor:pointer} .bbs_head11 .btn1{display:inline-block;line-height:22px;padding:0 10px;border:1px solid #ccc;color:#555;vertical-align:top;cursor:pointer} .bbs_head11 .btn1:hover{border:1px solid #666} .bbs_head11 .btn2{display:inline-block;line-height:22px;padding:0 10px;border:1px solid #9bc0e4;color:#2374c4;vertical-align:top; cursor:pointer} .bbs_head11 .btn2:hover{border:1px solid #2374c4} .bbs_head11 .btn3{display:inline-block;line-height:22px;padding:0 10px;border:1px solid #dbc173;color:#e4ae0d;vertical-align:top; cursor:pointer} .bbs_head11 .btn3:hover{border:1px solid #e4ae0d} .bbs_head11 .bull1{padding-left:20px;background:url("http://img.arreo.com/usr/img11/com/bull5_02.gif") 10px 10px no-repeat} .bbs_head11 .ui-datepicker-trigger{display:inline-block;margin:0 2px;}/*달력아이콘*/ .bbs_head11.cpn{position:relative;bottom:-15px;margin-top:-10px}/*쿠폰조회:/mkt/searchCoupon.html /mya/ /search_coupon.html*/ .bbs_head11.cpn .sch_left.two{position:relative;top:-10px;width:340px;padding:5px 0 0 25px;} .bbs_head11.cpn .sch_left.two a{position:absolute;left:290px;top:5px} .bbs_head11.btm{margin-top:-15px;} /*모바일상품권*/ .bbs_head11.gift{margin-bottom:-5px;} .bbs_head11.gift > ul{overflow:hidden;float:left;} .bbs_head11.gift > ul li{float:left;} .bbs_head11.gift > ul li a{font-weight:bold;font-family:'malgun gothic';font-size:14px;color:#666;padding:0 7px;background:url("http://img.arreo.com/usr/img11/main/bg_line01.gif") 0 5px no-repeat} .bbs_head11.gift > ul li a.on{color:#2374c4} .bbs_head11.gift > ul li:first-child a{background:none} .bbs_head11.gift > div{float:right;} .bbs_head11.gift > div input[type="text"]{width:100px;height:22px;} .bbs_head11.gift > div input.price{width:70px;text-align:right} .bbs_head11.gift > div > span{margin-left:10px;} .bbs_head11.gift > div > span img{vertical-align:middle} #smsMmsListCntSum{position:absolute;left:499px;top:-25px;}/*전송결과조회 문자전송~~~*/ #smsMmsSndRealList{margin:-20px 0 30px 0;} /*메일함관리 :mailBox.jsp 20170518*/ .mail_box{overflow:hidden;padding:20px 30px;border:1px solid #ccc} .mail_box > ul{float:left;} .mail_box > ul li{margin:5px} .mail_box > div{float:right;overflow:hidden;margin-right:50px;} .mail_box > div > p{float:left;margin-right:30px;} .mail_box > div > ul{float:left;} .mail_box > div > ul li{margin:5px} .mail_box > div > ul li b{color:#df3f3f} .bbs_head_newmail{clear:both;margin:10px 0;padding:15px 0 15px 150px;background:#eaf3f8;} .bbs_head_newmail input{width:200px;padding:0 5px;height:30px;border:1px solid #ccc;} .bbs_head_newmail a{display:inline-block;padding:0 10px;height:30px;line-height:30px;background:#666;color:#fff} .mail_adm{overflow:hidden;clear:both} .mail_adm > span{float:left;text-align:left;} .mail_adm > p{float:right;margin-right:50px;} /**/ .bbs_list11{border-top:1px solid #666;} .bbs_list11 table{width:100%;border-bottom:1px solid #666} .bbs_list11 table thead th{padding:10px;border-top:1px solid #ccc;background:#efefef;font-weight:normal;} .bbs_list11 table tbody td{padding:10px;border-top:1px solid #ddd;} .bbs_list12{clear:both;border-top:1px solid #666;} .bbs_list12 table{width:100%;border-bottom:1px solid #666} .bbs_list12 table thead th{padding:10px;border-top:1px solid #ccc;background:#efefef;font-weight:normal;} .bbs_list12 table tbody td{padding:10px;border-top:1px solid #ddd;text-align:center} .bbs_list12 table tbody td.txt_lft{text-align:left;} .bbs_list12 table tbody td.txt_rgt{text-align:right;} .bbs_list12 table tbody td.txt_lft a{color:#666} .bbs_list12 table tbody td.btn a{display:inline-block;padding:5px;background:#ecdcbc;border-radius:2px;border:1px solid #ccae73;font-size:11px;color:#c88f20} .bbs_list12 table tbody td.btn a:hover{background:#ccae73;color:#fff} .bbs_list12 table tbody td input[type="text"]{margin:-10px 0;height:18px;padding:0 5px;border:1px solid #ccc;vertical-align:middle} .bbs_list12 table tbody td a:hover{color:#2371d2} .bbs_list12 table tbody td .btnA{display:inline-block;margin:-10px 2px;height:18px;line-height:18px;padding:0 5px;background:#b6d3f4;border:1px solid #9dc5f2;color:#fff;vertical-align:middle} .bbs_list12 table tbody td .btnB{display:inline-block;margin:-10px 2px;height:18px;line-height:18px;padding:0 7px;background:#f5f5f5;border:1px solid #ddd;font-size:11px;color:#888;vertical-align:middle} .bbs_list12 table tbody td .btn1{display:inline-block;height:20px;line-height:20px;padding:0 7px;border-radius:1px;background:#f5f5f5;border:1px solid #8fa1b5;color:#8fa1b5} .bbs_list12 table tbody td .dvsn{margin-left:5px} .bbs_list12 table tbody td .dvsn:after{content:"";display:block;clear:both} .bbs_list12 table tbody td .dvsn li{float:left;margin:0 2px;position:relative;} .bbs_list12 table tbody td .dvsn li .hide{display:none} .bbs_list12 table tbody td .dvsn li .ico_m{position:absolute;right:-5px;bottom:-2px;} /*전체사서함*/ .bbs_list12.vms table td.txt_left .photo{position:relative;display:inline-block;width:55px;height:35px;margin:5px 10px 10px 0;} .bbs_list12.vms table td.txt_left .photo > img{width:100%;heght:100%;} .bbs_list12.vms table td.txt_left .photo > em{position:absolute;right:-5px;bottom:-7px;} .bbs_list12.vms table td.txt_left input[type="text"]{width:85%;height:20px;padding:0 5px;border:1px solid #ccc} .bbs_list12.vms table td .dvsn{margin-left:5px} .bbs_list12.vms table td .dvsn:after{content:"";display:block;clear:both} .bbs_list12.vms table td .dvsn li{float:left;margin:0 2px;position:relative;} .bbs_list12.vms table td .dvsn li .hide{display:none} .bbs_list12.vms table td .dvsn li .ico_m{position:absolute;right:-5px;bottom:-2px;} /**/ .bbs_write11{border-top:1px solid #666;border-bottom:1px solid #666} .bbs_write11 table{width:100%;} .bbs_write11 table tr.tl{} .bbs_write11 table th.tt{vertical-align:top;padding:10px 0 0 10px;text-align:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd} .bbs_write11 table th.tb{padding:10px 0 10px 20px;text-align:left;font-weight:normal;background:url("http://img.arreo.com/usr/img2/com/icon_02.gif") 13px 15px no-repeat;border-top:1px solid #ddd;border-right:1px solid #ddd} .bbs_write11 table th.tb span{color:#ef6565} .bbs_write11 table td{padding:10px;border-top:1px solid #ddd} .bbs_write11 table td span.tb{padding-left:20px;background:url("http://img.arreo.com/usr/img2/com/icon_02.gif") 14px 0 no-repeat;} .bbs_write11 table td input[type="text"]{height:24px;padding:0 5px;border:1px solid #ccc;outline:0;} .bbs_write11 table td select{height:24px;padding:0 5px;border:1px solid #ccc;outline:0;} /**/ .bbs_write12{border-top:1px solid #666;border-bottom:1px solid #666} .bbs_write12 table{width:100%;} .bbs_write12 table tbody th{padding:10px 0 10px 30px;text-align:left;background:#efefef;border-bottom:1px solid #ddd;font-weight:normal} .bbs_write12 table tbody td{padding:10px;border-bottom:1px solid #ddd} .bbs_write12 table tbody td em{color:#e64f5e} .bbs_write12 table tbody td input[type="text"]{height:24px;padding:0 5px;border:1px solid #ccc;outline:0;} .bbs_write12 table tbody td input[type="password"]{height:24px;padding:0 5px;border:1px solid #ccc;outline:0;} .bbs_write12 table tbody td input[type="image"]{vertical-align:middle;outline:0;} .bbs_write12 table tbody td input[type="checkbox"]{vertical-align:middle;outline:0;} .bbs_write12 table tbody td select{height:25px;border:1px solid #ccc;outline:0;} .bbs_write12 table tbody td textarea{width:96%;padding:5px;border:1px solid #ccc;} .bbs_write12 table tbody td input.w10{width:10%} .bbs_write12 table tbody td input.w15{width:15%} .bbs_write12 table tbody td input.w50{width:50%} .bbs_write12 table tbody td input.w60{width:60%} .bbs_write12 table tbody td input.w70{width:70%} .bbs_write12 table tbody td .btn{display:inline-block;*display:inline;height:24px;line-height:24px;padding:0 10px;background:#aaa;color:#fff} .bbs_write12 table tbody td .btn:hover{background:#999} .bbs_write12 table tbody td dl{overflow:hidden;clear:both;padding:5px 0;}/*회원정보변경 mbrUserInfoEdt.vw*/ .bbs_write12 table tbody td dl dt{float:left;width:50px;font-weight:bold;} .bbs_write12 table tbody td dl dd{float:left;} .bbs_write12 table tbody td dl dd input{margin-bottom:5px;} .bbs_write12 table tbody td dl dd a{display:inline-block;height:26px;line-height:26px;padding: 0 10px;background:#555;color:#fff} .bbs_write12 table thead th{padding:10px;border-bottom:1px solid #ccc;background:#f5f5f5;font-weight:normal;}/*메일환경설정서명관리*/ .bbs_write12 table td .ucc_detail img{float:left;}/*/usr/pic/uccDetail.vw*/ .bbs_write12 table td .ucc_detail textarea{padding:5px;font-size:12px} .bbs_write12 table tbody td .num_015_list{overflow:hidden;padding:15px 0 0}/*015가입정보입력 추천번호*/ .bbs_write12 table tbody td .num_015_list dt{float:left;width:100px;} .bbs_write12 table tbody td .num_015_list dd span{margin:5px;} .bbs_write12 table tbody td .num_015_list dd span input[type="radio"]{ vertical-align:middle} .bbs_write12 table tbody td .num_file_reg a{display:inline-block;padding:0 10px;line-height:28px;border-radius:2px;background:#ea8d3e;color:#fff;} .bbs_write12 table tbody td .num_file_reg ul li{position:relative;margin:3px 0;padding-left:7px;} .bbs_write12 table tbody td .num_file_reg ul li:after{position:absolute;left:0;top:4px;display:block;content:"";width:3px;height:3px;background:#125eab;} /*메일쓰기*/ .bbs_write12.mail table tbody td a.btn{display:inline-block;*display:inline;height:24px;line-height:24px;padding:0 10px;background:#aaa;color:#fff} .bbs_write12.mail table tbody td a.btn:hover{background:#999} .bbs_write12.mail table tbody td input[type="text"]{width:35%;height:24px;padding:0 5px;border:1px solid #ccc;outline:0;} .bbs_write12.mail table tbody td .mt{margin-top:10px;} .bbs_write12.mail table tbody td .mt span{color:#e88484} .bbs_write12.mail table tbody td#html_edit{background:#efefef} .bbs_write12.mail table tbody td#html_edit ul{overflow:hidden;padding-top:10px;} .bbs_write12.mail table tbody td#html_edit ul li{float:left;margin:0 5px;} .bbs_write12.mail table tbody td#html_text{overflow:hidden;padding:5px 0;} .bbs_write12.mail table tbody td#html_text .edt_left{float:left;width:px;} .bbs_write12.mail table tbody td#html_text .edt_right{float:right;width:175px;} .bbs_write12.mail table tbody td#add_file dl{overflow:hidden;padding:10px} .bbs_write12.mail table tbody td#add_file dl dt{float:left;width:10%;} .bbs_write12.mail table tbody td#add_file dl dd{float:left;width:80%} .bbs_write12.mail table tbody td#add_file dl dd select{width:435px;height:120px;} .bbs_write12.mail table tbody td#add_file p{padding:0px 0 15px 250px} .bbs_write12.mail table tbody td#add_file span{display:block;padding:0px 0 5px 10%} .bbs_write12.mail table tbody td#add_file span input[type="text"]{width:50px;} .bbs_write12.mail #hide_show{padding:0;} .bbs_write12.mail #hide_show table th{width:15%;} .bbs_write12.mail #hide_show table .border_none{border-bottom:none} /*팩스보내기*/ .bbs_write12.faxsend{} .bbs_write12.faxsend table tbody td #faxSendInfo{overflow:hidden;border:1px solid #ccc;margin-bottom:10px;} .bbs_write12.faxsend table tbody td #faxSendInfo > dl{float: left;width:24.87%;text-align:center;border-left: 1px solid #ccc;padding: 0;clear: none;} .bbs_write12.faxsend table tbody td #faxSendInfo > dl:first-child{border-left:none;} .bbs_write12.faxsend table tbody td #faxSendInfo > dl dt{padding:10px 0;width:100%;background:#eee;border-bottom:1px solid #ccc;float:none;} .bbs_write12.faxsend table tbody td #faxSendInfo > dl dd{padding:10px 0;color:#e55c5c;float:none} .bbs_write12.faxsend .position{position:relative;padding-bottom:10px;} .bbs_write12.faxsend .position > span{position:absolute;left:300px;top:10px} .bbs_write12.faxsend .position > span a{display:block;margin-bottom:5px;} /**/ .bbs_view12{border-top:1px solid #666;border-bottom:1px solid #666} .bbs_view12 table{width:100%;} .bbs_view12 table thead tr th{padding:10px;background:#efefef;border-bottom:1px solid #ddd;font-weight:normal} .bbs_view12 table thead tr td{padding:10px;border-bottom:1px solid #ddd;text-align:left;} .bbs_view12 table thead tr td input[type="text"]{height:24px;padding:0 5px;border:1px solid #ccc;outline:0;} .bbs_view12 table thead tr td select{height:25px;border:1px solid #ccc;outline:0;} .bbs_view12 table tbody tr td{padding:10px;border-bottom:1px solid #ddd;} .bbs_view12 table tbody tr td.text_left{text-align:left} .bbs_view12 table tbody tr td.text_right{text-align:right} .bbs_view12 table tbody tr td.nborder{border:none} .bbs_reply{background:#f9f9f9;border-bottom:1px solid #666} .bbs_reply table{width:100%;} .bbs_reply table tbody td{padding:20px 10px;text-align:center;border-bottom:1px solid #ccc} .bbs_reply table tbody td.text_left{text-align:left;} .bbs_reply table tbody td.text_right{text-align:right;} .bbs_reply .reply_text{position:relative;padding:20px 10px;} .bbs_reply .reply_text textarea{width:80%;padding:1%;resize:none;border:1px solid #ccc} .bbs_reply .reply_text input[type="text"]{width:80%;padding:5px 1%;height:30px;resize:none;border:1px solid #ccc} .bbs_reply .reply_text .btn_rep{position:absolute;right:20px;bottom:22px;display:inline-block;height:40px;line-height:40px;width:130px;text-align:center;background:#555;color:#fff} /**/ .btn_area11{padding: 20px 0;text-align:center;} .btn_area11 a{display:inline-block;padding:0 25px;height:34px;line-height:34px;background:#777;font-family:"Noto Sans KR";font-size:14px;font-weight:350;color:#fff !important;} .btn_area11 a:hover{background:#555} .btn_area11 a:first-child{background:#2374c4;color:#fff} .btn_area11 a:first-child:hover{background:#1a5fa3} .btn_area11 button{display:inline-block;padding:0 20px;height:32px;line-height:32px;background:#777;color:#fff ;} .btn_area11 button:hover{background:#555} .btn_area11 button:first-child{background:#2374c4;color:#fff} .btn_area11 button:first-child:hover{background:#1a5fa3} /**/ .page_area{clear:both;margin:15px 0;text-align:center;} /*paging 20161013*/ .paging11{display:block;margin:20px 0;text-align:center;} .paging11 > div{display:inline-block} .paging11 > div a{display:inline-block;min-width:19px;height:19px;line-height:22px;margin:0;border:1px solid #999;background:#fff;font-size:11px;color:#666;vertical-align:middle} .paging11 > div a:hover{border:1px solid #777;} .paging11 > div em{display:inline-block;min-width:19px;height:19px;line-height:22px;margin:0;background:#777;border:1px solid #777;font-style:normal;font-weight:bold;font-size:11px;color:#fff;vertical-align:middle} .paging11 > div .page{display:inline-block;min-width:19px;height:19px;line-height:19px;margin:0;border:1px solid #999;text-indent:-999999em;vertical-align:middle} .paging11 > div .prev{background:#fff url("http://img.arreo.com/usr/img11/com/page_prev.png") 50% 50% no-repeat;} .paging11 > div .next{background:#fff url("http://img.arreo.com/usr/img11/com/page_next.png") 50% 50% no-repeat;} .paging11 > div .first{background:#fff url("http://img.arreo.com/usr/img11/com/page_first.png") 50% 50% no-repeat;} .paging11 > div .last{background:#fff url("http://img.arreo.com/usr/img11/com/page_last.png") 50% 50% no-repeat;} .paging11 > p{display:inline-block} .paging11 > p input[type="text"]{width:40px;height:22px;padding:0 5px;border:1px solid #ccc;outline:0;vertical-align:middle;} .paging11 > p a{display:inline-block;padding:0 7px;height:20px;line-height:23px;background:#777;font-size:12px;color:#fff !important;vertical-align:middle;} /*/usr/com/arreo/viewPagingMemo.html 20180306*/ .paging12{display:block;margin:20px 0;text-align:center;} .paging12 > div{display:inline-block} .paging12 > div a{display:inline-block;min-width:10px;height:10px;line-height:12px;margin:0;font-size:12px;color:#666;vertical-align:middle} .paging12 > div em{display:inline-block;min-width:10px;height:10px;line-height:12px;margin:0;font-style:normal;font-weight:bold;font-size:12px;color:#000;vertical-align:middle} .paging12 > div .page{display:inline-block;min-width:15px;height:15px;line-height:15px;border-radius:100%;border:1px solid #999;margin:0;text-indent:-999999em;vertical-align:middle;} .paging12 > div .prev{background:url("http://img.arreo.com/usr/img11/com/page_prev.png") 50% 50% no-repeat;background-size:30%} .paging12 > div .next{background:url("http://img.arreo.com/usr/img11/com/page_next.png") 50% 50% no-repeat;background-size:30%} .paging12 > div .first{background:url("http://img.arreo.com/usr/img11/com/page_first.png") 50% 50% no-repeat;background-size:30%} .paging12 > div .last{background:url("http://img.arreo.com/usr/img11/com/page_last.png") 50% 50% no-repeat;background-size:30%} .foot_sch_area{text-align:center;} .foot_sch_area input[type="checkbox"]{vertical-align:middle} .foot_sch_area input[type="text"]{width:120px;height:22px;padding:0 5px;border:1px solid #ccc} .foot_sch_area a{display:inline-block;height:18px;padding:5px 20px 2px;background:#888;color:#fff !important;} /*FAQ*/ .bbs_faq{border-top:1px solid #666;} .bbs_faq table{width:100%} .bbs_faq table tbody th{padding:17px 0px 17px 55px;background:url("http://img.arreo.com/usr/img11/sub/faq_q.png") 15px 12px no-repeat; border-bottom:1px solid #ccc;text-align:left;font-weight:normal} .bbs_faq table tbody th a:hover{color:#5174a8;} .bbs_faq table tbody td{padding:17px 0px 17px 55px;background:#f4f4f4 url("http://img.arreo.com/usr/img11/sub/faq_a.png") 15px 12px no-repeat; border-bottom:1px solid #ccc;line-height:18px;} /* 전송결과 페이지 캘린더 영역 sms/smsCalendar.html*/ .calendar_area{position:relative} .type_right{position:absolute;right:0;top:5px;line-height:18px;} .type_right > span{float:left;margin:6px 20px 0 0;color:#0d65d3} .type_right > p{float:right} .type_right > p select{height:22px;border:1px solid #ccc} .diary_area{margin-top:30px;} .diary_area table{ width:100%; } .diary_area table thead th{width:130px; height:30px;border:1px solid #ddd} .diary_area table thead th.holiday{color:#d61860; } .diary_area table thead th.satDay{color:#0d65d3; } .diary_area table tbody td{height:108px; font:0.9em Verdana, serif;text-align:left; text-indent:4px;border:1px solid #ddd} .diary_area table tbody td div.txtBox{ height:80px; margin-left:5px; background:none; border:none; overflow:hidden;} .diary_area table tbody td div.txtBox a:hover { text-decoration: none; color:#d61860; } .diary_area table tbody td.holiday{color:#d61860; } .diary_area table tbody td.satDay{color:#0d65d3; border-right:1px solid #e3e3e3;} .diary_area table tbody td.today{background:#e7f0fb; } .diary_area table tbody td.breakDay{background:#f9f9f9; } /*충전소 현금영수증발행*/ .csh_pub_check{padding:5px 0;text-align:left;} .csh_pub_check span{margin-left:10px;} .csh_pub_check span input{vertical-align:middle} .csh_per_info{margin:20px 0;} .csh_per_info > div{padding:20px 0 20px 50px;border:1px solid #dae2e8;background:#fcfeff} .csh_per_info > div dl dt{margin:10px 0 2px;padding-left:8px;background:url("http://img.arreo.com/usr/img2/com/icon_29.gif") 0 1px no-repeat} .csh_per_info > div dl dd{padding-left:5px;line-height:18px;} .csh_per_info > div dl dd p{line-height:18px;} .csh_per_info > div > span{display:block;margin-top:10px;color:#e64f5e} .csh_per_info > p{margin-top:10px;text-align:center;} .csh_per_info > p span{color:#e64f5e;} .csh_per_info > p input{vertical-align:middle} .notice_top_box{padding:5px;background:#f9f9f9;border:1px solid #eee} .notice_top_box > p{padding-left:20px;line-height:18px;margin:5px 0;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 12px 6px no-repeat} .notice_box{clear:both;margin:50px 0 20px;padding:10px 10px;background:#f0f3f7;border:1px solid #dee5ee} .notice_box p{position:relative;padding-left:20px;line-height:18px;margin:5px 0;} .notice_box p:after{content:"";width:3px;height:3px;background:#597091;position:absolute;left:10px;top:5px;} .notice_box p span{display:block} .notice_box p.ex{color:#e64f5e} /*layer_wrap*/ .layer_pop11.addrItm{width:580px;box-shadow:0 0 9px #bbb} .p_all_chk{margin:20px 0 0;padding:10px;background:#ccc;text-align:center;color:#fff} .p_all_chk input[type="checkbox"]{vertical-align:middle} .layer_pop11{padding:10px;border:1px solid #ccc;} .layer_pop11 .p_head{padding:10px;background:#eee;} .layer_pop11 .p_head p{line-height:1.5;} .layer_pop11 .p_head input[type="checkbox"]{vertical-align:middle} .layer_pop11 .p_body{padding:10px 0 0 0;} .layer_pop11 .p_body dl{padding:10px 5px 0;} .layer_pop11 .p_body dl dt{padding:5px;border-bottom:1px dotted #ccc;font-weight:bold;} .layer_pop11 .p_body dl dd{padding:5px} .layer_pop11 .p_body dl dd ul{overflow:hidden;} .layer_pop11 .p_body dl dd ul li{float:left;display:block;width:120px;margin-bottom:5px;} .layer_pop11 .p_body dl dd ul li input[type="checkbox"]{margin-right:3px;vertical-align:middle} .layer_pop11 .p_foot{padding:20px 0 10px;border-top:1px solid #ddd;text-align:center} .layer_pop11 .p_foot a{padding:10px 30px 7px;background:#888;color:#fff;} .layer_pop11 .p_foot a:hover{background:#666} .layer_pop11 .p_foot a:first-child{background:#2374c4;color:#fff} .layer_pop11 .p_foot a:first-child:hover{background:#185fa5} /*통합전송창 안내도우미 : 20161019*/ .help_head{position:fixed;width:756px;padding:10px 22px 0;background:#fff;} .help_head .tab{display:block;border-bottom:2px solid #4e7dc8;} .help_head .tab ul{overflow:hidden;margin-bottom:-3px;height:32px;*height:30px;padding-top:3px;} .help_head .tab ul li{float:left;margin-right:1px;} .help_head .tab ul li a{float:left;display:block;width:123px;height:27px;*height:29px;line-height:28px;border:1px solid #ccc;background:#efefef;;text-align:center;font-family:Dotum;font-size:12px;color:#777;} .help_head .tab ul li a:hover,.tab ul li a:focus {width:121px;margin-top:-3px;padding-top:3px;border:2px solid #4e7dc8;border-bottom:2px solid #fff;background:#fff;font-weight:bold;color:#000} .help_body p{padding-top:39px;} /*전송결과조회 상단*/ .sender_view{position:relative;padding-bottom:20px;margin-bottom:30px;} .sender_view:after{content:"";display:block;clear:both} .sender_view .sender{float:left;} .sender_view .sender .sender_area .smsmmsBox01 .textBox {display:block; width:130px; height:134px; padding:7px 5px;line-height:14px; color:#000; background:none;overflow-y:auto; overflow-x:hidden;border:0;outline:0;resize:none;font-family:Gulim !important;} .sender_view .sender_up{float:left;} .sender_view .bbs_write12.w600{float:right;width:600px;margin-top:20px;} .sender_view .btn_mcard_view{clear:both;padding:10px 0 0 30px} .sender_view .btn_mcard_view a{display:block;width:120px;height:16px;padding:7px 0 4px;border-radius:1px;text-align:center;background:#758fae;color:#fff} .sender_view .btn_mcard_view a:hover{background:#aa988e} .sender_view #layer_mcard_view{position:absolute;left:200px;top:-50px;width:350px;font-size:11px;box-shadow:1px 0px 13px #999;z-index:9} /*전송/예약관리 결과조회 주소록 추가버튼 :20170515*/ .sender_view .bbs_write12.w600 td a{display:block;width:70px;height:18px;line-height:18px;border-radius:1px;text-align:center;background:#758fae;color:#fff} .sender_view .bbs_write12.w600 td a:hover{background:#aa988e} .sender_view #layer_mcard_view > a{position:absolute;right:0;top:0;} /*전송결과조회*/ .bbs_write12.answer{margin:5px 0 50px;} .bbs_write12.answer table tbody th{background:#fff url("http://img.arreo.com/usr/img11/com/bull6_01.gif") 15px 14px no-repeat;} .bbs_write12.answer table tbody td{text-align:right;padding-right:50px;} .bbs_write12.answer td a{margin-left:70px;display:block;width:70px;height:18px;line-height:18px;border-radius:1px;text-align:center;background:#758fae;color:#fff} .bbs_write12.answer td a:hover{margin-left:70px;background:#aa988e} /*모바일 초대장 사용방법 레이어 : 20161116*/ .layer_mguide{position:absolute;left:1px;top:1px;z-index:999} .layer_mguide > span{position:absolute;right:5px;top:5px;cursor:pointer} .layer_mguide #visual{position:relative;} .layer_mguide #visual .pic{overflow:hidden;width:886px;height:667px;padding:70px 0 142px;} #mcard_guide #visual .pic{background:#fee1e1;} #mcoupon_guide #visual .pic{background:#f2f6f9;} .layer_mguide #visual .pic ul{overflow:hidden;height:100%;} .layer_mguide #visual .pic ul li{height:100%;float:left;background-repeat:no-repeat;background-position:center bottom;background-size:cover;} .layer_mguide #visual .btn{position:absolute;left:0;width:100%;bottom:150px;text-align:center;} .layer_mguide #visual .btn div{display:inline-block;width:8px;height:8px;margin:0 5px;background-color:rgba(0,0,0,0.2);border-radius:50%;cursor:pointer;} .layer_mguide #visual .btn div.on{background-color:rgba(255,255,255,0.9);} .layer_mguide #visual .dir{} .layer_mguide #visual .dir span{position:absolute;top:45%;cursor:pointer;} .layer_mguide #visual .prev{left:20px;} .layer_mguide #visual .next{right:20px;} .layer_mguide.mkt{top:100px;border:1px solid #999;}/* 위치설정 : mkt/categoryList.html : 20170516*/ /*뉴스레터 이용자 사용법 바로가기 : 20161208*/ .pop_wrap12.guide{text-align:center} .pop_wrap12.guide .tab_guide{padding-top:30px;} .pop_wrap12.guide .tab_guide ul{margin-left:130px;} .pop_wrap12.guide .tab_guide ul li{float:left;margin-right:2px } .pop_wrap12.guide .tab_guide ul li a{display:block;width:200px;padding:10px 0;background:#a087af;color:#fff;font-family:'Malgun Gothic';font-size:15px;} .pop_wrap12.guide .tab_guide ul li a:hover{background:#845e8d} .pop_wrap12.guide #mcard_guide #visual .pic{padding:0;background:#fff} .pop_wrap12.guide .layer_mguide #visual .btn{bottom:20px;} /*레이어*/ .layer_pop12{padding:15px 0 0 120px;} .layer_pop12 .tab12 {position:relative;padding:30px 0 0} .layer_pop12 .tab12 > li > a {display:block; position:absolute; top:0; width:158px;height:34px;line-height:34px;text-align:center; background:#f4f4f4; color:#333; border:1px solid #ddd; } .layer_pop12 .tab12 > li.on > a {background:#888; color:#fff;} .layer_pop12 .tab12 > li:first-child > a {left:0;} .layer_pop12 .tab12 > li+li > a {left:158px;} .layer_pop12 .tab12 > li+li+li > a {left:316px;} .layer_pop12 .tab12 > li > div {height:0; overflow:hidden; position:absolute;} .layer_pop12 .tab12 > li.on > div {height:auto; position:static;padding:45px 0 0;} /*윈도우레이어:20170524 */ .layer_pop13{font-family:Gulim; } .layer_pop13 .p_head{position:relative;padding:15px;background:#3d4052} .layer_pop13 .p_head h4{font-family: 'Noto Sans KR';font-weight:350;color:#fff;font-size:17px;} .layer_pop13 .p_head > a{position:absolute;right:5px;top:5px;display:block;width:24px;height:24px;background:url("http://img.arreo.com/usr/img11/sub/btn_layer_close6.png") no-repeat;text-indent:-99999em} .layer_pop13 .p_body{padding:15px;} /*회원아이디중복검사 mbr_join_idcheck.html*/ .layer_pop13 .p_body.mbr_join_idcheck{} .layer_pop13 .p_body.mbr_join_idcheck .idc_top{padding:10px;background:#f5f5f5} .layer_pop13 .p_body.mbr_join_idcheck .idc_top > p{padding:10px 0;text-align:center;line-height:18px;} .layer_pop13 .p_body.mbr_join_idcheck .idc_top > p span{color:#e92d4c} .layer_pop13 .p_body.mbr_join_idcheck .idc_top > p span a{display:block;margin:15px auto 5px;width:120px;height:30px;line-height:30px;background:#b39c7c;text-align:center;color:#fff;} .layer_pop13 .p_body.mbr_join_idcheck .idc_top .p_btn a{display:block;margin:15px auto 5px;width:120px;height:30px;line-height:30px;background:#b39c7c;text-align:center;color:#fff;} .layer_pop13 .p_body.mbr_join_idcheck .idc_top select{margin-left:100px;width:70px;height:30px;border:1px solid #ccc} .layer_pop13 .p_body.mbr_join_idcheck .idc_top input[type="text"]{width:70px;height:30px;padding:0 5px;border:1px solid #ccc} .layer_pop13 .p_body.mbr_join_idcheck .idc_top#divIdcMid > div {text-align:center} .layer_pop13 .p_body.mbr_join_idcheck .idc_top#divIdcMid > div a{display:inline-block;height:30px;line-height:30px;padding:0 15px;vertical-align:top;background:#b39c7c;color:#fff} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm{margin-top:10px;padding:10px;background:#f5f5f5} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm dl dt{padding:3px 0 3px 25px;background:url("http://img.arreo.com/usr/img11/com/bull_21.png") no-repeat;font-weight:bold} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm dl dd{padding:5px 0 0 25px} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm div{padding:20px 15px;} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm div span{color:#ab7f3f} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm div input{height:30px;padding:0 10px;border:1px solid #ccc} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm div a{display:inline-block;height:30px;line-height:30px;padding:0 10px;background:#666;color:#fff;vertical-align:middle} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm#divAuthInput > span{display:block;text-align:center;color:#ab7f3f} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm#divAuthInput > div{overflow:hidden;text-align:center} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm#divAuthInput > div > input{display:inline-block;vertical-align:middle} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm#divAuthInput > div > em{display:inline-block} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm#divAuthInput > div > p{display:inline-block} .layer_pop13 .p_body.mbr_join_idcheck .idc_btm#divAuthInput > div > p a{vertical-align:middle} .ui-dialog{min-width:440px !important} .ui-draggable .ui-dialog-titlebar{display:none;} .ui-dialog {padding:0 !important;} .ui-dialog .ui-dialog-content {padding:0 !important;} /*전송결과조회 전송상태*/ .layer_sendtime{padding:7px 15px;background:#fff;border:1px solid #ddd;box-shadow:0 0 3px #999;} .layer_sendtime dl dd{padding:5px 0 0;color:#2371d2} /*주소록같이쓰기 inviteShareGroupPop.html 20180530,shareAddressTemplate.html*/ .inviteShareGroup h5{margin-bottom:5px;font-family:"Noto Sans KR";font-size:16px;font-weight: 350;color: #000;} .inviteShareGroup .joint_set ul{overflow:hidden} .inviteShareGroup .joint_set ul li{float:left;padding:5px 10px;} .inviteShareGroup .joint_set ul li input[type="radio"]{margin-right:3px;vertical-align:middle} .inviteShareGroup .joint_set > p{padding:3px 10px;} .inviteShareGroup .joint_info{} .inviteShareGroup .joint_info ul{overflow:hidden;margin-top:20px;padding:15px;background:#ebe5d3;} .inviteShareGroup .joint_info ul li{float:left;width:40%;text-align:center} .inviteShareGroup .joint_info ul li > span{color:#1374c5} .inviteShareGroup .joint_info > p{padding:10px;text-align:center} .iframeInviteAdd {width:690px; height:420px;} /*주소록 같이쓰기관리 20180615*/ .tab_invite{height:28px;border-bottom:2px solid #333} .tab_invite ul li{float:left} .tab_invite ul li a{display:inline-block;padding:0 10px;font-family:Noto Sans KR;font-size:17px;color:#777} .tab_invite ul li.on a{color:#0c549b} .share_mng{overflow:hidden;padding:15px 0;} .share_mng .grp_left{float:left;width:390px; height:630px;} .share_mng .share_right{float:right;width:260px; height:630px;} .share_mng > div > p{padding:5px 0 5px 17px;background:url("http://img.arreo.com/usr/img11/com/bull7_02.gif") 5px center no-repeat} .share_mng > div iframe{width:98%;height:90%;border:1px solid #e5e5e5;overflow-y:auto; overflow-x:hidden;} .share_mng > div .btn_area{padding:10px 0;} .share_mng > div .btn_area a{display:inline-block;padding:0 10px;height:26px;line-height:2.3;border-radius:3px;border:1px solid #aaa;color:#666} .share_mng > div .btn_area a:hover{background:#666;color:#fff} /*20190121*/ .layer_pop2{position:absolute;border:1px solid #a5bdd3;background:#fff;} .layer_pop2 .p_head{position:relative;padding:5px 10px;background:#e1e9f1;border-bottom:1px solid #a5bdd3} .layer_pop2 .p_head h4{font-family:"Noto Sans KR";font-size:15px;font-weight:350;color:#648db4} .layer_pop2 .p_head > a{position:absolute;right:8px;top:8px;display:block;width:17px;height:16px;background:url("http://img.arreo.com/usr/img11/sub/btn_layer_close8.png") no-repeat;background-size:100%;text-indent:-999999em;} .layer_pop2 .p_body{padding:20px;} .layer_pop2 .p_body .board_write{border-top:1px solid #bbb;} .layer_pop2 .p_body .board_write table{width:100%} .layer_pop2 .p_body .board_write table tbody th{padding:7px;border-bottom:1px solid #ddd;background:#f5f5f5;color:#777;font-weight:normal} .layer_pop2 .p_body .board_write table tbody td{padding:7px;;border-bottom:1px solid #ddd} .layer_pop2 .p_body .board_write table tbody td input[type="text"]{height:22px;border:1px solid #ccc} .layer_pop2 .p_body .board_write table tbody td select{height:24px;border:1px solid #ccc} .layer_pop2 .p_body .p_btn{padding:20px 0 0;text-align:center} .layer_pop2 .p_body .p_btn a{display:inline-block;padding:0 10px;height:24px;line-height:24px;border:1px solid #99b6d1;color:#648db4} .layer_pop2 .p_body .p_btn a:hover{background:#99b6d1;color:#fff} #layer_phn{width:400px;right:150px;}/*스토어마케팅 신규번호추가*/ /*사용자로그인*/ #content_wide{width:880px;padding:50px;margin:20px 0 100px;border:1px solid #eee;border-radius:10px;} #content_wide #member_box{overflow:hidden;padding:30px 20px;margin:20px 0;border-radius:3px;background:#f7f7ec;border:1px solid #d6d6c3} #content_wide #member_box #mem_left{float:left;width:35%;padding:3%;} #content_wide #member_box #mem_left ul li{margin:10px 0;} #content_wide #member_box #mem_left ul li span{display:inline-block;width:60px;color:#333} #content_wide #member_box #mem_left ul li input{width:110px;height:26px;padding:0 5px;border:1px solid #ccc} #content_wide #member_box #mem_left ul li a{display:inline-block;width:80px;height:18px;padding:7px 10px 3px;text-align:center;background:#655b53;color:#fff} #content_wide #member_box #mem_left ul li a:hover{background:#4c443e} #content_wide #member_box #mem_left > div p{line-height:18px;} #content_wide #member_box #mem_left > div p span{display:block;margin-top:20px;font-weight:bold;color:#c45a39} #content_wide #member_box #mem_right{float:left;width:54%;padding:3% 0 3% 3%;border-left:1px dotted #d6d6c3;} #content_wide #member_box #mem_right h4{font-size:13px;color:#333;} #content_wide #member_box #mem_right ol{margin-top:20px;} #content_wide #member_box #mem_right ol li{margin-bottom:10px;} #content_wide #member_box #mem_right ol li span{position:absolute; display:inline-block; text-align:center; clear:both; width:15px;height:15px;line-height:18px;border-radius:3px;background:#7b9974;color:#fff ;font-size:11px;} #content_wide #member_box #mem_right ol li p{text-indent:0; padding-left:22px; line-height: 16px;} #content_wide .guest_faq{display:block;width:100%;margin:25px 0;border-bottom:2px solid #bfcfe1} #content_wide .guest_faq > p{padding:10px 20px;background:#dae6f3;border-top:1px solid #bfcfe1;border-bottom:1px solid #bfcfe1;font-weight:bold;} #content_wide .guest_faq dl dt{padding:10px 0 10px 42px;background:url("http://img.arreo.com/asp_vms/img/ArreoVms/icon_q.gif") 20px 9px no-repeat;border-top:1px solid #e2e2e2;} #content_wide .guest_faq dl dt:first-child{border-top:none} #content_wide .guest_faq dl dt a{font-family:Gulim;color:#444} #content_wide .guest_faq dl dt a:hover{text-decoration:none;color:#ff7d00} #content_wide .guest_faq dl dd{padding:10px 10px 10px 42px;background:#f4f4f4 url("http://img.arreo.com/asp_vms/img/ArreoVms/icon_a.gif") 20px 12px no-repeat;border-top:1px solid #e2e2e2;} #content_wide .guest_faq dl dd ol li{display:block;margin:3px 0;line-height:14px;} /*아레오회원로그인 mbr/arreo/mbr_login_wrt.jsp*/ .member_login_wrap{padding:100px 50px;} .member_login_wrap h2{font-family: 'Noto Sans KR';font-weight:350;font-size:26px;text-align:center;font-weight:normal} .member_login_wrap a{font-family: 'Noto Sans KR';font-weight:350;} .member_login_wrap .login_area{;width:60%;margin:5px auto;padding:30px 10px 60px;border-top:3px solid #666;font-family: 'Noto Sans KR';font-weight:350;} .member_login_wrap .login_area > div{position:relative;width:84%;margin:0 auto;} .member_login_wrap .login_area > div ul li{display:block;margin:10px 0} .member_login_wrap .login_area > div ul li span{display:inline-block;width:110px;margin-top:5px;font-size:18px;} .member_login_wrap .login_area > div ul li input{width:300px;height:40px;padding:0 10px;background:#fff;border:1px solid #ccc} .member_login_wrap .login_area > div a{position:absolute;right:0;top:0px;display:block;width:90px;height:94px;line-height:94px;background:#666;color:#fff;text-align:center;font-size:16px;} .member_login_wrap .login_area > div a:hover{background:#444} .member_login_wrap .login_area > ul{overflow:hidden;float:right;} .member_login_wrap .login_area > ul li{float:left;margin-right:5px;} .member_login_wrap .login_area > ul li a{display:inline-block;font-size:14px;width:130px;height:30px;line-height:31px;text-align:center;background:#aaa;color:#fff} .member_login_wrap .login_area > ul li a:hover{background:#999} .member_login_wrap .login_area > ul li+li+li a{background:#e67f84} .member_login_wrap .login_area > ul li+li+li a:hover{background:#e46d73} .member_login_wrap .login_area > p{clear:both;display:block;padding:10px 0 0 200px;color:#e46d73;font-size:14px;} .member_login_wrap .login_area > p a{font-size:14px;} .member_login_wrap .login_area > p a:hover{color:#e46d73} .member_login_wrap > p{margin-left:100px;text-align:center;color:#e46d73} .member_login_wrap .login_area #loginChk{position:absolute;left:127px;top:135px;padding:15px 38px;border-radius:3px;background:rgba(0,0,0,0.6);color:#fff;font-size:14px;display:none} /*손님회원로그인 guest/arreo/loginGuest_01.html*/ .member_login_wrap .login_area > span{margin-left:220px;} .member_login_wrap .login_area > span a{display:inline-block;font-size:14px;width:130px;height:30px;line-height:31px;text-align:center;background:#aaa;color:#fff} .member_login_wrap .login_area > span a:hover{background:#999} .member_login_wrap .login_area > p > span{margin-left:-80px;} .member_login_wrap .guest_info {width:720px;padding:15px 15px 0;margin:0 auto;border-top:2px solid #999} .member_login_wrap .guest_info h3{margin:7px;font-family:'NanumGothic';font-size:20px;} .member_login_wrap .guest_info ol li{display:block;margin:10px 7px;} .member_login_wrap .guest_info ol li span{position:absolute; display:inline-block; text-align:center; clear:both; width:15px;height:15px;line-height:18px;border-radius:3px;background:#555;color:#fff ;font-size:11px;} .member_login_wrap .guest_info ol li p{text-indent:0; padding-left:22px; line-height: 16px;} .member_login_wrap .guest_info > p{margin:10px;color:#e46d73} .member_login_wrap .guest_faq{display:block;width:750px;;margin:25px auto;border-bottom:2px solid #999} .member_login_wrap .guest_faq > p{padding:10px 20px;background:#888;font-weight:bold;color:#fff} .member_login_wrap .guest_faq dl dt{padding:10px 0 10px 42px;background:url("http://img.arreo.com/asp_vms/img/ArreoVms/icon_q.gif") 20px 9px no-repeat;border-top:1px solid #ddd;} .member_login_wrap .guest_faq dl dt:first-child{border-top:none} .member_login_wrap .guest_faq dl dt a{font-family:'Gulim';color:#444} .member_login_wrap .guest_faq dl dt a:hover{text-decoration:none;color:#ff7d00} .member_login_wrap .guest_faq dl dd{padding:10px 10px 10px 42px;background:#f4f4f4 url("http://img.arreo.com/asp_vms/img/ArreoVms/icon_a.gif") 20px 12px no-repeat;border-top:1px solid #ddd;} .member_login_wrap .guest_faq dl dd ol li{display:block;margin:3px 0;line-height:14px;} /*삐삐앱사용자 로그인 guest/loginAppMember_01.html*/ .member_login_wrap .guest_exp{padding:0 0 30px 100px;} .member_login_wrap .guest_exp p{margin:10px;padding-left:10px;font-size:13px;color:#000;background:url("http://img.arreo.com/usr/img11/com/bull5_02.gif") 0 4px no-repeat} /*네띠앙 회원로그인 mbr/arreo/mbr_login_wrt.jsp 20170321*/ .member_login_wrap2{overflow:hidden;padding:100px 20px 300px;font-family: 'Noto Sans KR';font-weight:350;color:#000;} .member_login_wrap2 .member_left{float:left;width:65%;background:url("http://img.arreo.com/usr/img11/sub/line_bg.png") right 40px no-repeat} .member_login_wrap2 .member_left h2{width:50%;margin:10px auto;font-size:30px;} .member_login_wrap2 .member_left .login_area{width:360px;margin:0 auto;} .member_login_wrap2 .member_left .login_area > div {position:relative} .member_login_wrap2 .member_left .login_area > div > ul li{margin:10px 0;} .member_login_wrap2 .member_left .login_area > div > ul li label{display:none} .member_login_wrap2 .member_left .login_area > div > ul li input{width:338px;height:50px;padding:0 10px;border:1px solid #999} .member_login_wrap2 .member_left .login_area > div > a{display:block;width:100%;height:50px;line-height:50px;background:#3282d2;color:#fff;font-family:'Noto Sans KR';font-weight:300;text-align:center;font-size:20px;} .member_login_wrap2 .member_left .login_area > div > a:hover{background:#1a65b0} .member_login_wrap2 .member_left .login_area > div #loginChk{position:absolute;left:0;top:0;display:none} .member_login_wrap2 .member_left .login_area > ul{overflow:hidden;padding:10px 0;font-family:Gulim;} .member_login_wrap2 .member_left .login_area > ul li{float:left;} .member_login_wrap2 .member_left .login_area > ul li input[type="checkbox"]{vertical-align:top} .member_login_wrap2 .member_left .login_area > ul li+li{float:right;} .member_login_wrap2 .member_left .login_area > ul li+li a{} .member_login_wrap2 .member_left .login_area > ul li+li a:hover{text-decoration:underline !important} .member_login_wrap2 .member_left .login_area > p{padding:20px 0;border-top:1px solid #d5d5d5} .member_login_wrap2 .member_left .login_area > p a{display:block;width:100%;height:50px;line-height:50px;background:#c1aa7e;color:#fff;font-family:'Noto Sans KR';font-weight:300;text-align:center;font-size:20px;} .member_login_wrap2 .member_left .login_area > p a:hover{background:#ab905d} .member_login_wrap2 .member_right{float:right;width:30%;height:260px;padding-top:70px;position:relative;} .member_login_wrap2 .member_right > p {line-height:1.25em;font-size:30px;color:#999;} .member_login_wrap2 .member_right > p span{display:block;padding-bottom:15px;font-size: 22px;color:#333;} .member_login_wrap2 .member_right > span{position:absolute;bottom:0;} .member_login_wrap2 .member_right > span a{padding-right:24px;background:url("http://img.arreo.com/usr/img11/com/bull_12.png") right 8px no-repeat;font-family:'Noto Sans KR';font-weight:300;font-size:22px;color:#000} .member_login_wrap2 .member_right > span a:hover{color:#1a65b0} /*회원탈퇴완료 :20170518*/ .member_finish{padding:10px;margin-bottom:50px;} .member_finish dl{padding:180px 30px 60px;border-radius:5x;border:1px solid #ddd;text-align:center;font-family:'Noto Sans KR';font-weight:300;background:#fafafa url("http://img.arreo.com/usr/img11/com/bull_22.png") center 50px no-repeat} .member_finish dl dt{font-size:16px;} .member_finish dl dt{font-size:16px;} .member_finish dl dd{font-size:30px;padding-top:30px;color:#178a70} .member_finish dl dd span{display:block;font-size:16px;color:#555} .member_finish > p{margin:10px 0 0 10px;padding-left:25px;background:url("http://img.arreo.com/usr/img11/com/bull_21.png") 0 0 no-repeat;line-height:18px;} /*회원가입 :20170522*/ .mbr_join_step{margin:10px 0;} .mbr_join_area{} .mbr_join_area h4{margin:20px 0 5px;font-family:'Noto Sans KR';font-weight:450;font-size:20px;color:#2371d2} .mbr_join_area .mbr_text{padding:10px;} .mbr_join_area .mbr_text p{line-height:20px;} .mbr_join_area .mbr_text p span{color:#e92d4c} .mbr_join_area .mbr_text p b{color:#e92d4c} .mbr_join_area .mbr_text p a{display:inline-block;height:30px;line-height:30px;padding:0 10px;background:#e92d4c;color:#fff} .mbr_join_area .mbr_text p a:hover{background:#ca1b38} /*step1:실명인증및 기타정보확인*/ .mbr_join_area.mbr_join_hp .select_hp{padding:15px;text-align:center} .mbr_join_area.mbr_join_hp .select_hp input{vertical-align:middle} .mbr_join_area.mbr_join_hp .select_hp span{margin-right:20px;} .mbr_join_area.mbr_join_hp .jumin{padding:20px;border-radius:2px;background:#f5f5f5} .mbr_join_area.mbr_join_hp .jumin ul {padding:15px} .mbr_join_area.mbr_join_hp .jumin ul li{margin:10px 0;} .mbr_join_area.mbr_join_hp .jumin ul li span{color:#e92d4c} .mbr_join_area.mbr_join_hp .jumin dl{padding:15px;border-top:1px dotted #ccc} .mbr_join_area.mbr_join_hp .jumin dl dt{padding-left:25px;height:18px;background:url("http://img.arreo.com/usr/img11/com/bull_21.png") no-repeat} .mbr_join_area.mbr_join_hp .jumin dl dd{padding:5px 0 0 25px} .mbr_join_area.mbr_join_hp .jumin dl dd a{color:#e92d4c} .mbr_join_area.mbr_join_hp .ipin{padding:20px;border-radius:2px;background:#f5f5f5} .mbr_join_area.mbr_join_hp .ipin p{padding:20px 0;text-align:center} .mbr_join_area.mbr_join_hp .ipin ul{padding:15px;border-top:1px dotted #ccc} .mbr_join_area.mbr_join_hp .ipin ul li{margin:10px 0;} .mbr_join_area.mbr_join_hp .ipin dl{padding:15px;border-top:1px dotted #ccc} .mbr_join_area.mbr_join_hp .ipin dl dt{padding-left:25px;height:18px;background:url("http://img.arreo.com/usr/img11/com/bull_21.png") no-repeat} .mbr_join_area.mbr_join_hp .ipin dl dd{padding:5px 0 0 25px} .mbr_join_area.mbr_join_hp .ipin dl dd a{color:#e92d4c} .mbr_join_area.mbr_join_hp #jumin > ul{margin:10px 0;} .mbr_join_area.mbr_join_hp #jumin > ul li{padding-left:15px;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 7px 7px no-repeat;line-height:18px;} /*step1_1:실명인증및 기타정보확인*/ .mbr_join_area .joining{padding:20px;border-radius:3px;background:#f5f5f5} .mbr_join_area .joining p{padding:20px;text-align:center} .mbr_join_area .joining p a{color:#e92d4c} .mbr_join_area .joining ul{padding:15px;text-align:center;border-top:1px dotted #ccc} .mbr_join_area .joining ul li{line-height:20px;} .mbr_join_area .joining ul li span{color:#e92d4c} /*step1_2:아이디조회결과*/ .mbr_join_area .listMyId {padding:20px;border-radius:2px;background:#f5f5f5} .mbr_join_area .listMyId > p{padding:10px;border-bottom:1px dotted #ccc} .mbr_join_area .listMyId > div{oveflow:hidden;clear:both;padding:10px;} .mbr_join_area .listMyId > div p{float:left;width:40%;height:40px;line-height:40px;} .mbr_join_area .listMyId > div p b{color:#e92d4c} .mbr_join_area .listMyId > div span{float:left;width:40%;height:40px;line-height:40px;} .mbr_join_area .listMyId > div span a{display:inline-block;padding:0 15px;height:30px;line-height:30px;background:#666;color:#fff;} .mbr_join_area .listMyId > ul{clear:both;padding:20px 0 0 10px;} .mbr_join_area .listMyId > ul li{padding-left:15px;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 7px 7px no-repeat;line-height:18px;} .mbr_join_area .listMyId > ul li span{color:#e92d4c} /*step2:약관동의*/ .mbr_join_area .join_check{margin:10px 10px 30px;} .mbr_join_area .join_check h5{margin-bottom:5px;padding-left:15px;background:url("http://img.arreo.com/usr/img11/com/bull8_02.gif") 0 2px no-repeat} .mbr_join_area .join_check div{width:1150px;padding:0px;border:1px solid #ccc} .mbr_join_area .join_check p{padding:10px 0;vertical-align:middle} .mbr_join_area .join_check p input{vertical-align:middle} /*step4:015이용신청*/ .mbr_join_015 h5{margin-bottom:5px;padding-left:15px;background:url("http://img.arreo.com/usr/img11/com/bull8_02.gif") 0 2px no-repeat} .mbr_join_015 #stipulation { overflow:auto; width:1150px; height:150px;padding:10px 0 0 10px; text-align:left;border:1px solid #ccc} .mbr_join_015 #stipulation em { font-style:normal; color:#ff6600; } .mbr_join_015 #stipulation strong { font-style:normal; color:#000; } .mbr_join_015 #stipulation span { color:#cccccc; } .mbr_join_015 #agreementapply { margin-top:8px; color:#518ac7;} .mbr_join_015 #recommend015{overflow:hidden;padding:10px;border:1px solid #a8c4db} .mbr_join_015 #recommend015 > span{float:left;padding-top:15px;font-weight:bold;color:#2882d0} .mbr_join_015 #recommend015 > div{float:left;margin-left:30px;} /*step5:가입완료*/ .mbr_join_end .id{padding:15px;margin:30px auto;border-radius:2px;border:2px solid #5092d0} .mbr_join_end .id > ul{overflow:hidden} .mbr_join_end .id > ul li{float:left;display:block;margin-left:130px;font-weight:bold;font-size:13px;} .mbr_join_end .id > ul li > span{color:#f60} .mbr_join_end .id > p{margin-top:20px;padding:10px 10px 10px 30px;line-height:18px;background:#f5f5f5;} .mbr_join_end .end1{overflow:hidden;} .mbr_join_end .end1 dl{float:left;width:251px;height:130px;padding:20px;border:1px solid #eee;border-left:0;} .mbr_join_end .end1 dl:first-child{border-left:1px solid #eee;background:url("http://img.arreo.com/usr/img11/sub/mbr_join_step5_img1.jpg") 180px 0 no-repeat;} .mbr_join_end .end1 dl+dl{background:url("http://img.arreo.com/usr/img11/sub/mbr_join_step5_img2.jpg") 180px 0 no-repeat;} .mbr_join_end .end1 dl+dl+dl{background:url("http://img.arreo.com/usr/img11/sub/mbr_join_step5_img3.jpg") 180px 0 no-repeat;} .mbr_join_end .end1 dl+dl+dl+dl{background:url("http://img.arreo.com/usr/img11/sub/mbr_join_step5_img4.jpg") 180px 0 no-repeat;} .mbr_join_end .end1 dl dt{font-family:'Noto Sans KR';font-weight:350;font-size:20px;color:#111} .mbr_join_end .end1 dl dd p{height:70px;padding-top:10px;font-family:'Noto Sans KR';font-weight:350;font-size:16px;} .mbr_join_end .end1 dl dd a{display:block;width:120px;height:30px;line-height:30px;margin:0 auto;text-align:center;background:#f9f9f9;border-radius:3px;border:1px solid #bbb;color:#666} .mbr_join_end .end1 dl dd a:hover{background:#bbb;color:#fff} .mbr_join_end .end2{padding:20px 0;} .mbr_join_end .end2 ul li{padding:5px 20px;} .mbr_join_end .end2 ul li span{color:#e92d4c} .mbr_join_end .end2 ul li a{display:inline-block;margin-left:20px;width:150px;height:30px;line-height:30px;text-align:center;background:#888;color:#fff} .mbr_join_end .end2 ul li+li a{margin-left:23px;} /*아이디비밀번호찾기*/ .mbr_findinfo_gb{overflow:hidden;padding:20px;border-radius:5px;border:1px solid #ddd} .mbr_findinfo_gb > p{padding:5px 10px;border-bottom:1px dotted #ddd;font-family:'Noto Sans KR';font-weight:350;font-size:18px;} .mbr_findinfo_gb .find_idpw {float:left;width:46%;padding:15px 2%;} .mbr_findinfo_gb .find_idpw h5{font-family:'Noto Sans KR';font-weight:350;font-size:18px;color:#111} .mbr_findinfo_gb .find_idpw > div{margin:10px 0;padding:20px 15px;line-height:20px;vertical-align:middle;background:#f5f5f5} .mbr_findinfo_gb .find_idpw > div p{margin-top:10px;padding:10px 0;} .mbr_findinfo_gb .find_idpw > div p select{height:32px;border:1px solid #ccc;} .mbr_findinfo_gb .find_idpw > div p input{height:30px;padding:0 5px;border:1px solid #ccc;} .mbr_findinfo_gb .find_idpw > span {display:block;text-align:center} .mbr_findinfo_gb .find_idpw > span input{width:120px;height:40px;line-height:40px;border:none;background:#2371d2;color:#fff;cursor:pointer} .mbr_findinfo_gb .find_idpw > span input:hover{background:#1361c2} /*모바일상품권 이미지로보기: 20170104 gift/gift_main_list_00.html */ .bbs_gift_list01 {clear:both;padding:20px;border-top:1px solid #666;border-bottom:1px solid #666;} .bbs_gift_list01 > table{width:100%;} .bbs_gift_list01 > table #picShotArea03{width:122px; height:122px;border:1px solid #c8c8c8; table-layout:fixed;} .bbs_gift_list01 > table #picShotArea03 td { text-align:center;} .bbs_gift_list01 > table #picShotArea03 td img { width:120px; height:120px;} .bbs_gift_list01 > table .subject03 {width:125px; height:51px; margin:5px 0 0px 0; text-align:center; color:#000;} .bbs_gift_list01 > table .subject03 a { color:#666;} .bbs_gift_list01 > table .subject03_01 { width:125px; margin:1px 0 12px 0;text-align:center; font-weight:bold; color:#666;} .bbs_gift_list01 > table .subject03_01 img { margin:0px 0px 2px 4px;} /*모바일상품권 자세히보기 :20170104 gift/gift_detail.html */ .gift_comm{overflow:hidden;padding:20px;border-radius:5px;background:#eee;} .gift_comm > p{float:left;width:120px;height:120px;border:1px solid #ccc} .gift_comm > p img{width:100%;height:100%} .gift_comm > div{float:left;padding:20px 0 0 50px;} .gift_comm > div ul li{margin-bottom:15px;padding-left:10px;background:url("http://img.arreo.com/usr/img2/com/img_bull_qp.gif") 0 5px no-repeat} .gift_comm > div > a{display:block;margin-left:200px;} .gift_info{margin:40px 0;} .gift_info > div{margin-top:10px;padding:15px 20px;border-radius:5px;border:1px solid #ccc} .gift_info > div img{text-align:center} .gift_use{} /*모바일상품권 선물하기 :20170116*/ .gift_send{overflow:hidden;margin-bottom:25px;padding:30px 15px;border-radius:2px;border:1px solid #ccc;} .gift_send > div{float:left;display:block;margin-left:40px;} .gift_send .gift_cont .send_box {display:block; width:180px; height:180px;margin-top:0px;padding:5px;border-radius:3px; background:#fff;border:1px solid #ccc} .gift_send .gift_cont .send_box .window{height:160px;border-radius:3px;background:#e5eaf7;border:1px solid #c0cce7;overflow:auto} .gift_send .gift_cont .send_box .window .photo_img{width:120px; height:130px;margin:5px auto;display:none} .gift_send .gift_cont .send_box .window .photo_img img{width:100%;height:100%} .gift_send .gift_cont .send_box .window p{width:74%;height:80%;padding:8% 13%;} .gift_send .gift_cont .send_box .window p textarea{width:100%;height:100%;border:none;background:none;resize:none;overflow-y:hidden;} .gift_send .gift_cont .send_box .byte{padding:5px 15px 0;text-align:right} .gift_send .gift_cont .send_box .byte input{width:30px;border:none;text-align:right} .gift_send .gift_cont > a{display:block;margin:20px auto 0;width:100px;heigh:25px;line-height:27px;text-align:center;background:#777;color:#fff} .gift_send .gift_cont > a:hover{background:#555} .gift_send div .sd_head{padding:0 0 10px 23px;background:url("http://img.arreo.com/usr/img11/com/bull_10.png") no-repeat} .gift_send #sdInfo02{width:200px;} .gift_send #sdInfo02 #Rbtn a{float:left;display:block;margin-right:10px;padding:0 30px;height:24px;line-height:26px;background:#d5af2b;color:#fff;} .gift_send #sdInfo02 #Rbtn a:hover{background:#cea517} .gift_send #sdInfo02 #Rinput{clear:both;overflow:hidden;padding:10px 0;} .gift_send #sdInfo02 #Rinput input[type="text"]{float:left;width:150px;height:22px;padding:0 5px;border:1px solid #ccc} .gift_send #sdInfo02 #Rinput a{float:right;display:block;padding:0 5px;height:22px;line-height:22px;background:#777;color:#fff} .gift_send #sdInfo02 #Rinput a:hover{background:#555} .gift_send #sdInfo02 #Rlist{clear:both;overflow:hidden} .gift_send #sdInfo02 #Rlist select{float:left;width:162px;height:80px;border:1px solid #ccc} .gift_send #sdInfo02 #Rlist a{float:right;display:block;padding:0 5px;height:22px;line-height:22px;background:#777;color:#fff} .gift_send #sdInfo02 #Rlist a:hover{background:#555} .gift_send #sdInfo03{width:280px;} .gift_send #sdInfo03 .numSelect input[type="text"]{padding:0 5px;height:22px;border:1px solid #ccc} .gift_send #sdInfo03 .sp_info{padding:10px 0} .gift_send #sdInfo03 .sp_info p{padding-left:8px;line-height:18px;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 0 7px no-repeat} /*메일_환경설정 :20170112 mail/arreo/setAmtIdx.jsp */ .mail_setting{overflow:hidden;border:1px solid #cec8ad;border-top:none;border-left:none} .mail_setting dl{float:left;width:50%;overflow:hidden;border-top:1px solid #cec8ad} .mail_setting dl dt{float:left;width:77px;border-right:1px solid #cec8ad;border-left:1px solid #cec8ad} .mail_setting dl dd{float:left;width:290px;padding:0 5px;} .mail_setting dl dd span{display:block;font-weight:bold;padding:7px 0;} /*메일읽기 :20180510*/ #mailViewArea table td{padding:0;margin:0;border:0} /*개인정보취급방침*/ .biz_com_protect{width:942px;padding:25px 19px;margin:15px 0;border-radius:10px;border:1px solid #ddd;color:#404040;font-family:Gulim} .biz_com{position:relative;display:block;border-bottom:1px solid #ddd} .biz_com_protect .biz_com_head h2{width:144px;height:28px;margin-left:4px;} .biz_com_protect .biz_com_head p{position:absolute;right:0;bottom:8px;} .biz_com{display:block;margin-top:32px;} .biz_com .use015{text-align:right} .biz_com .use015 a{display:inline-block;padding:0 15px;height:30px;line-height:30px;background:#d44152;font-size:14px;color:#fff !important} .biz_com .txt_box{padding:20px;border:1px solid #8897b4;background:#ebf0fa;line-height:1.5;color:#1e4289} .biz_com h3{font-size:12px;margin:50px 0 10px;} .biz_com > p{margin-bottom:10px;line-height:18px;} .biz_com ul{margin-bottom:5px;} .biz_com ul li{margin-bottom:5px;line-height:18px;} .biz_com ul > li > ul{margin:5px 0 0 16px;} .biz_com ul li span { position:absolute;display:inline-block; text-align:center; clear:both; width:16px;line-height: 18px;} .biz_com ul li > p { text-indent:0; line-height: 17px; padding-left:20px; } .biz_com ul > li > ul > li p{padding-left:23px;} .biz_com a{color:#333} .biz_com a:hover{color:#0099CC} .biz_com table{width:100%;margin:15px 0 5px;} .biz_com table thead th{padding:7px 5px;border:1px solid #d9d9d9;background:#eee;text-align:center} .biz_com table tbody td{padding:5px;border:1px solid #d9d9d9;line-height:18px;} .biz_com .btn{text-align:right} .biz_com .btn a{display:inline-block;padding:10px 18px;background:#436895;color:#fff;text-decoration:none} .biz_com .before_biz_com{margin:20px 0;line-height:28px;} .biz_com .before_biz_com a{display:inline-block;margin-left:10px;color:#000} /*사이트맵*/ .cont_body_sitemap{padding:10px;} .cont_body_sitemap dl{float:left;width:19%;height:430px;padding:0 3%;margin:20px 0 0px;font-family:'Noto Sans KR';font-weight:350;} .cont_body_sitemap dl dt{padding:7px;background:#555;color:#fff;text-align:center;font-weight:bold;font-size:18px;} .cont_body_sitemap dl dd{padding-top:10px;} .cont_body_sitemap dl dd > ul > li > a{display:block;padding:7px 0 7px 30px;background:url("http://img.arreo.com/usr/img11/com/bull4_02.gif") 20px 18px no-repeat;} .cont_body_sitemap dl dd > ul > li > a:hover{color:#cf6d6d} .cont_body_sitemap dl dd > ul > li > ul li a{display:block;padding:7px 0 7px 40px;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 30px 18px no-repeat} .cont_body_sitemap dl dd ul li a{border-bottom:1px solid #eee;font-family:'Noto Sans KR';font-weight:350;font-size:16px} /*회사소개 :20170403*/ .company_info{padding:0 15px;/*background:url(http://img.arreo.com/usr/img11/sub/company_bg1.png) right 140px no-repeat*/} .company_info > h4{padding:15px;font-family:'Noto Sans KR';font-weight:300;font-size:28px;color:#616b9c} .company_info > h4 span{padding-left:10px;color:#c4a21c} .company_info > p{padding:10px 0;line-height:20px;} .company_info > div{overflow:hidden;padding:25px 0;} .company_info > div table{width:600px;} .company_info > div table tbody tr th{background:#f5f5f5;border:1px solid #ddd} .company_info > div table tbody tr td{padding:10px;border:1px solid #ddd;line-height:18px;} .company_info > dl dt{margin:10px 0 5px;font-weight:bold;color:#616b9c;font-family:'Noto Sans KR';font-weight:350;font-size:16px;} .company_info > div > dl{float:left;margin-right:50px;overflow:hidden} .company_info > div > dl > dt{float:left;width:80px;font-weight:bold;font-family:'Noto Sans KR';font-weight:350;font-size:16px;color:#2ba863} .company_info > div > dl > dd{float:left;} .company_info > div > dl > dd dl dt{margin:5px 0;font-weight:bold;} .company_info > div > dl > dd dl dd{line-height:18px;} /*사업분야*/ .biz_business{margin-left:-10px;font-family:"Noto Sans KR"} .biz_business > div{float:left;width:195px;height:330px;padding:20px 15px;margin:30px 0 0 10px;border:1px solid #eee;color:#fff} .biz_business > div dl dt{height:60px;padding:20px 0 40px;font-size:22px;border-bottom:1px solid #eee} .biz_business > div dl dd{font-size:14px;margin:25px 0;} .biz_business > div:nth-child(1){background:#a6b7cc} .biz_business > div:nth-child(2){background:#829ab4} .biz_business > div:nth-child(3){background:#597091} .biz_business > div:nth-child(4){background:#5c6e82} /*마케팅:20170420 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*이용안내*/ .marketing_info{padding:20px 0;} .marketing_info > dl{display:block;height:335px;background:url("http://img.arreo.com/usr/img11/sub/mark_info_area0.jpg") no-repeat;text-indent:-99999em;} .marketing_info div{padding:50px 0 10px;} .marketing_info div > h4{margin:0 0 25px 50px;} .marketing_info .mark_info_area1 > ul{margin-left:60px;} .marketing_info .mark_info_area1 > ul li{margin:10px 0;font-family:'Noto Sans KR';font-weight:350;font-size:18px;color:#333;font:/*＼**/18px "Malgun Gothic";*font:18px "Malgun Gothic";} .marketing_info .mark_info_area1 > ul li span{display:inline-block;width:400px;*font:22px "Malgun Gothic";font:/*＼**/22px "Malgun Gothic";font-family:'Noto Sans KR';font-weight:500;font-size:24px;} .marketing_info .mark_info_area2 .tab_img{position:relative;overflow:hidden;margin-right:-2px;}/**/ .marketing_info .mark_info_area2 .tab_img li{float:left;margin-right:1px;cursor:pointer} .marketing_info .mark_info_area2 .tab_content{margin:-66px 0 0;} .marketing_info .mark_info_area3 > div{display:block;margin:30px 0;height:704px;background:url("http://img.arreo.com/usr/img11/sub/mark_info_area3.jpg") no-repeat;text-indent:-99999em;} .marketing_info > a{display:block;width:368px;height:68px;line-height:68px;margin:0 auto;border:2px solid #000;text-align:center;font-family:'Noto Sans KR';font-weight:350;font-size:30px;color:#000;*font:30px "맑은고딕",Malgun Gothic;} .marketing_info > a:hover{background:#000;color:#fff} .cont_tit.mkt .btnLink{padding:0 15px;height:30px;line-height:30px;background:#333;color:#fff} .cont_tit.mkt .btnLink:hover{background:#806d62} .cont_tit.mkt .btnLink a{color:#fff !important} .cont_tit.mkt .btnLink#btn_go_info{background:#e88383} .cont_tit.mkt .btnLink#btn_go_info:hover{background:#e45b5b} .mkt_text1{position:relative;} .mkt_text1 p{padding:15px 10px 7px;*font:16px "맑은고딕",Malgun Gothic;font:/*＼**/16px "맑은고딕",Malgun Gothic;font-family:'Noto Sans KR';font-weight:350;font-size:16px;} .mkt_text1 .select{position:absolute;right:0;top:-34px;z-index:33} .mkt_text1 .select span{display:block;width:152px;height:30px;line-height:30px;text-align:center;background:#333;color:#fff;cursor:pointer} .mkt_text1 .select span:after {float:right;margin-right:10px;content:'▼';} .mkt_text1 .select > ul {position:absolute; width:100%; top:30px; background:#fff; display:none;} .mkt_text1 .select > ul > li {padding:7px; border:1px solid #ccc; border-top:0;cursor:pointer;} .mkt_text1 .select > ul > li:hover{background:#ccc} /*스탭메뉴*/ .step_menu{padding:15px 0} .step_menu ul {display:table; table-layout:fixed; width:100%;} .step_menu ul li {display:table-cell;position: relative;height:44px;line-height:44px;background: #aaa;text-align:center;font-size:16px;color:#fff;font-family:'Noto Sans KR';font-weight:350;} .step_menu ul li.on{background:#333;color:#fff} .step_menu ul li.on:after{background:#333;} .step_menu ul li:after {content: '';position: absolute;top: 0; right: -18px;width: 44px; height: 44px;transform: scale(0.707) rotate(45deg);background: linear-gradient(135deg, #aaa, #aaa); box-shadow: 2px -2px 0 2px rgba(255, 255, 255, 1), 3px -3px 0 2px rgba(255, 255, 255, 1);border-radius: 0 5px 0 50px;z-index: 1;} .step_menu ul li:last-child:after {content: none;} .step_menu ul li:before {position: absolute;top: 0;left: 0px;} /*탭메인*/ .tab_area01{position:relative;border-bottom:1px solid #000;clear:both;} .tab_area01:after{content:"";display:block;clear:both} .tab_area01 > ul{overflow:hidden;float:left;} .tab_area01 > ul li:first-child{border-left:1px solid #9b8c7a} .tab_area01 > ul li{display:block;float:left;display:block;height:35px;line-height:35px;padding:0 30px;border:1px solid #9b8c7a;border-left:none;border-bottom:none;background:#cdbba5;;text-align:center;color:#fff;font-family:'Noto Sans KR';font-weight:350;font-size:15px;cursor:pointer} .tab_area01 > ul li:hover{background:#fff;color:#9b8c7a} .tab_area01 > ul li.on{background:#fff;color:#9b8c7a} .tab_area01 > p{float:left;padding:0 10px;line-height:35px;} .tab_area01 > p span{font-weight:bold} .tab_area01 .temp_search{position:absolute;right:0;bottom:2px} .tab_area01 .temp_search input[type="text"]{width:187px;height:33px;padding:0 5px;border:1px solid #ccc} .tab_area01 .temp_search .btnLink{position:absolute;right:0px;top:3px;display:inline-block;width:25px;height:30px;background:url(http://img.arreo.com/usr/img11/com/btn_search2.png) 0 6px no-repeat;text-indent:-99999em;} /*검색 /mkt/categoryList.html*/ .temp_search1{position:absolute;right:10px;top:-107px;width:190px;} .temp_search1 input[type="text"]{width:187px;height:33px;padding:0 5px;border:1px solid #ccc} .temp_search1 .btnLink{position:absolute;right:0px;top:3px;display:inline-block;width:25px;height:30px;background:url(http://img.arreo.com/usr/img11/com/btn_search2.png) 0 6px no-repeat;text-indent:-99999em;} /*탭서브 /mkt/categoryList.html*/ .tab_category {clear:both;width:100%;margin:;padding:10px 0;background-color:rgba(0,0,0,0.4);display:none;} .tab_category ul {overflow:hidden;} .tab_category ul li{float:left;display:block;padding:3px 12px;background:url("http://img.arreo.com/usr/img11/main/bg_line02.png") right 4px no-repeat;color:#fff;cursor:pointer} /*링크메시지*/ .temp_list{position:relative;width:100%;min-height:444px;border-bottom:2px solid #333;} .temp_list .temp_area{position:relative;padding:20px;font-family:'Noto Sans KR';font-weight:350;} .temp_list .temp_area ul{overflow:hidden;} .temp_list .temp_area ul li{float:left;width:160px;margin:0 20px 20px;} .temp_list .temp_area ul li > h4 {display:block; width:100%; padding-bottom:5px; white-space:nowrap; overflow:hidden; text-align:center; text-overflow:ellipsis;} .temp_list .temp_area ul li > h4 a{font-family:'Noto Sans KR';font-weight:300;font-size:15px;} .temp_list .temp_area ul li > span{display:block;width:160px;height:190px;border:1px solid #ccc} .temp_list .temp_area ul li > span img{width:100%;height:100%} .temp_list .temp_area ul li > p{position:relative;padding:5px;margin:10px 0;border:1px solid #8697ab} .temp_list .temp_area ul li > p > span > a{display:block;width:120px;height:20px;line-height:20px;text-align:center;color:#8697ab;font-family:'Noto Sans KR';font-weight:500;font-size:14px;} .temp_list .temp_area ul li > p > em{position:absolute;right:0;top:0;display:inline-block;width:30px;height:30px;text-align:center;background:#8697ab} .temp_list .temp_area ul li > p > em a{display:inline-block;width:17px;height:25px;background:url("http://img.arreo.com/usr/img11/sub/btn_basket1.png") 0 5px no-repeat;text-indent:-99999em;} .temp_list .temp_area > p a{position:absolute;top:45%;} .temp_list .temp_area > p a#btn_prev{left:0;} .temp_list .temp_area > p a#btn_next{right:0;} .temp_list > p{position:absolute;left:160px;bottom:10px;} /*모바일홈페이지*/ .temp_list .link_area{overflow:hidden;padding:30px 0 60px 10px;} .temp_list .link_area #thumbHome{float:left;width:350px;height:500px;border:1px solid #ccc;} .temp_list .link_area #thumbHome img{width:100%;height:100%} .temp_list .link_area #thumb_right{float:left;padding:30px 30px 0 30px;} .temp_list .link_area #thumb_right p{font-family:'Noto Sans KR';font-weight:350;font-size:16px;} .temp_list .link_area #thumb_right ul{width:300px;margin:30px auto;display:block;} .temp_list .link_area #thumb_right ul li{margin:15px 0;} .temp_list .link_area #thumb_right ul li a{display:block;width:300px;height:50px;line-height:50px;text-align:center;background:#888;font-size:18px;color:#fff;font-family:'Noto Sans KR';font-weight:350;} .temp_list .link_area #thumb_right ul li a:hover{background:#555} .temp_list .link_area #thumb_right ul li:first-child a{background:#b09f89} .temp_list .link_area #thumb_right ul li:first-child a:hover{background:#8f7e68} /*등록된페이지 없을때 mkt/include/myLink_page.html*/ .thumb_default{margin-left:0px;clear:both;text-align:center;} .thumb_default p{padding:50px 0;font-family:'Noto Sans KR';font-weight:350;font-size:28px;} .thumb_default > a{display:inline-block;width:300px;height:50px;line-height:50px;text-align:center;background:#b09f89;font-size:18px;color:#fff;font-family:'Noto Sans KR';font-weight:350;} .thumb_default > a:hover{background:#8f7e68} .thumb_default > ul{width:730px !important;margin-left:-100px !important;padding:0 100px 70px 0 !important;} .thumb_default > ul li{float:none !important;position:relative;display:block;width:100% !important;font-size:17px;} .thumb_default > ul li em{position:absolute;right:0;display:inline-block;width:200px;height:30px;line-height:30px;text-align:center;background:#91aabf;color:#fff;font-size:15px;cursor:pointer} .thumb_default > ul li em:hover{background:#759cbc} /*목록*/ .temp_list .temp_area11{position:relative;padding:20px;font-family:'Noto Sans KR';font-weight:350;} .temp_list .temp_area11 ul{overflow:hidden;} .temp_list .temp_area11 ul li{float:left;width:160px;margin:0 20px 20px;} .temp_list .temp_area11 ul li > span{position:relative;display:block;width:160px;height:190px;border:1px solid #ccc} .temp_list .temp_area11 ul li > span img{width:100%;height:100%} .temp_list .temp_area11 ul li > span:hover em{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)} .temp_list .temp_area11 ul li > a{display:block;padding:10px 0;text-align:center;} .temp_list .temp_area11 > p a{position:absolute;top:45%;} .temp_list .temp_area11 > p a#btn_prev{left:0;} .temp_list .temp_area11 > p a#btn_next{right:0;} .temp_list .temp_area11 .default_txt{font-size:25px;text-align:center;line-height:10em} /*반응형메시지 urlLink*/ .url_link{padding:10px;min-height:444px;} .url_link > p{padding:20px;font-family:'Noto Sans KR';font-weight:350;font-size:20px;} .url_link > div{padding:0 30px 30px;} .url_link > div ul li{margin-bottom:10px;} .url_link > div ul li input[type="text"]{width:300px;height:30px;padding:0 5px;border:1px solid #ccc} .url_link > div ul li em{display:inline-block;width:60px;font-family:'Noto Sans KR';font-weight:350;font-size:16px;} .url_link > div ul li span{display:inline-block;height:32px;line-height:32px;padding:0 25px;background:#555;color:#fff} .url_link > div ul li span#btnPreview{background:#aa988e} .url_link > div p{padding:30px 0 30px 170px} .url_link > div p span{display:inline-block !important;height:32px;line-height:32px;padding:0 25px;background:#555;color:#fff} .url_link > dl{padding:30px;} .url_link > dl dt{font-family:'Noto Sans KR';font-weight:350;ont-size:20px;} .url_link > dl dd{line-height:22px;} /*전송결과조회 : mkt/categoryList.html*/ .sender_view .send_detail_right{float:right;width:630px;overfloa:hidden;} .sender_view .send_detail_right .top{float:left;width:630px;margin-bottom:50px;} .sender_view .send_detail_right table th{padding-left:15px;} .sender_view .send_detail_right .btm{float:left;width:300px;} .sender_view .send_detail_right .btm.rgt{float:right} .sender_view .send_detail_right .btm table tr td:nth-of-type(2){padding:0;} .sender_view .send_detail_right .btm table td a{float:left;display:inline-block;padding:4px;border-radius:1px;background:#eac1c1;font-size:11px;color:#fff} .sender_view .send_detail_right .btm table td a+a{margin-left:7px;background:#b5c9df;} /*전송결과 주소록추가 레이어*/ #divAddAddr{postion:relative;} #divAddAddr div{padding:30px;} #divAddAddr div select{height:30px;border:1px solid #ccc;vertical-align:middle} #divAddAddr div a{display:inline-block;padding:0 10px;height:30px;line-height:30px;background:#666;color:#fff} #divAddAddr p{position:absolute;bottom:30px;left:40%;} #divAddAddr p a{display:block;padding:0 10px;height:30px;line-height:30px;background:#cba58f;color:#fff} /*우측 전송창*/ .right_sender{float:right;position:absolute;right:0px;top:50px;z-index:99} .loading{position:absolute;left:300px;top:280px;} /*마케팅:20170420 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*네띠앙비서 이벤트 20171207*/ .event_top{position:relative} .btn_evt{position:absolute;left:670px;top:2180px;} .btn_evt a{display:inline-block;margin:0 5px;padding:0 20px;height:40px;line-height:40px;background:#000;font-family:'Noto Sans KR';font-weight:350;font-size:16px;color:#fff} .btn_evt a:hover{background:#c38f29} .copyUrl_layer {position:absolute;left:279px;top:2230px;width:600px;padding:10px;background:#f5f5f5;border:1px solid #999} .copyUrl_layer dl dd{padding:10px 0;} .copyUrl_layer input[type="text"]{width:96%;padding:0 2%;height:30px;} .copyUrl_layer button{position:absolute;right:10px;top:10px;display:block;width:22px;height:21px;text-indent:-99999em;background:url("http://img.arreo.com/usr/img11/sub/btn_layer_close7.png") no-repeat} .replyContents{padding:30px 100px;background:url("http://img.arreo.com/usr/img11/sub/event_netian_scrt1_bg.jpg") repeat;display:none} .replyContents .replyWrite_body textarea{width:70%;height:40px;padding:0 5px;} .replyContents .replyWrite_body a{display:inline-block;margin:0 5px;padding:0 20px;height:40px;line-height:40px;background:#000;font-family:'Noto Sans KR';font-weight:350;font-size:16px;color:#fff;vertical-align:middle} .replyContents .replyWrite_list{width:83%;} .replyContents .replyWrite_list ul{overflow:hidden} .replyContents .replyWrite_list ul li{padding:10px;line-height:20px;} .replyContents .replyWrite_list ul li > span{float:left;display:inline-block;padding:0 30px 0 0;} .replyContents .replyWrite_list ul li > p{float:left;display:inline-block;} .replyContents .replyWrite_list ul li > em{float:right;} /*메일ID생성 : 20180220*/ .mail_id_create{font-family:'Noto Sans KR';font-weight:350;} .mail_id_create > div{padding:20px 50px;background:#f4f7fa url("http://img.arreo.com/usr/img11/sub/sub_img11.png") 710px 10px no-repeat;border:1px solid #d1d4e1} .mail_id_create > div > p{padding-bottom:20px;font-size:16px;} .mail_id_create > div > div input[type="text"]{width:170px;height:30px;padding:0 5px;margin:0 5px;border:1px solid #ccc;background:#} .mail_id_create > div > div a{display:inline-block;height:30px;line-height:30px;padding:0 20px;margin-left:10px;background:#333;color:#fff} .mail_id_create > dl{padding:15px;} .mail_id_create > dl dt{padding-bottom:3px;border-bottom:2px solid #333;font-size:17px;} .mail_id_create > dl dd{padding-top:5px;} .mail_id_create > dl dd ul li{float:left;margin:0px 20px 7px 0;} .mail_id_create > dl dd ul li a{display:inline-block;width:110px;} .mail_id_create > dl dd ul li a:hover{color:#d4ad0f} /*주소록 개별,그룹선택 : 20180221*/ .address_box {position:relative;overflow:hidden;width:100%; margin:10px 0; } .address_box .grp_area{float:left;width:270px;padding:15px;border:1px solid #aaa} .address_box .grp_area.right{float:right;} .address_box .grp_area .grp_tit{padding-bottom:3px;border-bottom:1px dotted #999;font-family:'Noto Sans KR';font-weight:350;font-size:15px;color:#333} .address_box .grp_area .grp_tit select{height:22px;border:1px solid #bbb} .address_box .grp_area .grp_sel{padding-top:5px;} .address_box .grp_area .grp_sel input[type="checkbox"]{vertical-align:middle} .address_box .btn_add_del{position:absolute;left:320px;top:35%;width:50px;} .address_box .btn_add_del a{display:block;margin:10px 0;height:20px;line-height:20px;padding:05px;border-radius:3px;border:1px solid #aaa;background:#f5f5f5;} .address_box .btn_add_del a em{padding:0 2px;color:#e00366;font-weight:bold} .address_box .btn_add_del a:hover{color:#e00366} .address_box .btn_addr{clear:both;float:right;margin-top:5px} .address_box .btn_addr a{display:inline-block;height:26px;line-height:26px;padding:0 15px;border-radius:3px;background:#eee;color:;border:1px solid #ccc} /*주소록같이쓰기 20180611*/ #selectToShareGroup{margin-top:25px;} .address_share_box {position:relative;overflow:hidden;width:940px; margin:5px 0 25px; } .address_share_box input[type="checkbox"]{vertical-align:middle} .address_share_box .grp_share_left{overflow:hidden;float:left;width:585px;height:325px;padding:15px;border:1px solid #aaa} .address_share_box .grp_share_left .grp_all_list{float:left;width:150px;border:1px solid #aaa} .address_share_box .grp_share_left .grp_all_list .grp_sel{padding:5px;background:#eee;border-bottom:1px solid #ddd;position:relative} .address_share_box .grp_share_left .grp_all_list .group-select{overflow:auto;height:300px;margin:0 0 0 5px} .address_share_box .grp_share_left .grp_all_list ul li{padding:3px 0;cursor:pointer} .address_share_box .grp_share_left .grp_all_list ul li:hover{color:#2374c4} .address_share_box .grp_share_left .grp_all_list ul li span{display:inline-block; max-width:68%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;vertical-align:middle} .address_share_box .grp_share_left .grp_all_list ul li em{display:inline-block;color:#678db2;vertical-align:middle} .address_share_box .grp_share_left .grp_sel_list{float:right;width: 420px;height:329px;border:1px solid #aaa;} .address_share_box .grp_share_left .grp_sel_list > p{padding:3px;} .address_share_box .grp_share_left .grp_sel_list table{width:100%;text-align:left} .address_share_box .grp_share_left .grp_sel_list table th{padding:5px 3px;background:#eee;border-bottom:1px solid #ddd} .address_share_box .grp_share_left .grp_sel_list table td{padding:5px 3px;border-bottom:1px solid #eee} .address_share_box .grp_share_left .grp_sel_list #table-wrapper{position:relative;overflow:auto;height:300px;width:100%;} .address_share_box .grp_share_left .grp_sel_list #table-wrapper #loading-bar{position:absolute;left:40%;top:35%} .address_share_box .btn_add_del{position:absolute;left:632px;top:45%;width:50px;} .address_share_box .btn_add_del a{display:block;margin:10px 0;height:20px;line-height:20px;padding:05px;border-radius:3px;border:1px solid #aaa;background:#f5f5f5;} .address_share_box .btn_add_del a em{padding:0 2px;color:#e00366;font-weight:bold} .address_share_box .btn_add_del a:hover{color:#e00366} .address_share_box .grp_share_right{float:right;width:210px;padding:5px 15px 15px;border:1px solid #aaa} .address_share_box .grp_share_right .grp_tit{padding-bottom:3px;border-bottom:1px dotted #999;font-family:'Noto Sans KR';font-weight:350;font-size:15px;color:#333} .address_share_box .grp_share_right .grp_sel{padding:5px 0;} .address_share_box .grp_share_right div select{width:98%;height:285px;padding:3px} /*문자전송: 그림문자 상단*/ .head_top{clear:both;overflow:hidden;padding:5px;background:#d7d4c5; background:#d6dce2;line-height:2;vertical-align:middle;height:26px＼0＼IE8;*height:26px;} .head_top .sch_left{float:left} .head_top .sch_right{float:right} .head_top select{height:24px;border:none;vertical-align:top} .head_top input[type="text"]{height:24px;padding:0 3px;border:none;vertical-align:top} .head_top input.cash{width:40px;text-align:right;} .head_top .tit{line-height:24px;font-family:'Noto Sans KR';font-weight:350;font-size:15px;color:#000} .head_top .btn{display:inline-block;line-height:24px;padding:0 10px;background:#555;color:#fff;vertical-align:top} .head_top.nbg{background:none} .head_top.nbg a{display:inline-block;padding:0 10px;line-height:24px;border-radius:2px;border:1px solid #888;color:#333} /*그림문자올리기*/ .sender_up {display:block; width:170px; height:165px;margin-top:10px;padding:5px;border-radius:3px; background:#fff;border:1px solid #ccc} .sender_up .window{height:140px;border-radius:3px;background:#e5eaf7;border:1px solid #c0cce7;overflow-x:hidden;overflow-y:auto;} .sender_up .window p{width: 148px;height:90%;padding:5% 0 5px 20px;} .sender_up .window p textarea{width:100%;height:100%;border:none;background:none;resize:none;overflow-y:auto} .sender_up .window #mms_img{margin:5px 0 0;text-align:center} .sender_up .window #mms_img img{width:100px;height:90px;} .sender_up .byte{padding:5px 15px 0;text-align:right} .sender_up .byte input{width:30px;border:none;text-align:right} .emotion_area{clear:both;overflow:hidden;margin-left:-23px;} .emotion_area > div{float:left;width:210px;margin-left:23px;display:block;height:260px;} .emotion_area > div p{font-family:'Noto Sans KR';font-weight:350;font-size:16px;} .emotion_area > div table{width:100%;height:90%;} .emotion_area > div table td{padding:5px 0;border:1px solid #ccc;text-align:center} .emotion_area > div ul{height:90%;border:1px solid #ccc;overflow:auto} .emotion_area > div ul li{padding:5px 5px 5px 30px;background:url(http://img.arreo.com/usr/img3/msg/ico_storage.gif) 10px 7px no-repeat ; } /*세트그림문자 추가*/ #setWindow {padding:10px 0;} #setWindow:after{content:"";display:block;clear:both} #setWindow .setTb {padding:0 2%;overflow-x:hidden;overflow-y:auto;border:1px solid #ccc} #setWindow .btn_add_set{clear:both;float:right;margin-top:5px} #setWindow .btn_add_set a{display:inline-block;height:26px;line-height:26px;padding:0 15px;border-radius:3px;background:#444;color:#fff } .setTb_ifr {width:100%;} .setTb_ifr td{width:20%;padding:10px 2%;} .setTb_ifr .setTit{position:relative;width:100%;} .setTb_ifr .setTit span {position:absolute;left:0;top:0;display: inline-block; width:22px; height:24px;line-height:25px;background:#666;text-align:center;color:#fff;} .setTb_ifr .setTit input {width:140px; height:22px; padding:0 5px 0 30px;border:1px solid #ccc;} .setTb_ifr .sender_set {width:175px; margin:5px 15px 0 0; border:1px solid #c6d2e1;} .setTb_ifr .sender_set div.window {background-color:#e3ebf5; height:100px; color:#000; } .setTb_ifr .sender_set div.window textarea {width:100px;height:82px; margin:5px 33px 0 42px; text-align:left; border:0; overflow: hidden; color:#000; background-color:transparent; word-wrap:break-word;word-break:break-all;resize:none} /*문자전송:그림문자 */ .msg_box {padding:20px 0;border-bottom:1px solid #000} .msg_theme_list { overflow:hidden;width:100%; } .msg_theme_list .msg_list_area{float:left;width:19%;padding:10px 3%;text-align:center} .msg_theme_list td{width:125px;padding: 0 0px 25px 19px;} .msg_theme_list .themeBoxArea {width:125px; height:125px; border:1px solid #c8c8c8; position:relative;} .msg_theme_list .themeBoxArea .smsLine {width:125px; height:102px; line-height:14px; letter-spacing:-0.5px; border-bottom:1px solid #c8c8c8; text-align:left;} .msg_theme_list .themeBoxArea .smsLine textarea {overflow:hidden; width:100px; height:95px; margin:5px 0px 0px 15px; border:0; background-color:transparent; color:#000; font-family:돋움체;resize:none} .msg_theme_list .themeBoxArea .themeTxt {position:relative;height:16px;padding-top:4px;color:#666; font-weight:bold; text-align:center; } .msg_theme_list .themeBoxArea .themeTxt > em{position:absolute;top:-13px;right:0} .msg_theme_list .themeBoxArea .themeTxt .preview{position:absolute;right:3px;top:3px;cursor:pointer} .msg_theme_list .subject{width:125px;margin:5px 0;font-size:1em;letter-spacing:-0.3px;} .msg_theme_list .subject.center{text-align:center} .msg_theme_list .theme_btn{margin:5px 0 0 -1px;} .msg_theme_list .theme_btn a{margin:0 2px;} /*문자전송:포토문자 */ .msg_theme_list .themeBoxArea.photo {width:125px; height:203px; border:1px solid #c8c8c8; position:relative;} .msg_theme_list .themeBoxArea.photo .mmsLine{width:100%;height:182px;border-bottom:1px solid #c8c8c8;cursor:pointer} .msg_theme_list .themeBoxArea.photo .mmsLine img{width:100%;height:100%;} .msg_theme_list .themeBoxArea.photo textarea{overflow:hidden;width:98%;height:50px;padding:1%;border:none;border-bottom:1px solid #c8c8c8;font-family:돋움체;font-size:12px;color:#777;resize:none;} /*포토샷올리기*/ .photo_phone{overflow:hidden;margin-top:10px;padding:30px 10px;border:1px solid #eee} .photo_phone > p{float:left;width:30%;margin-top:20px;} .photo_phone > ul{float:right;width:65%;} .photo_phone > ul li{margin:5px 0;line-height:18px;} .photo_phone > ul li p{color:#7070ab} /*해외전송 20180228*/ #gsms_box {overflow:hidden;padding:10px;margin-bottom:30px; background: linear-gradient( #e3e1f3, #ddd);border:1px solid #ccc} #gsms_box .gtime {position:relative;float:left; width:180px;height:26px;margin-left:30px;} #gsms_box .gtime > span{position:absolute;left:0;top:5px;padding-left:7px; background:url(http://img.arreo.com/usr/img11/com/bull4_01.gif) no-repeat 0 5px;font-weight:bold; } #gsms_box .gtime > p{position:absolute; left:55px;top:0px; display:block; width:118px; height:26px; padding:7px 0 0 10px; background:url(http://img.arreo.com/usr/img3/msg/bg_gtime.gif) no-repeat; color:#fff; } #gsms_box .gtime > p img{margin-top:-5px;} .gsms_tab{padding:10px;margin:5px 0 10px;background:#f5f5f5;border:1px solid #ddd} .gsms_tab p{overflow:hidden;} .gsms_tab p a{float:left;display:inline-block;padding:5px 20px;} .gsms_tab p a:hover{color:#000} .gsms_tab p em{float:left;display:inline-block;padding:5px 15px;color:#000} /* usr/addr/pop_buddy_detail.html/listAddbuddy.html/pop_memo.html 20180308 주소록 상세정보,전송이력,메모*/ .layer_addr{padding:10px;} .layer_addr .btn_more{overflow:hidden;padding:5px 0;} .layer_addr .btn_more > p{float:right;} .layer_addr .btn_more > p a{display:inline-block;line-height:26px;padding:0 15px;border-radius:3px;background:#ada193;color:#fff} .layer_addr .pop_btn{clear:both;text-align:center} .layer_addr .pop_btn a{display:inline-block;line-height:26px;padding:0 15px;border-radius:1px;background:#999;color:#fff} .layer_addr .pop_btn a:first-child{background:#197ada} /*설문문자작성 :20180402*/ .poll_wrt { width:763px; padding:10px 20px;border:1px solid #dadada; } .poll_wrt > dl{clear:both;overflow:hidden;padding:10px 0;} .poll_wrt > dl dt{float:left;width:70px;line-height:30px;font-weight:bold} .poll_wrt > dl dd{float:left;width:660px;} .poll_wrt > dl dd input{height:30px;width:88%;padding:0 5px;border:1px solid #ccc;vertical-align:middle} .poll_wrt > dl dd a{display:inline-block;height:32px;line-height:32px;padding:0 10px;border-radius:1px;background:#666;color:#fff;} .poll_wrt > dl dd p{display:block;padding:5px 0;color:#545685} .poll_wrt .poll_area{overflow:hidden;padding:15px 0;} .poll_wrt .poll_area .pollsms { float:left; width:198px; height:226px; margin:20px 0 0 30px;background: url("http://img.arreo.com/usr/img3/msg/bg_pollSms2.jpg") no-repeat; } .poll_wrt .poll_area .pollsms textarea{width:140px; height:150px; overflow:hidden; border:none; background-color:transparent; margin:35px 0px 0px 25px;resize:none} .poll_wrt .poll_area .pollsms > p {overflow:hidden;display:block;padding:20px 15px;} .poll_wrt .poll_area .pollsms > p span{float:right;color:#545685;} .poll_wrt .poll_area .pollsms > p span input{color:#197ada;text-align:right; border:0;background:none} .poll_wrt .poll_area .pollsample {float:left;width:429px;padding:12px;margin-left:44px; background-color:#fafbea; border:1px solid #d8dba7;} .poll_wrt .poll_area .pollsample p {color:#ff6600; } .poll_wrt .poll_area .pollsample ul li {display:block; padding-left:10px; margin-top:10px;line-height:16px;background:url(http://img.arreo.com/usr/img3/msg/ico_grayPoint02.gif) no-repeat 0 5px;} .poll_wrt .poll_area .pollsample ul li a {font-weight:bold; color:#0977b6;} /*080 광고문자 선거문자*/ .help_body.emo080 > div{width:600px;padding:70px;} .vote_area h4{position:relative;padding:20px 0 5px;border-bottom:1px solid #cdcdcd;font-family:'Noto Sans KR';font-weight:500;font-size:20px;color:#222;font-weight:normal} .vote_area h4 em{color:#c88e20} .vote_area h4 > span{position:absolute;right:0px;bottom:5px;} .vote_area h4 > span a{display:inline-block;height:24px;line-height:2.3;padding:0 20px;border-radius:1px;background:#e7ae44;border:1px solid #d49b30;color:#fff} .vote_area h4 > span a:first-child{background:#1b6bbf;border:1px solid #145293} .vote_area.ele_01 > ol{overflow:hidden;display:block;margin:25px -30px 0 -65px;font-size:14px;} .vote_area.ele_01 > ol li{float:left;display:block;width:125px;height:180px;padding:20px 0px 0 70px;background:url("http://img.arreo.com/usr/img11/sub/vote_bull_01.png") 0px 80px no-repeat;text-align:center;} .vote_area.ele_01 > ol li.nbg{background:none} .vote_area.ele_01 > ol li div{position:relative;width:100%;height:100%;} .vote_area.ele_01 > ol li div > img{display:block;} .vote_area.ele_01 > ol li div > p{width:125px;margin:7px 0 7px -20px;text-align:center;font-size:16px;color:#111} .vote_area.ele_01 > ol li div > span{display:block;width:155px;margin-left:-35px} .vote_area.ele_01 > ol li div > span a{display:inline-block;margin:0 1px;;padding:0 10px 0 20px;height:24px;line-height:2.3;border:1px solid #d0d0d0;background: url("http://img.arreo.com/usr/img11/com/bull_26.png") 8px 8px no-repeat;} .vote_area.ele_02 ul{margin-top:30px;} .vote_area.ele_02 ul li{display:block;margin:15px 0 15px 40px;font-size:16px;color:#222} .vote_area.ele_02 ul li span{display:inline-block;margin:0 3px 0 -25px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:100%;background:#d79c2d;color:#fff;font-size:12px;} .layer080{position:absolute;top:50px; left:230px; width:700px;background:#fff;border:1px solid #3282d2;z-index:999;color:#666} .layer080 > a{position:absolute;right:0;top:0} .layer080 > div{height:660px;overflow-y:scroll} /*관련법규*/ #layer_msg_reg > div > div{padding:78px 20px 20px 20px;background:url("http://img.arreo.com/usr/img4/arreo/com/080pop_01.gif") no-repeat;} #layer_msg_reg > div > div > h1{display:inline-block;float:left;padding:5px 0 0 20px; margin-left:10px; height:31px; font-family: 'Dotum, sans-serif'; font-weight:bold; color:#fff; font-size:12px; background:url("http://img.arreo.com/usr/img4/arreo/com/080pop_tlebg01.gif") no-repeat} #layer_msg_reg > div > div h3{display:inline-block;margin-left:15px;font-family:'Noto Sans KR';font-weight:500;font-size:18px;color:#1b6bbf} #layer_msg_reg > div > div > p{clear:both;display:block;margin:0 20px;padding:10px 0;line-height:16px;border-bottom:1px solid #ccc} #layer_msg_reg > div > div > ol{clear:both;ddisplay:block;padding:10px;margin-left:25px;} #layer_msg_reg > div > div > ol li{padding:2px 0;line-height:1.3} #layer_msg_reg > div > div > ol li span{display:inline-block;margin-left:-13px;} #layer_msg_reg > div > div > ol li ol{margin-left:10px;} #layer_msg_reg > div > div > ul{clear:both;margin:20px 0 0 15px;} #layer_msg_reg > div > div > ul li{padding:0 0 0 15px; line-height:18px;background:url("http://img.arreo.com/usr/img4/arreo/com/080pop_tlebg03.gif") 7px 7px no-repeat;} #layer_msg_reg > div > div > ul.font li{color:#ff2342} /*FAQ*/ #layer_msg_faq > div > div{padding:78px 20px 20px 20px;background:url("http://img.arreo.com/usr/img4/arreo/com/080pop_02.gif") no-repeat;} #layer_msg_faq dl {margin:10px 20px 0 20px; } #layer_msg_faq dl dt{display:block; padding:15px 30px; line-height:17px;color:#666666; border-top:1px solid #d1d1d1; background:url("http://img.arreo.com/usr/img4/arreo/com/080pop_q.gif") no-repeat 8px 18px} #layer_msg_faq dl dd{ display:block; padding:15px 30px; line-height:17px;color:#666666;border-top:1px dashed #ccc; background:url("http://img.arreo.com/usr/img4/arreo/com/080pop_a.gif") no-repeat 8px 18px #f2f2f2} /*선거문자 이용안내:20180517*/ .vote_area{margin:10px 0 30px;font-family:'Noto Sans KR';font-weight:350;font-size:14px;color:#666} .vote_area.info .vote_skin{} .vote_area.info .vote_info > p{margin:55px 0;text-align:center} .vote_area.info .vote_info > div{overflow:hidden;width:904px;margin:15px auto;border-bottom:1px solid #ddd} .vote_area.info .vote_info > div dl{float:left;display:block;width:300px;height:268px;padding-top:30px;margin:0 -1px -1px 0;border:1px solid #ddd;text-align:center} .vote_area.info .vote_info > div dl dt{padding-bottom:10px;font-size:18px;color:#000;font-family:'Noto Sans KR';font-weight:500;} .vote_area.info .vote_info > div dl dt > span{display:block;margin-bottom:7px;font-size:14px;color:#0162c9} .vote_area.info .vote_info > div dl dt > span em{display:inline-block;margin-left:5px;width:23px;height:23px;line-height:23px;text-align:center;border-radius:100%;background:#0162c9;font-family:'Noto Sans KR';font-weight:300;font-size:12px;color:#fff} .vote_area.info .vote_info > div dl dd{text-align:center;color:#666;line-height:1.4} .vote_area.info .vote_info > div dl dd img{margin:20px 0 30px;} .vote_method_01 > p{margin:30px 0;text-align:center} .vote_method_01 ul{width:860px;margin:20px auto;} .vote_method_01 ul li{overflow:hidden;} .vote_method_01 ul li > span{float:left;width:90px;height:90px;padding:15px 45px 10px 0;background:url('/usr/img11/com/bull_28.png') 39px 0 no-repeat} .vote_method_01 ul li:first-child > span{background:none} .vote_method_01 ul li > div{float:right;position:relative;overflow:hidden;width:700px;height:80px;padding:20px 0 20px 20px;border-top:1px solid #ddd} .vote_method_01 ul li:first-child > div{border-top:none} .vote_method_01 ul li > div > span{float:left;display:inline-block;width:60px;font-family:'Noto Sans KR';font-weight:500;color:#0162c9} .vote_method_01 ul li > div > span em{display:inline-block;margin-left:3px;width:23px;height:23px;line-height:23px;text-align:center;border-radius:50%;background:#0162c9;color:#fff;font-family:'Noto Sans KR Light';font-size:12px} .vote_method_01 ul li > div dl{float:left;overflow:hidden;margin-left:10px;} .vote_method_01 ul li > div dl dt{float:left;width:170px;font-family:'Noto Sans KR';font-weight:500;font-size:18px;color:#222} .vote_method_01 ul li > div dl dd{float:left} .vote_method_01 ul li > div dl dd p{padding-left:7px;background:url('/usr/img11/com/bull9_03.gif') 0 10px no-repeat;} .vote_method_01 ul li > div > em{position:absolute;left:0px;bottom:30px;} .vote_method_01 ul li > div > em a{display:inline-block;margin:0 1px;;padding:0 10px 0 20px;height:24px;line-height:2.3;border:1px solid #d0d0d0;background: url("http://img.arreo.com/usr/img11/com/bull_26.png") 8px 8px no-repeat;} .vote_area.method .vote_method_02{margin:30px 0;padding:5px 40px 20px;background:#faf8ee;border:1px solid #e0d2c1} .vote_area.method .vote_method_02 h4{border-bottom:1px solid #e0d2c1} .vote_area.method .vote_method_02 ul li{overflow:hidden;padding:15px 15px 10px;} .vote_area.method .vote_method_02 ul li > span{float:left;display:inline-block;width:11%;;font-family:'Noto Sans KR';font-weight:500;color:#d79c2d} .vote_area.method .vote_method_02 ul li > span em{display:inline-block;margin:0 5px;width:23px;height:23px;line-height:23px;text-align:center;border-radius:50%;background:#d79c2d;color:#fff;font-family:'Noto Sans KR';font-weight:300;font-size:12px} .vote_area.method .vote_method_02 ul li > dl{float:left;width:89%} .vote_area.method .vote_method_02 ul li > dl dt{margin:-3px 0 5px;font-family:'Noto Sans KR';font-weight:500;font-size:18px;color:#222} .vote_area.method .vote_method_02 ul li > dl dd p{padding-left:7px;background:url('/usr/img11/com/bull9_01.gif') 0 10px no-repeat;} .vote_area.template{} .vote_area.template .tab_vot{position:relative;margin-top:30px;} .vote_area.template .tab_vot ul{overflow:hidden;} .vote_area.template .tab_vot ul li{float:left;margin-left:-1px;} .vote_area.template .tab_vot ul li:first-child{margin-left:1px} .vote_area.template .tab_vot ul li a{font-family:'Noto Sans KR';font-weight:350;font-size:14px;} .vote_area.template .tab_vot ul li a em{display:block;width:228px;height:30px;line-height:30px;text-align:center;background:#faf8ee;border:1px solid #e0d2c1;} .vote_area.template .tab_vot ul li a em.on{height:28px;background:#fff;border:none;border-top:4px solid #d79c2d;border-left:1px solid #e0d2c1;color:#222} .vote_area.template .tab_vot ul li:first-child a em.on{border-left:none} .vote_area.template .tab_vot > span{position:absolute;right:0;top:5px;} .vote_area.template .tab_vot > span a{display:inline-block;height:28px;line-height:28px;padding:0 10px;background:#eee;border:1px solid #ccc;} .vote_area.template .vote_text{position:relative;padding:30px 5px 5px;border-bottom:1px dotted #ccc;} .vote_area.template .vote_text em{color:#ccb26d} .vote_area.template .vote_text > span{position:absolute;right:0px;bottom:5px;} .vote_area.template .vote_text > span a{display:inline-block;height:26px;line-height:26px;padding:0 10px;border-radius:1px;border:1px solid #ddab59;} .vote_area.template .vote_template{overflow:hidden} .vote_area.template .vote_text_list {float:left; display:block;width:182px;margin:20px 24px;} .vote_area.template .vote_text_list h3 {display:block;text-align:center;padding:10px 0;} .vote_area.template .vote_text_list .text_poll {display:block; width:165px; height:210px;padding:26px 10px 10px 10px;background: url(http://img.arreo.com/usr/img4/arreo/msg/bg_poll.gif) no-repeat;} .vote_area.template .vote_text_list .text_poll textarea {display:block;width:100%;height:100%; overflow-y:auto; overflow-x:hidden;background:none;border:0;resize:none} /*선거문자 이용고객 특약사항*/ #layer_msg_ele{position:absolute;left:27%;top:10%;display:block;width:493px;border-radius:5px;border:1px solid #adadad;background:#e9eaec;z-index:999;} #layer_msg_ele > h2{display:block;padding:9px 15px 2px;font-size:12px;color:#384367} #layer_msg_ele > a{position:absolute;right:5px;top:0px;display:block;padding:5px;color:#a8aab6;font-weight:bold;text-decoration:none} #layer_msg_ele > div{width:452px;margin:5px auto;padding:15px;border:1px solid #d6d6d6;background:#fff;font-family:'Dotum';} #layer_msg_ele > div > p span{color:#ee69b8} #layer_msg_ele > div > div{margin:10px 0;border-top:2px solid #000;} #layer_msg_ele > div > div table{width:100%;border-collapse:collapse;border-spacing:0;} #layer_msg_ele > div > div table tbody th{padding:0 0 0 20px;background:#f4f4f4;text-align:left;border-bottom:1px solid #e7e7e7} #layer_msg_ele > div > div table tbody th span{color:#ee69b8} #layer_msg_ele > div > div table tbody td{padding:5px 0 5px 18px;border-bottom:1px solid #e7e7e7} #layer_msg_ele > div > div table tbody td input{width:78%;height:28px;padding:0 5px;border:1px solid #ccc;outline:0;} #layer_msg_ele > div > div table tbody td.ww input{width:20%;} #layer_msg_ele > div > ul li{padding:0 0 5px 15px; line-height:16px;background:url("http://img.arreo.com/usr/img4/arreo/com/080pop_tlebg03.gif") 7px 7px no-repeat;font-weight:bold;color:#777;} #layer_msg_ele > div > span{display:block;padding:10px 0 17px 10px;border-top:1px solid #e9e9eb;} #layer_msg_ele > div > span > input{vertical-align:top;} #layer_msg_ele > div > a{display:block;width:167px;height:27px;margin:0 auto;padding-top:12px;background:#28b0d8;color:#fff;text-align:center;font-family:'Dotum';font-weight:700;letter-spacing:-0.02em;font-size:14px;text-decoration:none} #layer_msg_ele > div > a:hover{background:#0f90b6} /*광고문자 작성방법*/ #layer_msg_adv{position:absolute;top:92px; left:90px; width:700px;background:#fff;border:1px solid #3282d2;color:#666;z-index:999;} #layer_msg_adv > a{position:absolute;right:0;top:0} #layer_msg_adv > div{padding:27px 15px 15px 15px;background:url("http://img.arreo.com/usr/img3/msg/080_info_04_bg.jpg") right top no-repeat} #layer_msg_adv > div > p{margin:100px 0 0 0} /*포토샷문자*/ .photo_box{overflow:hidden;padding:20px 0;border-bottom:1px solid #000;margin-left:-23px} .photo_box dl{float:left;width:155px;margin:10px 0 10px 23px;text-align:center} .photo_box dl dt{width:153px;height:140px;border:1px solid #ccc} .photo_box dl dt img{width:100%;height:100%} .photo_box dl dd{padding:5px 0 0;line-height:18px;} .photo_box dl dd p{colosr:#222} .photo_box dl dd span{color:#888} .photo_new_box{margin-top:7px;} .photo_new_box h5{padding:7px;background:#bbb;color:#fff;font-family:'Noto Sans KR';font-weight:350;font-size:16px;text-align:center} .photo_new_box > div{padding:5px 30px;border:1px solid #ddd} .photo_new_box dl{margin:10px 0;text-align:center} .photo_new_box dl dt{width:130px;height:110px;border:1px solid #ccc} .photo_new_box dl dt img{width:100%;height:100%} .photo_new_box dl dd{padding:5px 0 0;} .photo_new_box dl dd p{colosr:#222} .photo_new_box dl dd span{color:#888} /*모바일광고신청*/ .bbs_write12.mobile_adv_wrt ul.mobileAd li{margin:10px;} .bbs_write12.mobile_adv_wrt ul.mobileAd li > p{} .bbs_write12.mobile_adv_wrt ul.mobileAd li > div{margin:7px 0;border:1px solid #ddd} .bbs_write12.mobile_adv_wrt ul.mobileAd li > div table{margin-bottom:-1px;} .bbs_write12.mobile_adv_wrt ul.mobileAd li > div table th{padding:0;text-align:center} /*서비스안내 .howto{margin-top:-20px;padding:22px 24px 10px;width:892px !important;} .howto.info_addr{background:#e5f2ee url("http://img.arreo.com/usr/img11/sub/info_bg_addr.png") 450px 10px no-repeat;} .howto.info_msg{background:#e5f2ee url("http://img.arreo.com/usr/img11/sub/info_bg_msg.png") 450px 10px no-repeat;} .howto.info_mya{background:#e5f2ee url("http://img.arreo.com/usr/img11/sub/info_bg_mya.png") 450px 0px no-repeat;} .howto.info_fax{background:#e5f2ee url("http://img.arreo.com/usr/img11/sub/info_bg_fax.png") 450px 10px no-repeat;} .howto.info_mail{background:#e5f2ee url("http://img.arreo.com/usr/img11/sub/info_bg_mail.png") 450px 20px no-repeat;} .howto .howto_tit{} .howto .howto_tit h3{font-family:"Noto Sans KR","Noto Sans KR DemiLight";font-weight:500;font-size:36px;color:#010101;} .howto .howto_tit p{margin:20px 0 70px;line-height:1.2;font-family:"Noto Sans KR","Noto Sans KR DemiLight";font-weight:350;font-size:24px;color:#121212} .howto .howto_body{} .howto .howto_body h4{font-family:"Noto Sans KR","Noto Sans KR DemiLight";font-weight:400;font-size:26px;color:#292929;letter-spacing:-0.05em} .howto .howto_body > div{margin:5px 0;} .howto .howto_body > div ul{overflow:hidden} .howto .howto_body > div ul li{float:left;margin:25px;width:394px;height:350px;background:#fff;text-align:center;box-shadow:10px 10px 30px #c4cfcb;} .howto .howto_body > div ul li img{display:inline-block;margin:48px 0 30px;} .howto .howto_body > div ul li dl{font-family:"Noto Sans KR","Noto Sans KR DemiLight";} .howto .howto_body > div ul li dl dt{font-family:"Noto Sans KR","Noto Sans KR DemiLight";font-size:22px;color:#292929;line-height:1.2} .howto .howto_body > div ul li dl dd{padding-top:15px;font-family:"Noto Sans KR","Noto Sans KR DemiLight";font-size:18px;line-height:1.2;font-weight:350} .howto.info_mail > div ul li img{margin:35px 0 30px;} .howto.info_mail > div ul li dl dd{font-size:16px;} .howto.info_fax > div ul li:first-child dl dt{margin-top:-15px;} .howto.info_mya > div ul li:first-child dl dt{margin-top:-15px;} .howto.info_mail > div ul li:last-child dl dt{margin-top:-15px;}*/ /*서비스안내*/ .howto{padding:22px 24px 10px;width:892px !important;text-align:center} .howto .howto_tit{} .howto .howto_tit h3{font-size:36px;color:#010101;font-weight:500;font-family:"Noto Sans KR";} .howto .howto_tit h3:after{content:"";display:block;width:30px;height:3px;margin:7px auto;background:#005dc5} .howto .howto_tit p{margin:20px 0 70px;line-height:1.7;font-weight:350;font-size:17px;color:#666;font-family:"Noto Sans KR";} .howto .howto_body{} .howto .howto_body h4{letter-spacing:5px;color:#848484;font-weight:300;font-family:"Noto Sans KR";} .howto .howto_body h4 > span{display:block;margin-top:10px;font-weight:400;font-size:30px;color:#005dc5;letter-spacing:1px;font-family:"Noto Sans KR";} .howto .howto_body > div{margin:90px 0;} .howto .howto_body > div ul{overflow:hidden;font-family:"Noto Sans KR";} .howto .howto_body > div ul li{position:relative;float:left;margin:40px;width:360px;height:440px;background:#fff;text-align:center;box-shadow:1px -1px 8px #e0e0e0;} .howto .howto_body > div ul li:before{position:absolute;bottom:0;content:"";display:block;height:6px;width:100%;background:-ms-linear-gradient(left, #99c4f5, #ffe7ac);background:-webkit-linear-gradient(left, #99c4f5, #ffe7ac);} .howto .howto_body > div ul li img{display:inline-block;margin:60px 0;width:90px;} .howto .howto_body > div ul li dl{margin:0 30px;} .howto .howto_body > div ul li dl dt{padding-bottom:30px;line-height:1.2;border-bottom:2px solid #f0f0f0;font-size:22px;color:#005fdf;font-weight:400;font-family:"Noto Sans KR";} .howto .howto_body > div ul li dl dd{padding-top:40px;margin:0 -15px;line-height:1.8;font-size:16px;color:#313131;font-weight:300;font-family:"Noto Sans KR";} .howto .howto_body > div ul li > span{position:absolute;top:-15px;left:50%;margin-left:-15px;width:30px;height:30px;line-height:30px;background:#3189ea;border-radius:100%;color:#fff;text-align:center;font-weight:350;font-size:15px;font-family:"Noto Sans KR";} .svc_guide{padding:30px 0; font-family:"Noto Sans KR";font-size:14px;} .guide_tit{;padding-left:px;border-left:3px solid 2371d2; } .guide_tit h3{;font-size:26px;color:#333;font-weight:500;} .guide_tit p{margin:5px 0;line-height:1.7;font-weight:350;font-size:15px;color:#666;} .guide_cont{padding:30px 0} .guide_cont h4{margin:30px 0;font-size:18px;font-weight:400;font-family:"Noto Sans KR";color:#444} .guide_cont h4:after{content:"";display:block;width:15px;height:2px;margin:2px 0 ;background:#2371d2} .guide_cont > p{margin:15px 0 80px;} .gud_txt{} .gud_txt > ul li{padding-left:10px;margin:10px 0; position:relative;} .gud_txt > ul li > span{color:#ce8006;} .gud_txt > ul li:after{content:"";display:block;width:4px;height:4px;background:#2371d2; border-radius:100%;position:absolute;left:0;top:7px;} .gud_txt > p{margin:10px 0;} .gud_n015{overflow:hidden;} .gud_n015 dl{float:left;width:22%;padding:30px 4%;font-family:"Noto Sans KR"; } .gud_n015 dl dt{width:140px;height:140px;line-height:140px;margin:0 auto;border-radius:100%;font-size:18px;text-align:center;color:#fff} .gud_n015 dl dd{padding:50px 0;font-size:15px;} .gud_n015 dl:nth-child(1) dt{background:#a6b7cc url("http://img.arreo.com/usr/img11/sub/pattern_04.png");} .gud_n015 dl:nth-child(2) dt{background:#829ab4 url("http://img.arreo.com/usr/img11/sub/pattern_02.png");} .gud_n015 dl:nth-child(3) dt{background:#597091 url("http://img.arreo.com/usr/img11/sub/pattern_03.png");} .gud_n015_1{} .gud_n015_1 h6{font-weight:400;color:#111;font-size:16px;} .gud_n015_1 dl{margin:10px 0 40px;} .gud_n015_1 dl dt{} .gud_n015_1 dl dt span{padding-right:10px;font-size:18px;color:#2371d2} .gud_n015_1 dl dd{padding-left:32px;} .gud_n015_1 dl dd > span{color:#ce8006} .gud_n015_1 dl dd.n015_step ul{overflow:hidden;margin:20px 0;} .gud_n015_1 dl dd.n015_step ul li{float:left;width:20%;position:relative} .gud_n015_1 dl dd.n015_step ul li:after, .gud_n015_1 dl dd.n015_step ul li:before {left: 141px;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .gud_n015_1 dl dd.n015_step ul li:after {border-color: rgba(238, 238, 238, 0);border-left-color: #e2e9ef;border-width: 15px;margin-top: -15px;} .gud_n015_1 dl dd.n015_step ul li:before {border-color: rgba(204, 204, 204, 0);border-left-color: #c5d5e4;border-width: 16px;margin-top: -16px;} .gud_n015_1 dl dd.n015_step ul li:last-child:after {background:none;border:none} .gud_n015_1 dl dd.n015_step ul li:last-child:before{background:none;border:none} .gud_n015_1 dl dd.n015_step ul li p{width:120px;height:70px;padding:20px 10px;background:#e2e9ef;border:1px solid #c5d5e4;border-radius:3px;} .gud_n015_1 dl dd.n015_step ul li p span{display:block;color:#444} .gud_n015_1 dl dd.n015_mkt ul{overflow:hidden;margin:20px 0} .gud_n015_1 dl dd.n015_mkt ul li{float:left;width:20%;height:150px;margin-right:2.5%; } .gud_n015_1 dl dd.n015_mkt ul li p span{display:inline-block;width:22px;height:22px;line-height:22px;border-radius:100%;background:#ffd671;text-align:center; color:#fff} .gud_n015_1 dl dd.n015_mkt ul li img{display:block;margin:15px auto} .gud_addr1{overflow:hidden;margin-left:-3%} .gud_addr1 dl{float:left;width:26%;height:110px;padding:20px;margin:0 0 30px 3%;color:#fff} .gud_addr1 dl:nth-child(odd){background:#f7e9bb;color:#999} .gud_addr1 dl:nth-child(even){background:#ccc url("http://img.arreo.com/usr/img11/sub/pattern_01.png") repeat;} .gud_addr1 dl dt{font-size:15px;} .gud_addr1 dl dt span{display:inline-block;margin-right:5px;width:28px;height:28px;line-height:28px;text-align:center;background:#666;border-radius:100%; color:#fff} .gud_addr1 dl dd{padding:17px;} .gud_addr2{font-size:14px;} .gud_addr2 dl{overflow:hidden;margin:20px 0} .gud_addr2 dl dt{float:left;display:block;width:90px;height:90px;line-height:90px;border-radius:100%;text-align:center; color:#fff;text-shadow:0 0 5px #3b6b95} .gud_addr2 dl dd{float:left;padding:30px;} .gud_addr2 dl dd p>span{padding:0 10px;color:#333} .gud_addr2 dl dd p{color:#777} .gud_addr2 dl:nth-child(1) dt{background:#c8d5e0} .gud_addr2 dl:nth-child(2) dt{background:#cee0f0} .gud_addr2 dl:nth-child(3) dt{background:#ced8e0} .gud_addr2 dl:nth-child(4) dt{background:#b0cbe2} .gud_addr2 dl:nth-child(5) dt{background:#b2c5d5} .gud_addr2 dl:nth-child(3) dd{margin-top:12px;} .gud_addr2 dl:nth-child(5) dd{margin-top:12px;} .gud_msg1{} .gud_msg1 dl{padding:35px 0 35px 130px} .gud_msg1 dl dt{font-size:16px;} .gud_msg1 dl dd{color:#777} .gud_msg1 dl:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_msg1.png") 0 center no-repeat} .gud_msg1 dl:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_msg2.png") 0 center no-repeat} .gud_msg1 dl:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_msg3.png") 0 center no-repeat} .gud_msg1 dl:nth-child(4){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_msg4.png") 0 center no-repeat} .gud_fax1{overflow:hidden;} .gud_fax1 dl{float:left;width:252px;padding:15px 30px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5} .gud_fax1 dl dt{font-size:15px;color:#2371d2} .gud_fax1 dl:nth-child(1) {border-left:none;border-top:none} .gud_fax1 dl:nth-child(2) {border-top:none} .gud_fax1 dl:nth-child(3) {border-top:none} .gud_fax1 dl:nth-child(4) {border-left:none;} .gud_fax1 dl dd{padding:15px 15px 15px 0; font-size:13px; color:#777} .gud_fax2{overflow:hidden} .gud_fax2 dl{float:left;width:180px;height:180px;margin:30px 50px 0 60px;border-radius:100%; border:5px solid #fff;text-align:center;box-shadow:0 0 3px #bbb} .gud_fax2 dl dt{margin-top:50px;font-size:17px;color:#106dbd} .gud_fax2 dl dd{padding:15px 0;} .gud_fax2 dl dd p{font-size:18px;color:#ce8006} .gud_fax2 > p{clear:both;padding:20px 70px;color:#777; text-align:right} .gud_fax2 dl:nth-child(1){background:#dae8f4 url("http://img.arreo.com/usr/img11/sub/pattern_05.png");} .gud_fax2 dl:nth-child(2){width:155px;height:155px;margin-top:50px;background:#ddd url("http://img.arreo.com/usr/img11/sub/pattern_04.png");} .gud_fax2 dl:nth-child(3){background:#bcccdf url("http://img.arreo.com/usr/img11/sub/pattern_05.png");} .gud_fax3 h6{display:inline-block;font-weight:400; color:#ce8006} .gud_fax3 ul{overflow:hidden;margin:10px 0 50px;} .gud_fax3 ul li{float:left;width:16.5%;position:relative} .gud_fax3 ul li:after, .gud_fax3 ul li:before {left: 121px;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .gud_fax3 ul li:after {border-color: rgba(238, 238, 238, 0);border-left-color: #f4f1e9;border-width: 15px;margin-top: -15px;} .gud_fax3 ul li:before {border-color: rgba(204, 204, 204, 0);border-left-color: #e9e0d4;border-width: 16px;margin-top: -16px;} .gud_fax3 ul li:last-child:after {background:none;border:none} .gud_fax3 ul li:last-child:before{background:none;border:none} .gud_fax3 ul li p{width:100px;height:70px;padding:20px 10px;background:#f4f1e9;border:1px solid #e9e0d4;border-radius:3px;} .gud_fax3 ul li p span{display:block;color:#111} .gud_fax4 dl{overflow:hidden;margin:15px 0;} .gud_fax4 dl dt{float:left;width:70px;padding:20px 10px;background:#c8d5e0;border-radius:1px;text-align:center;color:#fff;text-shadow:0 0 3px #4b75a9} .gud_fax4 dl dd{float:left;padding:10px ;} .gud_fax4 dl dd p{line-height:22px;} .gud_fax4 dl dd p>span{padding:0 5px 0 30px;color:#1b6bbf} .gud_fax4 ul li{position:relative;margin:15px 0;padding-left:10px;} .gud_fax4 ul li:after{content:"";display:block;width:3px;height:3px; background:#1b6bbf; position:absolute;left:0;top:9px;} .gud_fax4 ul li span{color:#ce8006} .gud_fax4 ul li p{color:#888} .gud_vms1_1{} .gud_vms1_1 dl{overflow:hidden;margin:20px 0;} .gud_vms1_1 dl dt{float:left;width:70px;padding:10px;background:#f8e7b0;text-align:center;color:#fff; text-shadow:0 0 6px #ec8000} .gud_vms1_1 dl dd{float:left;padding:10px;} .gud_vms1_2{padding:10px 0 30px 50px;background:url("http://img.arreo.com/usr/img11/com/bull_21.png") 10px 18px no-repeat; color:#111} .gud_vms1_2 > p{color:#888;font-size:13px;} .gud_vms1_3 {overflow:hidden;} .gud_vms1_3 h6{padding:10px 5px;font-weight:450} .gud_vms1_3 dl{float:left;width:17%;height:90px;padding-left: 10%;margin-right:5%;} .gud_vms1_3 dl dt{color:#111} .gud_vms1_3 dl:nth-of-type(1){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_vms1.png") 7px 5px no-repeat;} .gud_vms1_3 dl:nth-of-type(2){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_vms2.png") 7px 5px no-repeat;} .gud_vms1_3 dl:nth-of-type(3){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_vms3.png") 7px 5px no-repeat} .gud_vms2 > div{position:relative;height:140px;padding:60px 0 30px;e} .gud_vms2 > div h6{position:absolute;left:400px;width:140px;height:100px;padding-top:40px;line-height:2;border-radius:100%;text-align:center;font-weight:400;color:#fff;background: #7492b4;} .gud_vms2 > div dl dt{padding:5px 0;color:#2371d2;font-size:15px;} .gud_vms2 > div dl:nth-of-type(1){position:absolute;left:0px;top:95px;width:340px;text-align:right} .gud_vms2 > div dl:nth-of-type(2){position:absolute;left:600px; top:95px;width:340px;} .gud_vms2 > p{padding:5px 20px;font-size:12px;color:#888} .gud_vms2 > div:nth-of-type(odd) h6{background:#aec1d8} .gud_vms3{overflow:hidden} .gud_vms3 dl{position:relative;float:left;width:20%;height:180px;margin:30px 4% 0 0;border:1px solid #eee} .gud_vms3 dl dt{position:absolute;left:0;top:0;width:0px;height:0px;border-top:35px solid #5593df;border-right:35px solid transparent;} .gud_vms3 dl dt span{position:absolute;top:-35px;left:5px;color:#fff;font-size:12px;} .gud_vms3 dl dd{padding:75px 30px 0;} .gud_vms3 dl:nth-child(1) dd{background:url("http://img.arreo.com/usr/img11/sub/ico_gud_vms6.png") center 15px no-repeat} .gud_vms3 dl:nth-child(2) dd{background:url("http://img.arreo.com/usr/img11/sub/ico_gud_vms7.png") center 15px no-repeat} .gud_vms3 dl:nth-child(3) dd{background:url("http://img.arreo.com/usr/img11/sub/ico_gud_vms8.png") center 15px no-repeat} .gud_vms3 dl:nth-child(4) dd{background:url("http://img.arreo.com/usr/img11/sub/ico_gud_vms9.png") center 15px no-repeat} .gud_mail1{overflow:hidden} .gud_mail1 dl{float:left;width:20%;padding:100px 0;margin-right:2.5%;} .gud_mail1 dl dt{padding:15px 0;color:#111;text-align:center} .gud_mail1 dl:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_mail1.png") center top no-repeat;} .gud_mail1 dl:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_mail2.png") center top no-repeat;} .gud_mail1 dl:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_mail3.png") center top no-repeat;} .gud_mail1 dl:nth-child(4){background:url("http://img.arreo.com/usr/img11/sub/ico_gud_mail4.png") center top no-repeat;} .gud_mail2{overflow:hidden} .gud_mail2 dl{float:left;width:28%;height:150px;margin-right:5%; border-radius:10px;} .gud_mail2 dl dt{padding:10px 0;} .gud_mail2 dl dt span{display:inline-block;margin-right:3px;width:28px;height:28px;line-height:28px;text-align:center; border-radius:100%; font-size:13px; color:#fff} .gud_mail2 dl dd{padding:10px 80px 0 0;border-top:1px dotted #fff} .gud_mail2 dl:nth-child(1) dt span{background:#ffd671;} .gud_mail2 dl:nth-child(2) dt span{background:#5da3e8;} .gud_mail2 dl:nth-child(3) dt span{background:#666;} /*고객우대정책*/ .guide_cont.priv > div{margin:20px 0 40px;font-family:"Noto Sans KR";font-size:14px;} .guide_cont.priv > div dl{overflow:hidden;margin:10px 0;} .guide_cont.priv > div dl dt{float:left;display:inline-block;padding:3px 10px; border-radius:15px;color:#fff; background: -webkit-linear-gradient(left, #5c6e82 40%, #ffd671 100%); background: -ms-linear-gradient(left, #5c6e82 40%, #ffd671 100%); background:#ffd671 ;} .guide_cont.priv > div dl dd{float:left;padding:3px 10px;} .guide_cont.priv > div table{width:100%;margin-bottom:20px;} .guide_cont.priv > div table thead th{padding:7px;background:#ecf0f5;font-weight:400;color:#333;border-top:1px solid #a6b7cc} .guide_cont.priv > div table tbody td{padding:7px;border-bottom:1px solid #e5e5e5;text-align:center} .guide_cont.priv > div:nth-child(1){margin-bottom:50px;} .guide_cont.priv > div:nth-child(1) ul li{padding:3px 0;font-size:17px;color:#} .guide_cont.priv > div:nth-child(4) ul{padding:15px 0 15px 30px;background:#eff2f7;border-radius:5px; border:1px solid #dfe5ee; color:#78899b} /*광고문자안내*/ .emo_080_info{font-family:"Noto Sans KR";} .emo_080_info h4{display:inline-block;padding-bottom:1px;border-bottom:2px solid #292929;font-weight:500;font-size:30px;color:#292929} .emo_080_info .emo_info1{position:relative;margin:0;padding:0} .emo_080_info .emo_info1 h4{position:absolute;left:21px;} .emo_080_info .emo_info2 ul{margin:30px 0 10px;overflow:hidden;border:1px solid #cfcfcf} .emo_080_info .emo_info2 ul li{float:left;width:33.3%;height:260px;padding:30px 0 40px;margin-left:-1px;border-left:1px solid #cfcfcf;text-align:center} .emo_080_info .emo_info2 ul li dl dt{margin:25px 0 15px;font-weight:500;font-size:16px;color:#292929} .emo_080_info .emo_info2 ul li dl dd{font-weight:350;font-size:14px;color:#666;line-height:1.3} .emo_080_info .emo_info2 > p {margin:0 0 65px 35px;font-size:14px;line-height:1.2;} .emo_080_info .emo_info3 > div {overflow:hidden;margin:20px 0;} .emo_080_info .emo_info3 > div dl{float:left;width:42%;padding:25px 4%;height:155px;background:#b4cde0;} .emo_080_info .emo_info3 > div dl:first-child{background:#ddc3bd} .emo_080_info .emo_info3 > div dl dt{margin:0 0 15px 9px;font-weight:400;font-size:24px;color:#fff;} .emo_080_info .emo_info3 > div dl dd{padding-left:7px} .emo_080_info .emo_info3 > div dl dd > p{margin-bottom:5px;line-height:1.3;color:#383e57;font-size:15px;} .emo_080_info .emo_info3 > div dl dd > p span{margin-left:-7px;} .emo_080_info .emo_info3 > p{margin:0 0 100px 10px} .emo_080_info .emo_info3 > p a{float:left;display:block;width:49%;height:58px;line-height:3;font-family:"Noto Sans KR";font-weight:400;font-size:20px;text-align:center;background:#fff;color:#333;border:1px solid #cfcfcf} .emo_080_info .emo_info3 > p a:hover{background:#383e57;border:1px solid #383e57;color:#fff;} .emo_080_info .emo_info3 > p a:first-child{margin-right:-1px} /*메뉴얼 윈도우팝업 */ .menu_help_area{width:899px;margin:0 auto} .menu_help_area h2{padding:15px 0;text-align:center;font-family:"Noto Sans KR";font-size:20px;font-weight:450;} .help_menu ul {overflow:hidden;display:table; table-layout:fixed; width:100%;background:#f3f3f3;border:1px solid #c3c3c3} .help_menu ul li{float:left;} .help_menu ul a {display:table-cell;height:18px;line-height:18px;padding:10px 21.5px;background:url("http://img.arreo.com/usr/img11/com/line_01.gif") 0 12px no-repeat;;text-align:center;font-size:16px;font-family:"Noto Sans KR";font-weight:350;color:#666} .help_menu ul li:first-child a {background:none} .help_menu ul li.active a {background:#333;color:#fff;} .help_content .menu_area {display: none;} .help_content .menu_area.active {display: block;} /*고객문자상담 : 20180626*/ .cs_svc_effect{overflow:hidden;padding:45px 40px;background:#736058;font-family:"Noto Sans KR";} .cs_svc_effect h3{font-size:40px;font-weight:350;color:#fff} .cs_svc_effect .effect_area{float:left;width:26%;padding:60px 3.5% 20px;text-align:center;color:#fff} .cs_svc_effect .effect_area img{display:inline-block;} .cs_svc_effect .effect_area dl {} .cs_svc_effect .effect_area dl dt{padding:20px 0;font-size:30px;} .cs_svc_effect .effect_area dl dd ul li{margin-top:15px;font-size:17px;text-align:left;font-weight:100;} .cs_svc_effect .effect_area dl dd ul li span{font-weight:500} .cs_svc_point{padding:45px;background:#f8eded;font-family:"Noto Sans KR";} .cs_svc_point h3{margin-bottom:45px;font-size:40px;font-weight:350;color:#010101} .cs_svc_point > div{overflow:hidden} .cs_svc_point > div dl{float:left;height:244px;padding:30px 0 0 25px;color:#2a2a2a} .cs_svc_point > div dl:nth-of-type(1){width:445px;background:#a4cabf url("http://img.arreo.com/usr/img11/sub/cs_svc_bg1.png") right bottom no-repeat;} .cs_svc_point > div dl:nth-of-type(2){width:299px;background:#fff url("http://img.arreo.com/usr/img11/sub/cs_svc_bg2.png") right bottom no-repeat;} .cs_svc_point > div dl:nth-of-type(3){width:260px;background:#dec8a6 url("http://img.arreo.com/usr/img11/sub/cs_svc_bg3.png") right bottom no-repeat;} .cs_svc_point > div dl:nth-of-type(4){width:268px;background:#fff url("http://img.arreo.com/usr/img11/sub/cs_svc_bg4.png") right bottom no-repeat;} .cs_svc_point > div dl:nth-of-type(5){width:334px;background:#ecafaf url("http://img.arreo.com/usr/img11/sub/cs_svc_bg5.png") right bottom no-repeat;} .cs_svc_point > div dl:nth-of-type(6){width:402px;background:#9bb2cc url("http://img.arreo.com/usr/img11/sub/cs_svc_bg6.png") right bottom no-repeat;} .cs_svc_point > div dl dt{font-size:24px;font-weight:400;margin-bottom:24px;} .cs_svc_point > div dl dd{font-size:15px;font-weight:300} .cs_svc_point > div dl:nth-of-type(1) dd{color:#fff} .cs_svc_point > div dl:nth-of-type(3) dd{color:#fff} .cs_svc_point > div dl:nth-of-type(5){color:#fff} .cs_svc_point > div dl:nth-of-type(6){color:#fff} .cs_svc_point > p{padding:45px 0 65px;text-align:center;font-size:24px;color:#f04c4c} .cs_svc_point > span{display:block;text-align:center;} .cs_svc_point > span a{display:inline-block;padding:0 30px;height:66px;line-height:66px;background:#fff;border:2px solid #000;font-family:"Noto Sans KR";font-size:30px;color:#000;} /*받은명함*/ .arr_card_area{overflow:hidden;padding:30px 0;border-top:2px solid #666} .arr_card_area .name_card{float:left;width:400px;margin:0 15px 0 0;} .arr_card_area .name_card .card_box{width:100%;} .arr_card_area .name_card .card_box .name_top{position:relative;overflow:hidden;} .arr_card_area .name_card .card_box .name_top > span{float:left;display:block;padding:7px 15px;border-radius:0px 7px 0 0;background:#777;color:#fff} .arr_card_area .name_card .card_box .name_top > p{position:absolute;right:5px;bottom:5px;} .arr_card_area .name_card .card_box .name_cont{overflow:hidden;height:150px;border:1px solid #777;background:#f5f5e9;} .arr_card_area .name_card .card_box .name_cont > div{float:left;width:65%;height:100%;} .arr_card_area .name_card .card_box .name_cont > div:first-child{width:35%;} .arr_card_area .name_card .card_box .name_cont > div p{margin:25px 0 0;text-align:center;font-family:"Noto Sans KR";font-size:17px;font-weight:400;color:#536589} .arr_card_area .name_card .card_box .name_cont > div ul{margin:20px 0 0 15px} .arr_card_area .name_card .card_box .name_cont > div ul li{padding:7px;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 0 center no-repeat} .arr_card_area .name_card .card_box .name_cont > div ul li > span{display:inline-block;width:50px;font-weight:bold} .arr_card_area .name_card .card_save{padding:5px 0;} .arr_card_area .name_card .card_save select{height:26px;border:1px solid #ddd;vertical-align:middle} .arr_card_area .name_card .card_save a{display:inline-block;height:24px;line-height:24px;padding:0 15px;background:#969382;color:#fff} /*충전 서비스요금안내*/ .csh_infoChg > dl{margin:20px 5px 5px;font-family:"Noto Sans KR";font-size:14px;font-weight:400;} .csh_infoChg > dl dt{display:inline-block;padding:5px 25px;border-radius:0 30px 30px 0;background:#dbcb17;color:#fff} .csh_infoChg > dl dd {padding:5px;} .csh_infoChg > dl dd > p{color:#3173e1} .csh_infoChg > dl dd > span{color:#dd8508} .csh_infoChg > ul li{margin:5px 0;padding-left:10px;background:url("http://img.arreo.com/usr/img11/com/bull9_03.gif") 0 center no-repeat} .csh_infoChg > ul li:first-child{background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 0 5px no-repeat} .board_list1{width:100%;border-top:1px solid #333} .board_list1 table{width:100%} .board_list1 table thead th{padding:10px;background:#f5f5f5;border:1px solid #ddd} .board_list1 table tbody th{background:#f5f5f5;border:1px solid #ddd} .board_list1 table tbody td{padding:10px;border:1px solid #ddd;text-align:center} /*비서서비스소개:20190225*/ .cont_tit_sec {margin:40px auto 40px auto;width:95%;font-family:"Noto Sans KR";font-size:24px;} .secretary_info {margin:auto;padding:0;font-family:"Noto Sans KR";line-height:1.8;font-size:16px;width:95%} .secretary_info > h4 {font-size:18px;margin:50px 0 10px 0;} .secretary_info > ul{float:left;} .secretary_info > img {margin-left:120px;} /*015번호신청하기 :20190115*/ .subscribe_step1{text-align:center} .subscribe_step1 > p > span{display:inline-block;margin:55px 0 30px;} .subscribe_step1 > dl{margin-bottom:50px;} .subscribe_step1 > dl dt{padding:30px 0;font-family:"Noto Sans KR";font-size:26px;color:#242424;} .subscribe_step1 > dl dd{font-family:"Noto Sans KR";font-size:17px;font-weight:300;color:#777} .btn_015 a {display:inline-block;padding:0 50px;height:40px;line-height:40px;border:1px solid #414141;font-family:"Noto Sans KR";font-size:16px;} .btn_015 a:hover{background:#414141;color:#fff} /*스토어마케팅문자*/ .close {display:none !important;} .cont_tit .right_btn{position:absolute;right:0;bottom:5px;display:none} .cont_tit .right_btn a{display:inline-block;height:24px;line-height:24px;padding:0 10px;border:1px solid #3173e1;color:#3173e1} #layer_num_guide{position:absolute;right:0px;top:43px;font-size:20px;display:none;background:#fff;border:1px solid #000} #layer_num_guide .p_head{position:relative;padding:5px 23px;border-bottom:1px solid #000} #layer_num_guide .p_head h4{font-family:"Noto Sans KR";font-size:18px;font-weight:350;} #layer_num_guide .p_head a{position:absolute;right:10px;top:10px;;display:inline-block;width:19px;height:19px;background:url("http://img.arreo.com/usr/img11/sub/btn_layer_close3.png") no-repeat;text-indent:-99999em;} /*스토어마케팅문자 :서비스소개 [이진화]*/ .store_tit{width:840px;margin:0 auto;font-family:"Noto Sans KR";line-height:1.8;} .store_tit > h4{font-size:36px;color:#010101;font-weight:500;margin-top:50px;} .store_tit > p{font-size:17px;color:#3D3D3D;margin:10px 0 60px 0;} .store_info{overflow:hidden;margin:0 0 50px 40px;font-family:"Noto Sans KR";} .store_info > h5{font-size:22px;color:#010101;font-weight:400;margin-bottom:5px;} .store_info > img{display:block;margin:40px 0 60px;text-align:center} .store_info p{font-size:16px;color:#313131;font-weight:300;} .store_info > table{width:88%;margin:30px 0;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;text-align:center;} .store_info > table tr{border-bottom:1px solid #d4d4d4;} .store_info > table tr th{padding:7px;border-right:1px solid #d4d4d4;font-size:16px;color:#313131;} .store_info > table tr th:nth-child(2){background-color:#fffdbf;} .store_info > table tr td{padding:7px;border-right:1px solid #d4d4d4;font-size:14px;color:#4A4A4A;} .store_info > table tr td:nth-child(2){font-size:14px;color:#4D4D4D;font-weight:500;background-color:#fffdbf;} .store_info > ul{width:100%;margin:0 0 50px -6%;font-size:15px;color:#313131;font-weight:500;overflow:hidden;} .store_info > ul li{float:left;width:25%;padding-left:-6%;background:url("http://img.arreo.com/usr/img11/sub/sm_info_arrow.png") 20px 78px no-repeat;} .store_info > ul li:first-child{background:none} .store_info > ul li img{display:block;margin:10px 0 0 100px} .store_info > ul li p{margin:15px 0 0 108px;font-weight:400;line-height:1.2;} .store_info > ul li p span{display:inline-block;margin-left:-2px;} .store_info > ul li:first-child p{margin-left:105px;} .store_info > ul li:first-child p span{margin-left:-18px} .store_info > ul li:nth-child(2) p span{margin-left:-8px} /*네티안 회원로그인 :20190214*/ .member_login_netian{overflow:hidden;width:845px;height:295px;margin:140px auto 0;font-family: 'Noto Sans KR';font-weight:350;color:#000;} .member_login_netian .member_left{float:left;width:410px;} .member_login_netian .member_left h2{width:50%;margin:10px auto;font-size:30px;} .member_login_netian .member_left .login_area{width:360px;margin:0 auto;} .member_login_netian .member_left .login_area > div {position:relative} .member_login_netian .member_left .login_area > div > ul li{margin:10px 0;} .member_login_netian .member_left .login_area > div > ul li label{display:none} .member_login_netian .member_left .login_area > div > ul li input{width:338px;height:50px;padding:0 10px;border:1px solid #999} .member_login_netian .member_left .login_area > div > a{display:block;width:100%;height:50px;line-height:50px;background:#3282d2;color:#fff;font-family:'Noto Sans KR';font-weight:300;text-align:center;font-size:20px;} .member_login_netian .member_left .login_area > div > a:hover{background:#1a65b0} .member_login_netian .member_left .login_area > div #loginChk{position:absolute;left:0;top:0;display:none} .member_login_netian .member_left .login_area > p{margin-top:8px;font-size:14px;color:#666} .member_login_netian .member_left .login_area > p input[type="checkbox"]{vertical-align:middle} .member_login_netian .member_left .login_area > ul{overflow:hidden;padding:46px 10px 10px;border-bottom:1px solid #c0c0c0;font-family:Gulim;} .member_login_netian .member_left .login_area > ul li{float:left;width:50%} .member_login_netian .member_left .login_area > ul li a{font-family:'Noto Sans KR';font-weight:350;font-size:17px;color:#000} .member_login_netian .member_right{float:right;position:relative;height:100%;} .member_login_netian .member_right > span{position:absolute;bottom:0;} .member_login_netian .member_right > span a{display:block;width:408px;height:48px;line-height:48px;background:#fff;border:1px solid #c0c0c0;font-family:'Noto Sans KR';font-weight:350;font-size:17px;text-align:center;color:#000} .on_area input[type="checkbox"] {display: none;} .on_area input[type="checkbox"] + label {display: inline-block;width: 44px; position: relative;-webkit-transition: 0.3s; transition: 0.3s;margin: 0px 20px;box-sizing: border-box;} .on_area input[type="checkbox"] + label:before{content:'OFF';margin-left:13px;font-size:10px;color:#888;letter-spacing:-0.1em} .on_area input[type="checkbox"] + label:after {content: '';display: block;position: absolute;left: 0px;top: 0px; width: 17px;height: 17px;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;} .on_area #md_1:checked + label.on{background: #2b90e4;} .on_area #md_1:checked + label.on:before{content:'ON';margin-left:-10px;color:#fff;font-size:10px;} .on_area #md_1:checked + label.on:after{background: #a5cdef;} .on_area #md_1:checked + label:after{left: calc(100% - 15px);} .on_area #md_1 + label{background: #ccc;border-radius: 20px;height: 17px;line-height:18px;} .on_area #md_1 + label:after{background: #fff;border-radius: 50%;top: 0px;box-shadow: 0px 0px 3px #555;} /*웹제작솔루션 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*목록보기*/ .product_list_area{margin:0;padding:0;} .product_list_area *{font-family:"Noto Sans KR";} .product_list_area .prd_buy_info{width:860px;margin:30px auto 20px auto;border:1px solid #DFDFDF;background-color:#F9F9F9;font-size:15px;font-weight:400;padding:20px;line-height:1.6;} .product_list_area .prd_buy_info>h4{font-size:17px;font-weight:600;margin-bottom:5px;color:#005dc5;} .product_list_area .prd_buy_info>span{margin-top:5px;display:block;font-size:12px;color:#005dc5;} .product_list_area .prd_buy_info>span+span{display:block;margin:0;font-weight:500;color:#ff7800;} .product_list_area .prd_buy_info>span+span+span{display:block;margin:0;font-weight:500;color:#888;} .product_list_area .prd_buy_info>a{float:right;width:150px;height:33px;font-size:14px;background-color:#0955aa;color:#ffffff;text-align:center;padding-top:9px;margin-top:-35px;} .product_list_area .prd_buy_info>a+a{float:right;width:150px;height:42px;font-size:14px;background-color:#ffffff;color:#0955aa;text-align:center;padding-top:9px;margin-top:-35px;margin-right:6px;border:1px solid #0955aa;box-sizing: border-box;} .prd_head{display:block;padding:10px;background:#fff;} .prd_head:after{content:"";display:block;clear:both} .prd_head > ul{overflow:hidden;float:left;margin-top:10px;} .prd_head > ul li{float:left;} .prd_head > ul li a{font-weight:bold;font-family:'malgun gothic';font-size:14px;color:#666;padding:0 7px;background:url("http://img.arreo.com/usr/img11/main/bg_line01.gif") 0 5px no-repeat} .prd_head > ul li a.on{color:#2374c4} .prd_head > ul li:first-child a{background:none} .prd_head > p{float:right;} .prd_head > p select{height:32px;padding:0 5px;border:1px solid #ccc;vertical-align:middle} .prd_head > p input[type="text"]{width:150px;height:30px;padding:0 5px;border:1px solid #ccc;vertical-align:middle} .prd_head > p > a{display:inline-block;height:32px;line-height:32px;padding:0 20px;background:#e8e8e8;font-size:14px;color:#777;vertical-align:middle} .prd_head > p > a:hover{background:#666;color:#fff} .prd_head > p .prd_favor{float:right;margin-left:10px;} .prd_head > p .prd_favor a{display:block;width:100px;height:25px;border:1px solid #0955aa;color:#0955aa;text-align:center;font-size:14px;padding-top:5px;} .prd_head > p .prd_favor a:hover{background-color:#0955aa;color:#fff;} .prd_head > p .prd_favor2{float:right;margin-left:10px;} .prd_head > p .prd_favor2 a{display:block;width:140px;height:25px;border:1px solid #0955aa;color:#0955aa;text-align:center;font-size:14px;padding-top:5px;} .prd_head > p .prd_favor2 a:hover{background-color:#0955aa;color:#fff;} .product_list{overflow:hidden;display:block;width:957px;margin-left:20px;} .product_list>li{display:block;float:left;width:250px;border:1px solid #DFDFDF;margin:20px 57px 0 0;padding:5px;} .product_list>li:hover{border:1px solid #888888;} .product_list>li>.cnt_img{width:200px;height:200px;background-color:#EFEFEF;margin:25px auto 5px auto;border:1px solid #e5e5e5} .product_list>li>.cnt_img img{width:100%;height:100%} .product_list>li>.cnt_info{position:relative;text-align:center; margin:17px auto 17px auto;width:220px;} .product_list>li>.cnt_info>p:first-child{font-size:15px;font-weight:500;color:#005dc5;} .product_list>li>.cnt_info>p:nth-child(2){font-size:13px;} .product_list>li>.cnt_info>p:nth-child(2) > del{display:block;color:#f60745} .product_list>li>.cnt_info>p:nth-child(2)>span:first-child{color:#ff7800;font-weight:500;} .product_list>li>.cnt_button{position:relative;margin:auto;width:220px;} .product_list>li>.cnt_button>a{display:inline-block;width:103px;height:33px;background-color:#EFEFEF;font-size:12px;text-align:center;padding-top:11px;margin-bottom:13px;} .product_list>li>.cnt_button>a:first-child{margin-right:10px;} .product_list>li>.cnt_button>a:hover{background-color:#005dc5;color:#ffffff;} /*상세보기*/ .product_view_area{} .product_view_area .product_info{padding:10px;margin-bottom:30px;text-align:center;font-family:"Noto Sans KR";} .product_view_area .product_info dl dt{margin-bottom:5px;font-size:30px;color:#1f7ac0;} .product_view_area .product_info dl dd{font-size:18px;} .product_view_content{margin-bottom:30px;min-height:350px;} .product_view_content:after{content:"";display:block;clear:both} .product_view_content .product_left{position:relative;float:left;width:34%;padding:5%;margin-top:10px;text-align:center;border:1px solid #ddd} .product_view_content .product_left .prd_goods{width:255px;height:255px;margin:0 auto;background:#eee} .product_view_content .product_left .prd_goods img{width:100%;height:100%;border:1px solid #ccc} .product_view_content .product_left .prd_prev_next a{position:absolute;top:40%;display:inline-block;padding:7px;background:#ddd} .product_view_content .product_left .prd_prev_next a:first-child{left:0;} .product_view_content .product_left .prd_prev_next a+a{right:0;} .product_view_content .product_left .prd_prev_next a:hover{background:#999} .product_view_content .product_left .prd_demo{margin-top:30px;} .product_view_content .product_left .prd_demo a{display:inline-block;width:150px;height:40px;line-height:40px;background:#333;color:#fff} .product_view_content .product_left .prd_demo a:first-child{background:#3e7ada} .product_view_content .product_right{float:right;width:48%;padding:0 2%;} .product_view_content .product_right .prd_title{height:100px;} .product_view_content .product_right .prd_title h4{font-size:16px;color:#666;font-family:"Noto Sans KR";font-weight:450} .product_view_content .product_right .prd_title p{margin:10px 0;line-height:18px;color:#666} .product_view_content .product_right .prd_view_box{width:100%;border-top:1px solid #ccc} .product_view_content .product_right .prd_view_box table{width:100%} .product_view_content .product_right .prd_view_box table tbody th{padding:10px;border-bottom:1px solid #e5e5e5;background:#f5f5f5} .product_view_content .product_right .prd_view_box table tbody td{padding:10px;border-bottom:1px solid #e5e5e5} .star_area span{display:inline-block;font-family:"Noto Sans KR";font-size:16px;color:#ccc} .star_area span.on{color:#666} .color_area a{display:inline-block;padding:3px;margin-right:2px;border:1px solid #eee} .color_area a span{display:inline-block;width:13px;height:13px;font-size:0;} .color_area .color01 span {background:#c80e0e;} .color_area .color02 span {background:#ec8243;} .color_area .color03 span {background:#f4e219;} .color_area .color04 span {background:#3a9c24;} .color_area .color05 span {background:#f5ecc3;} .color_area .color06 span {background:#8ee1ed;} .color_area .color07 span {background:#1f7ac0;} .color_area .color08 span {background:#8a36c0;} .color_area .color09 span {background:#f162a2;} .color_area .color10 span {background:#876a59;} .color_area .color11 span {width:11px; height:11px; border:1px solid #ddd;} .color_area .color12 span {background:#bbb;} .color_area .color13 span {background:#000;} .product_view_content .product_right .prd_btn_area{margin-top:50px;} .product_view_content .product_right .prd_btn_area a{display:inline-block;width:34%;height:40px;line-height:40px;text-align:center;background:#fff;border:1px solid #333} .product_view_content .product_right .prd_btn_area a:hover{background:#333;color:#fff} .product_view_content .product_right .prd_btn_area a:first-child{width:64%;background:#333;color:#fff} .product_info_cont{clear:both;padding:15px;border-top:2px solid #333} .product_info_cont:after{content:"";display:block;clear:both} .product_info_cont > div {} .product_info_cont > div > dl{float:left;width:40%;padding:0 10% 20px 0;} .product_info_cont > div > dl dt{font-weight:600;margin-bottom:15px;} .product_info_cont > div > dl dt:after{display:block;content:"";width:12px;height:2px;margin:2px 0;background:#125eab;} .product_info_cont > div > dl dd{padding-left:10px;} .product_info_cont > div > dl dd:after{display:block;content:"";width:3px;height:3px;margin:-10px 0 15px -7px;background:#b7bcd5;;} .product_info_cont > dl{clear:both;padding:20px;background:#999fbb;color:#fff;line-height:18px;} .product_info_cont > dl dt{margin:5px 0;} /*기본,라이트,골드형설명 [이진화] */ .product_order_info{overflow:hidden;width:890px;height:340px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fafafa;margin:25px 0 50px 0;padding:25px;} .product_order_info div{float:left;width:31.5%;height:100%;padding-right:2%;margin-right:2%;border-right:1px dashed #e1e1e1;font-size:12px;line-height:1.7;} .product_order_info div:nth-child(3){width:28%;padding-right:0;margin-right:0;border:0} .product_order_info div h5{font-size:16px;color:#121212;font-weight:bolder;font-family:'Noto Sans KR';} .product_order_info div span{margin-left:5px;color:#797979;font-weight:600;} .product_order_info div h6{font-size:16px;color:#121212;margin-bottom:25px;font-weight:600;font-family:'Noto Sans KR';} .product_order_info div h6 span{font-size:12px;font-weight:normal;} .product_order_info div dl dt{font-size:12px;line-height:30px;font-weight:600;} .product_order_info div dl dd:before{content: "";display:inline-block;width:5px;height:1px;margin:0 3px 5px 0;background:#555;} .product_order_info div dl dd p {display:inline-block;padding:15px;} /*탭메뉴*/ .websol_tab_cont{width:940px;margin:0 auto;margin-bottom:80px;font-family:'Noto Sans KR';font-size:14px;} .websol_tab_menu{clear:both;width:100%;height:53px;font-size:16px;font-family:'Noto Sans KR';} .websol_tab_menu:after{content:"";display:block;clear:both} .websol_tab_menu ul{} .websol_tab_menu li{float:left;width:33%;border-top:1px solid #e1e1e1;border-bottom:1px solid #000;} .websol_tab_menu li a{display:inline-block;width:100%;height:53px;background:#f3f3f3;line-height:51px;text-align:center;color:#797979;font-size:16px;font-family:'Noto Sans KR';} .websol_tab_menu li a:hover{color:#121212;} .websol_tab_menu li.on{width:calc(33% - (2px));border:1px solid #000;border-bottom:#fff;} .websol_tab_menu li.on a{background:#fff;color:#121212;} /*솔루션설치과정및환경*/ #websol_cont2{padding-left:20px;} #websol_cont2 div{float:left;width:200px;margin:0 12px;padding:80px 0;} #websol_cont2 div span{display:block;color:#fff;background:#acacac;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;margin:0 auto 10px;} #websol_cont2 div:nth-child(2) span{background:#959595;} #websol_cont2 div:nth-child(3) span{background:#7d7d7d;} #websol_cont2 div:nth-child(4) span{background:#707070;} #websol_cont2 div:nth-child(5) span{background:#636363;} #websol_cont2 div dl{width:185px;float:left;position:relative;height:165px;border:1px solid #dfdfdf;background:#f5f5f5;text-align:center;} #websol_cont2 div dl:after, #websol_cont2 div dl:before {left: 185px;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} #websol_cont2 div dl:after {border-color: rgba(245, 245, 245, 0);border-left-color: #f5f5f5;border-width: 10px;margin-top: -10px;} #websol_cont2 div dl:before {border-color: rgba(223, 223, 223, 0);border-left-color: #dfdfdf;border-width: 11px;margin-top: -11px;} #websol_cont2 div:nth-child(4) dl:after, #websol_cont2 div:nth-child(4) dl:before{background:none;border:none;} #websol_cont2 div dl dt{margin:20px auto;font-weight:600;} #websol_cont2 div dl dd{line-height:1.6;padding:0 10px 15px 10px;} /*솔루션이용가이드*/ #websol_cont3 {line-height:1.6;} #websol_cont3 p{margin:42px 0 10px 0;} #websol_cont3 table{border:1px solid #e0e0e0;font-size:12px;width:100%;} #websol_cont3 table tr th{width:165px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#f4f4f4;} #websol_cont3 table tr:last-child th{border-bottom:none;} #websol_cont3 table tr td{padding:12px 30px;border-bottom:1px solid #e0e0e0;} #websol_cont3 table tr:last-child td{border-bottom:none;} /*솔루션이용가이드-환불규정*/ #websol_cont3 p{overflow:hidden;} #websol_cont3 p span{display:block;float:left;overflow:hidden;font-weight:600;} #websol_cont3 p:nth-child(7) span:last-child{font-weight:normal;margin-left:4px;} /*솔루션이용가이드-공정거래위원회*/ #websol_cont3>div{width:750px;height:70px;margin:60px 0 0 40px;background:url("http://img.arreo.com/usr/img11/sub/ftc.png") no-repeat 0 center;padding-left:125px;} #websol_cont3 div div{display:block;border-left:1px solid #e0e0e0;padding:3px 0 3px 30px;} #websol_cont3 div div span{font-weight:600;} /*웹솔루션이란?*/ #websol_cont4 div{margin:50px 0 5px 0;line-height:1.6;} #websol_cont4 div h5{font-size:18px;margin-bottom:18px;} #websol_cont4 div ul li{list-style:disc inside;} #websol_cont4 div:last-child{background:url("http://img.arreo.com/usr/img11/sub/websol_cont4.png") no-repeat 570px center;} .prd_info_box{overflow:hidden;margin:25px auto;padding:20px;border:1px solid #dfdfdf;background:#f9f9f9;font-family:"Noto Sans KR";} .prd_info_box h5{margin-bottom:10px;font-size:16px;font-weight:600;color:#005dc5;} .prd_info_box > ul li{padding-left:10px;background:url("http://img.arreo.com/usr/img11/com/bull4_01.gif") 0 8px no-repeat;font-size:14px;color:#555} .prd_info_box .btn_info{float:right} .prd_info_box .btn_info a{display:inline-block;padding:0 20px;height:32px;line-height:32px;font-size:14px;background:#0955aa;color:#fff;text-align:center;font-family:"Noto Sans KR";} .prd_info_box .btn_info a+a{height:30px;line-height:30px;border:1px solid #0955aa;color:#0955aa;background:#fff} /*반응형홈페이지란? 상세*/ #layer_pop_rweb{font-family:'Noto Sans KR';position:absolute;left:34%;top:233px; display:none ;width:540px;height:540px;color:#000;line-height:25px;background-color: #fff;border: 1px solid #000;z-index:10;padding:30px;} #layer_pop_rweb h5{padding:18px 35px 30px 35px;font-size:24px;} #layer_pop_rweb p{padding:0 35px 0 35px;font-size:16px;} #layer_pop_rweb ul{overflow:hidden;} #layer_pop_rweb ul li{float:left;display:inline-block;padding:200px 5px 0px;text-align:center;font-size:16px;} #layer_pop_rweb ul li:nth-child(1){margin-left:15px;width:170px;background:url("http://img.arreo.com/usr/img11/sub/rweb_pop1.png") no-repeat center center;} #layer_pop_rweb ul li:nth-child(2){width:150px;background:url("http://img.arreo.com/usr/img11/sub/rweb_pop2.png") no-repeat center center;} #layer_pop_rweb ul li:nth-child(3){width:100px;background:url("http://img.arreo.com/usr/img11/sub/rweb_pop3.png") no-repeat center center;} #layer_pop_rweb ul li:nth-child(4){margin-bottom:70px;width:50px;background:url("http://img.arreo.com/usr/img11/sub/rweb_pop4.png") no-repeat center center;} #rweb_pop_close_btn{position:absolute;display:inline-block;background:url("http://img.arreo.com/usr/img11/sub/btn_pop_close.png");height:18px;width:18px; right:16px;top:12px;} /*홈페이지 서비스소개*/ .websol_info_area{font-family:"Noto Sans KR"} .websol_info_area a{font-family:"Noto Sans KR"} .websol_info_area > div{margin-bottom:45px;} .websol_info_area > div h4{font-size:24px;color:#000;font-weight:600;text-align:center;} .websol_info_area > div h4 span{display:block;padding:5px 0 0;font-size:18px;font-weight:350;} .websol_info1{} .websol_info1 > div{padding:10px 0 30px;position:relative;overflow:hidden;} .websol_info1 > div dl{opacity: 0;animation: ani 2s 0.1s forwards;position:relative;} @keyframes ani { 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(5px); opacity: 1; } } .websol_info1 > div dl dt{padding:23px 0;font-size:24px; color:#000; font-weight::800;} .websol_info1 > div dl dd{padding:0 0 20px;font-size:18px; clor:#000; font-weight:400;} .websol_info1 > div > a{display:inline-block;height:36px;line-height:36px;padding:0 20px;border:1px solid #000;font-size:18px;color:#000;} .websol_info1 > div > a:hover{color:#fff;background:#000;transition:background-color .30s ease-in-out} .websol_info1 > div:nth-child(1){padding-left:555px;background:url("http://img.arreo.com/usr/img11/sub/websol_img_001.jpg") no-repeat} .websol_info1 > div:nth-child(2){padding-right:585px;text-align:right;background:url("http://img.arreo.com/usr/img11/sub/websol_img_002.jpg") right bottom no-repeat;} .websol_info1 > div:nth-child(2) > a{margin-left:155px;} .websol_info2{padding:35px;background:#f9f9f5;} .websol_info2 h4{font-size:24px;color:#000;font-weight:500;text-align:center;} .websol_info2 h4 span{display:block;padding:5px 0 0;font-size:18px;font-weight:400;} .websol_info2 ul{overflow:hidden;margin-left:-30px;} .websol_info2 ul li{float:left;display:block;width:280px;padding-left:120px;height:140px;margin:20px 0 20px 50px;} .websol_info2 ul li > span{display:block;padding:10px 0;font-size:20px;color:#0278cb} .websol_info2 ul li > dl dt{font-size:18px;font-weight:500;color:#000} .websol_info2 ul li > dl dd{font-size:16px;color:#4d4d4d} .websol_info2 ul li:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/websol_info_ico1.png") left 55px no-repeat} .websol_info2 ul li:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/websol_info_ico2.png") left 55px no-repeat} .websol_info2 ul li:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/websol_info_ico3.png") left 55px no-repeat} .websol_info2 ul li:nth-child(4){background:url("http://img.arreo.com/usr/img11/sub/websol_info_ico4.png") left 55px no-repeat} .websol_info3 ul{overflow:hidden;margin:10px 0 0 -11px;} .websol_info3 ul li{float:left;width:227px;margin:15px 0 15px 10px;} .websol_info3 ul li dl dt{position:relative;width:225px;height:225px;overflow:hidden;border:1px solid #d2d2d2} .websol_info3 ul li dl dt a:hover:after{content:"";position:absolute;display:block;left:0;top:0;width:227px;height:227px;background-color:rgba(0,0,0,0.3);z-index:8} .websol_info3 ul li dl dt img{transition: transform 1s; -webkit-transition: -webkit-transform 0.4s;} .websol_info3 ul li dl dd{padding-top:15px;font-size:16px;color:#575757;} .websol_info3 ul li:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);} .websol_info3 > a{display:block;width:160px;height:42px;line-height:42px;margin:35px auto 0;background:#2c75de;color:#fff;font-size:18px;text-align:center} .websol_info3 > a:hover{background:#4792ff;transition:background-color .15s ease-in-out} .websol_info3 ul li dl dt span{position:absolute;right:0px;top:0px;width:55px;height:59px;padding-right:4px;line-height:35px;font-size:10px;color:#fff;text-align:right;background:url("http://img.arreo.com/usr/img11/sub/websol_temp_bg.png") no-repeat;z-index:99} .websol_info4 > div{padding:35px 13px;background:#f1f1ed} .websol_info4 > div ul{overflow:hidden;margin-left:-6px;} .websol_info4 > div ul li{float:left;width:215px;margin:35px 0 0 13px;} .websol_info4 > div ul li > span{display:block;width:35px;height:35px;line-height:31px;margin:7px auto;border-radius:100%;background:#5db4ca;color:#fff;text-align:center;font-size:22px;} .websol_info4 > div ul li > p{height:110px;padding:145px 0 0 40px;font-size:17px;color:#3d3d3d} .websol_info4 > div ul li:nth-child(1) > p{background:#fff url("http://img.arreo.com/usr/img11/sub/websol_mth_ico1.png") center 40px no-repeat;} .websol_info4 > div ul li:nth-child(2) > p{background:#fff url("http://img.arreo.com/usr/img11/sub/websol_mth_ico2.png") center 40px no-repeat;} .websol_info4 > div ul li:nth-child(3) > p{background:#fff url("http://img.arreo.com/usr/img11/sub/websol_mth_ico3.png") center 40px no-repeat;} .websol_info4 > div ul li:nth-child(4) > p{background:#fff url("http://img.arreo.com/usr/img11/sub/websol_mth_ico4.png") center 40px no-repeat;} .websol_info4 > a{display:block;width:160px;height:42px;line-height:42px;margin:35px auto 0;background:#2c75de;color:#fff;font-size:18px;text-align:center} .websol_info4 > a:hover{background:#4792ff;transition:background-color .15s ease-in-out} /*웹제작솔루션 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ @charset "utf-8"; /* CSS Document */ .freesms_info {font-family:"Noto Sans KR";color:#000;position:relative;} .freesms_info h4 {font-size:24px;font-weight:700;color:#000;} .freesms_info a {font-family:"Noto Sans KR";} #freesms_tit {margin-top:40px;background:url("http://img.arreo.com/usr/img11/sub/freesms_info.png") no-repeat 20px 60px;padding-left:495px;} #freesms_tit p:nth-child(2) {margin-top:28px;font-size:20px;color:#0382ed;} #freesms_tit p:nth-child(3) {margin-top:15px;font-size:16px;} #freesms_howto {margin-top:55px;position:relative;} #freesms_howto ol {} #freesms_howto ol li {float:left;height:70px;padding-top:285px;font-size:16px;text-align:center;} #freesms_howto ol li:first-child {width:330px;background:url("http://img.arreo.com/usr/img11/sub/freesms_howto1.png") no-repeat center 75px;} #freesms_howto ol li:nth-child(2) {width:270px;background:url("http://img.arreo.com/usr/img11/sub/freesms_howto2.png") no-repeat center 10px;} #freesms_howto ol li:nth-child(3) {width:330px;background:url("http://img.arreo.com/usr/img11/sub/freesms_howto3.png") no-repeat center 75px;} #freesms_howto ol li a {display:inline-block;font-size:16px;text-align:center;color:#4792ff;border-bottom:1px solid #4792ff;padding:10px 0 3px;} .freesms_apk {font-family:'Noto Sans KR';position:absolute;left:60px;top:310px; display:none;width:765px;height:590px;color:#000;line-height:25px;border: 1px solid #000;z-index:100;padding:30px;background-color:#f5f5f1;} .freesms_apk h5 {display:block;font-size:24px;border-bottom:2px solid #000;padding-bottom:20px;width:740px;position:absolute;top:20px;} .freesms_apk_tabmenu {margin:60px 0 0 160px;} .freesms_apk_tabmenu:after{content:"";display:block;clear:both} .freesms_apk_tabmenu li{float:left;border:1px solid #000;background-color:#333;width:200px;list-style:none;} .freesms_apk_tabmenu li:first-child {margin-right:50px;} .freesms_apk_tabmenu li.on{background:#fff;} .freesms_apk_tabmenu li a {display:block;font-size:18px;line-height:40px;color:#fff;text-decoration:none;text-align:center;} .freesms_apk_tabmenu li.on a {color:#000;} .freesms_apk_tab {} #freesms_apk1 {margin:65px 0 0 95px;line-height:48px;font-size:18px;} #freesms_apk1 p {color:#2393ff;margin-left:-20px;} #freesms_apk1 ol {} #freesms_apk1 ol li {list-style:decimal;} #freesms_apk2 {margin:45px 0 0 15px;} #freesms_apk2 ol {list-style:none;padding:0;margin:0;} #freesms_apk2 ol li {width:165px;float:left;margin-right:25px;font-size:16px;letter-spacing:-1px;text-align:center;line-height:18px;} #freesms_apk2 ol li:last-child {margin-right:0;} #freesms_apk2 ol li img {-webkit-box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.16);box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.16);margin-bottom:30px;} #freesms_apk_close_btn {position:absolute;top:20px;right:25px;} #freesms_price {clear:both;height:280px;padding:170px 0 0 460px;background:url("http://img.arreo.com/usr/img11/sub/freesms_price.jpg") no-repeat 120px bottom;} #freesms_price p {font-size:18px;margin-top:30px;} #freesms_good {background-color:#f6f6f3;overflow:hidden;padding-bottom:40px;} #freesms_good h4 {padding:30px 0 55px;text-align:center;} #freesms_good div dl {float:left;display:block;width:400px;text-align:center;height:340px;} #freesms_good div dl dt {font-size:23px;margin-bottom:230px;} #freesms_good div dl dd {font-size:18px;} #freesms_good div dl dd span {font-size:24px;color:#ff0004;} #freesms_good div dl:first-child {background:url("http://img.arreo.com/usr/img11/sub/freesms_price1.png") no-repeat center 50px;} #freesms_good div dl:last-child {background:url("http://img.arreo.com/usr/img11/sub/freesms_price2.png") no-repeat center 38px;} #freesms_good div p {float:left;display:block;width:130px;height:245px;text-align:center;font-size:24px;font-weight:700;color:#4792ff;padding-top:95px;background:url("http://img.arreo.com/usr/img11/sub/freesms_price3.png") no-repeat center 140px;} #freesms_detail {clear:both;padding:10px 0 0 15px;font-size:14px;color:#232222;} #freesms_detail ul li:last-child {color:#008aff;} .freesms_info > a{display:block;width:160px;height:42px;line-height:42px;margin:65px auto 175px;background:#2c75de;color:#fff;font-size:18px;text-align:center} .freesms_info > a:hover{background:#4792ff;transition:background-color .15s ease-in-out} /*무료문자 단말기추가 본인인증 /usr/store/manageNumber.vw*/ .layer_namecheck{width:445px;padding:25px 35px;font-family:"Noto Sans KR";font-size:15px;color:#000} .layer_namecheck .p_head{padding-bottom:7px;border-bottom:2px solid #000} .layer_namecheck .p_head h4{font-family:"Noto Sans KR";font-size:24px;color:#010101;} .layer_namecheck .p_body{padding:20px 0;} .layer_namecheck .p_body .store_join_hp > ul li{margin-bottom:25px;line-height:19px;font-weight:300} .layer_namecheck .p_body .store_join_hp > ul li span{font-weight:400} .layer_namecheck .p_body .namecheck{padding:20px 30px;border:1px solid #969696} .layer_namecheck .p_body .namecheck ul{padding-left:190px;background:url("http://img.arreo.com/usr/img11/sub/nice_namecheck.png") 0 center no-repeat} .layer_namecheck .p_body .namecheck ul li a{font-family:"Noto Sans KR";font-size:15px} .layer_namecheck .p_body .store_join_hp > p {margin:20px 0 40px;color:#216dda;font-size:14px} .layer_namecheck .p_btn{text-align:center} .layer_namecheck .p_btn a{display:inline-block;margin:0 10px;width:185px;height:38px;line-height:38px;border:1px solid #656565;text-align:center;font-family:"Noto Sans KR";font-size:16px;color:#262626} .layer_namecheck .p_btn a:first-child {border:1px solid #2c75de;background:#2c75de;color:#fff} /*문자상담 서비스안내 :20190610*/ .consult_info_area{font-family:"Noto Sans KR";font-size:16px;} .consult_info_area h4{font-family:"Noto Sans KR";font-size:24px;font-weight:500;color:#41444b} .consult_info_area .cnslt_cont1{position:relative; height:1274px;background:url("http://img.arreo.com/usr/img11/sub/consult_bg_01.jpg") no-repeat } .consult_info_area .cnslt_cont1 .cslt_info{position:absolute;top:119px;left:385px;color:#fff} .consult_info_area .cnslt_cont1 .cslt_info h4{color:#fff} .consult_info_area .cnslt_cont1 .cslt_info ul li{margin:25px 0; } .consult_info_area .cnslt_cont1 .cslt_info ul li:before{display:block;content:""; width:4px;height:4px;margin:20px 7px -15px -7px;background:#fff;border-radius:100%;} .consult_info_area .cnslt_cont1 .cslt_point{position:absolute;top:455px;left:365px;} .consult_info_area .cnslt_cont1 .cslt_point h4{margin-left:120px;} .consult_info_area .cnslt_cont1 .cslt_point ul li{height:74px;margin-right:10px;padding:28px 70px 0px 115px;border-top:1px solid #eee9d9;} .consult_info_area .cnslt_cont1 .cslt_point ul li:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/consult_ico_01.png") 20px 10px no-repeat;border-top:none;} .consult_info_area .cnslt_cont1 .cslt_point ul li:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/consult_ico_02.png") 20px 10px no-repeat} .consult_info_area .cnslt_cont1 .cslt_point ul li:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/consult_ico_03.png") 20px 10px no-repeat} .consult_info_area .cnslt_cont1 .cslt_summ{position:absolute;top:820px;left:97px} .consult_info_area .cnslt_cont1 .cslt_summ ul{position:relative;top:330px;left:55px;} .consult_info_area .cnslt_cont1 .cslt_summ ul li{position:absolute;width:250px;font-size:18px; text-align:center; line-height:24px;color:#fff} .consult_info_area .cnslt_cont1 .cslt_summ ul li:nth-child(1){left:-60px;} .consult_info_area .cnslt_cont1 .cslt_summ ul li:nth-child(2){left:200px;color:#4d5967} .consult_info_area .cnslt_cont1 .cslt_summ ul li:nth-child(3){left:450px;} .consult_info_area .cnslt_cont2{margin:50px 0 70px 60px} .consult_info_area .cnslt_cont2 h4{margin-left:30px;} .consult_info_area .cnslt_cont2 ul{overflow:hidden;} .consult_info_area .cnslt_cont2 ul li{float:left;width:280px;padding-top:190px;text-align:center;line-height:22px;} .consult_info_area .cnslt_cont2 ul li:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/consult_ico_11.png") center 18px no-repeat} .consult_info_area .cnslt_cont2 ul li:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/consult_ico_12.png") center 18px no-repeat} .consult_info_area .cnslt_cont2 ul li:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/consult_ico_13.png") center 18px no-repeat} .consult_info_area .cnslt_cont3{height:400px;background:url("http://img.arreo.com/usr/img11/sub/consult_bg_02.png") no-repeat} .consult_info_area .cnslt_cont3 h4{ margin-left:90px } .consult_info_area .cnslt_cont3 div{position:relative;top:35px;} .consult_info_area .cnslt_cont3 div dl{position:absolute;width:310px;color:#fff} .consult_info_area .cnslt_cont3 div dl dt{font-size:18px;margin-bottom:10px;} .consult_info_area .cnslt_cont3 div dl dd{font-size:15px;line-height:20px;font-weight:300} .consult_info_area .cnslt_cont3 div dl:nth-child(1){left:25px;top:30px;text-align:right;} .consult_info_area .cnslt_cont3 div dl:nth-child(2){left:385px;top:30px;text-align:left;} .consult_info_area .cnslt_cont3 div dl:nth-child(3){left:25px;top:135px;text-align:right;} .consult_info_area .cnslt_cont3 div dl:nth-child(4){left:385px;top:135px;text-align:left;} .consult_info_area > a{display:block;width:280px;height:60px;line-height:60px;margin:50px auto;font-family:"Noto Sans KR";font-size:22px;text-align:center;color:#fff;background:#4d5967;} .consult_info_area > a:hover{background:#506781;} /*문자상담 신청하기 :20190610*/ .consult_apply_area{font-family:"Noto Sans KR";font-size:14px;} .consult_apply_area h3{padding-bottom:7px;font-family:"Noto Sans KR"; font-size:22px; color:#222; font-weight:400} .payment_select {overflow:hidden} .payment_select > p{float:left;} .payment_select > p span{display:block} .payment_select > p span em{color:#eb4141} .payment_select > ul{float:right;overflow:hidden;margin-top:7px;} .payment_select > ul li{float:left;margin-left:12px;text-align:center;} .payment_select > ul li p{margin-bottom:20px;width:158px;height:87px; padding-top:40px;text-align:center;border:1px solid #ccc} .payment_select > ul li:hover p{position:relative;background:#4d6683;border:1px solid #4d6683;color:#fff} .payment_select > ul li:hover p:after{top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #4d6683; border-width: 12px;margin-left: -12px;} .border_box{position:absolute;top:281px;margin-left:-4px;border:2px solid #4d6684;width:168px;height:380px;display:none;} .payment_select > ul li:hover .border_box{display:block} .payment_board{clear:both;width:100%;margin-top:12px;} .payment_board table{width:100%;height:380px;border-top:2px solid #849fc1} .payment_board table tbody th{padding:18px 0;border-bottom:1px solid #e2e2e2;color:#222; font-size:18px; font-weight:400;background:url("http://img.arreo.com/usr/img11/sub/pattern_01.png") repeat} .payment_board table tbody td{padding:18px 0;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;color:#505050;text-align:center; font-size:16px;} .payment_board table tbody td span{display:block;color:#1c1c1c} .payment_board table tbody td em{display:block;color:#eb4141;font-size:14px;} .payment_board > p{margin:5px 0 0;text-align:right; color:#eb4141;} .payment_agreement {padding:15px 0;} .payment_agreement h3{border-bottom:2px solid #333} .payment_agreement > p{margin:25px 0 20px; font-size:16px; color:#222} .payment_agreement > p input[type="checkbox"]{margin-right:7px;} .payment_agreement .pay_agree_box{height:300px;padding-left:10px;border:1px solid #ccc;} .payment_agreement .pay_agree_box iframe{font-family:"Noto Sans KR";} .payment_agreement > ul{margin:30px 0 60px 7px;} .payment_agreement > ul li{line-height:24px;font-size:16px;color:#2d2d2d} .payment_agreement > ul li > span{color:#eb4141;text-decoration:underline} .payment_agreement > ul li:before{display:block;content:""; width:4px;height:4px;margin:12px 7px -14px -7px;background:#222;border-radius:100%;} .btn_area12{text-align:center} .btn_area12 a{display:inline-block;padding:0 60px;height:60px;line-height:60px;margin:50px auto;font-family:"Noto Sans KR";font-size:22px;text-align:center;color:#fff;background:#4d5967;} .btn_area12 a:hover{background:#506781;} .btn_area12 a+a{background:#c5c5c5;color:#fff} .btn_area12 a+a:hover{background:#c5c5c5;color:#fff} .layer_pop3{position:absolute;left:40%;top:45%;padding:10px 18px;min-width:450px;border:1px solid #484848;background:#fff;box-shadow: 0 0 5px #aaa;font-family:"Noto Sans KR"} .layer_pop3 .p_head{position:relative;padding-bottom:10px;border-bottom:2px solid #484848} .layer_pop3 .p_head h4{font-family:"Noto Sans KR";font-size:20px;font-weight:450;color:#222} .layer_pop3 .p_head > a{position:absolute;right:8px;top:8px;display:block;width:18px;height:18px;background:url("http://img.arreo.com/usr/img11/sub/btn_layer_close9.png") no-repeat;background-size:100%;text-indent:-999999em;} .layer_pop3 .p_body .text_area{padding:30px 0} .layer_pop3 .p_body .text_area.center{text-align:center} .layer_pop3 .p_body .text_area.left{text-align:left} .layer_pop3 .p_body .text_area > p{font-size:17px; color:#777;} .layer_pop3 .p_body .text_area > p span{color:#222} .layer_pop3 .p_body .p_btn {text-align:center} .layer_pop3 .p_body .p_btn a{display:inline-block;height:40px;line-height:40px;padding:0 30px;background:#f4f4f4; border:1px solid #c6c6c6;font-family:"Noto Sans KR";color:#222;font-size:15px;} /*015검색*/ #layer_sch015{width:800px;left:25%;top:100px; } #layer_sch015 .search015{} #layer_sch015 .search015 .num_sch{padding:30px 0 30px 60px} #layer_sch015 .search015 .num_sch p{padding-bottom:20px;font-size: 16px; } #layer_sch015 .search015 .num_sch input[type="text"] {margin:0 10px;width:80px;height:40px;padding:0 25px; border:1px solid #dfdfdf} #layer_sch015 .search015 .num_sch a{display:inline-block; padding:0 40px; height:42px; line-height:42px;color:#fff;background:#4d5967; font-size:18px; font-family:"Noto Sans KR" } #layer_sch015 .search015 .num_list{margin:0 -18px;border-top:1px solid #ccc} #layer_sch015 .search015 .num_list dl{padding:23px 80px; font-size:16px;} #layer_sch015 .search015 .num_list dl dt{} #layer_sch015 .search015 .num_list > ul{padding:0 0 30px 0px;} #layer_sch015 .search015 .num_list > ul > li {padding:15px 20px;} #layer_sch015 .search015 .num_list > ul > li ul{overflow:hidden;} #layer_sch015 .search015 .num_list > ul > li ul li{float:left;width:30%;text-align:center} #layer_sch015 .search015 .num_list > ul > li ul li span{margin-left:20px;font-size:16px;} #layer_sch015 .search015 .num_list > ul > li:nth-child(odd){background:#fafafa} #layer_sch015 .search015 .num_list > ul > li:nth-child(even){background:#fff} .mcs_info{font-family:"Noto Sans KR";} .mcs_info > h4{margin-top:75px;text-align:center;font-size:27px;color:#212121;font-weight:500;font-family:"Noto Sans KR";} .mcs_info > h4:after{content:"";display:block;width:30px;height:3px;background:#595959;margin:auto;margin-top:20px;margin-bottom:75px;} .mcs_info > div{} .mcs_info > div ul:after{content:"";display:block} .mcs_info > div ul li{float:left;display:block;width:46%;height:270px;margin-left:4%;} .mcs_info > div ul li img{display:inline-block;margin-bottom:20px;} .mcs_info > div ul li dl dt{display:block;font-size:22px;color:#313131;font-weight:400;margin-bottom:10px;font-family:"Noto Sans KR";} .mcs_info > div ul li dl dd{font-size:16px;color:#313131;font-weight:300;font-family:"Noto Sans KR";} .mcs_info > p{display:block;text-align:center;} .mcs_info > p{display:block;clear:both;font-family:"Noto Sans KR";font-size:16px;color:#313131;font-weight:300;padding:30px;} .mcs_info > a{display:block;border:1px solid gray;font-family:"Noto Sans KR";font-size:18px;color:#313131;font-weight:500;height:60px;line-height:60px;padding: 0 10px;width:200px;margin:0 auto;margin-bottom:100px;text-align:center;} .block015{padding:100px 0 0;text-align:center;font-family:"Noto Sans KR"} .block015 h6{font-size:22px;font-weight:400} .block015 p{padding:50px 0;font-size:19px;} .mbrRecoverSleepId{padding:150px 0;text-align:center}/*아이디복원*/ .mbrRecoverSleepId p{line-height:2;font-size:20px;font-family:"Noto Sans KR"} .mbrRecoverSleepId p > span{color:#e97e20} .cont_error{width:600px;margin:100px auto;font-family:"Noto Sans KR"; font-weight:500;font-size:16px;} .cont_error > dl{height:150px;padding:30px 0 30px 220px;background:url("http://img.arreo.com/usr/img11/sub/error_img1.png") 20px 0 no-repeat;} .cont_error > dl dt{font-size:34px;color:#111} .cont_error > dl dd{font-size:18px;font-weight:400;} .cont_error > ul {padding:20px;border-top:1px solid #e5e5e5;} .cont_error > ul li{font-weight:400; line-height:28px;} .cont_error > ul li p{padding:20px;text-align:right;color:#111} /*삐삐 leftmenu*/ .ifrMoListLeft{width:190px;margin:0 auto;} .ifrMoListLeft .molist_num{position:relative;height:16px;line-height:16px;padding:7px 10px;background:#eee} .ifrMoListLeft .molist_num:after{content:"";display:block;clear:both;} .ifrMoListLeft .molist_num > span{padding:3px 0 3px 15px;background:url("http://img.arreo.com/usr/img11/main/ico_phn1.png") 0 1px no-repeat} .ifrMoListLeft .molist_num > span a{color:#222} .ifrMoListLeft .molist_num > a{position:absolute;right:5px;top:5px;display:inline-block;font-size:11px;padding:0 5px;line-height:18px;border-radius:5px;background:#eff4fb;border:1px solid #b1d4ff;color:#2371d2;} .ifrMoListLeft .reply {width:90%;margin:4px auto;text-align:center} .ifrMoListLeft .reply span{display:inline-block;margin:0 7px;vertical-align:middle;} .ifrMoListLeft .smsCont {height:89px;background: #f5f5f5;border: 1px solid #bdc6dc;} .ifrMoListLeft .smsCont img{display:block;margin:20px auto;} .ifrMoListLeft .smsCont textarea{width: 100%;height: 100%;padding: 5px;border:0;color:#1b2c3d;overflow:auto;background-color:transparent;word-wrap:break-word;word-break:break-all;resize:none;font-size: 12px;color: #666;line-height: 17px;} .ifrMoListLeft .btn_msg015{margin:4px 0} .ifrMoListLeft .btn_msg015 a{display:block;width:100%;height:30px;line-height:30px;text-align:center;border-radius:1px;background:#a4bede;color:#fff;font-family:"Noto Sans Kr";font-size:14px;} .ifrMoListLeft .receive ul{padding-bottom:3px;border-bottom:1px solid #e5e5e5} .ifrMoListLeft .receive ul li{color:#888;} .ifrMoListLeft .receive ul li span{padding:0 5px;font-family:"Noto Sans Kr";font-weight:300;font-size:13px;color:#2371d2;}