@charset "UTF-8";
@import url("sub2.css");

.sub_cont {display: flex; justify-content: flex-end; align-items: flex-start; width: 100%; height: 100%; margin: 0 auto; padding: 50px 0 60px}
.sub_cont .cont_inner { width: calc(100% - 253px); padding: 0 0 0 50px;}

.sub_cont.sty2 {position: relative; justify-content: flex-end; flex-wrap: wrap;}
.sub_cont.sty2 .sub_left_menu_area {position: absolute; left: 0; top: -116px; margin: 0}
.sub_cont.sty2 .basic_tab {width: calc(100% - 253px); padding: 0 0 0 50px;}
.flex-wrap { display: flex !important;  flex-wrap: wrap;}
.btn-bace1 { position: relative; display: block; min-width: 178px; padding: 15px 15px 15px 43px; color: #fff; background-color: #316aa5; border: 1px solid #00bfff; border-radius: 5px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.btn-bace1:before {content: "";position: absolute;top: 50%;left: 15px; width: 16px;  height: 20px;  background: url(../../../../images/home/kor/user/sub/ci_down_ico.png) no-repeat center / contain; transform: translate(0, -50%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.btn-bace1 {display: block; position: relative; min-width: 178px; padding: 15px 10px; padding-left: 60px; margin-bottom: 6px; color: #fff; background-color: #316aa5; border-radius: 5px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.btn-bace1:last-child {margin-bottom: 0;}
.btn-bace1:before {display: inline-block; content:''; position: absolute; left: 30px; width: 16px; height: 20px; background: url('../../../../images/home/kor/user/sub/ci_down_ico.png') no-repeat center/contain;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.btn-bace1:hover {box-shadow: 3px 3px 8px rgba(0,0,0,0.4); color: #316aa5;}
.btn-bace1:hover:before {left: 50%; margin-left: -8px;}
.a11y-hidden2 {visibility: hidden; }

.fast-backward:before { content: ''; display: block; width: 100%; height: 100%; background: url(../../../../images/cmmn/admin/page_l2.png) no-repeat center center; }
.fast-backward:hover:before { background: url(../../../../images/cmmn/admin/page_l2_on.png) no-repeat center center; }
.step-backward:before { content: ''; display: block; width: 100%; height: 100%; background: url(../../../../images/cmmn/admin/page_l1.png) no-repeat center center; }
.step-backward:hover:before { background: url(../../../../images/cmmn/admin/page_l1_on.png) no-repeat center center; }
.step-forward:before { content: ''; display: block; width: 100%; height: 100%; background: url(../../../../images/cmmn/admin/page_r1.png) no-repeat center center; }
.step-forward:hover:before { background: url(../../../../images/cmmn/admin/page_r1_on.png) no-repeat center center; }
.fast-forward:before { content: ''; display: block; width: 100%; height: 100%; background: url(../../../../images/cmmn/admin/page_r2.png) no-repeat center center; }
.fast-forward:hover:before { background: url(../../../../images/cmmn/admin/page_r1_on.png) no-repeat center center; }

.page_gap {margin-bottom:55px}
.page_gap:last-child {margin-bottom:0}

/* 서브 레프트 메뉴 */
.sub_left_menu_area a {display:block}
.sub_left_menu_area { position: absolute; z-index: 1; width: 253px; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.25);border-radius:8px;overflow:hidden}
.sub_left_menu_area .inner_box {position:relative}
.sub_left_menu_area .inner_box .sub_left_tit {display:flex;align-items:center;justify-content:center;height:113px;text-align:center;background-color:#003A73;background-image:url(../../../../images/home/kor/user/sub/sub_left_menu_bg.png);background-position:right top;background-repeat:no-repeat}
.sub_left_menu_area .inner_box .sub_left_tit > .tit {margin-top:15px;color: #fff;font-size: 1.8em; font-weight: 600}
.sub_left_menu_area .inner_box .sub_left_menu {padding:5px 20px 20px 20px; background: #fff;}
.sub_left_menu_area .inner_box .sub_left_menu > li {}
.sub_left_menu_area .inner_box .sub_left_menu > li > a {display: table; position: relative; width: 100%; padding:14px 0;font-size: 1.1em;font-weight:700;color:var(--colorGray90);border-bottom:1px solid var(--colorGray20);-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;position:relative}
.sub_left_menu_area .inner_box .sub_left_menu > li > a > span { vertical-align: middle; display: table-cell}
.sub_left_menu_area .inner_box .sub_left_menu > li.has_depth > a::after {font-family:'xeicon';content:'\e941';font-size:14px;color:var(--colorGray60);font-weight:normal;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:0.3s}
.sub_left_menu_area .inner_box .sub_left_menu2 {display:none}
.sub_left_menu_area .inner_box .sub_left_menu2 > li {position:relative}
.sub_left_menu_area .inner_box .sub_left_menu2 > li > a {padding:12px 0 12px 12px;font-size:1.05em;font-weight:400;border-bottom:1px solid var(--colorGray20);position:relative}
.sub_left_menu_area .inner_box .sub_left_menu2 > li > a:before {display:block;width:4px;height:4px;content:'';background-color:var(--colorGray30);border-radius:100%;position:absolute;left:0;top:21px;transition:0.3s}
.sub_left_menu_area .inner_box .sub_left_menu2 > li:first-child::after {display:none}

.sub_left_menu_area .inner_box .sub_left_menu > li:not(.on):hover > a, 
.sub_left_menu_area .inner_box .sub_left_menu > li:not(.on):focus > a {color:var(--colorMain);font-weight:700}
.sub_left_menu_area .inner_box .sub_left_menu > li.on > a {color:var(--colorMain);font-weight:700;border-bottom:2px solid var(--colorMain)}
.sub_left_menu_area .inner_box .sub_left_menu > li.has_depth.on > a:after {color:var(--colorMain);transform:translateY(-50%) rotate(180deg)}

.sub_left_menu_area .inner_box .sub_left_menu2 > li.on::after {width:100%;height:1px;content:'';background-color:var(--colorGray20);position:absolute;left:0;top:-1px}
.sub_left_menu_area .inner_box .sub_left_menu2 > li > a:hover,
.sub_left_menu_area .inner_box .sub_left_menu2 > li > a:focus, 
.sub_left_menu_area .inner_box .sub_left_menu2 > li.on > a {font-weight: 600; color:var(--colorMain);}
.sub_left_menu_area .inner_box .sub_left_menu2 > li > a:hover::before,
.sub_left_menu_area .inner_box .sub_left_menu2 > li > a:focus::before, 
.sub_left_menu_area .inner_box .sub_left_menu2 > li.on > a::before {background: var(--colorMain);}

.sub_left_menu_area #sub_left_menu {position:relative}
.sub_left_menu_area #sub_left_menu2 {width:100%;min-height:230px;position:absolute;top:116px;right:-255px}
.sub_left_menu_area #sub_left_menu2 .depth3_list {}
.sub_left_menu_area #sub_left_menu2 .depth3_list .prev_depth {display:block;padding:14px 0 14px 20px;font-size:1.1em;color:var(--colorGray90);font-weight:700;border-bottom:2px solid var(--colorGray90);transition:0.2s;position:relative}
.sub_left_menu_area #sub_left_menu2 .depth3_list .prev_depth::before {font-family:'xeicon';content:'\e93d';color:inherit;font-size:0.92rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.sub_left_menu_area #sub_left_menu2 .depth3_list .prev_depth::after {display:none}
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 {display:block}
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li {}
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li > a {display:block;padding:12px;font-size:1.05em;font-weight:400;border-bottom:1px solid var(--colorGray20);position:relative}
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li > a::before {display:block;width:4px;height:4px;content:'';background-color:var(--colorGray30);border-radius:100%;position:absolute;left:0;top:22px;transition:0.2s}
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li > a:hover,
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li > a:focus, 
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li.on > a {font-weight:700;color:var(--colorGray90);}
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li > a:hover::before,
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li > a:focus::before, 
.sub_left_menu_area #sub_left_menu2 .depth3_list .sub_left_menu2 > li.on > a::before {background-color:var(--colorGray90)}

/* 안내박스 */
.guide_box {display:flex;align-items:center;column-gap:30px;margin-bottom:25px;padding:30px 24px;color:var(--colorGray90);font-weight:300;line-height:1.45;background-color:var(--colorBgGray);border-radius:5px}
.guide_box .s_txt {font-size:0.95em}
.guide_box .img {width:80px}
.guide_box .img img {}
.guide_box .text_obj {width:calc(100% - 110px)}
.guide_box .text_obj .bold_txt {margin-bottom:8px;font-weight:700;font-size:1.1em}
.guide_box .list_txt_group {}
.guide_box .list_txt_group .list_txt {margin-bottom:5px;font-size:1em}
.guide_box .list_txt_group .list_txt:last-child {margin-bottom:0}
	
 /* 인사말 */
.greeting_wrap {padding-top: 30px; -ms-word-break: keep-all; word-break: keep-all;}
.greeting_wrap .greet_top {display: table; position: relative; width: 100%; margin-bottom: 35px; background: #ebf4fe url('../../../../images/home/kor/user/sub/greeting_bg.jpg') no-repeat right top;}
.greeting_wrap .greet_top .inner_box {display: table-cell; height: 260px; vertical-align: middle;}
.greeting_wrap .greet_top .img_box {position: absolute; right: 13%; bottom: 0;}
.greeting_wrap .greet_top .img_box img {width: 300px;}
.greeting_wrap .greet_top .txt_box { display: inline-block; width: 60%; text-align: center;}
.greeting_wrap .greet_top .txt_box .t1 {line-height: 1.5; margin-bottom: 20px; font-size: 1.125em; font-weight: 350;}
.greeting_wrap .greet_top .txt_box .t2 {margin-bottom: 35px; font-family: 'NanumSquare'; font-size: 2.125em; font-weight: 900;}
.greeting_wrap .greet_top .txt_box .t2 .c1 {color: #0b4489;}
.greeting_wrap .greet_top .txt_box .t2 .c2 {color: #296db4;}
.greeting_wrap .greet_top .txt_box .t3 {color: #5f6267;}
.greeting_wrap .greet_top .txt_box .t3 em {color: #404246; font-size: 1.068em; font-weight: 500;}
.greeting_wrap .greet_mid {line-height: 1.5; margin-bottom: 50px; color: #5f6267; font-weight: 350;}
.greeting_wrap .greet_mid p {margin-bottom: 25px; font-size: 16px;}
.greeting_wrap .greet_mid p.tr {text-align: right;}
.greeting_wrap .greet_mid p .name { font-size: 22px;}
.greeting_wrap .greet_mid p:last-child {margin-bottom: 0;}
.greeting_wrap .basic_table td {color: #000;}

.profile{ width:100%; min-width:320px; background:url('../../../../images/home/kor/user/sub/greeting_img2.png') no-repeat right top; padding:100px 60px 0 0;}
.profile .h_title {font-size:24px; font-weight:700; color:#0b4489; margin-bottom:20px;}
.profile .h_title strong { color:#1e6d96;}
.profile_list { width:480px; border-top:1px solid #dfdfdf; padding:30px 0; font-size: 0; display: flex; }
.profile_list > * { display: inline-block; vertical-align: top;}
.profile_list .title { width:120px; font-size:20px; font-weight:500; color:#0b4489;}
.profile_list .text_list { width:calc(100% - 120px); margin:0; padding:0;}
.profile_list .text_list li { margin:0 0 6px 0; padding:0 0 0 10px; font-size:16px; font-weight:400; color:#192332; position:relative;}
.profile_list .text_list li::before{ content:""; width:3px; height:3px; display:block; background-color:#00c776; position:absolute; left:0; top:8px;}
.profile_list .text_list li:last-child { margin: 0;}
.profile_list ul { width: calc(100% - 120px); display: block; margin: 0;   padding: 0;}
.profile_list ul li {  margin: 0 0 6px 0; padding: 0 0 0 10px;  list-style: none;  font-size: 16px; font-weight: normal; color: #192332;    position: relative; }
.profile_list ul li::before { content: ""; width: 3px; height: 3px; display: block; background-color: #00c776; position: absolute; left: 0; top: 8px;}
/* 가치체계 */
.value_wrap {}
.value_wrap .img_box { text-align: center;}

/* 전락체계 */
.strategy_wrap {}
/*
.strategy_wrap > .list {}
.strategy_wrap > .list > li { margin: 0 0 40px 0;}
.strategy_wrap > .list > li:last-child { margin: 0;}
.strategy_wrap > .list > li > .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.strategy_wrap > .list > li > .inner_box .title_area { width: 130px;}
.strategy_wrap > .list > li > .inner_box .title_area .title { position: relative; font-weight: 700; font-size: 1.120em; color: #316aa5;}
.strategy_wrap > .list > li > .inner_box .title_area .title:after {display: inline-block; content:''; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 0; background-color: #adc3db; border-radius: 50%;}
.strategy_wrap > .list > li > .inner_box .text_area { flex: 1; padding: 0 0 0 70px;}
.strategy_wrap > .list > li > .inner_box .text_area .round_list {display: flex; flex-wrap: wrap;}
.strategy_wrap > .list > li > .inner_box .text_area .round_list > li { display: flex; justify-content: center; align-items: center; width: calc(50% - 2.5px); height: 110px; margin: 10px 5px 0 0; border: 5px solid rgba(49,106,165,0.9); padding: 11px; border-radius: 30px;}
.strategy_wrap > .list > li > .inner_box .text_area .round_list > li:nth-child(-n+2) { margin: 0 5px 0 0;}
.strategy_wrap > .list > li > .inner_box .text_area .round_list > li:nth-child(2n) { margin: 10px 0 0 0;}
.strategy_wrap > .list > li > .inner_box .text_area .round_list > li:nth-child(2) { margin: 0;}
.strategy_wrap > .list > li > .inner_box .text_area .round_list > li .txt { display: block; font-size: 1.063em; line-height: 1.3; text-align: center;}
.strategy_wrap > .list > li > .inner_box .text_area > .row { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list { width: calc(33.333% - 6.666px); margin: 1rem 10px 0 0;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list:nth-child(-n+3) { margin: 0 10px 0 0;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list:nth-child(3n) { margin: 1rem 0 0 0;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list:nth-child(3) { margin: 0;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list:last-child { width: 100%; margin: 1rem 0 0 0;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dt {display: flex; justify-content: center; align-items: center; margin: 0 0 0.5rem 0; border: 1px solid #005dab; padding: 20px 10px; background-color: #005dab; border-radius: 15px;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dt .tit {font-weight: 500; font-size: 1.063em; color: #ffffff; text-align: center;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dd {}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dd > .list {}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dd > .list li {padding: 5px;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dd > .list li .txt {display: block; font-size: 1.063em; text-align: center;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dd > .list.row { display: flex; justify-content: space-between; align-items: stretch;}
.strategy_wrap > .list > li > .inner_box .text_area .sub_strategy_list dd > .list.row li { width: 33.333%;}
*/
.strategy_wrap .strategy_list { display: flex; width: 100%; margin-bottom: 40px;}
.strategy_wrap .strategy_list > dt { flex-shrink: 0; width: 130px; color: #316aa5; font-size: 1.120em;font-weight: 700; margin-right: 1rem;}
.strategy_wrap .strategy_list > dd { width: 100%; padding-left: 55px;}
.strategy_wrap .strategy_list dd .round_list { display: flex; flex-wrap: wrap; margin: 0 -10px -10px 0;}
.strategy_wrap .strategy_list dd .round_list > li { flex: 1 1 49%; display: flex; justify-content: center; align-items: center;
    height: 110px; line-height: 1.3; margin: 0 10px 10px 0; padding: 11px; border: 5px solid rgba(49, 106, 165, 0.9); margin-left: -5px;
    border-radius: 30px; text-align: center;font-size: 1.063em; word-break: keep-all;
}
.strategy_wrap .strategy_list > dd.flex-wrap dl {  flex: 1 1 33.33%;}
.strategy_wrap .sub_strategy_list { margin-bottom: 1rem;  padding-right: 10px;}
.strategy_wrap .sub_strategy_list > dt { display: flex; justify-content: center;align-items: center; padding: 20px 10px;border-radius: 15px;
    background-color: #005dab;  margin-bottom: 0.5rem;  border: 1px solid #005dab;}
.strategy_wrap .sub_strategy_list dt span { text-align: center; font-size: 1.063em; color: #fff; font-weight: 500;  word-break: keep-all;}
.strategy_wrap .sub_strategy_list dd ul.vertical li { float: left; width: 33.33%;}
.strategy_wrap .sub_strategy_list dd ul li { text-align: center; padding: 5px 5px;}

/* 연혁 */
.history_wrap {}
/*.history_wrap > .img_box {margin-bottom: 90px; text-align: center;}
.history_wrap > .img_box img { width: 100%;}
.history_box.skin2 {position: relative;}
.history_box.skin2:after {display: inline-block; content:''; position: absolute; left: 50%; top: 20px; width: 1px; height: calc(100% - 20px); margin-left: -0.5px; background-color: #3155a5;}
.history_box.skin2 .img_box {position: relative; margin-top:-22px; margin-bottom: 60px; text-align: center;}
.history_box.skin2 .img_box:before {display: inline-block; content:''; position: absolute; z-index: -1; left: 0; top: 50%; width: 100%; height: 1px; background-color: #ccc;}
.history_box.skin2 .his_row {}
.history_box.skin2 .his_row .his_lr {position: relative; float: left; width: 50%; clear: both; margin-bottom: 80px;}
.history_box.skin2 .his_row .his_lr:last-child {margin-bottom: 0;}
.history_box.skin2 .his_row .his_lr:nth-child(even) {float: right;}
.history_box.skin2 .his_row .add_img_box {float: left; width: 50%; padding-left: 48px; padding-top: 12px; overflow: hidden;	}
.history_box.skin2 .his_row .add_img_box img {width: 48%; margin-right: 4%; float: left;}
.history_box.skin2 .his_row .add_img_box img:nth-child(2n) {margin-right: 0;}
.history_box.skin2 .his_row .add_img_box img:nth-child(n+3) {margin-top: 4%;}
.history_box.skin2 .his_row .year {position: absolute; right: 38px; top: 0; width:auto; font-size:1.73em; color:#0b4489; font-style: italic; font-family:"NanumSquare"; font-weight: 900;}
.history_box.skin2 .his_row .year:after {display: inline-block; content:''; position: absolute; right: -42px; top: 12px; width: 9px; height: 9px; background-color: #3155a5; border-radius: 50%;}
.history_box.skin2 .txt_boxs {overflow:hidden; padding-right:125px; padding-top: 8px; font-size:1.06em; }
.history_box.skin2 .his_month_box {position: relative; display:inline-block; margin-bottom: 15px; float: right; text-align:right; color: #4a4a4a; clear: both;}
.history_box.skin2 .his_month_box:last-child { margin: 0;}
.history_box.skin2 .his_month_box .list {padding-right: 45px;}
.history_box.skin2 .his_month_box .list li {margin-bottom: 5px;}
.history_box.skin2 .his_month_box .list li:last-child {margin-bottom: 0;}
.history_box.skin2 .his_month_box .month {position: absolute; right: 0; top: 0; font-weight: 500; vertical-align:top;}
.history_box.skin2 .his_row .his_lr:nth-child(even) .txt_boxs {padding-right: 0; padding-left: 125px;}
.history_box.skin2 .his_row .his_lr:nth-child(even) .year {right: auto; left: 38px;}
.history_box.skin2 .his_row .his_lr:nth-child(even) .year:after {right: auto; left: -42px;}
.history_box.skin2 .his_row .his_lr:nth-child(even) .his_month_box {float: left; text-align: left;}
.history_box.skin2 .his_row .his_lr:nth-child(even) .his_month_box .list {padding-right: 0; padding-left: 45px;}
.history_box.skin2 .his_row .his_lr:nth-child(even) .his_month_box .month {right: auto; left: 0;}*/
.history_img { display: block; }
.history_img img { width: 100%; }
.history_wrap { border-top: 2px solid #0B4489; padding: 40px 0 0; margin: 80px 0 0; }
.history_wrap .st_list li { display: flex; align-content: flex-start; margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid #E0E0E0; }
.history_wrap .st_list li h2 { padding: 16px 0; width: 240px; color: #0B4489; font-weight: 700; font-size: 40px; Line-height:150%; }
.history_wrap .st_list li h2 > span { font-size: 24px; }
.history_wrap .st_list li .year_wrap { padding: 16px 40px; border-left: 1px solid #E0E0E0; }
.history_wrap .st_list li .year_wrap p { font-weight: 400; font-size: 18px; color: #616161; }
.history_wrap .st_list li .year_wrap p span { display: inline-block; font-weight: 700; color: #222; margin: 0 20px 0 0; }
.history_wrap .st_list li .year_wrap p:not(:last-child) { margin: 0 0 20px; }

/* 찾아오시는길 */
.map_wrap {}
.map_wrap .map_img {margin-bottom: 40px; text-align: center;}
.map_wrap .map_img img { width: 100%; height: 100%;}
.map_wrap .map_contact_box {display:table; width: 100%; margin-bottom:40px; table-layout:fixed;}
.map_wrap .map_contact_box .each {display:table-cell; width:33.33%; text-align:center;}
.map_wrap .map_contact_box .round {display:inline-block; width:74px; height:74px; margin-bottom:15px; background:url('../../../../images/home/kor/user/sub/map_ico01.jpg') center center no-repeat; border:1px solid #bdbdbd; border-radius:50%; animation:transport_ani1 0.8s ease;}
.map_wrap .map_contact_box .each.each02 .round {background-image:url('../../../../images/home/kor/user/sub/map_ico02.jpg');}
.map_wrap .map_contact_box .each.each03 .round {background-image:url('../../../../images/home/kor/user/sub/map_ico03.jpg');}
.map_wrap .map_contact_box .each.each04 .round {background-image:url('../../../../images/home/kor/user/sub/map_ico04.jpg');}
.map_wrap .map_contact_box .tit {margin-bottom:5px; font-weight:500; font-size: 1em; color: #363636;}
.map_wrap .map_contact_box .txt { font-weight: 350; font-size: 1em; color:#5f6267;}
.map_wrap .map_contact_box .txt a { display: block;}
.map_wrap .map_contact_box .txt a:hover,
.map_wrap .map_contact_box .txt a:focus {text-decoration: underline;}
.map_wrap .transport_box {}
.map_wrap .transport_box .each {display:table; width:100%; border-top:1px solid #eaeaea; border-collapse:collapse; table-layout:fixed;}
.map_wrap .transport_box .each:last-child {border-bottom:1px solid #eaeaea;}
.map_wrap .transport_box .left {display:table-cell; width:23.5%; text-align:center; vertical-align:middle;}
.map_wrap .transport_box .tit {font-weight: 500; font-size: 1em;}
.map_wrap .transport_box .tit .ft_c {color: #316aa5;}
.map_wrap .transport_box .tit img {margin-right:15px; margin-top: -6px; animation:transport_ani1 0.8s ease; vertical-align: middle;}
.map_wrap .transport_box .right {display:table-cell; height:130px; padding:20px 15px; vertical-align:middle;}
.map_wrap .transport_box .dot_list li { position: relative; margin-bottom:3px; padding-left: 10px; font-weight: 300; font-size: 1em; line-height: 1.5; color: #5f6267;}
.map_wrap .transport_box .dot_list li::before { display: inline-block; content: '.'; position: absolute; left: 0; top: -5px; font-weight: 500;}
.map_wrap .transport_box .t1 {color: #5f6267; font-weight: 350; font-size: 1em;}
.map_wrap .transport_box .right .sub_tit2 {margin-bottom: 7px; font-weight: 500; font-size: 1em; color: #316aa5;}

@-webkit-keyframes transport_ani1 {
	0% {
		-webkit-transform:scale(0.3);
		-ms-transform:scale(0.3);
		-moz-transform:scale(0.3);
		transform:scale(0.3);
	}
	80% {
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
@-moz-keyframes transport_ani1 {
	0% {
		-webkit-transform:scale(0.3);
		-ms-transform:scale(0.3);
		-moz-transform:scale(0.3);
		transform:scale(0.3);
	}
	80% {
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes transport_ani1 {
	0% {
		-webkit-transform:scale(0.3);
		-ms-transform:scale(0.3);
		-moz-transform:scale(0.3);
		transform:scale(0.3);
	}
	80% {
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}

/******* 조직도 *******/
.organization_wrap .img_box {position: relative; margin-bottom: 70px; overflow-x: scroll;}
.organization_wrap .img_box > img {width: 977px; max-width: inherit; }
.orgLink {position: absolute; top: 154px; left: 50%; width: 891px; transform: translateX(-50%);}
.orgLink a {position: absolute; display: block; font-size: 0;}
.orgLink .org1 {position: relative; width: 661px; height: 57px; margin: 0 auto;}
.orgLink .org1 .org_dep01 a {width: 143px; height: 56px;}
.orgLink .org1 .org_dep02 a {left: 251px; width: 163px; height: 56px;}
.orgLink .org1 .org_dep03 a {right: 0px; width: 125px; height: 56px;}

.orgLink .org2 {width: 801px; height: 74px; margin: 27px auto 0;}
.orgLink .org2 .org_dep01 a {right: 99px; width: 159px; height: 51px;}

.orgLink .org3 {width: 841px; height: 49px; margin: -48px auto 0;}
.orgLink .org3 .org_dep01 a {right: 50%; width: 159px; height: 53px; transform: translateX(50%);}

.orgLink .org4 {display: flex; width: 871px; margin: 121px auto 0;}
.orgLink .org4 > li {flex: 1; margin-right: 44px;}
.orgLink .org4 > li:last-child {margin-right: 0;}
.orgLink .org4 .orgList1 > li > a {height: 54px; margin-bottom: 0px;}
.orgLink .org4 .orgList1 > li .orgList2 {margin-top: 0px;}
.orgLink .org4 .orgList1 > li .orgList2 > li {margin-bottom: 0px;}
.orgLink .org4 .orgList1 > li .orgList2 > li > a {height: 53px;}
.orgLink .org4 .orgList1 > li .orgList2 > li .orgList3 li a {height: 26px;}
.orgLink .org4 a {position: relative;}

.orgLink .org5 {display: flex; width: 176px; margin: 0 0 0 175px;}
.orgLink .org5 > li {flex: 1; margin-right: 23px;}
.orgLink .org5 > li:last-child {margin-right: 0;}
.orgLink .org5 .orgList1 > li > a {height: 54px; margin-bottom: 0px;}
.orgLink .org5 .orgList1 > li .orgList2 {margin-top: 0px;}
.orgLink .org5 .orgList1 > li .orgList2 > li {margin-bottom: 8px;}
.orgLink .org5 .orgList1 > li .orgList2 > li > a {height: 53px;}
.orgLink .org5 a {position: relative;}


/* 조직도 2024-06-13추가 */
.n_orgLink {position: absolute; top: 154px; left: 50%; width: 891px; transform: translateX(-50%);}
.n_orgLink a {display: block; font-size: 0;}
.n_orgLink > .list {position: relative; width: 661px; height: 57px; margin: 0 auto;}
.n_orgLink > .list > li { position: relative;}
.n_orgLink > .list > li > a { position: absolute; left: 251px; width: 163px; height: 56px;}
.n_orgLink > .list > li > .n_org2 { position: relative; height: 105px;}
.n_orgLink > .list > li > .n_org2 li { position: absolute; top: 0;}
.n_orgLink > .list > li > .n_org2 li > a { height: 56px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_1 {width: 143px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_2 {right: 0px; width: 125px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_3 { top: 105px; right: 50%; transform: translateX(50%); width: 159px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_3 > a { height: 53px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 { position: relative; margin: 23px 0 0 0; height: 53px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3.sty2 { left: 50%; transform: translateX(-50%); display: flex; width: 887px; height: 100%; margin: 121px auto 0}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_1 { position: absolute; left: 50%; transform: translateX(-50%); width: 159px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_1 > a { height: 51px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 { flex: 1; position: relative; margin: 0 30px 0 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 > a { height: 45px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2:last-child { margin: 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 .n_org4 { margin: 5px 0 0 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 .n_org4 > li { position: relative;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 .n_org4 > li > a { height: 53px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 {}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul {}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul > li { position: relative; margin: 0 0 53px 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul > li:last-child { margin: 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul > li > a { height: 45px;}
/* 기관소개- 조직도  251016 수정 */
.group_box3 { width: 977px; margin:0 auto 40px; }
.group_box3 .ledger { position: relative; }
.group_box3 .ledger li {  }
.group_box3 .ledger .po_top { position: absolute; top:0 }
.group_box3 .ledger .po_top.left { left: 173px; }
.group_box3 .ledger .po_top.right { right: 173px; }
.group_box3 .ledger .middle { position: relative; }
.group_box3 .ledger .middle ul { position: absolute; top: -15px; left: 50%; }
.group_box3 .ledger li .org_box { margin: 0 auto; display: block; border-radius: 100px;  background: #fff; border: 2px solid #0E4181; color: #0E4181; padding: 10px 0; width: 160px; font-size: 22px; font-weight: 700; text-align: center; }
.group_box3 .ledger li .org_box.item02 { position:relative; background: #0E4181; color: #fff; }
.group_box3 .ledger li .org_box.item02:after { z-index: -1; content:''; position: absolute; top: 50%; left:50%;transform: translate(-50%, -50%); display: block; width: 199%; height: 2px; background:#757575 }
.group_box3 .ledger li .org_box.item02:before { z-index: -1; content:''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: block; width: 2px; height: 402px; background:#757575 }
.group_box3 .ledger li .org_box.item03 { background: #308239; color: #fff; border: 2px solid #308239; margin: 40px auto 0; }
/*.group_box3 .ledger li .org_box.item03::after { z-index: -1; content: ''; position: absolute; top: 50%; left: 100%; transform: translateX(-50%); display: block; width: 200px; height: 2px; background: #E0E0E0; }*/
.group_box3 .ledger .dap2_item01 { position:relative; background: #fff; border: 1px solid #757575; border-radius: 4px; font-size: 18px; padding: 10px 0; display: block; width: 124px; text-align: center; margin: 20px 0 0 193px }
.group_box3 .ledger .dap2_item01.vertical:after { z-index: -1; content:''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 172px; height: 2px; background:#757575 }
.group_box3 .ledger .dap2_item01.vertical.bottom:after { width: 60px; }
.group_box3 .ledger .dap2_item01.vertical.bottom::before { z-index: -1; content: ''; position: absolute; top: -45px; left: -60px; transform: translateX(-50%); display: block; width: 2px; height: 70px; background: #757575; }
/*.group_box3 .ledger .dap2_item01.vertical.right { margin: 20px 193px 0 calc(100% - 317px); }*/
.group_box3 .ledger .dap2_item01.vertical.right:after { right:100%; } 
.group_box3 .ledger .dap2_item01.vertical.left:after { left:100%; }
.group_box3 .ledger .dap2_item01.vertical.left.long { border: none; }
.group_box3 .ledger .dap2_item01.vertical.left.long:after { left:-95%; width:415px; }
.group_box3 .ledger .dap2_item01.top:after { z-index: -1; content:''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); display: block; width: 2px; height: 22px; background:#757575 }

.group_box3 .department { position: relative; margin: 20px 0 0; }
.group_box3 .department.leder_do { width: 145px; position: absolute; bottom:31px; }
.group_box3 .department.flex {display: flex; gap:16px; width: calc(100% - 160px); margin: 250px 0 0 160px;}
.group_box3 .department.flex:before { z-index: -1; content:''; position: absolute; top: -23px; right:76px; display: block; width: 81.7%; height: 2px; background:#757575 }
.group_box3 .department li { flex: 1 }
.group_box3 .department .depa_tit { position: relative; display: block; text-align: center; font-size: 18px; font-weight: 700; background: #70747A; color: #fff; padding: 10px 0; margin: 0 0 12px; border-radius: 8px }
.group_box3 .department .depa_tit:before { z-index: -1; content:''; position: absolute; top:-22px; left: 50%; transform: translateX(-50%); display: block; width: 2px; height: 80px; background:#757575 }
.group_box3 .department .depa_tit.long:before { height: 426px;top:auto;bottom:-45px;transform:translateY(0)}
.group_box3 .department .depa_tit.long:after { left:50%; width:415px; z-index: -1; content:''; position: absolute; top:-334px; display: block; height: 2px; background:#757575}
.group_box3 .department .dap3_list { background: #fff; border: 2px solid #70747A; border-radius: 8px; padding: 8px;  }
.group_box3 .department .dap3_list > li {padding: 10px 0; border: 1px solid #757575; border-radius: 8px;margin: 0 0 6px;}
.group_box3 .department .dap3_list > li > a {font-size: 18px; font-weight: 500; display: block; text-align: center;}
.group_box3 .department .dap3_list li:last-child a { margin: 0; }
.group_box3 .department .dap3_list .dep3_inner_list {}
.group_box3 .department .dap3_list .dep3_inner_list li {margin:5px 0;padding:0 8px}
.group_box3 .department .dap3_list .dep3_inner_list li:last-child {margin-bottom:0}
.group_box3 .department .dap3_list .dep3_inner_list li > a {display:block;padding:7px;font-size:16px;text-align:center;background-color:#f2f2f2;border-radius:6px}


/* 채용안내 */
.recruit_info_wrap {}
.recruit_info_wrap .t1 {color: #919396;}
.recruit_info_wrap .round_list > li {float: left; width: calc(33.3% + 12px); min-height: 147px; padding: 15px 20px; margin-left: -18px; background-color: #fff; border: 1px solid #316aa5; border-radius: 80px; box-shadow: 4px 4px 14px rgba(0,0,0,0.16); text-align: center;}
.recruit_info_wrap .round_list > li:first-child {margin-left: 0;}
.recruit_info_wrap .round_list > li.li02 {position: relative;}
.recruit_info_wrap .round_list > li .tit { display: inline-block; position: relative; z-index: 0; margin-bottom: 10px; font-size: 1.125em; font-weight: 700;}
.recruit_info_wrap .round_list > li .tit:before {display: inline-block; content:''; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 6px; background-color: #ccf0ff;}
.recruit_info_wrap .round_list > li .txt {line-height: 1.5; color: #5f6267; font-size: 0.938em; font-weight: 350;}
.recruit_info_wrap .plus {margin: 20px 0 15px; text-align: center;}
.recruit_info_wrap .t2 {padding: 20px; background-color: #316aa5; color: #fff; border-radius: 30px; font-size: 1.125em; font-weight: 700; text-align: center;}
.recruit_info_wrap .p_list {position: relative; overflow: hidden;}
.recruit_info_wrap .p_list > li {float: left; width: 33.3%; padding: 0 30px;}
.recruit_info_wrap .p_list > li:nth-child(1) {padding-left: 0;}
.recruit_info_wrap .p_list > li:nth-child(1):after {display: inline-block; content:''; position: absolute; left: 33.3%; top: 40px; width: 1px; height: 290px; background-color: #ededed;}
.recruit_info_wrap .p_list > li:nth-child(2):after {display: inline-block; content:''; position: absolute; left: 66.6%; top: 40px; width: 1px; height: 290px; background-color: #ededed;}
.recruit_info_wrap .p_list > li:nth-child(3) {padding-right: 0;}
.recruit_info_wrap .p_list > li .img_box {height: 125px; text-align: center;}
.recruit_info_wrap .p_list > li .img_box img {vertical-align: middle;}
.recruit_info_wrap .p_list > li .img_box:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.recruit_info_wrap .p_list > li .tit {margin-bottom: 15px; font-size: 1.125em; font-weight: 500; text-align: center;}

/* 농정원 10년사 */
.history10 {display: flex; align-items: center; width:100%; letter-spacing:-1px; word-break:keep-all; padding:30px; border:1px solid #d1d3d4; border-radius:20px; position:relative; }
.history10-img {width:25%;; display:block;}
.history10-img img {width:100%; border:1px solid #e6e7e8; box-shadow:1px 1px 10px rgba(0,0,0,0.05);}
.history10-content {padding-left: 50px;}
.history10-content dl dt {font-size:24px; font-weight:500; color:#000000; margin:0 0 10px 0; padding:0;}
.history10-content dl dd {font-size:18px; font-weight:normal; color:#5f6267; margin:0; padding:0;}
.history10-content .cont_btn_list_area.sty2 { margin: 40px 0 0 0;}

/* 조직도 2024-06-13추가 */
.group_box {  position: relative; margin-bottom: 70px; overflow-x: scroll;}
.n_orgLink {position: absolute; top: 154px; left: 50%; width: 891px; transform: translateX(-50%);}
.n_orgLink a {display: block; font-size: 0;}
.n_orgLink > .list {position: relative; width: 661px; height: 57px; margin: 0 auto;}
.n_orgLink > .list > li { position: relative;}
.n_orgLink > .list > li > a { position: absolute; left: 251px; width: 163px; height: 56px;}
.n_orgLink > .list > li > .n_org2 { position: relative; height: 105px;}
.n_orgLink > .list > li > .n_org2 li { position: absolute; top: 0;}
.n_orgLink > .list > li > .n_org2 li > a { height: 56px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_1 {width: 143px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_2 {right: 0px; width: 125px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_3 { top: 105px; right: 50%; transform: translateX(50%); width: 159px;}
.n_orgLink > .list > li > .n_org2 li.n_org2_3 > a { height: 53px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 { position: relative; margin: 23px 0 0 0; height: 53px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3.sty2 { left: 50%; transform: translateX(-50%); display: flex; width: 887px; height: 100%; margin: 121px auto 0}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_1 { position: absolute; left: 50%; transform: translateX(-50%); width: 159px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_1 > a { height: 51px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 { flex: 1; position: relative; margin: 0 30px 0 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 > a { height: 45px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2:last-child { margin: 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 .n_org4 { margin: 5px 0 0 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 .n_org4 > li { position: relative;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2 .n_org4 > li > a { height: 53px;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 {}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul {}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul > li { position: relative; margin: 0 0 53px 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul > li:last-child { margin: 0;}
.n_orgLink > .list > li > .n_org2 li > .n_org3 > li.n_org3_2.sty3 > ul > li > a { height: 45px;}

.captcha {}
.captcha img {}
.captcha .btn {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:10px;color:#fff;background-color:var(--colorGray50)}
.captcha .btn:hover, 
.captcha .btn:focus {background-color:var(--colorGray90)}
.captcha .btn .icon {}


/* 캘린더 별도 */
.tag_tip {display:inline-block;width:36px;height:21px;text-align:center;line-height:21px;color:#fff;font-size:14px;font-weight:300;border-radius:3px;vertical-align:middle}
#calendar {color:var(--colorGray90);background-color:#fff}
#calendar .blue {background-color:var(--colorMain)}
#calendar .green {background-color:var(--colorSub)}
#calendar .cal_label {margin-bottom:24px;padding-left:7px}
#calendar .cal_label .now {display:inline-block;font-size:2em;line-height:1;font-weight:700;vertical-align:middle}
#calendar .cal_label .ctrl {display:inline-flex;align-items:center;column-gap:20px;margin-left:20px;vertical-align:middle}
#calendar .cal_label .ctrl .btn {display:inline-block;width:26px;height:26px;position:relative}
#calendar .cal_label .ctrl .btn::after {display:inline-block;width:8px;height:8px;content:'';background-color:var(--colorGray90);border-radius:100%;position:absolute;right:-13px;top:50%;transform:translateY(-50%)}
#calendar .cal_label .ctrl .btn:last-child::after {display:none}
#calendar .cal_label .ctrl .btn .icon {width:100%;height:100%;transition:0.3s}
#calendar .cal_label .ctrl .btn.prev {}
#calendar .cal_label .ctrl .btn.prev .icon {transform:scaleX(-1)}
#calendar .cal_label .ctrl .btn.next {}
#calendar .cal_label .ctrl .btn:hover .icon, 
#calendar .cal_label .ctrl .btn:focus .icon {opacity:0.45}
#calendar .cal_label .pointer {float:right}
#calendar .cal_label .pointer .text {display:inline-flex;align-items:center;column-gap:5px;margin-right:16px;font-weight:400;color:#000}
#calendar .cal_label .pointer .text:last-child {margin-right:0}
#calendar .cal_label .pointer .point {display:inline-block;width:12px;height:12px;border-radius:100%}
#calendar .cal_table {}
#calendar .cal_table table {table-layout:fixed;width:100%}
#calendar .cal_table thead {}
#calendar .cal_table th {padding:10px 7px;font-size:1.1em;font-weight:500;text-align:left}
#calendar .cal_table td {height:60px}
#calendar .cal_table td .link {display:block;height:100%;padding:10px 7px;line-height:1;color:var(--colorGray90);border:1px solid transparent;border-radius:8px}
#calendar .cal_table td .link:not(.disabled):hover, 
#calendar .cal_table td .link:not(.disabled):focus {background-color:var(--colorGray10)}
#calendar .cal_table td .day {font-weight:600;font-size:1.1em}
#calendar .cal_table td .s_txt {font-size:0.85em;color:var(--colorGray60)}
#calendar .cal_table td .tag_box {margin-top:11px}
#calendar .cal_table td .tag_box .text {display:flex;align-items:center;column-gap:5px;margin-bottom:5px;font-size:14px;font-weight:500}
#calendar .cal_table td .tag_box .text:last-child {margin-bottom:0}
#calendar .cal_table thead .sun, 
#calendar .cal_table td.sun .day {color:#DE3412}
#calendar .cal_table thead .sat, 
#calendar .cal_table td.sat .day {color:#0B78CB}
#calendar .cal_table td.selected:not(.today) {}
#calendar .cal_table td.selected:not(.today) .link {border-color:var(--colorMain);background-color:#E9F2FF}
#calendar .cal_table td.selected:not(.today) .day {}
#calendar .cal_table td.today {}
#calendar .cal_table td.today .link {border-color:var(--colorGray90)}
#calendar .cal_table td.today .day {}				
#calendar .cal_table td.disabled {}
#calendar .cal_table td.disabled .link {cursor:inherit}
#calendar .cal_table td.disabled .day {color:var(--colorGray20)}

/* 월간 캘린더 */
.schedule_page {}
.schedule_page .blue {background-color:var(--colorMain)}
.schedule_page .green {background-color:var(--colorSub)}
.schedule_page .tit_box {display:flex;align-items:baseline;justify-content:space-between}
.schedule_page .sub_tit1 {}
.schedule_page .grid {display:flex;border:1px solid var(--colorGray20);border-radius:8px;overflow:hidden}
.schedule_page #calendar {width:63%;padding:33px 40px 20px 40px}
.schedule_page .schedule_list {width:37%;background-color:var(--colorBgGray)}
.schedule_page .schedule_list .list_label {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin:22px 24px 0 24px;padding-bottom:15px;border-bottom:1px solid var(--colorGray20)}
.schedule_page .schedule_list .today {line-height:1;font-size:1.1em;font-weight:400;color:var(--colorGray70)}
.schedule_page .schedule_list .today .day {display:block;margin-top:5px;font-size:2em;font-weight:700;color:var(--colorGray90)}
.schedule_page .schedule_list .btn {display:inline-block;padding:11px 20px;line-height:1.1;font-size:1em;font-weight:500;color:var(--colorGray90);background-color:#fff;background-position:left 15px center;background-repeat:no-repeat;border:1px solid var(--colorGray20);border-radius:5px;transition:all 0.3s}
.schedule_page .schedule_list .btn:hover, 
.schedule_page .schedule_list .btn:focus {box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2)}
.schedule_page .schedule_list .btn_today {padding-left:42px;background-image:url(../../../../images/home/kor/user/sub/ic_calendar.png)}
.schedule_page .schedule_list .btn_today:hover,
.schedule_page .schedule_list .btn_today:focus {color:transparent;background-position:left 50% center}
.schedule_page .schedule_list .tag_group {display:flex;align-items:center;gap:20px;width:100%;margin-top:10px}
.schedule_page .schedule_list .tag_group .tag_tip {transform:translateY(-0.5px)}
.schedule_page .schedule_list .list_wrap {height:320px;margin-top:4px}
.schedule_page .schedule_list .list_wrap .list_inner {height:100%;margin-right:5px;padding:0 10px 20px 15px;overflow-y:auto}
.schedule_page .schedule_list .list_wrap .bundle {}
.schedule_page .schedule_list .list_wrap .bundle:last-child {margin-bottom:0}
.schedule_page .schedule_list .list_wrap .bundle .link {display:flex;column-gap:16px;align-items:flex-start;padding:10px}
.schedule_page .schedule_list .list_wrap .bundle .tag_tip {margin-top:3px}
.schedule_page .schedule_list .list_wrap .bundle .subject {display:-webkit-box;-webkit-line-clamp:2;--webkit-box-orient:vertical;width:calc(100% - 42px);font-weight:400}
.schedule_page .schedule_list .list_wrap .bundle .link:hover, 
.schedule_page .schedule_list .list_wrap .bundle .link:focus {background-color:#fff;border-radius:8px}
.schedule_page .schedule_list .list_wrap .bundle .link:hover .subject, 
.schedule_page .schedule_list .list_wrap .bundle .link:focus .subject {text-decoration:underline;text-underline-offset:2px;font-weight:500}
.schedule_page .weekly_list {color:var(--colorGray90);border-top:2px solid #333}
.schedule_page .weekly_list .bundle {display:flex;padding:16px 32px 16px 0;border-bottom:1px solid var(--colorGray20)}
.schedule_page .weekly_list .date {display:flex;align-items:center;justify-content:center;width:129px;text-align:center;color:var(--colorGray90);;font-weight:400}
.schedule_page .weekly_list .date.sun {color:#DE3412}
.schedule_page .weekly_list .date.sat {color:#0B78CB}
.schedule_page .weekly_list .day {display:block;font-size:1.5em;line-height:1.4;font-weight:700}
.schedule_page .weekly_list .detail {width:calc(100% - 129px);padding-left:32px;border-left:1px solid var(--colorGray20)}
.schedule_page .weekly_list .detail .detail_txt {display:grid;align-items:center;justify-content:left;grid-template-columns:1fr;height:100%}
.schedule_page .weekly_list .detail .link {display:flex;column-gap:8px;margin-bottom:8px}
.schedule_page .weekly_list .detail .link:last-child {margin-bottom:0}
.schedule_page .weekly_list .detail .link .tag_tip {margin-top:2.5px}
.schedule_page .weekly_list .detail .link .subject {width:calc(100% - 44px);font-weight:400}
.schedule_page .weekly_list .detail .link:hover .subject, 
.schedule_page .weekly_list .detail .link:focus .subject {text-decoration:underline;text-underline-offset:2px;font-weight:500}