@charset "utf-8";

@import url('font.css');
@import url('common.css');
@import url('slick.css');

#wrap {overflow-x:hidden;}
.wrapper {width:1098px; margin:0 auto;}
.wrapper02 {width:1372px; margin:0 auto; }
html {font-size:10px;}
header {position:relative; border-bottom:1px solid #dedddd;}
header:after {content:''; clear:both; display:block;}
header .logo {float:left; vertical-align:top;}
/*header .logo a {display:block; width:100%; height:100%; padding:23px 80px;}*/
header .logo a {display:block; width: 192px; height: 37px; padding: 30px 37px;}
/*header .logo a img { width: 192px; height: 37px; max-width: none}*/
header .logo a img { width: 192px; height: 48px; max-width: none}
header .logo span {display:none; text-indent:-9999px}

header nav {float:left; margin-left:250px;}
header nav:after {content:''; clear:both; display:block;}
header nav .depth01 {float:left;}
header nav .depth01:after {content:''; clear:both; display:block;}
header nav .depth01 > li {position:relative; float:left;}
header nav .depth01 > li > a {display:block; font-size:2.5rem; padding:38px 34px 30px 30px;}
header nav .depth01 .tteul {background:url(../images/ico/ico_menu237.png) no-repeat top 38px left 0px;}
header nav .depth01 .tteul > a {width:184px; height:100px; padding-left:0px;}
header nav .depth01 .tteul .depth02 a {padding-left:0px;}
header nav .depth01 .online {width:220px;}

header nav .depth02 {position:absolute; z-index:9999; display:none; padding-top:27px; width:100%;}
header nav .depth02 ul {text-align:left;}
header nav .depth02 ul li a {display:block; font-size:1.5rem; color:#fff; padding:8px 0px 8px 30px;}
header nav .depth02 ul .pd_r0 a {padding-right:0;}
header nav .depth02 ul + ul {position:relative; margin-top:14px; padding-top:14px;}
header nav .depth02 ul + ul:before {content:''; position:absolute; z-index:1; top:0; left:30px; width:95px; height:1px; background:#fff; opacity:0.4;}
header nav .search {float:left; vertical-align:top; padding:50px 25px; border:0; background:url(../images/ico/search.svg) no-repeat top 40px center; background-size: 15px 15px}

/*.menu_bg {position:absolute; z-index:3; display:none; top:100px; left:50%; width:1920px; height:300px; transform:translateX(-50%); background:#ea4624; opacity:0.95;}*/
/*.menu_bg {position:absolute; z-index:3; display:none; !*top:100px;*! left:50%; width:100%; height:380px; transform:translateX(-50%); background:#ea4624; opacity:0.95;}*/
.menu_bg {position:absolute; z-index:3; display:none; /*top:100px;*/ left:50%; width:100%; height:500px; transform:translateX(-50%); background:#ea4624; opacity:0.95;}

.gnb {position:absolute; right:0; height:108px; text-align:center; padding:16px 20px; background:#282828;}
.gnb ul li {position:relative; float:left;}
.gnb ul li a {display:block; width:100%; height:100%; color:#727272; font-size:1.4rem; padding:11px 14px;}
.gnb ul li:after {content:''; position:absolute; z-index:1; top:13px; left:-1px; width:1px; height:14px; background:#4f4f4f;}
.gnb ul li:first-child:after {display:none;}
.gnb .language {margin-top:3px;}

.visual {position:relative;}
.visual:before {content:''; position:absolute; z-index:1; bottom:5px; left:50%; width:100px; height:20px; transform:translateX(-50%); background:url(../images/ico/ico_visual_deco.png) no-repeat 0 0;}
/* .visual .slick-slide img {width:100%;} */
/*.visual .slick-slide img {height: calc(100vh - 100px); width : 100%;  object-fit: cover;}*/
.visual .slick-slide img {height: calc(90vh - 100px); width : 100%;  object-fit: cover;}
.visual li {position:relative;}
.visual li .ment_box {position:absolute; z-index:1; top:355px; right:195px; color:#fff; background: rgba(1,3,8, 0.5); padding: 30px 50px;}
.visual li .ment_box .ment {font-size:4.4rem; line-height:1.3;}
.visual li .ment_box .ment_sub {font-size:2rem; margin-top: 20px; line-height: 2.5rem}
.visual li .ment_box .ment span {display:block;}
.visual li .ment_box .go_btn {display:inline-block; margin-top:35px; font-size:3.2rem; padding:12px 33px 7px 33px; border-radius:50px; background:#fff;}

.visual .slick-arrow {position:absolute; z-index:1; width:55px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
.visual .slick-prev.slick-arrow {left:70px; background-image:url(../images/ico/ico_arrow_l01.png); border: none; outline:none;}
.visual .slick-next.slick-arrow {right:70px; background-image:url(../images/ico/ico_arrow_r01.png); border: none; outline:none;}

.visual .slick-dots {position:absolute; z-index:1; bottom:35px; right:50px;}
.visual .slick-dots:after {content:''; clear:both; display:block;}
.visual .slick-dots li {float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; background:#fff;}
.visual .slick-dots .slick-active {width:68px; background:#ea4624;}
.visual .slick-dots li + li {margin-left:10px;}

/* PAPER SLICK */
.paper {position:relative;}
/* .visual .slick-slide img {width:100%;} */
.paper .slick-slide img {height: auto; width : 100%;  /* object-fit: cover; */}
.paper li {position:relative;}

/*.paper .slick-arrow {position:absolute; z-index:1; width:30px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}*/
/*.paper .slick-prev.slick-arrow {left:-70px; background-image:url(../images/ico/left_btn.svg);}*/
/*.paper .slick-next.slick-arrow {right:-70px; background-image:url(../images/ico/right_btn.svg);}*/

/*.paper .slick-dots {position:absolute; z-index:1; bottom:-40px; right:10px;}*/
/*.paper .slick-dots:after {content:''; clear:both; display:block;}*/
/*.paper .slick-dots li {float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; border:1px solid rgba(230, 77, 44, 0.5); background:#fff;}*/
/*.paper .slick-dots .slick-active {width:14px; background:#ea4624;}*/
/*.paper .slick-dots li + li {margin-left:10px;}*/

.video_box {padding:48px 0px 25px;}
.video_box:after {content:''; clear:both; display:block;}
.video_box .youtube {float:left; width:calc(100% - 392px); height:352px;}
.video_box .menu_box {float:right; width:368px; height:352px;}
.video_box .menu_box:after {content:''; clear:both; display:block;}
.video_box .menu_box ul {width:100%; height:100%;}
.video_box .menu_box ul li {floaT:left; width:50%; height:33.33%; background-color:#ea4624; background-repeat:no-repeat;  background-position:top 40px right 20px;}
.video_box .menu_box ul li a {display:block; width:100%; height:100%; color:#fff; font-size:1.6rem; padding-left:20px;}
.video_box .menu_box ul li a span {position:relative; line-height: 1.4em; display:inline-block; width:100px; top:50%; transform:translateY(-50%); word-break:keep-all;}


.video_box .menu_box ul .deep {background-color:#d84021;}
.video_box .menu_box ul .menu01 {background-image:url(../images/ico/ico_menubox_bg01.png); background-size: 35px;}
.video_box .menu_box ul .menu02 {background-image:url(../images/ico/ico_menubox_bg02.png); background-size: 50px 35px;}
.video_box .menu_box ul .menu03 {background-image:url(../images/ico/ico_menubox_bg03.png); background-size: 35px;}
.video_box .menu_box ul .menu04 {background-image:url(../images/ico/ico_menubox_bg04.png); background-size: 45px 35px;}
.video_box .menu_box ul .menu05 {background-image:url(../images/ico/ico_menubox_bg05.png); background-size: 35px;}
/*.video_box .menu_box ul .menu06 {background-image:url(../images/ico/ico_menubox_bg06_2.svg); background-size : 45px 35px}*/
/*.video_box .menu_box ul .menu06 {background-image:url(../images/ico/ico_menubox_bg06.png); background-position:center; background-size: 70px;}*/

.tit_plus:after {content:''; clear:both; display:block;}
.tit_plus h3 {float:left; font-size:2rem; font-weight:700;}
.tit_plus .plus {float:right; width:15.2px; height:16.8px; /* background:url(../images/ico/ico_msg_plus01.png) no-repeat 0 0; background-size:100%; */}
.tit_plus .plus.white { /*background-image:url(../images/ico/ico_msg_plus02.png); */}

.message > div {padding:16px 16px 24px 16px; background:#f8f3ed;}
.message .week_go {margin-top:32px; margin-left:12px;}
.message .week_go:after {content:''; clear:both; display:block;}
/*.message .week_go li {float:left; width:130.4px; height:106.4px; font-weight:700;}*/
/*.message .week_go li {float:left; width:208px; height:130px; font-weight:700; position: relative}*/
.message .week_go li {float:left; width:258px; height:130px; font-weight:700; position: relative}
.message .week_go li a {display:block; width:100%; height:100%; padding:12px 12px;}
.message .week_go li .tit {color:#fff; font-size:2rem; font-weight:700;}
.message .week_go li .date {display:block; margin:12px 0px 6px 0px; font-size:1.2rem; letter-spacing: -0.5px}
.message .week_go li .s_tit {display:inline-block; font-size:1.45rem; word-break:keep-all; line-height:1.5; letter-spacing: -0.5px}
.message .week_go li:after {content:''; position:absolute; width:30px; height:30px; top: calc(50% - 15px); right:0px; background:url(../images/ico/chevron-right.svg) no-repeat 0 0; background-size:100%;}
.message .week_go .week_year {background:#a4968a;}
.message .week_go .week_summary {background:#bca18a;}
.message .week_go .week01 {background:#c3b1a3;}
.message .week_go .week02 {background:#d0c4b4;}
.message .week_go .week03 {background:#a3a48a;}
.message .week_go .week04 {background:#b3a396;}
.message .week_go .week05 {background:#d4c1b2;}
.message .week_go .week06 {background:#dfd2c2;}
.message .week_go .week07 {background:#b3a396;}
.message .week_go .week08 {background:#d4c1b2;}

.new, .new_main {position:relative;}
/*.new:before {content:''; position:absolute; z-index:5; width:21.6px; height:10.4px; top:0; right:0; background:url(../images/ico/ico_new.jpg) no-repeat 0 0; background-size:100%;}*/
.new:after {content:''; position:absolute; width:13px; height:13px; top:0px; margin-left:10px; background:url(../images/ico/new5.svg) no-repeat 0 0; background-size:100%;}
.new_main:before {content:''; position:absolute; width:13px; height:13px; right:5px; top:5px; background:url(../images/ico/new5.svg) no-repeat 0 0; background-size:100%;}

.board {margin-top:25px; margin-bottom: 50px}
.board > div {position:relative;}
.board div:after {content:''; clear:both; display:block;}
.board .notice_box {float:left; width:330px; height:512px; padding:16px 16px 24px 16px; background:#f8f3ed;}
.board .notice_box ul {margin-top:30px;}
.board .notice_box ul li {position:relative;}
.board .notice_box ul li + li {margin-top:18px;}
.board .notice_box ul li:before {content:''; position:absolute; z-index:1; top:10px; left:4px; width:3px; height:3px; border-radius:8px; background:#000;}
/*.board .notice_box ul li strong {display:inline-block; padding-left:15px; font-size:2rem;}*/
.board .notice_box ul li strong {display:inline-block; padding-left:15px; font-size:19px; letter-spacing: -1px}
/*.board .notice_box ul li strong.new:before {top:auto; bottom:5px; right:-30px; line-height:1}*/
.board .notice_box ul li p.new:after {top:auto; bottom:5px; left:10px; line-height:1}
/*.board .notice_box ul li p {font-size:1.5rem; margin-top:0px; line-height: 2rem;height:4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}*/
.board .notice_box ul li p {font-size:15px; margin-top:5px; line-height: 20px; height:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; letter-spacing: -1px; font-stretch: semi-condensed}

/*.board .sns_box {float:right; width:calc(100% - 355px); height:auto; padding:16px 16px 23px 16px; background:url(../images/bg/bg_snsbox.png) repeat 0 0;}*/
/* 21.2.8 SNS 색상변경 */
.board .sns_box {float:right; width:calc(100% - 355px); height:auto; padding:16px 16px 23px 16px; background-color: #f8f3ed;}
.board .sns_box .tit_plus {color:black;}
.board .sns_box ul {margin-top:32px; margin-left:9px; margin-right:9px;}
.board .sns_box ul:after {content:''; clear:both; display:block;}
.board .sns_box ul li {float:left; width:32%; height:348px; margin-left:2%; background:transparent; overflow:hidden;}
.board .sns_box ul li:nth-child(3n+1) {margin-left:0;}
.board .sns_box ul li:nth-child(n+4) {margin-top:2%;}
.board .sns_box ul li > a {display:block; width:100%; height:100%;}
.board .sns_box ul li .thumb {width:100%; height:225px; overflow:hidden;}
.board .sns_box ul li .thumb > img {position:relative; top:49.5%; left:50%; transform:translate(-50%,-50%);}
.board .sns_box ul li .txt_box {display:block; height:120px; position:relative; padding:16px 16px; background: white}
.board .sns_box ul li .txt_box > p {color:#000; font-size:1.15rem; line-height: 1.5rem;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.board .sns_box ul li .txt_box span {position:absolute; z-index:1; bottom:12px; display:inline-block; font-size:0.9rem; color:#b7b4b5; padding-left:15px; background-repeat:no-repeat; background-position:0 0;}
.board .sns_box ul li .txt_box .heart {left:7px; background-image:url(../images/ico/ico_sns_heart.png);}
.board .sns_box ul li .txt_box .chat {left:50px; background-image:url(../images/ico/ico_sns_talk.png);}
.board .sns_box ul li .txt_box .hour {right:10px; letter-spacing:1px;}
.board .banner {position:absolute; z-index:1; top:535px; left:0; width:145px;}
.board .banner a {display:inline-block; width:330px; height:64px; line-height:1; word-break:keep-all;}
.board .banner a + a {margin-top:10px;}
.board .banner .program {padding:16px 16px 16px 232px; background:#f9f9f9 url(../images/ico/ico_banner_tteul01.png) no-repeat top 20px left 27px; background-size:178px;}
.board .banner .program span {font-size:1.2rem;}
.board .banner .kakao {padding:16px 0px 16px 64px; background:#f9f9f9 url(../images/ico/ico_banner_kakao01.png) no-repeat top 16px left 11px; background-size:42px;}
.board .banner .kakao strong {font-size:1.6rem;}
.board .banner .kakao p {font-size:1.2rem; margin-top:3px;}

/* 21.10.26. Youtube Live */
#youtube_live_m { display: none;}

footer {position:relative; height:113px; background:#3d3d3d;}
.main footer {margin-top:375px;}
footer .gnb {display:none}
footer .gnb ul {padding-top:0; padding-left:0}
footer .gnb li::before {display:none}
footer:after {content:''; clear:both; display:block;}
footer .logo {float:left;}
footer .logo a {display:block; padding:37px 0px 0px 44px;}
footer .logo a img {width: 192px; height: 37px}
footer .address {float:left; font-size:1.5rem; color:#c1c1c1; margin-top:50px; margin-left:25px;}

footer ul { padding-top:50px;}
footer ul:after {content:''; clear:both; display:block;}
footer ul li {position:relative; float:left;}
footer ul li:first-child:before {display:none;}
footer ul li a {display:block; color:#c1c1c1; font-size:1.5rem; padding:0px 18px;}
footer ul li:before {content:''; position:absolute; z-index:1; top:1px; left:0; width:2px; height:15px; background:#606060;}

footer .info {float:left; margin-left:200px; background: transparent}
footer .login {float:right; margin-right:60px;}
footer .search_form {float:left; margin-top:43px; margin-left:5px; width:220px; height:35px; border-radius:30px; background:#fff;}
footer .search_form:after {content:''; clear:both; display:block;}
footer .search_form input {float:left;}
footer .search_form input[type="text"] {width:185px;font-size:1.3rem; line-height:35px; padding:0 0 0 20px; background:none; border:0;}
footer .search_form input[type="text"]::placeholder {font-size:1.3rem;}
footer .search_form input[type="button"] {width:34px; height:35px; padding:0; border:0; background:#fff; background:url(../images/ico/ico_ftr_search.png) no-repeat center left 0;}

.dp_mo {display:none !important;}

/*intro*/
.intro .util {position:absolute; z-index:10; top:20px; right:28px;}
.intro .util ul {float:left; margin-right:16px;}
.intro .util::after {display:table; clear:both; content:"";}
.intro .util li {float:left}
.intro .util li::after {display:inline-block; position:relative; top:4px; width:1px; height:14px; margin:0 14px; background-color:#727272; content:"";}
.intro .util li:last-child::after {display:none;}
.intro .util > a {display:inline-block; float:left; width:148px; height:27px;}
.intro .util li a {display:inline-block; font-size:14px; padding:8px 0; color:#727272;}

.intro_main {position:relative; width:100%; text-align:center;}
.intro_main .text_box {position:relative; z-index:10; display:inline-block; padding-top:120px;}
.intro_main .intro_slick {position:fixed; z-index:1; width:100%; height:100%; top:0; left:0;}
.intro_main .intro_slick li {width:100%; height:100%; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.intro_main .intro_slick .slick_img01 {background-image:url(../images/bg/bg_intro.jpg);}
.intro_main .intro_slick .slick_img02 {background-image:url(../images/bg/bg_intro.jpg);}
/*.intro_main .intro_slick li img {width:100%; height:100%; filter: grayscale(100%) brightness(100%) blur(1px);}*/
.intro_main .intro_slick li { transform: scale(1.1,1.1)}
.intro_main .text1 {position:relative; top:80px; left:200px;}
.intro_main .text2 {position:relative; margin-top:-150px; }
.r_sub_text {position:absolute; top:140px; right:28px; text-align:right;}
.r_sub_text strong {font-size:23px; font-weight:bold;}
.r_sub_text p {margin-top:10px; font-size:15px; font-weight:500;}

.intro .btn_box {position:relative; z-index:10; margin-top:-300px}
.intro .btn_box ul {display:inline-block; padding:90px 0; color:#909090;}
.intro .btn_box li {float:left;}
.intro .btn_box li + li {margin-left:57px}
.intro .btn_box li a {display:inline-block; width:406px;  height:102px; line-height:102px; border-radius:51.12px; background:#f8f6f6;}
.intro .btn_box li p {margin-top:40px; font-size:15px;}
.intro .btn_box li p.thumb {margin:0; display:inline-block;}
.intro .btn_box li span {margin-left:28px; color:#909090; font-size:25px; font-weight:500;}

/************/


/*notice*/
.sub {background:#282828; background-size:cover}
.header_btm {display:none;}
.notice::after {display:table; clear:both; content:""}
.left_box {float:left; width:266px; height:100%; padding-top:80px; background:#282828}
.left_box strong {display:block; text-align:center; color:#ea4624; font-size:2.5rem}
/*.left_box ul {position:relative; display:inline-block; left:50%; margin-top:70px; transform:translateX(-50%);}*/
.left_box ul {position:relative; display:inline-block; left:85px; margin-top:70px;}
.left_box li {font-size:1.7rem; line-height:40px}
.left_box li a {color:#acacac}
.left_box li.on {position:relative;}
.left_box li.on::before {display:block; position:absolute; left:-10px; top:48%; width:3px; height:20px; background:#ea4624; transform:translate(-100%,-50%); content:""}
.left_box li.on a {color:white; font-weight: 800;}
.left_box .line {position:relative; margin-top:50px}
.left_box .line::after {display:block; position:absolute; top:-30px; left:-20px; width:113px; height:1px; background:rgba(255,255,255,.4); content:""}

/*.right_con {padding:86px 296px 0 124px; margin-left:266px; background:#fff}*/
.right_con {padding:80px 296px 80px 80px; margin-left:266px; background:#fff}
h3 strong {font-size:3.4rem; }
h3 span {margin-left:16px; font-size:1.5rem}
table {border-bottom:1px solid #eeecec}
tr:hover td {background:#ff765a;}
tr.on {background:#ff765a;}
.pc_board .on {background:#ff765a;}
.mo_board .on {background:#ff765a;}
th {padding:18px 0; font-size:1.7rem; background:#f8f8f8; border-top:1px solid #0e0301;}
td {height:40px; text-align:center; font-size:1.5rem; border-top:1px solid #eeecec;}
td a {display:block; height:100%; padding:16px 0}
.board_num {width:6%}
.board_sel {width:6%}
.board_date {width:12%}
.board_tit {width:46%}
td.board_tit {padding:0 20px; text-align:left;}
td.board_tit p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1.2}
.mo_board {display:none}

.page {text-align:center; padding-top:28px}
.page > a {display:inline-block; font-size:1rem}
.page ol {display:inline-block; margin:0 13px 0 13px; vertical-align:top;}
/*.page li {float:left; width:24px; height:25px;line-height:25px; font-size:1.6rem; text-align:center}*/
.page li {float:left; width:25px; height:25px;line-height:25px; font-size:1.6rem; text-align:center}
.page li + li {margin-left:10px}
.page li a {display:block;}
.page li.on {background:#ea4624}
.page li.on a {color:#fff}

.notice .right_con {padding-bottom:190px}
.right_con .wrapper {width:1049px; padding-top:45px; margin:0; margin-left:160px}
.right_con .wrapper::after {display:table; clear:both; content:""}
.search_box {display:inline-block; position:relative; float:right; /*margin-bottom:8px*/ bottom: 10px}
/*
.search_box input[type="text"] {display:inline-block; width: calc(100% - 35px);margin-left:30px;  height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
.search_box input[type="button"] {position:absolute; top:50%; left:0; margin-left:30px; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}
*/

.notice_con {position:relative; padding:60px; margin-top:30px; margin-bottom:30px; border:1px solid #bcbcbc}
.notice_con::before {display:block; position:absolute; left:0; top:0; width:0; height:0; border-top:40px solid transparent; border-right:40px solid #ff765a; content:""; transform:rotate(180deg);}
.notice_con strong {display:block; margin-bottom:28px; font-size:29px; font-weight: 500;}
.notice_con ul::after {display:none;}
.notice_con li {font-size:1.6rem; line-height:1.43}
.notice_con li.before_none {padding-left:4px}
.notice_con li.before_none::before {display:none}
.notice_con li::before {display:inline-block; margin-right:4px; content:"▷"}
.paper li::before { content: none}
.notice_con .file {display:inline-block; padding:0 7px; margin-top:84px; font-size:1.4rem; background:#eeecec;}
.notice_con .file span {display:inline-block; padding:11px 4px 9px 28px; background:url(../images/ico/ico_file.png) no-repeat center left;}
.notice_con .file em {color:#686868}

/*dictionary*/
.dictionary {padding:80px 80px 84px 80px; background:url(../images/bg/bg_dictionary.png) no-repeat 0 0; background-size:cover}
.dictionary .wrapper {width:955px; text-align:center;}
.dictionary .search_box {float:none; margin-bottom:0}
.dictionary input[type="text"] {width:450px; height:55px; padding:0 93px 0 38px; font-size:2rem;  border-radius:27.5px; border:none; box-shadow:1px 1px 24px 0 rgba(34,30,31,.16); background:#fff}
.dictionary input[type="text"]::placeholder {color:#333333;}
.dictionary input[type="button"] {margin-left:-55px; width:55px; height:55px; border-radius:50%; background-size: 27px 27px; background-color:#ea4624; background-image:url(../images/ico/search_w.svg); background-repeat: no-repeat; background-position: center }

.dictionary form p {margin-top:30px; font-size:15px}
.dictionary .dict_con {position:relative; padding:45px 146px 90px; margin-top:80px; background:#fff; border:1px solid #838383}
.dictionary .dict_con .rel_box {position:absolute; left:0; bottom:0; padding:0 58px; background:#f5f5f5; width:100%; height:55px; line-height:55px;}
.dictionary .dict_con li {float:left; font-size:1.5rem; text-align:center;}
.dictionary .dict_con .rel_box li + li {margin-left:30px}
.dictionary .dict_con .thumb_list {margin:5px -5px;}
.dictionary .dict_con .thumb_list li {width:calc(14.28% - 10px); margin:5px; cursor:pointer}
.dictionary .dict_con .thumb_con li {display:none}
.dictionary .dict_con .thumb_con li.on {display:block;}
.dictionary .dict_con .text_con {text-align:left}
.dictionary .dict_con .text_con strong {display:block; margin:30px 0 16px; font-size:3.2rem; font-weight:400}
.dictionary .dict_con .text_con p {font-size:15px; line-height:1.6; word-spacing:1px; letter-spacing:.5px}
.word_con {margin-top:70px; padding:50px 8px 0; border-top:1px solid #838383;}
.word_con .word_box {display:flex; justify-content:space-between;}
.word_con .word_box li {line-height:2.4; font-size:16px}
.dictionary .page {padding-bottom:70px}

/*message*/
.sub_message {padding:0;}
.sub_message > div {padding:80px 165px 0; background-color:#fff}
.sub_message .message_video {padding:80px 80px 85px; background:url(../images/bg/bg_dictionary.png) no-repeat 0 0; background-size:cover}
.sub_message .video_wrap {margin-top:40px}
.sub_message .video_wrap::after {display:table; clear:both; content:""}
/*.sub_message .video_list {float:left; width:calc(100% - 800px); height:404px; overflow-y:scroll; background:#fff}*/
.sub_message .video_wrap li {font-size:16px; line-height:58px;}
.video_wrap .video_list li:hover {background:#ff765a; transition-duration: 500ms}
.video_wrap .video_list li.on {background:#ff765a;}
.sub_message .video_wrap a {display:block;}
.sub_message .video_wrap li > a {padding:0 30px;}
.video_wrap .video_list {border:1px solid #e6e2dc; margin-top:-1px}
.video_wrap .video_list p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video_wrap .thumb_con {float:right; width:762px;}
.youtube_iframe {height: 403px;}

/*지우기*/
.dictionary .dict_con .thumb_con li:nth-child(2){opacity:.8}
.video_wrap .thumb_con li:nth-child(1) {opacity:0.7}
/*지우기 끝*/

.sub_message .message_con {padding-top:60px; padding-bottom:160px}
.message_con strong {display:block; margin-bottom:20px; font-size:30px; font-weight:normal;}
.message_con .text_con { padding-top:50px; font-size:15px; line-height:1.4}
.message_con .text_con strong {font-size:inherit; font-weight:bold;}
/*****************************************************************************************************************************************************************************************/

@media all and (max-width:5000px) {
    .sub_message .video_list {float:left; max-width:900px; width:calc(100% - 800px); height:404px; overflow-y:scroll; background:#fff}
    .wrapper { max-width: 1400px; }
    .paper .slick-arrow {position:absolute; z-index:1; width:30px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
    .paper .slick-prev.slick-arrow {left:-70px; background-image:url(../images/ico/left_btn.svg);}
    .paper .slick-next.slick-arrow {right:-70px; background-image:url(../images/ico/right_btn.svg);}
    .paper .slick-dots {position:absolute; z-index:1; bottom:-40px; right:10px;}
    .paper .slick-dots:after {content:''; clear:both; display:block;}
    .paper .slick-dots li {float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; border:1px solid rgba(230, 77, 44, 0.5); background:#fff;}
    .paper .slick-dots .slick-active {width:14px; background:#ea4624;}
    .paper .slick-dots li + li {margin-left:10px;}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; left:-30px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") white no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: 220px; height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}

}

@media all and (max-width:1680px) {
	.login-form { width: 90%; margin:0px auto;}

	header .logo a {padding:30px 37px}
    /*header .logo img { width: 192px; height: 37px}*/
    header .logo img { width: 192px; height: 48px}
	/*header nav {margin-left:0px; }*/
	header nav .depth01 > li > a {padding:38px 20px 30px 20px; letter-spacing: 0.1em}
	header nav .depth01 .online {width:180px;}
	header nav .depth01 .tteul {background-position: top 38px left 0;}
	header nav .search {padding:45px 12px; background-position: top 43px left;}

	footer .info {margin-left:30px;}
	/*intro*/
	.intro_main .intro_slick li img {height:}
	.intro .btn_box ul {padding:90px 0 0 0;}
	.intro .btn_box li p {margin-top:20px;}

	/*notice*/
	.notice .right_con {padding:80px 20px 0 80px}
	.right_con .wrapper {margin-left:0; width:100%}

	/*message*/
    .sub_message .video_list {float:left; width:calc(100% - 750px); height:404px; overflow-y:scroll; background:#fff}
	.sub_message .message_video {padding:80px 80px 85px}
	.sub_message .thumb_list {float:none; width:100%}
	.sub_message .thumb_con {margin-left:0; text-align:center;}
	.sub_message .video_wrap li {font-size:14px}
	.sub_message .video_wrap li > a {padding:0 20px}

    .video_wrap .thumb_con {float:right; width:700px;}

    .paper .slick-arrow {position:absolute; z-index:1; width:30px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
    .paper .slick-prev.slick-arrow {left:-70px; background-image:url(../images/ico/left_btn.svg);}
    .paper .slick-next.slick-arrow {right:-70px; background-image:url(../images/ico/right_btn.svg);}
    .paper .slick-dots {position:absolute; z-index:1; bottom:-40px; right:10px;}
    .paper .slick-dots:after {content:''; clear:both; display:block;}
    .paper .slick-dots li {float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; border:1px solid rgba(230, 77, 44, 0.5); background:#fff;}
    .paper .slick-dots .slick-active {width:14px; background:#ea4624;}
    .paper .slick-dots li + li {margin-left:10px;}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; top:2px; left:-30px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") white no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: 220px; height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0;text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}

}

@media all and (max-width:1400px) {
	.login-form { width: 50%; margin:0px auto;}

	.wrapper02 {width:100%;}
	/*header {position:relative; padding-top:40px}*/
    header {position:relative;}
	.gnb {float:none; position:absolute; z-index:1; top:0; left:0; width:100%; height:40px; padding:0 10px;}
	.gnb:after {content:''; clear:both; display:block;}
	.gnb ul {float:left;}
	.gnb .language {float:right; margin-top:6px;}

	header .logo a {padding:37px;}
	header nav {float:right;}
	header nav .depth01 > li > a {font-size:2rem; padding:37px 15px;}
	header nav .depth01 .tteul > a {width:165px;}
	header nav .depth01 .online {width:130px;}
	header nav .search {padding:45px 22px;}

	header nav .depth02 ul li a {padding:5px 10px;}
	header nav .depth02 ul + ul:before {left:0; width:70%;}

	/*.menu_bg {top:141px;}*/

	.visual {width:100%;}
	.visual:before {width:80px; background-size:100%;}
	.visual .slick-dots {bottom:30px; right:30px;}
    .visual li .ment_box {padding : 20px 30px}
	.visual li .ment_box .ment {font-size:3rem;}
	.visual li .ment_box .go_btn {font-size:2rem; padding:10px 25px 8px 25px;}
	.visual .slick-arrow {width:25px; height:45px;}
	.visual .slick-prev.slick-arrow {left:20px;}
	.visual .slick-next.slick-arrow {right:20px;}
	.visual li .ment_box {top:50%; right:110px; transform:translateY(-50%);}


	footer {position:relative; height:160px;}
	footer .info {float:right;}
	footer .login {margin-right:0; padding-top:20px;}
	footer .search_form {position:absolute; z-index:1; bottom:20px; left:20px; }

	/*intro*/
	.intro .wrapper {padding-left:26px; padding-right:26px}

	/*dictionary*/
	.dictionary .dict_con {padding:45px 60px 90px}
	.word_con .word_box {display:block;}
	.word_con .word_box::after {display:table; clear:both; content:""}
	.word_con .word_box ul {width:50%; float:left;}

	/*message*/
	.sub_message .video_list {width:100%; margin-bottom:20px}
	.sub_message .thumb_con {float:none; width:100%}
	.sub_message > div {padding:80px 40px 0}

    .paper .slick-arrow {position:absolute; z-index:1; width:30px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
    .paper .slick-prev.slick-arrow {left:-70px; background-image:url(../images/ico/left_btn.svg);}
    .paper .slick-next.slick-arrow {right:-70px; background-image:url(../images/ico/right_btn.svg);}
    .paper .slick-dots {position:absolute; z-index:1; bottom:-40px; right:10px;}
    .paper .slick-dots:after {content:''; clear:both; display:block;}
    .paper .slick-dots li {float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; border:1px solid rgba(230, 77, 44, 0.5); background:#fff;}
    .paper .slick-dots .slick-active {width:14px; background:#ea4624;}
    .paper .slick-dots li + li {margin-left:10px;}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; left:-30px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") white no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: 220px; margin-left:30px;  height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}

}

@media all and (max-width:1098px) {
	.login-form { width: 50%; margin:0px auto;}

	.intro .btn_box {position:relative; z-index:10; margin-top:-50px}

	.wrapper {width:100%;}
	header .logo {width:200px;}
	header nav .depth01 > li > a {font-size:1.8rem; padding:26px 10px;}
	header nav .depth01 .online {width:120px;}
	header nav .depth01 .tteul {background-size:100px; background-position:center center;}
	header nav .depth01 .tteul > a {width:115px; height:75px;}
	header nav .search {padding:38px 22px; background-position: top 30px right 10px; background-size:20px;}
	.menu_bg  {top:118px;}
	header nav .depth02 ul li a {font-size:1.3rem;}
	header nav .depth02 ul + ul:before {left:11px;}
	.visual li .ment_box {right:60px;}

	.video_box {padding:36px 16px;}
	.video_box .youtube {width:60%; height:350px;}
	.video_box .menu_box {width:38%; height:350px;}
	.video_box .menu_box ul li a {font-size:1.6rem; padding-left:18px;}
	.video_box .menu_box ul li a span {width:60px;}
	.video_box .menu_box ul li {background-position: center right 10px; background-size:40px;}
	.video_box .menu_box ul .menu06 {background-size:50%;}

	.message {width:100%;}
	.message .week_go {margin-top:20px;}
	.board {padding:16px 16px;}
	.board .notice_box {width:45%;}
	.board .sns_box {width:53%;}
	.board .notice_box ul li strong {font-size:1.7rem;}

	.board .banner {width:45%;}
	.board .banner a {width:100%;}
	.board .banner .program {padding-left:210px; background-position:center left 27px; background-size:170px;}
	.board .banner .kakao strong {font-size:1.8rem;}
	.board .banner .kakao p {font-size:1.3rem;}

	.board .sns_box ul li {width:47.5%; height:320px; margin-left:5%;}
	.board .sns_box ul li:nth-child(2n+1) {margin-left:0;}
	.board .sns_box ul li:nth-child(n+3) {margin-top:5%;}
	.board .sns_box ul li:nth-child(4) {margin-left:5%;}
	.board .sns_box ul li .thumb > img {width:100%;}
	.board .sns_box ul li .thumb {height:50.5%;}
	.board .sns_box ul li .txt_box {height:49.5%;}

	footer {height:300px;}
	footer ul {float:none; width:100%; padding-top:10px; padding-left:20px;}
	footer .logo {float:none;}
	footer .address {float:none; margin-top:0; padding:10px 15px;}
	footer .search_form {margin-top:10px;; margin-left:0px; left:30px;}

	/*intro*/
	.intro .btn_box ul {display:block}
	.intro .btn_box li {width:calc(50% - 15px)}
	.intro .btn_box li a {width:100%}
	.intro .btn_box li + li {margin-left:30px}
	.intro_main .text2 {width:80%; margin:0 auto}

	/*notice*/
	.left_box {width:236px}
	.right_con {padding:30px 12px; margin-left:236px}
	.right_con .wrapper {width:100%;}

	.sub_message {padding:0}
	.sub_message > div {padding:0 20px}

	.word_con {width:calc(100% + 42px); transform:translateX(-21px);}

    .paper .slick-arrow {position:absolute; z-index:1; width:30px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
    .paper .slick-prev.slick-arrow {left:-70px; background-image:url(../images/ico/left_btn.svg);}
    .paper .slick-next.slick-arrow {right:-70px; background-image:url(../images/ico/right_btn.svg);}
    .paper .slick-dots {position:absolute; z-index:1; bottom:-40px; right:10px;}
    .paper .slick-dots:after {content:''; clear:both; display:block;}
    .paper .slick-dots li {float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; border:1px solid rgba(230, 77, 44, 0.5); background:#fff;}
    .paper .slick-dots .slick-active {width:14px; background:#ea4624;}
    .paper .slick-dots li + li {margin-left:10px;}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; left:-30px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") white no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: 220px; height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}

}

@media all and (max-width:768px) {
	.login-form { width: 50%; margin:0px auto;}

	/* 21.10.26. Youtube Live */
	#youtube_live_m { display: block;}

	.dp_pc {display:none !important;}
	.dp_mo {display:block !important;}

	.intro .btn_box {position:relative; z-index:10; margin-top:-50px}
	.mb_hidden {display:none;}

	header {position:relative; padding-top:0; background:#ea4624;}
	header .menu_btn {position:absolute; z-index:1; top:0; right:0; display:inline-block; width:65px; height:68px; background:url(../images/ico/ico_mo_menu_btn.png) no-repeat center center; background-size:28px;}
	header .logo {float:none; display:block; width:100%; text-align:center;}
	header .logo a {padding:20px 0;}
	header .logo img {width:180px;}
	.gnb {position:relative; float:left; padding:0 12px; margin-bottom:10px; background:transparent;}
	.gnb ul li:after {background:#fff}
	.gnb ul li a {color:#fff !important}

	header nav {position:absolute; z-index:9999; top:66px; left:0; width:100%; float:none; background:#ea4525;}
	header nav .depth01 {width:100%;}
	header nav .depth01 > li {float:none; width:100%; text-align:left;}
	header nav .depth01 > li:before {content:''; position:absolute; z-index:1; top:13px; left:31px; width:10px; height:10px; background:url(../images/ico/ico_mo_menu_deco.png) no-repeat 0 0; background-size:100%; transition:all .3s ease;}
	header nav .depth01 > li.on:before {transform:rotate(45deg);}
	header nav .depth01 > li > a {color:#fff; padding:10px 50px; font-size:1.8rem;}

	/* 21.10.26. Youtube Live */
	header nav .depth01 .online {width:100%; display: none}
	/*header nav .depth01 .online {width:100%;}*/
	header nav .depth01 .tteul {background:url(../images/ico/ico_menu_tteul_w.png) no-repeat top 10px left 31px; background-size:112px;}
	header nav .depth01 .tteul::before {display:none;}
	header nav .depth01 .tteul > a {width:100%; height:38px; padding:0 0;}
	header nav .depth02 {position:static; width:auto; height:auto; margin:0px 15px; padding:8px 0px; background:#fff;}
	header nav .depth02 ul li a {color:#000; font-size:1.5rem; padding: 8px 0 8px 30px;}
	header nav .depth01 .tteul .depth02 a {padding-left:30px;}
	header nav .depth02 ul + ul {margin-top:15px; padding-top:15px;}
	header nav .depth02 ul + ul:before {background:#999; height:2px; width:75px; left:30px;}
	header nav .search {width:100%; padding:28px 0; background:url(../images/ico/ico_mo_search.png) no-repeat top 10px left 31px; background-size:18px;}
	header .logo {width:165px}
	header .logo img {display:none;}
	/*header .logo span {display:block; padding-left:56px; font-size:20px; background:url(../images/ico/ico_m_logo.png) no-repeat center left 30px; background-size:135px 25px}*/
    header .logo span {display:block; padding-left:56px; font-size:20px; background:url(/images/logo_m.png) no-repeat center left 30px; background-size:162px 30px}
	header .menu_btn {background-image:url(../images/ico/ico_mo_menu_btn2.png); background-size:32px}

	.menu_bg {background:none;}

	.visual li .ment_box {top:auto; bottom:70px; right:30px; left:30px; transform: translateY(0);}
	.visual li .ment_box .ment {font-size:2.5rem;}
	.visual li .ment_box .go_btn {font-size:1.7rem;}
	.visual:before {width:50px; bottom:10px;}
	.visual .slick-dots li {width:12px; height:12px;}
	.visual .slick-dots li + li {margin-left:5px;}
	.visual .slick-dots .slick-active {width:45px;}

	.video_box {padding:30px 20px;}
	.video_box .youtube {float:none; width:100%; height:300px;}
	.video_box .menu_box {float:none; width:100%; height:480px;}
	.video_box .menu_box ul li {background-position:center right 20px; background-size:70px;}
	.video_box .menu_box ul li a {padding-left:20px; font-size: 1.75rem;}
	.video_box .menu_box ul li a span {width:80px;}

	.message {padding:0px 20px;}
	.message > div {padding-bottom:30px; /* background:#413b35; */}
	/*.message .tit_plus h3 {color:#fff;}*/
	.message .week_go li {float:none; width:100%; height:60px;}
	.message .week_go li {float:none; width:100%; height:60px;}
	.message .week_go li:after {content:''; clear:both; display:block;}
	.message .week_go li .tit {position:relative; top:50%; transform:translateY(-50%); float:left; width:80px; height:auto; font-size:1.9rem; line-height:1.3; word-break:keep-all;}
	.message .week_go li .inner {float:left; height:100%; width:calc(100% - 80px);}
	.message .week_go li .date {font-size:1.2rem; margin:0; line-height:1;}
	.message .week_go li .s_tit {font-size:1.6rem; padding-top:0; line-height:1;}

	.board .notice_box {float:none; width:100%;}
	.board .sns_box {float:none; width:100%; margin-top:30px;}
	/*.board .sns_box ul li {width:48.5%; height:28.98%;}*/
    .board .sns_box ul li {width:48.5%; height:auto;}
	.board .sns_box ul li + li {margin-left:3%;}
	.board .sns_box ul li:nth-child(n+3) {margin-top:3%;}
	.board .sns_box ul li:nth-child(3) {margin-top:3%;}
	.board .sns_box ul li:nth-child(4) {margin-left:3%;}
	.board .sns_box ul li:nth-child(5) {margin-left:0;}
	/*.board .sns_box ul li .thumb {width:100%; height:100%;}*/
	/*.board .sns_box ul li .thumb > img {width:100%; height:100%; top:0; transform: translateX(-50%);}*/
	/*.board .sns_box ul li .txt_box {display:none;}*/

    .board .sns_box ul li .thumb {width:100%; height:60%;}
    .board .sns_box ul li .thumb > img {width:100%; height:100%; top:0; transform: translateX(-50%);}
    .board .sns_box ul li .txt_box {height: 40%; padding: 12px 10px 30px;}

	.board .banner {position:static; margin-top:15px; width:100%;}
	.board .banner .program {padding-left:520px;  background-position: center left 67px; background-size:420px;}
	.board .banner .program span {font-size:1.8rem;}
	.board .banner .kakao {padding-left:200px; background-position: center left 110px;}

	footer {margin-top:0px; text-align:center;}
	footer .logo a {padding:40px 0px 10px 20px;}
	footer .address {padding:0;}
	footer ul li {float:none; display:inline-block;}
	footer .info {margin-left:0;}
	footer .login {padding-left:0;}
	footer .search_form {display:none;}

	footer .mo_ft {padding-top:0; margin-top:10px;}
	footer .mo_ft li {float:none; display:block; line-height:1;}
	footer .mo_ft li + li {margin-top:10px;}
	footer .mo_ft li:before {display:none;}
	footer .mo_ft li p {position:relative; display:inline-block; font-size:1.5rem; vertical-align:top; color:#c1c1c1; padding:0px 10px;}
	footer .mo_ft li p a {display:inline-block; line-height:1; vertical-align:top; padding:0; margin:0;}
	footer .mo_ft li:first-child span:before {display:none;}
	footer .mo_ft li p:before {content:''; position:absolute; z-index:1; top:4px; left:0; width:1px; height:11px; background-color:#c1c1c1;}
	footer .copy {font-size:1.5rem; color:#c1c1c1; margin-top:10px;}

	footer .gnb {display:block; margin-bottom:42px; background:#282828}
	footer .gnb ul {width:auto}
	footer .gnb ul li:after {background:#727272}
	footer .gnb li a {color:#727272; font-size:12px}

	/*intro*/
	.intro_main .text_box {padding-top:245px}

	.intro .util {top:0; right:auto; width:100%; padding:0 10px}
	.intro .util > a {float:right; width:84px}
	.intro .util li a {font-size:12px}
	.intro .util li::after {top:1px; height:12px; margin:0 6px}

	.r_sub_text {top:50px; right:14px}
	.r_sub_text strong {font-size:16px}
	.r_sub_text p {margin-top:4px; font-size:10px}

	.intro_main .text_con {position:relative; width:315px; margin:0 auto}
	/*.intro_main .text1 {position:absolute; width:150px; top:0; left:auto; right:10%}*/
	.intro_main .text1 {position:absolute; width:300px; top:-80px; left:auto; right:10%}
	.intro_main .text2 {display:inline-block; width:100%}

	.intro .btn_box ul {display:inline-block; padding:80px 0 38px}
	.intro .btn_box li > p {width:80%; margin:16px auto 0; text-align:left; font-size:10px; word-break:keep-all}
	.intro .btn_box li a {width:135px; height:135px; border-radius:50%; line-height:1.3; background-color:#f3f3f3}
	.intro .btn_box li span {display:block; font-size:14px; margin-top:14px; margin-left: 0px;}
	.intro .btn_box li a div {position:relative; left:50%; top:50%; transform:translate(-50%,-50%)}
	.intro .btn_box .btn01 .thumb {width:100px; height: 25px;}
	.intro .btn_box .btn02 .thumb {width:80px; height: 50px;}
    .intro .btn_box .btn02 div {position:relative; left:50%; top:50%; transform:translate(-50%,-50%)}

	/*************************************/

	.header_btm {background:#eee; display:block;}
	.header_btm ul {border:1px solid #dcdcdc; border-left:0; border-right:0}
	.header_btm li {float:left; padding:7px 12px 6px}
	.header_btm li + li {border-left:1px solid #dcdcdc}
	.header_btm li:nth-child(2) p::after {display:inline-block; margin-left:11px; font-size:8px; content:"▶"; vertical-align:middle;}
	.header_btm li .icon {width:10px}
	.header_btm li p {font-size:12px;}
	/*sub*/
	.left_box {display:none;}
	.right_con {margin-left:0;}
	.sub + footer {margin-top:0}
	.right_con .wrapper {padding-top:30px}
	.pc_board {display:none;}
	.mo_board {display:block}
	h3 span {/*display:none;*/ font-size: 13px;}
	.notice .search_box {display:block; float:none; width:100%; margin-bottom:10px}
	.notice .search_box input[type="text"] { background:#fff}
	.notice .right_con {padding:30px 12px 0;}
	.notice .mo_board {border-bottom:1px solid #e3e3e3}
	.notice .mo_board > li {position:relative; padding:10px 16px; border-top:1px solid #e3e3e3;}
	.notice .mo_board a {display:block;}
	.notice .mo_board span {display:inline-block; padding:5px 8px 5px 20px;  color:black; font-weight:bold; font-size:15px;}
	.notice .mo_board .board_con p {display:inline-block; width:calc(100% - 100px); font-size:17px; font-weight:400; vertical-align:bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.notice .mo_board .sub_con {margin-top:8px}
	.notice .mo_board .sub_con li {float:left; font-size:12px; color:#626262;}
	.notice .mo_board .sub_con li + li::before {display:inline-block; position:relative; top:2px; width:1px; height:10px; margin:0 10px; background:#626262; content:""}
	.notice .mo_board a > p {position:absolute; bottom:10%; right:16px; transform:translateY(-50%);}
	.notice + footer {margin-top:88px}


	.dictionary .dict_con {padding:25px 30px 60px; margin-top:35px}
	h3 strong {padding-left:12px; font-size:25px}
	.dictionary h3 strong {padding-left:0; margin-left:5px}
	.dictionary form p {margin-top:15px; font-size:10px}
	.dictionary input[type="text"] {width:70%; height:37px; padding:0 60px 0 25px; font-size:13px}
	.dictionary input[type="text"]::placeholder {font-size:13px; color:#cbcbcb}
	.dictionary input[type="button"] {width:37px; height:37px; background-size:16px 14px; margin-left: -38px;}
	.dictionary .search_box {display:block;}
	.dictionary .dict_con .text_con strong {margin:12px 0; font-size:20px; font-weight: bold}
	.dictionary .dict_con .text_con p {font-size:10px}
	.dictionary .dict_con .rel_box {height:40px; padding:0 10px; line-height:40px}
	.dictionary .dict_con li {font-size:12px}
	.dictionary .dict_con .rel_box li + li {margin-left:15px}
	.dictionary .dict_con .thumb_list {margin:3.5px -3.5px;}
	.dictionary .dict_con .thumb_list li {width:calc(14.28% - 7px); margin:3.5px;}
	.word_con {margin-top:40px; padding:40px 0 0}
	.word_con .word_box {padding:0 22px}
	.word_con .word_box li {font-size:13px;white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden;}
	.dictionary .page {padding:50px 0 60px}


	.sub_message .message_video {padding:35px 15px 15px; background-size:auto}
	.sub_message .thumb_list {height:118px}
	/*.sub_message .video_wrap li {font-size:8px; line-height:30px}*/
	.sub_message .video_wrap li {font-size:14px; line-height:30px}
	.sub_message .video_wrap li > a {padding:0 15px}
	.message_con strong {margin-bottom:6px; font-size:15px; font-weight: 700;}
	.message_con span {font-size:12px}
	.message_con .text_con {padding-top:20px; font-size:13px;}
	.message_con .text_con strong {margin-bottom:0}
	.sub_message .thumb_con {margin-top:10px}
	.sub_message .message_con {padding:25px 28px 60px 37px; word-break:keep-all;}
	.sub_message .video_wrap {margin-top:30px}
	.sub_message .video_list {height:215px}

    .video_wrap .thumb_con {float:right; width:100%;}

    .paper .slick-arrow {position:absolute; z-index:1; width:15px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
    .paper .slick-prev.slick-arrow {left:-25px; background-image:url(../images/ico/left_btn.svg);}
    .paper .slick-next.slick-arrow {right:-25px; background-image:url(../images/ico/right_btn.svg);}
    .paper .slick-dots {position:absolute; z-index:1; bottom:-40px; right:10px;}
    .paper .slick-dots:after {content:''; clear:both; display:block;}
    .paper .slick-dots li {margin : 5px; float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; border:1px solid rgba(230, 77, 44, 0.5); background:#fff;}
    .paper .slick-dots .slick-active {width:14px; background:#ea4624;}
    .paper .slick-dots li + li {margin-left:5px;}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; left:0px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: calc(100% - 35px);margin-left:30px;  height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0; margin-left:30px; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}
}

@media all and (max-width:640px) {
	.login-form { width: 90%; margin:0px auto;}

	header {padding-top:0px;}
	.gnb {height:28px; padding:0px 12px;}
	.gnb ul li:first-child a {padding-left:0;}
	.gnb ul li a {font-size: 1.2rem; padding:10px 15px;}
	.gnb ul li:after {top:8px; height:12.5px;}
    .gnb .language {display: none;}
	/*.gnb .language {width:250px;}*/
	/*.gnb .language img {width:100%; height:100%;}*/

	header .logo {height:70px;}
	header .logo a {line-height:70px; padding:0;}
	header .logo a img {width:135px;}
	header .menu_btn {top:0; width:70px; height:70px; background-image:url(../images/ico/ico_mo_menu_btn2.png); background-size:32px}
	header nav {top:70px; margin-left: 0px; padding-bottom: 12px}
	header nav .depth01 > li > a {font-size: 18px;}
	header nav .depth02 ul li a {font-size: 14px;}
	header nav .depth02 ul + ul {margin-top:13px; padding-top:13px;}
	header nav .depth02 ul + ul:before {height:1px;}

	.visual:before {width:20px; height:6px; bottom:7px;}
	.visual > ul {position:relative;}
	/*.visual > ul:after {content:''; position:absolute; z-index:1; bottom:142.5px; left:50%; transform:translateX(-50%); width:calc(100% - 30px); height:1px; background:#8e8d8e;}*/
	.visual li .ment_box {bottom:43.5px; left:28px;}
	.visual li .ment_box .ment {font-size:1.89rem;}
    .visual li .ment_box .ment_sub {font-size:1.2rem; margin-top: 30px; line-height: 1.8rem}
	.visual li .ment_box .go_btn {font-size:1.5rem; margin-top:12px; padding:4px 7px 3px 7px;}
	.visual .slick-next.slick-arrow {right:15px;}
	.visual .slick-prev.slick-arrow {left:15px;}
	.visual .slick-dots {bottom:10px; right:13.5px;}
	.visual .slick-dots li {width:6px; height:6px;}
	.visual .slick-dots li + li {margin-left:3px;}
	.visual .slick-dots .slick-active {width:25px;}
	.video_box .youtube {height:230px;}
	.video_box .menu_box {height:360px;}
	.video_box .menu_box ul li {background-size:auto;}
	.video_box .menu_box ul li a {padding-left:15px; font-size:1.4rem;}
	.video_box .menu_box ul li a span {width:90px;}
	.visual .slick-arrow {width:17.5px; height:32px;}

	.board .notice_box ul {font-size:1.5rem; margin-top:15px;}
	.board .notice_box ul li + li {margin-top:15px;}


	.tit_plus h3 {font-size:1.5rem;}
	.tit_plus .plus {width:11px; background-size:100%;}
	/*.message .tit_plus .plus {background:url(../images/ico/ico_msg_plus02.png) no-repeat 0 0;}*/
	.new:before {font-size:0.9rem; right:-40px;background-size:100%;}
	.week_go .new:before {right:0;}

	.video_box {padding:30px 15px;}
	.video_box .youtube {height:172px;}
	.video_box .menu_box {height:338px;}
	.video_box .menu_box ul .menu01 {background-size:34px; background-position:right 15px center;}
	.video_box .menu_box ul .menu02 {background-size:45px; background-position:right 16px center;}
	.video_box .menu_box ul .menu03 {background-size:30px; background-position:right 20px center;}
	.video_box .menu_box ul .menu04 {background-size:37.5px; background-position:right 20px center;}
	.video_box .menu_box ul .menu05 {background-size:37px; background-position:right 16px center;}
	.video_box .menu_box ul .menu06 {background-size:82.5px;}

	.message {padding:0px 15px;}
	.message > div {padding:16px;}
	/*.message .tit_plus .plus {background:url(../images/ico/ico_msg_plus02.png) no-repeat 0 0; background-size:100%;}*/
	.message .week_go {margin-left:3px; margin-right:3px;}
	.message .week_go li a {padding:0 0 0 15px;}
	.message .week_go li .tit {font-size:1.32rem; width:65px; padding-right:19px;}
	.message .week_go li .inner {width:calc(100% - 65px);}
	.message .week_go li .date {font-size:1.25rem; padding-top:15.5px;}
	.message .week_go li .s_tit {font-size:1.5rem;}

	.board {margin:0; padding:26px 15px 50px 15px;}
	.board .notice_box {height:465px; padding:16px 16px 16px 16px;}
	.board .notice_box ul {margin-top:30px; margin-left:3px; margin-right:3px;}
	.board .notice_box ul li:before {top:8.5px; width:2px; height:2px;}
	.board .notice_box ul li strong {font-size:2rem; padding-left:10px;}
	.board .notice_box ul li strong.new:before {top:auto; bottom:5px; right:-25px; width:23px; height:11px; font-size:0.5rem; line-height:0.8; padding:1px 1px;}
	.board .notice_box ul li p {height:3.6rem; line-height: 1.8rem; font-size:1.2rem; margin-top:6px;}
	.board .notice_box ul li + li {margin-top:15px;}

	.board .sns_box .tit_plus {padding:0px;}
	.board .sns_box ul {margin-top:16px; margin-left:0; margin-right:0}
	.board .banner .program {padding-left:240px; padding-top:10px; background-position:center left 42px; background-size:175px;}
	.board .banner .program span {font-size:1.2rem;}

	.board .banner a {height:60px}
	.board .banner .kakao {padding-left:75px; padding-top:12px; background-position: center left 23px; background-size:40px;}
	.board .banner .kakao strong {font-size:1.5rem;}
	.board .banner .kakao p {font-size:1.2rem; line-height:1.2;}

	footer {height:250px;}
	footer .logo a {padding:42px 0 12px 0;}
	footer .logo a img {width:135px; height: 25px; margin: 10px auto;}
	footer .address {font-size:1.2rem; margin-top:0;}
	footer .mo_ft {margin-top:3px;}
	footer .mo_ft li a {font-size:1.2rem;}
	footer .mo_ft li + li {margin-top:-3px;}
	footer .mo_ft li p {font-size:1.2rem; padding:0px 8px;}
	footer .copy {font-size:1.2rem; margin-top:-3px;}
	footer .mo_ft li p:before {top:0px; height:11px;}
	footer .gnb li a {font-size:12px}

    .youtube_iframe {height: 300px}
    .video_wrap .thumb_con {float:right; width:100%}

    .paper .slick-arrow {position:absolute; z-index:1; width:15px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
    .paper .slick-prev.slick-arrow {left:-25px; background-image:url(../images/ico/left_btn.svg);}
    .paper .slick-next.slick-arrow {right:-25px; background-image:url(../images/ico/right_btn.svg);}
    .paper .slick-dots {position:absolute; z-index:1; bottom:-60px; /*right:68px;*/ width: 250px; left:calc(50% - 125px);}
    .paper .slick-dots:after {content:''; clear:both; display:block;}
    .paper .slick-dots li {margin:5px; float:left; width:14px; height:14px; text-indent:-9999px; border-radius:14px; border:1px solid rgba(230, 77, 44, 0.5); background:#fff;}
    .paper .slick-dots .slick-active {width:14px; background:#ea4624;}
    .paper .slick-dots li + li {margin-left:5px;}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; left:0px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: calc(100% - 35px);margin-left:30px;  height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0; margin-left:30px; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}
}

@media all and (max-width:480px) {
	.login-form { width: 90%; margin:0px auto;}
	/*intron*/
	.intro_main .text_con {width:100%; padding:0px 20px;}
	/*.intro_main .text1 {right:20px;}*/

    .youtube_iframe {height: 250px}

    .paper .slick-arrow {position:absolute; z-index:1; width:15px; height:99px; top:50%; text-indent:-9999px; transform:translateY(-50%); background-repeat:no-repeat; background-position: 0 0; background-size:100%;}
    .paper .slick-prev.slick-arrow {left:-25px; background-image:url(../images/ico/left_btn.svg);}
    .paper .slick-next.slick-arrow {right:-25px; background-image:url(../images/ico/right_btn.svg);}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; left:0px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") white no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: calc(100% - 35px);margin-left:30px;  height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0; margin-left:30px; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}
}

@media all and (max-width:320px) {
	.login-form { width: 90%; margin:0px auto;}
	.message .week_go li .tit {width:48px;}
	.message .week_go li .s_tit {font-size:1.4rem;}

	.board .banner .program {padding-left:180px; background-position: center left 32px; background-size: 124px;}
	.board .banner .kakao {padding-top:5px;}

    /* 21.1.4. List Button */
    .list_button {
        position: absolute; left:0px; cursor:pointer; border: 1px solid #a0a0a0; width: 27px; height: 27px; background: url("/images/ico/list.svg") no-repeat;
    }
    .search_box input[type="text"] {display:inline-block; width: calc(100% - 35px);margin-left:30px;  height:27px; padding-left:30px; border-color:#a0a0a0; background:#f6f6f6; font-size:1.4rem}
    .search_box input[type="button"] {position:absolute; top:50%; left:0; margin-left:30px; text-indent:-9999px; width:27px; height:27px; background:url(../images/ico/search.svg) no-repeat center; border:none; transform:translateY(-50%); background-size: 15px 15px}
}



/* PAGINATION */
 .pagination {
     display: flex;
     padding-left: 0;
     list-style: none;
 }

.page-link {
    position: relative;
    display: block;
    color: #333333;
    background-color: #fff;
    border-radius: 100%;
}

.page-link:hover {
    z-index: 2;
    color: #ea4525;
    font-weight: bold;
    transition-duration: 0.5s;
    text-decoration: none;
    /*background-color: #ea4525;*/
}

.page-item:not(:first-child) .page-link {
    /*margin-left: -1px;*/
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ea4525;
    /*color: #ea4525;*/
    /*background-color: #ea4525;*/
    font-weight: bold;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
}


/* 교회학교 */
.right_con.paddig{padding-right: 170px;}
.school{}
.school h3{display: inline-block; margin: 0 20px 20px 0; line-height: 1; font-size: 30px; color: #000; font-weight: 700;}
.school .grid_box{padding: 0 0 461px 0; font-size: 0;}
.school .grid_box .grid_item{display: inline-block; margin-top: 54px; border: 1px solid #c6c6c6; line-height: 1; background: #f8f3ed;}
.school .grid_box > .grid_item,
.school .grid_box > .grid_sizer{width: 43.3%;}
.school .grid_box > .grid_item img{display: block; width: 100%;}
.school .tit{padding: 42px 30px; height: 160px; text-align: center; background: url(/images/church_school/bg_school.jpg) no-repeat center; background-size: cover;}
.school .tit::before{content: ""; width: 58px; height: 58px; position: absolute; left:-18px; top: -18px; z-index: 2; /* background: url(/images/church_school/ico_school.png) no-repeat */ background: url(/images/ico/flag.svg) no-repeat;}
.school .tit h4{margin-bottom: 35px; font-size: 29px; color: #000; font-weight: 700;}
.school .tit span{color: #000; font-size: 19px; letter-spacing: -1px; word-break: keep-all}
.school .text_content .info{padding: 19px 33px; min-height: 82px; background: #ffba00; /*background:rgba(255,186,0);*/}
.school .text_content .info ul li{font-size: 16px; color: #000; font-weight: 700; line-height: 26px;}
.school .text_content > ul{padding: 31px 18px 18px 18px; /*background: rgba(248, 243, 237);*/ font-size: 16px;}
.school .text_content > ul li{margin-bottom: 30px; padding-left: 7px;}
.school .text_content > ul li:last-child{margin-top: 21px; margin-bottom: 0; padding-left: 0;}
.school .text_content > ul li.link{margin-bottom: 8px;}
.school .text_content > ul li.link dd{margin-bottom: 0;}
.school .text_content > ul dt{margin-bottom: 7px; font-weight: 700;}
.school .text_content > ul dd{line-height: 24px;}
.school .text_content > ul dd a{display: block; /*color: rgba(233,72,39);*/ color: #ea4624; line-height: 1;}
.school .text_content > ul dd a:hover{text-decoration: underline;}

@media (max-width: 1600px) {
    .school span{font-size: 15px; color: #000;}
    .right_con.paddig{padding-right: 30px;}

	/* 22.3.3. */
	.gnb { display:  none }
}

@media (max-width: 1199px) {
    .school span{font-size: 13px; color: #000;}
    .school .grid_box > .grid_item{height: auto;}
    .school .grid_box{padding-bottom: 30px; margin-left: 15px}
    .school .tit span{line-height: 24px;}
    .school .tit{height: auto; padding: 42px 30px 5px;}
    .school .grid_box > .grid_item{width: 100%; margin: 40px 0 0;}
    .school .grid_box > .grid_item:nth-child(5) .text_content > ul > li:nth-child(2) dd br{display: none;}
    .school h3{display: block; margin-bottom: 6px;}
    .school .text_content .info{height: auto;}
}

/* 20.12.21. FIXED BTN : Go to Top */
a.animated-button.victoria-one {
    border: 2px solid #D24D57;
}
a.animated-button.victoria-one:after {
    background: #D24D57;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}


/* 입금내역 */
.offering .wrapper{}
.h-screen .offering{height: auto!important;}
.offering .btn_box{padding: 0 156px 0 0; text-align: right;}
.offering .btn_box button{width: 69px; padding:5px 0; font-size: 17px; color: #fff; text-align: center; background: #e94827; border-radius: 50px;}
.offering input{width: 204px; padding: 5px 0 5px 9px; border: 1px solid #9d9c9b; border-radius: 5px;   vertical-align: middle; margin-left: 0!important; position: relative; float: left; color: black; font-size: 13px;}
.offering input#datepicker{position: relative; padding-left: 26px;}
.offering input::placeholder{font-size: 13px; color: #ACACAC;}
.offering div.after{position: relative; float: left; width: 207px; height: 36px; margin-right: 3.8%;}
.offering div.after:first-child::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 102%; width: 14px; height: 3px; background: url(../images/ico/between.png)no-repeat;}
.offering input.number{color: #000;}
.offering input.number::placeholder{ color: #000; font-size: 17px;}
.offering input.sum{background: #ffd7c9;}
.offering .tit{padding: 16px 10px; font-size: 15px; color: #fff; text-align:center; line-height: 22px; background: #f2937f;}
.offering span.necessary{display: inline-block; margin-left: 6px; text-indent: -9999px; vertical-align: middle; width: 6px; height: 7px; background: url(../images/ico/required.png)no-repeat;}
.offering span.info{display: inline-block; margin-left: 19px; font-size: 13px; color:#ff4e00; vertical-align: -6px; letter-spacing: -1px;}
.offering dl{overflow: hidden;line-height: 1; }
.offering div.emphasis{padding: 26px 39px 25px 15px; margin-bottom: 6px; background: #fff1ec;}
.offering div.emphasis dt{font-weight: 700;}
.offering div.emphasis dl{margin-bottom: 15px;}
.offering div.sum_box{padding: 19px 0 39px 0; background: #fff1ec;}
.offering div.sum_box dl{padding: 0 0 0 15px; margin: 0 0 15px; background: none;}
.offering div.sum_box textarea{margin-bottom: 19px;}
.offering .basic dl{padding: 8px 0 8px 15px; margin-bottom: 6px; background: #ececec;}
.offering dt{padding: 6px 0; float: left; width: 140px;font-size: 17px; color: #000;}
.offering dd{position: relative; float: left; width: calc(100% - 300px);}
.offering dd button{position: absolute; top:50%; left:9px; transform: translateY(-50%);}
.offering dd textarea{padding: 11px 50px 61px 9px; border: 1px solid #000; font-size: 13px; color: black; text-align: left; line-height: 19px;}
#prayer_topic::placeholder {font-size:13px; color:#ACACAC; line-height: 19px;}

@media (min-width: 640px) and (max-width:1680px) {
	.login-form { width: 50%; margin:0px auto;}
    .offering .wrapper{width: 1049px;}
}

@media (max-width: 1199px) {
	/*.login-form { width: 50%; margin:0px auto;}*/
    .offering .wrapper{width: 100%;}
    .offering div.after{width: 100%; margin-bottom: 10px;}
    .offering div.after:first-child::after{display: none;}
    .offering input{width: 100%; margin: 0;}
    .offering dd{width: 100%;}
    .offering div.emphasis{padding-right: 10px;}
    .offering .basic dl{padding-right: 10px;}
    .offering span.info{margin: 0;}
    .offering .btn_box{padding: 0; text-align: center;}

}

#toast{
	max-width: 700px;
	min-width: 300px;
	padding: 14px 20px;
	box-sizing: border-box;
	border-radius: 8px;
	/*background-color: rgba(38, 45, 57, 0.88);*/

	color: white;
	font-size: 14px;
	line-height: 21px;

	display: flex;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index: 99999;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, 10px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility .5s, transform .5s;
}
#toast.reveal {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}