/* 스킨 수정 내용 */ /* 딱존 게시판 기본 옵션 */ #bw_board_write_form .txc{margin-top:10px} #bw_board_write{padding:0 0 0px 0 !important;} #bw_board_write table caption {border-bottom:2px solid #c50000 !important; } #bw_board_list caption {border-bottom:2px solid #c50000 !important;} #bw_board_list thead tr th {font-family: 'ScoreDream', sans-serif; padding: 16px !important; background-color: #fff7f7 !important;} #bw_board_list tbody tr td {padding: 12px 8px !important;} #bw_board_view caption {border-bottom:2px solid #c50000 !important;} #bw_board_write table th {height: 50px; background: #fff7f7 !important;} #bw_board_write table td {height: 50px;} .bw_page li a.on {background:0075c1 !important; border:1px solid #f4699c !important;} /* 딱존 카테고리 기본옵션 */ .sub_content .bw_board_tab_0 {padding:0; margin:0; border-bottom:none;} .sub_content .bw_board_tab_0 li {padding:0; margin:0; display:inline-block; width:50%;} .sub_content .bw_board_tab_0 li a {display:block; margin-top:-1px; margin-left:-1px; padding:0;text-align:center; font-size:14px;border:1px solid #0075c1; height:60px; line-height:60px;} .sub_content .bw_board_tab_0 li .on {background:#eef6ff; color: #0075c1} /* SCoreDream 100, 200, 300, 400, 500, 600, 700, 800, 900 */ @font-face { font-family: 'SCoreDream'; font-weight: 100; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 200; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 300; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 400; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 500; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 600; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 700; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 800; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 900; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.ttf') format("truetype"); font-display: swap; } /* 기본 설정 */ *{padding: 0; margin: 0;} body{font-family:'ScoreDream', sans-serif; font-size: 14px;} ul, ol{list-style: none; font-size: 0px;} li{list-style: none; font-size: 14px;} .img img{max-width: 100%;} img{border: none;} a{color: #121212; text-decoration: none; font-family: 'ScoreDream', sans-serif;} .cf:after{display: block; content: ""; clear: both;} .wrap, header, .utility, section, footer{width: 100%; position: relative;} .header_in, .utility_in, .w1300, .footer_in{max-width: 1300px; margin: 0 auto; position: relative; box-sizing: border-box;} .in_w1300{max-width: 1300px; margin: 0 auto; box-sizing: border-box;} .full_screen_page{width:100%; box-sizing: border-box; position:relative;} .pc1400 {display: block;} .m1400 {display: none;} .pc1300{display: block;} .m1300{display: none;} .pc1100{display: block;} .m1100{display: none;} .pc1000{display: block;} .m1000{display: none;} .pc900{display: block;} .m900{display: none;} .pc800{display: block;} .m800{display: none;} .pc640_in{display: inline-block;} .pc640{display: block;} .m640_in{display: none;} .m640{display: none;} .pc480{display: block;} .m480{display: none;} .pc400{display: block;} .m400{display: none;} .sub_title_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;} .sub_title_wrap .sub_title{font-size: 40px; font-weight: 800; color: #fff; text-align: center; margin-bottom: 4px;} .sub_title_wrap .sub_title_add_text{color: #fff; font-size: 18px; text-align: center; font-weight: 300;} .con_title{font-size: 50px; font-weight: 600; text-align: center; margin: 60px auto 0px;} .con_title::after{display: block; content: ""; width: 60px; height: 3px; background: #121212; margin: 26px auto 36px; } .common_table {width:100%} .common_table table {width: 100%; border-collapse: collapse; border-spacing: 0;} .common_table table caption {width: 100%; height: 2px; background: #c50000;} .common_table table th {border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; padding: 16px; background: #fff8f8; font-size: 16px; font-weight: 400;} .common_table table th:last-child {border-right: none;} .common_table table td {border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; padding: 10px; font-size: 16px;} .common_table table td:last-child {border-right: none;} .common_dl{} .common_dl::after {display: block; content: ""; clear: both;} .common_dl dt {width: 20px; float: left; line-height: 20px; margin-bottom: 16px;} .common_dl dd {width: calc(100% - 20px); float: left; line-height: 20px; margin-bottom: 16px;} .common_dl dt:nth-last-child(2) {margin-bottom: 0;} .common_dl dd:nth-last-child(1) {margin-bottom: 0;} .space36{margin-right: 36px;} .space15{margin-right: 15px;} .tu_tit{font-weight: 600; font-size: 15px;line-height: 1.5em; margin-bottom: 12px; color: #121212;} .tu_stit{font-size: 14px; line-height: 1.5em; margin:10px 0 4px; color: #121212;} .tu_d1{padding-left: 10px; font-size: 13px; line-height: 1.5em; color: #565656;} .tu_d2{padding-left: 20px; font-size: 13px; line-height: 1.5em; color: #565656;} /* 메인페이지 */ .main_tit{font-size: 74px; font-weight: 200; color: #fff; margin-bottom: 8px;} .main_tit .point{font-weight: 900;} .main_tit_add_text{font-size: 20px; font-weight: 400; color: #fff; margin-bottom: 5vh; line-height: 1.6em;} .sec_in_box{max-width: 1300px; margin: 0 auto; padding-top: 20vh; box-sizing: border-box;} .sec1{height: 100vh; min-height: 800px; overflow: hidden;} header{box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 9000; transition: all 0.4s; background: #fff} header.bg_on{background: #fff;} header.bg_on .header_in .main_menu > ul > .d1 > a{color: #000;} header.bg_on .header_in .menu_open_btn > div{background: #000;} header.bg_on .header_in .m_hidden_menu_open_btn > div{background: #000;} header .header_in{height:100px; max-width: 100%; margin: 0 auto; position: relative; } header .header_in .logo{position: absolute; top: 24px; left: 38px;} header .header_in .main_menu{width: 994px; margin: 0 auto 0 calc(((100% - 994px) / 2) + -30px); text-align: center;} header .header_in .main_menu > ul > .d1{display: inline-block; height: 100%; vertical-align: top; box-sizing: border-box; position: relative;} header .header_in .main_menu > ul > .d1 > a{display: block; line-height: 100px; font-size: 19px; font-weight: 600; color: #fff; padding: 0 70px; color: #121212;} header .header_in .main_menu > ul > .d1 > a:hover{color: #fbb111;} header .header_in .main_menu > ul > .d1 .sub{display: none; z-index: 8000; min-width: 120px; position: absolute; top: 100px; left: 0; background: rgba(255,255,255,1); width: 100%; padding: 10px 0; border: 1px solid #dfdfdf;} header .header_in .main_menu > ul > .d1:nth-child(2) .sub{width: 200px;} header .header_in .main_menu > ul > .d1 .sub > ul{} header .header_in .main_menu > ul > .d1 .sub > ul > .d2{} header .header_in .main_menu > ul > .d1 .sub > ul > .d2 > a{display: block; padding: 6px 10px; text-align: left; color: #121212; font-weight: 500;} header .header_in .main_menu > ul > .d1 .sub > ul > .d2 > a:hover{color: #fbb111;} header .header_in .family_site{position: absolute; color: #121212; top: 30px; right: 150px; width: 173px;} header .header_in .family_site .selected{border-bottom: 1px solid #121212; padding: 8px 0; width: 100%; position: relative; cursor: pointer; font-weight: 600;} header .header_in .family_site .selected .arrow{width: 6px; height: 6px; display: block; border-bottom: 1px solid #121212; border-right: 1px solid #121212; position: absolute; top: 12px; right: 0; transform: rotate(45deg);} header .header_in .family_site .family_list{background: #fff; padding: 10px 0; display: none; border: 1px solid #dfdfdf;} header .header_in .family_site .family_list ul{} header .header_in .family_site .family_list ul li{} header .header_in .family_site .family_list ul li a{color: #121212; display: block; padding: 4px 10px; font-weight: 500;} header .header_in .family_site .family_list ul li a:hover{color: #fbb111; font-weight: 500;} header .header_in .menu_open_btn_wrap{position: absolute; top: 0px; right: 0; width: 115px; height: 100%; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/menu_open_btn_wrap_bg-1.png) no-repeat center; background-size: cover;} header .header_in .menu_open_btn{position: absolute; top: 40px; left: 50%; transform: translateX(-50%); cursor: pointer; } header .header_in .menu_open_btn > div{width: 28px; height: 3px; background: #fff;} header .header_in .menu_open_btn > .top_line{} header .header_in .menu_open_btn > .middle_line{margin: 6px 0;} header .header_in .menu_open_btn > .bottom_line{} header .header_in .m_hidden_menu_open_btn{position: absolute; top: 30px; right: 0; display: none; cursor: pointer;} header .header_in .m_hidden_menu_open_btn > div{width: 28px; height: 3px; background: #fff;} header .header_in .m_hidden_menu_open_btn > .top_line{} header .header_in .m_hidden_menu_open_btn > .middle_line{margin: 6px 0;} header .header_in .m_hidden_menu_open_btn > .bottom_line{} .total_menu_wrap{width: 100%; box-shadow: 0 1px 3px #000; height: 100vh; position: fixed; top: 0px; left: 0; z-index: 9000; background: #363636; display: none;} .total_menu_wrap .total_menu_wrap_logo{position: absolute; top: 50px; left: 50%; transform: translateX(-50%);} .total_menu_wrap .total_menu_wrap_close_btn{cursor: pointer; position: absolute; top: 30px; right: 40px;} .total_menu_wrap > ul{margin: 140px 120px 100px; position: relative; border-top: 1px solid #fff; padding-top: 30px;} .total_menu_wrap > ul > .d1{display: inline-block; width: 23.5%; margin-right: 2%; box-sizing: border-box; vertical-align: top;} .total_menu_wrap > ul > .d1:last-child{margin-right: 0;} .total_menu_wrap > ul > .d1 > a{display: block; font-size: 24px; font-weight: 700; padding: 10px 0; color: #fff;} .total_menu_wrap > ul > .d1 > a:hover{color: #fbb111;} .total_menu_wrap > ul > .d1 > .sub{} .total_menu_wrap > ul > .d1 > .sub > ul{padding: 10px 0;} .total_menu_wrap > ul > .d1 > .sub > ul > li{} .total_menu_wrap > ul > .d1 > .sub > ul > li a{display: block; padding: 6px 0px; font-size: 18px; color: #fff;} .total_menu_wrap > ul > .d1 > .sub > ul > li a:hover{color: #fbb111; } .total_menu_wrap .total_menu_wrap_utility{margin: 0 120px;} .total_menu_wrap .total_menu_wrap_utility > ul{} .total_menu_wrap .total_menu_wrap_utility > ul > li{display: inline-block; width: 20%; height: 154px; border: 3px solid #fff; border-bottom-left-radius: 30px; text-align: left; overflow: hidden; margin-right: 4%; box-sizing: border-box;} .total_menu_wrap .total_menu_wrap_utility > ul > li a{display: block; width: 100%; height: 100%; padding: 20px; font-size: 24px; box-sizing: border-box; position: relative;} .total_menu_wrap .total_menu_wrap_utility > ul > li a:hover{background: rgba(255,255,255, 0.2);} .total_menu_wrap .total_menu_wrap_utility > ul > li a .text{color: #fff; } .total_menu_wrap .total_menu_wrap_utility > ul > li a .img{position: absolute; bottom: 20px; right: 20px;} .total_menu_wrap .total_menu_wrap_utility > ul > li:last-child{border: none; width: 51%; margin-right: 0; border-bottom-left-radius: 0px; padding-top: 29px; box-sizing: border-box;} .total_menu_wrap .total_menu_wrap_utility > ul > li:last-child .tit{font-size: 28px; color: #fff; display: inline-block; font-weight: 500; vertical-align: top; line-height: 0.9em; font-weight: 500; padding-top: 0px;} .total_menu_wrap .total_menu_wrap_utility > ul > li:last-child .tit .point{font-size: 13px; font-weight: 300;} .total_menu_wrap .total_menu_wrap_utility > ul > li:last-child .num{font-size: 45px; color: #ff0000; vertical-align: top; margin-top: 0px; font-weight: 600;} .total_menu_wrap .total_menu_wrap_utility > ul > li:last-child .address{font-size:16px; color:#fff; vertical-align:bottom; padding-bottom:10px} .sec1 .sec1_text_wrap{position: absolute; top: 50%; left: 50%; margin-left: -650px; transform: translateY(-50%); color: #fff; text-shadow: 0px 0px; text-shadow: 0 0 16px #000; z-index: 100;} .sec1 .sec1_text_wrap .tit{font-size: 74px; font-weight: 800; margin-bottom: 30px; line-height: 1.2em; font-weight: 200;} .sec1 .sec1_text_wrap .tit .point{font-weight: 700;} .sec1 .sec1_text_wrap .add_text{font-size: 17px; line-height: 2em; font-weight: 200;} .sec1 .sec1_text_wrap .add_text .point{font-weight: 900;} .full_screan_pager{position: fixed; top: 50%; left: 70px;; transform: translateY(-50%); z-index: 90;} .full_screan_pager ul{} .full_screan_pager ul li{color: #bababa; margin-bottom: 35px; position: relative; cursor: pointer; text-shadow: 0 0 2px #000;} .full_screan_pager ul li::after{display: block; content: ""; width: 1px; height: 55px; background: #bababa; position: absolute; top: 9px; left: 4px; z-index: -1;} .full_screan_pager ul li:last-child:after{display: none;} .full_screan_pager ul .on{color: #fff;} .full_screan_pager ul li span{display: inline-block; width: 9px; height: 9px; background: #bababa; border-radius: 50%; margin-right: 10px;} .full_screan_pager ul .on span{background: #fff;} .video_wrap_bg{width: 100%; height: 100%; z-index: -1; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0;} .video_wrap{z-index: -2; width: 100%; height: 100vh; overflow: hidden;} .video_wrap video{position: absolute; left: 50%; top: 50%; background-color: #000; background-position: center; background-size: cover; object-fit: cover; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); -webkit-background-size: cover;} .video_wrap #video1{z-index: 2;} .sec2{height: 100vh; min-height: 800px; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/sec2_bg.jpg) no-repeat center; background-size: cover; box-sizing: border-box; overflow: hidden;} .sec2 .sec_in_box{} .sec2 .sec_in_box .photo_frame_wrap{width: 700px; height: 712px; position: relative;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame{color: #fff; width: 100%; height: 100%; position: relative; padding: 90px 100px; box-sizing: border-box;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .top_frame{height: 27px; width: 0%; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/top_frame_bg.jpg); position: absolute; top: 0; left: 0;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .top_frame_action{animation: top_frame_action 0.5s linear; animation-fill-mode: forwards;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .right_frame{width: 27px; height: 0%; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/right_frame_bg.png); position: absolute; bottom: 0; right: 0; background-position: right top; z-index: 10px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .right_frame_action{animation: right_frame_action 0.5s linear; animation-fill-mode: forwards;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .bottom_frame{height: 27px; width: 0%; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/bottom_frame_bg.png); position: absolute; bottom: 0; right: 0; background-position: left bottom; z-index: 10;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .bottom_frame_action{animation: bottom_frame_action 0.5s linear; animation-fill-mode: forwards;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .left_frame{width: 27px; height: 0%; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/left_frame_bg.jpg); position: absolute; top: 0; left: 0; background-position: left top;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .left_frame_action{animation: left_frame_action 0.5s linear; animation-fill-mode: forwards;} @keyframes top_frame_action { 0%{width: 0;} 100%{width: 100%;} } @keyframes right_frame_action { 0%{height: 0;} 100%{height: 100%;} } @keyframes bottom_frame_action { 0%{width: 0;} 100%{width: 100%;} } @keyframes left_frame_action { 0%{height: 0;} 100%{height: 100%;} } .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap{opacity: 0; z-index: 100; position: relative;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap_action{opacity: 0; animation: sec2_tit_wrap_animation 0.5s linear; animation-fill-mode: forwards; animation-delay: 0.8s; } @keyframes sec2_tit_wrap_animation { 0%{opacity: 0; z-index: 100;} 100%{opacity: 1; z-index: 100;} } .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit_add_text{font-size: 30px; font-weight: 300;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit{font-size: 60px; font-weight: 700;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit_unberline{width: 100%; height: 2px; background: linear-gradient(to right, #fff 80%, #000 20%); position: relative; top: 0; left: 0; margin: 35px 0; z-index: 100;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap > .text_wrap > .tit{font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 13px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap > .text_wrap > .font_size15{font-size: 15px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap > .text_wrap > .text{color: #a0a3a5; font-size: 15px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide{height: 560px; position: absolute; top: 50%; left: 1000px; transform: translateY(-50%); opacity: 0;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide_action{animation: sec2_slide_animation 0.3s linear; animation-delay: 0.5s; animation-fill-mode: forwards; z-index: 1; } @keyframes sec2_slide_animation { 0%{left: 1000px; opacity: 0;} 100%{left: 500px; opacity: 1;} } .sec2 .sec_in_box .left_text_wrap{} .sec2 .sec_in_box .sec2_tit{font-size: 46px; font-weight: 400; line-height: 56px; margin-bottom: 24px;} .sec2 .sec_in_box .sec2_tit span{font-weight: 700;} .sec2 .sec_in_box .sec2_btn{} .sec2 .sec_in_box .sec2_btn > ul{} .sec2 .sec_in_box .sec2_btn > ul > li > a{display: block; padding: 0 25px; box-sizing: border-box; border: 1px solid #3a3e57; position: relative;} .sec2 .sec_in_box .sec2_btn > ul > li > a:after{display: block; content: ""; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(45deg); width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff;} .sec2 .sec_in_box .sec2_btn > ul > li:first-child > a{display: block; width: 250px; line-height: 42px; background: #101533; color: #fff; margin-bottom: 10px;} .sec2 .sec_in_box .sec2_btn > ul > li:first-child > a:hover{text-decoration:underline;} .sec2 .sec_in_box .sec2_btn > ul > li:last-child > a{display: block; width: 250px; line-height: 42px;} .sec2 .sec_in_box .sec2_btn > ul > li:last-child > a:hover{text-decoration:underline;} .sec2 .sec2_slide{position: absolute; top: 0; left: 396px;} .sec2 .sec2_slide .sc2 *{transition: 0.4s all;} .sec2 .sec2_slide .sc2{width: 1400px; height: 100%; padding-bottom: 20px; padding-left: 54px;} .sec2 .sec2_slide .sc2 .sw2{width: 100%; position: relative; height: 100%;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide{width: 450px; margin-right: 18px; position: relative; left: 50px;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide img{width: 450px; height: 450px; position: absolute; top:50%; left: 0; transform: translateY(-50%);} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide .img_bg{width: 450px; height: 450px; background: #000; position: absolute; top: 50%; left: 0; opacity: 0.6; transform: translateY(-50%);} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide .img_bg a{display: block; width: 100%; height: 100%;} .sec2 .sec2_slide .sc2 .sw2 .on{transform: scale(1.24); position: relative; left: 0px;} .sec2 .sec2_slide .sc2 .sw2 .on .img_bg{opacity: 0;} .sec2 .sec2_slide .sc2 .sw2 .on img{box-shadow: 23px 24px 10px -15px rgba(0,0,0,0.4);} .sec2 .sec2_slide .sc2 .sw2 .sc2_ss1{} .sec2 .sec_in_box .sec2_slide_btn_wrap{width: 115px; height: 30px; position: absolute; bottom: 90px; left: 100px; opacity: 0;} .sec2 .sec_in_box .sec2_slide_btn_wrap_action{animation: sec2_slide_btn_wrap_animation 0.4s linear; animation-fill-mode: forwards; animation-delay: 1s;} @keyframes sec2_slide_btn_wrap_animation { 0%{opacity: 0;} 100%{opacity: 1;} } .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_pager{line-height: 14px; color: #a1a4a6; position: relative; bottom: 14px;} .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_pager .swiper-pagination-current{font-size: 24px; font-weight: 800; color: #fff; width: 52px; line-height: 52px; background: #0093f2; border-radius: 50%; display: inline-block;} .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_prev_btn{background: none; width:10px; height: 10px; top: 30px; left: 0;} .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_prev_btn::after{display: block; content: ""; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-135deg);} .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_next_btn{background: none; width:10px; height: 10px; top: 30px; right: 0;} .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_next_btn::after{display: block; content: ""; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);} .sec3{height: 100vh; min-height: 800px; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/sec3_bg.jpg) no-repeat center; background-size: cover; overflow: hidden;} .sec3 .sec_in_box{} .sec3 .sec_in_box .box_list{width: 1340px; height: 395px; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/box_list_bg.jpg) no-repeat center center; position: absolute; bottom: 12%; right: -1340px;} .sec3 .sec_in_box .sec3_box_list_action{animation: sec3_box_list_action 0.6s cubic-bezier(0.000, 0.315, 0.000, 0.990); animation-fill-mode: forwards;} @keyframes sec3_box_list_action { 0%{right: -1340px;} 100%{right: 0px;} } .sec3 .sec_in_box .box_list .shortcut{position: absolute; top: -74px; right: 414px; font-size: 18px; font-weight: 900; color: #fff; opacity: 0;} .sec3 .sec_in_box .box_list .shortcut_action{animation: shortcut_action 0.4s linear; animation-delay: 0.6s; animation-fill-mode: forwards;} @keyframes shortcut_action { 0%{opacity: 0;} 100%{opacity: 1;} } .sec3 .sec_in_box .box_list .shortcut a{color: #fff; line-height: 50px; display: inline-block; position: relative;} .sec3 .sec_in_box .box_list .shortcut a img{position: absolute; margin-left: 12px;} .sec3 .sec_in_box .box_list{padding: 54px 0; box-sizing: border-box;} .sec3 .sec_in_box .box_list > ul{height: 100%;} .sec3 .sec_in_box .box_list > ul > li{width: 25%; height: 100%; display: inline-block; vertical-align: top; color: #fff; padding: 12px 52px; box-sizing: border-box; position: relative; border-right: 1px solid rgba(255,255,255,0.3);; overflow: hidden;} .sec3 .sec_in_box .box_list > ul > li .in_box .icon{margin-bottom: 20px;} .sec3 .sec_in_box .box_list > ul > li .in_box .tit{font-size: 26px; font-weight: 600; margin-bottom: 13px;} .sec3 .sec_in_box .box_list > ul > li .in_box .text{font-size: 15px; font-weight: 300; line-height: 1.6em;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1) .in_box{height: 100%; position: relative; bottom: -340px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1) .sec3_box_list1_inBox_action{animation: sec3_box_list_inbox_action 0.4s ease-in-out; animation-fill-mode: forwards;animation-delay: 0.5s;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2) .in_box{height: 100%; position: relative; bottom: -340px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2) .sec3_box_list2_inBox_action{animation: sec3_box_list_inbox_action 0.4s ease-in-out; animation-fill-mode: forwards; animation-delay: 0.9s;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .in_box{height: 100%; position: relative; bottom: -340px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .sec3_box_list3_inBox_action{animation: sec3_box_list_inbox_action 0.4s ease-in-out; animation-fill-mode: forwards; animation-delay: 1.3s;} @keyframes sec3_box_list_inbox_action { 0%{bottom: -340px;} 100%{bottom: 0;} } .sec3 .sec_in_box .box_list > ul > li:nth-child(3){border-right: none;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .in_box .text{margin-bottom: 10px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .in_box .number{font-size: 30px; font-weight: 800; margin-bottom: 4px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .in_box .number a{color: #fffe81;} .sec3 .sec_in_box .box_list > ul > li:nth-child(4){border-right: none;} .sec3 .sec_in_box .box_list > ul > li .in_box .fax{font-size: 17px; font-weight: 700;} .sec3 .sec_in_box .box_list > ul > li .in_box .more_btn{position: absolute; width: 108px; bottom: 0px; left: 0px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .more_btn{width: 217px;} .sec3 .sec_in_box .box_list > ul > li .in_box .more_btn:after{content: ""; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 14px; right: 20px; transform: rotate(45deg);} .sec3 .sec_in_box .box_list > ul > li .in_box .more_btn a{display: block; line-height: 36px; border-radius: 18px; border: 1px solid #fff; color: #fff; padding: 0 20px; font-weight: 500;} .sec3 .sec_in_box .box_list > ul > li .in_box .more_btn a:hover{background: rgba(255,255,255,0.2);} .sec3 .sec_in_box .box_list > ul > li:last-child{} .sec4{height: 100%;} /* 서브페이지 */ .sub_header{box-sizing: border-box; position: inherit; top: 0; left: 0; z-index: 9000; transition: all 0.4s; background: #fff} .sub_sec1{height: 250px; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/sub_view.jpg) no-repeat center;} .sub_sec1 .w1300 {height: 100%;} .sub_sec2 .ss_menu_wrap{width: 100%; height: 70px; background: #fff; border-bottom: 1px solid #e1e1e1 ; box-sizing: border-box;} .sub_sec2 .ss_menu_wrap .ss_menu{max-width: 1300px; margin: 0 auto; width: 100%; height: 100%;} .sub_sec2 .ss_menu_wrap .ss_menu > ul{height: 100%;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li{display: inline-block; height: 100%; vertical-align: top;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .hoem_nth{width: 80px; height: 100%; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .hoem_nth .img{width: 100%; height: 100%; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/ssmenu_hone_icon-1.png) center no-repeat;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box{width: 280px; position: relative; border-right: 1px solid #e1e1e1; box-sizing:border-box;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .selected{width: 100%; line-height: 70px; padding: 0 20px; position: relative; box-sizing: border-box; font-size: 18px; cursor: pointer; color: #121212; font-weight: 500;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .selected:after{display: block; content: ""; width: 10px; height: 10px; border-bottom: 2px solid #121212; border-right: 2px solid #121212; position: absolute; top: 24px; right: 15px; transform: rotate(45deg);} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .combo_list{position: absolute; top: 70px; left: -0px; z-index: 8000; background: #fff; width: 100%; padding: 10px 0; display: none; border: 1px solid #d7d7d7; box-sizing: border-box; border-top: none; } .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .combo_list > ol{} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .combo_list > ol > li{} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .combo_list > ol > li > a{display: block; box-sizing: border-box; padding: 8px 20px; font-size: 16px; color: #121212;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .combo_list > ol > li > a:hover{background: #efefef;} .sub_sec3 {position: relative; display: block; box-sizing: border-box;} .sub_sec3 .w1300 {height: 100%;} .sub_sec3 .w1300 .sub_content {height: 100%;} .sub_sec3 .w1300 .sub_content .sub12 {position: relative; display: block; box-sizing: border-box; margin: 0px 0 100px 0;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1 {position: relative; display: block; box-sizing: border-box;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left {float: left; width: 51%; color: #121212;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 38px; font-weight: 600; text-align: left;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc {font-size: 18px; font-weight: 400; text-align: left; line-height: 1.8; margin-top: 65px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 30px; vertical-align: -9px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right {position: relative; float: right;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right img {position: relative; width: 100%;} /* 수정 */ .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right img:last-child {display: none;} /* 수정 */ .sub13{} .sub13 .img{height: 100%; height: 160px; background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/history_main.png) no-repeat center; position: relative;} .sub13 .img .text_wrap{position: absolute; top: 50%; left: 85px; transform: translateY(-50%); color: #fff;} .sub13 .img .text_wrap .text1{font-size: 36px; font-weight: 700;} .sub13 .img .text_wrap .text2{font-size: 29px; font-weight: 300;} .sub13_tab{text-align: center; margin-bottom: 50px;} .sub13_tab > ol{} .sub13_tab > ol > li{width: 250px; display: inline-block; vertical-align: top;} .sub13_tab > ol > li > a{display: block; line-height: 58px; border: 1px solid #d9d9d9; font-size: 18px; cursor: pointer;} .sub13_tab > ol > li > .on{background: #101533; color: #fff; border: 1px solid #101533;} .sub13 .con2 .history_list .info_wrap{width: 100%; display: block; position: relative;} .sub13 .con2 .history_list .info_wrap::before{display: block; content: ""; width: 2px; height: 100%; background: #d7d7d7; position: absolute; top: 0; left: 50%; transform: translate(-50%);} .sub13 .con2 .history_list .info_wrap .left{width: 50%; box-sizing: border-box; padding-right: 50px;} .sub13 .con2 .history_list .info_wrap .year{text-align: right; font-size: 22px; font-weight: 600; color: #0075c1; margin-bottom: 6px;} .sub13 .con2 .history_list .info_wrap .year > span{display: block; content: ""; background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/history_dot.png); width: 24px; height: 24px; left: 50%; top: 0px; position: absolute; transform: translate(-50%);} .sub13 .con2 .history_list .info_wrap .left .list_wrap{text-align: right; font-size: 16px; padding-bottom: 40px;} .sub13 .con2 .history_list .info_wrap .left .list_wrap > ul > li{padding: 4px 0;} .sub13 .con2 .history_list .info_wrap .list_wrap > ul > li > .text{font-size: 18px; margin-bottom: 4px;} .sub13 .con2 .history_list .info_wrap .right .year{text-align: left;} .sub13 .con2 .history_list .info_wrap .right{width: 50%; float: right; box-sizing: border-box; padding-left: 50px;} .sub13 .con2 .history_list .info_wrap .right .list_wrap{padding-bottom: 40px;} .sub13 .con2 .history_list .info_wrap .right .list_wrap > ul > li{padding: 4px 0;} .sub13 .con2 .history_list .info_wrap .list_wrap > ul > li > .common_dl{position: relative;} .sub13 .con2 .history_list .info_wrap .list_wrap > ul > li > .common_dl dt{font-size: 18px; width: 10px; line-height: 1.4em;} .sub13 .con2 .history_list .info_wrap .list_wrap > ul > li > .common_dl dd{font-size: 18px; width: calc(100% - 10px); line-height: 1.4em;} .sub14 {position: relative; display: block; box-sizing: border-box; margin-bottom: 60px;} .sub14 .sub14_con1 {position: relative;} .sub14 .sub14_con1 .sub14_con1_map {position: relative; width: 100%; height: 100%;} .sub14 .sub14_con1 .sub14_con1_map #map {position: relative; width: 100%; height: 432px;} .sub14 .sub14_con1 .sub14_con1_address {font-size: 18px; color : #363636; text-align: left; margin-top: 50px;} .sub14 .sub14_con1 .sub14_con1_address .common_table table tr td {padding: 19px 25px;} .sub14 .sub14_con1 .sub14_con1_address .common_table table tr td:first-child {width: 20%; background-color: #fff7f7; font-weight: 500; text-align: center;} .sub14 .sub14_con1 .sub14_con1_address .common_table table td{font-size: 18px;} .con {margin-bottom: 90px;} .con:last-child {margin-bottom: 0;} .con60 {margin-bottom: 40px;} .con60:last-child {margin-bottom: 0;} .sub_wrap {position: relative; display: block; box-sizing: border-box; margin: 40px 0 70px 0;} .sub_sub_title {font-size: 42px; font-weight: 600; text-align: center; margin-top: 60px;} .sub_sub_title::after {display: block; content: ""; width: 60px; height: 3px; background: #121212; margin: 26px auto 0 auto;} .con_title_eng {font-size: 13px; font-weight: 300; text-align: center; margin-bottom: 3px;} .con_title_kor {font-size: 34px; font-weight: 600; text-align: center;} .con_left {float: left;} .con_right {float: right} .center {text-align: center;} .sub {margin-bottom: 50px;} .sub:last-child {margin-bottom: 0;} .blue {color: #c50000 !important;} .table_desc {display: block; font-size: 14px; text-align: right; color: #888;} .gold_title {font-size: 26px; font-weight: 300; color: #b7a216; text-align: center; margin-bottom:20px} .online_btn {color: #fff; background-color: #006cc0;} .online_btn:hover {color: #fff; background-color: #005fa9;} .brochure_btn {color: #006cc0; border: 1px solid #006cc0; margin-right: 4px;} .brochure_btn:hover {background-color: #e6f5ff;} .product_con_title {position: relative; font-size: 34px; font-weight: 600; color: #121212; text-align: center; margin: 32px auto 34px auto;} .product_con_sub_title {position: relative; font-size: 22px; color: #363636; text-align: center; font-weight: 500;} .product_con_sub {position: relative; font-size: 22px; font-weight: 500; color: #363636; margin-bottom: 15px;} .product_con_desc_tit {position: relative; font-size: 22px; color: #121212; font-weight: 500; margin-bottom: 15px;} .product_con_desc {position: relative; font-size: 18px; color: #363636; line-height: 1.8; margin: 25px auto 45px auto; } .product_right_button {position: relative; display: block; box-sizing: border-box;} .product_right_button a {display:inline-block; font-size: 16px; width: 300px; height: 50px; line-height: 50px; text-align: center;} .sub_sec2 .w1300 .sub_content .common_dl dt {margin-top: 4px; margin-bottom: 10px;} .sub_sec2 .w1300 .sub_content .common_dl dd {line-height: 1.5; margin-bottom: 10px;} .img_box_center {position: relative; display: inline-block; text-align: center; border: 1px solid #0f0f0f;} .img_box_center img {position: relative; width: 100%; max-width: 100%;} .product_right_button {position: relative; display: block; box-sizing: border-box;} .product_right_button a {position: relative; display: inline-block; width: 330px; height: 50px; font-size: 16px; line-height: 50px; text-align: center;} .brochure_btn {color: #c50000; border: 1px solid #c50000; margin-right: 22px;} .brochure_btn:hover {background-color: #ffeded;} .brochure_btn:hover::after {content: ''; position: absolute; top: 71%; left: 50%; transform: translate(-50%, -50%); width: 45%; height: 1px; background-color: #c50000;} .online_btn {color: #fff; background: url('https://d1xmponkznzc88.cloudfront.net/busanweb/ydsteel/skin/product_online_bg.png') no-repeat center;} .online_btn:hover {color: #fff; text-decoration: underline; text-underline-position : under; background: url('https://d1xmponkznzc88.cloudfront.net/busanweb/ydsteel/skin/product_online_bg_hover.png') no-repeat center;} .sub21 {position: relative; box-sizing: border-box; display: block;} .sub_sec3 .w1300 .sub_content .sub21 .common_table table th {padding: 10px 7px !important; font-weight: 500;} .sub21_desc_img {position: relative; text-align: center; display: block; font-size: 0;} .sub21_desc_img img {position: relative; display: inline-block; max-width: 100%} .sub21_desc_img_tit {position: relative; font-size: 22px; color: #363636; margin-bottom: 15px; font-weight: 500;} .sub_sec3 .w1300 .sub_content .bw_board_tab_0 {position: relative; padding: 0; border: 0; display: block; width: 50%; margin: 0 auto;} .sub_sec3 .w1300 .sub_content .bw_board_tab_0 li {display: inline-block; width: 33.33%; text-align: center;} .sub_sec3 .w1300 .sub_content .bw_board_tab_0 li a {box-sizing: border-box; font-size: 20px; font-weight: 300; height: 50px; line-height: 50px; background-color: #fff; color: #949494; text-align: center; border: 1px solid #e1e1e1;} .sub_sec3 .w1300 .sub_content .bw_board_tab_0 li a.on {background:url('https://d1xmponkznzc88.cloudfront.net/busanweb/ydsteel/skin/online_btn.png'); color: #fff; font-weight: 500;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 {position: relative; padding: 0; border: 0; display: block; max-width: 100%; margin: 10px auto 22px auto; text-align: center; border-bottom: 1px solid #e1e1e1;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li {display: inline-block; text-align: center; height: 100%; padding: 0; border: none; line-height: 1.6em; padding: 8px 0;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li:last-child:after {display: none;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li a {box-sizing: border-box; height: 20px; font-size: 16px; font-weight: 300; color: #808080; padding: 0px 16px;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li a.on {color: #cd0000; font-weight: 500;} /* 서브페이지 - 칼라강판 - Luxteel - 럭스틸 프리미엄 sub21_01_04 */ .sub_sec3 .w1300 .sub_content .sub21_01_04 {} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con1 {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con1 .product_con_desc {text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con2 .common_dl {font-size: 18px; color: #363636;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con2 .common_dl dt {width: 288px; font-weight: 500; text-align: left; margin: 0 0 8px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con2 .common_dl dd {width: 100%; margin: 0 0 18px 18px; line-height: 1.6;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con3 {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con7 .sub21_01_04_img03 img {position: relative; display: inline-block; width: 99%;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con11 {margin-bottom: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con11 .sub21_01_04_img03 img {position: relative; display: inline-block; width: 99%;} /* 서브페이지 - 칼라강판 - Luxteel - 럭스틸 GIX sub21_01_05 */ .sub_sec3 .w1300 .sub_content .sub21_01_05 {} .sub_sec3 .w1300 .sub_content .sub21_01_05 .common_table table {} .sub_sec3 .w1300 .sub_content .sub21_01_05 .common_table table tr td img {vertical-align: middle; font-size: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con1 {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con1 .product_con_desc {text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con1 .sub21_01_05_img01 {position: relative; text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con1 .sub21_01_05_img01 img {position: relative; display: inline-block; width: auto;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con2 .common_dl {font-size: 18px; color: #363636;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con2 .common_dl dt {width: 288px; font-weight: 500; text-align: left; margin: 0 0 6px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con2 .common_dl dd {width: 100%; margin: 0 0 24px 0px; line-height: 1.6em; padding-left: 18px; box-sizing: border-box;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con3 .sub21_01_05_img02 {position: relative; text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con3 .sub21_01_05_img02 img {position: relative; display: inline-block;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con5 .product_con_desc {line-height: 1.8; margin: 15px auto 30px auto;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con7 .common_table {text-align: center; overflow-x: auto;} /* 서브페이지 - 칼라강판 - Luxteel - 럭스틸 GLX sub21_01_06 */ .sub_sec3 .w1300 .sub_content .sub21_01_06 {} .sub_sec3 .w1300 .sub_content .sub21_01_06 .common_table {text-align: center; overflow-x: auto;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .common_table table {white-space: nowrap;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .common_table table tr td img {vertical-align: middle; font-size: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .common_table table tr td {padding: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .common_table table tr td:nth-child(1) {padding: 5px;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .common_table table tr td:nth-child(2) {padding: 5px;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .common_table table tr td:nth-child(3) {padding: 5px;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con1 {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con1 .product_con_desc {text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con2 .common_dl {font-size: 18px; color: #363636;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con2 .common_dl dt {width: 288px; font-weight: 500; text-align: left; margin: 0 0 6px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con2 .common_dl dd {width: 100%; margin-bottom: 18px; padding-left: 18px;box-sizing: border-box; line-height: 1.6em;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con3 {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con3 .sub21_01_06_img02 {position: relative; display: inline-block;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con5 .product_con_desc {line-height: 1.8; margin: 40px auto 45px auto;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 {position: relative; text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_desc_img_tit {font-weight: 500;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_desc_img_tit:first-child {font-weight: 500; margin-bottom: 20px; text-align: left; font-size: 22px;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd {position: relative; display: block; box-sizing: border-box; border: 1px solid #121212; padding: 60px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd .sub21_desc_img_tit {margin-bottom: 60px; text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd .product_con_desc {line-height: 1.8; margin: 50px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd .sub21_01_06_img03 {position: relative; display: block; margin: 80px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd .sub21_01_06_img03.mt-0 {margin: 0 0 80px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06_con7 .product_con_desc_tit{margin-bottom: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06_con9 .product_con_desc_tit{margin-bottom: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_06_con10 .product_con_desc_tit{margin-bottom: 0;} /* 서브페이지 - 칼라강판 - Luxteel - 럭스틸 바이오 sub21_01_07 */ .left_table {float: left;} .right_table {float: right;} .sub_sec3 .w1300 .sub_content .sub21_01_07 {} .sub_sec3 .w1300 .sub_content .sub21_01_07 .common_table {text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con1 .product_con_desc {text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center {padding: 15px; width: 100%; box-sizing: border-box;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left {position: relative; width: 35%; margin-top: 78px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left img {position: relative; display: inline-block; width: 230px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right {width: 65%; text-align: left; font-size: 16px; margin-top: 7px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list_wrap {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list {position: relative; margin-bottom: 10px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list:last-child {margin-bottom: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_left {float: left;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {float: right; width: 87%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right .list_desc_wrap {display: inline-block; line-height: 1.6; position: absolute; top: 46%; transform: translateY(-50%);} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con4 .table_tit_img {display: inline-block; text-align: left;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con4 .left_table {width: 47%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con4 .right_table {width: 47%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con4 .right_table .common_table .pd td:nth-child(2) {padding: 22px 10px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .left_table {width: 47%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .right_table {width: 47%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 {position: relative;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap {position: relative; height: 100%; background-color: #eef3f7;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box {position: relative; padding: 36px 20px 36px 46px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con6_tit {position: relative; display: block; font-size: 18px; font-weight: 500; color: #669eb6; text-align: left; margin-bottom: 20px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_left {width: 43%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_left .con6_img {display: inline-block; border-right: 2px dotted #679fb7; padding-right: 35px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_right {width: 47%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_right .con6_tit {margin-left: 21px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con7 .common_table {text-align: left;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con7 .common_table table tr td:last-child {text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 {} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center {width: 100%; padding: 25px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap {width: 80%; margin: 0 auto;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list {position: relative; font-size: 16px; margin-bottom: 15px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list:last-child {margin-bottom: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_left {position: relative; float: left;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_left img {position: relative; display: inline-block; width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right {float: right; text-align: left; width: 89%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right .list_desc_wrap {position: absolute; left: 18%; top: 50%; transform: translateY(-50%); line-height: 1.8;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con13 .common_table {text-align: center; overflow-x: auto;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con13 .common_table table tr td .gray {color: #969696;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con13 .common_table table tr td:nth-child(2) {width: 38%; padding: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con13 .common_table table tr td:nth-child(3) {width: 38%; padding: 0; text-align: left;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con13 .common_table table tr td {white-space: nowrap;} .sub_sec3 .w1300 .sub_content .sub21_01_07_con10 .product_con_desc{margin: 0px auto 0 auto;} /* 서브페이지 - 칼라강판 - APPSTEEL sub21_02 */ .sub_sec3 .w1300 .sub_content .sub21_noline .product_con_desc {margin: 0 auto 0 auto;} .sub_sec3 .w1300 .sub_content .sub21_noline .product_con_title {margin: 40px auto 25px auto;} .sub_sec3 .w1300 .sub_content .sub21_02 {} .sub_sec3 .w1300 .sub_content .sub21_02 .product_con_desc_tit{} .sub_sec3 .w1300 .sub_content .sub21_02 .con {margin-bottom: 50px;} .sub_sec3 .w1300 .sub_content .sub21_02 .sub21_02_con1{text-align: center;} /* 서브페이지 - 칼라강판 - supersmp sub21_03 */ .sub_sec3 .w1300 .sub_content .sub21_03 {} .sub_sec3 .w1300 .sub_content .sub21_03 .con {margin-bottom: 40px;} .sub_sec3 .w1300 .sub_content .sub21_03 .con_wrap {position: relative; display: block; margin: 30px 0;} .sub_sec3 .w1300 .sub_content .sub21_03 .product_con_sub_title {text-align: left; margin-bottom: 20px;} .sub_sec3 .w1300 .sub_content .sub21_03 .product_con_sub_title.center {text-align: center; margin: 25px 0;} .sub_sec3 .w1300 .sub_content .sub21_03 .product_con_title {margin-top: 40px;} .sub_sec3 .w1300 .sub_content .sub21_03 .product_con_desc {text-align: left; margin-bottom: 15px;} .sub_sec3 .w1300 .sub_content .sub21_03 .sub21_03_con1 .product_con_desc {text-align: center;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right .list_desc_wrap .list_desc_tit{font-weight:500} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right .list_desc_wrap .list_desc_tit{font-weight:500} .sub32 .con1 .left{width: 34.76%; margin-right: 4.76%; height: 452px; background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub32_img1.jpg) no-repeat center; background-size: cover; display: inline-block; vertical-align: top;} .sub32 .con1 .left .img{background: url({@RUL::ftp}/sub32_img1.jpg);} .sub32 .con1 .right{width: 60.48%; height: 100%; display: inline-block; vertical-align: top; padding-top: 90px; box-sizing: border-box;} .sub32 .con1 .sub32_text_wrap{font-size: 24px; font-weight: 400; line-height: 1.6em; margin-bottom: 30px;} .sub32 .con1 .num_table{width: 100%;} .sub32 .con1 .num_table{padding-bottom: 35px;} .sub32 .con1 .num_table > div{} .sub32 .con1 .num_table > div ul{} .sub32 .con1 .num_table > div ul li{display: inline-block; font-size: 18px; padding: 14px 10px; box-sizing: border-box; margin-bottom: 3px;} .sub32 .con1 .num_table .num ul li:nth-child(2){background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub32_table_bg2.png) no-repeat right center;} .sub32 .con1 .num_table .add ul li:nth-child(1){background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub32_table_bg1.png) no-repeat left center;} .sub32 .con1 .num_table > div ul li:last-child{margin-bottom: 0;} .sub32 .con1 .num_table > div ul li:nth-child(1){color: #fff; background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub32_table_bg.jpg); width:27%; display: inline-block; border-right: 3px solid #fff; box-sizing: border-box; text-align: center; font-weight: 600; vertical-align: top;} .sub32 .con1 .num_table > div ul li:nth-child(2){color: #363636; background: #f6f6f6; display: inline-block; width: 73%; padding: 14px 22px; vertical-align: top;} .sub32 .con1 .btn{} .sub32 .con1 .btn a{display: block; border: 1px solid #c10204; font-size: 16px; line-height: 50px; width: 301px;} /* 제품소개 공통 */ .sub_content .sub22 .con1 .left{background-image: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub22_img1.jpg);} .sub_content .sub23 .con1 .left{background-image: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub23_img1.jpg);} .sub_content .sub24 .con1 .left{background-image: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub24_img1.jpg);} .sub_content .sub25 .con1 .left{background-image: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub25_img1.jpg);} .sub_content .sub26 .con1 .left{background-image: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub25_img1.jpg);} .sub_content .sub26 .con1 .right .text_wrap {padding-bottom: 26px;} .common_product .con1 .left{float: left; width: 44%; height: 750px; margin-right: 4%; background-image: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub22_img1.jpg); background-size:cover; background-repeat: no-repeat; background-position: center;} .common_product .con1 .left .img{} .common_product .con1 .right{width: 52%; float: left; box-sizing: border-box; min-height: 750px; position: relative;} .common_product .con1 .right .product_tit{font-size: 18px; font-weight: 500; background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/product_tit_icon.png) no-repeat left 4px; padding-left: 30px; margin-bottom: 12px;} .common_product .con1 .right .text_wrap{font-size: 18px; color: #363636; font-weight: 400; min-height: 186px; line-height: 1.8em; padding-bottom: 40px; box-sizing: border-box;} .common_product .con1 .right .common_dl{padding-bottom: 60px;} .common_product .con1 .right .common_dl dt{font-size: 16px; color: #363636; line-height: 1.6em; margin-bottom: 14px; width: 16px;} .common_product .con1 .right .common_dl dd{font-size: 16px; color: #363636; line-height: 1.6em; margin-bottom: 14px; width: calc(100% - 16px);} .common_product .con1 .right .common_dl dd .point{font-weight: 500;} .common_product .con1 .right .btn_wrap{position: absolute; bottom: 0; left: 0; width: 100%;} .common_product .con1 .right .btn_wrap > ul{} .common_product .con1 .right .btn_wrap > ul > li{display: inline-block; vertical-align: top; width: 48%; margin-right: 4%; box-sizing: border-box;} .common_product .con1 .right .btn_wrap > ul > li:last-child{margin-right: 0; background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/online_btn.png) no-repeat center; background-size: cover; } .common_product .con1 .right .btn_wrap > ul > li:last-child > a{color: #fff;} .common_product .con1 .right .btn_wrap > ul > li > a{color: #c50000; border: 1px solid #c50000; display: block; padding: 14px 10px; font-size: 16px; text-align: center; box-sizing: border-box;} .common_product .con1 .right .btn_wrap > ul > li:nth-child(1) > a:hover{background: #c50000; color: #fff;} footer{background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/footer_bg.jpg) no-repeat center; background-size: cover; padding: 40px 0px 56px; box-sizing: border-box; } footer .footer_in{color: #b2b2b2;} footer .footer_in .logo_wrap {} footer .footer_in .logo_wrap .f_logo {position: absolute; top: -10px; right: 0;} footer .footer_in .logo_wrap .family_site {display: none;} footer .footer_in .logo_wrap .family_site {position: absolute; color: #fff; top: 30px; right: 70px; width: 173px; position: absolute; top: 0; right: 0;} footer .footer_in .logo_wrap .family_site .selected{border-bottom: 1px solid #fff; padding: 8px 0; width: 100%; position: relative; cursor: pointer;} footer .footer_in .logo_wrap .family_site .selected .arrow{width: 6px; height: 6px; display: block; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 12px; right: 0; transform: rotate(45deg);} footer .footer_in .logo_wrap .family_site .selected_on{color: #fff; border-bottom: 1px solid #fff; font-weight: 500;} footer .footer_in .logo_wrap .family_site .selected_on .arrow{border-bottom: 1px solid #fff; border-right: 1px solid #fff;} footer .footer_in .logo_wrap .family_site .family_list{background: rgba(0,0,0,0.8); padding: 10px 0; display: none;} footer .footer_in .logo_wrap .family_site .family_list ul{} footer .footer_in .logo_wrap .family_site .family_list ul li{} footer .footer_in .logo_wrap .family_site .family_list ul li a{color: #fff; display: block; padding: 4px 10px;} footer .footer_in .logo_wrap .family_site .family_list ul li a:hover{background: #fff; color: #121212; font-weight: 500;} footer .footer_in .f_menu_wrap{max-width: 1300px; margin: 0 auto; padding: 10px 0;} footer .footer_in .f_menu_wrap .f_menu{} footer .footer_in .f_menu_wrap .f_menu > ul{} footer .footer_in .f_menu_wrap .f_menu > ul > li{display: inline-block;} footer .footer_in .f_menu_wrap .f_menu > ul > li:first-child a{padding-left: 0;} footer .footer_in .f_menu_wrap .f_menu > ul > li > a{display: block; color: #fff; padding: 0px 15px; font-weight: 600;} footer .footer_in .f_text{margin-bottom: 10px;} footer .footer_in .f_text .space15{display: none;} footer .footer_in .f_text .point{color: #fff; font-weight: 600;} footer .footer_in .copy{} footer .footer_in .copy .point{color: #fff;} .sub_footer{margin-top: 80px;} /* m_hidden_menu */ .m_hidden_menu_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9000; display: none;} .m_hidden_menu{width: 320px; height: 100%; background: #363636; position: fixed; top: 0; right: -500px; z-index: 9000; transition: 0.4s all; box-sizing: border-box; padding-top: 100px;} .m_hidden_menu .m_logo{position: absolute; top: 20px; left: 20px;} .m_hidden_menu .m_hidden_menu_close_btn{cursor: pointer; position: absolute; top: 26px; right: 20px;} .m_hidden_menu > ul{} .m_hidden_menu > ul > .d1{} .m_hidden_menu > ul > .d1 > a{display: block; font-size: 18px; box-sizing: border-box; padding: 17px 20px; font-weight: 500; color: #fff; border-top: 1px solid rgba(255,255,255, 0.3);} .m_hidden_menu > ul > .d1:last-child > a{border-bottom: 1px solid rgba(255,255,255, 0.3);} .m_hidden_menu > ul > .d1 > .sub{display: none; background: #454545;} .m_hidden_menu > ul > .d1 > .sub > ul{} .m_hidden_menu > ul > .d1 > .sub > ul > .d2{} .m_hidden_menu > ul > .d1 > .sub > ul > .d2 > a{display: block; padding: 14px 30px; font-size: 16px; color: #fff;} /* 반응형 */ @media all and (max-width:1700px) { } @media all and (max-width:1600px) { .full_screan_pager{left: 30px;} } @media all and (max-width:1500px) { header .header_in .main_menu > ul > .d1 > a{padding: 0 40px;} .sec1 .sec1_text_wrap{left: 80px; margin-left: 0;} .sec2 .sec_in_box{padding: 20vh 20px 0px;} .sec3 .sec_in_box{padding: 20vh 20px 0;} } @media all and (max-width:1400px) { .pc1400 {display: none;} .m1400 {display: block;} .total_menu_wrap > ul{margin: 140px 60px 100px;} .total_menu_wrap .total_menu_wrap_utility{margin: 0 60px;} .sec3 .sec_in_box .box_list{width: 1120px;} .sec3 .sec_in_box .box_list > ul > li{padding: 12px 30px; width: 26.5%;} .sec3 .sec_in_box .box_list > ul > li:last-child{display: none;} .sec3 .sec_in_box .box_list .shortcut{right: 300px;} header .header_in .main_menu > ul > .d1 > a{padding: 0 15px;} footer{padding: 40px 20px 56px;;} .sub_sec3 .w1300 {padding: 0 1.54%; box-sizing: border-box;} .product_right_button a {width: calc((100% / 2) - 14px);} .brochure_btn {margin-right: 20px;} .sub_sec3 .w1300 .sub_content .sub22 .sub22_con1 .sub22_con1_right .sub22_con1_right_desc2 {margin-top: 10vh;} .sub_sec3 .w1300 .sub_content .sub22 .sub22_con1 .sub22_con1_right .product_right_button {margin-top: 19.3vh;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .common_dl dd {width: 95%;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con3 .sub21_01_05_img02 img {width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .con11_right {width: 85%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_right .list_desc_wrap .list_desc_text .pc1300 {display: none !important;} } @media all and (max-width:1300px) { .pc1300{display: none;} .m1300{display: block;} header .header_in .logo{left: 20px;} header .header_in .menu_open_btn{right: 20px;} .utility .utility_in .list{right: 20px;} header .header_in{max-width: 100%;} header .header_in .menu_open_btn{right: 30px;} .sub_sec3 .w1300 .sub_content .sub22 .sub22_con1 .sub22_con1_right .sub22_con1_right_desc2 {margin-top: 10%;} .sub_sec3 .w1300 .sub_content .sub22 .sub22_con1 .sub22_con1_right .product_right_button {margin-top: 20%;} .sub_sec3 .w1300 .sub_content .table_desc {} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd {padding: 60px 15px;} } @media all and (max-width: 1260px) { .sub_sec3 .w1300 .sub_content .sub12 {margin:50px 0 100px 0;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1 {position: relative; display: block; box-sizing: border-box;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left {float: left; width: 49%; color: #121212;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 38px; font-weight: 600; text-align: left;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc {font-size: 16px; font-weight: 400; text-align: left; line-height: 1.8; margin-top: 40px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 30px; vertical-align: -9px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right {position: relative; float: right; width: 47%;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right img {position: relative;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 23px; width: 90px;} } @media all and (max-width:1200px) { header .header_in .main_menu > ul > .d1 > a{padding: 0 10px} header .header_in .main_menu{width: 800px; margin: 0 auto 0 calc(((100% - 800px) / 2) + 7px);} header .header_in .family_site{width: 110px;} .total_menu_wrap > ul > .d1 > a{font-size:20px} .total_menu_wrap > ul{margin: 140px 40px 100px;} .total_menu_wrap .total_menu_wrap_utility{margin:0 40px} .sec2 .sec2_slide .sc2{width: 700px; padding-left: 52px;} .sec2 .sec2_slide .sc2 .sw2 .on{transform: scale(1.35);} .sec2 .sec_in_box .photo_frame_wrap{width: 560px; height: 570px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame{padding: 60px 80px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide{height: 410px;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide{width: 300px;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide img{width: 300px; height: 300px;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide .img_bg{width: 300px; height: 300px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit{font-size: 40px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit_unberline{margin: 20px 0;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit_add_text{font-size: 24px;} @keyframes sec2_slide_animation { 0%{left: 1000px; opacity: 0;} 100%{left: 400px; opacity: 1;} } .sec3 .sec_in_box .box_list{width: 1000px;} .sec3 .sec_in_box .box_list .shortcut{right: 100px;} .sec3 .sec_in_box .box_list{background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/box_list_bg.jpg) no-repeat left center;} .sec3 .sec_in_box .box_list > ul > li{width: 33.333%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left {width: 30%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right {width: 66%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {width: 86%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con4 .table_tit_img img {width: 70%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .table_tit_img {position: relative; display: inline-block;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .table_tit_img img {width: 70%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .common_table img {width: 60%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .common_table .width80 img {width: 100%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box {padding: 30px;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_left .con6_img {width: 100%; padding-right: 12%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_left .con6_img img {position: relative; display: block; width: 100%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_right img {position: relative; display: block; width: 100%;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap {width: 80%; margin: 0 auto;} .sub_sec2 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap {width: 100%;} .sub32 .con1 .left{width: calc(100% - 720px); margin-right: 40px;} .sub32 .con1 .right{width: 680px;} } @media all and (max-width:1102px) { /* 서브페이지 - 인사말 1102px sub12 */ .sub_sec3 .w1300 .sub_content .sub12 {margin:50px 0 100px 0;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1 {position: relative; display: block; box-sizing: border-box;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left {float: left; width: 49%; color: #121212;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 35px; white-space: nowrap;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc {font-size: 16px; font-weight: 400; text-align: left; line-height: 1.8; margin-top: 40px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 30px; vertical-align: -9px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right {position: relative; float: right; width: 47%;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right img {position: relative;} } @media all and (max-width:1100px){ .pc1100{display: none;} .m1100{display: block;} header .header_in .main_menu{width: 640px; margin: 0 auto 0 calc(((100% - 640px) / 2) + -10px);} .sec3 .sec_in_box .box_list{margin: 0 auto; position: relative; width: 100%;} .sub_sec3 .w1300 .con_title {font-size: 43px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 21px; width: 90px;} .sub_sec3 .w1300 .sub_content .bw_board_tab_0 {width: 580px;} .product_con_sub {margin-bottom: 15px;} .con1_right_text_warp {font-size: 17px; line-height: 1.7;} } @media all and (max-width:1000px) { .pc1000{display: none;} .m1000{display: block;} .main_tit{font-size: 60px;} .main_tit_add_text{font-size: 18px;} header .header_in .logo{top: 52%; transform: translateY(-50%);} header .header_in .logo img{max-width: 100%;} header .header_in .m_hidden_menu_open_btn{display: block; right: 20px;} .sec1{min-height: auto;} header .header_in .main_menu{display: none;} header .header_in .menu_open_btn{display: none;} header .header_in .menu_open_btn_wrap{width: 90px;} header .header_in .m_hidden_menu_open_btn{display: block; right: 29px; top: 40px;} header .header_in .family_site{display: none;} .sec1 .sec1_text_wrap{text-align: center; width: 100%; margin-left: 0; left: 0px;} .sec2{min-height: auto; height: auto; padding: 60px 0 120px;} .sec2 .sec2_slide .sc2{width: 100%; padding-left: 0; padding-bottom: 0;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide{left: 0; width: 100%; height: 100%; margin-right: 0;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide img{width: 100%; height: initial; max-width: 100%;} .sec2 .sec2_slide .sc2 .sw2 .swiper-slide .img_bg{width: 100%; height: inherit; opacity: 0;} .sec2 .sec2_slide .sc2 .sw2 .on{transform: scale(1);} .sec2 .sec_in_box{padding: 0vh 20px 0px;} .sec2 .sec_in_box .photo_frame_wrap{margin: 0 auto;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .top_frame{width: 100%;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .top_frame_action{animation: inherit;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .right_frame{height: 100%;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .right_frame_action{animation: inherit;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .bottom_frame{width: 100%;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .bottom_frame_action{animation: inherit;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .left_frame{height: 100%;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .left_frame_action{animation: inherit;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap{opacity: 1;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap_action{animation: inherit;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit_unberline{display: none;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .text_wrap .text{display: none;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .text_wrap .font_size15{display: none;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide{position: inherit; z-index: 10; opacity: 1; left: 0;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide_action{animation: inherit; box-shadow: 8px 8px 10px 5px rgba(0,0,0,0.4)} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap > .text_wrap > .tit{font-size: 22px; height: 62px;} .sec2 .sec_in_box .sec2_slide_btn_wrap{opacity: 1; position: absolute; bottom: inherit; top: 195px; right: 100px; left: inherit; z-index: 100;} .sec2 .sec_in_box .sec2_slide_btn_wrap_action{animation: inherit;} .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_pager{bottom: 6px;} .sec2 .sec_in_box .sec2_slide_btn_wrap .sc2_pager .swiper-pagination-current{font-size: 18px; width: 40px; line-height: 40px;} .sec3{min-height: auto; height: auto;} .sec3 .sec_in_box{padding: 100px 20px 50px;} .sec3 .sec_in_box .box_list{left: 0;} .sec3 .sec_in_box .sec3_box_list_action{animation: inherit;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1) .in_box{bottom: 0; position: inherit;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1) .sec3_box_list1_inBox_action{animation: inherit;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2) .in_box{bottom: 0; position: inherit;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2) .sec3_box_list2_inBox_action{animation: inherit;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .in_box{bottom: 0; position: inherit;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .sec3_box_list3_inBox_action{animation: inherit;} .sec3 .sec_in_box .box_list .shortcut{opacity: 1;} .sec3 .sec_in_box .box_list .shortcut_action{animation: inherit;} footer{padding-top: 30px; background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/m_footer_bg.jpg) no-repeat center; background-size: cover;} footer .footer_in .logo_wrap .f_logo{position: inherit; margin-bottom: 10px;} footer .footer_in .logo_wrap .family_site{display: block;} footer .footer_in .f_menu_wrap{} footer .footer_in .f_text{line-height: 30px;} footer .footer_in .copy{} footer .footer_in .f_text{margin-bottom: 15px;} footer .footer_in .f_text .space36{display: none;} footer .footer_in .f_text .space15{display: inline-block;} .full_screan_pager{display: none;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 33px; line-height: 1.4;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 21px; width: 80px; vertical-align: -7px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left {float: none; width: 100%; margin-top: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left img {left: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right {float: none; width: 100%; margin-top: 30px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_left {margin-left: 10px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {width: 87%;} .sub32 .con1 .right{padding-top: 0px;} .sub32 .con1 .left{width: 230px; margin-right: 40px;} .sub32 .con1 .right{width: calc(100% - 270px);} .sub32 .con1 .num_table .add ul li:nth-child(1){background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/sub32_table_bg.jpg);} .sub32 .con1 .num_table > div ul li:nth-child(1){display: block;} .sub32 .con1 .num_table .num ul li:nth-child(2){background: #f6f6f6;} .sub32 .con1 .num_table > div ul li:nth-child(2){width: 100%;} } @media all and (max-width: 970px) { .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 28px;} } @media all and (max-width:900px) { .sub13 .con2 .history_list .info_wrap .list_wrap > ul > li > .common_dl .bar{display: none;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .common_table table{width: 900px;} } @media all and (max-width:900px) { .pc900{display: none;} .m900{display: block;} header .header_in .menu_open_btn{display: none;} .sec3 .sec_in_box{padding: 60px 20px 50px;} .sec3 .sec_in_box .box_list{background: url(https://dm9dyppzex8zo.cloudfront.net/busanweb/ydsteel/skin/m_box_list_bg.jpg) no-repeat center center; background-size: cover; height: auto; padding: 30px; box-sizing: border-box;} .sec3 .sec_in_box .box_list > ul > li{width: 50%; padding: 12px 0 12px 20px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2){padding: 12px 0 12px 30px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3){padding: 30px 0 12px 20px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1) .in_box .text{display: none;} .sec3 .sec_in_box .box_list .shortcut{right: 90px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2) .in_box .text{display: none;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1){margin-bottom: 30px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2){border-right: none; margin-bottom: 30px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3){width: 100%; border-top: 1px solid rgba(255,255,255,0.3);} .sec3 .sec_in_box .box_list > ul > li .in_box .more_btn{position: inherit;} .sec3 .sec_in_box .box_list > ul > li .in_box .fax{margin-bottom: 20px;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li:first-child{width: 80px;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li:nth-child(2){width: calc((100% - 80px) / 2)} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li:nth-child(3){width: calc((100% - 80px) / 2)} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box{width: 100%;} .con_title {margin: 45px auto 0px;} .sub_sec3 .w1300 .sub_content .sub12 {margin: 40px 0 100px 0;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left {float: none; width: 100%; margin-top: 45px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right {float: none; display: inline-block; width: 100%; margin: 0 auto; text-align: center;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right img:first-child {display: none;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right img:last-child {display: inline-block; width: 80%;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 17px;} .common_product .con1 .left{width: 100%; height: 400px; margin-bottom: 20px; margin-right: 0;} .common_product .con1 .right{width: 100%;} .common_product .con1 .right{min-height: auto;} .common_product .con1 .right .btn_wrap{position: inherit;} .common_product .con1 .right .common_dl{margin-bottom: 20px; padding-bottom: 0;} .common_product .con1 .right .text_wrap{min-height: auto; margin-bottom: 0px;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .selected{border-right: none;} .con_left {float: none; width: 100% !important;} .con_right {float: none; width: 100% !important;} .left_table {float: none; width: 100% !important;} .right_table {float: none; width: 100% !important;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .common_table {overflow-x: scroll;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center {height: 100%; padding: 10px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left img {position: relative; display: block; top: auto; left: 50%; transform: translate(-50%, 0);} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right .list_desc_wrap .pc900 {display: none;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con4 .left_table {margin-bottom: 40px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .left_table {margin-bottom: 40px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .common_table img {width: 30%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box {padding: 20px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box img {position: relative; display: inline-block; width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_left {margin-bottom: 40px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_left .con6_img {padding-right: 0; border: none;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con_right .con6_tit {margin-left: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap {width: 95%; padding: 10px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_left {margin-right: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_right .list_desc_wrap .pc1300 {display: none;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_right .list_desc_wrap:first-child {margin: 12px 0 25px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con5 .common_table .width80 img {width: 80%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con6_tit {font-size: 20px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .con11_right {width: 83%;} } @media all and (max-width:840px) { .sub_sec3 .w1300 {padding: 0 20px;} .sub_sec3 .w1300 .sub_content .sub12 {margin: 30px 0 0px 0;} .sub_sec3 .w1300 .sub_content .sub14 {margin-bottom: 0px;} .sub_sec3 .w1300 .sub_content .sub14 .sub14_con1 .sub14_con1_address .common_table table tr td:first-child {width: 33%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center {padding: 15px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {width: 85%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap {padding: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right .list_desc_wrap {left: 20%; font-size: 15px;} } @media all and (max-width:800px) { .pc800{display: none;} .m800{display: block;} .main_tit_add_text{margin-bottom: 110px;} .sub_sec3 .w1300 .con_title {font-size: 34px; margin-top: 35px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left {margin-top: 35px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc {margin-top: 30px;} .sub32 .con1 .num_table > div ul li:nth-child(1){width: 120px;} } @media all and (max-width:700px) { .pc700 {display: none;} .m700 {display: block;} .con_title_eng {margin-bottom: 1%;} .sub_sec3 .con1_right_bg {position: relative; right: 0; display: block; background-color: #fbfbfb; padding: 20px 0;} .sub_sec3 .con1_right_bg {width: 100%;} .sub_sec3 .con1_right {width: 80%; margin: 0 auto;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_left {margin-left: 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {width: 84%; font-size: 15px;} } @media all and (max-width:640px) { .pc640{display: none;} .pc640_in{display: none;} .m640{display: block;} .m640_in{display: inline-block;} header .header_in{height: 80px;} header .header_in .menu_open_btn_wrap{width: 80px;} header .header_in .m_hidden_menu_open_btn{top: 31px; right: 25px;} .sub_title_wrap .sub_title{font-size: 34px;} .sub_title_wrap .sub_title_add_text{font-size: 15px;} .con_title{font-size: 32px; margin-top: 46px;} .con_title::after{margin : 16px auto 30px} .sec_in_box .main_tit{font-size: 36px;} .sec1 .sec1_text_wrap .tit{font-size: 46px;} .main_tit_add_text{font-size: 16px;} .sec3 .sec_in_box .box_list .shortcut{top:-80px} .sec3 .sec_in_box .box_list .shortcut a{font-size: 16px; line-height: 38px;} .sec3 .sec_in_box .box_list .shortcut a img{width: 60px;} .sec3 .sec_in_box .box_list > ul > li .in_box .tit{margin-bottom: 20px;} .sec3 .sec_in_box .box_list > ul > li .in_box .icon{margin-bottom: 10px;} .sec3 .sec_in_box .box_list > ul > li .in_box .icon img{max-width: 100%;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1) .in_box .icon{width: 44px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2) .in_box .icon{width: 55px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .in_box .icon{width: 50px;} .sec3 .sec_in_box .box_list > ul > li .in_box .tit{font-size: 22px;} .sec2 .sec_in_box .photo_frame_wrap{width: 100%; height: 89vw;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit_add_text{font-size: 16px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap .tit{font-size: 36px; margin-bottom: 16px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap > .text_wrap > .tit{font-size: 22px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide{height: 60vw; top: 55%;} .sub_sec1{height: 180px;} .sub_sec2 .ss_menu_wrap{height: 60px;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li:first-child{width: 60px;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li:nth-child(2){width: calc((100% - 60px) / 2);} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li:nth-child(3){width: calc((100% - 60px) / 2);} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .hoem_nth{width: 60px;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .hoem_nth .img{background: url(https://d25cofileon94e.cloudfront.net/busanweb/ydsteel/skin/ssmenu_hone_icon-1.png) center no-repeat;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .selected{line-height: 60px; font-size: 15px; height: 60px; overflow: hidden;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .combo_list{top: 60px;} .sub_sec2 .ss_menu_wrap .ss_menu > ul > li .combo_box .selected:after{top: 22px;} .sub_sec3 .w1300 .sub_content .sub12 {margin: 20px 0 0px 0;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img {margin-left: 15px; width: 70px; vertical-align: -5px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_right img:last-child {width: 100%;} .common_product .con1 .left{height:320px} .common_product .con1 .right .text_wrap{font-size: 16px;} .sub_sec3 .w1300 .sub_content .bw_board_tab_0 {width: 100%;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 {width: 100%; margin: 15px auto 15px auto; text-align: center;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li a {font-size: 17px; padding: 4px 10px; height: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right {margin-top: 40px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {width: 82%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right .list_desc_wrap {height: auto; margin-bottom: 5px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right .list_desc_wrap:first-child {margin-bottom: 5px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .con11_right {width: 76%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left img {width: 200px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list {margin-bottom: 25px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_right .list_desc_wrap {height: auto; margin-bottom: 10px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_right .list_desc_wrap:first-child {margin: 3px 0 10px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list {margin-bottom: 25px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right .list_desc_wrap {left: 23%;} .sub13 .con1 .img .text_wrap{left: 50px;} .sub13 .con1 .img .text_wrap .text1{font-size: 32px; margin-bottom:4px} .sub13 .con1 .img .text_wrap .text2{font-size: 25px;} .sub13 .con2 .history_list .info_wrap > .left{width:100%; padding-right: 0; padding-left: 50px;} .sub13 .con2 .history_list .info_wrap > .left .year{text-align: left; font-size: 26px;} .sub13 .con2 .history_list .info_wrap > .left .list_wrap{text-align: left;} .sub13 .con2 .history_list .info_wrap > .left .year > span{left: 27px; top: 0px; background-size: cover; background-repeat: no-repeat; background-size: 24px 24px;} .sub13 .con2 .history_list .info_wrap > .left .list_wrap > ul > li div:first-child{display: inline-block;} .sub13 .con2 .history_list .info_wrap::before{left:27px} .sub13 .con2 .history_list .info_wrap > .right{width: 100%; padding-left: 46px;} .sub13 .con2 .history_list .info_wrap > .right .year > span{left: 27px; top: 0px; background-size: cover; background-repeat: no-repeat; background-size: 24px 24px;} .sub13 .con2 .history_list .info_wrap .list_wrap > ul > li > .text{font-size: 16px;} .sub13 .con2 .history_list .info_wrap .list_wrap > ul > li > .common_dl dd{font-size: 16px;} .sub13_tab{padding: 0 20px; box-sizing: border-box;} .sub13_tab > ol > li{width: 50%;} .sub14 .sub14_con1 .sub14_con1_address .common_table table td{font-size: 16px;} .sub32 .con1 .left{width: 100%; margin-right: 0; margin-bottom: 20px; height: 280px;} .sub32 .con1 .right{width: 100%;} .sub32 .con1 .num_table > div ul li:nth-child(1){display: inline-block;} .sub32 .con1 .num_table > div ul li:nth-child(2){width: calc(100% - 120px);} .sub32 .con1 .num_table .add ul li:nth-child(1) {line-height: 48px;} .sub32 .con1 .num_table > div ul{display: table; width: 100%;margin-bottom: 3px;} .sub32 .con1 .num_table > div ul li{font-size: 16px;} .sub32 .con1 .num_table > div ul li:nth-child(1){display: table-cell; width: 96px; vertical-align: middle;} .sub32 .con1 .num_table > div ul li:nth-child(2){display: table-cell;} .sub32 .con1 .sub32_text_wrap{margin-bottom: 24px;} } @media all and (max-width:600px) { .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {width: 80%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list {margin-bottom: 20px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list:nth-child(2) {margin-bottom: 30px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right .list_desc_wrap {left: 25%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_left {float: left; width: 20%; margin: 0 auto;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right {float: left; width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list .con11_list_right .list_desc_wrap {position: relative; top: 0; transform: translateY(0); left: 0;} } @media all and (max-width:500px) { .pc500{display: none;} .m500{display: block;} #bw_board_list caption > span{position:relative; top:-3px;} #bw_board_list caption form{width: 100%; height: 24px;} #bw_board_list caption form #keyword{width: calc(55% - 10px); border-radius: 0; padding: 0; height: 100%;} #bw_board_list caption form #opt{width: 30%; border-radius: 0; padding: 0; height: 100%;} #bw_board_list caption form #key{width: calc(55% - 10px); border-radius: 0; padding: 0; height: 100%;} #bw_board_list caption form button{width: 15%; height: 100%;} #bw_board_list_search button[data-bw-iskin='9']{background-position: right center;} .sec2 .sec_in_box .sec2_slide_btn_wrap{top: 190px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .top_frame{height: 17px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .right_frame{width: 17px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .bottom_frame{height: 17px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .left_frame{width: 17px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec_tit_wrap > .text_wrap > .tit{height: 62px;} .sec2 .sec_in_box .sec2_slide_btn_wrap{right: 60px;} .sec2 .sec_in_box .photo_frame_wrap{height: 440px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame{padding: 60px 56px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide{top: 160px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1){padding:12px 0} .sec3 .sec_in_box .box_list > ul > li:nth-child(3){padding:30px 0 12px 0px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(3) .more_btn{width: 100%;} .sec3 .sec_in_box .box_list > ul > li .in_box .tit{font-size: 20px;} footer .footer_in .f_menu_wrap .f_menu > ul > li > a{padding: 0 6px;} .m_hidden_menu{width: 100%;} .sub_wrap {margin: 15px 0 35px 0;} .sub_sec3 .w1300 .con_title {margin-top: 35px; font-size: 28px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left {margin-top: 22px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 26px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc {margin-top: 18px;} .sub_sec3 .w1300 .sub_content .sub14 .sub14_con1 .sub14_con1_map #map {height: 250px;} .sub_sec3 .w1300 .sub_content .sub14 .sub14_con1 .sub14_con1_address {margin-top: 30px;} .sub_sec3 .w1300 .sub_content .sub14 .sub14_con1 .sub14_con1_address .common_table table tr td {padding: 12px 13px; line-height: 1.8;} .sub_sec3 .w1300 .sub_content .sub14 .sub14_con1 .sub14_con1_address .common_table table tr td:first-child{width: 22%; min-width: 90px;} .sub {margin-bottom: 30px;} .con {margin-bottom: 60px;} .sub_wrap.sub11 {margin-bottom: 50px;} .sub_wrap {margin: 30px 0;} .con_right {margin-top: 20px;} .gold_title {font-size: 19px; line-height: 1.4em;} .sub_sub_title {font-size: 28px; margin-top: 35px} .con_title_kor {font-size: 25px;} .con_title_eng {margin-bottom: 1.5%;} .product_con_sub {font-size: 18px; margin-bottom: 16px !important;} .product_con_desc {font-size: 16px; margin: 0px 0 20px !important;} .product_con_desc_tit {margin-bottom: 15px; text-align: left !important;} .product_con_title {font-size: 26px; margin: 35px auto 10px auto !important;} .product_con_sub_title {font-size: 18px !important;} .con1_right_text_warp {line-height: 1.8;} .product_con_desc_tit {font-size: 18px;} .sub_title_wrap .sub_title {font-size: 32px;} .sub21_desc_img_tit {font-size: 18px; margin-bottom: 10px; font-weight: 500;} .sub_sec3 .w1300 .sub_content .product_con_desc {text-align: left !important;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 {margin: 0; margin-top: 10px; margin-bottom: -6px;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li{width: 50%;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li a {display: inline-block; width: 100%; } .sub_sec3 .w1300 .sub_content .common_dl {font-size: 16px !important;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con2 .common_dl dd {padding: 0px 0 18px 16px; box-sizing:border-box; margin-left:0;} .sub_sec3 .w1300 .sub_content .sub21_01_04 .sub21_01_04_con2 .common_dl dd:last-child {margin: 0px 0 0px 16px;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_desc_img {width: 68%; margin: 0 auto;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con5 .product_con_desc {margin: 0; margin-bottom: 20px;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_desc_img_tit:first-child {font-weight: 500; margin-bottom: 15px; font-size: 18px;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd {padding: 25px 20px 0 20px;} .sub_sec3 .w1300 .sub_content .sub21_01_06 .sub21_01_06_con6 .sub21_01_06_con6bd .product_con_desc {margin: 35px 0 !important;} .sub_sec3 .w1300 .sub_content .sub21_01_07_con5 .common_table table .width80 img {width: 80% !important;} .sub_sec3 .w1300 .sub_content .sub21_01_07_con5 .common_table table tr td img {position: relative; display: inline-block; width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07_con5 .common_table table tr td:last-child img {width: 60%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .table_tit_img {width: 200px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .table_tit_img img {position: relative; display: inline-block; width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_left {position: relative; float: left; width: 20%; margin: 0 auto;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_left ul li {margin-bottom: 15px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right {position: relative; float: none; width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right .list_desc_wrap {position: relative; top: 0; transform: translateY(0); font-size: 15px; margin-bottom: 20px !important;} .sub_sec3 .w1300 .sub_content .sub21_01_05 .sub21_01_05_con5 .product_con_desc {margin: 20px auto 25px 0 !important;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con6 .con6_wrap .con6_box .con6_tit {font-size: 18px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con10 .product_con_desc {margin: 0 0 0px 0 !important;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .con11_right {width: 70%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap {width: 100%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_left ul li {margin-bottom: 67%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_left ul li:first-child {margin-bottom: 80%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_left ul li:nth-child(2) {margin-bottom: 50%;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_right .list_desc_wrap:first-child {margin: 3px 0 25px 0;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_wrap .con11_right .list_desc_wrap {margin-bottom: 25px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list {margin-bottom: 10px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con11 .img_box_center .con11_list_wrap .con11_list:nth-child(2) {margin-bottom: 35px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con13 .common_table table tr td {white-space: nowrap;} .sub_sec3 .w1300 .sub_content .sub21_02 .con {margin-bottom: 40px;} .sub_sec3 .w1300 .sub_content .sub21_02 .sub21_02_con8 {margin-bottom: 0px;} .sub_sec3 .w1300 .sub_content .sub21_03 .product_con_sub_title.center {margin: 10px 0 18px 0;} .sub_sec3 .w1300 .sub_content .sub21_02 .product_con_desc_tit {margin-bottom: 10px;} .sub_sec3 .w1300 .sub_content .sub21_02 .product_con_desc {margin: 0 !important;} .sub_sec3 .w1300 .sub_content .sub21_03 .con_wrap {margin: 20px 0;} .sub_footer {margin-top: 40px;} footer .footer_in .f_menu_wrap{display: none;} footer .footer_in .f_text{display: none;} footer .footer_in .logo_wrap .f_logo{height: 110px;} footer .footer_in .logo_wrap .family_site{right: inherit; left: 0; top: 60px;} } @media all and (max-width:480px) { .pc480{display: none;} .m480{display: block;} } @media all and (max-width:450px) { .sec3 .sec_in_box .box_list > ul > li .in_box .tit{font-size: 16px;} .con_title{font-size: 28px; margin-top: 32px;} .con_title::after{margin : 16px auto 26px} .sub_sec3 .w1300 .con_title {margin-top: 32px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left {margin-top: 25px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 26px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc {margin-top: 25px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc img { margin-left: 14px; vertical-align: -6px;} } @media all and (max-width:430px) { .sub_sec3 .w1300 .sub_content .bw_board_tab_0 li a {font-size: 16px} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li a {font-size: 15px; padding: 3px 7px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_left img {width: 150px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_left ul li {margin-bottom: 50px;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list .con2_list_right .list_desc_wrap:nth-child(1) {margin-bottom: 0px !important;} .sub_sec3 .w1300 .sub_content .sub21_01_07 .sub21_01_07_con2 .img_box_center .con2_right .con2_list {margin-bottom: 35px;} } @media all and (max-width:414px) { .product_right_button a {font-size: 14px !important;} .sub_sec3 .w1300 .sub_content .bw_board_tab_1 li a {padding: 3px 5px;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con3 .sub11_con3_list_box .sub11_con3_list ul li {height: 223px;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con1 .sub11_con1_box .con1_left .con1_left_img ul li:nth-child(1)::after {top: 93%;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con1 .sub11_con1_box .con1_left .con1_left_img ul li:nth-child(2)::after {top: 93%;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con3 .sub11_con3_list_box .sub11_con3_list ul li img {top: 33%;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con3 .sub11_con3_list_box .sub11_con3_list ul li span {top: 59%;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con4 .sub11_con4_box .con4_right .con4_table tr td {font-size: 16px;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con4 .sub11_con4_box .con4_right .con4_table tr td:first-child {padding: 13px 0 13px 10px;} .sub_sec3 .w1300 .sub_content .sub11 .sub11_con4 .sub11_con4_box .con4_right .con4_table tr td:last-child {padding: 13px 10px 13px 0;} } @media all and (max-width:400px) { .pc400{display: none;} .m400{display: block;} .sec_in_box .main_tit{font-size: 30px;} .sec2 .sec_in_box .sec2_slide_btn_wrap{top:192px} .common_product .con1 .right .btn_wrap > ul > li > a{font-size: 14px;} .sec2 .sec_in_box .photo_frame_wrap {height: 400px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame{padding:50px 56px;} .sec2 .sec_in_box .photo_frame_wrap .photo_frame .sec2_slide {top: 140px;} .sec3 .sec_in_box .box_list{padding: 20px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(2){padding: 12px 0 12px 20px;} .sec3 .sec_in_box .box_list > ul > li:nth-child(1) .in_box .tit{margin-bottom: 43px;} footer .footer_in .logo_wrap .family_site{width: 120px;} .sub_sec3 .w1300 .con_title {margin-top: 24px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_tit {font-size: 24px;} .sub_sec3 .w1300 .sub_content .sub12 .sub12_con1_left .sub12_con1_left_desc {margin-top: 18px;} .sub_sec3 .w1300 .sub_content .sub14 .sub14_con1 .sub14_con1_map #map {height: 300px;} .sub32 .con1 .sub32_text_wrap{font-size: 22px;} }