@charset "utf-8"; @import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css"); @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500&display=swap"); /* "Noto Sans KR", sans-serif font-weight: Thin 100 Light 300 Regular 400 Medium 500 Bold 700 Black 900 */ /*@font-face { font-family: 'NanumSquareNeo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'NanumSquareNeo'; font-weight:300; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeo'; font-weight:400; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeo'; font-weight:500; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeo'; font-weight:700; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeo'; font-weight:900; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype"); } /* "NanumSquareNeo", sans-serif font-weight: Light 300 Regular 400 Bold 500 ExtraBold 700 Heavy 900 */ /*@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css'); @font-face { font-family: 'SCoreDream'; font-weight: 100; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 200; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 300; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 400; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 500; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 600; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 700; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 800; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 900; font-style: normal; src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff'); font-display: swap; }*/ /* reset */ html,body {margin:0; padding:0; font-family:"NanumSquareNeo","Noto Sans KR",Dotum,"droid sans fallback","AppleGothic",sans-serif; font-weight:400; font-size:12px; height:100%; color:#666; -webkit-text-size-adjust:none; position:relative; line-height:1.2;} dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0; padding:0; -webkit-text-size-adjust:none;} th,td,input,textarea,select {font-size:12px; color:#666; font-family:"NanumSquareNeo","Noto Sans KR",Dotum,"droid sans fallback","AppleGothic",sans-serif; -webkit-text-size-adjust:none;} th,td {word-break:break-all; word-wrap:break-word; -webkit-text-size-adjust:none;} table {border-spacing:0; border-collapse:collapse; -webkit-text-size-adjust:none; border:0; /*table-layout:fixed;*/} address,caption,cite,code,dfn,var {font-style:normal; font-weight:400; -webkit-text-size-adjust:none;} em {font-style:inherit; -webkit-text-size-adjust:none;} ol,ul,li {list-style:none;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:400; color:#333;} abbr,acronym {border:0;} hr,legend,caption {visibility:hidden; overflow:hidden; line-height:0; width:0; height:0; margin:0; padding:0;} img,fieldset {border:0 none;} label {cursor:pointer;} a {color:inherit;} a:link, a:visited, a:hover {color:inherit; text-decoration:none;} a:active {text-decoration:none;} input,img {vertical-align:middle;} .hidden_obj {position:absolute; visibility:hidden; overflow:hidden; height:0; line-height:0; width:0; margin:0; padding:0; font:0/0 Arial;} input::-webkit-input-placeholder {color:#999;} /* webkit */ input:-moz-placeholder {color:#999;} /* Firefox 4-18 */ input::-moz-placeholder {color:#999;} /* Firefox 19+ */ input:-ms-input-placeholder {color:#999;} /* IE10+ */ textarea::-webkit-input-placeholder {color:#999;} /* webkit */ textarea:-moz-placeholder {color:#999;} /* Firefox 4-18 */ textarea::-moz-placeholder {color:#999;} /* Firefox 19+ */ textarea:-ms-input-placeholder {color:#999;} /* IE10+ */ /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear {display:none; width:0; height:0;} input[type=search]::-ms-reveal {display:none; width:0; height:0;} /* clears the 'X' from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display:none;} button {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; padding:0; margin:0; color:inherit; background-color:transparent; font:inherit; font-size:inherit; cursor:pointer; text-align:inherit;} input[type="checkbox"], input[type="radio"] {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:0; height:0; border:0; font-size:0;} ::selection {background-color:#fdb813; color:#fff;} [lang="zh-Hans"] {font-family:'Noto Sans SC',"맑은 고딕","Malgun Gothic","돋움",Dotum,arial,sans-serif; position:relative; top:1px;} button:focus {outline:0;} button[data-tooltip] {position:relative; top:1px; vertical-align:middle; margin-left:1px;} :root { --prd-color-18_10:#212f4a; /* 2018_10풍월주 */ --prd-color-19_01:#1b535d; /* 2019_01어린왕자 */ --prd-color-19_02:#6b6158; /* 2019_02태일 */ --prd-color-19_03:#403b35; /* 2019_03더픽션 */ --prd-color-19_04:#dfa1Ae; /* 2019_04테레즈라캥 */ --prd-color-19_05:#494039; /* 2019_05세종1446 */ --prd-color-19_06:#511b0e; /* 2019_06경종수정실록 */ --prd-color-19_07:#e9c148; /* 2019_07빈센트반고흐 */ --prd-color-20_01:#e43b4e; /* 2020_01줄리앤폴 */ --prd-color-20_02:#236891; /* 2020_02로빈 */ --prd-color-20_03:#b1a774; /* 2020_03아랑가 */ --prd-color-20_04:#0d316d; /* 2020_04비스티 */ --prd-color-20_05:#993f34; /* 2020_05블메포 */ --prd-color-20_06:; /* 2020_06비를긋다 */ --prd-color-20_07:; /* 2020_07이매지너리 */ --prd-color-21_01:#6b6158; /* 2021_01태일 */ --prd-color-21_02:#a20202; /* 2021_02더픽션 */ --prd-color-21_03:#06b2eb; /* 2021_03무인도탈출기 */ --prd-color-21_04:#511b0e; /* 2021_04경종수정실록 */ --prd-color-21_05:#c96831; /* 2021_05엔딩노트 */ --prd-color-21_06:#2c2d59; /* 2021_06은하철도의밤 */ --prd-color-22_01:#144592; /* 2022_01디아길레프 */ --prd-color-22_02:#650000; /* 2022_02더테일에이프릴풀스 */ --prd-color-22_03:#2c2d59; /* 2022_03은하철도의밤 _ 앵콜 */ --prd-color-22_04:#8536b7; /* 2022_04베어더뮤지컬 */ --prd-color-22_05:#7068a1; /* 2022_05리차드3세 */ --prd-color-22_06:#c67eca; /* 2022_06테레즈라캥 */ --prd-color-22_07:#605d17; /* 2022_07랭보 */ --prd-color-22_08:#46afcc; /* 2022_08여신님이보고계셔 */ --prd-color-23_01:#ff7e05; /* 2023_01셰익스피어인러브 */ --prd-color-23_02:#650000; /* 2023_02더테일에이프릴풀스 */ --prd-color-23_03:; /* 2023_03이프아이월유 */ --prd-color-23_04:#574545; /* 2023_04타오르는어둠속에서 */ --prd-color-23_05:#3a4d53; /* 2023_05스모크 */ --prd-color-23_06:#2c2d59; /* 2023_06은하철도의밤 */ --prd-color-24_01:#820000; /* 2024_01알앤제이 */ --prd-color-24_02:#92bcd2; /* 2024_02난설 */ --prd-color-24_03:#8536b7; /* 2024_03베어더뮤지컬 */ --prd-color-24_04:#917d64; /* 2024_04빵야 */ --prd-color-24_05:#605d17; /* 2024_05랭보 */ --prd-color-24_06:#814fd4; /* 2024_06이프덴 */ --prd-color-25_01:#605d17; /* 2025_01랭보 */ --prd-color-25_02:#793530; /* 2025_02모리스 */ --prd-color-25_03:#df1c18; /* 2025_03화이트래빗레드래빗 */ --prd-color-25_04:#6b6158; /* 2025_04태일 */ --prd-color-25_05:; /* 2025_05랭보 */ --prd-color-25_06:#da2400; /* 2025_06미러 */ --prd-color-25_07:#f6bd0b; /* 2025_07타조소년들 */ --main-color-01:#fdb813; } /****************************** *** *** layout *** ******************************/ body {background:#e9ebed;} .container {height:100%; max-width:1280px; margin:0 auto; box-sizing:border-box;} .header_container {position:fixed; left:0; right:0; top:0; height:55px; box-sizing:border-box; z-index:3000; background:#fafafa; border-bottom:1px solid #e1e1e1;} .header_container .header_inner {padding:0 15px; font-size:0;} .header_container .logo {text-align:center;} .header_container .logo a {display:block; height:50px; line-height:50px;} .header_container .logo img {height:30px;} /*.header_container .btnMenu {position:absolute; left:10px; top:50%; margin-top:-20px; width:40px; padding-top:40px; height:0; overflow:hidden; background:url('../images/common/btn_menu01_white.png') center center no-repeat; background-size:24px auto;}*/ .header_container .btnMenu {position:absolute; left:10px; width:40px; text-align:center; height:40px; line-height:40px; top:50%; transform:translateY(-50%); font-size:20px; color:#000;} .header_container .title {position:absolute; left:60px; top:50%; line-height:40px; margin-top:-20px; font-size:18px; font-weight:700;} .header_container .title_c {text-align:center; font-size:18px; color:#333; font-weight:700; line-height:55px;} .header_container .subBox {display:inline-block; vertical-align:middle; padding-left:11px; margin-left:10px; position:relative;} .header_container .subBox::before {content:""; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#ccc;} .header_container .btnInfo {position:absolute; right:0; top:0; width:55px; padding-top:55px; height:0; overflow:hidden; background:url("../images/common/ico_info01.png") center center no-repeat; background-size:18px auto;} .header_container .selectBox01 .valTxt {font-size:16px;} .header_container .r_box {position:absolute; right:0; top:0; font-size:0;} .header_container .btn {display:inline-block; vertical-align:middle; width:55px; padding-top:55px; height:0; overflow:hidden; background:center center no-repeat;} .header_container .btn.close {background-image:url("../images/common/btn_cancel04.png"); background-size:19px auto;} .header_container.transparent {background:transparent; border-bottom:0;} .body_container {min-height:100%; box-sizing:border-box; position:relative; padding:55px 0 100px;} .body_container .body_inner {} .footer_container {text-align:center; height:40px; margin-top:-100px; position:relative;} .footer_container .cp {font-size:10px; color:#999; line-height:40px; /*font-weight:100;*/} .gnb_container {position:fixed; left:0; right:0; bottom:0; background:#fafafa; box-sizing:border-box; height:60px; border-top:1px solid #d9d9d9; z-index:5000;} .gnb_container ul {overflow:hidden; display:flex;} .gnb_container li {flex:1; text-align:center;} .gnb_container li a {display:block; height:59px; box-sizing:border-box; padding-top:34px; position:relative; color:#999;} .gnb_container li .ic {position:absolute; left:50%; top:13px; font-size:14px; transform:translateX(-50%);} .gnb_container li .txt {font-size:12px;} .gnb_container li.on .ic {font-weight:900;} .gnb_container li.on .txt {font-weight:700;} .gnb_container li.on a {color:#333;} /* PC */ @media (min-width:1281px) { .header_container, .gnb_container {left:50%; margin-left:-640px; width:1280px; right:auto;} .footer_container .cp {font-size:12px;} .header_container {height:65px;} .header_container .header_inner {} .header_container .btnMenu {font-size:24px;} .header_container .title {font-size:22px;} .header_container .title_c {font-size:22px; line-height:65px;} .header_container .btn {width:65px; padding-top:65px;} .header_container.transparent {background:transparent; border-bottom:0;} .body_container {padding:65px 0 105px;} .gnb_container {height:65px;} .gnb_container ul {} .gnb_container li {} .gnb_container li a {height:64px; padding-top:38px;} .gnb_container li .ic {top:13px; font-size:16px;} .gnb_container li .txt {font-size:13px;} .gnb_container li.on .ic {} .gnb_container li.on .txt {font-size:14px;} .gnb_container li.on a {} .footer_container {margin-top:-105px;} } .container.sub .header_container {background:#fff;} .allMenu_container {position:fixed; left:0; right:0; top:0; bottom:0; z-index:9000; opacity:0; visibility:hidden;} .allMenu_container .dimmed {position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7);} .allMenu_container .allMenu_inner {position:absolute; left:-100%; top:0; bottom:0; width:300px; background:#fff; height:100%; overflow-y:auto; transition:left 0.5s;} .allMenu_container.visible {opacity:1; visibility:visible;} .allMenu_container.visible .allMenu_inner {left:0;} .allMenu_container .summary_wrap {border-bottom:1px solid #d1d1d1;} .allMenu_container .summary_wrap .logo {display:block; padding-top:160px; height:0; overflow:hidden; background:url('../images/common/logo_inside05.png') center center no-repeat; background-size:auto 100px;} .allMenu_container .subMenu_wrap {border-bottom:1px solid #d1d1d1;} .allMenu_container .subMenu_wrap ul {display:flex;} .allMenu_container .subMenu_wrap li {flex:1;} .allMenu_container .subMenu_wrap li a {display:block; text-align:center; font-size:14px; padding-top:50px; box-sizing:border-box; height:86px; position:relative; color:#333; font-weight:500;} .allMenu_container .subMenu_wrap li a.home {} .allMenu_container .subMenu_wrap li a.about {} .allMenu_container .subMenu_wrap li a.guide {} .allMenu_container .subMenu_wrap li .ico {position:absolute; left:0; right:0; top:20px; font-size:0;} .allMenu_container .subMenu_wrap li .ico i {font-size:18px;} .allMenu_container .gnb_wrap {padding-top:10px; background:#e9ebed;} .allMenu_container .gnb_wrap > ul {background:#fff; /*padding-top:10px;*/} .allMenu_container .gnb_wrap li.depth1 {border-bottom:1px solid #e1e1e1;} .allMenu_container .gnb_wrap li.depth1 ~ li.depth1 {} .allMenu_container .gnb_wrap li.depth1 .m1 {display:block; box-sizing:border-box; width:100%; height:60px; line-height:60px; padding:0 20px; position:relative;} /*.allMenu_container .gnb_wrap li.depth1 a.m1::after {content:"\f054"; font-weight:900; font-family:"Font Awesome 5 Pro"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:14px; color:#999;}*/ .allMenu_container .gnb_wrap li.depth1 .m1 .ko {position:relative; z-index:100; color:#333; font-weight:700; font-size:18px;} .allMenu_container .gnb_wrap li.depth1 .m1 .en {margin-left:8px; color:#999; font-style:italic; font-size:14px;} .allMenu_container .gnb_wrap li.depth1 a.m1 {} .allMenu_container .gnb_wrap li.depth1 button.m1 {} .allMenu_container .gnb_wrap li.depth1 button.m1::after {content:"\f078"; font-weight:900; font-family:"Font Awesome 5 Pro"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:14px; color:#999;} .allMenu_container .gnb_wrap li.depth1 button.m1.open::after {content:"\f077";} .allMenu_container .gnb_wrap li.depth1 button.m1.open ~ ul.depth2 {display:block;} .allMenu_container .gnb_wrap ul.depth2 {display:none; background:#fafafa; padding:10px 0;} .allMenu_container .gnb_wrap ul.depth2 li {} .allMenu_container .gnb_wrap ul.depth2 li .m2 {display:block; height:50px; line-height:50px; font-size:14px; color:#333; padding:0 30px; position:relative;} /*.allMenu_container .gnb_wrap ul.depth2 li .m2::after {content:"\f054"; font-weight:900; font-family:"Font Awesome 5 Pro"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:14px; color:#aaa;}*/ .allMenu_container .a_close {position:absolute; right:5px; top:5px; width:50px; padding-top:50px; height:0; overflow:hidden;} .allMenu_container .a_close::after {content:"\f00d"; font-weight:300; font-family:"Font Awesome 5 Pro"; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:26px; color:#333;} /* full popup */ body.fullPopup {} body.fullPopup .header_container {height:100px; box-sizing:border-box; border-bottom:2px solid #e1e1e1;} body.fullPopup .header_container .header_inner {height:100px; text-align:left; padding:0 30px;} body.fullPopup .header_container .logo a {height:100px; line-height:100px;} body.fullPopup .header_container .logo a img {width:160px;} body.fullPopup .body_container {padding-bottom:0; min-width:980px;} body.fullPopup .body_container.schedule_page .monthly_section {} body.fullPopup .body_container.schedule_page .monthly_section .header_wrap {padding:25px 0;} body.fullPopup .body_container.schedule_page .monthly_section .header_wrap .dateTitle {font-size:36px; margin:0 30px;} body.fullPopup .body_container.schedule_page .monthly_section .header_wrap .btnMonth {width:48px; padding-top:48px;} body.fullPopup .body_container.schedule_page .monthly_section .header_wrap .btnMonth.next {background-position:0 -48px;} body.fullPopup .body_container.schedule_page .calendar_type01 tbody td {height:10vh;} body.fullPopup .body_container.schedule_page .calendar_type01 tbody td .prd {font-size:14px;} /****************************** *** *** common *** ******************************/ .tal {text-align:left !important;} .tac {text-align:center !important;} .tar {text-align:right !important;} .pointc01 {color:#333 !important;} .pointc02 {color:#fe3755 !important;} /* 빨간색 */ .pointc03 {color:#fc6c15 !important;} /* 주황색 */ .pointc04 {color:#eca100 !important;} /* 노란색 */ .hr {display:block; visibility:visible; line-height:20px; height:2px; width:100%; background:#e8e8e8; border:0; box-sizing:border-box;} /* 메인컬러1 : fdb813 (노란색) 메인컬러2 : 3f4342 (진회색) 보조색(1) : fc6c15 (주황색) 보조색(2) : eca100 (노란색) 보조색(3) : fe3755 (빨간색) 보조색(4) : 1f8fee (파란색) 보조색(5) : 21a2fd (하늘색) */ body .link01 {color:#0070bf; text-decoration:underline; /*font-style:italic;*/} body .link01:hover {color:#012063;} .tit_type01 {font-size:16px; font-weight:100; color:#333;} .iframe_type01 {position:relative; padding:0 0 56.25%;} /* 16:9 */ .iframe_type01 iframe {position:absolute; left:0; top:0; width:100%; height:100%;} /* 4:3 {padding-bottom:75%;} 16:9 {padding-bottom:56.25%;} 9:16 {padding-bottom:156.25%;} 3:4 {padding-bottom:175%;} */ .selectBox01 {display:inline-block; vertical-align:middle; position:relative; height:28px;} .selectBox01 .valTxt {display:block; font-size:14px; color:#000; padding-right:18px; position:relative; line-height:28px;} .selectBox01 .valTxt::after {content:""; position:absolute; right:0; top:50%; width:8px; height:5px; margin-top:-2px; background:url("../images/common/bul_arrow02.png") 0 0 no-repeat; background-size:100% 100%;} .selectBox01 select {position:absolute; left:0; top:0; opacity:0; width:100%; height:100%;} .selectBox02 {display:block; position:relative;} .selectBox02 .valTxt {display:block; font-size:14px; color:#000; padding-right:18px; padding:0 40px 0 12px; position:relative; line-height:36px; border:1px solid #e1e1e1;} .selectBox02 .valTxt::after {content:""; position:absolute; right:10px; top:50%; width:8px; height:5px; margin-top:-2px; background:url("../images/common/bul_arrow02.png") 0 0 no-repeat; background-size:100% 100%;} .selectBox02 select {position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; font-size:16px;} span.selectBox02 {display:inline-block; vertical-align:middle;} /* notice */ .noticeTxt_type01 {color:#999; padding:0 15px; font-size:11px;} ul.noticeTxt_type01 {} ul.noticeTxt_type01 li {padding-left:9px; position:relative; line-height:1.4;} ul.noticeTxt_type01 li::before {content:""; position:absolute; left:0; top:7px; width:4px; height:1px; background-color:#999;} ul.noticeTxt_type01 li + li {margin-top:4px;} @media (min-width:1281px){ .noticeTxt_type01 {font-size:12px; padding:0;} ul.noticeTxt_type01 li::before {top:8px;} } /* tab */ /*.tab_type01 {background:#fff; border-bottom:1px solid #e1e1e1;} .tab_type01 ul {margin-bottom:-1px; overflow:hidden;} .tab_type01 li {float:left; width:50%;} .tab_type01 li a {display:block; height:40px; box-sizing:border-box; text-align:center; font-weight:400;} .tab_type01 li .in {display:inline-block; height:40px; line-height:40px; padding:0 4px; box-sizing:border-box;} .tab_type01 li.on .in {border-bottom:3px solid #d81159; color:#d81159; font-weight:600;} .tab_type01 li.dis a {color:#999; background:#eee;}*/ .tab_type02 {border-bottom:1px solid #fdb813; position:relative;} .tab_type02 .tab {font-size:0; text-align:right; margin-bottom:-1px; position:relative;} .tab_type02 .tab li {display:inline-block; vertical-align:middle;} .tab_type02 .tab li a {display:block; width:90px; border:1px solid #e1e1e1; font-size:13px; color:#999; border-bottom-color:#fdb813; font-weight:100; height:34px; line-height:34px; text-align:center;} .tab_type02 .tab li + li {margin-left:-1px;} .tab_type02 .tab li:last-child a {border-right-width:0;} .tab_type02 .tab li.on {position:relative;} .tab_type02 .tab li.on a {background:#fff; border-color:#fdb813; color:#333; border-bottom-color:#fff; font-weight:400;} .tab_type02 .header_type01 {position:absolute; left:15px; top:5px; z-index:10; padding:0;} @media (min-width:1281px) { /*.tab_type01 li a {height:50px;} .tab_type01 li .in {height:50px; line-height:50px; font-size:14px;}*/ .tab_type02 .tab li a {width:120px; height:40px; line-height:40px; font-size:14px;} .tab_type02 .tab li:last-child a {border-right-width:1px;} .tab_type02 .header_type01 {left:0; top:2px;} } /* header */ .header_type01 {position:relative; min-height:20px;} /* mj개편 */ .header_type01 .titleBox {margin-bottom:12px;} .header_type01 .titleBox .label_type01 {margin-right:5px;} .header_type01 .titleBox .title {display:inline-block; vertical-align:middle; font-size:20px; color:#333; font-weight:700;} .header_type01 .subTxt01 {margin-top:4px; font-size:11px; color:#999;} .header_type01 .subTxt02 {position:absolute; right:0; bottom:0; font-size:11px; color:#999;} .header_type01 .subTxt03 {font-size:0;} .header_type01 .subTxt03 > span {display:inline-block; vertical-align:middle; font-size:13px; color:#999; letter-spacing:-0.01em;} .header_type01 .subTxt03 > span + span {position:relative; padding-left:8px; margin-left:7px;} .header_type01 .subTxt03 > span + span::before {content:""; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#828282;} .header_type01 .subTxt03 > span.times {letter-spacing:-0.02em;} .header_type01 .btnMore {position:absolute; right:0; bottom:0; padding-right:10px; font-size:16px; color:#333;} .header_type01 .btnMore::after {content:""; position:absolute; right:0; top:50%; margin-top:-4px; width:5px; height:9px; background:url("../images/common/bul_arrow01.png") 0 0 no-repeat; background-size:100% 100%;} .header_type01 .noticeTxt_type01 {padding:0; margin-top:4px;} .header_type02 {padding:12px 15px 8px; border-bottom:1px solid #d9d9d9;} .header_type02 .title {font-size:16px; font-weight:700; line-height:30px;} .header_type03 {padding:25px 20px 15px;} .header_type03 .title {font-size:16px; font-weight:400;} .header_type03 .title .n {color:#eca100; font-weight:700;} .header_type03 .title .total {color:#999; font-size:12px;} @media (min-width:1281px) { .header_type01 .title {font-size:28px; /*margin-bottom:10px;*/} .header_type01 .subTxt01 {font-size:16px;} .header_type01 .subTxt02 {font-size:16px;} .header_type01 .subTxt03 {} .header_type01 .subTxt03 > span {font-size:15px;} .header_type01 .subTxt03 > span + span {padding-left:10px; margin-left:9px;} .header_type01 .subTxt03 > span + span::before {margin-top:-6px; height:12px;} .header_type01 .btnMore {font-size:16px;} .header_type02 {padding:25px 20px 12px;} .header_type02 .title {font-size:18px; line-height:38px;} } @media (max-width:414px) { .header_type01 .subTxt03 > span {letter-spacing:-0.02em;} @media (max-width:400px) { .header_type01 .subTxt03 > span {letter-spacing:-0.03em;} @media (max-width:390px) { .header_type01 .subTxt03 > span {letter-spacing:-0.04em;} @media (max-width:380px) { .header_type01 .subTxt03 > span {font-size:12px; letter-spacing:-0.02em;} @media (max-width:370px) { .header_type01 .subTxt03 > span {font-size:13px;} .header_type01 .subTxt03 > span + span {padding-left:0; margin-left:0; display:block; margin-top:6px;} .header_type01 .subTxt03 > span + span::before {content:'( '; display:inline; width:auto; height:auto; background:transparent; position:static; margin:0;} .header_type01 .subTxt03 > span + span::after {content:' )';} } } } } } .search_type01 {padding:25px 20px; /*border-bottom:1px solid #e6e6e6;*/} .search_type01 .s_item {padding-left:65px; position:relative;} .search_type01 .s_item + .s_item {margin-top:15px;} .search_type01 .title {font-size:15px; font-weight:500; margin-bottom:8px; position:absolute; left:0; top:50%; margin-top:-15px; line-height:30px;} .search_type01 .inner {font-size:0;} .search_type01 .inner .radioBox02 + .radioBox02 {margin-left:5px;} .search_type01 .radioList {margin:-5px 0 0 -5px;} .search_type01 .radioList .radioBox02 {margin:5px 0 0 5px;} .search_type01.w5 .s_item {padding-left:80px;} .search_type01.w5 .title {} .search_type01.w6 .s_item {padding-left:100px;} .search_type01.w6 .title {letter-spacing:-0.04em;} .search_type01.w7 .s_item {padding-left:110px;} .search_type01.w7 .title {} .search_type01.w8 .s_item {padding-left:120px;} .search_type01.w8 .title {letter-spacing:-0.02em;} @media (max-width:400px) { .search_type01.w2 .s_item {padding-left:50px;} .search_type01.w6 .s_item {padding-left:85px;} .search_type01.w6 .title {font-size:14px; letter-spacing:-0.1em;} .search_type01 .radioList {margin:-2px 0 0 -2px;} .search_type01 .radioList .radioBox02 {margin:2px 0 0 2px; width:58px;} } .label_type01 {display:inline-block; vertical-align:middle; border:2px solid #333; color:#333; border-radius:9999px; height:20px; line-height:16px; padding:0 6px; font-size:10px; box-sizing:border-box; font-style:normal; font-weight:400;} .label_type01.c01 {border-color:#aaa; color:#aaa;} /* 리딩, 초연, 트라이아웃 */ .label_type01.h01 {height:28px; line-height:26px; padding:0 8px; font-size:12px; font-weight:700;} .label_type01.c18_10 {border-color:var(--prd-color-18_10); color:var(--prd-color-18_10);} .label_type01.c19_01 {border-color:var(--prd-color-19_01); color:var(--prd-color-19_01);} .label_type01.c19_02 {border-color:var(--prd-color-19_02); color:var(--prd-color-19_02);} .label_type01.c19_03 {border-color:var(--prd-color-19_03); color:var(--prd-color-19_03);} .label_type01.c19_04 {border-color:var(--prd-color-19_04); color:var(--prd-color-19_04);} .label_type01.c19_05 {border-color:var(--prd-color-19_05); color:var(--prd-color-19_05);} .label_type01.c19_06 {border-color:var(--prd-color-19_06); color:var(--prd-color-19_06);} .label_type01.c19_07 {border-color:var(--prd-color-19_07); color:var(--prd-color-19_07);} .label_type01.c20_01 {border-color:var(--prd-color-20_01); color:var(--prd-color-20_01);} .label_type01.c20_02 {border-color:var(--prd-color-20_02); color:var(--prd-color-20_02);} .label_type01.c20_03 {border-color:var(--prd-color-20_03); color:var(--prd-color-20_03);} .label_type01.c20_04 {border-color:var(--prd-color-20_04); color:var(--prd-color-20_04);} .label_type01.c20_05 {border-color:var(--prd-color-20_05); color:var(--prd-color-20_05);} .label_type01.c21_01 {border-color:var(--prd-color-21_01); color:var(--prd-color-21_01);} .label_type01.c21_02 {border-color:var(--prd-color-21_02); color:var(--prd-color-21_02);} .label_type01.c21_03 {border-color:var(--prd-color-21_03); color:var(--prd-color-21_03);} .label_type01.c21_04 {border-color:var(--prd-color-21_04); color:var(--prd-color-21_04);} .label_type01.c21_05 {border-color:var(--prd-color-21_05); color:var(--prd-color-21_05);} .label_type01.c21_06 {border-color:var(--prd-color-21_06); color:var(--prd-color-21_06);} .label_type01.c22_01 {border-color:var(--prd-color-22_01); color:var(--prd-color-22_01);} .label_type01.c22_02 {border-color:var(--prd-color-22_02); color:var(--prd-color-22_02);} .label_type01.c22_03 {border-color:var(--prd-color-22_03); color:var(--prd-color-22_03);} .label_type01.c22_04 {border-color:var(--prd-color-22_04); color:var(--prd-color-22_04);} .label_type01.c22_05 {border-color:var(--prd-color-22_05); color:var(--prd-color-22_05);} .label_type01.c22_06 {border-color:var(--prd-color-22_06); color:var(--prd-color-22_06);} .label_type01.c22_07 {border-color:var(--prd-color-22_07); color:var(--prd-color-22_07);} .label_type01.c22_08 {border-color:var(--prd-color-22_08); color:var(--prd-color-22_08);} .label_type01.c23_01 {border-color:var(--prd-color-23_01); color:var(--prd-color-23_01);} .label_type01.c23_02 {border-color:var(--prd-color-23_02); color:var(--prd-color-23_02);} .label_type01.c23_03 {border-color:var(--prd-color-23_03); color:var(--prd-color-23_03);} .label_type01.c23_04 {border-color:var(--prd-color-23_04); color:var(--prd-color-23_04);} .label_type01.c23_05 {border-color:var(--prd-color-23_05); color:var(--prd-color-23_05);} .label_type01.c23_06 {border-color:var(--prd-color-23_06); color:var(--prd-color-23_06);} .label_type01.c24_01 {border-color:var(--prd-color-24_01); color:var(--prd-color-24_01);} .label_type01.c24_02 {border-color:var(--prd-color-24_02); color:var(--prd-color-24_02);} .label_type01.c24_03 {border-color:var(--prd-color-24_03); color:var(--prd-color-24_03);} .label_type01.c24_04 {border-color:var(--prd-color-24_04); color:var(--prd-color-24_04);} .label_type01.c24_05 {border-color:var(--prd-color-24_05); color:var(--prd-color-24_05);} .label_type01.c24_06 {border-color:var(--prd-color-24_06); color:var(--prd-color-24_06);} .label_type01.c25_01 {border-color:var(--prd-color-25_01); color:var(--prd-color-25_01);} .label_type01.c25_02 {border-color:var(--prd-color-25_02); color:var(--prd-color-25_02);} .label_type01.c25_03 {border-color:var(--prd-color-25_03); color:var(--prd-color-25_03);} .label_type01.c25_04 {border-color:var(--prd-color-25_04); color:var(--prd-color-25_04);} .label_type01.c25_05 {border-color:var(--prd-color-25_05); color:var(--prd-color-25_05);} .label_type01.c25_06 {border-color:var(--prd-color-25_06); color:var(--prd-color-25_06);} .label_type01.c25_07 {border-color:var(--prd-color-25_07); color:var(--prd-color-25_07);} /* PC */ @media (min-width:1281px) { .label_type01 {height:26px; line-height:22px; padding:0 8px; font-size:13px;} } .hashTag_type01 {font-size:0;} .hashTag_type01 ul {margin:-3px 0 0 -6px;} .hashTag_type01 li {font-size:14px; display:inline-block; vertical-align:top; margin:3px 0 0 6px; /*color:#999;*/} @media (min-width:1281px) { .hashTag_type01 ul {margin:-5px 0 0 -8px;} .hashTag_type01 li {font-size:16px; margin:5px 0 0 8px;} } .hashTag_type02 {margin-bottom:5px;} .hashTag_type02 li {font-size:14px; display:inline-block; vertical-align:middle; color:#eca100;} .hashTag_type02 li + li {margin-left:4px;} @media (min-width:1281px) { .hashTag_type02 {margin-bottom:8px;} .hashTag_type02 li {font-size:16px;} .hashTag_type02 li + li {margin-left:6px;} } .itemList_type01 {} .itemList_type01 .item + .item {border-top:1px solid #f1f1f1;} /*.itemList_type01 .item + .item {margin-top:8px;}*/ .itemList_type01 .item > a {display:block; position:relative; background:#fff; padding:15px; box-sizing:border-box;} .itemList_type01 .thumb {float:left; margin-right:15px; width:100px; height:100px; overflow:hidden; position:relative;} .itemList_type01 .thumb .img {position:absolute; left:0; top:50%; width:100%; min-height:100%; transform:translate(0, -50%); overflow:hidden; font-size:0;} .itemList_type01 .thumb .img img {width:100%;} .itemList_type01 .thumb .n {position:absolute; right:5px; top:5px; color:#fff; background:rgba(0,0,0,0.3); height:16px; line-height:16px; padding:0 5px; min-width:12px; text-align:center; border-radius:8px; font-size:10px;} .itemList_type01 .thumb .n.white {background:rgba(255,255,255,0.2);} .itemList_type01 .thumb .icoVideo {position:absolute; left:5px; top:5px; width:24px; height:16px; text-align:center; border-radius:8px; background:rgba(0,0,0,0.3); font-size:0;} .itemList_type01 .thumb .icoVideo .fa {font-size:10px; line-height:16px; color:#fff;} .itemList_type01 .thumb.top .img {position:static; transform:none;} .itemList_type01 .thumb.land {} .itemList_type01 .thumb.land .img {width:auto; min-width:100%; min-height:auto; height:100%; left:50%; top:0; transform:translate(-50%, 0);} .itemList_type01 .thumb.land .img img {width:auto; height:100%;} .itemList_type01 .thumb.land.pl .img {left:0; transform:translate(0,0);} .itemList_type01 .thumb.land.pr .img {left:auto; right:0; transform:translate(0,0);} .itemList_type01 .inner {overflow:hidden; position:relative; min-height:100px;} .itemList_type01 .title {display:block; word-break:break-all; font-size:18px; line-height:24px; max-height:48px; color:#333; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word; -o-text-overflow:ellipsis; overflow:hidden;} .itemList_type01 .date {display:block; color:#999; margin-top:6px; font-size:14px;} .itemList_type01 .hashTag_type01 {position:absolute; left:0; bottom:1px; right:0; margin-top:0;} .itemList_type01 .thumb + .inner {} .itemList_type01 .thumb + .inner .hashTag_type01 {} @media (min-width:1281px){ /*.itemList_type01 ul {overflow:hidden; margin-top:-20px; padding:20px 10px 0;} .itemList_type01 .item {float:left; width:33.3%; box-sizing:border-box; margin-top:20px !important; padding:0 10px;} .itemList_type01 .item > a {border:1px solid #d9d9d9; padding:20px;} .itemList_type01 .inner {height:100px;}*/ .itemList_type01 {overflow:hidden;} .itemList_type01 > ul {overflow:hidden; margin-top:-20px; padding:20px 10px;} .itemList_type01 .item {float:left; width:33.33%; margin-top:20px; box-sizing:border-box; padding:0 10px;} .itemList_type01 .item:nth-child(3n+1) {width:33.34%;} .itemList_type01 .item + .item {border-top:0;} .itemList_type01 .item > a {border:1px solid #d9d9d9; position:relative;} .itemList_type01 .item > a:hover {border-color:#999; box-shadow:3px 3px 6px rgba(0,0,0,0.3);} .itemList_type01 .item > a:hover .thumb img {transform:scale(1.08);} .itemList_type01 .thumb {width:150px; height:150px;} .itemList_type01 .thumb img {transition:all 0.5s;} .itemList_type01 .thumb .n {height:20px; line-height:20px; padding:0 6px; min-width:16px; font-size:11px; border-radius:10px;} .itemList_type01 .thumb .icoVideo {width:30px; height:20px; border-radius:10px;} .itemList_type01 .thumb .icoVideo .fa {font-size:11px; line-height:20px;} /*.itemList_type01 .item > a:hover::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid #fdb813;}*/ .itemList_type01 .inner {height:150px;} .itemList_type01 .hashTag_type01 {position:absolute; left:0; bottom:0; right:0; margin-top:0;} .itemList_type01 .hashTag_type01 ul {height:50px; overflow:hidden;} .itemList_type01 .hashTag_type01 li {line-height:20px;} /* 메인컬러1 : fdb813 (노란색) 메인컬러2 : 3f4342 (진회색) 보조색(1) : fc6c15 (주황색) 보조색(2) : eca100 (노란색) 보조색(3) : fe3755 (빨간색) 보조색(4) : 1f8fee (파란색) 보조색(5) : 21a2fd (하늘색) */ } @media (max-width:1280px){ .itemList_type01 .hashTag_type01 ul {height:20px; overflow:hidden;} .itemList_type01 .hashTag_type01 li {line-height:20px;} } /*.itemList_type02 {} .itemList_type02 .item {} .itemList_type02 .item + .item {margin-top:8px;} .itemList_type02 .item > a {display:block; position:relative; padding:15px; background:#fff;} .itemList_type02 .thumb {height:180px; overflow:hidden; border-radius:6px;} .itemList_type02 .thumb img {width:100%; margin-top:-100px;} .itemList_type02 .inner {padding-top:10px;} .itemList_type02 .title {font-size:16px; color:#333; display:block; line-height:22px; height:44px; font-weight:600; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word; -o-text-overflow:ellipsis; overflow:hidden;} .itemList_type02 .date {display:block; color:#999; margin-top:5px;} .itemList_type02 .hashTag_type01 {margin-top:8px;}*/ .quote_type01 {position:relative; border-bottom:1px solid #9b9b9b; padding:40px 0 25px;} .quote_type01::before {content:""; position:absolute; left:0; top:0; width:24px; height:15px; background:url("../images/common/ico_quote01.png") 0 0 no-repeat; background-size:100% auto;} .quote_type02 {border-left:6px solid #515151; padding-left:14px;} .board_type01 {} .board_type01 .board_hd {padding:15px 0; margin:0 15px; border-bottom:1px solid #e1e1e1; position:relative;} .board_type01 .board_hd .hashTag_type01 {margin-bottom:10px;} .board_type01 .board_hd .title {font-size:24px; color:#333; word-break:break-all; line-height:1.6;} .board_type01 .board_hd .subTitle {font-size:18px; word-break:break-all; line-height:1.4; margin-top:5px;} .board_type01 .board_hd .subBox01 {position:relative; font-size:14px; margin-top:20px; color:#999;} .board_type01 .board_hd .subBox01 .link01 {position:absolute; right:0; bottom:0;} .board_type01 .board_hd .subBox01 .date {display:inline-block; vertical-align:middle;} .board_type01 .board_hd .subBox01 .via {position:relative; margin-left:4px; padding-left:8px; display:inline-block; vertical-align:middle;} .board_type01 .board_hd .subBox01 .via::before {content:""; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#999;} .board_type01 .board_ct {padding:30px 15px;} .board_type01 .board_ct .content_inner {font-size:16px; line-height:1.7; color:#333;} .board_type01 .board_ct .content_inner::after {content:""; display:block; clear:both;} .board_type01 .board_ct .content_inner .downLink {text-align:right;} .board_type01 .board_ct .content_inner .remove {} .board_type01 .board_ct .content_inner .fl {} .board_type01 .board_ct .content_inner .fr {} .board_type01 .board_ct .content_inner.hidden .fl br, .board_type01 .board_ct .content_inner.hidden .fr br {display:none;} .board_type01 .board_ct .content_inner .cb {display:block; clear:both;} .board_type01 .board_ct .content_inner i {font-style:italic;} .board_type01 .board_ct .content_inner img {max-width:100%;} .board_type01 .board_ct .content_inner.hidden {} .board_type01 .board_ct .content_inner.hidden .remove {display:none;} .board_type01 .board_ct .content_inner:not(.hidden) .quote_type01 {border:0; padding:0;} .board_type01 .board_ct .content_inner:not(.hidden) .quote_type01::before {content:normal;} .board_type01 .board_ct .content_inner .italic {font-style:italic;} .board_type01 .board_ct .content_inner .flexAlign {display:flex;} .board_type01 .board_ct .content_inner .flexAlign .in {flex:1;} .board_type01 .board_ct .content_inner .flexAlign .in + .in {margin-left:10px;} @media (min-width:1281px){ .board_type01 .board_hd {padding:30px 0; margin:0 30px;} .board_type01 .board_hd .hashTag_type01 {margin-bottom:15px;} .board_type01 .board_hd .title {font-size:28px;} .board_type01 .board_hd .subTitle {font-size:22px; margin-top:8px;} .board_type01 .board_hd .subBox01 {font-size:16px; margin-top:40px;} .board_type01 .board_hd .subBox01 .via::before {height:14px; margin-top:-7px;} .board_type01 .board_ct {padding:45px 30px;} .board_type01 .board_ct .content_inner {font-size:18px; line-height:2;} .board_type01 .board_ct .content_inner:not(.hidden) .fl {float:left; max-width:50%; margin-right:30px;} .board_type01 .board_ct .content_inner:not(.hidden) .fr {float:right; max-width:50%; margin-left:30px;} .board_type01 .board_ct .content_inner .fl br, .board_type01 .board_ct .content_inner .fr br {display:none;} } .timeline_type01 {} .timeline_type01 .header_in {background:#fff; height:50px; line-height:50px; padding:0 20px; font-size:16px; position:sticky; left:0; right:0; top:55px; z-index:1000; box-shadow:0 6px 6px rgba(0,0,0,0.1);} .timeline_type01 .header_in .title {font-weight:700; color:#333; vertical-align:middle;} .timeline_type01 .header_in .sub {color:#999; font-weight:400; margin-left:5px; font-size:14px; vertical-align:middle; letter-spacing:0.1em; display:none;} .timeline_type01 .content_in {position:relative; padding:20px 15px 20px 30px;} .timeline_type01 .content_in::before {content:''; position:absolute; left:10px; top:0; bottom:0; width:2px; background:#d1d1d1;} .timeline_type01 .content_in .t_item {background:#fff; box-sizing:border-box; position:relative; border-radius:0 10px 10px 0;} .timeline_type01 .content_in .t_item::before {content:''; position:absolute; left:-20px; top:18px; width:20px; height:2px; background:#d1d1d1;} .timeline_type01 .content_in .t_item::after {content:''; position:absolute; left:-23px; top:15px; width:8px; height:8px; border-radius:50%; background:#333;} .timeline_type01 .content_in .t_item + .t_item {margin-top:15px;} .timeline_type01 .content_in .labelBox {margin-bottom:5px;} .timeline_type01 .content_in .label_type01 {margin-right:3px;} .timeline_type01 .content_in .prdTitle {vertical-align:middle; font-size:15px; color:#333; display:block; font-weight:700;} .timeline_type01 .content_in .inner {position:relative; box-sizing:border-box; padding:10px 15px 10px 107px; min-height:136px; display:flex; flex-direction:column; justify-content:center;} .timeline_type01 .content_in .poster {position:absolute; left:0; top:0; bottom:0; width:92px; /* height:160px; */ box-sizing:border-box; z-index:100; overflow:hidden;} .timeline_type01 .content_in .poster img {min-width:100%; height:100%; transform:translateX(-50%); position:absolute; left:50%; top:0;} .timeline_type01 .content_in .poster.noimage {background:#c8c8c8; text-align:center; font-size:11px; font-style:italic; font-weight:700; color:#aaa; padding-top:80px;} .timeline_type01 .content_in .poster.noimage::before {content:"\f03e"; font-weight:400; font-family:"Font Awesome 5 Pro"; position:absolute; left:50%; top:36px; transform:translateX(-50%); font-style:normal; font-size:32px;} .timeline_type01 .content_in .inner .ctBox {font-size:12px; margin-top:10px;} .timeline_type01 .content_in .inner .ctBox li + li {margin-top:4px;} .timeline_type01 .content_in .inner .ctBox li.ic1 {} .timeline_type01 .content_in .inner .ctBox li.ic2 {} .timeline_type01 .content_in .inner .ctBox li.ic3 {} .timeline_type01 .content_in .inner .ctBox li.ic4 {display:none;} .timeline_type01 .content_in .inner .ctBox li .far {} .timeline_type01 .content_in .inner .tagBox {font-size:0; display:none;} .timeline_type01 .content_in .inner .tagBox li {display:inline-block; vertical-align:middle; font-size:14px;} .timeline_type01.scrl {} .timeline_type01.scrl .header_in {position:static;} .timeline_type01.scrl .header_in .sub {display:inline-block;} .timeline_type01.scrl .content_in {white-space:nowrap; overflow-x:auto; font-size:0;} .timeline_type01.scrl .content_in .t_item {display:inline-block; vertical-align:middle; min-width:320px;} .timeline_type01.scrl .content_in .t_item + .t_item {margin:0 0 0 26px;} .timeline_type01.scrl .content_in .t_item + .t_item::before {left:-26px; width:26px;} .timeline_type01.scrl .content_in .t_item + .t_item::after {left:-17px;} .timeline_type01.scrl .content_in .poster {width:100px;} .timeline_type01.scrl .content_in .inner {min-height:148px; padding-left:115px;} .timeline_type01.scrl .content_in .inner .ctBox li.ic4 {display:block;} .timeline_type01.scrl .content_in .inner .ctBox .tit {display:none; vertical-align:middle;} .timeline_type01.scrl .content_in .inner .ctBox .ct {vertical-align:middle;} @media (max-width:414px){ .timeline_type01.scrl .content_in .t_item {min-width:310px;} @media (max-width:375px){ .timeline_type01.list .content_in .inner .ctBox .tit {display:none;} .timeline_type01.scrl .content_in .t_item {min-width:300px;} @media (max-width:360px){ .timeline_type01.scrl .content_in .t_item {min-width:290px;} } } } /* PC */ @media (min-width:1281px) { .timeline_type01 {} .timeline_type01 .header_in {height:60px; line-height:60px; font-size:18px; top:65px;} .timeline_type01 .header_in .title {} .timeline_type01 .header_in .sub {font-size:16px;} .timeline_type01 .content_in {padding:30px 25px 30px 40px;} .timeline_type01 .content_in::before {left:20px;} .timeline_type01 .content_in .t_item {border-radius:0 15px 15px 0;} .timeline_type01 .content_in .t_item::before {top:23px;} .timeline_type01 .content_in .t_item::after {left:-25px; top:18px; width:12px; height:12px;} .timeline_type01 .content_in .t_item + .t_item {margin-top:20px;} .timeline_type01 .content_in .labelBox {margin-bottom:10px;} .timeline_type01 .content_in .label_type01 {} .timeline_type01 .content_in .prdTitle {font-size:22px;} .timeline_type01 .content_in .inner {padding:15px 20px 15px 168px; min-height:204px;} .timeline_type01 .content_in .poster {width:138px;} .timeline_type01 .content_in .poster img {} .timeline_type01 .content_in .poster.noimage {padding-top:115px;} .timeline_type01 .content_in .poster.noimage::before {top:72px;} .timeline_type01 .content_in .inner .ctBox {font-size:16px; margin-top:15px;} .timeline_type01 .content_in .inner .ctBox li + li {margin-top:6px;} .timeline_type01 .content_in .inner .ctBox li.ic1 {} .timeline_type01 .content_in .inner .ctBox li.ic2 {} .timeline_type01 .content_in .inner .ctBox li.ic3 {} .timeline_type01 .content_in .inner .ctBox li.ic4 {} .timeline_type01 .content_in .inner .ctBox li .far {} .timeline_type01 .content_in .inner .tagBox {font-size:0; display:none;} .timeline_type01 .content_in .inner .tagBox li {display:inline-block; vertical-align:middle; font-size:14px;} .timeline_type01.scrl {} .timeline_type01.scrl .header_in {} .timeline_type01.scrl .header_in .sub {} .timeline_type01.scrl .content_in {} .timeline_type01.scrl .content_in .t_item {min-width:480px;} .timeline_type01.scrl .content_in .t_item + .t_item {margin:0 0 0 31px;} .timeline_type01.scrl .content_in .t_item + .t_item::before {left:-31px; width:31px;} .timeline_type01.scrl .content_in .t_item + .t_item::after {left:-22px;} .timeline_type01.scrl .content_in .poster {width:138px;} .timeline_type01.scrl .content_in .inner {min-height:204px; padding-left:168px;} .timeline_type01.scrl .content_in .inner .ctBox li.ic4 {} .timeline_type01.scrl .content_in .inner .ctBox li + li {margin-top:4px;} .timeline_type01.scrl .content_in .inner .ctBox .tit {display:inline-block;} } .timeline_type01 .content_in .t_item.prd18_10::after {background:var(--prd-color-18_10);} .timeline_type01 .content_in .t_item.prd19_01::after {background:var(--prd-color-19_01);} .timeline_type01 .content_in .t_item.prd19_02::after {background:var(--prd-color-19_02);} .timeline_type01 .content_in .t_item.prd19_03::after {background:var(--prd-color-19_03);} .timeline_type01 .content_in .t_item.prd19_04::after {background:var(--prd-color-19_04);} .timeline_type01 .content_in .t_item.prd19_05::after {background:var(--prd-color-19_05);} .timeline_type01 .content_in .t_item.prd19_06::after {background:var(--prd-color-19_06);} .timeline_type01 .content_in .t_item.prd19_07::after {background:var(--prd-color-19_07);} .timeline_type01 .content_in .t_item.prd20_01::after {background:var(--prd-color-20_01);} .timeline_type01 .content_in .t_item.prd20_02::after {background:var(--prd-color-20_02);} .timeline_type01 .content_in .t_item.prd20_03::after {background:var(--prd-color-20_03);} .timeline_type01 .content_in .t_item.prd20_04::after {background:var(--prd-color-20_04);} .timeline_type01 .content_in .t_item.prd20_05::after {background:var(--prd-color-20_05);} .timeline_type01 .content_in .t_item.prd20_06::after {} .timeline_type01 .content_in .t_item.prd20_07::after {} .timeline_type01 .content_in .t_item.prd21_01::after {background:var(--prd-color-21_01);} .timeline_type01 .content_in .t_item.prd21_02::after {background:var(--prd-color-21_02);} .timeline_type01 .content_in .t_item.prd21_03::after {background:var(--prd-color-21_03);} .timeline_type01 .content_in .t_item.prd21_04::after {background:var(--prd-color-21_04);} .timeline_type01 .content_in .t_item.prd21_05::after {background:var(--prd-color-21_05);} .timeline_type01 .content_in .t_item.prd21_06::after {background:var(--prd-color-21_06);} .timeline_type01 .content_in .t_item.prd22_01::after {background:var(--prd-color-22_01);} .timeline_type01 .content_in .t_item.prd22_02::after {background:var(--prd-color-22_02);} .timeline_type01 .content_in .t_item.prd22_03::after {background:var(--prd-color-22_03);} .timeline_type01 .content_in .t_item.prd22_04::after {background:var(--prd-color-22_04);} .timeline_type01 .content_in .t_item.prd22_05::after {background:var(--prd-color-22_05);} .timeline_type01 .content_in .t_item.prd22_06::after {background:var(--prd-color-22_06);} .timeline_type01 .content_in .t_item.prd22_07::after {background:var(--prd-color-22_07);} .timeline_type01 .content_in .t_item.prd22_08::after {background:var(--prd-color-22_08);} .timeline_type01 .content_in .t_item.prd23_01::after {background:var(--prd-color-23_01);} .timeline_type01 .content_in .t_item.prd23_02::after {background:var(--prd-color-23_02);} .timeline_type01 .content_in .t_item.prd23_03::after {} .timeline_type01 .content_in .t_item.prd23_04::after {background:var(--prd-color-23_04);} .timeline_type01 .content_in .t_item.prd23_05::after {background:var(--prd-color-23_05);} .timeline_type01 .content_in .t_item.prd23_06::after {background:var(--prd-color-23_06);} .timeline_type01 .content_in .t_item.prd24_01::after {background:var(--prd-color-24_01);} .timeline_type01 .content_in .t_item.prd24_02::after {background:var(--prd-color-24_02);} .timeline_type01 .content_in .t_item.prd24_03::after {background:var(--prd-color-24_03);} .timeline_type01 .content_in .t_item.prd24_04::after {background:var(--prd-color-24_04);} .timeline_type01 .content_in .t_item.prd24_05::after {background:var(--prd-color-24_05);} .timeline_type01 .content_in .t_item.prd24_06::after {background:var(--prd-color-24_06);} .timeline_type01 .content_in .t_item.prd25_01::after {background:var(--prd-color-25_01);} .timeline_type01 .content_in .t_item.prd25_02::after {background:var(--prd-color-25_02);} .timeline_type01 .content_in .t_item.prd25_03::after {background:var(--prd-color-25_03);} .timeline_type01 .content_in .t_item.prd25_04::after {background:var(--prd-color-25_04);} .timeline_type01 .content_in .t_item.prd25_05::after {background:var(--prd-color-25_05);} .timeline_type01 .content_in .t_item.prd25_06::after {background:var(--prd-color-25_06);} .timeline_type01 .content_in .t_item.prd25_07::after {background:var(--prd-color-25_07);} /****************************** *** *** calendar *** ******************************/ .calendar_type01 {background:#fff;} .calendar_type01 table {width:100%;} .calendar_type01 .sun {width:14.2858%; color:#fd4545;} .calendar_type01 .mon {width:14.2857%;} .calendar_type01 .tue {width:14.2857%;} .calendar_type01 .wed {width:14.2857%;} .calendar_type01 .thu {width:14.2857%;} .calendar_type01 .fri {width:14.2857%;} .calendar_type01 .sat {width:14.2857%; color:#4786f7;} .calendar_type01 .holiday {color:#fd4545;} .calendar_type01 th.today .n {position:relative; display:inline-block; width:18px; height:18px; text-align:center; line-height:18px; background:#fdb813; color:#fff; border-radius:50%;} /*.calendar_type01 th.today .n::after {content:""; position:absolute; right:1px; top:2px; width:18px; height:18px; box-sizing:border-box; border-radius:50%; background:rgba(236, 161, 0, 0.5);}*/ /*.calendar_type01 .today::after {content:""; position:absolute; right:-1px; top:-1px; left:-1px; bottom:-1px; box-sizing:border-box; border:1px solid #666;} .calendar_type01 th.today::after {border-bottom:0;} .calendar_type01 td.today::after {border-top:0;}*/ .calendar_type01 thead th {border-bottom:1px solid #c9d6de; font-size:13px; font-weight:400; height:22px; color:#333; vertical-align:top;} .calendar_type01 tbody th, .calendar_type01 tbody td {border-left:1px solid #f0f5f9;} .calendar_type01 tbody th.sun, .calendar_type01 tbody td.sun {border-left:0;} .calendar_type01 tbody th {text-align:right; font-weight:400; padding:0 5px; height:22px; color:#333; border-top:1px solid #f0f5f9; position:relative;} .calendar_type01 tbody th .note {position:absolute; left:5px; top:50%; line-height:16px; margin-top:-8px;} .calendar_type01 tbody tr:first-child th {border-top:0;} .calendar_type01 tbody td {text-align:center; height:120px; box-sizing:border-box; padding:8px 2px; color:#fff;} .calendar_type01 tbody tr.allDayWeek {} .calendar_type01 tbody tr.allDayWeek td {height:60px;} /*.calendar_type01 tbody tr.allDayWeek td.allDay {vertical-align:bottom; padding-bottom:5px;} .calendar_type01 tbody tr.allDayWeek + tr.allDayWeek td.allDay {vertical-align:top; padding-top:5px;}*/ .calendar_type01 tbody .disabled {background:#f8faff; color:rgba(51,51,51,0.3);} .calendar_type01 tbody .disabled.sun, .calendar_type01 tbody .disabled.holiday {color:rgba(253,69,69,0.3);} .calendar_type01 tbody .disabled.sat {color:rgba(71,134,247,0.3);} .calendar_type01 tbody td .prd {font-size:14px;} .calendar_type01 tbody td .prd .tag {font-size:12px; display:block; margin-bottom:4px;} .calendar_type01 tbody td .prd .tag::before {content:'=== ';} .calendar_type01 tbody td .prd .tag::after {content:' ===';} .calendar_type01 tbody td .prd .name::before {content:"[";} .calendar_type01 tbody td .prd .name::after {content:"]";} .calendar_type01 tbody td .prd .time {/*margin-left:3px;*/} .calendar_type01 tbody td .casting {font-size:12px; margin-top:3px;} .calendar_type01 tbody td .casting + .prd {margin-top:8px;} .calendar_type01 tbody td .casting.sm {font-size:11px;} .calendar_type01 tbody td.prdEtc {background:#131313; color:#fff;} /* 기타활동 */ /*.calendar_type01 tbody td.prdEtc .prd.sm {font-size:12px;}*/ .calendar_type01 tbody td.prdBroadcast {position:relative;} /* 방송활동 */ .calendar_type01 tbody td.prd18_10 {background:var(--prd-color-18_10); color:#fff;} /* 2018_10풍월주 */ .calendar_type01 tbody td.prd19_01 {background:var(--prd-color-19_01); color:#fff;} /* 2019_01어린왕자 */ .calendar_type01 tbody td.prd19_02 {background:var(--prd-color-19_02); color:#fff;} /* 2019_02태일 */ .calendar_type01 tbody td.prd19_03 {background:var(--prd-color-19_03); color:#fff;} /* 2019_03더픽션 */ .calendar_type01 tbody td.prd19_04 {background:var(--prd-color-19_04); color:#fff;} /* 2019_04테레즈라캥 */ .calendar_type01 tbody td.prd19_05 {background:var(--prd-color-19_05); color:#fff;} /* 2019_05세종1446 */ .calendar_type01 tbody td.prd19_06 {background:var(--prd-color-19_06); color:#fff;} /* 2019_06경종수정실록 */ .calendar_type01 tbody td.prd19_07 {background:var(--prd-color-19_07); color:#fff;} /* 2019_07빈센트반고흐 */ .calendar_type01 tbody td.prd20_01 {background:var(--prd-color-20_01); color:#fff;} /* 2020_01줄리앤폴 */ .calendar_type01 tbody td.prd20_02 {background:var(--prd-color-20_02); color:#fff;} /* 2020_02로빈 */ .calendar_type01 tbody td.prd20_03 {background:var(--prd-color-20_03); color:#fff;} /* 2020_03아랑가 */ .calendar_type01 tbody td.prd20_04 {background:var(--prd-color-20_04); color:#fff;} /* 2020_04비스티 */ .calendar_type01 tbody td.prd20_05 {background:var(--prd-color-20_05); color:#fff;} /* 2020_05블메포 */ .calendar_type01 tbody td.prd20_06 {} /* 2020_06비를긋다 */ .calendar_type01 tbody td.prd20_07 {} /* 2020_07이매지너리 */ .calendar_type01 tbody td.prd21_01 {background:var(--prd-color-21_01); color:#fff;} /* 2021_01태일 */ .calendar_type01 tbody td.prd21_02 {background:var(--prd-color-21_02); color:#fff;} /* 2021_02더픽션 */ .calendar_type01 tbody td.prd21_03 {background:var(--prd-color-21_03); color:#fff;} /* 2021_03무인도탈출기 */ .calendar_type01 tbody td.prd21_04 {background:var(--prd-color-21_04); color:#fff;} /* 2021_04경종수정실록 */ .calendar_type01 tbody td.prd21_05 {background:var(--prd-color-21_05); color:#fff;} /* 2021_05엔딩노트 */ .calendar_type01 tbody td.prd21_06 {background:var(--prd-color-21_06); color:#fff;} /* 2021_06은하철도의밤 */ .calendar_type01 tbody td.prd22_01 {background:var(--prd-color-22_01); color:#fff;} /* 2022_01디아길레프 */ .calendar_type01 tbody td.prd22_02 {background:var(--prd-color-22_02); color:#fff;} /* 2022_02더테일에이프릴풀스 */ @media (min-width:1281px) { .calendar_type01 tbody td.prd22_02 .prd {font-size:1.09em; letter-spacing:-0.5px;} } .calendar_type01 tbody td.prd22_03 {background:var(--prd-color-22_03); color:#fff;} /* 2022_03은하철도의밤 */ .calendar_type01 tbody td.prd22_04 {background:var(--prd-color-22_04); color:#fff;} /* 2022_04베어더뮤지컬 */ .calendar_type01 tbody td.prd22_05 {background:var(--prd-color-22_05); color:#fff;} /* 2022_05리차드3세 */ @media (min-width:1281px) { .calendar_type01 tbody td.prd22_05 .prd {font-size:0.99em; letter-spacing:-0.5px;} } @media (max-width:680px) { .calendar_type01 tbody td.prd22_05 .prd {} .calendar_type01 tbody td.prd22_05 .prd .name {font-size:0.93em; letter-spacing:-0.1em;} } .calendar_type01 tbody td.prd22_06 {background:var(--prd-color-22_06); color:#fff;} /* 2022_06테레즈라캥 */ .calendar_type01 tbody td.prd22_07 {background:var(--prd-color-22_07); color:#fff;} /* 2022_07랭보 */ .calendar_type01 tbody td.prd22_08 {background:var(--prd-color-22_08); color:#fff;} /* 2022_08여신님이보고계셔 */ .calendar_type01 tbody td.prd23_01 {background:var(--prd-color-23_01); color:#fff;} /* 2023_01셰익스피어인러브 */ .calendar_type01 tbody td.prd23_02 {background:var(--prd-color-23_02); color:#fff;} /* 2023_02더테일에이프릴풀스 */ @media (min-width:1281px) { .calendar_type01 tbody td.prd23_02 .prd {font-size:1.09em; letter-spacing:-0.5px;} } .calendar_type01 tbody td.prd23_03 {} /* 2023_03아프아이월유 */ .calendar_type01 tbody td.prd23_04 {background:var(--prd-color-23_04); color:#fff;} /* 2023_04타오르는어둠속에서 */ @media (min-width:1281px) { .calendar_type01 tbody td.prd23_04 .prd {font-size:1.13em; letter-spacing:-0.5px;} } .calendar_type01 tbody td.prd23_05 {background:var(--prd-color-23_05); color:#fff;} /* 2023_05스모크 */ .calendar_type01 tbody td.prd23_06 {background:var(--prd-color-23_06); color:#fff;} /* 2023_06은하철도의밤 */ .calendar_type01 tbody td.prd24_01 {background:var(--prd-color-24_01); color:#fff;} /* 2024_01알앤제이 */ .calendar_type01 tbody td.prd24_02 {background:var(--prd-color-24_02); color:#fff;} /* 2024_02난설 */ .calendar_type01 tbody td.prd24_03 {background:var(--prd-color-24_03); color:#fff;} /* 2024_03빵야 */ .calendar_type01 tbody td.prd24_04 {background:var(--prd-color-24_04); color:#fff;} /* 2024_04베어더뮤지컬 */ .calendar_type01 tbody td.prd24_05 {background:var(--prd-color-24_05); color:#fff;} /* 2024_05랭보 */ .calendar_type01 tbody td.prd24_06 {background:var(--prd-color-24_06); color:#fff;} /* 2024_06이프덴 */ .calendar_type01 tbody td.prd25_01 {background:var(--prd-color-25_01); color:#fff;} /* 2025_01랭보 */ .calendar_type01 tbody td.prd25_02 {background:var(--prd-color-25_02); color:#fff;} /* 2025_02모리스 */ .calendar_type01 tbody td.prd25_03 {background:var(--prd-color-25_03); color:#fff;} /* 2025_03화이트래빗레드래빗 */ @media (min-width:1281px) { .calendar_type01 tbody td.prd25_03 .prd {font-size:1.13em; letter-spacing:-0.5px;} } .calendar_type01 tbody td.prd25_04 {background:var(--prd-color-25_04); color:#fff;} /* 2025_04태일 */ .calendar_type01 tbody td.prd25_05 {background:var(--prd-color-25_05); color:#fff;} /* 2025_05랭보 */ .calendar_type01 tbody td.prd25_06 {background:var(--prd-color-25_06); color:#fff;} /* 2025_06미러 */ .calendar_type01 tbody td.prd25_07 {background:var(--prd-color-25_07); color:#fff;} /* 2025_07타조소년들 */ @media (max-width:1280px) { .calendar_type01 tbody td {height:100px;} .calendar_type01 tbody tr.allDayWeek td {height:50px;} .calendar_type01 tbody td .prd .tag {font-size:9px; margin-bottom:0;} .calendar_type01 tbody td .prd .tag::before {content:'= ';} .calendar_type01 tbody td .prd .tag::after {content:' =';} .calendar_type01 tbody td .prd {font-size:12px;} .calendar_type01 tbody td .prd .time {margin-left:0;} .calendar_type01 tbody td .casting {font-size:10px; margin-top:2px;} .calendar_type01 tbody td.prd22_05 .prd {} @media (max-width:920px) { .calendar_type01 tbody td {height:60px;} .calendar_type01 tbody tr.allDayWeek td {height:30px;} .calendar_type01 tbody td .prd {font-size:10px;} .calendar_type01 tbody td .casting {display:none;} .calendar_type01 tbody td .casting + .prd {margin-top:4px;} @media (max-width:680px) { .calendar_type01 thead th {font-size:12px;} .calendar_type01 tbody th {font-size:10px;} .calendar_type01 tbody td {height:80px;} .calendar_type01 tbody tr.allDayWeek td {height:40px;} .calendar_type01 tbody td .prd {font-size:9px;} .calendar_type01 tbody td .prd .time {display:block; margin-left:0;} @media (max-width:480px) { .calendar_type01 tbody td {padding:2px;} @media (max-width:375px) { .calendar_type01 tbody td .prd {font-size:8px;} .calendar_type01 tbody td .prd .name::before, .calendar_type01 tbody td .prd .name::after {content:normal;} } } } } } /****************************** *** *** button *** ******************************/ body .btn_type01 {display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:12px; border:1px solid #e1e1e1; border-radius:2px; height:24px; line-height:22px; padding:0 8px; background:#fff;} body .btn_type01.c01 {border-color:#d81159; color:#d81159;} body .btn_type01.c02 {border-color:#fdb814; background:#fdb814; color:#fff;} body .btn_type01.c03 {border-color:#fe3755; background:#fe3755; color:#fff;} body .btn_type01 .ico {display:inline-block; position:relative; padding-left:12px;} body .btn_type01 .ico::before {content:""; position:absolute; left:0; top:50%; overflow:hidden;} body .btn_type01 .ico.table::before {width:9px; height:7px; margin-top:-3px; background:url("../images/history/ico_table01.png") 0 0 no-repeat; background-size:9px 14px;} body .btn_type01 .ico.timeline::before {width:10px; height:8px; margin-top:-4px; background:url("../images/history/ico_timeline01.png") 0 0 no-repeat; background-size:10px 16px;} body .btn_type01.c01 .ico.table::before {background-position:0 -7px;} body .btn_type01.c01 .ico.timeline::before {background-position:0 -8px;} body .btn_type02 {display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:14px; border:1px solid #fab615; height:32px; line-height:30px; padding:0 12px; background:#fff; color:#fab615;} body .btn_type02.c01 {background:#fab615; color:#fff;} body .btn_type02.c02 {border-color:#666; color:#666;} body .btn_type03 {display:block; box-sizing:border-box; width:100%; height:50px; line-height:48px; border:1px solid #000; color:#000; font-size:15px; text-align:center; border-radius:6px; font-weight:500;} body .btn_type03.c01 {border-color:#333; background:#333; color:#fff;} body .btn_type03.c02 {border-color:#bbb;} body .btn_type03.c03 {border-color:#fdb813; background:#fdb813;} body .btn_type03.c04 {border-color:#fdb813; color:#fdb813;} /*body .btn_type03.c01:active {color:rgba(255,255,255,0.7);}*/ body .btn_type03.c01:active {border-color:#444; background:#444; color:#eee;} body .btn_type04 {box-sizing:border-box; border:1px solid #d1d1d1; height:28px; background:#fff; line-height:26px; text-align:center; color:#666; font-size:13px; font-weight:400; border-radius:4px; position:absolute; right:0; bottom:-7px; padding:0 8px;} body .btn_type04 .fa-search {font-weight:400; font-size:12px; margin-right:4px;} body .btn_type05 {box-sizing:border-box; display:block; width:100%; height:40px; line-height:38px; border:1px solid #e1e1e1; border-radius:3px; text-align:center; color:#333; font-size:16px; font-weight:400;} body .btn_type05 .fa-chevron-down {font-weight:300; margin-left:6px; font-size:15px;} body .btn_type05.c01 {background:#a1a1a1; border-color:#a1a1a1; color:#fff;} body .btn_type05.h01 {height:50px; line-height:48px;} body .btn_top {position:absolute; right:15px; bottom:95px; width:54px; height:54px; color:transparent; text-indent:-9999px; overflow:hidden; border-radius:50%; background:var(--main-color-01) url('../images/common/ico_top01.png') center center no-repeat; background-size:14px auto;} @media (min-width:1281px) { body .btn_top {position:fixed; left:50%; margin-left:660px; bottom:100px;} } .btnAlign_type01 {font-size:0;} .btnAlign_type01 .btn_type02 {} .btnAlign_type01 .btn_type02 + .btn_type02 {margin-left:8px;} /* PC */ @media (min-width:1281px){ body .btn_type01 {font-size:14px; height:32px; line-height:30px; padding:0 15px;} body .btn_type01 .ico {padding-left:16px;} body .btn_type01 .ico.table::before {width:12px; height:9px; margin-top:-4px; background-size:12px 18px;} body .btn_type01 .ico.timeline::before {width:13px; height:10px; margin-top:-5px; background-size:13px 20px;} body .btn_type01.c01 .ico.table::before {background-position:0 -9px;} body .btn_type01.c01 .ico.timeline::before {background-position:0 -10px;} body .btn_type02 {font-size:16px; height:38px; line-height:36px; padding:0 14px;} body .btn_type04 {height:40px; line-height:38px; font-size:15px; border-radius:5px; bottom:-10px; padding:0 15px;} body .btn_type04 .fa-search {font-size:14px; margin-right:6px;} .btnAlign_type01 .btn_type02 + .btn_type02 {margin-left:15px;} } .btnAlign_type02 {margin-top:30px; position:relative;} .btnAlign_type02::after {content:""; display:block; clear:both;} .btnAlign_type02 > div {box-sizing:border-box; width:50%; float:left;} .btnAlign_type02 > div:first-child {padding-right:4px;} .btnAlign_type02 > div:last-child {padding-left:4px;} .btnAlign_type02.ratio01 {padding-right:60px;} .btnAlign_type02.ratio01 > div {padding:0;} .btnAlign_type02.ratio01 > div:first-child {width:100%;} .btnAlign_type02.ratio01 > div:last-child {width:50px; position:absolute; right:0; top:0;} body .btn_icon01 {display:inline-block; vertical-align:middle; box-sizing:border-box; border:1px solid #d1d1d1; background:#fff; font-size:0; border-radius:4px; overflow:hidden;} body .btn_icon01 li {display:inline-block; vertical-align:middle;} body .btn_icon01 li a {display:block; box-sizing:border-box; width:38px; height:28px; line-height:28px; text-align:center;} body .btn_icon01 .txt {font-size:16px; vertical-align:middle; margin-left:6px; display:none;} body .btn_icon01 .ic {font-size:16px; vertical-align:middle;} body .btn_icon01 li + li {border-left:1px solid #d1d1d1;} body .btn_icon01 li.on a {background:#eee;} body .btn_icon01 li.on i {} /* PC */ @media (min-width:1281px){ body .btn_icon01 {} body .btn_icon01 li {} body .btn_icon01 li a {width:50px; height:36px; line-height:36px;} body .btn_icon01 .txt {font-size:20px; margin-left:8px;} body .btn_icon01 .ic {font-size:20px;} body .btn_icon01 li + li {} body .btn_icon01 li.on a {} body .btn_icon01 li.on i {} } /****************************** *** *** form *** ******************************/ /*.radioBox01 {display:inline-block; vertical-align:middle; font-size:0; position:relative;} .radioBox01 .r_name {display:inline-block; vertical-align:middle; font-size:16px; min-height:20px; padding-left:26px;} .radioBox01 .r_name::before {content:""; position:absolute; left:0; top:0; width:20px; height:20px; background:url("../images/bg_radiobox01.png") 0 0 no-repeat; background-size:100% auto;} .radioBox01 input {position:absolute; left:-10px; top:0;} .radioBox01 input:checked + .r_name {} .radioBox01 input:checked + .r_name::before {background-position:0 -20px;} .radioBox01 input:disabled + .r_name {color:#999;} .radioBox01.unit {line-height:20px;} .radioBox01.unit .r_name {padding-left:20px; width:0; overflow:hidden; height:20px;}*/ .radioBox02 {display:inline-block; vertical-align:middle; font-size:0; position:relative; min-width:60px;} .radioBox02 .r_name {display:block; box-sizing:border-box; height:30px; line-height:28px; text-align:center; padding:0 6px; font-size:14px; background:#fff; color:#000; border:1px solid #bbb; border-radius:5px; white-space:nowrap;} .radioBox02 input {position:absolute; left:-10px; top:0;} .radioBox02 input:checked + .r_name {background:#333; border-color:#333; color:#fff;} /****************************** *** *** table > 작품활동/스케쥴 *** ******************************/ .table_type01 {background:#fff; border-top:2px solid #274c5e; border-bottom:1px solid #77919d; overflow-x:auto;} .table_type01 table {width:100%; border-collapse:separate;} .table_type01 thead th {font-size:12px; padding:8px 0; color:#333; font-weight:500;} .table_type01 tbody td {border-top:1px dashed #dae9f4; border-right:1px dashed #dae9f4; font-size:10px; padding:6px 5px; text-align:center; color:#666; box-sizing:border-box; /*font-weight:300;*/} .table_type01:not(.product) tbody td:last-child {border-right:0;} .table_type01 tbody tr:first-child td, .table_type01 tbody tr.group td {border-top:1px solid #77919d;} @media (min-width:1281px) { .table_type01 thead th {font-size:14px; padding:10px 0;} .table_type01 tbody td {font-size:12px; padding:8px 10px;} } /* 작품활동 */ .table_type01.product tbody td {font-size:12px;} /*.table_type01.product tbody tr.del td {text-decoration:line-through;}*/ .table_type01.product tbody td.year {/*border-right:1px solid #77919d;*/ border-right-style:solid;} .table_type01.product tbody td.prd {color:#333; font-size:14px; text-align:left; font-weight:400;} .table_type01.product tbody td.prd.region {background-color:#f0f5f9; color:#999; font-size:12px;} .table_type01.product tbody td.prd.region::before {content:"└ ";} .table_type01.product tbody td.place {text-align:left; border-right:0;} .table_type01.product tbody td .btnInfo {font-size:14px; cursor:pointer;} .table_type01.product col.year {width:7%;} .table_type01.product col.type {width:10%;} .table_type01.product col.prd {} .table_type01.product col.role {width:13%;} .table_type01.product col.date {width:13.5%;} .table_type01.product col.company {width:15%;} .table_type01.product col.place {width:20.5%;} .table_type01.product tbody td.date .br {display:none;} @media (min-width:1281px) { .table_type01.product tbody td {font-size:13px;} .table_type01.product tbody td.prd {font-size:16px;} } @media (max-width:1280px) { .table_type01.product tbody td {font-size:11px;} .table_type01.product tbody td.prd {font-size:12px;} .table_type01.product tbody td.prd.region {font-size:12px;} @media (max-width:820px) { .table_type01.product .company {display:none;} /*.table_type01.product tbody td.date {border-right:0;}*/ .table_type01.product col.year {} .table_type01.product col.type {width:10%;} .table_type01.product col.prd {} .table_type01.product col.role {} .table_type01.product col.date {width:16%;} /*.table_type01.product col.company {}*/ .table_type01.product col.place {width:25%;} @media (max-width:680px) { .table_type01.product .place {display:none;} .table_type01.product tbody td.date {border-right:0; font-size:10px;} .table_type01.product col.year {width:10%;} .table_type01.product col.type {width:13%;} .table_type01.product col.prd {} .table_type01.product col.role {width:20.5%;} .table_type01.product col.date {width:22%;} .table_type01.product .type {min-width:60px;} /*.table_type01.product col.company {} .table_type01.product col.place {}*/ @media (max-width:520px) { .table_type01.product tbody td.date .br {display:inline;} .table_type01.product col.year {width:11%;} .table_type01.product col.type {} .table_type01.product col.prd {} .table_type01.product col.role {} .table_type01.product col.date {width:17%;} /*.table_type01.product col.company {} .table_type01.product col.place {}*/ @media (max-width:400px) { .table_type01.product .type {display:none;} .table_type01.product col.year {width:15%;} /*.table_type01.product col.type {}*/ .table_type01.product col.prd {} .table_type01.product col.role {width:23%;} .table_type01.product col.date {width:20%;} /*.table_type01.product col.company {} .table_type01.product col.place {}*/ .table_type01.product tbody td.prd, .table_type01.product tbody td.prd.region {font-size:11px;} .table_type01.product tbody td .btnInfo {font-size:11px;} @media (max-width:380px) { .table_type01.product tbody td.date {font-size:10px;} } } } } } } /* 스케쥴 */ .table_type01.schedule {} .table_type01.schedule col.open {width:12%;} .table_type01.schedule col.date {width:8%;} .table_type01.schedule col.day {width:7%;} .table_type01.schedule col.time {width:7%;} .table_type01.schedule col.role {} .table_type01.schedule col.play {width:8%;} .table_type01.schedule .date {min-width:95px;} .table_type01.schedule .day {min-width:35px;} .table_type01.schedule .time {min-width:80px;} .table_type01.schedule tbody td {font-size:14px;} .table_type01.schedule tbody td.open {border-right-style:solid} .table_type01.schedule tbody td.role {border-right:0;} .table_type01.schedule tbody td.play {border-left:1px solid #dae9f4;} .table_type01.schedule tbody td.open, .table_type01.schedule tbody td.play {color:#999;} @media (max-width:980px) { .table_type01.schedule tbody td {font-size:12px; padding:6px 2px;} .table_type01.schedule .open, .table_type01.schedule .play {display:none;} .table_type01.schedule td.role {border-right:0;} .table_type01.schedule .date {min-width:65px;} .table_type01.schedule .day {min-width:32px;} .table_type01.schedule .time {min-width:55px;} } /****************************** *** *** table > 페어별 스케쥴 *** ******************************/ .table_type02 {border-top:2px solid #333;} .table_type02 .t_inner {position:relative; padding-left:155px;} .table_type02 .t_inner::after {content:""; position:absolute; right:0; top:0; bottom:0; width:8px; background:linear-gradient(90deg, rgba(248,248,248,0.3) 0%, rgba(248,248,248,1) 100%);} .table_type02 .tr {} .table_type02 .tr.body:not(.visible) {display:none;} .table_type02 .data {height:44px; line-height:44px; border-bottom:1px solid #e6e6e6; font-size:14px;} .table_type02 .data.th {background:#f8f8f8; height:40px; line-height:40px;} .table_type02 .data.th.multi {line-height:1.3; box-sizing:border-box; padding-top:4px; font-size:13px;} .table_type02 .data.td {} .table_type02 .thead {position:absolute; left:0; top:0; border-right:1px solid #e6e6e6;} .table_type02 .thead .tr {font-size:0;} .table_type02 .thead .data {display:inline-block; vertical-align:middle; font-size:14px; text-align:center;} .table_type02 .thead .data:nth-child(1) {width:60px;} .table_type02 .thead .data:nth-child(2) {width:32px;} .table_type02 .thead .data:nth-child(3) {width:62px;} .table_type02 .thead .data.th {} .table_type02 .thead .data.th {} .table_type02 .thead .tr.body.sat .data {color:#4786f7;} .table_type02 .thead .tr.body.sun .data, .table_type02 .thead .tr.body.holiday .data {color:#fd4545;} .table_type02 .thead .tr.body.matine .data {color:#36a72a;} .table_type02 .thead .tr.dis .data {color:#ccc;} .table_type02 .tbody {overflow-x:auto;} .table_type02 .tbody .tr {display:flex;} .table_type02 .tbody .tr .data {flex:1; text-align:center; min-width:70px;} .table_type02 .tbody .tr.body:hover .data {background:#fffbf1;} .table_type02 .tbody .tr .data .btnInfo {margin-left:3px;} .table_type02 .tbody .tr.dis .data {color:#ccc;} .table_type02.w8 {} .table_type02.w8 .tbody .tr .data {min-width:110px;} .table_type02.trigger24 .tbody .tr .data:nth-child(3) {min-width:120px;} .table_type02 .nodata {text-align:center; height:44px; line-height:44px; font-size:14px; display:none;} @media (min-width:1281px) { .table_type02 {} .table_type02 .t_inner {padding-left:225px;} .table_type02 .thead {} .table_type02 .thead .tr {} .table_type02 .thead .data {font-size:16px;} .table_type02 .thead .data:nth-child(1) {width:80px;} .table_type02 .thead .data:nth-child(2) {width:60px;} .table_type02 .thead .data:nth-child(3) {width:84px;} .table_type02 .tbody {} .table_type02 .tbody .tr {} .table_type02 .tbody .tr .data {} .table_type02 .tr {} .table_type02 .data {height:50px; line-height:50px; font-size:16px;} .table_type02 .data.th {height:46px; line-height:46px;} .table_type02 .data.td {} .table_type02 .nodata {height:50px; line-height:50px; font-size:16px;} } /****************************** *** *** popup *** ******************************/ .popup_container {position:fixed; left:0; right:0; top:0; bottom:0; z-index:9000; text-align:center; display:none;} .popup_container .dimmed {position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.6); z-index:1000;} .popup_container::after {content:""; display:inline-block; vertical-align:middle; height:100%;} .popup_container .p_inner {position:relative; display:inline-block; vertical-align:middle; background:#fff; box-sizing:border-box; text-align:left; z-index:1001;} .popup_container .p_header {position:absolute; left:0; right:0; top:0; height:60px; background:#fdb814;} .popup_container .p_header .title {color:#fff; text-align:center; line-height:60px; font-size:17px; font-weight:400; letter-spacing:0.03em;} .popup_container .p_body {} .popup_container .p_header + .p_body {padding-top:60px;} .popup_container .p_close {position:absolute; right:8px; top:10px; width:40px; padding-top:40px; height:0; overflow:hidden; background:url("../images/common/btn_cancel02.png") center center no-repeat; background-size:20px auto;} .popup_container.show {display:block;} .tooltip_container {position:fixed; left:0; right:0; top:0; bottom:0; z-index:9000; display:none;} .tooltip_container .dimmed {position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.6); z-index:1000;} .tooltip_container .t_inner {box-sizing:border-box; position:fixed; left:0; left:0; right:0; bottom:0; background:#fff; text-align:center; padding:60px 20px 20px; box-sizing:border-box; border-radius:5px 5px 0 0; transform:translateY(100%); transition:all 0.5s; z-index:1001;} .tooltip_container .t_txt01 {text-align:center; font-size:14px; color:#333; line-height:1.4;} .tooltip_container .t_close {position:absolute; right:8px; top:10px; width:40px; padding-top:40px; height:0; overflow:hidden; background:url("../images/common/btn_cancel03.png") center center no-repeat; background-size:20px auto;} .tooltip_container.show {display:block;} .tooltip_container.show .t_inner {transform:translateY(0);} /****************************** *** *** animate css *** ******************************/ .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; } @-webkit-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 50%, 0); transform:translate3d(0, 50%, 0); } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 50%, 0); transform:translate3d(0, 50%, 0); } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp; } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }