::-moz-selection { background:#c5abbc ; color: #fff; text-shadow: none; } ::selection { background:#c5abbc; color: #fff; text-shadow: none; } /* 초기화 */ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .inline-block { display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ } /* site */ @main-color: #fff; @text-color : #000; @impact-color :#ed7971; @impact-color2 : #ed7971; @url: '/resources/img/site/'; @side: 205px; @bg-color: #fff; @font-size: 15px; input, select, label { font-size: @font-size; } @import "./nanumbarungothic.css"; @import "./nanummyeongjo.css"; // 'Nanum Myeongjo' .myungjo { font-family: 'Nanum Myeongjo', Arial, sans-serif !important; } .impact-color{ color: @impact-color; } .impact-color2{ color: @impact-color2; } html { overflow-y: scroll; background: @bg-color; height: 100%; } body { font-family: 'Nanum Barun Gothic', Arial, sans-serif; font-weight: 300; line-height: normal; font-size: @font-size; line-height: 1.8; color: @text-color; position: relative; } h1, h2, h3, h4, h5, h6{ font-family: 'Nanum Barun Gothic', Arial, sans-serif; line-height: 1.2; font-weight: 400; } .subPage { padding-bottom: 40px; } // 720 940 1140 .content {} .container { clear: both; overflow: hidden; position: relative; } #bodyarea.main .container { .content { max-width: 1440px; } } #pageMain { overflow: hidden; } #bodyarea { // bootstrap respon fix padding-left: 0 !important; padding-right: 0 !important; .side { /*right: 0; top: 0; position: absolute;*/ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: @side ; padding: 0 0 0 0; margin: 0 0 0 0; float: left; .upper { } a.logo { display:block; margin: 70px 10px 40px 0; text-align:center; } p.webzine { background-color:#fff; text-align:center; color:#838383; padding-bottom:7px; } p.date { // background-color:#fff; padding-bottom:13px; text-align:center; font-size:16px; font-weight:bold; color: #fff; line-height: 20px; span { line-height: 20px; } span.month { font-size:24px; vertical-align: middle; } } .nav_links { list-style: none; // font-size: 0.8em; &>li { margin: 20px 0 20px 0; text-align: center; border-bottom: none; } a { color: #000 !important; } i { // font-size: 0.75em; } } .warning { padding:10px; color:#fff; background-color:#58984b; font-size:12px; word-break:keep-all; border-top:1px solid lighten(@impact-color, 20%); border-bottom:1px solid lighten(@impact-color, 20%); p { margin:0px; } } } div.content { footer#footer { background: #fff; clear: both; margin-top: 40px; padding-bottom: 40px; border-top:1px solid #bebebe; padding: 0 20px; .row-fluid { .logo { line-height:64px; text-align:left; img { // margin-left:20px; } } .copyright { color:#4E4E4E; font-size:0.8em; padding: 10px 0; /*line-height:1;*/ text-align: right; // padding-right:20px; } } } &.main #footer { margin-top: 0px; } } } #cd-lateral-nav { i { font-size: 0.8em; color: #999; } .gnb_sub li { list-style: none; } } .footer { display: none; // position: absolute; border-top:1px solid #bebebe; background-color:#fff; display:block; .row-fluid { .logo { line-height:64px; text-align:center; } .copyright { color:#5d5d5d; font-size:0.8em; padding: 25px 0; // margin-top:-10px; line-height:1; letter-spacing: -1px; text-align:center; } } } div.other_webzine_wrap { margin: 25px auto; width: 80%; display: block; .other_webzine { font-size: 12px; margin:0px auto; min-height:21px; } } .tab_content { display: none; } .tab { &>li { cursor: pointer; } } .tab.compliment { overflow: hidden; list-style: none; margin-bottom: 60px; li { width: 50%; text-align: center; background: #7F7F7F; color: #fff; font-weight: bold; font-size: 19px; display: block; float: left; padding: 10px 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; &.active { background: @impact-color; } } } .gallery_title { border-top: 1px solid #fff; text-align:left; } .gallery_title span { display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ font-size: 18px; font-weight: bold; color: #000; padding: 3px 30px 0 0; } .gallery_title_sub { margin: 10px 0 60px 0; } .gallery_title_sub p { text-align: center; font-size: 14px; font-weight: bold; } .bottom_big { margin-bottom: 60px; } .bottom_mid { margin-bottom: 35px; } .bottom_small { margin-bottom: 15px; } .news_box { // margin-top: 3px; padding: 30px 25px 0 25px; position: relative; h4 { font-size: 19px; } } ul.news_box_list { list-style: none; padding-top: 3px; *padding-bottom: 40px; margin-left: -36px; overflow: hidden; position: relative; li { display: block; float: left; background: #fff; margin-left: 36px; margin-bottom: 160px; width: 442px; height: 225px; } .customLi{ display: block; float: left; background: #fff; margin-left: 36px; margin-bottom: 233px; width: 326px; height: 100px; } p.title { margin: 10px 0 10px 0; font-size: 17px; font-weight: bold; color: @impact-color; } p.desc { font-size: 13px; letter-spacing: -1px; strong { color: #4C4C4C; } } td.desc { font-size: 13px; letter-spacing: -0.5px; strong { color: #4C4C4C; } } } ul.basic { margin-left: 20px; } ul.news_list { list-style: none; padding-top: 10px; margin-left: -22px; overflow: hidden; li { position: relative; float: left; background: #fff; margin-left: 10px; margin-bottom: 20px; /*width: 474px; *width: 357px;*/ height: 550px; /*border: 1px solid #BFBFBF;*/ } img { display: block; margin: 0 auto; } .imgCu{ margin: 0; } p { padding: 0 15px; line-height: 1.6; } p.title { letter-spacing: -1px; margin: 20px 0; font-size: 18px; font-weight: bold; text-align: center; } p.desc { margin: 20px 0 0 0; } } ul.card_news { list-style: none; padding-top: 22px; margin-left: -22px; overflow: hidden; li { position: relative; float: left; background: #fff; margin-left: 22px; margin-bottom: 75px; width: 46%; height: 505px; box-shadow: 2px 2px 2px 2px #e4e4e4 ; } p { padding: 0 15px; line-height: 1.6; } p.title { letter-spacing: -1px; font-size: 18px; font-weight: bold; text-align: center; } .up { img { position: absolute; bottom: 0; left: 0; } p.title { padding-top: 50px; padding-bottom: 10px; } } .down { p.title { padding-top: 30px; padding-bottom: 10px; } } i { position: absolute; top: -21px; left: 46%; width: 43px; height: 43px; } .circle i { background: url('@{url}/201909/card_icon_circle.png') no-repeat; } .plus i { background: url('@{url}/201909/card_icon_plus.png') no-repeat; } .lock i { background: url('@{url}/201909/card_icon_lock.png') no-repeat; } .play i { background: url('@{url}/201909/card_icon_play.png') no-repeat; } .head i { background: url('@{url}/201909/card_icon_head.png') no-repeat; } .location i { background: url('@{url}/201909/card_icon_location.png') no-repeat; } } .bullet_list { list-style: none; li { background: 0 0 no-repeat; list-style: none; line-height: 19px; padding-left: 25px; margin-bottom: 5px; } .no1 { background-image: url('@{url}/201711/no_1.png'); } .no2 { background-image: url('@{url}/201711/no_2.png'); } .no3 { background-image: url('@{url}/201711/no_3.png'); } .no4 { background-image: url('@{url}/201711/no_4.png'); } .no5 { background-image: url('@{url}/201711/no_5.png'); } .no6 { background-image: url('@{url}/201711/no_6.png'); } } .impact_box { border: 2px solid @impact-color; padding: 10px 20px; } .writer_photo_wrap { position: relative; text-align: right; img { display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ } p { display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ border-bottom: 1px solid #000; margin-top: 80px; } } .h4_wrap { &.q { background: url('@{url}/201704/q.png') 0 2px no-repeat; margin-left: -45px; padding-left: 45px; h4 { line-height: 1.4; color: #f08300; } } } // 02월 hand에 사용 .back_title { font-size: 17px; background: @impact-color; color: #fff; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ padding: 2px; } .back_title_sub { color: #777; font-size: 14px; margin-bottom: 5px; } // subPage section.subPage { background-repeat:no-repeat; max-width: 100%; margin: 0 auto; padding: 30px 0; h2 { color: @impact-color; font-weight: bold; } h2,h3 { font-size: 15px; margin: 0; } h4 { font-size: 22px; margin-top: 0; } .point_wrap { div.title { color: @impact-color; font-size: 15px; small { color: #000; } p { font-weight: bold; line-height: 1.6; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ // padding-bottom: 20px; } } } .point_wrap_upper { font-size: 14px; div.title { p { min-width: 100px; padding-top: 15px; margin-top: 5px; margin-bottom: 0; border-top: 2px solid #878888; color: #EC0677; font-weight: bold; line-height: 1.6; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ } } } .point_list { overflow: auto; list-style-type: disc; li { font-size: 14px; padding-right: 10px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; span { display: list-item; margin-left: 16px; } } } .page_title {; padding-bottom: 0; text-align: center; } .page_info { strong { margin-left: 20px; } padding: 11px 0 0 0; } .head_copy { margin-bottom: 50px; .gothic { font-family: 'Nanum Barun Gothic', Arial, sans-serif !important; } .title { font-size: 35px; font-weight:bold; .myungjo; line-height: 1.3; margin-bottom: 50px; &.gothic { font-family: 'Nanum Barun Gothic', Arial, sans-serif !important; } } .big_sub { font-size: 25px; line-height: 1.2; } } @media (min-width:979px){ .document { padding: 25px 100px; } } @media (max-width:978px){ .document { padding: 25px 20px; } } } // pages .impact_text_box { .title { color: #fff; font-size: 14px; font-weight: bold; padding: 3px 5px; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ background: @impact-color; // trip2.jpg } } .dl_list { font-size: 14px; li { display: block; } span { display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ } .title { font-weight: bold; width: 90px; } .title2 { font-weight: bold; width: 60px; } .desc { } } .colorBox { overflow: hidden; background-color:#fff; padding:20px; p { font-weight: 400; // line-height: 1.6; margin: 0; } &.orange { background: #FFF5F0; } &.brown { background: #F5F2EF; } &.white { background: #fff; } } .chapter { margin-top: 30px; } .smaller p { font-size: 0.78em; margin-top: 10px; } .box_desc { padding: 20px 0 0 0; .divider { padding-bottom: 10px; } p { border-top: 1px solid #ddd; padding-top: 10px; } } .black { color: @text-color; } .impact { color: @impact-color; } .impact_alt { // color: darken( spin(@impact-color, 60), 20% ); color: #A70E13; } .underline { text-decoration: underline; } .impact_underline { padding-bottom: 5px; border-bottom: 2px solid #A70E13; } .thumbnail { margin-bottom: 10px; .img_desc { text-align: right; margin: 0; padding: 10px 5px 5px 0; font-size:0.9em; font-weight:500; } } .allusion { border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; margin: 50px 0; padding: 30px 0; font-size: 1.4em; color: @impact-color; text-align: center; } .who_am_i { border:1px solid #c8c8c8; max-width:450px; margin:0px auto; padding:20px; overflow: hidden; float: none; margin: 50px auto 0 auto; text-align: center; &>img { max-width: 100px; } .who_title { text-align: center; font-size: 1.2em; color: #000; // font-weight: bold; margin-top: 10px; } .info { .title { margin: 10px 0 0; text-align: center; } .desc { margin: 0; text-align: center; } } } .bg_box { background: #fff8e6; padding: 20px; p { margin-bottom: 20px; } } .dl_basic { font-size: 14px; dt { } dd { margin: 5px 0 28px 0; } } table.like_print { width: 100%; border-collapse: collapse; font-size: 0.8em; th { border-top: 2px solid #999; border-bottom: 2px solid #999; } td { line-height: 1.2; text-align: center; border-top: 1px solid #999; border-bottom: 1px solid #999; } } .muted { color: #4E4E4E !important; } // news .media { background: url('/resources/img/site/201512/news_header.png') 0 0 no-repeat; padding-top: 30px; padding-bottom: 40px; .pull-left { max-width: 320px; } } .media-object { max-width: 300px; margin-right: 20px; padding: 3px; background: #fff; border: 1px solid #c9c9c9; } .media.news_2 { padding-top: 0px; background: 0 none; .media-heading { font-size: 1.2em; } .news_impact { .impact_alt; font-size: 1.5em; } .no1 { background: url('/resources/img/site/201512/news_a.png') -1px -5px no-repeat; padding-left: 50px; height: 39px; } .no2 { background: url('/resources/img/site/201512/news_b.png') 2px -5px no-repeat; padding-left: 50px; height: 40px; } .no3 { background: url('/resources/img/site/201512/news_c.png') 3px -5px no-repeat; padding-left: 50px; height: 40px; } .no4 { background: url('/resources/img/site/201512/news_d.png') 3px -5px no-repeat; padding-left: 50px; height: 32px; } .no5 { background: url('/resources/img/site/201506/news_e.png') 0 0 no-repeat; padding-left: 50px; height: 31px; } } .news_media_title { padding-top: 40px; border-top: 2px solid @impact-color; font-size: 1.5em; } .news_media_title_02 { font-size: 1.5em; margin-top: 2em; } .mini-time { &>.span6 { padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #eee; &.no_border { border: 0 none; } } h5 { margin-bottom: 5px; font-size: 1em; color: @impact-color; } .thumbnail { // border: 1px solid #eee; margin-top: 10px; } .desc_title { .impact_alt; font-weight: bold; } p { font-size: 0.8em; } } p.caption { font-size: 13px; font-weight: bold; text-align: left; margin-top:10px; margin-bottom:10px; } .td_left { td { text-align: left !important; } } .pink_table { width: 100%; border-collapse:collapse; border-bottom: #ccc 2px solid; margin-top: 20px; &.no-top { border-top: #ccc 2px solid; } tr { } th { color: #ee957c; background: #fbe2d8; } .point { background: #FFF0F0; } td { border-left: 1px solid #ccc; border-bottom: #ccc 1px solid; padding: 0px 5px; text-align:center; font-weight: 400; vertical-align: middle; } td:first-child { border-left: 0 none; } } .impact_table { border-collapse:collapse; border-bottom: @impact-color2 2px solid; margin-top: 20px; width: 100%; caption { display: none; } tr {.text-left{ background-color: #efefef; } } th { color: @impact-color2; border-bottom: @impact-color2 2px solid; border-top:@impact-color2 2px solid; } td { border-bottom: @impact-color2 1px solid; padding: 0px 5px; text-align:center; font-weight: 400; vertical-align: middle; } .impact_bg { width:5%; text-align:right; } } .impact_table_02 { border-collapse:collapse; border-bottom: #E5005A 2px solid; margin-top: 20px; width: 100%; caption { display: none; } th { color: #fff; background: @impact-color2; border-right: 1px solid @impact-color2; } td { border-bottom: @impact-color2 1px solid; border-left: @impact-color2 1px solid; border-right: @impact-color2 1px solid; padding: 5px; text-align:center; font-weight: 400; vertical-align: middle; } .impact_bg { width:5%; text-align:right; } } .graph_img { text-align: center; max-width:450px; margin: 20px auto; .graph_img_content { .top{ text-align: center; } .bottom{ text-align: left !important; } p { padding-top: 10px; border-top: 1px solid #000; } } } // rice ul.members { margin-top: 20px; } ul.members, ul.members p { text-align: center; } ul.members li { display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ } ul.members li { width:120px; } // hospital .impact_border { border: 1px solid @impact-color; } .img_center { margin: 10px 0; text-align: center; } .cnu_underline { border-bottom: 1px solid @impact-color; } .hospital_ribon { position: relative; p { position: absolute; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ height: 40px !important; z-index: 1; top: -20px; left: -31px; background: url("@{url}/201506/hospital_1.png") right top no-repeat; color: #fff; padding: 6px 50px 5px 110px; } } .img_title {font-weight:600; font-size:0.85em; padding-top:10px;} @media (max-width: 750px) { .hospital_ribon p { display: block; text-align: center; padding: 6px 30px 5px 50px; } } .quote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 40px; margin-bottom: 40px; padding-top: 30px; padding-bottom: 30px; font-size: 16px; text-align: center; } .quote img {padding:0 5px 0 5px;} .h5_wrap { padding: 10px 20px 0 20px; margin-top: 10px; background: url("@{url}/201508/common/h5_wrap.png") no-repeat; h5 { color: #000; line-height: 25px; } } // .cell_content { // overflow: hidden; // display: table-cell; // vertical-align: text-bottom; // border: 1px solid red; // } ol.number_list { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0; margin-left: 2em; padding: 0; counter-reset: li-counter; margin-bottom: 20px; } ol.number_list > li{ position: relative; padding-left: 0.5em; line-height: 1.6em; margin-bottom: 5px; } ol.number_list > li:before { position: absolute; top: 1px; left: -1.33em; width: 1.3em; padding: 2px 0 0 0; // height: 1.2em; line-height: 1.2; text-align: center; color: #fff; border-radius: 50%; background-color: @impact-color; content: counter(li-counter); counter-increment: li-counter; } ol.black_number_list { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0; margin-left: 1em; padding: 0; margin-top: 20px; counter-reset: li-counter; margin-bottom: 20px; } ol.black_number_list > li{ position: relative; padding-left: 0.5em; line-height: 1.6em; margin-bottom: 5px; } ol.black_number_list > li:before { position: absolute; top: 1px; left: -1.33em; width: 1.3em; padding: 2px 0 0 0; // height: 1.2em; line-height: 1.2; text-align: center; color: #fff; border-radius: 50%; background-color: #000; content: counter(li-counter); counter-increment: li-counter; } ul.body_list { list-style: none !important; li { line-height: 25px; } } .yoga_box_wrap { position: relative; margin-top: 60px; .yoga_title_wrap { position: absolute; top:-22px; left:0; height: 77px; background: url("@{url}/201506/body_bg.png") left bottom no-repeat; } .yoga_title { background: #96bee5; display: inline-block; color: #fff; font-size: 16px; padding: 8px 30px; } .yoga_inner_box { border: 1px solid #96bee5; margin-left: 29px; padding: 30px 0; p { color: #4d4c4d; padding: 10px 10px 0 10px; } } } // .no1 { @color: #2769a9; h4 span { color: @color; } .info_text { color: @color; } } .no2 { @color: #d77151; h4 span { color: @color; } .info_text { color: @color; } } .no3 { @color: #edb960; h4 span { color: @color; } .info_text { color: @color; } } .no4 { @color: #6b7176; h4 span { color: @color; } .info_text { color: @color; } } .no5 { @color: #9c958c; h4 span { color: @color; } .info_text { color: @color; } } .no6 { @color: #a3c366; h4 span { color: @color; } .info_text { color: @color; } } .no7 { color: #868770; } .no8 { color: #ced2d6; } .no9 { @color: #c86b4c; h4 span { color: @color; } .info_text { color: @color; } } .main .gotoTop { display: none !important; } .gotoTop { a { display:block; text-decoration:none; color: @impact-color; } } // media // 720 940 1140 @media (min-width: 1200px) { } @media (max-width: 1199px) { .subPage { min-height: 0; } .content { padding-top: 0; width: 100%; margin-left: 0 !important; } } @media (max-width: 767px) { .mobile_center { text-align: center !important; } .content { padding-left: 20px; padding-right: 20px; } .thumbnail { .img_desc { text-align: center; } } .media .pull-left { margin-right: 0; float: none; max-width: 100%; } .media-object { display: block; max-width: 100%; margin: 0 auto 20px auto; } div.content footer#footer .row-fluid .logo { height:30px; } .footer .copyright { padding-top: 10px !important; padding-bottom: 0 !important; margin-top: 0; } .h4_wrap.q { margin-left: 0; padding-left: 45px; } } @media (max-width: 450px) { ul.card_news { margin: 0 auto; li { .desc { padding-bottom: 10px; } i { z-index: 101; left: 125px; } img { position: relative !important; } height: auto; width: 99%; float: none; margin: 40px auto; } } .news_list { margin-left: 0 !important; } .news_list li { margin-left: auto !important; margin-right: auto !important; width: 100% !important; height: auto !important; padding-bottom: 20px !important; } .news_box_list { margin-left: 0 !important; } .news_box_list li { width: 100% !important; margin: 0 auto 100px auto !important; float: none !important; } } // 191211 // section.subPage .head_copy .title {font-family: 'Nanum Barun Gothic', Arial, sans-serif !important; }