@import url("ibsheet_custom_blue_new.css"); /*ibsheet custom*/

/*
 파일 개요
 ---------------------------------------------------------------------
 @ 목적 : [가천대 길병원 플랫폼] 공통 레이아웃 정의
 @ 작성 : GRIDA Publishing Team.
 @ 최종 : 2023.05.14.00:00
 @ 메모 : - (거의)모든 페이지에 등장하는 '공통 영역'을 정의한다. 예를들면 상단 헤더, 왼쪽 어사이드, 중앙 메인컨텐트 영역. 
*/

/*var*/
/* 기본 blue color 변수 */
:root {
    --color1: #2072D6; /* #2072D6 포인트 색상 */
    --color2: #1279F6; /* #1279F6 defalut 버튼 hover 색상 */
    --color3: #E7F1FE; /* #E7F1FE 추가 삭제 버튼 배경 색상 */
    --color4: #F6F7F9; /* #F6F7F9 배경 색상 */
    --color5: #19885d; /* #19885d 배경 색상 */

    --main-color1 : #3062AD; 
    --main-color2 : #0CAEAE; 
    --main-color3 : #43B7BE; 
    --main-color4 : #2A8CC3; 
    --main-color5 : #63A4E0; 
    --main-color6 : #6554A8; 
    --main-color7 : #9392E0; 
    --main-color8 : #A650A8; 
} 

.ip-ch-label .ip-ch:checked+.check { background: url(../img/blue-img/ic_checkbox_active.svg) no-repeat center/contain; }
.ip-rd-label .ip-rd:checked+.check { background: url(../img/blue-img/ic_radio_active.svg) no-repeat center/contain; } 
.sel>select:focus{border: 1px solid var(--color1);outline: none;background: url(../img/blue-img/ic_arrow_down_active.svg) no-repeat calc(100% - 12px) center/10px;}
.form_selectbox.open .fs_selected{border-radius: 4px 4px 0 0;color: var(--color1);background:#fff url(../img/blue-img/ic_arrow_down_active.svg) no-repeat calc(100% - 12px) center;}
.ip-txt:focus + .ic-calendar{ background: url(../img/blue-img/ic_calendar_active.svg) no-repeat center; } 
.plf-tab .tab .item.active .btn-del { background:url(../img/blue-img/ic_tab_del_active.svg) no-repeat center } 
.plf-tab .item-etc .tab-list li:hover .list-del { background: url(../img/blue-img/ic_tab_del_active.svg) no-repeat center/8px; } 
.plf-root.login > .wrap{}
.plf-root.login > .wrap:before{content:'';position:absolute;left:0;top:0;background:url(../img/blue-img/login-bg.png)no-repeat;width: 100%;height: 850px;z-index: -1;max-width: 1920px;}
.plf-root.login .plf-con{height: 850px;position: relative;width: 100%;margin:0 auto;}
.plf-root.login.researcher > .wrap:before{content:'';position:absolute;left:0;top:0; background: url(../img/blue-img/bg_login.jpg) no-repeat left bottom;width: 100%;height: 100%;z-index:0;}
.plf-root.login.researcher.green-bg > .wrap:before{content:'';position:absolute;left:0;top:0; background: url(../img/blue-img/bg_login.jpg) no-repeat left bottom;width: 100%;height: 100%;z-index:0;}
.plf-root.login.researcher{height: 959px;background: var(--color1) url(../img/blue-img/bg_login_left.png) repeat-x left bottom;position:relative;}
.plf-root.login.researcher .plf-con{width: 100%; height: 959px;margin:0 auto;position: relative;max-width: none;}
.plf-root.login.researcher.green-bg{height: 959px;background: var(--color5) url(../img/blue-img/bg_login_left.png) repeat-x left bottom;position:relative;}

/* 250513 추가 */
/* footer.blue .form_selectbox.open .fs_list{border-radius: 4px 4px 0 0 !important;}
footer.blue .form_selectbox .fs_list{background: var(--color1) !important;border:1px solid #1e1e1e7a!important;border-bottom:none !important;}
footer.blue .form_selectbox .fs_list li a:hover, footer.blue .form_selectbox .fs_list li button:hover{color:#1E1E1E !important;}
footer.blue .form_selectbox .fs_list li a, footer.blue .form_selectbox .fs_list li button{color:#1E1E1E !important}
footer.blue .form_selectbox .fs_list li:first-child:before{display: none !important;}
footer.blue .form_selectbox .fs_selected { position: relative; background-color: var(--color1); border: 1px solid #1e1e1e7a; color: #1e1e1e; padding-right: 32px;background:none;}
footer.blue .form_selectbox .fs_selected::after { content: ''; position: absolute; top: 50%; right: 12px; width: 12px; height: 8px; background: url(../img/icon/ic_arrow_down_black.svg) no-repeat center / contain; transform: rotate(0deg); transition: transform 0.3s ease; pointer-events: none; translate: 0 -50%; }
footer.blue .form_selectbox.open .fs_selected::after { transform: rotate(180deg);top:48%;} */


/* 250519 추가 */
footer.blue-new .l-conts .quick .quick-bottom .form_selectbox .fs_list{background: var(--color1) ;}

/* 250520 - 일러스트 배경 */
.plf-root.login.blue-bg{position: relative;}
.plf-root.login.blue-bg footer{background-color: transparent; position: absolute; left: 0; bottom: 0;}
.plf-root.login.blue-bg footer .form_selectbox .fs_list{background-color: transparent;}
.plf-root.login.blue-bg > .wrap:before{content:'';position:absolute;left:0;top:0; background: url(../img/blue-img/bg_login.jpg) no-repeat left bottom;width: 100%;height: 100%;z-index:0;}
.plf-root.login.blue-bg{height: 959px;background: var(--color1) url(../img/blue-img/bg_login_left.png) repeat-x left bottom;position:relative;}
.plf-root.login.blue-bg .plf-con{width: 100%; height: 959px;margin:0 auto;position: relative;max-width: none;}