/* 다크모드 세팅 시작 */
:root {
    --description-color: #777;
    --title-color: #000;
    --title-color1: #555;
    --subtitle-color: #000;
    --bgcolor: #fff;
    --bgcolor1: #efefef;

    /***
    현재 다크모드는 다크버전으로만 가능하게 작업 해야함 (배경이미지 문제)
    --description-color: #777;
    --title-color: #fff;
    --bgcolor: #000;
    --bgcolor1: #222;
    ***/
}

:root .darkmode {
    --description-color: #777;
    --title-color: #fff;
    --title-color1: #ddd;
    --subtitle-color: #fff;
    --bgcolor: #000;
    --bgcolor1: #222;
}
/* 다크모드 세팅 끝 */
/*----------------------items common 시작----------------------*/

.section_wrap { position:relative; display:table; width:100%; /*height:100%;*/ background:#FFF; }
.section { position:relative; display:table; width:100%; height:100vh; }
.section_bg { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background:no-repeat center #FFF; background-size:cover; }
.contents_area { position:relative; display:table; table-layout:fixed; width:100%; height:100%; vertical-align:middle; }
.contents_wrap { position:relative; display:table-cell; width:100%; height:100%; vertical-align:middle; }
.contents_wrap:after { content:""; clear:both; display:block; }
.contents_fixed { display:block; margin:80px auto; max-width:1340px; }
.contents_fixed:after { content:""; clear:both; display:block; }
.contents { display:block; min-height:80px; }
.contents:after { content:""; clear:both; display:block; }
.clear:before { content:""; clear:both; display:table; }
.block { position:relative; padding:50px; }
.block:after { content:""; clear:both; display:block; }
.block .display div.text_wrap { position:relative; display:inline-block; }
.block .display div.text_wrap > p { position:relative; margin:10px 0; display:inline-block; word-break:break-word; /*min-height:34px;*/ min-width:20px; line-height:1.5em !important; }
.block .body div.text_wrap > p {letter-spacing:0;}
.display { position:relative; margin:0px auto; padding:20px; min-height:150px; }
.display:after { content:""; clear:both; display:block; }

.display .bold {font-weight:bold !important;}
.display .title p { font-size:55px; line-height:69px; font-weight:500; }
.display .sub_title p { font-size:30px; line-height:44px; }
.display .body p { font-size:20px; line-height:34px;}
.display .index p { font-size:72px; line-height:86px; color:#BABABA; letter-spacing:-0.001em; }
.display .percent p { font-size:72px; line-height:86px; font-weight:500; letter-spacing:-0.001em; }
.display .percent p i { font-size:36px; font-weight:bold; font-style:normal; }
.display .emphasis { text-align:center; }
.display .emphasis p { font-size:30px; line-height:44px; font-weight:500; }
.display .by_line p { font-size:17px; line-height:31px; }

.display .block_btn { position:relative; text-align:left; }
.display .block_btn > a { display:inline-block; width:200px; height:45px; line-height:45px; font-size:20px; color:#FFF; background:#000; text-align:center; overflow:hidden; word-break:break-all; }
.display .block_btn > a > img { vertical-align:baseline; }
.display .btn_default { margin:0; padding:0; width:auto; height:auto; }
.display .btn_default a { margin:0; padding:0; color:#000; width:auto; height:auto; min-width:0; background:none; }

.display .thum { position:relative; overflow:hidden; }
.display .thum img { max-width:100%;/*  width:100%; height:100%*/ }
.display .video { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.display .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.display .btn_box:after { content:""; clear:both; display:block; }
.display .box_wrap:after { content:""; clear:both; display:block; }
.display .box:after { content:""; clear:both; display:block; }
.display .text_box:after { content:""; clear:both; display:block; }

.display .top { margin-bottom:50px; }
.display .box_wrap .box .title p { margin-bottom:0; font-size:28px; line-height:42px; font-weight:normal; }
.display .box_wrap .box .sub_title p { font-size:24px; line-height:38px; }
.display .box_wrap .box .body p { font-size:18px; line-height:34px;}

.w50_left { width:50%; height:100%; display:table-cell; vertical-align:middle; }
.w50_left .contents { float:right; padding-right: 100px; width: 100%; max-width: 740px; }
.w50_right { width:50%; height:100%; display:table-cell; vertical-align:middle; }
.w50_right .contents { float:left; padding-right: 100px; width: 100%; max-width: 740px; }

.w40_left { width:40%; height:100%; display:table-cell; vertical-align:middle; }
.w40_left .contents { float:right; }
.w60_right { width:60%; height:100%; display:table-cell; vertical-align:middle; }
.w60_right .contents { float:left; }

.w30_left { width:33.33%; height:100%; display:table-cell; vertical-align:middle; }
.w30_center { width:33.33%; height:100%; display:table-cell; vertical-align:middle; }
.w30_right { width:33.33%; height:100%; display:table-cell; vertical-align:middle; }

.text_sel { /*text-decoration:underline; text-decoration-color:#69F; border-bottom:1px dotted #69F;*/}
.highlight { background:#333; width:100%; height:20px;}
.ui-sortable-helper { position:fixed; z-index:9999; }

/**** tab 시작 ****/
.nav_wrapper {position: relative; margin:0 -50px; padding:0 50px;}
.nav_tabs { position: relative; border: 0; border-bottom: 1px solid #ddd; max-width:1200px; margin:0 auto;}
.nav_tabs:after { display: block; clear: both; content: ''; }
.nav_tabs > li { float: left; margin-bottom: -1px; min-width:100px; text-align:center;}
.nav_tabs.tab_col_2 > li { width: 50%; min-width:0; text-align: center; }
.nav_tabs.tab_col_3 > li { width: 33.333%; min-width:0; text-align: center; }
.nav_tabs.tab_col_4 > li { width: 25%; min-width:0; text-align: center; }
.nav_tabs.tab_col_5 > li { width: 20%; min-width:0; text-align: center; }
.nav_tabs.tab_col_6 > li { width: 16.666%; min-width:0; text-align: center; }
.nav_tabs.tab_col_7 > li { width: 14.285%; min-width:0; text-align: center; }
.nav_tabs > li > a { display: block; color: #a1a1a1; font-size: 14px; font-weight: 400; padding: 12px 10px; margin-right: -1px; background: #efefef; border: 1px solid #c1c1c1; }
.nav_tabs > li:first-child > a { margin-left: 0; }
.nav_tabs > li > a:hover { background-color: #f4f4f4; }
.nav_tabs > li.active > a, .nav_tabs > li.active > a:hover, .nav_tabs > li.active > a:focus { cursor: default; color: #333; background: #fff; border-bottom: 1px solid #fff; }
.nav_tabs_wrap > div { display: none; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 20px; }
.nav_tabs_wrap > div.on { display: block; }
.nav_tabs_wrap > div .none_data { display: block; line-height: 150px; text-align: center; }

.nav_tabs.tab_sty1 {border-bottom:0;}
.nav_tabs.tab_sty1 li > a {color:#777; background:#fff; border:0; height:60px; padding:0; line-height:60px; opacity: 0.7; margin-right:0;}
.nav_tabs.tab_sty1 > li.active > a,
.nav_tabs.tab_sty1 > li.active > a:hover,
.nav_tabs.tab_sty1 > li.active > a:focus { position:relative; z-index:2; cursor: default; color: #000; background: #fff; opacity: 1;}
.nav_tabs_wrap.tab_sty1 > div { display: none; border-left:0; border-right: 0; border-bottom: 0; padding:0;}
.nav_tabs_wrap.tab_sty1 > div.on {display:block;}

.nav_tabs.tab_sty2 li > a {color:#8c8c8c; font-size:18px; background:#fff; border:1px solid #dedede; line-height:58px; padding:0;}
.nav_tabs.tab_sty2 > li.active > a, .nav_tabs.tab_sty2 > li.active > a:hover, .nav_tabs.tab_sty2 > li.active > a:focus { position:relative; z-index:2; cursor: default; color: #2184ff; background:#fff; border:1px solid #2184ff; }
.nav_tabs_wrap.tab_sty2 > div { display: none; border-left:0; border-right: 0; border-bottom: 0; padding: 0; }
.nav_tabs_wrap.tab_sty2 > div.on {display:block;}

.nav_tabs.tab_sty3 li > a {color:#8c8c8c; font-size:18px; background:#fff; border:1px solid #dedede; line-height:58px;padding:0;}
.nav_tabs.tab_sty3 > li.active > a, .nav_tabs.tab_sty3 > li.active > a:hover, .nav_tabs.tab_sty3 > li.active > a:focus { position:relative; z-index:2; cursor: default; color: #fff; background: #ff9e5d; border:1px solid #ff9e5d; }
.nav_tabs_wrap.tab_sty3 > div { display: none; border-left:0; border-right: 0; border-bottom: 0; padding: 0; }
.nav_tabs_wrap.tab_sty3 > div.on {display:block;}
.nav_tabs_wrap.tab_sty3 > div .guide_note {margin:0 0 40px 0;}

.nav_tabs.tab_sty4 {position:absolute; z-index:5; bottom:45px; left:50%; transform:translateX(-50%); width:100%; border:0; opacity:0.8;}
.nav_tabs_wrap.tab_sty4 {height:100%;}
.nav_tabs_wrap.tab_sty4 > div {padding:0; border:0; height:100%;}
.nav_tabs.tab_sty4 > li {position:relative; height:7px; background:rgba(255,255,255,0.5);}
.nav_tabs.tab_sty4 > li:hover a, .nav_tabs.tab_sty4 > li.active a {position:absolute; left:50%; bottom:27px; transform: translateX(-50%); border:0; font-size:18px; font-weight:500; height:55px; line-height:55px; padding: 0 23px; display:block; text-align:center; border-radius:27px; background:#4c8b91; color:#fff;}
.nav_tabs.tab_sty4 > li a {display:none;}
.nav_tabs.tab_sty4 > li:before {content:''; top:50%; left:50%; position:absolute; cursor:pointer; transform:translate(-50%, -50%); background:#5edfe7; width:15px; height:15px; border-radius:50%;}
.nav_tabs.tab_sty4 > li a:before {content:''; position:absolute; bottom:-16px; left:50%; height:16px; width:1px; background:#4c8b91;}

/*----------------------items common 종료----------------------*/

/*section 시작*/
.s2 .section_bg { background-image:url(../images/s2.jpg); }

.s3 .section_bg { background-image:url(../images/s3.jpg); }

.s4 .w50_right .section_bg { background-image:url(../images/s4.jpg); }
.s4 .w50_left .contents, .s4 .w50_right .contents { width:100%; max-width:780px; }

.s5 .w50_left .section_bg { background-image:url(../images/s5.jpg); }
.s5 .w50_left .contents, .s5 .w50_right .contents { width:100%; max-width:780px; }

.s6 .w50_right .section_bg { background-image:url(../images/s6.jpg); }
.s6 .w50_left .contents, .s6 .w50_right .contents { width:100%; max-width:780px; }

.s7 .w50_left .section_bg { background-image:url(../images/s7.jpg); }
.s7 .w50_left .contents, .s7 .w50_right .contents { width:100%; max-width:780px; }

.s8 .section_bg { background-image:url(../images/s8.jpg); }

.s9 .section_bg { background-image:url(../images/s9.jpg); }

.s10 .section_bg { background-image:url(../images/s10.jpg); }
.s10 .section_bg:after { content:""; clear:both; display:block; position:absolute; top:0; margin:50px; width:calc(100% - 100px); height:calc(100% - 100px); border:7px solid rgba(255,255,255,0.5); }

.s11 { height:720px; }
.s11 .section {height:100%;}
.s11 .section_bg { background-image:url(../images/s11.jpg); }
.s11 .section_bg:after { content:""; clear:both; display:block; position:absolute; top:0; margin:50px; width:calc(100% - 100px); height:calc(100% - 100px); border:7px solid rgba(255,255,255,0.5); }

.s12 { height:720px; }
.s12 .section {height:100%;}
.s12 .section_bg { background-image:url(../images/s12.jpg); }

.s13 { height:750px; }
.s13 .section {height:100%;}
.s13 .section_bg { background-image:url(../images/s13.jpg); }

.s14 { height:820px;}
.s14 .section {height:100%;}
.s14 .section_bg { background-image:url(../images/s14.jpg); }

.s15 { height:730px; }
.s15 .w50_right .section_bg { background-image:url(../images/s15.jpg); }
.s15 .w50_left .contents, .s15 .w50_right .contents  { width:100%; max-width:780px; }

.s16 { height:870px; }
.s16 .w50_right .section_bg { background-image:url(../images/s16.jpg); }
.s16 .w50_left .contents, .s15 .w50_right .contents  { width:100%; max-width:780px; }

.s17 { height:750px; }
.s17 .section {height:100%;}
.s17 .section_bg { background-image:url(../images/s17.jpg); }

.s18 { height:800px; }
.s18 .section {height:100%;}
.s18 .section_bg { background-image:url(../images/s18.jpg); }

.s19 { height:960px; }
.s19 .w50_left .contents {float:none;}
.s19 .w50_right .contents {float:none;}
.s19 .w50_left .section_bg { background-image:url(../images/s19-1.jpg); }
.s19 .w50_right .section_bg { background-image:url(../images/s19-2.jpg); }

.s20 { height:640px; }
.s20 .w30_left .section_bg { background-image:url(../images/s20-1.jpg); }
.s20 .w30_center .section_bg { background-image:url(../images/s20-2.jpg); }
.s20 .w30_right .section_bg { background-image:url(../images/s20-3.jpg); }
.s20 .w30_left .contents {float:none;}
.s20 .w30_center .contents {float:none;}
.s20 .w30_right .contents {float:none;}

.s21 { height:560px; }
.s21 .w50_left .section_bg { background-image:url(../images/s21-1.jpg); }
.s21 .w50_right .section_bg { background-image:url(../images/s21-2.jpg); }
.s21 .w50_left .contents {float:none;}
.s21 .w50_right .contents {float:none;}

.s22 { height:900px; }
.s22 .w30_left .section_bg { background-image:url(../images/s22-1.jpg); }
.s22 .w30_center .section_bg { background-image:url(../images/s22-2.jpg); }
.s22 .w30_right .section_bg { background-image:url(../images/s22-3.jpg); }
.s22 .w30_left .contents {float:none;}
.s22 .w30_center .contents {float:none;}
.s22 .w30_right .contents {float:none;}

.s23 { height:auto; }
.s23 .section {height:100%;}
.s23 .contents_fixed { margin:0; padding:0; width:100%; max-width:100%; height:100%; }
.s23 .contents_fixed .block { padding:0; }
.s23 .contents_fixed .block .display { padding:0; }
.s23 .contents_fixed .block_tool { display:none; }
.s23 .video { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.s23 .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.s23 .video .video_tool { top:35px; }
.s23 .video .video_tool > div:first-child { margin-left:25px; }

.s24 { height:200px; }
.s24 .section {height:100%;}
.s24 .section_bg { background-color:#454545; }
.s24 .contents_fixed { margin:0 auto; }
.s24 .contents { margin:20px auto; }
.s24 .display .box { float:left; width:50%; }
.s24 .display .box .block_btn { float:left; width:48%; margin-left:4%; }
.s24 .display .box .block_btn > a { font-size:20px; line-height:55px; width:100%; height:55px; overflow:hidden; color:#FFF; background:none; border:1px solid #D8D8D8; }
.s24 .display .box .block_btn:first-child { margin-left:0; }
.s24 .display .box .title, .s24 .display .box .by_line { color:#FFF; }
.s24 .display .box .title p { font-size:32px; line-height:46px; font-weight:normal; }

.s25 { height:200px; }
.s25 .section {height:100%;}
.s25 .section_bg { background-color:#B1B1B1; }
.s25 .contents_fixed { margin:0 auto; }
.s25 .contents { margin:20px auto; }
.s25 .display .title p { float:left; font-size:32px; line-height:46px; font-weight:normal; }
.s25 .display .box {margin-top:13px; }
.s25 .display .box .by_line { margin-left:30px; text-align:right;}
/*section 종료*/


/*블록 종류
.b1 ~ .b2 : 빈 블록
.b3 ~ .b5 : 선 블록
.b6 ~ .b11 : 기본블록
.b12 ~ .b23 : 이미지 + 텍스트 블록
.b24 ~ .b36 : 텍스트 블록
.b37 ~ .b41 : 비디오 블록
.b42 : 섹션 10,11 블록
*/

/*block 시작*/
.b1 .body { padding:60px 0; }

.b2 .body { padding:100px 0; }

.b3 .display { padding:100px 0; }
.b3 .body { width:100%; height:1px; background:#D7D7D7; }

.b4 .display { padding:100px 0; }
.b4 .body { width:100%; height:5px; border-top:5px dotted #D7D7D7; }

.b5 .display { padding:100px 0; }
.b5 .body { width:100%; height:3px; border-top:3px dashed #D7D7D7; }

.b7 .display .block_btn { margin-top:40px; }

.b8 .display p { color:#FFF; }
.b8 .display .sub_title p, .b8 .display .body p { color:rgba(255,255,255,0.6); }

.b9 .display p { color:#FFF; }
.b9 .display .sub_title, .b9 .display .body p { color:rgba(255,255,255,0.6); }
.b9 .display .block_btn { margin-top:40px; }

.b10 .display { padding:100px 60px; background:rgba(0,0,0,0.5); }
.b10 .display .title { text-align:left; }
.b10 .display p { color:#FFF; }
.b10 .display .sub_title p, .b10 .display .body p { color:rgba(255,255,255,0.6); }

.b11 .display { padding:100px 60px; background:rgba(0,0,0,0.5); }
.b11 .display p { text-align:left; color:#FFF; }
.b11 .display .sub_title, .b11 .display .body { color:rgba(255,255,255,0.6); }
.b11 .display .block_btn { margin-top:40px; }

.b12 .display .box_wrap { margin:0 -2%; }
.b12 .display .box_wrap .box { float:left; width:29%; margin:0 2%; }
.b12 .display .box_wrap .box .thum { height:250px; }

.b13 .display .top .title { text-align:center; }
.b13 .display .box_wrap { margin:0 -2%; display:flex; flex-wrap:wrap; }
.b13 .display .box_wrap .box { width:29%; margin:0 2%; }
.b13 .display .box_wrap .box .thum { aspect-ratio: 16 / 10; }
.b13 .display .box_wrap .box .thum img {width:100%; object-fit: cover;}

.b14 .display .top .title, .b14 .display .top .sub_title { text-align:center; }
.b14 .display .box_wrap { margin:0 -2%; }
.b14 .display .box_wrap .box { position:relative; float:left; width:29%; margin:0 2%; }
.b14 .display .box_wrap .box .thum { height:600px; }
.b14 .display .box_wrap .box .text_box { position:absolute; bottom:0; padding:50px 30px; width:100%; overflow:hidden; background:rgba(0,0,0,0.5) }
.b14 .display .box_wrap .box .text_box .title p { font-size:24px; line-height:38px; color:#FFF; font-weight:normal }
.b14 .display .box_wrap .box .text_box .body { margin-top:20px; }
.b14 .display .box_wrap .box .text_box .body p { font-size:18px; line-height:32px; color:#D1D1D1; }

.b15 .display .top .title { text-align:center; }
.b15 .display .box_wrap { margin:0 -2%; display:flex; flex-wrap:wrap;}
.b15 .display .box_wrap .box { width:46%; margin:0 2%; }
/*.b15 .display .box_wrap .box .thum { height:310px; }*/
.b15 .display .box_wrap .box .thum { aspect-ratio: 16 / 10; }
.b15 .display .box_wrap .box .thum img {width:100%; object-fit: cover;}
.b15 .display .box_wrap .box .block_btn { margin-top:20px; text-align:center; }
.b15 .display .title, .b15 .display .body { text-align:center; }

.b16 .display .box_wrap { margin:0 -2%; }
.b16 .display .box_wrap .box { float:left; width:46%; margin:0 2%; }
.b16 .display .box_wrap .box .thum { height:310px; }
.b16 .display .box_wrap .box .block_btn { margin-top:30px; }
.b16 .display .box_wrap .box .block_btn > a { margin:0 auto; }

.b17 .display .box_wrap { margin:0 -2%; }
.b17 .display .box_wrap .box { float:left; width:46%; margin:0 2%; }
.b17 .display .box_wrap .box .thum { height:540px; }

.b18 .display .box_wrap .box .block_btn { margin-top:30px; }

.b20 .display .box_wrap .box { width:100%; margin:0 -2%; display:flex; align-items: center; flex-wrap:wrap;}
.b20 .display .box_wrap .box:nth-child(n+2) { margin-top:80px; }
.b20 .display .box_wrap .box .thum { float:left; width:46%; height:310px; margin:0 2%; }
.b20 .display .box_wrap .box .text_box { float:left; width:46%; margin:0 2%; }

.b21 .display .title p { margin-bottom:20px; font-size:28px; line-height:42px; }
.b21 .display .box .thum { float:left; padding-right:3%; width:40%; height:300px; }
.b21 .display .box .body { float:left; width:60% }
.b21 .display .box .body { margin-top:-15px; }

.b22 .display .thum { float:left; padding-right:3%; width:40%; height:300px; }
.b22 .display .box { float:right; width:60%; }
.b22 .display .box .title { margin-top:-15px; }
.b22 .display .box .title p { font-size:26px; line-height:34px; }
.b22 .display .box .sub_title p { font-size:20px; line-height:28px; }

.b23 .display .box { float:left; width:60%; }
.b23 .display .box .title p { font-size:26px; line-height:34px; }
.b23 .display .box .sub_title { margin:10px 0; }
.b23 .display .box .sub_title p { font-size:20px; line-height:28px; }
.b23 .display .box .body { margin:0; }
.b23 .display .thum { float:right; padding-left:3%; width:40%; height:300px; }

.b24 .display .box { float:left; margin:20px 0; width:50%; }
.b24 .display .box:nth-child(odd) { padding-right:3%; }
.b24 .display .box:nth-child(2n) { padding-left:3%; }
.b24 .display .box .index { float:left; width:20%; }
.b24 .display .box .text_box { float:left; width:80%; }
.b24 .display .box .text_box .title p { font-size:24px; line-height:38px; }

.b25 { height:450px; overflow:hidden; }
.b25 .display .box { height:365px; column-count:2; column-gap:72px; }
.b25 .display .box .title p { font-size:36px; line-height:44px; }
.b25 .display .box .body p { line-height:36px; }

.b26 .display .box { float:left; margin-left:5%; width:30%; }
.b26 .display .box:first-child { margin-left:0; }
.b26 .display .box .title p { font-size:28px; line-height:42px; }

.b27 .display .box { float:left; margin-left:2%; width:18%; }
.b27 .display .box:first-child { margin:0; }
.b27 .display .box .percent { margin-bottom:10px; text-align:center; }
.b27 .display .box .title { text-align:center; }
.b27 .display .box .title p { font-size:26px; }

.b28 .display .box { float:left; margin-left:5%; width:30%; }
.b28 .display .box:first-child { margin-left:0; }

.b29 .display .body { margin:0; }
.b29 .display .emphasis { margin:30px 0; }

.b30 .display .emphasis { padding:35px; background:#828282; color:#FFF; }

.b31 .display .title p { font-size:24px; line-height:38px; }

.b32 .display .box { padding:60px; background:#828282; }
.b32 .display .title p { font-size:24px; line-height:38px; color:#FFF; }
.b32 .display .body p { color:rgba(255,255,255,0.8); }

.b33 .display .box { float:left; width:48%; padding:60px 30px; margin:0 2%; border:7px solid #EBEBEB; }
.b33 .display .box:first-child { margin-left:0; }
.b33 .display .box:last-child { margin-right:0; }
.b33 .display .title p { font-size:24px; line-height:38px; }

.b34 .display .box { float:left; width:48%; padding:60px 30px; margin:0 2%; background:#EBEBEB; }
.b34 .display .box:first-child { margin-left:0; }
.b34 .display .box:last-child { margin-right:0; }
.b34 .display .title p { font-size:24px; line-height:38px; }

.b35 .display .box { float:left; margin-left:2%; width:32%; padding:60px 30px; border:7px solid #EBEBEB; }
.b35 .display .box:first-child { margin-left:0; }
.b35 .display .title p { font-size:24px; line-height:38px; }

.b36 .display .box { float:left; margin-left:2%; width:32%; padding:60px 30px; background:#EBEBEB; }
.b36 .display .box:first-child { margin-left:0; }
.b36 .display .title p { font-size:24px; line-height:38px; }

.b37 .display .title { text-align:center; }
.b37 .display .title p { padding-top:24px; margin-bottom:40px; font-size:36px; line-height:50px; }
.b37 .display .title:after { content:""; clear:both; display:block; position:absolute; top:0; left:50%; margin-left:-25px; width:50px; height:5px; background-color:#FFCF0F; }

.b39 .display .video { float:left; width:60%; padding-bottom:35.25%; }
.b39 .display .box { float:right; position:relative; width:35%; }
.b39 .display .box .title p { font-size:30px; line-height:44px; }
.b39 .display .box .title:after { content:""; clear:both; display:block; position:absolute; top:0; left:0; width:50px; height:3px; background-color:#164DBE; }

.b40 .display .video { float:right; width:60%; padding-bottom:35.25%; }
.b40 .display .box { float:left; position:relative; width:35%; }
.b40 .display .box .title p { font-size:30px; line-height:44px; height:44px; overflow:hidden; }
.b40 .display .box .title:after { content:""; clear:both; display:block; position:absolute; top:0; left:0; width:50px; height:3px; background-color:#164DBE; }

.b41 .display { padding-top:40px; }
.b41 .display .video { margin:0 auto; max-width:700px; padding-bottom:35.25%; z-index:10; }
.b41 .display .video:after { content:""; clear:both; position:absolute; width:100%; height:100%; max-width:700px; max-height:450px; top:-33px; left:-33px; display:block; border:7px solid #EBEBEB; z-index:-1; }
.b41 .display .box { margin-top:50px; }
.b41 .display .box .title { text-align:center; }
.b41 .display .box .title p { font-size:30px; line-height:40px; }
.b41 .display .box .body { text-align:center; }
.b41 .display .box .body { margin-top:10px; }

.b42 .display .title, .b42 .display .sub_title, .b42 .display .body { text-align:center;}
.b42 .display .title p, .b42 .display .sub_title p, .b42 .display .body p { color:#FFF; }
.b42 .display .body p { opacity:0.6; }
/*block 종료*/

/*template 시작*/
/*템플릿 type1*/
.s26 .section_bg { background-image:url(../images/s26.jpg); }
.tb1-1 .display .title p, .tb1-1 .display .sub_title p { font-family:"Nanum Myeongjo"; }
.tb1-1 .display .title p { font-size:90px; line-height:104px; }
.tb1-1 .display .sub_title p { font-size:44px; line-height:58px; }
.tb1-1 .display .body p { font-size:24px; line-height:38px; }

.tb1-2:after { content:""; clear:both; display:block; }
.tb1-2 .display:before { content:""; clear:both; display:block; position:absolute; top:25px; left:111px; width:1px; height:200%; background-color:#A6A6A6; }
.tb1-2 .display .date { float:left; width:8%; }
.tb1-2 .display .date p { font-size:15px; line-height:29px; color:#C6C6C6; }
.tb1-2 .display .date p:before { content:""; clear:both; display:block; position:absolute; top:3px; left:80px; width:25px; height:25px; border-radius:50%; background-color:#C6C6C6;  }
.tb1-2 .display .title { float:left; margin-top:-16px; width:92%; padding-left:75px; }
.tb1-2 .display .title p { font-size:28px; line-height:64px; }
.tb1-3 { padding-bottom:100px; }
.tb1-3:after { content:""; clear:both; display:block; }
.tb1-3 .display:before { content:""; clear:both; display:block; position:absolute; top:-25px; left:111px; width:1px; height:200%; background-color:#A6A6A6; }
.tb1-3 .display .date { float:left; width:8%; }
.tb1-3 .display .date p { font-size:15px; line-height:29px; color:#A62912; }
.tb1-3 .display .date p:before { content:""; clear:both; display:block; position:absolute; top:8px; left:84px; width:15px; height:15px; border-radius:50%; background-color:#A62912;  }
.tb1-3 .display .title { float:left; margin-top:-16px;  padding-left:75px; width:92%; }
.tb1-3 .display .title p { font-size:28px; line-height:64px; }
.tb1-3 .display .box_wrap { padding-left:182px; width:100%; }
.tb1-3 .display .box_wrap .thum { float:left; width:50%; height:306px; padding-right:50px; }
.tb1-3 .display .box_wrap .box { float:left; width:50%; }
.tb1-3 .display .box_wrap .box .body { margin-top:-16px; }
.tb1-3 .display .box_wrap .box .block_btn { margin:0; margin-top:34px; }
.tb1-3 .display .box_wrap .box .block_btn > a { font-size:17px; line-height:31px; font-weight:500; }
.tb1-3 .display .box_wrap .box .block_btn > a > img { margin-left:20px; vertical-align:baseline; }

.s28 { height:800px; }
.s28 .section {height:100%;}
.s28 .contents_wrap { vertical-align:bottom; }
.s28 .section_bg { background-image:url(../images/s28.jpg); }
.s28 .contents { float:right; width:100%; max-width:640px; }
.tb1-4 .display .title p { font-size:40px; line-height:54px; color:#FFF; }
.tb1-4 .display .sub_title p { font-size:20px; color:#DBD059; line-height:34px; }
.tb1-4 .display .body p { font-size:18px; color:#FFF; line-height:32px; }
.tb1-4 .display .block_btn { margin:0; margin-top:34px; }
.tb1-4 .display .block_btn > a { font-size:17px; line-height:31px; font-weight:500; color:#FFF; }
.tb1-4 .display .block_btn > a > img { margin-left:20px; vertical-align:baseline; }

.s29 { height:auto; }
.s29 .section_bg { background-image:url(../images/s29.jpg); }
.s29 .contents { width:100%; max-width:700px; }
.tb1-5 .display { padding:50px; background-color:rgba(37,39,75,0.90); }
.tb1-5 .display .title p { font-size:40px; color:#FFF; line-height:54px; }
.tb1-5 .display .sub_title p { margin:24px 0; font-size:20px; color:#EA9C9C; line-height:34px; }
.tb1-5 .display .body p { margin-bottom:24px; font-size:17px; color:#FFF; line-height:31px; }
.tb1-5 .display .block_btn { margin:0; margin-top:24px; }
.tb1-5 .display .block_btn > a { font-size:17px; line-height:31px; color:#FFF; }
.tb1-5 .display .block_btn > a > img { margin-left:20px; vertical-align:baseline; }

.s30 { height:auto; min-height:initial; }
.s30 .w50_left .section_bg { background-image:url(../images/s30-1.jpg); }
.s30 .w50_left .contents_wrap { vertical-align:bottom; }
.s30 .w50_left .contents { float:right; width:100%; max-width:640px; }
.s30 .w50_right .section_bg { background-image:url(../images/s30-2.jpg); }
.s30 .w50_right .contents_wrap { vertical-align:top; }
.s30 .w50_right .contents { float:left; width:100%; max-width:640px; }
.tb1-6 .display .title { text-align:right; }
.tb1-6 .display .title p { padding:15px; background-color:rgba(0,0,0,0.45); line-height:44px; font-size:30px; color:#FFF; font-weight:400; }
.tb1-6 .display .body { text-align:right; }
.tb1-6 .display .body p { margin-top:20px; color:#FFF; }
.tb1-7 .display .title p { padding:15px; background-color:rgba(0,0,0,0.45); text-align:left; line-height:44px; font-size:30px; color:#FFF; font-weight:400; }
.tb1-7 .display .body { text-align:left; }
.tb1-7 .display .body p { margin-top:20px; color:#FFF; }

.s31 { height:auto; }
.s31 .section {height:100%;}
.tb1-8 .display .box { float:left; padding-right:50px; width:50%; }
.tb1-8 .display .box .title p { font-size:40px; line-height:54px; }
.tb1-8 .display .box .sub_title p { font-size:20px; line-height:34px; color:#F28317; }
.tb1-8 .display .box .body p { font-size:17px; line-height:31px; }
.tb1-8 .display .thum { float:right; width:50%; height:340px; }

.s32 { height:auto; }
.s32 .section_bg { background-image:url(../images/s32.jpg); }
.s32 .section {height:100%;}
.tb1-9 .display .title, .tb1-9 .display .sub_title { text-align:center; }
.tb1-9 .display .title p, .tb1-9 .display .sub_title p { font-family:"Nanum Myeongjo"; }
.tb1-9 .display .box .title { text-align:center; }
.tb1-9 .display .box .title p { font-size:48px; color:#FFF; line-height:62px; }
.tb1-9 .display .box .sub_title { text-align:center; }
.tb1-9 .display .box .sub_title p { font-size:24px; color:#FFF; line-height:38px; }
.tb1-9 .display .btn_box { margin:0 auto; margin-top:50px; width:740px; }
.tb1-9 .display .btn_box:after { content:""; clear:both; display:block; }
.tb1-9 .display .btn_box .block_btn { float:left; margin:0 35px; padding:0 20px; width:300px; }
.tb1-9 .display .btn_box .block_btn > a { width:100%; height:65px; line-height:65px; outline:7px solid rgba(156,158,163,0.5); overflow:hidden; overflow:hidden; font-size:24px; color:#FFF; }

/*템플릿 type2*/
.s33 .section_bg { background-image:url(../images/s33.jpg); }
.s33 .contents { float:right; width:100%; max-width:700px; }
.tb2-1 .display { padding:100px; background-color:rgba(0,0,0,0.7); }
.tb2-1 .display .sub_title p { font-size:26px; line-height:42px; color:#A6A6A6; }
.tb2-1 .display .title p { font-size:52px; line-height:75px; color:#FFF; }
.tb2-1 .display .title i { color:#FFD200; }

.s34 .w40_left .section_bg { background-image:url(../images/s34.jpg); }
.s34 .w60_right .contents { width:100%; max-width:840px; }
.tb2-2 .display .body p { font-size:18px; line-height:36px; }
.tb2-2 .display .emphasis p { margin:30px 0; color:#F5A700; }

.s35 .section_bg { height:800px; background-image:url(../images/s35.jpg); }
.s35 .contents_area { padding-top:540px; }
.s35 .contents_wrap { vertical-align:top; }
.tb2-3 .display { padding:60px 100px; background-color:#FFF; box-shadow:0px 0px 20px 0 rgba(0, 0, 0, 0.2); }
.tb2-3 .display .title p { font-size:50px; line-height:64px; }
.tb2-3 .display .body p { margin-top:30px; font-size:18px; line-height:34px; }
.tb2-3 .display .sub_title p { font-size:24px; line-height:38px; color:#C84E3A; }

.s36 { height:auto; }
.s36 .section {height:100%;}

.s37 { height:auto; }
.s37 .section {height:100%;}
.tb2-5 .display .thum { float:left; width:50%; height:490px; }
.tb2-5 .display .box { float:right; padding-left:6%; width:50%; }
.tb2-5 .display .box .title p { font-size:36px; line-height:50px; color:#C84E3A; }
.tb2-5 .display .box .sub_title p { font-size:22px; line-height:40px; color:#C84E3A; }

.s38 { height:auto; }
.s38 .section {height:100%;}
.s38 .contents_fixed { margin:400px auto; }
.s38 .section_bg { background-image:url(../images/s38.jpg); }

.s39 { height:auto; }
.s39 .section {height:100%;}
.tb2-7 .display .box { column-count:2; column-gap:60px; }
.tb2-7 .display .box .title p { margin:0; font-size:36px; line-height:50px; }
.tb2-7 .display .box .sub_title p { font-size:22px; color:#7F9A6F; }

.s40 { height:auto; min-height:initial; }
.s40 .section {height:100%;}
.s40 .section_bg { background-image:url(../images/s40.jpg); }
.tb2-8 .display .box { float:left; width:50%; }
.tb2-8 .display .box:first-child { padding-right:2%; }
.tb2-8 .display .box:last-child { margin-top:18px; }
.tb2-8 .display .box .block_btn { float:left; width:48%; margin-left:4%; }
.tb2-8 .display .box .block_btn > a { font-size:20px; line-height:55px; width:100%; height:55px; overflow:hidden; color:#FFF; background:none; border:1px solid #D8D8D8; }
.tb2-8 .display .box .block_btn:first-child { margin-left:0; }
.tb2-8 .display .box .title { color:#FFF; }
.tb2-8 .display .box .title p { font-size:45px; }
.tb2-8 .display .box .sub_title p { color:rgba(255,255,255,0.8); }

/*템플릿 type3*/
.s41 {height:100%;}
.s41 .section {height:100%;}
.s41 .section_bg { background-image:url(../images/s41.jpg); }
.s41 .section_bg:after { content:""; clear:both; display:block; position:absolute; top:0; margin:50px; width:calc(100% - 100px); height:calc(100% - 100px); border:7px solid rgba(255,255,255,0.5); }
.tb3-1 .display .box .title p { font-size:18px; line-height:28px; color:#FFF; }
.tb3-1 .display .sub_title { text-align:center; }
.tb3-1 .display .sub_title p { margin-bottom:0; font-size:40px; line-height:54px; color:#FFF; }
.tb3-1 .display .title { text-align:center; }
.tb3-1 .display .title p { font-size:70px; line-height:84px; color:#FFF; }

.s42 { height:auto; }
.s42 .section {height:100%;}
.tb3-2 .display .emphasis { margin:30px 0; color:#339EE1; }

.s43 { height:auto; }
.tb3-3 { min-height:1170px; }
.tb3-3 .display { position: relative; }
.tb3-3 .display .thum { position:absolute; width:700px; height:930px; overflow:hidden; }
.tb3-3 .display .box { float:right; position:relative; top:100px; padding:80px 50px; width:700px; height:auto; background-color:#FFF; box-shadow:0px 0px 20px 0 rgba(0, 0, 0, 0.2); z-index:100; }
.tb3-3 .display .box .title p { font-size:36px; color:#339EE1; line-height:50px; }

.s44 { height:600px; }
.s44 .section {height:100%;}
.s44 .section_bg { background-image:url(../images/s44.jpg); }
.tb3-4 .display .title { text-align:center; }
.tb3-4 .display .title p { color:#FFF; }
.tb3-4 .display .body { text-align:center; }
.tb3-4 .display .body p { color:rgba(255,255,255,0.8); }

.s45 { height:auto; }
.s45 .section {height:100%;}
.tb3-5 .text_box { float:left; padding-right:3%; width:50%; }
.tb3-5 .text_box .title p { margin-bottom:30px; font-size:40px; line-height:54px; }
.tb3-5 .box_wrap { float:left; width:50%; }
.tb3-5 .box_wrap .box { float:left; padding-right:2%; width:50%; }
.tb3-5 .box_wrap .box .thum { width:100%; height:235px; }
.tb3-5 .box_wrap .box .thum:first-child { margin-bottom:30px; }
.tb3-5 .box_wrap > .thum { float:right; padding-left:2%; width:50%; height:500px; }

.s46 { height:auto; min-height:720px; }
.s46 .section {height:100%;}
.s46 .w30_left .section_bg { background-image:url(../images/s46-1.jpg); }
.s46 .w30_center .section_bg { background-image:url(../images/s46-2.jpg); }
.s46 .w30_right .section_bg { background-image:url(../images/s46-3.jpg); }

.s47 { height:auto; }
.s47 .section {height:100%;}
.tb3-7 .display .box { float:left; width:30%; }
.tb3-7 .display .box:nth-child(2) { margin:0 4%; }
.tb3-7 .display .box .index { margin-bottom:20px; font-family:'NanumSquare'; }

.s48 { height:auto; }
.s48 .section {height:100%;}

.s49 { height:auto; }
.tb3-9 .display .thum { float:left; width:50%; height:688px; overflow:hidden; }
.tb3-9 .display .box { float:left; padding-left:5%; width:50%; }
.tb3-9 .display .box .sub_title p { color:#A6988E; }
.tb3-9 .display .box .body p { line-height:36px; }

.s50 { height:auto; }
.s50 .section {height:100%;}
.s50 .section_bg { background-image:url(../images/s50.jpg); }
.tb3-10 .display .box_wrap { float:left; }
.tb3-10 .display .box_wrap:first-child { margin-top:60px; width:50%; }
.tb3-10 .display .box_wrap:first-child .box { float:left; width:30%; margin-right:5%; }
.tb3-10 .display .box_wrap:first-child .box .title p { font-size:18px; line-height:40px; color:#FFF; }
.tb3-10 .display .box_wrap:first-child .text_box { float:left; width:60%; }
.tb3-10 .display .box_wrap:first-child .text_box .sub_title { margin:0; color:#FFF; }
.tb3-10 .display .box_wrap:first-child .text_box .title { color:#FFF; height:64px; }
.tb3-10 .display .box_wrap:last-child { padding:30px 50px; width:50%; background-color:rgba(0,0,0,0.6); }
.tb3-10 .display .box_wrap:last-child .box { float:left; margin:14px 0; width:33.33%; }
.tb3-10 .display .box_wrap:last-child > .title { text-align:center; }
.tb3-10 .display .box_wrap:last-child > .title p { font-size:24px; line-height:34px; color:#FFF; font-weight:400; }
.tb3-10 .display .box_wrap:last-child .box .block_btn { text-align:center; }
.tb3-10 .display .box_wrap:last-child .box .block_btn > a { margin:0; padding:0; font-size:17px; width:65px; height:48px; line-height:24px; overflow:hidden; color:rgba(255,255,255,0.8); text-align:left; }

.tb3-10 .display .box_wrap:nth-child(2) { padding:30px 50px; width:50%; background-color:rgba(0,0,0,0.6); }
.tb3-10 .display .box_wrap:nth-child(2) .box { float:left; margin:14px 0; width:33.33%; }
.tb3-10 .display .box_wrap:nth-child(2) > .title { text-align:center; }
.tb3-10 .display .box_wrap:nth-child(2) > .title p { font-size:24px; line-height:34px; color:#FFF; font-weight:400; }
.tb3-10 .display .box_wrap:nth-child(2) .box .block_btn { text-align:center; }
.tb3-10 .display .box_wrap:nth-child(2) .box .block_btn > a { margin:0; padding:0; font-size:17px; width:65px; height:48px; line-height:24px; overflow:hidden; color:rgba(255,255,255,0.8); text-align:left; }

/*템플릿 type4*/
.s51 .section_bg { background-image:url(../images/s51.jpg); }
.tb4-1 .display .top:after { content:""; clear:both; display:block; }
.tb4-1 .display .top > .left {float:left; width:50%;}
.tb4-1 .display .top > .right {float:right; width:50%;}
.tb4-1 .display .top > .title { text-align:left; }
.tb4-1 .display .top .title p { font-size:17px; font-weight:400; line-height:31px; }
.tb4-1 .display .top .sub_title { text-align:right; }
.tb4-1 .display .top .sub_title p { font-size:17px; line-height:31px; }
.tb4-1 .display .box { margin-top:150px; }
.tb4-1 .display .box .title p { font-size:65px; font-weight:500; line-height:82px; color:#724943; }
.tb4-1 .display .box .sub_title p { font-size:48px; line-height:62px; color:#724943; }
.tb4-1 .display .box .body { margin-top:70px; }
.tb4-1 .display .box .body p { font-size:20px; line-height:34px; }

.s52 { height:auto; }
.s52 .contents_fixed { margin:80px auto; }
.s52 .section {height:100%;}
.tb4-2 .display:after { position:absolute; left:0px; top:38px; content:""; clear:both; display:block; width:5px; height:45px; background-color:#9E7F7C; }
.tb4-2 .display .body p { margin:0; padding-left:20px; line-height:30px; }

.s53 { height:auto; }
.s53 .section {height:100%;}
.s53 .section_bg { background-image:url(../images/s53.jpg); }
.s53 .contents { float:right; width:100%; max-width:640px; }
.tb4-3 .display .title { text-align:right; }
.tb4-3 .display .title p { font-size:40px; line-height:54px; color:#FFF; }
.tb4-3 .display .body { text-align:right; }
.tb4-3 .display .body p { margin-top:60px; width:500px; color:#FFF; }

.s54 { height:auto; }
.s54 .section_bg { background-color:#EFEFEF; }
.tb4-4 .display .thum { position:relative; overflow:hidden; }
.tb4-4 .display .thum .index { position:absolute; bottom:40px; right:40px; }
.tb4-4 .display .thum .index p { font-size:150px; line-height:164px; color:rgba(255,255,255,0.8); }
.tb4-4 .display .box { position:relative; margin-top:40px; padding:60px 40px; border:10px solid rgba(255,255,255,0.8); }
.tb4-4 .display .box:after { position:absolute; top:58px; left:50%; margin-left:-25px; content:""; clear:both; display:block; width:50px; height:5px; background-color:#C0B2A8; }
.tb4-4 .display .box .title { text-align:center; }
.tb4-4 .display .box .title p { font-size:50px; line-height:64px; color:#724943; }
.tb4-4 .display .box .body { margin-top:30px; }
.tb4-4 .display .box .body p { column-count:2; column-gap:60px; column-rule:1px solid #D7D7D7; }

.s55 { height:auto; }
.tb4-5 .display .title p { font-size:17px; color:#7B6361; line-height:31px; }
.tb4-5 .display .box { position:relative; float:left; padding-right:5%; width:75%; }
.tb4-5 .display .box .thum .index { position:absolute; bottom:20px; right:30px; }
.tb4-5 .display .box .thum .index p { font-size:150px; line-height:164px; color:rgba(255,255,255,0.8); }
.tb4-5 .display .box .title { margin-top:40px; }
.tb4-5 .display .box .title p { margin-bottom:30px;  font-size:45px; line-height:60px; color:#724943; }
.tb4-5 .display > .thum { position:relative; float:right; width:25%; height:800px; }
.tb4-5 .display > .thum > .index { position:absolute; bottom:20px; right:20px;  }
.tb4-5 .display > .thum > .index p { font-size:150px; line-height:164px; color:rgba(255,255,255,0.8); }

.s56 { height:auto; }
.s56 .section_bg { height:700px; background-image:url(../images/s56.jpg); }
.s56 .contents_fixed { margin-top:750px; }
.tb4-6 .box_wrap .box { float:left; width:30%; }
.tb4-6 .box_wrap .box:nth-child(2) { margin:0 5%; }
.tb4-6 .box_wrap .box .sub_title p { font-size:20px; line-height:34px; color:#724943; }

.s57 { height:auto; }
.s57 .section {height:100%;}
.s57 .section_bg { top:370px; height:350px; background-image:url(../images/s57.jpg); }
.tb4-7 .display .box:after { content:""; clear:both; display:block; width:100px; height:5px; background-color:#000;  }
.tb4-7 .display .box .sub_title p { font-size:20px; line-height:36px; color:#8F8F8F; }
.tb4-7 .display .box .title p { font-size:50px; line-height:75px; }
.tb4-7 .display .body { margin-top:470px; }

.s58 { height:auto; }
.s58 .w50_left .section_bg { background-image:url(../images/s58.jpg); }
.s58 .w50_right .section_bg { background-color:#E2D0C2; }
.tb4-8 .top { margin:0; }
.tb4-8 .top .title p { font-size:17px; line-height:31px; color:#000; font-weight:400; }
.tb4-8 .title p { font-size:38px; line-height:52px; color:#724943; }
.tb4-8 .box { margin-top:20px; padding:35px 50px; border:1px solid #FFF; }
.tb4-8 .box .title p { margin:0; font-size:24px; line-height:34px; color:#000; }
.tb4-8 .box .btn_box { margin-top:40px; }
.tb4-8 .box .btn_box .block_btn { float:left; width:50%; }
.tb4-8 .box .btn_box .block_btn > a { padding-right:20px; width:80%; line-height:40px; height:40px; overflow:hidden; text-align:left; }

/*템플릿 type5*/
.s59 .w50_left .contents { padding-right:100px; float:right; width:100%; max-width:740px; }
.s59 .w50_right .section_bg { background-image:url(../images/s59.jpg); }
.tb5-1 .display .box .title p {font-size:20px; line-height:45px; }
.tb5-1 .display .body { margin-top:30px; }

.s60 { height:auto; }
.s60 .section_bg { background-color:#EBEBEB; }
.tb5-2 .display .box { margin-top:50px; column-count:2; column-gap:60px; }
.tb5-2 .display .box .title p { margin-bottom:20px; font-size:36px; line-height:50px; }
.tb5-2 .display .box .sub_title p { font-size:22px; line-height:36px; }

.s61 { height:auto; }
.s61 .section {height:100%;}
.s61 .contents_fixed { margin:340px auto; }
.s61 .section_bg { background-image:url(../images/s61.jpg); }
.tb5-3 .display .title { text-align:center; }
.tb5-3 .display .title p { font-size:36px; line-height:50px; color:#FFF; }
.tb5-3 .display .body p { color:#FFF; }

.s62 { height:auto; }
.s62 .section {height:100%;}
.tb5-4 .display .title { text-align:center; }
.tb5-4 .display .title p { margin-bottom:50px; font-size:40px; line-height:54px; font-weight:400; }
.tb5-4 .display .box_wrap .box { float:left; width:50%; }
.tb5-4 .display .box_wrap .box:first-child { padding-right:2%; }
.tb5-4 .display .box_wrap .box:last-child { padding-left:2%; }
.tb5-4 .display .box_wrap .box .thum { height:300px; overflow:hidden; }
.tb5-4 .display .box_wrap .box .body { margin-top:20px; }

.s63 { height:auto; }
.s63 .section {height:100%;}
.s63 .section_bg { background-image:url(../images/s63.jpg); }
.tb5-5 .display .box_wrap .box { float:left; width:30%; }
.tb5-5 .display .box_wrap .box:nth-child(2) { margin:0 5%; }
.tb5-5 .display .box_wrap .box .percent { text-align:center; font-weight:400; }
.tb5-5 .display .box_wrap .box .percent p { font-size:120px; line-height:140px; color:#FFF; }
.tb5-5 .display .box_wrap .box .percent i { font-size:72px; font-weight:400; }
.tb5-5 .display .box_wrap .box .title { margin-top:50px; }
.tb5-5 .display .box_wrap .box .title p { font-size:20px; line-height:34px; color:#FFF; }
.tb5-5 .display .box_wrap .box .body p { color:#FFF; font-weight:200; }

.s64 { height:auto; }
.tb5-6 .display > .title { text-align:center; }
.tb5-6 .display > .title p { font-size:30px; line-height:44px; color:#82A641; }
.tb5-6 .display .thum { margin:0 auto; margin-top:80px; width:80%; }
.tb5-6 .display .thum .box { position:absolute; bottom:0; left:0; padding:60px 70px; background-color:rgba(0,0,0,0.5); }
.tb5-6 .display .thum .box .title p { font-size:24px; line-height:48px; height:48px; overflow:hidden; color:#FFF; }
.tb5-6 .display .thum .box .body p { line-height:30px; height:150px; overflow:hidden; color:#DEDEDE; }

.s65 { height:auto; }
.s65 .section {height:100%;}
.s65 .section_bg { background-image:url(../images/s65.jpg); }
.tb5-7 .display .box_wrap { float:left; padding-right:100px; width:40%; }
.tb5-7 .display .box_wrap .title p { font-size:36px; line-height:50px; color:#FFF; }
.tb5-7 .display .box_wrap .sub_title p { font-size:26px; line-height:40px; color:#FFF; }
.tb5-7 .display .box_wrap .box { margin-top:20px; }
.tb5-7 .display .box_wrap .box .title p { font-size:26px; line-height:42px; }
.tb5-7 .display .btn_box { float:left; width:60%; }
.tb5-7 .display .btn_box .block_btn { float:left; width:48%; margin:0 1%; margin-top:40px; }
.tb5-7 .display .btn_box .block_btn > a { display:block; font-size:24px; height:52px; line-height:52px; overflow:hidden; color:#FFF; border:1px solid rgba(255,255,255,0.8); }

/*템플릿 type6*/
.s66 .section_bg { background-image:url(../images/s66.jpg); }
.tb6-1 .display { padding:50px 100px; background-color:rgba(255,255,255,0.8) }
.tb6-1 .display .box .title { text-align:center; }
.tb6-1 .display .box .title p { font-size:20px; line-height:34px; font-weight:500; }
.tb6-1 .display > .title { text-align:center; }
.tb6-1 .display > .title p { font-size:45px; line-height:70px; }
.tb6-1 .display .by_line { margin-top:50px; text-align:center; }
.tb6-1 .display .by_line p { font-size:20px; line-height:34px; }

.s67 { height:auto; }
.tb6-2 .display .box { float:left; }
.tb6-2 .display .box:first-child { padding-right:4%; width:40%; }
.tb6-2 .display .box:last-child { width:60%; }
.tb6-2 .display .box .title p { font-size:38px; line-height:48px; }
.tb6-2 .display .box .emphasis { margin:4px 0; text-align:center; }
.tb6-2 .display .box .emphasis p { font-size:24px; line-height:34px; color:#4773E2; }
.tb6-2 .display .box .thum { float:left; width:33.33%; height:566px; overflow:hidden; }

.s68 { height:auto; }
.s68 .section {height:100%;}
.s68 .section_bg { background-image:url(../images/s68.jpg); }
.tb6-3 .display .box { float:left; width:30%; }
.tb6-3 .display .box:nth-child(2) { margin:0 5%; }
.tb6-3 .display .box .index { margin:10px 0; }
.tb6-3 .display .box .index p { color:rgba(255,255,255,0.5); }
.tb6-3 .display .box .title p { font-size:24px; line-height:38px; color:#FFF; }
.tb6-3 .display .box .body { font-weight:200; color:#FFF; }

.s69 { height:auto; }
.tb6-4-1 .display .box { padding:60px; width:100%; background:url(../images/tb6-4-1-box-bg.gif) no-repeat center; background-size:cover; }
.tb6-4-1 .display .box .emphasis p { font-size:36px; line-height:60px; }
.tb6-4-2 .display .thum { float:left; width:35%; }
.tb6-4-2 .display .box_wrap { float:left; padding-left:8%; width:65%; }
.tb6-4-2 .display .box_wrap .title { margin-top:-10px; }
.tb6-4-2 .display .box_wrap .title p { font-size:36px; line-height:50px; }
.tb6-4-2 .display .box_wrap .box { margin-top:40px; padding-left:40px; border-left:1px solid #D7D7D7; }
.tb6-4-2 .display .box_wrap .box .sub_title p { font-size:22px; line-height:36px; }

.s70 { height:auto; }
.s70 .section_bg { background-image:url(../images/s70.jpg); }
.s70 .contents_fixed { padding: 30px 100px; background: rgba(0, 0, 0, 0.5);}
.tb6-5 .display .title { text-align:center; }
.tb6-5 .display .title p { margin-bottom:60px; font-size:44px; line-height:58px; color:#FFF; }
.tb6-5 .display .box { margin-bottom:60px; }
.tb6-5 .display .box:last-child { margin:0; }
.tb6-5 .display .box .sub_title { float:left; position:relative; width:25%; padding:0 12px; }
.tb6-5 .display .box .sub_title:after { content:""; position:absolute; left:0; top:18px; width:2px; height:20px; background-color:#ACD8E5; }
.tb6-5 .display .box .sub_title p { font-size:22px; line-height:36px; color:#ACD8E5; }
.tb6-5 .display .box .body { float:right; width:75%; }
.tb6-5 .display .box .body p { color:#FFF; }

.s71 { height:auto; }
.s71 .section_bg { background-image:url(../images/s71.jpg); }
.tb6-6 { margin-top:470px; }
.tb6-6 .display { background-color:rgba(255,255,255,0.8); padding:40px 100px; }
.tb6-6 .display .title { text-align:center; }
.tb6-6 .display .title p { font-size:44px; line-height:68px; }
.tb6-6 .display .sub_title { text-align:center; }
.tb6-6 .display .sub_title p { font-size:22px; line-height:36px; }
.tb6-6 .display .body p { color:rgba(0,0,0,0.6); }

.s72 { height:800px; }
.s72 .section {height:100%;}
.s72 .section_bg { background-image:url(../images/s72.jpg); }
.s72 .section_bg:after { content:""; clear:both; display:block; position:absolute; top:0; margin:50px; width:calc(100% - 100px); height:calc(100% - 100px); border:7px solid rgba(255,255,255,0.5); }
.tb6-7 .display .title { text-align:center; }
.tb6-7 .display .title p { font-size:45px; line-height:59px; color:#FFF; }
.tb6-7 .display .by_line { text-align:center; }
.tb6-7 .display .by_line p { margin-top:60px; font-size:20px; line-height:34px; color:#FFF; font-weight:200; letter-spacing:-0.005em }
.tb6-7 .display .block_btn { margin-top:80px; text-align:center; }
.tb6-7 .display .block_btn > a { width:320px; height:45px; overflow:hidden; color:#FFF; border:1px solid #FFF; text-align:center; }

/* 2021년도 신규 추가 시작 */
.s73 { height: 1100px; }
.s73 .section_bg { background-image: url(../images/s73.jpg); }
.s73 .nav_tabs_wrap.tab_sty1 > div {max-width:1200px; margin:0 auto;}
.tb7-1 {padding:50px 70px;}
.tb7-1 .display { width: 400px; margin: 0; padding: 100px 40px; background-color: rgba(19, 179, 124, 0.8); }
.block.tb7-1 .display .title p { margin: 0 -130px 0 0; }
.tb7-1 .display>.title { position: relative; }
.tb7-1 .display>.title p { font-size: 55px; line-height: 75px; color: #fff; }
.tb7-1 .display .body { margin-top: 50px; }
.tb7-1 .display .split { width: 50px; height: 1px; background: #fff; margin: 50px 0 50px; }
.tb7-1 .display .body p { font-size: 18px; line-height: 30px; letter-spacing: -0.095em; color: #fff; }
.s74 { height: 1100px; }
.s74 .section_bg { height: 1195px; background-image: url(../images/s73.jpg); }
.s74 .contents_area { padding-top: 130px; }
.block.tb7-2 .display div.text_wrap { display: block; }
.tb7-2 { width: 1200px; margin: 0 auto; padding: 0; background: #fff; }
.tb7-2 .display { padding: 90px 150px; /* box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 20%);*/ }
.tb7-2 .display .subtitle { position: relative; text-align: center; }
.tb7-2 .display .subtitle p { font-size: 20px; line-height: 36px; color: #e72446; }
.tb7-2 .display .title { position: relative; text-align: center; }
.tb7-2 .display .title p { font-size: 40px; line-height: 72px; color: #000; }
.tb7-2 .display .caption p { font-size: 19px; line-height: 36px; color: #000; margin: 20px 0; }
.tb7-2 .display .split { width: 60px; height: 1px; background: #e72446; margin: 40px auto 37px; }
.tb7-2 .display .body p { font-size: 17px; line-height: 40px; color: #000; margin: 20px 0; }
.s75 { height: 1100px; }
.s75 .section_bg { background-image: url(../images/s73.jpg); }
.s76 { height: 1100px; }
.s76 .section_bg { background-image: url(../images/s73.jpg); }
.s77 { height: 1100px; }
.s77 .section_bg { background-image: url(../images/s73.jpg); }
.tb7-3 { width: 1200px; margin: 0 auto; padding: 0; background: #fff; }
.tb7-3 .display { padding: 90px 150px; margin:20px 0; /*box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 20%); */}
.tb7-3 .display .box_wrap .thum { float: left; width: 50%; height: 575px; padding-right: 50px; }
.tb7-3 .display .box_wrap .box { float: left; width: 50%; }
.tb7-3 .display .box_wrap .box .body { margin-top: -16px; }
.tb7-3 .display .box_wrap .box .body p { font-size: 17px; line-height: 40px; }
.tb7-4 { width: 1200px; margin: 0 auto; padding: 0; background: #fff; }
.tb7-4 .display { padding: 30px 150px; }
.tb7-4 .display .box_wrap .box { padding: 30px 0; margin:20px 0;  box-shadow: 0px 10px 10px rgb(0 0 0 / 20%), 0px -8px 10px rgb(0 0 0 / 20%); }
.tb7-4 .display .box_wrap .box .bar { width: 60px; height: 1px; margin: 0 auto; background: #e72446; }
.tb7-4 .display .box_wrap .box .title { text-align: center; }
.tb7-4 .display .box_wrap .box .title p { margin: 20px 0 5px 0; font-size: 28px; color: #e72446; }
.tb7-4 .display .box_wrap .box .byline { text-align: center; }
.tb7-4 .display .box_wrap .box .byline p { color: #909090; font-size: 17px; }
.tb7-5 { width: 1200px; margin: 0 auto; padding: 0; background: #fff; }
.tb7-5 .display { padding: 30px 150px 45px; }
.tb7-5 .box { margin-top: 20px; padding: 35px 50px 30px; background: #e1e1e1; }
.tb7-5 .display .box .title p { margin: 0; font-size: 20px; line-height: 28px; color: #000; }
.tb7-5 .box .btn_box { margin-top: 15px; }
.tb7-5 .box .btn_box .block_btn { float: left; width: 50%; }
.tb7-5 .box .btn_box .block_btn>a { font-size: 16px; padding-right: 20px; width: 80%; line-height: 36px; height: 36px; overflow: hidden; text-align: left; }
.s81 { width: 710px; margin: 0 auto;}
.s81 .section_bg { background-image: url(../images/s81.jpg); background-position: center top; }
.s81 .contents_wrap { vertical-align: top; }
.s81 .contents_fixed { margin: 0 auto; }
.s81 .block { padding: 20px 20px; }
.tb8-1 .display { padding: 0; }
.tb8-1 .display .thum img { max-width: 110px; max-height: 30px; width: auto; height: auto; }
.tb8-1 .display .title { color: #fff; text-align: center; }
.tb8-1 .display .title p { font-size: 38px; line-height: 43px; }
.tb8-1 .display .subtitle { color: #fff; text-align: center; }
.tb8-1 .display .subtitle .text_wrap p { font-size: 25px; margin: 5px 0 10px; }
.tb8-1 .display .body { color: #fff; text-align: center; }
.tb8-1 .display .body .text_wrap p { font-size: 14px; line-height: 24px; margin: 30px 0; }
.tb8-1 .display .date { color: #fff; text-align: center; }
.tb8-1 .display .date p { font-size: 21px; font-weight: bold; }
.tb8-1 .display .block_btn { margin: 55px 0 50px 0; text-align: center; }
.tb8-1 .display .block_btn > a { max-width: 400px; padding: 0 30px; height: 50px; overflow: hidden; color: #FFF; background: #dc2257; text-align: center; font-size: 17px; font-weight: 500; }
.tb8-2 .display { padding: 0; }
.tb8-2 .display .title { color: #fe2764; text-align: center; font-weight: 500; }
.tb8-2 .display .title p { font-size: 20px; line-height: 23px; }
.tb8-2 .display .subtitle { color: #fff; text-align: center; font-weight: 500; }
.tb8-2 .display .subtitle .text_wrap p { font-size: 15px; line-height: 23px; margin: 10px 0 5px; }
.tb8-2 .display .body { color: #fff; text-align: center; font-weight: 300; }
.tb8-2 .display .body .text_wrap p { font-size: 15px; line-height: 33px; margin: 10px 0; }
.tb8-3 .display { padding: 0; }
.tb8-3 .display .title { color: #fff; text-align: center; font-weight: 500; }
.tb8-3 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin-bottom: 40px; }
.tb8-3 .display table { width: 100%; border-top: 1px solid #dc2257; margin-bottom: 70px; }
.tb8-3 .display table th { color: #fe2764; font-weight: 400; padding: 23px 23px; border-bottom: 1px solid #706688; border-right: 1px dotted #706688; }
.tb8-3 .display table td { color: #fff; padding: 23px 30px; border-bottom: 1px solid #706688; }
.tb8-4 .display { padding: 0; }
.tb8-4 .display .title { color: #fff; text-align: center; font-weight: 500; }
.tb8-4 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin-bottom: 60px; }
.tb8-4 .display .speaker_list { text-align: center; }
.tb8-4 .display .speaker_list .box { display: inline-block; padding: 0 15px; }
.tb8-4 .display .speaker_list .box .thum { margin-bottom: 15px; }
.tb8-4 .display .speaker_list .box .thum img { width: auto; height: auto; max-width: 130px; max-height: 130px; }
.tb8-4 .display .speaker_list .box .part { color: #fe2764; font-weight: 500; text-align: center; }
.tb8-4 .display .speaker_list .box .part p { font-size: 12px; margin: 5px 0; }
.tb8-4 .display .speaker_list .box .name { color: #fff; font-weight: 500; text-align: center; }
.tb8-4 .display .speaker_list .box .name p { font-size: 18px; margin: 5px 0; }
.tb8-4 .display .speaker_list .box .position { color: #c4bbd8; font-weight: 300; text-align: center; }
.tb8-4 .display .speaker_list .box .position p { font-size: 14px; margin: 5px 0; }
.tb8-5 .display { padding: 0; }
.tb8-5 .display .title { color: #fff; text-align: center; font-weight: 500; }
.tb8-5 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin-bottom: 60px; }
.tb8-5 .display .speaker_list { text-align: center; }
.tb8-5 .display .speaker_list .box { display: inline-block; padding: 0 15px; }
.tb8-5 .display .speaker_list .box .thum { margin-bottom: 15px; }
.tb8-5 .display .speaker_list .box .thum img { width: auto; height: auto; max-width: 130px; max-height: 130px; }
.tb8-5 .display .speaker_list .box .part { color: #fe2764; font-weight: 500; text-align: center; }
.tb8-5 .display .speaker_list .box .part p { font-size: 12px; margin: 5px 0; }
.tb8-5 .display .speaker_list .box .name { color: #fff; font-weight: 500; text-align: center; }
.tb8-5 .display .speaker_list .box .name p { font-size: 18px; margin: 5px 0; }
.tb8-5 .display .speaker_list .box .position { color: #c4bbd8; font-weight: 300; text-align: center; }
.tb8-5 .display .speaker_list .box .position p { font-size: 14px; margin: 5px 0; }
.tb8-6 .display { padding: 0; }
.tb8-6 .display .title { color: #fff; text-align: center; font-weight: 500; }
.tb8-6 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin-bottom: 60px; }
.tb8-6 .display .speaker_list { text-align: center; margin-bottom: 60px; }
.tb8-6 .display .speaker_list .box { display: inline-block; width: 190px; }
.tb8-6 .display .speaker_list .box .thum { margin-bottom: 15px; }
.tb8-6 .display .speaker_list .box .thum img { width: auto; height: auto; max-width: 130px; max-height: 130px; }
.tb8-6 .display .speaker_list .box .part { color: #fe2764; font-weight: 500; text-align: center; }
.tb8-6 .display .speaker_list .box .part p { font-size: 12px; margin: 5px 0; }
.tb8-6 .display .speaker_list .box .name { color: #fff; font-weight: 500; text-align: center; }
.tb8-6 .display .speaker_list .box .name p { font-size: 18px; margin: 5px 0; }
.tb8-6 .display .speaker_list .box .position { color: #c4bbd8; font-weight: 300; text-align: center; }
.tb8-6 .display .speaker_list .box .position p { font-size: 14px; margin: 5px 0; }
.tb8-7 .display { padding: 0; }
.tb8-7 .display .title { color: #fff; text-align: center; font-weight: 500; }
.tb8-7 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin-bottom: 60px; }
.tb8-7 .display .step_list { text-align: center; margin-bottom: 45px; }
.tb8-7 .display .step_list .box { display: inline-block; width: 165px; }
.tb8-7 .display .step_list .arw { display: inline-block; width: 26px; height: 130px; vertical-align: top; background: url(../images/thum-tb8-7-4.png) 50% 50% no-repeat; }
.tb8-7 .display .step_list .box .thum { margin-bottom: 15px; }
.tb8-7 .display .step_list .box .thum img { width: auto; height: auto; max-width: 130px; max-height: 130px; }
.tb8-7 .display .step_list .box .body { color: #fff; font-weight: 300; text-align: center; }
.tb8-7 .display .step_list .box .body p { font-size: 15px; line-height: 20px; margin: 5px 0; }
.tb8-7 .display .step_list .box .body p span { font-weight: 500; }
.tb8-7 .display .inquiry { text-align: center; }
.tb8-7 .display .inquiry .text_wrap { padding: 0 15px; line-height: 35px; border: 1px solid #706688; color: #a7a3b2; border-radius: 17px; }
.tb8-7 .display .inquiry p { font-size: 16px; }
.tb8-7 .display .block_btn { margin: 55px 0 50px 0; text-align: center; }
.tb8-7 .display .block_btn > a { max-width: 400px; padding: 0 30px; height: 50px; overflow: hidden; color: #FFF; background: #dc2257; text-align: center; font-size: 17px; font-weight: 500; }
.tb8-8 .display { padding: 0; }
.tb8-8 .display .title { color: #fff; text-align: center; font-weight: 500; }
.tb8-8 .display .title .text_wrap p { font-size: 30px; line-height: 35px; margin: 0 0 40px; }
.tb8-8 .display .body { color: #fff; text-align: center; font-weight: 300; }
.tb8-8 .display .body .text_wrap p { font-size: 17px; line-height: 23px; margin: 0 0 40px; }
.tb8-8 .display .event_list { text-align: center; margin-bottom: 60px; }
.tb8-8 .display .event_list .box { position: relative; display: inline-block; width: 215px; margin:0 3px; /*border: 1px solid #8d85a0; border-radius: 10px; overflow: hidden;*/ }
.tb8-8 .display .event_list .box > .thum > img {width:100%;}
.tb8-8 .display .event_list .box .top_area { background: #110332; padding: 10px; }
.tb8-8 .display .event_list .box .top_area .top_title { font-size: 11px; color: #fff; text-align: left; margin-bottom: 20px; }
.tb8-8 .display .event_list .box .top_area .top_title span { color: #ffcc00; }
.tb8-8 .display .event_list .box .top_area .top_body { font-size: 18px; font-weight: 500; color: #fff; text-align: left; }
.tb8-8 .display .event_list .box .bottom_area { background: #fff; padding: 10px; height: 65px; }
.tb8-8 .display .event_list .box .bottom_area .bottom_body { font-size: 13px; line-height: 17px; font-weight: 500; color: #000; text-align: left; }
.tb8-8 .display .event_list .box .bottom_area .count { position: absolute; right: 50px; bottom: 10px; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background: #dc2257; color: #fff; font-size: 20px; font-weight: 600; z-index: 3; }
.tb8-8 .display .event_list .box .bottom_area .thum { position: absolute; right: 5px; bottom: 13px; z-index: 3; }
.tb8-9 .display { padding: 0; }
.tb8-9 .display .title { color: #fff; text-align: center; font-weight: 500; }
.tb8-9 .display .title .text_wrap p { font-size: 30px; line-height: 35px; margin: 0 0 25px; }
.tb8-9 .display .body { color: #fff; text-align: left; font-weight: 300; padding: 0 40px; }
.tb8-9 .display .body .text_wrap p { font-size: 15px; line-height: 30px; margin: 0 0 45px; }

.s82 { width: 710px; height:293px; margin: 0 auto;}
.s82 .section {height:100%;}
.s82 .section_bg { background-image: url(../images/s82.jpg); background-position: center top; }
.s82 .contents_fixed { margin: 0 auto; }
.s82 .block { padding:0; }

.tb8-10 .display .title { color: #c7432f; text-align: center; }
.tb8-10 .display .title .text_wrap p { font-size: 38px; line-height: 43px; margin:0; font-weight:600;}
.tb8-10 .display .subtitle { color: #c7432f; text-align: center; }
.tb8-10 .display .subtitle .text_wrap p { font-size: 30px; line-height: 41px; margin:0; font-weight:600;}
.tb8-10 .display .date { color: #312d2a; text-align: center; }
.tb8-10 .display .date .text_wrap p { font-size: 25px; font-weight: bold; margin:20px 0 10px;}

.s83 { width: 710px; height:auto; margin: 0 auto;}
.s83 .section {height:100%;}
.s83 .section_bg { background:#c84734; background-position: center top; }
.s83 .contents_fixed { margin: 0 auto; }
.s83 .block { padding:0; margin:30px 0; }

.tb8-11 .display {padding:0; min-height:0;}
.tb8-11 .display .title { color: #fff; text-align: center; }
.tb8-11 .display .title .text_wrap p { font-size: 24px; line-height: 33px; margin:0; font-weight:500; padding-left:35px; background:transparent url(../images/thum-tb8-11-1.png) no-repeat 0 8px;}
.tb8-11 .display .body { color: #fff; text-align: center; }
.tb8-11 .display .body .text_wrap p { font-size: 17px; line-height: 30px; margin:0; font-weight:300;}

.s83 .block.tb8-12 {margin:0 0; background:#fff; height:35px;}
.tb8-12 .display {padding:0; min-height:0;}
.tb8-12 .display .title { color: #fff; text-align: center; transform:translateY(21px); position:relative; z-index:1; }
.tb8-12 .display .title .text_wrap p { font-size: 19px; color: #fff; margin:0; font-weight:500; background:#312d2a; padding:0 45px; border-radius: 21px; line-height:42px;}
.tb8-12 .display .block_btn { transform:translateY(-21px); text-align: center; }
.tb8-12 .display .block_btn > a { font-size: 19px; color: #fff; margin:0; font-weight:500; background:#312d2a; padding:0 45px; border-radius: 21px; line-height:42px; height:42px;}

.s84 { width: 710px; height:auto; margin: 0 auto;}
.s84 .section {height:100%;}
.s84 .section_bg { background:#fff; background-position: center top; }
.s84 .contents_fixed { margin: 0 auto; }
.s84 .block { padding:0; margin:30px 0 50px; }

.tb8-13 .display { padding: 0; }
.tb8-13 .display .title { color: #312d2a; text-align: center; font-weight: 500; }
.tb8-13 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin-bottom: 20px; }
.tb8-13 .display table { width: 100%; border-top: 1px solid #dc2257; margin-bottom: 70px; }
.tb8-13 .display table th { background:#c74633; text-align:center; font-weight:500; font-size:17px; color: #fff; padding: 23px 23px;  }
.tb8-13 .display table td { color: #312d2a; text-align:center; font-weight:500; font-size:16px; padding: 23px 30px; border-bottom:1px solid #ccc;}

.tb8-14 .display { padding: 0 0 10px 0; background:#f3f2f0; }
.tb8-14 .display .title { color: #312d2a; text-align: center; font-weight: 500;}
.tb8-14 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin:-20px 0 20px; }
.tb8-14 .display .speaker_list { text-align: center; margin:0 0 20px 0; }
.tb8-14 .display .speaker_list .box { display: inline-block; width: 190px; }
.tb8-14 .display .speaker_list .box .thum { margin-bottom: 15px; }
.tb8-14 .display .speaker_list .box .thum img { width: auto; height: auto; max-width: 130px; max-height: 130px; }
.tb8-14 .display .speaker_list .box .name { color: #312d2a; font-weight: 500; text-align: center; }
.tb8-14 .display .speaker_list .box .name p { font-size: 16px; margin: 3px 0; }
.tb8-14 .display .speaker_list .box .position { color: #312d2a; font-weight: 300; text-align: center; }
.tb8-14 .display .speaker_list .box .position p { font-size: 16px; margin: 3px 0; }

.s84 .block.tb8-15 {margin:40px 0 60px;}
.tb8-15 .display { padding: 0; background:#f3f2f0; }
.tb8-15 .display .title { color: #312d2a; text-align: center; font-weight: 500; }
.tb8-15 .display .title .text_wrap p { font-size: 30px; line-height: 23px; margin:-20px 0 60px; }
.tb8-15 .display .step_list { text-align: center; margin-bottom:0; }
.tb8-15 .display .step_list .box { display: inline-block; width: 165px; }
.tb8-15 .display .step_list .arw { display: inline-block; width: 26px; height: 130px; vertical-align: top; background: url(../images/thum-tb8-15-4.png) 50% 50% no-repeat; }
.tb8-15 .display .step_list .box .thum { margin-bottom: 15px; }
.tb8-15 .display .step_list .box .thum img { width: auto; height: auto; max-width: 130px; max-height: 130px; }
.tb8-15 .display .step_list .box .body { color: #312d2a; font-weight: 300; text-align: center; }
.tb8-15 .display .step_list .box .body p { font-size: 15px; line-height: 20px; margin: 5px 0; }
.tb8-15 .display .step_list .box .body p span { font-weight: 500; }
.tb8-15 .display .inquiry { text-align: center; }
.tb8-15 .display .inquiry .text_wrap { padding: 0 15px; line-height: 35px; border: 1px solid #706688; color: #a7a3b2; border-radius: 17px; }
.tb8-15 .display .inquiry p { font-size: 16px; }
.tb8-15 .display .block_btn { transform:translateY(21px); text-align: center; }
.tb8-15 .display .block_btn > a { font-size: 19px; color: #fff; margin:0; font-weight:500; background:#c84734; padding:0 45px; border-radius: 21px; line-height:42px;}

.tb8-16 .display { padding:0 0 30px 0; background:#f3f2f0; }
.tb8-16 .display .title { color: #312d2a; text-align: center; font-weight: 500; }
.tb8-16 .display .title .text_wrap p { font-size: 30px; line-height: 35px; margin: -20px 0 20px; }
.tb8-16 .display .body { color: #312d2a; text-align: center; font-weight: 500; }
.tb8-16 .display .body .text_wrap p { font-size: 18px; line-height: 23px; margin: 0 0 25px; }
.tb8-16 .display .event_list { text-align: center; }
.tb8-16 .display .event_list .box { position: relative; display: inline-block; width: 215px; margin:0 3px; /*border: 1px solid #8d85a0; border-radius: 10px; overflow: hidden;*/ }
.tb8-16 .display .event_list .box > .thum > img {width:100%;}
.tb8-16 .display .event_list .box .top_area { background: #110332; padding: 10px; }
.tb8-16 .display .event_list .box .top_area .top_title { font-size: 11px; color: #fff; text-align: left; margin-bottom: 20px; }
.tb8-16 .display .event_list .box .top_area .top_title span { color: #ffcc00; }
.tb8-16 .display .event_list .box .top_area .top_body { font-size: 18px; font-weight: 500; color: #fff; text-align: left; }
.tb8-16 .display .event_list .box .bottom_area { background: #fff; padding: 10px; height: 65px; }
.tb8-16 .display .event_list .box .bottom_area .bottom_body { font-size: 13px; line-height: 17px; font-weight: 500; color: #000; text-align: left; }
.tb8-16 .display .event_list .box .bottom_area .count { position: absolute; right: 50px; bottom: 10px; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background: #dc2257; color: #fff; font-size: 20px; font-weight: 600; z-index: 5; }
.tb8-16 .display .event_list .box .bottom_area .thum { position: absolute; right: 5px; bottom: 13px; z-index: 3; }

.tb8-17 .display {  padding:0 0 0 0; background:#f3f2f0; }
.tb8-17 .display .title { color: #312d2a; text-align: center; font-weight: 500; }
.tb8-17 .display .title .text_wrap p { font-size: 30px; line-height: 35px; margin: -20px 0 15px; }
.tb8-17 .display .body { color: #312d2a; text-align: left; font-weight: 300; padding: 0 40px; }
.tb8-17 .display .body .text_wrap p { font-size: 15px; line-height: 30px; }

.s101 { width: 710px; height:450px; margin: 0 auto;}
.s101 .section {height:100%;}
.s101 .contents_fixed {margin:20px auto;}
.s101 .section_bg { background-image: url(../images/s101.jpg); background-position: center top; }
.tb10-01 .display .title { color: #fff; text-align: center; }
.tb10-01 .display .title .text_wrap p { font-size: 40px; line-height: 1.5em; margin:0 0 20px; font-weight:500;}
.tb10-01 .display .subtitle { color: #fff; text-align: center; }
.tb10-01 .display .subtitle .text_wrap p { font-size: 21px; line-height: 1.5em; margin:0; font-weight:300;}
.tb10-01 .display .bar { width: 400px; height: 1px; margin: 0 auto; background: #fff; }
.tb10-01 .display .date { color: #fff; text-align: center; }
.tb10-01 .display .date .text_wrap p { font-size: 21px; font-weight: 300; margin:20px 0 43px;}
.tb10-01 .display .block_btn {text-align: center;}
.tb10-01 .display .block_btn > a {font-size: 17px; color: #fff; margin: 0; font-weight: 500; background: #c84734; padding: 0 53px; line-height: 34px;}

.s102 { width: 710px; height: 370px; margin: 0 auto;}
.s102 .contents_fixed {margin:10px auto;}
.s102 .section_bg { background:#fff; }
.s102 .section {height:100%;}
.tb10-02 {padding:25px 40px;}
.tb10-02 .display {padding:0;}
.tb10-02 .display .body { color: #333; text-align: left; }
.tb10-02 .display .body .text_wrap p { font-size: 17px; line-height: 1.5em; margin:0 0 20px; font-weight:500;}
.tb10-02 .display .title { color: #007ec5; text-align: left; }
.tb10-02 .display .title .text_wrap p { font-size: 17px; line-height: 1.5em; margin:0; font-weight:300;}

.s103 { width: 710px; height:auto; margin: 0 auto;}
.s103 .contents_fixed {margin:10px auto;}
.s103 .section_bg { background:#0b3f67; }
.s103 .section {height:100%;}
.tb10-03 {padding:25px 40px;}
.tb10-03 .display {padding:0;}
.tb10-03 .display .toptitle { display:inline-block; color: #fff; text-align: left; border-bottom:1px solid #859fb3; padding:0 50px 0 38px; background:url(../images/thum-tb10-03-1.png) 0 5px no-repeat;}
.tb10-03 .display .toptitle .text_wrap p { font-size: 25px; line-height: 1.5em; font-weight:400; margin:0 0 7px 0;}
.tb10-03 .display .subtitle { color: #fff; text-align: left; }
.tb10-03 .display .subtitle .text_wrap p { font-size: 17px; line-height: 1.5em; margin:14px 0; font-weight:300;}
.tb10-03 .display .title { color: #fff; text-align: left; }
.tb10-03 .display .title .text_wrap p { font-size: 30px; line-height: 1.5em; margin:14px 0; font-weight:600;}
.tb10-03 .display .text { color: #fff; text-align: left; }
.tb10-03 .display .text .text_wrap p { font-size: 17px; line-height: 2em !important; margin:14px 0; font-weight:400;}

.tb10-04 {padding:25px 40px;}
.tb10-04 .display {padding:0;}
.tb10-04 .display .toptitle { display:inline-block; color: #fff; text-align: left; border-bottom:1px solid #859fb3; padding:0 50px 0 38px; background:url(../images/thum-tb10-03-1.png) 0 5px no-repeat;}
.tb10-04 .display .toptitle .text_wrap p { font-size: 25px; line-height: 1.5em; font-weight:400; margin:0 0 7px 0;}
.tb10-04 .display .subtitle { color: #fff; text-align: left; }
.tb10-04 .display .subtitle .text_wrap p { font-size: 17px; line-height: 1.5em; margin:14px 0; font-weight:300;}
.tb10-04 .display .box {padding:30px 77px; display:flex;}
.tb10-04 .display .box .thum {float:left; width:190px; height:190px; margin-right:30px;}
.tb10-04 .display .box .thum img {display:block; width:100%; height:100%;}
.tb10-04 .display .box:after {content:''; clear:both; display:block;}
.tb10-04 .display .box .name_wrap { flex-direction: column; align-self: center;}
.tb10-04 .display .box .name {color: #fff; text-align: left; align-self: center;}
.tb10-04 .display .box .name .text_wrap p { font-size: 17px; line-height: 1.5em; margin:2px 0; font-weight:400;}
.tb10-04 .display .box .position {color: #fff; text-align: left; align-self: center;}
.tb10-04 .display .box .position .text_wrap p { font-size: 17px; line-height: 1.5em; margin:2px 0; font-weight:300;}

.tb10-05 {padding:20px 40px;}
.tb10-05 .display { padding: 0;}
.tb10-05 .display .toptitle { display:inline-block; color: #fff; text-align: left; border-bottom:1px solid #859fb3; padding:0 50px 0 38px; background:url(../images/thum-tb10-03-1.png) 0 5px no-repeat;}
.tb10-05 .display .toptitle .text_wrap p { font-size: 25px; line-height: 1.5em; font-weight:400; margin:0 0 7px 0;}
.tb10-05 .display .step_list { margin-top:30px; text-align: center; margin-bottom:0; }
.tb10-05 .display .step_list .box { display: inline-block; width: 165px; }
.tb10-05 .display .step_list .arw { display: inline-block; width: 26px; height: 120px; vertical-align: top; background: url(../images/thum-tb10-05-4.png) 50% 50% no-repeat; }
.tb10-05 .display .step_list .box .thum { margin-bottom:11px; }
.tb10-05 .display .step_list .box .thum img { width: auto; height: auto; max-width: 120px; max-height: 120px; }
.tb10-05 .display .step_list .box .body { color: #fff; font-weight: 300; text-align: center; }
.tb10-05 .display .step_list .box .body p { font-size: 17px; line-height: 20px; margin:0 0 5px; }
.tb10-05 .display .step_list .box .body p span { font-weight: 500; }
.tb10-05 .display .inquiry { text-align: center; }
.tb10-05 .display .inquiry .text_wrap { padding: 0 15px; line-height: 35px; border: 1px solid #706688; color: #a7a3b2; border-radius: 17px; }
.tb10-05 .display .inquiry p { font-size: 16px; }
.tb10-05 .display .block_btn { margin-top:30px; text-align: center; }
.tb10-05 .display .block_btn > a { font-size: 17px; color: #093757; margin:0; font-weight:600; background:#00f1ff; padding:0 45px; line-height:34px;}

.tb10-06 {padding:20px 40px;}
.tb10-06 .display { padding:0;}
.tb10-06 .display .toptitle { display:inline-block; color: #fff; text-align: left; border-bottom:1px solid #859fb3; padding:0 50px 0 38px; background:url(../images/thum-tb10-03-1.png) 0 5px no-repeat;}
.tb10-06 .display .toptitle .text_wrap p { font-size: 25px; line-height: 1.5em; font-weight:400; margin:0 0 7px 0;}
.tb10-06 .display .body { color: #fff; text-align: center; }
.tb10-06 .display .body .text_wrap p { font-size: 18px; line-height: 23px; margin: 22px 0 20px; letter-spacing: -0.05em; }
.tb10-06 .display .event_list { text-align: center; margin:0 -32px;}
.tb10-06 .display .event_list .box { position: relative; display: inline-block; width: 220px; margin:0; /*border: 1px solid #8d85a0; border-radius: 10px; overflow: hidden;*/ }
.tb10-06 .display .event_list .box > .thum > img {max-width:150px;}
.tb10-06 .display .gift { color: #fff; text-align: center; font-weight:300; }
.tb10-06 .display .gift .text_wrap p { font-size: 17px; line-height: 25px; margin: 10px 0 0; letter-spacing: -0.05em; }

.tb10-07 {padding:20px 40px;}
.tb10-07 .display { padding:0;}
.tb10-07 .display .toptitle { display:inline-block; color: #fff; text-align: left; border-bottom:1px solid #859fb3; padding:0 50px 0 38px; background:url(../images/thum-tb10-03-1.png) 0 5px no-repeat;}
.tb10-07 .display .toptitle .text_wrap p { font-size: 25px; line-height: 1.5em; font-weight:400; margin:0 0 7px 0;}
.tb10-07 .display .body { color: #fff; text-align: left; }
.tb10-07 .display .body .text_wrap p { font-size: 17px; line-height: 30px; margin: 22px 0 20px; letter-spacing: -0.05em; }

.s111 { width: 100%; margin: 0 auto;}
.s111 .section_bg { background-image: url(../images/s111.jpg); background-position: center top; }
.s111 .contents_wrap { vertical-align: middle; }
.s111 .contents_fixed { margin: 0 auto; }

.tb11-01 {padding:25px 40px;}
.tb11-01 .display {padding:0;}
.tb11-01 .display .title { color: #fff; text-align: center; }
.tb11-01 .display .title .text_wrap p { font-size: 60px; line-height: 1.5em; margin:0 0 15px; font-weight:300;}
.tb11-01 .display .body { color: #fff; text-align: center; }
.tb11-01 .display .body .text_wrap p { font-size: 18px; line-height: 1.5em; margin:0 0 42px; font-weight:500;}
.tb11-01 .display .clock {width:50px; height:50px; margin:0 auto 160px; background:url(../images/clock.png) 0 0 no-repeat;}
.tb11-01 .display .mouse {color:#5edfe7; line-height: 1.5em; text-align:center;}
.tb11-01 .display .mouse .text_wrap p { font-size:16px; line-height: 1.5em; margin:0 0 15px; font-weight:300;}

.s112 { width: 100%; margin: 0 auto;}
.s112 .section_bg { background-image: url(../images/s112.jpg); background-position: center top; }
.s112 .contents_wrap { vertical-align: bottom; padding:160px 0;}
.s112 .contents_fixed { margin: 0 auto; max-width:1545px; }

.tb11-02 {padding:25px 40px; background:rgba(4,1,21,0.7);}
.tb11-02 .display {padding:0;}
.tb11-02 .display .title { color: #fff; text-align: left; }
.tb11-02 .display .title .text_wrap p { font-size: 40px; line-height: 1.5em; margin:0 0 15px; font-weight:500;}
.tb11-02 .display .body { color: #fff; text-align: left; }
.tb11-02 .display .body .text_wrap p { font-size: 18px; line-height: 1.5em; margin:0 0 42px; font-weight:500;}

.s113 { width: 100%; margin: 0 auto;}
.s113 .section_bg { background-image: url(../images/s113.jpg); background-position: center top; }
.s113 .contents_wrap { vertical-align: bottom; padding:160px 0;}
.s113 .contents_fixed { margin: 0 auto; max-width:1545px; }

.s114 { width: 100%; margin: 0 auto;}
.s114 .section_bg { background-image: url(../images/s114.jpg); background-position: center top; }
.s114 .contents_wrap { vertical-align: bottom; padding:160px 0;}
.s114 .contents_fixed { margin: 0 auto; max-width:1545px; }

.s115 { width: 100%; margin: 0 auto;}
.s115 .section_bg { background-image: url(../images/s115.jpg); background-position: center top; }
.s115 .contents_wrap { vertical-align: bottom; padding:160px 0;}
.s115 .contents_fixed { margin: 0 auto; max-width:1545px; }

.s116 { width: 100%; margin: 0 auto;}
.s116 .section_bg { background-image: url(../images/s116.jpg); background-position: center top; }
.s116 .contents_wrap { vertical-align: bottom; padding:160px 0;}
.s116 .contents_fixed { margin: 0 auto; max-width:1545px; }

.tb11-03 {padding:80px 80px; background:rgba(4,1,21,0.7);}
.tb11-03 .display {padding:24px 0; min-height:80px; }
.tb11-03 .display .title {float:left; margin-right:60px;}
.tb11-03 .display .title .text_wrap p { font-size:40px; line-height:1.3em !important; color:#FFF; margin:0;}
.tb11-03 .display .sub_title {float:left; opacity:0.7;}
.tb11-03 .display .sub_title .text_wrap p { font-size:18px; line-height:40px; color:#FFF; margin:12px 0; }
.tb11-03 .display .btn_box { float:right; width:35%; opacity:0.9;}
.tb11-03 .display .btn_box .block_btn { float:left; width:48%; margin:0 1%;}
.tb11-03 .display .btn_box .block_btn > a { display:block; font-size:18px; height:50px; line-height:48px; overflow:hidden; color:#FFF; border:1px solid rgba(255,255,255,0.8); }
/* 2021년도 신규 추가 종료 */
/* 2024 고도화 신규 시작 */
.s117 { width: 100%; margin: 0 auto; display:flex;}
.s117 .section {display:flex;}
.s117 .contents_area.left_area {width:480px; background:var(--bgcolor); display:flex;}
.s117 .contents_area.left_area .contents_wrap {display:flex; align-items: center;}
.s117 .contents_area.left_area .contents_fixed { margin: 0 auto; width:480px; }
.s117 .section_bg { position:relative; background-image: url(../images/thum-tb12-1-1.png); background-position: center top;}

.tb12-01 {padding:25px 40px; background: var(--bgcolor);}
.tb12-01 .display {padding:0;}
.tb12-01 .display .title { color: #a5a5a5; text-align: center; }
.tb12-01 .display .title .text_wrap p { font-size: 100px; line-height: 1.5em; margin:0 0 55px; font-weight:300;}
.tb12-01 .display .body {color: var(--title-color);  text-align: center; }
.tb12-01 .display .body .text_wrap p { font-size: 30px; line-height: 1.5em; margin:0 0 42px; font-weight:400;}
.tb12-01 .display .block_btn {margin-top: 200px; text-align:center; color: var(--title-color); }
.tb12-01 .display .block_btn a {color: var(--title-color);  padding:0 0 10px 0; font-size:20px; border-bottom:1px solid #fff; line-height:25px;}

.s118 { width: 100%; margin: 0 auto; display:flex; background: var(--bgcolor1);}
.s118 .section {display:flex;}
.s118 .contents_area.left_area {width:480px; background:var(--bgcolor); display:flex;}
.s118 .contents_area.left_area .contents_wrap {display:flex; align-items: center;}
.s118 .contents_area.left_area .contents_fixed { margin: 0 auto; width:480px; }
.s118 .section_bg { position:static; background:var(--bgcolor1); overflow-y:auto;}

.tb12-02 .display .box_wrap { margin:0 -2%; }
.tb12-02 .display .box_wrap .box { float:left; width:46%; margin:0 2%; }
.tb12-02 .display .body { color: var(--title-color); }
.tb12-02 .display .box_wrap .box .thum { height:290px; overflow:hidden;}
.tb12-02 .display .box_wrap .box .thum img {width:100%;height:100%; object-fit: cover;}

.s119 { width: 100%; margin: 0 auto; display:flex; background: var(--bgcolor1);}
.s119 .section {display:flex;}
.s119 .contents_area.left_area {width:480px; background:var(--bgcolor); display:flex;}
.s119 .contents_area.left_area .contents_wrap {display:flex; align-items: center;}
.s119 .contents_area.left_area .contents_fixed { margin: 0 auto; width:480px; }
.s119 .section_bg { position:static; background:var(--bgcolor1); overflow-y:auto;}

.tb12-03 .display {display:flex;}
.tb12-03 .display .body { color: var(--title-color);  }
.tb12-03 .display .thum { width:360px; flex-shrink: 0; overflow:hidden; margin-right:40px;}
.tb12-03 .display .thum img {width:100%;height:100%; object-fit: cover;}
.tb12-03 .display .block_btn { margin-top:30px; }
.tb12-03 .display .block_btn > a { margin:0 auto; }

.s120 { width: 100%; margin: 0 auto; display:flex; background: var(--bgcolor1);}
.s120 .section {display:flex;}
.s120 .contents_area.left_area {width:480px; background:var(--bgcolor); display:flex;}
.s120 .contents_area.left_area .contents_wrap {display:flex; align-items: center;}
.s120 .contents_area.left_area .contents_fixed { margin: 0 auto; width:480px; }
.s120 .section_bg { position:static; background:var(--bgcolor1); overflow-y:auto;}

.tb12-04 .display .box_wrap { margin:0 -2%; }
.tb12-04 .display .box_wrap .box { float:left; width:46%; margin:0 2%; }
.tb12-04 .display .body { color: var(--title-color);  }
.tb12-04 .display .box_wrap .box .thum { height:290px; overflow:hidden;}
.tb12-04 .display .box_wrap .box .thum img {width:100%;height:100%; object-fit: cover;}
.tb12-04 .display .top {margin-bottom:0; margin-top:50px;}

.s121 { width: 100%; margin: 0 auto; display:flex; background: var(--bgcolor1);}
.s121 .section {display:flex;}
.s121 .contents_area.left_area {width:480px; background:var(--bgcolor); display:flex;}
.s121 .contents_area.left_area .contents_wrap {display:flex; align-items: center;}
.s121 .contents_area.left_area .contents_fixed { margin: 0 auto; width:480px; }
.s121 .section_bg { position:static; background:var(--bgcolor1); overflow-y:auto;}

.tb12-05 .display {display:flex;}
.tb12-05 .display .body { color: var(--title-color);  }
.tb12-05 .display .thum { width:360px; flex-shrink: 0; overflow:hidden; margin-left:40px;}
.tb12-05 .display .thum img {width:100%;height:100%; object-fit: cover;}
.tb12-05 .display .block_btn { margin-top:30px; }
.tb12-05 .display .block_btn > a { margin:0 auto; }

.s122 .section_bg {background:var(--bgcolor);}
.s122 .block .display .title div.text_wrap > p {color:#2385ff;}
.s122 .block .display .sub_title div.text_wrap > p {color: var(--subtitle-color);}

.s123 .w50_left .section_bg { background-image:url(../images/thum-tb13-4-1.jpg); }
.s123 .w50_right .section_bg {background:var(--bgcolor);}
.s123 .w50_left .contents, .s123 .w50_right .contents { width:100%; max-width:780px; }
.s123 .block .display .title div.text_wrap > p {color: #2385ff;; font-size:36px;}
.s123 .block .display .body div.text_wrap > p {color: var(--subtitle-color);}


.s124 {height:100%;}
.s124 .w50_left .section_bg { background-image:url(../images/thum-tb14-1-1.jpg); }
.s124 .w50_left .contents, .s124 .w50_right .contents { width:100%; max-width:780px; }
.s124 .block .display .title div.text_wrap > p {font-size:22px; color:#729cd2;}
.s124 .block .display .sub_title div.text_wrap > p {font-size:40px; color:#fff;}
.s124 .block .display .body div.text_wrap > p {font-size:18px; color:#bdbdbd;}

.s125 .section_bg { height:800px; background-image:url(../images/thum-tb14-2-1.jpg); }
.s125 .contents_area { padding-top:540px; }
.s125 .contents_wrap { vertical-align:top; }

.s126 .section_bg { height:800px; background-image:url(../images/thum-tb14-3-1.jpg); }
.s126 .contents_area { padding-top:540px; }
.s126 .contents_wrap { vertical-align:top; }

.tb14-3 .display { padding:60px 100px; background-color:#FFF; box-shadow:0px 0px 20px 0 rgba(0, 0, 0, 0.2); }
.tb14-3 .display .title p { font-size:50px; line-height:64px; }
.tb14-3 .display .body p { margin-top:30px; font-size:22px; line-height:34px; }
.tb14-3 .display .sub_title p { font-size:18px; line-height:38px; color:#000; }

.s127 { height:600px; }
.s127 .section_bg { background-image:url(../images/thum-tb14-4-1.jpg); }
.s127 .section {height:100%;}

.s128 .section_bg {background-image: url(../images/s128.png); background-color:var(--bgcolor);}
.s128 .display .title {color: var(--title-color); font-size:65px;}

.s129 .section_bg {background-image: url(../images/s129.png); background-color:var(--bgcolor);}
.s129 .display .title {color: var(--title-color); font-size:34px;}
.s129 .display .sub_title {color: rgb(255, 207, 92); font-size:50px;}

.s130 .section_bg {background-image: url(../images/s130.png); background-color:var(--bgcolor);}
.s130 .display .title {color: var(--title-color); font-size:34px;}
.s130 .display .sub_title {color: rgb(255, 207, 92); font-size:46px;}

.s131 .section_bg {background-image: url(../images/s131.png); background-color:var(--bgcolor);}
.s131 .b10 .display .title {color: var(--title-color); font-size:22px;}
.s131 .b10 .display .title p {color: var(--title-color); font-size:22px;}
.s131 .display .sub_title {color: rgb(104, 189, 182); font-size:50px;}
.s131 .display .sub_title p {font-size:50px;}
.s131 .b10 .display .body {color: var(--title-color); font-size:22px;}
.s131 .b10 .display .body p {color: var(--title-color); font-size:22px;}

.s132 .section_bg {background-image: url(../images/s132.png); background-color:var(--bgcolor);}
.s132 .b30 .display .emphasis {background-color:#959595;}
.s132 .b30 .display .emphasis p {font-size:30px; color: var(--title-color);}

.s133 .section_bg { background-image:url(../images/s66.jpg); }
.tb16-1 .display { padding:50px 100px; background-color:rgba(255,255,255,0.8); width:73%; }
.tb16-1 .display .box .title { text-align:center; }
.tb16-1 .display .box .title p { font-size:20px; line-height:34px; font-weight:500;  }
.tb16-1 .display > .title { text-align:center; }
.tb16-1.block .display > .title p { font-size:50px; font-family:"Nanum Myeongjo"; }
.tb16-1 .display .by_line { margin-top:50px; text-align:center; }
.tb16-1 .display .by_line p { font-size:20px; line-height:34px; }

.s134 { height:auto; }
.s134 .section_bg {background:#000;}
.tb16-2 .display {width:92%;}
.tb16-2 .display .title p { font-size:34px; line-height:1.5em; color:#fff; font-family: "Nanum Myeongjo";}
.tb16-2 .display .thum { width:100%; }

.s135 { height:auto; }
.s135 .section_bg { background-image:url(../images/thum-tb16-3-1.jpg); }
.tb16-3 { margin-top:470px; }
.tb16-3 .display { background-color:rgba(255,255,255,0.8); padding:40px 100px; }
.tb16-3 .display .title { text-align:center; }
.tb16-3 .display .title p { font-size:40px; line-height:1.5em; font-family:"Nanum Myeongjo";}
.tb16-3 .display .sub_title { text-align:center; }
.tb16-3 .display .sub_title p { font-size:22px; line-height:36px; }
.tb16-3 .display .body p { color:rgba(0,0,0,0.6); }

.s136 { height:auto; }
.s136 .section_bg {background:#000;}
.tb16-4 .display .thum { float:left; width:35%; }
.tb16-4 .display .box_wrap { float:left; padding-left:8%; width:65%; }
.tb16-4 .display .box_wrap .title { margin-top:-10px; }
.tb16-4 .display .box_wrap .title p { font-size:36px; line-height:50px; color:#fff; font-family: "Nanum Myeongjo"; }
.tb16-4 .display .box_wrap .box { margin-top:40px; padding-left:40px; border-left:1px solid #D7D7D7; }
.tb16-4 .display .box_wrap .box .sub_title p { font-size:22px; line-height:36px; color:#fff; }
.tb16-4 .display .box_wrap .box .body p { color:#fff; }

.s137 { height:800px; }
.s137 .section_bg { background-image:url(../images/thum-tb16-5-1.jpg); }
.s137 .section_bg:after { content:""; clear:both; display:block; position:absolute; top:0; margin:50px; width:calc(100% - 100px); height:calc(100% - 100px); border:7px solid rgba(255,255,255,0.5); }
.tb16-5 .display .title p { font-size:55px; color:#fff; font-family: "Nanum Myeongjo";}

.tb16-6 .display .box { float:left; margin-left:2%; width:32%; padding:60px 30px; background:#EBEBEB; }
.tb16-6 .display .box:first-child { margin-left:0; }
.tb16-6 .display .title p { font-size:24px; line-height:38px; font-family: "Noto Serif KR";}

.b49 .display {min-height:400px;}
.b49 .display .box_wrap { margin:0 -1%;}
.b49 .display .box_wrap .box { float:left; width:46%; padding:0 1%; }
.b49 .display .box_wrap .box.left_box {width:70%;}
.b49 .display .box_wrap .box.right_box {width:30%;}
.b49 .display .box_wrap .box .map_bg { display:flex; align-items: stretch; background:#ddd; width:100%; min-height:400px;}
.b49 .display .box_wrap .box .map_bg .map_add {width:100%; cursor:pointer; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.b49 .display .box_wrap .box .map_bg span {display:block; font-size:20px; margin-top:10px;}
.b49 .display .box_wrap .box .map_text p {margin-top:10px; font-size:16px;}
.b49 .display .title p { font-size:24px; line-height:38px;}
.b49 .display .body { color: var(--title-color);  }

.b50 .display {min-height:400px;}
.b50 .display .box_wrap .box .map_bg { display:flex; align-items: stretch; background:#ddd; width:100%; min-height:400px;}
.b50 .display .box_wrap .box .map_bg .map_add {width:100%; cursor:pointer; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.b50 .display .box_wrap .box .map_bg span {display:block; font-size:20px; margin-top:10px;}
.b50 .display .box_wrap .box .map_text p {margin-top:10px; font-size:16px;}

.b51 .display {min-height:400px;}
.b51 .display .box_wrap { margin:0 -1%;}
.b51 .display .box_wrap .box { float:left; width:46%; padding:0 1%; }
.b51 .display .box_wrap .box.left_box {width:70%;}
.b51 .display .box_wrap .box.right_box {width:30%;}
.b51 .display .box_wrap .box .embed_bg { display:flex; align-items: stretch; background:#ddd; width:100%; min-height:400px;}
.b51 .display .box_wrap .box .embed_bg .embed_add {width:100%; cursor:pointer; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.b51 .display .box_wrap .box .embed_bg span {display:block; font-size:20px; margin-top:10px;}
.b51 .display .box_wrap .box .embed_text p {margin-top:10px; font-size:16px;}
.b51 .display .title p { font-size:24px; line-height:38px;}
.b51 .display .body { color: var(--title-color);  }

.b52 .display {min-height:400px;}
.b52 .display .box_wrap .box .embed_bg { display:flex; align-items: stretch; background:#ddd; width:100%; min-height:400px;}
.b52 .display .box_wrap .box .embed_bg .embed_add {width:100%; cursor:pointer; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.b52 .display .box_wrap .box .embed_bg span {display:block; font-size:20px; margin-top:10px;}
.b52 .display .box_wrap .box .embed_text p {margin-top:10px; font-size:16px;}
/* 2024 고도화 신규 끝 */
/*template 종료*/
/**** buttons 시작 ****/
.widget_temp .widget_btn {display: inline-flex;  justify-content: center;}
.widget_btn { display: flex; align-items: center; justify-content: center; vertical-align: middle; min-width:90px; height:30px; background-color: #ddd; color: #000; text-align: center; border: 0; outline:none; padding:0; font-size:14px; /*border-radius:3px;*/
    line-height: 1.3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer; }
.widget_btn a {display:flex; width: 100%; height: 100%;  justify-content: center;}
.widget_btn span {display:flex; height: 100%; padding:0 5px; align-items: center; justify-content: center; word-break: keep-all;}
.widget_btn.widget_left {margin-right:auto;}
.widget_btn.widget_center {margin: 0 auto;}
.widget_btn.widget_right {margin-left:auto;}
.widget_btn_xs { font-size: 10px; }
.widget_btn_sm { font-size: 12px; }
.widget_btn_md { font-size: 14px; }
.widget_btn_lg { font-size: 16px; }
.widget_btn_xl { font-size: 18px; }
.widget_btn_w_xs { width:10%; }
.widget_btn_w_sm { width:25%; }
.widget_btn_w_md { width:50%; }
.widget_btn_w_lg { width:70%; }
.widget_btn_w_xl { width:100%; }
.widget_btn_h_xs { height:25px; line-height:25px;}
.widget_btn_h_sm { height:30px; line-height:30px;}
.widget_btn_h_md { height:35px; line-height:35px;}
.widget_btn_h_lg { height:40px; line-height:40px;}
.widget_btn_h_xl { height:45px; line-height:45px;}
.widget_btn:hover { background-color: #ccc; color: #333; }
.widget_btn:focus { background-color: #ccc; color: #333; }
.widget_btn:active { background-color: #bbb; color: #333; }
.widget_btn.lightblue { background-color: #add8e6; color: #fff; }
.widget_btn.lightblue:hover, .widget_btn.lightblue:focus, .widget_btn.lightblue:active { background-color: #99cfe0; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.blue { background-color: #87ceeb; color: #fff; }
.widget_btn.blue:hover, .widget_btn.blue:focus, .widget_btn.blue:active { background-color: #71c5e7; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.darkblue { background-color: #6495ed; color: #fff; }
.widget_btn.darkblue:hover, .widget_btn.darkblue:focus, .widget_btn.darkblue:active { background-color: #4d85ea; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.lightorange { background-color: #ffdab9; color: #fff; }
.widget_btn.lightorange:hover, .widget_btn.lightorange:focus, .widget_btn.lightorange:active { background-color: #ffcd9f; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.orange { background-color: #ffa07a; color: #fff; }
.widget_btn.orange:hover, .widget_btn.orange:focus, .widget_btn.orange:active { background-color: #ff8e60; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.darkorange { background-color: #ff7f50; color: #fff; }
.widget_btn.darkorange:hover, .widget_btn.darkorange:focus, .widget_btn.darkorange:active { background-color: #ff6c36; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.lightmint { background-color: #afeeee; color: #fff; }
.widget_btn.lightmint:hover, .widget_btn.lightmint:focus, .widget_btn.lightmint:active { background-color: #9aeaea; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.mint { background-color: #40e0d0; color: #fff; }
.widget_btn.mint:hover, .widget_btn.mint:focus, .widget_btn.mint:active { background-color: #2adccb; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.darkmint { background-color: #00ced1; color: #fff; }
.widget_btn.darkmint:hover, .widget_btn.darkmint:focus, .widget_btn.darkmint:active { background-color: #00b5b7; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.lightyellow { background-color: #fff176; color: #fff; }
.widget_btn.lightyellow:hover, .widget_btn.lightyellow:focus, .widget_btn.lightyellow:active { background-color: #ffee5c; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.yellow { background-color: #ffeb3b; color: #fff; }
.widget_btn.yellow:hover, .widget_btn.yellow:focus, .widget_btn.yellow:active { background-color: #ffe821; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.darkyellow { background-color: #fbc02d; color: #fff; }
.widget_btn.darkyellow:hover, .widget_btn.darkyellow:focus, .widget_btn.darkyellow:active { background-color: #fbb814; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.lightviolet { background-color: #e6e6fa; color: #fff; }
.widget_btn.lightviolet:hover, .widget_btn.lightviolet:focus, .widget_btn.lightviolet:active { background-color: #d1d1f6; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.violet { background-color: #ee82ee; color: #fff; }
.widget_btn.violet:hover, .widget_btn.violet:focus, .widget_btn.violet:active { background-color: #eb6ceb; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.darkviolet { background-color: #ba55d3; color: #fff; }
.widget_btn.darkviolet:hover, .widget_btn.darkviolet:focus, .widget_btn.darkviolet:active { background-color: #b241ce; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.grey { background-color: #dcdcdc; color: #fff; }
.widget_btn.grey:hover, .widget_btn.grey:focus, .widget_btn.grey:active { background-color: #cfcfcf; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.darkgrey { background-color: #a9a9a9; color: #fff; }
.widget_btn.darkgrey:hover, .widget_btn.darkgrey:focus, .widget_btn.darkgrey:active { background-color: #9c9c9c; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.widget_btn.black { background-color: #362f2d; color: #fff; }
.widget_btn.black:hover, .widget_btn.black:focus, .widget_btn.black:active { background-color: #282321; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.05);}

.widget_btn.outline { color: inherit; background-color: transparent; border: 1px solid #888; background-color: #fff; }
.widget_btn.outline.lightblue { border: 1px solid #add8e6; color: #6495ed; }
.widget_btn.outline.lightblue:hover, .widget_btn.outline.lightblue:focus, .widget_btn.outline.lightblue:active { color: #fff; }
.widget_btn.outline.blue { border: 1px solid #87ceeb; color: #6495ed; }
.widget_btn.outline.blue:hover, .widget_btn.outline.blue:focus, .widget_btn.outline.blue:active { color: #fff; }
.widget_btn.outline.darkblue { border: 1px solid #6495ed; color: #6495ed; }
.widget_btn.outline.darkblue:hover, .widget_btn.outline.darkblue:focus, .widget_btn.outline.darkblue:active { color: #fff; }
.widget_btn.outline.lightorange { border: 1px solid #ffdab9; color: #ff7f50; }
.widget_btn.outline.lightorange:hover, .widget_btn.outline.lightorange:focus, .widget_btn.outline.lightorange:active { color: #fff; }
.widget_btn.outline.orange { border: 1px solid #ffa07a; color: #ff7f50; }
.widget_btn.outline.orange:hover, .widget_btn.outline.orange:focus, .widget_btn.outline.orange:active { color: #fff; }
.widget_btn.outline.darkorange { border: 1px solid #ff7f50; color: #ff7f50; }
.widget_btn.outline.darkorange:hover, .widget_btn.outline.darkorange:focus, .widget_btn.outline.darkorange:active { color: #fff; }
.widget_btn.outline.lightmint { border: 1px solid #afeeee; color: #00ced1; }
.widget_btn.outline.lightmint:hover, .widget_btn.outline.lightmint:focus, .widget_btn.outline.lightmint:active { color: #fff; }
.widget_btn.outline.mint { border: 1px solid #40e0d0; color: #00ced1; }
.widget_btn.outline.mint:hover, .widget_btn.outline.mint:focus, .widget_btn.outline.mint:active { color: #fff; }
.widget_btn.outline.darkmint { border: 1px solid #00ced1; color: #00ced1; }
.widget_btn.outline.darkmint:hover, .widget_btn.outline.darkmint:focus, .widget_btn.outline.darkmint:active { color: #fff; }
.widget_btn.outline.lightyellow { border: 1px solid #fff176; color: #fbc02d; }
.widget_btn.outline.lightyellow:hover, .widget_btn.outline.lightyellow:focus, .widget_btn.outline.lightyellow:active { color: #fff; }
.widget_btn.outline.yellow { border: 1px solid #ffeb3b; color: #fbc02d; }
.widget_btn.outline.yellow:hover, .widget_btn.outline.yellow:focus, .widget_btn.outline.yellow:active { color: #fff; }
.widget_btn.outline.darkyellow { border: 1px solid #fbc02d; color: #fbc02d; }
.widget_btn.outline.darkyellow:hover, .widget_btn.outline.darkyellow:focus, .widget_btn.outline.darkyellow:active { color: #fff; }
.widget_btn.outline.lightviolet { border: 1px solid #e6e6fa; color: #ba55d3; }
.widget_btn.outline.lightviolet:hover, .widget_btn.outline.lightviolet:focus, .widget_btn.outline.lightviolet:active { color: #fff; }
.widget_btn.outline.violet { border: 1px solid #ee82ee; color: #ba55d3; }
.widget_btn.outline.violet:hover, .widget_btn.outline.violet:focus, .widget_btn.outline.violet:active { color: #fff; }
.widget_btn.outline.darkviolet { border: 1px solid #ba55d3; color: #ba55d3; }
.widget_btn.outline.darkviolet:hover, .widget_btn.outline.darkviolet:focus, .widget_btn.outline.darkviolet:active { color: #fff; }
.widget_btn.outline.grey { border: 1px solid #dcdcdc; color: #362f2d; }
.widget_btn.outline.grey:hover, .widget_btn.outline.grey:focus, .widget_btn.outline.grey:active { color: #fff; }
.widget_btn.outline.darkgrey { border: 1px solid #a9a9a9; color: #362f2d; }
.widget_btn.outline.darkgrey:hover, .widget_btn.outline.darkgrey:focus, .widget_btn.outline.darkgrey:active { color: #fff; }
.widget_btn.outline.black { border: 1px solid #362f2d; color: #362f2d; }
.widget_btn.outline.black:hover, .widget_btn.outline.black:focus, .widget_btn.outline.black:active { color: #fff; }

.widget_btn.rounded {border-radius:50px;}
.widget_btn i {margin-left:5px; margin-right: 5px; vertical-align:middle;}
.widget_btn_group { position: relative; display: inline-block; vertical-align: middle; }
.widget_btn_group:after {content:''; clear:both; display:block;}
.widget_btn_group > .widget_btn { float: left; margin-left: -1px; }
.widget_btn_group > .widget_btn:first-child { margin-left: 0; }
.widget_btn_group > .widget_btn:not(:first-child):not(:last-child) { border-radius: 0; }
.widget_btn_group > .widget_btn:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.widget_btn_group > .widget_btn_group { float: left; }
.widget_btn_group > .widget_btn_group:not(:first-child):not(:last-child) > .widget_btn { border-radius: 0; }
.widget_btn_group > .widget_btn_group:first-child > .widget_btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.widget_btn_group > .widget_btn_group:last-child > .widget_btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.widget_btn.widget {min-width:25px; width:25px; height:25px; padding:0; text-align:center;}
.widget_btn .checkbox {margin:0;}

.widget_btn.widget_btn_upload ~ .widget_btn_upload_file {position:fixed; left:-9999px; top:-9999px; opacity:0;}
.widget_btn_guide .widget_btn {width:110px;}
/**** buttons 끝 ****/
.widget_icon {width:50px; height:50px; border:0; cursor: pointer; display: flex; align-items: center; justify-content: center; background:var(--title-color); color:var(--bgcolor); border-radius: 50%; overflow:hidden;}
.widget_icon.widget_left {margin-right:auto;}
.widget_icon.widget_center {margin: 0 auto;}
.widget_icon.widget_right {margin-left:auto;}