@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); @import url(//cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-full.css); * {font-family:"NotoSansKR", "Nanum Barun Gothic", "나눔고딕", "NanumGothic", "Malgun Gothic", "돋움", "Dotum", "AppleGothic", sans-serif;} body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} input, select, textarea {margin:0; padding:0; outline:none; font-size:14px; color:#666666;} ul {list-style:none; padding:0; margin:0;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} input::-moz-placeholder {color:#666666;} input::-webkit-input-placeholder {color:#666666;} textarea::-moz-placeholder {color:#666666;} textarea::-webkit-input-placeholder {color:#666666;} select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("/img/sub/select_arrow.png") no-repeat 95% 50%; /*셀렉박스 화살표 */ } /*IE 10, 11의 네이티브 화살표 숨기기*/ select::-ms-expand {display:none;} /*번호목록*/ .number_list_con {text-align:center;} .number_list_con a {display:inline-block; vertical-align:middle;} .number_list_con .btn_con {display:inline-block; vertical-align:middle;} .number_list_con .btn_con > ul {} .number_list_con .btn_con > ul > li {float:left; margin-left:17px;} .number_list_con .btn_con > ul > li:first-child {margin-left:0;} .number_list_con .list_con {display:inline-block; margin:0 10px; vertical-align:middle;} .number_list_con .list_con .list_a {width:26px; border:1px solid #ffffff; margin:0 1px; text-align:center; font-size:15px; color:#565656; line-height:26px;} .number_list_con .list_con .on {border:1px solid #565656;} #wrap {width:100%; min-width:1200px; margin:0 auto;} /*헤더*/ #header {width:100%; margin:0 auto;} #header > .logo_con {position:relative; width:1200px; margin:0 auto; padding:20px 0 25px; text-align:center;} #header > .logo_con > .top_logo_con {position:absolute; bottom:20px; right:0;} #header > .logo_con > .top_logo_con > a {margin-left:20px;} #header > .nav {background-color:#1a264a;} #header > .nav > .contents_con {width:1200px; margin:0 auto;} #header > .nav > .contents_con > ul {} #header > .nav > .contents_con > ul > li {float:left; width:150px;} #header > .nav > .contents_con > ul > li > a {display:block; text-align:center; position:relative; top:0; left:0; font-size:16px; color:#ffffff; line-height:59px;} #header > .nav > .contents_con > ul > li > a .line {position:absolute; top:0; left:0; z-index:10;} #header > .nav > .contents_con > ul > li > a .arrow {display:none; margin:0 auto; position:absolute; bottom:0; left:0; right:0; z-index:10;} #header > .nav > .contents_con > ul > li > a.on .arrow {display:block;} #header > .nav > .contents_con > ul > li > a.over .arrow {display:block;} /*헤더 임시*/ #header_tmp {width:100%; margin:0 auto;} #header_tmp > .logo_con {position:relative; width:1200px; margin:0 auto; padding:20px 0 25px; text-align:center;} #header_tmp > .logo_con > .top_logo_con {position:absolute; bottom:20px; right:0;} #header_tmp > .logo_con > .top_logo_con > a {margin-left:20px;} #header_tmp > .nav {background-color:#1a264a;} #header_tmp > .nav > .contents_con {width:1200px; margin:0 auto;} #header_tmp > .nav > .contents_con > ul {} #header_tmp > .nav > .contents_con > ul > li {float:left; width:150px;} #header_tmp > .nav > .contents_con > ul > li > a {display:block; text-align:center; position:relative; top:0; left:0; font-size:16px; color:#ffffff; line-height:59px;} #header_tmp > .nav > .contents_con > ul > li > a .line {position:absolute; top:0; left:0; z-index:10;} #header_tmp > .nav > .contents_con > ul > li > a .arrow {display:none; margin:0 auto; position:absolute; bottom:0; left:0; right:0; z-index:10;} #header_tmp > .nav > .contents_con > ul > li > a.on .arrow {display:block;} #header_tmp > .nav > .contents_con > ul > li > a.over .arrow {display:block;} #header_tmp > .nav > .sub_nav {display:none; width:100%; margin:0 auto; border-top:2px solid #282828; background-color:#ffffff; background-color:rgba(255,255,255,0.95); position:absolute; top:214px; left:0; right:0; z-index:10; box-shadow:0 10px 20px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);} #header_tmp > .nav > .sub_nav > .contents_con {width:100%; margin:0 auto;} #header_tmp > .nav > .sub_nav > .contents_con > table {width:1200px; margin:0 auto; border-collapse:collapse;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td {width:150px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding:16px 0 130px 0;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul {} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li {margin-top:16px; text-align:center;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li > a {display:inline-block; position:relative; top:0; left:0; font-size:15px; color:#1a264a; line-height:23px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li > a .bar {display:none; width:100%; height:1px; background-color:#000000; position:absolute; bottom:0; left:0; right:0; z-index:10;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li > a.on {color:#f08200; font-weight:700;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li > a.on .bar {display:block;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li > a:hover {color:#f08200; font-weight:700;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li > a:hover .bar {display:block;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td > ul > li:first-child {margin-top:0;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.on {} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.over {} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div01 {width:140px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div02 {width:140px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div03 {width:160px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div04 {width:150px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div05 {width:130px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div06 {width:170px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div07 {width:170px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td.list_div08 {width:140px;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td:first-child {border-left:0;} #header_tmp > .nav > .sub_nav > .contents_con > table > tbody > tr > td:last-child {border-right:0;} /*컨텐츠*/ #container {width:100%; margin:0 auto;} /*메인 컨텐츠*/ #main_con {padding-bottom:0;} #main_con > .vp_con {border-bottom:1px solid #dddddd; padding-bottom:70px; margin-bottom:66px;} #main_con > .vp_con > .contents_con {width:1200px; margin:0 auto;} #main_con > .vp_con > .contents_con > .video_con {margin-bottom:0;} /* #main_con > .vp_con > .contents_con > .video_con iframe {width:1200px; height:500px;} */ #main_con > .vp_con > .contents_con > .video_con { position: relative; padding-bottom: 52.25%; /* 16:9 */ height: 0; } #main_con > .vp_con > .contents_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main_con > .vp_con > .contents_con > .img_con {margin-bottom:20px;} #main_con > .vp_con > .contents_con > .img_con img {max-width: 100%; height: auto;} #main_con > .vp_con > .contents_con > .portfolio_con {} #main_con > .vp_con > .contents_con > .portfolio_con:after {content:""; display:block; clear:both;} #main_con > .vp_con > .contents_con > .portfolio_con > .list_con {float:left; width:1010px;} #main_con > .vp_con > .contents_con > .portfolio_con > .list_con > ul {} #main_con > .vp_con > .contents_con > .portfolio_con > .list_con > ul > li {float:left; margin-left:20px;} #main_con > .vp_con > .contents_con > .portfolio_con > .list_con > ul > li img {border:1px solid #dddddd;} #main_con > .vp_con > .contents_con > .portfolio_con > .list_con > ul > li:first-child {margin-left:0;} #main_con > .vp_con > .contents_con > .portfolio_con > .btn_con {float:right; width:170px;} #main_con > .vp_con > .contents_con > .portfolio_con > .btn_con .a_btn {display:block; height:178px; background-image:url("/img/main/main_vp_portfolio_btn_bg.png"); background-repeat:no-repeat; padding-top:102px; text-align:center;} #main_con > .vp_con > .contents_con > .portfolio_con > .btn_con .a_btn > .text_con {margin-bottom:16px;} #main_con > .vp_con > .contents_con > .portfolio_con > .btn_con .a_btn > .text_con span {font-size:22px; color:#ffffff; line-height:22px; font-family:'times';} #main_con > .vp_con > .contents_con > .portfolio_con > .btn_con .a_btn > .icon_con {} #main_con > .program_con {margin-bottom:70px;} #main_con > .program_con > .contents_con {width:1200px; margin:0 auto;} #main_con > .program_con > .contents_con > .title_con {margin-bottom:40px; text-align:center;} #main_con > .program_con > .contents_con > .title_con span {font-size:38px; color:#222222; font-weight:300; line-height:46px; letter-spacing:-0.25;} #main_con > .program_con > .contents_con > .title_con span .color_text {font-weight:700;} #main_con > .program_con > .contents_con > .banner_con {} #main_con > .program_con > .contents_con > .banner_con > ul {} #main_con > .program_con > .contents_con > .banner_con > ul > li {float:left; width:585px; margin-left:30px;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div {height:239px; background-repeat:no-repeat; padding-top:69px; text-align:center;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .title_con {margin-bottom:15px;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .title_con span {font-size:26px; color:#ffffff; font-weight:700; line-height:34px;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .tag_con {margin-bottom:25px;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .tag_con span {display:inline-block; border:1px solid #dddddd; padding:0 8px; margin-left:3px; font-size:14px; color:#ffffff; line-height:25px;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .tag_con span:first-child {margin-left:0;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .icon_con {} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .icon_con .off {} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div > .icon_con .on {display:none;} /* #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div.bg01 {background-image:url("/img/main/main_program_banner_list_bg01.png");} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div.bg02 {background-image:url("/img/main/main_program_banner_list_bg02.png");} */ #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div:hover > .icon_con .off {display:none;} #main_con > .program_con > .contents_con > .banner_con > ul > li .list_div:hover > .icon_con .on {display:inline;} #main_con > .program_con > .contents_con > .banner_con > ul > li:first-child {margin-left:0;} #main_con > .program_con > .contents_con > .more_btn_con {margin-top:40px;} #main_con > .program_con > .contents_con > .more_btn_con .a_btn {display:block; width:323px; margin:0 auto; border:2px solid #cccccc; text-align:center;} #main_con > .program_con > .contents_con > .more_btn_con .a_btn > span {font-size:17px; color:#000000; line-height:54px; vertical-align:middle;} #main_con > .program_con > .contents_con > .more_btn_con .a_btn > img {margin-left:12px; vertical-align:middle;} #main_con > .banner_con {padding-bottom:70px;} #main_con > .banner_con > .contents_con {width:1200px; margin:0 auto;} #main_con > .banner_con > .contents_con > ul {} #main_con > .banner_con > .contents_con > ul > li {float:left; width:590px; margin-left:20px;} #main_con > .banner_con > .contents_con > ul > li > ul {} #main_con > .banner_con > .contents_con > ul > li > ul > li {margin-top:10px;} #main_con > .banner_con > .contents_con > ul > li > ul > li:first-child {margin-top:0;} #main_con > .banner_con > .contents_con > ul > li:first-child {margin-left:0;} #main_con > .live_con {padding:66px 0 80px; background-color:#f2f2f2;} #main_con > .live_con > .contents_con {width:1200px; margin:0 auto;} #main_con > .live_con > .contents_con > .title_con {margin-bottom:40px; text-align:center;} #main_con > .live_con > .contents_con > .title_con span {font-size:38px; color:#222222; font-weight:300; line-height:46px; letter-spacing:-0.25; vertical-align:middle;} #main_con > .live_con > .contents_con > .title_con span .color_text {font-weight:700;} #main_con > .live_con > .contents_con > .title_con img {margin-right:12px; vertical-align:middle;} #main_con > .live_con > .contents_con > .slide_con {} #main_con > .live_con > .contents_con > .slide_con:after {content:""; display:block; clear:both;} #main_con > .live_con > .contents_con > .slide_con > .slide_left_con {float:left; position:relative;} #main_con > .live_con > .contents_con > .slide_con > .slide_right_con {float:right; position:relative;} #main_con > .live_con > .contents_con > .slide_con > div {width:585px;} #main_con > .live_con > .contents_con > .slide_con > div .swiper-slide {width:100%; height:308px; background-position:center; background-size:cover; background-repeat:no-repeat;} #main_con > .live_con > .contents_con > .slide_con > div .text_con {width:100%; height:80px; line-height:80px; padding-left:30px; background-color:#fff; border:1px solid #dddddd; box-sizing:border-box;} #main_con > .live_con > .contents_con > .slide_con > div .text_con > span {font-size:22px; color:#333; font-weight:600;} #main_con > .live_con > .contents_con > .slide_con > div .prev_btn {position:absolute; bottom:0; right:54px; bottom:22px; cursor:pointer;} #main_con > .live_con > .contents_con > .slide_con > div .next_btn {position:absolute; bottom:0; right:20px; bottom:22px; cursor:pointer;} #main_con > .live_con > .contents_con > .slide_con > div .swiper-pagination {bottom:20px;} #main_con > .live_con > .contents_con > .slide_con > div .swiper-pagination-bullet {margin:0 6px; width:10px; height:10px; background:#fff; opacity:0.4; outline:none;} #main_con > .live_con > .contents_con > .slide_con > div .swiper-pagination-bullet-active {opacity:1;} /*푸터*/ #footer {width:100%; margin:0 auto; } #footer > .logo_slide_con {background-color:#fff; padding:19px 0; border-top:1px solid #333333; border-bottom:1px solid #333333;} #footer > .logo_slide_con > .contents_con {width:1200px; margin:0 auto;} #footer > .logo_slide_con > .contents_con > .swiper-container {} #footer > .logo_slide_con > .contents_con > .swiper-container .swiper-slide {width:160px; height:30px; text-align:center; margin:0 5px;} #footer > .logo_slide_con > .contents_con > .swiper-container .swiper-slide > img {height:30px;} #footer > .company_con {background-color:#19233f; height:78px; line-height:78px; text-align:center; border-bottom:1px solid #3b4564;} #footer > .company_con > a {font-size:20px; color:#fff; vertical-align:middle; cursor:default;} #footer > .company_con > .bar {margin:0 25px; font-size:14px; color:#777777; vertical-align:middle;} #footer > .info_con {background-color:#1a264a; padding:50px 0;} #footer > .info_con > .contents_con {width:1200px; margin:0 auto;} #footer > .info_con > .contents_con > .text01_con {margin-bottom:12px;} #footer > .info_con > .contents_con > .text01_con span {font-size:16px; color:#dddddd; line-height:28px;} #footer > .info_con > .contents_con > .text01_con span .color_text {font-weight:600;} #footer > .info_con > .contents_con > .text01_con span .bar {font-size:12px; line-height:20px; color:#777777;} #footer > .info_con > .contents_con > .text02_con {} #footer > .info_con > .contents_con > .text02_con span {font-size:14px; color:#5f6679; font-weight:300; line-height:20px;} /*서브 컨텐츠*/ #sub_con {padding:0 0 130px 0;} #sub_con > .title_con {width:100%; height:290px; margin:0 auto; margin-bottom:36px; text-align:center; position:relative;} #sub_con > .title_con > .img {display:none; width:100%; height:290px; margin:0 auto; background-size:cover; background-position:center; background-repeat:no-repeat;} #sub_con > .title_con > .banner_video {width:100%; height:290px; margin:0 auto; overflow:hidden;} #sub_con > .title_con > .text_con {position:absolute; top:120px; left:0; right:0; text-align:center;} #sub_con > .title_con > .text_con > span {font-size:42px; color:#fff; font-weight:bold;} #sub_con > .title_con > .portfolio_con {position:absolute; left:0; right:0; bottom:30px; width:1200px; margin:0 auto; text-align:right;} #sub_con > .title_con > .portfolio_con > a {display:inline-block; width:260px; height:54px; line-height:51px; text-align:center; background-color:rgba(0,0,0,0.4); border:1px solid #c2c2c2; box-sizing:border-box;} #sub_con > .title_con > .portfolio_con > a > span {font-size:18px; color:#fff; font-weight:500; vertical-align:middle; margin-right:20px;} #sub_con > .title_con > .portfolio_con > a > img {vertical-align:middle; cursor:pointer;} #sub_con > .title_con > .zoom_con {bottom:90px;} #sub_con > .title_con > .zoom_con > a > img {} .banner_portfolio_popup_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .banner_portfolio_popup_con {display:none; width:1120px; margin:0 auto; position:fixed; top:10%; left:0; right:0; z-index:400;} .banner_portfolio_popup_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .banner_portfolio_popup_con > .contents_con {} .banner_portfolio_popup_con > .contents_con.scroll {height:780px; background-color:#ffffff; overflow-y:scroll;} .banner_portfolio_popup_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:#ffffff; padding:56px 40px 60px 40px;} .banner_portfolio_popup_con > .contents_con > .contents_con span {font-size:18px; color:#666666;} .banner_zoom_popup_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .banner_zoom_popup_con {display:none; width:1120px; margin:0 auto; position:fixed; top:10%; left:0; right:0; z-index:400;} .banner_zoom_popup_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .banner_zoom_popup_con > .contents_con {} .banner_zoom_popup_con > .contents_con.scroll {height:780px; background-color:#ffffff; overflow-y:scroll;} .banner_zoom_popup_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:#ffffff; padding:56px 40px 60px 40px;} .banner_zoom_popup_con > .contents_con > .contents_con span {font-size:18px; color:#666666;} #sub_con > .nav {width:1200px; margin:0 auto 50px;} #sub_con > .nav > ul {} #sub_con > .nav > ul > li {float:left; border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #f08200; border-left:0;} #sub_con > .nav > ul > li > a {display:block; text-align:center; font-size:18px; color:#666666; line-height:53px;} #sub_con > .nav > ul > li > .on {background-color:#f08200; color:#ffffff; font-weight:600;} #sub_con > .nav > ul > li:first-child {border-left:1px solid #dddddd;} #sub_con > .nav > ul.depth_1 {} #sub_con > .nav > ul.depth_1 > li {width:100%;} #sub_con > .nav > ul.depth_2 {} #sub_con > .nav > ul.depth_2 > li {width:599px;} #sub_con > .nav > ul.depth_2 > li:first-child {width:598px;} #sub_con > .nav > ul.depth_3 {} #sub_con > .nav > ul.depth_3 > li {width:399px;} #sub_con > .nav > ul.depth_3 > li:first-child {width:398px;} #sub_con > .nav > ul.depth_4 {} #sub_con > .nav > ul.depth_4 > li {width:299px;} #sub_con > .nav > ul.depth_4 > li:first-child {width:298px;} #sub_con > .nav > ul.depth_5 {} #sub_con > .nav > ul.depth_5 > li {width:239px;} #sub_con > .nav > ul.depth_5 > li:first-child {width:238px;} #sub_con > .contents_con {width:1200px; margin:0 auto;} /*연혁*/ .company_sub01_con {} .company_sub01_con > .history_con {margin-bottom:70px;2020-03-17} .company_sub01_con > .history_con > .nav {margin-bottom:30px; text-align:center;} .company_sub01_con > .history_con > .nav > .contents_con {display:inline-block; text-align:left;} .company_sub01_con > .history_con > .nav > .contents_con > ul {} .company_sub01_con > .history_con > .nav > .contents_con > ul > li {float:left; width:134px; margin-left:10px;} .company_sub01_con > .history_con > .nav > .contents_con > ul > li .list_div {border:1px solid #cccccc; text-align:center; cursor:pointer; position:relative; top:0; left:0;} .company_sub01_con > .history_con > .nav > .contents_con > ul > li .list_div span {font-size:16px; color:#888888; line-height:43px;} .company_sub01_con > .history_con > .nav > .contents_con > ul > li .list_div .bar {display:none; width:134px; height:3px; background-color:#224a5e; position:absolute; bottom:-1px; left:-1px; z-index:10;} .company_sub01_con > .history_con > .nav > .contents_con > ul > li .on {} .company_sub01_con > .history_con > .nav > .contents_con > ul > li .on span {color:#224a5e; font-weight:700;} .company_sub01_con > .history_con > .nav > .contents_con > ul > li .on .bar {display:block;} .company_sub01_con > .history_con > .nav > .contents_con > ul > li:first-child {margin-left:0;} .company_sub01_con > .history_con > .contents_con {} .company_sub01_con > .history_con > .contents_con .info_div {display:none;} .company_sub01_con > .history_con > .contents_con .info_div > table {width:100%; margin:0 auto;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > td {} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .year_td {width:204px; position:relative; top:0; left:0;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .year_td > .contents_con {position:relative; top:0; left:0;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .year_td > .contents_con > .text_con {width:56px; text-align:center; position:absolute; top:50%; transform:translateY(-50%); left:44px; z-index:10; word-break:break-all;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .year_td > .contents_con > .text_con span {font-size:16px; color:#282828; font-weight:700; line-height:24px;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .year_td > .dot {position:absolute; top:0; right:-10px; z-index:10;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td {border-left:1px solid #cccccc; padding:58px 0 0 39px; position:relative; top:0; left:0;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul {position:relative; top:0; left:0; z-index:20;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li {float:left; width:465px; margin:2px 26px 0 0;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li > table {width:100%; margin:0 auto;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li > table > tbody > tr > td {} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li > table > tbody > tr > td span {font-size:14px; color:#565656; font-weight:300; line-height:22px;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li > table > tbody > tr > .dot_td {width:10px;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li > table > tbody > tr > .dot_td span {color:#565656; font-weight:900;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li:nth-child(1) {margin-top:0;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li:nth-child(2) {margin-top:0;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > ul > li:nth-child(2n) {margin-right:0;} .company_sub01_con > .history_con > .contents_con .info_div > table > tbody > tr > .info_td > .info_text {position:absolute; bottom:4px; right:0; z-idnex:10;} .company_sub01_con > .history_con > .contents_con .info_div:first-child {display:block;} .company_sub01_con > .img_con {} .company_sub01_con > .img_con .grid {} .company_sub01_con > .img_con .grid:after {content:""; display:block; clear:both;} .company_sub01_con > .img_con .grid-sizer {width:25%;} .company_sub01_con > .img_con .grid-item {float:left; width:25%; margin-top:20px;} .company_sub01_con > .img_con .grid-item img {width:95%; height:auto;} .company_sub01_con > .img_con .grid-item:nth-child(1) {margin-top:0;} .company_sub01_con > .img_con .grid-item:nth-child(2) {margin-top:0;} .company_sub01_con > .img_con .grid-item:nth-child(3) {margin-top:0;} .company_sub01_con > .img_con .grid-item:nth-child(4) {margin-top:0;} /*소개·조직도*/ .company_sub02_con {} .company_sub02_con > .intro_con {margin-bottom:75px;} .company_sub02_con > .intro_con > .img_con {margin-bottom:35px;} .company_sub02_con > .intro_con > .text_con {padding:0 20px;} .company_sub02_con > .intro_con > .text_con > .title_con {margin-bottom:20px;} .company_sub02_con > .intro_con > .text_con > .title_con span {font-size:28px; color:#282828; font-weight:300; line-height:38px;} .company_sub02_con > .intro_con > .text_con > .title_con span .color_text {font-weight:700;} .company_sub02_con > .intro_con > .text_con > .info_con {} .company_sub02_con > .intro_con > .text_con > .info_con > ul {} .company_sub02_con > .intro_con > .text_con > .info_con > ul > li {float:left; width:560px; margin-left:40px; text-align:justify; word-break:keep-all;} .company_sub02_con > .intro_con > .text_con > .info_con > ul > li span {font-size:15px; color:#565656; font-weight:300; line-height:25px; letter-spacing:-0.1px;} .company_sub02_con > .intro_con > .text_con > .info_con > ul > li:first-child {margin-left:0;} .company_sub02_con > .map_con {} /*오시는길*/ .company_sub03_con {} .company_sub03_con > .title_con {text-align:center;} .company_sub03_con > .title_con > span {font-size:35px; font-weight:bold; color:#333;} .company_sub03_con > .info_con {height:60px; line-height:60px; margin:20px 0 50px; background-color:#f4f4f4; text-align:center;} .company_sub03_con > .info_con > span {margin-right:38px; font-size:17px; color:#888;} .company_sub03_con > .info_con > span:last-child {margin-right:0;} .company_sub03_con > .info_con > span > b {color:#282828;} .company_sub03_con > .map_con {margin-top:70px;} .company_sub03_con > .map_con > .map_con {} .company_sub03_con > .map_con > .map_con .map {height:470px;} .company_sub03_con > .map_con > .map_con .wrap_controllers {display:none;} .company_sub03_con > .map_con > .text_con {padding:25px 40px; border:1px solid #dddddd;} .company_sub03_con > .map_con > .text_con > .text01_con {} .company_sub03_con > .map_con > .text_con > .text01_con img {margin-right:6px; vertical-align:middle;} .company_sub03_con > .map_con > .text_con > .text01_con span {font-size:24px; color:#333333; font-weight:bold; vertical-align:middle;} .company_sub03_con > .map_con > .text_con > .text01_con span .color_text {margin-left:26px; font-size:18px; color:#565656; font-weight:400;} .company_sub03_con > .map_con > .text_con > .text02_con {margin-top:10px;} .company_sub03_con > .map_con > .text_con > .text02_con span {font-size:18px; color:#565656; font-weight:300; line-height:26px;} .company_sub03_con > .map_con > .text_con > .text02_con span .bold_text {font-weight:500;} .company_sub03_con > .map_con > .text_con > .text02_con span .dot {display:inline-block; width:12px; height:12px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .company_sub03_con > .map_con > .text_con > .text02_con span .dot01 {background-color:#33a23d;} .company_sub03_con > .map_con > .text_con > .text02_con span .dot02 {background-color:#ffce33;} .company_sub03_con > .map_con > .text_con > .text02_con span .dot03 {background-color:#aa9872;} .company_sub03_con > .map_con > .text_con > .text02_con span .dot04 {background-color:#54640d;} .company_sub03_con > .map_con:first-child {margin-top:0;} /*각 메뉴 상단 네칸영상*/ .gabin_recommend_con {padding:20px 0 60px; margin-bottom:60px; border-bottom:1px solid #dddddd;} .gabin_recommend_con > .contents_con {width:1200px; margin:0 auto;} .gabin_recommend_con > .contents_con > .title_con {margin-bottom:40px; text-align:center;} .gabin_recommend_con > .contents_con > .title_con span {font-size:40px; color:#282828; font-weight:600; line-height:40px;} .gabin_recommend_con > .contents_con > .nav {margin-bottom:40px;} .gabin_recommend_con > .contents_con > .nav > ul {border-left:1px solid #dddddd;} .gabin_recommend_con > .contents_con > .nav > ul > li {float:left; width:239px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;} .gabin_recommend_con > .contents_con > .nav > ul > li > a {display:block; text-align:center;} .gabin_recommend_con > .contents_con > .nav > ul > li > a span {display:inline-block; position:relative; top:0; left:0; font-size:17px; color:#666666; line-height:53px;} .gabin_recommend_con > .contents_con > .nav > ul > li > a span .icon {display:none; position:absolute; top:50%; margin-top:-9px; right:-39px; z-index:10;} .gabin_recommend_con > .contents_con > .nav > ul > li > .hit span .icon {display:block;} .gabin_recommend_con > .contents_con > .nav > ul > li > .on {background-color:#224a5e;} .gabin_recommend_con > .contents_con > .nav > ul > li > .on span {color:#ffffff; font-weight:700;} .gabin_recommend_con > .contents_con > .nav > ul > li:nth-child(1) {border-top:1px solid #dddddd;} .gabin_recommend_con > .contents_con > .nav > ul > li:nth-child(2) {border-top:1px solid #dddddd;} .gabin_recommend_con > .contents_con > .nav > ul > li:nth-child(3) {border-top:1px solid #dddddd;} .gabin_recommend_con > .contents_con > .nav > ul > li:nth-child(4) {border-top:1px solid #dddddd;} .gabin_recommend_con > .contents_con > .nav > ul > li:nth-child(5) {border-top:1px solid #dddddd;} .gabin_recommend_con > .contents_con > .nav > ul > li:nth-child(5n) {width:238px;} .gabin_recommend_con > .contents_con > .contents_con {} .gabin_recommend_con > .contents_con > .contents_con > .video_con {margin-bottom:20px;} .gabin_recommend_con > .contents_con > .contents_con > .video_con { position: relative; padding-bottom: 49.25%; /* 16:9 */ height: 0; } .gabin_recommend_con > .contents_con > .contents_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gabin_recommend_con > .contents_con > .contents_con > .img_con {margin-bottom:20px;} .gabin_recommend_con > .contents_con > .contents_con > .list_con {} .gabin_recommend_con > .contents_con > .contents_con > .list_con > ul {} .gabin_recommend_con > .contents_con > .contents_con > .list_con > ul > li {float:left; margin-left:20px;} .gabin_recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border:1px solid #dddddd; cursor:pointer; position:relative; top:0; left:0;} .gabin_recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con {width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; right:0; z-index:10;} .gabin_recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con > img {margin:0 auto; position:absolute; top:50%; margin-top:-20px; left:0; right:0; z-index:10;} .gabin_recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin-left:0;} .gabin_recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child .list_div > .over_con {display:none;} /*메뉴탭 하단 분류*/ .option_con {margin-top:-50px;} .option_con > table {width:100%; margin:0 auto; border:1px solid #dddddd; border-top:0; box-sizing:border-box;} .option_con > table > tbody > tr > td {padding:25px 0;} .option_con > table > tbody > tr > .title_td {width:105px;} .option_con > table > tbody > tr > .title_td > span {font-size:20px; color:#333; font-weight:600;} .option_con > table > tbody > tr > td > .list_label {margin-left:10px; text-align:center;} .option_con > table > tbody > tr > td > .list_label:nth-child(7n) {margin-left:0;} .option_con > table > tbody > tr > td > .list_label > span {display:inline-block; margin:5px 0; width:168px; height:44px; line-height:44px; border:1px solid #eee; background-color:#f7f7f7; font-size:16px; color:#999; box-sizing:border-box; cursor:pointer;} .option_con > table > tbody > tr > td > .list_label > input[type=checkbox] {display:none;} .option_con > table > tbody > tr > td > .list_label > input[type=checkbox]:checked + span {border-color:#f08200; background-color:#fff; color:#f08200; font-weight:600;} .option_con > table > tbody > tr > td > .all_btn {display:inline-block; width:168px; height:44px; line-height:44px; font-size:16px; color:#999; text-align:center; border:1px solid #eee; background-color:#f7f7f7; box-sizing:border-box;} .option_con > table > tbody > tr > td > .all_btn.on {border-color:#f08200; background-color:#fff; color:#f08200; font-weight:600;} /*기획운영-포트폴리오*/ .system_content {margin-top:13px;} .system_content > ul > li {float:left; overflow:hidden; width:285px; margin-top:26px; margin-right:20px;} .system_content > ul > li:nth-child(4n) {margin-right:0;} .system_content > ul > li > .title_div {margin-bottom:10px;} .system_content > ul > li > .title_div > img {vertical-align:middle; height:20px !important;} .system_content > ul > li > .title_div > span {font-size:16px; color:#333; vertical-align:middle;} .system_content > ul > li > .info_div {position:relative; border:1px solid #ddd; box-sizing:border-box;} .system_content > ul > li > .info_div > a {display:block; width:100%; height:161px; background-size:cover; background-repeat:no-repeat; background-position:center;} .system_content > ul > li > .info_div > a > img {position:absolute; top:0; left:0; width:100%; height:100%;} .system_content > ul > li > .info_div > a > .over_con {opacity:0; width:100%; height:100%; padding-top:64px; position:absolute; top:0; left:0; text-align:center; background-color:rgba(0,0,0,0.7); transition:all 0.3s; z-index:9; box-sizing:border-box;} .system_content > ul > li > .info_div > a > .over_con > img {width:32px;} .system_content > ul > li > .info_div > a:hover > .over_con {opacity:1; transition:all 0.3s;} .system_content > .btn_con {text-align:center;} .system_content > .btn_con > a {display:inline-block; margin-top:60px; width:328px; height:58px; line-height:54px; text-align:center; border:2px solid #ddd; box-sizing:border-box;} .system_content > .btn_con > a > span {font-size:18px; color:#333; vertical-align:middle;} .system_content > .btn_con > a > img {margin-left:20px; vertical-align:middle;} .system_content_view {} .system_content_view .contents_con {width:1200px; margin:0 auto; position:relative;} .system_content_view .title_con {position:relative; text-align:center; padding:25px 0; border-bottom:3px solid #ccc;} .system_content_view .title_con > span {font-size:30px; color:#333; font-weight:600; vertical-align:middle;} .system_content_view .title_con > img {margin-right:13px; vertical-align:middle;} .system_content_view .title_con > .icon {position:absolute; right:0; bottom:20px;} .system_content_view .info_con {margin:60px 0;} .system_content_view .info_con:after {content:""; display:block; clear:both;} .system_content_view .info_con > .left_con {float:left; width:600px;} .system_content_view .info_con > .left_con > .img_box {width:100%; height:336px; margin-bottom:30px; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box;} .system_content_view .info_con > .left_con > .img_box > iframe {width:100%; height:100%;} .system_content_view .info_con > .left_con > .text_box {} .system_content_view .info_con > .left_con > .text_box > span {font-size:24px; color:#333; font-weight:600;} .system_content_view .info_con > .left_con > .text_box > .text {height:150px; margin-top:20px; background-color:#f7f7f7; padding:25px; overflow-y:scroll; box-sizing:border-box;} .system_content_view .info_con > .left_con > .text_box > .text > span {font-size:16px; color:#333; line-height:24px;} .system_content_view .info_con > .right_con {float:right; width:570px;} .system_content_view .info_con > .right_con > table {width:100%; margin:0 auto; border-top:3px solid #f08200;} .system_content_view .info_con > .right_con > table > tbody > tr > td {padding:20px 0 20px 25px; border-bottom:1px solid #ddd; box-sizing:border-box;} .system_content_view .info_con > .right_con > table > tbody > tr > .title_td {width:130px; background-color:#f7f7f7;} .system_content_view .info_con > .right_con > table > tbody > tr > .title_td > span {font-size:18px; color:#333;} .system_content_view .info_con > .right_con > table > tbody > tr > .info_td > span {display:block; line-height:26px; font-size:16px; color:#666;} .system_content_view .info_con > .right_con > table > tbody > tr > .info_td > a {font-size:16px; color:#666; border-bottom:1px solid #666; vertical-align:middle;} .system_content_view .info_con > .right_con > table > tbody > tr > .info_td > img {margin-left:5px; vertical-align:middle;} .system_content_view .info_con > .right_con > table > tbody > tr > .info_td > b {font-size:20px; color:#333; font-weight:600;} .system_content_view .info_con > .right_con > p {margin:8px 0 0 0; font-size:14px; color:#999; text-align:right;} .system_content_view .gallery_con {padding:60px 0; background-color:#f4f4f4;} .system_content_view .gallery_con a > img {max-width:100%;} .system_content_view .gallery_con .sub_title_con {margin-bottom:20px;} .system_content_view .gallery_con .sub_title_con > b {font-size:24px; color:#333; font-weight:600;} .system_content_view .gallery_con .swiper-slide {width:570px; margin:0 15px;} .system_content_view .contents_con #gallery_slide_prev_btn {position:absolute; top:190px; left:-40px; z-index:100; cursor:pointer;} .system_content_view .contents_con #gallery_slide_next_btn {position:absolute; top:190px; right:-40px; z-index:100; cursor:pointer;} .system_content_view .video_con {padding:60px 0; border-top:1px solid #ddd;} .system_content_view .video_con ul > li {float:left; width:585px; margin-right:30px;} .system_content_view .video_con ul > li:last-child {margin-right:0;} .system_content_view .video_con ul > li > a {display:block;} .system_content_view .video_con ul > li > a > .thum_con {position:relative; width:100%; height:330px; border:1px solid #ddd; background-size:cover; background-repeat:no-repeat; background-position:center; box-sizing:border-box;} .system_content_view .video_con ul > li > a > .thum_con > .text_con { height:50px; line-height:50px; position:absolute; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.7); text-align:center;} .system_content_view .video_con ul > li > a > .thum_con > .text_con > span {font-size:18px; color:#fff;} .system_content_view .contents_con #video_slide_prev_btn {position:absolute; top:190px; left:-40px; z-index:100; cursor:pointer;} .system_content_view .contents_con #video_slide_next_btn {position:absolute; top:190px; right:-40px; z-index:100; cursor:pointer;} .system_content_view .video_con .sub_title_con {margin-bottom:20px;} .system_content_view .video_con .sub_title_con > b {font-size:24px; color:#333; font-weight:600;} .system_content_view .video_con .swiper-slide {width:570px; margin:0 15px;} .system_content_view .video_con .swiper-slide {display:block;} .system_content_view .video_con .swiper-slide > .thum_con {position:relative; width:100%; height:330px; border:1px solid #ddd; background-size:cover; background-repeat:no-repeat; background-position:center; box-sizing:border-box;} .system_content_view .video_con .swiper-slide > .thum_con > .text_con { height:50px; line-height:50px; position:absolute; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.7); text-align:center;} .system_content_view .video_con .swiper-slide > .thum_con > .text_con > span {font-size:18px; color:#fff;} /*기획운영-소개*/ .editor_info {padding:60px 0;} .editor_info > span {font-size:18px; color:#333;} /*영상팝업(배경투명)*/ .video_popup_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .video_popup_con {display:none; width:1120px; margin:0 auto; position:fixed; top:15%; left:0; right:0; z-index:400;} .video_popup_con > .close_btn {position:absolute; top:-70px; right:50px; z-index:10;} .video_popup_con > .contents_con {} .video_popup_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:transparent;} /*LIVE스트리밍 - 라이브웨딩*/ .live_wedding { padding:60px 0 100px; background-color:#f4f4f4;} .live_wedding > .contents_con {position:relative; width:1200px; margin:0 auto;} .live_wedding > .contents_con > .title_con {margin-bottom:25px;} .live_wedding > .contents_con > .title_con > span {font-size:30px; color:#333; font-weight:600;} .live_wedding > .contents_con .swiper-slide {margin-right:15px; width:390px; height:220px; border:1px solid #ddd; box-sizing:border-box;} .live_wedding > .contents_con .prev_btn {position:absolute; top:15px; right:34px; cursor:pointer;} .live_wedding > .contents_con .next_btn {position:absolute; top:15px; right:0; cursor:pointer;} .live_wedding > .contents_con .swiper-pagination {left:0; right:0; bottom:-30px;} .live_wedding > .contents_con .swiper-pagination-bullet {margin:0 6px; width:10px; height:10px; background:#1a264a; opacity:0.3; outline:none;} .live_wedding > .contents_con .swiper-pagination-bullet-active {opacity:1;} /*견적문의-예약완료*/ .reservation_finish_con {padding:46px 0 49px; border:4px solid #f4f4f4; text-align:center;} .reservation_finish_con > b {display:block; margin:25px 0 15px; font-size:28px; color:#333; font-weight:600;} .reservation_finish_con > span {display:block; margin-bottom:45px; font-size:17px; color:#888; line-height:26px;} .reservation_finish_con > a {display:inline-block; width:328px; height:58px; line-height:56px; border:2px solid #ddd; box-sizing:border-box;} .reservation_finish_con > a > span {font-size:19px; color:#333; margin-right:15px;} /*제품 리스트 형식01*/ .product_form01_con {} .product_form01_con > .recommend_con {border-bottom:1px solid #dddddd; padding-bottom:70px; margin-bottom:70px;} .product_form01_con > .recommend_con > .contents_con {width:1200px; margin:0 auto;} .product_form01_con > .recommend_con > .contents_con > .title_con {margin-bottom:40px; text-align:center;} .product_form01_con > .recommend_con > .contents_con > .title_con span {font-size:40px; color:#282828; font-weight:600; line-height:40px;} .product_form01_con > .recommend_con > .contents_con > .nav {margin-bottom:40px;} .product_form01_con > .recommend_con > .contents_con > .nav > ul {border-left:1px solid #dddddd;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li {float:left; width:239px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li > a {display:block; text-align:center;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li > a span {display:inline-block; position:relative; top:0; left:0; font-size:17px; color:#666666; line-height:53px;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li > a span .icon {display:none; position:absolute; top:50%; margin-top:-9px; right:-39px; z-index:10;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li > .hit span .icon {display:block;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li > .on {background-color:#224a5e;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li > .on span {color:#ffffff; font-weight:700;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(1) {border-top:1px solid #dddddd;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(2) {border-top:1px solid #dddddd;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(3) {border-top:1px solid #dddddd;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(4) {border-top:1px solid #dddddd;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(5) {border-top:1px solid #dddddd;} .product_form01_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(5n) {width:238px;} .product_form01_con > .recommend_con > .contents_con > .contents_con {} .product_form01_con > .recommend_con > .contents_con > .contents_con > .video_con {margin-bottom:20px;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .video_con { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form01_con > .recommend_con > .contents_con > .contents_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form01_con > .recommend_con > .contents_con > .contents_con > .img_con {margin-bottom:20px;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con {margin-bottom:40px;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con > ul {} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li {float:left; margin-left:20px;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border:1px solid #dddddd; cursor:pointer; position:relative; top:0; left:0;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con {width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; right:0; z-index:10;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con > img {margin:0 auto; position:absolute; top:50%; margin-top:-20px; left:0; right:0; z-index:10;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin-left:0;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child .list_div > .over_con {display:none;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .btn_con {} .product_form01_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul {} .product_form01_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li {width:100%;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li .a_btn {display:block; background-color:#565656; text-align:center;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li .a_btn > img {margin-right:12px; vertical-align:middle;} .product_form01_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li .a_btn > span {font-size:22px; color:#ffffff; font-weight:300; line-height:62px; vertical-align:middle;} .product_form01_con > .video_con {margin-bottom:40px;} /*.product_form01_con > .video_con iframe {width:100%; height:500px;}*/ .product_form01_con > .video_con { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form01_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form01_con > .img_con {margin-bottom:40px;} .product_form01_con > .list_con {margin-top:60px;} .product_form01_con > .list_con > ul {} .product_form01_con > .list_con > ul > li {float:left; margin:26px 20px 0 0;} .product_form01_con > .list_con > ul > li .list_div {} .product_form01_con > .list_con > ul > li .list_div > .img_con {border:1px solid #dddddd; margin-bottom:11px; position:relative; top:0; left:0;} .product_form01_con > .list_con > ul > li .list_div > .img_con > .over_con {display:none; width:245px; height:140px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:20px 20px 0 20px; text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form01_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con {margin-bottom:6px;} .product_form01_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text01_con {margin-bottom:6px;} .product_form01_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text01_con span {font-size:20px; color:#ffffff; font-weight:700; line-height:28px;} .product_form01_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text02_con {height:44px;} .product_form01_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text02_con span {font-size:14px; color:#cccccc; font-weight:300; line-height:22px;} .product_form01_con > .list_con > ul > li .list_div > .img_con > .over_con > .icon_con {} .product_form01_con > .list_con > ul > li .list_div > .text_con {} .product_form01_con > .list_con > ul > li .list_div > .text_con span {font-size:17px; color:#222222; line-height:25px;} .product_form01_con > .list_con > ul > li .list_div:hover > .img_con > .over_con {display:block;} .product_form01_con > .list_con > ul > li .list_div02 {} .product_form01_con > .list_con > ul > li .list_div02 > .title_con {margin-bottom:10px;} .product_form01_con > .list_con > ul > li .list_div02 > .title_con > table {width:100%; margin:0 auto;} .product_form01_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > td {} .product_form01_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .logo_td {width:70px;} .product_form01_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .text_td {padding:0 10px;} .product_form01_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .text_td span {font-size:16px; color:#222222; line-height:24px;} .product_form01_con > .list_con > ul > li .list_div02 > .img_con {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form01_con > .list_con > ul > li .list_div02 > .img_con > .text_con {width:263px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form01_con > .list_con > ul > li .list_div02 > .img_con > .text_con span {font-size:15px; color:#ffffff; line-height:23px;} .product_form01_con > .list_con > ul > li .list_div02 > .img_con > .over_con {display:none; width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form01_con > .list_con > ul > li .list_div02 > .img_con > .over_con > .icon_con {width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-16px; left:0; right:0; z-index:10;} .product_form01_con > .list_con > ul > li .list_div02:hover > .img_con > .text_con {display:none;} .product_form01_con > .list_con > ul > li .list_div02:hover > .img_con > .over_con {display:block;} .product_form01_con > .list_con > ul > li:nth-child(1) {margin-top:0;} .product_form01_con > .list_con > ul > li:nth-child(2) {margin-top:0;} .product_form01_con > .list_con > ul > li:nth-child(3) {margin-top:0;} .product_form01_con > .list_con > ul > li:nth-child(4) {margin-top:0;} .product_form01_con > .list_con > ul > li:nth-child(4n) {margin-right:0;} .product_form01_con > .btn_con {text-align:center;} .product_form01_con > .btn_con > a {display:inline-block; margin-top:60px; width:328px; height:58px; line-height:54px; text-align:center; border:2px solid #ddd; box-sizing:border-box;} .product_form01_con > .btn_con > a > span {font-size:18px; color:#333; vertical-align:middle;} .product_form01_con > .btn_con > a > img {margin-left:20px; vertical-align:middle;} .product_form01_con .popupinfo_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .product_form01_con .popupinfo_con {display:none; width:1120px; margin:0 auto; position:fixed; top:10%; left:0; right:0; z-index:400;} .product_form01_con .popupinfo_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .product_form01_con .popupinfo_con > .contents_con {} .product_form01_con .popupinfo_con > .contents_con.scroll {height:780px; background-color:#ffffff; overflow-y:scroll;} .product_form01_con .popupinfo_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:#ffffff; padding:56px 40px 60px 40px;} .product_form01_con .popupinfo_con > .contents_con > .contents_con > .video_con {padding:0 10px;} .product_form01_con .popupinfo_con > .contents_con > .contents_con > .video_con > .title_con {margin-bottom:30px; text-align:center;} .product_form01_con .popupinfo_con > .contents_con > .contents_con > .video_con > .title_con span {font-size:35px; color:#282828; font-weight:600; line-height:43px;} .product_form01_con .popupinfo_con > .contents_con > .contents_con > .video_con > .video_con {margin-bottom:16px; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form01_con .popupinfo_con > .contents_con > .contents_con > .video_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form01_con .popupinfo_con > .contents_con > .contents_con > .video_con > .text_con {} .product_form01_con .popupinfo_con > .contents_con > .contents_con > .video_con > .text_con span {font-size:15px; color:#565656; line-height:23px;} .product_form01_con .popup_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .product_form01_con .popup_con {display:none; width:1120px; margin:0 auto; position:fixed; top:15%; left:0; right:0; z-index:400;} .product_form01_con .popup_con > .close_btn {position:absolute; top:-70px; right:50px; z-index:10;} .product_form01_con .popup_con > .contents_con {} .product_form01_con .popup_con > .contents_con.scroll {height:780px; /*background-color:#ffffff; overflow-y:scroll;*/} .product_form01_con .popup_con > .contents_con > .contents_con {width:1020px; margin:0 auto; /*background-color:#ffffff; padding:56px 40px 60px 40px;*/} .product_form01_con .popup_con > .contents_con > .contents_con > .video_con {padding:0 10px;} .product_form01_con .popup_con > .contents_con > .contents_con > .video_con > .title_con {margin-bottom:30px; text-align:center;} .product_form01_con .popup_con > .contents_con > .contents_con > .video_con > .title_con span {font-size:35px; color:#282828; font-weight:600; line-height:43px;} .product_form01_con .popup_con > .contents_con > .contents_con > .video_con > .video_con {margin-bottom:16px; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form01_con .popup_con > .contents_con > .contents_con > .video_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form01_con .popup_con > .contents_con > .contents_con > .video_con > .text_con {} .product_form01_con .popup_con > .contents_con > .contents_con > .video_con > .text_con span {font-size:15px; color:#565656; line-height:23px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con {margin-top:36px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .title_con {padding:0 10px; margin-bottom:26px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .title_con img {margin-right:12px; vertical-align:middle;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .title_con span {font-size:30px; color:#333333; font-weight:600; line-height:38px; vertical-align:middle;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con {} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container {width:100%; margin:0 auto; position:relative; top:0; left:0;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con {width:490px; margin:0 auto;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div {} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con {width:468px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:12px 10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con span {font-size:17px; color:#ffffff; line-height:25px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con {display:none; width:408px; height:226px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:52px 40px 0 40px; text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con {margin-bottom:26px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text01_con {margin-bottom:12px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text01_con span {font-size:24px; color:#ffffff; font-weight:700; line-height:32px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text02_con {height:52px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text02_con span {font-size:18px; color:#ffffff; font-weight:300; line-height:26px;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .icon_con {} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div:hover > .img_con > .text_con {display:none;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div:hover > .img_con > .over_con {display:block;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .prev_btn {width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; left:10px; z-index:10;} .product_form01_con .popup_con > .contents_con > .contents_con > .more_con > .slide_con .swiper-container .next_btn {width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; right:10px; z-index:10;} /*제품 리스트 형식02*/ .product_form02_con {} .product_form02_con .popupinfo_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .product_form02_con .popupinfo_con {display:none; width:1120px; margin:0 auto; position:fixed; top:10%; left:0; right:0; z-index:400;} .product_form02_con .popupinfo_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .product_form02_con .popupinfo_con > .contents_con {} .product_form02_con .popupinfo_con > .contents_con.scroll {height:780px; background-color:#ffffff; overflow-y:scroll;} .product_form02_con .popupinfo_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:#ffffff; padding:56px 40px 60px 40px;} .product_form02_con .popupinfo_con > .contents_con > .contents_con > .video_con {padding:0 10px;} .product_form02_con .popupinfo_con > .contents_con > .contents_con > .video_con > .title_con {margin-bottom:30px; text-align:center;} .product_form02_con .popupinfo_con > .contents_con > .contents_con > .video_con > .title_con span {font-size:35px; color:#282828; font-weight:600; line-height:43px;} .product_form02_con .popupinfo_con > .contents_con > .contents_con > .video_con > .video_con {margin-bottom:16px; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form02_con .popupinfo_con > .contents_con > .contents_con > .video_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form02_con .popupinfo_con > .contents_con > .contents_con > .video_con > .text_con {} .product_form02_con .popupinfo_con > .contents_con > .contents_con > .video_con > .text_con span {font-size:15px; color:#565656; line-height:23px;} .product_form02_con > .recommend_con {border-bottom:1px solid #dddddd; padding-bottom:70px; margin-bottom:70px;} .product_form02_con > .recommend_con > .contents_con {width:1200px; margin:0 auto;} .product_form02_con > .recommend_con > .contents_con > .title_con {margin-bottom:40px; text-align:center;} .product_form02_con > .recommend_con > .contents_con > .title_con span {font-size:40px; color:#282828; font-weight:600; line-height:40px;} .product_form02_con > .recommend_con > .contents_con > .nav {margin-bottom:40px;} .product_form02_con > .recommend_con > .contents_con > .nav > ul {border-left:1px solid #dddddd;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li {float:left; width:239px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li > a {display:block; text-align:center;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li > a span {display:inline-block; position:relative; top:0; left:0; font-size:17px; color:#666666; line-height:53px;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li > a span .icon {display:none; position:absolute; top:50%; margin-top:-9px; right:-39px; z-index:10;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li > .hit span .icon {display:block;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li > .on {background-color:#224a5e;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li > .on span {color:#ffffff; font-weight:700;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(1) {border-top:1px solid #dddddd;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(2) {border-top:1px solid #dddddd;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(3) {border-top:1px solid #dddddd;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(4) {border-top:1px solid #dddddd;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(5) {border-top:1px solid #dddddd;} .product_form02_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(5n) {width:238px;} .product_form02_con > .recommend_con > .contents_con > .contents_con {} .product_form02_con > .recommend_con > .contents_con > .contents_con > .video_con {margin-bottom:20px;} /* .product_form02_con > .recommend_con > .contents_con > .contents_con > .video_con iframe {width:100%; height:500px;} */ .product_form02_con > .recommend_con > .contents_con > .contents_con > .video_con { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form02_con > .recommend_con > .contents_con > .contents_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form02_con > .recommend_con > .contents_con > .contents_con > .img_con {margin-bottom:20px;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con {margin-bottom:40px;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con > ul {} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li {float:left; margin-left:20px;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border:1px solid #dddddd; cursor:pointer; position:relative; top:0; left:0;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con {width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; right:0; z-index:10;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con > img {margin:0 auto; position:absolute; top:50%; margin-top:-20px; left:0; right:0; z-index:10;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin-left:0;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child .list_div > .over_con {display:none;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .btn_con {} .product_form02_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul {} .product_form02_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li {float:left; width:590px; margin-left:20px;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li .a_btn {display:block; background-color:#565656; text-align:center;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li .a_btn > img {margin-right:12px; vertical-align:middle;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li .a_btn > span {font-size:22px; color:#ffffff; font-weight:300; line-height:62px; vertical-align:middle;} .product_form02_con > .recommend_con > .contents_con > .contents_con > .btn_con > ul > li:first-child {margin-left:0;} .product_form02_con > .portfolio_con {} .product_form02_con > .portfolio_con > .contents_con {width:1200px; margin:0 auto;} .product_form02_con > .portfolio_con > .contents_con > .title_con {margin-bottom:20px; text-align:center;} .product_form02_con > .portfolio_con > .contents_con > .title_con span {font-size:40px; color:#282828; font-weight:600; line-height:40px;} .product_form02_con > .portfolio_con > .contents_con > .nav {margin-bottom:40px;} .product_form02_con > .portfolio_con > .contents_con > .nav > .intro_con {margin-bottom:10px; text-align:right;} .product_form02_con > .portfolio_con > .contents_con > .nav > .intro_con span {font-size:13px; color:#777777; line-height:13px;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con {border:1px solid #cccccc; padding:15px; text-align:center;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con .bar {font-size:12px; color:#e8e8e8; line-height:20px; vertical-align:middle;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label {display:inline-block; cursor:pointer; vertical-align:middle;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label > input[type=checkbox] {display:none;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label > span {display:inline-block; background-color:#ffffff; padding:0 10px; font-size:16px; color:#666666; line-height:30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label > span.btn_141600 {border:1px solid #0387c9; font-size:14px; color:#0387c9; line-height:28px;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label > span.btn_141700 {border:1px solid #d724b0; font-size:14px; color:#d724b0; line-height:28px;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con .all_btn {display:inline-block; width:80px; border:1px solid #224a5e; background-color:#ffffff; padding:0; font-size:14px; color:#224a5e; font-weight:700; line-height:28px; vertical-align:middle; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con .all_btn.on {background-color:#224a5e; color:#ffffff;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label > input[type=checkbox]:checked + span {background-color:#224a5e; color:#ffffff;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label > input[type=checkbox]:checked + span.btn_141600 {background-color:#0387c9; color:#ffffff;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con label > input[type=checkbox]:checked + span.btn_141700 {background-color:#d724b0; color:#ffffff;} .product_form02_con > .portfolio_con > .contents_con > .nav > .list_con .bar:first-child {display:none;} .product_form02_con > .portfolio_con > .contents_con > .list_con {margin-bottom:40px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul {} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li {float:left; margin:26px 20px 0 0;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div {} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con {border:1px solid #dddddd; margin-bottom:11px; position:relative; top:0; left:0;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con {display:none; width:245px; height:140px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:20px 20px 0 20px; text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con {margin-bottom:6px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text01_con {margin-bottom:6px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text01_con span {font-size:20px; color:#ffffff; font-weight:700; line-height:28px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text02_con {height:44px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con > .text_con > .text02_con span {font-size:14px; color:#cccccc; font-weight:300; line-height:22px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con > .icon_con {} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .text_con {} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .text_con span {font-size:17px; color:#222222; line-height:25px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div:hover > .img_con > .over_con {display:block;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 {} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con {margin-bottom:10px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table {width:100%; margin:0 auto;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > td {} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .logo_td {width:70px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .text_td {padding:0 10px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .text_td span {font-size:16px; color:#222222; line-height:24px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .text_con {width:263px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .text_con span {font-size:15px; color:#ffffff; line-height:23px;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .over_con {display:none; width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .over_con > .icon_con {width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-16px; left:0; right:0; z-index:10;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02:hover > .img_con > .text_con {display:none;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02:hover > .img_con > .over_con {display:block;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(1) {margin-top:0;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(2) {margin-top:0;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(3) {margin-top:0;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(4) {margin-top:0;} .product_form02_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(4n) {margin-right:0;} .product_form02_con > .portfolio_con > .contents_con > .more_btn_con {text-align:center;} .product_form02_con > .portfolio_con > .contents_con > .more_btn_con .a_btn {display:block; width:323px; margin:0 auto; border:2px solid #cccccc; text-align:center;} .product_form02_con > .portfolio_con > .contents_con > .more_btn_con .a_btn > span {font-size:17px; color:#000000; line-height:54px; vertical-align:middle;} .product_form02_con > .portfolio_con > .contents_con > .more_btn_con .a_btn > img {margin-left:12px; vertical-align:middle;} .product_form02_con .popup_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .product_form02_con .popup_con {display:none; width:1120px; margin:0 auto; position:fixed; top:10%; left:0; right:0; z-index:400;} .product_form02_con .popup_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .product_form02_con .popup_con > .contents_con {height:780px; background-color:#ffffff; overflow-y:scroll;} .product_form02_con .popup_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:#ffffff; padding:56px 40px 60px 40px;} .product_form02_con .popup_con > .contents_con > .contents_con > .video_con {padding:0 10px; margin-bottom:38px;} .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .title_con {margin-bottom:30px; text-align:center;} .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .title_con span {font-size:35px; color:#282828; font-weight:600; line-height:43px;} /* .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .video_con {} .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .video_con iframe {width:100%; height:450px;} */ .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .video_con {margin-bottom:16px; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .img_con {margin-bottom:16px;} .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .img_con img {max-width:100%; height:auto;} .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .text_con {} .product_form02_con .popup_con > .contents_con > .contents_con > .video_con > .text_con span {font-size:15px; color:#565656; line-height:23px;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con {padding:0 10px; margin-bottom:36px;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con {margin-bottom:24px;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con {} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table {width:100%; margin:0 auto;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > td {} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > .text_td {} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > .text_td img {margin-right:9px; vertical-align:middle;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > .text_td span {font-size:30px; color:#333333; font-weight:600; line-height:38px; vertical-align:middle;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > .btn_td {} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > .btn_td .a_btn {display:inline-block; width:178px; background-color:#999999; text-align:center; border-radius:36px; -moz-border-radius:36px; -webkit-border-radius:36px;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > .btn_td .a_btn > span {font-size:16px; color:#ffffff; font-weight:700; line-height:36px; vertical-align:middle;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .tb_con > table > tbody > tr > .btn_td .a_btn > img {margin-left:26px; vertical-align:middle;} /* .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .title_con > .program_con {} */ .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con {} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul {} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul > li {float:left; width:490px; margin:20px 20px 0 0;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul > li .list_div {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul > li .list_div > .text_con {width:468px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:14px 10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul > li .list_div > .text_con span {font-size:18px; color:#ffffff; line-height:26px;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul > li:nth-child(1) {margin-top:0;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul > li:nth-child(2) {margin-top:0;} .product_form02_con .popup_con > .contents_con > .contents_con > .show_con > .list_con > ul > li:nth-child(2n) {margin-right:0;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con {} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .title_con {padding:0 10px; margin-bottom:26px;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .title_con img {margin-right:9px; vertical-align:middle;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .title_con span {font-size:30px; color:#333333; font-weight:600; line-height:38px; vertical-align:middle;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con {} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container {width:100%; margin:0 auto; position:relative; top:0; left:0;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con {width:490px; margin:0 auto;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div {} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con {width:468px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:12px 10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con span {font-size:17px; color:#ffffff; line-height:25px;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con {display:none; width:408px; height:226px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:52px 40px 0 40px; text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con {margin-bottom:26px;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text01_con {margin-bottom:12px;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text01_con span {font-size:24px; color:#ffffff; font-weight:700; line-height:32px;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text02_con {height:52px;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .text_con > .text02_con span {font-size:18px; color:#ffffff; font-weight:300; line-height:26px;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .over_con > .icon_con {} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div:hover > .img_con > .text_con {display:none;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div:hover > .img_con > .over_con {display:block;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .prev_btn {width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; left:10px; z-index:10;} .product_form02_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .next_btn {width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; right:10px; z-index:10;} /*제품 리스트 형식03*/ .product_form03_con {} .product_form03_con > .recommend_con {border-bottom:1px solid #dddddd; padding-bottom:70px; margin-bottom:70px;} .product_form03_con > .recommend_con > .contents_con {width:1200px; margin:0 auto;} .product_form03_con > .recommend_con > .contents_con > .title_con {margin-bottom:40px; text-align:center;} .product_form03_con > .recommend_con > .contents_con > .title_con span {font-size:40px; color:#282828; font-weight:600; line-height:40px;} .product_form03_con > .recommend_con > .contents_con > .nav {margin-bottom:40px;} .product_form03_con > .recommend_con > .contents_con > .nav > ul {border-left:1px solid #dddddd;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li {float:left; width:239px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li > a {display:block; text-align:center;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li > a span {display:inline-block; position:relative; top:0; left:0; font-size:17px; color:#666666; line-height:53px;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li > a span .icon {display:none; position:absolute; top:50%; margin-top:-9px; right:-39px; z-index:10;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li > .hit span .icon {display:block;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li > .on {background-color:#224a5e;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li > .on span {color:#ffffff; font-weight:700;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(1) {border-top:1px solid #dddddd;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(2) {border-top:1px solid #dddddd;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(3) {border-top:1px solid #dddddd;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(4) {border-top:1px solid #dddddd;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(5) {border-top:1px solid #dddddd;} .product_form03_con > .recommend_con > .contents_con > .nav > ul > li:nth-child(5n) {width:238px;} .product_form03_con > .recommend_con > .contents_con > .contents_con {} .product_form03_con > .recommend_con > .contents_con > .contents_con > .video_con {margin-bottom:20px;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .video_con { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form03_con > .recommend_con > .contents_con > .contents_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form03_con > .recommend_con > .contents_con > .contents_con > .img_con {margin-bottom:20px;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con {margin-bottom:40px;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con > ul {} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li {float:left; margin-left:20px;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border:1px solid #dddddd; cursor:pointer; position:relative; top:0; left:0;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con {width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; right:0; z-index:10;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .over_con > img {margin:0 auto; position:absolute; top:50%; margin-top:-20px; left:0; right:0; z-index:10;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin-left:0;} .product_form03_con > .recommend_con > .contents_con > .contents_con > .list_con > ul > li:first-child .list_div > .over_con {display:none;} .product_form03_con > .portfolio_con {} .product_form03_con > .portfolio_con > .contents_con {width:1200px; margin:0 auto;} .product_form03_con > .portfolio_con > .contents_con > .title_con {margin-bottom:20px; text-align:center;} .product_form03_con > .portfolio_con > .contents_con > .title_con span {font-size:40px; color:#282828; font-weight:600; line-height:40px;} .product_form03_con > .portfolio_con > .contents_con > .list_con {margin-bottom:40px;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul {} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li {float:left; margin:50px 40px 0 0;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div {border:1px solid #dddddd; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; overflow:hidden;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con {border-bottom:1px solid #dddddd; position:relative; top:0; left:0;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con {display:none; width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .img_con > .over_con > .icon_con {width:100%; margin:0 auto; position:absolute; top:116px; left:0; right:0; z-index:10;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .text_con {text-align:center;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div > .text_con span {font-size:24px; color:#222222; font-weight:500; line-height:70px;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div:hover > .img_con > .over_con {display:block;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 {} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con {margin-bottom:10px;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table {width:100%; margin:0 auto;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > td {} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .logo_td {width:70px;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .text_td {padding:0 10px;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .title_con > table > tbody > tr > .text_td span {font-size:16px; color:#222222; line-height:24px;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .text_con {width:263px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .text_con span {font-size:15px; color:#ffffff; line-height:23px;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .over_con {display:none; width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02 > .img_con > .over_con > .icon_con {width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-16px; left:0; right:0; z-index:10;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02:hover > .img_con > .text_con {display:none;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li .list_div02:hover > .img_con > .over_con {display:block;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(1) {margin-top:0;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(2) {margin-top:0;} .product_form03_con > .portfolio_con > .contents_con > .list_con > ul > li:nth-child(2n) {margin-right:0;} .product_form03_con .popup_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .product_form03_con .popup_con {display:none; width:1120px; margin:0 auto; position:fixed; top:10%; left:0; right:0; z-index:400;} .product_form03_con .popup_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .product_form03_con .popup_con > .contents_con {height:780px; background-color:#ffffff; overflow-y:scroll;} .product_form03_con .popup_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:#ffffff; padding:56px 40px 60px 40px;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con {padding:0 10px; margin-bottom:66px;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .title_con {margin-bottom:26px; text-align:center;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .title_con img {margin-right:12px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .title_con span {font-size:40px; color:#282828; font-weight:600; line-height:48px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .title_con span .color_text {font-size:30px; color:#666666; line-height:38px;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .img_con {margin-bottom:30px;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .img_con img {max-width:100%; height:auto;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .video_con {margin-bottom:20px;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .video_con { position: relative; padding-bottom: 56.25%; height: 0; } .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .btn_con {text-align:center;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .btn_con .a_btn {display:inline-block; width:336px; background-color:#565656; text-align:center;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .btn_con .a_btn > img {margin-right:11px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .mc_con > .btn_con .a_btn > span {font-size:20px; color:#ffffff; font-weight:300; line-height:62px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con {margin-bottom:66px;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .title_con {padding:0 10px; margin-bottom:20px;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .title_con img {margin-right:10px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .title_con span {font-size:30px; color:#333333; font-weight:600; line-height:38px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con {} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container {width:100%; margin:0 auto; position:relative; top:0; left:0;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con {width:490px; margin:0 auto;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div {} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con {width:468px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:12px 10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con span {font-size:17px; color:#ffffff; line-height:25px;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .prev_btn {width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; left:10px; z-index:10;} .product_form03_con .popup_con > .contents_con > .contents_con > .event_con > .slide_con .swiper-container .next_btn {width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; right:10px; z-index:10;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con {} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .title_con {padding:0 10px; margin-bottom:20px;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .title_con img {margin-right:10px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .title_con span {font-size:30px; color:#333333; font-weight:600; line-height:38px; vertical-align:middle;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con {} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container {width:100%; margin:0 auto; position:relative; top:0; left:0;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con {width:320px; margin:0 auto;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div {} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con {border:1px solid #dddddd; position:relative; top:0; left:0;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con {width:298px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.7); padding:10px; text-align:center; position:absolute; bottom:0; left:0; right:0; z-index:10;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con .list_div > .img_con > .text_con span {font-size:14px; color:#ffffff; line-height:22px;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .prev_btn {width:40px; cursor:pointer; position:absolute; top:50%; margin-top:-20px; left:10px; z-index:10;} .product_form03_con .popup_con > .contents_con > .contents_con > .recommend_con > .slide_con .swiper-container .next_btn {width:40px; cursor:pointer; position:absolute; top:50%; margin-top:-20px; right:10px; z-index:10;} .product_form03_con .popup_popup_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .product_form03_con .popup_popup_con {display:none; width:1120px; margin:0 auto; position:fixed; top:10%; left:0; right:0; z-index:400;} .product_form03_con .popup_popup_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .product_form03_con .popup_popup_con > .contents_con {} .product_form03_con .popup_popup_con > .contents_con > .contents_con {width:1020px; margin:0 auto; background-color:#ffffff; padding:56px 40px 60px 40px;} .product_form03_con .popup_popup_con > .contents_con > .contents_con > .video_con {padding:0 10px;} .product_form03_con .popup_popup_con > .contents_con > .contents_con > .video_con > .title_con {margin-bottom:30px; text-align:center;} .product_form03_con .popup_popup_con > .contents_con > .contents_con > .video_con > .title_con span {font-size:35px; color:#282828; font-weight:600; line-height:43px;} /* .product_form03_con .popup_popup_con > .contents_con > .contents_con > .video_con > .video_con {} .product_form03_con .popup_popup_con > .contents_con > .contents_con > .video_con > .video_con iframe {width:100%; height:450px;} */ .product_form03_con .popup_popup_con > .contents_con > .contents_con > .video_con > .video_con { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .product_form03_con .popup_popup_con > .contents_con > .contents_con > .video_con > .video_con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*게시판 리스트*/ .notice_list_con {} .notice_list_con > .search_con {margin-bottom:20px; text-align:right;} .notice_list_con > .search_con .select {width:126px; height:40px; border:1px solid #dddddd; background-position:90% 50%; padding:0 20px; margin-right:6px; font-size:16px; vertical-align:middle;} .notice_list_con > .search_con .input_con {display:inline-block; vertical-align:middle;} .notice_list_con > .search_con .input_con > table {} .notice_list_con > .search_con .input_con > table > tbody > tr > td {} .notice_list_con > .search_con .input_con > table > tbody > tr > td .input {width:198px; height:38px; border:1px solid #dddddd; padding:0 20px; font-size:16px;} .notice_list_con > .search_con .input_con > table > tbody > tr > td .input_btn {width:72px; height:40px; border:0; background-color:#565656; font-size:16px; color:#ffffff; cursor:pointer;} .notice_list_con > .write_btn_con {margin-top:20px; text-align:right;} .notice_list_con > .write_btn_con .a_btn {display:inline-block; width:158px; background-color:#224a5e; text-align:center; font-size:16px; color:#ffffff; font-weight:600; line-height:42px;} .notice_list_con > .number_list_con {margin-top:20px;} /*일반 게시판*/ .normal_notice_con {} .normal_notice_con > table {width:100%; margin:0 auto; border-top:2px solid #282828; border-bottom:1px solid #dddddd;} .normal_notice_con > table > thead > tr > td {height:54px; background-color:#f5f5f5;} .normal_notice_con > table > thead > tr > td span {font-size:18px; color:#282828; font-weight:600; line-height:26px;} .normal_notice_con > table > tbody > tr > td {height:50px; border-bottom:1px solid #dddddd;} .normal_notice_con > table > tbody > tr > td span {font-size:16px; color:#565656; line-height:24px;} .normal_notice_con > table > tbody > tr > td .notice_btn {display:inline-block; width:54px; background-color:#999999; color:#ffffff; text-align:center; font-weight:600; line-height:27px;} .normal_notice_con > table > tbody > tr > td .answer_btn {display:inline-block; width:120px; text-align:center; line-height:30px;} .normal_notice_con > table > tbody > tr > td .answer_btn01 {border:1px solid #bbbbbb; background-color:#ffffff; color:#666666;} .normal_notice_con > table > tbody > tr > td .answer_btn02 {border:1px solid #999999; background-color:#999999; color:#ffffff;} .normal_notice_con > table > tbody > tr > .info_td {padding:0 30px;} .normal_notice_con > table > tbody > tr > .info_td span {color:#282828; vertical-align:middle;} .normal_notice_con > table > tbody > tr > .info_td .icon {margin:0 3px; vertical-align:middle;} /*게시판 뷰 페이지*/ .notice_view_con {} .notice_view_con > .view_con {margin-bottom:20px;} .notice_view_con > .view_con > table {width:100%; margin:0 auto; border-top:2px solid #282828; border-bottom:1px solid #dddddd;} .notice_view_con > .view_con > table > thead > tr > td {background-color:#f5f5f5; border-bottom:1px solid #dddddd; padding:16px 0;} .notice_view_con > .view_con > table > thead > tr > td > table {width:100%; margin:0 auto;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > td {padding:0 30px;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > td span {line-height:26px;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .title_td {} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .title_td span {font-size:18px; color:#282828; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .title_td .icon {margin:0 3px; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .info_td {} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .info_td span {font-size:16px; color:#666666; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .info_td span .bar {font-size:12px; color:#999999; line-height:20px;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .info_td .answer_btn {display:inline-block; width:120px; margin-left:16px; text-align:center; line-height:30px; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .info_td .answer_btn01 {border:1px solid #bbbbbb; background-color:#ffffff; color:#666666;} .notice_view_con > .view_con > table > thead > tr > td > table > tbody > tr > .info_td .answer_btn02 {border:1px solid #999999; background-color:#999999; color:#ffffff;} .notice_view_con > .view_con > table > tbody > tr > td {} .notice_view_con > .view_con > table > tbody > tr > .file_td {} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul {} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul > li {} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul > li span {} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul > li span a {} .notice_view_con > .view_con > table > tbody > tr > .posts_td {border-bottom:1px solid #dddddd; padding:30px;} .notice_view_con > .view_con > table > tbody > tr > .posts_td span {font-size:16px; color:#565656; line-height:24px;} .notice_view_con > .view_con > table > tbody > tr > .posts_td img {} .notice_view_con > .view_con > table > tbody > tr > .answer_td {border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .title_con {background-color:#f5f5f5; padding:14px 30px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .title_con img {margin-right:6px; vertical-align:middle;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .title_con span {font-size:18px; color:#282828; line-height:26px; vertical-align:middle;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con {padding:20px 30px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con > table {width:100%; margin:0 auto;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con > table > tbody > tr > td {} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con > table > tbody > tr > td span {font-size:16px; color:#565656; line-height:24px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con > table > tbody > tr > .re_td {width:45px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con > table > tbody > tr > .re_td span {color:#282828; font-weight:600;} .notice_view_con > .btn_con {} .notice_view_con > .btn_con > table {width:100%; margin:0 auto;} .notice_view_con > .btn_con > table > tbody > tr > td {} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn {display:inline-block; width:158px; margin-left:7px; text-align:center; font-size:16px; color:#ffffff; line-height:42px;} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn01 {background-color:#565656;} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn02 {background-color:#bbbbbb;} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn:first-child {margin-left:0;} /*게시판 글쓰기*/ .notice_write_con {} .notice_write_con > .input_con {margin-bottom:20px;} .notice_write_con > .input_con > table {width:100%; margin:0 auto; border-top:2px solid #282828; border-bottom:1px solid #dddddd;} .notice_write_con > .input_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .notice_write_con > .input_con > table > tbody > tr > .title_td {width:140px; background-color:#f5f5f5; padding-left:40px;} .notice_write_con > .input_con > table > tbody > tr > .title_td span {display:inline-block; font-size:16px; color:#282828; line-height:24px; position:relative; top:0; left:0;} .notice_write_con > .input_con > table > tbody > tr > .title_td span .dot {color:#ff3737; font-weight:600; position:absolute; top:0; left:-10px; z-index:10;} .notice_write_con > .input_con > table > tbody > tr > .info_td {padding:13px 40px;} .notice_write_con > .input_con > table > tbody > tr > .info_td span {font-size:16px; color:#666666; line-height:24px;} .notice_write_con > .input_con > table > tbody > tr > .info_td label {cursor:pointer; vertical-align:middle;} .notice_write_con > .input_con > table > tbody > tr > .info_td label > input {margin-right:3px; vertical-align:middle;} .notice_write_con > .input_con > table > tbody > tr > .info_td label > span {vertical-align:middle;} .notice_write_con > .input_con > table > tbody > tr > .info_td .input {height:38px; border:1px solid #dddddd; padding:0 15px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .select {height:40px; border:1px solid #dddddd; padding:0 15px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .textarea {width:908px; height:151px; border:1px solid #dddddd; padding:11px 15px; line-height:22px; overflow-y:scroll;} .notice_write_con > .input_con > table > tbody > tr > .info_td .radio_con {display:inline-block; vertical-align:middle;} .notice_write_con > .input_con > table > tbody > tr > .info_td .radio_con > ul {} .notice_write_con > .input_con > table > tbody > tr > .info_td .radio_con > ul > li {float:left; margin-left:15px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .radio_con > ul > li label > span {line-height:40px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .radio_con > ul > li:first-child {margin-left:0;} .notice_write_con > .input_con > table > tbody > tr > .info_td .cal_con {display:inline-block; width:138px; border:1px solid #dddddd; padding:0 15px; margin-left:15px; cursor:pointer; vertical-align:middle;} .notice_write_con > .input_con > table > tbody > tr > .info_td .cal_con > table {width:100%; margin:0 auto;} .notice_write_con > .input_con > table > tbody > tr > .info_td .cal_con > table > tbody > tr > td {} .notice_write_con > .input_con > table > tbody > tr > .info_td .cal_con > table > tbody > tr > td .input {width:100%; height:38px; border:0; padding:0; cursor:pointer;} .notice_write_con > .input_con > table > tbody > tr > .info_td .cal_con > table > tbody > tr > .icon_td {width:25px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con {} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul {} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li {float:left; width:220px; margin:13px 20px 0 0;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div {position:relative; top:0; left:0;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div > input {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:10;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div > .contents_con {border:1px solid #dddddd; padding:0 10px 0 30px; cursor:pointer;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div > .contents_con > span {font-size:13px; line-height:38px; letter-spacing:-0.3px; vertical-align:middle;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div > .contents_con > img {display:none; margin-left:3px; vertical-align:middle;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div > input[type=checkbox]:checked + .contents_con {background-color:#888888;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div > input[type=checkbox]:checked + .contents_con > span {color:#ffffff; text-decoration:underline;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div:hover > .contents_con {background-color:#888888;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .list_div:hover > .contents_con > span {color:#ffffff; text-decoration:underline;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:300;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con {display:none; width:1000px; margin:0 auto; background-color:#f5f5f5; position:fixed; top:12%; left:0; right:0; z-index:400;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .close_btn {position:absolute; top:-30px; right:-30px; z-index:10;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .close_btn img {cursor:pointer;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con {padding:40px 44px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con > .title_con {margin-bottom:26px; text-align:center;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con > .title_con > .text01_con {margin-bottom:6px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con > .title_con > .text01_con span {font-size:20px; color:#666666; font-weight:600; line-height:28px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con > .title_con > .text02_con {} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con > .title_con > .text02_con span {font-size:35px; color:#282828; font-weight:600; line-height:43px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con > .info_con {height:550px; border-top:2px solid #282828; background-color:#ffffff; padding:26px 30px; overflow-y:scroll;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li .popup_con > .contents_con > .info_con span {font-size:16px; color:#666666; line-height:24px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li:nth-child(1) {margin-top:0;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li:nth-child(2) {margin-top:0;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li:nth-child(3) {margin-top:0;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li:nth-child(4) {margin-top:0;} .notice_write_con > .input_con > table > tbody > tr > .info_td .item_con > ul > li:nth-child(4n) {margin-right:0;} .notice_write_con > .btn_con {text-align:center;} .notice_write_con > .btn_con .a_btn {display:inline-block; width:158px; background-color:#bbbbbb; margin-right:7px; text-align:center; font-size:16px; color:#ffffff; line-height:42px; vertical-align:middle;} .notice_write_con > .btn_con .input_btn {width:158px; border:0; background-color:#1a264a; font-size:16px; color:#ffffff; line-height:42px; cursor:pointer; vertical-align:middle;} /*게시판 비밀번호*/ .notice_auth_con {} .notice_auth_con > .write_con {border-top:2px solid #282828; border-bottom:2px solid #dddddd; padding:46px 0 50px 0; margin-bottom:20px; text-align:center;} .notice_auth_con > .write_con > .text_con {margin-bottom:24px;} .notice_auth_con > .write_con > .text_con > .text01_con {margin-bottom:4px;} .notice_auth_con > .write_con > .text_con > .text01_con span {font-size:18px; color:#282828; line-height:26px; vertical-align:middle;} .notice_auth_con > .write_con > .text_con > .text01_con .icon {margin:0 3px; vertical-align:middle;} .notice_auth_con > .write_con > .text_con > .text02_con {} .notice_auth_con > .write_con > .text_con > .text02_con span {font-size:14px; color:#888888; line-height:22px;} .notice_auth_con > .write_con > .input_con {} .notice_auth_con > .write_con > .input_con .input {height:38px; border:1px solid #dddddd; background-color:#f5f5f5; padding:0 15px;} .notice_auth_con > .btn_con {text-align:center;} .notice_auth_con > .btn_con .a_btn {display:inline-block; width:158px; background-color:#bbbbbb; margin-right:7px; text-align:center; font-size:16px; color:#ffffff; line-height:42px; vertical-align:middle;} .notice_auth_con > .btn_con .input_btn {width:158px; border:0; background-color:#565656; font-size:16px; color:#ffffff; line-height:42px; cursor:pointer; vertical-align:middle;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }