123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- @charset "utf-8";
- /*
- * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
- */
- @font-face {
- font-family: 'Nanum Gothic';
- font-style: normal;
- font-weight: 400;
- /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
- src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');*/
- }
- @font-face {
- font-family: 'Nanum Gothic';
- font-style: normal;
- font-weight: 700;
- /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
- src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');*/
- }
- @font-face {
- font-family: 'Nanum Gothic';
- font-style: normal;
- font-weight: 800;
- /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
- src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
- url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');*/
- }
- /* Reset CSS */
- * { margin:0; padding:0; border:0; outline:0; vertical-align:middle; font-family:'NanumGothic', '돋움'; /*font-size:12px;*/ }
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
- ul, ol, dl { list-style:none; }
- img, video { max-width:100%; border:0; vertical-align:top; }
- a { vertical-align:top; text-decoration:none; color:#333; }
- table { border-collapse:collapse; border-spacing:0; }
- input { vertical-align:middle; height:1.7em; border:1px solid #ccc; margin:0; padding: 0 3px; }
- select { vertical-align:middle; height:1.7em; line-height:1.7em; border:1px solid #ccc; margin:0; padding: 3px 0 3px 0; }
- input[type="radio"], input.type-radio, input[type="checkbox"], input.type-checkbox { border:none; }
- textarea { border:1px solid #ccc; margin:0; padding:3px; }
- form { margin:0; padding:0 }
- /*body { font-family:'NanumGothic', '돋움'; font-size:12px; line-height:120%; color:#333 }*/
- label { cursor:pointer; }
- .blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
- i,em,address { font-style:normal; font-weight:normal; }
- .skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
- .btn_180px { width:180px; }
- .btn_160px { width:160px; }
- .btn_140px { width:140px; }
- .btn_120px { width:120px; }
- .btn_90px { width:90px; }
- .btn_80px { width:80px; }
- .btn_70px { width:70px; }
- .btn_60px { width:60px; }
- .btn_h26px { height:26px; line-height:26px; }
- /* 서브공통 */
- .fl { float: left }
- .fr { float: right }
- div, p, li, dd, dt { /*font-size:12px;*/ }
- .valign_middle { vertical-align:middle }
- .align_center { text-align:center }
- .clear { clear:both }
- .width_20px { width:20px}
- .width_30px { width:30px}
- .width_40px { width:40px}
- .width_50px { width:50px}
- .width_60px { width:60px}
- .width_70px { width:70px}
- .width_80px { width:80px}
- .width_90px { width:90px}
- .width_100px { width:100px}
- .width_110px { width:110px}
- .width_120px { width:120px}
- .width_130px { width:130px}
- .width_140px { width:140px}
- .width_150px { width:150px}
- .width_250px { width:250px}
- .width_auto { width:auto; }
- .width_100per {width:100% }
- .width_97per {width:97% }
- .width_95per {width:95% }
- .width_65per { width:65% }
- .width_60per { width:60% }
- .width_50per { width:50% }
- .width_49per { width:49% }
- .width_48per { width:48% }
- .width_47per { width:48% }
- .width_45per { width:45% }
- .width_40per { width:45% }
- .width_39per { width:39% }
- .width_35per { width:35% }
- .width_33per { width:33% }
- .width_30per { width:30% }
- .width_25per { width:25% }
- .height_95per { height:95% }
- .height_90per { height:90% }
- .height_50per { height:50% }
- .height_50per { height:50% }
- .height_40per { height:40% }
- .margin_top20px { margin-top:20px; }
- .margin_top28px { margin-top:28px; }
- .margin_bottom30px { margin-bottom:30px; }
- .margin_left10px { margin-left:10px }
- .margin_left15px { margin-left:15px }
- .margin_right33px { margin-right:33px; }
- .padding_left40px { padding-left:40px }
- .tabpanel-item {
- height: 200px;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- padding-left: 25px;
- padding-top: 55px;
- }
- .mobile .tabpanel-item {
- padding-top: 10px;
- }
- .tabpanel-item > div {
- float: left;
- padding: 0 85px 10px 10px
- }
- .tabpanel-item p {
- font-size: 16px;
- }
- .item-box {
- font-size: 16px;
- margin: 15px 0 45px 10px;
- }
- .options {
- padding: 20px;
- background-color: rgba(191, 191, 191, 0.15);
- margin-top: 20px;
- }
- .caption {
- font-size: 18px;
- font-weight: 500;
- }
- .option {
- margin-top: 10px;
- }
|