/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++0 CSS웹표준 1+2 를 모두 이수하신후 2강의에서 실습해드린데로 인증마크강의까지 완벽히 마스터 하세요! 이용대상 : Html 및 CSS웹표준 강의를 모두 이수한 경우 강의진행 : 채명수 [알지오 www.alzio.co.kr] 강의소개 : http://www.alzio.co.kr/contents/Category_Main.php?gb=2&dp1=44&dp2=358 특이사항 해당페이지 는 스마트 폰 이외에는 보이지 않게 php처리되었습니다. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @charset "utf-8"; /* @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); font-family: 'Noto Sans KR', sans-serif; @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} */ @import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css); /* layout | 퍼블리셔 */ @font-face { font-family: 'GmarketSansBold'; src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansMedium'; src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansLight'; src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; } body { margin:0; padding:0;font-family: 'GmarketSansMedium'; color:#000000; font-size:14px; animation: fadein 400ms ease-out; -moz-animation: fadein 400ms ease-out; -webkit-animation: fadein 400ms ease-out; -o-animation: fadein 400ms ease-out; min-height: calc(100vh - 60px); } * {margin:0; padding:0;} /*css인증변경건.txt*/ p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin:0; padding:0;font-family: 'GmarketSansMedium'; color:#000000; font-size:14px; animation: fadein 400ms ease-out; -moz-animation: fadein 400ms ease-out; -webkit-animation: fadein 400ms ease-out; -o-animation: fadein 400ms ease-out; } .slideRight { -webkit-animation: slideRight 1000ms cubic-bezier(0.19, 1, 0.22, 1); } .slideLeft { -webkit-animation: slideLeft 1000ms cubic-bezier(0.19, 1, 0.22, 1); } @-webkit-keyframes slideRight{ 0% { opacity: 1; } 49% { opacity: 0; margin-left:70%} 50% { opacity: 0; margin-left:-70%} 100% { opacity: 1; } } @-webkit-keyframes slideLeft{ 0% { opacity: 1; } 49% { opacity: 0; margin-left:-70%} 50% { opacity: 0; margin-left:70%} 100% { opacity: 1; } } img{border:0;vertical-align:top;} ul, dl, ol {list-style:none;} fieldset, legend {display:block; border:0;/*height:0, clear:both*/} table{border-spacing:0;border-collapse:collapse;} a {text-decoration: none} table, td a { margin: 0px auto 0px auto; border-collapse: collapse; color:#000; font-size:14px; "GmarketSansMedium"; text-decoration: none;} @keyframes fadein { from {opacity:0;} to {opacity:1;} } @-moz-keyframes fadein { /* Firefox */ from {opacity:0;} to {opacity:1;} } @-webkit-keyframes fadein { /* Safari and Chrome */ from {opacity:0;} to {opacity:1;} } @-o-keyframes fadein { /* Opera */ from {opacity:0;} to {opacity: 1;} } /********main********/ /*layout*/ #container{position:relative; /*width:100%;*/min-width:320px;max-width:100%;} /* header */ #header {position:relative;/*width:100%;*/} #logobg {position:relative; height:60px; background-color:#e2e2e2;/* background:url("../images/logo_bg.png") repeat-x center 0; background-size:contain; */;} #logo {position:absolute;left:11px;top:15px; margin:0 auto;} .in_ic {position:absolute;right:7px;top:14px;vertical-align:middle; } #logobg_sub {position:relative;height:40px;background:#ffffff;border-bottom:1px solid #000;} #logobg_sub img {position:absolute;right:7px;top:11px;} #header h2 {position:absolute;left:7px;top:9px;} #header h3 {position:absolute;right:79px;top:28px;color: #ccc;font-size:0.8em;letter-spacing:-1px;text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;} #header h4 {position:relative;padding:5px 10px;background: #E6E6E6;border-bottom: 1px solid #ccc} #header h4 a {color: #666;font-size:0.9em;letter-spacing:-1px;text-decoration: none} /*top_menu*/ .top_m {height:44px;width:100%;background:url('../images/menu_bg.png') repeat-x; background-size:contain;} .top_m ul {margin-top:0; padding:0;} .top_m li {float:left;position:relative;overflow:hidden;height:44px; width:25%;text-align:center;/*background:url('../images/menu_line.png') no-repeat 0 center;*/} .top_m li a {float:left;width:100%;height:30px ; padding-top:14px;} .top_m li.noo {background:none;} .sm_bg{position:relative; float:left; width: 100%; background:url('../images/sm_bg.jpg') repeat-x center 0; background-size:contain;} /*메인디자인*/ #banner{position:relative; width:100%; margin:0 auto; float:left;;} #banner img {width:100%;} #pro_btn{osition:relative; float:left; width:100%; padding-top:10px; height:40px; background-color:#758fc4;left: 218px;top: 265px;} .mdd a:link { font:bold 0.9em NanumGothic; text-decoration: none; color:#fff; font-size:15px;} .mdd a:visited { font:bold 0.9em NanumGothic; text-decoration: none; color:#fff; } .mdd a:active { font:bold 0.9em NanumGothic; text-decoration: none; color:#fff; } .mdd a:hover { font:bold 0.9em NanumGothic; text-decoration: underline; color:#fff; } .mdd_1 { font:bold 0.9em NanumGothic; text-decoration: none; color:#fff; font-size:15px;} #mdd_email { font:bold 0.9em NanumGothic; color:#fff; font-size:15px; } /* wrap */ #wrap {position:relative; background: #ffffff; /*border: 1px solid #ccc;margin:10px;-webkit-border-radius: 15px*/} /*contents*/ #contents {position:relative;float:left;width:100%;text-align:center;} #contents p{position:relative;overflow:hidden;padding-top:25px;width:100%;line-height:150%;} #contents .blue {color:#005cae; font-size:1.1em; font-weight:bold;} #contents .green {color:#48a200; font-size:1.1em; font-weight:bold;} #contents .puple {color:#3600ff; font-size:1.1em; font-weight:bold;} #contents .orange {color:#f62900; font-size:1.1em; font-weight:bold;} #area{position:relative;top:5px;height:23px;margin:0px 10px;} #area ul{position:relative;overflow:hidden;width:100%;padding:0;text-align:center;} #area li{display:inline-block;width:81px;height:64px;margin:15px 7px 17px 7px;text-align:center;} #area li a{display:block;height:25px;width:100%;padding-top:5px;color:#000;text-decoration:none;font-size:0.8em;letter-spacing:-1px;} #area img {padding:1px;border:1px solid #ccc;} /*brand name*/ #brand{position:relative; color:#ffffff; float:left; width:100%; padding-top:0px; height:70px; background-color:#758fc4; background-size:contain;} #brand1{float:left; position:relative; background-size:contain; margin:0 0 20px 10px;} #brand2{position:relative; float:left; width:90%;font-size:1.3em; color:#ffffff; height:55px; vertical-align:middle; margin:7px 10px 0 10px; line-height:42px; text-indent:5px;} #brand3{float:right; position:relative; height:27px; background-size:contain; margin:0 10px 20px 0;} /*icon area*/ #icon_area {position:relative; float:left; text-align:center; width:90%; background:#fff; padding:10px 2% 0px 6%;} #icon_area div{position:relative; width: 15%; margin:10px 10px; text-align:center;} #icon_area div img{position:relative; float:left; width: 100%; text-align:center} #icon_area ul{position:relative;overflow:hidden;padding:0;width:100%;text-align:center;} #icon_area li{display:inline-block;width:140px;height:170px;margin:10px 5px; text-align:center;} #icon_area li a {display:block;height:17px;width:100%;padding-top:58px;color:#000;text-decoration:none;font-size:0.75em;letter-spacing:-2px;} #icon_area li.icon_m1 {background:url('../img/icon_01.jpg') no-repeat;} #icon_area li.icon_m2 {background:url('../img/icon_02.jpg') no-repeat;} #icon_area li.icon_m3 {background:url('../img/icon_03.jpg') no-repeat;} #icon_area li.icon_m4 {background:url('../img/icon_04.jpg') no-repeat;} #icon_area li.icon_m5 {background:url('../img/icon_05.jpg') no-repeat;} #icon_area li.icon_m6 {background:url('../img/icon_06.jpg') no-repeat;} /*s_icon area*/ #s_icon_area {position:relative; float:left; width:75%; background:#fff; padding:20px 0 20px 15%; text-align:center; } #s_icon_area div{position:relative; float:left; width: 17%; margin:10px 3px; text-align:center;} #s_icon_area div img{position:relative; float:left; width: 100%; text-align:center; } /*footer*/ #footer {position:relative;float:left; width:100%;margin:0 0 0px 0; height:58px; padding-bottom:10px; } #footer .add{position:relative;top:10px;text-align:center; font-size: 0.6em; font-weight: normal;letter-spacing:-1px; } #footer .add a {font-size: 0.95em; font-weight: normal;} /*#footer {position:relative;height:53px;background:url('/imgfile/footer_bg.gif') no-repeat} #footer .menu {position:relative;left:15px;top:10px;width:179px} #footer .menu2 {position:relative;top:15px;text-align:center} #footer span {position:absolute;right:10px;top:9px;vertical-align:middle} #footer span b {position:absolute;right:20px;top:9px;vertical-align:middle}*/ /********main 여기까지********/ /* page_nom -------------------------*/ .page_nom{padding:10px 0 15px 0;line-height:normal;text-align:center;position:relative;} .page_nom a, .page_nom strong{display:inline-block;margin:0px;width:26px;height:26px;background-color:#fff;font:normal 12px/26px Tahoma, Sans-serif;color:#758fc4;vertical-align:top;border:1px solid #758fc4} .page_nom a:hover, .page_nom a:active, .page_nom a:focus, .page_nom strong{background-color:#758fc4;border:1px solid #758fc4;color:#fff;font-weight:bold;} .page_nom .direction{padding:0;background:url(../img/paginArr3.gif) no-repeat;vertical-align:top;position:relative;zoom:1;z-index:3;overflow:hidden} .page_nom .direction:hover, .page_nom .direction:active, .page_nom .direction:focus{color:#323232;background-color:#758fc4;} .page_nom .prev{background-position:-1px -1px} .page_nom .prev2{margin-right:10px;background:url(../img/paginArr4.gif) no-repeat;background-position:-1px -1px} .page_nom .next{background-position:-29px -1px} .page_nom .next2{margin-left:10px;background:url(../img/paginArr4.gif) no-repeat;background-position:-29px -1px} .page_nom .btnList{position:absolute;right:0;bottom:0;} .page_nom .btnList a{margin:0;padding:0;background:none;} /********sub********/ #header span {position:absolute;right:12px;top:10px;vertical-align:middle} /*sub_menu 공통*/ .sub_menu {height:42px;width:100%;background:url('../images/smenu_sbg.jpg') repeat-x;} .sub_menu ul {margin:0; padding:0;position:relative;} .sub_menu li {float:left;position:relative;overflow:hidden;height:42px;width:25%;text-align:center;background:url('../images/sub_line.jpg') no-repeat 0 0px;} .sub_menu li a {float:left;width:100%;height:42px;line-height:42px;text-align:center;font-size:1.0em;color:#442900;font-weight:normal;vertical-align:middle;text-decoration:none;} .sub_menu li p{position:relative;overflow:hidden;font-size:0.8em;color:#3766a1;font-weight:normal;letter-spacing:-2px;} .sub_menu li.noo{background:none;} .sub_menu_1 {height:42px;width:100%;background:url('../images/smenu_sbg.jpg') repeat-x;} .sub_menu_1 ul {margin:0; padding:0;} .sub_menu_1 li {float:left;position:relative;overflow:hidden;height:42px;width:33%;text-align:center;background:url('../images/sub_line.jpg') no-repeat 0 0px;} .sub_menu_1 li a {float:left;width:100%;height:42px;line-height:42px;text-align:center;font-size:1.0em;color:#442900;font-weight:normal;vertical-align:middle;text-decoration:none;} .sub_menu_1 li p{position:relative;overflow:hidden;font-size:0.8em;color:#3766a1;font-weight:normal;letter-spacing:-2px;} .sub_menu_1 li.noo{background:none;} .sub_menu_2 {height:42px;width:100%;background:url('../images/smenu_sbg.jpg') repeat-x;} .sub_menu_2 ul {margin:0; padding:0;} .sub_menu_2 li {float:left;position:relative;overflow:hidden;height:42px;width:50%;text-align:center;background:url('../images/sub_line.jpg') no-repeat 0 0px;} .sub_menu_2 li a {float:left;width:100%;height:42px;line-height:42px;text-align:center;font-size:1.0em;color:#442900;font-weight:normal;vertical-align:middle;text-decoration:none;} .sub_menu_2 li p{position:relative;overflow:hidden;font-size:0.8em;color:#3766a1;font-weight:normal;letter-spacing:-2px;} .sub_menu_2 li.noo{background:none;} /*sub_menu에 하위 공통 강좌안내부분*/ /*영어스타트반하부메뉴*/ .ss_menu_start {height:41px;width:100%;background:url('../images/bg01.jpg') repeat-x;} .ss_menu_start ul {margin:0; padding:0;} .ss_menu_start li {float:left;position:relative;overflow:hidden;height:41px;width:100%;text-align:center;} .ss_menu_start li a {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#000000;vertical-align:middle;} .ss_menu_start li a.o1 {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#000000;vertical-align:middle;} .ss_menu_start li.noo {background:none;} /*토익하부메뉴*/ .ss_menu {height:41px;width:100%;background:url('../images/bg01.jpg') repeat-x;} .ss_menu p {padding-top:13px;text-align:center;font-size:0.8em;color:#0063b8;vertical-align:middle;} .ss_menu p a {text-decoration:none;color:#0063b8;} .ss_menu ul {margin:0; padding:0;} .ss_menu li {float:left;position:relative;overflow:hidden;height:41px;width:19.9%;text-align:center; border-left:1px solid #bcbcbc;} .ss_menu li a {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#000000;vertical-align:middle;} .ss_menu li a.o1 {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#000000;vertical-align:middle;} .ss_menu li.noo {background:none;} /*인텐시브하부메뉴*/ .ss_menu_inten {height:41px;width:100%;background:url('../images/bg01.jpg') repeat-x;} .ss_menu_inten ul {margin:0; padding:0;} .ss_menu_inten li {float:left;position:relative;overflow:hidden;height:41px;width:30%;text-align:center;background:url('../images/line01.jpg') no-repeat 0 12px;} .ss_menu_inten li a {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#0063b8;vertical-align:middle;} .ss_menu_inten li a.o1 {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#ff7e00;vertical-align:middle;} .ss_menu_inten li.noo {background:none;} .noo_00 {display:inline;} /*영어스타트반 내용*/ #back_img {position:relative;margin:5px;height:83px;background:url('../images/bg03.jpg') no-repeat;background-position:right;} #back_img p {position:relative;margin:25px 0 0 0;padding-top:6px;width:75%;font-size:0.9em;color:#167088;text-align:center;height:25px;background: #ddecf3;-webkit-border-radius:3px;} #back_img h1 {position:relative;padding:10px 0 2px 5px;font-size:1.4em;color:#007fff;font-weight:bold;} #back_img h2 {position:relative;padding:0px 0 2px 5px;font-size:1.0em;color:#2c2c2c;font-weight:bold;letter-spacing:-2px;} #back_img span.hi1 {position:relative;font-size:1.2em;color:#72aa2b;font-weight:bold;letter-spacing:-2px;} #back_img span.hi2 {position:relative;font-size:1.2em;color:#25a5c8;font-weight:bold;letter-spacing:-2px;} #back_img span.hi3 {position:relative;font-size:1.2em;color:#3600ff;font-weight:bold;letter-spacing:-2px;} #start_text {position:relative;margin:5px} #start_text ul {margin:10px} #start_text li {position:relative;overflow:hidden;padding-left:20px;padding-top:5px;height:28px;background:url('../images/icon_check.png') no-repeat;font-size:0.8em;color:#3b3b3b;} #box {position:relative;margin:5px;padding-top:10px;} #box p {position:relative;display:inline;height:67px;text-align:center;} #box .sbox {position:relative;overflow:hidden;float:right;padding:9px 5px 0px 5px;width:65%;height:54px;border:3px solid #5889c4;-webkit-border-radius:10px;font-size:0.75em;color:#666;letter-spacing:-1px;} #box .sbox span.h {position:relative;font-size:0.8em;color:#1865ce;letter-spacing:-1px;} #start_img {position:relative;margin:15px 0 0 0;padding-top:10px;text-align:center;} .start_toeic {position:relative; margin:5px;background: #eef5fb;border: 1px solid #c3ced8;-webkit-border-radius:5px;} .start_toeic ul {position:relative;padding:5px 5px;} .start_toeic li {position:relative;font-size:0.75em;color:#666;text-align:justify;letter-spacing:-2px;} .start_toeic span.a {font-size:1.0em;color:#2977b7;font-weight:bold;letter-spacing:-1px;} .start_toeic span.b {font-size:1.0em;color:#2977b7;font-weight:bold;letter-spacing:1px;} .start_toeic span.c {font-size:1.0em;color:#2977b7;font-weight:bold;letter-spacing:-2px;} /*영어스타트반 박스설명*/ .start_start {position:relative; margin:5px;background: #eef5fb;border: 1px solid #c3ced8;-webkit-border-radius:5px;} .start_start ul {position:relative;padding:5px 5px;} .start_start li {position:relative;font-size:0.7em;color:#666;text-align:justify;letter-spacing:-2.5px;} .start_start span.a {font-size:0.9em;color:#2977b7;font-weight:bold;letter-spacing:-2px;} .start_start span.b {font-size:0.9em;color:#2977b7;font-weight:bold;letter-spacing:2px;} .start_start span.c {font-size:0.9em;color:#2977b7;font-weight:bold;letter-spacing:-2px;} /*스피킹하부메뉴*/ .ss_menu_speaking {height:41px;width:100%;background:url('../images/bg01.jpg') repeat-x;} .ss_menu_speaking ul {margin:0; padding:0;} .ss_menu_speaking li {float:left;position:relative;overflow:hidden;height:41px;width:49%;text-align:center; border-left:1px solid #bcbcbc;} .ss_menu_speaking li a {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#000000;vertical-align:middle;} .ss_menu_speaking li a.o1 {float:left;width:100%;height:41px;line-height:41px;text-decoration:none;font-size:0.8em;color:#000000;vertical-align:middle;} .ss_menu_speaking li.noo {background:none;} .part1{position:relative; height:100%; width:100%; background:white;} /*영어 스타트반 내용*/ #start {position:relative;margin:0;width:100%;text-align:center;} #start p{position:relative;overflow:hidden;padding:0;width:100%;text-align:center;} #text_bar {position:relative;margin:10px 0 10px 0;height:38px;background:url('../images/bg02.jpg') repeat-x;text-align:center;} #text_bar img{position:relative;} #text_a {position:relative;margin:10px} #text_a ul {position:relative;} #text_a li {position:relative;padding-left:18px;background:url('../images/icon07.gif') no-repeat;font-size:0.9em;color:#00aadb;font-weight:bold;text-align:justify;} #text_b {position:relative;margin:20px 0 10px 0;} #text_b ul {position:relative;overflow:hidden;padding:0;width:100%;text-align:center} #text_b li {display:inline-block;width:191px;height:57px;text-align:center} #text_b li.a {background:url('../images/text_img02.jpg') no-repeat;} #text_c {position:relative; margin:10px;background: #f8f8e9;border: 1px solid #ecedd0;-webkit-border-radius:10px;} #text_c dl {overflow:hidden;text-align:left;padding:10px;} #text_c dl dt {clear:both;float:left;padding:5px 0 5px 0;width:230px;font-size:0.9em;font-weight:bold;} #text_c dl dd {float:left;font-size:0.8em;width:100%;border-bottom:1px solid #ddddac;} #text_c dl.aw {padding-left:10px;} #text_c dl.aw dt{clear:both;height:20px;vertical-align:middle;} #text_c dl.aw dd{color:#0052af;height:20px;vertical-align:middle;} /*arrow2*/ .arrow2 {position:relative;margin:20px 0 0 0;} .arrow2 p {position:relative;font-size:0.75em;color:#666;text-align:center;} .arrow2 ul {position:relative;overflow:hidden;padding:0;width:100%;text-align:center;} .arrow2 li {display:inline-block;text-align:center;} .arrow2 li.a {width:293px;height:121px;background:url('../images/text_img03.jpg') no-repeat;} /*arrow2*/ .arrow3 {position:relative;} .arrow3 ul {position:relative;overflow:hidden;padding:0;width:100%;text-align:center;} .arrow3 li {display:inline-block;text-align:center;} .arrow3 li.a {width:156px;height:339px;background:url('../images/text_img04.jpg') no-repeat;} .arrow3 li.b {width:156px;height:339px;background:url('../images/text_img05.jpg') no-repeat;} /*내용타이틀*/ #title01{position:relative;margin:10px 0;} #title01 img{position:relative;vertical-align:middle;} #title01 h1{position:relative;margin:0px 10px;color:#000;height:28px;font-size:1.0em;border-bottom:1px solid #5390c8;} #title01 h2{position:relative;margin:0 10px;top:20px;color:#3c7fc9;height:28px;font-size:0.8em;letter-spacing:-2px;} /*강좌설명틀*/ #accont {position:relative; margin:10px;overflow:hidden;background: #f9f9ef;border: 1px solid #e9e9d5;-webkit-border-radius:10px;} #accont h1{position:relative;margin:10px;font-size:0.9em;color:#000;border-bottom:1px solid #e9e9d5;} #accont h1 img {position:relative;float:right;} #accont h1 a {display:block;overflow:hidden;height:25px;width:100%;color:#000;text-decoration:none;} #accont ul {position:relative;padding:3px 15px;} #accont li {position:relative;padding-left:5px;width:100%;background:url('../images/icon05.gif') no-repeat;font-size:0.8em;color:#666;text-align:justify;} /*강좌 내용틀*/ #accont_db {position:relative;margin:0;padding:5px;} #accont_db p {width:100%;text-align:center;} #accont_db span {font-size:0.8em;color:#666;text-align:justify;} /*강좌 내용틀*/ #accont_db2 {position:relative;margin:0;padding:15px;} #accont_db2 p {width:100%;text-align:left;} #accont_db2 table {width:100%;text-align:left; padding:5px;} #accont_db2 TABLE {width:100%;text-align:left; padding:5px;} #accont_db2 span {font-size:0.8em;color:#666;text-align:justify;} .p_title {color:#8000ff; font-size:0.8em; font-weight:bold; line-height:160%; margin:5px 0 5px 0; display:block; letter-spacing:-0.5px;} .p_con {margin:0 0 25px 0; font-size:0.8em; color:#666;text-align:justify; line-height:160%; letter-spacing:-0.5px;} #accont_db2 h4 {color:#273f8f; font-size:0.8em; letter-spacing:-0.5px; line-height:160%;} /*입금결제안내*/ #pay {/*clear:both;*/position:relative;padding-bottom:15px;text-align: justify} #pay h1 {padding-bottom:10px;font-size:0.9em;font-weight:bold} #pay .wrap {position:relative;padding:10px;} #pay .wrap li {position:relative;min-height:95px;border-bottom:1px solid #ccc;letter-spacing:-1px;padding:3px 0} #pay .wrap li .img {position:absolute;top:5px;left:0} #pay .wrap li .img .ac img {border:0} #pay .wrap li .ac {position:absolute;top:1px;left:1px} #pay .wrap li .text {display:block;padding:3px 10px 0 95px;font-size:1.0em;color:#1858a7;word-break: break-all} #pay .wrap li .bank {display:block;margin:0 0 5px 0;letter-spacing:0;color: #666;font-size:0.8em} #pay .wrap li .num {display:block;margin:0 0 5px 0;letter-spacing:0} #pay .wrap li a {text-decoration: none} /* 직장인환급*/ #title01_a {position:relative;margin:10px 0 0 0; text-align:center;} #title01_a h1{position:relative;color:#000;height:28px;font-size:1.0em; } #title01_a img{position:relative;vertical-align:middle;} .title01_b1 {position:relative; font-size:0.9em; margin:0px 26px;} #tg {position:relative; padding:10px; } .tg_tit {font-size:1.0em; color:#000;} .tg_cont {font-size:0.9em; color:#000; font-weight:bold; letter-spacing:0; margin-top:5px; line-height:22px; margin-bottom:20px;} .tg_cont_ {color:#000; letter-spacing:0; font-weight:normal; margin-top:5px; line-height:22px; margin-bottom:20px; } .cont_1 {color:#666; font-size:0.75em;} .p_cont_top {color:#000; font-size:0.9em; font-weight:none; line-height:20px; text-align:center;} #pay .wrap li {border-bottom:none;} #title01_b {position:relative;margin:10px 0 0 0;} #title01_b h1{position:relative; margin:0 10px; color:#000;height:28px;font-size:1.0em; border-bottom:1px solid #5390c8;} #title01_b img{position:relative;vertical-align:middle;} /*신용카드결제 안내*/ #payment_card {position:relative;margin:10px, 0} .table_p {position:relative;margin:10px, 0;width:94%;text-align:center;border-top:2px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #fff;border-right:2px solid #fff;} .table_p th {background: #feffc9;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#ff7200;} .table_p th.td1 {background: #f4f4f4;width:16%;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#666;} .table_p th.td2 {background: #f4f4f4;width:14%;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#666;} .table_p th.td3 {background: #f4f4f4;width:5%;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#666;} .table_p td {border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding:4px 0 4px 0; font-size:12px;text-align:center;} .table_p2 {position:relative;margin:10px, 0;width:94%;border-top:2px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #fff;border-right:2px solid #fff;} .table_p2 th {background: #feffc9;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#ff7200;} .table_p2 th.td1 {background: #f4f4f4;width:16%;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#666;} .table_p2 th.td2 {background: #f4f4f4;width:14%;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#666;} .table_p2 th.td3 {background: #f4f4f4;width:5%;height:23px;border-right:none; border-bottom:1px solid #b7cede;font-size:0.9em;color:#666;} .table_p2 td {border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding:4px 0 4px 0; font-size:12px;} /*등록절차*/ .process {position:relative;margin-bottom:10px;text-align:center;} .process ul {position:relative;overflow:hidden;padding:0;width:100%;text-align:center;} .process li {display:block;padding-bottom:10px;text-align:center;} /*게시판 폼*/ #board {clear:both;overflow:hidden;padding-bottom:10px;} #board ul {position:relative;overflow:hidden;} #board ul li {position:relative;padding:10px 0 10px 10px;text-align:left;font-size:0.8em; color:#999;border-bottom:1px solid #d6d6d6} #board ul li a {text-decoration: none;line-height:300%;} #board ul li img {vertical-align:middle} #board ul li .title {font-size:1.3em;color:#555;font-weight:bold} #board ul li .name {color:#999;} #board ul li .ic1 {position:absolute;top:15px;right:0;display:block;width:13px;height:12px;background:url(/imgfile/mobil_go2.gif) no-repeat} #board h1 {height:30px;padding-top:10px;text-align:center;font-size:0.9em;color:#555;font-weight:bold;border-bottom:2px solid #ccc;} #board span{position:absolute;width:7px;height:9px;right:10px;top:35px;background:url('../images/arrow01.gif')no-repeat;} /*게시판 내용보기*/ #view {position:relative;margin:10px;} #view p {font-size:0.8em;color:#666;text-align:justify;} /*게시판 하단 버튼*/ #board_btn {position:relative;padding:5px;border-top:2px solid #ccc;text-align:right;} #board_btn span {clear:both;overflow:hidden;} #board_btn span a {display:inline;width:38px;height:22px;line-height:22px;} /*게시판글쓰기*/ #write {position:relative;padding:5px;border-bottom:1px solid #ccc;} #write span {float:right;width:85%;} #write .title{height:25px;font-size:0.9em;color:#666;} #write .mail {height:25px;font-size:0.9em;color:#666;} #write .inn {position:relative;width:100%;background:#ffffff;border:1px solid #ccc;} /*게시판 댓글 목록*/ #memo_list {position:relative;margin:10px;} #memo_list p {font-size:0.8em;color:#666;text-align:justify;} .imgCenterAlign {vertical-align:middle;} #memo_write .inn {position:relative;width:100%;background:#ffffff;border:1px solid #ccc;} #textarea {position:relative;padding:5px;} #textarea .text {font-size:0.9em;color:#666;} #textarea span{float:right;width:85%;} #textarea .area {position:relative;width:100%;height:100px;background:#ffffff;border:1px solid #ccc;} #join {position:relative;padding:5px;} #join.Search {position:relative;} #join.Search_h {visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;} #join span {float:right;background:#ffffff;} #join .name{height:25px;font-size:0.9em;color:#666;} #join .num {height:25px;font-size:0.9em;color:#666;} #join .text {height:23px;font-size:0.85em;color:#666;background:#f1f5f8;} #join_btn {position:relative;padding:5px;border-top:2px solid #ccc;text-align:center;} #join dl {overflow:hidden;text-align:left;} #join dl dt {clear:both;float:left;font-size:0.8em;color:#356bb3;font-weight:bold;letter-spacing:-1px;} #join dl dd {float:left;color:#666;font-weight:none;font-size:0.75em;letter-spacing:-1px;} #join dl.aw dt{padding-bottom:2px;clear:both;width:27%;height:100%;vertical-align:middle;} #join dl.aw dd{padding-bottom:2px;width:70%;height:100%;vertical-align:middle;line-height:20px;} #join dl.aw dd a {color:#666;font-weight:none;font-size:0.75em;letter-spacing:-1px;} #join .inn {width:100px;background:#ffffff;border:1px solid #ccc;} #join .inn1 {width:30px;background:#ffffff;border:1px solid #ccc;} #join .inn2 {width:30px;background:#ffffff;border:1px solid #ccc;} #join .inn3 {width:100%;background:#ffffff;border:1px solid #ccc;} #join .inn4 {width:50px;background:#ffffff;border:1px solid #ccc;font-size:0.75em;color:#666;} #join .inn5 {width:60px;background:#ffffff;border:1px solid #ccc;} #join_text {position:relative;margin:0;} #join_text p {position:relative;padding:10px 5px 10px 5px;font-size:0.8em;color:#666;text-align:justify;border-bottom:1px solid #ccc;} #join_text p.red{font-size:0.9em;color:#ff0000;text-align:center;} #join_text p.blue{font-size:0.9em;color:#59acf2;} #join_btn {position:relative;padding:5px;border-top:2px solid #ccc;text-align:center;} /*궁금해요 하단 버튼*/ .qnabt01 {position:relative;} .qnabt01 ul {position:relative;overflow:hidden;padding:0;width:100%;text-align:center} .qnabt01 li {display:inline-block;width:265px;height:41px;margin:5px 21px;text-align:center} .qnabt01 li a {display:block;height:41px;width:100%} .qnabt01 li.a {background:url('../images/btn01.jpg') no-repeat;} .qnabt02 {position:relative;} .qnabt02 ul {position:relative;overflow:hidden;padding:0;width:100%;text-align:center} .qnabt02 li {display:inline-block;width:265px;height:41px;margin:5px 21px;text-align:center} .qnabt02 li a {display:block;height:41px;width:100%} .qnabt02 li.a {background:url('../images/btn02.jpg') no-repeat;} /*궁금해요 기본 틀*/ .qna_q {position:relative; margin:10px;background: #f1f1f1;border: 1px solid #e1e1e1;-webkit-border-radius:10px;} .qna_q ul {position:relative;padding:10px 10px;} .qna_q li {position:relative;padding-left:18px;background:url('../images/icon_q.png') no-repeat;font-size:0.8em;color:#333333;text-align:justify;} .qna_a {position:relative; margin:10px;background: #f0fdf4;border: 1px solid #c5f0d1;-webkit-border-radius:10px;} .qna_a ul {position:relative;padding:10px 10px;} .qna_a li {position:relative;padding-left:18px;background:url('../images/icon_a.png') no-repeat;font-size:0.8em;color:#1f8300;text-align:justify;} /*arrow*/ .arrow {position:relative;} .arrow p {position:relative;font-size:0.75em;color:#666;text-align:center;} .arrow ul {position:relative;overflow:hidden;padding:0;width:100%;text-align:center;} .arrow li {display:inline-block;width:33px;height:26px;margin:5px 21px;text-align:center;} .arrow li.a {background:url('../images/arrow01.jpg') no-repeat;} /*sub_wrap*/ #sub_wrap {position:relative;margin:0px 0px 0px 0px; background: #ffffff; /*border: 1px solid #ccc;margin:10px;-webkit-border-radius: 15px*/} #history h1 {position:relative;padding:5px 10px;font-size:0.75em;color: #666;background:#eff2f6;border-bottom:1px solid #d1dded;letter-spacing:-1px;} #history h1 a {color: #666;font-size:0.8em;text-decoration: none} #sub_title {position:relative;padding:0 0 10px 0;height:53px;background:url('../images/sub_titlebg.gif') repeat-x;} #sub_title h1{position:relative;padding:25px 0 0 8px;height:25px;color: #1978e9;font-size:1.0em;} #sub_title h2{position:relative;padding:15px 0 0 8px;height:25px;color: #ff7800;font-size:0.9em;} .schedule_title {position:relative;margin:35px 0 0 10px;} .schedule_title p {position:relative;font-size:0.8em;color:#21189d;font-weight:bold;} .schedule{position:relative;margin:10px;background:#f0f3f7;} .schedule h1{padding:8px 8px 2px 8px;color: #323232;font-size:0.8em;} .schedule h2{padding:5px 8px 2px 8px;left:10px;color: #6a5fff;font-size:0.8em;} #timetable_btn{position:relative;width:100%;height:35px;} #timetable_btn span{position:absolute;top:0px;right:10px;} .time_title {position:relative;width:100%; height:40px; border-bottom:2px solid #d89800; background:url('../images/icon_sub.jpg') no-repeat 10px center; line-height:40px; text-indent:34px; font-weight:bold;} #time_list {position:relative;} #time_list h1 {position:relative;width:100%;height:46px;padding:13px 0 0 0;text-align:center;font-size:0.9em;color:#0074d2;background:url('../images/list_bg01.jpg') repeat-x;} #time_cell {position:relative;overflow:hidden;} #time_cell dl {overflow:hidden;text-align:left;} #time_cell dl dt {clear:both;float:left;font-size:0.85em;} #time_cell dl dd {float:left;font-size:0.8em;} #time_cell dl.aw {padding-left:10px;border-bottom:1px solid #eeeeee;} #time_cell dl.aw dt{padding-top:10px;clear:both;width:34%;height:32px;vertical-align:middle;} #time_cell dl.aw dd{padding-top:10px;color:#0052af;height:32px;vertical-align:middle;} /*하단 홈버튼*/ #home {position:relative;margin:20px 0 20px 0;} #home p {position:relative;overflow:hidden;width:100%;height:25px;text-align:center} /*둘러보기_갤러리형게시판*/ #gallery {/*clear:both;*/position:relative;margin:5px;padding-bottom:15px;text-align: justify} #gallery h1 {padding-bottom:10px;border-bottom:1px solid #333;color:#555;font-size:0.9em;font-weight:bold} #gallery .aw {position:relative;} #gallery .aw li {position:relative;min-height:95px;border-bottom:1px solid #ccc;letter-spacing:-1px;padding:3px 0} #gallery .aw li .photo {position:absolute;top:5px;left:0} #gallery .aw li .photo img {border:1px solid #ccc;padding:1px} #gallery .aw li .photo .icon img {border:0} #gallery .aw li .icon {position:absolute;top:5px;left:1px} #gallery .aw li .text {display:block;padding:3px 35px 0 95px;font-size:0.9em;color:#555;word-break: break-all} #gallery .aw li .st {display:block;margin:0 0 5px 0;letter-spacing:0;color: #999;font-size:0.8em} #gallery .aw li .title {display:block;margin:0 0 5px 0;letter-spacing:0} #gallery .aw li .price {font-size:1.3em;color:red;line-height:1.2em;letter-spacing:0;font-weight:bold} #gallery .aw li .arrow_g {position:absolute;top:45px;right:0px;width:13px;height:12px;background:url('../images/arrow01.gif') no-repeat} #gallery .aw li a {text-decoration: none} #gallery_view {position:relative;margin:10px;} #gallery_view p {position:relative;padding:10px 0 10px 0;font-size:0.8em;color:#666;} /*로그인*/ #login_bak1{position:relative;margin:15px;border:1px solid #bdbebd;} #login {position:relative;padding:10px;background:#eaf1fa;border:1px solid #fff;} #login span {float:right;width:70%;} #login .id{height:25px;font-size:0.9em;color:#666;} #login .pw {height:25px;font-size:0.9em;color:#666;} #login .check {height:25px;font-size:0.75em;color:#666;} #login .inn {position:relative;width:100%;background:#ffffff;border:1px solid #ccc;} #login img {vertical-align:middle;} #login_text {position:relative;margin:15px;} #login_text h1 {position:relative;font-size:0.9em;color:#356bb3;font-weight:bold;} #login_text h1 a {position:relative;font-size:0.9em;color:#356bb3;font-weight:bold;} /*input_form*/ .Search {position:relative;} .Search_h {visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;} .Search_w {/*position:relative;top:15px; left:63px;*/padding:11px 73px 0 75px} .Search .in_w {display:block;height:23px;padding:1px 13px 0 3px;border:1px solid #002c5f;background:#206eab;} .Search .in_ {width:100%;border:0 none; font-size:1.2em;background:#206eab;-webkit-border-radius:0;-webkit-appearance:none;} .Search .in_ic{position:absolute;right:7px;top:11px;vertical-align:middle;} #com ul li {float:left; width:50%; margin:10px 0 20px 0;} table, tr, select, textarea{ font-size:11px; color:#666666; line-height:160%; letter-spacing: -0.5px; } /*새로만든 부분*/ /* #wrapper_1 {width:100%; text-align:center; } #con01_1 {width:100%; margin-top:20px; margin-left:15px; float:center; } .aa_1 {float:center; width:130px; height:70px;} .bb_1 {float:center; width:130px; height:70px; margin-left:20px;} */ caption, legend{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;} img{border:0px;} fieldset,img{border:0; vertical-align:top;} table{border-collapse:collapse; border-spacing:0; border:0;} input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;} ul,ol,dl{list-style:none;} textarea{overflow:auto;} button,label{cursor:pointer;} /*맨위로(공통)*/ #board .board_top_btn{text-align:center; margin:30px 0 20px 0;} #board .board_top_btn a:link{padding:2px 0 3px 25px; background:url(/img/link_top_icon.gif) no-repeat top left; color:#777;} #board .board_top_btn a:hover{color:#777;} #board .board_top_btn a:visited{color:#777;} /*link*/ #board a:link{color:#2e2e2e; text-decoration:none;} #board a:hover{text-decoration:none;} #board a:visited{text-decoration:none;} /*버튼*/ .btnC{position:relative; text-align:center; padding:10px 0 20px 0; clear:both; width:100%; float:left;} .btnC .btnAll{width:98%; margin:0 1px; text-align:center;} .btnC_1{position:relative; text-align:center; padding:10px 0 20px 0; clear:both; width:100%; float:left;} .btnC_1 .btnAll_1{width:98%; margin:0 1px; text-align:center;} /*공지*/ #board .point a{color:#2e2e2e; text-decoration:none;} #board .point a:hover{text-decoration:underline;} /*게시판 시작 */ #board{position:relative; margin:0; padding:0; width:100%;} /*list ------------------------------------------------------------------------------------------------------------------------------------------------- */ #board #blist{margin:10px 0 0 0; padding:0; overflow:hidden; } #board #blist ul{position:relative; width:100%; height:100%; float:left; border-top:#c4c4c4 2px solid;} #board #blist ul li{border-bottom:1px solid #e7e7e7; padding:10px 0 8px 0; overflow:hidden;} #board #blist ul li a{width:98%; margin:0 5px; display:block;} #board #blist ul li span{display:block; width:98%; color:#a5a5a5; margin:3px 0 0 5px; font-size:90%;} #board #blist ul li img{margin:0 5px 0 0; vertical-align:middle;} /*등록된 게시물이 없을때*/ #board #blist ul li .boardno{} #board #blist ul li .boardno td{padding:10px 0;} #board #blist ul li p.boardno{padding:10px 0; text-align:center;} #board #blist table{position:relative; width:100%; height:100%; float:left; border-top:#b5caf5 2px solid; border-bottom:#b5caf5 2px solid;} /*thead*/ #board #blist table thead{} #board #blist table thead th{ height:30px; font:bold 100% ng; font-size:13px; background-color:#c8d4ed;} #board .w1{width:1% !important;} #board .w2{width:2% !important;} #board .w3{width:3% !important;} #board .w4{width:4% !important;} #board .w5{width:5% !important;} #board .w6{width:6% !important;} #board .w7{width:7% !important;} #board .w8{width:8% !important;} #board .w9{width:9% !important;} #board .w10{width:10% !important;} #board .w15{width:15% !important;} #board .w20{width:20% !important;} #board .w30{width:30% !important;} #board .w40{width:40% !important;} #board .w50{width:50% !important;} #board .w60{width:60% !important;} #board .w70{width:70% !important;} #board .w80{width:80% !important;} #board .w90{width:90% !important;} #board .w100{width:100% !important;} /*tbody*/ #board #blist table tbody{text-align:center; color:#565c7b; vertical-align:middle;} #board #blist table tbody th{ height:30px; font-size:13px; font:bold 100% ng; border-top:1px solid #e7e7e7; background-color:#c8d4ed;} #board #blist table tbody td{padding:7px 2px; border-top:1px solid #e7e7e7;} #board #blist table tbody td.title{text-align:left;font-size:18px;} #board #blist table tbody td.no{font-size:13px;}, #board #blist table tbody td.date{font-size:13px;}, #board #blist table tbody td.state{font-size:90%; color:#9f9f9f; vertical-align:top;} #board #blist .icon_wait{border:1px solid #a9a9a9; background:#efefef; color:#2e2e2e; padding:3px 5px; } #board #blist .icon_reply{border:1px solid #ff4e57; background:#ff4e57; color:#fff; padding:3px 5px;} /*아이콘(답변,대기)*/ #board #blist .reNum{color:#f60029; padding:0 0 0 5px; margin:0; display:inline;} #board #blist .newico{padding:0 0 0 5px; margin:0; vertical-align:middle;} #board #blist .answerImg{margin:0 5px 0 15px;} #board #blist .closedImg{margin:3px 0 0 5px;} #board #blist span.re_ing{position:relative; color:#fff; font-size:90%; background:#cacaca; padding:3px;}/*답변*/ #board #blist span.re_ok{position:relative; color:#fff; font-size:90%; background:#ff7439; padding:3px;}/*대기*/ /*공지*/ #board #blist .point{ background:#f6f6f6;} /*글쓰기 버튼*/ #board #blist .btnAll{float:right; margin:7px 5px;} /*이미지 게시판*/ #board #blist .nli{} #board #blist .nli li{} #board #blist .nli .photo{width:79px; height:79px; margin:0 10px 0 0; background:#f6f6f6; float:left;} #board #blist .nli .nlicon{width:80%; display:block; float:left;} #board #blist .nli a{color:#2e2e2e;} #board #blist .nli .nlicon img{ float:left;} #board #blist .nli .nlicon span{width:auto; vertical-align:middle; margin:0;} #board #blist .nli .nlicon .title{display:block; clear:both;} /* ---------------------------------------------------------------------------------------------------------------------- */ /*page*/ #board .page{position:relative; width:100%; display:block; margin:0 0 0px 0px; padding:10px 0 0 0; text-align:center; clear:both; color:#a5a5a5; font-size:100%;} #board .page a{position:relative; display:inline-block; padding:1px 8px; height:20px; margin:0px 5px; text-decoration: none; color:#444343; border:1px solid #c4c4c4; font-weight:bold; font-size:100%;} #board .page strong{position:relative; display:inline-block; padding:1px 8px; height:20px; margin:0px 5px; text-decoration:none; color:#fff; border:1px solid #c4c4c4; background:#f60029;} #board .page strong span{color:#6690fc;} #board .page .next{position:relative; display:inline-block; padding:0px; margin:0px 3px; vertical-align:top; border:none;} #board .page .next img{margin:0; vertical-align: top;} #board .page .next:hover{color:#fff; text-decoration:none; background:#fff; margin:0px 3px; padding:0;} #board .page a:hover{color:#fff; text-decoration:none; background:#f60029; } /*search*/ #board .search{position:relative; width:100%; height:auto; margin:0 0 0px 0; padding:9px 0; text-align:center; vertical-align:middle; font-size:100%;} #board .search input{width:143px; height:22px; border:1px solid #d1d1d1; vertical-align:middle; padding:5px 0 0 2px;} #board .search select{width:84px; height:29px; border:1px solid #e7e7e7; vertical-align:middle; color:#706a5f; margin:0 5px 0 0;} #board .search .sbtn{display:inline-block; width:48px; height:27px; border:1px solid #8d8d8d; background:#a5a5a5; color:#fff; vertical-align:middle; line-height:24px; border-radius:2px;-webkit-border-radius:2px; -khtml-border-radius: 2px; -moz-border-radius: 2px;} #board .search input[type='image']{width:48px; height:27px; padding:0; border:none;} /* ---------------------------------------------------------------------------------------------------------------------- */ /*목록이미지 공지/보도/동영상*/ #board .photo{width:81px; height:81px; margin:0 auto; padding:0px 0; vertical-align:middle; border:1px solid #e2e2e2;}/*기본포토중앙정렬입니다.*/ #board .photo p{width:inherit; height:inherit; vertical-align:middle; display:table-cell; text-align:center;} /*노이미지*/ #board .photo .noimg{width:auto; height:auto;} /* ============================================================================================================== */ /*세로 중앙정렬 (for IE6,7)*/ div.photo img{ .margin-top:expression( verticalAlign(this) ); } /*max-width,max-height (for IE6) 가로,세로입니다. 0을 주면 자동 맞춤이 되구요.*/ *html div.photo{ width:expression( maxSize(this,0,0) ); } /*min-height (for IE6)*/ *html div.photo{ height:expression( min_height(this,0) ); } /* ============================================================================================================== */ /*치료전후사진*/ #board #blist .beaf .photo{width:102px; height:102px;}/*여기 사이즈를 바꿔주세요*/ /*목록이미지, 치료사례*/ #board #blist .pcon{text-align:left; color:#2e2e2e;} #board #blist .pcon dl{} #board #blist .pcon dt{font-weight:bold;} #board #blist .pcon dd{margin:5px 0 0 0;} /*목록이미지, 치료사례(공지, Date, Hit)*/ #board #blist p.photoday{font-size:90%; color:#a5a5a5; margin:0 0 5px 0;} #board #blist p.photoday img{margin:0 10px 0 0;} #board #blist p.photoday span{margin:0 10px 0 0; width:auto; display:inline;} /*치료사례(테이블아님)*/ #board #blist .beafphoto *{margin:0; padding:0;} #board #blist .beafphoto .photo{width:140px; height:140px;}/*여기 사이즈를 바꿔주세요(dt,dd 사이즈도 같이)*/ #board #blist .beafphoto{position:relative; width:100%; height:100%; padding:18px 0 0 0; float:left; /*background:url(/img/list_h_bg.gif) repeat-x top;*/color:#53728b;} #board #blist .beafphoto ul{margin:0; padding:0; list-style:none;} #board #blist .beafphoto ul li{float:left; width:310px; height:295px; margin:12px 5px 0 5px; display:inline;} /*치료전후사진*/ #board #blist .beafphoto ul li .bfphoto{width:310px; padding:0px; overflow:hidden; background:url(/img/beaf_next.gif) no-repeat 50%;} #board #blist .beafphoto ul li .bfphoto dt{position:relative; width:141px; height:142px; float:left; background:#f6f6f6;} #board #blist .beafphoto ul li .bfphoto dt span{position:absolute; top:123px; right:0px; width:auto;} #board #blist .beafphoto ul li .bfphoto dd{position:relative; width:141px; height:142px; float:right; margin:0 1px 0 0; background:#f6f6f6;} #board #blist .beafphoto ul li .bfphoto dd span{position:absolute; top:123px; left:1px;} /*치료전후내용*/ #board #blist .beafphotocc{width:310px; font-size:90%; color:#2e2e2e; margin:10px 0 40px 0px;} #board #blist .beafphotocc span{display:inline; width:auto;} #board #blist .beafphotocc a strong{color:#2e2e2e;} #board #blist .beafphotocc p{} #board #blist .beafphotocc dl{} #board #blist .beafphotocc dt{font-size:120%; margin:0 0 10px 0;} #board #blist .beafphotocc dd{} #board #blist .beafphotocc a dd{font-size:90%;} #board #blist .beafphotocc a .fontn{color:#2e2e2e;} #board #blist .beafphotocc a .reNum strong{color:#f60029;} /*포토갤러리*/ #board #blist .gallery .photo{width:68px; height:54px;}/*여기 사이즈를 바꿔주세요 (dt 사이즈도같이)*/ #board #blist .gallery{width:100%; padding:18px 0 18px 0; border-bottom:1px solid #e7e7e7; overflow:hidden;} #board #blist .gallery ul{overflow:hidden;} #board #blist .gallery ul li{height:130px; float:left; margin:0 0 10px 0; border:none 0;} #board #blist .gallery dl{position:relative; width:70px; float:left; margin:0 5px 0px 5px; display:inline;} #board #blist .gallery dt{position:relative; width:68px; height:54px; background:#f6f6f6;} #board #blist .gallery dd{color:#2e2e2e; margin:10px 0 0 0px; text-align:left;} #board #blist .gallery a{font-size:90%; margin:0; text-align:center;} /*faq 카테고리*/ #board #blist .faqlist{width:100%; overflow:hidden; margin:0 0 20px 0;} #board #blist .faqlist ul{width:100%; padding:7px 20px; float:left; background:#f9f9f9; border:1px solid #ebebeb;} #board #blist .faqlist ul li{width:auto; float:left; margin:0 5px 0 0;} #board #blist .faqlist a:link{ display:block; padding:5px 20px; background:#b3b3b3; color:#fff;} #board #blist .faqlist a:hover{ text-decoration:none; background:#757575;} /*faq - 분류별*/ #board #blist .faq{border-top:2px solid #c4c4c4; margin:0 0 20px 0; overflow:hidden; width:100%; } #board #blist .faq img{position:relative; top:3px; left:8px; margin:0 10px 0 0px; float:left; width:17px; height:17px;} #board #blist .faq dl{border-bottom:1px solid #e7e7e7; float:left; width:100%;} #board #blist .faq dt{font-weight:bold; padding:6px 0 6px 0; float:left; width:100%; cursor:pointer;} #board #blist .faq dt a{display:block; cursor:pointer;} #board #blist .faq dt span{display:inline-block; width:92%; float:left; padding:3px 5px;} #board #blist .faq dd{padding:6px 0 6px 0; height:auto; background:#f6f6f6; float:left; width:100%; display:none;} #board #blist .faq dd span{display:inline-block; width:92%; float:left; padding:3px 5px;} #board #blist .faq a:hover{text-decoration:underline;} #board #blist .faq dd .video{width:100%;} /*list 끝------------------------------------------------------------------------------------------------------------------------------------------------- */ /*read -------------------------------------------------------------------------------------------------------------------------------------------- */ #board #bread{position:relative; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; border-top:2px solid #c4c4c4;} /*제목*/ #board #bread .rtop{position:relative; width:98%; height:auto; margin:0px 0px 18px 0px; clear:both; overflow:hidden;} #board #bread .rtop .branch{margin:0px 0 5px 20px;} #board #bread .rtop dl{position:relative; margin:0px 0 0 5px; background:url(/img/board_dot_line.gif) repeat-x bottom;} #board #bread .rtop dt{position:relative; padding:0 0 0px 0px; color:#2e2e2e; font-size:120%; font-weight:bold; line-height:170%; letter-spacing:-1px;} #board #bread .rtop .ico_consult{background:#999; color:#FFF; padding:2px 5px 3px 5px; font-size:90%; } #board #bread .rtop .ico_reply{background:#F03; color:#FFF; padding:2px 5px 3px 5px; font-size:90%; } #board #bread .rtop span img{position:relative; top:2px; float:left; margin:0 5px 0 0;} #board #bread .rtop .reNum{color:#f60029; padding:0 0 0 5px; margin:0; display:inline; font-size:80%;} #board #bread .rtop dd{position:relative; width:100%; color:#a5a5a5; padding:0 0 10px 0px; font-size:100%;} #board #bread .rtop dd strong{margin:0 5px 0 10px;} /*읽기내용*/ #board #bread .rcon{position:relative; width:auto; height:auto; min-height:250px; _height:250px; margin:10px 0px 20px 0px; clear:both;} #board #bread .rcon img{max-width:100%; max-height:100%; display:block; margin:15px 0;} #board #bread .rcc{position:relative; width:auto; height:auto; min-height:250px; _height:250px; padding:0 10px 20px 10px; background:url(/img/board_dot_line.gif) repeat-x bottom;} #board #bread ol{margin-left:25px; list-style:decimal;} #board #bread ul{margin-left:25px; list-style:disc;} /*파일첨부,url*/ #board #bread .urlFile{width:100%; height:auto; margin:0px 10px 10px 10px; padding:11px 0; overflow:hidden; } #board #bread .urlFile dl{position:relative; width:97%; float:left; height:19px; margin:0 0 0 0px;} #board #bread .urlFile dt{position:relative; width:18px; padding:0 0 0px 3px; float:left;} #board #bread .urlFile dd{position:relative; color:#797979; font-size:90%; padding:15px 0 10px 0px; float:left;} #board #bread .urlFile a{color:#797979; font-size:90%;} /*답글*/ #board #bread .reple{position:relative; width:100%; height:auto; margin:20x 0 20px 0; padding:10px 0px 10px 0px; background:#f5f5f5; font-size:90%; overflow:hidden;} #board #bread .reple dl{position:relative; width:94%; margin:0 10px; padding:13px 0px 10px 0px; border-bottom:1px solid #e5e5e5; line-height:130%;} #board #bread .reple dt{color:#a5a5a5; margin:0 0 10px 0;} #board #bread .reple strong{color:#2e2e2e; margin:0 10px 0 0;} #board #bread .reple dd{padding:0 20px 0 0; } /*수정,삭제 버튼*/ #board #bread .reple .reEdit{position:relative; color:#797979 !important; margin:10px 0 0 0;} #board #bread .reple .reEdit a.btns{display:inline-block; padding-right:4px; background:url(/img/btn_bg.gif) no-repeat 100% 0; font-size:90%;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #board #bread .reple .reEdit a.btns strong{display:block; margin:0; padding:0 8px 0 12px; background:url(/img/btn_bg.gif) no-repeat; color:#797979 !important;} /*답글쓰기*/ #board #bread .rego{position:relative; height:100%; margin:9px 0; padding:0px;} #board #bread .rego dl{width:100%; overflow:hidden; border:none 0;} #board #bread .rego dt{width:100%; overflow:hidden; margin:0;} #board #bread .rego dt input{width:110px; height:20px; float:left; border:1px solid #c4c4c4;} #board #bread .rego dd{width:100%; overflow:hidden; float:left;} #board #bread .rego dd textarea{width:86%; height:50px; margin:8px 0px; padding:5px; border:1px solid #c4c4c4; overflow:auto;} #board #bread .rego .btnAll{width:85px; display:block; margin:0px; text-align:left;} #board #bread .rego strong{margin:0; color:#797979;} /*리드페이지 버튼*/ #board .readBtn{width:98%; margin:10px 0; text-align:right;} /*상담에 답변*/ #board #bread .readRe{position:relative; width:100%; margin:0px 0 0 0; padding:20px 0 0 0; overflow:hidden; background:#f5f5f5;} /*치료사례 사진*/ #board #bread .rcon .beafphoto .photo{width:102px; height:102px;}/*여기 사이즈를 바꿔주세요 (dt,dd 사이즈도 같이)*/ #board #bread .rcon .beafphoto{float:left; width:96%; min-height:10px; margin:0; padding:0; text-align:center;} #board #bread .rcon .beafphoto dl{width:300px; height:110px; margin:0 auto; padding:10px; overflow:hidden; background:url(/img/beaf_next.gif) no-repeat 50% 50%;} #board #bread .rcon .beafphoto dt{position:relative; width:103px; height:102px; float:left; background:#f6f6f6;} #board #bread .rcon .beafphoto dt span{position:absolute; top:85px; right:0px;} #board #bread .rcon .beafphoto dd{position:relative; width:103px; height:102px; float:right; background:#f6f6f6;} #board #bread .rcon .beafphoto dd span{position:absolute; top:85px; left:1px;} #board #bread .rcon .beafphoto img{margin:0; padding:0;} #board #bread .rcon .beafphoto dt img{display:inline;} #board #bread .rcon .beafphoto dd img{display:inline;} /*치료사례 내용*/ #board #bread .rcon .rcc{position:relative; text-align:left; clear:left;} /*read 끝-------------------------------------------------------------------------------------------------------------------------------------------- */ /*write -------------------------------------------------------------------------------------------------------------------------------------------- */ #board #bwrite{overflow:hidden; width:100%; } #board #bwrite input{ border:#CCC 1px solid;} /*개인정보방침*/ #board #bwrite .top{width:100%; height:100%; margin:0px 0 18px 0; overflow:hidden; background:#f5f5f5; text-align:center; line-height:180%;} #board #bwrite .top .ScrollLy{width:87%; height:80px; margin:10px 10px 5px 10px; padding:10px; border:1px solid #cccccc; background:#ffffff; z-index:1; overflow-x:hidden;overflow-y:auto;} #board #bwrite .top .ScrollLy .title{text-align:center; font-size:140%; font-weight:bold; } #board #bwrite .top .ScrollLy h6{text-align:left; font-weight:bold; padding:15px 0 10px 0;} #board #bwrite .top .ScrollLy p{text-align:left;} #board #bwrite .top .ScrollLy ul{padding:0 0 10px 0;} #board #bwrite .top .ScrollLy ul li{text-align:left;} #board #bwrite .top .jbtn{ position:relative; top:5px; *top:1px; _top:1px;} #board #bwrite .top p{width:94%; text-align:right; clear:both; padding:0 0 9px 0; font-size:90%; } /*개인정보방침 끝*/ /*기본틀*/ #board #bwrite .wlist{width:100%; height:100%; clear:both; float:left;} #board #bwrite .wlist dl{width:100%; height:auto; padding:10px 0 8px 0px; float:left; color:#2e2e2e; background:url(/img/board_dot_line.gif) repeat-x bottom; } #board #bwrite .wlist dt{text-align:center; width:20%; min-width:70px; padding:0 0 0 0; float:left; color:#2e2e2e; font-weight:bold; letter-spacing:-1px;/* background:url(/img/board_w_dt_icon.gif) no-repeat 10px 7px;*/} #board #bwrite .wlist dd{float:left; width:40%; display:inline; padding:0 0 0 0; background:url(/img/board_dd_line.gif) no-repeat 0 3px;} #board #bwrite .wlist dd input{width:80%; max-width:200px; padding:0px; font-family:NanumGothic;} /*제목*/ #board #bwrite .wlist .wTop .wtitle{width:99%;} #board #bwrite .wlist .wTop .wtitle dt{} #board #bwrite .wlist .wTop .wtitle dd input{width:100%; max-width:300px;} /*체그박스 답변메일받기*/ #board #bwrite .wlist .wTop span{font-size:90%; margin:0 0 0 10px;} /*쓰기내용*/ #board #bwrite .wCon{position:relative; width:100%; min-height:10px; margin:0 0 0px 0; border:0px solid #cdcdcd; clear:both;} #board #bwrite .wCon .editor{width:70%; height:auto; margin:0 0 5px 0;} #board #bwrite .wCon .editor dt{} #board #bwrite .wCon .editor dd{width:100%; padding:8px 0 0 20%;} #board #bwrite .wCon .editor dd textarea{float:none; text-align:left; padding:5px; width:70%; height:auto; border:#CCC 1px solid; font-family:NanumGothic;} /*파일첨부,관련링크*/ #board #bwrite .wlist .fplus dt{} #board #bwrite .wlist .fplus dd{} /*개인정보취급방침동의*/ #board #bwrite .wlist .agreen{position:relative;} #board #bwrite .wlist .agreen dt{} #board #bwrite .wlist .agreen dd{width:30%;} #board #bwrite .wlist .agreen dd a.btn_policy{position:absolute; top:5px; right:5px; display:inline-block; width:auto; height:20px;padding:0 5px; border:1px solid #8d8d8d; background:#a5a5a5; color:#fff; vertical-align:middle; line-height:18px; border-radius:2px;-webkit-border-radius:2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; font-size:90%;} /*파일첨부 내용 + 삭제 */ #board #bwrite .weidtFile{line-height:140%; padding:10px 0;} #board #bwrite .weidtFile p{margin:0 0 10px 0;} /*스팸차단코드*/ /*#board #bwrite .spam{overflow:hidden; padding:15px 0 0 0; clear:both;}*/ #board #bwrite .spam{width:100%; height:auto; padding:6px 0 8px 0px; float:left; color:#2e2e2e;} #board #bwrite .spam dt{width:20%; min-width:100px; padding:0 0 0 0; float:left; color:#2e2e2e; font-weight:bold; /*background:url(/img/board_w_dt_icon.gif) no-repeat 10px 7px;*/} #board #bwrite .spam dd{float:left; font-size:90%; width:60%;} #board #bwrite .spam dd img{vertical-align:middle; margin:0 6px 0 0;} #board #bwrite .spam dd span{display:block; padding:5px 0 0 0;} /*input*/ #board #bwrite .wlist input{width:100%; vertical-align:middle;} #board #bwrite .wlist input[type="checkbox"]{width:auto !important; vertical-align:middle;} #board #bwrite .wlist .inputLong{width:50%;} #board #bwrite .wlist .inputTitle{width:70%;} /*write 끝-------------------------------------------------------------------------------------------------------------------------------------------- */ /*온라인예약2 - 제나 ----------------------------------------------------------------------------------------------------------------------------------- */ /*온라인예약프로그램*/ #board .rese2{position:relative; width:840px; border:1px solid #e7e7e7; margin:10px; color:#797979; line-height:inherit; float:left;} /*#board .rese2List tbody td{color:#2e2e2e !important;}*/ #board .rese2 .rese2Left{float:left; padding:0 20px 10px 0;} #board .rese2 .rese2Right{float:right;} /*지전선택, 예약희망일 ------------------------ */ #board .rese2 .rese2Top{color:#797979; width:525px; height:40px; padding:15px 0 0 0; margin:0 0 0 20px; background:url(/img/board_dot_line.gif) repeat-x bottom; overflow:hidden;} #board .rese2 .rese2Top dl{float:left;} #board .rese2 .rese2Top dt{float:left; padding:4px 15px 5px 0;} #board .rese2 .rese2Top dd{float:left;} #board .rese2 .rese2Top dd span{margin:4px 10px 0 0; display:inline-block;} /*지전선택, 예약희망일 끝 ------------------------ */ /*달력 ----------------- */ #board .rese2 .calendar{width:530px; margin:25px 0 10px 20px;} #board .rese2 .calendar table caption{position:relative; padding:0 0 19px 0; vertical-align:middle; width:inherit; height:inherit; overflow:inherit;visibility:inherit; font-size:inherit; } #board .rese2 .calendar table caption span{position:relative; top:0px; color:#2e2e2e; :180%; margin:0 27px;} #board .rese2 .calendar table caption img{margin:4px 0 0 0;} #board .rese2 .calendar .sat{color:#7f7fde; display:block;text-align:left;} #board .rese2 .calendar .sun{color:#f84c8d; display:block;text-align:left;} #board .rese2 .calendar table thead{} #board .rese2 .calendar table tbody{} #board .rese2 .calendar table th{padding:0 0 0 1px;} #board .rese2 .calendar table td{width:75px; height:61px; :90%; background:#f2f2f2; border:1px solid #fff; vertical-align:top; padding:7px 0 0 10px;} #board .rese2 .calendar table td span{display:block; text-align:center;} #board .rese2 .calendar p{text-align:left; margin:10px 0 0 0;} /*달력 끝 ----------------- */ /*예약시간,병원진료,이름,연락처,이메일주소,예약내용*/ #board .rese2 .rese2Right{width:268px; background:#f2f2f2; float:right; padding:23px 0 0 0px; line-height:100%;} #board .rese2 .rese2Right p{margin:0 0 10px 13px;} #board .rese2 .rese2Right dl{width:243px; clear:both; overflow:hidden; margin:0 auto 7px auto;} #board .rese2 .rese2Right dt{float:left; width:70px; margin:0; padding:4px 0 3px 0; font-weight:bold; color:#797979; text-align:left;} #board .rese2 .rese2Right dd{float:left; width:170px; color:#797979;} #board .rese2 .rese2Right dd span{position:relative; top:3px;} #board .rese2 .rese2Right textarea{width:170px; height:106px;} /*예약시간*/ #board .rese2 .rese2Right .TimeCon{width:170px; height:138px; border:1px solid #7f9db9; margin:0 0 0 0px; overflow:hidden; clear:both;} #board .rese2 .rese2Right .TimeCon ul{margin:0px; padding:0px; overflow:hidden; height:138px; overflow:scroll; overflow-x:hidden; background:#fff;} #board .rese2 .rese2Right .TimeCon ul li{margin:0px; padding:0 0 2px 5px;} #board .rese2 .rese2Right .TimeCon ul li:hover{background:#b2b4bf; cursor:pointer;} /*예약시간 끝*/ /*버튼 (진료예약,취소)*/ #board .rese2 .ftV{color:#766cc0 !important;} /*온라인예약2(리드페이지) - 제나*/ #board #bread .reseReadTop{ height:100%; margin:0 0 0 20px; line-height:100%; background:url(/img/board_dot_line.gif) repeat-x bottom; overflow:hidden;} #board #bread .reseReadTop dl{float:left; width:45%; margin:0 0 0 10px; padding:0 0 5px 0; height:auto; background:none;} #board #bread .reseReadTop dt{float:left; position:relative; width:90px; margin:0; padding:5px 0 0 10px; font-weight:bold; background:url(/img/icon_red.gif) no-repeat left; font-weight:normal; color:#797979; display:inline;} #board #bread .reseReadTop dd{float:left; width:auto; position:relative; color:#000;} #board #bread .reseReadTop dd strong{position:relative; top:0px;} /*주소 width:100%;*/ #board #bread .reseReadTop .dlw100{width:90%;} #board #bread .reseReadTop .dlw100 dt{} #board #bread .reseReadTop .dlw100 dd{width:75%;} /*비용문의 (쓰기페이지 + 인덱스페이지) -------------------------------------------------------------------------------------------------------- */ #board .moneylist #bwrite{height:100%;/*ie6버그*/ margin-bottom:30px;} #board .moneylist #bwrite .wlist{float:left;} #board .moneylist #bwrite .wlist dl{width:100%; height:auto; clear:both;} #board .moneylist #bwrite .wlist dt{width:100px;} #board .moneylist #bwrite .wlist dd{width:70%;} #board .moneylist #bwrite .wlist .moneypro{} #board .moneylist #bwrite .wlist .moneypro dd{ padding-top:4px;} #board .moneylist #bwrite .wlist input{width:auto;} /*비용문의 (쓰기페이지 + 인덱스페이지) 끝 -------------------------------------------------------------------------------------------------------- */ /*팝업*/ .popclose{background:#000; text-align:right; padding:2px 0 0 0;} .popclose input{margin:0px 0 0 0; vertical-align:middle;} .popclose span{color:#fff; margin:2px 0 0 0; display:inline-block;} .popclose img{margin:-2px 3px 0 0;} /* 스마트 폰: 320px 이하 */ @media handheld, only screen and (max-width: 320px) { #board #blist table tbody td.date{display:none;} #board #bwrite .wlist dd{width:60%;} #board #blist .nli .nlicon{width:69%;} } /* 페이징 */ .page_nav { clear:both; text-align:center; font-size:14px; letter-spacing:-1 /* 3depth 탭 */ .tab_1 ul { overflow: hidden; position: relative; margin-top:-20px; } .tab_1 ul li { float: left } .tab_1 ul li a { display: block; font-size:16px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; } .tab_1 ul li a.on { font-weight: 600; font-size:16px; } .tab_1.lebelFirst_1 { margin-bottom: 30px } .tab_1.lebelFirst_1 ul li { /* border-top: 4px #666 solid; */ padding-top: 1px } .tab_1.lebelFirst_1 ul li a { height: 40px; line-height: 43px; border-width: 1px; border-style: solid; border-color: #00b1c6; text-align: center; color: #7b7b7b; margin-left:3px; background-color:#ffffff; } .tab_1.lebelFirst_1 ul li a.on, .tab_1.lebelFirst_1 ul li a:hover { border-color: #00b1c6; font-weight: 700; margin-left:3px; } .tab_1.lebelFirst_1 ul li a.onCounsel { border-color: #ffaa00; font-weight: 700; margin-left:3px; } .tab_1.lebelFirst_1 ul li a.onCounsel { background-color: #ffaa00; color: #fff } .tab_1.lebelFirst_1 ul li a.onCounsel { background-color: #ffaa00; color: #fff } .tab_1.lebelFirst_1 ul li a:hover { color: #333 } .tab_1.lebelFirst_1 ul li a.on { background-color: #00b1c6; color: #fff } .tab_1.lebelFirst_1 ul.tab2ea li { width: 49.5049505% } .tab_1.lebelFirst_1 ul.tab3ea li { width: 33.11258278% } .tab_1.lebelFirst_1 ul.tab4ea li { width: 24.87562189% } .tab_1.lebelFirst_1 ul.tab5ea li { width: 19.92031873% } .tab_1.lebelFirst_1 ul.tab6ea li { width: 16.61129568% } .tab_1.lebelFirst_1 ul.tab7ea li { width: 14.24501425%; } .tab_1.lebelFirst_1 ul.tab8ea li { width: 12.46882793% } .tab_1.lebelFirst_1 ul.tab9ea li { width: 11.0864745% } .tab_1.lebelFirst_1 ul.tab10ea li { width: 10% } .tab_1.lebelFirst_1 ul.tab11ea li { width: 9.07441016% } /* 3depth 탭 */ .paginate_complex{padding:0 0 15px 0;line-height:normal;text-align:center;position:relative;} .paginate_complex a, .paginate_complex strong{display:inline-block;margin:0px;width:26px;height:26px;background-color:#fff;font:normal 12px/26px Tahoma, Sans-serif;color:#8e857c;vertical-align:top;border:1px solid #e0e0e0; border-top-left-radius: 3em; border-top-right-radius: 3em; border-bottom-right-radius: 3em; border-bottom-left-radius: 3em;} .paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus, .paginate_complex strong{background-color:#00467c;color:#fff;font-weight:bold;} .paginate_complex .direction{padding:0;background:url(/img/paginArr.gif) no-repeat;vertical-align:top;position:relative;zoom:1;z-index:3;overflow:hidden} .paginate_complex .direction:hover, .paginate_complex .direction:active, .paginate_complex .direction:focus{color:#323232;background-color:#fff;} .paginate_complex .prev{background-position:-1px -1px} .paginate_complex .prev2{margin-right:5px;background:url(/img/paginArr2.gif) no-repeat;background-position:-1px -1px} .paginate_complex .next{background-position:-29px -1px} .paginate_complex .next2{background:url(/img/paginArr2.gif) no-repeat;background-position:-29px -1px} .paginate_complex .btnList{position:absolute;right:0;bottom:0;} .paginate_complex .btnList a{margin:0;padding:0;background:none;} /* D:20171020 옵션상품 스마트픽 & 구매툴개선 tobe 20171214배포예정s edit by abby */ .optionLayer {position:fixed;left:0;bottom:0;width:100%;z-index:9999;} .optionLayer .optionArea{position:relative;width:100%;} .optionLayer .optionArea .optionBox{position:absolute; bottom:0; right:50%;width:200px; height:48px;margin-right:-604px;line-height:48px; background:#093250;z-index:9999;} .optionLayer .optionArea .optionBox.on {top:-48px;bottom:auto;} .optionLayer .optionArea .optionBox:after{display:block; clear:both; content:'';} .optionLayer .optionArea .optionBox .optionOpen{float:left;width:160px;padding:0 0 0 20px; background:url(../images/btn/btn_optionOpen.png) no-repeat right 20px; color:#fff; font-size:15px; font-weight:bold} .optionLayer .optionArea .optionBox .optionOpen.on {background:url(../images/btn/btn_optionClose.png) no-repeat right 20px;} .optionLayer .optionArea .optionBox .optionRadio {float:left; margin-left:10px; color:#fff;} .optionLayer .optionArea .optionBox .optionRadio input {vertical-align:middle;} .optionLayer .optionArea .optionBox .optionRadio label {margin:0 12px 0 3px; line-height:50px;} .optionLayer .optionArea .optionView {width:100%;border-top:4px solid #093250;background:#fff;} .optionLayer .optionArea .optionView.on {} .optionLayer .optionArea .optionView .optionViewInner {position:relative;width:1200px;margin:0 auto;padding:0 0 50px 0; } .optionLayer .optionArea .optionView .viewWrap {background:#f2f2f2;} .optionLayer .optionArea .optionView .viewWrap:after {display:block;clear:both;content:'';} .optionLayer .optionArea .optionView .viewWrap .viewWrapLeft {float:left;width:840px;padding-top:20px;background:#fff;} .optionLayer .optionArea .optionView .prdChoice {margin-bottom:17px;padding-left:0;border-top:0;} .optionLayer .optionArea .optionView .prdChoice.type {display:inline-block; width:466px; margin-top:10px; margin-right:23px;} .optionLayer .optionArea .optionView .prdChoice.multiPrd .contL {width:445px;} .optionLayer .optionArea .optionView .prdChoice.multiPrd p {float:left;width:320px;} .optionLayer .optionArea .optionView .prdChoice.multiPrd .qtyArea {float:right;} .optionLayer .optionArea .optionView .prdChoice:after {display:block; clear:both; content:'';} .optionLayer .optionArea .optionView .optSelectBx {border:0;background:none;padding:0 20px 0 0;} .optionLayer .optionArea .optionView .optSelectBx .optSelectPop {float:none;width:100%;} .optionLayer .optionArea .optionView .optSelectBx .optSelectBxTit {margin-bottom:5px;} .optionLayer .optionArea .optionView .optionBtnArea {position:absolute;bottom:0;right:0;width:320px;padding:20px;background:#f2f2f2; min-height:60px;} /* 오늘배송 구매버튼 삭제시 공백 문제로 수정 */ .optionLayer .optionArea .optionView .optionBtnArea:after {content:"";display:block;clear:both;} .optionLayer .optionArea .optionView .optionBtnArea a {height:60px;font-size:20px;font-weight:bold;line-height:58px;} .optionLayer .optionArea .optionView .optionBtnArea a.red {float:left;width:191px;} .optionLayer .optionArea .optionView .optionBtnArea a.dark {float:right;width:123px;background:#232a32;} .optionLayer .optionArea .optionView .optionBtnArea a.dark.warehouseOpen {display:none;} .optionLayer .optionArea .optionView .optionBtnArea.optAreaType2 a.red {float:right;} .optionLayer .optionArea .optionView .optionBtnArea.optAreaType2 a.dark {display:none;} .optionLayer .optionArea .optionView .optionBtnArea.optionSoldout:before {content:"";display:block;clear:both;position:absolute;top:0;left:0;width:100%;height:100%;background:#f2f2f2;} .optionLayer .optionArea .optionView .optionBtnArea.optionSoldout a.red, .optionLayer .optionArea .optionView .optionBtnArea.optionSoldout a.dark {display:none;} .optionLayer .optionArea .optionView .optionBtnArea a.dark.warehouseOpen {position:relative;display:block;background:#6a747d;z-index:1;} .optionLayer.addOptLayer .optionArea .optionView .optSelectBx {padding: 0; margin-right: 20px; max-height: 216px; overflow-y: auto;}/* 상품정보체계고도화 */ .prdChoice {position:relative;} .prdChoice a.optionSel {display:block; width:428px; height:30px; line-height:30px; padding:0 14px; background:url(../images/icon/icoSelect.png) no-repeat 435px 50%; border:1px solid #aeb3bb; background-color:#fff; color:#6a747c;} .prdChoice ul {display:none; position:absolute; top:42px; left:15px; width:456px; padding:10px 0; background-color:#fff; border:1px solid #aeb3bb; border-top:0; color:#6a747c; z-index:9999} .prdChoice ul li {height:24px; line-height:24px; color:#aeb3bb;} .prdChoice ul li a:hover {background-color:#ecedee;} .prdChoice ul li a {display:block; color:#232a32;} .prdChoice ul li a:after {display:block; clear:both; content:'';} .prdChoice ul li span.fl {float:left; width:296px; padding-left:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .prdChoice ul li span.fr {float:right; padding-right:14px; font-size:14px;font-weight:bold} .prdChoice ul li span.fr em { font-size:12px;} .optionLayer .optionArea .optionView h4 {padding:0 40px 20px 0;border-bottom:1px solid #d3d3d5; font-size:16px; font-weight:normal;} .optionLayer .optionArea .optionView select, .optionLayer .optionArea .optionView .selectBox {height:30px; line-height:30px; color:#6a747c;} .optionLayer .optionArea .btnOptionClose {position:absolute; top:30px; right:50%;margin-right:-486px;} .contL {float:left; color:#6a747c; font-size:15px;} .contL .optInfo {display: inline-block !important; margin-top: 5px; width: 70%; max-height: inherit !important; font-size: 11px; text-overflow: inherit !important; opacity: .6;}/* 상품정보체계고도화 */ .contR {float:right; font-size:12px; text-align:right;padding-top:7px;} .contR span {display:block; } .contR span.costP {margin-bottom:5px; color:#232a32; } .contR span.saleP {color:#6a747c;} .contR span.costP strong {line-height:16px;font-size:16px; font-weight:normal} .boxCont .contR span.costP strong {font-weight:normal;} .contR span.saleP strong {font-size:12px; } .contR span.saleP span {display:inline-block; margin-right:9px; line-height:16px; font-size:11px;} .contR .price{float:left;} .contR .btnArea{float:left; width:30px; text-align:right;} .boxCont {margin:0 20px 0 0;} .boxCont:after {display:block; clear:both; content:'';} .boxCont span.tit {display:block; margin-bottom:24px; color:#232a32; font-weight:bold} .boxCont ul {border-bottom:1px solid #d3d3d5;max-height:100px; overflow-y:auto;} .boxCont li {position:relative;padding:15px 0;border-top:1px dashed #aeb3bb;} .boxCont li:first-child {border-top:0;} .boxCont li:after {content:'';display:block;clear:both;} .boxCont li p {margin-bottom:6px; color:#232a32;} .boxCont li input {position:absolute; top:1px; left:0;} .boxCont li .contL {width:445px;} .boxCont li .contL:after {content:'';display:block;clear:both;} .boxCont li .contL p {float:left;width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .boxCont li .contL p span {display:block;} .boxCont li .contL .buyCnt {float:right;} .boxCont li .contR {padding-right:30px;} .boxCont li .contR .multiEtc {color:#6a747d;} .boxCont li .contR .multiEtc .limit {color:#ed1c24;} .boxCont li .contR .btnArea {float:none;position:absolute;top:50%;right:5px;padding:0;margin-top:-8px;} .boxCont.type2 {height:84px; margin-top:0; padding:10px 0 0 0; border:0;} .optionTotal {float:right;width:340px;padding:37px 20px 0 0;color:#6a747c;font-size:12px; font-weight:bold} .optionTotal span {display:block; height:23px; line-height:23px; text-align:right;} .optionTotal span.optionTotalPrice {color:#000; font-size:18px; } .optionTotal strong {margin-left:5px; line-height:21px; color:#123c63; font-size:24px; } .optionTotal .optionTotalPrice em {margin-left:2px; line-height:21px;color:#123c63; font-size:18px;} .optionTotal span.optionTotalMemPrice strong {color:#6a747c; font-size:16px;} .qtyArea{position:relative; width:96px; height:27px;} .qtyArea input.qty{font-weight: bold; position:absolute; top:0px; left:28px; width:38px; height:25px; line-height:25px; border:1px solid #aeb3bb; text-align: center;color:#666;font-size:15px;padding:0;} .qtyArea a.qtyUp{position:absolute; top:0px; right:0; margin:0;} .qtyArea a.qtyDown{position:absolute; top:0px; left:0; margin:0;} /* D:20171020 옵션상품 스마트픽 & 구매툴개선 tobe 20171214배포예정e edit by abby */ input:focus { outline: none; } .container-1{ width: 400px; height:45px; vertical-align: middle; white-space: nowrap; position: relative; top:-15px; } .container-1 input#search{ width: 400px; height: 45px; background: #ffffff; border: none; font-size: 17px; float: left; color: #717171; padding-left: 10px; border:none; border-bottom:4px #00b1c6 solid; outline:none; } .container-1 input#search::-webkit-input-placeholder { color: #717171; outline:none } .container-1 input#search:-moz-placeholder { /* Firefox 18- */ color: #717171; outline:none } .container-1 input#search::-moz-placeholder { /* Firefox 19+ */ color: #717171; outline:none } .container-1 input#search:-ms-input-placeholder { color: #717171; outline:none } .container-1 .icon{ position: relative; left:185px; top: 40px; z-index: 1; color: #4f5b66; } select { width: 200px; padding: 10px 10px; border: 1px solid #999; font-family: 'GmarketSansMedium'; background: url('/img/select_icon.png') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; } select::-ms-expand { display: none; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; font-size: 14px; line-height: 20px; color: #555555; /* vertical-align: middle; */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'GmarketSansMedium'; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="color"]:focus, .uneditable-input:focus { /* border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); */ outline:none; } input[type="radio"], input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } input[type="file"]:focus, input[type="radio"]:focus, .uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); }