@charset "euc-kr"; input.nobox3 { border:0px; width: 95px; height:25px; padding-top:0px;} input.login { border:0px; width: 70px; height:45px; padding-top:0px;} input.nobox5{ border:0px; width: 80px; height:50px; padding-top:0px;} input.plus {border:0px; width: 12px; height:12px; padding-top:0px;} input.btnplus {border:0px; width: 31px; height:11px; padding-top:0px;} /* input { border:1px solid #C1C1C1; background-color:#ffffff; height:25px; width:99%; padding-top:3px; box-sizing: border-box;} */ input.nobox { border:0px; width: 44px; height:20px; padding-top:0px;} input.member { BORDER-RIGHT: #CEDFF3 1px solid; BORDER-TOP: #CEDFF3 1px solid; BORDER-LEFT: #CEDFF3 1px solid; BORDER-BOTTOM: #CEDFF3 1px solid; background-color:#F0F5FA; width: 103px; height:19px; font-size:12px; font-family:Dotum,DotumChe,verdana; color:#333333; } input.stamp { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #DBDBDB; background-color:#FDFDFD; height:18px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:40px;} strong.s_tit {display:block; position:relative; text-indent: 20px; font-weight: 450px;} strong.s_tit:before {position:absolute; top:50%; left:0px; transform:translateY(-50%); content:""; display:inline-block; width:10px; height:10px; background-color:#000; border-radius:50%;} textarea { border:1px solid #DBDBDB; background-color:#FDFDFD; font-size:18px; font-family:Dotum,DotumChe,verdana; width:96%;line-height:18pt;} textarea.box01 { border:1px solid #DBDBDB; background-color:#FDFDFD; font-size:12px; font-family:Gulim,GulimChe,verdana; width:96%;line-height:14pt;padding:10px;} textarea.box02 { border:1px solid #d1d1d1; background-color:#FFFFFF; font-size:12px;line-height:14pt; font-family:Dotum,DotumChe,verdana; } div.btn_group {width:500px; margin:0px auto;} div.btn_group > button {float:left; display:block; width:48%; height:40px; margin:0px 1%; color:#fff; text-align:center; line-height:40px; border-radius:4px; border:none;} div.btn_group > button.bule_btn {background-color:#005fbf;} div.btn_group > button.sky_btn {background-color:#55aaf4;} .radio { border:0px; background-color:#ffffff; width:13px; vertical-align:middle;} .checkbox { border:0px; background-color:#ffffff; width:13px; vertical-align:middle;} .blank { padding:0px; margin:0px; border-right:0px;} ul,ol {list-style:none; padding: 0px; margin: 0px;} ol li, ul li { padding: 0px; margin: 0px;}/* display: inline;*/ .hid {visibility: hidden;font-size:0; width:0;height:0;line-height:0; overflow:hidden;} /* .border {border: 1px #000000 outset} */ .line_dot { width:100%; height:20px;padding:0px;margin:0px; background: url(/images/line.gif) repeat-x;} .line { width:100%; height:10px;padding:0px;margin:0px; background: url(/images/line.gif) repeat-x;} .line_top { width:100%; height:13px;padding:0px;margin-top:13px; background: url(/images/line.gif) repeat-x;} /* hidden */ .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none} /* with */ /* .w_175{ width:175px!important;} */ /* with end */ #main_login {position:relative; width:480px; height:280px; top:200px; margin:0 auto;background:url(/images/box_login_bg.gif) no-repeat;} .loginBoxWrap {position:relative; width:480px; height:280px; top:0px; margin:0 auto;background:url(/images/box_login_bg.gif) no-repeat;} .loginTitle {clear: both; margin: 0 0 0 35px;} /* ???/???? ?? ?? */ .info {margin-bottom:20px; text-align:center;} /* .loginArea {float: left; width: 280px; margin: 20px 0 0px 98px; } .loginArea .inputArea {float: left; width: 280px; height: 42px; } .loginArea .inputArea .item {position: relative; padding: 5px 0;} .loginArea .inputArea .item label {display:inline-block; width:60px; vertical-align: middle;} .loginArea .inputArea .item .i_text {width: 135px; height: 10px; padding: 4px 0; border: 1px solid #B7B7B7;} .loginArea .loginBtn { float:right; position:absolute; top:130px; right:100px; border:0px; width: 59px; height:43px; padding-top:0px;} .loginArea .loginBtn2 { float:right; position:absolute; top:130px; right:100px; border:0px; width: 59px; height:43px; margin-top:14px;} .loginArea .keep {width: 260px; padding: 50px 0 30px 0; text-align:center;} .loginArea .keep label {padding: 0 15px 0 5px; font-size: 11px;} .loginArea .checkbox { border:0px; background-color:#F4F7F9; width:13px; vertical-align:middle;} */ /* div.loginArea div.inputArea {width:30%; margin:0px auto 20px; padding:50px; background-color:#f4f4f4;} */ div.loginArea div.inputArea {text-align:center;} div.loginArea div.inputArea > div label {display:inline-block; width:100px;} /* div.loginArea div.inputArea > div.item {margin-bottom:5px;} */ /* div.loginArea div.inputArea > div.item > input#handp1, div.loginArea div.inputArea > div.item > input#handp2, div.loginArea div.inputArea > div.item > input#handp3 {width:69px;} */ div.loginArea button.Confirm {display: block; width:80px; height:50px; margin:0px auto; color:#fff; background-color:#005fbf; border:none;} div.loginArea input {height:56px;} div.loginArea div.item {margin-bottom:25px;} div.loginArea div.item input#handp1, div.loginArea div.item input#handp2, div.loginArea div.item input#handp3 {width:calc(46%/3)} div.loginArea div.item input {width:50%;} div.loginArea div.b_btn_box {text-align:center; } div.loginArea div.b_btn_box > button {display: inline-block; width:40%; height:56px; border:none; background-color:transparent; background-color:#005fbf; color:#fff;} .help {overflow: hidden; width: 400px; padding: 50px 0 0; margin: 0px 0px 0px 60px;} .help ul {width:400px; margin: 0 0 0 -7px;} .help li {float: left; padding: 0 7px; font-size: 12px;} /* 서브 */ #cons_bg { width:100%; padding:0px;margin:0px; background:#fff url('/images/year_bg2.gif') no-repeat;} #mem_bg { width:610px; height:340px; padding:30px 40px; margin:0px; background:#fff url('/images/box_join_bg.gif') no-repeat;} .org_menu {clear:both; height:38px; overflow:hidden; margin:0px 0 20px 0; font-family: 'NanumGothic'; } .org_menu li {height:38px; float:left;} .org_menu li a {position:relative; display:block; margin-right:3px; padding:0 5px 0 4px; border:1px solid #D9D9DA; font-family: 'NanumGothic'; font-size:13px; line-height:32px; height:35px; color:#585858; text-align:center; background-color:#EBEBEB; letter-spacing:-1.3px;} .org_menu li:first-child a {border-left:1px solid #D9D9DA;} .org_menu li.on a {color:#013092; border-bottom:1px solid #fff; border-top:2px solid #013092; background-color:#fff; text-decoration: none;} .org_menu li:last-child a{margin-right:0px;} /* 연혁 */ .Box_year { width: 100%; margin: 0 auto; line-height: 1.5em; word-break:keep-all; } .Box_year ul.year { width: 100%; height: 80px;} .Box_year ul.year li { font-family: 'NanumSquare'; width:16.666666%; float: left; height:80px; text-align: center; font-size: 1.2em; border: 2px solid #dddd; border-bottom: 2px solid #e94c1c; display: inline-block; box-sizing:border-box; border-left:none;} .Box_year ul.year li:first-child {border-left:2px solid #ddd;} .Box_year ul.year li.current {/* background: #61bc47;*/ font-weight: 600; border:2px solid #e94c1c; border-bottom:none;} .Box_year ul.year li.border_line {border-bottom-color:#e94c1c;} .Box_year ul.year li.current a { color: #e94c1c; display: inline-block; width:100%;} .Box_year ul.year li a { display: inline-block; font-size:25px; font-weight: 550; width:100%; line-height:80px; color:#a7a7a7;} .history-bx { overflow: hidden; width: 100%; padding-top:70px;} /* .history-bx ul.history_ul { background:url('http://m.hsb.or.kr/images/box_history_line_m.gif') repeat-y; } */ .history-bx ul.history_ul h4 { position: relative; margin: 0 0 50px 0px; padding: 0 0 0 35px; line-height: 30px; font-size: 1.375em; color:#e94c1c; font-weight:600; font-family: 'NanumBarunGothic'; background:#fff; } .history-bx ul.history_ul h4:before {content: ""; position:absolute; left:2px; top:3px; width:20px; height:20px; background:url('/images/ico_tit_info2.png') center top no-repeat;} .history-bx ul.history_ul h4:after {content: ""; position:absolute; left:0; top:30px; width:200px; height:2px; background:#e94c1c; } .history-bx ul.history_ul li {/* overflow: hidden;*/ width: 100%; } .history-bx .his-text { width: 100%; padding:0px; box-sizing: border-box; word-break:keep-all; } /* .history-bx .his-text .his-tx { position: relative; padding: 0 0 15px 0; margin: 15px 0 20px 7px; } */ .history-bx .his-text .his-tx { position: relative;/* padding:10px 20px 30px;*/ padding-bottom:60px;} .history-bx .his-text .his-tx h5 {position:relative; font-family: 'NanumBarunGothic'; color:#e94c1c; font-size:25px; padding:0 0 0 20px; font-weight: 600; background-image:none !important; margin-bottom:10px;} .history-bx .his-text .his-tx h5:after {position:absolute; left:0px; top:16px; content:""; width:8px; height:8px; background-color:#e94c1c; border-radius:50%;} /* .history-bx .his-text .his-tx h5:before { position: absolute; content: "●"; color: #61bc47; left: -1px; top: 5px; } */ .history-bx .his-text .his-tx ul {padding:0px; margin-top:-10px;} .history-bx .his-text .his-tx li { width: 100%; box-sizing: border-box; } .history-bx .his-text .his-tx li dl { overflow: hidden; } .history-bx .his-text .his-tx li dl dt { float: left; width:60px; padding: 3px 0 0 0; margin-left:20px; font-size:20px; font-weight:550 !important; color: #e94c1c; box-sizing: border-box;} .history-bx .his-text .his-tx li dl dd { float: none; width:auto; margin-left:76px; padding: 3px 0 0 0; font-size:20px; box-sizing: border-box; } .history-bx .his-text .his-tx li img { width: 100%; margin: 15px 0 0 20px; } .history-bx .his-text .his-tx ul li div.b_img_wrap {width:500px; height:300px;} .history-bx .his-text .his-tx ul li div.b_img_wrap > img {width:100%; height:100%;} @media screen and (max-width:800px){ .history-bx .his-text .his-tx ul li div.b_img_wrap {width:100%; height:auto;} } @media screen and (max-width:500px){ .Box_year ul.year li:nth-child(4) {border-left:2px solid #ddd;} .Box_year ul.year li:nth-child(n+4) {border-top:none;} /* .Box_year ul.year li:first-child { border:1px solid #ddd;} */ .Box_year ul.year li {width:33.333333%; height:60px; border:none; border:2px solid #ddd; border-left:none;} .Box_year ul.year li > a {line-height:60px;} .Box_year ul.year li.current { border:none; background-color: #e94c1c; } .Box_year ul.year li.current > a {color:#fff;} } .consBoxnone {width:690; padding:0px; margin-bottom:20px;} .consBoxnone li {padding:0px 0px;height:20px;padding-left:9px;background:url('/images/ball.gif') no-repeat 0px 8px;display:block;} .consBoxnone li.none{background:none;} .consBoxnone li.ball1 {padding:0px 0px;height:25px;padding-left:9px;background:url('/images/ball.gif') no-repeat 0px 8px;display:block; margin-bottom:15px;} .consBoxnone li.ball2 {padding:0px 0px;height:40px;padding-left:9px;background:url('/images/ball.gif') no-repeat 0px 8px;display:block; margin-bottom:15px;} .consBoxnone li.ball3 {padding:0px 0px;height:60px;padding-left:9px;background:url('/images/ball.gif') no-repeat 0px 8px;display:block; margin-bottom:15px;} /* 댓글박스 */ #memoBox { position:relative; padding:20px 20px; width:100%;/* height:105px;*/ /*background:url(/images/box_memo_bg.gif) no-repeat */ border-radius:10px; border:1px solid #c6c6c6; background-color:#fafafa; box-sizing: border-box;} #memoBox .memo_Writer > span {display:inline-block; } #memoBox span {/*padding:11px 0 8px 59px;*//* display:block;*/} #memoBox input {margin-left:10px; vertical-align:top;} #memoBox textarea {} #memoBox_edit { padding:15px 0 0 15px; width:100%; overflow: hidden;} #memoBox_edit input {margin-left:5px;} .memoViw { margin:30px 0 0 0px; width:100%;} .memoViw p { width:100%; padding-bottom:5px;margin-bottom:5px; border-bottom:1px solid #d8d8d8;} .memoViw span {padding:0px 0 5px 0px; display:block; width:690px;} /* height 여백 */ .sp2 { height: 2px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp6 { height: 6px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; } .sp300 { height: 300px; width:1px; font-size: 0; line-height: 0; clear:both; } /* bbs */ .bbs_no{ font-size:11px; color:#000;line-height:14pt;} .bbs_title{/*font-size:12px;*/ font-size:21px; color:#000000;line-height:13pt;} .text_up {font-size: 21px; font-weight: 550;} .bbs_title2{/*font-size:14px;*/ color:#000000; /*line-height:15pt;*/font-weight:bold; } .bbs_name{/*font-size:12px;*/ font-size:18px; line-height:14pt;} .bbs_date{ font-size:16px; color:838383;line-height:14pt;} .bbs_hit{ font-size:16px; line-height:14pt;} .bbs_com{ font-size:11px; color:#CB1D1C;line-height:14pt;} .bbs_good{ font-size:11px; color:#CC3300;line-height:14pt;} .bbs_bad{ font-size:11px; color:#0226DE;line-height:14pt;} .left_td { padding: 0px 0px 0px 10px} .list_b{ font-size:12px;font-weight:bold; color:#2386BC;} /* Table */ .tablebox {clear:both; } .tablebox table {border-top:1px solid #B2CFDC;border-left:1px solid #B2CFDC;text-align:left;} .tablebox tr {padding-top:4px;height:22px;border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC; } .tablebox td {padding-top:4px;padding-left:10px;height:22px;border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC; background:#fff;} .tablebox td.tx {background:#F2FAEE;padding-left:0px;} .tablebox td.tx2 {background:#F4F9FC;padding-left:0px;} .tx0 {background:#fff;padding-left:0px;} .tx {background:#F2FAEE;padding-left:0px;} .tx2 {background:#F4F9FC;padding-left:0px;} .tx3 {background:#F8F8F8;padding-left:10px;width: 80px; } .tx4 {background:#F8F8F8;padding-left:10px;width: 100px; } .tx9 {background:#fff;padding-left:10px;width: 570px; } .tx10 {background:#fff;padding-left:10px;width: 590px; } /* 리스트 - 페이징*/ .paginate {clear:both;width:735px;height:20px;margin:0px;padding-top:5px;text-align:center;} .paginate a,.paginate strong { margin-right:4px; padding:0px 4px; text-decoration:none; border:1px solid #fff; color:#646464; font-size:bold 13px Verdana; _width /**/:10px; min-width:7px; background-color:#ffffff; line-height:10px;} .paginate strong { color:#93264F !important; border:none; margin-right:1px; padding:0px 4px; line-height:10px; font-size:bold 13px Verdana;} *:first-child+html .paginate .pre,*:first-child+html .paginate .next {top:0px;} .paginate span img {vertical-align:middle; } .paginate span, .paginate span a {display:inline; float:none; padding:0; border:none; background:none; font-size:normal 12px '굴림', Gulim;} .paginate span a:hover {display:inline; float:none; padding:0;border:none; background:none !important; color:#646464; font-size:normal 12px '굴림', Gulim; } .box_org {overflow:hidden; padding:0px 0 0 0px; width:100%; height:775px; background:url(/images/org_bgf1-.gif) no-repeat } .box_org img { margin:0; } .box_org div.org0{text-align:center; padding-right:27px; line-height:54px; font-size:22px; color:#fff; font-weight:700; font-family:'NanumSquare' !important; } .box_org .org1 {overflow:hidden; clear:both; margin:43px 0 0 105px;} .box_org .org1 li{float:left; font-size:18px; color:#146D00; font-weight:600; font-family:'NanumSquare' !important;} .box_org .org1 li:nth-child(1){width:207px; } .box_org .org1 li:nth-child(2){width:195px; } .box_org .org2 {overflow:hidden; clear:both; margin:60px 0 0 0px;} .box_org .org2 li{float:left; width:137px; text-align:center; font-size:16px; color:#A46D40; font-weight:600; } .box_org .org2 li span{display:block; margin-top:1px; color:#000; font-weight:600;} .box_org .org2 li:nth-child(2){padding: 0 140px 0 140px; } .box_org .org3 {overflow:hidden; clear:both; height:381px; padding:10px 0 50px 10px; margin:0; background:url(/images/org_bgf1_f2.jpg) no-repeat top left; } .box_org .org3 li {float:left; width:76px; box-sizing: border-box;} .box_org .org3 li button {border:0 !important; outline:0 !important;} .box_org .org3 li dl {} .box_org .org3 li dt{ text-align:center; height:35px; color:#2562A1; font-weight:600; letter-spacing:-1px;} .box_org .org3 li dd {text-align:center; line-height:25px; } .box_org .org3 li dd span{ color:#000; font-weight:600; line-height:25px;} .box_org .org3 li:nth-child(6){margin:0 8px 0 -5px;} .box_org .org3 li:last-child{padding-left:0px;} /* .box_org_layer {display:none; } */ .box_org_layer h4{position:relative; padding-left:15px; font-size:18px; color:#000; font-weight:600; font-family:'NanumSquare' !important;} .box_org_layer h4:before{content:"●"; position:absolute; left:0; top:2px; color:#2562A1; font-size:10px; } .org_list{width:100%; border-top:2px solid #ccc; table-layout:fixed; margin-top:10px;} .org_list th{padding:8px 0px; font-size: 20px; text-align:center; border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background:#f9f9f9; color:#202020; font-weight:bold;} .org_list th:nth-child(1) {width:10%;} .org_list th:nth-child(2) {width:10%;} .org_list th:nth-child(3) {width:50%;} .org_list th:nth-child(4) {width:20%;} .org_list td{padding:8px 15px 8px 10px; font-size: 20px; text-align:center; border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8; word-break:keep-all;} .org_list th:last-child, .org_list td:last-child{border-right:0px;} .org_list td:nth-child(3){text-align:center; padding-left:10px;} .org_list th:nth-child(3){ width:400px !important;} .org_list th:nth-child(4){ width:120px !important;} /* 시설 안내 */ .program_box { width:100%; overflow:hidden; margin-bottom: 30px; } .program_box strong { font-size:25px; line-height:40px; color: #29ad55; font-weight:600; display: block; margin-bottom:10px; word-break:keep-all; } .program_box p { width:100%; overflow:hidden; word-break:keep-all; } .program_box_left { float:left; width:80%; vertical-align: bottom;} .program_box_right { float:right; width:10%; } .program_box .n01 { background:url('/images/n01_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n02 { background:url('/images/n02_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n03 { background:url('/images/n03_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n04 { background:url('/images/n04_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n05 { background:url('/images/n05_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n06 { background:url('/images/n06_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n07 { background:url('/images/n07_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n08 { background:url('/images/n08_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } .program_box .n09 { background:url('/images/n09_top.png') no-repeat top right ; padding: 70px 285px 0 0; height:100px; } /* info 탭 - 3단 */ .course2 .tab2 { float:left;width:100%;margin:0 0 0px; box-sizing: border-box; } .course2 .tab2 li { float:left;width:33.333%; text-align:center; font-family: 'NanumSquare'; } .course2 .tab2 li a { display:block;padding:10px 0; background:#f2f2f2; color:#333; border:1px solid #e0e0e0; font-weight:500; } .course2 .tab2 li.on a { background:#ef6352; border:1px solid #ef6352;color:#FFF;text-decoration: none; } .course2 .tab2 li a:hover { background:#ef6352; color:#FFF;text-decoration: none; } @media screen and (max-width:600px){ .course2 .tab2 li { float:none;width:100%; } .course2 .tab2 li a { padding:0px 0; } } /* ??? ??? ?? */ .clear:after{content:""; display:block; clear:both;} #wrap {width:100%;} #wrap > h2.tit {font-size:45px; text-align:center;} #wrap > h2.tit:after {content:""; display:block; width:100%; height:1px; background-color:#ebebeb; margin:38px 0px;} #wrap > div.login_bot {margin-bottom:20px; text-align:center; font-size:25px;} #wrap > div.login_bot > h2.loging_b_text1 > span {color:#4cb7e2;} #wrap > div.login_bot > h2.loging_b_text2 {font-size:20px;} #wrap > div.loging_box {width:452px; margin:0px auto 68px;} #wrap > div.loging_box input {width:100%; height:56px; margin-bottom:10px; text-indent:20px;} #wrap > div.loging_box input::placeholder {color: #666; opacity: 1;} #wrap > div.loging_box button.btn_login {width:100%; height:56px; color:#fff; background-color: transparent; background-color:#005fbf; border:none;} #wrap > ul.forget_wrap {width:920px; margin:0px auto;} #wrap > ul.forget_wrap > li {float:left; width:49%; margin-right:2%; padding:30px 0px; background-color:#f4f4f4; text-align:center;} #wrap > ul.forget_wrap > li:last-child {margin-right:0px;} #wrap > ul.forget_wrap > li > strong {display:inline-block; border-bottom:1px solid #000;} #wrap > ul.forget_wrap > li > p {margin-bottom:20px; font-size:18px;} #wrap > ul.forget_wrap > li > div > a {display:block; height:35px; color:#fff; font-size:16px; font-weight:550;} #wrap > ul.forget_wrap > li > div.find_box {width:280px; margin:0px auto;} #wrap > ul.forget_wrap > li > div.find_box > a {float:left; width:48%; margin-right:4%; background-color:#1e5b95;} #wrap > ul.forget_wrap > li > div.find_box > a:last-child {margin-right:0px;} #wrap > ul.forget_wrap > li > div.join_box > a {width:111px; margin:0px auto; background-color:#437fb1;} /* ??? ?????? ?? */ button {cursor:pointer;} #wrap > div.bg_gray {padding:50px 0px 100px; background-color:#f8f8f8; border:1px solid #e5e5e5; border-top:2px solid #555;} #wrap > div.bg_gray > div.loginArea div.find_wrap {width:100%; max-width:600px; margin:0px auto;} #wrap > div.bg_gray > div.loginArea div.find_wrap > div {width:100%; height:60px; margin-bottom:22px;} #wrap > div.bg_gray > div.loginArea div.find_wrap > div > input {width:100%; height:100%; text-indent: 15px;} #wrap > div.bg_gray > div.loginArea div.find_wrap > div > input::placeholder {color: #666; opacity: 1;} #wrap > div.bg_gray > div.loginArea div.find_wrap > button {display: block; width:100%; height:70px; margin:0px auto; color:#fff; background-color:#005fbf; border:none;} /* ???? ???? */ textarea.Privacy {font-size:18px; line-height:27px;} /* ??? ??/???? ?? */ div.middle_img_wrap {text-align:center;} /* ??? ??/CI ?? */ .clear:after {content:""; display:block; clear:both;} ul.cl_icon_wrap > li > div.cl_icon_box {float:left; margin-right:1%;} ul.cl_icon_wrap > li > p.cl_text{float:left; width:90%;} /* ??? 500px */ @media screen and (max-width:500px){ /* ??? ??/CI ?? */ ul.cl_icon_wrap > li {margin-bottom:20px;} ul.cl_icon_wrap > li > p.cl_text{float:left; width:100%;} ul.cl_icon_wrap br {display:none;} } /* ??? ???, ???? ??? 950px ??*/ @media screen and (max-width:950px){ #wrap > ul.forget_wrap {width:100%;} } /* ??? ??? ??? 800px ??*/ @media screen and (max-width:800px){ ol li, ul li {display:block;} #wrap > div.loging_box {width:100%; margin:0px auto 20px;} #wrap > ul.forget_wrap > li {float:none; width:100%; margin-bottom:10px;} div.btn_group {width:100%;} } /* ??? ???? ?? ??? 670px ?? */ @media screen and (max-width:670px){ #wrap > div.bg_gray {border:none; border-top:2px solid #555; box-sizing:border-box; padding:20px 10px;} div.loginArea div.item input {width:60%;} div.loginArea div.item input#handp1, div.loginArea div.item input#handp2, div.loginArea div.item input#handp3 {width: calc(51%/3);} div.loginArea div.item {margin-bottom:10px;} } @media screen and (max-width:600px){ div.loginArea div.inputArea > div label {width:27%; font-size:20px;} div.loginArea div.item input {height:40px;} div.loginArea div.item input#handp1, div.loginArea div.item input#handp2, div.loginArea div.item input#handp3 {width: calc(48%/3);} div.loginArea div.b_btn_box > button {height:40px; width:50%;} } /* ????/?????? ?? ??*/ ul.our_world_tb li {border-bottom:1px solid #D7D7D7;} ul.our_world_tb li div.al{padding:1% 0px;} ul.our_world_tb li div.our_left {float:left; width:23%; margin-right:2%;} ul.our_world_tb li div.our_left > a > img {width:100%; height:190px;} ul.our_world_tb li div.our_right {float:right; width:75%;} ul.our_world_tb li div.our_right > a > span {display: block; width:95%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:500; font-size: 19px;} ul.our_world_tb li div.our_right div.text_all {font-weight:300; font-size: 19px;} ul.our_world_tb li div.our_right br.line {display:none;} @media screen and (max-width:600px){ /* ????/?????? ?? ??*/ ul.our_world_tb li {padding:5% 0px 0px;} ul.our_world_tb li div.our_left {width:100%; } ul.our_world_tb li div.our_left > a > img {height:auto;} ul.our_world_tb li div.our_right {width:100%;} ul.our_world_tb li div div.our_right > div.text_all {display:none;} ul.our_world_tb li div.our_right > a > span {margin-top:15px; line-height:18px;} ul.our_world_tb li div.our_right .margin0 {display: none;} ul.our_world_tb li div.our_right br.line {display:none;} } /* div.notive_list_row {display: table; width: 100%;} div.notive_list_row a {display: table; width: 100%;} div.notive_list_row a p {font-weight: 500 !important; display: table-cell; vertical-align: middle; padding: 20px 0; color: #555; text-align: center; border-bottom: 1px solid #ddd;} div.notive_list_row a p:nth-child(1){width:10%;} div.notive_list_row a p:nth-child(2) {text-align:left; width:70%;} div.notive_list_row a p:nth-child(2) > i.hidden01 {display: none;} div.notive_list_row a p:nth-child(2) > span.hidden02 {display: none;} div.notive_list_row a p:nth-child(3) {width:5%;} div.notive_list_row a p:nth-child(4) {width:15%;} div.notive_list_row a p > a {display:block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} @media screen and (max-width:1000px){ div.list_top > p.notice_list_header span:nth-child(1){width:20%;} div.list_top > p.notice_list_header span:nth-child(2) { width:80%;} div.list_top > p.notice_list_header span:nth-child(3) {display:none;} div.list_top > p.notice_list_header span:nth-child(4) {display:none;} div.notive_list_row a p:nth-child(1){width:20%; font-size:16px; padding:9px 0px; vertical-align: top;} div.notive_list_row a p:nth-child(2) { width:80%;} div.notive_list_row a > p.mobiile01 {display:none;} div.notive_list_row a > p.mobiile02 {display:none;} } @media screen and (max-width:800px){ div.notive_list_row a p:nth-child(2) > span.tit_text { display: block; width:80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} } */