@charset "utf-8"; /*======================웹폰트적용 ## 지마켓 ***절대 건드리지마시오***==================== =======================================================================================*/ @font-face { font-family: 'GmarketSans'; font-style: normal; font-weight: 300; src: url('/contents/fonts/GmarketSansLight.eot'); /* IE 호환성 보기 */ src: local(※), url('/contents/fonts/GmarketSansLight.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */ url('/contents/fonts/GmarketSansLight.woff') format('woff'), url('/contents/fonts/GmarketSansLight.ttf') format('truetype'); } @font-face { font-family: 'GmarketSans'; font-style: normal; font-weight: 500; src: url('/contents/fonts/GmarketSansMedium.eot'); /* IE 호환성 보기 */ src: local(※), url('/contents/fonts/GmarketSansMedium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */ url('/contents/fonts/GmarketSansMedium.woff') format('woff'), url('/contents/fonts/GmarketSansMedium.ttf') format('truetype'); } @font-face { font-family: 'GmarketSans'; font-style: normal; font-weight: 700; src: url('/contents/fonts/GmarketSansBold.eot'); /* IE 호환성 보기 */ src: local(※), url('/contents/fonts/GmarketSansBold.eot#iefix') format('embedded-opentype'),/* IE 6 ~ 8 */ url('/contents/fonts/GmarketSansBold.woff') format('woff'), url('/contents/fonts/GmarketSansBold.ttf') format('truetype'); } br{font-family:"MalgunGothic","Dotum", "돋움", "Gulim", "굴림";}/*지마켓 폰트 익스에서 br오류*/ /* ★★★★common.css 는 수정하게되면 전체가 다 바뀝니다. 수정하실때 생각이 필요합니다. */ /* 공통클래스 정리 (필요에 따라 추가하면 됩니다) */ /*==========1) 태그 초기화 ==================================================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body{font-family:"GmarketSans","MalgunGothic","돋움","dotum",sans-serif;line-height:1;font-size:18px;font-weight:500;color:#000;} select, input, textarea, button{font-family:"GmarketSans","MalgunGothic","돋움","dotum",sans-serif;font-size:inherit;font-weight:500;vertical-align:middle;} input[type="submit"], input[type="reset"]{font-weight:500} input[type="text"], input[type="password"], select{font-weight:500;border:1px solid #d2d2d2;padding-left:5px;} img{max-width:100%;vertical-align:top} table{border-collapse:collapse;border-spacing:0} ul, ol{list-style:none} a{text-decoration:none;color:#000;} address{font-style:normal} caption{text-indent:-9999px;height:0} /* HTML5 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} legend{position:absolute;top:-9999em;left:0;user-select:none;font-size:1rem;} /* font weight*/ .fw1{ font-weight:100;} .fw3{ font-weight:300;} .fw4{ font-weight:400;} .bold{font-weight:500;} /*==========3) 공통 ( 디버그, 스킵네비게이션, 하위버전 업데이트 유도문구, pc에서 모바일버전보기 ) ================================*/ /* 디버그 */ #debug_bar{height:80px; z-index:99999;} #debug_bar #debug_setform{float:left; } #debug {bottom: 0; position: fixed; z-index: 99999; display:none} #debug #debug_setform label {margin-left:8px; font-weight:bold; display:inline-block; margin-bottom:5px;} #debug #debug_setform select {vertical-align:middle} #debug #debug_setform{border:1px solid #ccc; background-color:#f2f2f2; width:100%; margin:0; padding:10px; clear:both; font-size:13px} #debug #debug_setform hr{display:none;} #debug #debug_setform .nice-select{height:30px; line-height:27px; font-size:13px;} #debug .body {height: 300px; overflow:scroll; border:1px solid #ccc; font-size:12px} #debug .debug_box { list-style:none; margin:0px; display:block; border:1px solid #ccc; padding:7px; background-color: #fcfcfc} #debug .debug_box span.key{color:#CE0000} #debug .debug_box span.value {color:#555} #debug .btn_sml{margin-right:10px;} #debug .get, #debug .post { background-color: #e8f2ff} #debug .session, #debug .cookie {background-color:#f3e2f3} #debug .config {background-color:#F0FFF0} #debug .server {background-color:#fff} #debug .system {background-color:#fffce1} #debug .error { background-color:#ffdde3} #HTMLValidator1{background-color: #FFFFFF; bottom: 0; height: 300px; position: fixed; width: 100%; z-index: 9999; overflow-y:scroll; border:1px solid #ccc} #debug_open{bottom: 0; position: fixed;z-index: 9999} #debug_open:hover {animation: bounce 0.4s ease infinite alternate;} .debug_slide{display:block; padding:0px 2px 0 0; background-color:#222; width:80px; cursor:pointer; text-align:center; font-size:14px; height:30px; line-height:30px; color: #fff; border: 1px solid #fff; border-radius: 5px;} .error{background-color:#ccc; display:inline;} @keyframes bounce{ from{margin-bottom: 2px;} to{margin-bottom: 7px;} } .debug_select_option_box{display: inline-block; margin: 5px 0 -16px; vertical-align: middle;} .debug_select_option_box .debug_select_item{float: left; margin: 0 20px 20px 0;} .debug_btn_box{display: inline-block; vertical-align: middle;} .debug_btn_box a.btn_sml{margin-bottom: 0;} /* 추가 171123_김용선 */ .debug_info_wrap{position: fixed; bottom: -237px; transition: ease-in-out 0.3s; z-index: 99999;} .debug_info_wrap.open{bottom: 0;} .debug_info_wrap.close{bottom: -237px;} .debug_info_wrap .debug_open_btn{float: left; margin: 5px; padding: 5px 10px; background: #222; border-radius: 5px; border: 1px solid #fff;} .debug_info_wrap .debug_open_btn a{display: block; color: #fff; } .debug_option_wrap .debug_select_option_box{display: flex} #show_debug_info {display: block; width: 96.5%; border: 1px solid #000; opacity: 1; background-color: #ffdde3; font-size: 13px; line-height: 16px; margin: 5px; height: 200px; overflow-y: scroll; padding: 15px; z-index: 99999; color: #323232;} #show_debug_info > ul{background-color: #fff;} #show_debug_info ul{padding: 10px;} #show_debug_info ul li.alert{margin: 10px 0; padding: 10px 0; border: 1px dashed #666; border-width: 1px 0; background-color: #F3E2F3;} #show_debug_info ul li ul li{margin-bottom: 4px;} /* 디버그 관련 UI Object */ .btn_big, #setting_form .btn_big { display:inline-block;width:auto;height:auto;padding-right:4px; background:url(/images/common/bg_btn_default.gif) no-repeat 100% 0; font-size:12px; color:#333; line-height:26px;word-spacing:-1px; text-decoration:none !important;white-space:nowrap} .btn_big span, .btn_big strong, #setting_form .btn_big span, #setting_form .btn_big strong {display:block;padding:0 8px 1px 12px; background:url(/images/common/bg_btn_default.gif) no-repeat} .btn_sml { display:inline-block;padding-right:4px; color:#333; letter-spacing:-1px;word-spacing:-1px; text-decoration:none !important;white-space:nowrap;margin-bottom:10px; border: 1px solid #666; padding: 3px 12px; border-radius: 3px; position: relative; z-index: 100;} .btn_sml:hover{color: #fff; background-color: #4264a3;} .btn_sml span, .btn_sml strong {display:block;} .btn_sml span img {width:auto !important;margin-right:2px;vertical-align:middle !important; border:0} .btn_list { width:100%; text-align:right;margin-top:24px} .btn_list label{margin-right:5px;} .btn_list span { padding-top:0px !important;} .root_path { width:100%; text-align:left; margin-bottom:5px;} #staff_info_modify{height: 460px;} #staff_info_modify .btn .btn_sml{float: left; width: 140px;} #staff_info_modify .btn .btn_sml.submit{width:140px; background-position: -8px -236px !important;} #staff_info_modify .btn .btn_sml.submit span{background: none;} #staff_info_modify .btn .btn_sml.close{width:140px; height:35px; background:url(/images/business/sub/admin_btn.png) no-repeat scroll -8px -274px !important; display: inline-block; line-height: 1; overflow: hidden; text-indent: -5000px; margin: 0 5px 0 0; padding-right: 0; border:0;} #staff_info_modify .btn .btn_sml.close span{background: none;} /* 콘텐츠 선택 */ #board_list_table{background: transparent url("/imagescommon/board/table_bg_02.gif") repeat-x scroll left top; border-spacing: 0; border-style: solid none none; border-top: 2px solid #535353; clear: both; width: 100%} #board_list_table th{background: transparent url("/imagescommon/board/table_bg_01.gif") no-repeat scroll right 8px; border-bottom: 1px solid #b5b5b5; border-style: none none solid; color: #555555; padding: 8px 0 7px; text-align: center} #board_list_table td{background: transparent none repeat scroll 0 0; border-bottom: 1px solid #d6d6d6; color: #666666; padding: 8px 3px; text-align: center; } #tab_content_m4 table td input{width:55%;} #tab_content_m4 #search_result{width:100%; margin-top:10px;} /* 스킵네비게이션 */ #skiptoContent{margin:0; padding:0;} a.accessibility01, a.accessibility02 {display: block; font-size: 1em; left: 0; position: absolute; text-align: center; top: -10000px; width: 100%; z-index: 500;} a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active, a.accessibility02:hover, a.accessibility02:focus, a.accessibility02:active {background: none repeat scroll 0 0 #ff3a00;color: #FFFFFF;font-weight: 600; padding: 15px 0; position: absolute; top: 0;z-index: 500;} /* 하위버전 업데이트 유도문구 */ #browser{background:url("/imagescommon/op70.png") repeat scroll 0 0; top:0; left:0; z-index:1001; height:100%; width:100%; position: fixed; text-align:center;} #browser .infobox{background-color:#fff; width:714px; height:426px; margin:221px auto 0; color:#303030; position:relative;} #browser .infobox h2{font-size:30px; font-weight:500; padding-top:54px; line-height:30px;} #browser .infobox h2 span{color:#e53838;} #browser .infobox p{font-size:17px; line-height:27px; margin-top:25px;} #browser .infobox ul{width:607px; margin:25px auto 0;} #browser .infobox ul li{float:left; margin-left:11px;} #browser .infobox ul li:first-child{margin-left:0;} #browser .infobox ul li a{display:block; padding-top:110px; width:195px; } #browser .infobox ul li a span {background-color:#88837d; height:50px; width:195px; text-align:center; display:block; color:#fff; line-height:50px;} #browser .infobox ul li.ie a {background:url("/imagescommon/bw_ie.gif") no-repeat scroll center 0;} #browser .infobox ul li.ff a {background:url("/imagescommon/bw_ff.gif") no-repeat scroll center 0;} #browser .infobox ul li.cr a {background:url("/imagescommon/bw_cr.gif") no-repeat scroll center 0;} #browser a.brower_close{display:block; position:absolute; right:20px; top:20px; width:24px; height:23px; background:url("/imagescommon/bw_close.gif") no-repeat scroll center 0;} #browser a.brower_close span{display:block; text-indent:-5000px;} /* 모바일 버전보기 */ .change_mobile_system{ height: 70px; line-height: 70px; background: #333; width: 200px; text-align: center; border-radius: 35px; margin: 0 auto; margin-top: 50px;} .change_mobile_system a{display:block; font-size:22px; color:#fff} /* view 페이지 관리자 */ #content .tab_content { display:none;} #content .tab_content.selected{display:block; width:100%;} /* 페이지담당자 */ #admin_info{clear:both; border:1px solid #d4d4d4; margin: 100px 0 12px; font-size: 15px;} #admin_info dl{height:54px; line-height:54px; float: left; font-size: 16px;} #admin_info dl dt, #admin_info dl dd{float:left;} #admin_info dl .part{width:114px; color:#fff; background-color:#000; text-align:center;} #admin_info dl .part span{background:url("/images/common/admin_info_sp.png") no-repeat 0 4px; padding-left:21px;} #admin_info dl .part_cnt{padding:0 18px; } #admin_info dl .tel{margin:14px 6px 0 12px; width:26px; height: 26px; text-indent:-9999px; background:url("/images/common/admin_info_sp.png") no-repeat -35px 0;} #admin_info dl .update{margin:0 6px 0 25px; } #admin_info.multi dl .part_cnt span{display: block;} #admin_info.multi dl{height: auto; line-height: normal;} #admin_info.multi dt, #admin_info.multi dd{height: auto; line-height: inherit;} #admin_info.multi dd.part_cnt{height: auto; margin-left: 0; padding: 0;} #admin_info.multi dd.part_cnt > span, #admin_info.multi dd.tel_cnt > span{display: block; padding: 0 20px; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;} #admin_info.multi dd.part_cnt span:first-child, #admin_info.multi dd.tel_cnt span:first-child{border-top: 0;} #admin_info.multi .update{margin: 0;} #admin_info.multi.admin2 dt.part{height: 84px; line-height: 84px;} #admin_info.multi.admin2 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;} #admin_info.multi.admin2 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;} #admin_info.multi.admin2 dd.tel_cnt > span > .tel_ico{ background: url("/images/common/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} #admin_info.multi.admin2 .admin_info_right{padding: 20px 2.5%; text-align: center;} #admin_info.multi.admin2 .admin_info_right dt{width: 100%; padding: 0; margin: 0;} #admin_info.multi.admin2 .admin_info_right dd{width: 100%;} #admin_info.multi.admin3 dt.part{height: 125px; line-height: 125px;} #admin_info.multi.admin3 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;} #admin_info.multi.admin3 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;} #admin_info.multi.admin3 dd.tel_cnt > span > .tel_ico{background: url("/images/common/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} #admin_info.multi.admin3 .admin_info_right{padding: 40px 2.5%; text-align: center;} #admin_info.multi.admin3 .admin_info_right dt{width: 100%; padding: 0;} #admin_info.multi.admin3 .admin_info_right dd{width: 100%;} #admin_info.multi.admin4 dt.part{height: 167px; line-height: 167px;} #admin_info.multi.admin4 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;} #admin_info.multi.admin4 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;} #admin_info.multi.admin4 dd.tel_cnt > span > .tel_ico{background: url("/images/common/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} #admin_info.multi.admin4 .admin_info_right{padding: 61px 2.5%; text-align: center;} #admin_info.multi.admin4 .admin_info_right dt{width: 100%; padding: 0;} #admin_info.multi.admin4 .admin_info_right dd{width: 100%;} #admin_info.multi.admin5 dt.part{height: 210px; line-height: 210px;} #admin_info.multi.admin5 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;} #admin_info.multi.admin5 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;} #admin_info.multi.admin5 dd.tel_cnt > span > .tel_ico{background: url("/images/common/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} #admin_info.multi.admin5 .admin_info_right{padding: 78px 2.5%; text-align: center;} #admin_info.multi.admin5 .admin_info_right dt{width: 100%; padding: 0;} #admin_info.multi.admin5 .admin_info_right dd{width: 100%;} #admin_info.multi.admin6 dt.part{height: 251px; line-height: 251px;} #admin_info.multi.admin6 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;} #admin_info.multi.admin6 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;} #admin_info.multi.admin6 dd.tel_cnt > span > .tel_ico{background: url("/images/common/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} #admin_info.multi.admin6 .admin_info_right{padding: 78px 2.5%; text-align: center;} #admin_info.multi.admin6 .admin_info_right dt{width: 100%; padding: 0;} #admin_info.multi.admin6 .admin_info_right dd{width: 100%;} @media screen and (min-width:1101px) and (max-width:1180px){ #admin_info.multi .admin_info_left{width: 90%; padding-left: 114px;} #admin_info.multi dd.part_cnt{width: 71%;} #admin_info.multi dd.tel_cnt{width: 25%;} #admin_info.multi dd.tel_cnt > span{border-right: 0;} #admin_info.multi.admin2 dt.part, #admin_info.multi.admin3 dt.part, #admin_info.multi.admin4 dt.part{height: 84px; width: 114px; text-align: center; line-height: 84px; margin-left: -114px;} #admin_info.multi.admin3 dt.part{height: 125px; line-height: 125px;} #admin_info.multi.admin4 dt.part{height: 167px; line-height: 167px;} #admin_info.multi.admin2 dd.part_cnt > span, #admin_info.multi.admin3 dd.part_cnt > span, #admin_info.multi.admin4 dd.part_cnt > span{width: auto;} #admin_info.multi.admin2 .admin_info_right, #admin_info.multi.admin3 .admin_info_right, #admin_info.multi.admin4 .admin_info_right{display: none;} #admin_info.multi.admin2 dd.tel_cnt > span, #admin_info.multi.admin3 dd.tel_cnt > span, #admin_info.multi.admin4 dd.tel_cnt > span{padding: 0 0 0 10%;} } @media screen and (max-width:910px){ #admin_info.multi .admin_info_left{width: 90%; padding-left: 114px;} #admin_info.multi dd.part_cnt{width: 71%;} #admin_info.multi dd.tel_cnt{width: 25%;} #admin_info.multi dd.tel_cnt > span{border-right: 0;} #admin_info.multi.admin2 dt.part, #admin_info.multi.admin3 dt.part, #admin_info.multi.admin4 dt.part{height: 84px; width: 114px; text-align: center; line-height: 84px; margin-left: -114px;} #admin_info.multi.admin3 dt.part{height: 125px; line-height: 125px;} #admin_info.multi.admin4 dt.part{height: 167px; line-height: 167px;} #admin_info.multi.admin2 dd.part_cnt > span, #admin_info.multi.admin3 dd.part_cnt > span, #admin_info.multi.admin4 dd.part_cnt > span{width: auto;} #admin_info.multi.admin2 .admin_info_right, #admin_info.multi.admin3 .admin_info_right, #admin_info.multi.admin4 .admin_info_right{display: none;} #admin_info.multi.admin2 dd.tel_cnt > span, #admin_info.multi.admin3 dd.tel_cnt > span, #admin_info.multi.admin4 dd.tel_cnt > span{padding: 0 0 0 10%;} } @media screen and (max-width:810px){ #admin_info.multi dd.part_cnt{width: 69.5%;} } @media screen and (max-width:810px){ #admin_info.multi dd.part_cnt{width: 69%;} } /* 의견남기기 */ #Satisfaction{position:relative;border:1px solid #d4d4d4;padding:20px;box-sizing:border-box; margin-top: 35px;} #Satisfaction p{font-size:16px;} #Satisfaction ul{height:16px;margin-top:25px;} #Satisfaction ul li{float:left;font-size:16px;margin-right:35px;} #Satisfaction ul li input{margin:0 7px 0 0;} #Satisfaction a{position:absolute;display:block;height:30px;font-size:14px;line-height:30px;color:#fff;border-radius:50px;background:#606060;padding:0 15px;} #Satisfaction a.open_input_area{top:12px;left:365px;} #Satisfaction a.save_btn{top:12px;left:468px;background:#4264a3;} #Satisfaction .result a{bottom:15px;right:20px;} #Satisfaction .re_input_area{display:none;position:absolute;top:50px;left:0;width:100%;height:50px;border:2px solid #333;background:#fff;box-sizing:border-box;z-index:10;} #Satisfaction .re_input_area > *{float:left;} #Satisfaction .re_input_area label{position:absolute;top:50%;left:20px;transform:translateY(-50%);} #Satisfaction .re_input_area input.re_input_txt{width:calc(100% - 154px);height:100%;font-size:15px;line-height:46px;background:#f4f3f3;padding:0 20px;box-sizing:border-box;} #Satisfaction .re_input_area a{position:initial;height:100%;font-size:15px;line-height:46px;text-align:center;color:#fff;border-radius:0;padding:0;} #Satisfaction .re_input_area a.opinion_reg{width:92px;background:#1a4589;} #Satisfaction .re_input_area a.cancel_input{width:62px;} /*==========4) 공통 클래스 ==================================================================================================*/ .hide, .hidden, .box_hidden{position:absolute;top:-9999em;left:0;user-select:none;font-size:1rem;} .clear:after{display:block; content:""; clear:both; height:0} .group:after{display:block; content:""; clear:both; height:0} .bor_none{border:none !important;} .bor_b_none{border-bottom: none !important;} .bor_t_none{border-top: none !important;} .bor_l_none{border-left: none !important;} .bor_r_none{border-right: none !important;} .bg_none{background:none !important;} .font_b{font-weight:500;} .f_l{float:left} .f_r{float:right} .dp_ib {display:inline-block;} .dp_b {display:block;} .ls-01 {letter-spacing: -0.1em;} /* 텍스트, 이미지 정렬 */ .align_center {text-align:center !important;} .align_left {text-align:left !important;} .align_right {text-align:right !important;} /* 간격조정 */ .mal0 {margin-left:0 !important;} .mal5 {margin-left:5px !important;} .mal10 {margin-left:10px !important;} .mal15 {margin-left:15px !important;} .mal20 {margin-left:20px !important;} .mal25 {margin-left:25px !important;} .mal30 {margin-left:30px !important;} .mal35 {margin-left:35px !important;} .mal40 {margin-left:40px !important;} .mal45 {margin-left:45px !important;} .mal50 {margin-left:50px !important;} .mal55 {margin-left:55px !important;} .mal60 {margin-left:60px !important;} .mal65 {margin-left:65px !important;} .mal70 {margin-left:70px !important;} .mal75 {margin-left:75px !important;} .mal80 {margin-left:80px !important;} .mal85 {margin-left:85px !important;} .mal90 {margin-left:90px !important;} .mal95 {margin-left:95px !important;} .mal100 {margin-left:100px !important;} .mal120 {margin-left:120px !important;} .mal130 {margin-left:130px !important;} .mal140 {margin-left:140px !important;} .mal150 {margin-left:150px !important;} .mal-5 {margin-left:-5px !important;} .mal-10 {margin-left:-10px !important;} .mal-15 {margin-left:-15px !important;} .mal-20 {margin-left:-20px !important;} .mal-25 {margin-left:-25px !important;} .mal-30 {margin-left:-30px !important;} .mal-35 {margin-left:-35px !important;} .mal-40 {margin-left:-40px !important;} .mal-45 {margin-left:-45px !important;} .mal-50 {margin-left:-50px !important;} .mar0 {margin-right:0 !important;} .mar5 {margin-right:5px !important;} .mar10 {margin-right:10px !important;} .mar15 {margin-right:15px !important;} .mar20 {margin-right:20px !important;} .mar25 {margin-right:25px !important;} .mar30 {margin-right:30px !important;} .mar35 {margin-right:35px !important;} .mar40 {margin-right:40px !important;} .mar45 {margin-right:45px !important;} .mar50 {margin-right:50px !important;} .mar55 {margin-right:55px !important;} .mar60 {margin-right:60px !important;} .mar65 {margin-right:65px !important;} .mar70 {margin-right:70px !important;} .mar75 {margin-right:75px !important;} .mar80 {margin-right:80px !important;} .mar85 {margin-right:85px !important;} .mar90 {margin-right:90px !important;} .mar95 {margin-right:95px !important;} .mar100 {margin-right:100px !important;} .mar120 {margin-right:120px !important;} .mar130 {margin-right:130px !important;} .mar140 {margin-right:140px !important;} .mar150 {margin-right:150px !important;} .mab0 {margin-bottom:0 !important;} .mab5 {margin-bottom:5px !important;} .mab10 {margin-bottom:10px !important;} .mab15 {margin-bottom:15px !important;} .mab20 {margin-bottom:20px !important;} .mab25 {margin-bottom:25px !important;} .mab30 {margin-bottom:30px !important;} .mab35 {margin-bottom:35px !important;} .mab40 {margin-bottom:40px !important;} .mab45 {margin-bottom:45px !important;} .mab50 {margin-bottom:50px !important;} .mab55 {margin-bottom:55px !important;} .mab60 {margin-bottom:60px !important;} .mab65 {margin-bottom:65px !important;} .mab70 {margin-bottom:70px !important;} .mab75 {margin-bottom:75px !important;} .mab80 {margin-bottom:80px !important;} .mab85 {margin-bottom:85px !important;} .mab90 {margin-bottom:90px !important;} .mab95 {margin-bottom:95px !important;} .ma0 {margin:0 !important;} .ma5 {margin:5px !important;} .ma10 {margin:10px !important;} .ma15 {margin:15px !important;} .ma20 {margin:20px !important;} .ma25 {margin:25px !important;} .ma30 {margin:30px !important;} .ma35 {margin:35px !important;} .ma40 {margin:40px !important;} .ma45 {margin:45px !important;} .ma50 {margin:50px !important;} .mat0 {margin-top:0 !important;} .mat3 {margin-top:3px !important;} .mat5 {margin-top:5px !important;} .mat10 {margin-top:10px !important;} .mat12 {margin-top:12px !important;} .mat15 {margin-top:15px !important;} .mat20 {margin-top:20px !important;} .mat25 {margin-top:25px !important;} .mat30 {margin-top:30px !important;} .mat35 {margin-top:35px !important;} .mat40 {margin-top:40px !important;} .mat45 {margin-top:45px !important;} .mat50 {margin-top:50px !important;} .mat55 {margin-top:55px !important;} .mat60 {margin-top:60px !important;} .mat65 {margin-top:65px !important;} .mat70 {margin-top:70px !important;} .mat75 {margin-top:75px !important;} .mat80 {margin-top:80px !important;} .mat85 {margin-top:85px !important;} .mat90 {margin-top:90px !important;} .mat95 {margin-top:95px !important;} .mat100 {margin-top:100px !important;} .mat110 {margin-top:110px !important;} .mat120 {margin-top:120px !important;} .mat130 {margin-top:130px !important;} .mat140 {margin-top:140px !important;} .mat150 {margin-top:150px !important;} .mat200 {margin-top:200px !important;} .mat-5 {margin-top:-5px !important;} .mat-10 {margin-top:-10px !important;} .mat-15 {margin-top:-15px !important;} .mat-20 {margin-top:-20px !important;} .mat-25 {margin-top:-25px !important;} .mat-30 {margin-top:-30px !important;} .mat-35 {margin-top:-35px !important;} .mat-40 {margin-top:-40px !important;} .mat-45 {margin-top:-45px !important;} .mat-50 {margin-top:-50px !important;} .pal0 {padding-left:0px !important;} .pal5 {padding-left:5px !important;} .pal10 {padding-left:10px !important;} .pal15 {padding-left:15px !important;} .pal20 {padding-left:20px !important;} .pal25 {padding-left:25px !important;} .pal30 {padding-left:30px !important;} .pal35 {padding-left:35px !important;} .pal40 {padding-left:40px !important;} .pal45 {padding-left:45px !important;} .pal50 {padding-left:50px !important;} .pal55 {padding-left:55px !important;} .pal60 {padding-left:60px !important;} .pal65 {padding-left:65px !important;} .pal70 {padding-left:70px !important;} .pal75 {padding-left:75px !important;} .pal80 {padding-left:80px !important;} .pal85 {padding-left:85px !important;} .pal90 {padding-left:90px !important;} .par0 {padding-right:0 !important;} .par5 {padding-right:5px !important;} .par10 {padding-right:10px !important;} .par15 {padding-right:15px !important;} .par20 {padding-right:20px !important;} .par25 {padding-right:25px !important;} .par30 {padding-right:30px !important;} .par35 {padding-right:35px !important;} .par40 {padding-right:40px !important;} .pat0 {padding-top:0px !important;} .pat5 {padding-top:5px !important;} .pat10 {padding-top:10px !important;} .pat15 {padding-top:15px !important;} .pat20 {padding-top:20px !important;} .pat25 {padding-top:25px !important;} .pat30 {padding-top:30px !important;} .pat35 {padding-top:35px !important;} .pat40 {padding-top:40px !important;} .pat45 {padding-top:45px !important;} .pat50 {padding-top:50px !important;} .pat60 {padding-top:60px !important;} .pat70 {padding-top:70px !important;} .pat80 {padding-top:80px !important;} .pat90 {padding-top:90px !important;} .pab0 {padding-bottom:0 !important;} .pab5 {padding-bottom:5px !important;} .pab10 {padding-bottom:10px !important;} .pab15 {padding-bottom:15px !important;} .pab20 {padding-bottom:20px !important;} .pab25 {padding-bottom:25px !important;} .pab30 {padding-bottom:30px !important;} .pab35 {padding-bottom:35px !important;} .pab40 {padding-bottom:40px !important;} .pab50 {padding-bottom:50px !important;} .pa0{padding:0 !important;} .pa5{padding:5px !important;} .pa10{padding:10px !important;} .pa15{padding:15px !important;} .pa20{padding:20px !important;} .pa25{padding:25px !important;} .pa30{padding:30px !important;} .pa35{padding:35px !important;} .pa40{padding:40px !important;} .pa45{padding:45px !important;} .pa50{padding:50px !important;} table th.th_5{width:5%;} table th.th_10{width:10%;} table th.th_15{width:15%;} table th.th_18{width:18%;} table th.th_19{width:19%;} table th.th_20{width:20%;} table th.th_25{width:25%;} table th.th_28{width:28%;} table th.th_30{width:30%;} table th.th_35{width:35%;} table th.th_36{width:36%;} table th.th_40{width:40%;} table th.th_45{width:45%;} table th.th_50{width:50%;} table th.th_55{width:55%;} table th.th_60{width:60%;} table th.th_64{width:64%;} table th.th_65{width:65%;} table th.th_70{width:70%;} table th.th_75{width:75%;} table th.th_80{width:80%;} table td.td_5{width:5%;} table td.td_10{width:10%;} table td.td_15{width:15%;} table td.td_20{width:20%;} table td.td_25{width:25%;} table td.td_30{width:30%;} table td.td_35{width:35%;} table td.td_40{width:40%;} table td.td_45{width:45%;} table td.td_50{width:50%;} table td.td_55{width:55%;} table td.td_60{width:60%;} table td.td_65{width:65%;} table td.td_70{width:70%;} table td.td_75{width:75%;} table td.td_80{width:80%;} .w5 {width:5%;} .w10{width:10%;} .w15{width:15%;} .w20{width:20%;} .w25{width:25%;} .w30{width:30%;} .w35{width:35%;} .w40{width:40%;} .w45{width:45%;} .w50{width:50%;} .w55{width:55%;} .w60{width:60%;} .w65{width:65%;} .w70{width:70%;} .w75{width:75%;} .w80{width:80%;} /*---------------------- contents_tools 공통----------------------*/ /*==========사이트별 달라지는 스타일은 sub.css에 추가해주세요====================================================================*/ /* contents_tools 공통 */ .contents_tools{margin: 0; padding: 0; position: absolute; text-align:left !important; z-index: 99;} .contents_tools > ul > li{float:left; display:block; margin: 0 5px 0 0; padding: 0; } .contents_tools > ul > li > a{display:block; width:35px; height:35px; border-radius:25px; text-indent: -5000px; } .contents_tools .tools_box{ width:250px; position:absolute; z-index:50; padding:30px; font-size:15px; background-color: #fff; top:86px; right:0; border-radius: 12px; box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.1); overflow:hidden;} .contents_tools .tools_box a {font-size: 15px; color:#666666;} .contents_tools .opt_box{padding-top:5px;} .contents_tools .opt_box_bd{ padding-top: 22px;} .contents_tools .opt_box .opt_lb{margin: 8px 0; font-size: 14px; } .contents_tools .opt_box .opt_sl{display: inline-block; list-style: outside none none; padding: 0; position: relative; text-decoration: none; vertical-align: middle; } .contents_tools .opt_box .opt_sl .opt_btn{border: 1px solid #d2d2d2; box-sizing: border-box; display: inline-block; float: left; margin-right: 4px; padding: 4px 0; position: relative; width: 43px; } .contents_tools .opt_box .opt_sl .select{padding:3px 0; } .contents_tools .opt_box .opt_sl .opt_btn a{color: #444; cursor: pointer; display: block; font-size: 12px; font-weight: 600; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 39px; line-height:20px; } /* 공유 */ .contents_tools .share ul li{float: none; padding: 4px 0 3px; } .contents_tools .share li.sns a{background: url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 0 0; display: block; height: 20px; line-height:19px; margin: 0; overflow: hidden; padding-left: 26px; } .contents_tools .share li.fa a{background-position: 0 -169px; } .contents_tools .share li.tw a{background-position: 0 -196px; } .contents_tools .share li.bd a{background-position: 0 -223px; } .contents_tools .share li.ks a{background-position: 0 -250px; } /* 다운로드 */ .contents_tools .download ul li{float: none; padding: 4px 0 3px; } .contents_tools .download li a{background: url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 0 0; display: block; height: 20px; line-height:19px; margin: 0; overflow: hidden; padding-left: 26px; } .contents_tools .download li.icon_printer a{background-position: 0 -314px;} .contents_tools .download li.icon_jpg a{background-position: 0 -341px;} .contents_tools .download li.icon_pdf a{background-position: 0 -368px; } .contents_tools .download li.icon_rss a{background-position: 0 -395px; } .contents_tools .download ul li.close a {padding-left:0} /* qr */ .qr_area{margin-top: 1px; z-index: 100; } .st_qr p.tit{left: 10px; margin: 0; padding: 0; position: absolute; top: 5px; } .st_qr .ly_thumb{float: left; margin: 37px 0 0; padding: 0; } .st_qr .ly_p_dsc{color: #666666; line-height: 150%; overflow: hidden; text-align: left; width: 202px; margin-left: 20px; } .st_qr img{margin-top:15px; width:100%;} /* 폰트사이즈,줄간격 공통 */ .opt_btn > a{ text-indent: -5000px; } .opt_lineh_small a{background: url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 9px -39px; } .opt_lineh_normal a{background: url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 9px -17px; } .opt_lineh_wide a{background: url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 9px 2px; } .opt_font_normal a{background: url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 11px -90px; } .opt_font_big a{background: url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 6px -71px; } .opt_lineh_small.select a{background-position: 8px -39px;} .opt_lineh_normal.select a{background-position: 8px -17px;} .opt_lineh_wide.select a{background-position: 8px 2px;} .opt_font_normal.select a{background-position: 10px -90px;} .opt_font_big.select a{background-position: 5px -71px;} /* 닫기버튼 */ .contents_tools li div .opt_cl, .contents_tools > ul > li > ul > li.close{ cursor: pointer; width:29px; height:28px; position:absolute; top:10px; right:10px; padding:0; margin:0;} .contents_tools > ul > li > ul > li.close a, .contents_tools li div .opt_cl .opt_close{ display:block; text-indent:-9999px; width:29px; height:28px; border-radius:20px; background: #898989 url("/images/common/sub/contents_tool_detail.png") no-repeat scroll 9px -423px;margin:0;} /* 원패스,핸드폰본인확인 로그인 */ .loginform_wrap { position: relative; margin:0 auto; width:100%;} .loginform_wrap .certify { border:2px solid #4d4d4d; box-sizing:border-box; padding:4%; margin-bottom:60px;} .loginform_wrap .certify h3.certify_tit { color:#1a4ab9 !important; font-size:20px !important; margin:0 0 15px 0 !important;padding: 0 0 20px 0 !important;} .loginform_wrap .certify p { font-size:16px !important; line-height:1.6 !important; margin:0 !important; word-break:keep-all;} .loginform_wrap .certifybox { display:inline-block; margin-bottom:35px; width:100%;} .loginform_wrap .certifybox h4 { font-size:24px;} .loginform_wrap .certifybox h4 > span{ font-size: 16px; margin-left: 10px;} .loginform_wrap .certifybox > div { float:left; width:31.65%; margin-left:2.5%;} .loginform_wrap .certifybox > div:first-child { margin-left:0; } .loginform_wrap .certifybox > div > div { position:relative; border:1px solid #dbdbdb; margin-top:16px; padding-bottom:56px;} .loginform_wrap .certifybox > div > div:before { content:""; display:block; position:absolute; width:100%; top:0; left:0; height:172px; background-color:#f4f4f4;} .loginform_wrap .certifybox .ico { display:block; height:172px; width:100%; position:relative;} .loginform_wrap .certifybox .phone_pass .ico:after { content:""; display:block; position:absolute; width:93px; height:94px; background:url("/images/wandohealing/common/loginform_sp.png") no-repeat -20px -25px; left:50%; margin-left:-46.5px; top:43px; } .loginform_wrap .certifybox .one_pass .ico:after { content:""; display:block; position:absolute; width:220px; height:45px; background:url("/images/wandohealing/common/loginform_sp.png") no-repeat -140px -21px; left:50%; margin-left:-110px; top:61px;} .loginform_wrap .certifybox .naver_pass .ico:after { content:""; display:block; position:absolute; width:166px; height:31px; background:url("/images/wandohealing/common/loginform_sp.png") no-repeat -140px -86px; left:50%; margin-left:-83px; top:68px;} .loginform_wrap .certifybox .kakao_pass .ico:after { content:""; display:block; position:absolute; width:166px; height:35px; background:url("/images/wandohealing/common/loginform_sp.png") no-repeat -140px -136px; left:50%; margin-left:-83px; top:68px;} @media screen and (max-width:1380px){ .loginform_wrap .certifybox .naver_pass div, .loginform_wrap .certifybox .phone_pass div{ height:423px; box-sizing: border-box; } } /* 원패스감춤 */ .loginform_wrap .certifybox > div { width:31.65%;} .loginform_wrap .certifybox > div.one_pass { display:none;} .loginform_wrap .certifybox p.align_center{ width:84%; margin:40px auto 0; word-break:keep-all; line-height: 1.6} .loginform_wrap .certifybox a.btn_certify { display:block; width:72%; margin:32px auto 0; height:54px; font-size:18px; border-radius:100px;} .loginform_wrap .certifybox a.btn_certify span { display:block; padding-top:16px;} .loginform_wrap .certifybox .phone_pass a.btn_certify {background-color:#046fd9 !important;} .loginform_wrap .certifybox .one_pass a.btn_certify {background-color:#1c2674 !important;} .loginform_wrap .certifybox .naver_pass a.btn_certify {background-color:#0d8133 !important;} .loginform_wrap .certifybox .kakao_pass a.btn_certify {background-color:#1a1a1a !important;} .loginform_wrap .certifybox .phone_pass a.btn_certify:hover, .loginform_wrap .certifybox .one_pass a.btn_certify:hover, .loginform_wrap .certifybox .naver_pass a.btn_certify:hover { background-color:#d21c4f !important;} .loginform_wrap .certifybox p.ment01{ width: 70%; margin:0 auto; text-align: center; margin-top: 10px;}/* 네이버 로그인 안돼서 넣는 멘트*/ @media screen and (max-width:1460px){ .loginform_wrap .certifybox p.align_center span.next { display: initial !important;} } /* 회원가입 step1 */ #join_type {border: 1px solid #bbbbbb;width: 100%;box-sizing: border-box;} #join_type .type_w {width:100%;border-bottom:1px solid #e4e4e4;} #join_type ul.type { padding: 0; overflow:hidden; width:99%; margin:0 auto;} #join_type ul.type li { background-image: none; float: left; width:33%; height:243px; border-left:1px solid #e4e4e4;} #join_type ul.type li:first-child { border-left:none;} #join_type ul.type li a { display:block; width:149px; margin:49px auto 0; padding-top:73px; font-size:15px;} #join_type ul.type li a img, #join_type ul.type li a span { display:block; text-align:center;} #join_type ul.type li a span.joinm { margin-bottom:10px;} #join_type ul.type li a span.joinbtn { background-color:#1a4ab9; height:37px; line-height:37px; color:#fff; border-bottom:3px solid #ddd; } #join_type ul.type li.ty01 a {background: url("/images/common/member/btn_type01_ico.gif") no-repeat scroll top center transparent;} #join_type ul.type li.ty02 a {background: url("/images/common/member/btn_type02_ico.gif") no-repeat scroll top center transparent;} #join_type ul.type li.ty03 a {background: url("/images/common/member/btn_type03_ico.gif") no-repeat scroll top center transparent;} #join_type .mtxt_w {background-color: #f4f9fd;} #join_type ul.mtxt {padding: 30px 0;width: 85%;margin:0 auto;} #join_type ul.mtxt li { background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 9px transparent; padding: 0 0 0 9px; line-height:24px;} /*회원가입 step2*/ #content #join_tab h5 { font-size:17px; font-weight:400; text-decoration: none;} #join_tab { background-image: none; width:100%; margin: 0; padding: 0; } #join_tab ul.tab { padding: 0; overflow:hidden; border:1px solid #bbbbbb; width:99.8%; height:135px;} #join_tab ul.tab li { float: left; padding-top: 57px; font-size:15px; text-align:center; width:25%; line-height:20px; margin-top:23px; position:relative; } #join_tab ul.tab li span.here { font-size:14px; color:#df2a09; font-weight:400;} #join_tab ul.tab li span.no img { margin-right:3px; margin-top:3px;} #join_tab ul.tab li.jointab1 {background: url("/images/common/member/jointab1_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab1.on {background: url("/images/common/member/jointab1_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab2 {background: url("/images/common/member/jointab2_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab2.on {background: url("/images/common/member/jointab2_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab3 {background: url("/images/common/member/jointab3_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab3.on {background: url("/images/common/member/jointab3_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab4 {background: url("/images/common/member/jointab4_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab4.on {background: url("/images/common/member/jointab4_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li span.right_bl { position:absolute; right:0; top:0; background: url("/images/common/member/right_bl.png") no-repeat scroll center center; height:100%; width:17px;} #join_tab .img_realsearch {float: left;height: 100px;margin-top: 40px;padding-left: 28px;padding-top: 58px;width: 137px;} #join_tab p {clear:both;margin: 0;padding: 10px 0 0;} #join_tab p input {margin-left: 4px;vertical-align: middle;} #join_tab p.joinPoint {background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 10px transparent;color: #4D4D4D;margin-bottom: 10px;margin-top: 15px;padding: 0 0 0 8px;} #join_tab p.joinText {color: #4D4D4D;margin-left: 0;} #join_tab p.joinText strong {color: #00944A;font-weight: 400;text-decoration: underline;} #join_tab div.textArea {width: 100% !important;font-size:14px;background-color:#f2f5f7;} #join_tab div.textArea, #join_tab div.borderArea, #join_tab div.borderArea02 {border-color: #C9C9C9 #E1E1E1 #E1E1E1;border-image: none;border-right: 1px solid #E1E1E1;border-style: solid;border-width: 1px;float: left;} #join_tab div.textArea div {height: 200px;margin: 10px 0 10px 15px;overflow-x: hidden;overflow-y: scroll;padding:0 2% 0 0;} #join_tab div.textArea div dl {margin: 10px 0 0;padding: 0;float:left;} #join_tab div.textArea div dl dt {color: #000000;font-weight: 400;margin: 10px 0 0;padding: 0;font-size:15px;} #join_tab div.textArea div dl dd {color: #666;font-weight: normal;margin: 5px 0 0;padding: 0;line-height:1.6;} #join_tab div.textArea div dl .dd_impor{font-weight: 600;font-size: 15px;color: #c12828;} #join_tab ul.type {float: left;margin-top: 28px;padding: 4%;width: 91.8%;border:1px solid #d2d2d2;background-color:#f2f5f7;} #join_tab ul.type li {background-image: none;float: left;font-size:15px;margin-top:25px;width:100%;line-height:25px;} #join_tab ul.type li:first-child { margin-top:0;} #join_tab ul.type li img { float:left; display:block; margin-bottom:10px; margin-right:8px;} #join_tab ul.type li span { float:left; display:block;} #join_tab ul.type02 {margin-left: 8px;margin-top: 19px;overflow:hidden;} #join_tab ul.type02 li {background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 9px transparent;float: left;line-height: 22px;width: 95%;padding: 0 0 0 10px;font-size:14px;} #join_tab ul.type03 {border: 1px dashed #FF3300;float: left;font-size: 12px;font-weight: 400;margin-left: 8px;margin-top: 10px;margin-bottom:10px;padding: 10px 10px 10px 20px;} #join_tab ul.type03 li {background: url("/images/common/member/icon_excla.gif") no-repeat scroll left -1px transparent;float: left;height: 18px;padding: 0 0 0 26px;} #join_tab p.end {float: left;margin: 0;padding-left: 28px;padding-top: 18px;width: 137px;} #join_tab ul.end {float: left;margin-left: 8px;margin-top: 50px;padding: 0;width: 350px;} #join_tab ul.end li {background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 7px transparent;float: left;font-size: 14px;line-height: 130%;} #join_tab ul.end li span {font-weight: 400;} #join_tab div.borderArea {margin-top: 18px;padding: 0 22px 20px;width: 566px;} #join_tab div.borderArea dl dt {font-size: 14px;margin-top: 15px;vertical-align: text-bottom;} #join_tab div.borderArea dl dt img {margin-right: 10px;} #join_tab div.borderArea dl dd {font-weight: normal;margin-top: 10px;} #join_tab div.borderArea dl dd strong {color: #388D02;text-decoration: underline;} #join_tab div.borderArea02 {background: url("/01kr/images/use/img_join01.jpg") no-repeat scroll 18px 12px transparent;margin-top: 16px;padding: 16px 40px 24px 130px;} #join_tab div.borderArea02 dl {width: 440px;} #join_tab div.borderArea02 dl dd {font-weight: normal;margin-top: 5px;} #join_tab div.borderArea02 dl dd strong {margin-left: 4px;} #join_tab table.joinTable {border-color: #d2d2d2;border-image: none;border-right: medium none;border-style: solid none none;border-width: 1px medium medium;clear: both;/*margin-top: 8px;*/padding: 0;width: 100%;} #join_tab table.joinTable caption {margin-top: 20px;padding-left: 20px;text-align: left;} #join_tab table.joinTable caption strong {color: #00A851;font-weight: normal;margin-left: 8px;} #join_tab table.joinTable tr th, #join_tab table.joinTable tr td {border-bottom: 1px solid #DCDEE7;} #join_tab table.joinTable tr th {background: url("/01kr/images/use/bol_jointh.gif") no-repeat scroll 19px 18px #F5F6F6;padding: 10px 10px 10px 18px;text-align: left;vertical-align: text-top;width: 110px;font-weight:400;} #join_tab table.joinTable tr td {font-weight: normal;padding: 10px 10px;} #join_tab table.joinAddress tr td {padding:0 0 5px 10px;} #join_tab table.joinAddress tr td.paddingOther01 {padding: 7px 10px 4px;} #join_tab table.joinAddress tr td.paddingOther02 {padding: 4px 10px 7px;} #join_tab table.joinTable tr td input, #join_tab table.joinTable tr td select, #join_tab table.joinTable tr td img {vertical-align: middle;} #join_tab table.joinTable tr td ul.joinLeft li {background-image: none;display: inline;} #join_tab table.joinTable tr td ul li {background-image: none !important;margin-left: 2px;margin-top:5px;font-size:14px;} #join_tab table.joinTable tr td input.joinInput01, #join_tab table.joinTable tr td input.joinInput02, #join_tab table.joinTable tr td input.joinInput03, #join_tab table.joinTable tr td input.joinInput04, #join_tab table.joinTable tr td input.joinInput05, #join_tab table.joinTable tr td input.joinInput06, #join_tab table.joinTable tr td input.inputTextShort2 {border: 1px solid #C7C7C7;/*height: 30px;*/padding: 2px;} #join_tab table select {height: 24px;} #join_tab table.joinTable tr td input.joinInput01 {width: 200px;} #join_tab table.joinTable tr td input.joinInput02 {width: 341px;} #join_tab table.joinTable tr td input.joinInput03 {width: 65px;} #join_tab table.joinTable tr td input.joinInput04 {width: 399px;} #join_tab table.joinTable tr td input.joinInput05 {width: 49px;} #join_tab table.joinTable tr td input.joinInput06 {width: 113px;} #join_tab table.joinTable tr td input#birth_yy, #join_tab table.joinTable tr td input#birth_mm, #join_tab table.joinTable tr td input#birth_dd { width:100px;} #join_tab table.joinTable tr td input[type="radio"] { margin-right:3px;} #joinBtnGroup {margin: 16px 0 15px 0;width: 100%;} #joinBtnGroup ul {text-align: center;} #joinBtnGroup ul li {background-image: none !important;margin-right: 8px;display:inline;} ul#ipinBtnGroup {clear: both;padding-top: 19px;text-align: center;} ul#ipinBtnGroup li {display: inline;} span.must_input {color: #FF3300;} span.must_input span.hide_text{display: block; text-indent: -99999px; width: 0; height: 0;} /* 회원가입완료 */ p.end_top { width:99.8%; background-color:#f2f5f4; border:1px solid #d2d2d2; text-align:center; margin:25px 0 0 0 !important; padding:25px 0 !important; font-size:17px; } p.end_top span { color:#099a84;} #contentUseIdSearch input.checkInput07, #contentUseIdSearch input.checkInput08 {border: 1px solid #BFC7E0;height: 16px;padding: 2px;} #contentUseIdSearch input.checkInput07 {width: 234px;} #contentUseIdSearch input.checkInput08 {width: 107px;} #idsearch {width:441px; margin:0 auto;} #idsearch h2 {margin-top: 10px;} #idsearch p.close {left: 410px;position: absolute;top: 10px;} #idsearch p {font-size: 14px;margin-left: 22px;margin-top: 20px;} #idsearch p.red {color: #FF4200;font-weight: 400;margin: 0 0 0 22px;} #idsearch p.black {color: #000000;font-weight: 400;margin: 20px 0 0 22px;} #idsearch form {width: 320px;} #idsearch fieldset {background-color: #F7F8F9;float: left;height: 44px;margin-left: 40px;margin-top: 20px;padding: 0 0 0 32px;width: 350px;} #idsearch fieldset legend {float: left;font-size: 12px;padding: 22px 0 0;visibility: visible;width: 50px;height:22px;} #idsearch input.w150 {border: 1px solid #C8D0EA;float: left;height: 22px;margin-top: 10px;width: 150px;} #idsearch input.p10 {float: left;margin-left: 5px;margin-top: 8px;} #idsearch .btn_use_ok{ display:block; text-align:center; margin-top:10px;} .AlignLeft {text-align: left !important;} .AlignCenter {text-align: center !important;} .AlignRight {text-align: right !important;} .ValignTop {vertical-align: top !important;} .ValignMiddle {vertical-align: middle !important;} .ValignBottom {vertical-align: bottom !important;} .DisplayBlock {display: block;} .DisplayInline {display:inline;} .DisplayNone {display: none;} .FloatLeft {float: left;} .FloatRight {float: right;} .ClearBoth {clear: both;} .BackgroundNone {background: none repeat scroll 0 0 transparent !important;} .BorderNone {border: medium none !important;} .BorderRightNone {border-right: medium none !important;} .PaddingNone {padding: 0 !important;} .MarginNone {margin: 0 !important;} .FontWeightNormal {font-weight: normal !important;} .FontWeightBold {font-weight: 400 !important;} .fontbw {letter-spacing: -1px;} #idsearch a.close {left: 410px;position: absolute;top: 25px;} .group02{ clear:both; float:left; width:100%; margin-top:50px !important;} /* 회원정보수정 */ .pswd_checkbox{text-align: center;} .pswd_checkbox form[name="password_confirm"]{display: inline-block; padding: 50px 20%; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;} .pswd_checkbox dl dt label[for="user_password"]{display: block;color: #1a4ab9;font-size: 22px;font-weight: 400;} .pswd_checkbox dl dd{border-bottom: 1px dashed #d2d2d2; padding-bottom: 20px; margin: 20px 0;} .pswd_checkbox dl dd input#user_password{width: 50%; margin: 0; height: 45px; line-height: 45px; padding: 0 7px; box-sizing: border-box; border:2px solid #1a4ab9;} .pswd_checkbox .pswd_btn{clear: both; display: inline-block;} .pswd_checkbox .pswd_btn li{float: left; margin-right: 5px;} .pswd_checkbox .pswd_btn li input[type="submit"]{display: block; border: 0; background-color: #1a4ab9; color: #fff; padding: 0 30px; height: 34px; line-height: 34px; font-weight: 300; font-size: 15px;} .pswd_checkbox .pswd_btn li .cancel{display: block; background-color: #333; color: #fff; padding: 0 30px; height: 34px; line-height: 34px; font-weight: 300; font-size: 15px;} #join_tab h4{ background-image: none; padding-left: 0; margin-top: 40px;} /* 통합메뉴 열렸을때 */ .total_menu_cnt_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.75); z-index: 1000;} .total_menu_cnt_wrap.guide_close{background: none; width: auto;} .total_descrip{position:absolute; left: 50%; z-index: 10;} .total_descrip_inner{position:absolute;width:943px;height:749px;top:130px;left:50%;margin-left:-345px;background:url('/imageswww/common/totalmenu_descript.png') no-repeat center 0; } .total_descrip_inner > h2, .total_descrip_inner > p{text-indent:-9999px} .total_descrip_inner ul li a{position:absolute;display:block;width:70px;height:70px;border-radius:35px;color:#fff;text-indent:-9999px} .total_descrip_inner ul li.mokpo a{top: 122px;left:116px;} .total_descrip_inner ul li.tour a{top: 264px;left:0;} .total_descrip_inner ul li.biz a{top: 480px;left: 145px;} .total_descrip_inner ul li.munhak a{top: 666px;left: 355px;} .total_descrip_inner ul li.art a{top: 527px;right: 94px;} .total_descrip_inner ul li.youth a{top: 575px;right: 287px;} .total_descrip_inner ul li.car a{top: 370px;right: 10px;} .total_descrip_inner ul li.health a{top: 190px;right: 135px;} .tt_close{position:absolute;color:#fff;top:55%;margin-top:50px;left:60%;margin-left:-190px;font-size:15px;padding:12px 25px 12px 50px;border:1px solid #737171;border-radius:15px;background:url('/imageswww/common/tt_menu_descrip_close.png') no-repeat 20px 14px} .total_menu_cnt_wrap .total_menu_cnt{position:relative;left:0px; height: 100%; display: inline-block; z-index: 11;} .total_menu_cnt_wrap .total_menu_cnt > div{float:left;} .total_menu_cnt_wrap .total_menu_cnt > div > div{float:left;} .total_menu_cnt_wrap .total_menu_cnt #Depth1{width:308px;height:1080px;background:#222} .total_menu_cnt_wrap .total_menu_cnt #Depth1 h2{font-size:21px;font-weight:500;color:#fff ;padding:30px 0 50px 0; background:url('/imageswww/common/total_title_bg.png') no-repeat 68px 45px; text-align:center } .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul{padding-top:20px} .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul > li{background:url('/imageswww/common/total_arrow.png') no-repeat 263px center} .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul > li > a{display:block;font-size:15px;color:#fff;padding:7px 0px 7px 43px} .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul > li > a:hover{background:#4264a3 url('/imageswww/common/total_arrow.png') no-repeat 263px center} .total_menu_cnt_wrap .total_menu_cnt #Depth2{position:relative;width:285px;height:1080px; background:#e9e9e9 url('/imageswww/common/depth2_bg.png') repeat-y} .total_menu_cnt_wrap .total_menu_cnt #Depth2 h2{font-size:19px;font-weight:500;color:#010101;padding-left:50px;margin:30px 0 28px 0} .total_menu_cnt_wrap .total_menu_cnt #Depth2 > ul > li{background:url('/imageswww/common/total_arrow2.png') no-repeat 234px center;margin-left:22px;} .total_menu_cnt_wrap .total_menu_cnt #Depth2 > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px} .total_menu_cnt_wrap .total_menu_cnt #Depth2 > ul > li > a:hover{background:#00688f url('/imageswww/common/total_arrow.png') no-repeat 234px center;color:#fff} .total_menu_cnt_wrap .total_menu_cnt #Depth3{position:relative;background:#fff} .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt{float:left;width:228px} .total_menu_cnt_wrap .total_menu_cnt #Depth3 h2{font-size:18px;font-weight:500;color:#010101;padding-left:26px;margin:30px 0 28px 0} .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px} .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a:hover{color:#099a84} .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li.newwin > a{background:url('/imageswww/common/_blank.png') no-repeat 165px 8px} .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > span{display: block;margin-top: 10px;text-align: center;font-weight: 600;font-size: 13px;} .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab{float:left;width:49px;height:1080px;background:#4264a3} .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a {display:block;width:20px;height:20px;text-indent:-9999px;margin-left:14px;margin-top:20px} .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close {background:url('/imageswww/common/total_menu_close.png') no-repeat;} .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close:hover{background:url('/imageswww/common/total_menu_close_hover.png') no-repeat} .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel {width:49px;height:53px;background:#222 url('/imageswww/common/Depth2_cancel.png') no-repeat;margin-top:32px;margin-left:0} .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel:hover{width:49px;height:53px;background:#222 url('/imageswww/common/Depth2_cancel_hover.png') no-repeat;margin-left:0} .total_menu_cnt_wrap.on .total_menu_cnt #Depth2_3{position:relative; } .total_menu_cnt_wrap.on .total_menu_cnt #Depth2{display:block !important; } .total_menu_cnt_wrap.on .total_menu_cnt #Depth2{left: 0; } .total_menu_cnt_wrap.on .total_menu_cnt #Depth3{left: 0; } .total_menu_cnt_wrap.on .total_menu_cnt #Depth3 .Depth3_cnt {width: 280px !important; display: block !important;} .total_menu_cnt_wrap.on .total_menu_cnt #Depth1 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 263px center;} .total_menu_cnt_wrap.on .total_menu_cnt #Depth2 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 234px center;color: #fff;} .total_menu_cnt_wrap.on .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a.on{color: #099a84;} .Depth1_over {background:#4264a3 url("/imageswww/common/total_arrow.png") no-repeat scroll 263px center !important;} .Depth2_over {background:#00688f url("/imageswww/common/total_arrow.png") no-repeat scroll 234px center !important;} .Depth2_over a{color : #ffffff;} .Depth3_over a{color: #099a84; font-weight:500;} .ajax_loader {background:url("/imagesspinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;} #Depth3 .Depth3_cnt .ajax_loader {height:50%;} #get_page {position: absolute; top: -76px;width: 600px;background: #fff none repeat scroll 0 0;height: auto;left: 762px;overflow: scroll;padding: 25px;; z-index: 9999;display:none;padding-top:0} #get_page .preview_header {position:fixed;width:583px;;background:#fff;padding-top:25px } #get_page .preview_header p:first-child{text-align:center} #get_page .preview_header .path {position:relative;font-size:15px;color:#000;font-weight:500;border-bottom:2px solid #099a84;border-top:1px solid #d2d2d2;padding:11px 0;margin-top:17px} #get_page .preview_header .path span{display:inline-block;width:420px} #get_page .preview_header > p > a{position:absolute;top:7px;right:0px;width:99px;height:29px;line-height:29px;font-size:14px;color:#fff;background:#099a84 url('/imageswww/common/icon_total_blank.png') no-repeat 13px center;padding-left:32px} #get_page h3 {font-size:16px;color:#099a84;margin: 35px 0 8px 0;} #get_page h4{font-size:15px;margin:10px 0 5px 0} #get_page table{border-collapse: collapse; border-spacing: 0; margin-top: 20px; width: 100%; border-top: 1px solid #4264a3; } #get_page table th{ background-color: #fbfbfb; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-top: 1px solid #4264a3;font-weight: 600; line-height: 14px;padding: 14px 0; text-align: center;} #get_page table th:last-child{border-right:none} #get_page table td{background-color: #fff;border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;line-height: 16px;padding: 12px 15px;text-align: center;} #get_page table td:last-child{border-right:none} .get_page_img {border: 1px solid #099a84;padding:25px 0 20px 20px;border-radius:5px;background:url('/imageswww/common/ready.png') no-repeat 22px 27px;font-size:13px;color:#126843;padding-left:70px;margin:15px 0} .get_page_img span{display:block;font-size:14px;color:#000;font-weight:500;} .preview_body{margin-top:170px;margin-bottom:100px} .preview_body > ul > li{background:url('/imageswww/common/preview_dot.png') no-repeat left 7px;padding-left:10px;font-size:14px;} .preview_body > p{font-size:14px;} .pv_paging{text-align:center;margin:20px 0} .pv_paging > div a{padding:7px 12px;border:1px solid #d1ccc9} .pv_searchform{text-align:center} .pv_searchform label{display:none} .pv_searchform select{width:70px;height:27px;background:#ebebe4;border:1px solid #d6d6d6} .pv_searchform input[type="text"]{width:236px;height:27px;background:#ebebe4;border:1px solid #d6d6d6} .pv_searchform input[type="button"]{width:40px;height:27px;background:#ebebe4;border:1px solid #d6d6d6} input[type="text"].menu_search::-webkit-input-placeholder{font-size:14px;color:#b8bfbe;} input[type="text"].menu_search:-ms-input-placeholder{font-size:14px;color:#b8bfbe;} input[type="text"].menu_search::-moz-placeholder {font-size:14px;color:#b8bfbe;} input[type=text]::-ms-clear{ display:none; } #menu_search{width:208px;height:38px;background:url('/imageswww/common/total_searchmenu_bg.png') no-repeat;padding-left:34px;margin-left: 32px;border:none;margin-top: 10px;} #header .initial_sound{display:none;float:none;position:relative;} .initial_sound .inner{position:absolute;top:-2px;padding:18px;width:206px;height:131px;margin-left:32px;background:#352d2d;border-bottom:1px solid #292121;} .initial_sound .inner > ul > li{float:left;display:block !important} .initial_sound .inner > ul > li.on > a{background:#74e9d7} .initial_sound .inner > ul > li > a{display:block;width:23px;height:21px;border:1px solid #bfc4c8;background:#fff;text-align:center;color:#1e332f;font-size:16px;margin-right:4px;margin-bottom:4px} .initial_sound .inner > p{color:#fff;background:url('/imageswww/common/total_menu_notice.png') no-repeat ;padding-left:24px;margin-top:15px;font-size:12px} .initial_sound > a{position:absolute;top: 166px;width:242px;height:29px;line-height:29px;margin-left: 32px;color: #aa8c8c;font-size:11px;background:url('/imageswww/common/total_menu_colse_bg.png') repeat;} .initial_sound > a > span{padding-left:175px;} #Depth1 label{position:absolute;top: 120px;left: 69px;color:#eee;font-size: 13px;} #Depth1 input{color:#fff;font-size:14px} #Depth1 > a{position:absolute;top:126px;left:255px;;width:11px;background:url('/imageswww/common/total_menu_colse.png') no-repeat;text-indent:-9999px} .integration_category_wrap{position:relative;left:0;top:0;height:100%;z-index:1000} .integration_category_wrap .total_menu_cnt{left:0px} .integration_category_wrap .total_menu_cnt > div{float:left} .integration_category_wrap .total_menu_cnt > div > div{float:left;} .integration_category_wrap .total_menu_cnt #Depth1{width:308px;height:1080px;background:url('/imageswww/common/root_bg.png') no-repeat} .integration_category_wrap .total_menu_cnt #Depth1 h2{font-size:21px;font-weight:500;color:#fff;padding-left:43px;margin:30px 0 22px 0} .integration_category_wrap .total_menu_cnt #Depth1 > ul > li{background:url('/imageswww/common/total_arrow.png') no-repeat 263px center} .integration_category_wrap .total_menu_cnt #Depth1 > ul > li > a{display:block;font-size:15px;color:#fff;padding:7px 0px 7px 43px} .integration_category_wrap .total_menu_cnt #Depth1 > ul > li > a:hover{background:#224039 url('/imageswww/common/total_arrow.png') no-repeat 263px center} .integration_category_wrap .total_menu_cnt #Depth2{position:relative;left:0;width:285px;height:1080px;background:url('/imageswww/common/depth2_bg.png') no-repeat;} .integration_category_wrap .total_menu_cnt #Depth2 h2{font-size:19px;font-weight:500;color:#010101;padding-left:50px;margin:30px 0 28px 0} .integration_category_wrap .total_menu_cnt #Depth2 > ul > li{background:url('/imageswww/common/total_arrow2.png') no-repeat 234px center;margin-left:22px;} .integration_category_wrap .total_menu_cnt #Depth2 > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px} .integration_category_wrap .total_menu_cnt #Depth2 > ul > li > a:hover{background:#224039 url('/imageswww/common/total_arrow.png') no-repeat 234px center;color:#fff} .integration_category_wrap .total_menu_cnt #Depth3{position:relative;left:0;background:#fff} .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt{float:left;width:228px;} .integration_category_wrap .total_menu_cnt #Depth3 h2{font-size:18px;font-weight:500;color:#010101;padding-left:26px;margin:30px 0 28px 0} .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px} .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a:hover{color:#099a84} .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li.newwin > a{background:url(/images/www/common/_blank.png) no-repeat 165px 8px} .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > span{display: block;margin-top: 10px;text-align: center;font-weight: 600;font-size: 13px;} .integration_category_wrap .total_menu_cnt .total_menu_right_tab{float:left;width:49px;height:1080px;background:url('/imageswww/common/close_bg.png') no-repeat} .integration_category_wrap .total_menu_cnt .total_menu_right_tab a {display:block;width:20px;height:20px;text-indent:-9999px;margin-left:14px;margin-top:20px} .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close {background:url('/imageswww/common/total_menu_close.png') no-repeat;} .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close:hover{background:url('/imageswww/common/total_menu_close_hover.png') no-repeat} .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel {width:49px;height:53px;background:url('/imageswww/common/Depth2_cancel_hover2.png') no-repeat;margin-top:32px;margin-left:0} .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel:hover{width:49px;height:53px;background:url('/imageswww/common/Depth2_cancel.png') no-repeat;margin-left:0} .integration_category_wrap .total_menu_cnt #Depth2_3{position:relative; left:0px;} .integration_category_wrap .total_menu_cnt #Depth2{display:none; } .integration_category_wrap.on .total_menu_cnt #Depth2{display:block !important; } .integration_category_wrap.on .total_menu_cnt #Depth2_3 {left: 290px;position: absolute;} .integration_category_wrap.on .total_menu_cnt #Depth2_3 {left: 55px;} .integration_category_wrap.on .total_menu_cnt #Depth3 .Depth3_cnt {background-color: #fff;border-left: 1px solid;float: left;height: 100%;left: -200px;position: absolute;width: 228px !important;z-index: 99999;} .integration_category_wrap.on .total_menu_cnt .total_menu_right_tab {left: -15px; position: relative;} .integration_category_wrap .total_menu_cnt #Depth1 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 263px center;} .integration_category_wrap .total_menu_cnt #Depth2 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 234px center;color: #fff;} .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a.on{color: #099a84;} #new_wrap{margin: auto;width: 1400px;} #new_wrap .initial_sound{display:none;float:none;position:relative;} #new_wrap #right, #new_wrap #content_wrap{float:right;width:995px; margin-right: 15px;} #new_wrap #new_header .logo a {display:inline-block;width:101px;height:45px;background:url('/imageswww/common/logo.png') no-repeat;text-indent:-9999px} #new_wrap #new_header .left_util ul li a {display: block;background: url('/imageswww/common/icon_layout.png') no-repeat;padding-left: 22px;margin-top:-30px} #new_wrap #new_header .left_util ul li.logout a{width:60px;background-position: -7px -20px;} #new_wrap #new_header {border-bottom:1px solid #000;height: 100px;} #new_wrap #new_wrap #footer{clear:both} #new_wrap #new_header .header_top{height: 75px; margin: 0 auto; max-width: 1200px; min-width: 761px; position: relative; } #new_wrap #new_header .header_top h1{padding-top: 12px; text-align: center; } #new_wrap #new_header .left_util ul li.logout a{background-position: -7px -20px; width: 60px; } #new_wrap #new_header .logo a{background: rgba(0, 0, 0, 0) url("/imageswww/common/logo.png") no-repeat scroll 0 0; display: inline-block; height: 45px; text-indent: -9999px; width: 101px; } #new_wrap #footer{clear: both !important; } #new_wrap #footer_wrap{clear:both} #new_wrap .contents_tools {display: none;} /* mode=setting에서 저장하기버튼 클릭을 위해 추가 20180219_김용선 */ #content .box_type .align_right{position: relative; z-index: 10;} /*공공누리 스타일 ##20190213 김용선*/ .open_type{position: relative; border: 1px solid #d2d2d2; padding: 20px 2%; display: inline-block; width: 100%; box-sizing: border-box; height: 94px; clear: both;} .open_type .box_img{position: absolute; top: 20px; left: 2%;} .open_type .box_text{display: block;} .open_type .box_text .box_inner{display: table-cell; height: 54px; vertical-align: middle;} .open_type .box_text.type_1_text{padding-left: 164px;} .open_type .box_text.type_2_text{padding-left: 198px;} .open_type .box_text.type_3_text{padding-left: 198px;} .open_type .box_text.type_4_text{padding-left: 255px;} .open_type.box_none{height: auto; } .open_type.box_none img{vertical-align: middle;} .i_rd {padding: 0px 8px; border-radius: 50px; border: 2px solid #cc2634; border-image: none; font-weight: bold; margin-right: 10px; display: inline-block; color:#cc2634;} .i_gr {padding: 0px 8px; border-radius: 50px; border: 2px solid #188657; border-image: none; font-weight: bold; margin-right: 10px; display: inline-block; color:#188657;} @media screen and (max-width:1550px){ .toppopup_wrap .closeCheck{right: 2% !important; margin-right: 0 !important;} } @media screen and (max-width:1220px){ .toppopup_wrap{min-width: inherit !important; width: 100%;} .toppopup_wrap .toppopup{width: 100% !important;} } @media screen and (max-width:1100px){ .toppopup_wrap{display: none !important;} #header .header_top .w_listbox > ul > li.popup{display: none;} } /* 구글지도 말풍선 */ .gm-style-iw > div{overflow: visible !important;} .gm-style-iw > div > div{overflow: visible !important;} /* 일정시간 지나면 접속 로그아웃 210813 */ #time_extension_bg {position:absolute; top:0; left:0;width:100%; height:100%; line-height:180%; background-color:#040404;z-index:9999; opacity: 0.8; } #time_extension_wrap{position:absolute; width:100%; height:100%; line-height:180%; vertical-align:middle; text-align:center; z-index:10000; } #time_extension{border:#4a91c3 solid 2px; width:409px; height:234px; display: inline-block; margin-top:200px; background:url(/images/common/time_bg.gif?build_20210813001) 10px 155px no-repeat; background-color:#FFFEFF; text-align:center; z-index:0; } #time_extension h3{margin:0; padding:0;} #time_extension p.txt{font-size:14px; color:#000; margin-top:26px; padding:0;text-align:center; line-height:100%; letter-spacing:-1px;} #time_extension p.red{font-size:14px; color: #F30; margin-top:9px; font-weight:bold; letter-spacing:-1px;} #time_extension p.remander{font-size:14px; color:#000; margin-top:15px;} #time_extension p.remander span{color:#2878e5; font-weight:bold;} #time_extension ul{margin-left:110px;margin-top:45px; padding:0;} #time_extension ul li{float:left; margin-right:5px; padding:0;} #time_extension_02{border:#4a91c3 solid 2px; width:409px; height:234px; display: inline-block; margin-top:200px; background:url(/images/common/time_bg.gif?build_20210813001) 10px 155px no-repeat; background-color:#FFFEFF; text-align:center; z-index:0; } #time_extension_02 h3{margin:0; padding:0;} #time_extension_02 p.txt2{font-size:14px; color:#000; margin-top:26px; padding:0;text-align:center; line-height:180%; letter-spacing:-1px;} #time_extension_02 p.txt2 span{color:#2878e5; font-weight:bold;} #time_extension_02 ul{margin-left:150px;margin-top:20px; padding:0;} #time_extension_02 ul li{float:left; margin-right:5px; padding:0;} /* 로딩중 */ .loding{top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(234,234,234,0.7); z-index: 20; display: block;} .loding.loding_fixed{position: fixed;} .loding.loding_part{position: absolute;} .loding_inner {width: 82px; height: 82px; background: rgba(255, 255, 255, 0); position: absolute; top: 50%; left: 50%; margin: -41px 0 0 -41px;} .loding_inner .text{position: absolute; top: 100%; left: -5px; right: -5px; text-align: center; color: #2f80ed; font-size: 16px; letter-spacing: -0.5px; margin-top: 28px;} .spin_box {width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.82); backface-visibility: hidden; transform-origin: 0 0;} .spin_box div {box-sizing: content-box;} .spin_box div > div {position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #2f80ed; animation: spin_box 1.7241379310344827s linear infinite;} .spin_box > div:nth-child(1) {transform: rotate(0deg); transform-origin: 87px 50px;} .spin_box > div:nth-child(2) {transform: rotate(45deg); transform-origin: 76px 76px;} .spin_box > div:nth-child(3) {transform: rotate(90deg); transform-origin: 50px 87px;} .spin_box > div:nth-child(4) {transform: rotate(135deg); transform-origin: 24px 76px;} .spin_box > div:nth-child(5) {transform: rotate(180deg); transform-origin: 13px 50px;} .spin_box > div:nth-child(6) {transform: rotate(225deg); transform-origin: 24px 24px;} .spin_box > div:nth-child(7) {transform: rotate(270deg); transform-origin: 50px 13px;} .spin_box > div:nth-child(8) {transform: rotate(315deg); transform-origin: 76px 24px;} .spin_box div:nth-child(1) > div {left: 79px; top: 42px; animation-delay: -1.5086206896551722s;} .spin_box div:nth-child(2) > div {left: 68px; top: 68px; animation-delay: -1.2931034482758619s;} .spin_box div:nth-child(3) > div {left: 42px; top: 79px; animation-delay: -1.0775862068965516s;} .spin_box div:nth-child(4) > div {left: 16px; top: 68px; animation-delay: -0.8620689655172413s;} .spin_box div:nth-child(5) > div {left: 5px; top: 42px; animation-delay: -0.6465517241379309s;} .spin_box div:nth-child(6) > div {left: 16px; top: 16px; animation-delay: -0.43103448275862066s;} .spin_box div:nth-child(7) > div {left: 42px; top: 5px; animation-delay: -0.21551724137931033s;} .spin_box div:nth-child(8) > div { left: 68px; top: 16px; animation-delay: 0s;} @keyframes spin_box { 0%, 100% {background: #56ccf2; backface-visibility: hidden; transform: translateZ(0) scale(0.7);} 50% {background: #2f80ed; backface-visibility: hidden; transform: translateZ(0) scale(1.3);} } /*========== new login ==========*/ .login-form-wrap{position: relative; max-width: 1300px; margin:0 auto; width:100%;} #login_box #member_login legend{ display:none;} #login_box {background-color: #edeff5; margin: 30px 0 0; padding:25px 3%; width: 94%;} #login_box p.login_tit{font-size:14px !important; line-height:1.6 !important; margin:0 !important;} #login_box fieldset{ border:none !important;} #login_box #member_login {margin:20px 0 0 0; padding:0;} #login_box #member_login ul{width:83%; margin:0; display:inline-block;} #login_box #member_login ul li {width:50%;float: left; position:relative;} #login_box #member_login p.btn{width:17%;float: right;display: flex;padding:0;} #login_box input.btnSubmit{padding:10px 0; width:100%; cursor: pointer; position:relative; background:#1a4ab9; border:none; color:#fff; text-align: center;} #login_box #member_login ul li label{position:absolute; top:10px; left:10px; font-size:13px; color:#666; font-weight:500;} #login_box input.idinput, #login_box input.pwinput{border: 1px solid #ccc; color: #000000; padding: 10px 2%; width: 94%; vertical-align:middle; height: 48px; box-sizing: border-box;} #login_box .id_search{width:100%; text-align:center; border-top: 1px solid #d2d2d2; margin-top:30px; padding-top:10px;} #login_box .id_search li {display:inline; margin:0 10px 0 0; padding:0 13px 0 0; font-size:14px;background:url("/imagescommon/board/id_line_bg.gif") no-repeat right 2px transparent;} #login_box .id_search li:last-child{background:none; margin-right:0; padding-right:0;} /* 로그인후 통합로그인 */ .login_after { margin-bottom:40px; display:inline-block; width:100%; box-sizing:border-box;} .login_after .certify {border:2px solid #4d4d4d; box-sizing:border-box; padding:4%; margin-bottom:60px;} .login_after h4 { font-size:21px; margin-top:28px; margin-bottom:34px;} .login_after .ys_ico { width:89px; height:22px; margin:45px auto; display:block; background:url("/images/common/board/loginafter_sp.png") no-repeat -11px -13px; } .login_after .loginsite li { float:left; width:31.6%; margin-left:2.5%;} .login_after .loginsite li:first-child { margin-left:0;} .login_after .loginsite li a { display:block; width:100%; height:100%; text-align:center; font-size:18px; border:1px solid #dbdbdb; box-sizing:border-box; } .login_after .loginsite li a span { display:block; transition:ease-in-out 0.3s;} .login_after .loginsite li a .img { width:100%; height:142px;} .login_after .loginsite li a .tit { height:70px; width:100%; line-height:70px;} .login_after .loginsite li a:hover .tit { background-color:#ffe16c;} .login_after .loginsite li.youthcenter a .img { background: #3b82da url("/images/common/board/loginafter_sp.png") no-repeat center -72px;} .login_after .loginsite li.edu a .img { background: #f2f2f2 url("/images/common/board/loginafter_sp.png") no-repeat center -224px;} .login_after .loginsite li.tour a .img { background: #8ec2eb url("/images/common/board/loginafter_sp.png") no-repeat center -376px;} /* 아이디 패스워드같은경우 비번바꾸기 */ #staff_pass_box.staff_pass_change { clear:both;} #staff_pass_box.staff_pass_change h4 { font-size:22px;} #staff_pass_box.staff_pass_change h4 em { font-size:18px;} #staff_pass_box .staff_box { background-color:#eeeeee; border:1px solid #dbdbdb; padding:3%; margin-top:16px; margin-bottom:70px; box-sizing:border-box;} #staff_pass_box .staff_box #staff_pass { margin-top:0 !important;} #staff_pass_box.staff_pass_change .staff_box input.idinput, #staff_pass_box.staff_pass_change .staff_box input.pwinput { border:none; border-radius:10px; padding:16px 7%; width:80%; font-size:15px; font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; font-weight:300;} #staff_pass_box.staff_pass_change fieldset { height:51px;} #staff_pass_box.staff_pass_change #staff_pass ul { width:75%;} #staff_pass_box.staff_pass_change #staff_pass p.btn { width:25%; } #staff_pass_box.staff_pass_change input.btnSubmit {font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; font-weight:300; padding:16px 0; border-radius:10px; background-color:#676d7b;} #staff_pass_box.staff_pass_change input.btnSubmit:hover { background-color:#046fd9;} #staff_pass_box.staff_pass_change .staff_box input.idinput::-webkit-input-placeholder, #staff_pass_box.staff_pass_change .staff_box input.pwinput::-webkit-input-placeholder {font-size:15px;color:#000; font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; font-weight:300;} #staff_pass_box.staff_pass_change .staff_box input.idinput:-ms-input-placeholder, #staff_pass_box.staff_pass_change .staff_box input.pwinput:-ms-input-placeholder {font-size:15px;color:#000; font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; font-weight:300;} #staff_pass_box.staff_pass_change .staff_box input.idinput::-moz-placeholder, #staff_pass_box.staff_pass_change .staff_box input.pwinput::-moz-placeholder {font-size:15px;color:#000; font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; font-weight:300;} #staff_pass_box #staff_pass legend{ display:none;} #staff_pass_box p.login_tit { font-size:14px !important; line-height:1.6 !important; margin:0 !important;} #staff_pass_box fieldset{ border:none !important;} #staff_pass_box #staff_pass {margin:20px 0 0 0; padding:0;} #staff_pass_box #staff_pass ul { width:83%; margin:0; display:inline-block;} #staff_pass_box #staff_pass ul li {width:50%;float: left; position:relative;} #staff_pass_box #staff_pass p.btn { width:17%;float: right;display: flex;} #staff_pass_box input.btnSubmit { padding:10px 0; width:100%; cursor: pointer; position:relative; background:#1a4ab9; border:none; color:#fff; text-align: center;} #staff_pass_box #staff_pass ul li label { position:absolute; top:10px; left:10px; font-size:13px; color:#666; font-weight:500;} #staff_pass_box input.idinput, #staff_pass_box input.pwinput { border: 1px solid #ccc; color: #000000; font-size: 14px; padding: 10px 2%; width: 94%; vertical-align:middle; } #staff_pass_box.id_search { width:100%; text-align:center; border-top: 1px solid #d2d2d2; margin-top:30px; padding-top:10px;} #staff_pass_box.id_search li {display:inline; margin:0 10px 0 0; padding:0 13px 0 0; font-size:14px;background:url("/images/common/board/id_line_bg.gif?build_20210614001") no-repeat right 2px transparent;} #staff_pass_box.id_search li:last-child { background:none; margin-right:0; padding-right:0;} .certify_info{border-top:2px solid #1a4ab9; border-bottom:1px solid #d2d2d2; padding:30px 3%; width:94%;} .certify_info h3.certify_tit{color:#1a4ab9 !important; font-size:18px !important; margin:0 0 15px 0 !important;} .certify_info p{font-size:14px !important; line-height:1.6 !important; margin:0 !important;} .certify_box { margin:30px 0 0; width:100%; overflow: hidden;} .certify_box .service_box_1 {background:url("/images/common/board/id_bg_one.png") no-repeat center 25px transparent;} .certify_box .service_box_2 {background:url("/images/common/board/id_bg_two.png") no-repeat center 25px transparent;} .certify_box h4 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; font-size: 18px ; color:#1a4ab9; margin-bottom: 10px;} .certify_box p.service_info {font-size:13px !important; line-height:1.6 !important;} .certify_box .g_box {padding:115px 6% 35px;border:1px solid #dddddd; min-height: 442px; box-sizing: border-box;} .certify_box .certify_one { float:left; width:48%;} .certify_box .certify_two { float:right; width:48%;} .service_sum {width:90%; padding:20px 5%; background:#f2f5f4; margin-top:20px;} .service_sum strong { font-size:14px;} .service_sum ul { margin:10px 0 0;} .service_sum ul li {font-size:13px !important; line-height:1.4 !important; margin:5px 0; background:url("/images/common/board/id_list_bl.gif") no-repeat 0 8px transparent; padding:0 0 0 8px; color:#555; transition: 0.2s ease;} a.btn_certify { color: #fff; display: block; margin:20px auto 0; padding: 8px; position: relative; text-align: center; transition: background-color 0.2s ease; width:150px; background-color: #1a4ab9 !important; text-transform: uppercase !important } .certify_box .btn1 .btn1hover1 { background: #188657 none repeat scroll 0 0; display: block; height: 100%; left: 0; position: absolute; top: 0; transform: scale(1, 0); transform-origin: center top 0; transition: all 0.2s ease-out; width: 100%; } .certify_box .btn1 span { position: relative; transition: color 0.5s ease-out; font-size:14px; } .certify_box .btn1:hover span {color: #fff;} .img_pd{ padding: 10px 0; margin-bottom: 10px;} /*id, pw찾기*/ .idpwsearch{padding:0 !important; margin:0 !important; display:block !important; width:100% !important; min-height:400px;} .idpwsearch dl{ border:1px solid #d2d2d2; display:inline-block; float:left; width:47%; } .idpwsearch dl.search_id{margin-right:5.4%;} .idpwsearch dt{font-size:18px; font-weight:500; margin:25px 25px 30px;} .idpwsearch dt{font-size:18px; font-weight:500; margin:25px;} .idpwsearch .sch_idpwbtn{background-color:#f2f5f4; text-align:center; padding:29px 0; height:36px;} .idpwsearch .sch_idpwbtn p.sch_idpwbtn_in{width:96%; margin:0 auto;} .idpwsearch .sch_idpwbtn a{float:left; margin-top:0; width:39%; margin-left:5%;} .idpwsearch .sch_idpwbtn a:first-child{margin-right:0;} .idpwsearch .idpw_m{margin:0 25px 25px 0; padding:0 0 0 30%; font-size:13px; min-height:56px;} .idpwsearch .search_id dd.idpw_m {background:url("/images/common/member/sch_id_ico.gif") no-repeat 11% 1px;} .idpwsearch .search_pw dd.idpw_m {background:url("/images/common/member/sch_pw_ico.gif") no-repeat 11% 1px;} ul.idin li {margin-top:10px; text-align:center;} /*비번찾기*/ #find_pw{border:1px solid #d2d2d2; padding-bottom:30px;} #find_pw p.text02 {font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding-top:40px;} /*입력하신 정보와 일치하지 않는 아이디는 아래와 같습니다*/ .resultid {width:100%; border:1px solid #d2d2d2; min-height:360px;} .resultid p.text01{font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding-top:40px;} .resultid p.img01 {margin:20px auto; width:7%;} .resultid ul.s1 {text-align:center;} .resultid ul.s1 li {margin-top:3px;} .resultid ul.s2{background-color:#f2f5f4; margin:10px auto; padding: 20px 0; min-height:20px; width:56%;} .resultid ul.s2 li {margin-left:90px; float:left;} .resultid ul.s3{width:41%; margin:0 auto;} .resultid ul.s3 li {float:left; margin-left:20px;} /*일치하는 아이디 없음 회원가입요청*/ .resultjoin {width:100%; border:1px solid #d2d2d2;} .resultjoin p.text01{font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding-top:40px;} .resultjoin p.img01 {text-align:center; margin-top:30px;} .resultjoin ul {margin: 30px 0 ;} /*비밀번호 재발급을 원하시면 아낼의 방법중 하나를 선택해 주세요*/ .waypw {width:100%;background:url("/images/common/member/sch_pw_ico.gif") no-repeat 150px 50px ; border:1px solid #d2d2d2; min-height:250px; } .waypw p.text01{font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding-top:40px;} .waypw p.text02{padding-top:20px; margin-left:29%;} .waypw .sendbtn{background-color:#f2f5f4; padding:31px 0; height:50px; width:100%; margin-top:20px;} .waypw ul li {width:30%; margin:0 auto; line-height:36px;} .waypw ul li a img{display:none;} .waypw ul li a{display:block; background-color:#1a4ab9; text-align:center; color:#fff;} /*비밀번호가 아이디로 초기화 되었습니다*/ .resetpw {width:100%; border:1px solid #d2d2d2;} .resetpw p.text01 {font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding-top:40px;} .resetpw p.img01 {text-align:center; margin-top:30px;} .resetpw ul {margin: 30px 0 ;} /*입력한 답변이 올바르지 않습니다*/ .wronganswer {width:100%; border:1px solid #d2d2d2;} .wronganswer p.text01 {font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding-top:40px;} .wronganswer form {width:30%; margin:30px auto; text-align:center;} .wronganswer ul li {margin: 10px 0 ; text-align:center;} /*임시 비밀번호가 발송되었습니다*/ .sendpw {width:100%; border:1px solid #d2d2d2; background:url("/images/common/member/sendnum.png") no-repeat center; height:210px} .sendpw p.text01{font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding-top:60px;} .sendpw ul {margin: 30px 0 0;} /*임시비밀번호를 발송하시겠습니까?*/ .sendnumber{background:url("/images/common/member/sendnum.png") no-repeat center; padding:0 !important; margin:0 auto !important; display:block !important; width:100% !important; min-height:201px; border:1px solid #d2d2d2;} .sendnumber p.text01{font-weight:500; display:inline-block; font-size:17px; text-align:center; width:100%; padding:45px 0 44px 0;} .sendnumber .sendbtn{background-color:#f2f5f4; padding:13px 0 26px; height:50px; width:100%;} .sendnumber .sendbtn ul {width:30%; margin:0 auto; } .sendnumber .sendbtn ul li {float:left; margin-left:9.5%;} @media screen and (min-width:1001px) and (max-width:1169px){ .resultid ul.s3{width:51%; margin:0 auto;} .sendnumber .sendbtn ul {width:35%;} } @media screen and (max-width:964px){ .resultid ul.s3{width:55%;} .resultid ul.s2{width:65%;} .waypw {background:none;} .waypw ul li {width:35%;} .sendnumber .sendbtn ul {width:35%;} } /*sns 추가 로그인 20231213*/ .login_new_wrap .login_info{ border:6px solid #f7f8fb; width: 100%; box-sizing: border-box; padding:25px; margin-bottom: 40px; } .login_new_wrap .login_info::before{ content:''; display: inline-block; background: url(/images/common/login_new/sp_login.png) -1px -1px no-repeat; width: 53px; height: 53px; margin-right: 18px; vertical-align: top; float: left; } .login_new_wrap .login_info .info_txt{ margin-top:6px; line-height: 1.4em;} .login_new_wrap .login_box_wrap{ overflow: hidden;} .login_new_wrap .login_box{ background-color:#f7f8fb; box-sizing: border-box; width: 48%; float: left; margin-right: 4%; border-radius: 12px; padding:45px 40px; height: 522px;} .login_new_wrap .login_box:nth-of-type(2n){ margin-right: 0;} .login_new_wrap .login_box h4{ font-size:23px; font-weight: 100; margin-bottom: 38px;} .login_new_wrap .login_box h4 span{ font-weight: 300;} .login_new_wrap .login_box h4:nth-of-type(2){ margin-top: 50px;} .login_new_wrap .login_box .input_box01{ margin-bottom:10px; position: relative;} .login_new_wrap .login_box .input_box02{position: relative;} .login_new_wrap .login_box input[type=text],.login_new_wrap .login_box input[type=password]{ height:66px; line-height: 66px; box-sizing: border-box; background-color: #fff; border-radius: 18px; border:1px solid #ddd; padding-inline-start: 50px; width: 100%;} .login_new_wrap .login_box .input_box01::before{ content: ''; display:block; position: absolute; margin-right: 15px; vertical-align: middle; background: url(/images/common/login_new/sp_login.png) -5px -81px no-repeat; width: 24px; height:26px; top:19px; left: 15px; } .login_new_wrap .login_box .input_box02::before{ content: ''; display:block; position: absolute; margin-right: 15px; vertical-align: middle; background: url(/images/common/login_new/sp_login.png) -5px -125px no-repeat; width: 24px; height:26px; top:19px; left: 15px; } .login_new_wrap .login_box .login_btn{ margin-top: 45px;} .login_new_wrap .login_box .login_btn input{ background-color: #1a4ab9; color:#fff; text-align: center; width: 100%; height: 66px; line-height: 66px; border-radius: 18px;} .login_new_wrap .login_box .login_etc{ margin-top:40px;} .login_new_wrap .login_box .login_etc a{ margin-right:30px; display: inline-block;} .login_new_wrap .login_box .login_etc a::after{ content: ''; display: inline-block; vertical-align: middle; background: url(/images/common/login_new/sp_login.png) -11px -258px no-repeat; width: 7px; height:12px; margin-left: 4px;} .login_new_wrap .login_box .certify_box{overflow: hidden; } /*비회원로그인*/ .login_new_wrap .login_box .certify_box a{ float: left; display: block; background-color: #fff; border-radius: 18px; border:1px solid #ddd; box-sizing: border-box; width: 48%; margin-right: 4%; height: 130px; text-align: center;} .login_new_wrap .login_box .certify_box a:nth-of-type(2){ margin-right: 0;} .login_new_wrap .login_box .certify_box .certify_01::before{ content: ''; display:block; background: url(/images/common/login_new/sp_login.png) -1px -289px no-repeat; width: 37px; height:46px; margin: 25px auto 17px;} .login_new_wrap .login_box .certify_box .certify_02::before{ content: ''; display:block; background: url(/images/common/login_new/sp_login.png) 0 -354px no-repeat; width:45px; height:57px; margin: 20px auto 10px;} .login_new_wrap .login_box .certify_box .certify_03::before{ content: ''; display:block; background: url(/images/common/login_new/sp_login.png) 0 -182px no-repeat; width: 88px; height:17px; margin: 45px auto 20px;} .login_new_wrap .login_box .certify_box .certify_04::before{ content: ''; display:block; background: url(/images/common/login_new/sp_login.png) 0 -210px no-repeat; width:90px; height:27px; margin: 35px auto 20px;} @media screen and (max-width:1200px){ .login_new_wrap .login_box .certify_box a{ font-size:14px;} } /* 레이어팝업 */ .layerPopup{position:absolute; top:196px; right:8%; z-index:10;border: 1px solid #333;} .layerPopup .layerPopup_botm{background: #fff;padding: 10px 15px;border-top: 1px solid #333;} #layerPopup1{ right: 34.1%;}