/*----------------------items common 시작----------------------*/

.section_wrap { position:relative; display:table; width:100%; height:100%; background:#FFF; }
.section { position:relative; display:table; width:100%; height:100%; }
.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; }
.display { position:relative; margin:0px auto; padding:20px; min-height:150px; }
.display:after { content:""; clear:both; display:block; }

.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 { 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; }
.w50_right { width:50%; height:100%; display:table-cell; vertical-align:middle; }
.w50_right .contents { float:left; }

.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; }
/*----------------------items common 종료----------------------*/

/*section 시작*/
.s1 {  }

.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_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_bg { background-image:url(../images/s12.jpg); }

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

.s14 { height:820px;}
.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_bg { background-image:url(../images/s17.jpg); }

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

.s19 { height:960px; }
.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); }

.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); }

.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); }

.s23 { height:auto; }
.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_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_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 { float:right; margin-top:13px; }
.s25 .display .box .by_line { float:left; margin-left:30px; }
.s25 .display .box .by_line p { float:left; }
/*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%; }
.b13 .display .box_wrap .box { float:left; width:29%; margin:0 2%; }
.b13 .display .box_wrap .box .thum { height:250px; }

.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%; }
.b15 .display .box_wrap .box { float:left; width:46%; margin:0 2%; }
.b15 .display .box_wrap .box .thum { height:310px; }
.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%; }
.b20 .display .box_wrap .box:nth-child(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", serif; }
.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 .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; }
.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); }
.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", serif; }
.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:53px; 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; }

.s37 { height:auto; }
.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 .contents_fixed { margin:400px auto; }
.s38 .section_bg { background-image:url(../images/s38.jpg); }

.s39 { height:auto; }
.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_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 .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; }
.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_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; }
.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 .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; }
.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', sans-serif; }

.s48 { height:auto; }

.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_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; }

/*템플릿 type4*/
.s51 .section_bg { background-image:url(../images/s51.jpg); }
.tb4-1 .display .top:after { content:""; clear:both; display:block; }
.tb4-1 .display .top .title { float:left; width:50%; text-align:left; }
.tb4-1 .display .top .title p { font-size:17px; font-weight:400; line-height:31px; }
.tb4-1 .display .top .sub_title { float:left; width:50%; 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; }
.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_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_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 .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; }
.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_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_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_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); }
.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_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; }
/*template 종료*/